body {
  font-size: 19px!important;
  line-height: 1.6;
  font-family: var(--font-text);
  top:0 !important;
  color: var(--text-color);
  -webkit-font-smoothing: antialiased;
  background: var(--body-color);
}

@media(max-width:736px){
	body{
		line-height: 1.4;
		font-size: 18px!important;
	}
}

body.no-scroll, body.is-toggle-open, body.is-form-warning {
    overflow: hidden;
}

body.is-form-warning #header{
	z-index: 2;
}
body.is-form-warning #h1{
	z-index: 1;
}

.posrel{
  position: relative;
}

a{
	text-decoration: none;
	color: var(--primary-bgcolor);
	cursor: pointer;
	transition: 250ms all ease-in-out;
}



.more-links {
    text-transform: uppercase;
    padding: 0 15px 0 0;
    text-decoration: none;
    display: inline-block;
    position: relative;
    font-family: var(--font-title);
    letter-spacing: 1px;
    line-height: 1;
    z-index: 0;
    color: var(--title-color);
    font-size: 12px;
}
.more-links:hover{
	color: var(--primary-bgcolor)!important;
}

.more-links:after {
    content: "";
    background-image: url(../images/icons/right-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 9px;
    height: 9px;
    margin-left: 10px;
    display: inline-block;
    position: absolute;
    right: 0px;
    z-index: -2;
    transition: all 150ms linear;
    top: 50%;
    transform: translateY(-50%);
}


.show-for-large{
	display: block;
}

.hide-for-large{
	display: none;
}
.show-for-medium {
    display: block;
}

.hide-for-medium{
	display: block;
}


.doc-link .size{
	font-size: 13px;
	font-style: italic;
}

.no-pdf .size {
	display: none;
}

.hiddenHead{
	display: none!important;
}
/*-----------------*/
/* Title */
/*-----------------*/
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
	font-family: var(--font-title);
	font-weight: normal;
	color: var(--title-color);
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
	font-family: var(--font-title);
}

h1, #title p, .h1{
	font-size: 52px;
	margin-bottom: 40px;
	margin-top: 0;
}


h2{
	font-size: 40px;
	margin-bottom: 30px;
	margin-top: 2em;
}
h2.no-margintop{
	margin-top: 0;
}
h3{
	font-size: 36px;
	margin-top: 40px;
	margin-bottom: 20px;
}
h4{
	font-size: 30px;
	margin-top: 30px;
	margin-bottom: 15px;
}
h5{
	font-size: 25px;
	margin-top: 20px;
	margin-bottom: 10px;
}
h6{
	font-size: 22px;
	margin-top: 20px;
	margin-bottom: 10px;
}

@media(max-width:1024px){
	h1, #title p{font-size: 46px;}
	h2{font-size: 36px;}
	h3{font-size: 30px;}
	h4{font-size: 26px;}
	h5{font-size: 22px;}
	h6{font-size: 20px;}
}

@media(max-width:736px){
	h1, #title p{font-size: 34px;line-height: 1.2;}
	h2{font-size: 28px;line-height: 1.2;}
	h3{font-size: 24px;}
	h4{font-size: 22px;}
	h5{font-size: 20px;}
	h6{font-size: 18px;}
}

/*-----------------*/
/* Text align */
/*-----------------*/
.tar{text-align: right;}
.tal{text-align: left;}
.tac, .text-center{text-align: center;}
.alignleft{float:left; margin: 0 20px 0 0;}
.alignright{float:right; margin: 0 0 0 20px;}
.aligncenter{text-align: center; margin:0 auto;}




/*-----------------*/
/* Image */
/*-----------------*/
img.cover{
	/* OLD VERSION; position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-width: 100%; min-height: 100%; */
	object-fit: cover;
	width: 100%;
	height: 100%;
}

img.fill{
	object-fit: fill;
	max-width: 100%;
}

img.contain{
	object-fit: contain;
	max-width: 100%;
}

img.responsiveimg{
	width: 100%;
	height: 100%;
	height: auto;
}

strong {
  font-family: var(--font-bold);
  /* font-weight: 700; */
}

.tc_content img{
	max-width: 100%;
	height: auto;
}
.wp-block-image {
    margin-bottom: 2em;
}

.tc_content > :first-child{
    margin-top: 0;
}


