@font-face {
	font-family: 'SourceSans-Regular';
	src: url('../fonts/SourceSansPro-Regular.eot');
	src: url('../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SourceSansPro-Regular.woff') format('woff'),
		url('../fonts/SourceSansPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SourceSans-Bold';
	src: url('../fonts/SourceSansPro-Bold.eot');
	src: url('../fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SourceSansPro-Bold.woff') format('woff'),
		url('../fonts/SourceSansPro-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'SourceSans-Light';
	src: url('../fonts/SourceSansPro-Light.eot');
	src: url('../fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SourceSansPro-Light.woff') format('woff'),
		url('../fonts/SourceSansPro-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'SourceSans-SemiBold';
	src: url('../fonts/SourceSansPro-SemiBold.eot');
	src: url('../fonts/SourceSansPro-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SourceSansPro-SemiBold.woff') format('woff'),
		url('../fonts/SourceSansPro-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
    font-family: 'Verlag-Light';
    src: url('../fonts/Verlag-Light.woff2') format('woff2'),
        url('../fonts/Verlag-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Verlag-Bold-Italic';
    src: url('../fonts/Verlag-BoldItalic.woff2') format('woff2'),
        url('../fonts/Verlag-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Verlag-Book';
    src: url('../fonts/Verlag-Book.woff2') format('woff2'),
        url('../fonts/Verlag-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Verlag-XLight';
    src: url('../fonts/Verlag-XLight.woff2') format('woff2'),
        url('../fonts/Verlag-XLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Verlag-Black';
    src: url('../fonts/Verlag-Black.woff2') format('woff2'),
        url('../fonts/Verlag-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Verlag-Bold';
    src: url('../fonts/Verlag-Bold.woff2') format('woff2'),
        url('../fonts/Verlag-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Verlag-Book-Italic';
    src: url('../fonts/Verlag-BookItalic.woff2') format('woff2'),
        url('../fonts/Verlag-BookItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}




@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css");



body{
    font-family: 'Verlag-Light';
    
}

a:hover, a:focus{
    text-decoration: none!important;
}

a{
    font-size: 14px;
}

h4{
    line-height: 1.4!important;
}

input, textarea, select{
    font-family: 'Verlag-Light';
}

.custom-folis > .folio__grid>* {
    flex-basis: 33.33%;
    max-width: 33.33%;
}

.half-folis > .folio__grid>* {
    flex-basis: 50%;
    max-width: 50%;
}


.embed-container { 
    position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; 
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
}

.btn{
    border-radius: 0px;
}

.btn--blue{
    padding: 0.859em 2.29em;
    background: transparent;
    border: 1px solid #183964;
    color: #183964;
}

.btn--lemon{
    padding: 0.859em 2.29em;
    background: transparent;
    border: 1px solid #b2d03f;
    color: #b2d03f;
}

.btn--lemon:hover{
    background: #b2d03f;
    color: white;
}

.btn--orange{
    padding: 0.859em 2.29em;
    background: transparent;
    border: 1px solid #f59123;
    color: #f59123;
}

.btn--orange:hover{
    background: #f59123;
    color: white;
}

.btn--blue:hover{
    background: #183964;
    color: white;
    transition: unset;
}

.btn--black{
    padding: 0.859em 2.29em;
    background: transparent;
    border: 1px solid black;
    color: #000;
}

.btn--black:hover{
    background: #000;
    color: white;
    transition: unset;
}

.mast__content, .mast__header{
    text-align: left;
}

.mast__header h1{
    font-family: 'Verlag-Light';
    font-size: 2.8em;
}

.header-left{
    float: left;
}

.header-right{
    float: right;
}

.intro__title, .card__title{
    font-family: 'Verlag-Bold';
    color: #183964;
}

.intro__text, .intro p{
    font-family: 'Verlag-Light';
    text-align: justify;
}

#product-features .card__title{
    color: white;
    font-family: 'Verlag-Light';
    padding: 30%;
}

#product-features .card a{
    text-decoration: none!important;
}

.card.no-bgimg .card__link{
    background-color: #ebebec;
}

.card__link{
    padding: 12em 0;
}

.sep-left{
    margin: 1.85em 2px;
    width: 7em;
}

.mast__title{ 
    font-family: 'Verlag-Light';
    color: #183964;
}

h1, .font-h1{
    font-family: 'Verlag-Bold';
    color: #183964;
}

.mast__bg{
    animation: unset;
    background-position: bottom;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.mast br{
    display: block;
}

.mast .btn{
    margin: 2.5em auto;
}

.entry__title{
    text-transform: unset;
    color: black;
    font-family: 'Verlag-Book';
}

.btn{
    margin-left: 0px;
}

.btn .btn_text {
    position: relative;
    display: block;
    padding: 0.459em 2.29em;
    line-height: 1.5;
    font-family: 'Verlag-Book';
}

.entry .btn{
    margin-right: 0px;
}

.bg-white{
    background: white;
}

.btn_text_white{
    border: 1px solid white;
    color: white;
}

.btn_text_white:hover{
    background: white;
    color: black;
}

.btn_text_black{
    border: 1px solid black;
}

.btn_text_black:hover{
    background: black;
    color: white;
}

.btn_text_black:hover a{
    color: white;
}

.map_frame{
    width: 100vw; 
    height: 60vh;
}

.hq-map__info address{
    text-transform: inherit;
    letter-spacing: 0.1em;
}

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

.grid-wrap .intro__header, .intro__content{
    text-align: left;
}

.intro__header h3{
    color: #183964;
}

.blue-bg{
    background-color: #183964;
}

.bg-lemon{
    background-color: #bad454;
}

.values-unit{
    /* margin-bottom: 60px; */
}

.big-num{
    font-size: 60px;
    color: #bbbdbf;
    font-family: 'Verlag-Light';
}

.no-mar{
    margin: 0px;
}

.mb-2vw{
    /* margin: auto 2vw;*/
}

.cust-card{
    color: white!important;
}

.cust-card .card__title{
    color: white!important;
}

.cust-card hr{
    background: white;
}

.grid-50 hr{
    background: black;
}

.grid-50 .toc__item{
    text-align: left;
}

.grid-50 .toc__title{
    word-spacing: normal;
}

.cust-thumbs .toc__item p, .cust-thumbs .toc__item span, .cust-thumbs .intro__title{
    color: white;
}

.cust-thumbs .sep-center{
    background-color: white;
}

.cust-thumbs p, .home-thumbs p{
    text-align: center;
    font-family: 'Verlag-Light';
}

.home-thumbs .sep-center{
    background-color: #12365b;
}
.home-thumbs .toc__item p, .home-thumbs .toc__item span, .home-thumbs .intro__title{
    color: #12365b;
}

.site-header{
    background: #ffffffed!important;
}

.scrolling-up .site-header nav a, .scrolling-down .site-header nav a{
    color: #12365b;
}

.scrolling-up .site-header nav a:hover, .scrolling-up .site-header nav a:focus, .scrolling-down .site-header nav a:hover, .scrolling-down .site-header nav a:focus{
    color: #12365b;
}

.site-header__nav>ul>li>a:after{
    background: #12365b;
}

.site-header{
    border-bottom: 0px; 
}

select, select.form-control {
    color: #333333;
    border: 1px solid #333333;
    box-shadow          : inset 0 -1.3em 1em 0 rgba(0, 0, 0, 0.02);
    background-color    : #ffffff;
    -webkit-appearance  : none;
    background          : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAHCAYAAAD9NeaIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDE1LTA0LTE3VDE3OjEyOjQyKzAyOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxNS0wNC0yMFQxNzoxNjoyNCswMjowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxNS0wNC0yMFQxNzoxNjoyNCswMjowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTU4MjBDRURERjVCMTFFNEEzN0FCODBEM0I5MTExMjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTU4MjBDRUVERjVCMTFFNEEzN0FCODBEM0I5MTExMjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RUVFRDJCNkREQzMxMUU0QTM3QUI4MEQzQjkxMTEyOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNTgyMENFQ0RGNUIxMUU0QTM3QUI4MEQzQjkxMTEyOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuShL/sAAABeSURBVHjaYszOzjZnYGDYCcT8DMSBv0AcP2XKlKVEqmdgAuKTQOwOxB+JtQCIibYAZgkDkRaRZQGyJYQsItsCdEtwWUSRBdgsQbeIYgtAgAWHOMwiJSBezkAhAAgwAJSTG/DI0S9VAAAAAElFTkSuQmCC");
    background-position : 100% 50%;
    background-repeat   : no-repeat;
    background-size     : auto 15%;
    border-radius       : 0;
    -webkit-appearance  : none;
    -moz-appearance     : none;
    appearance          : none;
    padding: 1rem;
    height: auto;
}

/*
select.caret {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 0px 1.5em;
    background-repeat: no-repeat;
    width: 100%;
    padding: 20px 6px;
    border: 1px solid;
}

*/

select {
    font-family: 'Verlag-Light';
    padding-left: 20px;
}


.slide{
    width: 100% ;
    margin:auto;
}

.slick-slide img {
    width:100%;
    display:block;
}

.slick-initialized .slick-slide{
    padding: 5px;
}

.slick-next:before {
    content: url(../images/arrow-right.png)!important;
}

.slick-prev:before {
    content: url(../images/arrow-left.png)!important;
}

.banner-slider .slick-slide{
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.banner-slider .mast--home, .banner-slider .mast--lg{
    max-height: 100vh;
}

.card.no-bgimg .card__link{
    padding: 4em 0;
}

/* onhover animation */

.submenus > li{
    display: none;
    visibility:hidden;
    opacity:0;
    margin-top: 20px;
    transition:visibility 0s linear 0.1s,opacity 0.1s linear;
    position: relative;
    font-size: .75em;
    color: #183964;
    text-decoration: none;
    line-height: inherit;
    -webkit-transition: color 0.4s ease-in-out;
    /*transition: color 0.4s ease-in-out;*/
    font-family: 'Verlag-Book';
    line-height: 2;
}

.example:hover > .submenus > li {
    visibility:visible;
    opacity:1;
    transition-delay:0s;
}

.mini-menu{
   /* padding-top: 15px;
    padding-bottom: 15px;
    background: #f7f7f9;*/
    max-width: 320px;
}

.mini-menu > hr{
    border: 0.3px solid #bfc7d2;
}

.menu-head{
    font-family: 'Verlag-Book';
}

.menu-head:hover{
    color: #12355b;
}

.sub-submenu-content{
    visibility: hidden; 
    height: 0;
}

.mar-top-btm-4{
    margin-top: 40px;
    margin-bottom: 40px;
}

.mar-top-btm-2{
     margin-top: 20px;
    margin-bottom: 20px;
}

.no-mar{
    margin: 0px!important;
}

.camel-case{
    text-transform: unset;
}

.justify{
    text-align: justify;
}

.slim-head{
    font-size: 30px!important;
    font-family: 'Verlag-Light';
    color: #12355b;
}

.products-subhead{
    font-family: 'Verlag-Book';
    color: #12355b;
    font-size: 28px;
    text-align: center;
}

.products-para, .products-para p, .intro__text, .intro p{
    font-size: 18px;
    margin-bottom: 20px;
    font-family: 'Verlag-Light';
}

.big-num{
        font-family: 'Verlag-Light';
        color: #183964;
    }


.intro-sub-title{
    font-family: 'Verlag-Light';
    color: #323232;
}
    
.text-left{
    text-align: left;
}

.dot, .dot:before, .dot:after {
    width: 10px;
    height: 10px;
    background: #a7a8ac;
    border-radius: 50%;
}
.dot{
    margin: 0 auto;
    position: relative;
    display: inline-block;
    margin-right: 15px;
}
.dot:before {
    content: '';
    position: absolute;
}
.dot:after {
    content: '';
    position: absolute;
}

.list-head{
    font-family: 'Verlag-Light';
    color: #183964;
    margin-bottom: 0px;
}

.sub-head-white{
    font-family: 'Verlag-Book';
    color: white;
    text-align: center;
    font-size: 20px;
}

.thumb-head{
    font-family: 'Verlag-Book';
    color: white;
    text-align: left;
    font-size: 20px;
    margin-bottom: 0px;
    line-height: 1.4;
}

.thumb-subhead{
    font-family: 'Verlag-Light';
    color: white;
    text-align: left;
    font-size: 16px;
}

.under-thumb-text{
    font-family: 'Verlag-Light';
    font-size: 20px;
}

.img-thumb-wrap{
    padding: 0px!important;
}

.pos-rel{
    position: relative;
}

.pos-abs{
    position: absolute;
}

.thumb-text{
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.intro__subtitle{
    font-family: 'Verlag-Light';
    color: #183964;
}

.list-inline li{
    display: inline-block;
}

.list-inline {
    margin: 0 auto;
}

.title-with-bg .card__title {
    color: white;
}


.img-box{
    /* background-image: url('../images/pattern-banner.jpg'); */
    height: 100px;
    width: 100%;
    position: relative;
    background: #f69223;
}

.img-box h3 {
    text-align: center;
    color: white;
    padding-top: 10px;
}

.img-box-content{
    position: absolute;
    left: 0;
    right: 0;   
    background: #f69223;
}

.img-box-content hr{
    margin: 1em auto!important;
}

.img-box-content .sep-center{
    margin: 1em auto!important;
}

#liquid-handling .block{
    color: #183964!important;
}




/* grid 3 folio */

.folio__grid_3 > .folio__grid>*{
    flex-basis: 33.333%;
    max-width: 33.333%; 
}

.folio__grid_3 .card__title {
    color: white!important;
}

.folio__grid_3 > .btn.btn--white .btn__text{
    background: transparent!important;
}


/* grid 4 folio */

.folio__grid_4 > .folio__grid>*{
    flex-basis: 25%;
    max-width: 25%; 
}

.folio__grid_4 .card__title {
    color: white!important;
}

.folio__grid_3 > .btn.btn--white .btn__text{
    background: transparent!important;
}


/* nav */


.pb-20{
    padding-bottom: 20px;
}

.pb-0{
    padding-bottom: 0px!important;
}

.p-20{
    padding: 20px;
}

.p-0{
    padding: 0px!important;
}

.px-15{
    padding-left: 15px!important;
    padding-right: 15px!important;
}

.d-flex{
    display: flex;
}

@media (min-width:541px) and (max-width: 864px){
    .folio__grid_3 > .folio__grid>*{
        flex-basis: 50%!important;
        max-width: 50%!important; 
    }
    .folio__grid_4 > .folio__grid>*{
        flex-basis: 50%;
        max-width: 50%; 
    }
}

@media (max-width: 540px){
    .folio__grid_3 > .folio__grid>*{
        flex-basis: 100%!important;
        max-width: 100%!important;
    }
    .folio__grid_4 > .folio__grid>*{
        flex-basis: 100%;
        max-width: 100%; 
    }
    .block{
        min-height: 20em;
    }

}

.intro-subhead{
    max-width: 100%!important;
}

.text-white{
    color: white!important;
}

.text-dark{
    color: black!important;
}

.text-blue{
    color: #183964!important;
}

.text-gray{
    color: #babdbf !important
}

.text-init{
    text-transform: initial!important;
}

.bg-gray{
    background: #f1f2f2!important;
}

.bg-blue{
    background: #183964!important;
}

.bg-dark-gray{
    background: #babdbf !important
}

.bg-dark{
    background: black !important
}

.bg-white{
    background: white !important
}

.media{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.media-body{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}


/* margin-padding css*/

.m-0{
    margin:0!important
}
.mt-0,.my-0{
    margin-top:0!important
}
.mr-0,.mx-0{
    margin-right:0!important
}
.mb-0,.my-0{
    margin-bottom:0!important
}
.ml-0,.mx-0{
    margin-left:0!important
}
.m-1{
    margin:.25rem!important
}
.mt-1,.my-1{
    margin-top:.25rem!important
}
.mr-1,.mx-1{
    margin-right:.25rem!important
}
.mb-1,.my-1{
    margin-bottom:.25rem!important
}
.ml-1,.mx-1{
    margin-left:.25rem!important
}
.m-2{
    margin:.5rem!important
}
.mt-2,.my-2{
    margin-top:.5rem!important
}
.mr-2,.mx-2{
    margin-right:.5rem!important
}
.mb-2,.my-2{
    margin-bottom:.5rem!important
}
.ml-2,.mx-2{
    margin-left:.5rem!important
}
.m-3{
    margin:1rem!important
}
.mt-3,.my-3{
    margin-top:1rem!important
}
.mr-3,.mx-3{
    margin-right:1rem!important
}
.mb-3,.my-3{
    margin-bottom:1rem!important
}
.ml-3,.mx-3{
    margin-left:1rem!important
}
.m-4{
    margin:1.5rem!important
}
.mt-4,.my-4{
    margin-top:1.5rem!important
}
.mr-4,.mx-4{
    margin-right:1.5rem!important
}
.mb-4,.my-4{
    margin-bottom:1.5rem!important
}
.ml-4,.mx-4{
    margin-left:1.5rem!important
}
.m-5{
    margin:3rem!important
}
.mt-5,.my-5{
    margin-top:3rem!important
}
.mr-5,.mx-5{
    margin-right:3rem!important
}
.mb-5,.my-5{
    margin-bottom:3rem!important
}
.ml-5,.mx-5{
    margin-left:3rem!important
}
.p-0{
    padding:0!important
}
.pt-0,.py-0{
    padding-top:0!important
}
.pr-0,.px-0{
    padding-right:0!important
}
.pb-0,.py-0{
    padding-bottom:0!important
}
.pl-0,.px-0{
    padding-left:0!important
}
.p-1{
    padding:.25rem!important
}
.pt-1,.py-1{
    padding-top:.25rem!important
}
.pr-1,.px-1{
    padding-right:.25rem!important
}
.pb-1,.py-1{
    padding-bottom:.25rem!important
}
.pl-1,.px-1{
    padding-left:.25rem!important
}
.p-2{
    padding:.5rem!important
}
.pt-2,.py-2{
    padding-top:.5rem!important
}
.pr-2,.px-2{
    padding-right:.5rem!important
}
.pb-2,.py-2{
    padding-bottom:.5rem!important
}
.pl-2,.px-2{
    padding-left:.5rem!important
}
.p-3{
    padding:1rem!important
}
.pt-3,.py-3{
    padding-top:1rem!important
}
.pr-3,.px-3{
    padding-right:1rem!important
}
.pb-3,.py-3{
    padding-bottom:1rem!important
}
.pl-3,.px-3{
    padding-left:1rem!important
}
.p-4{
    padding:1.5rem!important
}
.pt-4,.py-4{
    padding-top:1.5rem!important
}
.pr-4,.px-4{
    padding-right:1.5rem!important
}
.pb-4,.py-4{
    padding-bottom:1.5rem!important
}
.pl-4,.px-4{
    padding-left:1.5rem!important
}
.p-5{
    padding:3rem!important
}
.pt-5,.py-5{
    padding-top:3rem!important
}
.pr-5,.px-5{
    padding-right:3rem!important
}
.pb-5,.py-5{
    padding-bottom:3rem!important
}
.pl-5,.px-5{
    padding-left:3rem!important
}
.m-auto{
    margin:auto!important
}
.mt-auto,.my-auto{
    margin-top:auto!important
}
.mr-auto,.mx-auto{
    margin-right:auto!important
}
.mb-auto,.my-auto{
    margin-bottom:auto!important
}
.ml-auto,.mx-auto{
    margin-left:auto!important
}

.my-40{
    margin-top: 40px;
    margin-bottom: 40px;
}

.py-40{
    padding-top: 40px;
    padding-bottom: 40px;
}

.mb-40{
    margin-bottom: 40px;
}

.mb-80{
    margin-bottom: 80px;
}

/* image on hover text effect */

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(69, 101, 148, 0.37);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border: 0.5px solid #ffffff1a;
}

.hovereffect:hover .overlay {
  background-color: #bad454e6;
  color: #183964!important;     
}

.hovereffect:hover .explore-btn {
  border: 1px solid #183964;
  color: #183964;
}

.hovereffect img {
  display: block;
  position: relative;
  width: 100%;
}

.hovereffect h2 {
  top: 25%;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 20px;
  /*background: rgba(0, 0, 0, 0.6);*/
  -webkit-transform: translateY(45px);
  -ms-transform: translateY(45px);
  transform: translateY(45px);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-family: 'Verlag-Book';
  font-size: 26px;    
}

.hovereffect:hover h2 {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
    color: #183964!important; 
}

.hovereffect a.hover-info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  color: #fff;
  /*border: 1px solid #fff;*/
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;
  margin-top: 25%;
  padding: 40px 40px;
  font-family: 'Verlag-Light';
  font-size: 18px;
}

.hovereffect:hover a.hover-info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
    color: #183964!important; 
}

.hovereffect a.hover-info:hover {
  /*box-shadow: 0 0 5px #fff;*/
}

.hovereffect .card__header{
    width: 100%;
}


#prod-info .hovereffect h2{
    top: 10px;
}
#prod-info .hovereffect a.hover-info{
    margin-top: 0;
}


[class^='imghvr-']{
    
    position: relative;
    display: inline-block;
    margin: 0px;
    max-width: 100%;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

[class^='imghvr-'] > img, [class*=' imghvr-'] > img {
    vertical-align: top;
    max-width: 100%;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

[class^='imghvr-'] > a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

[class^='imghvr-push-']:hover figcaption, [class*=' imghvr-push-']:hover figcaption {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.imghvr-push-down:hover > img {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.imghvr-push-down figcaption{
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    transition: all 0.35s ease;
}


#glass-serveware-tab figcaption, #steel-range-tab figcaption{
    padding: 20px;
    background: #eceded;
}

#glass-serveware-tab figcaption p, #steel-range-tab figcaption p{
    font-family: 'Verlag-Light';
    font-size: 18px;
}

#glass-serveware-tab figure,  #glass-serveware-tab img, #steel-range-tab figure,  #steel-range-tab img{
    width: 100%;
}

#glass-serveware-tab figure, #steel-range-tab figure{
    border: 1px solid #00366442
}


.text-light{
    font-family: 'Verlag-Light'!important;
}

#larah-section li p{
    text-align: center;
    margin-top: 15px;
    color: #183964;
    font-family: 'Verlag-Book';
}

/* animated modal */

.closebt {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
}

.closebt:hover {
    transform: rotate(90deg);
}

#closebt-container {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 20px 0px;
}

.custom-modal .modal-content{
    padding: 0px !important;
    width: 90%;
    height: 100%;
}

.custom-modal{
    background-color: rgb(24, 57, 100)!important;
}

.explore-btn{
    color: white;
    font-size: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    padding: 0.859em 2.29em;
    border: 1px solid white;
}

.explore-btn:hover{
    border: 1px solid #183964;
    color: #183964;
}

#gng-thumbs .hover-tab > .overlay > .card__header H2{
    margin-bottom: 50px;
}

#gng-thumbs .hover-tab-wrap{
    border: 1px solid white;
}

#pharrmaceutical-tabs .hover-tab{
    margin: 0px;
}

#pharrmaceutical-tabs .hovereffect .overlay{
    border: 0.5px solid white;
}

#pharrmaceutical-tabs .hover-tab-wrap{
    padding: 0px;
}

#pharrmaceutical-tabs ul{
    padding: 0px;
}


