@font-face {
font-family: 'Museo700';
src:  url(https://marshindustries.co.uk/wp-content/themes/marsh-theme/fonts/MuseoSans-700.woff) format('woff');
}
@font-face {
font-family: 'Museo500';
src:  url(https://marshindustries.co.uk/wp-content/themes/marsh-theme/fonts/MuseoSans-500.woff) format('woff');
}
@font-face {
font-family: 'Museo300';
src:  url(https://marshindustries.co.uk/wp-content/themes/marsh-theme/fonts/MuseoSans-300.woff) format('woff');
}
.error404 #page{
background:white !important;
}
.post-thumbnail{
width:100%;
height:220px;
padding:20px 0px 20px 0px;
border:0px solid #ffca30;
margin-bottom:30px;
}
.post-thumbnail >div{
width:100%;
height:210px;
background-size:cover;
background-position:center;
}
.navbar-collapse.in::-webkit-scrollbar {
width: 5px;
}
.navbar-collapse.in::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.7);
}
.navbar-collapse.in::-webkit-scrollbar-thumb {
background-color: #afafaf;
outline: 1px solid slategrey;
} .hvr-underline-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-moz-transform: perspective(1px) translateZ(0);
-ms-transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-underline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
background: #1b2882;
height: 4px;
-webkit-transform: translateY(4px);
transform: translateY(4px);
-moz-transform: translateY(4px);
-ms-transform: translateY(4px);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.active .hvr-underline-reveal:before, .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
-moz-transform: translateY(0) !important;
-ms-transform: translateY(0) !important;
}
body{
font-family: 'OpenSans';
cursor: default;
}
body{-ms-overflow-style: scrollbar !important;}
.main-menu .container{
position: relative;
}
::selection {
background: #f07b00;
color:#fff;
}
::-moz-selection {
background: #f07b00;
color:#fff;
}
a:hover,a:focus{
outline: none;
text-decoration: none;
}
table{
margin: 15px 0;
}
p{
margin:0 0 15px 0;
}
.container{
max-width:1200px;
}
.container.additional{
max-width:1200px;
padding-left:15px;
padding-right:15px;
}
header .yellow-line{
width:100%;
height: 2px;
background: #1b2882;
display: block;
transition: all 0.5s;
}
header.sticky .yellow-line{
height: 0;
}
#site-navigation{
margin:0;
border:none;
border-radius: 0;
background: transparent;
margin-top:40px;
}
#main-slider .item img{
width:100%;
}
#main-slider .item{
position: relative;
width:100%;
height:600px;
background-size:cover;
background-position:center !important;
}
.navbar-default .navbar-nav>li{
padding:0 15px;
}
.navbar-default .navbar-nav>li:last-child{
padding-right:0;
}
#main-slider .item .caption{
position: absolute;
left:0;
width:100%;
top:40%;
transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
}
#main-slider .item .caption h3{
color:#1b2882;
font-size: 36px;
font-family: 'Museo300' !important;
}
strong{
font-family: 'Museo700' !important;
}
#videos>strong,
#news>strong{
font-family: 'Museo300' !important;
font-weight: 300;
}
#news a.color-blue:before,
#videos a.color-blue:before{
content: "";
font-size: 19px;
font-family: FontAwesome;
margin-right: 10px;
color: #f3ca32;
}
#main-slider .item .caption p{
color:#00264c;
font-family: 'Museo300';
font-size:20px;
max-width:500px;
}
#page{
padding-top:170px; }
.archive #category-posts{
margin-top:50px;
}
.archive #category-posts h3{
margin-bottom:20px;
}
.archive #page:before,
.single-products #page:before{
height: 100%;
}
header .main-logo{
transition: all 0.5s;
max-width: 100px;
}
header.sticky .main-logo {
bottom: 1px;
left:15px;
}
header.sticky .main-logo img{
width:auto !important;
height:48px !important;
}
.main-logo{
z-index: 9999;
display: block;
}
.main-logo:hover img{
opacity: 0.9;
}
.additional{
background:#ededed;
text-align:right;
}
.additional p i{
color:#f07b00;
margin-left: 4px;
font-weight: bold;
}
.additional p{
margin:20px 0;
color:#1a1a1a;
font-size:18px;
font-family: 'Museo300';
}
.additional p a{
color:#1a1a1a;
transition: all 0.5s;
}
.additional p a:hover{
color:#f07b00;
}
.additional p .align-left{
text-align: left;
}
.additional p .align-right{
text-align: right;
float:right;
margin-right: 40px;
}
.additional p:after{
clear: both;
content:"";
display: table;
}
.search-icon{
cursor: pointer;
width:30px;
display: block;
float:left;
color:#1b2882;
height: 30px;
transition: all 0.5s;
text-align: center;
line-height: 26px;
border:2px solid #1b2882;
border-radius:2px;
}
.search-icon:hover{
color:#666;
border:2px solid #666;
}
.additional{
position: relative;
padding-top:15px;
}
.additional .textwidget{
clear:both;
padding-top:10px !important;
}
.additional .textwidget p,
.additional .textwidget p a{
color:#1b2882 !important;
padding:0 !important;
margin:0 !important;
font-family:'Museo300' !important;
}
.additional .textwidget p a:hover,
.additional .textwidget p a:focus{
color:#666 !important;
}                                                     .nav-previous a,.nav-next a{
color:#f07b00;
font-weight: 300;
}
.nav-previous a:hover,.nav-next a:hover{
color:#1a1a1a;
}
.nav.nav-pills{
padding:0;
margin:0;
}
.nav.nav-pills li{
width:auto;
}
.nav.nav-pills li a{
border-radius:0;
border-right:1px solid #fff!important;
border-top:1px solid #d6d6d6;
border-bottom:1px solid black;
text-align: center;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
.tab-content{
padding:20px;
}
#producttab{
margin-top:50px;
padding:0 15px;
}
.nav.nav-pills li{
margin-bottom: 0px;
}
#producttab .tab-content{
border:1px solid #1b2882;
}
#producttab .tab-content p:empty{
display: none;
}
.nav.nav-pills li a{
border:none;
background: #ffca30;
color:#171336;
padding: 10px 18px;
text-align: center;
transition: all 0.3s;
}
.nav.nav-pills li a:hover{
background: #1b2882;
color: #ffca30;
}
.nav.nav-pills li.active a,
.nav.nav-pills li.active a:hover{
border:none;
background: #1b2882;
color:#ffca30;
}
.nav-pills>li+li{
margin:0;
}
.ajax-tabs{
margin:80px 0;
text-align: center;
padding: 0;
}
.ajax-tabs li a{
display:block;
padding: 9px 15px;
font-size: 17px;
color:#444;
background: #ccc;
transition: all 0.4s;
}
.subheading{
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
margin: 40px 0;
text-align: center;
color:#171336;
}
.ajax-tabs li a:hover,
.ajax-tabs li a.active{
color:#ffca30;
background: #171336;
}
.ajax-tabs li{
display: inline-block;
padding: 4px;
}
.grid-gap15{
margin-bottom: 15px;
margin-top: 15px;
} .grid-gap{
padding-top: 50px;
padding-bottom: 50px;
}
.wp-block-columns{
margin-bottom: 0;
padding-top: 50px;
padding-bottom: 50px;
}
.row-full{
width: 100vw;
position: relative;
margin-left: -50vw;
left: 50%;
margin-right: 0;
}
.row-left{
width: 100vw;
position: relative;
margin-left: -50vw;
left: 50%;
margin-right: 0;
}
.row-right{
width: 100vw;
position: relative;
margin-left: 0;
left: 0;
margin-right: 0;
}
.row-full.vcenter{
justify-content: center;
}
.row-full .wp-block-column{
max-width: 760px;
}
.wp-block-columns.has-background{
margin-bottom: 50px;
}
.no-padding-top{
padding-top: 0!important;
}
.no-padding-bottom{
padding-bottom: 0!important;
}
.row-left .wp-block-image{
margin: 0;
}
.row-right.wp-block-columns>.wp-block-column.has-background,
.row-left.wp-block-columns>.wp-block-column.has-background{
margin: 0;
}
.row-right.wp-block-columns>.wp-block-column.has-background{
padding: 5vw;
}
.row-left.wp-block-columns>.wp-block-column.has-background{
padding: 5vw 0vw 0px 5vw;
}
.no-margin{
margin: 0!important;
} .row.marsh-banner{
margin: 0;
display: flex;
}
.row.marsh-banner>div{
padding: 0;
}
.tile-image{
display: block;
position: relative;
height: calc(100vh - 300px);
width: 100%;
min-height: 130px;
}
.tile-image>a{
position: absolute;
top:0;
left: 0;
height: 100%;
width: 100%;
background-size: cover!important;
background-position: center center!important;
} .banner-tile .content{
background: #0D499C;
min-height: 100px;
height: 14vw;
max-height: 260px;
display: flex;
padding: 20px 5vw;
align-items: center;
}
.banner-tile .content.darker{
background: #00264C;
}
.banner-tile .content h2{
font-size:50px;
line-height: 1.1em;
color:#fff;
font-family: 'Museo300';
margin: 0;
}
.banner-tile .content p{
font-size:22px;
color:#fff;
font-family: 'Museo300';
margin: 0 0 10px 0;
line-height: 1.1em;
}
.has-background .more-link,
.banner-tile .content a{
outline: none !important;
height: 30px;
color: #fff;
display: inline-block;
border-radius: 0!important;
line-height: 30px;
font-family: 'Museo300';
font-weight: 300;
text-shadow:none;
line-height: 27px;
border: 1px solid #fff;
font-size: 13px;
padding: 0 15px;
border-radius: 2px!important;
transition: all 0.3s;
}
.has-background .more-link i{
display: none;
}
.has-background .more-link{
padding: 0 35px;
}
.has-background .more-link:hover{
background: #fff!important;
color: #0D499C;
}
.banner-tile .content a:hover{
background: #fff;
color: #0D499C;
} .main-menu{
background: #031e45;
}
.navbar-default .navbar-nav>li>a{
padding: 0px;
font-size:18px;
font-weight: 300;
font-family: 'Museo700';
color:#1b2882;
line-height:48px;
text-transform: uppercase;
transition: all 0.5s;
}
.navbar-default .navbar-nav>li:last-child>a{
padding:0 !important;
}
.navbar{
min-height:0 !important;
}
.dropdown-menu>li>a{
padding: 10px 15px;
color:#1b2882;
font-size:14px;
line-height: 14px;
border-bottom: 1px dashed #d6dbe2;
text-transform: uppercase;
font-family: 'Museo300';
transition: all 0.5s;
text-align: left;
}
.dropdown-menu>li:nth-last-child(1)>a{
border:none; 
}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{
color:#666;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
background: #1b2882;
color:#1b2882;
} .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
background:transparent;
color:#1b2882;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
background: transparent;
color:#000;
font-weight: 700;
} .wp-block-button__link,
#main-slider button,
#news button,
#category-posts button,
#producthead button{
background:transparent;
border:2px solid #00264C;
box-shadow:none;
text-shadow:none;
color:#00264C;
height:45px;
font-size:18px;
font-family:'Museo500';    
line-height: 45px;
padding: 0 30px;
transition:all 0.5s;
}
.wp-block-button__link:hover,
#main-slider button:hover,
#news button:hover,
#category-posts button:hover,
#producthead button:hover{
background:#ffca30;
color:#00264C;
}
.wp-block-column.has-background .wp-block-button__link:hover{
background: #00264C;
color: #f3ca32!important;
}
#main-slider .owl-pagination {
position: absolute;
bottom: 75px;
left: 50%;
width: 1170px;
padding: 0 15px;
text-align: left;
z-index: 1;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
}
.owl-theme .owl-controls .owl-page span{
width:18px;
height: 2px;
background: transparent;
border:1px solid #ffca30;
border-radius:0%;
position: relative;
}
.owl-theme .owl-controls .owl-page span:first-child{
margin-left:0;
}
.owl-theme .owl-controls .owl-page.active span:before{
content:"";
position: absolute;
top:-5px;
left:50%;
transform: translate(-50%,0);
-webkit-transform:  translate(-50%,0);
-moz-transform:  translate(-50%,0);
-ms-transform:  translate(-50%,0);
width:14px;
height: 2px;
background: #f07b00;
}
.owl-page span{
background:#ffca30 !important;
opacity:1 !important;
}
.owl-page span:hover{
opacity:0.8 !important;
}
.owl-page.active span{
background:white !important;
border:2px solid white !important;
}
.owl-theme .owl-controls .owl-page.active span:after{
content:"";
position: absolute;
top:-9px;
left:50%;
transform: translate(-50%,0);
-webkit-transform:  translate(-50%,0);
-moz-transform:  translate(-50%,0);
-ms-transform:  translate(-50%,0);
width:7px;
height: 2px;
background: #f07b00;
}
#main-slider.owl-theme .owl-controls .owl-page span{
border:2px solid #ffca30;
width:18px;
height: 18px;
border-radius: 50%;
}
#main-slider.owl-theme .owl-controls .owl-page.active span:before{
content:"";
position: absolute;
left:50%;
top:50%;
border-radius: 50%;
transform: translate(-50%,-50%);
-webkit-transform:  translate(-50%,-50%);
-moz-transform:  translate(-50%,-50%);
-ms-transform:  translate(-50%,-50%);
width:6px;
height: 6px;
background: #fff;
}
#main-slider.owl-theme .owl-controls .owl-page.active span:after{
display: none;
}
.related-products-carousel .item{
padding: 0 15px;
text-align: center;
}
.product-item a{
text-align: center;
}
.product-item a,
.related-products-carousel .item a{
display: block;
margin:5px;
padding: 10px;
position: relative;
box-shadow: none;
transition: all 0.5s;
}
.related-products-carousel .item a:hover:before{
opacity: 0.8;
}
.product-item a h5,
.related-products-carousel .item a h5{
color:#333;
font-family: 'Museo300';
font-size:25px;
line-height: 30px;
height: 62px;
overflow: hidden;
text-transform: uppercase;
margin: 40px 15px 15px 15px;
transition: all 0.5s;
}
.related-products-carousel .item a:hover h5{
color:#000;
}
.product-item a:hover,
.related-products-carousel .item a:hover{
-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.23);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.23);
background: #fff;
}
.related-header{
margin-bottom: 40px;
font-size:45px;
line-height: 45px;
color:#00264c;
font-family: 'Museo300';
margin:0 0 40px 0;
text-align: center;
text-transform: uppercase;
} .gallery br{
display: none;
}
.gallery{
margin-left:-15px!important;
margin-right: -15px!important;
}
.gallery .gallery-item{
width: 33.333%!important;
box-sizing: border-box;
-moz-box-sizing:    border-box;   
-webkit-box-sizing: border-box; 
padding: 15px;
margin:0!important;
}
.gallery .gallery-item a{
display: block!important;
position: relative;
overflow: hidden;
}
.gallery .gallery-item img{
border:none!important;
}
.gallery .gallery-item a:after{
position: absolute;
z-index: 2;
content:"";
margin-top:-300px;
font-family: FontAwesome;
top:50%;
left:50%;
transform: translate(-50%,-50%);
-webkit-transform:  translate(-50%,-50%);
-moz-transform:  translate(-50%,-50%);
-ms-transform:  translate(-50%,-50%);
font-size:35px;
color:#fff;
transition: all 0.6s;
}
.gallery .gallery-item a:before{
position: absolute;
top:0;
z-index: 1;
left:0;
width:100%;
height: 100%;
content:"";
opacity: .4;
background: #00264c;
transform:scale(0); -webkit-transform:scale(0); 
-moz-transform:scale(0); -o-transform:scale(0); 
transition: all 0.4s;
}
.gallery .gallery-item a:hover:after{
margin-top:0;
}
.gallery .gallery-item a:hover:before{
transform:scale(1); -webkit-transform:scale(1); 
-moz-transform:scale(1); -o-transform:scale(1); 
} .color-blue{
color:#00264C!important;
}
a.color-blue:hover{
color:#ffca30!important;
}
.normal-page{
position: relative;
z-index: 1;
padding-left:0;
padding-right:0;
}
.sm-gap90{
margin-top: 90px;
}
.sm-gap75{
margin-top:75px!important;
}
.std h1{
font-size:60px;
color:#00264c;
font-family: 'Museo700';
margin:0 0 35px 0;
}
.std.std-small-h1 h1{
font-size: 36px;
line-height: 1.2em;
font-family: 'Museo300';
font-weight: 400;
margin-bottom: 25px;
}
.std h2{
font-size:60px;
color:#00264c;
font-family: 'Museo500';
margin:0 0 35px 0;
}
.std h3{
font-size:30px;
line-height: 32px;
color:#00264c;
font-family: 'Museo300';
margin:25px 0;
}
.std h5{
font-size:20px;
line-height: 28px;
color:#404040;
font-weight: 700;
font-family: 'Museo500';
margin:0;
}
.std h6{
font-size:20px;
line-height: 28px;
color:#00264c;
font-family: 'Museo500';
margin:25px 0;
}
.page-template-page-contact h3,
.single .std h2,
.single .std h3{
margin:30px 0;
}
.std p{
font-family: 'Museo300';
font-size:18px;
color: #00264C;
line-height: 26px;
margin:0 0 15px 0;
}
.std ul{
margin-bottom: 15px;
}
.std ul li{
font-family: 'Museo300';
font-size:18px;
line-height: 26px;
margin:0;
}
.std p:empty{
display: none;
}
.std a{
color:#00264c;
transition: all 0.5s;
}
.std a:hover{
color:#ffca30;
}
.std .std-invert h2,
.std .std-invert h3,
.std .std-invert h4,
.std .std-invert h5,
.std .std-invert p,
.std .std-invert h6{
color: #fff;
}
.page-id-84 .std table{
width: 100%;
}
.page-id-84 .std table tr th{
width: 100%;
padding: 5px;
}
.page-id-84 .std table tr td p{
margin-bottom: 15px;
}
.page-id-84 .std table tr td{
padding: 5px;
}
.page-id-84 .std table tr td:nth-child(1){
width: 20%;
}
.page-id-84 .std table tr td:nth-child(2){
width: 80%;
}
.section{
margin-top:190px;
margin-bottom: 175px;
}
.meet-the-team .std .row{
padding-top:40px;
padding-bottom: 40px;
}
.meet-the-team .std .row:not(.map){
text-align: center;
}
.meet-the-team .std .row:not(.map) img{
display: block;
max-width: 120px;
border-radius: 50%;
margin:0 auto;
}
.meet-the-team .std strong em{
font-weight: 400;
}
.meet-the-team .std h3{
margin:0 0 10px 0;
font-size:20px;
color:#404040;
font-family: 'Museo700';
}
.std a.more-link,
.more-link{
border:none;
background: transparent!important;
box-shadow: none!important;
display: inline-block;
padding: 4px;
color:#000;
text-transform: uppercase;
font-family: 'Museo700';
font-size:16px;
transition: all 0.5s;
outline: none!important;
}
.more-link.disabled{
color:#666666!important;
pointer-events:none!important;
}
.more-link i{
color:#f07b00;
font-size:20px;
transition: all 0.5s;
margin-right: 6px;
}
.more-link:hover{
color:#000;
}
.more-link:hover i{
color:#000;
}
.separator-post{
height: 1px;
background: #ccc;
width:100%;
display: block;
margin: 50px 0;
} #breadcrumbs{
margin:40px 0;
}
.single #breadcrumbs{
margin-bottom: 40px;
}
.container.main-content{
padding:0 30px;
}
#breadcrumbs li{
display: inline-block;
padding: 0 4px;
font-family: 'Museo700';
color:#000;
font-size:16px;
}
#breadcrumbs li a{
font-family: 'Museo300';
color:#000;
transition: all 0.4s;
}
#breadcrumbs li a:hover{
color:#f07b00;
}
.entry-title{
margin: 60px 0;
font-size: 60px;
text-align: center;
color: #00264c;
text-transform: uppercase;
letter-spacing: 2px;
font-family: 'Museo300';
}
.post-meta{
color:#666666;
font-family: 'Museo300';
font-size: 16px;
margin:0 0 25px 0;
}
.single .post-meta{
margin:30px 0;
}
.post-thumb a{
display: block;
position: relative;
overflow: hidden;
}
.post-thumb a:before{
content:"";
position: absolute;
top:0;
left:0;
width:100%;
height: 100%;
background: #00264c;
opacity: 0.4;
transform:scale(0); 
-webkit-transform:scale(0); 
-moz-transform:scale(0); 
-o-transform:scale(0); 
transition: all 0.5s;
}
.post-thumb a:after{
content:attr(title);
font-size:30px;
color:#fff;
font-family: 'Museo300';
position: absolute;
top:50%;
left:0;
width:100%;
text-align: center;
padding: 10px;
transform: translate(0,-50%);
-webkit-transform:  translate(0,-50%);
margin-top:-500px;
transition: all 0.5s;
}
.post-thumb a:hover:after{
margin-top:0;
}
.post-thumb a:hover:before,.post-thumb a:focus:before{
transform:scale(1); 
-webkit-transform:scale(1); 
-moz-transform:scale(1); 
-o-transform:scale(1); 
}
.news-item a h3{
color: #00264c;
text-transform: uppercase;
letter-spacing: 2px;
font-family: 'Museo300';
margin:0 0 25px 0;
color:#00264c;
font-size:30px;
line-height: 1em;
transition: all 0.5s;
}
.news-item a:hover h3,.news-item a:focus h3{
color:#000;
}
.align-right{
text-align: right;
}
.excerpt{
font-weight: 300;
font-size:18px;
line-height: 26px;
margin:0 0 20px 0;
}
.news-item{
padding-bottom: 90px;
margin-bottom: 90px;
position: relative;
}
.news-item:before{
position: absolute;
bottom: 0;
left:0;
width:100%;
content:"";
height: 1px;
background: #ccc;
}
.news-item.last{
margin-bottom: 0;
}
.news-item.last:before{
display: none;
}
.wp-pagenavi{
text-align: center;
}
.wp-pagenavi span,.wp-pagenavi a{
display: inline-block;
width:25px;
height: 25px;
line-height: 25px;
text-align: center;
font-size:18px;
color:#000;
font-family: 'Museo500';
}
.wp-pagenavi a{
color:#000;
font-weight: 300;
transition: all 0.5s;
}
.wp-pagenavi a:hover{
color:#f07b00;
}
.wp-pagenavi span.current{
color:#f07b00;
font-weight: 700;
}
.wp-pagenavi a.next,.wp-pagenavi a.prev{
background: #f07b00;
border-radius: 50%;
transition: all 0.5s;
}
.wp-pagenavi a.next:hover,.wp-pagenavi a.prev:hover{
background: #00264c;
}
.wp-pagenavi a.next:before{
content:"";
font-family: FontAwesome;
color:#fff;
}
.wp-pagenavi a.prev:before{
content:"";
font-family: FontAwesome;
color:#fff;
} .homepage{
padding-top:0px;
padding-left:0;
padding-right:0;
position: relative;
z-index: 1;
}
.align-center{
text-align: center;
}
.container-lazyload{
float:left;
display: none;
width:50%;
}
.youtube-videos .container-lazyload:nth-of-type(1),
.youtube-videos .container-lazyload:nth-of-type(2),
.youtube-videos .container-lazyload:nth-of-type(3),
.youtube-videos .container-lazyload:nth-of-type(4){
display: block;
}
.youtube-videos .more-link{
margin-top:45px;
}
.boxes{
margin:0;
}
.boxes .col-sm-6,
.boxes .col-sm-12,
.boxes .col-sm-4{
padding: 0;
}
.box{
display: block;
text-align: center;
padding: 40px 15px;
position: relative;
z-index: 1;
}
.box p:empty{
display: none;
}
.box h3{
color:#fff;
font-size:24px;
font-weight: 800;
font-family: 'OpenSans';
margin:0 0 30px 0;
text-transform: uppercase;
}
.box.box-category h3{
height: 52px;
overflow: hidden;
}
.box img{
margin-bottom: 30px;
}
.box p{
color:#fff;
font-size:19px;
font-family: 'Museo300';
margin:0;
text-transform: uppercase;
}
.box1{
min-height: 341px;
background: rgba(0,20,80,1);
background: -moz-linear-gradient(top, rgba(0,20,80,1) 0%, rgba(0,7,27,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,20,80,1)), color-stop(100%, rgba(0,7,27,1)));
background: -webkit-linear-gradient(top, rgba(0,20,80,1) 0%, rgba(0,7,27,1) 100%);
background: -o-linear-gradient(top, rgba(0,20,80,1) 0%, rgba(0,7,27,1) 100%);
background: -ms-linear-gradient(top, rgba(0,20,80,1) 0%, rgba(0,7,27,1) 100%);
background: linear-gradient(to bottom, rgba(0,20,80,1) 0%, rgba(0,7,27,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001450', endColorstr='#00071b', GradientType=0 );
}
.box2{
min-height: 341px;
background: rgba(0,174,222,1);
background: -moz-linear-gradient(top, rgba(0,174,222,1) 0%, rgba(0,63,158,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,174,222,1)), color-stop(100%, rgba(0,63,158,1)));
background: -webkit-linear-gradient(top, rgba(0,174,222,1) 0%, rgba(0,63,158,1) 100%);
background: -o-linear-gradient(top, rgba(0,174,222,1) 0%, rgba(0,63,158,1) 100%);
background: -ms-linear-gradient(top, rgba(0,174,222,1) 0%, rgba(0,63,158,1) 100%);
background: linear-gradient(to bottom, rgba(0,174,222,1) 0%, rgba(0,63,158,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aede', endColorstr='#003f9e', GradientType=0 );
}
.box3{
min-height: 341px;
background: rgba(0,77,166,1);
background: -moz-linear-gradient(top, rgba(0,77,166,1) 0%, rgba(0,28,57,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,77,166,1)), color-stop(100%, rgba(0,28,57,1)));
background: -webkit-linear-gradient(top, rgba(0,77,166,1) 0%, rgba(0,28,57,1) 100%);
background: -o-linear-gradient(top, rgba(0,77,166,1) 0%, rgba(0,28,57,1) 100%);
background: -ms-linear-gradient(top, rgba(0,77,166,1) 0%, rgba(0,28,57,1) 100%);
background: linear-gradient(to bottom, rgba(0,77,166,1) 0%, rgba(0,28,57,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004da6', endColorstr='#001c39', GradientType=0 );
}
.box-category .image-box{
height: 100px;
width:100%;
margin-bottom: 30px;
position: relative;
display: block;
}
.box-category .image-box img{
max-height: 90px;
max-width: 100px;
margin:0;
width:auto;
transition: all 0.5s;
height: auto;
}
.box-category{
background: #f07b00;
position: relative;
z-index: 1;
padding-top:60px;
transition: all 0.5s;
padding-bottom: 60px;
margin: 30px 0;
background: rgba(0,77,166,1);
background: -moz-linear-gradient(top, rgba(0,77,166,1) 0%, rgba(0,28,57,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,77,166,1)), color-stop(100%, rgba(0,28,57,1)));
background: -webkit-linear-gradient(top, rgba(0,77,166,1) 0%, rgba(0,28,57,1) 100%);
background: -o-linear-gradient(top, rgba(0,77,166,1) 0%, rgba(0,28,57,1) 100%);
background: -ms-linear-gradient(top, rgba(0,77,166,1) 0%, rgba(0,28,57,1) 100%);
background: linear-gradient(to bottom, rgba(0,77,166,1) 0%, rgba(0,28,57,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004da6', endColorstr='#001c39', GradientType=0 );
}
.box-category:hover .image-box img{
transform:scale(1.2); -webkit-transform:scale(1.2); 
-moz-transform:scale(1.2); -o-transform:scale(1.2); 
}
.box-category:before,
.bim-category:before{
position: absolute;
content:"";
top:0;
left:0;
width:100%;
height: 100%;
background: #000;
opacity: 0;
transition: all 0.4s;
z-index: -1;
}
.box-category:hover:before{
opacity: 0.4;
}
.bim-category:hover:before{
opacity: 0.2;
}
.bim-category { background: #ededed;
padding-top: 40px;
padding-bottom: 40px;
margin: 0;
height: 100%;
}
.bim-category h3 {
margin: 0 !important;
padding: 0 !important;
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;
height: 100% !important;
line-height: 150%;
color: #1b2882 !important;
font-weight: 700;
font-size: 18px;
font-family: 'Museo700';
}
.row.bim-flex {
display: flex;
flex-flow: row wrap;  
}
.row.bim-flex div {
overflow: hidden;
margin-top: 15px;
margin-bottom: 15px;
}
.bim-user-panel{
font-family: 'Museo300';
}
.box4{
background: rgba(0,214,229,1);
background: -moz-linear-gradient(top, rgba(0,214,229,1) 0%, rgba(0,136,178,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,214,229,1)), color-stop(100%, rgba(0,136,178,1)));
background: -webkit-linear-gradient(top, rgba(0,214,229,1) 0%, rgba(0,136,178,1) 100%);
background: -o-linear-gradient(top, rgba(0,214,229,1) 0%, rgba(0,136,178,1) 100%);
background: -ms-linear-gradient(top, rgba(0,214,229,1) 0%, rgba(0,136,178,1) 100%);
background: linear-gradient(to bottom, rgba(0,214,229,1) 0%, rgba(0,136,178,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d6e5', endColorstr='#0088b2', GradientType=0 );
}
.box5{
min-height: 341px;
background: rgba(0,20,80,1);
background: -moz-linear-gradient(top, rgba(0,20,80,1) 0%, rgba(0,7,27,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,20,80,1)), color-stop(100%, rgba(0,7,27,1)));
background: -webkit-linear-gradient(top, rgba(0,20,80,1) 0%, rgba(0,7,27,1) 100%);
background: -o-linear-gradient(top, rgba(0,20,80,1) 0%, rgba(0,7,27,1) 100%);
background: -ms-linear-gradient(top, rgba(0,20,80,1) 0%, rgba(0,7,27,1) 100%);
background: linear-gradient(to bottom, rgba(0,20,80,1) 0%, rgba(0,7,27,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001450', endColorstr='#00071b', GradientType=0 );
}
.box6{
min-height: 341px;
background: rgba(0,174,222,1);
background: -moz-linear-gradient(top, rgba(0,174,222,1) 0%, rgba(0,63,158,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,174,222,1)), color-stop(100%, rgba(0,63,158,1)));
background: -webkit-linear-gradient(top, rgba(0,174,222,1) 0%, rgba(0,63,158,1) 100%);
background: -o-linear-gradient(top, rgba(0,174,222,1) 0%, rgba(0,63,158,1) 100%);
background: -ms-linear-gradient(top, rgba(0,174,222,1) 0%, rgba(0,63,158,1) 100%);
background: linear-gradient(to bottom, rgba(0,174,222,1) 0%, rgba(0,63,158,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aede', endColorstr='#003f9e', GradientType=0 );
}
.box7{
min-height: 341px;
background-size: 160%!important;
background-position: center center!important;
}
.box7 span{
padding-left: 30px;
padding-right: 30px;
display: block;
position: relative;
z-index: 1;
}
.box7 span:before{
position: absolute;
content:"";
background: rgba(0,77,166,1);
background: -moz-linear-gradient(top, rgba(0,77,166,1) 0%, rgba(0,28,57,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,77,166,1)), color-stop(100%, rgba(0,28,57,1)));
background: -webkit-linear-gradient(top, rgba(0,77,166,1) 0%, rgba(0,28,57,1) 100%);
background: -o-linear-gradient(top, rgba(0,77,166,1) 0%, rgba(0,28,57,1) 100%);
background: -ms-linear-gradient(top, rgba(0,77,166,1) 0%, rgba(0,28,57,1) 100%);
background: linear-gradient(to bottom, rgba(0,77,166,1) 0%, rgba(0,28,57,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004da6', endColorstr='#001c39', GradientType=0 );
top:0;
left:0;
width:100%;
height: 100%;
z-index: -1;
opacity: 0.85;
transition: all 0.5s;
}
.box7:hover span:before{
opacity: 0.65;
}
.box7{
padding: 0!important;
}
.box5,.box6, .box7 span{
padding-top: 80px;
padding-bottom: 80px;
}
.box5 i,.box6 i,.box7 i{
margin:0 0 30px 0;
color:#fff;
font-size:90px;
transition: all 0.3s;
}
.box5:hover i,.box6:hover i,.box7:hover i{
transform:scale(1.2); -webkit-transform:scale(1.2); 
-moz-transform:scale(1.2); -o-transform:scale(1.2); 
}
.box5,.box6{
opacity: 1;
transition: all 0.4s;
}
.box5:hover,.box6:hover{
opacity: 0.85;
}
.box5 h3,.box6 h3,.box7 h3{
color:#fff;
font-size:26px;
line-height: 30px;
font-weight: 800;
font-family: 'OpenSans';
margin:0 0 0px 0;
text-transform: uppercase;
}
.box4 p{
display: inline-block;
}
.box4 img{
display: inline-block;
margin:0;
}
.box4 h3{
display: inline-block;
padding: 0 35px;
margin: 0;
line-height: 78px;
vertical-align: middle;
}
.box4 h5{
display: inline-block;
vertical-align: middle;
color:#fff;
font-size:19px;
line-height: 25px;
text-align: left;
font-family: 'Museo300';
}
#main-slider{
height:600px;
overflow:hidden;
}
#main-slider .container{
padding-left:15px;
padding-right:15px;
}
.img-center{
width:100%;
height: auto;
margin-left: auto;
margin-right: auto;
max-width: 270px;
}
.gap15{
margin-bottom: 15px;
}
.gap30{
margin-bottom: 30px;
}
.gap50{
margin-bottom: 50px;
}
.box1 img,.box2 img,.box3 img,.box4 img{
transition: all 0.3s;
}
.box1:hover img,.box2:hover img,.box3:hover img,.box4:hover img{
transform:scale(1.1); -webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); -o-transform:scale(1.1); 
}
.box-link{
display: block;
position: relative;
z-index: 1;
}
.box1:before,.box2:before,.box3:before,.box4:before{
top:0;
left:0;
width:100%;
height: 100%;
content:"";
background: #000;
position: absolute;
z-index: -1;
opacity: 0;
transition: all 0.5s;
}
.box1:hover:before,.box2:hover:before,.box3:hover:before,.box4:hover:before{   
opacity: 0.2;
}
.video-container{
position: relative;
display: block;
width: 100%;
padding-bottom: 55.2%;
}
.gap65{
margin-bottom: 65px;
}
.google-map{
display: block;
width:100%;
padding-bottom: 40%;;
position: relative;
min-height: 300px;
display: block;
}
.video-container span{
top:50%;
color:#171336;
font-size: 20px;
left: 50%;
position: absolute;
margin-top: -30px;
margin-left: -30px;
}
.google-map iframe,
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.popup-overlay{
position: fixed;
top:0;
left:0;
width:100%;
height: 100%;
z-index: 9999998;
background: rgba(0,0,0,0.8);
display: none;
}
.popup{
top:50%;
left:50%;
position: fixed;
z-index: 9999999;
min-width: 1000px;
max-width: 96%;
max-height: 96%;
overflow: auto;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
}
.popup .close{
position: absolute;
top:0px;
right: 0px;
text-align: center;
line-height: 30px;
width:30px;
height: 30px;
opacity: 0.7;
text-shadow: none;
display: block;
cursor: pointer;
transition: all 0.3s;
background: url(https://marshindustries.co.uk/wp-content/themes/marsh-theme/img/close.png);
background-size: 20px 20px!important;
background-position: center center!important;
background-repeat: no-repeat;
}
.popup .close:hover{
opacity: 1;
}
.popup  .content{
margin:30px;
padding: 0px;
display: block;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.popup-overlay i.fa{
color:#fff;
margin-top:-45px;
margin-left: -45px;
font-size:90px;
position: absolute;
top:50%;
left:50%;
}
.form-group{
margin-bottom: 15px;
}
::-webkit-input-placeholder { color:#00264c;
}
::-moz-placeholder { color:#00264c;
}
:-ms-input-placeholder { color:#00264c;
}
:-moz-placeholder { color:#00264c;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], .bim_upload select {
height: 55px;
line-height: 55px;
width:100%;
border-radius: 0;
border:1px solid #00264c;
padding: 0 10px;
font-family: 'Museo300';
font-size: 24px;
letter-spacing: 1.3px;
color:#00264c;
outline: none!important;
}
.wpcf7-form label{
display: none;
}
.form-group br{
display: none;
}
.has-background .wpcf7-form label{
display: block;
color: #fff;
font-size: 14px;
font-weight: 300;
margin: 0;
}
.has-background input[type="text"],.has-background  input[type="email"],.has-background  input[type="url"],.has-background  input[type="password"],.has-background  input[type="search"],.has-background  .bim_upload select{
height: 30px;
background: rgba(255,255,255,0.05)!important;
border:none;
border-bottom: 2px solid #fff;
font-size: 14px;
line-height: 30px;
text-transform: none;
color: #fff;
}
.has-background textarea::placeholder,
.has-background input::placeholder{
font-size: 0!important;
}
textarea{
height: 335px;
letter-spacing: 1.3px;
outline: none!important;
color:#00264c;
font-size: 24px;
font-family: 'Museo300';
line-height: 28px;
width:100%;
border-radius: 0;
border:1px solid #00264c;
padding: 10px 10px;
}
.has-background textarea{
height: 360px;
background: transparent;
border:none;
border-bottom: 2px solid #fff;
font-size: 14px;
line-height: 22px;
text-transform: none;
color: #fff;
}
.has-background input[type="text"]:focus,.has-background  input[type="email"]:focus,
.has-background textarea:focus{
border-color: #4099FF;
}
.wpcf7-form{
margin-top:90px;
}
input[type="text"]:focus, input[type="email"]:focus,
textarea:focus{
border-color: #000;
}
.wpcf7-form-control-wrap{
display: block;
}
div.wpcf7-response-output{
margin:0;
padding: 8px 15px;
}
span.wpcf7-not-valid-tip{
position: absolute;
top:15px;
pointer-events: none;
font-family: 'Museo300';
right:10px;
}
.form-group .pull-left p,
.form-group .pull-right{
line-height: 55px;
margin:0;
}
.form-group .pull-left p{
font-family: 'Museo300';
font-size:18px;
letter-spacing: 1.2px;
}
.form-group .pull-left p sup{
color:#f07b00;
} .blue-circle{
position: relative;
overflow: hidden;
}
.blue-circle:before{
content: "";
position: absolute;
width: 50vw;
height: 50vw;
bottom: 0;
right: 0;
border: 70px solid #fff;
opacity: 0.05;
border-radius: 50%;
transform: translate(60%,40%);
}
.yellow-circle-left,
.yellow-circle-right{
position: relative;
}
.yellow-circle-right:before{
content: "";
position: absolute;
width: 40vw;
height: 40vw;
bottom: 0;
right: 0;
border: 70px solid #F3CA32;
z-index: 2;
border-radius: 50%;
transform: translate(60%,55%);
mix-blend-mode: multiply;
}
.yellow-circle-left:before{
content: "";
position: absolute;
width: 40vw;
height: 40vw;
bottom: 0;
left: 0;
border: 70px solid #F3CA32;
z-index: 2;
border-radius: 50%;
transform: translate(-65%,55%);
mix-blend-mode: multiply;
} .menu-footer-menu-container ul{
margin: 0;
padding: 0;
}
.menu-footer-menu-container ul li{
display: inline-block;
padding: 2px 0;
}
.menu-footer-menu-container ul li a{
font-size: 14px;
line-height: 14px;
padding: 0 5px 0 3px;
}
.menu-footer-menu-container ul li a{
border-right: 1px solid #000;
color:#000;
}
.menu-footer-menu-container ul li a:hover{
color:#3b5998;
}
.menu-footer-menu-container ul li:nth-last-child(1) a{
border-right: none;
}
footer .vcenter{
display: inline-block;
vertical-align: middle;
float:none;
} footer{
border-top:2px solid black;
background:#ffca30;
overflow: hidden;
position: relative;
font-size:13px;
font-family:"Museo500";
}
.whb{
background:white; 
overflow:hidden; 
}
footer p{
margin:0;
color:black;
padding:40px 0;
font-size:10px;
text-align: right;
position: relative;
z-index: 4;
line-height: 36px;
}
footer .col-sm-8 p{
text-align:left;
}
footer a{
color:black;
}
footer p a:hover{
color:#171336;
}
.social {
width: 185px;
float:right;
}
.social a {
display: inline-block;
padding: 0;
margin-left: 5px;
color: #1b2882;
width: 30px;
text-align: center;
z-index: 4;
position: relative;
font-size: 18px !important;
height: 30px;
line-height: 26px;
transition: all 0.5s;
border: 2px solid #1b2882;
}
.social a:hover,
.social a:focus{
color:#666 !important;
border:2px solid #666 !important;
}
.social.dark{
width:100%;
float: left;
margin-bottom: 40px;
}
.social.dark a:hover,
.social.dark a:focus{
color:#00264c !important;
border:2px solid #00264c !important;
}
.social.dark a{
color:#00264c;
}
.social.dark span{
display: inline-block;
font-size: 30px;
line-height: 32px;
color: #00264c;
padding: 0 10px 0 0;
font-family: 'Museo500';
}
.social a.fb-icon:hover{
color:#3b5998;
}
.social a.tw-icon:hover{
color:#4099FF;
}
.social a.gp-icon:hover{
color:#d34836;
}
.color-red,
.social a.yt-icon:hover{
color:#e52d27;
}
.scrollToTop{
position: fixed;
bottom: 0px;
right: 0;
width:40px;
height: 40px;
line-height: 40px;
text-align: center;
background:#171336;
color:#fff;
opacity:0.7;
display:none;
z-index: 99999;
cursor:pointer; 
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.scrollToTop:hover,.scrollToTop:focus{
opacity:1;
color:#fff;
}
#cookie-law-info-bar span{
font-family: 'Museo300'!important;
font-size:16px!important;
}
#cookie_action_close_header,#CONSTANT_OPEN_URL{
margin: 10px!important;
font-family: 'Museo300'!important;
text-shadow: none!important;
font-size:16px!important;
}
#cookie_action_close_header{
background: #ffca30!important;
transition: all 0.5s!important;
box-shadow: none!important;
border-radius: 0!important;
}
#cookie_action_close_header:hover{
background: #ffca30!important;
}
#cookie-law-info-bar{
border-color: #ffca30!important;
z-index: 999999;
}
#cookie-law-info-again{
display: none!important;
width:40px!important;
border:none!important;
background: #000!important;
color:#fff!important;
padding: 10px 15px!important;
}
#cookie_hdr_showagain:before{
content:'';
font-family: FontAwesome;
}
.cat-title{
margin-bottom: 60px;
}
.product{
text-align:center;
overflow:hidden;
}
.product h4{
margin-top:20px;
font-size:22px;
font-family:'Museo500';
}
.product-image{
height:300px;
overflow:hidden;
}
.product-image>div{
transition:all 0.5s;
height:300px;
width:100%;
background-size: contain!important;
background-repeat: no-repeat !important;
background-position: center center!important;
}
.product:hover .product-image>div{
transform:scale(0.9);
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-ms-transform:scale(0.9);
}
#producthead{
background:#ededed;
color:#1b2882;
padding:40px 0;
}
#producthead h1{
font-size:36px;
}
#producthead h2{
font-size:22px;
}
#news, #videos{
margin-top:50px;
font-size:18px;
font-family:'Museo300';
}
#news hr, #videos hr{
margin-top:5px;
color:#00264C !important;
height: 2px;
background:#00264C !important;
}
.ajax-video{
display: block;
}
.ajax-video a{
display: block;
}
.videos-links{
margin: 10px 0;
padding: 0;
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: center;
}
.videos-links li{
list-style-type: none;
}
.videos-links li a{
width: 15px;
height: 15px;
margin: 5px;
border:2px solid #F3CA32;
border-radius: 50%;
display: block;
}
.videos-links li a.active{
background: #F3CA32;
}
.videos-links li a:hover{
background: #F3CA32;
}
#news>span,
#videos>span{
float:right;
}
#news>span a,
#videos>span a{
color:black;
transition:all 0.5s;
}
#news>span a:hover,
#news>span a:focus,
#videos>span a:hover,
#videos>span a:focus{
color:#ffca30;
}
#category-posts{
overflow:hidden;
}
#news h3{
font-family:'Museo300';
font-size:18px;
margin-bottom:0;
line-height:20px;
}
#category-posts h3{
font-family:'Museo700';
color:black;
font-size:18px;
margin-bottom:0;
line-height:20px;
}
#news h4,
#category-posts h4{
color: #00264C;
margin-bottom:20px;
}
#news h4 small{
font-size:16px;
color: #00264C;
}
#category-posts h4 small{
font-size:16px;
color:black;
}
#news p,
#category-posts p{
font-size:16px;
padding-right:50px;
line-height: 20px;
}
.wp-block-button__link{
outline:none !important;
height:30px;
color: #00264C!important;
border-radius: 0!important;
line-height:30px;
line-height: 27px;
font-size:13px;
padding:0 15px;
}
#news button,
#category-posts button{
outline:none !important;
margin-bottom:30px;
height:30px;
line-height:30px;
line-height: 20px;
font-size:13px;
padding:0 15px;
}
#producthead button{
float:right;
}
#videos .container-lazyload{
width:100%;
display:block;
float: none;
}
.navbar-nav{
float:right;
}
.navbar-collapse{
padding:0 !important;
}
.navbar-nav>li{
background: transparent;
transition: all 0.5s;
}
.main-logo {
position: absolute;
left: 15px;
bottom: 15px;
max-width:100% !important;
transition:all 0.5s;
}
.main-logo img{
height:140px;
outline:none;
overflow:hidden;
transition:all 0.5s;
width:127px !important;
}
.page-template-page-contact .normal-page, .page .normal-page{
position: relative;
z-index: 1; }
.std.sm-gap90{
padding:0 30px;
}
.sm-gap90 {
margin-top: 30px;
}
.wpcf7-form {
margin-top: 40px;
}
@media(max-width:1499px){
#main-slider .item .caption p strong{
font-size:140px;
}
.excerpt,.std p,.std ul li,.std ol li{
font-size:16px;
line-height: 22px;
}
#main-slider,
#main-slider .item{
height: 500px;
}
.banner-tile .content h2{
font-size:36px;
}
.banner-tile .content p{
font-size:16px;
}
.banner-tile .content{
height: 12vw;
}
}
@media(max-width:1366px){
#main-slider,
#main-slider .item{
height: 450px;
}
}
@media(max-width:1200px){
#main-slider,
#main-slider .item{
height: 400px;
}
#main-slider .item{
background-position:left !important;
}
.std h1 {
font-size: 40px;
}
}
@media(max-width:1024px){
#main-slider,
#main-slider .item{
height: 350px;
}
#main-slider .item .caption h3{
font-size:36px !important;
}
#main-slider .item .caption p {
font-size: 18px;
}
.navbar-default .navbar-nav>li>a {
font-size: 16px;
}
#main-slider button, #producthead button {
font-size: 16px;
line-height: 40px;
padding: 0 25px;
float:none;
}
article{
padding:0 15px;
}
#producthead .container .col-sm-9{
width:75% !important;
float:left !important;
margin-left:0 !important;
}
#producthead .container .col-sm-3{
width:25% !important;
float:left !important;
margin-top:20px;
text-align:center;
}
.banner-tile .content h2{
font-size: 32px;
}
}
@media(max-width:991px){
.banner-tile .content h2 {
font-size: 22px;
}
.banner-tile .content p {
font-size: 12px;
}
.banner-tile .content a{
height: 25px;
line-height: 22px;
font-size: 12px;
}
.navbar-default .navbar-nav>li {
padding: 0 10px;
}
.sm-hide{
display: none!important;
}
.box4 h3{
display: block;
}
.news-item{
padding-bottom: 60px;
margin-bottom: 60px;
}
.entry-title{
margin:60px 0;
font-size:50px;
}
.sm-gap75{
margin-top:45px!important;
}
.popup{
min-width: 90%;
}
#main-slider .item .caption p strong{
font-size:70px;
}
.box3 ,.box1,.box2{
min-height: 390px;
}
.social{
text-align: center;
}
footer p{
line-height: 17px;
margin-top:25px;
}
.box4 img {
max-width: 150px;
}
.section {
margin-top: 100px;
margin-bottom: 85px;
}
.product h4 {
font-size: 18px;
}
#producthead{
padding: 25px 0;
}
#producthead{
text-align: center;
}
#producthead h1{
font-size: 28px;
}
#producthead h2{
font-size: 18px;
}
#producthead .col-sm-9{
padding-top: 10px;
padding-bottom: 10px;
text-align:left;
}
}
@media(max-width:767px){
header .main-logo img{
width: 70px!important;
height: auto!important;
}
header.sticky .main-logo img{
width: 50px!important;
height: auto!important;
}
.yellow-circle-left:before,
.yellow-circle-right:before{
width: 60vw;
height: 60vw;
border: 40px solid #F3CA32;
}
.row-image-background-two>.wp-block-column:nth-of-type(2) .wp-block-image{
margin-bottom: 0;
}
.row-image-background-two>.wp-block-column:nth-of-type(2) .wp-block-image img{
width: 100%;
}
.row-left.wp-block-columns>.wp-block-column.has-background{
padding: 20px 15px 0 15px;
}
.blue-circle:before{
width: 80vw;
height: 80vw;
border: 40px solid #fff;
transform: translate(40%,40%);
}
.has-background textarea{
height: 120px;
}
.xs-no-padding-bottom{
padding-bottom: 0!important;
}
.wp-block-image .alignright{
float: none;
}
.grid-gap,
.wp-block-columns{
padding-top: 30px;
padding-bottom: 30px;
}
.wp-block-columns{
display: block;
width: 100%;
}
.row-left,
.row-right,
.row-full {
width: auto;
max-width: 100vw!important;
position: relative;
margin-left: -15px;
left: 0%;
margin-right: -15px;
}
.wp-block-columns .wp-block-column{
margin: 0 0 40px 0!important;
width: 100%;
}
.wp-block-columns.row-left .wp-block-column,
.wp-block-columns.row-right .wp-block-column,
.wp-block-columns .wp-block-column:nth-last-of-type(1){
margin-bottom: 0!important;
}                           #producttab .tab-content table tr th{
display: none;
}
#producthead .container .col-sm-9{
width:100% !important;
float:left !important;
margin-left:0 !important;
text-align:center !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#producthead .container .col-sm-3{
width:100% !important;
float:left !important;
margin-top:20px;
text-align:center;
}
.single-products .normal-page .image-full img{
width:100%;
max-width: 240px;
height: auto;
margin: auto;
display: block;
}
.btn-extra{
margin-top: 5px;
border:none!important;
box-shadow: none!important;
background: #1b2882;
color:#ffca30;
text-align: center;
width: 100%;
padding: 10px 15px;
font-size: 16px;
text-shadow: none; 
outline: none!important;
cursor: pointer;
border-radius: 0;
}
.btn-extra.collapsed:before{
font-family: FontAwesome;
content: "";
float: right;
}
.btn-extra:before{
font-family: FontAwesome;
content: "";
float: right;
}
.mobile-tab{
border:1px solid #171336;
padding: 20px;
}
.mobile-tab ul li,.mobile-tab ol li,
.mobile-tab p{
font-size: 14px;
line-height: 19px;
}
.btn-extra.collapsed{
color:#171336;
background:#ffca30;
}
#producttab .tab-content{
padding: 0;
border: none;
}
#producttab .tab-pane{
display: block!important;
opacity: 1!important;
visibility: visible!important;
}
#producttab .tab-content table tr td{
display: block;
padding: 10px 8px; 
border-bottom: 1px solid #fff;
}
#producttab .tab-content table tr:nth-child(odd) td{
background: #fff2cd;
}
#producttab .tab-content table tr td:before{
content: attr(data-column);
font-weight: 700;
margin-right: 15px;
min-width: 50%;
display: inline-block;
}
.nav.nav-pills li{
width: 100%;
float: none;
}
.dropdown-menu{
background: transparent!important;
box-shadow: none!important;
border:none!important;
border-radius: 0!important;
}
.dropdown-menu .dropdown-menu{
padding-left: 10px;
}
.dropdown-menu li a{
color:#1b2882!important;
}
.dropdown-menu li a:hover{
color:#fff!important;
}
.navbar-nav{
float:none;
}
.navbar-collapse{
padding-left: 15px;
padding-right: 15px;
}
.navbar-default .navbar-nav>li>a{
text-align: left;
line-height: 30px;
font-size: 16px;
}
.page-template-page-contact .col-sm-4.col-md-4{
text-align:center;
margin-bottom:30px;
}
.meet-the-team .std .row{
padding-top:0px;
padding-bottom: 0px;
}
.navbar-default .navbar-nav>li {
padding: 0 !important;
}
.navbar-nav {
margin: 0;
width: 100%;
}
.gallery .gallery-item{
width:50%!important;
}
.main-logo{
top:5px;
bottom:auto;
}
header.sticky .main-logo {
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"]{
font-size:16px;
height: 40px;
line-height: 40px;
}
textarea{
font-size:16px;
height: 140px;
line-height: 18px;
padding: 10px;
}
.google-map iframe{
height: 350px!important;
}
.std.std-small-h1 h1{
font-size: 32px;
}
.std h3{
font-size:25px;
}
.youtube-videos .container-lazyload:nth-of-type(3), .youtube-videos .container-lazyload:nth-of-type(4) {
display:none;
}
.container-lazyload{
width:100%;
float:none;
}
footer p{
margin-right: 45px;
}
.related-products-carousel .item a h5{
font-size:18px;
line-height: 22px;
height: 46px;
}
.related-header{
font-size:35px;
}
.std h2{
font-size:40px;
}
.entry-title{
margin:40px 0;
}
.news-item{
padding-bottom: 40px;
margin-bottom: 40px;
}
.post-meta{
margin: 15px 0;
}
.news-item:before{
left:15px;
right:15px;
width:calc(100% - 30px);
}
.wpcf7-form{
margin-top:40px;
}
.sm-gap90{
margin-top: 40px;
}
.sm-gap75{
margin-top:25px!important;
}
.box5 h3, .box6 h3, .box7 h3{
font-size:20px;
line-height: 25px;
}
.box5 i,.box6 i,.box7 i{
font-size:60px;
}
.std h2{
font-size:50px;
}
.section {
margin-top: 60px;
margin-bottom: 45px;
}
.box4 p{
display: block;
}
.box4 img {
max-width: 100%;
margin:auto;
margin-bottom: 35px;
display: block;
text-align: center;
}
.box4 h3{
line-height: 30px;
margin-bottom: 30px;
padding: 0;
}
.box4 h5{
text-align: center;
margin:0;
}
.box3 ,.box1,.box2,.box4{
min-height: 330px;
text-align: center;
}
.dropdown-menu{
position: relative;
float:none;
margin:0;
background: rgba(255,255,255,0.05);
}
.navbar-nav>li>.dropdown-menu{
}
.container.additional{
padding-left: 15px;
padding-right: 15px;
}
.navbar-toggle{
margin-top: 13px;
}
.navbar-collapse{
max-height:350px;
}
.dropdown-menu>li>a{ 
padding: 6px 10px;
border:none!important;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
background: #f07b00;
}
.navbar-default .navbar-toggle{
border-color:#1b2882;
box-shadow: none;
margin-right: 0;
border-radius: 0;
background-color: #666;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
background: #fff;
outline: none;
}
.navbar-default .navbar-toggle:hover .icon-bar,.navbar-default .navbar-toggle:focus .icon-bar{
background: #00264c;
}
.main-logo {
position: absolute;
}
.additional p .align-left{
display: none;
}
.toggle-drop-menu{
display: block;
position: absolute;
top:0px;
right: 0px;
width:30px;
height: 30px;
line-height: 30px;
text-align: center;
color:#1b2882;
z-index: 999;
cursor: pointer;
font-size:22px;
}
.dropdown-menu .toggle-drop-menu{
font-size:16px;
}
.toggle-drop-menu:before{
font-family:FontAwesome;
content: "";
}
.toggle-drop-menu.active:before{
content:"";
}
.navbar-default .navbar-nav>li.active a{
color:#000 !important;
}
.navbar-default .navbar-nav>li a:after,
.navbar-default .navbar-nav>li a:before{
display:none !important;
}
.additional{
padding-top: 0px;
}
#page{
padding-top: 90px;
}    header.sticky{
top:0;
height: 66px!important;
}
header #site-navigation{
margin-top:15px;
transition: all 0.3s;
}
header.sticky #site-navigation{
margin-top: 4px;
} 
header .social{
position: absolute;
top: 30px;
right: 80px;
font-size: 0;
z-index: 999999;
display: flex;
justify-content: flex-end;
transition: all 0.3s;
width: 210px;
}
header.sticky .social{
top:17px;
}
header .social i{
font-size: 18px;
line-height: 27px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
margin-top:10px;
}
.sticky .navbar-default .navbar-collapse, .sticky .navbar-default .navbar-form {
margin-top: 0px;
padding: 15px 0!important;
border:none !important;
box-shadow:none !important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
padding: 15px 0!important;
}
.product {
max-width: 400px;
margin: 0 auto 50px;
}
#videos .container-lazyload {
max-width: 400px;
margin: 0 auto;
}
footer{
padding:30px 0;
}
footer p {
margin: 0px;
text-align:center !important;
padding: 10px 0;
}
.std.sm-gap90 .row .col-sm-4{
margin-bottom:20px;
}
.search-form {
top:90px;
}
.xs-text-center{
text-align: center;
}
}
@media(max-width:600px){
.banner-tile .content{
padding: 10px 15px;
}
.row.marsh-banner{
flex-wrap: wrap;
}
.col-us-12{
width: 100%;
}
.page-id-84 .std table tr td:nth-child(1){
width: 30%;
}
.page-id-84 .std table tr td:nth-child(2){
width: 70%;
}
.gallery .gallery-item{
width:100%!important;
}
.col-xxs-12{
float:none;
width:100%;
clear: both;
}
.box3, .box1, .box2, .box4 {
min-height: 220px;
}
.additional .textwidget span{
display:none;
}
.additional .textwidget p a {
float: right;
clear: both;
}
.search-form {
top: 66px;
right: auto;
height: 60px;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
}
.search-form input[type="search"] {
height: 60px;
}
.search-form button {
height: 60px;
}
}
@media(max-width:460px){
.social a{
margin-left: 2px;
}
header .social{
top:17px;
right: 64px;
}    #page{
padding-top: 66px;
}
header .main-logo img,
header.sticky .main-logo img{
width: 50px!important;
height: auto!important;
}
header.sticky #site-navigation,
header #site-navigation {
margin-top: 2px;
}
.main-logo img{
height:100px;
width:auto !important;
}
#main-slider .item .caption{
top:50%;
}
.search-form{
width:210px;
}
.entry-title{
font-size:40px;
}
.std h2 {
font-size: 40px;
}
#main-slider .item .caption p{
font-size:18px;
}
#main-slider .item .caption h3{
font-size:20px;
}
.box img{
margin-bottom: 10px;
}
#main-slider .item .caption p strong{
font-size:30px;
}
.box1 img, .box2 img, .box3 img {
max-width: 70px;
}
.box h3{
font-size: 20px;
margin-bottom: 10px;
line-height: 24px;
}
.box4 img{
max-width: 100px;
}
#main-slider .item{
background-image:none !important;
}
.additional .textwidget p a {
font-size: 16px;
}
.product-image>div, .product-image{
height: 250px;
}
.entry-title {
font-size: 36px;
padding: 0 20px;
}
}
@media(max-width:400px){
.page-id-84 .std table tr td:nth-child(1){
width: 100%;
display: block;
padding: 0;
}
.page-id-84 .std table tr th{
padding: 0;
}
.page-id-84 .std table tr td:nth-child(2){
width: 100%;
padding: 0;
display: block;
}
.additional p .align-right{
float:right;
}
#main-slider .item .caption h3 {
font-size: 32px !important;
}
#main-slider, #main-slider .item {
height: 370px;
}
.product-image>div, .product-image {
height: 180px;
}
}
@media(max-width:360px){
header .social{
width: 180px;
}
}
@media(min-width:768px){
.row-image-background>.wp-block-column p{
max-width: 80%;
}
.row-image-background-two>.wp-block-column:nth-of-type(2),
.row-image-background>.wp-block-column:nth-of-type(1){
position: relative;
}
.row-image-background-two>.wp-block-column:nth-of-type(2) img,
.row-image-background>.wp-block-column:nth-of-type(1) img{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.sm-gap-75{
padding-top: 75px;
}
.sm-gap-20{
padding-top: 20px;
}
#producttab .tab-content table tr th{
padding:8px; 
border: 1px solid #fff;
background: #ffca30; 
color:#1b2882;
}
#producttab .tab-content table tr td{
padding:8px; 
border: 1px solid #fff;
}
#producttab .tab-content table tr:nth-child(odd) td{
background: #fff2cd;
}
.mobile-tab{
display: block!important;
}
.home #products .product{
border-left: 1px solid #eaeaea;
}
.home #products .product.no-border{
border-left: none;
}
.navbar-nav>li>.dropdown-menu{
display: block;
left:0;
padding: 0;
min-width: 230px;
opacity: 0;
visibility: hidden;
transition: all 0.8s;
border:none!important;
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);
border-radius: 0;
} .navbar-nav>li>.dropdown-menu li .dropdown-menu{
display: block;
padding: 0;
min-width: 230px;
opacity: 0;
margin: 0;
left: auto;
background: #1b2882;
top: 0;
right: 100%;
border-radius: 0; 
border:none!important;
visibility: hidden;
transition: all 0.8s;
-webkit-box-shadow: -2px 2px 2px 0px rgba(0,0,0,0.25);
-moz-box-shadow: -2px 2px 2px 0px rgba(0,0,0,0.25);
box-shadow: -2px 2px 2px 0px rgba(0,0,0,0.25);
}
.navbar-nav>li>.dropdown-menu li:hover .dropdown-menu{
opacity: 1;
visibility: visible;
}
.navbar-nav>li>.dropdown-menu li:hover>a{
background: #1b2882;
color:#ffca30;
}
.navbar-nav>li>.dropdown-menu li li a{
color:#ffca30;
transition: all 0.3s;
}
.navbar-nav>li>.dropdown-menu li li a:hover{
color:#fff;
}
.navbar-nav>li:hover>.dropdown-menu{
opacity: 1;
visibility: visible;
}
}
@media(min-width:992px){
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(.has-background):not(:first-child) {
margin-left: 50px;
}
}
@media(min-width:1200px){
.md-padding-left60{
padding-left: 60px;
}
.sm-gap-20{
padding-top: 25px;
}
}
@media(min-width:1600px){
.row-left.wp-block-columns>.wp-block-column.has-background {
padding: 8vw 0vw 0px 8vw;
}
}  .accordion,
.accordion * {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.accordion {
overflow:hidden;
box-shadow:0px 0px 0px rgba(0,0,0,0.25);
border-radius:0px;
background:#fff;
} .accordion-section-title {
width:100%;
padding:15px;
display:inline-block;
border-bottom:0px solid #1b2882;
background:#ededed;
transition:all linear 0.15s; font-size:1.200em;
font-weight:bold;
color:#fff;
}
.accordion-section-title.active,
.accordion-section-title:hover {
background:#ccc; text-decoration:none;
color:#1b2882!important;
}
.accordion-section:last-child .accordion-section-title {
border-bottom:none;
} .accordion-section-content {
padding:15px;
display:none;
} .download_btn a.wp-block-file__button.wp-element-button {
border: 1px solid #0D499C !important;
background: #0D499C;
color: #fff !important;
font-size: 14px;
font-family: "Museo300", sans-serif;
line-height: 26px;
height: 40px;
padding: 5.9px 22px;
min-width: 200px;
margin-top: 2.7rem;
border-radius: 4px;
text-align: center;
}
.download_btn a.wp-block-file__button.wp-element-button:hover {
border: 1px solid #F3CA32 !important;
background: #F3CA32;
}
.bim_upload label {
font-weight: bold;
text-align: right;
display: block;
line-height: 55px;
}
.bim_upload input[type=file] {
line-height: 55px;
}
@media(max-width:768px) and (max-height:568px){
.banner-tile .content h2{
font-size: 22px;
}
.banner-tile .content p{
font-size: 12px;
}
.has-background .more-link, .banner-tile .content a {
height: 25px;
line-height: 22px;
font-size: 12px;
}
}
.theme-button .wp-block-button__link {
padding: 14px 26px;
background: #0d499c;
line-height: 100%;
height: 100%;
border: none;
color: #fff !important;
}
.ml-25 {
margin-left: 25px;
}
.align-items-center {
align-items: center;
}
@media (min-width: 782px) {
.wp-block-columns.custom-wrap {
flex-wrap:wrap;
}
}
@media (min-width: 782px && max-width: 991.98px) {
.wp-block-columns.custom-wrap {
flex-wrap:wrap;
}
.custom-wrap .wp-block-column {
flex-shrink: 1;
}
}
.gallery-section-column .wp-block-gallery {
flex-wrap: nowrap;
}
.gallery-section-column .wp-block-gallery figure img {
object-fit: contain !important;
}