@-webkit-keyframes backgroundAnimateIn {
  0% {
    background-position: 0 -100%;
  }
  63% {
    background-position: 0 -95%;
  }
  86% {
    background-position: 0 2.5%;
  }
  100% {
    
    background-position: 0 0%;
  }
}

@keyframes backgroundAnimateIn {
  0% {
    background-position: 0 -100%;
  }
  63% {
    background-position: 0 -95%;
  }
  86% {
    background-position: 0 2.5%;
  }
  100% {
   
    background-position: 0 0%;
  }
}

.tc_content a:not(.woocommerce-LoopProduct-link, .button, .wp-block-button__link), 
.tc_content a:not(.woocommerce-LoopProduct-link, .button, .wp-block-button__link) strong {
   color: var(--primary-bgcolor);
   position: relative;
   line-height: 1;
   border-bottom: 1px solid;
   transition: color 0.3s ease-in-out;
   background-image: linear-gradient(to bottom, transparent 20%, var(--title-color) 21% );
   background-position: 0 106%;
   background-repeat: no-repeat;
   background-size: 0% 2px;
   transition: all 0.5s ease-in-out 0.2s;
}

.tc_content a:not(.woocommerce-LoopProduct-link, .button, .wp-block-button__link):hover, 
.tc_content a:not(.woocommerce-LoopProduct-link, .button, .wp-block-button__link):hover strong{
	background-size: 100% 3px;
	transition-delay: 0s;
	color: var(--title-color);
}



.tc_content a[rel*="lightbox-gallery"]{
	border: none!important;
	background: none!important;
}

.tc_content strong, .tc_content b{
    color: var(--primary-bgcolor);
}
.tc_content p{
    margin-bottom: 1em;
}
.has-medium-font-size{
	font-size: 22px;
	color: var(--title-color);
	line-height: 1.4;
	font-weight: bold;
}
.tc_content p + ul{
	margin-top: -15px;
}
.has-background{
	margin: 0 0 30px 0;
	padding: 30px 40px!important;
	box-sizing: border-box;
	background: var(--title-color)!important;
	color: var(--white)!important;
}

.has-background h2,
.has-background h3,
.has-background h4,
.has-background h5,
.has-background h6{
	color: var(--white)!important;
}


.has-background a:not(.button),
.has-background a:not([class*="button"]) strong{
	background-image: linear-gradient(to bottom, transparent 20%, var(--white) 21% );
}
.has-background a:not(.button):hover{
	color: var(--white);
}

.tc_content ol,
.tc_content ul{
    margin: 0 0 16px 30px;
}

.tc_content ol {
    list-style-type: decimal;
}
.tc_content ul li{
    padding: 2px 0 2px 20px;
    position: relative;
}


.tc_content ul:not(.no-bullet) li:before{
	content: "";
	position: absolute;
	left: 3px;
	background-color: var(--primary-bgcolor);
	top: 13px;
	width: 6px;
	display: block;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 6px;
	border-radius: 100px;
}

.blocks-gallery-grid {
	margin: 0!important;
}

.blocks-gallery-grid li:before{
	content: none!important;
}



/*-----------------*/
/* BUTTONS */
/*-----------------*/

.underbutton > *, .button, .tc_content .wp-block-button__link {
   background-color: var(--primary-bgcolor);
   padding: 18px 30px;
   font-size: 12px;
   font-family: var(--font-bold);
   color: var(--white);
   text-transform: uppercase;
   display: inline-block;
   text-align: center;
   line-height: 1;
   letter-spacing: 2px;
   position: relative;
   z-index: 1;
   overflow: hidden;
   cursor: pointer;
   transition: 250ms all ease-in-out;
}
.underbutton>*:before,.button:before,.tc_content .wp-block-button__link:before,.underbutton>*:after,.button:after,.tc_content .wp-block-button__link:after {
    padding: 18px 0 11px;
    content: '';
    position: absolute;
    top: 0;
    left: calc(-100% - 60px);
    height: 100%;
    width: calc(100% + 40px);
    color: #fff;
    border-radius: 2px;
    transform: skew(-25deg)
}
.underbutton>a span,.button span,.tc_content .wp-block-button__link span {
    position: relative;
    z-index: 10
}
.underbutton>*:before,.button:before,.tc_content .wp-block-button__link:before {
    background: var(--black);
    z-index: 5;
    transition: left 1s cubic-bezier(.86,0,.07,1)
}

