@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


html {width: auto; height: 100%;}
body {
	font: 100%/1.3 'Montserrat', Tahoma, Arial, Helvetica, sans-serif;
	background: #ffffff;
	color: #212121;
	font-size: 16px !important;
}

input, textarea, select, button {font: 100%/1.3 'Montserrat', Tahoma, Arial, Helvetica, sans-serif;}


/* ~~ Селекторы элементов/тегов h1-h6, hr ~~ */
h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif; letter-spacing: -.5px;}
h1 {font-size: 40px; color: #1b1f2a; font-weight: 600; line-height: 1.2;}
.content h1:before {
	position: absolute;
	content: '';
	bottom: 16px;
	right: -30px;
	width: 18px;
	height: 2px;
	background: #E0B562;
}
h2 {
	display: inline-block;
	font-size: 34px;
	color: #1b1f2a;
	font-weight: 700;
	line-height: 1.1;
}
h2:before {
	position: absolute;
	content: '';
	bottom: 15px;
	right: -30px;
	width: 18px;
	height: 2px;
	background: #E0B562;
}
h3 {font-size: 26px; color: #1b1f2a; font-weight: 500; line-height: 1.1;}
h4 {font-size: 20px; color: #1b1f2a; font-weight: 500; line-height: 1.1;}
h5 {font-size: 16px; color: #555555; font-weight: 500; line-height: 1.1;}
hr {background: #dedede; height: 1px; margin: 10px auto 10px auto; border: none;}

section h2 {margin: 0 auto 60px auto;}
@media screen and (max-width: 667px) {#need h2, #banki h2, #requirements h2, #logic h2, #document h2 {min-width: 320px; width: min-content;}}

section {padding: 60px 0;}


/* ~~ Оформление ссылок на вашем сайте должно оставаться в этом порядке, включая группу селекторов, создающих эффект наведения. ~~ */
a:link, a:visited {color: #235060; text-decoration: underline;}
a:hover, a:active, a:focus {color: #E0B562; text-decoration: none;}


.buttons,
button[onclick="changeGcat(); return false;" i],
#shop-page-more button,
#save_button, #addPhtFrm input[type="button" i], #order-table input[type="button" i],
input[type="submit" i], input[type="button" i], #order-button, .reset-filters,
.notify-stock-btn,
.add-to-cart,
.product-about .basket,
.swiper-btn,
.header-search-button {
	position: relative;
	background: #235060;
	min-height: 52px;
	color: #ffffff !important;
	border: none !important;
	border-radius: 8px !important;
	box-shadow: 0 5px 20px -15px #107f8c !important;
	transition: all .5s ease;
	z-index: 2;
}

.buttons:hover, .buttons:active, .buttons:focus,
button[onclick="changeGcat(); return false;" i]:hover, button[onclick="changeGcat(); return false;" i]:active, button[onclick="changeGcat(); return false;" i]:focus,
#shop-page-more button:hover, #shop-page-more button:active, #shop-page-more button:focus,
#save_button:hover, #save_button:active, #save_button:focus, #addPhtFrm input[type="button" i]:hover, #addPhtFrm input[type="button" i]:active, #addPhtFrm input[type="button" i]:focus, #order-table input[type="button" i]:hover, #order-table input[type="button" i]:active, #order-table input[type="button" i]:focus,
input[type="submit" i]:hover, input[type="submit" i]:active, input[type="submit" i]:focus,
input[type="button" i]:hover, input[type="button" i]:active, input[type="button" i]:focus,
#order-button:hover, #order-button:active, #order-button:focus,
.reset-filters:hover, .reset-filters:active, .reset-filters:focus,
.notify-stock-btn:hover, .notify-stock-btn:active, .notify-stock-btn:focus,
.add-to-cart:hover, .add-to-cart:active, .add-to-cart:focus,
.product-about .basket:hover, .product-about .basket:active, .product-about .basket:focus,
.swiper-btn:hover, .swiper-btn:active, .swiper-btn:focus,
.header-search-button:hover, .header-search-button:active, .header-search-button:focus {
	background: #1b1f2a;
	color: #ffffff !important;
	border: none !important;
	box-shadow: 0 5px 20px -5px #107f8c !important;
	cursor: pointer;
}

.buttondesc {
	background: transparent !important;
	color: #202020 !important;
	border: 2px solid #235060;
	border-radius: 8px !important;
	box-shadow: none !important;
}
.buttondesc:hover, .buttondesc:active, .buttondesc:focus {background: #235060 !important; color: #ffffff !important; border: 2px solid #235060; box-shadow: none !important;}

.buttonlink {
	background: transparent !important;
	color: #202020 !important;
	border: 2px solid #e3e3e3;
	border-radius: 8px !important;
	box-shadow: none !important;
}
.buttonlink:hover, .buttonlink:active, .buttonlink:focus {background: #e3e3e3 !important; color: #202020 !important; border: 2px solid #e3e3e3; box-shadow: none !important;}



.button i {position: relative !important; float: none !important; width: auto !important; height: 20px !important; margin-right: 5px; line-height: 18px !important;}
.button:hover i, .button:active i, .button:focus i {color: #ffffff;}



.chevron {background: #235060; border: 2px solid #235060;}
.chevron:before {color: #ffffff;}
.chevron:hover, .chevron:active, .chevron:focus {background: #235060;}
.chevron:after {background: #235060;}
.chevron:hover:after, .chevron:active:after, .chevron:focus:after {background: #235060;}


.chevrondesc {border: 2px solid #235060;}
.chevrondesc:before {color: #202020;}
.chevrondesc:hover, .chevrondesc:active, .chevrondesc:focus {background: #235060;}
.chevrondesc:hover:before, .chevrondesc:active:before, .chevrondesc:focus:before {color: #ffffff;}



@media screen and (max-width: 667px) {input[type="submit" i], input[type="button" i], #order-button, .reset-filters {font-size: 15px;}}


.container {padding: 0 0 359px 0;}


/* ~~ Левый блок ~~ */
.sidebar {width: 220px; float: left; margin: 0 20px 0 0; text-align: center;}

.sidebar .sidebarcenter {
	width: 100%;
	margin: 0 20px 0 0;
}
.sidebar h3 {
	margin: 0 auto 15px;
	text-align: center;
	font-size: 20px !important;
}
.sidebar hr {background: rgba(0,0,0,0.1);}

.sidebarcenter h3 {margin: 20px auto 10px auto; color: #1b1f2a; font-size: 20px;}
.sidebarcenter hr {background: rgba(0,0,0,0.1);}

.sidebarcenter .searchform-top {position: relative; float: none; margin: 0 5px;}
.sidebarcenter .searchform-top .queryField {width: 94%;}
.sidebarcenter .searchform-top .schBtn {position: absolute; top: 0; right: 0;}

.sidebarcenter .shop-chain {max-width: 100%;}

@media screen and (min-width: 768px) {
	.sidebarcenter .invoices-filters-container, .sidebarcenter #filter_container h3 {margin-top: 0;}
}
@media screen and (max-width: 768px) {
	.catalog-with-image, .header-link {display: none !important;}

}
.sidebarcenter .invoices-filters-list {padding: 0; text-align: left;}

.sidebarcenter #categories_container .toggle-btn:before {
	background: transparent;
	font-family: "Font Awesome 6 Free";
	content: '\f550';
	color: #666666;
	font-size: 22px;
	font-weight: 900;
	mask: none;
}

.sidebarcenter .invoices-filters-categories {
	/* background: #f5f5f6; */
	border-radius: 16px;
	overflow: hidden;
	-webkit-box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
	box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
}

.sidebarcenter #shop-spec-filter i {font-size: 12px;}




aside {width: 200px; margin: 0 20px 0 0;}
footer {overflow: hidden;}



/* ~~ Прайс-листы ~~ */
.xlss {margin-right: 5px;}
#tovars .price-list .xlss>div {width: 50%; min-height: 75px; float: left; margin: 0; text-align: left;}
.xlss>div {
	width: calc(100% - 10px);
	float: left;
	margin: 0 0px 10px 10px;
	text-align: left;
}
.xlss a {text-decoration: none;}
.xlss .tovarxls {display: inline-block; background: none; color: #f8f8f8; font-size: 20px; font-weight: bold; margin-right: 5px; padding: 13px 5px; border: 1px solid #f8f8f8; transition: 0.6s; float: left;}
.sidebar .xlss .tovarxls {padding: 10px 5px; color: #999999; font-size: 12px; border: 1px solid #999999;}
.xlss p {color: #f8f8f8; font-size: 14px; margin-left: 5px; line-height: 18px; transition: 0.6s;}
.sidebar .xlss p {color: #666666;}
.xlss a:hover .tovarxls {background: #ffbf45; border: 1px solid #ffbf45; transition: 0.6s;}
.xlss a:hover p {color: #ffbf45; transition: 0.6s;}
/* ~~ / end. Левый блок ~~ */



.content {max-width: 1160px;}
@media screen and (max-width: 1367px) {.content {max-width: 960px;}}


.content .contentleft img,
.content .contentcenter img,
.content .contentright img {border-radius: 18px; -webkit-box-shadow: 0 20px 30px -10px rgba(18,43,72,.3); box-shadow: 0 20px 30px -10px rgba(18,43,72,.3);}

.content .contentleft img {float: left; margin: 10px 10px 10px 0 !important;}
.content .contentcenter img {float: none; margin: 10px auto !important;}
.content .contentright img {float: right; margin: 10px 0 10px 10px !important;}
@media screen and (max-width: 667px) {
	.content .contentleft,
	.content .contentcenter,
	.content .contentright {text-align: center;}
	.content .contentleft img,
	.content .contentcenter img,
	.content .contentright img {max-width: 100%; height: auto; float: none; margin: 10px auto !important;}
}



.content table {width: 100% !important;}
.shop-info table, .shop-info table td {border: 1px solid #ececea !important; border-left: none !important; border-right: none !important;}
.shop-info table td {padding: 7px 3px !important;}
.shop-info table tr:nth-child(odd) {}
.shop-info table tr:nth-child(even) {background: #f2f2f2;}





/* --
	Шапка сайта
-- */
header {
	position: fixed;
	width: 100%;
	height: auto;
	min-height: 150px;
	left: 0;
	top: 0;
	margin: 0 auto;
	text-align: center;
	z-index: 1200;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
}
.header>.contentcenter {min-height: 90px;}

/* ~~ Анимация появления и скрытия шапки при прокрутке ~~ */
.scrolledhide {-webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px);}

.header-menu {background: #ffffff; z-index: 300; -webkit-box-shadow: 0 20px 30px -10px rgba(18,43,72,.1); box-shadow: 0 20px 30px -10px rgba(18,43,72,.1);}
@media screen and (max-width: 768px) {.header-menu {background: rgba(33,33,33,0.9) !important;}}

.fixed .header {background: rgba(255,255,255,0.87);}
.fixed .header-menu, .noglstr .header-menu {background: #ffffff;}







/* ~~ Стили шапки при прокрутке страницы ~~ */
header .header {background: rgba(255,255,255,0.97);width: 100%; min-height: 100px; display: inline-block;}

@media screen and (max-width: 768px) {
	header .header {background: none !important;}
	header {background: rgba(255,255,255,0.87) !important; min-height: 100px !important;}
}


/* ~~ Микроразметка для контактов в шапке ~~ */
.vcard {
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}
.vcard>div {
	position: relative;
	width: 23%;
	display: inline-block;
	float: left;
	margin: 20px 0 0 0;
	color: #555555;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}

.logo {width: 31% !important; margin: 20px 0 0 0 !important;}
.logo a {min-width: 230px; display: inline-block; float: left; text-decoration: none !important;}
.logo img {width: auto; max-height: 60px; float: left; margin: 0 20px 0 0;}
.logodesc {float: left; max-width: 200px; margin: 10px 0 0 0; color: #777777; font-size: 14px; text-align: left; text-decoration: none;}
.logodesc b {color: #202020; font-size: 20px;}

@media screen and (max-width: 1024px) {
	.logo {margin: 10px 0;}
	.logodesc b {font-size: 15px;}
	.header-primary .contentcenter .callto {display: block;}
	.logodesc {display: none;}
}

@media screen and (max-width: 1000px) {
	.vcard>div {width: 34%;}
	.logo {width: 32% !important; float: none;}

	/* ~~ Скрытие адреса, почты ~~ */
	.adr, .mailto {display: none !important;}
}

@media screen and (max-width: 800px) {
	.cartrli {display: none !important;}
	.headercontainer {width: 90% !important; margin-left: -40% !important;top: 48% !important;}
	.header-center-l, .header-center-r {float: none;}
	.header-center-r {display: inline-block; z-index: 999 !important;}
}

@media screen and (max-width: 768px) {
	.vcard>div {width: 50%; margin: 0;}
	.logo {width: 100% !important; margin: 0 !important;}
	.logo img {max-height: 80px; margin: 10px auto 0 auto;}

	.header-search {
		position: absolute !important;
		display: block !important;
		top: 0;
	}

	.vcard .cartr i {margin: 0; line-height: 1em; min-height: 32px;}

	header, header .header {min-height: 100px;}
	header {-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);}
	header .header {background: rgba(255,255,255,0.8);}

	.cartr {float: none; margin: 0 0 20px 0; padding: 20px 1px 0px 0px;}

	.sidebar {width: 100%; float: none !important; margin: 0 auto !important;}

	.mobileblock a:link, .mobileblock a:visited {color: #ffffff;}
	.mobileblock a:hover, .mobileblock a:active, .mobileblock a:focus {color: #ffffff;}

	.fixed .header-menu {background: rgba(33,33,33,0.9) !important;}


	.header .callto {position: absolute; top: 25px; right: 70px; width: auto; z-index: 200;}
	.header .callto .tel, .header .callto span, .header .callto small {display: none;}
	.header .callto .fa-phone {
		background-color: #ffffff;
		font-size: 20px;
		width: auto;
		height: auto;
		padding: 4px 12px;
		border-radius: 8px;
		z-index: 200;
		-webkit-box-shadow: 0 5px 30px rgba(18,43,72,.1);
		box-shadow: 0 5px 30px rgba(18,43,72,.1);
	}

	.header-link .button {display: none;}
}

@media screen and (max-width: 667px) {
	.vcard>div {width: 50%; padding: 0; text-align: center;}
	.logo img {width: auto; max-width: 100%; height: auto; max-height: 50px; margin: 25px 0 0 0;}

	.cart-icon {
		background: transparent !important;
		padding: 4px 5px 4px 3px !important;
		color: #555555 !important;
	}
}


@media screen and (max-width: 520px) {
	.cartr {float: none; margin: 0 0 20px 0; padding: 20px 1px 0px 0px;}
	.vcard>div {width: 100%; padding: 0; text-align: center;}
}
@media screen and (max-width: 320px) {
	.header .callto {display: none !important;}
}




.cartr {
	display: inline-block;
	width: 100%;
	min-width: 190px;
	height: auto;
	float: right;
	padding: 0px 0 0 0 !important;
	color: #777777;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	text-align: center;
}
.cartr i {width: auto !important; float: none !important; margin: 0 !important; font-size: 11px !important; font-style: italic; color: #999999 !important; border: none !important;}
.cartr .fa-envelope-o {
	width: 22px;
	height: 22px;
	padding: 5px 5px 5px;
	font-size: 18px !important;
	color: #303236;
	margin-right: 10px;
}
.cartr a {
	font-size: 14px;
	text-decoration: none;
	color: #303236;
	display: inline-block;
}







header .vcard .copyright-info,
header .pricerange,
header .adr
/* header .mailto */ {display: none !important;}


header .mailto,
header .adr,
header .callto {padding: 0 45px 0 10px; text-align: right; text-decoration: none; color: #303236; z-index: 80;}

header .mailto a {line-height: 36px;}
header .mailto a,
header .callto a,
header .adr a {color: #303236; text-decoration: none;}

.fixed .mailto a, .noglstr .mailto a,
.fixed .callto a, .noglstr .callto a,
.fixed .adr a, .noglstr .adr a {color: #303236; text-decoration: none;}


.vcard>div i, .mobileblock i {
	background: transparent;
	width: 36px;
	height: 36px;
	color: #E0B562;
	text-align: center;
	font-size: 16px;
	line-height: 36px;
	border-radius: 50%;
}
.cart-icon {
	background: #235060;
	width: 36px;
	height: 36px;
	padding: 6px;
	color: #202020;
	text-align: center;
	font-size: 16px;
	line-height: 36px;
	border-radius: 50%;
}
.vcard>div i {
	position: absolute;
	top: 0px;
	right: 0px;
}

header .callto {
	display: inline-block;
	height: auto;
	float: left;
	text-align: right;
	font-size: 16px;
	font-weight: 700;
}
.callto a {min-width: 50%; display: inline-block; float: right; text-decoration: none; line-height: 34px;}
.callto a:first-child {min-width: auto;}
.callto span {min-width: 50%; float: right; margin: 0; color: #555555; font-weight: normal; line-height: 22px;}
.callto span a:link, .callto span a:visited {font-size: 14px; color: #235060; line-height: 16px; border-bottom: 1px dashed #235060;}
.callto span a:hover, .callto span a:active, .callto span a:focus {color: #E0B562; border-bottom: 1px dashed #E0B562;}
.callto small {display: inline-block; float: right; width: 100%; color: #666666; margin-top: -3px; font-size: 12px; font-weight: normal !important;}


.adr b {font-size: 14px; font-weight: normal;}
.adr .social a i, .callto span a i, .header-link .social a i {
	background: transparent;
	position: relative;
	width: 30px;
	height: 30px;
	margin-bottom: -5px;
	font-size: 26px;
}
.adr .social a i {background: transparent; box-shadow: none;}
.callto .whatsapp {margin: 5px 0;}
.callto .whatsapp a {border: none !important;}
.callto .whatsapp a i {float: right; margin-top: -10px; margin-left: 13px; margin-right: -43px; color: #039200;}
.header-link .social {text-align: right;}

abbr {text-decoration: none;}

@media screen and (max-width: 667px) {
	.vcard>div i {color: #235060;}
	.cd-auto-hide-header .nav-trigger em, .cd-auto-hide-header .nav-trigger em::after, .cd-auto-hide-header .nav-trigger em::before {background-color: #235060;}
}




.menu_fon {
	display: none;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0;
	z-index: 1005;
}
.menu_fon.nav-open {display: block;}


.headerslaider .box-modal {max-width: 290px !important; float: right;}

.headerslaider .mouse {
	position: absolute;
	width: 23px;
	height: 45px;
	margin-left: -11px;
	bottom: 60px;
	left: 50%;
	opacity: 0.4;
	z-index: 1;
	-webkit-animation-name: mousegb;
	animation-name: mousegb;	
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@keyframes mousegb {
	0%, to {-webkit-transform:translateY(0px);transform:translateY(0px)}
	50% {-webkit-transform:translateY(20px);transform:translateY(20px)}
}
@-webkit-keyframes mousegb {
	0%, to {-webkit-transform:translateY(0px)}
	50% {-webkit-transform:translateY(20px)}
}



/* --
	Верхняя навигация
-- */

/* -- Верхнее меню -- */
.headertop-menu {background: #f5f5f5; height: 50px;}
.headertop-menu nav {font-weight: 400;}

.headertop-menu .uMenuV>ul>li>a:link, .headertop-menu .uMenuV>ul>li>a:visited,
.headertop-menu .uMenuH>ul>li>a:link, .headertop-menu .uMenuH>ul>li>a:visited, .loguser a:link, .loguser a:visited {padding: 16px 8px; color: #6d7e92; font-size: 14px;}
.headertop-menu .uMenuV>ul>li>a:hover, .headertop-menu .uMenuH>ul>li>a:hover,
.headertop-menu .uMenuV>ul>li>a:active, .headertop-menu .uMenuH>ul>li>a:active,
.headertop-menu .uMenuV>ul>li>a:focus, .headertop-menu .uMenuH>ul>li>a:focus {color: #202020; padding-bottom: 14px !important; border-top: none !important; border-bottom: 2px solid rgba(0,0,0,0.1);}

.headertop-menu .uMenuItemA:link, .headertop-menu .uMenuItemA:visited {color: #202020 !important; padding-bottom: 14px !important; border-top: none; border-bottom: 2px solid #235060 !important;}
.headertop-menu .uMenuItemA:hover, .headertop-menu .uMenuItemA:active, .headertop-menu .uMenuItemA:focus {color: #6d7e92 !important; border-bottom: 2px solid rgba(0,0,0,0.1);}


/* ~~ Верхнее меню - подменю ~~ */
.headertop-menu .uWithSubmenu>ul {
	background: rgba(255,255,255,.96);
	-webkit-box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
	box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
}

.headertop-menu .uWithSubmenu>ul>li>a {padding: 15px 20px 14px 20px; border-bottom: 1px solid rgba(255,255,255,0.1);}

.headertop-menu .uWithSubmenu>ul>li>a:link, .headertop-menu .uWithSubmenu>ul>li>a:visited {color: #6d7e92; font-size: 15px;}
.headertop-menu .uWithSubmenu>ul>li>a:hover, .headertop-menu .uWithSubmenu>ul>li>a:active, .headertop-menu .uWithSubmenu>ul>li>a:focus {color: #235060;}

/* ~~ Верхнее меню - подменю ссылка активная ~~ */
.headertop-menu .uWithSubmenu .uMenuItemA:link,
.headertop-menu .uWithSubmenu .uMenuItemA:visited {color: #235060 !important; border: none !important;}
/* ~~ Верхнее меню - подменю ссылка активная при наведении ~~ */
.headertop-menu .uWithSubmenu .uMenuItemA:hover,
.headertop-menu .uWithSubmenu .uMenuItemA:active,
.headertop-menu .uWithSubmenu .uMenuItemA:focus {color: #6d7e92 !important;}
/* ~~ / end. Верхнее меню - подменю ~~ */


/* -- Вход в личный кабинет -- */
.loguser {float: right; font-size: 14px; line-height: 50px;}
.loguser a:link, .loguser a:visited {color: #6d7e92; text-decoration: underline;}
.loguser a:hover, .loguser a:active, .loguser a:focus {color: #0064af; text-decoration: none;}
.loguser i {margin: 0 10px 0 0; color: #6d7e92; font-size: 18px;}

.mobileblock .loguser {float: none !important; display: inline-block; width: 100%; margin: 0 0 30px 0;}
.mobileblock .loguser span {color: #999999; font-size: 16px;}
.mobileblock .loguser a:link, .mobileblock .loguser a:visited {float: left; width: 100%; margin: 0 !important; padding: 0 !important; color: #ffffff; text-align: left; text-decoration: none;}
.mobileblock .loguser i {margin: 0 14px 0 0; color: #ffffff;}

/* -- / end. Верхнее меню -- */

/* --
	/ end. Верхняя навигация
-- */



.loguserm:link, .loguserm:visited {margin: 20px 0 10px 0; color: #fafafa; text-decoration: underline; line-height: 40px;}
.loguserm:hover, .loguserm:active, .loguserm:focus {color: #0d8444; text-decoration: none;}
.loguserm i {margin: 0 10px 0 0; color: #6d7e92; font-size: 18px;}




/* -- Мы в соцсетях в меню -- */
.searchform-top .social {margin: 2px 10px 0 0; color: #dedede; font-size: 14px; text-align: right;}
.searchform-top .social span {float: right; margin: 0;}
.searchform-top .social i {margin: 0px 0 0 5px; font-size: 24px;}
.searchform-top .social i {color: rgba(255,255,255,0.8) !important;}
.searchform-top .social i:hover, .searchform-top .social i:active, .searchform-top .social i:focus {color: #ffffff !important; text-decoration: none;}

@media screen and (max-width: 768px) {
	.searchform-top {margin: 0 auto 10px auto;}
	.searchform-top .social, .searchform-top {display: none;}
}
/* -- / end. Мы в соцсетях в меню -- */



/* -- Форма поиска -- */
.schBtn {
	width: 40px !important;
	height: 40px !important;
	min-height: 40px !important;
	margin: 5px 0 0 -30px !important;
	padding: 7px 5px !important;
	border-radius: 50% !important;
}
.schBtn + label:before {background-color: #235060 !important; color: #202020;}
.schBtn:hover + label:before, .schBtn:focus + label:before {background-color: #235060 !important;}

.queryField {width: 180px; padding: 11px 35px 11px 10px !important; margin: 5px 0; color: #999999; border: none; border-radius: 30px 24px 24px 30px; font-size: 14px;}
.sidebar .queryField {padding: 11px 35px 9px 15px !important; border: 2px solid #f5f5f5 !important;}
/* -- / end. Форма поиска -- */


.header-link>div {float: right !important; width: 215px; text-align: left;}
.header-link #shop-basket {width: auto; float: left; color: #6d7e92; text-align: left; font-size: 13px;}
.header-link h4 {margin: 0 40px 5px 0; color: #1b1f2a;}
.header-link div i {float: right !important; margin-bottom: 0px !important; font-size: 18px; line-height: 33px;}

.header-link .button {float: right;}
@media screen and (max-width: 768px) {
	.header-link div i {
		position: relative;
		background: #ffffff;
		width: auto;
		height: auto;
		display: block;
		padding: 15px 8px 15px 9px;
		font-size: 24px;
		border-radius: 8px;
		z-index: 100;
		-webkit-box-shadow: 0 5px 30px rgba(18,43,72,.1);
		box-shadow: 0 5px 30px rgba(18,43,72,.1);
	}
}






/* --
	Главное меню слева от слайдера
-- */

#shop_left_menu_img .catalog {width: 100%;}

#shop_left_menu_img .catalog-item {
	position: relative;
	min-height: 50px;
	padding: 4px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: left;
}

#shop_left_menu_img .catalog-item-img-link {display: contents;}
#shop_left_menu_img .catalog-item-img {
	background: transparent;
	max-width: 40px;
	max-height: 40px;
	margin: 4px 0 0 0;
	border-radius: 8px;
}
#shop_left_menu_img .catalog-item h3 {
	background: none;
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 2px 0 2px 10px;
	text-align: left;
	vertical-align: middle !important;
	color: #333333;
	font-size: 14px !important;
	font-weight: 500;
	text-decoration: none;
}
#shop_left_menu_img .catalog-item h3 a {display: block; width: 100%; color: #202020; text-decoration: none;}
#shop_left_menu_img .catalog-item:hover h3 a, #shop_left_menu_img .catalog-item:active h3 a, #shop_left_menu_img .catalog-item:focus h3 a {color: #235060;}


#shop_left_menu_img .catalog-item>div {
	background: rgba(255,255,255,0.96);
	position: absolute;
	width: 220px;
	height: auto;
	top: 0;
	right: -220px;
	border-radius: 8px;
	z-index: -1;
	opacity: 0;
	-webkit-box-shadow: 0 10px 30px -10px rgba(18, 43, 72, .2);
	box-shadow: 0 10px 30px -10px rgba(18, 43, 72, .2);
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#shop_left_menu_img .catalog-item:hover div {display: block; opacity: 1; z-index: 99;}
@media screen and (max-width: 768px) {#shop_left_menu_img .catalog-item:hover>div {opacity: 0 !important;}}


#shop_left_menu_img .catalog-item>div a {
	display: block;
	padding: 7px 12px;
	color: #202020;
	font-size: 14px !important;
	text-decoration: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#shop_left_menu_img .catalog-item>div a:last-child {border-bottom: none !important;}
#shop_left_menu_img .catalog-item>div a:hover, #shop_left_menu_img .catalog-item>div a:active, #shop_left_menu_img .catalog-item>div a:focus {color: #235060;}






/* --
	Главное меню
-- */

.uMenuV, .uMenuH {max-width: 1230px;}

.header-menu .button {min-width: 168px; min-height: inherit; margin-top: 5px; padding: 10px 20px 9px 20px !important;}

/* ~~ Ссылка ~~ */
.header-menu .uMenuV>ul>li>a:link, .uMenuH>ul>li>a:link,
.header-menu .uMenuV>ul>li>a:visited, .uMenuH>ul>li>a:visited {color: #444444; padding: 15px 2px; margin: 0 10px; font-size: 15px; font-weight: 600;}
/* ~~ Ссылка при наведении ~~ */
.header-menu .uMenuV>ul>li>a:hover, .uMenuH>ul>li>a:hover,
.header-menu .uMenuV>ul>li>a:active, .uMenuH>ul>li>a:active,
.header-menu .uMenuV>ul>li>a:focus, .uMenuH>ul>li>a:focus,
.header-menu .uMenuV>ul>li:hover>a, .uMenuH>ul>li:hover>a,
.header-menu .uMenuV>ul>li:active>a, .uMenuH>ul>li:active>a,
.header-menu .uMenuV>ul>li:focus>a, .uMenuH>ul>li:focus>a {color: #235060; padding-top: 13px !important; border-top: 2px solid rgba(255,255,255,1.0);}

/* ~~ Ссылка активная ~~ */
.header-menu .uMenuRoot>li>.uMenuItemA:link,
.header-menu .uMenuRoot>li>.uMenuItemA:visited {color: #235060; padding-top: 13px !important; border-top: 2px solid #E0B562;}
/* ~~ Ссылка активная при наведении ~~ */
.header-menu .uMenuRoot>li>.uMenuItemA:hover,
.header-menu .uMenuRoot>li>.uMenuItemA:active,
.header-menu .uMenuRoot>li>.uMenuItemA:focus {color: #444444 !important; padding-top: 13px !important; border-top: 2px solid #E0B562;}

@media screen and (max-width: 1200px) {
	.header-menu .uMenuV>ul>li>a:link, .uMenuH>ul>li>a:link,
	.header-menu .uMenuV>ul>li>a:visited, .uMenuH>ul>li>a:visited {font-size: 15px;}
}

@media screen and (max-width: 768px) {
	/* ~~ Ссылка ~~ */
	.header-menu .uMenuV>ul>li>a:link, .uMenuH>ul>li>a:link,
	.header-menu .uMenuV>ul>li>a:visited, .uMenuH>ul>li>a:visited {background: transparent;}
	/* ~~ Ссылка при наведении ~~ */
	.header-menu .uMenuV>ul>li>a:hover, .uMenuH>ul>li>a:hover,
	.header-menu .uMenuV>ul>li>a:active, .uMenuH>ul>li>a:active,
	.header-menu .uMenuV>ul>li>a:focus, .uMenuH>ul>li>a:focus,
	.header-menu .uMenuV>ul>li:hover>a, .uMenuH>ul>li:hover>a,
	.header-menu .uMenuV>ul>li:active>a, .uMenuH>ul>li:active>a,
	.header-menu .uMenuV>ul>li:focus>a, .uMenuH>ul>li:focus>a {background: transparent;}
	/* ~~ Главное меню ссылка активная ~~ */
	.header-menu .uMenuItemA:link,
	.header-menu .uMenuItemA:visited {background: transparent; color: #ffffff !important;}
	/* ~~ Главное меню ссылка активная при наведении ~~ */
	.header-menu .uMenuItemA:hover,
	.header-menu .uMenuItemA:active,
	.header-menu .uMenuItemA:focus {background: transparent; color: #ffffff !important;}
}
/*END MENU STYLE*/


/* ~~ Главное меню - подменю ~~ */
.uWithSubmenu>ul {
	background: rgba(255,255,255,.96);
	-webkit-box-shadow: 0 15px 30px rgba(18,43,72,.1);
	box-shadow: 0 15px 30px rgba(18,43,72,.1);
}

.uWithSubmenu>a:nth-child(1) {padding-right: 24px !important;}
.uWithSubmenu>a i {
	position: absolute;
	top: 38%;
	right: 15px;
}

.uWithSubmenu>ul>li>a {padding: 10px 20px 9px 20px; border-bottom: 1px solid rgba(255,255,255,0.1);}

.uWithSubmenu>ul>li>a:link, .uWithSubmenu>ul>li>a:visited {color: #303236; font-size: 15px;}
.uWithSubmenu>ul>li>a:hover, .uWithSubmenu>ul>li>a:active, .uWithSubmenu>ul>li>a:focus {color: #235060;}

/* ~~ Главное меню - подменю ссылка активная ~~ */
.uWithSubmenu>ul>li .uMenuItemA:link,
.uWithSubmenu>ul>li .uMenuItemA:visited {color: #235060 !important; border: none !important;}
/* ~~ Главное меню - подменю ссылка активная при наведении ~~ */
.uWithSubmenu>ul>li .uMenuItemA:hover,
.uWithSubmenu>ul>li .uMenuItemA:active,
.uWithSubmenu>ul>li .uMenuItemA:focus {color: #999999 !important;}


@media screen and (max-width: 768px) {
	.uWithSubmenu>ul>li>a:link, .uWithSubmenu>ul>li>a:visited {color: #dedede;}
	.uWithSubmenu>ul>li>a:hover, .uWithSubmenu>ul>li>a:active, .uWithSubmenu>ul>li>a:focus {color: #235060;}

	/* ~~ Главное меню - подменю ссылка активная ~~ */
	.uWithSubmenu .uMenuItemA:link,
	.uWithSubmenu .uMenuItemA:visited {color: #235060 !important; border-top: none !important;}
	/* ~~ Главное меню - подменю ссылка активная при наведении ~~ */
	.uWithSubmenu .uMenuItemA:hover,
	.uWithSubmenu .uMenuItemA:active,
	.uWithSubmenu .uMenuItemA:focus {color: #999999 !important;}
}
/* ~~ / end. Главное меню - подменю ~~ */


/* 3 уровень меню */
.uMenuRoot>.uWithSubmenu>ul>.uWithSubmenu>ul {
	visibility: hidden;
	display: none;
	opacity: 0;
	left: 250px;
	top: 0;
}

@media screen and (max-width: 768px) {
	.uMenuRoot>.uWithSubmenu>ul>.uWithSubmenu>ul {left: 0px !important;}
}

.uMenuRoot>.uWithSubmenu>ul>.uWithSubmenu>ul>li {
	visibility: visible;
}
.uWithSubmenu>ul {}
.uMenuRoot>.uWithSubmenu>ul>.uWithSubmenu:hover>ul, .uMenuRoot>.uWithSubmenu>ul>.uWithSubmenu:active, .uMenuRoot>.uWithSubmenu>ul>.uWithSubmenu:focus,
.uMenuRoot>.uWithSubmenu>ul>.uWithSubmenu:hover>ul, .uMenuRoot>.uWithSubmenu>ul>.uWithSubmenu:active, .uMenuRoot>.uWithSubmenu>ul>.uWithSubmenu:focus,
.uMenuRoot>.uWithSubmenu>ul>.uWithSubmenu:hover>ul>li, .uMenuRoot>.uWithSubmenu>ul>.uWithSubmenu:active, .uMenuRoot>.uWithSubmenu>ul>.uWithSubmenu:focus,
.uMenuRoot>.uWithSubmenu>ul>.uWithSubmenu:hover>ul>li, .uMenuRoot>.uWithSubmenu>ul>.uWithSubmenu:active, .uMenuRoot>.uWithSubmenu>ul>.uWithSubmenu:focus {visibility: visible; opacity: 1; display: block;}



/* MOBILE MENU */
.mobile-menu {
	background: #ffffff;
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	border-radius: 8px;
	z-index: 200;
	-webkit-box-shadow: 0 5px 30px rgba(18,43,72,.1);
	box-shadow: 0 5px 30px rgba(18,43,72,.1);
}
.nav-open .mobile-menu {box-shadow: rgba(0,0,0,0.15) 0px 0px 25px;}
.mobile-menu i {
	font-size: 24px;
	display: block;
	margin: 12px 14px;
	color: #777777;
}
.mobileblock .mb-contacts {text-align: left;}
.mobileblock .mb-contacts small {color: #999999;}





.mobile-cart {
	position: relative;
	font-size: 24px;
	text-decoration: none;
	z-index: 910;
}
.mobile-cart .submenu {
	position: relative;
	visibility: visible;
	opacity: 1.0;
}
@media screen and (max-width: 768px) {
	.mobile-cart {display: table !important;}
	.mobile-cart .submenu {
		background: #ffffff !important;
		position: absolute;
		padding: 15px 15px 10px !important;
		opacity: 0;
		visibility: hidden;
		-webkit-box-shadow: 0 15px 30px -10px rgba(18,43,72,.2);
		box-shadow: 0 15px 30px -10px rgba(18,43,72,.2);
	}
	.header-link #shop-basket {color: #999999;}
}

.mobile-cart i {
	position: relative;
	background: #ffffff;
	width: 43px;
	height: auto;
	display: block;
	padding: 10px 8px 10px 8px;
	font-size: 24px;
	color: #235060;
	border-radius: 8px;
	z-index: 100;
	-webkit-box-shadow: 0 5px 30px rgba(18,43,72,.1);
	box-shadow: 0 5px 30px rgba(18,43,72,.1);
}
.mobile-cart-numb {
	background: #ff3b30;
	position: absolute;
	width: 20px;
	padding: 4px 0 3px 0;
	top: -7px;
	right: -7px;
	color: #ffffff;
	font-size: 10px;
	text-align: center;
	z-index: 110;
	border-radius: 50%;
	-webkit-box-shadow: 0 5px 30px rgba(18,43,72,.1);
	box-shadow: 0 5px 30px rgba(18,43,72,.1);
}


.mobile-cart .submenu {
	background: transparent;
	width: auto;
	min-width: 210px;
	padding: 0 30px 0 0;
	top: 0;
	right: -5px;
	color: #999999;
	text-align: left;
	font-size: 12px;
	border-radius: 8px;
	z-index: 90;

	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
.mobile-cart:hover .submenu {
	visibility: visible;
	opacity: 1;
}
.mobile-cart i {line-height: 14px !important;}
.mobile-cart .submenu h4 {margin: 0 40px 10px 0;}

#shop-basket .empty {font-style: italic;}

#shop-basket ul {margin:0; padding:0; text-align:left; list-style:none}
#shop-basket li {position: relative; margin:0 0 5px 0; padding: 0 15px 0 10px;}
#shop-basket .sb-name { margin-right:18px; }
#shop-basket .sb-cost { margin-right:18px; color: gray; }
#shop-basket .sb-func { float:right; cursor:pointer; width:16px; height:16px; margin:0;}
#shop-basket a.remove { background:url('/.s/img/sh/del.png') no-repeat 3px 0; }
#shop-basket a.remove:hover { background:url('/.s/img/sh/del.png') no-repeat 3px -16px; }
#shop-basket .empty { text-align:center; }
#shop-basket .total {font-weight: bold;}
#shop-basket .total, #shop-basket .disc { text-align:right; }
#shop-basket .disc-info { font-style: italic;}
#shop-basket .basket-item-func i {background: transparent; box-shadow: none;}





@media screen and (max-width: 768px) {
	.mobile-cart .submenu h4 {margin: 0 40px 15px 0;}
	.uWithSubmenu>ul>li>a {padding-left: 35px !important;}


	.footer-top .col4>li {min-height: 226px;}
	.footer-top .uMenuV,
	.footer-top .uMenuH {display: none !important;}

	.mobile-menu {display: block; text-decoration: none !important;}
	.uMenuV .uMenuRoot,
	.uMenuH .uMenuRoot {
		width: 100%;
		display: inline-block;
		text-decoration: none !important;
		z-index: 9;
	}
	.uWithSubmenu>ul {position: relative; left: 0; background: rgba(255,255,255,.07);}
	.uWithSubmenu {
		height: 50px;
		-webkit-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
	}
	.uWithSubmenu:hover {height: auto;}
	.uMenuV>.uMenuRoot>li,
	.uMenuH>.uMenuRoot>li {width: 100%; display: block; margin: 0; text-align: left;}
	.uMenuV>.uMenuRoot>li>a,
	.uMenuH>.uMenuRoot>li>a {
		display: block;
		width: 100%;
		padding-left: 25px !important;
		padding-right: 25px !important;
		color: #cccccc !important;
	}
	.uMenuV>.uMenuRoot>li>a:hover,
	.uMenuH>.uMenuRoot>li>a:hover {background: rgba(0,0,0,.1); color: #ffffff !important;}
	.uMenuRoot>li {display: inline-block;}
	.uMenuRoot>li>a {display: block;}
}
/* END MOBILE MENU */

/* -- end Главное меню -- end */





/* headerbottom */
#headerbottom {background: #ffffff; padding: 10px 0 0 0;}
#headerbottom ul li a {text-decoration: none;}
#headerbottom ul li img {width: 70px; height: 70px; margin: 0 auto 10px auto;}
#headerbottom ul li a h3 {min-height: 40px; margin: 0 auto; color: #0d8444; font-size: 16px;}
#headerbottom ul li a:hover h3, #headerbottom ul li a:active h3, #headerbottom ul li a:focus h3 {color: #0064af;}
@media screen and (max-width: 580px) {
	.col6 li, .col6 li:nth-of-type(2n+1), .col6 li:nth-of-type(2n) {width: 38% !important; margin: 0 6% 30px !important;}
}
/* END headerbottom */





/* -- about О компании -- */
#about {background-repeat: no-repeat; background-position: center center; background-size: cover; padding-bottom: 160px;}
#about p {
	color: #303236;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
}
#about img {max-width: 100%;}
.aboutimg {
	background-repeat: no-repeat;
	position: relative;
	background-position: 50%;
	background-size: cover;
	width: 100%;
	max-width: 440px;
	height: 100%;
	margin: 0 auto 40px auto;
	text-align: center;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	z-index: 98;
	transform: translateX(0) translateY(0) rotate(-4deg);
	-webkit-transform: translateX(0) translateY(0) rotate(-4deg);
	-moz-transform: translateX(0) translateY(0) rotate(-4deg);
	-ms-transform: translateX(0) translateY(0) rotate(-4deg);
	-o-transform: translateX(0) translateY(0) rotate(-4deg);
	transition: all 0.4s ease-in 0s;
	-webkit-transition: all 0.4s ease-in 0s;
	-moz-transition: all 0.4s ease-in 0s;
	-ms-transition: all 0.4s ease-in 0s;
	-o-transition: all 0.4s ease-in 0s;
}
.aboutimg img {border-radius: 30px;}
.aboutimg:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: #F6F7F9;
	transform: translateX(0) translateY(0) rotate(20deg);
	-webkit-transform: translateX(0) translateY(0) rotate(20deg);
	-moz-transform: translateX(0) translateY(0) rotate(20deg);
	-ms-transform: translateX(0) translateY(0) rotate(20deg);
	-o-transform: translateX(0) translateY(0) rotate(20deg);
	transition: all 0.4s ease-in 0s;
	-webkit-transition: all 0.4s ease-in 0s;
	-moz-transition: all 0.4s ease-in 0s;
	-ms-transition: all 0.4s ease-in 0s;
	-o-transition: all 0.4s ease-in 0s;
}
#about .abouti {display: inline-block; margin: 40px 0 40px 0; text-align: center; font-size: 14px; z-index: 99;}

@media screen and (max-width: 768px) {#about {padding-bottom: 60px;}}
/* -- / .end about О компании -- */

/* sertif */
#sertif {padding: 40px 0 0; background: #f7f7f7;}
#sertif h2 {
	position: relative;
	display: inline-block;
	margin: 0 auto 10px;
	color: #1b1f2a;
	font-size: 30px;
	z-index: 2;
}
#sertif .slick-slide img {
	display: block;
	min-width: auto;
	max-width: 200px;
	height: 100%;
	margin: 0 auto;
	min-height: 160px;
}
#sertif .slick-slider {padding: 0 0 90px 0;}



#portfolio .slick-list {width: calc(100% - 100px); height: 290px; margin: 0 50px;}
#portfolio .slick-slide img {max-width: 350px; max-height: 260px;}
#portfolio .slick-prev, #portfolio .slick-next {top: 33%;}
#portfolio .slick-initialized .slick-slide .boxhrefimg {border: none; border-radius: 10px;}

@media screen and (max-width: 667px) {
	#portfolio .slick-list {width: 100%; height: 180px; margin: 0;}
	#portfolio .slick-slide img {max-height: 150px;}
}



#projects .slick-slider-bg {max-height: 660px;}
#projects .slick-slide {margin: 0 20px 35px 20px;}
#projects .slick-list {width: 100%; height: auto; margin: 0;}
#projects .slick-slide img {max-width: 100%; max-height: 600px;}
#projects .slick-prev, #projects .slick-next {top: calc(50% - 45px);}
#projects .slick-prev {left: 20px;}
#projects .slick-next {right: 20px;}
#projects .slick-initialized .slick-slide .boxhrefimg {max-height: 420px; border: none; border-radius: 10px;}


#projects .slick-initialized .slick-slide .boxhrefimg {
	width: 100%;
	height: auto;
	min-height: 200px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}
#projects .slick-list img {
	object-fit: cover;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	-webkit-transition: 1.2s;
	transition: 1.2s;
}
#projects .slick-list a:hover img, #projects .slick-list a:active img, #projects .slick-list a:focus img {
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
	-webkit-transition: 1.2s;
	transition: 1.2s;
}


@media screen and (max-width: 667px) {
	#projects .slick-list {width: 100%; height: 180px; margin: 0;}
	#projects .slick-slide img {max-height: 150px;}
}





#gallery {background: #ffffff; width: 100%; z-index: 1;}

#gallery .picture .images {
	display: block !important;
	position: relative;
	height: 350px;
	margin: 0px;
	border: 1px solid #ffffff;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
#gallery .col50 .images {height: 336px;}
#gallery .picture .images img {
	margin: 0;
	transition: 0.6s;
	object-fit: cover;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	width: 100%;
	height: 100%;
	flex-shrink: 0;
}
#gallery .picture .images:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
@media screen and (max-width: 960px) {
	#gallery .picture .images {height: 176px;}
	#gallery .col50 .images {height: 262px;}
}
@media screen and (max-width: 768px) {
	#gallery .picture .images {height: 292px;}
	#gallery .col50 .images {height: 322px;}
}
@media screen and (max-width: 567px) {
	#gallery .picture .images {height: 335px;}
	#gallery .col50 .images {height: 375px;}
}
#gallery .picture .images h2 {
	margin-bottom: 10px;
}
#gallery .picture .images h4 {
	margin-bottom: 10px;
	font-weight: normal;
}


@media screen and (max-width: 1024px) and (orientation: landscape) {
	#gallery .picture .images .button {
		height: 59px;
		overflow: inherit !important;
	}
}


#gallery .button {top: -15px;}
#gallery .picture .images .button {overflow: inherit !important;}
#gallery img {
	cursor: pointer;
	z-index: 10;
	-moz-transition: all 1s ease-out;
 	-o-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
}
#gallery .link a {
	text-decoration: underline;
	color: #ffffff;
	font-weight: 500;
	margin: 15px 0 0 0;
	top: 15px;
}
#gallery>div .btlnk {
	top: 15px !important;
	margin: 0 auto;
}

@media screen and (max-width: 1024px) and (orientation: landscape) {
#gallery>div .toogle {
	margin: -20px 0 0 0;
	}
}




/* comment */
.comment h3 {margin: 0 auto 20px auto;}
.comment p {margin: 0 auto 20px auto;}

.comment .commentli {position: relative; min-height: 180px; padding-left: 170px;}

.commentimg {
	position: absolute;
	width: 150px;
	height: 150px;
	display: block;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	margin: 0;
	border-radius: 18px;
	overflow: hidden;
	-webkit-transition: 0.6s;
	transition: 0.6s;
}
.commentimg img {
	object-fit: cover;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	width: 100%;
	height: 100%;
	flex-shrink: 0;
}


#comment .comment .commentli {text-align: left;}
#comment .commentbutton div:nth-child(1) .button {float: right;}
#comment .commentbutton div:nth-child(2) .button {float: left;}

@media screen and (max-width: 768px) {
	#comment .commentbutton div {text-align: center;}
	#comment .commentbutton div:nth-child(1) .button,
	#comment .commentbutton div:nth-child(2) .button {float: none;}
}

#commentl {}
/* END comment */




/* comment2 */
#comment2 .comment2 a {text-decoration: none;}
#comment2 .comment2 .data {margin: 0 0 10px 0; color: #999999; font-size: 14px;}

#comment2 .comment2>div {
	position: relative;
	padding: 0 20px 20px 20px;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	-webkit-box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
	box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
}
#comment2 .comment2 .commentimg {
	position: relative;
	width: calc(100% + 40px);
	height: 335px;
	margin: 0 -20px 20px -20px;
	border-radius: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	overflow: hidden;
	display: block;
	justify-content: center;
	align-items: center;
}
#comment2 .comment2 img {
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: cover;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	flex-shrink: 0;
	-webkit-transition: 1.2s;
	transition: 1.2s;
}
#comment2 .comment2 a:hover img, #comment2 .comment2 a:active img, #comment2 .comment2 a:focus img {
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
	-webkit-transition: 1.2s;
	transition: 1.2s;
}
#comment2.comment2 h3 {min-height: 58px; margin: 0 auto 0 auto; color: #303236; font-size: 20px;}
#comment2.comment2 a:hover h3, #comment2.comment2 li a:active h3, #comment2.comment2 li a:focus h3 {color: #E0B562 !important;}

#comment2.comment2 p {min-height: 36px; margin: 10px auto 0 auto; font-size: 16px; color: #808080;}



#comment2 .comment2 .commentli {text-align: left;}
#comment2 .commentbutton div:nth-child(1) .button {float: right;}
#comment2 .commentbutton div:nth-child(2) .button {float: left;}

@media screen and (max-width: 768px) {
	#comment2 .commentbutton div {text-align: center;}
	#comment2 .commentbutton div:nth-child(1) .button,
	#comment2 .commentbutton div:nth-child(2) .button {float: none;}
}
/* END comment */




/* steps */
#steps {padding: 0 0 40px 0;}
#steps h2 {position: relative; display: inline-block; margin: 0 auto 40px auto; font-size: 30px; z-index: 2;}
/* END steps */



/* calc */
#calc {background: #f7f7f7; padding: 0 0 40px 0;}
/* END steps */




/* services */
#service {padding: 0 0 40px 0;}
#service h2 {margin: 20px auto 0 auto !important;}
/* END services */



/* catalog */
#catalog {background-image: url('../img/bg2.jpg'); background-position: center center;}





#uslugi {background: #f7f8fb; overflow: hidden;}



.uslugi1>div {min-height: 250px;}

.uslugi1>div {
	background-color: #ffffff;
	padding: 20px;
	text-align: center;
	border-radius: 30px;
	overflow: hidden;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}
.uslugi1>div:hover, .uslugi1>div:active, .uslugi1>div:focus {
	-webkit-box-shadow: 0 20px 30px -10px rgba(18,43,72,.1);
	box-shadow: 0 20px 30px -10px rgba(18,43,72,.1);
}
.uslugi1>div a {text-decoration: none;}
.uslugi1>div .button {margin-bottom: 15px;}
.uslugi1>div .button:last-child {margin-bottom: 0px;}


.uslugi1>div .productimg {
	height: 295px;
	margin: 0 0 20px 0;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.uslugi1>div img {
	object-fit: cover;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	width: 100%;
	height: 100%;
	flex-shrink: 0;
}
.uslugi1>div h3 {display: inline-block; margin: 0 auto 20px; color: #1b1f2a; text-align: center;}
.uslugi1>div p {text-align: center;}

@media screen and (max-width: 1200px) {
	.uslugi1>div {min-height: 294px;}
}

@media screen and (max-width: 666px) {
	.uslugi1>div img {max-width: 100%;}
}



#uslugi .uslugislide {max-height: inherit; overflow: initial;}
#uslugi .uslugislide .slick-list {height: auto; margin: 0 40px; margin-right: -16vw; padding-right: 16vw;}
#uslugi .uslugislide .slick-track {margin-bottom: 50px;}
#uslugi .uslugislide .slick-slide {background: #ffffff; padding: 20px; border-radius: 30px; opacity: 0.5;}
#uslugi .uslugislide .slick-slide .productimg {background: transparent; width: fit-content;}
#uslugi .uslugislide .slick-active {opacity: 1;}

@media screen and (max-width: 667px) {
	#uslugi .uslugislide .slick-list {margin: 0;}
	#uslugi .uslugislide .slick-prev {left: -10px;}
	#uslugi .uslugislide .slick-next {right: 10px;}
}




.uslugi2 .slick-track>div {background: transparent !important; padding: 0 !important;}

.uslugi2 .slick-slide>div {
	background: transparent !important;
	position: relative;
	background-color: transparent;
	padding: 0 0 30px 0;
	text-align: center;
	border-radius: 18px;
	overflow: hidden;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	
}
.uslugi2 .slick-slide>div:hover, .uslugi2 .slick-slide>div:active, .uslugi2 .slick-slide>div:focus {
	-webkit-box-shadow: 0 20px 30px -10px rgba(18,43,72,.5);
	box-shadow: 0 20px 30px -10px rgba(18,43,72,.5);
	-webkit-transition: 0.5s;
	transition: 0.5s;
	transition-delay: 0.4s;
}
.uslugi2 .slick-slide>div:hover .productimg, .uslugi2 .slick-track>div:active .productimg, .uslugi2 .slick-track>div:focus .productimg {border-radius: 0;}

.uslugi2 .slick-slide>div:after {
	background: #06162f;
	position: absolute;
	content: '';
	top: 240px;
	left: 0;
	width: 100%;
	height: 0;
	border-radius: 0 0 15px 15px;
	z-index: 7;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}
.uslugi2 .slick-slide>div:hover:after, .uslugi2 .slick-slide>div:active:after, .uslugi2 .slick-slide>div:focus:after {height: 100%;}

.uslugi2 .slick-slide>div .productimg:before {
	background: linear-gradient(0deg, #06162f 0%, rgba(6,22,47,0.4) 30%, rgba(6,22,47,0) 90%);
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	z-index: 8;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}
.uslugi2 .slick-slide>div:hover .productimg:before, .uslugi2 .slick-slide>div:active .productimg:before, .uslugi2 .slick-slide>div:focus .productimg:before {opacity: 1;}


.uslugi2 .slick-slide>div a {text-decoration: none;}
.uslugi2 .slick-slide>div .button {margin-bottom: 15px; z-index: 10;}
.uslugi2 .slick-slide>div .button:last-child {margin-bottom: 0px;}


.uslugi2 .slick-slide>div .productimg {
	position: relative;
	width: 100% !important;
	height: 320px !important;
	margin: 0 0 20px 0;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 8;
}
.uslugi2 .slick-slide>div img {
	object-fit: cover;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	width: 100%;
	height: 100%;
	flex-shrink: 0;
}
.uslugi2 .slick-slide h3 {position: absolute; bottom: 10px; display: inline-block !important; margin: 0 auto 10px !important; padding: 0 5px; font-size: 18px !important; color: #ffffff !important; text-align: center; z-index: 10;}
.uslugi2 .slick-slide p {text-align: center;}

@media screen and (max-width: 1200px) {
	.uslugi2 .slick-slide>div {min-height: 294px;}
}

@media screen and (max-width: 667px) {
	.uslugi2 .slick-slide>div img {max-width: 100%;}
}





.uslugislide .slick-track>div {
	background-color: #ffffff;
	padding: 20px;
	text-align: center;
	border-radius: 15px;
	overflow: hidden;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}
.uslugislide .slick-track>div:hover, .uslugislide .slick-track>div:active, .uslugislide .slick-track>div:focus {
	-webkit-box-shadow: 0 20px 30px -10px rgba(18,43,72,.1);
	box-shadow: 0 20px 30px -10px rgba(18,43,72,.1);
}
.uslugislide .slick-track>div a {text-decoration: none;}
.uslugislide .slick-track>div .button {margin-bottom: 15px;}
.uslugislide .slick-track>div .button:last-child {margin-bottom: 0px;}


.uslugislide .slick-track>div .productimg {
	height: 270px;
	margin: 0 auto 20px;
	border-radius: 20px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.uslugislide .slick-track>div img {
	max-width: inherit;
	object-fit: cover;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	width: 100%;
	height: 100%;
	flex-shrink: 0;
}
.uslugislide .slick-track>div h3 {display: inline-block; margin: 0 auto 20px; color: #1b1f2a; text-align: center; font-size: 22px;}
.uslugislide .slick-track>div p {text-align: center;}

.uslugislide .slick-prev, .uslugislide .slick-next {
	background: rgba(255, 255, 255, 0.86) !important;
	top: calc(50% - 70px);
	width: 44px;
	height: 44px;
	opacity: 1;
	border-radius: 50% !important;
	-webkit-box-shadow: 0 15px 30px -1px rgba(18, 43, 72, .1);
	box-shadow: 0 15px 30px -1px rgba(18, 43, 72, .1);
}
.uslugislide .slick-prev:before, .uslugislide .slick-next:before {position: absolute; top: 0px; right: 14px; color: #999999; font-size: 24px;}

.slick-prev:hover, .slick-prev:active, .slick-prev:focus,
.slick-next:hover, .slick-next:active, .slick-next:focus {
	background: rgba(255, 255, 255, 1) !important;
	cursor: pointer;
	opacity: 1 !important;
}
.slick-prev:hover:before, .slick-prev:active:before, .slick-prev:focus:before,
.slick-next:hover:before, .slick-next:active:before, .slick-next:focus:before {color: #444444;}














#catalog .catalog1>div {min-height: 250px;}

.catalog1>div {
	background-color: #ffffff;
	padding: 20px;
	text-align: left;
	border-radius: 15px;
	overflow: hidden;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}
.catalog1>div:hover, .catalog1>div:active, .catalog1>div:focus {
	-webkit-box-shadow: 0 20px 30px -10px rgba(18,43,72,.1);
	box-shadow: 0 20px 30px -10px rgba(18,43,72,.1);
}
.catalog1>div a {text-decoration: none;}
.catalog1>div .descchev {padding-left: 0;}
.catalog1>div img {max-width: 160px; width: auto; max-height: 200px; height: auto; float: left; margin: 0 20px 0 0;}
.catalog1>div h3 {display: inline-block; margin: 10px auto 20px; color: #1b1f2a; text-align: left;}
.catalog1>div p {text-align: left;}

@media screen and (max-width: 1367px) {
	.catalog1>div {min-height: 224px;}
}

@media screen and (max-width: 1200px) {
	.catalog1>div {min-height: 284px;}
	.headertop-menu {display: none !important;}
}

@media screen and (max-width: 666px) {
	.catalog1>div img {max-width: 100%;}
}


.catalog2 {
	display: grid;
	grid-template-columns: repeat(5, calc(20% - 16px));
	grid-gap: 20px;
}
.catalog2>div {
	background-color: #ffffff;
	padding: 20px;
	text-align: left;
	border-radius: 15px;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}
.catalog2>div:hover, .catalog2>div:active, .catalog2>div:focus {
	-webkit-box-shadow: 0 20px 30px -10px rgba(18,43,72,.1);
	box-shadow: 0 20px 30px -10px rgba(18,43,72,.1);
}
.catalog2>div a {text-decoration: none;}
.catalog2>div .descchev {padding-left: 0;}
.catalog2>div img {width: 100px; display: block; margin: 0 auto 0 auto;}
.catalog2>div h3 {margin: 0 auto 20px; text-align: left;}
.catalog2>div p {text-align: left;}



@media screen and (max-width: 667px) {
	.catalog2>div img {max-width: 100%; margin: 0 0 20px 0;}
}
@media screen and (max-width: 567px) {
	.catalog2>div {text-align: center;}
	.catalog2>div img {display: block; float: none;}
	.catalog2>div h3, .catalog2>div p {text-align: left;}
}
/* END catalog */



/* step */
#step .catalog1>div {min-height: 211px; overflow: initial;}
#step .catalog1>div:hover, #step .catalog1>div:active, #step .catalog1>div:focus {-webkit-box-shadow: none; box-shadow: none;}
#step .catalog1>div img {width: 211px; height: 211px; float: right; margin: -20px -20px -20px 20px; border-radius: 15px; overflow: hidden;}
#step .catalog1 .step {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 50px;
	color: #dedede;
	font-style: italic;
	font-weight: 500;
	text-shadow: rgba(255,255,255,0.9) 1px 1px 7px;
}


/* END step */



/* catalogbottom */
#catalogbottom {padding: 0 0 40px 0;}
/* END catalogbottom */


@media screen and (max-width: 768px) {
	#list-item, #portfolio {overflow: hidden !important;}
}





/* feedback1 */
#feedback1 {background-image: url('../img/bg2.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden;}
#feedback1 .feedbackbox {max-width: 900px; margin: 0 auto;}

#feedback1 .feedbackbox td {display: block;}


#feedback1:before, #feedback1:after {
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	content: '';
	z-index: 2;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
#feedback1:before {
	background-image: url(../img/bg0-1.png);
	width: 190px;
	height: 329px;
	top: -90px;
	left: calc(50% - 700px);
	-webkit-animation-name: floatingb;
	animation-name: floatingb;
}
#feedback1:after {
	background-image: url(../img/bg0-2.png);
	width: 259px;
	height: 325px;
	bottom: -60px;
	right: calc(50% - 700px);
	-webkit-animation-name: floatingt;
	animation-name: floatingt;
}
@keyframes floatingb {
	0%, to {-webkit-transform:translateY(0%);transform:translateY(0%)}
	50% {-webkit-transform:translateY(3%);transform:translateY(3%)}
}
@-webkit-keyframes floatingb {
	0%, to {-webkit-transform:translateY(0%)}
	50% {-webkit-transform:translateY(3%)}
}
@keyframes floatingt {
	0%, to {-webkit-transform:translateY(3%);transform:translateY(3%)}
	50% {-webkit-transform:translateY(0%);transform:translateY(0%)}
}
@-webkit-keyframes floatingt {
	0%, to {-webkit-transform:translateY(3%)}
	50% {-webkit-transform:translateY(0%)}
}


/* END feedback1 */




/* feedback */
#feedback {background: #235060; padding: 60px 0 0 0; margin: 0 0 60px 0; z-index: 99;}

#feedback .contentcenter {text-align: left;}
#feedback .col30 li:nth-child(1), #feedback .col30 li:nth-child(3) {width: 30%;}
#feedback .col30 li:nth-child(2) {width: 40%; text-align: center;}
#feedback .col30 li:nth-child(2), #feedback .col30 li:nth-child(2) img {margin: 0 0 -4px 0; padding: 0;}
#feedback .col30 li:nth-child(1) {padding: 50px 40px 0 0;}
#feedback .col30 li:nth-child(3) {padding: 50px 0 0 40px;}
#feedback .col30 b {font-size: 18px;}
#feedback h2 {margin: 0px auto 30px; color: #ffffff;}
#feedback p {
	width: auto;
	margin: 0 auto 0px;
	color: rgba(255,255,255,0.9);
	font-size: 18px;
	font-weight: 400;
}

#feedback .feedbackform {
	position: relative;
	background: transparent;
	min-width: 250px;
	max-width: 550px;
	margin: -120px 0 -50px 0;
	padding: 30px 50px;
	text-align: center;
	z-index: 99;
}
#feedback .feedbackform input, #feedback .feedbackform textarea {margin: 0px auto 10px auto;}
#feedback .feedbackform textarea {width: 100%;}
#feedback .feedbackform:before {
	background-color: #E0B562;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	width: 100%;
	height: 100%;
	z-index: -1;
	transform: translateX(0) translateY(0) rotate(10deg);
	-webkit-transform: translateX(0) translateY(0) rotate(10deg);
	-moz-transform: translateX(0) translateY(0) rotate(10deg);
	-ms-transform: translateX(0) translateY(0) rotate(10deg);
	-o-transform: translateX(0) translateY(0) rotate(10deg);
	transition: all 0.4s ease-in 0s;
	-webkit-transition: all 0.4s ease-in 0s;
	-moz-transition: all 0.4s ease-in 0s;
	-ms-transition: all 0.4s ease-in 0s;
	-o-transition: all 0.4s ease-in 0s;
}
#feedback .feedbackform:after {
	background-color: #ffffff;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	width: 100%;
	height: 100%;
	z-index: -1;
	-webkit-box-shadow: 0 10px 30px -10px rgba(18, 43, 72, .3);
	box-shadow: 0 10px 30px -10px rgba(18, 43, 72, .3);
	transition: all 0.4s ease-in 0s;
	-webkit-transition: all 0.4s ease-in 0s;
	-moz-transition: all 0.4s ease-in 0s;
	-ms-transition: all 0.4s ease-in 0s;
	-o-transition: all 0.4s ease-in 0s;
}

@media screen and (max-width: 768px) {
	#feedback {margin: 0;}
	.feedbackform {margin: 40px 0 !important;}
	#feedback .contentcenter, #feedback h2, #feedback p {text-align: center;}
	#feedback p {display: block; float: none;}
	#feedback .col30 li:nth-child(1), #feedback .col30 li:nth-child(3) {padding: 50px 40px; text-align: center;}
	.feedbackform {float: none; margin: 30px auto 0 auto;}
}
.feedbackform h3 {text-align: center; font-size: 34px; font-weight: 700;}


.feedbackul {display: inline-block;}
.feedbackul li {width: 29.3333333%; float: left; padding: 0 2%;}

.feedbackul a:link, .feedbackul a:visited {color: #ffffff; text-decoration: underline;}
.feedbackul a:hover, .feedbackul a:active, .feedbackul a:focus {color: #fafafa; text-decoration: none;}

@media screen and (max-width: 700px) {
	#feedback {background-size: auto 100%;}
	.feedbackul li {width: 96%;}
	.feedbackform h3 {font-size: 26px;}
}
/* END feedback */



#need .contentcenter {text-align: left;}
#need .preim1>div {
	background: #F6F7F9;
	position: relative;
	padding: 10px 10px;
	border-radius: 20px;
	font-size: 15px;
	font-weight: 500;
}




#purposes {background: #235060;}
#purposes h2 {color: #ffffff;}
#purposes .contentcenter {text-align: left;}
#purposes .preim1>div {
	background: #F6F7F9;
	position: relative;
	padding: 20px 20px 20px 50px;
	border-radius: 20px;
	font-size: 15px;
	font-weight: 500;
}
#purposes .preim1>div span {
	position: absolute;
	top: 20px;
	left: 15px;
	width: 18px;
	text-align: center;
	font-size: 24px;
	font-weight: 500;
}
#purposes .preim1>div span:before {
	background: #E0B562;
	position: absolute;
	content: '';
	left: calc(50% - 5px);
	bottom: -3px;
	width: 10px;
	height: 2px;
}






/* corp */
#corp {padding: 0 0 40px 0;}
#corp {font-size: 18px;}
#corp img {float: right;}
#corp h3 {font-size: 24px;}
#corp p {text-align: left;}
/* END corp */



/* toptov */
#toptov {padding: 0 0 40px 0;}
/* END toptov */





/* banki */
#banki {background-color: #F6F7F9;}
#banki .contentcenter {text-align: left;}
#banki .slick-list {width: 90%; height: 200px; margin: 0 5%;}
@media only screen and (max-width: 667px) {
	#banki .slick-list {width: 80%; margin: 0 10%;}
	#banki .slick-prev, #banki .slick-next {top: 23%;}
	#banki .slick-initialized .slick-slide .boxhrefimg {max-width: 90%;}
}



#requirements .contentcenter {text-align: left;}
#requirements .preim1>div {
	background: #F6F7F9;
	padding: 20px;
	border-radius: 20px;
	font-size: 15px;
	font-weight: 500;
}
#requirements .preim1 .list>li {margin-bottom: 0px !important;}



#logic {background: #235060;}
#logic h2 {color: #ffffff;}
#logic .contentcenter {text-align: left;}
#logic .preim1>div {
	background: #F6F7F9;
	position: relative;
	padding: 20px 20px 20px 50px;
	border-radius: 20px;
	font-size: 15px;
	font-weight: 500;
}
#logic .preim1>div span {
	position: absolute;
	top: 20px;
	left: 15px;
	width: 18px;
	text-align: center;
	font-size: 24px;
	font-weight: 500;
}
#logic .preim1>div span:before {
	background: #E0B562;
	position: absolute;
	content: '';
	left: calc(50% - 5px);
	bottom: -3px;
	width: 10px;
	height: 2px;
}

.logic2 {grid-column: 2 / span 2;}

@media screen and (max-width: 768px) {.logic2 {grid-column: 1 / span 1;}}




#preim {}
#preim .contentcenter {text-align: left;}

#preim .preim1>div {position: relative; padding-left: 80px;}
#preim .preim1>div p {padding: 10px 0;}
#preim .preim1>div img {position: absolute; top: 0; left: 0;}

#preim .feedbackform {
	position: relative;
	background: transparent;
	min-width: 250px;
	max-width: 550px;
	margin: -120px 0 -50px 0;
	padding: 30px 50px;
	text-align: center;
	z-index: 99;
}
#preim .feedbackform input {margin: 0px auto 10px auto;}
#preim .feedbackform:before {
	background-color: #E0B562;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	width: 100%;
	height: 100%;
	z-index: -1;
	transform: translateX(0) translateY(0) rotate(-10deg);
	-webkit-transform: translateX(0) translateY(0) rotate(-10deg);
	-moz-transform: translateX(0) translateY(0) rotate(-10deg);
	-ms-transform: translateX(0) translateY(0) rotate(-10deg);
	-o-transform: translateX(0) translateY(0) rotate(-10deg);
	transition: all 0.4s ease-in 0s;
	-webkit-transition: all 0.4s ease-in 0s;
	-moz-transition: all 0.4s ease-in 0s;
	-ms-transition: all 0.4s ease-in 0s;
	-o-transition: all 0.4s ease-in 0s;
}
#preim .feedbackform:after {
	background-color: #ffffff;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	width: 100%;
	height: 100%;
	z-index: -1;
	-webkit-box-shadow: 0 10px 30px -10px rgba(18, 43, 72, .3);
	box-shadow: 0 10px 30px -10px rgba(18, 43, 72, .3);
	transition: all 0.4s ease-in 0s;
	-webkit-transition: all 0.4s ease-in 0s;
	-moz-transition: all 0.4s ease-in 0s;
	-ms-transition: all 0.4s ease-in 0s;
	-o-transition: all 0.4s ease-in 0s;
}

@media screen and (max-width: 768px) {
	#preim {margin: 0;}
	#preim .preim1>div p {padding: 0 0 30px 0;}
}



#faq .contentcenter {text-align: left;}



/* document */
#document {background-color: #F6F7F9; padding-bottom: 120px;}
#document .contentcenter {text-align: left;}
#document .contentcenter h2 {max-width: 520px;}
#document .slick-list {width: 90%; height: 350px; margin: 0 5%;}
#document .slick-slide img {max-height: 300px;}



.comment #allEntries>div {
	position: relative;
	background-color: #ffffff;
	width: calc(25% - 20px);
	min-height: 280px;
	float: left;
	margin: 0 10px 20px 10px;
	padding: 20px;
	text-align: center;
	vertical-align: top;
	border-radius: 15px;
	overflow: hidden;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}
.comment #allEntries>div:hover, .comment #allEntries>div:active, .comment #allEntries>div:focus {
	-webkit-box-shadow: 0 20px 30px -10px rgba(18,43,72,.1);
	box-shadow: 0 20px 30px -10px rgba(18,43,72,.1);
}
.comment #allEntries>div h3 {display: inline-block; margin: 0 auto 20px; color: #1b1f2a; text-align: center; font-size: 22px;}
.comment #allEntries>div p {text-align: left; font-size: 14px; font-weight: 500;}
.comment #allEntries>div>div>i {display: block; margin-top: 14px; text-align: right;}

@media screen and (max-width: 960px) {
	.comment #allEntries>div {width: calc(33.3333333% - 20px);}
}
@media screen and (max-width: 667px) {
	.comment #allEntries>div {width: calc(50% - 20px);}
}
@media screen and (max-width: 567px) {
	.comment #allEntries>div {width: calc(100% - 20px);}
}



#comment {background: #F6F7F9; margin-top: -60px; padding-top: 120px; z-index: 1;}
#comment .contentcenter {text-align: left;}
#comment .uslugislide {max-height: inherit; overflow: initial;}
#comment .uslugislide .slick-list {height: auto; margin: 0 40px; margin-right: -16vw; padding-right: 16vw;}
#comment .uslugislide .slick-track {margin-bottom: 50px;}
#comment .uslugislide .slick-slide {background: #ffffff; padding: 20px; border-radius: 30px; opacity: 0.5;}
#comment .uslugislide .slick-slide .productimg {background: transparent; width: fit-content;}
#comment .uslugislide .slick-active {opacity: 1;}

#comment .uslugislide p {text-align: left; font-size: 14px; font-weight: 500;}
#comment .uslugislide i {display: block; margin-top: 14px; text-align: right;}

@media screen and (max-width: 667px) {
	#comment .uslugislide .slick-list {margin: 0;}
	#comment .uslugislide .slick-prev {left: -10px;}
	#comment .uslugislide .slick-next {right: 10px;}
}






/* documents */
#documents {background: #f7f7f7; padding: 0 0 40px 0;}
#documents ul {text-align: center;}
#documents ul li {
	display: inline-block;
	width: 26%;
	margin: 0 3.3%;
	text-align: center;
	position: relative;
}
#documents ul li h3 {color: #000;}
#documents ul li span {font-size: 16px; font-weight: normal; color: #777;}
.cat-a-img {
	display: block;
	width: auto;
	border-radius: 12px;
	position: relative;
}
.cat-a-img img {
	width: auto;
	height: 100%;
	top: 0;
	left: 50%;
	opacity: 0.7;
	-webkit-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
}
.cat-a-img .boxhrefimg {height: 254px !important;}
.documents ul li:hover img {opacity: 1;}
.documents ul li:hover .detail-btn {
	color: #fff;
	border-color: #fff;
	background: -o-linear-gradient(135deg, #2c749c, #7eb54a);
	background: linear-gradient(-45deg, #2c749c, #7eb54a);
	-webkit-transition-duration: .4s;
	-o-transition-duration: .4s;
	transition-duration: .4s;
}

@media screen and (max-width: 1024px) {
	.documents ul li {width: 31%;margin: 0 1%;}
}
@media screen and (max-width: 667px) {
	.documents ul {text-align: center; padding: 0 0 30px;}
	.documents ul li {float: none; width: 47%; margin-top: 30px;}
}

@media screen and (max-width: 520px) {
	.documents ul li {width: 66%;}
}
/* END documents */


.konraktyleft {width: 38%; float: left; margin: 0 2% 0 0; padding: 40px 0 40px 0; color: #a5978c; font-size: 13px; text-align: left;}
.konraktyleft h2 {text-align: left; font-size: 30px;}
.konraktyleft b {color: #2d2d2d; font-size: 16px; font-weight: normal;}
.konraktyleft a {color: #2d2d2d; font-size: 150%; text-decoration: none; font-weight: 500;}
.konraktyright {width: 60%; float: right;}

@media screen and (max-width: 800px) {
	.konraktyleft {width: 100%;}
	.konraktyright {width: 100%;}
	.contactmap {max-width: 1080px; width: 100%; position: relative;}
}
.contactmap {max-width: 1080px; width: 60%; position: absolute;}



/* Preim1 */
.preim1 {text-align: left;}
.preim1 img {
	width: 60px;
	height: 60px;
	float: left;
	margin: 0 20px 0 0;
	-webkit-transition: 1.2s;
	transition: 1.2s;
}
.preim1 a {text-decoration: none;}
.preim1 h3 {min-height: 56px; margin: 5px auto 10px auto; color: #303236; font-size: 22px;}
.preim1 p {position: relative; min-height: 92px; margin: 0 40px 0 0px;}
/* END Preim1 */


/* Preim2 */
.preim2>div {text-align: center;}
.preim2 img {
	width: 60px;
	height: 60px;
	margin: 0 auto;
	-webkit-transition: 1.2s;
	transition: 1.2s;
}
.preim2 a {text-decoration: none;}
.preim2 h3 {min-height: 56px; margin: 10px auto 0px auto; color: #303236; font-size: 22px;}
.preim2 p {position: relative; min-height: 92px; margin: 0 auto;}
/* END Preim2 */


/* Preim3 */
.preim3 {text-align: left;}
.preim3 img {
	width: 60px;
	height: 60px;
	float: left;
	margin: 0 20px 0 0;
	-webkit-transition: 1.2s;
	transition: 1.2s;
}
.preim3 a {text-decoration: none;}
.preim3 h3 {min-height: 56px; margin: 23px auto 10px auto; color: #303236; font-size: 22px;}
.preim3 p {position: relative; min-height: 92px; margin: 0 40px 0 60px;}
.preim3 p:after {background: #235060; position: absolute; width: 20px; height: 2px; content: ''; top: 10px; left: -50px;}
/* END Preim3 */


/* Preim4 */
.preim4 {text-align: left;}
.preim4 div {position: relative; padding-left: 80px;}
.preim4 img {
	position: absolute;
	width: 60px;
	height: 60px;
	top: 0;
	left: 0;
	-webkit-transition: 1.2s;
	transition: 1.2s;
}
.preim4 a {text-decoration: none;}
.preim4 h3 {margin: 5px auto 10px auto; color: #303236; font-size: 22px;}
.preim4 h4 {margin: 10px auto 10px auto; color: #303236; font-size: 22px;}
.preim4 b {color: #303236; font-size: 18px;}
.preim4 p {position: relative; min-height: 92px; margin: 0;}
/* END Preim4 */





/* FAQ (Вопрос-ответ) */
#faq {}
#faq .topic {
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0 auto 30px auto;
}
#faq .open {cursor: pointer; display: block; padding: 0px;}
#faq .open:hover {opacity:0.7;}
#faq .opened {}
#faq .question {
	display: block;
	margin: 0 auto 20px 0;
	padding-right: 60px;
	text-align: left;
	color: #202020;
	font-size: 18px;
	font-weight: 600;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#faq .opened .question {color: #E0B562;}
#faq .answer {
	font-size:15px;
	font-weight: 500;
	height: 0px;
	margin: 0 !important;
	text-align: left;
	padding: 0 30px 0 20px;
	color: #444444;
	opacity: 0;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#faq .opened .answer {height: auto; opacity: 1;}

#faq .faq-t {
	background: #E0B562;
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0px;
	right: 0px;
	border-radius: 50%;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#faq .openn {
	position: absolute;
	top: calc(50% - 1px);
	left: calc(50% - 10px);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	transform-origin: 10px 1px;
}
#faq .openn:before, #faq .openn:after {
	background: #ffffff;
	position: absolute;
	width: 20px;
	height: 2px;
	content: '';
	border-radius: 2px;
}
#faq .openn:before {
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
#faq .openn:after {}

#faq .faq-o .openn {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* FAQ Второй внешний вид */
#faq .faq2 .question {padding-right: 0px; padding-left: 60px;}
#faq .faq2 .faq-t {background: #eaeff6; top: 0px; left: 0px;}
#faq .faq2 .answer {padding-left: 60px !important;}

@media only screen and (max-width: 480px) {
	#faq .question {padding-right: 40px;}
	#faq .answer {margin-bottom: 30px; padding-left: 0px; padding-right: 0px;}
}
/* END FAQ (Вопрос-ответ) */




/* familya */
#familya {text-align: left;}
.familyaa {position: absolute; top: 0; left: 0; text-transform: none; font-size: 240px; line-height: 1; color: #e4e4e4; font-weight: 500; z-index: -1;}
.familyf {position: relative; margin: 100px 0 40px 15px; font-size: 26px; font-weight: 600;}

.familyr, .familym, .familyb {margin: 0 0 20px 15px; font-size: 18px;}
.familyr {font-weight: 400;}
.familym {font-weight: 600;}
.familyb {font-weight: 800;}
.familyp {min-height: 163px;}

.hex {text-align: center !important; color: #a5afb8; font-size: 14px;}
.color {width: 100px; height: 100px; margin: 10px auto 10px auto; border-radius: 50%;}
.hex span {color: #252b33;}
/* END Preim1*/




/* --
	footer Нижняя часть сайта
 -- */
footer {position: absolute; width: 100%; height: auto; left: 0; bottom: 0;}

footer a:link, footer a:visited {color: #235060; text-decoration: underline;}
footer a:hover, footer a:active, footer a:focus {color: #E0B562; text-decoration: none;}

footer .social {width: 100%; display: inline-block; margin: 0 0 12px 0;}
footer .social i, footer .social a i {position: relative; font-size: 26px; text-decoration: none; margin: 0 7px 7px 0;}
footer .social i {width: auto !important; color: #cccccc;}
footer .social a {text-decoration: none !important;}
footer .social a i {color: #999999;}
footer .social a i:hover, footer .social a i:active, footer .social a i:focus {color: #666666; text-decoration: none;}

footer .social img {max-height: 20px; float: left; margin: 0 10px 15px 0;}
footer .social .jsb, footer .social .qiwi {max-height: 30px !important; margin: -5px 10px 10px 0 !important;}








/* -- Верхний footer -- */
.footer-top {
	background: #F6F7F9;
	padding: 30px 0 20px 0;
	text-align: left;
}
.footer-top .photo {max-width: 100%; width: 200px; height: auto; margin: 5px 0;}


.footer-top i {
	position: absolute;
	width: 20px;
	top: 0;
	left: 0;
	text-align: center;
	color: #235060;
	font-size: 20px;
}
.footer-top .fa-phone-flip {padding-bottom: 20px;}
.footer-top .w1000 {max-width: 1200px;}
.footer-top h3 {
	position: relative;
	display: block;
	margin: 0 0 22px 0;
	color: #202020;
	text-align: left;
	font-size: 18px;
	font-weight: 600;
}
.footer-top h3:after {
	background: #cccccc;
	position: absolute;
	content: '';
	bottom: -11px;
	left: 0;
	height: 2px;
	width: 20px;
}



.footer-top-cont li {position: relative; width: 100%; display: inline-block; margin: 0 0 9px 0; padding: 0 0 0 35px; font-size: 14px; vertical-align: top;}
.footer-top-cont li a {width: 100%; font-size: 16px; font-weight: 700;}
.footer-top-cont li .fa-map-marker-alt {padding-bottom: 20px;}


/* ~~ Ссылка без наведения ~~ */
.footer-top-menu a:link,
.footer-top-menu a:visited {display: block; padding: 3px 0; color: #666666; font-size: 14px; font-weight: 600; text-decoration: none !important;}
/* ~~ Ссылка при наведении ~~ */
.footer-top-menu a:hover,
.footer-top-menu a:active,
.footer-top-menu a:focus {color: #222222;}
/* ~~ Ссылка активная ~~ */
.footer-top-menu .uMenuItemA:link,
.footer-top-menu .uMenuItemA:visited {color: #235060 !important;}
/* ~~ Ссылка активная при наведении ~~ */
.footer-top-menu .uMenuItemA:hover,
.footer-top-menu .uMenuItemA:active,
.footer-top-menu .uMenuItemA:focus {color: #222222 !important;}


.footer-callto {font-weight: 600;}
.footer-callto a {float: left;}


.footer-menu {background: #5886c5; padding: 10px 0;}
.footer-menu .uMenuV>ul>li>a:link, .footer-menu .uMenuV>ul>li>a:visited {display: inline-block; padding: 15px 15px; color: #ffffff; font-size: 18px; text-decoration: none;}
.footer-menu .uMenuV>ul>li>a:hover, .footer-menu .uMenuV>ul>li>a:active, .footer-menu .uMenuV>ul>li>a:focus {color: #01426c; text-decoration: none;}

.footer-menu .uMenuItemA:link, .footer-menu .uMenuItemA:visited {color: #01426c !important;}
.footer-menu .uMenuItemA:hover, .footer-menu .uMenuItemA:active, .footer-menu .uMenuItemA:focus {color: #ffffff !important;}


/* -- Нижний footer -- */
.footer-bottom {
	width: 100%;
	min-height: 90px;
	color: #808080;
	text-align: center;
}

.footer-bottom .col2>div:first-child {padding-top: 5px; font-size: 12px; text-align: left;}
.footer-bottom .col2>div:last-child {padding-top: 20px; text-align: right;}


@media screen and (max-width: 1200px) {
	footer {position: relative; margin: 0 0 -5px 0;}
}

@media screen and (max-width: 1024px) {
	.footer-top-block {width: 50%; margin-bottom: 40px;}
}

@media screen and (max-width: 768px) {
	.footer-center {width: 90% !important; height: auto !important; margin: 0 5%; text-align: center;}
	.footer-center-l, .footer-center-lmob, .footer-center-r, .footer-center-c, .menu-footer-center li {width: 100% !important; float: none !important; display: inline-block; padding: 0;}
	.footer-center-lmob {display: inline-block !important;}
	.footer-center-c {padding: 20px 0 0 0;}
	.footer-center-c {margin: 0 auto !important;}
	.menu-footer-center li {width: auto !important; min-width: 230px !important; margin: 0 20% 10px !important; padding: 4px 0; text-align: left;}
	.footer-center-r {width: auto !important; display: inline-block; float: none !important; margin: 20px auto 0 auto !important; padding: 0 !important;}
	.mfcbottom, .footer-center-l {display: none !important;}
	.blockgl2 {background-image: url('../img/blockgl1mob.png'); background-position: top center; background-repeat: no-repeat; background-size: auto 100% !important; height: auto !important;}


	.footer-bottom {margin: 0 auto -5px auto; padding: 30px 0 0 0;}
	.footer-bottom .col2>div:first-child,
	.footer-bottom .col2>div:last-child {padding: 0 !important; text-align: center !important;}
	#banner a img {float: none;}
}

@media screen and (max-width: 667px) {
	.footer-top-block {width: 100%;}
	.footer-top-block ul {margin-left: 48px;}
	.footer-top .col4>li {min-height: initial;}
}



/* -- Наш копирайт -- */
.copyright {color: #282828;}
/* -- Наш копирайт при наведении -- */
.copyright:hover, .copyright:active, .copyright:focus {color: #000000;}


/* --
	/ end. footer Нижняя часть сайта
 -- */







/* ВИД ТОВАРА */
#total-sum i {float: left; margin: 5px 10px 5px 0; color: #046FD1; font-size: 36px;}


#product .productimg, .swiper-autoheight {
	min-height: 372px;
	margin: 0 auto 10px;
	border-radius: 16px;
	-webkit-box-shadow: 0 15px 30px -1px rgba(18,43,72,.1);
	box-shadow: 0 15px 30px -1px rgba(18,43,72,.1);
}
#product .productimg:hover, #product .productimg:active, #product .productimg:focus {
	-webkit-box-shadow: 0 15px 30px -1px rgba(18,43,72,.3);
	box-shadow: 0 15px 30px -1px rgba(18,43,72,.3);
}

.swiper-slide {box-sizing: border-box;}
.gallery-thumbs-slider img {border: 2px solid #dedede; border-radius: 8px;}
.swiper-slide-thumb-active img {border-color: #507fff;}



.productimg {
	background: #ffffff;
	position: relative;
	width: 100%;
	height: 224px;
	margin: 0;
	border-radius: 18px;
	overflow: hidden;
	display: block;
	justify-content: center;
	align-items: center;
	-webkit-box-shadow: none;
	-webkit-transition: 0.6s;
	transition: 0.6s;
}
.productimg img {
	object-fit: cover;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	transition: 1.2s;
	-webkit-transition: 1.2s;
}
.productimg:hover > .boxhref, .productimg:active > .productimg, .boxhrefimg:focus > .boxhref {
	background-image: url('../img/ico_bigeye.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 60px !important;
	z-index: 20;
}
.productimg .boxhref {background: none; position: absolute !important; width: 60px; height: 60px; top: 50%; left: 50%; margin: -30px 0 0 -30px; cursor: pointer; z-index: 50;
	opacity: 0.7;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.productimgs img {
	object-fit: cover;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	transition: 1.2s;
	-webkit-transition: 1.2s;
}
.productimgs img {
	max-width: calc(25% - 3px) !important;
	margin-bottom: 0px;
	-webkit-box-shadow: 0 15px 30px -1px rgba(18,43,72,.1);
	box-shadow: 0 15px 30px -1px rgba(18,43,72,.1);
}
.productimgs img:hover, .productimgs img:active, .productimgs img:focus {
	-webkit-box-shadow: 0 15px 30px -1px rgba(18,43,72,.3);
	box-shadow: 0 15px 30px -1px rgba(18,43,72,.3);
}

.postRest1 a, :where(.product-page) .tabs-link.active {border-bottom: 3px solid #046FD1 !important;}




.pphotofon {
	background: linear-gradient(-180deg,rgba(20,20,20,0) 0,rgba(20,20,20,.66) 100%) no-repeat 0 100%;
	background-size: 100% 30%;
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
}


.productimg .other, .productimg .new, .productimg .hot, .productimg .hit, .productimg .days, .productimg .price,
.gallery-main-slider-container .other, .gallery-main-slider-container .new, .gallery-main-slider-container .hot, .gallery-main-slider-container .hit, .gallery-main-slider-container .days, .gallery-main-slider-container .price {position: absolute; text-align: center; z-index: 99;}
.productimg .other,
.gallery-main-slider-container .other {background: #ffffff; top: 20px; left: 0px; padding: 6px 10px; border-radius: 0px 5px 5px 0; font-size: 14px; font-weight: 600;}

.productimg .new, .productimg .hot, .productimg .hit,
.gallery-main-slider-container .new, .gallery-main-slider-container .hot, .gallery-main-slider-container .hit {width: 50px; height: 50px; top: -10px; right: -10px; color: #ffffff; line-height: 60px; border-radius: 50%; font-size: 8px; font-weight: 600; text-transform: uppercase; transform: rotate(45deg);}
.productimg .new,
.gallery-main-slider-container .new {background: #046FD1;}
.productimg .hot,
.gallery-main-slider-container .hot {background: #ff0000;}
.productimg .hit,
.gallery-main-slider-container .hit {background: #3dac00;}

.productimg .days,
.gallery-main-slider-container .days {bottom: 10px; left: 20px; color: #ffffff; font-size: 20px; font-weight: 700; text-shadow: rgba(0,0,0,0.3) 1px 1px 5px;}

.productimg .price {bottom: 0; right: 10px; color: #ffffff; font-size: 24px; font-weight: 700; text-shadow: rgba(0,0,0,0.3) 1px 1px 5px;}
.productimg .price sup {color: #303236;}
.productimg .price .oldprice {height: 13px; font-size: 12px;}
.productimg .price .newprice {color: #ff0000;}
.productimg .price i {color: #fafafa;}

.product1 a, .product2 a, .product3 a, .product4 a {text-decoration: none;}





.product1, .product2, .product3, .product4 {
	position: relative;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}
.product1 .productimg, .product2 .productimg, .product3 .productimg, .product4 .productimg {width: auto; height: 254px;}
#product .product1:hover img, #product .product1:active img, #product .product1:focus img,
.product1 a:hover img, .product1 a:active img, .product1 a:focus img,
.product2 a:hover img, .product2 a:active img, .product2 a:focus img,
.product3 a:hover img, .product3 a:active img, .product3 a:focus img,
.product4 a:hover img, .product4 a:active img, .product4 a:focus img {
	-webkit-transform: translate(-50%,-50%) scale(1.12);
	transform: translate(-50%,-50%) scale(1.12);
	-webkit-transition: 1.2s;
	transition: 1.2s;
}


.product1 {width: 100%; min-height: 402px;}

.product1 img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%) scale(1.0);
	transform: translate(-50%,-50%) scale(1.0);
	display: block;
	margin: 0 0 -5px 0;
	max-height: 100%;
	min-height: 100%;
	-webkit-transition: 1.0s;
	transition: 1.0s;
}
.product1 a:hover .productimg, .product1 a:active .productimg, .product1 a:focus .productimg {-webkit-box-shadow: 0 15px 30px -10px rgba(18,43,72,.3); box-shadow: 0 15px 30px -10px rgba(18,43,72,.3);}

.product1 h3 {min-height: 55px; margin: 10px auto; color: #303236; font-size: 16px; z-index: 5;}
.product1 a:hover h3, .product1 li a:active h3, .product1 li a:focus h3 {color: #235060 !important;}

.product1 p {min-height: 36px; margin: 0 auto 10px auto; font-size: 14px; color: #808080;}
.product1 .descchev {padding-left: 0px;}
.product1 .price {float: right; width: 150px; min-height: 38px; text-align: right; color: #303236; font-size: 16px; font-weight: 600;}
.product1 .price small {display: block; font-size: 12px; color: #999999; font-weight: 400;}
.product1 .price sup {margin-right: 5px; color: #999999; font-size: 12px;}
.product1 .price .oldprice {height: 13px; font-size: 12px;}
.product1 .price .newprice {float: right; color: #ff0000;}
.product1 .price i {float: right; margin: 1px 0 0 3px; font-size: 15px; color: #999999;}
.product1 .buttondesc:before {display: none;}




.product2 {
	background: #ffffff;
	border-radius: 18px;
	padding: 0 10px 10px 10px;
	overflow: hidden;
	-webkit-box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
	box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
}
.product2:hover, .product2:active, .product2:focus {-webkit-box-shadow: 0 15px 30px -10px rgba(18,43,72,.3); box-shadow: 0 15px 30px -10px rgba(18,43,72,.3);}

.product2 .productimg {width: calc(100% + 20px); margin: 0 -10px 0 -10px; border-radius: 0; -webkit-box-shadow: none !important; box-shadow: none !important;}

.product2 img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%) scale(1.0);
	transform: translate(-50%,-50%) scale(1.0);
	display: block;
	margin: 0 0 -5px 0;
	max-height: 100%;
	min-height: 100%;
	-webkit-transition: 1.0s;
	transition: 1.0s;
}

.product2 h3 {min-height: 46px; margin: 10px auto; color: #303236; font-size: 16px;}
.product2 a:hover h3, .product2 li a:active h3, .product2 li a:focus h3 {color: #235060 !important;}

.product2 p {min-height: 36px; margin: 0 auto 10px auto; font-size: 14px; color: #808080;}
.product2 .price {float: right; min-width: 150px; min-height: 38px; text-align: right; color: #303236; font-size: 16px; font-weight: 600;}
.product2 .price small {display: block; font-size: 12px; color: #999999; font-weight: 400;}
.product2 .price sup {color: #999999; font-size: 12px;}
.product2 .price .newprice {float: right; color: #ff0000;}
.product2 .price i {float: right; margin: 1px 0 0 3px; font-size: 15px; color: #999999;}
.product2 .buttondesc {margin: 0; padding-left: 0;}
.product2 .buttondesc:before {display: none;}



#product3 .goods-list .list-item {
	width: 100%;
	margin: 0 0 40px 0;
	float: left;
}
#product3 .goods-list .list-item {
	width: calc(50% - 20px);
	margin: 0 20px 20px 0;
	float: left;
}

.product3 {
	background: #ffffff;
	width: 100%;
	min-height: inherit;
	border-radius: 18px;
	padding: 0;
	text-align: left;
	overflow: hidden;
	-webkit-box-shadow: 0 10px 30px -10px rgba(18,43,72,.1);
	box-shadow: 0 10px 30px -10px rgba(18,43,72,.1);
}
.product3:hover, .product3:active, .product3:focus {-webkit-box-shadow: 0 15px 30px -10px rgba(18,43,72,.3); box-shadow: 0 15px 30px -10px rgba(18,43,72,.3);}

.product3 .productimg {width: 220px; height: 220px; float: left; margin: 0 20px 0 0; border-radius: 18px; -webkit-box-shadow: none !important; box-shadow: none !important;}

.product3 img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%) scale(1.0);
	transform: translate(-50%,-50%) scale(1.0);
	display: block;
	margin: 0 0 -5px 0;
	max-height: 100%;
	min-height: 100%;
	-webkit-transition: 1.2s;
	transition: 1.2s;
}

.product3 h3 {position: relative; margin: 20px auto 20px; color: #303236; font-size: 20px;}
.product3 a:hover h3, .product3 li a:active h3, .product3 li a:focus h3 {color: #235060 !important;}

.product3 p {margin: 0 auto 20px auto; font-size: 14px; color: #808080;}


.product3 .otherleft {width: calc(100% - 520px); float: left;}
.product3 .otherright {width: 240px; float: right; margin: 20px 20px 0 20px;}

.product3 .center {width: 100%; display: inline-block;}
.product3 .other {margin: 20px 0 0 0;}
.product3 .price {float: right; width: 180px; min-height: 38px; text-align: right; color: #303236; font-size: 16px; font-weight: 600;}
.product3 .price small {display: block; font-size: 12px; color: #999999; font-weight: 400;}
.product3 .price sup {color: #999999; font-size: 12px;}
.product3 .price .newprice {color: #ff0000;}
.product3 .price i {font-size: 15px; color: #999999;}
.product3 .buttondesc {margin: 0; padding-left: 0;}
.product3 .buttondesc:before {display: none;}


@media screen and (max-width: 960px) {
	.product3 {width: 90%; margin-right: 5%; margin-left: 5%;}
	.product3 .otherleft {width: calc(100% - 240px);}
}
@media screen and (max-width: 667px) {
	.product3 .otherleft {width: 90%; margin: 0 5%;}
	.product3 .productimg {width: 100%; min-height: 250px;}
}






#product4 .goods-list .list-item {
	width: 100%;
	margin: 0;
	float: left;
}
#product4 .goods-list .list-item {
	width: 100%;
	margin: 0;
	float: left;
}


.product4 {
	background: transparent;
	width: 100%;
	min-height: inherit;
	display: flex;
	align-items: center;
	justify-content: left;
	flex-direction: row;
	padding: 5px 0;
	text-align: left;
	border-bottom: 1px solid rgba(18,43,72,.1);
}
.product4:hover, .product4:active, .product4:focus {}

.product4 .modernpanel {float: right; margin-top: -7px;}

.product4 .productimg {min-width: 60px; width: 60px; min-height: 60px; height: 60px; float: left; margin: 0 10px 0 0; border-radius: 18px; -webkit-box-shadow: none !important; box-shadow: none !important;}

.product4 img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%) scale(1.0);
	transform: translate(-50%,-50%) scale(1.0);
	display: block;
	margin: 0 0 -5px 0;
	max-height: 100%;
	min-height: 100%;
	-webkit-transition: 1.2s;
	transition: 1.2s;
}

.product4 h3 {position: relative; width: max-content; margin: 0 auto 0 0; color: #303236; font-size: 16px; font-weight: 400; float: left;}
.product4 a:hover h3, .product4 li a:active h3, .product4 li a:focus h3 {color: #235060 !important;}

.product4 p {min-height: 36px; margin: 0 auto 20px auto; font-size: 14px; color: #808080;}

.product4 .shop-item-art {min-width: 100px; margin-right: 10px; color: #202020; font-size: 12px;}
.product4 .otherleft {width: calc(70% - 180px); float: left; text-align: left; line-height: 50px; vertical-align: middle;}
.product4 .otherleft h3 {line-height: 18px; vertical-align: middle; display: inline-block; margin: 0;}
.product4 .otherright {width: 240px; float: right; margin: 7px 0 0 0;}

.product4 .center {width: 100%; display: inline-block;}
.product4 .shop-options {width: inherit; max-width: 300px; float: left; margin: 0 10px;}
.product4 .shop-options li {display: flex; align-items: center; justify-content: left; flex-direction: row;}
.product4 .product-actions, .product4 .other {display: none !important}
.product4 .other {margin: 20px 0 0 0;}
.product4 .value-numb {float: right; margin: 0 10px;}

.product4 .price {position: relative; float: right; width: 180px; min-width: 140px; min-height: 38px; padding-right: 50px; text-align: right; color: #303236; font-size: 16px; font-weight: 600;}
.product4 .price small {display: block; font-size: 12px; color: #999999; font-weight: 400;}
.product4 .price sup {color: #999999; font-size: 12px;}
.product4 .price .oldprice {height: 13px; font-size: 12px;}
.product4 .price .newprice {float: right; color: #ff0000;}
.product4 .price i {float: right; margin: 1px 0 0 3px; font-size: 15px; color: #999999;}
.product4 .buttondesc {margin: 0; padding-left: 0;}
.product4 .buttondesc:before {display: none;}
.product4 .descchev {margin: 0 40px 0 0;}


@media screen and (max-width: 960px) {
	.product4 {width: 100%;}
	.product4 .otherleft {width: calc(100% - 240px);}
	.product1 .productimg, .product2 .productimg, .product3 .productimg {height: 280px;}
}
@media screen and (max-width: 667px) {
	.product4 h3 {min-width: 250px; max-width: 250px;}
	.product4 .otherleft {width: 100%;}
	.product4 .otherright {float: none; margin: 7px auto 0 auto; display: table;}
	.product1 .productimg, .product2 .productimg, .product3 .productimg {height: 350px;}
}

#popular {background: #f3f3f5;}







.shop_cat {padding: 20px 0;}

.shopt {float: left; display: block; background: #fff;position: relative; width: 200px; height: 200px; padding: 0px; margin: 5px 8px;transition: all 0.4s;-moz-transition: all 0.4s;-webkit-transition: all 0.4s; -o-transition: all 0.4s;}
.shopt:hover, .shopt:active, .shopt:focus {}

.shop_title_name{padding: 5px 5px 4px 5px; text-align: left; line-height: 14px; font-size: 15px; bottom: 17px; left: 3px; position: absolute;}


.shopt:hover, .shopt:active, .shopt:focus {
	-webkit-box-shadow: 0px 10px 30px -15px #343842, 0px 0px 0px 0px #000;
	-o-box-shadow: 0px 10px 30px -15px #343842, 0px 0px 0px 0px #000;
	box-shadow: 0px 10px 30px -15px #343842, 0px 0px 0px 0px #000;
}
.shopt img {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
.shopt a {font-size:12px;}

.shopItem .basket {
	background-color: #235060;
	width: 40px !important;
	height: 40px !important;
	float: right;
	margin: 0 0 0 10px;
	color: #444444 !important;
	line-height: 34px;
	font-size: 16px;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
}
.shopItem .basket:hover, .shopItem .basket:active, .shopItem .basket:focus {background-color: #0c8fb4 !important;}

.goods-list .add:before, .goods-list .done:before {background-color: #202020;}
.goods-list .add:hover:before, .goods-list .add:active:before, .goods-list .add:focus:before, .goods-list .done:hover:before, .goods-list .done:active:before, .goods-list .done:focus:before {background-color: #ffffff;}

.shopItem .wait {background: url('/.s/img/wd/1/ajax.gif') !important; background-repeat: no-repeat !important;}
.shopItem .wait:hover, .shopItem .wait:active, .shopItem .wait:focus {background: url('/.s/img/wd/1/ajax.gif') !important; background-repeat: no-repeat !important; background-color: #ffffff !important;}

.shopItemTov .buttonlink {float: right; margin: 10px 0 0 0;}
.shopItemTov .button:hover, .shopItemTov .button:active, .shopItemTov .button:focus {cursor: pointer;}
.shopItemTov .button .basket {float: right; margin: -10px -15px -10px 10px;}
/* END ВИД ТОВАРА */



/*-----window------*/





#verbose{
	width: 160px;
	border: none;
	background: #fff;
}





/* --
	Боковое меню
 -- */
#shop-hmenu, #shop-hmenu ul, .leftmenu {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}
#shop-hmenu ol {display: block !important;}
#shop-hmenu li:last-child a, .leftmenu li:last-child a {border: none !important;}


/* -- Боковое меню 1 первый уровень -- */
#shop-hmenu li a, .leftmenu li a {
	background: none;
	position: relative;
	display: block;
	height: auto;
	margin: 0;
	padding: 10px 12px 10px 10px;
	vertical-align: middle !important;
	color: #303236;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
#shop-hmenu li a:hover, .leftmenu li a:hover {color: #235060;}
/* -- Боковое меню активный пункт -- */
#shop-hmenu li .sample-menuA {color: #235060;}
#shop-hmenu li .sample-menuA:hover {color: #999999;}


/* -- Боковое меню 2 второй уровень -- */
#shop-hmenu li ol li a {padding-left: 15px; color: #777777; font-size: 14px; font-weight: normal;}
#shop-hmenu li ol li a:hover {color: #235060;}
/* -- Боковое меню активный пункт -- */
#shop-hmenu li ol li .sample-menuA {color: #235060;}
#shop-hmenu li ol li .sample-menuA:hover {color: #999999;}


/* -- Боковое меню 3 третий уровень -- */
#shop-hmenu li ol li ul li a {padding-left: 20px; color: #777777; font-size: 13px; font-weight: normal;}
#shop-hmenu li ol li ul li a:hover {color: #2483b2;}
/* -- Боковое меню активный пункт -- */
#shop-hmenu li ol li ul li .sample-menuA {font-weight: bold; color: #235060;}
#shop-hmenu li ol li ul li .sample-menuA:hover {color: #999999;}


/* -- Боковое меню 4 четвертый уровень -- */
#shop-hmenu li ol li ul li ul li a {padding-left: 25px; font-size: 10px; color: #666;}
#shop-hmenu li ol li ul li ul li a:hover {color: #2483b2;}
/* -- Боковое меню активный пункт -- */
#shop-hmenu li ol li ul li ul li .sample-menuA {font-weight: 500; color: #235060;}
#shop-hmenu li ol li ul li ul li .sample-menuA:hover {color: #777777;}


/* -- Боковое меню стрелка при раскрытии -- */
#shop-hmenu .collapsible {position: relative;}
#shop-hmenu .collapsed:before, #shop-hmenu .expanded:before {position: absolute; font-family: "Font Awesome 6 Free"; font-size: 11px; font-weight: 900; content: '\f054'; top: 50%; right: 4px; margin-top: -7px; -webkit-transition: 0.2s; transition: 0.2s; opacity: 0.3;}

/* -- Боковое меню стрелка закрыта -- */
#shop-hmenu .collapsed:before {transform: rotate(0deg);}
/* -- Боковое меню стрелка открыта -- */
#shop-hmenu .expanded:before {transform: rotate(90deg);}




/* -- Боковое меню в мобильной версии -- */

/* -- Боковое меню 1 первый уровень -- */
.mobilesidebar #shop-hmenu li a {padding: 10px 25px !important; color: #cccccc; font-size: 16px; font-weight: 400; border-bottom: 1px solid rgba(255,255,255,0.1);}
.mobilesidebar #shop-hmenu li a:hover {color: #ffffff;}
/* -- Боковое меню активный пункт -- */
.mobilesidebar #shop-hmenu li .sample-menuA {color: #ffffff;}
.mobilesidebar #shop-hmenu li .sample-menuA:hover {color: #999999;}


/* -- Боковое меню 2 второй уровень -- */
.mobilesidebar #shop-hmenu li ol li a {color: #999999; border-bottom: none;}
.mobilesidebar #shop-hmenu li ol li a:hover {color: #ffffff;}
/* -- Боковое меню активный пункт -- */
.mobilesidebar #shop-hmenu li ol li .sample-menuA {color: #ffffff;}
.mobilesidebar #shop-hmenu li ol li .sample-menuA:hover {color: #999999;}

/* -- Боковое меню стрелка при раскрытии в мобильной версии -- */
.mobilesidebar #shop-hmenu .collapsed:before, .mobilesidebar #shop-hmenu .expanded:before {opacity: 0.7;}
/* --
	/ end. Боковое меню
 -- */








/* --
	Главный слайдер
-- */


/* -- Для внутренних страниц без слайдера -- */
#nogl .iosSliderDemo, #noglimg .iosSliderDemo {padding: 150px 0 0 0;}
/* -- Верхний отступ от шапки -- */
.headerslaider {padding: 150px 0 0 0;}

/* -- Высота слайдера -- */
.fluidHeight {height: 600px;}
.iosSliderDemo {padding: 0 0 600px;}



.iosSlider .slider .item .inner img {
	background-position: center center;
	min-height: 100%;
	height: auto;
	display: block;
	top: 50%;
	left: 50%;
	margin: 0 0 -5px 0;
	-webkit-transform: translate(-50%,-50%) scale(1.0);
	transform: translate(-50%,-50%) scale(1.0);
}


.sliderdesk {
	top: 100px;
	left: 50%;
	margin-left: -700px;
	width: 100%;
	max-width: 1100px;
	text-align: left;
}
.sliderdesk h1 {max-width: 1000px;}

.slideSelectorstop {top: 47%;}

.iosSlider .slider .item .inner .text1,
.iosSlider .slider .item .inner .text2,
.iosSlider .slider .item .inner .text3 {text-align: left;}
.iosSlider .slider .item .inner .text1 {top: 0px; color: #1b1f2a; font-weight: 700;}
.iosSlider .slider .item .inner .text2 {top: 120px; color: #444444;}
.iosSlider .slider .item .inner .text3 {top: 170px;}

.iosSlider .slider .item .inner .text2 .toogle,
.iosSlider .slider .item .inner .text3>div {float: left;}
.iosSlider .slider .item .inner .text3 .descchevw {padding: 20px 17px 19px 0;}
.iosSlider .slider .item .inner .text3 .descchevw:before {padding: 17px 0 9px 10px;}


.sliderimg {
	position: absolute !important;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	top: 60px !important;
	right: -330px !important;
	width: 100%;
	max-width: 270px !important;
	height: auto;
	margin: 0 auto;
	text-align: center;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	z-index: 98;
	transition: all 0.4s ease-in 0s;
	-webkit-transition: all 0.4s ease-in 0s;
	-moz-transition: all 0.4s ease-in 0s;
	-ms-transition: all 0.4s ease-in 0s;
	-o-transition: all 0.4s ease-in 0s;
}
.sliderimg img {
	background-color: #ffffff;
	top: inherit !important;
	left: inherit !important;
	min-height: inherit !important;
	max-width: inherit !important;
	border-radius: 30px;
	-webkit-transform: none !important;
	transform: none !important;
}
.sliderimg:after {
	background-color: #235060;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 60px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	width: 100%;
	height: 100%;
	z-index: -1;
	transform: translateX(0) translateY(0) rotate(20deg);
	-webkit-transform: translateX(0) translateY(0) rotate(20deg);
	-moz-transform: translateX(0) translateY(0) rotate(20deg);
	-ms-transform: translateX(0) translateY(0) rotate(20deg);
	-o-transform: translateX(0) translateY(0) rotate(20deg);
	transition: all 0.4s ease-in 0s;
	-webkit-transition: all 0.4s ease-in 0s;
	-moz-transition: all 0.4s ease-in 0s;
	-ms-transition: all 0.4s ease-in 0s;
	-o-transition: all 0.4s ease-in 0s;
}


.iosSlider .slider .item .inner .text3 .preim1 {margin-bottom: 60px;}
.iosSlider .slider .item .inner .text3 .preim1>div {
	background: #ffffff;
	padding: 20px 14px;
	border-radius: 20px;
	font-weight: 500;
}

.iosSlider .slider .item .inner .text3 img {
	display: inline-block !important;
	min-width: 50px !important;
	width: 50px !important;
	height: 50px !important;
	margin-right: 20px;
	top: 0 !important;
	left: 0 !important;
	-webkit-transform: translate(0,0) scale(1.0);
	transform: translate(0,0) scale(1.0);
}
.iosSlider .slider .item .inner .text3 h3 {min-height: inherit; font-size: 16px; font-weight: 400; margin: 0;}


.glslide1 {
	position: absolute !important;
	top: 0px !important;
	right: -490px !important;
	left: auto !important;
	width: 400px !important;
	min-width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: auto !important;
	transform: translate(0%,0%) scale(1.0) !important;
	-webkit-box-shadow: 0 20px 30px -10px rgba(18,43,72,.3);
	box-shadow: 0 20px 30px -10px rgba(18,43,72,.3);
}


@media screen and (max-width: 1367px) {
	.sliderdesk {margin-left: -600px;}
}

@media screen and (max-width: 1200px) {
	.iosSliderDemo {padding-top: 150px !important;} /* убрать в случае отсутствия отступа у слайдера */
	.sliderdesk {left: 5%; right: 5%; width: 90%; margin-left: 0; max-width: 1200px;}
	.iosSlider .slider .item .inner .text1 {font-size: 38px;}
	.iosSlider .slider .item .inner .text2 {font-size: 22px;}
}

@media screen and (max-width: 1000px) {
	.sliderdesk {max-width: 650px;}
	.glslide1 {right: -390px !important;}
}

@media screen and (max-width: 768px) {
	.iosSliderDemo, #vnstr.iosSliderDemo, .fluidHeight, .fluidHeight .sliderContainer, .fluidHeight .sliderContainer .iosSlider, .fluidHeight .sliderContainer .iosSlider .slider .item, .fluidHeight .sliderContainer .iosSlider .slider .item .inner {min-height: 1220px !important;}
	.iosSliderDemo {padding-top: 100px !important;}

	.glslide1 {position: relative !important; right: auto !important; margin: 0 auto 20px auto !important;}

	.iosSlider .slider .item .inner .text1 {font-size: 34px;}
	.iosSlider .slider .item .inner .text2 {font-size: 20px;}
}

@media screen and (max-width: 667px) {
	.iosSlider .slider .item .inner .text1 {font-size: 24px;}
	.iosSlider .slider .item .inner .text3 .preim1>div {margin-bottom: 0px !important;}
	.preim1 h3 {margin: 0px auto;}
	.iosSlider .slider .item .inner .text2>div,
	.iosSlider .slider .item .inner .text2 .toogle,
	.iosSlider .slider .item .inner .text2 .toogle2,
	.iosSlider .slider .item .inner .text3>div,
	.iosSlider .slider .item .inner .text3 .toogle,
	.iosSlider .slider .item .inner .text3 .toogle2 {float: none;}

	.sliderimg {
		position: relative !important;
		left: 0;
		top: 0px !important;
		max-width: 70% !important;
		margin-bottom: 100px;
	}
	.sliderimg:after {top: 0px;}
}

@media screen and (max-width: 520px) {
	.iosSliderDemo {padding-top: 100px !important;}
}
/* --
	/ end. Главный слайдер
-- */








/* Slider */

#works {padding: 0 0 40px 0;}

#works .slider {width: 100%; margin: 0 auto; padding: 0 5%;}

#works h2 {margin: 40px 0; font-size: 30px;}


#miks {padding: 0 0 40px 0;}
#miks .slider {width: 100%; margin: 0 auto; padding: 0 5%;}
#miks h2 {margin: 40px 0; font-size: 30px;}
#miks p {margin: 0 0 40px 0; font-size: 18px;}
#miks .boxhrefimg {position: relative; width: 170px !important; height: 220px !important; margin: 0 auto;}
#miks .slick-list {height: 250px !important;}
#miks .slick-prev, #miks .slick-next {top: 33%; opacity: 0.15;}
#miks .slick-prev {background: url('../img/arrows-leftb.svg');}
#miks .slick-next {background: url('../img/arrows-rightb.svg');}
#miks .slick-prev:hover,
#miks .slick-prev:focus,
#miks .slick-next:hover,
#miks .slick-next:focus {opacity: 0.3;}
#miks .boxhrefimg img {height: 100%; filter: none;}


.slick-slide {margin: 0px 10px;}
.slick-slide img {width: 100%;}
.slick-prev:before, .slick-next:before {color: black;}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	  -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
		touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	height: 185px;
	margin: 0;
	padding: 0;
}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}

.slick-disabled, .slick-disabled:hover {
	opacity: 0.2 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	  -moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		 -o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}

.slick-track {position: relative; top: 10px; left: 0; display: block;}
.slick-track:before, .slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}

.slick-slide {display: none; float: left; height: 100%; min-height: 1px;}

[dir='rtl'] .slick-slide {float: right;}

.slick-slide img {
	display: block;
	max-width: 260px;
	width: auto;
	min-height: 100%;
	max-height: 200px;
	margin: 0 auto;
}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block; text-align: center;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}


/* Slider */
.slick-loading .slick-list {background: #fff url('../img/ajax-loader.gif') center center no-repeat;}


/* -- Боковая навигация вперед, назад -- */
.slick-prev, .slick-next {
	background: transparent;
	cursor: pointer;
	border: none;
	outline: none;
	background: transparent;
	position: absolute;
	top: 33%;
	font-family: "Font Awesome 6 Free";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 44px;
	text-align: center;
	font-size: 30px;
	font-weight: 900;
	height: 44px;
	width: 44px;
	opacity: 0.3;
	background-repeat: no-repeat;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 100;
}
/* -- Боковая навигация назад -- */
.slick-prev {left: 0; background-position: 0 0;}
.slick-prev:before {content: "\f053";}
/* -- Боковая навигация вперед -- */
.slick-next {right: 0; background-position: 0 0;}
.slick-next:before {content: "\f054";}

/* -- Боковая навигация вперед, назад при наведении -- */
.slick-prev:hover, .slick-prev:active, .slick-prev:focus,
.slick-next:hover, .slick-next:active, .slick-next:focus {
	background: transparent !important;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	cursor: pointer;
	opacity: 0.5;
}

/* Dots */
.slick-dotted.slick-slider {margin-bottom: 0px;}

.slick-track script[type="text/javascript"] {display: none !important;}


/* -- Нижняя навигация расположение -- */
.slick-dots {
	display: block;
	width: 90%;
	padding: 0 0 5px 0;
	margin: 0px auto 0px auto;
	list-style: none;
	text-align: center;
}
.slick-dots li {
	background: none;
	width: 14px;
	height: 14px;
	border: 2px solid #dedede;
	border-radius: 50%;
	margin: 0 5px;
	/* opacity: 0.25; */
	filter: alpha(opacity=25);
	position: relative;
	display: inline-block;
	padding: 0;
	cursor: pointer;
}
/* -- Нижняя навигация активный элемент -- */
.slick-dots .slick-active {background-color: #dedede;}

/* -- Нижняя навигация общий внешний вид -- */
.slick-dots li button {
	display: none;
	font-size: 0;
	line-height: 0;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
/* -- Нижняя навигация общий внешний вид при наведении -- */
.slick-dots li button:hover, .slick-dots li button:active, .slick-dots li button:focus {outline: none;}



.slick-initialized .slick-slide .boxhrefimg {background: #ffffff; position: relative; width: auto; height: auto; display: inline-block; margin: 0 auto; border-radius: 8px; border: 4px solid #ffffff; overflow: hidden; box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);}

#portfolio .slick-initialized .slick-slide .boxhrefimg {min-height: 205px;}
@media screen and (max-width: 667px) {.slick-initialized .slick-slide .boxhrefimg {width: auto;}}


.boxhrefimg img {
	max-width: 100%;
	height: auto;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 1;
}
.boxhrefimg:hover img, .boxhrefimg:active img, .boxhrefimg:focus img {
	cursor: pointer;
	opacity: 0.9;
	z-index: 10;
}
.boxhrefimg:hover > .boxhref, .boxhrefimg:active > .boxhref, .boxhrefimg:focus > .boxhref {
	background-image: url('../img/ico_bigeye.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 60px !important;
	z-index: 20;
}
.boxhrefimg .boxhref {background: none; position: absolute !important; width: 60px; height: 60px; top: 50%; left: 50%; margin: -30px 0 0 -30px; cursor: pointer; z-index: 50;
	opacity: 0.7;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
























.slick-track script[type="text/javascript"] {display: none !important;}

/* Catalog1 */
.catalogcol1 {width: 100%; display: inline-block;}
.catalogcol1>li {width: 100%; min-height: 308px; float: left; padding: 1% 0 1% 0; text-align: left;}
.catalogcol1 img {
	max-width: 100%;
	display: block;
	float: left;
	margin: 0 70px 10px auto;
}
.catimghright {float: right !important; margin: 0 auto 10px 70px !important;}
.catalogcol1 h3 {margin: 50px 0 20px 0; font-size: 24px; text-align: left;}
.catalogcol1 p {margin: 0 0 20px 0; font-size: 22px; text-align: left;}
.catalogcol1 span {display: inline-block; margin: 30px 0 0 0; color: #a6acbb; font-size: 16px; text-align: left;}
/* END Catalog1 */

.catalogcol2 {width: 100%; display: inline-block;}
.catalogcol2>li {width: 48%; min-height: 202px; float: left; padding: 1% 1% 1% 1%; text-align: left;}
@media screen and (max-width: 880px) {
	.catalogcol2>li {width: 98%;}
}
.catalogcol2 img {
	width: 200px !important;
	height: 200px !important;
	float: left;
	margin: 0 15px 0 0;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.catalogcol2 .catimgh {
	position: relative;
	width: 490px !important;
	height: 240px !important;
	margin: 0 auto 10px auto;
	border: 2px solid #dedede;
	overflow: hidden;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.catalogcol2 h3 {margin: 0 0 10px 0; font-size: 16px; color: #2d2d2d; font-weight: bold;}
.catalogcol2 p {margin: 0 auto; font-size: 15px; color: #666666;}

/* Catalog4 */
.catalogcol4 {width: 100%; display: inline-block;}
.catalogcol4 li {background: #000000; position: relative; min-width: 240px; width: 25%; height: 250px; float: left; padding: 0; text-align: left; overflow: hidden;}
@media screen and (max-width: 1100px) {
	.catalogcol4 li {width: 33.33333%;}
}
@media screen and (max-width: 800px) {
	.catalogcol4 li {width: 50%;}
}
@media screen and (max-width: 540px) {
	.catalogcol4 li {width: 100%;}
}
.catalogcol4 img {
	position: absolute;
	min-width: 100%;
	width: auto;
	height: 100%;
	opacity: 0.7;
	-webkit-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s;
}
.catalogcol4 a:hover img {cursor: pointer; opacity: 1.0;}
.catalogcol4 div {background: rgba(255,255,255,0.96); position: absolute; width: calc(100% - 40px); min-height: 38px; padding: 15px 20px; bottom: 0px;}
.catalogcol4 h3 {font-size: 15px; color: #2b2b2b; text-align: left; -webkit-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s;}
.catalogcol4 a:hover h3 {color: #fda200;}
/* END Catalog4 */


/* Servicescol3 */
.servicescol3 {width: 100%; display: inline-block;}
.servicescol3>li {position: relative; width: 19%; min-height: 240px; float: left; margin: 0% 1% 5% 1%; padding: 4% 2% 1% 2%; text-align: center; border-radius: 15px; box-shadow: rgba(0,0,0,0.05) 0px 5px 35px; -webkit-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s;}
.servicescol3>li:hover {box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);}
.servicescol3 a {text-decoration: none !important;}
.servicescol3 h3 {font-size: 17px; text-align: center;}
.servicescol3 img {
	width: 100px;
	height: 100px;
	display: inline-block;
	margin: 0 auto 10px auto;
}
.servicescol3 p {margin: 20px 0 0 0; color: #a6acbb; font-size: 14px; text-align: left;}
.serviceslink {background-color: #ebecef; background-image: url('../img/serviceslink.png'); background-position: center center; background-repeat: no-repeat; width: 60px; height: 60px; position: absolute; margin: 0 0 0px -30px; left: 50%; bottom: -30px; border-radius: 50%; -webkit-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s;}
.servicescol3>li:hover .serviceslink {background-color: #38b243;}
/* END Servicescol3 */

@media screen and (max-width: 800px) {
	.preimcol2 h3 {min-height: 100px; font-size: 24px;}
	.catalogcol1 img {margin: 0 10px 10px 10px;}
	.navstrcol3>li {width: 90%;}
	.preimcol2>li {width: 74%;}
}




.catalogcol3 {width: 100%; display: inline-block;}
.catalogcol3>li {width: 29.3333333%; min-height: 308px; float: left; padding: 1% 2% 3% 2%; text-align: left;}
.catalogcol3 img {
	width: 110px !important;
	height: 80px !important;
	display: block;
	margin: 0;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.catalogcol3 .catimgh {
	position: relative;
	width: 110px !important;
	height: 80px !important;
	margin: 0 0 10px 0;
	overflow: hidden;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.catimgh:hover {}
.catalogcol3 a {text-decoration: none;}
.catalogcol3 p {color: #999999;}
.catalogcol3 h3 {font-size: 19px; color: #2d2d2d; font-weight: 500; text-transform: uppercase;}
.catalogcol3 a:hover h3 {color: #E0B562;}

.catimgh:hover img {
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-o-transform: scale(1.04);
	transform: scale(1.04);
	z-index: 10;
}

.catimgh:hover > .boxhref {
	background-image: url('../img/ico_bigeye.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 60px !important;
}
.catalogcol3 ul li {padding: 4px 0;}

.autocatcol5 {width: 100%; display: inline-block;}
.autocatcol5 li {
	width: 21%;
	float: left;
	margin: 1% 2%;
	padding: 0;
	border-radius: 10px;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
@media screen and (max-width: 660px) {
	.autocatcol5 li {width: 46%;}
}
.autocatcol5 li:hover {box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);}

.autocatcol5 li a {text-decoration: none;}
.autocatcol5 img {width: 100%; height: auto; display: block; margin: 0 auto 0 auto; border-radius: 10px;
	opacity: 0.7;
	-webkit-transition-duration: .4s;
	-o-transition-duration: .4s;
	transition-duration: .4s;
}
.autocatcol5 img:hover {
	opacity: 1.0;
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
}




.col4desc {position: relative; width: 100%; display: inline-block; z-index: 2;}
.col4desc.big {box-sizing: border-box;}
.col4desc>li {width: 21%; float: left; margin: 2% 1%; padding: 1% 1% 1% 1%; text-align: left;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
}
.col4desc.big>li {
	width: 25%;
	margin: 0;
	padding: 0;
	position: relative;
	min-height: 400px;
}
.col4desc.big>li .cont {
	background: #000000;
	width: 100%;
	height: 100%;
	position: absolute;

}
.col4desc.big li .text {padding: 190px 20px 20px; text-align: center;}
.col4desc.big li p {
	position: relative;
	margin: 0 0 20px 0;
	display: inline-block;
	font-size: 19px !important;
	color: #ffffff !important;
	text-align: left !important;
	z-index: 1;
	text-shadow: rgba(0,0,0,0.5) 1px 1px 7px;
}
@media screen and (max-width: 1050px) {
	.col4desc>li {width: 44%; min-height: 180px !important;}
	.col4desc li ul {min-height: 204px !important;}
}
@media screen and (max-width: 730px) {
	.col4desc li ul {min-height: 222px !important;}
}
@media screen and (max-width: 660px) {
	.col4desc>li {width: 94%; min-height: inherit !important;}
	.col4desc.big>li {width: 100%;}
	.col4desc li ul {min-height: inherit !important;}
}
.col4desc li a {text-decoration: none;}
.col4desc li h3 {
	min-height: 48px;
	margin: 10px 0 10px 0;
	font-size: 19px;
	color: #000;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
}
.col4desc li:hover h3, .col4desc li:active h3, .col4desc li:focus h3 {color: #E0B562; text-decoration: none;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
}


#popular .col4desc.big>li h3 {
	position: relative;
	z-index: 1;
	text-align: center;
	color: #fff;
	font-size: 24px;
	margin: 10px auto 0;
	text-shadow: rgba(0,0,0,0.5) 1px 1px 7px;
}
.col4desc li p {
	margin: 0;
	font-size: 14px !important;
	color: #808080 !important;
	text-align: left !important;
}
.col4desc.big li .button-wrapper{display: table; margin: 0 auto;}
.col4desc.big li .button-yellow {position: relative; z-index: 2;}
.col4desc img {width: 100%; max-width: 100%; display: block; margin: 0 auto 0 auto;}
.col4desc.big img {
	width: 100%;
	max-width: 100%;
	height: 100%;
	display: block;
	background-size: cover;
	margin: 0 auto 0 auto;
	opacity: 0.9;
}
.col4desc.big li:hover img {opacity: 0.8;}





/* -- Внешний вид фотографий в материалах -- */
.allphoto {}
.allphoto .productimg {
	width: 100%;
	min-height: 300px;
	top: 0;
	margin: 0;
	border-radius: 20px;
	overflow: hidden;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	-webkit-box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
	box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
}
.allphoto img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%) scale(1.0);
	transform: translate(-50%,-50%) scale(1.0);
	display: block;
	margin: 0 0 -5px 0;
	max-height: 150%;
	min-height: 100%;
	max-width: 110%;
	min-width: 100%;
	-webkit-transition: 1.2s;
	transition: 1.2s;
}
.allphoto a:hover img, .allphoto a:active img, .allphoto a:focus img {
	-webkit-transform: translate(-50%,-50%) scale(1.12);
	transform: translate(-50%,-50%) scale(1.12);
	-webkit-transition: 1.2s;
	transition: 1.2s;
}
/* -- / .end Внешний вид фотографий в материалах -- */





/* filecat */
#filecat {}
.filecat1 .catPages1 {min-height: 30px !important; margin: 0 auto; display: inline-block; text-align: center;}
.filecat1 .archiveEntries>div, .filecat1 #allEntries>div {
	width: calc(25% - 20px);
	position: relative;
	float: left;
	min-height: 400px;
	margin: 0 10px 0 10px;
	padding: 0 0 20px 0;
	text-align: center;
}
.filecat1 #allEntries>div .productimg:hover, .filecat1 #allEntries>div .productimg:active, .filecat1 #allEntries>div .productimg:focus {
	-webkit-box-shadow: 0 15px 30px -10px rgba(18,43,72,.3);
	box-shadow: 0 15px 30px -10px rgba(18,43,72,.3);
}
.filecat1 .descchev {padding-left: 0px;}

@media screen and (max-width: 768px) {
	.filecat1 .archiveEntries>div, .filecat1 #allEntries>div {width: calc(50% - 20px);}
}
@media screen and (max-width: 567px) {
	.filecat1 .archiveEntries>div, .filecat1 #allEntries>div {width: calc(100% - 20px);}
	.filecat1 .archiveEntries>div .productimg, .filecat1 #allEntries>div .productimg {height: auto; min-height: 280px;}
}

.filecat1 .productimg {
	width: 100%;
	height: auto;
	min-height: 224px;
	margin: 0 0 20px 0;
	border-radius: 0;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	overflow: hidden;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	-webkit-box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
	box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
}
.filecat1 img {
	object-fit: cover;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	-webkit-transition: 1.2s;
	transition: 1.2s;
}
.filecat1 a:hover img, .filecat1 a:active img, .filecat1 a:focus img {
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
	-webkit-transition: 1.2s;
	transition: 1.2s;
}
.filecat1 a {text-decoration: none;}
.filecat1 h3 {min-height: 44px; margin: 0 auto 20px auto; color: #303236; font-size: 20px;}
.filecat1 a:hover h3, .filecat1 li a:active h3, .filecat1 li a:focus h3 {color: #235060 !important;}
.filecat1 .data {margin: 0 auto 10px auto; color: #999999;}
.filecat1 .data i {font-size: 14px; margin-right: 5px;}
.filecat1 p {min-height: 36px; margin: 0 auto 10px auto; font-size: 16px; color: #808080;}





.filecat2 .pricediv {
	background: #ffffff;
	min-height: 86px;
	margin: 0;
	padding: 20px 20px 20px 60px;
	text-align: left;
	border: 2px solid #dedede;
	border-radius: 8px;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	-webkit-box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
	box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
}
.filecat2 .pricediv:hover, .filecat2 .pricediv:active, .filecat2 .pricediv:focus {
	-webkit-box-shadow: 0 15px 30px -10px rgba(18,43,72,.3);
	box-shadow: 0 15px 30px -10px rgba(18,43,72,.3);
}
.filecat2 .pricediv>a>i{
	position: absolute;
	top: 25px;
	left: 20px;
	font-size: 36px;
	color: #235060;
}
.filecat2 .pricediv .fa-photo-film {top: 28px; font-size: 28px;}

.filecat2 .archiveEntries>div, .filecat2 #allEntries>div {
	width: calc(50% - 20px);
	position: relative;
	float: left;
	min-height: 62px;
	margin: 0 10px 0 10px;
	padding: 0 0 20px 0;
	text-align: center;
}
.filecat2 .descchev {padding-left: 0px;}

@media screen and (max-width: 768px) {
	.filecat2 .archiveEntries>div, .filecat2 #allEntries>div {width: 100%; margin: 0;}
}
@media screen and (max-width: 567px) {
	.filecat2 .archiveEntries>div, .filecat1 #allEntries>div {width: calc(100% - 20px);}
}
.filecat2 a {text-decoration: none;}
.filecat2 h3 {min-height: 44px; margin: 0 auto 20px auto; color: #303236; font-size: 20px;}
.filecat2 a:hover h3, .filecat2 li a:active h3, .filecat2 li a:focus h3 {color: #235060 !important;}
.filecat2 p {min-height: 36px; margin: 10px auto 0 auto; font-size: 16px; color: #808080;}





.shop-options li {
	display: grid;
	grid-template-columns: repeat(3, 33.3333333%);
	grid-gap: 10px;
	margin-bottom: 5px !important;
}

.shop-options .opt {}
.shop-options .val {grid-column: 2 / span 2;}
.shop-options .art {grid-column: 3 / span 1;}

@media screen and (max-width: 667px) {
	.shop-options {width: 100%; display: inline-block;}
}





/* news */
.news1 a {text-decoration: none;}
.news1 .data, .news2 .data, .news3 .data, .news4 .data, .news5 .data, .news6 .data, .news7 .data {margin: 0 0 10px 0; color: #999999; font-size: 14px;}



/* news1 */
#news {}
#news .news1>div {
	background: #ffffff;
	padding: 0 20px 20px 20px;
	border-radius: 20px;
	overflow: hidden;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	-webkit-box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
	box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
}
.news1 .catPages1 {min-height: 30px !important; margin: 0 auto; display: inline-block; text-align: center;}
.news1 .archiveEntries>div, .news1 #allEntries>div {
	width: calc(25% - 20px);
	position: relative;
	float: left;
	min-height: 400px;
	margin: 0 10px 0 10px;
	padding: 0 20px 20px 20px;
	text-align: left;
}
.news1 .archiveEntries>div .productimg, .news1 #allEntries>div .productimg {
	min-height: 380px;
	border-radius: 20px;
	overflow: hidden;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	-webkit-box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
	box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
}
.news1 .descchev {padding-left: 0px;}

@media screen and (max-width: 768px) {
	.news1 .archiveEntries>div, .news1 #allEntries>div {width: calc(50% - 20px);}
}

@media screen and (max-width: 567px) {
	.news1 .archiveEntries>div, .news1 #allEntries>div {width: calc(100% - 20px);}
	.news1 .archiveEntries>div .productimg, .news1 #allEntries>div .productimg {height: 280px; min-height: 280px;}
}



.news1 .productimg {
	width: calc(100% + 40px);
	height: 335px;
	margin: 0 -20px 20px -20px;
	border-radius: 0;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.news1 img {
	object-fit: cover;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	-webkit-transition: 1.2s;
	transition: 1.2s;
}
.news1 a:hover img, .news1 a:active img, .news1 a:focus img {
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
	-webkit-transition: 1.2s;
	transition: 1.2s;
}
.news1 h3 {min-height: 58px; margin: 0 auto 0 auto; color: #303236; font-size: 20px;}
.news1 a:hover h3, .news1 li a:active h3, .news1 li a:focus h3 {color: #235060 !important;}

.news1 p, .news1 span {margin: 10px auto 0 auto; font-size: 16px; color: #444444;}
.news1 .newsdesc {position: relative; width: 100%; max-height: 104px; margin: 10px auto 0 auto; color: #444444; overflow: hidden;}

.news1 .newsdesc:after {
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	position: absolute;
	content: '';
	width: 100%;
	height: 30px;
	bottom: 0;
	left: 0;
}
#pagesBlock1 {width: 100% !important; text-align: center;}
/* END news */


/* news2 */
#news .news2>div {
	background: #ffffff;
	padding: 0 20px 20px 10px;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	overflow: hidden;
}
.news2 .productimg {
	width: 100%;
	height: 305px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 20px 0;
	border-radius: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.news2 img {
	object-fit: cover;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	-webkit-transition: 1.2s;
	transition: 1.2s;
}
.news2 a:hover img, .news2 a:active img, .news2 a:focus img {
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
	-webkit-transition: 1.2s;
	transition: 1.2s;
}
.news2 a {text-decoration: none;}
.news2 h3 {min-height: 58px; margin: 0 auto 0 auto; color: #303236; font-size: 20px;}
.news2 a:hover h3, .news2 li a:active h3, .news2 li a:focus h3 {color: #235060 !important;}

.news2 p {min-height: 36px; margin: 10px auto 0 auto; font-size: 16px; color: #808080;}
/* END news */
/* news3 */
#news .news3>div {
	background: #ffffff;
	padding: 0 20px 20px 20px;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	-webkit-box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
	box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
}
.news3 .productimg {
	width: calc(100% + 41px);
	height: 336px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 -20px 20px -20px;
	border-radius: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.news3 img {
	object-fit: cover;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	-webkit-transition: 1.2s;
	transition: 1.2s;
}
.news3 .desc {
	max-width: 140px;
	margin: 0 auto;
}
.news3 a:hover img, .news3 a:active img, .news3 a:focus img {
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
	-webkit-transition: 1.2s;
	transition: 1.2s;
}
.news3 a {text-decoration: none;}
.news3 h3 {min-height: 58px; margin: 0 auto 0 auto; color: #303236; font-size: 20px; text-align: center;}
.news3 a:hover h3, .news3 li a:active h3, .news3 li a:focus h3 {color: #235060 !important;}

.news3 p {min-height: 36px; margin: 10px auto 0 auto; font-size: 16px; color: #808080; text-align: center;}
/* END news */
/* news4 */
#news .news4>div {
	background: #ffffff;
	padding: 0 20px 0 0;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	-webkit-box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
	box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
	margin-top: 0;
}
.news4 .productimg {
 	width: calc(30% - 20px);
	margin-right: 20px;
	height: 180px;
	float: left;
	overflow: hidden;
	display: block;
	justify-content: center;
	align-items: center;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.news4 img {
	object-fit: cover;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	margin-bottom: -20px;
	transition: 1.2s;
	-webkit-transition: 1.2s;
}
.news4 a:hover img, .news4 a:active img, .news4 a:focus img {
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
	-webkit-transition: 1.2s;
	transition: 1.2s;
}
.news4 a {text-decoration: none;}
.news4 h3 {min-height: unset; margin: 0 auto 0 auto; color: #303236; font-size: 20px;}
.news4 a:hover h3, .news4 li a:active h3, .news4 li a:focus h3 {color: #235060 !important;}

.news4 .data {margin: 20px 0 0 0; color: #999999; font-size: 13px;}
.news4 p {min-height: 36px; margin: 10px auto 0 auto; font-size: 16px; color: #808080;}
.news4 .newstext {
	float: left;
	width: 70%;
	padding: 10px 0 5px 0px;
}
.news4 .descarrow {
	padding: 7px 40px 7px 0px;
}
.news4 .descarrow:before {
	top: -6px;
	right: -5px;
}
/* END news */
/* news5 */
#news .news5>div {
	background: #ffffff;
	padding: 0 0px 0 20px;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	-webkit-box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
	box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
	margin-top: 0;
}
.news5 .productimg {
 	width: calc(30% - 20px);
	margin: 0 0 0 20px;
	height: 180px;
	float: right;
	border-radius: 0;
	overflow: hidden;
	display: block;
	justify-content: center;
	align-items: center;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.news5 img {
	margin-bottom: -20px;
	object-fit: cover;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	right: -10%;
	transition: 1.2s;
}
.news5 a:hover img, .news5 a:active img, .news5 a:focus img {
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
	-webkit-transition: 1.2s;
	transition: 1.2s;
}
.news5 a {text-decoration: none;}
.news5 h3 {min-height: unset; margin: 0 auto 0 auto; color: #303236; font-size: 20px;}
.news5 a:hover h3, .news5 li a:active h3, .news5 li a:focus h3 {color: #235060 !important;}

.news5 p {min-height: 36px; margin: 10px auto 0 auto; font-size: 16px; color: #808080;}
.news5 .newstext {
	float: left;
	width: 70%;
	padding: 10px 0 5px 0px;
}
.news5 .descarrow {
	padding: 7px 40px 7px 0px;
}
.news5 .descarrow:before {
	top: -6px;
	right: -5px;
}
/* END news */
/* news6 */
#news .news6>div {
	background: #ffffff;
	padding: 0 20px 0 0;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	-webkit-box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
	box-shadow: 0 15px 30px -10px rgba(18,43,72,.1);
	margin-top: 0;
}
.news6 a {text-decoration: none;}
.news6 h3 {min-height: unset; margin: 0 auto 0 auto; color: #303236; font-size: 20px;}
.news6 a:hover h3, .news6 li a:active h3, .news6 li a:focus h3 {color: #235060 !important;}

.news6 p {min-height: 36px; margin: 10px auto 0 auto; font-size: 16px; color: #808080;}
.news6 .newstext {
	float: left;
	padding: 20px;
}
.news6 .descarrow {
	padding: 7px 40px 7px 0px;
}
.news6 .descarrow:before {
	top: -6px;
	right: -5px;
}
/* END news */





@media screen and (max-width: 1050px) {
	#ourworks .row .col-2 {width: 25%;}
}
@media screen and (max-width: 800px) {
	#tech .row .col-2 {width: 98%;}
	.col4desc.big>li,#howcontact .row .col-7,
	#howcontact .row .col-3, .footer-top .row .col-2 {width: 48%;}
	#ourworks .row .col-2 {width: 33.33333333333333%;}
	#about  .row .col-3 {width:95%;}
	#about  .row .col-1 {width: 0%;}
}
@media screen and (max-width: 580px) {
	#ourworks .row .col-2 {width: 50%;}
	#howtopartner .row .col-6, #howtopartner .row .col-4,#howcontact .row .col-7,
	#howcontact .row .col-3, .col4desc.big>li, .footer-top .row .col-2 {
		float: left;
		width: 98%;
		margin: 1% 1%;
}
	#howcontact .row .contactform {position: relative; top:0; display: block; margin: 0 auto;}
}
	.brendscol5 {width: 100%; display: inline-block;}
	.brendscol5 li {width: 18%; min-height: 70px; float: left; padding: 1% 1% 3% 1%;}
	.brendscol5 li a {text-decoration: none;}
	.brendscol5 img {
		max-width: 230px;
		width: 100%;
		max-height: 140px;
		height: auto;
		display: block;
		margin: 0 auto 10px auto;
		border-radius: 10px;
		opacity: 0.6;
		-webkit-transition-duration: .4s;
		-o-transition-duration: .4s;
		transition-duration: .4s;
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: gray; /* IE 6-9 */
}
.brendscol5 img:hover {
	opacity: 1.0;
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
}
.col2desc {width: 100%; display: inline-block;}
.col2desc li {width: 21%; float: left; padding: 1% 2% 1% 2%; text-align: left;}
.col2desc li h3 {color: #27b857; font-size: 16px;}
.col2desc li p {padding: 10px 0;}
.col2desc .fa {font-size: 36px; color: #0d6490;}
.col2desc img {
	background-repeat: no-repeat;
	width: 50px !important;
	height: 50px !important;
	float: left;
	margin: 0 20px 0px 0;
}
@media screen and (max-width: 960px){
	.col2desc li {width: 96%; min-height: 100px; float: left; padding: 1% 2% 3% 2%; text-align: left;}
	.col2desc img {display: block; margin: 0 auto 0 auto;}
}
/* END -- /Единый набор стилей -- */


/* -- Ширина 1200 пикселей -- */
@media screen and (max-width: 1200px) {
	.servise ul li img {height: 100%; width: auto;}
	#ml-menu {width: 100%;}
	.menu {margin: 10px auto 0 auto;}
	.menu_link {padding: 1em .5em 1.0em .5em;}
	.menu__wrap {min-height: 47px;}
	.bgLiIcon {background-position: center -110px;}
	.bgLiIcon:hover	{background-position: center -20px;}
}
/* END -- /Ширина 1200 пикселей -- */

/* -- Ширина 1100 пикселей -- */
@media screen and (max-width: 1100px) {
	#contact .contact-bg {min-height: 650px;}
	#contact .contact-right {width: 60% !important;}
	.contact-right div {float: none; text-align: left;}
	.contact-card {padding: 15px 25px;}
	.contact-left {width: 40% !important; font-size: 1.2em;}
	.contact-left ul li span {font-size: 14px;}
}
/* END -- /Ширина 1100 пикселей -- */


/* -- Ширина 1024 пикселей -- */
@media screen and (max-width: 1024px) {
	.menu_link[data-submenu]::after {
		display: block;
		content: '\f078';
		font-family: 'Font Awesome 6 Free';
		position: absolute;
		right: 0;
		bottom: 14px;
		padding: 0.25em 1.25em;
		color: rgba(255,255,255,0.4);
	}
	.menu_item {display: block; width: calc(100% - 50px);}
	.bgLiIcon {background-image: none;}
	.bgLiIcon:hover	{background-position: center -21px;}
	.menuTop > li:hover > ul {display:none;}
	.menuTop li ul.menuNone, .menuTop li ul.menuNone:hover {
		display:none;
		position:absolute;
		top:100px;
		left:50px;
	}
	.menuNone {display: none;}
	.menu {
		position: fixed;
		top: 120px;
		left: 0;
		margin-top: 0;
		width: 300px;
		background: #1c1d22;
	}
	.menu__level {margin-top: 75px;}
	.menu__breadcrumbs {
		display: block;
		font-size: 0.65em;
		line-height: 1;
		position: relative;
		padding: 2.5em 3.75em 1.5em 2.5em;
		text-align: left;
	}
	.action--open, .action--close {display: block;}
	.menu {
		z-index: 1500;
		top: 0;
		width: 100%;
		height: 100vh;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
		-webkit-transition: -webkit-transform 0.3s;
		-o-transition: transform 0.3s;
		transition: transform 0.3s;
		overflow: hidden;
		overflow-y: scroll;
	}
	.menu--open {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		height: 100%;
	}
	.menu_link {padding: 1em .5em 1em 1.3em !important;}



	.icon--arrow-left:before {content: '\e901';}
	.icon {
		font-family: 'Font Awesome 6 Free';
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		line-height: 1;
		text-transform: none;
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		speak: none;
	}
	.icon--menu:before {content: '\f0c9';}
	.icon--cross:before {content: '\f00d';}
	.shadow-block:after {display: none !important;}
	.menu__level {width: calc(100% + 50px);}
	.arcticmodal-container_i {height: 100%; z-index: 9999; float: none; top: 0;}
}
/* END -- /Ширина 1024 пикселей -- */

/* -- Ширина 900 пикселей -- */
@media screen and (max-width: 900px) {
	.servise>ul li:first-child {width: 100%;}
	.servise ul li {width: 50%; height: 210px;}
	.servise ul li img {width: 100%; height: auto; margin-left: -300px;}
	.servise>ul li h3 {font-size: 16px;}
}
/* END -- /Ширина 900 пикселей -- */


/* -- Ширина 800 пикселей -- */
@media screen and (max-width: 800px) {
	main {margin: -10px 0 0 0;}
	.servicescol3>li { width: 43%;}

	.sidebarcenter, .center_block > div.sidebar .sidebarcentertop {margin: 15px auto!important;}
	.servise ul li:hover, .servise ul li:active, .servise ul li:focus {box-shadow: rgba(0,0,0,0.7) 0px 9px 25px -7px;}
	.servise ul li:hover img, .servise ul li:active img, .servise ul li:focus img {transform: none;}
	.promo-screen-block {width: auto !important;}
	.promo-screen-block.promo-screen-block h1, .promo-screen-block.page-info-contacts h1 {font-size: 3em;}
	.promo-screen-block.page-info-block ._txt p {margin: 0.85em -40px 0 !important; font-size: 1.3em;}
	.blockleft1, .blockright1, .blockleft2, .blockright2, .blockleft3, .blockright3 {width: 100%; height: auto !important; min-height: 100px;}
	.blockgl3 .fa {margin: 0 20px 20px 0;}
	.menu_link[data-submenu]::after {
		display: block;
		content: '\f078';
		font-family: 'Font Awesome 6 Free';
		position: absolute;
		right: 0;
		bottom: 14px;
		padding: 0.25em 1.25em;
		color: rgba(255,255,255,0.4);
	}

	.bgLiIcon {background-image: none;}
	.bgLiIcon:hover	{background-position: 0 -21px;}
	#contact .contact-left {width: 100% !important;margin: 0 0 30px 0;}
	.contact-card {float: none;}
	.contact-left>ul>li {width: 48%;margin: 1%;}
	#contact .contact-right {width: 100% !important; padding: 0;}
	.contact-right .contact-card {margin: 0; float: right;}
	.contact-right .vk-api-block {margin: 0; float: left;}
	.contact-left>ul>li span {font-size: 1em;}
	.contact-left>ul>li>ul>li {font-size: 14px;}
	.achievements {display: inline-block;}
	.achievements li {width: 100%; height: 120px;}
	.achievements li b {font-size: 2em;}
}
/* END -- /Ширина 800 пикселей -- */


/* -- Ширина 768 пикселей -- */
@media screen and (max-width: 768px) {
	.servise ul li img {height: 100%;}
	.documentscol4 li {width: 46%; min-height: 130px; float: left; padding: 1% 2% 3% 2%;}
}
/* END -- /Ширина 768 пикселей -- */


/* -- Ширина 667 пикселей -- */
@media screen and (max-width: 667px) {
	.servicescol3>li { width: 94%;}
}
/* END -- /Ширина 667 пикселей -- */

/* -- Ширина 704 пикселя -- */
@media screen and (max-width: 704px) {
	.shop-item {
		float: left;
		zoom: 0.7;
		height: 270px;
		margin: 0 auto !important;
		padding: 10px 20px !important;
		text-align: center;
	}
}
/* END -- /Ширина 704 пикселя -- */

/* -- Ширина 568 пикселей -- */
@media screen and (max-width: 567px) {
	.servise ul li .servise-cat {width: 100%; left: 0%; font-size: 13px;}
	.shop-item {float: none; zoom: 0.9; height: 270px; margin: 0 auto !important; padding: 10px 0 !important; text-align: center;}
	#contact .contact-right {text-align: center; position: relative;}
	#contact .contact-right>div {float: none;}
	#contact .contact-bg {min-height: 600px;}
	.contact-right .contact-card {
		position: absolute;
		bottom: -120%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.action--openspan {display: none;}
}
/* END -- /Ширина 568 пикселей -- */

@media screen and (max-width: 520px) {
	#contact .contact-bg {min-height: 690px;}
}






.portfolio4 {position: relative; padding: 100px 0; margin-top: -5px;}
.pr-row {
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: left;
}
.pr-row div {display: inline-block;}


.pr-row .pr4-left {position: relative; width: 50%; top: 0; overflow: hidden; border-radius: 10px; transition: 0.6s; -webkit-box-shadow: 0 10px 40px -10px rgba(18,43,72,.1); box-shadow: 0 10px 40px -10px rgba(18,43,72,.1);}
.pr-row .pr4-left:hover {top: -10px; -webkit-box-shadow: 0 10px 40px -10px rgba(18,43,72,.3); box-shadow: 0 10px 40px -10px rgba(18,43,72,.3);}

.pr-row .pr4-right {width: calc(49% - 60px); margin-top: 110px; margin-left: 60px; vertical-align: top;}

.portfolio4 .pr-line {
	position: absolute;
	display: block;
	width: 600px;
	height: 100%;
	left: -290px;
	top: 0;
	z-index: -2;
}
.portfolio4 .pr4-left img {width: 100%; height: auto; margin-bottom: -5px;}
.portfolio4 .pr4-right h3 {
	margin-bottom: 40px;
	font-size: 40px;
	line-height: 1.1;
}
.portfolio4 .pr4-right p {
	color: #202020;
	font-size: 18px;
	margin-bottom: 50px;
}
.portfolio4 .pr4-right a {
	float: left;
}
.portfolio4 .pr4-right .button {margin: 0 15px 15px 0;}

@media screen and (max-width: 960px) {
	.pr-row .pr4-right {width: 100%;}
	.pr-row .pr4-left {width: 100%; margin-bottom: 20px;}
	.portfolio4 {padding-bottom: 50px; padding-top: 50px;}
	.pr-row .pr4-right {margin: 30px 0 0 0;}
}
@media screen and (max-width: 768px) {
	.pr-row .pr4-left {width: 100%;}
	.portfolio4 .pr4-right h3 {margin-bottom: 20px;}
	.portfolio4 .pr4-right p {margin-bottom: 30px;}
}
@media screen and (max-width: 668px) {.portfolio4 .pr-line {height: 490px; left: -70%;}}
@media screen and (max-width: 556px) {
	.pr-row .pr4-right {margin-left: 0px;}
}
@media screen and (max-width: 456px) {
	.portfolio4 .pr-line {height: 310px; left: -150%;}
	.portfolio4 .pr4-right h3 {font-size: 26px;}
}
@media screen and (max-width: 360px) {.portfolio4 .pr-line {height: 290px; left: -170%;}}

@media screen and (max-width: 420px) {
	.portfolio2 .port2-1, .port2-2 div:first-child, .port2-2 div:last-child {height: 280px;}
	.port3_left a, .pr-left .pr3-item:first-child, .pr3-item, .pr-right .pr3-item:first-child {height: 280px;}
}



.boxhrefimg:hover .boxhref{
	background-image: url(../img/ico_bigeye.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 60px !important;
	z-index: 20;
	transition: 0.6s;
}




.boxm-w100 {padding: 0; border-radius: 0;}
.boxm-w100 .col20 {margin-bottom: -10px; text-align: left;}
.boxm-w100 .col20>div {margin: 0;}
.boxm-w100 .col20 img {max-width: 100%; height: auto;}
.boxm-w100 .col20 .desc {max-width: 550px !important; margin: 20px 25px;}