@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Exo+2:300,300i,400,500,600,700,800');

@font-face {
    font-family: 'stainlesscond-boldregular';
    src: url("css/fonts/stacnbd_-webfont.eot");
    src: url("css/fonts/stacnbd_-webfont.eot?#iefix") format("embedded-opentype"),
    url("css/fonts/stacnbd_-webfont.woff2") format("woff2"),
    url("css/fonts/stacnbd_-webfont.woff") format("woff"),
    url("css/fonts/stacnbd_-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

body {
    letter-spacing: 0.7px;
    color: #555;
    font-family: 'Raleway', sans-serif;
    font-family: 'Exo 2', sans-serif;
}

img {
    max-width: 100%;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.1;
    color: #000000;
    margin: 0;
}

.sku_wrapper {
    display: none;
}

.woocommerce-product-details__short-description {
    margin-bottom: 15px;
    color: #555;
}

h2.woocommerce-loop-product__title {
    color: #555;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 14px;
    min-height: 37px;
}

strong, b {
    font-weight: 600;
}

span.woocommerce-Price-amount.amount {
    font-size: 20px;
    margin-bottom: 15px;
    color: #555;
    text-transform: UPPERCASE;
    font-weight: bold;
}

.team_columns_item_image .middle {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    max-height: 231px;
    min-height: 231px;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    /* background-color: #dad8da; */
    /* text-decoration: none; */
    /* background-image: none; */
    /* color: #515151; */
    background: #fcd40b;
    color: #000 !important;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    padding: 17px;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
    color: #515151;
    background-color: #ffffff;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    border: 1px solid #d5d6da;
    text-overflow: ellipsis !important;
    overflow: hidden;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #fcd40b;
    color: #000;
    -webkit-font-smoothing: antialiased;
    min-width: 120px;
    margin: 0 15px;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background: #b89a02 !important;
    color: #000;
}

.woocommerce div.product div.images.woocommerce-product-gallery {
    position: relative;
    opacity: 1 !important;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: left;
    width: 100% !important;
}

span.woocommerce-Price-currencySymbol {
    font-size: 20px;
    margin-bottom: 15px;
    color: #555;
    text-transform: UPPERCASE;
    font-weight: bold;
}

.banner {
    color: #fff;
    text-align: center;
    padding: 0 0 10px 0;
}

h2.woocommerce-products-header__title.page-title {
    margin-top: 54px;
}

ol, ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

figure, p {
    margin: 0;
}

.woocommerce div.product form.cart .variations {
    margin-bottom: 1em;
    border: 0;
    width: 70%;
    left: 0;

}

.woocommerce div.product form.cart .variations td.label {
    display: none;
}

a {
    -webkit-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
}

iframe {
    border: 0;
}

a, a:focus, a:hover {
    text-decoration: none;
    outline: 0;
}

a:focus, a:hover {
    color: inherit;
}


.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.clear:after {
    clear: both;
}

.clear {
    *zoom: 1;
}

body > section {
    padding: 70px 0;
}


.section-title {
    margin: 0 20px 35px;
    text-align: center;
}

.wpb-woo-products-slider figcaption a.button, .wpb-woo-products-slider.owl-theme .owl-dots .owl-dot.active span, .wpb-woo-products-slider.owl-theme .owl-dots .owl-dot span {
    color: #9a9690 !important;
}

.wpb-woo-products-slider .wpb-wps-slider-item img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #eee;
}

.grid_no_animation figcaption {
    background: #fff !important;
    text-align: center;
    display: block;
    overflow: hidden;
}

.wpb-woo-products-slider .wpb-wps-slider-item img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #eee;
}

.section-title h2 {
    color: #555;
    font-size: 30px;
    position: relative;
    margin: 25px 0;
    padding: 20px 0;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 500;
    text-align: center;
}

.top-bar-links select {
    background-color: #fcd40b !important;
    border: 1px solid #173857 !important;
    color: #fff;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: "Maven Pro", sans-serif !important;
    font-size: 14px !important;
    height: 30px !important;
    margin-bottom: 0px !important;
    padding: 0 1px !important;
    transition: all 0.3s ease-in-out 0s !important;
    width: 100% !important;
}

.top-bar-links select:focus {
    outline: none;
}

.section-title h2 span {
    color: #173857;
    font-weight: 700;
}

.section-title h2:before {
    border-bottom: 4px solid #ffe01b;
    bottom: 0;
    content: '';
    left: 47%;
    position: absolute;
    width: 48px;
}

.section-title h3 {
    color: #555;
    font-weight: 500;
    position: relative;
    font-size: 14px;
    max-width: 700px;
    letter-spacing: 1px;
    line-height: 22px;
    margin: 0 auto;
}

.section-title p {
    width: 70%;
    margin: 0 auto;
    line-height: 23px;
    color: #333;
    font-weight: 600;
}

.sub-title {
    margin: 0 auto 25px;
}

.sub-title h3 {
    color: #333;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 600;
}

.sub-title h3:after {
    position: absolute;
    content: '';
    bottom: 5px;
    left: 44.5%;
    background: #6cd4ff;
    height: 3px;
    width: 50px;
}

.sub-title p {
    width: 85%;
    margin: 0 auto;
    line-height: 23px;
    color: #555;
    font-weight: 600;
    font-size: 16px;
}

.woocommerce .quantity .qty {
    width: 6.631em;
    text-align: center;
}

.knowmore-btn {
    background: #fcd40b;
    color: #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b89a02;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.06em;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: uppercase;
    /* font-weight: 700; */
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-decoration: none;
    display: inline-block;
    margin-top: 15px;
}

.knowmore-btn:hover {
    background: #b89a02;
    border: 1px solid #fcd40b;
    border-width: thin;
    color: #000;
    text-decoration: none;
}

.blue-btn {
    background: #fff;
    color: #777;
    border-color: #eee;
}

.blue-btn:hover {
    background: #ffe01b;
    color: #173857;
}


.social-top {
    background: #fcd40b;
    /*    padding: 5px 0;*/
    position: relative;
}

.top {
    /*    background: #e3f6f9;*/
    padding: 7px 20px;
}


.logi li {
    float: left;
    margin-left: 14px;
}

.social-icon {
    float: left;
    text-align: center;
    margin-top: 7px;
}

.social-icon a {
    font-size: 14px;
    color: #333 !important;
    color: #fff !important;
}


.logi a {
    /*
        color: #fff;
        font-size: 11px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        text-transform: uppercase;
    */
}

.get-button {
    background: #333;
    padding: 5px;
    color: #fff !important;
}

.logi ul {
    float: none;
    display: inline-block;
}

.logi {
    /*    margin-top: 30px;*/
    /*    float: right;*/
}


header {
    background: #000;
    border-bottom: 1px solid #eee;
}


/*============================================================
    .navigation.sticky.scrolling
============================================================*/


.navigation.sticky {
    position: fixed;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    top: 0;
    z-index: 120;
}

.navigation.sticky.scrolling {
    opacity: 1;
    visibility: visible;
}

.navigation.sticky #nav-icon span {
    background-color: #444444;
}

.woocommerce div.product {
    margin-bottom: 0;
    position: relative;
    min-height: 400px;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 100%;
    margin-left: 0;
}

.woocommerce ul.products li.product a img {
    /* width: 100%; */
    /* height: auto; */
    display: none;
    /* margin: 0 0 1em; */
    /* box-shadow: none; */
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 3.8% 0 0;
    padding: 0;
    position: relative;
    width: 100%;
    margin-left: 0;
}

.navigation.offset {
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.navigation.scrolling {
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
}

.navigation.sticky.scrolling {
    opacity: 1;
    visibility: visible;
    box-shadow: 0px 0px 10px 1px #eee;
}


/* ==========================================================
        Navbar Styles
   ==========================================================*/
.logo {
    position: relative;
    z-index: 123;
    display: inline-block;
    top: 14px;
}

.logo img {
    max-width: 85px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}


.logo a {
    color: #6DDB07;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #head-mobile {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

nav#cssmenu {
    text-align: center;
    float: left;
}

nav#cssmenu.categories-nav {
    text-align: center;
}

.navigation.sticky.scrolling nav#cssmenu {
    /* text-align: center;
         margin-top: 0;
         float: none;*/
}

.navigation.sticky.scrolling .open_status {
    display: block;
}

#cssmenu:after,
#cssmenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#cssmenu #head-mobile {
    display: none
}

#cssmenu ul {
    float: none;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

#cssmenu > ul > li {
    float: left;
    max-height: 60px;
}

#cssmenu > ul > li > a {
    font-face: 'stainlesscond-boldregular';
    padding: 20px;
    font-size: 16px;
    letter-spacing: 0.7px;
    text-decoration: none;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
}


#cssmenu > ul > li:hover > a,
#cssmenu ul li.active a {
    color: #000;
}

#cssmenu > ul > li:hover,
#cssmenu ul li.active:hover,
#cssmenu ul li.has-sub.active:hover {
    background: #fcd40b !important;
    -webkit-transition: background .2s ease;
    -ms-transition: background .2s ease;
    transition: background .2s ease;
}

#cssmenu > ul > li.has-sub > a {
    padding-right: 30px !important;
}

#cssmenu > ul > li.has-sub > a:after {
    position: absolute;
    top: 40px;
    right: 11px;
    width: 8px;
    height: 2px;
    /* display: block; */
    /* background: #fff; */
    content: '';
}

#cssmenu > ul > li.has-sub > a:after {
    /* top: 29px; */
    /* background: #777; */
}

#cssmenu > ul > li.has-sub > a:before {
    position: absolute;
    /* top: 37px; */
    color: #fff!important;
    right: 14px;
    display: block;
    /* width: 2px; */
    /* height: 8px; */
    font-family: FontAwesome;
    /* background: #fff; */
    content: '';
    content: "\f107";
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}

#cssmenu > ul > li.has-sub > a:before {
    /* top: 26px; */
    color: #173857;
}

#cssmenu > ul > li.has-sub:hover > a:before {
    /* top: 23px; */
    /* height: 0; */
    transform: rotate(180deg);
}

#cssmenu ul ul {
    position: absolute;
    left: -9999px;
    z-index: 1;
}

#cssmenu ul ul li {
    height: 0;
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    background: #fbd42b;
    transition: all .25s ease
}

#cssmenu ul ul li:hover {
}

#cssmenu li:hover > ul {
    left: 50px
}

#cssmenu li:hover > ul > li {
    height: 5%;
}

#cssmenu ul ul ul {
    margin-left: 100%;
    top: 0
}

#cssmenu ul ul li a {
    border-bottom: 1px solid rgba(150, 150, 150, 0.15);
    padding: 11px 15px;
    width: 170px;
    font-size: 11px;
    text-decoration: none;
    color: #000;
    font-weight: 400;
    line-height: 13px;
}

#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
    border-bottom: 0
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
    color: #888;
}

#cssmenu ul ul li.has-sub > a:after {
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: ''
}

#cssmenu ul ul li.has-sub > a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease
}

#cssmenu ul ul > li.has-sub:hover > a:before {
    top: 17px;
    height: 0
}

#cssmenu ul ul li.has-sub:hover,
#cssmenu ul li.has-sub ul li.has-sub ul li:hover {
    background: #555;
}

