.myWinError {
    color: #fff !important;
}
.text-red {
    color: #ed145b !important;
}
.basket-view .basket-body .basketclear {
    display: block;
    padding: 5px 10px 0;
    text-decoration: none;
    font-size: 15px !important;
    color: #444;
}


/* Скрыть для мобильных устройств */
.show-on-mobile { display: none; }
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .hide-on-mobile { display: none; }}

/* Показать только на мобильных устройствах */
.show-on-mobile { display: none; }
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .show-on-mobile { display: inline; }}

.smcat h3 {
    font-size: 16px;
}


.h-top {
    z-index: 2 !important;
}
@media (max-width: 640px) {.h-top {margin-top: 50px !important;} } 

.h-top .basket-body {
    background: #F2F2F2;
    position: absolute;
    width: 150%;
    padding: 20px 0 0;
    left: 0;
    top: 70px !important;
    z-index: 9999 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

@media (max-width: 640px) {.section-padding {
    padding: 10px 0;
} } 
@media (max-width: 640px) {.mb-80 {
    margin-bottom: 20px !important;
} } 



/*-----------------------------------------------------------------------------------*/
/*	DIVIDERS
/*-----------------------------------------------------------------------------------*/
.divide0 {
  width: 100%;
  height: 0px; }

.divide2 {
  width: 100%;
  height: 2px; }

.divide3 {
  width: 100%;
  height: 3px; }

.divide5 {
  width: 100%;
  height: 5px; }

.divide10 {
  width: 100%;
  height: 10px; }

.divide15 {
  width: 100%;
  height: 15px; }

.divide20 {
  width: 100%;
  height: 20px; }

.divide25 {
  width: 100%;
  height: 25px; }

.divide30 {
  width: 100%;
  height: 30px; }

.divide35 {
  width: 100%;
  height: 35px; }

.divide40 {
  width: 100%;
  height: 40px; }

.divide45 {
  width: 100%;
  height: 40px; }

.divide50 {
  width: 100%;
  height: 50px; }

.divide55 {
  width: 100%;
  height: 55px; }

.divide60 {
  width: 100%;
  height: 60px; }

.divide65 {
  width: 100%;
  height: 65px; }

.divide70 {
  width: 100%;
  height: 70px; }

.divide75 {
  width: 100%;
  height: 75px; }

.divide80 {
  width: 100%;
  height: 80px; }

.divide85 {
  width: 100%;
  height: 85px; }

.divide90 {
  width: 100%;
  height: 90px; }

.divide100 {
  width: 100%;
  height: 100px; }

/*margins*/
.margin10 {
  margin-bottom: 10px; }

.margin20 {
  margin-bottom: 20px; }

.margin30 {
  margin-bottom: 30px; }

.margin40 {
  margin-bottom: 40px; }

.no-padding {
  padding: 0px; }

.no-padding.gray {
  background-color: #f5f5f5; }

.no-padding-inner h3 {
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 40px; }

.no-padding-inner {
  padding: 60px; }

@media (max-width: 568px) {
  .no-padding-inner {
    padding: 15px; } }
.margin-0 {
  margin: 0px !important; }

/* Typography Template Name: Z-Theme - Responsive Bootstrap Template
http://mamoot-themes.com/theme-preview/z-theme-1-2/index.html
 ================================================== */

.title,
.subtitle {
 margin: 0;
 padding: 0;
}

.section-heading-page {
 margin-bottom: 40px;
 padding: 20px 0;
 color: black;
 border-bottom: 1px solid #ddd;
 background-color: #f7f7f7;
}

.heading-page {
 font-size: 27px;
 font-weight: 300;
 margin: 0;
}

.text-theme-xs,
.text-theme,
.text-theme-sm,
.text-theme-lg {
 margin: 0;
}

.text-theme-xs + .text-theme-xs {
 margin-top: 6px;
 margin-bottom: 0;
}

.text-theme-sm + .text-theme-sm {
 margin-top: 10px;
 margin-bottom: 0;
}

.text-theme + .text-theme {
 margin-top: 16px;
 margin-bottom: 0;
}

.text-theme-lg + .text-theme-lg {
 margin-top: 22px;
 margin-bottom: 0;
}

.text-theme + .btn.text-theme {
 margin-top: 20px;
}

.title-xs {
 font-size: 14px;
 font-weight: 700;
 margin: 0;
}

.title-sm {
 font-size: 20px;
 font-weight: 700;
 margin: 0;
}

.title-md {
 font-size: 24px;
 font-weight: 300;
 line-height: 28px; 
 margin: ;
}

.title-lg {
 font-size: 30px;
 font-weight: 800;
 margin-bottom: 20px;
}

.title-xl {
 font-size: 38px;
 font-weight: 800;
 margin: 0;
}

.title-2-xl {
 font-size: 56px;
 font-weight: 800;
 margin: 0;
}

.title-404 {
 font-size: 140px;
 margin: 0;
}

.subtitle-404 {
 font-size: 20px;
 font-weight: 400;
}

.title-bg {
 display: inline-block;
 padding: 10px 8px;
 color: white;
 background-color: #d14f30;
}

.title-v2 {
 font-size: 18px;
 font-weight: 300;
 margin-top: 0;
 margin-bottom: 16px;
 padding-bottom: 14px;
 padding-left: 25px;
 border-bottom: solid 1px #ddd;
 border-left: solid 1px #d14f30;
}

.headline {
 font-size: 24px;
 font-weight: 300;
 display: block;
 margin: 0;
 margin-bottom: 0;
 padding-bottom: 20px;
 border-bottom: solid 1px #ddd;
}

.title-2-xl.hr:after,
.title-xl.hr:after,
.title-lg.hr:after,
.title-md.hr:after,
.title-sm.hr:after,
.title-xs.hr:after {
 display: block;
 width: 60px;
 height: 4px;
 margin: 0 auto;
 margin-top: 20px;
 content: '';
 background-color: #d14f30;
}

.section-primary .hr:after,
.section-polygonal-primary .hr:after {
 background-color: white;
}

.title-2-xl.hr-left:after,
.title-xl.hr-left:after,
.title-lg.hr-left:after,
.title-md.hr-left:after,
.title-sm.hr-left:after,
.title-xs.hr-left:after {
 display: block;
 width: 60%;
 height: 3px;
 margin-top: 12px;
 content: '';
 background-color: #d14f30;
}

.title-2-xl.hr-full:after,
.title-xl.hr-full:after,
.title-lg.hr-full:after,
.title-md.hr-full:after,
.title-sm.hr-full:after,
.title-xs.hr-full:after {
 display: block;
 width: 100%;
 height: 3px;
 margin-top: 12px;
 content: '';
 background-color: #d14f30;
}

.title-xs.hr-before:before,
.title-sm.hr-before:before,
.title-md.hr-before:before,
.title-lg.hr-before:before,
.title-xl.hr-before:before,
.title-2-xl.hr-before:before {
 position: relative;
 display: inline-block;
 margin-right: 6px;
 content: '';
 background-color: #d14f30;
}

.title-xs.hr-before:before {
 top: 1px;
 width: 3px;
 height: 13px;
}

.title-sm.hr-before:before {
 top: 1px;
 width: 3px;
 height: 16px;
}

.title-md.hr-before:before {
 top: 1px;
 width: 3px;
 height: 19px;
}

.title-lg.hr-before:before {
 top: 1px;
 width: 4px;
 height: 24px;
}

.title-xl.hr-before:before {
 top: 1px;
 width: 5px;
 height: 29px;
}


/*--------------------- списки ---------------------*/
.zebra {
  list-style: none;
  border-left: 2px solid #ff3c00;
  padding: 0;
 margin-top:20px;
 margin-bottom:40px;
}
.zebra li {padding: 10px;}
.zebra li:nth-child(odd) {background: #f7f7f7;}
.zebra li:nth-child(even) {background: white;}

/*Списки list6b галочка */
.list6b {
    padding:0;
    list-style: none;
}
.list6b li{
    padding:6px;
}
.list6b li:before {
    padding-right:10px;
    font-weight: bold;
    color: #C0C0C0;
    content: "\2714";
    transition-duration: 0.5s;
}
.list6b li:hover:before {
    color: #337AB7;
    content: "\2714";
}    

/*Списки number2 */

ol.wsnumber2{
        display: block;
        counter-reset: wslist2;
        color:#444;
}

/* стили для ul */
ol.wsnumber2 li ul{
        margin: 1em 0 0em 1em;
        color:#777;
        transition: all 0.3s ease 0s;
        border-left: 1px solid #e3e3e3;
}

ol.wsnumber2 ul li{
        margin: 0 0 1em 2em;
        list-style: square outside;
        transition: all 0.3s ease 0s;
}
/*#end стили для ul */

ol.wsnumber2 > li {
        list-style: none;
        margin: 0 0 1em 3em;
        position:relative;
}

ol.wsnumber2 > li::before{
    background: #e3e3e3;
    border-radius: 0% 50% 50%;
    color: #333;
    content: counter(wslist2) ".";
    counter-increment: wslist2;
    display: inline-block;
    height: 32px;
    left: -40px;
    line-height: 22px;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 32px;
}

/*вложенный список ol */

ol.wsnumber2 ol{
        display: block;
        counter-reset: wslistc;
        color:#777;
        border-left: 1px solid #e3e3e3;
        padding-left:15px;
        transition: all 0.3s ease 0s;
}

ol.wsnumber2 ol li{
        margin: 1em 0 0em 3em;
        list-style: none;
        position:relative;
        transition: all 0.3s ease 0s;
}

ol.wsnumber2 li li{
        font-size: 12px;
}

ol.wsnumber2 ol li::before{
    background: #e3e3e3;
    border-radius: 0% 50% 50%;
    color: #333;
    content: counter(wslistc, lower-latin) ".";
    counter-increment: wslistc;
    display: inline-block;
    height: 32px;
    left: -40px;
    line-height: 22px;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 32px;
}

ol.wsnumber2 ol:hover, ol.wsnumber2 ul:hover{
        border-left: 1px solid #FB456C;
}

ol.wsnumber2 li li:hover{
  background: #eee;
  color:#333;
}
ol.wsnumber2 li:hover:before {
  background: #FB456C;
  color:#fff;
}

/*-------------------- почтовые формы ----------------------*/
.contact { 
                 max-width: 467px; 
                 min-width: 320px; 
                 margin: 0 auto; 
                 background: rgba(255,255,255,0.9); 
                 box-shadow: 0 0 8px rgba(0,0,0,.3); 
} 

.contact * { 
                 outline: none; 
                 border: 0; 
                 background: none; 
} 
form fieldset { 
                 display: block; 
                 padding: 25px 30px; 
} 
form .row { 
                 margin: 0 -15px; 
} 
form .col-2 { 
                 width: 50%; 
} 
form .col { 
                 float: left; 
                 min-height: 1px; 
                 padding-right: 15px; 
                 padding-left: 15px; 
                 box-sizing: border-box; 
                 -moz-box-sizing: border-box; 
} 
form .row:after { 
                 content: ''; 
                 display: table; 
                 clear: both; 
} 
                 form section { 
                 margin-bottom: 20px; 
} 
form .input, form .textarea, form .radio, form .checkbox, form .button { 
                 position: relative; 
                 display: block; 
} 
form .fa-append { 
                 position: absolute; 
                 top: 5px; 
                 right: 5px; 
                 width: 29px; 
                 height: 29px; 
                 padding-left: 3px; 
                 border-left: 1px solid #e5e5e5; 
                 font-size: 15px; 
                 line-height: 29px; 
                 text-align: center; 
                 color: #ccc; 
} 
.fa { 
                 display: inline-block; 
                 font-family: FontAwesome; 
                 font-style: normal; 
                 font-weight: normal; 
                 line-height: 1; 
                 -webkit-font-smoothing: antialiased; 
                 -moz-osx-font-smoothing: grayscale; 
} 
.fa-user:before { 
                 content: "\f007"; 
} 
.fa-envelope-o:before { 
                 content: "\f003"; 
} 
.fa-tag:before { 
                 content: "\f02b"; 
} 
.fa-comment:before { 
                 content: "\f075"; 
} 
form .input .fa-append + input, form .textarea .fa-append + textarea { 
                 padding-right: 46px; 
} 
form .input input, form .textarea textarea { 
                 display: block; 
                 box-sizing: border-box; 
                 -moz-box-sizing: border-box; 
                 width: 100%; 
                 height: 39px; 
                 padding: 8px 10px; 
                 outline: none; 
                 border: 2px solid #e5e5e5; 
                 border-radius: 0; 
                 background: #fff; 
                 font: 13px/19px 'Open Sans', Helvetica, Arial, sans-serif; 
                 color: #404040; 
                 appearance: normal; 
                 -moz-appearance: none; 
                 -webkit-appearance: none; 
                 transition: border-color 0.3s; 
                 -o-transition: border-color 0.3s; 
                 -ms-transition: border-color 0.3s; 
                 -moz-transition: border-color 0.3s; 
                 -webkit-transition: border-color 0.3s; 
} 
form .textarea textarea { 
                 height: auto; 
                 resize: none; 
                 overflow:auto; 
} 
form .input:hover input, 
form .textarea:hover textarea, 
form .checkbox:hover i { 
                 border-color: #FFEF00; /*----------------- цвет контуров полей при наведении --------------------*/
} 
form .input input:focus, 
form .textarea textarea:focus, 
form .checkbox input:focus + i { 
                 border-color: #0039A6; /*------------- цвет контуров полей при клике --------------------*/
} 
form .button { 
                 float: right; 
                 height: 39px; 
                 overflow: hidden; 
                 margin-left: 20px; 
                 padding: 0 20px; 
                 outline: none; 
                 border: 0; 
                 background-color: #0039A6; /*--------- цает кнопки ------------------*/
                 font: 300 13px/39px 'Open Sans', Helvetica, Arial, sans-serif; 
                 text-decoration: none; 
                 color: #fff; 
                 cursor: pointer; 
                 opacity: 0.8; 
                 transition: opacity 0.2s; 
                 -o-transition: opacity 0.2s; 
                 -ms-transition: opacity 0.2s; 
                 -moz-transition: opacity 0.2s; 
                 -webkit-transition: opacity 0.2s; 
} 
form .button:hover { 
                 opacity: 1; 
} 
@media screen and (max-width: 470px){ 
                 .col, .col-2 { float: none !important; width: 100% !important;} 
}
/*----------- полоска с ценой на картинке -------------*/
.popular {
  position: relative;
  overflow: hidden; }
  .popular .ribbon {
 z-index: 99999 !important;
    position: absolute;
    left: -5px;
    bottom: 100px;
    font-size: 18px;
    text-align: center;
    width: 170px;
    color: #fff;
    padding: 1px 12px;
    display: block;
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
    background-color: #C62828;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }