body, header, span, p, a, td {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #2c2c2c;
}

    a, a:hover, a:focus {
        color: #3399cc;
    }

h1, h2, h3, h4, h5 {
    color: #000000;
}

h1 {
    font-size: 26px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 18px;
}

hr {
    border-color: #e8e8e8;
}

body {
    overflow-x: hidden;
    background: #ffffff;
}

@media(min-width:768px) {
    body {
        padding-top: 70px;
    }
}


#back-top {
    position: fixed;
    bottom: 30px;
    right: 15px;
    display: none;
}

#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
}

    #search.open {
        -webkit-transform: translate(0px, 0px) scale(1, 1);
        -moz-transform: translate(0px, 0px) scale(1, 1);
        -o-transform: translate(0px, 0px) scale(1, 1);
        -ms-transform: translate(0px, 0px) scale(1, 1);
        transform: translate(0px, 0px) scale(1, 1);
        opacity: 1;
    }

    #search input[type="search"] {
        position: absolute;
        top: 50%;
        width: 100%;
        color: rgb(255, 255, 255);
        background: rgba(0, 0, 0, 0);
        font-size: 45px;
        font-weight: 300;
        text-align: center;
        border: 0px;
        margin: 0px auto;
        margin-top: -51px;
        padding-left: 30px;
        padding-right: 30px;
        outline: none;
    }

@media (max-width:768px) {

    #search input[type="search"] {
        font-size: 25px;
        font-weight: 300;
        margin-top: -21px;
    }
}

@media(min-width:990px) {

    .col-banners {
        float: right;
    }
}

#search .btn, #search .btn:hover, #search .btn:focus {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px;
    color: #000;
    background-color: #3399cc;
    border-color: #3399cc;
    font-size: 16px;
    padding: 10px;
}

#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #000;
    background-color: #3399cc;
    border-color: #3399cc;
    opacity: 1;
    padding: 10px 17px;
    font-size: 27px;
}

.carousel {
    min-height: 30px;
}

.logo-big {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 7%;
    z-index: 9;
}

.animated-slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.wrapper {
    position: relative;
}

@media (min-width:768px) {
    .top-menu {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 10;
    }

    .menu-logo {
        width: 0px;
        display: inline-block;
        opacity: 0;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .minimal .menu-logo {
        width: 100px;
        opacity: 1;
        position: relative;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .menu-logo img {
        position: absolute;
        top: 5px;
    }


    .navbar-default {
        background: none;
        margin: 0px;
        position: relative;
        min-height: 50px;
        border: none;
        border-radius: 0px;
        background: #000000;
    }

        .navbar-default .navbar-nav.navbar-right {
            background: #3399cc;
        }

    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }



    .navbar-default .navbar-nav > li > a {
        color: #ffffff;
        background: none;
        font-weight: 600;
        font-size: 15px;
        padding-top: 27px;
        padding-bottom: 27px;
    }

        .navbar-default .navbar-nav > li > a span {
            color: #ffffff;
        }

        .navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li > a.active:focus, .navbar-default .navbar-nav > li > a.active:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
            color: #3399cc !important;
            background: none;
            font-weight: 600;
        }


    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }

    .nav .dropdown:hover .dropdown-menu {
        display: block;
    }

    .navbar-default .navbar-nav > li.nav-all, .navbar-default .navbar-nav > li.nav-alll {
        background: #ffffff;
    }
        .navbar-default .navbar-nav > li.nav-all.nav-connected, .navbar-default .navbar-nav > li.nav-alll.nav-connected {
            background: #ffffff;
            width: 90px;
        }
            .navbar-default .navbar-nav > li.nav-all.nav-connected:hover, .navbar-default .navbar-nav > li.nav-alll.nav-connected:hover {
                background: #ffffff;
                width: initial;
            }

        .navbar-default .navbar-nav > li.nav-alll > a, .navbar-default .navbar-nav > li.nav-alll > a:hover, .navbar-default .navbar-nav > li.nav-alll > a:focus {
            color: #909191;
            display: inline-block;
        }

        .navbar-default .navbar-nav > li.nav-all > a, .navbar-default .navbar-nav > li.nav-all > a:hover, .navbar-default .navbar-nav > li.nav-all > a:focus {
            padding: 0px;
            margin: 0px;
            color: #909191;
            display: block;
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 9px;
            padding-bottom: 8px;
        }
        .navbar-default .navbar-nav > li.nav-all.nav-connected > a, .navbar-default .navbar-nav > li.nav-all.nav-connected > a:hover, .navbar-default .navbar-nav > li.nav-all.nav-connected > a:focus {
            padding: 0px;
            margin: 0px;
            color: #909191;
            display: inline-block;
            float:left;
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 9px;
            padding-bottom: 8px;
        }
        .navbar-default .navbar-nav > li.nav-all.nav-connected:hover > a, .navbar-default .navbar-nav > li.nav-all.nav-connected:hover > a:hover, .navbar-default .navbar-nav > li.nav-all.nav-connected:hover > a:focus {
            padding: 0px;
            margin: 0px;
            color: #909191;
            display: block;
            float: none;
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 9px;
            padding-bottom: 8px;
        }
            .navbar-default .navbar-nav > li.nav-all > a:last-child, .navbar-default .navbar-nav > li.nav-all > a:last-child:hover, .navbar-default .navbar-nav > li.nav-all > a:last-child:focus {
                padding: 0px;
                margin: 0px;
                color: #909191;
                display: block;
                padding-left: 15px;
                padding-right: 15px;
                padding-top: 9px;
                padding-bottom: 8px;
            }

    .draw-board-menu {
        min-width: 60px;
        position: relative;
    }

        .draw-board-menu img {
            max-width: 40px;
            max-height: 40px;
            position: absolute;
            top: 30%;
            left: 35%;
            transform: translateX(-30%);
        }
}

