/* ---------------------------------------------- /*
 *
 * # SUPERGA STYLE - TABLE OF CONTENT
 *
 * # Imports
 * # General
 * # Fonts
 * # Section
 * # Preloader
 * # Home
 * # Mouse icon
 * # Navigation
 * # Clients
 * # Testimonials
 * # Google Map
 * # Scroll to top
 * # Team
 * # Portfolio filter
 * # Works Grid - Portfolio Grid
 * # Works Item - Portfolio Item
 * # Ajax Portfolio
 * # UI Elements
  * # Forms
  * # Buttons
  * # Pricing Tables
  * # Pagination
  * # Tabs
  * # Accordion
  * # Progress Bar
 * # Icons
 * # Other
 *
/* ---------------------------------------------- /*
 * # General
/* ---------------------------------------------- */
body{
  background: #1d1d1d;
  font: 400 12px/1.8 "Raleway", sans-serif;
  color: #c8c8c8;
  -webkit-font-smoothing: antialiased;
  font-family: "Raleway";
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: opacity 0.6s;
}
body.loading:after {
  content: '';
  position: absolute;
  z-index: 10000;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-image: url(../images/PIXEL-LOADER2.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
body.loading .wrapper,
body.loading .mobile-menu {
  opacity: 0;
  overflow: hidden;
}
body.loading {
  overflow: hidden;
}
body.projects {
  background-color: #000;
}
img{
  max-width: 100%;
  height: auto;
}
iframe{
  border: 0;
}
p, ol, ul, blockquote{
  margin: 0 0 20px;
}
h1, h2, h3, h4, h5, h6{
  line-height: 1.4;
  font-weight: 400;
}
a{
  color: #fff;
  outline: none !important;
}
.bg_grey{
  background: #1d1d1d;
}
a:hover{
  text-decoration: none;
  color: #999;
}
footer{
  padding: 40px 0 !important;
}
/*text colors*/
.text-white{
  color: #fff !important;
}
.text-black{
  color: #000 !important;
}
/*superga dividers*/
.s-divider-0{
  margin-bottom: 0px !important;
}
.s-divider-1{
  margin-bottom: 10px !important;
}
.s-divider-2{
  margin-bottom: 20px !important;
}
.s-divider-3{
  margin-bottom: 30px !important;
}
.s-divider-4{
  margin-bottom: 40px !important;
}
.s-divider-5{
  margin-bottom: 50px !important;
}
/*text alignment*/
.text-center{
  text-align: center !important;
}
.text-left{
  text-align: left !important;
}
.text-right{
  text-align: right !important;
}
/*margins*/
.m-t-0{
  margin-top: 0px !important;
}
.m-t-10{
  margin-top: 10px !important;
}
.m-t-20{
  margin-top: 20px !important;
}
.m-t-30{
  margin-top: 30px !important;
}
.m-t-40{
  margin-top: 40px !important;
}
.m-t-50{
  margin-top: 50px !important;
}
.m-t-60{
  margin-top: 50px !important;
}
.m-t-70{
  margin-top: 50px !important;
}
.m-b-160{
  margin-bottom: 160px !important;
}
/*paddings*/
.p-t-0{
  padding-top: 0px !important;
}
.p-t-1{
  padding-top: 10px !important;
}
.p-t-2{
  padding-top: 20px !important;
}
.p-t-3{
  padding-top: 30px !important;
}
.p-t-4{
  padding-top: 40px !important;
}
.p-t-5{
  padding-top: 50px !important;
}
.p-t-6{
  padding-top: 60px !important;
}
.p-t-7{
  padding-top: 70px !important;
}
.p-b-0{
  padding-bottom: 0px !important;
}
.p-b-1{
  padding-bottom: 10px !important;
}
.p-b-15{
  padding-bottom: 15px !important;
}
.p-b-2{
  padding-bottom: 20px !important;
}
.p-b-3{
  padding-bottom: 30px !important;
}
.p-b-4{
  padding-bottom: 40px !important;
}
.p-b-5{
  padding-bottom: 50px !important;
}
.p-b-6{
  padding-bottom: 60px !important;
}
.p-b-7{
  padding-bottom: 70px !important;
}
/*display*/
.display-none{
  display: none !important;
}
.display-block{
  display: block !important;
}
/*transitions*/
a,
.btn,
.navbar a{

}
.mobile-menu{
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
/*reset*/
.btn,
.well,
.panel,
.progress,
.form-control, .form-control:hover, .form-control:focus{
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
/* ---------------------------------------------- /*
 * # Fonts
/* ---------------------------------------------- */
.font-montserrat{
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.font-montserrat-italic{
  font-family: "Montserrat", sans-serif;
  letter-spacing: 1px;
  font-style: italic;
}
.font-inconsolata{
  font-family: "Inconsolata", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
/* ---------------------------------------------- /*
 * # Section
/* ---------------------------------------------- */
.section{
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.section-title{
  font-family: "Inconsolata", sans-serif;
  text-transform: uppercase;
  letter-spacing: 8px;
  text-align: center;
  font-size: 18px;
  margin-bottom: 70px;
}
.section-title + .section-subtitle{
  margin-top: -35px;
}
.section-subtitle{
  margin-bottom: 70px;
  font-size: 12px;
}
.social-list{
  list-style: none;
  padding: 0;
  margin: 0;
}
.social-list > li{
  display: inline-block;
  font-size: 24px;
  margin: 5px 5px 5px 0;
}
.social-list-header{
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  position: fixed;
  z-index: 10;
  right: 25px;
}
.social-list-header > li{
  display: inline-block;
  font-size: 24px;
  margin: 5px 0px 5px 5px;
}
.section-line{
  background: #49e2d6;
  width: 55px;
  height: 1px;
  margin: 30px auto;
}
.section, .section-header{
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.section-title{
  position: relative;
  margin: 0 0 70px;
  letter-spacing: 0.15em;
  font-size: 30px;
  color: #fff;
}
.section-bg-image{
  background-repeat: no-repeat !important;
  background-position: top center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  padding: 0;
}
.section-parallax{
  background-attachment: fixed !important;
}
.section-static{
  background-attachment: static !important;
}
/* ---------------------------------------------- /*
 * # Preloader
/* ---------------------------------------------- */
#preloader{
  position: fixed;
  background: #fff;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999;
}
.ms-loading-container .ms-loading,
.ms-slide .ms-slide-loading {
  width: 36px;
  height: 36px;
  background: none;
  border-radius: 60px;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -18px;
  opacity: 0;
}
#status,
.grey-circle{
  /*background: url(../images/preloader.gif) 50% 50% no-repeat;*/
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
/* ---------------------------------------------- /*
 * # Home
/* ---------------------------------------------- */
.home-intro{
  padding: 0 15px;
}
.custom_layer{
  padding-left: 10px;
}
.home-intro h1, .home-intro h5, .custom_layer h1, .custom_layer h5{
  margin: 0;
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  color: #fff;

}
.home-intro h5, .custom_layer h5{
  font-size: 27px;
  line-height: 26px;
  margin-left: 9px;
  margin-bottom: 30px;
  text-shadow: 1px 0px 0px #fff;
}
.home-intro h1, .custom_layer h1{
  font-size: 100px;
  line-height: 74px;
  margin-bottom: 10px !important;
  padding-top: 15px !important;
  font-weight: bold;
}
.skanska{
  margin-left: 22px;
}

.btn_projects{
  margin-left: 9px;
  background-color: transparent;
  font-size: 18px !important;
  line-height: 18px;
  color: #fff;
  font-weight: bold;
}
.btn_projects:hover{
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
  font-weight: bold;
  border-color: #fff;
}
/* ---------------------------------------------- /*
 * # Mouse icon
/* ---------------------------------------------- */
.mouse-icon{
  position: absolute;
  left: 50%;
  bottom: 40px;
  /*border: 2px solid;*/
  /*border-color: rgba(255,255,255,0.8);*/
  border-radius: 16px;
  height: 50px;
  width: 30px;
  /*margin-left: -15px;*/
  display: block;
  z-index: 10;
}
.mouse-icon a .wheel{
  -webkit-animation-name: drop;
  /*-webkit-animation-duration: 1s;*/
  /*-webkit-animation-timing-function: linear;*/
  /*-webkit-animation-delay: 0s;*/
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  animation-name: drop;
  /*animation-duration: 1s;*/
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-play-state: running;
}
.mouse-icon a .wheel{
  position: relative;
  /*border-radius: 10px;*/
  /*background: #fff;*/
  /*width: 4px;*/
  /*height: 10px;*/
  /*top: 4px;*/
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  text-align: center;
  font-size: 56px;
}
@-webkit-keyframes drop{
  0%{ top: 5px; opacity: 0; }
  30%{ top: 10px; opacity: 1; }
  100%{ top: 25px; opacity: 0; }
}
@keyframes drop{
  0%{ top: 5px; opacity: 0; }
  30%{ top: 10px; opacity: 1; }
  100%{ top: 25px; opacity: 0; }
}
/* ---------------------------------------------- /*
 * # Navigation
/* ---------------------------------------------- */
#navbar-sticky-wrapper{
  margin-top: -201px;
}
.navbar-custom{
  -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.navbar-custom{
  background: rgba(10, 10, 10, 0.9);
  border: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 15px;
}
.navbar-custom .navbar-brand{
  padding: 10px 15px;
  letter-spacing: 4px;
  font-weight: 400;
  font-size: 20px;
  color: #fff;
}
.navbar-custom .navbar-header,
.navbar-custom .extra-navbar{
  float: none !important;
}
.navbar-custom .nav > li > a:hover,
.navbar-custom .nav .open > a,
.navbar-custom .nav .open > a:hover,
.navbar-custom .dropdown-menu > li > a:hover{
  background: none;
  color: rgba(255, 255, 255, 0.7);
}

.show-overlay .icon-bar{
  margin-top: 2px;
}
.show-overlay .icon-bar + .icon-bar{
  margin-top: 4px;
}
.show-overlay .icon-bar{
  background: #fff;
  display: block;
  height: 2px;
  width: 16px;
}
.navbar-custom.show-overlay .icon-bar{
  background: #fff;
}
.navbar-custom .show-overlay:hover .icon-bar{
  background: rgba(255, 255, 255, 0.7);
}
/* Navbar transparent */
.navbar-transparent{
  background: transparent;
  padding-bottom: 15px;
}
.navbar-transparent a,
.navbar-transparent .navbar-brand{
  color: #fff;
}
.navbar-transparent.nav > li > a:focus,
.navbar-transparent .nav > li > a:hover,
.navbar-transparent .nav .open > a,
.navbar-transparent .nav .open > a:focus,
.navbar-transparent .nav .open > a:hover,
.navbar-transparent.dropdown-menu > li > a:focus,
.navbar-transparent .dropdown-menu > li > a:hover{
  background: none;
  color: rgba(255, 255, 255, 0.7);
}
.navbar-transparent .show-overlay .icon-bar{
  background: #fff;
}
/* Navbar light */
.navbar-transparent.navbar-light{
  background: transparent;
  webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.navbar-light{
  background: rgba(255, 255, 255, 0.95);
  webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.navbar-light a,
.navbar-light .navbar-brand{
  /*color: #111;*/
}
.navbar-light .nav > li > a:hover,
.navbar-light .nav .open > a,
.navbar-light .nav .open > a:hover,
.navbar-light .dropdown-menu > li > a:hover{
  background: none;
  color: white;
}

.nav>li>a:focus {
  background-color: transparent !important;
}

.navbar-light .show-overlay .icon-bar{
  background: #111;
}
.navbar-light .show-overlay:hover .icon-bar{
  background: rgba(17, 17, 17, 0.7);
}
/* Mobile menu */
.mobile-menu{
  position: fixed;
  background: rgba(0, 0, 0, 0.9);
  display: table;
  min-height: 100%;
  height: 100%;
  width: 100%;
  visibility: hidden;
  z-index: 9999;
  opacity: 0;
}
.mobile-menu.active{
  visibility: visible;
  opacity: 1;
  top: 0;
}
/* Hide menu link */
.navigation-hide {
  position: absolute;
  right: 20px;
  top: 20px;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  background-image: url(../img/X.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.navigation-hide:hover{
  color: rgba(255, 255, 255, 0.7);
}
.mobile-menu-inner{
  vertical-align: middle;
  display: table-cell;
  height: 100%;
  width: 100%;
  text-align: center;
}
.mobile-menu-nav{
  max-width: 300px;
  margin: 0 auto 60px;
}
.mobile-menu-footer{
  font-size: 1.2rem;
  position: absolute;
  left: 0;
  bottom: 18px;
  width: 100%;
  color: #666;
}
/* Overlay navbar */

#nav,
#nav ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
#nav > li > a{
  font-family: "Inconsolata", sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 24px;
  color: #fdfdfd;
}
#nav li a:hover, #nav li a.active{
  color: #fff;
}
#nav li ul{
  display: none;
  padding: 5px 0;
  margin: 5px 0 10px;
}
#nav li ul li a{
  display: inline-block;
  padding: 6px 0;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 11px;
  color: #666;
}
.navbar-custom{
  position: relative;
  width: 100%;
  z-index: 5;
}
#icons-navbar{
  margin-right: 3px;
  float: right;
}
.navbar-custom .nav li.active,
.navbar-custom .nav li a:hover,
.navbar-custom .navbar-nav > li.active ul a{
  background: none;
  outline: 0;
  /*border: 1px solid transparent;*/
  color: #afafaf;
  /*font-weight: bold;*/
}
.navbar-custom .dropdown-menu{
  border: 0;
  border-top: 2px solid #49e2d6;
  border-radius: 0;
}
.navbar-custom,
.navbar-custom .dropdown-menu{
  /*background: rgba(0, 0, 0, 0.5) !important;*/
  background: transparent !important;
  padding: 0;
}
.is-sticky .navbar-custom, .navbar-custom .dropdown-menu{
  background: transparent !important;
}
.dropdown-menu > li > a{
  font-size: 18px;
  line-height: 25px;
}
/* ---------------------------------------------- /*
 * # Clients
/* ---------------------------------------------- */

.client-item{
  position: relative;
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  padding: 0;
  text-align: center;
  -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.client-item a{
  display: block;
  width: 100%;
  padding: 50px 15px;
  opacity: 0.9;
}
.client-item a:hover{
  background-color: rgba(0, 0, 0, 0.05);
  opacity: 1;
}
.client-item:before{
  position: absolute;
  border-left: 1px solid #eee;
  height: 100%;
  content: "";
  top: 0;
  left: -1px;
}
.client-item:after{
  position: absolute;
  border-bottom: 1px solid #eee;
  width: 100%;
  content: "";
  bottom: -1px;
  left: 0;
}
/* ---------------------------------------------- /*
 * # Testimonials
/* ---------------------------------------------- */
.quote-author{
  font-size: 12px;
  opacity: 0.75;
}
.quote-icon{
  font-size: 48px;
  margin-bottom: 70px;
}
/* ---------------------------------------------- /*
 * # Google Map
/* ---------------------------------------------- */
#google-container{
  position: relative;
  width: 100%;
  height: 450px;
}
#cd-google-map{
  position: relative;
}
/* ---------------------------------------------- /*
 * # Scroll to top
/* ---------------------------------------------- */
.scroll-up{
  position: fixed;
  display: none;
  bottom: 7px;
  right: 7px;
  z-index: 999;
}
.scroll-up a{
  background: #fff;
  display: block;
  height: 35px;
  width: 35px;
  text-align: center;
  line-height: 34px;
  font-size: 21px;
  color: #fff;
  opacity: 0.6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.scroll-up a:hover,
.scroll-up a:active{
  opacity: 1;
  color: #fff;
}
/* ---------------------------------------------- /*
 * # Team
/* ---------------------------------------------- */
.team-image{
  /*border-bottom: 1px solid #eee;*/
  position: relative;
  overflow: hidden;
}
.team-image > img{
  width: 100%;
  -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.team-detail{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  transform: translateY(50%);
  -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.team-item:hover .team-detail{
  opacity: 1;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  transform: translateY(0%);
}
.team-item:hover .team-image > img{
  opacity: 0.5;
}
.team-item p {
    margin: 0;
}
.team-description{
  /*text-align: center;*/
  padding-top: 15px;
}
.team-name{
  margin: 0 0 10px;
}
.team-role{
  font-size: 11px;
}
.social-text-links, .social-icon-links{
  list-style: none;
  padding: 0;
  margin: 0;
}
.social-icon-links > li{
  display: inline-block;
  margin: 0 5px 10px 0;
}
.social-icon-links > li > a{
  display: inline-block;
  background: #f7f7f7;
  height: 36px;
  width: 36px;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #111;
}
.socicon-circle > li > a{
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
/* ---------------------------------------------- /*
 * # Portfolio filter
/* ---------------------------------------------- */
.filters{
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0 0 70px;
}
.filters > li{
  display: inline-block;
  margin: 5px 30px;
}
.filters > li sup{
  top: -.7em;
  font-size: 80%;
  color: #999;
}
.filters > li > a{
  text-transform: uppercase;
  color: #111;
}
.filters > li > a:hover, .filters > li > a.current,
.filters > li > a:hover sup, .filters > li > a.current sup{
  color: #999;
}
/* ---------------------------------------------- /*
 * # Works Grid - Portfolio Grid
/* ---------------------------------------------- */
.works-grid{
  position: relative;
  width: 100%;
}
.work-item,
.grid-sizer{
  width: 25%;
}
.work-item.wide,
.work-item.wide-tall{
  width: 50%;
}
@media screen and (max-width: 992px){
  .work-item,
  .grid-sizer{
    width: 33.3333%;
  }
  .work-item.wide,
  .work-item.wide-tall{
    width: 66.6666%;
  }
}
@media screen and (max-width: 767px){
  .filters li{
    display: block;
    margin: 0 10px 10px;
  }
  .filters li:last-child{
    margin: 0 10px 140px;
  }
  .work-item,
  .grid-sizer{
    width: 50%;
  }
  .work-item.wide,
  .work-item.wide-tall{
    width: 100%;
  }
  .is-sticky .navbar-custom, .navbar-custom .dropdown-menu{
    background: rgba(0, 0, 0, 0.5) !important;
  }
}
@media screen and (max-width: 500px){
  .work-item,
  .grid-sizer{
    width: 100%;
  }
  .work-item.wide,
  .work-item.wide-tall{
    width: 100%;
  }
}
/* ---------------------------------------------- /*
 * # Works Item - Portfolio Item
/* ---------------------------------------------- */
.work-item a{
  position: absolute;
  top: 0;
  bottom: 30px;
  right: 15px;
  left: 15px;
  overflow: hidden;
}
.work-item a:after{
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.work-item img{
  height: auto;
  width: 100%;
}
.work-caption{
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  opacity: 0;
  overflow: hidden;
  padding: 20px;
  z-index: 3;
  text-align: center;
  -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.work-title{
  font-size: 14px;
  color: #fff;
  margin: 6px 0 6px;
}
.work-descr{
  font-size: 11px;
  color: rgba(255, 255, 255, 0.75);
}
.works-hover-w .work-title{
  color: #111;
}
.works-hover-w .work-descr{
  color: rgba(17, 17, 17, 0.75);
}
/*Works Item Hover - Portfolio Item Hover*/
.work-item:hover a:after{
  background: rgba(34, 34, 34, 0.75);
  background: rgba(0, 0, 0, 0.8);
}
.works-hover-w .work-item:hover a:after{
  background: rgba(255, 255, 255, 0.8);
}
.work-item:hover .work-caption{
  opacity: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* ---------------------------------------------- /*
 * # Ajax Portfolio
/* ---------------------------------------------- */
.white-popup-block{
  position: relative;
  background: #fff;
  text-align: left;
  max-width: 940px;
  margin: 40px auto;
}
.mfp-bg{
  background: #fff;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
.popup-content,
.popup-callout{
  padding: 60px 40px;
}
.popup-callout{
  background: #f5f5f5;
  text-align: center;
}
.popup-header{
  text-align: center;
  margin: 0 0 30px;
}
.popup-title{
  margin: 0 0 5px;
}
.popup-subtitle{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 14px;
}
.popup-line{
  background: #49e2d6;
  width: 55px;
  height: 1px;
  margin: 15px auto;
}
.mfp-close-btn-in .mfp-close{
  color: #fff;
}
button.mfp-close{
  position: absolute;
  border: 2px solid #fff;
  display: block;
  right: -60px;
  top: 0px;
  width: 48px;
  height: 48px;
  opacity: 1;
  filter: alpha(opacity=100);
}
@media screen and (max-width: 1082px){
  button.mfp-close{
    right: 0px;
  }
}
.portfolio-slider .owl-controls .owl-buttons div{
  position: absolute;
  top: 50%;
  height: 40px;
  width: 40px;
  line-height: 40px;
  padding: 0;
  font-size: 16px;
}
.portfolio-slider img{
  width: 100%;
}
.portfolio-slider .owl-controls{
  margin: 0;
}
.portfolio-slider .owl-controls .owl-buttons .owl-prev{
  left: 0;
  margin: -20px 0 0 0;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.portfolio-slider .owl-controls .owl-buttons .owl-next{
  right: 0;
  margin: -20px 0 0 0;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.owl-carousel{
  padding-top: 60px;
  padding-bottom: 60px;
}
.portfolio-slider{
  padding-top: 0px;
  padding-bottom: 0px;
}
#project-modal .image-holder {
    display: block;
    position: absolute;
    top: 0;
    bottom: 60px;
    right: 0;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
/* ---------------------------------------------------------------------------- /*
 * # UI Elements
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------- /*
 * # Forms
/* ---------------------------------------------- */
.form-control{
  border: 2px solid #eee;
  height: 33px;
  font-family: "Inconsolata", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 11px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.form-control:focus{
  border-color: #111;
}
/* Form sizes */
.input-lg,
.form-horizontal .form-group-lg .form-control{
  height: 43px;
  font-size: 13px;
}
.input-sm, .form-horizontal .form-group-sm .form-control{
  height: 29px;
  font-size: 10px;
}
/* ---------------------------------------------- /*
 * # Buttons
/* ---------------------------------------------- */
.cbp-l-loadMore-button .cbp-l-loadMore-link, .cbp-l-loadMore-button .cbp-l-loadMore-button-link{
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 18px;
  line-height: 13px;
  padding: 3px 15px !important;
  color: #cdcdcd;
  font-weight: 600;
  border-color: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font-family: 'Raleway';
}
.btn{
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 11px;
  padding: 3px 7px !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.btn.focus, .btn:focus,
.btn.active.focus, .btn.active:focus,
.btn:active.focus, .btn:active:focus{
  background: none;
  outline: 0;
}
/* Button types */
.btn.btn-circle{
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
/* Button colors */
.btn-custom-1:hover, .btn-custom-1:focus{
  background: #49e2d6;
  border-color: #49e2d6;
  color: #fff;
}
.btn-custom-1{
  background: none;
  border: 2px solid #222;
  color: #222;
}
.btn.btn-custom-2{
  background: rgba(255, 255, 255, 0.8);
  color: #111;
}
.btn.btn-custom-2:hover, .btn.btn-custom-2:focus{
  background: white;
  color: #111;
}
.btn.btn-g{
  background: #eee;
  color: #111;
}
.btn.btn-g:hover, .btn.btn-g:focus{
  background: rgba(238, 238, 238, 0.7);
  color: #111;
}
.btn.btn-d{
  background: rgba(17, 17, 17, 0.8);
  color: #fff;
}
.btn.btn-d:hover, .btn.btn-d:focus{
  background: #111111;
}
.btn.btn-border-d{
  background: transparent;
  border: 2px solid #111;
  color: #111;
}
.btn.btn-border-d:hover{
  background: #111;
  color: #fff;
}
.btn.btn-b{
  background: #111111;
  color: #fff;
}
.btn.btn-b:hover, .btn.btn-b:focus{
  background: rgba(17, 17, 17, 0.8);
}
/* Button sizes */
.btn.btn-lg{
  font-size: 13px;
  padding: 12px 45px;
}
.btn.btn-sm{
  letter-spacing: 1px;
  font-size: 10px;
  padding: 6px 25px;
}
.btn.btn-xs{
  letter-spacing: 0;
  font-size: 10px;
  padding: 4px 19px;
}
/* ---------------------------------------------- /*
 * # Pricing tables
/* ---------------------------------------------- */
.price-table{
  background: #fff;
  border: 1px solid #eee;
  padding: 25px 20px;
  margin: 15px 0 30px;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.price-table:hover{
  border-color: #eee;
}
.price-table.best{
  margin: 0 0 30px;
}
.price-table .small{
  margin: 0;
}
.borderline{
  position: relative;
  background: #eee;
  display: block;
  height: 1px;
  width: 100%;
  margin: 20px 0 15px;
}
.borderline:before{
  position: absolute;
  background: #eee;
  content: "";
  bottom: -7px;
  left: 50%;
  height: 14px;
  width: 14px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  margin-left: -7px;
}
.borderline:after{
  position: absolute;
  background: #fff;
  content: "";
  bottom: -5px;
  left: 50%;
  height: 16px;
  width: 16px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  margin-left: -8px;
}
.price-table h4{
  color: #111;
  margin: 0;
}
.price-table p.price{
  font-size: 60px;
  color: #111;
  padding: 0;
  margin: 0 0 0 -10px;
}
.price-table p.price span{
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  padding-top: 25px;
}
.price-details{
  list-style: none;
  padding: 0;
  margin: 0 0 23px;
}
.price-details li{
  padding: 7px 0;
}
.price-details li > span{
  text-decoration: line-through;
  color: #aaa;
}
/* ---------------------------------------------- /*
 * # Pagination
/* ---------------------------------------------- */
.pagination > li{
  display: inline-block;
}
.pagination > li > a,
.pagination > li > span{
  background: #f7f7f7;
  border: 0;
  width: 38px;
  height: 38px;
  padding: 0;
  margin: 0;
  text-align: center;
  line-height: 38px;
  color: #111;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{
  background: #111;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{
  background: #f0f0f0;
  color: #111;
}
/* ---------------------------------------------- /*
 * # Tabs
/* ---------------------------------------------- */
.nav-tabs{
  border-color: #eee;
}
.nav-tabs > li > a{
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
  border: 1px solid #eee;
  border-bottom-color: transparent;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus{
  background: #eee;
}
.tab-content{
  padding: 15px 0;
}
/* ---------------------------------------------- /*
 * # Accordion
/* ---------------------------------------------- */
.panel-group{
  border: 1px solid #eee;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.panel-group .panel{
  border-radius: 0;
}
.panel{
  border: 0;
  border-bottom: 1px solid #eee;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body{
  border-color: #eee;
}
.panel-heading{
  padding: 15px 20px;
}
.panel-default > .panel-heading{
  background: transparent;
  border-color: #eee;
}
.panel-heading a{
  position: relative;
  display: block;
}
.panel-heading a:after{
  position: absolute;
  content: "\f106";
  top: 50%;
  right: 0px;
  margin-top: -7px;
  font-family: "FontAwesome";
  font-size: 14px;
  line-height: 1;
}
.panel-heading a.collapsed:after{
  content: "\f107";
}
.panel-title{
  font-size: 12px;
}
.panel-group .panel + .panel{
  border-top: 0;
  margin-top: 0;
}
/* ---------------------------------------------- /*
 * # Progress Bar
/* ---------------------------------------------- */
.progress-title{
  margin: 0 0 5px;
  text-transform: uppercase;
  font-size: 14px;
}
.progress-bar.progress-bar-black{
  background: #fff;
}
.progress{
  overflow: visible;
  height: 4px;
}
.progress-bar{
  position: relative;
}
.progress-bar span{
  position: absolute;
  display: block;
  right: -0px;
  top: 6px;
  opacity: 0;
  line-height: 12px;
  font-size: 12px;
  color: #666;
  padding: 4px 0px;
}
.progress-bar span:after{
  display: inline-block;
  content: "%";
}
/* ---------------------------------------------- /*
 * # Icons
/* ---------------------------------------------- */
.et-icons .box1{
  border: 1px solid #e5e5e5;
  display: block;
  width: 25%;
  float: left;
  padding: 0;
  font-size: 13px;
  margin: -1px 0 0 -1px;
}
.et-icons .box1 > span{
  display: inline-block;
  border-right: 1px solid #e5e5e5;
  min-width: 60px;
  min-height: 60px;
  text-align: center;
  line-height: 60px;
  font-size: 28px;
  margin-right: 5px;
}
.fa-icons > div{
  padding: 0;
  border: 1px solid #e5e5e5;
  margin: -1px 0 0 -1px;
  font-size: 13px;
}
.fa-icons > div > i{
  display: inline-block;
  margin-right: 5px;
  min-width: 40px;
  min-height: 40px;
  border-right: 1px solid #f1f1f1;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
}
.fa-icons > div > .text-muted{
  display: none;
}
.box1 > .glyphicon-class{
  border-right: none !important;
  margin-right: 0px !important;
}
.glyphicons.et-icons .box1 > span{
  font-size: 11px !important;
  min-width: 50px !important;
}
/* ---------------------------------------------- /*
 * # Other
/* ---------------------------------------------- */
.copyright{
  padding: 0 20px;
  margin-left: 49px;
  margin-bottom: 0;
  color: #808080 !important;
}
.copyright a {
  margin-right: 10px;
}
footer a {
  color: #808080 !important;
}
footer a:hover {
  /*color: #fff !important;*/
}
.footer_contact{
    padding-left: 9px;
  margin-bottom: 0;
}
.caret{
  margin-top: -3px;
}
.social-text-links, .social-icon-links{
  list-style: none;
  padding: 0;
  margin: 0;
}
.social-text-links > li{
  display: inline-block;
  margin: 0 10px 20px;
}
.rotate-icon{
  -webkit-transition: -webkit-transform .7s ease-in-out;
  transition: transform .7s ease-in-out;
}
.rotate-icon:hover{
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
/* Media screens */
@media screen and (max-width: 991px){
  .nav > li > a{
    padding: 10px 10px;
  }
}
@media screen and (min-width: 768px){
  .home-intro h1, .custom_layer h1{
    /*letter-spacing: 5px;*/
  }

}
@media screen and (max-width: 767px){
  .is-sticky .navbar-custom, .navbar-custom .dropdown-menu{
    height: auto;
  }
  .extra-navbar{
    display: none;
  }
  .overlay_custom{
    bottom: 68px!important;
  }
  .home-intro h1, .custom_layer h1{
    font-size: 54px;
    line-height: 44px;
    /*letter-spacing: 10px;*/
  }
  .home-intro h5, .custom_layer h5 {
    font-size: 14px;
    line-height: 14px;
    margin-left: 4px;
    margin-bottom: 20px;
  }
  .btn_projects {
    margin-left: 4px;
  }
  .home-right p small{
    color: #c8c8c8 !important;
  }
  .sm-divider-0{
    margin-bottom: 0px !important;
  }
  .sm-divider-1{
    margin-bottom: 10px !important;
  }
  .sm-divider-2{
    margin-bottom: 20px !important;
  }
  .sm-divider-3{
    margin-bottom: 30px !important;
  }
  .sm-divider-4{
    margin-bottom: 40px !important;
  }
  .sm-divider-5{
    margin-bottom: 50px !important;
  }
  #navbar-sticky-wrapper{
    margin-top: -115px;
  }

  #navbar-sticky-wrapper.is-sticky{
    margin-top: -100px;
  }
}
@media screen and (max-width: 486px){
  .overlay_custom{
    bottom: 65px!important;
  }
  .home-intro h1{
    /*letter-spacing: 28px;*/
  }
  .section-parallax{
    background-attachment: scroll !important;
  }
}
/*Services*/
.align-center{
  text-align: center;
}
.content-box-icon{
  font-size: 36px;
}
.content-box{
  text-align: center;
  margin: 25px 0;
}
.content-box-title{
  margin: 5px 0 0;
  font-size: 14px;
}
.content-box-text{
  margin: 15px 0 0;
}
/*Counter*/
.counter-item{
  color: #fff;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 60px;
}
.counter-number{
  font-size: 36px;
}
.counter-title{
  text-transform: uppercase;
  font-size: 14px;
}
/*Backgrounds*/
.footer-bg-light{
  /*background-color: #f7f7f7;*/
  height: 100%;
  width: 100%;
  padding-top: 0px;
}
.alt-content-box{
  position: relative;
  padding-left: 55px;
  margin: 25px 0;
}
.alt-content-box-icon{
  position: absolute;
  height: 38px;
  width: 38px;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 38px;
  font-size: 28px;
  color: #111;
}
/*fade effect*/

.ms-bullets {
  display: none;
}

#icons-navbar{
  display: none;
}

a.btn_projects:focus {
    color: #fff;
    border-color: #fff;
}

.modal.fade .modal-dialog {
   /*-webkit-transform: scale(0.5);
   -moz-transform: scale(0.5);
   -ms-transform: scale(0.5);
   transform: scale(0.5);*/
   top: 120px;
   -webkit-transform: translate3d(0, -120px, 0);
   transform: translate3d(0, -120px, 0);
   opacity: 0;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
}

.modal.fade.in .modal-dialog {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transform: translate3d(0, -120px, 0);
   transform: translate3d(0, -120px, 0);
   opacity: 1;
}

.ms-fullscreen-template .slide-pattern{
  /*background: rgba(0, 0, 0, 0.35);*/
  background: transparent;
}
.cbp-item-wrapper{
  cursor: pointer;
}
.bg_transparent{
  background: transparent !important;
}
.bg_transparent .col_header_right{
  display: none !important;
}
/*MY CUSTOM*/
@media screen and (min-width: 768px){
  footer {
    padding: 6px 0 !important;
  }
  .home-right{
    margin-top: 33px;
    /*padding-bottom: 7%;*/
  }
  .extra-navbar li a{
    padding: 1px 2px;
    border: 1px solid transparent;
  }
  .is-sticky #navbar.custom_width{
    width: 282px;
  }
  .is-sticky #navbar.custom_width .col-md-6{
    width: 282px;
  }
  .is-sticky .navbar-custom{
    background: transparent;
  }

  .is-sticky .col_header_right{
    display: none;
    visibility: hidden;
  }
  .extra-navbar .dropdown-menu{
    top: 0;
    left: 129px;
    background: transparent;
    border-top: none;
    box-shadow: none;
  }
  .extra-navbar .dropdown-menu a{
    color: #c8c8c8;
  }
  /*#js-filters-masonry-projects{*/
    /*overflow: hidden;*/
    /*width: 280px;*/
  /*}*/
  /*#js-filters-masonry-projects li{*/
    /*width: 50%;*/
    /*float:left;*/
    /*display:inline;*/
  /*}*/
  /*.is-sticky #js-filters-masonry-projects{*/
    /*width: 100px;*/
  /*}*/
  /*.is-sticky #js-filters-masonry-projects li{*/
    /*width: 100%;*/
    /*display: block;*/
  /*}*/

  .cbp-l-filters-button .cbp-filter-item{
    background: transparent !important;
    font-family: 'Raleway' !important;
    font-size: 18px;
    color: #fff !important;
    border: 0.5px solid #fff !important;
  }
  .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active{
    background: #fff !important;
    color: #000 !important;
    border: 0.5px solid #fff !important;
  }
  .extra-navbar{
    width: 125px;
    /*margin-top: 30px;*/
    margin-top: 20px;
  }
  .is-sticky .extra-navbar{
    margin-top: 35px;
  }
}
/*HEADER*/
#home{
  background-position: top center !important;
}

.home-right p {
    text-transform: none !important;
    line-height: 21px;
    float: right;
    clear: both;
    margin-bottom: 2px;
    white-space: nowrap;
}

.home-right p.text-grey{
  color: #c8c8c8 !important;
  position: relative;
  top: 7px;
}
.navbar-custom{
  min-height: 201px;
  margin-bottom: 0px;
  box-shadow: none!important;
}

.navbar-custom a{
  color: #c8c8c8;
  cursor: pointer;
  display: inline-block;
  line-height: 15px;
}
.extra-navbar li{
  float: none;
  /*height: 21px;*/
  height: 20px;
}

.active_lang{
  color: #fff!important;
  font-weight: bold;
  border: 1px solid #fff;
  padding: 3px;;
}


/*#js-filters-masonry-projects li:hover{*/
  /*color: white;*/
  /*font-weight: bold;*/
/*}*/
.cbp-filter-item-active{
  color: white;
  /*font-weight: bold;*/
}
#toggle-menu .icon-bar{
  background: #fff!important;
}
.navbar-nav>li a{
  display: inline-block;
  /*border: 1px solid transparent !important;
  padding: 0px 10px 0px 0px;*/
  border: 1px solid transparent;
  padding: 1px 5px 1px 5px !important;
  margin-left: -6px;
  font-weight: 200;
  text-align: right;
}
.navbar-custom .nav li a:hover{
  color: #fff;
}
.navbar-nav>li.active a{
  display: inline-block;
  border-color: #ffffff85;
  color: #fff;
  /*padding: 0px 0px 0px 7px;*/
  /*margin-left: -7px;*/
}
.navbar-nav>li.active a:after{
  /*content: "";*/
}
/*END HEADER*/

/*ABOUT*/
.download_brochure{
  color: #fff;
  text-transform: uppercase;
}
.partner img{
  opacity: 0.5;
}
#about {
  padding-top: 0;
  padding-bottom: 80px;
}
#about>div:first-child {
  padding-top: 80px;
}
/*END ABOUT*/

/*PORTFOLIO*/
.cbp-l-grid-masonry-projects .cbp-caption-activeWrap{
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.cbp-caption-opacity .cbp-caption:hover{
  border: none !important;
}
.cbp-caption-defaultWrap img{
  opacity: 0.6;
  transition: opacity 2s;
}

.cbp-caption:hover .cbp-caption-defaultWrap img, .play:hover + .cbp-caption .cbp-caption-defaultWrap img{
  opacity: 1;
}
.play{
  position: absolute;
  width: 100%;
  text-align: center;
  height: 100%;
  z-index: 3;
  display: flex;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
}
.play .fa-play-circle-o{
  opacity: 0.6;
  cursor: pointer;
  z-index: 4;
  top: 50%;
  margin-top: -27px;
  position: absolute;
}
.overlay_custom{
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: right;
  background: rgba(0, 0, 0, 0.48);
  z-index: 10;
  padding: 5px;
}

.overlay_custom p{
  margin-bottom: 0;
  line-height: normal;
}
.my_title{
  text-transform: uppercase;
  font-weight: bold;
}
.cbp-l-loadMore-button .cbp-l-loadMore-link,
.cbp-l-loadMore-button .cbp-l-loadMore-button-link{
  margin-top: 15px;
  margin-bottom: 15px;
}
#portfolio>.container-fluid {
  padding: 0;
}

/*MAPS*/
#cd-google-map{
  opacity: 0.4;
}

.cbp-l-grid-masonry-projects .cbp-caption-activeWrap{
  background-color: transparent !important;
}

.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap{
  -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);
}
.cbp-caption-zoom .cbp-caption-defaultWrap {
  -webkit-transition: -webkit-transform .55s ease-out;
  transition: transform 2s ease-out;
}
.info_portfolio {
  text-align: right;
  padding: 5px;
  
  /*background: rgba(0, 0, 0, 0.6);*/

  left: 0;
  right: 0;

  position: absolute;
  width: 100%;
  bottom: 0;
  /*opacity: 0;*/
  transition: opacity 1s;

  z-index: 1;
}
.cbp-l-caption-alignCenter .cbp-l-caption-body{
  padding: 15px 0 0 0px !important;
  vertical-align: bottom !important;
}
.cbp-l-caption-title, #project-title-box, .project-title-box{
  text-transform: uppercase;
  color: transparent;
  font-weight: bold;
  font-size: 15px;
  font-family: "Raleway";
  line-height: 21px;
  transition: color 0.4s, text-shadow 0.4s;
  text-shadow: none;
}
.cbp-l-caption-desc{
  font-size: 15px;
  font-family: "Raleway";
  line-height: 16px;
  color: transparent;
  transition: color 0.4s, text-shadow 0.4s;
  text-shadow: none;
}

#main .image-holder:hover .info_portfolio>div {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.slide-holder .project-title-box{
  padding-top: 5px;
  margin-right: 10px;
  display: block;
  color: #fff;
}
.slide-holder .project-subtitle-box{
  padding-bottom: 10px;
  padding-right: 10px;
  display: block;
}
.wheel .fa-angle-down{
  font-size: 40px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  padding: 5px;
}
.custom_layer{
  padding-left: 17px !important;
}

.msp-preset-btn-84{ background-color: #b97ebb;color: #fff; } .msp-preset-btn-84:hover{ background-color:#ca89cc;color: #fff; } .msp-preset-btn-84:active{ top:1px } .msp-preset-btn-85{ background-color: #b97ebb;color: #fff; } .msp-preset-btn-85:hover{ background-color:#ca89cc;color: #fff; } .msp-preset-btn-85:active{ top:1px } .msp-preset-btn-86{ color: #b97ebb;border:solid 1px #b97ebb; } .msp-preset-btn-86:hover{ border-color:#ca89cc;color:#ca89cc } .msp-preset-btn-86:active{ top:1px } .msp-preset-btn-87{ background-color: #b97ebb;color: #fff; } .msp-preset-btn-87:hover{ background-color:#ca89cc;color: #fff; } .msp-preset-btn-87:active{ top:1px } .msp-preset-btn-88{ background-color: #b97ebb;color: #fff;box-shadow:0 5px #9a699c; } .msp-preset-btn-88:hover{ background-color:#ca89cc;box-shadow:0 4px #9a699c;top:1px;color: #fff; } .msp-preset-btn-88:active{ box-shadow:0 2px #9a699c;top:3px; } .msp-preset-btn-89{ background-color: #5472D2;color: #fff; } .msp-preset-btn-89:hover{ background-color:#5d7fe9;color: #fff; } .msp-preset-btn-89:active{ top:1px } .msp-preset-btn-90{ background-color: #5472D2;color: #fff; } .msp-preset-btn-90:hover{ background-color:#5d7fe9;color: #fff; } .msp-preset-btn-90:active{ top:1px } .msp-preset-btn-91{ color: #5472D2;border:solid 1px #5472D2; } .msp-preset-btn-91:hover{ border-color:#5d7fe9;color:#5d7fe9 } .msp-preset-btn-91:active{ top:1px } .msp-preset-btn-92{ background-color: #5472D2;color: #fff; } .msp-preset-btn-92:hover{ background-color:#5d7fe9;color: #fff; } .msp-preset-btn-92:active{ top:1px } .msp-preset-btn-93{ background-color: #5472D2;color: #fff;box-shadow:0 5px #4c68be; } .msp-preset-btn-93:hover{ background-color:#5d7fe9;box-shadow:0 4px #4c68be;top:1px;color: #fff; } .msp-preset-btn-93:active{ box-shadow:0 2px #4c68be;top:3px; } .msp-preset-btn-94{ background-color: #00c1cf;color: #fff; } .msp-preset-btn-94:hover{ background-color:#01D4E4;color: #fff; } .msp-preset-btn-94:active{ top:1px } .msp-preset-btn-95{ background-color: #00c1cf;color: #fff; } .msp-preset-btn-95:hover{ background-color:#01D4E4;color: #fff; } .msp-preset-btn-95:active{ top:1px } .msp-preset-btn-96{ color: #00c1cf;border:solid 1px #00c1cf; } .msp-preset-btn-96:hover{ border-color:#01D4E4;color:#01D4E4 } .msp-preset-btn-96:active{ top:1px } .msp-preset-btn-97{ background-color: #00c1cf;color: #fff; } .msp-preset-btn-97:hover{ background-color:#01D4E4;color: #fff; } .msp-preset-btn-97:active{ top:1px } .msp-preset-btn-98{ background-color: #00c1cf;color: #fff;box-shadow:0 5px #00afbc; } .msp-preset-btn-98:hover{ background-color:#01D4E4;box-shadow:0 4px #00afbc;top:1px;color: #fff; } .msp-preset-btn-98:active{ box-shadow:0 2px #00afbc;top:3px; } .msp-preset-btn-99{ background-color: #4cadc9;color: #fff; } .msp-preset-btn-99:hover{ background-color:#63b2c9;color: #fff; } .msp-preset-btn-99:active{ top:1px } .msp-preset-btn-100{ background-color: #4cadc9;color: #fff; } .msp-preset-btn-100:hover{ background-color:#63b2c9;color: #fff; } .msp-preset-btn-100:active{ top:1px } .msp-preset-btn-101{ color: #4cadc9;border:solid 1px #4cadc9; } .msp-preset-btn-101:hover{ border-color:#63b2c9;color:#63b2c9 } .msp-preset-btn-101:active{ top:1px } .msp-preset-btn-102{ background-color: #4cadc9;color: #fff; } .msp-preset-btn-102:hover{ background-color:#63b2c9;color: #fff; } .msp-preset-btn-102:active{ top:1px } .msp-preset-btn-103{ background-color: #4cadc9;color: #fff;box-shadow:0 5px #1aa2c9; } .msp-preset-btn-103:hover{ background-color:#63b2c9;box-shadow:0 4px #1aa2c9;top:1px;color: #fff; } .msp-preset-btn-103:active{ box-shadow:0 2px #1aa2c9;top:3px; } .msp-preset-btn-104{ background-color: #cec2ab;color: #fff; } .msp-preset-btn-104:hover{ background-color:#cebd9d;color: #fff; } .msp-preset-btn-104:active{ top:1px } .msp-preset-btn-105{ background-color: #cec2ab;color: #fff; } .msp-preset-btn-105:hover{ background-color:#cebd9d;color: #fff; } .msp-preset-btn-105:active{ top:1px } .msp-preset-btn-106{ color: #cec2ab;border:solid 1px #cec2ab; } .msp-preset-btn-106:hover{ border-color:#cebd9d;color:#cebd9d } .msp-preset-btn-106:active{ top:1px } .msp-preset-btn-107{ background-color: #cec2ab;color: #fff; } .msp-preset-btn-107:hover{ background-color:#cebd9d;color: #fff; } .msp-preset-btn-107:active{ top:1px } .msp-preset-btn-108{ background-color: #cec2ab;color: #fff;box-shadow:0 5px #C2B7A2; } .msp-preset-btn-108:hover{ background-color:#cebd9d;box-shadow:0 4px #C2B7A2;top:1px;color: #fff; } .msp-preset-btn-108:active{ box-shadow:0 2px #C2B7A2;top:3px; } .msp-preset-btn-109{ background-color: #50485b;color: #fff; } .msp-preset-btn-109:hover{ background-color:#6a6176;color: #fff; } .msp-preset-btn-109:active{ top:1px } .msp-preset-btn-110{ background-color: #50485b;color: #fff; } .msp-preset-btn-110:hover{ background-color:#6a6176;color: #fff; } .msp-preset-btn-110:active{ top:1px } .msp-preset-btn-111{ color: #50485b;border:solid 1px #50485b; } .msp-preset-btn-111:hover{ border-color:#6a6176;color:#6a6176 } .msp-preset-btn-111:active{ top:1px } .msp-preset-btn-112{ background-color: #50485b;color: #fff; } .msp-preset-btn-112:hover{ background-color:#6a6176;color: #fff; } .msp-preset-btn-112:active{ top:1px } .msp-preset-btn-113{ background-color: #50485b;color: #fff;box-shadow:0 5px #412d5b; } .msp-preset-btn-113:hover{ background-color:#6a6176;box-shadow:0 4px #412d5b;top:1px;color: #fff; } .msp-preset-btn-113:active{ box-shadow:0 2px #412d5b;top:3px; } .msp-preset-btn-114{ background-color: #8d6dc4;color: #fff; } .msp-preset-btn-114:hover{ background-color:#977cc4;color: #fff; } .msp-preset-btn-114:active{ top:1px } .msp-preset-btn-115{ background-color: #8d6dc4;color: #fff; } .msp-preset-btn-115:hover{ background-color:#977cc4;color: #fff; } .msp-preset-btn-115:active{ top:1px } .msp-preset-btn-116{ color: #8d6dc4;border:solid 1px #8d6dc4; } .msp-preset-btn-116:hover{ border-color:#977cc4;color:#977cc4 } .msp-preset-btn-116:active{ top:1px } .msp-preset-btn-117{ background-color: #8d6dc4;color: #fff; } .msp-preset-btn-117:hover{ background-color:#977cc4;color: #fff; } .msp-preset-btn-117:active{ top:1px } .msp-preset-btn-118{ background-color: #8d6dc4;color: #fff;box-shadow:0 5px #7c51c4; } .msp-preset-btn-118:hover{ background-color:#977cc4;box-shadow:0 4px #7c51c4;top:1px;color: #fff; } .msp-preset-btn-118:active{ box-shadow:0 2px #7c51c4;top:3px; } .msp-preset-btn-119{ background-color: #75d69c;color: #fff; } .msp-preset-btn-119:hover{ background-color:#7de5a7;color: #fff; } .msp-preset-btn-119:active{ top:1px } .msp-preset-btn-120{ background-color: #75d69c;color: #fff; } .msp-preset-btn-120:hover{ background-color:#7de5a7;color: #fff; } .msp-preset-btn-120:active{ top:1px } .msp-preset-btn-121{ color: #75d69c;border:solid 1px #75d69c; } .msp-preset-btn-121:hover{ border-color:#7de5a7;color:#7de5a7 } .msp-preset-btn-121:active{ top:1px } .msp-preset-btn-122{ background-color: #75d69c;color: #fff; } .msp-preset-btn-122:hover{ background-color:#7de5a7;color: #fff; } .msp-preset-btn-122:active{ top:1px } .msp-preset-btn-123{ background-color: #75d69c;color: #fff;box-shadow:0 5px #41d67d; } .msp-preset-btn-123:hover{ background-color:#7de5a7;box-shadow:0 4px #41d67d;top:1px;color: #fff; } .msp-preset-btn-123:active{ box-shadow:0 2px #41d67d;top:3px; } .msp-preset-btn-124{ background-color: #222;color: #fff; } .msp-preset-btn-124:hover{ background-color:#333;color: #fff; } .msp-preset-btn-124:active{ top:1px } .msp-preset-btn-125{ background-color: #222;color: #fff; } .msp-preset-btn-125:hover{ background-color:#333;color: #fff; } .msp-preset-btn-125:active{ top:1px } .msp-preset-btn-126{ color: #222;border:solid 1px #222; } .msp-preset-btn-126:hover{ border-color:#333;color:#333 } .msp-preset-btn-126:active{ top:1px } .msp-preset-btn-127{ background-color: #222;color: #fff; } .msp-preset-btn-127:hover{ background-color:#333;color: #fff; } .msp-preset-btn-127:active{ top:1px } .msp-preset-btn-128{ background-color: #222;color: #fff;box-shadow:0 5px #000; } .msp-preset-btn-128:hover{ background-color:#333;box-shadow:0 4px #000;top:1px;color: #fff; } .msp-preset-btn-128:active{ box-shadow:0 2px #000;top:3px; } .msp-preset-btn-129{ background-color: #dedede;color: #666; } .msp-preset-btn-129:hover{ background-color:#d1d1d1;color: #666; } .msp-preset-btn-129:active{ top:1px } .msp-preset-btn-130{ background-color: #dedede;color: #666; } .msp-preset-btn-130:hover{ background-color:#d1d1d1;color: #666; } .msp-preset-btn-130:active{ top:1px } .msp-preset-btn-131{ color: #dedede;border:solid 1px #dedede; } .msp-preset-btn-131:hover{ border-color:#d1d1d1;color:#d1d1d1 } .msp-preset-btn-131:active{ top:1px } .msp-preset-btn-132{ background-color: #dedede;color: #666; } .msp-preset-btn-132:hover{ background-color:#d1d1d1;color: #666; } .msp-preset-btn-132:active{ top:1px } .msp-preset-btn-133{ background-color: #dedede;color: #666;box-shadow:0 5px #CACACA; } .msp-preset-btn-133:hover{ background-color:#d1d1d1;color: #666;box-shadow:0 4px #CACACA;top:1px } .msp-preset-btn-133:active{ box-shadow:0 2px #CACACA;top:3px; } .msp-preset-btn-134{ background-color: #f7be68;color: #fff; } .msp-preset-btn-134:hover{ background-color:#e9b362;color: #fff; } .msp-preset-btn-134:active{ top:1px } .msp-preset-btn-135{ background-color: #f7be68;color: #fff; } .msp-preset-btn-135:hover{ background-color:#e9b362;color: #fff; } .msp-preset-btn-135:active{ top:1px } .msp-preset-btn-136{ color: #f7be68;border:solid 1px #f7be68; } .msp-preset-btn-136:hover{ border-color:#e9b362;color:#e9b362 } .msp-preset-btn-136:active{ top:1px } .msp-preset-btn-137{ background-color: #f7be68;color: #fff; } .msp-preset-btn-137:hover{ background-color:#e9b362;color: #fff; } .msp-preset-btn-137:active{ top:1px } .msp-preset-btn-138{ background-color: #f7be68;color: #fff;box-shadow:0 5px #E7AF59; } .msp-preset-btn-138:hover{ background-color:#e9b362;box-shadow:0 4px #E7AF59;top:1px;color: #fff; } .msp-preset-btn-138:active{ box-shadow:0 2px #E7AF59;top:3px; } .msp-preset-btn-139{ background-color: #5aa1e3;color: #fff; } .msp-preset-btn-139:hover{ background-color:#5faaef;color: #fff; } .msp-preset-btn-139:active{ top:1px } .msp-preset-btn-140{ background-color: #5aa1e3;color: #fff; } .msp-preset-btn-140:hover{ background-color:#5faaef;color: #fff; } .msp-preset-btn-140:active{ top:1px } .msp-preset-btn-141{ color: #5aa1e3;border:solid 1px #5aa1e3; } .msp-preset-btn-141:hover{ border-color:#5faaef;color:#5faaef } .msp-preset-btn-141:active{ top:1px } .msp-preset-btn-142{ background-color: #5aa1e3;color: #fff; } .msp-preset-btn-142:hover{ background-color:#5faaef;color: #fff; } .msp-preset-btn-142:active{ top:1px } .msp-preset-btn-143{ background-color: #5aa1e3;color: #fff;box-shadow:0 5px #4c87bf; } .msp-preset-btn-143:hover{ background-color:#5faaef;box-shadow:0 4px #4c87bf;top:1px;color: #fff; } .msp-preset-btn-143:active{ box-shadow:0 2px #4c87bf;top:3px; } .msp-preset-btn-144{ background-color: #6dab3c;color: #fff; } .msp-preset-btn-144:hover{ background-color:#76b941;color: #fff; } .msp-preset-btn-144:active{ top:1px } .msp-preset-btn-145{ background-color: #6dab3c;color: #fff; } .msp-preset-btn-145:hover{ background-color:#76b941;color: #fff; } .msp-preset-btn-145:active{ top:1px } .msp-preset-btn-146{ color: #6dab3c;border:solid 1px #6dab3c; } .msp-preset-btn-146:hover{ border-color:#76b941;color:#76b941 } .msp-preset-btn-146:active{ top:1px } .msp-preset-btn-147{ background-color: #6dab3c;color: #fff; } .msp-preset-btn-147:hover{ background-color:#76b941;color: #fff; } .msp-preset-btn-147:active{ top:1px } .msp-preset-btn-148{ background-color: #6dab3c;color: #fff;box-shadow:0 5px #5e9334; } .msp-preset-btn-148:hover{ background-color:#76b941;box-shadow:0 4px #5e9334;top:1px;color: #fff; } .msp-preset-btn-148:active{ box-shadow:0 2px #5e9334;top:3px; } .msp-preset-btn-149{ background-color: #f4524d;color: #fff; } .msp-preset-btn-149:hover{ background-color:#e04b47;color: #fff; } .msp-preset-btn-149:active{ top:1px } .msp-preset-btn-150{ background-color: #f4524d;color: #fff; } .msp-preset-btn-150:hover{ background-color:#e04b47;color: #fff; } .msp-preset-btn-150:active{ top:1px } .msp-preset-btn-151{ color: #f4524d;border:solid 1px #f4524d; } .msp-preset-btn-151:hover{ border-color:#e04b47;color:#e04b47 } .msp-preset-btn-151:active{ top:1px } .msp-preset-btn-152{ background-color: #f4524d;color: #fff; } .msp-preset-btn-152:hover{ background-color:#e04b47;color: #fff; } .msp-preset-btn-152:active{ top:1px } .msp-preset-btn-153{ background-color: #f4524d;color: #fff;box-shadow:0 5px #cb4440; } .msp-preset-btn-153:hover{ background-color:#e04b47;box-shadow:0 4px #cb4440;top:1px;color: #fff; } .msp-preset-btn-153:active{ box-shadow:0 2px #cb4440;top:3px; } .msp-preset-btn-154{ background-color: #f79468;color: #fff; } .msp-preset-btn-154:hover{ background-color:#e78a61;color: #fff; } .msp-preset-btn-154:active{ top:1px } .msp-preset-btn-155{ background-color: #f79468;color: #fff; } .msp-preset-btn-155:hover{ background-color:#e78a61;color: #fff; } .msp-preset-btn-155:active{ top:1px } .msp-preset-btn-156{ color: #f79468;border:solid 1px #f79468; } .msp-preset-btn-156:hover{ border-color:#e78a61;color:#e78a61 } .msp-preset-btn-156:active{ top:1px } .msp-preset-btn-157{ background-color: #f79468;color: #fff; } .msp-preset-btn-157:hover{ background-color:#e78a61;color: #fff; } .msp-preset-btn-157:active{ top:1px } .msp-preset-btn-158{ background-color: #f79468;color: #fff;box-shadow:0 5px #da835c; } .msp-preset-btn-158:hover{ background-color:#e78a61;box-shadow:0 4px #da835c;top:1px;color: #fff; } .msp-preset-btn-158:active{ box-shadow:0 2px #da835c;top:3px; }.msp-preset-1 { font-family:"Lato";font-weight:700;font-size:48px;line-height:normal;color:#ffffff; }
.msp-preset-3 { font-family:"Lato";font-weight:300;font-size:18px;line-height:normal;color:#f2f2f2; }
.msp-preset-5 { font-family:"Kaushan Script";font-weight:normal;font-size:30px;text-align:center;line-height:normal;white-space:nowrap;color:#d4d4d4; }
.msp-preset-6 { font-family:"Raleway";font-weight:600;font-size:48px;text-align:center;line-height:normal;white-space:nowrap;color:#d4d4d4; }
.msp-preset-7 { font-family:"Raleway";font-weight:600;font-size:48px;text-align:center;line-height:normal;white-space:nowrap;color:#77cba9; }
.msp-preset-8 { font-family:"Montserrat";font-weight:700;font-size:36px;line-height:normal;color:#ffffff; }
.msp-preset-12 { font-family:"Raleway";font-weight:600;font-size:72px;line-height:normal;white-space:nowrap;color:#ffffff;text-transform:uppercase; }
.msp-preset-13 { font-family:"Raleway";font-weight:600;font-size:18px;text-align:center;line-height:normal;color:#f8f8f8; }
.msp-preset-14 { font-family:"Yanone Kaffeesatz";font-weight:normal;font-size:60px;text-align:center;letter-spacing:2px;line-height:normal;white-space:nowrap;color:#ffffff; }
.msp-preset-15 { font-family:"Oswald";font-weight:normal;font-size:55px;text-align:center;line-height:normal;white-space:nowrap;color:#e38181; }
.msp-preset-16 { font-family:"Montserrat";font-weight:normal;font-size:54px;line-height:normal;white-space:nowrap;color:#dddddd; }
.msp-preset-17 { font-family:"Playfair Display";font-weight:normal;font-size:16px;text-align:center;line-height:normal;color:#c2b273;background-color:transparent; }
.msp-preset-18 { font-family:"Quicksand";font-weight:normal;font-size:18px;text-align:center;line-height:normal;color:#fdfdfd;background-color:transparent; }
.msp-preset-19 { font-family:"Montserrat";font-weight:normal;font-size:12px;line-height:normal;color:#dddddc;text-transform:uppercase; }
.msp-preset-20 { font-family:"Lato";font-weight:normal;font-size:12px;letter-spacing:2px;line-height:normal;color:#a9a8a8; }
.msp-preset-21 { background-color:#a9a8a8;font-weight:normal;line-height:normal; }
.msp-preset-22 { font-family:"Oswald";font-weight:700;font-size:48px;line-height:60px;color:#ffffff; }
.msp-preset-23 { font-family:"Lato";font-weight:normal;font-size:16px;line-height:normal;color:#c0c0c0; }
.msp-preset-25 { padding-top:10px;padding-right:24px;padding-bottom:10px;padding-left:24px;font-family:"Lato";font-weight:normal;font-size:10px;text-align:center;letter-spacing:2px;line-height:normal;text-transform:uppercase; }
.msp-preset-26 { font-family:"Lato";font-weight:normal;font-size:16px;line-height:normal;color:#ffffff; }
.msp-preset-27 { background-color:#ffffff;font-weight:normal;line-height:normal; }
.msp-preset-28 { font-family:"Lato";font-weight:normal;font-size:12px;letter-spacing:2px;line-height:normal;color:#ffffff; }
.msp-preset-29 { font-family:"Raleway";font-weight:800;font-size:120px;letter-spacing:1px;line-height:normal;color:#ffffff; }
.msp-preset-30 { font-family:"Source Code Pro";font-weight:normal;font-size:22px;line-height:normal;color:#ffffff; }
.msp-preset-31 { font-family:"Source Code Pro";font-weight:normal;font-size:14px;letter-spacing:1px;line-height:normal;color:#ba895d; }
.msp-preset-32 { font-family:"Source Code Pro";font-weight:normal;font-size:14px;line-height:normal;color:#6a6a6a; }
.msp-preset-33 { font-family:"Montserrat";font-weight:normal;font-size:36px;line-height:normal;color:#ffffff; }
.msp-preset-34 { background-color:#ffffff;font-weight:normal;line-height:normal; }
.msp-preset-35 { background-color:#f4cb68;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;font-family:"Lato";font-weight:normal;font-size:11px;line-height:16px;color:#333333; }
.ms-parent-id-39 > .master-slider{ background:#fdfdfd; }
.msp-cn-121-2 { border-style:none;font-weight:normal;line-height:normal;max-width:506px !important;
  height: auto !important; }
.msp-cn-121-3 { font-weight:normal;line-height:normal;max-width:364px !important;
  height: auto !important; }
.msp-cn-121-4 { font-weight:normal;line-height:normal;max-width:359px !important;
  height:auto !important; }
.msp-cn-121-5 { font-weight:normal;line-height:normal;max-width:478px !important;
  height:auto !important; }
.msp-cn-121-6 { font-family:"Montserrat";font-weight:normal;font-size:42px;text-align:center;line-height:normal;white-space:nowrap;color:#474747; }
.msp-cn-121-7 { font-family:"Montserrat";font-weight:700;font-size:72px;text-align:center;line-height:normal;white-space:nowrap;color:#ffb88f; }
.msp-cn-121-8 { font-family:"Montserrat";font-weight:700;font-size:62px;line-height:normal;white-space:nowrap;color:#ffffff; }
.msp-cn-121-11 { font-family:"Montserrat";font-weight:normal;font-size:24px;line-height:normal;white-space:nowrap;color:#191919; }
.msp-cn-121-12 { font-family:"Montserrat";font-weight:normal;font-size:24px;text-align:right;line-height:normal;white-space:nowrap;color:#191919; }
.msp-cn-121-14 { font-family:"Montserrat";font-weight:700;font-size:62px;text-align:right;line-height:normal;color:#ffb88f; }
.msp-cn-121-16 { font-family:"Montserrat";font-weight:700;font-size:72px;text-align:center;line-height:normal;white-space:nowrap;color:#ffb88f; }
.msp-cn-121-17 { font-weight:normal;line-height:normal;max-width:32px !important;
  height:auto !important; }
.msp-cn-121-18 { font-family:"Montserrat";font-weight:normal;font-size:24px;text-align:center;line-height:normal;white-space:nowrap;color:#191919; }
.msp-cn-121-21 { font-weight:normal;line-height:normal; }
.msp-cn-121-23 { font-weight:normal;line-height:normal;max-width:32px !important;
  height:auto !important; }
.fs-slider .fullwidth-layers .ms-slide-layers {
  left:0!important;
  max-width: none !important;
}
@media screen and (min-width:1280px){
  .font-title-55 {font-size:55px !important;}
  .font-desc-24 {font-size:24px !important;}
}

.fs-slider .ms-wheel-icon {
  -webkit-animation: scroll-wheel 1.3s ease-out infinite forwards;
  -moz-animation: scroll-wheel 1.3s ease-out infinite forwards;
  animation: scroll-wheel 1.3s ease-out infinite forwards;
}

@-webkit-keyframes scroll-wheel {
  0% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 0;
  }
}
@-moz-keyframes scroll-wheel {
  0% {
    -moz-transform: translateY(0);
    opacity: 1;
  }
  50% {
    -moz-transform: translateY(10px);
    opacity: 0;
  }
  100% {
    -moz-transform: translateY(0);
    opacity: 0;
  }
}
@keyframes scroll-wheel {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
  }
}
img.play_video{
  max-width: 50px;
  display: inline-block;
  vertical-align: middle;
}

.client_col{
  min-height: 126px;
}

.sub-menu{
    display: none;
    opacity: 0;
    width: 400px !important;
    margin-left: 126px;
    margin-top: -30px;
    list-style-type: none;
    transition: opacity 0.4s;
}

.active ul.sub-menu {
    /*display: block;*/
    opacity: 1;
}

li:hover ul.sub-menu {
    display: block;
    opacity: 1;
}

.cbp-filter-item-active span{
  /*border: 1px solid rgba(255, 255, 255, 0.5);*/
  color: #fff;
  padding: 0px 15px 0px 7px;
  margin-left: -7px;
  display: inline-block;
  width: 100px;
  white-space: nowrap;
}

li.active>a {
  color: #fff;
}

.sub-menu li{
  width:249px !important;
  cursor: pointer;
  text-transform: capitalize;
}

.sub-menu li a:hover{color:#FFFFFF;}

.sub-menu li:nth-child(odd){float:right;}

.navbar-nav>li:hover > ul.sub-menu
{
  display:inline-block !important;
}


#about p {
  line-height: 21px;
}

.download_brochure, #contact p a{
  text-transform: none;
  color: #c8c8c8;
}

.download_brochure:hover, #contact p a:hover{
  color: #fff;
}
.team-description .team-name, .team-description .team-role{
  text-transform: none;
  font-size: 18px;
  line-height: normal;
  color: #c8c8c8;
}
.team-description .team-role{
  margin-left: 30px;
}
.team-description .team-name{
  margin-bottom: 0;
}
.team-description{
  padding-top: 0;
}

#contact p{
  line-height: normal;
  margin-bottom: 0;
}

.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

#main .videos a:after {
    background-image: url(../img/play.png) !important;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center center;
}

#main .image-holder:hover video {
    opacity: 1;
}


/*.cbp-caption-zoom .cbp-caption-activeWrap{*/
  /*-webkit-transition: opacity 2s !important;*/
  /*-moz-transition: opacity 2s !important;*/
  /*-ms-transition: opacity 2s !important;*/
  /*-o-transition: opacity 2s !important;*/
  /*transition: opacity 2s !important;*/
/*}*/

.overlay_menu{
  height: 201px;
  position: absolute;
  width: 100%;
  margin-left: -15px;
  margin-right: -15px;
  background: rgba(0, 0, 0, 0.5) !important;
}

.overlay_menu+.row {
    margin-right: -5px;
    margin-left: -5px;
    margin-top: 10px;
    max-width: 100%;
}

.navbar-brand img {
  max-width: none;
}

p, .team-item {
  cursor: default;
}

.social-list-header a {
  opacity: 0.7;
  transition: opacity 0.4s;
}

.social-list-header a:hover {
  opacity: 0.9;
}

#navbar {
    position: absolute;
    bottom: 0;
}

.home-right p:last-child {
    margin-bottom: 0;
}

div#floating-menu.affix {
    top: 0;
    padding-right: 100px;
    padding-bottom: 100px;
}

div#floating-menu.affix:hover .sub-menu {
    display: block;
}

section#portfolio {
    padding-top: 0px;
    background-color: #000;
    /* padding-top: 40px; */
    margin-bottom: 250px;
}

#main.hello {
  opacity: 1;
}

#main {
  overflow: hidden;
  transition: opacity 0.4s;
  opacity: 0;
}

.modal-backdrop.in {
    filter: alpha(opacity=80);
    opacity: .8;

    filter: alpha(opacity=40);
    opacity: .4;
}

.modal-content {
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: transparent;
    border: 0;
}

.modal-header {
  border-bottom: 0;
  padding: 0px 5px;
}

button.close {
    font-size: 3em;
    color: #fff;
    opacity: 1;
    font-weight: 100;
    font-family: 'Segoe UI Light', Arial, sans-serif;
}

.carousel-inner img {
    width: 100%;
    display: block;
}
.carousel-inner .item {
  /*padding-bottom: 60px;*/
}

div#project-details, .project-details {
    line-height: 1.2em;
    color: #aaa;
    text-align: right;
    background: #000;
    margin: auto;
}

.slide-holder .project-details {
    padding: 0;
    border: 0;
    display: inline-block;
}

.slide-holder {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

.slide-holder>.slide-holder-content {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.item>.project-details {
  /*display: none;*/
}

.embed-container .project-details {
    margin-top: -16px;
}

.modal-dialog {
    margin: auto;
    width: 100% !important;
}

.modal-dialog button.close {
    position: fixed;
    z-index: 10;
    right: 10px;
    opacity: 1;
    top: 0;
    width: 6%;
    text-align: center;
}


.modal-content, .modal-body, .carousel, .carousel-inner, .item {
  height: 100%;
}

.modal-header {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: block;
  padding: 15px;
  z-index: 100;
}

.modal-open .modal {
  padding-right: 0 !important;
}

.landscape .item img {
    height: auto;
    width: auto;
    max-width: 100%;
    display: block;
    margin: auto;
    max-height: 100%;
    border: 2px solid #000;
}

.embed-holder {
    display: table;
    height: 100%;
    width: 100%;
}

.embed-aligner {
    display: table-cell;
    height: 100%;
    width: 100%;
    padding: 3px;
    vertical-align: middle;
}

.embed-container { 
    position: relative;
    /*padding-bottom: 56.25%;*/
    
    /*padding-bottom: 45.25%;*/
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
    height: auto; 
}

.embed-container iframe,
.embed-container object,
.embed-container embed { 
    display: block;
}

.embed-container .project-title-box {
  padding-top: 10px;
}

.carousel-control {
    background-image: none !important;
    width: 6%;
    opacity: .2;
}

.hidecontrol .carousel-control {
  display: none;
}

.home-lang a {
  text-transform: none;
}

.home-lang a.active {
    border: 1px solid rgb(204, 204, 204);
    padding: 4px;
    margin-right: 5px;
    color: #fff;
}

.home-lang img {
    position: relative;
    bottom: 4px;
}

#mobile-menu img {
    position: relative;
    bottom: 3px;
    margin-right: -5px;
}

#main {
  width: 100%;
  font-size: 0;
  font-size: 0 !important;
  overflow: hidden;
  margin-top: -2px;
}

#main>div {
  /*float: left;*/
  width: 25%;
  /*padding: 2px 2px;*/
  /*position: relative;*/
}
#main .wide { width: 49.99%; }
#main .ultrawide { width: 100%; }

#main.smaller>div {width: 33.3333%}

.isotope-grid-block {
    transition-property: opacity !important;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    float: left;
}

.isotope-grid-block {
  image-rendering: crisp-edges;
}

#main .image-holder {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /*border: 1px solid #1d1d1d;*/
  /*border-bottom: 0px;*/
  background-size: 100% 100%;
  background-position: center center;
  opacity: 1;
  background-color: #000;
  overflow: hidden;
}

#main img {
  width: 100%;
  display: block;
}

#main .image-holder img {
  visibility: visible;
  transition: transform 5s, opacity 0.4s;
  transform: scale(1.01);
}

#main .visible-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: transform 15s, opacity 0.4s;
    transform: scale(1.02);
}

#main .visible-image-mobile {
  display: none;
  width: 100%;
}

#main .image-holder:hover .visible-image {
  transform: scale(1.05);
  opacity: 1;
}

#main .image-holder:hover img {
  transform: scale(1.05);
  opacity: 1;
}

#main .image-holder:hover .info_portfolio {
  opacity: 1;
  z-index: 1;
}

#main .image-holder:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 2px solid #000;

    background-color: #0000009c;
    transition: background-color 0.4s;
}

#main .image-holder:hover:after {
    background-color: #00000000;
}

#main .normal-sizer {
  display: block;
}


#main .ultrawide-sizer {
  display: none;
}

#main .ultrawide .ultrawide-sizer {
  display: block;
}

#main .ultrawide .normal-sizer {
  display: none;
}

#main.smaller .ultrawide .ultrawide-sizer {
  display: none;
}

#main.smaller .ultrawide .normal-sizer {
  display: block;
}

.carousel-control {
    z-index: 1000;
}

.right.carousel-control {
  background-image: url(../img/right-arrow.png) !important;
  background-repeat: no-repeat;
  background-position: center center;
  transition: opacity 0.4s;
  opacity: 0;
}

.left.carousel-control {
  background-image: url(../img/left-arrow.png) !important;
  background-repeat: no-repeat;
  background-position: center center;
  transition: opacity 0.4s;
  opacity: 0;
}

.right.carousel-control:hover {
  opacity: 1;
}

.left.carousel-control:hover {
  opacity: 1;
}

.partner {
    text-align: center;
}

.partner img {
    opacity: 1;
    width: 25%;
}

#contact {
  padding: 0;
}

#contact .container,
#team .container {
    padding-top: 10%;
    padding-top: 30vh;
}

.modal-open .social-list-header {
  visibility: hidden;
}

#contact:before,
#team:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #0000008c;
}

.contact-item, .team-item {
  line-height: 1.2;
  position: relative;
  z-index: 1;
}

.team-title {
    color: #fff;
    display: block;
    margin: 30px 0;
    margin-bottom: 15px;
}

.contact-title {
    color: #fff;
    display: block;
    margin: 30px 0;
    margin-bottom: 15px;
}

.team-left, .team-right, .contact-left, .contact-right {
  display: inline-block;
}

.contact-left {
  width: 12%;
}

.contact-right {
  width: 78%;
}

.team-left {
  width: 20%;
}
.team-right {
  width: 70%;
}

.white {
  color: #fff;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: -15px;
}

@media screen and (min-width: 1200px) {
  .modal-lg {
    width: 80%;
  }
}

.ms-grab-cursor,
.ms-grabbing-cursor {
  cursor: default !important;
}

@media screen and (max-width: 1100px) {
  .carousel-control {
    opacity: 1 !important;
  }
}


@media screen and (max-width: 991px) {

  .partner img {
    opacity: 1;
    width: 40%;
  }

  .navbar-nav {
    margin: 7.5px -15px;
  }

  #portfolio .videos .visible-image {
    display: block;
  }

  #icons-navbar{
    display: block;
  }

  .isotope-item {
      position: relative !important;
      float: none !important;
      width: 100% !important;
      display: block;
      top: auto !important;
      transform: none !important;
  }

  .info_portfolio {
    opacity: 1;
  }

  .isotope-item>img {
    display: none !important;
  }

  #main .image-holder {
    /*position: relative;*/
  }

  .navbar-custom {
    min-height: auto;
    height: auto;
    z-index: 10;
  }

  .extra-navbar {
    display: none;
  }

  .social-list-header {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    position: static;
    margin-top: -10px;
    z-index: 10;
    right: 15px;
  }

  .modal-lg {
    width: 100%;
  }
  
  div#floating-menu.affix {
    width: auto;
    left: 15px;
    right: 25px;
    padding-right: 0;
  }

  .navbar-brand {
    width: 80%;
  }

  #icons-navbar {
    width: 20%;
    text-align: right;
  }

  .affix #icons-navbar {
    margin-right: -7px;
  }

  .navbar-brand img {
    max-width: none;
    width: auto;
    height: 100%;
  }

  .navbar-nav>li a {
    width: auto;
  }

  .overlay_menu {
    height: auto;
  }

  .overlay_menu+.row {
    margin: 0;
  }

  #navbar .container-fluid {
    padding: 0;
  }

  #main>div {
    width: 100% !important;
    position: relative !important;
    margin: 0;
    padding: 0;
    top: 0 !important;
    bottom: 0 !important;
  }

  #main>div>img {
    visibility: hidden;
  }

  #main.hello {
    opacity: 1;
    height: auto !important;
  }

  .team-left, .team-right {
    display: block;
  }

  .team-left {
    width: 100%;
  }

  .team-right {
    width: 100%;
    margin-bottom: 10px;
  }

  .team-left, .contact-left {
    width: 40%;
  }

  .team-right, .contact-right {
    width: 55%;
  }

  footer {
    text-align: center;
  }

    #project-modal iframe {
      height: auto !important;
      width: 100% !important;
  }

  .project-details span {
      font-size: 13px;
      line-height: 16px;
  }

  .videos video {
    display: none;
  }

  .copyright {
      padding: 0;
      margin-left: 0;
      text-align: center;
      margin-bottom: 0;
      /* color: #c8c8c8 !important; */
  }

  .copyright a {
    display: block;
    margin: 0;
  }

  #main .visible-image {
    opacity: 1;
  }

  #main .videos .image-holder:after {
    background-image: url(../img/play.png) !important;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
  }

  #main .image-holder .info_portfolio {
      opacity: 1;
      z-index: 1;
  }

  #main .image-holder .info_portfolio>div {
    color: #fff;
    text-shadow: 0 1px 0 #000;
    font-size: 11px;
    line-height: 13px;
  }

  .videos iframe {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    background-color: #000;
  }

  section#team, #contact {
    height: auto !important;
    min-height: 100vh;
  }

  #contact .container, #team .container {
    padding: 10px;
    padding-top: 70px;
  }
  
  .contact-left {
    font-style: italic;
  }

  .contact-right {
    width: 100%;
  }

  .ms-anim-layers {
    visibility: hidden;
  }

  #icons-navbar.navbar-nav>li {
    float: none;
  }

  #main .image-holder {
    position: relative; 
  }

  .normal-sizer, .ultrawide-sizer, #main .visible-image {
    display: none !important;
  }

  #main .visible-image-mobile {
    display: block;
    width: 100%;
  }

  #main .videos .image-holder {
    position: absolute; 
  }

  #main .videos .normal-sizer, #main .videos .visible-image {
    display: block !important;
    opacity: 1;
    visibility: visible;
  }

  #main .image-holder:after {
    background-color: transparent;
  }
}

