@import "/css/all.css";
@font-face {
	font-family: 'Conv_SFUIText-Bold';
	src: url('fonts/SFUIText-Bold.eot');
	src: local('O'), url('fonts/SFUIText-Bold.woff') format('woff'), url('fonts/SFUIText-Bold.ttf') format('truetype'), url('fonts/SFUIText-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_SFUIText-Light';
	src: url('fonts/SFUIText-Light.eot');
	src: local('O'), url('fonts/SFUIText-Light.woff') format('woff'), url('fonts/SFUIText-Light.ttf') format('truetype'), url('fonts/SFUIText-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_SFUIText-Medium';
	src: url('fonts/SFUIText-Medium.eot');
	src: local('O'), url('fonts/SFUIText-Medium.woff') format('woff'), url('fonts/SFUIText-Medium.ttf') format('truetype'), url('fonts/SFUIText-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_SFUIText-Regular';
	src: url('fonts/SFUIText-Regular.eot');
	src: local('O'), url('fonts/SFUIText-Regular.woff') format('woff'), url('fonts/SFUIText-Regular.ttf') format('truetype'), url('fonts/SFUIText-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
html{
    width:100%;
    height:100%;
}
body{margin:0;font: 14px/18px 'Conv_SFUIText-Regular', arial, 'Helvetica CY', 'Nimbus Sans L', Sans-serif;color:#666;background:#fff;}
.fl{float:left;}
.ar{text-align:right;}
.fr{float:right;}
.cl{clear:both}
.ac{text-align:center;}
::selection{background-color:#fff3cc;}
::-moz-selection{background-color:#fff3cc;}
form{margin:0;padding:0;}
input, select, textarea{outline:none;font: 14px 'Conv_SFUIText-Regular', arial, 'Helvetica CY', 'Nimbus Sans L', Sans-serif;}
textarea{overflow:auto;resize:vertical;}
a{outline:none;text-decoration:underline;color:#003367;cursor:pointer;}
a:hover{text-decoration:none;}
p, div.par{margin:10px 0}
img{border:0;}
img[align=left]{margin:2px 10px 10px 0;}
img[align=right]{margin:2px 0 10px 10px;}

strong, b{font-weight: normal;font-family: 'Conv_SFUIText-Bold';}

header, section, aside, footer, article, time, nav{display:block;}
section, article, header, nav, aside{max-width:1920px;margin:0 auto;}


header{
color:#fff;
padding:33px 0;
background: #003366;
background-image: url("files/header-fon.jpg");
background-image: url("files/header-fon.jpg"), -moz-linear-gradient(left, #003366 0%, #2a87dd 100%);
background-image: url("files/header-fon.jpg"), -webkit-linear-gradient(left, #003366 0%,#2a87dd 100%);
background-image: url("files/header-fon.jpg"), linear-gradient(to right, #003366 0%,#2a87dd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003366', endColorstr='#2a87dd',GradientType=1 );

background-position: 0 0;
background-repeat: no-repeat;
background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
}
.clear:after{content:'';display:block;clear:both;}

.title{
    width:96%;
    max-width:1150px;
    margin:0 auto;
}

div.phones{
    float:left;
    width:197px;
    padding-left:53px;
    background:url(files/phone-icon.png) 0 12px no-repeat;
}
div.phones p:first-child{
    font-size:16px;
    line-height: 1.3;
    font-family: 'Conv_SFUIText-Bold';
}
div.phones a{
    color:#eded44;
    text-decoration:none;
}
div.phones a:hover{text-decoration:underline;}
.btn{
    cursor:pointer;
    border-radius:3px;
    display: inline-block;
    border: 0;
    padding:20px 27px;
    text-transform: uppercase;
    transition:0.3s;
    text-decoration:none;
}
.yellow{
    background:#eded44;
    color:#010cb1;
}
.yellow:hover{
    color:#fff;
    background:#010cb1;
}
span.callback{
    padding:5px 10px;
    text-transform: lowercase;
}

div.middlecol{
    float:left;
    width:60%;
    width:calc(100% - 500px);
    text-align:center;
    color:#c9f5fe;
    text-transform: uppercase;
    font-family: 'Conv_SFUIText-Light';
}
div.middlecol img{margin-bottom:10px;}

div.middlecol form{
    background:#1772b7;
    border-radius:3px;
    position: relative;
    height:39px;
    width:100%;
    max-width:375px;
    margin:25px auto 0;
    box-shadow:0 0 5px rgba(0,0,0,.1);
}
div.middlecol form div.fl{
    width:85%;
    width:calc(100% - 39px);
}
div.middlecol form input[type="text"] {
    background: transparent;
    border:0;
    color:#fff;
    font-size:12px;
    width:90%;
    text-transform: uppercase;
    height:39px;
    padding-left:14px;
    width:calc(100% - 14px);
}
div.middlecol form input[type="text"]::-webkit-input-placeholder {color:#c9f5fe;}
div.middlecol form input[type="text"]::-moz-placeholder          {color:#c9f5fe;}/* Firefox 19+ */
div.middlecol form input[type="text"]:-moz-placeholder           {color:#c9f5fe;}/* Firefox 18- */
div.middlecol form input[type="text"]:-ms-input-placeholder      {color:#c9f5fe;}
#searchresults{
    display:none;
    position: absolute;
    top:39px;
    left:0;
    width:100%;
    z-index:50;
    text-align:left;
    background:#1772b7;
    box-shadow:0 0 5px rgba(0,0,0,.1);
    border-radius:0 0 3px 3px;
}
#searchresults p{text-align:center;}
#searchresults ul{margin:0;padding:0;}
#searchresults ul li{
    margin:0;
    padding:0;
    list-style: none;
    border-top:1px solid #2a87dd;
}
#searchresults ul li:first-child{border-top:0;}
#searchresults ul li a{
    color:#eded44;
    display:block;
    padding:5px 10px;
    text-decoration:none;
}
#searchresults ul li a:hover{
    color:#fff;
}
div.middlecol form div.fr{
    width:39px;
}
div.middlecol form div.fr input{
    margin-top:8px;
}


div.topicons{
    margin-top:10px;
    float:right;
}
div.topicons > div{
    float:right;
    margin-left:25px;
    position: relative;
    cursor: pointer;
    color:#eded44;
}
div.topicons > div span{
    color:#fff;
}
div.topicons > div:before{
    content: attr(data-label);
    display: inline-block;
    opacity:0;
    transition:0.2s;
    background:#7bb2e5;
    color:#000;
    font-size:11px;
    text-transform: uppercase;
    border-radius:2px;
    padding:4px 6px;
    position: absolute;
    z-index:1;
    right:-10px;
    white-space: nowrap;
    top:-30px;
}
div.topicons > div:hover::before{
    opacity:1;
}
.myarea{font-size:16px;}
.myarea > div{
    position: absolute;
    background:#fff;
    right:-15px;
    top:18px;
    border-radius:3px;
    opacity:0;
    display:none;
    z-index:22;
    width:150px;
    transition:0.3s;
    box-shadow:0 0 10px rgba(0,0,0,.1);
}
.myarea > div a{
    display:block;
    font-size:13px;
    padding:7px 10px;
    text-decoration:none;
    border-top: 1px solid #eee;
}
.myarea > div a:first-child{
    border-top:0;
    border-radius:3px 3px 0 0;
}
.myarea > div a:last-child{
    border-radius:0 0 3px 3px;
}
.myarea > div a:hover{
    background:#fafafa;color:#000;
}
.myarea:hover > div{
    opacity:1;display:block;
}
#hlopak{
    
}

nav{
    margin-top:30px;
    text-align:center;
}
nav ul{
    display: inline-block;
    margin:0;
    padding:0;
}
nav ul li{
    display: inline-block;
    margin:0;
    padding:0;
    text-transform: uppercase;
    font-family: 'Conv_SFUIText-Bold';
    font-size:15px;
    letter-spacing:1px;
}
nav ul li a, nav ul li span{
    color:#48c9ef;
    text-decoration:none;
    padding:13px 20px;
}
nav ul li a:hover{color:#fff;}

nav ul li span, nav ul li a.act{
    color:#fff;
    border:2px solid #2a87dd;
}


#portfolio, #portfolio li{
    margin:0;
    padding:0;
    list-style:none;
    width:100%;
}
#index, #index li{
    margin:0;
    padding:0;
    list-style:none;
}
#index{
    position: absolute;
    bottom:35px;
    z-index:80;
    left:40px;
}
#index li{
    cursor:pointer;
    width:27px;
    height:27px;
    display:block;
    float:left;
    margin:0 5px; 
}
#index li.active{}

#portfolio img{width:100%;}
#show-nav{
    top:50%;
    padding:0;
    left:2%;
    right:2%;
    position: absolute;
    z-index:55;
     margin-top:-50px;
}
#show-nav li{
    margin:0;
    padding:0;
    display: block;
    float:left;
    width:50%;
    text-align:right;
}
#show-nav li:first-child{text-align:left;}

a.prev, a.next{
    display: inline-block;
    text-decoration:none;
    cursor:pointer;
    width:56px;
    height:56px;
}
a.prev{
    background:url(files/slider-pointers.png) 0 0 no-repeat;
}
a.prev:hover{
    background-position: 0 -56px;
}
a.next{
    background:url(files/slider-pointers.png) -56px 0 no-repeat;
}
a.next:hover{
    background-position: -56px -56px;
}
.rel{
    position: relative;
}
section.rel{
    min-height:450px;overflow:hidden;
}
.nakladka{
    position: absolute;
    z-index:50;
    border:2px solid #fff;
    left:50%;
    width:600px;
    font-size:18px;
    line-height:1.3;
    margin-left:-302px;
    text-align:center;
    padding:60px 0;
    color:#fff;
    text-transform: uppercase;
    font-family: 'Conv_SFUIText-Bold';
    top:50%;
    margin-top:-130px;
}
.nakladka p:first-child{
    margin-bottom: 25px;
}


footer{
    padding:75px 0;
    font-family: 'Conv_SFUIText-Light';
    color:#000;
}
.copyright{
    float:left;
    width:30%;
}
a.dev{
    padding-right:22px;
    background:url(files/pixel.gif) right center no-repeat;
}
.contacts{
    line-height:1.8;
    float:left;
    width:288px;
}
.contacts p:first-child{text-transform: uppercase;}
a.karta{
    padding-right:20px;
    background:url(files/map-icon.gif) right center no-repeat;
}
.pays{
    float:right;
    width:25%;
    text-align:right;
}
.social{
    width:169px;
    float:right;
    text-align:right;
}
.social a{
    display: inline-block;
    margin:0 0 14px 14px;
    text-decoration:none;
    width:41px;
    height:41px;
}
.social a:hover{opacity:0.8;}
a.facebook{background:url(files/social.png) 0 0 no-repeat;}
a.twitter{background:url(files/social.png) -55px 0 no-repeat;}
a.google{background:url(files/social.png) -110px 0 no-repeat;}
a.telegram{background:url(files/social.png) 0 -54px no-repeat;}
a.viber{background:url(files/social.png) -55px -54px no-repeat;}
a.instagram{background:url(files/social.png) -110px -54px no-repeat;}






aside{
background: #003366;
background: -moz-linear-gradient(left, #003366 0%, #2a87dd 100%);
background: -webkit-linear-gradient(left, #003366 0%,#2a87dd 100%);
background: linear-gradient(to right, #003366 0%,#2a87dd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003366', endColorstr='#2a87dd',GradientType=1 );
text-align:center;
color:#c9f5fe;
padding:100px 0 50px;
position: relative;
font-size:16px;
 text-transform: uppercase;
}
aside p{font-family: 'Conv_SFUIText-Light';}
aside:before{
    content:'';
    display:block;
    left:50%;
    top:39px;
    background:url(files/envelope.png) 0 0 no-repeat;
    z-index:1;
    width:64px;
    height:66px;
    margin-left:-32px;
    position: absolute;
}
aside .subs{
    background:#c9f5fe;
    border-radius:3px;
    box-shadow:0 0 5px rgba(0,0,0,.1);
    width:100%;
    max-width:375px;
    margin:35px auto 0;
    height:53px;
}
aside .subs input[type="email"] {
    background: transparent;
    border:0;
    color:#55577c;
    padding-left:14px;
    padding-right:0;
    width:208px;
}
aside .subs input[type="submit"] {
    padding:0;
    width:152px;
    height:53px;
    border-radius:0 2px 2px 0;
    font-family: 'Conv_SFUIText-Bold';
    
}
.download{
    margin-top:56px;
    padding-top:1px;
    background:url(files/shadow-blue.png) top center no-repeat;
}
.download .btn{padding:15px;margin: 0 10px;}

aside:after, section.rel:after{
    bottom:0;
    left:0;
    width:100%;
    content:'';
    display:block;
    background:url(files/uzor-slider.png) bottom repeat-x;
    height:6px;
    z-index:40;
    position: absolute;
}
aside span.zagl{color:#fff;}

span.zagl{
    font-size:36px;
    line-height:1.2;
    text-align:center;
    display:block;
    margin:40px 0;
    font-family: 'Conv_SFUIText-Light';
    color:#003467;
    text-transform: uppercase;
}

section.why{
background: #bfd6ed;
padding-bottom:40px;
background: -moz-linear-gradient(45deg, #bfd6ed 0%, #ffffff 46%, #bfd6ed 84%);
background: -webkit-linear-gradient(45deg, #bfd6ed 0%,#ffffff 46%,#bfd6ed 84%);
background: linear-gradient(45deg, #bfd6ed 0%,#ffffff 46%,#bfd6ed 84%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd6ed', endColorstr='#bfd6ed',GradientType=1 );
}
.why span.zagl{
    color:#003366;
    text-transform: uppercase;
    padding:0 0 0 66px;
}
.line{
    margin-bottom:60px;
    height:2px;
    font-size:1px;
    width:100%;
    background: #033769;
    
background: -moz-linear-gradient(left, #033769 0%, #bed6ed 24%, #2d87db 100%);
background: -webkit-linear-gradient(left, #033769 0%,#bed6ed 24%,#2d87db 100%);
background: linear-gradient(to right, #033769 0%,#bed6ed 24%,#2d87db 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#033769', endColorstr='#2d87db',GradientType=1 );
}
.why .shadow{
    width:100%;
    color:#999;
    min-height:560px;
    margin-top:30px;
    font-size:13px;
    background:url(files/shadow.png) bottom center no-repeat;
}
.why .shadow strong{
    color:#003366;
    font-size:20px;
    font-family: 'Conv_SFUIText-Light';
    line-height:1.3;
}
.blok1{
    position: absolute;
    left:50%;
    margin-left:-273px;
    top:0;
    background:url(files/icon1.png) 0 0 no-repeat;
    width:238px;
    height:238px;
    z-index:1;
}
.blok1 + div{
    left:0;
    position: absolute;
    z-index:2;
    text-align:right;
    top:86px;
    width:280px;
}
.blok1 + div + div{
    background:url(files/pl.png) 0 0 no-repeat;
    position: absolute;
    z-index:1;
    left:50%;
    top:71px;
    margin-left:-313px;
    width:78px;
    height:18px;
}

.blok2{
    position: absolute;
    left:50%;
    margin-left:-60px;
    top:58px;
    background:url(files/icon2.png) 0 0 no-repeat;
    width:238px;
    height:238px;
    z-index:1;
}
.blok2 + div{
    left:50%;
    position: absolute;
    z-index:2;
    top:86px;
    margin-left:210px;
    width:280px;
}
.blok2 + div + div{
    background:url(files/pl.png) 0 0 no-repeat;
    position: absolute;
    z-index:1;
    left:50%;
    top:308px;
    margin-left:-262px;
    width:78px;
    height:18px;
}

.blok3{
    position: absolute;
    left:50%;
    margin-left:-216px;
    top:214px;
    background:url(files/icon3.png) 0 0 no-repeat;
    width:238px;
    height:238px;
    z-index:1;
}
.blok3 + div{
    left:50px;
    position: absolute;
    z-index:2;
    text-align:right;
    top:320px;
    width:280px;
}
.blok3 + div + div{
    background:url(files/pr.png) 0 0 no-repeat;
    position: absolute;
    z-index:1;
    left:50%;
    top:85px;
    margin-left:95px;
    width:103px;
    height:22px;
}


.blok4{
    position: absolute;
    left:50%;
    margin-left:-2px;
    top:271px;
    background:url(files/icon4.png) 0 0 no-repeat;
    width:238px;
    height:238px;
    z-index:1;
}
.blok4 + div{
    left:50%;
    position: absolute;
    z-index:2;
    top:295px;
    margin-left:270px;
    width:280px;
}
.blok4 + div + div{
    background:url(files/pr.png) 0 0 no-repeat;
    position: absolute;
    z-index:1;
    left:50%;
    top:290px;
    margin-left:163px;
    width:103px;
    height:22px;
}

section.hea{
    background:url(files/header.jpg) center no-repeat;
    background-size: cover !important;
    color:#fff;
    position: relative;
    padding:115px 0;
    text-align:center;
    font-size:18px;
    line-height:1.2;
    text-transform: uppercase;
    font-family: 'Conv_SFUIText-Bold';
}
section.hea:after, header.catal:after{
    bottom:0;
    left:0;
    width:100%;
    content:'';
    height:6px;
    background:url(files/uzor-slider.png) bottom repeat-x;
    display:block;
    position: absolute;
    z-index:1;
}
.w25{
    float:left;
    width:20%;
    padding-left:40px;
    width:calc(25% - 40px);
}
.w25.list p{
    margin:35px 0;
} 
.w25.list ul{
    margin:0;
    padding:0;
}
.w25.list ul li{
    list-style: none;
    margin:0;
    padding:5px 0;
}
article {
    padding:30px 0 70px;
}
.w25.list img{
    max-width:100%;
}
.path{
    font-size:12px; color:#8e8e8e;margin-bottom:20px;
}
.path a{color:#2985da;}
header.catal{
    position: relative;
}
.leftcol{
    float:left; width:20%;
}
.rightcol{
    width: 75%;
    float:right;
}

ul.lmenu{
    margin:17px 0 0;
    padding:0;
}
ul.lmenu li{
    list-style:none;
    padding:0;
    margin:0;
}
ul.lmenu > li{
    margin-top:1px;
}
ul.lmenu > li > a{
    font-family: 'Conv_SFUIText-Bold';
    text-transform: uppercase;
    color:#00336c;
    text-decoration:none;
    background:#bfd6ed;
    display: block;
    padding:10px 15px;
}
ul.lmenu > ul{
    margin:0;
    padding:0;
    background: #f3f7fb;
}
ul.lmenu > ul > li > a{
    padding:10px 15px;
    text-decoration:none;
    display: block;
    border-top: 1px solid #e2e9ef;
    color: #0086df;
    text-transform: uppercase;
    font-size:13px
}
ul.lmenu > ul > li > a.ganeshaact{
    background:#e2e9ef;
    color:#000;
}
ul.lmenu > li > a.act{
    color:#fff;
    background:#00336c;
}

ul.lmenu > ul ol li{
    padding: 0 10px 10px 0px;
}

ul.lmenu > ul ol li a{
    font-size:13px;
    line-height:1;
}
ul.lmenu > ul ol li a.ganeshaact{
    text-decoration:none;
    color:#000;
}
a.opencatalog{
    color:#fff;
    margin-top: 17px;
    border-radius:3px;
    text-transform: uppercase;
    display: block;
    text-decoration:none;
    padding: 15px;
    background:#2a86dc;
}
a.opencatalog i{margin-right:10px;}
a.opencatalog:hover{
    background:#010cb1;
}


.tovar{
    float:left;
    width:29%;
    margin:20px 35px 20px 0;
    width:calc(33.33% - 35px);
    height:420px;
    position: relative;
}
.tovar .picture{
    display: block;
    height:220px;
    overflow: hidden;
    text-align:center;
    margin-bottom:20px;
}
.tovar .picture img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:220px;
}
.repa{
    width:100%;
}
.repa > a{
    text-transform: uppercase;
    color:#010cb1;
    font-family: 'Conv_SFUIText-Bold';
    line-height:1;
    font-size:13px;
}
.price {
    color:#000;
    font-size:20px;
}
.tovar .price{float:left;}
.code{
    text-align:right;
    color:#999;
    font-size:18px;
    text-transform: lowercase;
}
.btn{
    cursor:pointer;
    color:#010cb1;
    border-radius:3px;
    background:#eded44;
    padding:10px 15px;
    text-decoration:none;
    display: inline-block;
    font-size:12px;
    font-family: 'Conv_SFUIText-Bold';
    transition:0.3s;
}
.btn:hover{
    color:#fff;
    background:#010cb1;
}
.addtocard{
    margin-right:10px;
}

h1, h2, h3{
    font-weight:normal;
    color:#003366;
    font-size:38px;
    line-height:1.2;
    font-family: 'Conv_SFUIText-Light';
    margin-bottom:20px;
}

strike{
    font-size:15px;
    color:#E60F0F;
}
.salelabel{
    position: absolute;
    top:5px;
    right:-5px;
    color:#fff;
    z-index:2;
    width: 40px;
    height: 30px;
    text-align: center;
    background:#E60F0F;
    line-height: 30px;
    font-size: 12px;
}
.metki{
    left:-5px;
    top:5px;
    position: absolute;
    z-index:1; 
}
.metki div {
    margin-bottom: 5px;
    width: 40px;
    height: 30px;
    text-align: center;
    /*color: #fff;*/
    line-height: 30px;
    font-size: 12px;
    background:#fff;
    border:1px solid #000;
    color:#000;
}
/*
.metki div.xit{background:#00dc87}
.metki div.new{background:#010cb1}
.metki div.sale{background:#f2b100}
*/
.bottomms{margin:20px 0;}
.bottomms a, .bottomms span{
    display: inline-block;
    text-decoration: none;
    color:#2a86dc;
    border:2px solid #2a86dc;
    width:47px;
    height:47px;
    line-height:47px;
    margin-right:6px;
    text-align:center;
}
.bottomms span{
    color:#000;
    border-color:#000;
}
.popular{
    color:#666;
    background:#f7f7f7;
    margin:20px 0;
}
.popular img{
    margin:50px 100px;
    max-width:350px;
    float:left;
}
.popular p{
    margin-top:30px;
}
.popular a.o{
    text-decoration:none;
    color:#000;
    text-transform: uppercase;
    font-family: 'Conv_SFUIText-Light';
    font-size:25px;
    line-height:1;
}
.popular .btn{
    transform: scale(1.2);
    margin:20px 0 0 10px;
}
.foto{
    float:left;
    width:47%;
}
.mmmfoto{
    margin-bottom:20px;
    width:100%;
    text-align:center;
}
.mmmfoto img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}
img.op{
    height:40px;
    margin:0 5px 5px 0;
    padding:4px;
    border:1px solid #ccc;
}
.ctlname{
    float:left;
    width:80%;
}
.ctlname + div{
    float:right;text-align:right;
}
.tovaropis{
    width:50%;
    float:right;
}
.price1{
    color:#000;
    font-family: 'Conv_SFUIText-Bold';
    font-size:36px;
    margin:30px 0;
}
.price1 strike, .price1 small{
    font-size:24px;
}
div[id^="modas"] {
    margin-top:124px;
    position: relative;
}
.nasklade{
    position: absolute;
    z-index:1;
    text-align:center;
    font-size:13px;
    color:#333;
    width:137px;
    height:40px;
    padding-top:10px;
    background:url(files/nasklade.gif) top center no-repeat;
    left:0;
    top:-45px;
}
.chislo{
    position: relative;
    display: inline-block;
    width:120px;
    height:37px;
    vertical-align: middle;
}
.chislo span{
    display: block;
    z-index:1;
    line-height:37px;
    font-size:14px;
    text-align:center;
    position: absolute;
    top:0;
    bottom:0;
}
.chislo input{
    text-align: center;
    height: inherit;
    border:0;
    width:100%;
    padding:0;
    border-radius:4px;
}
span.minus, span.plus{
    background:#eded44;
    color:#010cb1;
    width:40px;
    cursor:pointer;
}
span.minus{
    left:0;
    border-radius:3px 0 0 3px;
}
span.plus{
    right:0;
    border-radius:0 3px 3px 0;
}
span.minus:hover, span.plus:hover, .btn1:hover{
    color:#fff;
    background:#010cb1;
}
#count{
    background:#fff;
    box-shadow: inset 3px 3px 8px #ccc;
}
span[class^="levo"]{
    cursor:pointer;
    color:#2a86dc;
    text-transform: uppercase;
    font-family: 'Conv_SFUIText-Bold';
    font-size:15px;
    padding:14px 0;
    display:block;
    border-bottom:1px solid #ccc;
}
span[class^="levo"] i{margin-right:10px;}

.btn1{
    cursor:pointer;
    border-radius:3px;
    display: inline-block;
    border: 0;
    padding:10px 15px;
    text-transform: uppercase;
    transition:0.3s;
    text-decoration:none;
    color:#010cb1;
    background:#fff;
    border:2px solid #010cb1;
    font-family: 'Conv_SFUIText-Bold';
}
.opisanie{
    padding:30px;
    color:#333;
    background:#eff5fa;
}
span.h4{
    color:#333;
    text-transform: uppercase;
    font-family: 'Conv_SFUIText-Bold';
    font-size:16px;
    display:block;
    margin:15px 0;
}
.lk{
    float:left;
    width:50%; 
}
.ikonki{
    float:right;
    width:48%;
}
.man{
    margin:23px 0;
    color:#333;
}
.man span{
    color:#333;
    text-transform: uppercase;
    font-family: 'Conv_SFUIText-Bold';
    display:block;
    margin-bottom:10px;
}
.pole{
    border:1px solid #78C5C9;
    border-radius:3px;
    padding:5px 0 5px 5px;
    width:97%;
    width:calc(100% - 7px);
}

.yes, .net{
    margin:25px 0;
    padding:15px 20px;
    background:#D2F08B;
    color:#68822B;
    border-radius:3px;
    text-transform: uppercase;
    font-family: 'Conv_SFUIText-Bold';
    max-width:500px;
}
.net{
    background:#FA6464;
    color:#fff;
}
#comments{margin-top:30px;}
.delfav{
    text-decoration:none;
    color:#fff;
    background:#EB1818;
}
.delfav:hover{background:#BF0202}
.gotocard{
    text-decoration:none;
    color:#fff;
    background:#0EAF1E;
    margin-right: 10px;
}
.gotocard:hover{
    background: #1C8206;
}
#quickorder{
    position:absolute;
    z-index:11147;
    left:50%;
    top:100px;
    margin-left:-400px;
    padding:15px 20px;
    background:#fff;
    transition:0.5s;
    box-shadow:0 0 150px #666;
    width:760px;
}
#zakaza{
    border-collapse: collapse;
    width:100%;
}
#zakaza .minus, #zakaza .plus{
    background:#2a86dc; color:#fff;
}
#zakaza td{
    border-bottom:1px solid #EEE9E6;
    padding:16px 0 !important;
}
#zakaza tr td:first-child{width:150px; vertical-align:top; text-align:center;}
#zakaza td:last-child{width:150px;}
#zakaza a{
    color:#2a87dd;
    font-size:13px;
    text-decoration:none;
}
.close{
    cursor:pointer;
    font-size:20px !important;
    color:#EB1818 !important;  
}
span.req{
    color:red !important;
    padding-Left:5px;
}
#window{
    position:fixed;
    z-index:11146;
    left:50%;
    margin-left:-120px;
    width:200px;
    background:#fff;
    box-shadow:0 0 150px #666;
    padding:15px 20px;
    transition:0.5s;
}
.hhde{
    top:-400px;
}
.hhdw{
    top:50px;
}

.pnp{
    
    border:1px solid #8EDCE5;
    color:#333;
    padding:4px 0;
    width:100%;
}
.pnpred{
    
    border:1px solid red;
    color:#333;
    padding:4px 0;
    width:100%;
    background:#F4CCCC;
}
.wada{
    float:left;
    width:70%;
}
.rk{
    float:right;
    width:27%;
    background:#e8e8e8;
    padding:1px 30px 20px 30px;
    width:calc(27% - 60px);
}
span.h3{
    display: block;
    color:#000;
    text-transform: uppercase;
    font-family: 'Conv_SFUIText-Bold';
    font-size:16px;
    margin:15px 0;
}
.pnn{
    background:#fff;
    border:0;
    box-shadow: inset 2px 2px 5px #ccc;
    padding:7px 0 7px 10px;
    width:98%;
    width:calc(100% - 10px);
}
h2{font-size:24px;line-height:1.1;}
h3{font-size:20px;line-height:1.1;}
select.pnn{width:100%; cursor:pointer;}
textarea.pnn{width:100%;}
.abs{
    position: absolute;
    z-index:2;
    top:0;
    left:0;
}
.prc{
    color:#333;
    font-size:17px;
}
.w50{width:48%;}

ul.usermenu{
    margin:10px 0 25px 0;
    padding:0;
    text-align:center;
}
ul.usermenu li{
    display: inline-block;
    margin:0;
    padding:0;
}
ul.usermenu li a{
    color:#2986db;
    text-decoration:none;
    display: inline-block;
    text-transform: uppercase;
    padding:10px 15px;
    font-family: 'Conv_SFUIText-Bold';
    border:2px solid #fff;
}
ul.usermenu li a:hover{color:#000;}
ul.usermenu li a.act{
    color:#000;
    border-color:#000;
}
hr{margin:20px 0;height:1px;border:0;background:#d0d0d0;width:100%;}
blockquote{
    margin:20px 0;
    padding:15px 20px;
    background:#e8e8e8;
    border-radius:3px;
    color:#333;
    font-size:13px;
}
blockquote i{
    font-size:25px;
    color:red;
    float:left;
    display:block;
    margin:3px 15px 15px 0;
}
.butter{
    display:none;
    right:2%;
    top:123px;
    position: absolute;
    cursor: pointer;
    color:#eded44;
    font-size:20px;
    padding:10px;
    border:2px solid;
    z-index:1;
}
.closelabel{display:none;}
#verh{
    right:35px;
    bottom:35px;
    position: fixed;
    z-index:100;
    width:39px;
    height:30px;
    text-align:center;
    color:#fff;
    cursor: pointer;
    background:#003366;
    padding-top:9px;
    border:1px solid #003366;
}
#verh:hover{
    background:#fff;
    color:#003366;
}
#cvet{
    height: 37px;
    width: auto;
    border-radius: 3px;
    cursor:pointer;
}
.cvet{
    position: absolute;
    left: 0px;
    top: -100px; right:0;
}

@media screen and (max-width: 1210px) {
    .popular .slick-prev{left:0 !important;}
    .popular .slick-next{right:0 !important;}   
}
@media screen and (max-width: 1110px) {
    .blok1 + div + div, .blok2 + div + div, .blok3 + div + div, .blok4 + div + div{display:none;}
    .blok2 + div{top:6px;margin-left:180px;}
    .blok4 + div{margin-left:205px;top:190px;}
    .blok1 + div{top:0;width:230px;}
    .blok3 + div{left:0;top:220px;width:250px;}
}
@media screen and (max-width: 1040px) {
    .lk, .ikonki{width:100%; margin-bottom:30px;}
    .ctlname{width:100%;}
    .ctlname + div{display:none;}
}
@media screen and (max-width: 1000px) {
    div.middlecol img, div.middlecol form{width:70%;min-width:230px;}
    nav ul li a, nav ul li span{padding:10px 15px;}
    span.zagl, h1, h2, h3{font-size:30px;}
    .popular img{margin:0 30px 0 90px;max-width:30%;}
    .popular{background:#fff;}
    .slot p{margin-top:0;margin-bottom:20px;}
    h2{font-size:24px;}
    h3{font-size:20px;}
    footer{padding:30px 0;font-size:12px;}
    .nakladka{width:400px;margin-left:-202px;margin-top:-100px;padding:30px 0;}
    .popular a.o{font-size:18px;}
.blok1 + div, .blok3 + div {
    position: static;
    float: left;
    text-align: left;
    margin:50px 0 0 50px;
    width:50%;
}
.blok1, .blok3{
    float:left;
    position: static;
    margin:0;
}
.blok2, .blok4{
    float: right;
    position: static;
    margin:0;
}
.blok2 + div, .blok4 + div{
    position: static;
    float: right;
    text-align: right;
    margin: 30px 50px 0 0;
    width:50%;
}
.why .shadow:after{
    content:'';
    display:block;
    clear:both;
}
.why .shadow{background:none;}
.w25{
    padding-left:20px;
    width:calc(25% - 20px);
}
.tovar .picture{height:200px;}
.code{font-size:14px;}
}

@media screen and (max-width: 905px) {
.tovar .picture{
    height:160px;margin-bottom:10px;
}
.leftcol{min-width:175px;}
.tovar{height:400px;min-width:180px;}
.rightcol{width:calc(100% - 200px);}
.wada{width:100%;float:none;margin-bottom:40px;}
.rk{width:300px !important;margin:0 auto;float:none;}
.btn1{padding:10px;}
#zakaza td:last-child{width:100px;}
div[style^="width: 150px;"] {width:100px !important;}
}
@media screen and (max-width: 860px) {
    div.middlecol{font-size:12px; text-transform: lowercase;}
    div.phones p:first-child{font-size:14px;font-family: 'Conv_SFUIText-Regular';}
    div.phones{padding-left:0;background:none;}
    div.phones p:last-child{display:none;}
    div.middlecol{width:calc(100% - 394px);}
    header{padding:15px 0 25px;}
    div.middlecol form{margin-top:15px;}
    nav ul li{font-size:14px;letter-spacing:0;}
    .slot p{margin-bottom:5px;}
    .popular .slick-next, .popular .slick-prev{top: -55px !important;}
    .blok1 + div, .blok3 + div{margin-left:20px;margin-top:20px;width: calc(100% - 170px);}
    .blok2 + div, .blok4 + div{margin-right:20px;margin-top:0px;width: calc(100% - 170px);}
    .blok1, .blok2, .blok3, .blok4{
        width: 150px;
        height: 150px;
        background-size: cover;
    }
    .pays img{width:100%;max-width:212px;}
    .why span.zagl{padding:0;}
    .popular img{margin-left:0;}
    section.rel{min-height:400px;}
}


@media screen and (max-width: 720px) {
    span.zagl{font-size:24px;}
    .copyright{width:45%;}
    .contacts{width:55%;}
    .social, .pays{width:100%;text-align:center;}
  
  .repa > a{text-transform: none;font-family: 'Conv_SFUIText-Regular';}
  .termo{height:380px;overflow:hidden;}
  .w25{
    width:calc(50% - 20px);
  }
  .opisanie{padding:10px 15px;}
  .zima td{
    padding:6px !important;
    text-align:left !important;
    width:auto !important;
  }
  .zima{
    width:100%;
    display:block;
    overflow-x: scroll;
  }
  .zima tbody{
    width:700px;
    text-align:left;
  }
}

@media screen and (max-width: 660px) {
    div.phones{width:100%;}
    .phones br{display:none;}
    div.phones p:first-child{float:left;margin-right:10px;}
    div.phones p:first-child span{
        display: inline-block;width:10px;
    }
    section.rel{min-height:350px;}
    div.phones:after{content:'';clear:both;display:block;}
    div.phones p{float:right;}
    span.callback{padding:5px;}
    header{padding-top:2px;padding-bottom:15px;}
    div.middlecol{width:calc(100% - 194px);text-align:left;}
    div.middlecol form{margin-left:0;}
    .butter{display:block;border-radius:3px;}
    nav{
        margin:0;
        position: fixed;
        top: 0;
        right: 0;
        width: 0;
        overflow: hidden;
        bottom: 0;
        transition: 0.5s;
        z-index: 249;
        white-space: nowrap;
        background:#003366;
    }
    nav ul, nav ul li{display:block;width:100%;}
    nav ul li{border-top:1px solid #2a87dd; text-align:right;}
    nav ul li:first-child{border-top:0;}
    nav ul li span, nav ul li a{border:0;display:block;}
    .closelabel{
        top:0;
        padding:7px;
        border-radius:0 0 0 4px;
        left:auto;
        right:280px;
        color:#eded44;
        font-size:25px;
        position:fixed;
        z-index:255;
        background:#003366;
        cursor:pointer;
    }
    article{position: relative;}
    .leftcol, .rightcol{width:100%;}
    .lmenu {

    position: absolute;
    display: none;
    z-index: 10;
    top: 130px;
    left: 0;
    width: 100%;
    box-shadow: 0 0 5px #ccc;
    background: #fff;

}
}

@media screen and (max-width: 570px) {
    .nakladka{left:80px;right:80px;margin-left:0;width:auto;padding:15px 0; text-transform: none;font-size:15px;}
    .callback{display:none;}
    .butter{top:112px;}
    .copyright, .contacts{width:100%;}
    .social, .pays{text-align:left;}
    span.zagl{margin:30px 0;}
    aside{padding-bottom:30px;font-size:14px; text-transform: none;}
    .blok1, .blok2, .blok3, .blok4{width:100px;height:100px;}
    .blok1 + div, .blok3 + div{margin-top:0;}
    .why .shadow{min-height: 0;}
    .nakladka p:first-child{margin-bottom:15px;}
    section.hea{padding:50px 0;}
    .foto{width:100%;margin-bottom:20px;}
    .tovaropis{width:100%;}
    #zakaza + div.par.fl{width:230px;}
    #zakaza + div.par.fl .btn1{margin-bottom:6px;}
    .w50{width:100%;}
    section.rel{min-height: 300px;}
    #portfolio img{width:auto;height:300px;}
}



@media screen and (max-width: 450px) {
    div.topicons > div::before{right:0;}
    div.middlecol{min-width:230px;}
    .butter{top:128px;}
    #show-nav{display:none;}
    .no{margin-bottom:50px;}
    .popular .slick-next, .popular .slick-prev{display:none !important;}
    .popular img{max-width:100%;float:none;margin:0 0 10px;width:100%;}
    .nakladka{left:15px;right:15px;top:0;margin-top:15px;}
    .w25{padding-left:0;width:100%;
    margin-bottom:25px;}
    article{padding:30px 0;}
    .rightcol .tovar{
        min-width:150px;
        margin:20px 5px;
    }
    .rightcol .tovar:nth-child(odd){float:right;}
    .addtocard{margin-right:5px;}
.rk{width:auto !important;}
#zakaza tr td:first-child{width:50px;}
#zakaza tr td:first-child img{width:50px;height:auto;padding:10px;}
.price{font-size:17px;}
}
@media screen and (max-width: 400px) {
    .butter {

    top: 128px;
    right: auto;
    left: 250px;
    padding: 8px;
    top: 130px;

}
div.topicons{width:30px;margin-top:0;}
div.topicons > div{float:none;margin-left:0;margin-top:20px;}
#verh{
    right:0;
    bottom:0;}
    }

@media screen and (max-width: 380px) {
    span.zagl, h1, h2, h3{font-size:24px;}
    aside .subs{
        height:auto;margin-top:20px;
        background:none;box-shadow:none;
    }
    aside .subs input[type="email"] {

    background: #c9f5fe;
    border: 0;
    color: #55577c;
    padding-left: 14px;
    width: 90%;
    margin-bottom: 10px;
    height: 35px;
    border-radius: 4px;

}   aside span.zagl{text-transform: none;}
    .download{margin-top:25px;}
    .line{margin-bottom:40px;}
    .blok1, .blok2, .blok3, .blok4{margin:15px auto 5px auto; float:none;}
    .blok1 + div, .blok3 + div, .blok2 + div, .blok4 + div{width:100%;margin:0 0 10px 0;text-align: center;float:none;}
    .social a{margin:0 3px;}
    #zakaza td:last-child, div[style^="width: 150px;"]{width:80px !important;}
    #zakaza + div.par.fl .btn1{font-size:13px;}
    }
@media screen and (max-width: 340px) {
    #zakaza + div.par.fl{width:210px;}
    div.middlecol form{min-width:200px;}
    .butter{left:220px}
    .rightcol .tovar{min-width:142px;}
    .btn{padding:10px;}
    .price{font-size: 16px;}
}