*{font-size:1em;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset,label, legend,caption{border:0px;margin:0px;outline:0px;padding:0px;}
html,body{margin:0px;padding:0px;width:100%;height:100%;}
html{overflow-y:scroll;}
body{margin:0;padding:0;font-family:Tahoma;font-size:13px;line-height:18px;color:#3d3d3d;background:#f1f1f1;}
h1,h2,h3{color:#007cbb;text-transform:uppercase;}
h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:14px;}
article p{padding-bottom:10px;}
article ul,article ol{margin-left:20px;margin-bottom:10px;}
article h1,article h2,article h3{margin-bottom:10px;}
a:link, a:visited, a:active{color:#007cbb;text-decoration:underline;}
a:hover{text-decoration:none;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.after:after{content:'.';display:block;clear:both;visibility:hidden;height:0;}
.mess_err{color:#e03c42;font-weight:bold;}
.mess_ok{color:#4fad51;font-weight:bold;}
.wrap{width:1024px;margin:0 auto;}
#body{width:100%;min-width:1024px;}
#top{height:320px;background:url('../images/topr.png') repeat-x top center;position:relative;}
#top .topcnt{min-width:1024px;max-width:1400px;height:320px;margin:0 auto;background:url('../images/top.png') no-repeat top center;}
.logo{margin-top:12px;float:left;width:334px;height:48px;margin-right:20px;}
.h_map,.h_news{line-height:35px;float:left;margin-top:20px;}
.h_map{padding-left:54px;margin-right:14px;background:url('../images/ico_map.png') no-repeat center left;}
.h_news{padding-left:50px;background:url('../images/ico_news.png') no-repeat center left;}
.h_map a,.h_news a{color:#292929;}
.h_oz,.h_feedback{margin-top:20px;width:178px;height:32px;text-align:center;text-transform:uppercase;float:right;}
.h_oz a,.h_feedback a{width:178px;height:32px;line-height:28px;text-decoration:none;display:block;color:#ffffff;}
.h_oz{background:url('../images/btn_oz.png') no-repeat center left;margin-left:20px;}
.h_feedback{background:url('../images/btn_feedback.png') no-repeat center left;}
.htext{height:150px;padding-top:60px;}
#top-menu{background:url('../images/menu.png') no-repeat center center;height:44px;position:relative;}
#top-menu ul{list-style:none;}
#top-menu ul li{background:url('../images/li.png') no-repeat center right;float:left;line-height:44px;padding:0 15px;text-transform:uppercase;}
#top-menu ul li.last{background:none;}
#top-menu ul li a{text-decoration:none;color:#ffffff;}
#top-menu ul li a:hover,#top-menu ul li.active a{text-decoration:underline;}
.ht1{}
.ht2{padding-left:130px;margin-bottom:10px;}
.ht1,.ht2{font-size:28px;color:#ffffff;line-height:32px;font-family:'Open Sans Condensed', sans-serif;}
.ht_addr,.ht_phone,.ht_mail{padding-left:27px;color:#fef333;margin-bottom:8px;}
.ht_addr a,.ht_phone a,.ht_mail a{color:#fef333;}
.ht_addr{font-size:14px;background:url('../images/ico_addr.png') no-repeat top left;}
.ht_phone{font-size:20px;line-height:22px;background:url('../images/ico_phone.png') no-repeat top left;}
.ht_mail{font-size:14px;background:url('../images/ico_mail.png') no-repeat top left;}
#middle{position:relative;padding-bottom:40px;}
#left{float:left;width:242px;border:1px solid #d1d1d1;background:#ffffff;border-radius:5px;}
.content{border:1px solid #d1d1d1;background:#ffffff;border-radius:5px;padding:10px;}
.vert1,.vert2{}
.mnews{margin-top:20px;margin-bottom:30px;}
.spec{padding:10px 0px;margin:20px 0px;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}
.vert1 h3,.vert2 h3,.mnews h3,.spec h3{font-size:15px;font-weight:normal;color:#383838;padding:0px 28px;margin:10px 14px;text-transform:none;}
.vert1 h3 a,.vert2 h3 a,.mnews h3 a,.spec h3 a{color:#383838;text-decoration:none;}
.vert1 h3 a:hover,.vert2 h3 a:hover,.mnews h3 a:hover,.spec h3 a:hover{text-decoration:underline;}
.vert1 h3{background:url('../images/ico_v1.png') no-repeat center left;}
.vert2 h3{background:url('../images/ico_v2.png') no-repeat center left;}
.mnews h3{background:url('../images/ico_lnews.png') no-repeat center left;}
.spec h3{background:url('../images/ico_spec.png') no-repeat center left;}
#left ul{list-style:none;}
#left ul li{text-transform:uppercase;}
#left ul li a:hover,#left ul li.active a{background:url('../images/vli_hov.png') #2f9725 repeat-x top;}
#left ul li a{background:url('../images/vli.png') #247ac0 repeat-x top;padding:7px 14px;display:block;color:#ffffff;text-decoration:none;}
#left ul li ul li{text-transform:none;}
#left ul li ul li a,#left ul li.active ul li a{background:url('../images/vli2.png') #d2d2d2 repeat-x top;color:#383838;}
#left ul li ul li a:hover,#left ul li.active ul li.active a{background:#ffffff;}
#content{float:right;width:763px;position:relative;overflow:hidden;padding:0;}
#bottom{height:316px;background:#007cbb;}
#footer{height:54px;padding-top:10px;background:#00669b;color:#ffffff;font-size:12px;}
.flogo{background:url('../images/flogo.png');float:left;width:241px;margin-top:20px;height:39px;}
.fmenu{margin-top:34px;float:right;width:763px;}
.fmenu ul{list-style:none;}
.fmenu ul li{color:#ffffff;float:left;padding:0 12px;border-right:1px solid #ffffff;}
.fmenu ul li.last{border-right:0px;}
.fmenu ul li a{color:#ffffff;text-decoration:none;}
.fmenu ul li a:hover,.fmenu ul li.active a{text-decoration:underline;}
.b_addr{float:left;width:242px;margin-top:53px;}
.menuu{display:none;width:18px;vertical-align:top;margin-left:15px;}
.b_addr div{margin-bottom:14px;}
.b_form{float:right;width:763px;min-height:100px;margin-top:30px;}
.b_form input[type=text]{width:314px;height:33px;padding:0px 10px;margin-bottom:26px;border:1px solid transparent;border-radius:3px;color:#898989;}
.b_form input[type=submit]{background:url('../images/fbsend.png');width:397px;height:39px;color:#545454;border:0px;cursor:pointer;}
.b_form textarea{padding:10px;border:1px solid transparent;color:#898989;border-radius:3px;width:377px;height:86px;margin-bottom:12px;}
.b_form table td{vertical-align:top;}
.copy{float:left;}
.counter{float:right;}
.pages{text-align:center;font-size:16px;padding:10px;}
.pages ul{list-style:none;}
.pages ul li{display:inline-block;margin:10px;}
.subcat,.catalog_item{float:left;margin:5px;}
.subcat{width:230px;}
.catalog_item{width:210px;border:1px solid transparent;padding:10px;}
.catalog_item:hover{border:1px solid #d1d1d1;border-radius:5px;}
.subcat_photo,.catalog_item_photo{width:210px;height:180px;text-align:center;margin-bottom:10px;}
.subcat_photo img,.catalog_item_photo img{max-height:180px;}
.subcat h3,.catalog_item h3{display:table-cell;width:230px;vertical-align:middle;height:57px;font-weight:normal;text-transform:uppercase;}
.subcat h3 a,.catalog_item h3 a{width:230px;height:57px;text-decoration:none;padding:0 15px;display:table-cell;vertical-align:middle;text-align:center;color:#00669b;background:#f1f1f1;}
.subcat h3 a:hover,.catalog_item h3 a:hover{color:#ffffff;background:#5cc010;}
.catalog_item_ann{padding:15px;}
.bc{padding:10px 0px;font-size:12px;color:#383838;}
.bc a{color:#383838;}
.search_cnt{border:1px solid #d1d1d1;border-radius:5px;padding:8px;background:#ffffff;}
.search{background:url('../images/search.png');width:739px;padding-left:10px;padding-top:10px;height:49px;margin:0 auto;}
.search input[type=text]{background:url('../images/sinp.png') no-repeat;padding-left:10px;border:0px;width:622px;height:22px;}
.search input[type=submit]{background:url('../images/sgo.png') no-repeat;width:87px;height:25px;border:0px;color:#383838;font-size:12px;cursor:pointer;}
.search p{line-height:13px;color:#ffffff;}
.search span{border-bottom:1px dotted #ffffff;font-size:11px;}
.details{padding:10px;}
.details_photo{width:280px;float:left;}
.details_ann{float:right;width:410px;}
.details_photo_lrg{border:1px solid #d1d1d1;border-radius:5px;width:250px;height:250px;padding:10px;margin-bottom:10px;}
.details_photo_sm a {
display: inline-block;
border: 1px solid #d1d1d1;
border-radius: 5px;
text-decoration: none;
margin-bottom: 10px;
margin-right: 10px;
width: 100px;
height: 95px;
padding: 5px;
}
.details_ann h1{margin-bottom:20px;}
.details_ann h3{margin-top:10px;margin-bottom:10px;}
a.order{background:url('../images/btn_order.png') no-repeat;width:181px;height:36px;line-height:36px;display:block;text-align:center;color:#ffffff;text-decoration:none;font-size:13px;margin:24px 0px;text-transform:uppercase;}
.news_item{margin-bottom:20px;}
.news_item .date{background:url('../images/news_date.png') no-repeat center left;line-height:25px;height:25px;font-size:12px;padding-left:10px;color:#ffffff;}
.news_item h3{text-transform:none;color:#007cbb;font-size:13px;}
.news_item h3 a{color:#007cbb;text-decoration:none;}
.news_item h3 a:hover{text-decoration:underline;}
#left .news_item{margin:10px 20px;}
#left .news_item a{text-decoration:none;}
#left .news_item a:hover{text-decoration:underline;}
.hit_item{width:212px;margin:0 auto;}
.hit_item_photo{height:212px;border:1px solid #d1d1d1;border-radius:5px;text-align:center;margin-bottom:20px;}
.hit_item a{text-decoration:none;}
.hit_item a:hover{text-decoration:underline;}
.content input,.content textarea{border:1px solid #d1d1d1;padding:4px;margin-bottom:10px;}
.popup__page{padding:20px;}
.ttx{border:1px black solid;border-collapse:collapse;}
table.ttx td{border:1px solid black;}
.ttx_ul{list-style-type:decimal;}
.zakazat p{margin-bottom:5px;}
.zakazat{margin-bottom:15px;background:#e6f6ff;padding:10px;border-radius:16px;}
.zakazat .green{color:green;font-weight:bolder;}
.zakazat .cennik{font-weight:bolder;}
.zakazat strong{font-weight:normal;}
.details_photo_lrg img{border-radius:10px;}
@media (max-width:400px){#body{width:400px;min-width:400px;}
#top{height:229px;background:url(../images/topr.png) repeat-x top center;position:relative;}
#top .topcnt{min-width:400px;max-width:400px;height:240px;margin:0 auto;background:url(../images/top.png) no-repeat top left;}
.wrap{width:400px;margin:0 auto;}
.h_map{display:none;padding-left:54px;margin-right:14px;background:url(../images/ico_map.png) no-repeat center left;margin-left:24px;}
.h_news{display:none;}
.logo{margin-top:12px;float:left;width:334px;height:48px;margin-right:20px;margin-left:22px;}
.h_oz, .h_feedback{margin-top:20px;width:85%;height:32px;text-align:center;text-transform:uppercase;float:left;}
.h_oz{background:#05a2dc;border-radius:5px}
.h_feedback{background:#51b63e;margin-left:10px;border-radius:5px}
.h_oz a, .h_feedback a{width:unset;height:32px;line-height:33px;text-decoration:none;display:block;color:#ffffff;font-size:14px;}
.htext{height:78px;padding-top:1px;margin-left:21px;}
.ht1{display:none;}
.ht2{display:none;}
.ht_phone{font-size:13px;line-height:15px;background:url(../images/ico_phone.png) no-repeat top left;display:inline-block;}
#left{float:left;width:100%;border:1px solid #d1d1d1;background:#ffffff;border-radius:5px;}
#rh-badge{top:296.8px!important;}
#top-menu ul{padding-top:2px;}
#top-menu ul li{background:unset;float:left;line-height:17px;padding:0px 5px;text-transform:uppercase;text-decoration:underline;}
#top-menu ul li a{font-size:11px;text-transform:none;}
.spec{display:none;}
.mnews{display:none;}
.search_cnt{display:none;}
.content{border:1px solid #d1d1d1;background:#ffffff;border-radius:5px;padding:10px;width:360px;margin:0 auto;margin-left:0px;position:relative;}
.subcat, .catalog_item{float:none;margin:0 auto;position:relative;}
#top-menu{background:url(../images/menu.png) no-repeat center center;height:44px;position:relative;padding-right:30px;}
.subcat{width:100%;border:2px dotted #0b9bd6;margin-bottom:10px;}
.subcat_photo, .catalog_item_photo{height:180px;text-align:center;margin-bottom:10px;margin:0 auto;}
.subcat h3, .catalog_item h3{display:block;vertical-align:middle;height:57px;font-weight:normal;text-transform:uppercase;margin:0 auto;}
.subcat h3 a, .catalog_item h3 a{width:100%;height:57px;text-decoration:none;vertical-align:middle;text-align:center;color:#00669b;background:#f1f1f1;}
#left ul li a:hover, #left ul li.active a{background:url(../images/vli.png) #247ac0 repeat-x top;}
#left ul li ul li a, #left ul li.active ul li a{background:url(../images/vli2.png) #d2d2d2 repeat-x top;color:#383838;padding-left:41px;}
.catalog_item{width:329px;border:1px solid transparent;padding:10px;position:relative;border:2px dotted #0b9bd6;margin-bottom:10px;}
.subcat h3 a, .catalog_item h3 a{width:370px;height:57px;text-decoration:none;vertical-align:middle;text-align:center;color:#00669b;background:#f1f1f1;}
.subcat h3, .catalog_item h3{display:table-cell;width:100%;vertical-align:middle;height:57px;font-weight:normal;text-transform:uppercase;}
.subcat_photo img, .catalog_item_photo img{max-height:180px;border-radius:8px;}
.subcat_photo, .catalog_item_photo{height:180px;text-align:center;margin-bottom:10px;margin:0 auto;padding-top:14px;}
article p a img{float:none!important;border-radius:6px;text-align:center;}
article p{text-align:center;}
.bc{padding:10px 0px;font-size:11px;color:#383838;margin-left:10px;}
body{overflow-x:hidden;}
#bottom{height:174px;background:#007cbb;text-align:center;width:400px;position:relative;}
.flogo{background:url(../images/flogo.png);float:none;width:241px;margin-top:0px;height:39px;margin-left:50px;background-repeat:no-repeat;}
#bottom .wrap{padding-top:15px;margin:0 auto;text-align:center;padding-left:20px;width:400px;}
.fmenu{display:none;}
#bottom .wrap .b_addr{float:left;width:324px;margin-top:4px;}
#bottom .wrap .ht_addr{font-size:13px;background:url(../images/ico_addr.png) no-repeat top left;margin-left:12px;margin-top:3px;line-height:18px;}
.b_form{display:none;}
.copy{float:none;text-align:center;}
.ht_addr, .ht_phone, .ht_mail{padding-left:27px;color:#fef333;margin-bottom:-2px;font-size:11px!important;margin-top:2px;}
#left ul li a{background:url(../images/vli.png) #247ac0 repeat-x top;padding:7px 14px;display:block;color:#ffffff;text-decoration:none;padding-left:36px;}
.vert1 h3, .vert2 h3, .mnews h3, .spec h3{font-size:15px;font-weight:normal;color:#383838;padding:0px 28px;margin:10px 35px;text-transform:none;}
.details_ann{float:none;width:350px;}
table{width:350px;overflow:scroll;display:block;}
.details_photo_lrg{border:1px solid #d1d1d1;border-radius:5px;height:250px;padding:10px;margin-bottom:10px;}
.details_photo{width:100%;float:none;text-align:center;margin:0 auto;}
.logo img{width:286px;padding-top:3px;}
.hidden{display:none;}
#left h3{text-decoration:underline;display:inline;}
.menuu{display:inline-block;}
.vert11{margin-top:57px;position:relative;z-index:999;}
.vert22{margin-top:-1px;position:relative;z-index:9999;}
#content{float:none;}
article img{width:100%!important;}
.vert1,.vert2{height:0px;vertical-align:middle;}
}
@media (max-width:380px){#body{width:380px;min-width:380px;}
#top{height:229px;background:url(../images/topr.png) repeat-x top center;position:relative;}
#top .topcnt{min-width:380px;max-width:380px;height:240px;margin:0 auto;background:url(../images/top.png) no-repeat top left;}
.wrap{width:380px;margin:0 auto;}
.h_map{display:none;padding-left:54px;margin-right:14px;background:url(../images/ico_map.png) no-repeat center left;margin-left:24px;}
.h_news{display:none;}
.logo{margin-top:12px;float:left;width:334px;height:48px;margin-right:20px;margin-left:22px;}
.h_oz, .h_feedback{margin-top:20px;width:138px;height:32px;text-align:center;text-transform:uppercase;float:left;}
.h_oz{background:#05a2dc;border-radius:5px}
.h_feedback{background:#51b63e;margin-left:10px;border-radius:5px}
.h_oz a, .h_feedback a{width:unset;height:32px;line-height:33px;text-decoration:none;display:block;color:#ffffff;font-size:14px;}
.htext{height:78px;padding-top:1px;margin-left:21px;}
.ht1{display:none;}
.ht2{display:none;}
.ht_phone{font-size:13px;line-height:15px;background:url(../images/ico_phone.png) no-repeat top left;display:inline-block;}
#left{float:left;width:100%;border:1px solid #d1d1d1;background:#ffffff;border-radius:5px;}
#rh-badge{top:296.8px!important;}
#top-menu ul{padding-top:2px;}
#top-menu ul li{background:unset;float:left;line-height:17px;padding:0px 5px;text-transform:uppercase;text-decoration:underline;}
#top-menu ul li a{font-size:11px;text-transform:none;}
.spec{display:none;}
.mnews{display:none;}
.search_cnt{display:none;}
.content{border:1px solid #d1d1d1;background:#ffffff;border-radius:5px;padding:10px;width:330px;margin:0 auto;margin-left:0px;position:relative;}
.subcat, .catalog_item{float:none;margin:0 auto;position:relative;}
#top-menu{background:url(../images/menu.png) no-repeat center center;height:44px;position:relative;padding-right:30px;}
.subcat{width:100%;border:2px dotted #0b9bd6;margin-bottom:10px;}
.subcat_photo, .catalog_item_photo{height:180px;text-align:center;margin-bottom:10px;margin:0 auto;}
.subcat h3, .catalog_item h3{display:block;vertical-align:middle;height:57px;font-weight:normal;text-transform:uppercase;margin:0 auto;}
.subcat h3 a, .catalog_item h3 a{width:100%;height:57px;text-decoration:none;vertical-align:middle;text-align:center;color:#00669b;background:#f1f1f1;}
#left ul li a:hover, #left ul li.active a{background:url(../images/vli.png) #247ac0 repeat-x top;}
#left ul li ul li a, #left ul li.active ul li a{background:url(../images/vli2.png) #d2d2d2 repeat-x top;color:#383838;padding-left:41px;}
.catalog_item{width:348px;border:1px solid transparent;padding:10px;position:relative;border:2px dotted #0b9bd6;margin-bottom:10px;}
.subcat h3 a, .catalog_item h3 a{width:370px;height:57px;text-decoration:none;vertical-align:middle;text-align:center;color:#00669b;background:#f1f1f1;}
.subcat h3, .catalog_item h3{display:table-cell;width:100%;vertical-align:middle;height:57px;font-weight:normal;text-transform:uppercase;}
.subcat_photo img, .catalog_item_photo img{max-height:180px;border-radius:8px;}
.subcat_photo, .catalog_item_photo{height:180px;text-align:center;margin-bottom:10px;margin:0 auto;padding-top:14px;}
article p a img{float:none!important;border-radius:6px;text-align:center;}
article p{text-align:center;}
.bc{padding:10px 0px;font-size:11px;color:#383838;margin-left:6px;}
body{overflow-x:hidden;}
#bottom{height:174px;background:#007cbb;text-align:center;width:400px;position:relative;}
.flogo{background:url(../images/flogo.png);float:none;width:241px;margin-top:0px;height:39px;margin-left:50px;background-repeat:no-repeat;}
#bottom .wrap{padding-top:15px;margin:0 auto;text-align:center;padding-left:20px;width:400px;}
.fmenu{display:none;}
#bottom .wrap .b_addr{float:left;width:324px;margin-top:4px;}
#bottom .wrap .ht_addr{font-size:13px;background:url(../images/ico_addr.png) no-repeat top left;margin-left:12px;margin-top:3px;line-height:18px;}
.b_form{display:none;}
.copy{float:none;text-align:center;}
.ht_addr, .ht_phone, .ht_mail{padding-left:27px;color:#fef333;margin-bottom:-2px;font-size:11px!important;margin-top:2px;}
#left ul li a{background:url(../images/vli.png) #247ac0 repeat-x top;padding:7px 14px;display:block;color:#ffffff;text-decoration:none;padding-left:36px;font-size:11px;}
.vert1 h3, .vert2 h3, .mnews h3, .spec h3{font-size:15px;font-weight:normal;color:#383838;padding:0px 28px;margin:10px 11px;text-transform:none;}
.details_ann{float:none;width:350px;}
table{width:350px;overflow:scroll;display:block;}
.details_photo_lrg{border:1px solid #d1d1d1;border-radius:5px;height:250px;padding:10px;margin-bottom:10px;}
.details_photo{width:100%;float:none;text-align:center;margin:0 auto;}
}
.mobile {
display: none;
}
@media (max-width:400px){
.header {
display: none!important;
}
#top{display: none!important;}
.mobile {
width: 100%;
display: block;
}
.mobile .ht_phone {
width: 100%;
background: #247ac0;
height: 20px;
vertical-align: middle;
color: white;
margin-top: -3px;
margin: 0 auto;
padding-top: 6px;
padding-left: 9px;
}
.mobile .ht_phone b {
margin-left: 4px;
margin-right: 8px;
}
.mobile_top {
width: 100%;
background: #247ac0;
color: white!important;
}
.mobile_bottom {
background: #00a9ff;
}
.mobile .m-block {
display: inline-block;
width: 23.6%;
text-align: center;
padding-top: 3px!important;
height: 31px;
border-right: 1px solid #ffffff;
color: white;
font-size: 17px;
padding-left: 0px;
padding-right: 0px;
line-height: 24px;
}
.mobile .vert1:active {
background: #10446f;
}
.popup__page h1 {
margin-bottom: 10px;
}
.vert2 span {
width: 100%;
display: block!important;
line-height: 13px;
font-size: 8px;
}
.mobile_top a {
color: white!important;
text-decoration: none!important;
}
.mobile .vert1:hover {
background: #10446f;
}
.vert1 i {
padding-top: 4px;
}
.vert1 {
padding-top: 0px!important;
}
.vert1 .m-block {
width: 23.6%;
}
.vert11 {
margin-top: -4px!important;
margin-left: -1px;
}
.menuu {
margin-left: 0px;
}
.vert1 img {
display: none!important;
}
.vert1 h3 {
display: none!important;
}
.vert2 img {
display: none!important;
}
.vert2 h3 {
display: none!important;
}
table {
width: 250px;
overflow: scroll;
display: block;
}
}
@media (min-width:600px){
.fancybox-opened {
height: auto;
position: absolute;
top: 214px;
left: 665px;
opacity: 1;
overflow: visible;
}
.fancybox-skin {
width: 350px;
}
.fancybox-outer {
width: 350px;
}
.fancybox-inner {
overflow: auto;
width: 350px;
height: auto;
}
.popup__page {
width: 350px;
}
.fancybox-inner h1 {
width: 350px;
}
.fancybox-inner form {
width: 350px;
}
.fancybox-inner .form {
width: 350px;
}
.fancybox-inner table {
margin-top: 11px;
}
.fancybox-inner input {
border-radius: 16px;
height: 29px;
width: 300px;
}
.otpr {
background: #2098ca;
color: white;
font-size: 18px;
margin-top: 11px;
padding: 7px;
border-radius: 16px;
width: 122px;
height: 38px!important;
}
}
.recom {
width: 100%;
margin-top: 30px;
text-align: center;
}
.recom h2 {
font-size: 22px;
text-align: center;
width: 100%;
}
.recom img {
display: inline-block;
margin-top: 30px;
border: 4px solid #007cbb;
border-radius: 16px;
}
.tabs__content {
display: none; /* по умолчанию прячем все блоки */
}
.tabs__content.active {
display: block; /* по умолчанию показываем нужный блок */
}
.tabs {
position: relative;
margin-top: 400px;
padding: 10px;
}
.tabs__caption {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
position: relative;
margin: -1px 0 0 -1px;
}
.tabs__caption li:last-child:before {
content: '';
position: absolute;
bottom: -5px;
left: 0;
right: -2px;
z-index: -1;
height: 5px;
background: #007cbb;
}
.tabs__caption:after {
content: '';
display: table;
clear: both;
}
.tabs__caption li {
padding: 9px 15px;
margin: 1px 0 0 1px;
background: #007cbb;
color: #FFF;
position: relative;
border: solid #007cbb;
border-width: 2px 2px 0;
border-radius: 5px 5px 0 0;
text-align: center;
}
.tabs__caption li:not(.active) {
cursor: pointer;
}
.tabs__caption li:not(.active):hover {
background: #007cbb;
border-color: #007cbb;
}
.tabs__caption .active {
background: #FFF;
color: #000;
border-color: #007cbb;
}
.tabs__caption .active:after {
content: '';
position: absolute;
bottom: -5px;
left: 0;
right: 0;
height: 5px;
background: #FFF;
}
.tabs__content {
display: none;
background: #FFF;
border: 2px solid #007cbb;
border-radius: 0 5px 5px 5px;
padding: 7px 15px;
}
.tabs__content.active {
display: block;
}
.vertical .tabs__caption {
float: left;
display: block;
}
.vertical .tabs__caption li {
float: none;
border-width: 2px 0 2px 2px;
border-radius: 5px 0 0 5px;
}
.vertical .tabs__caption li:last-child:before {
display: none;
}
.vertical .tabs__caption .active:after {
left: auto;
top: 0;
right: -2px;
bottom: 0;
width: 2px;
height: auto;
}
.vertical .tabs__content {
overflow: hidden;
}
@media screen and (max-width: 650px) {
.tabs__caption li {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.vertical .tabs__caption {
float: none;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.vertical .tabs__caption li {
border-width: 2px 2px 0;
border-radius: 5px 5px 0 0;
}
.vertical .tabs__caption li:last-child:before {
display: block;
}
.vertical .tabs__caption .active:after {
top: auto;
bottom: -5px;
left: 0;
right: 0;
width: auto;
height: 5px;
background: #FFF;
}
}
@media screen and (max-width: 650px) {
.tabs {
margin-top: 57px!important;
}
}