article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio:not([controls]) { display: none; height: 0px; }
html { font-size: 100%; }
html, button, input, select, textarea { font-family: sans-serif; }
body { margin: 0px; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0px none; }
h1 { font-size: 2em; margin: 0.67em 0px; }
h2 { font-size: 1.5em; margin: 0.83em 0px; }
h3 { font-size: 1.17em; margin: 1em 0px; }
p, pre { margin: 1em 0px; }
q::before, q::after { content: none; }
dl, menu, ol, ul { margin: 1em 0px; }
menu, ol, ul { padding: 0px 0px 0px 40px; }
img { border: 0px none; }
svg:not(:root) { overflow: hidden; }
form { margin: 0px; }
button, input, select, textarea { font-size: 100%; margin: 0px; vertical-align: baseline; }
button, input { line-height: normal; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0px none; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }

@media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all {
}

@font-face {
	font-family: "pf_dintext_proregular";
	font-style: normal;
	font-weight: normal;
	src: url('ufonts.com_pfdintextpro-regular-webfont.eot') format("embedded-opentype"), url('ufonts.com_pfdintextpro-regular-webfont.woff') format("woff"), url('ufonts.com_pfdintextpro-regular-webfont.ttf') format("truetype"), url('ufonts.com_pfdintextpro-regular-webfont.svg') format("svg");
}
@font-face {
	font-family: "pf_dintext_proitalic";
	font-style: normal;
	font-weight: normal;
	src: url('ufonts.com_pfdintextpro-italic-webfont.eot') format("embedded-opentype"), url('ufonts.com_pfdintextpro-italic-webfont.woff') format("woff"), url('ufonts.com_pfdintextpro-italic-webfont.ttf') format("truetype"), url('ufonts.com_pfdintextpro-italic-webfont.svg') format("svg");
}
@font-face {
	font-family: "pf_dintext_promedium";
	font-style: normal;
	font-weight: normal;
	src: url('ufonts.com_pfdintextpro-medium.eot') format("embedded-opentype"), url('ufonts.com_pfdintextpro-medium.woff') format("woff"), url('ufonts.com_pfdintextpro-medium.ttf') format("truetype"), url('ufonts.com_pfdintextpro-medium.svg') format("svg");
}
body { font-family: "pf_dintext_proregular",sans-serif; min-width: 1024px; line-height: 1.2; font-size: 18px; color: rgb(10, 103, 174); background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
a { color: rgb(10, 103, 174); text-decoration: underline; }
a:hover { text-decoration: none; }
i { font-family: "pf_dintext_proitalic",sans-serif; font-stretch: normal; }
.wrap { width: 940px; margin: 0px auto; }
.left { float: left; }
.right { float: right; }
.clearfix, .clr-fix::after { clear: both; display: table; content: ""; }
input {  }
input:focus { outline: medium none; }
h1, h2, h3, h4, b { font-family: "pf_dintext_promedium",sans-serif; font-weight: normal; }
h2 { margin: 20px 0px; font-size: 36px; color: rgb(0, 60, 122); text-align: center; overflow: hidden; position: relative; text-transform: uppercase; }
h2.gradient::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; z-index: 1; background: transparent linear-gradient(to top, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.4)) repeat scroll 0% 0%; }
h2 > span { position: relative; }
h2 > span::before, h2 > span::after { content: ""; display: block; position: absolute; width: 100px; height: 1px; background: rgb(0, 60, 122) none repeat scroll 0% 0%; right: 100%; margin-right: 15px; top: 50%; }
h2 > span::after { left: 100%; margin-left: 15px; margin-right: 0px; right: auto; }
.main { position: relative; overflow: hidden; }
header[role="banner"] { z-index: 0; background: rgb(10, 103, 174) url('header.jpg') no-repeat scroll center top; height: 744px; overflow: hidden; color: white; position: relative; z-index: 1; }
header[role="banner"]::before { position: absolute; bottom: 28px; left: 50%; margin-left: -278px; z-index: 2; content: ""; display: block; background: transparent url('man.png') repeat scroll 0% 0%; width: 327px; height: 364px; }
header[role="banner"]::after { z-index: 3; content: ""; display: block; position: absolute; bottom: -11px; left: 50%; margin-left: -960px; background: transparent url('header-bottom.png') repeat scroll 0% 0%; width: 1920px; height: 184px; }
header[role="banner"] .logo { position: absolute; top: 25px; left: 0; z-index: -1; }
header[role="banner"] .wrap { padding: 1px 0px; position: relative; }
.contacts { text-align: right; color: rgb(184, 233, 246); font-size: 20px; }
.contacts p { margin: 0px; letter-spacing: 0.02em; }
.contacts .phone a { letter-spacing: 0px; font-family: "pf_dintext_promedium",sans-serif; font-size: 30px; color: white; text-decoration: none; }
.contacts .btn { margin: 4px 0px 0px; }
.btn { display: inline-block; cursor: pointer; border: medium none; box-sizing: border-box; text-decoration: none; border-radius: 5px; height: 35px; line-height: 35px; padding: 0px 10px; font-size: 17px; font-family: "pf_dintext_promedium",sans-serif; color: white; text-align: center; text-transform: uppercase; position: relative; top: 0px; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.58); }
.btn:hover { text-decoration: none; }
.btn-green { box-shadow: 3px 3px 0px 0px rgb(34, 88, 44), 0px 1px 6px rgba(62, 234, 2, 0.53) inset; background: transparent linear-gradient(to top, rgb(79, 159, 0), rgb(65, 196, 0) 47%, rgb(69, 208, 0)) repeat scroll 0% 0%; }
.btn-green:hover { top: 2px; box-shadow: 2px 1px 0px 0px rgb(34, 88, 44), 0px 1px 6px rgba(62, 234, 2, 0.53) inset; }
.btn-green:hover::before { content: ""; display: block; position: absolute; width: 100%; height: 3px; top: -3px; left: 0px; }
.btn-red {     
    padding: 3px 20px;
    height: auto;
    line-height: normal;
    font-size: 30px;
    background: rgb(203, 0, 0) none repeat scroll 0% 0%;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.58);
    box-shadow: 0px 3px 0px 0px rgb(34, 88, 44);
}
.btn-red:hover { top: 2px; box-shadow: 0px 1px 0px 0px rgb(34, 88, 44); }
.btn-red:hover::before { content: ""; display: block; position: absolute; width: 100%; height: 3px; top: -3px; left: 0px; }
h1 { margin: 42px 0px 50px; text-transform: uppercase; color: white; font-size: 26px; text-align: center; line-height: 1; }
.white { color: white; }
.get-clicks { overflow: hidden; background: transparent linear-gradient(to bottom, transparent, rgb(66, 205, 0) 1px) repeat scroll 0% 0%; border-radius: 8px / 4px; width: 300px; transform: skewY(3deg); position: relative; }
.get-clicks .gc-wrap { padding: 16px 0px 0px; transform: skewY(-3deg); }
.get-clicks footer { position: relative; overflow: hidden; bottom: -10px; }
.get-clicks footer .btn { margin: 18px 0px 0px 16px; }
.get-clicks .f-wrap { margin-top: -10px; background: rgb(63, 151, 4) none repeat scroll 0% 0%; transform: skewY(3deg); padding: 20px 0px 35px; }
.get-clicks .f-wrap * { transform: skewY(-3deg); }
.get-clicks h3 { margin: 0px; padding: 0px 18px 11px; font-size: 38px; border-bottom: 1px solid rgb(63, 151, 4); }
.get-clicks h3 .up { text-transform: uppercase; font-size: 41px; }
.get-clicks .calc { margin: 18px 33px 12px; font-family: "pf_dintext_promedium",sans-serif; font-size: 19px; color: rgb(35, 87, 0); }
.get-clicks .calc .text { margin-top: -3px; }
.get-clicks .counter { margin-right: 15px; position: relative; }
.get-clicks .counter .input, .get-clicks .counter .minus, .get-clicks .counter .plus, .get-clicks .counter .minus-active { background: #fff; border-radius: 50%; }
.get-clicks .counter .input { margin: 0px auto; width: 60px; height: 60px; line-height: 60px; color: black; text-align: center; font-size: 47px; font-family: "pf_dintext_promedium",sans-serif; position: relative; z-index: 1; border: 0; margin-bottom: 10px;}
.get-clicks .counter .minus { position: absolute; bottom: -1px; left: 0px; cursor: pointer; width: 29px; height: 23px; background-position: -63px 0px; z-index: 2; }
.get-clicks .counter .plus { position: absolute; right: 0px; bottom: -1px; cursor: pointer; width: 23px; height: 25px; background-position: -63px -35px; z-index: 2; }
.get-clicks .counter .plus:hover { background-position: -94px -35px; }
.list-adv { overflow: hidden; padding: 0px; margin: 5px 0px 50px; list-style: outside none none; }
.list-adv li { width: 33%; float: left; overflow: hidden; }
.list-adv .num-text { margin-top: -8px; font-family: "pf_dintext_promedium",sans-serif; line-height: 1; font-size: 22px; padding-left: 4px; }
.list-adv .num { line-height: 1; font-family: "pf_dintext_promedium",sans-serif; font-size: 51px; }
.list-adv .left, .list-adv .right { width: 50%; }
.list-adv .left { box-sizing: border-box; padding-right: 25px; text-align: right; }
.icon { margin: 0px auto; display: block; }
.icon-why { background: transparent url('icon-why.png') repeat scroll 0% 0%; }
.icon-why.icon1 { background-position: 0px 14px; width: 64px; height: 67px; }
.icon-why.icon2 { background-position: -66px 21px; width: 82px; height: 67px; }
.icon-why.icon3 { background-position: -150px 0px; width: 52px; height: 67px; }
.icon-why.icon4 { background-position: -204px 22px; width: 32px; height: 67px; }
.icon-why.icon5 { background-position: -238px 14px; width: 52px; height: 67px; }
.icon-why.icon6 { background-position: -292px 16px; width: 51px; height: 67px; }
.list-why { list-style: outside none none; padding: 0px; margin: 0px 0px -20px; font-size: 0px; }
.list-why .icon { margin-bottom: 15px; }
.list-why p { margin: 0px; }
.list-why li { margin-bottom: 40px; font-size: 18px; display: inline-block; width: 33%; vertical-align: top; box-sizing: border-box; text-align: center; }
.table-wrap { margin-top: 40px; margin-bottom: 6px; border-radius: 10px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.45); padding: 10px 15px; }
.footnote { margin: 0px 0px 40px; color: rgb(137, 137, 137); text-indent: 14px; }
.table-price { font-family: "pf_dintext_promedium",sans-serif; width: 100%; }
.table-price th { padding: 20px 0px 12px; text-align: center; font-weight: normal; color: rgb(0, 67, 132); line-height: 1; }
.table-price th + th { border-left: 1px solid rgb(208, 208, 208); }
.table-price .spec { color: rgb(0, 67, 132); }
.table-price td { padding: 20px 0px 12px; line-height: 1; color: rgb(83, 163, 30); text-align: center; }
.table-price td:first-child { width: 225px; text-align: left; color: rgb(137, 137, 137); font-family: "pf_dintext_proregular",sans-serif; }
.table-price td + td { border-left: 1px solid rgb(208, 208, 208); }
.table-price td:last-child { width: 320px; }
.table-price tr + tr { border-top: 1px solid rgb(208, 208, 208); }
.form { border-radius: 10px; position: relative; min-width: 300px; max-width: 300px; text-align: center; }
.form h3 { margin: 13px 0px 0px; font-size: 30px; line-height: 1; text-transform: uppercase; }
.form p { margin: 0px 0px 15px; font-size: 22px; font-family: "pf_dintext_promedium",sans-serif; }
.form input[type="text"], .form input[type="email"], .form textarea { border: medium none; height: 40px; margin: 15px auto 10px; width: 240px; box-sizing: border-box; padding-left: 12px; display: block; border-radius: 10px; background: white none repeat scroll 0% 0%; box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.3) inset; font-size: 24px; font-family: inherit; }
.form input[type="text"]:focus, .form input[type="email"]:focus, .form textarea:focus { border: 2px solid rgb(63, 151, 4); }
.form footer { margin-top: 10px; }
.form-green { color: white; background: transparent linear-gradient(to top, rgb(69, 183, 0), rgb(68, 207, 0)) repeat scroll 0% 0%; }
.form-green footer { padding: 10px 0px 16px; background: rgb(63, 151, 4) none repeat scroll 0% 0%; border-radius: 0px 0px 10px 10px; }
.form-green.form-shadow::after { position: absolute; content: ""; display: block; top: 100%; left: 0px; background: transparent url('form-shadow-green.png') repeat scroll 0% 0%; width: 300px; height: 240px; z-index: -1; }
.article-description {
	margin-top: 40px;
	margin-bottom: 50px;
	font-size: 24px;
	text-align: center;
}
.article-description > div {
	display: flex;
}
.article-description .text {
	text-align: left;
	margin: 0 15px;
}
.article-description img {
	height: 240px;
	margin-top: 20px;
}
.icon-how { background: transparent url('icon-how.png') repeat scroll 0% 0%; width: 61px; height: 57px; }
.icon-how.icon-1 { background-position: 0px 0px; }
.icon-how.icon-2 { background-position: 0px -57px; }
.icon-how.icon-3 { background-position: 0px -114px; }
.icon-how.icon-4 { background-position: 0px -171px; }
.list-how { margin: 0px; padding: 35px 0px 0px; display: table; width: 100%; list-style: outside none none; }
.list-how li { display: table-cell; text-align: center; }
.list-also { margin: 0px -10px; list-style: outside none none; padding-left: 40px; position: relative; text-align: center; font-size: 24px; font-family: "pf_dintext_promedium",sans-serif; clear: both; display: table; content: ""; }
.list-also::after { clear: both; display: table; content: ""; }
.list-also p { margin: 10px 0px; }
.list-also .img-wrap { height: 228px; }
.list-also .img-wrap img { max-height: 100%; max-width: 100%; }
.list-also li { margin-right: 51px; width: 179px; float: left; }
.slider-also { padding-top: 20px; position: relative; }
.slider-also .bx-next, .slider-also .bx-prev { position: absolute; display: block; left: 0px; top: 50%; margin-top: -65px; background: transparent url('slider-arrows.png') repeat scroll 0% 0%; width: 15px; height: 90px; overflow: hidden; text-indent: -1000px; }
.slider-also .bx-next.disabled, .slider-also .bx-prev.disabled { background-position: 0px -90px; }
.slider-also .bx-next { left: auto; right: 0px; background-position: -15px 0px; }
.list-sert { width: 100%; margin: 0px 0px 20px; padding: 0px; list-style: outside none none; display: table; }
.list-sert li { display: table-cell; }
.list-sert li a { display: block; width: 160px; position: relative; }
.list-sert li a::before { top: 1px; left: 1px; position: absolute; content: ""; display: block; width: 100%; height: 100%; transition: opacity 0.3s ease 0s; opacity: 0; }
.list-sert li a:hover { cursor: url('cursor-zoom.png'), auto; }
.list-sert li a:hover::before { opacity: 1; background: rgba(0, 67, 132, 0.5) none repeat scroll 0% 0%; }
.list-sert img { display: block; margin: 0px auto; width: 160px; height: 233px; border: 1px solid white; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); }
.b-water { background: rgb(53, 138, 190) none repeat scroll 0% 0%; color: white; position: relative; overflow: hidden; }
.b-water h2 { color: white; }
.b-water::before { margin-bottom: -80px; content: ""; display: block; background: transparent url('wave-top.jpg') repeat scroll center top; height: 184px; }
.b-water::after { margin-top: -90px; content: ""; display: block; background: transparent url('wave-bottom.jpg') repeat scroll center top; height: 184px; }
.comment { overflow: hidden; margin-bottom: 30px; }
.comment h3 { margin: 0px 0px 15px; text-indent: 5px; font-size: 24px; }
.comment .text { padding-right: 111px; margin-left: 182px; }
.comment img {
	margin-right: 42px;
	border-radius: 50%;
	float: left;
	width: 140px;
	height: 140px;
}
.comment p { font-family: "pf_dintext_proitalic",sans-serif; }
.comment-right { text-align: right; }
.comment-right .text { margin-left: 0px; padding-left: 111px; padding-right: 0px; margin-right: 182px; }
.comment-right h3 { text-indent: 0px; padding-right: 5px; }
.comment-right img { float: right; margin-left: 43px; margin-right: 0px; }
footer[role="contentinfo"] { position: relative; }
footer[role="contentinfo"] .contacts { margin-top: -10px; color: rgb(53, 138, 190); }
footer[role="contentinfo"] .contacts .phone { color: rgb(78, 113, 153); }
.modal footer { margin-top: 20px; }
.thank-you { color: rgb(10, 103, 174); padding: 0px 20px 5px; text-align: center; }
.thank-you h3 { text-transform: uppercase; font-size: 26px; }
.modal { display: none; }
.parallax { position: absolute; top: 0px; left: 0px; right: 0px; }
.parallax .layer { top: 0px; left: 50%; margin-left: -960px; position: absolute; background-repeat: no-repeat ! important; }
header[role="banner"] { position: relative; }
header[role="banner"] .parallax.parallax1 .layer1 { background: transparent url('water1.png') repeat scroll 0% 0%; width: 1920px; height: 525px; }
header[role="banner"] .parallax.parallax1 .layer2 { background: transparent url('water2.png') repeat scroll 0% 0%; width: 1920px; height: 647px; }
header[role="banner"] .parallax.parallax1 .layer3 { background: transparent url('water3.png') repeat scroll 0% 0%; width: 1920px; height: 665px; }
header[role="banner"] .parallax.parallax1 .layer-liff { background: transparent url('liff1.png') repeat scroll 0% 0%; width: 1920px; height: 634px; }
.parallax2 { top: 200px; }
.parallax2 .layer1 { background: transparent url('liff2_1.png') no-repeat scroll center 0px; width: 1488px; height: 595px; margin-left: -744px; }
.parallax2 .layer2 { padding-top: 200px; background: transparent url('liff2_2.png') no-repeat scroll center bottom; width: 1532px; height: 317px; margin-left: -750px; }
.parallax2 .layer3 { background: transparent url('liff2_3.png') repeat scroll 0% 0%; width: 1571px; height: 478px; margin-left: -786px; }
.parallax3 { top: 100px; }
.parallax3 .layer1 { top: 330px; background: transparent url('water3_1.png') no-repeat scroll center 0px; width: 1342px; height: 91px; margin-left: -671px; }
.parallax3 .layer2 { top: 240px; background: transparent url('water3_2.png') repeat scroll 0% 0%; width: 1112px; height: 295px; margin-left: -556px; }
.parallax3 .layer3 { top: 130px; background: transparent url('water3_3.png') repeat scroll 0% 0%; width: 1362px; height: 529px; margin-left: -681px; }
 .white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
