/* CSS Document */
* {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}

.clear {
	clear:both;
}

.nobreak {
	white-space: nowrap;
}

sup {
	display:inline-block;
	margin-top:-5px;
}

body {
	background:#ffffff;
	color:#000000;
	text-align:center;
	font-family: 'Work Sans', sans-serif;
	padding-top:100px;
}

.for_menu {
	height:100px;
	width:100%;
	position:fixed;
	left:0;
	top:0;
	background:#ffffff;
	z-index:10;
	min-width:320px;
}

.for_menu.shadow {
	-webkit-box-shadow: 0px 10px 30px 0px rgb(50 50 50 / 34%);
    -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.34);
    box-shadow: 0px 10px 30px 0px rgb(50 50 50 / 34%);
}

.for_menu .menu {
	max-width:1310px;
	padding-left:65px;
	padding-right:65px;
	margin:auto;
	position:relative;
}

.for_menu .menu ul {
	list-style-type: none;
	width:100%;
	font-size:16px;
	font-weight:700;
	line-height:20px;
	padding-top:35px;	
}

.for_menu .menu ul li {
	float:left;
	margin-right:20px;
}

.for_menu .menu ul li.right {
	float:right;
	margin-right:0;
}

.for_menu .menu ul li a {
	color:#000000;
	display:block;
	padding:5px;
	text-decoration: none;
}

.for_menu .menu ul li.active a {
	color:#E26C62;
}

.for_menu .menu .mobile_menu {
	float:right;
	width:36px;
	height:36px;
	background:url('/design/mobile_menu.svg') center center no-repeat;
	background-size:36px 36px;
	margin-top:17px;
	display:none;
}

.for_header_img {
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	min-width:360px;
}

.for_header_img .header_img {
	max-width:1440px;
	height:620px;
	margin:auto;
	position:relative;
	
}

.for_header_img#header_img_1 {background-image:url('/design/bg_header_1.jpg')}
.for_header_img#header_img_2 {background-image:url('/design/bg_header_2.jpg')}
.for_header_img#header_img_3 {background-image:url('/design/bg_header_3.jpg')}
.for_header_img#header_img_4 {background-image:url('/design/bg_header_4.jpg')}

