* {
    padding: 0;
    margin: 0;
}

html, body {
    height: 100%;
    float: left;
    width: 100%;
}

* html #container {
    height: 100%;
}

body {
    margin: 0;
    min-width: 1000px;
    position: relative;
    font-family: 'Open Sans', Arial, sans-serif;
    background: #fff;
    color: #32648f;
    font-size: 14px;
    font-weight: 400;
    overflow-x: auto;
}

div {
    margin: 0 auto;
}

img {
    height: auto;
    width: auto \9;
}

#container {
    overflow: visible;
    min-height: 100%;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

#container2 {
    overflow: visible;
    min-height: 100%;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 4;
    background: #fff;
}


/*wapka*/

#wapka {
    display: inline;
    float: left;
    overflow: visible;
    width: 100%;
    height: 100px;
    position: relative;
    z-index: 15;
    background: #fff;
}

#wapka2 {
    overflow: visible;
    width: 1200px;
    margin: 0 auto;
    height: 100px;
}

#wap {
    overflow: visible;
    width: 100%;
    margin: 0 auto;
    height: 100px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wapl {
    position: relative;
    margin: 0px;
}

.waps {
    margin: 0px;
}

.wapk {
    position: relative;
    margin: 0px;
}

.wapa {
    margin: 0px;
}

.wapt {
    margin: 0;
}

#wap .logo {
    display: block;
}

#wap .logo img {

}

#wap .logo:hover {
    opacity: 0.8;
}

.minmenu {
    float: left;
    width: 100%;
}

.minmenu ul#menu {
    float: left;
    background: #f7f7f7;
    padding: 5px 5px 0;
    margin-top: -5px;
    position: relative;
    z-index: 2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    behavior: url(js/PIE.htc);
}

.minmenu ul#menu li, .minmenu ul#menu li.first, .minmenu ul#menu li.last {
    float: left;
    list-style-type: none;
    margin: 3px 10px;
}

.minmenu ul#menu li a, .minmenu ul#menu li.first a, .minmenu ul#menu li.last a {
    float: left;
    text-transform: uppercase;
    text-decoration: underline;
    padding: 3px 5px;
    color: #32648f;
}

.minmenu ul#menu li a:hover, .minmenu ul#menu li.first a:hover, .minmenu ul#menu li.last a:hover {
    text-decoration: none;
}

.searchadres {
    float: left;
    width: 100%;
    margin-top: 15px;
}

/*search*/

.search {
    float: left;
    width: 100%;
    height: 40px;
    background: #fafafa;
    overflow: hidden;
    border: 1px solid #e6e5e1;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    behavior: url(js/PIE.htc);
}

.search form {
    height: 38px;
    margin-top: 0px;
}

#vvodtext {
    display: inline;
    float: left;
    height: 38px;
    width: 98%;
    border: 0px;
    position: relative;
    z-index: 2;
    outline: 0;
    padding: 0 0 0 2%;
    color: #7f8c8d;
    font-size: 13px;
}

#btn, #btn:hover, #btn:active, #btn:focus {
    float: left;
    border: 0px;
    width: 38px;
    height: 38px;
    outline: none;
    background: url(../img/search.png) center center no-repeat #fafafa;
    position: absolute;
    z-index: 999;
    right: 0;
}

#btn:hover {
    cursor: pointer;
    background: url(../img/search.png) center center no-repeat #fafafa;
    opacity: 0.8;
}

#wap ul.tel {
    float: left;
    width: 100%;
    /*margin: 10px 0 0 0;*/
}

#wap ul.tel li {
    text-align: center;
    font-size: 17px;
    list-style-type: none;
    margin: 1px 0;
    font-weight: 700;
    color: #11367d;
}

#wap ul.tel li.last {
    font-size: 15px;
    color: #047ac0;
    font-weight: 400;
}

#wap ul.tel li span, #wap ul.tel li .min {
    color: #11367d;
}

#wap ul.tel li .min {
    font-size: 16px;
    font-weight: 600;
    color: #047ac0;
}

/*korz*/

.korzina {
    display: inline;
    float: left;
    overflow: hidden;
    width: 100%;
    height: 60px;
    margin: 0px 0 0 0;
    padding: 0;
    position: relative;
    z-index: 2;
}

.korzinaactive {
    height: auto;
    padding: 0;
    overflow: visible;
}

.imgkorz {
    float: left;
    width: 60px;
    height: 60px;
    background: url(../img/korzina.png) center no-repeat #047ac0;
    position: absolute;
    left: 0;
    z-index: 2;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
}

.textkorz {
    padding: 5px 10px 5px 40px;
    float: left;
    height: 50px;
    width: auto;
    margin-left: 30px;
    position: relative;
    z-index: 1;
    background: #cccccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.textkorz .numtov, .textkorz .prtov {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 13px;
    margin: 3px 0;
}

.textkorz .numtov {
    text-transform: uppercase;
    font-size: 15px;
}

.korzinaactive:hover .imgkorz {
    background: url(../img/korzina.png) center no-repeat #11367d;
}

/*
wapa
*/

ul.adr {
    float: left;
    width: 100%;
    /*margin: 20px 0 0 0;*/
}

ul.adr li {
    list-style-type: none;
    color: #333;
    font-size: 12px;
    margin: 5px 0;
}

.obrzv {
    float: left;
    width: 80%;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 0;
    margin: 0 10%;
    text-indent: 10px;
    text-decoration: none;
    background: url(../img/obrzv.png) 5% center no-repeat #047ac0;
    position: relative;
    z-index: 2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    behavior: url(js/PIE.htc);
}

.obrzv:hover {
    background: url(../img/obrzv.png) 5% center no-repeat #11367d;
}

/*
cprod
*/

.cprod {
    display: inline;
    float: left;
    overflow: visible;
    width: 100%;
    height: 50px;
    position: relative;
    z-index: 150;
}

.cprod .cp {
    float: left;
    color: #000;
    text-decoration: none;
}

/*
wapvr
*/

.wapvr {
    float: right;
    width: 30px;
    height: 100%;
}

.wapvr ul {
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
}

.wapvr ul li {
    float: left;
    width: 100%;
    height: 30px;
    list-style-type: none;
    margin: 5px 0;
}

.wapvr ul li a {
    float: left;
    width: 24px;
    height: 24px;
    background: #fff;
    margin: 2px 2px;
    border: 1px solid #fff;
}

.wapvr ul li a img {
    float: left;
    width: 24px;
    height: 24px;
}

/*
mainmenu
*/

.mainmenu {
    display: inline;
    float: left;
    overflow: visible;
    width: 100%;
    height: 60px;
    position: relative;
    z-index: 999;
    background: #eb5022;
}

.mainmenu2 {
    overflow: visible;
    width: 1200px;
    margin: 0 auto;
    height: 60px;
}

.mainmenu ul {
    overflow: visible;
    width: 100%;
    margin: 0 auto;
    height: 60px;
    font-weight: 400;
}

.mainmenu ul li {
    float: left;
    width: 11%;
    padding: 0 0.25%;
    list-style-type: none;
    height: 60px;
    display: table;
    z-index: 2;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
}

.mainmenu ul li a {
    width: 100%;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    height: 100%;
    text-decoration: none;
    font-weight: 400;
    display: table-cell;
    vertical-align: middle;
}

.mainmenu ul li.active, .mainmenu ul li:hover {
    background: #b83f1a;
    color: #58585a;
    z-index: 2;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
}


.mainmenu ul li.first {
    background: url(../img/gamb.png) 5% center no-repeat #b83f1a;
    color: #fff;
}

.mainmenu ul li.first:hover {
    background: url(../img/gamb.png) 5% center no-repeat #b83f1a;
    color: #fff;
}

.mainmenu ul li:hover a, .mainmenu ul li.active:hover a {
    opacity: 0.9;
    background: #d1471d;
    color: #fff;
    position: relative;
    z-index: 999;
}

.mainmenu ul li.active:hover ul li a {
    background: none;
}

.mainmenu ul li.first a {
    padding-left: 60px;
    padding-right: 35px;
    background: url(../img/gamb.png) 5% center no-repeat #b83f1a;
}

.mainmenu ul li.first ul li a {
    padding: auto;
}

.mainmenu ul li.first:hover a {
    color: #fff;
}

.mainmenu ul li.first:hover ul li a {
    color: #333;
}

.mainmenu ul li.first:hover ul li:hover a {
    color: #fff;
}

.mainmenu ul li.first:hover ul li:hover ul li a {
    color: #333;
}

.mainmenu ul li.first:hover ul li:hover ul li:hover a {
    color: #fff;
}

/*
vipm
*/

.vipm {
    float: left;
    width: 100%;
    display: none;
    top: 60px;
    left: 0;
    height: 460px;
    position: absolute;
    z-index: 10;
}

.vipm2 {
    margin: 0 auto;
    height: auto;
    display: block;
    width: 1200px;
    position: relative;
    height: 460px;
    background: url(../img/vert-m.png) 71% 20px no-repeat;
    background: #fff;
}

#mmenu li:hover .vipm {
    display: block;
}

.vmbord {
    position: absolute;
    height: 460px;
    width: 2px;
    background: #eb5022;
    z-index: 1;
    left: 31%;
}

.vm70 {
    float: left;
    width: 79%;
    margin: 0;
    background: url(../img/vert-m.png) 52% top no-repeat;
    height: 460px;
    border: 2px solid #eb5022;
    box-sizing: border-box;
    position: relative;
    z-index: 50;
}

.vm30 {
    float: left;
    margin: 0;
    height: 460px;
    width: auto;
    position: absolute;
    z-index: 10;
    right: 0;
    border: 2px solid #eb5022;
    box-sizing: border-box;
    overflow: hidden;
}

.vm30 a {
    padding: 0 !important;
}

.vm30 img {
    float: left;
    width: 100%;
}

.mainmenu ul li ul {
    float: left;
    width: 40%;
    position: relative;
    height: auto;
}

.mainmenu ul li ul li {
    float: left;
    list-style-type: none;
    width: 100%;
    background: #fff;
    padding: 0;
    height: auto;
}

.mainmenu ul li ul li.first {
    padding: 0;
}

.mainmenu ul li ul li.first:hover {
    padding: 0;
}

.mainmenu ul li:hover ul li.first {
    background: url(../img/vipm-str.png) 97% 8px no-repeat #11367d;
    color: #fff;
}

.mainmenu ul li:hover ul li.first a {
    color: #fff;
}

.mainmenu ul li:hover ul li.first ul li a {
    color: #333;
}

.mainmenu ul li:hover ul:hover li.first a {
    color: #333;
}

.mainmenu ul li:hover ul:hover li.first:hover a {
    color: #fff;
}

.mainmenu ul li:hover ul:hover li.first:hover ul li a {
    color: #333;
}

.mainmenu ul li:hover ul:hover li.first:hover ul li:hover a {
    color: #fff;
}

.mainmenu ul li:hover ul:hover li.first {
    background: none;
}

.mainmenu ul li:hover ul:hover li.first:hover {
    background: url(../img/vipm-str.png) 97% 8px no-repeat #11367d;
    color: #fff;
}

.mainmenu ul li:hover ul li:hover {
    background: url(../img/vipm-str.png) 97% 8px no-repeat #11367d;
    color: #fff;
}

.mainmenu ul li.first ul li a,
.mainmenu ul li ul li a {
    float: left;
    list-style-type: none;
    width: 94%;
    padding: 3px 3% !important;
    color: #333;
    font-size: 14px;
    font-weight: 300;
    text-transform: none;
    text-align: left;
}

.mainmenu ul li ul li a:hover {
    color: #fff;
}

.mainmenu ul li ul li ul {
    display: none;
    position: absolute;
    top: 0;
    margin-left: 100%;
    width: 140%;
    padding-left: 5%;
    height: 420px;
}

.mainmenu ul li ul li.first a {
    background: #ededed;
}

.mainmenu ul li ul li.first ul {
    display: block;
}

.mainmenu ul li ul:hover li.first ul {
    display: none;
}

.mainmenu ul li ul li.first:hover ul {
    display: block;
}

.mainmenu ul li ul li:hover ul {
    display: block;
}

.mainmenu ul li ul li ul li {
    float: left;
    width: 100%;
    padding: 0;
    background: #fff;
}

.mainmenu ul li ul li ul li:hover, .mainmenu ul li ul li:hover ul li:hover {
    background: #047ac0;
}

.mainmenu ul li ul li ul li a {
    float: left;
    list-style-type: none;
    width: 94%;
    padding: 10px 3%;
    color: #333;
    font-size: 16px;
    font-weight: 300;
    text-transform: none;
    text-align: left;
}

.mainmenu ul li:hover ul li, .mainmenu ul li:hover ul li ul li, .mainmenu ul li:hover ul li a, .mainmenu ul li:hover ul li ul li a {
    background: transparent;
    height: auto;
}

.mainmenu ul li ul li:hover a {
    color: #fff;
}

.mainmenu ul li ul li ul li:hover a {
    color: #333;
}

.mainmenu ul li ul li:hover ul li a {
    color: #333;
}

.mainmenu ul li ul li:hover ul li:hover a {
    color: #fff;
}

.mainmenu ul li ul.cat {
    width: auto;
    margin: 0;
}


.mainmenu ul li:hover ul li.active {
    background: #d1471d;
    color: #fff;
}

.mainmenu ul li:hover ul li.active a {
    color: #fff;
}

.mainmenu ul li:hover ul li.active ul li.active a {
    color: #fff;
}

/*
minvipm
*/

#mmenu li.livm {
    position: relative;
}

.minvipm {
    float: left;
    width: 300px;
    display: none;
    top: 60px;
    left: 0;
    height: auto;
    position: absolute;
    z-index: 10;
    background: #fff;
    border: 2px solid #eb5022;
    box-sizing: border-box;
}

.minvipm2 {
    margin: 0 auto;
    height: auto;
    display: block;
    width: 300px;
    position: relative;
    height: auto;
    background: url(../img/vert-m.png) 71% 20px no-repeat;
    background: #fff;
}

#mmenu li:hover .minvipm {
    display: block;
}

.mainmenu .minvipm ul {
    float: left;
    width: 100%;
}

.mainmenu .minvipm ul li {
    float: left;
    list-style-type: none;
    width: 100%;
    padding: 0% !important;
}

.mainmenu .minvipm ul li a {
    float: left;
    width: 94%;
    padding: 10px 3% !important;
    color: #333;
    font-size: 16px;
    font-weight: 300;
    text-transform: none;
    text-align: left;
}

.mainmenu ul li.livm {

}

.mainmenu ul li.livm {
    background: url(../img/li-bot2.png) center 90% no-repeat;
}

.mainmenu ul li.livm:hover {
    background: url(../img/li-bot2.png) center 85% no-repeat #b83f1a;
    color: #58585a;
    z-index: 2;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
}


/*
slider
*/

.slid {
    display: inline;
    float: left;
    overflow: visible;
    width: 100%;
    position: relative;
    z-index: 15;
}

.slid0 {
    overflow: visible;
    width: auto;
    margin: 0 auto;
    height: auto;
}


.slider,
.slidertab {
    float: left;
    width: 100%;
    margin: 0px;
    position: relative;
    z-index: 5;
    height: auto;
}

.slidertab {
    margin: 30px 0;
}

#owl-demo .item {
    float: left;
    width: 100%;
    margin: 0;
    height: 200px;
}

#owl-demo .item img {
    display: block;
    height: 200px;
    left: 50%;
    margin-left: -600px;
    position: absolute;
    z-index: 5;
    visibility: hidden;
}

#owl-demo .active .item img {
    z-index: 50;
    visibility: visible;
}

