/*
Theme Name: M2 Market
Author: Herman Tselinsky
Author URI: https://adesign.ru/
Description: A clean custom landing-page template
Version: 0.1.0
Tags: real-estate, realty, custom-quiz, custom-webform, custom-landing-page
*/

@import 'normalize.css';

* {

	box-sizing: border-box;

}

/*@font-face {
	font-family:Proxima-Nova;
	src: url(ProximaNova-Light.eot);
	src: url(fonts/ProximaNova-Light.eot) format("embedded-opentype"),
	url(fonts/ProximaNova-Light.woff) format("woff"),
	url(fonts/ProximaNova-Light.ttf) format("truetype");
	font-weight:400;
	font-style:light;
}*/

@font-face {
	font-family:Proxima-Nova;
	src:url(ProximaNova-Regular.eot);
	src:url(fonts/ProximaNova-Regular.eot) format("embedded-opentype"),
	    url(fonts/ProximaNova-Regular.woff) format("woff"),
	    url(fonts/ProximaNova-Regular.ttf) format("truetype");
	font-weight:500;
	font-style:normal;
}

@font-face {
	font-family:Proxima-Nova;
	src:url(ProximaNova-RegularIt.eot);
	src:url(fonts/ProximaNova-RegularIt.eot) format("embedded-opentype"),
	url(fonts/ProximaNova-RegularIt.woff) format("woff"),
	url(fonts/ProximaNova-RegularIt.ttf) format("truetype");
	font-weight:500;
	font-style:italic;
}

@font-face {
	font-family:Proxima-Nova;
	src:url(ProximaNova-Semibold.eot);
	src:url(fonts/ProximaNova-Semibold.eot) format("embedded-opentype"),
	url(fonts/ProximaNova-Semibold.woff) format("woff"),
	url(fonts/ProximaNova-Semibold.ttf) format("truetype");
	font-weight:600;
	font-style:semibold;
}

@font-face {
	font-family:Proxima-Nova;
	src:url(ProximaNova-Bold.eot);
	src:url(fonts/ProximaNova-Bold.eot) format("embedded-opentype"),
	url(fonts/ProximaNova-Bold.woff) format("woff"),
	url(fonts/ProximaNova-Bold.ttf) format("truetype");
	font-weight:700;
	font-style:bold;
}

html {
    
    margin-top: 0px! important;
    
}

html,body {

	position: absolute;
	top: 0;

	width: 100%;
	height: 100%;
    min-height: 790px;

	font-family: 'Proxima Nova', Proxima-Nova, proxima-nova, helvetica neue, helvetica, arial, sans-serif;
	font-size: 16px;
	font-weight: 500;

    -moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	
}

:root {
	
--company-color: 10, 88, 150;
--headings-color: 27, 39, 51;
--text-color: 27, 39, 51;
--secondary-color: 136, 138, 141;

--active-element-color: 72, 80, 87;
	
--hover-background-color: 242, 242, 243;
}

a {


	text-decoration: none;

}

::selection {

	background-color: rgb(var(--headings-color));
	color: #fff;

}

input[type=radio], input[type=checkbox] {

	opacity: 0;

}

input[type=submit] {

	width: 144px;
	height: 56px;


	-webkit-appearance: none;
	border: 0;
	border-radius: 4px;
	outline: none;
	background-color: #f2f2f3;
	font-family: 'Proxima Nova', helvetica neue, helvetica, arial, sans-serif;
	font-weight: bold;
	color: #DBDCDE;
	box-shadow: none;

    transition: 0.04s ease-in;

	cursor: default;

	pointer-events: none;

}

input[type=submit]:hover {

	background-color: rgba(var(--company-color), 0.92);

}

#container {

    position: absolute;

	display: flex;
	width: 100%;
	height: 100%;
    min-height: 1080px;

	flex-direction: column;
	justify-content: top;
    align-items: center;
	
}
	
