b {
	font-weight: 500;
}

.control-label {
	font-weight: 400;
}

*:focus {
    outline: none;
}

.light {
	font-weight: 300;
}

.fs-8 {font-size: 8px;}
.fs-9 {font-size: 9px;}
.fs-10 {font-size: 10px;}
.fs-11 {font-size: 11px;}
.fs-12 {font-size: 12px;}
.fs-13 {font-size: 13px;}
.fs-14 {font-size: 14px;}

.fs-50 {font-size: 50px;}
.fs-60 {font-size: 60px;}
.fs-70 {font-size: 70px;}
.fs-80 {font-size: 80px;}
.fs-90 {font-size: 90px;}
.fs-100 {font-size: 100px;}


.border-radius-10 {
	border-radius: 10px;	
}

.border-radius-30 {
	border-radius: 30px;	
}

.quiet {
	font-size: 13px;
	color: #666;
}

.go2top {
    display: inline-block;
    position: fixed;
    bottom: 20px;
    right: 10px;
    cursor: pointer;
    z-index: 1;
}

.go2top > i {
    opacity: 0.5;
    color: #89939e;
    font-size: 38px;
    font-weight: 300;
    filter: alphaopacity=50; 
}

body .form-control {
	height: 44px;
    border-radius: 10px;
}

body .modal .form-control {
	height: 60px;
}

body form.big-inputs .form-control {
	height: 54px;
}

section {
	overflow: hidden;
}

.nowrap {
	white-space: nowrap;
}

.nodots,
.nodots ul {
	list-style-type: none;
}
												 
.theme-color {
	 color: #ffc320 !important;
}

.theme-color-second {
	 color: #343544 !important;
}

.noshadow {
    text-shadow: none !important;    
}

.theme-bg {
	 background-color: #ffc320;
}

.theme-bg-second {
	 background-color: #343544;
}

.theme-bg-light {
	 background-color: #d4d4de;
}

.bg-gray {
	 background-color: #f1f4f8;	
}

.bg-gray2 {
	 background-color: #d9d9d9;	
}

.bg-img1 {
  background: #42434f url(../images/main_back1.webp) no-repeat center top/cover;
}

.bg-img2 {
  background: #42434f url(../images/main_back2.webp) no-repeat center top/cover;
}

.bg-img3 {
  background: #42434f url(../images/main_back3.webp) no-repeat center top/cover;
}

.bg-img4 {
  background: #42434f url(../images/main_back4.webp) no-repeat center top/cover;
}

.content ol li {
	margin-bottom: 15px;
}

.content a:hover {
	color: #ffc320;
}

a,
a:focus,
a:hover {
    color: #222;
    text-decoration: underline;
}


section {
	padding: 80px 0;
}

.bg-grey {
	background: #f1f4f8 !important;	
}

hr {
	border-color: #d8d8d8;
}

body .modal-body,
body .modal-header,
body .modal-footer {
	padding-left: 30px;
	padding-right: 30px;
	border: 0;
}

body .modal-footer {
	padding-top: 0;
	padding-bottom: 30px;
}

.btn {
	white-space: nowrap;
}

.btn,
.btn:hover,
.btn:focus {
	text-decoration: none;
	outline: 0;
}

.container {
	position: relative;
}

.jGrowl-closer { display: none !important;}

.jGrowl-notification {
	line-height: 18px;
	display: none !important;
}

.nodis {
	display: none !important;
}

textarea {
	resize: vertical;
}

html body {
	font-family: 'Ubuntu', sans-serif !important;
	color: #222;
	background: #fff;
	overflow-x: hidden;
    font-size: 17px;
    font-weight: 400;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'Ubuntu', sans-serif !important;
	color: #222;
    margin-bottom: 15px;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-bottom: 30px;
}

.h0 {
	font-size: 40px;
	font-weight: bold;
	text-transform: uppercase;
}

.content ol + h2,
.content ul + h2,
.content p + h2,
.content table + h3   {
    margin-top: 30px;
    margin-bottom: 15px;
}

.content ul li h5 {
    margin-bottom: 0;
}

.title {
    margin-bottom: 30px;
}

.title h1 {
    margin-bottom: 0;
}

.accordion-item {

}

.accordion-item .accordion-header button {
	color: #fff;
    background-color: #343544;    
}
/*
.accordion-item .accordion-header button:after {
    background-color: #fff !important;
    border-radius: 50%;
    text-align: center;
    line-height: 26px;
    padding: 5px;
}
*/

.accordion-item .accordion-header button:after {
    background-image: url('../images/chevron-d.svg') !important;    
}

.accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}

body .fotorama__thumb-border {
    border-color: #343544;
}

header {
	padding: 0;
	background: #fff;
}

header.fixed .navbar .container {
	background: #343544;	
}	

header a {
	text-decoration: none;
}

header .btn {
	padding: 10px 20px;
}

header ul {
	list-style-type: none;
	padding-left: 0;
	display: block;
	margin-bottom: 0;
}

.navbar {
    padding: 0;
}

header .navbar {
    padding: 15px 0 0;
}

header .dropdown-menu li a {
    white-space: nowrap;
}

.body-content {
	padding-top: 100px;
}

#catalog .nav {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
/*	overflow-y: hidden;	*/
}

header .navbar .container {
	border-radius: 30px;
	padding: 0px 30px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	background: rgba(255,255,255,0.2);	
}


.btn {
	background-color: #4b4d62 !important;
	color: #fff !important;
	border-radius: 10px;
	border-color:  !important;
	padding: 11px 30px 13px;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	white-space: nowrap;
}

.btn:hover,
.btn:focus {
	background-color: #62647f !important;
	border-color: #62647f !important;
}

.btn.btn-wide {
	padding-left: 60px;
	padding-right: 60px;
}

.btn.btn-bordered {
	background-color: #fff !important;
	border: 2px solid #4b4d62 !important;
	color: #000 !important; 
}

.btn.btn-bordered:hover,
.btn.btn-bordered:focus {
	background-color: #4b4d62 !important;
	border-color: #4b4d62 !important;
	color: #fff !important; 
}

.btn.btn-white {
	background-color: #fff !important;
	border-color: #fff !important;
	color: #000 !important;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);	
}

.btn.btn-grey {
	background-color: #f0f0f0 !important;
	border-color: #f0f0f0 !important;
}

.btn.btn-grey:hover,
.btn.btn-grey:focus {
	background-color: #e0e0e0 !important;
	border-color: #e0e0e0 !important;	
}

.btn.btn-orange {
	background-color: #ffc320 !important;
	border-color: #ffc320 !important;
	color: #000 !important;
}

.btn.btn-orange:hover,
.btn.btn-orange:focus {
	background-color: #f5b400 !important;
	border-color: #f5b400 !important;	
}

.btn.btn-sm {
	padding: 5px 30px 7px;
	font-size: 12px;
}


.btn.btn-darkgrey {
	background-color: #999 !important;
	border-color: #999 !important;
}

.btn.btn-darkgrey:hover,
.btn.btn-darkgrey:focus {
	background-color: #aaa !important;
	border-color: #aaa !important;	
}


.navbar-brand:hover {
	text-decoration: none;
}

table p {
    margin-bottom: 0;
}

.table.text-center th, 
.table.text-center td {
    text-align: center;
    vertical-align: middle;
}

#catalog ul.nav  {
	padding: 0;
	list-style-type: none;
	background: #f6f6f6;
	display: block;
}

#catalog ul.nav > li {
	color: #4b4b4b;
	padding: 10px 15px 8px 30px;
	border-bottom: 1px solid #fff;
	transition: background 0.3s ease;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-position: left 15px top 10px;
	display: block;
}

.content table ul li:before,
#catalog ul.nav > li:before {
    content: '';
    display: none;
}

#catalog ul.nav > li:last-child {
	border-bottom: 0;
}

#catalog ul.nav > li.active {
	background: #E8E8E8;
}

