:root {
	--main-color: #415881; /*--color-blue #4269ad*/
	--main-light: #7d8da7;
	--main-dark: #465670;
	--additional-color: #a56159; /*--additional-color*/
    --additional-light: #cf9c97;
	--accent-color: #985048;
}

.color-main {color: var(--main-color);}
.color-main-light {color: var(--main-light);}
.color-main-dark {color: var(--main-dark);}
.color-additional {color: var(--additional-color);}
.color-accent {color: var(--accent-color);}

.hover-main:hover {color:var(--main-color);}
.hover-main-light:hover {color:var(--main-light);}
.hover-main-dark:hover {color:var(--main-dark);}
.hover-additional:hover {color:var(--additional-color);}
.hover-accent:hover {color:var(--accent-color);}

.lightgrey {background: #e6e6e6;}

.font-14 {font-size: 14px;}
.font-18 {font-size: 18px;}
.font-24 {font-size: 24px;}
.font-30 {font-size: 30px;}

.text-left {text-align: left;}
.text-right {text-align: right;}

.w-0 {width: 0%;}
.w-5 {width: 5%;}
.w-10 {width: 10%;}
.w-15 {width: 15%;}
.w-20 {width: 20%;}
.w-25 {width: 25%;}
.w-30 {width: 30%;}
.w-35 {width: 35%;}
.w-40 {width: 40%;}
.w-45 {width: 45%;}
.w-50 {width: 50%;}
.w-55 {width: 55%;}
.w-60 {width: 60%;}
.w-65 {width: 65%;}
.w-70 {width: 70%;}
.w-75 {width: 75%;}
.w-80 {width: 80%;}
.w-85 {width: 85%;}
.w-90 {width: 90%;}
.w-95 {width: 95%;}
.w-100 {width: 100%;}

.pl-5 {padding-left: 5px;}
.pt-5 {padding-top: 5px;}
.pr-5 {padding-right: 5px;}
.pb-5 {padding-bottom: 5px;}

.pl-15 {padding-left: 15px;}
.pt-15 {padding-top: 15px;}
.pr-15 {padding-right: 15px;}
.pb-15 {padding-bottom: 15px;}

.ml-5 {margin-left: 5px;}
.mt-5 {margin-top: 5px;}
.mr-5 {margin-right: 5px;}
.mb-5 {margin-bottom: 5px;}

.ml-15 {margin-left: 15px;}
.mt-15 {margin-top: 15px;}
.mr-15 {margin-right: 15px;}
.mb-15 {margin-bottom: 15px;}

.pos-rel {position: relative;}
.pos-abs {position: absolute;}
.pos-fix {position: fixed;}

.right-0 {right: 0;}
.left-0 {left: 0;}

.dis-block {display: block;}
.dis-none {display: none;}
.dis-grid {display: grid;}
.dis-flex,
.flex-center,
.flex-center-mob,
.flex-left,
.flex-right,
.flex-between,
.flex-ver-center,
.flex-hor-center {display: flex;}

.flex-left {justify-content: left;}
.flex-right {justify-content: right;}
.flex-between {justify-content: space-between;}

.flex-ver-center, .flex-center {align-items: center;}
.flex-hor-center, .flex-center {justify-content: center;}

.grid-wrap {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(auto, 1fr));
}

.float-left {float: left;}
.float-right {float: right;}
.float-left,
.float-right {position: absolute;}

.pointer {cursor: pointer;}
.dotted {
    text-decoration: none !important;
    border-bottom: 1px dotted;
}
.dotted:hover {border-bottom-style: solid;}
.nowrap {white-space: nowrap;}
.hover-underline { text-decoration: none;}
.hover-underline:hover { text-decoration:underline;}

header {
    padding: 20px 0px;
    z-index: 2000;
    background: white;
}
.container {
	margin: 0 auto;
	max-width: 1140px;
    width: 80vw;
}

/*мобильная версия*/
@media (max-width: 1024px) {
	.pl-10-mob {padding-left: 10px !important;}
	.pt-10-mob {padding-top: 10px !important;}
	.pr-10-mob {padding-right: 10px !important;}
	.pb-10-mob {padding-bottom: 10px !important;}

	.no-mobile {display: none;}
	.w-100-mob {width: 100%;}
	.w-50-mob {width: 50%;}
	.dis-block-mob {display: block;}
	.dis-flex-mob {display: flex;}
    .dis-block-mob-imp {display: block !important;}
	.dis-flex-mob-imp {display: flex !important;}
    .flex-center-mob {
        align-items: center;
        justify-content: center;
    }
	#search:after { display: none !important; }

    body {
        padding-top: 70px !important;
    }
}

/*HEADER начало*/
#search {height: 40px;}
.phone-icon {
	height: 30px;
	width: 30px;
	background-image:url(/assets/images/phone-icon.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.header-phone {color: var(--main-light)}
.header-phone:hover,
.header-phone:hover b {color:var(--accent-color);}
#menu-container {
    height: 50px;
    z-index: 2001;
    background: linear-gradient(0deg, var(--main-dark) 0%, var(--main-color) 100%);
}
#menu-container li .has-childs {min-width: 170px;}
#menu > li.has-childs > a:after {right: 15px;}

.search-input {
	border: 1px solid lightgray;
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	padding: 0px 20px;
	outline: none;
}
.search-input:focus {border-color: var(--main-color);}

#search:after {
    display:block;
    width:1px;
    height:26px;
    position:absolute;
    right:39px;
    background:#cdcdcd;
    content:"";
}

.search-submit {
	position: absolute;
	right: 2px;
	top: 2px;
	text-indent: -9999px;
	width: 36px;
	height: 36px;
	background: #fff;
	border: 0px;
	background-image: url(/assets/images/search.png);
	background-repeat: no-repeat;
	background-position: center;
}

.search-submit:hover {
    cursor:pointer;
    background-color:#e6e6e6;
}

/*мобильная версия*/
@media (max-width: 1024px) {
    header {
        top: 0;
        height: 50px !important;
        position: fixed;
        padding-left: 15px;
        padding-right: 15px;
        width: calc(100% - 30px) !important;
    }
    #search {
        position: absolute !important;
        right: 60px;
    }
	.header-logo {height: 30px !important;}
	header .header-phone, header .header-phone b {
        color: transparent;
        text-indent: -99999px;
	}
}
/*HEADER конец*/

/*MENU начало*/
#menu {
    display: block;
    list-style: none;
    padding: 0px;
    margin: 0px;
    z-index: 10;
}
#menu .sub {
    display: none;
    min-width: 300px;
}
#menu > li {
    float:left;
}
#menu > li {
    width: 19%;
    text-align: center;
}
#menu > li > a {
    display: inline-block;
    width: 100%;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    box-sizing: border-box;
}
#menu > li > a {position:relative;}

#menu > li:first-child > a {
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    box-shadow: inset 0px 0px 50px 100px rgba(0, 0, 0, 0.2);
    min-width: 180px;
}

#menu > li:first-child > a:before {
    content:"";
    position:absolute;
    top:50%;
    left:15px;
    transform: translate(0%, -50%);
    background:url(/assets/images/menu.png) no-repeat;
    width:18px;
    height:14px;
}

#menu > li.has-childs > a:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0%, -50%);
    background: url(/assets/images/darrow.png) no-repeat;
    width: 10px;
    height: 4px;
}
#menu > li.has-childs > .sub ul.sub
{
    display: block;
    list-style: none;
    text-align: left;
    margin: 0px;
    padding: 0px;
}
#menu > li.has-childs > .sub ul.sub { width: 25% !important;}
#menu > li.has-childs > div.sub {
    width: 100%;
    z-index: 2002;
}
#menu > li.has-childs > .sub ul.sub > li {
    float: none !important;
    width: 100% !important;
}
#menu > li.has-childs > .sub {
    z-index: 100;
    display: none;
    position: absolute;
    background: #fff;
    width: auto;
    max-width: 100%;
    box-shadow: 2px 5px 5px 0px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    border: 1px solid #cdcdcd;
    border-top: 0px;
    margin: 0px;
    padding: 40px 40px 3px 40px;
    list-style: none;
    text-align: left;
}