/* Styles for dialog window */
#modal-call, #modal-voda {
  background: transparent;
  padding: 20px 30px;
  text-align: left;
  max-width: 320px;
  margin: 40px auto;
  position: relative;
}


/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;

  -webkit-transition: all 0.2s ease-in-out; 
  -moz-transition: all 0.2s ease-in-out; 
  -o-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out; 



  -webkit-transform: scale(0.8); 
  -moz-transform: scale(0.8); 
  -ms-transform: scale(0.8); 
  -o-transform: scale(0.8); 
  transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;

  -webkit-transform: scale(1); 
  -moz-transform: scale(1); 
  -ms-transform: scale(1); 
  -o-transform: scale(1); 
  transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8); 
  -moz-transform: scale(0.8); 
  -ms-transform: scale(0.8); 
  -o-transform: scale(0.8); 
  transform: scale(0.8); 

  opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0.001; /* Chrome opacity transition bug */
  -webkit-transition: opacity 0.3s ease-out; 
  -moz-transition: opacity 0.3s ease-out; 
  -o-transition: opacity 0.3s ease-out; 
  transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}


.form {
	padding-top: 10px;
}

.mobile {
	display: none;
}
.web {
	display: block;
}

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

	.mobile {
		display: flex;
	}
	.web {
		display: none;
	}
	nav {
		display: flex;
		width: 100%;
		position: fixed;
		background-color: #6DC93C;
		color: white;
		z-index: 999;
		padding: 10px;
		flex-direction: column;
		box-sizing: border-box;
	}
	nav > div {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	nav + * {
		padding-top: 100px !important;
	}
	nav img {
		height: 50px;
	}
	nav > div > label {
		padding-right: 10px;
		width: 30px;
		height: 25px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		position: relative;
	}
	nav > div > label:hover {
		cursor: pointer;
	}
	nav > div label div {
		width: 30px;
		height: 4px;
		background-color: white; /*386799*/
		border-radius: 5px;
	}
	nav > ul {
		height: 0;
		overflow: hidden;
		list-style: none;
		text-align: center;
		font-size: 20px;
		padding: 0;
		margin: 0;
		transition: all 4s;
	}
	nav > ul li:not(:last-of-type) {
		padding-bottom: 15px;
	}
	nav > ul li:hover {
		cursor: pointer;
	}
	nav > ul li a {
		text-decoration: none;
		color: white;
	}
	#show-menu:checked ~ ul {
		height: auto;
	}
	#show-menu:checked + div label div:nth-child(1) {
		position: absolute;
		transform: rotate(45deg);
		top: 10px;
	}
	#show-menu:checked + div label div:nth-child(2) {
		display: none;
	}
	#show-menu:checked + div label div:nth-child(3) {
		position: absolute;
		transform: rotate(-45deg);
		bottom: 10px;
	}

	.mfp-close-btn-in .mfp-close {
		color: white;
	}

	body {
		width: 100%;
		min-width: 100%;
	}
	.wrap {
		width: 100%;
	}
	header[role="banner"] {
		background: rgb(10, 103, 174) no-repeat scroll center top;
		padding: 20px;
		height: 720px;
	}
	header[role="banner"]::before {
		background: transparent url('man.png') scroll 0% 0%;
		width: 188px;
		background-size: cover;
		height: 210px;
		bottom: 60px;
		right: 10px;
		margin-left: -278px;
		left: auto;
	}
	header .contacts {
		font-size: 22px;
		text-align: center;
		text-transform: uppercase;
	}
	header .contacts .phone a {
		font-size: 35px;
	}
	header .contacts .btn {
		font-size: 25px;
	}
	header h1 {
		line-height: 35px;
	}
	.get-clicks h3 {
		text-align: center;
	}
	.get-clicks .calc {
		margin-left: 10px;
	}
	.get-clicks .counter {
		margin-left: 25px;
	}

	.main .list-adv {
		flex-direction: column;
		display: flex;
		margin-top: 0;
	}
	.main .list-adv li {
		width: 100%;
	}
	.main .list-adv li:not(:last-of-type) {
		margin-bottom: 15px;
	}
	h2 {
		font-size: 22px;
	}
	h2 > span::before, h2 > span::after {
		display: none;
	}
	h2.gradient::before {
		height: 200%;
	}
	.main .list-why {
		padding: 10px;
	}
	.icon-why.icon5 {
		background-position-y: 13px;
	}
	.icon-why.icon6 {
		background-position-y: 15px;
	}
	.main .table-wrap {
		margin-right: 10px;
		margin-left: 10px;
		margin-bottom: 40px;
	}
	.main .article-description {
		margin-top: 0;
	}
	.main .article-description > div {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.main .article-description img {
		height: auto;
		margin-top: 0;
	}
	.main .article-description .text {
		padding-top: 35px;
		text-align: center;
		margin: 0 20px 20px 20px;
	}
	.form {
		min-width: 80%;
		padding-top: 10px;
	}
	.w {
		margin-left: 20px;
	}
	.list-sert {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.list-sert li:nth-child(odd):not(:last-of-type) {
		margin-right: 15px;
	}
	.list-sert li {
		margin-bottom: 15px;
	}
	.comment {
		margin: 0 20px 30px 20px;
	}
	.comment .text {
		padding-right: 0;
		margin-left: 0;
	}
	.comment-right {
		text-align: right;
	}
	.comment-right .text {
		padding-left: 0;
		margin-left: 0;
		margin-right: 0;
	}
	.comment img {
		width: 120px;
		height: 120px;
		margin-right: 20px;
	}
	.comment-right img {
		margin-left: 20px;
	}
	body > footer {
		margin: 0 10px;
	}
	body > footer img {
		height: 75px;
	}
	body > footer[role="contentinfo"] .contacts {
		margin-top: 10px;
	}
	body > footer .contacts p {
		margin-bottom: 10px;
	}
	body > footer .contacts .phone a {
		font-size: 35px;
	}
	body > footer .wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 20px;
	}
	body > footer .wrap > div:last-child {
		display: none;
	}
	.fancybox-image {
		width: 100%;
	}

	.slider-also .bx-next {
		right: 20px;
	}
	.slider-also .bx-prev {
		left: 20px;
	}

	.list-also li:last-of-type .img-wrap img {
		margin-left: 100px;
	}
	.list-also li:last-of-type p {
		margin-left: 100px;
	}
	.contacts {
		text-align: center;
	}
	.contacts .btn {
		font-size: 25px;
	}

}

@media screen and (min-width: 400px) and (max-width: 640px) {

	header[role="banner"] {
		height: 800px;
	}

}

@media screen and (min-width: 350px) and (max-width: 399px) {

	header[role="banner"] {
		height: 800px;
	}
	header[role="banner"]::before {
		display: none;
	}
	header[role="banner"]::after {
		bottom: -20px;
	}
	.get-clicks {
		width: 100%;
	}
	.get-clicks .calc {
		margin: 0;
		padding: 20px 60px;
	}

}

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

	header[role="banner"] {
		height: auto;
	}
	header[role="banner"]::before {
		display: none;
	}
	header[role="banner"]::after {
		display: none;
	}
	header .contacts .phone a {
		font-size: 30px;
	}
	.get-clicks .calc {
		text-align: center;
		padding: 10px 40px;
		margin: 0;
	}
	.list-adv {
		padding-top: 10px;
	}
	.list-why p {
		font-size: 15px;
	}

}

body > footer .contacts .phone a {
	color: rgb(10, 103, 174);
}

.fancybox-opened {
	z-index: 100;
}
.fancybox-close {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}