#catalog ul.nav > li:not(.active):hover {
	background: #ffc320;
}

#catalog ul.nav li.active > ul {
	display: block !important;
}
	
#catalog ul.nav > li > a {	

	display: block;	
	padding: 0 !important;
	color: #444;
	background: none;
	text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    margin: 10px 0 15px;
}

#catalog ul.nav > li.active,
#catalog ul.nav > li:hover,
#catalog ul.nav > li:focus {
/*	background-color: #2266cc; */
}

#catalog ul.nav > li.active a,
#catalog ul.nav > li:hover a,
#catalog ul.nav > li:focus a,
#catalog ul.nav > li a:hover,
#catalog ul.nav > li a:focus,
#catalog ul.nav > li.open > a:hover,
#catalog ul.nav > li.open > a:focus {
	background-color: transparent !important;
} 



#catalog ul.nav > li.active > a,
#catalog ul.nav > li:hover > a,
#catalog ul.nav > li:focus > a,
#catalog .nav ul li a:hover {
/*	color: #fff;   */
}

#catalog ul.nav ul {
	padding-left: 15px;
	list-style-type: none;
	display: none;
	margin-top: 10px;
}

#catalog ul.nav > li.active > ul {
	display: block;
}

#catalog ul.nav ul li {
	margin-bottom: 15px;
	line-height: 16px;
}

#catalog ul.nav ul li a {
/*	color: #4b4b4b;   */
	color: #000;
	font-size: 14px;
	text-decoration: none;	
}

#catalog ul.nav ul li a.plus {
	display: none;
}

#catalog .nav ul li a:hover,
#catalog .nav ul li a:focus {
	text-decoration: underline;	
}

#catalog .nav ul li li {
	display: none;
}

#catalog .nav ul li.active li {
	display: block;
}

#catalog .nav > li > ul li.active > a {
	text-decoration: underline;
}

#catalog .nav > li > ul > li > ul {
	padding-left: 15px;
}

#catalog .nav > li > ul > li > ul > li.first {
	margin-top: 5px;
}

#catalog .nav > li > ul > li > ul > li.last {
	margin-bottom: 12px;
}

.sidebar .block {
	margin-bottom: 30px;
}

.sidebar .block .title {
	text-transform: uppercase;
	padding: 0 30px 15px;
}

.sidebar .block .title a {
	color: #000;
}

.sidebar .block ul {
	padding: 0;
	list-style-type: none;
}

.sidebar .block ul li {
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 30px;
}

.sidebar .block ul li a {
	color: #000;
}

.sidebar .block ul li.last {
	border: 0;
	padding-bottom: 0;
}

.sidebar .block ul li.active a {
	text-decoration: underline;
}

.sidebar .block {
}

.sidebar .block .item {
	text-align: center;
/*	padding: 30px;
	background: #f4f4f4;
	margin-bottom: 10px;*/
	display: block;
	color: #000;
}

.sidebar .block h5 {
	margin: 0;
	font-weight: 400;
}

.sidebar .block h5 a {
	font-weight: 500;
	color: #000;
	font-size: 15px;
	line-height: 22px;
}


.sidebar .block .title {
	padding: 0;
}

.sidebar .block .btn-more {
	margin-top: 30px;
}

.sidebar .block .img {
	margin-bottom: 30px;
	text-align: center;
}

.sidebar .block .img img {
	width: auto;
}

.blog > div:nth-child(2n+1){
	clear: both;
}

.top-nav .navbar {
	margin: 0;
}

.navbar-nav > li > a {
	color: #000;
    border-top: 2px solid transparent;
	font-size: 15px;    
}

ul.navbar-nav > li.active > a,
ul.navbar-nav > li > a:hover,
ul.navbar-nav > li > a:focus {
	color: #444;
    border-top: 2px solid #ffc320;
    text-decoration: none;

}


.navbar-nav li a:hover,
.navbar-nav li a:focus {
    text-decoration: underline;
}


.dropdown-toggle::after {
	position: relative;
	top: 1px;
}

.main_slider {
	position: relative;
}

.main_slider .owl-dots {
	position: absolute;
	bottom: 15px;
	left: 45px;
	right: 45px;
	z-index: 1;
	text-align: center !important;
}

.main_slider .item .text {
	background: rgba(255,255,255,0.2);
	border-radius: 30px;	
}

body .owl-theme .owl-dots {
	margin-top: 15px;
}

body .owl-theme .owl-dots .owl-dot span {
	border: 0;
	width: 10px;
	height: 10px;
	margin: 0px 3px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #ffc320;
    border: 1px solid #ffc320;    
}

.content div.title,
section div.title {
/*	position: relative;
	clear: both;       */
	margin: 0 0 20px;	
}

.content div.title h1,
section div.title h3  {
	margin: 0;
	text-transform: uppercase;
}

.content img {
    max-width: 100%;
    height: auto;
}

ul.spis li,
ul.dots li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    overflow: hidden;
}

ul.spis li:before,
ul.dots li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #ffc320;
}

blockquote {
    border-left: 5px solid #ffc320;
    padding-left: 20px;
}

.params-section td p,
.komplekt-section td p {
    margin-bottom: 0;
}

.params-section td p + p,
.komplekt-section td p + p {
    margin-top: 15px;
}

.breadcrumb {
    padding: 0;
    list-style: none;
    background: none;
    border-radius: 0;
    margin-bottom: 10px;
}

.breadcrumb > li + li:before {
	padding: 0;
}
/*
.breadcrumb + .title {
	margin-top: -15px !important;
}
*/
.breadcrumb li,
.breadcrumb li a {
	font-size: 13px;
}

.breadcrumb > li {
    display: inline;
}

.pagination > li > a,
.pagination > li > span {
	padding: 0 15px;
	text-align: center;
	height: 40px;
	line-height: 38px;
	border-radius: 20px !important;
}

div.pagination {
	text-align: center;
	width: 100%;
    margin-top: 30px;
}

ul.pagination li {
	margin-right: 5px;
	display: inline-block;
	vertical-align: top;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #ffc320;
    border-color: #ffc320;
}

.pagination > li > a,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: #222;	
}


body .modal-content {
	text-align: center;
	max-width: 100%;
	box-shadow: none;
	border: 0;	
}

.formDesc {
	font-weight: bold;
	text-transform: uppercase;
}

.modal-content input[type="text"], 
.modal-content textarea {
  display: block;
  margin: 0 auto 10px !important;
  max-width: 100%;
  border: 1px solid #c5c5c5;
  background-color: #fff;
 
}

.modal-content input, 
.modal-content textarea {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
}

.modal-content .btn {
	height: auto;
}


body .fancybox-close-small:after {
	content: '';
	background: url('../images/close.png') no-repeat center center !important;
}

body .fancybox-close-small:hover:after {
    background-color: #eee !important;
}

body .fancybox-close {
	background-image: none !important;
	right: 30px;
	top: 30px;
	text-align: center;
	line-height: 29px;
	border: 1px solid #000;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 30px;
	height: 30px;			
}

body .fancybox-close:hover,
body .fancybox-close:focus {
	text-decoration: none;
}

body .fancybox-close:before {
	content: '✕';
	display: block;
	font-size: 18px;
	color: #000;
	font-weight: 300;
}

.modal-window {
    display: none;
    background: #fff;
    max-width: 100%;
    width: 400px;
}

.img {
	position: relative;
	display: block;
}

.img img {
	width: 100%;
}

ul.lines {
	list-style-type: none;
}

ul.lines li {
	overflow: hidden;
	margin-bottom: 20px;
}

ul.lines li:before {
	content: '—';
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	float: left;
}

.panel-body span,
span.line {
	display: inline-block;
	color: #007dac;
	margin-right: 5px;
}

.btn.btn-more {
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 15px;
	width: auto;
}	

.btn.btn-more span {
	display: inline-block;
	vertical-align: top;
}
	
