/**
 * INCOGRAF® - ©2015
 */
html,
body {    
    margin:0;
    padding:0;
    height:100%;
}
body {    
    min-width: 320px;
}
.owl-theme .owl-nav{
    display: none;
}
.owl-theme .owl-dots {

    left: 20px;

    z-index: 1;

} 
.owl-theme .owl-dots .owl-dot span {
    border-radius: 0!important;
    zoom: 1.0;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #17b1d4;
}




a {
    color: #fff;
}
#wrapper {
    /*min-width: 385px;*/
    min-width: 320px;
    min-height:100%;
    position:relative;
}
#header {
    background: #FFF;
    padding:0px;
    height: 140px;
    position: relative;
}

#content {
        padding-bottom: 318px;
/*}  Height of the footer element */
}
#footer {
    background:#6ac0dd;
    width:100%;
   height: 318px;
    position:absolute;
    /* z-index: 3000; */
    bottom:0;
    left:0;
}

.footerNormal{
    height: 200px!important;
}
.conentNormal{
       padding-bottom: 200px;
}
.clean{
    clear: both;
}
.underline{
    display: block;
    border-bottom: 1px solid black;
    width: 300px;
    margin: 0 auto;
}
.social-icons > span{
        display: block;
    width:  50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
}
.social-icons-1{
    background-image: url('https://www.blb.pt/assets/images/editor/148723117ECOLOGICAL.png');

    
}
.social-icons-2{
    background-image: url('http://www.blb.pt/assets/images/editor/1887599168icon_non_toxic.png');

    
}
.extra-detail {
    min-height: 230px;
}
.applink:hover .fa-video-camera, .applink:hover .fa-file,
.applink:hover{
    color: #6ac0dd;
}
span.head-sub-title ,span.head-title, .about-sub-title{
    font-family: 'MuseoSans-500';
    font-size: 70px;
    position: absolute;
    right: 50px;
    color: #000;
    text-align: right;
    text-transform: lowercase;
    width:93%;
    /*text-shadow: 0.01px 0.01px #aaa;*/
}
span.head-sub-title{
    top: -70px;  /*-74px;*/
    color: #6ac0dd;
}

.material-excelence span.head-title{
    color: #000 !important;
}

.fa{
    font-size: 25px;
    position: relative;
    left: 50%;
    margin-left: -12px;
    color: #6ac0dd;
}
.fa-arrow-circle-down,
.fa-arrow-circle-left{
    font-size: 50px;
    margin-left: -12px;
    position: absolute;
    z-index: 1000;
    bottom: 30px;
    left: 50%;
    cursor: pointer;
    color: #6ac0dd;
}
.fa-arrow-circle-down{
    margin-left: 12px;
}
.fa-arrow-circle-left{
    margin-left: -12px;
}
.fa-acd-welcome{
    margin-left: -12px;
}
.fa-video-camera, .fa-file{
    font-size: 10px;
    position: absolute;
    left: 18px;
    top: 15px;
    /*color: #000;*/
}
.fa-video-camera {
    left: 15px;
}
.get_more{
    display: block;
}
.error_msg{
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
    display: block;
}
.gray-bg{
    background: #f5f5f6;
}
.aux-img-box{
    display: block;
    overflow: hidden;
}
.fbox{
    /*background: #000;*/
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 6000;
    width: 0;
    height: 0;
    /*opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier *
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;*/
    color: #fff;
    display: none;
}
.fbox-bg{
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6100;
    width: 100%;
    height: 100%;
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
}
.fbox-container{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6200;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 10px;
}
.fbox-container:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.fbox-container img {
    vertical-align: middle;
    display: inline-block;
}
.fbox-container img{
    /*max-width: 100%;*/
    max-width: 90%;
    margin: 0 auto;
    /*vertical-align: middle;*/
    position: fixed;
    top: 33%;
    /*left: 0;*/
    left: 5%;
}
.fbox-container .close{
    background: #fff;
    display: inline-block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6300;
}
.fbox-close {
    position: fixed;
    top: 5px;
    right: 15px;
    color: #000;
}
.no-results{
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 30px;
}

.btn-back-container{
    display: block;
    width: 100%;
    height: 100px; /*FF 13-04-2016*/
}
.btn-back-content{
    position: relative;
    width: 100%;
    /*height: 120px;*/
    height: 100px; /*FF 13-04-2016*/
    max-width: 1000px;
    margin: 0 auto;
}
.btn-back-hrow{
    width: 100%;
    display: block;
    border-bottom: 1px solid #6ac0dd;
    position: absolute;
    top: 50px; /*70px;*/ /*FF 13-04-2016*/
    z-index: 0;
}
.btn-back-content > div {
    /*height: 120px;
    width: 120px;*/
    height: 100px;
    width: 100px;
    border: 10px solid #fff;
    border-radius: 50%;
    background: #6ac0dd;
    position: absolute;
    /*top: 10px;*/
    /*top: 20px;*/ /*FF 13-04-2016*/
    left: 50%;
    margin-left: -60px;
    text-align: center;
    cursor: pointer;
}
.btn-back-content h1.go-back-txt{
    font-family: 'MuseoSans-900';
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    /*padding-top: 42px;*/
    padding-top: 30px;
}

h1.go-back-txt:hover{ /*FF 13-04-2016*/
    /*color: #0074b5;*/
}
.btn-back-content > div:hover{	/*FF 13-04-2016*/
    /*box-shadow: 0px 0px 5px #888888;*/
}

.btn-back-content .fa-chevron-left{
    position: absolute;
    top: 30px;
    left: 3px;
    display: none;
    color: #fff;
    font-size: 20px;
}

/* === HEADER  === */
.header-container{
background: #fff;
    width: 100%;
    height: 140px!important;
    margin: 0 auto;
    position: relative;
    /*z-index: 600;*/
}


.home-button-box {
    position: absolute;
    top: 0px;
    left: -80px;
    cursor: pointer;
    /* z-index: 200; */
    background-color: rgba(0,0,0,0);
    padding: 40px;
}
.home-button {
    font-size: 30px;
    position: fixed;
    cursor: pointer;
    /*top: 30px;
    left: 30px;        
    background-color: rgba(0,0,0,1);
    padding: 32px;*/
    z-index:2000;
    color: #6ac0dd;


    top: 17px;
    left: 19px;
    background-color: rgba(255,255,255,0.95);
    border-radius: 50px;
    padding: 11px 13px 13px 11px;
}
.menu-open{
    font-size: 30px;
    /*position: absolute;    
        top: 30px;
    right: 30px;*/
    position: fixed;

    cursor: pointer;
    z-index:2000;
    color: #6ac0dd;

    top: 17px;
    right: 24px;
    background-color: rgba(255,255,255,0.95);
    padding: 12px;
    border-radius: 50px;
}
.menu-close{
    font-size: 30px;
    border-radius: 50px;
}
.home-button:hover,
.menu-open:hover {
    background-color: rgba(106, 192, 221, 1);
    color:#fff;
}	

.header-logo-container{
    position: relative;
    top: 30px;
    /*left: 30px;*/
    left: 112px;
    height: 80px;
    width: 205px;
    display: block;
}
.logo{   
    background: transparent url('../images/app/blb_logo_black.png') center;
    background-size: 100%;
    height: 80px;
    width: 80px;
    display: inline-block;
    border: 1px solid #000;
    cursor: pointer;
}
.logo-content{
    width: 100vw;
    max-width: 253px;
    min-width: 180px;
}
.logo-text{
    font-family: 'MuseoSans-100';
    font-size: 22px;
    width: 125px;
    max-width: 125px;
    padding-left: 20px;
    display: block;
    margin: -90px 0 0 80px;
}
/* === END: HEADER  === */

/* === FOOTER === */

 .footer-container {
    width: 100%;
    height: 200px;
}

.footer-content{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    /*height: 360px;*/
    margin: 0 auto;
}
.footer-content > div:not(.clear){
    position: relative;
    width: 50%;
    /*height: 360px;*/
    float: left;
    color: #fff;
    display: block;
}
.footer-know-us{
    background: transparent;
    height: 140px;
    width: 33% !important;
    top: 0;
    left: 0;
    display: block;
}
.footer-know-us h1 {
    font-family: 'MuseoSans-500';
    font-size: /*25px*/17px;
    padding-top: 15px;
}
.footer-know-us h2 {
    font-family: 'MuseoSans-100';
    font-size: /*18px*/12px;
    text-transform: uppercase;
    padding-top: 0px;
}

.footer-trademark{
    padding-top: 50px;
}

.footer-social{
    background: transparent;
    height: 80px;
    width: 33% !important;
    padding-top: 0px;
    display: block;
}
.footer-social h1 {
    font-family: 'MuseoSans-500';
    font-size: /*25px*/17px;
    padding-top: 15px;

    /*font-family: 'MuseoSans-900';
    font-size:  10px;
    text-transform: uppercase;
    padding-top: 5px;*/
}
.footer-where-to-buy{
    background: transparent;
    height: 140px;
    width: 33% !important;
    display: block;
    cursor: pointer;
}
.footer-bottom-menu{
    background: transparent;
    width: 33% !important;
    left: 0;
    display: block;
}
.footer-where-to-buy span{
    position: relative;
    display: inline-block;
}
.footer-where-to-buy img{ /*FF 13-04-2016*/
    width: 65%;
    margin-top: 10px;
    margin-bottom: 5px;
}
.map{
    background: transparent url('../images/app/map_where_to_buy.png') no-repeat center;
    width: 170px;
    height: 85px;
    cursor: pointer;
}
.wtb{
    font-family: 'MuseoSans-500';
    font-size: /*25px*/17px;
    padding-top: 15px;
    color: #fff;
    width: 100%;

    /*font-family: 'MuseoSans-900';
    font-size: 12px;
    cursor: pointer;
    width: 100%;*/
}
.wapp-social-icons{
    /*width: 360px;*/
    /*margin: 0 auto;*/
    padding-top: 15px;
    /*zoom:0.8;  novo  
    -ms-zoom: 0.8;
    -webkit-zoom: 0.8;
    -moz-transform:  scale(0.8, 0.8);
    -moz-transform-origin: left center;*/
}

