/* ===============
   kviz
   =============== */
/*
Theme Name: kviz
Theme URI: 
Author: Hdd2
Author URI: 
Description: 
Version: 1.0.0
License: 
License URI: 
Text Domain: kviz
Tags: 



CSS CONTENTS:
--------------------------
*/

*,
::after,
::before {
	box-sizing: border-box;
}

@font-face {
	font-family: 'TT Lakes';
	src: url('/wp-content/themes/kviz/fonts/TTLakes-Medium.eot');
	src: local('TT Lakes Medium'), local('TTLakesMedium'),
		url('/wp-content/themes/kviz/fonts/TTLakes-Medium.woff2') format('woff2'),
		url('/wp-content/themes/kviz/fonts/TTLakes-Medium.woff') format('woff'),
		url('/wp-content/themes/kviz/fonts/TTLakes-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Gogh';
	src: url('/wp-content/themes/kviz/fonts/Gogh-ExtraBold.eot');
	src: local('Gogh Extra Bold'), local('GoghExtraBold'),
		url('/wp-content/themes/kviz/fonts/Gogh-ExtraBold.woff2') format('woff2'),
		url('/wp-content/themes/kviz/fonts/Gogh-ExtraBold.woff') format('woff'),
		url('/wp-content/themes/kviz/fonts/Gogh-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}


@media(min-width: 1200px) {
	.container {
		max-width: 1200px;
	}
}


#masterheader {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}

#masterheader>* {
	display: flex;
	flex-direction: row;
}

#masthead {
	padding: 37px 120px;
	z-index: 0;
	/*position: fixed;*/
	width: 100%;
	z-index: 3;
	top: 0px;
	left: 0px;
	right: 0px;
	background: linear-gradient(to top, #fff0, 8%, white);
}



.masterheader-right {
	justify-content: flex-end;
}

.site-logo a {
	height: 100%;
	display: flex;
}

.site-logo img {
	max-height: 100%;
	height: 100px;
}




.site-link.site-btn a {
	font-family: 'TT Lakes';
	font-style: normal;
	font-weight: 500;
	font-size: 32px;
	line-height: 43px;
	text-align: center;
	color: #FFFFFF;
	background-color: rgba(48, 122, 181, 0.7);
	padding: 20px 30px;
	border-radius: 36px;
	transition: background-color 0.3s, color 0.3s;
}

.site-link.site-btn a:hover {
	color: #307AB5;
	background-color: rgba(255, 255, 255, 0.7);
}


.bodymain {
	margin: unset;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	background-image: url("/wp-content/themes/kviz/image/background.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	overflow-x: hidden;
}

.bodymain:after {
	content: "";
	bottom: 0px;
	width: 100vw;
	height: 100px;
	position: absolute;
	z-index: -1;
	background: linear-gradient(to bottom, #fff0, 8%, white);
}

.site-logo+.site-logo {
	margin-left: 37px;
}

.site-link a {
	font-family: Bebas Neue;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 20px;
	display: flex;
	letter-spacing: 0.1em;
	color: #2357AE;
	text-transform: uppercase;
	text-decoration: none;
	position: relative;
	z-index: 0;

}

.site-links {
	display: flex;
}


#main {
	flex-grow: 1;
	/*padding-top: 200px;*/
	padding-bottom: 36px;
	overflow-y: auto;
	scrollbar-width: thin;
	overflow-x: hidden;
	/*max-height: calc(100vh);*/
	display: flex;
	padding-left: 120px;
	padding-right: 120px;
}

#main::-webkit-scrollbar {
	width: 7px;
	height: 100%;
	background: #f5f5f5;
}

#main::-webkit-scrollbar-thumb {
	background: #ccc;
}


#main>.section {
	min-height: calc(100vh - 66px);
	display: flex;
}




.pages {
	display: flex;
	flex-grow: 1;
	justify-content: center;
}

.pages .page {
	display: none;
	flex-grow: 1;
	justify-content: center;
}

.page.active {
	display: flex;
}

