@charset "utf-8";
/* CSS Document */
/********* avocat1647298665 *********/
*{

	margin:0;

	padding:0;

  border:none;

	text-decoration:none;

}



html,body{

	height:100%;

}



body{

	font-family: Raleway, sans-serif;

    color:#666666;

  

}



.container {

    max-width: 1080px !important;

}



a{text-decoration:none;}





.none{

	display: none;

}



.block{

	display: block;

}



.uppercase{

	text-transform: uppercase;

}



.pointer{cursor:pointer}



.paddingTB15{

	padding:15px 0;

}



.paddingTB20{

	padding:20px 0;

}



.paddingTB25{

	padding:25px 0;

}



.paddingTB30{

	padding:30px 0;

}



.paddingTB50{

	padding:50px 0;

}



.paddingTB60{

	padding:60px 0;

}



.paddingTB70{

	padding:70px 0;

}



.paddingTB80{

	padding:80px 0;

}



.aCenter{

	text-align: center;

}



.mAuto{

	margin:auto;

}



.whiteBg{

	background:#ffffff;

}



.lightBg{

	background:#f5f5f5;

}





.mainTitle{

	color:#1f3c7f;

  	font-size:26px;

  	font-weight:600;

}



.mainTitle.small{

	font-size:20px;

}



.description{

	color:#252525;

}





/***********HEADER*************/



.logo{

position: absolute;

    z-index: 100;

    left: -38px;

    top: 0;

    width: 49px;

    opacity: 1;

}





header{

	padding-top:10px;

  	height:50px;

  	background:#121f3d;

}



.logo_title{
    margin: 5px 0 0 15px;
    display: inline-block;
    color: #ffffff;
    font-weight: 500;
    font-size: 20px;
    font-family: times, serif;
    text-transform:uppercase;
}



.navigation ul{

	text-align:right;

  list-style:none;

}



.navigation li{

	display:inline-block

}







.navigation li a{

    display: block;

    color: #D5D5D5;

    margin: 0;

    padding: 13px 16px 15px 16px;

    text-align: center;

    text-transform: uppercase;

    font-size: 14px;

  	font-weight:600;

    border-bottom: 3px solid transparent;

    -webkit-transition: all 500ms ease-out;

    -moz-transition: all 500ms ease-out;

    -o-transition: all 500ms ease-out;

    transition: all 500ms ease-out;

}



.navigation li a:hover{

	text-decoration:underline;

  

}

.navigation li a.active_nav{



}





.navigation li.lang a{

  border-right: none;

} 





/***********BANNER*************/



.banner{

	height:360px;

  	/*border-top: 4px solid #666;

  	border-bottom: 4px solid #666;*/

}



.banner .mainCont{

	border-bottom: 5px solid #333;

  	height:100%;

}



.bannerTitle{

	display: block;

    padding-top: 18vh;

    font-size: 3.1vw;

    font-weight: 700;

  	font-family: 'Fira Sans', sans-serif;

    text-shadow: 4px 3px 5px rgba(0,0,0,0.54);

}



.arrowNav {

    color: #ffffff;

    font-size: 50px;

    position: absolute;

    top: 50%;

    transform: translate(0, -50%);

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

  	cursor:pointer;

}



.arrowNav_l {

    left: 20px;

}



.arrowNav_r {

    right: 20px;

}



.banner .container.relative{

	height:100%;

}



#banner div{

   /*-webkit-filter: brightness(0.8);

  filter: brightness(0.8);

  background: hsla(180,0%,50%,0.25);*/

}



.bannerMenu{

	height:100%; 

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

    background-repeat: no-repeat;

    background-position: left top;

  	background-size:cover;

    position:absolute; 

    left:0; 

    top:0; 

    height:100%;

  	width:100%;

    max-width:245px; 

    z-index:100;

  	

}



.bannerMenu .logo{

    margin-top: -25px;

    width: 80%;

    display: block;

    margin: -25px auto 20px auto;

}



.newsletter .send_btn{

	width:100%;

}



.newsletterBanner{

	position: absolute;

    right: 0;

    top: 15px;

    z-index: 20;

    width: 90%;

    max-width: 400px;

    background: rgba(256,256,256,0.75);

    border-radius: 3px;

}



.bannerButton{

	position: absolute;

    left: 0;

    bottom: 50px;

  	z-index: 20;

}



.mainButton {

    display: block;

    color: #ffffff;

    padding: 10px 0;

    cursor: pointer;

    border-radius: 3px;

    margin: 20px 0 0 0;

    background: #ff7f6e;

    text-transform: uppercase;

    width: 100%;

  	text-align:center;

}



.bannerButton .mainButton{

	width:270px;

}



.contact_form.newsletter .send_btn{

	padding: 12px 0;

  	text-align:center;

  	font-weight:600;

  	margin-bottom:20px;

}



.newsletter .input_form{

	padding:10px;

    border: 1px solid rgba(150,150,150,0.3);

}



#sentMsg2{

    font-size: 16px;

    font-weight: 500;

  	color: #ff7f6e;

    margin: -10px 0 10px 0;

}





/*****************ABOUT********************/





.aboutSection table th{

	background:#777;

  	padding:10px 20px;

}



