.jslghtbx-ie8.jslghtbx {
background-image: url(//www.copdockmill.co.uk/wp-content/themes/wordpress-theme-copdock-mill/includes/img/trans-bck.png);
display: none;
}
.jslghtbx-ie8.jslghtbx.jslghtbx-active {
display: block;
}
.jslghtbx-ie8.jslghtbx .jslghtbx-contentwrapper > img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
display: block;
}
.jslghtbx-ie8.jslghtbx .jslghtbx-contentwrapper.jslghtbx-wrapper-active > img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
} .jslghtbx {
font-family: sans-serif;
overflow: auto;
visibility: hidden;
position: fixed;
z-index: 4;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: transparent;
}
.jslghtbx.jslghtbx-active {
visibility: visible;
background-color: rgba(0, 0, 0, 0.85);
} .jslghtbx-loading-animation {
margin-top: -60px;
margin-left: -60px;
width: 120px;
height: 120px;
top: 50%;
left: 50%;
display: none;
position: absolute;
z-index: -1;
}
.jslghtbx-loading-animation > span {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 20px;
margin: 5px;
background-color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
.jslghtbx-loading-animation > span.jslghtbx-active {
margin-bottom: 60px;
}
.jslghtbx.jslghtbx-loading .jslghtbx-loading-animation {
display: block;
}
.jslghtbx-nooverflow {
overflow: hidden !important;
}
.jslghtbx-contentwrapper {
margin: auto;
visibility: hidden;
}
.jslghtbx-contentwrapper > img {
background: #fff;
padding: .5em;
display: none;
height: auto;
margin-left: auto;
margin-right: auto;
opacity: 0;
}
.jslghtbx-contentwrapper.jslghtbx-wrapper-active {
visibility: visible;
}
.jslghtbx-contentwrapper.jslghtbx-wrapper-active > img {
display: block;
opacity: 1;
} .jslghtbx-caption {
display: none;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
max-width: 450px;
color: #fff;
text-align: center;
font-size: .9em;
}
.jslghtbx-active .jslghtbx-caption {
display: block;
} .jslghtbx-contentwrapper.jslghtbx-animate > img {
opacity: 0;
}
.jslghtbx-contentwrapper > img.jslghtbx-animate-transition {
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
}
.jslghtbx-contentwrapper > img.jslghtbx-animating-next {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.jslghtbx-contentwrapper > img.jslghtbx-animating-prev {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.jslghtbx-contentwrapper > img.jslghtbx-animate-init {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.jslghtbx-contentwrapper > img.jslghtbx-animate-transition {
cursor: pointer;
} .jslghtbx-close {
position: fixed;
right: 23px;
top: 23px;
margin-top: -4px;
font-size: 2em;
color: #FFFFFF;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
.jslghtbx-close:hover {
text-shadow: 0 0 10px #fff;
}
@media screen and (max-width: 1060px) {
.jslghtbx-close {
font-size: 1.5em;
}
}
.jslghtbx-next,
.jslghtbx-prev {
display: none;
position: fixed;
top: 50%;
max-width: 6%;
max-height: 250px;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}
.jslghtbx-next.jslghtbx-active,
.jslghtbx-prev.jslghtbx-active {
display: block;
}
.jslghtbx-next > img,
.jslghtbx-prev > img {
width: 100%;
}
.jslghtbx-next {
right: .6em;
}
.jslghtbx-next.jslghtbx-no-img:hover {
border-left-color: #787878;
}
@media screen and (min-width: 451px) {
.jslghtbx-next {
right: .6em;
}
.jslghtbx-next.jslghtbx-no-img {
border-top: 110px solid transparent;
border-bottom: 110px solid transparent;
border-left: 40px solid #FFF;
}
}
@media screen and (max-width: 600px) {
.jslghtbx-next.jslghtbx-no-img {
right: 5px;
padding-left: 0;
border-top: 60px solid transparent;
border-bottom: 60px solid transparent;
border-left: 15px solid #FFF;
}
}
@media screen and (max-width: 450px) {
.jslghtbx-next {
right: .2em;
padding-left: 20px;
}
}
.jslghtbx-prev {
left: .6em;
}
.jslghtbx-prev.jslghtbx-no-img:hover {
border-right-color: #787878;
}
@media screen and (min-width: 451px) {
.jslghtbx-prev {
left: .6em;
}
.jslghtbx-prev.jslghtbx-no-img {
border-top: 110px solid transparent;
border-bottom: 110px solid transparent;
border-right: 40px solid #FFF;
}
}
@media screen and (max-width: 600px) {
.jslghtbx-prev.jslghtbx-no-img {
left: 5px;
padding-right: 0;
border-top: 60px solid transparent;
border-bottom: 60px solid transparent;
border-right: 15px solid #FFF;
}
}
@media screen and (max-width: 450px) {
.jslghtbx-prev {
left: .2em;
padding-right: 20px;
}
}
.jslghtbx-thmb {
padding: 2px;
max-width: 100%;
max-height: 140px;
cursor: pointer;
box-shadow: 0px 0px 3px 0px #000;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 451px) {
.jslghtbx-thmb {
margin: 1em;
}
}
@media screen and (max-width: 450px) {
.jslghtbx-thmb {
margin: 1em 0;
}
}
.jslghtbx-thmb:hover {
box-shadow: 0px 0px 14px 0px #000;
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//www.copdockmill.co.uk/wp-content/themes/wordpress-theme-copdock-mill/includes/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,800");
body {
font-family: 'Open Sans', sans-serif;
color: #596266;
font-size: 18px;
}
input, textarea, select, button {
font-family: 'Open Sans', sans-serif;
}
h1 , h2 , h3 , h4 {
color: #113b66;
text-transform: uppercase;
font-weight: 600;
font-size: 36px;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 22px;
}
p {
}
strong , b {
font-weight: 600;
color: #424b4d;
}
a {
color: #009896;
text-decoration: none;
}
a:hover {
color: #006362;
text-decoration: underline;
}
.alignleft {
float: left;
margin-right: 20px;
}
.alignright {
float: right;
margin-left: 20px;
}
.aligncenter {
margin: auto;
text-align: center;
}
img {
max-width: 100%;
height: auto;
}
div.wp-caption {
max-width: 100%;
display: inline-block;
}
p.wp-caption-text {
background-color: #f7f7f7;
color: #808080;
padding: 16px 25px;
font-size: 18px;
color: 595959;
font-style: italic;
}
.button {
padding: 10px 25px;
display: inline-block;
text-decoration: none;
color: #fff;
background: #009896;
border: none;
font-weight: 600;
transition: background-color 0.2s;
}
.button:hover {
background: #006362;
color: #fff;
text-decoration: none;
}
.button.blue {
background: #001e45;
}
.wp_content > :nth-child(1){
margin-top: 0;
}
.wp_content li {
position: relative;
}
.blogtitleclone
{
font-size: 22px;
margin-top: 15px;
margin: 0;
text-transform: none;
font-weight: bold;
color: #113b66;
}
.newsclone
{
display: block;
font-size: 1.5em;
font-weight: bold;
margin: 0;
}
.ourbrandsclone
{
font-size: 32px;
margin: 0;
}
.aboutusclone
{
color: #e1e1e1;
margin: 0;
font-weight: 300;
font-size: 36px;
}
.h3clone {
display: inline-block;
font-size: 50px;
padding-bottom: 10px;
font-weight: 600;
margin: 0 0 10px 0;
border-bottom: 4px solid #009896;
}
body {
margin: 0;
}
#header {
max-width: 1350px;
margin: 0px auto;
position: relative;
height: 127px;
}
#logo {
background: url(//www.copdockmill.co.uk/wp-content/themes/wordpress-theme-copdock-mill/includes/img/copdock-mill-wholesale-logo.svg) no-repeat center center;
background-size: contain;
display: block;
position: absolute;
top: 35px;
left: 0;
width: 350px;
height: 55px;
overflow: hidden;
text-indent: -999px;
}
#header .phone_us , #header .email_us {
display: block;
color: #113b66;
font-weight: 600;
position: absolute;
top: 40px;
right: 0;
text-align: right;
}
#header .email_us {
right: 150px;
}
#header .phone_us:hover , #header .email_us:hover {
text-decoration: none;
}
#header .phone_us span.small , #header .email_us span.small {
display: block;
color: #999999;
font-size: 14px;
font-weight: 400;
}
#header .phone_us:hover span.underline , #header .email_us:hover span.underline {
text-decoration: underline;
}
.padding_30 {
padding: 30px 0;
}
.sub-title {
font-size: 28px;
color: #989898;
margin-top: 0px;
}
.underline_title {
text-transform: uppercase;
color: #113b66;
font-size: 26px;
display: inline-block;
border-bottom: 2px solid #009896;
margin-bottom: 20px;
}
.underline_title.bigger {
font-size: 36px;
font-weight: 600;
border-bottom: 3px solid #009896;
}
.button a {
color: #fff;
text-decoration: none;
}
.button.blue {
background-color: #113A66;
}
.button.blue:hover {
background-color: #040c16;
}
.featured_banner {
display: flex;
align-items: flex-end;
height: 40vw;
max-height: 380px;
min-height: 200px;
background: center center no-repeat;
background-size: cover;
}
.featured_banner h2 {
background: rgba(42,42,42,0.7);
margin: 0;
width: 100%;
height: 110px;
line-height: 110px;
color: #fff;
font-weight: 600;
font-size: 36px;
letter-spacing: 2px;
}
.featured_banner h2 span {
max-width: 1350px;
margin: 0 auto;
display: block;
padding: 0 20px;
}
.main_container {
max-width: 1350px;
padding: 30px 20px;
margin: 0 auto;
}
.has_sidebar {
display: flex;
justify-content: space-between;
}
.has_sidebar .wp_title {
font-size: 22px;
font-weight: 400;
padding-bottom: 4px;
display: inline-block;
}
.has_sidebar .wp_content {
width: calc(100% - (180px + 15%));
}
.has_sidebar .wp_sidebar {
width: calc(150px + 15%);
}
.error404  .main_container {
padding: 200px 0;
text-align: center;
}
.wp_content > h1:first-child {
display: inline-block;
border-bottom: 4px solid #009896;
padding-bottom: 10px;
margin: 0;
line-height: 36px;
}
.wp_title {
text-transform: uppercase;
color: #113b66;
font-size: 34px;
line-height: 28px;
margin: 0 0 30px 0;
}
.wp_title span {
display: block;
color: #989898;
font-size: 22px;
text-transform: none;
}
.sidebar_menu {
padding: 0;
margin: 0 0 30px 0;
list-style: none;
}
.sidebar_menu a {
display: block;
padding: 15px 20px;
background: rgba(0,0,0,0.03);
border-left: 6px solid #f2f2f2;
margin-bottom: 1px;
color: #113b66;
font-weight: 600;
}
.sidebar_menu a:hover {
background: rgba(0,0,0,0.08);
color: #113b66;
border-left: 6px solid #009896;
}
.sidebar_menu li.current-menu-item a {
border-left: 6px solid #009896;
}
.sidebar_news_item {
display: flex;
justify-content: space-between;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #eee;
color: #113b66;
}
.sidebar_news_items a:last-child {
border-bottom: none;
}
.sidebar_news_item > p {
width: calc(100% - 150px);
margin: 0;
}
.sidebar_news_image {
background: center center no-repeat;
background-size: cover;
width: 130px;
height: 88px;
display: flex;
justify-content: flex-start;
align-items: flex-end;
}
.the_date {
background: #113b66;
color: #fff;
padding: 8px 8px 5px 7px;
font-size: 20px;
font-weight: 600;
text-align: center;
line-height: 18px;
-webkit-clip-path: polygon(0 10%, 90% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 10%, 90% 0, 100% 100%, 0% 100%);
transition: background-color 0.2s;
}
.the_date span {
display: block;
font-weight: 400;
font-size: 14px;
text-transform: uppercase;
}
.sidebar_news_item:hover {
text-decoration: none;
}
.sidebar_news_item:hover .the_date {
background: #006362;
}
.become_a_trade {
background: #009896;
background-size: cover;
color: #fff;
padding: 0 0 20px 0;
margin: 0 0 30px 0;
}
.become_a_trade span {
display: block;
background: url(//www.copdockmill.co.uk/wp-content/themes/wordpress-theme-copdock-mill/includes/img/become-a-customer.svg) no-repeat center top;
height: 1px;
padding-bottom: 50%;
background-size: cover;
margin-bottom: 10px;
}
.become_a_trade p.title {
display: inline-block;
margin: 10px 20px;
padding-bottom: 5px;
border-bottom: 2px solid #80cccb;
text-transform: uppercase;
font-weight: 600;
}
.become_a_trade p.content {
margin: 10px 20px 5px 20px;
color: #ccc;
}
.become_a_trade a {
color: #fff;
text-decoration: underline;
}
.wp_footer {
background: #113b66;
color: #d5dfe2;
padding: 40px calc(50% - (1350px /2) );
display: grid;
grid-gap: 30px;
grid-template-columns: 0.5fr 1.2fr 1fr 0.8fr;
}
.end_of_page {
display: flex;
justify-content: space-between;
background: #113b66;
padding: 20px calc(50% - (1350px /2) );
color: #839097;
}
.footer_graphic {
background: #113b66;
padding: 20px calc(50% - (1350px /2) );
}
.footer_graphic p {
border-bottom: 2px solid #fff;
height: 24px;
text-align: center;
}
.footer_graphic p span {
display: inline-block;
width: 430px;
height: 50px;
background: #113b66 url(//www.copdockmill.co.uk/wp-content/themes/wordpress-theme-copdock-mill/includes/img/copdock-mill-wholesale-logo-white.svg) center center no-repeat;
}
.wp_footer .footer_ttile {
display: inline-block;
margin: 0;
padding: 0 0 5px 0;
text-transform: uppercase;
border-bottom: 2px solid #416285;
font-size: 24px;
color: #fff;
}
.wp_footer strong {
color: #fff;
}
.wp_footer .col_4 {
text-align: right;
}
.wp_footer a {
color: #91d0e3;
}
.wp_footer ul {
margin: 20px 0 0 0;
padding: 0;
list-style: none;
}
.wp_footer ul a {
display: block;
padding: 8px 0;
line-height: 18px;
}
.latest_updates_list li:after {
width: 100px;
height: 1px;
content: '';
display: block;
background: rgba(255,255,255,0.2);
}
.latest_updates_list li a {
padding: 10px 0;
}
.wp_footer .gform_body input[type=text], .wp_footer .gform_body textarea {
background: #34587d;
border: none;
color: #fff;
}
.trade_brochures {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30px;
}
.trade_brochure {
display: grid;
grid-template-columns: 1fr 2fr;
grid-gap: 15px;
align-items: center;
}
.brochure_image {
width: 100%;
display: block;
background: center center no-repeat;
background-size: cover;
}
.brochure_image::before {
display: block;
content: '';
padding-bottom: 146%;
}
.brochure_meta h2 , .brochure_meta h3 , .brochure_meta h4 {
font-size: 24px;
color: #113b66;
display: inline-block;
padding: 5px 0px;
border-bottom: 2px solid #009896;
margin: 0;
}
.trade_product {
display: grid;
grid-template-columns: 1fr 2.5fr;
grid-gap: 30px;
}
.trade_product .product_details > :first-child {
margin-top: 0;
}
.trade_product .product_image {
text-align: center;
}
.trade_product .product_details.span_2 {
grid-column: span 2;
} #pagination {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 40px 0;
background: #f2f2f2;
}
#pagination a, #pagination > span {
display: inline-block;
padding: 10px 20px;
font-size: 20px;
color: #fff;
background: #009896;
margin: 0 5px 5px 5px;
text-decoration: none;
font-weight: 400;
}
#pagination > span {
background: #989898;
} .gallery {
column-count: 4;
column-gap: 20px;
}
.gallery .gallery-item {
display: inline;
margin: 0;
}
.gallery .gallery-item img {
display: block;
margin: 0 0 20px 0;
}
.gallery-caption {
display: none;
} form {
margin: 0;
}
.gfield_description.validation_message {
position: absolute;
right: -5px;
top: -14px;
background-color: red;
color: white;
padding: 5px 10px;
font-size: 12px;
text-align: center;
border-radius: 2px;
}
.validation_message::after {
content: '';
display: block;
position: absolute;
border: 5px solid rgba(0,0,0,0);
border-top-color: red;
width: 0;
height: 0;
bottom: -10px;
left: 10px;
}
.gform_body ul {
padding: 0;
list-style: none;
}
.gform_body ul li {
position: relative;
}
.validation_error {
margin-bottom: 20px;
border: 1px solid red;
padding: 10px 20px;
font-size: 15px;
color: red;
}
.gform_confirmation_message {
color: #1ba21b;
}
.gform_body label {
display: none;
}
.gform_body input[type=text] , .gform_body textarea , .gform_body select {
height: 45px;
color:  #404040;
padding-left: 15px;
width: 100%;
margin-bottom: 0px;
border: 1px solid #d9d9d9;
font-size: 16px;
}
.gform_body textarea {
height: 100px;
padding-top: 20px;
}
.gfield {
margin-bottom: 20px;
}
.gfield_description {
font-size: 16px;
}
.gsection_title {
padding: 5px 10px;
font-size: 24px;
font-style: italic;
border-bottom: 4px solid #009896;
font-weight: 400;
}
.gform_footer p {
display: inline-block;
font-style: italic;
margin-left: 30px;
}
.gform_validation_container ,
.gform_wrapper .gform_validation_container ,
body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container ,
body .gform_wrapper li.gform_validation_container,
body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
display: none!important;
position: absolute!important;
left: -9000px;
}
::-webkit-input-placeholder { color: #818181;
}
::-moz-placeholder { color: #818181;
}
:-ms-input-placeholder { color: #818181;
}
:-moz-placeholder { color: #818181;
}
.wp_content .gform_wrapper {
padding: 40px;
background: #f2f2f2;
border-top: 6px solid #113b66;
border-bottom: 6px solid #113b66;
color: #8c9598;
}
.wp_content .gform_title {
margin: 0 0 15px 0;
}
.wp_content .gform_body label {
display: inline;
}
.wp_content label.gfield_label {
color: #113b66;
font-weight:  600;
margin-bottom: 8px;
display: block;
}
.wp_content .gfield {
margin-bottom: 30px;
}
.wp_content .ginput_container_checkbox ul {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 5px 20px;
}
.wp_content .ginput_container_checkbox ul li {
position: relative;
overflow: hidden;
}
.wp_content .ginput_container_checkbox input[type=checkbox] {
position: absolute;
top: -50px;
right: -50px;
}
.wp_content .ginput_container_checkbox label {
font-size: 16px;
font-weight: 600;
padding: 0 0 0 35px;
background: url(//www.copdockmill.co.uk/wp-content/themes/wordpress-theme-copdock-mill/includes/img/checkbox-off.svg) center left no-repeat;
}
.wp_content .ginput_container_checkbox input:checked + label {
color: #113b66;
background-image: url(//www.copdockmill.co.uk/wp-content/themes/wordpress-theme-copdock-mill/includes/img/checkbox-on.svg);
}
.news_single {
margin: 50px 0;
}
.news_single.has_post_thumbnail {
display: grid;
grid-gap: 40px;
grid-template-columns: 1fr 1.7fr;
}
.news_single_image {
width: 100%;
height: 100px;
padding-top: 40%;
background: center center no-repeat;
background-size: cover;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.news_single_image:hover {
text-decoration: none;
}
.news_single_image .the_date , .single .the_date {
padding: 12px 12px 10px 10px;
font-size: 35px;
line-height: 28px;
}
.news_single_image:hover .the_date {
background: #006362;
}
.news_single_image .the_date span , .single .single_featured_image .the_date span {
font-size: 25px;
}
.news_single_image .button {
padding: 6px 15px;
}
.news_single .meta h2 {
margin: 0;
text-transform: none;
}
.news_single .meta h2 a {
font-size: 22px;
color: #113b66;
}
.news_single .meta .categories , .single .meta {
background: #fcfcfc;
padding: 10px 20px;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
margin: 15px 0;
}
.single .single_featured_image {
padding-top: 45%;
height: 50px;
background: center center no-repeat;
background-size: cover;
display: flex;
align-items: flex-end;
}
table {
width: 100%;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
border-collapse: collapse;
}
td , th {
border-top: 1px solid #eee;
border-left: 1px solid #eee;
padding: 2px 6px;
}
.search_item {
margin-top: 50px;
border-bottom: 1px solid #eee;
padding-bottom: 50px;
}
.search_item:last-child {
border: none;
}
.search_item h3 , .search_item p {
margin: 10px 0;
}
.search_date {
font-size: 16px;
}
@media (min-width: 950px) {
#main_menu {
padding: 0 calc( 50% - (1350px / 2) );
margin: 0;
list-style: none;
display: flex;
background: #113b66;
height: 60px;
}
#main_menu > li {
position: relative;
}
#main_menu > li > a {
display: block;
height: 60px;
line-height: 60px;
padding: 0px 20px;
color: #fff;
text-transform: uppercase;
}
#main_menu > li > a:hover {
text-decoration: none;
background: rgba(255, 255, 255, 0.05);
}
#main_menu > li.current-menu-item > a , #main_menu > li.current-menu-parent > a {
background: rgba(255, 255, 255, 0.1);
}
#main_menu > li.menu-item-has-children > a {
padding: 0px 40px 0px 20px;
}
#main_menu > li.menu-item-has-children > a:after {
content: '';
display: block;
border-bottom: 2px solid rgba(255,255,255,0.2);
border-right: 2px solid rgba(255,255,255,0.2);
width: 12px;
height: 12px;
position: absolute;
right: 13px;
top: 20px;
transform: rotate(45deg);
}
#main_menu ul {
display: none;
list-style: none;
padding: 10px;
margin: 0;
position: absolute;
top: 60px;
left: 0;
width: 250px;
background: #fff;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 2px solid #113b66;
z-index: 10;
}
#main_menu li:hover ul {
display: block;
}
#main_menu ul a {
display: block;
border-bottom: 1px solid rgba(0,0,0,0.1);
padding: 10px 15px;
color: #596266;
}
#main_menu ul li:last-child a {
border: none;
}
#main_menu ul li:hover a {
background: rgba(0,0,0,0.05);
text-decoration: none;
}
#main_menu li.render_as_search {
margin-left: auto;
width: 90px;
height: 60px;
background: rgba(255,255,255,0.15) url(//www.copdockmill.co.uk/wp-content/themes/wordpress-theme-copdock-mill/includes/img/search-icon.svg) no-repeat center center;
cursor: pointer;
}
#main_menu li.render_as_search:hover ul {
display: none;
}
#main_menu li.render_as_search ul.show {
display: block;
}
#main_menu li.render_as_search > span {
display: block;
overflow: hidden;
text-indent: -9999px;
height: 60px;
width: 90px;
}
#main_menu li.render_as_search ul {
left: auto;
right: 0;
width: 400px;
padding: 20px;
}
#main_menu li.render_as_search ul .search-field {
padding: 8px;
width: 300px;
-webkit-appearance: textfield;
}
}
@media (min-width: 950px) and (max-width: 1150px) {
.trade_brochures , .trade_product {
grid-template-columns: 1fr;
}
.trade_product {
display: block;
}
.product_image {
margin-bottom: 20px;
}
}
@media (max-width: 1390px) {
.wp_footer , .end_of_page , .footer_graphic {
padding: 40px 20px;
}
}
@media (max-width: 1100px) {
.wp_footer {
padding: 20px 20px;
grid-template-columns: 1fr 1fr 1fr;
}
.wp_footer .col_1 {
order: 2;
grid-row: row 2;
}
.wp_footer .col_2 {
order: 3;
grid-row: row 2;
}
.wp_footer .col_3 {
order: 1;
grid-row: row 1;
grid-column: 1 / -1;
}
.wp_footer .col_4 {
order: 4;
grid-row: row 2;
}
}
@media (max-width:1150px) {
.trade_product .product_image {
text-align: left;
padding-bottom: 10px;
}
}
@media (max-width: 950px) {
#close_menu {
background-color: rgba(0, 0, 0, 0.01);
position: fixed;
top: 0;
right: 0;
z-index: 2;
width: 0;
height: 100vh;
display: block;
transition: background-color 0.3s ease, right 0.3s ease;
-webkit-transition: background-color 0.3s ease, right 0.3s ease;
}
body.menu_open #close_menu {
display: block;
background: rgba(0, 0, 0, 0.5);
right: 300px;
width: 100%;
}
body.menu_open.show_menu_close #close_menu {
background-color: rgba(0, 0, 0, 0.01);
width: 100%;
right: 0;
}
#wrap {
position: relative;
width: auto;
min-width: 320px;
overflow: hidden;
}
#shifter {
position: relative;
width: 100%;
left: 0px;
transition: left 0.3s ease;
-webkit-transition: left 0.3s ease;
background: #fff;
}
body {
background: #d8d8d8;
}
body.menu_open #shifter {
left: -300px;
}
body.menu_open.show_menu_close #shifter {
left: 0;
}
#mobile_menu_button {
width: 40px;
position: absolute;
top: 27px;
right: 16px;
}
#mobile_menu_button > div {
width: 100%;
height: 7px;
background-color: #113b66;
margin-bottom: 5px;
border-radius: 2px;
}
#main_menu {
display: block;
top: 0px;
left: 100%;
width: 300px;
z-index: 3;
position: absolute;
}
.menu , .menu ul {
padding: 0;
margin: 0;
list-style: none;
background: #113b66;
}
.menu a {
display: block;
color: #fff;
padding: 20px;
font-size: 20px;
font-weight: 400;
text-decoration: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.menu ul a {
font-size: 16px;
padding: 15px 25px;
background: rgba(255, 255, 255, 0.05);
}
#main_menu li.render_as_search {
padding: 5px;
text-align: center;
}
#main_menu li.render_as_search .mega_menu_search {
color: #fff;
font-size: 20px;
margin: 10px 0 10px;
display: block;
}
#main_menu li.render_as_search form .search-field {
padding: 10px;
width: 100%;
margin-bottom: 10px;
}
.gallery {
column-count: 3;
column-gap: 10px;
}
#header {
height: 85px;
border-bottom: 3px solid #113b66;
}
#header .email_us , #header .phone_us {
top: 20px;
}
#header .email_us {
right: 220px;
}
#header .phone_us {
right: 80px;
}
#logo {
width: 260px;
top: 18px;
left: 10px;
}
.has_sidebar {
display: block;
}
.has_sidebar .wp_content {
width: auto;
}
.has_sidebar .wp_sidebar {
width: auto;
margin-top: 30px;
}
}
@media (max-width: 750px) {
#header .email_us {
display: none;
}
.wp_content .gform_wrapper {
padding: 30px;
}
.wp_content .ginput_container_checkbox ul {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 5px 20px;
}
.trade_brochures , .trade_product {
grid-template-columns: 1fr;
}
.trade_product {
display: block;
}
.product_image {
margin-bottom: 20px;
}
}
@media (max-width: 650px) {
h1 {
font-size: 28px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 18px;
}
body {
font-size: 16px;
}
.featured_banner h2 {
height: 80px;
line-height: 80px;
font-size: 28px;
}
.gallery {
column-count: 2;
}
.header-right {
display: flex;
justify-content: space-between;
}
.wp_footer {
display: block;
}
.wp_footer > div {
margin-bottom: 30px;
}
.wp_footer .col_4 {
margin: 0;
text-align: left;
}
.footer_graphic {
padding: 20px;
}
.footer_graphic p span {
width: 200px;
background-size: 80%;
}
.end_of_page {
display: block;
text-align: center;
}
#logo {
width: 55%;
}
#header .phone_us {
width: 35px;
height: 30px;
background: url(//www.copdockmill.co.uk/wp-content/themes/wordpress-theme-copdock-mill/includes/img/phone.svg) center center no-repeat;
top: 28px;
right: 70px;
}
#header .phone_us span.small , #header .phone_us span.underline {
display: none;
}
.wp_content .gform_wrapper {
padding: 20px;
}
.wp_content .ginput_container_checkbox ul {
display: block;
}
.news_single.has_post_thumbnail {
display: block;
}
.news_single_image {
margin-bottom: 20px;
}
} img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
h1.aligncenter, h2.aligncenter, h3.aligncenter {
display: inline-block;
width: 100%;
}
h1.aligncenter > *, h2.aligncenter > *, h3.aligncenter > * , .aligncenter {
text-align: center;
} .archive-countystores_body {
background-color: #f1f1f1;
width: 100%;
}
.countystores_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.countystores_list > * {
width: calc(50% - 25px);
}
.countystores_single {
display: flex;
background-color: #fff;
margin: 20px;
width: calc(50% - 42px);
border: 1px solid #d1d1d1;
}
.countystores_single  .countystores_single_image {
width: 209px;
min-width: 209px;
background: no-repeat center center;
background-size: cover;
}
.countystores_single h2 {
margin: 0;
margin-top: 20px;
}
.countystores_single h2 a {
color: #113B65;
text-align: center;
font-size: 28px;
text-transform: uppercase;
font-weight: 600;
}
.countystores_single p {
font-size: 14px;
}
.countystores_single .meta {
padding: 0px 20px 20px 20px;
}
.countystores_single .meta .seperator {
color: #d1d1d1;
}
.countystores_single .peripheral_information {
font-size: 16px;
}
.countystores_single .peripheral_information .tel b {
color: #039894;
}
.countystores_single .peripheral_links {
font-weight: 600;
display: inline-block;
margin-top: 10px;
}
.countystores_single .peripheral_links a {
margin-right: 10px;
font-size: 16px;
}
@media (max-width: 950px) {
.countystores_single {
width: 100%;
}
}
.countystores_maintitle img {
margin-top:10px;
width:340px;
height:70px
}
.countystores_featured_banner {
display: flex;
align-items: flex-end;
height: 60vw;
max-height: 500px;
min-height: 200px;
background: center center no-repeat;
background-size: cover;
}
.google_360_view iframe[style] {  }
.single-countystores .gform_fields li:nth-child(1) , .single-countystores .gform_fields li:nth-child(2) {
width: calc(50% - 15px);
float:  left;
}
.single-countystores .gform_fields li:nth-child(2) {
margin-left: 30px;
}
.single-countystores .gform_fields li:nth-child(3) {
clear:both;
}
@media (max-width: 650px) {
.single-countystores .gform_fields li:nth-child(1) , .single-countystores .gform_fields li:nth-child(2) {
width: auto;
float: none;
margin-left: 0;
}
.space_between {
flex-direction: column;
align-items: center;
}
}
@media (max-width: 488px) {
.countystores_list {
}
.countystores_single {
min-width: 100%;
margin: 20px 0 20px 0;
flex-wrap: wrap;
}
.countystores_single .countystores_single_image {
height: 200px;
width: 100%;
}
} #sidebar_countystores #gmapapi {
width: 100%;
height: 400px;
}
#sidebar_countystores .sidebar_openinghours ol {
list-style: none;
padding: 0;
font-size: 16px;
}
#sidebar_countystores .sidebar_openinghours ol li:nth-child(1) {
border-top: 1px solid rgba(255,255,255,0.2);
}
#sidebar_countystores .sidebar_openinghours ol li {
border-bottom: 1px solid rgba(255,255,255,0.2);
padding: 6px 0;
display: flex;
justify-content: space-between;
}
#sidebar_countystores .sidebar_direct_contact {
margin: 20px 0;
background: #7a2e8f;
color: #fff;
padding: 20px;
}
#sidebar_countystores .sidebar_direct_contact .underline_title {
color: #fff;
border-color: rgba(255,255,255,0.2);
margin: 0px 0 10px 0;
font-size: 20px;
}
#sidebar_countystores .sidebar_direct_contact ul {
list-style: none;
padding: 0;
margin-top: 0;
font-size: 16px;
}
#sidebar_countystores .sidebar_direct_contact  {
color: #fff;
font-weight: 600;
}
#sidebar_countystores .wp_title {
margin: 0 0 10px 0;
}
#sidebar_countystores .sidebar_direct_contact  address {
color: rgba(255,255,255,0.5);
font-style: normal;
font-weight: 300;
}
#sidebar_countystores .sidebar_direct_contact ul li a {
color: rgba(255,255,255,0.5);
}
.sidebar_phone {
height: 106px;
background: #113b66 url(//www.copdockmill.co.uk/wp-content/themes/wordpress-theme-copdock-mill/includes/img/sidebar-phone.svg) center left no-repeat;
background-size: contain;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
min-width: 350px;
}
.sidebar_phone:hover {
text-decoration: none;
opacity: 0.9;
}
.sidebar_phone span {
font-size: 14px;
line-height: 16px;
color: #bfbfbf;
padding-right: 20px;
}
.sidebar_phone strong {
font-size: 32px;
line-height: 28px;
color: #fff;
padding-right: 20px;
}
.space_between {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.countystores_maintitle .sidebar_phone {
background: #7a2e8f url(//www.copdockmill.co.uk/wp-content/themes/wordpress-theme-copdock-mill/includes/img/sidebar-phone-country-store.svg) center left no-repeat;
}
#sidebar_countystores h1 ,
#sidebar_countystores .underline_title ,
#stores_gallery .underline_title ,
#sidebar_countystores .wp_content > h1:first-child ,
#sidebar_countystores .underline_title ,
#stores_gallery .underline_title {
color: #7a2e8f;
border-color: #a74ea7;
}
.countrystores_embeds {
display: flex;
justify-content: space-between;
}
.countrystores_embeds iframe {
height: 300px;
flex-grow: 1 1 calc(50% - 15px);
flex-basis: calc(50% - 15px);
background: #000;
}
@media (max-width: 750px) {
.countrystores_embeds {
display: block;
}
.countrystores_embeds iframe {
width: 100%;
height: 40vw;
margin-bottom: 20px;
}
.space_between {
flex-direction: column;
align-items: center;
}
.countystores_maintitle img {
margin-bottom: 15px;
}
}
.sidebar_openinghours {
background: #7a2e8f;
color: #fff;
padding: 20px;
}
#sidebar_countystores .sidebar_openinghours p.underline_title {
color: #fff;
border-color: rgba(255,255,255,0.2);
margin: 0;
}
.pronominal_banner_image img {
width: 100%;
max-width: none;
height: auto;
}
.pronominal_banner_underline {
height: 10px;
background: #7a2e8f;
} #stores_gallery {
background-color: #f2f2f2;
}
#stores_gallery .inner {
}
#stores_gallery .inner ul {
display: block;
padding: 0;
list-style: none;
column-count: 4;
column-gap: 30px;
}
#stores_gallery .inner li {
width: 100%;
min-height: 20px;
margin-bottom: 30px;
break-inside: avoid-column;
background: center center no-repeat;
background-size: cover;
}
#stores_gallery .inner li:nth-child(1), #stores_gallery .inner li:nth-child(4), #stores_gallery .inner li:nth-child(5), #stores_gallery .inner li:nth-child(8)   {
height: 300px;
}
#stores_gallery .inner li:nth-child(2), #stores_gallery .inner li:nth-child(3), #stores_gallery .inner li:nth-child(6), #stores_gallery .inner li:nth-child(7)   {
height: 250px;
}
@media (max-width: 768px) {
#stores_gallery .inner ul {
column-count: 2;
}
#stores_gallery .inner li:nth-child(1n) {
height: 200px;
}
} .meet_the_team, .store_message {
margin-top: 40px;
}
.meet_the_team ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
list-style: none;
padding: 0;
margin: 0;
align-items: center;
}
.meet_the_team li {
width: calc(33.3% - 20px);
margin: 15px 0 15px 20px;
position: relative;
background: no-repeat center center;
background-size: cover;
}
.meet_the_team li:before {
display: inline-block;
content: '';
padding: 60%;
}
.meet_the_team li:nth-child(3n - 2) {
margin-left: 0;
}
.meet_the_team li span {
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
padding: 15px 20px;
background-color: rgba(15,15,15,0.6);
color: #fff;
font-weight: 600;
}
@media (max-width: 750px) {
.meet_the_team li {
width: calc(50% - 10px);
padding-bottom: 56%;
}
.meet_the_team li:nth-child(3n - 2) {
margin-left: 20px;
}
.meet_the_team li:nth-child(2n - 1) {
margin-left: 0;
}
} .usp_bar {
} .our_brands {
background-color: #f2f2f2;
width: 100%;
}
.our_brands .inner {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.our_brands .item {
display: block;
margin: 20px;
width: calc(25% - 40px);
}
@media (max-width: 1100px) {
.our_brands .item {
margin: 15px;
width: calc(33.33% - 30px);
}
}
@media (max-width: 700px) {
.our_brands .item {
margin: 10px;
width: calc(50% - 20px);
}
}
@media (max-width: 400px) {
.our_brands .item {
margin: 10px;
width: 100%;
}
}
@media (max-width: 400px) {
.our_brands .item {
margin: 0px;
width: 100%;
}
}
.our_brands .image:after {
display: block;
position: absolute;
bottom: 0px;
height: 5px;
left: 0px;
right: 0px;
content: " ";
background-color: #009896;
}
.our_brands .image {
display: block;
height: 389px;
position: relative;
width: 100%;
margin-bottom: 10px;
border: 1px solid #d1d1d1;
background: #fff center center no-repeat;
background-size: contain;
}
.our_brands .title {
color: #113B65;
text-align: center;
font-size: 24px;
text-transform: uppercase;
font-weight: 600;
}
.owl-carousel .item {
width: 100%;
min-height: 600px;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
background: center center no-repeat;
background-size: cover;
}
.owl-carousel .inneritem {
width: 100%;
max-width: 1000px;
min-height: 465px;
background-color: rgba(25,25,25,0.8);
border-right: 8px solid #113b66;
border-left: 8px solid #113b66;
padding: 20px;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
}
.owl-carousel .inneritem .icons {
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
max-width: 800px;
margin: 20px auto 20px auto;
padding: 20px 0 20px 0;
border-bottom: 1px solid #f1f1f1;
}
.owl-carousel .inneritem .icon {
width: 60px;
height: 60px;
border-radius: 200px;
border: 2px solid #fff;
display: flex;
justify-content: center;
align-items: center;
}
.owl-carousel .inneritem .icon img {
max-width: 40px;
max-height: 40px;
}
.owl-carousel .inneritem  .slider_title {
color: #fff;
text-align: center;
width: 100%;
display: inline-block;
font-size: 40px;
letter-spacing: 3px;
}
.owl-carousel .inneritem  .slider_title.underline {
border-bottom: 1px solid #f1f1f1;
margin-left: 50px;
margin-right: 50px;
padding-bottom: 20px;
margin-bottom: 10px;
width: calc(100% - 100px);
}
.owl-carousel .inneritem  .slider_subtext {
color: #e1e1e1;
text-align: center;
width: 100%;
display: inline-block;
letter-spacing: 0px;
font-weight: 200;
}
.slider_subtext p {
line-height: 35px;
}
.owl-carousel .inneritem .button {
background-color: transparent;
border: 2px solid #fff;
font-weight: 300;
margin: 0 10px;
}
.owl-carousel .inneritem .button:hover {
opacity: 0.5;
}
@media (max-width: 600px) {
.owl-carousel .inneritem .button {
margin: 0 10px 10px 0px;
}
}
.owl-carousel .inneritem .location {
list-style: none;
width: 100%;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
max-width: 800px;
margin: 0 auto;
}
.owl-carousel .inneritem .location li {
display: inline-block;
margin: 10px 20px;
position: relative;
}
.owl-carousel .inneritem .location .pin {
width: 15px;
height: 24px;
margin-right: 10px;
display: inline;
position: relative;
top: 5px;
}
.owl-carousel .inneritem .location li:after {
content: " ";
border-right: 1px solid rgba(150,150,150,0.6);
display: inline-block;
height: 40px;
top: -6px;
right: -20px;
position: absolute;
}
.owl-carousel .inneritem .location li:nth-child(4n+4):after {
display: none;
}
.owl-carousel .inneritem .location li:nth-child(8):after {
display: inline-block;
}
.owl-carousel .inneritem .location li:last-child:after {
display: none;
}
.owl-carousel .inneritem .location li a {
color: #e1e1e1;
}
.owl-nav {
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(15,15,15,0.5);
border-radius: 15px;
height: 180px;
width: 60px;
background-repeat: no-repeat;
background-size: 50%;
background-position: center center;
}
.owl-carousel .owl-nav .owl-prev {
left: 10px;
background-image: url(//www.copdockmill.co.uk/wp-content/themes/wordpress-theme-copdock-mill/includes/img/slider_arrow-left.svg);
}
.owl-next {
right: 10px;
background-image: url(//www.copdockmill.co.uk/wp-content/themes/wordpress-theme-copdock-mill/includes/img/slider_arrow-right.svg);
}
.owl-stage{
backgrond-color: rgba(25,25,25,1);
}
@media (max-width:1024px) {
.owl-carousel .inneritem .slider_title {
font-size: 30px;
}
}
@media (max-width: 700px) {
.slider_subtext p {
line-height: 20px;
}
}
@media (max-width: 480px) {
.owl-carousel .inneritem  .slider_title {
font-size: 20px;
}
.owl-carousel .inneritem .icons {
display: none;
}
.owl-carousel .inneritem .location {
display: none;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
display: none;
}
} .usp_container {
background-color: #113A66;
}
ul.usp_bar {
width: 100%;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
align-content: flex-start;
box-sizing: border-box;
}
ul.usp_bar li, ul.usp_bar li > * {
color: #fff;
flex-grow: 1;
}
ul.usp_bar li:not(.seperator) {
width: calc(25% - 64px);
margin: 5px;
text-align: center;
}
@media (max-width: 959px) {
ul.usp_bar li:not(.seperator) {
width: calc(50% - 10px);
margin-bottom: 40px;
}
.seperator {
display: none;
}
}
@media (max-width: 768px) {
ul.usp_bar li:not(.seperator) {
width: calc(100% - 10px);
margin-bottom: 40px;
}
.owl-carousel .inneritem .location li:nth-child(8):after {
display: none;
}
}
ul.usp_bar li.seperator {
width: 12px;
padding-left: 20px;
padding-right: 20px;
margin-top: 40px;
}
ul.usp_bar li.seperator:after {
content: " ";
display: block;
height: 12px;
width: 12px;
border: 1px solid rgba(255,255,255,0.3);
border-radius: 14px;
}
ul.usp_bar li span:nth-child(1) {
display: inline-block;
width: 100%;
font-size: 20px;
text-transform: uppercase;
}
ul.usp_bar li span:nth-child(1):after {
margin-top: 10px;
margin-bottom: 5px;
content: " ";
display: inline-block;
width: 50%;
margin-left: 25%;
margin-right: 25%;
height: 1px;
background-color: rgba(255,255,255,0.4);
}
ul.usp_bar li span:nth-child(2) {
width: 100%;
font-size: 16px;
color: rgba(255,255,255,0.8);
} .become_trade_customer {
background-color: #f1f1f1;
overflow: hidden;
position: relative;
}
.become_trade_customer > * {
display: flex;
justify-content: center;
align-items: center;
align-content: center;
min-height: 500px;
}
.become_trade_customer > *:before {
content: " ";
position: absolute;
height: 1400px;
width: 1400px;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
border-radius: 1400px;
background-color: #ffffff;
display: block;
}
.become_trade_customer .inner {
position: relative;
z-index: 1;
max-width: 1000px;
margin: 0 auto;
display: flex;
}
.become_trade_customer .inner h1, .become_trade_customer .inner h2, .become_trade_customer .inner h3  {
display: inline-block;
font-size: 50px;
padding-bottom: 10px;
font-weight: 600;
margin: 0 0 10px 0;
border-bottom: 4px solid #009896;
}
@media (max-width: 650px) {
.become_trade_customer .inner h1, .become_trade_customer .inner h2, .become_trade_customer .inner h3  {
font-size: 32px;
}
.become_trade_customer > * {
min-height: 375px;
}
body .owl-carousel .inneritem .location li:after {
display: none;
}
}
.become_trade_customer .inner .subtitle {
font-size: 28px;
margin: 0;
}
.become_trade_customer .inner .left {
width: 65%;
}
.become_trade_customer .inner .right {
width: 35%;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
}
@media (max-width: 959px) {
.become_trade_customer .inner .left {
width: 100%;
}
.become_trade_customer .inner .right {
display: none;
}
}
ul.button_list {
list-style: none;
padding: 0;
margin: 10px 0;
}
ul.button_list li {
display: inline-block;
margin-right: 20px;
} .hp_about_us {
display: flex;
flex-wrap: wrap;
}
.hp_about_us .left, .hp_about_us .right {
width: 50%;
min-width: 400px;
flex-grow: 1;
min-height: 350px;
display: flex;
background-repeat: no-repeat;
background-size: cover;
}
.hp_about_us .inner {
background-color: rgba(35,35,35,0.7);
max-width: 550px;
padding: 30px 40px;
margin: 60px 40px;
}
@media (max-width: 950px) {
.hp_about_us .inner {
max-width: 100%;
}
}
@media (max-width: 400px) {
.hp_about_us .inner {
margin: 0px;
max-width: 100%;
}
.hp_about_us .left, .hp_about_us .right {
min-width: 100%;
}
}
.hp_about_us .inner * {
color: #e1e1e1;
}
.hp_about_us h1, .hp_about_us h2, .hp_about_us h3   {
color: #fff;
margin: 0;
font-weight: 300;
font-size: 36px;
}
.hp_about_us .inner p {
margin: 0;
margin-bottom: 20px;
}
.hp_about_us .left {
justify-content: flex-end;
} .homepage_news {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.homepage_news .news_single {
width: calc(33.3% - 20px);
}
@media (max-width: 768px) {
.homepage_news .news_single {
width: calc(100%);
}
}
.homepage_news .news_single.has_post_thumbnail {
display: inline-block;
}
.homepage_news .news_single.has_post_thumbnail .meta h1, .homepage_news .news_single.has_post_thumbnail .meta h2, .homepage_news .news_single.has_post_thumbnail .meta h3 {
font-size: 22px;
margin-top: 15px;
}
.homepage_news .news_single .meta .categories {
font-size: 16px;
}
.homepage_news .news_single .meta p {
font-size: 16px;
}
.homepage_news_groupmeta {
display: flex;
flex-wrap: wrap;
}
.homepage_news_groupmeta .left, .homepage_news_groupmeta .right {
width: 50%;
}
.homepage_news_groupmeta .right {
display: flex;
justify-content: flex-end;
align-items: center;
}
.homepage_news_groupmeta h2 {
margin: 0;
} .our_brands {
display: flex;
justify-content: space-between;
}
.our_brands h1, .our_brands h2, .our_brands h3 {
margin: 0;
}
.our_brands p {
margin: 0 0 20px 0;
}
.our_brands .sub-title {
font-size: 22px;
}
.our_brands .left, .our_brands .right {
margin: 0 20px;
flex-grow: 1;
min-width: 287px;
}
@media (max-width: 400px) {
.our_brands .left, .our_brands .right {
min-width: 100%;
margin: 0px;
}
}
.our_brands .left {
text-align: right;
width: calc(45% - 40px);
}
.our_brands .right {
width: calc(55% - 40px);
display: flex;
justify-content: center;
align-items: center;
align-content: center;
}
@media (max-width: 768px) {
.our_brands .left {
text-align: left;
}
}
.our_brands  .inner ul.button_list li:first-child a {
background-color: #113A66;
}
.our_brands .inner ul.button_list li:first-child a:hover {
background-color: #040c16;
}
#dynamic_map {
height: 600px;
}
@media (max-width: 1200px) and (min-width:950px) {
a#logo {
left:  20px;
}
#header .email_us {
right: 170px;
}
#header .phone_us {
right: 20px;
}
}