body {
	font-family: 'Montserrat', 'Arial', sans-serif;
	background: #FFF;
	font-size: 14px;
	color: #333;
}
a {color: #696CFF;}
a:hover {
	color: #003399;
	text-decoration: none;
}
.bold-green {
	font-weight: bold;
	color: #009966;
}
.wbtable tbody {font-size: 13px;}
.wbtable .price {font-size: 14px;}
.tbl-title {
	background: #6699CC;
	font-weight: bold;
	color: #FFF !important;
	text-align: center !important;
}
.txt-note {
	background: #FFFFCC;
	border-left: 10px solid #FFCC33;
    color: #000;
    padding: 10px 10px 10px 15px;
}
.title-orange {
	background-color: #FF9900;
    background-image: linear-gradient(to bottom, #ffcc00, #FF9900);
}
.title-blue {background-color: #66A6E6;}
.title-green {background: #00CC66;}
.title-purple {background: #CC3399;}
.padding-right-0 {padding-right: 0;}

.list-arrow {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}
.list-arrow li {
	padding: 10px;
	margin-bottom: 10px;
	background: #F0F0F0;
}
.list-arrow li::before {
	content: "✔";
	font-weight: bold;
	margin-right: 10px;
}
.page-category .list-post {display: none;}
.category-docs .page-category .list-post {display: block;}
.category-3 .pagination {display: none;}

.bg-gray {background: #F0F0F0;}

.callback-spa {
	background: #F0F0F0;
	border-left: 10px solid #57C9E2;
	text-transform: uppercase;
	padding: 10px;
	font-weight: bold;
	margin: 15px 0;
}

.row-nopadding .col-md-6 {padding: 0;}
.row-nopadding .table-responsive {margin: 0;}

/* Tables
---------------------------------*/
.table {text-align: left;}
.table > thead > tr {
	font-weight: 600;
	background: #FFF;
	border-bottom: 2px solid #000;
}
.table > thead > tr > th {
	color: #000;
	text-transform: uppercase;
	text-align: left;
}
.table > tbody > tr {border-bottom: none;}
.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
	padding: 10px;
	border: 1px solid #CCC;
}
.table > thead > tr > th:last-child, 
.table > tbody > tr > th:last-child, 
.table > tfoot > tr > th:last-child, 
.table > thead > tr > td:last-child, 
.table > tbody > tr > td:last-child, 
.table > tfoot > tr > td:last-child {border-right: 1px solid #CCC;}

.tbl-noborder > thead > tr > th, 
.tbl-noborder > tbody > tr > th, 
.tbl-noborder > tfoot > tr > th, 
.tbl-noborder > thead > tr > td, 
.tbl-noborder > tbody > tr > td, 
.tbl-noborder > tfoot > tr > td {border: none;}
.tbl-noborder > thead > tr > th:last-child, 
.tbl-noborder > tbody > tr > th:last-child, 
.tbl-noborder > tfoot > tr > th:last-child, 
.tbl-noborder > thead > tr > td:last-child, 
.tbl-noborder > tbody > tr > td:last-child, 
.tbl-noborder > tfoot > tr > td:last-child {border-right: none;}
.tbl-noborder {border-bottom: 1px solid #CCC;}

.tbl-border > tbody > tr:nth-child(2n+1) {background: #FFF;}


/* Buttons
---------------------------------*/
.btn {
	background: #696CFF;
    color: #FFF;
    text-transform: uppercase;
    border-radius: 3px;
    opacity: 1;
    display: inline-block;
    text-align: center;
}
.btn:hover {
	opacity: 0.9;
	text-decoration: none;
	color: #FFF;
}
.btn i {margin-right: 10px;}
.btn-white {
	background: #FFF;
	color: #57C9E2;
}
.btn-phone {
    border-radius: 20px;
}
.btn-phone:hover {cursor: pointer;}
.btn-phone i {
	background: #FFF;
	color: #57C9E2;
	border-radius: 50%;
    padding: 10px;
    width: 34px;
    height: 34px;
}

/* HEADER
--------------------------------------------------------------------------------------*/
.header {
	background: #FFF;
	overflow: hidden;
}

.header-main {
	margin-top: 40px;
	display: none;
}
.header .logo {
	font-size: 16px;
	margin: 25px 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
}
.header .logo a {color: #273138;}
.header .logo a:hover {color: #57C9E2;}
.header .logo span {
	display: block;
	font-size: 12px;
	color: #57C9E2;
}
.header .logo img {margin: 15px auto;}

.header-phone {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
}
.header-phone .fa {
	background: #57C9E2;
	color: #FFF;
	padding: 10px;
	margin-right: 10px;
	border-radius: 50%;
}
.header-phone a {
	font-size: 16px;
	font-weight: bold;
	color: #273138;
}

#search-form {
	background: #F0F0F0;
	padding: 30px 0;
	display: none;
}
#search-form .search-input {
	width: 100%;
	padding: 10px 0;
	text-indent: 15px;
	float: left;
	border: 1px solid #DDD;
	box-shadow: none;
}
#search-form .search-btn {
	background: none;
	border: 0;
	box-shadow: none;
	float: right;
	position: absolute;
	padding: 10px;
	margin-left: -40px;
	color: #777;
}
#search-form .search-btn:hover {color: #57C9E2;}

/* NAV
--------------------------------------------------------------------------------------*/
/* Main Menu
---------------------------------*/
#main-menu {
	font-size: 12px;

}
#main-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	float: right;
}
#main-menu li {
	float: left;
}
#main-menu li a {
	color: #000;
	padding: 20px;
	display: block;
	font-weight: bold;
	text-transform: uppercase;

}
#main-menu li a:hover,
#main-menu .current-menu-item a {
	color: #696CFF;
}

/* Top Menu
---------------------------------*/
#top-menu {
	background: #FFF;
	border-bottom: 1px solid #DDD;
	font-size: 16px;
	width: 100%;
	position: fixed;
	z-index: 1000;
	top: 0;
}
#top-menu ul {
	padding: 0;
	list-style: none;
	overflow: hidden;
}
#top-menu li {
	float: left;
	font-weight: bold;
}
#top-menu li a {padding: 15px 0;}
#top-menu li:first-child {
	width: 100%;
	text-align: center;
}
#top-menu li:first-child a {color: #000;}
#top-menu li:first-child a:hover {color: #57C9E2;}
#top-menu li:last-child {
	right: 15px;
	position: absolute;
}