#cssmenu ul ul ul li.active a {
    border-left: 1px solid #333
}

#cssmenu > ul > li.has-sub > ul > li.active > a,
#cssmenu > ul ul > li.has-sub > ul > li.active > a {
    border-top: 1px solid #333
}

@media screen and (max-width: 1000px) {

    .open_status {
        float: left !important;
    }

    /*
    .logo img {
        max-width: 200px;
    }

    .logo img {
        max-width: 152px;
    }
    */
    #cssmenu > ul > li > a {
        padding: 17px 10px;
        background: #fcd40b;
    }

    #cssmenu > ul > .current_page_item > a {
        background: #ebc428 !important;
    }

    #cssmenu > ul > li > a {
        padding: 17px 10px;
        color: #000;
    }

    #cssmenu ul {
        float: none;
        margin-top: 10px;
    }


    .logo {
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        /*        height: 46px;*/
        text-align: center;
        padding: 0px 0 0 0;
        float: left;
    }

    .logo2 {
        display: none
    }

    nav {
        width: 100%;
    }

    #cssmenu {
        width: 100%;
        float: none !important;
    }

    #cssmenu ul {
        width: 100%;
        display: none
    }

    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid #999;
    }

    #cssmenu ul li:hover {
        background: #363636;
    }

    #cssmenu ul ul li,
    #cssmenu li:hover > ul > li {
        height: auto
    }

    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0
    }

    #cssmenu > ul > li {
        float: none;
        /*z-index: 1;*/
    }

    #cssmenu ul ul li a {
        padding-left: 25px
    }

    #cssmenu ul ul li {
        background: #fbd42b !important;
        text-align: center;
    }

    #cssmenu ul ul li:hover {
        background: #363636 !important
    }

    #cssmenu ul ul ul li a {
        padding-left: 35px
    }

    #cssmenu ul ul li a {
        font-face: 'stainlesscond-boldregular';
        padding: 20px;
        font-size: 14px;
        letter-spacing: 0.7px;
        text-decoration: none;
        color: #000;
        font-weight: 900;
        text-transform: uppercase;
    }

    #cssmenu ul ul li.current-menu-item {
        background: #ebc428 !important;
    }

    #cssmenu ul li.current-menu-item {
        background: #ebc428 !important;
    }

    #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li.active > a {
        color: #fff
    }

    #cssmenu ul ul,
    #cssmenu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left
    }

    #cssmenu > ul > li.has-sub > a:after,
    #cssmenu > ul > li.has-sub > a:before,
    #cssmenu ul ul > li.has-sub > a:after,
    #cssmenu ul ul > li.has-sub > a:before {
        display: none
    }

    #cssmenu #head-mobile {
        display: block;
        padding: 32px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700
    }

    #cssmenu .button {
        width: 55px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 12399994;
    }

    #cssmenu .button:after {
        position: absolute;
        top: 26px;
        right: 20px;
        display: block;
        height: 8px;
        width: 20px;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        content: '';
    }

    #cssmenu .button:before {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        position: absolute;
        top: 19px;
        right: 20px;
        display: block;
        height: 2px;
        width: 20px;
        background: #fff;
        content: '';
    }

    #cssmenu .button.menu-opened:after {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    #cssmenu .button.menu-opened:before {
        top: 23px;
        background: #fff;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #999;
        height: 46px;
        width: 46px;
        cursor: pointer
    }

    #cssmenu .submenu-button.submenu-opened {
        background: #262626
    }

    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px
    }

    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #000;
        content: ''
    }

    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px
    }

    #cssmenu .submenu-button.submenu-opened:after {
        background: #fff
    }

    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #000;
        content: ''
    }

    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }

    #cssmenu .submenu-button.submenu-opened:before {
        display: none
    }

    #cssmenu ul ul ul li.active a {
        border-left: none
    }

    #cssmenu > ul > li.has-sub > ul > li.active > a,
    #cssmenu > ul ul > li.has-sub > ul > li.active > a {
        border-top: none
    }
}


.headertopleft {
    float: right;
    margin-top: 13px;
}


.open_status span, .service_time span {
    font-size: 20px;
    margin-bottom: 3px;
    display: block;
    color: #ccc;
    font-weight: 900;
}

.open_status p, .service_time p {
    font-weight: 600;
    letter-spacing: 1px;
    /*    margin: auto;*/
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    float: left;
}

.open_status, .service_time {
    position: relative;
}

.open_status img {
    /* margin: auto; */
    margin-right: 12px;
    max-width: 32px;
    transition: all 0.3s ease-in-out;
    margin-top: 12px;
}

.open_status:hover img {
    transform: scale(1.2, 1.2);
    transition: all 0.3s ease-in-out;
}

.open_status {
    text-align: right;
    float: right;
    z-index: 1;
    padding-top: 5px;
}

.open_status a {
    color: #fff;
    display: block;
    height: 44px;
    line-height: 43px;
    position: relative;
    text-align: center;
    width: 60px;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-size: 16px;
}

.open_status a:hover {
    color: #fad40a;
}

.top-bar-links {
    line-height: 35px;
    font-size: 13px;
    float: left;
}

ul.top-bar-acc {
    float: left;
    display: inline-block;
    position: relative;
    left: 0;
    top: 0;
    letter-spacing: 0.5px;
    border-right: 1px solid rgba(253, 192, 196, 0.18);
    /*
        padding-right: 20px;
        margin-right: 20px;
    */
}

.top-bar > ul, .top-bar-links > ul > li {
    display: inline-block;
    position: relative;
    font-family: 'Montserrat', sans-serif;

}

.top-bar-links a {
    color: #333;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif;
}

.dropdown-menu li {
    margin-left: 0;
    line-height: 26px;
    font-size: 12px;
    margin: 5px 0;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
    float: none;
}

.dropdown-menu li.selected, .dropdown-menu li:hover {
    background: #fff;
    -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);
    box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);
}

.dropdown-menu li.selected, .dropdown-menu li.selected > span, .dropdown-menu li.selected a, .dropdown-menu li:hover a {
    color: #46c29b !important;
    border-radius: 3px;
}

.dropdown-menu > li > a {
    display: block;
    padding: 2px 5px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
    background: transparent;
    font-size: 10px;
}

.top-bar-links a .fa {
    padding-right: 10px;
}

.dropdown:hover > .dropdown-menu, .dropdown-submenu:hover > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.dropdown-menu, .dropdown-submenu > .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.dropdown-menu {
    min-width: 90px;
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    background: #fcd40b;
    display: none;
    left: 0;
    margin: 0;
    padding: 5px 10px;
    position: absolute;
    top: 35px;
    z-index: 2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);
    box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);
}


/*
* 1.23 -> Top Search Bar
* -----------------------------------------------
*/
#top-search-bar {
    background: #fcd40b;
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 111111111;
}

#top-search-bar form {
    position: relative;
}

#top-search-bar .form-control {
    font-family: 'stainlesscond-boldregular';
    background: #fcd40b;
    border: none;
    box-shadow: none;
    font-size: 18px;
    height: 72px;
    margin: 0;
    width: 100%;
    color: #000;
}

.search-close i {
    color: #000;
}

#top-search-bar .search-close {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #000;
    cursor: pointer;
    font-size: 14px;
    height: 40px;
    line-height: 38px;
    margin-top: -20px;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    right: 1px;
    top: 50%;
    width: 42px;
}

#top-search-bar button i {
    color: #777;
}


/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    top: 0px;
    /*    box-shadow: 0 0px 15px 0px #999;*/
}

.fade-carousel .carousel-inner .item {
    height: 510px;
}


/*
inspired from https://codepen.io/Rowno/pen/Afykb 
*/
.fade-carousel .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.fade-carousel .carousel-inner .active {
    opacity: 1;
}

.fade-carousel .carousel-inner .active.left,
.fade-carousel .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.fade-carousel .carousel-inner .next.left,
.fade-carousel .carousel-inner .prev.right {
    opacity: 1;
}

.fade-carousel .carousel-control {
    z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .fade-carousel .carousel-inner > .item.next,
    .fade-carousel .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .fade-carousel .carousel-inner > .item.prev,
    .fade-carousel .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .fade-carousel .carousel-inner > .item.next.left,
    .fade-carousel .carousel-inner > .item.prev.right,
    .fade-carousel .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}


/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1,
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-4,
.fade-carousel .slides .slide-5 {
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.fade-carousel .slides .slide-1 {
    background-image: url(../img/slide-1.jpg);
    background-size: cover;
}

.fade-carousel .slides .slide-2 {
    background-image: url(../img/slide-2.JPG);
    background-size: cover;
}

.fade-carousel .slides .slide-3 {
    background-image: url(../img/slide-3.jpg);
    background-size: cover;
}

/*
.fade-carousel .slides .slide-4 {
  background-image: url(https://livedemo00.template-help.com/joomla_prod-11215/images/slider/slide-4.jpg);
    background-size: cover;
}

.fade-carousel .slides .slide-5 {
  background-image: url(../images/sample-1.jpg);
    background-size: cover;
}
*/


/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    display: block;
    position: absolute;
    top: 32%;
    left: 0;
    right: 0;
    z-index: 3;
    color: #fff;
    /*
     text-align: center; 
    text-transform: uppercase; 
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
    -webkit-transform: translate3d(-50%,-50%,0); 
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
     transform: translate3d(-50%,-50%,0);
*/
    padding: 0 18%;
    text-align: center;
}

hgroup {
    max-width: 670px;
    margin: 0 auto;
}

.hero h1 {
    font-size: 48px;
    line-height: 48px;

    font-weight: 300;
    color: #fff;
    margin-bottom: 28px;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-top: 0;
}


.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}

.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.51);
    opacity: 1;
    display: block;
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px) {
    /*    .hero { max-width: 700px; }    */
    #cssmenu.navigation {
        display: none!important;
    }

    .desktop-search {
        margin-top: 3px;
    }

    .header-tags {
        padding: 5px 15px!important;
    }

    .main-head-wrapper {
        display: flex;
        justify-content: space-between;
    }

    #sticky-nav > div.container {
        max-height: 54px;
    }

    .banners {
        padding: 0 60px;
    }

    body.archive .categories-view {
        margin-bottom: 20px;
    }

    .sponsors {
        display: flex;
        justify-content: space-around;
        margin: 20px 0;
    }

}

@media screen and (max-width: 640px) {
    .hero h1 {
        font-size: 2em;
    }

    .list-inline .header-cart-text {
        display: none!important;
    }
}

/********************************/

#slider {
    background: #fff;
    /*    background-image: url(http://cartown.nwdthemes.com/media/revslider/cartown/slide1_1.jpg);*/
    background-size: cover;
}

#nav-arrows > a {
    /*  border: 1px solid #fff;*/
    color: #fff;
    display: block;
    height: 45px;
    line-height: 60px;
    position: absolute;
    text-align: center;
    top: 47%;
    width: 45px;
    z-index: 20;
    font-size: 18px;
    margin-top: -30px;
    color: rgba(255, 224, 27, 0.3);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#nav-arrows > a.sl-prev {
    left: 93px;
}

#nav-arrows > a.sl-next {
    right: 93px;
}

