body{
    font-family: 'Roboto', sans-serif;
}

img{
    border:0;
    max-width:100%;
    height:auto;
}

main{
    min-height:573px;
}

h1{
    font-size:45px;
    font-weight:700;
    color:#1c3c5c;
    text-transform:uppercase;
    margin-top:0;
}

.breadcrumb{
    background-color:transparent;
    border-radius:0;
    margin-top:30px;
    padding:10px 0;
    text-transform:uppercase;
    font-size:15px;
    font-weight:700;
    color:#606060;
    margin-bottom:0;
}

.breadcrumb a{
    color:#1c3c5c;
}

.byline{
    border-top:1px solid #a5a5a5;
    border-bottom:1px solid #a5a5a5;
    padding:15px 0;
    margin:15px 0;
    font-size:14px;
}

p{
    font-size:16px;
}

.ingress,
.ingress p,
.content .ingress p{
    font-size:20px;
    line-height:24px;
    font-weight:300;
}

.padding-top-30{
    padding-top:30px;
}

.padding-top-45{
    padding-top:45px;
}


.pr-15{padding-right:15px;}
.pr-30{padding-right:30px;}
.pr-45{padding-right:45px;}

.mt-0{margin-top:0;}

.mb-15{margin-bottom:15px;}
.mb-30{margin-bottom:30px;}
.mb-45{margin-bottom:45px;}

.navbar{
    border-radius:0;
    border:0 none;
    margin:0;
    background-color:#1c3c5c;
    min-height:0;
    z-index:10;
}

.navbar-header{
    
}

.navbar-brand{
    float:none;
    display:block;
    height:auto;
    padding:0;
    margin: 15px 0 15px 30px;
}

.navbar-brand img{
    max-height:75px;
    width:auto;
}


.navbar-collapse{
    padding:0;
}

.navbar-right{    
    margin:0 175px 0 0;
}

.navbar-nav > li{
    
}

.navbar-nav > li > a{
    color:#f9f9f9;
    padding:45px 10px 15px;
    font-size:17px;
    font-weight:700;
    text-transform:uppercase;
    margin-right:10px;
    border-top:8px solid transparent;
}

.nav > li > a:focus,
.nav > li > a:hover{
    background-color:transparent;
    color:#f9f9f9;
    border-top:8px solid #f9f9f9;
}

.navbar-nav > li.active > a,
.navbar-nav > li.active > a:focus,
.navbar-nav > li.active > a:hover{
    border-top:8px solid #496889;
}

.nav .open > a, 
.nav .open > a:focus, 
.nav .open > a:hover {
  background-color:transparent;
  color:#f9f9f9;
}

.dropdown-menu{
    border: 0 none;
    background-color:#1c3c5c;
    border-radius:0;
    padding:0;
    box-shadow:0 0 2px 2px rgba(255,255,255,0.2);
    font-size:16px;
}

.dropdown-menu > li > a {
  color: #f9f9f9;
  line-height: 1;
  padding: 15px 20px;
}

.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:focus, 
.dropdown-menu > .active > a:hover{
    background-color:#496889;
    color:#f9f9f9;
}

li.dropdown-parent a{
    
    font-weight:bold;
    border-bottom:2px solid #f9f9f9;
    padding:15px 20px;
}

#language-menu{
    width:175px;
    background-color:rgba(255,255,255,0.1);
    padding:53px 0 26px;
    font-size:18px;
    font-weight:700;
    color:#6a88a5;
    text-align:center;
    position:absolute;
    right:0;
    top:0;
}

#language-menu a{
    color:#6a88a5;
}

#language-menu a.active{
    color:#f9f9f9;
}

#portal-banner{
    /*background:transparent url(/Images/portal-bg.jpg) center center no-repeat;*/
    background:transparent url(/Images/portal-bg2.jpg) center center no-repeat;
	/*background:transparent url(/media/1033/_b2a8157.jpg) center center no-repeat;*/
    background-size:cover;
    margin-bottom:45px;
}

.portal-banner-image{
    width:100%;
    height:auto;
    max-width:100%;
}

