@font-face {
    font-family: 'GilroyRegular';
    src: url('../fonts/GilroyRegular.eot');
    src: url('../fonts/GilroyRegular.eot') format('embedded-opentype'),
         url('../fonts/GilroyRegular.woff2') format('woff2'),
         url('../fonts/GilroyRegular.woff') format('woff'),
         url('../fonts/GilroyRegular.ttf') format('truetype'),
         url('../fonts/GilroyRegular.svg#GilroyRegular') format('svg');
}
@font-face {
    font-family: 'GilroyBold';
    src: url('../fonts/GilroyBold.eot');
    src: url('../fonts/GilroyBold.eot') format('embedded-opentype'),
         url('../fonts/GilroyBold.woff2') format('woff2'),
         url('../fonts/GilroyBold.woff') format('woff'),
         url('../fonts/GilroyBold.ttf') format('truetype'),
         url('../fonts/GilroyBold.svg#GilroyBold') format('svg');
}
@font-face {
    font-family: 'BebasNeueBook';
    src: url('../fonts/BebasNeueBook.eot');
    src: url('../fonts/BebasNeueBook.eot') format('embedded-opentype'),
         url('../fonts/BebasNeueBook.woff2') format('woff2'),
         url('../fonts/BebasNeueBook.woff') format('woff'),
         url('../fonts/BebasNeueBook.ttf') format('truetype'),
         url('../fonts/BebasNeueBook.svg#BebasNeueBook') format('svg');
}
@font-face {
    font-family: 'GilroyLight';
    src: url('../fonts/GilroyLight.eot');
    src: url('../fonts/GilroyLight.eot') format('embedded-opentype'),
         url('../fonts/GilroyLight.woff2') format('woff2'),
         url('../fonts/GilroyLight.woff') format('woff'),
         url('../fonts/GilroyLight.ttf') format('truetype'),
         url('../fonts/GilroyLight.svg#GilroyLight') format('svg');
}


/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub,  tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */

