@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');


*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
}
html {
    font-size: 1rem;
}
body {
    color: #171a26;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-size: 18px;
    margin: 0;
    padding: 0;
    line-height: normal;
}
input:focus, textarea:focus{
    outline: none;
}
a, a:hover, a img, a:hover img, .main-menu li, .main-menu li:hover {
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: inline-block;	
    vertical-align: top;
}
h1, h2, h3, h4, h5, h6 {
    line-height: normal;
}
#header {
    background-color: #000;
    padding: 20px 0;
}
.main-menu, #header .right {
    margin: 55px 0 0 0;
}
.main-menu li {
    padding: 0 0 0 22px;
}
.main-menu a, #header .right a {
    color: #fff;
    text-transform: uppercase;
}
.main-menu a:hover, #header .right a:hover, #footer a:hover {
    color: #ed1c24;
}
#header .right a {
    margin: 0 0 0 10px;
}
#header .right a.menu {
    margin: 0 0 0 30px;
}
#footer {
    background-color: #000;
}
#footer .sec1 {
    padding: 60px 0 35px 0;
}
#footer .foobox {
    float: left;
    width: 25%;
}
#footer .foobox.box2 {
    width: 50%;
    padding: 0 35px;
    box-sizing: border-box;
}
#footer .foo-menu ul {
    float: left;
    width: 50%;
}
#footer .foo-menu li {
    margin: 0 0 17px 0;
}
#footer .foo-menu a, #footer strong {
    font-weight: 600;
}
#footer .sec2 {
    color: #000;
    background-color: #fff;
    font-size: 16px;
    padding: 30px 0;
    font-weight: 500;
}
a.wborbtn, .spform button, .sublinks a.wborbtn, .spform input[type="submit"] {
    text-transform: uppercase;
    font-size: 16px;
    border: 1px solid #fff;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    font-weight: normal;
}
a.wborbtn.dark {
    color: #000;
    border-color: #000;
}
a.wborbtn:hover, .spform button:hover, .spform input[type="submit"]:hover {
	color: #ed1c24;
    border: 1px solid #ed1c24;
}

.spform.conpage button, .spform.conpage input[type="submit"]{
    background-color:#000 !important;
    color:#FFF !important;
}
.z-default-subpage-header {
    background-image: url(../images/page-banner.jpg);
    background-position: center top;
    background-size: cover;
    text-align: left;
    overflow: hidden;
    float:left;
    display: inline-block;
    width: 100%;
}
.z-default-subpage-header .z-default-subpage-title {
    margin: 310px 0;
    font-weight: bold;
    padding: 0;
    font-size: 70px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 2px 2px 10px #000;
    display: inline-block;
    width: 100%;
}
.fsocial a {
    margin: 8px 8px 0 0;
}