.product-button-box {
    position:absolute;
    bottom:60px;
    left:45px;
    display:block;
    width: 160px;
    height: 160px;
    background-color: #1d4975;
    color: #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

    .product-button-box > div {
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width:160px;
        height:160px;
        text-align:center;
        padding:30px 45px;
        font-size:16px;
    }

    .product-button-box i{
        font-size:52px;
        display:block;
        margin-bottom:10px;
    }

.product-button-box:hover,
.product-button-box:focus{
    color:#e7e7e7;
    text-decoration:none;
}

.portal-banner-upper-content{
    position:relative;
    margin-top:90px;
    padding-left:50%;
    margin-bottom:45px;
}

.portal-banner-content{
    background-color:#444;
    color:#f9f9f9;
    position:relative;
    padding:30px 45px;
}

.portal-banner-content h1{
    color:#f9f9f9;
    margin-top:0;
    margin-bottom:30px;
    line-height:1.2;
    font-size:42px;
    font-weight:300;
    padding-right:45px;
}

.portal-banner-content p{
    font-size:20px;
    font-weight:300;
}

.portal-banner-content p:last-of-type{
    margin-bottom: 0;
}

.portal-banner-content-more {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 60px;
    height: 60px;
    background-color: #ffae00;
    color: #fff;
    text-align: center;
    padding-top: 18px;
    font-size: 16px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

    .portal-banner-content-more span {
        display:block;
        margin-left:-5px;
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .portal-banner-content-more:hover,
    .portal-banner-content-more:focus{
        color:#f5f5f5;
    }

.portal-banner-with-news{
    padding-top:60px;
}

.portal-banner-news-item{
    display: block;
    background-color:#444;
    color:#f9f9f9;
    padding:15px 30px; 
    text-decoration:none;
    border-left:5px solid #444;
}

.portal-banner-news-item:hover,
.portal-banner-news-item:focus{
    color:#f9f9f9;
    text-decoration: none;
    border-left-color:#ffae00
}

.portal-banner-news-item + .portal-banner-news-item{
    margin-top:15px;
}

.portal-banner-with-news-product-btn{
    display: block;
    margin-top:15px;
    background-color: #1d4975;
    color: #fff;
    border:2px solid transparent;
    font-size: 18px;
    padding:10px 15px;
}

.portal-banner-with-news-product-btn:hover,
.portal-banner-with-news-product-btn:focus{
    text-decoration: none;
    color:#fff;
    border-color:#ffae00
}

.portal-banner-news-title{
    font-size: 20px;
    font-weight: 700;
}

.portal-banner-news-date{
    font-size: 12px;
    font-style: italic;
}

.portal-banner-lower{
    padding-top:45px;
    padding-bottom:45px;
}

.category-box{
    display:block;
    position:relative;
    margin-bottom:30px;
}

.category-box-img{
    width:100%;
    max-width:100%;
    height:auto;
    margin-bottom:60px;
}

.category-box-overlay{
    position:absolute;
    width:100%;
    height:auto;
    max-width:100%;
    bottom:0;
    left:0;
}

.category-box-content{
    position:absolute;
    width:100%;
    bottom:0;
    color:#fff;
    padding:15px;
}

.category-box-content-square{
    margin-left:30px;
    margin-bottom:15px;
}

.category-box-title{
    text-transform:uppercase;
    font-size:20px;
    font-weight:700;
    text-align:center;
}

.category-box-content-border{
    width:50%;
    border-bottom:1px solid #fff;
    margin:15px auto 0;
}

.show-all-wrapper{
    text-align:center;
    padding:15px 0;
}

.show-all-button{
    background-color:rgba(0,0,0,0.2);
    color:#fff;
    border:2px solid #fff;
    padding:5px 30px;
    display:inline-block;
    text-transform:uppercase;
    font-weight:700;
    font-size:18px;
}

.show-all-button:hover,
.show-all-button:focus{
    background-color:#333;
    text-decoration:none;
    color:#fff;
}

.product-banner{
    position:relative;
    height:500px;
    background-size:cover;
}

.product-banner-image{
    width:100%;
    max-width:100%;
    height:auto;
}

.product-banner-content{
    position:absolute;
    width:100%;
    bottom:75px;
    color:#fff;
    text-align:center;
}

.product-banner-title{
    font-size:45px;
    margin-top:30px;
    margin-bottom:30px;
    text-transform:uppercase;
}

.product-banner-btn{
    display:block;
    max-width:590px;
    margin:0 auto;
    padding:15px 10px;
    text-transform:uppercase;
    color:#fff;
    border:4px solid #fff;
    font-size:24px;
    background-color:rgba(0,0,0,0.4);
}

.product-banner-btn:hover,
.product-banner-btn:focus{
    color:#fff;
    text-decoration:none;
    background-color:rgba(0,0,0,0.8);
}

.banner-wrapper{
    position:relative;
    margin-bottom:30px;
}

.banner-wrapper img{
    width:100%;
    max-width:100%;
    height:auto;
}

.banner-content-wrapper{
    position:absolute;
    bottom:30px;
    width:100%;
}

.banner-content-inner{
    background-color:#1c3c5c;
    color:#fff;
    padding:30px;
}

.banner-content-wrapper h1,
.banner-content-wrapper h2{
    color:#fff;
    margin:0;
    line-height:1.2;
}

.banner-content-wrapper h2{
    font-size:22px;
}

.info-box{
    border:5px solid #ffae00;
    padding:30px 15px;
    text-align:center;
}

.info-box.dark{
    border:0 none;
    background-color:#4a4a4a;
    color:#fff;
    padding:60px 15px;
}

.info-box-upper{
    font-size:18px;
    font-weight:700;
}

.info-box.dark .info-box-upper{
    font-size:28px;
    margin-bottom:10px;
}

.info-box-lower{
    font-size:22px;
}

.product-list{
    margin:30px 0;
}

.product-listitem{
    position:relative;
    margin-bottom:30px;
    display:block;
}

.product-listitem:hover,
.product-listitem:focus{
    box-shadow:0 0 2px 2px rgba(80,80,80,0.8);
}

.product-listitem-image{
    width:100%;
    max-width:100%;
    height:auto;
}

.product-listitem-content{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    background-color:rgba(0,0,0,0.8);
    color:#fff;
    font-size:24px;
    font-weight:700;
    padding:20px 90px 20px 30px;
}

.product-listitem-icon{
    position:absolute;
    right:30px;
    top:15px;
}

.product-listitem-simple{
    display:block;
    margin-bottom:30px;
}

.product-listitem-simple:hover,
.product-listitem-simple:focus{
    text-decoration:none;
    color:#333;
    background-color:#f5f5f5;
}

.product-listitem-simple-inner{
    border-left:1px solid #eee;
    border-right:1px solid #ababab;
    text-align:center;
    padding:0 30px 30px;
    color:#333;
    height:350px;
    overflow:hidden;
}

.product-listitem-simple img{
    margin-bottom:15px;
    max-width:100%;
    width:100%;
    height:auto;
}

/*.product-listitem-simple-inner i{
    color:#ffae00;
    font-size:48px;
    margin-bottom:15px;
}*/

.product-listitem-simple-title{
    color:#1c3c5c;
    font-weight:700;
    font-size:20px;
    margin-bottom:15px;
    text-transform:uppercase;
}

.product-listitem-simple-date{
    font-size:14px;
    margin-bottom:15px;
    margin-top:-10px;
    font-style: italic;
}

.article-date{
    font-size:14px;
    margin-bottom:15px;
    font-style: italic;
}

/*.lists{
    margin-top:30px;
    margin-bottom:30px;
}

.list-title{
    font-size:28px;
    color:#555;
    margin-bottom:10px;
}

.lists ul{
    padding:0;
    margin:0;
    list-style:none;
}

.lists ul li a{
    display:block;
    color:#555;
    border-bottom:1px solid #888;
    font-size:16px;
    padding-top:10px;
    padding-bottom:5px;
}

.lists ul li a:hover,
.lists ul li a:focus{
    text-decoration:none;
    background-color:#f5f5f5;
    color:#222;
}

.listitem-date{
    display:block;
    font-size:12px;
}

.article-top-image,
.article-grid-image{
    width:100%;
    height:auto;
    max-width:100%;
}
figure{
    margin-top:15px;
    margin-bottom:15px;
}

figcaption{
    background-color:#e7e7e7;
    padding:2px 5px;
    font-size:12px;
    font-style:italic;
}*/

.social-icon{
    display:block;
    float:right;
    margin-left:5px;
    margin-bottom:15px;
}

.social-icon:hover,
.social-icon:focus{
    text-decoration:none;
}

.social-icon i{
    color:#444;
    width:36px;
    height:36px;
    background-color:#c7c7c7;
    display:block;
    border-radius:50%;
    font-size:24px;
    line-height:36px;
    text-align:center;
}

.social-icon i:hover,
.social-icon i:focus{
    color:#c7c7c7;
    background-color:#444;
}

/*.breadcrumb-social-holder{
    display:inline-block;
    float:right;
}

.breadcrumb-social.social-icon i{
    color:#f9f9f9;
}

.breadcrumb-social.social-icon i:hover,
.breadcrumb-social.social-icon i:focus{
    background-color:transparent;
    color:#444;
}*/


.image-gallery-wrapper{
    margin:30px 0;
}

.gallery-item{
    display:block;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

.mobile-gallery-item{
    width:100%;
    max-width:100%;
    height:auto;
    margin-bottom:10px;
}

article{
    padding-top:45px;
}

.article-image{
    margin-bottom:30px;
}

.article-image img{
    max-width:100%;
    width:100%;
    height:auto;
}

figcaption{
    background-color:#e7e7e7;
    padding:2px 5px;
    font-size:12px;
    font-style:italic;
}

.contact-page h1{
    text-transform:uppercase;
    font-size:36px;
}

.contact-page{
    padding-bottom:45px;
}

.contact-page .subpage-header-image{
    margin-bottom:30px;
}

.contact-page .subpage-header-image img{
    width:100%;
    max-width:100%;
    height:auto;
}

.contact-detail{
    margin-bottom:30px;
    border-left:5px solid #496889;
    padding-left:15px;
    font-size:38px;
    color:#333;
}

.contact-detail:first-of-type{
    margin-top:45px;
}

.contact-detail-title{
    font-size:20px;
}

.contact-detail a,
.contact-detail a:hover,
.contact-detail a:focus{
    color:#333;
}

.contact-address-title{
    margin-top:15px;
    font-size:20px;
}

.contact-form-title{
    margin-top:45px;
    font-size:21px;
    line-height:28px;
    margin-bottom:10px;
}

.contact-form-title i.fa{
    float:right;
    font-size:24px;
}

.contact-form-confimation{
    background-color:#c7c7c7;
    padding:45px 30px;
    font-size:18px;
}

.form input,
.form textarea{
    width:100%;
    border:3px solid #ababab;
    padding:10px 15px;
    font-size:18px;
    font-style:italic;
    color:#888;
    margin-bottom:5px;
}

.form textarea{
    min-height:150px;
}

.form button{
    width:100%;
    border:0 none;
    box-shadow:none;
    padding:10px 15px;
    font-size:18px;
    color:#fff;
    margin-bottom:5px;
    text-align:center;
    background-color:#2c75b9;
}

#contact-map{
    width:100%;
    height:600px;
}

footer{
    background-color:#f6f6f6;
    padding-top:30px;
    color:#969696;
}

.footer-title{
    color:#1c3c5c;
    font-size:16px;
    font-weight:700;
}

.footer-lists{
    margin-top:15px;
}

.footer-list-title{
    font-weight:700;
    color:#1c3c5c;
    text-transform:uppercase;
    font-size:17px;
}

.footer-lists ul{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-lists ul li a{
    color:#969696;
}

.footer-lists ul li a:hover,
.footer-lists ul li a:focus{
    color:#1c3c5c;
}

.footer-social{
    
}

.footer-social .social-icon{
    float:none;
    display:inline-block;
}

.footer-borders{
    border-top:1px solid #6f6f6f;
    border-bottom:1px solid #6f6f6f;
    padding-top:30px;
    padding-bottom:30px;
    margin-top:30px;
    margin-bottom:30px;
}

.cookie-msg,
.cookie-msg:hover,
.cookie-msg:focus{
    margin-top:15px;
    display:inline-block;
    background-color:#c7c7c7;
    color:#333;
    padding:5px 15px;
}

.footer-social .social-icon i{
   background-color:#f9f9f9;
   color:#969696;
   border:2px solid #969696;
   width:45px;
   height:45px;
   line-height:45px;
}

.footer-social .social-icon i:hover,
.footer-social .social-icon i:focus{
    background-color:#969696;
    color:#f9f9f9;
    border:2px solid #f9f9f9;
}

.footer-details{
    font-size:16px;
    color:#1c3c5c;
}

.footer-details-right{
    text-align:right;
}


/*#region Product */

.product-big-image{
    position:relative;
    cursor:zoom-in;
    margin-bottom:15px;
}

.product-big-image img{
    width:100%;
}

.product-big-image figcaption{
    height:20px;
}

.product-big-image figcaption.empty{
    background-color:transparent;

}

.trigger-fancybox{
    width:45px;
    height:45px;
    position:absolute;
    top:0;
    right:0;
    background-color:rgba(255,255,255,0.5);
    color:#333;
    text-align:center;
    line-height:45px;
    cursor:zoom-in;
    font-size:22px;
}

.product-img-thumbs{
}

.product-img-thumb{
    margin-right:5px;
    margin-bottom:5px;
    float:left;
}

.product-desc{

}

.product-desc-title{
    color:#4f4f4f;
    font-size:22px;
    text-transform:uppercase;
    padding-bottom:10px;
    margin-bottom:15px;
    border-bottom:2px solid #7d7d7d;
}

.product-docs{
    margin-top:30px;
    background-color:#f9f9f9;
    padding:15px 10px;
    
}

a.product-document{
    display:block;
    color:#333;
    background-color:#fff;
    padding:7.5px 10px;
    line-height:20px;
    border-bottom:1px solid #333;
}

a.product-document:last-of-type{
    border-bottom:0 none;
}

a.product-document:hover,
a.product-document:focus{
    background-color:#f2f2f2;
    text-decoration:none;
}

a.product-document i{
    margin-right:10px;
    font-size:18px;
    color:#496889;
}

.product{
    margin-bottom:45px;
}


.product-details{
    margin-top:45px;
    margin-bottom:45px;
}

.product-details-title{
    font-size:26px;
}

.product-details-line{
    border-top:1px solid #333;
    margin-top:10px;
    padding:15px 0;
}

.product-details-line-title{
    width:20%;
    float:left;
    padding-top:15px;
    padding-right:15px;
    font-size:17px;
}

.product-details-line-content{
    width:80%;
    float:left;
    padding-top:15px;
}

.product-size{
    display:inline-block;
    margin:0 10px 10px 0;
    border-radius:3px;
    border:1px solid #555;
    padding:5px;
    cursor:pointer;
}

.product-size.selected{
    background-color:#496889;
    color:#fff;
}

.product-size.disabled{
    border-color:#ccc;
    color:#ccc;
    cursor:not-allowed;
}

.material{
    display:inline-block;
    padding:10px 0;
    margin-right:30px;
    text-align:center;
    cursor:pointer;
}

.material > span{
    font-size:14px;
    font-weight:700;
    color:#aaa;
}

.material.selected > span{
    color:#333;
}

.material-cirle{
    width:33px;
    height:33px;
    border-radius:50%;
    margin:0 auto 10px;
}

.material-cirle > i.fa{
    display:none;
    width:100%;
    line-height:33px;
    font-size:18px;
    color:#fff;
    text-align:center;
}
.material.selected .material-cirle{
    box-shadow:2px 2px 2px   #333;
}


.material.selected .material-cirle > i{
    display:block;
}

.material-cirle.alu{
    background-color:#c1c1c1;
}
.material-cirle.galv{
    background-color:#aa9a93;
}
.material-cirle.syrefast{
    background-color:#8e949f;
}

.material-cirle.plastisol{
    background-color:#222;
}

.material-cirle.copper{
    background-color:#d98723;
}

.product-checkbox-group{
    clear:both;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #888;
}

.product-paint,
.product-checkbox-multi{
    position:relative;
    padding:30px 0 10px 60px;
    cursor:pointer;
}

.product-checkbox-multi{
    width:50%;
    float:left;
}

.product-model-addon .product-checkbox-multi{
    float:none;
    width:100%;
}

.product-checkbox-multi span{
    font-size:18px;
}

.product-paint-square,
.product-checkbox-multi-square{
    position:absolute;
    top:15px;
    left:0;
    border:4px solid #aaa;
    width:45px;
    height:45px;
}

.product-paint-square i.fa,
.product-checkbox-multi i.fa{
    display:none;
}

.selected .product-paint-square,
.selected .product-checkbox-multi-square{
    border-color:#333;
}

.selected .product-paint-square i.fa,
.selected .product-checkbox-multi-square i.fa{
    display:block;
    font-size:32px;
    width:41px;
    height:41px;
    text-align:center;
    line-height:40px;

}

.product-accordion-wrapper{
    position:relative;
}

.product-header{
    background-color:#b5b5b5;
    color:#fff;
    padding:5px 0;
    text-align:center;
    font-size:16px;
    font-weight:700;
}

.product-field{
    margin-bottom:15px;
}

.product-field.product-field-title{
    font-weight:700;
    border-bottom:1px solid #333;
    margin-bottom:5px;
}

.product-field.col-price{
    text-align:right;
    font-weight:700;
}

.product-model-header{
    display:block;
    padding:15px;
    color:#333;
    font-size:22px;
    border-bottom:2px solid #c7c7c7;
}

.product-model-header-field {

}

.product-model-pid,
.product-model-title{
    float:left;
}

.product-model-pid:not(:empty)::after{
    content: "-";
    margin-left:5px;
    margin-right: 5px;
}

.product-modal-button{
    float:right;
    width:150px;
    font-size:16px;
    line-height:22px;
    padding-top:5px;
}

.ventilation .product-modal-button{
    width:90px;
}

.product-modal-button .glyphicon{
    margin-left:15px;
}

.product-model-price{
    float:right;
    width:150px;
    color:#c7c7c7;
    text-align:right;
}

.ventilation .product-model-price{
    width:100px;
    color:#61b218;
}

.product-custom-price-wrapper{
    background-color:#f7f7f7;
    color:#838383;
    font-size:20px;
    padding:45px 40px;
    line-height:20px;
}

.product-model-details{
    background-color:#f1f1f1;
    padding:45px 40px;
}

.product-model-detail-item{
    width:150px;
    margin-right:25px;
    float:left;
}

.product-model-detail-item label{
    display:block;
    font-size:16px;
    margin-bottom:5px;
}

.product-details-line-content input,
.product-model-detail-item input[type=number],
.product-model-detail-item input[type=text]{
    display:block;
    border:2px solid #aaa;
    padding:10px 15px;
    text-align:left;
    font-size:18px;
    color:#333;
    background-color:#f5f5f5;
    box-shadow:none;
    width:100%;
    -moz-appearance:textfield;
}

.product-details-line-content input{
    display:inline-block;
    width:120px;
    margin-right:5px;
}

.product-model-detail-item input::-webkit-outer-spin-button,
.product-model-detail-item input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.product-model-detail-item > span.product-field{
    text-align:left;
    display:block;
    width:100%;
    margin:0;
    font-size:18px;
    padding:10px 15px;
    border:2px solid #aaa;
    background-color:#aaa;
    color:#fff;
}

.product-field-controller{
    padding-top:10px;
}

.product-field-controller > span.product-field{
    font-size:18px;
}

.lh-value-control{
    display:inline-block;
    margin: 0 10px;
    border-radius:50%;
    width:25px;
    height:25px;
    text-align:center;
    line-height:25px;
    font-size:20px;
    border:1px solid #aaa;
    cursor:pointer;
}

.product-model-addon{
    padding:15px 45px;
    background-color:#f5f5f5;
}

.product-custom-price-wrapper .col-price{
    float:right;
    color:#7d7d7d;
    font-weight:700;
    font-size:40px;
    text-transform:uppercase;
    line-height:20px;
    margin-bottom:30px;
}

.add-product-addon{
    border:0 none;
    padding:10px 15px;
    text-align:left;
    font-size:18px;
    color:#fff;
    background-color:#86ad6c;
    box-shadow:none;
    margin-top:30px;
}

.product-addon-summary{
    background-color:#f1f1f1;
    padding: 0 45px 30px;
    font-size:20px;
}

.product-addon-summary-title{
    border-bottom:1px solid #cbcbcb;
    padding:10px 0;
}

.product-addon-summary-title b{
    text-transform:lowercase;
}

.product-addon-summary-line{
    padding:15px 7.5px;
    border-bottom:1px solid #cbcbcb;
}

.product-addon-summary-lineitem {
    display:inline-block;
    width:120px;
    
    line-height:20px;
}

.prodcut-addon-summary-line-right{
    float:right;
    display:inline-block;
}

.product-addon-summary-line-remove{
    border:0 none;
    box-shadow:none;
    color:#d22e2e;
    text-align:right;
    background-color:transparent;
    font-size:16px;
}

.product-addon-summary-line-remove:hover,
.product-addon-summary-line-remove:focus{
    text-decoration:underline;
}

.product-addon-summary-line-remove i{
    margin-right:5px;
}

.add-to-cart-wrapper{
    text-align:right;
}

.add-product-to-basket,
.reset-product{
    /*border-radius:4px;*/
    border:0 none;
    background-color:#61b218;
    color:#fff;
    padding:7.5px 10px;
    text-align:center;
    font-size:16px;
    font-weight:700;
    line-height:20px;
    cursor:pointer;
}

.reset-product{
    background-color:#ff2c2c;
}

/*.ventilation .add-product-to-basket{
    position:fixed;
    bottom:45px;
    left:45px;
}*/

.reset-product:hover,
.reset-product:focus,
.add-product-to-basket:hover,
.add-product-to-basket:focus{
    box-shadow:0 0 2px 2px #888;
}


.reset-product i.fa,
.add-product-to-basket i.fa{
    margin-right:10px;
    font-size:20px;
}

.add-to-cart-price{
    font-size:16px;
    font-weight:400;
    margin-bottom:5px;
    padding-bottom:5px;
    border-bottom:1px solid #fff;
}

.basket {
    /*position:absolute;
    top:120px;
    right:45px;
    width:300px;
    background-color:#fff;
    padding:15px;
    box-shadow:0 0 5px 5px rgba(80,80,80,0.4);
    border-radius:10px;
    height:320px;
    overflow:scroll;*/
    position: absolute;
    top: 105px;
    right: 0;
    width: 225px;
    background-color: #496889;
    color: #fff;
    padding: 15px;
    -moz-transition: background-color ease-out 0.5s;
    -o-transition: background-color ease-out 0.5s;
    -webkit-transition: background-color ease-out 0.5s;
    transition: background-color ease-out 0.5s;
}

    .basket.updating {
        color: #496889;
        background-color: #fff;
        box-shadow: 0 0 2px 2px #496889 inset;
        -moz-transition: background-color ease-out 0.5s;
        -o-transition: background-color ease-out 0.5s;
        -webkit-transition: background-color ease-out 0.5s;
        transition: background-color ease-out 0.5s;
    }

.scrolling .basket{
    position:fixed;
    top:0;
}

.basket-title {
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    -moz-transition: color ease-out 0.5s;
    -o-transition: color ease-out 0.5s;
    -webkit-transition: color ease-out 0.5s;
    transition: color ease-out 0.5s;
}

.updating .basket-title {
    color: #496889;
    -moz-transition: color ease-out 0.5s;
    -o-transition: color ease-out 0.5s;
    -webkit-transition: color ease-out 0.5s;
    transition: color ease-out 0.5s;
}

a.basket-title:hover,
a.basket-title:focus{
    color:#fff;
    text-decoration:none;
}

.basket-title i{
    margin-right:10px;
}

.basket-title span.fa {
    float: right;
    font-size: 32px;
    opacity: 0.2;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    margin-right: 15px;
}

.basket-title:hover span.fa,
.basket-title:focus span.fa {
    opacity: 1;
    margin-right: 0;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.basket-item{
    position:relative;
    margin-bottom:5px;
    background-color:#f6f6f6;
}

.basket-item:last-of-type{
    margin-bottom:15px;
}

.basket-item-left{
    width:80%;
    float:left;
}

.basket-item-right{
    width:20%;
    float:right;
    padding:10px 15px;
}

.basket-item-line{
    background-color:#f0f0f0;
    padding:10px 15px;
    border-bottom:1px solid #d9d9d9;
}

.basket-item-line.price{
    font-weight:700;
}

.basket-item-line.item-title{
    font-size:18px;
}

.basket-item-line.item-title a{
    color:#333;
}

.basket-item-line:last-of-type{
    border:0 none;
}

.basket-item-line.addon{
    padding-left:30px;
}

.basket-item-line-left{
    float:left;
}

.basket-item-line-right{
    float:right;
}

.basket-item-name{
    font-weight:700;
    padding-right:45px;
}

/*.basket-item-details{
    padding-left:15px;
    font-style:italic;
    font-size:14px;
}*/

.basket-item-price{
    text-align:right;
    float:right;
}

.basket-item-remove{
    border:0 none;
    background-color:transparent;
    color:red;
    font-size:21px;
    display:inline-block;
}

.basket-item-remove:hover,
.basket-item-remove:focus{

}

.basket-count-wrapper{
    display:inline-block;
    margin-right:15px;
}

.basket-count-control{
    border:0 none;
    background-color:transparent;
}

.basket-count{
    font-weight:700;
    font-size:18px;
}

.form-wrapper{
    margin:30px 0;
}

.form-confirmation{
    margin:30px 0;
    padding:30px;
    background-color:#e7e7e7;
    font-size:17px;
}

/*#endregion */

.references{
    margin-top:30px;
}

.reference{
    margin-bottom:30px;
}

.reference-image{
    display:block;
    position:relative;
}

.reference-image.gallery-item{
    float:none;
    margin:0;
}

.reference-image img{
    width:100%;
    max-width:100%;
    height:auto;
}

.reference-image i.fa{
    display:block;
    position:absolute;
    bottom:0;
    right:0;
    width:60px;
    height:60px;
    background-color:rgba(50,50,50,0.9);
    color:#fff;
    opacity:0.8;
    font-size:32px;
    text-align:center;
    line-height:60px;
}

.reference-image:focus i.fa,
.reference-image:hover i.fa{
    opacity:1;
}

.reference h2{
    font-weight:700;
    font-size:38px;
}

.reference-text{
    font-size:20px;
}

.reference-tags{
    margin-top:15px;
}

.reference-tag{
    display:inline-block;
    margin-right:1px;
    padding:7.5px 20px;
    background-color:#9e9e9e;
    color:#f9f9f9;
    font-size:16px;
}

.reference-lists{
    margin-top:30px;
    margin-bottom:30px;
}

.reference-lists h2{
    padding:10px 0;
    border-bottom:1px solid #333;
    font-weight:700;
    color:#1c3c5c;
    font-size:21px;
}

.reference-lists ul{
    list-style:none;
    padding:0;
    margin:15px 0;
}

.reference-lists ul li{
    padding:5px 0;
    line-height:18px;
}

.reference-lists ul li,
.reference-lists ul li a{
    display:block;
    color:#555;
}

.reference-lists ul li i{
    font-size:18px;
    margin-right:10px;
}


.references .row.row-flex{
    display: flex;
    flex-wrap: wrap;
}

.project-item{
    display: block;
    margin-bottom:30px;
    text-decoration: none;
    color:#000;
}

.project-item h2{
    font-size: 20px;
}

 .drawboard-wrapper {
        position: relative;
        padding-right: 320px;
        background-color: #f2f2f2;
    }

    .drawboard-tools {
        position: absolute;
        top: 0;
        right: 0;
        width: 320px;
        padding: 15px;
    }

        .drawboard-tools label {
            display: block;
        }

        .drawboard-tools-row input,
        .drawboard-tools input,
        .plateshop-detail input {
            text-align: right;
            display:block;
            border:2px solid #aaa;
            padding:5px 25px 5px 15px;
            font-size:18px;
            color:#333;
            background-color:#f5f5f5;
            box-shadow:none;
            width:100%;
            -moz-appearance:textfield;
        }

        .fitting-info-field,
        .plateshop-detail-field{
            text-align:right;
            display:block;
            width:100%;
            margin:0;
            font-size:18px;
            padding:5px 15px;
            border:2px solid #aaa;
            background-color:#aaa;
            color:#fff;
        }

    .drawboard-tools-row,
    .drawboard-info-line {
        margin: 0 0 15px;
    }

    #addLine {
    }

    #canvas {
        border: 1px solid #888;
        background-color: #f9f9f9;
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .angle-types {
        margin-bottom:10px;
        text-align:right;
    }

    .angle-type {
        border: 1px solid #888;
        background-color: #eee;
        display: inline-block;
        padding: 5px 10px;
        color: #888;
        cursor: pointer;
    }

        .angle-type.selected {
            color: #333;
            cursor: default;
            border: 1px solid #333;
            background-color: #ccc;
        }

    .drawboard-price-wrapper {
        margin: 15px 0;
        
    }

    .drawboard-add-btn{
        background-color:#61b218;
        color:#fff;
        border:0 none;
        padding:5px 15px;
        text-align:center;
        font-size:18px;
    }

    .drawboard-add-btn i {
        margin-right:10px;
    }

    .drawboard-tool-control-wrapper{
        margin:15px 0;
        text-align:right;
    }

    .drawboard-tool-control{
        border:0 none;
        background-color:#496889;
        color:#fff;
        padding:5px 10px;
        font-size:18px;
    }

    .drawboard-tool-control.save{
        background-color:#61b218;
    }

    .angle-fitting-detail-line{
        margin-bottom:3px;
    }

    #hiddenCanvas{
        display:none;
    }
    
     .angle-fitting{
        margin-bottom:5px;
        padding:5px 10px;
        border-bottom:1px solid #eee;
    }

    .angle-fitting:hover,
    .angle-fitting:focus{
        background-color:#efefef;
    }

    .fitting-details{
        
    }
    
    .fitting-details-title{
        font-weight: 600;
        margin-bottom: 15px;
        font-size: 18px;
    }
    
    .fitting-price-wrapper{
        padding:15px;
        background-color:#e7e7e7;
        font-size: 21px;
        font-weight: 600;
        margin:15px 0;
    }
    
    .fitting-price-title{
        float:left;
        color:#888;
    }
    
    .fitting-price{
        float: right;
    }

     .fitting-control{
         margin:5px 0;
         font-size: 18px;
     }
     
     .fitting-control-id{
       color:#fff;
       background-color:#1c3c5c;
       width:150px;
       height: 45px;
       text-align: center;
       line-height: 45px;
       margin-right:10px;
       float: left;  
     }
     
     .fitting-control-input{
         border:3px solid #cecece;
         margin-right: 15px;
         width:150px;
         padding:5px;
         height: 45px;
         line-height: 29px;
         float:left;
     }

     .fitting-control.error .fitting-control-input{
         border-color:red;
     }
     
     .fitting-control-input input{
         border:0 none;
         -webkit-appearance: textfield;
         -moz-appearance:textfield;
         width:90px;
         /*margin-right: 5px;*/
         height:29px;
         padding:0;
         margin:0 5px 0 0;
         color:#555;
         text-align:right;
     }
     
     .fitting-input-addon{
         width:55px;
         text-align: right;
         color:#9d9d9d;
     }
     
     .fitting-control-text{
         float:left;
         line-height: 45px;
     }

     .add-fitting-to-cart{
         border:0 none;
         background-color:#61b218;
         color:#fff;
         padding:7.5px 10px;
         text-align:center;
         font-size:16px;
         font-weight:700;
         line-height:20px;
         margin-top:15px;
         cursor:pointer;
     }

     .add-fitting-to-cart i{
         font-size:20px;
         margin-right:10px;
     }

     .plate-category,
     .plate{
         border:1px solid #333;
         display:inline-block;
         margin-bottom:10px;
         margin-right:10px;
         border-radius:3px;
         padding:5px 10px;
         text-align:center;
     }

     .plate-category.selected,
     .plate.selected{
         background-color:#496889;
         color:#fff;
     }

     .plateshop-title{
         font-weight:600;
         font-size:24px;
         margin:30px 0 15px;
     }

     .plateshop-detail{
         margin-bottom:15px;
     }

     .plateshop-detail label{
         display:block;
     }

     /*.plateshop-detail input{
         text-align:right;
         margin-right:5px;
         border:1px solid #555;
         padding:5px 2px 5px 10px;
     }*/


     .plateshop-detail button{
         border:1px solid #333;
         border-radius:0;
         background-color:transparent;
         padding:5px 10px;
         font-weight:600;
         font-size:18px;
     }

     .plateshop-detail button.add-to-cart{
         background-color:#61b218;
         color:#fff;
         border:0 none;
     }

     .plateshop-detail button > i{
         margin-right:10px;
     }


@media only screen and (max-width: 1400px) {
.navbar-right{
        margin:0;
    }
}     

@media only screen and (max-width: 1199px) {

    .navbar-header{
        padding-top:15px;
        padding-bottom:15px;
    }

    .navbar-brand > img{
        max-width:160px;
        height:auto;
    }

    .navbar-collapse{
        padding-right:15px;
    }

    .portal-banner-upper-content{
        padding-left:40%;
    }

    .basket-item-left{
        width:75%;
    }

    .basket-item-right{
        width:25%;
    }
  
    .drawboard-wrapper{
        height:630px;
    }
}

@media only screen and (max-width: 991px) {
    .navbar-nav > li.active,
    .navbar-nav > li{
        border-width:2px;
    }

    .navbar-header {
        float: none;
        text-align: center;
    }

    .navbar-left, .navbar-right {
        float: none !important;
        margin-right: 0;
        margin-left: 0;
    }

    .navbar-toggle {
        display: block;
        border-radius: 0;
    }

    .navbar-brand{
        margin:15px 0 0 15px;
    }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        /*max-height: 340px;*/
        /*overflow-y:scroll;*/
    }

    .navbar-toggle .icon-bar {
        border: 2px solid #f9f9f9;
    }

    .navbar-toggle[aria-expanded='true'] {
        margin-bottom: 0;
    }

    .navbar-collapse {
        border: 0 none;
        box-shadow: none;
        padding:0;
        text-align:center;

    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }


        .navbar-nav > li {
            float: none;
        }

    .nav > li {
        margin-right: 0;
    }

    .nav > li > a:focus,
    .nav > li > a:hover{
        border:0 none;
    }

    .nav a {
        font-size: 18px;
    }

    .navbar-nav > li > a {
        font-size:18px;
        padding:10px;
        text-transform: none;
        border:0 none;
        margin:0;
    }

    .navbar-nav > li.active > a, 
    .navbar-nav > li.active > a:focus, 
    .navbar-nav > li.active > a:hover{
        border:0 none;
        background-color:#6a88a5;
    }

    .collapse.in {
        display: block !important;
    }

    .navbar-nav .open .dropdown-menu {
        background-color: rgba(255,255,255,0.2);
        border: 0 none;
        box-shadow: none;
        float: none;
        margin-top: 0;
        position: static;
        width: auto;
        text-align:center;
        font-size:16px;
        color:#fff;
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
      padding: 10px 15px 10px 25px;
    }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover{
        background-color:#6a88a5;
    }

    .dropdown-menu > li > a{
        white-space:normal;
    }

    #language-menu{
        position:static;
        width:100%;
        padding:15px 0;
    }
    
    .banner-content-wrapper{
        position:static;
    }

    .product-button-box{
        display:none;
    }

    .portal-banner-upper-content{
        padding:0;
        margin-top:45px;
    }

    .portal-banner-content h1 {
      font-size: 32px;
      margin-bottom:20px;
    }

    .portal-banner-content p {
      font-size: 16px;
    }

    .ventilation .product-accordion-wrapper{
        padding-bottom:45px;
    }

    .ventilation .add-product-to-basket.floating{
        position:fixed;
        bottom:0;
        right:15px;
        z-index:1;
    }

    .ventilation .add-product-to-basket.bottom{
        position:absolute;
        bottom:0;
        right:0;
    }

    .basket{
        top:88px;
        padding:5px 15px;
    }
    
    .drawboard-wrapper{
        min-height: 550px;
    }
}

@media only screen and (max-width: 767px){

    h1{
        font-size:28px;
    }

   .banner-content-inner{
       margin:0 -15px;
   }

   .product-banner-title{
       font-size:32px;
   }

   .product-banner-btn{
       max-width:90%;
   }

   .product-model-header{
       position:relative;
       padding-right:60px;
       font-size:18px;
   }

   .product-model-header:hover,
   .product-model-header:focus{
       text-decoration:none;
       background-color:#f2f2f2;
       color:#333;
   }

   .product-modal-button{
       width:30px;
       position:absolute;
       right:15px;
       top:15px;
   }

   

   .product-details{
       /*text-align:center;*/
   }

   .product-details-line{
       padding:0;
   }

   .product-details-line-title{
       /*width:30%;*/
       width:100%;
       float:none;
   }

   .product-details-line-content{
       width:100%;
       float:none;
       text-align:center;

   }

   .material{
       width:100px;
   }

   .product-paint, .product-checkbox-multi{
       padding:10px 0 10px 45px;
       line-height:30px;
   }

   .product-paint-square, 
   .product-checkbox-multi-square{
       width:30px;
       height:30px;
       border-width:3px;
       top:10px;
   }

   .selected .product-paint-square i.fa, .selected .product-checkbox-multi-square i.fa {
      display: block;
      font-size: 23px;
      height: 25px;
      line-height: 25px;
      width: 25px;
    }

   .product-checkbox-multi span{
       font-size:17px;
   }

   

   .product-model-details{
       padding:15px;
   }

   .product-model-title{
       float:none;
       width:auto;
   }

   .product-model-price{
       float:none;
       text-align:left;
       width:auto;
   }

   .product-model-detail-item{
       margin-bottom:10px;
   }

   .product-addon-summary{
       padding:15px;
   }

   .product-custom-price-wrapper{
       padding:15px;
       font-size:18px;
   }

   .product-custom-price-wrapper .col-price{
       float:none;
       display:block;
       line-height:1;
       margin-bottom:15px;
       font-size:32px;
       text-align:right;
   }

    .footer-lists{
        text-align:center;
    }

    .footer-lists ul{
        margin-bottom:30px;
    }

    .product-checkbox-multi{
        width:100%;
        float:none;
    }

    .contact-detail{
       font-size:24px;
   }

   .contact-detail-title{
       font-size:16px;
	   
   }

   .basket-item-left,
   .basket-item-right{
        width:100%;
        float:none;
    }   

   .basket-item-remove{
       float:right;
   }
   
   .drawboard-wrapper{
        padding:0;
        height:auto;
    }
    
    .drawboard-tools{
        position: static;
        width: 100%;
    }
    
    .drawboard-tools label{
        display: inline-block;
    }

   .footer-details,
   .footer-details-right{
       text-align:center;
   }

   .fitting-control-id{
       width:100%;
       margin-right:0;
       margin-bottom:5px;
   }

   .fitting-control-input{
       width:120px;
   }
   .fitting-control-input input{
       width:50px;
   }

    .product-listitem-simple-inner{
        border:0 none;
        height:auto;
    }

    .ventilation .product-modal-button{
        width:45px;
    }
}

.product-icons{
    display: flex;
    justify-content: space-between;
    /* justify-content: flex-end; */
    gap:15px;
}

.product-icon{
    border-radius:50%;
    width:60px;
    height: 60px;
    display:flex;
    justify-content: center;
    align-items: center;
    border:1px solid #000;
    transition-property: broder-color, background-color;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
}

.product-icon-rain{color:#03a9f4;}
.product-icon-water{color:#00bcd4;}
.product-icon-smog{color:#607d8b;}
.product-icon-snow{color:#fff;background-color:#002aff;}
.product-icon-industry{color:#cccccc;background-color:#212934;}

.product-icon:hover{
    border-color:#ff9800;
    background-color:#ff9800 !important;
}

.product-icon svg{
    fill:currentColor;
    height: 28px;
    width:auto;
}

@media only screen and (min-width:992px){
    .product-icon{
        width:90px;
        height: 90px;
    }

    .product-icon svg{
        height: 42px;
    }
}

.product-tabs{
    background-color:#f0f0f0;
    color:#000;

}

.product-tabs .nav.nav-tabs{
    border-bottom:1px solid #BABABA;
}

.product-tabs .nav.nav-tabs li a{
    border:0 none;
    border-bottom:1px solid transparent;
    padding:20px 30px;
    display: block;
    
    color:#000;
}

.product-tabs .nav.nav-tabs li.active a{
    background-color:#f0f0f0;
    color:#000;
    border-bottom-color:#1C3C5C;
}

.product-tabs .nav.nav-tabs li a:hover,
.product-tabs .nav.nav-tabs li a:focus{
    border-top:0 none;
    border-right:0 none;
    border-left:0 none;
    border-radius:0;
    border-bottom-color:#1C3C5C;
    color:#000;

}

.product-tabs .tab-content{
    padding:30px;
}