/*
 Theme Name:   Divi Child Theme
 description: >-
   A child theme of Divi
 Author:       Manaweb
 Template:     Divi
 Version:      1.0.0
*/

/*
 Theme Name:  Divi Child Theme
 Theme URI:    https://www.manaweb.ca
 Description:  Child Theme for Divi
 Author:       ManaWeb
 Author URI:   https://www.manaweb.ca
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/



/* menu centré */
#top-menu-nav{
    text-align: center;
}

/* Smart Condo Plans is mounted by the client theme; do not edit widget assets. */
.smart-condo-plans-live {
	box-sizing: border-box;
	max-width: 100%;
	width: 100% !important;
}

body .smart-condo-plans-section.et_pb_section {
	background-color: transparent !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
	box-sizing: border-box;
	overflow: visible !important;
	padding: 32px !important;
	scroll-margin-top: 90px;
}

body .smart-condo-plans-section .et_pb_row {
	background-color: transparent !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
	box-sizing: border-box;
	margin: 0 !important;
	max-width: none !important;
	padding: 0 !important;
	width: 100% !important;
}

body .smart-condo-plans-section .et_pb_column,
body .smart-condo-plans-section .et_pb_code,
body .smart-condo-plans-section .et_pb_code_inner {
	background-color: transparent !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
	box-sizing: border-box;
	margin: 0 !important;
	max-width: none !important;
	padding: 0 !important;
	width: 100% !important;
}

body .smart-condo-plans-section.et_pb_section::before,
body .smart-condo-plans-section.et_pb_section::after,
body .smart-condo-plans-section > .et_pb_row::before,
body .smart-condo-plans-section > .et_pb_row::after {
	background: none !important;
	box-shadow: none !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
	body .smart-condo-plans-section.et_pb_section {
		padding: 24px !important;
	}
}

@media (max-width: 767px) {
	body .smart-condo-plans-section.et_pb_section {
		padding: 16px !important;
	}
}

/* Editable marketing copy layered over the existing hero media. */
.citta-marketing-hero.et_pb_section,
.citta-marketing-hero-slider {
	position: relative;
}

.citta-marketing-hero .citta-hero-copy-module {
	align-items: center;
	display: flex;
	height: 100%;
	inset: 0;
	margin: 0 !important;
	pointer-events: none;
	position: absolute !important;
	width: 100%;
	z-index: 4;
}

.citta-marketing-hero .citta-hero-copy-module .et_pb_code_inner {
	align-items: center;
	display: flex;
	height: 100%;
	width: 100%;
}

.citta-marketing-hero-slider .et_pb_slide_description {
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100% !important;
}

.citta-hero-copy {
	box-sizing: border-box;
	color: #ffffff;
	margin-left: clamp(64px, 7vw, 112px);
	margin-right: auto;
	max-width: min(620px, calc(100% - 176px));
	pointer-events: none;
	position: relative;
	text-align: left;
	width: max-content;
	z-index: 2;
}

.citta-hero-copy__lang,
.citta-hero-copy__inner {
	align-items: flex-start;
	background: rgba(22, 22, 22, 0.72);
	border-radius: 2px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 100%;
	padding: clamp(20px, 3vw, 38px);
}

.citta-hero-copy__lang--en {
	display: none;
}

html[lang^="en"] .citta-hero-copy__lang--fr {
	display: none;
}

html[lang^="en"] .citta-hero-copy__lang--en {
	display: flex;
}

.citta-hero-copy h2,
.citta-hero-copy p {
	color: #ffffff !important;
	margin: 0;
	padding: 0;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
}

.citta-hero-copy h2 {
	font-size: clamp(28px, 3.2vw, 48px);
	font-weight: 800;
	letter-spacing: 0.02em;
	line-height: 1.08;
}

.citta-hero-copy p {
	font-size: clamp(16px, 1.5vw, 21px);
	line-height: 1.4;
}

.citta-hero-cta {
	align-items: center;
	background: #dfb16d;
	border: 2px solid #dfb16d;
	box-sizing: border-box;
	color: #2b363b !important;
	display: inline-flex;
	font-size: 15px;
	font-weight: 800;
	justify-content: center;
	letter-spacing: 0.035em;
	line-height: 1.3;
	margin-top: 4px;
	max-width: 100%;
	min-height: 48px;
	padding: 11px 20px;
	pointer-events: auto;
	text-align: center;
	text-shadow: none !important;
	text-transform: uppercase;
	white-space: normal;
}

.citta-hero-cta:hover {
	background: #5f8191;
	border-color: #5f8191;
	color: #ffffff !important;
}

.citta-hero-cta:focus,
.citta-hero-cta:focus-visible {
	box-shadow: 0 0 0 3px #ffffff !important;
	outline: 3px solid #ffffff !important;
	outline-offset: 3px !important;
}

@media (max-width: 767px) {
	.citta-hero-copy {
		margin: 0 auto;
		max-width: calc(100% - 76px);
		text-align: center;
		width: 100%;
	}

	.citta-hero-copy__lang,
	.citta-hero-copy__inner {
		align-items: center;
		gap: 8px;
		padding: 16px;
	}

	.citta-hero-copy h2 {
		font-size: clamp(22px, 7vw, 28px);
	}

	.citta-hero-copy p {
		font-size: 15px;
	}

	.citta-hero-cta {
		font-size: 12px;
		min-height: 44px;
		padding: 9px 12px;
		width: 100%;
	}
}

/* Targeted condo-sales content refresh. */
.citta-project-label {
	color: #5f8191;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.12em;
	margin-bottom: 12px;
	text-transform: uppercase;
}

.citta-availability-message {
	color: #dfb16d;
	font-size: 21px;
	font-weight: 700;
	margin-top: 14px;
}

.citta-sales-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	justify-content: center;
	margin-top: 26px;
}