/* extensive product range hover tab */

#product-range .hover-tab-wrap{
    padding: 0px;
}

#product-range .hover-tab{
    margin: 0px;
    border: 0.5px solid white;
}

#product-range .card{
    max-width: 50%; 
}




/* serveware-grid */

#serveware-grid .intro__title, .card__title{
    color: white!important;
}

#serveware-grid figure{
    border: 0.5px solid #ffffff3d!important;
}

@media (min-width: 91em){
    #serveware-grid .card__link{
        padding: 12em 0;
    }
    #solar .card__link{
        padding: 12em 0;
    }
    
    .card__link{
        padding: 12em 0;
    }
}




.back-to-top{
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background: #003362;
    color: #fff;
    z-index: 1000;
}


@media (max-width: 768px){
    .hvr-push figure{
        width: 50%;
    }
    .custom-modal .modal-content{
        width: 96%;
    }
}

@media (max-width: 480px){
    .hvr-push figure{
        width: 100%;
    }
}




.dwnld-footer ul li{
    font-family: 'Verlag-Book';
    letter-spacing: 1px;
    font-size: 16px;
    padding: 0 14px;
}

.dwnld-footer ul li:not(:last-child){
    border-right: 1px solid #f59123;
}

.dwnld-footer{
    padding: 20px 0;
}