#menu > li.has-childs ul.sub > li {margin-bottom: 10px;}
#menu > li.has-childs ul.sub > li a {font-size: 14px;}

#menu > li.has-childs ul.sub > li.hasSubChilds {
    float: left;
    width: 25%;
    margin-bottom: 37px;
}

#menu > li.has-childs ul.sub > li.hasSubChilds > a {
    font-weight: bold;
    color: var(--main-dark);
    text-transform: uppercase;
}

#menu > li.has-childs ul.sub > li.hasSubChilds .subsub {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#menu > li.has-childs ul.sub > li.hasSubChilds .subsub > li {margin-top: 10px;}
#menu li.has-childs {cursor:pointer;}
#menu .sub {cursor: default;}

.is-active {
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(239,242,250,1) 80%, rgba(211,214,227,1) 100%) !important;
    box-shadow: 2px 5px 5px 0px rgba(0, 0, 0, 0.25);
}
.is-active a:after {
    width: 14px !important;
    height: 14px !important;
    background: url(/assets/images/close-menu.png) no-repeat !important;
}

.is-active a:before {background: url(/assets/images/menu-bar-hover.png) no-repeat !important;}

#to-cart {
    right: 15px;
    top: 14px;
    background: url(/assets/images/icons/cart.png) no-repeat;
    width: 30px;
    height: 28px;
    color: #fff;
    cursor: pointer;
}

.cart-counter {
    background: #e74c3c;
    color: #fff;
    font-size: 12px;
    text-align: Center;
    line-height: 20px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    right: -10px;
    top: -10px;
}

/*мобильная версия*/
@media (max-width: 1024px) {
    #menu > li:nth-child(2) {width: 30%;}
    #menu > li {width: 50%;}
    #menu-container {
        position: fixed;
        top: 70px;
        max-width: 100vw;
        width: 100vw;
    }
    #menu > li.has-childs > a:after {right: 10px;}
    #to-cart {right: 20px !important;}
}
/*MENU конец*/


/*CONTACTS начало*/
#contacts {
    width: 50%;
    min-width: 600px;
    padding: 45px 0px;
    margin: 0 auto;
}
#contacts .contact-us {
    float: left;
    border-right: 1px solid #808080;
    padding-right: 15%;
}
/*мобильная версия*/
@media (max-width: 1024px) {
    #contacts {
        min-width: 300px;
    }
    #contacts .contact-us {
        float: none;
        padding: 0px;
        min-width: 300px;
        margin: 0 auto;
        border: 0px;
    }
}
/*CONTACTS конец*/

/*FOOTER начало*/

footer {
    background: linear-gradient(0deg, var(--main-color) 0%, var(--main-light) 100%);
    box-shadow: inset 0px 0px 200px 400px rgba(0, 0, 0, 0.2);
    padding: 45px 0px;
    color: #fff;
}
footer .column {
    width: 20%;
    margin-right: 6.5%;
    text-align: left;
}
footer .column:last-child {
    margin-right: 0px !important;
}
footer .column a {
    color: #fff;
    text-decoration: none;
}

footer .column a:hover {
    color: var(--additional-light);
    text-decoration: underline;
}

footer .center-wrap .column:last-child {
    margin-right: 0px;
}

.wa, .tg, .vk {
    display: block;
    margin-right: 15px;
    transition: none;
}
.wa {
    background: url(/assets/images/icons/whatsapp.png) top center no-repeat;
    width: 39px;
    height: 39px;
}
.tg {
    background: url(/assets/images/icons/telegram.png) top center no-repeat;
    width: 39px;
    height: 39px;
    margin-right: 11px;
}
.vk {
    background: url(/assets/images/icons/vk.png) top center no-repeat;
    width: 44px;
    height: 44px;
    margin-top: -2px;
}

.wa:hover, .viber:hover, .tg:hover, .vk:hover {background-position: bottom center;}

/*мобильная версия*/
@media (max-width: 1024px) {
    footer .column {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    footer .column:nth-child(2),
    footer .column:nth-child(3) {display:none;}
}
/*FOOTER конец*/

/*SLIDER начало*/
#main-slider ul {
    height: 440px;
}
#main-slider .element {
    border: 1px solid #cccccc;
    box-sizing: border-box;
    height: 480px;
    width: 100%;
}

#main-slider .element .absolute-wrap {
    width: 465px;
    top: 90px;
    left: 60px;
}
#main-slider .a_button {
    padding: 0px 15px;
    line-height: 50px;
    min-width: 200px;
    box-sizing: border-box;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    font-size: 18px;
    text-transform: none;
    background: none;
}

#main-slider .a_button:hover {
    background-color: #e74c3c;
    border-color: #e74c3c;
}

.slider .element .image {
    float: left !important;
    width: 100% !important;
    margin-right: 25px !important;
    box-sizing: border-box !important;
    height: 150px !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
}
.slider .element .cnt {
    width: 100% !important;
}


/*SLIDER конец*/

.a_but:hover {
    color: white;
    background: var(--accent-color);
    border-color: var(--accent-color);
    font-weight: normal;
    cursor: pointer;
}










/*пк версия*/
@media (min-width: 1025px) {
}

/* Мобильные устройства (до 600px) */
@media (max-width: 600px) {

}

/* Планшеты (601px - 1024px) */
@media (min-width: 601px) and (max-width: 1024px) {

}

/* Десктопы (от 1025px) */
@media (min-width: 1025px) {

}

body {
    text-align: center;
    min-width: 1000px;
    overflow-x: hidden !important;
    color:#333333;
    background-color: white;
}


html, body { font-size:12px; margin:0px; padding:0px; width:100%; font-family: 'Roboto', sans-serif; }
html > body { overflow-y: scroll; }
*:first-child+html body { overflow-y: hidden; }
body {
    /*overflow-y: scroll !important;*/
    overflow-y: scroll;
}

img {
    border: 0px;
}

