@charset "UTF-8";
html{
    width:100%;
    height:100%
}
body{
    padding:0;
    margin:0;
    height:100%;
    position:relative
}
a{
    text-decoration:underline;
    cursor:pointer;
    color:#166095
}
a:hover{
    color:#2f9ce9
}
*{
    font-family:Tahoma,Arial,Helvetica,serif;
    color:#2d2d2d;
    font-size:14px;
    font-weight:400;
    line-height:1.4
}
form,input,textarea{
    margin:0!important;
    padding:0;
    color:#000
}
table{
    border:0;
    border-collapse:collapse;
    border-spacing:0
}
td,th{
    padding:0;
    text-align:left;
    font-weight:400;
    vertical-align:top
}
:focus{
    outline:0
}
ul{
    list-style:disc;
    padding:0 0 7px 0;
    margin:0
}
ul li{
    position:relative;
    margin-left:32px;
    padding:1px 0 8px 10px;
    line-height:1.6
}
img{
    border:0!important
}
sup{
    font-size:10px
}
b,b *,strong,strong *{
    font-weight:700
}
em,em *,i,i *{
    font-style:italic
}
p{
    padding:0 0 8px 0!important;
    margin:0!important
}
input.itext,textarea{
    font-size:12px
}
h1,h2,h3,h4,h5,h6{
    margin:0!important;
    padding:0 0 6px 0!important;
    line-height:1
}
h1{
    padding:0 0 27px 0!important
}
h1,h1 *{
    font-size:24px!important;
    color:#166095
}
h2{
    padding:21px 0 11px 0!important
}
h2,h2 *{
    font-size:18px!important;
    color:#5c5b5b;
    font-weight:700
}
h3{
    padding:20px 0 12px 0!important;
    color:#252525
}
h3,h3 *{
    font-size:14px!important;
    font-weight:700
}
h1.first,h2.first,h3.first,h4.first,h5.first,h6.first{
    padding-top:0!important
}
#body{
    min-height:100%;
    background:url(../data/bg3.jpg) top left no-repeat
}
#articles,#bm,#body{
    width:100%;
    text-align:left;
    position:relative;
    padding:0
}
.document-width{
    min-width:1000px;
    width:100%;
    position:relative;
    text-align:left;
    max-width:1400px
}
#body:after{
    content:'';
    display:block
}
#bm{
    z-index:1002;
    background:url(../data/bg1.gif)
}
#body:after{
    height:186px
}
#bm{
    height:186px;
    margin-top:-186px
}
.content-once-image{
    margin:8px 0 27px 0
}
.content-left-image{
    float:left;
    margin:5px 25px 10px 0
}
.content-right-image{
    float:right;
    margin:5px 0 10px 25px
}
.document-width{
    position:relative;
    clear:both
}
.document-width:after{
    clear:both;
    display:block;
    content:''
}
.document-width .colCent,.document-width .colLeft{
    float:left;
    z-index:100;
    width:1%;
    position:relative
}
.document-width .colCent{
    z-index:99;
    width:50%
}
.document-width .colLeft .box{
    width:295px;
    position:relative;
    top:0;
    margin-right:-295px
}
.document-width .colCent .box{
    width:200%;
    position:relative;
    margin-right:-200%;
    left:-2%
}
.content{
    margin:0 100px 0 295px;
    clear:both
}
.content:after{
    clear:both;
    content:'';
    display:block
}
.document-width .box{
    padding-bottom:80px
}
#bm .box{
    padding-bottom:0
}
.contacts .colCent .box{
    padding-bottom:12px
}
#articles .colCent .box{
    padding-bottom:0
}
@media screen and (max-width:1000px){
    .document-width{
        min-width:300px;
        max-width:none;
        padding:0 16px;
        box-sizing:border-box
    }
    .document-width .colCent,.document-width .colLeft{
        width:100%;
        float:none
    }
    .document-width .colCent .box{
        width:100%;
        margin:0;
        left:0
    }
    .content{
        margin:0
    }
    .document-width .colLeft .box{
        width:auto;
        margin:0;
        padding-bottom:0
    }
    #body:after{
        height:0
    }
    #bm{
        height:auto;
        margin-top:0
    }
    #bm .document-width{
        padding-bottom:10px
    }
    #bm .document-width .colLeft{
        display:none
    }
}
@media screen and (max-width:480px){
    .content-left-image,.content-once-image,.content-right-image{
        float:none;
        margin:8px 0 27px;
        max-width:100%;
        height:auto;
        display:block
    }
}
#head{
    position:relative;
    width:100%;
    margin-bottom:29px
}
#head::after{
    content:'';
    clear:both;
    display:block
}
.logo-brands{
    position:relative;
    float:right;
    margin:56px 0 0 0;
    width:600px
}
.logo-brands a,.logo-brands span{
    float:right;
    display:block;
    position:relative;
    margin:0 0 0 23px
}
.logo-brands a:nth-child(3n),.logo-brands span:nth-child(3n){
    margin-left:0
}
.logo-brands .lamisafe{
    width:80px;

    background:url(../data/lamisafe.png) no-repeat;
    background-size:cover
}
.logo-brands .bsg{
    width:60px;
    height:34px;
    background:url(../data/logo-bsg.png) no-repeat;
    background-size:cover
}
.logo-brands .benson{
    width:79px;
    height:23px;
    background:url(../data/logo-benson.png) no-repeat;
    background-size:cover
}
.logo-brands .nordglass{
    width:79px;
    height:53px;
    background:url(../data/nordglass.png) no-repeat;
    background-size:contain
}
.logo-brands .fyg{
    width:79px;
    height:70px;
    background:url(../data/fyg2.png) no-repeat;
    background-size:cover
}
.logo-brands .Pilkington{
    width:79px;
    height:56px;
    background:url(../data/Pilkington.png) no-repeat;
    background-size:cover
}