.jssocials-shares {
    /*zoom: 0.7;
    -ms-zoom: 0.7;
    -webkit-zoom: 0.7;
    -moz-transform:  scale(0.7, 0.7);*/
}

.wapp-social-icons span{
    background-color: transparent;
    background-image: url('../images/app/footer_icons.png');
    background-repeat: no-repeat;
    width: 47px;
    height: 47px;
    display: block;
    float: left;
    margin: 0 5px 0 5px;
    padding: 0;
    cursor: pointer;
}
.wapp-social-fb{ background-position: 0 -95px; }
.wapp-social-li{ background-position: -47px -95px; }
.wapp-social-yt{ background-position: -95px -95px;}
.wapp-social-mail{ background-position: -141px -95px;}
.wapp-bottom-search{ background-position: -189px -95px;}
.wapp-bottom-map{ background-position: -236px -95px;}
.wapp-nl { background-position: -188px 0px; }

.wapp-social-mail, .wapp-bottom-search, .wapp-bottom-map{
    display: none !important;
}
.wapp-social-icons span:not(.wapp-nl):hover{ 
    background-position-y: -142px; 

}
.wapp-social-icons span.wapp-nl:hover{ 
    background-position-y: -47px; 
}
.wapp-social-share-icons{
    width: 100% !important;
    margin: 0 auto;
}
.wapp-social-share-icons span{
    background-color: transparent;
    background-image: url('../images/app/footer_icons.png');
    background-repeat: no-repeat;
    width: 47px;
    height: 47px;
    display: block;
    float: left;
    margin: 0 5px 0 5px;
    padding: 0;
    cursor: pointer;
}
.wapp-social-share-fb{ background-position: 0 0; }
.wapp-social-share-li{ background-position: -47px 0; }
.wapp-social-share-yt{ background-position: -95px 0;}
.wapp-social-share-mail{ background-position: -141px 0;}

.wapp-social-share-icons span:hover{ 
    background-position-y: -48px; 

}

ul.bottom-menu{
    font-family: 'MuseoSans-300';
    font-size: /*18px*/ 18px;
    margin: 0;
    padding: 0;
    padding-top: 15px;
    line-height: 25px;
    list-style-type: none;
}
ul.bottom-menu li{
    cursor: pointer;
    display: inline;
    margin-right: 10px;
    margin-bottom: 5px;
}
.footer-where-to-buy .wtb:hover, 
ul.bottom-menu li:hover{
    color: #0074b5;
}
.cpr{
    font-family: 'MuseoSans-300';
    font-size: 12px;
    display: block;
    padding-top: 10px;
}
/* === END: FOOTER === */

/* === HOME CONTENT === */
.welcome-container{
    width: 100%;
    height: 100%;
    position: relative;
}
.home-top-slider{
    width: 100%;
    height: 100%;
    position: relative;
}

/*.home-top-slider .fa-arrow-circle-down{
    color: red;
    bottom: 40px;
}
.slider-main-title, .slider-sub-title{
    font-family: 'MuseoSans-500';
    font-size: 70px;
}
.slider-main-title{
    color: #6ac0dd;
}
.slider-sub-title{
    color: #000;
}

*/

.moto-container{
    background: #fff;
    width: 100%;
    /*color: #fff;*/
    position: relative;
}
.moto-container .fa-arrow-circle-down{
    bottom: -30px;
}
.motto{
    height: 100%;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    /*margin-bottom: 80px;*/
    margin-bottom: 10px;
    padding: 10px;;
}
.motto h1{
    font-family: 'MuseoSans-100';
    font-size: 50px;
    color: #6ac0dd;
    /*padding-top: 80px;*/
    padding-top: 10px;
}
.motto p{
    font-family: 'MuseoSans-300';
    font-size: 18px;
    color: #000;
}
.motto p:last-of-type{
    font-size: 14px;
}
.motto p:first-of-type{
    padding-top: 40px;   
}
.home-media-container{
    background: #000;
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
}
.home-media-links{
    background: #000;
    width: 100%; 
    max-width: 1000px;
    margin: 0 auto;
}
.press-steel, .cast-iron{
    /*background: #000;*/
    background-color: #000;
    /*background-position: bottom center;*/
    background-position: 50% 80%;
    background-size: 350px auto;    
    background-repeat: no-repeat;
    height: 475px;
    /*margin-bottom: 60px;*/
    cursor: pointer;
    display: block;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 60px;
}
.press-steel:hover, .cast-iron:hover{
    background-color: #212121;
}
.home-media-links h1{
    font-family: 'MuseoSans-900';
    font-size: 40px;
}
.home-media-links h2{
    font-family: 'MuseoSans-100';
    font-size: 18px;
    text-transform: uppercase;
    padding-bottom: 15px;
} 
.home-media-links span:not(.underline){
    font-family: 'MuseoSans-300';
    font-size: 12px;
    text-transform: uppercase;
    padding-top: 15px;
    /*border-top: 1px solid #fff;*/
}
.home-media-links span.link-underline{
    display: block;
    padding-top: 15px;
    border-top: 1px solid #fff;
    width: 100px;
    margin: 0 auto;
}
.home-inframedia-view{
    height: 300px;
    width: 100%;
}
/*
.home-media-links{
    background: #000;
    height: 600px;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}
.pressed-steel, .cast-iron{
    background: #000;
    width: 500px;
    height: 600px;
    cursor: pointer;
    display: block;
    text-align: center;
    float: left;
    padding-top: 400px;
}
.cast-iron, .pressed-steel{
    background-color: #000;
    background-position: top center;
    background-repeat: no-repeat;
}
.pressed-steel{
    background-image: url('../images/app/steel_thumb.png');
}
.cast-iron{
    background-image: url('../images/app/castiron_thumb.png');
}
.home-media-links h1{
    font-family: 'MuseoSans-900';
    font-size: 40px;
}
.home-media-links h2{
    font-family: 'MuseoSans-100';
    font-size: 18px;
    text-transform: uppercase;
    padding-bottom: 33px;
} 
.home-media-links span{
    font-family: 'MuseoSans-300';
    font-size: 12px;
    text-transform: uppercase;
    padding-top: 15px;
    border-top: 1px solid #fff;
}
*/
.home-inframedia-view{
    height: 300px;
    width: 100%;
    position: relative;
}
.welcome-container .know-more{
    cursor: pointer;
    /*border-bottom: 1px solid #6ac0dd;*/
}
.extras-content ul li .know-more{
    padding: 10px 0 10px 0;
}

.extras-content .mat-exc > div{
    padding: 10px 0 10px 0;
    cursor: pointer;
}
/*.extras-content .mat-exc > div:hover{
    color: #6ac0dd;
}

.materials-container{
    position: relative;
    width: 100%;
    padding-bottom: 65px;
}
.materials-content{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.materials-container  .row {
    max-width: 1000px;
    margin: 0 auto;
}
.materials-container .row{
    max-width: 1000px;
    margin: 0 auto;
}
.material-content{
    text-align: center;
}
.material-content .fa-diamond, 
.material-content .fa-cog, 
.material-content .fa-coffee{
    font-size: 30px;
    color: #6ac0dd;
}
.material-content h1{
    font-family: 'MuseoSans-700';
    font-size: 30px;
    padding-bottom: 35px;
}
.material-content p,
.materials-right span:first-of-type{
    font-family: 'MuseoSans-300';
    font-size: 14px;
    text-align: left;
}
.material-content p:first-of-type{
    border-top: 1px solid #6ac0dd;
    padding-top: 20px;
} 
.material-content p:last-of-type{
    /*border-bottom: 1px solid #6ac0dd;
    padding-bottom: 20px;
}
.material-content span{
    text-transform: uppercase;
    font-family: 'MuseoSans-900';
    font-size: 15px;
    padding: 15px 0 15px 0;
    border-bottom: 1px solid #6ac0dd;
    border-top: 1px solid #6ac0dd;
    width: 100%;
    display: block;
}
.materials-center span:last-of-type,
.materials-right span:last-of-type{
    border-top: 0;
}
.materials-right span:first-of-type{
    text-transform: none;
    text-align: center;
}*/

/* === END: HOME CONTENT === */

/* === MATERIAL RANGES === */
.material-ranges{
    width: 100%;
    height: 100%;
}
.material-ranges header{
    /*background: transparent url('../images/amb9.jpg') no-repeat 0 0;*/
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 300px;
    position: relative;
}
.material-ranges-container{
    background: transparent;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 30px;
}
.material-range-icon{
    background-color: transparent; 
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover; 
    width: 35px;
    height: 35px;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}
/*
.hg{
    background: transparent url('../images/app/hg_sg_ci.png') no-repeat 0 0;
    background-size: cover; 
}
.sg{
    background: transparent url('../images/app/hg_sg_ci.png') no-repeat -35px 0;
    background-size: cover;
}
.ci{
    background: transparent url('../images/app/hg_sg_ci.png') no-repeat -70px 0;
    background-size: cover; 
}
*/
.material-ranges-container h1{
    font-family: 'MuseoSans-900';
    font-size: 30px;
    width: 100%;
    text-align: center;
    padding-bottom: 20px
}
.material-ranges-container .underline{
    margin-bottom: 20px;
}
.material-ranges-container p,
.material-ranges-desc-text div{
    font-family: 'MuseoSans-300';
    font-size: 14px;
    padding: 0 20px 20px 20px;
}
.material-ranges-container p{
    padding: 0;
}
.material-ranges-container .fa-arrow-down{
    font-size: 25px;
    color: #6ac0dd;
    position: relative;
    left: 50%;
    top: -15px;
    margin-left: -10px;
    display: none;
    z-index: 200;
    cursor: pointer;
}
.material-ranges-desc{
    display: block;
}
/* === END: MATERIAL RANGES === */