.spacer { font-size:0px; }
.clear { clear:both; }
.pointer { cursor:pointer; }
.dn { display:none; }
.small { font-size:11px; }
.radius { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.radius-3px, .brad3 { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.radius-5px { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

.relative-wrap { position:relative; }
.absolute-wrap { position:absolute; }
.fixed-wrap { position:fixed; }

.center-wrap, .cnter-wrap-two {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    max-width: 1140px;
    width: 80vw;
}
.center-wrap-two { width:820px; max-width:820px; margin:0 auto; }

.center { text-align:center; }
.txleft { text-align:left; }
.txright { text-align:right; }
.aajax-link { text-decoration:none !important; }
.ajax-link, .aajax-link span { cursor:pointer; border-bottom:1px dotted; text-decoration:none !important; }
.ajax-link:hover, .aajax-link:hover span { border-bottom-style:solid; color: var(--additional-color); }
.div-link { cursor:pointer; }

a { 
    color: var(--main-color);
    text-decoration:none;
    transition: 500ms;
}

p { margin:0px; padding:0px; margin-top:3px; margin-bottom:2px;  font-size:14px; color:#201820; line-height:140%;}
/*.content p { margin-bottom:20px; font-size:14px; }
.content-container li { font-size:16px; color:#747474; line-height:140%;}
.content-container  { font-size:14px; }*/


.cont p { margin-bottom:20px; }
.cont li { font-size:14px; line-height:140%;}
.cont  { font-size:14px; }
.cont { font-size:16px; color:#333; line-height:140%; }
.cont a { color:#808080; }
.cont ul, .cont ol { color:#333; padding-left:15px; font-size:16px;}
.cont p { margin-bottom:20px; }

.cont table { color:#333;  border-spacing: 2px;
    border-collapse: separate; }
.cont table td, .cont table th { margin:2px; border:1px solid #333; padding:2px 5px; box-sizing:border-box; font-size:14px; }
.cont table th { color:#333333; font-size:16px; }


.flex { display:flex; }
.flex-wrap { flex-wrap:wrap}
.lthr { text-decoration:line-through; }
h1 {
    font-weight:bold;
    font-size:30px;
    margin-bottom:10px;
    color:#000 !important;
    font-weight:bold !important;
}

h1 { margin-top:0px; }
h1, h2, h3, h4, h5 , h6 {
    color:#404040;
    font-family: 'Roboto', sans-serif;
    /*text-transform:uppercase;*/
    /*font-weight:normal !important;*/
}
h2, h3, h4, h5 {
    margin:0px;
    margin-top:20px !important;
    font-weight:bold;

    margin-bottom:10px;
}
h2 {
    font-size:24px;

}
h3 {
    font-size:20px;
    /*color:#39a2b5;*/
}
h4 {
    /* color:#bf5634; */
    font-size:18px;
}
h5 {
    font-size:16px;
    /* color:#c35a38; */

}

.px10 {
    font-size:10px;
}
.px11 {
    font-size:11px;
}
.px12 {
    font-size:12px;
}
.px13 {
    font-size:13px;
}
.px14 { font-size:14px; }
.px14imp { font-size:14px !important; }
.px15 {
    font-size:15px;
}
.px16 {
    font-size:16px;
}
.px17 {
    font-size:17px;
}
.px18 {
    font-size:18px;
}
.px19 {
    font-size:19px;
}
.px20 {
    font-size:20px;
}
.px21 {
    font-size:21px;
}
.px22 { font-size:22px; }
.px22imp { font-size:22px !important; }
.px23 {
    font-size:23px;
}
.px24 {
    font-size:24px;
}
.px25 {
    font-size:25px;
}
.px26 {
    font-size:26px;
}
.px27 {
    font-size:27px;
}
.px28 {
    font-size:28px;
}
.px29 {
    font-size:29px;
}
.px30 { font-size:30px; }
.px30imp { font-size:30px !important; }
.px36 {
    font-size:36px;
}
.px48 { font-size:48px; }
.h5 { height:5px; }
.h10 { height:10px; }
.h15 { height:15px; }
.h20 { height:20px; }
.h25 { height:25px; }
.h30 { height:30px; }
.h35 { height:35px; }
.h40 { height:40px; }
.h45 { height:45px; }
.h50 { height:50px; }

.ml20 { margin-left:20px; }
.ml15 { margin-left:15px; }



.blue { color:var(--main-color); }
.block { display:block; }
.bold { font-weight:bold; }
.weightnormal { font-weight:normal !important; }
.uppercase { text-transform:uppercase; }
.lowercase { text-transform:lowercase; }
.normalcase { text-transform:none; }
.float-left-wrap { float:left; }
.float-right-wrap { float:right; }

.dnone, .dnone:hover { text-decoration:none; }
.dhover:hover { text-decoration:underline; }
.underline { text-decoration:underline; }
.nomar { margin:0px !important; }

.wblack { font-weight:900; }
.light { font-weight:lighter; }

.black { color:#000 !important; }
.green { color:#27740c; }
.dlgray { color:#555555 !important; }
.llgray { color:#858484 }
.lgray { color:#808080; }
.red { color:#e31e25; }
.rred { color:#e74c3c; }
.dgray  { color:#4c4c4c; }
.ddgray  { color:#666666; }
.dddgray { color:#444444 !important; }
.dd333  { color:#333333; }
.white { color:#fff !important; }
.gray { color:#7e7e7e; }
.sbold { font-weight:600; }
.gggray { color:#7a7a7a; }
.color40 { color:#404040; }
.color41 { color:#414141; }
.color42 { color:#424242; }
.italic { font-style: italic; }

.dashedline:hover, .dashedline2:hover { border-bottom-style: solid; }
.dashedline { border-bottom:1px dashed; }
.dashedline2 { border-bottom:2px dashed; }

.orange, .orange-hover:hover { color:#f77807; }
.prpl { color:#5952c1; }
.ddgr { color:#2b2b2b; }

.nc-navbar { display:none !important; }
.nodesc, .nodesk { display:none !important; }

.tbl { display:table; width:100%; border-collapse:collapse; }
.tbl .row { display:table-row; }
.tbl .row .tab { display:table-cell; vertical-align:middle; padding:10px 20px; border:1px solid #efefef; color:#7e7e7e; font-size:14px; }
.tbl .row.row-line { border-bottom:1px solid #bfbfbf !important; }
/*.tbl .row:nth-child(odd) { background:#f7f7f7; }
.tbl .row .tab b { color:#333; }*/
.nppa { padding:0px !important; }

.iblock { display:inline-block; }
.sliderul { margin:0px; padding:0px; list-style:none; display:block; }

/**/
#phone a:first-child {
    text-decoration:none;
    padding-left:30px;
    display:inline-block;
    background-image:url(/assets/images/phone-icon.png);
    background-repeat:no-repeat;
    background-position:left center;
}


.tpl-block-55 #search input[type="text"] { width:100%; }



#itemss .element:hover .a_but {
    color: #fff;
    background: #e74c3c;
    border-color: #e74c3c;
    font-weight: normal;
    cursor: pointer;
}
#itemss .element .a_but:first-child {
    margin-right: 12px;
}

#itemss .element:hover .bonene,
#itemss .element:hover .equivalent {
    background: var(--main-color);
    border-color: var(--main-color);
    color: #fff;
}

.a_button {
    background-color: #e74c3c;
    display: inline-block;
    line-height: 33px;
    padding: 0px 8px;
    color: #fff;
    text-decoration: none !important;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
}

    .a_button:hover {
        background-color: #e74c3c;
        text-shadow: none;
    }



.bx-wrapper .bx-prev, .bx-wrapper .bx-next {
    width: 14px !important;
    height: 34px !important;
    background: url(/assets/images/arrows.png) no-repeat;
}

.bx-wrapper .bx-prev {
    background-position: left top;
    left: -25px !important;
}

.bx-wrapper .bx-next {
    background-position: right bottom;
    right: -25px !important;
}

.bx-wrapper .bx-prev:hover {
    background-position: left bottom;
}

.bx-wrapper .bx-next:hover {
    background-position: right top;
}

#main_services .element {
    float: left;
    width: 22%;
    margin-right: 4%;
    padding: 30px 0;
    box-sizing: border-box;
    margin-bottom: 30px;
    border: 1px solid #cdcdcd;
    box-shadow: 3px 4px 30px 0px rgba(0, 0, 0, 0.25);
}
@media(max-width:1000px){
    #main_services .element {
        padding: 5px;
    }
}

    #main_services .element:nth-child(4n) {
        margin-right: 0px;
    }

    #main_services .element .tbl, #main_services .element .tbl * {
        border: 0px;
    }

        #main_services .element .tbl .tab {
            height: 100px;
            vertical-align: middle;
            text-align: center;
        }

    #main_services .element .a_button {
        background: none;
        color: var(--main-color);
        text-align: center;
        text-transform: none;
        border: 1px solid var(--main-color);
        width: 70%;
        margin-left: 15%;
        font-size: 18px;
        text-shadow: none;
        box-sizing: border-box;
        transition: 500ms;
    }

    #main_services .element:hover {
        color: var(--main-color);
    }

        #main_services .element:hover span {
            color: var(--main-color);
        }

        #main_services .element:hover .a_button {
            color: #fff;
            background: #e74c3c;
            border-color: #e74c3c;
            font-weight: normal;
        }

.title-lines {
    background: url(/assets/images/title-lines.png) center repeat-x;
    z-index: 1;
    margin-bottom: 20px;
}

.titcont {
    z-index: 2;
}

.title-lines h1,
.tit {
    display: inline-block;
    color: #404040 !important;
    font-size: 24px;
    font-weight: bold;
    padding-right: 20px;
    background: #fff;
}

#main_cashbox .element {
    position: relative;
    float: left;
    width: 48%;
    margin-right: 4%;
    padding: 0px 20px;
    box-sizing: border-box;
    margin-bottom: 30px;
    border: 1px solid #cdcdcd;
    height: 150px;
    background-color: #fff;
    background-image: url(/assets/images/casho.png);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 5px;
}

    #main_cashbox .element:nth-child(2n) {
        margin-right: 0px;
    }

    #main_cashbox .element span {
        color: var(--main-color);
        font-weight: bold;
        text-transform: uppercase;
    }

    #main_cashbox .element .inner-box {
        width: 35%;
        float: left;
        padding-top: 25px;
    }

    #main_cashbox .element:hover {
        text-decoration: none;
        background-color: #ff4b39;
    }

        #main_cashbox .element:hover span {
            color: #fff;
        }

    #main_cashbox .element .a_button {
        background: none;
        color: var(--main-color);
        text-align: center;
        text-transform: none;
        border: 1px solid var(--main-color);
        width: 35%;
        padding: 0 2% 0 2%;
        font-size: 18px;
        text-shadow: none;
        box-sizing: border-box;
        font-weight: normal;
        bottom: 10%;
        position: absolute;
    }

    #main_cashbox .element:hover .a_button {
        border-color: #fff;
        font-weight: normal;
    }

    #main_cashbox .element .image-box {
        float: right;
        aspect-ratio: 1/1;
        height: 100%;
        background-size: 75%;
        background-repeat: no-repeat;
        background-position: center;
        transition: 800ms;
    }

.graybox {
    background: #e6e6e6;
}

#preim {
    padding: 0 0 45px 0;
}

#preim .element {
    float: left;
    margin: 0px 5%;
    width: 23%;
    float: left;
}
preim .element .image-box {
    width: 100%;
    height: 136px;
}

.double {
    width: 50%;
    box-sizing: border-box;
}



#text {
    display: none;
}

.a_but {
    display: inline-block;
    line-height: 40px;
    padding: 0px 30px;
    text-decoration: none !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: none;
    color: var(--main-color);
    text-align: center;
    text-transform: none;
    border: 1px solid var(--main-color);
    font-size: 18px;
    text-shadow: none;
    box-sizing: border-box;
}



#subemail {
    width: 262px;
    height: 34px;
    box-sizing: border-box;
    padding: 0px 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #cdcdcd;
}

.redbut {
    background: #e74c3c;
    border: 1px solid #e74c3c;
    height: 34px;
    box-sizing: border-box;
    padding: 0px 30px;
    cursor: pointer;
}

.redbut:hover {
    text-decoration: underline;
}

.agreement {
    display: flex;
    margin-top: 10px;
}
.agreement-checkbox {
    display: flex;
    align-items: center;
    justify-content: left;
    height: 20px !important;
    width: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer;
}
.agreement label {
    padding: 3px 0px 0px 10px;
    font-size: 14px;
}





.footer-menu {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.footer-menu li {
    margin-top: 10px;
    margin-bottom: 10px;
}

.footer-menu a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}

    .footer-menu a:hover, .footer-menu .active a {
        text-decoration: underline;
    }

.inner-content {
    max-width: 100%;
    width: auto !important;
    height: auto !important;
}

    .inner-content p, .inner-content {
        font-size: 16px;
        color: #2b2a28;
        font-family: 'Open Sans', sans-serif;
        line-height: 140%;
    }

        .inner-content p {
            margin-bottom: 15px;
        }

        .inner-content h2 {
            color: #2b2a28;
            font-size: 30px;
            font-weight: bold !important;
            text-transform: none;
            margin-bottom: 15px;
        }

        .inner-content h3 {
            color: #2b2a28;
            font-size: 24px;
            font-weight: bold !important;
            text-transform: none;
            margin-bottom: 15px;
        }

        .inner-content h4 {
            color: #2b2a28;
            font-size: 22px;
            font-weight: bold !important;
            text-transform: none;
            margin-bottom: 15px;
        }

        .inner-content h5 {
            color: #2b2a28;
            font-size: 20px;
            font-weight: bold !important;
            text-transform: none;
            margin-bottom: 15px;
        }

        .inner-content td, .inner-content th {
            padding: 5px 15px;
            font-size: 14px;
        }

        .inner-content th {
            font-weight: bolder;
        }

        .inner-content ul {
            padding-left: 38px;
        }

        .inner-content li {
            margin-bottom: 5px;
        }

        .inner-content a {
            color: var(--main-color);
        }

        .inner-content a:hover {
            color: var(--additional-color);
        }

        .inner-content tr:nth-child(even), .inner-content th {
            background: #efefef;
        }

        .inner-content tr:nth-child(odd) {
            background: #ffffff;
        }

        .inner-content table, .inner-content tr, .inner-content td, .inner-content th {
            border-collapse: collapse;
        }

        .inner-content td, .inner-content th {
            border: 1px solid #d7d7d7;
        }

.sidebar {
    /*width: 262px;*/
    width: 25%;
    padding-right: 5%;
    float: left;
}

    .sidebar #sidebar_menu {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #226cb7;
        padding-bottom: 17px;
        min-width: 220px;
    }

    .sidebar .sidebar-title {
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        line-height: 39px;
        /*background: #226cb7;*/
        background: linear-gradient(0deg, rgba(30,93,157,1) 0%, rgb(52 127 202) 100%);
        font-size: 18px;
    }

#sidebar_menu > ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-top: 15px;
}
    #sidebar_menu > ul > li {
        line-height: 25px;
    }

        #sidebar_menu > ul > li > a {
            /*line-height: normal;*/
            line-height: 26px;
            color: #446cb3;
            font-size: 14px;
            padding-left: 23px;
            padding-right: 23px;
            box-sizing: border-box;
            text-decoration: none;
            display: inline-block;
        }

        #sidebar_menu > ul > li > a:hover, #sidebar_menu > ul > li > a.active {
            text-decoration: underline;
        }

        #sidebar_menu > ul > li > a.active {
            border-left: 4px solid #446cb3;
            padding-left: 19px;
        }

        #sidebar_menu > ul > li > a:hover {
            color: #e74c3c;
        }

