html {
    height: 100%;
}

body {
    min-height: 100%;
    font-weight: 400;
    overflow-x: hidden;
    line-height: 1.45em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    line-height: 1.15em;
    margin: 0.6em 0;
    color: #010101;
}

h1 {
    font-size: 3em;
}

h2 {
    font-size: 2.5em;
}

h3 {
    font-size: 2em;
}

h4 {
    font-size: 1.5em;
}

h5 {
    font-size: 1em;
}

p {
    line-height: 1.45em;
    margin: 0.6em 0 0.6em 0;
}

ul {
    list-style: none;
}


.section-title {
    max-width: 900px;
    margin: 0px auto 40px auto;
    text-align: center;
}

.section-title:after {
    content: "\e93b";
    font-family: Purifier;
    height: 14px;
    width: 120px;
    display: block;
    margin: 5px auto 0 auto;
    font-size: 2.3em;
    color: #ffaa31;
}

.section-title h2 {
	margin: 0;
	font-size: 2.056em;
	font-weight: bold;
	line-height: 1.35em;
}

.section-after-title {
	text-align: center;
	font-size: 1.222em;
	font-weight: 600;
	margin-bottom: 30px;
}

.section-after-note {
	text-align: center;
	font-size: 1.222em;
	font-weight: 600;
	margin-bottom: 30px;
}

.section-after-note i {
	color: #f7181f;
}

.section-after-text {
    text-align: center;
    font-size: 1.111em;
    margin-bottom: 30px;
    max-width: 1015px;
    margin: 0 auto 30px auto;
}

.section-after-check {
	text-align: center;
	font-size: 1.111em;
	margin-bottom: 40px;
	margin-top: 10px;
	font-weight: 600;
}

.stext {
    border-bottom: 1px solid #ffffff;
	padding: 0 5px;
}

.stchk {
    color: #f7181f;
    font-size: 2.45em;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
}


.container-white .section-title h2 {
	color: #0087d9;
}

.container-blue .section-title h2 {
	color: #ffffff;
}


.header-table {
	display: table;
	width: 100%;
}
.header-logo-col {
	display: table-cell;
	vertical-align: middle;
	padding:20px 0 30px 0;
}

.header-social-col {
	display: table-cell;
	vertical-align: middle;
	width: 130px;	
}

.header-phone-col {
	display: table-cell;
	vertical-align: middle;
	width: 200px;
	text-align: right;
}

.header-trigger-col {
    display: none;
    width: 30px;
    padding-left: 20px;
    padding-right: 12px;
    vertical-align: middle;
    text-align: center;
}

.header-social {
	padding-top: 10px;
}

.logo {
	display: block;
	width: 270px;
	height:75px;
	background: url(../img/logo.svg) center center no-repeat;
	background-size: 270px;
}

.telegram {
	width: 28px;
	height: 28px;
	display: inline-block;
	background: url(../img/telegram.svg) center center no-repeat;
	background-size: 28px;	
}

.whatsapp {
	width: 28px;
	height: 28px;
	display: inline-block;
	background: url(../img/whatsapp.svg) center center no-repeat;
	background-size: 28px;	
	margin-right: 20px;
}

.phone {
	font-size: 1.1111em;
	font-weight: 600;
	padding-top: 5px;
}

.phone i {
	color: #00a3d5;
	line-height: 1.25em;
}

.phone a {
	color: #1f3767;
	text-decoration: none;
}

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


/***** MENU *****/


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

.menu-container {
    border-bottom: 1px solid #a9e9ff6e;
}

#menu {
    position: relative;
    z-index: 10000;
}

#menu ul.level-0 {
    font-size: 1.05em;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
}

#menu ul.level-0>li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #13486c52;
}

#menu ul.level-0>li>a {
    color: #ffffff;
    display: block;
    padding: 16px 36px;
    font-weight: 500;
    border-left: 1px solid #a9e9ff6e;
    text-decoration: none;
    white-space: nowrap;
}