/* Custom */
.ms-nav-next, .ms-nav-prev {
  display: none;
}

.ms-slide {
    background-position: center center;
    background-size: cover;
  }

#portfolio video {
    position: absolute;
    width: 100%;
    transition: opacity 2s;
}

.page-template .overlay_menu+.row>div:last-child {
    display: none;
}

.page-template .overlay_menu {
  width: auto;
}

.page-template #navbar {
  position: fixed !important;
  bottom: -1000px !important;
}

.close:focus, .close:hover {
    outline: 0;
}

section.normal-page {
    padding-top: 60px;
    word-break: break-word;
}

.ms-view {
  background-color: #1d1d1d !important;
}

img.trigger-vimeo {
    background-size: cover;
    background-position: center center;
}

.videos .slide-holder .project-video:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../img/play.png) !important;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center center;
}

.videos iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border: solid 2px transparent;
}

.videos .project-video {
  position: relative;
  cursor: pointer;
}

@media screen and (max-width: 720px) {
  div#floating-menu.affix {
      top: 0;
      left: 25px;
      right: 25px;
      padding-bottom: 0;
  }

  section#portfolio {
    margin-bottom: 0;
  }

  #main .image-holder:after {
    border: 2px solid #000;
    border-right: 0;
    border-left: 0;
  }
}