Results of the CSS crunched for dverirespekt.ru

Let's see what we've done for dverirespekt.ru

CSSCruncher.com has crunched this CSS to
17.65 %Less Size! Woohooo!

Crunched CSS code:

html{background:#002142 url(../img/fon/fon_3.jpg)}
body{margin:0;padding:0;color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;text-align:center;word-break:normal;height:100%}
header,footer,section,article,nav,aside{display:block}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a{color:#003399;text-decoration:none;font-weight:bold}
a:hover{text-decoration:underline;color:#990000}
a:active{outline:none;border:0}
a img{border:0}
.b{font-weight:bold}
.i{font-style:italic}
.small{font-size:0.7em}
label{font-size:0.7em;line-height:170%}
th{text-align:center;font-style:italic}
h1,h2,h3,h4,.h1,.h2,.h3,.h4{font-family:Tahoma,Arial,sans-serif;font-weight:normal;line-height:120%;text-align:left;padding:0.5em;color:#000000}
#content h1,#content h2,#content h3,#content h4,#content .h1,#content .h2,#content .h3,#content .h4{background:#191E24;background-image:-webkit-gradient(linear,top,bottom,color-stop(0,#262E36),color-stop(1,#060809));background-image:-o-linear-gradient(top,#262E36,#060809);background-image:-moz-linear-gradient(top,#262E36,#060809);background-image:-webkit-linear-gradient(top,#262E36,#060809);background-image:linear-gradient(to bottom,#262E36,#060809);padding:0.5em 0.5em;margin-bottom:0.5em;color:#FFFFFF;text-shadow:1px 1px 1px #000024}
#content .posts h2,#content .posts h3,#content .posts h4,#content .posts .h2,#content .posts .h3,#content .posts .h4{background:none;background-image:none}
.posts .post img{margin:10px 10px 10px 0px;float:left;display:inline}
.posts .post:nth-child(2n) img{margin:10px 0px 10px 10px;float:right}
.posts .post img:hover{cursor:pointer}
.posts .h2 a{text-shadow:none}
h1,.h1{font-size:1.8em;margin:0.5em 0 0.5em 0;padding:0}
h2,.h2{font-size:1.5em;margin:0 0 0.3em 0}
h3,.h3{font-size:1.35em;margin:0 0 0.2em 0}
h4,.h4{font-size:1.2em;margin:0 0 0.2em 0}
.left{text-align:left}
.right{text-align:right}
.center{text-align:center}
.img_l{margin:10px 10px 10px 0px;float:left;display:inline}
.img_r{margin:10px 0px 10px 10px;display:inline}
img{max-width:100%}
img.wide{width:100%;height:auto}
img.left{float:left;margin-right:10px}
img.right{float:right;margin-left:10px}
.galka{list-style-image:url(../img/bullet_red.png)}
hr{color:#003399;background-color:#003399;height:2px;border-width:0px;margin:0 0 1em 0}
.fm{margin:10px}
.smaller{font-size:85% !important}
.bigger{font-size:120%}
.clear{height:1px;clear:both}
.red{color:red}
.noshadow{box-shadow:none}
.noborder{border:0}
.hidden{display:none}
#box,#inbox,#header,#header_page,#main_and_sidebar_left,#content,#content_and_left, #sidebar,#sidebar_left,#sidebar_right, #tumbs,.tumb,#hits,.tumbhit, #footer,#footer_page,#footer_left,#footer_right{text-align:left;width:100%}
#oferta,#footer_links{width:100%;text-align:center}
#oferta{font-size:0.9em;color:#333333;font-style:italic;text-shadow:none;background:#DDDDDD;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;padding:0.25em 0;margin:0 0 0 0}
#footer_links{padding:0.25em 0 0 0;margin:0 0 0em 0}
#footer_links a{color:#333333;text-shadow:none}
#box{margin:0 auto;min-height:100%;display:-moz-box;display:-o-box;display:-webkit-box;display:box;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-box-orient:vertical;box-orient:vertical}
#header{background-image:-webkit-gradient(linear,top,bottom,color-stop(0,#F5F5F5),color-stop(1,#D6D6D6));background-image:-o-linear-gradient(top,#F5F5F5,#D6D6D6);background-image:-moz-linear-gradient(top,#F5F5F5,#D6D6D6);background-image:-webkit-linear-gradient(top,#F5F5F5,#D6D6D6);background-image:linear-gradient(to bottom,#F5F5F5,#D6D6D6);padding:0px 0 0px 0;margin:31px 0 0 0;margin:0px 0 0 0;overflow:hidden;color:#333333}
#left_header_block{border:0px dotted red;float:left;width:300px;width:auto;margin:23px 0 5px 15px;margin:10px 0 0px 0px;padding:0}
#logo{width:100%;width:340px;width:auto;float:left;cursor:pointer;text-align:center;margin:0em 0 0em 0;overflow:hidden}
#sitename{text-align:left;width:100%;font-size:1.6em;text-shadow:1px 1px 1px #000000;font-weight:bold;border:0px dotted red;margin:0px 0 0px 0;padding:10px 10px 10px 20px;float:left;cursor:pointer}
#sitename a{color:#FFFFFF;text-decoration:none}
#sitename a:hover{text-decoration:none}
#sitename a img{}
#slogan{width:auto;float:left;font-family:Tahoma,Arial,sans-serif;font-weight:bold;font-style:italic;font-size:1.2em;color:#000000;text-shadow:1px 1px 1px #000024;margin:0px 0 10px 0px;clear:both;text-align:left}
#right_header_block{border:0px dotted red;width:auto;margin:23px 15px 0 0;margin:0px 0px 0px 0;padding:0px 0}
#phone{width:100%;margin:0.5em 10px 0 0;margin:0em 0px 0 0;padding:10px 0 5px 0;font-size:1.8em;font-family:Tahoma,Arial,sans-serif;text-shadow:1px 1px 1px #000024;border:0px dotted red}
#phone a{text-shadow:1px 1px 1px #000024;border:0px dotted red;text-decoration:none;color:#333;font-weight:normal}
#phone a:hover{text-decoration:none;color:#990000}
#footer{clear:both;padding:0px 0 0.5em 0;text-shadow:1px 1px 2px #000000;color:#FFFFFF;color:#FFCC66;font-family:Tahoma,Arial,sans-serif;line-height:170%}
#footer a{color:#DEB887;color:#FFFFFF;text-decoration:none;text-shadow:1px 1px 1px #000000;font-weight:normal}
#footer a:hover{color:#FFFFFF;text-decoration:underline}
#footer_left{float:left;word-break:normal}
#footer_left #phone_footer{font-size:1.6em}
#footer_left #work_time{font-size:1.25em}
#footer_right{float:right;word-break:normal}
.vidget{padding:0px 0 0px 0;margin-bottom:15px;border:1px solid #DDDDDD;-webkit-box-shadow:0 15px 10px -10px rgba(0,0,0,0.5),0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 15px 10px -10px rgba(0,0,0,0.5),0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 15px 10px -10px rgba(0,0,0,0.5),0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;border-radius:10px;border:1px solid #006600}
.vidget_title{border-bottom:none;text-align:center;display:block;padding:10px 0 10px 0;background:#006600;background-image:-webkit-gradient(linear,top left,bottom right,color-stop(0,#9CBF01),color-stop(1,#006633));background-image:-ms-linear-gradient(top left,#9CBF01,#006633);background-image:-o-linear-gradient(top left,#9CBF01,#006633);background-image:-moz-linear-gradient(top left,#9CBF01,#006633);background-image:-webkit-linear-gradient(top left,#9CBF01,#006633);background-image:linear-gradient(to bottom right,#9CBF01,#006633);border-top-left-radius:10px;border-top-right-radius:10px;font-weight:bold;text-decoration:none;color:#FFFFFF;text-transform:uppercase;text-shadow:1px 1px 3px #003300}
.vidget_content{margin:0 10px;padding:0 0px 0 0px}
.vidget_content a,.vidget_content a img{}
.clickable{cursor:pointer}
.rounded{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.err,.info,.ok,.mess{margin:10px 0 10px 0;padding:10px 10px 10px 50px;min-height:50px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;font-style:italic;font-size:0.9em;width:100%;text-align:left;float:left}
.err{background:#FFCCCC url(../img/err.png) no-repeat;border:1px solid red;font-size:1em}
.mess{background:#EEEEEE url(../img/mess.png) no-repeat;border:1px solid #B0C4DE}
.info{background:#E5E5FF url(../img/info.png) no-repeat;border:1px solid #CCCCCC}
.ok{background:#E6E6FA url(../img/ok.png) no-repeat;border:1px solid #B0C4DE}
.grey{background:#EEEEEE}
table{border:0}
table td{background:#EEEEEE;background:#FFFFFF;padding:0.25em 0.5em;text-align:left}
table td.left{text-align:left}
table th{background:#DDDDDD;padding:0.5em 0.5em}
table td a{display:block}
table td a:hover{text-decoration:none}
table td a img{border:0}
table tr:hover,table tr.hover td{background:#D9E6E1;background:#DDDDDD}
form.grey td{background:#EEEEEE}
input.kaptcha{width:5em;font-size:1.3em;padding:3px;font-weight:bold;margin-top:8px}
a input[type="button"]{font-weight:bold;font-size:1.1em;padding:0.3em 1em;cursor:pointer}
#social{padding:10px 0;text-align:center}
#inbox{background:#EEEEEE url(../img/fon/az_subtle.png);-moz-box-flex:1;-o-box-flex:1;-webkit-box-flex:1;box-flex:1}
#content{float:right;background:#EEEEEE;text-align:left}
#content ul,#content ol{margin:0;padding:0}
#content ul li,#content ol li{margin:0.5em 0 0.5em 0em;text-align:left;padding-left:1.5em;list-style-position:inside;text-indent:-1.3em;overflow:hidden}
#main_and_sidebar_right{float:right}
#main_and_sidebar_left{float:left}
#sidebar_right{border:0px dotted red;float:right}
#sidebar_left{border:0px dotted red;float:left}
#sidebar_left h2,#sidebar_left .h2{font-size:1.4em;padding:0.25em 0.35em 0em 0.35em;font-weight:bold}
#sidebar_left h3,#sidebar_left .h3{font-size:1.25em;padding:0.25em 0.35em 0em 0.35em;font-weight:bold}
.tumb,.tumbhit{height:215px;height:245px;height:207px;height:260px;float:left;text-align:center;margin:0 10px 15px 0;padding:0px;border:1px solid #DDDDDD;border:1px solid #EEEEEE;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;overflow:hidden;-webkit-box-shadow:0 15px 10px -10px rgba(0,0,0,0.5),0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 15px 10px -10px rgba(0,0,0,0.5),0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 15px 10px -10px rgba(0,0,0,0.5),0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;cursor:pointer}
.tumb,.tumbhit{height:260px;float:left;text-align:center;margin:0 10px 15px 0;padding:0px;border:1px solid #EEEEEE;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;overflow:hidden;-webkit-box-shadow:0 15px 10px -10px rgba(0,0,0,0.5),0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 15px 10px -10px rgba(0,0,0,0.5),0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 15px 10px -10px rgba(0,0,0,0.5),0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;cursor:pointer}
.tumbhit{height:260px;height:280px}
.tumb:hover,.tumbhit:hover{border:1px solid #BBBBBB;box-shadow:#990000}
.tumb a:hover,.tumbhit a:hover{color:#990000}
.tumb img,.tumbhit img{border:0px solid #FFFFFF;margin-top:0px;margin-bottom:0px}
.tumb_cur{margin-right:0px}
.tumb .forimg,.tumbhit .forimg{height:170px;text-align:center;margin:0 logo 0px logo;padding:10px 0 10px 0;border:0px dotted #AAAAAA}
.tumb .forimg img,.tumbhit .forimg img{border:0px dotted #AAAAAA}
.hit_header{text-align:right;color:#990000;font-style:italic;text-shadow:1px 1px 3px #808080;padding:0;margin:0 12px 0.5em 0;border-bottom:3px solid #990000}
.tumb .hit,.tumbhit .hit{position:relative;top:-48px;width:48px;height:48px;float:left;margin:0 0 0px 0px;background:url(../img/hit.png) no-repeat}
.tumb .product_name,.tumbhit .product_name{position:relative;top:-48px}
.tumb .product_name,.tumb .product_name_category,.tumbhit .product_name{height:90px;overflow:hidden;margin:0 0 0px 0px;padding:10px 0;border:0px dotted #FF0000;border-top:1px solid #DDDDDD;background:url(../img/overley2.png)}
.tumbhit .product_name{height:90px;height:110px}
.tumb .product_name:hover,.tumb .product_name_category:hover,.tumbhit .product_name:hover{background:none;border-top:1px solid #FFFFFF}
.tumb .product_name div,.tumb .product_name_category div,.tumbhit .product_name div{margin:0 10px 0px 10px}
.tumb .price,.tumbhit .price{clear:both;margin:0 0px 0px 0px;padding:0 0px 0px 0px;text-align:left;color:#990000;font-size:1.2em;font-weight:normal}
.tumb .price span,.tumbhit .price span{font-size:0.7em;margin-left:0.2em;color:#000000}
.tumb a,.tumbhit a{display:block}
.tumb a:hover,.tumbhit a:hover{text-decoration:none}
#hits{margin:0em 0 1.5em 0;padding:0.5em 0}
.mceFirst{background:#DDDDDD !important}
.mceFirst a.mceButton{border-color:#DDDDDD}
input{padding:0.3em 0.8em}
input[type=submit],input[type=file]{padding:0.3em 0.8em;font-weight:bold}
a input[type=button].link{background:#FFCC33;background-image:-webkit-gradient(linear,top,bottom,color-stop(0,#FFCC33),color-stop(1,#FF9900));background-image:-ms-linear-gradient(top,#FFCC33,#FF9900);background-image:-o-linear-gradient(top,#FFCC33,#FF9900);background-image:-moz-linear-gradient(top,#FFCC33,#FF9900);background-image:-webkit-linear-gradient(top,#FFCC33,#FF9900);background-image:linear-gradient(to bottom,#FFCC33,#FF9900);border:1px solid #FF9900;box-shadow:1px 1px 3px 1px #333333;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;text-shadow:1px 1px 3px #FFCC00;padding:0.4em 0.8em}
a input[type=button].link:hover{border:1px solid #000000;box-shadow:none}
a.button:hover{text-decoration:none}
#vitrina{width:100%;float:left;padding:0;overflow:hidden;text-align:center}
#vitrina a img.first{margin:0 0 5px 0;float:none}
#vitrina .addon_images a img{float:left;margin:0 10px 10px 0;border:0}
#vitrina .addon_images a:nth-child(even) img{float:left;margin-right:0}
#price .podzakaz{margin:10px 0 5px 0;color:#808080;font-size:85%}
#product_content{}
#description{margin:1em 0}
#product_content #price{font-size:1.3em}
#product_content #price span{color:#990000;margin:0 0em 0em 0em}
#product_content #price span.currency{font-size:80%;padding-left:0.2em;color:#000000}
#product_content #price span.artikul{font-size:85%;font-weight:normal;padding-left:0.5em;color:#808080}
.bread_crumbs{padding:0.5em 0 0em 0;font-size:0.9em;font-weight:bold}
#other_colors{margin:1em 0}
.products{padding:0.5em 0px 0.5em 0;border:0px solid #DDDDDD}
.products .product,#hits .product{width:100%;padding:10px 0 5px 0;margin:0px 0px 1em 0;border:1px solid #DDDDDD;line-height:130%;background:#FFFFFF;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;text-align:center;height:460px;height:480px;overflow:hidden;cursor:pointer;font-family:Tahoma,Arial,sans-serif}
.products .product img,#hits .product img{margin:4px 10px 4px 10px}
.products .product img:hover,#hits .product img:hover{}
.products .product .pz,#hits .product .pz{border:1px solid #999999;border-right:0;background:url(../img/z.png) no-repeat;width:80px;float:right;position:relative;right:0;top:20px;height:27px;z-index:5}
.products .product .after_pz{clear:both;position:relative;top:-27px;z-index:4}
.product_anons,.product_brand{margin:0.5em 0 0.5em 0}
p.price span{font-size:75%}
.product_content{width:auto;margin:0 0.75em 0 0.75em;padding:0em 0em;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:1em}
.product_content a{color:#000000;text-shadow:1px 1px 2px #808080;font-weight:normal}
.product_content a:hover{text-decoration:none}
.product_content .artikul{font-size:1em;margin:0 0em 0em 0em;color:#808080}
.product_content p.h3{padding:0 0em 0em 0em;margin:0}
.product_content p{padding:0.2em 0.2em 0.2em 0.2em;margin:0}
.product_content p.price{color:#990000;margin:0 0em 0em 0em}
.product_content p.price span{font-size:80%;padding-left:0.2em;color:#000000}
#calculator{width:100%;background:#FFFFFF}
.in_cart{border:0px dotted red;margin:0em 0.25em 1em 0em;padding:0em 0.25em 0.2em 0.25em;background:#FFCC33;border-radius:0.25em;font-size:1.2em}
.to_cart{margin:0em 0em 1em 0em;padding:0em 0.25em 0.2em 0em;font-size:1em}
#cart{width:100%;background:#FFFFFF;float:right;padding:5px 0 0px 0;border:1px solid #BBBBBB;text-align:left;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px}
#cart form{}
#cart form table{border:0}
#cart form input{margin:0}
.shopping_cart{background:#FFFFFF url(../img/cart_32.png) 2px 0px no-repeat;border-bottom:1px solid #DDDDDD;text-align:center}
#cart td{padding:0.4em 5px}
#cart input[type='submit']{background:#FFCC33;background-image:-webkit-gradient(linear,top,bottom,color-stop(0,#FFCC33),color-stop(1,#FF9900));background-image:-ms-linear-gradient(top,#FFCC33,#FF9900);background-image:-o-linear-gradient(top,#FFCC33,#FF9900);background-image:-moz-linear-gradient(top,#FFCC33,#FF9900);background-image:-webkit-linear-gradient(top,#FFCC33,#FF9900);background-image:linear-gradient(to bottom,#FFCC33,#FF9900);border:1px solid #FF9900;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-shadow:1px 1px 3px 1px #333333;text-shadow:1px 1px 3px #FFCC00;padding:0.3em 0.3em;margin:0;font-size:1.1em;font-weight:bold}
#cart input[type='submit']:hover{border:1px solid #000000;box-shadow:none}
#cart_panel{width:auto;padding-top:0.25em;padding-bottom:0.25em;font-family:Tahoma,Arial,sans-serif}
#cart_panel div{width:auto;text-align:right;margin:0px 10px;line-height:150%;font-size:1.1em;padding:0em 0 0 0}
#cart_panel div span{padding-left:37px;background:url(../img/cart_32.png) 0px -4px no-repeat}
#cart_panel form{width:130px;float:right;background:none;font-size:0.9em;margin:0px 0;padding:0em 10px 0em 0.2em}
#cart_panel input[type='submit']{margin:0px 0px 0 0;padding:0.2em 0.4em 0.1em 0.4em}
#cart-panel{clear:both;width:auto;width:300px;width:100%;padding:0.25em 0 0.25em 0;padding:0;margin:10px 0 0 0;margin:0px 0 0 0;font-family:Tahoma,Arial,sans-serif;border:0px dotted red;background:#DDDDDD}
#cart-panel form{border:0px dotted red;float:right;background:none;margin:0}
#cart-panel input[type='submit']{margin:2px 0px 0 0;padding:0.5em 0.3em 0.3em 0.3em}
#cart_box{border:0px dotted navy;width:auto;float:right;text-align:right;cursor:pointer}
#cart_info{border:0px dotted green;float:left;text-align:left;font-size:1em;margin:0 10px 0 0;padding-left:35px;background:url(../img/cart_32.png) 0px -4px no-repeat}
#cart_info span{font-weight:bold}
#cart_info span span{font-size:0.9em;font-weight:normal;margin-left:3px}
.cart_empty{padding:3px 0 5px 0;text-align:center;font-size:1em !important}
#content_box{float:left;width:auto}
.rounded-bottom{border-bottom-left-radius:6px;-webkit-bottom-left-border-radius:6px;-moz-bottom-left-border-radius:6px;border-bottom-right-radius:6px;-webkit-bottom-right-border-radius:6px;-moz-bottom-right-border-radius:6px}
.metki{}
.metki span a{background:#FFCC33;background-image:-webkit-gradient(linear,top,bottom,color-stop(0,#FFCC33),color-stop(1,#FF9900));background-image:-ms-linear-gradient(top,#FFCC33,#FF9900);background-image:-o-linear-gradient(top,#FFCC33,#FF9900);background-image:-moz-linear-gradient(top,#FFCC33,#FF9900);background-image:-webkit-linear-gradient(top,#FFCC33,#FF9900);background-image:linear-gradient(to bottom,#FFCC33,#FF9900);border:1px solid #FF9900;box-shadow:1px 1px 1px 1px #666666;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;text-shadow:1px 1px 3px #FFCC00;padding:0.2em 0.4em 0.2em 0.4em;margin:5px 0;font-size:1em;font-weight:bold;color:#000000;line-height:200%}
.metki span a:hover{border:1px solid #000000;box-shadow:none;color:#990000;text-decoration:none}
#color{padding-top:0.5em}
#color span{font-weight:bold}
#post_tags{padding:0.5em 0}
#post_tags span{font-weight:bold}
#post_tags a{background:url(../img/icons/metki_24x24.png) no-repeat;padding-left:30px}
#podbor{background:#EEEEEE;background-image:-webkit-gradient(linear,top,bottom,color-stop(0,#EEEEEE),color-stop(1,#DDDDDD));background-image:-o-linear-gradient(top,#EEEEEE,#DDDDDD);background-image:-moz-linear-gradient(top,#EEEEEE,#DDDDDD);background-image:-webkit-linear-gradient(top,#EEEEEE,#DDDDDD);background-image:linear-gradient(to bottom,#EEEEEE,#DDDDDD);border:1px solid #CCCCCC;text-align:center}
#podbor div.dop_parametr{width:100%;float:left;margin:0 10px 5px 0;padding:0em 0em 0em 0em}
#podbor div.dop_parametr span{font-size:0.85em;font-style:italic}
#podbor div.dop_parametr input,#podbor div.dop_parametr select{width:100%}
#podbor div.dop_parametr input[type="submit"]{margin-bottom:0}
#podbor div.dop_parametr.submit{margin:0;padding-top:0em}
#contact-sidebar{margin:1em 0}
#phone{border:0px dotted red !important;margin:0;padding:0.5em 0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}
#phone form{border:0px dotted red;margin:0;padding:0;background:none}
#phone form.tel button{border:0px dotted navy;margin:0;padding:0;font-size:1.1em;font-family:Arial,Helvetica,sans-serif;background:none;cursor:pointer}
#phone form.whatsapp{border:0px dotted green;margin:0;padding:0;width:36px;height:30px}
#phone form.whatsapp button{border:0px dotted green;margin:0;padding:0;width:100%;height:100%;background:url(../img/icons/whatsapp_28x28_green.png) top right no-repeat;display:block;cursor:pointer}
@media only screen and (max-width:239px){body{font-size:1em}
#box{margin:0;padding:0}
h1{font-size:1.35em}
h2{font-size:1.25em}
h3{font-size:1.15em}
#header{text-align:center;background-image:-webkit-gradient(linear,top,bottom,color-stop(0,#F2F2F2),color-stop(1,#DDDDDD));background-image:-o-linear-gradient(top,#F2F2F2,#DDDDDD);background-image:-moz-linear-gradient(top,#F2F2F2,#DDDDDD);background-image:-webkit-linear-gradient(top,#F2F2F2,#DDDDDD);background-image:linear-gradient(to bottom,#F2F2F2,#DDDDDD)}
#logo{width:100%}
#logo img{width:90%;margin:10px auto}
#phone{width:100%;margin:0px 5px 0px 5px;text-align:center;font-size:1.3em;clear:both;float:none}
#slogan{padding:0;margin:10px 10px 10px 10px;font-size:1.1em;text-align:center;font-weight:normal}
#footer_left #phone_footer{width:100%;font-size:1em}
#footer_left #work_time{width:100%;font-size:1em}
#calculator{clear:both;padding:0.5em}}
@media only screen and (min-width:240px){body{font-size:1em}
h1{font-size:1.35em}
h2{font-size:1.25em}
h3{font-size:1.15em}
.fm{margin:5px}
#header{text-align:center;background-image:-webkit-gradient(linear,top,bottom,color-stop(0,#F2F2F2),color-stop(1,#DDDDDD));background-image:-o-linear-gradient(top,#F2F2F2,#DDDDDD);background-image:-moz-linear-gradient(top,#F2F2F2,#DDDDDD);background-image:-webkit-linear-gradient(top,#F2F2F2,#DDDDDD);background-image:linear-gradient(to bottom,#F2F2F2,#DDDDDD)}
#left_header_block{border:0px dotted red;float:none;text-align:center}
#logo{width:100%;margin:0}
#logo img{width:90%}
#slogan{width:auto;padding:0;margin:0px 5px 0px 5px;font-size:1em;text-align:center;font-weight:normal;float:none}
#phone{width:auto;width:100%;text-align:center;margin:0px 0px 0px 0px;font-size:1.15em;clear:both;float:none}
#cart-panel{border:0px dotted red;float:right;padding:5px 0px 5px 0;font-size:0.95em}
#cart_box{margin:0 10px 0 0}
#cart-panel form{border:0px dotted red;float:right;margin:0 0px 0 0}
#cart_info{border:0px dotted green;float:left;background:url(../img/cart.png) 0px -4px no-repeat;padding-left:50px;margin:4px 10px 0 0}
#sitename{font-size:1.6em}
#footer{font-size:0.9em;line-height:140%}
#footer_left #phone_footer{width:100%}
#footer_left #work_time{width:100%;margin-top:0.7em}
#calculator{clear:both}
.products .product,#hits .product{text-align:center;height:445px;height:465px}
.products .product img,#hits .product img{float:none}
.product_content{clear:both;text-align:center;font-size:1em}
.product_content p{font-size:1.1em}
#vitrina{overflow:hidden;text-align:center;margin-right:0}}
@media only screen and (min-width:320px){body{font-size:1em}
#logo img{width:90%}
#phone{font-size:1.35em;width:auto}
#slogan{padding:0;margin:0px 7px 0px 7px;font-size:1em;text-align:center;font-weight:bold}
#content{overflow:hidden}
.products .product,#hits .product{height:430px;height:450px}
#vitrina{width:310px}
#vitrina img{}
#vitrina img.first{width:auto;max-width:310px}}
@media only screen and (min-width:360px){#vitrina{width:310px;margin:0px 10px 5px 0}
#vitrina img{max-width:310px}
.tumb,.tumbhit{width:48.4%;width:48.2%;float:left;font-size:0.9em}
.tumb:nth-child(2n),.tumbhit:nth-child(2n){margin-right:0}
.product_content{width:auto;padding:5px 0px 0px 0px}}
@media only screen and (min-width:400px){}
@media only screen and (min-width:440px){.products .product,#hits .product{border:1px solid #CCCCCC;width:49%;height:455px;height:490px;float:left;margin:0 2% 10px 0}
.products .product:nth-child(2n),#hits .product:nth-child(2n){margin-right:0%}
.products .product img{max-width:88%}}
@media only screen and (min-width:480px){.fm{margin:10px}
#phone{margin:0 10px;text-align:right}
#slogan{font-weight:bold}
h1{font-size:1.45em}
h2{font-size:1.35em}
h3{font-size:1.25em}
#footer_left #phone_footer{}
#footer_left #work_time{}
#sidebar_left{width:50%;float:left}
#sidebar_right{width:50%;float:right}
.tumb,.tumbhit{width:47.5%;width:48.8%;font-size:0.9em}
.products .product{height:490px}
.products .product img{}
.product_content p{font-size:1.2em}
#cart-panel{margin:5px 0px 0 0}}
@media only screen and (min-width:510px){h1{font-size:1.5em}
h2{font-size:1.35em}
h3{font-size:1.25em}
#logo{margin:0 10px;padding:0;text-align:left}
#logo img{width:100%;max-width:340px}
#slogan{border:0px dotted navy;padding:0 10px;margin:0px 0px 10px 0px;width:auto;text-align:left}
#phone{border:0px dotted blue;margin:0 10px 0 0px;padding:0;font-size:1.3em}
#cart_info{border:0px dotted red;background:url(../img/cart.png) 0 -4px no-repeat;padding-left:50px;font-size:0.9em}
.products .product{height:475px}
.products .product img{}
.product_content p{font-size:1.2em}}
@media only screen and (min-width:550px){#cart_info{border:0px dotted red;padding-left:48px}
.products .product{height:460px}
.products .product img{}}
@media only screen and (min-width:595px){#left_header_block{border:0px dotted red;width:340px;width:54%;float:left}
#right_header_block{border:0px dotted green;width:45.5%;float:right;margin:7px 0px 0 0}
#logo{width:auto}
#slogan{font-size:1em}
#phone{border:0px dotted red !important;justify-content:flex-end;font-size:1.4em}
#cart-panel{width:auto;margin:0px 0px 0px 0px;padding:0;background:none;font-size:1em}
#cart-panel input[type='submit']{margin:2px 0px 0 0;padding:0.5em 0.3em 0.3em 0.3em;font-size:1em}
#cart_info{border:0px dotted red;background:url(../img/cart_32.png) 0 0px no-repeat;padding-left:35px;line-height:110%;width:100%;margin:0px 10px 0px 0px}
.tumb,.tumbhit{width:31.5%;width:31.5%;width:32.1%;font-size:0.9em}
.tumb:nth-child(2n),.tumbhit:nth-child(2n){margin-right:10px}
.tumb:nth-child(3n),.tumbhit:nth-child(3n){margin-right:0px}
.products .product,#hits .product{height:455px}
.products .product img{width:auto;max-width:auto}
#calculator{float:left;clear:none;margin-bottom:1em}
#product_content{margin-left:320px}
#podbor div.dop_parametr{width:logo}
#podbor.dpc_3 div.dop_parametr{width:31.6%}
#podbor.dpc_4 div.dop_parametr{width:23.3%;width:23.1%}
#podbor.dpc_5 div.dop_parametr{width:18.5%}
#podbor div.formargin{margin:10px 10px 5px 10px}
#podbor div.dop_parametr.submit{margin:0;padding-top:0em}
#podbor div.dop_parametr.submit input{margin:0.4em 0 0 0}}
@media only screen and (min-width:640px){#logo{}
#phone{clear:none;float:right;text-align:right;font-size:1.55em}
#slogan{font-size:1.05em}
#cart-panel{}
#cart_info{border:0px dotted red;background:url(../img/cart.png) 0 -6px no-repeat;padding-left:50px;line-height:120%}
.tumb,.tumbhit{width:31.6%;width:32.2%;font-size:0.9em}}
@media only screen and (min-width:720px){#phone{font-size:1.66em}
#slogan{font-size:1.2em}
#cart-panel input[type='submit']{padding:0.5em 0.4em 0.3em 0.4em;font-size:1.05em}
#cart_info{font-size:1em}
.products .product,#hits .product{height:440px}}
@media only screen and (min-width:768px){#cart-panel{font-size:1em}
#footer_left{width:50%;float:left}
#footer_right{width:50%;float:right}
#sidebar_left{width:25%;float:left}
#sidebar_right{width:25%;float:left}
#content{width:75%;float:right}
.tumb,.tumbhit{width:31.4%;width:32.1%;font-size:0.9em}
.products .product,#hits .product{height:460px}}
@media only screen and (min-width:800px){#podbor{width:logo}
#podbor div.dop_parametr{font-size:1.1em}}
@media only screen and (min-width:860px){.products .product,#hits .product{height:450px}}
@media only screen and (min-width:900px){.products .product,#hits .product{height:440px}}
@media only screen and (min-width:970px){}
@media only screen and (min-width:1000px){#left_header_block{width:65%}
#right_header_block{width:30%}
h1{font-size:1.6em}
h2{font-size:1.45em}
h3{font-size:1.3em}
#footer_left{width:45%}
#footer_right{width:55%}
.tumb,.tumbhit{width:32.4%;font-size:1em}
.products .product,#hits .product{width:32%;float:left;margin-right:2%;height:475px}
.products .product:nth-child(2n),#hits .product:nth-child(2n){margin-right:2%}
.products .product:nth-child(3n),#hits .product:nth-child(3n){margin-right:0%}
.products .product:nth-child(3n+2),#hits .product:nth-child(3n+2){float:left;margin-right:2%}
.products .product img{max-width:90%}}
@media only screen and (min-width:1050px){.products .product img{}}
@media only screen and (min-width:1100px){.products .product{height:460px}
.products .product img{}}
@media only screen and (min-width:1200px){.products .product,#hits .product{width:24.25%;float:left;margin-right:1%;height:490px}
.products .product:nth-child(2n),#hits .product:nth-child(2n){margin-right:1%}
.products .product:nth-child(3n),#hits .product:nth-child(3n){margin-right:1%}
.products .product:nth-child(3n+1),#hits .product:nth-child(3n+1){margin-right:1%}
.products .product:nth-child(3n+2),#hits .product:nth-child(3n+2){clear:none;margin-right:1%}
.products .product:nth-child(4n),#hits .product:nth-child(4n){margin-right:0%}
.products .product:nth-child(4n+1),#hits .product:nth-child(4n+1){clear:both;margin-right:1%}
.products .product img{}}
@media only screen and (min-width:1280px){h1,.h1{font-size:1.8em}
h2,.h2{font-size:1.55em}
h3,.h3{font-size:1.35em}
h4,.h4{font-size:1.2em}
.products .product{height:480px}
.products .product img{}
.product_content{width:auto;margin:0px 10px 5px 10px}
.tumb,.tumbhit{width:23.9%}}
@media only screen and (min-width:1366px){#box{width:1349px}
#sidebar_left{width:20%;float:left}
#sidebar_right{width:20%;float:left}
#content{width:80%;float:right}
.products .product img{max-width:auto;max-width:235px}}
.slider{border:0px dotted red;padding:0em;width:100%;height:auto;margin:10px auto 10px auto;overflow:hidden;text-align:center;display:flex}
.slider img{max-width:100%}
.slider .sl_img{width:100%;float:left;margin:auto 0 auto -75px;text-align:center;position:relative;z-index:0}
.slider .strelka_left,.slider .strelka_right{width:75px;height:80px;overflow:hidden;position:relative;cursor:pointer;margin-top:auto;margin-bottom:auto}
.slider .strelka_left{border:0px dotted red;background:url(../img/strelki_3.png) 10px no-repeat;float:left;z-index:1}
.slider .strelka_right{border:0px dotted green;background:url(../img/strelki_3.png) -37px no-repeat;margin:auto 0 auto -75px;float:right;z-index:2}
@-webkit-keyframes slide-animation{1%{left:0%;opacity:1}
18%{left:0%;opacity:1}
19%{opacity:0.2}
20%{left:-100%;opacity:1}
58%{left:-100%;opacity:1}
59%{opacity:0.2}
60%{left:-200%;opacity:1}
98%{left:-200%;opacity:1}
99%{opacity:0.5}
100%{left:0%}}
@-moz-keyframes slide-animation{1%{left:0%;opacity:1}
18%{left:0%;opacity:1}
19%{opacity:0.2}
20%{left:-100%;opacity:1}
58%{left:-100%;opacity:1}
59%{opacity:0.2}
60%{left:-200%;opacity:1}
98%{left:-200%;opacity:1}
99%{opacity:0.5}
100%{left:0%}}
.slides{height:300px;margin:10px auto 10px auto;overflow:hidden;position:relative;width:auto}
.slides ul{list-style:none;position:relative}
@-webkit-keyframes anim_slides{0%{opacity:0}
6%{opacity:1}
24%{opacity:1}
30%{opacity:0}
100%{opacity:0}}
@-moz-keyframes anim_slides{0%{opacity:0}
6%{opacity:1}
24%{opacity:1}
30%{opacity:0}
100%{opacity:0}}
.slides ul li{opacity:0;position:absolute;top:0;border:1px dotted red;-webkit-animation-name:anim_slides;-webkit-animation-duration:14.0s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:normal;-webkit-animation-delay:0;-webkit-animation-play-state:running;-webkit-animation-fill-mode:forwards;-moz-animation-name:anim_slides;-moz-animation-duration:14.0s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;-moz-animation-direction:normal;-moz-animation-delay:0;-moz-animation-play-state:running;-moz-animation-fill-mode:forwards}
.slides ul li:nth-child(2),.slides ul li:nth-child(2) div{-webkit-animation-delay:5.0s;-moz-animation-delay:5.0s}
.slides ul li:nth-child(3),.slides ul li:nth-child(3) div{-webkit-animation-delay:10.0s;-moz-animation-delay:10.0s}
.slides ul li:nth-child(4),.slides ul li:nth-child(4) div{-webkit-animation-delay:15.0s;-moz-animation-delay:15.0s}
.slides ul li:nth-child(5),.slides ul li:nth-child(5) div{-webkit-animation-delay:20.0s;-moz-animation-delay:20.0s}
.slides ul li img{display:block}
@-webkit-keyframes anim_titles{0%{left:100%;opacity:0}
5%{left:10%;opacity:1}
20%{left:10%;opacity:1}
25%{left:100%;opacity:0}
100%{left:100%;opacity:0}}
@-moz-keyframes anim_titles{0%{left:100%;opacity:0}
5%{left:10%;opacity:1}
20%{left:10%;opacity:1}
25%{left:100%;opacity:0}
100%{left:100%;opacity:0}}
#search{border:0;background:none;margin:0 0 1em 0}
#search label{margin:0 0 0 0;font-size:0.9em}
#search_str{width:68%;padding:4px;font-size:1.2em;font-weight:bold;margin-bottom:0}
#search_submit{width:31%;width:auto;margin:0;padding:0.4em 0.4em 0.3em 0.4em}

» Show original CSS code

« Hide original CSS code

html {
background: #002142 url(../img/fon/fon_3.jpg);
}
body {
margin: 0;
padding: 0;
color: #000000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1em;
text-align: center;
word-break: normal;
height: 100%;
}
header, footer, section, article, nav, aside {display: block;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a {color: #003399; text-decoration: none; font-weight: bold; }
a:hover {text-decoration: underline; color: #990000;}
a:active {outline: none; border: 0;}
a img {border: 0;}
.b {font-weight: bold;}
.i {font-style: italic;}
.small {font-size: 0.7em;}
label {font-size: 0.7em; line-height: 170%;}
th {text-align: center; font-style: italic;}
h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
font-family: Tahoma, Arial, sans-serif;
font-weight: normal;
line-height: 120%;
text-align: left;
padding: 0.5em;
color: #000000;
}
#content h1, #content h2, #content h3, #content h4, #content .h1, #content .h2, #content .h3, #content .h4 {
background: #191E24;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #262E36), color-stop(1, #060809));
background-image: -o-linear-gradient(top, #262E36, #060809);
background-image: -moz-linear-gradient(top, #262E36, #060809);
background-image: -webkit-linear-gradient(top, #262E36, #060809);
background-image: linear-gradient(to bottom, #262E36, #060809);
padding: 0.5em 0.5em;
margin-bottom: 0.5em;
color: #FFFFFF;
text-shadow: 1px 1px 1px #000024;
}
#content .posts h2, #content .posts h3, #content .posts h4, #content .posts .h2, #content .posts .h3, #content .posts .h4 {background: none; background-image: none;}
.posts .post img {margin: 10px 10px 10px 0px; float: left; display: inline;}
.posts .post:nth-child(2n) img {margin: 10px 0px 10px 10px; float: right;}
.posts .post img:hover {cursor: pointer;}
.posts .h2 a {text-shadow: none;}
h1, .h1 {font-size: 1.8em; margin: 0.5em 0 0.5em 0; padding: 0;}
h2, .h2 {font-size: 1.5em; margin: 0 0 0.3em 0;}
h3, .h3 {font-size: 1.35em; margin: 0 0 0.2em 0;}
h4, .h4 {font-size: 1.2em; margin: 0 0 0.2em 0;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.img_l {margin: 10px 10px 10px 0px; float: left; display: inline;}
.img_r {margin: 10px 0px 10px 10px; display: inline;}
img {max-width: 100%;}
img.wide {width: 100%; height: auto;}
img.left {float: left; margin-right: 10px;}
img.right {float: right; margin-left: 10px;}
.galka {list-style-image: url(../img/bullet_red.png);}
hr {color: #003399; background-color: #003399; height: 2px; border-width: 0px; margin: 0 0 1em 0;}
.fm {margin: 10px;}
/*.formargin {margin: 10px;}
.formargin_5 {margin: 5px;}*/
.smaller {font-size: 85% !important;}
.bigger {font-size: 120%;}
.clear {height: 1px; clear: both;}
.red {color: red;}
.noshadow {box-shadow: none;}
.noborder {border: 0;}
.hidden {display: none;}

#box, #inbox, #header, #header_page, #main_and_sidebar_left, #content, #content_and_left,
#sidebar, #sidebar_left, #sidebar_right,
#tumbs, .tumb, #hits, .tumbhit,
#footer, #footer_page, #footer_left, #footer_right {text-align: left; width: 100%;}

#oferta, #footer_links {width: 100%; text-align: center;}
#oferta {
font-size: 0.9em; color: #333333; font-style: italic; text-shadow: none;
background: #DDDDDD;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 0.25em 0;
margin: 0 0 0 0;
}
#footer_links {padding: 0.25em 0 0 0; margin: 0 0 0em 0;}
#footer_links a {color: #333333; text-shadow: none;}

#box
{
margin: 0 auto;
min-height: 100%;
display: -moz-box;
display: -o-box;
display: -webkit-box;
display: box;
-moz-box-orient: vertical;
-o-box-orient: vertical;
-webkit-box-orient: vertical;
box-orient: vertical;
/*box-shadow: 2px 2px 12px 2px #000;*/
}

#header
{
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #F5F5F5), color-stop(1, #D6D6D6));
background-image: -o-linear-gradient(top, #F5F5F5, #D6D6D6);
background-image: -moz-linear-gradient(top, #F5F5F5, #D6D6D6);
background-image: -webkit-linear-gradient(top, #F5F5F5, #D6D6D6);
background-image: linear-gradient(to bottom, #F5F5F5, #D6D6D6);
padding: 0px 0 0px 0;
margin: 31px 0 0 0; margin: 0px 0 0 0;
overflow: hidden;
color: #333333;
}
#left_header_block
{
border: 0px dotted red;
float: left;
width: 300px; width: auto;
margin: 23px 0 5px 15px; margin: 10px 0 0px 0px;
padding: 0;
}
#logo
{
width: 100%; width: 340px; width: auto;
float: left;
cursor: pointer;
text-align: center;
margin: 0em 0 0em 0;
overflow: hidden;
}
#sitename
{
text-align: left;
width: 100%;
font-size: 1.6em;
text-shadow: 1px 1px 1px #000000;
font-weight: bold;
border: 0px dotted red;
margin: 0px 0 0px 0;
padding: 10px 10px 10px 20px;
float: left;
cursor: pointer;
}
#sitename a { color: #FFFFFF; text-decoration: none;}
#sitename a:hover {text-decoration: none;}
#sitename a img {}
#slogan
{
width: auto;
float: left;
font-family: Tahoma, Arial, sans-serif;
font-weight: bold;
font-style: italic;
font-size: 1.2em;
color: #000000;
text-shadow: 1px 1px 1px #000024;
margin: 0px 0 10px 0px;
clear: both;
text-align: left;
}

#right_header_block
{
border: 0px dotted red;
width: auto;
margin: 23px 15px 0 0; margin: 0px 0px 0px 0;
padding: 0px 0;
}
#phone
{
width: 100%;
margin: 0.5em 10px 0 0; margin: 0em 0px 0 0;
padding: 10px 0 5px 0;
font-size: 1.8em;
font-family: Tahoma, Arial, sans-serif;
text-shadow: 1px 1px 1px #000024;
border: 0px dotted red;
}
#phone a
{
text-shadow: 1px 1px 1px #000024;
border: 0px dotted red;
text-decoration: none;
color: #333;
font-weight: normal;
}
#phone a:hover {text-decoration: none; color: #990000;}

#footer
{
clear: both;
padding: 0px 0 0.5em 0;
text-shadow: 1px 1px 2px #000000;
color: #FFFFFF; color: #FFCC66;
font-family: Tahoma, Arial, sans-serif;
line-height: 170%;
}
#footer a {color: #DEB887; color: #FFFFFF; text-decoration: none; text-shadow: 1px 1px 1px #000000; font-weight: normal; }
#footer a:hover {color: #FFFFFF; text-decoration: underline;}
#footer_left {float: left; word-break: normal;}
#footer_left #phone_footer {font-size: 1.6em;}
#footer_left #work_time {font-size: 1.25em;}
#footer_right {float: right; word-break: normal;}

.vidget {
padding: 0px 0 0px 0;
margin-bottom: 15px;
border: 1px solid #DDDDDD;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
border-radius: 10px;
border: 1px solid #006600;
}
.vidget_title {
border-bottom: none;
text-align: center;
display: block;
padding: 10px 0 10px 0;
background: #006600;
background-image: -webkit-gradient(linear, top left, bottom right, color-stop(0, #9CBF01), color-stop(1, #006633));
background-image: -ms-linear-gradient(top left, #9CBF01, #006633);
background-image: -o-linear-gradient(top left, #9CBF01, #006633);
background-image: -moz-linear-gradient(top left, #9CBF01, #006633);
background-image: -webkit-linear-gradient(top left, #9CBF01, #006633);
background-image: linear-gradient(to bottom right, #9CBF01, #006633);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
text-transform: uppercase;
text-shadow: 1px 1px 3px #003300;
}
.vidget_content {margin: 0 10px; padding: 0 0px 0 0px;}
.vidget_content a, .vidget_content a img {}

.clickable {cursor: pointer;}

.rounded {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

.err, .info, .ok, .mess {
margin: 10px 0 10px 0;
padding: 10px 10px 10px 50px;
min-height: 50px;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
font-style: italic;
font-size: 0.9em;
width: 100%;
text-align: left;
float: left;
}
.err {background: #FFCCCC url(../img/err.png) no-repeat; border: 1px solid red; font-size: 1em;}
.mess {background: #EEEEEE url(../img/mess.png) no-repeat; border: 1px solid #B0C4DE;}
.info {background: #E5E5FF url(../img/info.png) no-repeat; border: 1px solid #CCCCCC;}
.ok {background: #E6E6FA url(../img/ok.png) no-repeat; border: 1px solid #B0C4DE;}

.grey {background: #EEEEEE;}

table {border: 0;}
table td {background: #EEEEEE; background: #FFFFFF; padding: 0.25em 0.5em; text-align: left;}
table td.left {text-align: left;}
table th {background: #DDDDDD; padding: 0.5em 0.5em;}
table td a {display: block; /*color: #006633;*/}
table td a:hover {/*color: #003300;*/ text-decoration: none;}
table td a img {border: 0;}
/*table tr.normal {background: #EEEEEE;}*/
/*table tr.normal:hover, table tr.hover td {background: #DDDDDD; background: #D9E6E1;}*/
table tr:hover, table tr.hover td {background: #D9E6E1; background: #DDDDDD;}
form.grey td {background: #EEEEEE;}

input.kaptcha {width: 5em; font-size: 1.3em; padding: 3px; font-weight: bold; margin-top: 8px;}

a input[type="button"] {font-weight: bold; font-size: 1.1em; padding: 0.3em 1em; cursor: pointer;}

#social {padding: 10px 0; text-align: center; }

#inbox
{
background: #EEEEEE url(../img/fon/az_subtle.png);
-moz-box-flex: 1;
-o-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1;
}

#content
{
float: right;
background: #EEEEEE;
text-align: left;
}

#content ul, #content ol {margin: 0; padding: 0;}
#content ul li, #content ol li {
margin: 0.5em 0 0.5em 0em;
text-align: left;
padding-left: 1.5em;
list-style-position: inside;
text-indent:-1.3em;
overflow: hidden;
}

#main_and_sidebar_right
{
float: right;
}

#main_and_sidebar_left
{
float: left;
}

#sidebar_right
{
border: 0px dotted red;
float: right;
}

#sidebar_left
{
border: 0px dotted red;
float: left;
}
#sidebar_left h2, #sidebar_left .h2 {font-size: 1.4em; padding: 0.25em 0.35em 0em 0.35em; font-weight: bold; }
#sidebar_left h3, #sidebar_left .h3 {font-size: 1.25em; padding: 0.25em 0.35em 0em 0.35em; font-weight: bold; }

.tumb, .tumbhit
{
height: 215px; height: 245px; height: 207px; height: 260px;
float: left;
text-align: center;
margin: 0 10px 15px 0;
padding: 0px;
border: 1px solid #DDDDDD;  border: 1px solid #EEEEEE;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
overflow: hidden;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
cursor: pointer;
}
.tumb, .tumbhit
{
height: 260px;
float: left;
text-align: center;
margin: 0 10px 15px 0;
padding: 0px;
border: 1px solid #EEEEEE;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
overflow: hidden;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
cursor: pointer;
}
.tumbhit {height: 260px; height: 280px;}
.tumb:hover, .tumbhit:hover {border: 1px solid #BBBBBB; box-shadow: #990000;}
.tumb a:hover, .tumbhit a:hover {color: #990000;}
.tumb img, .tumbhit img {border: 0px solid #FFFFFF; margin-top: 0px; margin-bottom: 0px;}
.tumb_cur {margin-right: 0px;}
.tumb .forimg, .tumbhit .forimg
{
height: 170px;
text-align: center;
margin: 0 logo 0px logo;
padding: 10px 0 10px 0;
border: 0px dotted #AAAAAA;
}
.tumb .forimg img, .tumbhit .forimg img {border: 0px dotted #AAAAAA;}
.hit_header
{
text-align: right;
color: #990000;
font-style: italic;
text-shadow: 1px 1px 3px #808080;
padding: 0;
margin: 0 12px 0.5em 0;
border-bottom: 3px solid #990000;
}
.tumb .hit, .tumbhit .hit
{
position: relative;
top: -48px;
width: 48px;
height: 48px;
float: left;
margin: 0 0 0px 0px;
background: url(../img/hit.png) no-repeat;
}
.tumb .product_name, .tumbhit .product_name {position: relative; top: -48px;}
.tumb .product_name, .tumb .product_name_category, .tumbhit .product_name
{
height: 90px;
overflow: hidden;
margin: 0 0 0px 0px;
padding: 10px 0;
border: 0px dotted #FF0000;
border-top: 1px solid #DDDDDD;
background: url(../img/overley2.png);
}
.tumbhit .product_name {height: 90px; height: 110px;}
.tumb .product_name:hover, .tumb .product_name_category:hover, .tumbhit .product_name:hover {background: none; border-top: 1px solid #FFFFFF;}
.tumb .product_name div, .tumb .product_name_category div, .tumbhit .product_name div {margin: 0 10px 0px 10px;}
.tumb .price, .tumbhit .price
{
clear: both;
margin: 0 0px 0px 0px;
padding: 0 0px 0px 0px;
text-align: left;
color: #990000;
font-size: 1.2em; font-weight: normal;
}
.tumb .price span, .tumbhit .price span {font-size: 0.7em; margin-left: 0.2em; color: #000000;}
.tumb a, .tumbhit a {display: block;}
.tumb a:hover, .tumbhit a:hover {text-decoration: none;}
#hits {margin: 0em 0 1.5em 0; padding: 0.5em 0;}

.mceFirst {background: #DDDDDD !important;}
.mceFirst a.mceButton {border-color: #DDDDDD;}

input {padding: 0.3em 0.8em;}
input[type=submit], input[type=file] {padding: 0.3em 0.8em; font-weight: bold;}
a input[type=button].link {
background: #FFCC33;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFCC33), color-stop(1, #FF9900));
background-image: -ms-linear-gradient(top, #FFCC33, #FF9900);
background-image: -o-linear-gradient(top, #FFCC33, #FF9900);
background-image: -moz-linear-gradient(top, #FFCC33, #FF9900);
background-image: -webkit-linear-gradient(top, #FFCC33, #FF9900);
background-image: linear-gradient(to bottom, #FFCC33, #FF9900);
border: 1px solid #FF9900;
box-shadow: 1px 1px 3px 1px #333333;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-shadow: 1px 1px 3px #FFCC00;
padding: 0.4em 0.8em;
}
a input[type=button].link:hover {border: 1px solid #000000; box-shadow: none;}
a.button:hover {text-decoration: none;}

#vitrina
{
width: 100%;
float: left;
padding: 0;
overflow: hidden;
text-align: center;
}
#vitrina a img.first {margin: 0 0 5px 0; float: none;}
#vitrina .addon_images a img {float: left; margin: 0 10px 10px 0; border: 0;}
#vitrina .addon_images a:nth-child(even) img {float: left; margin-right: 0;}
#price .podzakaz {margin: 10px 0 5px 0; color: #808080; font-size: 85%;}

#product_content
{
/*background: #FFFFFF;
margin-left: 320px;
float: left;*/
}
#description {margin: 1em 0;}
#product_content #price {font-size: 1.3em;}
#product_content #price span {color: #990000; margin: 0 0em 0em 0em;}
#product_content #price span.currency {font-size: 80%; padding-left: 0.2em; color: #000000;}
#product_content #price span.artikul {font-size: 85%; font-weight: normal; padding-left: 0.5em; color: #808080;}

.bread_crumbs {padding: 0.5em 0 0em 0; font-size: 0.9em; font-weight: bold;}

#other_colors {margin: 1em 0;}

.products
{
padding: 0.5em 0px 0.5em 0;
border: 0px solid #DDDDDD;
}
.products .product, #hits .product
{
width: 100%;
padding: 10px 0 5px 0;
margin: 0px 0px 1em 0;
border: 1px solid #DDDDDD;
line-height: 130%;
background: #FFFFFF;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
text-align: center;
height: 460px; height: 480px;
overflow: hidden;
cursor: pointer;
font-family: Tahoma, Arial, sans-serif;
/*z-index: 0;*/
}
.products .product img, #hits .product img {
margin: 4px 10px 4px 10px;
/*-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;*/
/*
box-shadow: 0 10px 5px -10px #000000;
-moz-box-shadow: 0 10px 5px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
*/
}
.products .product img:hover, #hits .product img:hover {
/*-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-o-transform: scale(1.15);
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
max-height: 300px;
overflow: hidden;*/
}
.products .product .pz, #hits .product .pz
{
border: 1px solid #999999;
border-right: 0;
background: url(../img/z.png) no-repeat;
width: 80px;
float: right;
position: relative;
right: 0;
top: 20px;
height: 27px;
z-index: 5;
}
.products .product .after_pz {
clear: both;
position: relative;
top: -27px;
z-index: 4;
}
.product_anons, .product_brand {margin: 0.5em 0 0.5em 0;}
p.price span {font-size: 75%;}
.product_content {
width: auto;
margin: 0 0.75em 0 0.75em;
padding: 0em 0em;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}

.product_content a {color: #000000; text-shadow: 1px 1px 2px #808080; font-weight: normal;}
.product_content a:hover {text-decoration: none;}
/*.product_content p {text-align: center; font-size: 1em; font-weight: bold; margin: 0 0.5em 0.3em 0.5em;}*/
.product_content .artikul {font-size: 1em; margin: 0 0em 0em 0em; color: #808080;}
.product_content p.h3 {padding: 0 0em 0em 0em; margin: 0; /*border: 1px dotted red;*/}
.product_content p {padding: 0.2em 0.2em 0.2em 0.2em; margin: 0; /*border: 1px dotted red;*/}
.product_content p.price {color: #990000; margin: 0 0em 0em 0em;}
.product_content p.price span {font-size: 80%; padding-left: 0.2em; color: #000000;}

#calculator {width: 100%; background: #FFFFFF;}

.in_cart {
border: 0px dotted red;
margin: 0em 0.25em 1em 0em;
padding: 0em 0.25em 0.2em 0.25em;
background: #FFCC33;
border-radius: 0.25em;
font-size: 1.2em;
}
.to_cart {
margin: 0em 0em 1em 0em;
padding: 0em 0.25em 0.2em 0em;
font-size: 1em;
}

#cart {
width: 100%;
background: #FFFFFF /*url(../img/cart_32.png) 0px 2px no-repeat*/;
float: right;
padding: 5px 0 0px 0;
border: 1px solid #BBBBBB;
text-align: left;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
#cart form {/*width: logo;*/}
#cart form table {border: 0;}
#cart form input {margin: 0;}
.shopping_cart {background: #FFFFFF url(../img/cart_32.png) 2px 0px no-repeat; border-bottom: 1px solid #DDDDDD; text-align: center; }
#cart td {padding: 0.4em 5px;}
#cart input[type='submit']
{
background: #FFCC33;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFCC33), color-stop(1, #FF9900));
background-image: -ms-linear-gradient(top, #FFCC33, #FF9900);
background-image: -o-linear-gradient(top, #FFCC33, #FF9900);
background-image: -moz-linear-gradient(top, #FFCC33, #FF9900);
background-image: -webkit-linear-gradient(top, #FFCC33, #FF9900);
background-image: linear-gradient(to bottom, #FFCC33, #FF9900);
border: 1px solid #FF9900;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: 1px 1px 3px 1px #333333;
text-shadow: 1px 1px 3px #FFCC00;
padding: 0.3em 0.3em;
margin: 0;
font-size: 1.1em;
font-weight: bold;
}
#cart input[type='submit']:hover {border: 1px solid #000000; box-shadow: none;}

/* Панель Что в корзине */
#cart_panel {
/*background: #FFFFFF url(../img/fon/bg.gif);*/
width: auto;
padding-top: 0.25em; padding-bottom: 0.25em;
font-family: Tahoma, Arial, sans-serif;
}
#cart_panel div
{
width: auto;
text-align: right;
margin: 0px 10px;
line-height: 150%;
font-size: 1.1em;
padding: 0em 0 0 0;
}
#cart_panel div span {padding-left: 37px; background: url(../img/cart_32.png) 0px -4px no-repeat;}
#cart_panel form
{
width: 130px;
float: right;
background: none;
font-size: 0.9em;
margin: 0px 0;
padding: 0em 10px 0em 0.2em;
}
#cart_panel input[type='submit'] {margin: 0px 0px 0 0; padding: 0.2em 0.4em 0.1em 0.4em;}

#cart-panel {
clear: both;
width: auto; width: 300px; width: 100%;
padding: 0.25em 0 0.25em 0;
padding: 0;
margin: 10px 0 0 0;margin: 0px 0 0 0;
font-family: Tahoma, Arial, sans-serif;
border: 0px dotted red;
background: #DDDDDD;
}
#cart-panel form
{
border: 0px dotted red;
float: right;
background: none;
margin: 0;
}
#cart-panel input[type='submit'] {margin: 2px 0px 0 0; padding: 0.5em 0.3em 0.3em 0.3em;}
#cart_box
{
border: 0px dotted navy;
width: auto;
float: right;
text-align: right;
cursor: pointer;
}
#cart_info
{
border: 0px dotted green;
float: left;
text-align: left;
font-size: 1em;
margin: 0 10px 0 0;
padding-left: 35px;
background: url(../img/cart_32.png) 0px -4px no-repeat;
}
#cart_info span {font-weight: bold;}
#cart_info span span {font-size: 0.9em; font-weight: normal; margin-left: 3px;}
.cart_empty
{
padding: 3px 0 5px 0;
text-align: center;
font-size: 1em !important;
}

#content_box {float: left; width: auto;}

.rounded-bottom {
border-bottom-left-radius: 6px;
-webkit-bottom-left-border-radius: 6px;
-moz-bottom-left-border-radius: 6px;
border-bottom-right-radius: 6px;
-webkit-bottom-right-border-radius: 6px;
-moz-bottom-right-border-radius: 6px;
}

.metki
{

}
.metki span a
{
background: #FFCC33;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFCC33), color-stop(1, #FF9900));
background-image: -ms-linear-gradient(top, #FFCC33, #FF9900);
background-image: -o-linear-gradient(top, #FFCC33, #FF9900);
background-image: -moz-linear-gradient(top, #FFCC33, #FF9900);
background-image: -webkit-linear-gradient(top, #FFCC33, #FF9900);
background-image: linear-gradient(to bottom, #FFCC33, #FF9900);
border: 1px solid #FF9900;
box-shadow: 1px 1px 1px 1px #666666;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-shadow: 1px 1px 3px #FFCC00;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 5px 0;
font-size: 1em;
font-weight: bold;
color: #000000;
line-height: 200%;
}
.metki span a:hover
{
border: 1px solid #000000;
box-shadow: none;
color: #990000;
text-decoration: none;
}

#color {padding-top: 0.5em;}
#color span {font-weight: bold;}

#post_tags {padding: 0.5em 0;}
#post_tags span {font-weight: bold;}
#post_tags a {background: url(../img/icons/metki_24x24.png) no-repeat; padding-left: 30px;}

#podbor
{
background: #EEEEEE;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #EEEEEE), color-stop(1, #DDDDDD));
background-image: -o-linear-gradient(top, #EEEEEE, #DDDDDD);
background-image: -moz-linear-gradient(top, #EEEEEE, #DDDDDD);
background-image: -webkit-linear-gradient(top, #EEEEEE, #DDDDDD);
background-image: linear-gradient(to bottom, #EEEEEE, #DDDDDD);
border: 1px solid #CCCCCC;
text-align: center;
}
#podbor div.dop_parametr
{
width: 100%;
float: left;
margin: 0 10px 5px 0;
padding: 0em 0em 0em 0em;
}
#podbor div.dop_parametr span {font-size: 0.85em; font-style: italic;}
#podbor div.dop_parametr input, #podbor div.dop_parametr select {width: 100%;}
#podbor div.dop_parametr input[type="submit"] {margin-bottom: 0;}
#podbor div.dop_parametr.submit {margin: 0; padding-top: 0em;}

#contact-sidebar {margin: 1em 0;}

#phone
{
border: 0px dotted red !important;
margin: 0; padding: 0.5em 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
#phone form
{
border: 0px dotted red;
margin: 0; padding: 0;
background: none;
}
/*#phone form button
{
border: 0px dotted red;
margin: 0; padding: 0;
background: none;
}*/
#phone form.tel button
{
border: 0px dotted navy;
margin: 0; padding: 0;
font-size: 1.1em;
font-family: Arial, Helvetica, sans-serif;
background: none;
cursor: pointer;
}
#phone form.whatsapp
{
border: 0px dotted green;
margin: 0; padding: 0;
width: 36px; height: 30px;
}
#phone form.whatsapp button
{
border: 0px dotted green;
margin: 0; padding: 0;
width: 100%; height: 100%;
/*background: url(../img/icons/whatsapp_28x28_dark_navy.png) top right no-repeat;*/
background: url(../img/icons/whatsapp_28x28_green.png) top right no-repeat;
display: block;
cursor: pointer;
}

@media only screen and (max-width: 239px)
{
body {font-size: 1em;}
#box {margin: 0; padding: 0;}
h1 {font-size: 1.35em;}
h2 {font-size: 1.25em;}
h3 {font-size: 1.15em;}
#header {
text-align: center;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #F2F2F2), color-stop(1, #DDDDDD));
background-image: -o-linear-gradient(top, #F2F2F2, #DDDDDD);
background-image: -moz-linear-gradient(top, #F2F2F2, #DDDDDD);
background-image: -webkit-linear-gradient(top, #F2F2F2, #DDDDDD);
background-image: linear-gradient(to bottom, #F2F2F2, #DDDDDD);
}
#logo {width: 100%;}
#logo img {width: 90%; margin: 10px auto;}
#phone
{
width: 100%;
margin: 0px 5px 0px 5px;
text-align: center;
font-size: 1.3em;
clear: both;
float: none;
}
#slogan
{
padding: 0;
margin: 10px 10px 10px 10px;
font-size: 1.1em;
text-align: center;
font-weight: normal;
}
#footer_left #phone_footer {width: 100%; font-size: 1em;}
#footer_left #work_time {width: 100%; font-size: 1em;}
#calculator {clear: both; padding: 0.5em;}
}

@media only screen and (min-width: 240px)
{
body {font-size: 1em;}
h1 {font-size: 1.35em;}
h2 {font-size: 1.25em;}
h3 {font-size: 1.15em;}
.fm {margin: 5px;}
#header {
text-align: center;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #F2F2F2), color-stop(1, #DDDDDD));
background-image: -o-linear-gradient(top, #F2F2F2, #DDDDDD);
background-image: -moz-linear-gradient(top, #F2F2F2, #DDDDDD);
background-image: -webkit-linear-gradient(top, #F2F2F2, #DDDDDD);
background-image: linear-gradient(to bottom, #F2F2F2, #DDDDDD);
}
#left_header_block {border: 0px dotted red; float: none; text-align: center; }
#logo {width: 100%; margin: 0;}
#logo img {width: 90%;}
#slogan
{
width: auto;
padding: 0;
margin: 0px 5px 0px 5px;
font-size: 1em;
text-align: center;
font-weight: normal;
float: none;
}
#phone
{
width: auto; width: 100%;
text-align: center;
margin: 0px 0px 0px 0px;
font-size: 1.15em;
clear: both;
float: none;
}
#cart-panel
{
border: 0px dotted red;
float: right;
padding: 5px 0px 5px 0;
font-size: 0.95em;
}
#cart_box {margin: 0 10px 0 0;}
#cart-panel form
{
border: 0px dotted red;
float: right;
margin: 0 0px 0 0;
}
#cart_info
{
border: 0px dotted green;
float: left;
background: url(../img/cart.png) 0px -4px no-repeat;
padding-left: 50px;
margin: 4px 10px 0 0;
}
#sitename {font-size: 1.6em;}
#footer {font-size: 0.9em; line-height: 140%;}
#footer_left #phone_footer {width: 100%;}
#footer_left #work_time {width: 100%; margin-top: 0.7em;}
#calculator {clear: both;}
.products .product, #hits .product {text-align: center; height: 445px; height: 465px;}
.products .product img, #hits .product img {float: none;}
.product_content {clear: both; /*width: 100%;*/ text-align: center; font-size: 1em;}
.product_content p {font-size: 1.1em;}
#vitrina {overflow: hidden; text-align: center;  margin-right: 0;}
}

@media only screen and (min-width: 320px)
{
body {font-size: 1em;}
#logo img {width: 90%;}
#phone {font-size: 1.35em; width: auto;}
#slogan
{
padding: 0;
margin: 0px 7px 0px 7px;
font-size: 1em;
text-align: center;
font-weight: bold;
}
#content {overflow: hidden;}
.products .product, #hits .product {height: 430px;height: 450px;}
#vitrina {width: 310px;}
#vitrina img {}
#vitrina img.first {width: auto; max-width: 310px;}
}

@media only screen and (min-width: 360px)
{
#vitrina {width: 310px; margin: 0px 10px 5px 0;}
#vitrina img {max-width: 310px;}
.tumb, .tumbhit {width: 48.4%; width: 48.2%; float: left; font-size: 0.9em;}
.tumb:nth-child(2n), .tumbhit:nth-child(2n) { margin-right: 0;}
/*.tumb:nth-child(2n+1), .tumbhit:nth-child(2n+1) {clear: both; background: #669933;}*/
.product_content {width: auto; padding: 5px 0px 0px 0px;}
}

@media only screen and (min-width: 400px)
{

}

@media only screen and (min-width: 440px)
{
.products .product, #hits .product {border: 1px solid #CCCCCC; width: 49%; height: 455px; height: 490px; float: left; margin: 0 2% 10px 0;}
.products .product:nth-child(2n), #hits .product:nth-child(2n) {margin-right: 0%;}
.products .product img {max-width: 88%;}
}

@media only screen and (min-width: 480px)
{
.fm {margin: 10px;}
#phone {margin: 0 10px; text-align: right;}
#slogan {font-weight: bold;}
h1 {font-size: 1.45em;}
h2 {font-size: 1.35em;}
h3 {font-size: 1.25em;}
#footer_left #phone_footer {/*width: 50%;*/}
#footer_left #work_time {/*width: 50%;*/}
#sidebar_left
{
width: 50%;
float: left;
}
#sidebar_right
{
width: 50%;
float: right;
}
.tumb, .tumbhit {width: 47.5%; width: 48.8%; font-size: 0.9em;}
.products .product {height: 490px;}
.products .product img {/*max-width: 200px;*/ }
/*.tumb:nth-child(2n), .tumbhit:nth-child(2n) {background: #669933; margin-right: 0;}*/
/*.tumb:nth-child(2n+1), .tumbhit:nth-child(2n+1) {clear: both; background: #669933;}*/
.product_content p {font-size: 1.2em;}
#cart-panel {margin: 5px 0px 0 0;/* font-size: 0.95em;*/}
}

@media only screen and (min-width: 510px)
{
h1 {font-size: 1.5em;}
h2 {font-size: 1.35em;}
h3 {font-size: 1.25em;}
#logo {margin: 0 10px; padding: 0; text-align: left;}
#logo img {width: 100%; max-width: 340px;}
#slogan
{
border: 0px dotted navy;
padding: 0 10px;
margin: 0px 0px 10px 0px;
width: auto;
text-align: left;
}
#phone {border: 0px dotted blue; margin: 0 10px 0 0px; padding: 0; font-size: 1.3em;}
#cart_info
{
border: 0px dotted red;
background: url(../img/cart.png) 0 -4px no-repeat;
padding-left: 50px;
font-size: 0.9em;
}
.products .product {height: 475px;}
.products .product img {/*max-width: 216px;*/ }
.product_content p {font-size: 1.2em;}
}

@media only screen and (min-width: 550px)
{
#cart_info {border: 0px dotted red; padding-left: 48px;}
.products .product {height: 460px;}
.products .product img {/*max-width: 240px;*/}
}

@media only screen and (min-width: 595px)
{
#left_header_block {border: 0px dotted red; width: 340px; width: 54%; float: left;}
#right_header_block {border: 0px dotted green; width: 45.5%; float: right; margin: 7px 0px 0 0;}
#logo {width: auto;}
#slogan {font-size: 1em;}
#phone
{
border: 0px dotted red !important;
/*margin: 0; padding: 0.5em 0;*/
justify-content: flex-end;
font-size: 1.4em;
}
#cart-panel {width: auto; margin: 0px 0px 0px 0px; padding: 0; background: none; font-size: 1em;}
#cart-panel input[type='submit'] {margin: 2px 0px 0 0; padding: 0.5em 0.3em 0.3em 0.3em; font-size: 1em;}
#cart_info
{
border: 0px dotted red;
background: url(../img/cart_32.png) 0 0px no-repeat;
padding-left: 35px;
line-height: 110%;
width: 100%;
margin: 0px 10px 0px 0px;
}
.tumb, .tumbhit {width: 31.5%; width: 31.5%; width: 32.1%; font-size: 0.9em;}
.tumb:nth-child(2n), .tumbhit:nth-child(2n) {margin-right: 10px;}
.tumb:nth-child(3n), .tumbhit:nth-child(3n) { margin-right: 0px;}
/*.tumb:nth-child(2n+1), .tumbhit:nth-child(2n+1) {clear: both; clear: none; float: left; background: #669933;}*/

.products .product, #hits .product {/*width: 48%;*/height: 455px;}
.products .product img {width: auto; max-width: auto;}
#calculator {float: left; clear: none; margin-bottom: 1em;}
#product_content {margin-left: 320px;}

#podbor div.dop_parametr {width: logo;}
#podbor.dpc_3 div.dop_parametr {width: 31.6%;}
#podbor.dpc_4 div.dop_parametr {width: 23.3%; width: 23.1%;}
#podbor.dpc_5 div.dop_parametr {width: 18.5%;}
#podbor div.formargin {margin: 10px 10px 5px 10px;}
#podbor div.dop_parametr.submit {margin: 0; padding-top: 0em;}
#podbor div.dop_parametr.submit input {margin: 0.4em 0 0 0;}

}

@media only screen and (min-width: 640px)
{
#logo {}
#phone
{
clear: none;
float: right;
text-align: right;
font-size: 1.55em;
}
#slogan {font-size: 1.05em;}
#cart-panel {}
#cart_info
{
border: 0px dotted red;
background: url(../img/cart.png) 0 -6px no-repeat;
padding-left: 50px;
line-height: 120%;
}
.tumb, .tumbhit {width: 31.6%; width: 32.2%; font-size: 0.9em;}
}

@media only screen and (min-width: 720px)
{
#phone {font-size: 1.66em;}
#slogan {font-size: 1.2em;}
#cart-panel input[type='submit'] {padding: 0.5em 0.4em 0.3em 0.4em; font-size: 1.05em;}
#cart_info {font-size: 1em;}
.products .product, #hits .product {height: 440px;}
}

@media only screen and (min-width: 768px)
{
#cart-panel {font-size: 1em;}
#footer_left {width: 50%; float: left;}
#footer_right {width: 50%; float: right;}
#sidebar_left {width: 25%; float: left;}
#sidebar_right {width: 25%; float: left;}
#content {width: 75%; float: right;}
.tumb, .tumbhit {width: 31.4%; width: 32.1%; font-size: 0.9em;}
.products .product, #hits .product {height: 460px;}
}

@media only screen and (min-width: 800px)
{
#podbor {width: logo;}
#podbor div.dop_parametr {font-size: 1.1em;}
}

@media only screen and (min-width: 860px)
{
.products .product, #hits .product {height: 450px;}
}

@media only screen and (min-width: 900px)
{
.products .product, #hits .product {height: 440px;}
}

@media only screen and (min-width: 970px)
{

}

@media only screen and (min-width: 1000px)
{
#left_header_block {width: 65%;}
#right_header_block {width: 30%;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.45em;}
h3 {font-size: 1.3em;}
#footer_left {width: 45%;}
#footer_right {width: 55%;}
.tumb, .tumbhit {width: 32.4%; font-size: 1em;}
.products .product, #hits .product {width: 32%; float: left; margin-right: 2%; height: 475px;}
.products .product:nth-child(2n), #hits .product:nth-child(2n) {/*clear: none; background: navy;*/ margin-right: 2%;}
.products .product:nth-child(3n), #hits .product:nth-child(3n) {/*clear: none; background: navy;*/ margin-right: 0%;}
.products .product:nth-child(3n+2), #hits .product:nth-child(3n+2) {/*clear: both;*/ float: left; /*background: #FFCC66;*/ margin-right: 2%;}
.products .product img {/*max-width: 200px;*/ max-width: 90%;}
/*.product:nth-child(4n+4) {margin-right: 2%;}*/
}

@media only screen and (min-width: 1050px)
{
.products .product img {/*max-width: 225px;*/}
}

@media only screen and (min-width: 1100px)
{
.products .product {height: 460px;}
.products .product img {/*max-width: 235px;*/}
}

@media only screen and (min-width: 1200px)
{
.products .product, #hits .product {width: 24.25%; float: left; margin-right: 1%; height: 490px;}
.products .product:nth-child(2n), #hits .product:nth-child(2n) {margin-right: 1%;}
.products .product:nth-child(3n), #hits .product:nth-child(3n) {margin-right: 1%;}
.products .product:nth-child(3n+1), #hits .product:nth-child(3n+1) {margin-right: 1%;}
.products .product:nth-child(3n+2), #hits .product:nth-child(3n+2) {clear: none;margin-right: 1%;}
.products .product:nth-child(4n), #hits .product:nth-child(4n) {margin-right: 0%;}
.products .product:nth-child(4n+1), #hits .product:nth-child(4n+1) {clear: both; margin-right: 1%;}
.products .product img {/*max-width: 190px;*/}
}

@media only screen and (min-width: 1280px)
{
h1, .h1 {font-size: 1.8em;}
h2, .h2 {font-size: 1.55em;}
h3, .h3 {font-size: 1.35em;}
h4, .h4 {font-size: 1.2em;}
/*.product {width: 24.2%; float: left;}*/
.products .product {height: 480px;}
.products .product img {/*max-width: 200px;*/}
.product_content {width: auto; margin: 0px 10px 5px 10px;}
.tumb, .tumbhit {width: 23.9%;}
/*.tumb:nth-child(3n), .tumbhit:nth-child(3n) {margin-right: 10px;}
.tumb:nth-child(3n+1), .tumbhit:nth-child(3n+1) {clear: none;}*/
/*.tumb:nth-child(4n), .tumbhit:nth-child(4n) {margin-right: 0px;}*/
/*.tumb:nth-child(4n+1), .tumbhit:nth-child(4n+1) {clear: both;}*/
}

@media only screen and (min-width: 1366px)
{
#box {width: 1349px;}
#sidebar_left {width: 20%; float: left;}
#sidebar_right {width: 20%; float: left;}
#content {width: 80%; float: right;}
.products .product img {max-width: auto; max-width: 235px;}
}

/* slider on home */
.slider {
border: 0px dotted red;
padding: 0em;
width: 100%;
height: auto;
margin: 10px auto 10px auto;
overflow: hidden;
text-align: center;
display: flex;
}
.slider img {max-width: 100%;}
.slider .sl_img {
width: 100%;
float: left;
margin: auto 0 auto -75px;
text-align: center;
position: relative;
z-index: 0;
}
.slider .strelka_left, .slider .strelka_right
{
width: 75px;
height: 80px;
overflow: hidden;
position: relative;
cursor: pointer;
margin-top: auto;
margin-bottom: auto;
}
.slider .strelka_left
{
border: 0px dotted red;
background: url(../img/strelki_3.png) 10px no-repeat;
float: left;
z-index: 1;
}
.slider .strelka_right
{
border: 0px dotted green;
background: url(../img/strelki_3.png) -37px no-repeat;
margin: auto 0 auto -75px;
float: right;
z-index: 2;
}

@-webkit-keyframes slide-animation {
1% {left: 0%; opacity: 1;}
18% {left: 0%; opacity: 1}
19% {opacity: 0.2;}
20% {left: -100%; opacity: 1;}
58% {left: -100%; opacity: 1;}
59% {opacity: 0.2;}
60% {left: -200%; opacity: 1;}
98% {left: -200%; opacity: 1;}
99% {opacity: 0.5;}
100% {left: 0%;}
}
@-moz-keyframes slide-animation {
1% {left: 0%; opacity: 1;}
18% {left: 0%; opacity: 1}
19% {opacity: 0.2;}
20% {left: -100%; opacity: 1;}
58% {left: -100%; opacity: 1;}
59% {opacity: 0.2;}
60% {left: -200%; opacity: 1;}
98% {left: -200%; opacity: 1;}
99% {opacity: 0.5;}
100% {left: 0%;}
}

/* Слайдер */
.slides {
height: 300px; /*height: auto;*/
margin: 10px auto 10px auto;
overflow:hidden;
position:relative;
width: auto;
}
.slides ul {list-style:none; position:relative;}

/* Кадры анимации #anim_slides */
@-webkit-keyframes anim_slides {
  0% {opacity:0;}
  6% {opacity:1;}
  24% {opacity:1;}
  30% {opacity:0;}
  100% {opacity:0;}
}
@-moz-keyframes anim_slides {
  0% {opacity:0;}
  6% {opacity:1;}
  24% {opacity:1;}
  30% {opacity:0;}
  100% {opacity:0;}
}

.slides ul li {
opacity:0;
position:absolute;
top:0;
border: 1px dotted red;
/* анимация css3 */
-webkit-animation-name: anim_slides;
-webkit-animation-duration: 14.0s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-delay: 0;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;

-moz-animation-name: anim_slides;
-moz-animation-duration: 14.0s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-delay: 0;
-moz-animation-play-state: running;
-moz-animation-fill-mode: forwards;
}

/* Задержки css3 */
.slides ul li:nth-child(2), .slides ul li:nth-child(2) div {
-webkit-animation-delay: 5.0s;
-moz-animation-delay: 5.0s;
}
.slides ul li:nth-child(3), .slides ul li:nth-child(3) div {
-webkit-animation-delay: 10.0s;
-moz-animation-delay: 10.0s;
}
.slides ul li:nth-child(4), .slides ul li:nth-child(4) div {
-webkit-animation-delay: 15.0s;
-moz-animation-delay: 15.0s;
}
.slides ul li:nth-child(5), .slides ul li:nth-child(5) div {
-webkit-animation-delay: 20.0s;
-moz-animation-delay: 20.0s;
}
.slides ul li img {display:block;}

/* Кадры анимации #anim_titles */
@-webkit-keyframes anim_titles {
  0% {left:100%; opacity:0;}
  5% {left:10%; opacity:1; }
  20% {left:10%; opacity:1;}
  25% {left:100%; opacity:0;}
  100% {left:100%; opacity:0;}
}
@-moz-keyframes anim_titles {
  0% {left:100%; opacity:0;}
  5% {left:10%; opacity:1;}
  20% {left:10%; opacity:1;}
  25% {left:100%; opacity:0;}
  100% {left:100%; opacity:0;}
}
/*
.slides ul li div {
background-color:#000000;
border-radius:10px 10px 10px 10px;
box-shadow:0 0 5px #FFFFFF inset;
color:#FFFFFF;
font-size:26px;
left:10%;
margin:0 auto;
padding:20px;
position:absolute;
top:50%;
width:200px;

Анимация css3
-webkit-animation-name: anim_titles;
-webkit-animation-duration: 24.0s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-delay: 0;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;

-moz-animation-name: anim_titles;
-moz-animation-duration: 24.0s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-delay: 0;
-moz-animation-play-state: running;
-moz-animation-fill-mode: forwards;
}*/

/* search */
#search {border: 0; background: none; margin: 0 0 1em 0;}
#search label {margin: 0 0 0 0; font-size: 0.9em;}
#search_str {width: 68%; padding: 4px; font-size: 1.2em; font-weight: bold; margin-bottom: 0;}
#search_submit {width: 31%; width: auto; margin: 0; padding: 0.4em 0.4em 0.3em 0.4em;}

Some information about this website:

URL: https://dverirespekt.ru/
CSS URL: https://dverirespekt.ru/themes/respekt/css/main.css
Title: Купить межкомнатные двери по низкой цене в Москве
Meta-Description: Лучшие межкомнатные двери и фурнитура известных брендов. Выезд замерщика. Доставка и установка дверей.