.conten-bar {
    float: right;
    width: 70%;
}

.breadcrumbs {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: block;
}

    .breadcrumbs li {
        display: block;
        float: left;
        font-size: 14px;
    }

        .breadcrumbs li.divider {
            margin-left: 5px;
            margin-right: 5px;
            color: #446cb3;
        }

        .breadcrumbs li:last-child a {
            color: #858484;
            text-decoration: none;
        }

.map {
    height: 650px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    margin-top: 50px;
}

#cblocks .element > div > div {
    margin-top: -2px;
    margin-bottom: 2px;
}

#cblocks .element > div {
    float: left;
    width: 325px;
    box-sizing: border-box;
    max-width: 100% !important;
    padding-left: 40px;
    color: #404040;
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 25px;
    background-repeat: no-repeat;
    background-position: left top;
}

    #cblocks .element > div.addr {
        background-image: url(/assets/images/icons/addr.png);
    }

    #cblocks .element > div.graf {
        background-image: url(/assets/images/icons/time.png);
    }

    #cblocks .element > div.phon {
        background-image: url(/assets/images/icons/phone.png);
    }

    #cblocks .element > div.email {
        background-image: url(/assets/images/icons/email.png);
    }

#blog .element {
    float: left;
    width: 262px;
    box-shadow: 3px 3px 30px 0px rgba(0, 0, 0, 0.2);
    background: #fff;
    margin-right: 20px;
    padding: 11px;
    box-sizing: border-box;
    border: 1px solid #d7d7d7;
    margin-bottom: 30px;
}

    #blog .element .image {
        border: 1px solid #d7d7d7;
        height: 158px;
        width: 100%;
        background-position: center;
        background-size: cover;
        box-sizing: border-box;
        background-repeat: no-repeat;
        margin-bottom: 10px;
    }

    #blog .element .date {
        display: block;
        font-size: 14px;
        color: #808080;
        margin-bottom: 5px;
    }

        #blog .element .date span:first-child {
            display: none;
        }

        #blog .element .date span:last-child {
            display: inline
        }

    #blog .element .cnt {
        overflow: hidden;
        height: 129px;
    }

    #blog .element a {
        font-size: 18px;
        color: #404040;
        font-weight: bold;
        margin-bottom: 10px;
        display: block;
    }

    #blog .element p {
        font-size: 14px;
        color: #737373;
        margin: 0px;
        padding: 0px;
    }