.dwnld-footer ul li a{
    cursor: pointer;
    color: white;
}

.dwnld-footer ul li a:hover{
    color: #f59123;
    text-decoration: underline!important;
}


@media (max-width: 993px) {
    .hovereffect a.hover-info{
        margin-top: 0!important;
        padding: 5px!important;
        font-size: 15px!important;
    }
    
    .hovereffect h2{
        top: 0!important;
        font-size: 22px;
    }
}



/* custom-modal */

.modal {
    display: none; /* Hidden by default */
    /*position: fixed;*/ /* Stay in place */
    z-index: 5000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    transition: opacity 0.3s ease-in;
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    position: relative;
    border-radius: 0px;
}

.modal-dialog{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)!important;
}

.modal-header{
    border-bottom: 0px;
}


.modal-wrap a.card__link:hover{
    cursor: default!important;
}


/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-weight: bold;
    position: absolute;
    top: 0;
    right: 10px;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


/* homepage modal */


/* homepage modal */


#introModal .modal-content {
    padding: 20px 0px;
    border: 0px!important;
}

#introModal .modal-block{
    padding: 30px;
    background: #ebeef2;
    color: #003362;
    font-size: 17px;
    font-family: 'Verlag-Book';
}

#introModal .modal-block:hover{
    background: #003362;
    color: #f59123;
    cursor: pointer;
}
    
#introModal .left-block{
    border-right: 1px solid #003362;
}

#introModal .name-block{
    padding: 20px;
}

/* timeline */

#timeline {
  list-style: none;
  position: relative;
  margin-top: 4em;
  margin-bottom: 4em;   
  font-family: 'Verlag-Light';    
}
#timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 115px;
    background-color: #183964;
    left: 50%;
    margin-left: -55px;
}
#timeline .clearFix {
  clear: both;
  height: 0;
}
#timeline .timeline-badge {
  color: #fff;
  height: 50px;
  font-size: 1.2em;
  text-align: center;
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -42px;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
    
}

#timeline .timeline-badge h4{
    line-height: 1!important;   
}

#timeline .timeline-badge span.timeline-balloon-date-day {
  font-size: 1.4em;
}
#timeline .timeline-badge span.timeline-balloon-date-month {
  font-size: .7em;
  position: relative;
  top: -10px;
}
#timeline .timeline-badge.timeline-filter-movement {
  background-color: #ffffff;
  font-size: 1.7em;
  height: 35px;
  margin-left: -18px;
  width: 35px;
  top: 40px;
}
#timeline .timeline-badge.timeline-filter-movement a span {
  color: #4997cd;
  font-size: 1.3em;
  top: -1px;
}
#timeline .timeline-badge.timeline-future-movement {
  background-color: #ffffff;
  height: 35px;
  width: 35px;
  font-size: 1.7em;
  top: -16px;
  margin-left: -18px;
}
#timeline .timeline-badge.timeline-future-movement a span {
  color: #4997cd;
  font-size: .9em;
  top: 2px;
  left: 1px;
}
#timeline .timeline-movement {
  /*border-bottom: dashed 1px #4997cd;*/
  position: relative;
}

#timeline .row{
  min-height: 120px;
}

