/*!
Theme Name: Immotis
Theme URI: https://them.es/starter
Author: Studio Vitamine
Author URI: https://www.studiovitamine.com
Description: 
Version: 3.3.1
Requires at least: 5.0
Tested up to: 6.1
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: immotis
*/

/* Don't overwrite this file. Compile "/assets/main.scss" to "/assets/dist/main.css" */


/* From http://codex.wordpress.org/CSS */
html body{
	font-family: "Montserrat";
	font-weight: 300;
	background: #1F2339;
	color:#fff;
	overflow-x: hidden;
}
a:hover,
body #navbar > ul.navbar-nav > li.menu-item.current-menu-item a,
body #footer .menu-item a[aria-current="page"]{
	color:#B2903A;
}
body #navbar > ul.navbar-nav > li.menu-item.current-menu-item a:hover{
	color:#fff;
}
.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wp-caption {
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.bypostauthor {
	font-weight: bold;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* header */


header{

	height: 100vh;
	padding: 0;

	align-items: flex-start;
}
#header{
	padding: 0;
}
#header .container{
padding: 0;

	align-items: flex-start;
}
#header .navbar-brand{
padding: 0;
}
#header .navbar-brand img{
height:150px;
}
#navbar{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: rgba(31, 35, 57, 0.5);
}

#navbar > ul.navbar-nav > li.menu-item > a{
	padding:30px  15px ;
	color:#fff;
	display: inline-block;
	border: 1px solid transparent;
	transition: all ease 0.3s;
	text-transform: uppercase;
	font-size: 14px;
}
#navbar > ul.navbar-nav > li.menu-item > a:hover{
	background:#B2903A;
	transition: all ease 0.3s;
}
#navbar > ul.navbar-nav > li.menu-item.gold a{
	padding:30px  30px ;
	transition: all ease 0.3s;
	background:#B2903A;
}
#navbar > ul.navbar-nav > li.menu-item.gold a:hover{

	border: 1px solid #B2903A;
	background: transparent;
	transition: all ease 0.3s;
}
#navbar > ul.navbar-nav{

}
#navbar > ul.navbar-nav > li.menu-item{

}