@media only screen and (min-width:600px) {
    #blog .element.top {
        float: none;
        width: 100%;
        position: relative;
        box-shadow: none;
        margin-right: 0px;
        max-width: 458px;
    }

        #blog .element.top .cnt {
            position: absolute;
            padding: 10px 20px;
            left: 361px;
            width: 487px;
            height: 142px;
            top: 40px;
            background: #fff;
            border: 1px solid #d7d7d7;
            box-sizing: border-box;
            box-shadow: 3px 3px 30px 0px rgba(0, 0, 0, 0.2);
        }

            #blog .element.top .cnt a {
                font-size: 24px;
                margin-bottom: 20px;
            }

            #blog .element.top .cnt p {
                font-size: 14px;
                color: #404040;
            }

        #blog .element.top .image {
            width: 100%;
            height: 202px;
        }

        #blog .element.top .date {
            background: var(--main-color);
            color: #fff;
            position: absolute;
            top: 0px;
            left: 0px;
            text-align: center;
            font-size: 30px;
            width: 90px;
            height: 88px;
            box-sizing: border-box;
            padding-top: 19px;
            line-height: 16px;
        }

            #blog .element.top .date span, #blog .element.top .date font {
                display: block;
                font-size: 14px;
                margin-top: 5px;
            }

            #blog .element.top .date font {
                margin-top: 2px;
            }

            #blog .element.top .date span:nth-child(2) {
                display: none !important;
            }
}

#pagination ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin: 0 auto;
    text-align: center;
}

#pagination li {
    display: inline-block;
    min-width: 28px;
    height: 28px;
    line-height: 27px;
    font-size: 15px;
    margin: 0px 5px;
    box-sizing: border-box;
}

    #pagination li.link a {
        text-decoration: none;
        font-size: 12px !important;
        color: var(--main-color);
        min-width: 28px;
        height: 28px;
        border: 1px solid var(--main-color);
        display: block;
        box-sizing: border-box;
    }

    #pagination li:hover, #pagination li.selected {
        color: #fff;
        text-decoration: none;
        background: var(--main-color);
        font-weight: bold;
        cursor: pointer;
    }

        #pagination li:hover a, #pagination li.selected a {
            color: #fff !important;
        }

#pagination .next, #pagination .prev {
    background-color: transparent !important;
    background-image: url(/assets/images/pager.png) !important;
    background-repeat: no-repeat;
    background-position: top left;
    width: 28px;
    height: 28px;
    border: 0px;
    box-shadow: 3px 4px 0px 0px rgba(0, 0, 0, 0.05);
}

    #pagination .next:hover, #pagination .prev:hover {
        border: 0px;
    }

#pagination .next {
    background-position: bottom right;
}

    #pagination .next:hover {
        background-position: top right;
    }

#pagination .prev:hover {
    background-position: bottom left;
}

#news-page .date {
    line-height: 19px;
    background: url(/assets/images/icons/date.png) left top no-repeat;
    padding-left: 25px;
}

#news-page .img {
    box-sizing: border-box;
    border: 1px solid #d7d7d7;
}

#news-page p, #news-page ul {
    font-size: 16px;
    list-style: none;
}

.inner-content ul > li {
    position: relative;
    margin: 17px 0px;
}

.inner-content ul > li:before {
    content: "";
    width: 7px;
    height: 7px;
    display: block;
    border: 3px solid var(--main-color);
    position: absolute;
    top: 0px;
    left: -29.5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 5px 0px;
}

.inner-content ol > li:hover:before{
    border-color: var(--additional-color);
}

.inner-content ol {
    counter-reset: numList;
    padding-inline-start: 38px;
}

.inner-content ol > li:before {
    position: absolute;
    font-family: "Rubik", sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: var(--main-color);
    counter-increment: numList;
    content: counter(numList);
    opacity: 1;
    width: auto;
    height: auto;
    display: block;
    text-align: initial;
    z-index: 2;
    margin: 0;
    top: 0px;
    left: -27px;
}
.inner-content ol > li:hover:before {
    color: var(--additional-color);
}


.inner-content ol > li:after,
.inner-content ul > li:after  {
    content: "";
    display: block;
    width: 22px;
    height: 28px;
    background-color: #ececec;
    -webkit-border-top-left-radius: 9px;
    border-top-left-radius: 9px;
    -webkit-border-bottom-right-radius: 9px;
    border-bottom-right-radius: 9px;
    position: absolute;
    top: -2px;
    left: -34px;
    z-index: -1;
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
}

.inner-content ol > li {
    list-style-type: none;
    margin: 18px 0;
}

.inner-content ol > li{
    position: relative;
}

.footer-phone:hover * {
    color: #e74c3c;
}

.ya-share2__item_service_telegram .ya-share2__icon {
    width: 30px !important;
    height: 28px !important;
    background: url(/assets/images/icons/share-telega.png) top center no-repeat !important;
}

    .ya-share2__item_service_telegram .ya-share2__icon:hover {
        background: url(/assets/images/icons/share-telega.png) bottom center no-repeat !important;
    }

.ya-share2__badge {
    background: transparent !important;
}

@media screen and (max-width: 800px) {
    #someitem {
        display: flex;
        flex-direction: column;
    }

    .pricer-to-top {
        margin-bottom: 25px;
        order: -1;
    }

    .pricer-to-right {
        text-align: right;
    }
}

.ya-share2__item_service_whatsapp .ya-share2__icon {
    width: 28px !important;
    height: 28px !important;
    background: url(/assets/images/icons/share-wa.png) top center no-repeat !important;
}

    .ya-share2__item_service_whatsapp .ya-share2__icon:hover {
        background: url(/assets/images/icons/share-wa.png) bottom center no-repeat !important;
    }

.ya-share2__item_service_odnoklassniki .ya-share2__icon {
    width: 28px !important;
    height: 28px !important;
    background: url(/assets/images/icons/share-ok.png) top center no-repeat !important;
}

    .ya-share2__item_service_odnoklassniki .ya-share2__icon:hover {
        background: url(/assets/images/icons/share-ok.png) bottom center no-repeat !important;
    }

.ya-share2__item_service_facebook .ya-share2__icon {
    width: 28px !important;
    height: 28px !important;
    background: url(/assets/images/icons/share-fb.png) top center no-repeat !important;
}

    .ya-share2__item_service_facebook .ya-share2__icon:hover {
        background: url(/assets/images/icons/share-fb.png) bottom center no-repeat !important;
    }

.ya-share2__item_service_vkontakte .ya-share2__icon {
    width: 28px !important;
    height: 28px !important;
    background: url(/assets/images/icons/share-vk.png) top center no-repeat !important;
}

    .ya-share2__item_service_vkontakte .ya-share2__icon:hover {
        background: url(/assets/images/icons/share-vk.png) bottom center no-repeat !important;
    }

.ya-share2__item {
    margin: 0px 10px !important;
}

.ya-share2__list .ya-share2__item:last-child {
    margin-right: 0px !important;
}

#blog.withoutnomar .element {
    margin-right: 30px;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

.a_but.blue {
    background: var(--main-color);
    color: #fff;
}