/* === MATERIAL EXCELENCE === */
.me-header-content{
    height: 600px;
    width: 100%;
    position: relative;
    color: #fff;
}
.me-header-top{
    background: #17b1d4;
    width: 100%;
    height: 200px;
}
.me-header-top > div{
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    text-align: right;
}
.me-header-top .head-title{
    color: #fff;
}
.me-header-bottom{
    background-position: center;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
    /* width: 100%; */
}
.me-article{
    width: 100%;
    padding: 0 30px 0 30px;
}
.me-article-content{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: -20px;
}
.me-article-content div h1,
.me-article-content div h2,
.me-article-content div h3,
.me-article-content div h4,
.me-article-content div h5,
.me-article-content div h6{
    color: #6ac0dd;
    text-transform: uppercase;
    font-size: 24px;
}
.me-article h1, .material-excelence .me-article-extra-title{
    font-family: 'MuseoSans-300';
    font-size: 40px;
    color: #6ac0dd;
    width: 100%;
    text-align: center;
    padding: 60px 0 50px 0;
}
h1.me-article-extra-title{
    padding:0 !important;
    padding-top: 20px;
}
.me-article-content > div{
    padding-bottom: 50px;
    font-family: 'MuseoSans-300';
    font-size: 18px; 
}
.me-article img {
    max-width: 95%;
    padding-bottom: 20px;
}
.material-excelence .extra-detail-title{
    max-height: 115px;
    height: 115px;
    overflow: hidden;
    /*    text-transform: uppercase;*/
}
.img-detail-link{
    display: block;
    margin-top: 20px;
    padding-bottom: 20px;
    cursor: pointer;
}

/* === END: MATERIAL EXCELENCE === */

/* === PRODUCTS LIST === */