.page-in {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.block.start-block {
	background-color: rgba(48, 122, 181, 0.7);
	border-radius: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 84px;
}

.block.start-block .text {
	font-family: 'Gogh';
	font-style: normal;
	font-weight: 800;
}

.block.start-block .text.top {
	font-size: 160px;
	line-height: 221px;
	color: #307AB5;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.9);
	background: #FFFFFF;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.7);
	border-radius: 30px;
	padding: 0px 60px;
	margin-top: -84px;
	text-align: center;
}

.block.start-block .text.middle {
	font-size: 120px;
	line-height: 120px;
	color: #FFFFFF;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: -10px;
	margin-bottom: 20px;
	text-align: center;
}

.block.start-block .text.bottom {
	font-size: 48px;
	line-height: 66px;
	color: #103173;
	padding: 12px 40px;
	background-color: rgba(48, 122, 181, 0.7);
	border-radius: 30px;
	text-align: center;
}

.page.start .block.bottom {
	margin-top: 64px;
	display: flex;
	justify-content: center;
}

.start-button {
	font-family: 'TT Lakes';
	font-style: normal;
	font-weight: 500;
	font-size: 64px;
	line-height: 86px;
	text-align: center;
	color: #FFFFFF;
	background-color: rgba(48, 122, 181, 0.7);
	padding: 20px 30px;
	border-radius: 19px;
	transition: background-color 0.3s, color 0.3s;
	text-decoration: unset;
}

.start-button:hover {
	background-color: rgba(255, 255, 255, 0.7);
	color: rgba(48, 122, 181, 0.7);
}



.page.qn .page-in {
	padding-top: 64px;
	flex-grow: 1;
}

.block.top.qn-block {
	display: flex;
	justify-content: center;
}

.block.top.qn-block .left {
	flex-basis: 50%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.block.top.qn-block .right {
	flex-basis: 50%;
	display: flex;
}

.qn-block .left .qn {
	max-width: 780px;
	width: 100%;
	background-color: rgba(48, 122, 181, 0.7);
	padding: 100px 40px 0px 40px;
	border-radius: 30px;
	text-align: center;
	position: relative;
}

.qn-block .answ {
	max-width: 700px;
	width: 100%;
}

.qn-block .qn img {
	max-width: 100%;
	height: auto;
	max-height: 100%;
}

.qn-block .left .qn p {
	font-family: 'TT Lakes';
	font-style: normal;
	font-weight: 500;
	font-size: 45px;
	line-height: 61px;
	text-align: center;
	color: #FFFFFF;
	margin-top: unset;
}

.qn .num {
	width: 123px;
	height: 123px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'TT Lakes';
	font-style: normal;
	font-weight: 500;
	font-size: 70px;
	line-height: 94px;
	text-align: center;
	color: #307AB5;
	background-color: white;
	border-radius: 29px;
	flex-shrink: 0;
	position: absolute;
	top: -61px;
}

.answ-buttons input {
	display: none;
}

.answ-buttons {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.answ-buttons label {
	background-color: rgba(48, 122, 181, 0.7);
	margin-top: 3px;
	margin-bottom: 3px;
}

.answ-buttons label .icon {
	width: 123px;
	height: 123px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'TT Lakes';
	font-style: normal;
	font-weight: 500;
	font-size: 70px;
	line-height: 94px;
	text-align: center;
	color: #307AB5;
	background-color: white;
	border-radius: 29px;
	margin-right: 39px;
	flex-shrink: 0;
}

.answ-buttons label {
	display: flex;
	align-items: center;
	border-radius: 30px;
	padding: 12px;
	font-family: 'TT Lakes';
	font-style: normal;
	font-weight: 500;
	font-size: 30px;
	line-height: 40px;
	color: #FFFFFF;
	cursor: pointer;
}

.page-in {
	display: flex;
	flex-direction: column;
}

.qn-block .right .answ {
	display: flex;
	align-items: center;
}

.block.top.qn-block .right {
	padding-left: 64px;
}

.block.top.qn-block {
	flex-grow: 1;
}

.answ-buttons input:checked+label {
	color: #307AB5;
	background-color: rgba(255, 255, 255, 0.7);
}


@media(max-width: 1100px) {
	.block.top.qn-block {
		flex-direction: column;
	}

	.block.top.qn-block .left {
		flex-basis: unset;
	}

	.block.top.qn-block .right {
		flex-basis: unset;
	}

	.block.top.qn-block .right {
		padding-left: unset;
	}

	.block.top.qn-block .right {
		padding-left: unset;
		margin-top: 30px;
	}
}





.page.answ .answ-top {
	background-color: rgba(48, 122, 181, 0.7);
	padding: 20px 20px;
	border-radius: 30px;
	text-align: center;
	position: relative;
	margin-bottom: 6px;
}

.page.answ .answ-bottom {
	background-color: rgba(48, 122, 181, 0.7);
	/*padding: 26px 108px;*/
	padding: 60px 108px 60px 108px;
	border-radius: 30px;
	text-align: center;
	position: relative;
}

.page.answ .answ-top span {
	font-family: 'TT Lakes';
	font-style: normal;
	font-weight: 500;
	font-size: 64px;
	line-height: 86px;
	text-align: center;
	color: #FFFFFF;
}

.page.answ .answ-text img {
	max-width: 100%;
	height: auto;
	max-height: 100%;
	object-fit: contain;
}

.page.answ {
	max-width: 1396px;
}

.page.answ .answ-text p {
	font-family: 'TT Lakes';
	font-style: normal;
	font-weight: 500;
	font-size: 40px;
	line-height: 54px;
	color: #FFFFFF;
	margin: unset;
}

.page.answ .answ-text {
	display: flex;
}

.page.answ .text-block {
	text-align: left;
	flex-basis: 100%;
}

.page.answ .image-block {
	display: flex;
	/*margin-top: 86px;*/
	margin-top: 28px;
	padding-left: 20px;
	padding-right: unset;
}

.page.answ .num {
	width: 130px;
	height: 130px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'TT Lakes';
	font-style: normal;
	font-weight: 500;
	font-size: 100px;
	line-height: 130px;
	text-align: center;
	color: #307AB5;
	background-color: white;
	border-radius: 29px;
	flex-shrink: 0;
	position: absolute;
	bottom: -65px;
	right: 67px;
	z-index: 2;
}



.right-button.next-button {
	width: 100px;
	height: 100px;
	display: flex;
	background-color: rgba(48, 122, 181, 0.7);
	border-radius: 100px;
	background-image: url("data:image/svg+xml,%3Csvg width='49' height='48' viewBox='0 0 49 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 20H0V28H4V20ZM49 24L9 0.905989V47.094L49 24ZM4 28H13V20H4V28Z' fill='white'/%3E%3C/svg%3E%0A");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 45px;
	transition: background-color 0.3s, background-image 0.3s;
}

.right-button.next-button:hover {
	background-color: rgba(255, 255, 255, 0.7);
	background-image: url("data:image/svg+xml,%3Csvg width='49' height='48' viewBox='0 0 49 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 20H0V28H4V20ZM49 24L9 0.905989V47.094L49 24ZM4 28H13V20H4V28Z' fill='%23307AB5'/%3E%3C/svg%3E%0A");
}

.page.answ .block.bottom {
	display: flex;
	justify-content: flex-end;
	margin-top: 30px;
}





.page.end .block.top.end-block {
	font-family: 'Gogh';
	font-style: normal;
	font-weight: 800;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.page.end .text.top {
	font-size: 120px;
	line-height: 166px;
	color: #307AB5;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.9);
	background: #FFFFFF;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.7);
	border-radius: 30px;
	padding: 0px 60px;
	text-align: center;
}

.page.end .text.middle {
	font-size: 48px;
	line-height: 66px;
	padding: 12px 88px;
	background-color: rgba(48, 122, 181, 0.7);
	border-radius: 0px 0px 30px 30px;
	text-align: center;
	color: white;
}

.page.end .block.middle {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 28px;
	margin-bottom: 28px;
	font-family: 'Gogh';
	font-style: normal;
	font-weight: 800;
}

.page.end .result-block {
	display: flex;
	background-color: #307AB5;
	border-radius: 30px;
	padding: 17px;
	max-width: 1114px;
}

.page.end .title-block {
	font-size: 32px;
	line-height: 43px;
	padding: 9px 38px;
	background-color: rgba(48, 122, 181, 0.7);
	border-radius: 30px 30px 0px 0px;
	text-align: center;
	color: white;
	font-weight: 500;
	font-family: 'TT Lakes';
	font-style: normal;
}

.page.end .image-block img {
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

.page.end .text-block {
	font-family: 'TT Lakes';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 27px;
	color: #307AB5;
}

.page.end .right-block .content {
	display: flex;
}

.page.end .image-block {
	flex-basis: 200px;
	display: flex;
	align-items: flex-end;
	flex-shrink: 0;
}

.page.end .left-block .title {
	font-family: 'TT Lakes';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #307AB5;
	/*! position: absolute; */
	/*! top: 10px; */
}

.page.end .result-block .left-block {
	background-color: #FFFFFF;
	border-radius: 30px;
	flex-basis: 220px;
	flex-shrink: 0;
	min-height: 220px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}

.page.end .left-block .num {
	font-family: 'TT Lakes';
	font-style: normal;
	font-weight: 500;
	font-size: 128px;
	line-height: 173px;
	text-align: center;
	color: #307AB5;
}

.page.end .result-block .right-block .results {
	background-color: #FFFFFF;
	border-radius: 30px;
	margin-left: 7px;
	display: none;
	flex-direction: column;
	align-items: center;
	padding: 17px 0px 17px 17px;
}

.page.end .result-block .right-block .results.active {
	display: flex;
}

.page.end .right-block .title {
	font-size: 32px;
	line-height: 43px;
	padding: 4px 29px;
	background-color: rgba(48, 122, 181, 0.7);
	border-radius: 22px;
	text-align: center;
	color: white;
	font-weight: 500;
	font-family: 'TT Lakes';
	font-style: normal;
	margin-bottom: 17px;
}

.page.end .text-block p {
	margin: unset;
}




.page.end .block.bottom {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}

.social-links .link a {
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	content: "";
	display: inline-block;
}

.social-links .vk a {
	background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='50' height='50' rx='6' fill='white' fill-opacity='0.7'/%3E%3Cpath d='M38.9339 29.4216C38.9339 29.4216 41.9254 32.4943 42.6654 33.9162C42.6798 33.9367 42.691 33.9594 42.6987 33.9836C43.0002 34.5088 43.0742 34.9206 42.9262 35.2246C42.6765 35.7268 41.831 35.9788 41.5443 36H36.2569C35.8888 36 35.1229 35.8999 34.1905 35.2304C33.4782 34.7128 32.7697 33.8604 32.0833 33.0273C31.0584 31.7901 30.1723 30.7165 29.275 30.7165C29.1617 30.7162 29.0492 30.7357 28.942 30.7742C28.2631 30.9974 27.401 32.0037 27.401 34.6839C27.401 35.5228 26.7646 36 26.3187 36H23.8971C23.072 36 18.7763 35.6998 14.9671 31.5227C10.2996 26.4084 6.10747 16.1492 6.06677 16.0588C5.80592 15.395 6.35352 15.0332 6.94552 15.0332H12.2846C13.0006 15.0332 13.2337 15.4835 13.3965 15.8875C13.5852 16.3512 14.2845 18.2061 15.4315 20.2898C17.2889 23.6801 18.4303 25.0596 19.3424 25.0596C19.5137 25.0602 19.6822 25.0137 19.8308 24.925C21.0222 24.2438 20.8002 19.8184 20.7447 18.9064C20.7447 18.7294 20.7428 16.9304 20.1323 16.0607C19.6957 15.4373 18.952 15.1949 18.5025 15.1063C18.6227 14.9255 18.878 14.6484 19.2055 14.4849C20.0213 14.0616 21.4958 14 22.9591 14H23.7713C25.3586 14.0231 25.7693 14.1289 26.3465 14.2809C27.5083 14.5695 27.5305 15.3526 27.4287 18.0194C27.3991 18.7814 27.3677 19.6395 27.3677 20.6496C27.3677 20.8651 27.3584 21.1056 27.3584 21.35C27.3233 22.718 27.277 24.2592 28.2057 24.8923C28.3262 24.9703 28.4653 25.0116 28.6072 25.0115C28.9291 25.0115 29.8929 25.0115 32.507 20.3456C33.654 18.2849 34.542 15.8548 34.603 15.672C34.6548 15.5701 34.8102 15.2834 34.9989 15.1679C35.1332 15.0936 35.2835 15.0565 35.4355 15.0602H41.7163C42.4008 15.0602 42.8652 15.1679 42.9558 15.4373C43.1075 15.8741 42.9262 17.2075 40.0587 21.2403C39.5759 21.9118 39.1522 22.4929 38.7803 23.0009C36.1811 26.5489 36.1811 26.7278 38.9339 29.4216Z' fill='%23307AB5' fill-opacity='0.7'/%3E%3C/svg%3E%0A");
}

.social-links .whatsapp a {
	background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='50' height='50' rx='6' fill='white' fill-opacity='0.7'/%3E%3Cpath d='M17.8795 34.741L18.9655 35.3755C20.7969 36.4436 22.8799 37.0043 25 37C27.3734 37 29.6935 36.2962 31.6668 34.9776C33.6402 33.659 35.1783 31.7849 36.0866 29.5922C36.9948 27.3995 37.2324 24.9867 36.7694 22.6589C36.3064 20.3311 35.1635 18.1929 33.4853 16.5147C31.8071 14.8365 29.6689 13.6936 27.3411 13.2306C25.0133 12.7676 22.6005 13.0052 20.4078 13.9134C18.2151 14.8217 16.341 16.3598 15.0224 18.3332C13.7038 20.3065 13 22.6266 13 25C13 27.154 13.5655 29.2195 14.626 31.036L15.259 32.122L14.2795 35.7235L17.8795 34.741ZM10.006 40L12.034 32.548C10.6977 30.2573 9.99566 27.652 10 25C10 16.7155 16.7155 10 25 10C33.2845 10 40 16.7155 40 25C40 33.2845 33.2845 40 25 40C22.3492 40.0043 19.745 39.3027 17.455 37.9675L10.006 40ZM19.5865 17.962C19.7875 17.947 19.99 17.947 20.191 17.956C20.272 17.962 20.353 17.971 20.434 17.98C20.6725 18.007 20.935 18.1525 21.0235 18.3535C21.4705 19.3675 21.9055 20.389 22.3255 21.4135C22.4185 21.6415 22.363 21.934 22.186 22.219C22.0643 22.4117 21.9326 22.598 21.7915 22.777C21.622 22.9945 21.2575 23.3935 21.2575 23.3935C21.2575 23.3935 21.109 23.5705 21.166 23.791C21.187 23.875 21.256 23.9965 21.319 24.0985L21.4075 24.241C21.7915 24.8815 22.3075 25.531 22.9375 26.143C23.1175 26.317 23.293 26.4955 23.482 26.662C24.184 27.2815 24.979 27.787 25.837 28.162L25.8445 28.165C25.972 28.2205 26.0365 28.2505 26.2225 28.33C26.3155 28.369 26.4115 28.4035 26.509 28.429C26.6098 28.4546 26.7159 28.4498 26.8139 28.4151C26.9119 28.3804 26.9974 28.3173 27.0595 28.234C28.1455 26.9185 28.2445 26.833 28.2535 26.833V26.836C28.329 26.7656 28.4186 26.7122 28.5164 26.6794C28.6142 26.6465 28.7179 26.635 28.8205 26.6455C28.9105 26.6515 29.002 26.668 29.086 26.7055C29.8825 27.07 31.186 27.6385 31.186 27.6385L32.059 28.03C32.206 28.1005 32.3395 28.267 32.344 28.4275C32.35 28.528 32.359 28.69 32.3245 28.987C32.2765 29.3755 32.1595 29.842 32.0425 30.0865C31.9624 30.2533 31.856 30.4063 31.7275 30.5395C31.5761 30.6984 31.4104 30.843 31.2325 30.9715C31.1709 31.0178 31.1084 31.0628 31.045 31.1065C30.8584 31.2249 30.6668 31.335 30.4705 31.4365C30.0843 31.6416 29.6578 31.7594 29.221 31.7815C28.9435 31.7965 28.666 31.8175 28.387 31.8025C28.375 31.8025 27.535 31.672 27.535 31.672C25.4024 31.111 23.4301 30.0602 21.775 28.603C21.436 28.3045 21.1225 27.9835 20.8015 27.664C19.4665 26.3365 18.4585 24.904 17.8465 23.551C17.5333 22.8869 17.3641 22.1641 17.35 21.43C17.3438 20.5193 17.6415 19.6325 18.196 18.91C18.3055 18.769 18.409 18.622 18.5875 18.4525C18.778 18.2725 18.898 18.1765 19.0285 18.1105C19.202 18.0235 19.3913 17.9725 19.585 17.9605L19.5865 17.962Z' fill='%23307AB5' fill-opacity='0.7'/%3E%3C/svg%3E%0A");
}

.social-links .telegram a {
	background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='50' height='50' rx='6' fill='white' fill-opacity='0.7'/%3E%3Cpath d='M9.54774 23.9464L16.6932 26.6133L19.459 35.5079C19.6359 36.0776 20.3325 36.2882 20.7949 35.9101L24.7779 32.6631C25.1954 32.3229 25.7901 32.306 26.2264 32.6227L33.4104 37.8384C33.905 38.1979 34.6057 37.9269 34.7298 37.3292L39.9924 12.015C40.1278 11.3621 39.4863 10.8175 38.8647 11.0579L9.53937 22.3707C8.81568 22.6498 8.82199 23.6744 9.54774 23.9464ZM19.0132 25.1937L32.9782 16.5926C33.2292 16.4385 33.4874 16.7779 33.2719 16.9778L21.7467 27.6909C21.3416 28.068 21.0803 28.5727 21.0063 29.1204L20.6137 32.0299C20.5617 32.4183 20.016 32.4569 19.9088 32.0809L18.3989 26.7755C18.226 26.1704 18.478 25.524 19.0132 25.1937Z' fill='%23307AB5' fill-opacity='0.7'/%3E%3C/svg%3E%0A");
}

.social-links .ok a {
	background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='50' height='50' rx='6' fill='white' fill-opacity='0.7'/%3E%3Cpath d='M28.2781 32.2543C29.9336 31.8676 31.515 31.1956 32.9523 30.2676C34.0351 29.5235 34.326 28.0195 33.6015 26.9074C32.9056 25.838 31.5189 25.5154 30.4399 26.17C27.1291 28.2968 22.9223 28.2968 19.6115 26.17C18.5117 25.458 17.0601 25.7967 16.3655 26.9234C16.3655 26.9261 16.3655 26.9287 16.3629 26.9301C15.6696 28.0595 15.9994 29.5515 17.0991 30.2636L17.1017 30.2662C18.5364 31.1929 20.1165 31.8663 21.7707 32.2503L17.2718 36.8705C16.3538 37.7972 16.3369 39.3106 17.2354 40.2533L17.2744 40.2933C17.721 40.7653 18.3261 41 18.9285 41C19.5323 41 20.136 40.7653 20.5839 40.2933L25.0257 35.7544L29.4454 40.296C30.3802 41.2227 31.8733 41.1973 32.777 40.236C33.6573 39.2986 33.6573 37.8119 32.777 36.8758L28.2781 32.2543V32.2543ZM25.0257 25.518C29.4661 25.5127 33.0627 21.8192 33.0691 17.2603C33.0691 12.7068 29.4597 9 25.0257 9C20.5917 9 16.9822 12.7068 16.9822 17.263C16.9887 21.8232 20.5865 25.5167 25.0257 25.5194V25.518ZM25.0257 13.8415C26.8642 13.8442 28.3534 15.3749 28.3547 17.2617C28.3547 19.1498 26.8642 20.6792 25.0257 20.6818C23.1885 20.6792 21.6992 19.1511 21.6954 17.263C21.698 15.3736 23.1885 13.8442 25.0257 13.8402V13.8415Z' fill='%23307AB5' fill-opacity='0.7'/%3E%3C/svg%3E%0A");
}


.social-links {
	display: flex;
}

.return-button {
	font-family: 'TT Lakes';
	font-style: normal;
	font-weight: 500;
	font-size: 48px;
	line-height: 65px;
	text-align: center;
	color: #FFFFFF;
	background-color: rgba(48, 122, 181, 0.7);
	padding: 20px 80px;
	border-radius: 19px;
	transition: background-color 0.3s, color 0.3s;
	text-decoration: unset;
}

.social-block {
	background-color: rgba(48, 122, 181, 0.7);
	padding: 2px 80px;
	border-radius: 19px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.social-links .link {
	margin-left: 5px;
	margin-right: 5px;
}

.social-block .title {
	font-family: 'TT Lakes';
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	text-align: center;
	color: #FFFFFF;
	margin-bottom: 5px;
}




/* adapt */

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

	#main {
		/* padding-left: 120px; */
		/* padding-right: 120px; */
		padding-left: 50px;
		padding-right: 50px;
	}

	#masthead {
		/* padding: 37px 120px; */
		padding: 18px 50px;
	}



	.site-logo img {
		/* height: 100px; */
		height: 70px;
	}

	.site-link.site-btn a {
		/* font-size: 32px; */
		/* line-height: 43px; */
		font-size: 20px;
		line-height: 20px;
	}



	.block.start-block .text.top {
		/* font-size: 160px; */
		/* line-height: 221px; */
		font-size: 100px;
		line-height: 160px;
	}

	.block.start-block .text.middle {
		/* font-size: 120px; */
		/* line-height: 120px; */
		/* margin-bottom: 20px; */
		font-size: 64px;
		line-height: 80px;
		margin-bottom: 10px;
	}

	.block.start-block .text.bottom {
		/* font-size: 48px; */
		/* line-height: 66px; */
		font-size: 33px;
		line-height: 42px;
	}

	.page.start .block.bottom {
		/* margin-top: 64px; */
		margin-top: 40px;
	}

	.start-button {
		/* font-size: 64px; */
		/* line-height: 86px; */
		font-size: 24px;
		line-height: 40px;
	}




	.qn-block .left .qn {
		/* padding: 100px 40px 40px 40px; */
		padding: 50px 30px 30px 30px;
		max-width: unset;
	}

	.qn .num {
		/* width: 123px; */
		/* height: 123px; */
		/* font-size: 70px; */
		/* line-height: 94px; */
		width: 90px;
		height: 90px;
		font-size: 50px;
		line-height: 80px;
	}

	.qn-block .left .qn p {
		/* font-size: 45px; */
		/* line-height: 61px; */
		font-size: 30px;
		line-height: 36px;
	}

	.answ-buttons label {
		/* font-size: 30px; */
		/* line-height: 40px; */
		font-size: 22px;
		line-height: 26px;
	}

	.answ-buttons label .icon {
		/* width: 123px; */
		/* height: 123px; */
		/* font-size: 70px; */
		/* line-height: 94px; */
		/* margin-right: 39px; */
		width: 90px;
		height: 90px;
		font-size: 44px;
		line-height: 76px;
		margin-right: 20px;
	}

	.qn-block .qn img {
		/* max-width: 100%; */
		max-width: 50%;
	}

	.qn-block .answ {
		max-width: unset;
	}

	.answ-buttons {
		flex-grow: 1;
	}





	.page.answ .answ-bottom {
		/* padding: 26px 108px; */
		padding: 26px 30px;
	}

	.page.answ .answ-top span {
		/* font-size: 64px; */
		/* line-height: 86px; */
		font-size: 36px;
		line-height: 46px;
	}

	.page.answ .num {
		/* width: 204px; */
		/* height: 204px; */
		/* font-size: 128px; */
		/* line-height: 173px; */
		/* bottom: -102px; */
		/* right: 67px; */
		width: 100px;
		height: 100px;
		font-size: 67px;
		line-height: 76px;
		bottom: -50px;
		right: 30px;
	}

	.page.answ .answ-text p {
		/* font-size: 40px; */
		/* line-height: 54px; */
		font-size: 24px;
		line-height: 38px;
	}

	.right-button.next-button {
		/* width: 100px; */
		/* height: 100px; */
		/* background-size: 45px; */
		width: 60px;
		height: 60px;
		background-size: 26px;
	}




	.page.end .text.top {
		/* font-size: 120px; */
		/* line-height: 166px; */
		font-size: 53px;
		line-height: 106px;
	}

	.page.end .text.middle {
		/* font-size: 48px; */
		/* line-height: 66px; */
		/* padding: 12px 88px; */
		font-size: 20px;
		line-height: 25px;
		padding: 12px 60px;
	}

	.page.end .title-block {
		/* font-size: 32px; */
		/* line-height: 43px; */
		font-size: 19px;
		line-height: 23px;
	}

	.page.end .result-block .left-block {
		/* flex-basis: 220px; */
		/* min-height: 220px; */
		flex-basis: 150px;
		min-height: 150px;
		text-align: center;
	}

	.page.end .result-block .right-block .results {
		/* padding: 17px 0px 17px 17px; */
		padding: 10px 0px 10px 10px;
	}

	.page.end .right-block .title {
		/* font-size: 32px; */
		/* line-height: 43px; */
		/* margin-bottom: 17px; */
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.page.end .text-block {
		/* font-size: 20px; */
		/* line-height: 27px; */
		font-size: 17px;
		line-height: 23px;
	}

	.page.end .image-block {
		/* flex-basis: 200px; */
		flex-basis: 122px;
	}

	.page.end .left-block .num {
		/* font-size: 128px; */
		/* line-height: 173px; */
		font-size: 78px;
		line-height: 88px;
	}

	.return-button {
		/* font-size: 48px; */
		/* line-height: 65px; */
		font-size: 24px;
		line-height: 35px;
		display: flex;
		align-items: center;
	}

	.social-block .title {
		/* font-size: 24px; */
		/* line-height: 32px; */
		font-size: 16px;
		line-height: 27px;
	}

	.social-links .link a {
		/* width: 50px; */
		/* height: 50px; */
		width: 40px;
		height: 40px;
	}

	.page.end .block.bottom {
		/* margin-top: 50px; */
		margin-top: 20px;
	}




}



@media(max-width: 768px) {
	.site-logo {
		height: 40px;
	}

	#masthead {
		padding: 10px 10px;
	}

	.site-link.site-btn a {
		/* font-size: 32px; */
		/* line-height: 43px; */
		/* padding: 20px 30px; */
		font-size: 12px;
		line-height: 14px;
		padding: 12px 20px;
		border-radius: 15px;
	}

	#main {
		padding-left: 10px;
		padding-right: 10px;
	}




	.block.start-block .text.top {
		/* font-size: 160px; */
		/* line-height: 221px; */
		/* padding: 0px 60px; */
		/* margin-top: -84px; */
		font-size: 52px;
		line-height: 84px;
		padding: 0px 30px;
		margin-top: -41px;
		border-radius: 15px;
	}

	.block.start-block .text.middle {
		/* font-size: 120px; */
		/* line-height: 120px; */
		/* margin-bottom: 20px; */
		font-size: 34px;
		line-height: 40px;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.block.start-block {
		/* margin-top: 84px; */
		margin-top: 30px;
		border-radius: 15px;
	}

	.block.start-block .text.bottom {
		/* font-size: 48px; */
		/* line-height: 66px; */
		font-size: 16px;
		line-height: 24px;
		flex-grow: 1;
		display: flex;
		border-radius: 15px;
	}

	.page.start .block.bottom {
		/* margin-top: 64px; */
		margin-top: 30px;
	}

	.start-button {
		/* font-size: 64px; */
		/* line-height: 86px; */
		font-size: 27px;
		line-height: 40px;
	}




	.qn .num {
		/* width: 123px; */
		/* height: 123px; */
		/* font-size: 70px; */
		/* line-height: 94px; */
		/* top: -61px; */
		width: 80px;
		height: 80px;
		font-size: 35px;
		line-height: 40px;
		top: -40px;
		border-radius: 15px;
	}

	.page.qn .page-in {
		/* padding-top: 64px; */
		padding-top: 35px;
		flex-grow: 1;
	}

	.qn-block .left .qn {
		/* padding: 100px 40px 40px 40px; */
		padding: 46px 10px 10px 10px;
		border-radius: 15px;
	}

	.qn-block .left .qn p {
		/* font-size: 45px; */
		/* line-height: 61px; */
		font-size: 20px;
		line-height: 30px;
	}

	.answ-buttons label .icon {
		/* width: 123px; */
		/* height: 123px; */
		/* font-size: 70px; */
		/* line-height: 94px; */
		/* border-radius: 29px; */
		/* margin-right: 39px; */
		width: 40px;
		height: 40px;
		font-size: 30px;
		line-height: 35px;
		border-radius: 15px;
		margin-right: 15px;
	}

	.answ-buttons label {
		/* border-radius: 30px; */
		/* font-size: 30px; */
		/* line-height: 40px; */
		border-radius: 15px;
		font-size: 15px;
		line-height: 23px;
		padding: 10px;
	}

	.answ-buttons {
		flex-grow: 1;
	}

	.qn-block .answ {
		max-width: unset;
	}



	.page.answ .answ-top span {
		/* font-size: 64px; */
		/* line-height: 86px; */
		font-size: 20px;
		line-height: 28px;
	}

	.page.answ .answ-bottom {
		/* padding: 26px 108px; */
		/* border-radius: 30px; */
		padding: 20px 10px;
		border-radius: 15px;
	}

	.page.answ .answ-text p {
		/* font-size: 40px; */
		/* line-height: 54px; */
		font-size: 18px;
		line-height: 28px;
		margin-top: unset;
	}

	.page.answ .answ-text {
		flex-direction: column;
	}

	.page.answ .image-block {
		/* margin-top: 86px; */
		margin-top: 20px;
		justify-content: center;
		align-items: center;
		padding-left: unset;
		padding-right: unset;
	}

	.page.answ .num {
		/* width: 204px; */
		/* height: 204px; */
		/* font-size: 128px; */
		/* border-radius: 29px; */
		/* bottom: -102px; */
		/* right: 67px; */
		width: 50px;
		height: 50px;
		font-size: 30px;
		border-radius: 15px;
		bottom: -26px;
		right: 25px;
	}

	.page.answ .answ-top {
		/* border-radius: 30px; */
		border-radius: 15px;
	}

	.right-button.next-button {
		/* width: 100px; */
		/* height: 100px; */
		/* background-size: 45px; */
		width: 50px;
		height: 50px;
		background-size: 25px;
	}




	.page.end .text.top {
		/* font-size: 120px; */
		/* line-height: 166px; */
		/* border-radius: 30px; */
		/* padding: 0px 60px; */
		font-size: 30px;
		line-height: 60px;
		border-radius: 15px;
		padding: 0px 25px;
	}

	.page.end .text.middle {
		/* font-size: 48px; */
		/* line-height: 66px; */
		/* padding: 12px 88px; */
		/* border-radius: 0px 0px 30px 30px; */
		font-size: 14px;
		line-height: 42px;
		padding: 0px 36px;
		border-radius: 0px 0px 15px 15px;
	}

	.page.end .block.bottom {
		/* justify-content: space-between; */
		/* margin-top: 50px; */
		justify-content: unset;
		margin-top: 5px;
		flex-direction: column;
	}

	.return-button {
		/* font-size: 48px; */
		/* line-height: 65px; */
		/* padding: 20px 80px; */
		font-size: 30px;
		line-height: 45px;
		padding: 10px 30px;
		margin-top: 15px;
	}

	.social-block .title {
		/* font-size: 24px; */
		/* line-height: 32px; */
		font-size: 18px;
		line-height: 23px;
	}

	.page.end .title-block {
		/* font-size: 32px; */
		/* line-height: 43px; */
		/* border-radius: 30px 30px 0px 0px; */
		font-size: 16px;
		line-height: 24px;
		border-radius: 15px 15px 0px 0px;
	}

	.page.end .result-block {
		/* border-radius: 30px; */
		border-radius: 15px;
		flex-direction: column;
		padding: 10px;
	}

	.page.end .result-block .left-block {
		/* border-radius: 30px; */
		/* flex-basis: 220px; */
		/* min-height: 220px; */
		border-radius: 15px;
		flex-basis: 100px;
		min-height: 100px;
	}

	.page.end .result-block .right-block .results {
		/* border-radius: 30px; */
		/* margin-left: 7px; */
		border-radius: 15px;
		margin-left: unset;
		margin-top: 6px;
		padding: 10px;
	}

	.page.end .left-block .num {
		/* font-size: 128px; */
		/* line-height: 173px; */
		font-size: 77px;
		line-height: 84px;
	}

	.page.end .right-block .title {
		/* font-size: 32px; */
		/* border-radius: 22px; */
		font-size: 18px;
		border-radius: 15px;
	}

	.page.end .right-block .content {
		flex-direction: column;
	}

	.page.end .text-block {
		/* font-size: 20px; */
		/* line-height: 27px; */
		font-size: 18px;
		line-height: 28px;
	}

	.page.end .left-block .title {
		/* font-size: 16px; */
		/* line-height: 22px; */
		font-size: 14px;
		line-height: 20px;
	}

	.page.end .image-block {
		justify-content: center;
		align-items: unset;
	}




}


/* adapt */



@media(min-width: 768px) {
	.answ-text.bottom {
		flex-direction: column;
	}

	.answ-text.bottom .image-block {
		padding-left: unset;
		padding-right: unset;
		justify-content: center;
	}

	.answ-text.right .image-block {
		padding-left: 20px;
		padding-right: unset;
	}

	.answ-text.left .image-block {
		padding-left: unset;
		padding-right: 20px;
	}

	.answ-text.left .text-block {
		order: 1;
	}

	.answ-text.left .image-block {
		order: 0;
	}

}