/*
Theme Name: UXID
*/

*, *:active, *:focus, option:focus {
	outline: none !important;
	box-sizing:border-box;
}

button::-moz-focus-inner {
  border: 0;
}

img{ 
	border:none; 
	max-width:100%; 
	display:block; 
	height:auto;
}
html{}
body{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
a:focus, a:active, a:hover, a{ 
	text-decoration:none;
	outline:none;
	color:#FFD100;
	transition:0.3s color;
}
a{color:#26252F;transition:0.3s color;}

/*font-family: 'Lato', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Shadows Into Light', cursive;*/
body{
    font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:17px; 
	margin:0 auto;
	color:#000000;
	position:relative;
	background:#FFFFFF;
}

h1,h2,h3,h4,h5,h6{
	margin:0 0 15px; 
	line-height:normal;
	font-weight:bold;
	color:#222222;
}
h1, h2{font-weight:700; color:#2B2A35;}
	
p{margin:0 0 20px; font-weight:300;}
h1{margin:0 0 20px;}
.left{ float:left;}
.right{float:right;}
.clear{ clear:both;}

.align-center{text-align:center;}
.align-right{ text-align:right;}
.align-left{text-align:left;}
.under-line{text-decoration:underline;}
.fs-14{font-size:14px !important;}

.hide-mobile{display:block !important;}
.hide-desktop{display:none !important;}
.main-container{/*max-width:1150px; width:92%;*/ padding:0 5%; margin:0 auto; position:relative;}
.main-content{max-width:1150px; width:90%; margin:0 auto; position:relative;}

/*================= Header =======================*/
.header-wrapper{min-height:91px;}
.logo{max-width:100px; width:100%; position:relative; z-index:999999;}
.menu-toggle-btn{position:fixed; top:0; right:0; z-index:9999; width:138px; height:190px; background:#F7F7F7;display: flex;align-items: center;justify-content: center;}
.menu-toggle-btn.js-menu-close-btn{background:none; /*right:15px;*/}
.menu-toggle-btn a{text-orientation: upright; -webkit-text-orientation: upright; display: block;writing-mode: vertical-rl; font-size:11px; font-weight:700; color:#26252F; padding-bottom:45px; position:relative;}
.menu-toggle-btn a:hover{ color:#26252F;}
.menu-toggle-btn a::after{width: 1px;height:30px;display: table;border-left: 1.05px solid #000;display: block;content:""; position:absolute; left:0; right:0; margin:auto; bottom:0;}
.menu-toggle-btn.js-menu-close-btn a::after{display:none;}
span.m-dot{ display:inline-block; vertical-align:middle; width:10px; height:10px; border-radius:100%; background:#26252F;}
.menu-toggle-mb{position:absolute; top:30px; right:40px; cursor:pointer; z-index:4;}

/* Fullscreen Menu */
.fullscreen-menu-overlay{transform: translate(50%, -50%) scale(0);transition: transform 300ms cubic-bezier(0.85, 0, 0.3, 1) 300ms, -webkit-transform 300ms cubic-bezier(0.85, 0, 0.3, 1) 300ms;position: fixed; top: 5rem; right: 5rem;width: 100vw;  height: 100vw; z-index:99998;}
.is-fixed .fullscreen-menu-overlay{	transition: transform 0.5s cubic-bezier(0.85, 0, 0.3, 1), -webkit-transform 0.5s cubic-bezier(0.85, 0, 0.3, 1);	transform: translate(50%, -50%) scale(2.5);}
.fullscreen-menu-overlay i.s-menu-bg{background: #F7F7F7; opacity:1;position: absolute;left: 0;top: 0;  width: 100%;height: 100%; -webkit-border-radius: 100%; border-radius: 100%;}
.is-fixed .logo{position: fixed; /*top:0;*/ left:5%;}
.fullscreen-menu-container {position: fixed;top: 0rem;left: 0;z-index: 99999;width: 100vw;height: 100vh;overflow:auto; opacity: 0;pointer-events: none;transition: top 500ms ease-in, opacity 300ms ease-in; background: url(images/UXID_menu_bg.png) no-repeat 98% 0;}
.fullscreen-menu-container.is-open {opacity: 1;top: 0;pointer-events: auto;}
.fullscreen-menu-container .menu-button {position: absolute;top: 1.5rem;right: 1.5rem;}
.fullscreen-menu {padding: 6rem 5% 20px;width: 100%;}
.fullscreen-menu__nav ul{list-style:none; padding:0; margin:0;}
.fullscreen-menu__nav ul li{display:flex; align-items:center;justify-content: flex-start;}
.fullscreen-menu__nav ul li a{ font-weight:700; font-size:8vw; line-height:9vw; padding:10px 0; position:relative; font-family: 'Oswald', sans-serif;color: #2B2A35;}
.fullscreen-menu__nav ul li a:hover{color: #FFD100;}
.fullscreen-menu__nav ul li.active-item a::before{height:2.3vw; width:100%; position:absolute; bottom:1vw; left:0; right:0; background:#FFD100; content:""; z-index:-1;}
.fullscreen-menu__nav ul li.active-item a:hover{color:#2B2A35;}
.menu-item-video{ width:100px; height:100px; margin-left:20%;}
.menu-item-video-adjust{margin-left:14%;}
.menu-item-video video{height:100%; width:100%; background:none;}
.screen-li-style ul{padding:0;}
.screen-li-style li{ display:inline-block; vertical-align:top; padding:6px 10px; font-weight:300;}
.screen-li-style li:first-child{padding-left:0;}
.screen-li-style li a{}
.screen-bottom-info{ display:flex; justify-content: space-between; position:fixed; width:90%; left:5%; bottom:0;}
.fullscreen-menu__nav{min-height: calc(100vh - 20vh);display: flex;flex-direction: column;align-self: center;justify-content: center;}

.fullscreen-menu-container.is-open .fullscreen-menu__nav li{transform: translateY(0%);-webkit-transition: 1.3s;transition: 1.3s;opacity:1; will-change: transform, opacity}
.fullscreen-menu__nav li {transform: translateY(150%);  -webkit-transition: 1.3s;  transition: 1.3s; opacity:0;}

/* Icon 1 */
#nav-icon1{ position:absolute; bottom:10px; left:0; right:0; width:15px; height: 15px;  margin:0px auto;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;  cursor: pointer;}
#nav-icon1 span{display: block; position: absolute; height: 2px; width: 100%;background: #26252F;border-radius: 2px; opacity: 1; left: 0; -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}
#nav-icon1.open span:nth-child(1) {top: 18px;width: 0%;left: 50%;}
#nav-icon1.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#nav-icon1.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);  -o-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-icon1.open span:nth-child(4) {  top: 18px;  width: 0%;  left: 50%;}

@media only screen and (min-width: 100rem) { 
.fullscreen-menu-container {
	display: flex; /* Add display flex to the container */
	justify-content: center; /* Align menu contents to the center horizontally */
	align-items: center; /* Align menu contents to the cdenter vertically */
}

.fullscreen-menu {padding:60px 5% 60px;}
}

.quick-links ul li:last-child{padding-right:0;}
/*=============== Footer =================*/
.footer-wrapper{ padding:10px 0;color:#ffffff; background:#2B2A35; margin:30px auto 0;}
.footer-wrapper a, .footer-wrapper a:hover{color:#ffffff;}
.footer-wrapper p{margin:0; padding:14px; font-size:13px; line-height:normal;}

/*=============== CONTENT AREA =================*/
.content-area-wrapper{position:relative;}
.content-area-wrapper h2{font-size:37px; font-weight:700; line-height:47px;}
.flex-items-start{align-items:flex-start !important; display:flex; flex-wrap:wrap; width:100%;}
.flex-items-start h1{width:100%; padding:50px 0 15px;}
.col-half{width:50%;}
.col-60{width:60%;}
.col-40{width:40%;}
.col-half h4{ font-size:22px; margin-bottom:10px;}
.col-half h4 span{color:#ACACAC;}
.col-half h4 a{color:#FFD100; text-decoration:underline;} 
.h-section1 .d-flex{min-height:calc(100vh - 100px);}
.project-section .d-flex {min-height: calc(100vh - 150px);}
.h-section{ padding:60px 0;}
.h-section1{margin-top:-30px;}
.d-flex{display:flex; align-items:center;}
.content-sec h1{font-size:3vw; line-height:1.2em; font-weight:700; margin-bottom:40px; padding-top:30px;font-family: poppins;}
.content-sec .he-bg{ position:relative; display:inline-block;}
.content-sec .he-bg::before{height:2.3vw; width:100%; position:absolute; bottom:-0.2vw; left:0; right:0; background:#FFD100; content:""; z-index:-1;}
.text-sec-700{max-width:700px;}
.content-sec p{line-height:35px; font-size:19px; padding-bottom:20px;}
.theme-link{font-size:13px; font-weight:700; text-transform:uppercase;}
.theme-line{position:relative;}
.theme-line::before{height:2px; width:18px; background:#FFD100; position:absolute; content:""; top:0; bottom:0; margin:auto;transition:0.3s all;}
.theme-line-end::before{ right:-24px;}
/*.theme-line a:hover::before{background:#26252F;transition:0.3s all;}*/
.h-top-video img, .h-top-video video{ width:100%;}

.h-section2{padding:100px 0 10%;}
.video-holder{text-align:center;}
.video-holder img, .video-holder video{width:100%; display:block;}
.sec-labels{padding-left:70px; margin-left:30px;}
.sec-labels ul{list-style:none; padding:0 0 40px;}
.sec-labels ul li.hovered:before{height:2px; width:26px; background:#26252F; top:0; bottom:0; position:absolute; left:-70px; content:""; margin:auto;}
.sec-labels ul li{font-weight:bold; font-size:30px; line-height:38px; color:#D5D5D5; padding:15px 0 15px 0px; /*cursor:pointer;*/ position:relative;}
/*.sec-labels ul li.hovered{ color:#26252F;}*/
.sec-labels ul li.hovered.label1{ color:#FFD100;}
.sec-labels ul li.hovered.label2{ color:#FF9800;}
.sec-labels ul li.hovered.label3{ color:#FF8456;}
.video-holder{display:none; /*opacity:0; height:0;*/}
.video-holder.show-video{opacity:1; display:block;}
.video-holder.show-active-video{}
 

.h-sec-bg-img{ max-width:156px; width:10%; position:absolute; right:2%; top:4.5%; z-index:-1;}
.pb-sec{padding-bottom:80px !important;}
.shadows-info{font-family: 'Shadows Into Light', cursive; font-weight:300; font-size:25px;}
.para-dash{position:relative; padding:0 70px 0 0px;}
.para-dash::before{width:41px; height:2px; background:#2B2A35; position:absolute; right:0; top:0; bottom:0; margin:auto; content:"";}
.h-section3{ position:relative;}
.sec-img-big {position:relative;}
.sec-img-big img{width:100%; display:inline-block;}
.img-align-left{padding-right:70px;}
.img-align-right{padding-left:70px;}
.sec-img-main{position:absolute; right:0; /*max-width:400px;*/ max-width:500px; width:90%; bottom:0; top:-180px; transform: translate(0%, 50%);}
.sec-img-main2{max-width:690px;}
.img-left-adjust{left:0; right:auto;}
.img-shadow img{box-shadow: 0px 0px 40px rgba(0,0,0,0.1); border-radius:6px; background:rgba(0,0,0,0.05);}
.flex-reverse{flex-direction:row-reverse;}

.padding-right-adjust{padding-right:5%;}
.padding-left-adjust{padding-left:5%;}
.align-inherit{align-items: inherit;}
.flex-column-adjust{display:flex; flex-direction:column;}
.text-block{max-width:390px; margin:auto auto; padding:0 20px;}
.sec-title.align-right h2{padding-left:20px;}
.sec-title h2{position:relative; padding:0 0 0 110px;}
.sec-title h2::before{width:65px; height:2px; background:#2B2A35; position:absolute; top:0; bottom:45px;margin:auto; content:"";}
.sec-title.sec-ml-adjust h2::before{left:0;}
.sec-title.sec-mr-adjust h2::before{right:-130px; z-index:1;}
.sec-ml-adjust{ margin:5% 0 -130px -100px;}
.sec-mr-adjust{ margin:5% 25px -130px 0;}
.text-block h4{font-weight:600; color:#FFD100;}
.text-block p{ font-weight:300; color:#545465; padding:10px 0 35px; font-size:16px;}
.mr-adjust{margin-right:25px;color: #2B2A35;font-family: poppins;}

.theme-btn:hover{color:#000000;}
.theme-btn{ background:#FF9800; display:inline-block; font-size:16px; font-weight:600; color:#ffffff; border-radius:4px; padding:14px 40px; text-align:center; font-family:"Poppins",Sans-serif; 
/*border-bottom:3px solid #F8EEDF;*/}
.theme-btn-gradient{ transition:background 0.3s;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffce00+0,ff9800+100 */
background: #FF9800; /* Old browsers */
background: -moz-linear-gradient(left, #ffce00 0%, #ff9800 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffce00 0%,#ff9800 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffce00 0%,#ff9800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffce00', endColorstr='#ff9800',GradientType=1 ); /* IE6-9 */
}

.h-section6{margin:3% auto 0;}
h2.h-style1{font-size:65px; line-height:1.3em; font-weight:700; margin-bottom:20px;font-family: poppins;}
h2.h-style1 .he-bg{ position:relative; display:inline-block;}
h2.h-style1 .he-bg::before{height:30px; width:100%; position:absolute; bottom:5px; left:0; right:0; background:#FFD100; content:""; z-index:-1;}
.full-width-img img{width:100%;}
.section-full-img{padding:40px 0 50px;}
.full-width-img.section-full-img.m-p-ch {padding: 40px 0 0;}
.clients-logo{padding:0; margin:35px 0 0; list-style:none; text-align:center; display:flex;justify-content: space-between; align-items:center;}
.clients-logo li{ padding:5px 10px;}
.clients-logo li img{max-width:100%;}
.sec-videos-wrapper{max-width:70%; margin:0 auto;}


/*=============== PROPOS =================*/
.h-section1-no-margin{margin:0;}
h2.fs-60{font-size:58px; line-height:65px;}
h2.fs-60 .he-bg::before{height:27px; bottom:0px;}
.boxes-con-wrapper{position:relative;}
.boxes-container{display:flex;}
.sm-info-box.hidden-box{visibility:hidden; opacity:0;}
.sm-info-box{border:3px solid #202020; background:#FFD100; text-align:center; width:110px; height:110px; display:block;  margin:5px; padding:5px;display: flex; flex-direction: column;align-items: center;justify-content: center;}
.sm-info-box p{font-size:10px; margin:0; line-height:12px;}
.sm-info-box h4{font-size:30px; margin:0px;}
.boxes-bg-color1 .sm-info-box{background:#FFD100;}
.boxes-bg-color2 .sm-info-box{background:#FF9800;}
.boxes-bg-color3 .sm-info-box{background:#FF8456;}
.fs-45 p{font-size:45px; font-size:2.63vw; line-height:3vw !important;}
.props-short-title .para-dash::before{ width:30px; left:0; right:inherit; top:36px; bottom:inherit;}
.props-short-title .para-dash{display:inline-block; padding:0 0 0 40px; line-height:60px;}
.props-short-title{position:absolute; bottom:70px; right:0;}
.props-short-title p{margin:0;}
.methode-info-box{box-shadow:0 0 40px rgba(0,0,0,0.1); background:#ffffff; display:inline-block; vertical-align:bottom; max-width:210px; text-align:center; margin:10px; min-height:210px;}
.methode-info-box-big{ max-width:360px;}
.m-info-box-inner{padding:20px 14px 30px;}
.m-info-box-inner.pt-1{/*padding-top:15px;*/}
.methode-info-box h4{font-size:30px; color:#FFD100;}
.methode-info-box p{font-size:9px; margin:0;}
.methode-info-box strong{font-size:11px; font-weight:600; display:block; margin:0 0 8px;}
.h-mob-img3{width:36%; margin-top:70px;}
.h-mob-img3 img{width:100%;}
.h-mob-img2 img{margin-top:-20px; margin-bottom:20px;}
.m-info-box-side{width:58%;}
.methode-info-box3{margin-bottom:-45px;}
.methode-info-box1{margin-left:40%;}
.methode-info-box4{margin-left:6.5%;}
.props-sec-he{ position:absolute; width:40%; left:5%; top:70px; font-size:54px !important;}
.props-sec-bg{position:absolute; z-index:-1; right:0; bottom:-10%; max-width:107px; width:14%;}
.clearfix{ clear:both !important;}
.props-info-boxes-wrap{}
.props-m-bg{width: 55px;position: absolute;right: 1%;top:4%; z-index:-1;}
.props-m-bg1{ width:8%;position: absolute; left:-6%; bottom:0%; z-index:-1;}
.props-sec-wrapper{margin:3.5% auto;}
/*=============== CONTACT =================*/
.contact-hero-area{}
.contact-form-wrapper{ max-width:700px;}
.contact-hero-area .content-sec h1{ padding-top:8vw;}
.contact-hero-area .content-sec{ width:65%;}
.contact-hero-area .video-sec{width:35%;margin-top: -15%;}
.contact-form-sec-top .cont-para, .contact-form-sec-top p{font-weight:700; font-size:25px; line-height:48px; padding-bottom:20px; margin-bottom:20px;}

.c-options-wrap{display:inline-flex; position:relative;}
.c-popup-options .c-textbox{margin:0 !important; border-bottom:none !important;}
.c-options-wrap .c-selectbox{opacity:0; visibility:hidden; width:0; height:0; display:none;}
.c-popup-options.option-selected{color: #FFD100;border-bottom: 1px solid #FFD100;}
.c-popup-options{position:relative; padding-right: 2.3rem; transition: none ease .5s; overflow:hidden;color:#FFD100;border-bottom: 1px solid #FFD100; display:inline-flex; line-height:normal; cursor:pointer;/*margin:0 10px 0 0;*/}
.c-textbox.datepicker{color:#FFD100  !important;}
.c-textbox.datepicker::placeholder{color:#FFD100 !important;}
.c-popup-options::before {content: '';position: absolute;display: block;box-sizing: border-box;width: .6rem;height: .6rem;right: .5rem;top: calc(50% - .3rem);
border: 2px solid #1E1E1E;border-top: none;border-right: none;transform: rotate(-45deg);transition: opacity 0.5s cubic-bezier(0.85, 0, 0.3, 1) 0.25s;}
.c-textbox::placeholder{color:#ACACAC;}
.c-textbox{border:none; color:#FFD100; border-bottom:1px solid #ACACAC;font-family: 'Poppins', sans-serif; font-size:25px; font-weight:700; display:inline-block;/*min-width: 80px;*/
 max-width:100%; padding:0; /*margin:0 10px;*/}
.elem-filled, .c-textbox:focus{color:#FFD100; border-bottom-color:#FFD100;}
.c-popup-options.error, input.c-textbox.error{border-bottom:1px solid red; color:red;}
.cont-title{/*margin-right:10%; */line-height:75px !important;}
.cont-title span{color:#FFD100;}
.btn-style1{cursor:pointer; border:none;}
.w-230{min-width:230px;}
.checkbox-wrapper{font-weight:500; font-size:14px; margin:0 0 30px;}
.checkbox-wrapper input[type="checkbox"]{margin-right:10px;}
.contact-info-section{ border-top:1px solid #CECECE; padding:60px 0 40px; margin:60px auto 0; display:flex;}
.cont-info-sec{ min-width:325px;}
.cont-info-sec p{font-weight:400; margin:0 0 15px;}
.cont-popup-options-list{top: calc(50% + .25rem); width: 50rem; position: absolute; overflow: hidden; transition: none 0.5s cubic-bezier(0.85, 0, 0.3, 1);
transition-property: height; z-index:5;transform: translateY(-50%); will-change: height, transform; height:0px; overflow:hidden;}
.cont-popup-options-list span{cursor:pointer;color:#FFD100;}
.cont-popup-options-list ul{padding:0; list-style:none;}

.cont-popup-bg{position: fixed;left: 0;z-index:2;width: 100vw;height: 100vh;overflow:auto;background:rgba(255,255,255,0.96);transition: top 500ms ease-in, opacity 300ms ease-in; content:""; top:0; font-size:0; opacity:0; z-index:-9}
.cont-popup-bg.opened {pointer-events: auto; z-index:3;}
.cont-wrap{overflow:hidden;}
.ui-datepicker{z-index:9 !important;}
.ui-state-default, .ui-widget-content .ui-state-default{color: #2B2A35}
.checkbox-label{position:relative; display:block;}
.checkbox-label label.error{opacity:1; font-size:12px; font-weight:400; color:red; bottom:-20px; left:0; width:100%;}

/*=============== PROJECT DETAIL =================*/
.boxes-container .info-box {width: 33%;padding: 20px;font-family: poppins;}
.boxes-container.info-container {width: 1200px;margin: 0 auto;padding-bottom: 30px;}
.boxes-container .info-box h4 { text-transform: uppercase;}
.p-detail-img{position:relative; margin-top:-100px;}
.p-detail-img{position:relative; margin-top:-100px;}
.p-detail-img3{margin-top:60px;}
.p-detail-img-wrap .p-detail-title{position:absolute; top:18vw; left:calc(5% + 50px); z-index:1;font-family: poppins;}
.p-detail-img-wrap .p-detail-title.top8vw{ top:8vw;}
.p-detail-img-wrap .p-detail-title::before{width:30px; height:5px; background:#FFD100; position:absolute; left:-50px; top:20px; content:"";}
.p-detail-img3 .p-detail-title{top:10vw;}
.p-detail-title h2{font-size:42px !important;}
.normal-height{line-height:normal !important;}
.project-img img{ box-shadow:0 13px 50px rgba(0,0,0,0.15); margin:0 0 40px;}
.project-tabs-sec{ justify-content: space-between; padding:4% 0 0;}
.project-tab{ /*max-width:315px;*/ width:30%;}
.project-tab2{/*max-width:295px;*/ width:28.5%;}
.project-tab h3{font-size:25px; padding:0 0 15px;}
.project-logo{max-width:430px; margin:-90px auto 70px; width:70%; text-align:center;}
.project-logo img{display:inline-block; max-width:100%; width:auto;}
.project-section{position:relative; z-index:2;}
.scroll-more a{ font-size:13px; font-weight:300; position:relative; color:#fff;font-family: poppins;}
.scroll-more a::before {content: ''; position: absolute; display: block; box-sizing: border-box; width: .5rem; height: .5rem; right:0; left:0; margin:auto; bottom:-15px;
 border: 2px solid #ffffff; border-top: none; border-right: none;transform: rotate(-45deg); transition: opacity 0.5s cubic-bezier(0.85, 0, 0.3, 1) 0.25s;}
.bottom-more-link{ position:absolute; bottom:50px; left:0; right:0; z-index:2;}
.pt-10{padding-top:10px;}
#contactForm{display:block;}
label.error{display:none; opacity:0; font-size:0; position:absolute;}
#form-submit-message{margin:30px auto 0; display:block;}
#form-submit-message img{width:30px; height:auto;}
#form-submit-message div{border:1px solid #FFD100; padding:8px 20px;}
#form-submit-message p{padding:0; margin:0;}
#form-submit-message p.green{color:green;}
#form-submit-message p.red{color:red;}

#mentions-legales .d-flex{min-height:inherit;}
.politique-sec h3{font-size:25px;}
.politique-sec p{margin:0; color:#545465;}
.politique-sec a{color:#FFD100;}
.liststyle1{padding:0; margin:0; list-style:none;}
.liststyle1 li{line-height: 35px;font-size: 19px;padding-bottom: 20px; color:#545465; font-weight:300;}
.liststyle1 li strong{font-weight:bold; color:#000;}
.light-color{color:#ACACAC;}
.pb1{padding-bottom:40px;}
.p-hero-img{position: absolute;top:0px;left: 0;right: 0;height: 100vh;width: 100%;}
.p-hero-img::before{ content:""; position:absolute; z-index:1; opacity:0.6; top:0; bottom:0; left:0; right:0; margin:auto; width:100%; height:100%;
background:#220015; 
background: linear-gradient(245deg, rgba(34,0,21,0.989233193277311) 0%, rgba(23,23,22,1) 100%);
}
.p-hero-shadow1::before{background:#000000;}
.p-hero-img img{width:100%; height:100%; object-fit:cover; /*object-position:top;*/}
.mt-0{margin-top:0 !important;}
.info-box-title{
   font-size: 19px;
   font-weight: 600;
}

.boxes-container-wrap.info-container{
	width: 1400px;
}
/** Multi Item Carousel */

.slider_in			{padding: 65px 40px 80px 40px;}
.slider_sec h3{ 		
	line-height: 1.2;
	font-size: 25px;
	padding: 0 0 20px;
	color: #2B2A35;
	font-family: poppins;
	font-weight: 700; 
}
.slider_sec h4		{margin:0px; padding:0px 0 0 0; line-height:1; font-size:40px; color:#fff; font-weight:300;}
.img_wrp img		{transition: all 0.5s ease;}
.owl-prev{ 
	position: absolute;
	z-index: 10;
	display: inline-block;
	left: -59px;
	cursor: pointer;
	font-size: 0.1px;
	top: 35%;
	width: 50px;
	height: 140px;
	background: url(images/icon-left.png)no-repeat;
}
.owl-next{
	position: absolute;
	z-index: 10;
	display: inline-block;
	right: -72px;
	cursor: pointer;
	font-size: 0.1px;
	top: 23%;
	width: 50px;
	height: 140px;
	background: url(images/icon-right.png)no-repeat center;
}
.img_text			{left:0; bottom:20px;  z-index:10; transition: all 0.5s ease; width:100%; font-family: 'Raleway', sans-serif;}
.img_text h5		{font-size:23px;  font-weight:600; color:#212529; text-transform:uppercase; line-height:1; padding:0 0 4px 0px;}
.img_text p			{font-size:12px;  padding:0px 10px; font-weight:500; margin:0px; color:#212529; line-height:20px; font-family: 'Raleway', sans-serif; text-transform: capitalize;}
.img_bg				{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); opacity:0; z-index:1;}

/*Owl carousel Library you should create the seprate css file for this*/

.owl-carousel,
.owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent;
	position: relative
}

.owl-carousel .animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
	z-index: 0
}

.owl-carousel .owl-animated-out {
	z-index: 1
}

.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

.owl-height {
	-webkit-transition: height .5s ease-in-out;
	-moz-transition: height .5s ease-in-out;
	-ms-transition: height .5s ease-in-out;
	-o-transition: height .5s ease-in-out;
	transition: height .5s ease-in-out
}

.owl-carousel {
	display: none;
	width: 100%;
	z-index: 1
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-controls .owl-dot,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel.owl-loaded {
	display: block
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}

.owl-carousel.owl-hidden {
	opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
	display: none
}

.owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel .owl-item img {
	/*box-shadow: 0 13px 50px rgba(0,0,0,0.15);*/
	margin: 0 0 40px;

}

.owl-carousel.owl-text-select-on .owl-item {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto
}

.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab
}

.owl-carousel.owl-rtl {
	direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
	float: right
}

.no-js .owl-carousel {
	display: block
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	-ms-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: scale .1s ease;
	-moz-transition: scale .1s ease;
	-ms-transition: scale .1s ease;
	-o-transition: scale .1s ease;
	transition: scale .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
	-webkit-transition: scale(1.3, 1.3);
	-moz-transition: scale(1.3, 1.3);
	-ms-transition: scale(1.3, 1.3);
	-o-transition: scale(1.3, 1.3);
	transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
	display: none
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	-ms-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1
}


/** END Multi Item Carousel */


/*=============== RESPONSIVE =================*/

.adjust-space-right{ margin-right:80px;}

@media only screen and (min-width:2000px){
.sec-img-big img{max-height:100vh; object-fit:cover; object-position:top;}
.sec-img-main img{max-height:inherit;}
.sec-img-main{}
.sec-img-main{max-width:80vw;transform: translate(0%, 60%) !important; max-height: calc(100vh - 45vh) !important; max-width: calc(100vh - 34vh) !important;}
.sec-img-main2{max-width: none !important}
.sec-img-main img{height:100%; object-fit:cover; object-position:top;}
.img-shadow img{ /*border-radius:30px;*/}
}
@media only screen and (min-width:1600px){
.sec-img-main{/*right:-12%;*/ right:-9%;}
.sec-img-main.sec-img-main2{right:-12%;}
.portarit-right-img{ left:-9%;}
.sec-img-main.sec-img-main2.img-left-adjust {left: -12%;right: auto;}
.sec-img-main{max-width:80vw; max-width: calc(100vh - 20vh); max-height: calc(100vh - 30vh);transform: translate(0%, 18vw); top:0; width:100%;}
.sec-img-main2 {max-width: 80vw;}
.p-detail-title h2{font-size:3.0vw !important;}
.p-detail-img .p-detail-title::before{top:1.5vw;}
}

@media only screen and (min-width:1199px){
.content-area-wrapper h2{font-size:65px; line-height:1.2;}
.text-block h4{ font-size:1.4em; line-height:1.5em; font-weight:700;}
.text-block p{ font-size:20px; line-height:normal;}
.text-block a{font-size:.8em;}
.text-block{max-width:510px;}

.h-big-he, .props-sec-he{ font-size:4.0vw !important;}
.h-mob-img1 img, .h-mob-img2 img{width:100%;}
.h-mob-img2, .h-mob-img1{width:100%;}
.methode-info-box{ width:18.5%; /*min-height:650px;*/ max-width:inherit; margin:10px 0.88%; box-shadow:0 0 80px rgba(0,0,0,0.1);}
.methode-info-box-big{width:31.5%;}
.methode-info-box p {font-size: 0.75vw;}
.methode-info-box strong{font-size:0.9vw;}
.methode-info-box h4{font-size:2vw;}
.methode-info-box1 {margin-left: 39%;}
.methode-info-box4 {margin-left: 5.40%;}
.methode-info-box3 {margin-bottom: -5.7% !important;}
.m-info-box-inner{ /*padding:40px 2vw 1px;*/}

.sm-info-box{width:11%;}
.sm-info-box h4{font-size:2.5vw;}
.sm-info-box p {font-size:0.9vw;line-height: 1vw;}

}

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

}

@media only screen and (max-width:1365px){
.methode-info-box1 {/*margin-left:35%; margin-left:385px;*/}
.methode-info-box4{/*margin-left:0;*/}
.props-sec-he{ width:36%; font-size:46px;/*font-size:46px !important;*/}
}
@media only screen and (max-width:1199px){
.methode-info-box1 {margin-left:35%; margin-left:385px;}
.methode-info-box4{margin-left:0;}
.props-sec-he{position:static; width:auto;}
.methode-info-box4 .m-info-box-side{ float:none; width:100%; position:relative; z-index:1;}
.h-mob-img3{float:none; margin:0px auto 0; max-width:126px; width:100%;}
.methode-info-box-big{max-width:210px;}
.methode-info-box1{margin-left:0px;}
.fs-45 p {font-size: 2.4vw; line-height:3vw !important;}
.props-short-title{bottom:90px;}
}
@media all and (min-width:992px) and (max-width:1199px){
.methode-info-box1{margin-left:235px;}
.methode-info-box-big{margin-top:-100px;}
}
@media all and (max-width:1024px){
.fullscreen-menu__nav ul li a{/*line-height:9vw; font-size:10vw;*/}
.fullscreen-menu__nav ul li a{ font-size: 11vw; line-height: 13vw;}
.contact-hero-area .video-sec{display:none;}
.is-fixed .fullscreen-menu-overlay{	transform: translate(50%, -50%) scale(5);}
.methode-info-box1, .methode-info-box4{margin-left:10px;}
.methode-info-box{max-width:inherit; width:calc(50% - 20px); float:left; max-width:340px;}
.methode-info-box-big{margin-top:10px;}
.methode-info-box3{margin-bottom:10px;}
.methode-info-box p, .methode-info-box strong{font-size:14px;}
.h-mob-img1{margin:0 auto; max-width:100%;}
.props-short-title, .props-sec-wrapper .clear{display:none;}
.h-section1 .d-flex {
	/*min-height: calc(100vh - 100px);*/
	/* min-height:calc(100vh - 140px);*/
	min-height:auto;
}
.props-info-boxes-wrap{
  display: flex;
  flex-flow: column wrap;
  align-content:center;
  height: 1170px;
  margin-top:50px;
}
.methode-info-box1{order:1;}
.methode-info-box4{order:1;}
.methode-info-box2{order:2;}
.methode-info-box3{order:3;}
.methode-info-box5{order:5;}
.methode-info-box6{order:6;}
/* Force new columns */
.props-info-boxes-wrap::before,
.props-info-boxes-wrap::after {
  content: "";
  flex-basis: 100%;
  width: 0;
  order: 1;
}
.boxes-container .info-box { width: 100%; }
/*}
@media all and (max-width:991px){*/
.block-tablet{display:block;}
.hide-tablet{display:none !important;}
.show-tablet{display:block !important;}
.main-container{padding:0 35px;}
.reverse-tablet{flex-direction:row-reverse;}
.sec-labels{margin-left:0;}
.h-section2 {padding: 60px 0 6%;}
.h-section1{margin-top:15px;}
.h-section1 .d-flex{/*display:block;*/     display: flex;flex-direction: column; align-items: start;justify-content: start;}
.project-section .d-flex{display:flex; min-height:calc(100vh - 200px); align-items: center; justify-content: center;}
.h-section1 .d-flex .col-half{width:100%;}
.h-section1 .d-flex .col-60{width:100%;}
.h-section1 .d-flex .col-40{width:100%;}
.h-section1 .m-br-remove h1 br{display:none;}
.h-section1 .col-half h1 {font-size:50px; padding-top:30px;}
.content-sec p{padding-bottom:10px; font-size:17px;}
.content-sec .he-bg::before{ height:25px;}
.h-top-video{margin-top:-40px;}
.video-sec{text-align:right;}
.content-sec h1, h2.h-style1{font-size:45px; line-height:50px;}
.props-sec-he{font-size: 45px !important; line-height: 50px !important;}
h2.cont-title{font-size:40px; line-height:normal;}
h2.h-style1 .he-bg::before{height:20px; bottom:0;}
.boxes-con-wrapper{display:flex; justify-content: center;}
.boxes-container{flex-direction: column;}
.sm-info-box p{font-size:12px;}
.props-sec-bg{display:none !important;}
.screen-bottom-info{/*position:static;width: 100%;*/ text-align: center;}
.fullscreen-menu {padding:6rem 35px 0;}
.menu-toggle-btn{width:100px; height:150px;}
.js-menu-close{font-size:0 !important; }
#nav-icon1{width:25px;}
.js-menu-close{top:-32px; right:12px; width:40px;}
.bottom-more-link{bottom:80px;}
.pt-0{padding-top:0 !important;}
.adjust-pic-mt{margin-top:-40px;}
}
@media all  and (max-width:1200px){
.boxes-container.info-container {width: 100%;margin: 0 auto;}
}
@media all and (min-width:768px) and (max-width:1024px){
.screen-li-style li{font-size:13px;}
.sec-title h2{padding:0 0 120px 120px;}
.sm-info-box{padding:5px 13px; width:140px; height:140px !important;}
.sec-title h2::before{ top:25px; bottom:inherit;}
.sec-img-main{top:-140px; right:10px;}
.sec-img-main {top: -90px; right: 10px; max-width: 330px;}
.sec-img-main2{ max-width:inherit;}
.img-left-adjust{left:10px; right:auto;}
.h-top-video img, .h-top-video video{width:75%; display:inline-block;}
.h-section6{margin:0;}
.p-detail-title h2 {font-size: 30px !important;line-height: normal !important;}
.p-detail-img-wrap .p-detail-title::before{top:25px;}
}
@media (min-width:768px){ 
.logo{top: 30px;}
}
@media all and (max-width:767px){
.fullscreen-menu__nav{/*min-height: calc(100vh - 45vh); min-height:calc(100vh - 23vh);*/ min-height:inherit; align-self: self-start;}
.fullscreen-menu{    display: flex; flex-direction: column;min-height: calc(100vh - 25rem);}
.menu-item-video{display:none;}
.main-container{padding:0 25px;}
.h-section1 .col-half h1{padding-top:10px;}
.padding-left-adjust{padding-left:0;}
.hide-mobile{display:none !important;}
.show-mobile{display:block !important;}
.hide-tablet{display:none !important;}
.logo{width:80px; /*margin:0 auto;*/}
.is-fixed .logo{/*right:25px;*/ left:25px;}
.menu-toggle-mb{right:20px;}
#nav-icon1{ right:0px;}
.js-menu-close{right:-10px;}
.h-top-video img, .h-top-video video{width:100%; margin:30px auto 0; max-width:340px;}
.video-sec{text-align:center;}
.d-flex{display:block;}
.col-half{width:100%;}
.boxes-container .info-box {width: 100%;}
.col-60{width:100%;}
.col-40{width:100%;}
.sec-img-main {position:relative; top:0; left:0; margin:0 auto; width:80%; display:block;transform: translate(0%, 0%);}
.img-align-right, .sec-title h2, .padding-right-adjust, .img-align-left{padding:0;}
.sec-mr-adjust, .sec-ml-adjust{ margin:6% auto 20px; text-align:center;}
.sec-title h2::before{display:none;}
.text-block{text-align:center; padding-bottom:20px;}
.clients-logo{display:block; text-align:center;margin-top: 0;}
.clients-logo li{display:inline-block; vertical-align:middle; padding:15px 10px; width:23%; text-align:center;}
.clients-logo li.client-logo1{width:40%;}
.clients-logo li img{display:inline-block;}
.h-section{padding:30px 0;}
.project-area-wrapper .h-section-pad{padding:20px 0;}
.props-m-bg{bottom:0; top:inherit; left:-6%; right:inherit; width:8%;}
.screen-bottom-info{display:block; position:static; width:100%; text-align:left;}
.screen-li-style li{display:block; padding:6px 0px;}
.project-header-mb-img {/*max-width: 300px*/; margin:0 auto; /*float: right;margin-right: -25px;*/}
.props-info-boxes-wrap{ height:1200px;}
.h-section2-1{/*margin-top:6%;*/}
.cont-title{line-height:normal !important;}
.sec-img-main{margin-top:60px; margin-bottom:-60px;}
.sec-img-main2 {margin-top: 30px;margin-bottom: -40px;}
.p-detail-img-wrap .p-detail-title {position: relative;top: 0;left: 80px;z-index: 1; display:inline-block;}
.p-detail-img{margin-top:0px; margin-bottom:70px;}
.p-detail-img1 .p-detail-img{ margin-top:-40px;}
.project-tab2, .project-tab {max-width: 315px;width: 100%;margin:20px auto 50px;}
.sec-labels ul li{ color:#26252F;}
.sec-labels ul li:before{height:2px; width:26px; background:#26252F; top:0; bottom:0; position:absolute; left:-70px; content:""; margin:auto;}
.text-block p{padding-bottom:15px;}
.sec-title.align-right h2{padding-left:0;}
.fullscreen-menu__nav ul li a{font-size: 55px; line-height:75px;}
.project-tab3{margin:20px auto 0px;}
.mpb-0{padding-bottom:0;}
}
@media only screen and (max-width:680px){
.adjust-pic-mt {
    margin-top:0px;
}
}
@media only screen and (max-width:575px){
.pt-0 {
padding-top: 40px !important;
}
span.m-dot{width:7px; height:7px;}
.full-btn-mb{width:100%;}
.p-detail-title h2, .content-area-wrapper h2{ font-size:22px; line-height:28px;}
.p-detail-title h2{font-size:22px !important;}
.content-sec h1, .h-section1 .col-half h1, h2.h-style1{font-size:28px; line-height:40px;}
.props-sec-he {
    font-size: 28px !important;
    line-height:40px !important;
}

h2.h-style1 .he-bg::before{height:16px;}
.content-sec .he-bg::before { height:17px;}
.sec-labels{padding:0;}
.sec-labels ul li.hovered:before, .sec-labels ul li:hover::before{display:none;}
.sec-labels ul li{font-size:24px;}
.methode-info-box{ width:calc(100% - 20px); float:none; max-width:340px; margin:20px auto; display:block;}
.props-info-boxes-wrap{height:auto; display:block;}
.contact-info-section{flex-direction:column; padding-bottom:20px;}
.cont-info-sec {min-width: inherit;}

}
@media only screen and (max-width:419px){
.sm-info-box{width:100px; height:100px; margin:3px;}
h2.m-fs-24{font-size:24px; line-height:30px;}
}

/* ========= LOCK SCREEN IN LANDSCAPE =======*/

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
}