.backToTheList-button {
	
	position: absolute;
	top: 44px;
	left: 109px;
	display: block;
	width: 195px;
	height: 46px;
	border: 1px solid rgba(var(--company-color), 0.07);
	border-radius: 3px;

	font-size: 14px;
	font-weight: 700;
	color: rgb(var(--company-color));

	transition: 0.04s ease-in;
	
}

.backToTheList-button img {

	margin: 7px 19px 7px 19px;

} 

.backToTheList-text {

	position: absolute;
	top: 15px;

}

.backToTheList-text.tablet {

	display: none;
	font-size: 13px;
	top: 14px;

}

.backToTheList-button:hover {

	border: 1px solid rgba(var(--company-color), 1);


}

.logo {

	position: relative;
	margin-top: 30px;
	text-align: center;
	width: 215px;
	height: 73px;

	background-size: contain !important;

}

.logo-decorative {

	position: relative;
	margin: 25px 0 14px 0;

}

.byline {

	position: relative;
	line-height: 26px;
	text-align: center;
	color: rgb(var(--secondary-color));

}




#wp-quiz {

	position: relative;
	width: 620px;
	margin-top: 20px;

}

#wp-quiz .wp-quiz-stage-1, #wp-quiz .wp-quiz-stage-2, #wp-quiz .wp-quiz-stage-3, #wp-quiz .wp-quiz-stage-4, #wp-quiz .wp-quiz-stage-5, #wp-quiz .wp-quiz-stage-6, #wp-quiz .wp-quiz-stage-7 {

	position: absolute;
	top: 0;
	width: 100%;

	transition: 0.2s ease-in-out;


}

#wp-quiz .wp-quiz-stage-2 {

	width: 100%;

}

#wp-quiz .wp-quiz-stage-2 .metro-stations {
    
    top: 10px;
    
}

#wp-quiz .wp-quiz-stage-7 {

	position: absolute;
	top: 0;
	width: 100%;

}

#wp-quiz .wp-quiz-stage-7 a {

	display: inline-block;
	color: rgb(var(--company-color));
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(var(--company-color), 0.07);

	transition: 0.04s ease-in;

}

#wp-quiz .wp-quiz-stage-7 a:hover {

	border-bottom: 1px solid rgba(var(--company-color), 1);

}

#wp-quiz .wp-quiz-stage-1 {

	z-index: 8;

}

#wp-quiz .wp-quiz-stage-2 {

	display: none;

	z-index: 7;

}

#wp-quiz .wp-quiz-stage-3 {

	display: none;

	z-index: 6;

}

#wp-quiz .wp-quiz-stage-4 {

	display: none;

	z-index: 5;

}

#wp-quiz .wp-quiz-stage-5 {

	display: none;

	z-index: 4;

}

#wp-quiz .wp-quiz-stage-6 {

	display: none;

	z-index: 3;

}

#wp-quiz .wp-quiz-stage-7 {

	display: none;

	z-index: 2;

}

#wp-quiz .wp-quiz-stage-7 {

	display: none;

	text-align: center;

	z-index: 1;

}

#wp-quiz .wp-quiz-stage-2, #wp-quiz .wp-quiz-stage-3, #wp-quiz .wp-quiz-stage-4, #wp-quiz .wp-quiz-stage-5, #wp-quiz .wp-quiz-stage-6, #wp-quiz .wp-quiz-stage-7, #wp-quiz .wp-quiz-stage-8 {

	opacity: 0;

}

#wp-quiz .wp-quiz-stage-7 input[type=text] {

	height: 56px;
	-webkit-appearance: none;
	outline: none;
	border: 0;
	border-bottom: 1px solid rgba(var(--headings-color), 0.04);
	border-radius: 0;

	color: rgb(var(--headings-color));

	text-align: center;

}

#wp-quiz .wp-quiz-stage-7 input[type=text]:focus {

	border-bottom: 1px solid rgba(var(--company-color), 1);	

}

#wp-quiz .wp-quiz-stage-7 input[type=text]::placeholder {

	font-family: 'Proxima Nova', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-size: 16px;

	color: rgba(var(--headings-color), 0.13);

}