section {
    display: inline-block;
    width: 100%;
}
.spform.conpage table.table-list {
    width: 100%; max-width:350px; margin:0 auto;
}
.spform.conpage input[type="text"], .spform.conpage input[type="email"] {
    border: 1px solid #000;
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

#slideshowHomeDiv1{position:relative; z-index:1;}
.homeSlideshowPrevious, .homeSlideshowNext, .homeSlideshowPause,  .homeSlideshowPlay{background-color:#223c46; color:#FFF; font-size:40px;line-height:1; padding:15px;  position:absolute; z-index:4; border:1px solid rgba(255,255,255,.7);}
.homeSlideshowPause,  .homeSlideshowPlay{ border:1px solid rgba(255,255,255,.7);}
.homeSlideshowPause,  .homeSlideshowPlay{ width:60px; padding:7px; text-align:center;}
.homeSlideshowPrevious{bottom:45%; left:0px;color:#FFF !important;}
.homeSlideshowNext{bottom:45%; right:0px;color:#FFF !important; }
.homeSlideshowPause{bottom:15px; right:10px;color:#FFF !important;}
.homeSlideshowPlay{bottom:15px; right:10px;color:#FFF !important;}
.homeSlideshowPrevious:focus{outline:2px dashed #FFF !important;}
.homeSlideshowNext:focus{outline:2px dashed #FFF;}
.homeSlideshowPlay:focus{outline:2px dashed #FFF;}
.homeSlideshowPause:focus{outline:2px dashed #FFF;}


.homeSlideshowPrevious, .homeSlideshowNext, .homeSlideshowPause,  .homeSlideshowPlay{background-color:#223c46; color:#FFF; font-size:40px;line-height:1; padding:15px;  position:absolute; z-index:4; border:1px solid rgba(255,255,255,.7);}
.homeSlideshowPause,  .homeSlideshowPlay{ border:1px solid rgba(255,255,255,.7);}
.homeSlideshowPause,  .homeSlideshowPlay{ width:60px; padding:7px; text-align:center;}
.homeSlideshowPrevious{bottom:45%; left:0px;}
.homeSlideshowNext{bottom:45%; right:0px; }
.homeSlideshowPause{bottom:15px; right:10px;}
.homeSlideshowPlay{bottom:15px; right:10px;}
.homeSlideshowPrevious:focus{outline:2px dashed #FFF;}
.homeSlideshowNext:focus{outline:2px dashed #FFF;}
.homeSlideshowPlay:focus{outline:2px dashed #FFF;}
.homeSlideshowPause:focus{outline:2px dashed #FFF;}
.logo img{ width:172px;}
.footer-logo{ width:242px !important;}
.z-mobile-header .z-mobile-menu{ background-color:#000;}

.foobox.box3{ border-left:1px solid #FFF; padding-left:50px; width:35%;}

.sublinks *{line-height:1;}
.sublinks p{line-height:1.3;}

.zEditorHTML img {
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
}

.zImageLeft {
    margin-right: 30px;
    margin-bottom: 30px;
    float: left;
}

.zImageRight {
    margin-left: 30px;
    margin-bottom: 30px;
    float: right;
}

#PopupSignupForm_0 {
    display: none;
}

.column{ padding:10px;}
.columncontainer{ margin-left: -10px; margin-right: -10px; }
.columncontainer > div{ padding:5px; }


@media only screen and (max-width: 1362px) {
    .foobox.box3{ padding-left:20px; }
    #footer .foobox.box2{padding:0 20px; width:45%;}
    .sn-86-image-only-slide{background-size:1520px auto; }
    .homeSlideshowDiv{height:446px; } 
	.main-menu, #header .right {margin: 20px 0 0 0;}
	.main-menu li {padding: 0 0 0 15px;}
	.main-menu {float: right;}

    .zImageLeft {
        max-width:450px;
    }
    .zImageRight {
        max-width:450px;
    }
}
@media screen and (max-width: 992px) {
    .zImageLeft {
        max-width:100%;
    }
    .zImageRight {
        max-width:100%;
    }
    .foobox.box3{ border-left:none; padding-left:0px;}
	#header .logo, .main-menu {display: none;}
    #header .right{ text-align:center; width:100%;}
	#header {padding: 0;}
	#header, #footer .sec1, #footer .sec2 {padding-left: 15px;padding-right: 15px;}
	#header .right {margin: 15px 0;}
    #footer .foobox.box2{width:100%; float:left; margin-top:20px; padding-left:0px; margin-bottom:30px;}
	.z-default-subpage-header .z-default-subpage-title {margin: 180px 0;font-size: 60px;}
}
@media screen and (max-width: 767px) {
    #footer .foo-menu ul{ width:100%;}
	#footer .foobox, #footer .foobox.box2 {width: 100%;}
	#footer .foobox.box2 {padding: 35px 0;}
	.z-default-subpage-header .z-default-subpage-title {margin: 130px 0;font-size: 40px;}
    .product-grid {
        grid-template-columns: 1fr;
        padding: 0 20px;
    }
}
@media screen and (max-width: 479px) {
	#footer .foo-menu ul {width: 100%;}
	#footer .foo-menu li {margin: 3px 0;}
	.z-default-subpage-header .z-default-subpage-title {margin: 50px 0;font-size: 30px;}
}