.btn.btn-more:after {
	content: '';
	width: 21px;
	height: 11px;
	margin-left: 10px;
	display: inline-block;	
	background: url('../images/arrow_pink_r.png')  no-repeat center center;	
}

.btn.btn-more:hover:after {
	background-image: url('../images/arrow_white_r.png');	
}

.vors .item {
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 15px;
	padding-bottom: 20px;
}

.vors .item img {
	border: 1px solid #ededed;
}

.products .item .price-block {
	margin-bottom: 15px;
	margin-top: 10px;
}

.products .item .breadcrumb li,
.products .item .breadcrumb li:before {
	display: inline-block;
}

.products .item .parent-link {
	font-size: 11px;
	margin-bottom: 0px;
}

.products .item .breadcrumb a {
	font-size: 11px;
	line-height: 14px;
	display: inline-block;
}

.products .item,
.categories .item {
	position: relative;
	height: 100%;
	display: block;
	color: #000;
	text-decoration: none;
	border: 1px solid #d8d8d8;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;	    	
}

.products .item {
	padding: 15px;
}

/*
.categories .item:before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	border: 1px solid #cbcbcb;
	position: absolute;
	bottom: -5px;
	right: -5px;
	z-index: -1;	
}		
*/
.categories .item img {
	margin: 15px auto 0;
}

.categories .item .title {
	min-height: 50px;
}

.products .item img {
	width: 100%;
}

.products.prod-carousel .owl-stage-outer {
	padding: 0;
}

.products .item .labels {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 3;
}

.products .item .labels .label {
	display: block;
	padding: 0;
	margin-bottom: 10px;
}

.products .item .labels .label span {
	background: #2266cc;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
    padding: 0 10px;
    
}

.products .item .labels .label.label-new span {
	background: #57b7df;	
}

.products .item .labels .label.label-hit span {
	background: #b42630;	
}

.products .item .labels .label.label-sale span {
	background: #8ddf57;
	font-size: 16px;	
}

.products .item:hover {
	border: 1px solid #62647f;	
}

.categories .item:before {
    content: '';
    display: block;
    height: 15px;
    background: transparent;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;	 
}

.categories .item:hover::before {
	background: #f5b400;
}

.products .count-group .input-count,
.products .count-group div.btn.inc,
.products .count-group div.btn.dec {
	height: 34px;
	line-height: 34px;
}

.products .item .prod-info {
	text-align: center;
	line-height: 14px;
	padding: 5px 0;
}

.products .item .price-block .price {
	font-weight: 500;
}

.products .item .price-block .price i {
	font-size: 14px;
}

.categories .item .title,
.products .item .title {
    margin: 15px 0;
	min-height: 40px;
    font-weight: 500;
	text-decoration: none;
}

.categories .item:hover,
.products .item:hover {
    box-shadow: 0 2px 24px rgba(0, 0, 0, 0.19);
}


.categories .item .title a,
.products .item .title a {
	text-decoration: none;
}

.products .item button.btn {
	padding: 7px 15px;
	height: 34px;
}

.products > div,
.categories> div {
	height: 100%;
	margin-bottom: 15px;
}

.prod-carousel {
	position: relative;
}

.main_slider.owl-carousel .owl-item img {
	width: 100%;
	height: auto;
	max-width: 100%;
	margin: 0 auto;
	border: 0;	
}

.main_slider.owl-carousel .owl-item .item {
	background-position: center center;
	background-repeat: no-repeat;
    background-size: cover;
}

.main_slider.owl-carousel .owl-item .desc {
	color: #fff;
}

.main_slider.owl-carousel .owl-item .desc a.btn {
	margin-top: 15px;
	font-weight: normal;
	background: none !important;
	border: 1px solid rgba(255,255,255,0.3) !important;
	border-radius: 10px;
	color: #fff !important;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 30px;	
}

.main_slider.owl-carousel .owl-item .desc a.btn:hover,
.main_slider.owl-carousel .owl-item .desc a.btn:focus {
	background: #fff !important;
	color: #000 !important;
}
 
.owl-carousel.owl-nav {
	margin-top: -15px;
	width: 100%
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
	margin: 0;	
	height: 45px !important;
	width: 45px !important;
	line-height: 44px !important;
	text-align: center;
	font-size: 30px !important;
	border: 1px solid #d8d8d8 !important;
	color: #c3c3c3;
	padding: 0;
	background-color: #fff;
	position: absolute;
	z-index: 10;
	top: 45%;
	border-radius: 50%;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;			
}

body .owl-theme .owl-nav .disabled {
    opacity: 1;
}

.owl-carousel .owl-nav .owl-prev {
	left: -60px;
} 

.owl-carousel .owl-nav .owl-prev i {
	padding-right: 3px;
}

.owl-carousel .owl-nav .owl-next {
	right: -60px;
}

.owl-carousel .owl-nav .owl-next i {
	padding-left: 3px;
}

.owl-carousel .owl-nav {
	margin: 0;
}

.owl-carousel .owl-nav .owl-prev:focus,
.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:focus,
.owl-carousel .owl-nav .owl-next:hover {
	border-color: #2266cc;
	background-color: #2266cc;
	color: #fff;
}

.owl-carousel.certs-carousel .owl-item img,
.owl-carousel.deklar-carousel .owl-item img {
	border: 1px solid #e0e0e0;
}


.owl-carousel.img-hover-effect .owl-item .item:before {
	content: '';
	position: absolute;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 40px;
	z-index: 1;
	left: 0;
    right: 0;
	top: 0;
	bottom: 0;
	background: #000 url('../images/icon-zoom-in.png') no-repeat center center;
	opacity: 0;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;		
}

.owl-carousel.img-hover-effect .owl-item:hover .item:before {
	opacity: 0.5;
	
}

body .form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 0;
    padding: 0;
    margin-top: 7px;
}

#vors {
	background: #fff;
}

#main-form {
	position: relative;
	z-index: 1;	
}

footer ul {
	list-style-type: none;
	padding-left: 0;
	overflow: hidden;
	display: block;
}


footer ul li {
	margin-bottom: 5px;		
}

footer .container {
	font-size: 15px;
	background: #343544 url(../images/catalog-pattern.png) repeat center top;
	color: #fff;
	-webkit-border-top-left-radius: 30px;
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}

footer *,
footer *:hover,
footer *:focus {
	color: #fff;
}

footer .footer-nav {
	border-bottom: 1px solid #202020;
}

.footer-nav ul {
	list-style-type: none;
	padding-left: 0;
	font-size: 0;
	margin-bottom: 0;
}

.footer-nav ul li {
	display: block;
	vertical-align: top;
	font-size: 14px;	
}

.footer-nav ul li a {
	padding: 10px 0 1px;
	color: #a4a4a4;
	border-bottom: 1px solid #505050;
	text-transform: uppercase;
	text-decoration: none;
}

.footer-nav ul li a:hover,
.footer-nav ul li a:focus {
	text-decoration: none;
	border-color: #a4a4a4;	
}


.cities-slider {
	height: 50px;
	overflow: hidden;
}

.cities-slider .item {
	padding: 7px 15px;
	border: 1px solid #343544;
	border-radius: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #555;
	white-space: nowrap;
	margin-bottom: 15px;
	background: #f9f9f9;
	text-decoration: none;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	display: block;  	
}

.cities-slider .item:hover {
	background: #343544;
	color: #fff;
}


.modal-window input[type="text"] {
	border-radius: 10px;
	background: #fff;
	border: 1px solid #d8d8d8;
	padding: 0px 20px 3px;
	font-size: 16px;
}

.modal-window h3 {
	font-weight: normal;
	margin-bottom: 20px;
}

.modal-window .btn {
	border-radius: 25px;
}