#menu ul.level-0>li.sub>a:after {
    font-family: 'Purifier' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\ea5f";
    font-size: 0.8em;
    padding-left: 8px;
    color: #d0d0e8;
    vertical-align: middle;
}

#menu ul.level-0>li.sub:hover>a:after {
    color: #5675d9;
}

#menu ul.level-0>li:last-child {
    border-right: 1px solid #13486c52;
}

#menu ul.level-0>li:last-child>a {
    border-right: 1px solid #a9e9ff6e;
}

#menu ul.level-0>li:last-child>a:hover {
    background: #0382c96b;
}

#menu ul.level-0>li:hover>a {
    background: #0382c96b;
    color: #ffffff;
    text-decoration: none;
}

#menu ul.level-1 {
    background: #ffffff;
    display: none;
    position: absolute;
    z-index: 10000;
    width: 330px;
    font-weight: normal;
    font-size: 14px;
    padding: 0;
    -webkit-box-shadow: 1px 3px 8px 0px rgba(34, 60, 80, 0.15);
    -moz-box-shadow: 1px 3px 8px 0px rgba(34, 60, 80, 0.15);
    box-shadow: 1px 3px 8px 0px rgba(34, 60, 80, 0.15);
}

#menu ul.level-2 {
    position: absolute;
    background: #fcfcfc;
    left: 329px;
    width: 300px;
    font-weight: normal;
    font-size: 14px;
    display: none;
    top: 0;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: 1px 3px 8px 0px rgba(34, 60, 80, 0.15);
    -moz-box-shadow: 1px 3px 8px 0px rgba(34, 60, 80, 0.15);
    box-shadow: 1px 3px 8px 0px rgba(34, 60, 80, 0.15);
}

#menu ul.level-1>li,
#menu ul.level-2>li {
    position: relative;
}

#menu ul.level-2>li:first-child>a {
    border-top: 1px solid #eceded;
}

#menu ul.level-1>li.sub>a:after,
#menu ul.level-2>li.sub>a:after {
    font-family: 'Purifier' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 0.9em;
    line-height: 1;
    content: "\ea61";
    padding-left: 8px;
    color: #d0d0e8;
    position: absolute;
    right: 10px;
    top: 17px;
}

#menu ul.level-1>li,
#menu ul.level-2>li {
    display: block;
    text-align: left;
    border: none!important;
    box-shadow: none!important;
}

#menu ul.level-1>li>a,
#menu ul.level-2>li>a {
    border: none;
    position: relative;
    color: #292176;
    text-decoration: none!important;
    background: transparent;
    transition: none;
    box-shadow: none!important;
    display: block;
    padding: 12px 14px;
}

#menu ul.level-1>li>a {
    border-bottom: 1px solid #eceded;
    border-left: 1px solid #eceded;
    border-right: 1px solid #eceded;
}

#menu ul.level-2>li>a {
    border-bottom: 1px solid #eceded;
    border-left: 1px solid #eceded;
    border-right: 1px solid #eceded;
}

#menu ul.level-1>li>a:hover {
    background: #e8f7fb;
    text-decoration: none;
}

#menu ul.level-2>li>a:hover {
    background: #e8f7fb;
    text-decoration: none;
}

#menu ul.level-1>li>a:hover:before,
#menu ul.level-2>li>a:hover:before {
    color: #fbdd05;
}

#menu ul.level-0>li>a.search-btn {
    padding: 18px 14px;
}

#offer {
	background: url(../img/header-bg.jpg) center center;
	background-size: cover;
	color: #ffffff;
}

#offer h1 {
	color: #ffffff;
	font-size: 3.278em;
	font-weight: 600;
	margin:0;
}

#offer p {
	color: #d1f5fe;
	font-size: 1.111em;
}

.offer-table {
	width: 100%;
	display: table;
}

.offer-text,
.offer-img {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}

.offer-text {
	padding: 100px 0;
}

.offer-mobile-img {
	display: none;
}

.offer-img {
	padding: 35px 0;
	text-align: right;
}