.citta-sales-cta {
	border: 2px solid #dfb16d;
	box-sizing: border-box;
	display: inline-block;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.04em;
	padding: 12px 22px;
	text-transform: uppercase;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.citta-sales-cta--primary,
.citta-sales-conversion .citta-sales-cta,
.citta-condo-promotion .citta-sales-cta {
	background: #dfb16d;
	color: #2b363b !important;
}

.citta-sales-cta--secondary {
	background: transparent;
	color: #2b363b !important;
}

.citta-sales-cta:hover,
.citta-sales-cta:focus {
	background: #5f8191;
	border-color: #5f8191;
	color: #ffffff !important;
}

.citta-sales-amenities {
	margin: 54px auto 0;
	max-width: 900px;
}

.citta-condo-promotion.et_pb_section,
.citta-sales-conversion.et_pb_section {
	padding: 64px clamp(18px, 4vw, 72px) !important;
	text-align: center;
}

body .citta-condo-promotion.et_pb_section {
	background: #f4f4f2 !important;
}

body .citta-sales-conversion.et_pb_section {
	background: #2b363b !important;
	color: #ffffff;
}

.citta-sales-conversion h2,
.citta-sales-conversion p {
	color: #ffffff;
}

.citta-condo-promotion p,
.citta-sales-conversion p {
	font-size: 18px;
	line-height: 1.6;
	margin: 0 auto;
	max-width: 850px;
}

@media (max-width: 767px) {
	.citta-availability-message {
		font-size: 18px;
	}

	.citta-sales-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.citta-sales-cta {
		width: 100%;
	}

	.citta-condo-promotion.et_pb_section,
	.citta-sales-conversion.et_pb_section {
		padding-bottom: 40px !important;
		padding-top: 40px !important;
	}
}
	
/* fond menu */
#main-header, .et-search-form, #main-header .et_mobile_menu {
    background-color: #2b363b;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-attachment: inherit;
    background-size: 100%;
}

#page-container{
    overflow-x:hidden;
	padding-top: 70px !important;
}

/* fonts */


h1{
    font-size: 45px;
    color: #95B8CA;
}

h2{
    font-size: 32px;
    font-weight: 800;
}

html h3{
    font-size: 18px;
    color: #2B363B;
    font-weight: bold;
}

.popup-intro {
    font-size: 18px;
    color: #F0F0F0;
    font-weight: 800;
	text-align: center;
}

.popup-cta {
    font-size: 20px;
    color: #95B8CA;
    font-weight: 800;
	text-align: center;
}
.et_pb_contact_submit{
    color: #FFFFFF;
    background-color: #95B8CA;
    font-family: Raleway;
    font-weight: 800;
text-transform: capitalize!important;
	margin-top: 20px;
}

.et_pb_contact .et_pb_contact_field_half {
    float: left;
    width: 100%;
}

.et_contact_bottom_container {
    float: none;
    margin-top: 20px;
    text-align: center;
}

.et_pb_contact_form_0 .et_pb_contact_field {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
}

.et_pb_button:hover, .et_pb_module .et_pb_button:hover {
    padding: .3em 2em .3em .7em;
    border: 2px solid #fff;
    color: #fff;
}


/* alignements*/

.et_pb_row {
    padding: 0;
}

.parcs {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 800;
    text-shadow: 0em 0em 1.4em rgba(0,0,0,0.6);
    margin: auto;
		color: #FFF;
	font-size: 15px;
}

.bandeau-jaune{
	display:block;
	padding: 5px 25px 5px 25px;
  margin: 0 120px 15px -25px;
  background-color: #5E8191;
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
	height: 35px;
}

.triangles-jaunes{ 
    position:absolute; top:0px; right:21px;
    background: url('/wp-content/uploads/2020/02/triangles-bleus-inverse.png') no-repeat;
    height: 35px;
    width: 100px;
    background-size: cover;
}



.bandeau-jaune-inverse{
	display:block;
	padding: 5px 25px 5px 25px;
  margin: 0 -25px 15px 80px;
  background-color: #DBA057;
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
	height: 35px;
}

.text__on-image img{
    z-index:1;
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
}

.text__on-image .et_pb_column{
    position:relative;
}

.text__on-image .et_pb_text_inner{
    position:absolute;
    bottom:0px;
    left:0px;
}


.bandeau-jaune__on-image{
	display:block;
	padding: 5px 25px 5px 25px;
  margin: 0 120px 15px -25px;
    background-color: #DBA057;
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
    height: 35px;
    z-index:2;
    position:relative;
    bottom:20px;
    left:0px;
}


.bandeau-jaune__on-image .triangles-jaunes{ 
    position:absolute; top:0px; right:-100px;
    background: url('/wp-content/uploads/2020/02/triangles-jaunes.png') no-repeat;
    height: 35px;
    width: 100px;
    background-size: cover;
}

.bandeau-jaune__on-image p{
    padding-left:1rem;
}




.adjust-text-box h3{
    font-size:24px;
    font-weight:400;
    color:#95b8ca;
}

.adjust-text-box h4{
    font-size:36px;
    font-weight:200;
    color:#2B363B;
}
.adjust-text-box .et_pb_column_1_2:nth-last-of-type(1){
    padding:20px;
}
.adjust-text-box .et_pb_column_1_2:nth-last-of-type(1) .et_pb_text_inner{
    position:relative;
    top:initial;
    right:initial;
    bottom:initial;
    left:initial;
}

.triangles-jaunes-inverse{ 
    position:absolute; top:0px; left:-19px;
    background: url('/wp-content/uploads/2020/02/triangles-jaunes-e1582040764943.png') no-repeat;
    height: 35px;
    width: 100px;
    background-size: cover;
}

.bandeau-bleu{
	display:block;
	padding: 5px 25px 5px 25px;
  margin: 0 -25px 15px 80px;
  background-color: #5E8191;
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
	height: 35px;
}

.triangles-bleus{ 
    position:absolute; top:0px; left:-19px;
    background: url('/wp-content/uploads/2019/07/triangles-bleus.svg') no-repeat;
    height: 35px;
    width: 100px;
    background-size: cover;
}

/* colonnes Contact-form */
responsive-form{
	max-width:800px /*-- change this to get your desired form width --*/;
	margin:0 auto;
  width:100%;
}

.form-row{
	width: 100%;
	font-size:14px;
	color: #8D8D8D;
}

.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea {
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box;
font-size: 20px;
}
.wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 input[type="tel"]:focus{
	background: #fff;
}
.wpcf7-submit{
	float: left;
	background: #5E8191;
	color: #fff;
	text-transform: uppercase;
	border: none;
	padding: 8px 20px;
	cursor: pointer;
	font-size: 18px;
  font-weight: 700;
}
.wpcf7-submit:hover{
	background: #95B8CA;
}

.citta-contact-form {
	color: #424242;
	font-size: 16px;
}

.citta-contact-form__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px 28px;
}

.citta-contact-form__grid > p {
	display: contents;
}

.citta-contact-form__grid > p > br {
	display: none;
}

.citta-contact-form label,
.citta-contact-form legend {
	display: block;
	font-weight: 700;
	line-height: 1.4;
}