.slider .owl-carousel .owl-wrapper-outer,
.slidertab .owl-carousel .owl-wrapper-outer,
.gallery .owl-carousel .owl-wrapper-outer {
    height: 200px;
    overflow: hidden;
}

.slidertab .owl-carousel .owl-wrapper-outer {
    height: 120px;
}

.gallery .owl-carousel .owl-wrapper-outer {
    height: 140px;
}


.owl-theme .owl-controls {
}

.customNavigation {
}

.owl-buttons {
}

.owl-theme .owl-controls .owl-buttons div.owl-prev,
.gallery .owl-theme .owl-controls .owl-buttons div.owl-prev,
.sliderwork .owl-theme .owl-controls .owl-buttons div.owl-prev,
.otziv .owl-theme .owl-controls .owl-buttons div.owl-prev {
    position: absolute;
    z-index: 6;
    width: 40px;
    height: 40px;
    background: url(../img/owl-prev.png) center no-repeat #ed5d1f;
    left: 0px;
    top: 50px;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0;
}

.owl-theme .owl-controls .owl-buttons div.owl-next,
.gallery .owl-theme .owl-controls .owl-buttons div.owl-next,
.sliderwork .owl-theme .owl-controls .owl-buttons div.owl-next,
.otziv .owl-theme .owl-controls .owl-buttons div.owl-next {
    position: absolute;
    z-index: 6;
    width: 40px;
    height: 40px;
    background: url(../img/owl-next.png) center no-repeat #ed5d1f;
    right: 0px;
    top: 50px;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0;
}

.sliderwork .owl-theme .owl-controls .owl-buttons div.owl-prev {
    top: 0px;
    width: 100%;
    background: url(../img/owl-prev-work.png) center no-repeat;
}

.sliderwork .owl-theme .owl-controls .owl-buttons div.owl-next {
    top: auto;
    bootom: 0px;
    width: 100%;
    background: url(../img/owl-next-work.png) center no-repeat;
}

.otziv .owl-theme .owl-controls .owl-buttons div.owl-prev {
    background: url(../img/owl-prev.png) center no-repeat #95a5a6;
}

.otziv .owl-theme .owl-controls .owl-buttons div.owl-next {
    background: url(../img/owl-next.png) center no-repeat #95a5a6;
}

.brand .owl-theme .owl-controls .owl-buttons div.owl-prev {
    background: url(../img/owl-prev.png) center no-repeat #e5f7ff;
}


.brand .owl-theme .owl-controls .owl-buttons div.owl-next {
    background: url(../img/owl-next.png) center no-repeat #e5f7ff;
}


/*info*/

.info0 {
    margin: 0 auto;
    overflow: visible;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0;
    float: left;
    display: inline;
    height: auto;
    position: relative;
    z-index: 3;
}

.info10 {
    margin: 0 auto;
    overflow: visible;
    width: 100%;
    height: auto;
    margin: 0px auto 0;
    padding: 0;
    float: left;
    display: inline;
    height: auto;
    position: relative;
    z-index: 3;
}

.info01 {
    margin: 0 auto;
    overflow: visible;
    width: 100%;
    height: auto;
    margin: 0 auto 30px;
    padding: 0;
    float: left;
    display: inline;
    height: auto;
    position: relative;
    z-index: 3;
}

.info {
    margin: 0 auto;
    overflow: visible;
    width: 100%;
    height: auto;
    margin: 30px auto;
    padding: 0;
    float: left;
    display: inline;
    height: auto;
    position: relative;
    z-index: 4;
}

.info2 {
    overflow: visible;
    width: 1200px;
    margin: 0 auto;
    padding: 0;
    height: auto;
    position: relative;
    z-index: 5;
}

.dott {
    float: left;
    width: 100%;
    height: 6px;
    opacity: 0.5;
    background: url(../img/dott.png) bottom repeat-x;
}


/*start block*/

.main {
    float: left;
    width: 100%;

}

.block2 {
    float: left;
    width: 25%;
    margin: 0 0%;
}

.block1 {
    float: left;
    width: 75%;
    margin: 0;
}

.akcii {
    float: left;
    width: 75%;
    margin: 0px 0 0 0;
}

.novinki {
    float: left;
    width: 25%;
    margin: 0px 0 0 0;
    background: #e5f7ff;
    position: relative;
    z-index: 5;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
}

.block3,
.blockcontent {
    float: left;
    width: 100%;
}

.blockcontent p {
    float: left;
    font-size: 14px;
    font-weight: 400;
    color: #3b3b3b;
    line-height: 2;
    text-align: justify;
}

.img100 {
    float: left;
    width: 100%;
    margin: 10px 0;
}


/*
leftmenu
*/

.leftmenu {
    float: left;
    width: 100%;
}

.leftmenu .zag {
    float: left;
    width: 94%;
    color: #808080;
    font-size: 14px;
    background: #f2f2f2;
    padding: 10px 3%;
    text-transform: uppercase;
}

.leftmenu ul {
    float: left;
    width: 100%;
    background: #f7f7f7;
}

.leftmenu ul li {
    float: left;
    width: 100%;
    list-style-type: none;
}

.leftmenu ul li a {
    float: left;
    width: 94%;
    color: #018caf;
    font-size: 16px;
    padding: 7px 3%;
    margin: 2px 0;
    text-decoration: none;
}

.leftmenu ul li a:hover {
    background: #1ba6d2;
    color: #fff;
}

.leftmenu ul li a:active, .leftmenu ul li.active a {
    background: #017491;
}

/*
leftrekl
*/

.leftrekl {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}

.leftrekl ul {
    float: left;
    width: 100%;
}

.leftrekl ul li, .leftrekl ul li.first, .leftrekl ul li.last {
    float: left;
    width: 46%;
    margin: 10px 2%;
    height: auto;
    list-style-type: none;
}

.leftrekl ul li.first, .leftrekl ul li.last {
    float: left;
    width: 100%;
    margin: 10px 0;
    height: auto;
    list-style-type: none;
}

.leftrekl ul li a, .leftrekl ul li.first a .leftrekl ul li.last a {
    float: left;
    width: 100%;
}

.leftrekl ul li a img, .leftrekl ul li.first a img .leftrekl ul li.last a img {
    float: left;
    width: 100%;
}

/*
catplit
*/

.catplit {
    float: left;
    width: 100%;
}

.catplit li {
    display: inline-block;
    vertical-align: top;
    width: 30.33%;
    margin: 10px 1%;
    list-style-type: none;
    height: auto;
    background: #f3f3f3;
    position: relative;
}

.catplit li .img {
    float: left;
    width: 100%;
    height: 200px;
    position: relative;
}

.catplit li .img .best {
    position: absolute;
    left: -3px;
    top: 10px;
    padding: 3px 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
}

.catplit li .img .b1 {
    background: #ff5757;
}

.catplit li .img .b2 {
    background: #f69c00;
}

.catplit li .img .b3 {
    background: #00db24;
}

.catplit li .img img {
    float: left;
    width: 100%;
}

.catplit li .zag {
    float: left;
    width: 96%;
    margin: 5px 2%;
    height: auto;
    overflow: hidden;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    color: #017491;
}

.catplit li .text {
    float: left;
    width: 96%;
    margin: 5px 2%;
    height: auto;
}

.catplit li .text .adr, .catplit li .text .ic, .catplit li .text .pr {
    float: left;
    width: 100%;
    margin: 5px 0;
}

.catplit li .text .adr ul {
    float: left;
    width: 100%;
}

.catplit li .text .adr ul li, .catplit li .text .adr ul li.last {
    float: left;
    width: 58%;
    margin: 0 1%;
}

.catplit li .text .adr ul li.last {
    width: 38%;
    padding-top: 2px;
}

.catplit li .text .adr ul li span, .catplit li .text .adr ul li.last span {
    color: #595959;
    font-size: 13px;
}

.catplit li .text .adr ul li.last span {
    font-size: 11px;
}

.catplit li .text .ic ul {
    float: left;
    width: 100%;
}

.catplit li .text .ic ul li, .catplit li .text .ic ul li.two, .catplit li .text .ic ul li.last {
    float: left;
    width: 58%;
    margin: 5px 1%;
    list-style-type: none;
}

.catplit li .text .ic ul li.two {
    width: 38%;
}

.catplit li .text .ic ul li.last {
    float: left;
    width: 98%;
    margin: 7px 1%;
}

.catplit li .text .ic ul li img, .catplit li .text .ic ul li.two img, .catplit li .text .ic ul li.last img {
    float: left;
    margin-right: 7px;
}

.catplit li .text .ic ul li span, .catplit li .text .ic ul li.two span, .catplit li .text .ic ul li.last span {
    float: left;
    color: #808080;
    font-size: 11px;
}

.catplit li .text .ic ul li.last span {
    float: left;
    color: #404040;
    font-size: 17px;
}


/*
popular
*/

.popular {
    float: left;
    width: 100%;
    margin: 15px 0;
}

.popular .zagol {
    float: left;
    width: 96%;
    background: #1fbff0;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 100;
    color: #fff;
    padding: 10px 2%;
}

/*
catplit
*/

.cattabl {
    float: left;
    width: 100%;
    display: table;
}

.cattabl li {
    display: table-row;
    vertical-align: top;
    width: 100%;
    margin: 0px 0%;
    list-style-type: none;
    height: auto;
    background: #fff;
    position: relative;
    height: 32px;
    border-bottom: 1px solid #ededed;
    float: left;
    padding: 2px 0;
}

.cattabl li.ctth {
    background: #f7f7f7;
    height: 46px;
}

.cattabl li .img {
    display: table-cell;
    width: 5%;
    height: auto;
    position: relative;
    float: left;
}

.cattabl li.ctth .img span {
    color: #999999;
    text-align: center;
    float: left;
    width: 100%;
    font-size: 11px;
    padding-top: 15px;
}

.cattabl li .img img {
    float: left;
    width: 100%;
}

.cattabl li .img .best {
    position: absolute;
    left: -3px;
    top: 10px;
    padding: 3px 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    display: none;
}

.cattabl li .img .b1 {
    background: #ff5757;
}

.cattabl li .img .b2 {
    background: #f69c00;
}

.cattabl li .img .b3 {
    background: #00db24;
}

.cattabl li .zag {
    display: table-cell;
    width: 15%;
    margin: 0px 0;
    height: auto;
    overflow: hidden;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    color: #017491;
    float: left;
}

.cattabl li.ctth .zag {
    font-size: 11px;
    text-transform: none;
    color: #999999;
    padding-top: 15px;
}

.cattabl li .text {
    display: table-cell;
    width: 80%;
    margin: 0px 0%;
    height: auto;
    float: left;
}

.cattabl li .text .adr, .cattabl li .text .ic {
    margin: 0px 0;
}

.cattabl li .text .adr {
    display: table-cell;
    width: 25%;
    float: left;
}

.cattabl li .text .ic {
    display: table-cell;
    width: 75%;
    float: left;
}

.cattabl li .text .adr ul {
    float: left;
    width: 100%;
}

.cattabl li .text .adr ul li, .cattabl li .text .adr ul li.last {
    float: left;
    width: 60%;
    margin: 0 0%;
    border-left: 1px solid #ededed;
    border-bottom: 0;
    box-sizing: border-box;
}

.cattabl li .text .adr ul li.last {
    width: 40%;
    font-size: 11px;
    padding-top: 0px;
}

.cattabl li .text .adr ul li span, .cattabl li .text .adr ul li.last span {
    float: left;
    width: 100%;
    color: #595959;
    font-size: 11px;
    text-align: center;
}

.cattabl li.ctth .text .adr ul li span, .cattabl li.ctth .text .adr ul li.last span {
    color: #999999;
}

.cattabl li .text .ic ul {
    float: left;
    width: 100%;
    display: table-row;
}

.cattabl li .text .ic ul li, .cattabl li .text .ic ul li.two, .cattabl li .text .ic ul li.last {
    list-style-type: none;
    display: table-cell;
    float: left;
    width: 17%;
    border-left: 1px solid #ededed;
    border-bottom: 0;
    box-sizing: border-box;
}

.cattabl li .text .ic ul li.two {
    width: 10%;
}

.cattabl li .text .ic ul li.last {
    width: 19%;
}

.cattabl li .text .ic ul li img, .cattabl li .text .ic ul li.two img, .cattabl li .text .ic ul li.last img {
    float: left;
    margin-right: 7px;
    display: none;
}

.cattabl li.ctth .text .ic ul li img, .cattabl li.ctth .text .ic ul li.two img, .cattabl li.ctth .text .ic ul li.last img {
    display: block;
    margin: 0 auto;
    float: none;
}

.cattabl li .text .ic ul li span, .cattabl li .text .ic ul li.two span, .cattabl li .text .ic ul li.last span {
    float: left;
    color: #808080;
    font-size: 11px;
    text-align: center;
    width: 100%;
}

.cattabl li .text .ic ul li.last span {
    float: left;
    color: #404040;
    font-size: 11px;
}

.cattabl li.ctth .text .ic ul li span, .cattabl li.ctth .text .ic ul li.two span, .cattabl li.ctth .text .ic ul li.last span {
    display: none;
}

.cattabl li.ctth .text .adr ul li, .cattabl li.ctth .text .adr ul li.last, .cattabl li.ctth .text .ic ul li, .cattabl li.ctth .text .ic ul li.two, .cattabl li.ctth .text .ic ul li.last {
    background: #f7f7f7;
}

.cattabl li.ctth .text .adr ul li, .cattabl li.ctth .text .adr ul li.last, .cattabl li.ctth .text .ic ul li, .cattabl li.ctth .text .ic ul li.two, .cattabl li.ctth .text .ic ul li.last {
    padding-top: 15px;
    height: 46px;
}

/*
zastroy
*/


.zastroy {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}

.zastroy .zagol {
    float: left;
    width: 96%;
    margin: 10px 2% 0;
    color: #4a6f79;
    font-size: 36px;
    font-weight: 100;
}

.zastr {
    float: left;
    width: 100%;
    background: #ededed;
    margin-top: 20px;
}

.zastr .topzag {
    float: left;
    width: 100%;
    background: #1ba6d2;
}

.zastr .topzag .top {
    float: left;
    width: auto;
    background: #ff5757;
    padding: 10px 10px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 100;
    position: relative;
    z-index: 2;
}

.zastr .topzag .top .topstr {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-right: 0;
    display: inline-block;
    margin: 12px 0px;
    position: absolute;
    z-index: 5;
    right: -10px;
    top: 0;
}

.zastr .topzag .top1 {
    background: #ff5757;
}

.zastr .topzag .top1 .topstr {
    border-left-color: #ff5757;
}

.zastr .topzag .top2 {
    background: #f69c00;
}

.zastr .topzag .top2 .topstr {
    border-left-color: #f69c00;
}

.zastr .topzag .top3 {
    background: #00db24;
}

.zastr .topzag .top3 .topstr {
    border-left-color: #00db24;
}

.zastr .topzag .zag {
    float: left;
    color: #fff;
    font-size: 24px;
    font-weight: 100;
    padding: 5px 15px 0px 20px;
}

.zastr .topzag .www {
    float: left;
    margin: 10px 0 0 0;
}

.zastr .topzag .www img {
    float: left;
    width: 26px;
    height: 26px;
}

.zastr .topzag .aksii {
    float: right;
}

.zastr .topzag .aksii {
    color: #fff;
    font-size: 13px;
    padding: 3px 30px 3px 20px;
    margin: 10px 10px 0 0;
    background: url(../img/aksii.png) right center no-repeat;
}

.zastr .infotop {
    float: left;
    width: 100%;
    position: relative;
    padding: 10px 0 5px 0;
}

.zastr .infotop .topobj {
    float: left;
    width: auto;
    padding: 5px 10px;
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 0;
    background: #999999;
}