@media (min-width:768px) AND (max-width:1200px) {
    .navbar-default .navbar-nav > li > a {
        color: #ffffff;
        background: none;
        font-weight: 600;
        font-size: 14px;
        padding-top: 27px;
        padding-bottom: 27px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width:767px) {
    .navbar-default {
        background: #000000;
        margin: 0px;
        position: relative;
        min-height: 50px;
        border: none;
        border-radius: 0px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .top-menu {
        background: #000000;
    }

    .logo-menu {
        height: 45px;
        margin-top: -12px;
        margin-left: -15px;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #ffffff;
    }

    .navbar-default .navbar-brand, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
        color: #FFFFFF;
        background-color: transparent;
    }

    .navbar-default .navbar-nav > li > a {
        color: #ffffff;
        background: none;
        font-weight: 500;
        font-size: 18px;
        font-weight: 400;
    }

        .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
            color: #337ab7;
        }

            .navbar-default .navbar-nav > li > a span, .navbar-default .navbar-nav > li > a:hover span, .navbar-default .navbar-nav > li > a:focus span {
                color: #ffffff;
                background: none;
                font-weight: 500;
                font-size: 18px;
                font-weight: 400;
            }

            .navbar-default .navbar-nav > li > a:hover span, .navbar-default .navbar-nav > li > a:focus span {
                color: #3399cc;
            }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #3399cc;
        background: none;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        color: #ffffff;
        background: none;
    }

    .menu-wrapper {
        position: relative;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
        font-size: 16px;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #3399cc;
        }

    .menu-arrow {
        position: absolute;
        top: 1px;
        background: url(skn/menu-arrow-2.png) 50% 50% no-repeat;
        height: 9px;
        display: none;
    }
}

.slide1_text_1 {
    font-size: 40px;
    font-weight: 300;
    color: #ffffff;
    text-transform: none;
}

    .slide1_text_1 b {
        font-weight: 400;
        color: #ffffff;
        text-transform: none;
    }

.slide1_text_2 {
    font-size: 40px;
    font-weight: 300;
    color: #ffffff;
    text-transform: none;
}

.content-area {
    padding-top: 50px;
    padding-bottom: 50px;
    min-height: 300px;
}

    .content-area-view img {
        max-width: 100%;
        height: auto;
    }
.cart-layer-item {
    min-height:110px;
    
}
.cart-layer-item-thumbnail img {
    max-width: 80px;
    height: auto;
    position: relative;
    top: -5px;
    max-height: 80px;
}
.cart-layer-item-thumbnail {
    min-width: 80px;
    margin-right: 10px;
    margin-bottom: 10px;
    position: absolute;
    top: 10px;
    left: 10px;
    min-height:80px;
}
.cart-layer-item table td {
    min-height:110px;
}
.content-area-Product {
    padding-top: 0px;
}

.content-area-Webform, .content-area-Webform p {
    padding-top: 0px;
    font-size: 14px;
}

    .content-area-Webform label {
        font-size: 14px;
        color: #767676;
		font-weight: 700;
    }


.footer-area {
    background: url(skn/bottom.jpg) -30px 0px no-repeat #f3f3f3;
    /*background-attachment: fixed;*/
    border-top: 1px solid #ccc;
    padding-top: 85px;
    padding-bottom: 30px;
}

    .footer-area .eqcol {
        padding-bottom: 40px;
    }



.about-area, .about-area a, .about-area a:hover, .about-area a:focus {
    color: #ffffff;
    font-size: 16px;
}

.footer-area h3 {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 15px;
}

.footer-area ul {
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
}

.footer-area .pull-left, .footer-area .pull-right {
    line-height: 44px;
}

.footer-area ul li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .footer-area ul li a, .footer-area ul li a:hover, .footer-area ul li a:focus {
        color: #767676;
    }

.footer-area a i, .footer-area a:hover i, .footer-area a:focus i {
    color: #333;
    text-decoration: none;
}

.footer-area strong {
    color: #333;
}

.footer-area, .footer-area p, .footer-area a, .footer-area a:hover, .footer-area a:focus {
    font-size: 13px;
    color: #767676;
}

    .footer-area, .footer-area p {
        color: #767676;
    }


.footer-menu h3 {
    color: #333;
    font-size: 14px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    font-weight: 600;
}

.home-map {
    border-top: 10px solid #2c2c2c;
}



.slider-wrapper {
    overflow: hidden;
}



.offer-details {
    background: url(skn/offer-bg.jpg) 50% 50% no-repeat;
}

@media(min-width:480px) {
    .col-opposite-left {
        float: right;
    }

    .col-opposite-right {
        float: left;
    }
}

.text-white {
    color: #ffffff;
}

.parallax-window {
    min-height: 450px;
    background: transparent;
}

.contact-form h3 {
    font-size: 24px;
    display: block;
}


.contact-form ul {
    margin: 0px;
    padding: 0px;
}

    .contact-form ul li {
        margin: 0px;
        padding: 0px;
        padding-top: 2px;
        padding-bottom: 2px;
        list-style-position: inside;
        list-style-type: circle;
    }

.btn-primary {
    background-color: #3399cc;
    border-color: #3399cc;
    font-size: 14px;
    font-weight: 600;
}

    .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active {
        font-size: 14px;
    }

    .btn-primary:hover, .btn-primary:focus {
        background: #2d86b2;
        border-color: #2d86b2;
        font-size: 14px;
    }

.btn-all {
    background-color: #333;
    border-color: #333;
    color:#ffffff;
    font-size: 14px;
    font-weight: 600;
    position:relative;
}
    .btn-all:after {
        content: '';
        position: absolute;
        bottom: -40px;
        left: 0px;
        right: 0px;
        margin-left: auto;
        margin-right: auto;
        background: #cccccc;
        height: 1px;
        width: 200%;
        left: -50%;
    } 
    .btn-all.disabled, .btn-all[disabled], fieldset[disabled] .btn-all, .btn-all.disabled:hover, .btn-all[disabled]:hover, fieldset[disabled] .btn-all:hover, .btn-all.disabled:focus, .btn-all[disabled]:focus, fieldset[disabled] .btn-all:focus, .btn-all.disabled:active, .btn-all[disabled]:active, fieldset[disabled] .btn-all:active, .btn-all.disabled.active, .btn-all.active[disabled], fieldset[disabled] .btn-all.active {
        font-size: 14px;
        color: #ffffff;
    }

    .btn-all:hover, .btn-all:focus {
        background: #222;
        border-color: #222;
        color: #ffffff;
        font-size: 14px;
    }



.btn-inactive {
    color: #000;
    background-color: #3399cc;
    border-color: #3399cc;
    border-radius: 0px;
}

    .btn-inactive.disabled, .btn-inactive[disabled], fieldset[disabled] .btn-inactive, .btn-inactive.disabled:hover, .btn-inactive[disabled]:hover, fieldset[disabled] .btn-inactive:hover, .btn-inactive.disabled:focus, .btn-inactive[disabled]:focus, fieldset[disabled] .btn-inactive:focus, .btn-inactive.disabled:active, .btn-inactive[disabled]:active, fieldset[disabled] .btn-inactive:active, .btn-inactive.disabled.active, .btn-inactive.active[disabled], fieldset[disabled] .btn-inactive.active {
        color: #000;
        background-color: #3399cc;
        border-color: #3399cc;
        border-radius: 0px;
    }

    .btn-inactive:hover, .btn-inactive:focus, .btn-inactive:active, .btn-inactive:checked {
        color: #000;
        background-color: #3399cc;
        border-color: #3399cc;
        border-radius: 0px;
    }


