body {background: fff;background: url(../design/white-paper.png) center fixed;overflow:hidden;}
body a {color:#3073a5;text-decoration:none;}
body a:hover {color:#58b4f9;}
.page-header h1 {font-size: 2vw;}
.page-header  h2 {font-size: 2vw;}
.page-header h3 {font-size: 2vw;}
.page-header h4 {font-size: 2vw;}
.page-header h5 {font-size: 2vw;}
.page-header h6 {font-size: 2vw;}

.header {margin:0; padding:0;overflow: hidden; background-image: url(../design/dark-gray-grain-hexagons-3.png);}

.logo {}
.logo p img{width:50%;margin:0;padding:0;}
.logo p {margin:0;padding: 3% 3% 1% 3%;font-family: Tahoma, sans-serif;font-weight:bold;font-size: 1vw;color:#3a3474;text-shadow:2px 2px 3px #999999;text-align:center;}

.top1 {margin:0; padding:0;position: relative;width:25%;float: left;}

.slogan {position: relative; margin: 0; padding: 0; float: left; width:25%;}
.slogan p {margin:0; padding: 1% 3% 3% 3%;font-family: Tahoma, sans-serif;font-weight:bold;font-size: 2.2vw;color:#3a3474; text-shadow:2px 2px 3px #999999;text-align:center;}
.customgarant p {font-size: 1.5vw;}

.grafic {position: relative; margin: 0; padding: 0; float: left; width:25%;}
.grafic p {margin:0;    padding: 3% 3% 3% 3%;font-family: Tahoma, sans-serif;font-weight:bold;font-size: 1.5vw;color:#3a3474;text-shadow:2px 2px 3px #999999;text-align:center;}

.grafic p a {
    color: #3a3474
}
.tel .custom p a {
    color: #3a3474
}
.tel .custom p a:hover {
    text-decoration: underline;
}
.grafic p a:hover {
    text-decoration: underline;
}
.grafic p img {width: 5%;}

.tel {position: relative; margin: 0; padding: 0; float: left; width:25%;}
.tel p {margin:0;padding: 3%;font-family: Tahoma, sans-serif;font-weight:bold;font-size: 1.5vw;color:#3a3474;text-shadow:2px 2px 3px #999999;text-align:center;}
.tel p img {width: 5%;}

.mainmenu {display: inline-block;width:100%;height: 50px;background-image: linear-gradient(#2ac9e1, #2276e3);background:#3a3474; left: 0; box-shadow: 0 0.3rem 2rem 0.3rem rgba(34, 118, 227, 0.5);}

.mainmenu ul.nav.menu {margin: 0;padding: 0; position: relative; left: 50%; float: left;}
.mainmenu ul.nav.menu li {float: left; padding: 15px 20px; height: 20px; list-style:none; position: relative; left: -50%;}
.mainmenu ul.nav.menu li.active {background: #ded44a}

.mainmenu ul li a {color:#fff;text-decoration:none;font-family: Tahoma, sans-serif;font-weight:bold;font-size: 1vw;}
.mainmenu ul li.active a:hover {color:#3a3474;}
/*.mainmenu ul li a:hover {color:#d6d6d6;}*/


.bread {display: inline-block;width:100%;height: auto;position:relative;}
.bread ul li {float: left; padding: 0; height: 20px; list-style:none; position: relative; font-family: Tahoma, sans-serif;font-weight: bold; font-size: 1vw; color: #2276e3; text-shadow: 2px 2px 3px #999999;text-align: center;}
.bread ul li a {text-decoration:none;color: #2276e3;}
.bread ul li a:hover {color:#6a788a;}


.leftmenu {width: 20%; margin: 2%;position: relative;float:left;}

.mid {position:relative; display:block; width:70%; float:left;}
.mid ul li {width:30%;float: left; padding: 3% 5%; margin: 2% 3%;list-style:none; position: relative; font-family: Tahoma, sans-serif;font-weight: bold; font-size: 1vw; 
text-shadow: 2px 2px 3px #999999;text-align: center;border: 2px solid #333;background-image: url(../design/dark-gray-grain-hexagons.png)}

.mid ul li a {text-decoration:none;color: #fff; }
.mid ul li a:hover {}



.item-page {display: block; float:left;  position: relative; width: 100%; padding: 2% 5%;}
.item-page p {text-align:justify;font-family: Tahoma, sans-serif;font-size: 1.2vw;color:#333;}

.item-page p img {max-width:100%;}

#comjshop.jshop {float:left;width: 100%; position: relative; display: inline-block;}
.row-fluid {padding: 0;}
.row-fluid .sblock2 {width: 100%;}
.row-fluid .sblock3 { width: 33.333%; text-align: center;}

.sblock3.jshop_categ.category img.jshop_img{border: 2px solid #c6c6c6;    margin: 0 0 5% 0;}
a.product_link {font-weight:bold;}

.page-header {text-align:center;font-family: Tahoma, sans-serif;font-weight:bold;font-size: 2vw;color:#333;text-shadow:2px 2px 3px #999999;}
.page-header h2 {font-size:3vw;}
table.category.table.table-striped.table-bordered.table-hover {width:100%;}
 fieldset.filters.btn-toolbar.clearfix {border:none;}
 th#categorylist_header_hits {text-align:justify;}
 th#categorylist_header_title, th#categorylist_header_hits {padding:2% 1%;}
 td.list-title {padding:1%;}
th#categorylist_header_author {display:none;}
td.list-author {display:none;}
.jshop h1  {text-align:center;font-family: Tahoma, sans-serif;font-weight:bold;font-size: 2vw;color:#333;text-shadow:2px 2px 3px #999999;margin: 2% 0;}

form#jshop_ultra_filters .my {width:25%; float:left; font-family:Tahoma;color:#564dae;font-size:15px;}
form#jshop_ultra_filters .div {position: relative; float: none; width: 100%; display: inline-block;}
form#jshop_ultra_filters input.button {position:relative; display:inline-block; width:20%; margin: 1% 40%;
background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#3a3474),color-stop(1,#564dae));box-shadow: 0 0 5px #bbb;border:2px solid #7813ec;text-shadow: 0px 1px 2px RGBA(0,0,0,1);
    font-family: Tahoma; color:#fff;   padding: 0.5% 0;}
    form#jshop_ultra_filters input.button:hover {background:#564dae;}
    .manuf {position: relative;display: inline-block; width: 100%;float:left;}
    .man {float:left;width:12%;}
    .form_sort_count {position: relative;display: inline-block; width: 100%;}
    .block_sorting_count_to_page {width: 100%;  position: relative;  display: inline-block;}
    .control-group.box_products_sorting {width: 50%;}
    .form-horizontal .block_sorting_count_to_page .control-label {width: auto; margin: 5px 10px;}
    .form-horizontal .block_sorting_count_to_page .controls .inputbox {width: auto; margin: 5px 10px;}
    .control-group.box_products_count_to_page {width:50%;}
    
    img.jshop_img {padding: 10%; border: 2px solid #c6c6c6;  text-align: center; background: #fff;}
    .oiproduct {font-size:1vw;font-family: Tahoma, sans-serif;  color: #3073a5;  text-align: center}
    #comjshop_list_product.jshop.list_product .description {color:red;;min-height:20px;}
    a.btn.btn-success.button_buy, a.btn.button_detail {position: relative;     border-radius: 4px;  display: inline-block; width: auto;margin: 1%;background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#3a3474),color-stop(1,#564dae));
    box-shadow: 0 0 5px #bbb;border: 2px solid #7813ec; text-shadow: 0px 1px 2px RGBA(0,0,0,1); font-family: Tahoma; color: #fff; padding: 2% 5%;}
    a.btn.btn-success.button_buy:hover, a.btn.button_detail:hover {background: #564dae;}
    .row-fluid.jshop .span4.image_middle {width:auto;float:left;}
    .jshop_img_thumb {width:100px;}
    td.jshop_img_description_center img{width:70%;}
    .jshop_prod_description {font-size:1.5vw;color:red;}
    .extra_fields {min-height:70px;}
    .control-group.other_delivery_adress {display:none;}
    #comjshop.jshop.productfull {font-size:1.1vw;font-family: Tahoma, sans-serif;  color: #3073a5;}
    .productfull .buttons {width:30%;}
    input.btn.btn-primary.button, input.btn.button {position: relative;     border-radius: 4px;  display: inline-block; width: auto;margin: 1%;background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#3a3474),color-stop(1,#564dae));
    box-shadow: 0 0 5px #bbb;border: 2px solid #7813ec; text-shadow: 0px 1px 2px RGBA(0,0,0,1); font-family: Tahoma; color: #fff; padding: 2% 5%;}
    input.btn.btn-primary.button:hover {background: #564dae;}
    .pagination {width:100%;display: inline-block; left:0;}
    .pagination ul {position:relative; left:50%;float:left;width:50%;}
    .pagination ul li {width:auto;padding:1%;float:left;list-style:none;position:relative; left:-50%;}
    .maincontent {width: 70%;float: left; position: relative;}
    
.label_products {width: 100%; position: relative;display: inline-block;background: #fff;border: 2px solid #c6c6c6;margin-bottom: 5%;}
.label_products .item_name, .label_products .item_price {text-align:center;}
.label_products .block_item { margin-bottom: 10px; width: 30%; position: relative; float: left;}
.moduletablehits {width: 100%; position: relative; display: inline-block;}
.moduletablehits h3 {width:100%;position:relative;display:inline-block;    text-align: center;font-family: Tahoma, sans-serif;  font-weight: bold; font-size: 1.7vw; color: #333;  text-shadow: 2px 2px 3px #999999;}
.label_products .item_image {text-align: center; padding: 1%;  background: #fff;}
    
    p.glavnaya1 {text-align: center; font-size: 1.7vw;}
    p.glavnaya2 {text-align: center; font-size: 2vw; color: red;}
    p.glavnaya3 {text-align: center; font-size: 2vw;}
    p.glavnaya4 {text-align: center; font-size: 1.7vw;}

.footer {position:relative; display:inline-block; width:100%;background: #7f8990;}
.footer a {color:#9dcdf1;text-decoration:none;}
.footer a:hover {color:#58b4f9;}

ul.nav.menufootermenu {position:relative; display:inline-block; width:20%;float:left;}

ul.nav.menufootermenu li {padding: 0 20%; list-style:none; position: relative; font-family: Tahoma, sans-serif;font-weight: bold; font-size: 1vw;
 text-shadow: 2px 2px 3px #999999;}
ul.nav.menufootermenu li a {color: #fff;text-decoration:none;line-height:1.7;font-size: 1.2vw;}
ul.nav.menufootermenu li a:hover {color:#d6d6d6;}


.customfcontacts {position:relative; display:inline-block; width:20%;float:left;padding:0;margin:0;}
.customfcontacts p {text-align:justify;font-family: Tahoma, sans-serif;font-weight:bold;font-size: 1.2vw;color:#fff;text-shadow: 2px 2px 3px #999999;}


.customadress {position:relative; display:inline-block; width:20%;float:left;padding:0 5%;margin:0;}
.customadress p {text-align:justify;font-family: Tahoma, sans-serif;font-weight:bold;font-size: 1.2vw;color:#fff;text-shadow: 2px 2px 3px #999999;}

.customrekviz {position:relative; display:inline-block; width:20%;float:left;padding:0;margin:0;}
.customrekviz p {text-align:justify;font-family: Tahoma, sans-serif;font-weight:bold;font-size: 1.2vw;color:#fff;text-shadow: 2px 2px 3px #999999;}

@media (max-width: 720px){
    
.logo p {width:100%;margin:0;padding:0;float:none;text-align:center;}
.logo p img {width:35%;margin:5%;padding:0 25%;}
.top1 {margin:0; padding:0;position: relative;width:100%;float: none;}
.slogan {position: relative; margin: 0; padding: 0; float: none; width:100%;}
.slogan p {margin:0; padding: 1% 3% 1% 3%;font-size: 4.5vw;color:#3a3474; text-shadow:2px 2px 3px #999999;text-align:center;}
.grafic { margin: 0; padding: 0; float: none; width:100%;}
.grafic p {margin:0;padding: 3% 3% 3% 3%;font-size: 4.5vw;}
.grafic p img {width: 4%;}
.tel {margin: 0; padding: 0; float: none; width:100%; padding-bottom: 3rem;}
.tel .inner-popup { left: calc((100% - 50vw) / 2) !important; }
.custom .callback {left: 30% !important;}
.tel p {margin:0;padding: 3%;font-size: 4.5vw;}
.tel p img {width: 4%;}

.mainmenu {display:inline-block;float: none;position:relative;width:100%;height:auto;overflow:hidden;}

.mainmenu ul.nav.menu {margin: 0;padding: 0; position: relative; float: none;display:block;}
.mainmenu ul.nav.menu li {float: none; padding: 15px 20px; height: 20px; list-style:none; position: relative;display:block;border:2px solid #fff; }

.mainmenu ul li a {font-size: 4vw;}
.mainmenu ul li a:hover {color:#d6d6d6;}

.bread {display: inline-block;width:100%;height: auto;position:relative;}
.bread ul li {float: left; padding: 0; height: auto; font-size: 4vw; }

.leftmenu {width: 90%; margin: 5%;  position: relative;float:none;}

.page-header h1 {font-size: 5vw;}
.page-header  h2 {font-size: 5vw;}
.page-header h3 {font-size: 5vw;}
.page-header h4 {font-size: 5vw;}
.page-header h5 {font-size: 5vw;}
.page-header h6 {font-size: 5vw;}

    .mid {display: block;position:relative; display:block; width:100%; float:none;}
    .maincontent {  width: 90%; float: none;padding:2% 5%;}
    .item-page {display: block; float:none;  position: relative; width: 90%; padding: 2% 5%;}
.item-page p {text-align:justify;font-size: 4vw;}

.item-page p img {max-width:90%;}
.articleBody p {font-size: 4vw;}
p.glavnaya1 {text-align: center; font-size: 5vw;}
p.glavnaya2 {text-align: center;font-size: 6vw; }
p.glavnaya3 { text-align: center;font-size: 5vw;}
p.glavnaya4 {text-align: center;font-size: 5vw;}

.moduletablehits h3 { font-size: 6vw;}
.label_products .block_item { margin-bottom: 10px;width: 90%; padding: 0 5%; position: relative; float: none;}

ul.nav.menufootermenu {position:relative; display:inline-block; width:100%;float:none;}
ul.nav.menufootermenu li {padding: 0 20%;width:80%;}
ul.nav.menufootermenu li a {line-height:1.5;font-size: 5vw;}

.customfcontacts {width:90%;float:none;padding:0 5%;}
.customfcontacts p {font-size: 5vw;text-align: center;}

.customadress { width:90%;float:none;padding:0 5%;margin:0;}
.customadress p {font-size: 5vw;text-align: center;}

.customrekviz {width:90%;float:none;padding:0 5%;margin:0;;}
.customrekviz p {font-size: 5vw;text-align: center;}

.row-fluid .sblock3 { width: 100%; text-align: center;}

 .control-group.box_products_sorting {width: 100%;}
 
 .jshop h1 {font-size: 6vw;}
 .sblock3 .block_product{border:none;
} 
 .oiproduct {font-size:5vw; text-align: center}
 #comjshop_list_product.jshop.list_product .description {color:red;;min-height:20px;}
    
    .text_zoom {font-size:4vw;}

.jshop_prod_description,.manufacturer_name, .prod_price, .productweight, .extra_fields_el, .prod_qty {font-size:5vw; }
#comjshop.jshop.productfull {font-size:4vw; }
input.btn.btn-primary.button, input.btn.button { position: relative; border-radius: 4px;  display: inline-block; width: auto;border: 2px solid #7813ec;
    margin: 5%; padding: 2% 10%;}
    .categorylist_header_hits, .list-hits, a.hasPopover {display:none;}

}

.header .outer-popup {
    background:rgba(0,0,0,.4);
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100vw;
    z-index:10000;
    left: 0;
}
.header .close {

    color: purple;
    position: absolute;
    right: -2rem;
    top: -3rem;
    background: #fff;
    padding: 0.3rem 0.6rem;
    border-radius: 50%;
    cursor: pointer;

}



.header .inner-popup {
    background: #fff;
    width: 300px;
    position: relative;
    /*left: 50vw;*/
    left: calc((130% - 50vw) / 2);
    top: 50vh;
    padding: 1rem;
}
@media (max-width: 520px)
{
    .header .inner-popup {
        left: 0.3rem !important;
    }
    .header .close {
        right: 0;
    }
}

.header .inner-popup p {
    font-size: 1rem;
    padding:0;
    margin-bottom: 1rem;
}

.header .callback {
    cursor: pointer;
    background-color: #3a3474;
    color: #fff;
    padding: 1rem;
    position: relative;
    top: 1rem;
    left: 35%;
}

.header .inner-popup input[type="text"] {
    display: block;
    margin: 1rem auto;
}