.maintenance-wrap {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    min-width: 100%;
    justify-content: center;
    position: relative;
	padding-left:var(--col-padding);
	padding-right:var(--col-padding);
	overflow:hidden;
}
:root body{
    --primary-dark:#0e3127;
    --primary:var(--limejuice);
    --primary-medium:#548c2f;
    --primary-light:#8ebd6d;
    --primary-lightest:#e3eed7;
    --primary-lightestest:#eef5e7;
    --primary-hover:var(--primary);

    --btn-theme-color: var(--primary);



	--col-padding:15px;
}

body .maintenance-wrap{
	--sans:'Golos Text';
	font-family:var(--sans);

}

.maintenance-wrap svg path{
	fill:var(--orange);
}
.bg-theme{
	background-color:var(--nightcream);
}
body .maintenance-wrap>.row{
    width: calc(100% - 2 * var(--col-padding));
}

body .tilt-content-angle10 {
    transform-origin: left top;
    transform: translateX(calc(25.4vw - 6rem - 5vh)) rotate(75deg);
}
body .display-vw,
body .display-vh {
    font-size: 7.6vh;
    line-height: .9;
    text-transform: uppercase;
    font-weight: 700;
    max-width: calc(100vh + 4vw);
    position: absolute;
    width: calc(100vh + 4vw);
    display: block;
}
body .display-vw {
	font-size: 3.4rem;
    position: relative;
    width: 100%;
    overflow: hidden;
	text-align:right;
	line-height:.93;
}
body .claim-wrap .display-vw {
	font-size: inherit;
}
body .bg-theme .display-vh{
	color: var(--darkchocolate);
}
body .bg-theme .display-vh .invert-color{
	color: var(--nightcream);
}
.bg-frames-col{
	min-height:calc(100vh - var(--admin-bar-height));
}