.underbutton>*:after,.button:after,.tc_content .wp-block-button__link:after {
    background: #fff;
    transition: left .8s cubic-bezier(.86,0,.07,1) .2s;
    z-index: 0;
    opacity: .8
}

.underbutton>*:hover:after,.button:hover:after,.tc_content .wp-block-button__link:hover:after {
    left: calc(0% - 10px);
    transition: left .8s cubic-bezier(.86,0,.07,1)
}

.underbutton>*:hover:before,.button:hover:before,.tc_content .wp-block-button__link:hover:before {
    left: calc(0% - 10px);
    transition: left 1s cubic-bezier(.86,0,.07,1)
}

.button.reset{
	padding: 18px 20px;
	display: block;
}

.underbutton.secondary > *, .button.secondary{
	background: var(--tertiary-bgcolor);
}
.underbutton.secondary > *:before, .button.secondary:before{
	background-color: var(--primary-bgcolor);
}

.underbutton.hollow > *:before, .button.hollow:before,
.underbutton.hollow > *:after, .button.hollow:after{
	content: none;
}
.underbutton.hollow > *, .button.hollow{
	background-color: transparent;
	border: solid 1px var(--title-color);
	color: var(--title-color);
}



.underbutton.hollow > *:hover, .button.hollow:hover {
	background: var(--primary-bgcolor);
	border-color: var(--primary-bgcolor);
	color: var(--white);
}
.underbutton.hollow.white > *, .button.hollow.white{
	color: var(--white);
	border-color: var(--white);
}

.underbutton.small > *, button.small, .button.small {
    padding: 10px 15px 10px;
    font-size: 10px;
}

.btnLine {
   background: none!important;
   padding: 0!important;
   line-height: 28px;
   color: var(--title-color);
   letter-spacing: 1px;
   font-size: 11px;
   font-family: var(--font-title);
   text-transform: uppercase;
   position: relative;
}

.btnLine::after {
    content: '';
    position: absolute;
    height: 1px;
    bottom: 0px;
    left: 0;
    right: 0;
    background-color: var(--title-color);
    transform-origin: bottom left;
    transform: scaleX(1);
    transition: transform 0.3s ease-in-out;
}
.btnLine:hover::after {
    transform: scaleX(0);
    transform-origin: bottom right;
}
.arrowlink{
	position: relative;
	display: inline-block;
	padding-right: 40px;
	font-family: var(--font-bold);
	color: var(--title-color);
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
	font-weight: bold;
	-webkit-font-smoothing: initial;
}

.arrowlink span{
	transform: translateZ(0);
	transition: transform .5s;
	position: relative;
	display: inline-block;
}