.offer-title {
	max-width: 520px;
	margin-bottom:25px;
}

.offer-desc {
	max-width: 520px;
	margin-bottom:25px;
}

.offer-container {
	min-height:500px;
}

.slogan-word {
	display:inline-block;
	padding: 10px 0;
	margin-right: 30px;
	font-size: 1.111em;
	font-weight: 600;
}

.offer-slogan {
	margin-bottom: 40px;
}

.offer-slogan .slogan-word:last-child {
	margin-right: 0px;
}

.offer-circle {
    width: 44px;
    height: 44px;
    line-height: 50px;
    display: inline-block;
    vertical-align: middle;
    background: #ffffff;
    margin-right: 11px;
    border-radius: 100%;
    color: #0087d9;
    text-align: center;
    font-size: 1.3em;
}


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


/***** MOBILE TRIGGER *****/


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

.nav-trigger {
    position: relative;
    display: block;
    width: 20px;
    height: 30px;
    font-size: 30px;
    white-space: nowrap;
    color: transparent;
    border: 0;
    background: none;
    margin-top: 5px;
    z-index: 1000000;
}

.nav-trigger span,
.nav-trigger span::before,
.nav-trigger span::after {
    position: absolute;
    display: inline-block;
    height: 2px;
    width: 20px;
    border-radius: 1px;
    background: #1f3767;
}

.nav-trigger span {
    /* line in the center */
    position: absolute;
    top: 44%;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    transition: background 0.2s;
}

.nav-trigger span::before,
.nav-trigger span::after {
    /* other 2 lines */
    content: '';
    right: 0;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    transition: transform 0.2s;
}

.nav-trigger span::before {
    /* menu icon top line */
    top: -6px;
}

.nav-trigger span::after {
    /* menu icon bottom line */
    top: 6px;
}

.nav-trigger.nav-is-visible span::after {
    top: 5px;
}

.nav-trigger.nav-is-visible span {
    /* hide line in the center */
    background: rgba(255, 255, 255, 0);
}

.nav-trigger.nav-is-visible span::before,
.nav-trigger.nav-is-visible span::after {
    /* keep visible other 2 lines */
    background: #1f3767;
}

.nav-trigger.nav-is-visible span::before {
    -webkit-transform: translateX(4px) translateY(-1px) rotate(45deg);
    -moz-transform: translateX(4px) translateY(-1px) rotate(45deg);
    -ms-transform: translateX(4px) translateY(-1px) rotate(45deg);
    -o-transform: translateX(4px) translateY(-1px) rotate(45deg);
    transform: translateX(4px) translateY(-1px) rotate(45deg);
}

.nav-trigger.nav-is-visible span::after {
    -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
    transform: translateX(4px) translateY(2px) rotate(-45deg);
}

.mobile-menu {
    display: none;
    position: fixed;
    left: 0;
    margin-top: 0px;
    width: 100%;
    overflow-y: scroll;
    height: 100%;
	background: #f5fcfe;
    z-index: 8000;
}

.js-menu {
    flex: 1 0 auto;
    font-size: 1.2em;
    display: flex;
    align-content: center;
    align-items: center;
}

.js-phone {
    /* padding-bottom: 50px; */
    text-align: center;
    min-height: 100px;
    /* padding: 50px 0; */
}

.js-box {
    display: flex;
    flex-direction: column;
    min-height: calc(100% - 125px);
    margin-bottom: 125px;
	justify-content: space-between;
}

.nav-is-visible {
    display: block;
}

.slinky-menu {
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

#advantages {
	padding: 90px 0; 
}

.advantages-body {
	padding-top: 30px;
}

.advantages-footer {
	margin: 0 auto;
	max-width: 780px;
	text-align:center;
	font-size: 1.222em;
	font-weight: bold;
	color: #0087d9;	
	padding-top: 50px;
	line-height: 1.35em;
}

.adv-item {
	display: table;
	width: 100%;
	margin: 0px auto 25px auto;
	min-height: 100px;
	position: relative;
	max-width: 360px;
}

