@font-face {
  font-family: "droid_sans";
  src: url("../fonts/Droid_Sans/DroidSans.ttf");
}
@font-face {
  font-family: "droid_sans";
  src: url("../fonts/Droid_Sans/DroidSans-Bold.ttf");
  font-weight: bold;
}
@font-face {
  font-family: "lato";
  src: url("../fonts/Lato/Lato-Regular.ttf");
}
@font-face {
  font-family: "lato";
  src: url("../fonts/Lato/Lato-Black.ttf");
  font-weight: 900;
}
@font-face {
  font-family: "lato-bold";
  src: url("../fonts/Lato/Lato-Bold.ttf");
  font-weight: bold;
}
@font-face {
  font-family: "raleway";
  src: url("../fonts/Raleway/Raleway-Regular.ttf");
  
}
.font-12{font-size: 12px;}
.font-14{font-size: 14px;}
.font-16{font-size: 16px;}
.font-18{font-size: 18px;}
.font-20{font-size: 20px;}
.font-22{font-size: 22px;}
.font-24{font-size: 24px;}
.font-26{font-size: 26px;}
.font-28{font-size: 28px;}
.font-30{font-size: 30px;}
.font-32{font-size: 32px;}

.white-color{color: #fff;}
.logo-blue-color{color: #6bbbe0;}
.navbar-toggle .icon-bar{background-color: #fff;}
.navbar-toggle{padding-top: 25px;}
.navbar-collapse{border-top: none;box-shadow: none;}
body{font-family: raleway;font-size: 16px;}
.logo-text-color {color: #d66237;}
nav.navbar {border-radius: 0;margin-bottom: 0;min-height: 75px;background-color: rgba(0, 0, 0, 0.9);}
.font-lato {font-family: lato;}
.font-lato-bold{font-family: lato-bold;}
a.navbar-brand{padding-top: 5px;}
/*a.navbar-brand img{width: 150px;}*/
/*.navbar-brand {padding: 5px;}*/
.navbar-nav > li > a {font-family: lato;font-weight: bold;color: #6bbbe0;}
.navbar-nav > li > a:active,
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {background-color: transparent;outline: none;}

@media (min-width: 768px) {
    .navbar-nav > li > a {padding-top: 27px;padding-bottom: 27px;}
}

.navbar-nav > li.active > a {border-bottom: 2px solid #fff;color: #fff;}
.navbar-nav > li {padding-right: 10px;padding-left: 10px;}
.header {padding-top: 75px;outline: none;}
.hero-bg {background-image: url(../images/bg/hero_bg.png);background-size: cover;background-repeat: no-repeat;height: 100vh;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;background-position: center;}
.hero-bg:after{
  content: "";
  height: 100vh;
  width: 100%;
  background-color: rgba(0,0,0,0.8);
  position: absolute;
  top: 0;
  left: 0;
}
.hero-text-wrapper {position: relative;z-index: 2;color: #fff;height: calc(100vh - 73px);text-align: center;display: table;width: 100%;font-family: lato;}
.cd-words-wrapper b {font-weight: normal;}
.about-angattec{padding-top: 100px;padding-bottom: 100px;font-family: lato;outline: none;}
.about-subheadline{font-weight: normal;font-family: raleway;margin-top: 5px;}
.about-text p{line-height: 1.7}
.about-text h2{margin-top: 0;}
.about-img img{max-width: 100%;height: auto;}
.services-angattech{padding-top: 75px;padding-bottom: 100px;background-color: #f5f5f5;outline: none;}
.feature-icon-wrapper{text-align: center;}
.service-title{margin: 20px 0;}
.service-subtitle{margin: 0;width: 50%;margin: 0 auto;line-height: 1.5;}
.services-main{margin-top: 40px;}
.feature-icon-wrapper > img{width: 100px;}
.feature-inner{text-align: center;padding: 30px 30px;background-color: #fff;box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2);}
#menu{
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.swipe-up{
  -webkit-transform: translatey(-80px);
  -moz-transform: translatey(-80px);
  -ms-transform: translatey(-80px);
  -o-transform: translatey(-80px);
  transform: translatey(-80px);
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
.slide-service {height: 100%;width: 0;position: fixed;z-index: 1;top: 0;left: 0;background-color: #111;overflow-x: hidden;transition: 1s;text-align:center;overflow: auto;}
.slide-service .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;z-index: 1;}
.slide-service-on{width: 100%;}
.noscroll{overflow: hidden;}
.delay-1s{-webkit-animation-delay: 1s;animation-delay: 1s;}
.delay-1-3s{-webkit-animation-delay: 1.3s;animation-delay: 1.3s;}
.service-main-modal-wrapper,.service-modal-img-wrapper{padding: 20px;}
.service-modal-img-wrapper img{max-width: 100%;}
/*.service-description-main{width: 70%;}*/
.featur-wrapper{margin-bottom: 15px;margin-top: 15px;}
.display-table{height: 100vh;width: 100%;display: table;}
.valign{display: table-cell;vertical-align: middle;}
.stats{padding-top: 50px;padding-bottom: 50px;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url(../images/bg/imac-stats.png);}
.solutions{padding-top: 75px;padding-bottom: 30px;}
.solutions:active,.solutions:focus{outline: none;}
.contact{padding-top: 75px;padding-bottom: 30px;outline: none;border-top: 1px solid #ebebeb;}
.contact-detail-wrapper{padding: 0px 0px 30px;}
.footer{background-color: #f5f5f5;padding: 10px;}
.footer-text{margin-bottom: 0;text-align: center;}
.address-wraper,.phone-wrapper,.email-wrapper{margin-bottom: 25px;}
.clients-logo-wrapper{margin-top: 40px;text-align: center;}
.client-logo-wrap{padding-top: 20px;padding-bottom: 20px;}
.service-name h4{margin-top: 20px;margin-bottom: 20px;}
.client-logo-mobile{margin-top: 5px;margin-bottom: 5px;}
.service-img-modal img{width: 400px;border: 2px solid #fff;border-radius: 8px;max-width: 100%;}
.service-img-modal{padding: 20px;}
.service-title-modal,.service-main-description{text-align: justify;}
h2.service-main-title{margin-top: 0;}
.toaster {
  display: none;
  min-width: 250px;
  background-color: #333;
  border-radius: 2px;
  padding: 16px;
  z-index: 1;
}
.toaster, .top-scroll-icon {
  color: #fff;
  text-align: center;
}
#error-toast{
  background-color: #f8d7da;
  color: #721c24;
}
#success_msg{
  background-color: #dff0d8;
  color: #000000;
}
.has-error-new{
  color: #a94442;
  border-color: #a94442;
  font-size: 14px;
}
.visible{
  display: block !important;
}
@media only screen and (max-width: 1200px){
  .feature-inner{min-height: 270px;}
}
@media only screen and (max-width: 992px){
  .cd-headline{font-size: 3.4rem;}
  .service-subtitle{width: 70%;}
  .featur-wrapper{width: 50%;}
  .service-main-modal-wrapper, .service-modal-img-wrapper{padding: 0;}
  .service-modal-img-wrapper{margin-top: 20px;}
  .client-logo-mobile{width: 33.33%;}
  .navbar-brand img{width: 180px;}
  a.navbar-brand{padding-top: 10px;}
}
@media only screen and (max-width: 768px){
 .cd-headline{font-size: 3rem;} 
 h2.service-main-title{font-size: 20px;}
}
@media only screen and (max-width: 710px){
  .service-subtitle{width: 100%;}
}
@media only screen and (max-width: 650px){
 .cd-headline{font-size: 2.5rem;} 
}
@media only screen and (max-width: 600px){
 .featur-wrapper{width: 100%;} 
}
@media only screen and (max-width: 550px){
 .cd-headline{font-size: 24px;}
 .client-logo-mobile {width: 50%;}
 /*.cd-headline.clip span{padding-right: 10px;padding-left: 10px;}*/
}
@media only screen and (max-width: 530px){
 /*.cd-headline.clip span{padding-right: 10px;padding-left: 10px;} */
 .cd-headline{font-size: 22px;} 
}
@media only screen and (max-width: 480px){

}
@media only screen and (max-width: 375px){
  .client-logo-mobile{width: 100%;}
}