.s-logo-wrap{
	/* max-height: calc(100vh - var(--admin-bar-height)); */
    height: calc(100% - var(--admin-bar-height));
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.s-logo-wrap figure {
    /* max-height: calc(100vh - var(--admin-bar-height));
    height: calc(100vh - var(--admin-bar-height)); */
	flex:1 1 auto;
	display: flex;
    justify-content: flex-end;
}
.s-logo-wrap .claim-wrap {
    flex: 1 1 auto;
    position: relative;
    max-height: 20%;
    width: 100%;
    display: flex;
    align-items: flex-end;
    padding-bottom: 1rem;
    justify-content: flex-end;
	margin-left: auto;
	padding-right: 2vw;
}
.maintenance-wrap .s-logo-wrap figure svg {
	/* height: calc(100vh - var(--admin-bar-height)); */
    /* width: 100%; */
	width:auto;
    position: absolute;
    /* height: calc(100% - 4rem); */
    max-height: calc(100% - 4rem);
}
body .light-weight{
	font-weight:200!important;
}
body .txt-orange{
	color:var(--orange)!important;
}
.p-absolute{
	position:absolute!important;
}

.bg-frames-col .wrap-bg{
	top: 0;
	left: calc(0px - var(--col-padding) - var(--col-padding));
	width: 100%;
	height: 100%;
}
.bg-frames-col .wrap-bg svg {
	width: 80rem;
	max-width: 80rem;
	transform: translate(calc(25.4vw - 12vh), -19rem) rotate(-15deg);
	left: -74.8rem;
	position: relative;
}
.bg-frames-col .wrap-bg svg path{
	fill:var(--darkchocolate);
}

body .maintenance-content{
	background-color:var(--nightcream);
}

@media(max-height:700px){
	section.maintenance-content{
		height: auto;
	}
	.bg-frames-col{
		min-height: 700px;
	}
	.s-logo-wrap {
		min-width: 460px;
		position: absolute;
		right: 0;
	}
	body .display-vw, body .display-vh {
		font-size: 54px;
		min-width: 700px!important;
		max-width: none;
	}
	.s-logo-wrap figure {
		min-width:700px;
	}
}
@media(max-height:700px) and (min-width:1400px){
	body .display-vw, body .display-vh {
		font-size: 59px!important;
	}
}
@media(max-height:700px) and (min-width:768px) and (max-width:839.98px){
	.s-logo-wrap {
		min-width: 338px;
		max-width: 467px;
		width: 100%;
	}
	body .display-vw{
		min-width: 1px!important;
		max-width: 100%!important;
	}
	.bg-frames-col .wrap-bg svg {
		transform: translate(calc(25.4vw - 3rem - 5vh), -19rem) rotate(-15deg);
	}
}
@media(max-height:700px) and (min-width:840px) and (max-width:1199.98px){
	.s-logo-wrap {
		min-width: 448px;
		max-width: 520px;
		width: 100%;
	}
	body .display-vw{
		min-width: 1px!important;
		max-width: 100%!important;
	}
	.bg-frames-col .wrap-bg svg {
		transform: translate(calc(25.4vw - 3rem - 5vh), -19rem) rotate(-15deg);
	}
}



@media(max-width:767.98px){
	body .bg-frames-col .wrap-bg,
	body .tilt-content-angle10{
		margin-left:-1rem;
	}


	.bg-frames-col{
		order:1;
	}
	.logo-col{
		order:0;
		z-index:0;
	}
	.s-logo-wrap{
		height: calc(100vh - var(--admin-bar-height));
		position: absolute;
		width: calc(100% + 4 * var(--col-padding));
		left: calc(0px - 2 * var(--col-padding));
		background: var(--nightcream);
	}




}
@media (max-width: 767.98px) {
	/* .rot-fade-flash {
	opacity: 0;
	animation: rotFlashFade 4.8s infinite;
	transition:background-color 0s;
	}

	@keyframes rotFlashFade {
	0%   { opacity: 1; }
	5%   { opacity: 0; }
	45%   { opacity: 0; }
	50%  { opacity: 1; }
	95% { opacity: 1; }
	100% { opacity: 1; }
	} */
	.rot-fade-flash {
		opacity: 1;
	}

	.rot-fade-flash.flash-on {
		opacity: 1;
	}



	.theme-color-change5,
	.theme-color-change4,
	.theme-color-change3,
	.theme-color-change2,
	.theme-color-change1{
		transition: color .0s!important;

	}
	.bg-theme-color-change5,
	.bg-theme-color-change4,
	.bg-theme-color-change3,
	.bg-theme-color-change2,
	.bg-theme-color-change1{
		transition: background-color .0s!important;

	}
	.svg-fill-change3 polygon,
	.svg-fill-change2 polygon,
	.svg-fill-change1 polygon,
	.svg-fill-change3 path,
	.svg-fill-change2 path,
	.svg-fill-change1 path {
		transition: fill .0s;
	}


	/*NEU 23.6.*/
	section.maintenance-content{
		height:auto;
	}
	.logo-col{
		height:calc(100vh - var(--admin-bar-height));
	}
	.s-logo-wrap .claim-wrap{
		font-size:3.2rem!important;
	}
}

@media(max-height:700px) and (max-width:767.98px){
	.s-logo-wrap  {
		min-width:100%;
	}
	.s-logo-wrap figure {
		min-width: 80%;
		max-width: 100%;
		width: 100%!important;
	}
	body .claim-wrap .display-vw {
		font-size: inherit;
		min-width: 100%!important;
		max-width: 100%;
	}
	.s-logo-wrap .claim-wrap {
		font-size: 2.8rem!important;
	}
	body .bg-frames-col .wrap-bg, body .tilt-content-angle10 {
		margin-left: 5.8rem;
	}
	.bg-frames-col .wrap-bg svg {
		transform: translate(calc(13.4vw - 6.1vh), -20rem) rotate(-15deg);
	}

}
@media(max-height:700px) and (min-width:768px){
	.s-logo-wrap figure {
		min-width: 200px;
	}
}
@media(min-height:700.02px) and (max-width:767.98px){
	body .display-vw, body .display-vh {
		font-size: 3.2rem;
		max-width: calc(40rem + 4vw);
		width: calc(40rem + 4vw);
	}
	body .tilt-content-angle10 {
		transform: translateX(calc(4.6rem - 4vw)) rotate(75deg);
	}
	.bg-frames-col .wrap-bg svg {
		width: 100rem;
		max-width: 100rem;
		transform: translate(calc(-11.6rem - 4vw), -30rem) rotate(-15deg);
		left: -74.8rem;
	}
	.bg-frames-col {
		min-height: calc(44rem - var(--admin-bar-height));
	}
}
@media(min-height:900.02px) and (min-width:768px) and (max-width:1599.98px){
	body .display-vw, body .display-vh {
		font-size: 3.7rem;
	}
	body .tilt-content-angle10 {
		transform: translateX(calc(25.4vw - 8.5rem - 0vh)) rotate(75deg);
	}
	.bg-frames-col .wrap-bg svg {
		transform: translate(calc(25.4vw - 0vh + -5.7rem), -19rem) rotate(-15deg);
	}
}
@media(min-height:900.02px) and (min-width:992px) and (max-width:1599.98px){
	.s-logo-wrap .claim-wrap {
		font-size: 6.4vh!important;
	}
	body .display-vw, body .display-vh {
		font-size: 3.7rem;
	}
}
@media(min-height:900.02px) and (min-width:1200px) and (max-width:1599.98px){
	.s-logo-wrap {
		align-items: flex-end;
	}
	.s-logo-wrap figure{
		min-width:800px;
	}
	.s-logo-wrap .claim-wrap {
		font-size: 6.1vh!important;
	}
}

@media(min-height:1200px) and (min-width:768px) and (max-width:1599.98px){
	.bg-frames-col .wrap-bg svg {
		transform: translate(calc(25.4vw - 0vh + -5.7rem), 0rem) rotate(-15deg);
	}
	body .tilt-content-angle10 {
		transform: translateX(calc(25.4vw - 8.5rem - 0vh)) translateY(19rem) rotate(75deg);
	}
	/* .s-logo-wrap .claim-wrap, */
	.maintenance-wrap .s-logo-wrap figure svg {
		min-width: 60vw;
	}
}
@media(min-height:900px) and (min-width:1600px){
	.s-logo-wrap .claim-wrap {
		font-size: 7.2vh!important;
	}

}
.theme-color-change1{
	color:var(--darkchocolate);
}
.theme-color-change4{
	color:var(--orange);
}

/* @media(max-width:479.98px){ */
@media(max-width:576px){

	.logo-col .s-logo-wrap,
	.logo-col {
		height: calc(92vh - var(--admin-bar-height));
	}
}
@media(max-width:767.98px) and (min-height:800px){

	.logo-col .s-logo-wrap,
	.logo-col {
		height: calc(90vh - var(--admin-bar-height));
	}
}



/*switch slide*/
.rot-toggle-switch {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 38px;
  margin-bottom:0;
}

.rot-toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.rot-toggle-switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 34px;
}