.zastr .infotop .topobj .topobjstr {
    width: 0;
    height: 0;
    border: 7px solid transparent;
    display: inline-block;
    margin: 0px 15px;
    position: absolute;
    z-index: 5;
    bottom: -7px;
    left: 0;
    border-top-color: #999999;
    border-bottom: 0;
}

.zastr .infotop .topobj span {
    float: left;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
}

.zastr .infotop .toptel {
    float: left;
    width: 23%;
    padding-left: 12%;
}

.zastr .infotop .toptel ul {
    float: left;
    padding: 0 0 0 30px;
    background: url(../img/tel.png) left 3px no-repeat;
}

.zastr .infotop .toptel ul li {
    float: left;
    width: 100%;
    color: #018caf;
    font-size: 17px;
    font-weight: 100;
    margin: 0px 0 3px 0;
    list-style-type: none;
}

.zastr .infotop .topnews {
    float: left;
    width: 58%;
    padding: 0 2% 0 5%;
}

.zastr .infotop .topnews .zag {
    float: left;
    width: 100%;
    color: #808080;
    font-size: 13px;
    margin: 3px 0 3px 0;
    text-transform: uppercase;
}

.zastr .infotop .topnews ul {
    float: left;
    width: 100%;
}

.zastr .infotop .topnews ul li {
    float: left;
    width: 100%;
    margin: 0px 0 3px 0;
    list-style-type: none;
}

.zastr .infotop .topnews ul li a {
    float: left;
    color: #595959;
    font-size: 13px;
    font-weight: 400;
    padding: 3px 0;
    text-decoration: none;
}

.zastr .infotop .topnews ul li a:hover {
    color: #222222;
}

/*
formzak
*/

.formzak {
    display: inline;
    float: left;
    overflow: visible;
    height: auto;
    width: 100%;
    padding-bottom: 10px;
    background-color: #fff;
    margin: 20px 0 10px 0;
}

.formzak p {
    float: left;
    width: 100%;
    color: #3b3b3b;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Roboto', 'Lato', 'Open Sans', sans-serif;
    font-weight: 100;
    margin-bottom: 15px;
}

.formzak div {
    display: inline;
    float: left;
    overflow: visible;
    height: auto;
    width: 100%;
}

.formzak div {
    width: 100%;
}

.formzak div input#contact_name, .formzak div input#contact_phone, .formzak div input#contact_email, .formzak div textarea#contact_message {
    border: 1px solid #ccc;
    border-radius: 3px;
    float: left;
    width: 90%;
    padding: 7px 5%;
    margin: 5px 0 0 0%;
}

.formzak div label {
    width: auto;
    float: left;
}

.formzak div label .error {
    width: auto;
    float: left;
    padding: 1px 0 3px 0;
    font-size: 10px;
    color: red;
}

.formzak div input#submit {
    float: left;
    height: auto;
    background: none;
    border: 0;
    width: 100%;
    margin: 10px auto 10px;
    padding: 10px 0;
    text-align: center;
    font-size: 21px;
    text-transform: uppercase;
    color: #3b3b3b;
    font-weight: 100;
    z-index: 10;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    behavior: url(js/PIE.htc);
    margin-top: 30px;
    color: #fff;
    background: #ed5d1f;;
}

.formzak div input#submit:hover {
    margin-top: 30px;
    color: #fff;
    background: #e0581d;
    cursor: pointer;
}


/*
gallery
*/

.gallery {
    background: #ecf0f1;
}

.zaggallery {
    float: left;
    width: 100%;
    height: auto;
    background: #f7f7f7;
}

.zaggallery2 {
    margin: 0 auto;
    width: 1000px;
    height: auto;
}

.zaggallery .zag {
    height: 70px;
    float: left;
    width: 33%;
    padding: 0 0 0 2%;
    line-height: 2.3;
    height: 100%;
    background: #ed5d1f;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Roboto', 'Lato', sans-serif;
    font-weight: 100;
}

.zaggallery span {
    height: auto;
    float: left;
    width: 50%;
    padding: 14px 7.5% 0;
    line-height: normal;
    height: 100%;
    background: transparent;
    color: #666;
    font-size: 15px;
    font-style: italic;
    font-family: 'Roboto', 'Open Sans', 'Lato', sans-serif;
    font-weight: 100;
}

.gallery #tabs {
    float: left;
    width: 100%;
    margin: 20px 0;
}

.gallery .owl-carousel .owl-item {
    float: left;
    margin: 0 0.5%;
}

.gallery .owl-carousel .owl-item .item img {
    float: left;
    width: 100%;
}

/*
preimush
*/

.preimush {
    float: left;
    background: #f7f7f7;
}

.zagpreim {
    float: left;
    width: 100%;
    background: #ff7e39;
    height: 70px;
}

.zagpreim2 {
    width: 1000px;
    margin: 0 auto;
    height: 70px;
}

.zagpreim2 .zag, .zagpreim2 .zag2 {
    float: left;
    width: 65%;
    line-height: 2.3;
    height: 100%;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Roboto', 'Lato', sans-serif;
    font-weight: 100;
}

.zagpreim2 .zag2 {
    width: 35%;
    background: #ed5d1f;
    text-align: center;
    line-height: 3;
    font-size: 24px;
    height: 100%;
}

.ulpreim {
    float: left;
    width: 65%;
    margin: 15px 0 25px;
}

.ulpreim ul {
    float: left;
    width: 100%;
}

.ulpreim ul li {
    float: left;
    width: 27.33%;
    margin: 15px 3%;
    list-style-type: none;
}

.ulpreim ul img {
    display: block;
    width: 170px;
    height: 120px;
    margin: 0 auto 5px;
}

.ulpreim ul li p {
    float: left;
    width: 100%;
    height: 46px;
    color: #ecf0f1;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    font-family: 'Open Sans', 'Roboto', 'Lato', sans-serif;
    font-weight: 100;
}

.ulpreim ul li:hover p {
    color: #95a5a6;
}


/*
sliderwork
*/


.sliderwork {
    float: left;
    width: 35%;
    background: url(../img/bg-slwork.png) repeat;
    height: 445px;
    position: relative;
}

#owl-demo-work {
    padding: 50px 0;
    position: absolute;
}

#owl-demo-work .owl-pagination {
}

/*
otziv
*/

.otziv {
    float: left;
    background: #fff;
    border-top: 10px solid #ff7e39;
}

.zagotziv {
    float: left;
    width: 100%;
    height: 70px;
}

.zagotziv2 {
    width: 1000px;
    margin: 0 auto;
    height: 70px;
}

.zagotziv2 .zag, .zagotziv2 .zag2 {
    float: left;
    width: 65%;
    height: 100%;
    color: #666666;
    font-size: 15px;
    font-family: 'Roboto', 'Lato', sans-serif;
    font-weight: 100;
}

.zagotziv2 .zag {
    font-style: italic;
    margin-top: 20px;
}

.zagotziv2 .zag2 {
    width: 35%;
    text-align: left;
    text-indent: 20px;
    line-height: 2;
    font-size: 30px;
    height: 60px;
    color: #ed5d1f;
    text-transform: uppercase;
    border-bottom: 10px solid #cccccc;
}

.zagotziv2 .zag .ostotz {
    margin: 0 0 0 30px;
    color: #ed5d1f;
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
    background: url(../img/ostotz.png) 95% center no-repeat #f7f7f7;
    padding: 10px 50px 10px 20px;
    position: relative;
    z-index: 10;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    behavior: url(js/PIE.htc);
}

.zagotziv2 .zag .ostotz:hover {
    background: url(../img/ostotz.png) 95% center no-repeat #ededed;
}

.zagotziv2 .zag2 .smallotz {
    background: #ed5d1f;
    display: block;
    float: right;
    width: 120px;
    line-height: normal;
    padding: 10px 20px;
    text-align: left;
    text-indent: 0px;
    height: 40px;
    color: #fff;
    font-size: 15px;
    font-weight: 100;
    text-transform: uppercase;
    text-decoration: none;
}

.ulotziv {
    float: left;
    width: 100%;
}

#owl-demo-otziv {
    float: left;
    width: 100%;
}

#owl-demo-otziv .item {
    float: left;
    width: auto;
    margin: 25px 7% 25px;
}

#owl-demo-otziv .item .otzwap {
    float: left;
    width: 100%;
    background: #f7f7f7;
}

#owl-demo-otziv .item .otzwap:hover {
    background: #ebebeb;
}

#owl-demo-otziv .item .otzwap img {
    float: left;
    width: 30%;
}

#owl-demo-otziv .item .otzwap div {
    float: left;
    width: 60%;
    margin: 0 5%;
}

#owl-demo-otziv .item .otzwap div p, #owl-demo-otziv .item .otzwap div p.name {
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
    color: #2b2b2b;
    font-size: 16px;
    font-weight: 100;
}

#owl-demo-otziv .item .otzwap div p.name {
    color: #356272;
    font-size: 18px;
    text-transform: uppercase;
}

#owl-demo-otziv .item .text {
    float: left;
    width: 100%;
}

#owl-demo-otziv .item .text p {
    float: left;
    width: 100%;
    color: #4c4c4c;
    font-size: 13px;
    font-weight: 100;
    margin: 15px 0 5px 0;
}

#owl-demo-otziv .item .text iframe {
    float: left;
    width: auto;
    margin: 10px 0 0 0;
}


/*
abcomp
*/

.abcomp {
    float: left;
    background: url(../img/aboutcomp-bg.jpg) top center no-repeat #fff;
}

.zagabcomp {
    float: left;
    width: 100%;
    height: 67px;
    margin: 10px 0;
}

.zagabcomp .logo {
    display: block;
    margin: 0 auto;
    width: 274px;
    height: 67px;
}

.imgcent {
    overflow: visible;
    width: 960px;
    margin: 0 auto;
    height: auto;
    position: relative;
    z-index: 5;
}

.imgcent img {
    width: 100%;
    margin: 10px 0 20px 0;
}

.imgcent p {
    float: left;
    font-family: 'Roboto', 'Lato', 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 100;
    color: #3b3b3b;
    line-height: 2;
    text-align: justify;
}


/*
lmenu
*/

.lmenu {
    float: left;
    width: 100%;
    margin-top: 20px;
    position: relative;
    z-index: 5;
    -webkit-box-shadow: 0px 0px 1px #b3b3b3;
    -moz-box-shadow: 0px 0px 1px #b3b3b3;
    -khtml-box-shadow: 0px 0px 1px #b3b3b3;
    box-shadow: 0px 0px 1px #b3b3b3;
}

.lmenu ul {
    float: left;
    width: 100%;
    background: #fff;
    margin-top: -1px;
}

.lmenu ul li {
    float: left;
    width: 100%;
    list-style-type: none;
}

.lmenu ul li a {
    position: relative;
    z-index: 5;
    float: left;
    width: 90%;
    height: auto;
    padding: 10px 4% 10px 6%;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bolder;
    border-bottom: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    background: url(../img/lm-bg-li-2.png) left repeat-y #fff;
}

.lmenu ul li img {
    position: absolute;
    z-index: 6;
    right: 10px;
    top: 15px;
}

.lmenu ul li.one a {
    color: #1b7ce3;
}

.lmenu ul li.two a {
    color: #fe7a10;
}

.lmenu ul li.three a {
    color: #79c614;
}

.lmenu ul li.four a {
    color: #f92c2c;
}

.lmenu ul li ul {
    background: #fff;
    margin-top: 0px;
    padding: 5px 0;
}

.lmenu ul li ul li a {
    float: left;
    width: 100%;
    height: auto;
    border-bottom: 0px solid #d8d8d8;
    border-top: 0px solid #d8d8d8;
    background: #fff;
    font-size: 11px;
    font-weight: normal;
    width: 90%;
    padding: 7px 2% 7px 8%;
}

/*
cat
*/

.catzag {
    float: left;
    width: 84%;
    margin: 10px 1%;
    padding: 5px 7% 5px 7%;
    background: url(../img/bgcatzag.png) 2% center no-repeat #ededed;
    color: #003369;
    font-size: 18px;
    text-transform: uppercase;
}

.cat2, .cat3, .cat4 {
    float: left;
    width: 100%;
}

.cat2 li, .cat3 li, .cat4 li {
    float: left;
    width: 31.33%;
    margin: 10px 1%;
    list-style-type: none;
    height: 400px;
}

.cat2 li {
    height: 280px;
    width: 50%;
    margin: 10px 0%;
    background: url(../img/c2-bg-r.png) right bottom no-repeat;
    border-bottom: 1px solid #e6e6e6;
}

.cat4 li {
    width: 23%;
}

.cat2 li:hover, .cat3 li:hover, .cat4 li:hover {
}

.cat2 li .img, .cat3 li .img, .cat4 li .img {
    float: left;
    width: 100%;
    height: 210px;
    overflow: hidden;
}

.cat2 li .img {
    width: 44%;
    height: auto;
    margin: 0 3%;
}

.cat2 li .img img, .cat3 li .img img, .cat4 li .img img {
    display: block;
    margin: 0 auto;
    height: auto;
}

.cat2 li .img img {
    width: 100%;
}

.cat2 li .text {
    float: left;
    width: 44%;
    margin: 0 3%;
    position: relative;
}

.cat2 li .text .zag, .cat3 li .zag, .cat4 li .zag {
    float: left;
    width: 100%;
    height: 60px;
    margin: 5px 0 0px 0;
}

.cat2 li .text .zag {
    height: auto;
    color: #3b3b3b;
    font-size: 17px;
    text-transform: uppercase;
    text-decoration: none;
}

.cat2 li .text .zag:hover {
    text-decoration: underline;
}

.cat2 li .text div {
    float: left;
    width: 100%;
    height: auto;
}

.cat2 li .text div p, .cat2 li .text div p.price {
    float: left;
    width: auto;
    color: #3b3b3b;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Roboto', 'Lato', sans-serif;
    font-weight: 100;
    margin: 5px 0;
}

.cat2 li .text div p.price {
    font-size: 18px;
    text-transform: none;
    font-weight: normal;
    color: #555;
    margin: 10px 0;
}

.cat2 li .text div p.price span {
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
}

.cat2 li .text .zak {
    float: left;
    width: 100%;
    height: auto;
    color: #3b3b3b;
    text-transform: uppercase;
    font-size: 18px;
    border: 1px solid #3b3b3b;
    background: #fff;
    text-align: center;
    padding: 7px 0;
    margin: 7px 0 0 0;
    text-decoration: none;
    position: relative;
    z-index: 10;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    behavior: url(js/PIE.htc);
}

.cat2 li .text .zak:hover {
    border: 1px solid #777;
    background: #ff6422;
    color: #fff;
}

.cat3 li .zag a, .cat4 li .zag a {
    color: #1b7ce3;
    float: left;
    width: 96%;
    margin: 0 2%;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
}

.cat3 li .zag a:hover, .cat4 li .zag a:hover {
    text-decoration: underline;
}

.cat3 li .khar, .cat4 li .khar {
    float: left;
    width: 96%;
    padding: 0px 2% 0;
    height: 70px;
    overflow: hidden;
}

.cat3 li .khar ul li, .cat4 li .khar ul li {
    float: left;
    margin: 0;
    width: 100%;
    color: #4c4c4c;
    font-size: 12px;
    height: auto;
    position: relative;
    z-index: 5;
    -webkit-box-shadow: 0px 0px 0px #b3b3b3;
    -moz-box-shadow: 0px 0px 0px #b3b3b3;
    -khtml-box-shadow: 0px 0px 0px #b3b3b3;
    box-shadow: 0px 0px 0px #b3b3b3;
    box-shadow: 0px \9;
    behavior: url(js/PIE.htc);
}