.owl-carousel-flex .owl-stage{display: flex;}
.owl-carousel-flex .item {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.owl-carousel-flex .item .inner {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.about-img {
	margin: 0 30px 0px 0;
	max-width: 100%;
}

.negative-list {
	list-style-type: none;
	padding: 0;	
}

.negative-list li {
	padding-left: 27px;
	background: url('../images/icon-close.png') no-repeat 0 2px;
}

header {
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    z-index: 100;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;    
}
/*
.page-main header.fixed {
	background: #343544;
}
*/
.page-main header,
.page-main .navbar-nav .nav-link.active,
.page-main .navbar-nav .nav-link.show {
	color: #fff;	
}

.page-main .navbar-nav .dropdown-item {
	color: #000;	
}

.navbar-nav .dropdown-menu {
    border-radius: 0;
    border: 0;
    background: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
    background: #f5f5f5;
}

.dropdown-item:focus,
.dropdown-item:active,
.dropdown-item:hover {
    text-decoration: none;
}

.main_slider {
    background: #000;
}

.main_slider .item {
    min-height: 500px;
}

.main_slider .item {
	height: 750px;
	position: relative;
}

.main_slider div,
.main_slider p {
    text-shadow: 0px 1px 2px rgba(0,0,0,1);   
}

.main_slider a {
    text-shadow: none !important;   
}

.main_slider .item * {
	color: #fff;
}

/*
.slide-overlay {
    height: 100%;
    background: #2F3339;
    opacity: 0.6;
    width: 100%;
}
*/
.main_slider .item .desc {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	z-index: 1;
	padding-top: 100px;		
} 
/*
header .navbar-nav {
	padding: 15px 0;
}
*/
.page-main .header-phone a,
.page-main header .navbar-nav > li > a {
	color: #fff;
}

header.fixed .header-phone a,
header.fixed .navbar-nav > li > a,
header.fixed .navbar-nav .nav-link.active,
header.fixed .navbar-nav .nav-link.show {
	color: #fff;	
}

header.fixed ul ul li a  {
	color: #212529 !important;	
}

.page-main header .logo {
	display: none;	
}

header .logo-w {
	display: none;	
}

.page-main header .logo-w {
	display: block;	
}

header.fixed .logo {
	display: none;	
}

header.fixed .logo-w {
	display: block;	
}

.header-phone-item {
	text-align: right;	
}


/*
.page-main header.fixed .header-phone,
.header-phone {
	background: url(../images/phone.svg) no-repeat 0 2px;
}
*/


.page-main .header-phone-item {
	background: url(../images/phone-w.svg) no-repeat 0 2px;
    color: #fff !important;
	padding-left: 18px; 
}

body.scrolled:not(.page-main) .header-phone {
    color: #fff;
}

body:not(.page-main) .header-phone {
    color: #000;
}

.navbar-toggler {
	padding: 0 3px;
	border-radius: 0;
	font-size: 18px;

}

.page-main .navbar-toggler-icon,
header.fixed .navbar-toggler-icon {
	background-image: url('../images/bar-w.svg');
}

.page-main .navbar-toggler,
header.fixed .navbar-toggler {
	border-color: #fff;
}

.page-main .navbar-toggler-icon {
	background-image: url('../images/bar-w.svg');
}

table ul {
	list-style-type: none;
	padding-left: 0;
}


#preim .item {
	background-color: rgba(255,255,255,0.7);
	min-height: 220px;
	border: 1px solid #333;
	padding: 30px;
	background-repeat: no-repeat;	
	background-position: bottom 30px right 30px;
	background-size: auto 100px;
	margin-bottom: 30px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	color: #fff;
	border-radius: 10px;
	animation: animate_grow1 5s infinite;	
}

#preim .item:hover {
	transform: scale(1.05);
}

#preim .item .img {
	height: 80px;
}

#preim  .item .img svg {
	height: 100%;
	width: auto;
}

#preim .block-left .item .img {
	text-align: right;
}

#preim .block-left .item .img svg {
	float: right;
}

#preim .block-right .item .img {
	text-align: left;
}

#preim .item .img svg path {
	fill: #343544
}

@keyframes animate_grow1 {
	0% {
		transform: scale3d(1, 1, 1);
	}
	50% {
		transform: scale3d(1.05, 1.05, 1.05);
	}
	100% {
		transform: scale3d(1, 1, 1);
	}
}

@keyframes animate_grow2 {
	0% {
		transform: scale3d(1.05, 1.05, 1.05);
	}
	50% {
		transform: scale3d(1, 1, 1);
	}
	100% {
		transform: scale3d(1.05, 1.05, 1.05);
	}
}
/*
#preim .item-1 {background-image: url('../images/pr01.webp'); animation: animate_grow2 5s infinite;}
#preim .item-2 {background-image: url('../images/pr03.webp');}
#preim .item-3 {background-image: url('../images/pr02.webp'); animation: animate_grow2 5s infinite;}
#preim .item-4 {background-image: url('../images/pr04.webp');}
#preim .item-5 {background-image: url('../images/pr05.webp'); animation: animate_grow2 5s infinite;}
#preim .item-6 {background-image: url('../images/pr02.webp');}
#preim .item-7 {background-image: url('../images/pr01.webp'); animation: animate_grow2 5s infinite;}
#preim .item-8 {background-image: url('../images/pr05.webp');}
*/

#main-cats .icon svg {
	height: 60px;
	margin-right: 15px;
}

#main-cats .item:hover {
	cursor: pointer;
}

#main-cats .icon svg path {
	fill: #000 !important;
}

#main-cats .item.slick-current .title {
	color: orange;
}


.slogan_slider {
	overflow: hidden;
	height: 120px;
}

.slogan_slider .item {
	color: #fff;
	font-size: 100px;
	font-weight: 700;
	line-height: 0.7;	
}


.files-block .item {
    padding: 30px;
    height: 100%;
    background-repeat: repeat;    
    background-image: url(../images/main_back4.webp);    
	    
}
 /*
.files-block .item a,
.files-block .item .h4,
.files-block .item .h5 {
	color: #f0f0f0;
}
*/
.files-block .item a {
	text-decoration: none;
}

.files-block .item a:focus,
.files-block .item a:hover {
	text-decoration: underline;
}

/*
.fotorama__stage,
.fotorama__stage .fotorama__img {
	max-height: 400px !important;
	width: auto !important;
}


.fotorama__wrap {
    margin: 30px auto;
}
*/
.social .item {
	text-decoration: none;
	width: 48px;
	height: 48px;
	display: block;		
}

.social .item svg {
	width: 100%;
	height: auto;
}

/* --------------------------------  aside_cat styles ------------------------------------*/
#aside_cat {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  bottom: 0;
  background: #4b4b4f;
  box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.4);
  color: #fff;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

#aside_cat .menu-icon {
  width: 70px;
  background: #1f2028;
	height: 100%;
	position: relative;
	z-index: 5;
}

#aside_cat .menu-icon > div {
	width: 100%;
    height: 70px;
	text-align: center;    
}

#aside_cat:hover .menu-icon svg path{
	fill: #ffc320;
}

#aside_cat .menu-icon svg {
	width: 40px;
	height: 40px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;	
}


#aside_cat ul {
  list-style-type: none;
  padding: 0;
  width: 100%;
}

#aside_cat > ul {
  height: 100%;
  width: 100%;
}

#aside_cat .aside_nav_wr {
	width: 350px;
	height: 100%;
	position: fixed;
	z-index: 4;
	left: -500px;
	top: 0;
	bottom: 0;
	background: #343544;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

#aside_cat:hover .aside_nav_wr {
	left: 70px;
}

#aside_cat:hover .menu-icon {
	cursor: pointer;
}


#aside_cat li {
	line-height: 24px;
	display: block;
}

#aside_cat li.active a:before {
	background: #4b4b4f !important;
}

#aside_cat li .title {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 78px;
  box-sizing: border-box;
  padding: 10px 0px 11px 0px;
  margin-bottom: 0;
}