.citta-contact-form label .wpcf7-form-control-wrap {
	display: block;
	margin-top: 8px;
}

.citta-contact-form input[type="text"],
.citta-contact-form input[type="email"],
.citta-contact-form input[type="tel"],
.citta-contact-form textarea {
	background: #eee;
}

.citta-contact-form__choice {
	min-width: 0;
	margin: 28px 0 0;
	padding: 0;
	border: 0;
}

.citta-contact-form__choice legend {
	margin-bottom: 10px;
}

.citta-contact-form__choice .wpcf7-radio {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 24px;
}

.citta-contact-form__choice .wpcf7-list-item {
	margin: 0;
}

.citta-contact-form__choice .wpcf7-list-item label {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-weight: 400;
}

.citta-contact-form__message {
	margin-top: 28px;
}

.citta-contact-form__message textarea {
	min-height: 150px;
	resize: vertical;
}

.citta-contact-form__action {
	display: flex;
	align-items: center;
	margin-top: 22px;
}

.citta-contact-form__action .wpcf7-submit {
	float: none;
}

.citta-contact-map {
	display: block;
	width: 100%;
	height: 600px;
	border: 0;
}

@media (max-width: 767px) {
	.citta-contact-form__grid {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.citta-contact-form__choice {
		margin-top: 22px;
	}

	.citta-contact-map {
		height: 420px;
	}
}

span.wpcf7-not-valid-tip{
	    font-size: 12px;
    color: #ff0000;
    padding: 5px;
    font-weight: 600;
}

div.wpcf7-validation-errors { 
	    text-shadow: none;
    border: transparent;
    background: #ff0000;
    padding: 5px;
    color: #FFF;
    text-align: center;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
}

div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #59a80f;
	border-color: #59a80f;
	color: #fff;
	margin: 0;
}

.popmake .wpcf7 input[type="text"],.popmake .wpcf7 input[type="email"],.popmake .wpcf7 textarea{
    border-width: 1px;
    border-color: #8d8d8d;
    border-style: solid;
    color: #8d8d8d;
    background-color: #ffffff;
    width: 100%;
    padding: 16px;
    border-radius: 0;
    font-size:14px;
    -webkit-apperance:none;
    margin:0;
    text-align:center;
    border: 1px solid #bbb;
}

.popmake .mc4wp-checkbox label{
    display:block;
    text-align:center;
}

.popmake .mc4wp-checkbox span{
    color:#fff;
    font-size:16px;
    font-weight:400;
}

.popmake .wpcf7-form-control.wpcf7-submit{
    color: #fff;
    background-color: #95B8CA;
    font-family: Raleway;
    font-weight: 800;
    text-transform: capitalize!important;
    margin-top: 20px;
    box-sizing:border-box;
    display: block;
    margin: 0 auto;
    cursor:pointer;
    padding: .3em 1em;
    border: 2px solid;
    font-size: 20px;
    line-height: 1.7em!important;
    transition: all .2s;
    float:none;

}

.popmake .wpcf7-form-control.wpcf7-submit:hover{
    padding: .3em 2em .3em .7em;
    border: 2px solid #95B8CA;
    color: #95B8CA;
    background-color: rgba(0,0,0,.05);
}

.qjn-close-button{
    cursor:pointer;
}

.section-padding{
    padding-top:20px;
    padding-bottom:20px;
}

.building-iframe{
    width:100%;
    height:100%;
    background-color:transparent;
}

.plan-selector .et_pb_fullwidth_code{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
}

.plan-selector .et_pb_fullwidth_image_0{
    height:auto !important;
}

#iframe-container{
    height:100%;
}

#iframe-container .building-iframe{
    position: absolute;
    top: -115px;
    z-index: 10;
    height: 700px;
    left: -15px;
    width: 934px;
    max-width: 2500px;
}


html body .img-responsive-map{
    margin-top:0px !important;
}




/**--MEDIA QUERY --**/

@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}

.container.et_menu_container {
    width: 100%;
}

.floating-logo{
    position:absolute;
}
.header-phases{
    min-height:120px;
    padding-top:0px;
    padding-bottom:0px;
}
#phaseText{
    position:relative;
    top:-35px;
}
.hidden{
    visibility:hidden;
}
.divi-hover-image .et_pb_column .et_pb_text_14:hover{filter:opacity(1);}
.divi-hover-image .et_pb_column .et_pb_text_13:hover{filter:opacity(1);}
.divi-hover-image .et_pb_with_border.et_pb_module{
    padding-top: 0px !important;
}
@media only screen and (max-width: 980px){
    .divi-hover-image{
        display:flex;
        flex-direction:column;
        flex-wrap:wrap;
    }
    .divi-hover-image h3{
        display:none;
    }

    .divi-hover-image .et_pb_column:nth-child(1){order:2;}
    .divi-hover-image .et_pb_column:nth-child(2){order:1;}
    .divi-hover-image .et_pb_column:nth-child(3){order:3;}




    .divi-hover-image .et_pb_column{display:flex;flex-direction:column;}

    .divi-hover-image .et_pb_column .et_pb_module:nth-child(1){order:2;}
    .divi-hover-image .et_pb_column .et_pb_module:nth-child(2){order:3;}
    .divi-hover-image .et_pb_column .et_pb_module:nth-child(3){order:1;}

    .divi-hover-image .et_pb_text_11, .divi-hover-image .et_pb_text_17, .divi-hover-image .et_pb_text_14, .divi-hover-image .et_pb_text_10  {
        display: block!important;
        margin-top:0px !important;
    }
    .divi-hover-image  .et_pb_text:nth-child(1) {
        display: block!important;
        margin-top:0px !important;
    }
    .divi-hover-image  .et_pb_text:nth-child(2),     .divi-hover-image  .et_pb_text:nth-child(3) {
        margin-top:20px !important;
    }

    .divi-hover-image .et_pb_text:hover{
        filter:opacity(1) !important;
    }



}
.header-icons{
    display:inline;
    margin-right: 5px;
}
.header-icons:nth-last-of-type(1){
    margin-right:0px;
}
.header-phases .et_pb_row_inner{
    padding:0px;
    text-align:right;
}
.header-phases .et_pb_row_inner:nth-of-type(1){
    margin-bottom:15px;
}
.header-social__text .et_pb_text_inner, .header-social__text{
    display:inline;
    margin-right:10px;
}
.header-phases__buttons{
    width:100%;
}
.header-phases__buttons, .header-phases__buttons:hover{
    background-color:#5e8191;
    padding:10px !important;
    border:none !important;
    text-align:center;
    color:#ffffff;
    font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
    font-size:16px;
    line-height:20px;
    font-weight:600;
    text-transform:uppercase;
    transition: all 0.3s;

}
.header-phases__buttons:hover:after, .header-phases__buttons:hover:before{
    content:none;
}
html .header-phases__buttons:hover{
    color:rgba(255,255,255,0.8) !important;
}