#blog-callbac {
    background-color: #cceaff;
    padding: 25px 30px 25px 260px;
    background-image: url(/assets/images/callb.png);
    background-position: left center;
    background-repeat: no-repeat;
}

    #blog-callbac .a_but {
        padding: 0px 10px;
        margin-top: 25px;
    }

    #blog-callbac input {
        font-size: 18px;
        width: 370px;
        height: 42px;
        box-sizing: border-box;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #cdcdcd;
        padding: 0px 20px;
        margin-right: 10px;
        float: left;
    }

#fancybox-close {
    color: transparent;
}

#sidebar_menu .sub {
    list-style: none;
    margin: 0px;
    padding: 0px 23px 0px 0px;
    margin-bottom: 20px;
}

        #sidebar_menu .sub li a {
            font-size: 14px;
            padding-left: 23px;
            display: inline-block;
            box-sizing: border-box;
        }

            #sidebar_menu .sub li a:hover {
                color: #446cb3;
            }

            #sidebar_menu .sub li a.active {
                border-left: 4px solid #446cb3;
                padding-left: 19px;
            }

            #sidebar_menu .sub li a:hover {
                color: #e74c3c;
            }

#itemss .element {
    padding: 20px 25px;
    border: 1px solid #cdcdcd;
    box-sizing: border-box;
    clear: both;
    margin-bottom: 30px;
    position:relative;
}

    #itemss .element:hover {
        box-shadow: 3px 3px 30px 0px rgba(0, 0, 0, 0.2);
        border-color: var(--main-color);
    }

    #itemss .element .image {
        float: left;
        width: 20%;
/*        min-width: 150px;*/
        margin-top: 25px;
        margin-right: 25px;
        box-sizing: border-box;
        aspect-ratio: 1 / 1;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }


.inner-content ul {
    list-style: none;
}

#itemss .element .cnt {
    padding: 10px 0px;
    float: left;
    width: 75%;
}

#itemss .element > ul.absolute-wrap {
    list-style: none;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
}

    #itemss .element > ul.absolute-wrap li {
        display: inline-block;
        padding: 5px;
    }

        #itemss .element > ul.absolute-wrap li.disc {
            background: #e74c3c;
        }

        #itemss .element > ul.absolute-wrap li.rec {
            background: var(--main-color);
        }

#itemss .element .cnt a {
    display: inline-block;
    margin-bottom: 10px;
}

#sorting {
    border: 1px solid #cdcdcd;
    padding: 5px 10px;
    font-size: 14px;
}

.hoverbold:hover {
    /*font-weight: bold;*/
}

#liners a {
    margin: 3px 0px;
    display: inline-block;
}

#slider2 {
    display: block;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.moreimages {
    margin-top: 23px;
}

    .moreimages .element a {
        width: 90px;
        height: 79px;
        border: 1px solid #cdcdcd;
        box-sizing: border-box;
        display: block;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-position: center !important;
        background-size: cover !important;
    }

    .moreimages .element.active a {
        border-color: var(--main-color);
    }

    .moreimages .slidertwo {
        border: 0px;
        padding-bottom: 0px;
    }

#goodimages {
    max-width: 455px;
    width: 30%;
    text-align: center;
}
@media(max-width: 900px) {
    #goodimages {
        width: 60%;
        min-width: 250px;
        padding: 0 20% 0 20%;
    }
}
@media(max-width: 500px) {

    #goodimages {
        width: 90%;
        padding: 0 5% 0 5%;
    }
}

#goodparams {
    width: 393px;
}

.moreimages img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#goodimages ul.absolute-wrap {
    list-style: none;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
}

    #goodimages ul.absolute-wrap li {
        display: inline-block;
        padding: 5px;
    }

        #goodimages ul.absolute-wrap li.disc {
            background: #e74c3c;
        }

        #goodimages ul.absolute-wrap li.rec {
            background: var(--main-color);
        }

.mainimage {
    border: 1px solid #cdcdcd;
}

    .mainimage img {
        display: block;
        max-height: 422px;
        margin: 0 auto;
    }

#someitem {
    margin-left: 5%;
    width: 65%;
    max-width: 100%;
}
@media(max-width: 900px){
    #someitem {
        width: 100%;
        min-width: 250px;
    }
}


.qty input {
    width: 100px;
    height: 24px;
    border: 1px solid #efefef;
    font-size: 14px;
    color: #2b2a28;
    font-weight: 600;
    text-align: center;
}

.qty {
    padding-left: 26px;
    padding-left: 28px;
    padding-right: 28px;
    margin-left: 20px;
    margin-top: -5px;
}

    .qty .before {
        color: #808080;
        cursor: pointer;
        line-height: 21px;
        text-align: center;
        position: absolute;
        top: 0px;
        left: 0px;
        font-size: 24px;
        display: block;
        width: 26px;
        height: 26px;
        border: 1px solid #efefef;
        border-radius: 5px 0px 0px 5px;
        -moz-border-radius: 5px 0px 0px 5px;
        -webkit-border-radius: 5px 0px 0px 5px;
    }

    .qty .after {
        color: #808080;
        cursor: pointer;
        line-height: 23px;
        text-align: center;
        position: absolute;
        top: 0px;
        right: 0px;
        font-size: 24px;
        display: block;
        width: 26px;
        height: 26px;
        border: 1px solid #efefef;
        border-radius: 0px 5px 5px 0px;
        -moz-border-radius: 0px 5px 5px 0px;
        -webkit-border-radius: 0px 5px 5px 0px;
    }

        .qty .before:hover, .qty .after:hover {
            background: #efefef;
        }

.itembuts a:first-child {
    background-image: url(/assets/images/icons/cart.png);
    background-position: right 20px center;
    background-repeat: no-repeat;
    padding-right: 50px;
    background-color: var(--additional-color);
    border-color: var(--additional-color);
}
.itembuts a:first-child:hover {
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.itembuts a {
    width: 260px;
}

.a_but.red {

    background-color: var(--main-color);
    border-color: var(--main-color);
    color: #fff;
}

    .a_but.red:hover {
        background-color: #e74c3c;
        border-color: #e74c3c;
        color: #fff;
    }

#labas {
    margin-top: 10px;
}

.laba {
    position: relative;
    padding: 10px 10px 10px 32px;
    border: 1px solid transparent;
}

    .laba input {
        display: none;
    }

    .laba .checkmark {
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translate(0%, -50%);
        background: url(/assets/images/icons/radio.png) bottom center no-repeat;
        height: 18.5px;
        width: 18px;
    }

    .laba.selected {
        border: 1px solid #cdcdcd;
    }

    .laba input:checked ~ .checkmark {
        background-position: top center;
    }

#service_block {
    box-sizing: border-box;
    padding: 30px 100px 45px 100px;
    border: 1px solid var(--main-color);
}

    #service_block .element {
        padding: 10px 20px;
        margin-bottom: 10px;
        border: 1px solid #cdcdcd;
    }

        #service_block .element.active {
            border: 1px solid #cdcdcd;
        }

        #service_block .element .icon img {
            max-width: 42px;
            height: auto;
            max-height: 30px;
        }

        #service_block .element .icon {
            float: left;
            width: 45px;
            margin-right: 20px;
        }

        #service_block .element .cnt {
            width: 40%;
            margin-right: 20px;
            float: left;
        }

        #service_block .element .price-title {
            float: left;
            width: 50px;
            margin-right: 20px;
            line-height: 30px;
        }
        @media(max-width: 600px){
            #service_block .element .price-title {
                float: left;
                margin-left: 70%;
                line-height: 30px;
            }

        }

        #service_block .element .cnt a {
            font-size: 18px;
            line-height: 30px;
        }

#service_block .element .checkser {
    display: block;
    cursor: pointer;
    background: url(/assets/images/icons/checkc.png) bottom center no-repeat;
    background-size: 100%;
    width: 24px;
    height: 24px;
    margin-top: -24px;
}

#service_block .element .price-value {
    line-height: 30px;
}

