li{list-style: none;}

a{text-decoration: none;}

a:focus{outline: 0;}

body{margin: 0px;padding: 0px;font-family: 'Raleway', sans-serif;overflow-x: hidden;}



h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Raleway', sans-serif;}







/*-padding-*/

.no-p{padding: 0!important;} 

.pt0{padding-top: 0px!important;}  

.pt5{padding-top: 5px!important;}  

.pt10{padding-top: 10px!important;}  

.pt15{padding-top: 15px!important;}  

.pt20{padding-top: 20px!important;}  

.pt25{padding-top: 25px!important;}   

.pt30{padding-top: 30px!important;}  

.pt35{padding-top: 35px!important;}  

.pt40{padding-top: 40px!important;}  

.pt45{padding-top: 50px!important;}  

.pt50{padding-top: 55px!important;}  



.pb0{padding-bottom: 0px!important;}  

.pb5{padding-bottom: 5px!important;}  

.pb10{padding-bottom: 10px!important;}  

.pb15{padding-bottom: 15px!important;}  

.pb20{padding-bottom: 20px!important;}  

.pb25{padding-bottom: 25px!important;}  

.pb30{padding-bottom: 30px!important;}  

.pb35{padding-bottom: 35px!important;}  

.pb40{padding-bottom: 40px!important;}  

.pb45{padding-bottom: 45px!important;}  

.pb50{padding-bottom: 50px!important;}    



.pl0{padding-left: 0px!important;}  

.pl5{padding-left: 5px!important;}  

.pl10{padding-left: 10px!important;}  

.pl15{padding-left: 15px!important;}  

.pl20{padding-left: 20px!important;}  

.pl25{padding-left: 25px!important;}





.pr0{padding-right: 0px!important;}   

.pr5{padding-right: 5px!important;}   

.pr10{padding-right: 10px!important;}  

.pr15{padding-right: 15px!important;}  

.pr20{padding-right: 20px!important;}  

.pr25{padding-right: 25px!important;}    



/*-padding-*/ 



/*-margin-*/

.no-m{margin: 0px!important;}    

 

.mt0{margin-top: 0px!important;}  

.mt5{margin-top: 5px!important;} 

.mt10{margin-top: 10px!important;} 

.mt15{margin-top: 15px!important;} 

.mt20{margin-top: 20px!important;} 

.mt25{margin-top: 25px!important;}  

.mt30{margin-top: 30px!important;} 

.mt35{margin-top: 35px!important;} 

.mt40{margin-top: 40px!important;} 

.mt45{margin-top: 45px!important;} 

.mt50{margin-top: 50px!important;}



.mb0{margin-bottom: 0px!important;} 

.mb5{margin-bottom: 5px!important;} 

.mb10{margin-bottom: 10px!important;} 

.mb15{margin-bottom: 15px!important;} 

.mb20{margin-bottom: 20px!important;} 

.mb25{margin-bottom: 25px!important;}  

.mb30{margin-bottom: 30px!important;}  

.mb35{margin-bottom: 35px!important;} 

.mb40{margin-bottom: 40px!important;} 

.mb45{margin-bottom: 45px!important;} 

.mb50{margin-bottom: 50px!important;} 



.ml0{margin-left: 0px!important;} 

.ml5{margin-left: 5px!important;} 

.ml10{margin-left: 10px!important;} 

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

.ml20{margin-left: 20px!important;} 

.ml25{margin-left: 25px!important;}  

.ml30{margin-left: 30px!important;}  

.ml35{margin-left: 35px!important;} 

.ml40{margin-left: 40px!important;} 

.ml45{margin-left: 45px!important;} 

.ml50{margin-left: 50px!important;} 



.mr0{margin-right: 0px!important;} 

.mr5{margin-right: 5px!important;} 

.mr10{margin-right: 10px!important;}  

.mr15{margin-right: 15px!important;} 

.mr20{margin-right: 20px!important;} 

.mr25{margin-right: 25px!important;}  

.mr30{margin-right: 30px!important;}  

.mr35{margin-right: 35px!important;} 

.mr40{margin-right: 40px!important;} 

.mr45{margin-right: 45px!important;} 