.rot-toggle-switch-slider::before {
    position: absolute;
    content: "";
    height: 32px;
    width: 32px;
    left: 3px;
    bottom: 3px;
    background-color: var(--orange);
    transition: 0.4s;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

/* Toggle on */
.rot-toggle-switch input:checked + .rot-toggle-switch-slider {
  background-color: var(--nightmint);
}

.rot-toggle-switch input:checked + .rot-toggle-switch-slider::before {
  transform: translateX(28px);
}
.wrap-da-cf .rot-toggle-switch {
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    transform: translate(0, calc(100% + 1rem));
}


.wrap-da-cf {
    position: absolute;
    right: -20px;
    max-width: 80%;
    text-align: right;
    margin-top: 1.3rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.toggled-cf-wrap{
	flex: 1 0 100%;
	display:none;
}

.wrap-da-cf p{
    line-height: 1.2;
    font-size: 1.17rem;
	margin-bottom:0!important;
}
/* .wpcf7-form input[type="submit"] {
    width: auto;
    display: inline-block;
    background: var(--nightmint);
    padding: 12px 9px;
	border-bottom:none!important;
} */

.wpcf7 form .wpcf7-response-output:before {
    content: "×";
    font-family: var(--sans);
    font-size: 1.7rem;
    color: var(--black);
    font-weight: 600;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0.5rem;
    margin-right: 1rem;
    display: block;
    cursor: pointer;
}
body .wpcf7 .mailchimp-feedback.ROT_wpcf7-response-output, .wpcf7 form .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
    position: fixed;
    top: 50%;
    left: 50%;
    right: 0;
    transform: translateY(-50%);
    transform: translate(-50%,-50%);
    /* transform: none; */
    background: transparent;
    background: var(--white);
    border: none;
    padding: 4px 42px;
    border-radius: 30px;
    font-family: inherit;
    color: var(--white);
    color: var(--text);
    font-weight: 400;
    text-align: right;
    font-size: 1rem;
    line-height: 1.2;
    box-shadow: none;
    cursor: inherit;
    z-index: 200;
    margin-top: .5rem;
    width: 80%;
	text-align: center;
    height: 150px;
    border-radius: 0;
    display: flex ;
    flex-direction: column;
    justify-content: center;
}
@media(min-width:768px){
	.wrap-da-cf {
		right: 10px;
		max-width: 60%;
	}
}
@media(min-width:1200px) and (min-height:900px){
	.wrap-da-cf {
		right: 10px;
		max-width: 25rem;
		bottom: 1rem;
		background: var(--orange);
		border-radius: 30px;
		padding: 0.5rem 3rem .5rem 7rem;
	}
	.wrap-da-cf .rot-toggle-switch {
		position:absolute;
		right:auto;
		bottom:auto;
		left:2rem;
		transform:none;
	}
}

