@font-face {
	font-family: 'Circe Bold';
	src: url('fonts/circe_bold.eot'); /* IE 9 Compatibility Mode */
	src: url('fonts/circe_bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('fonts/circe_bold.woff2') format('woff2'), /* Super Modern Browsers */
		url('fonts/circe_bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('fonts/circe_bold.ttf') format('truetype'), /* Safari, Android, iOS */
		url('fonts/circe_bold.svg#circe_bold') format('svg'); /* Chrome < 4, Legacy iOS */
}
@font-face {
	font-family: 'Circe';
	src: url('fonts/circe.eot'); /* IE 9 Compatibility Mode */
	src: url('fonts/circe.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('fonts/circe.woff2') format('woff2'), /* Super Modern Browsers */
		url('fonts/circe.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('fonts/circe.ttf') format('truetype'), /* Safari, Android, iOS */
		url('fonts/circe.svg#circe') format('svg'); /* Chrome < 4, Legacy iOS */
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
p, li {
	font-family: 'Circe';
}
h1, b, strong {
	font-family: 'Circe Bold';
}
h1 {
	font-size: 32px;
    line-height: 40px;
	margin: 0.7em 0 0.5em 0;
	text-shadow: 0 0 5px black;
}
p, li {
	font-size: 18px;
    line-height: 22px;
    margin-bottom: 8px;
	text-shadow: 0 0 5px black;
}
li {
	margin-left: 30px;
}
a {
	cursor:pointer;
	color:#7ab717;
	text-decoration:none;
	transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
img {
    width: 100%;
    height:auto;
}
/*Анимация*/
@-webkit-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} }
@-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
@-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
@keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
.animated.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; }
.animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animation-delay {-webkit-animation-delay:0.5s;-moz-animation-delay:0.5s;-o-animation-delay:0.5s;animation-delay:0.5s;}
.hidden{opacity:0;}
.visible{opacity:1;}
.background-img {
	min-height: 100vh;
    width: 100%;
    position: relative;
	background-color: rgba(0, 0, 0, 0.6);
}
.sad-background {
	position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1;
	-webkit-filter: grayscale(40%);
	-moz-filter: grayscale(40%);
	-ms-filter: grayscale(40%);
	-o-filter: grayscale(40%);
	filter: grayscale(40%);
	-webkit-animation-duration:1s;animation-duration:1s;
}
.content {
    width: 100%;
    max-width: 1170px;
	min-height: calc(100vh - 46px);
    padding: 50px 30px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
	align-items: center;
}
.content-left {
	padding-right: 12%;
    padding-top: 0;
	color:#fff;
}
.logo {
	width:100%;
	max-width:175px;
	height:auto;
}
.offer {
	margin: 50px 0;
}
.spisok li:before {
    content: url(img/star.svg);
    margin-left: -30px;
    margin-right: 10px;
}
.content-right {
    width: 100%;
    max-width: 530px;
    min-width: 290px;
    margin: 0 auto;
}
.quiz-container {
	background:#fff;
	border-radius: 15px;
}
.footer-container {
    width: 100%;
    max-width: 1170px;
    padding: 0 30px 20px 30px;
    margin: 0 auto;
	text-align:center;;
}
.footer-container p {
	font-size: 16px;
    line-height: 18px;
	color:#6d7466;
}
.footer-container a {
	color: #879778;
}

@media screen and (max-width: 1000px) {
	.content {display:block;height:auto;padding: 40px 30px;}
	.content-left {
		padding-right: 0;
		max-width: 370px;
		margin: 0 auto;
	}
	.offer {
		margin: 50px 0;
	}
}
@media screen and (max-width: 350px) {
	.content {padding: 40px 15px;}
}

.content-spasibo {
	color: #fff;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
}