.sub-images-gallery{
    padding-top:15px;
    padding-bottom:15px;
}
.sub-images-gallery .et_pb_column.et_pb_column_1_3{
    margin-right:0px;
    padding-right:10px;
    box-sizing:border-box;
    width:33%;
}
.sub-images-gallery .et_pb_row{
    width:90%;
}
.sub-images-gallery .et_pb_column:nth-last-of-type(1){
    padding-right:0px;
}
.sub-images-gallery .et_pb_image{
    margin-bottom:10px !important;
}
.sub-images-gallery img{
    position:relative;
    width:100%;
    height:250px;
}
.sub-images-gallery h2{
    font-weight:400;
}
.sub-images-gallery .bandeau-jaune{
    position:absolute;
    z-index:2;
    bottom:3px;
    left:25px;
}
.sub-images-gallery .bandeau-jaune h5{
    color:#fff !important;
    font-size:20px;
}
.sub-images-gallery .triangles-jaunes{
    right:-99px;
}
.flex-container{
    display:flex;
    width:100%;
    max-width:90%;
    margin:0 auto;
    justify-content:space-between;
    flex-wrap:wrap;
}
.flex-col-1{
    flex: 1 1 16.5%;
    box-sizing:border-box;
    padding-right:40px;
}
.flex-col-2{
    flex: 1 1 25%;
    box-sizing:border-box;
    padding-right:40px;
}
.flex-col-1:nth-last-of-type(1){
    padding-right:0;
}
.light-text, .light-text > *{
    font-weight:200 !important;
}
.italic, .italic > *{
    font-style:italic;
}

#footer-bottom{
    padding:30px 0;
}
#footer-bottom p{
    color:#fff;
    font-size:14px;
    line-height:18px;
}
#footer-bottom img{
    display:block;
}
.text-justify{
    text-align:justify;
}
.spacer-small{
    margin-bottom:10px;
}
.spacer-medium{
    margin-bottom:20px;
}
.footer-special-padding{
    padding-top:45px;
}
#footer-bottom li a{
    text-transform:uppercase;
    color:#ffffff;
    font-size:14px;
    font-weight:700;
}
#footer-bottom .bigger-text{
    font-size:16px;
}
.menu-footer-container li{
    margin-bottom:7px;
}
.img-responsive-map{
    position:relative;
    z-index:2;
}
.svg-responsive-map{
    position:absolute;
    max-width:100%;
    max-height:100%;
    z-index:3;
    left:-110px;
    top:10px;

}
.responsive-map-container{
    position:relative;
}
.responsive-map-container .et_pb_fullwidth_code, .responsive-map-container .et_pb_code_inner{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:3;
    overflow:hidden;
}
.showSlides, .showSlidesContent {
    display: none;
    overflow:hidden;
  }
  .slideshowimg{
        width:100%;
        border-radius:4px;

  }
.banners-control-container {
    padding-left: 1rem;
    padding-right: 1rem;
    position: absolute;
    left: 0px;
    top: 40%;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    box-sizing: border-box;
  }
  
  .banners-control-container:focus {
    outline: none;
  }
  
  .banners-control-container button {

    background-color:transparent;
    border:0;
    width:50px;
    height:200px;
    cursor: pointer;
  }
  .banners-control-container button svg{
    fill: #ffffff;
  }
  .banner-list {
    position: relative;
  }
  .banner-list * {
    box-sizing:border-box
  }
  .banners li {
    max-width: 100%;
    max-height:700px;
  }
  .p-relative{
      position:relative;
  }
  .full-width-container .et_pb_row{
    width:100%;
  }

  .flex-align-center{
      align-items:center;
  }

  #et_pb_contact_form_0 .et_pb_contact_field{
    padding-left:0px;
  }




