/*!
Theme Name: cs
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cs
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

cs is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
*/

.grecaptcha-badge{
	display: none!important;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400&display=swap');

#wpadminbar{
	display: none;
}

*{
	padding:0px;
	margin:0px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-style: normal;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}

strong{
	font-weight: bold;
}

html,body{
	min-height: 100%;
	height: 100%;
	margin-top:0px!important
}

body{
	display: flex;
	flex-direction: column;
	background:#FFFCFA;
}

body::-webkit-scrollbar {

}

body.error404{
	background:#3D3346;
	padding-left:20px;
	padding-right: 20px;
}

body.error404 .error404Content{
	max-width: 1123px;
	margin:92px auto 40px auto;
}

.errorTop{
	display: flex;
	
}

.errorTop .errorLogo{
	margin-top:35px ;
}

.errorTop .errorLine{
	height: 240px;
	width: 6px;
	background: #FF5656;
	margin-left: 56px;
	margin-right: 56px;
}

.errorTop .errorTopText{
	margin-top:27px;
}

.errorTop .errorTopText h1{
	font-style: normal;
	font-weight: 900;
	font-size: 120px;
	line-height: 120px;
	letter-spacing: 2.9px;
	color: #FCFCFC;
}

.errorTop .errorTopText div{
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	line-height: 36px;
	letter-spacing: 0.734667px;
	text-transform: uppercase;
	
	color: #FCFCFC;
}

.errorText{
	margin-top:72px;

}

span.break{
	word-break: break-all;
}
.article p a, .article li a{
	font-size: inherit;
	font-weight: inherit;
	color:inherit;
	text-decoration: underline;
	text-decoration-color:#FF5656;
	text-decoration-thickness: 2px;
	text-underline-offset: 6px;
}

.errorText p {
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	line-height: 33px;
	letter-spacing: 0.467059px;
	color: #FFFFFF;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.499754);
}

body.error404 a {
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	line-height: 33px;
	letter-spacing: 0.467059px;
	color: #FFFFFF;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.499754);
	text-decoration: underline;
	text-decoration-color:#FF5656;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.errorText ul{
	padding-left:120px;
	list-style: none;
}

.errorText ul li{
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	line-height: 33px;
	letter-spacing: 0.467059px;
	color: #FFFFFF;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.499754);
}

.errorText ul li:before{
	content:"— ";
}

main{
	flex-grow: 1;
	background:#FFFCFA;
}

h1{
	font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 47px;
    letter-spacing: -1.05882px;
    color: #000000;
}

h2{
	font-style: normal;
	font-weight: bold;
	font-size: 40px;
	line-height: 47px;
	letter-spacing: -1.05882px;
	color: #000000;
}

p{
	font-style: normal;
	font-size: 18px;
	font-weight: normal;
	line-height: 27px;
	letter-spacing: 0.467059px;
	color: #1E1E1E;
	margin-bottom: 24px;
}

.article {
	/*
	padding-top: 76px;
    padding-left: 98px;
    padding-right: 98px;
    padding-bottom: 72px;
	*/
}

.article .line{
	height: 3px;
	background: #FF5656;
	width: 100%;
	margin-top:42px;
	margin-bottom: 42px;;
}

.article h1{
	text-decoration:underline;
	text-decoration-color: #FF5656;
	text-underline-offset: 2px;
	text-decoration-thickness: 3px;
	text-decoration-skip-ink: none;
	width:-moz-width-content;
	width: fit-content;
}

.article .img{
	background: #FFFFFF;
	border: 1px solid #DADADA;
	box-sizing: border-box;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.0509451);
	border-radius: 7px;
	margin-top: 40px;
	margin-bottom: 50px;
	padding:20px;
	overflow: hidden;
}

.article .img > img{
	display: block;
	width: 100%;
	height: auto;
}

.article p{
	font-weight: 500;
}

.article h2{
	margin-bottom: 24px;
	margin-top: 42px;
}

.articleLinks{
	margin-bottom: 25px;
	letter-spacing: 0.3px;
}

.articleLinks span:first-child{
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 25px;
	color: #1E1E1E;
}


.articleLinks a{
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 25px;
	color: #1E1E1E;
	border-bottom: 1px dashed #b1b1b1;;
	text-decoration: none;
}

.article ol{
	list-style: none;
	margin-bottom: 32px;
	padding-left:57px;
}

.article ul{
	margin-bottom:56px;
	list-style: none;
	padding-left:57px;
}

.article ol li, .article ul li{
	font-size: 14px;
	line-height: 25px;
	color: #1E1E1E;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 22px;
}

.article ol li:last-child{
	margin-bottom:0px
}

.breadcrumbs a, .breadcrumbs{
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 32px;
	letter-spacing: 0.171681px;
	color: #000000;
}

.breadcrumbs a{
	text-decoration: underline;
	text-decoration-color: #C4C4C4;
}

a {
	color:inherit;
}

.container{
	max-width: 1112px;
	margin:0px auto;
}

main{
	margin-top:128px;
}

.header{
	position:fixed;
	left:0px;
	right:0px;
	top:0px;
	background: #FFFFFF;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.178076);
	z-index: 100;
}

.headerContent{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 80px;
}

.headerContent .logo > a > img{
	display: block;
	height: 60px;
}

.headerContent .headerMenu {
	display: flex;
	list-style: none;
	position: relative;
	z-index: 2;
}

.borderMenu{
    background-color: #FFFFFF;
    width: 18px;
    height: 18px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    z-index: 10001;
    position: absolute;
	bottom:0px;
}

.circleMenu{
    width: 36px;
    height: 36px;
    box-shadow: 0px 2px 11px rgb(0 0 0 / 5%) inset;
    border: 1px solid #E0E0E0;
    border-radius: 15px;
    background-color: #ffffff;
    flex-shrink: 0;
}

.borderMenu.left{
	align-items: flex-end;
    justify-content: flex-end;
}

.lineHider{
	display: block;
    position: absolute;
    background-color: #ffffff;
    z-index: 100000000;
    height: 11px;
	bottom: -11px;
}