#wp-quiz .wp-quiz-stage-7 p>.rcs-number, #wp-quiz .wp-quiz-stage-7 p>.ats-number {

	font-weight: 600;

}

#wp-quiz .wp-quiz-stage-7 p>label>span {

	margin-bottom: 0px;

}

#wp-quiz .wp-quiz-stage-7 p {

	line-height: 26px;

}

#wp-quiz .wp-quiz-stage-7 p.privacy-policy {

	width: 378px;

	margin: auto;

	color: rgb(var(--secondary-color));

}

#wp-quiz .wp-quiz-stage-7 p:nth-child(4) {

	margin-top: -23px;
    margin-bottom: 24px;
    color: rgb(var(--headings-color));
    border: 1px solid rgba(var(--active-element-color), 0.12);
    border-radius: 4px;
    position: relative;
    padding: 6px 0px;

}

#wp-quiz .wp-quiz-stage-7 p:nth-child(4) {

	margin-top: 0px;
	margin-bottom: 18px;

}

#wp-quiz .wp-quiz-stage-7 p:nth-child(5) {

	margin-top: 0px;
	margin-bottom: 19px;

}

#wp-quiz .wp-quiz-stage-7 p:nth-child(6) {

	margin-top: 0px;
	margin-bottom: 19px;

}

#wp-quiz .wp-quiz-stage-7 p:last-child {

	margin-top: 39px;
	margin-bottom: 0;

}

#wp-quiz .wp-quiz-stage-7 label>span {

	font-size: 16px;
	line-height: 27px;

	color: rgb(var(--secondary-color));

}

#wp-quiz .wp-quiz-stage-7 .wp-quiz-question {
    
    margin-bottom: 35px;
    
}

#wp-quiz .wp-quiz-question {

	margin-bottom: 44px;
	letter-spacing: 0.012em;
	font-size: 18px;
	font-weight: 600;

	color: rgb(var(--headings-color));
	text-align: center;

}

.wp-quiz-question.mobile {

	display: none;

}

.wp-quiz-question.mobile-sm {
    
    display: none;
    
}

#wp-quiz .wpcf7-list-item {

	display: block;
	width: 100%;
	height: 43px;
	margin-bottom: 4px;
	border-radius: 9px;
	color: rgb(var(--active-element-color));

	transition: 0.15s ease;

}

#wp-quiz .wpcf7-list-item:hover {

	background-color: rgb(var(--hover-background-color));

}

span.wpcf7-list-item { 

	margin-left: 0 !important;

}

#wp-quiz .wpcf7-list-item input {

	margin-left: 28px;
	margin-right: 53px;
	cursor: default;

}

#wp-quiz .wpcf7-list-item label {

	display: block;
	width: 100%;
	height: 100%;

	border-radius: 9px;

	cursor: default;

}

#wp-quiz .wpcf7-radio .wpcf7-list-item label {

	background: url(assets/image/radio-default.svg) no-repeat;
	background-position: top 5.5px left 21.5px;

}

#wp-quiz .wpcf7-checkbox .wpcf7-list-item label {

	background: url(assets/image/checkbox-default.svg) no-repeat;
	background-position: top 5.5px left 21.5px;

}

#wp-quiz .wpcf7-list-item-label {

	display: inline-block;
	margin-top: 13px;

}

#wp-quiz .loading-area {

 	border: 1px solid #fff;
    top: 115px;
    height: 150px;
    width: 512px;
    border-radius: 6px;
    position: absolute;
    left: 50%;
    right: 50%;
    transform: translateX(-50%);

    transition: border-color 0.4 ease-out;
}

#wp-quiz .lazy-loading-overlay {

	position: fixed;
	top: 0;
	left: 0;

	display: none;
	width: 100%;
	height: 100%;
	background-color: #fff;

	opacity: 0;

	z-index: 10
}