.col-adv-1 .adv-item:last-child,
.col-adv-3 .adv-item:last-child  {
	margin: 0 auto;
}

.col-adv-2 {
	text-align:center;
}

.adv-icon {
	display: table-cell;
	vertical-align: middle;
	width: 70px;
	font-size:2.9em;
	color: #0087d9;
}

.adv-icon:before {
	content: '';
	background:url(../img/kaplya.png) center center no-repeat;
	background-size: cover;
	width: 61px;
	height: 91px;
	position: absolute;
	z-index:1;	
	top: 0;
	left: 10px;
}

.adv-icon i {
	position:relative;
	z-index:2;	
}

.adv-title {
	position:relative;
	display: table-cell;
	vertical-align: middle;	
	z-index:2;
}

#products {
	padding: 90px 0; 
	background: #388dd5 url(../img/purifier-bg.png) center center no-repeat;
	background-size: cover;
}

.products-body {
	position: relative;

}

.products-slider {
    display: flex;
    align-items: stretch;
}

.product-card {
  border-radius: 12px;
  padding:10px;
  overflow: hidden;
  background-color: rgb(255, 255, 255);
}

.product-card-box {
	border: 1px solid #e3e3e3;
	padding: 25px 15px;
}

.products-slider-item {
    padding: 10px 12px;
}

.product-photo {
	text-align: center;
}

.product-title {
	font-weight: 600;
	text-align: center;
	padding: 20px 0 15px 0;
}

.product-price {
	text-align: center;
	padding: 5px 0 10px 0;
	color: #ff2a00;
	font-weight: 600;
}

.product-btn {
	text-align: center;
	padding: 15px 0;
}

#products .products-slider-arrows {
    width: 100%;
    margin: auto;
    position: absolute;
    top: 50%;
}

#products .products-slider-dots {
    padding-top: 23px;
}

#products .slick-prev {
    left: -150px;
    z-index: 101;
    border-radius: 100%;
}

#products .slick-next {
    right: -150px;
    z-index: 101;
    border-radius: 100%;
}


#products .slick-prev, 
#products .slick-next {
	top: 0;
	/*opacity: 0;*/
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	background: -moz-linear-gradient(-173deg, rgb(0,130,214) 0%, rgb(0,221,255) 100%);
	background: -webkit-linear-gradient(-173deg, rgb(0,130,214) 0%, rgb(0,221,255) 100%);
	background: -ms-linear-gradient(-173deg, rgb(0,130,214) 0%, rgb(0,221,255) 100%);
	background: linear-gradient(-173deg, rgb(0,130,214) 0%, rgb(0,221,255) 100%);
	box-shadow: inset 0px 1px 0px 0px #00cff8, inset 0px -1px 0px 0px #0089d9;
}

#products:hover .slick-prev,
#products:hover .slick-next {
    opacity: 1;
}

#products:hover .slick-prev:hover,
#products:hover .slick-prev:focus,
#products:hover .slick-next:hover,
#products:hover .slick-next:focus {
    opacity: 0.8;
}


#howiswork {
	padding: 90px 0; 
}

.howiswork-scheme {
	max-width: 780px;
	margin: 0 auto;
}

.howiswork-body {
	padding-top: 25px;
}

.howiswork-li {
	max-width: 530px;
	margin: 0 auto;
	padding: 10px 0;
}

.howiswork-li  span {
	font-size: 1.2em;
	font-weight: 600;
	color: #009de2;
}

#filters {
	padding: 90px 0; 
	background: #eff6f9 url(../img/volna-bg.png) center center;
}

.filters-body {
	padding-top: 20px;
}

.filters-footer {
	margin: 0 auto;
	max-width: 920px;
	text-align:center;
	font-size: 1.111em;
	font-weight: bold;
	color: #010101;	
	padding-top: 50px;
	line-height: 1.35em;
}

.filters-li {
	padding: 13px 0;
}