.fitler-elem{
    height: 100%;
    /*width: 50%;*/
    width: 225px;
    float: left;
    /*padding-top: 30px;*/
}
.products-list{
    width: 100%;
    height: 100%;
}
.products-list header{
    /*background: transparent url('../images/app/amb18.jpg') no-repeat center;*/
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 300px;
    position: relative;
}
.products-list-container{
    background: transparent;
    width: 100%;
    /*padding-bottom: 30px;*/
}
.product-list-filter{
    background: #6ac0dd;
    width: 100%;
    height: 100px;
    padding-left: 20px;
}
.product-list-filter-content{
    /*width: 450px;*/
    width: 100%;
    height: 100px;
    /*margin: 0 auto;*/
    /*padding-top: 25px;*/
    padding-left: 30px;
    position: relative;
    display: flex;
    align-items: center;
}
.product-list-filter-content .glyphicon{
    color: #fff;
    /*font-size: 40px;*/
    cursor: pointer;
}
.prod-filter-material button ,.prod-filter-product button {
    width: 200px;
}
.prod-filter-name{
    padding-right: 0px;
    text-align: center;
    width: 200px;
}
.prod-filter-material,
.prod-filter-product{
    padding-left: 25px;
    text-align: center;
    align-items: center;
    display: flex;
}
.product-price{
    position: absolute;
    bottom: 57px;
    margin-left: 37px;
    left: 30px;
    width: 225px;
    font-weight: 700;
    height: 35px;
    background: #6ac0dd;
    align-items: center;
    display: flex;
    justify-content: center;
}
.prod-filter-advanced,
.prod-filter-incoview,
.prod-filter-download{
    position: absolute;
    top: 0;
    height: 100%;
    cursor: pointer;
    text-align: center;
    /*display: none;*/
}
.prod-filter-advanced{
    justify-content: center;
    display: flex;
    align-items: center;
    position: inherit;
    display: flex;
    width: 160px;
}
.prod-filter-incoview,
.prod-filter-download{
    width: 150px;
    color: #fff;
    text-transform: uppercase;
}
.prod-filter-incoview{
    right: 225px;
}
.prod-filter-download{
     right: 0;
    position: inherit;

}
.prod-filter-incoview .fa,
.prod-filter-download .fa{
    position: absolute;
    top: 20px;
    right: 50%;
    color: #fff;
}
.prod-filter-product .fa{
    position: relative;
    left: 0;
}
.prod-filter-incoview span,
.prod-filter-download span{
    position: absolute;
    width: 100%;
    display: block;
    text-align: center;
     color: #fff;
    font-family: 'MuseoSans-900';
    line-height: 15px;
    top: 53px;
}
.prod-filter-incoview:hover,
.prod-filter-download:hover,
.prod-filter-advanced:hover{
    background: #17b1d4;
}
.prod-filter-advanced-text{
    color: #fff;
    text-transform: uppercase;
    font-family: 'MuseoSans-900';
}
.prod-filter-advanced .glyphicon-chevron-right{
    margin-top: 2px;
    font-size: 18px;
}
.prod-list-order-by-title{
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    display: block;
    color: #fff;
    cursor: pointer;
}
.rwd-prod-filter{
    background: #6ac0dd;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5000;
    height: 100%;
    width: 0;
    display: none;
    padding-top: 30px;
    text-align: center;
    font-size: 40px;
    color: #fff;
}
.rwd-prod-filter .glyphicon{
    position: relative;
    cursor: pointer;
}
.rwd-prod-filter h1{
    font-family: 'MuseoSans-900';
    font-size: 35px;
    padding: 15px 0 15px 0;
}
.rwd-prod-filter ul{
    font-family: 'MuseoSans-300';
    font-size: 35px;
    padding: 15px 0 15px 0;
}
.rwd-prod-filter ul.name, 
.rwd-prod-filter ul.material,
.rwd-prod-filter ul.filter-products{
    display:block;
    list-style-type: none;
}
.rwd-prod-filter ul a,
.rwd-prod-filter ul a:active, .rwd-prod-filter ul a:visited,
.rwd-prod-filter ul a:link{
    color: #fff;
    text-decoration: none;
}
.material-range-logo{
    width: 37px;
    height: 37px;
    display: block;
    margin: 0 auto;
}
.prod-thumbnail{
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 315px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
}
.prod-thumbnail span.helper{
    /*background-color:red;*/	
}
.prod-thumbnail img{
    max-width: 95%;
    position: relative;
    top: -50px;
}
.product{
    /*padding-bottom: 30px;*/
    padding-right: 0 !important;
    padding-left: 0 !important;
    cursor: pointer;
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom: 0;
}
.product:hover{
    background-color: #ddd;
}
.product h1{
    font-family: 'MuseoSans-900';
    font-size: 25px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    position: relative;
    top: -20px;
    padding: 0 10px 0 10px;
}
.product .thumbnail{
    padding: 0;
    border-radius: 0;
    margin-bottom: 0;
    border-bottom: 0;
    border-top: 0; 
}
.prod-div{
    width: 100%;
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 0;
    margin: 0;
}
.prod_loader{
    background: transparent url('../images/app/ajax-prod-loader.gif') no-repeat center;
    display: none;
    height: 32px;
    width: 32px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.prod-detail-left, .prod-detail-down{
    /*font-size: 50px;*/
    margin-left: -25px;
}
.prod-detail-left{
    margin-right: -50px;
}
.prod-detail-down{
    margin-left: 25px;
}

.accessories-list{
    width: 100%;
    height: 100%;
    min-height: 300px;
}
.accessories-list header{
    background-color: transparent; 
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 200px;
    width: 100%;
}
.accessories-list span.head-sub-title {
    top:69px; /*FF 15 09 top: 73px;*/
    color: #6ac0dd;
}
.accessories-list .thumbnail{
    padding: 0;
    border-radius: 0;
    margin-bottom: 0;
}
.accessories-list .caption{
    height: 100px;
}
.accessories-list h1{
    padding: 0;
    padding-top: 20px;
    border-radius: 0;
    font-family: 'MuseoSans-900';
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    position: relative;
    z-index: 5100;
}
.accessories{
    position: relative;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.accessories-bg{
    background: #6ac0dd;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5000;
    height: 0;
    width: 100%;
    display: block;
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}
.accessories:hover h1{
    color: #fff;
}
.accessories-specialization-desc{
    background: #6ac0dd;
    width: 100%;
    margin: 0;
    margin-top: -20px;
    padding: 0;
    min-height: 50px;
}
.accessories-specialization-desc h1{
    font-family: 'MuseoSans-300';
    font-size: 30px;
    color: #fff;
    padding: 40px 0 20px 0;
    text-transform: none;
    /*FF 15-09*/
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 1000px;
}
.accessories-specialization-desc div{
    font-family: 'MuseoSans-300';
    font-size: 15px;
}
.accessories-specialization-desc > div{
    width: 100%;
    max-width: 1000px;
    padding: 20px 20px 30px 20px;
    color: #fff;
    margin: 0 auto;
}
.accessories-specialization-content{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    /*padding: 0 20px 0 20px;*/
}
.acc-spec-subitem{
    height: 150px;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    cursor: pointer;
    position: relative;
    padding: 0 20px 0 20px;
    border-bottom: 1px solid #dedede;    
}
.acc-spec-subitem:hover{
    background: #f5f5f6;
}
.acc-spec-subitem .read-more{
    color: #6ac0dd;
    display: block;
    position: absolute;
    top: 120px;
    right: 350px;
    cursor: pointer;
}
.acc-spec-subitem .fa{
    top: 0;
    left: 0;
    margin-left: -15px;
}
.acc-spec-subitem .faq-text{
    text-align: left;
    padding: 10px 20px 10px 20px;
}
.acc-spec-subitem .faq-downloads{
    padding: 20px;
    margin: 0;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.acc-spec-subitem .faq-downloads ul{
    margin: 0;
    padding: 0;
    padding-left: 10px;
    list-style-type: none;
}
.faq-container:hover{
    background: transparent !important;
}
.faq-container{
    cursor: initial !important;
    margin: 0 auto !important;
}
.acc-spec-subitem h1{
    font-family: 'MuseoSans-700';
    font-size: 15px;
    text-transform: uppercase;
    text-align: left;
    margin: 0;
    margin-top: 50px;
    padding: 0;
}
.acc-spec-subitem div:first-of-type img{
    /*max-height: 150px;*/
    max-width: 300px;
}

/* ===== START ===== Categorized products ======== */
.categorizedList-category{
    background: #6ac0dd;
    /*width: 100%;*/
    margin: 0;
    padding: 0;
    /*margin-top: -20px;*/    
    min-height: 100px !important;
    height: 100px !important;
    color: #fff;
    text-align: left;
}
.categorizedList-category h1{
    font-family: 'MuseoSans-700';
    font-size: 30px;
    /*font-size: 1.5vw;*/
    text-transform: capitalize;
    text-align: left;
    margin: 0;
    padding: 45px 15px;
}


.categorizedList-subitem{
    height: 150px;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    cursor: pointer;
    position: relative;
    padding: 0 20px 0 20px;		
    border-bottom: 1px solid #dedede;   

    /*    background-color: #555;*/
}
.categorizedList-subitem:hover{
    background: #f5f5f6;
}
.categorizedList-subitem div.prodImg {   
    max-height: 100px;
    overflow: hidden;
}
.categorizedList-subitem div.prodImg img{   
    /*    max-width: 300px;*/
    height: 150px;
}
.categorizedList-subitem div.prodInfo{
    /*background-color: #ccc;*/
}
.categorizedList-subitem div.prodInfo h1{
    padding: 70px 0px 0px 60px;
    text-align: left;
}
.categorizedList-subitem div.prodInfo img{
    position: absolute;
    z-index: 500;
    padding-top: 56px;
    width: 37px;
}
/* ===== END ===== Categorized products ======== */
/* ===== START ===== video List ================ */
.videoList-category{
    background: #6ac0dd;
    /*width: 100%;*/
    margin: 0;
    padding: 0;

    /*margin-top: -20px;*/    
    min-height: 100px !important;
    height: 100px !important;
    color: #fff;
    text-align: left;
}
.videoList-category h1{
    font-family: 'MuseoSans-700';
    font-size: 15px;
    font-size: 1.5vw;
    text-transform: capitalize;
    text-align: left;
    margin: 0;
    padding: 45px 15px;
}


.videoList-subitem{
    height: 150px;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    cursor: pointer;
    position: relative;
    padding: 0 20px 0 20px;		
    border-bottom: 1px solid #dedede;   

    /*    background-color: #555;*/
}
.videoList-subitem:hover{
    background: #f5f5f6;
}
.videoList-subitem div.prodImg {   
    max-height: 100px;
    overflow: hidden;
}
.videoList-subitem div.prodImg img{   
    /*    max-width: 300px;*/
    height: 150px;
}
.videoList-subitem div.prodInfo{
    /*background-color: #ccc;*/
}
.videoList-subitem div.prodInfo h1{
    padding: 70px 0px 0px 60px;
    text-align: left;
}
.videoList-subitem div.prodInfo img{
    position: absolute;
    z-index: 500;
    padding-top: 56px;
    width: 37px;
}
/* ===== END ===== video List ================ */
.accessories-list .products-list-container .row > div{
    height: 100%;
    min-height: 150px;

}

.accessories-specialization-content .access-img img{
    max-width: 100%;
}
.accessories-specialization-content div.access-title{
    min-height: 00px !important;
}
.accessories-specialization-content .access-title h1{
    text-align: left;
    margin: 0;
    padding: 0;
    padding-top: 20px;
}
.accessories-specialization-content .access-title div{
    padding-bottom: 20px;
    border-bottom: 2px solid #f5f5f6;
}
.access-detail, .access-img{
    padding: 20px 10px 20px 10px;
}
.access-detail-extras{
    border-top: 2px solid #f5f5f5;
    padding-top: 20px;
}
.accessories-specialization-content .item-detail-extras h1{
    text-transform: none;
    padding-top: 0px;
}
.accessories-specialization-content  .access-detail-extras {
    padding-top: 0;
}

.accessories .thumbnail>img {
    max-height :33px;
    min-height: 330px;
    width: 100%;
    object-fit: cover;

}


/* === END: PRODUCTS LIST === */

/* === PRODUCT DETAIL === */
.product-detail{
    width: 100%;
    height: 100%;
}
.product-detail header span.head-title{
    top:69px; /*FF 15 09 top: 73px;*/
    color: #6ac0dd;
    z-index: 50;
}
.product-detail-container{
    width: 100%;
    height: 100%;
    background: #f5f5f6;
    padding: 0 0 30px 0;
    border-bottom: #dedede solid 1px;
}
.product-detail-carousel{
    position: relative;

}
.product-detail-ambient-carousel{
    position: relative;

}
.prorduct-detail-desc{
    width: 100%;
}
.detail-desc-content{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.detail-desc-content .desc{
    padding-top: 5px;
    /*height: 200px;*/
    overflow: hidden;
}
.detail-desc-content .desc span.underline, .underline{
        width: 100%;
    margin-bottom: 10px;
    display: block;
    border-bottom: 1px solid #6ac0dd;
}
.detail-desc-content h1{
    font-family: 'MuseoSans-900';
    font-size: 27px;
    text-align: center;
    width: 100%;
}
.detail-desc-content .fa-arrow-down{
    position: relative;
    /*font-size: 25px;
    color: #6ac0dd;
    left: 50%;
    margin-left: -10px;*/
    padding-top: 15px;
    display: none;
    cursor: pointer;
}
/*==== START ==== Feature styles =========*/
.detail-desc-content div.feature-spec {
    padding-top: 30px;
}

ul.featureBullet {
    margin-bottom: 0px;
    padding-right: 20px;
}
ul.featureBullet li {
    list-style-image: url('../images/app/bullet.png');	
}

ul.featureBullet li .price {
    float: right;
    font-family: 'MuseoSans-900';
    color: #1691a6;
}

/*====  END  ==== Feature styles =========*/


.navigators{
    position: fixed;
    top: 50%;
    right: 30px;
    z-index: 5500;
    height: 100px;
    width: 30px;
    display: none;
}
.navigators ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;

}
.navigators ul li{
    position: relative;
    height: 30px;
    padding: 5px 0 5px 0;
}
.navigators .bullet{
    background: #000;
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-left: 25%;
    cursor: pointer;
}
.navigators ul li:hover .bullet, .bullet-over{
    background: #6ac0dd;
    height: 15px;
    width: 15px;
}
.navigators .bullet-label{
    position: absolute;
    top: 5px;
    right: 25px;
    width: 250px;
    font-family: 'MuseoSans-700';
    font-size: 15px;
    text-align: right;
    display: none;
    color: #6ac0dd;
    cursor: pointer;
}
.navigators ul li:hover .bullet-label{
    display: block;
}
/* === END: PRODUCT DETAIL === */

/* === ABOUT US === */
.about-us{
    width: 100%;
    height: 100%;
}
.header-content{
    height: 850px; /*TEMP*/ /*1000px;*/
    width: 100%;
    position: relative;
    color: #fff;
}

.header-content2{
    height: 200PX; /*TEMP*/ /*1000px;*/
    width: 100%;
/*    position: relative;*/
    /*color: #fff;*/
    background-color: #6ac0dd;
}
.about-us2{
       position: relative;
    top: -65px;
}
.about-us2-sub-title, .about-us2-title{
    font-family: 'MuseoSans-500';
    font-size: 70px;
    /*position: absolute;*/
    right: 50px;
    color: #000;
    text-align: right;
    text-transform: lowercase;
        width: 97%;
    /* text-shadow: 0.01px 0.01px #aaa; */
}
.about-us2-sub-title{
    color: #6ac0dd;
}
.history, .about-us-motto{
    background: #17b1d4;
    height: 250px; /*TEMP*/ /*400px;*/
    width: 50%;
    float: left;
    position: relative;
    padding-left: 10px;
}
.history .content{
    font-family: 'MuseoSans-300';
    font-size: 15px;
    width: 100%;
    max-width: 500px;
    float: right;
    /*padding-left: 30px;*/
    padding-top: 20px;
    /*FF 15-09*/ padding-right: 15px;
}
.history .content p{
    padding-top: 15px;
}
.about-us-motto .content{
    width: 100%;
    max-width: 500px;
    float: left;
    text-align: right;
    position: relative;
    /*FF 15-09*/padding-left: 10px;
}
.about-us-motto .content span{
    position: relative;
    width: 100%;
    right: 0;
    text-align: right;
    display: block;
    font-size: 58px;
}
.about-us-motto .content .head-sub-title{
    top: -56px;
}
.about-us-motto .content .head-title{
    color: #fff;
    top: -76px;
}
.about-sub-title{
    font-size: 50px;
    color: #fff;
}
.header-bottom {
    position: relative;
    top: 250px; /*TEMP*/ /*400px;*/
    /*background: transparent url('../images/amb9.jpg') no-repeat center;*/
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 600px;
    width: 100%;
}

.video-content{
    max-width: 1000px;
    margin: auto;
    width: 90%;
    padding-bottom: 30px;

}
.video-content h1{
    font-family: 'MuseoSans-300';
    font-size: 40px;
    color: #6ac0dd;
    width: 100%;
    text-align: center;
    padding: 60px 0 50px 0;
}
.video-content video {

    width: 100%    !important;
    height: auto   !important;
}
.mission-values{
    width: 100%;
    margin-top: -20px;
    padding: 0 30px 0 30px;
}
.mission-values h1{
    font-family: 'MuseoSans-300';
    font-size: 40px;
    color: #6ac0dd;
    width: 100%;
    text-align: center;
    padding: 60px 0 50px 0;
}
.mission-values-content{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.mission-values-content div{
    /*padding-bottom: 50px;*/
    font-family: 'MuseoSans-300';
    font-size: 18px;
}
.mission-values-content div:last-of-type{
    padding-bottom: 50px;   
}

.about-us img{
    padding-bottom: 30px;
}

.about-us .qe-certification{
    display: block;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 10px;
}

.qe-certification img {
    max-width: 85px;
    margin: 0px 20px;
}

.about-us .qe-certification-icon{
    display: block;
    float: left;
    padding: 0 5px 0 5px;
}

/* === END: ABOUT US === */


/* === WHERE TO BUY === */

/* === END: WHERE TO BUY === */

.where-to-buy header{
    width: 100%;
    position: relative;
}
.w2b-header-bg{
    background: #f5f5f6;
    width: 100%;
    height: 250px; /*300px;*/
    position: relative;
    top: 0;
    left: 0;
}
.w2b-header-content{
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
}
.w2b-infos{
    margin-right: 0px;
    margin-left: 0px;
}
.w2b-infos h1{
    font-family: 'MuseoSans-300';
    /*font-size: 30px;*/
    font-size: 20px !important;
    /*margin-bottom: 10px;*/   
    margin: 10px 0px 10px 55px;
    color: #6ac0dd;
    /*FF 15-09*/
    height: 40px;
    max-height:40px;
}
.w2b-map{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    /*margin-top: -70px;*/
    margin-top: -130px;
    margin-bottom: 30px;
}
.w2b-map img{
    width: 100%;
}
.w2b-dealers-container{
    width: 100%;
    height: 100%;
}
.w2b-dealers-content{
    height: 100%;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 30px;
}
.w2b-dealers-content .col-xs-12:not(.hr-cont){
    margin-top: 20px;
    margin-bottom: 20px;
}
.w2b-infos .w2b-info-map{
    font-family: 'MuseoSans-900';
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    padding-left: 20px;
    color: #6ac0dd;
    cursor: pointer;
}
.w2b-infos .fa-map-marker{
    position: relative;
    left: 0;
}

/* === ITEM EXTRAS === */
.item-detail-extras-content .fa-arrow-down{
    position: relative;
    /*font-size: 25px;
    color: #6ac0dd;
    left: 50%;
    margin-left: -10px;*/
    padding-top: 15px;
    display: none;
    cursor: pointer;
}
.item-detail-extras-content h1, 
.media-instrs h1, .media-instrs header {
    font-family: 'MuseoSans-900';
    /*font-size: 35px;*/
    /*font-size: 27px;*/
    font-size: 24px;
    text-align: center;
}
.item-detail-extras{
    background-color: #fff;
    width: 100%;
    height: 100%;
    /*padding: 30px 0 30px 0;*/
    padding: 30px 0 15px 0; /*FF 13-04-2016*/
}
.welcome-container .item-detail-extras {
    background-color: #f5f5f6;
}
.item-detail-extras-content{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.extras-content{
    text-align: center;
}
.extras-content ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*margin-top: 10px;*/
}
.extras-content ul li span:last-of-type:not(.underline),
.extras-content ul.extra-contacts li span:not(.underline),
.extras-content ul.extra-bathtubs li span:not(.underline),
.extras-content ul li .know-more,
.extras-content ul li.certificates{
    font-family: 'MuseoSans-900';
    /*font-size: 20px;*/
    font-size: 14px;
    width: 100%;
    min-width: 250px; 
    border-top: 0px solid #6ac0dd;
    display: inline-block;
    padding: 10px 0 10px 0;
    text-transform: uppercase;
}
.extras-content ul.extra-bathtubs li span:not(.underline),
.download-link {
    padding-left: 20px !important;
}
.extras-content ul li:not(.mat-exc){
    cursor: pointer;
    position: relative;
}
.extras-content ul li.certificates div .fa-file{
    margin-left: -22px;
    margin-top: 9px;
}
.extra-bathtubs li, .download-link{
    position: relative;
    text-align: left;
}
.extra-install-aids .applink {
    padding-left: 10px;
}
.item-detail-extras-content h1, .accessories-specialization-content .item-detail-extras h1{
    /*min-height: 75px;
    padding-top: 20px;*/
    padding-top: 10px;
    /*width: 100%;
    position: absolute;
    bottom: 0;*/
}
.extras-content p{
    text-align: left;
}
.extra-contacts, .extras-downloads{
    cursor: pointer;
}
.acc-spec-subitem div.pull-right{
    text-align: center;
}
.item-detail-extras .underline{
    margin-bottom: 0 !important;
}
.extra-detail-title{
    height: 120px;
    overflow: hidden;
    display: block;
    position: relative;
}
.extra-detail-title .underline{
    position: absolute;
    bottom: 0;
}
.extra-detail-nocontent{
    border: 0 !important;
    margin-top: 0 !important;
}

.extras-content ul li.certificates div{
    padding: 10px 0 10px 0;
}
.extra-detail-title-certificates{
    height: 75px !important;
}
.item-detail-extras-certificates{
    padding: 0px 0 30px 0;
}
/* === END : ITEM EXTRAS 1=== */

/* === HOME VIDEO INSTRS === */
.media-instrs a:hover, 
.media-instrs .extra-bathtubs > li:hover, 
.media-instrs .extra-bathtubs > li:hover a {
    color: #6ac0dd;
}
.media-instrs a, 
.media-instrs a:active, 
.media-instrs a:visited {
    color: #000;
}
.media-instrs {
    width: 100%;
    height: 100%;
    padding: 0 0 40px 0;
}
.media-instrs div {
    padding: 0;
    margin: 0;
}
.media-instrs .extra-detail-title {
    height: auto;
    padding-top: 10px;
    padding-bottom: 30px;
    border-bottom: 1px solid #6ac0dd;
}
.media-instrs .extra-detail-title .fa-cog {
    margin-bottom: 15px;
}
.media-instrs .media-instrs-content header {
    color: #6ac0dd;
    width: 100%;
    height: 30px;
    text-align: left;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 15px;
    padding: 30px 0;
    padding-left: 20px;
    margin: 0;
}
/*.media-instrs .media-instrs-content .assembly-img {*/
 .media-instrs .media-instrs-content .assembly-img {
    /*background-repeat: no-repeat; */
    /* background-attachment: fixed; */
    background-size: cover;
    font-size: 49px;
    text-align: left;
    font-family: 'MuseoSans-500';
    height: 22vh;
    color: #6ac0dd;
    line-height: 50px;
    /*background-image: url(https://blb.incograf.eu/assets/images/instrucoes_banheiras.png);*/
/*}*/
}
/*}*/

.media-instrs .media-instrs-content > .row > div {
    margin-left: 0;
    margin-right: 0;
}
.media-instrs .media-instrs-content > .row > div:first-of-type {
    margin-left: 0;
}
.media-instrs .media-instrs-content > .row > div:last-of-type {
    margin-right: 0;
}
.media-instrs .media-instrs-content > .row {
    width: 100%;
    /*max-width: 1320px; --> 4 unt.*/
    max-width: 990px;
    margin: 0 auto;
}
/*.media-instrs .media-instrs-content .extras-content > ul > li {
    height: 60px;
}*/

/* === END: HOME VIDEO INSTRS === */

/* === FAQ  === */
.faq-order-container{
    width: 200px !important;
    position: relative;
    left: 25%;
}
/* === END: FAQ  === */

/* === CONTACTS === */
.contacts header{
    height: 100%;
    width: 100%; 
}
#blb_location{
    width: 100%;
    height: 500px;/*600px;*/
    position: relative;
}
.contacts-title{
    width: 100%;
    position: absolute;
    z-index: 6000;
}
.contacts-title > div{
    position: relative;
    width: 100%;
    margin:0 auto;
}
.contacts-contentainer{
    width: 100%;
}
.contacts-content{
    width: 100%;
    max-width: 1000px;
    margin:0 auto;
    padding: 30px 20px 30px 20px;
}
.contacts-content .col-xs-12{
    padding: 0 10px 0 10px;
}
.contacts-titles{
    height: 90px;
    max-height: 90px;
    overflow: hidden;
    display: block;
    position: relative;
    border-bottom: 1px solid #6ac0dd;
}
.contacts-content h1 {
    font-family: 'MuseoSans-300';
    font-size: 25px;
    color: #6ac0dd;
    width: 100%;
    text-align: center;
    /*padding: 60px 0 50px 0;*/		
    padding: 30px 0 30px 0;
    margin-bottom: 50px;
    border-bottom: 0px solid #6ac0dd;	
}
.contacts-content .col-xs-12:last-of-type{
    padding-bottom: 50px;
}
.contacts-content .col-xs-12 div:not(.contacts-titles){
    font-family: 'MuseoSans-300';
    font-size: 15px;
    position: relative;
    padding-top: 45px;
}
.contacts-content .map{
    background: transparent url('../images/app/map_where_to_buy_blue.png') no-repeat center;
    height: 85px;
    width: 100%;
    display: inline-block;
    margin-top: 45px;
}
.contacts-content .map:hover{
    zoom: 1.03;
}
.contacts-content .questions{
    cursor: pointer;
    text-align: center;
    font-family: 'MuseoSans-900' !important;
    text-transform: uppercase;
    /* font-size: 14px;*/
}
.questions:hover{
    color: #6ac0dd;
}

/* === USER EMAIL === */
.user-email-container {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 50px 20px 50px 20px;
}
.user-email-container div {
    font-family: 'MuseoSans-300';
    font-size: 18px;
    text-align: center;
}
/* === END: USER EMAIL === */

/* === END: CONTACTS === */


/* === RGPD === */
.gdpr .about-us-motto, .cookies_policy .about-us-motto, 
.gdpr .history, .cookies_policy .history {
    background: #f5f5f6;
}
.cookies_policy .mission-values-content div, 
.gdpr .mission-values-content div {
    font-family: 'MuseoSans-300' !important;
    font-size: 18px !important;
}
.cookies_policy .mission-values-content div h1, .gdpr .mission-values-content div h1,
.cookies_policy .mission-values-content div h1 *, .gdpr .mission-values div h1 * {
    font-size: 30px !important;
}
.cookies_policy .mission-values-content div h1, .gdpr .mission-values-content div h1 {
    text-align: left;
    padding: 40px 0;
}

.gdpr .mission-values-content > div a, .cookies_policy .mission-values-content > div a, 
.gdpr .mission-values-content > div a:active,  .cookies_policy .mission-values-content > div a:active,
.gdpr .mission-values-content > div a:visited, .cookies_policy .mission-values-content > div a:visited {
    color: #6ac0dd !important;
    font-weight: bold;
}

.footer-trademark .policies-link {
    font-family: 'MuseoSans-300';
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    padding-top: 5px;
}
.footer-trademark .policies-link > a:last-of-type {
    margin-left: 15px;
}
.footer-trademark .policies-link > a, .footer-trademark .policies-link > a:active,
.footer-trademark .policies-link > a:visited, .footer-trademark .policies-link > a:focus {
    color: #fff;
}

.contacts .contacts-contain-mapa{
    width: 100%;
    height: 500px;
    background-image: url(../images/app/mapa-blb.jpg);
    background-size: auto;
    background-position: center;
    display: block;
    
}


.media-instrs-conatiner2{
    
    height: 320px
}

.media-instrs-conatiner2 .text-containar{
    display: block;
height: 100%;
    width: 100%;
}
.media-instrs-conatiner2 .text-containar span{
left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    /*border-bottom: solid 2px #6ac0dd;*/
    position: absolute;}

.media-instrs-conatiner2 .text-containar span h1{
  text-align: center;
    color: white;
        border-top:  solid 2px #6ac0dd;
        width: 564px;
}
.media-instrs-conatiner2 .text-containar span .fa {
   font-size: 25px;
    position: absolute;
    left: 50%;
    /* margin-left: -12px; */
    color: #6ac0dd;
    /* margin-bottom: 10px; */
    position: relative;
    margin-bottom: 10px;
}

#myvideo2 :hover {
    background: rgba(0, 0, 0, 0.41);

}
#myvideo2 .text-containar :hover {
    background: transparent;

}


.media-instrs-conatiner2:hover .text-containar span  .fa {
    -webkit-animation: rotation 2s infinite linear;
    background: transparent;

}
    .row.me-article-img2 {
     width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

/*SILDERFOOTER*/
 /* Slideshow container */
.slideshow-container {
  position: fixed;
  background: #170e0e;
  padding: 20px 0; 
  height: 130px;
  width: 100%;
  bottom: 0px;
  min-width:  100%;
      z-index: 9999999999;
}

/* Slides */
.mySlides {
  display: none;

  text-align: center;
}
.mySlides .row {
        max-width: 1000px;
    width: 100%;
    /*margin: auto;*/
    margin: auto!important;
    
}
    
.silder-texte {
    right: 0;
    width: calc(100% - 140px);
    /* float: right; */
    font-family: 'MuseoSans-900';
    /* font-size: 20px; */
    font-size: 14px;
    text-align: left;
    position: absolute;
    /* left: inherit; */
    top: 50%;
    transform: translate(0, -50%);
    color: white;
}
.silder-texte h1 {
    font-size: 15px;
    margin-top: 20px;
}
.mySlides .silder-logo{

   display: block;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    /*background-image: url('https://www.blb.pt/assets/images/editor/148723117ECOLOGICAL.png');*/
}
.hidess{
 padding: 5px;
    position: absolute;
    background: #170e0e;
    top: -30px;
    height: 20px;
    width: 20px;
    width: 30px;
    height: 30px;
    right: 0;
    font-weight: bold;
    text-align: center;
    color: white;

}
/*SILDERFOOTER*/



@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

.video-wrapper video {
    position: relative!important;
    top: 50%!important;
    left: 50%!important;
    width: auto!important;
    height: auto!important;
    /* width: inherit; */
    /* height: inherit; */
    min-height: 100%!important;
    min-width: 100%!important;
    transform: translate3d(-50%, -50%, 0)!important;
}
@media screen and (max-width: 1000px) {
    .mySlides .row{
        width: 90%
    }
}

/*@media screen  and (min-width: 1320px) { ---> 4 unt*/
@media screen  and (min-width: 992px) {
    .media-instrs .media-instrs-content > .row > div {
        width: 300px;
        max-width: 300px;
    }
    .media-instrs .media-instrs-content > .row > div {
        margin-left: 15px;
        margin-right: 15px;
    }
}

/*
4 unt.
@media screen and (min-width: 992px) and (max-width: 1320px){
    .media-instrs .media-instrs-content > .row > .col-lg-3 {
        margin: 0;
        width: 50%;
    }
    .media-instrs .media-instrs-content > .row {
        padding-left: 12.5%;
    }
    .break-row {
        display: block!important;
    }
}*/

/*@media screen and (max-width: 992px) and (min-width: 600px) {
    .media-instrs .media-instrs-content > .row {
        max-width: 600px;
        margin: 0 auto;
    }
}*/

@media screen  and (max-width: 1200px) {
    
    .about-us2-sub-title, .about-us2-title {

    font-size: 60px;

}
    }

@media screen  and (max-width: 1050px) {
    .about-us2 {
    position: relative;
    top: -22px;
}
     .about-us2-sub-title, .about-us2-title {

    font-size: 55px;

}
    .product-detail-carousel h2{		
        font-size: 11px;		
        width: 90% !important;
        max-width: 90% !important;
    }
    .bullet-label {
        display:none !important;
    }
    .jssocials-share{
        zoom: 0.7;
        -ms-zoom: 0.7;
        -webkit-zoom: 0.7;
        -moz-transform:  scale(0.7, 0.7);
        -moz-transform-origin: left center;
        margin: 0;
    }
    .jssocials-shares .jssocials-share {
        margin-left: 2px;
        margin-right: 2px;
    }
    .jssocials-shares .jssocials-share:first-of-type {
        margin-left: 0;
    }
    .jssocials-shares .jssocials-share:last-of-type {
        margin-right: 0;
    }
    .wapp-social-icons{
        zoom:0.8; /* novo */ 
        -ms-zoom: 0.8;
        -webkit-zoom: 0.8;
        -moz-transform:  scale(0.8, 0.8);
        -moz-transform-origin: left center;
    }
}

@media screen and (max-width: 1000px) {
    .footer-content{
        padding: 0 10px 0 10px;
    }
}

@media screen and (max-width: 990px) {
    .about-us2-sub-title, .about-us2-title{
        font-size: 50px;
    }
    
    .btn-back-container{
        padding-left: 10px;
        padding-right: 10px;
    }
    .material-ranges-container .row div:first-of-type{
        padding-top: 20px;
    }
    .material-ranges-container .fa-arrow-down{
        display: inline-block;
    }
    span.head-title, span.head-sub-title {
        font-size: 50px;
    }
    span.head-sub-title {
        top: -50px;
    }
    .header-content{
        height: 1080px;
    }
    
    
    .gdpr .header-content, .cookies_policy .header-content {
        height: 660px;
    }
    .history, .about-us-motto{
        width: 100%;
    }
    .about-us-motto{
        height: 180px;
    } 
    .header-bottom{
        height: 480px;
    }
    .history{
        top: 660px;
        height: 400px;
    }
    .gdpr .history, .cookies_policy .history {
        display: none;
    }
    .about-us-motto{
        top: -400px;
    }
    .header-bottom{
        top: 180px;
    }
    .about-us-motto .content{
        width: 80%;
        max-width: 100%;
        position: absolute;
        right: 0;
        margin-right: 40px;
        padding-left: 40px;
    }
    .history .content{
        max-width: 70%;
    }
    .history .content{
        float: left;
    }
    .detail-desc-content .desc{
        /*text-align: center;*/
        padding: 0 40px 0 40px;
        min-height: 0;
    }
    .item-detail-extras-content h1{
        min-height: 0;
    }
    .detail-desc-content h1{
        margin-top: 47px;
    }
    .product-detail-container{
        padding-top: 0;
    }
    .extra-detail{
        max-width: 340px;
        margin: 0 auto;
    }
    .extra-detail-title .underline {
        width: 100%;
    }
    .item-extras .extra-detail{
        padding-right: 0;
        padding-left: 0;
    }
    .item-detail-extras-content .fa-arrow-down{
        padding-top: 10px;
    }
    .extra-detail .fa{
        padding-bottom: 10px;
    }
    .extras-content ul{
        margin-top: 0;
        margin: auto;
        max-width: 380px;
    }
    .product-detail header span.head-title{
        top: 92px;
    }
    .w2b-dealers-content{
        padding: 0 10px 0 10px;
    }
    .welcome-container .item-detail-extras p,
    .welcome-container .item-detail-extras .mat-exc div{
        max-width: 300px;
        margin: 0 auto;
        padding-top: 10px;
        text-align: left;
    }
    .welcome-container .item-detail-extras p:last-of-type,
    .welcome-container .item-detail-extras .mat-exc div:last-of-type{
        margin-bottom: 15px;
    }
    #blb_location{
        width: 100%;
        height: 300px;
        position: relative;
    }
    .contacts .contacts-contain-mapa{
    width: 100%;
     height: 300px;
    
}
    .accessories-list span.head-sub-title {
        top: 92px;
    }
    .accessories-list span.head-title {
        top: 140px;
    }
    .contacts-title {
        height: 110px;
        max-height: 110px;
    }
    .prod-thumbnail img {
        position: static;
        height: 100%;
    }    
    .row{
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .item-detail-extras-certificates .item-detail-extras-content h1 {
        padding-top: 0px;
    }
    .item-detail-extras-certificates .extra-detail {
        margin-top: 0px;
    }
    .extra-detail:not(:first-of-type){
        padding-top: 30px;
    }
    .extra-detail:last-of-type{
        padding-bottom: 30px;
    }
    .prodImg{
        text-align: center;
    }
    .form-body{
        max-width: 365px;
        margin: 0 auto;
    }
    .media-instrs .media-instrs-content > .row {
        padding-left: 0;
        padding-right: 0;
    }
    /* === rgpd === */
    .gdpr .about-us-motto, .cookies_policy .about-us-motto{
        top: 0px;
    }
       .media-instrs .media-instrs-content .assembly-img {
background-size: cover;
    font-size: 49px;
    text-align: left;
    font-family: 'MuseoSans-500';
    height: 22vh;
    color: #6ac0dd;
    line-height: 50px;
    width: 100%;
    margin: auto;
    min-height: 200px;
    /* background-image: url(https://blb.incograf.eu/assets/images/instrucoes_banheiras.png); */
    max-width: 380px;
    max-height: 230px;
       }

}

@media screen and (max-width: 768px) {
    
.media-instrs-conatiner2 .text-containar span h1 {

width:  auto;
}   
    
        .media-instrs .media-instrs-content .assembly-img {
     background-size: cover;
    font-size: 49px;
    text-align: left;
    font-family: 'MuseoSans-500';
    height: 22vh;
    color: #6ac0dd;
    line-height: 50px;
    width: 100%;
    margin: auto;
    min-height: 161px;
    /*background-image: url(https://blb.incograf.eu/assets/images/instrucoes_banheiras.png);*/
    max-width: 320px;
}
    .row.me-article-img2 {
    width: 100%;
    max-width: 402px;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
}
     .about-us2-sub-title, .about-us2-title{
        font-size: 40px;
    }
    
.header-content2{
    height: 180px; /*TEMP*/ /*1000px;*/
    width: 100%;
/*    position: relative;*/
    /*color: #fff;*/
    background-color: #6ac0dd;
    
}
    .btn-back-container {
        padding-left: 0px;
        padding-right: 0px;
        bottom: 190px;
    }
    .btn-back-content{
        background-color: #17b1d4;
    }
    .btn-back-hrow {
        border-bottom: 0;
    }
    .btn-back-content > div{
        background: #17b1d4;
        border: 10px solid #17b1d4;
    }
    .btn-back-content .fa-chevron-left{
        display: block;
    }
    .btn-back-content h1{
        padding-left: 10px;
    }

    #content{
        padding-bottom: 287px;
    }
    #footer, .footer-container, .footer-content{
        text-align: center;
   height: 200px;;
    }
    div#footer {
    height: 287px;
}
    .wapp-social-icons{
        width: 100%;
        padding-top: 10px;
    }
    .footer-content div.footer-bottom-menu,
    .footer-content div.footer-where-to-buy{
        display: none !important;
    }
    .footer-know-us h1, .footer-know-us h2{
        display: none;
    }
    .footer-bottom-menu, .wapp-social-mail, .wapp-bottom-search, .wapp-bottom-map{
        display: block !important;
    }
    .wapp-social-icons span {
        margin: 0 3px 0 3px;
    }
    
    
    .wapp-social-icons{
        width: 90px !important;
        margin: 0 auto;
    }
    .wapp-social-share-icons{
        width: 230px !important;
        left: 50%;
        margin-left: -115px;
    }
    
   