@media (min-width: 981px){

    #choix-finition-interieur .et_pb_text_inner h3{
        min-height:35px;
    }
    .et_pb_gutters1 .et_pb_column_1_3 .et_pb_module, .et_pb_gutters1.et_pb_row .et_pb_column_1_3 .et_pb_module{
        margin-bottom:0px !important;
    }
    .adjust-text-box .et_pb_column_1_2{
        margin-right:0px;
    }

    .divi-hover-image .et_pb_with_border.et_pb_module{
        height:343px;
        border-left:0px;
        border-right:0px;
    }
    .no-animation:hover{
        filter: opacity(100%) !important;
        backface-visibility: visible !important;
    }

    .side-button-fixed{
        position:fixed;
        top:120px;
        right:0px;
        background: #5E8191;
        color: #fff;
        text-transform: uppercase;
        border: none;
        padding: 20px 8px;
        cursor: pointer;
        font-size: 16px;
        font-weight: 500;
        z-index: 100;
        box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
        border-radius:4px;
        writing-mode: vertical-rl;
        text-orientation: upright;
      }
	h1{
        font-size: 30px !important;
        font-weight: 700;
        }
    .et_mobile_menu {
        background-size: 70%!important;
    }
    .mobile_menu_bar {
        padding: 15px;
        padding-bottom: 15px!important;
    }
        .mobile_menu_bar:before {
        font-size: 50px;
    }
        
        .et_mobile_menu li a {
        padding: 10px 5%;
            font-size: 16px;
    }

    .et_pb_svg_logo #logo, .et_pb_svg_logo.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo {
        height: 100%;
    }
    
    .et_vertical_fixed.admin-bar #page-container #main-header{
        top:0px;
    }
    .et_vertical_nav #main-header #logo{
        margin-bottom:0px !important;
    }


    .et_vertical_nav #main-header #top-menu li ul{
        position:relative;
        top: 0px;
        left: 0px;
        padding-top:5px;
        padding-bottom:5px;
        opacity:1;
        visibility:visible;
        border:0px;
        box-shadow: none;
    }

    .et_vertical_nav.et_vertical_fixed.et_header_style_left #et-top-navigation{
        padding-top:15px;
    }
    .et_vertical_nav #main-header #top-menu>li{
        margin-bottom:15px;
    }
    .et_vertical_nav #main-header #top-menu>li>a{
        padding:0;
        margin:0;
    }
    .et_vertical_nav #main-header #top-menu li ul li{
        position:static;
        line-height:24px;
        margin-bottom:5px;
    }
    .qjn-close-button{
        position: relative;
        padding: 0px;
        border: 0px;
        text-shadow: 0 0;
        background:transparent;
        transition: all 0.3s;
    }
    
    .qjn-close-button__container{
        text-align:center;
        position:relative;
        transition: all 0.3s;
    }

    #top-menu li li{
        padding:10px 0px 10px 20px;
        text-align:center;
    }

    
    html #top-menu li:not(.current_page_item) li a{
        padding:0px;

    }
    .sub-menu li:first-of-type{
        margin-top:0px !important;
    }
    .et_vertical_nav #page-container #main-header{
        width:305px;
        transition: all 0.3s;
    }
    #top-menu li li a{
        padding:0px;
    }

    .et_vertical_nav #page-container #main-header:not(.active){
        left:-305px;
        position:fixed;
    }
    .et_vertical_nav #page-container #main-header .logo_container{
        transition: all 0.3s;
    }
    .et_vertical_nav #page-container #main-header:not(.active) .logo_container{
        left:275px;
    }
    .et_vertical_nav #page-container #main-header:not(.active) .qjn-close-button__container{
        left:325px;
        z-index: 1000;
        top:100px;
        position: absolute;

    }
    .et_vertical_nav #page-container #main-header:not(.active) .qjn-close-button__icon-open{
        display:block;
        border-radius:50%;
        background-color:#95b8ca;
        line-height:0px;
        box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
        padding:5px 5px 3px;
    }
    .et_vertical_nav #page-container #main-header:not(.active) .qjn-close-button__icon-close{
        display:none;
    }
    .et_vertical_nav #page-container #main-header.active .qjn-close-button__icon-close{
        display:block;
    }
    .et_vertical_nav #page-container #main-header.active .qjn-close-button__icon-open{
        display:none;
    }
    .et_vertical_nav #page-container #main-header:not(.active) .logo_container img{
        width:60%;
        position: relative;
        top: -50px;
    }
    .et_vertical_nav #page-container #main-header.active{
        left:0px;
    }
    html .et_vertical_nav #et-main-area:not(.active), html .et_vertical_nav #top-header:not(.active){
        margin-left:0px !important;
    }
    html .et_vertical_nav #et-main-area{
        transition: all 0.3s;
    }
    html .et_vertical_nav #et-main-area.active, html .et_vertical_nav #top-header.active{
        margin-left:305px !important;
    }
    #top-menu li a{
        font-size:14px !important;
        line-height:normal
    }
    .et_pb_fullwidth_image_0:not(.img-responsive-map){
        height:100% !important;
    }
    .header-relative-negative{
        padding:0px;
        background-color:transparent;
        position:relative;
        margin-bottom:40px;
    }
  .header-relative-negative .et_pb_row{
      margin: -90px auto 0px;
      background-color:transparent;
      padding:0px;
      position:relative;
  }

}

@media (min-width: 1300px){
    .divi-hover-image .et_pb_with_border.et_pb_module{
        height:440px;
        border-left:0px;
        border-right:0px;
    }
}

.et_vertical_nav #main-header #top-menu li ul .disabled, .et_vertical_nav #main-header #et_mobile_nav_menu li ul .disabled{
    display:none;
}


.disabled{
    pointer-events:none;
    cursor:initial;

}
.disabled a{
    color:rgba(255,255,255,0.4) !important;
}

.popup-intro {
    font-size: 18px;
    font-weight: 800;
    text-align: center;
}

#top-menu .menu-item-has-children>a:first-child:after{
    content: none;
}

html .et_pb_contact_submit{
    color: #fff;
}

#top-menu li:not(.current_page_item) a, #mobile_menu li:not(.current_page_item) a{
    color: rgb(255,255,255);
    text-transform:uppercase;
    
}
html #top-menu li li a, html #mobile_menu li li a{
    text-transform:none;
}
html #top-menu li li:not(.disabled) a, html #mobile_menu li li:not(.disabled) a{
    color: rgba(255,255,255,.6) !important;

}
#footer-bottom img{
    margin-bottom:15px;
}

.d-none{
    display:none !important;
}
.checkbox-special__align-1 .wpcf7-checkbox{
    max-width:150px;
    display:block;
}
.checkbox-special__align-2 .wpcf7-checkbox{
    max-width:250px;
    display:block;
}

.plan-loader, .plan-loader .et_pb_code_inner{
    height:100%;
}

.svg-responsive-map a{
    position:relative;
    pointer-events:all;
}

.svg-responsive-map a circle{
    transition: fill 0.3s;
}

.svg-responsive-map a:not(.disabled):hover circle{
    fill:#95b8ca;
}

.svg-responsive-map .st0{
    opacity:0;
    fill:#BDCCD4;
    transition: all 0.3s;
}
.fix-popup-header span{
	display:block;
}
.fix-popup-header{
	text-align:center !important;
}
.fix-popup-header img{
	display:block;
margin:0 auto;

}

.pum-content.popmake-content .et_pb_section{
    padding: 0px !important;
}

.pum-content.popmake-content .et_pb_row {
    margin-left:32px !important;
    margin-right:32px !important;
    width: calc(100% - 64px);
}

@media(max-width:800px){
    .pum-content.popmake-content .et_pb_row {
        margin-left:16px !important;
        margin-right:16px !important;
        padding-top:16px !important;
        padding-bottom:16 !important;
        width: calc(100% - 32px);
    }
}


.map-full--height{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-full--height iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
/*
@media(max-width:978px){
    .map--full-height{
        margin-top:15px;
    }
}

@media(min-width:979px){
    .map--full-height{
        position: absolute !important;
        width: 100%;
        height: 695px !important;

        top: -30px;
    }
}
@media(min-width:1024px){
    .map--full-height{
        height: 720px !important;


    }
}

@media(min-width:1200px){
    .map--full-height{
        top: -35px;
    }
}

@media(min-width:1400px){
    .map--full-height{
        top: -40px;
    }
}

@media(min-width:1500px){
    .map--full-height{



        top: -45px;
    }
}

@media(min-width:1600px){
    .map--full-height{
        top: -80px;
    }
}

*/


.svg-responsive-map a:not(.disabled):hover .st0{
    opacity:0.3;fill:#BDCCD4;
}

.et_fixed_nav #main-header, .et_fixed_nav #top-header{
    top:0;
}