.cat3 li .khar ul li:hover,
.cat4 li .khar ul li:hover {
    position: relative;
    z-index: 5;
    -webkit-box-shadow: 0px 0px 0px #b3b3b3;
    -moz-box-shadow: 0px 0px 0px #b3b3b3;
    -khtml-box-shadow: 0px 0px 0px #b3b3b3;
    box-shadow: 0px 0px 0px #b3b3b3;
    box-shadow: 0px \9;
    behavior: url(js/PIE.htc);
}

.cat3 li .nal,
.cat4 li .nal {
    float: left;
    width: 96%;
    padding: 0px 2% 0;
}

.cat3 li .nal img, .cat4 li .nal img {
    float: left;
    margin: 0 5px 0 0;
}

.cat3 li .nal span, .cat4 li .nal span {
    float: left;
    color: #808080;
    font-size: 12px;
    text-transform: uppercase;
    margin: 2px 0 0 0;
}

.cat3 li .prbuy, .cat4 li .prbuy {
    float: left;
    width: 96%;
    margin: 0 2%;
    position: relative;
    z-index: 5;
}

.cat3 li .prbuy .price, .cat4 li .prbuy .price {
    float: left;
    width: auto;
    overflow: hidden;
    font-size: 13px;
    text-align: center;
    color: #0069d9;
}

.cat3 li .prbuy .price span, .cat4 li .prbuy .price span {
    font-size: 24px;
}

.cat3 li .buy, .cat4 li .buy {
    float: right;
    width: 92px;
    height: 30px;
    background: #79c614;
    color: #fff;
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1.8;
    position: relative;
    z-index: 10;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    behavior: url(js/PIE.htc);
}

.cat3 li .buy:hover,
.cat4 li .buy:hover {
    background: #6aad11;
}

.maincont {
    float: left;
    width: 98%;
    margin: 10px 1%;
}

.maincont p {
    float: left;
    width: 100%;
    margin: 5px 0;
    font-size: 13px;
    color: #404040;
}

/*
pagenav
*/

.pages {
    overflow: visible;
    width: auto;
    float: left;
    display: inline;
    height: auto;
    margin: 0px 1.5% 25px 1.5%;
    width: 97%;
}

ul.pagenav {
    overflow: visible;
    width: auto;
    float: left;
}

ul.pagenav li {
    list-style-type: none;
    float: left;
}

ul.pagenav li a {
    width: auto;
    height: auto;
    overflow: visible;
    float: left;
    display: inline;
    background: #fff;
    border: 1px solid #d9d9d9;
    position: relative;
    z-index: 2;
    position: relative;
    z-index: 4;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    behavior: url(js/PIE.htc);
}

ul.pagenav li a {
    width: auto;
    height: 30px;
    text-align: center;
    overflow: visible;
    float: left;
    display: inline;
    padding: 0px 12px;
    line-height: 1.8;
    font-size: 17px;
    color: #0480ff;
    text-decoration: none;
    margin: 0 1px;
}

ul.pagenav li a:hover {
    border: 1px solid #25aae1;
    background: #25aae1;
    color: #fff;
}

ul.pagenav li a:hover p {
    font-size: 17px;
    color: #fff;
}

ul.pagenav li a:active, ul.pagenav li a.active {
    background: #32648f;
    border: 1px solid #32648f;
    color: #fff;
}


/*
footer
*/

#podfooter {
    overflow: hidden;
    clear: both;
    position: relative;
    bottom: 0px;
    width: 100%;
    height: 250px;
    *height: 0px;
}

#footer0 {
    overflow: visible;
    margin-top: -250px;
    width: 100%;
    background: rgba(235, 80, 34, 0.9);
    height: 250px;
    position: relative;
    *margin-top: 0px;
    background: url(../img/bg-foot.png) bottom center no-repeat;
    z-index: 10;
}

#footer {
    overflow: visible;
    margin-top: -250px;
    width: 100%;
    background: rgba(235, 80, 34, 0.95);
    height: 250px;
    position: relative;
    *margin-top: 0px;
}

#foot {
    width: 1200px;
    margin: 0 auto;
    height: 250px;
}

.flogo {
    display: block;
    float: left;
    margin: 30px 0 10px 0;
    width: 80%;
    padding: 5px 0;
    background: #ffffff;
    position: relative;
    z-index: 4;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}

.flogo .logo {
    display: block;
    height: 45px;
    overflow: visible;
    width: 180px;
    margin: 0 auto;
}

.flogo .logo img {
    float: left;
    width: 100%;
}

.flogo .logo:hover {
    opacity: 0.8;
}

ul.fcol {
    float: left;
    width: 100%;
    margin: 0;
    position: relative;
}

ul.fcol li {
    float: left;
    width: 25%;
    margin: 0;
    position: relative;
    list-style-type: none;
}

ul.fcol li p {
    float: left;
    width: 100%;
    color: #f5f5f5;
    font-size: 15px;
    font-weight: 300;
    margin: 3px 0;
}

ul.fcol li p a {
    color: #333;
    text-decoration: none;
}

ul.fcol li p a:hover {
    color: #000;
}

ul.fcol li ul {
    float: left;
    width: 90%;
    margin: 25px 5% 0;
    height: auto;
}

ul.fcol li ul li {
    float: left;
    width: 100%;
    margin: 0;
    height: auto;
}

ul.fcol li ul.tel li {
    color: #fff;
    font-size: 19px;
    margin: 2px 0;
}

ul.fcol li ul.tel li .min {
    font-size: 13px;
}

ul.fcol li ul.adr {
    float: left;
    width: 90%;
    margin: 3px 5% 0;
    height: auto;
}

ul.fcol li ul.adr li {
    color: #fff;
    font-size: 14px;
    margin: 2px 0;
}

ul.fcol li ul li a {
    float: left;
    width: 100%;
    margin: 0;
    height: auto;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    margin: 3px 0;
    text-decoration: none;
}

ul.fcol li ul li a:hover {
    color: #dddddd;
}

ul.fcol li ul li a.obrzv {
    width: auto;
    padding: 5px 15px 5px 30px;
    margin: 5px 0 0 0;
}

ul.fcol li ul li a.obrzv:hover {
    color: #fff;
}

ul.fcol li ul.soc {
    float: left;
    width: 100%;
    margin: 10px 5%;
    height: auto;
    display: flex;
}

ul.fcol li ul.soc li {
    float: left;
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
    height: auto;
}

ul.fcol li ul.soc li a {
    float: left;
    width: 40px;
    height: 40px;
    margin: 0;
    height: auto;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
    text-align: center;
    line-height: 2.6;
    text-decoration: none;
    position: relative;
    z-index: 4;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    background: #802e16;
}

ul.fcol li ul.soc li a:hover {
    background: #d94f25;
}


/*bread*/

.bread {
    overflow: visible;
    width: auto;
    float: left;
    display: inline;
    height: auto;
    text-indent: 0px;
    font-size: 11px;
    color: #1c1c1c;
    background: #fff;
    margin: 20px 0 5px 1%;
    position: relative;
    z-index: 5;
    -webkit-box-shadow: 0px 0px 1px #999;
    -moz-box-shadow: 0px 0px 1px #999;
    -khtml-box-shadow: 0px 0px 1px #999;
    box-shadow: 0px 0px 1px #999;
    behavior: url(js/PIE.htc);
}

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

ul.B_crumbBox li {
    display: inline;
    line-height: 1;
    height: 0px;
    color: #808080;
    font-size: 12px;
}

ul.B_crumbBox li a, ul.B_crumbBox li a.last, ul.B_crumbBox li span {
    float: left;
    color: #5a5a5a;
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 12px;
    padding: 5px 15px 5px 10px;
    background: url(../img/bread.png) right center no-repeat;
}

ul.B_crumbBox li:last-child {
    background: none;
    padding: 10px 20px 13px 20px;
    float: left;
    color: #5a5a5a;
    text-transform: uppercase;
    font-size: 12px;
    color: #808080;
    text-decoration: none;
}

ul.B_crumbBox li span {
    background: none;
}

ul.B_crumbBox li a:hover,
ul.B_crumbBox li a:hover span {
    text-decoration: none;
}

/*start INTERNAL*/


.block3a {
    overflow: visible;
    width: 43%;
    margin: 0 0 0 1%;
    float: left;
    display: inline;
    height: auto;
}

.block3b {
    overflow: visible;
    width: 54%;
    margin: 0 1% 0 1%;
    float: left;
    display: inline;
    height: auto;
    background: transparent;
}

/*b3a*/

.block3a img.shadow {
    -webkit-box-shadow: 0px 0px 5px #fff;
    -moz-box-shadow: 0px 0px 5px #fff;
    -khtml-box-shadow: 0px 0px 5px #fff;
    box-shadow: 0px 0px 5px #fff;
    behavior: url(js/PIE.htc);
    position: relative;
    z-index: 5;
    margin-left: 10px;
}

.block3a .fototovar {
    overflow: visible;
    width: 100%;
    float: left;
    display: inline;
}

.block3a .fototovar a {
    overflow: visible;
    width: 97%;
    float: left;
    display: inline;
    height: auto;
    position: relative;
    z-index: 6;
    text-align: center;
    position: relative;
    z-index: 5;
    -webkit-box-shadow: 0px 0px 1px #777;
    -moz-box-shadow: 0px 0px 1px #777;
    -khtml-box-shadow: 0px 0px 1px #777;
    box-shadow: 0px 0px 1px #777;
    behavior: url(js/PIE.htc);
}

.block3a .fototovar a:hover {
    position: relative;
    z-index: 5;
    -webkit-box-shadow: 0px 0px 1px #1b7ce3;
    -moz-box-shadow: 0px 0px 1px #1b7ce3;
    -khtml-box-shadow: 0px 0px 1px #1b7ce3;
    box-shadow: 0px 0px 1px #1b7ce3;
    box-shadow: 0px \9;
    behavior: url(js/PIE.htc);
}

.block3a .fototovar a img {
    position: relative;
    z-index: 5;
    border: 0px;
}

.miniimg {
    float: left;
    width: 100%;
    margin: 5px 0;
}

.miniimg a {
    float: left;
    height: 70px;
    overflow: hidden;
    width: 30.33%;
    margin: 5px 3% 5px 0;
    position: relative;
    z-index: 5;
    -webkit-box-shadow: 0px 0px 1px #777;
    -moz-box-shadow: 0px 0px 1px #777;
    -khtml-box-shadow: 0px 0px 1px #777;
    box-shadow: 0px 0px 1px #777;
    behavior: url(js/PIE.htc);
}

.miniimg a img {
    float: left;
    width: 100%;
}

.miniimg a:hover {
    position: relative;
    z-index: 5;
    -webkit-box-shadow: 0px 0px 1px #1b7ce3;
    -moz-box-shadow: 0px 0px 1px #1b7ce3;
    -khtml-box-shadow: 0px 0px 1px #1b7ce3;
    box-shadow: 0px 0px 1px #1b7ce3;
    box-shadow: 0px \9;
    behavior: url(js/PIE.htc);
}

/*
b3b
*/

.block3b .khar {
    float: left;
    width: 100%;
    padding: 10px 0%;
    height: auto;
    overflow: hidden;
}

.block3b .khar ul li {
    float: left;
    margin: 0 0 7px 0;
    width: 100%;
    color: #4c4c4c;
    font-size: 13px;
    height: auto;
    position: relative;
    z-index: 5;
    -webkit-box-shadow: 0px 0px 0px #b3b3b3;
    -moz-box-shadow: 0px 0px 0px #b3b3b3;
    -khtml-box-shadow: 0px 0px 0px #b3b3b3;
    box-shadow: 0px 0px 0px #b3b3b3;
    box-shadow: 0px \9;
    behavior: url(js/PIE.htc);
}

.block3b .khar ul li:hover {
    position: relative;
    z-index: 5;
    -webkit-box-shadow: 0px 0px 0px #b3b3b3;
    -moz-box-shadow: 0px 0px 0px #b3b3b3;
    -khtml-box-shadow: 0px 0px 0px #b3b3b3;
    box-shadow: 0px 0px 0px #b3b3b3;
    box-shadow: 0px \9;
    behavior: url(js/PIE.htc);
}

.block3b .nal {
    float: left;
    width: 100%;
    padding: 10px 0%;
}

.block3b .nal img {
    float: left;
    margin: 0 5px 0 0;
}

.block3b .nal span {
    float: left;
    color: #808080;
    font-size: 13px;
    text-transform: uppercase;
    margin: 2px 0 0 0;
}

.block3b .prbuy {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    position: relative;
    z-index: 5;
    background: #f2f2f2;
    padding: 10px 0;
}

.block3b .prbuy .price {
    float: left;
    width: auto;
    overflow: hidden;
    font-size: 20px;
    text-align: center;
    color: #0069d9;
    margin-left: 5%;
}

.block3b .prbuy .price span {
    font-size: 36px;
}

.block3b .prbuy .buy {
    float: right;
    width: auto;
    height: auto;
    padding: 5px 20px;
    margin: 2px 5% 2px 0;
    background: #79c614;
    color: #fff;
    text-align: center;
    font-size: 23px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1.5;
    position: relative;
    z-index: 10;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    behavior: url(js/PIE.htc);
}

.block3b .prbuy .buy:hover {
    background: #6aad11;
}

.vidos {
    float: left;
    width: 100%;
    margin: 10px 0;
}

.vidos a {
    float: left;
    width: auto;
}

.vidos a img {
    float: left;
    width: 36px;
    height: 36px;
    display: block;
}

.vidos a span {
    float: left;
    width: auto;
    margin: 8px 0 0 7px;
    text-transform: uppercase;
    color: #1b7ce3;
    font-size: 14px;
    text-decoration: underline;
}

.vidos a:hover span {
    text-decoration: none;
}