.social-icons {

    display: block;
    position: absolute;
    top: 141px;
    padding-top: 0;
    width: 113px;
    left: 50%;
    transform: translate(-50%, 0);

}
.social-icons-1{
    background-image: url('https://www.blb.pt/assets/images/editor/148723117ECOLOGICAL.png');

    
}
.social-icons-2{
    background-image: url('http://www.blb.pt/assets/images/editor/1887599168icon_non_toxic.png');

    
}

    .footer-content div.footer-know-us{
        width: 100% !important;
        height: 50px;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
    }
    .footer-content div.footer-social {
        width: 100% !important;
        left: 0;
        top: 0;
        height: 70px;
        margin: 0;
        padding: 0;
    }
    span.head-title, span.head-sub-title, .about-sub-title {
        font-size: 40px;
    }
    span.head-sub-title {
        top: -38px;
    }
    .about-us-motto .content span.head-sub-title{
        top: -56px;
    }
    .about-us-motto .content {
        width: 100%;
    }
    .detail-desc-content .fa-arrow-down{
        display: inline-block;
    }
    .detail-desc-content .desc span.underline{
        display: none;
    }
    .detail-desc-content .desc{
        padding-top: 40px;
    }
    .item-detail-extras-content .fa:first-of-type{
        display: none;
    }
    .item-detail-extras-content .fa-arrow-down{
        display: inline-block;
    }
    .underline{
        display: none;
    }
    .extra-detail:not(:last-child){
        border-bottom: 1px solid #6ac0dd;
    }
    .product-detail header span.head-title{
        top: 102px;
    }
    #blb_location{
        height: 200px;
    }
    .contacts-content h1 {
        padding: 20px 0 20px 0;
    }
    .accessories-specialization-content{
        margin-top: -10px;
    }
    .acc-spec-subitem{
        text-align: center;
    }
    .acc-spec-subitem h1 {
        padding-top: 10px;
        text-align: center;
    }
    .acc-spec-subitem div {
        padding-bottom: 10px;
    }
    .acc-spec-subitem div:first-of-type img {
        max-height: none;
        width: 100%;
    }
    .accessories-specialization-content {
        padding: 0;
    }
    .accessories-list span.head-sub-title {
        top: 102px;
    }
    .access-img h1{
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .access-img div:not(.col-xs-12){
        text-align: center;
        padding-bottom: 20px;
        border-bottom: 2px solid #f5f5f6;
    }
    .access-detail, .access-detail-extras{
        /*padding: 0 20px 20px 20px;*/
    }
    .access-img{
        padding-top: 0;
    }
    .access-detail-extras{
        padding-top: 20px;
    }
    .accessories-specialization-content{
        margin-top: 0px;
    }
    .contacts-content{
        padding: 30px 0px 30px 0px;
    }
    .contacts-content .col-xs-12 {
        padding: 0;
    }
    .contacts-content .col-xs-12{
        padding: 0;
    }
    .contacts-content .col-xs-12 div:not(.contacts-titles){
        padding-top: 30px;
        padding-left: 30px;
    }
    .contacts-content h1 {
        padding: 20px 0 0 0;
    }
    .contacts-titles {
        height: 75px;
        max-height: 75px;
    }
    .material-excelence .me-article-extra-title {
        font-size: 30px;
    }
    .item-detail-extras-content h1 {
        font-size: 22px;
    }
    .material-ranges-container h1 {
        font-size: 27px;
    }
    .me-article h1{
        font-size: 30px;
    }
    .detail-desc-content h1{
        font-size: 22px;
    }

    .item-detail-extras-certificates .item-detail-extras-content h1 {
        padding-top: 0px;
    }
    .item-detail-extras-certificates .extra-detail {
        margin-top: 0px;
    }
    .img-detail-link {
        font-size: 15px;
    }
    .me-article h1{
        padding: 40px 0 0px 0;
    }
    .me-article-content div:first-of-type{
        padding-top: 10px;
    }
    .extra-detail{
        max-width: 100%;
    }
    .extra-bathtubs li, .download-link {
        text-align: center;
    }
    .extras-content ul.extra-bathtubs li span:not(.underline), .download-link {
        padding-left: 0 !important;
    }
    .extra-detail:last-of-type {
        padding-bottom: 0;
    }

    .accessories-list .products-list-container .row > div{
        min-height: 0px;
    }

    .videoList-subitem div.prodInfo h1 {
        padding: 30px 0 30px 0;
        text-align: center;
    }
    .pull-right{
        float: none !important;
    }
    .prodImg{
        text-align: center;
    }
    .accessories-list .products-list-container .row > div:not(.prodInfo) {
        min-height: 150px;
    }


    .jssocials-shares {
        zoom: 1;
    }
    .wapp-social-icons {
        zoom: 1;
    }
/*    .footer-trademark {
        visibility: hidden;
    }*/
    .categorizedList-subitem div.prodInfo img {
        padding-top: 0;
        margin: -80px 0 0 20px;
    }
    .categorizedList-subitem div.prodImg img {
        height: 150px;
        /*zoom: 1.7;*/
        margin-top: -40px;
    }
    .categorizedList-subitem div.prodInfo h1 {
        max-width: 80%;
        padding: 0;
        text-align: left;
        position: absolute;
        top: -30px;
        left: 20px;
    }
    
    .media-instrs .media-instrs-content > .row {
        padding-left: 0;
        padding-right: 0;
    }
    .media-instrs .media-instrs-content > .row > div, 
    .media-instrs .media-instrs-content > .row > div:first-of-type {
/*        margin-right: 15px;
        margin-left: 15px;*/
        padding-left: 15px;
        padding-right: 15px;
    }
    .media-instrs .media-instrs-content header {
        text-align: center;
    }
    .media-instrs .extras-content {
        max-width: 300px;
        margin: 0 auto;
    }
    .extra-bathtubs li, .download-link {
        text-align: left;
        padding-left: 30px;
    }
    .media-instrs h1 {
        width: 300px;
        margin: 0 auto;
    }
    
    /* === RGPD === */
    .wapp-social-icons span {
        zoom: 0.8;
    }
    .footer-social h1 {
        padding-top: 10px;
    }
    .footer-trademark {
        position: absolute;
        top: 120px;
        padding-top: 0;
        width: 100%;
    }
    .footer-trademark .cpr {
        display: none;
    }
    .footer-trademark .policies-link {
        width: 100%;
    }
    .footer-trademark .policies-link > a:first-of-type {
        margin-right: 6px;
    }
    .footer-trademark .policies-link > a:last-of-type {
        margin-left: 6px;
    }
}