.headerContent .headerMenu > li{
	padding-left: 28px;
	padding-right: 28px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.headerContent .headerMenu > li > a{
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: -0.0235294px;
	text-transform: uppercase;
	color: #858585;
	text-decoration: none;
	border-bottom:2px solid #FFFFFF;
	padding-top:4px;
	padding-bottom:2px;
	display: block;
}

.headerContent .headerMenu > li.current-menu-item > a{
	border-bottom:2px solid #FF5656;
	color: #2E2E2E;
	
}


.headerContent .headerMenu > li:hover > a{
	border-bottom:2px solid #FF5656;
	color: #2E2E2E;
}

.headerContent .headerMenu > li.menu-item-has-children{
	position: relative;
}

.headerContent .headerMenu > li.menu-item-has-children:after{
	content:url('img/arrow.png');
	position: absolute;
    right: 15px;
    top: 12px;
}


.headerMenu > li.menu-item-has-children:hover{
	position: static;
}


.headerContent .headerMenu > li.menu-item-has-children:hover:after{
	content: '';
	/*background: black;
	position: absolute;
	width: 14px;
	height: 14px;*/
	display: none;
}

.headerMenu > li  > ul.sub-menu{
	display:none;
	position: absolute;
	left:0px;
	right: 0px;
	padding:30px;
	top:calc(100% - 1px);
	background: #FFFFFF;
	border: 1px solid #E0E0E0;
	box-sizing: border-box;
	box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.0540319);
	border-radius: 15px;
	list-style: none;
	z-index: -1;
}

.headerMenu > li:hover  > ul.sub-menu{
	display: flex;
	
}

.headerMenu > li  > ul.sub-menu ul.sub-menu{
	list-style: none;
}

.headerMenu > li:hover  > ul.sub-menu > li > a{
	font-style: normal;
	font-weight: bold;
    font-size: 16px;
    line-height: 16px;
	letter-spacing: -0.0235294px;
	color: #2E2E2E;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 2px solid #FF5656;
	display: block;
	margin-bottom: 20px;
	width: -moz-fit-content;
	width: fit-content;
}

.headerMenu > li:hover  > ul.sub-menu ul.sub-menu a{
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: -0.02px;
	color: #2E2E2E;
	padding-bottom: 1px;
	border-bottom: 1px solid #DADADA;
	display: block;
	text-decoration: none;
	width: -moz-fit-content;
	width: fit-content;
}

.headerMenu > li:hover  > ul.sub-menu ul.sub-menu > li{
	margin-bottom: 14px;
}

.headerMenu > li  > ul.sub-menu ul.sub-menu li:last-child{
	margin-bottom: 0px;
}

.headerContent .headerMenu > li.menu-item-has-children:hover{
	background: #FFFFFF;
	border: 1px solid #E0E0E0;
	border-bottom: 0px;
	box-sizing: border-box;
	box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.0540319);
	border-radius: 15px;
	padding-left: 27px;
	padding-right: 27px;
	padding-top:11px;
	padding-bottom: 11px;
}

.headerContent .headerMenu > li.menu-item-has-children:hover > a{
	border-color:#ffffff;
}

.headerContent .headerMenu > li.menu-item-has-children:hover{
	border-bottom-left-radius: unset!important;
	border-bottom-right-radius: unset!important;
}

.headerContent .headerMenu > li.menu-item-has-children:first-of-type > ul.sub-menu{
	border-top-left-radius: unset!important;
}

.headerContent .headerMenu > li.menu-item-has-children:last-of-type:hover > ul.sub-menu{
	border-top-right-radius: unset!important;
}

.headerContent a.phone{
	margin-left: auto;
	font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -0.0235294px;
	text-decoration: none;
	text-transform: uppercase;
    color: #2E2E2E;
	padding-top: 4px;
    padding-bottom: 2px;
	border-bottom: 2px solid #FFFFFF;
	text-decoration: none;
}

.headerContent .getCallBlock{
	position: relative;
	margin-left:10px;
}

.headerContent .getCallBlock > a.getCall{
	display: block;
	background: #BF65AC;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: -0.3px;
	color: #FFFFFF;
	padding:12px 34px 11px 34px;
	background-image: linear-gradient(180deg, #CC62BA 0%, #DC7AC7 100%);
	border-radius: 24.5px;
	text-decoration: none;
}

.headerContent .getCallBlock > a.getCall > span{
	font-style: normal;
	font-weight: bold;
}

.headerContent > a.whatsup{
	margin-left: 10px;
	/*
	background: linear-gradient(180deg, #52FE73 0%, #00BC15 100%);
	border-bottom: 3px solid #209E36;
	display: block;
	padding: 5px 7px;
    padding-top: 6px;
	*/
	
}

.headerContent > a.whatsup img{
	height:39px;
	width:39px;
}

.headerContent > a.whatsup img{
	display: block;
}

.headerContent > a.whatsup .mobileWhats{
	display: none;
}
.footer{
	background: #2D2D2D;
	box-shadow: 0px -3px 2px rgba(0, 0, 0, 0.326213);
	margin-top:83px;
}


.footerContent{
	padding-top:40px;
	padding-bottom:40px;
	display: flex;
	justify-content: space-between;
	/*align-content: center;*/
	color:#FFFFFF;
}

.footerContent > div{
	display: flex;
	flex-direction: column;
	width:50%;
	padding-left:12px;
	padding-right: 12p;
}

.footerContent > div > div{
	max-width: 390px;
	display: flex;
	flex-direction: column;
}

.footerContent > div > div> span{
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.171681px;
	color: #ECECEC;
}

.footerContent div > div a{
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.171681px;
	color: #ECECEC;
	text-decoration: none;
	border-bottom: 2px solid #DEBFDE;
}


.reviews{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-top:16px;
	margin-bottom:24px;
	flex-wrap: wrap;
	position: relative;

}
/*
br{
	display: none!important;
}
*/
.reviews .review{
	background: #FFFFFF;
	border: 1px solid #D5D5D5;
	box-sizing: border-box;
	border-radius: 5px;
	height: auto;
	width: 260px;
	max-width: 24%;
	margin-bottom: 24px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding:12px;
	cursor:pointer
}

.review.empty{
	background:unset;
	border: unset;
}

/* бургер в мобиле*/
.hamburger {
	font: inherit;
	display: none;
	overflow: visible;
	margin: 0;
	cursor: pointer;
	transition-timing-function: linear;
	transition-duration: .15s;
	transition-property: opacity,filter;
	text-transform: none;
	color: inherit;
	border: 0;
	background-color: transparent;
	margin-right: auto;
	height: 20px;
}

.hamburger-box {
	position: relative;
	display: inline-block;
	width: 36px;
	height: 20px;
}

.hamburger--squeeze .hamburger-inner {
transition-timing-function: cubic-bezier(.55,.055,.675,.19);
transition-duration: 75ms;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
position: absolute;
width: 36px;
height: 5px;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform;
background-color: #fff;
}

.hamburger-inner {
	top: 50%;
	display: block;
	margin-top: -2px;
}

.hamburger--squeeze .hamburger-inner:before {
	transition: top 75ms ease .12s,opacity 75ms ease;
}

.hamburger-inner:before {
	top: -8px;
}

.hamburger-inner:after, .hamburger-inner:before {
display: block;
content: "";
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
position: absolute;
width: 36px;
height: 4px;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform;
background-color: #543758;
}

.hamburger--squeeze .hamburger-inner:after {
transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);
}