.loader-container{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    background-color: #fff;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    margin:0 auto;
    position:relative;
    top:120px;
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  
  @keyframes fadein {
    from {
        opacity:0;
    }
  
    to {
        opacity:1;
    }
  }


@media (max-width: 980px){
    #phaseText{
        margin-top:0px;
    }
    .divi-hover-image .et_pb_with_border.et_pb_module{
        border-left:0px;
        border-right:0px;
    }
    .divi-hover-image .et_pb_with_border.et_pb_module.no-animation{
        display:none;
    }
    .side-button-fixed{
        display:none;
    }
    .flex-col-1, .flex-col-2{
        flex: 1 1 100%;
        margin-bottom:15px;
    }

	
    .qjn-close-button{
        display:none;
    }
    #main-header {
        background-image: none!important;
    }
    #page-container{
        padding-right:0px !important;
    }
    .et_pb_svg_logo #logo, .et_pb_svg_logo.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo{
        height:100%;
    }
    #logo{
        padding-left:15px;

    }
    #et-top-navigation{
        padding-right:15px;
    }

    .qjn-level-menu .et_mobile_nav_menu{
        display:none;
    }
    .qjn-level-menu .fullwidth-menu, .qjn-level-menu .fullwidth-menu-nav{
        display:block !important;
    }
    .footer-special-padding{
        padding-top:0px;
    }
    .plan-selector .et_pb_fullwidth_code{
        position:relative;
    }
    .banners-control-container{
        top:10%;
    }
}

.svg-responsive-map{
    opacity:0;
    transition: opacity 0.3s;
}

.svg-responsive-map.active{
    opacity:1;
}

.map--full-height{
	min-height:400px;
}

.flex-row{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
.flex-half{
	flex: 0 1 50%;
}

.full-height, .full-height > *{
	height:100%;
	min-height:100%;
}

.full-height img{
	height:100%;
	width:100%;
}

.full-width{
	width:100%;
}

@media(max-width:800px){
.flex-half{
	flex: 0 1 100%;
}
}


@media(max-width:600px){
	
}

/* Animations */
.fade-animation{
    opacity:1;
}

.fade-in--content{
    opacity:0;
    transition: opacity 0.3s;
}

/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
  }
  
  @-webkit-keyframes fade {
    from {opacity: 0}
    to {opacity: 1}
  }
  
  @keyframes fade {
    from {opacity: 0}
    to {opacity: 1}
  }



.slideshow-img{
        -webkit-animation-name: zoom;
        -webkit-animation-duration: 12s;
        animation-name: zoom;
        animation-duration: 12s;
        animation-fill-mode: forwards;
        overflow:hidden;

  }
  @-webkit-keyframes zoom {
    from {transform: scale(1.0, 1.0)}
    to {transform: scale(1.1, 1.1)}
  }
  
  @keyframes zoom {
    from {transform: scale(1.0, 1.0)}
    to {transform: scale(1.1, 1.1)}
  }
  @media only screen and (max-width:1400px){
    .svg-responsive-map{
        left:-100px !important;
    }
  }
  @media only screen and (max-width: 1024px) {
    .svg-responsive-map{
        left:-50px !important;
    }
    .sub-images-gallery .et_pb_column.et_pb_column_1_3{
        width:50%;
    }
    .d-none-mobile{
        display:none;
    }
}

  @media only screen and (max-width: 800px) {
    .sub-images-gallery .et_pb_column.et_pb_column_1_3{
        width:100%;
        margin-bottom:5px;
    }
    .sub-images-gallery .et_pb_row{
        padding-bottom:0px;
        padding-top:0px;
    }
    .et_pb_post_title_0 .et_pb_title_container h1.entry-title, .et_pb_post_title_0 .et_pb_title_container h2.entry-title, .et_pb_post_title_0 .et_pb_title_container h3.entry-title, .et_pb_post_title_0 .et_pb_title_container h4.entry-title, .et_pb_post_title_0 .et_pb_title_container h5.entry-title, .et_pb_post_title_0 .et_pb_title_container h6.entry-title{
        font-size:34px !important;
    }

}

  @media (max-width: 600px){
    .banners-control-container{
        top:0%;
    }
    .sub-images-gallery .bandeau-jaune h5{
        font-size:12px;
    }
    .sub-images-gallery img{
        height:auto;
    }
    .icone-service{
        padding-left:0px !important;
    }
    .icone-service li p{
        line-height:14px;
    }
  }

  @media (min-width: 1900px){
    #choix-finition-interieur{
        margin-bottom:80px;
    }
  }

  @media (min-width: 2400px){
    #choix-finition-interieur{
        margin-bottom:160px;
    }
  }


.et_pb_fullwidth_section .et_pb_slide_image{
	width:100% !important;
	
}
.et_pb_fullwidth_section .et_pb_slide{
	padding:0 !important;
}
.et_pb_fullwidth_section .et_pb_slide .et_pb_container{
	max-width:none !important;
}

.readmore-input{
    margin-right:15px;
    height: 48px;
    line-height: 48px;

    font-size: 20px;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.mt-3{
    margin-top:3rem;
}

.red-text{
    color:red;
}
.green-text{
    color:green;
}

/*
* JONATHAN CUSTOM CODE REMOVE IF BREAK (2020-09)
*/
#et-secondary-nav .menu-item-has-children>a:first-child, #top-menu .menu-item-has-children>a:first-child {
    padding-right: 0px !important;
}

/*JOHN SIDEFORM */
.SideForm{
    position:fixed;
    right:0px;
    top:100px;
    height:100%;
	pointer-events:none;
    transition:all 0.3s;
    z-index:18;
}

.SideForm #SideFormToggle{
    padding:5px;
    background-color:rgb(66, 66, 66);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    transform:rotate(180deg);
    position:absolute;
    z-index:19;
    left:-27px;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    transition: all 0.6s;
	pointer-events:all;
}
.SideForm #SideFormToggle:hover{
    background-color:rgb(0, 0, 0);
}