#timeline .timeline-movement.timeline-movement-top {
  /*height: 60px;*/
}
#timeline .timeline-movement .timeline-item {
  padding: 20px 0;
}
#timeline .timeline-movement .timeline-item .timeline-panel {
  /*border: 1px solid #d4d4d4;*/
  border-radius: 3px;
  color: #666;
  padding: 10px;
  padding-top: 2px;
  position: relative;
}
#timeline .timeline-movement .timeline-item .timeline-panel .timeline-panel-ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul {
  text-align: right;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li {
  color: #666;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li span.importo {
  color: #468c1f;
  font-size: 1.3em;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul {
  text-align: left;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul span.importo {
  color: #e2001a;
  font-size: 1.3em;
}
.causale{
    font-size: 18px;
    text-align: justify!important;
    font-family: 'Verlag-Light';
    letter-spacing: 2px;
}

.timeline-panel-ul li{
    line-height: 1.5;
    text-align: justify;
}

.timeline-left-top{
    margin-left: -36px;
    font-size: 50px;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-top: 5px;
    border-top: 1px solid #b1cf3f;
}

.timeline-left-bottom{
    margin-left: -36px;
    font-size: 50px;
    margin-top: -10px;
    margin-bottom: 0px;
}

.timeline-right-top{
    margin-right: -36px;
    font-size: 50px!important;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-top: 5px;
    border-top: 1px solid #b1cf3f;
}

.timeline-right-bottom{
    margin-right: -36px;
    font-size: 50px!important;
    margin-top: -10px;
    margin-bottom: 0px;
}

.badge-left{
    left: 52%!important;
}

.badge-right{
    left: 48.9%!important
}

/* end timeline */

.staff-img{
    position: relative;
}

.staff-name{
    position: absolute;
    color: white;
    font-family: 'Verlag-Bold';
}

.staff img{
    width: 100%;
}

.staff-col{
    padding: 0px!important;
}

.staff .card__header{
    top: 50%;
}

.staff .card__link{
    padding: 14em 0;
}

.sep-staff{
    width: 3em;
    margin: 0.5em auto!important;
}

.sep-orange{
    background-color: #f59123!important;
    border-top: 1px solid #f59123!important;
}

.sep-blue{
    background-color: #183964!important;
}

.sep-green{
    background-color: #b1cf3f!important;
}

.sep-accordion{
    background-color: #b1cf3f!important;
    margin: 0.5em 2px;
    width: 5em;
    position: relative;
    height: 1px;
    border: 0;
    box-sizing: content-box;
}


.product-caption{
    color: #183964;
}

.product-caption:hover{
    cursor: pointer;
}

.prod-unit{
    margin-bottom: 40px;
}

.prod-unit img{
    margin: 0 auto;
    padding-bottom: 10px;
}

.prod-unit a{
    font-size: 16px;
}

.prod-unit hr{
    width: 4em;
}

.w-48{
    width: 48%!important;
}

.w-100{
    width: 100%!important;
}




.hover-tab{
    margin: 20px;
}

.hover-tab-wrap{
 /*   padding: 20px;*/
}

.hover-tab > .overlay > .card__header > .view-btn {
    margin-top: 4.5em;
}

.thumb-hover .view-btn {
    margin-top: 2em!important;
}

.thumb-hover .hovereffect h2{
    font-size: 22px;
}




/* table */

.table{
    font-size: 16px;
}

.diff-table th{
    text-transform: uppercase;
}

.table th{
    text-align: center;
    background: #183964;
    color: white;
    letter-spacing: 2px;
    font-family: 'Verlag-Book';
    font-size: 22px;
    width: 50%;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
    padding: 20px 12px;
}

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th{
    border: 4px solid white;
    background-color: #f2f2f2;
}

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th{
    background-color: #dbdbdb;
}

@media (max-width: 768px) {
    .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
        padding: 12px 12px!important;
    }
}


.guj-borosil-table th{
    background: #f59123;
}

table tbody tr {
    border-bottom: 1px solid #dbdbdb;
}

.table-head{
    text-align: center;
    background: #183964;
    color: white;
    letter-spacing: 2px;
    font-family: 'Verlag-Book';
    font-size: 22px;
    width: 100%;
    margin-bottom: 3px;
    padding: 15px 0px;
}

.guj-borosil-table table tbody tr{
    border-bottom: 1px solid #DBDBDB;
}    



/* view button on hover */

.hover-tab .btn.view-btn:hover .btn__text:before, a:hover .hover-tab .btn.view-btn .btn__text:before{
    background-color: #183964;
}

.hover-tab .btn.view-btn:hover .btn__text, a:hover .hover-tab .btn.view-btn .btn__text{
    color: #183964;
}

.hover-tab .btn.view-btn:hover .btn__text span:before, a:hover .hover-tab .btn.view-btn .btn__text span:before{
    background-color: #183964;
}

.hover-tab .btn.view-btn .btn__text:before, .hover-tab .btn.view-btn .btn__text:after{
    background-color: #183964;
}

.hover-tab .btn.view-btn .btn__text span:before, .hover-tab .btn.view-btn .btn__text span:after{
    background-color: #183964;
}



.z-tabs.horizontal>ul>li{
    border-left: 0px!important;
}

.hover-btn{
    padding: 0.859em 2.29em;
    border: 1px solid white;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    color: white;
    background: transparent;
    visibility: hidden;
    cursor: pointer;
}

.hovereffect:hover .hover-btn{
    background: #183964;
    border: 1px solid #183964;
    visibility: visible;
}



.hover-tab > .overlay > .card__header H2{
    font-family: 'Verlag-Bold'!important;
}

.hover-tab .card__header{
    top: 50%;
    transform: translateY(-50%);
}



/* on hover border-bottom */
.navbar-nav>li::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #b1cf3f;
    transition: width .3s;
}

.navbar-nav>li:hover::after {
    width: 50%;
}

#nav-spy p{
    font-size: 22px;
    font-family: 'Verlag-Light';
    color: #183964;
}

#nav-spy .labquest-tab{
    background: #d3d3d326;
    border: 0.5px solid #a9a9a92b;
}

#nav-spy .labquest-tab:hover{
    background: #bad454e6;
    border: 0.5px solid #bad454e6;
}

.staffMain > .z-tabs.horizontal.z-shadows>ul>li:not(:first-child){
    border-left: 1px solid #8b8b8b!important;
}

.staffMain > .z-tabs.underlined>ul>li :not(:first-child){
     border-left: 1px solid #8b8b8b!important;
}



/* navbar */
.navbar{
    background: #183964;
    border: 0px;
    transition: all .8s;
    border-radius: 0px;
    margin-bottom: 0px;
}

/*
.navbar-fixed-top{
    top: 60px!important;
}
*/

.navbar-nav {
    float: right;
}

.navbar-nav>li>a, .navbar-nav>li>p{
    font-family: 'Verlag-Book';
    font-size: 16px;
    color: white!important;
    padding-bottom: 18px;
    margin-bottom: 0px;
}

.navbar-nav a{
    cursor: pointer!important;
}

.dropdown-menu{
    padding: 0px;
}

.dropdown-menu>li>a{
    font-size: 15px;
    padding: 8px 10px;
    color: #a2a2a2;
    border-bottom: 0.2px solid #f59123;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
    background-color: transparent;
    color: #183964;
    cursor: pointer!important;
}




.open>.dropdown-menu{
    display: block!important;
    border: 0.2px solid #f59123!important;
}

.navbar-nav>li>.dropdown-menu{
    border: 0.2px solid #f59123;
}

.navbar-nav li.active::after{
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #b1cf3f;
}

.dropdown-menu > li.open > a{
    background-color: transparent;
}


.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
    height: auto;
    margin-left: 0;
    padding-bottom: 0px;
    margin-top: 10px;
}

.navbar .navbar-brand img{
    position: absolute;
    bottom: -1px;
}

.nav>li{
    padding: 25px 25px;
    padding-bottom: 15px;
}

.nav>li>a{
    padding: 0px;
    letter-spacing: 0.2px;
    padding-bottom: 10px;
}

.nav>li>a:hover, .nav>li>a:focus{
    text-decoration: none;
    background-color: transparent;
}

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

.dropdown-menu{
    border: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer!important;
}

.dropdown-menu li a:not(:last-child){
    border-bottom: 0.2px solid #f59123;
}

.dropdown-menu li{
    padding: 0 15px;
    cursor: pointer!important;
}

.dropdown-menu li :hover .dropdown-menu li {
    background: #183964!important;
    cursor: pointer!important;
}



.leadershipteamPro .person :hover .leadershipteamPro .person .person-name{
    color: #b1cf3f;
}

.leadershipteamPro .person .person-name span{
    font-size: 18px;
    /*background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.12) 80%, rgba(0, 0, 0, 0.74) 98%, rgb(0, 0, 0) 100%); */
}

.leadershipteamPro .person .person-name{
    top: auto;
    bottom: -15px;
}

.leadershipteamPro .person img{
    z-index: -1;
    position: relative;
}




.team-unit li h4{
    line-height: 2!important;
}

.team-unit li a{
    cursor: pointer;
    color: gray;
    font-size: 16px;
}

.team-unit li a:hover{
    color: black;
}


/* investors */

#investors {
    margin-top: 80px;
}

#investors .nav>li{
    padding: 0px;
}

#investors .nav-stacked{
    background: #f7f5f6;
    padding: 0 15px;
}

