/* Start:/bitrix/templates/innet_corp4_2_s1/css/styles.css?1611220763132708*/ *{margin:0;padding:0;} html{height:100%;} body{background:#fff;color:#333;font:16px 'Exo2-Regular', sans-serif;height:100%;line-height:18px;width:100%;} a{color:#333;outline:none;text-decoration:none;} a:hover{text-decoration:none;color:#333;} img{border:0;max-width:100%;} button{border:0;cursor:pointer;font-family:'Exo2-Regular';outline:none;} input{border:0;font-family:'Exo2-Regular';outline:none;vertical-align:middle;} input[type="submit"], input[type="button"]{cursor:pointer;font-family:'Exo2-Regular';webkit-appearance:none;} textarea{font-family:'Exo2-Regular';outline:none;resize:none;} :invalid{box-shadow:none;} ol,ul{list-style-position:inside;} strong{font-family:"Exo2-Bold";font-weight:normal;} ::-webkit-input-placeholder{color:#999999;font-size:14px;opacity:1;transition:opacity 0.3s ease;} ::-moz-placeholder{color:#999999;font-size:14px;opacity:1;transition:opacity 0.3s ease;} :-moz-placeholder{color:#999999;font-size:14px;opacity:1;transition:opacity 0.3s ease;} :-ms-input-placeholder{color:#999999;font-size:14px;opacity:1;transition:opacity 0.3s ease;} :focus::-webkit-input-placeholder{opacity:0;transition:opacity 0.3s ease;} :focus::-moz-placeholder{opacity:0;transition:opacity 0.3s ease;} :focus:-moz-placeholder{opacity:0;transition:opacity 0.3s ease;} :focus:-ms-input-placeholder{opacity:0;transition:opacity 0.3s ease;} .wrapper{height:100%;height:auto !important;min-height:100%;} .inner{margin:0 auto;max-width:1170px;position:relative;} .fll{float:left;} .flr{float:right;} .pull-left {float: left;} .pull-right {float: right;} .align-left{text-align:left;} .align-center{text-align:center;} .align-right{text-align:right;} .in-row>*{display:inline-block;vertical-align:top;} .in-row:nth-child(3n){margin-right:0 !important;} .in-row-mid>*{display:inline-block;vertical-align:middle; font: 14px 'Exo2-Regular', sans-serif;} .hid{overflow:hidden;} .no-margin{margin-right:0 !important;} .clearfix:before, .clearfix:after{content:"";display:table;} .clearfix:after{clear:both;} .clearfix{zoom:1;} #vertical-multilevel-menu{border: 1px solid #ccc;border-radius: 4px;margin-bottom: 30px;overflow: hidden;} #vertical-multilevel-menu ul{list-style:none;} #vertical-multilevel-menu > li:hover, #vertical-multilevel-menu ul > li:hover{} #vertical-multilevel-menu > li:hover > a, #vertical-multilevel-menu > li > a.vmenu_root_sel{background:#76AC00;border-top-color:#76AC00;color:#fff;} #vertical-multilevel-menu li{position:relative;transition:all 0.25s ease-in-out;} #vertical-multilevel-menu li a.item-selected{background-color:#d1d1d1;} #vertical-multilevel-menu li .btn_vmenu_area{box-sizing:border-box;cursor:pointer;display:block;height:56px;position:absolute;right:0;top:0;width:40px;} #vertical-multilevel-menu li .btn_vmenu_area:after{background: #f1f1f1 url("/bitrix/templates/innet_corp4_2_s1/css/../images/arrow-sitebar.png") center no-repeat; bottom: 0; content: ''; left: 0; margin: auto; /*transition: all 0.25s ease-in-out;*/ display: block; float: right; height: 23px; margin-top: -18px; position: absolute; right: 5px; text-align: center; top: 50%; width: 23px;} #vertical-multilevel-menu > li .btn_vmenu_area:hover:after, #vertical-multilevel-menu > li .btn_vmenu_area.tgl:after{transform:rotate(90deg);/*transition:all 0.25s ease-in-out;*/right: 5px;} #vertical-multilevel-menu > li .btn_vmenu_area:hover:after{background:#fff url("/bitrix/templates/innet_corp4_2_s1/css/../images/arrow-sitebar-act.png") center no-repeat;} #vertical-multilevel-menu li > a{background:#f4f4f4;border-top:1px solid #ccc;box-sizing:border-box;color:#262626;display:block;width:100%;text-decoration:none;padding: 11px 30px 11px 10px;} #vertical-multilevel-menu li:first-child > a{border-top:1px solid transparent;} #vertical-multilevel-menu li > a:before{content:'';display:inline-block;height:100%;margin-left:-2px;vertical-align:middle;width:1px;} #vertical-multilevel-menu li > a span{vertical-align:middle;width:97%;} #vertical-multilevel-menu > li{list-style:none;} #vertical-multilevel-menu > li > a{background: #fff; color: #262626; font-size: 16px; text-decoration: none;} #vertical-multilevel-menu li > ul{display:none;} #vertical-multilevel-menu li > ul > li a + .btn_vmenu_area:after{background:#fff url("/bitrix/templates/innet_corp4_2_s1/css/../images/arrow-sitebar.png") center no-repeat;} #vertical-multilevel-menu li > ul > li a + .btn_vmenu_area:hover:after{background:#fff url("/bitrix/templates/innet_corp4_2_s1/css/../images/arrow-sitebar.png") center no-repeat;} #vertical-multilevel-menu li > ul > li a:hover span{color:#76AC00;text-decoration:underline;} #vertical-multilevel-menu li > ul > li > ul{} #vertical-multilevel-menu li > ul > li > ul > li{padding:0 15px;} #vertical-multilevel-menu li > ul > li > ul > li > .btn_vmenu_area:after{background-color:#f1f1f1;} #vertical-multilevel-menu li > ul > li > ul > li > .btn_vmenu_area:hover:after{background-color:#f1f1f1;} #vertical-multilevel-menu li > ul > li > ul > li a{background:#fff;/*border-bottom:1px solid #ccc;*/} #vertical-multilevel-menu li > ul > li > ul > li:last-child a{border-bottom:1px solid transparent;} #vertical-multilevel-menu li > ul > li > ul > li > ul > li{background:#fff;border-top:1px solid #ccc;} #vertical-multilevel-menu a.root-item-selected{background:#76AC00;border-top-color:#76AC00;color:#fff;} /* Header */ .header{border-top:3px solid #76AC00;position:relative;z-index:150;} .header{box-shadow:0 3px 6px 0 rgba(0,0,0,.1); z-index:120;} .header.top{background:#fff;width:100%;} .header .lvl1{padding:26px 0;} .header .lvl1 .col1>*{display:inline-block;vertical-align:middle;} .header .lvl1 .col1{margin-right:4.7%;width:199px;} .header .lvl1 .col1 strong{margin-left:10px;} .header .lvl1 .col3{margin:0 2% 0 3%;} .header .lvl1 .col4 .btn{margin-left:42px;} .link-email{margin:0 0 0 32px;position:relative; display: inline-block; color: #333; text-decoration: underline;} .link-email:hover{ text-decoration: underline; color: #333; } .link-email:before{background:url(../images/one_sprite.png) no-repeat;content:"";height:24px;left:-32px;position:absolute;top:-2px;width:24px;} .link-phone{ display: inline-block; top: 1px; font-family:"Exo2-SemiBold";font-size:18.5px;position:relative;text-decoration:none;} .link-phone:before{background:url(../images/one_sprite.png) no-repeat -26px 0;content:"";height:24px;left:-33px;position:absolute;top:0px;width:24px;} .header .link-phone{display:inline-block; color: #333;} .btn, input[type="submit"]{cursor: pointer; margin-right: 12px; margin-bottom: 7px !important; background:#76AC00;border:1px solid #76AC00;border-radius:3px;color:#fff;display:inline-block;font-family:"Exo2-Bold";height:37px;letter-spacing:.7px;line-height:37px;padding:0;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:.4s;width:196px;} .popup-window.popup-window-with-titlebar { padding: 10px 20px 5px!important; } .popup-window-titlebar-text,.popup-window-with-titlebar .popup-window-content{padding:0!important} .popup-window-buttons .btn{border:1px solid #76AC00!important;} .popup-window-buttons .btn:last-child{margin-right:0;} .popup-window-close-icon{ background: url(../images/one_sprite.png) no-repeat -227px -27px !important; width: 17px !important; } .btn:hover, input[type="submit"]:hover{background:#fff;color:#76AC00;} input[type="reset"]{background:#fff;border:1px solid #cccccc;border-radius:4px;color:#666;display:inline-block;font-family:"Exo2-SemiBold";font-size:14px;height:37px;letter-spacing:.7px;line-height:37px;text-align:center;text-decoration:none;text-transform:uppercase;transition:.4s;width:198px;} input[type="reset"]:hover{background:#ccc;color:#fff;} .subscribe-edit p{margin:7px 0;} .subscribe-edit{margin:0 0 20px;} .header .lvl2{background:#fff;border-top:1px solid #e5e5e5;position:relative;z-index:110;} .header .lvl2 .col1>ul{list-style:none;} .header .lvl2 .col1>ul>li{display:inline-block;padding:0 2.3%;position:relative;vertical-align:top;} .header .lvl2 .col1>ul>li:first-child{padding-left:0;} .header .lvl2 .col1>ul>li:hover>ul{display:block;} .header .lvl2 .col1>ul>li>ul li:hover>ul{display:block;} .header .lvl2 .col1>ul>li>a{color:#000;cursor:pointer;display:block;font-family:"Exo2-Bold";padding:25px 0;position:relative;text-decoration:none;text-transform:uppercase;transition:.4s;} .header .lvl2 .col1>ul>li>ul{background:#f0f0f0;display:none;left:0;list-style:none;position:absolute;top:68px;} .header .lvl2 .col1>ul>li ul{border-left:1px solid #76AC00;box-shadow:2px 2px 10px 0 rgba(0,0,0,.1);font-size:16px;list-style:none;z-index:100;} .header .lvl2 .col1>ul>li ul a{text-decoration:none;} .header .lvl2 .col1>ul>li ul a:hover{color:#76AC00;} .header .lvl2 .col1>ul>li ul li:last-child a{border-bottom:0;} .header .lvl2 .col1>ul>li ul>li {position: relative;} .header .lvl2 .col1>ul>li ul li a{border-bottom:1px solid #cccccc; color: #333;display:block;margin:0 16px;min-width:190px;padding:11px 0 13px;} .header .lvl2 .col1>ul>li ul ul{background:#f0f0f0;display:none;left:100%;min-width:280px;position:absolute;top:0;} .header .lvl2 .col1>ul>li>a:hover{color:#76AC00;} .header .lvl2 .col1>ul>li>a.active{color:#76AC00;} .header .lvl2 .col1>ul>li>a.active:before{opacity:1;} .header .lvl2 .col1>ul>li>a:before{background:#76AC00;content:"";height:1px;left:-7.5%;opacity:0;position:absolute;top:-1px;transition:.4s;width:115%;} .header .lvl2 .col1>ul>li>a:hover:before{opacity:1;} .btn-search{background:url(../images/one_sprite.png) no-repeat -51px 0px;cursor:pointer;display:inline-block;height:24px;margin:21px 0 0;vertical-align:top;width:24px;} .header .lvl2 .col1{width:96%;} .header .lvl2 .arrow>a{position:relative;} .header .lvl2 .arrow>a span:after{content:">";font-family:"Exo2-Light";font-size:18px;padding:3px 4px;position:absolute;right:0px;top:8px;} .header .lvl2 .arrow:hover>a span:after{color:#76AC00;} .header .lvl3 span{color:#666666;font-size:20px;text-transform:uppercase;} .header .lvl3 form>div{margin-left:3.5%;width:76%;} .header .lvl3 input[type="text"]{background:#fff;border-radius:4px 0 0 4px !important;border-radius:4px;height:35px;padding:0 1.5%;width:84%;} .header .lvl3 input[type="submit"]{background:#76AC00;border-radius:0 4px 4px 0;color:#fff;display:inline-block;font-family:"Exo2-Bold";height:37px;letter-spacing:1px;line-height:37px;margin-left:-4px;padding:0 22px;text-transform:uppercase;transition:.4s;width:auto;-webkit-appearance: none;-moz-appearance: none;appearance: none;} .header .lvl3 input[type="submit"]:hover{background:#76AC00;} .header .lvl3 .close{background:url(../images/one_sprite.png) no-repeat -227px -27px;cursor:pointer;height:16px;position:absolute;right:0;top:10px;width:15px;} .header .lvl3{background:#f0f0f0;bottom:0;left:0;opacity:0;padding:15px 0;position:absolute;transition:.7s;width:100%;} .header .lvl3.active{bottom:-67px;opacity:1;} /* Middle */ .content{padding:20px 20px 20px;} .slider1 .bx-pager{display:none;} .slider1 .bx-controls-direction a, .owl-nav>div{border:1px solid #333;display:block !important;font-size:0;height:40px;position:absolute;top:-230px;width:40px;} .slider1 .bx-controls-direction, .owl-nav{position:relative;z-index:100;} .slider1 .bx-controls-direction a:before, .owl-nav>div:before, .ms-nav-next:before, .ms-nav-prev:before{background:url(../images/one_sprite.png) no-repeat -235px 0;content:"";height:17px;left:13px;position:absolute;top:12px;width:12px;} .master-slider .ms-nav-next:before, .master-slider .ms-nav-prev:before{background:url(../images/one_sprite.png) no-repeat -235px 0;content:"";left:7px;position:absolute;top:12px;width:12px;} .bx-retina .bx-filter .bx-filter-input-container input{margin-right:5px;} /*slider1*/ .slider1 .bx-next, .owl-next{right:50px;} .slider1 .bx-prev, .owl-prev{left:50px;} .slider1 .bx-next:before, .owl-next:before, .ms-nav-next:before{background-position:-248px 0 !important;left:14px !important;} .slider1 .bx-prev:hover:before, .owl-prev:hover:before, .ms-nav-prev:hover:before{background-position:-262px 0;} .slider1 .bx-next:hover:before, .owl-next:hover:before, .ms-nav-next:hover:before{background-position:-275px 0 !important;} .slider1 .bx-controls-direction a:hover, .owl-nav>div:hover{background:#fff;border-color:#76AC00;} .title1{font-size:24px;line-height:24px;text-transform:uppercase;} .title2{font-family:"Exo2-Bold";font-size:60px;line-height:60px;text-transform:uppercase;} .slider1{color:#000; height: 423px; overflow: hidden;} .slider1 .btn{height:48px;line-height:48px;} .btn2{background:#fff;border:1px solid #76AC00;border-radius:4px;color:#76AC00;display:inline-block;font-family:"Exo2-Bold";height:48px;letter-spacing:.7px;line-height:48px;text-align:center;text-decoration:none;text-transform:uppercase;transition:.4s;width:198px;} .btn2:hover{background:#76AC00;color:#fff;} .slider1 p{font-size:16px;line-height:20px;margin-bottom:35px;max-width:530px;} .slider1 .bx-viewport li{padding:67px 0; background-repeat: no-repeat; background-size: cover; background-position: center 0; min-height: 290px;} .slider1 li{padding:67px 0; list-style: none;} .slider1 .title2{margin:17px 0 23px;} .slider1 li .inner>*{margin-left:24px;} .slider1 .btn{margin-right:14px;} .slider1 p{ min-height: 80px;} /*end slider1*/ /*advantages*/ .advantages{padding:35px 0;} .advantages>.in-row-mid>div{width:22.7%;} .advantages>.in-row-mid>div>div{margin:0 0 0 5%;width:68%;} .advantages .block img{margin-top:-9px;} .advantages .block{margin-right:5%;} .advantages .block2{margin-right:3%;} /*end advantages*/ /*blocks1*/ .blocks1{background:#f2f2f2;padding:42px 0;text-align:center;} .blocks1 .in-row>a{background:url(/bitrix/templates/innet_corp4_2_s1/css/../images/bg.jpg);background-size:100% 100%;color:#fff;display:inline-block;line-height:24px;margin-right:4%;padding:10px 0;text-decoration:none;vertical-align:top;width:30.3%;} .blocks1 .in-row>a:hover{background:#76AC00;background:linear-gradient(45deg, #90D200 0%,#76AC00 100%);background:-moz-linear-gradient(45deg, #90D200 0%, #76AC00 100%);background:-webkit-linear-gradient(45deg, #90D200 0%,#76AC00 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#90D200', endColorstr='#ef4b25',GradientType=1);} .blocks1 .in-row>a:last-child{margin-right:0;} .title3{font-family:"Exo2-SemiBold";font-size:20px;line-height:24px;margin-bottom:20px;position:relative;text-transform:uppercase;} .title3:after{background:#fff;bottom:-10px;content:"";height:1px;left:35%;position:absolute;width:30%;} .blocks1 p{min-height:120px;padding:0 14%;} .slide{padding:45px 0;} .title{font-weight: normal;font-family:"Exo2-Light";font-size:36px;line-height:36px;margin-bottom:30px;overflow:hidden;text-align:center;text-transform:uppercase;} .title span{display:inline-block;position:relative;} .title span:before{background:#ccc;content:"";height:1px;left:-1085px;position:absolute;top:24px;width:1000px;} .title span:after{background:#ccc;content:"";height:1px;position:absolute;right:-1085px;top:24px;width:1000px;} p.margin1{text-align:center;} .margin1{margin:0 0 55px;} .blocks1 img { height: 80px; } /*end blocks1*/ /*blocks2*/ .blocks2{padding:80px 0;text-align:center; margin: 0 0 -150px;} .blocks2>a{border:1px solid #cccccc;display:inline-block;margin:0 4.8% 141px 0;min-height:230px;padding-bottom:29px;text-align:center;text-decoration:none;vertical-align:top;width:29.7%;} .blocks2>a:nth-child(3n){margin-right:0px;} .blocks2 .title3{font-size:18.5px;line-height:25px;margin-bottom:35px;padding:0 30px;} .blocks2 .title3:after{background:#76AC00;bottom:-19px;} .blocks2>a:hover{border-color:#76AC00;box-shadow:0 0 0 1px #76AC00;} .blocks2 img{box-shadow:0 3px 10px 0 rgba(0,0,0,.2);margin:-80px 0 21px;max-width:90%;} .blocks2 p{height:72px;line-height:18px;min-height:65px;overflow:hidden;padding:0 30px;} .cons{overflow: hidden; background:#f0f0f0;color:#000;margin:20px 0;margin-top:20px;clear:both;padding:33px 50px;} .catalog-v2 .cols3 .cl{clear:both;width:100%;} .cons .col1{margin-right:6.2%;width:73%;} .cons-small .col1{margin-right:3.2%;width:70%;} .title4{color:#000;font-family:"Exo2-SemiBold";font-size:24.5px;line-height:24px;margin-bottom:18px;text-transform:uppercase;} .cons .btn{height:46px;line-height:46px;} .mb0{margin-bottom:0 !important;} .pt0{padding-top:0;} .owl-item{display:inline-block;} /*.owl-item img{max-width:80%;}*/ .owl-stage-outer{overflow:hidden;} /*end blocks2*/ /*blocks3*/ .blocks3>a{color:#000;display:inline-block;padding:18px 2.2%;text-decoration:none;vertical-align:top;width:45%;} .blocks3 .col2>div{font-family:"Exo2-SemiBold";font-size:18px;margin-bottom:13px;} .blocks3 .col2{width:66%;} .blocks3 .hid{margin-right:4%;width:28.5%;} .blocks3>a:hover{box-shadow:0 2px 10px 2px #e9e9e9;} .blocks3 p{min-height:54px;} .pt1{padding-top:35px;} /*end blocks3*/ .slider1.size2{margin:0 auto;max-width:1170px;overflow:hidden;} .slider1.size2 li .inner{margin:0;} .slider1.size2 .bx-prev{left:10px;} .slider1.size2 .bx-next{right:10px;} .slider1.size2 li .inner>*{margin-left:65px;} /*cols2*/ .cols2>.col2 .items {margin-top: 20px;} .items>div {display: inline-block; height: 320px; position: relative; vertical-align: top; margin-right: .4%; margin-bottom: 20px; width: 216px;} .items>div>div {background: #fff; padding: 38px 12px 0; border-radius: 2px; border: 1px solid #dfdfdf;} .item-more {display: none; padding-bottom: 19px;} .items>div:hover {z-index: 92;} .items>div:hover>div {box-shadow: 0 0 25px 0 rgba(0,0,0,.17);} .items>div:hover .item-more {display: block;} .cols2>.col2 .items>div:nth-child(4n) {margin-right: 0;} .label{border-radius:0;color:#fff;display:inline;font-size:12px;font-weight:normal;left:-10px;line-height:18px;padding:1.5px 10px 4.5px;position:absolute;text-align:center;top:14px;vertical-align:baseline;white-space:nowrap;z-index:10;} .label:before {content: ""; position: absolute; left: -0px; bottom: -10px; border: 5px solid transparent;} .label-green {background: #45b700;} .label-green:before { border-top: 5px solid #4b7512; border-right: 5px solid #4b7512;} .label-blue {background: #4285F4;} .label-blue:before { border-top: 5px solid #4285F4; border-right: 5px solid #4285F4;} .label-orange {background: #ff7f00;} .label-orange:before { border-top: 5px solid #b05700; border-right: 5px solid #b05700;} .label-purple {background: #800080;} .label-purple:before{border-top: 5px solid #800080; border-right: 5px solid #800080;} .label-red {background: #ff0000;} .label-red:before { border-top: 5px solid #8e0808; border-right: 5px solid #8e0808;} .items .hid {height: 155px; transition: none; position: relative; display: table-cell; vertical-align: middle; text-align: center; width: 2000px;} .items .hid span {background: rgba(111,111,111,.9); transition: .4s; width: 100%; text-align: center; color: #fff; position: absolute; left: 0; bottom: -28px; border-radius: 3px; padding: 4px 0;} .items .hid:hover span {bottom: 0;} .item-name a {text-decoration: none;} .item-name a:hover {text-decoration: underline; color: #76AC00;} .item-name {border-bottom: 1px solid #d8d8d8; margin: 5px 0 14px; padding-bottom: 12px; min-height: 61px;} .price-old {color: #828282; margin-top: 3px; margin-right: 2px; text-decoration: line-through; display: inline-block; vertical-align: top;} .price {font-size: 20px; line-height: 23px; color: #000; display: inline-block; vertical-align: top;} .item-status {position: relative; margin: 5px 0; padding-left: 18px;} .item-status:before {content: ""; position: absolute; left: 0; top: 3px; width: 12px; height: 12px; background-image: url(../images/one_sprite.png);} .bx_available:before {background-position: -197px -429px;} .bx_available {color: #70a041;} .bx_notavailable:before {background-position: -211px -429px;} .bx_notavailable {color: #ab1717;} .bx_order:before {background-position: -226px -429px;} .bx_order {color: #949494;} .link-compare {position: relative; margin-bottom: 4px; display: inline-block; line-height: 16px; margin-left: 22px; text-decoration: none; border-bottom: 1px dotted #5f79b3;} .link-compare:before {content: ""; position: absolute; left: -22px; top: 3px; width: 15px; height: 12px; background: url(../images/one_sprite.png) no-repeat -242px -429px;} .link-compare:hover {border-bottom-color: #76AC00; color: #76AC00;} .link-compare:hover:before {background-position: -242px -442px} .link-fav {position: relative; margin-bottom: 10px; display: inline-block; line-height: 16px; margin-left: 22px; text-decoration: none; border-bottom: 1px dotted #5f79b3;} .link-fav:before {content: ""; position: absolute; left: -22px; top: 2px; width: 17px; height: 15px; background: url(../images/one_sprite.png) no-repeat -260px -429px;} .link-fav:hover {border-bottom-color: #76AC00; color: #76AC00;} .link-fav:hover:before {background-position: -260px -445px} .item-size {margin-top: 7px;} .item-size a {border: 1px solid #d8d8d8; cursor: pointer; margin-right: 3px; border-radius: 0px; padding: 2px 4px; color: #727a8d; text-decoration: none; display: inline-block !important;min-width: 15px; min-height: 15px;} .item-size a.active {border: 2px solid #76AC00;} .item-name p {font-style: italic; margin: 5px 0;font-size: 12px;} .items .hid img {max-height: 100%;max-height: 155px;} /* catalog compare <<< */ .bx_filtren_container input[type="checkbox"]{display: inline;} .bx_compare{overflow:hidden;} .bx_compare .bx_filtren_container{background-color:#f7faf9;border:none;float:left;padding:0 20px;width:20%;} .bx_compare .bx_filtren_container h5{color:#6a6a6a;display:inline-block;font-size:16px;font-weight:600;line-height:1;padding-bottom:0px;padding-top:20px;} .bx_compare .table_compare{float:right;width:75%;} .custom-checkbox-compare{display:block;padding-left:30px;position:relative;} .custom-checkbox-compare:before{background-color:#fff;border:1px solid #d8d7d6;content:'';cursor:pointer;display:inline-block;height:18px;left:0;position:absolute;top:0;vertical-align:middle;width:18px;} .custom-checkbox-compare.active:before{background:#76AC00;box-shadow:inset 0 0 0 3px #fff;} .bx_compare .bx_filtren_container ul li{padding-left:0;} .custom-checkbox-compare + label{display:inline-block;line-height:16px;padding-left:30px;vertical-align:top;} .table_compare tr:first-child{height:290px;vertical-align:top;} .table_compare tr:first-child td{position:relative;} .table_compare tr:first-child td > a{color:#000 !important;text-decoration:none;} .table_compare tr:first-child td > a:hover{text-decoration:underline;} .table_compare tr:first-child noindex{bottom:40px;height:20px;left:0;position:absolute;text-align:center;width:100%;} .table_compare tr:first-child noindex a{background:#76AC00 !important;border-radius:0;display:inline-block;text-shadow:none;} .table_compare tr td{max-width:200px;min-width:200px;text-align:center !important;width:200px;} .table_compare tr td:first-child{text-align:left !important;} #bx_catalog_compare_block .bx_sort_container{/*top:26px;*/} .bx_compare .bx_sort_container .sortbutton{background:#f9f9f9 !important;border:none !important;border-radius:0 !important;box-shadow:none !important;text-shadow:none !important;} .bx_compare .bx_sort_container .sortbutton.current{background:#76AC00 !important;} .bx_compare .table_compare table tr:last-child td a{background-color:#bebfb5;color:#fff !important;display:inline-block;padding:5px;} .pers a{padding:0 20px 0 0;display: block;} .pers .fs24.title5{padding-right:20px;} .footer .lvl2 ul{margin-bottom:0;} .footer .inner { align-items: center; display: flex; justify-content: space-between; } .footer .inner .col4 span{padding-right:5px;} @media screen and (max-width: 900px){ .bx_compare .bx_filtren_container{background-color:#f7faf9;border:none;float:none;height:150px;margin-bottom:2%;padding:0 20px;width:100%;} .bx_compare .table_compare{float:none !important;margin-bottom:6%;width:100% !important;} .bx_compare .bx_filtren_container ul li{margin-right:2%;width:22%;} } .bx_item_list_recommended{z-index: 20;} @media screen and (max-width: 568px){.bx_compare .bx_filtren_container ul li{width:30%;} .bx_compare .bx_filtren_container{height:180px;} .table_compare .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:auto;top:-4px;} .table_compare #mCSB_7{padding-top:15px;} .bx_compare .bx_sort_container .sorttext{display:block;margin-bottom:10px;} .bx_compare .bx_sort_container .sortbutton{margin-bottom:5px;} .card-top .pull-right a {margin: 0 5px 0 0px;display: block;} .card-top .pull-right{float: none !important;} } @media screen and (max-width: 420px){ .subscibe-form1 .name-cont,.subscibe-form1 .email-cont{width:100%!important;} .bx_compare .bx_filtren_container ul li{width:47%;} .bx_compare .bx_filtren_container{height:210px;} .items>div{display:inline-block;height:auto;margin-bottom:35px;margin-right:.4%;position:relative;vertical-align:top;width:47%;} .popup-window-buttons .btn{width:100%;} } @media screen and (max-width: 320px){.bx_compare .bx_filtren_container ul li{margin-right:0;width:100%;} .bx_compare .bx_filtren_container{height:300px;} } /* >>> catalog compare */ .box_window, .popwindow{display:none;} .box_window .popwindow{display:block;} .ms-nav-prev, .ms-nav-next{display:block !important;margin:39px 0 0;opacity:1 !important;position:absolute;top:100%;} .ms-nav-prev:before, .ms-nav-next:before{height:17px;} .ms-nav-next{right:0px;} .ms-nav-next:before{left:-14px !important;} /*cols2*/ .cols2>.col2 .items-view2>div {width: 100%; height: auto;} .cols2>.col2 .items-view2>div .hid {position: absolute; left: 15px; top: 15px; display: inline-block; vertical-align: top; width: auto; width: 190px; margin-right: 10px;} .cols2>.col2 .items-view2>div .item-name {display: inline-block; border-bottom: 0; position: relative; width: 71%; margin-right: 7%; margin-bottom: 55px; vertical-align: top; min-height: 40px; padding: 0;} .cols2>.col2 .items-view2>div .item-name p {display: block;} .cols2>.col2 .items-view2>div .price-block {display: inline-block; vertical-align: top; max-width: 125px;} .cols2>.col2 .items-view2>div .item-name:after {content: ""; position: absolute; left: 0; bottom: -26px; height: 1px; width: 138%; background: #d9d9d9;} .cols2>.col2 .items-view2>div>div{padding-bottom:10px;padding-left:220px;padding-top:18px;} .cols2>.col2 .items-view3>div>div{min-height:160px;} .cols2>.col2 .items-view2 .item-more {display: block; padding: 0; width: 600px; margin: -15px 0 0 0;} .cols2>.col2 .items-view2 .item-more>div {display: inline-block; vertical-align: top; margin-right: 10px;} .cols2>.col2 .items-view2 .item-more>.lvl2 br {display: none;} .cols2>.col2 .items-view2 .item-more>.lvl2 a {margin-bottom: 0;} .cols2>.col2 .items-view2 .item-more>.lvl2 a:first-child {margin-right: 20px;} .cols2>.col2 .items-view2 .item-status {right: -10px; width: 120px; bottom: 25px; position: absolute; margin: 0;} .cols2>.col2 .items-view2>div .hid i {display: table-cell; font-style: normal; vertical-align: middle; width: 2000px; height: 145px; text-align: center;} .cols2>.col2 .items-view3>div {width: 100%; height: auto;} .cols2>.col2 .items-view3>div .hid {position: absolute; left: 15px; top: 15px; display: inline-block; vertical-align: top; width: auto; width: 190px; margin-right: 10px;} .cols2>.col2 .items-view3>div .item-name {display: inline-block; margin-bottom: 47px; border-bottom: 0; position: relative; width: 66%; margin-right: 1%; vertical-align: top; min-height: auto; padding: 0;} .cols2>.col2 .items-view3>div .item-name p {display: none;} .cols2>.col2 .items-view3>div .price-block {display: inline-block; vertical-align: top; text-align: right; max-width: 200px; width: 200px;} .cols2>.col2 .items-view3>div .item-name:after {content: ""; position: absolute; left: 0; bottom: -15px; height: 1px; width: 144%; background: #d9d9d9;} .cols2>.col2 .items-view3>div>div {padding-top: 18px; padding-bottom: 10px; padding-left: 220px;} .cols2>.col2 .items-view3 .item-more {display: block; padding: 0; width: 600px; margin: -15px 0 0 0;} .cols2>.col2 .items-view3 .item-more>div {display: inline-block; vertical-align: top; margin-right: 10px;} .cols2>.col2 .items-view3 .item-more>.lvl2 br {display: none;} .cols2>.col2 .items-view3 .item-more>.lvl2 a {margin-bottom: 0;} .cols2>.col2 .items-view3 .item-more>.lvl2 a:first-child {margin-right: 20px;} .cols2>.col2 .items-view3 .item-status {right: -10px; width: 120px; bottom: 25px; position: absolute; margin: 0;} .cols2>.col2 .items-view3>div .hid i {display: table-cell; font-style: normal; vertical-align: middle; width: 2000px; height: 145px; text-align: center;} .items .btn {width: 88px; height: 22px; line-height: 22px;margin:0;} /*end cols2*/ .label-sec{top:40px;} .price{color:#76AC00;font-size:20px;line-height:20px;margin-bottom:12px;} .price-old{color:#999999;text-decoration:line-through;} .item-btns{position:absolute;right:12px;text-align:center;top:15px;width:26px;} .item-btns a{display:block;margin-bottom:12px;} .item-btns .el1{background:url(../images/one_sprite.png) no-repeat -78px 0;height:23px;width:23px;} .item-btns .el2{background:url(../images/one_sprite.png) no-repeat -106px 0;height:23px;width:26px;} .item-btns .el3{background:url(../images/one_sprite.png) no-repeat -134px 0;height:13px;width:17px;} .item-btns .el1:hover, .item-btns .el1.active{background-position:-156px 0;} .item-btns .el2:hover, .item-btns .el2.active{background-position:-184px 0;} .item-btns .el3:hover, .item-btns .el3.active{background-position:-212px 0;} .bg-gray{background:#f2f2f2;} /*projects*/ .projects{text-align:center;} .projects .title3:after{background:#76AC00;} .projects .owl-carousel p, .projects .owl-carousel .title3{padding:0 30px;} .projects .owl-carousel .title3{color:#000;font-size:18px;margin-bottom:29px;text-transform:none;} .projects .owl-carousel .title3:after{bottom:-16px;} .projects .owl-carousel .hid{border:4px solid #fff;display:inline-block;line-height:0;margin-bottom:12px;max-width:80%;} .projects .owl-carousel .hid:hover{box-shadow:0 2px 10px 3px rgba(0,0,0,.1);} .projects .owl-nav>div{opacity:.6;top:-222px;} .projects .owl-prev{left:-50px;} .projects .owl-nav>div:hover{opacity:1;} .projects .owl-next{right:-50px;} .projects .owl-carousel{margin:0 auto;width:90%;} .projects_box .tab{border: 0;} /*end projects*/ .cols1>div{display:inline-block;vertical-align:top;width:48%;} .title5{font-family:"Exo2-Light";font-size:36px;margin-bottom:56px;position:relative;line-height:36px;} .title5:after{background:#76AC00;bottom:-32px;content:"";height:1px;left:0;position:absolute;width:100px;} .cols1>.col1 p{line-height:24px;margin-bottom:21px;width:90%;} .cols1>.col1{margin-right:3.5%;} .btn3{border:1px solid #76AC00;border-radius:4px;color:#76AC00;display:inline-block;font-size:12px;height:30px;line-height:29px;text-align:center;text-decoration:none;text-transform:uppercase;transition:.4s;width:114px;} .btn3:hover{background:#76AC00;color:#fff;} .cols1>.col2 .title5{margin-bottom:45px;} .blocks5 .hid{line-height:0;width:25%;} .blocks5 .col2{margin:0 0 0 3.5%;width:60.6%;} .blocks5>div:hover, .blocks5>div:hover a{color:#76AC00;} .blocks5>div:hover .col2 div{border-color:#76AC00;} .blocks5 .col2 div{border-bottom:1px solid #ccc;margin-bottom:12px;padding-bottom:11px;} .blocks5 .col2 a{text-decoration:none;} .blocks5>div:hover{box-shadow:0 4px 25px 0px rgba(0,0,0,.1);position:relative;z-index:10;} .blocks5>div{padding:18px;} .blocks5{margin-left:-18px;} /*partners*/ .partners .owl-item a{display:table-cell;height:80px;text-align:center;vertical-align:middle;width:1000px;} .partners .owl-nav>div{background:0;border:0;opacity:.7;top:-66px;} .partners .owl-nav>div:hover{opacity:1;} .partners .owl-prev{left:-15px;background:#f6f6f6;cursor:pointer;} .partners .owl-next{right:-15px;background:#f6f6f6;cursor:pointer;} .partners .owl-carousel{margin:0 auto;width:95%;} .partners .inner{border-top:1px solid #cccccc;padding-top:45px;} /*end partners*/ /*map*/ .map{height:350px;} .map .block{background:#fff;box-shadow:0 4px 20px 1px rgba(0,0,0,.1);left:0;min-width:460px;padding:2.2% 7% 2.2% 2.3%;position:absolute;top:69px;width:55.9%;z-index:10;} .map .block .title5{font-family:"Exo2-SemiBold";font-size:18px;padding-bottom:0px;text-transform:uppercase;} .map .block .title5:after{bottom:-27px;} .map .block ul{font-size:16px;list-style:none;} .map .block ul span{color:#76AC00;display:inline-block;vertical-align:middle;width:19%;} .map .block li{margin-bottom:13px;} .map .block li a{color:#333;} .map-view{background:#76AC00;color:#fff;padding:114px 0 30px;position:absolute;right:-85px;text-align:center;top:21px;width:180px;text-decoration:none;} .map-view:before{background:url(../images/one_sprite.png) no-repeat 0 -55px;content:"";height:66px;left:56px;position:absolute;top:32px;width:66px;} /*end map*/ /*breadcrumbs*/ .breadcrumbs{margin:10px 0 25px;} .breadcrumbs a{color:#666666;margin:0 16px 0 0;position:relative;text-decoration:none;} .breadcrumbs a:after{color:#666;content:">";font-family:verdana;font-size:12px;font-weight:300;margin:0 0 0 5px;position:absolute;right:-14px;top:0;} .breadcrumbs a:last-child:after{display:none;} .breadcrumbs a:hover{text-decoration:underline;} /*end breadcrumbs*/ /*blocks6*/ .blocks6{text-align:center;} .blocks6>div{display:inline-block;margin:0 0 55px;padding:0 0.5%;text-align:left;vertical-align:top;width:23.7%;} .blocks6 .hid{margin-bottom:12px;} .blocks6 .hid span{display:table-cell;height:155px;vertical-align:middle;width:1000px;} .blocks6 .block>a{color:#000;font-family:"Exo2-SemiBold";font-size:18px;text-decoration:none;} .blocks6 .block ul{list-style:none;margin:16px 0 0;} .blocks6 .block ul a{color:#333;font-size:16px;text-decoration:none;} .blocks6 .block ul li{margin-bottom:4px;} .blocks6 .block a:hover{color:#76AC00;} /*end blocks6*/ .text1 p{margin-bottom:18px;} .text1{margin-bottom:43px;} .padding{padding:0 5%;} .page-content .content{padding-bottom:145px;} .banners1>a{display:inline-block;margin-bottom:25px;} .banners1 .clearfix>a{width:48.8%;} .box_window{display:none;height:100% !important;left:0%;position:fixed;text-align:center;top:0;width:100%;z-index:1100;} .box_window_in{cursor:default !important;position:relative;} .box_window>.bw_close{height:100%;width:100%;} .bw_close{cursor:pointer;font-size:0;position:absolute;z-index:100;} .popup-wrap1>.bw_close{background:url(../images/one_sprite.png) no-repeat -227px -27px;height:16px;right:10px;top:10px;width:15px;} .mask{background:rgba(0, 0, 0, 0.5);display:none;height:100%;position:fixed;width:100%;z-index:1000;} .popbutton{cursor:pointer;} .callback{float:right;} .popup-wrap1{ box-sizing: content-box; background:#fff;display:inline-block;margin:40px 0;padding:40px 60px;position:relative;text-align:center;width:370px;z-index:1200;} .popup-wrap1 input, .popup-wrap1 textarea, select[name="user_topic"]{margin-bottom:17px;padding:0 6%;padding:0 10px;width:88%;} /* input[type="text"], input[type="password"], input[type="file"], textarea, select[name="user_topic"]{border:1px solid #cccccc;border-radius:4px;font-size:16px;height:46px;padding: 0 10px;}*/ input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, textarea:focus, select[name="user_topic"]:focus{border-color:#76AC00;} .bx-auth-table input{margin:5px;padding:0 5px;} .bx-auth-table input[type="checkbox"]{display:inline;} .mf-captcha img{margin:7px 0 0px 10px;margin-left:13px;} .mf-captcha input{margin:7px 0 0px;width:132px !important;} .scroll1{overflow:auto;} .popup-wrap1 textarea{height:80px;padding-bottom:14px;padding-top:14px;} .popup-wrap1 .title3:after{background:#76AC00;} .popup-wrap1 p{margin-bottom:32px;} .popup-wrap1 .btn{margin-bottom:0;width:200px;} .top.fixed{left:0;position:fixed;top:0;width:100%;} .top.fixed .lvl2 .inner{position:static;} .top.fixed2{left:0;position:fixed;top:0;width:100%;} .top.fixed2 .lvl2 .inner{position:static;} .toogle-content{display:none;} .cols2 .border{border:1px solid #ccc;border-radius:4px;margin-bottom:30px;overflow:hidden;} .cols2 .border2{border:1px solid #ccc;/* overflow:hidden; */} .cols2>.col1{display:inline-block;max-width:260px;min-width:230px;vertical-align:top;width:20%;} .cols2>.col2{display:inline-block;padding-left:1%; /*position: relative;*/ z-index: 101; vertical-align:top;width:78.3%;box-sizing: content-box;} .cols2>.col2 *{box-sizing: content-box;} .cols2>.col1 .toogle-title, .cols2>.col1 .toogle-title2, .toogle-title-2{color:#121212;display:block;padding:11px 30px 11px 10px;position:relative;} .cols2>.col1 .toogle-title span, .cols2>.col1 .toogle-title2 span, .toogle-title-2:after{background:#ccc;display:block;float:right;height:23px;margin-top:-9px;position:absolute;right:5px;text-align:center;top:50%;width:23px;} .cols2>.col1 .toogle-title span:after, .cols2>.col1 .toogle-title2 span:after, .toogle-title-2:after, .mob-nav-btn:after, .toogle3 .toogle-block-title:after{color:#666;content:">";font-family:calibri;font-size:14.5px;font-weight:300;margin:0 0 0 5px;opacity:.8;position:absolute;right:9px;top:11px;} .cols2>.col1 .toogle-title span:after, .cols2>.col1 .toogle-title2 span:after{left:3px;top:2px;} .cols2>.col1 .toogle-title.active{background:#76AC00;color:#fff;} .toogle-title-2:after{right:5px;} .cols2>.col1 .toogle>div{border-top:1px solid #ccc;font-size:16px;} .cols2>.col1 .toogle>div:first-child{border-top:none;} .toogle a{cursor:pointer;text-decoration:none;} .toogle a:hover{color:#76AC00;} .cols2>.col1 .toogle ul{list-style:none;} .cols2>.col1 .toogle .opened{border-top-color:transparent;} .toogle3.opened .toogle-block-title{background:#f0f0f0;} .cols2>.col1 .toogle .opened .toogle-title, .cols2>.col1 .toogle .opened2 .toogle-title2, .toogle-title-2.opened{background:#76AC00;color:#fff;} .cols2>.col1 .toogle .opened .toogle-title > span:after, .cols2>.col1 .toogle .opened2 .toogle-title2 > span:after, .opened.mob-nav-btn:after, .toogle-title-2.opened:after, .toogle3.opened .toogle-block-title:after{color:#fff;transform:rotate(90deg);} .toogle3.opened .toogle-block-title:after{color:#333;} .cols2>.col1 .toogle-title2{color:#333;display:block;padding:11px 0;} .cols2>.col1 .toogle-main>li>a{border-top:1px solid #ccc;margin:0 18px;} .cols2>.col1 .toogle-main>li:first-child>a{border-top:0;} .cols2>.col1 .toogle-main{background:#f0f0f0;} .cols2>.col1 .toogle .toogle-title2{background:none !important;padding-right:30px;} .cols2>.col1 .toogle .opened2 .toogle-title2, .cols2>.col1 .toogle .opened2 .toogle-title2 > span:after{color:#76AC00;} .cols2>.col1 .toogle .opened2 .toogle-title2:after{right:0;} .cols2>.col1 .toogle-main2>li{margin:0 30px 9px;} .cols2>.col1 .toogle-main2{padding-bottom:6px;} .cols2>.col1 .toogle-main3>li{font-size:14px;margin:0 0 6px 22px;} .cols2>.col1 .toogle-main3>li a:hover{color:#76AC00;} .cols2>.col1 .toogle-main3{padding:10px 0 0;} .cols2>.col1 .toogle .opened3 .toogle-title3{color:#76AC00;} .toogle2 .toogle-title, .toogle-title-2{border-top:1px solid #ccc;color:#333;font-size:16px;padding:11px 20px 11px 17px !important;} .toogle2 .opened>.toogle-title, .toogle2 .toogle-title-2.opened{background:#f0f0f0 !important;color:#333 !important;font-family:"Exo2-SemiBold";} .toogle2 .toogle-title > span:after, .toogle2 .toogle-title-2.opened:after{color:#333 !important;} .toogle2 ul>li:first-child .toogle-title, .toogle2 ul>li.opened .toogle-title{border-top-color:transparent;} .toogle2 .toogle-main{background:#fff !important;display:block;padding:17px;position:relative;} .for-range{color:#4d4d4d;left:0;position:absolute;top:9px;} .for-range span:first-child{margin-right:85px;} .cols3 .nav2 .toogle2>ul>li>a:after, .cols3 .nav2 .toogle>ul>li>ul>li>a:after{right:30px;} .irs{margin:30px 0 0;} .irs-single{left:224px !important;top:15px;} .irs{width:135px;} .irs-line-mid{left:0px;width:135px;} .irs-single{display:none !important;} .irs-to{left:130px !important;top:-28px !important;visibility:visible !important;} .irs-from{left:20px !important;top:-28px !important;visibility:visible !important;} .pr{position:relative;} input[type="checkbox"]{display:none;} input[type="checkbox"] + label span{background:red;background:url(../images/one_sprite.png) no-repeat -245px -29px;cursor:pointer;display:inline-block;height:16px;margin:-3px 9px 0 0;vertical-align:middle;width:16px;zoom:1;} input[type="checkbox"]:checked + label span{background:red;background:url(../images/one_sprite.png) no-repeat -263px -29px;} .for-scroll{height:130px;} .toogle-main-2{display:block;height:0;overflow:hidden;padding:0 17px;} .toogle-main-2.opened{height:auto;padding-bottom:14px;padding-top:17px;} .margin2 .overview>div{margin-bottom:10px;} .margin2 .overview>div:last-child{margin-bottom:0;} .colors>a{border-radius:100%; cursor: pointer; display:inline-block;height:25px;margin:0 11px 15px 0;vertical-align:top;width:25px;} .color1{background:#ff0000;} .color2{background:#0000ff;} .checkboxes1>div{display:inline-block;margin-bottom:10px;vertical-align:top;width:72px;} .filter-bottom{background:#f0f0f0;padding:19px 0;text-align:center;} .btn4, input[type="submit"].btn4{background:#fff;border:1px solid #cccccc;border-radius:4px;color:#666;display:inline-block;font-family:"Exo2-SemiBold";font-size:14px;height:48px;line-height:48px;text-align:center;text-decoration:none;text-transform:uppercase;transition:.4s;width:198px;} .btn4:hover, input[type="submit"].btn4:hover{background:#ccc;color:#fff;} .filter-bottom .btn, .filter-bottom .btn4, .filter-bottom input[type="submit"].btn4{font-family:"Exo2-SemiBold";height:35px;line-height:35px;} .filter-bottom .btn{margin-bottom:15px;} .cols2 .wrap{margin-right:15%;} .view-style{margin-top:8px;} .view-style>*{display:inline-block;vertical-align:middle;} .view-style>span{margin-top:-3px;} .view-style a{cursor:pointer;height:17px;margin-left:9px;width:17px;} .view-style1{background:url(../images/one_sprite.png) no-repeat -65px -55px;} .view-style2{background:url(../images/one_sprite.png) no-repeat -83px -55px;} .view-style3{background:url(../images/one_sprite.png) no-repeat -103px -55px;} .view-style a.active{background-position-y:-73px;} .catalog-v2 p{margin-bottom:26px;} .catalog-v2 .blocks4{margin:25px 0 0;} .catalog-v2 .blocks4>div{margin-bottom:30px;margin-right:3.4%;width:28.5%;} .catalog-v2 .blocks4 p{display:none;} /*pagination nav*/ .pagination{margin:16px 0;text-align:center;} .pagination a{border:1px solid #ccc;border-radius:3px;color:#666;display:inline-block;height:28px;line-height:28px;margin:0 3px;position:relative;text-decoration:none;vertical-align:top;width:28px;} .pagination a:hover{border-color:#76AC00;} .pagination a.active{background:#76AC00;border-color:#76AC00;color:#fff;} .pag-next:before{background:url(../images/one_sprite.png) no-repeat -125px -54px;content:"";height:14px;left:9px;position:absolute;top:5px;width:8px;} .pag-prev:before{background:url(../images/one_sprite.png) no-repeat -136px -54px;content:"";height:14px;left:9px;position:absolute;top:5px;width:8px;} .pag-prev, .pag-next{background:#ccc;} .pag-prev:hover, .pag-next:hover{background:#c0c0c0 !important;border-color:#c0c0c0 !important;} .nav2 .toogle-title2:after {display: none;} .nav2 .toogle-title2 {border: 0 !important;} .nav2 .toogle-title2:hover {color: #76AC00;} /*end pagination nav*/ /*blocks7*/ .blocks7 {margin-bottom: 15px;} .blocks7>div {width: 42.4%; padding: 30px 3%; margin: 0 2.1% 20px 0; display: inline-block; vertical-align: top; border: 1px solid #cccccc; border-radius: 4px;} .blocks7>div:nth-child(2n) {margin-right: 0;} .blocks7>div:hover {border-color: #76AC00;} .blocks7 .hid {margin-bottom: 30px; text-align: center;} .blocks7>div p {margin: 11px 0 22px;} .blocks7>div>a {font-size: 16px; text-decoration: none;} .blocks7>div>a:hover {color: #76AC00;} .img_mrb{} .cols3{margin-bottom:45px;} .cols3>.col1{display:inline-block;margin-right:2%;vertical-align:top;width:52%;} .cols3>.col2{display:inline-block;position:relative;vertical-align:top;width:45%;} /*end blocks7*/ /*blocks8*/ .blocks8{margin:25px 0 0;} .blocks8>div{border:1px solid #ccc;border-radius:4px;display:inline-block;margin-bottom:30px;margin-right:2.7%;padding:23px 2% 23px;text-align:center;vertical-align:top;width:27.0%;} .blocks8>div:nth-child(3n){margin-right:0px;} .blocks8 .hid{margin-bottom:18px;} .link{font-size:16px;text-decoration:none;} .link:hover{color:#76AC00;} .blocks8 .btn{width:135px;} .blocks8 p{margin-top:8px;} .blocks8>div:hover{border-color:#76AC00;} .blocks8-view2>div{display:block;margin:0 0 20px;padding:25px 3%;text-align:left;width:94%;} .blocks8-view2 .hid{height:auto;margin:0;max-height:150px;max-width:30%;width:auto;} .blocks8-view2>div>div{display:inline-block;vertical-align:top;} .blocks8-view2 .col2{margin:0 0 0 3%;width:66%;} .blocks8-view2 p{min-height:48px;} .blocks8-view3>div{display:block;margin:0 0 20px;padding:12px 2%;text-align:left;width:96%;} .blocks8-view3 .hid{height:auto;margin:0;max-height:150px;width:10.5%;} .blocks8-view3>div{margin-bottom:28px;} .blocks8-view3>div>div{display:inline-block;vertical-align:top;} .blocks8-view3 .col2{margin:0 0 0 3%;width:85.5%;} .blocks8-view3 .col2>*{display:inline-block;vertical-align:middle;} .blocks8-view3 .col2>div{margin-right:2.5%;width:77.6%;} .blocks8-view3 .col2 p{margin-bottom:0;} .icon1-1 .fs18 a{text-decoration:none;} .cols4>div{display:inline-block;vertical-align:top;} .cols4>.col1{width:32%;} .cols4>.col2{width:67.4%;} .map{border:1px solid #ccc;height:350px;overflow:hidden;} .contacts .col1 span{display:inline-block;font-size:12px;margin-bottom:2px;text-transform:uppercase;} .fs18{font-size:18.5px;} .contacts .col1>div{margin-bottom:49px;padding-left:77px;position:relative;} .contacts .col1>div:before{content:"";height:60px;left:0;position:absolute;top:-9px;width:60px;} .icon1-1:before{background:url(../images/one_sprite.png) no-repeat 0 -150px;} .icon1-2:before{background:url(../images/one_sprite.png) no-repeat -64px -150px;} .icon1-3:before{background:url(../images/one_sprite.png) no-repeat -128px -150px;} .icon1-4:before{background:url(../images/one_sprite.png) no-repeat -192px -150px;} .fs24{font-size:24px;} .fs24.title5{text-transform:uppercase;} .fs24.title5:after{bottom:-27px;} .cols5>div{display:inline-block;vertical-align:top;} .cols5>.col1 input[type="text"]{height:40px;margin-bottom:21px;padding:0 2% 0 17% !important;width:81% !important;} .cols5>.col1{margin-right:2%;width:36%;} .cols5>.col2{width:61%;} .cols5>.col2 textarea{height:210px;margin-bottom:21px;padding:2% 3%;/*width:94%;*/width: 88%;} .cols5>.col2 .btn{font-family:"Exo2-Bold";} .input-email{background:url(../images/one_sprite.png) no-repeat 13px -284px;} .input-email:focus{background-position:13px -319px;} .input-name:focus{background-position:13px -250px;} .input-phone{background:url(../images/one_sprite.png) no-repeat 13px -356px;} .input-phone:focus{/* background-position:13px -393px; */ background: url(/bitrix/templates/innet_corp4_2_s1/css/../images/one_sprite2.png) no-repeat;background-position: 13px 8px;} .contcats-lvl2{border-top:1px solid #ccc;margin-top:45px;padding-top:55px;} .contcats-lvl2 p{margin-bottom:28px;} .contcats-lvl2 table{border-collapse:collapse;width:100%;} .contcats-lvl2 table tr:nth-child(odd){background:#ececec;} .contcats-lvl2 table tr td:first-child{font-family:"Exo2-SemiBold";font-size:18px;padding-left:3%;width:30%;} .contcats-lvl2 table tr td:last-child{width:55%;} .contcats-lvl2 table td{line-height:21px;padding-bottom:10px;padding-top:10px;vertical-align:top;} .order-block{background:#f0f0f0;border-radius:4px;padding:25px 10px;text-align:center;box-sizing: border-box;max-width: 100%;} .order-block p{margin:0 0 20px;} .order-block .title3:after{display:none;} .order-block .title3{margin-bottom:20px;} .title7{color:#272727;font-family:"Exo2-SemiBold";font-size:18px;margin-bottom:16px;} .text p{margin-bottom:18px;} .ul-style2{display:table;list-style:none;} .ul-style2 li{margin-bottom:15px;padding-left:14px;position:relative;} .ul-style2 li:before{background:#ccc;border-radius:100%;content:"";height:6px;left:0;position:absolute;top:6px;width:6px;} .ms-nav-prev:before, .ms-nav-next:before{opacity:.6;} .ms-nav-prev:hover:before, .ms-nav-next:hover:before{opacity:1;} .table-style2{border-collapse:collapse;font-size:16px;width:100%;} .table-style2 tr:nth-child(odd){background:#f0f0f0;} .table-style2 tr:first-child{background:#76AC00;color:#fff;} .table-style2 td{padding-bottom:10px;padding-left:2%;padding-right:2%;padding-top:10px;} .border3{border:1px solid #d0d0d0;border-radius:4px;overflow:hidden;} .width1{width:5%;} .width2{width:20%;} .width3{width:20%;} .width4{width:20%;} .toogle3{border:1px solid #ccc;border-radius:4px;position:relative;} .toogle3 .toogle-block-title{cursor:pointer;display:block;font-size:16px;padding:10px 22px;} .toogle-block, .toogle-block2{display:none;} .toogle3 .toogle-block-title:hover{color:#76AC00;} .margin4{margin-bottom:40px;} .toogle3 .toogle-block{padding:15px 22px;} .quote{color:#76AC00;font-family:"Exo2-LightItalic";margin:36px 0;padding:0 55px;position:relative;} .quote:before{background:url(../images/one_sprite.png) no-repeat -184px -55px;content:"";height:25px;left:0;position:absolute;top:-10px;width:30px;} .quote:after{background:url(../images/one_sprite.png) no-repeat -150px -55px;bottom:-10px;content:"";height:25px;position:absolute;right:0;width:30px;} .margin5{margin:40px 0;} .message{border:1px solid;border-radius:4px;margin-bottom:12px;padding:10px 20px;} .message span{font-family:"Exo2-SemiBold";font-size:16px;} .message1{border-color:#76AC00;color:#76AC00;} .message2{border-color:#ff4747;color:#ff4747;} .message3{border-color:#4ca8e2;color:#4ca8e2;} .message4{border-color:#4ecc79;color:#4ecc79;} .table-style3{border-bottom:1px solid #f0f0f0;border-collapse:collapse;width:100%;} .table-style3 .lvl1{background:#f0f0f0;font-size:18px;} .table-style3 .lvl1 td{padding:10px 15px;} .it{font-family:"Exo2-LightItalic";} .table-style3 td{border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;padding:10px 2%;vertical-align:top;} .table-style3 tr td:first-child{border-left:0;} .table-style3 tr td:last-child{border-right:0;} .table-style3 tr{border-bottom:1px solid #F0F0F0;} .table-style3 .size1{width:40%;} .table-style3 .size2{width:18%;} .color3{color:#ff4747;} .color4{color:#59d683;} .table-style3 .color3, .table-style3 .color4{margin-bottom:14px;} .projects .title5{text-align:left;} /*end blocks8*/ .block-wrap .blocks4 p, .items-viewed .blocks4 p {display: none;} .slider-style2 .bx-controls-direction a, .btn-prev, .btn-next, .items-viewed .pull-right>div button {position: absolute; top: 30px; z-index: 90; font-size: 0; background: #f4f4f4; border: 1px solid transparent; border-radius: 2px; width: 32px; height: 32px;} .slider-style2 .bx-prev {right: 150px;} .slider-style2 .bx-prev:before, .btn-prev:before {content: ""; position: absolute; left: 12px; top: 10px; background: url(../images/one_sprite.png) no-repeat -180px -429px; width: 7px; height: 11px;} .slider-style2 .bx-next {right: 110px;} .slider-style2 .bx-next:before, .btn-next:before {content: ""; position: absolute; left: 13px; top: 10px; background: url(../images/one_sprite.png) no-repeat -188px -429px; width: 7px; height: 11px;} .slider-style2 .bx-controls-direction a:hover, .btn-prev:hover, .btn-next:hover, .items-viewed .pull-right>div button:hover {border-color: #76AC00; background: #fff;} .slider-style2 .bx-prev:hover:before, .btn-prev:hover:before {background-position: -180px -442px;} .slider-style2 .bx-next:hover:before, .btn-next:hover:before {background-position: -188px -442px;} .block-wrap {padding: 22px 0 15px; border-bottom: 1px solid #d5d5d5;} .block-wrap .in-row:nth-child(3n) {margin-right: 2.1% !important;} .comments>div{border-bottom:1px solid #cccccc;margin-bottom:25px;padding-bottom:13px;} .comments .lvl1{font-size:12px;text-transform:uppercase;} .comments .lvl1 span{font-family:"Exo2-Bold";font-size:18px;margin-right:13px;text-transform:none;} .comments p{margin:14px 0;} .comments .lvl2{line-height:22px;} .comments .lvl2 span{font-family:"Exo2-SemiBold";} .com-form form>*{font-size:16px;width:96%;} .com-form .btn{height:40px;line-height:40px;width:180px;} .com-form textarea, .com-form input[type="text"]{font-size:16px;margin-bottom:20px;padding:0 2%;} .com-form textarea{height:100px;padding-bottom:15px;padding-top:15px;} .com-form input[type="text"]{height:40px;} .com-form ::-webkit-input-placeholder{font-size:16px;} .com-form ::-moz-placeholder{font-size:16px;} .com-form :-moz-placeholder{font-size:16px;} .com-form :-ms-input-placeholder{font-size:16px;} .com-form .fs16{margin-bottom:27px;text-transform:uppercase;} .com-form{margin-top:45px;} .input-name{background:#fff url(../images/one_sprite.png) no-repeat 13px -217px;padding-left:6% !important;width:92% !important;} .in-row-bot>div{display:inline-block;vertical-align:bottom;} .docs>div{display:inline-block;margin-bottom:20px;vertical-align:top;width:49.5%;} .docs>div>div{margin:0 0 0 4%;width:70%;} .docs>div>div a{color:#76AC00;font-size:16px;text-decoration:none;} .docs>div>div a:hover{text-decoration:underline;} .docs>div>div div{color:#999;margin-top:5px;} #tabs .tab{display:none;} #tabs .tab#tabs-1{display:block;} #tabs .tabs li.current{background:#fff;border-bottom:none;} /* Footer */ .title3 a{text-decoration:none;} .mob-nav-btn{background:#76AC00;color:#fff !important;cursor:pointer;display:block;font-size:18px;padding:21px 35px 23px 48px;text-decoration:none;text-transform:uppercase;} .mob-nav-btn:before{background:url(../images/one_sprite.png) no-repeat -220px -56px;content:"";height:15px;left:20px;position:absolute;top:24px;width:18px;} .mob-nav-btn:after{color:#fff;right:15px;top:20px;} .ms-slide-bgcont{display:table-cell;height:270px !important;position:relative !important;text-align:center;vertical-align:middle;width:1000px !important;} .ms-slide img{height:auto !important;margin:0 !important;max-height:90%;max-width:80%;width:auto !important;} .blocks4.blocks4-view1 .col2{width:100%;} /* end Footer */ /*header*/ .scroll1 table{min-width:650px;} .header .lvl2 .col1{display:block;} .header .lvl2 .mob-nav-btn{display:none;} .header .lvl2 .search-block, .header .lvl2 .link-email, .header .lvl2 .link-phone, .header .lvl2 .btn{display:none;} .header.fixed .lvl2 .link-email, .header.fixed .lvl2 .link-phone, .header.fixed .lvl2 .btn{display:inline-block;} .header.fixed2 .lvl2 .link-email, .header.fixed2 .lvl2 .link-phone{display:none;} .header.fixed2 .lvl2 .btn{display: inline-block;} .search-block input[type='text']{border:1px solid #ccc;border-radius:4px 0 0 4px;height:34px;padding:0 10px;width:230px;} .search-block input[type="submit"]{margin-bottom: 0px !important; background:#ccc;border:1px solid #ccc;border-radius:0 4px 4px 0;color:#fff;font-family:"Exo2-Bold";font-size:14px;height:36px;line-height:36px;margin-left:-4px;text-align:center;text-transform:uppercase;width:100px;} .header .lvl2 .search-block{margin:12px 0 0 38px;} .header .lvl2 .link-email, .header .lvl2 .link-phone{margin:9px 0 0 45px;} .header .lvl2 .btn{margin:10px 10px 0 30px;} .header.fixed .lvl2 .col2{display:none;} .header.fixed2 .lvl2 .col2{display:none;} .header.fixed2 .lvl1,.header.fixed2 .lvl0{display:none;} .open-toogle, .open-toogle2{display:none;} .btn:after{display:none;} .block-wrap .items>div {margin-right: .7%;} .bx_page div{float:left;width:33%;} .header.fixed2 .lvl2 .col1 {float: left; width: calc(100% - 230px);} .header.fixed2 .lvl2 .col1 > ul { float: left; width: 100%;} .header.fixed2 .lvl2 .col1 > ul li{ padding-left: 1%; padding-right: 1%;} @media screen and (max-width:1169px) { .inner {padding: 0 20px;} .header .lvl1 {position: relative;} .header .lvl1 .col1 {margin-right: 4%;} .header .lvl1 .col3 { margin: 0 4% 0 4%; } .header .lvl1 .col4 { /*margin-top: 12px;*/} .header .lvl2 .col1 > ul > li {padding: 0 14px;} .header .lvl3 form > div {width: 70%;} .header .lvl3 input[type="text"] {width: 80%;} .header .lvl3 .close {right: 10px;} .slider1 .bx-viewport li {background-size: cover;} .advantages > .in-row-mid > div > div {width: 70%;} .cons .col1 {margin-right: 2%;} .blocks4 > div {margin-bottom: 25px; margin: 0 2.1% 20px 0 !important;} .item-btns2 > a {width: 140px;} .ms-slide-bgcont {height: 220px !important;} .tabs a {width: 24%;} .view-style {display: none;} .pagination a {margin-bottom: 5px;} .blocks7 .btn {max-width: 90%;} .cons-small {width: 88%;} .cons-small .col1 {width: 65%;} .header.fixed .lvl2 .inner {padding: 0;} .header.fixed2 .lvl2 .inner {padding: 0;} .header .lvl2 .search-block {margin-left: 20px;} .header .lvl2 .link-email, .header .lvl2 .link-phone {margin: 9px 0 0 48px;} .irs-to, .irs-single, .irs-from {width: 45px !important;} .for-range span:first-child {margin-right: 80px;} .irs-to {left: 123px !important;} .irs {width: 200px !important;} .irs-line-mid {width: 190px !important;} .card-top .pull-left {margin-bottom: 5px;} .card-wrap > .col3 {width: 100%;} .card-gallery {width: 47%; margin-right: 2%; margin-bottom: 15px;} .card-main {width: 47%; margin: 0; margin-bottom: 15px;} .card-wrap > .col3>div {width: 47%; margin-right: 2%; display: inline-block; vertical-align: top;} .cols2>.col2 {width: 75%;} .items>div { /*margin-right: 1.3%; margin-left: 1.3%;*/ } .items>div:nth-child(4n) {margin-right: 1.3% !important;} } @media screen and (min-width:961px) and (max-width:1169px) { .header .lvl1 .col4 {float:right;margin-top:10px;} .footer .lvl1 .col4 {float:right;margin-top:17px;} .header .lvl1 .col3 {/*display:none;*/} } @media screen and (min-width:961px) and (max-width:1071px) { } @media screen and (min-width:780px) and (max-width:790px) { .items>div{width:213px;} } @media screen and (min-width:611px) and (max-width:779px) { .items>div{ width: 32%; } .slide .items>div{ margin-bottom: 84px; } } @media screen and (min-width:961px) and (max-width:1010px) { .wrapper .header-block { min-height: 120px; } } @media screen and (max-width:1085px) { .header .lvl2 .link-email, .header .lvl2 .link-phone {margin: 9px 0 0 38px;} .header .lvl2 .btn {margin-left: 15px;} } @media screen and (max-width:1170px) { .header.fixed2 .lvl2 .btn {margin-right: 15px; margin-left: 0; } } @media screen and (max-width:1140px) { .cols2 > .col2 {width: 72%;} .input-name {padding-left: 10% !important; width: 88% !important;} .blocks4.blocks4-view1>div {width: 45%; margin-right: 2.1% !important;} .blocks8.blocks8-view1>div {width: 43%; margin-right: 2.1% !important;} .header .lvl2 .link-email, .header .lvl2 .link-phone {display: none !important;} } @media screen and (max-width:1010px) { .header .lvl2 .col1 > ul > li {padding: 0 2% 0 0;} .header .lvl2 .col1 > ul > li > a {padding: 10px 0;} .btn-search {margin: 9px 0 0;} .header .lvl3 input[type="text"] {width: 70%;} .advantages img {width: 48px;} .advantages > .in-row-mid > div {width: 47%; margin-right: 2%; margin-bottom: 15px;} .blocks2 > a {margin: 0 1.5% 141px;} .cons{padding:30px;} .cons .col2 .btn{margin-right:0;} .cons .col1 {width: 49%;/*width: 65%;*/} .slide .cons .col1{width: 64%;} .partners .owl-prev {left: -20px;} .partners .owl-next {right: -18px;} .header .lvl2 .col1>ul>li>ul {top: 38px;} .footer .lvl2 .col1 > ul > li > ul {top: auto; bottom: 38px;} /* .cols2 > .col2 {width: 70%;} */ .item-btns2 > a {width: 125px;} .ms-slide-bgcont {height: 190px !important;} .cols5 > div {width: 100% !important;} .cols5 > .col1 input[type="text"] {width: 89% !important; padding: 0 2% 0 9% !important;} .blocks7 > div {width: 42%;} .cons-small {width:80%/* 84%;*/} .cons-small .col1 {width: 100%; margin-bottom: 14px;} .popupbtn_1{ float: right; } } @media screen and (min-width:970px) and (max-width:990px) { .header .lvl1 .col3{margin:6px 45px 0 16px;} .header .lvl1 .col1{margin-right:10px;} .header .lvl1 .col2{margin:5px 0 0 0;} /* .header .lvl1 .col4 .btn{margin-left:15px;} */ } @media screen and (min-width:900px) and (max-width:920px) {.cols2 > .col2 {width: 71%;}} @media screen and (min-width:500px) and (max-width:960px) { .header.default .lvl2 .inner {padding: 0;} .header.default .lvl2 .col1 {position: absolute; left: 0; top: 62px; background: #f0f0f0; width: 230px;} .header.default .lvl2 .col2 {display: none;} .mob-nav-btn:after {display: none;} .header.default .lvl2 .col1>ul>li {display: block; padding: 0 15px;} .header.default .lvl2 .col1>ul>li>a {font-size: 16px; cursor: pointer; font-family: "Exo2-Regular"; text-transform: none; padding: 12px 0; border-bottom: 1px solid #cccccc;} .header.default .lvl2 .col1>ul>li:last-child>a {border-bottom: 0;} .header.default .lvl2 .col1>ul {border-left: 1px solid #76AC00; box-shadow: 2px 2px 3px 0 rgba(0,0,0,.3)} .header.default .lvl2 .col1>ul>li>ul {left: 229px; top: 0;} .header.default .lvl2 .col1>ul>li>a:before {display: none;} .header.default .lvl2 .col1 {display: none;} .header.default .lvl2 .search-block {display: inline-block;} .header.default .lvl2 .mob-nav-btn {display: inline-block; vertical-align: top;} } @media screen and (max-width:900px) { .cols3 > div{margin:0;width:100% !important;} .cols3>.col1{margin-bottom:30px;} .ms-slide, .ms-container{height:200px !important;} .ms-nav-next, .ms-nav-prev{bottom:62px;top:auto;} .ms-view{height:309px !important;} .tabs a{border-radius:0;display:block;height:32px;line-height:32px;} } @media screen and (min-width:961px) and (max-width:1121px) { .header .lvl1 .col3{ margin: 0; position: absolute; /* right: 309px; */ right: 281px; top: 4px; } .header .lvl1 .col4 { margin-top: -5px!important; } .header .lvl1 .col4 .link-phone{top: 30px;} .header .lvl1 .col4 .popbutton{top: 16px;} } @media screen and (min-width:861px) and (max-width:899px) { .cols2 > .col2{width:70%;} } @media screen and (max-width:960px) { .header .lvl1{text-align:left;} .header .lvl1 .col4 .btn{position: absolute;top: 95px;right: 25px;z-index: 201;} .header .lvl1 .link-email{position:absolute;right:28px;top:0;} .header .lvl1 .link-phone{position:absolute;right:28px;top:35px;} .header .lvl1 .link-phone{} .slide{padding:45px 5px;} .wrapper .header-block { min-height: 175px; } .header .lvl1 .col3{float:right;margin:0;} } @media screen and (min-width:961px) { .cols2 > .col2{/* width:70%; */} .header .lvl2 .col1>ul>li.arrow>a span{display:none;} .header.fixed .lvl2 .col1>ul>li.arrow>a span{display:inline;} .header.fixed2 .lvl2 .col1>ul>li.arrow>a span{display:inline;} } @media screen and (min-width:980px) { .mob_view{display:none;} } @media screen and (min-width:810px) and (max-width:860px) { } @media screen and (max-width:810px) { .blocks6 > div {width: 33%;} .blocks4.blocks4-view1>div {width: 98%; margin-right: 0 !important;} .cols2-proj>.col2 {width: 67%; padding-left: 2%;} } @media screen and (min-width:610px) and (max-width:740px) {.search-block input[type='text']{width:150px;}} @media screen and (min-width:610px) and (max-width:840px) { /* .header .lvl1 .col3{display:none;} */ .header .lvl2 .btn{display:none;} .header.fixed .lvl2 .btn{ margin-right: 10px; width: 155px; margin-left: 10px; display:block; } .header .lvl1 .col4 .btn{right:5px;} } @media screen and (max-width:660px){ .header .lvl1 .col4 .btn{display:none;} } @media screen and (max-width:700px){ .header-block{max-height: 100px} .form-question .mf-captcha, .contacts .mf-captcha{text-align:center;} .form-question .mf-captcha img, .contacts .mf-captcha img{display:block;float:none !important;margin:7px auto 0 !important;} .form-question .mf-captcha input, .contacts .mf-captcha input{display:block;float:none !important;margin:9px auto 0px !important;width:132px !important;} .md-align-center{text-align:center;} .md-align-center{margin-top:20px !important;} } @media screen and (max-width:769px) { .slide .items>div{width:32.4%;height:350px;} .slide .items>div:nth-child(4n){margin-right:0;} .slide .items>div:nth-child(5n){margin-right: .5%;} .header .lvl2 .col1 {width: 94%;} .header .lvl3 input[type="text"] {width: 58%;} .header .lvl3 form > div {width: 61%;} .title2 {font-size: 36px; line-height: 36px;} /* .header .lvl1 {padding: 15px 0;} */ .slider1 .btn {margin-bottom: 12px;} .blocks1 .in-row > a {margin-right: 0; width: 100%; margin-bottom: 20px;} .blocks1 .in-row > a:last-child {margin-bottom: 0;} .blocks1 p {min-height: auto;} .blocks2 > a {width: 46%;} .blocks2 .no-margin {margin-right: 1.5% !important;} .cons .col1 {/*width: 50%;*/width: 100%; margin: 0 0 14px;} .slide .cons .col1{width:100%;} .projects .owl-prev {left: -25px;} .projects .owl-next {right: -25px;} .cols1 > div {width: 100%;} .cols1>.col1 {margin: 0 0 30px;} .cols2 > .col2 {width: 60%;} .cols2>.col1{width:38%;max-width:inherit;min-width:inherit;} .cols4 > .col2 {width: 54%; margin-left: 5%;} .cols4 > .col1 {width: 40%;} .cols5 > .col1 input[type="text"] {width: 86% !important; padding: 0 2% 0 12% !important;} .blocks8.blocks8-view1 > div {width: 96%; margin: 0 0 30px !important;} .cons-small {width:78%/* 80%;*/} .header .lvl2 .btn {/* display: none !important; */} .card-gallery {width: 100%; margin-right: 0;} .card-main {width: 100%;} .card-wrap > .col3>div {width: 100%; margin-right: 0;} .tabs ul li a{box-sizing:border-box;height:32px;line-height:32px;width:100%;} .tabs ul li{display:block;} } @media screen and (min-width:655px) { .fixed_side_bar { position: fixed; top: 80px;} } @media screen and (max-width:655px) { .items {text-align: center;} .items>div {text-align: left;} .cols2 > div {width: 96% !important;padding:0 2%;} .cols2 > .col2 {padding: 0;} .ms-thumb-list {display: block !important; opacity: 1 !important;} .blocks6 > div {width: 48%;} .cols2 > .col1 .toogle-main {display: none;} .toogle-main-2.opened {height: 0; padding-top: 0; padding-bottom: 0;} .toogle-main-2 {height: auto; padding-top: 17px; padding-bottom: 17px;} .cols2 > .col1 .border2 .toogle .opened .toogle-title span::after, .border2 .toogle2 .toogle-title-2.opened span::after {transform: rotate(0deg);} .cols2 > .col1 .border2 .toogle .toogle-title span::after, .border2 .toogle2 .toogle-title-2 span::after {transform: rotate(90deg);} .cols4 > div {width: 100% !important;} .map {margin: auto; width: 96%;} .cols4 > .col2 {margin: 0;} .cols5 > .col1 input[type="text"] {width: 89% !important; padding: 0 2% 0 9% !important;} .cols2 > .col2.catalog-v2 {width: 100% !important;} .blocks8>div img {max-width: 95%;} .cons-small {width: 90%; padding-left: 5%; padding-right: 5%;} .cols2>.col1 .border, .cols2>.col1 .border2 {height: 0; border: 0; overflow:hidden;} .cols2>.col1 .border.opened, .cols2>.col1 .border2.opened {height: auto; border: 1px solid #ccc;} .open-toogle, .open-toogle2 {display: block; margin-bottom: 20px; cursor: pointer; background: #ccc; text-transform: uppercase; color: #fff; text-decoration: none; text-align: center; height: 40px; line-height: 40px;} .cols2 .border {margin-bottom: 0;} .cols2 .border.opened, .cols2 .border2.opened {margin-bottom: 30px;} .cols2>.col1 {display: block; margin: 0 auto 30px;} .blocks4.blocks4-view1>div {width: 45%; margin-right: 2.1% !important;} .toogle-title-2.opened:after {transform: rotate(0deg);} .toogle-title-2:after {transform: rotate(90deg);} .__web-inspector-hide-shortcut__{visibility:visible!important;} } @media screen and (min-width:610px) and (max-width:655px) { .header .lvl1 .col2{display:none;} } @media screen and (max-width:610px) { .blocks3 > a {width: 95%;} .inner { padding: 0 10px; } .items>div>div{padding: 38px 12px 0!important;} .top .col2{display:none;} } @media screen and (min-width:380px) and (max-width:565px) { .slide .items>div{ margin-right: 1%; width: 48%; margin-bottom: 70px; } } @media screen and (max-width:379px){ .items>div>div{padding-left:5px;padding-right:5px;} .slide .blocks3{text-align:center;} .slide .items>div { margin-right: 1%; width: 48%; margin-bottom: 30px!important; height:auto; } } @media screen and (min-width:501px) and (max-width:540px) { .header .lvl2 .mob-nav-btn{width:100%;padding: 20px 0px;text-indent: 50px;} } @media screen and (max-width:540px) { .cons{padding:30px 15px;} .cons .popupbtn_1{float:none;} .header .lvl3 input[type="text"]{margin-top:-7px} .header.default .lvl2 .search-block{display:none;} .in-row-mid123{ float: right; margin-left: 7px; margin-right: 5px; } .wrapper .header-block{min-height:150px;} .blocks2{margin:0 0 -50px;padding:80px 0;text-align:center;} .cols1>.col2 .title5{line-height:1;margin-bottom:45px;} .header .lvl2 .flr{display:none;} .header .lvl2 .col1 > ul > li{display:block;} .header .lvl2 .col1 > ul > li > ul{border-left:0;box-shadow:none;position:static;} .header .lvl2 .col1 > ul > li ul ul{display:none;position:static;} .header.top{position:static;} .wrapper{padding-top:0;} .header .lvl1 .col1{font-size:10px;line-height:12px;margin-right:-9px;margin-top:-4px;} .header .lvl1 .col1 img{width:130px;} .link-phone{font-size:14px;} .link-email::before, .link-phone::before{} .header .lvl1 .link-email{right:29px;top:-9px; padding-bottom: 13px;} .header .lvl1 .link-phone{top:23px;} .header .lvl2 .inner{padding:0;} .header .lvl2{background:#f0f0f0;} .header .lvl2 .col1{width:100%;} .header .lvl2 .col1 > ul > li{padding:0 18px !important;} .header .lvl2 .col1 > ul > li > a{border-bottom:1px solid #cbcbcb;font-family:"Exo2-Regular";font-size:16px;padding:12px 0;text-transform:none;} .header .lvl2 .col1 > ul > li > a::before{display:none;} .header .lvl2 .col1 > ul > li:last-child>a{border-bottom:0;} .header .lvl2 .col1 > ul > li ul li a{margin:0 0 0 18px;} .header .lvl2 .col1 > ul > li:hover>ul{display:none;} .opened>.mob-nav-btn::after{transform:rotate(90deg);} .toogle-block-title2 span:after{color:#666;content:">";font-family:calibri;font-size:14.5px;font-weight:300;margin:0 0 0 5px;opacity:.8;position:absolute;right:9px;top:11px;} .toogle-block-title2 span:after{color:#666;content:">";font-family:calibri;font-size:14.5px;font-weight:300;margin:0 0 0 5px;opacity:.8;position:absolute;right:9px;top:11px;} .opened>.toogle-block-title2:after{color:#76AC00;transform:rotate(90deg);} .opened>.toogle-block-title2{color:#76AC00 !important;} .header .lvl2 .arrow > a::after{right:10px;} .header .lvl2 a{cursor:pointer;} .header .lvl3{display:block;opacity:1;position:static;text-align:center;} .header .lvl3 span, .header .lvl3 .close{display:none;} .header .lvl3 form > div{margin:0;width:100%;} .blocks2 > a{margin-bottom:120px !important;width:97%;} .blocks2 > a:last-child{margin-bottom:0 !important;} .btn3{width:130px;} .map .block{min-width:auto;width:100%;} .footer .lvl2{background:#fff;text-align:center;} .footer .lvl2 .col1 > ul > li > a{border:0;font-family:"Exo2-Bold";font-size:14px;margin:11px 0;padding:0;text-transform:uppercase;} .footer .lvl2 .col1 > ul > li > a:hover{color:#76AC00;} .header .lvl2 .col1{display:none;padding:10px 0;} .footer .link-email::before, .footer .link-phone::before{transform:scale(1);} .footer .link-phone{font-size:21px;} .title{font-size:31px;line-height:31px;} .docs > div{width:100%;} .input-name{padding-left:16% !important;width:82% !important;} .banners1 .clearfix > a{display:inline-block;float:none;margin-bottom:15px;width:100%;} .cols5 > .col1 input[type="text"]{padding:0 2% 0 14% !important;width:84%!important;} #feedback-contacts .cols5 > .col1 input[type="text"]{width:89%!important;} .contcats-lvl2 table tr td:first-child{font-size:16px;width:40%;} .contcats-lvl2 table tr td:last-child{width:45%;} .blocks7 > div{margin:0 0 20px;width:94%;} .popup-wrap1 p br{display:none;} .header .lvl2 .mob-nav-btn{display:block;} .slider1{height:auto;padding-bottom:15px;} .slider1 li .inner .in-row{text-align:center;} .slider1 .bx-viewport li{background-size:cover !important;padding:15px 0;} .slider1 .btn, .slider1 .btn2{margin:0 0 15px;padding:0 10px;width:auto;} .slider1 .title1{font-size:18px;} .slider1 p{font-size:14px;margin:0 0 10px;} .slider1 .title2{font-size:24px;line-height:1;margin:10px 0 13px;} .blocks6 .block{text-align:center;} .blocks4.blocks4-view1>div{width:98%;} .slide .blocks4>div{width:98%;} .map .block ul span{ width: 23%; display: block; } } @font-face { font-family: 'Exo2-Regular'; src: url('../fonts/exotwo/exo2.eot?#iefix') format('embedded-opentype'), url('../fonts/exotwo/exo2.woff') format('woff'), url('../fonts/exotwo/exo2.ttf') format('truetype'), url('../fonts/exotwo/exo2.svg#Exo2-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Exo2-Bold'; src: url('../fonts/exotwo/exo2bold.eot?#iefix') format('embedded-opentype'), url('../fonts/exotwo/exo2bold.woff') format('woff'), url('../fonts/exotwo/exo2bold.ttf') format('truetype'), url('../fonts/exotwo/exo2bold.svg#Exo2-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Exo2-SemiBold'; src: url('../fonts/exotwo/exo2semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/exotwo/exo2semibold.woff') format('woff'), url('../fonts/exotwo/exo2semibold.ttf') format('truetype'), url('../fonts/exotwo/exo2semibold.svg#Exo2-SemiBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Exo2-Light'; src: url('../fonts/exotwo/exo2light.eot?#iefix') format('embedded-opentype'), url('../fonts/exotwo/exo2light.woff') format('woff'), url('../fonts/exotwo/exo2light.ttf') format('truetype'), url('../fonts/exotwo/exo2light.svg#Exo2-Light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Exo2-LightItalic'; src: url('../fonts/exotwo/exo2lightitalic.eot?#iefix') format('embedded-opentype'), url('../fonts/exotwo/exo2lightitalic.woff') format('woff'), url('../fonts/exotwo/exo2lightitalic.ttf') format('truetype'), url('../fonts/exotwo/exo2lightitalic.svg#Exo2-LightItalic') format('svg'); font-weight: normal; font-style: normal; } @media screen and (min-width:1122px) and (max-width:1152px){ .header .lvl1 .col3{margin:0 2% 0 1%;} .footer .lvl1 .col3{margin:0 4% 0;} } @media screen and (min-width:961px) and (max-width:1105px){ .header .lvl1 .col4{margin-top:-17px;} } @media screen and (min-width:780px) and (max-width:784px){ .cols2>.col2 .items>div:nth-child(4n){margin-right:0!important;} } @media screen and (min-width:1038px) and (max-width:1039px){ .footer .inner .col4 span{padding-right:2px;} } @media screen and (min-width:1011px) and (max-width:1049px){ .slide .cons .col1{width:72%;} } @media screen and (max-width:570px){ .bx_page div{width:50%;} } @media screen and (max-width:400px){ .bx_page div{width:100%;} } @media screen and (max-width:340px){ .contcats-lvl2 table tr td:first-child,.contcats-lvl2 table tr td{font-size:12px;} } /* End */ /* Start:/bitrix/templates/innet_corp4_2_s1/css/custom.css?16117359494389*/ span.title, div.title{font-weight: normal;font-family:revert;font-size:11px;line-height:normal;margin-bottom:0px;overflow:hidden;text-align:center;text-transform:none;} @media (min-width: 611px){.copyright {padding: 0 20px;}} .contcats-lvl2 {border: none; padding-top: 0; margin-top: 0;} .icon1-5:before{background:url(/bitrix/templates/innet_corp4_2_s1/css/../images/contacts-bus.png) no-repeat; background-size: cover;} a.link-custom{ width: fit-content; text-decoration: none; display: block; padding: 12px 0 12px 53px; margin: 16px 8px; font-size: 15px; } a.link-custom:hover{text-decoration:underline;} .icon-pdf{ background: url(/bitrix/templates/innet_corp4_2_s1/css/../images/icon-pdf.png) no-repeat; background-size: contain; } .icon-docx{ background: url(/bitrix/templates/innet_corp4_2_s1/css/../images/icon-doc.png) no-repeat; background-size: contain; } .icon-doc{ background: url(/bitrix/templates/innet_corp4_2_s1/css/../images/icon-doc.png) no-repeat; background-size: contain; } .icon-xls{ background: url(/bitrix/templates/innet_corp4_2_s1/css/../images/icon-xls.png) no-repeat; background-size: contain; } .icon-xlsx{ background: url(/bitrix/templates/innet_corp4_2_s1/css/../images/icon-xls.png) no-repeat; background-size: contain; } .icon-ppt{ background: url(/bitrix/templates/innet_corp4_2_s1/css/../images/icon-ppt.png) no-repeat; background-size: contain; } .icon-txt, .icon-exe, .icon-zip, .icon-rar{ background: url(/bitrix/templates/innet_corp4_2_s1/css/../images/icon-universal.png) no-repeat; background-size: contain; } select[name="user_topic"] {width: 94%;} .btn-upload { cursor: pointer; border: 1px solid #76AC00; border-radius: 3px; color: #fff; display: inline-block; font-family: "Exo2-Bold"; height: 46px; width: 46px; background: url(/bitrix/templates/innet_corp4_2_s1/css/../images/icon-upload.png) no-repeat #76AC00; background-size: 30px 30px; background-position: center; transition: .4s; } .btn-upload:hover { background:url(/bitrix/templates/innet_corp4_2_s1/css/../images/icon-upload.png) no-repeat #fff; background-size: 30px 30px; background-position: center; } .input-group {display:flex; margin: 0 12px;} .col1-contacts {width: 28% !important; margin-right: 50px;} .utp-custom { padding: 35px 35px; } .col3-utp { vertical-align: top; display: inline-block; width: 33%; text-align: center; padding: 23px 0; height: 187px; } .col3-utp img { margin: 25px auto; } .btn-optionspay { text-align: center; padding: 29px 0; } @media (max-width:655px) { .col3-utp { width: 39%; padding: 23px 10px; height: 261px; } } .processingdata-padding-1{ padding-left: 50px; } .processingdata-padding-2{ padding-left: 150px; } .processingdata-padding-3{ padding-left: 200px; } .processingdata-padding-4{ padding-left: 250px; } .text_under_utp{ margin-top: 30px; line-height: 24px; } .block-6{ } .block-6{ width: 31.3%; padding: 0 8px; display: inline-flex; } .block-item { margin: 16px 0; vertical-align: top; border: 1px solid #cccccc; border-radius: 4px; padding: 27px; height: 250px; width: 100%; } .block-item:nth-child(2n) {margin-right: 0;} .block-item:hover {border-color: #76AC00;} .block-item .hid {margin-bottom: 30px; text-align: center;} .blocks7>div p {margin: 11px 0 22px;} .blocks7>div>a {font-size: 16px; text-decoration: none;} .blocks7>div>a:hover {color: #76AC00;} @media (max-width: 1169px) { .block-6 { width: 30%; } } @media (max-width: 1000px) { .block-6 { width: 45%; } } @media (max-width: 655px) { .block-6 { padding: 0 8px 0 0; width: 100%; display: inline-block; } } .text2-bottom{ margin-bottom: 20px; } .header-margin-element { margin: 0 7% 0 1%; } .header-margin-element-2 { margin: 0 4% !important; } .footer-margin-element { margin: 0 2% 0 4% !important; } .blocks-margin { margin-top: 25px; } div.col2 > .link-email:hover { color: #76AC00; } div.col3 > .link-email:hover, .link-phone:hover { color: #76AC00; } .header .lvl1 .col1 { width: 450px; } .header .lvl1 .col1.mobile { display: none; width: 165px; } .header .lvl1 .inner { align-items: center; display: flex; justify-content: space-between; } .header .lvl1 .col4 .btn { margin-right: 0; } @media screen and (max-width: 960px) { .header .lvl1 .col4 .btn { top: 105px; } @media screen and (max-width: 600px) { .header .lvl1 .col1 .btn { top: 105px; } } /* End */