#wp-quiz .lazy-loading {

	position: absolute;
    left: 50%;
    right: 50%;

	display: none;
    width: 412px;

    transform: translateX(-50.21%);

    font-size: 18px;
    color: rgb(var(--active-element-color));
    text-align: center;

    opacity: 0;

    z-index: 11;
}

#wp-quiz .wp-quiz-progress-bar {

	position: relative;
	top: 550px;
	width: 422px;
	height: 4px;
	margin: 0 auto 0 auto;
	border-radius: 2px;

	background-color: #e9eaea;

	z-index: 11;
}

#wp-quiz .wp-quiz-progress-bar .percentage {

	position: relative;
	left: 0;
	width: 12.5%;
	height: 100%;

	border-radius: 2px 0 0 2px;

	background-color: rgb(var(--company-color));

	transition: 0.4s ease-in-out;

}

#wp-quiz .wp-quiz-buttons {

	position: relative;
	top: 580px;
	margin-bottom: 90px;
	font-weight: 700;

}

#wp-quiz .wp-quiz-buttons .wp-quiz-button-previous {

	display: inline-block;
	width: 142px;
	height: 56px;
	margin: 0 244px 0 46px;
	border: 1px solid rgba(var(--company-color), 0.07);
	border-radius: 4px;

	color: rgb(var(--company-color));

	cursor: pointer;

	transition: 0.04s ease-in;

	transition: opacity 0.4s ease-in-out;

	pointer-events: none;
	opacity: 0;

}

#wp-quiz .wp-quiz-buttons .wp-quiz-button-previous:hover {

	border: 1px solid rgba(var(--company-color), 1);

}

#wp-quiz .wp-quiz-buttons .wp-quiz-button-previous img {

	margin: 12px 19px 0 13px;
	vertical-align: top;

}

#wp-quiz .wp-quiz-buttons .wp-quiz-button-next {

	display: inline-block;
	width: 142px;
	height: 56px;
	background-color: #f2f2f3;
	border-radius: 4px;

	color: #DBDCDE;

	cursor: pointer;

	transition: 0.04s ease-in;

	cursor: default;
	pointer-events: none;

}

#wp-quiz .wp-quiz-buttons .wp-quiz-button-next:hover {

	background-color: rgba(var(--company-color), 0.92);

}

#wp-quiz .wp-quiz-buttons .wp-quiz-button-next img {

	margin: 12px 13px 0 19px;
	vertical-align: top;

}

#wp-quiz .wp-quiz-buttons .wp-quiz-button-previous span {

	display: inline-block;
	margin-top: 19px;

	cursor: pointer;

}

#wp-quiz .wp-quiz-buttons .wp-quiz-button-next span {

	display: inline-block;
	margin-top: 19.4px;

	cursor: default;

}

#wp-quiz .wp-quiz-buttons .wp-quiz-button-next span {

	margin-left: 30px;

}

#wp-quiz .wp-quiz-buttons .wp-quiz-button-previous span {

	cursor: default;

}


#wp-quiz .wp-quiz-buttons .wp-quiz-button-previous, #wp-quiz .wp-quiz-buttons .wp-quiz-button-next, #wp-quiz .wp-quiz-buttons .wp-quiz-button-previous img, #wp-quiz .wp-quiz-buttons .wp-quiz-button-next img, #wp-quiz .wp-quiz-buttons .wp-quiz-button-previous span, #wp-quiz .wp-quiz-buttons .wp-quiz-button-next span
{

	  -webkit-touch-callout: none; /* iOS Safari */
	    -webkit-user-select: none; /* Safari */
	     -khtml-user-select: none; /* Konqueror HTML */
	       -moz-user-select: none; /* Firefox */
	        -ms-user-select: none; /* Internet Explorer/Edge */
	            user-select: none; 

}

.wpcf7-response-output.wpcf7-mail-sent-ok {

	position: fixed;
	top: 0;
	left: 0;

	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: 100%;

	margin: 0;
	padding: 0;

	border: none;

	background: #fff url(assets/image/success-icon.svg) no-repeat;
	background-position: center top 28%;
	z-index: 100;

	transition: 0.4 ease-out;

}