.logo-brands .kmk{
    width:46px;
    height:34px;
    background:url(../data/logo-kmk.png) no-repeat;
    background-size:cover
}
.logo-brands .xyg{
    width:79px;
    height:16px;
    background:url(../data/logo-xyg.png) no-repeat;
    background-size:cover
}
.logo-brands .nord{
    width:79px;
    height:21px;
    background:url(../data/logo-nord.png) no-repeat;
    background-size:cover
}
.logo-brands .agc{
    width:61px;
    height:21px;
    background:url(../data/logo-agc.png) no-repeat;
    background-size:cover
}
.logo-brands .kdm{
    width:86px;
    height:30px;
    background:url(../data/logo-kdm.png) no-repeat;
    background-size:contain
}
#logo{
    width:324px;
    height:178px;
    float:right;
    display:block;
    background:url(../data/logo.png) top left no-repeat;
    background-size:cover;
    margin:46px 86px 0 25px
}
#address{
    position:relative;
    padding:40px 0 0 28px;
    float:left;
    display:none
}
#address .address-code{
    font-size:22px
}
#address .address-tel,#address .address-tel a{
    font-size:32px;
    top:-7px
}
#address .address-code,#address .address-tel{
    color:#1c557d;
    line-height:1;
    position:relative;
    display:block
}
#address .address-tel img{
    width:32px;
    height:32px;
    position:relative;
    top:2px;
    margin-left:4px
}
#address .address-line{
    border-top:2px solid #166196;
    font-size:18px;
    color:#1c557d;
    font-weight:700;
    padding-top:6px
}
#menu{
    position:relative;
    width:240px;
    margin:0 0 50px
}
#menu ul{
    list-style:none;
    padding:0;
    margin:0
}
#menu li{
    margin:0;
    padding:0
}
#menu .menu-item{
    display:block;
    width:213px;
    height:41px;
    padding:16px 0 0 27px;
    margin-bottom:4px;
    background-image:url(../data/menu-buttons.png);
    background-position:0 -57px;
    color:#000;
    text-decoration:none;
    font-size:18px
}
#menu .menu-item-red{
    background-position:0 -114px
}
#menu .menu-item:hover,#menu span.menu-item{
    background-position:0 0!important
}
#jPanelMenu-menu{
    position:relative;
    width:230px;
    list-style:none;
    padding:58px 0 45px;
    margin:0;
    list-style:none;
    background-color:#f0fafc
}
#jPanelMenu-menu li{
    padding:0;
    margin:0
}
#jPanelMenu-menu .menu-item{
    display:block;
    width:232px;
    height:55px;
    padding:0 0 0 22px;
    margin-bottom:4px;
    background-image:url(../data/menu-buttons.png);
    background-size:232px 165px;
    background-position:0 -55px;
    color:#000;
    text-decoration:none;
    font-size:18px;
    line-height:2.8;
    box-sizing:border-box
}
#jPanelMenu-menu .menu-item-red{
    background-position:0 -110px
}
#jPanelMenu-menu .menu-item:hover,#jPanelMenu-menu span.menu-item{
    background-position:0 0!important
}
.menu-trigger{
    display:block;
    position:absolute;
    left:0;
    top:15px;
    width:30px;
    height:21px
}
.menu-trigger span{
    display:block;
    width:22px;
    height:5px;
    background-color:#155c97;
    position:absolute;
    left:7px;
    top:8px
}
.menu-trigger span:after{
    content:'';
    display:block;
    position:absolute;
    width:5px;
    height:5px;
    left:-7px;
    top:0;
    background-color:#155c97
}
.menu-trigger span:first-child{
    top:0
}
.menu-trigger span:last-child{
    top:16px
}
@media screen and (min-width:1001px){
    .menu-trigger{
        display:none
    }
}
@media screen and (min-width:481px){
    .logo-brands .benson{
        top:5px
    }
    .logo-brands .xyg{
        top:9px
    }
    .logo-brands .agc,.logo-brands .kdm{
        top:7px
    }
}
@media screen and (max-width:1000px){
    #menu{
        display:none
    }
    #logo{
        margin:52px 0 0 25px
    }
    #address{
        padding:50px 0 0 0
    }
}
@media screen and (max-width:910px){
    .logo-brands{
        position:absolute;
        margin-left:100%;
        left:-320px;
        width:320px;
        top:120px
    }
    .logo-brands a:nth-child(3n){
        margin-left:23px
    }
}
@media screen and (max-width:768px){
    #logo{
        width:280px;
        height:88px;
        background-size:cover;
        margin-bottom:18px
    }
    .logo-brands{
        top:105px;
        width:280px;
        left:-280px
    }
    #address .address-code{
        font-size:22px
    }
    #address .address-tel{
        font-size:40px;
        top:-7px
    }
    #address .address-line{
        font-size:14px
    }
}
@media screen and (max-width:570px){
    #head{
        height:auto;
        padding-bottom:20px;
        margin-bottom:0
    }
    #logo{
        margin-top:38px
    }
}
@media screen and (max-width:539px){
    .menu-trigger{
        top:50px
    }
    #address{
        position:relative;
        padding-top:15px
    }
    .logo-brands a,.logo-brands a:nth-child(3n){
        margin-left:15px
    }
}
@media screen and (max-width:480px){
    .logo-brands{
        width:200px;
        left:-200px;
        top:94px;
        text-align:right
    }
    .logo-brands a{
        float:none;
        display:inline-block
    }
    .logo-brands .bsg,.logo-brands .kdm{
        top:5px
    }
}
@media screen and (max-width:400px){
    #head{
        padding-bottom:0
    }
    .logo-brands{
        width:85px;
        margin:0;
        left:0;
        top:2px;
        float:right;
        position:relative
    }
    .logo-brands a{
        float:right;
        display:block;
        margin:0 0 20px 0
    }
    .logo-brands .bsg,.logo-brands .kdm{
        top:0
    }
}
@media screen and (max-width:370px){
    .document-width{
        padding:0 14px
    }
    .menu-trigger{
        top:48px
    }
    #logo{
        width:240px;
        height:75px;
        background-size:cover
    }
}
.tizer{
    width:224px;
    margin-bottom:30px;
    display:block;
    text-align:center;
    text-decoration:none
}
.tizer .tizer-image{
    margin-bottom:2px
}
.tizer span{
    text-decoration:underline;
    color:#166095
}
.tizer:hover span{
    color:#2f9ce9
}
.banner-220{
    width:220px;
    overflow:hidden;
    position:relative;
    top:10px;
    left:10px
}
@media screen and (max-width:1000px){
    .tizer{
        text-align:left;
        display:inline;
        position:relative
    }
    .tizer img{
        display:none
    }
    .banner-220{
        display:none
    }
}
@media screen and (max-width:768px){
    .tizer{
        top:15px
    }
}
@media screen and (max-width:550px){
    .tizer{
        top:0
    }
}
@media screen and (max-width:400px){
    .tizer{
        position:absolute;
        left:0;
        top:-89px;
        margin-bottom:0
    }
}
.car-additional,.car-index,.fly-car{
    height:460px;
    position:relative;
    width:100%
}
.fly-car{
    position:absolute;
    top:0;
    left:0;
    z-index:9;
    width:700px
}
.car-index .fly-car{
    background:url(../data/car1.png) 50px 58px no-repeat
}
.car-additional,.car-additional .fly-car{
    height:265px
}
.car-additional .fly-car{
    background:url(../data/car2.png) 85px 38px no-repeat
}
.price-1,.price-2,.price-3{
    position:absolute;
    display:none
}
.price-1{
    top:68px;
    left:7px
}
.price-2{
    top:37px;
    left:248px
}
.price-3{
    top:64px;
    left:452px
}
.price-cost,.price-title{
    font-size:18px;
    text-transform:uppercase;
    display:block;
    position:relative
}
.price-cost{
    top:-6px
}
.price-cost .fs18,.price-cost .fs20{
    color:#166095
}
.price-cost .fs18{
    font-size:18px
}
.price-cost .fs20{
    font-size:22px
}
.car-additional .price-1{
    top:38px
}
.car-additional .price-2{
    top:17px;
    left:194px
}
.car-additional .price-3{
    top:30px;
    left:335px
}
.car-additional .price-title{
    font-size:14px
}
.car-additional .fs20{
    font-size:18px
}
.car-additional .fs18{
    font-size:16px
}
@media screen and (max-width:760px){
    .car-index{
        height:296px;
        margin:58px 0 50px 50px
    }
    .car-index .fly-car{
        width:594px;
        h