.hamburger-inner:after {
bottom: -8px;
}

.hamburger.is-active:hover, .hamburger:hover {
opacity: 1;
}

.hamburger--squeeze.is-active .hamburger-inner {
transition-delay: .12s;
transition-timing-function: cubic-bezier(.215,.61,.355,1);
transform: rotate(45deg);
}



.hamburger--squeeze.is-active .hamburger-inner:before {
top: 0;
transition: top 75ms ease,opacity 75ms ease .12s;
opacity: 0;
}


.hamburger--squeeze.is-active .hamburger-inner:after {
bottom: 0;
transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
transform: rotate(-90deg);
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
background-color: #543758;
}

.mobileMenuModal .hamburger{
	display: block;
	margin-right: 30px;
	margin-left:;
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
	background-color: #FF5656;
}


.mobileMenuModal{
    position: fixed;
    width: 100%;
    right: 0px;
    left: 0px;
    top: -100%;
    min-height: 100%;
    z-index: 100000;
    transition: top 0.5s ease;
	background: #3D3346;
	min-height: 100%;
    max-height: 100%;
	overflow-y: auto;
}

.mobileMenuModal .mobileHead{
	height: 80px;
	display: flex;
	align-items: center;
	padding-left:20px;
	padding-right: 20px;
	margin-bottom: 60px;
}

.mobileMenuModal .mobileHead .logo img{
	height: 45px;
	width: auto;
}

.mobileMenuModal.active{
	top:0%;
}

.mobileMenuModal .mobileMenu  li  a{
	padding-left:86px;
}

.mobileMenuModal .mobileMenu > li > ul.sub-menu{
	display: none;
	mix-blend-mode: normal;
	background: #4E4556;
	box-shadow: inset 0px 4px 0px #382F40;
	overflow:hidden;

}

.mobileMenuModal .mobileMenu > li.active > ul.sub-menu{
	display: flex;
	padding-top:24px;
	padding-bottom: 30px;
}

.mobileMenuModal .mobileMenu  > li > a{
	font-style: normal;
	font-weight: bold;
	font-size: 36px;
	line-height: 28px;
	letter-spacing: -0.0529412px;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-top:20px;
	padding-bottom: 20px;
	display: flex;
	width: 100%;
	text-decoration: none;
}

.mobileMenuModal .mobileMenu > li > ul.sub-menu > li > a{
	font-weight: bold;
	font-size: 25px;
	line-height: 31px;
	letter-spacing: -0.0376471px;
	color: #FFFFFF;
	text-underline-offset: 5px;
	text-decoration-color: #FF5656;
	padding-top: 16px;
	padding-bottom: 16px;
	display: block;
}

.mobileMenuModal .mobileMenu > li > ul.sub-menu > li > ul ~ a{
	margin-bottom: 10px;
}

.mobileMenuModal .mobileMenu > li > ul.sub-menu > li{
	width: 100%;
}

.mobileMenuModal .mobileMenu ul.sub-menu ul.sub-menu li{

}

.mobileMenuModal .mobileMenu ul.sub-menu ul.sub-menu a{
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.0376471px;
	color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
	display: block;
	text-decoration-color: #726B79;
	text-underline-offset: 2px;
}

.mobileMenuModal .mobileMenu  > li.menu-item-has-children > a::after{
	content:'';
	display: inline;
	width: 13px;
	background: url('/wp-content/themes/cs/img/rectmob.png');
	background-position: center center;
	background-repeat: no-repeat;
	margin-left:14px;
}

.mobileMenuModal .mobileMenu  > li.menu-item-has-children.active > a::after{
	transform: rotate(90deg);
}



/*
@media (min-width:1340px){
	.reviews .review{
	margin-right: calc((100% - 260px * 4)/3);
	}
	.reviews .review:nth-child(4n + 5) {
		margin-right: 0px;
	}
	.reviews .review{
		margin-right: calc((100% - 260px * 4)/3);
	}
	.reviews .review:nth-child(4n + 5) {
		margin-right: 0px;
	}
}

@media (min-width: 1016px) and (max-width:1339px){
	.reviews .review{
		margin-right: calc((100% - 325px * 3)/2);
	}
	.reviews .review:nth-child(3n + 4) {
		margin-right: 0px;
	}
}

@media (min-width: 690px) and (max-width:1016px){
	.reviews .review{
		margin-right: calc((100% - 325px * 2));
	}
	.reviews .review:nth-child(2n + 3) {
		margin-right: 0px;
	}
}

@media (max-width:690px){
	.reviews .review{
		max-width: 48%;
		margin-left:auto;
		margin-right:auto;
	}
}
*/
.reviews .review .reviewActions{
	position:absolute;
    right: 16px;
    bottom: 10px;
    display: flex;
}

.reviews .review .reviewActions img{
	display: block;
	max-width: 100%;
}

.reviews .review > img{
	max-width: 100%;
	height: auto;
	max-height: 100%;
	display: block;
}

.reviews .review .reviewActions > div{
	margin-left: 8px;
	height: 40px;
	width: 35px;
	cursor: pointer;
}

.reviews .review .reviewActions > div:first-child{
	margin-left:0px;
}

.review.reviewAll{
	background: #FF7D7D;
	display: block;
	padding: 0px;
}

.review.reviewAll > a{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	font-style: normal;
	font-weight: bold;
	font-size: 17px;
	line-height: 31px;
	letter-spacing: 0.200294px;
	color: #FFFFFF;
	text-decoration: none;

}

.review.reviewAll > a > div{
	margin-top: 10px;
	font-weight: bold;
}

.review.reviewAll > a > img{
	display: block;
}

.reviewWindow{
	width: 0%;
	height: 0%;
	display: block;
	margin-right: 0px;
	top:0px;
	left:0px;
	position: absolute;
	z-index: 99;
	overflow: hidden;
	background: #FFFFFF;
	border-radius: 5px;
	padding:0px;
}

.reviewWindow .reviewWindowClose{
	position: absolute;
	right: 16px;
	top:16px;
	cursor: pointer;
}

.reviewWindow .reviewWindowClose > img{
	display: block;
	width: 100%;
	height: auto;
}

.reviewWindow.active{
	-webkit-animation: 0.3s linear 0s 1 alternate full;
	-moz-animation: 0.3s linear 0s 1 alternate full;
	  -o-animation: 0.3s linear 0s 1 alternate full;
		 animation: 0.3s linear 0s 1 alternate full;
	width: 100%;
	height: auto;
	min-height: 828px;
	border: 1px solid #D5D5D5;
	border-radius: 5px;
	padding:54px 60px;
}

