html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ul{list-style: none;}header,footer,section,aside,nav,article{display: inline-block; width: 100%;}input:focus,select:focus,textarea:focus{outline: none;}
body{
font-family: 'Open Sans', sans-serif;
background: #fff;
font-size: 14px;
color: #000;
}
.inner{width: 1120px; margin: 0 auto;}
header{}
header .logo{float: left; margin: 30px 0;}
header .logo img{max-width: 170px;}
header .contacts{float: right; margin: 36px 0 0;}
header .contacts p{float: left;}
header .contacts p.email{margin: 17px 0 0 0; color: #4f5355; padding: 3px 0 3px 28px; background: url("../img/email.png") 0 50% no-repeat; background-size: 18px; font-weight: 700;}
header .contacts p.email a{color: #4f5355;}
header .contacts p.phone{margin: 15px 0 0 100px; color: #4f5355; padding: 3px 0 3px 28px; background: url("../img/phone.png") 0 50% no-repeat; background-size: 18px; font-weight: 700; font-size: 20px;}
header .contacts p.phone a{color: #4f5355;}
header .contacts p.callback{margin: 0 0 0 72px;}
header .pull{display: none;}
header nav{background: #4f5355; text-align: center;}
header nav li{display: inline-block; position: relative;}
header nav li a{color: #fff; display: block; line-height: 53px; padding: 0 29px; font-size: 13px;}
header nav li a:hover,header nav li.active a{background: #f1460e}
header nav .sub-menu{position: absolute; top: 53px; left: 0; background: #4f5355; text-align: left; display: none; z-index: 11; min-width: 200px;}
header nav .sub-menu li{display: inline-block; width: 100%;}
header nav .sub-menu li a{padding: 12px 15px; line-height: 1.5;}
header nav li:hover .sub-menu{display: block;}
header.scroll .inner{margin-top: 53px;}
.fixed{position: fixed; top: 0; left: 0; z-index: 10;}
#promo{text-align: center; background: url("../img/bg_promo.jpg") 50% 0 no-repeat; display: block;}
#promo ul{display: inline-block; width: 100%; margin: 270px 0 40px;}
#promo ul li{display: inline-block; width: 33%; float: left;}
#promo ul li p{font-size: 18px; font-weight: 700; color: #f6f7fb; text-transform: uppercase; display: inline-block; max-width: 250px; line-height: 1.5; letter-spacing: 1px; margin-bottom: 28px;}
#promo .btn{color: #fff;}
#about{padding: 50px 0; color: #3c3c3c; font-size: 13px;}
#about .block-title{font-size: 25px;}
#about .info img{float: left; margin: 0 33px 10px 0;}
#about .info{line-height: 1.9;}
#about ul{display: inline-block; width: 100%; margin-top: 55px;}
#about ul li{display: inline-block; width: 25%; float: left; text-align: center; font-weight: 800; color: #f1460e; letter-spacing: 1px; text-transform: uppercase; font-size: 14px; line-height: 1.7;}
#about ul li img{display: block; margin: 0 auto; margin-bottom: 30px;}
#security{padding: 50px 0 25px; text-align: center; background: url("../img/bg_security.jpg") 50% 0 no-repeat; background-size: cover;}
#security ul{display: inline-block; width: 100%;}
#security ul li{width: 33%; float: left; color: #1e1e1e; font-weight: 700; text-transform: uppercase; margin-bottom: 25px; box-sizing: border-box; padding: 0 70px; line-height: 1.4;}
#security ul li img{display: block; margin: 0 auto; margin-bottom: 15px;}
#electricity{padding: 50px 0 15px; text-align: center; background: url("../img/bg_electricity.png") 50% 0 no-repeat; background-size: cover;}
#electricity .block-title{color: #fff;}
#electricity ul{display: inline-block; width: 100%;}
#electricity ul li{width: 33%; float: none; display: inline-block; color: #fff; font-weight: 700; text-transform: uppercase; margin-bottom: 35px; box-sizing: border-box; line-height: 1.4;}
#electricity ul li img{display: block; margin: 0 auto; margin-bottom: 15px;}
#electricity ul li span{font-weight: normal; font-size: 14px; text-transform: none; display: block;}
#installation{padding: 50px 0 25px; text-align: center; background: url("../img/bg_installation.jpg") 50% 0 no-repeat; background-size: cover;}
#installation ul{display: inline-block; width: 100%;}
#installation ul li{width: 33%; float: left; color: #1e1e1e; font-weight: 700; text-transform: uppercase; margin-bottom: 25px; box-sizing: border-box; line-height: 1.4;}
#installation ul li img{display: block; margin: 0 auto; margin-bottom: 15px;}
#solutions-video{padding: 60px 0 30px;}
#solutions-video ul.filter{display: inline-block; width: 100%; margin-bottom: 40px;}
#solutions-video ul.filter li{width: 20%; float: left; text-align: center; border-left: 1px solid #fff; box-sizing: border-box;}
#solutions-video ul.filter li:first-child{border-left: none;}
#solutions-video ul.filter li a{display: block; height: 100%; line-height: 52px; color: #1e1e1e; background: #e6eaed;}
#solutions-video ul.filter li a:hover,#solutions-video ul.filter li.active a{color: #fff; background: #f1460e;}
/*.solutions-slider,.solutions-slider-bussines{margin-bottom: 30px;}*/
#solutions-video .center,#solutions-security .center,#solutions-control .center,#solutions-bussines .center{margin-top: 30px;}
#solutions-video .btn{background: #f1460e; color: #fff;}
#solutions-video .btn:hover{background: none; color: #f1460e}
#solutions-security{padding: 60px 0 30px; background: url("../img/bg_electricity.png") 50% 0 no-repeat; background-size: cover;}
/*#solutions-security{padding: 60px 0 30px; background: url("../img/bg_solutions_security.jpg") 50% 0 no-repeat; background-size: cover;}*/
#solutions-security .block-title{color: #fff;}
#solutions-security ul.filter{display: inline-block; width: 100%; margin-bottom: 40px;}
#solutions-security ul.filter li{width: 20%; float: left; text-align: center; border-left: 1px solid #fff; box-sizing: border-box;}
#solutions-security ul.filter li:first-child{border-left: none;}
#solutions-security ul.filter li a{display: block; height: 100%; line-height: 52px; color: #1e1e1e; background: #e6eaed;}
#solutions-security ul.filter li a:hover,#solutions-security ul.filter li.active a{color: #fff; background: #f1460e;}
#solutions-security .btn{background: #f1460e; color: #fff;}
#solutions-security .btn:hover{background: none;}
#solutions-security .item-solution .info{background: url("../img/bg_item_s.png") 50% 50% no-repeat; background-size: cover;}
#solutions-security .item-solution .info p.title{color: #1e1e1e;}
#solutions-security .item-solution .info p.excerpt,#solutions-security .item-solution .info div.excerpt{color: #1e1e1e;}
#solutions-security .item-solution .info p.price{color: #f03b00;}
#solutions-control{padding: 60px 0 30px;}
#solutions-control ul.filter{display: inline-block; width: 100%; margin-bottom: 40px;}
#solutions-control ul.filter li{width: 20%; float: left; text-align: center; border-left: 1px solid #fff; box-sizing: border-box;}
#solutions-control ul.filter li:first-child{border-left: none;}
#solutions-control ul.filter li a{display: block; height: 100%; line-height: 52px; color: #1e1e1e; background: #e6eaed;}
#solutions-control ul.filter li a:hover,#solutions-control ul.filter li.active a{color: #fff; background: #f1460e;}
#solutions-control .btn{background: #f1460e; color: #fff;}
#solutions-control .btn:hover{background: none; color: #f1460e}
#solutions-bussines{padding: 60px 0 30px; background: #e6eaed;}
#solutions-bussines ul.filter{display: inline-block; width: 100%; margin-bottom: 40px;}
#solutions-bussines ul.filter li{width: 20%; float: left; text-align: center; border-left: 1px solid #e6eaed; box-sizing: border-box;}
#solutions-bussines ul.filter li:first-child{border-left: none;}
#solutions-bussines ul.filter li a{display: block; height: 100%; line-height: 52px; color: #1e1e1e; background: #fff;}
#solutions-bussines ul.filter li a:hover,#solutions-bussines ul.filter li.active a{color: #fff; background: #f1460e;}
#solutions-bussines .btn{background: #f1460e; color: #fff;}
#solutions-bussines .btn:hover{background: none; color: #f1460e}
.full-width-slider{width: 100%!important}
.item-solution{width: 365px; margin: 0 auto;}
.item-solution img{width: 100%; height: 240px;}
.item-solution .info{height: 245px; background: url("../img/bg_item.png") 50% 50% no-repeat; background-size: cover; box-sizing: border-box; padding: 28px 15px 0;}
.item-solution .info p.title{font-size: 20px; font-weight: 700; color: #ffa956; text-transform: uppercase; margin-bottom: 23px;}
.item-solution .info p.excerpt,.item-solution .info div.excerpt{color: #fff; font-size: 13px; line-height: 1.5; margin-bottom: 32px;}
.item-solution .info p.price{font-size: 15px; color: #ffa956;}
#slider-2,#slider-3,#slider-4,#slider-5,
#slider_s-2,#slider_s-3,#slider_s-4,#slider_s-5,
#slider_c-2,#slider_c-3,#slider_c-4,#slider_c-5{height: 0; overflow-y: hidden;}
/*#slider_s-2,#slider_s-3,#slider_s-4,#slider_s-5,
#slider_c-2,#slider_c-3,#slider_c-4,#slider_c-5,*/
#slider_b-2,#slider_b-3,#slider_b-4,#slider_b-5{display: none;}
.item-solution-bussines{display: table; width: 100%;}
.item-solution-bussines .gallery{width: 50%; float: left;}
.item-solution-bussines .gallery .full-img{width: 100%; height: auto; margin-bottom: 10px;}
.item-solution-bussines .gallery .full-img img{width: 100%; height: auto;}
.item-solution-bussines .gallery .thumbnail{width: 100%;}
.item-solution-bussines .gallery .thumbnail ul{display: inline-block; width: 100%;}
.item-solution-bussines .gallery .thumbnail li{width: 32%; float: left;}
.item-solution-bussines .gallery .thumbnail li:nth-child(2){margin: 0 2%;}
.item-solution-bussines .gallery .thumbnail li span{font-size: 12px; color: #1e1e1e; display: block; box-sizing: border-box; padding: 15px 5px; background: #ccd2d7; height: 85px;}
.item-solution-bussines .gallery .thumbnail img{width: 100%; height: auto; display: block;}
.item-solution-bussines .info{width: 48%; float: right; font-size: 13px; color: #3c3c3c; line-height: 1.6;}
.item-solution-bussines .info h4{text-transform: uppercase; font-weight: 700; font-size: 14px; margin: 18px 0;}
.individual-project{width: 100%; margin-bottom: 30px;}
.individual-project .title{font-size: 20px; font-weight: 700; color: #1e1e1e; text-align: center;}
.individual-project .title p{display: inline-block; padding-left: 65px; background: url("../img/ind.png") 0 50% no-repeat; line-height: 51px;}
.individual-project .f-title{font-size: 20px; font-weight: 700; color: #ed3a00; letter-spacing: 1px; text-align: left; margin: 50px 0 30px;}
.individual-project .form{float: left; width: 68%; text-align: center;}
.individual-project .form .coll{width: 49%; float: left;}
.individual-project .form .coll:nth-child(2n){float: right;}
.individual-project .form .coll-full{width: 100%;}
.individual-project .contacts{float: right; width: 27%;}
.individual-project .data{color: #5b5b5b;}
.individual-project .data p,.individual-project .data div.social{padding-left: 50px; line-height: 1.7; margin-bottom: 22px;}
.individual-project .data p.address{background: url("../img/c_address.png") 0px 10px no-repeat;}
.individual-project .data p.phones{background: url("../img/c_phone.png") 0px 10px no-repeat;}
.individual-project .data p.email{background: url("../img/c_email.png") 0px 10px no-repeat;}
.individual-project .data span{font-weight: 600; color: #404040; display: inline-block; padding-right: 10px;}
.individual-project .data a{color: #5b5b5b}
.individual-project .btn{background: none!important; color: #f1460e!important; padding: 13px 40px!important;}
.individual-project .btn:hover{background: #f1460e!important; color: #fff!important}
#solutions-security .individual-project,#solutions-security .individual-project .title,#solutions-security .individual-project .data,#solutions-security .individual-project .data span,#solutions-security .individual-project .data a{color: #fff;}
#solutions-bussines input,#solutions-bussines textarea{background: #fff;}
#shop{background: url("../img/bg_shop.jpg") 50% 0 no-repeat; background-size: cover; box-sizing: border-box; padding: 55px 0; display: block;}
#shop .info{float: right; width: 50%;}
#shop .info .title{color: #ffa956; font-size: 26px; font-weight: 700; line-height: 1.4; margin-bottom: 40px;}
#shop .info ul{display: inline-block; width: 100%;}
#shop .info ul li{display: inline-block; width: 100%; color: #fff; font-size: 13px; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; line-height: 1.6; margin: 0 0 40px;}
#shop .info ul li:last-child{margin-bottom: 0;}
#shop .info ul li span{float: left; display: inline-block; padding-left: 48px; background: url("../img/file.png") 0 50% no-repeat;}
#shop .info ul li a{float: right; position: relative; top: -3px;}
#contacts{padding: 35px 0; background: url("../img/bg_contacts.jpg") 50% 0 no-repeat; background-size: cover;}
#contacts .form{float: left; min-height: 340px; text-align: center; width: 720px; padding: 32px; background: #fff; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15); box-sizing: border-box;}
#contacts h5,#contacts h6{font-size: 22px; color: #f1460e; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}
#contacts h6{font-size: 16px; text-transform: none; margin: 10px 0 27px;}
#contacts .form .coll{width: 48%; float: left;}
#contacts .form .coll:nth-child(2n){float: right;}
#contacts .btn{margin-top: 25px;}
.form input[type="text"],.form input[type="email"],.form textarea{width: 100%; height: 50px; box-sizing: border-box; border: none; background: #e6eaed; padding: 0 20px; color: #000; font-size: 16px; font-weight: 300; margin-bottom: 10px;}
.form textarea{padding: 20px; height: 150px; resize: none;}
#contacts .data{float: right; min-height: 340px; width: 370px; padding: 33px; background: #fff; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15); box-sizing: border-box; color: #5b5b5b;}
#contacts .data p,#contacts .data div.social{padding-left: 50px; line-height: 1.7; margin-bottom: 22px;}
#contacts .data p.address{background: url("../img/c_address.png") 0px 10px no-repeat;}
#contacts .data p.phones{background: url("../img/c_phone.png") 0px 10px no-repeat;}
#contacts .data p.email{background: url("../img/c_email.png") 0px 10px no-repeat;}
#contacts .data div.social{background: url("../img/c_social.png") 0px 10px no-repeat; margin-bottom: 0;}
#contacts .data div.social img{width: 24px; height: 24px; margin-top: 15px;}
#contacts .data span{font-weight: 600; color: #404040; display: inline-block; padding-right: 10px;}
#contacts .data a{color: #5b5b5b}
.form .coll{position: relative;}
.form .coll .error{position: absolute; top: 10px; right: 10px; color: red;}
.alert-error{margin: 15px 0 0; color: red; font-weight: 600;}
footer{padding: 45px 0 30px;}
footer .logo{float: left; margin-right: 140px;}
footer .logo img{max-width: 170px;}
footer nav{width: auto; float: left; max-width: 600px;}
footer nav .sub-menu{display: none!important;}
footer nav li{float: left; width: 50%; margin-bottom: 10px;}
footer nav li a{color: #545c60; border-bottom: 1px solid transparent}
footer nav li a:hover{color: #f1460e; border-color: #f1460e;}
footer .callback{float: right;}
footer .callback span{display: block; text-align: center; margin-top: 17px;}
::-webkit-input-placeholder {color:#b7bfc9;}
::-moz-placeholder {color:#b7bfc9;}
:-moz-placeholder {color:#b7bfc9;}
:-ms-input-placeholder {color:#b7bfc9;}
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; width: 100%;}
.arcticmodal-container_i2 {
width: 100%; height: 300px;
}
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #fff; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background-size: 100% 100%; display: block; margin: 0 auto; margin-top: 200px;}
.arcticmodal-overlay{
opacity: 0.9!important; background: #000!important
}
.box-modal{width: 475px; padding: 30px 75px; box-sizing: border-box; display: block; margin: 0 auto; margin-top: 75px; margin-bottom: 75px; position: relative; background: #fff; text-align: center;}
.arcticmodal-close{font-size: 0; width: 14px; height: 14px; cursor: pointer; background: url("../img/close.png") 50% 50% no-repeat; position: absolute; top: 15px; right: 15px;}
.box-modal h6{text-align: center; font-weight: 700; letter-spacing: 1px; font-size: 22px; margin-bottom: 30px; text-transform: uppercase; color: #f1460e}
.box-modal .btn{margin-top: 20px;}
#window-thanks{padding: 20px 20px 10px;}
#window-thanks h6{text-transform: none; font-size: 18px; font-weight: 600; line-height: 1.5;}
#window-thanks h6 span{font-weight: 700; font-size: 20px;}
.block-title{font-size: 23px; letter-spacing: 1px; text-align: center; color: #3c3c3c; margin-bottom: 40px; font-weight: 700; text-transform: uppercase;}
.clearfix{clear: both;}
.center{text-align: center; display: inline-block; width: 100%;}
a{text-decoration: none; transition: all 0.5s ease-out;}
a:hover{transition: all 0.5s ease-out;}
.btn{display: inline-block; text-align: center; cursor: pointer; border: none; transition: all 0.5s ease-out; font-family: 'Open Sans', sans-serif;}
.btn:hover{transition: all 0.5s ease-out;}
.btn-red{font-size: 12px; text-transform: uppercase; color: #f1460e; border: 2px solid #f1460e; font-weight: 700; padding: 16px 28px; letter-spacing: 1px;}
.btn-red:hover{background: #f1460e; color: #fff;}
.btn-price{color: #fff; font-size: 12px; text-align: left; background: #f1460e url("../img/price.png") 92% 50% no-repeat; border: 2px solid #f1460e; padding: 18px 45px 18px 22px;}
.btn-price:hover{background: url("../img/price.png") 92% 50% no-repeat;}
.btn-reds{font-size: 12px; text-transform: uppercase; background: #f1460e; color: #fff; border: 2px solid #f1460e; font-weight: 700; padding: 16px 28px; letter-spacing: 1px;}
.btn-reds:hover{background: none; color: #f1460e}
input,textarea{-webkit-appearance: none; font-family: 'Calibri', sans-serif;}
/*responsive*/
@media screen and (max-width: 1400px){
.solutions-slider-bussines,.solutions-slider{max-width: 90%; margin: 0 auto; margin-bottom: 30px;}
.item-solution{width: 320px}
}
@media screen and (max-width: 1280px){
/*#solutions-video .inner{width: 98%;}
.slick-next{right: 0!important}
.slick-prev{left: 0!important;}*/
.item-solution{width: 300px}
.item-solution .info{height: auto; padding-bottom: 20px!important;}
}
@media screen and (max-width: 1190px){
.inner{width: 98%;}
header nav li a{padding: 0 10px;}
#security ul li{padding: 0}
#shop .info{float: none; margin: 0 auto; width: 580px;}
#contacts .form{width: 100%; margin-bottom: 20px;}
#contacts .data{width: 100%;}
footer .logo{margin-right: 50px;}
footer nav{max-width: 450px;}
.solutions-slider-bussines,.solutions-slider{max-width: 100%; margin: 0 auto; margin-bottom: 30px;}
.slick-next{right: 0!important}
.slick-prev{left: 0!important;}
}
@media screen and (min-width: 960px){
header nav ul#main-nav{display: inline-block!important;}
}
@media screen and (max-width: 960px){
header .contacts p.callback,header .contacts p.phone{margin-left: 15px;}
header .pull{display: block; box-sizing: border-box; padding: 0 10px; color: #fff; font-weight: 700; font-size: 16px; line-height: 40px; text-align: left; background: url("../img/pull.png") 98% 50% no-repeat; background-size: 25px 25px;}
header nav ul{display: none;}
header nav ul li{width: 100%; text-align: left;}
header nav ul li a{line-height: 40px; border-top: 1px solid #ccc;}
header nav .sub-menu{display: block; width: 100%; position: relative; top: 0;}
header nav .sub-menu li{width: 100%; box-sizing: border-box;}
header nav .sub-menu li a{line-height: 30px; padding-left: 25px; box-sizing: border-box; line-height: 7px;}
#promo ul{margin: 100px 0 30px;}
#promo ul li p{font-size: 16px; max-width: 230px;}
#security ul li,#installation ul li,#electricity ul li{width: 50%; float: left;}
footer{padding: 15px 0;}
footer .logo{width: 100%; text-align: center; margin-bottom: 15px;}
footer nav{max-width: 100%; width: 100%; text-align: center;}
footer nav li{width: auto; margin: 0 7px 7px; display: inline-block; float: none;}
footer .callback{width: 100%; text-align: center; margin-top: 20px;}
}
@media screen and (max-width: 768px){
header .logo{width: 100%; text-align: center; margin: 10px 0;}
header .contacts{width: 100%; text-align: center; margin: 0 0 10px 0;}
header .contacts p{display: inline-block; float: none;}
header .contacts p.callback{display: block; margin-top: 15px;}
header .contacts p.phone,header .contacts p.email{font-size: 15px;}
#promo ul{margin: 40px 0 10px;}
#promo ul li{width: 100%; padding: 0; margin-bottom: 30px;}
#promo ul li p{max-width: 100%; width: 100%; margin-bottom: 10px; font-size: 14px;}
#about ul li{width: 50%; letter-spacing: 0; margin-bottom: 15px;}
.item-solution{width: 250px}
#solutions-video ul.filter li,#solutions-bussines ul.filter li,#solutions-security ul.filter li,#solutions-control ul.filter li{width: 100%; text-align: left; border: none!important}
#solutions-video ul.filter li a,#solutions-bussines ul.filter li a,#solutions-security ul.filter li a,#solutions-control ul.filter li a{box-sizing: border-box; padding: 0 2%;}
#shop .info{width: 100%;}
#shop .info ul li a{width: 100%; box-sizing: border-box; margin-top: 20px;}
#shop .info .title br{display: none;}
#shop .info .title{font-size: 16px; text-align: center;}
#shop .info ul li span{font-size: 12px; letter-spacing: 0; padding: 10px 0 10px 40px;}
.item-solution-bussines .gallery{width: 100%; margin-bottom: 20px;}
.item-solution-bussines .info{width: 100%;}
.individual-project .form, .individual-project .contacts{width: 100%}
.block-title{font-size: 16px; letter-spacing: 0;}
}
@media screen and (max-width: 560px){
#about .info{line-height: 1.4;}
#about ul li{width: 100%;}
#about .info img{float: none; display: block; margin: 15px auto;}
#security ul li,#installation ul li,#electricity ul li{width: 100%;}
#contacts h5, #contacts h6{font-size: 14px!important}
#contacts .form .coll{width: 100%;}
.box-modal{width: 90%; padding: 20px;}
}
/*responsive*/