.mr50{margin-right: 50px!important;} 

 



 /*.header{float: left;width: 100%;background-color: #F4F4F9;padding: 10px 0;}*/

 .header {

  float: left;

  width: 100%;

  background-color: #F4F4F9;

  padding: 10px 0;

  position: fixed;

  top: 0;

  z-index: 9999;

}  

 .header .navbar-brand{height: auto;margin: 0px;padding: 0px;}



  .header .navbar-nav {

    float: left;

    margin: 8px 0 0 100px;

}

 .header .navbar-nav li {padding-left: 15px;padding-right: 15px;}

 .header .navbar-nav li a {cursor: pointer; border-bottom: 2px solid transparent; padding:3px 0;margin:0px; font-size: 12px;color: #221F1F;font-weight: 300;letter-spacing: 2px;text-transform: uppercase;} 

.header .navbar-nav li a:focus, .header .navbar-nav li a:hover, .header .navbar-nav li.active a{ background-color: transparent;}





 .header .navbar-nav li:after {

  content: '';

  display: block;

  margin: auto;

  height: 2px;

  width: 0px;

  background: transparent;

  transition: width .5s ease, background-color .5s ease;

}

 .header .navbar-nav li:hover:after, .header .navbar-nav li:focus:after, .header .navbar-nav li.active:after   {

  width: 100%;

  background: #221f1f;

}



ul.media_icon {

	float: right;

	margin: 10px 0 0 0;

	padding: 0px;

} 

  ul.media_icon li{float: left;margin: 0px 0 0 12px;padding: 0px;}

  ul.media_icon li a{float: left;margin: 0px;padding: 0px;font-size: 23px;color: #BABCBE;}

  ul.media_icon li a:hover{text-decoration: none;color: #221f1f;}



 ul.media_icon li a:focus{text-decoration: none;}

.banner{

    position: relative;overflow: hidden;

   float: left;width: 100%;

}

/*.banner:after{content:"";background-color: rgba(0,0,0,0.5);position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;z-index: 0;}*/



.fullscreen-bg__video {

	float: left;width: 100%;

    /*position: absolute;

    top: 0;

    left: 0;

    width: 100%; float: left;

    height: 100%;*/

}



.client_sect{float: left;width: 100%;background-color: #221F1F;padding-top: 76px;padding-bottom: 100px;}



.design_section{float: left;width: 100%;}

.design_section h6 {

	margin: 0px 0 19px 0;

	float: left;

	width: 100%;

	font-size: 20px;

	font-weight: bold;

	color: #FFF;

	letter-spacing: 13px;

} 

.design_section p{font-size: 14px;color: #FFF;line-height: 26px;}



/*.banner_data{float: left;width: 100%;position: absolute;top: 100px;left: 0px;right: 0px;text-align: center;z-index: 99;}*/

/*.banner_data {

  float: left;

  width: 100%;

  position: absolute;

  top: 50%;

  left: 0px;

  right: 0px;

  text-align: center;

  z-index: 99;

  bottom: 0;

  transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%); 

  left: 50%;

}  */



.banner_data {

  float: left;

  width: 100%;

  position: absolute;

  top: 5px;

  /* left: 0px; */

  /* right: 0px; */

  text-align: center;

  z-index: 99;

  bottom: 0;

  /* transform: translate(-50%, -50%); */

  /* -moz-transform: translate(-50%, -50%); */

  /* -webkit-transform: translate(-50%, -50%); */

  /* left: 50%; */

  display: flex;

  flex-direction: row;

  align-content: center;

  align-items: center;

  /* align-self: center; */

  flex-wrap: wrap;

  align-self: center;

}  

.banner_data01{float: left;width: 100%;text-align: center;}  

.banner_data .logo_icon {

  width: 190px;

} 

.banner_data h3{font-weight: 600;font-size: 24px;color: #FFF;margin: 60px 0 0px 0;padding: 0px;letter-spacing: 10px;line-height: 38px;}

.banner_data a{color: #FFF;font-size: 12px;letter-spacing: 8px;font-weight: 400;text-decoration: none;}





.designed{float: left;width: 100%;margin-top: 60px;}

.designed .left p{font-size: 14px;color: #FFF;line-height: 26px;margin-bottom: 25px;}

.designed .left h3{margin: 0px;padding: 0px;font-weight: normal;font-size: 18px;color: #FFF;font-style: italic;font-weight: 600;float: right;width: 100%;}

.designed .right, .grat_section .right{float: left;padding-left: 10px;margin-top: 10px;}

.designed .right h1, .grat_section .right h1{margin: 0px;padding: 0px;float: left;}

.designed  .news {	margin:0px; padding:0px;}

.designed  .news p{font-size: 15px;color: #FFF;line-height: 20px;margin-bottom: 25px;}  

.designed .news h3{margin: 0px;padding: 0px;font-weight: normal;font-size: 18px;color: #FFF;font-style: normal;font-weight: 600;float: right;width: 100%;letter-spacing:1px; line-height:22px;}

.designed .news h4{font-size: 17px;color: #FFF;font-style: normal;font-weight: 600;letter-spacing:1px; line-height:22px;}

.news {margin:0px; padding:0px;}

.news a, a:hover, a:focus { outline:none; transition:color 0.2s ease;}

.news img { width:100%; height:auto; margin-bottom:18px; display:block; position:relative; overflow:hidden; z-index:1; }

.img-zoom { width:100%; height:auto; margin-bottom:18px; display:block; position:relative; overflow:hidden; z-index:1; }

.img-zoom img {display:block;transition: transform .5s ease; height:auto; }

.img-zoom:hover{ transform:scale(1.1) rotate(0.001deg); transition: transform .5s ease; overflow:hidden;}

.designed .news ul li { color:#fff; list-style:disc; padding-bottom:10px}



   .designed .right h1, .grat_section .right h1{z-index: 99; font-family: 'Song Myung', serif;float: left;width: 100%;position: relative;font-size: 40px; font-weight: normal; color: #FFF;}

.designed .right h1:before, .grat_section .right h1:before {

	content: "";

	background-image: url(../images/erro.png);

	background-repeat: no-repeat;

	width: 70px;

	height: 60px;

	float: left;

	background-size: 70px 60px;

	position: absolute;

	left: -20px;

	top: -21px;

	z-index: -1;

}

.designed .right h1:after, .grat_section .right h1:after {

	content: "";

	background-image: url(../images/erro_right.png);

	background-repeat: no-repeat;

	width: 70px;

	height: 60px;

	float: left;

	background-size: 70px 60px;

	position: absolute;

	right: 0;

	bottom: -31px;

	z-index: -1;

}



.grat_section .right h1:after{background-image: url(../images/erro_right-white.png);}

.grat_section .right h1:before{background-image: url(../images/erro-white.png);}



.designed .right span, .grat_section .right span{float: left;width: 60%;font-size: 16px;text-align: right; color: #6D6F70;font-family: 'Song Myung', serif;border-top: 1px solid #828080;margin-top: 25px;padding-top: 5px;}

.clientele_cols{float: left;width: 100%;text-align: center;margin-top: 100px;}

.clientele_cols h2{float: left;margin: 0px 0 30px 0;padding: 0px;font-size: 22px;color: #FFF;font-weight: bold;letter-spacing: 10px;width: 100%;}

.clientele_cols ul {

	float: left;

	width: 100%;

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

	margin: 0;

	padding: 0;

	align-content: center;

	justify-content: center;

	align-items: center;

}

.clientele_cols ul li{flex: 0 0 20%;padding:30px 5px;}



 .clientele_cols ul li img{ -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;}



 .clientele_cols ul li:hover img{  -moz-transform: scale(1.1);

  -webkit-transform: scale(1.1);

  transform: scale(1.1);}



/*  .banner_data .logo_icon {

   

  animation: roll 6s infinite;

  transform: rotate(30deg);

   

}



@keyframes roll {

  0% {

    transform: rotate(0);

  }

  100% {

    transform: rotate(360deg);

  }

}

*/



.bounce {

 -webkit-animation: bounce 2s infinite;

  -moz-animation: bounce 2s infinite;

  -ms-animation: bounce 2s infinite;

  -o-animation: bounce 2s infinite;

  animation: bounce 2s infinite; 

    position: absolute;

  margin-left: auto;

  margin-right: auto;

  padding-right:10px;

  bottom: -30px;

  left: 0;

  right: 0;

} 

 @-webkit-keyframes bounce {

   0%, 20%, 50%, 80%, 100% {

   -webkit-transform: translateY(0);

   -moz-transform: translateY(0);

   -ms-transform: translateY(0);

   -o-transform: translateY(0);

   transform: translateY(0);

  }

   40% {

   -webkit-transform: translateY(-6px);

   -moz-transform: translateY(-6px);

   -ms-transform: translateY(-6px);

   -o-transform: translateY(-6px);

   transform: translateY(-6px);

  }

   60% {

   -webkit-transform: translateY(-5px);

   -moz-transform: translateY(-5px);

   -ms-transform: translateY(-5px);

   -o-transform: translateY(-5px);

   transform: translateY(-5px);

  }

}

@-moz-keyframes bounce {

   0%, 20%, 50%, 80%, 100% {

   -webkit-transform: translateY(0);

   -moz-transform: translateY(0);

   -ms-transform: translateY(0);

   -o-transform: translateY(0);

   transform: translateY(0);

  }

   40% {

   -webkit-transform: translateY(-6px);

   -moz-transform: translateY(-6px);

   -ms-transform: translateY(-6px);

   -o-transform: translateY(-6px);

   transform: translateY(-6px);

  }

   60% {

   -webkit-transform: translateY(-5px);

   -moz-transform: translateY(-5px);

   -ms-transform: translateY(-5px);

   -o-transform: translateY(-5px);

   transform: translateY(-5px);

  }

}

@-ms-keyframes bounce {

   0%, 20%, 50%, 80%, 100% {

   -webkit-transform: translateY(0);

   -moz-transform: translateY(0);

   -ms-transform: translateY(0);

   -o-transform: translateY(0);

   transform: translateY(0);

  }

   40% {

   -webkit-transform: translateY(-6px);

   -moz-transform: translateY(-6px);

   -ms-transform: translateY(-6px);

   -o-transform: translateY(-6px);

   transform: translateY(-6px);

  }

   60% {

   -webkit-transform: translateY(-5px);

   -moz-transform: translateY(-5px);

   -ms-transform: translateY(-5px);

   -o-transform: translateY(-5px);

   transform: translateY(-5px);

  }

}

@keyframes bounce {

   0%, 20%, 50%, 80%, 100% {

   -webkit-transform: translateY(0);

   -moz-transform: translateY(0);

   -ms-transform: translateY(0);

   -o-transform: translateY(0);

   transform: translateY(0);

  }

   40% {

   -webkit-transform: translateY(-6px);

   -moz-transform: translateY(-6px);

   -ms-transform: translateY(-6px);

   -o-transform: translateY(-6px);

   transform: translateY(-6px);

  }

   60% {

   -webkit-transform: translateY(-5px);

   -moz-transform: translateY(-5px);

   -ms-transform: translateY(-5px);

   -o-transform: translateY(-5px);

   transform: translateY(-5px);

  }

}



.portfolio{float:left;width: 100%;background-color: #F4F4F9;padding-top: 68px;padding-bottom: 68px;overflow: hidden;}

.portfolio .top_section{float: left;width: 100%;text-align: center;}

.portfolio .top_section h1{float: left;

margin: 0px 0 25px 0;

padding: 0px;

font-size: 22px;

color: #221F1F;

font-weight: bold;

letter-spacing: 10px;

width: 100%;}

.portfolio .top_section p{font-size: 14px;color: #221f1f;line-height: 27px;font-weight: 400;}



.portfolio .filter-button{display: inline-block; border-bottom: 2px solid transparent; font-size: 12px;color: #221F1F;font-weight: 400;text-transform: uppercase;letter-spacing: 4px;cursor: pointer;margin: 0 20px;padding: 5px 0}

.portfolio .filter-button:hover, .portfolio .filter-button.active{/*border-color: #221F1F;*/text-decoration: none;}

.portfolio_cols{margin-top: 30px;float: left;width: 100%;}



.portfolio .filter-button:after {

  content: '';

  display: block;

     position: relative;

left: -2px; 

  height: 2px;

  width: 0px;

  background: transparent;

  transition: width .5s ease, background-color .5s ease;margin: 5px auto 0;

}

 .portfolio .filter-button:hover:after, .portfolio .filter-button:focus:after, .portfolio .filter-button.active:after   {

  width: 100%;

  background: #221f1f;

}



.gallery_product{padding-left: 5px;padding-right: 5px;margin-bottom: 10px;}

.portfolio_cols .row{margin-left: -5px;margin-right:-5px;}

.portfolio_buttons{float: left;width: 100%;margin-bottom: 22px;}



.portfolio_cols .gallery_product{position: relative;overflow: hidden;cursor: pointer;}

.portfolio_hover {

	

	flex-direction: row;

	flex-wrap: wrap;

	vertical-align: middle;

	align-content: center;

	align-items: center;

 

	position: absolute;

	top: 0px;  

	bottom: 0px;

	left: 5px;

	right: 5px;

	

	text-transform: uppercase;

	

	text-align: center;display: flex;

     

   opacity: 0;

transition: .6s ease;

-moz-transition: .6s ease;

-webkit-transition: .6s ease;   

} 

.portfolio_cols .gallery_product:hover .portfolio_hover{ background-color: rgba(0,0,0, 0.7);opacity: 1; } 

.portfolio_hover h2 {

	color: #FFF;

	font-size: 16px;

	font-weight: normal;

	letter-spacing: 2px;

	float: left;

	width: 100%;

	margin: 0px;

	padding: 7px;

	text-align: center;

	white-space: normal;

	word-wrap: break-word;

	

} 



.portfolio_cols .gallery_product img{-webkit-transition: all 0.2s ease-in;

   -moz-transition: all 0.2s ease-in;

   -o-transition: all 0.2s ease-in;

   -ms-transition: all 0.2s ease-in;

   transition: all 0.2s ease-in;}





 

/*.portfolio_cols .gallery_product .mask {

   background-color: rgba(0,0,0, 0.7);

  

   position: absolute;top: 0px;bottom: 0px;left: 5px;right: 5px;

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   -webkit-transform: translate(265px, 145px) rotate(45deg);

   -moz-transform: translate(265px, 145px) rotate(45deg);

   -o-transform: translate(265px, 145px) rotate(45deg);

   -ms-transform: translate(265px, 145px) rotate(45deg);

   transform: translate(265px, 145px) rotate(45deg);

   -webkit-transition: all 0.2s ease-in-out;

   -moz-transition: all 0.2s ease-in-out;

   -o-transition: all 0.2s ease-in-out;

   -ms-transition: all 0.2s ease-in-out;

   transition: all 0.2s ease-in-out;

}

   */

 

/*.portfolio_cols .gallery_product:hover .mask {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

   filter: alpha(opacity=100);

   opacity: 1;

   -webkit-transform: translate(0px, 00px) rotate(0deg);

   -moz-transform: translate(0px, -0px) rotate(0deg);

   -o-transform: translate(0px, 0px) rotate(0deg);

   -ms-transform: translate(0px, 0px) rotate(0deg);

   transform: translate(0px, 0px) rotate(0deg);

   position: absolute;top: 0px;bottom: 0px;left: 5px;right: 5px;

}*/

.portfolio_hover:hover h2 {

   

}

 

.grat_section {

	float: left;

	width: 100%;

	min-height: 900px;

	display: flex;

	flex-direction: row;

	vertical-align: middle;

	align-self: center;

	/*background-image: url(../images/back_img01.jpg);*/

	background-repeat: no-repeat;

	text-align: center;

	justify-content: center;

	align-items: center;background-size: 100%;background-attachment: fixed;

}

.grat_section .right h1{font-size: 80px;} 

.grat_section .right {

    float: none;

    text-align: center;

    width: auto;

    display: inline-block;margin-top: 0px;

} 

.grat_section .right span{float: none;margin: 0 auto;font-size: 30px; border-color: #c3c3c3;color: #a6a7aa;display: inline-block;width: 50%;margin-top: 50px;} 



.team_section .right {

	text-align: right;

	padding-top: 123px;

} 

.team_section {

  float: left;

  width: 100%;

  background-color: #FFF;

  padding-bottom: 50px;

  padding-top: 30px;

}  

.team_section .right h1{margin: 0px 0 20px 0;padding: 0px;font-size: 70px;color: #221f1f;font-family: 'Song Myung', serif;}

.team_section .right > img.img-responsive{margin-bottom: 20px;float: right;}

.team_section .right p{font-size: 14px;color: #221f1f;line-height: 30px;margin-bottom: 20px;float: left;width: 100%;}

.team_section .left img {

	width: 100%;

	transform: scale(1.1);

}

.team_section .right p br{display: none;}

.team_section .left{margin-top: 30px;}



.teams_row{float: left;width: 100%;background-color: #221F1F;padding-top: 90px;padding-bottom: 80px;overflow: hidden;}



.teams_box{float: left;width: 100%;position: relative;overflow: hidden;cursor: pointer;margin-bottom: 10px;  

 }



.teams_box .hover_box{opacity: 0;

  transition: .5s ease; -moz-transition: .5s ease;-webkit-transition: .5s ease; float: left;width: 100%;position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;background-color: #C8982C;padding: 25px;padding-bottom: 45px;

  transition-duration: 1s;

  -moz-transition-duration: 1s;

  -webkit-transition-duration: 1s; } 



  .teams_row .col-sm-4 .teams_box .hover_box h1, .teams_row .col-sm-4 .teams_box .hover_box h5, .teams_row .col-sm-4 .teams_box .hover_box p{

    transform: translate(0, 285px);

    -moz-transform: translate(0, 285px);

    -webkit-transform: translate(0, 285px); 



    transition-duration: 1s;

  -moz-transition-duration: 1s;

  -webkit-transition-duration: 1s;

opacity: 0;} 

  .teams_row .col-sm-4.active .teams_box .hover_box h1, .teams_row .col-sm-4.active .teams_box .hover_box h5, .teams_row .col-sm-4.active .teams_box .hover_box p{opacity: 1; 

    transform: translate(0,-2px);

    -moz-transform: translate(0,-2px);

    -webkit-transform: translate(0,-2px);    

  } 

.teams_row .col-sm-4.active .teams_box > h2{display: none;}





.teams_box .hover_box h1, .teams_box h2 {

  margin: 0px;

  padding: 0px;

  font-size: 26px;

  color: #FFF;

  text-transform: uppercase; 

  letter-spacing: 4px;

  font-weight: bold;

  line-height: 33px;

  text-shadow:2px 2px 3px rgba(0,0,0,0.4) ; 

} 

.teams_box .hover_box h5{margin: 8px 0 8px 0;padding: 0px;font-size: 18px;color: #FFF;letter-spacing: 0px;font-weight: bold;}

.teams_box .hover_box p{font-size: 14px;color: #FFF;line-height: 20px;margin-bottom: 22px;}

.teams_box h2{position: absolute;bottom: 0px;}

.teams_box .hover_box .icon_link {

  position: absolute;

  bottom: 15px;

  right: 15px;

  color: #C8982C;

  width: 30px;

  height: 30px;

  background-color: #FFF;

  border-radius: 50%;

  text-align: center;

  line-height: 30px;

}

.col-sm-4.active .teams_box .hover_box{opacity: 1;z-index: 3;} 

.teams_box > img{width: 100%;height:488px; -webkit-filter: grayscale(100%);filter: grayscale(100%); -moz-filter: grayscale(100%);}



    .teams_box:hover > img{-webkit-filter: grayscale(0%);filter: grayscale(0%); -moz-filter: grayscale(0%);} 



.teams_row .row{margin-left: -5px;margin-right: -5px;}

.teams_row .col-sm-4{padding-left: 5px;padding-right: 5px;}



.subdivisions{float: left;width: 100%;padding-top: 70PX;padding-bottom: 0PX;background-color: #f4f4f9;overflow: hidden;}

.subdivisions .top_sect{text-align: center; float: left;width: 100%;margin-bottom: 50px;}

.subdivisions .top_sect h1, .careers .top_row h1, .footer .top_row h1{margin: 0px 0 16px 0;padding: 0px;font-size: 22px;color: #221f1f;letter-spacing: 10px;font-weight: bold; text-transform: uppercase;}

.subdivisions .top_sect p,   .careers .top_row p, .footer .top_row p{font-size: 14px;line-height: 27px;color: #221f1f;}



.subdivisions_box{transition: .6s ease; -moz-transition: .6s ease;-webkit-transition: .6s ease;float: left;width: 100%;display: flex;flex-direction: row;align-self: center;align-items: center;justify-content: center;padding-top:50px;padding-bottom: 50px;}

.subdivisions_box:hover{background-color: #e5e6e6;} 

.subdivisions_box:hover *{text-decoration: none;}

.subdivisions_box .subdivisions_box_in{min-height: 174px; float: left;width: 100%;position: relative;padding-right: 390px;}

.subdivisions_box_in .client_logo {

  width: 380px;

  padding: 5px;

  text-align: center;

  position: absolute;

  right: 0px;

  top: 0px;

  display: flex;

  margin-left: auto;

  height: 100%;

  align-content: center;

  align-items: center;

  flex-direction: row;

  align-self: center;

} 

.subdivisions_box .subdivisions_box_in h2{margin: 0px 0 15px 0;padding: 0px;font-weight: bold;font-size: 22px;color: #221f1f;text-transform: uppercase;}

.subdivisions_box .subdivisions_box_in p{float: left;width: 100%;font-size: 14px;color: #221f1f;line-height: 26px;margin-bottom: 0px;}

/*.subdivisions_box_in .client_logo > img{max-width: 70%;}*/

.subdivisions_box_in .client_logo > img {

    max-width: 70%;

    margin: 0 auto;

}









.careers{padding: 86px 0;background-attachment: fixed; text-align: center; float: left;width: 100%;/*background-image: url(../images/back_img02.jpg);*/background-repeat: no-repeat;background-size: cover;} 

 .careers .top_row{float: left;width: 100%;}

 .careers .top_row h1{float: left;width: 100%;padding: 0px;}

  .careers .top_row p{}

    .careers .top_row h4{margin: 70px 0 0 0;padding: 0px;font-size: 19px;letter-spacing: 5px; text-align: center;text-transform: uppercase;;}

.careers h3{margin: 30px 0;padding: 0px;font-size: 17px;color: #c8972b;font-weight: 500;}

.careers h3 a{color: #c8972b;}

.careers h3 a:hover{text-decoration: underline; color: #c8972b;}



.careers .specific{color: #221f1f;margin-top: 30px;}

.careers .specific a{color: #221f1f;text-decoration: underline;}



.footer{float: left;width: 100%;background-color: #221f1f;padding-top: 60px;padding-bottom: 60px;} 

.footer .top_row{text-align: center;}

.footer .top_row h1{color: #FFF;}

.footer .top_row p{color: #FFF;}

 

.footer .left .form-control{color: #000; border-radius: 0px;box-shadow: none;}

.footer .left textarea.form-control{height: 170px;}

.button01{background-color: transparent;border:1px solid #FFF;font-size: 14px;color: #FFF;min-width: 120px;text-align: center; padding:6px 10px; }



/*-webkit-transition: opacity 1s ease-in-out;

    -moz-transition: opacity 1s ease-in-out;

    -ms-transition: opacity 1s ease-in-out;

    -o-transition: opacity 1s ease-in-out;

    transition: opacity 1s ease-in-out;

    opacity: 1;*/

.button01:hover{background-color:#FFF;color: #221f1f;border-color: #FFF;-webkit-transition: background-color 1s ease-out;

  -moz-transition: background-color 1s ease-out;

  -o-transition: background-color 1s ease-out;

  transition: background-color 1s ease-out;}



.footer .right{padding-left: 20px;}

.footer .right h3{margin: 0px 0 5px 0;padding: 0px;font-size: 22px;color: #a6a7aa;}

.footer .right p{margin:0px;padding: 0px;font-size: 14px;color: #FFF;line-height: 20px;}

.copyright{float: left;width: 100%;background-color: #FFF;padding:19px 0;}

.copyright p{margin: 0px;padding: 0px; font-size: 13px;color: #414141;text-align: center;}



#load {

  width: 100%;

  height: 100%;

  position: fixed;

  z-index: 9999;

  background-color: #FFF;

  left: 0;

  right: 0; 

  text-align: center;

  display: flex;

  flex-direction: row;

  align-content: center;

  align-items: center;

  align-self: center;

  transition-duration: 5s;

  -moz-transition-duration: 5s;

  -webkit-transition-duration: 5s;  



    transition-duration: 1s;

  -moz-transition-duration: 1s;

  -webkit-transition-duration: 1s;

} 



 

.rotating01{float:left;width: 100%;text-align: center;}

.header{}

.header.head-fix {

  position: fixed;

  top: 0;

  z-index: 999;



  -webkit-transition-property: background-color; /* Safari *

-webkit-transition-duration: 0.5s; /* Safari */

transition-property: background-color;

transition-duration: 0.5s; 



} 





.teams_box h2 {

  position: absolute;

  bottom: 15px;

  color: #FFF;z-index: 2;

  left: 20px;

} 

.teams_box:before{transition: .6s ease;

-moz-transition: .6s ease; 

-webkit-transition: .6s ease;content: "";position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;background-color: rgba(0,0,0,0.5);z-index: 1;}

.teams_box:hover:before{background-color: rgba(0,0,0,0.0);} 

.header .container-fluid {

  width: 100%;

  padding-left: 15px;

  padding-right: 15px;

}

.team_section{position: relative;}



 

  

 



#lightbox .modal-content {

    display: inline-block;

    text-align: center;   width: 100%;

}



.teams_box .hover_box h1{text-shadow: none;

}

  

#lightbox .close {

    opacity: 1;

    color: rgb(255, 255, 255);

    background-color: rgb(25, 25, 25);

    padding: 5px 8px;

    border-radius: 30px;

    border: 2px solid rgb(255, 255, 255);

    position: absolute;

    top: 0; 

    right: 0;

    

    z-index:1032;

} 



.header .navbar {

   position: relative;  

   z-index: 1000; 

  min-height: initial;

    margin-bottom:0;

   border: none;

}





.teams_row .row .col-sm-4.active:nth-child(1) .teams_box .hover_box{background-color: #ca982c;}

.teams_row .row .col-sm-4.active:nth-child(2) .teams_box .hover_box{background-color: #c92d2d;}

.teams_row .row .col-sm-4.active:nth-child(3) .teams_box .hover_box{background-color: #2eb8c6;}

.teams_row .row .col-sm-4.active:nth-child(4) .teams_box .hover_box{background-color: #ef4129;}

.teams_row .row .col-sm-4.active:nth-child(5) .teams_box .hover_box{background-color: #32bf7f;}

.teams_row .row .col-sm-4.active:nth-child(6) .teams_box .hover_box{background-color: #6f30c1;}







.teams_row .row .col-sm-4.active:nth-child(1) .teams_box .hover_box .fa-linkedin{color: #ca982c;}

.teams_row .row .col-sm-4.active:nth-child(2) .teams_box .hover_box .fa-linkedin{color: #c92d2d;}

.teams_row .row .col-sm-4.active:nth-child(3) .teams_box .hover_box .fa-linkedin{color: #2eb8c6;}

.teams_row .row .col-sm-4.active:nth-child(4) .teams_box .hover_box .fa-linkedin{color: #ef4129;}

.teams_row .row .col-sm-4.active:nth-child(5) .teams_box .hover_box .fa-linkedin{color: #32bf7f;}

.teams_row .row .col-sm-4.active:nth-child(6) .teams_box .hover_box .fa-linkedin{color: #6f30c1;} 

.grat_section img{max-width: 100%;}





.top_header{float: left;width: 100%;padding-top: 62px;}



.header .navbar-nav li.mobile_link{display: none;}







.portfolio_cols .Advertising, .portfolio_cols .Design, .portfolio_cols .Festivals {display: none;} 

.designed .news{overflow: hidden;}

.img_zoom_1 a{float: left;width: 100%;overflow: hidden;}
 .img_zoom_1 img{ transform: scale(1.1) rotate(0.001deg);
  transition: 0.5s;margin-bottom: 0px;
}
 .img_zoom_1:hover img{transform: scale(1) rotate(0.01deg);} 
 .img_zoom_1 {
  float: left;
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}