.reviewWindow.close{
	-webkit-animation: 0.3s linear 0s 1 alternate close;
	-moz-animation: 0.3s linear 0s 1 alternate close;
	-o-animation: 0.3s linear 0s 1 alternate close;
	animation: 0.3s linear 0s 1 alternate close;
	width: 0%;
	height: 0%;
}

@-webkit-keyframes full { from { min-height:0px;height:0%;width:0%;padding:0px; } to { min-height: 828px;height:100%;width:100%;padding:54px 60px;}  }
@-moz-keyframes full { from { min-height:0px;height:0%;width:0%;padding:0px; } to { min-height: 828px;height:100%;width:100%;padding:54px 60px;}  }
@-o-keyframes full { from { min-height:0px;height:0%;width:0%;padding:0px; } to { min-height: 828px;height:100%;width:100%;padding:54px 60px;}  }
@keyframes full { from { min-height:0px;height:0%;width:0%;padding:0px; } to {  min-height: 828px;height:100%;width:100%;padding:54px 60px;}  }

@-webkit-keyframes close { from { height:100%;width:100%;padding:54px 60px;}  to { height:0%;width:0%;padding:0px; }  }
@-moz-keyframes close { from { height:100%;width:100%;padding:54px 60px;}  to { height:0%;width:0%;padding:0px; }  }
@-o-keyframes close { from { height:100%;width:100%;padding:54px 60px;}  to { height:0%;width:0%;padding:0px; }  }
@keyframes close { from { height:100%;width:100%;padding:54px 60px;}  to { height:0%;width:0%;padding:0px; }  }

.reviewContent{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 56px;
}

.reviewContent > div{
	max-width: 476px;
	width: 100%;
	opacity: 0;
}

.graph > img{
	display: block;
	width: 100%;
}

.reviewContent > div.active{
	transition: opacity 0.3s ease-in-out;
	opacity:1;
}

.reviewContent .reviewLogo{
	margin-left:0px;
	margin-right: 0px;
	margin-bottom: 60px;
	padding-top:10px;
	max-height: 240px;
}

.reviewContent .reviewDesc{
	margin-bottom: 60px;
	max-height: 240px;
}

.reviewContent .reviewDesc h2{
	margin-bottom: 12px;
}

.reviewContent .reviewDesc ul{
	list-style: none;
}

.reviewContent .reviewDesc ul li{
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	line-height: 33px;
	letter-spacing: 0.267059px;
	color: #000000;
	
}
.reviewContent .reviewSecTitle{
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	line-height: 30px;
	letter-spacing: -0.677647px;
	color: #000000;
}

.reviewText .reviewSecTitle{
	margin-bottom: 40px;
}

.reviewGraph .reviewSecTitle{
	padding-left:32px;
	margin-bottom: 28px;
}

.reviewContent .reviewLogo img{
	display: block;
	max-width: 375px;
	height: auto;
	margin: 0 auto;
	max-height: 100%;
}

.reviewText .output{
	font-style: italic;
	font-weight: normal;
	font-size: 16px;
	line-height:24px;
	letter-spacing: 0.190756px;
	color: #000000;
	position: relative;
	z-index: 1;
}
.reviewText .output::after{
	content: url('img/rightReview.png');
	position: absolute;
	display: block;
    bottom: -36px;
    right: -45px;
	z-index: -1;
}

.reviewText .output::before{
    content: url(img/leftReview.png);
    position: absolute;
    display: block;
    top: -23px;
    left: -45px;
    z-index: -1;
}

.additional{
	margin-top:48px;
}

.additional > h2{
	margin-bottom: 52px;
}

.additionalLinks{
	display: flex;
	justify-content: space-between;
}

.additionalLinks > div{
	width: 49%;
}

.additionalLinks > .Links > a{
	display: block;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 0.21937px;
	color: #424242;
	text-decoration: underline;
    text-decoration-color: #FAB6FF;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
    text-decoration-skip-ink: 2px;
	width:fit-content;
	width: -moz-fit-content;
	padding-top:2px;
	padding-bottom: 2px;
	margin-bottom: 25px;
}


.mainBlock{
	position: relative;
	padding-top:76px;
	padding-left:98px;
	padding-right: 98px;
	padding-bottom: 72px;
	border-radius: 5px;
	background: #070707;
	margin-bottom: 48px;
}

.mainBlock .blockBigText{
	font-style: normal;
	font-weight: bold;
	font-size: 40px;
	line-height: 47px;
	letter-spacing: -0.0588235px;
	color: #FFFFFF;
	margin-bottom: 36px;
}

.mainBlock .blockTitle,.mainBlock h1{
	font-style: normal;
	font-weight: bold;
	font-size: 68px;
	line-height: 80px;
	letter-spacing: -0.1px;
	text-transform: uppercase;
	color: #FFFFFF;
}

.mainBlock .blockSubTitle{
	font-style: normal;
	font-weight: bold;
	font-size: 40px;
	line-height: 47px;
	letter-spacing: -0.0588235px;
	text-transform: uppercase;
	color: #8F8F8F;
	margin-bottom:40px;
}

.mainBlock .blockText p{
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	line-height: 33px;
	letter-spacing: 0.467059px;
	color: #FFFFFF;
	margin-bottom: 24px;
}

.mainBlock .blockText p:last-child{
	margin-bottom: 0px;
}

.mainBlock .blockText{
	margin-bottom: 60px;
}

.mainBlock.clients{
	background: #070707;
	background-image: url('/wp-content/themes/cs/img/blockback1.png');
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-size: contain;
}

.mainBlock.clients.eyes{
	background-color: #84baf2;
	background-image: url('/wp-content/themes/cs/img/eyes.png');
	background-position: top right;
	background-size: contain;
}

.mainBlock.clients p{
	max-width: 680px;
}

.eyes .blockNumbers .numberItem .numberItemRight {
	color:#000000;
}

.mainBlock.clients.eyes .blockText p {
	color: #161f28
}

.mainBlock.clients.eyes .blockSubTitle {
	color:#000000;
}

.mainBlock.clients .blockText p{
	color:#D5D5D5;
}

.mainBlock.clients .blockNumbers{
	width:600px;
	display: flex;
	justify-content: space-between;
}

.blockNumbers .numberItem{
	display: flex;
	align-items: center;
}

.blockNumbers .numberItem .numberItemLeft{
	font-style: normal;
	font-weight: bold;
	font-size: 68px;
	line-height: 68px;
	letter-spacing: -0.1px;
	color: #FFFFFF;
	margin-right: 10px;
}

.blockNumbers .numberItem .numberItemRight{
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.0235294px;
	color: #8F8F8F;
}