html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	font-family: 'GilroyRegular';
	font-size:14px;
	height: 100%;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.wrapper {
	width: 100%;
	min-width: 300px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
.content-wrapper {max-width:1200px; margin:0 auto;}
.clear {clear:both;}

/* Header
-----------------------------------------------------------------------------*/
.header {
	height: 87px;
	background: #fff;
	/* border-bottom:1px solid #d9d7d7; */
}
.header-logo {font-family: 'GilroyBold'; margin-top:27px; float:left; text-decoration:none; color:#137ad7; text-transform:uppercase; font-size:30px;}
.header-logo .la {color:#e14546;}
.header-logo .lb {color:#02c72f;}

.header-menu ul li {float:right; padding-bottom:12px; position:relative; margin-left:25px;}
.header-menu ul li ul {display:none; position:absolute; z-index:99; width:220px; padding:20px 20px 10px 20px; border-radius:15px; top:20px; left:-20px; background:#fff; -webkit-box-shadow: 9px 9px 30px 0px rgba(50, 50, 50, 0.11); -moz-box-shadow:9px 9px 30px 0px rgba(50, 50, 50, 0.11); box-shadow:9px 9px 30px 0px rgba(50, 50, 50, 0.11);}
.header-menu ul li:hover ul {display:block;}
.header-menu ul li ul li {float:none; margin:0px; padding:0px; margin-bottom:12px;}
.header-menu ul li ul li a {font-family: 'GilroyRegular';}
.header-menu ul li ul li a:hover {color:#e14546;}

.header-menu ul li a {font-size:15px; color:#171515; text-decoration:none;font-family: 'GilroyBold';}
.header-menu {float:right; margin:35px 0px 0px 0px;}
.header-btn.main-btn {float:right; margin:20px 0px 0px 25px; width: 160px;height: 45px;}
.header-btn.main-btn .btn-txt {top:14px;}

/* Middle
-----------------------------------------------------------------------------*/
.content {padding: 0 0 390px;}
.main-begin {width:100%; height:528px; background:url(../img/main-begin.png) center center no-repeat;}
.main-begin.specialists-begin {width:100%; height:528px; background:url(../img/specialistst-bg_2.png) center center no-repeat;}
.page-lbl,h2 {text-align:center; margin-bottom:16px; font-size:36px; line-height:43px; color:#1a1031;font-family: 'GilroyBold';}
.about-txt {max-width:870px; margin:0 auto; font-size:20px; color:#5d5d5d; text-align:center; line-height:32px;}
.about-txt b {font-family: 'GilroyBold';color:#1a1031;}
.main-about {padding:40px 0px 0px 0px;}

.table {margin-bottom:20px;}
.table table {width:100%;}
.table table td,.table table th {text-align:left; padding:13px 25px 13px 25px;}
.table table th {color:#1a1031; font-size:16px;font-family: 'GilroyBold';}
.table table td {font-size:16px; line-height:25px;padding:23px 25px 23px 25px;}
.table table tr td {background:#f2f2f2;}
.table table tr:nth-child(2n-1) td {background:#fafafa;}

h2 {margin-top:34px;}
h2 sup,.page-lbl sup {font-size:11px; top:-4px; position:relative; right:-3px;}
.spec-left {/* float:left; *//* padding-top:106px; */}
.product-lbl {font-size:44px;/* margin-bottom:13px; */text-transform:uppercase;font-family: 'GilroyBold';color:#137ad7;}
.product-lbl .la {color:#e14546;}
.product-lbl .lb {color:#02c72f;}
.product-slbl {font-size:44px;line-height:46px;color:#1a1031;font-family: 'GilroyLight';/* margin-bottom:17px; */}
.product-txt {font-size:17px; line-height:25px; margin-bottom:35px; color:#484848;}
.spec-left {/* float:left; *//* width:51%; */}
.spec-left .header-btn.main-btn {float:left; margin:0px 10px 0px 0px;}
.spec-right {/* float:right; *//* width:44%; *//* text-align:center; *//* padding:140px 0px 0px 0px; */}
.spec-right img {width:96%;}
.actions {padding:60px 0px 60px 0px; background: #f5f5f5; }
.actions .page-lbl {margin-bottom:25px;}
.actions .content-wrapper {position:relative;}
.actions .owl-prev {display:block; position:absolute; top:50%; margin-top:21px; left:-40px; width:14px; height:25px; background:url(../img/arrow-left.png) left top no-repeat; background-size:100%;}
.actions .owl-next {display:block; position:absolute; top:50%; margin-top:21px; right:-43px; width:14px; height:25px; background:url(../img/arrow-right.png) left top no-repeat; background-size:100%;}

.combination {padding:80px 0px 80px 0px;}
.combination-item {width:29%; position:relative: margin:0px 2% 0px 2%; display:inline-block; vertical-align:top;  text-align:center;}
.combination-item:nth-child(3) {} 

.drop-menu {position:fixed; display:none;  z-index:99999; width:100%; height:100%; left:0px; top:0px; background:#fff;}
.drop-menu-table {width:100%; height:100%; text-align:center; display:table;}
.drop-menu-td {width:100%; height:100%; text-align:center; vertical-align:middle; display:table-cell;}
.drop-menu-td li {padding:11px 0px 11px 0px;}
.drop-menu-td li a {font-size:26px; line-height:29px; color:#1a1031; text-decoration:none;}
.drop-menu .hasChild {padding-bottom:0px !important; padding-top:0px !important;}
.drop-menu-td li.hasChild a {display:none;}
.drop-menu-td li.hasChild li a {display:inline-block;}
.drop-menu-td li.hasChild ul li:first-child {}
.close {position:absolute; top:29px; right:29px;}
.close img {width:20px;}

.action-item {text-align:center; width:100%; min-height:220px; background:#fff; border-radius:12px;
-webkit-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.08); -moz-box-shadow:5px 5px 10px 0px rgba(50, 50, 50, 0.08); box-shadow:5px 5px 10px 0px rgba(50, 50, 50, 0.08); position:relative;}
.actions .owl-carousel .owl-stage {padding-top:100px; padding-bottom:12px;}

.action-over {width:205px; height:114px; background:url(../img/actions-over.png) left top no-repeat; background-size:100%; position:absolute; left:50%; top:-10px; margin-left:-102px;}
.action-img {position:absolute; z-index:99; border-radius:190px; left:50%; top:-92px; left:50%; margin-left:-90px; width:180px; height:180px;}
.action-num {display:inline-block; margin-bottom: 11px; width:48px; height:33px; padding-top:16px; font-size:20px; color:#fff; border-radius:90px;/* /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a7fde+0,0a70ca+100 */
background: #1a7fde; /* Old browsers */
background: -moz-linear-gradient(top,  #1a7fde 0%, #0a70ca 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1a7fde 0%,#0a70ca 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1a7fde 0%,#0a70ca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7fde', endColorstr='#0a70ca',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 6px 6px 15px 0px rgba(72, 122, 213, 0.16); -moz-box-shadow:    6px 6px 15px 0px rgba(72, 122, 213, 0.16); box-shadow:  6px 6px 15px 0px rgba(72, 122, 213, 0.16);}

.action-lbl {font-size:28px; line-height:32px; color:#1a1031;}
.action-content {padding-top:129px; padding-bottom:32px;}
.no-image .action-content {padding-top:30px;}
.no-image .action-lbl {text-align:left !important; padding-left:25px; padding-right:25px;}
.no-image .owl-carousel .owl-stage {padding-top:30px;}
.factor-coll-item {float:left; width:32%; margin-right:2%;}
.article-factors h2 {margin-bottom:25px;}

.factor-coll-item:nth-child(3n) {float:right; margin-right:0px;} 
.combination-item {position:relative;}
.combination-item:nth-child(1) .combination-icn {
    width: 43px;
    height: 81px;
    display:inline-block;

    background: #8734f7;
    -webkit-transform: skew(16deg);
    -moz-transform: skew(16deg);
    -o-transform: skew(16deg);
    transform: skew(16deg);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e03541+1,d22735+100 */
background: #e03541; /* Old browsers */
background: -moz-linear-gradient(top,  #e03541 1%, #d22735 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e03541 1%,#d22735 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e03541 1%,#d22735 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e03541', endColorstr='#d22735',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 5px 5px 26px 0px rgba(50, 50, 50, 0.18); -moz-box-shadow:5px 5px 26px 0px rgba(50, 50, 50, 0.18); box-shadow:5px 5px 26px 0px rgba(50, 50, 50, 0.18);    
}
.combination-icn {margin-bottom:22px;}
.combo-plus {width:30px; height:30px; background:url(../img/plus.png) left top no-repeat; position:absolute; z-index:9; top:25px; right:-31px; background-size:100%; display:block;}
.combination-item:nth-child(3) .combo-plus {display:none;}
.combination-row {text-align:center;}
.combination-item:nth-child(2) {/* margin-left:30px; *//* margin-right:30px; */}
.combination-item:nth-child(2) .combination-icn {
    width: 43px;
    height: 81px;
    display:inline-block;
  
    background: #8734f7;
    -webkit-transform: skew(16deg);
    -moz-transform: skew(16deg);
    -o-transform: skew(16deg);
    transform: skew(16deg);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01d032+0,0db32c+100 */
background: #01d032; /* Old browsers */
background: -moz-linear-gradient(top,  #01d032 0%, #0db32c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #01d032 0%,#0db32c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #01d032 0%,#0db32c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01d032', endColorstr='#0db32c',GradientType=0 ); /* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e03541', endColorstr='#d22735',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 5px 5px 26px 0px rgba(50, 50, 50, 0.18); -moz-box-shadow:5px 5px 26px 0px rgba(50, 50, 50, 0.18); box-shadow:5px 5px 26px 0px rgba(50, 50, 50, 0.18);    
}
.combination-item:nth-child(3) .combination-icn {
    width: 40px;
    height: 78px;
    display:inline-block;
  
    background: #8734f7;
    -webkit-transform: skew(16deg);
    -moz-transform: skew(16deg);
    -o-transform: skew(16deg);
    transform: skew(16deg);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01d032+0,0db32c+100 */
background: #01d032; /* Old browsers */
background: -moz-linear-gradient(top,  #01d032 0%, #0db32c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #01d032 0%,#0db32c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #01d032 0%,#0db32c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01d032', endColorstr='#0db32c',GradientType=0 ); /* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e03541', endColorstr='#d22735',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 5px 5px 26px 0px rgba(50, 50, 50, 0.18); -moz-box-shadow:5px 5px 26px 0px rgba(50, 50, 50, 0.18); box-shadow:5px 5px 26px 0px rgba(50, 50, 50, 0.18);    
}
.combination-item:nth-child(3) .combination-icn {
    width: 43px;
    height: 81px;
    display:inline-block;
   
    background: #8734f7;
    -webkit-transform: skew(16deg);
    -moz-transform: skew(16deg);
    -o-transform: skew(16deg);
    transform: skew(16deg);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a7fde+1,0a70ca+100 */
background: #1a7fde; /* Old browsers */
background: -moz-linear-gradient(top,  #1a7fde 1%, #0a70ca 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1a7fde 1%,#0a70ca 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1a7fde 1%,#0a70ca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7fde', endColorstr='#0a70ca',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 5px 5px 26px 0px rgba(50, 50, 50, 0.18); -moz-box-shadow:5px 5px 26px 0px rgba(50, 50, 50, 0.18); box-shadow:5px 5px 26px 0px rgba(50, 50, 50, 0.18);    
}
.combination-lbl {font-size:28px; margin-bottom:11px;}
.combination-txt {font-size:17px; line-height:26px; color:#1b1b1b;}
.combination-item:nth-child(1) .combination-lbl {color:#e14546;}
.combination-item:nth-child(2) .combination-lbl {color:#02c72f;}
.combination-item:nth-child(3) .combination-lbl {color:#137ad7;}
.combination .page-lbl {margin-bottom:60px;}

.usage {/* padding:80px 0px 80px 0px; *//* background:#f9f9f9; */}
.usage-left {float:left; width:48%;}
.usage-right {float:right; width:48%; text-align:left;}
.usage-right .page-lbl {text-align:left; margin-bottom:22px;}


.main-problems {text-align:center; padding:40px 0px 80px 0px;}
.main-problem-txt {font-size:20px; margin-bottom:13px; color:#1a1031;font-family: 'GilroyBold';}
.main-problem-link a {font-size:15px; color:#e14546; font-family: 'GilroyBold';}
.main-problem-icon {margin-bottom:17px;}
.main-problem-icon img {height:68px;}
.main-problem-i {width:17.6%; margin-left:1.2%; margin-right:1.2%; display:inline-block; vertical-align:top;}
.main-problem-i:first-child {margin-left:0px;}
.main-problem-i:last-child {margin-right:0px;}


.intro-article {margin-bottom:40px; line-height:0px; position:relative;}
.intro-article-over {width:100%; height:100%; display:table; z-index:9; position:absolute; top:0px; left:0px; background:rgba(0,0,0,0.36);}
.intro-article-over-a {width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; }
.intro-lbl {color:#fff; font-size:43px; line-height:52px; position:relative; font-family: 'GilroyBold';}
.intro-lbl::before {width:230px; height:2px; position:absolute; top:-23px; left:50%; margin-left:-115px; background:#fff; display:block; content:'';} 
.intro-lbl::after {width:230px; height:2px; position:absolute; bottom:-27px; left:50%; margin-left:-115px; background:#fff; display:block; content:'';} 

.levels-row {padding-bottom:80px;}
.article-inverse {padding:0px 0px 0px 0px; background:#f9f9f9;}
.recommendations {padding:80px 0px 10px 0px;}
.recommendations .page-lbl {margin-bottom:43px;}
.recommendations-left {width:64%; padding-right:35px; float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.recommendations-right {width:36%; float:right;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.recommend-good {border-radius:10px; margin-bottom:10px; background:#f6faf4; padding:25px 25px 25px 25px; font-size:16px; line-height:25px; color:#484848;}
.recommend-good .recommend-inner {background:url(../img/ok-icn.png) left top no-repeat; min-height:30px; background-size:30px; padding-left:45px;}
.recommend-inner b {font-family: 'GilroyBold';}

.recommend-bad {border-radius:10px; margin-bottom:10px; background:#fdf5f5; padding:25px 25px 25px 25px; font-size:16px; line-height:25px; color:#484848;}
.recommend-bad .recommend-inner {background:url(../img/bad-icn.png) left top no-repeat; min-height:30px; background-size:30px; padding-left:45px;}
.recommend-inner b {font-family: 'GilroyBold';}

.recommend-lbl {font-size:25px; color:#1a1031;font-family: 'GilroyBold'; margin-bottom:19px;} 
.content-wrapper-a {max-width:970px; margin:0 auto; padding:60px 0px 60px 0px;}
.content-wrapper-a.no-margin {padding-bottom:60px;}
.content-wrapper-a.no-padding {padding-bottom:10px;}
.article-page h1 {text-align:center; font-size:47px; margin-bottom:30px; color:#1a1031;font-family: 'GilroyBold';}
.article-lead {background:#f9f9f9; padding:25px 25px 25px 25px; line-height:32px; margin-bottom:25px; font-size:20px; color:#484848;}
.article-page p sup {font-size:11px; line-height:0px;}
.article-lead sup {font-size:11px; line-height:0px;}
.article-page p {font-size:16px; padding-left: 25px; padding-right:25px; margin-bottom:15px; color:#343434; line-height:26px;}
.article-page p b {font-family: 'GilroyBold';}
.article-page p a {color:#4a7dd9;}
.action-content p {text-align:left;}
.article-page .action-lbl {margin-bottom:9px;}
.article-page .actions {}
.levels-item {width:20.6%; margin-right:1.4%; float:left; border-radius:10px; background:#fcf1f2; padding:20px 20px 20px 20px;}
.levels-item:nth-child(4) {float:right; margin-right:0px;}
.levels-item p {padding-left:0px; padding-right:0px;}
.level-num {font-size:35px; margin-bottom:6px; color:#1a1031; position:relative;}
.level-num span {display:block; background:#e14546; position:absolute; top:14px; left:55px; width:58px; height:4px;}
.level-lbl {font-size:28px; margin-bottom:10px; color:#1a1031;font-family: 'GilroyBold';}

.types-coll-i {text-align:center; min-height:195px; width:48.6%; float:left; margin-bottom:20px; background:#fff; border-radius:12px;
-webkit-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.08); -moz-box-shadow:5px 5px 10px 0px rgba(50, 50, 50, 0.08); box-shadow:5px 5px 10px 0px rgba(50, 50, 50, 0.08); position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:25px 25px 25px 25px; text-align:left;}

.types-coll-i-lbl {font-size:28px; margin-bottom:8px; color:#1a1031;}
.types-coll-i-txt {font-size:16px;  color:#343434; line-height:26px;}

.types-coll-i:nth-child(2n) {float:right;}
.links-devider {width:100%; height:2px; background:#efefef; margin-bottom:40px;}
.articles-links {max-width:970px; margin:0 auto; padding:0px 0px 40px 0px;}
.articles-links ul {padding-left:25px;}
.articles-links ul li {margin-bottom:12px; line-height:20px; font-size:12px;}
.articles-links ul li a {color:#4a7dd9;}

.usage-left {padding-top:20px;}
.usage-right .main-btn {margin:30px 0px 0px 25px; width:200px;}
.usage-img {text-align:center; margin-bottom:35px;}
.usage-img img {width:80%;}
.product-btns {text-align:center;margin: 0px;padding: 0px;}
.combination-comment {text-align:center; font-size:16px; color:#676767; margin-top:50px;}
.notice {padding:80px 0px 80px 0px;}
.notice .page-lbl {margin-bottom:51px;}
.notice-img {/* width:160px; *//* margin:0 auto; */}
.notice-img img {width:100%;}
.notice-item {width:24%; float:left; margin-right:1%; text-align:center;}
.notice-item:nth-child(4) {float:right;}
.notice-txt {font-size:18px; line-height:25px; color:#1b1b1b;}



.usage-left .main-btn {float:none; display:inline-block;}
.usage-left .main-btn.white {width:210px;}

.variant {padding:30px 20px 20px 30px; border-radius:10px; background:#fff;-webkit-box-shadow: 3px 3px 21px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow:3px 3px 21px 0px rgba(50, 50, 50, 0.1);  box-shadow:3px 3px 21px 0px rgba(50, 50, 50, 0.1); -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin-bottom:20px;}
/* .variant p {position:relative;font-size:17px;margin-bottom:18px;line-height:25px;color: #48484C;} */
/* .variant ul li {position:relative;font-size:17px;margin-bottom:18px;color:#484848;} */
.variant ul {padding:0px 0px 0px 32px;}
/* .variant ul li::before {content:''; position:absolute; left:-32px; top:-5px;background: #1a7fde;  */
background: -moz-linear-gradient(top,  #1a7fde 0%, #0a70ca 100%); 
background: -webkit-linear-gradient(top,  #1a7fde 0%,#0a70ca 100%); 
background: linear-gradient(to bottom,  #1a7fde 0%,#0a70ca 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7fde', endColorstr='#0a70ca',GradientType=0 ); 
-webkit-box-shadow: 6px 6px 15px 0px rgba(72, 122, 213, 0.16); -moz-box-shadow: 6px 6px 15px 0px rgba(72, 122, 213, 0.16); box-shadow:  6px 6px 15px 0px rgba(72, 122, 213, 0.16); display:block; width:24px; height:24px; font-size:13px; padding-top:7px; text-align:center; border-radius:90px; color:#fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} 
.variant-lbl {font-size:23px; margin-bottom:21px; color:#1a1031;font-family: 'GilroyBold';}
/* .variant ul li:nth-child(1)::before {content:'1'}
.variant ul li:nth-child(2)::before {content:'2'}
.variant ul li:nth-child(3)::before {content:'3'} */

.indication {padding:90px 0px 0px 0px;}
.indication-left {float:left; line-height:0px; padding-top:30px; position:relative; left:-20px;}
.indication-lbl {font-size:36px; color:#1a1031; margin-bottom:14px; font-family: 'GilroyBold';}
.indication-txt {font-size:17px; margin-bottom:16px; color:#484848; line-height:28px;}
.indication-right {float:right; width:43%; }
ul.marked{padding-left:24px;}
ul.marked li {font-size:16px; line-height:26px; position:relative; margin-bottom:10px; color:#484848;}
ul.marked li::before {content:' '; display:block; position:absolute; left:-35px; top:4px; background:url(../img/marked.png) left top no-repeat; width:38px; height:38px; background-size:100%;}
ul.marked li sup {line-height:0px;}
.article-nav {padding-bottom:25px;}
.article-nav ul {padding-left:24px;}
.article-nav ul li {font-size:17px; line-height:28px; position:relative; margin-bottom:10px; color:#484848;}
.article-nav ul li::before {content:' '; display:block; position:absolute; left:-35px; top:5px; background:url(../img/marked.png) left top no-repeat; width:38px; height:38px; background-size:100%;}
.article-nav ul li a {color:#4a7dd9;}

.indication-list {position:absolute; top:100px; left:129px; line-height:23px;}
.indication-list li {font-size:24px;margin-bottom:24px; text-shadow:1px 1px 0px rgba(0,0,0,0.1);  position:relative; color:#fff;}
.indication-list li::before {display:block; background:url(../img/li.png) left top no-repeat; content:' '; position:absolute; left:-40px; top:-1px; width:37px; height:37px; background-size:100%;}
.indication-list li:nth-child(2) {margin-left:8px;}
.indication-list li:nth-child(3) {margin-left:16px;}
.indication-right .marked {margin-bottom:28px; }
.indication-right .main-btn {width:210px;margin-left:22px;}
.indication-right .main-btn span.btn-inner {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a7fde+0,0a70ca+100 */
background: #1a7fde; /* Old browsers */
background: -moz-linear-gradient(top,  #1a7fde 0%, #0a70ca 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1a7fde 0%,#0a70ca 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1a7fde 0%,#0a70ca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7fde', endColorstr='#0a70ca',GradientType=0 ); /* IE6-9 */
}

.important-popup {width:800px; height:600px; display:none; border-radius:20px; background:#fff; overflow-y:scroll; position:fixed; top:50%; left:50%; z-index:99; margin-top:-300px; margin-left:-400px;}
.important-popup-a {padding:20px 40px 40px 40px;} 
.important-popup ul.marked li {margin-bottom:6px; font-size:15px;}
.important-popup-a h2 {font-size:30px; margin-top:14px;}

.important-popup-a p {font-size:15px; line-height:28px;margin-bottom:6px;}
.important-popup-a b {font-family: 'GilroyBold'; display:block;}
.inverse-p {max-width:970px; margin:0 auto;}

.important {padding:0px 0px 50px 0px; }
.important-item {margin-bottom:20px; overflow:hidden; background:#f7f7f7 url(../img/important-bg.png) left top repeat-x;}
.important-item-txt {float:left; width:42%; float:left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:55px 0px 30px 45px;}
.important-lbl {font-size:28px; line-height:37px; margin-bottom:11px; color:#1a1031;font-family: 'GilroyBold';}
.important-item-txt p {font-size:15px; margin-bottom:30px; color:#343434; line-height:25px;}
.important-item-img {width:54.2%; position:relative; float:right; margin:0px; line-height:0px;}
.important-item-img img {width:100%;}
.important-over-left {width:159px; position:absolute; left:0px; top:0px;}
.important-over-left img {width:100%;}
.important-over-right {width:159px; position:absolute; right:-55px; top:0px;}
.important-over-right img {width:100%;}

.inverse .important-item-txt {float:right; text-align:right; padding-right:45px; padding-left:20px;}
.inverse .important-item-img {float:left;}
.inverse .important-over-left {width:100px; position:absolute; left:0px; top:0px;}
.inverse .important-over-right {width:169px; position:absolute; right:0px; top:0px;}
.inverse .main-btn {display:inline-block; margin-right:8px;}

.popular {background:#f9f9f9; padding:70px 0px 80px 0px;}
.popular .page-lbl {margin-bottom:40px;}
.popular-item {width:48%; float:left; min-height:200px; background:#fff; border-radius:15px; -webkit-box-shadow: 9px 9px 30px 0px rgba(50, 50, 50, 0.11); -moz-box-shadow:9px 9px 30px 0px rgba(50, 50, 50, 0.11); box-shadow:9px 9px 30px 0px rgba(50, 50, 50, 0.11);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; position:relative;}
.popular-item-bg {width:80%; height:100px; background:#fff; position:absolute; left:50%; margin-left:-40%; bottom:-20px;-webkit-box-shadow: 9px 9px 30px 0px rgba(50, 50, 50, 0.11); -moz-box-shadow:9px 9px 30px 0px rgba(50, 50, 50, 0.11); z-index:-1; border-radius:15px; box-shadow:9px 9px 30px 0px rgba(50, 50, 50, 0.11);}
.main-begin-left {float:left; margin-top:130px;}
.main-begin-right {float:right; margin:13px 180px 0px 0px;}
.main-begin-right img {width:337px;}
.main-begin-lbl {font-size:44px;margin-bottom:15px; line-height:51px; color:#1a1031;font-family: 'GilroyBold';}
.main-begin-txt {font-size:16px; color:#666666; margin-bottom:42px;}


.main-btn {position:relative;display:block;/* padding-left:8px; *//* width: 190px; *//* height: 47px; */}
.main-btn span.btn-inner {
    position:relative;
    width: 100%;
    height: 100%;
    background: #8734f7;
    -webkit-transform: skew(16deg);
    -moz-transform: skew(16deg);
    -o-transform: skew(16deg);
    transform: skew(16deg);
    display:block;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e03541+1,d22735+100 */
    background: #e03541; /* Old browsers */
    background: -moz-linear-gradient(top,  #e03541 1%, #d22735 100%); /* FF3.6-15 */
    /* background: -webkit-linear-gradient(top,  #e03541 1%,#d22735 100%); */ /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(90deg, #1FA2EC 0%, #0B62AB 100%);
    /* background: linear-gradient(to bottom,  #e03541 1%,#d22735 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e03541', endColorstr='#d22735',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 8px 8px 26px 0px rgba(50, 50, 50, 0.11);
    -moz-box-shadow:8px 8px 26px 0px rgba(50, 50, 50, 0.11);
    box-shadow:8px 8px 26px 0px rgba(50, 50, 50, 0.11);
}
.btn-txt {color:#fff;font-size:15px;position:absolute;display:block;font-family: 'Manrope';width:100%;text-align:center;top:15px;left:4px;}
.important-item-txt .main-btn span.btn-inner {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a7fde+0,0a70ca+100 */
background: #1a7fde; /* Old browsers */
background: -moz-linear-gradient(top,  #1a7fde 0%, #0a70ca 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1a7fde 0%,#0a70ca 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1a7fde 0%,#0a70ca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7fde', endColorstr='#0a70ca',GradientType=0 ); /* IE6-9 */
   
}

.main-btn.white {width: 186px;height: 42px;}
.main-btn.white span.btn-inner {
    position:relative;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transform: skew(16deg);
    -moz-transform: skew(16deg);
    -o-transform: skew(16deg);
    transform: skew(16deg);
    display:inline-block;
    border:2px solid #e14546;
    -webkit-box-shadow: 8px 8px 26px 0px rgba(50, 50, 50, 0.11); -moz-box-shadow:8px 8px 26px 0px rgba(50, 50, 50, 0.11); box-shadow:8px 8px 26px 0px rgba(50, 50, 50, 0.11);
}
.main-btn.white .btn-txt {color:#e14546;}
.product-btns a {float:left;}
.problems-pop .popular-item {min-height:580px; margin:0px 0px 20px 0px; float:left;}
.problems-pop .popular-item:nth-child(2n) {float:right;}
.problems-pop .popular-item img {border-radius:15px 15px 0px 0px;}

.popular-item:nth-child(2) {float:right;}
.popular-img img {width:100%;}
.popular-item-content {padding:25px 40px 35px 40px;}
.popular-title {margin-bottom:8px;}
.popular-title a {text-decoration:none; font-size:28px; line-height:33px; color:#1a1031;}
.popular-lead {font-size:15px; margin-bottom:20px; color:#343434;  line-height:25px;}

.popular-item .main-btn span.btn-inner {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a7fde+0,0a70ca+100 */
background: #1a7fde; /* Old browsers */
background: -moz-linear-gradient(top,  #1a7fde 0%, #0a70ca 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1a7fde 0%,#0a70ca 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1a7fde 0%,#0a70ca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7fde', endColorstr='#0a70ca',GradientType=0 ); /* IE6-9 */
}

.footer-a-left {float:left;}
.footer-a-right {float:right;}
.footer-btn {float:left; width:170px; margin-top:1px;}
.footer-txt {float:left; font-size:15px; margin:0px 0px 0px 25px; color:#161515; line-height:26px; width:450px;}
.footer-menu {margin-bottom:10px; margin-top:3px;}
.footer-menu ul li {float:right; margin-left:25px;}
.footer-menu ul li a {font-size:15px; color:#171515; text-decoration:none;font-family: 'GilroyBold';}

.footer-a {padding:36px 0px 36px 0px;}
.footer-b {text-align:center; color:#161515; font-family: 'BebasNeueBook'; text-transform:uppercase;border-bottom:1px solid #efefef; border-top:1px solid #efefef; padding:25px 0px 18px 0px; background:#fafafa; font-size:26px;}
.footer-c {font-size:13px; line-height:23px; padding-top:30px; color:#5e5e5e;}
.footer-copy {font-size:15px;}

.overlay {position:fixed; top:0px; left:0px;display:none; width:100%; height:100%; z-index:99; background:rgba(0,0,0,0.6);}
.specialist-popup {width:750px; height:384px; display:none; position:fixed; z-index:99; background:#fff; left:50%; top:50%; margin-top:-162px; margin-left:-375px;}
.specialist-popup p {margin-bottom:12px;}
.specialist-popup p:last-child {margin:0px;}
.specialist-popup-i {padding:50px 60px 50px 65px;position:relative;border-radius: 20px;}
.specialist-lbl {text-align:left; margin-bottom:11px; font-size:29px; line-height:43px; color:#1a1031;font-family: 'GilroyBold';}
.specialist-txt {font-size:16px; margin-bottom:28px; color:#343434; line-height:28px;}
.specialist-close {position:absolute; top:25px; right:25px; width:16px;}
.specialist-close img {width:100%;}


.buy-popup {width:750px;height:400px;position:fixed;display:none;z-index:99;background:#fff;left:50%;top:50%;margin-top:-220px;margin-left:-375px;border-radius: 20px;}
.buy-popup .specialist-popup-i {padding-left:20px;padding-right:20px;border-radius: 10px;}
.spec-popup-left {width:46%; text-align:center; float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:96px 20px 0px 20px;}
.spec-popup-right {width:52%; float:right;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-left:10px; padding-right:20px;}
.spec-popup-left img {width:100%;}
.order-left {float:left;margin-top:6px;}
.order-right {float:right;}
.order-right .main-btn {/* width:130px; *//* height:38px; */}
.order-right .main-btn .btn-txt {top:10px;}
.order-left a {text-decoration:none;  color:#5c6063; font-size:30px;}
.order-line {/* display: flex; */margin-bottom: 11px;/* gap: 20px; */}

.menu-btn {width:36px; display:none; margin:26px 0px 0px 20px; float:right;}
.menu-btn img {width:100%;}
/* Footer
-----------------------------------------------------------------------------*/
.footer {
	margin: -390px auto 0;
	min-width: 300px;
	height: 390px;
	position: relative;
}
@media screen and (max-width:1400px) {
    .main-begin {height:459px; background-size:1650px;}
    .main-begin-left {margin-top:105px;}
    .main-begin-right img {width:291px;}
}
@media screen and (max-width:1280px) {
    .owl-prev,.owl-next {display:none !important;}
    .content-wrapper {padding:0px 20px 0px 20px;}
    .main-begin-lbl {font-size:42px; line-height:48px;}
    .page-lbl {font-size:34px; margin-bottom:8px;}
    .about-txt {font-size:18px; line-height:30px;}
    .main-problem-txt {font-size:17px; margin-bottom:10px;}
    .main-problem-link a {font-size:14px;}
    .important-lbl {font-size:26px; line-height:34px; margin-bottom:9px;}
    .important-item-txt {padding-top:30px;}
    .popular-title a {font-size:26px; line-height:30px;}
    .popular-title {margin-bottom:4px;}
    .popular-item-content {padding:15px 30px 30px 30px;}
    .product-slbl {font-size:38px; line-height:43px;}
    .product-lbl {font-size:38px;}
    .indication-lbl {font-size:33px;}  
    .indication-txt {font-size:15px; line-height:24px;}
    ul.marked li {font-size:15px; margin-bottom:4px;}
    .indication-left img {width:500px;}
    .indication-left {left:0px;}
    .indication-list li {font-size:20px; margin-bottom:17px;}
    .indication-list {top:74px; left:110px;}
    .action-lbl {font-size:23px;}
    .article-page h1 {font-size:42px;}
    .article-lead {font-size:17px; line-height:26px;}
    .article-page p {font-size:14px; line-height:24px; margin-bottom:12px;}
    .page-lbl {font-size:30px;}
    .level-lbl {font-size:25px;}
    .level-num {font-size:30px;}
    .recommend-lbl {font-size:22px;}
}
@media screen and (max-width:1240px) {
    .levels-item {width:49%; float:left; margin:0px 0px 20px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    .levels-item:nth-child(2n) {width:49%; float:right; margin:0px 0px 20px 0px;}
}
@media screen and (max-width:1100px) {
    .content-wrapper-a {padding-left:20px; padding-right:20px;}
    .main-begin {height:400px;}
    .main-begin-right img {width:253px;}
    .main-begin-left {margin-top:94px;}
    .main-problem-icon img {font-size:55px;}
    .main-problem-txt {font-size:15px;}
    .important-lbl {font-size:22px; line-height:30px;}
    .important-item-txt p {font-size:14px; margin-bottom:15px;}
    .main-begin-lbl {font-size:38px; line-height:40px;}
    .important-item-txt {width:45%; padding-left:30px;}
    .inverse .important-item-txt {padding-right:30px;}
    .popular .page-lbl,.page-lbl {font-size:28px; line-height:36px;}
    .combination-lbl {font-size:26px; margin-bottom:8px;}
    .variant ul li {/* font-size:15px; */}
    .variant p {font-size:15px; line-height:23px; margin-bottom:12px;}
    .about-txt {font-size:16px; line-height:26px;}
    .notice-txt {font-size:15px; line-height:23px;}
    .page-lbl {margin-bottom:8px;}
    .main-problem-icon img {height:50px;}
    .important-lbl {margin-bottom:6px;}
    .popular {padding:40px 0px 40px 0px;}
    .popular .page-lbl {margin-bottom:20px;}
    .footer-b {font-size:24px; padding-top:20px; padding-bottom:16px;}
    .footer-txt {font-size:14px; line-height:22px;}
    .footer-copy,.footer-menu ul li a {font-size:14px;}
    .product-slbl {font-size:33px; line-height:43px; margin-bottom:11px; line-height:39px;}
    .product-lbl {font-size:33px; margin-bottom:7px;}   
    .indication-lbl {font-size:30px;}
    .indication {padding-top:40px;}
    .indication-right {width:46%;}
    .recommend-good,.recommend-bad {font-size:14px; line-height:22px;}

}
@media screen and (max-width:1000px) {
    .intro-article img {width:100%;}
    .indication-left {width:500px; margin:0 auto; float:none;} 
    .indication-right {width:100%; padding-top:40px; padding-bottom:40px; float:none;}    
    .spec-left {float:none; width:100%; text-align:center;}
    .spec-right {float:none; width:100%; text-align:center;}
    .footer-a-left {float:none; width:100%; text-align:center;}
    .footer-a-right {float:none; width:100%; text-align:center;}  
    .footer-menu ul li {float:none; display:inline-block;}
    .footer-txt {float:none; display:block; width:100%; margin:20px 0px 20px 0px;}
    .footer-btn {float:none; display:inline-block;}
    .footer-menu ul li {margin:0px 10px 0px 10px;}
    .spec-left .header-btn.main-btn {float:none; display:inline-block;}
    .main-btn.white {float:none; display:inline-block;}
    .spec-left .header-btn.main-btn {margin:0px;}    
    .product-btns a {margin:0px 6px 0px 6px;}
    .spec-right img {width:400px;}
    .spec-right {padding:60px 0px 20px 0px;}
    .spec-left {padding-top:0px;}
    .product-lbl {/* display:none; */}
    .main-btn.white {height:36px;}
}

@media screen and (max-width:950px) {
    .usage-left {float:none; width:100%; margin-bottom:50px;}
    .usage-right {float:none; width:100%;}
    .usage-img img {width:400px;}
    .combination-item {float:none; width:100%; margin:0px 0px 40px 0px;}
    .combo-plus {display:none;}
    .combination-item:nth-child(2) {margin-left:0px; margin-right:0px;}
    .main-begin {height:360px;}
    .main-begin-right img {width:227px;}
    .main-begin-left {margin-top:70px;}
    .main-begin {background-size:1400px;}
    .main-begin-lbl {font-size:35px;}
    .main-begin-right {margin-right:80px;}
    .important-over-left,.important-over-right {display:none;}
    .main-btn {width:170px; height:43px;}    
    .btn-txt {font-size:14px; top:13px;}
    .header-btn.main-btn {height:43px; width:150px;}
    .header-menu ul li a {font-size:14px;}
    .header-logo {font-size:28px;}
    .header-btn.main-btn {height:38px; width:140px;}
    .header-btn.main-btn .btn-txt {top:11px;}
    .header-logo {font-size:26px;}
    .header {height:77px;}
    .articles-links {max-width:auto;}
}
@media screen and (max-width:800px) {
    .notice-item,.notice-item:nth-child(3n) {/* width:48%; *//* float:left; *//* text-align:center; *//* padding:0px; *//* margin:0px 0px 20px 0px; */}
    .notice-item:nth-child(2n),.notice-item:nth-child(4n) {float:right;}
    .notice-item {/* min-height:302px; */}
    .notice {padding-bottom:20px;}
    .footer-c {font-size:12px; line-height:20px;}
    .main-begin-lbl {font-size:32px; line-height:37px;}
    .main-begin-txt {margin-bottom:30px;}
    .main-begin-right {display:none;}
    .main-begin-left {width:100%; margin-top:0px; padding-top:70px; float:none; text-align:center;}
    .main-btn {display:inline-block;}
    .main-begin {height:320px; background:url(../img/mobile-bg.png) center center no-repeat; background-size:800px;}
    .important-item-txt,.inverse .important-item-txt {width:100%; text-align:center; float:none; margin:0px 0px 0px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:30px 20px 30px 20px;}
    .important-item-img {width:100%; float:none; margin:0px;}
    .popular-title a {font-size:22px; line-height:26px;}
    .popular-lead {font-size:14px; line-height:22px;}
    .popular-item-content {padding:16px 20px 20px 20px;}
    .footer-b {font-size:20px;}
    .header-menu {display:none;}
    .notice {padding-bottom:0px;}
    .menu-btn {display:block;}
}
@media screen and (max-width:700px) {
    .levels-item,.levels-item:nth-child(2n) {width:100%; margin:0px 0px 10px 0px;}
    .recommendations-left {margin-bottom:32px;}
    .recommendations-left,.recommendations-right {float:none; width:100%;}
    .recommendations-left {padding-right:0px;}
    .main-problems {padding:40px 0px 20px 0px;}
    .main-problem-i {width:48%; margin:0px 0px 60px 0px;}
    .popular-item,.popular-item:nth-child(2) {float:none;/* width:100%; *//* margin:0px 0px 20px 0px; */}
    .main-begin-txt {font-size:14px;}
    .recommendations {padding-top:40px;}
    .specialist-popup,.buy-popup,.important-popup {width:100%; height:100%; left:0px; top:0px; margin:0px; border-radius:0px; overflow-y:scroll;}
    .spec-popup-left {display:none;}
    .spec-popup-right {width:100%;}
    .page-lbl, h2 {line-height:36px;}
    .important-popup-a {padding-left:20px; padding-right:20px;}
    .types-coll-i,.types-coll-i:nth-child(2n) {width:100%; float:none; margin:0px 0px 20px 0px;}
 
}
/*
	Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
	*/
	@media
	  only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		.priznaki table, .priznaki thead, .priznaki tbody, .priznaki th, .priznaki td, .priznaki tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		.priznaki thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

    .priznaki tr {
      margin: 0 0 1rem 0;
    }
      
    .priznaki tr:nth-child(odd) {
      background: #ccc;
    }
        .priznaki td:first-child {font-family: 'GilroyBold'; font-size:20px !important;}
		.priznaki tr:first-child {display:none;}
		.priznaki td {
			/* Behave  like a "row" */
			border: none;
			
			position: relative;
			padding-left: 50%;
		}

		.priznaki td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: -3px;
			left: 25px;
			font-size:14px;
			font-family: 'GilroyBold';
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

		/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
		.priznaki td:nth-of-type(1):before { content:''; }
		.priznaki td:nth-of-type(2):before { content: "Венозные язвы"; }
		.priznaki td:nth-of-type(3):before { content: "Артериальные язвы"; }		
		.priznaki td:nth-of-type(4):before { content: "Диабетические язвыы"; }
		
		
	/* Force table to not be like tables anymore */
		.rany table, .rany thead, .rany tbody, .rany th, .rany td, .rany tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		.rany thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		.rany tr:first-child {display:none;}
    .rany tr {
      margin: 0 0 1rem 0;
    }
      
    .rany tr:nth-child(odd) {
      background: #ccc;
    }
      
	.rany td:first-child {padding-top:40px;}
		.rany td {
			/* Behave  like a "row" */
			border: none;
			
			position: relative;
			padding-left: 50%;
		}

		.rany td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: -3px;
			left: 25px;
			font-size:14px;
			font-family: 'GilroyBold';
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}
.rany td:first-child:before {top:13px;}
		/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
		.rany td:nth-of-type(1):before { content:'Тип повреждения'; }
		.rany td:nth-of-type(2):before { content: "Сопутствующие заболевания"; }
		.rany td:nth-of-type(3):before { content: "Присоединение инфекции"; }	
	}
	
@media screen and (max-width:600px) {
    .intro-article {height:170px;}
    .intro-article img {height:170px;}
    .main-begin-left {padding-top:60px;}
    .important .content-wrapper {padding-left:0px; padding-right:0px;}
    .important-item-img {padding:0px 20px 20px 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    .important-item {margin-bottom:0px;}
    .content-wrapper {padding-left:15px; padding-right:15px;}
    .variant {padding-left:20px; padding-right:20px;}
    .popular .page-lbl, .page-lbl {font-size:24px; line-height:32px;}
    .indication-left img {width:400px;}
    .indication-list li {font-size:18px; margin-bottom:11px;}
    .indication-list {top:64px; left:94px;}
    .indication-left {width:320px;}
    .indication-left img,.spec-right img {width:290px;}
    .indication-list li {font-size:16px; margin-bottom:8px;}
    .indication-list li::before {width:29px; height:29px; left:-33px; top:0px;}
    .indication-list {top:57px; left:78px;}
    .actions {padding-top:40px; padding-bottom:40px;}
    .combination {padding-top:40px; padding-bottom:40px;}
    .notice {padding-top:40px; padding-bottom:40px;}
    .usage {/* padding-top:40px; *//* padding-bottom:40px; */}
    .footer-b {font-size:17px; line-height:22px;}
    .usage-img img {width:320px;}
    .product-slbl br {display:none;}
    .product-slbl {font-size:28px; line-height:33px;}
    .product-btns .header-btn.main-btn {width:130px; height:45px;}
    .product-btns .main-btn.white {width:168px; height:42px;}
    .product-btns .header-btn.main-btn .btn-txt {top:14px;}
    .product-btns .main-btn.white .btn-txt {top:15px;}
    .product-btns a {margin:0px;}
    .product-txt {margin-bottom:20px;}
    .spec-right {padding-top:50px;}
    .main-begin.specialists-begin {height:510px;}
    .indication {padding-top:20px;}
    .usage-left .main-btn {width:130px; height:45px;}
    .usage-left .main-btn .btn-txt {top:14px;}
    .footer {margin: -450px auto 0;height: 450px;}
    .header-logo {font-size:21px;margin-top:31px;}
    .header-btn.main-btn {width:130px;}
    .main-problem-txt {font-size:16px;}
    .main-begin-lbl {font-size:28px; line-height:33px;}
    .main-problem-icon img {height:60px;}
    .article-page p {padding-left:0px; padding-right:0px;}
    .article-inverse .content-wrapper-a {padding-top:30px; padding-bottom:30px;}
    .levels-row {padding-bottom:30px;}
    .content-wrapper-a.no-margin {padding-bottom:30px;}
    .content-wrapper-a {padding-top:30px; padding-bottom:30px;}
    .article-page h1 {font-size:30px; line-height:38px;}
    .intro-lbl {font-size:30px; line-height:33px;}
    .action-content p {padding-left:20px !important; padding-right:20px !important;}
    .factor-coll-item {float:none; width:100%; margin:0px 0px 20px 0px;}
    .important-popup .close {top:15px; right:15px;}
    .specialist-lbl {line-height:35px;}
    .specialist-popup-i {padding-left:20px;padding-right:20px;top: 41px;display: flex;flex-direction: column;align-items: center;}
    .articles-links ul {padding-left:15px; padding-right:15px;}
     .small-table td,.small-table tr {font-size:13px !important; line-height:18px !important; padding:15 !important;}
     .intro-lbl {font-size:27px; line-height:30px;}
     .intro-lbl::before,.intro-lbl::after {display:none;}
     .page-lbl, h2 {font-size:22px; line-height:30px;}
     .intro-lbl br {display:none;}
     .owl-dots {text-align:center;}
     .owl-dots .owl-dot {display:inline-block; margin:0px 2px 0px 2px; border-radius:90px; width:12px; height:12px; background:#e0e0e0;}
     .owl-dots .owl-dot.active {background:#1a0f32;}    
     .problems-pop .popular-item {min-height:auto;}
     .main-begin {background:url(../img/specialistst-bg.png) center top no-repeat;}
     .header-logo {font-size:19px;}
     .header-btn.main-btn {width:120px;}
}