#service_block .finishblock .center a {
    margin: 20px 0 20px 0;
    background-color: var(--additional-color);
    border-color: var(--additional-color);
}

#service_block .finishblock .center a:hover {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

@media(max-width: 1300px) {
    #service_block {
        width: 100%;
        margin: 1.5vw auto;
        padding: 1vw;
    }
    #komplform {
        width: 90%;
        padding: 0 5% 0 5%;
    }
}

@media(max-width: 850px) {
    #service_block .element {
        min-height: 10vw;
    }

        #service_block .element .price-title,
        #service_block .element .price-value {
            float: left;
            width: 50%;
            text-align: center;
            margin-left: 40%;
            line-height: 30px;
        }

        #service_block .element .checkser {
            width: 35px;
            height: 35px;
        }
}

@media(max-width: 600px) {
    #service_block .element .price-title,
    #service_block .element .price-value {
        width: 100%;
        margin: 0;
    }

    #komplform {
        width: 100%;
        padding: 0 0 0 0;
    }

    #service_block .element {
        padding: 10px 10px;
    }
        #service_block .element .checkser {
            margin-right:10px;
        }

}

@media(max-width: 320px) {
    #service_block .element .checkser {
        margin-top: 5px;
    }
}

    #service_block .element.active .checkser {
        background-position: top center;
    }

    .item-element {
        float: left;
        width: 35%;
        min-height: 200px;
        box-sizing: border-box;
        max-width: 100%;
        border: 1px solid #cdcdcd;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        padding: 30px 20px;
        margin-top: 4px;
    }

    .finishblock .item-element table {
        padding: 50px 1vw 50px 1vw;
    }

    .item-elements .absolute-wrap.plus {
        font-size: 60px;
        width: 10%;
        margin: 0 auto;
        color: #808080;
        font-weight: bold;
        right: -65px;
        top: 50%;
        transform: translate(0%, -50%);
    }

    .item-elements .serb {
        width: 53%;
    }

        .item-elements .serb .elem {
            width: 97px;
            height: 96px;
            float: left;
            margin-right: 23px;
            margin-bottom: 23px;
            box-shadow: 3px 3px 30px 0px rgba(0, 0, 0, 0.2);
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px;
        }

            .item-elements .serb .elem img {
                max-width: 100%;
                height: auto;
                width: auto;
            }
            /*.item-elements .serb .elem:nth-child(4n) { margin-right:0px; }*/
            .item-elements .serb .elem.recounter {
                /*margin-right: 0px;*/
            }

    .deblock table, .deblock td, .deblock th, .deblock tr {
        border: 0px;
        font-size: 16px;
        color: #404040;
    }

    .deblock td, .deblock th {
        padding: 10px 10px;
        border-top: 1px solid #cdcdcd;
    }

    .deblock tr td:first-child, .deblock tr th:first-child {
        padding-left: 0px;
        width: 35%;
    }

    .trible {
        width: auto;
        margin-right: 60px;
        box-sizing: border-box;
    }

    ul#itemss {
        margin: 0px;
        padding: 0px;
        list-style: none;
        width: 100%;
        display: flex;
    }

        ul#itemss li.element {
            width: 262px;
            padding-top: 30px;
            padding-bottom: 10px;
            margin-bottom: 0px;
            float: left;
            clear: none;
        }

            ul#itemss li.element > * {
                float: none;
                max-width: 100%;
                width: 100%;
            }

            ul#itemss li.element .cnt {
                text-align: center;
            }

                ul#itemss li.element .cnt .float-left-wrap, ul#itemss li.element .cnt .float-right-wrap {
                    float: none;
                    text-align: center;
                }

        ul#itemss .element .cnt a.px18 {
            height: 66px;
            overflow: hidden;
        }

   
    /*#fancybox-close {
width: 58px !important;
height: 58px !important;
background: url(/assets/images/closer.png) !important;
top: -40px !important;
right: -40px !important;
}*/

    #cart-block .element .image {
        float: left;
        width: 164px;
        border: 1px solid #cdcdcd;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-right: 30px;
    }

        #cart-block .element .image img {
            display: block;
            width: 100%;
            height: auto;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }

    #cart-block .tab {
        border: 0px;
        padding: 0px;
        box-sizing: border-box;
    }

        #cart-block .tab.name {
            max-width: 390px;
            padding-right: 30px;
            width: 35%;
        }

        #cart-block .tab.price {
            width: 10%;
        }

    .clear.liner {
        margin-top: 30px;
        margin-bottom: 30px;
        border-top: 1px solid #cdcdcd;
    }

    #cart-block .cartsrv {
        margin-top: 10px;
    }

        #cart-block .cartsrv .el {
            width: 35px;
            float: left;
            margin-right: 5px;
        }

            #cart-block .cartsrv .el img {
                width: 100%;
            }

    .color3e {
        color: #3e3e3e;
    }

    #cart-block .tab.qty {
        padding-right: 90px;
        padding-left: 20px;
    }

    #cart-block .tab.totalser {
        width: 15%;
        text-align: left;
        font-size: 24px;
        color: #404040;
        font-weight: bold;
    }

    #cart-block .del {
        transition: none;
        width: 30px;
        height: 30px;
        display: block;
        background: url(/assets/images/icons/trash.png) top center no-repeat;
    }

        #cart-block .del:hover {
            background-position: bottom center;
        }

    .disabled {
        opacity: 0.3;
        filter: alpha(opacity=30);
    }

    #formord {
        width: 100%;
        max-width: 460px;
    }

    .inp {
        max-width: 100%;
        width: 360px;
        height: 40px;
        box-sizing: border-box;
        font-size: 16px;
        color: #404040;
        border: 1px solid #cdcdcd;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 0px 10px;
    }

    #overlay {
        position: fixed;
        width: 100%;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background: #000;
        filter: alpha(opacity=60);
        opacity: 0.6;
        z-index: 1000;
    }

    .popup .close {
        color: var(--main-color);
        font-size: 20px;
        position: absolute;
        top: 5px;
        right: 15px;
    }

    #fancybox-close:hover {
        text-decoration: none !important;
    }

    .popup {
        position: fixed;
        z-index: 1001;
        max-width: 100%;
        width: 620px;
        border: 1px solid #ffffff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background: #e6e6e6;
    }

        .popup .pcont {
            padding: 30px 70px;
            text-align: left;
        }

        .popup input {
            max-width: 460px;
            width: 100%;
            border: 1px solid #cdcdcd;
            box-sizing: border-box;
            padding: 0px 15px;
            height: 50px;
            font-size: 14px;
        }

        .popup textarea {
            max-width: 460px;
            width: 100%;
            border: 1px solid #cdcdcd;
            box-sizing: border-box;
            padding: 10px 15px;
            font-size: 14px;
            height: 110px;
            font-family: Roboto;
        }

        .popup .a_but {
            background: var(--main-color);
            color: #fff;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }

            .popup .a_but:hover {
                background: #e74c3c;
            }

    #callb-header .txright img {
        width: 170px;
        margin-top: 6px;
    }

    .selem .icon .tbl, .selem .icon .row, .selem .icon .tab {
        border: 0px;
        padding: 0px;
    }

    .selem .icon .tab {
        height: 30px;
    }

    #header-line .logo {
        margin-top: 5px;
    }

    .tpl-block-list-suffix {
        margin: 3vw 0;
    }

    .center-wrap {
        padding: 0 20px 0 20px;
    }

    @media(max-width: 1000px) {

        .center-wrap {
            box-sizing: border-box;
        }
    }

    #cwfix,
    footer .center-wrap,
    .relative-wrap {
        padding: 0;
    }

    #popular slider {
        width: 1138px;
    }

    #main_cashbox .px24 {
        font-size: 18px;
    }

    .tpl-block-66 .slider {
        padding: 2vw 0 2vw 0;
    }

    @media(max-width: 380px) {
        .mobile-top {
            padding-top: 3.5vw;
            margin-top: -35px !important;
            float: none;
        }
    }