#aside_cat li.calculate .title {
  padding-right: 20px;
}

#aside_cat:hover li a {
  margin-left: 0;
}


#aside_cat li a {
	position: relative;
	z-index: 2;
	padding: 0px 20px 0px 70px;
	text-decoration: none;
	box-sizing: border-box;
	display: block;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	color: #fff;
}


#aside_cat li a .icon{
  position: absolute;
  top: 50%;
  left: 16px;
  margin-top: -22px;
  z-index: 3;
}
#aside_cat li a .icon svg {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 40px;
}

#aside_cat li.active a,
#aside_cat li a:hover {
  background: #818288;
  color: #fff;
}

#aside_cat li a:hover .icon svg,
#aside_cat li a:hover .icon svg path,
#aside_cat li a:hover .icon svg plygon,
#aside_cat li a:hover .icon svg circle {
    fill: #fce57e;
}

.prod_menu .item {
	border-bottom: 1px solid #eee;
	padding: 30px 0;
}

.prod_menu .item .chevron {
	width: 24px;
	margin-right: 15px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;	
	background: url('../images/chevron.svg') no-repeat center left -20px;		
}

.prod_menu .item.slick-current .chevron {
	background-position: center left 0px;
}

.prod_menu .item:hover {
	cursor: pointer;
}

.prod_menu .slick-list {
	height: auto !important;	
}


.opros a {
    display: inline-block;
}

#prod1 .prod-desc img {
	max-height: 300px;
}

/* -------------------------------- start about styles ------------------------------------*/


.anum {
  background-image: url(../images/gk3.webp);
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
}

.anum .logo {
	width: 50px;
	height: 46px;
}

.anum-content {
  display: flex;
  flex-wrap: wrap;  
}

.anum-item {
  box-sizing: border-box;
  width: 50%;
  padding-right: 30px;
  margin-bottom: 30px;
}

.anum-item p {
  margin: 0;
}

.anum-item-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 54px;
  font-weight: 700;
  line-height: 1;
  height: 72px;
  margin-bottom: 10px;
	justify-content: center;  
}

/* -------------------------------- start history styles ------------------------------------*/

.history-list{
 min-height: 800px;
 overflow: hidden;
 padding: 20px 0 60px;
 position: relative;
 width: 100%;
}

.history-list .bg{
 -moz-transition: left 1s ease, top 1s ease;
 -ms-transition: left 1s ease, top 1s ease;
 -o-transition: left 1s ease, top 1s ease;
 -webkit-transition: left 1s ease, top 1s ease;
 height: 100%;
 left: -44%;
 overflow: hidden;
 position: absolute;
 top: 100%;
 transition: left 1s ease, top 1s ease;
 width: 44%;
}
.history-list .bg-slide{
 top: 0;
 width: 100%;
 height: 100%;
 left: 0;
 overflow: hidden;
 position: absolute;
}
.history-list.show .bg{
 left: 0;
 top: 0;
}
.history-list [class^="slider-"]{
 -moz-transition: left 1s ease, top 1s ease;
 -ms-transition: left 1s ease, top 1s ease;
 -o-transition: left 1s ease, top 1s ease;
 -webkit-transition: left 1s ease, top 1s ease;
 left: -44%;
 position: absolute;
 top: 100%;
 transition: left 1s ease, top 1s ease;
}
.history-list.show .slider-1{
 left: 0;
 top: 0;
}
.history-list .slider-2{left: 88px;}
.history-list.show .slider-2{
 left: 176px;
 top: 80.3%;
 z-index: 1;
 -webkit-transition-delay: .7s;
 -moz-transition-delay: .7s;
 -ms-transition-delay: .7s;
 -o-transition-delay: .7s;
 transition-delay: .7s;
}
.history-list.show .slider-3{
 left: 20%;
 top: 10%;
 -webkit-transition-delay: .4s;
 -moz-transition-delay: .4s;
 -ms-transition-delay: .4s;
 -o-transition-delay: .4s;
 transition-delay: .4s;
}
.history-list .slider-4{left: 47px;}
.history-list.show .slider-4{
 left: 234px;
 top: 55%;
 z-index: 2;
 -webkit-transition-delay: .6s;
 -moz-transition-delay: .6s;
 -ms-transition-delay: .6s;
 -o-transition-delay: .6s;
 transition-delay: .6s;
}
.history-list .slider-5{left: -170px;}
.history-list.show .slider-5{
 left: 100px;
 top: 41%;
 -webkit-transition-delay: .5s;
 -moz-transition-delay: .5s;
 -ms-transition-delay: .5s;
 -o-transition-delay: .5s;
 transition-delay: .5s;
 z-index: 1;
}
.history-list .slider-6{left: -201px;}
.history-list.show .slider-6{
 left: -52px;
 top: 68%;
 -webkit-transition-delay: .5s;
 -moz-transition-delay: .5s;
 -ms-transition-delay: .5s;
 -o-transition-delay: .5s;
 transition-delay: .5s;
}
.history-list .slider-7{left: 20.6%;}
.history-list.show .slider-7{
 left: 260px;
 top: 84.99%;
 -webkit-transition-delay: .9s;
 -moz-transition-delay: .9s;
 -ms-transition-delay: .9s;
 -o-transition-delay: .9s;
 transition-delay: .9s;
}
.history-list .bg-slide img{display: block;}

/* --------------------------------  history styles ------------------------------------*/

/* -------------------------------- start otz styles ------------------------------------*/


.advantages_more ul.slick-dots {
    margin-top: 25px;
}

ul.slick-dots {
    position: relative;
    z-index: 2;
    counter-reset: slick-dots;
    border-top: 1px dotted #000;
    margin-top: 70px;
    padding-top: 52px;
    text-align: center;
}

ul.slick-dots li {
    width: 26px;
    height: 26px;
    display: inline-block;
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 18px;
    border: 1px solid #acb6c1;
    cursor: pointer;
    margin-right: 15px;
    margin-bottom: 15px;
    line-height: 44px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

ul.slick-dots li:before {
  counter-increment: slick-dots;
  content: "0" counter(slick-dots);
  overflow: hidden;
  display: inline-block;

}
ul.slick-dots li:nth-child(n+10):before {
  text-indent: -9px;
}
ul.slick-dots li:last-child {
  margin-right: 0;
}
ul.slick-dots li:hover, ul.slick-dots li.slick-active {
  opacity: 1;
  border: 1px solid #ffc320;
  background-color: #ffc320;
}
ul.slick-dots li:hover:nth-child(n+10):before, ul.slick-dots li.slick-active:nth-child(n+10):before {
  text-indent: -12px;
}
ul.slick-dots li button {
  display: none;
}

  ul.slick-dots li:before {
    line-height: 26px;
  }

.advantages_more .h2 .adv12 {
  font-size: 115px;
  color: #ffc320;
  position: relative;
  line-height: 115px;
  margin-right: 30px;
  margin-bottom: 0px;
}

.advantages_menu .slick-track {
	margin: 0 !important;
	width: 100% !important;		
}
.advantages_menu {
  background: #f1f1f1;
}

.advantages_menu_bg:before {
  content: '';
  position: absolute;
  width: calc(100% + 200px);
  height: 100%;
  top: 0;
  right: 0;
  background: #f1f1f1;
}

.advantages_menu .advantages_menu_item:nth-child(odd) {
	clear: both;
}

.advantages_menu .advantages_menu_item .icon i {
  position: relative;
	font-size: 50px;
  margin: 0 auto 20px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

  .advantages_menu .advantages_menu_item {
    width: 50% !important;
    margin-bottom: 50px;
    min-width: 200px;
  }
  
.advantages_menu .advantages_menu_item:hover .icon, .advantages_menu .advantages_menu_item.slick-current .icon{
  color: #ffc320;
  cursor: pointer;
}

.advantages_menu {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center!important;
	justify-content: center !important;
}

.serv {
	position: relative;
}

.serv_top {
	position: relative;
}

.serv_top::before {
    left: 0;
    border-left: 7px solid #ffc320;
}

.serv_top::after {
    right: 0;
    border-right: 7px solid #ffc320;
}

.serv_top::before,
.serv_top::after {
    content: "";
    position: absolute;
    width: 200px;
    height: 100px;
    top: 15px;
    border-top: 7px solid #ffc320;
}

.serv_bottom::before {
    left: 0;
    border-left: 7px solid #ffc320;
}

.serv_bottom::after {
    right: 0;
    border-right: 7px solid #ffc320;
}

.serv_bottom::before,
.serv_bottom::after {
    content: "";
    position: absolute;
    width: 200px;
    height: 100px;
    bottom: 0;
    border-bottom: 7px solid #ffc320;
}

#bar .container {
	padding-top: 70px;
}

#bar .container::before {
    content: "!";
    position: absolute;
    top: 0;
    left: 10px;
    height: 2.625rem;
    line-height: 2.625rem;
    width: 2.625rem;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    font-size: 1.25rem;
    color: #fff;
    background-color: #ffc320;
    border-radius: 2.625rem;
    z-index: 2;
  transform: scale(.85);
  animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
  from {
    transform: scale(.85);
  }
  50% {
    transform: scale(1);
  }
  to {
    transform: scale(.85);
  }
}