.mainBlock.plan{
	overflow:hidden;
	background: linear-gradient(180deg, #4399E8 0%, #2F6EA8 99.99%);
	padding-bottom: 48px;
}

.mainBlock.plan .blockBack{
	position: absolute;
	left:0px;
	bottom:0px;
	z-index: 1;
}

.mainBlock.plan * {
	position: relative;
	z-index: 2;
}

.mainBlock.plan .blockBack img{
	display: block;
	width:100%;
	height: auto;
	mix-blend-mode: normal;
}

.mainBlock.plan .blockSubTitle{
	color: #2B2B2B;
	text-transform: unset;
}

.mainBlock.plan .blockSubTitle.second{
	color:#FFFFFF;
	margin-bottom: 30px;
}

.blockUls{
	display: flex;
	justify-content: space-between;
}

.blockUls ul{
	width:47.5%;
	list-style: none;
}

.blockUls ul li{
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 27px;
	letter-spacing: 0.333614px;
	color: #FFFFFF;
	margin-bottom: 30px;
}
.blockUls ul li:last-child{
	margin-bottom: 0px;
}

.blockUls ul li:before {
    content: "—";
    margin-right: 5px;
    font-style: normal;
    font-weight: bold;
	font-size: 20px;
	line-height: 27px;
	letter-spacing: 0.333614px;
	color: #FFFFFF;
}

.blockActions{
	margin-top:68px;
	display: flex;
	justify-content: flex-end;
	margin-right:-40px;
}

.blockActions > a {
	margin-left: 15px;
	width: 256px;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	color: #FFFFFF;
	padding-top:17px;
	padding-bottom: 19px;
	text-decoration: none;
	background: #4893D8;
	border: 1px solid #FFFFFF;
	border-radius: 34.5px;
}

.blockActions > a:first-child {
	margin-left:0px;
}

.mainBlock.robots{
	background: linear-gradient(180deg, #009EC3 14.7%, #00CFBE 100%);
}

.mainBlock.robots .blockSubTitle{
	color: #2B2B2B;	
	text-transform: unset;
}

.mainBlock.robots .blockSubTitle:nth-child(4){
	text-shadow: 0px 2px 20px rgba(255, 255, 255, 0.380736);
}

.mainBlock.prices{
	background: linear-gradient(180deg, #E391FF 0%, #00BBB6 100%);
}

.mainBlock.actions .blockActions > a{
	background: #CB86EB;
	border: 1px solid #FFFFFF;
}

.mainBlock.prices{
	padding-bottom: 48px;
}

.mainBlock .blockOffers{
	margin-top:44px;
	display: flex;
}

.mainBlock .blockOffers .blockOffer{
	max-width: 340px;
}

.mainBlock .blockOffers .blockOffer:first-child{
	margin-right: 120px;
}

.mainBlock .blockOffer .offerTopDesc{
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	line-height: 33px;
	letter-spacing: 0.267059px;
	color: #FFFFFF;
	margin-bottom: 64px;
}

.mainBlock .blockOffer .offerNameBlock{
	margin-bottom: 24px;
}

.mainBlock .blockOffer .offerNameBlock .offerLabel{
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	line-height: 33px;
	letter-spacing: 0.267059px;
	color: #FFFFFF
}

.mainBlock .blockOffer .offerNameBlock .offerName{
	font-style: normal;
	font-weight: bold;
	font-size: 38px;
	line-height: 44px;
	letter-spacing: -0.995295px;
	color: #FFFFFF;
}

.mainBlock .blockOffer .offerNameBlock.main .offerName{
	color: #000000;
}

.discountBlock{
	background: linear-gradient(90deg, #FF6D2B 0%, #FF4416 100%);
	border-radius: 5px;
	width:100%;
	display: flex;
	margin-bottom: 48px;
	align-items: center;
	padding:17px 26px;
}

.discountBlock .discountBlockText{
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.333614px;
	color:#ffffff;
	margin-right: auto;
}

.discountBlock .discountSumButton{
	border-bottom:3px solid rgba(177, 58, 28, 0.780157);
	margin-left: 21px;
	cursor: pointer;
}

.discountBlock .discountSumButton div{
	font-size: 16px;
	line-height: 16px;
	color:#DD451F;
	background-color: #ffffff;
	padding:10px 0px 11px;
	width:172px;
	letter-spacing: -0.3px;
	text-align: center;
	border-radius: 1px;
	font-weight: bold;
}

.discountBlock .discountSumWrap{
	width:215px;
	padding:6px;
	background: linear-gradient(270deg, #FFBE29 0%, #FFAE4C 99.9%);
	border-radius: 15px;
	min-width: 215px;
	margin-left: 10px;
}

.discountBlock .discountSumWrap .discountSum{
	padding:4px 3px;
	border: 1px dashed #FFFFFF;
	box-sizing: border-box;
	border-radius: 5px;
	font-weight: bold;
	font-size: 37px;
	line-height: 43px;
	text-align: center;
	letter-spacing: -0.69px;
	color: #FFFFFF;
	text-shadow: 1px 2px 0px rgba(221, 69, 31, 0.445258);
}

.getCallForm .discountForm{
	display: none;
}

.getCallForm .discountForm.active{
	display: block;
	margin-top:10px;
	margin-bottom: 19px;
}

.getCallForm .discountForm .discountFormText{
	font-size: 21px;
    line-height: 25px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: -0.0305882px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.getCallForm .discountForm .discountSumWrap{
	width:215px;
	padding:6px;
	background: linear-gradient(270deg, #FFBE29 0%, #FFAE4C 99.9%);
	border-radius: 15px;
}

.getCallForm .discountForm .discountSumWrap .discountSum{
	padding:4px 3px;
	border: 1px dashed #FFFFFF;
	box-sizing: border-box;
	border-radius: 5px;
	font-weight: bold;
	font-size: 37px;
	line-height: 43px;
	text-align: center;
	letter-spacing: -0.69px;
	color: #FFFFFF;
	text-shadow: 1px 2px 0px rgba(221, 69, 31, 0.445258);
}

.modalCall{
	display: flex;
	position: fixed;
	top:0;
	bottom: 0;
	z-index: 100;
	width: 40%;
	transition: right 0.3s linear;
	right: -100%;
	justify-content: flex-start;
	overflow:hidden;
	background: #BF65AC;
	box-shadow: -3px 0px 0px rgba(0, 0, 0, 0.157015);
}

.modalCall.active{
	right: 0px;
	top:0px;
	background-color: #BF65AB;
	overflow: visible;
}



@keyframes visible {
	from {
	  opacity: 0;
	}
	to {
	  opacity: 1;
	}
}
@keyframes novisible {
	from {
	  opacity: 1;
	}
	to {
	  opacity: 0;
	}
}
/*
.modalCall.active.hiding{
	background-color:rgba(0,0,0,0);
}
*/

.modalCall .getCallForm{
	top:0;
	display: flex;
	flex-direction: column;
	/*position: relative;*/
	background-color: #BF65AB;
/*	box-shadow: 0px 1px 4px rgb(0 0 0 / 18%);*/
	padding-top:98px;
	padding-left:72px;
	padding-right:20px;
    width: 440px;
	border-bottom: 4px solid #9D528D;
}
/*
.modalCall.active .getCallForm{
	animation:visible 0.5s;
	opacity: 1;
}

.modalCall.active.hiding .getCallForm{
	animation: novisible 0.5s;
	opacity: 0;
}
*/
.modalCall .getCallForm .getCallTitle{
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
}

.modalCall .getCallForm .inputRow.first{
	display: flex;
	margin-bottom: 12px;
	align-items: flex-start;
} 


.modalCall .getCallForm .inputRow.first > div{
	width: calc(50% - 5px);
}

.modalCall .getCallForm .inputRow.first > div:first-child{
	margin-right: 12px;
}

.modalCall .getCallForm .inputRow.first > div > label{
	width: 100%;
}

.modalCall .getCallForm .inputRow.first > div > input{
	padding-left:9px;
	padding-right: 9px;
	padding-top: 16px;
    padding-bottom: 14px;
    background: #FFFFFF;
    border: 0px;
    outline: 0px;
    border-radius: 0px;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: -0.27px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	width: 100%;
}

.modalCall .getCallForm .inputRow.first > div > input::placeholder{
	letter-spacing: -0.24px;
	color: #959595;
}

.modalCall .getCallForm label{
	color:#FFFFFF;
	font-size: 10px;
	line-height: 16px;
	display: block;
	width: -moz-fit-content;
	width: fit-content;
}

.modalCall .getCallForm .inputRow.second{
	display: flex;
	align-items: flex-start;
}

.modalCall .getCallForm select{
	padding-left: 9px;
	padding-right: 9px;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #FFFFFF;
    border: 0px;
    outline: 0px;
    border-radius: 0px;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: -0.27px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	flex-grow: 1;
	margin-right: 12px;
    appearance: none!important;
	-webkit-appearance: none!important;
    background-image: url(/wp-content/themes/cs/img/appearance.svg);
    background-repeat: no-repeat;
    background-position: 95% 50%;

}

.modalCall .getCallForm button{
	width: 133px;
	display: block;
	background-color:  #FF87E6;
    padding-top: 15px;
    padding-bottom: 15px;
	border:none;
	border-bottom:2px solid #753E6A;
	font-weight: bold;
	outline: none;
	cursor:pointer;
	text-align: center;
	letter-spacing: -0.3px;
	text-transform: uppercase;
	color: #000000;
}

.modalCall .getCallForm button.success {
	background-color:#81D589;
}

.modalCall .getCallForm .closeModal{
    position: absolute;
	top:40px;
	right:40px;
	cursor:pointer
}

.modalCall .getCallForm .closeModal img{
	width: 36px;
    height: 36px;
    display: block;
}

.modalCall .getCallForm .callFormTitle{
	font-style: normal;
	font-weight: bold;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.0529412px;
	color: #FFFFFF;
	margin-bottom: 17px;
}

.modalCall .getCallForm .callFormText{
	font-size: 21px;
	line-height: 25px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: -0.0305882px;
	color: #FFFFFF;
	margin-bottom: 21px;
}

.modalCall .getCallForm .getCallResult{
	min-height:46px;
	margin-top:10px;
	margin-bottom:10px;
	font-size: 22px;
	text-align: center;
	color:#FFFFFF;
	display: none;
}

.modalCall .getCallForm .callFormBottom,.modalCall .getCallForm .callFormBottom a{
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.333614px;
	color: #FFFFFF;
	text-decoration:none;
}

.modalCall .getCallForm .getCallResult.success{
/**/
}

@keyframes showres {
	from {
	  height:0px;
	  margin-top:0px;
	}
	to {
	  height:30px;
	  margin-top:10px;
	}
}
.map{
	width:100%;
	height:600px;
}

.map img{
	display: block;
	width: 100%;
	height:100%;
}

.map img.disabled{
	display:  none;
}

.map br{
	display: none;
}
.map ymaps + img{
	display: none;
}

@media (max-width:1250px){
	.mainBlock {
		padding-top: 35px;
		padding-left: 49px;
		padding-right: 49px;
		padding-bottom: 35px;
	}
}

@media(max-width:1153px){
	.container{
		padding-left:20px;
		padding-right:20px;
	}
	.article{
		padding:0px;
	}

}

@media(max-width:1040px){
	.headerContent .headerMenu > li {
		padding-left: 20px;
		padding-right: 20px;
	}
	.headerContent .headerMenu > li.menu-item-has-children:after {
		right: 8px;
	}
}
.headerContent .hamburger img{
	height: 100%;
	width: auto;
}

@media(max-width:990px){	
	.modalCall{
		width: 100%;
	}
	body.fixed{
		overflow:hidden;
	}
	
	.headerContent .headerMenu {
		display: none;
	}

	.headerContent .hamburger{
		display: block;
		margin-right: 30px;
		
	}

	.reviewWindow .reviewWindowClose {
		position: absolute;
		left: 5px;
		top: 5px;	
		right: unset;
		display: none;
	}
	.reviewWindow.active .reviewWindowClose{
		display:block;
		position: fixed;
	}

	body .reviews .reviewWindow{
		-webkit-animation: unset;
		-moz-animation: unset;
		  -o-animation: unset;
			 animation: unset;
		height: auto;
		border: 1px solid #D5D5D5;
		border-radius: 0px;		
    	padding: 35px 45px;
		position: fixed;
		width: 100%;
		right: 0px;
		left: 0px;
		top: -100%;
		min-height: 100%;
		z-index: 100000;
		background: #ffffff;
		min-height: 100%;
		max-height: 100%;
		overflow-y: scroll;
		transition: top 0.5s ease;
	}

	
	body .reviewWindow.active{
		top: 0px;
	}

	.reviewGraph .reviewSecTitle {
		margin-bottom: 20px;
		padding-left:0px;
	}
	
	.reviewContent .reviewDesc {
		margin-bottom: 20px;
		max-height: unset;
	}

	.reviewContent {
		padding-top: 0px;
	}

	.reviewContent .reviewLogo {
		max-height: unset;
		padding-top:0px;
		margin-bottom: 20px;
	}

	.reviewContent .reviewLogo img {
		max-width: 100%;
		max-height: unset;
	}

	.reviewWindow.close{
		-webkit-animation: unset;
		-moz-animation: unset;
		-o-animation: unset;
		animation: unset;
		width: 100%;
		height: auto;
	}
	
	@-webkit-keyframes full { from { min-height:0px;height:0%;width:0%;padding:0px; } to { min-height: 828px;height:100%;width:100%;padding:54px 60px;}  }
	@-moz-keyframes full { from { min-height:0px;height:0%;width:0%;padding:0px; } to { min-height: 828px;height:100%;width:100%;padding:54px 60px;}  }
	@-o-keyframes full { from { min-height:0px;height:0%;width:0%;padding:0px; } to { min-height: 828px;height:100%;width:100%;padding:54px 60px;}  }
	@keyframes full { from { min-height:0px;height:0%;width:0%;padding:0px; } to {  min-height: 828px;height:100%;width:100%;padding:54px 60px;}  }

	@-webkit-keyframes close { from { height:100%;width:100%;padding:54px 60px;}  to { height:0%;width:0%;padding:0px; }  }
	@-moz-keyframes close { from { height:100%;width:100%;padding:54px 60px;}  to { height:0%;width:0%;padding:0px; }  }
	@-o-keyframes close { from { height:100%;width:100%;padding:54px 60px;}  to { height:0%;width:0%;padding:0px; }  }
	@keyframes close { from { height:100%;width:100%;padding:54px 60px;}  to { height:0%;width:0%;padding:0px; }  }
}

@media (max-width:940px){
	
	.blockActions {
		margin-right:-20px;
	}

	.mainBlock{
		padding-top: 30px;
		padding-left: 45px;
		padding-right: 45px;
		padding-bottom: 30px;
	}
	
	.mainBlock .blockOffers .blockOffer{
		max-width: unset;
		width:48%;
	}

	.mainBlock .blockOffers .blockOffer:first-child{
		margin-right:4%;
	}
}

@media (max-width:850px){
	.mainBlock.clients .blockNumbers {
		width: 100%;
	}
}

@media (max-width:770px){
	.discountBlock{
		flex-wrap: wrap;

	}
	.discountBlock .discountSumWrap {
		margin-left: 0px;
	}

	.discountBlockText{
		width: 100%;
		margin-bottom: 15px;
	}
	.reviews{
		margin-bottom: 20px;
	}
	
	.mainBlock .blockOffer .offerTopDesc {
		margin-bottom: 40px;
	}
	
	.mainBlock .blockOffer .offerNameBlock .offerLabel {

	}

	.mainBlock .blockOffer .offerNameBlock .offerName {
		font-style: normal;
		font-weight: bold;

	}

	.blockActions > a {
		width:260px;
	}
}

@media (max-width:750px){
	.mainBlock .blockOffers .blockOffer {
		margin-right: 0px;
		width: 100%;
	}

	.blockOffers{
		flex-wrap: wrap;
	}
}

@media (max-width:700px){

}

@media(max-width:650px){
	.discountBlock{
		margin-bottom: 20px;
	}

	.discountBlock .discountBlockText {
		font-size: 13px;
    	line-height: 154%;
	}

	.getCallForm .discountForm .discountFormText {
		font-size: 13px;
	    line-height: 154%;
	}

	.getCallForm .discountForm.active {
		margin-top:0px;
	}
	main{
		margin-top: 98px;
	}
	.headerContent > a.whatsup img{
		width: 20px;
		height: 20px;
	}
	.headerContent a.phone {
		display: none;
	}

	.headerContent > a.whatsup {
		margin-left:5px;
	}

	.reviews .review.empty {
		display: none;
	}

	.reviews .review {
		max-width: 48%;
	}
	.footerContent > div:first-child{
		padding-left: 0px;
	}

	.footer{
		margin-top: 40px;
	}

	.mobileMenuModal .mobileMenu li a {
		padding-left: 76px;
	}

/*
	.container{
		padding-left:10px;
		padding-right:10px;
	}
*/
	.additionalLinks{
		flex-wrap: wrap;
	}
	.additionalLinks .Links{
		width: 100%;
	}

	.additional > h2 {
		margin-bottom: 30px;
	}

	.additionalLinks > .Links > a {

		margin-bottom: 10px;
	}

	.mainBlock.prices {
		margin-bottom: 20px;
	}

	.additional {
		margin-top:20px;
	}

	.reviews{
		margin-bottom: 0px;
	}

	.mainBlock.clients .blockNumbers {
		flex-wrap: wrap;
		justify-content: flex-start;
		flex-direction: column;	
	}

	.numberItem{
		margin-bottom: 10px;
		margin-right: 15px;
	}
}

@media(max-width:650px){
	.headerContent .logo > a > img{
		height: 45px;
	}

	.footerContent{
		flex-wrap: wrap;
	}

	.footerContent > div {
		width: 100%;
		padding-left: 0px;
	}

	.footerContent > div:last-child {
		padding-left: 0px;
		margin-top: 16px;
	}

	.headerContent .hamburger {
		margin-right: 10px;
	}

	.mobileMenuModal .mobileMenu li a {
		padding-left: 40px;
	}

	.mobileMenuModal .hamburgerMobile {
		margin-right: 15px;
		height: 24px;
		width: 24px;
	}

	.mobileMenuModal .hamburgerMobile img{
		display: block;
		width: 100%;
		height: auto;
	}

	.blockUls{
		flex-wrap: wrap;
	}

	.blockUls ul {
		width: 100%;
	}

	.blockUls ul li {
		margin-bottom: 10px;
	}

	.blockActions {
		margin-right:0px;
		margin-top:30px;
	}

	.mainBlock .blockSubTitle {
		margin-bottom: 20px;
	}

	.mainBlock .blockText {
		margin-bottom: 30px;
	}

	/* 
	.headerContent .logo > a > img {
		width: 113px;
		height: 38px;
	}
	*/
	.mainBlock .blockText p {
		margin-bottom: 15px;
	}


	.mainBlock.plan {
		padding-bottom: 20px;
	}

	.blockActions > a {
		font-size: 14px;
		line-height: 18px;
		padding-top: 16px;
    	padding-bottom: 16px;
		width: 200px;
	}

	/*text*/
	main{
		margin-top: 96px;
	}

	.mainBlock {
		padding-top: 27px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.mainBlock .blockTitle, .mainBlock h1 {
		font-size: 32px;
		line-height: 100%;
		letter-spacing: -0.0376471px;
		text-transform: uppercase;
	}

	.mainBlock .blockSubTitle {
		font-size: 20px;
		line-height: 100%;
		letter-spacing: -0.0235294px;
	}

	.mainBlock .blockText p {
		font-size: 13px;
		line-height: 154%;
	}

	.blockNumbers .numberItem .numberItemRight {
		font-size: 15px;
		line-height: 100%;
		letter-spacing: -0.0176471px;
		color: #FFFFFF;
	}

	.blockNumbers .numberItem .numberItemLeft {
		font-size: 45px;
		line-height: 71%;
		letter-spacing: -0.0529412px
	}

	.mainBlock .blockBigText{
		font-size: 20px;
		line-height: 140%;
	}

	.mainBlock .blockOffer .offerTopDesc{
		font-size: 13px;
		line-height: 154%;
		margin-bottom: 20px;
	}

	h2 {
		font-size: 20px;
		line-height: 100%;
	}

	.headerContent {
		height: 76px;
	}

	.mainBlock .blockOffers {
		margin-top:20px;
		margin-bottom: 20px;
	}

	.headerContent .getCallBlock {
		margin-left:auto;
	}
	
	.headerContent .getCallBlock > a.getCall {
		padding: 8px 15px 9px 15px;
		font-size: 13px;
		line-height: 13px;
		text-align: center;
		letter-spacing: -0.1px;
		min-width: 110px;
	}

	.modalCall .getCallForm {
		padding-left:40px;
		padding-right: 40px;
	}

	.headerContent .hamburger {
		margin-right:16px;
		height: 15px;
	}

	.hamburger-box {
		height:15px;
		width:24px
	}

	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
		width: 24px;
		height: 3px;
	}	

	.hamburger-inner:before {
		top: -6px;
	}

	.hamburger-inner:after {
		bottom: -6px;
	}

	.modalCall .getCallForm .closeModal {
		top:26px;
		right:20px;
	}

	.modalCall .getCallForm .closeModal img {
		height:24px;
		width: 24px;
	}
	
	.blockUls ul li {
		font-size: 10px;
		line-height: 160%;
		font-weight: normal;
	}

	.mainBlock.plan .blockSubTitle.second {
		margin-bottom:10px;
	}

	.blockUls ul li:before {
		font-size: 10px;
		font-weight: normal;
		line-height: 160%;
	}

	.mainBlock .blockText p {
		font-size: 13px;
		line-height: 154%;
	}

	.mainBlock .blockOffer .offerNameBlock .offerLabel {
		font-size: 13px;
		line-height: 154%;
	}

	.mainBlock .blockOffer .offerNameBlock .offerName {
		font-size: 20px;
		line-height: 100%;
		letter-spacing: -0.0235294px;
	}

	.mainBlock.prices {
		padding-bottom: 20px;
	}

	.mainBlock .blockOffer .offerNameBlock {
		margin-bottom: 20px;
	}

	.additionalLinks > .Links > a {
		font-size: 13px;
		line-height: 154%;
		margin-bottom: 5px;
	}

	.footerContent > div > div> span,.footerContent div > div a {
		font-size: 13px;
		line-height: 154%;
	}

	.footerContent {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.additional > h2 {
		margin-bottom:20px;
	}

	.mobileMenuModal .mobileMenu > li > a {
		font-size: 32px;
		line-height: 100%;
		letter-spacing: -0.0376471px;
	}

	.mobileMenuModal .mobileHead {
		margin-bottom: 20px;
	}

	.modalCall .getCallForm .callFormTitle{
		font-size: 32px;
		line-height: 100%;
	}

	.modalCall .getCallForm .callFormText {
		font-size: 13px;
		line-height: 154%;
	}

	.modalCall .getCallForm {
		width: 100%;
		padding-top: 120px;
	}

	.modalCall .getCallForm .callFormBottom, .modalCall .getCallForm .callFormBottom a {
		font-size: 13px;
		line-height: 154%;
	}

	.article h1 {
		font-weight: bold;
		font-size: 20px;
		line-height: 27px;
		letter-spacing: -0.0235294px;
		color: #000000;
		text-underline-offset:unset;
		margin-bottom: 5px;
		display: inline;
	}
	.breadcrumbs, .breadcrumbs a{
		font-size: 10px;
		line-height: 160%;
		margin-bottom: 15px;
	}

	.articleLinks span:first-child {
		font-size: 10px;
		line-height: 14px;
		font-weight: bold;
	}

	.articleLinks a {
		font-weight: normal;
		font-size: 10px;
		line-height: 14px;
		text-decoration: none;
	}

	p{
		font-size: 13px;
		line-height: 154%;
		margin-bottom: 20px;
	}

	.article ol {
		padding-left:0px;
		margin-bottom: 20px;
	}

	.article .img{
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.article ul {
		padding-left:0px;
		margin-bottom: 20px;
	}

	.article ol li, .article ul li {
		font-size: 10px;
		line-height: 170%;
		margin-bottom: 17px;
	}

	.footer {
		margin-top:20px;
	}

	.reviewText .output {
		font-size: 13px;
		line-height: 154%;
		letter-spacing: 0.190756px;
	}

	.reviewContent .reviewDesc ul li {
		font-size: 13px;
		line-height: 154%;
	}

	.reviewContent .reviewSecTitle {
		font-size: 20px;
		line-height: 100%;
	}

	body .reviews .reviewWindow {
		padding: 35px 40px;
	}

	.mainBlock.clients.eyes {
		background-position-x: 150%;
	}

	.mainBlock.clients.eyes > div {
		background: /*#84baf2ad*/#84baf2;
	}

	.review.reviewAll > a {
		font-size: 13px;
		line-height: 154%;
	}
	.review.reviewAll > a > img {
		display: block;
		width: 60px;
		height: 60px;
	}

	.article .img{
		padding:5px;
	}

	.headerContent > a.whatsup{
		padding: 3px 3px 3px 5px;
		border-bottom: 2px solid #209E36;
	}

	.headerContent > a.whatsup img {
		width: 24px;
		height: 24px;
	}
}

@media(max-width:500px){
	.discountBlock{
		flex-direction: column;
	}
	.discountBlock .discountSumButton {
		margin-left: auto;
		margin-right: auto;
	}

	.discountBlock{
		padding: 20px;
	}
	
	.discountBlock .discountSumWrap{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}
}



@media(max-width:374px){
	.container {
		padding-left: 10px;
		padding-right: 10px;
	}

	.mainBlock {
		padding-left: 15px;
		padding-right: 15px;
	}
	body .reviews .reviewWindow {
		padding: 20px 15px;
	}
	.reviews .review .reviewActions > div {
		height: 20px;
		width: 17.5px;
	}
	.headerContent .hamburger {
		margin-right: 5px;
	}

	.modalCall .getCallForm {
		padding-top: 60px;
		padding-left: 15px;
		padding-right: 15px;
	}
}


@media(max-width:350px){
	.mainBlock {
		padding-left: 10px;
		padding-right: 10px;
	}


}