@media screen and (max-width: 600px) {
     .about-us2-sub-title, .about-us2-title{
        font-size: 30px;
    }
    
    span.head-title, span.head-sub-title, .about-sub-title, .mission-values h1{
        font-size: 30px;
    }
    span.head-sub-title {
        top: -28px;
    }
    .product-detail header span.head-title{
        top: 112px;
    }
    .accessories-list span.head-sub-title {
        top: 112px;
    }

    .fitler-elem, .prod-filter-advanced{
        font-size: 11px !important;
    }

    /* === rgpd === */
    .mission-values {
        margin-top: 0px;
    }
    .gdpr .mission-values-content div h1, .cookies_policy .mission-values-content div h1 {
        padding: 30px 0;
    }
    .gdpr .mission-values div h1 *, .cookies_policy .mission-values div h1 * {
        font-size: 22px !important;
    }
    .mission-values-content div:last-of-type {
        padding-bottom: 37px;
    }
    
    .video-content h1{
      font-size: 30px;
  }
     
}

@media screen and (max-width: 530px) {
    .fitler-elem, .prod-filter-advanced {
        /*padding-top: 20px !important;*/
    }
    .extra-detail-title {
        height: 120px;
    }
    .w2b-header-bg {
        height: 150px;
    }
    .w2b-map {
        margin-top: -70px;
    }
    .w2b-infos h1 {
        font-size: 18px;
        margin: 10px 0px 10px 30px;
    }
    .material-excelence .me-article-extra-title {
        font-size: 25px;
    }
    .item-detail-extras-content h1 {
        font-size: 20px;
    }
    .me-article h1{
        font-size: 25px;
    }
    .me-article-content > div {
        font-size: 14px;
    }
    .fitler-elem, .prod-filter-advanced {
        /*padding-top: 15px !important;*/
        font-size: 11px !important;
    }
 
}