#nav-arrows > a.sl-prev:hover {
    /*
        background-color: #2388d9;
        border-color: #2388d9;
        color: #fff;
    */
    color: #fff;
}

#nav-arrows > a.sl-next:hover {
    /*
        background-color: #2388d9;
        border-color: #2388d9;
        color: #fff;
    */
    color: #fff;
}

.carousel-indicators .active {
    background-color: #2388d9;
    border: 0;
}


#img-batches {
    background: #f6f6f6;
    padding: 30px 0px 60px;
    border-bottom: 2px solid #ddd;
}

/* Top hook CSS */
#htmlcontent_top ul li {
    padding-top: 30px;
}

@media (max-width: 479px) {
    #htmlcontent_top ul li {
        padding-top: 20px;
    }

    #home > div#slider {
        padding-top: 60px !important;
    }
}

#htmlcontent_top ul li img {
    max-width: 100%;
    height: auto;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (max-width: 479px) {
    #htmlcontent_top ul li img {
        width: 100%;
    }
}

#htmlcontent_top ul li .bannerBox {
    position: relative;
}

#htmlcontent_top ul li > a {
    display: block;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);
    box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#htmlcontent_top ul li > a:hover {
    -moz-box-shadow: -2px -3px 7px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: -2px -3px 7px rgba(0, 0, 0, 0.12);
    box-shadow: -2px -3px 7px rgba(0, 0, 0, 0.12);
}

#htmlcontent_top ul li > a:hover h3 {
    animation: 0.3s ease-in-out 0s normal none 1 moveFromLeft;
    -webkit-animation: 0.5s ease-in-out 0s normal none 1 moveFromLeft;
}

#htmlcontent_top ul li > a:hover h4 {
    animation: 0.4s ease-in-out 0s normal none 1 moveFromLeft;
    -webkit-animation: 0.4s ease-in-out 0s normal none 1 moveFromLeft;
}

#htmlcontent_top ul li > a:hover img {
    -moz-transform: scale(1.14, 1.14);
    -ms-transform: scale(1.14, 1.14);
    -o-transform: scale(1.14, 1.14);
    -webkit-transform: scale(1.14, 1.14);
    transform: scale(1.14, 1.14);
}

#htmlcontent_top ul li > a:active, #htmlcontent_top ul li > a:active:focus {
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
}

#htmlcontent_top ul li .item-html {
    position: absolute;
    left: 0;
    top: 0;
    color: #333333;
    padding: 60px 0 0 30px;
}

#htmlcontent_top ul li .item-html h2 {
    font: normal 64px/1em "Roboto", sans-serif;
    text-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);
    margin: 0 0 5px;
}

#htmlcontent_top ul li .item-html h3 {
    font-size: 20px;
    margin: 0 0 7px;
    color: #173857;
}

#htmlcontent_top ul li .item-html h4 {
    font: 300 20px/36px "Roboto", sans-serif;
    margin: 0;
}

#htmlcontent_top ul li .item-html button {
    font: normal 16px/22px "Roboto", sans-serif;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    position: relative;
}

#htmlcontent_top ul li .item-html button:before {
    position: absolute;
    left: 50%;
    bottom: 2px;
    width: 0;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    content: " ";
    display: block;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#htmlcontent_top ul li.htmlcontent-item-3 .item-html {
    text-align: center;
    background: #00bbd3;
    position: static;
    left: auto;
    top: auto;
    color: white;
    padding: 50px 20px;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#htmlcontent_top ul li.htmlcontent-item-3 .bannerBox.waves-effect.waves-button.waves-classic .waves-ripple {
    background: rgba(255, 255, 255, 0.4);
    background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

#htmlcontent_top ul li.htmlcontent-item-3 > a:hover .item-html {
    background: #00796b;
}

#htmlcontent_top ul li.htmlcontent-item-3 > a:hover .item-html h2 {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

#htmlcontent_top ul li.htmlcontent-item-3 > a:hover .item-html button:before {
    width: 100%;
    left: 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #htmlcontent_top ul li .item-html {
        padding: 40px 0 0 20px;
    }

    #htmlcontent_top ul li .item-html h2 {
        font: normal 44px/1em "Roboto", sans-serif;
    }

    #htmlcontent_top ul li .item-html h3 {
        font: normal 20px/24px "Roboto", sans-serif;
    }

    #htmlcontent_top ul li .item-html h4 {
        font: 300 28px/30px "Roboto", sans-serif;
    }

    #htmlcontent_top ul li.htmlcontent-item-3 .item-html {
        padding: 40px 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #htmlcontent_top ul li .item-html {
        padding: 30px 0 0 10px;
    }

    #htmlcontent_top ul li .item-html h2 {
        font: normal 34px/1em "Roboto", sans-serif;
    }

    #htmlcontent_top ul li .item-html h3 {
        font: normal 14px/20px "Roboto", sans-serif;
        margin-bottom: 0;
    }

    #htmlcontent_top ul li .item-html h4 {
        font: 300 17px/22px "Roboto", sans-serif;
    }

    #htmlcontent_top ul li .item-html button {
        font: normal 13px/18px "Roboto", sans-serif;
    }

    #htmlcontent_top ul li.htmlcontent-item-3 .item-html {
        padding: 28px 10px;
    }

}

@media (min-width: 480px) and (max-width: 767px) {
    #htmlcontent_top ul li {
        width: 50%;
    }

    #htmlcontent_top ul li .item-html {
        padding: 30px 0 0 20px;
    }

    #htmlcontent_top ul li .item-html h3 {
        font: normal 14px/20px "Roboto", sans-serif;
        margin-bottom: 0;
    }

    #htmlcontent_top ul li .item-html h4 {
        font: 300 17px/22px "Roboto", sans-serif;
    }

    #htmlcontent_top ul li .item-html button {
        font: normal 13px/18px "Roboto", sans-serif;
    }

    #htmlcontent_top ul li.htmlcontent-item-3 {
        width: 100%;
    }

    #htmlcontent_top ul li.htmlcontent-item-3 .item-html {
        padding: 40px 20px;
    }
}

@media (max-width: 479px) {
    #htmlcontent_top ul li {
        width: 100%;
    }

    #htmlcontent_top ul li .item-html {
        padding: 40px 0 0 20px;
    }

    #htmlcontent_top ul li .item-html h2 {
        font: normal 44px/1em "Roboto", sans-serif;
    }

    #htmlcontent_top ul li .item-html h3 {
        font-size: 20px;
    }

    #htmlcontent_top ul li .item-html h4 {
        font: 300 20px/30px "Roboto", sans-serif;
    }

    #htmlcontent_top ul li.htmlcontent-item-3 {
        width: 100%;
    }

    #htmlcontent_top ul li.htmlcontent-item-3 .item-html {
        padding: 40px 20px;
    }
}

#htmlcontent_home {
    padding: 0 15px;
}

@media only screen and (min-width: 1300px) {
    #htmlcontent_home {
        padding: 0 30px;
    }
}

#htmlcontent_home ul {
    margin-bottom: 0;
}

#htmlcontent_home ul li {
    padding-bottom: 30px;
}

#htmlcontent_home ul li img {
    max-width: 100%;
    height: auto;
}

#htmlcontent_home ul li .bannerBox {
    position: relative;
}

#htmlcontent_home ul li > a:hover .item-html {
    color: #46c29b;
    background: #fff;
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

#htmlcontent_home ul li > a:active .item-html, #htmlcontent_home ul li > a:active:focus .item-html {
    -moz-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.2);
}

#htmlcontent_home ul li .item-html {
    background: #46c29b;
    color: #fff;
    padding: 35px 100px 39px;
    text-align: center;
    font: normal 12px/22px "Roboto", sans-serif;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);
    box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#htmlcontent_home ul li .item-html:active, #htmlcontent_home ul li .item-html:active:focus {
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
}

#htmlcontent_home ul li .item-html .icon {
    display: inline-block;
    font-size: 70px;
    line-height: 100px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.18);
}

#htmlcontent_home ul li .item-html h2 {
    font: normal 24px/32px "Roboto", sans-serif;
    margin: -4px 0 14px;
}

#htmlcontent_home ul li.htmlcontent-item-1 .item-html {
    background: #00796b;
}

#htmlcontent_home ul li.htmlcontent-item-1 > a:hover .item-html {
    background: #fff;
    color: #00796b;
}

#htmlcontent_home ul li.htmlcontent-item-1 .item-html.waves-effect.waves-button.waves-neutral .waves-ripple {
    background: rgba(102, 57, 182, 0.2);
}

@media (min-width: 992px) and (max-width: 1199px) {
    #htmlcontent_home ul li .item-html {
        padding: 25px 20px 29px;
        font: normal 11px/15px "Roboto", sans-serif;
    }

    #htmlcontent_home ul li .item-html .icon {
        font-size: 50px;
        line-height: 80px;
    }

    #htmlcontent_home ul li .item-html h2 {
        font: normal 15px/21px "Roboto", sans-serif;
        margin: -4px 0 7px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #htmlcontent_home ul li:not(.htmlcontent-item-1) {
        width: 50%;
    }

    #htmlcontent_home ul li:not(.htmlcontent-item-1) .item-html {
        padding: 25px 20px 29px;
        font: normal 11px/15px "Roboto", sans-serif;
    }

    #htmlcontent_home ul li:not(.htmlcontent-item-1) .item-html .icon {
        font-size: 50px;
        line-height: 80px;
    }

    #htmlcontent_home ul li:not(.htmlcontent-item-1) .item-html h2 {
        font: normal 15px/21px "Roboto", sans-serif;
        margin: -4px 0 7px;
    }

    #htmlcontent_home ul li.htmlcontent-item-1 {
        width: 100%;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    #htmlcontent_home ul li:not(.htmlcontent-item-1) {
        width: 50%;
    }

    #htmlcontent_home ul li:not(.htmlcontent-item-1) .item-html {
        padding: 25px 20px 29px;
        font: normal 11px/15px "Roboto", sans-serif;
    }

    #htmlcontent_home ul li:not(.htmlcontent-item-1) .item-html .icon {
        font-size: 50px;
        line-height: 80px;
    }

    #htmlcontent_home ul li:not(.htmlcontent-item-1) .item-html h2 {
        font: normal 15px/21px "Roboto", sans-serif;
        margin: -4px 0 7px;
    }

    #htmlcontent_home ul li:not(.htmlcontent-item-1) .item-html p {
        display: none;
    }

    #htmlcontent_home ul li.htmlcontent-item-1 {
        width: 100%;
    }

    #htmlcontent_home ul li.htmlcontent-item-1 .item-html {
        padding: 25px 20px 29px;
    }
}

@media (max-width: 479px) {
    #htmlcontent_home ul li {
        width: 100%;
    }

    #htmlcontent_home ul li .item-html {
        padding: 25px 20px 29px;
        font: normal 11px/15px "Roboto", sans-serif;
    }

    #htmlcontent_home ul li .item-html .icon {
        font-size: 50px;
        line-height: 80px;
    }

    #htmlcontent_home ul li .item-html h2 {
        font: normal 15px/21px "Roboto", sans-serif;
        margin: -4px 0 7px;
    }
}