#servus .item {
	position: relative;
	padding-left: 75px;
	margin-bottom: 30px;
}

#servus .item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3rem;
    height: 3rem;
    background-color: #fff;
    border-radius: 3rem;
}

#servus .item::after {
    content: "";
    position: absolute;
    top: 0rem;
    left: 0.4rem;
    width: 3rem;
    height: 1.5rem;
    border-bottom: 3px solid #ffc320;
    border-left: 3px solid #ffc320;
    transform: rotate(-45deg);
}

.serv-items-img .img {
	overflow: hidden;
	border-bottom: 3px solid #ffc320;
}

.serv-items-img .item img {
	display: block;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
    will-change: transform;
}

.serv-items-img .item a:hover img {
    transform: scale(1.1);
}

.thumbnail-body {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(17, 17, 17, 0.15);
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

.serv-items-img .item a:hover .thumbnail-body {
    background: rgba(17, 17, 17, 0.45);	
}

.section-services-image {
    min-height: 200px;
    background-position: bottom right;
    background-repeat: no-repeat;
}

.options-table {
	font-size: 14px;
}

.options-table__header {
/*    background-color: #ddd;   */
    padding: 7px 20px;
    margin-top: 25px;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: bold;
}

.options-table__item {
    display: flex;
    justify-content: center;
    position: relative;
}

.options-table__item-caption {
    position: relative;
    background-color: #f7f7f7;
    width: 45%;
    padding: 7px 20px;
}

.options-table__item-value {
    background-color: #f0f0f0;
    width: 55%;
    padding: 7px 20px;
}

.options-table__item:after {
    content: "";
    width: calc(100% - 40px);
    border-top: 1px solid #fff;
    position: absolute;
    bottom: -1px;
    z-index: 1;
    height: 1px;
}

.options-table__hint {
    position: absolute;
    right: 20px;
    top: calc(50% - 7px);
}

.hint__icon {
	display: none;
    width: 16px;
    height: 16px;
    background-color: #62647f;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
    transition: background .2s;
    font-size: 12px;
}

.hint__icon:hover {
    background-color: #8688a2;
}

.standard-text .h3, .standard-text h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
}

.rating {
    display: inline-block;
    background: url(../images/star-grey.svg) repeat-x;
    background-size: 24px 22px;
    height: 22px;
    width: 120px;
    vertical-align: text-top;
}

.rating_small.option {
    background-size: 16px 18px;
    height: 18px;
}
.rating_small {
    background-size: 16px 15px;
    height: 15px;
    width: 80px;
}
/*
.rating__filler.blue {
    background: url(../images/star-blue.svg) 0 repeat-x;
    background-size: inherit;
}
 */
.rating__filler {
    transition: width .3s;
    background: url(../images/star-yellow.svg) 0 repeat-x;
    background-size: inherit;
    height: inherit;
    width: 0;
}
/*
body.scrolled .dizcont {
	position: fixed;
	top: 100px;
}
*/

.blago a.item img {
    border: 1px solid #d8d8d8;
    display: block;    
}

body .cf-modal .cf-modal-content,
body .cf-modal .cf-form-search .cf-form-input {
    border-radius: 0;
}

.cf-city-current,
.cf-city-label,
.cf-modal,
.cf-modal .cf-form-field input,
.cf-modal-header .cf-modal-title,
.cf-btn-close span,
.cf-form-search label,
.cf-cities li a {
    color: #222 !important;
}

body .cf-modal .cf-modal-header .cf-btn-close {
    font-size: 32px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

.cf-modal .cf-modal-header .cf-btn-close:hover {
    opacity: 1;    
}

.nav-pills {
    border-radius: 40px;
    background-color: #f1f4f8;    
}

.nav-pills .nav-link {
    color: #000 !important;
    border-radius: 40px;
    padding: 10px 30px;
}

.nav-pills .nav-link.active,
.nav-pills .show >.nav-link {
    background-color: #ffc320;
}

.articles.slider {
/*    border-bottom: 1px solid #d8d8d8; */
    padding-bottom: 20px;
}

.articles .slick-prev {
    border-top: 18px solid #ebebeb;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-radius: 0 0 2px 2px / 0 0 15px 15px;
    margin-left: -35px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;  
}

.articles .slick-next {
    border-bottom: 18px solid #ebebeb;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-radius: 2px 2px 0 0 / 15px 15px 0 0;
    margin-left: 20px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;  
}

.articles .slick-prev:hover {
    border-top: 18px solid #ffc320;   
}

.articles .slick-next:hover {
    border-bottom: 18px solid #ffc320;
}

.articles .slick-arrow {
    top: auto;
    margin-top: 0;
    width: 0;
    height: 0;
    border-radius: 0;
    left: 50%;
    bottom: -50px;
}

.articles .slick-prev:before, .articles .slick-next:before {
    content: '';
}

.slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -31px;
    width: 62px;
    height: 63px;
    z-index: 5;
    outline: none;
    cursor: pointer;
    border: 0;
    border-radius: 32px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.slick-arrow:before {
    content: '';
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/arrow.png) no-repeat center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.slick-next:before {
    transform: rotate(180deg);
}

.nav-tabs-tr {
    border-bottom: 10px solid #f4f4f4;
    
}

.nav-tabs-tr .nav-link {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    padding: 12px 15px;
    position: relative;
    cursor: pointer;
    margin-right: 25px;
    text-align: center;
    border-radius: 25px 25px 0 0;
    -webkit-border-radius: 25px 25px 0 0;
    -moz-border-radius: 25px 25px 0 0;
    -ms-border-radius: 25px 25px 0 0;
    -o-border-radius: 25px 25px 0 0;
    margin-bottom: 0;
    color: #222;
}

.nav-tabs-tr .nav-link:before {
    left: -26px;
}

.nav-tabs-tr .nav-link:before,
.nav-tabs-tr .nav-link:after {
    content: '';
    height: 30px;
    width: 28px;
    bottom: 0;
	opacity: 0;    
    position: absolute;
    background-image: url(../images/round1.png);
    background-size: contain;
    background-position: center;
    transition: all .15s ease-in-out;
}

.nav-tabs-tr .nav-link:after {
    right: -26px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
}

.nav-tabs-tr .nav-link:hover:before,
.nav-tabs-tr .nav-link:hover:after,
.nav-tabs-tr .nav-link.active:before,
.nav-tabs-tr .nav-link.active:after {
	opacity: 1;
}

.nav-tabs-tr .nav-link,
.nav-tabs-tr .nav-item {
	border: 0;
}

.nav-tabs-tr .nav-item {
    color: #fff;
}

.nav-tabs-tr .nav-item.show .nav-link,
.nav-tabs-tr .nav-link.active,
.nav-tabs-tr .nav-link:hover,
.nav-tabs-tr .nav-link:focus {
	background: #f4f4f4;
}


.section-d1 {
    background: #fff url('../images/decor4.webp') no-repeat right center;
}

.section-c1 {
    background: #fff url('../images/decor5.webp') no-repeat right center;
}

.section-c2 {
    background: #fff url('../images/decor1.webp') no-repeat left -600px center;
}

.video1 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 450px;
}