.filters-img {
	width: 100%;
	text-align: center;
}

.filters-title {
	font-weight: bold;
	color: #009de2;
}

#service {
	padding: 90px 0; 
	background: #388dd5 url(../img/service-bg.png) center center no-repeat;
	background-size: cover;
	color: #ffffff;
}

.section-after-note {
	text-align: center;
	font-weight: 600;
	margin-bottom: 30px;
	/* background: #d5f1ffd1; */
	/* color: #1f3767; */
	border-radius: 12px;
	/* padding: 20px; */
}

.service-circle {
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 39px;
	margin: 0 auto 15px auto;
	font-size: 1em;
	/* line-height: 1.25em; */
	background: #fff;
	border-radius: 100%;
}

.service-circle i {
	line-height: 32px;
}

.serv-item {
	display: table;
	margin-bottom: 62px;
	margin-top: 62px;
}
.serv-icon {
	display: table-cell;
	width: 37px;
	font-size: 1.9em;
	vertical-align: middle;
	color: #afd8ec;
}

.serv-img {
	text-align: center;
}

.serv-title {
	display: table-cell;
	vertical-align: middle;	
}

.sitem-1, .sitem-3, .sitem-5 {
	margin-left: 36px;
}

.serv-box {
	max-width: 270px;
	position: relative;
	margin: 0 auto;
}

.service-footer {
	margin: 0 auto;
	max-width: 920px;
	text-align:center;
	font-size: 1.111em;
	padding-top: 40px;
	line-height: 1.35em;
}

#actions {
	padding: 90px 0;
}

.actions-check-table {
	display: table;
	width: 100%;
	/*margin: 0 -12px;*/
}

.actions-check-td {
	display: table-cell;
	width: 50%;
	text-align: center;
}

.acb-1 {
	border-radius: 12px;
	background-color: #e5f2fb;
}

.acb-2 {
	border-radius: 12px;
	background-color: #f2f2f2;
}

.actions-check-box {
    margin: 12px;
    padding: 33px 12px 37px 12px;
}

.actions-check-box h3 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.111em;
	color: #0087d9;
}

.actions-btn {
	margin-top: 25px;
}

.actions-text {
    font-weight: 600;
    font-size: 1.111em;
    text-align: center;
    max-width: 600px;
    margin: 55px auto 20px auto;
}

.actions-text span {
	color: #0087d9;
}

.actions-check {
    text-align: center;
    font-size: 1.111em;
    padding: 20px 0 30px 0;
}


.actions-img {
    text-align: center;
}

.actions-img-desc {
    max-width: 410px;
    margin: 20px auto 0 auto;
}

#footer {
	padding: 90px 0; 
	background: #388dd5 url(../img/footer-bg.jpg) center center no-repeat;
	background-size: cover;
	color: #ffffff;
}

#footer a {
	color: #ffffff;
}

.footer-table {
	width: 100%;
	display: table;
}

.footer-copyright {
	display: table-cell;
	width: 30%;
}

.footer-address {
	display: table-cell;
	width: 35%;
	padding-top: 25px;
}

.footer-social {
	display: table-cell;
	width: 10%;
}

.footer-contact {
	display: table-cell;
	width: 25%;
	text-align: right;
}

#footer .policy {
	font-size: 0.95em;
}

#footer .policy a {
	text-decoration: underline;
}

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

#footer .phone {
	padding-bottom: 8px;
}

#footer .worktime {
	padding-bottom: 8px;
}

#footer .phone i {
    color: #66cfef;
    line-height: 1.25em;
	font-size: 20px;
}

#footer .email i {
    color: #66cfef;
    line-height: 1.25em;
	font-size: 20px;
}

#footer .footer-address i {
    color: #66cfef;
    line-height: 1.25em;
	font-size: 20px;
}

#footer .street {
    padding-left: 29px;
	padding-top: 10px;
}

#footer .policy {
	padding-top: 10px;
}

.telegram:hover,
.whatsapp:hover {
	opacity:0.8;
}