/* Left hook CSS */
/* Right hook CSS */
/* Footer hook CSS */
@-webkit-keyframes moveFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    to {
        -webkit-transform: translateX(0%);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

@-moz-keyframes moveFromLeft {
    from {
        -moz-transform: translateX(-100%);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    to {
        -moz-transform: translateX(0%);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

@-ms-keyframes moveFromLeft {
    from {
        -ms-transform: translateX(-100%);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    to {
        -ms-transform: translateX(0%);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

@-webkit-keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    to {
        -webkit-transform: translateX(0%);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

@-moz-keyframes moveFromRight {
    from {
        -moz-transform: translateX(100%);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    to {
        -moz-transform: translateX(0%);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

@-ms-keyframes moveFromRight {
    from {
        -ms-transform: translateX(100%);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    to {
        -ms-transform: translateX(0%);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    to {
        -moz-transform: translateY(0%);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    to {
        -ms-transform: translateY(0%);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
    }

    50% {
        opacity: 1;
    }
}


.carousel-control {
    top: 45%;
    height: 44px;
    width: 44px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #173857;
    -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);
    box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: 5;
    background-image: none !important;
    opacity: 1;

}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    font-size: 12px;
    background-color: #fff;
    line-height: 30px;
    text-shadow: none;
    color: #333;
    border: 1px solid #ddd;
}


.team_columns_carousel_wrapper {
    padding: 25px;
    overflow: hidden
}

.team_columns_carousel_control_left,
.team_columns_carousel_control_right {
    top: 26px;
    z-index: 2;
    opacity: 1;
    width: 35px;
    height: 35px;
    border: 0;
    text-shadow: none;
    text-align: center;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}

.team_columns_carousel_control_icons {
    line-height: 45px;
    font-size: 20px !important;
    font-weight: normal !important;
}


.team_columns_item_image {
    /*
        padding-top: 60px;
        padding-bottom: 25px
    */
}

.team_columns_item_image img {
    width: 100%;
}

.team_columns_item_image:hover img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}

.team_columns_item_caption {
    padding: 10px;
    text-align: center;
    padding-bottom: 30px
}

.team_columns_item_caption > hr {
    width: 15%
}

.team_columns_item_caption h4 {
    font-weight: 800;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif
}

.team_columns_item_caption h5 {
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif
}

.team_columns_item_caption p {
    font-weight: 400;
    margin-top: 20px;
    font-family: 'Open Sans', sans-serif
}

.team_columns_item_caption p a,
.team_columns_item_caption p a:visited {
    text-decoration: none;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}

.team_columns_item_social a,
.team_columns_item_social a:visited {
    width: 25px;
    float: left;
    height: 25px;
    display: block;
    line-height: 25px;
    margin-right: 2px;
    text-decoration: none;
    -webkit-transition: background ease-in-out .3s;
    transition: background ease-in-out .3s
}

@media (min-width: 768px) and (max-width: 789px) {
    .adv_team_columns_item_social a, .adv_team_columns_item_social a:visited {
        margin-right: 0
    }
}

.team_columns_carousel_wrapper {
    /*    background: #fff*/
}

.team_columns_carousel_control_left,
.team_columns_carousel_control_left:hover,
.team_columns_carousel_control_left:active,
.team_columns_carousel_control_left:focus,
.team_columns_carousel_control_right,
.team_columns_carousel_control_right:hover,
.team_columns_carousel_control_right:active,
.team_columns_carousel_control_right:focus {
    color: #fff;
    background: #feb600 !important
}

.team_columns_item_caption {
    color: #fff;
    background: #171717
}

.team_columns_item_caption > hr {
    border-top: 2px solid #feb600
}

.team_columns_item_caption p a,
.team_columns_item_caption p a:visited {
    color: #feb600
}

.team_columns_item_caption p a:hover,
.team_columns_item_caption p a:active {
    color: #cb9200
}

.team_columns_item_social a,
.team_columns_item_social a:visited {
    color: #171717;
    background: #feb600
}

.team_columns_item_social a:hover,
.team_columns_item_social a:active {
    background: #cb9200
}

.four_shows_one_move .cloneditem-1,
.four_shows_one_move .cloneditem-2,
.four_shows_one_move .cloneditem-3 {
    display: none
}

@media all and (min-width: 768px) {
    .four_shows_one_move .carousel-inner > .active.left,
    .four_shows_one_move .carousel-inner > .prev {
        left: -50%
    }

    .four_shows_one_move .carousel-inner > .active.right,
    .four_shows_one_move .carousel-inner > .next {
        left: 50%
    }

    .four_shows_one_move .carousel-inner > .left,
    .four_shows_one_move .carousel-inner > .prev.right,
    .four_shows_one_move .carousel-inner > .active {
        left: 0
    }

    .four_shows_one_move .carousel-inner .cloneditem-1 {
        display: block
    }

    .mobile-search {
        display: none;
    }
}

@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
    .four_shows_one_move .carousel-inner > .item.active.right,
    .four_shows_one_move .carousel-inner > .item.next {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        left: 0
    }

    .four_shows_one_move .carousel-inner > .item.active.left,
    .four_shows_one_move .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        left: 0
    }

    .four_shows_one_move .carousel-inner > .item.left,
    .four_shows_one_move .carousel-inner > .item.prev.right,
    .four_shows_one_move .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0
    }
}

@media all and (min-width: 992px) {
    .four_shows_one_move .carousel-inner > .active.left,
    .four_shows_one_move .carousel-inner > .prev {
        left: -25%
    }

    .four_shows_one_move .carousel-inner > .active.right,
    .four_shows_one_move .carousel-inner > .next {
        left: 25%
    }

    .four_shows_one_move .carousel-inner > .left,
    .four_shows_one_move .carousel-inner > .prev.right,
    .four_shows_one_move .carousel-inner > .active {
        left: 0
    }

    .four_shows_one_move .carousel-inner .cloneditem-2,
    .four_shows_one_move .carousel-inner .cloneditem-3 {
        display: block
    }

    .header-tags-content {
        text-align: center;
    }
}

@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
    .four_shows_one_move .carousel-inner > .item.active.right,
    .four_shows_one_move .carousel-inner > .item.next {
        -webkit-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0);
        left: 0
    }

    .four_shows_one_move .carousel-inner > .item.active.left,
    .four_shows_one_move .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0);
        left: 0
    }

    .four_shows_one_move .carousel-inner > .item.left,
    .four_shows_one_move .carousel-inner > .item.prev.right,
    .four_shows_one_move .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0
    }
}


nav.woocommerce-breadcrumb {
    display: none;
}


.team_columns_item_image .block {
    background: #fff;
    padding: 20px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 3px;
    -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);
    box-shadow: 8px 14px 12px rgba(0, 0, 0, 0.12);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    min-height: 387px;
}

.wpb_slider_area figure {
    background: #fff;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* box-shadow: 0 2px 55px rgba(0,0,0,0.1); */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);
    box-shadow: 8px 14px 13px rgba(0, 0, 0, 0.12);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    margin-right: 12px !important;
    margin-left: 12px !important;
}

.team_columns_item_image .top {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    display: none;
}

.woocommerce div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0;
    text-transform: UPPERCASE;
    font-weight: bold;
    color: #555;
    font-size: 24px;
    font-family: inherit;
    margin-bottom: 15px;
}

.woocommerce-product-rating {
    /* color: #ff9f1a; */
    margin-bottom: 15px;
    /* color: #555; */
    color: #ff9f1a;
}

.woocommerce .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
    color: #ff9f1a;
}

button.single_add_to_cart_button.button.alt {
    background: #173857;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #173857;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.06em;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: uppercase;
    /* font-weight: 700; */
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-decoration: none;
    display: inline-block;
    margin-top: 0px;
}

.woocommerce-product-rating {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px 0;
}

.team_columns_item_image .top ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.team_columns_item_image .top a {
    color: #9e9e9e;
}

.team_columns_item_image .top a:hover {
    color: #ffe01b;
}

.team_columns_item_image .converse {
    padding: 2px 10px;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 14px;
    color: #173857;
}

.team_columns_item_image .middle {
    display: contents;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.team_columns_item_image .middle img {
    width: 100%;
}

.team_columns_item_image .bottom {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.team_columns_item_image .heading {
    font-size: 17px;
    text-transform: uppercase;
    margin-bottom: 5px;
    letter-spacing: 0;
    display: none;
}

.team_columns_item_image .info {
    font-size: 14px;
    color: #555;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.team_columns_item_image .style {
    font-size: 16px;
    margin-bottom: 20px;
    display: none;
}

.price {
    color: #173857;
    font-weight: 600;
    font-size: 20px;
}

.team_columns_item_image .old-price {
    color: #777;
    text-decoration: line-through;
    font-size: 14px;
}


/********************************/
/*          portfolio       */
/********************************/


#portfolio {
    background: #f6f6f6;
}


#testimonial4 {
    overflow: hidden;
    min-height: 375px;
    position: relative;
    background: url(https://images.performgroup.com/di/library/Goal_Netherlands/5e/60/conneh-fortuna-sittard-telstar-jupiler-league-25082014_hjwiwe7tpfcw11c9ht2ngle8p.jpg);
    background-size: cover;
    background-attachment: fixed;
}

#testimonial4:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.82);
}

#testimonial4 .carousel-inner {
    width: 75%;
    margin: auto;
}

#testimonial4 .carousel-inner:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

#testimonial4 .carousel-inner:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

#testimonial4 .carousel-inner .item {
    overflow: hidden;
}

.testimonial4_indicators .carousel-indicators {
    left: 0;
    margin: 0;
    width: 100%;
    font-size: 0;
    height: 20px;
    bottom: 15px;
    padding: 0 5px;
    cursor: e-resize;
    overflow-x: auto;
    overflow-y: hidden;
    position: absolute;
    text-align: center;
    white-space: nowrap;
}

.testimonial4_indicators .carousel-indicators li {
    padding: 0;
    width: 10px;
    height: 10px;
    border: none;
    text-indent: 0;
    margin: 2px 3px;
    cursor: pointer;
    display: inline-block;
    background: #ffffff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.testimonial4_indicators .carousel-indicators .active {
    padding: 0;
    width: 10px;
    height: 10px;
    border: none;
    margin: 2px 3px;
    background-color: #000;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.testimonial4_indicators .carousel-indicators::-webkit-scrollbar {
    height: 3px;
}

.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb {
    background: #eeeeee;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.testimonial4_control_button .carousel-control {
    top: 200px;
    opacity: 1;
    width: 40px;
    bottom: auto;
    height: 40px;
    font-size: 10px;
    cursor: pointer;
    font-weight: 700;
    overflow: hidden;
    line-height: 38px;
    text-shadow: none;
    text-align: center;
    position: absolute;
    background: transparent;
    border: 2px solid #ffffff;
    text-transform: uppercase;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.6s cubic-bezier(0.3, 1, 0, 1);
    transition: all 0.6s cubic-bezier(0.3, 1, 0, 1);
}

.testimonial4_control_button .carousel-control.left {
    left: 7%;
    right: auto;
}

.testimonial4_control_button .carousel-control.right {
    right: 7%;
    left: auto;
}

.testimonial4_control_button .carousel-control.left:hover,
.testimonial4_control_button .carousel-control.right:hover {
    color: #000;
    background: #fff;
    border: 2px solid #fff;
}