#video1 .start_video {
    background: #000;
}

.start_video {
	position: relative;
	display: block;
}

.start_video:after {
	content: '';
	width: 0;
	height: 0;
	border-left: 80px solid #ffc320;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -25px;
	z-index: 1;
	display: block;
	opacity: 0.8;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
 
.start_video.clicked:after {
	display: none;
} 
 
.start_video:hover:after{
	opacity: 1;
}

.start_video_small:after {
	border-left: 40px solid #00abc5;
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	margin-top: -25px;
}
/*
.owl-carousel.slide-eq-height .owl-stage{display: flex;}
.owl-carousel.slide-eq-height .item {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
*/

.owl-carousel.slide-eq-height .item {
    height: 300px;
    display: block;
}

.owl-carousel.slide-eq-height .item img {
    height: 100%;
    width: auto;    
}

.owl-carousel.slide-eq-height .item > div {
    position: relative;
    overflow: hidden;
    /* margin-bottom: 80px; *//*This is optional*/
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.owl-carousel.slide-eq-height img {
    max-width: none !important;
}


/* -------------------------------- start otz styles ------------------------------------*/

@media screen and (max-width: 1600px) {
#otz:before {
    top: 0%;
    height: 100%;
    background-position: 105% center;
}
}

#otz {
  z-index: 1;
  overflow: hidden;
  position: relative;
}

#otz .in {
  padding-top: 107px;
  padding-bottom: 120px;
}


.otz_more .logo {
  margin-bottom: 21px;
  height: 65px;
  display: flex;
  -ms-align-items: center;
  align-items: center;
}

.otz_more .logo img {
  display: block;
  height: 100%;
}

.otz_more h3 {
  margin-bottom: 26px;
}
.otz_more p + strong {
  display: block;
}

.otz_image {
  float: right;
  width: 356px;
  padding: 0 30px;
}
.otz_image .slick-list {
  box-shadow: -4px -4px 46px rgba(119, 119, 138, 0.4);
  background: #fff;
}
.otz_image .otz_letter {
  padding: 10px 6px;
  text-align: center;
}
.otz_image img {
  display: inline-block;
  max-width: 100%;
}

.content .otz_block {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  padding-bottom: 20px;
}
.content .otz_block .otz_item {
  width: calc(25% - 20px);
  margin: 0 10px 20px;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
}
.content .otz_block .otz_item img {
  max-width: 100%;
}

@media screen and (max-width: 1600px) {
  #otz:before {
    top: 0%;
    height: 100%;
    background-position: 105% center;
  }
}
@media screen and (max-width: 1400px) {
  #otz:before {
    top: 0%;
    background-position: 95% center;
  }
  #otz .in {
    padding-top: 70px;
    padding-bottom: 83px;
  }
  #otz h2 {
    margin-bottom: 35px;
  }

  .otz_image {
    width: 286px;
  }

  .otz_more {
    width: calc(50% + 50px);
  }
  .otz_more h3 {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1200px) {
  #otz .in {
    padding-top: 30px;
    padding-bottom: 50px;
  }
  #otz:before {
    display: none;
  }
  #otz h2 {
    width: auto;
  }
  #otz .all_link {
    float: right;
    top: 8px;
  }

  .otz_image {
    width: 35%;
    padding: 0 25px;
  }

  .content .otz_block .otz_item {
    width: calc(33.33% - 20px);
  }
}
@media screen and (max-width: 991px) {
  #otz .in {
    padding-top: 10px;
    padding-bottom: 20px;
  }
  #otz h2 {
    margin-bottom: 10px;
  }

  .otz_more {
    width: 100%;
    float: none;
    margin-bottom: 7px;
    line-height: 24px;
  }
  .otz_more .logo {
    height: 45px;
    margin-bottom: 7px;
  }
  .otz_more .logo img {
    max-height: 100%;
  }
  .otz_more h3 {
    margin-bottom: 7px;
  }

  .otz_image {
    width: auto;
    max-width: 300px;
    margin: 0 auto 20px;
    padding: 0;
    float: none;
  }
  .otz_image .slick-list {
    box-shadow: 0px 0px 1px rgba(119, 119, 138, 0.4);
  }

  .content .otz_block .otz_item {
    width: calc(50% - 20px);
  }
}
/* -------------------------------- end otz styles ------------------------------------*/


#otz.animated .otz_more {
  /*-webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;*/
  webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}



/* -------------------------------- popup ------------------------------------*/

.popup {
	position: fixed;
	left: 15px;
    right: 15px;
	z-index: 60;
	transition: all .3s ease;
}

.popup-cookie {
	bottom: -200px;
}

.popup.is-open {
	bottom: 0px;
}

.popup .popup__body {
    padding: 15px 25px;
    background-color: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
	border-radius: 10px 10px 0 0;
	margin: 0 auto;
	font-size: 12px;
}

.popup__body, .popup__wrap {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


@media (min-width: 1200px) {
	.popup .popup__body {
		width: 1100px;
	}	
}

@media (min-width: 992px) { 
 
    .popup .popup__wrap {
        flex-direction: row;
        align-items: center !important;
    }
    
    .popup .popup-desc {
    	margin-right: 30px;
    }
}


/* -------------------------------- custom styles ------------------------------------*/




@media (min-width: 1200px) {
  body .cf-cities {
      columns: 5;
      -webkit-columns: 5;
      -moz-columns: 5;
  }

  body .cf-modal .cf-modal-dialog {
      width: 900px;
  }
  
	.header-phone-item {
		line-height: 0.8;	
	}
}

@media (min-width: 1400px) {
  body .cf-modal .cf-modal-dialog {
      width: 1200px;
  }
  
  .catalog-title {
  font-size: 70px;
  }
  
}

@media (max-width: 991px) {
	
	.page-87 h1 {
		margin-bottom: 100px !important;
	}
	
	.section-d1 {
	    background: none;
	}
	
	.section-c1 {
	    background: none;
	}
	
	.section-c2 {
	    background: none;
	}

  body .cf-cities li {
    margin-bottom: 0;
  }

  .cf-cities li a {
      font-size: 12px;
  }
}

@media (max-width: 767px) and (min-width: 500px) {
  body .cf-cities {
      columns: 2;
      -webkit-columns: 2;
      -moz-columns: 3;
  }
}

@media screen and (min-width: 768px) {
  .advantages_menu .slick-track {
    transform: none !important;
  }
}

@media screen and (max-width: 767px) {
	.advantages_menu .advantages_menu_item {
	    width: 100% !important;
	}
	
	#advantages .h2 .adv12 {
    	font-size: 75px;
    }
    
    .advantages_menu .advantages_menu_item {
		margin-bottom: 30px;
		text-align: center;
	}

    .advantages_menu .advantages_menu_item br {
		display: none;
	}
	
	.advantages_block-buttons {
		text-align: center;
	}
	
}
/* -------------------------------- end adv styles ------------------------------------*/




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

	#preim .preim,
	#preim .preim.right {
		top: 0;
	    width: 20%;
	  }
	
	#preim .preim li {
		font-size: 15px;
	}
	
	#preim .preim li span {
		padding-right: 50px;
	}
	
	#preim .preim.right li span {
		padding-left: 50px;	
	}

 
}

