@charset "UTF-8";
@media screen{
	html,body{margin:0;padding:0}
  html,body.fixed-header{height:100%; min-width: 310px}
  body{position:relative;font-family: 'RedHatText', sans-serif;color:#333;background:#eee;font-size:16px;line-height:1.2em;min-width:320px;top:0;margin:0;padding:0}
  .wrap{padding:16px 32px; max-width: 1300px; margin:0 auto}
  .page-head .wrap, .page-foot .wrap{display:flex;width:100%; flex-direction: column}
  .page-head-admin{height:auto;min-height:100px}
  .page-head,.page-foot{margin:0 auto}
  .page-main{position:relative;z-index:1;display:block; min-height:100%; margin: 0 auto;}
  .page-foot, .page-head{position:relative;display:block;width:100%;z-index:3;padding: 32px 0;}
  .page-head{display: flex; flex-direction: column; width: 100%; flex: 1 1 auto; top:0; z-index:3; margin: 0; padding: 16px 0; border-bottom: 6px solid var(--blue); background: var(--white)}
  .page-head .wrap{display: flex; flex-direction: row; align-items: center; max-width: 1200px; margin: 0 auto; padding: 0 16px}
  .page-head .wrap > *{display: flex; flex-direction: row}
  .page-head .wrap > .logo-section, .page-head .wrap > .search-section{flex-basis: 150px; max-width: 150px; align-items: flex-start}
  .page-head .wrap > .search-section{align-items: flex-end}
  .page-head .wrap > .nav-section{flex-grow: 1; max-width: calc(100% - 160px); padding: 0 16px 0 0;}
  .page-head .wrap > .nav-section ul{padding-left:0;}
  .mobile-nav{display: none}
  .mobile-nav ul{padding:5px 0 0 0;list-style:none;}
  .mobile-nav a{font-size: 18px; color: var(--black); font-weight: 600; text-transform: Uppercase;}
  .mobile-nav a:hover, .mobile-nav a:focus{text-decoration:none;color:var(--red)}
  .mobile-nav li.active > a{color: var(--red);}
  .page-head nav ul{margin:0;list-style:none;display:flex; justify-content: end; width: 100%}
  .page-head nav ul>li{padding: 0}
  .page-head nav li{position:relative;vertical-align:middle;padding: 4px}
  .page-head nav a{position:relative;display:block;padding:4px 12px; font-size: 14px; color: var(--black); text-align: center; font-weight: 600; text-transform: Uppercase;}
  .page-head nav ul li:hover > a,.page-head nav ul li a:hover,.page-head nav ul li:focus a,.page-head nav li a:focus{text-decoration:none;color:var(--blue)}
  .page-head nav>ul{position: relative;}
  .page-head nav>ul>li{display: flex; align-items: flex-end;}
  .page-head nav>ul>li::before{display: inline-block; position: absolute; top: 0; bottom: 0; width: 1px; background: var(--grey); content: ""}
  .page-head nav>ul>li:first-child::before{display: none}
  .page-head nav>ul>li:last-child{padding-right: 0px;}
  .page-head nav ul li.active > a,.page-head nav ul li:hover > a,.page-head nav ul li a:hover,.page-head nav ul li a:active,.page-head nav ul li a:focus{text-decoration:none; color: var(--red)}
  .page-head nav>ul>li>ul{position:absolute;width:200px;top:100%;background: var(--white);display:none;z-index:9;margin-top:-2px; padding: 2px 8px}
  .page-head nav>ul>li>ul li{padding: 4px  0 4px 8px;}
  .page-head nav>ul>li>ul>li:first-child{padding-top: 24px;}
  .page-head nav>ul>li:hover>ul{display:block}
  .page-head nav ul ul{display:flex; flex-direction: column; padding-left: 8px}
  .page-head nav ul ul a{display:block;color: var(--black); font-weight: 600; text-align:left;text-decoration:none;padding:4px}
  .page-head nav>ul>li>ul>li>ul>li>a::before{display: inline-block; position: relative; width: 4px; height: 4px; background: var(--black); content: ""; vertical-align: middle; margin: -3px 6px 1px}
  .page-head nav>ul>li>ul>li>ul>li>ul>li>a::before{display: inline-block; position: relative; width: 4px; height: 4px; background: none; border: 1px solid var(--black); border-radius:50%; content: ""; vertical-align: middle;  margin: -3px 4px 0px 12px}
  .nav-shortcut{display:none}
  .page-main{padding-top: 0; background: #eeeeee}
  .page-main > .wrap > .sidebar, .page-main > .wrap > .content{padding: 54px 16px;}
  .page-main .sidebar{flex: 0 0 300px; background: var(--white)}
  .page-main .content{}
  footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer .h1, footer .h2, footer .h3, footer .h4, footer .h5, footer .h6{color:var(--white);} 
  .page-foot{position: relative; color: var(--white); background: var(--blue); margin-top: calc(100vw / 11); padding: 0}
  .page-foot a{color: var(--white)}
  .page-foot a.active{font-weight:bold;}
  .page-foot::before{display: block;position: absolute;width: 100%;height: calc(100vw / 12);top: calc(100vw / 12 * -0.99);background: url('/img/backgrounds/slope_blue.svg') no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;content: "";}
  .slick-wrap {max-height: calc(100vw/12 + 30px);overflow: hidden;position: relative;margin: 0 0 -5px 0;}
  .hp .slick-wrap{max-height: none;}
  .slick-wrap::after{display: block;position: absolute;width: 100%;height: calc(100vw / 12);bottom: 0;background: url('/img/backgrounds/slope_grey.svg') no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-size: auto 100vw;content: "";}
  .slick-list{padding: 0 !important}
  .slick-slide{position: relative; display: flex !important; justify-content: center;background-color:#165a9b;}
  .slick .caption{display: none}
  .slick-slide img{min-width: 100%;max-height: 500px;}
  .hp .slick .caption{display: block; position: absolute; max-width: 650px; top: 70px; left: 50%; margin-left: -600px; bottom: 100px;text-shadow: 1px 1px 3px #555;color:var(--white);}
  .hp .slick .caption hr{color: var(--white);background: var(--white);}
  .hp .slick .caption img{display: inline-block; vertical-align: middle; max-height: 100%; max-width: 100%;}
  .slick-dots{position: absolute; bottom: 72px; left: 50%; margin-left: -600px}
  .slick-dots li{display: inline-block; margin-right: 22px}
  .slick-dots li button {background: none;text-indent: -9999px;font-size: 0;overflow:hidden;padding: 0px;border: none;}
  .slick-dots li button::before{display: block;width: 16px; height: 16px;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;background: var(--white);content: "";}
  .slick-dots li.slick-active button::before{background: var(--blue);}
  .slick-dots li button:hover::before{background: var(--red);}
	ul.languages a.active{font-weight:bold;}		
  .custom-checkbox{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;line-height:1.4em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
  .custom-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
  .custom-checkbox .checkmark{position:absolute;top:0;left:0;height:22px;width:22px;border:1px solid var(--red);-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; overflow: hidden;}
  .custom-checkbox:hover input~.checkmark{background-color:var(--red)}
  .custom-checkbox input:checked~.checkmark{background-color:var(--red)}
  .custom-checkbox .checkmark:after{content:"";position:absolute;display:none}
  .custom-checkbox input:checked~.checkmark:after{display:block}
  .custom-checkbox .checkmark:after{left:13px;top:2px;width:7px;height:12px;border:solid var(--white);border-width:0 3px 3px 0;transform-origin:0 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
  .custom-radio{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:16px;line-height:1.4em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
  .custom-radio input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
  .custom-radio .checkmark{position:absolute;top:0;left:0;height:22px;width:22px;border:1px solid var(--red);border-radius:50%}
  .custom-radio:hover input~.checkmark{background-color:var(--red)}
  .custom-radio input:checked~.checkmark{background-color:var(--red)}
  .custom-radio.input-green:hover input~.checkmark{background-color: var(--red)}
  .custom-radio.input-green input:checked~.checkmark{background-color: var(--red)}
  .custom-radio .checkmark:after{content:"";position:absolute;display:none}
  .custom-radio input:checked~.checkmark:after{display:block}
  .custom-radio .checkmark:after{top:6px;left:6px;width:8px;height:8px;border-radius:50%;background:var(--white)}
  .custom-select{position:relative;display:flex;align-items:center;width:100%;max-width:240px;height:40px;padding:4px 8px;background:#eee;border:1px solid var(--red);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer}
  .custom-select select,.custom-select option{display:none;width:0;height:0;opacity:0;visibility:hidden}
  .custom-select .icon{stroke:var(--red);color:var(--red);padding:2px 8px 2px 2px}
  .custom-select .icon img,.custom-select .icon svg{max-width:22px;max-height:22px}
  .custom-select .text{flex:1}
  .custom-select::after{vertical-align:middle;width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23cc0b0c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;content:""}
  .custom-select.active::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23cc0b0c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-up'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat}
  .custom-select .options{display:none;position:absolute;z-index:2;top:100%;left:-1px;right:-1px;background:var(--white);border:1px solid var(--red)}
  .custom-select.active .options{display:block;max-height:200px;overflow-y:auto}
  .custom-select .option{display:block;padding:8px 16px;cursor:pointer}
  .custom-select .option:hover{color:var(--red)}
  .custom-select .option.selected{background:var(--red);color:var(--white)}
  .custom-select.select-sm{font-size: 14px;padding: 2px 0 2px 8px;height: auto;}
  .custom-select.select-sm::after{}
  .select-popup{position:fixed;z-index:999;padding:32px 64px;width: 100%;max-width:800px;max-height:90vh;overflow-y:auto;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);background:var(--white);border: 2px solid #666;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-box-shadow:0 0 5px #666;-moz-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
  .select-popup .option{cursor:pointer}
  .select-popup .option:hover{color:var(--red)}
  .select-popup .option::before{display:inline-block;vertical-align:middle;width:20px;height:20px;margin-top:-2px;margin-right:8px;padding-bottom:2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238d8d8d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-circle'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3C/svg%3E");background-repeat:no-repeat;background-size:18px;content:""}
  .select-popup .option.selected::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23cc0b0c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check-circle'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E")}
	.breadcrumb ul{padding:0;margin:0;}  
  .hp .breadcrumb{top: auto; position: relative;}
  .breadcrumb ul{list-style:none;display:block}    
  .breadcrumb li::after{content:">";font-size:16px;display:inline-block;margin-left:6px;margin-right:1px;color:#165a9b;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}
  .breadcrumb li{display:inline-block}  
  .breadcrumb li:last-child::after{display:none}
  .pagination{display:block;width:100%;max-width: 100vw;}
  .pagination ul{display:inline-block;list-style:none;margin:0;text-align:center;padding:16px 0 0 0;}
  .pagination li{display:inline-block}
  .pagination a{display:block;color:inherit;text-decoration:none;padding:6px 10px;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;color:var(--black);border:1px solid var(--blue);-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px; min-width: 32px; text-align: center; line-height: 1.2em;}
  .pagination a span{margin-bottom: -2px}
  .pagination a:hover,.pagination li.active a{text-decoration:none; color:var(--white); background: var(--blue)}
  .detail-tabs{display:block;width:100%;margin:32px 0}
  .detail-tabs .bookmarks{display:block;width:100%}
  .detail-tabs .bookmarks .fa{display:inline-block;margin-right:6px}
  .detail-tabs .bookmarks div{display:inline-block;vertical-align:bottom;position:relative;cursor:pointer;background:var(--white);border:2px solid var(--blue);border-bottom:none;color:var(--blue);font-weight:700;text-align:center;font-size:1.2em;padding:8px 12px;margin:0;margin-right:-6px;margin-bottom:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
  .detail-tabs .bookmarks div:first-child{margin-left:0;-webkit-border-top-left-radius:8px;-moz-border-radius-topleft:8px;border-top-left-radius:8px}
  .detail-tabs .bookmarks div:last-child{margin-right:0;-webkit-border-top-right-radius:8px;-moz-border-radius-topright:8px;border-top-right-radius:8px}
  .detail-tabs .bookmarks div.active,.detail-tabs .bookmarks div:hover{font-weight:700;background:var(--blue);color:var(--white)}
  .detail-tabs .content{border:2px solid var(--blue);-webkit-border-radius:8px;-webkit-border-top-left-radius:0;-moz-border-radius:8px;-moz-border-radius-topleft:0;border-radius:8px;border-top-left-radius:0;overflow:hidden}
  .detail-tabs .content>div{display:none;padding:32px;overflow:hidden;background:var(--white)}
  .detail-tabs .content>div>.grid{margin:-32px}
  .detail-tabs .content>div>.grid>.row{padding-top:8px;padding-bottom:8px}
  .detail-tabs .content>div>.grid>.row:nth-child(odd){background:#eee}
  .search-wrap{position: relative;}
  .search{display: flex; flex-direction: row; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; border: 1px solid var(--grey); overflow: hidden}
  .search input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border: none;margin: 0;width: 100%;padding-left: 12px;padding-right: 2px;}
  .search button{background: var(--white);margin: 0;padding: 4px;float: right;}
  .search, .search input, .search button{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; height:36px}
  .search input::-webkit-input-placeholder,
  .search input:-ms-input-placeholder,
  .search input::placeholder{color: var(--blue);font-style: italic;}
  .search button::before{display: block;position: absolute;width: 1px;top: 0px;bottom: 0px;left: 0px;background: var(--grey);content: "";}
  .search button::after{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color: var(--blue);width: 24px;padding-bottom: 4px;content:"\f002";}
  .search button:hover::after{color: var(--red);}
  .modal-wrap{position:fixed;z-index:9999;display:flex;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7)}
  .modal-wrap.hide{display:none}
  .modal{position:fixed;display:flex;overflow:hidden;top:50%;left:50%;right:0;max-width:600px;transform:translateY(-50%) translateX(-50%);justify-content:center;align-items:center;flex-direction:column;margin:32px;border:2px solid #666;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-box-shadow:0 0 5px #666;-moz-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
  .modal-title{font-weight:700;font-size:1.2em;text-align:center}
  .modal .content,.modal .action{background:#d3d3d3;width:100%}
  .modal-title,.modal-text{padding:16px}
  .modal-title{background:#0068aa;color:var(--white)}
  .modal .action{text-align:center;padding:1em 0}
  .modal-submit,.modal-cancel{border-width:2px;font-weight:700;letter-spacing:.05em;padding:6px 12px;margin:4px 12px}
  .modal-submit{border-color:#15578a;background:#0068aa}
  .modal-submit:hover,.modal-submit:focus,.modal-submit:active{border-color:#15578a;background:var(--white);color:#0068aa}
  .modal-cancel{border-color:#15578a;background:#0068aa}
  .modal-cancel:hover,.modal-cancel:focus,.modal-cancel:active{border-color:#15578a;background:var(--white);color:#0068aa}
  .ajax-loading{display:flex;justify-content:center;align-items:center;min-height:50px;background:rgba(0,0,0,.2)}
  .ajax-loading::after{display:block;width:32px;height:32px;background:url('/img/loader.gif') no-repeat;background-size:100%;content:""}
  .sprite::before{position: relative; z-index: 1; display: inline-block; background: url('/img/sprite.png') no-repeat; content: ""}
  .sprite-box{display: flex; width: 80px; height: 80px; justify-content: center; align-items: center}
  .sprite-window-frame::before{width: 52px; height: 52px; background-position: -1px -1px}
  .sprite-garage::before{width: 47px; height: 47px; background-position: -54px -1px}
  .sprite-shed::before{width: 58px; height: 47px; background-position: -102px -1px}
  .sprite-blinds::before{width: 45px; height: 45px; background-position: -161px -1px}
  .sprite-window::before{width: 50px; height: 50px; background-position: -207px -1px}
  .sprite-fence::before{width: 54px; height: 42px; background-position: -258px -1px}
  .sprite-gate::before{width: 63px; height: 45px; background-position: -313px -1px}
  .sprite-door::before{width: 37px; height: 53px; background-position: -377px -1px}
  .offer{display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; margin: 16px 0}
  .offer .item{display: flex; width: 25%; flex-basis: 25%; max-width: 25%; padding: 8px 8px 24px}
  .offer .item:nth-child(5n), .offer .item:first-child{padding-left: 0px}
  .offer .item:nth-child(4n){padding-right: 0px}
  .offer .icon{width: 80px; flex-basis: 80px; max-width: 80px;}
  .offer .content{background: var(--white); flex-grow: 1; padding: 24px 24px 16px}
  .offer .header{color: var(--red); font-size: 22px; line-height: 1.2em; font-weight: 600;}
	.offer ul{padding:0}	
	.contact-form{margin-left:150px;margin-right:150px;}
  .news{display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; margin: 16px 0}
  .news .item{display: flex; flex-direction: column; width: 25%; flex-basis: 25%; max-width: 25%; padding: 8px}
  .news .item:nth-child(5n), .news .item:first-child{padding-left: 0px}
  .news .item:nth-child(4n){padding-right: 0px}
  .news .preview{position: relative; width: 100%; height: 180px; overflow: hidden}
  .news .preview .title{position: absolute; bottom: 0; padding: 16px; line-height: 1.4em; color: var(--white); font-weight: 600;text-shadow: 1px 1px 3px #555;}
  .news .preview .date{position: absolute; top: 0; right: 0; padding: 4px 8px; font-size: 13px; background: var(--light-blue); color: var(--white)}
  .news .preview img{display: block; min-width: 100%; min-height: 100%; width: auto; height: auto}
  .news .perex{position: relative; padding: 16px; padding-bottom: 64px; background: var(--white); flex-grow: 1}
  .news .perex a{position: absolute; bottom: 16px}
  .references{display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; margin: 16px 0}
  .references .item{display: flex; flex-direction: column; width: 25%; flex-basis: 25%; max-width: 25%; padding: 8px}
  .references .item:nth-child(5n), .references .item:first-child{padding-left: 0px}
  .references .item:nth-child(4n){padding-right: 0px}
  .references a{position: relative; display: block; height: 100%}
  .references img{display: block; width: 100%; min-width: 100%; min-height: 100%}
  .references .title{position: absolute; bottom: 0; left: 0; right: 0; padding: 8px 16px; text-align: center; color: var(--white); font-weight: 600; opacity: 0; -webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;text-shadow: 1px 1px 3px #555;}
  .references .title.opacity-1{opacity:1}
  .references a:hover img{opacity: 1}
  .references a:hover .title{opacity: 1}
  .references a:hover .title.opacity-1{font-size:18px;}  
  .boxes{display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; margin: 16px 0}
  .boxes .item{display: flex; width: 25%; flex-direction: column; flex-basis: 25%; max-width: 25%; padding: 8px 8px 24px}
  .boxes .item:nth-child(5n), .boxes .item:first-child{padding-left: 0px}
  .boxes .item:nth-child(4n){padding-right: 0px}
  .boxes .content{display: flex; background: var(--white); flex-grow: 1; padding: 16px 24px 16px; margin-top: 3px; align-items: center}
  .boxes img{max-width: 100%}
  .boxes .header{display: block; padding: 12px; background: var(--white); color: var(--red); text-align: center; font-size: 22px; font-weight: 600; line-height: 1.2em}
  .contact-form-height{height:200px;min-height:200px;}
  .top-3px{margin-top:-3px;}
}