.testimonial4_header {
    top: 0;
    left: 0;
    bottom: 0;
    width: 550px;
    display: block;
    margin: 30px auto;
    text-align: center;
    position: relative;
}

.testimonial4_header h4 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
    position: relative;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.testimonial4_slide {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 70%;
    margin: auto;
    padding: 20px;
    position: relative;
    text-align: center;
}

.testimonial4_slide img {
    top: 0;
    left: 0;
    right: 0;
    width: 70px;
    height: 70px;
    margin: auto;
    display: block;
    color: #f2f2f2;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
    position: relative;
}

.testimonial4_slide p {
    color: #ffffff;
    font-size: 16px;
    margin: 40px 0 20px 0;
}

.testimonial4_slide h4 {
    color: #ffffff;
    font-size: 24px;
}


@media only screen and (max-width: 480px) {
    .testimonial4_control_button .carousel-control {
        display: none;
    }

    .testimonial4_header {
        width: 95%;
    }

    .testimonial4_header h4 {
        font-size: 20px;
    }

    .testimonial4_slide {
        width: 98%;
        padding: 5px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .testimonial4_control_button .carousel-control.left {
        left: 2%;
    }

    .testimonial4_control_button .carousel-control.right {
        right: 2%;
    }

    .testimonial4_header {
        width: 95%;
    }

    .testimonial4_slide {
        width: 98%;
        padding: 5px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .testimonial4_control_button .carousel-control.left {
        left: 5%;
    }

    .testimonial4_control_button .carousel-control.right {
        right: 5%;
    }
}

@-webkit-keyframes psBoxShadowEffect_2 {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px #ffffff, 0 0 0 5px rgba(255, 255, 255, 0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes psBoxShadowEffect_2 {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px #ffffff, 0 0 0 5px rgba(255, 255, 255, 0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}


/*---------------*/
/***** quote *****/
/*---------------*/


.quote {
    background: #eee;
    overflow: hidden;
    text-align: center;
    padding: 30px 0;
}


.shym-contact input[type="text"], input[type="email"], textarea {
    margin: 0;
    outline: none;
    height: 38px;
    line-height: 38px;
    width: 100%;
    padding: 0 10px;
    margin-top: 5px;
    margin-bottom: 0px;
}

input.contact_email {
    width: 35%;
}


input.action_button.sign_up {
    padding: 8px 22px;
    background: #173857;
    border: none;
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
}

input.action_button.sign_up:hover {
    background-color: #ffe01b;
    color: #173857;
}


.section_form h3 {
    color: #333;
    margin-bottom: 10px;
}

/*============================================================
    #footer
============================================================*/
#footer {
    position: relative;
    background-color: #000;
    background-size: cover;
}

.about-footer {
    padding-bottom: 28px;
}

.social-div {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}


#footer .about-footer h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.24em;
    color: #fff;
    text-decoration: none;
    margin: 0;
}


#footer .about-footer h6 {
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 0px;
    padding-bottom: 25px;
    margin-top: 7px;
}

#footer .about-footer p {
    color: #777;
    line-height: 26px;
    max-width: 340px;
    margin: 20px 0;
}


#footer h4 {
    font-family: 'stainlesscond-boldregular';
    font-size: 1.2em;
    font-weight: bold;
    color: #fad40a;
    text-transform: uppercase;
}

.newslatter h4 {
    margin-bottom: 15px !important;
}


.footer-logo {
    max-width: 70px;
}

.customfooter_contacts {
    margin-top: 25px;
}


.customfooter_contacts p {

    margin: 0 0 10px;
}


.customfooter_contacts p a {
    color: #999;
    font-weight: 600;
}

.customfooter_contacts p a:hover {
    color: #fcd40b;
}

.customfooter_contacts p.address {
    padding-top: 20px;
    line-height: 32px;
}

.customfooter_contacts p.address span {
    color: #777;
}

.customfooter_contacts p.mail a {
    color: #999;
}

.customfooter_contacts p.mail a:hover {
    color: #173857;
}


.useful-links ul {
    padding-left: 0px;
}


.useful-links li {
    padding-bottom: 6px;
}

.useful-links a {
    color: #000;
    padding: 5px 10px;
    display: inline-block;
    background: #fcd40b;
    margin-bottom: 5px;
}


.useful-links a:hover {
    background: #b89a02;
    color: #000;
}

.bottom-bar {
    background: #fcd40b;
}

.bottom-bar p {
    margin: 0;
    padding: 5px;
    font-size: 11px;
    text-align: center;
    color: #000;
}


.banner {
    background: #fff;
}

.banner h2 {
    color: #000;
    text-align: center;
    font-size: 20px;
}

/*============================================================
    contact_us
============================================================*/


.contact_us {
    position: relative;
}

.contact_us h1 {
    margin-bottom: 30px;
    position: relative;
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 10px;
}

.contact_us h1:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #173857;
    width: 50px;
    height: 2px;
}

textarea.form-control {
    height: auto;
    background-color: #fcfcfc;
    border: 1px solid #ebebeb;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

textarea.form-control:focus {
    background-color: #fff;
    border-color: #ffe01b;
}

input.submit_btn {
    padding: 10px 50px;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    background: #173857;
    color: #fff;
    position: relative;
    border: 0;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}

input.submit_btn:hover, input.submit_btn:focus {
    background: #171717;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="search"], select, textarea {
    background-color: #fcfcfc;
    border: 1px solid #ebebeb;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    height: 40px;
    margin-bottom: 30px;
    padding: 0 16px;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
    background-color: #fff;
    border-color: #ffe01b;
    box-shadow: none !important;
    outline: medium none;
}


.cont_description {
    background: #f8f8f8;
    padding: 30px 0px;
}


.elementor-icon-box-wrapper {
    text-align: center;
}


.elementor-icon-box-icon {
    position: relative;
    z-index: 99;
}

.elementor-icon {
    display: inline-block;
    line-height: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    color: #000;
    text-align: center;
    font-size: 28px;
    background-color: #fcd40b;
    padding: 20px;
    border-radius: 50%;
    position: relative;
}

.elementor-icon i {
    width: 1em;
    height: 1em;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    display: block;
}

.elementor-icon-box-wrapper .elementor-icon:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .4;
    background-color: inherit;
    border-radius: 50%;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    z-index: -1;
}

.elementor-icon-box-content {
    margin: 20px 0 10px;
}

.elementor-icon-box-content h6 {
    margin-top: 0;
    color: #171717;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 5px;
    letter-spacing: 1px;
    font-size: 16px;
}

.elementor-icon-box-content p {
    margin-bottom: 0;
    font-size: 16px;
}

.elementor-icon-box-content a {
    color: #000;
}

.elementor-icon-box-wrapper:hover .elementor-icon:after {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}


/*============================================================
    #module
============================================================*/


#module {
    text-align: center;
}

.module-inner {
    border-right: 1px solid #ddd;
    padding: 15px 0;
}

.module-inner:last-child {
    border-right: none;
}