.arrowlink:after{
	content: "";
    --size: 24px;
	position: absolute;
	right: 0;
	width: var(--size);
	height: var(--size);
	background-image: url(../images/icons/arrowright-color.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	top: calc(50% - 3px);
	transform: translateY(-50%);
	transition: 250ms all ease-in-out;
}

.arrowlink.white{
	color: var(--white);
}




.arrowlink:hover span{
	transform: translateZ(0) translateX(.5em);
	color: var(--primary-bgcolor);
}





/*-----------------*/
/* WRAP FORM */
/*-----------------*/
.cekome_form, .cekome_form form{
	margin: 0!important;
	padding: 0!important;
	position: relative;
}
.cekome_form .wrap-fieldset {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.wrap-fieldset .blc, 
.wrap-fieldset div[id*="cptchk"],
.wrap-fieldset .button.cf_submit{
    flex: 1 1 45%;
    max-width: 45%;
    width: 100%;
    margin: 2px 2%;
    position: relative;
}

.wrap-fieldset .blc_textarea,
.wrap-fieldset .blc_fileattach,
.wrap-fieldset .blc_checkbox,
.wrap-fieldset .blc_select,
.wrap-fieldset .blc_wide,
.cekome_form .formprivacy_chk{
    flex: 1 1 94%;
    max-width: 94%;
}

.wrap-fieldset div[id*="cptchk"] .blc.blc_captcha {max-width: 100%;}
/*---------------------------------*/
/* FORM */
/*---------------------------------*/
.mention {
    font-size: 15px;
    font-style: italic;
    text-align: center;
    display: block;
    padding: 20px 0 20px 0;
    line-height: 1.2;
}
.alert-color {
    color: red;
}


.cekome_form .blc_desc label{
    display: none;
}


.cekome_form label{
	font-size: 13px;
	color: var(--text-color);
	position: absolute;
	top: 14px;
	left: 15px;
	z-index: 2;
	pointer-events: none;
	text-transform: uppercase;
	transition: all 0.1s ease-in-out;
}


.cekome_form select{background-color: #fff;}


.cekome_form .blc_desc {
	margin-bottom: 25px;
}


.cekome_form .blc_date label {
	top: 17px;
}

.cekome_form .blc_checkbox{
    display: block;
    width: 100%;
    /* background: #fff; */
    padding: 10px;
    box-sizing: border-box;
    text-align: left;
    /* border-radius: 3px; */
    position: relative;
    padding: 0 0 0 30px;
    margin-bottom: 15px!important;
}

.cekome_form .blc_checkbox label{
    top: 0!important;
    padding: 0;
    left: 0;
    font-size: 16px!important;
    letter-spacing: 0;
    line-height: 1.4;
    display: block;
    font-family: var(--font-text);
    text-transform: inherit;
}
#footer .cekome_form .blc_checkbox label {
    color: var(--white);
}

.chkbx{
	position: relative;
	display: inline-block;
}
.cekome_form .blc_checkbox label a{border-bottom: solid 1px;color: var(--primary-bgcolor);}


#contentForm .cekome_form .blc_checkbox label{
	/* color: var(--text-color); */
}

.hiddenTab{display: none;}


.listTab>div {
    background: var(--light-color);
    padding: 10px;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 10px 10px 0 0;
    transition: all 0.4s;
    justify-content: center;
    text-align: center;
    font-family: var(--font-bold);
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1.4;
}

.listTab>div:hover {
    background: var(--primary-bgcolor);
    color: var(--white);
}

.listTab .active {
    background: var(--secondary-bgcolor);
    color: var(--white);
}


.cekome_form .blc_checkbox label a:hover{color: var(--black);}

.privacyform_chk{
	position: absolute;
	left: -30px;
	top: 1px;
	box-shadow: none!important;
}

.cekome_form .blc_fileattach{
    padding: 10px 0;
    margin-top: 0;
}
.cekome_form .blc_fileattach label{
    position: relative;
    top: 0;
    margin-right: 10px;
    left: 0;
}

.cekome_form .required{
	font-family: var(--font-text);
	position: absolute;
	right: 10px;
	top: 7px;
	font-size: 16px;
	font-weight: normal;
	z-index: 2;
	line-height: 1;
}


.cekome_form .blc.focused label{
	top: 3px;
	color: var(--primary-bgcolor);
	font-size: 9px;
}
.required.privacyreq{
	right: -20px;
}
#pagesidebar .required.privacyreq{
	right: 0;
}
#pagesidebar .chkbx{
	padding-right: 20px;
}

.cekome_form .blc_captcha label{
	position:relative;
	top: 0;
	text-transform: initial;
	font-size: 16px;
	color: var(--black);
}

.cekome_form .blc_date label,
.cekome_form .blc_select label{
	position: relative;
	top: 0;
	left: 0;
	color: var(--black);
	width: 100%;
	font-family: var(--font-bold);
}

.cekome_form .blc_captcha{
	padding: 20px 15px 20px 40px!important;
	margin-bottom: 0;
	/* min-height: 56px; */
	background: #e8e8e8;
	box-sizing: border-box;
	text-align: left;
	/* text-transform: initial; */
	line-height: 1;
}
#cptchkbx-contact{
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.blc_captcha #cptchkbx-reservation{
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.cekome_form .blc_captcha .required{
	top: 7px;
	right: 5px;
}

.cekome_form .blocaptcha{
	margin: 10px 0 0 10px;
	display: inline-block;
	width: 100%;
}