.block1 .preim, .block1 .dostopl {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.block1 .preim .zagol, .block1 .dostopl .zagol {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0px 0 5px 0;
    text-align: center;
    height: auto;
    color: #1b7ce3;
    font-size: 17px;
    font-weight: normal;
    background: #f2f2f2;
    position: relative;
    z-index: 10;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    behavior: url(js/PIE.htc);
}

.block1 .preim ul, .block1 .dostopl ul {
    float: left;
    width: 100%;
}

.block1 .preim ul li, .block1 .dostopl ul li {
    float: left;
    width: 100%;
    list-style-type: none;
    margin: 5px 0;
}

.block1 .dostopl ul li {
    background: url(../img/point.png) left center no-repeat;
    color: #4d4d4d;
    font-size: 14px;
    width: 90%;
    margin-left: 5%;
    padding-left: 5%;
}

.block1 .preim ul li div {
    float: left;
    width: 30%;
}

.block1 .preim ul li div img {
    float: left;
    width: 100%;
}

.block1 .preim ul li p {
    float: left;
    width: 70%;
    color: #4d4d4d;
    font-size: 14px;
    margin: 8px 0 0 0%;
}

/*
content
*/

.content {
    float: left;
    width: 100%;
    margin: 0px 0;
}

.content div {
    float: left;
    width: 100%;
    margin: 10px 0;
}

.content, .content p {
    margin: 10px 0;
    color: #000;
    font-size: 17px;
    font-weight: 300;
}

.content li {
    color: #000;
    font-size: 17px;
    font-weight: 300;
    margin: 5px 0 5px 20px;
}


.more {
    float: left;
    padding: 3px 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    background: #009bd9;
    text-decoration: none;

    position: relative;
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    behavior: url(js/PIE.htc);
}

.more:hover {
    opacity: 0.7;
}


.catalog {
    z-index: 15;
}


.zagol {
    float: left;
    width: 100%;
    color: #333;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 300;
    padding: 10px 0;
    margin: 0;
    text-align: center;
}


/*
cat
*/


.cat {
    float: left;
    width: 100%;
    font-size: 0;
}

.cat li {
    min-height: 400px;
    width: 24%;
    margin: 15px 0.5%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 5;
    background: #fff;
    list-style-type: none;
    font-size: 0;
    box-sizing: border-box;
    border: 2px solid #fff;
    position: relative;
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.categ3 li {
    width: 32.33%;
}

.categ1 li {
    width: 93%;
    margin: 15px 3.5%;
}

.categ4 li {
    width: 24%;
}

.cat li:hover, .categ3 li:hover, .categ1 li:hover {
    overflow: visible;
    background: #fff;
    border: 2px solid #ff5724;
    position: relative;
    z-index: 55;
}

.cat li:hover .inner, .categ3 li:hover .inner, .categ1 li:hover .inner {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 55;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.cat li .img {
    display: block;
    width: 100%;
    height: 280px;
    overflow: hidden;
    margin: 5px 0;
}

.cat li .img img {
    display: block;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.cat li .text {
    float: left;
    width: 94%;
    margin: 5px 3%;
    position: relative;
}

.cat li .text .nalich {
    float: left;
    width: auto;
    padding: 7px 20px 7px 35px;
    position: absolute;
    background: url(../img/nal-da.png) 5% center no-repeat #999999;
    color: #fff;
    top: -40px;
    left: 0%;
    display: block;
    font-size: 13px;
    z-index: 5;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
}

.cat li .text .netnal {
    background: url(../img/nal-net.png) 5% center no-repeat #cccccc;
}

.cat li .text .zag {
    float: left;
    width: 100%;
    color: #d1471d;
    font-size: 17px;
    text-decoration: none;
    font-weight: 700;
    margin: 5px 0;
}

.cat li .text .moreinf {
    float: left;
    width: 100%;
    margin: 5px 0;
}

.cat li .text .moreinf p {
    float: left;
    width: 100%;
    margin: 1px 0;
    color: #333333;
    font-weight: 300;
    font-size: 13px;
}

.cat li .text .prbuy {
    float: left;
    width: 100%;
    margin: 5px 0;
}

.cat li .text .prbuy .allpr {
    float: left;
    width: 50%;
}

.cat li .text .prbuy .allpr p {
    float: left;
    width: auto;
}

.cat li .text .prbuy .allpr p span, .cat li .text .prbuy .allpr p span.grn {
    float: left;
    width: auto;
    color: #047ac0;
    font-size: 24px;
    text-decoration: none;
    font-weight: 700;
}

.cat li .text .prbuy .allpr p span.grn {
    font-size: 14px;
    text-decoration: none;
    font-weight: 400;
    margin: 11px 0 0 5px;
}

.cat li .text .prbuy .allpr .oldpr {
    float: left;
    width: 100%;
    width: auto;
    color: #999;
    font-size: 12px;
    text-decoration: line-through;
    margin: 0 0 0 5px;
}

.cat li .text .prbuy .buy {
    float: right;
    width: 44%;
    margin: 0px 0.5%;
    background: url(../img/korzin.png) 12% center no-repeat #11367d;
    text-indent: 20px;
    font-size: 17px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    height: 40px;
    line-height: 2.4;
    font-weight: 400;
    position: relative;
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    transition: all 0.5s;
    border: 0;
    cursor: pointer;
}

.cat li .text .prbuy .buy:hover {
    background: url(../img/korzin.png) 9% center no-repeat #047ac0;
}

/*
catrazd
*/

.catrazd {
    float: left;
    width: 100%;
    font-size: 0;
}

.catrazd li {
    min-height: 200px;
    width: 19%;
    margin: 15px 0.5%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 5;
    background: #fff;
    list-style-type: none;
    font-size: 0;
    overflow: hidden;
    box-sizing: border-box;
    border: 2px solid #fff;
    position: relative;
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}


.catrazd li:hover {
    overflow: visible;
    background: #fff;
    border: 2px solid #ff5724;
    position: relative;
}

.catrazd li .img {
    position: relative;
    display: block;
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin: 5px 0;
}

.catrazd li .img img {
    display: block;
    margin: 0 auto;
    overflow: hidden;
}

.catrazd li .zag {
    float: left;
    width: 94%;
    color: #d1471d;
    font-size: 17px;
    text-decoration: none;
    font-weight: 700;
    margin: 5px 3%;
    min-height: 46px;
}

.catrazd li .img .kolich {
    float: left;
    width: auto;
    padding: 7px 20px 7px 20px;
    position: absolute;
    background: #047ac0;
    color: #fff;
    bottom: 0;
    right: 20px;
    display: block;
    font-size: 13px;
    z-index: 5;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    transition: all 0.5s;
    opacity: 0.8;
    border: 2px solid #fff;
}

.catrazd li:hover .img .kolich {
    background: #047ac0;
    opacity: 1;
}


/*
catrazd
*/

.catbrand {
    float: left;
    width: 100%;
    font-size: 0;
}

.catbrand li {
    min-height: 100px;
    width: 15.66%;
    margin: 15px 0.5%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 5;
    background: #fff;
    list-style-type: none;
    font-size: 0;
    overflow: hidden;
    box-sizing: border-box;
    border: 2px solid #fff;
    position: relative;
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.catbrand li:hover {
    overflow: visible;
    background: #fff;
    border: 2px solid #ff5724;
    position: relative;
}

.catbrand li .img {
    position: relative;
    display: block;
    width: 100%;
    height: 100px;
    overflow: hidden;
    margin: 5px 0;
}

.catbrand li .img img {
    display: block;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.catbrand li .zag {
    float: left;
    width: 94%;
    color: #d1471d;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    margin: 5px 3%;
}


.mincat li {
    min-height: 300px;
    height: 300px;
}

.mincat li .img {
    float: left;
    width: 100%;
    height: 180px;
    overflow: hidden;
    margin-bottom: 10px;
}

.mincat li .img img {
    float: left;
    width: 70%;
    padding: 0 15%;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
}

.mincat li .text .pr-buy {
    float: left;
    width: 100%;
    margin: 5px 0;
}

.mincat li .text .pr-buy p {
    float: left;
    width: auto;
}

.mincat li .text .pr-buy p span,
.mincat li .text .pr-buy p span.grn {
    float: left;
    width: auto;
    color: #ff6c00;
    font-size: 24px;
    text-decoration: none;
    font-weight: 700;
}

.mincat li .text .pr-buy p span.grn {
    font-size: 14px;
    text-decoration: none;
    font-weight: 400;
    margin: 11px 0 0 5px;
}

.mincat li .text .pr-buy .buy {
    float: right;
    width: 49%;
    margin: 0px 0.5%;
    background: #ff974c;
    font-size: 17px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    height: 36px;
    line-height: 2.1;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    z-index: 5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    behavior: url(js/PIE.htc);
}

.mincat li .text .pr-buy .buy:hover {
    background: #ff6c00;
}


/*
otzivi
*/


.otzivi {
    float: left;
    width: 100%;
}

.otzivi li {
    float: left;
    width: 100%;
    list-style-type: none;
    border-bottom: 1px solid #f5f5f5;
    margin: 7px 0 7px 0;
    padding: 5px 0 15px 0;
}

.otzivi li a {
    float: left;
    width: 100%;
    color: #0089bf;
    font-size: 17px;
    margin: 0 0 3px 0;
}

.otzivi li a:hover {
    text-decoration: none;
}

.otzivi li p {
    color: #4c4c4c;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.5;
}

.allotz {
    float: left;
    width: auto;
    margin: 0;
    background: #11367d;
    font-size: 17px;
    padding: 0 20px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    line-height: 2.4;
    font-weight: 400;
    position: relative;
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    transition: all 0.5s;
}

.allotz:hover {
    background: #047ac0;
    opacity: 0.8;
}


/*
filters s
*/

.filter {
    float: left;
    width: 90%;
    padding: 5px 3%;
    margin: 15px 2% 0 2%;
    background: #fff;
    position: relative;
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    position: relative;
    z-index: 5;
    -webkit-box-shadow: 0px 0px 1px #b5b5b5;
    -moz-box-shadow: 0px 0px 1px #b5b5b5;
    -khtml-box-shadow: 0px 0px 1px #b5b5b5;
    box-shadow: 0px 0px 1px #b5b5b5;
}

.filters ul, .filters li {
    margin: 0;
    padding: 0;
    width: 100%;
}

.filters .drop-down, .filters .drop-menu-main-sub .title {
    text-decoration: none;
    color: #555555;
    padding: 0 10px 0 0;
}

.filters .drop-menu-main {
    position: relative;
}

.filters .drop-menu-main li {
    float: left;
    margin: 0 40px 10px 0;
    list-style-type: none;
}

.filters .drop-menu-main-sub {
}

.filters .drop-menu-main-sub .title {
    display: block;
    padding: 6px 15px;
    cursor: pointer;
    border-bottom: 1px solid #DEDEDE;
}

.filters li {
    list-style: none;
    display: block;
}

.filters .drop-down {
    cursor: pointer;
    float: left;
    width: 100%;
    padding: 3px 0;
    margin: 5px 0;
    text-transform: uppercase;
    background: #f8f8f8;
    font-weight: 700;
    position: relative;
    z-index: 2;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}

.filters li.dropped .drop-down {
    background: #fff;
}

.filters li span.arrow {
    border: 0;
    font-size: 12px;
    border: 0;
    padding: 0 3px;
    color: #5C9CCC;
    display: none;
    float: left;
}

.filters li span.arrownone {
    border: 0;
    font-size: 12px;
    border: 0;
    padding: 0 3px;
    color: #c5dbec;
    display: block;
    float: left;
}

.filters li.dropped span.arrow {
    display: block;
}

.filters li.dropped span.arrownone {
    display: none;
}

.filters span.title {
}

.filters li .drop-menu-main-sub {
    display: block;
}

.filters li.dropped .drop-menu-main-sub {
    display: none;
}

#minCost {
    float: left;
    width: 30%;
    padding: 2px 1%;
    border: 1px solid #a6c9e2;
    position: relative;
    z-index: 2;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
}

#maxCost {
    float: right;
    width: 30%;
    padding: 2px 1%;
    border: 1px solid #a6c9e2;
    position: relative;
    z-index: 2;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
}

.ui-slider {
    float: left;
    width: 96%;
    margin: 7px 2%;
    box-sizing: border-box;
}

.filter_row {
    float: left;
    width: 100%;
    margin: 5px 0;
}

.filter_row input {
    margin: 6px 4px 0 0;
    float: left;
}

.filter_row label {
    font-size: 13px;
    color: #555;
}

.filter_row label:hover {
    cursor: pointer;
    color: #25aae1;
}

.filter_row label sup {
    margin: 0 5px;
    color: #999;
}

.ui-widget {
    font-size: 0.9em !important;
    box-sizing: border-box;
}

.ui-slider-horizontal .ui-slider-range, .ui-slider-horizontal .ui-slider-handle {
    box-sizing: border-box;
}


/*
filters e
*/


h1 {
    display: inline;
    float: left;
    overflow: visible;
    width: 100%;
    height: auto;
    font-size: 28px;
    font-weight: 700;
    color: #32648f;
    margin: 15px 0;
    text-transform: uppercase;
}


/*bread*/

.breadcrumbs {
    float: left;
    width: 98%;
    padding: 10px 1%;
    margin: 10px 0 10px;
    font-size: 14px;
    position: relative;
    z-index: 4;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    behavior: url(js/PIE.htc);
}

.breadcrumbs a {
    color: #32648f;
}

.breadcrumbs a:hover {
    text-decoration: none;
    color: #ff8126;
}

/*
sort
*/

.sort {
    float: right;
    width: 100%;
}

.koltov {
    float: right;
    padding: 7px 2%;
    width: 30%;
}

.koltov span {
    float: right;
    width: auto;
    color: #666;
    font-size: 12px;
    margin: 10px 3%;
}

.sortmenu {
    float: right;
    width: 35%;
    position: relative;
    padding: 5px 0%;
}

.sortmenu i {
    float: right;
    padding: 5px 2%;
    margin: 5px 0 0 0;
    color: #666;
    position: relative;
    z-index: 444;
}

.sortmenu:hover i {
    color: #e5e5e5;
}

.sortmenu span {
    float: right;
    width: auto;
    padding: 5px 2%;
    margin: 5px 0 0 0;
    background: #25aae1;
    color: #fff;
    position: relative;
    z-index: 444;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    behavior: url(js/PIE.htc);
    border-bottom: 1px solid #e5e5e5;
}

.sortmenu .vipsort {
    position: absolute;
    z-index: 50;
    display: none;
    padding: 40px 2% 10px 2%;
    float: right;
    background: #fff;
    z-index: 55;
    box-shadow: 0px 0px 15px #bfbfbf;
    -webkit-box-shadow: 0px 0px 15px #bfbfbf;
    -moz-box-shadow: 0px 0px 15px #bfbfbf;
    -khtml-box-shadow: 0px 0px 15px #bfbfbf;
    behavior: url(js/PIE.htc);
    z-index: 55;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    behavior: url(js/PIE.htc);
}

.sortmenu:hover .vipsort {
    display: block;
}

.sortmenu .vipsort li {
    float: left;
    width: 100%;
    list-style-type: none;
}

.sortmenu .vipsort li a {
    float: right;
    width: auto;
    text-align: right;
    margin: 2px 0;
    color: #32648f;
    font-size: 13px;
    padding: 2px 5px;
    position: relative;
    z-index: 444;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    behavior: url(js/PIE.htc);
}

.sortmenu .vipsort li a:hover {
    background: #e5f7ff;
}


/*
podbor
*/


.podbor {
    float: left;
    width: 100%;
    margin: 10px 0 20px 0;
}

.podbor ul {
    float: left;
    width: 100%;
    font-size: 0;
}

.podbor ul li {
    display: inline-block;
    vertical-align: top;
    min-height: 60px;
    width: 29.33%;
    margin: 5px 2%;
    list-style-type: none;
    background: #25aae1;
    box-sizing: border-box;
    position: relative;
    z-index: 5;
    -webkit-box-shadow: 0px 0px 1px #005071;
    -moz-box-shadow: 0px 0px 1px #005071;
    -khtml-box-shadow: 0px 0px 1px #005071;
    box-shadow: 0px 0px 1px #005071;
    box-shadow: 0px \9;
    behavior: url(js/PIE.htc);
    position: relative;
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    behavior: url(js/PIE.htc);
}


.podbor ul li:hover {
    background: url(../img/bg-li-vibf.png) bottom repeat-x #fff;
}

.podbor ul li a {
    float: left;
    width: 100%;
}

.podbor ul li a .img {
    float: left;
    width: 30px;
    height: 30px;
    margin: 5px 5px;
    display: block;
}

.podbor ul li a .img img {
    float: left;
    width: 100%;
}

.podbor ul li a .text {
    overflow: hidden;
    padding: 5px 2%;
}

.podbor ul li a .text p {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 16px;
    margin: 2px 0;
    font-weight: 100;
    color: #fff;
}

.podbor ul li:hover a .text p {
    color: #2c87b8;
}

.podbor ul li a .text span {
    float: right;
    width: auto;
    text-transform: none;
    color: #fff;
    font-size: 14px;
    background: #25aae1;
    opacity: 0.7;
    padding: 1px 8px;
    position: relative;
    z-index: 10;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    behavior: url(js/PIE.htc);
}

/*
srezi
*/

.srezi {
    float: left;
    width: 95%;
    margin: 15px 1.5%;
    padding: 7px 1%;
    position: relative;
    z-index: 5;
    -webkit-box-shadow: 0px 0px 1px #ff8126;
    -moz-box-shadow: 0px 0px 1px #ff8126;
    -khtml-box-shadow: 0px 0px 1px #ff8126;
    box-shadow: 0px 0px 1px #ff8126;
    position: relative;
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.srez {
    float: left;
    width: 100%;
}

.srez ul {
    float: left;
    width: 100%;
}

.srez ul li {
    float: left;
    width: auto;
    color: #ff8126;
    margin: 4px 30px 4px 15px;
}

.srez ul li a {
    float: none;
    width: auto;
    color: #11367d;
    font-size: 14px;
}

.srez ul li a:hover {
    color: #25aae1;
    text-decoration: none;
}


/*

brand
*/


.brand {
    display: inline;
    float: left;
    overflow: visible;
    width: 97%;
    height: 250px;
    position: relative;
    z-index: 15;
    background: #f7f7f7;
    margin: 30px 1.5% 0;
    position: relative;
    z-index: 5;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    behavior: url(js/PIE.htc);
}

.brand0 {
    overflow: visible;
    width: auto;
    margin: 0 auto;
    height: 250px;
}

.brandi {
    float: left;
    width: 100%;
    margin: 0px;
    position: relative;
    z-index: 5;
    height: auto;
}

.brandi .zagol {
    float: left;
    width: 100%;
    color: #32648f;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    padding: 0px 0;
    margin: 10px 0 10px 0;
}


#owl-demo-brand .owl-item .item {
    width: 100%;
    display: block;
    vertical-align: middle;
    margin: auto 0;
    position: relative;
    overflow: hidden;
}

#owl-demo-brand .owl-item .item img {
    display: block;
    vertical-align: middle;
    margin: auto auto;
    position: relative;
    overflow: hidden;
    height: 100px;
    margin-top: 100px;
    top: -50px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(grayscale.svg);
    filter: gray;
}

#owl-demo-brand .owl-item .item:hover img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
    filter: none;
    transition: 1s;
}

/*
toptov
*/

.toptov {
    float: left;
    width: 100%;
    margin: 20px 0;
    position: relative;
    z-index: 5;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    behavior: url(js/PIE.htc);
}

.toptov .zagol {
    float: left;
    width: 100%;
    color: #32648f;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    padding: 0px 0;
    margin: 10px 0 10px 0;
}

.toptov ul li {
    min-height: 400px;
    height: 400px;
}

.toptov ul li .inner {
    height: 100%;
}

.toptov ul li .inner .numeral {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 60px;
    height: 60px;
    background: #ff8126;
    z-index: 5;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    behavior: url(js/PIE.htc);
}

.toptov ul li .inner .numeral p {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    display: block;
    margin: 12px 0 0 0;
}


/*
razd
*/

.razd {
    float: left;
    width: 97%;
    margin: 0 1.5% 30px;
}

ul.razdel {
    float: left;
    width: 100%;
}

ul.razdel li {
    float: left;
    width: 100%;
    list-style-type: none;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0;
}

ul.razdel li .zagol {
    float: left;
    width: 97%;
    color: #25aae1;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
    padding: 0px 0;
    margin: 10px 1.5% 0;
}

ul.razdel li .text {
    float: left;
    width: 97%;
    margin: 5px 1.5% 0;
}

ul.razdel li .text span {
    float: left;
    width: 100%;
    color: #000;
    font-size: 12px;
    text-transform: none;
    text-align: left;
    font-weight: 100;
}

ul.razdel li .rimg {
    float: left;
    width: 24%;
    margin: 0 1.5% 0 1.5%;
}

ul.razdel li .rimg .img {
    float: left;
    width: 100%;
}

ul.razdel li .rimg .img img {
    float: left;
    width: 100%;
}

.allrazd {
    float: left;
    margin: 10px 0;
}

.allrazd a {
    float: left;
    padding: 3px 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    background: #009bd9;
    text-decoration: none;
    position: relative;
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    behavior: url(js/PIE.htc);
}

.allrazd a:hover {
    opacity: 0.7;
}

ul.razdel li .rtext {
    float: left;
    width: 70%;
    margin: 0 1.5% 0 1.5%;
}

ul.razdel li .srez ul li {
    float: left;
    width: auto;
    border: 0;
    list-style-type: disc;
    color: #ff8126;
    margin: 4px 30px 4px 15px;
    padding: 0;
    font-size: 11px;
}

ul.razdel li .srez ul li a {
    font-size: 11px;
}

.razd .brand {
    height: 120px;
    margin: 0px 1.5% 0;
    position: relative;
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    behavior: url(js/PIE.htc);
}

.razd .brand .brand0 {
    height: 120px;
}

.razd .owl-carousel .owl-item .item img {
    display: block;
    vertical-align: middle;
    margin: auto auto;
    position: relative;
    overflow: hidden;
    height: 50px;
    margin-top: 50px;
    top: -25px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(grayscale.svg);
    filter: gray;
}

.razd .owl-carousel .owl-item .item:hover img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
    filter: none;
    transition: 1s;
}

.razd .brand .owl-theme .owl-controls .owl-buttons div.owl-prev {
    top: 30px;
}

.razd .brand .owl-theme .owl-controls .owl-buttons div.owl-next {
    top: 30px;
}

.populartov .numeral {
    display: none;
}


/*
int p start
*/


.miniimg {
    float: left;
    width: 100%;
    background: url(../img/bg-left-grad.png) left repeat-y #f3f3f3;
}

.miniimg ul {
    float: left;
    width: 100%;
}

.miniimg ul a {
    float: left;
    width: 29.33%;
    height: 120px;
    margin: 7px 2%;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0px 0px 1px #b3b3b3;
    -moz-box-shadow: 0px 0px 1px #b3b3b3;
    -khtml-box-shadow: 0px 0px 1px #b3b3b3;
    box-shadow: 0px 0px 1px #b3b3b3;
}

.miniimg ul a img {
    float: left;
    width: 100%;
}


/*
sbbl
*/

.sbbl {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    background: #fff;
    border: 1px solid #f2f2f2;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;

}

.sbbl:hover {
    z-index: 2;
}

.sbbl .zag {
    float: left;
    width: 100%;
    height: auto;
    color: #58585a;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #eb5022;
}

ul.b2bl {
    float: left;
    width: 90%;
    margin: 0 5%;
}

ul.b2bl li {
    list-style-type: none;
    float: left;
    width: 100%;
    padding: 3px 0;
    margin: 5px 0;
    position: relative;
    z-index: 5;
}

ul.b2bl li:hover {
    z-index: 7;
}

ul.b2bl li .img {
    float: left;
    width: 17%;

    display: none;
}

ul.b2bl li .img img {
    display: block;
    margin: 0 auto;
    float: none;
}

ul.b2bl li p {
    overflow: hidden;
    margin: 5px 0 0 0;
    font-weight: 300;
}

ul.b2bl li p span {
    float: left;
}

ul.b2bl li:hover p span {

}

ul.b2bl li p a {
    color: #58585a;
    margin: 0 5px;
}

ul.b2bl li p a:hover {
    text-decoration: none;
    color: #000;
}


.form-submit {
    float: left;
    width: 100%;
}


.form-submit .prnal {
    float: left;
    width: 100%;
    margin: 5px 0;
}

.form-submit .prnal p {
    float: left;
    width: auto;
}

.form-submit .prnal p span,
.form-submit .prnal p span.grn {
    float: left;
    width: auto;
    color: #047ac0;
    font-size: 34px;
    text-decoration: none;
    font-weight: 700;
}

.form-submit .prnal p span.grn {
    font-size: 14px;
    text-decoration: none;
    font-weight: 400;
    margin: 21px 0 0 5px;
}

.form-submit .prnal .oldpr {
    float: left;
    width: auto;
    color: #999;
    font-size: 11px;
    text-decoration: line-through;
    margin: 15px 0 0 5px;
}

.form-submit .prnal .nal {
    float: right;
    width: auto;
    color: #fff;
    background: #666;
    padding: 2px 4px;
    font-size: 11px;
    margin: 8px 0 0 0px;
    text-transform: uppercase;
    position: relative;
    z-index: 5;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    behavior: url(js/PIE.htc);
}

.form-submit .prnal .netnal {
    background: #d9d9d9;
}

.form-submit .allbuy {
    float: left;
    width: 100%;
    margin: 5px 0;
}

.form-submit .allbuy .buy {
    float: left;
    width: 59%;
    margin: 0px 0.5%;
    background: #ff974c;
    font-size: 17px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    height: 40px;
    line-height: 2.4;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    z-index: 5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    behavior: url(js/PIE.htc);
    background: url(../img/korzin.png) 12% center no-repeat #11367d;
    text-indent: 20px;
    transition: all 0.5s;
    border: 0;
    cursor: pointer;
}

.form-submit .allbuy .buy:hover {
    background: #ff6c00;
    background: url(../img/korzin.png) 9% center no-repeat #047ac0;
}

.form-submit .allbuy .onecl {
    float: left;
    width: 39%;
    margin: 0px 0.5%;
    background: #eb5022;
    font-size: 11px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    height: 32px;
    padding: 4px 0;
    text-transform: uppercase;
    position: relative;
    z-index: 5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    behavior: url(js/PIE.htc);
    opacity: .9;
    transition: all 0.5s;
}

.form-submit .allbuy .onecl:hover {
    background: #eb5022;
}

.spoiler {
    float: left;
    width: 100%;
    position: relative;
    z-index: 5;
    background: #fff;
    margin: 0px 0 0px 0;
}

#spoiler {
    float: left;
    width: 100%;
    overflow: hidden;
    height: 200px;
    line-height: 1.5;
    color: #4c4c4c;
    font-size: 12px;
}