#investors .nav-pills>li.active>a, #investors .nav-pills>li.active>a:hover, #investors .nav-pills>li.active>a:focus{
    background-color: #f7f5f6;
    color: #183964;
    font-family: 'Verlag-Book';
}

#investors .nav>li>a{
    font-size: 16px;
    font-family: 'Verlag-Light';
    padding: 8px 0px;
    border-radius: 0px;
    cursor: pointer;
    border-bottom: 1px solid #f59123;
}

#investors .nav > li:last-child a{
    border-bottom: 0px;
}

#investors .nav-stacked>li+li{
    margin-top: 0px;
}

#investors-accordion .card-header {
    padding: .6rem 1.25rem;
    border-radius: 0px!important;
    background: var(--site-color);
    border: 1px solid var(--site-color);
    border-bottom: 0.2px solid var(--light-gray);
    color: white;
    font-family: 'Verlag-Light';
    cursor: pointer;
    border: 0.5px solid white;
}

#investors .contact-box{
    background-color: #f7f5f6;
    margin-top: 40px;
    padding: 15px;
}

.close-accordion{
    width: 25px;
    height: 15px;
    display: block;
    float: left;
    background: url(../images/accor_btns.png) left -23px no-repeat;
    padding: 12px;
    margin: 11px 8px 0 0;
    background-position-y: 0px;
}
    

#investors-accordion .collapsed .close-accordion{
    background-position-y: -23px;
}

/*

#investors-accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f077";
    float: right;
    top: 0px;
    position: absolute;
    right: 20px;
}
*/

#investors-accordion .card-header a{
    font-family: 'Verlag-Light';
}

#investors-accordion .card-title{
    font-size: 24px;
}

#investors-accordion .card-body{
    padding: 15px;
    padding-top: 0px;
}

#investors-accordion hr:last-of-type{
    display: none;
}

#investors-accordion a.card-title:visited{
    color: rgba(0, 0, 0, 0.8);
}

.dwnld-text, .dwnld-text .fa{
    color: #d91e33;
}


#address-collapse{
    margin-top: 30px;
}

#address-collapse .btn-link{
    font-family: 'Verlag-Light';
    letter-spacing: 1px;
    margin: 1em 0;
    font-weight: 100;
    font-size: 18px;
}

#address-collapse .btn-link:before{
    background-color: transparent;
}

#address-collapse .btn-link:hover{
    font-family: 'Verlag-Light';
    color: black;
    text-decoration: none!important;
}

#address-collapse .btn-link:hover, #address-collapse .btn-link:focus{
    font-family: 'Verlag-Light';
    color: black;
    text-decoration: none!important;
}

#address-collapse .card{
    padding-left: 15px;
}

#address-collapse .card:visited{
    background: #f8f6f7;
}

#address-collapse .card-body{
    padding-left: 10px;
}

#address-collapse .card-body p{
    font-family: 'Verlag-Light';
}

#address-collapse .card-body b{
    font-weight: normal!important;
    font-family: 'Verlag-Light';
}

.address-half{
    min-width: 49%;
    display: inline-block;
}

#address-collapse .card.active{
    background: whitesmoke;
    padding-bottom: 10px;
}


.form-wrap input, .form-wrap textarea{
    margin-bottom: 10px;
    border: 1px solid #8e9093;
    padding-left: 15px;
    font-family: 'Verlag-Light';
    color: black;
}

.form-wrap .submit-btn{
    padding: 0.459em 1.29em;
    background: #8e9093;
    border: 1px solid #8e9093;
    color: #fff;
    cursor: pointer;
}

.form-wrap .submit-btn:hover{
    background: transparent;
    border: 1px solid #8e9093;
    color: #8e9093;
}

::-webkit-input-placeholder, ::-webkit-textarea-placeholder{
    color: #a2a4a7;
    font-family: 'Verlag-Light';
}


@media (max-width: 768px){
    #investors {
        margin-top: 40px;
    }
    .address-half{
        min-width: 100%;
        display: block;
    }
    #address-collapse .btn-link{
        font-size: 16px;
    }
    .staffMain #tabbed-nav{
        padding-right: 0px!important;
    }
    .staffMain .person{
        margin-bottom: 40px;
    }
}




.view-site-wrap{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
    width: 100%;
}

.view-site-wrap h3{
    margin-bottom: 30px;
}

.view-site-wrap a{
    color: white;
    padding: 16px 16px;
    font-size: 16px;
    border: 1px solid white;
    cursor: pointer;
}

.view-site-wrap a:hover{
    background: white;
    color: black;
}


.floating-menu{
    border-radius:0px;
    z-index:99999;
    left:0;
    position:absolute;
    display:inline-block;
    top:70%;
    -webkit-transform:translateY(-70%);
    -ms-transform:translateY(-70%);
    transform:translateY(-70%);
    background: #ffffffed;
    /*box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);*/
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2), 0 1px 19px 0 rgba(0,0,0,0.19);
    min-width: 240px;   
}

.floating-menu a{
    padding: 8px 16px;
    display: block;
}

.floating-menu a:not(:last-child){
    border-bottom: 0.2px solid #e2dcdc;
}

.floating-menu a{
    font-size: 16px;
    font-family: 'Verlag-Light';
    color: gray;
}

.floating-menu a:hover{
    color: #fff;
    background: #183964
}    

#about-us .modal .modal-body, #about-us .modal .modal-header{
    padding: 0px;
}

button.close{
    opacity: 1;
    color: #000000;
}

.loc-address{
    white-space: initial;
    font-family: 'Verlag-Light';
    letter-spacing: 1px;
    margin-bottom: 0px;
    text-align: center;
}

.address-wrap{
    width: 350px;
    height: auto;
}


/*
#address-collapse .collapse {
    display: none;
}

#address-collapse .collapse.show {
    display: block !important;
}
*/


/* top search, lang select */

#google_translate_element .goog-te-combo{
    padding: 0 10px;
    height: 30px;
    border: 1px solid #b1cf3f;
    margin: 0px!important;
    background: white;
}

.goog-te-gadget span img{
    display: none!important;
}

.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active {
    display: none!important;
    font-size: 0px!important;
}

.goog-te-gadget{
    font-size: 0px!important;
    color: transparent !important
}

.goog-te-banner-frame{
    visibility: hidden!important;
    display: none!important;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
} 

body {
    top: 0px !important; 
}

.goog-logo-link {
   display:none !important;
} 

.banner-slider .slick-dots {
    bottom: 15px;
    z-index: 21212122121121;
}

.banner-slider .slick-dots li button{
    background-color: #bbb;
    border: 1px solid #bbb;
    border-radius: 50%;
    width: 10px;
    height: 10px!important;
}

.slick-dots .slick-active button, .slick-dots li button:hover:before, .slick-dots li button:focus:before{
    background-color: #fff!important;
    border: 1px solid #fff!important;
    border-radius: 50%;
    width: 10px;
    height: 10px!important;
    padding: 5px;
}

.slick-dots li button:before{
    content: '';
}

.slick-dotted.slick-slider{
    margin-bottom: 0px;
}

#borosil-divisions{
    background: #F1F3F6;
    padding: 40px 0px;
}

.info-col:hover{
    cursor: pointer;
}

/* 

.file-upload{
    position: relative;
}

.file-upload input {
    position: absolute;
    z-index: 2;
    opacity: 0;
    width:100%;
    height:100%;
}

.file-upload {
    padding: 8px 14px;
    background: #183964;
    display: inline-block;
    color: white;
    font-size: 16px;
}
.file-upload:hover {
    background: #CCC;
}
.file-upload:active {
    background: #CCF;
}

*/

#custom-button {
  padding: 10px;
  color: white;
  background-color: #183964;
  border: 1px solid #183964;
  cursor: pointer;
}

#custom-button:hover {
  background-color: white;
    border: 1px solid #183964;
    color: #183964;
}

#custom-text {
  margin-left: 10px;
  color: #aaa;
}

#real-file{
    display: none!important;
}

.career-form input, .career-form textarea{
    padding: 1em;
    background: transparent;
}

.submit-career-btn{
    background: #b1cf3f;
    border: 1px solid #b1cf3f;
}

.submit-career-btn:hover{
    color: !important;
    background: transparent;
    border: 1px solid #b1cf3f;
}

.career-form-wrap::before{
    width: 0px;
    height: 0px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid white;
    top: 20%;
    left: 0;
    position: absolute;
    content: '';
}

.event-venue{
    color: #da1e33;
    font-size: 20px;
}

.media-tabs .card .card-title{
    font-family: 'Verlag-Light';
    font-size: 22px;
}

.error_form{
    color: red;
    font-size: 14px;
}

#feedback-form .error_form{
    text-align: left;
}

.contact-modal{
    overflow: hidden;
    overflow-y: visible;
}

.contact-modal .modal-dialog {
    width: 100vw;
    height: 100vh;
    margin: 0px;
}

.contact-modal .modal-content {
    width: calc(100vw - 40px);
    height: auto;
    top: 20px;
    left: 20px;
    margin: 0px;
    border-radius: 0px;
    border: 0px;
}


@media (min-width: 768px){
   .info-col-wrap .info-col{
        padding: 0 40px;
    } 
}


#back-to-top{
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #183964;
    color: #fff;
    z-index: 1000;
    cursor: pointer;
    display: none;
}

.map-wrap div{
    display: none;
}

.map-wrap div.active{
    display: block;
}

.map-wrap div iframe{
    width: 100%;
    height: 60vh;
}