.cekome_form  input.cf_inputcaptcha{line-height: 29px;font-size: 16px;text-transform: uppercase;letter-spacing: 0.05em;text-align: center;margin: 4px 0 0  6px !important;background: #f4ebd2;outline-color: #ccc !important;outline-offset: 2px;outline-style: solid !important;outline-width: 1px !important;padding: 2px;float: left;width: 80px !important;}

.cekome_form .blocaptcha:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


.cekome_form input[type="text"],
.cekome_form input[type="date"],
.cekome_form input[type="tel"],
.cekome_form input[type="email"],
.cekome_form input[type="password"],
.cekome_form textarea,
.cekome_form select {
	color: var(--black);
	outline: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: var(--white);
	/* border-color: var(--white); */
	border-radius: 100px;
	height: 50px;
	line-height: normal;
	box-sizing: border-box;
	border: 1px solid #a2a2a2;
	border-radius: 0;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	font-size: 14px;
	padding: 6px 15px!important;
	width: 100%;
	font-family: var(--font-text);
	border-radius: 100px;
}
.cekome_form input[type="text"]:focus,
.cekome_form input[type="date"]:focus,
.cekome_form input[type="email"]:focus,
.cekome_form input[type="tel"]:focus,
.cekome_form input[type="password"]:focus,
.cekome_form textarea:focus {
	border-color: var(--primary-bgcolor);
}

/*placeholder*/
.cekome_form input[type=text]:not(.cf_inputcaptcha)::-webkit-input-placeholder,
.cekome_form input[type=text]:not(.cf_inputcaptcha)::-moz-placeholder,
.cekome_form input[type=text]:not(.cf_inputcaptcha):-ms-input-placeholder,
.cekome_form input[type=text]:not(.cf_inputcaptcha):-moz-placeholder,
.cekome_form input[type=date]:not(.cf_inputcaptcha)::-webkit-input-placeholder,
.cekome_form input[type=date]:not(.cf_inputcaptcha)::-moz-placeholder,
.cekome_form input[type=date]:not(.cf_inputcaptcha):-ms-input-placeholder,
.cekome_form input[type=date]:not(.cf_inputcaptcha):-moz-placeholder,
.cekome_form input[type=tel]::-webkit-input-placeholder,
.cekome_form input[type=tel]::-moz-placeholder,
.cekome_form input[type=tel]:-ms-input-placeholder,
.cekome_form input[type=tel]:-moz-placeholder,
.cekome_form input[type=email]::-webkit-input-placeholder,
.cekome_form input[type=email]::-moz-placeholder,
.cekome_form input[type=email]:-ms-input-placeholder,
.cekome_form input[type=email]:-moz-placeholder,
.cekome_form input[type=password]::-webkit-input-placeholder,
.cekome_form input[type=password]::-moz-placeholder,
.cekome_form input[type=password]:-ms-input-placeholder,
.cekome_form input[type=password]:-moz-placeholder,
.cekome_form textarea::-webkit-input-placeholder,
.cekome_form textarea::-moz-placeholder,
.cekome_form textarea:-ms-input-placeholder,
.cekome_form textarea:-moz-placeholder
{color:transparent; -webkit-transition: all 0.6s ease-in-out;   -moz-transition: all 0.6s ease-in-out;  -ms-transition: all 0.6s ease-in-out;   -o-transition: all 0.6s ease-in-out;  transition: all 0.6s ease-in-out;}

.cekome_form .focused input[type=text]:not(.cf_inputcaptcha)::-webkit-input-placeholder,
.cekome_form .focused input[type=text]:not(.cf_inputcaptcha)::-moz-placeholder,
.cekome_form .focused input[type=text]:not(.cf_inputcaptcha):-ms-input-placeholder,
.cekome_form .focused input[type=text]:not(.cf_inputcaptcha):-moz-placeholder,
.cekome_form .focused input[type=date]:not(.cf_inputcaptcha)::-webkit-input-placeholder,
.cekome_form .focused input[type=date]:not(.cf_inputcaptcha)::-moz-placeholder,
.cekome_form .focused input[type=date]:not(.cf_inputcaptcha):-ms-input-placeholder,
.cekome_form .focused input[type=date]:not(.cf_inputcaptcha):-moz-placeholder,
.cekome_form .focused input[type=tel]::-webkit-input-placeholder,
.cekome_form .focused input[type=tel]::-moz-placeholder,
.cekome_form .focused input[type=tel]:-ms-input-placeholder,
.cekome_form .focused input[type=tel]:-moz-placeholder,
.cekome_form .focused input[type=email]::-webkit-input-placeholder,
.cekome_form .focused input[type=email]::-moz-placeholder,
.cekome_form .focused input[type=email]:-ms-input-placeholder,
.cekome_form .focused input[type=email]:-moz-placeholder,
.cekome_form .focused input[type=password]::-webkit-input-placeholder,
.cekome_form .focused input[type=password]::-moz-placeholder,
.cekome_form .focused input[type=password]:-ms-input-placeholder,
.cekome_form .focused input[type=password]:-moz-placeholder,
.cekome_form .focused textarea::-webkit-input-placeholder,
.cekome_form .focused textarea::-moz-placeholder,
.cekome_form .focused textarea:-ms-input-placeholder,
.cekome_form .focused textarea:-moz-placeholder
{color:#666;}

.cekome_form .blc_date table {
	top: 0 !important;
	left: 0 !important;
}

.cekome_form textarea {
	height: 150px;
	padding: 20px 10px!important;
	box-sizing: border-box;
	resize: none;
	border-radius: 20px;
}

.cekome_form .captchaimg{margin-top: 2px;}

.cekome_form .button.cf_submit{
	font-size: 16px;
	padding: 18px 25px 18px 50px;
	background-image: url("../images/icons/mail-white.svg");
	background-size: 28px;
	background-repeat:no-repeat;
	background-position: 15% center;
	transition: all 0.3s ease-in-out;
	border: none;
	cursor: pointer;
	background-color: var(--primary-bgcolor);
}

.cekome_form .button.cf_submit:hover{background-color: var(--black);}

.cekome_form fieldset{
	text-align: center;
}



.cekome_form .prev{float: left;}
.cekome_form .nextform{margin: 0 auto;}

.cekome_form .prevform{
	background:#666;
}

.cekome_form .btnextprev{
	padding: 15px 30px;
	margin: 10px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	font-size: 16px;
	border: none;
	display: none;
}

.cekome_form .btnextprev:hover
{
	color: #fff;
}

.cekome_form .close_cform{
	color: #f00;
	text-decoration: none;
}

.cekome_form .msg.fail{
	background-image:url("../images/icons/msgfail.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 40px;
	padding: 5px 5px 5px 50px;
	min-height: 30px;
}
.ckformerror {
	max-width: 400px;
	background-color: #fff;
	font-family: arial, sans-serif;
	border-left: 4px solid #d80404;
	padding: 25px 30px;
	box-sizing: border-box;
	box-shadow: 0 0 100px rgba(0,0,0,0.1);
	margin-top: 20px;
	position: fixed;
	top: 160px;
	right: 0;
	z-index: 999;
	transform: translateX(100%);
	animation: errorckform 5s forwards;
}

@keyframes errorckform {0% {transform: translateX(100%); } 10% {transform: translateX(0); } 90% {transform: translateX(0); } 100% {transform: translateX(100%); } }

.black_cform{
	background: rgba(33,33,33,0.5) !important;
}


/*---------------------------------*/
/* PRELOADER */
/*---------------------------------*/
@-webkit-keyframes preload-show-1 {
  from {
    transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@keyframes preload-show-1 {
  from {
    transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@-webkit-keyframes preload-hide-1 {
  to {
    transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@keyframes preload-hide-1 {
  to {
    transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@-webkit-keyframes preload-cycle-1 {
  5% {
    transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
  10%, 75% {
    transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
    border-left-color: #4FC0E7;
  }
  80%, 100% {
    transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@keyframes preload-cycle-1 {
  5% {
    transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
  10%, 75% {
    transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
    border-left-color: #4FC0E7;
  }
  80%, 100% {
    transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@-webkit-keyframes preload-show-2 {
  from {
    transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@keyframes preload-show-2 {
  from {
    transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@-webkit-keyframes preload-hide-2 {
  to {
    transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@keyframes preload-hide-2 {
  to {
    transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@-webkit-keyframes preload-cycle-2 {
  10% {
    transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
  15%, 70% {
    transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
    border-left-color: #4FC0E7;
  }
  75%, 100% {
    transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@keyframes preload-cycle-2 {
  10% {
    transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
  15%, 70% {
    transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
    border-left-color: #4FC0E7;
  }
  75%, 100% {
    transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@-webkit-keyframes preload-show-3 {
  from {
    transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@keyframes preload-show-3 {
  from {
    transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@-webkit-keyframes preload-hide-3 {
  to {
    transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@keyframes preload-hide-3 {
  to {
    transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@-webkit-keyframes preload-cycle-3 {
  15% {
    transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
  20%, 65% {
    transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
    border-left-color: #4FC0E7;
  }
  70%, 100% {
    transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@keyframes preload-cycle-3 {
  15% {
    transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
  20%, 65% {
    transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
    border-left-color: #4FC0E7;
  }
  70%, 100% {
    transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@-webkit-keyframes preload-show-4 {
  from {
    transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@keyframes preload-show-4 {
  from {
    transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@-webkit-keyframes preload-hide-4 {
  to {
    transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@keyframes preload-hide-4 {
  to {
    transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@-webkit-keyframes preload-cycle-4 {
  20% {
    transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
  25%, 60% {
    transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
    border-left-color: #4FC0E7;
  }
  65%, 100% {
    transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@keyframes preload-cycle-4 {
  20% {
    transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
  25%, 60% {
    transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
    border-left-color: #4FC0E7;
  }
  65%, 100% {
    transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@-webkit-keyframes preload-show-5 {
  from {
    transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@keyframes preload-show-5 {
  from {
    transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@-webkit-keyframes preload-hide-5 {
  to {
    transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@keyframes preload-hide-5 {
  to {
    transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@-webkit-keyframes preload-cycle-5 {
  25% {
    transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
  30%, 55% {
    transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
    border-left-color: #4FC0E7;
  }
  60%, 100% {
    transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@keyframes preload-cycle-5 {
  25% {
    transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
  30%, 55% {
    transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
    border-left-color: #4FC0E7;
  }
  60%, 100% {
    transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@-webkit-keyframes preload-show-6 {
  from {
    transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@keyframes preload-show-6 {
  from {
    transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@-webkit-keyframes preload-hide-6 {
  to {
    transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@keyframes preload-hide-6 {
  to {
    transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@-webkit-keyframes preload-cycle-6 {
  30% {
    transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
  35%, 50% {
    transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
    border-left-color: #4FC0E7;
  }
  55%, 100% {
    transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@keyframes preload-cycle-6 {
  30% {
    transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
  35%, 50% {
    transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
    border-left-color: #4FC0E7;
  }
  55%, 100% {
    transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #0586b3;
  }
}
@-webkit-keyframes preload-flip {
  0% {
    transform: rotateY(0deg) rotateZ(-60deg);
  }
  100% {
    transform: rotateY(360deg) rotateZ(-60deg);
  }
}
@keyframes preload-flip {
  0% {
    transform: rotateY(0deg) rotateZ(-60deg);
  }
  100% {
    transform: rotateY(360deg) rotateZ(-60deg);
  }
}


.preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 20px;
  display: block;
  width: 3.75em;
  height: 4.25em;
  margin-left: -1.875em;
  margin-top: -2.125em;
  transform-origin: center center;
  transform: rotateY(180deg) rotateZ(-60deg);
}
.preloader .slice {
  border-top: 1.125em solid transparent;
  border-right: none;
  border-bottom: 1em solid transparent;
  border-left: 1.875em solid #4FC0E7;
  position: absolute;
  top: 0px;
  left: 50%;
  transform-origin: left bottom;
  border-radius: 3px 3px 0 0;
}
.preloader .slice:nth-child(1) {
  transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
  -webkit-animation: 0.15s linear 0.82s preload-hide-1 both 1;
          animation: 0.15s linear 0.82s preload-hide-1 both 1;
}
.preloader .slice:nth-child(2) {
  transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
  -webkit-animation: 0.15s linear 0.74s preload-hide-2 both 1;
          animation: 0.15s linear 0.74s preload-hide-2 both 1;
}
.preloader .slice:nth-child(3) {
  transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
  -webkit-animation: 0.15s linear 0.66s preload-hide-3 both 1;
          animation: 0.15s linear 0.66s preload-hide-3 both 1;
}
.preloader .slice:nth-child(4) {
  transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
  -webkit-animation: 0.15s linear 0.58s preload-hide-4 both 1;
          animation: 0.15s linear 0.58s preload-hide-4 both 1;
}
.preloader .slice:nth-child(5) {
  transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
  -webkit-animation: 0.15s linear 0.5s preload-hide-5 both 1;
          animation: 0.15s linear 0.5s preload-hide-5 both 1;
}
.preloader .slice:nth-child(6) {
  transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
  -webkit-animation: 0.15s linear 0.42s preload-hide-6 both 1;
          animation: 0.15s linear 0.42s preload-hide-6 both 1;
}
#preloader {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: #222;
    background: linear-gradient(to bottom, #111 , #222);
    display: flex;
    align-items: center;
    justify-content: center;
}
.preloader.loading {
  -webkit-animation: 2s preload-flip steps(2) infinite both;
          animation: 2s preload-flip steps(2) infinite both;
}
.preloader.loading .slice:nth-child(1) {
  transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
  -webkit-animation: 2s preload-cycle-1 linear infinite both;
          animation: 2s preload-cycle-1 linear infinite both;
}
.preloader.loading .slice:nth-child(2) {
  transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
  -webkit-animation: 2s preload-cycle-2 linear infinite both;
          animation: 2s preload-cycle-2 linear infinite both;
}
.preloader.loading .slice:nth-child(3) {
  transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
  -webkit-animation: 2s preload-cycle-3 linear infinite both;
          animation: 2s preload-cycle-3 linear infinite both;
}
.preloader.loading .slice:nth-child(4) {
  transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
  -webkit-animation: 2s preload-cycle-4 linear infinite both;
          animation: 2s preload-cycle-4 linear infinite both;
}
.preloader.loading .slice:nth-child(5) {
  transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
  -webkit-animation: 2s preload-cycle-5 linear infinite both;
          animation: 2s preload-cycle-5 linear infinite both;
}
.preloader.loading .slice:nth-child(6) {
  transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
  -webkit-animation: 2s preload-cycle-6 linear infinite both;
          animation: 2s preload-cycle-6 linear infinite both;
}

.callout {
	border: solid 1px;
	padding: 30px 20px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	z-index: 2;
}

.callout.warning{
	background-color: #fff3d9;
	border-color: #ffd57a;
}

.callout p:last-of-type {
	margin-bottom: 0;
}

.callout.alert {
	background-color: #f5e6e6;
	border-color:  #ffbebe ;
}

/* =======  Lines  ======= */
.grid-lines{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	pointer-events: none;
}



.grid-lines > div{
	display: block;
	float: left;
	height: 100%;
	border-left: 1px solid #f4f5fa;
	box-sizing: border-box;
	width: 16.666%;
}

.grid-lines.light{
	position: absolute;
	z-index: 0;
}
.grid-lines.light > div{
	border-left-color: rgba(105,105,105,.3);
}

#info-toogle {
	background-color: var(--title-color);
	z-index: 30;
	cursor: pointer;
	z-index: 30!important;
	text-align: center;
	transition: .5s ease-in-out;
	display: flex;
	width: 45px;
	height: 45px;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 15px;
	right: 20px;
}
	body.is-toggle-open #cta-coordonnees{
		right: 0;
		visibility: visible;
	}
#info-toogle:before{
	content:"";
	background-image: url(../images/icons/mail-white.svg);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	width: 24px;
	height: 24px;
	z-index: 1;
}

.is-toggle-open #header  #info-toogle:before{
	background-image: url(../images/icons/close-white.svg);
}

#header .is-toggle-open #info-toogle:before{
	background-image: url(../images/icons/close.svg);
	top: 30px;
	right: -10px;
}


/* ------------------------- */
/* TRADUCTION AUTOMATIQUE */
/* ------------------------- */
#google_translate_element, .skiptranslate {
	display: none !important;
}
#flags {
	display: flex;
	align-items: center;
	justify-content: center;
}
#flags img {
	max-width: 25px;
	margin-right: 5px;
	cursor: pointer;
	/* filter: brightness(90%); */
	transition: all 0.3s ease-in-out;
	border: solid 1px rgba(255,255,255,.2);
}
#flags img:last-child {
	margin-right: 0;
}
#flags img:hover {
	transform: scale(0.7);
}