#spoiler p {

}

#spoiler.active {
    height: auto;
}

.spoiler #actspoil {
    border: 0;
}

.spoiler #actspoil:hover {
    cursor: pointer;
}

.spoiler #actspoil.active {

}


.minit {
    float: left;
    width: 95%;
    margin: 15px 1.5%;
    padding: 7px 1%;
    background: #ffebd9;
    position: relative;
    z-index: 5;
    -webkit-box-shadow: 0px 0px 1px #ff8126;
    -moz-box-shadow: 0px 0px 1px #ff8126;
    -khtml-box-shadow: 0px 0px 1px #ff8126;
    box-shadow: 0px 0px 1px #ff8126;
    position: relative;
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.dopkh {
    float: left;
    width: 100%;
    font-size: 0;
}

.dopkh li {
    display: inline-block;
    vertical-align: top;
    min-height: 40px;
    width: 44%;
    margin: 3px 3%;
    list-style-type: none;
}

.dopkh li a {
    float: left;
    width: 100%;
}

.dopkh li a img {
    float: left;
    width: 40px;
    margin: 0 10px 0 0;
}

.dopkh li a span {
    float: left;
    width: auto;
    border-bottom: 1px dashed #666;
    color: #333;
    text-transform: uppercase;
    font-size: 14px;
    margin: 10px 0 0 0;
}

.dopkh li a:hover span {
    border-bottom: 1px solid #666;
}

.slider-for div img {
    width: 100%;
}

.slider-nav div img {
    width: 90%;
    padding: 0 5%;
}

.slick-prev,
.slick-next {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}

.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
    opacity: 0.8;
}

.slider-nav .slick-prev,
.slider-nav .slick-next {
    top: -50% !important;
}


.autoplay div img {
    width: 90%;
    padding: 0 5%;
    opacity: 0.9;
}

.autoplay div img:hover {
    opacity: 1;
}

.autoplay .slick-dots {
    bottom: -25px;
}

.bot {
    float: left;
    width: 100%;
    margin: 10px 0;
}

.bot .title {
    margin: 0px 3%;
    width: 90%;
    padding: 5px 2%;
    float: left;
    height: auto;
    text-align: center;
    color: #32648f;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 400;
    position: relative;
    border-bottom: 1px solid #eb5022;
}

.bot .garant {
    float: left;
    width: 90%;
    padding: 6px 2% 8px;
    margin: 0px 3%;
    position: relative;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    background: #66c3e8;
    position: relative;
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.bot .garant span {
    color: #fff;
    font-size: 20px;
    text-transform: none;
    margin: 0 0 0 5px;
}

.bot .garant .medal {
    position: absolute;
    z-index: 5;
    right: 15px;
    top: 1px;
    width: 27px;
    height: 38px;
    background: url(../img/medal.png) no-repeat;
}

.bot .content {
    float: left;
    width: 94%;
    padding: 3px 0%;
    margin: 0px 3%;
}

.bot .content .ysl {
    float: left;
    width: auto;
    color: #737373;
    font-size: 15px;
    text-decoration: none;
    border-bottom: 1px dashed #737373;
}

.bot .content iframe {
    width: 100%;
}

.credit {
    float: left;
    width: 100%;
    margin: 10px 0 20px 0;
}

.credit .credit2 {
    float: left;
    width: 90%;
    padding: 13px 2% 15px;
    display: block;
    background: #047ac0;
    transition: all 0.5s;
}

.credit .credit2:hover {
    background: #047ac0;
    opacity: 0.8;
}

.credit .cred {
    position: absolute;
    z-index: 5;
    right: 15px;
    top: 5px;
    width: 36px;
    height: 36px;
    background: url(../img/credit.png) no-repeat;
}


.credit .credit2 .cr {
    float: left;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}

.credit .credit2 .cr:hover {
    text-decoration: none;
}

.block60 {
    float: left;
    width: 50%;
    padding: 0 5%;
}

.block40 {
    float: left;
    width: 35%;
    padding: 0 5% 0 0;
}

.block3-5 {
    float: left;
    width: 95%;
    padding: 0 5% 0 0;
}

.block3 h2, .block3-5 h2 {
    text-transform: uppercase;
    margin: 15px 0 10px 0;
}

.intpr {
    float: left;
    width: 100%;
    font-size: 0;
}

.intpr li {
    width: 23%;
    margin: 5px 1% 15px 1%;
    list-style-type: none;
    min-height: 75px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
}

.intpr li img {
    float: left;
    width: 40px;
    margin: 0 20px 0 0;
}

.intpr li p {
    overflow: hidden;
    color: #32648f;
    font-size: 13px;
}


.block60 .imgfilter {
    float: left;
    width: 100%;
}

.block60 .imgfilter img {
    float: left;
    width: 100%;
}

.etapi {
    float: left;
    width: 100%;
    margin: 10px 0;
}

.etapi li {
    float: left;
    width: 100%;
    list-style-type: none;
    margin: 10px 0;
}

.etapi li .num {
    float: left;
    width: 24px;
    height: 24px;
    line-height: 1.5;
    margin: 0 15px 0 0;
    background: #41b2e0;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    z-index: 5;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
}

.etapi li p {
    overflow: hidden;
    color: #32648f;
    font-size: 13px;
}

.block40 .rejtotz {
    float: left;
    width: 100%;
    margin: 5px 0;
}

.block40 .rejtotz .rejt {
    float: left;
    margin: 5px 0 0 0;
}

.block40 .rejtotz .otz {
    float: right;
    background: url(../img/otz2.png) 5px no-repeat #eb5022;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 7px 10px 7px 35px;
    z-index: 5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    behavior: url(js/PIE.htc);
    transition: all 0.5s;
}

.block40 .rejtotz .otz:hover {
    background: url(../img/otz2.png) 5px no-repeat #eb5022;
    opacity: 0.8;
}

.block40 .rejtotz .otz span {
    text-transform: none;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}

.block60 .image {
    position: relative;
}


.block60 .image .kod {
    float: left;
    width: auto;
    padding: 5px 10px;
    position: absolute;
    background: #fff;
    color: #333;
    top: 8px;
    right: 0;
    display: block;
    font-size: 13px;
    z-index: 5;
    box-shadow: 0px 0px 1px #666;
    -webkit-box-shadow: 0px 0px 1px #666;
    -moz-box-shadow: 0px 0px 1px #666;
    -khtml-box-shadow: 0px 0px 1px #666;
    z-index: 5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}


/*
int p end
*/


.news {
    float: left;
    width: 100%;
    font-size: 0;
}

.news li {
    display: inline-block;
    vertical-align: top;
    min-height: 180px;
    width: 49%;
    margin: 10px 0.5%;
    list-style-type: none;
    position: relative;
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    box-sizing: border-box;
    border: 2px solid #fff;
}

.news li:hover {
    position: relative;
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: 2px solid #d1471d;
}

.news li .img {
    position: relative;
    float: left;
    width: 48%;
    margin: 10px 2% 10px 0;
    height: 160px;
    overflow: hidden;
    position: relative;
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    box-sizing: border-box;
    border: 5px solid #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.news li .img img {
    /*float: left;
    width: 100%;*/
}

.news li .text {
    float: left;
    width: 46%;
    margin: 0 2%;
}

.news li .text .zag {
    float: left;
    width: 100%;
    margin: 5px 0 5px 0;
    color: #d1471d;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}

.news li .text .zag:hover {
    text-decoration: none;
}

.news li .text div {
    float: left;
    width: 100%;
    color: #4c4c4c;
    font-size: 13px;
    font-weight: 100;
    margin: 0 0 5px 0;
}

.news li .img .vidosik {
    float: left;
    min-height: auto;
    width: auto;
    padding: 7px 20px 7px 20px;
    position: absolute;
    background: #047ac0;
    color: #fff;
    right: 0;
    top: 20px;
    display: block;
    font-size: 13px;
    z-index: 5;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    transition: all 0.5s;
    opacity: 0.8;
    border: 2px solid #fff;
}

.news li:hover .img .vidosik {
    background: #047ac0;
    opacity: 1;
}

.fmenu {
    display: none;
}

.imgblogint {
    float: left;
    margin: 0 20px 0 0;
    width: 50%;
}

.blogint p {
    float: none;
    width: auto;
}


.slidermain .slick-dots {
    bottom: -20px;
}

.slidermain img {
    margin: 0 auto;
    width: 100%;
}

.razd .brand .brand0 {
}

.sliderrazd .slick-slide {
    height: 100px;
    margin: 10px 10px;
}

.sliderrazd .slick-slide img {
    height: 100%;
    transition: 1s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(grayscale.svg);
    filter: gray;
}

.sliderrazd .slick-slide:hover img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
    filter: none;
    transition: 1s;
}


.sliderrazd .slick-prev {
    left: -10px;
    z-index: 999;
}

.sliderrazd .slick-next {
    right: -10px;
    z-index: 999;
}

.proizvoditeli .slick-slide {
    height: 145px;
    margin: 10px 10px;
}

.proizvoditeli .slick-slide img {
    height: 100%;
    transition: 1s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(grayscale.svg);
    filter: gray;
}

.proizvoditeli .slick-slide:hover img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
    filter: none;
    transition: 1s;
}