.SideForm .wpcf7-submit{
    float:none;
}
.SideForm #SideFormToggle .label{

    writing-mode: vertical-rl;
    text-orientation: mixed;
    color:#fff;
    font-size:14px;
    letter-spacing:2px;
    line-height:14px;
}
.SideForm #SideFormToggle .separator{
    color:#fff;
    transform: rotate(90deg);
    padding:0;
    font-size:14px;
    line-height:14px;
}
.SideForm #SideFormToggle .carret-down{
    color:#fff;
    font-size:14px;
    transform:rotate(-90deg);

}
.SideForm img{
    max-width:130px;
    display:block;
    margin:10px auto 30px;
}
.SideForm-content{
    position:relative;
    display:block;
}
.SideForm-content{
	pointer-events:all;
    background:#fff;

    display:block;


    height:100%;
    width:300px;
    transition: all 0.3s;

    padding:10px 20px;
    overflow-y:scroll;

}
.SideForm-content h2{
    font-size:22px;
    margin-bottom:15px;
} 
.SideForm-content h3{
    font-size:16px;
    margin-bottom:15px;
}
.SideForm-container{
    transition: all 0.3s;
    height:100%;
    right: -300px;
    position:relative;
    box-shadow: 0 8px 10px -5px rgba(0,0,0,.2), 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.12);
}
.SideForm-container.active{


    transform: translateX(-300px);
}

@media (max-width: 768px) {
	/* The legacy English timed popup covers the primary content on phones.
	 * Mobile visitors retain the appointment CTA and user-controlled side form. */
	#pum-3077,
	#popmake-3077 {
		display: none !important;
	}

	html.pum-open,
	html.pum-open body {
		overflow: auto !important;
	}

	.SideForm {
		height: calc(100vh - 80px);
		height: calc(100dvh - 80px);
		top: 80px;
	}

	.SideForm-container:not(.active) .SideForm-content {
		pointer-events: none;
		visibility: hidden;
	}

	.SideForm-content {
		max-height: calc(100vh - 80px);
		max-height: calc(100dvh - 80px);
	}
}

#main-header .nav li ul{
	background-color:rgba(255,255,255,0.8) !important;
}
html #top-menu li li:not(.disabled) a{
	color:#020202 !important;
}
/*
.full-slider-fix{
    position:relative;
}

.full-slider-fix .et_pb_row .et_pb_column{
    float:none;
    display:block;
    width:100%;
}
div#n2-ss-2 .n2-ss-slider-3, div#n2-ss-2 .n2-ss-slide {
    width:100% !important;
    height: 1250px !important;
}
.full-slider-fix--text{
    position:absolute;
    z-index:32;
    pointer-events:none;
    width:100%;
    display:block;
    float:none;
    background-color:rgba(0,0,0,.3);
}
@media(max-width:767px){
    .full-slider-fix--text{
        position:relative;
    }

    div#n2-ss-2 .n2-ss-slider-3 {
        width:100% !important;
        height: 237px !important;
    }
}
*/
div#n2-ss-2 .n2-ss-slider-pane, div#n2-ss-2 .n2-ss-slide{
    height: 100% !important;
}
.full-slider-fix--container{
    padding:0;
}

div#n2-ss-2 .n2-ss-slider-3{
    height: 915px !important;
    max-width:952px;
}

div#n2-ss-2 .n2-ss-slide{
    margin-left:0px !important;
    margin-right:0px !important;
    width:100% !important;
}

.n2-ss-slider [data-mode=stretch] .n2-ss-slide-background-image{
	backround-size:cover !important;
}


/*JOHN MEDIA QUERY */

@media(max-width:1400px){
    .footer-style .et_pb_column{
        z-index:initial;
    }
}

@media(max-width:1300px){
    #iframe-container .building-iframe{
        width:100%;

    }

}

@media (min-width: 981px){
	.page-id-2084 .et_pb_gutters1 .et_pb_column:not(.et_pb_column_3), .page-id-2084 .et_pb_gutters1.et_pb_row .et_pb_column:not(.et_pb_column_3){
		margin-right:5.5%;
	}
	.page-id-2084 .et_pb_gutters1 .et_pb_column_1_3{
			width: 29.6667%;
	}


}

@media(max-width:980px){
		html body .align-slider--mobile{
		position:relative;
		left:-10px;
		margin-left: auto !important;
		margin-right: auto !important;
		display:block;
	}
}

@media (min-width:981px) and (max-width:1300px){
		div#n2-ss-2 .n2-ss-slider-pane, div#n2-ss-2 .n2-ss-slider{
		height:490px !important;
	}
}




@media(max-width:767px){
/*     #iframe-container .building-iframe{
        width:100%;
        position:relative;
    }
    .page-id-330 .tablet-special-case{
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        width:100%;
    }
    .page-id-330 .open-popup-phases{
        order:1;
    }
    .page-id-330 #iframe-container{
        width:100%;
        order:0;
    } */
	.special-position-static{
		position:static !important;
	}
	
	#iframe-container .building-iframe {
    position: absolute;
    top: -135px;
    z-index: 10;
    height: 700px;
    left: 0px;
    width: 100%;
    max-width: 2500px;
}

}
@media only screen and (min-width: 981px){
	.pum-container.size-custom .et_pb_section_0{
		    display: block!important;
	}

}
@media(max-width:1300px){

	.page-id-2471 .et_pb_section_1.et_pb_section, 
	.page-id-2778 .et_pb_section_1.et_pb_section,
	.page-id-2150 .et_pb_section_1.et_pb_section, 
	.page-id-330 .et_pb_section_1.et_pb_section{
		padding-top:8%;
	}

	.page-id-2150 .et_pb_column .et_pb_module, 
	.page-id-330 .et_pb_column .et_pb_module{
		margin-bottom:30px !important;
	}

}
@media(max-width:1024px) and (min-width:768px){
	.page-id-2471 .et_pb_section.et_pb_section_2 .et_pb_column.et_pb_column_1_3.et_pb_column_1,
	.page-id-2778 .et_pb_section.et_pb_section_2 .et_pb_column.et_pb_column_1_3.et_pb_column_1,
	.page-id-2150 .et_pb_section.et_pb_section_2 .et_pb_column.et_pb_column_1_3.et_pb_column_1,
	.page-id-330 .et_pb_section.et_pb_section_2 .et_pb_column.et_pb_column_1_3.et_pb_column_1
	{
		width: 100%;
		display: block;
		margin-bottom: 100px;
	}
	.page-id-2471 .et_pb_section.et_pb_section_2 .et_pb_column.et_pb_column_2_3.et_pb_column_2,
	.page-id-2778 .et_pb_section.et_pb_section_2 .et_pb_column.et_pb_column_2_3.et_pb_column_2,
	.page-id-2150 .et_pb_section.et_pb_section_2 .et_pb_column.et_pb_column_2_3.et_pb_column_2,
	.page-id-330 .et_pb_section.et_pb_section_2 .et_pb_column.et_pb_column_2_3.et_pb_column_2{
				width: 100%;
		display: block;
	}
	.page-id-2471 .et_pb_section.et_pb_section_2 .et_pb_slider_0,
	.page-id-2778 .et_pb_section.et_pb_section_2 .et_pb_slider_0,
	.page-id-2150 .et_pb_section.et_pb_section_2 .et_pb_slider_0,
	.page-id-330 .et_pb_section.et_pb_section_2 .et_pb_slider_0{
		margin-right:0 !important;
	}
}
@media(max-width:768px){
	.pum-container.size-custom{
		width: calc(100% - 64px) !important;
		max-width:500px;
		margin:0 auto !important;
	}
	
	div#n2-ss-2 .n2-ss-slider-pane, div#n2-ss-2 .n2-ss-slide{
/*    height: 100% !important;*/
}
	

}
@media(max-width:767px){
	#iframe-container{
		padding-bottom:700px;
	}
	#iframe-container .building-iframe{
		max-height:1040px;
	}
	
	div#n2-ss-2 .n2-ss-slider-3{
    width: auto !important;
	height: 65vh !important;
		

}
			.mdc-layout-grid .et_pb_column_2{
			padding-left:0px;
				margin-top:20px !important;
		}
	.cf7md-textarea{
		margin-top:15px !important;
	}
	


}
@media(max-width:425px){
		#iframe-container{
		padding-bottom:800px;
	}
	.pum-container.size-custom{
		width: calc(100% - 32px) !important;
		margin:0 auto !important;
	}
	
		div#n2-ss-2 .n2-ss-slider-3{
    width: 100% !important;
	height: 360px !important;
}
	
}

