-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fa-regular-400.eot?v=4.7.0');
    src: url('fonts/fa-regular-400.eot?#iefix&v=4.7.0')
    format('embedded-opentype'), url('fonts/fa-regular-400.woff2?v=4.7.0') format('woff2'),
    url('fonts/fa-regular-400.woff?v=4.7.0') format('woff'),
    url('fonts/fa-regular-400.ttf?v=4.7.0') format('truetype'),
    url('fonts/fa-regular-400.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.bannerOverlay{
    position:absolute;
    width:100%;
    bottom:3vw;
    left:3vw;
}
.littleerror{
    font-size:15px;
    color:red;
    line-height:14px;
}
.shopsearch{
    padding:70px;
    background-color:#222;
    color:#fff;
    text-align:center;
    font-size:28px;
    line-height:65px;
}
.shopsearch .nice-select{
    color:#182034 !important;
    display:inline-block !important;
    float:none;
    margin-left:5px;
    margin-right:5px;
    margin-top:12px;
    vertical-align: top;
}
.topbar .nice-select{
    padding:5px 20px 5px 5px !important;
    height:25px;
    line-height:13px;
}
h1{
    font-size:40px;
    margin-bottom:30px;
    line-height:50px;
}
h2{
    font-size:34px;
    line-height:44px;
}
h3{
    font-size:28px;
    line-height:38px;
}
h4{
    font-size:22px;
    line-height:32px;
}
.shopsearch .btn{
    background-color:rgb(0,186,242);
    border-radius: 3px !important;
    padding:7px 10px;
    font-size:20px;
    vertical-align: top;
    display:inline-block;
    margin-top:10px;
}
.shopsearch select{
    font-size:23px;
    line-height:33px;
    background-color:#eee;
}
.modelhi{
    display:none;
}
.subtitle{
    font-size:25px;
    line-height:35px;
}
.iconl{
    max-width:120px;
    margin:20px auto 30px;
}
.term-description{
    width:70%;
}
.specsheetbutton{
    background-color:rgba(0,186,242,0.6);
    width:250px;
    float:right;
    padding:20px 25px 20px;
    text-align:center;
    text-decoration: none !important;
    color:#fff !important;
    position:absolute;
    right:0px;
    border-radius:0px 0px 50px 50px;
    top:-100px;
}
.specsheetbutton i{
    font-size:30px;
    line-height:36px;
    display:block;
    margin-bottom:10px;
}
.spdesc{
    background-color:#fff;
    padding:10px;
}
.specsheetbutton h3{
    font-size:18px;
    line-height:26px;
}
.fullPage{
    width:100%;
    overflow:hidden;
}
.centered{
    text-align:center;
}
.header{
    padding-top:20px;
}
.homeIntro{
    padding:70px 0px;
    background-color:#efefef;
}
.sub-menu{
    position:absolute;
    display:none;
    z-index:999;
    background-color:rgba(24,31,52,0.7);
    left:0px;
    width:100%;
    padding:20px 13vw 10px !important;
    -webkit-font-smoothing: subpixel-antialiased;
    transition-timing-function: ease-in-out;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
}
.sub-menu li a{
    font-size:14px;
    line-height:20px;
}
li.menu-item-has-children:hover .sub-menu{
    display:block;
}
.bannerOverlay .btn{
    background-color:rgba(0,186,242,0.6);
    color:#fff;
    margin-left:10px;
    margin-right:10px;
    font-size:24px;
    padding:10px 30px;
    line-height:34px;
    border-radius: 0px !important;
    cursor:pointer;
}
.bannerOverlay .btn:hover{
    background-color:rgba(0,186,242,1);
}
.banner{
    position:relative;
    z-index:1;
}
#woocommerce-product-search-field-0{
    background-color:transparent;
    color:#fff;
    border-radius:0px;
    padding:3px 10px;
    width:280px;
    border:1px solid #58585a;
}
.seconds{
    background-color:#182034;
    width:62px;
    height:62px;
    position:absolute;
    top:-10px;
    z-index:10;
    text-align: center;
    left:-10px;
    border-radius:40px;
    padding:10px;
    color:#fff;
    font-size:13px;
    line-height:17px;
    padding-top:15px;
}
.filterme{
    text-align:left !important;
    margin-top:0px;
    clear:both;
    background-color:#eee;
    padding:30px 30px 13px 30px;
    margin-bottom:20px;
}
.woocommerce-MyAccount-navigation-link--downloads{
    display:none;
}
.berocket_aapf_widget-title{
    font-size:18px !important;
    line-height:26px !important;
}
.parttype{
    background-color:#eee;
    margin-bottom:10px;
    padding:10px;
    text-align:center;
    display:block;
    color:#000;
}
ul.berocket_aapf_widget li{
    display:inline-block;
    margin-right:20px;
    margin-bottom:5px;
    margin-top:5px;
}
.berocket_term_depth_1 label{
    padding-left:8px !important;
}
.idylliclogo{
    max-width:60px !important;
    margin-left:3px;
}
.woocommerce ul.products li.product .button{
    background-color:#182034;
    border-radius:0px;
    color:#fff;
    font-weight:normal;
}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price{
    color:#333 !important;
}
.woocommerce div.product p.price, .woocommerce div.product span.price{
    margin-bottom:30px;
}
.insidePage{
    padding:100px 0px;
}
.bottomfooter{
    padding:5px 40px;
    background-color:#ccc;
    font-size:13px;
}
.footermen li{
    list-style:none;
}
a{
    color:rgb(0,186,242);
}
.parttype:hover{
    background-color:#182034;
    text-decoration:none;
    color:#fff;
}
.lookingfor{
    padding:40px 0px;
    background-color:#eee;
    text-align:center;
}
.footerimg{
    max-width:250px !important;
}
.printbutton{
    float:right;
}
.contacts .form-control{
    background-color:#eee;
    border:none;
    width:100%;
    margin-bottom:10px;
}
.product-template-default h1{
    margin-bottom:60px;
}
.contacts label{
    width:100% !important;
}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button{
    font-weight:normal;
    background-color: #182034 !important;
    color:#fff !important;
    padding:5px 10px;
    border-radius:0px !important;
}
.brandname{
    background-color:#182034;
    color:#fff !important;
    margin-bottom:30px;
    padding:20px;
    display:block;
    width:100%;
    text-decoration:none !important;
}
.brandname:hover{
    background-color:rgb(0,186,242);
}
.woocommerce-error:before{
    display:none !important;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
    font-size:17px;
    line-height:27px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    text-align:center;
}
.cwgstock_button{
    background-color: #182034 !important;
    color:#fff !important;
    padding:5px 10px;
    border-radius:0px !important;
    font-weight:normal;
    border:0px !important;
}
.cwginstock-subscribe-form .panel-primary>.panel-heading{
    background-color: #182034 !important;
}
.woocommerce-message{
    border-top-color: #182034 !important;
}
.woocommerce-info:before{
    display:none !important;
}
.woocommerce-input-wrapper{
    width:100% !important;
}
#order_review_heading{
    margin-top:50px;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
    max-width:48% !important;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
    display:block !important;
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    background-color:#eee;
    border:none !important;
    padding:10px !important;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
    width:100% !important;
    float:none !important;
}
.coupon input[type=text]{
    width:170px !important;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
    background-color: transparent !important;
    color:#182034 !important;
    border:1px solid #182034 !important;
    border-radius:0px !important;
    padding:5px 10px;
    font-weight:normal !important;
}
.woocommerce-message:before{
    display:none !important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
    background-color:#fff !important;
    color:#182034 !important;
    padding:10px !important;
    border:2px solid rgb(0,186,242) !important;
}
.woocommerce-error{
    border:2px solid #911010 !important;
}
.contacts{
    margin-top:40px;
}
.contacts input[type=submit]{
    background-color:#182034 !important;
    border:none;
    padding:8px 20px;
    color:#fff;
    float:right;
}
.sectionspec{
    margin-bottom:40px;
}
.specdetails{
    font-weight:bold;
}
.specdetails li{
    margin-bottom:10px;
}
.specstart{
    padding-bottom:50px;
}
.specsimg{
    width:100%;
}
.specs{
    background-color:rgb(0,186,242);
    color:#fff;
    display:block;
    padding:20px;
    margin-bottom:10px !important;
}
.specs:hover{
    background-color:#182034;
    color:#fff;
    text-decoration:none !important;
}
.woocommerce div.product div.summary{
    text-align:left;
}
.woocommerce-product-details__short-description{
    padding-bottom:50px;
}
.footer{
    background-color:#182034;
    color:#fff;
    padding:50px 0px;
    font-size:14px;
    line-height:23px;
}
.bannerImageSml{
    padding:100px 0px 80px;
    background-image:url('images/smlbanner.jpg');
    background-size:cover;
    background-repeat: no-repeat;
    background-padding: center center;
    color:#fff;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
    color:#182034;
}
ul.berocket_aapf_widget li{
    width:230px;
}
ul.berocket_aapf_widget{
    padding-left:0px;
}
.shopb{
    padding:70px 0px;
}
.shopb h2{
    margin-bottom:30px;
}
.bannerImage{
    max-width:100%;
    min-width:100%;
}
.woocommerce-product-search button{
    background-color:#182034;
    color:#fff;
    padding:3px 10px;
    border:none;
}
.product_meta{
    font-size:13px;
    line-height:23px;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
    background-color:#182034;
    color:#fff;
    padding:7px 20px;
    font-weight: normal !important;
    border:none;
    border-radius:0px !important;
}
.alignright{
    text-align:right;
}
body{
    font-family: 'Lato', sans-serif;
    font-size:18px;
    line-height:27px;
    font-weight:400;
    color:#222;
}
.hiddenmob,.cartlinkhidden,.searchhidden,.menuhidden{
    display:none;
}
.verytopmenu ul li{
    list-style:none;
    display:inline-block;
}
.verytopmenu ul{
    margin-bottom:5px;
}
.verytopmenu .fas{
    color:#182034;
    font-size:14px;
    margin-left:10px;
}
.verytopmenu .menu-top-menu-container{
    display:inline-block;
}
.verytopmenu ul li a{
    font-size:14px;
    display:block;
    padding:0px 0px 0px 8px;
    color:#182034;
}
.top .menu-main-menu-container ul{
    margin:0 auto;
    padding:0px;
    text-align:center;
}
form.woocommerce-currency-switcher-form {
    display:inline-block;
}
.aws-search-field{
    max-width:400px !important;
    float:right;
}
.aws-container .aws-show-clear .aws-search-field{
    font-size:15px;
}
.topbar{
    width:100%;
    padding:5px 0px 0px;
    background-color:#ccc;
}
.woocommerce-currency-switcher{
    width:80px !important;
    border:1px solid #ccc;
    font-size:13px;
    background-color:#ddd;
    border-radius: 0px !important;
}
.account {
    font-size:14px;
    color:#182034;
    display:inline-block;
    vertical-align: top;
}
.cartlink .fas{
    color:#182034;
    font-size:14px;
    margin-left:5px;
}
.cartlink a{
    color:#182034;
    font-size:14px;
}
.rightSection{
    padding-top:0px;
}
.logoimg{
    max-width:250px !important;
    margin-bottom:20px;
}
.accountfields a i{
    color:#182034;
    margin-left:25px;
    margin-right:5px;
    padding-top:4px;
    font-size:14px;
}
.top{
    background-color:#182034;
    padding:10px;
    width:100%;
    top:0px;
    z-index:999;
    position:relative;
}
.animation-element.slide-left {
    opacity: 0;
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(-100px, 0px, 0px);
    -webkit-transform: translate3d(-100px, 0px, 0px);
    -o-transform: translate(-100px, 0px);
    -ms-transform: translate(-100px, 0px);
    transform: translate3d(-100px, 0px, 0px);
}
.animation-element {
    opacity: 0;
    position: relative;
}
.animation-element.slide-left.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}
.top .menu-main-menu-container ul li{
    list-style:none;
    display:inline-block;

}
.top .menu-main-menu-container ul li ul li{
    width:260px !important;
    text-align:left;
    vertical-align: top;
    min-height:40px;
}
.top .menu-main-menu-container ul li ul{
    text-align:left;
}
.top .menu-main-menu-container ul li a{
    color:#fff;
    display:block;
    padding:10px 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.expert{
    background-color:rgb(0,186,242);
    padding:40px 0px;
    color:#fff;
}
.expert h2{
    margin-bottom:30px;
}
.expert .btn{
    background-color:#fff;
    color:rgb(0,186,242);
    font-size:20px;
    border-radius: 0px;
    margin-right:20px;
}
.expert .btn i{
    display:inline-block;
    margin-left:7px;
}
.top .menu-main-menu-container ul li:hover a{
    color:rgba(0,186,242,1);
}
.top .menu-main-menu-container ul li:hover li a{
    color:#fff;
}
.top .menu-main-menu-container ul li a:hover{
    color:rgba(0,186,242,1) !important;
    text-decoration: none;
}
@media (max-height: 700px) {

}
@media (max-width: 1300px) { /*Tablet*/
    .top .menu-main-menu-container ul li ul li{
        width:200px !important;
    }
    .top .menu-main-menu-container ul li a{
        font-size:14px;
        line-height:24px;
        padding:10px 7px;
    }
}

@media (max-width: 1200px) {

}
@media (max-width: 1080px) { /*Tablet*/
    .top .menu-main-menu-container ul li a{
        font-size:13px;
        line-height:23px;
        padding:10px 7px;
    }
}
@media (max-width: 991px) { /*Tablet*/
    .footerimg{
        max-width:200px !important;
    }
}

@media (max-width: 880px) { /*Mobile*/
    h1{
        font-size:35px;
        line-height:45px;
    }
    h2{
        font-size:29px;
        line-height:39px;
    }
    h3{
        font-size:24px;
        line-height:34px;
    }
    h4{
        font-size:18px;
        line-height:28px;
    }
    .top .menu-main-menu-container ul li a{
        padding:8px 14px;
    }
    .bannerOverlay .btn{
        font-size:20px;
        line-height:30px;
        padding:8px 23px;
    }
    .quickSearch{
        font-size:23px;
        line-height:50px;
    }
    .shopsearch select{
        font-size:18px;
        line-height:28px;
    }
    .shopsearch{
        padding:30px;
    }
    .shopsearch .btn{
        margin-top:8px;
    }
}

@media (max-width: 767px) { /*Mobile*/
    .hiddenmob{
        display:block !important;
        float:right;
        font-size:24px;
        line-height:24px;
    }
    .menuhidden{
        display:block;
    }
    .verytopmenu{
        display:none;
    }
    .logoimg{
        max-width:180px !important;
    }
    .top{
        position:absolute !important;
        z-index:99;
        top: auto !important;
        display:none;
    }
    .sub-menu{
        position:relative;
        text-align:center !important;
        padding-top:0px !important;
    }
    .top .menu-main-menu-container ul li a{
        text-align:center !important;
    }
    .top .menu-main-menu-container ul li{
        width:100%;
    }
    .searchhidden{
        display:block !important;
        font-size:16px;
        margin-right:10px;
        margin-top:-2px;
        float:right;

    }
    .cartlinkhidden{
        display:block;
        font-size:16px;
        margin-right:10px;
        margin-top:-2px;
        float:right;
        color:#212529;
    }
    .aws-container{
        display:none;
        width:100%;
        padding-bottom:20px !important;
    }
    .menuhidden li a{
        text-align:center !important;
        color:#fff;
        padding:4px 0px;
        display:block;
    }
    .menu-item-1927{
        display:none;
    }
    .menuhidden ul{
        padding-left:0px;
        margin-left:0px;
    }
    .menuhidden ul.mb{
        margin-bottom:0px;
        padding-bottom:0px;
    }
    .aws-container .aws-search-field{
        max-width:100% !important;
        background-color:#eee;
        margin-bottom:20px !important;
    }
    li.menu-item-has-children:hover .sub-menu{
        display:none;
    }
    .cartlinkhidden a{
        color:#212529;
    }
    .cartlink{
        display:none;
    }
    .hiddenitems{
        margin-top:30px;
        float:right;
    }
    .footer{
        text-align:center;
    }
    .footerimg{
        margin-bottom:20px;
    }
    #menu-footer-menu{
        margin-left:0px;
        margin-top:20px;
        padding-left:0px;
    }
    .specsimg{
        margin-bottom:40px;
    }
    .wp-block-media-text{
        display:block !important;
    }
    .wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media{
        width:100% !important;
    }
    .wp-block-media-text .wp-block-media-text__media{
        padding-bottom:30px;
    }
    .insidePage{
        padding:50px 0px;
    }
    .term-description{
        width:100% !important;
    }
    .specsheetbutton{
        border-radius:0px;
        padding:10px 5px 0px;
        top:-50px;
        width:180px;
    }
    .specsheetbutton h3{
        font-size:15px;
    }
    .specsheetbutton i{
        display:none;
    }
    .top .menu-main-menu-container ul li ul li{
        display:inline-block;
        width:auto !important;
    }
    .top .menu-main-menu-container ul li ul li a{
        font-size:13px !important;
        line-height:20px !important;
        padding:3px 10px;
    }
}
@media (max-width: 570px) {
    .bannerOverlay .btn{
        font-size:14px;
        line-height:24px;
        padding:3px 7px;
    }
}

/*cheeky Banner*/
@media all and (orientation: portrait) {


}