@charset "UTF-8";

/*
    FONTS
    GENERAL
    LAYOUT
    SECTIONS
    ACCOUNTS
    PRODUCT LIST
    PRODUCT DETAILS
    CHECKOUT
    HEADER
    NAV
    HERO
    SITEMAP
    FORMS
    BUTTONS
    FOOTER
    FANCYBOX
    OWL CAROUSEL
    FLUID
*/


/* FONTS */
h1, h2, h3, h4, p {-webkit-font-smoothing: antialiased;}
h1, h2, h3, h4 { margin-top: 0; font-weight: 400;}
h1 {font-family: "Effra", sans-serif; color: #393939; font-size: 30px; line-height: 44px; margin-bottom: 30px;   font-weight: 400;}
h2 { font-family: "Effra", sans-serif; color: #393939; font-size: 30px; line-height: 44px; margin-bottom: 30px;  font-weight: 400; }
h3 { font-family: "Effra", sans-serif; color: #393939; font-size: 24px; line-height: 38px; margin-bottom: 30px;  font-weight: 400; }
h4 { font-family: "Effra", sans-serif; color: #393939; font-size: 18px; line-height: 20px; margin-bottom: 20px;  font-weight: 400; }
p { font-family: "Effra", sans-serif; color: #676767; font-size: 18px; line-height: 32px; margin-top: 0; margin-bottom: 30px; font-weight: 400; }
label { font-family: "Effra", sans-serif; color: #676767;}
a {text-decoration: none;}
p a {color: #263866; text-decoration: none; transition: 1s all;}
p a:hover {color: #0094FF; text-decoration: none;}
.white {color: #fff;}
.black {color: #000;}
.red {color: #92c955;}
.small {font-size: 12px; line-height: 24px;}
.large {font-size: 30px; line-height: 34px;}
.uppercase {text-transform: uppercase;}
.align-center {text-align: center;}
.align-right {text-align: right;}
.align-left {text-align: left;}
.justified {text-align: justify;}
.title-case {text-transform: capitalize!important; letter-spacing: 0!important;}


/* GENERAL */
html { margin: 0; padding: 0; background-color: #484848;}
body { margin: 0; padding: 0; overflow-x: hidden; background-color: #fff; font-family: "Effra", sans-serif;}
.break { width: 100%; height: 30px;}
.clear { clear: both;}
.section, .main { *zoom: 1;}
.main:before, .main:after, .dark-section:before, .dark-section:after, .menu-section:before, .menu-section:after { display: table; content: ""; line-height: 0;}
.main:after, .dark-section:after, .menu-section:after { clear: both;}
::selection {background: #efefef;}
::-moz-selection {background: #efefef;}
::-webkit-selection {background: #efefef;}

#mobile-usps { display: none;}

/* LAYOUT */
.main, .full, .half, .third, .quarter, .fifth, .three-quarters, .one-quarter, .one-third, .two-thirds, .eighth, .sixth, .left, .right, .form-input, .form-select, .form-textarea, .cookiePolicy, .half-list li, .text-image-split, .hero-left, .hero-right { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.main { width: 1280px; padding: 0 10px; margin: auto;}
.full { width: 100%; padding: 0 10px;}
.half { width: 50%; padding: 0 10px; float: left; margin-bottom: 20px; position: relative;}
.third { width: 33.3%; padding: 0 10px; float: left; margin-bottom: 20px;}
.quarter { width: 25%; padding: 0 10px; float: left; margin-bottom: 20px;}
.fifth { width: 20%; padding: 0 10px; float: left; margin-bottom: 20px;}
.sixth { width: 16.6666667%; padding: 0 10px; float: left;}
.eighth { width: 12.5%; padding: 0 10px; float: left; margin-bottom: 20px;}
.three-quarters { width: 75%; padding: 0 10px; float: left; margin-bottom: 20px;}
.one-quarter { width: 25%; padding: 0 10px; float: left; margin-bottom: 20px;}
.one-third { width: 33.3%; padding: 0 10px; float: left; margin-bottom: 20px;}
.two-thirds { width: 66.6%; padding: 0 10px; float: left; margin-bottom: 20px;}
.single-row .half, .single-row .third, .single-row .quarter, .single-row .fifth, .single-row .sixth, .single-row .eighth { margin-bottom: 0;}
.padded { padding: 140px 10px;}
.no-pad-bottom { padding-bottom: 0 !important;}
.no-pad-top { padding-top: 0 !important;}
.padded-less { padding: 60px 10px;}
.padded-more { padding: 60px 10px;}
.padded-content { width: 80%; margin: auto; display: block;}
.center { margin: auto;}
.none { display: none;}
.none-imp { display: none!important;}
.early-third-hr {display: none;}
img { border: none;}
.full-image { width: 100%; display: block;}
.half-image { width: 50%;}
.quarter-image { width: 25%;}
.no-bottom { margin-bottom: 0;}
.float-image { float: right; margin: 0 0 20px 20px;}
.float-image-small { float: right; margin: 0 0 20px 20px;}
hr { width: 100%; background: transparent; border: none; border-top: 2px dotted #b6b6b7; margin: 30px auto 40px auto;}
.mobile-hr { display: none;}
.border { border: 1px solid #ccc;}
.end { margin-right: 0 !important;}
.rounded-hidden { -moz-border-radius: 6px; border-radius: 6px; overflow: hidden;}
.i-margin { margin-right: 10px;}
.relative { position: relative;}
.float-left { float: left;}
.float-right { float: right;}
.block { display: block;}
.vertical-align { vertical-align: middle;}
.display-table { display: table;}
.display-table-cell { display: table-cell;}
.text-image-split { width: 50%; padding: 30px; display: table-cell;}
.text-image-split-bg { width: 100%; display: table-cell;}
.list {padding: 0 0 0 20px; margin: 0; overflow: auto; margin-bottom: 20px; list-style: none;}
.list li {padding-left: 1em; text-indent: -.7em; font-family: "Effra", sans-serif; -webkit-font-smoothing: antialiased; color: #a9a9a9; font-size: 16px; line-height: 30px; font-weight: 400; margin: 7px 0;}
.list li::before {content: "• "; color: #263866; font-weight: bold; padding-right: 5px;}
.half-list {padding: 0 0 0 20px; margin: 0; overflow: auto; margin-bottom: 20px; list-style: none;}
.half-list li { width: 50%; float: left; padding-left: 1em; text-indent: -.7em; font-family: "Effra", sans-serif; -webkit-font-smoothing: antialiased; color: #a9a9a9; font-size: 16px; line-height: 24px; margin: 10px 0; padding-right: 40px;}
.half-list li::before {content: "• "; color: #263866; font-weight: bold; padding-right: 5px;}
#accordion h3 {text-transform: none; letter-spacing: 0; text-align: left; display: block; background: #6d6d6d; padding: 15px 30px; color: #fff; font-size: 18px; line-height: 24px; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; cursor: pointer;}
#accordion div {padding: 10px 30px;}
#accordion .ui-state-active {background-color: #92c955;}
#accordion h3:after {content: ""; float: right; font-family: 'FontAwesome';}
#accordion h3.ui-state-active:after {content: "";}
.accordion h3 {text-transform: none; letter-spacing: 0; text-align: left; display: block; background: #6d6d6d; padding: 15px 30px; color: #fff; font-size: 18px; line-height: 24px; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; cursor: pointer;}
.accordion div {padding: 10px 30px;}
.accordion .ui-state-active {background-color: #263866;}
.accordion h3:after {content: ""; float: right; font-family: 'FontAwesome';}
.accordion h3.ui-state-active:after {content: "";}
.table {font-family: "Effra", sans-serif; color: #a9a9a9;}
.table a {color: #263866; text-decoration: none;}
.table a:hover {color: #263866;}


/* SECTIONS */
.white-section {width: 100%; background-color: #fff;}
.grey-section {width: 100%; background-color: #d9d8d8;}
.dark-grey {background: #313131;}
#google-map {width: 100%; height: 400px;}
.all-made-in-house {background: url(../image/backgrounds/all-made-in-house.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.all-made-in-house h3 {font-size: 50px; margin-bottom: 0; line-height: 80px;}
.all-made-in-house .padded {padding: 210px 10px;}
.services-section {background: url(../image/backgrounds/services-section.jpg) center top no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.services-section .content {width: 600px; background: rgba(255, 255, 255, 0.8); height: 100%; padding: 150px 60px; box-sizing: border-box; text-align: center;}
.services-section .content h2 {font-size: 25px; margin-bottom: 10px;}
.sel {width: 50%; float: left; padding: 10px; box-sizing: border-box; text-align: center;}
.sel a {display: block; color: #fff; background: rgba(255, 255, 255, 0.6); border-radius: 20px; padding: 25px 15px; box-sizing: border-box; -webkit-box-shadow: 0px 0px 26px -5px rgba(0, 0, 0, 0.21); -moz-box-shadow: 0px 0px 26px -5px rgba(0, 0, 0, 0.21); box-shadow: 0px 0px 26px -5px rgba(0, 0, 0, 0.21); transition: all ease .5s; cursor: pointer;}
.sel a.sel-plylining {padding: 60px 15px; background: url(../image/services/plylining.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.sel a.sel-towbars {padding: 60px 15px; background: url(../image/services/towbars.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.sel a.sel-beacons {padding: 60px 15px; background: url(../image/services/beacons.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.sel a.sel-locks {padding: 60px 15px; background: url(../image/services/locks.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.sel a.sel-roofracks {padding: 60px 15px; background: url(../image/services/roof-racks.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.sel a.sel-other {padding: 60px 15px; background: url(../image/services/other.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.sel img {width: 100px; display: block; margin: 0 auto 20px auto;}
.sel h4 {margin-bottom: 0; font-size: 16px;}
.sel a.sel-plylining h4, .sel a.sel-plylining h4, .sel a.sel-towbars h4, .sel a.sel-beacons h4, .sel a.sel-locks h4, .sel a.sel-other h4, .sel a.sel-roofracks h4{color: #fff;}
.sel a:hover {background-color: rgba(0, 0, 0, 0.1); text-decoration: none; opacity: 0.75;}
.products {margin: 60px 0;}
.products .half {padding: 0 30px;}
.products .view-product {display: block; background: #313131; border-radius: 20px; overflow: hidden;}
.products .prod-img {width: 180px; float: left; overflow: hidden;}
.products .prod-img img {min-height: 100%;}
.products .view-product:hover h4 {padding-left: 30px; border-left: 2px solid #fff;}
.products .content {width: calc(100% - 180px); float: left; box-sizing: border-box; padding: 40px 30px;}
.products .content h3 {text-transform: initial; letter-spacing: initial; color: #fff; margin-bottom: 10px;}
.products .content .price {color: #263866; font-size: 40px; margin-bottom: 20px;}
.products .content p {font-size: 14px;}
.products .content h4 {color: #fff; font-size: 14px; margin-bottom: 0; transition: all ease .5s; border-left: 2px solid #3e3e3e;}
.fitting-section {position: relative;}
.fitting-section .fitting-bg {width: 100%; position: absolute; bottom: 0; background: #92c955; height: 80px;}
.fitting-section .padded {padding-bottom: 0;}
.fitting-section .fitting-carousel {margin-top: 80px;}
.fitting-section .fitting-carousel img {display: block;}
.fitting-section .home-fitting-carousel {margin-top: 80px;}
.fitting-section .home-fitting-carousel img {display: block;}
.about-us-text {float: left; width: calc(100% - 330px);}
.about-carousel-bg {width: 300px; background: #efefef; padding: 30px 20px; text-align: center; box-sizing: border-box; float: right; margin: 0 0 30px 30px; border-radius: 20px;}
.about-carousel-bg h4 { color: #5c7342; font-size: 16px; margin-bottom: 10px;}
.about-carousel-bg img {width: 120px; margin-bottom: 20px;}
.gallery-imgs {margin-top: 70px;}
.gallery-imgs a {display: block; transition: all ease .5s;}
.gallery-imgs a:hover {opacity: 0.6;}
.gallery-imgs .third {padding: 0 5px; margin-bottom: 0;}
.gallery-imgs img {width: 100%; display: block; margin-bottom: 10px;}
.lock-bundle {border-radius: 25px; padding: 20px 10px; text-align: center; width: 85%; margin: auto;}
.lock-bundle p {margin: 5px 0; color: white;}
.lock-bundle h3 {margin-bottom: 0; color: white;}
.bronze-bundle {background: rgb(205,127,50); background: linear-gradient(27deg, rgba(205,127,50,1) 0%, rgba(150,116,68,1) 100%);}
.silver-bundle {background: rgb(148,159,166); background: linear-gradient(27deg, rgba(148,159,166,1) 0%, rgba(110,113,117,1) 100%);}
.gold-bundle {background: rgb(199,147,34); background: linear-gradient(27deg, rgba(199,147,34,1) 0%, rgba(161,118,27,1) 100%);}
.bundle-splitter {border-top-color: #0094FF;}


/* ACCOUNTS */
.account-settings {width: 80%; margin: auto; background: #efefef; padding: 20px 0; box-sizing: border-box; border-radius: 20px; text-align: left;}
.account-settings ul {padding: 0; margin: 0; list-style: none;}
.account-settings li {font-family: "Effra", sans-serif; color: #969696; padding: 20px 30px; font-weight: 400; -webkit-font-smoothing: antialiased;}
.account-settings li a {color: #969696;}
.account-settings .active {background: #e6e6e6;}



/* PRODUCT LIST */
.products {margin: 0;}
.products .product-container {padding: 0 25px; width: 25%; float: left; margin-bottom: 30px; text-align: left;}
.products .product-container a {text-decoration: none;}
.products .product-container a img {transition: 1s all;}
.products .product-container a:hover img {opacity: 0.6;}

.featured-prod h2 {font-size: 28px; line-height: 35px; padding-bottom: 5px; border-bottom: 4px solid #92c955; width: 100%; max-width: 350px; margin: auto; float: none; }


.products-carousel .product .prod-img-vert img {width: 100%; border-radius: 20px 20px 0px 0px;}
.products-carousel .product .content-vert {padding: 30px 20px; box-sizing: border-box; border-radius: 0px 0px 20px 20px ;}
.products-carousel .product .content-vert h3 { font-weight: 600;transition: all ease 0.5s; border-left: 2px solid #313131; font-size: 20px; line-height: 24px; margin-bottom: 10px; color: #fff; letter-spacing: 0; text-transform: none;}
.products-carousel .product .content-vert h3.price {font-weight: 600; font-size: 32px; color: #92c955; margin-bottom: 20px;}
.products-carousel .product:hover {color: #fff!important; text-decoration: none!important;}
.products-carousel .product .content-vert h4 {font-weight: 600; color: #fff; font-size: 14px; margin-bottom: 0; transition: all ease .5s; border-left: 2px solid #313131;}

.products-carousel .product:hover h4 { padding-left: 30px; border-left: 2px solid #fff; }
.product-list { margin-top: 80px; }
.product-list .desc { width: 50%; display: block; margin: auto;}
.product-list .desc p { margin-bottom: 0px; }
.product-list .usps { padding-bottom: 30px; }
.product-list .option-input {max-width: 320px; display: inline-block; float: none; margin: auto; margin-bottom: 70px; }
.products-carousel.owl-theme .owl-nav { position: absolute; top: 40%; width: 100%; }
.products-carousel.owl-theme .owl-nav .owl-prev{ position: absolute; left: -10%; background-color: transparent; color: #c8c8c8; border: 2px solid #c8c8c8; padding: 15px 20px; border-radius: 10px; font-size: 18px;}
.products-carousel.owl-theme .owl-nav .owl-next{ position: absolute; right: -10%; background-color: transparent; color: #c8c8c8; border: 2px solid #c8c8c8; padding: 15px 20px; border-radius: 10px; font-size: 18px;}

.prod-img-vert img {width: 100%;}
.content-vert {padding: 30px 20px; background-color: #313131; box-sizing: border-box;}
.content-vert h3 { font-weight: 600;font-size: 20px; line-height: 24px; margin-bottom: 10px; color: #fff; letter-spacing: 0; text-transform: none;}
.content-vert h3.price { font-weight: 600;font-size: 32px; color: #92c955; margin-bottom: 20px;}
.content-vert p {font-size: 14px; line-height: 22px;}
.content-vert h4 { font-weight: 600;color: #fff; font-size: 14px; margin-bottom: 0; transition: all ease .5s; border-left: 2px solid #313131;}
.product-filter {width: 100%; background: #efefef; padding: 35px 0; box-sizing: border-box; border-radius: 20px; text-align: left;}
.product-filter .title {box-sizing: border-box;}
.product-filter h3 {font-size: 18px; margin-bottom: 25px; line-height: 20px; text-align: center;}
.product-filter ul {padding: 0; margin: 0; list-style: none;}
.product-filter li {font-family: "Effra", sans-serif; color: #969696; font-weight: 400; -webkit-font-smoothing: antialiased;}
.product-filter li:hover {background-color: #fff; text-decoration: none;}
.product-filter li a {width: 100%; display: block; padding: 20px 30px; color: #969696; box-sizing: border-box;}
.product-filter li:hover a {text-decoration: none;}
.product-filter .active {background: #fff;}
.product-filter.pf-filter {padding: 35px 20px;}
.product-filter.pf-filter p {font-size: 16px;}
.product-filter.pf-filter p input {margin-right: 10px;}
.product-filter.pf-filter .button {width: 100%; margin-top: 20px;}
.product-filter .accordion h3 {font-size: 16px; margin: 20px 0 0 0;}
.option-input {background: #efefef; padding: 5px; border-radius: 10px; box-sizing: border-box; width: 100%;}
.option-input h3 {font-size: 16px; letter-spacing: 0; text-transform: initial; color: #969696; margin: 0 15px; float: left;}
.option-input select {float: right; width: 150px; height: 40px; border: 0;}
.option-input input {float: right; width: 150px; height: 40px; border: 0;}
.pagination>li>a, .pagination>li>span {background-color: #efefef; font-family: "Effra", sans-serif; color: #969696; border-radius: 0; padding: 10px 15px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #263866; border-color: #263866;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {color: #969696;}



/* PRODUCT DETAILS */
.product-images-container {width: 90%; margin: auto;}
.product-image {width: 100%; height: auto; padding-right: 30px; box-sizing: border-box;}
.product-image a {width: 100%; height: auto; display: block; border-radius: 20px; overflow: hidden;}
.product-image a img {width: 100%; height: auto; display: block;}
.product-thumbnails {width: 100%; height: auto; margin: 20px 0;}
.product-thumbnails .product-thumb {width: 33.3%; height: auto; display: block; float: left; padding: 0 30px 0 0; box-sizing: border-box;}
.product-thumbnails a {width: 100%; height: auto; display: block;border-radius: 10px; overflow: hidden; box-sizing: border-box;}
.product-thumbnails a img {width: 100%; height: auto; display: block;}
#product-container { margin-top: 80px;}
#product-container h1 {font-size: 28px; line-height: 34px; letter-spacing: 0; text-transform: none;}
#product-container .price {font-size: 34px; line-height: 34px; letter-spacing: 0; text-transform: none; color: #263866;}
.alert {font-family: "Effra", sans-serif!important;}


/* CHECKOUT */
#d_quickcheckout {font-family: "Effra", sans-serif;}
#d_quickcheckout a {color: #263866!important;}
#d_quickcheckout .btn-primary {border-color: #92c955!important;background: #92c955;background: -moz-linear-gradient(left, #92c955 0%, #5c7342 100%)!important;background: -webkit-gradient(left top, right top, color-stop(0%, #92c955), color-stop(100%, #5c7342))!important;background: -webkit-linear-gradient(left, #92c955 0%, #5c7342 100%)!important;background: -o-linear-gradient(left, #92c955 0%, #5c7342 100%)!important;background: -ms-linear-gradient(left, #92c955 0%, #5c7342 100%)!important;background: linear-gradient(to right, #92c955 0%, #5c7342 100%)!important;}
#d_quickcheckout .panel-default > .panel-heading {font-family: "Effra", sans-serif; color: #a9a9a9;}
.modal-body .main {width: 100%;}
.modal-body .page-header {height: 160px;}
#d_quickcheckout #paypal_button_submit {background: #92c955!important;}

/* HEADER */
header {width: 100%; position: fixed; z-index: 99; top: 0; background-color: rgba(255, 255, 255, 1); transition: all ease .5s;}
header.active {top: 0; ;}
.info-header {margin-bottom: -92px; position: relative; z-index: 1;}
.more-options {display: none;}
.shopping-header {display: block; background: rgba(238, 0, 3, 1);}
.shopping-header .padded {padding: 5px 0 5px 0;}
.shopping-header .padded p {color: white; margin-bottom: 0px; font-style: italic;}
.shopping-header .third {padding: 0 30px;}
.shopping-header .full {padding: 0 30px; margin-bottom: 30px;}

.header-shop-button {float: right; height: 92px; background: rgba(238, 0, 3, 0.6); width: 80px; text-align: center; line-height: 92px; font-size: 20px; color: #fff; display: block; transition: all ease .5s;}
.header-shop-button:hover {background: rgba(238, 0, 3, 0.8);}
.header-shop-button i {font-size: 24px; line-height: 92px;}
.header-shop-button:hover i {color: #fff;}
.logo {width: 200px; height: 58px; margin: 15px 0; float: left; background: url(../image/header/logo.svg) center no-repeat; display: block;}
.page-header {width: 100%; height: 400px; margin: 0; position: relative; -webkit-animation: header-animation 3s; -moz-animation: header-animation 3s; -o-animation: header-animation 3s; animation: header-animation 3s;}

.page-header h2 {border-radius: 20px; position: absolute; bottom: -50px; background: #efefef; font-size: 30px; letter-spacing: 1px; font-weight: 700; text-align: center; line-height: 30px; padding: 30px; width: auto; margin: auto; -webkit-box-shadow: 0px 0px 17px -6px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 0px 17px -6px rgba(0, 0, 0, 1); box-shadow: 0px 0px 17px -6px rgba(0, 0, 0, 1); left: 0; display: block; right: 0; width: 520px; -webkit-animation: header-text-animation 3s; -moz-animation: header-text-animation 3s; -o-animation: header-text-animation 3s; animation: header-text-animation 3s;}
.ph-about {background: url(../image/header/advantek-default.png) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.ph-services {background: url(../image/header/advantek-default.png) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.ph-plylining {background: url(../image/header/advantek-default.png) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.ph-products {background: url(../image/header/advantek-default.png) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.ph-tow-bars {background: url(../image/header/advantek-default.png) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.ph-beacons {background: url(../image/header/advantek-default.png) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.ph-other {background: url(../image/header/advantek-default.png) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.ph-gallery {background: url(../image/header/advantek-default.png) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.ph-contact {background: url(../image/header/advantek-default.png) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
@-webkit-keyframes header-text-animation {
  0% {bottom: -200px;}
  50% {bottom: -200px;}
  75% {bottom: 20px;}
  100% {bottom: -50px; }
}
@-moz-keyframes header-text-animation {
  0% {bottom: -200px;}
  50% {bottom: -200px;}
  75% {bottom: 20px;}
  100% {bottom: -50px;}
}
@-o-keyframes header-text-animation {
  0% {bottom: -200px;}
  50% {bottom: -200px;}
  75% {bottom: 20px;}
  100% {bottom: -50px;}
}
@keyframes header-text-animation {
  0% {bottom: -200px;}
  50% {bottom: -200px;}
  75% {bottom: 20px;}
  100% {bottom: -50px;}
}
@-webkit-keyframes header-animation {
  0% {overflow: hidden;}
  70% {overflow: hidden;}
  100% {overflow: initial;}
}
@-moz-keyframes header-animation {
  0% {overflow: hidden;}
  70% {overflow: hidden;}
  100% {overflow: initial;}
}
@-o-keyframes header-animation {
  0% {overflow: hidden;}
  70% {overflow: hidden;}
  100% {overflow: initial;}
}
@keyframes header-animation {
  0% {overflow: hidden;}
  70% {overflow: hidden;}
  100% {overflow: initial;}
}
.offer-text {
  animation: blinker 3s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0.25;
  }
}


/* NAV */
nav {height: 85px; margin: auto; font-family: "Effra", sans-serif; float: right; padding-left: 20px;}
nav #desktop-menu > ul {height: 85px; position: relative; padding: 0; margin: 0; list-style: none;}
nav #desktop-menu > ul > li {margin-left: 30px; height: 85px; float: right; padding: 32px 0px;  font-size: 20px; color: #393939; line-height: 20px; -webkit-font-smoothing: antialiased;}
nav #desktop-menu > ul > li.active a {padding-bottom: 3px; border-bottom: 2px solid #92c955;}
nav #desktop-menu > ul > li:hover > a {padding-bottom: 3px; border-bottom: 2px solid #92c955;}
nav #desktop-menu > ul > li.icon:hover > a {padding-bottom: unset; border-bottom: unset;}
nav #desktop-menu > ul > :last-child {margin-left: 0px;}
nav #desktop-menu > ul > .icon {margin-left: 10px;}
nav #desktop-menu > ul > .search {margin-left: 40px;}
nav #desktop-menu > ul > li > a > img {width: 25px; height: 25px;}
nav #desktop-menu > ul > li > a {width: 100%; margin: 0px; display: block; color: #393939; font-weight: 400; text-align: center; transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out;}
/* nav #desktop-menu > ul > li > a:hover {margin: 0px; display: block; color: #fff; border-right: none; background-color: #313131;} */
nav #desktop-menu ul a {display: block; color: #fff; text-decoration: none; height: auto; width: auto; cursor: pointer; position: relative;}
/* nav #desktop-menu ul li:hover > a {color: #fff; background-color: #313131;} */
nav #desktop-menu > ul > li > ul {font-family: "Effra", sans-serif; height: auto; margin-top: 10px; background-color: #313131; display: block; left: -999em; position: absolute; list-style: none; padding: 0; z-index: 999; font-size: 16px; line-height: 16px; text-align: left; color: #fff;}
nav #desktop-menu li:hover ul, nav #desktop-menu li.sfhover ul {left: auto;}
nav #desktop-menu > ul > li > ul > li {float: left; clear: both;}
nav #desktop-menu > ul > li > ul > li > a {width: 200px; float: left; margin: 0px;  border-bottom: unset!important; display: block; padding: 20px!important; color: #fff; clear: both;}
nav #desktop-menu > ul > li > ul > li > a:hover {background-color: #252525;}

nav #desktop-menu > ul > li > ul > li > ul {height: auto; background-color: #313131; display: block; left: -999em!important; position: absolute; list-style: none; padding: 0; z-index: 999; font-size: 16px; line-height: 16px; text-align: left; color: #fff;}
nav #desktop-menu li ul li:hover ul, nav #desktop-menu li ul li.sfhover ul {left: 200px!important;}
nav #desktop-menu > ul > li > ul > li > ul > li {float: left; clear: both;}
nav #desktop-menu > ul > li > ul > li > ul > li a {width: 200px; background-color: #313131; float: left; margin: 0px; display: block; padding: 15px!important; color: #fff; clear: both; border-bottom: unset!important;}
nav #desktop-menu > ul > li > ul > li > ul > li a:hover {background-color: #252525; color: #fff;}
nav #desktop-menu ul li ul li ul li:hover {color: #fff; z-index: 30001; background-color: #313131; background-image: none;}

.mobile-menu .chevron-down {width: 23px; height: 17px; background: url(../image/icons/chevron-down.svg) bottom center no-repeat;}

.mobile-menu .top-level > a {display: inline-block!important;}

.mobile-menu .top-level > i {display: inline-block!important; color: #909090!important; cursor: pointer!important;}
.mobile-menu .top-level > i:hover {color: #252525!important;}
.mobile-menu .top-level ul {padding: 20px 0px 20px 0px!important;}
.mobile-menu .top-level ul > li {min-height: 40px!important;}

.mobile-menu { width: 100%; height: 80px; margin:auto; font-family: "Effra", sans-serif; float: right;}
.mobile-menu ul > li > ul > li {font-size: 20px!important; line-height: 28px;}
.mobile-menu ul > li > ul > li a {font-size: 20px!important; line-height: 28px;}


/* nav #desktop-menu ul li ul li:hover {color: #fff; z-index: 30001; background-color: #252525; background-image: none;} */
.overlay {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: white; z-index: 1000000;}
.overlay .overlay-close {width: 50px; height: 50px; position: absolute; right: 20px; top: 20px; overflow: hidden; border: none; background: url(../image/header/cross.png) no-repeat center center; background-size: 100%; text-indent: 200%; color: transparent; outline: none; z-index: 100; cursor: pointer;}
.overlay nav {float: none; text-align: center; position: relative; top: 50%; height: 60%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.overlay ul {list-style: none; padding: 0; margin: 0 auto; display: inline-block; height: 100%; position: relative;}
.overlay ul li {display: block; min-height: 54px; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-family: "Effra", sans-serif; font-size: 23px; font-weight: 400; display: block; color: #393939; -webkit-transition: color 0.2s; transition: color 0.2s; text-transform: uppercase;}
.overlay ul li a {font-family: "Effra", sans-serif; font-size: 23px;  font-weight: 400; display: block; color: #393939; -webkit-transition: color 0.2s; transition: color 0.2s; text-transform: uppercase;}
.overlay ul li a:hover, .overlay ul li a:focus {color: #263866;}
.overlay-slidedown {visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s; transition: transform 0.4s ease-in-out, visibility 0s 0.4s;}
.overlay-slidedown.open {visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition: -webkit-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; }
@media screen and (max-height: 30.5em) {
  .overlay nav {height: 70%; font-size: 34px;}
  .overlay ul li {min-height: 34px;}
}


  /* HERO */
.hero { margin-top: 90px; width: 100%; min-height: 520px; padding: 0; position: relative; background-color: #000000;}
.hero .hero-slide img {width: 100%; opacity: 0.3; height: 100%; min-height: 520px; float: left; object-fit: cover; transition: all 1s; margin-top: 93px;z-index: 1; object-position: 70% 50%}
.hero .hero-slide p {width: 50%;  position: relative; color: #fff; font-size: 48px; line-height: 68px; margin-bottom: 10px;}

.hero .hero-slide {width: 100%; height: 100%; margin-top: -94px;}
/* .hero .hero-slide .fade { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.8; z-index: 2; background: #92c955; background: linear-gradient(90deg, #92c955 4%, rgba(92, 115, 66, 0.896796218487395) 29%, rgba(92, 115, 66,0.7315301120448179) 54%, rgba(92, 115, 66,0.36458333333333337) 76%, rgba(92, 115, 66,0) 97%);} */

.hero .hero-slide {width: 100%;}
.hero .button {margin-top: 30px!important;}

.hero .content {position: absolute; top: 50%;  left: 0; right: 0; width: 1420px; height: 100%; z-index: 99; margin: auto; padding: 100px; box-sizing: border-box; transform: translateY(-50%); animation: hero-text 2s ease; z-index: 2; }
.hero .content .display-flex { display: flex; height: 100%; width: 100%; position: relative; justify-content: center; flex-direction: column; }
.hero .hero-carousel {z-index: 2; animation: hero-fade 3s ease; opacity: 1;}

.hero .hero-carousel.owl-theme .owl-nav { position: absolute; bottom: 90px; width: 100%; }
.hero .hero-carousel.owl-theme .owl-nav .owl-prev{ position: absolute; left: 3%; background-color: transparent; color: #ffffff; border: 2px solid #ffffff; padding: 15px 20px; border-radius: 10px; font-size: 18px;}
.hero .hero-carousel.owl-theme .owl-nav .owl-next{ position: absolute; right: 3%; background-color: transparent; color: #ffffff; border: 2px solid #ffffff; padding: 15px 20px; border-radius: 10px; font-size: 18px;}
.hero .hero-carousel.owl-theme .owl-nav .owl-prev:hover{background-color: #ffffff!important; color: #474747!important;}
.hero .hero-carousel.owl-theme .owl-nav .owl-next:hover{background-color: #ffffff!important; color: #474747!important;}


@keyframes hero-text {
  0% {transform: translateY(-30%); opacity: 0;}
  40% {transform: translateY(-40%); opacity: 0;}
  100% {transform: translateY(-50%); opacity: 1;}
}

@keyframes hero-fade {
  0% {opacity: 0;}
  40% {opacity: 0;}
  100% {opacity: 1;}
}
/* .hero-section {background: url(../image/backgrounds/hero.jpg) center left 30% no-repeat; background-size: cover; height: 100vh;}
.hero-section .content {position: relative; top: 50%; transform: translateY(-50%); width: 600px; padding-left: 20px;}
.hero-section h1 {color: #fff; margin-bottom: 40px; font-size: 38px; line-height: 60px; animation: fade-in 3s;}
.hero-section p {color: #fff; font-size: 18px; line-height: 30px; animation: fade-in 3s;}
.hero-section > .main {height: calc(100vh - 85px);}
.hero-section .content {-webkit-animation: hero-text 2.5s; -moz-animation: hero-text 2.5s; -o-animation: hero-text 2.5s; animation: hero-text 2.5s; opacity: 1;}
@-webkit-keyframes hero-text {
 0% {opacity: 0; transform: translateY(-35%);}
 40% {opacity: 0; transform: translateY(-35%);}
 100% {opacity: 1; transform: translateY(-50%);}
}
@-moz-keyframes hero-text {
 0% {opacity: 0; transform: translateY(-35%);}
 40% {opacity: 0; transform: translateY(-35%);}
 100% {opacity: 1; transform: translateY(-50%);}
}
@-o-keyframes hero-text {
 0% {opacity: 0; transform: translateY(-35%);}
 40% {opacity: 0; transform: translateY(-35%);}
 100% {opacity: 1; transform: translateY(-50%);}
}
@keyframes hero-text {
 0% {opacity: 0; transform: translateY(-35%);}
 40% {opacity: 0; transform: translateY(-35%);}
 100% {opacity: 1; transform: translateY(-50%);}
} */


/* SITEMAP */
ul.sitemap li {font-family: "Effra", sans-serif; color: #0d242d; font-size: 24px; line-height: 40px; font-weight: 300; text-decoration: none; font-style: italic; margin-top: 0; margin-bottom: 10px; list-style: none;}
ul.sitemap li a {color: #0d242d; text-decoration: none;}
ul.sitemap li a:hover {color: #263866;}
ul.sitemap > li > ul > li {font-style: italic;}


  /* FORMS */
.form-input { width: 100%; height: 50px; background-color: #fff; border: none; border-bottom: 1px solid #ccc; margin: 0; padding-left: 20px; font-family: "Effra", sans-serif; font-size: 14px; line-height: 50px; color: #393939; text-align: left;}
.form-select { width: 100%; height: 50px; background-color: #fff; border: none; border-bottom: 1px solid #ccc; margin-bottom: 0; padding-left: 20px; font-family: "Effra", sans-serif; font-size: 14px; line-height: 50px; color: #393939; text-align: left;}
.form-select-full { width: 100%; height: 40px; background-color: #fff; border: none; border: 1px solid #ccc; margin-bottom: 0; padding-left: 20px; font-family: "Effra", sans-serif; font-size: 14px; line-height: 40px; color: #ccc; text-align: left;}
.form-textarea { width: 100%; height: 100px; background-color: #fff; border: none; border-bottom: 1px solid #ccc; margin-bottom: 0; padding-left: 20px; font-family: "Effra", sans-serif; font-size: 14px; line-height: 50px; color: #393939; text-align: left;}
.form-button { width: 250px; height: 50px; background-color: #92c955; border: none; font-family: "Effra", sans-serif; font-size: 18px; text-align: center; color: #fff; cursor: pointer; transition: background-color 0.5s ease; -webkit-font-smoothing: antialiased; -webkit-appearance: none; border-radius: 25px; float: left;}
.form-button:hover {background-color: #5c7342;}
.qc-ht { display: none !important;}
.error {color: red; font-weight: bold;}
.form-input::-webkit-input-placeholder {color: #ccc;}
.form-input:-moz-placeholder {color: #ccc;}
.form-input::-moz-placeholder {color: #ccc;}
.form-input:-ms-input-placeholder {color: #ccc;}
.form-textarea::-webkit-input-placeholder {color: #ccc;}
.form-textarea:-moz-placeholder {color: #ccc;}
.form-textarea::-moz-placeholder {color: #ccc;}
.form-textarea:-ms-input-placeholder {color: #ccc;}
.contact-form { background: #fff; -webkit-box-shadow: 0px 0px 47px -4px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0px 0px 47px -4px rgba(0, 0, 0, 0.11); box-shadow: 0px 0px 47px -4px rgba(0, 0, 0, 0.11); margin-top: 70px; overflow: hidden; border-radius: 20px;}
.contact-form .left { float: left;background: #92c955; width: 390px;background: -moz-linear-gradient(top, #92c955 0%, #5c7342 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #92c955), color-stop(100%, #5c7342));background: -webkit-linear-gradient(top, #92c955 0%, #5c7342 100%);background: -o-linear-gradient(top, #92c955 0%, #5c7342 100%);background: -ms-linear-gradient(top, #92c955 0%, #5c7342 100%);background: linear-gradient(to bottom, #92c955 0%, #5c7342 100%); text-align: left; padding: 40px; box-sizing: border-box;}
.contact-form h2 { color: #fff; font-size: 22px; line-height: 30px;}
.contact-form i { color: #FFF; margin-right: 15px;}
.contact-form a { color: #fff;}
.contact-form p { color: #fff; margin-bottom: 20px;}
.contact-form a:hover { opacity: 0.5;}
.contact-form .right {float: right;width: calc(100% - 390px);padding: 40px;box-sizing: border-box;}
.contact-form input {margin-bottom: 35px;}
.contact-form select {margin-bottom: 35px;}
.contact-form textarea {margin-bottom: 35px;}



/* BUTTONS */
.button { width: 200px; height: 50px; display: block; cursor: pointer; transition: all 0.5s ease; -moz-border-radius: 10px; border-radius: 10px; border: none; font-family: "Effra", sans-serif; font-size: 18px; text-align: center; color: #fff; line-height: 50px; -webkit-font-smoothing: antialiased;background: #92c955;background: -moz-linear-gradient(left, #92c955 0%, #5c7342 100%);background: -webkit-gradient(left top, right top, color-stop(0%, #92c955), color-stop(100%, #5c7342));background: -webkit-linear-gradient(left, #92c955 0%, #5c7342 100%);background: -o-linear-gradient(left, #92c955 0%, #5c7342 100%);background: -ms-linear-gradient(left, #92c955 0%, #5c7342 100%);background: linear-gradient(to right, #92c955 0%, #5c7342 100%);}
.button:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); color: #fff; text-decoration: none;}
.button-full {width: 100%; height: 40px; display: block; background-color: #4c7ab8; cursor: pointer; transition: background-color 0.5s ease; -moz-border-radius: 4px; border-radius: 4px; font-family: "Effra", sans-serif; font-size: 20px; text-align: center; color: #fff; line-height: 40px; -webkit-font-smoothing: antialiased;}
.button-full:hover {background-color: #19598a;}
.b-grey {background: #343131;}
.b-full {width: 100%;}
.buttons .button {float: left;}
.buttons .b-mgn-right {margin-right: 20px;}



/* FOOTER */
footer {background: -moz-linear-gradient(top, #92c955 0%, #5c7342 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #92c955), color-stop(100%, #5c7342));background: -webkit-linear-gradient(top, #92c955 0%, #5c7342 100%);background: -o-linear-gradient(top, #92c955 0%, #5c7342 100%);background: -ms-linear-gradient(top, #92c955 0%, #5c7342 100%);background: linear-gradient(to bottom, #92c955 0%, #5c7342 100%); text-align: left;}
footer h3 {color: #fff; text-align: left; font-size: 22px; letter-spacing: 0px; line-height: 36px; margin-bottom: 20px;}
footer ul { -webkit-font-smoothing: antialiased; list-style: none; padding-left: 0px; font-size: 16px; line-height: 32px; margin: 10px 0; }
footer ul  li {font-family: "Effra", sans-serif; color: #a9a9a9; font-size: 16px; line-height: 32px; margin: 10px 0; }
footer .half-list {padding: 0 0 0 0px; margin: 0; overflow: auto; margin-bottom: 20px; list-style: none; }
footer .half-list li { width: 50%; float: left; padding-left: 0px; text-indent: 0; font-family: "Effra", sans-serif; font-weight:300; color: #a9a9a9; font-size: 16px; line-height: 24px; padding-right: 0;}
footer .half-list li::before {content: none; color: #263866; font-weight: bold; padding-right: 5px;}


footer .padded {padding: 100px 10px 0;}

footer p {color: #fff; font-size: 18px; line-height: 36px; margin-bottom: 20px;}
footer .tel {font-size: 26px; margin-bottom: 0;}
footer a {color: #fff; transition: all ease .5s;}
footer a:hover {color: #ffffff;}
footer .iso {width: 80px; height: auto; display: block; margin: 40px auto 0 auto;}

footer .terms {width: 100%; height: auto; background-color: #92c955; padding: 20px 0; position: relative; margin-bottom: 50px;}
footer .terms .right {float: right;}
footer .terms .left {float: left;}
footer .terms h4 {font-size: 14px; font-style: italic; letter-spacing: 0px; color: #fff; margin-bottom: 0;}
.cookieMain {width: 100%; height: auto; background-color: #333; position: relative; z-index: 9999;}
.cookiePolicy {width: 100%; position: fixed; bottom: 0; padding: 10px 20px; margin: 0 auto; background-color: #333; opacity: 0.75; font-family: 'Arial', sans-serif; color: #ebe7dd; font-weight: 300; text-align: center; font-size: 10px; line-height: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cookiePolicy a {color: #fff; transition: color 0.5s ease;}
.cookiePolicy a:hover {color: #0d242d;}
.cookie-form {display: inline; margin: 0;}
.cookie-form input[type=submit] {font-size: 10px; font-family: sans-serif;}
.cookie-button {font-weight: bold; background-color: #000; color: #fff; border: 0; margin-left: 5px; cursor: pointer; transition: background-color 0.5s ease;}
.cookie-button:hover {background-color: #737373;}
#xmas-delivery {width: 100%; height: 50px; position: fixed; bottom: 0; padding: 10px 20px; box-sizing: border-box; background: #263866; z-index: 1001; text-align: center;}
#xmas-delivery p {color: #fff; margin-bottom: 0; text-align: center; padding-left: 30px;}


/* FANCYBOX */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {padding: 0; margin: 0; border: 0; outline: none; vertical-align: top;}
.fancybox-wrap {position: absolute; top: 0; left: 0; z-index: 8020;}
.fancybox-skin {position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444; font: 14px/20px "Effra", Helvetica, Arial, sans-serif;font-family: "Effra", sans-serif; margin: 0; padding: 15px; white-space: nowrap;}
.fancybox-image, .fancybox-iframe {display: block; width: 100%; height: 100%;}
.fancybox-image {max-width: 100%; max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url("../image/fancybox/fancybox_sprite.png");}
#fancybox-loading {position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060;}
#fancybox-loading div {width: 44px; height: 44px; background: url("../image/fancybox/fancybox_loading.gif") center center no-repeat;}
.fancybox-close {position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040;}
.fancybox-nav {position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../image/fancybox/blank.gif"); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040;}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden;}
.fancybox-prev span {left: 10px; background-position: 0 -36px;}
.fancybox-next span {right: 10px; background-position: 0 -72px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important;}
.fancybox-lock {overflow: hidden !important; width: auto;}
.fancybox-lock body {overflow: hidden !important;}
.fancybox-lock-test {overflow-y: hidden !important;}
.fancybox-overlay {position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("../image/fancybox/fancybox_overlay.png");}
.fancybox-overlay-fixed {position: fixed; bottom: 0; right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto; overflow-y: scroll;}
.fancybox-title {visibility: hidden; font: normal 13px/20px "Effra", Helvetica, Arial, sans-serif; font-family: "Effra", sans-serif; position: relative; text-shadow: none; z-index: 8050;}
.fancybox-opened .fancybox-title {visibility: visible;}
.fancybox-title-float-wrap {position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center;}
.fancybox-title-float-wrap .child {display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #fff; font-weight: bold; line-height: 24px; white-space: nowrap;}
.fancybox-title-outside-wrap {position: relative; margin-top: 10px; color: #fff;}
.fancybox-title-inside-wrap {padding-top: 10px;}
.fancybox-title-over-wrap {position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8);}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url("../image/fancybox/fancybox_sprite@2x.png"); background-size: 44px 152px;}
  #fancybox-loading div {background-image: url("../image/fancybox/fancybox_loading@2x.gif"); background-size: 24px 24px;}
}


/* OWL CAROUSEL */
.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-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(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%;}
.owl-theme .owl-dots, .owl-theme .owl-nav {text-align: center; -webkit-tap-highlight-color: transparent;}
.owl-theme .owl-nav {margin-top: 10px;}
.owl-theme .owl-nav [class*=owl-] {color: #FFF; font-size: 14px; margin: 5px; transition: all ease 1s; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px;}
.owl-theme .owl-nav [class*=owl-]:hover {background: #c8c8c8!important; background-colour: #c8c8c8!important; color: #FFF!important; text-decoration: none!important;}
.owl-theme .owl-nav .disabled {opacity: .5; cursor: default;}
.owl-theme .owl-nav.disabled + .owl-dots {margin-top: 10px;}
.owl-theme .owl-dots .owl-dot {display: inline-block; zoom: 1;}
.owl-theme .owl-dots .owl-dot span {width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #869791;}


.categories .third .inner {  text-align: right; padding: 30px 15px; border-radius: 5px; box-sizing: border-box; }

.categories .third .inner h3{ font-size: 36px; color: white; margin-bottom: 15px; }
.categories .third .inner .button { width: 150px; height: 40px; font-size: 16px; line-height: 40px; float: right; border: 1px solid white; color: white; background: transparent; }

.categories .locks { 
  background: url(../image/backgrounds/locks.jpg) center no-repeat; background-size: cover;
}

.categories .lining { 
  background: url(../image/backgrounds/lining.jpg) center no-repeat; background-size: cover;
}
.categories .racks { 
  background: url(../image/backgrounds/racks.jpg) center no-repeat; background-size: cover;
}
.categories .beacons { 
  background: url(../image/backgrounds/beacons.jpg) center no-repeat; background-size: cover;
}

.usps { width: 100%; float: none; margin: auto; padding: 60px 0px; }
.usps .third { margin-bottom: 0px; }
.usps .third .icon { width: 30%; float: left; }
.usps .third .icon img { width: 50px;  height: 50px; float: right;}
.usps .third .text {text-align: center; width: 70%; float: right; }
.usps .third .text.cnc{text-align: left; padding-left: 15px; }
.usps .third .text .title {font-size: 22px ;line-height: 26px; color: #313131; margin-bottom: 0px; }

.about-home h1 {font-weight:700;}
.about-home .padded-content { width: 70%; }
.about-home .padded-content .text-half { padding-right: 50px; }
.about-home .padded-content .red-list li {-webkit-font-smoothing: antialiased;font-size: 18px; line-height: 32px; color: #92c955;}
.about-home .padded-content .red-list {  list-style: none; padding-left: 0px;}
.about-home .padded-content img {width: 100%; max-width: 500px; }

.input-group {width: 100%; max-width: 500px; }
.input-group .form-control { background-color: #393939; color: #fff;  border-color: #393939;}

.input-group .btn-default { color: #fff;background-color: #393939;  border-color: #393939;}
.search-overlay { opacity: 0; -webkit-transition: opacity .2s ease-in,height 0ms,width 0ms; transition: opacity .2s ease-in,height 0ms,width 0ms; -webkit-transition-delay: 0ms,.2s,.2s; transition-delay: 0ms,.2s,.2s; height: 0; left: 0; overflow: hidden; position: fixed; top: 0; width: 0; }

.input-group .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.input-group .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.input-group .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}

.search-overlay {-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: height 0ms .2s,opacity .2s ease-in,visibility .2s,width 0ms .2s,-webkit-transform .2s ease-in; transition: height 0ms .2s,opacity .2s ease-in,visibility .2s,width 0ms .2s,-webkit-transform .2s ease-in;}
.search-overlay {transition: height 0ms .2s,opacity .2s ease-in,transform .2s ease-in,visibility .2s,width 0ms .2s; transition: height 0ms .2s,opacity .2s ease-in,transform .2s ease-in,visibility .2s,width 0ms .2s,-webkit-transform .2s ease-in; background: #efefef; visibility: hidden; z-index: 4; cursor: pointer;}

.search-overlay.active { opacity: .95; -webkit-transition-delay: 0ms; transition-delay: 0ms; height: 100%;width: 100%;visibility: visible;z-index: 99999;-webkit-transform: scale(1);transform: scale(1);display: flex;align-items: center;justify-content: center;
}
.search-overlay-form { position: relative; margin: 0 auto; width: 80%; }

.search-overlay-input {display: block;width: 100%;max-width: 570px;height: 55px;font-size: 50px;line-height: 55px;background: transparent;border: none;outline: none; color: #f5f5f5;left: 0;right: 0;margin: 0 auto; }

.close-search { border: 0; width:50px; color: #b3b5c5; top: 20px; right: 20px; position: absolute; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: all ease .5s;}
.close-search:hover { transform: scale(.75); }
.search-overlay-input::-webkit-input-placeholder {color: #fff;}
.search-overlay-input:-moz-placeholder {color: #fff;}
.search-overlay-input::-moz-placeholder {color: #fff;}
.search-overlay-input:-ms-input-placeholder {color: #fff;}


.brands .quarter .brand {padding: 40px; border-radius: 10px;  box-sizing: border-box;background: #92c955;background: -moz-linear-gradient(left, #92c955 0%, #5c7342 100%);background: -webkit-gradient(left top, right top, color-stop(0%, #92c955), color-stop(100%, #5c7342));background: -webkit-linear-gradient(left, #92c955 0%, #5c7342 100%);background: -o-linear-gradient(left, #92c955 0%, #5c7342 100%);background: -ms-linear-gradient(left, #92c955 0%, #5c7342 100%);background: linear-gradient(to right, #92c955 0%, #5c7342 100%);display: block; text-decoration: unset!important; cursor: pointer;}
.brands .quarter .brand h2 {margin-bottom: 0px; color: #fff;}

.roof-rack-tiles .quarter .roof-rack-tile {padding: 40px; border-radius: 10px;  box-sizing: border-box; background: #0094FF; background: -moz-linear-gradient(left, #0094FF 0%, #263866 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #0094FF), color-stop(100%, #263866)); background: -webkit-linear-gradient(left, #0094FF 0%, #263866 100%); background: -o-linear-gradient(left, #0094FF 0%, #263866 100%); background: -ms-linear-gradient(left, #0094FF 0%, #263866 100%); background: linear-gradient(to right, #0094FF 0%, #263866 100%);display: block; display: flex;
    align-items: center; text-decoration: unset!important; cursor: pointer; justify-content: center;}
.roof-rack-tiles .quarter .roof-rack-tile h2 {margin-bottom: 0px; color: #fff;}

.roof-rack-tiles .half .roof-rack-tile {padding: 40px; border-radius: 10px;  box-sizing: border-box; background: #0094FF; background: -moz-linear-gradient(left, #0094FF 0%, #263866 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #0094FF), color-stop(100%, #263866)); background: -webkit-linear-gradient(left, #0094FF 0%, #263866 100%); background: -o-linear-gradient(left, #0094FF 0%, #263866 100%); background: -ms-linear-gradient(left, #0094FF 0%, #263866 100%); background: linear-gradient(to right, #0094FF 0%, #263866 100%);display: block; text-decoration: unset!important; cursor: pointer;}
.roof-rack-tiles .half .roof-rack-tile h2 {margin-bottom: 0px; color: #fff;}


.pop-up-box { text-align: center; background: #0094FF; background: -moz-linear-gradient(left, #0094FF 0%, #263866 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #0094FF), color-stop(100%, #263866)); background: -webkit-linear-gradient(left, #0094FF 0%, #263866 100%); background: -o-linear-gradient(left, #0094FF 0%, #263866 100%); background: -ms-linear-gradient(left, #0094FF 0%, #263866 100%); background: linear-gradient(to right, #0094FF 0%, #263866 100%); position: fixed; width: 600px; left: 0; right: 0; margin: auto; transition: all ease 1s; bottom: -1000px; z-index: 999999; opacity: 0; box-sizing: border-box; }
.pop-up-box .content { padding: 50px; }
.pop-up-box img {width: 100%;}
.pop-up-box h3{color: #fff; margin-bottom: 0px; font-size: 28px; line-height: 48px;}
.pop-up-box p {color: #fff; margin-bottom: 0px; }
.pop-up-box p a {color: #fff; text-decoration: underline;}

.pop-up-box.active {-webkit-box-shadow: 0px 0px 300px 200px rgba(0,0,0,0.78); -moz-box-shadow: 0px 0px 300px 200px rgba(0,0,0,0.78); box-shadow: 0px 0px 3000px 3000px rgba(0,0,0,0.78); top: 50%; transform: translateY(-50%); bottom: initial; opacity: 1;}
.pop-up-box-close {color: #fff; position: absolute; font-size: 30px!important; right: 25px; top: 25px; cursor: pointer;}





@media only screen and (max-width: 730px) {
  .search-overlay-input {max-width: 410px;height: 36px;font-size: 36px;line-height: 36px; }
}

@media only screen and (max-width: 550px) {
  .search-overlay-input { max-width: 275px;height: 24px;font-size: 24px;line-height: 24px; }
}

.paypal-banner p { display: inline-block; color: #313131; font-size: 26px;}
.paypal-banner img { display: inline-block; width: 120px; height: 50px;}
/* FLUID */
@media only screen and (max-width: 1480px) {
  .about-home .padded-content { width: 90%; }
}

@media only screen and (max-width: 1350px) {
.products .product-container {width: 33.3%;}
}

@media only screen and (max-width: 1280px) {
  .main {width: 100%;}
  .eighth {width: 25%;}
}

@media only screen and (max-width: 1100px) {
  .hero-section {background: url(../image/backgrounds/hero-mobile.jpg) center no-repeat; background-size: cover;}
  .hero-section .content {width: 90%; margin: auto; text-align: center;}
  .about-home .padded-content { width: 100%; }
  .product-list .padded-content {width: 95%;}
}

@media only screen and (max-width: 1000px) {
  .quarter {width: 50%;}
  .eighth {width: 25%;}
  .more-options {display: block; float: right; height: 88px; width: 80px; background: rgba(255, 255, 255, 0.3); transition: all ease .5s;}
  .more-options img { width: 60px; margin: auto; display: block; position: relative; top: calc(50% - 30px);}
  .more-options:hover {background: rgba(255, 255, 255, 0.4); cursor: pointer;}
  .services-section .content {margin: auto;}
  nav {height: auto; width: 100%;}
  #desktop-menu {display: none;}
  .selection {margin-bottom: 20px;}
  .single-row {padding-bottom: 10px;}
  .single-row .quarter {margin-bottom: 20px;}
  .text-image-split {width: 100%; display: block; padding-top: 0; background-position: center;}
  .text-image-split .padded-content { width: 90%; padding: 50px 0;}

  .about-us-text { float: none; width: 100%;}
  .align-center-1000 {text-align: center;}
  .align-center-1000 .buttons {width: 420px; margin: auto;}
  .about-carousel-bg {width: 100%; float: none; margin: 40px 0 0 0; background: transparent;}
  .products .product-container {width: 50%;}
  .option-input h3 {font-size: 14px;}
  .all-made-in-house h3 {font-size: 30px; line-height: 36px;}
  .all-made-in-house .padded {padding: 120px 10px;}
  .about-home .padded-content { width: 100%; }
  .featured-prod .padded-content { width: 100%; }
  #desktop-usps { display: none!important;}
  #mobile-usps { display: block!important;}
  .about-home .padded-content .half { width: 100%; text-align: center; padding-left: 25px; padding-right: 25px; }
}

@media only screen and (max-width: 900px) {
  .one-quarter {width: 100%; float: none;}
  .three-quarters {width: 100%; float: none;}
  .page-header {height: 300px;}
  .page-header h2 {font-size: 20px;  width: 320px; box-sizing: border-box;}
  .gallery-imgs .third {width: 50%;}

  .option-input h3 {font-size: 14px;}
  .extra-button {display: none;}
  .pf-filter p {float: left; width: 45%; margin-left: 2.5%; margin-right: 2.5%;}
  .other-prods {display: none;}
  .hero .hero-slide p { width: 100%;}
  .hero .hero-slide a { float: none; margin: auto; display: block;}
  .hero .content {width: 100%; padding-left: 20px; padding-right: 20px; text-align: center;}
  .hero .hero-slide .fade  { display: none;}
}

@media only screen and (max-width: 800px) {
  .hero-section .content p {font-size: 24px; line-height: 50px;}
  footer .tel {font-size: 22px;}
  .terms .right {float: none; text-align: center; width: 100%;}
  .terms .left {float: none; text-align: center; width: 100%; margin-bottom: 10px; }
  .contact-form .left { width: 100%; float: none; height: auto !important;}
  .contact-form .right {width: 100%; float: none; height: auto !important;}
  .contact-form .form-button { float: none; margin: auto; width: 100%;}
  .early-third {width: 100%; float: none;}
  .early-third-hr {display: block;}
  .account-settings {width: 100%;}
  .page-header {animation: none;}
  .page-header h2 {animation: none;}
  .categories .quarter{  width: 100%; }
  .product-list .desc { width: 100%;}
  .paypal-banner p { display: block; color: #313131; font-size: 26px;}
  .paypal-banner img { display: block; width: 120px; margin: auto; height: 50px; margin-bottom: 20px;}
}

@media only screen and (max-width: 750px) {
  .half-list li {width: 100%; float: none;}
  .padded-content {width: 95%;}
  h2 { font-size: 24px; }
  .padded { padding: 120px 10px;}
  .products .product-container {width: 50%;}
  .usps .third { width: 100%; margin-bottom: 50px; }

  .usps .third .icon { width: 100%; float: left; margin-bottom: 20px; }
  .usps .third .icon img { width: 50px;  height: 50px; float: none; display: block; margin: auto;}
  .usps .third .text {text-align: center; width: 100%; float: right; }
  .usps .third .text.cnc{text-align: center; padding-left: 0px; }


}

@media only screen and (max-width: 700px) {
  .products .half {width: 100%;}
  .products .half .prod-img { width: 100%; float: none; height: 250px;}
  .products .half .prod-img img {width: 100%;}
   .products .half .content {text-align: center; float: none; width: 100%;}
  .services-section .main {padding: 0;}
  .services-section .content {width: 100%;}
  .quarter {width: 50%;}
  .eighth {width: 50%;}
  .home-slideshow-container, .home-slideshow { height: 300px; margin-top: 0;}
  .slide-container { background-size: 1000px; height: 300px;}
  .float-image { width: 100%; float: none; margin: 0 0 20px 0;}
  .float-image-small { width: 30%; }
  .pop-up-box { width: 95%; }
  .hero .hero-slide p {font-size: 42px; line-height: 46px;}
}

@media only screen and (max-width: 600px) {
  .half { width: 100%;}
  .quarter { width: 50%;}
  .eighth { width: 50%;}
  .third { width: 100%;}
  .main-contact .form-field, .main-contact .form-select { width: 98%; margin-bottom: 20px; float: none;}
  .mobile-hr { display: block;}
  .selections .third { margin-bottom: 20px;}
  .single-row { padding-bottom: 10px;}
  .single-row .third { margin-bottom: 20px;}
  .services-section .content {padding: 100px 10px;}
  .services-section .content .sel {width: 100%;}
  .buttons {width: 100% !important;}
  .buttons .button {float: none; margin: 0 auto 30px auto;}
  .services-page .sel {width: 100%;}
  .gallery-imgs .third {width: 100%;}
  .contact-form .left {padding: 50px 20px; text-align: center;}
  .contact-form .right {padding: 50px 20px;}
  .contact-form input {margin-bottom: 20px;}
  .contact-form select {margin-bottom: 20px;}
  .contact-form textarea {margin-bottom: 20px;}
  .product-image {padding-right: 0;}
  h1 {font-size: 24px; line-height: 34px;}
  .all-made-in-house h3 {font-size: 23px; line-height: 36px; width: 85%; margin: auto;}
  .about-home .padded-content .half { padding-left: 0px; padding-right: 0px; }
}

@media only screen and (max-width: 560px) {
  .products .product-container {width: 100%; float: none;}
  .product-filter.pf-filter p {width: 48%; margin-left: 1%; margin-right: 1%;}
  .accordion div {padding: 10px 20px;}
  footer { text-align: center;}
  footer h3 { text-align: center;}
  .product-list .option-input {margin-bottom: 30px;}
  .product-list { margin-top: 50px; }
    #xmas-delivery {height: 70px;}
    #xmas-delivery p {line-height: 24px;}
} 

@media only screen and (max-width: 450px) {
  .quarter {width: 100%;}
  .eighth {width: 100%;}
  .third {width: 100%;}
  .shopping-header .padded p { font-size: 14px;}
}

@media only screen and (max-width: 400px) {
  /*.logo {width: 60px; background: url(../image/header/emblem.svg) center no-repeat;}*/
  .hero .hero-slide p {font-size: 38px; line-height: 46px;}
  .hero .hero-carousel.owl-theme .owl-nav { display: none;}
  .hero .content { padding-left: 10px; padding-right: 10px ;}
  .hero .content {top: 55%; transform: translateY(-55%);}
  @keyframes hero-text {
    0% {transform: translateY(-20%); opacity: 0;}
    40% {transform: translateY(-30%); opacity: 0;}
    100% {transform: translateY(-55%); opacity: 1;}
  }
  .hero { margin-top: 125px; }
}
/* FORCE NAV ITEMS TO AUTO-SIZE */
header #desktop-menu ul > li {
  flex: 0 0 auto !important;   /* stop stretching */
  width: auto !important;      /* remove forced % width */
}