.wpcf7-response-output.wpcf7-mail-sent-ok .success-message {

	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	top: 44.44%;

}

.wpcf7-response-output.wpcf7-mail-sent-ok .success-message-heading {

	position: relative;
	top: auto;

	margin-top: 0;
	font-size: 26px;
	color: rgb(var(--headings-color));

}

.wpcf7-response-output.wpcf7-mail-sent-ok .success-message-text {

	position: relative;

	width: 500px;

	margin-top: 34px;
	font-size: 17px;
	line-height: 28px;
	color: rgb(var(--secondary-color));

	text-align: center;

}

.wpcf7-response-output.wpcf7-mail-sent-ok .success-message-separator {

	position: relative;
	top: auto;

	width: 1px;
	height: 44px;

	margin-top: 27px;

	background-color: #55678A;

	opacity: 0.06;

}

.wpcf7-response-output.wpcf7-mail-sent-ok .backToTheList-button {

	position: relative;

	top: auto;
	left: auto;

	width: 149px;
	height: 46px;

	margin-top: 33px;
	padding: 15px 0 0 24px;

	cursor: pointer;

}

.wp-privacy-policy {

	position: fixed;
	top: 0;
	left: 0;

	display: none;

	width: 100%;
	height: 100%;

	background-color: #fff;

	opacity: 0;

	z-index: 70;

}

.wp-privacy-policy .agreement {

	position: absolute;
	top: 126px;
	left: 25.26%;

	width: 695px;

}

.wp-privacy-policy .close-page {

	position: absolute;
	top: 126px;
	right: 35.24%;

    margin-top: 32px;

	opacity: 0.27;

	z-index: 71

}

.wp-privacy-policy .close-page:hover {

	opacity: 1;
	cursor: pointer;

}

.wp-privacy-policy h1 {

	margin-bottom: 8px;

	font-size: 40px;
	line-height: 49px;

}

.wp-privacy-policy .small {

	width: 386px;

	margin-top: 0;
	margin-bottom: 0;

	font-size: 14px;
	line-height: 25px;

	color: rgb(var(--secondary-color), 0.42);

}

.wp-privacy-policy .wp-privacy-policy-text {

	width: 100%;
	height: 762px;

	margin-top: 68px;
	padding-right: 30px;

	font-size: 17px;
	line-height: 28px;

	color: rgb(var(--secondary-color));

	overflow-y: scroll;

}

.wp-privacy-policy .wp-privacy-policy-text p:first-child {

	margin-top: 4px;

}

.wp-privacy-policy .wp-privacy-policy-text .bolder {

	font-weight: 600;

}




.footer-section {

    position: absolute;
    width: 100%;
    height: 42px;
    bottom: -50px;
    
}

.footer-popOver {

	position: absolute;
	bottom: 103px;
	right: 484px;

	display: none;
	width: 176px; 
	height: 237px; 

	background: url(assets/image/popOver-background.svg) no-repeat;

	overflow: visible;

	transition: 0.4 ease-in-out;

	z-index: 30;

}

.footer-popOver-background {

	position: absolute;

	display: none;
	width: 100%;
	height: 100%;

	z-index: 20;

}

.footer-popOver .menu-background {

	position: absolute;
	width: 100%;
	height: 206px;

	border-radius: 1px;

	/* box-shadow: 0 0 10px rgba(var(--active-element-color), 0.08);*/

	z-index: 22;

}

.footer-popOver a {

	display: block;

	width: 156px;
	height: 34.5px;

	font-size: 14px;

	margin: 0 10px;
	padding: 11px 0 0 23px;
	color: rgb(var(--active-element-color));

	transition: 0.15s ease;

}

.footer-popOver a:hover {

	background-color: rgb(var(--hover-background-color));

}

.footer-popOver a:hover, .footer-popOver a:visited {

	color: rgb(var(--active-element-color));

}