.proizvoditeli .slick-prev {
    left: -10px;
    z-index: 999;
}

.proizvoditeli .slick-next {
    right: -10px;
    z-index: 999;
}


/*
new kot
*/

.block60 .zagpodtov {
    float: left;
    display: block;
    width: auto;
    padding: 7px 5%;
    margin: 10px 0 0 0;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    color: #58585a;
    position: relative;
    background: #fff;
    border: 1px solid #f2f2f2;
    box-sizing: border-box;
    position: relative;
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}


.block60 .cat li {
    min-height: 290px;
    height: 290px;
}

.block60 .cat li .img {
    height: 120px;
}

.block60 .cat li .text .zag {
    font-size: 12px;
    font-weight: 400;
}

.block60 .cat li .text .prbuy p {
    width: 100%;
    text-align: center;
}

.block60 .cat li .text .prbuy p span {
    font-size: 18px;
}

.block60 .cat li .text .prbuy p span, .block60 .cat li .text .prbuy p span.grn {
    float: none;
}

.block60 .cat li .text .prbuy .numbuy .buy {
    float: left;
    width: 80%;
    margin: 5px 10% 0;
    padding: 0 5% 0 20%;
    box-sizing: border-box;
    text-indent: 10px;
    font-size: 15px;
    line-height: 2.6;
}

/*
callus
*/

.callus {
    float: left;
    width: 100%;
    margin: 10px 0%;
    padding: 5px 2%;
    color: #58585a;
    font-size: 14px;
    border: 1px solid #f2f2f2;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.callus p {
    float: left;
    text-align: center;
    margin-bottom: 5px;
}

.callus p span {

}

.callus p span.big {
    color: #58585a;
    font-size: 19px;
    font-weight: 700;
    margin: 0 5px;
}


.ask {
    float: left;
    width: auto;
    margin: 0 5px 5px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    padding: 7px 10px 7px 40px;
    text-decoration: none;
    background: url(../img/ask.png) 5% center no-repeat #eb5022;
    transition: 0.5s;
    opacity: 0.8;
    position: relative;
    z-index: 2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.ask:hover {
    background: url(../img/ask.png) 5% center no-repeat #eb5022;
    opacity: 1;
}

.call {
    float: left;
    width: auto;
    margin: 0 5px 5px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    padding: 7px 10px 7px 40px;
    text-decoration: none;
    background: url(../img/call.png) 5% center no-repeat #eb5022;
    transition: 0.5s;
    opacity: 0.8;
    position: relative;
    z-index: 2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.call:hover {
    background: url(../img/call.png) 5% center no-repeat #eb5022;
    opacity: 1;
}

.kod {
    float: left;
    width: auto;
    padding: 5px 10px;
    margin: 0 0 5px 0;
    background: #fff;
    color: #333;
    display: block;
    font-size: 13px;
    z-index: 5;
    box-shadow: 0px 0px 1px #666;
    -webkit-box-shadow: 0px 0px 1px #666;
    -moz-box-shadow: 0px 0px 1px #666;
    -khtml-box-shadow: 0px 0px 1px #666;
    position: relative;
    z-index: 5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}

.filters li span.arrownone {
    display: none;
}


/*
news2
*/


.news2 {
    float: left;
    width: 100%;
    font-size: 0;
}

.news2 li {
    display: inline-block;
    vertical-align: top;
    min-height: 240px;
    width: 24%;
    margin: 10px 0.5%;
    list-style-type: none;
    position: relative;
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    box-sizing: border-box;
    border: 2px solid #fff;
}

.news2 li:hover {
    position: relative;
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: 2px solid #d1471d;
}

.news2 li .img {
    position: relative;
    float: left;
    width: 96%;
    margin: 10px 2% 0 2%;
    height: 160px;
    overflow: hidden;
    position: relative;
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    box-sizing: border-box;
    border: 5px solid #fff;
}

.news2 li .img img {
    float: left;
    width: 100%;
}

.news2 li .text {
    float: left;
    width: 96%;
    margin: 0 2%;
}

.news2 li .text .zag {
    float: left;
    width: 100%;
    margin: 5px 0 5px 0;
    color: #d1471d;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}

.news2 li .text .zag:hover {
    text-decoration: none;
}

.news2 li .text div {
    float: left;
    width: 100%;
    color: #4c4c4c;
    font-size: 13px;
    font-weight: 100;
    margin: 0 0 5px 0;
}

.news2 li .img .vidosik {
    float: left;
    min-height: auto;
    width: auto;
    padding: 7px 20px 7px 20px;
    position: absolute;
    background: #eb5022;
    color: #fff;
    right: 0;
    top: 20px;
    display: block;
    font-size: 13px;
    z-index: 5;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    transition: all 0.5s;
    opacity: 0.8;
    border: 2px solid #fff;
}

.news2 li:hover .img .vidosik {
    background: #eb5022;
    opacity: 1;
}


/*
news3
*/


.news3 {
    float: left;
    width: 100%;
    font-size: 0;
}

.news3 li {
    display: inline-block;
    vertical-align: top;
    min-height: 180px;
    width: 24%;
    margin: 10px 0.5%;
    list-style-type: none;
    position: relative;
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    box-sizing: border-box;
    border: 2px solid #fff;
}

.news3 li:hover {
    position: relative;
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: 2px solid #d1471d;
}

.news3 li .img {
    position: relative;
    float: left;
    width: 96%;
    margin: 10px 2% 0 2%;
    height: 150px;
    overflow: hidden;
    position: relative;
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    box-sizing: border-box;
    border: 5px solid #fff;
}

.news3 li .img img {
    float: left;
    width: 100%;
}

.news3 li .text {
    float: left;
    width: 96%;
    margin: 0 2%;
}

.news3 li .text .zag {
    float: left;
    width: 100%;
    margin: 5px 0 5px 0;
    color: #d1471d;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}

.news3 li .text .zag:hover {
    text-decoration: none;
}

.news3 li .text div {
    float: left;
    width: 100%;
    color: #4c4c4c;
    font-size: 13px;
    font-weight: 100;
    margin: 0 0 5px 0;
}


.news3 li .img .vidosik {
    float: left;
    min-height: auto;
    width: auto;
    padding: 7px 20px 7px 20px;
    position: absolute;
    background: #047ac0;
    color: #fff;
    right: 0;
    top: 20px;
    display: block;
    font-size: 13px;
    z-index: 5;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    transition: all 0.5s;
    opacity: 0.8;
    border: 2px solid #fff;
}

.news3 li:hover .img .vidosik {
    background: #047ac0;
    opacity: 1;
}


.news3 li .text .seepr {
    float: left;

    width: 70%;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    padding: 7px 0;
    margin: 0 15% 10px;
    text-indent: 0;
    text-decoration: none;
    background: #eb5022;
    position: relative;
    z-index: 2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.news3 li .text .seepr:hover {
    background: #b83f1a;
}


ul.imggal {
    float: left;
    width: 100%;
}

ul.imggal li {
    float: left;
    width: 100%;
    list-style-type: none;
    margin: 0 0 20px 0;
}

ul.imggal li a {
    float: left;
    width: 100%;
    position: relative;
    z-index: 2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    overflow: hidden;
}

ul.imggal li a img {
    float: left;
    width: 100%;
}

.kratinf {
    float: left;
    width: 100%;
    padding: 5px 0;
    position: relative;
    z-index: 2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    background: #f5f5f5;
}

ul.mainkh {
    float: left;
    width: 100%;
}

ul.mainkh li {
    float: left;
    width: 100%;
    list-style-type: none;
    margin: 5px 0;
    padding: 0;
    border: 0;
    font-size: 17px;
    font-weight: 300;
    color: #000;
}

ul.mainkh li img {
    float: left;
}

ul.mainkh li span {
    font-size: 15px;
    font-weight: 400;
    color: #000;
}

ul.mainkh li span.img {
    float: left;
    width: 30px;
    display: flex;
    margin: 0 auto;
}

ul.mainkh li span.img i {
    font-size: 17px;
    display: flex;
    margin: 3px auto 0;
}


.block65 {
    float: left;
    width: 55%;
    padding: 0 5% 0 0;
}

.zb65 {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.minmax_0 {
    float: left;
    border: 1px solid #a6c9e2;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    behavior: url(js/PIE.htc)
}

.minmax_1 {
    float: right;
    border: 1px solid #a6c9e2;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    behavior: url(js/PIE.htc)
}

.minmax_0, .minmax_1 {
    width: 30%;
    padding: 2px 1%;
    z-index: 2;
    position: relative
}


.modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    background: rgba(255, 255, 255, 0.7);
    z-index: -1000;
    -webkit-transition: opacity 0ms ease-in;
    -moz-transition: opacity 0ms ease-in;
    transition: opacity 0ms ease-in;
    opacity: 0;
    pointer-events: none
}

.modal:target {
    opacity: 1;
    pointer-events: auto;
    z-index: 10000;
}

.modal > div {
    width: 312px;
    background: #ffffff;
    position: relative;
    margin: 10% auto;
    -webkit-animation: minimise 500ms linear;
    padding: 30px 20px 30px 20px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.9);
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.9);
    text-shadow: 0 1px 0 #fff;
    height: 200px
}

.modal:target > div {
    -webkit-animation-name: bounce
}

.modal h2 {
    font-size: 36px;
    padding: 0 0 20px
}

.modal a#close {
    position: absolute;
    right: 0;
    top: 0;
    color: transparent
}

.modal a#close:focus {
    outline: none
}

.modal a#close:after {
    content: 'X';
    display: block;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    padding: 1px 1px 1px 2px;
    text-decoration: none;
    text-shadow: none;
    text-align: center;
    font-weight: bold;
    background: #000;
    color: #ffffff;
    border: 2px solid #000;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5)
}

.modal a#close:focus:after,
.modal a#close:hover:after {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1)
}

.modal a#close:focus:after {
    outline: 0px solid #000
}

.ajax_form input#contact_name,
.ajax_form input#contact_phone,
.ajax_form input#contact_email,
.ajax_form textarea#contact_message {
    box-sizing: border-box;
    width: 100%;
    padding: 14px 0 14px 10px;
    margin: 7px 0 7px 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    float: left;
    font-size: 15px;
    color: #738da3
}

.ajax_form input#submit {
    float: left;
    font-size: 15px;
    height: 58px;
    width: 312px;
    padding: 0px;
    margin: 10px 0;
    color: #333;
    font-weight: bolder;
    border: 0;
    background: #ffdd1d;
    border-bottom: 2px solid #FD9100;
    position: relative;
    z-index: 16;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    behavior: url(js/PIE.htc);
    line-height: 3.8 \9;
    float: left \9;
    display: block \9;
    overflow: hidden \9;
    margin-left: 0px \9
}

.ajax_form input#submit:hover {
    cursor: pointer;
    color: #333;
    background: #FD9100
}

input#comment-name,
input#comment-email,
input#comment-captcha {
    border: 1px solid #ccc;
    width: 30%;
    padding: 10px 2%;
    margin: 5px 0;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px
}

#comment-editor {
    border: 1px solid #ccc;
    padding: 10px 2%;
    margin: 5px 0;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px
}

.ticket-comment-author {
    margin-left: 0px !important;
}

.markItUpHeader ul {
    padding-left: 0px !important;
    margin: 0px !important;
}

#comment-form div {
    margin: 0;
}

.markItUpHeader ul li {
    list-style: none;
    float: left;
    position: relative;
    margin: 0;
}

.formzak div input#submit, input.btn-primary, input.btn-default {
    float: left;
    height: auto;
    background: none;
    border: 0;
    width: auto;
    margin: 10px auto 0px;
    padding: 10px 40px;
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    background: #047ac0;
    transition: 0.3s;
    position: relative;
    z-index: 10;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    cursor: pointer;
}

.comments li {
    margin: 0;
}

.comments a {
    color: #32648f;
}


/*korz*/


strong {
    color: #58585a;
    font-weight: bold;
}

.row {
    width: 100%;
    float: left;
}

fieldset {
    border: 0
}

#msCart table,
#msCart table tbody {
    width: 100%;
    display: table;
    border-collapse: collapse;
    margin: 0px;
    box-shadow: none;
}

#msCart table tbody th {
    border-bottom: 1px solid #f2f2f2;
    background-color: #fafafa;
    border-collapse: separate;
    color: #454545;
    padding: 10px;
    border: 1px solid #e0e0e0;
}

#msCart table tbody tr {
    border-bottom: 0;
    border-collapse: separate;
    border-bottom: 1px solid #f2f2f2;
    margin-top: 5px;
}

#msCart table th:first-child,
#msCart table td:first-child {

}

#msCart table td {
    border: 1px solid #e0e0e0;
}

#msCart .title {
    text-align: center !important
}

