@charset "utf-8";
body{font-size: 16px;}
/*body.page .container*/
body.single .container, body.archive .container, body.w960 .container{max-width: 960px;}
body.home .container{max-width: 1170px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height: normal;}

#topnav{background: rgba(29, 216, 207, 0.8); top: -70px;}
#topnav .navbar-nav > li > a:hover{background: #139188;}
#topnav .navbar-nav > li > a{padding-top: 25px; padding-bottom: 25px;}
#logo > a{height:70px; line-height:70px;}
.navbar-inverse .navbar-nav>.active>a{background-color:transparent;}

.works-list.columns-5{margin-top: 0}
.works-list.columns-5 li{width: 20%}

.social > li.normal > a{width:auto; border:none;}
.social > li.normal > a:hover{background:none; color:#CAAC5E;}

.custom-list{margin:0; padding-left: 18px;}
.team-info .custom-list{margin-top:15px;}

.award-item{padding:15px; max-width: 240px; text-align: center;}
.award-item img{max-width:100%;}

/*.slidecontent{display: none;}
.slidecontent.active{display: block;}*/

#our-cases .team{margin: 20px auto; cursor: pointer;}

.team-photo .info{display: block; cursor: pointer; padding: 10px; background: #E7E7E7; border-radius: 0 0 4px 4px; height: 98px; overflow: hidden; color: #000;}
.team-photo .info h5{margin:0;}
.team-photo .info span{}
.team-photo img{border-radius: 4px 4px 0 0;}
.team-photo .info:hover{color:#535353;}

.news-block{margin-bottom: 10px;}
.news-date{float: left;}
.news-items{padding-left: 100px;}
.news-date{width: 100px; padding: 15px 10px;}
.news-item{padding: 17px 24px; border-left: 1px solid #ccc; background: #E5E5E5}
.news-item.white{background: #fff;}
h5.news-title{margin:0; text-transform: none;}
.news-content{margin-top: 15px;}
.news-content a{color:#CAAC5E;}

.fancybox{display: inline-block; text-align: center;}
.fancybox img{display: inline-block; margin-bottom: 5px}
a.fancybox {color: #737373}

.custom-list{margin: 0; padding: 0; list-style: none;}
.custom-list li{margin-bottom: 10px;}

/* =showcase Section
-------------------------------------------------------------- */
.showcase-filter-wrapper{padding: 50px 0 25px;}
.showcase-wrapper{padding-top: 0}
.showcase-wrapper .mix{display: none;}
.showcase {
    position: relative;
    margin: 0px auto 25px;
    text-align: center;
    display: block;
    padding: 10px;
}
.showcase img {
  max-width: 100%;
}
.showcase:hover{
    background: #2FC1BF;
}
.showcase:hover .showcase-info, .showcase:hover .showcase-info span, .showcase:hover .showcase-info p{color:#fff;}
.showcase:hover .showcase-overlay {
  opacity: 1;
  bottom: 0;
}
.showcase-info h4 {
  font-size: 13px;
  margin-bottom: 0;
}
.showcase-info span {
  color: #999;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}
.showcase-info p {
  font-size: 13px;
  margin: 10px 0;
}
.showcase-photo {
  position: relative;
  overflow: hidden;
}
.showcase-overlay {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  border-radius: 0 0 4px 4px;
  padding: 15px;
  opacity: 0;
  transition: all .3s ease;
}
.showcase-overlay .social {
  text-align: center;
}
.showcase-overlay .social > li {
  display: inline-block;
  float: none;
}

.portfolio-wrapper{background: url(../banner.html) left top no-repeat #fff; background-size: 100%;}
.portfolio-wrapper section{background: none;}
.nav-middle{background: rgba(70, 70, 70, 0.9); border:0; border-radius:0;}
.nav-middle .navbar-nav a {
    font-family: 'Montserrat', sans-serif;
  color: #FFF !important;
  text-transform: uppercase;
  font-size: 12px;
  transition: all .3s ease;
}
.nav-middle .navbar-nav a.active, .nav-middle .navbar-nav a.active:hover, .nav-middle .navbar-nav a:hover, .nav-middle .navbar-nav a.active:focus{background-color:#2F2F2F;}
.nav-middle .navbar-toggle .icon-bar{background: #FFF;}

.portfolio-page-title{display: inline-block; width: 186px; position: relative; background: #17D9D6; height: 70px; margin-bottom: 50px; margin-left: 15px;}
.portfolio-page-title-inner{font-size: 28px; color: #FFF; background: #000; display: inline-block; padding: 15px; position: absolute; top: 10px; right: 15px;}

.works-list li{width: 50%;}

.video-box{max-width: 480px}
.videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px;  height: 0; margin-bottom:50px;}
.videoWrapper iframe {position: absolute;top: 0;  left: 0; width: 100%; height: 100%;}

.about-text{font-size: 18px; line-height: 30px;}
#about{padding-top: 0; padding-bottom: 0; position: relative; min-height: 456px;}
.about-img{padding-left: 0}
.about-img img{max-width: 100%; width: 100%}
.about-text{padding-right: 30px;}

.solution-item{background: #DFDFDF; padding-top: 25px; padding-bottom: 20px; /*min-height: 273px;*/ height: 273px;}
.solution-item.light-grey{background: #ECECEC;}
.solution-img-title{margin-top: 20px; font-size: 14px;}
.solution-btn-wrapper{text-align: right; padding: 20px 0 0;}
.solution-img{border-right:1px solid #8F8F8F; text-align: center;}
.solution-img img{max-width: 100%}

#portfolio .team{margin:20px 0;}
.post-title{margin-bottom: 35px;}
/*.post h4{margin:40px 0 10px;}*/
.list-nopadding{padding-left: 15px;}

.post-title-wrapper .btn{margin: 18px 0;}
.post-title-wrapper .post-title{float: left;}

.ondemand-img-wrapper{text-align: center;}
.why-ondemand h4{background: url(../png/ctobutton.png) left top no-repeat transparent; padding-left: 56px; min-height: 50px; width: 100%; display: table;}
.why-ondemand h4 span{display: table-cell; vertical-align: middle;}
.why-ondemand.second h4{background-image: url(../png/ctobutton2.png)}
.why-ondemand.third h4{background-image: url(../png/ctobutton3.png)}
.list-green{list-style-type: none; margin: 0; padding: 0; font-size: 16px;}
.list-green li{background: url(../png/tick.png) left center no-repeat transparent; padding-left: 26px; margin-bottom: 5px;}

.contact-form-detail{margin-bottom: 25px;}
.contact-form-detail p{color: #fff;}
.footer-address{margin-top: 25px;}
.footer-address p{color: #fff;}

.ondemand-first-section{margin-top: 70px;}
.languange-bar{position: fixed;bottom: 0;padding: 5px 10px;background:rgba(29, 216, 207, 0.8);font-size: 12px;color: #000; z-index: 9999;}
.languange-bar a.active{color: #fff;}
.languange-bar span{display: inline-block; margin: 0 2px 0 20px;}

.single.single-post .container, .page-template-page-blog .container, .search .container{max-width: 960px;}
.single.single-post .fancybox{display: block;}
.single-post .post-title{margin-bottom: 10px;}
.entry p{font-size: 16px; margin-bottom: 20px;}
.alignleft{float: left; margin: 10px 15px 10px 0;}
.alignright{float: right; margin: 10px 0px 10px 15px;}
.post-on{margin-bottom: 40px;}
.post-navigation{margin-top: 50px;}
.project-title.blog{margin-top: 70px; background-repeat: no-repeat; background-size: contain; background-color: #000;}
.post-tags .label{padding: 5px 10px}
.author-photo img{border-radius: 50%; margin-right: 5px;}
.widget{margin-top: 20px;}

#project-modal.isLoading{background:url(../gif/loading.gif) center center no-repeat #fff;}
.project-info .ssba, .single-solution .ssba{display: none;}

.proto-hero{background: #f1f1f1; height: 70vh; display: flex; align-items: center; padding: 0; margin-top: 70px;}
.proto-hero .container, .proto-hero .row, .proto-hero .col-sm-6{height: 100%;}
.proto-hero .col-sm-6{display: flex; justify-content: center; flex-direction: column;}
.proto-hero h1{font-size: 48px; line-height: 70px;}
.proto-hero .btn-empty{color: #535353; border-color: #535353;}
.proto-who{/*background: url(../images/who-we-are.png) right bottom no-repeat; background-size: contain;*/ background: #f1f1f1;}
.proto-who img{margin: 70px 0;}
.services-infobox h2{margin-bottom: 65px;}
.info-box-container{max-width: 920px; margin: 0 auto;}
.info-box{text-align: center;}
.ib-icon{border: 1px solid #2E3D8F; width: 80px; height: 80px; border-radius: 100%; text-align: center; display: inline-block; padding: 10px; position: relative; margin-bottom: 25px;}
.ib-icon img{z-index: 10;}
.ib-icon:after{content: " "; width: 80px; height: 80px; border-radius: 100%; background: rgba(255, 209, 128, 0.37); position: absolute; top: 0; left: 0; margin-left: -7px; margin-top: 6px; z-index: 1;}
.info-box p{font-size: 20px;}
.prototype-advantage{background: #f1f1f1;}
.prototype-advantage h2{margin-bottom: 80px;}
.prototype-advantage .row{display: flex;}
.prototype-advantage .dflex{display: flex; flex-direction: column; justify-content: center;}
.prototype-advantage .dflex-phone{display: flex; justify-content: center; align-items: center;}
.phone-prototype{position: relative; display: inline-block; margin-left: 100px;}
.phone-overlay{position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
.phone-overlay-content{height: 100%; width: 100%; padding: 15% 5.8% 15% 5%;}
.phone-overlay-img{background-image: url(../jpg/phone1.jpg); background-size: 100%; background-position: top left; background-repeat: no-repeat; width: 100%; height: 100%; border: 1px solid #cecece;}
.phone-overlay-img:hover{background-image: url(../jpg/phone2.jpg);}
.quote{max-width: 560px; margin: 48px auto 0;}
.quote blockquote{border-left: 0; position: relative; border: 1px solid #eee; padding: 24px;}
.quote blockquote:before{content: "“"; font-family: sans-serif; color: rgba(202, 202, 202, 0.5); position: absolute; font-size: 20rem; line-height: 0; left: 1rem; top: 9rem; z-index: 1}
.quote-text{font-size: 32px; z-index: 10; position: relative;}
.quote cite{display: block; margin-top: 24px;}
.citeimg{border: 1px solid #2E3D8F; border-radius: 50%; height: 75px; width: 75px; position: relative; display: inline-block; vertical-align: middle;}
.citeimg img{position: absolute; top: 3px; left: 5px; border-radius: 50%;}
.citebio{display: inline-block; margin-left: 25px; vertical-align: middle;}
.citebio h3{font-size: 18px; margin-bottom: 5px; margin-top: 0;}
.citebio p{font-size: 14px; margin-bottom: 5px;}
.fa.checked{color: #FDB60D;}

p+h2{margin-top: 35px;}

/*ninja form*/
.hp-wrap{display: none;}
#contact .ninja-forms-field{border-color: #fff;background-color: rgba(0, 0, 0, 0.2);border-radius: 0;height: 46px;padding: 10px 16px;line-height: 1.33;color: #fff;}
#contact .field-wrap{margin-bottom: 15px;}
#contact .ninja-forms-field-error, #contact .ninja-forms-field-error p, #contact .ninja-forms-error-msg p{color: #FFE148 !important;}
#contact .ninja-forms-success-msg{background: #dff0d8;border-radius: 5px;padding: 5px 15px;margin-bottom: 10px;}
#contact .ninja-forms-success-msg p{color: #3c763d;}
textarea.ninja-forms-field{min-height: 160px;}

#topnav.scrolled.mtsnbisshown{top: 42px !important;}

@media (min-width: 1400px){
  .container {width: 1366px;}
}

@media screen and (max-width:1199px){
  .solution-img{border: 0; position: relative;}
  .solution-item{min-height: 280px}
  .solution-img-title{margin-bottom: 25px;}
  .solution-btn-wrapper{position: absolute; width: 100%; left: 0; display: block; bottom: 0; padding: 20px;}
}

@media screen and (max-width: 990px){
  .about-img{padding: 0}
  .about-text{padding-right: 15px;}

  .solution-item{min-height: 405px}

  .navbar-header {
      float: none;
  }
  .navbar-toggle {
      display: block;
      margin: 18px 15px;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin: 7.5px -15px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .navbar-text {
      float: none;
      margin: 15px 0;
  }
  /* since 3.1.0 */
  .navbar-collapse.collapse.in {
      display: block!important;
      overflow-y:auto!important;
      overflow-x:hidden!important;
  }
  .collapsing {
      overflow: hidden!important;
  }

  .ondemand-img-wrapper{margin-top: 50px;}
  .ondemand-img-wrapper img{width: 100%}
  .fancybox img{height: auto;}
}

@media screen and (max-width: 768px){
    .proto-hero{height: 38vh;}
    .proto-hero h1{font-size: 32px; line-height: 50px;}
    .phone-prototype{margin-left: 0;}
    .proto-who img, .col-xs-12.col-md-5 img{margin-top: 35px; margin-bottom: 0;}
}

@media screen and (max-width: 767px){
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#fff}
  .post-title-wrapper .post-title{margin-bottom: 0; float: none;}
  .post-title-wrapper .btn{display: block; float: none !important;}
}

@media screen and (max-width: 480px){
  .news-date{float: none;}
  .news-items{padding-left: 0;}

  #backgrounds .slides li{background-attachment: scroll !important;}
  .parallax-section{background-attachment: scroll !important; background-position: center !important;}

  .ondemand-first-section .btn{white-space: normal;}
  .alignright, .alignleft{float: none !important;}

  .proto-hero{height: auto; padding-bottom: 45px;}
  .proto-hero .btn-empty{margin-bottom: 35px;}
  .prototype-advantage .row{display: block;}
  .phone-prototype{margin-bottom: 24px;}
  .info-box{margin-bottom: 40px;}
}

@media screen and (max-width: 320px){
  #home-slider .slides li > h1 {
    font-size: 40px;
  }
}

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)  and (-webkit-min-device-pixel-ratio: 1) {
  #backgrounds .slides li{background-attachment: scroll !important;}
  .parallax-section{background-attachment: scroll !important; background-position: center !important;}
}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  #backgrounds .slides li{background-attachment: scroll !important;}
  .parallax-section{background-attachment: scroll !important; background-position: center !important;}
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  #backgrounds .slides li{background-attachment: scroll !important;}
  .parallax-section{background-attachment: scroll !important; background-position: center !important;}
}