#tabbed-nav{
    padding-left: 0px;
    padding-right: 0px;
}


.division-unit:not(last-of-type)::after{
    top: 26%;
    bottom: 29%;
    position: absolute;
    content: " ";
    width: 1px;
    background-color: lightgray;
    right: 0%;
    margin-left: 0;
}

.division-unit:last-of-type::after{
    background-color: transparent;
}


@media (max-width: 1200px){
    #borosil-divisions .division-unit{
        margin-bottom: 30px;
    }
}

@media (max-width: 768px){
    .division-unit:not(last-of-type)::after {
        top: 100%;
        position: absolute;
        content: " ";
        width: 80%;
        right: 10%;
        height: 1px;
        background-color: lightgray;
        margin-left: 0;
    }
}



@media (max-width: 1100px){
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
    .navbar-toggle .icon-bar {
        background: white;
    }
    .navbar-toggle {
        padding: 12px 5px!important;
    }
    .navbar .navbar-brand img {
        position: inherit;
        bottom: -1px;
    }
    .nav>li {
        padding: 5px 20px;
    }
    .dropdown-menu>li>a{
        border-bottom: 0px;
    }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
        margin-top: 0px;
    }
}


@media (min-width: 769px) {
    .navbar-collapse{
      /*padding: 15px 0px!important;*/
    }
}

@media (max-width: 768px) {
    .navbar-nav{
        float: left;
    }
    .navbar-collapse{
        box-shadow: none;
    }
    .navbar-toggle{
        padding: 12px 5px!important;
    }
    .navbar-toggle .icon-bar{
        background: white;
    }
    .navbar-nav .open .dropdown-menu>li>a{
        white-space: inherit;
    }
    .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus {
        color: white;
    }
    .mar-top-btm-4{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .modal-content{
        width: 100%;
    }
    .modal-dialog {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0%, -50%)!important;
    }
    #product-range .card{
        max-width: 100%;
    }
    .intro__header{
        padding: 0 15px;
    }
    .select-wrap .toc__item{
        margin-bottom: 15px!important;
    }
    .dropdown-menu li a:not(:last-child){
        border: 0px;
    }
    .open>.dropdown-menu{
        border: 0px!important;
    }
    #investors .tab-content {
        margin-top: 40px;
    }
    .navbar-nav>li::after{
        background: none;
    }
    .navbar-nav li.active::after{
        background: none;
    }
    #about-us .view-site-wrap{
        left: 50%;
        top: 4%;
        transform: translate(-50%, 0);
        color: white;
        text-align: center;
        width: 100%;
    }
    .dwnld-footer ul li:not(:last-child){
        border-right: 0px;
    }
    #tabbed-nav{
        padding-right: 0px;
    }
    .view-site-wrap a{
        padding: 8px 14px;
    }
    
    
    
    /* hover btn --- */
    
    .consumer-products .btn.btn--white, .pharmaceutical .btn.btn--white, .extensive-prod-range .btn.btn--white, .what-we-do .btn.btn--white{
        margin-left: 0em; 
        border: 1px solid white;
        font-size: 1em;
    }
    .consumer-products .btn.btn--white .btn__text, .pharmaceutical .btn.btn--white .btn__text, .extensive-prod-range .btn.btn--white .btn__text, .what-we-do .btn.btn--white .btn__text{
        padding: 0.4em 2em;
    }
    .consumer-products .btn.btn--white:before, .pharmaceutical .btn.btn--white:before, .extensive-prod-range .btn.btn--white:before, .what-we-do .btn.btn--white:before{
        background-color: transparent;
    }
    
    
    .btn.btn--white{
        margin-left: 0em; 
        border: 1px solid white;
        font-size: 1em;
    }
    .btn.btn--white .btn__text{
        padding: 0.4em 2em;
    }
    .btn.btn--white:before{
        background-color: transparent;
    }
    
    /* --- end hover btn */
    
    
    
    .extensive-prod-range .hover-tab .card__header{
        top: 35%;
    }
    
    #product-range .intro.intro--heading{
     /*   padding: 0em 0 2em; */
    }
    .extensive-prod-range .z-tabs>ul{
        padding: 0px;
    }
    .extensive-prod-range .prod-unit{
        margin-bottom: 20px;
    }
    #loc-map{
        height: 50vh;
    }
    #pharrmaceutical-tabs ul{
        padding: 22px 0;
    }
    .milestones {
        text-align: center;
    }
    .milestones .btn{
        padding-top: 20px;
    }
    #pharrmaceutical-tabs .hover-tab > .overlay > .card__header > .view-btn{
        margin-top: 4.5em!important;
    }
    #pharrmaceutical-tabs .hover-tab .card__header, .consumer-products .hover-tab .card__header{
        top: 40%;
    }
    .slick-dots li button{
        width: 10px!important;
        height: 10px!important;
    }
    .slick-dots{
        bottom: 5px !important;
    }
    .slick-dots .slick-active button, .slick-dots li button:hover:before, .slick-dots li button:focus:before{
        width: 10px!important;
        height: 10px!important;
    }
    .table th{
        font-size: 16px;
    }
    .map_frame{
        margin-top: 50px!important;
    }
    #address-collapse{
        margin-top: 20px;
    }
    .submenu{
        display: block;
    }
    #investors-accordion .card-title{
        font-size: 20px;
    }
    .intro__title, .card__title{
        font-size: 24px;
    }
    
}




@media (min-width: 768px) and (max-width: 3000px){
   .only-sm-offset-1 {
       margin-left: 7%!important;
    }
    .extensive-prod-range .last-card{
        /*right: 10%;*/
        margin: 0 auto;
    }
}




@media (max-width: 768px) {
    #timeline .timeline-item {
        padding-left: 100px!important;
        padding-right: 20px!important;
    }
    .badge-left{
        left: 92px!important;
    }
    .badge-right{
        left: 56px!important;
    }
    #timeline:before{
        left: 3%!important;
    }
    .causale{
        font-size: 16px!important;
    }
    .timeline-left-top, .timeline-left-bottom, .timeline-right-top, .timeline-right-bottom{
        font-size: 35px!important;
    }
    .timeline-left-top{
        margin-left: -48px;
    }
    .timeline-right-top{
        margin-left: -12px;
    }
    #timeline .row{
        min-height: 40px;
    }
    .img-box{
        height: 70px;
    }
    .img-box h3{
        font-size: 20px;
    }
    h2, .font-h2, .card__title{
        font-size: 1.2em;
    }
    .hover-tab {
        margin: 0px!important;
    }
    .w-48{
        width: 100%!important;
    }
    #nav-spy p{
        font-size: 18px;
    }
    .mast--lg, .mast--home{
        min-height: 60vh!important;
    }
    .mast__title{
        font-size: 2.4em;
    }
    #closebt-container{
        padding: 10px 0px;
    }
    .closebt{
        width: 20px;
    }
    .dropdown-menu>li>a{
        color: #fff;
    }
    .submenu>li>a{
        color: #a2a2a2;
    }
    .navbar-collapse.in{
        overflow-y: inherit;
    }
    .glass-props .hovereffect{
        border: 2px solid white;    
    }
    .glass-props .hovereffect .overlay{
        background-color: #bad454e6;
    }
    .glass-props .hovereffect h2{
        -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
        transform: translateY(5px);
        color: #183964!important;
    }
    .glass-props .hovereffect a.hover-info{
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        color: #183964!important;
        padding: 10px!important;
    }
}

@media (max-width: 499px) {
    .leadershipteamPro .person div{
        left: 50%!important;
    }
}






/* custom-tabs */

