BODY,FORM{margin:0;padding:0;font-family:Arial,Tahoma,Helvetica,sans-serif;font-size:14px;color:#1d1d1b} .fl{float:left} .fr{float:right} .both{clear:both} body{background:#fff} p{padding:0;margin:5px 0} h1,h2,h3{padding:0;margin:0} h2,.h2{font-size:20px;color:#87476a;margin-bottom:20px;text-transform:uppercase} h1{font-size:22px;color:#87476a;margin-bottom:10px;text-transform:uppercase} a:visited,a:link{font-size:12px;font-weight:400;color:#464646;text-decoration:underline} a:hover{color:#f1bc2e;text-decoration:underline} a.link2:visited,a.link2:link{font-size:14px;font-weight:700;color:#59a926;text-decoration:none} a.link2:hover{color:#87476a;text-decoration:underline} .site{max-width:960px;margin:0 auto} .top{padding:30px 0} .logo{margin:0;width:182px;height:47px;float:left} .logo a{display:block;width:182px;height:47px;background:url(../img/logo.png) no-repeat} .logo span{display:none} .phone{float:left;margin-left:90px;background:url(../img/ico_tel.png) no-repeat;padding-left:50px;font-size:18px;font-weight:700;color:#464646} .phone span{font-weight:400;color:#7d7d7d} .call_email{float:left;margin-left:70px} .call_email .call{display:block;margin-bottom:7px;background:url(../img/ico_call.png) left center no-repeat;padding:0 0 2px 25px;color:#464646;font-size:12px;text-decoration:underline} .call_email .email{display:block;background:url(../img/ico_email.png) left center no-repeat;padding:0 0 0 25px;color:#464646;font-size:12px;text-decoration:underline} .backet{float:left;margin-left:85px;background:url(../img/ico_basket.png) no-repeat;padding-left:50px;font-size:18px;font-weight:700;color:#464646;line-height:20px;max-width: 139px;height: 42px;} .backet a{color:#464646;font-size:16px;font-weight:700;text-decoration:none;text-transform:uppercase} .backet a span{font-size:14px;font-weight:400;text-decoration:underline;text-transform:lowercase;white-space: nowrap;} .backet .basket_nums {position: absolute;max-width: 132px;} .menu{background:#87476a;border-radius:5px} .ten{height:16px;background:url(../img/menu_ten.png) center no-repeat} .content .ten{border-top:1px solid #b7b7b7} .ten2{height:15px;background:url(../img/ten2.png) left no-repeat} .menu ul{margin:0;padding:0;list-style:none} .menu ul li{float:left;border-right:1px solid #6e3152} .menu ul li a:link,.menu ul li a:visited{float:left;padding:15px 18px;color:#fff;font-size:14px;text-decoration:none} .menu ul li a:hover{color:#ffdbef} .menu input[type="text"]{margin:8px 0 5px 18px;max-width:325px;outline:0;border:1px solid #d8d6d6;border-radius:5px;padding:5px 0;font-size:14px;text-indent:10px;margin-bottom:7px} .menu input[type="submit"]{width:35px;height:29px;border:none;background:url(../img/lupa_sub.png) center no-repeat;margin-left:-35px;cursor:pointer} .menu form{position:relative;text-align:right;float:right;} .menu input[type="text"]{margin-right:18px;width:240px;position:relative;z-index:1} .menu input[type="submit"]{position:absolute;margin-left:0;position:absolute;top:50%;right:17px;z-index:2;margin-top:-17px} .slider{margin-top:10px;height:360px} #slider{position:relative} #slider .slidesjs-previous{position:absolute;bottom:18px;right:30px;z-index:999;width:35px;height:35px;background:url(../img/slider_prev.png) no-repeat} #slider .slidesjs-next{position:absolute;bottom:18px;right:3px;z-index:999;width:35px;height:35px;background:url(../img/slider_next.png) no-repeat} .leftbar{float:left;width:221px;margin-right:35px} .rightbar{float:right;max-width:340px;margin-left:35px} .content{overflow:hidden} * html .content{height:1%} .rubric_item{width:195px;height:210px;float:left;margin:0 20px 20px} .rubric_item a.name{display:block;text-align:center;color:#59a926;font-weight:700;font-size:14px;text-transform:uppercase;text-decoration:none} .rubric_item a.name:hover{text-decoration:underline} .rubric_item2{width:165px;height:200px;float:left;margin:0 10px 20px 0} .rubric_item2 a.name{display:block;text-align:center;color:#59a926;font-weight:700;font-size:14px;text-transform:uppercase;text-decoration:none} .rubric_item2 a.name:hover{text-decoration:underline} .product_item{width:180px;float:left;margin:0 30px 20px;text-align:center;line-height:22px} .product_item a.name{display:block;text-align:center;color:#59a926;font-weight:700;font-size:14px;text-decoration:none} .product_item a.name:hover{text-decoration:underline} .product_item .cost{color:#915977} .product_item a.buy{display:inline-block;padding:5px 13px;background:#59a926;border-radius:5px;color:#fff;text-transform:uppercase;text-decoration:none;font-size:14px;font-weight:700;margin-top:5px} .product_item a.buy:hover{background:#87476a} .product_item2{width:180px;height:440px;float:left;margin:0 50px 20px 0;text-align:center;line-height:22px} .product_item2 a.name{display:block;text-align:center;color:#59a926;font-weight:700;font-size:14px;text-decoration:none} .product_item2 a.name:hover{text-decoration:underline} .product_item2 .cost{color:#915977} .product_item2 a.buy{display:inline-block;padding:5px 13px;background:#59a926;border-radius:5px;color:#fff;text-transform:uppercase;text-decoration:none;font-size:14px;font-weight:700;margin-top:5px} .product_item2 a.buy:hover{background:#87476a} .n{margin-right:0} .news_item{max-width:460px;float:left;margin:0 10px 20px;line-height:22px;border-bottom:1px solid #b7b7b7;padding-bottom:10px} .news_item img{margin-right:20px} .news_item a.name{display:block;color:#59a926;font-weight:700;font-size:14px;text-decoration:none} .news_item a.name:hover{text-decoration:underline} .fotter{background:#87476a;padding:20px;border-radius:5px;color:#fff;margin-top:50px} .fotter a{color:#fff} .bread-crumbs{padding:0 0 20px 20px} .bread-crumbs ul{list-style:none;margin:0;padding:0} .bread-crumbs ul li{float:left;padding-right:5px} .bread-crumbs ul li a:visited,.bread-crumbs ul li a:link{font-size:14px;color:#454545;text-decoration:underline} .bread-crumbs ul li a:hover{color:#464646;text-decoration:none} .breadcrumb > li + li:before{color:#ccc;content:"/ ";padding:0 5px} .filtes_box{width:219px;background:url(../img/filters_bg.jpg) repeat-y;border:1px solid #ebebeb;border-radius:5px;line-height:25px} .filtes_box .w{padding:20px} .filtes_box .control-label{font-size:14px;font-weight:700} .txtb1{font-size:14px;font-weight:700} .txtf{font-size:14px;font-weight:700;color:#87476a} .txtfb{font-size:20px;font-weight:700;color:#87476a} .filtes_box ul{list-style:none;margin:0;padding:0;padding-bottom:10px;margin-bottom:10px} .filtes_box ul li{border-bottom:1px solid #dcdcdc} .filtes_box ul li ul li{border:none} .filtes_box ul li a{display:block;font-weight:700;color:#464646;text-decoration:none;font-size:14px} .filtes_box ul li ul li a{display:block;font-weight:400;color:#464646;text-decoration:none;font-size:14px} .filtes_box ul li a:hover{color:#87476a;text-decoration:underline} .filtes_box ul li a.active{font-weight:700;color:#87476a} .product_pic_big{max-width:400px;min-height:400px;position1:relative} .leftbar_product{max-width:400px;float:left;margin-right:25px} .content_product{overflow:hidden} * html .content_product{height:1%} .fasovka{padding:10px;background:#f0f0f0;border-radius:5px} .count{margin:20px 0} .count input[type="number"]{outline:0;width:50px;border:1px solid #d8d6d6;border-radius:5px;padding:5px 0;font-size:14px;text-indent:10px;margin-bottom:7px} .content_product a.buy{display:inline-block;padding:8px 13px;background:#59a926;border-radius:5px;color:#fff;text-transform:uppercase;text-decoration:none;font-size:14px;font-weight:700;margin-top:5px} .content_product a.buy:hover{background:#87476a} .submit4{margin-top:5px;border:none;padding:8px 13px;background:#59a926;border-radius:5px;color:#fff;text-transform:uppercase;text-decoration:none;font-size:14px;font-weight:700;cursor:pointer} .submit4:hover{background:#87476a} .boy_box{border-bottom:1px solid #b7b7b7;padding:0 0 15px} .boy_box div{padding-top:10px} .content_product .info{padding:0 0 20px} .basket_item{padding:10px 0;border-bottom:1px solid #b7b7b7} .basket_item img{margin-right:20px} .basket_item .count{margin:20px 0} .basket_item .fr{margin-top:5px} .basket_item .info{overflow:hidden} a.del:visited,a.del:link{background:url(../img/del.png) left center no-repeat;padding:2px 25px;font-size:12px;font-weight:400;color:#787878;text-decoration:underline} a.del:hover{color:#a52828;text-decoration:underline} .total{text-align:right;color:#87476a;font-size:20px;margin:10px 0} ul.pagination{list-style:none;text-align:center} ul.pagination li{display:inline} ul.pagination li a{background:#87476a;padding:7px;border-radius:100%;color:#fff} ul.pagination li.active a{background:#ccc} .skit{display:block;position:relative;margin:0;padding:20px 0} .skit-nav{display:block;position:relative;margin:0;padding:0} .skit-nav-clip{max-width:880px;display:block;overflow:hidden;position:relative;margin:0 auto;padding:0} .skit ul{position:relative;margin:0;padding:0;list-style:none} .skit ul li{width:100px;height:100px;float:left;text-align:center;margin:0 20px 0 0;padding:0} .skit .skit-nav-prev{width:16px;height:30px;background:url(../img/slider_prev.png);position:absolute;left:0;top:30px} .skit .skit-nav-next{width:16px;height:30px;background:url(../img/slider_next.png);position:absolute;right:0;top:30px} .skits{display:block;position:relative;margin:0;padding:0} .skits-nav{display:block;position:relative;margin:0;padding:0} .skits-nav-clip{display:block;overflow:hidden;position:relative;margin:0;padding:0} .skits ul{position:relative;margin:0;padding:0;list-style:none} .skits ul li{width:180px;height:400px;float:left;text-align:center;padding:0 30px 20px;margin:0} .skits .skits-nav-prev{width:16px;height:30px;background:url(../img/slider_prev.png);position:absolute;left:0;top:130px} .skits .skits-nav-next{width:16px;height:30px;background:url(../img/slider_next.png);position:absolute;right:0;top:130px} .modal_box{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background:#000;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5} #data_box{position:absolute;top:100px;z-index:1000;max-width:400px;background:#fff;-webkit-box-shadow:0 0 15px #000;-moz-box-shadow:0 0 15px #000;box-shadow:0 0 15px #000;border:7px solid #87476a;border-radius:5px} #data_box .data_wrp{padding:25px 15px 15px} #data_box .data_wrp h1{text-transform:uppercase} #data_box .data_wrp hr{height:1px;border:none;color:#000;background:#000;margin:45px 0 20px} #data_box .data_wrp hr.hr{height:1px;border:none;color:#000;background:#000;margin:20px 0} #data_box .pic-tango{margin-right:7px;margin-bottom:7px} #modal_close{cursor:pointer;margin-top:-80px;margin-right:-50px} .rightbar .control-label{float:left;width:80px;padding-top:5px} .form-control{outline:0;border:1px solid #d8d6d6;border-radius:5px;padding:5px 0;font-size:14px;text-indent:10px;margin-bottom:10px;width:250px} .form-control:focus{border:#87476a 1px solid;box-shadow:0 0 10px #87476a;-webkit-box-shadow:0 0 10px #87476a;-moz-box-shadow:0 0 10px #87476a} .help-block{color:red;font-size:12px;margin-bottom:5px} .pic{border:1px solid #87476a;margin-right:20px} .date{color:#707070} #data_box label{display:block} #data_box input[type="text"],#data_box textarea{outline:0;border:1px solid #d8d6d6;border-radius:5px;padding:5px 0;font-size:14px;text-indent:10px;margin-bottom:10px} #data_box input[type="text"]:focus,#data_box textarea:focus{border:#87476a 1px solid;box-shadow:0 0 10px #87476a;-webkit-box-shadow:0 0 10px #87476a;-moz-box-shadow:0 0 10px #87476a} #pic_notvisible{position:absolute;top:200px;left:110px;display:none} a.btn-success{display:inline-block;border:2px solid #d8d6d6;border-radius:5px;padding:5px;margin-bottom:10px;text-decoration:none;font-size:14px} a.btn-success:hover{border:#87476a 2px solid;color:#87476a} .p_new{background:url(../img/lb_new_01.png) no-repeat;width:60px;height:20px;margin-botto1m:-20px;position:relative;float:left} .p_top{background:url(../img/lb_top_01.png) no-repeat;width:60px;height:20px;margin-bottom1:-20px;position:relative;float:left} .p_action{background:url(../img/lb_action_01.png) no-repeat;width:60px;height:20px;margin-bottom1:-20px;position:relative;float:left} .skits ul li, .product_item2 { position: relative; } .status_items-wr { position: absolute; top: 0; left: 30px; width: 50%; z-index: 1; } .status_items-wr div { margin-top: 3px; width: 100%; float: left; } .status_items-wr div:first-child { margin-top: 0; } .status_items-wr div p { float: left; color: #fff; text-transform: uppercase; font-size: 11px; padding: 0 7px 0 10px; height: 20px; line-height: 20px; position: relative; margin: 0; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.85); } .status_items-wr div p span { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; right: -21px; overflow: hidden; display: block; width: 22px; height: 20px; } /*.status_items-wr div p span:before {*/ /*font-size: 23px;*/ /*content: "\e9001";*/ /*position: absolute;*/ /*left: 0;*/ /*top: -1px;*/ /*}*/ .status_items-wr div p.staus_sale { background-color: #de3b1b; } .status_items-wr div p.staus_sale span:before { color: #de3b1b; } .status_items-wr div p.staus_new { background: #50a924; } .status_items-wr div p.staus_new span:before { color: #50a924; } .status_items-wr div p.staus_hit { background-color: #7862aa; } .status_items-wr div p.staus_hit span:before { color: #7862aa; } .t_stock { font-size: 13px; text-align: center; color: #8a8686; line-height: 13px; margin-top: 3px; margin-bottom: -7px; } .t_stock.t_no_stock {color: #842f22;} .t_stock.t_show_product_stock { text-align: left; margin-bottom: 17px; } .landing-header-new { height: 384px; max-width: 960px; background-image:url(../img/land/grey-green22.jpg); } .block-services { height: 650px; max-width: 960px; background-image:url(../img/land/services-bg.jpg); padding-top: 15px; padding-bottom: 25px; } .services-header { height: auto; max-width: 960px; background-color:#59a926; border-radius:5px; padding-top:10px; margin-top:10px; margin-bottom:15px; box-shadow: 0px 9px 10px rgba(0, 0, 0, 0.5); padding-bottom: 15px; } .block-services-bg { height: 575px; width: 90%; margin-left:5%; background-image:url(../img/land/opac-bg.png); border-radius: 5px; box-shadow: 0px 9px 10px rgba(0, 0, 0, 0.5); } .services-images { margin-top: 20px; } .service-1 { float:left; height: 250px; width: 35%; background-image:url(../img/land/1.jpg); margin-left: 10%; margin-top: 25px; } .service-2 { float:right; height: 250px; width: 35%; background-image:url(../img/land/2.jpg); margin-right: 10%; margin-top: 25px; } .service-3 { float:left; height: 250px; width: 35%; background-image:url(../img/land/3.jpg); margin-left: 10%; margin-top: 25px; } .service-4 { float:right; height: 250px; width: 35%; background-image:url(../img/land/4.jpg); margin-right: 10%; margin-top: 25px; } .title-box{ width:90%; background-color:#59a926; border-radius:5px; height: auto; margin-top: 10px; margin-left: 5%; padding-top: 10px; padding-bottom: 10px; box-shadow: 0px 9px 10px rgba(0, 0, 0, 0.5); } .services-adv { height: 440px; max-width: 960px; background-image:url(../img/land/adv-bg.jpg); } .adv-list { height: 365px; width: 90%; margin-left:5%; background-image:url(../img/land/adv-bg.png); border-radius: 5px; box-shadow: 0px 9px 10px rgba(0, 0, 0, 0.5); padding-top: 15px; padding-bottom: 25px; } .landing-text { max-width:960px; margin-top: 25px; } .land-gallery { max-width:960px; height:auto; margin-top: 25px; } .land-projects { width:100%; height:40px; border-radius: 5px; background-color:#59a926; margin-bottom: 10px; padding-top: 15px; } .land-pic { width:100%; height:auto; } @media all and (max-width: 959px) { h1, .h1 { font-size: 18px; padding: 0 20px; margin-bottom: 20px; } h2, .h2 {font-size: 16px;} .top {text-align: center;} .top .logo, .top .phone, .top .call_email, .top .backet { display: inline-block; vertical-align: top; float: none; text-align: left; margin: 15px; } .top .sandwich {position: fixed;} .top .sandwich.open, .burger.open { top: 12px; right: 15px; width: 28px; height: 28px; } .sandwich, .burger { position: absolute; top: 15px; right: 15px; cursor: pointer; transition: .15s; -o-transition: .15s; -moz-transition: .15s; -webkit-transition: .15s; z-index: 11; } .sandwich i:last-child, .burger i:last-child {margin-bottom: 0;} .sandwich.open i:first-child, .burger.open i:first-child { transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .sandwich.open i:nth-child(2), .burger.open i:nth-child(2) {display: none;} .sandwich.open i:last-child, .burger.open i:last-child { transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .sandwich.open i, .burger.open i { position: absolute; top: 12px; left: 0; margin: 0; } .sandwich i, .burger i { display: block; background: black; transition: .15s; -o-transition: .15s; -moz-transition: .15s; -webkit-transition: .15s; width: 28px; height: 4px; margin: 0 auto 5px; } .leftbar .close { position: absolute; top: 15px; right: 15px; cursor: pointer; width: 28px; height: 28px; z-index: 1000; } .leftbar .close i:first-child { transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .leftbar .close i:nth-child(2) {display: none;} .leftbar .close i:last-child { transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .leftbar .close i { position: absolute; top: 12px; left: 0; background: black; width: 28px; height: 4px; } .menu.open {left: 0;} .menu { position: fixed; top: 0; left: -238px; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0; transition: all .15s; padding: 15px 0; z-index: 100; } .menu ul li { float: none; border: 0; } .site .menu ul li a { display: block; float: none; padding: 7px 20px; } .menu input[type="text"] {width: 200px;} .slider { height: auto; margin-top: -16px; } #slider .slidesjs-previous { left: 15px; right: auto; } #slider .slidesjs-next {right: 15px;} #slider .slidesjs-navigation { top: 0; bottom: 0; background-position: center; margin: auto; } .slider img { width: 100%; height: auto; } .content {padding: 20px;} .layout form .content {text-align: left;} .loyout, .layout {position: relative;} .loyout .content, .layout .content { position: relative; text-align: center; } .ten, .ten2 { position: relative; z-index: 11; } .ten2 {background-size: 100%;} .fr {float: none;} .product_pic_big {min-height: auto;} .content .ten, .content .ten2 {margin: 0 -20px 20px;} .rubric_item { display: inline-block; vertical-align: top; float: none; } .skits-nav-clip {width: 100%!important;} .news_item { display: inline-block; vertical-align: top; float: none; max-width: 300px; margin-bottom: 30px; } .news_item img { float: none; margin: 0 0 20px; } .bread-crumbs {padding-top: 10px;} .content table { width: 100%!important; max-width: 700px; } .content table th, .content table td {padding: 5px;} .content table span {font-size: 12px!important;} .pic { max-width: 400px; width: 100%; height: auto; margin-bottom: 20px; } .landing-header-new { background-size: 100%; height: 32vw; } .services-header {padding: 10px;} .services-header > span {font-size: 14px!important;} .services-images {text-align: center;} .block-services, .block-services-bg {height: auto;} .services-images > div { display: inline-block; vertical-align: top; float: none; background-size: 100%; width: 87%; max-width: 245px; height: 165px; margin: 15px; } .services-adv { background-position: center bottom; height: 290px; padding: 35px 0; } .adv-list { position: relative; height: auto; padding: 20px 0; z-index: 1; } .adv-list h2:last-child {margin-bottom: 0;} .adv-list h2 {font-size: 12px;} .landing-text img { width: 100%!important; max-width: 559px; height: auto!important; } .land-pic img { width: 100%!important; max-width: 960px; height: auto!important; } .leftbar.open {left: 0;} .leftbar { position: absolute; top: 0; left: -221px; transition: all .15s; z-index: 12; } .rubric_item2, .product_item2 { display: inline-block; vertical-align: top; float: none; margin: 15px; } .leftbar_product { float: none; margin: auto; } .content_product {padding-top: 50px;} .content_product .info {text-align: left;} .product_pic_big img { width: 100%; max-width: 400px; } .t_stock.t_show_product_stock {text-align: center;} a.btn-success {margin: 10px 20px;} #data_box { left: 0!important; right: 0; box-sizing: border-box; max-width: 400px; width: 95%!important; margin: auto; } #data_box input[type="text"], #data_box textarea { max-width: 300px; width: 100%!important; } ul.pagination {padding: 0 0 15px;} .layout .burger { top: 20px; left: 20px; right: auto; } .fotter { text-align: center; margin-top: 10px; } .fotter .fl, .fotter .fr { display: inline-block; vertical-align: middle; float: none; margin: 10px; } } @media all and (min-width: 800px) and (max-width: 959px) { .skits {width: 720px;} } @media all and (min-width: 550px) and (max-width: 799px) { .skits {width: 480px;} } @media all and (max-width: 959px) { .skits {margin: auto;} } @media all and (max-width: 549px) { .skits {width: 240px;} } @media all and (max-width: 399px) { .content table span {font-size: 10px!important;} }