#msCart button {
    float: right;
    padding: 0px 10px;
    background: #57CEFF;
    font-size: 10px;
    font-style: normal;
    text-decoration: none;
    color: #fff;
    text-align: center;
    height: 24px;
    line-height: 2.4;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    z-index: 5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    behavior: url(js/PIE.htc);
    border: 0;
    cursor: pointer
}

#msCart button:hover {
    background: #7CCCED;
    color: #fff
}

#msCart .remove button {
    float: none;
    background: url(../img/delll2.png) center 0px no-repeat;
    font-size: 0
}

#msCart .remove button:hover {
    background: url(../img/delll2.png) center -24px no-repeat;
}

#msCart table tbody tr.header td,
#msCart table tbody tr.header th,
#msCart table tbody tr.footer td,
#msCart table tbody tr.footer th {
    font-weight: bolder
}

#msOrder div input,
.input-sm {
    padding: 7px 1%;
    border: 1px solid #e5e5e5;
    position: relative;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    behavior: url(js/PIE.htc)
}

#msCart a {
    color: #32648f
}

#msCart a:hover {
    color: #000;
    text-decoration: none
}

.content .span6 {
    border: 1px solid #dedede;
    box-sizing: border-box;
    width: 100%;
    margin: 10px 0;
    padding: 3px 3%;
    background: #fafafa;
    position: relative;
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    behavior: url(js/PIE.htc)
}

.content .ms2_form .span6 {
    width: 42%;
    margin: 10px 2%;
    padding: 3px 1%
}

.content .ms2_form #deliveries {
    margin: 10px 0;
    padding: 3px 0;
}

.content .ms2_form #payments {
    margin: 10px 0;
    padding: 3px 0;
}

.content .ms2_form .row .form-group {
    width: 46%;
    margin: 5px 2%
}

.content .ms2_form #deliveries .form-group,
.content .ms2_form #payments .form-group {
    width: 100%;
    margin: 5px 0
}

#msOrder .row .form-group input {
    padding: 7px 5%
}

.span6-num {
    position: absolute;
    left: -25px;
    top: -5px;
    float: left;
    text-align: center;
    font-size: 17px;
    line-height: 2;
    font-weight: 700;
    color: #fff;
    background: #ff8126;
    height: 34px;
    width: 34px !important;
    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    -khtml-border-radius: 17px
}

.span6 .titlemsorder,
.well .titlemsorder {
    font-weight: bolder
}

.span6 div {
    margin: 3px 0
}

.well button {
    transition: 0.3s;
    padding: 0px 10px;
    background: #047ac0;
    font-size: 17px;
    font-style: normal;
    text-decoration: none;
    color: #fff;
    text-align: center;
    height: 40px;
    line-height: 2.4;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    z-index: 5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    behavior: url(js/PIE.htc);
    border: 0;
    cursor: pointer
}

.well button:hover {
    opacity: 0.9;
    background: #11367d;
    color: #fff
}

#comment {
    width: 98%;
    height: 80px;
    border: 1px solid #ccc;
    padding: 10px 2%;
    box-sizing: border-box;
    position: relative;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px
}

#msOrder .row .form-group input {
    width: 88%;
}

.content .ms2_form #deliveries input,
.content .ms2_form #payments input {
    width: auto;
}

.comments #comments-wrapper div {
    margin: 10px 0
}

.content div.well {
    float: left;
    width: 100%
}

.content div.well div {
    float: right;
    width: auto
}

.content div.well .titlemsorder1 {
    width: 100%;
    margin: 5px 0;
    font-weight: 700;
    font-size: 19px;
    text-align: right
}

.content div.well button {
    float: right
}

.titlemsorder {
    text-indent: 10px
}

#msCart table tbody tr.footer {
    background: #f2f2f2;
}

#msCart table tbody tr.footer th {
    border: 1px solid #e0e0e0;
}

#msCart {
    margin-bottom: 20px;
}

#mse2_selected_wrapper {
    margin: 0 !important;
    min-height: 0 !important;
}

#mse2_selected_wrapper strong {
    float: left;
    margin-top: 3px;
}

#mse2_selected {
    z-index: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    float: left;
    margin: 13px 1.5%;
}

#mse2_selected_wrapper #mse2_selected a {
    text-decoration: none;
    margin: 0 5px 2px;
    padding: 3px 7px;
    float: left;
}

#mse2_selected_wrapper #mse2_selected a em {
    float: left;
}

#mse2_selected_wrapper #mse2_selected a sup {
    float: left;
    margin: 2px 2px 0 5px;
    background: #f2f2f2;
    padding: 0 5px;
    z-index: 5;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}

#mse2_selected_wrapper #mse2_selected a:hover {
    background: #f2f2f2;
    z-index: 5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}

#mse2_selected_wrapper #mse2_selected a:hover em {
    color: #777;
}

#mse2_selected_wrapper #mse2_selected a:hover sup {
    color: #000;
    background: #ffdd1d;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    background: rgba(255, 255, 255, 0.7);
    z-index: -1000;
    -webkit-transition: opacity 0ms ease-in;
    -moz-transition: opacity 0ms ease-in;
    transition: opacity 0ms ease-in;
    opacity: 0;
    pointer-events: none
}

.modal:target {
    opacity: 1;
    pointer-events: auto;
    z-index: 10000;
}

.modal > div {
    width: 312px;
    background: #ffffff;
    position: relative;
    margin: 10% auto;
    -webkit-animation: minimise 500ms linear;
    padding: 30px 20px 30px 20px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.9);
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.9);
    text-shadow: 0 1px 0 #fff;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modal:target > div {
    -webkit-animation-name: bounce
}

.modal h2 {
    font-size: 36px;
    padding: 0 0 20px
}

.modal a#close {
    position: absolute;
    right: 0;
    top: 0;
    color: transparent
}

.modal a#close:focus {
    outline: none
}

.modal a#close:after {
    content: 'X';
    display: block;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    padding: 1px 1px 1px 2px;
    text-decoration: none;
    text-shadow: none;
    text-align: center;
    font-weight: bold;
    background: #000;
    color: #ffffff;
    border: 2px solid #000;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5)
}

.modal a#close:focus:after,
.modal a#close:hover:after {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1)
}

.modal a#close:focus:after {
    outline: 0px solid #000
}

.ajax_form input#contact_name,
.ajax_form input#contact_phone,
.ajax_form input#contact_email,
.ajax_form textarea#contact_message {
    box-sizing: border-box;
    width: 100%;
    padding: 14px 0 14px 10px;
    margin: 7px 0 7px 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    float: left;
    font-size: 15px;
    color: #738da3
}

.ajax_form input#submit {
    float: left;
    font-size: 15px;
    height: 58px;
    width: 312px;
    padding: 0px;
    margin: 10px 0;
    color: #ffff;
    font-weight: bolder;
    border: 0;
    background: #eb5022;
    position: relative;
    z-index: 16;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    behavior: url(js/PIE.htc);
    line-height: 3.8 \9;
    float: left \9;
    display: block \9;
    overflow: hidden \9;
    margin-left: 0px \9
}

.ajax_form input#submit:hover {
    cursor: pointer;
    color: #333;
    background: #FD9100
}

div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer {
    border: 0 !important;
    color: #fff !important;
}

.control-label {
    display: block;
}

.content div.order_user {
    width: 70%;
    margin: 0 15%;
}

.content div.well div.totalPriceProduct {
    float: left;
    font-size: 19px;
    font-weight: bold;
    margin-right: 15px;
}

.slick-slider {
    margin-bottom: 0px !important;
}

.comments {
    margin: 0 !important;
}

.option-row {
    display: block;
    margin: 10px 0;
}

.option-caption {
    font-size: 14px;
}

.option-value {
    font-size: 14px;
    font-weight: 600;
}

.vm70 {
    overflow: auto
}

.mainmenu ul li ul li ul {
    top: unset
}

.ajax_form .error {
    border: 1px solid brown !important;
}

td.image, td.price, td.remove {
    text-align: center;
}


.polylang {
    display: flex;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-direction: column;
    align-items: center;
    margin-left: 20px;
}

.polylang li {
    margin: 0;
    padding: 0;
}

.polylang .inner {
    display: block;
    /* padding: 8px 14px; */
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    color: #999;
    border-bottom: 2px solid transparent;
    transition: all 0.2s;
}

.polylang .inner:hover {
    color: #333;
    border-bottom-color: #ddd;
}

.polylang .inner.active,
.polylang li.active .inner {
    color: #eb5022;
    border-bottom-color: #eb5022;
}

/* Таблиці в контенті */
.content table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 14px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.content table thead {
    background: #2196F3;
    color:  #fff;
}

.content table thead th {
    padding: 12px 15px;
    text-align: left;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.content table tbody tr {
    border-bottom: 1px solid #ddd;
    transition: background 0.2s ease;
}

.content table tbody tr:hover {
    background: #f5f5f5;
}

.content table tbody tr:last-child {
    border-bottom: none;
}

.content table tbody td {
    padding: 12px 15px;
    color: #333;
}

.content table tbody tr:nth-child(even) {
    background: #f9f9f9;
}

.content table tbody tr:nth-child(even):hover {
    background: #f0f0f0;
}

/* Адаптивність */
@media (max-width: 768px) {
    .content table {
        font-size: 12px;
    }

    .content table thead th,
    .content table tbody td {
        padding: 8px 10px;
    }
}

@media (max-width: 600px) {
    .content table {
        display: block;
        overflow-x: auto;
        /*white-space: nowrap;*/
        -webkit-overflow-scrolling: touch;
    }
}

#msOrder {
    margin-top: 0px !important;
    display: flex;
    flex-direction: column;
    width: 100%;
}

#msOrder .order_user {
    width: 100%;
    margin: auto;

}

#msOrder div {
    float: none;
    width: auto;
    margin: 0px;
}

#msOrder .form-group {
    width: auto;
    margin: 0px;
}

#msOrder .row  .form-group input{
    width: auto;
    margin: 0px;
    padding: 7px 1%;
}

#msOrder #comment {
    width: auto;
}

/*Credentials*/
#msOrder .ms2-frontend-credentials {
    margin: 0 auto;
    padding: 0;
}

#msOrder .ms2-frontend-credentials h4 {
    margin:  0 0 25px 0;
    font-size:  18px;
    font-weight:  600;
    color: #333;
}

#msOrder .ms2-frontend-credentials .form-group {
    margin-bottom: 15px;
}

#msOrder .ms2-frontend-credentials .col-sm-6 {
    width: 100%;
    padding: 0;
}

#msOrder .ms2-frontend-credentials .form-control {
    width: 100%!important;
    height: 45px;
    padding: 10px 15px!important;
    font-size: 14px;
    color: #333;
    background:  #fff;
    border: none;
    border: 2px solid #e0e0e0;
    border-radius: 0;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

#msOrder .ms2-frontend-credentials .form-control:focus {
    outline: none;
    border-bottom-color: #2196F3;
    background: #fafafa;
}

#msOrder .ms2-frontend-credentials textarea.form-control {
    height: 100px;
    padding-top:  12px;
    resize: none;
}

#msOrder .ms2-frontend-credentials .form-control::placeholder {
    color: #aaa;
    font-size: 13px;
}

#msOrder .ms2-frontend-credentials .form-control. error {
    border-bottom-color: #f44336;
}

@media (max-width: 768px) {
    #msOrder .ms2-frontend-credentials .form-control {
        font-size: 13px;
        height: 42px;
    }
}

/* Conteiner delivery */
#msOrder .ms-deliveries {
    margin: 30px auto 0;
    padding: 0;
}

#msOrder .ms-deliveries h4 {
    margin:  0 0 25px 0;
    font-size:  18px;
    font-weight:  600;
    color: #333;
}

#msOrder .ms-deliveries .form-group {
    margin-bottom: 0;
}

#msOrder .ms-deliveries .col-sm-6 {
    width: 100%;
    padding:  0;
}

#msOrder .ms-deliveries .checkbox {
    margin-bottom: 5px;
}

#msOrder .ms-deliveries .checkbox:last-child {
    margin-bottom: 0;
}

#msOrder .ms-deliveries .delivery {
    display: block;
    width: 100%;
    padding: 5px 15px;
    font-size: 14px;
    color: #333;
    background:  #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    box-sizing: border-box;
    margin:  0;
    position: relative;
    padding-left: 45px;
}

#msOrder .ms-deliveries .delivery:hover {
    border-color: #bbb;
    background: #fafafa;
}

#msOrder .ms-deliveries .delivery input[type="radio"] {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
    accent-color: #2196F3;
}


#msOrder .ms-deliveries .delivery:has(input:checked) {
    /*border-color: #eb5022;
    background: #fafafa;*/
}

#msOrder .ms-deliveries .delivery:has(input:focus) {
    outline: none;
    border-color: #2196F3;
    box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.1);
}

@media (max-width: 768px) {
    #msOrder .ms-deliveries {
        padding: 0 10px;
        margin-top: 20px;
    }

    #msOrder .ms-deliveries h4 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    #msOrder .ms-deliveries .delivery {
        font-size: 13px;
    }

    #msOrder .ms-deliveries .checkbox {
        margin-bottom: 12px;
    }
}

@media (max-width: 480px) {
    #msOrder .ms-deliveries {
        max-width: 100%;
    }

    #msOrder .ms-deliveries .delivery {
        font-size: 14px;
    }
}

/* Container payments */
#msOrder .ms-payments {
    margin: 30px auto 0;
    padding: 0;
}

#msOrder .ms-payments h4 {
    margin:  0 0 25px 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

#msOrder .ms-payments .form-group {
    margin-bottom: 0;
}

#msOrder .ms-payments .col-sm-6 {
    width: 100%;
    padding: 0;
}

#msOrder .ms-payments .checkbox {
    margin-bottom: 5px;
}

#msOrder .ms-payments .checkbox:last-child {
    margin-bottom: 0;
}

#msOrder .ms-payments .payment {
    display: block !important;
    width: 100%;
    padding: 5px 15px;
    font-size: 14px;
    color: #333;
    background: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    box-sizing: border-box;
    margin: 0;
    position: relative;
    padding-left: 45px;
}

#msOrder .ms-payments .payment:hover {
    border-color: #bbb;
    background: #fafafa;
}

#msOrder .ms-payments .payment input[type="radio"] {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
    accent-color: #2196F3;
}

#msOrder .ms-payments .payment:has(input:checked) {
    /*border-color: #eb5022;
    background: #fafafa;*/
}

#msOrder .ms-payments .payment:has(input:focus) {
    outline: none;
    border-color:  #2196F3;
    box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.1);
}

@media (max-width: 768px) {
    #msOrder .ms-payments {
        padding: 0 10px;
        margin-top:  20px;
    }

    #msOrder .ms-payments h4 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    #msOrder .ms-payments .payment {
        font-size: 13px;
    }

    #msOrder .ms-payments .checkbox {
        margin-bottom: 12px;
    }
}

@media (max-width: 480px) {
    #msOrder .ms-payments {
        max-width: 100%;
    }

    #msOrder .ms-payments .payment {
        font-size: 14px;
    }
}

#msOrder .choices__inner {
    width: 100% !important;
}

#msOrder .choices__list--dropdown, .choices__list[aria-expanded] {
    width: 100% !important;
}

#msOrder .msnp .mb-3 {
    margin-bottom: 10px !important;
}

#msOrder .choices {
    overflow: inherit!important;
}

#msOrder .well {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}

#msOrder .well .well-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.choices__list--dropdown, .choices__list[aria-expanded] {
    z-index: 9999!important;
}

.ms-novaposhta-address {
    width: 100%;
}

.msorder-wrapper {
    display: flex;
    gap: 20px;
}

#comment-captcha {
    width: auto!important;
}