.ui-tabs.ui-tabs-vertical {
    padding: 0;
}
.ui-tabs.ui-tabs-vertical .ui-widget-header {
    border: none;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav {
    
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li {
    width: 100%;
    border: 0px;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
    width: 100%;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a:hover {
    cursor: pointer;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li:last-child {
    margin-bottom: 10px;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-panel {
    /*float: left;*/
    border-radius: 0;
    position: relative;
}

.ui-widget.ui-widget-content{
    border: 0!important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    color: black;
    font-family: 'Verlag-Book';
    background: #bbb;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active{
    margin-bottom: 0;
    padding-bottom: 0;
    background: none;
    color: black;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
    color: #183964!important;
}

.ui-tabs .ui-tabs-nav{
    padding: 0px;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-nav li:last-child {
    margin-bottom: 2px;
}

.ui-tabs .ui-tabs-nav li{
    white-space: inherit!important;
}

/* custom-tabs */




.fa-arrow-left{
    left: -45px;
    height: 1.2em;
    width: 1.2em;
    padding-top: 0.1em;
    background: #bbb;
}

.fa-arrow-right{
    right: -45px;
    height: 1.2em;
    width: 1.2em;
    padding-top: 0.1em;
    background: #bbb;
}

.slick-prev{
    background: transparent url(../images/left-arrow.png) no-repeat center center;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
    background: #f7f7f9;
}


/**/

.site-footer{
    background-color: #12365b;
}

.select-wrap{
    margin-top: 30px;
}

.search-btn{
    margin-top: 20px;
}

.form-link{
    color: #00a9e2;
    font-size: 18px;
    font-family: 'Verlag-Light';
    cursor: pointer;
}


/* top search box wrapper */

.top-box{
    position: relative; 
    height: 60px;
}

.logo-wrap img{
    position: absolute; 
    bottom: -1px;
    left: 20px;
}

.top-right-wrap{
    float: right;
    width: 35%; 
    max-width: 450px;
    position: absolute; 
    right: 15px; 
    top: 15px;
    display: flex;
}

.search-wrap{
    padding: 0px;
    width: calc(49% - 10px);
    margin-right: 10px; 
    display: inline-block;
}

.search-wrap input{
    padding: 0 10px;
    height: 30px; 
    border: 1px solid #b1cf3f; 
    cursor: text;
}

.translator-wrap{
    width: 49%; 
    padding: 0; 
    display: inline-block;
}

.video-wrapper iframe{
    min-width: 100%;
    min-height: 80vh;
}

/* consumer-products tabs */

#consumer-products .card{
    /*width: auto!important;*/
}

#consumer-products .hover-tab {
    margin: 0px;
}


.footer-links p{
    font-size: 16px;
    color: white;
}

.footer-links span{
    display: inline-block;
}

.footer-links .foot-right{
    float: right;
}

.footer-links .foot-left{
    float: left;
}

.footer-logo{
    position: absolute; 
    bottom: -1px;
    left: 20px;
}

.footer-logo-wrap{
    position: relative;
    height: 60px;
}

.right-links li{
    padding: 0 15px;
}

.right-links{
    margin-right: 20px;
    padding-top: .75em;
}

.foot-left{
    padding-top: .75em;
    margin-left: 20px;
}


/* life */

#life .video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
#life .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#life .slick-dots li button{
    background: #ddddddad;
    z-index: 10000;
}
#life .slick-dots{
    bottom: 25px;
    z-index: 10000;
}
#life .slick-dots li button:before{
    content: '';
}
#life .slick-dots .slick-active button, #life .slick-dots li button:hover:before, #life .slick-dots li button:focus:before{
    border-radius: 25px;
    background-color: #fff;
    border-color: #fff; 
    opacity: 1;
}
#life .slick-dotted.slick-slider{
    margin-bottom: 0px;
}
#life .slick-dots li button{

}
#life .slick-initialized .slick-slide{
    padding: 0px;
}
#life .video-wrapper iframe{
    border: 0px!important;
}

/* search page */

#searchForm {
    position: relative;
}

#searchForm .fa-search{
    position: absolute;
    top: 8px;
    right: 8px;
}

#search-page .read-more{
    color: #183964;
}

#search-page .tab-head a{
    color: #183964;
}

.translator-wrap{
    position: relative;
}

.translator-wrap .fa-caret-down{
    position: absolute;
    top: 10px;
    right: 8px;
    z-index: 546;
}



@media (min-width: 1200px){
}

@media (min-width: 768px){
    #pharrmaceutical-tabs ul li.card{
        width: 50%!important;
    }
    
    #consumer-products ul li.card{
        width: calc(50% - 1px)!important;
        border: 1px solid white;
    }
    #consumer-products ul{
        float: inherit;
        margin: 0 auto;
    }
} 

@media (max-width: 768px){
    .foot-left{
        text-align: center;
        display: block!important;
        float: none!important;
    }
    .top-right-wrap{
        float: left;
        width: 80%;
        position: absolute;
        left: 20px;
        bottom: -43px;
        right: auto;
        top: auto;
        display: flex;
        z-index: 1212;
    }
    .life-gallery .slick-prev{
        left: 10px;
    }
    .life-gallery .slick-next{
        right: 20px;
    }
    .division-unit:last-of-type::after{
        width: 0;
    }
    .mast__header h1, h1{
        font-size: 7vw;
    }
}





@media (max-width: 64.063em) {
    .custom-folis > .folio__grid>* {
        flex-basis: 50%;
        max-width: 50%;
    }
    .site-header__logo{
        flex-basis: 40%;
        width: 40%;
        max-width: 40%;
    }
    .intro{
        padding: 2em 0;
    }
    .card.no-bgimg .card__link{
        padding: 2em 0;
    }
}

@media (min-width: 54em){
    .grid-50 .toc__item{
        flex-basis: 50%;
        max-width: 50%;
    }
    
    .grid-25 .toc__item{
        flex-basis: 25%;
        max-width: 25%;
    }
    .values-unit{
        /*width: 60%;*/
    }
    .thumbs{
        padding: 0 40px;
    }
    .big-num{
        font-size: 50px;
    }
    .intro-sub-title{
        font-size: 24px;
    }
    .list-head{
        font-size: 24px;
    }
    .sub-head-white{
        font-size: 20px;
    }
    .award-thumb{
        margin-bottom: 40px;
        margin-top: 20px;
    }
}

@media (max-width: 48.813em) {
    .products-para, .products-para p, .intro__text, .intro p{
        font-size: 16px;
    }
    .products-subhead{
        font-size: 22px;
    }
    .mast--lg, .mast--home{
        max-height: 60vh;
    }
    #timeline{
        margin-top: 2em;
        margin-bottom: 2em;
    }
}

@media (max-width: 33.813em) {
    .custom-folis > .folio__grid>* {
        flex-basis: 100%;
        max-width: 100%;
    }
    .big-num{
        font-size: 35px;
    }
    .select-wrap .toc__item{
        flex-basis: 100%;
        max-width: 100%;
        margin-bottom: 0px;
    }
     .thumbs{
        padding: 0 15px;
    }
    .big-num{
        font-size: 24px;
    }
    .intro__title, .card__title{
        font-size: 20px;
    }
    .view-site-wrap h3{
        margin-bottom: 20px;
        font-size: 18px;
    }
    #about-us .view-site-wrap{
        top: 20%;
    }
    .z-tabs.underlined>ul>li:not(:first-child){
        border-left: 0px!important;
    }
}



.cover .grid .mast__title, .cover .grid h1{
    color: white!important;
}

.d-none{
    display: none!important;
}

@media (max-width: 768px){
    .card__link{
      padding: 8em 0;
    }
    #tabbed-nav{
        padding-right: 15px;
        margin-bottom: 40px;
    }
    .caret-down::after{
        /*
        width: 5px;
        height: 5px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fff;
        float: right;
        */
    }
    .mb-40{
        margin-bottom: 20px;
    }

    .mb-80{
        margin-bottom: 40px;
    }  
    .right-links{
        padding-top: 0.75em;
        justify-content: center;
        display: flex;
        margin: 0px;
    }
    .mb-xs-40{
        margin-bottom: 30px;
    }
}

#prod-info .card__content, .card__header{
    padding: 0 15px;
}

.dealers-list{
    margin-top: 40px;
}

#investors-accordion .panel-body{
    border: 0px!important;
}

.searched_products a:hover{
    cursor: pointer;
}


/* VIDEO GALLARY ON MEDIA */

#featured-videos{
    margin: 4em 0;
} 
.video-grid.front-page {
  max-width: 1280px;
  margin: 0 auto;
  /* padding: 1em 2em;*/ 
}