.page-title-area {
    background: url(skn/contact-title.jpg) repeat;
    padding-top: 30px;
    padding-bottom: 40px;
    text-align: center;
}

    .page-title-area h1 {
        color: #2c2c2c;
        position: relative;
        font-size: 32px;
        font-weight: 400;
        border-bottom: 1px solid #3399cc;
        padding-bottom: 7px;
        display: inline-block;
    }



.form-control {
    border-radius: 0px;
}

.btn-info {
    color: #FFF;
    background-color: transparent;
    border-color: #fff;
    border-radius: 0px;
    border-width: 2px;
    font-weight: 400;
}

    .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info.active[disabled], fieldset[disabled] .btn-info.active {
        color: #FFF;
        background-color: transparent;
        border-color: #fff;
        border-radius: 0px;
        border-width: 2px;
        font-weight: 400;
    }

    .btn-info:hover, .btn-info:focus {
        color: #FFF;
        background-color: transparent;
        border-color: #fff;
        border-radius: 0px;
        border-width: 2px;
        font-weight: 400;
    }

.btn-info-alt {
    color: #000;
    background-color: transparent;
    border-color: #000;
    border-radius: 0px;
    border-width: 2px;
    font-weight: 400;
}

    .btn-info-alt.disabled, .btn-info-alt[disabled], fieldset[disabled] .btn-info-alt, .btn-info-alt.disabled:hover, .btn-info-alt[disabled]:hover, fieldset[disabled] .btn-info-alt:hover, .btn-info-alt.disabled:focus, .btn-info-alt[disabled]:focus, fieldset[disabled] .btn-info-alt:focus, .btn-info-alt.disabled:active, .btn-info-alt[disabled]:active, fieldset[disabled] .btn-info-alt:active, .btn-info-alt.disabled.active, .btn-info-alt.active[disabled], fieldset[disabled] .btn-info-alt.active {
        color: #000;
        background-color: transparent;
        border-color: #000;
        border-radius: 0px;
        border-width: 2px;
        font-weight: 400;
    }

    .btn-info-alt:hover, .btn-info-alt:focus {
        color: #000;
        background-color: transparent;
        border-color: #000;
        border-radius: 0px;
        border-width: 2px;
        font-weight: 400;
    }


.dotted-devider {
    border-bottom: 2px dotted #ffffff;
    padding-bottom: 7px;
    margin-bottom: 7px;
}


.slider-wrapper {
    background: url(skn/slider/layer_0.png) 50% 50% no-repeat;
}

.btn-filter, .btn-filter:hover, .btn-filter:focus {
    font-size: 12px;
    box-shadow: none;
}

.p-0 {
    padding: 0px !important;
}

.m-0 {
    margin: 0px !important;
}

.btn-filter.active {
    font-size: 12px;
    border: 1px solid #333;
    background: #fff;
}


.samples-area {
    background: url(skn/lines1.png) 0% 100% no-repeat #f9f9f9;
}

    .samples-area h2 {
        font-size: 30px;
        font-weight: 400;
        color: #1d1d1b;
    }

.unique-flavor {
    background: url(skn/banner-top.png) 50% 50% no-repeat;
    height: 204px;
}





.cooker {
    background: url(skn/cooker.png) 0% 100% no-repeat;
    background-size: contain;
    overflow: hidden;
    height: 492px;
}

@media (max-width:990px) {
    .cooker {
        background: none;
        height: initial;
    }
}

.img-thumbnail {
    border-color: #333;
    border-width: 4px;
}

.block_offers_text_wrapper {
    min-height: 150px;
}