.module-inner:hover .fa {
    transform: translateY(-10px);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

.module-icon .fa {
    font-size: 40px;
    color: #999;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}


.module-inner-heading {
    padding: 15px 0;
}

.module-inner-heading a {
    color: #173857;
    text-transform: uppercase;
    font-size: 20px;
}


/*.shop-main .team_columns_item_image:hover .block {*/
/*    transform: scale(1.1);*/
/*    -webkit-transition: .3s all ease;*/
/*    -o-transition: .3s all ease;*/
/*    transition: .3s all ease;*/
/*}*/

.shop-main .team_columns_item_image .block {
    margin-bottom: 30px;
}


.w_sidebar {
    border: 1px solid #f8f8f8;
    margin-bottom: 20px;
}

.sky-form .label {
    display: block;
    margin-bottom: 6px;
    line-height: 19px;
}

.shop-main .panel-heading {
    padding: 0;
}

.w_sidebar h3 {
    padding: 0 20px 10px;
    font-size: 1em;
    color: #555555;
    text-transform: uppercase;
}

/* radios and checkboxes */
.sky-form {
    margin-top: -10px;
    background: #fff;
}

.row1 {
    outline: none;
    padding: 20px;
    overflow: auto;
    display: contents;
}

.row2 {
    height: 175px;
}

.sky-form.col.col-4 ul {
    padding: 0;
    list-style: none;
}

.sky-form h4 {
    margin-top: 10px;
    background: #ddd;
    padding: 15px 20px;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 16px;
}

.sky-form section {
    margin-bottom: 20px;
}

.sky-form .label {
    display: block;
    margin-bottom: 6px;
    line-height: 19px;
}

.sky-form .label.col {
    margin: 0;
    padding-top: 10px;
}

.sky-form .input,
.sky-form .select,
.sky-form .textarea,
.sky-form .radio,
.sky-form .checkbox,
.sky-form .toggle,
.sky-form .button {
    position: relative;
    display: block;
}

/* selects */
.sky-form .select i {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 1px;
    height: 11px;
    background: #fff;
    box-shadow: 0 0 0 12px #fff;
}

.sky-form .select i:after,
.sky-form .select i:before {
    content: '';
    position: absolute;
    right: 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.sky-form .select i:after {
    bottom: 0;
    border-top: 4px solid #404040;
}

.sky-form .select i:before {
    top: 0;
    border-bottom: 4px solid #404040;
}

.sky-form .select-multiple select {
    height: auto;
}

/* radios and checkboxes */
.sky-form .radio, .sky-form .checkbox {
    outline: none;
    border: none;
    margin-bottom: 4px;
    padding-left: 27px;
    font-size: 13px;
    line-height: 27px;
    color: #555555;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: normal;
    margin-top: 0;
}

.sky-form .radio {
    text-transform: none;
}

.sky-form .radio:last-child,
.sky-form .checkbox:last-child {
    margin-bottom: 0;
}

.sky-form .radio input,
.sky-form .checkbox input {
    position: absolute;
    left: -9999px;
}

.sky-form .radio i,
.sky-form .checkbox i {
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 17px;
    height: 17px;
    outline: none;
    border-width: 2px;
    border-style: solid;
    background: #fff;
}

.sky-form .radio i {
    border-radius: 50%;
}

.sky-form .radio input + i:after,
.sky-form .checkbox input + i:after {
    position: absolute;
    opacity: 0;
    transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s;
}

.sky-form .radio input + i:after {
    content: '';
    top: 4px;
    left: 4px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.sky-form .checkbox input + i:after {
    content: '';
    top: 3px;
    left: 2px;
    width: 10px;
    height: 7px;
    background: url(../img/checked.png) no-repeat;
    text-align: center;
}

.sky-form .radio input:checked + i:after,
.sky-form .checkbox input:checked + i:after {
    opacity: 1;
}

.sky-form .inline-group {
    margin: 0 -30px -4px 0;
}

.sky-form .inline-group:after {
    content: '';
    display: table;
    clear: both;
}

.sky-form .inline-group .radio,
.sky-form .inline-group .checkbox {
    float: left;
    margin-right: 30px;
}

.sky-form .inline-group .radio:last-child,
.sky-form .inline-group .checkbox:last-child {
    margin-bottom: 4px;
}

.sky-form [class^="icon-"] {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}

/* normal state */
.sky-form .input input,
.sky-form .select select,
.sky-form .textarea textarea,
.sky-form .radio i,
.sky-form .checkbox i,
.sky-form .toggle i,
.sky-form .icon-append,
.sky-form .icon-prepend {
    border-color: #e5e5e5;
    transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    -ms-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
}

.sky-form .toggle i:before {
    background-color: #173857;
}

/* hover state */
.sky-form .input:hover input,
.sky-form .select:hover select,
.sky-form .textarea:hover textarea,
.sky-form .radio:hover i,
.sky-form .checkbox:hover i,
.sky-form .toggle:hover i {
    border-color: #173857;
}

.sky-form .button:hover {
    opacity: 1;
}

/* focus state */
.sky-form .input input:focus,
.sky-form .select select:focus,
.sky-form .textarea textarea:focus,
.sky-form .radio input:focus + i,
.sky-form .checkbox input:focus + i,
.sky-form .toggle input:focus + i {
    border-color: #173857;
}

/* checked state */
.sky-form .radio input + i:after {
    background-color: #173857;
}

.sky-form .checkbox input + i:after {
    color: #173857;
}

.sky-form .radio input:checked + i,
.sky-form .checkbox input:checked + i,
.sky-form .toggle input:checked + i {
    border-color: #173857;
}

/* error state */
.sky-form .state-error input,
.sky-form .state-error select,
.sky-form .state-error textarea,
.sky-form .radio.state-error i,
.sky-form .checkbox.state-error i,
.sky-form .toggle.state-error i {
    background: #fff0f0;
}

/* success state */
.sky-form .state-success input,
.sky-form .state-success select,
.sky-form .state-success textarea,
.sky-form .radio.state-success i,
.sky-form .checkbox.state-success i,
.sky-form .toggle.state-success i {
    background: #f0fff0;
}

/* disabled state */
.sky-form .input.state-disabled input,
.sky-form .select.state-disabled,
.sky-form .textarea.state-disabled,
.sky-form .radio.state-disabled,
.sky-form .checkbox.state-disabled,
.sky-form .toggle.state-disabled,
.sky-form .button.state-disabled {
    cursor: default;
    opacity: 0.5;
}

.sky-form .input.state-disabled:hover input,
.sky-form .select.state-disabled:hover select,
.sky-form .textarea.state-disabled:hover textarea,
.sky-form .radio.state-disabled:hover i,
.sky-form .checkbox.state-disabled:hover i,
.sky-form .toggle.state-disabled:hover i {
    border-color: #e5e5e5;
}


.pagination {
    margin: 0 0px 30px;
    text-align: center;
    font-size: 0;
    display: block;
}

.products-wrap + .pagination {
    margin: 30px 0 0;
}

.pagination span {
    display: inline-block;
    background: url(../images/ico_pagination.png) no-repeat;
    width: 30px;
    height: 30px;
    margin: 1px;
}

.pagination a:hover,
.pagination .active a {
    text-decoration: none;
    background-color: #cecece;
}

.pagination span.ico-next {
    background-position: 100% 0;
}

.pagination li {
    display: inline-block;
    vertical-align: top;
    margin-left: -1px;
}

.pagination li a {
    width: 33px;
    vertical-align: top;
    text-align: center;
    color: #656567;
    font-size: 12px;
    font-weight: 500;
    line-height: 29px;
    height: 33px;
    border: 1px solid #cdcdcd;
    background-color: #fff;
    display: inline-block;
}


.map-section {
    box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.26);
    padding: 25px;
    margin: 0;
}


/*============================================================
    .preview
============================================================*/


.preview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media screen and (max-width: 996px) {
    .preview {
        margin-bottom: 20px;
    }

    .tickets-link {
        display: none!important;
    }
}

.preview-pic {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.preview-thumbnail.nav-tabs {
    border: none;
    margin-top: 15px;
}

.preview-thumbnail.nav-tabs li {
    width: 18%;
    margin-right: 2.5%;
}

.preview-thumbnail.nav-tabs li img {
    max-width: 100%;
    display: block;
}

.preview-thumbnail.nav-tabs li a {
    padding: 0;
    margin: 0;
    opacity: 0.8;
}

.preview-thumbnail.nav-tabs > li.active > a, .preview-thumbnail.nav-tabs > li.active > a:focus, .preview-thumbnail.nav-tabs > li > a:hover {
    opacity: 1 !important;
    border: 1px solid transparent;
    background-color: transparent;
}

.preview-thumbnail.nav-tabs li:last-of-type {
    margin-right: 0;
}

.tab-content {
    overflow: hidden;
}

.tab-content img {
    width: 100%;
    -webkit-animation-name: opacity;
    animation-name: opacity;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
}

.card {
    line-height: 1.5em;
    overflow: hidden;
    padding-bottom: 50px;
    border-bottom: 1px solid #ddd;
}

@media screen and (min-width: 997px) {
    .wrapper {
        /*
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
        */
    }
}

.details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.colors {
    margin-bottom: 30px;
}

.product-title,
.price,
.sizes,
.colors {
    text-transform: UPPERCASE;
    font-weight: bold;
    color: #555;
}

.price span {
    color: #555;
    font-size: 22px;
    font-weight: 600;
}

.price span s {
    font-size: 70%;
    color: #999;
    font-style: italic;
}

.checked {
    color: #ff9f1a;
}

.rating {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px 0;
}

.stars {
    float: left;
    margin-right: 15px;
}

.action {
    /*
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
*/
    padding-bottom: 15px;
}

.product-title,
.rating,
.product-description,
.price,
.vote,
.sizes {
    margin-bottom: 15px;
    color: #555;
}

.product-title {
    margin-top: 0;
    color: #555;
}

.size {
    margin-right: 10px;
}

.size:first-of-type {
    margin-left: 40px;
}

.color {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    height: 2em;
    width: 2em;
    border-radius: 2px;
}

.color:first-of-type {
    margin-left: 20px;
}

.add-to-cart,
.like {
    background: #ff9f1a;
    padding: 1.2em 1.5em;
    border: none;
    text-transform: UPPERCASE;
    font-weight: bold;
    color: #fff;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
}

.add-to-cart:hover,
.like:hover {
    background: #b36800;
    color: #fff;
}

.not-available {
    text-align: center;
    line-height: 2em;
}

.not-available:before {
    font-family: fontawesome;
    content: "\f00d";
    color: #fff;
}

.colors .black {
    background: #000;
}

.colors .cobalt {
    background: #0047ab !important
}

.colors .gray {
    background: #808080;
}

.tooltip-inner {
    padding: 1.3em;
}

@-webkit-keyframes opacity {
    0% {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes opacity {
    0% {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*============================================================
    .quantity
============================================================*/

.quantity {
    position: relative;
    max-width: 200px;
    text-align: center;
    float: left;
}

.quantity input.form-control.input-number {
    text-align: center;
    height: 45px;
}

.quantity .btn-number:focus {
    outline: none;
}

.quantity .input-group {
    margin-top: 15px;
    margin-right: 15px;
}


.quantity button.btn.btn-default.btn-number {
    border-radius: 2px;
    padding: 11px 12px 12px;
}


.item-list {
    padding: 20px 0;
    /*    border-top: 1px solid #ccc;*/
}

.item-list ul {
    padding-left: 15px;
    list-style-type: disc;
}

.item-list ul li {
    padding: 2px 0;
    color: #777;
    font-size: 0.9em;
    font-weight: 500;
}

.item-list ul li a {
    text-decoration: underline;
    color: #999;
    font-size: 0.95em;
}


/*============================================================
    .single-product-tabs
============================================================*/


.single-product-details {
    padding-top: 40px;
}

.btn-group-justified > .btn-group .btn {
    outline: none;
    text-transform: uppercase;
    font-weight: 600;
    box-shadow: none;
}


.single-product-details .btn-primary {
    color: #fff;
    background: transparent;
    color: #173857;
    border: 2px solid transparent;
    border-bottom-color: #ffe01b;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-decoration: none;
    display: inline-block;
}

.single-product-details .btn-primary span {
    color: #ffe01b;
}

.single-product-details .btn-primary.active, .single-product-details .btn-primary.focus, .single-product-details .btn-primary:active, .single-product-details .btn-primary:focus, .single-product-details .btn-primary:hover, .single-product-details .open > .dropdown-toggle.btn-primary {
    color: #173857;
    background-color: transparent;
    border-color: #173857;
    border: 2px solid transparent;
    border-bottom-color: #ffe01b;
}

.single-product-details .btn-default {
    color: #999;
    background: transparent;
    border: 2px solid transparent;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-decoration: none;
    display: inline-block;
}

.single-product-details .well {
    background: #fff;
    border: none;
    box-shadow: none;
    padding-top: 35px;
    border-top: 1px solid #ddd;
    border-radius: 0;
}


.single-product-details .well h3 {
    border-bottom: 2px solid #eee;
    padding-bottom: 5px;
    text-transform: uppercase;
    color: #173857;
    display: inline-block;
}

.single-product-details .well p {
    margin-top: 20px;
    line-height: 24px;
    color: #333;
}


.single-comments-inner {
    padding: 20px 0 30px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

.single-comments-inner p {
    margin-top: 0px !important;
}


.single-comments-inner-image {
    /*
        max-width: 80px;
        float: left;
        margin-right: 20px;
    */
}

.single-comments-inner-image img {
    border-radius: 5px;
    max-width: 80px;
    margin: 0 auto;
}

.single-comments-inner-content {
    float: left;
}


.single-comments-inner-content-date {
    padding: 2px 0px 20px 0px;
    font-size: 12px;
    color: #777;
}


.single-comments-inner-content h5 {
    font-size: 15px;
    font-weight: 700;
    line-height: 19px;
    margin-top: 0px;
    color: #1b1b1b;
}


.widget {

}

.widget h3 {
    margin-top: 0;
    margin-bottom: 20px;
}


input[type="text"], input[type="email"], input[type="password"] {
    background: transparent;
    border: 1px solid #ccc;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    padding: 0 10px;
    width: 100%;
    margin-bottom: 15px;
}

.widget textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ccc;
    box-shadow: none;
    font-size: 14px;
    font-weight: 300;
    height: 80px;
    line-height: 22px;
    /*    margin-bottom: 17px;*/
    padding: 5px 10px;
    width: 100%;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, .widget textarea:focus {
    border: 1px solid #ffe01b;
    outline: none;
}


.contact-section h3 {
    color: #333;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative;
}

.contact-section h3:before {
    border-bottom: 3px solid #f7b003;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    width: 60px;
}

.contact-section p {
    line-height: 23px;
    color: #777;
    font-weight: 500;
    font-size: 15px;
}


.sub-section-2 {
    background: url(https://fanshop.rodajckerkrade.nl/wp-content/uploads/2020/03/89661221_3085671948129728_3697543096087609344_o.jpg);
    background: url(https://fanshop.rodajckerkrade.nl/wp-content/uploads/2020/03/89661221_3085671948129728_3697543096087609344_o.jpg);
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.sub-section-2:before {
    background: #ffffffdb;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
}

.sub-section h1 {
    color: #333;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 30px;
}


figure.effect-marley figcaption {
    text-align: center;
}

figure.effect-marley h2,
figure.effect-marley p {
    position: absolute;
    right: 30px;
    left: 30px;
    padding: 10px 0;
}

figure.effect-marley h2 {
    font-size: 24px;
}


figure.effect-marley p {
    bottom: 30px;
    line-height: 1.5;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

figure.effect-marley h2 {
    top: 30px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}

figure.effect-marley:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

figure.effect-marley h2::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 3px;
    background: #f7b003;
    content: '';
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
}

figure.effect-marley h2::after,
figure.effect-marley p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


.grid {
    position: relative;
    margin: 0 auto;
    padding: 1em 0 4em;
    max-width: 1000px;
    list-style: none;
    text-align: center;
}

/* Common style */
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    background: #0f162d;
    text-align: center;
    cursor: pointer;
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.6;
}

.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.grid figure h2 span {
    font-weight: 600;
}

.grid figure h2,
.grid figure p {
    margin: 0;
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}


.icon-box {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;

    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 35px 30px;
    text-align: center;
    cursor: default;

    margin-bottom: 20px;
}

.icon-box:before, .icon-box:after {
    content: '';
    position: absolute;
    width: calc(100% - 35px);
    height: calc(100% - 35px);
    border: 3px solid rgba(0, 0, 0, 0.28);
    pointer-events: none;
    transition: .33s all ease;
}

.icon-box:before {
    top: 0;
    left: 0;
    border-width: 3px 0 0 3px;
}

.icon-box:after {
    bottom: 0;
    right: 0;
    border-width: 0 3px 3px 0;
}

.icon-box .box-top .box-header > * {
    color: #333;
    font-weight: 400;
    text-transform: uppercase;
}

.icon-box .divider {
    max-width: 100%;
    margin: 13px auto;
    transition: .33s all ease;
}

.icon-box .box-top,
.icon-box .box-body {
    /* position: relative; */
    /* will-change: transform; */
    transition: .33s all ease;
    /* -webkit-filter: blur(0); */
}

.icon-box .box-top {
    top: 0;
}

.box-body p {
    line-height: 22px;
    color: #777;
    font-weight: 500;
    font-size: 13px;
}

.icon-box .box-body {
    max-width: 100%;
}

.icon-box .box-header {
    bottom: 0;
}

.icon-box .box-icon {
    min-height: 46px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.icon-box * + .box-header {
    margin-top: 5px;
}


.service-image-3 .fa {
    font-size: 40px;
    color: #173857;
}

.icon-box.hover:before, .icon-box.hover:after, .icon-box:hover:before, .icon-box:hover:after {
    width: 100%;
    height: 100%;
    border-color: #173857;
}

.icon-box.hover .box-top, .icon-box:hover .box-top {
    -webkit-transform: translateY(-9px);
    transform: translateY(-9px);
}

.icon-box.hover .box-body, .icon-box:hover .box-body {
    -webkit-transform: translateY(9px);
    transform: translateY(9px);
}

.icon-box.hover .divider, .icon-box:hover .divider {
    width: 168px;
}

@media (min-width: 768px) {

}

.icon-box .divider {
    max-width: 100%;
    margin: 13px auto;
    transition: .33s all ease;
    width: 49px;
    height: 3px;
    background: #ffe01b;
}

.shell {
    overflow: hidden;
}

.shell .fa {
    width: 50px;
    height: 50px;
    font-size: 50px;
    color: #ffe01b;
}

.box-header a {
    color: #2b2f40;
    text-transform: uppercase;
    letter-spacing: 2px;
}


.about_grid {
    margin-top: 25px;
}


.buy_grid a {
    color: #173857;
}

.buy_grid i {
    font-size: 36px;
    margin-bottom: 15px;
    border: 2px solid rgba(0, 0, 0, 0.26);
    height: 80px;
    width: 80px;
    line-height: 80px;
    border-radius: 50%;
}

.buy_grid h3 {
    margin-bottom: 15px;
    color: #333;
}

.buy_grid p {
    color: #777;
    margin-bottom: 0;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 500;
}

.price_div {
    margin-top: 40px;
}


#policy-section {
    padding: 8px 0 28px;
}

.policy-main-section h3 {
    font-size: 24px;
    line-height: 64px;
    font-weight: 600;
    color: #173857;
    font-style: normal;
    margin-bottom: 0;
}

.policy-main-section h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    color: #999;
    font-style: normal;
    margin-bottom: 15px;
    g
}

.policy-main-section p {
    color: #777777;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 28px;
}

.policy-main-section ul {
    padding-left: 30px;
}

.policy-main-section li {
    margin-bottom: 10px;
    list-style-type: disc;
    font-weight: 400;
    color: #777777;
    line-height: 28px;
    margin-left: 10px !important;
}

.policy-main-section a {
    color: #2388d9;
    text-decoration: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.policy-main-section a:hover {
    color: #000;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}


.image-caption #footer .social-icon {
    height: 33px
}

#footer .social-icon li {
    display: inline-block;
    margin-right: 17px;
}

.text-center #footer .social-icon li {
    margin: 0 2px
}

#footer .social-icon li a {
    display: table
}

#footer {
    padding: 20px 0 !important;
}

.social-icon.dark-2 a .fa {
    color: #000;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 18px;
    background-color: #fad40a;
    padding: 7px
}

.social-icon.dark-2 a:hover .fa {
    color: #fafafa
}

.social-icon.dark-2 > li:last-child {
    margin-right: 0
}

.social-icon.border .fa {
    border: 1px solid
}

#footer .social-icon a:hover .fa {
    background-color: #fcfcfc
}

#footer .social-icon a:hover {
    text-decoration: none
}

.social-icon.circle .fa {
    border-radius: 50%
}

.social-icon.rounded .fa {
    border-radius: 3px
}

.social-icon.main .fa {
    background-color: #22aba6;
    color: #fcfcfc
}

.social-icon.dark .fa {
    color: #fcfcfc;
    background-color: #666
}

.social-icon.gray .fa {
    color: #fcfcfc;
    background-color: #999
}

#footer .social-icon a:hover i,
.#footer-wrapper #footer .social-icon li a:hover i {
    color: #fafafa
}


#footer .social-icon a:hover .fa-pinterest,
.social-icon.with-bg .fa-pinterest {
    background-color: #d8545d
}

#footer .social-icon a:hover .fa-rss,
.social-icon.with-bg .fa-rss {
    background-color: #faaa5e
}

#footer .social-icon a:hover .fa-facebook,
.social-icon.with-bg .fa-facebook {
    background-color: #677fb5
}

#footer .social-icon a:hover .fa-twitter,
.social-icon.with-bg .fa-twitter {
    background-color: #70c2e9
}

#footer .social-icon a:hover .fa-flickr,
.social-icon.with-bg .fa-flickr {
    background-color: #ff3ba4
}

#footer .social-icon a:hover .fa-dribbble,
.social-icon.with-bg .fa-dribbble {
    background-color: #e299c2
}

#footer .social-icon a:hover .fa-behance,
.social-icon.with-bg .fa-behance {
    background-color: #42a9fb
}

#footer .social-icon a:hover .fa-linkedin,
.social-icon.with-bg .fa-linkedin {
    background-color: #3daccf
}

#footer .social-icon a:hover .fa-vimeo-square,
.social-icon.with-bg .fa-vimeo-square {
    background-color: #42b5d4
}

#footer .social-icon a:hover .fa-youtube,
.social-icon.with-bg .fa-youtube {
    background-color: #d5615c
}

#footer .social-icon a:hover .fa-skype,
.social-icon.with-bg .fa-skype {
    background-color: #5ecbf3
}

#footer .social-icon a:hover .fa-tumblr,
.social-icon.with-bg .fa-tumblr {
    background-color: #829fb9
}

#footer .social-icon a:hover .fa-digg,
.social-icon.with-bg .fa-digg {
    background-color: #507faa
}

#footer .social-icon a:hover .fa-github-alt,
.social-icon.with-bg .fa-github-alt {
    background-color: #6c93bb
}

#footer .social-icon a:hover .fa-google-plus,
.social-icon.with-bg .fa-google-plus {
    background-color: #bc7067
}

#footer .social-icon a:hover .fa-lastfm,
.social-icon.with-bg .fa-lastfm {
    background-color: #cd443d
}

#footer .social-icon a:hover .fa-spotify,
.social-icon.with-bg .fa-spotify {
    background-color: #9acf48
}

#footer .social-icon a:hover .fa-instagram,
.social-icon.with-bg .fa-instagram {
    background-color: #b99682
}

#footer .social-icon a:hover .fa-paypal,
.social-icon.with-bg .fa-paypal {
    background-color: #5b85a8
}

#footer .social-icon a:hover .fa-soundcloud,
.social-icon.with-bg .fa-soundcloud {
    background-color: #ff8b45
}

.social-icon.with-bg [class*=fa-] {
    color: #fcfcfc
}

.social-icon.with-bg a:hover .fa {
    background-color: #22aba6
}

#footer .social-icon {
    float: left;
}

.useful-links li {
    padding-bottom: 6px;
    display: inline-block;
}

.customfooter_contacts span {
    color: #999;
    font-weight: 700;
}

.customfooter_contacts p, .customfooter_contacts div, .customfooter_contacts div {
    color: #fff;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 500;
    font-family: 'stainlesscond-boldregular';
    line-height: 1.42857143;
}

.second-footer {
    padding: 15px 0 !important;
    background: #fcd40b !important;
    border-top: 1px solid #fff;
}

.customfooter_contacts p a {
    color: #fff;
    font-weight: 400;
    font-size: 17px;
}

.customfooter_contacts p a.first-link {
    font-weight: 700!important;
    font-size: 18px!important;
}

h2.widget-title {
    display: none;
}

.woocommerce .products .star-rating {

    margin: 0 0 .5em;
    float: none;
    display: none !important;
}

span.onsale {
    display: none;
}

.second-footer h5 {
    font-size: 18px;
    color: #000;
    margin-bottom: 5px;
}

.woof label {
    cursor: pointer;
    border-color: #173857;
    outline: none;
    border: none;
    margin-bottom: 4px;
    padding-left: 27px;
    font-size: 13px;
    line-height: 27px;
    color: #555555;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: normal;
    margin-top: 0;
}

.second-footer p {
    color: #000;
}

/* css for my account page rj */
nav.woocommerce-MyAccount-navigation {
    width: 100% !important;
}

li.woocommerce-MyAccount-navigation-link {
    margin: 2px auto;
    list-style: none;
}

li.woocommerce-MyAccount-navigation-link.is-active a {
    font-weight: 600;
    background: #000 !important;
    color: #fff;
}

nav.woocommerce-MyAccount-navigation li a {
    padding: 10px 20px;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    letter-spacing: 2px;
    background: #173857;
    color: #000;
    font-family: "Maven Pro", sans-serif;
    position: relative;
    height: 40px;
    display: block;
    vertical-align: top;
}

nav.woocommerce-MyAccount-navigation li a:hover, nav.woocommerce-MyAccount-navigation li a:focus {
    background: #000;
    color: #fff !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;
}

a.woocommerce-button.button.view {
    background: #173857 !important;
    color: #fff !important;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
}

a.woocommerce-button.button.view:hover {
    background-color: #000 !important;
}

tr td.woocommerce-orders-table__cell-order-number a {
    color: #0ba07b !important;
}

div.woocommerce-Message.woocommerce-info a.button {
    background: #173857 !important;
    color: #fff !important;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
}

div.woocommerce-Message.woocommerce-info a.button:hover {
    background-color: #000 !important;
}

.woocommerce-Addresses h3 {
    color: #000 !important;
}

header.woocommerce-Address-title.title a {
    padding: 10px 20px;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    letter-spacing: 2px;
    background: #173857;
    color: #fff;
    font-family: "Maven Pro", sans-serif;
    position: relative;
    height: 40px;
    display: block;
    vertical-align: top;
    margin-bottom: 10px;
}

header.woocommerce-Address-title.title a:hover {
    background-color: #000 !important;
}

.woocommerce button.button {
    background-color: #fcd40b !important;
    color: #000 !important;
    text-transform: uppercase !important;
}

.woocommerce button.button:hover {
    background-color: #fcd40b !important;
}

.woocommerce-MyAccount-content p a {
    color: #0ba07b !important;
}

.woocommerce-LostPassword a {
    color: #0ba07b !important;
}

/* css for my account page rj end */


header.entry-header {
    text-align: center;
    padding: 10px 0;
    background: #fff;
    margin-bottom: 20px;
    text-transform: uppercase;
}

header.entry-header h2 {
    color: #000 !important;
    font-size: 20px;
}


/*========================*/


.navigation.sticky {
    position: fixed;
    background-color: #fbd42b;
    visibility: visible;
    width: 100%;
    z-index: 9999999;
}

.navigation.offset {

    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.navigation.sticky {
    position: sticky;
    background-color: #fbd42b;
    visibility: visible;
    opacity: 1;
}

.social-top {
    position: sticky;
    width: 100%;
    z-index: 999999999999;
    top: 0;
}

@media (max-width: 500px) {
    .rp_top_slogan {
        display: none;
    }

    .social-div #menu-social-menu li a  img {
        max-width: 45px!important;
    }

    #footer .social-icon li {
        margin-right: 10px;
    }
}

@media (max-width: 768px) {
    header.navigation {
        border-bottom: 1px solid #eee;
        position: fixed;
        width: 100%;
        z-index: 9999999999999;
    }

    div#primary {padding-top: 120px;
    }

    article {
        padding-top: 120px;
    }

    .social-top {
        position: fixed;
    }

    main#main {
        padding-top: 35px;
    }


    .logo {
        padding: 0px 5px 0 5px;
    }

    .logo img {
        max-width: 55px;
        margin-left: 7px;
    }

    nav#cssmenu {
        margin-top: 5px;
    }

    .cart_item .product-quantity .quantity {
        display: table-cell !important;
        float: right !important;
    }

    .coupon input {
        width: 100% !important;
        margin-bottom: 3px !important;
    }

    .bf-not-product {
        margin-top: 120px !important;
    }

}