@media (max-width: 1400px) and (min-width: 992px) {	
	
	  #preim .block-left .img,
	  #preim .block-right .img {
	    height: 50px;
	}

}

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

	#preim .img {
		width: 100%;
		max-width: 1000px;
		margin-bottom: 50px;
	}

  #preim .preim-block {
    text-align: left;
    margin-bottom: 47px;
  }
  #preim .preim {
    width: 100%;
    display: block;
    margin: 0 auto;
    position: static;
  }
  #preim .preim.left {
    margin-right: auto;
  }
  #preim .preim.right {
    width: 100%;
  }
  #preim .preim li {
    text-align: left;
    font-weight: 400;
    margin-bottom: 14px;
  }
  #preim .preim li span {
    padding-right: 0px;
    padding-left: 50px;
    justify-content: flex-start;
    min-height: 39px;
  }
  #preim .preim li span:before {
    left: 0;
  }
}


/* -------------------------------- end about styles ------------------------------------*/



/* -------------------------------- end product styles ------------------------------------*/

.opros {
	font-size: 14px;
}


@media screen and (max-width: 1100px) {
  #aside_cat {
    display: none;
  }
}
/* -------------------------------- end aside styles ------------------------------------*/


@media (min-width: 1500px) {
	.container {
	    max-width: 1300px !important;
	}
    
    #content_geo {
        left: 200px;
    }	    
  
    
}

@media (min-width: 1700px) {
	.container {
	    max-width: 1500px !important;
	}
}

@media screen and (min-width: 1200px) {

	.serv .h1 {
		font-size: 65px;
	}
    
    .float-img {
    	max-width: 300px;
    	float: right;
    	margin: 30px 0 30px 15px;
    }

	#main_slider .h1 {
		font-size: 60px;
	}


    footer,
    header,
    .body-content,
	section,
	.section {
		padding-left: 70px;
	}

	.body-content section {
		padding-left: 0;
	}
	 
	.main_slider .item {
		height: 100vh;
	} 

	.main_slider .text-1 {
		font-size: 32px;
		font-weight: 900;
	}
	
	.main_slider .text-2 {	
		font-size: 38px;
		font-weight: 900;
		margin: 10px 0;	
	}
	
	.main_slider .text-3 {	
		font-size: 22px;
	}

	.categories .item {
		min-height: 240px;
	}	
}


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


    .float-img {
        float: none;
        margin: 30px 0;
        width: 100%;
    }
    
	.main_slider.owl-carousel .owl-item .desc .text-3 {
		font-weight: 500;
		font-size: 14px;	
	}	
	
}


@media (max-width: 1199px) and (min-width: 992px) {
    
    .products .item .prod-info .count-group {
        width: 100%;
        margin-top: 10px;
    }
	
	.categories .item {
	    min-height: 190px;
	    text-align: center;
	}
	
	.categories .item img {
		max-height: 80px;
		width: auto;
	}
}

@media (min-width: 992px) {

#otz {
  background: url(../images/decor2.webp) no-repeat right top;  
}

  .btn-lg {
  	font-size: 20px;
  }
  
  .navbar-nav > li > a {
  	padding: 25px 10px 30px !important;
  }
  
  .navbar-brand {
  	width: 150px;
  }
  
  .products.prod-carousel {
  	margin-left: 0;
  	margin-right: 0;
  }
  
  #vendors .owl-carousel .item img {
  	max-height: 100px;
  	width: auto;
  }
  
  header.fixed {
  	position: fixed;
  	top: 0;
  	z-index: 98;
  	left: 0;
  	right: 0;
  	transition: all 0.3s ease;
  	-webkit-transition: all 0.3s ease;
  	-moz-transition: all 0.3s ease;
  }

	.about-img {
		float: left;
	}

	.modal-window .form-group {
		padding-left: 30px;
		padding-right: 30px;	
	}

	.modal-window {
	    width: 600px;
	}

	.top-nav ul > li > a {
	    padding-left: 20px;
	    padding-right: 20px;
	}

    .top-nav .navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}			
}

@media (min-width: 992px) and (max-width: 1200px) {

	footer .logo-holder img {
		width: 100px;
	}	

	.products .item .prod-info .price-block,
	.products .item .prod-info .order-block {
		width: 100%;
		margin-top: 15px;
	}

	.products .item .prod-info .price-block {
		margin-top: 0;
		margin-bottom: 5px;
		text-align: center;
	}
			
	.main_slider.owl-carousel .owl-item .desc .btn {
		padding-top: 5px;
		padding-bottom: 5px;	
	}
		
	.top-nav ul > li > a {
	    padding-left: 10px;
	    padding-right: 10px;
	    font-size: 13px;
	}

}

@media (max-width: 991px) {

	.serv_top::before, .serv_top::after {
		top: -50px;
	}

	.navbar-nav > li > a {
		padding: 5px 15px !important;
	}

	.main_slider .item .desc {
	    padding-top: 0px;
	}

	.navbar-brand {
		width: 120px;
	}
	
	.navbar-collapse {
/*		background: #E2E8F1; */

	}
	
	header .nav.navbar-nav  {
		margin-bottom: 30px;
	}	
	

	header .navbar-nav > li {
		padding: 2px 15px;	
	}

	.page-main .navbar-collapse ul li a{
		color: #000;	
	}

	.about-img {
		float: none;
		margin: 0 0 30px;
	}
	
	footer .footer-nav ul {
		text-align: center;
	}
	
	footer .footer-nav ul li {
		width: auto;
		margin: 0 15px 10px;
	}
	
	footer .footer-nav ul li a {
		font-size: 12px;
	}

	#catalog .nav.open {
		display: block;
	}
	
	.logo img {
		margin: 0 auto;
	}

    #preim .item {
		min-height: 100px;
		text-align: center;
	}
	
	#preim .item .img,
	#preim .item .h6 {
		text-align: center !important;
	}

	#preim .img {
		margin-bottom: 0 !important;
	}

	#preim .item .img svg {
		float: none !important;
	}

}

@media (max-width: 991px) and (min-width: 767px) {

	.categories .item {
	    min-height: 190px;
	    text-align: center;
	}
	
	.categories .item img {
		max-height: 80px;
		width: auto;
	}


	.categories > div:nth-child(3n+1) {
		clear: both;
	}
	
	.footer-contacts-block img {
		display: inline-block;
		vertical-align: top;
		margin-right: 15px;
		float: left;	
	}

	.top-nav ul > li > a {
	    padding-left: 8px;
	    padding-right: 8px;
	    font-size: 12px;
	}
	
}

@media (max-width: 767px) {
    h1, .h1 {
        font-size: 24px;
    }
    
    h2, .h2 {
        font-size: 22px;
    }
    
    h3, .h3 {
        font-size: 20px;
    }

    .main-preim i.myicon {
        font-size: 32px;
    }
    
    .main-preim i {
        font-size: 30px;
    }

	.categories .item {
	    min-height: 190px;
	    text-align: center;
	}
	
	.categories .item img {
		max-height: 100px;
		width: auto;
	}
	    
    .prod-buy {
		text-align: center;
	}

	.navbar-nav > li > a {
	    padding: 7px 10px;
	}

	.content div.title,
	section div.title {
		text-align: center;
	}

	.main_slider.owl-carousel .owl-item img {
		display: none;
	}

	header .wrapper {
		padding: 0 0 15px;
	}

	.content div.title h1,
	section div.title h3 {
	    padding: 0;
	 }
	 
	 .content div.title:before,
	 section div.title:before {
	 	display: none;
	 }

	html body {
		background: #fff;
	}

	footer {
		text-align: center;
	}

}

@media (max-width: 570px) {

	header .header-btn {
		display: none !important;
	} 
	
	.fancy-close span {
		display: none;
	}

}

@media (max-width: 500px) {

	#cartModal .fancy-close span {
		display: none;
	}
	
	.footer-nav ul li {
    	display: block;
		text-align: left;	
	}
}