.footer-popOver a:first-child {

	margin-top: 21px;

}

.footer {

	position: absolute;
	bottom: 85px;
	right: 156px;
	font-size: 14px;
	color: rgb(var(--text-color));

}

.footer .popOver-menu {

	display: inline-block;
	height: 34px;
	margin-right: 80px;
	border: 1px solid rgba(var(--company-color), 0);
	border-radius: 3px;

	opacity: 0.16;

	transition: 0.04s ease-in;

	cursor: pointer;

}

.footer .popOver-menu:hover {

	border: 1px solid rgba(var(--company-color), 1) !important;

	opacity: 1 !important;

}

.footer a {

	position: relative;
	display: inline-block;
	margin: 6px 86px 0 0;
	padding-bottom: 6px;
	font-weight: 700;
	color: rgb(var(--company-color));
	border-bottom: 1px solid rgba(var(--company-color), 0.07);

	transition: 0.04s ease-in;

	vertical-align: top;

}

.footer a:hover {

	border-bottom: 1px solid rgba(var(--company-color), 1);

}

.footer .copyright {

	display: inline-block;
	margin-top: 6px;
	vertical-align: top;

}

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

    #container {
        
        min-height: 1000px;
        
    }

    .logo {
    
    	margin-top: 30px;
        
    }

	.wp-privacy-policy .close-page {

		right: 25.26%;

	}

	.wp-privacy-policy .wp-privacy-policy-text {

        height: 492px;

	}

}

@media screen and (max-width: 1440px) {
    
    #container {
        
        min-height: 790px;
        
    }
    
    #wp-quiz .wp-quiz-stage-7 .wp-quiz-question {
        
        margin-bottom: 21px;
        
    }
    
	.wp-privacy-policy .close-page {

		right: 15.26%;

	}

	.footer-popOver {

	    right: 247px;

	}

	.footer a {

		display: none;

	}

}

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

	.wp-privacy-policy .agreement {

	position: relative;

	top: 14.35%;
	left: 0;
	
	margin-left: auto;
	margin-right: auto;

	}

    .wp-privacy-policy .close-page {
        
        top: 9.1%;
        
    }

}

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

	input[type="submit"] {

		height: 50px;
		padding-top: 1px;

	}

	.backToTheList-button {
		
		top: 20px;
		left: 42px;
		width: 137px;
		height: 42px;

	}

	.backToTheList-button img {

		margin-top: 5px;
		
	}
	
    .backToTheList-text {
        
        position: absolute;
        top: 14.5px;
        
    }
	.backToTheList-text.tablet {

		display: inline;

	}

	.backToTheList-text.desktop {

		display: none;

	}

	.logo {

		width: 190px;
		height: 60px;
		margin-top: 30px;

	}

	.logo-decorative {

		margin: 18.8px 0 10px 0;

	}

	#wp-quiz {

		margin-top: 15px;

	}

	#wp-quiz .wp-quiz-question {

	    margin-bottom: 25px;

	}

	#wp-quiz .wpcf7-list-item {

		height: 41px;
	    margin-bottom: 2px;

	}

	#wp-quiz .wpcf7-radio .wpcf7-list-item label {

		background-position: top 4.5px left 21.5px;

	}

	#wp-quiz .wpcf7-checkbox .wpcf7-list-item label {

		background-position: top 4.5px left 21.5px;

	}

	#wp-quiz .wpcf7-list-item-label {

	    margin-top: 12px;

	}

	#wp-quiz .wp-quiz-progress-bar {

		top: 480px;

	}

	#wp-quiz .wp-quiz-buttons {

	    top: 510px;

	}

	#wp-quiz .wp-quiz-buttons .wp-quiz-button-previous, #wp-quiz .wp-quiz-buttons .wp-quiz-button-next {

		height: 50px;

	}

	#wp-quiz .wp-quiz-buttons .wp-quiz-button-previous img {

	    margin: 9px 19px 0 13px;

	}

	#wp-quiz .wp-quiz-buttons .wp-quiz-button-next img {
	 
	    margin: 9px 19px 0 13px;

	}

	#wp-quiz .wp-quiz-buttons .wp-quiz-button-previous span, #wp-quiz .wp-quiz-buttons .wp-quiz-button-next span {
    
	    margin-top: 16.2px;

	}

	.footer-popOver {

		bottom: 88px;
	    right: 93px;

	}

	.footer {

		bottom: 42px;
		right: 45px;
		font-size: 13px;

	}

	.footer .popOver-menu {

		margin-right: 45px;

	}

	.footer .copyright {

		margin-top: 10px;

	}

	.wp-privacy-policy .wp-privacy-policy-text {

	    height: 305px;

	}

}