@media screen and (max-width: 450px) {
   
    .accessories-list span.head-title {
        top: 170px;
    }
    .accessories-list span.head-sub-title {
        top: 119px;
    }
    .accessories-list .head-sub-title{
        line-height: 90%;
    }
    .jssocials-shares, .wapp-social-icons {
        zoom: 0.8;
    }
    .logo-content{
        width: 100vw;
        max-width: 180px;
        min-width: 180px;
    }
}

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

    .prod-filter-advanced, .fitler-elem {
        font-size: 10px;
    }

    .header-logo-container {
        left: 52%;
        transform: translateX(-50%);
    }
    span.head-title, .about-sub-title{
        right: 0px;
    }
    span.head-sub-title{
        right: 0px;
    }
    .about-us .head-sub-title, 
    .where-to-buy .head-title, .where-to-buy .head-sub-title{
        right: 35px;
    }
    .about-us .header-bottom{
        background-position: 50%;
    }
    .history{
        overflow: hidden;
    }
    .motto h1 {
        font-size: 35px;
    }
    .press-steel, .cast-iron {
        background-size: 300px auto;
    }
    .home-media-links h1 {
        font-size: 35px;
    }
    .home-media-links h2 {
        font-size: 15px;
    }
    .header-bottom {
        background-position: 60%;
    }
    .contacts .head-sub-title, .contacts .head-title,
    .material-excelence .head-sub-title, 
    .material-excelence .head-title,
    .assets-downloads .head-sub-title,
    .accessories-list .head-sub-title,
    .accessories-list .head-title, 
    .product-detail .head-title,
    .products-list .head-title, .products-list .head-sub-title{
        right: 35px;
    }
    .questions {
        padding-left: 0 !important;
    }
    .w2b-infos .col-xs-6{
        padding-left: 0;
    }
    .w2b-infos h1 {
        font-size: 16px;
        margin: 10px 0px 10px 20px;
    }
    .where-to-buy .head-title{
        padding-top: 5px;
        line-height: 90%;
    }
    .item-detail-extras .me-article-extra-title{
        padding-right: 10px !important;
    }
    .material-excelence .material-ranges-desc{
        padding-right: 0;
        padding-left: 0;
    }
    .me-article-content div {
        font-size: 15px;
    }
    .me-article-content > div > h2{
        padding-bottom: 15px;
    }
    .me-article-extra-title{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .container-form-questions .submit-result {
        width: 100%;
    }
    .me-article-extra-title{
        margin-bottom: 20px;
    }
    .product-list-filter-content .glyphicon, 
    .prod-filter-product .fa, .prod-filter-incoview .fa,
    .prod-filter-download .fa{
        font-size: 25px !important;
    }
    .prod-filter-advanced{
        padding-top: 12px !important;
    }
}