/* Tabs
---------------------------------*/
#tabs {overflow: hidden;}
#tabs ul.tab-nav {
	padding: 0;
	margin-top: 0;
	list-style: none;
}
#tabs ul.tab-nav li a {
	padding: 10px 0;
	display: block;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}
#tabs ul.tab-nav li a.selected,
#tabs ul.tab-nav li a:hover {
	background-color: #009933;
    background-image: linear-gradient(to bottom, #33CC66, #009933);
    color: #FFF;
}
#tabs ul.tab-nav li a {	
	background-color: #DDD;
    background-image: linear-gradient(to bottom, #EEE, #CCC);
    color: #333;
    border-radius: 20px;
}
#tabs .inside .list {display: none;}
#tabs .inside .list:first-child {display: block;}



/* MAIN
--------------------------------------------------------------------------------------*/
.main {	
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
}
.main h1 {
	padding: 0;
	margin: 30px 0 10px;
	text-transform: uppercase;
}
.main h2 {
	text-transform: uppercase;
	margin: 20px 0;
}

.page-content {
	background: #FFF;
	min-height: 400px;
	padding: 0 0 30px;
}

.page-content details {
	background: #F0F0F0;
	padding: 10px 15px;
	margin: 15px 0;
}
.page-content summary {
	font-weight: bold;
	cursor: pointer;
	outline: none;
}
.page-content summary:hover {color: #57C9E2;}

.page-header {
	background: #F0F0F0;
	margin-bottom: 30px;
}

.intro-text {
	text-align: center;
	margin: 20px 0;
	font-size: 16px;
}
.contact-map {
	overflow: hidden;
	border: 1px solid #CCC;
	clear: both;
}
.video-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
    padding-top: 30px;
    position: relative;
}
.video-container iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.product-block {
	border-bottom: 1px dashed #CCC;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}
.product-block img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	border-radius: 10px;
}
.product-block h2 {
	font-size: 16px;
	margin: 10px 0;
}
.product-block h2 span {color: #FF9900;}
.product-block table {
	text-align: left;
}
.product-block table .svg-inline--fa,
.price-single .svg-inline--fa {color: #888;}
.product-block tr {border-bottom: 1px dashed #CCC;}
.product-block tr:last-child {border-bottom: 0;}
.product-block td {
	padding: 5px;
}
.product-block td:last-child {text-align: right;}
.product-block .btn {
	border-radius: 30px;
	padding: 10px 30px;
	display: inline-block;
}
.product-block .btn .fa {margin-right: 5px;}
.product-note {
	color: #777;
	font-size: 13px;
	vertical-align: top;
}
#water .product-note {height: 50px;}
.product-note td {text-align: left !important;}
.product-note p {margin: 5px 0;}
.price-single {
	font-size: 14px;
	margin-bottom: 20px;
}
.price-single span {
	font-size: 16px;
	font-weight: bold;
	color: #CC3300;
}

/* Home
--------------------------------------------------------------------------------------*/
.page-home {min-height: 400px;}
.page-home h2 {
	margin: 50px 0 30px;
	font-size: 24px;
	text-align: center;
}
.home-title {
	text-align: center;
	border-bottom: 0 !important;
	padding-top: 10px;
}
.home-subtitle {
	text-align: center;
	font-size: 28px;
	padding: 30px 0;
	margin: 0;
}
/*
.home-subtitle::before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background-image: url(../img/line.png);
	width: 36px;
	height: 7px;
}
*/
.home-slogan {
	text-align: center;
	font-weight: bold;
	font-size: 28px;
	font-family: Trebuchet;
	font-style: italic;
	color: #57C9E2;
	margin: 20px 0;
}
.style-nav {font-size: 13px;}
.style-nav a {color: #888;}
.style-nav a:hover {color: #57C9E2;}

.btn-app {text-align: center;}
.btn-app img {margin: 20px auto;}
.btn-app img:hover {opacity: 0.8;}

/* Services
---------------------------------*/
.block-services {overflow: hidden;}
.service-item {
	background: #333;
	border: 1px solid #999;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	padding: 20px 10px;
}
.service-item:hover {border: 1px solid #CCC;}
.service-item h3::before {
	content: "";
  	position: absolute;
  	left: 40%;
  	top: 25px;
  	width: 20%;
  	height: 3px;
  	background: #696CFF;
}

/* Tariffs
---------------------------------*/
.block-tariffs h3,
.block-tariffs h4 {
	text-align: center;
	text-transform: uppercase;
	font-size: 22px;
}
.block-tariffs h3 {font-weight: normal;}
.block-tariffs h4 {color: #FF3300;}
.block-tariffs .btn {display: block;}

.bg-circle-icon {
	background: #f0f0f0;
  	display: flex;
  	border-radius: 50%;
  	font-size: 64px;
  	margin: 0 auto;
  	height: 120px;
  	width: 120px;
  	align-items: center;
  	justify-content: center;
}
.bg-circle-icon:hover {color: #696CFF;}

/* Docs
---------------------------------*/
.block-docs ul {
	padding: 0;
  	list-style: none;
  	font-size: 18px;
  	line-height: 2;
}
.block-docs .fa-solid {margin-right: 10px;}

/* text box
---------------------------------*/
.text-box {
	padding: 50px;
	text-align: justify;
}

/* composition
---------------------------------*/
.composition-box {
	padding: 50px;
	text-align: center;
}
.composition-box td {
	width: 50%;
	text-align: center !important;
}
.composition-box td:first-child {font-weight: 600;}
.composition-box p {margin-top: 30px;}

/* reviews
---------------------------------*/
.reviews-box {
	background: #0B1E70;
	padding: 40px 0 100px 0;
	color: #555;
}
.reviews-box .home-subtitle {color: #FFF;}
.review-item {
	padding: 30px;
	margin: 20px 0;
	background: #FFF;
	border-radius: 3px;
}
.review-item-author {
	padding: 20px 0 0;
	margin-top: 20px;
	border-top: 1px solid #DDD;
}

/* features
---------------------------------*/
.features-box {
	background: #DAE0EF;
	padding: 60px 0;
	color: #222;
	text-align: center;
}
.features-box p {
	margin: 20px 0;
	font-size: 20px;
	font-weight: 600;
}
.features-box .feature-icon {
	display: inline-block;
	height: 130px;
	width: 130px;
	background: #00C3ED;
	line-height: 130px;
	border-radius: 50%;
	transition: .3s all linear;
}
.features-box .feature-icon img {
	width: 50%;
	height: 130px;
}
.features-box .feature-icon:hover {
	background: #FF9933;
}

.features-top-box {background: #E9EEF9;}
.features-top-box p {
	font-size: 18px;
	margin: 20px;
}

/* map
---------------------------------*/
.map-box {
	text-align: center;
	padding: 20px 0 30px 0;
}

/* shop
---------------------------------*/
.shop-slider-box {
	padding: 30px 0;
	border-top: 1px solid #DDD;
	text-align: center;
}
.shop-slider-box img {
	margin: 10px auto;
	max-width: 250px;
}

/* Category
---------------------------------*/
.post-preview {
	box-shadow: 0 0 2px #CCC;
	border-radius: 5px;
	padding: 10px 20px;
	margin-bottom: 10px;
	background: #FFF;
	overflow: hidden;
}
.post-preview a {
	display: block;
	color: #333333;
}
.post-preview a:hover {color: #696CFF;}
.post-preview h2 {
	font-size: 16px;
	margin: 0;
	padding: 0;
}
.post-preview img {
	width: 100px;
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.category-link {
	border-top: 1px dashed #CCC;
	padding: 10px 10px 20px;
	margin: 20px 0 10px;
}
.product-block .preview-hover {
    opacity: 0;
    font-size: 30px;
    height: 100%;
    width: 100%;
    position: absolute;
    text-align: center;
    color: #FFF;
}
.product-block:hover .preview-hover {
    opacity: 1;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
}

/* Product (Single Post)
---------------------------------*/
.post-thumbnail {
	background: #FFF;
	text-align: center;
	padding: 20px 10px;
}
.post-thumbnail:hover {background: rgba(000, 000, 000, 0.1);}
.post-thumbnail a {display: block;}
.post-thumbnail img {
	max-width: 100%;
	height: auto;
}
.btn-buy {
	margin: 20px 0;
}
.btn-buy .btn {
	border-radius: 20px;
}

/* SIDEBAR
--------------------------------------------------------------------------------------*/
.sidebar-left {
	margin-bottom: 15px;
}
.sidebar-left .sidebar-widget {
	background-color: #F0F0F0;
	background: rgba(100, 50, 0, 0.4);
	padding: 10px 0;
	border-radius: 10px;
}
.sidebar-left .widget:last-child {
	border: none;
}
.sidebar-left h3 {
	margin: 0;
	padding: 10px 20px;
	color: #FFF;
	text-transform: uppercase;
	text-shadow: 0 1px 1px #57C9E2;
}
.sidebar-left ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
	text-shadow: 0 1px 1px #57C9E2;
}
.sidebar-left ul a {
	color: #FFF;
	padding: 10px 20px;
	border-bottom: 1px solid #DDD;
	display: block;
}
.sidebar-left ul li:last-child a {
	border-bottom: 0;
}
.sidebar-left ul a:hover {
	text-decoration: none;
	background: #FFF9C1;
	text-shadow: none;
	color: #555;
}
.sidebar-left .current-menu-item a,
.sidebar-left .current-menu-parent a {
	background: #FFF9C1;
	color: #555;
	text-shadow: none;
}
.sidebar-left ul a.active {
	font-weight: bold;
	background-color: #FFF;
}
.sidebar-left ul.sub-menu {
	background: #FFFFCC;
	font-weight: normal;
}
.sidebar-left ul.sub-menu a {
	padding: 8px 0 8px 20px;
	color: #000;
}
.sidebar-left ul.sub-menu a.active {background: #FFFFCC; color: #333;}
.sidebar-left li a.dcjq-parent {background: url(../img/icon_plus.png) no-repeat right center}
.sidebar-left li a.dcjq-parent:hover {background: #FFF url(../img/icon_plus.png) no-repeat right center}
.sidebar-left li a.dcjq-parent.active {background: #FFF url(../img/icon_minus.png) no-repeat right center;}
.sidebar-left .btn {
	display: block;
	margin-top: 10px;
	text-align: center;
	border-radius: 20px;
}

/* BOTTOM
--------------------------------------------------------------------------------------*/
#bottom-form {
	background: #57C9E2;
	padding: 20px 0;
	color: #333;
}
#bottom-form a {color: #FFF;}
#bottom-form .btn-white {
	margin: 15px 0;
	color: #57C9E2;
}
.bf-tel-left {
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
}
.bf-tel-right {
	font-size: 34px;
	font-weight: bold;
	line-height: 50px;
}
.bf-txt {
	margin-top: 18px;
	line-height: 18px;
}
.align-center-left,
.align-center-right {text-align: center;}

/* FOOTER
--------------------------------------------------------------------------------------*/
.footer {
	background: #F0F0F0;
	color: #777;
	font-size: 13px;
}
.footer a {color: #555;}
.footer a:hover {color: #696CFF;}
.footer h5 {
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.footer-nav {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
.footer-nav ul {
	padding: 0;
	margin: 0;
	overflow: hidden;
	list-style: none;
}
.footer-nav li {
	float: left;
	padding: 5px 15px 5px 0;
}
.footer-nav li:last-child {padding-right: 0;}

.footer-main {
	padding: 20px 0 30px;
	display: none;
}
.footer-main ul {
	padding: 0;
	margin-bottom: 20px;
	list-style: none;
	line-height: 1.2;
	font-size: 13px;
}
.footer-main li {margin: 10px 0;}

.footer-main .footer-logo {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.footer-main .footer-logo a {color: #273138;}
.footer-main .footer-logo span {
	display: block;
	font-size: 12px;
	color: #57C9E2;
	line-height: 1.6;
}
.footer-main .footer-phone {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.footer-main .footer-phone {margin: 15px 0;}
.footer-main .footer-phone a {color: #273138;}
.footer-main .footer-phone a:hover {color: #57C9E2;}
.footer-main .footer-copy {
	font-size: 12px;
	margin-top: 15px;
}

.footer-copy {
	margin: 0;
	padding: 50px;
	background: #333;
	color: #FFF;
	text-align: center;
}

/* PRODUCT
--------------------------------------------------------------------------------------*/
/* Product Carousel
---------------------------------*/
#product-carousel {
	background: #FFF;
	overflow: hidden;;
}

/* TOOLS
--------------------------------------------------------------------------------------*/
.product-block .svg-inline--fa,
.footer-contacts .svg-inline--fa {margin-right: 5px;}
#fancybox-title {text-align: center;}
#fancybox-title-over {background: rgba(0,0,0,.5) !important;}
.envira-gallery-wrap .envira-gallery-public .envira-gallery-item-inner {border: 1px solid #DDD;}
#envirabox-title {display: none !important;}

/* Forms
---------------------------------*/
.form-title {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin: 20px 0;
}
.form-info {
	font-size: 12px;
	margin-top: 0;
	color: #777;
}
div.wpcf7-mail-sent-ok,
span.wpcf7-not-valid-tip,
div.wpcf7-validation-errors, 
div.wpcf7-acceptance-missing {
	font-size: 12px;
	line-height: 14px;
}
span.wpcf7-not-valid-tip {color: #CC3333;}
div.wpcf7-response-output {padding: 10px;}
div.wpcf7-validation-errors, 
div.wpcf7-acceptance-missing {
	border: 2px solid #FFCC33;
	color: #777;
}
#form-order {
    text-align: center;
    padding: 0 10px;
}
#form-order input,
#form-order textarea,
#form-order select {
    width: 100%;
}
#form-order textarea {
    height: 100px;
}
#form-order .captcha-img {
    vertical-align: middle;
}
#form-order .captcha-input {
    width: 100px;
}
#form-order input[type="submit"] {
    padding: 10px 0;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
    border-radius: 30px;
}
.order-title {display: none;}

/* Breadcrumbs
---------------------------------*/
.breadcrumbs {
	font-size: 12px;
	color: #777;
	margin: 10px 0 30px;
}
.breadcrumbs a {color: #000;}

/* All Links
---------------------------------*/
.all-links h3 {
	margin: 10px 0;
	padding-left: 30px;
}
.all-links ul {
	list-style: none;
	padding: 0;
	margin: 20px 0;
}
.all-links li {
	padding: 5px 0 5px 30px;
	margin-left: 20px;
	border-left: 1px solid #DDD;
	position: relative;
}
.all-links li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 15px;
	border-bottom: 1px solid #DDD;
}
.all-links li:first-child {
	border-left: none;
	padding-left: 0;
	padding-bottom: 0;
	margin-left: 0;
}
.all-links li:first-child::before {border-bottom: none;}
.all-links li:last-child {border-left: none;}
.all-links li:last-child::before {border-left: 1px solid #DDD;}
.all-links a {color: #273138;}
.all-links a:hover {color: #57C9E2;}

.all-links-title {
	font-size: 16px;
	font-weight: bold;
	overflow: hidden;
	line-height: 1.2;
	min-height: 40px;
	display: flex;
	align-items: center;
}
.all-links-title::before {border-left: none !important}
.all-links-title i {
	background: #57C9E2;
	color: #FFF;
	border-radius: 50%;
	min-width: 40px;
	min-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	float: left;
	font-size: 18px;
}

/* Tabs
---------------------------------*/
.main .su-u-trim h2 {margin-top: 20px !important;}
.main .su-tabs-pane {
	font-size: 14px;
	padding: 15px 0;
}
.main .su-tabs {
	padding: 0;
	border-radius: 0;
	background: #FFF;
}
.main .su-tabs h2 {text-align: center;}
.main .su-tabs-nav {
	text-align: center;
	border-bottom: 2px solid #DDD;
}
.main .su-tabs-nav span {
	font-size: 14px;
	border-bottom: 3px solid #FFF;
}
.main .su-tabs-nav span.su-tabs-current {border-bottom: 3px solid #696FCC;}
.main .su-tabs-nav span:focus {outline: none;}

.main .su-tabs .row-nopadding {
	overflow: hidden;
	border-bottom: 1px solid #CCC;
	margin-bottom: 30px;
}

/* Spoiler
---------------------------------*/
.main .su-spoiler-style-fancy {
	border-radius: 0;
	margin: 15px 0;
}
.main .su-spoiler-style-fancy > .su-spoiler-title {
	border-radius: 0;
	font-size: 14px;
	font-weight: 500;
}
.main .su-spoiler-title {
	padding: 10px 30px 10px 10px;
	border-radius: 0;
}
.main .su-spoiler-title:focus {outline: none;}
.main .su-spoiler-icon {
	top: 10px;
	right: 10px;
	left: auto;
	font-size: 18px;
	line-height: 20px;
}

/* Slideout Menu
---------------------------------*/
.simple-slideout-menu-panel ul.slideout-menu {padding-left: 0;}
.simple-slideout-menu-panel ul.slideout-menu li {border-bottom: 1px solid #DDD;}
.simple-slideout-menu-panel ul.slideout-menu a {
	line-height: 1.2;
	padding: 10px 0;
}
.simple-slideout-menu-panel ul.slideout-menu li.menu-item-has-children > a::before {top: 8px}
.simple-slideout-menu-panel ul.slideout-menu li.menu-item-has-children > ul.sub-menu {
	padding-left: 10px;
	padding-bottom: 10px;
}
.simple-slideout-menu-panel ul.slideout-menu li.menu-item-has-children > ul.sub-menu li {border-bottom: none;}
.simple-slideout-menu-panel ul.slideout-menu li.menu-item-has-children > ul.sub-menu a {
	text-transform: none;
	padding: 5px 0;
	font-weight: normal;
}

/* Social
---------------------------------*/
.social-nav{padding:0;margin:0 auto;list-style:none;overflow:hidden;display:inline-block;}
.social-nav li{float:left;margin:5px;text-align:center;}
.social-nav a{opacity:0.8;color:#FFF;font-size:26px;padding:6px;border-radius:30px;width:50px;height:50px;display:block;}
.social-nav a:hover{opacity:1;}
.vk-color{background:#57C9E2;}
.ok-color{background:#FF9900;}
.fb-color{background:#003366;}
.yt-color{background:#CC0000;}
.wa-color{background:#00D777;}
.tg-color{background:#279FD3;}
.mob-social-nav{background:#DDD;padding:5px 0;}
.mob-social-nav .social-nav li{margin:3px;}
.mob-social-nav .social-nav a{font-size:18px;width:36px;height:36px;}

/* Widget IM
------------------------------*/
.widget-im {
	list-style: none;
	padding: 0;
	margin: 0;
	position: fixed;
	right: 10px;
	bottom: 10%;
	z-index: 1000;
}
.widget-im li {margin-bottom: 10px;}
.widget-im li a,
.widget-im .icon-eye {
	color: #FFF;
	border-radius: 20px;
	width: 40px;
	height: 40px;
	display: block;
	text-align: center;
}
.widget-im .icon-eye {
	background: #FF9900;
	cursor: pointer;
}
.widget-im li a:hover,
.widget-im .icon-eye {opacity: 0.9;}
.widget-im li i {
	font-size: 24px;
	line-height: 40px;
}
.widget-im .icon-telegram {background: #2CA4E0;}
.widget-im .icon-viber {background: #655DAA;}
.widget-im .icon-wa {background: #7EC40A;}
.widget-im .icon-calculator {background: #336699;}
.widget-im .icon-cremation {background: #B2262F;}

._access-icon {display: none !important;}
._access-menu ._text-center {
	font-size: 20px !important;
	margin-top: 30px !important;
}
._access-menu ul li {font-size: 17px !important;}


.icon-max {
	background-color: #4441E1;
  position: relative;
  text-decoration: none;
}

.icon-max::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
	background-image: url('/wp-content/themes/webity/img/icon_max.svg');
}

/* MEDIA
--------------------------------------------------------------------------------------*/
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.header-main {margin-top: 0;}
	.page-home-wrap {margin-top: 250px;}
	.header .logo {text-align: left;}
	.header-phone {text-align: right;}
	.align-center-left {text-align: left;}
	.align-center-right {text-align: right;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.header-info {margin-top: 25px;}
	.header-info p {
		font-size: 16px;
		color: #CCC;
	}
	.page-home-wrap {margin-top: 380px;}
	.product-block {
		border-left: 1px dashed #CCC;
		text-align: left;
	}
	.product-block:first-child {border-left: 0;}
	.product-block h2 {margin: 5px 0;}
	.mob-social-nav {display: none;}

	.footer-nav li {padding: 20px 30px 20px 0;}
	.footer-main .footer-inner {
		border-left: 1px solid #DDD;
		padding-left: 30px;
	}
	.su-tabs-nav span {width: auto;}
}

/* PRINT
--------------------------------------------------------------------------------------*/
@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}