@media screen and (max-width: 768px) {
    
    #wp-quiz .wp-quiz-stage-7 input[type=text] {
        
        height: 50px;
        
    }

    #wp-quiz .wp-quiz-stage-7 p:nth-child(4) {
    
        margin-bottom: 11px;
        
    }

    #wp-quiz .wp-quiz-stage-7 p:nth-child(5) {
    
        margin-bottom: 11px;
        
    }

    #wp-quiz .wp-quiz-stage-7 p:nth-child(6) {

    margin-bottom: 11px;
        
    }

    #wp-quiz .wp-quiz-stage-7 p:last-child {
        
    margin-top: 14px;
        
    }
    
	.byline {

		width: 276px;
	
	}

	.wp-privacy-policy .close-page {

		right: 40px;

	}

}

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

	.wp-privacy-policy .close-page {

		top: 40px;
		right: 40px;

	}

	.wp-privacy-policy .agreement {

		top: 18.2%;
		left: 0;
		
		width: 100%;

		margin-left: 16px;
		margin-right: 16px;

	}

}

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

	.backToTheList-button {
		
		top: 18px;
		left: 14px;
		width: 46px;
		height: 46px;

	}

	.backToTheList-button img {

		width: 40px;
		height: 40px;
		margin: 2px;
		
	}

	.backToTheList-text.tablet {

		display: none;

	}

	.logo {

		margin-top: 30px;

	}

	.logo-decorative {

		margin: 16.8px 0 7px 0;

	}

}

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

	#wpcf7-f6-o1 {

		width: 100%;
		padding-left: 14px;
		padding-right: 14px;		

	}

	#wp-quiz {

		width: 100%;

	}

	.wp-quiz-question.desktop {

		display: none;

	}

	.wp-quiz-question.mobile {

		display: block;

	}


	#wp-quiz .wp-quiz-progress-bar {

		width: 360px;

	}

	#wp-quiz .wp-quiz-buttons {
	    position: relative;
	    width: 100%;
	}

	#wp-quiz .wp-quiz-buttons .wp-quiz-button-previous {

		position: absolute;
		display: block;
		left: 0;
		margin: 0;

	}

	#wp-quiz .wp-quiz-buttons .wp-quiz-button-next {

		position: absolute;
		display: block;
		right: 0;

	}

	.wpcf7-response-output.wpcf7-mail-sent-ok .success-message-text {

		width: 331px;

	}

	.footer-popOver {

	    right: 77px;
	    
	}

	.footer {


		bottom: 42px;
		right: 28px;

	}

	.wp-privacy-policy .wp-privacy-policy-text {

	    margin-top: 32px;

	}

}

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

    html,body {
        
        position: absolute;
        /*top: -24px;*/
        
    }

    .logo {
        
    margin-left: 4px;
        
    }

    #wp-quiz .wp-quiz-stage-7 p.privacy-policy {
        
        width: 100%;
        
    }

	#wp-quiz .wp-quiz-progress-bar {

		width: 275px;

	}

	.footer-popOver {

	    right: 77px;
	    
	}

	.footer {

		bottom: 40px;
		right: 28px;

	}

	.footer .popOver-menu {

		margin-right: 35px;

	}

	.wp-privacy-policy .wp-privacy-agreement {

		margin-top: 14.35%;

	}

}