ul.video-list {
  display: flexbox;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

li.video {
  flex-grow: 1;
  position: relative;
  overflow: hidden;
  width: 50%;
  width: -webkit-calc(100% / 2);
  width: calc(100% / 2);
  border: solid 0.2em transparent;
}
li.video a {
  outline: none;
}
li.video:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color .15s;
}
li.video figure {
  display: block;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
li.video figure img {
  display: block;
  max-width: 100%;
  height: auto;
  opacity: 0;
  transform: scale(0.5);
  transition: all .20s;
}
li.video figure figcaption {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 1rem;
  transform: translateY(0);
  opacity: 1;
  transition: all .20s;
}
li.video:hover figure img {
  opacity: 1;
  transform: scale(1);
}
li.video:hover figure figcaption {
  opacity: 0;
  transform: translateY(50%);
}
li.video:hover:before {
  background-color: rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 800px) {
  li.video {
    width: 50%;
    width: -webkit-calc(100% / 2);
    width: calc(100% / 2);
  }
}
@media screen and (max-width: 640px) {
  li.video {
    width: 100%;
  }
}



.searched_products a {
    font-size: 22px;
    font-family: 'Verlag-Bold';
    color: #183964;
    display: block;
}

.searched_products a span{
    display: inline-block;
}

.searched_products a .pdf_link{
    float: right;
}

.searched_products a :hover{
    color: #323232;
    text-decoration: underline;
}


@media screen and (max-width: 768px) {
    .searched_products a .pdf_link{
        float: none;
    }
    .searched_products a span{
        display: block;
    }
}
.panel-group .noticereports{
    justify-content: center;
    flex-wrap: wrap;
}
.panel-group .noticereports .i-report-box {
    width: 30.5%;
    text-align: center;
    margin-right: 2rem;
    border: 1px solid lightgrey;
    padding: 1rem;
    box-shadow: 6px 6px 20px lightgrey;
    margin-bottom: 2rem;
    transition: transform 0.3s ease;
    position:relative;
}
.panel-group .noticereports .i-report-box audio {
    /* width: -webkit-fill-available; */
    position:relative;
    z-index:999;
    width:100%;
}
.panel-group .noticereports .i-report-box::before,
.panel-group .noticereports .i-report-box::after {
content: '';
position: absolute;
width: 0;
height: 0;
border: 1px solid transparent;
box-sizing: border-box;
}
.panel-group .noticereports .i-report-box:hover::before {
width: 100%;
height: 100%;
border-bottom-color: #f59225;
border-right-color: #f59225;
transition: width 0.18s linear, height 0.18s linear 0.18s;
}

.panel-group .noticereports .i-report-box:hover::after {
width: 100%;
height: 100%;
border-top-color: #f59225;
border-left-color: #f59225;
transition: width 0.18s linear, height 0.18s linear 0.18s;
}
.panel-group .noticereports .i-report-box::before {
bottom: 0;
left: 0;
}

.panel-group .noticereports .i-report-box:after {
top: 0;
right: 0;
}

.panel-group .noticereports .i-report-box span {
    display: flex;
    text-align: left;
    align-items: center;
}
.panel-group .noticereports .i-report-box span .fa {
    font-size: 33px;
    margin-right: 29px;
}
.panel-group .noticereports .i-report-box:hover {
    transform: scale(1.08);
    cursor:pointer;
    color:#183964 !important;
    font-weight:600;
}
.panel-group .noticereports .i-report-box:hover a{
    color:#183964 !important;
}
/* .sidebar-stky {
  
    position: sticky;
    top: 20px;
    height: calc(100vh - 40px);
    overflow-y: auto;
    padding-right: 0;
} */
.container-fluid{
    padding: 0 5rem;
}
.activeHeaders .navHeader{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
.nav>li>a:hover{
    /* background-color: #f59123;
    background-image: linear-gradient(333deg, #f59123 0%, #183964 64%); 
    color: #ffffff; */
}
.sidebar-stky .nav-pills li:hover{
    background-color: #183964;
background-image: linear-gradient(160deg, #183964 24%, #f79220 100%);

    color: #ffffff;
}
.sidebar-stky .nav-pills li a:hover{
    color: #ffffff;
}
.activeHeaders .navitems a:hover{
    background-color: #f79220;
    background-image: linear-gradient(160deg, #f79220 23%, #119b49 100%);
    color: #ffffff;
}
.panel-group .noticereports .i-report-box a {
    position: relative;
    z-index: 999;
}
/* #investors-accordion a.card-title:visited{
    color:#183964 !important;
} */
/*app.css */
a:hover, a:focus{
    color:#183964;
}
/* main.css */
#investors{
    margin-top:40px;
}
#investors .activeHeaders{
    margin-bottom:40px;
}
#investors-accordion .card-title{ 
    font-size: 16px;
}  
#investors-accordion .card-title:hover{ 
   color:#183964;
}
#investors .nav-pills>li.active>a, #investors .nav-pills>li.active>a:hover, #investors .nav-pills>li.active>a:focus{
    background-color: #183964;
    background-image: linear-gradient(160deg, #183964 24%, #f79220 100%);
    color:#ffffff;
}
#investors .nav>li>a{
    text-align:center;
    padding:8px 5px;

}
#investors .nav-stacked{
    padding:0;
}
.activeHeaders .navitems a{
    background-color: #183964;
    color: white;
    border: 0;
    padding: 15px 90px;
    width: 350px;
    font-size: 17px;
    margin-right: 4rem;
    outline: 0;
    border-radius: 3px;
}
.activeHeaders .navitems.active a{
    background-color: #183964;
background-image: linear-gradient(160deg, #183964 24%, #f79220 100%);

}
.contact-box.mb-4.hidden-xs p {
    word-wrap: break-word;
}
.sidebar-stky {
max-height: 100vh;
overflow-y: auto; 
background-color: #f8f9fa; 
padding: 0;
}

.sidebar-stky::-webkit-scrollbar {
width: 8px; 
}

.sidebar-stky::-webkit-scrollbar-track {
background: #f1f1f1;
}

.sidebar-stky::-webkit-scrollbar-thumb {
background: #888; 
border-radius: 4px;
}

.sidebar-stky::-webkit-scrollbar-thumb:hover {
background: #555; 
}

.sidebar-stky {
scrollbar-width: thin;
scrollbar-color: #183964 #f1f1f1; 
}
@media (min-width: 992px) {
    .col-md-offset-1 {
        margin-left: 4.333333%;
    }
}
@media (max-width: 1050px) {
    .panel-group .noticereports .i-report-box{
        width:48%;
        margin-right:1em;
    }
}

@media(max-width: 1199px){
  .col-md-6{
    width: 47% !important;
  }
  .panel-group .noticereports .i-report-box {
    margin-right: 20;
}
}
@media screen and (min-width: 800px) and (max-width: 1200px) {
    .row.cntnt-rw {
        display: flex;
    }
    .col-md-3.sidebar-stky {
        width: 25%;
    }
    .tab-content.col-md-8.col-md-offset-1.right.contant {
        width: 75%;
    }
}
@media screen and (min-width: 800px) and (max-width: 1000px) {
    .container-fluid {
        padding: 0 4rem;
    }
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
    .container-fluid {
        padding: 0 3rem;
    }
}
@media (max-width: 800px) {
    .panel-group .noticereports .i-report-box{
        width:100%;
        margin-right:0;
    }
    .container-fluid {
       padding: 0 3rem;
    }
    .col-md-6.col-lg-4.col-12.i-report-box{
        width: 100% !important;
    }
}
@media (max-width: 800px) {
    .activeHeaders .navitems a{
        display:block;
        margin-bottom: 11px;
        text-align: center;
        width:100%;
        font-size:16px;
    }
    .activeHeaders .navHeader{
        display:block;
    }
    .sidebar-stky {
height:auto;
padding:0 15px;
}
}
@media (max-width: 768px) {
    .top-right-wrap{
        left:50%;
        bottom:-18px;
        width:46%;
    }
    
}
@media(max-width: 767px){
.cl-inr {
max-width: 100%;
margin-bottom: 20px;
}
footer.bg-gray {
position: relative;
}
.cl-inr {
max-width: 86%;
margin-bottom: 20px;
margin-left: 28px;
}

}
.intro__title, .intro__subtitle{
width: 100%;
}
.intro__title {
max-width: 100%;
}
option:hover {
background-color: #f0f0f0; /* Background color on hover */
border-color: #999; /* Slightly darker border on hover */
}
#yearList{
background-color: #183964;
color: #ffff;
}
.form-control.customSelectDropdown {
position: absolute;
appearance: none !important;
-moz-appearance: none !important;
-webkit-appearance: none;
padding: 7px;
background-color: #002B69;
color: #ffffff;
border: 1px solid #ffffff;
font-size: 16px;
height: auto;
cursor: pointer;
overflow-y: auto !important;
scrollbar-width: thin;
scrollbar-color: #002B69 #ffffff;
z-index: 9999;
}
.form-control.customSelectDropdown::-webkit-scrollbar {
width: 8px; 
}

.form-control.customSelectDropdown::-webkit-scrollbar-thumb {
background: #004080; 
border-radius: 10px;
}

.form-control.customSelectDropdown::-webkit-scrollbar-track {
background: #002b56; 
}

.form-control.customSelectDropdown::after {
content: '▼';
position: absolute;
top: 7px;
right: 8px;
font-size: 10px;
color: #ffffff;
pointer-events: none;
}
.form-control.customSelectDropdown:focus {
outline: none;
box-shadow: 0 0 5px #004080;
padding:0px;
}
.form-control.customSelectDropdown option {
padding: 5px;
background-color: #002b56; /* Same blue background for options */
color: #ffffff;
}
.form-control.customSelectDropdown option:hover {

background-image: linear-gradient(160deg, #183964 24%, #f79220 100%);

color: white !important;
}
.form-control.customSelectDropdown option:checked{

background-image: linear-gradient(160deg, #183964 24%, #f79220 100%);

}

.faq-question {
    font-size: 18px;
    cursor: pointer;
    border-bottom: 1px solid #f59123;
    position: relative;
    text-align: center;
    padding: 6px 5px;
    transition: all 0.3s ease;
}
.faq-answer {
    display: none;
    overflow: hidden;
    transition: all 0.3s ease-out;
    max-height: 0;
}
.faq-answer.active {
    display: block;
    max-height: 1000px; /* Adjust this value based on your content */
}
ul.faq-answer li  {

    text-align: center;
   
}
ul.faq-answer li {
    font-size: 18px;
    letter-spacing: .5px;
    border-bottom: 1px solid #f59123;
    padding: 10px 0;
    background: #183964;
    padding: 8px 5px;
}
    
    li{
    	list-style: none;
    	color: #000;
    }
    a{
    	text-decoration: none;
    	
    }
    .faq-answer {
    display: block;
}
    .faq-question:after {
    position: absolute;
    border-right: 3px solid #183964;
    content: "";
    border-bottom: 3px solid;
    width: 7px;
    height: 7px;
    transform: rotate(45deg);
    right: 21px;
    top: 18px;
    transition: all 0.3s ease;
}
.faq-question a {
    font-size: 16px;
    font-family: 'Verlag-Light';
    /* padding: 8px 0px; */
    border-radius: 0px;
    cursor: pointer;
}
/* .faq-question.active:after {
    transform: rotate(225deg);
    top: 22px;
} */
.faq-question.active {
    background-color: #183964;
    background-image: linear-gradient(160deg, #183964 24%, #f79220 100%);
}

.faq-question.active a {
    color: #ffffff;
}
ul.faq-answer li a {
    color: #fff;
}
.faq-answer li{
    cursor:pointer;
}    
.faq-answer li.active {
    background-color: #183964;
    background-image: linear-gradient(160deg, #183964 24%, #f79220 100%);
}
.faq-answer li.active a {
    color: #ffffff;
}
.px-4 h2{
    color:#183964  !important;
    text-transform: none !important;
}