@font-face {
font-family: "SOCAR";
src: url('/fonts/SOCAR-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "SOCAR-Bold";
    font-weight: bold;
    src: url('/fonts/SOCAR-Bold.otf');
         font-weight: normal;
         font-style: normal;
}

a{
  font-family: 'SOCAR', Arial, sans-serif;
}
p{
  font-size: 18px;
}

label{
  font-size: 18px;
}

.ana{
  font-size:18px;
}

.text-bold{
  font-family: 'SOCAR-Bold', Arial, sans-serif;;
}

.tcerror{
  min-height: 20px;
  font-size: 16px;
  padding-bottom:5px;
}

.class_name_a{  color:green;  font-weight:bold;}
.class_name_b{  color:red;  font-weight:bold;}
.nmcenter{
  width: 150px;
  margin: 40px auto;
}

.callout-soccar {
    border-radius: 3px;
    margin: 0 0 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
}
.text-white{
  color:#ffffff !important;
}

.soccar-gray{
  background-color: #9d9d9d !important;
}

.soccar-green{
  background-color: #64a70b !important;
}

.text-green{
  color:#64a70b;
}

.soccar-green-btn{
  background-color: #64a70b !important;
  font-size:18px;
  color: #fff;
}
.soccar-green:hover,
.soccar-green:active,
.soccar-green.hover {
  color: #fff !important;
}

.soccar-blue{
  background-color: #00a3e0 !important;
}

.text-blue{
  color:#00a3e0;
}

.soccar-blue-btn{
  background-color: #00a3e0 !important;
  font-size:18px;
  color: #fff;
}
.soccar-blue:hover,
.soccar-blue:active,
.soccar-blue.hover {
  color: #fff !important;
}

.soccar-red{
  background-color: #e4002b !important;
}

.text-red{
  color:#e4002b;
}


.soccar-red-btn{
  background-color: #e4002b !important;
  font-size:18px;
  color: #fff;
}
.soccar-red:hover,
.soccar-red:active,
.soccar-red.hover {
  color: #fff !important;
}
a {
    color: #ffffff !important;
}
a:focus, a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}
@media (min-width: 1400px) {
  .soccar-red-btn{
    font-size:22px;
  }
  .ana{
    font-size:28px !important;
  }
}

@media (max-width: 480px) {
  .langButton{
      padding: 5px;
      width:100px !important;
  }
  .conwidth{
      width: 300px !important;
  }

  #video{
      width: 185px !important;
      height: 220px !important;
      padding: 10px !important;
      margin: 5px !important;
  }

  #canvas{
      width: 185px !important;
      height: 220px !important;
      padding: 10px !important;
      margin: 5px !important;
  }

  .text-bold{
      font-size:16px;
      padding-left: 20px;
      padding-right:20px;
  }

  .ks{
     font-size: 16px !important;
     margin-left: 30px;
  }

  .calloutg{
      margin: 25px !important;
      min-width: 260px !important;
      font-size:14px;
  }

  .callout{
      min-width: 290px !important;
  }

  #pd-40{
     padding-top: 40px !important;
  }

  .cntpad{
    margin-left: -15px !important;
  }

  .boxFrm{
    min-width:320px !important;
    margin-right:15px;
  }

}