@font-face {
  font-family: "birds_of_paradiseregular";
  src: url("../fonts/birds_of_paradise-webfont.eot");
  src: url("../fonts/birds_of_paradise-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/birds_of_paradise-webfont.woff2") format("woff2"), url("../fonts/birds_of_paradise-webfont.woff") format("woff"), url("../fonts/birds_of_paradise-webfont.ttf") format("truetype"), url("../fonts/birds_of_paradise-webfont.svg#birds_of_paradiseregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Arista2-0Light";
  src: url("../fonts/Arista2-0Light.eot");
  src: url("../fonts/Arista2-0Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Arista2-0Light.woff2") format("woff2"), url("../fonts/Arista2-0Light.woff") format("woff"), url("../fonts/Arista2-0Light.ttf") format("truetype"), url("../fonts/Arista2-0Light.svg#Arista2-0Light") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "BellMT";
  src: url("../fonts/BellMT.eot");
  src: url("../fonts/BellMT.eot?#iefix") format("embedded-opentype"), url("../fonts/BellMT.woff2") format("woff2"), url("../fonts/BellMT.woff") format("woff"), url("../fonts/BellMT.ttf") format("truetype"), url("../fonts/BellMT.svg#BellMT") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "BirchStd";
  src: url("../fonts/BirchStd.eot");
  src: url("../fonts/BirchStd.eot?#iefix") format("embedded-opentype"), url("../fonts/BirchStd.woff2") format("woff2"), url("../fonts/BirchStd.woff") format("woff"), url("../fonts/BirchStd.ttf") format("truetype"), url("../fonts/BirchStd.svg#BirchStd") format("svg");
  font-weight: normal;
  font-style: normal;
}
header .line {
  width: 100%;
  height: 20px;
  background: #00d0fa;
  margin-top: 0;
  top: 0;
  display: inline-block;
  background: -webkit-linear-gradient(left, #006cb8, #00d0fa);
  background: -o-linear-gradient(right, #006cb8, #00d0fa);
  background: -moz-linear-gradient(right, #006cb8, #00d0fa);
  background: linear-gradient(to right, #006cb8, #00d0fa);
}
header .line .text-right {
  text-align: right;
}
header .line .text-right ul {
  width: 100%;
}
header .line .text-right ul li {
  list-style: none;
  float: right;
  margin: 5px 5px 0;
}
header .line .text-right ul li img {
  width: 100%;
  position:relative;
  z-index:99;
}
header .container-logo {
  width: 100%;
  padding: 25px 50px;
  display: inline-block;
}

.header-custom {
  height: 20px;
}

.container-content {
  width: 100%;
  display: inline-block;
}
.container-content .col-md-9 {
  padding-left: 0;
}
.container-content .content-home {
  margin: 0;
  padding: 0;
}
.container-content .content-home h2 {
  border-bottom: 2px solid #0062c3;
  padding-left: 45px;
  display: inline-block;
  margin-top: 0;
  font-family: "birds_of_paradiseregular";
  color: #0062c3;
  font-size: 54px;
}
.container-content .content-home p {
  font-family: "BellMT";
  padding-left: 45px;
  font-size: 24px;
  color: #0062c3;
  padding-top: 10px;
}
.container-content .social {
  bottom: 0;
  width: 100%;
  position: relative;
}
.container-content .social .col-md-4 {
  color: #0062c3;
  font-size: 1em;
}
.container-content .social .col-md-4 img {
  padding-right: 10px;
  max-width: 47px;
}
.container-content .content {
  margin: 0;
  padding: 0;
  padding-top: 30px;
  z-index: 99;
}
.container-content .content h2 {
  border-bottom: 2px solid #0062c3;
  padding-left: 45px;
  display: inline-block;
  margin-top: 0;
  font-family: "birds_of_paradiseregular";
  color: #0062c3;
  font-size: 54px;
  margin-bottom: 20px;
}
.container-content .content .text-center img {
  background: #fff;
  -webkit-box-shadow: inset 0 0 10px 10px rgba(178, 232, 248, 0.6) !important;
  box-shadow: inset 0 0 10px 10px rgba(178, 232, 248, 0.6) !important;
}
.container-content .content .product-img {
  padding: 10px 15px;
  height:250px;
  overflow:hidden;
  overflow:hidden;
}
}

.container-content .content .text-left h2 {
  padding: 0;
  border-bottom: 0;
  font-family: "BellMT";
  font-size: 28px;
}
.container-content .content .text-left p {
  color: #0062c3;
}
.container-content .content .detail-product img {
  width: 100%;
}
.container-content .content .label-img {
  padding-top: 20px;
}
.container-content .content .label-img .label-text {
  padding: 20px 20px;
  color: #0062c3;
  font-family: "BellMT";
  font-size: 20px;
}
.container-content .content .label-img .wrap-img-label {
  margin-bottom: 20px;
}
.container-content .content .label-img .wrap-img-label img {
  width: 100%;
  background: #fff;
  -webkit-box-shadow: inset 0 0 10px 10px rgba(178, 232, 248, 0.6) !important;
  box-shadow: inset 0 0 10px 10px rgba(178, 232, 248, 0.6) !important;
  margin-top: 10px;
}
.container-content .client h2 {
  border-bottom: 2px solid #0062c3;
  padding-left: 45px;
  display: inline-block;
  margin-top: 0;
  font-family: "birds_of_paradiseregular";
  color: #0062c3;
  font-size: 54px;
  margin-bottom: 20px;
}
.container-content .client .client-text {
  font-family: "BirchStd";
  letter-spacing: 0.5px;
  font-size: 2.5em;
  color: #0062c3;
}
.container-content .technology h2 {
  border-bottom: 2px solid #0062c3;
  padding-left: 45px;
  display: inline-block;
  margin-top: 0;
  font-family: "birds_of_paradiseregular";
  color: #0062c3;
  font-size: 54px;
  margin-bottom: 20px;
  position: relative;
}
.container-content .technology .technology-text {
  font-family: "BellMT";
  letter-spacing: 0.5px;
  font-size: 1.5em;
  color: #0062c3;
  text-align: justify;
}
.container-content .technology .wrap-bor {
  position: relative;
  background: url(../img/bord.png);
  width: 443px;
  background-repeat: no-repeat;
  height: 140px;
  margin-top: -50px;
}
.container-content .technology .wrap-bor h3 {
  padding: 0;
  margin: 0;
  padding: 70px 0 0 30px;
  color: #fff;
  font-family: "BellMT";
  font-size: 2.25em;
  letter-spacing: 0.5px;
}

.tech-details {
  padding-left: 0;
}

.tech-details-2 {
  padding-left: 0;
}

.wrap-tech {
  padding: 20px 50px;
}
.wrap-tech .wrap-img-tech {
  width: 20%;
  float: left;
}
.wrap-tech .wrap-img-tech img {
  width: 100%;
}

@media (max-width: 980px) {
  .wrap-tech .wrap-img-tech {
    width: 50%;
    float: left;
  }
  .wrap-tech .wrap-img-tech img {
    width: 100%;
  }
}
.product-detail {
  background: url(../img/bg-detail.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}

.product-page {
  background: url(../img/bg-pro.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}

.tech-page {
  background: url(../img/bg-tech.jpg);
  background-size: 100%;
  background-repeat: no-repeat;

}

.contact-page {
  background: url(../img/bg-contact.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}

.tech-detail-page {
  background: url(../img/bg-tech-detail.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.img-bg {
  width: 100%;
  z-index: 9;
}
.img-bg img {
  width: 100%;
  margin-top: -300px;
}
.no-padding{
  padding:0 !important;
}
.product {
  width:100%;
  background: #e1e1e1;
}
.product .pro-img {
  padding: 10px 5px;
}
.product .pro-img img {
  width: 100%;
}

.bul-nav {
  color: #0059ba;
  font-size: 35px;
}

.navbar-default .navbar-nav > li > a {
  font-size: 22px;
  margin: 0 15px;
  font-family: "Arista2-0Light";
  color: #0059ba;
  letter-spacing: 1px;
}

.bul-nav {
  margin: 0 10px;
}
.email, .facebook, .twitter{
  width:50px;
  height:50px;
  padding:10px;
  margin-top:90px;
  margin-left:15px;
}

@media screen and (max-width:991px){
  
  .email, .facebook, .twitter{
	  margin-top:20px;
	}
	.twitter{
	  margin-bottom: 20px;
	}
	.product {
	    margin-top: 160px;
	}
	.pull-right {
	    float: left !important;
	}
}

@media screen and (min-width:992px){
  .container-content .social {

    padding-top: 110px;
}
}


.email img, .facebook img, .twitter img{
  width:auto;
  height:100%;
}


.banner{
  position:relative;
  z-index:999;
    overflow:hidden;
}
.banner-2 {
  margin-top: -250px;
}

.tech-details .technology-text-2 {
  font-size: 1.5em;
  color: #0062c3;
  text-align: justify;
}

.btn {
  padding: 5 50px !important;
}

.btn-custom {
  background: #57bee5;
  background: -webkit-linear-gradient(#57bee5, #029ed8, #57bee5);
  background: -o-linear-gradient(#57bee5, #029ed8, #57bee5);
  background: -moz-linear-gradient(#57bee5, #029ed8, #57bee5);
  background: linear-gradient(#57bee5, #029ed8, #57bee5);
  color: #fff;
  padding-left: 50px;
  padding-right: 50px;
  margin: 5px 5px;
}

.form-horizontal .control-label {
  text-align: left;
  margin-bottom: 0;
  padding-top: 7px;
  font-family: "BellMT";
  color: #0062c3;
}

.logo-contact img {
  width: 100%;
}

.contact-wrap {
  font-family: "BellMT";
  color: #009ee3;
  font-size: 1.5em;
  padding-bottom: 20px;
}
.contact-wrap .yahoo-wrap {
  text-align: center;
}
.contact-wrap .yahoo-wrap img {
  padding-right: 10px;
}
.contact-wrap .yahoo-wrap p {
  padding-left: 10px;
}

.para-contact {
  color: #0062c3;
  font-family: "BellMT";
  font-size: 1.75em;
  padding-bottom: 15px;
  letter-spacing: 0.5px;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #3fb6ea;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

footer {
  width: 100%;
  background: #00d0fa;
  margin-top: -5px;
  top: 0;
  display: inline-block;
  background: -webkit-linear-gradient(left, #006cb8, #00d0fa);
  background: -o-linear-gradient(right, #006cb8, #00d0fa);
  background: -moz-linear-gradient(right, #006cb8, #00d0fa);
  background: linear-gradient(to right, #006cb8, #00d0fa);
}
footer .text-right {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 15px;
  color: #fff;
}

/* custom */
body .container-content .navbar-custom {
  background-color: none;
  border: none !important;
}

.home .container-content .navbar-custom {
  display: none;
}
@media (min-width: 768px) {
  .navbar-default {

  }
  .navbar-hide {
    display: none;
  }
}

@media (max-width: 768px) {
  header .container-logo {
    padding-top: 40px;
    padding-left: 5px;
  }
  header .container-logo img{
    width: 80%;
  }
  .navbar-show {
    display: none;
  }
  .navbar-hide {
    margin-top: -65px;
  }
  .navbar-nav .bul-nav {
    display: none;
  }
  .email {
    padding-top: 5px;
  }
  .facebook {
    padding-top: 5px;
  }
  .twitter {
    padding-top: 5px;
  }
  .iso {
    margin-top: 20px;

  }
  .container-content .content-home {
    margin-top: 20px;
  }
  .container-content .content-home h2 {
      font-size: 28px;
  }
  .container-content .content-home p {
    font-size: 20px;
  }
  .navbar-custom {
    margin-top: 40px;
    margin-bottom: 0;
  }
  header .line .text-right ul li {
      margin: 0 5px 0;
  }
}

.container-content{margin-top:-5px;}
/** modal gallery**/
   
     .modal-body {
          padding:20px !important;
      }
      .modal-content {
          border-radius:0;
      }
      .modal-dialog img {
          text-align:center;
          margin:0 auto;
      }
    .controls{          
        width:50px;
        display:block;
        font-size:14px;
        padding-top:8px;
        font-weight:bold;          
    }
    .next {
        float:right;
        text-align:right;
    }
      /*override modal for demo only*/
      .modal-dialog {
          max-width:500px;
          padding-top: 90px;
      }
      @media screen and (min-width: 768px){
          .modal-dialog {
              width:500px;
              padding-top: 90px;
          }          
      }
      @media screen and (max-width:1500px){
          #ads {
              display:none;
          }
      }
      
#detail-tech-image{
    margin:10px 0 0 40px;
}

.mb20{margin-bottom:20px;}

.goGallery{
  margin-bottom:30px;
}
.goGallery div{
  height: 200px;
  overflow:hidden;
}
.goGallery a img{
  padding:0;
  margin:0;
  width:100%;
  height:auto;
}