@media screen and (min-width: 992px) {
    .item-detail-extras-content .extra-detail.ref_2_material {
        margin-left: 16.5%;
    }
}

/* Personalização de espaços na lista do produto*/
@media screen and (min-width: 992px) and (max-width: 1080px){
    .prod-thumbnail {
        top: 10%;	
    }   
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .prod-thumbnail {
        top: 10%;		
    }   
}

@media screen and (min-width: 1081px) and (max-width: 1199px){
    .prod-thumbnail {
        top: 5%;
    }   
}

@media screen and (min-width: 1401px) and (max-width: 1650px) {
    .prod-thumbnail {
        top: 5%;		
    }   
}

@media screen and (min-width: 1750px){
    .prod-thumbnail {
        top: -8%;		
    }   
}


/* =========================================================================== */
/* START SPECIAL STAMP */
/* =========================================================================== */


.icon_fifty_years {
    position: fixed;
    z-index: 2000;
    top: 17px;
    right: 90px;
    background: white url('../images/app/50_anos_icon.png') center;
    background-size: 100%;
    padding: 19px;
    border-radius: 50px;
    width: 58px;
    cursor: pointer;
    /*display: none;*/
}

.icon_fifty_years:hover{
    /*zoom: 2px;*/
}

.specialStamp {
    position: absolute;
    z-index: 2000;
    top: 160px;
    left: 100px;
    background: transparent url('../images/app/50Anos_black_150.png') center;
    /*background: transparent url('../images/app/50Anos2_black_200.png') center;*/
    background-size: 100%;
    width: 200px;
    height: 200px;
    /*height: 390px;*/
    cursor: pointer;
    display: none;
}
.specialStampMapClick {
    position: absolute;
    z-index: 2017;
    top: 370px;
    left: 100px;
    background-color: transparent;
    background-size: 100%;
    width: 200px;
    /*height: 200px;*/
    height: 180px;
    cursor: pointer;
    display: none;
}

.specialStamp_full_popup{
    position:fixed; 
    top:0; 
    left:0; 
    z-index:50000; 
    width:100%; 
    height:100%; 
    background: rgba(0, 0, 0,0.9) url('../images/app/50Anos_black_558.png') center;
    background-repeat: no-repeat;
    background-size: 42% auto;

    display: none;/**/
}


.specialStamp_full_popup .popup_closeButton{
    position: fixed;
    right: 40px;
    top: 20px;
    cursor: pointer;

}

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

    .icon_fifty_years {
        top: 78px;
        right: 33px;
        padding: 7.5px;
        width: 35px;
        /*display: none;*/
    }

    .specialStamp {
        left: 15%;
        width: 80px;
        height: 80px;

        /*display: none;Manter escondido no telemovel*/
    }
    .specialStampMapClick {
        top: 240px;
        left: 15%;
        width: 80px;
        height: 80px !important;
    }

}

/* =========================================================================== */
/* END SPECIAL STAMP */
/* =========================================================================== */

/* === DESTAK  === */

#destak-container, .destak-bg, .destak-content {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    
}
#destak-container {
    min-width: 320px;
    position: fixed;
    z-index: 10000;
    overflow: hidden;
    display: none; /* Oculta POPUP quando não se pretende usar */
}
.destak-bg {
    z-index: 10001;
}
.destak-content {
    background: transparent;
    z-index: 10002;
}
.destak-content > section.destak-main-content {
    background: transparent;
    width: 100%;
    height: 100%;
    display: block;
/*    display: none;*/
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.destak-main-content > header, 
.destak-main-content > footer {
    display: none;
}
section.destak-main-content > article {
    position: relative;
    width: 100vw;
    height: 100%;
    padding: 20px;
}
section.destak-main-content > article .destak-close {
    border: 0px solid black;
    height: 40px;
    width: 100%;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    top: 50px;
    z-index: 100001;
    margin:0 auto;
}
section.destak-main-content > article .image {
    position: relative;
    top: 30px;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
}

.page_merger .history{
    width: 100%;
    height: auto;
}

.page_merger .mission-values {
    width: 100%;
    margin-top: 75px;
    padding: 0 30px 0 30px;
}
.page_merger .header-bottom{
    top: 140px;
}
.page_merger .header-content{
    height: 700px;
}

.page_merger .history .content{
    font-family: 'MuseoSans-300';
    font-size: 17px;
    width: 100%;
    max-width: 1000px;
    float: none;
    padding-top: 2em;
    padding-bottom: 2em;
    margin: auto;
    height: 100%;
}

@media screen and (max-width: 992px) {
    .page_merger .header-bottom{
        top: 0px;

    }
.page_merger .history{
    top: 479px;
    padding: 0 30px 0 30px;
}
    .page_merger .mission-values {
        width: 100%;
        margin-top: 0;
        padding: 0 30px 0 30px;
    }
    .page_merger .header-content {
        height: 650px;
    }
}



@media screen and (max-width: 560px) {
 
    .page_merger .header-content {
        height: 750px;
    }
}




@media screen and (min-width: 992px) {
    section.destak-main-content > article .image {
        max-height: 800px;
        max-width: 800px;
    }


}

@media screen and (min-width: 992px) and (max-height: 860px) {
    section.destak-main-content > article .image {
        top: 0;
        height: 95vh;
        min-height: 300px;
        width: auto;
    }
    section.destak-main-content > article .destak-close {
        height: 5vh;
        top: 20px;
    }
}

@media screen and (max-width: 992px) {
    section.destak-main-content > article .image {
        max-height: 824px;
        max-width: 568px;
    }
}

@media screen and (max-width: 992px) and (max-height: 824px) {
    section.destak-main-content > article .image {
        top: 0;
        height: 95vh;
        min-height: 300px;
        width: auto;
    }
    section.destak-main-content > article .destak-close {
        height: 5vh;
        top: 20px;
    }
}

@media screen and (max-width: 768px) {
    section.destak-main-content > article .image {
        max-height: 518px;
        max-width: 270px;
    }
}

@media screen and (max-height: 300px) {
    section.destak-main-content > article .destak-close {
        height: 20px;
    }
}