.shortcut-subtitle {
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.shortcut-border {
    border: 1px solid #333;
    padding: 10px;
    padding-top: 25px;
    padding-bottom: 25px;
}

a.shortcut-title, a.shortcut-title:hover, a.shortcut-title:focus {
    background: #ECE7E1;
    display: inline-block;
    position: absolute;
    top: -22px;
    padding-left: 5px;
    margin-left: 5px;
    padding-right: 5px;
    font-size: 34px;
    color: #333;
    text-decoration: none;
}

.shortcut-more {
    background: #ECE7E1;
    display: inline-block;
    position: absolute;
    bottom: -18px;
    right: 120px;
    padding-left: 5px;
    margin-left: 5px;
    padding-right: 5px;
}

    .shortcut-more a, .shortcut-more a:hover, .shortcut-more a:focus {
        color: #333;
        text-decoration: none;
        border: 1px solid #333;
        display: inline-block;
        padding: 7px;
    }

@media (min-width:768px) {
    .shortcut-wrapper {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media (max-width:767px) {
    .offer-details {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .shortcut-description {
        border: 1px solid #333;
        border-top: none;
        padding: 10px;
        padding-top: 0px;
        padding-bottom: 15px;
    }

    .shortcut-subtitle {
        border: 1px solid #333;
        border-bottom: none;
        padding: 10px;
        padding-top: 15px;
        padding-bottom: 0px;
    }

    .shortcut-border {
        border: none;
        padding: 0px;
    }

    a.shortcut-title, a.shortcut-title:hover, a.shortcut-title:focus {
        background: none;
        display: inline-block;
        position: relative;
        top: initial;
        padding-left: 5px;
        margin-left: 5px;
        padding-right: 5px;
        font-size: 30px;
        color: #333;
        text-decoration: none;
    }

    .shortcut-more {
        background: #ECE7E1;
        display: inline-block;
        position: relative;
        bottom: initial;
        right: initial;
        padding-left: 0px;
        margin-left: 0px;
        padding-right: 0px;
        text-align: center;
        margin-top: 10px;
        float: right;
        clear: both;
    }
}



.contact-title h1 {
    color: #ffffff;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}

.contact-title img {
    display: inline-block;
}

.logo-footer, .store img {
    display: inline-block;
}

.store h4 {
    color: #3399cc;
    font-size: 13px;
    text-align: left;
    display: block;
}

.store.inner-store h4 {
    color: #000000 !important;
    font-size: 15px !important;
    text-align: left;
    display: block;
    margin-top: 0px;
    padding-top: 0px;
    font-weight: 600 !important;
}

.store p {
    color: #ffffff;
    margin: 0px;
    padding: 0px;
    padding-bottom: 5px;
    font-size: 13px;
    text-align: left;
    display: block;
}

.store.inner-store p {
    color: #333 !important;
    margin: 0px;
    padding: 0px;
    padding-bottom: 5px;
    font-size: 15px !important;
    text-align: left;
    display: block;
    font-weight: 500 !important;
}



.line-title {
    min-height: 67px;
    background: url(skn/line-title.jpg) 0% 50% no-repeat;
    padding-left: 80px;
    line-height: 65px;
    color: #3399cc;
    font-size: 24px;
    font-weight: 600;
}

@media(max-width:480px) {
    .btn-cart-wrapper {
        position: absolute;
        left: 0px;
        top: 60px;
    }

    .cart-containers {
        margin-bottom: 60px;
    }
}

@media(min-width:768px) {

    .store img {
        border: 5px solid #000000;
        position: relative;
        margin-top: -7px;
    }

    .logo-footer {
        margin-top: 10px;
    }
}



p.address b {
    color: #ffffff;
    font-size: 14px;
}

p.address {
    padding: 0px;
    margin: 0px;
    padding-bottom: 5px;
}

.inner-top-area {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #000000;
    min-height: 100px;
}



.tab-image img {
    display: inline-block;
}

.inner-tabs h3 {
    font-size: 18px;
    color: #000;
}

.inner-tabs .text-justify, .inner-tabs .text-justify p, .inner-tabs .text-justify span, .inner-tabs .text-justify div {
    color: #949494;
}


.path {
    display: inline-block;
    background: #000;
}

.path-left {
    background: url(skn/path-left.jpg) top left repeat-y;
}

.path-right {
    background: url(skn/path-right.jpg) top right repeat-y;
    padding-left: 30px;
    padding-right: 30px;
}

.path-inner {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    margin-top: 2px;
    margin-bottom: 2px;
    min-width: 120px;
    text-align: center;
}

    .path-inner, .path-inner a, .path-inner span {
        color: #3399cc;
        font-size: 22px;
        height: 34px;
        line-height: 28px;
        text-decoration: none;
    }





.latest-new, .latest-new-info {
    width: 100%;
}

    .latest-new td {
        vertical-align: top;
    }

.latest-new-day {
    width: 70px;
    height: 70px;
    background: #3399cc;
    text-align: center;
    color: #333;
    font-size: 44px;
    font-weight: 300;
    line-height: 55px;
    padding-top: 5px;
}

.latest-new-year {
    width: 70px;
    height: 70px;
    background: #333;
    text-align: center;
    padding-top: 10px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
}

.latest-new-title, .latest-new-description {
    padding-left: 15px;
}

    .latest-new-title a, .latest-new-title a:hover, .latest-new-title a:focus {
        font-size: 20px;
        color: #000000;
    }

    .latest-new-description, .latest-new-description p, .latest-new-description span {
        font-size: 15px;
        color: #333;
        font-weight: 300;
    }

.latest-new-arrow-right {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #3399cc;
    position: absolute;
    left: 85px;
    top: 30px;
}

h3.latest-news-title {
    color: #333;
    font-size: 26px;
    text-decoration: none;
}


.btn-cart {
    background: #EE1C25 !important;
    border: 1px solid #EE1C25 !important;
    color: #ffffff !important;
    padding: 5px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 18px !important;
}

    .btn-cart:hover, .btn-cart:focus {
        background: #d91a22 !important;
    }

@media( max-width:990px) {
    .newsletter-area .container {
        width: 100%;
        max-width: 100%;
    }
}

@media( max-width:768px) {
    .newsletter-area form {
        padding-bottom: 25px;
    }
}



@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    to {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    to {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.rotating {
    /*-webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;*/
    -webkit-animation: rotating 1s linear;
    -moz-animation: rotating 1s linear;
    -ms-animation: rotating 1s linear;
    -o-animation: rotating 1s linear;
    animation: rotating 1s linear;
}

.find-us p {
    text-align: center;
    color: #ffffff;
}

.find-us i.fa-stack-2x {
    color: #ffffff;
}

.find-us a, .find-us a:hover, .find-us a:focus {
    text-decoration: none;
}

.find-us i.fa-stack-1x {
    text-align: center;
    color: #000000;
}


.contact-bg {
    background: url(skn/bg-contact.jpg) 50% 0% no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
}

    .contact-bg, .contact-bg td, .contact-bg div, .contact-bg p, .contact-bg span, .contact-bg label {
        color: #ffffff;
    }

        .contact-bg .form-control, .contact-bg .form-control:hover, .contact-bg .form-control:focus {
            border: none;
            border-bottom: 1px solid #ffffff;
            color: #ffffff;
            box-shadow: none;
            background: none;
            margin-bottom: 10px;
        }

.contact-form-home .btn .btn-primary, .contact-form-home .btn .btn-primary:hover, .contact-form-home .btn .btn-primary:focus, .contact-form-home .btn-primary.disabled, .contact-form-home .btn-primary[disabled], fieldset[disabled] .contact-form-home .btn-primary, .contact-form-home .btn-primary.disabled:hover, .contact-form-home .btn-primary[disabled]:hover, fieldset[disabled] .contact-form-home .btn-primary:hover, .contact-form-home .btn-primary.disabled:focus, .contact-form-home .btn-primary[disabled]:focus, fieldset[disabled] .contact-form-home .btn-primary:focus, .contact-form-home .btn-primary.disabled:active, .contact-form-home .btn-primary[disabled]:active, fieldset[disabled] .contact-form-home .btn-primary:active, .contact-form-home .btn-primary.disabled.active, .contact-form-home .btn-primary.active[disabled], fieldset[disabled] .contact-form-home .btn-primary.active {
    color: #ffffff;
    background: none;
    border: 2px solid #ffffff;
    font-size: 16px;
}

.contact-form .btn .btn-primary, .contact-form .btn .btn-primary:hover, .contact-form .btn .btn-primary:focus, .contact-form .btn-primary.disabled, .contact-form .btn-primary[disabled], fieldset[disabled] .contact-form .btn-primary, .contact-form .btn-primary.disabled:hover, .contact-form .btn-primary[disabled]:hover, fieldset[disabled] .contact-form .btn-primary:hover, .contact-form .btn-primary.disabled:focus, .contact-form .btn-primary[disabled]:focus, fieldset[disabled] .contact-form .btn-primary:focus, .contact-form .btn-primary.disabled:active, .contact-form .btn-primary[disabled]:active, fieldset[disabled] .contact-form .btn-primary:active, .contact-form .btn-primary.disabled.active, .contact-form .btn-primary.active[disabled], fieldset[disabled] .contact-form .btn-primary.active {
    font-size: 16px;
}


.contact-form form {
    display: inline-block;
}

img.img-thumbnail {
    display: inline-block;
}

.video-bg {
    background: url(skn/bg-video.jpg) 50% 50% no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.video-text {
    position: absolute;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    min-width: 200px;
}

.stevia-bg {
    background: url(skn/bg-stevia.png) 50% 0% no-repeat;
    background-size: 100%;
    position: relative;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}

.stevia-text {
    padding-bottom: 150px;
    padding-top: 150px;
    display: inline-block;
    max-width: 800px;
}

.box-outter {
    background: #000000;
    padding: 5px;
    border: 7px solid #ffffff;
    -webkit-box-shadow: 0px 0px 7px 2px rgba(110,108,110,1);
    -moz-box-shadow: 0px 0px 7px 2px rgba(110,108,110,1);
    box-shadow: 0px 0px 7px 2px rgba(110,108,110,1);
}

.box-inner {
    background: #000000;
    padding: 1px;
    border: 5px solid #ffffff;
}

.box-content {
    background: #ffffff;
    padding: 15px;
}

.contact-title {
    height: 48px;
    background: url(skn/contact-title.png) 50% 50% no-repeat;
    font-size: 24px;
    text-align: center;
    color: #000000 !important;
    line-height: 45px;
}

.black-title {
    height: 47px;
    /*background:url(skn/title-bg.png) 50% 50% repeat-x;*/
    line-height: 45px;
    color: #f47920;
    font-size: 18px;
    padding-left: 66px;
    padding-right: 66px;
    position: relative;
    display: inline-block;
}

    .black-title:before {
        height: 47px;
        width: 66px;
        position: absolute;
        top: 0px;
        left: 0px;
        content: ' ';
        background: url(skn/title-left.png) 0% 0% repeat-x;
    }

    .black-title:after {
        height: 47px;
        width: 66px;
        position: absolute;
        top: 0px;
        right: 0px;
        content: ' ';
        background: url(skn/title-right.png) 100% 0% repeat-x;
    }

    .black-title span {
        height: 47px;
        background: url(skn/title-bg.png) 50% 50% repeat-x;
        line-height: 45px;
        color: #f47920;
        font-size: 18px;
        padding-left: 40px;
        padding-right: 40px;
        display: inline-block;
    }

@media(max-width:990px) {
    .stevia-text {
        max-width: 600px;
    }
}

@media(max-width:768px) {
    .black-title span {
        padding-left: 10px;
        padding-right: 10px;
        /*position: absolute;
        left: 0px;
        right: 0px;
        margin-left: auto;
        margin-right: auto;
        top: 50%;
        transform: translateY(-50%);*/
        height: 47px;
        line-height: 45px;
    }

    .video-text {
        padding: 15px;
    }

    .black-title {
        height: 47px;
        line-height: initial;
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
        display: inline-block;
    }

        .black-title:before {
            height: 47px;
            width: 20px;
            position: absolute;
            top: 0px;
            left: 0px;
            content: ' ';
            background: url(skn/title-left.png) 0% 0% repeat-x;
        }

        .black-title:after {
            height: 47px;
            width: 20px;
            position: absolute;
            top: 0px;
            right: 0px;
            content: ' ';
            background: url(skn/title-right.png) 100% 0% repeat-x;
        }

    .stevia-text {
        max-width: 480px;
    }
}

h4.text-italic {
    padding: 0px;
    margin: 0px;
    font-size: 30px;
    color: #231f20;
    padding-bottom: 5px;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    font-weight: 600;
    font-style: italic;
    border-bottom: 2px dotted #231f20;
}

    h4.text-italic span, h4.text-italic a, h4.text-italic a:hover, h4.text-italic a:focus {
        font-size: 30px;
        color: #231f20;
        font-weight: 600;
        font-style: italic;
        text-decoration: none;
    }

.video-text p.h4-subtitle {
    letter-spacing: 1.6px;
}

h4, h5 {
    color: #333;
}

h5 {
    font-size: 18px;
}


/*.captca_container {
    text-align: center;
    display: inline-block;
}*/

.content-middle {
    background: url(skn/content-middle.png) 50% 50% repeat-y;
    background-size: 100%;
    padding-left: 50px;
    padding-right: 50px;
}

    .content-middle img {
        max-width: 100%;
        height: auto;
    }

@media(max-width:768px) {

    .content-middle {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.slick-prev {
    position: absolute;
    top: 40%;
    left: -10px;
    cursor: pointer;
}

.slick-next {
    top: 40%;
    position: absolute;
    right: -10px;
    cursor: pointer;
}

.col-webform {
    height: 600px;
}

.contact-map-address {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
}

    .contact-map-address img {
        display: inline-block;
    }

    .contact-map-address div i {
        color: #ffffff;
        font-size: 2em;
        margin-bottom: 10px;
    }

    .contact-map-address div {
        color: #ffffff;
        font-size: 14px;
    }

.slick-prev-arrow {
    position: absolute;
    left: 15px;
    top: 50%;
    width: 41px;
    height: 41px;
    background: url(skn/leftNavOFF.png);
    transform: translateY(-50%);
    z-index: 20;
    border-radius: 50%;
    cursor: pointer;
}

.slick-next-arrow {
    position: absolute;
    right: 15px;
    top: 50%;
    width: 41px;
    height: 41px;
    background: url(skn/rightNavOFF.png);
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 20;
    cursor: pointer;
}

.slick-prev-arrow:hover {
    background: url(skn/leftNavON.png);
    border-radius: 50%;
}

.slick-next-arrow:hover {
    background: url(skn/rightNavON.png);
    border-radius: 50%;
}

.boards-menu {
    margin: 0 auto;
    display: table;
    table-layout: auto;
    float: none;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0px;
}

.boards {
    background: #ffffff;
}

@media(max-width:1400px) {
    .boards-menu {
        padding-left: 104px;
    }
}


.boards-link {
    display: table-cell;
    float: none;
    text-align: center;
    list-style: none;
    padding-top: 15px;
}

    .boards-link img {
        max-height: 70px;
        max-width: 70px;
        margin-bottom: 0px;
        display: inline-block;
    }

    .boards-link span {
        display: block;
        text-align: center;
        font-weight: 600;
        font-size: 12px;
    }

    .boards-link a, .boards-link a:hover, .boards-link a:focus {
        text-decoration: none;
    }

.boards-menu-wrapper {
    min-height: 115px;
    position: absolute;
    width: 100%;
    z-index: 3;
}

@media(min-width:768px) {
    .webform-spacer {
        margin-top: 50px;
    }
}

.boards-logo {
    position: absolute;
    top: 0px;
    padding-left: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media(max-width:768px) {
    .boards-menu-wrapper {
        min-height: 115px;
        position: relative;
        width: 100%;
        z-index: 3;
        background: #ffffff;
    }

    .boards-logo {
        padding-left: 0px;
    }

    .top-menu.container-fluid {
        padding: 0px;
    }

        .top-menu.container-fluid .row {
            margin: 0px;
        }
}



.minimal .boards-logo {
    width: 0px;
    height: 0px;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media(max-width:990px) {
    .boards-menu-wrapper .container {
        width: 100%;
    }

    .boards-link span {
        display: block;
        text-align: center;
        font-weight: 600;
        font-size: 11px;
    }
}

@media(max-width:768px) {

    .boards-menu {
        padding-left: 0px;
    }

    .boards-link {
        float: left;
    }

        .boards-link a {
            display: inline-block;
        }

    .boards-logo {
        position: relative;
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 10px;
        left: initial;
    }

    .boards-menu-wrapper {
        text-align: center;
    }
}


.admin-menu {
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 11;
}

.carousel-control, .carousel-control:hover, .carousel-control:focus {
    filter: initial !important;
    outline: 0 !important;
    opacity: 1 !important;
    background: none !important;
}

.carousel-indicators li {
    border: 2px solid #ccc;
}

    .carousel-indicators li.active {
        border: 2px solid #ccc;
        background: #ccc;
    }

.carousel-inner .item {
    position: relative;
}

.carousel {
    overflow: hidden;
}

.carousel-slider-caption {
    position: absolute !important;
    top: 50%;
    display: inline-block;
    transform: translateY(-50%);
    text-align: left;
    color: #333;
    text-shadow: none;
    height: initial !important;
    left: 15% !important;
    width: 30%;
}

.carousel-slider-caption-title {
    font-size: 26px;
    font-weight: 600;
    text-shadow: none;
}

.carousel-slider-caption-description {
    font-size: 15px;
    font-weight: 400;
    color: #767676;
    text-shadow: none;
}

.carousel-slider-caption-button .btn {
    padding: 10px;
    margin-top: 40px;
}

@media(max-width:1300px) {
    .carousel-slider-caption {
        top: 20%;
        left: 10% !important;
        transform: translateY(-20%);
    }
}

@media(max-width:1200px) {
    .carousel-slider-caption {
        top: 30%;
        left: 10% !important;
        transform: translateY(-20%);
    }

    .carousel-slider-caption-title {
        font-size: 16px;
        font-weight: 600;
        text-shadow: none;
    }

    .carousel-slider-caption-description {
        font-size: 13px;
        font-weight: 400;
        color: #767676;
        text-shadow: none;
    }

    .carousel-slider-caption-button .btn {
        padding: 5px;
        margin-top: 20px;
        font-size: 12px;
    }
}

@media(max-width:990px) {
    .carousel-slider-caption {
        top: 20%;
        left: 10% !important;
        transform: translateY(-20%);
        width: 80%;
        background: rgba(255,255,255,0.5);
    }

    .carousel-slider-caption-title {
        font-size: 22px;
        font-weight: 600;
        text-shadow: none;
    }

    .carousel-slider-caption-description {
        font-size: 15px;
        font-weight: 400;
        color: #333;
        text-shadow: none;
    }

    .carousel-slider-caption-button .btn {
        padding: 5px;
        margin-top: 20px;
        font-size: 14px;
    }
}

@media(max-width:768px) {

    .carousel-slider-caption-title {
        font-size: 18px;
        font-weight: 600;
        text-shadow: none;
    }

    .carousel-slider-caption-description {
        font-size: 13px;
        font-weight: 400;
        color: #333;
        text-shadow: none;
    }

    .carousel-slider-caption-button .btn {
        padding: 5px;
        margin-top: 20px;
        font-size: 12px;
    }
}

/* fade in - fade out effects */
.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
}

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

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

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

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

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

.info-area {
    background: #f9f9f9;
    border-top: 1px solid #cccccc;
}

    .info-area .eqcol {
        padding-top: 50px;
        padding-bottom: 50px;
    }

        .info-area .eqcol i {
            background: #3099c9;
            border: 1px solid #3099c9;
            border-radius: 50%;
            color: #ffffff;
            padding: 3px;
        }

    .info-area .info-title {
        font-size: 18px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .info-area .info-description {
        font-size: 12px;
    }




#fullpage .slick-dots {
    z-index: 4;
}

    #fullpage .slick-dots li {
        /*position: relative;
        display: inline-block;
        width: 11px;
        height: 11px;
        margin: 5px;
        padding: 0;
        cursor: pointer;*/
    }

        #fullpage .slick-dots li button {
            font-size: 0;
            background: none;
            border: none;
            width: 20px;
            height: 20px;
            margin:10px;
            

            line-height: 0;
            display: block;
            border: 2px solid #ffffff;
            border-radius: 50%;
            width: 14px;
            height: 14px;
            padding: 0px;
            cursor: pointer;
            color: transparent;
        }

        #fullpage .slick-dots li.slick-active button {
            background: #ffffff;
            border: 1px solid #ffffff;
        }
#fullpage-wrapper{
    position:relative;
}
#fullpage .slick-dots {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 200px;
    width: 11px;
    text-align: center;
    padding: 0px;
    list-style: none;
    display: inline-block;
}

.animated-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top:-80px;
    right: 150px;
    display: block;
    width: 100px;
    z-index: 3;
}

/*.spinner {
    width: 20px;
    height: 20px;
    position: relative;
    
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    opacity: 0.85;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}
#fullpage .slick-dots li.slick-active button .double-bounce1, #fullpage .slick-dots li.slick-active button .double-bounce2 {
    
    background-color: #ffffff;
  
}
.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}*/


.section-inner {
    min-height: 100%;
    height: 100%;
}

.section .container {
    max-width: 1000px !important;
    border-left: 2px solid #ffffff;
    min-height: 100%;
    height: 100%;
    position: relative;
}

.section-info {
    position: absolute;
    top: 20%;
    transform: translateY(-20%);
    padding-left: 30px;
}

.section-subtitle {
    display: inline-block;
    padding: 5px;
    background: rgba(134,136,143,0.6);
    border-radius: 4px;
    color: #ffffff;
    font-weight: 600;
    font-size: 15px;
    text-shadow: 1px 1px 1px #000000;
}

.section-title {
    text-align: left;
    display: block;
    color: #ffffff;
    font-weight: 300;
    font-size: 38px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.section-description {
    text-align: left;
    display: block;
    color: #ffffff;
    font-weight: 300;
    font-size: 16px;
}

.section-icon {
    position: absolute;
    display: inline-block;
    font-size: 2em;
    background: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 50%;
    color: rgba(110,108,110,1);
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 44px;
    left: -40px;
    top: 55px;
}


.carousel-slider-item {
    position: relative;
}

.carousel-slider .slick-dots {
    z-index: 4;
}

    .carousel-slider .slick-dots li {
        position: relative;
        display: inline-block;
        width: 11px;
        height: 11px;
        margin: 5px;
        padding: 0;
        cursor: pointer;
    }

        .carousel-slider .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            background: none;
            border: 2px solid #ccc;
            border-radius: 50%;
            width: 14px;
            height: 14px;
            padding: 0px;
            cursor: pointer;
            color: transparent;
        }

        .carousel-slider .slick-dots li.slick-active button {
            background: #ccc;
            border: 1px solid #ccc;
        }

.carousel-slider .slick-dots {
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 100%;
}


.samples-slider-item {
    position: relative;
}

.samples-slider .slick-dots {
    z-index: 4;
}

    .samples-slider .slick-dots li {
        position: relative;
        display: inline-block;
        width: 11px;
        height: 11px;
        margin: 5px;
        padding: 0;
        cursor: pointer;
    }

        .samples-slider .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            background: none;
            border: 2px solid #ccc;
            border-radius: 50%;
            width: 14px;
            height: 14px;
            padding: 0px;
            cursor: pointer;
            color: transparent;
        }

        .samples-slider .slick-dots li.slick-active button {
            background: #ccc;
            border: 1px solid #ccc;
        }

.samples-slider .slick-dots {
    position: absolute;
    bottom: -40px;
    text-align: center;
    width: 100%;
}

.samples-slide {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

   


.col-banner {
    position: relative;
}

    .col-banner a .banner-title, .col-banner a:hover .banner-title, .col-banner a:focus .banner-title {
        font-size: 35px;
        font-weight: 500;
        text-shadow: 2px 2px 2px #000;
        position: absolute;
        top: 80px;
        right: 50px;
        color: #ffffff;
        text-decoration: none;
    }

    .col-banner.col-alt a .banner-title, .col-banner.col-alt a:hover .banner-title, .col-banner.col-alt a:focus .banner-title {
        top: initial;
        bottom: 80px;
        right: 50px;
    }


.newsletter-area .input-group {
    max-width: 400px;
}

.newsletter-area {
    padding-top: 50px;
    padding-bottom: 50px;
}

.newsletter-description {
    line-height: 46px;
    font-weight: 600;
    font-size: 14px;
}

.newsletter-area .btn {
    border-radius: 0px;
    height: 46px;
    font-size: 13px;
}

.newsletter-area .form-control {
    border-radius: 0px;
    height: 46px;
    font-size: 13px;
}

@media(max-width:1400px) {
    .col-banner a .banner-title, .col-banner a:hover .banner-title, .col-banner a:focus .banner-title {
        right: 40px;
    }

    .col-banner.col-alt a .banner-title, .col-banner.col-alt a:hover .banner-title, .col-banner.col-alt a:focus .banner-title {
        right: 40px;
    }
}

@media(max-width:1200px) {
    .col-banner a .banner-title, .col-banner a:hover .banner-title, .col-banner a:focus .banner-title {
        font-size: 28px;
        top: 40px;
        right: 0;
        left: 0;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .col-banner.col-alt a .banner-title, .col-banner.col-alt a:hover .banner-title, .col-banner.col-alt a:focus .banner-title {
        top: initial;
        bottom: 40px;
        right: 0;
        left: 0;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 20px;
        padding-right: 20px;
    }
}


@media(max-width:990px) {
    .newsletter-description {
        line-height: 24px;
        margin-bottom: 20px;
    }

    .newsletter-area {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media(max-width:768px) {
    .col-banner a .banner-title, .col-banner a:hover .banner-title, .col-banner a:focus .banner-title {
        font-size: 18px;
        top: 20px;
        right: 0;
        left: 0;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .col-banner.col-alt a .banner-title, .col-banner.col-alt a:hover .banner-title, .col-banner.col-alt a:focus .banner-title {
        top: initial;
        bottom: 20px;
        right: 0;
        left: 0;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 20px;
        padding-right: 20px;
    }
}


.testimonials-area {
    background: #f3f3f3;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 100px;
    padding-bottom: 100px;
}

.testimonial-title {
    color: #1d1d1d;
    font-size: 16px;
    font-weight: 600;
}

.testimonial-description {
    color: #767676;
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 50px;
    position: relative;
    max-width: 700px;
    display: inline-block;
    line-height: 28px;
}

    .testimonial-description::after {
        content: ' ';
        position: absolute;
        bottom: -20px;
        left: 0px;
        right: 0px;
        margin-left: auto;
        margin-right: auto;
        height: 2px;
        width: 60px;
        background: #333;
    }


.testimonials-item {
    position: relative;
}

.testimonials .slick-dots {
    z-index: 4;
}

    .testimonials .slick-dots li {
        position: relative;
        display: inline-block;
        width: 11px;
        height: 11px;
        margin: 5px;
        padding: 0;
        cursor: pointer;
    }

        .testimonials .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            background: none;
            border: 2px solid #ccc;
            border-radius: 50%;
            width: 14px;
            height: 14px;
            padding: 0px;
            cursor: pointer;
            color: transparent;
        }

        .testimonials .slick-dots li.slick-active button {
            background: #ccc;
            border: 1px solid #ccc;
        }

.testimonials .slick-dots {
    position: absolute;
    bottom: -60px;
    text-align: center;
    width: 100%;
}


.tile-info {
    background: #ffffff;
    padding: 20px;
}

.tile-title a, .tile-title a:hover, .tile-title a:focus {
    color: #2c2c2c;
    font-size: 22px;
    font-weight: 400;
    text-decoration: none;
}

.tile-title.tile-title-strong a, .tile-title.tile-title-strong a:hover, .tile-title.tile-title-strong a:focus {
    color: #2c2c2c;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
}

.tile-description, .tile-description p {
    color: #767676;
    font-size: 14px;
    font-weight: 400;
}

.tile-price {
    color: #2c2c2c;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
}

    .tile-price .tile-strike {
        color: #2c2c2c;
        font-size: 18px;
        font-weight: 400;
        text-decoration: none;
        text-decoration: line-through;
        margin-right: 5px;
    }

.tile-description, .tile-price {
    padding-top: 20px;
    padding-bottom: 20px;
}

.tile-more .btn {
    font-size: 13px;
    margin-top: 10px;
}

.shortcuts-area {
    background: url(skn/shortcuts-bg.jpg) 0% 100% no-repeat;
}

    .shortcuts-area p {
        color: #767676;
        margin-top: 20px;
        margin-bottom: 20px;
    }

.shortcuts-area-inner {
    padding-bottom: 80px;
}

.top-image {
    border-bottom: 1px solid #e8e8e8;
    min-height: 300px;
}

.subtitle-area-wrapper {
    position: relative;
}

.subtitle-area {
    position: absolute;
    bottom: 35px;
    width: 100%;
}

    .subtitle-area.no-top-image {
        position: relative;
        top: 0px;
    }

    .subtitle-area h1 {
        font-size: 32px;
        font-weight: 300;
        margin-bottom: 75px;
    }

    .subtitle-area.top-with-filters h1 {
        font-size: 32px;
        font-weight: 300;
        margin-bottom: 25px;
    }


.product-filters.no-top-image {
    position: relative;
    top: 0px;
}

.product-filters .form-control {
    border: none;
    background: #ffffff;
    box-shadow: none;
    margin-top: 5px;
    margin-bottom: 5px;
}

.product-filters label {
    font-size: 14px;
    color: #767676;
    font-weight: bold;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
}

.product-filters .form-group {
    padding-top: 5px;
    text-align: left;
}


.product-filters .form-group {
    border: 1px solid #e8e8e8;
    border-top: 2px solid #767676;
    background: #ffffff;
    max-width: 300px;
    display: inline-block;
    width: 100%;
}

.product-filters .form-control, .product-filters .form-control option {
    font-weight: 600;
    color: #000000;
    text-align: left;
}



#TileSetControl_products_tileset {
    border-left: 1px solid #e8e8e8;
    background: #ffffff;
}

    #TileSetControl_products_tileset .col-tile {
        border-right: 1px solid #e8e8e8;
    }


@media (max-width:768px) {
    .product-filters .form-group {
        max-width: initial;
        width: 40%;
    }
}

@media (max-width:600px) {
    .product-filters .form-group {
        max-width: initial;
        width: 80%;
        display: inline-block;
    }
}

.product-code {
    font-weight: 600;
    color: #767676;
    margin-bottom: 10px;
}

.product-title {
    margin-bottom: 20px;
}

.product-price {
    font-weight: 600;
}

.product-vats {
    padding-top: 5px;
    color: #767676;
    font-size: 14px;
}

    .product-vats span {
        font-size: 14px;
        color: #3399cc;
    }

.product-body, .product-body p, .product-body span, .product-body a {
    font-size: 14px;
}

.webpage-body, .webpage-body p, .webpage-body span, .webpage-body a {
    font-size: 14px;	text-align: justify;
}

    .webpage-body, .webpage-body p, .webpage-body span {
        color: #767676;
    }

.product-quantity {
    font-size: 14px;
    font-weight: bold;
}

.label {
}

.product-line {
    border-left: 1px solid #d3d3d3;
}


.proposals-area-wrapper {
    background: url(skn/similar-products.jpg) 0% 0% repeat-x;
}

.proposals-area {
    background: url(skn/right.png) 0% 40% no-repeat;
    padding-top: 80px;
    padding-bottom: 80px;
    border-top: 1px solid #d3d3d3;
}

    .proposals-area h2 {
        font-size: 32px;
        font-weight: 300;
    }

.pl-0 {
    padding-left: 0px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.ml-0 {
    margin-left: 0px !important;
}

.mr-0 {
    margin-right: 0px !important;
}

.contact-address {
    background: url(skn/contact-bg.jpg) 0% 0% repeat;
}

.minimal .boards-menu-wrapper {
   display:none;
}
.boards {
    /*height: 0px;
    opacity: 0;*/
    display: none;
    /*-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;*/
}

    .boards.open {
        /*height: initial;
        opacity: 1;*/
        /*-webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;*/
    }

.form-control.form-disabled {
    color: #767676;
}


h2.ss-section-title {
    background: #ededed;
    padding: 5px;
    margin: 0px;
    font-size: 20px;
    margin-bottom: 7px;
}

.ss-section-description {
    font-style: italic;
    color: #767676;
}

.help-block {
    font-style: italic;
    color: #767676;
}

.wizard > .steps .number {
    font-size: 14px;
    color: #fff;
    display: none !important;
}



.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
    background: #838383 !important;
    border: 2px solid #838383;
    color: #fff !important;
}

.wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
    background: #838383;
    color: #ffffff;
    cursor: default;
    font-size: 14px;
    border: 2px solid #838383;
}

.wizard > .steps .done a {
    background: #838383 !important;
    border: 2px solid #838383;
    color: #fff !important;
    font-size: 14px;
}
    /*.wizard > .steps .done a:hover, .wizard > .steps .done a:active {
        background: #ffffff !important;
        border: 2px solid #3199ce;
        color: #ffffff !important;
        font-size: 16px;
    }*/
    .wizard > .steps .done a:hover .number, .wizard > .steps .done a:active .number {
        color: #fff !important;
        font-size: 14px;
    }


.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
    display: block;
    width: auto;
    margin: 5px;
    padding: 7px 15px !important;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}

.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
    background: #ffffff !important;
    color: #3199ce !important;
    cursor: default;
    border: 2px solid #3199ce !important;
}

    .wizard > .steps .current a .number, .wizard > .steps .current a:hover .number, .wizard > .steps .current a:active .number {
        color: #3199ce;
        background: #ffffff !important;
    }

.wizard > .content {
    background: #ffffff;
    /*border-top: 1px solid #ededed;*/
    border-bottom: 1px solid #ededed;
    display: block;
    margin: 0px;
    /*overflow: hidden;*/
    overflow: initial;
    position: relative;
    width: auto;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.wizard > .steps > ul > li {
    text-align: center;
}
.wizard .row.form-wizard-group {
    margin:0px;
}
.wizard > .content > .body {
    width: 100% !important;
    padding: 0px;
    padding-top: 10px;
    width: 100%;
}

    .wizard > .content > .body > .col-xs-12 {
    }
.wizard .actions a{
    font-size:14px;
}

.backtolist {
   z-index:4;
}
.backtolist a, .backtolist a:hover, .backtolist a:focus{
    font-size:13px;
    text-decoration:underline;
    font-weight:600;
    
}

@media(min-width:768px){
    .backtolist{
        display:inline-block;
        position: relative;
        bottom: -150px;
    }
}
@media(max-width:767px) {
    .backtolist {
       text-align:center;
    }
}

.wizard-form-enable .gdpr-consent, .wizard-form-enable .captca_container {
    display:none;

}

.path-links, .path-links span, .path-links a, .path-links a:hover, .path-links a:focus {
    font-size: 15px;	
}
.all-cart {position:relative;}
    .all-cart .badge {
        position:absolute;
        right:5px;
        background: #ff0000;
        color: #ffffff;
        padding:1px 3px;
    }

.shipping-billing-info .form-control {
    max-width: 350px !important;
}

#SignupForm .form-control {
    max-width: 300px !important;
    width: 100% !important;
}