.catalog-row {
    display: flex;
    width: 100%;
    aspect-ratio: 3/1;
}

    .catalog-item {
        aspect-ratio: 1/1;
        width: 30%;
        margin: 2%;
        cursor: pointer;
    }

        .catalog-item:hover .catalog-image img {
            transform: scale(1.1);
        }

.catalog-image {
    aspect-ratio: 1 / 1;
    width: 80%;
    margin: 0 auto;
}

.catalog-link {
    height: 20%;
    width: 80%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.catalog-link a {
    text-align: center;
    font-size: 17px;
}


.catalog-item img {
    width: 100%;
    object-fit: cover;
    transition: 500ms;
}

    @media(max-width: 700px) {
    }

    @media(max-width: 500px) {

        .catalog-row {
            display: block;
        }

        .catalog-item {
            aspect-ratio: 1/1;
            width: 80%;
            padding: 5%;
        }
    }

    #preim .image-box {
        aspect-ratio: 1 / 1;
    }

   

    .bx-viewport {
        height: 480px;
    }

    @media(min-width:1440px) {
        .tpl-block-47 .slider,
        .tpl-block-57 .slider,
        .titcont .slider {
            max-width: 1140px;
        }
    }

    @media(min-width:1075px) and (max-width:1439.99px) {
        .tpl-block-47 .slider,
        .tpl-block-57 .slider,
        .titcont .slider {
            max-width: 850px;
        }
    }

    .sotialLink {
        margin: 20px 20px 20px 0px;
        width: 55px;
        height: 55px;
        display: inline-block;
    }

        .sotialLink svg {
            transition: 600ms;
        }

        .sotialLink:hover svg {
            transform: scale(1.15);
        }

    .disableClick {
        pointer-events: none;
    }

    .imageinTextBlock {
        height: 350px;
        margin: 15px auto;
        display: flex;
    }

    @media (max-width: 700px) {
        #liners .trible {
            float: none;
            width: 100%;
        }

        #liners a {
            margin: 5px 0px;
        }
    }

.is-activeItem {
    color: var(--additional-color) !important;
    text-decoration: underline !important;
    /*box-shadow: 4px 0px 0px 0px var(--additional-color) inset;*/
    box-shadow: 15px 0px 0px -10px var(--additional-color) inset;
}

    .is-activeItemBefore {
        color: var(--additional-color) !important;
        text-decoration: underline !important;
    }

        .is-activeItemBefore:before {
            position: absolute;
            content: "";
            display: block;
            width: 5px;
            min-height: 32px;
            float: left;
            margin-left: -23px;
            background-color: var(--additional-color);
            margin-top: -3px;
        }

    .buy-button {
        min-width: 214px;
    }

    .price-block {
        width: 170px;
    }

    @media(min-width:1400px) {
        .buttons-block {
            position: absolute;
            bottom: 15px;
            right: 20px;
        }
    }

    .color-orange{
        color: var(--additional-color);
    }

.links:first-child {
    margin-right: 30px;
    width: 45%;
}
@media (max-width: 600px) {
    .links {
        width: 100% !important;
    }
}

.deblock table {
    width: 100%;
}

.fullWidthImage {
    width: 100% !important;
    height: auto !important;
}

.inner-content img {
    width: auto;
    height: 350px;
    margin: 15px auto;
    display: flex;
}

#opencart .pcont {background: white !important;}
#opencart .product-info {display: flex;}

#opencart .data-item {
    display: flex;
    padding: 0 0 10px 0;
}
#opencart .data-item:last-child {padding: 0;}
#opencart .data-title {margin:0 10px 0 0}

#opencart .to_cart{
    color: var(--main-color) !important;
    border-color: var(--main-color);
    background: none !important;
    margin-right: 15px;
}

#opencart .to_cart:hover {
    color: var(--additional-color) !important;
    border-color: var(--additional-color);
}

#opencart .product-image img {
    margin: 5%;
    object-fit: contain;
    width: 90%;
    height: 90%;
}
#opencart .product-image{
    width:30%;
    aspect-ratio: 1/1;
}

#opencart .product-data{
    padding-left:25px;
    display:flex;
    align-items: center;
    width:70%;
}

#opencart #complectation{
    display: flex;              
    flex-wrap: wrap;
    justify-content: center;        
    gap: 8px;
}
#opencart #complectation a{
    height: 35px;
    aspect-ratio: 1/1;
}

#opencart #complectation a:last-child {margin-right: 0;}
#opencart #complectation img{
    height: 100%;
    aspect-ratio: 1/1;
}
#opencart .data-title{
    display: flex;
    align-items: center;
}

@media(max-width: 700px){
    #opencart .compl-parent {display: block;}
    #opencart #complectation {
        width: 200px;
        margin-top: 15px;
    }
    #opencart .product-info,
    #opencart .product-data {display: block !important;}
    #opencart .product-image {
        margin: 0 auto;
        width: 120px;
    }
    #opencart .product-data {padding: 0;}
    #opencart .product-data,
    #opencart .opencart-title,
    #opencart .opencart-buttons {
        display: block;
        width: max-content;
        margin: 0 auto;
    }
    #opencart .opencart-buttons  .a_but {
        display: block !important;
        margin: 0 0 15px 0 !important;
    }

    #opencart .pcont {padding: 30px 10px !important;}
}

.accordeon-groups,
.accordeon-group,
.accordeon-buttons {
    width: 100%;
}

.accordeon-buttons {
    display: ruby;
    margin-bottom: 20px;
}

.accordeon-button {
    margin-bottom: 15px;
    transition: 100ms;
    cursor: pointer;
    position: relative;
    padding: 0 15px;
    margin-right: 20px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: var(--main-color);
    border: 1px solid #2060a1;
    border-radius: 5px;
    background-color: #f3f3f3;
    white-space: nowrap;
}

.accordeon-button:is(.opened) {
    background-color: #ffffff;
    border-color: #d85d51;
    color: #e74c3c;
} 

.accordeon-item {
    min-height: 20px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid var(--main-color);
    border-radius: 8px;
    padding: 10px 45px 6px 25px;
    margin-bottom: 15px;
    position: relative;
}

.accordeon-item:is(.opened) .accordeon-text {
    margin: 15px 0 5px 15px;
    opacity: 1 !important;
}

.accordeon-text {
    width: 100%;
    font-size: 16px;
    max-height: 0;
    opacity: 0;
    margin: 0;
    transition: 300ms;
}

.accordeon-title {
    color: var(--main-color);
    line-height: 18px;
    font-weight: bold;
    font-size: 18px;
}

.accordeon-arrow {
    width: 8px;
    height: 8px;
    top: 11px;
    right: 15px;
    transition: 200ms;
    position: absolute;
    transform: rotate(135deg);
    border: 2px solid grey;
    border-left: none;
    border-bottom: none;
}

.accordeon-item:is(.opened) .accordeon-arrow {
    transform: rotate(-45deg);
}
    
.accordeon-group:is(.opened) {
    margin-left: 0;
    opacity: 1;
}

.accordeon-group {
    opacity: 0;
    transition: 300ms;
    margin-left: -100%;
}

.accordeon-groups {
    transition: 200ms;
    overflow: hidden;
}
    
@media(max-width: 500px) {
    .accordeon-item {
        padding: 10px 30px 6px 10px;
    }
}

#cookie_notification {
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%); 
}
#cookie_notification .pcont {
    padding: 15px 20px !important;
    align-items: center;
    justify-content: center;
    display: flex;
}
#cookie_notification .cookie_content {
    margin-right: 15px;
}
#cookie_notification .but_container {
    align-items: center;
    justify-content: center;
    display: flex;
}
@media(max-width: 600px) {
    #cookie_notification {
        width: 300px;
    }
    #cookie_notification .pcont {
        display: block;
    }
    #cookie_notification .but_container {
        margin-top: 15px;
    }
}