@media (min-width: 1001px) {
    .navigation {
        z-index: 9999999;
    }
}


@media (min-width: 768px) and (max-width: 1024px) {
    .row1 {
        padding: 20px 0px;
    }

    .woof_list label {
        padding-left: 0px;
    }

}


@media (max-width: 767px) {
    .rp_sidebar {
        margin-bottom: 100px;
    }
}

.user-menu {
    float: right !important;
}

.user-menu li {
    margin-left: 0px;
}

.user-dropdown-menu {
    right: 0px;
    padding: 0;
    top: 34px;
}

.user-dropdown-menu li {
    margin: 0;
}

.user-dropdown-menu li a {
    font-size: 13px;
}

.user-menu li a {
    color: #000;
    padding: 7px 10px;
}

.user-menu li a:hover {
    color: #000 !important;
    background-color: #b89a02 !important;
}

.grid_no_animation figcaption h3.pro_title {
    min-height: 37px;
}

#ship-to-different-address-checkbox {
    top: 24px;
}

.woocommerce form .form-row .input-checkbox {
    margin: 8px -8px 0 0;
}

.wc-terms-and-conditions .woocommerce-form__label span {
    margin-left: 20px;
}

.wc-terms-and-conditions .woocommerce-form__label .required {
    margin-left: 0px;
}