.special-align-building--car .et_pb_text_inner{
	padding-top:9.3%;
}



html,body{
	height:100%;
}
@media (max-width:1400px){
	.video-fullwidth{
		margin-bottom:90px;
	}
}

@media(max-width:1024px){
			.responsive-dual--column{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
	}
	html body #page-container .et_pb_section .et_pb_row.responsive-dual--column .et_pb_column{
		width:320px;

		margin-right: auto !important;
		margin-left: auto !important;
		display:block;
	}
	html body .et_pb_text_7.et_pb_module, html body .et_pb_text_8.et_pb_module{
		margin-left:auto !important;
		margin-right:auto !important;
	}
	.special-align-building--car .et_pb_text_inner{
		padding-top:0px;
	}
	html body .et_pb_module.et_pb_text_8{
		padding-top:0px !important;
	} 
	.page-id-2471 .et_pb_row_1.et_pb_row{
		padding-left:19px !important;
	}
	.n2-ss-slider [data-mode=stretch] .n2-ss-slide-background-image{
		background-position:0px -70px !important;
	}
}

@media (max-width:768px){
	.video-fullwidth, .video-fullwidth .et_pb_fullwidth_header_container{
		min-height:300px !important;
		max-width:100%;
		height:300px;
	}
	.video-fullwidth .mejs-container{
		height:300px !important;
		max-width:100%;
	}

}
@media (max-width:600px){

		.video-fullwidth, .video-fullwidth .et_pb_fullwidth_header_container{
		min-height:200px !important;

		height:200px;
					margin-bottom:120px;
	}
	.video-fullwidth .mejs-container{
		height:200px !important;

	}



}

/* Recovered image sliders (replacement for obsolete Smart Slider Pro 3.4.1.13). */
.citta-recovered-slider {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #5f8191;
}

.citta-recovered-slider__viewport,
.citta-recovered-slider__slide,
.citta-recovered-slider__slide img {
	width: 100%;
}

.citta-recovered-slider__slide[hidden] {
	display: none;
}

.citta-recovered-slider__slide img {
	display: block;
	height: 100%;
	object-fit: cover;
}

.citta-recovered-slider--hero .citta-recovered-slider__viewport,
.citta-recovered-slider--hero .citta-recovered-slider__slide {
	height: min(70vw, 760px);
	min-height: 420px;
}

.citta-recovered-slider--finishes,
.citta-recovered-slider--finishes .citta-recovered-slider__viewport,
.citta-recovered-slider--finishes .citta-recovered-slider__slide {
	height: 100%;
	min-height: 490px;
}

.citta-recovered-slider__gallery-trigger {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: zoom-in;
}

.citta-recovered-slider__arrow,
.citta-recovered-lightbox__arrow,
.citta-recovered-lightbox__close {
	position: absolute;
	z-index: 2;
	border: 0;
	color: #fff;
	background: rgba(0, 0, 0, 0.34);
	cursor: pointer;
}

.citta-recovered-slider__arrow {
	top: 50%;
	width: 48px;
	height: 64px;
	font-size: 48px;
	line-height: 1;
	transform: translateY(-50%);
}

.citta-recovered-slider__arrow--previous {
	left: 12px;
}

.citta-recovered-slider__arrow--next {
	right: 12px;
}

.citta-recovered-lightbox {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 48px;
	background: rgba(0, 0, 0, 0.9);
}

.citta-recovered-lightbox[hidden] {
	display: none;
}

.citta-recovered-lightbox figure {
	max-width: min(1400px, 90vw);
	max-height: 90vh;
	margin: 0;
	text-align: center;
}

.citta-recovered-lightbox img {
	display: block;
	max-width: 100%;
	max-height: 82vh;
	margin: auto;
}

.citta-recovered-lightbox figcaption {
	padding-top: 8px;
	color: #fff;
}

.citta-recovered-lightbox__close {
	top: 16px;
	right: 20px;
	width: 48px;
	height: 48px;
	font-size: 38px;
	line-height: 1;
}

.citta-recovered-lightbox__arrow {
	top: 50%;
	width: 48px;
	height: 64px;
	font-size: 48px;
	line-height: 1;
	transform: translateY(-50%);
}

.citta-recovered-lightbox__arrow--previous {
	left: 12px;
}

.citta-recovered-lightbox__arrow--next {
	right: 12px;
}

body.citta-lightbox-open {
	overflow: hidden;
}

@media (max-width: 767px) {
	.citta-recovered-slider--hero .citta-recovered-slider__viewport,
	.citta-recovered-slider--hero .citta-recovered-slider__slide {
		height: 58vw;
		min-height: 280px;
	}

	.citta-recovered-slider--finishes,
	.citta-recovered-slider--finishes .citta-recovered-slider__viewport,
	.citta-recovered-slider--finishes .citta-recovered-slider__slide {
		min-height: 360px;
	}

	.citta-recovered-lightbox {
		padding: 56px 16px 24px;
	}
}