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: 'Calibri', sans-serif;
background: #fff;
font-size: 14px;
color: #2d2c2c;
}
.inner{width: 1140px; margin: 0 auto;}
.inner-padding{width: 940px; margin: 0 auto;}
/**/
header{background: url("../img/bg_header.jpg") 50% 0 no-repeat; background-size: cover; display: block;}
header .logo{float: left; margin: 55px 170px 55px 0;}
header nav{float: left; width: auto; width: 580px; margin: 40px 0 0;}
header nav .pull{display: none;}
header nav ul{display: inline-block; width: 100%;}
header nav ul li{float: left; width: 50%; margin-bottom: 10px;}
header nav ul li a{color: #2d2c2c; font-size: 18px;}
header nav ul li.active a,header nav ul li:hover a, header .current-menu-item a{color: #003a72; border-bottom: 1px solid #003a72}
header .contacts{float: right; text-align: right; margin: 45px 0 0;}
header .contacts p.timework{font-size: 16px; line-height: 1.3;}
header .contacts p.phone{margin: 5px 0;}
header .contacts p.phone a{font-weight: bold; color: #003a72; font-size: 24px;}
header .contacts p.email a{color: #0073a8; font-size: 16px; font-style: italic;}
#main-page{background: url("../img/main.jpg") 50% 0 no-repeat;}
#main{display: block; min-height: 930px; position: relative; z-index: 10;}
#main .inner{position: relative;}
#main .logo{float: left; margin: 55px 170px 55px 0;}
#main nav{float: left; width: auto; width: 580px; margin: 40px 0 0;}
#main nav .pull{display: none;}
#main nav ul{display: inline-block; width: 100%;}
#main nav ul li{float: left; width: 50%; margin-bottom: 10px;}
#main nav ul li a{color: #2d2c2c; font-size: 18px;}
#main nav ul li.active a,#main nav ul li:hover a{color: #003a72; border-bottom: 1px solid #003a72}
#main .contacts{float: right; text-align: right; margin: 45px 0 0;}
#main .contacts p.timework{font-size: 16px; line-height: 1.3;}
#main .contacts p.phone{margin: 5px 0;}
#main .contacts p.phone a{font-weight: bold; color: #003a72; font-size: 24px;}
#main .contacts p.email a{color: #0073a8; font-size: 16px; font-style: italic;}
#main a.nav-item{position: absolute; top: 0; right: 0; display: block; padding: 20px; color: #fff; font-size: 18px; font-weight: bold;}
#main a.nav-item:hover{color: #fffc00}
#main a.nav-item.item-1{top: 400px; right: 60px;}
#main a.nav-item.item-2{top: 470px; right: 140px;}
#main a.nav-item.item-3{top: 510px; right: 260px;}
#main a.nav-item.item-4{top: 510px; right: 60px;}
#main a.nav-item.item-5{top: 592px; right: 350px;}
#main a.nav-item.item-6{top: 540px; right: -65px;}
#main a.nav-item.item-7{top: 703px; right: 590px;}
#title-page{text-align: center; padding: 90px 0;}
#title-page h1{text-transform: uppercase; color: #fff; font-weight: 300; font-family: 'Roboto Condensed', sans-serif; font-size: 72px;}
#title-page.tp-video{background: url("../img/bg_tp_video.jpg") 50% 0 no-repeat; background-size: cover;}
#title-page.tp-system{background: url("../img/bg_tp_system.jpg") 50% 0 no-repeat; background-size: cover;}
#title-page.tp-zabor{background: url("../img/bg_tp_zabor.jpg") 50% 0 no-repeat; background-size: cover;}
#title-page.tp-vorota{background: url("../img/bg_tp_vorota.jpg") 50% 0 no-repeat; background-size: cover;}
#title-page.tp-rollets{background: url("../img/bg_tp_rollets.jpg") 50% 0 no-repeat; background-size: cover;}
#title-page.tp-sh{background: url("../img/bg_tp_sh.jpg") 50% 0 no-repeat; background-size: cover;}
#title-page.tp-video{background: url("../img/bg_tp_video.jpg") 50% 0 no-repeat; background-size: cover;}
#about{color: #fff; padding: 0 0 120px;}
#about.tp-video{background: url("../img/bg_about_video.jpg") 50% 0 no-repeat; background-size: cover;}
#about.tp-system{background: url("../img/bg_about_system.jpg") 50% 0 no-repeat; background-size: cover;}
#about.tp-zabor{background: url("../img/bg_about_zabor.jpg") 50% 0 no-repeat; background-size: cover;}
#about.tp-vorota{background: url("../img/bg_about_vorota.jpg") 50% 0 no-repeat; background-size: cover;}
#about.tp-rollets{background: url("../img/bg_about_rollets.jpg") 50% 0 no-repeat; background-size: cover;}
#about.tp-sh{background: url("../img/bg_about_sh.jpg") 50% 0 no-repeat; background-size: cover;}
#about.tp-system{background: url("../img/bg_about_system.jpg") 50% 0 no-repeat; background-size: cover;}
#about h2{text-align: center; font-size: 60px; font-weight: 700; font-family: 'Roboto Condensed', sans-serif;}
#about p{font-size: 18px; line-height: 1.2; margin-bottom: 25px;}
#about ul{font-size: 18px; line-height: 1.2; padding: 0 0 0 33px;}
#function{color: #fff; padding: 0 0 100px;}
#function .block-title{padding: 130px 0 65px;}
#function.tp-video{background: url("../img/bg_function_video.jpg") 50% 0 no-repeat; background-size: cover;}
#function.tp-system{background: url("../img/bg_function_system.jpg") 50% 0 no-repeat; background-size: cover;}
#function.tp-zabor{background: url("../img/bg_function_zabor.jpg") 50% 0 no-repeat; background-size: cover;}
#function.tp-vorota{background: url("../img/bg_function_vorota.jpg") 50% 0 no-repeat; background-size: cover;}
#function.tp-rollets{background: url("../img/bg_function_rollets.jpg") 50% 0 no-repeat; background-size: cover;}
#function.tp-sh{background: url("../img/bg_function_sh.jpg") 50% 0 no-repeat; background-size: cover;}
#function.tp-video{background: url("../img/bg_function_video.jpg") 50% 0 no-repeat; background-size: cover;}
#function h2{text-align: center; font-size: 60px; font-weight: 700; font-family: 'Roboto Condensed', sans-serif;}
#function p{font-size: 18px; line-height: 1.2; margin-bottom: 25px;}
#function ul{font-size: 18px; line-height: 1.2; padding: 0 150px;}
#function ul li{margin-bottom: 23px;}
#install{color: #fff; padding: 0 0 100px; text-align: center;}
#install .block-title{padding: 130px 0 65px;}
#install.tp-video{background: url("../img/bg_install_video.jpg") 50% 0 no-repeat; background-size: cover;}
#install.tp-system{background: url("../img/bg_install_system.jpg") 50% 0 no-repeat; background-size: cover;}
#install.tp-zabor{background: url("../img/bg_install_zabor.jpg") 50% 0 no-repeat; background-size: cover;}
#install.tp-vorota{background: url("../img/bg_install_vorota.jpg") 50% 0 no-repeat; background-size: cover;}
#install.tp-rollets{background: url("../img/bg_install_rollets.jpg") 50% 0 no-repeat; background-size: cover;}
#install.tp-sh{background: url("../img/bg_install_sh.jpg") 50% 0 no-repeat; background-size: cover;}
#install.tp-video{background: url("../img/bg_install_video.jpg") 50% 0 no-repeat; background-size: cover;}
#install h2{text-align: center; font-size: 60px; font-weight: 700; font-family: 'Roboto Condensed', sans-serif;}
#install p{font-size: 18px; line-height: 1.2; margin-bottom: 25px;}
#install ul{font-size: 18px; line-height: 1.2; padding: 0 150px;}
#install ul li{margin-bottom: 23px;}
footer{display: block; padding: 290px 0 0; line-height: 1.3; margin: -300px 0 0; position: relative; z-index: 2; box-sizing: border-box; height: 370px; background: url("../img/bg_footer.png") 50% 0 no-repeat; color: #fff;}
footer .copyright{float: left; border-right: 1px solid #33618d; margin-right: 33px; padding: 12px 160px 12px 0;}
footer .info{float: left; max-width: 570px; padding: 12px 0;}
footer .callback{float: right; padding: 7px 0 0;}
footer#main-footer{display: block; padding: 290px 0 0; line-height: 1.3; margin: -300px 0 0; position: relative; z-index: 2; box-sizing: border-box; height: 370px; background: url("../img/bg_footer.png") 50% 0 no-repeat; color: #fff;}
footer#main-footer .copyright{float: left; border-right: 1px solid #33618d; margin-right: 33px; padding: 12px 160px 12px 0;}
footer#main-footer .info{float: left; max-width: 570px; padding: 12px 0;}
footer#main-footer .callback{float: right; padding: 7px 0 0;}
.breadcrumbs{color: #9dbfdf; font-size: 16px; border-bottom: 1px solid #7394b5; margin-bottom: 35px;}
.breadcrumbs ul{padding: 22px 0!important; display: inline-block; width: 100%;}
.breadcrumbs ul li{float: left; font-size: 16px;}
.breadcrumbs ul li a{color: #fff; border-bottom: 1px solid #fff;}
.breadcrumbs ul li span{display: inline-block; margin: 0 8px; color: #fff;}
.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.5!important; background: #000!important
}
.box-modal{width: 600px; padding: 25px 30px; 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: 21px; height: 21px; cursor: pointer; background: url("../img/close.png") 50% 50% no-repeat; position: absolute; top: 5px; right: 5px;}
.box-modal h6{text-transform: uppercase; margin-bottom: 20px; font-size: 40px; color: #003971; font-weight: bold;}
.box-modal select, .box-modal textarea, .box-modal input[type="text"],.box-modal input[type="email"]{width: 100%; height: 45px; border: 1px solid #e4e4e4; box-sizing: border-box; padding: 0 17px; float: left; font-size: 14px; margin: 0 0 12px;}
.box-modal textarea{height: 120px; padding: 17px;}
.box-modal select,#order select,.form-online select{background: #fff url("../img/arr_d.png") 94% 50% no-repeat;}
.box-modal label{margin-bottom: 10px; display: inline-block; width: 100%; font-weight: bold; color: #2d2c2c; text-align: left;}
#window-thanks{padding: 20px 10px;}
#window-thanks h6{text-transform: none; position: relative; top: 15px; line-height: 1.3; font-size: 24px;}
#window-thanks h6 span{text-transform: uppercase; position: relative; top: -10px;}
.block-title{font-size: 36px; font-weight: bold; text-align: center; padding: 45px 0 25px;}
section{display: block;}
.clearfix{clear: both;}
.center{display: inline-block; width: 100%; text-align: center;}
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: 'Calibri', sans-serif;}
.btn:hover{transition: all 0.5s ease-out;}
.btn-white{color: #fff; font-size: 16px; padding: 13px 25px; border-radius: 45px; border: 1px solid #fff;}
.btn-white:hover{background: #fff; color: #003971; border-color: #003971}
.btn-blue{font-size: 22px; color: #fff; padding: 10px 50px 13px; background: #003971; border-radius: 35px; width: auto;}
input,textarea,select{-webkit-appearance: none; font-family: 'Calibri', sans-serif;}
/*responsive*/
@media screen and (max-width: 1170px){
.inner,.inner-padding{width: 100%; box-sizing: border-box; padding: 0 2%;}
header .logo{margin: 20px 40px 20px 0;}
header nav,header .contacts{margin: 20px 0 0;}
header nav{width: 400px;}
header nav ul li a{font-size: 16px;}
#main .inner,footer#main-footer .inner{width: 1140px;}
/*#main .logo{margin: 20px 40px 20px 0;}
#main nav,header .contacts{margin: 20px 0 0;}
#main nav{width: 400px;}
#main nav ul li a{font-size: 16px;}*/
footer .copyright{padding-right: 33px;}
footer .info{max-width: 480px;}
footer#main-footer{display: block; padding: 290px 0 0; line-height: 1.3; margin: -300px 0 0; position: relative; z-index: 2; box-sizing: border-box; height: 370px; background: url("../img/bg_footer.png") 50% 0 no-repeat; color: #fff;}
footer#main-footer .copyright{float: left; border-right: 1px solid #33618d; margin-right: 33px; padding: 12px 160px 12px 0;}
footer#main-footer .info{float: left; max-width: 570px; padding: 12px 0;}
footer#main-footer .callback{float: right; padding: 7px 0 0;}
}
@media screen and (max-width: 960px){
header .logo{width: 100%; text-align: center; margin: 15px 0;}
header nav{width: 100%; margin: 10px 0; text-align: center;}
header nav ul li{float: none; display: inline-block; width: auto; margin: 0 5px 5px;}
header .contacts{width: 100%; text-align: center; text-align: center; margin: 0 0 10px;}
header .contacts br{display: none;}
/*#main .logo{width: 100%; text-align: center; margin: 15px 0;}
#main nav{width: 100%; margin: 10px 0; text-align: center;}
#main nav ul li{float: none; display: inline-block; width: auto; margin: 0 5px 5px;}
#main .contacts{width: 100%; text-align: center; text-align: center; margin: 0 0 10px;}
#main .contacts br{display: none;}*/
#title-page h1{font-size: 40px;}
}
@media screen and (min-width: 768px){
header nav ul{display: inline-block!important;}
}
@media screen and (max-width: 768px){
header nav .pull{width: 104%; position: relative; left: -2%; display: block; padding: 7px 2%; font-weight: bold; background: url("../img/pull.png") 98% 50% no-repeat; background-size: 25px 25px; box-sizing: border-box; text-align: left; color: #003971; font-size: 16px; border-top: 1px solid #003971; border-bottom: 1px solid #003971;}
header nav ul{width: 104%; left: -2%; position: relative; display: none;}
header nav ul li{width: 100%; text-align: left; border-bottom: 1px solid #003971; margin: 0;}
header nav ul li a{display: block; padding: 7px 2%; border-bottom: none!important;}
/*#main nav .pull{width: 104%; position: relative; left: -2%; display: block; padding: 7px 2%; font-weight: bold; background: url("../img/pull.png") 98% 50% no-repeat; background-size: 25px 25px; box-sizing: border-box; text-align: left; color: #003971; font-size: 16px; border-top: 1px solid #003971; border-bottom: 1px solid #003971;}
#main nav ul{width: 104%; left: -2%; position: relative; display: none;}
#main nav ul li{width: 100%; text-align: left; border-bottom: 1px solid #003971; margin: 0;}
#main nav ul li a{display: block; padding: 7px 2%; border-bottom: none!important;}*/
#title-page{padding: 40px 0;}
#title-page h1{font-size: 24px;}
#about h2{font-size: 24px;}
.block-title{font-size: 22px;}
#function .block-title,.block-title,#install .block-title{padding: 35px 0;}
#function,#install{padding-bottom: 20px;}
#function ul{padding: 0}
.box-modal{width: 90%;}
.box-modal h6{font-size: 18px;}
footer{margin: 0; background: #003971; padding: 20px 0; height: auto;}
footer .copyright,footer .info,footer .callback{width: 100%; text-align: center; margin: 0 0 10px; padding: 0; border: none; text-align: center; max-width: 100%;}
footer .copyright br{display: none;}
footer#main-footer{display: block; padding: 290px 0 0; line-height: 1.3; margin: -300px 0 0; position: relative; z-index: 2; box-sizing: border-box; height: 370px; background: url("../img/bg_footer.png") 50% 0 no-repeat; color: #fff;}
footer#main-footer .copyright{float: left; border-right: 1px solid #33618d; margin-right: 33px; padding: 12px 160px 12px 0;}
footer#main-footer .info{float: left; max-width: 570px; padding: 12px 0;}
footer#main-footer .callback{float: right; padding: 7px 0 0;}
}
/*responsive*/