.header_img .text_box {
	position:absolute;	
	border-radius: 50px;	

	background: rgba(255, 255, 255, 0.09);
	/*border: 1.8815px solid rgba(0, 0, 0, 0.08);*/
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

.for_header_img .header_img .text_box {
	top:145px;
	left:70px;
}

.header_img .text_box h1 {
	font-family: 'Bebas Neue', cursive;
	padding:65px 35px;
	font-size:90px;
	line-height:80px;
	color:#ffffff;
	font-weight: normal;
	text-shadow: 0px 1.8815px 0px rgba(0, 0, 0, 0.15);
	text-align:left;
}

.header_img .text_box h1 .color {
	background: linear-gradient(90deg, #FF908B 0%, #B96FB6 50%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	text-shadow:none;
}

.full_container {
	width:100%;
	min-width:360px;
}

.full_container.bg_violet {
	background:#2A2038;
}

.content_container {
	padding:70px;
	padding-top:75px;
	margin:auto;
	max-width:1300px;
}

.content_container h2 {
	font-size:50px;
	font-weight:900;
	color:#2A2038;
	text-transform: uppercase;
}

.content_container.about h2 {
	color:#E26C62;
	padding-bottom:50px;
}

.content_container.about .for_about_boxes {
	display:flex;
	gap:40px;
	align-items:stretch;
}

.content_container.about .for_about_boxes .about_box {
	border:1px solid #B96FB6;
	border-radius: 50px;
	padding-top:30px;
	padding-bottom:35px;
	width:calc(((100% - 120px) / 4) - 2px);
}

.content_container.about .for_about_boxes .about_box img {
	height:100px;
	display:block;
	padding-bottom:20px;
	margin:auto;
}

.content_container.about .for_about_boxes .about_box p {
	color:#ffffff;
	font-size:20px;
	line-height:26px;
	padding-left:20px;
	padding-right:20px;
}

.content_container.about .for_about_boxes .about_box p strong {
	color:#E26C62;
}

.content_container.what_is h2 {
	text-align:left;
	padding-bottom:50px;
}

.content_container.what_is ol {
	list-style-type: none;
	float:left;
	width:calc(60% - 30px);
	counter-reset: section;
}

.content_container.what_is ol li {
	padding-bottom:50px;
	font-size:16px;
	line-height:20px;
	color:#000000;
	padding-left:95px;
	position:relative;
	text-align:left;
}

.content_container.what_is ol li:before {
	counter-increment: section;
	content:counter(section);
	position:absolute;
	left:0;
	top:0;
	color: rgba(226, 108, 98, 0.2);
	font-size:100px;
	width:60px;
	height:80px;
	line-height:80px;
	text-align:right;
	font-weight:900;
}

.content_container.what_is .right_content {
	float:right;
	position:relative;
	margin-right:70px;
}

.content_container.what_is .right_content img {
	display:block;
	float:right;
	border-radius: 50px;
}

.content_container.what_is .right_content .over_box {
	position:absolute;
	background:#E26C62;
	border-radius:50px;
	padding:45px 30px;
	font-size:16px;
	line-height:19px;
	color:#ffffff;
	left:-70px;
	bottom:-70px;
}

.content_container.what_is .right_content .over_box .big {
	font-size:30px;
	display:inline-block;
	line-height:30px;
}

.content_container.graphs {
	display:flex;
	gap:90px;
	padding-left:20px;
	padding-right:20px;
}

.content_container.graphs .graph_box {
	width:calc((100% - 90px) / 2);
}

.content_container.graphs .graph_box .pictogram {
	width:90px;
	height:90px;
	border-radius:45px;
	background-repeat:no-repeat;
	background-position:center center;
	margin:auto;
	margin-bottom:35px;
}

.content_container.graphs .graph_box.woman .pictogram {
	background-size:auto 40px;
	background-image:url('/design/icon_woman.svg');
	background-color:#E26C62;
}

.content_container.graphs .graph_box.men .pictogram {
	background-size:35px auto;
	background-image:url('/design/icon_men.svg');
	background-color:#2A2038;
}

.content_container.graphs .graph_box p {
	font-weight:700;
	padding-top:40px;
	padding-bottom:25px;
}

.content_container.graphs .graph_box .graph {
	display:flex;
	gap:20px;
	align-items:center;
	flex-wrap:wrap;
	text-align:left;
}

.content_container.graphs .graph_box .graph .label {
	width:calc(40% - 10px);
	font-size:16px;
	line-height:20px;
}

.content_container.graphs .graph_box .graph .for_bar {
	width:calc(60% - 10px);
}

.content_container.graphs .graph_box .graph .for_bar .bar {
	height:30px;
	line-height:30px;
	border-radius:15px;
	padding-left:15px;
	font-weight:700;
	color:#ffffff;
	font-size:14px;
}

.content_container.graphs .graph_box.woman .graph .for_bar .bar.color_1 {background:#E26C62;}
.content_container.graphs .graph_box.woman .graph .for_bar .bar.color_2 {background:rgba(226, 108, 98, 0.7);}
.content_container.graphs .graph_box.woman .graph .for_bar .bar.color_3 {background:rgba(226, 108, 98, 0.6);}
.content_container.graphs .graph_box.woman .graph .for_bar .bar.color_4 {background:rgba(226, 108, 98, 0.5);}

.content_container.graphs .graph_box.men .graph .for_bar .bar.color_1 {background:#2A2038;}
.content_container.graphs .graph_box.men .graph .for_bar .bar.color_2 {background:rgba(42, 32, 56, 0.5);}

.full_container.bg_gradient {
	background: linear-gradient(90deg, #FF908B 0%, #B96FB6 50%);
}

.content_container.info {
	max-width:940px;
	padding-left:20px;
	padding-right:20px;
	text-align:left;
}

.content_container.info .info_box {
	padding:30px;
	background:#ffffff;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
	margin-bottom:10px;
	font-size:16px;
	line-height:20px;
}

.content_container.info .info_box .info_header {
	cursor:pointer;
}

.content_container.info .info_box .info_header h3 {
	font-weight:700;
	float:left;
	width:calc(100% - 30px);
}

.content_container.info .info_box .info_header .more_arrow {
	float:right;
	width:25px;
	height:13px;
	background:url('/design/info_arrow.svg') center center no-repeat;
	background-size:25px auto;
	
	transition: transform .5s;
}

.content_container.info .info_box.opened .info_header .more_arrow {
	transform: rotate(-180deg);
}

.content_container.info .info_box .info_content {
	display:none;
}

.content_container.info .info_box .info_content .clear {
	height:30px;
}

.content_container.for_age_graph {
	max-width:820px;
}

.content_container.for_age_graph h3 {
	font-weight:700;
	font-size:24px;
	line-height:30px;
	padding-bottom:40px;
}

.content_container.for_age_graph p {
	font-size:16px;
	line-height:20px;
	padding-bottom:40px;
}

.content_container.for_age_graph p strong {
	font-weight:700;
}

.content_container.for_age_graph .age_graph {
	width:100%;
	display:flex;
	justify-content:space-between;
	height:320px;
	align-items:stretch;
}

.content_container.for_age_graph .age_graph .left_label {
	width:20px;
	color:#999999;
	font-size:16px;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	transform: rotate(-180deg);
	padding-top:60px;
	font-size:14px;
}

.content_container.for_age_graph .age_graph .for_bar {
	width:20px;
	font-size:14px;	
	display:flex;
	align-content:flex-end;
	flex-wrap:wrap;
}

.content_container.for_age_graph .age_graph .for_bar .count {
	padding-bottom:10px;
	width:100%;
}

.content_container.for_age_graph .age_graph .for_bar .bar {
	border-radius:10px;
	height:50px;
	width:100%;
}

.content_container.for_age_graph .age_graph .for_bar .age {
	padding-bottom:10px;
	width:50px;
	line-height:20px;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	transform: rotate(-180deg);
	height: 45px;
    text-align: right;
}

.content_container.sources .source_list {
	padding-top:50px;
	text-align:left;
	color:#ffffff;
	font-size:12px;
}

.content_container.sources .source_list strong {
	font-weight:700;
	display:block;
}

.content_container.sources .source_list ol {
	padding-left:15px;
}

.content_container.sources .source_list ol li {
	padding-top:10px;
}

.content_container.sources .source_list ol li a {
	color:#ffffff;
	text-decoration: none;
}

.content_container.sources .source_list ol li a:hover {
	text-decoration: underline;
}

.content_container .big_button {
	display:block;
	background:#E26C62;
	width:calc(100% - 60px);
	max-width:560px;
	padding:36px 30px;
	border-radius:6px;
	font-weight:900;
	text-transform: uppercase;
	font-size:16px;
	line-height:16px;
	text-decoration: none;
	color:#ffffff;
	margin:auto;
}

.content_container .light_button {
	display:block;
	background:transparent;
	width:calc(100% - 60px);
	max-width:560px;
	padding:35px 29px;
	line-height:58px;
	border-radius:6px;
	font-weight:900;
	text-transform: uppercase;
	font-size:16px;
	line-height:16px;
	text-decoration: none;
	color:#ffffff;
	margin:auto;
	border:1px solid #ffffff;
}

.for_footer {
	background:#37424a;	
	min-width:360px;
}

.for_footer .footer {
	max-width:1230px;
	margin:auto;
	color:#ffffff;
	font-family: 'Roboto', sans-serif;
	font-size: 12.5px;
    line-height: 18px;
	text-align:left;
	padding:80px 30px 40px 30px;
}

/*nova paticka*/
.for_footer .footer sup {
	display:inline-block;
	margin-top:-5px;
}

.for_footer .footer a {
	color:#ffffff;
}

.for_footer .footer a:hover {
	text-decoration:none;
}

.for_footer .footer .top_content {
	display:flex;
	gap:20px;
	text-align:left;	
    align-items: flex-start;
}

.for_footer .footer .top_content .content {
	width:calc(50% - 10px);
}

.for_footer .footer .content_row {
	padding-top:40px;
	padding-bottom:45px;
	border-bottom:1px solid #535d64;
	display:flex;
	justify-content:space-between;
}

.for_footer .footer .content_row .for_img.ess {
	width:86px;
	padding-right:25px;
}

.for_footer .footer .content_row .for_img.msd {
	width:96px;
	padding-right:50px;
	padding-top:8px;
}

.for_footer .footer .content_row .for_img img {
	display:block;
	width:100%;
}

.for_footer .footer .content_row .text {
	width:calc(100% - 111px);
}

.for_footer .footer .content_row .contact_text {
	width:calc(100% - 300px);
}

.for_footer .footer .content_row .social {
	width:150px;
	line-height:20px;
	padding-top:20px;
}

.for_footer .footer .content_row .social a {
	display:inline-block;
	margin-left:20px;
}

.for_footer .footer .content_row .social a img {
	display:inline-block;
	height:20px;
	vertical-align:middle;
}

.for_footer .footer .bottom_content {
	padding-top:45px;
	padding-bottom:10px;
	display:flex;
	justify-content:space-between;
}

.content_container.quiz h2 {
	color:#ffffff;
}

.content_container.quiz .to_complete {
	color:#E26C62;
	font-size:18px;
	font-weight:400;
}

.content_container.quiz .for_question {	
	border:1px solid #ffffff;
	border-radius:50px;
	padding:100px;
	max-width:650px;
	margin:auto;
	margin-top:55px;
}

.content_container.quiz .for_question .question {
	display:flex;
	align-items:center;
}

.content_container.quiz .for_question .question .text {
	color:#E26C62;
	font-weight:900;
	font-size:32px;
	line-height:30px;
	width:calc(100% - 100px);
	text-align:left;
	text-transform: uppercase;
}

.content_container.quiz .for_question .question .number {
	text-align:right;
	font-family: 'Bebas Neue', cursive;
	color:#ffffff;
	font-size:104px;
	letter-spacing:-6px;
	width:100px;
}

.content_container.quiz .for_question .question .number .from {
	font-size:36px;
	font-weight:300;
	letter-spacing:-1px;
}

.content_container.quiz .for_question .option {
	text-align:left;
	padding:15px;
	border:1px solid #ffffff;
	color:#ffffff;
	font-size:19px;
	font-weight:15px;
	margin-bottom:10px;	
}

.content_container.quiz .for_question:not(.done) {
	cursor:pointer;
}

.content_container.quiz .for_question:not(.done) .option:hover {
	border-width:2px;
	padding:14px;
}

.content_container.quiz .for_question .option.ok {
	border-color:#559B65;
	color:#559B65;
	border-width:2px;
	padding:14px;
}

.content_container.quiz .for_question .option.fail {
	border-color:#E26C62;
	color:#E26C62;
	border-width:2px;
	padding:14px;
}

.content_container.quiz .for_question .big_button {
	margin-top:30px;
	max-width:760px;
}

.content_container.quiz .for_question .big_button img {
	display:inline-block;
	height:30px;
	vertical-align:middle;
	padding-right:30px;
}

.content_container.quiz .for_question .light_button {
	margin-top:30px;
	max-width:760px;
	text-transform: none;
	font-weight:500;
}

.content_container.quiz .for_question .for_result {
	padding-top:40px;
	display:none;
}

.content_container.quiz .for_question .for_result .result {
	font-size:32px;
	font-weight:900;
	display:none;
}

.content_container.quiz .for_question .for_result .result.fail {
	color:#E26C62;
}

.content_container.quiz .for_question .for_result .result.ok {
	color:#559B65;
}

.content_container.quiz .for_question .for_result p {
	color:#ffffff;
	font-size:18px;
	line-height:22px;
	padding-bottom:20px;
	padding-top:20px;
}

.content_container.quiz .for_question .for_result p a {
	color:#ffffff;
}

.content_container.stories .photos {
	max-width:900px;
	display:flex;
	justify-content:space-between;
	margin:auto;
	margin-top:55px;
}

.content_container.stories .photos .photo_box {
	padding:5px;
	width:calc(50% - 10px);
	cursor:pointer;
	position:relative;
	border-radius: 50px;		
}

.content_container.stories .photos .photo_box .for_img {
	position:relative;
}

.content_container.stories .photos .photo_box .for_img:before {
	content:'';
	position:absolute;
	left:10px;
	top:10px;
	width:calc(100% - 20px);
	height:calc(100% - 20px);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 66.15%, rgba(0, 0, 0, 0.8) 100%);
	border-radius: 40px;
}

.content_container.stories .photos .photo_box.active img {
	border-color:#E26C62;
}

.content_container.stories .photos .photo_box img {
	width:calc(100% - 20px);
	border-radius: 50px;
	display:block;
	border:10px solid #ffffff;
	
	transition: all .2s;
}

.content_container.stories .photos .photo_box .name {
	position:absolute;
	left:0;
	bottom:45px;
	width:100%;
	color: #FFFFFF;
	font-size:40px;
	line-height:38px;
	text-transform: uppercase;
	font-weight:700;
}

.content_container.stories .photos .photo_box .name span {
	color: #E26C62;
	display:block;
	font-size:20px;
}

/*.content_container.stories .photos img {
	padding-left:10px;
	padding-right:10px;
	width:calc(50% - 25px);
	border-radius: 50px;
	cursor:pointer;
}

.content_container.stories .photos img.active {
	padding-left:0;
	padding-right:0;
	width:calc(50% - 5px);
}*/

.content_container.stories .story {
	max-width:850px;
	margin:auto;
	padding-top:110px;
}

.content_container.stories .story h3 {
	color:#2A2038;
	font-size:30px;
	line-height:28px;
	font-weight:700;
	padding-bottom:40px;
}

.content_container.stories .story p {
	font-size:18px;
	line-height:23px;
	padding-bottom:60px;
	font-weight:700;
}

.content_container.stories .story p strong {
	font-weight:700;
}

.content_container.stories .story h4 {
	color:#E26C62;
	font-size:50px;
	line-height:47px;
	font-weight:700;
	padding-bottom:60px;
}

.video_wrapper {
    text-align: center;
}

.video {
    border: 0;
    margin-bottom: 40px;
    position: relative;
    display: inline-block;
}

.video_play {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url('/design/play.svg') center no-repeat;
}

.video video {
    display: block;
    height: auto;
    max-width: 100%;
}

.content_container.protection h2 {
	max-width:640px;
	margin:auto;
}

.content_container.protection ol {
	list-style-type: none;
	display:flex;
	gap:60px;
	flex-wrap:wrap;
	counter-reset: section;
	padding-top:90px;
}

.content_container.protection ol li {
	padding-bottom:50px;
	font-size:16px;
	line-height:20px;
	color:#000000;
	padding-left:95px;
	position:relative;
	text-align:left;
	width:calc(50% - 125px);
}

.content_container.protection ol li:before {
	counter-increment: section;
	content:counter(section);
	position:absolute;
	left:0;
	top:0;
	color: rgba(226, 108, 98, 0.2);
	font-size:100px;
	width:60px;
	height:80px;
	line-height:80px;
	text-align:right;
	font-weight:900;
}

.content_container.protection ol li strong {
	font-weight:700;
}

.content_container.protection ol li a {
	color:#E26C62;
}

.content_container.where_info {
	max-width:740px;
	margin:auto;
}

.content_container.where_info h2 {
	color:#ffffff;
	padding-bottom:40px;
}

.content_container.where_info p {
	font-size:18px;
	line-height:23px;
	padding-bottom:25px;
	color:#ffffff;
}

.content_container.where_info p a {
	font-weight:700;
	color:#ffffff;
}

.content_container.where_info .big_button {
	margin-top:15px;
	margin-bottom:40px;
}

.content_container.gardasil {
	
}

.content_container.gardasil h2 {
	color:#E26C62;
	padding-bottom:40px;
}

.content_container.gardasil p {
	max-width:740px;
	font-size:18px;
	line-height:23px;
	padding-bottom:25px;
	margin:auto;
}

.content_container.gardasil p strong {
	font-weight:700;
}

.content_container.gardasil .table {
	max-width:900px;
	margin:auto;
	margin-top:60px;
	margin-bottom:100px;
	text-align:left;
	display:flex;
	flex-wrap:wrap;
	font-size:16px;
	line-height:20px;
}

.content_container.gardasil .table .clear {
	height:1px;
	background: linear-gradient(90deg, #FF908B 0%, #B96FB6 50%);
	width:100%;
}

.content_container.gardasil .table .clear.top_border {
	height:4px;
}

.content_container.gardasil .table .label {
	width:calc(70% - 20px);
	line-height:20px;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:20px;
}

.content_container.gardasil .table .percent {
	width:30%;
	line-height:20px;
	padding-top:15px;
	padding-bottom:15px;
	font-weight:700;
}

.content_container.gardasil .logo {
	display:block;
	margin:auto;
	padding-bottom:40px;
}

.content_container.gardasil h3 {
	max-width:600px;
	margin:auto;
	margin-bottom:40px;
	color:#2A2038;
	font-size:30px;
	line-height:30px;
	font-weight:700;+
}

.content_container.gardasil h3.red {
	color:#E26C62;
}

.content_container.gardasil .for_boxes {
	border-radius:20px;
	display:flex;
	align-items:stretch;
	align-content:center;
	margin:auto;
	margin-bottom:40px;
	min-height:125px;
}

.content_container.gardasil .for_boxes.red {
	background:#E26C62;
	max-width:740px;
}

.content_container.gardasil .for_boxes.gray {
	background:#828282;
	max-width:540px;
}

.content_container.gardasil .for_boxes .box {
	color:#ffffff;
	padding:30px 30px 30px 50px;
	font-size:26px;
	line-height:23px;
	position:relative;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	justify-content:center;
}

.content_container.gardasil .for_boxes.red .box {
	width:calc(32% - 80px);
}

.content_container.gardasil .for_boxes.red .box.box_2 {
	width:calc(36% - 80px);
}

.content_container.gardasil .for_boxes .box.box_2:before,
.content_container.gardasil .for_boxes .box.box_3:before {
	content:'';
	position:absolute;
	top:0;
	left:-40px;
	width:80px;
	height:100%;
	background:url('/design/arrow_box_sep_red.png') center center no-repeat;
	background-size:100% calc(100% + 1px);
}

.content_container.gardasil .for_boxes.gray .box.box_2:before {
	background-image:url('/design/arrow_box_sep_gray.png');
}

.content_container.gardasil .for_boxes .box strong {
	font-weight:700;
	display:block;
}

.content_container.gardasil .for_boxes .box span {
	font-size:18px;
	display:block;
	line-height:16px;
}

.content_container.gardasil .for_boxes.gray .box {
	width:calc(45% - 80px);
}

.content_container.gardasil .for_boxes.gray .box.box_2 {
	width:calc(55% - 80px);
}

.content_container.next_protection {
	color:#ffffff;
}

.content_container.next_protection h2 {
	max-width:640px;
	margin:auto;
	margin-bottom:80px;
	color:#ffffff;
}

.content_container.next_protection .content_3 {
	display:flex;
	gap:50px;
	padding-bottom:50px;
}

.content_container.next_protection .content {
	text-align:left;
}

.content_container.next_protection .content h3 {	
	font-size:30px;
	line-height:28px;
	text-transform: uppercase;
	padding-bottom:25px;
}

.content_container.next_protection .content p {	
	font-size:16px;
	line-height:20px;
	padding-bottom:20px;
}

.content_container.next_protection .content p strong {
	font-weight:700;
}

.float_box {
	position:fixed;
	top:60vh;
	right:0;
	background:#E26C62;
	border-radius: 20px 0px 0px 20px;
	padding:10px 20px 20px 20px;
	font-size:16px;
	font-weight:bold;
	line-height:16px;
	color:#ffffff;
	font-weight:900;
	text-decoration: none;
}

.float_box img {
	display:block;
	margin:auto;
	margin-bottom:10px;
}