.aboutSection table td span{

	display:block;

  	padding: 20px !important;

  	

}



.aboutSection table td:first-of-type{

	border-right:1px solid #eee;

}



.aboutSection table td{

	vertical-align:top;

  	font-size: 16px;

    line-height: 150%;

  	padding:20px;

}



.aboutSection table{

	border: 1px solid #eee;

  

}



.featureSection:last-of-type .container{

	padding-bottom:50px;

}



/*****************SERVICES********************/



.secBg{

	

}





.serviceWrap{

	margin: 0 30px;

}





.service_title{

	background:#777777; 

  	color:#ffffff; 

  	padding: 10px; 

  	font-size:18px;

}



.serviceWrap .content{

	padding:20px 10px;

}







/********************CONTACT************************/



.contactSection{

	border-top: 1px solid #eee;

} 



.contactSection .description{

	margin-bottom:30px

}



.contactSection .contact_form{

	margin:10px 0 0 0;

}



.contactSection .contact_form .mainButton{

	margin-top:15px;

  	max-width:300px;

}



.fill_form{

	display:block;

  	padding:10px;

  	color: #666666;

    font-family: Lato, sans-serif;

  	border: 2px solid #BBBBBB;

  	margin-bottom:10px;

  	border-radius:3px;

  	width: calc(100% - 20px);

  	width: -webkit-calc(100% - 20px);

}



textarea.fill_form{

	min-height: 130px;

}



.capXP{ 

  max-height:51px;

  max-width:100%;



}



.sentMsg{

	color: #121f3d;    

  	font-weight: 600;

    font-size: 18px;

}



.addressTitle{

	font-weight:500;

  	font-size: 24px;

}



.contactTable{

  width:100%;

}



.contactTable td{

	padding:4px;

}



.contactTable .red{

	font-weight:600;

    width: 40%;

    vertical-align: top;

}





/*********** FOOTER ************/



.paddingFooter{

	

}



.footerBg{

	background: #181615;

	color:#ddd;

	font-size:12px

}



.footerBg h4{

	font-size:14px;

	margin-bottom:10px

}



.socialmedia a{

	font-size:14px;

	color:#eee;

}

.sMedia{

	font-size:24px;

}



.socialIcon{

	margin:8px 0;

}

.socialIcon:first-of-type{

	margin:0 0 8px 0;

}



.copyRight{

	background:#111111;

	color:#eee;

	font-size:11px;

	text-align:center;

}



.copyRight a{

	color:#eee;

  	text-decoration:none;

}



.copyRight a:hover{

	opacity:0.8;

}



@media (max-width:1024px){

  

  .navigation{

  	display:none;

  }

  

  .navigation ul {



    position: absolute;

    z-index: 500;

    background: #121f3d;

    right: 0;

    bottom: 0;

    transform: translate(0, 100%);

    -webkit-transform: translate(0, 100%);

    width: 100% !important;

    max-width: 300px !important;

    box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);

	}







  

  .navigation li a{

  	padding: 15px;

  }

  

	.navigation li{

		display:block;

		float: none;

	}

  

  .navigation li a:hover{

    background: #ffffff;

    color:#1f3c7f;

   }

  

  .subMenu{

  	display:block;

    bottom:168px;

  }

  

  .menuSection .mainButton.floatRight{

  float:none;

  }



  .logoTag img, .leftSite .logoTag img{

   	max-width: 90%;

    max-height: 90px;



  }

  

  .banner.inner{

	height:300px;

  

	}

  



  





}









@media (max-width:720px){

  

  .logoTag img, .leftSite .logoTag img{

    max-height: 70px;



  }

  

}





@media (max-width:640px){

  

  .bannerTitle {

    display: block;

    padding-top: 34vh;

    font-size: 7.5vw;

    font-weight: 700;

    font-family: 'Fira Sans', sans-serif;

    text-align: center;

  }

  

  .banner{

	height:140px;

  	/*border-top: 4px solid #666;

  	border-bottom: 4px solid #666;*/

}

  

  .aboutBg{

  	background:none;

  }

  



  .homeSection .padding30{

  	padding:20px;

  }

  

  .contact_form{

	margin-top:20px;

	}

  

    .logoTag img, .leftSite .logoTag img{

    max-height: 60px;



  }

  

    .banner.inner{

	height:250px;

  

	}

  

  .newsletterBanner{

    left: 50%;

    transform: translate(-50%,0);

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

	

	}

  

  .menuContent .mainButton.short{

    display: block;

    margin-right: 0;

    width: calc(100% - 20px);

    width: -webkit-calc(100% - 20px);

    margin-left: auto;

    margin-right: auto;

}

  

  .logo_title {

    margin: 8px 0 0 15px;

    font-size: 15px;

 

	}

  

  .mainTitle {

    font-size: 15px;

}

  .aboutSection table td {

    font-size: 14px;

  }

  .aboutSection table {

    font-size: 14px;

}

  .service_title {

    font-size: 14px;

}

  .whiteBg {

    font-size: 14px;

}



  

  



} 
#banner, #banner2, #banner3{ overflow:hidden; opacity:0; transition:opacity ease-out 0.6s;}