.rsx a{
	color:#fff;
	font-size: 20px;
	margin-right: 10px;
}
.rsx a:last-of-type{

	margin-right: 20px;
}
.rsx a:hover{
	color:#B2903A;
}
body h1,body .h1{

	width: 50%;
	position: absolute;
	right: 0;
	color: #FFF;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 73px;
	font-size: 60px;
	bottom:0;
	background: rgba(31, 35, 57, 0.8);
	border-radius: 30px 0px 0px 0px;padding: 50px 88px;
	margin: 0;

}
body h1 .gold,body .h1 .gold{
	color:#B2903A;
}
/* trefle */
.blocTrefle{
	position: absolute;
	overflow: hidden;
	width: 0px;
	transition: all ease 0.3s;
}
.blocTrefle.active{
	width: 250px;
	transition: all ease 0.3s;
}
.trefleContainer{
text-align: center;
}
.W{
	right: 0;
	top: 30%;
}
.Y{
	top: 85%;
	right: 10%;
}
.X{
	top: 5%;
	left: 10%;
}
.Z{

	top: 50%;
}
.trefleContainer svg{
	max-height: calc(100vh - 300px);
}
.trefleContent{
	position: relative;
}
.trefleContainer svg path{
	fill-opacity:50%;
}
.trefleContainer svg .active path{
	fill-opacity:100%;
}
/*Content*/
.backBlueAlpha{
background:  rgba(31,35,57,0.8);
	border-radius: 50px 0px 0px 0px;
	padding: 75px;
}
.bigTitle{
	font-weight: 300;
	font-size: 40px;
	line-height: 49px;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.backBulle{
	text-align: center;
	background: url("./assets/img/bulle.png") no-repeat center center;
	background-size: contain;
	font-size: 200px;
	color:#454759;
	line-height: 244px;
	font-weight: 600;
}
.ptb-100{
	padding-top: 100px;
	padding-bottom: 100px;
}
.backBulle .counter{
	display: inline-block;
	color:#fff;
	font-weight: 300;
}
.backBulle p{
	font-weight: 300;
	font-size: 50px;
	line-height: 61px;
	color:#fff;

}
.numbersHome{
	padding-top: 70px;
	padding-bottom: 70px;
}
body h2,body .h2{
	background: #B2903A;
	border-radius: 0px 30px 0px 0px;
	font-weight: 200;
	font-size: 50px;
	line-height: 61px;
	text-transform: uppercase;
	display: inline-block;
	padding: 22px 30px;
	padding-right: 60px;
}
/*forms*/

.line {
	display: flex;
	justify-content: space-between;
	padding-top:1%;
	padding-bottom:1%;
}
.line .half{
	display: flex;
	width:49%;
}
.contactForm{}
.contactForm input{
	width:100%;
	line-height: 60px;
	background: #454759;
	border:0px;
	color:#fff;
	padding-left:25px;
}
.contactForm input.wpcf7-submit{

	background: #B2903A;
	color:#fff;
	transition: all 0.3s ease;
	border: 1px solid #B2903A;

}
.wpcf7 .wpcf7-submit:disabled ,
.wpcf7 .wpcf7-submit:disabled:hover {
	cursor: not-allowed;
	background: #B2903A;
	color:#fff;
	opacity: 0.7;
	transition: all 0.3s ease;
	border: 1px solid #B2903A;
}
.contactForm input.wpcf7-submit:hover{

	background: transparent;
	color:#B2903A;
	border: 1px solid #B2903A;
	transition: all 0.3s ease;

}
.homecontact {
	padding-top:100px;
	padding-bottom:100px;
}
.trefleback {

	background: url("./assets/img/treflefond.png") no-repeat top left;
	background-size:contain;
}

.contactForm textarea{
	width:100%;
	height:270px;
	border:0px;
	color:#fff;
	background: #454759;
	line-height: 60px;
	padding-left:25px;
}

.contactForm p{
	width:100%;
	margin: 0;
	padding: 0;
}
.wpcf7-acceptance label input,
.wpcf7-checkbox label input {
	width: auto;
	margin-right: 15px;
}
/*footer*/
body #footer {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #191C2F;
}
body #footer iframe {
	border:5px solid #B2903A;
}
body #footer h3 {
	background: #B2903A;
	display: inline-block;
	border-radius: 0px 0px 15px 0px;
	color:#fff;
	padding: 10px 20px;
	font-weight: 300;
	font-size: 15px;
	line-height: 50px;
}
footer .menu-item{
	color:#fff;font-weight: 300;
	font-size: 15px;
	line-height: 50px;
list-style: none;
	text-transform: uppercase;
}
footer a{
	color:#fff;
}
footer ul{
	padding-left: 0;
}
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus,body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover {
	background-color: rgba(255,255,255,0.2);
}
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::after,body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before {
	border-color: #B2903A;
}
footer .menu-item a:hover{
	color:#B2903A;
}
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
	border-color: #B2903A;
	background-color: transparent;
}
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a{
	color : #fff;
}
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
	background-color: transparent;
}
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a{
	color : #fff;
}
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
	border-color: #B2903A;
	background-color: transparent;
}
body #main {
	margin-top: 0;
}
/*buttons*/
body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
	color: #fff;
	border-color: #B2903A;
	background-color: #B2903A;
	background-image: none;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;

}
body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
	color: #B2903A;
	border-color: #B2903A;
	background-image: none;
	background-color: #fff;
}
.vc_btn3-left .vc_btn3.vc_btn3-shape-rounded{
	border-radius: 0px 0px 0px 30px;
}
.vc_btn3-right .vc_btn3.vc_btn3-shape-rounded{
	border-radius: 0px 0px 30px 0px;
}
.pt80{
	padding-top: 80px;
}
.vc_tta.vc_general .vc_tta-panel-title{
	font-weight: 300;
	font-size: 20px;
	line-height: 24px;
}
.numbersCenter{
margin-top:100px;
	margin-bottom:100px;
}
.numbersCenter .counter{
	font-weight: 600;
	font-size: 150px;
	line-height: 183px;
	text-align: center;
}
.numbersCenter .wpb_wrapper span{
text-align: center;
	display: block;
	font-weight: 300;
	font-size: 30px;
	line-height: 30px;
	text-align: center;
}
/**/
@media screen and (max-width: 1200px) {

}
/*Burger*/
@media screen and (min-width: 991px) {
	.hamburger {display:none;}
	.home .entry-title{
		display: none;
	}
	.home header{
		background-image: none!important;
	}
	.arrow-down{
		width:60px;
		height:40px;
		margin:0 0 0 -30px;
		position:absolute;
		left:50%;
		bottom:0px;
		-webkit-animation: arrow 0.5s 1s infinite ease-out alternate;

	}

	.arrow-down:hover{
		-webkit-animation-play-state: paused;
	}

	.left{
		position:absolute;
		height:5px;
		width:40px;
		background:rgba(255,255,255,0.5);
		-webkit-transform:rotate(240deg);
		top:10px;
		left:10px;
		-webkit-border-radius:4px;
		-webkit-transform-origin:3px 50%;
		-webkit-animation: leftArrow 0.5s 1s infinite ease-out alternate;
	}

	.right{
		position:absolute;
		height:5px;
		width:40px;
		background:rgba(255,255,255,0.5);
		-webkit-transform:rotate(-60deg);
		top:10px;
		left:10px;
		-webkit-border-radius:4px;
		-webkit-transform-origin:3px 50%;
		-webkit-animation: rightArrow 0.5s 1s infinite ease-out alternate;
	}




	@-webkit-keyframes arrow{
		0% {
			bottom:0px;
		}
		100%{
			bottom:40px;
		}
	}


	@-webkit-keyframes leftArrow{
		0% {
		}
		100%{
			-webkit-transform:rotate(225deg);
		}
	}

	@-webkit-keyframes rightArrow{
		0% {
		}
		100%{
			-webkit-transform:rotate(-45deg);
		}
	}


}
@media screen and (max-width: 991px) {
	.trefleContainer{
		display: none;
	}
	#navbar > ul.navbar-nav > li.menu-item.gold a{
		border-radius: 0px 0px 15px 0px;
	}
	#navbar > ul.navbar-nav > li.menu-item > a {
		padding: 15px 15px;
		margin-top: 5px;
		margin-bottom: 5px;
		color: #fff;
		display: inline-block;
		border: 1px solid transparent;
		transition: all ease 0.3s;
		text-transform: uppercase;
		font-size: 14px;
	}
	.pt80{
		padding-top: 0px;
	}
	.ptb-100 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {

		width: 100%;
	}
	.vc_btn3-left .vc_btn3.vc_btn3-shape-rounded{
		border-radius: 0px 0px 0px 0px;
	}
	.vc_btn3-right .vc_btn3.vc_btn3-shape-rounded{
		border-radius: 0px 0px 0px 0px;
	}
	body h2, body .h2 {
		background: #B2903A;
		border-radius: 0px 30px 0px 0px;
		font-weight: 200;
		font-size: 25px;
		line-height: 30px;
		text-transform: uppercase;
		display: inline-block;
		padding: 22px 30px;
		padding-right: 20px;
		padding-left: 15px;
	}
	#header .container {
		padding: 0;
		align-items: center;
		justify-content: space-between;
	}
		/* BURGER */
	.hamburger {
		z-index: 3;
		padding: 15px 15px;
		display: inline-block;
		cursor: pointer;
		transition-property: opacity, filter;
		transition-duration: 0.15s;
		transition-timing-function: linear;
		font: inherit;
		color: inherit;
		text-transform: none;
		background-color: transparent;
		border: 0;
		margin: 0;
		overflow: visible; }
	.hamburger:hover {
		opacity: 0.7; }
	.hamburger.is-active:hover {
		opacity: 0.7; }
	.hamburger.is-active .hamburger-inner,
	.hamburger.is-active .hamburger-inner::before,
	.hamburger.is-active .hamburger-inner::after {
		background-color: #fff; }

	.hamburger-box {
		width: 40px;
		height: 24px;
		display: inline-block;
		position: relative; }

	.hamburger-inner {
		display: block;
		top: 50%;
		margin-top: -2px; }
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
		width: 40px;
		height: 4px;
		background-color: #fff;
		border-radius: 4px;
		position: absolute;
		transition-property: transform;
		transition-duration: 0.15s;
		transition-timing-function: ease; }
	.hamburger-inner::before, .hamburger-inner::after {
		content: "";
		display: block; }
	.hamburger-inner::before {
		top: -10px; }
	.hamburger-inner::after {
		bottom: -10px; }


	.hamburger--spring .hamburger-inner {
		top: 2px;
		transition: background-color 0s 0.13s linear; }
	.hamburger--spring .hamburger-inner::before {
		top: 10px;
		transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	.hamburger--spring .hamburger-inner::after {
		top: 20px;
		transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

	.hamburger--spring.is-active .hamburger-inner {
		transition-delay: 0.22s;
		background-color: transparent !important; }
	.hamburger--spring.is-active .hamburger-inner::before {
		top: 0;
		transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translate3d(0, 10px, 0) rotate(45deg); }
	.hamburger--spring.is-active .hamburger-inner::after {
		top: 0;
		transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translate3d(0, 10px, 0) rotate(-45deg); }
	header .menu{
		max-height: 0;
		transition: all 0.3s ease;
		overflow: hidden;
		position: absolute;
		opacity: 0;
		top: 150px;text-align: center;
		width: 100%;
		padding-bottom: 70px;
	}
	header .menu.active{
		transition: all 0.3s ease;
		max-height: 900px;
		opacity: 1;
		overflow: scroll;
		height: calc(100vh - 150px);

	}
	#header{
		max-height: 150px;
		height: 150px;
		transition: all 0.3s ease;
		align-items: flex-start;
	}
	.menu-open #header{
		max-height: 900px;
		transition: all 0.3s ease;
		height: 100vh;
		align-items: flex-start;z-index: 4;

		background: rgba(31, 35, 57, 1);
	}
	body.menu-open{
		overflow: hidden;
	}
	.rsx a:last-of-type {
		margin-right: 0px;
	}
	#navbar {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		background: rgba(31, 35, 57, 0.5);
		flex-direction: column;
		position: absolute;
		left: 0;
	}
	.entry-title{
		font-weight: 300;
		font-size: 30px;
		line-height: 35px;
		text-transform: uppercase;
		width: 90%;
		bottom: 10%;
		padding: 25px;
	}
	.home h1.entry-title{
		width: 80%;
		position: absolute;
		right: inherit;
		top:50%;
		color: #FFF;
		transform: translateY(-50%);
		bottom: inherit;
		background: none;
		border-radius: 30px 0px 0px 0px;
		padding: 50px 88px;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
	}


}


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

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

}