@media screen and (orientation:portrait) and (max-width: 1440px) and (min-height: 900px) {
    
    .logo {
     
        margin-top: 30px;
        
    }
    
    .selectize-dropdown-content {
        
        max-height: 185px !important;
        
    }
    
    .wp-privacy-policy .wp-privacy-policy-text {
        
        height: 622px;
        
    }
    
}

@media screen and (orientation:portrait) and (max-width: 800px) and (min-height: 900px) {
    
    .logo {
     
        margin-top: 30px;
        
    }
    
    .wp-privacy-policy .wp-privacy-policy-text {

	    height: 490px;

	}
	
    .wp-privacy-policy .close-page {
        
        top: 7%;
        right: 30.5px;
        
    }    
    
}

@media screen and (orientation:portrait) and (max-width: 440px) and (min-height: 900px) {

	#wp-quiz .wp-quiz-stage-7 {

		height: 424px;

	}

	#wp-quiz .wp-quiz-stage-7 input[type=submit] {

	position: absolute;
    bottom: 0px;
    margin: 0 auto;
    padding-bottom: 1.5px;
    
    transform: translateX(-50%);

    }

	#wp-quiz .wp-quiz-question {

	    margin-bottom: 23px;

	}

	#wp-quiz .wpcf7-list-item {

	    margin-bottom: 4px;

	}

	#wp-quiz .wp-quiz-progress-bar {

		top: 500px;

	}

	#wp-quiz .wp-quiz-buttons {

	    top: 530px;

	}


	.wp-privacy-policy .wp-privacy-agreement {

		margin-top: 14.35%;

	}

	.wp-privacy-policy .wp-privacy-policy-text {

	    height: 362px;

	}

	.footer-popOver {

	    right: 66px;
	    
	}

}

@media screen and (orientation:portrait) and (max-width: 350px) {

    .wp-quiz-question.mobile {
        
        display: none;
        
    }

    .wp-quiz-question.mobile-sm {
        
        display: block;
        
    }

    .lazy-loading {
        
        font-size: 16px;
        
    }

    #wp-quiz .wp-quiz-stage-7 input[type=text] {
        
        width: 100%;
        
    }

    .footer-popOver {
        right: 67px;
    }

    .wp-privacy-policy .close-page {
        
        top: 30px;
        right: 30px;
        
    }

    .wp-privacy-policy .agreement {
        
        width: auto;
        
    }

    .wp-privacy-policy .small {
        
        width: auto;
        
    }

    .wp-privacy-policy .wp-privacy-policy-text {
        
        height: 162px;
        padding-right: 0px;
        
    }

}

@media screen and (orientation:landscape) and (max-width: 1440px) and (max-height: 1024px) {
    
    .logo {
     
        margin-top: 30px;
        
    }
    
    .logo-decorative {
        
        position: relative;
        margin: 22px 0 11px 0;
        
    }
    
    #wp-quiz {
        
        margin-top:15px;
        
    }
    
    #wp-quiz .wp-quiz-progress-bar {
    
        top: 545px;
        
    }
    
    #wp-quiz .wp-quiz-buttons {

        top: 585px;
        
    }
    
}

@media screen and (max-height: 800px) and (max-width: 1024px) and (orientation: landscape) {
    
    .logo {
        
        margin-top: 30px;
        
    }

}

@media screen and (min-width: 1920px) and (max-height: 810px) and (orientation: landscape) {
    
    #container {
        
        min-height: 1150px;
        
    }

}

@media screen and (min-width: 1441px) and (max-width: 1919px) and (max-height: 810px) and (orientation: landscape) {
    
    #container {
        
        min-height: 790px;
        
    }
        
    .footer-section {
        
        margin-bottom: -210px;
        
    }

}

@media screen and (max-width: 1440px) and (max-height: 810px) and (orientation: landscape) {
    
    .footer-section {    
    
        margin-bottom: -130px;
    
    }
    
}