/*#module {
    display:none;
}*/

.add_to_cart_button {
    color: #000 !important;
}

.grid_no_animation figcaption a.button {
    color: #000 !important;
}

.sub-menu {
    margin-left: -50px !important;
}

.product-quantity {
    display: table !important;
    width: 100%;
}

@media (max-width: 767px) {
    .user-menu {
        margin: 0;
    }
    .woocommerce-ordering {
        display: inline-block;
        width: 60%;
        margin-bottom: 0;
    }

    .woocommerce-result-count {
        display: inline-block;
        margin-bottom: 0;
    }

    .logi {
        padding-right: 0;
    }
}

::selection {
    background: #fcd40b !important;
}

::-moz-selection {
    background: #fcd40b; /* Gecko Browsers */
}

.list-inline > li {
    vertical-align: middle;
}

.woocommerce-ordering {
    z-index: auto !important;
}

.category-border {
    border-top: 1px solid #e1bc03;
}

.categories-view {
    display: flex;
    justify-content: center;
    padding: 6px 0;
    background: #000;
}

.categories-view .sub-menu li {
    text-align: start;
}

.category-secondary {
    text-align: center;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.category-secondary a {
    font-size: 16px;
    letter-spacing: 0.7px;
    text-decoration: none;
    color: #fad40a;
    font-weight: 600;
    text-transform: uppercase;
    overflow: hidden;
}

.category-secondary a:after {
    display: block;
    content: '';
    width: 0%;
    height: 1px;
    background: #fad40a;
    margin-left: auto;
    margin-right: auto;
    right: 100%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    position: absolute;

}

.category-secondary a:hover:after {
    width: 5%;
}

.category-secondary .active:after {
    display: block;
    content: '';
    width: 50%;
    height: 1px;
    background: #fad40a;
    margin-left: auto;
    margin-right: auto;
    right: 25%;
    position: absolute;
}

/*.h-mb ul > li, .h-mb a:before {*/
/*    display: none !important;*/
/*}*/

.h-mb {
    margin-right: -15px;
}

@media screen and (max-width: 1000px) {
    .categories-view {
        display: none !important;
    }

    .h-mb {
        margin-right: 0;
    }

    .h-mb ul > li {
        display: block !important;
    }
}

@media only screen and (max-width: 768px) {
    .alert-top-cov {
        padding-top: 120px !important;
    }

    .header-tags {
        display: none;
    }

    .desktop-search {
        display: none !important;
    }

    #cssmenu ul {
        height: 100vh !important;
        overflow: scroll;
    }
}

.wccpf_value select {
    margin-bottom: 0 !important;
}

dd, dt {
    line-height: 2 !important;
}

#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
    min-width: 250px !important;
    min-height: 52px !important;
}

.bf-notification {
    display: inline-block;
    background: #fbd42b;
    padding: 10px 20px;
    font-weight: 800;
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
    transform: skew(-5deg, 0);
    margin-bottom: 12px;
    margin-top: 5px;
    line-height: 0.9;
}

.coupon input {
    float: left !important;
    min-width: 200px;
}

.shipping {
    min-height: 40px !important;
}

@media screen and (min-width: 1001px) {
    .sub-menu {
        /*display: none !important;*/
        overflow: hidden!important;
    }

}

/*.sub-menu {*/
/*    height: 100vh !important;*/
/*}*/

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 80px !important;
}

.slides .slide-1 {
    background-position-y: 23% !important;
}

#home {
/*    background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.5) 100%), url('/wp-content/uploads/2023/06/roda-slider.jpg') !important; */
    padding-top: 60px !important;
/*    background-size: cover !important;
    background-repeat: no-repeat; */
}

.btn-front {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-bot-two {
    position: absolute;
    bottom: 8%;
    right: 5%;
    background-color: #fff;
    color: #161616 !important;
    padding: 2px 20px !important;
}

.btn-front-img {
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 20px !important;
}

.btn-front-img:hover {
    background: #000;
    color: #fbd42b !important;
    border: 1px solid #fff;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
    background: #000 !important;
    max-height: 40px!important;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    bottom: 10px;
    position: relative;
    height: 37px;
}

.dgwt-wcas-style-pirx.dgwt-wcas-search-wrapp-mobile {
    color: #fff;
}

ul.list-inline {
    display: flex !important;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
    top: 3px !important;
}

.dgwt-wcas-preloader.dgwt-wcas-close {
    top: -10px !important;
}

.header-tags {
    background: #fad40a;
    padding: 15px;
}

.header-tags-content {
    color: #000;
}

.header-tags-content i {
    font-size: 24px;
}

.header-tags-content span {
    position: relative;
    bottom: 3px;
}

.dropdown-menu a {
    color: #000 !important;
}

#menu-categories-menu {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}

.icon-single i {
    color: #fad40a;
}

.single-product-fliers {
    margin-top: 35px;
}

.woocommerce-cart .single-product-fliers p {
    margin-bottom: 0;
}

.woocommerce-cart .single-product-fliers  {
    margin-top: 0;
    margin-bottom: 20px;
}

.first-col-front,
.second-col-front,
.third-col-front {
    margin-bottom: 5px;
}

.tickets-link {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    bottom: 13px;
}

.roda-text {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}

.tickets-link a:hover {
    color: #fcd40b;
}

.sponsors {
    margin: 20px 0;
}

.sponsors img {
    max-width: 220px;
}

.padding-col-bottom {
    padding: 15px;
}

.new-globalpage {
    padding: 15px;
}

div.wpb_cart_button a.shop-btn,
.products .block a.shop-btn {
    font-weight: 900 !important;
    text-transform: uppercase!important;
    letter-spacing: 1px!important;
    font-size: 18px !important;
    background-color: #fff!important;
    color: #161616 !important;
    border-radius: 4px!important;
    margin-top: 20px;
    padding: 9px;
}

div.wpb_cart_button a.shop-btn:hover,
.related.products a.shop-btn:hover {
    background: #000!important;
    color: #fbd42b !important;
    border-color: #fbd42b !important;
}

.tax-product_cat .product.type-product a.shop-btn:hover {
    background: #000!important;
    color: #fbd42b !important;
    border-color: #fbd42b !important;
}

.related.products a.shop-btn {
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 18px !important;
    background-color: #fff !important;
    color: #161616 !important;
    border-radius: 4px !important;
    margin-top: 20px;
    padding: 9px;
}


body.archive #menu-categories-menu-1 {
    margin-bottom: 0!important;
}

.cart-text {
    display: inline-block!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
}

.header-cart-text {
    display: inline-block!important;
}

.header-cart {
    display: inline-block!important;
}

.middle img {
    margin-bottom: 10px;
}

.categories-view {
    margin-top: 15px;
}

body.single-product .categories-view {
    margin-top: 15px;
    margin-bottom: 30px;
}

body.single-product section {
    padding: 0!important;
}

.link-tickets {
    text-transform: uppercase;
    font-weight: 700;
}

/* hide ideal payment option */
.payment_method_stripe_ideal {
    display: none !important;
}