/* 1.0 Main Styles */
ul, li {
    list-style: none;
}
body {
    color: #000000;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    font-family: 'IBM Plex Sans';
    background: #fff;
}

@media (max-width: 767px) {
    body {
        font-size: 14px;
    }
}

.fixed-body {
    padding: 0px 20px;
    overflow: hidden;
}

* {
    outline: none !important;
}

b,
strong {
    font-weight: 600;
}

a {
    color: #000000;
    line-height: 1.6;
    cursor: pointer;
}

a:hover {
    color: #06bec7;
    text-decoration: underline;
}

img {
    max-width: 100%;
}

.container .container {
    width: auto !important;
    max-width: none !important;
}

.no-paddings-container {
    overflow: hidden;
}

.no-paddings-container .container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.no-paddings-container2 .container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#wrap-main {
    overflow: hidden;
}

.standard-body .full-width .container {
    max-width: 1280px;
    margin: 0px auto;
    padding-left: 70px;
    padding-right: 70px;
}

@media (max-width: 991px) {
    .standard-body .full-width .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.standard-body .full-width .container .container {
    padding: 0px;
}

.standard-body .full-width .shadow {
    display: none;
}

.standard-body .fixed {
    padding: 0px 20px;
}

@media (max-width: 767px) {
    .standard-body .fixed {
        padding: 0px;
    }
}

.standard-body .fixed .background {
    margin: 0px auto;
    max-width: 1240px;
    background: #fff;
    position: relative;
}

.standard-body .fixed .background .shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.17);
}

.standard-body .fixed .container {
    padding-left: 50px;
    padding-right: 50px;
    margin: 0px;
    max-width: 100% !important;
}

@media (max-width: 991px) {
    .standard-body .fixed .container {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 767px) {
    .standard-body .fixed .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.standard-body .fixed .container .container {
    padding: 0px;
}

.main-fixed {
    margin: 0px auto;
    max-width: 1240px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.17);
}

.main-fixed .fixed {
    padding: 0px !important;
}

.main-fixed .background .shadow {
    display: none !important;
}

.main-fixed .container {
    padding-left: 50px;
    padding-right: 50px;
    max-width: none;
}

@media (max-width: 991px) {
    .main-fixed .container {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 767px) {
    .main-fixed .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.main-fixed .container .container {
    padding: 0px;
}


/* 2.0 Inputs */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
select,
.form-control {
    background: #e6e6e6;
    color: #000;
    font-weight: 400;
    font-family: 'IBM Plex Sans';
    border: none;
    font-size: 14px;
    margin: 5px 0px;
    padding: 9px 20px;
    height: 40px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -webkit-transition: background-color linear 0.2s;
    -moz-transition: background-color linear 0.2s;
    -o-transition: background-color linear 0.2s;
    transition: background-color linear 0.2s;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
select:focus,
.form-control:focus {
    background: #ececec;
}

input#input-captcha {
    margin-bottom: 15px;
}

textarea {
    max-width: 100%;
}

select {
    height: 40px;
}


/* 3.0 Dropdown */

#main .dropdown-menu {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    margin-top: 28px;
    right: auto !important;
    top: 100% !important;
    left: -21px !important;
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    font-size: 14px;
}

@media (max-width: 991px) {
    #main .dropdown-menu {
        display: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -o-transition: none !important;
        -ms-transition: none !important;
        transition: none !important;
    }
}

#main .center-column .dropdown-menu {
    display: none;
    opacity: 1;
    visibility: visible;
    left: 15px !important;
    right: auto !important;
    margin-top: 0 !important;
}

#main .show>.dropdown-menu {
    margin-top: 8px;
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}

@media (max-width: 991px) {
    #main .show>.dropdown-menu {
        display: block !important;
    }
}

.dropdown-menu {
    background: #fff;
    border: none;
    color: #000;
    border: 1px solid #e8e8e8;
    padding: 14px 0px;
    margin-top: 8px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.dropdown-menu a {
    color: #000;
    font-weight: 400;
}

.dropdown-menu a:hover {
    color: #06bec7;
}

.dropdown-menu>li>a {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    background: none !important;
}

.dropdown-menu .nav-header {
    color: #000;
}


/* 4.0 Buttons */

.button,
.btn {
    display: inline-block;
    cursor: pointer;
    border: none;
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 9px 30px 7px 30px;
    outline: none;
    background: #06bec7 !important;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

@media (max-width: 991px) {
    .button,
    .btn {
        padding-left: 25px;
        padding-right: 25px;
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .button,
    .btn {
        font-size: 13px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 8px;
    }
}

.button:hover,
.btn:hover {
    color: #fff;
    text-decoration: underline;
}

.buttons .left .button,
.buttons .center .button,
.btn-default,
.input-group-btn .btn-primary {
    background: #000 !important;
}

.input-group input {
    border-right: none;
    margin: 0px;
}

.input-group-btn .btn {
    height: 40px;
    margin: 0px;
}

.buttons {
    overflow: auto;
    margin: 0px 0px 20px 0px;
}

.buttons .left {
    float: left;
    text-align: left;
}

.buttons .right {
    float: right;
    text-align: right;
}

.buttons .right .button {
    margin-left: 10px;
}

.buttons .center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.button-continue-shopping {
    display: block;
    float: left;
}

.button-checkout {
    display: block;
    float: right;
}


/* 5.0 Top Bar */

#top-bar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
    #top-bar {
        display: none;
    }
}

#top-bar .left {
    margin-left: 0px;
}

#top-bar .left .social-links {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#top-bar .left .social-links li {
    margin: 0px 20px 0px 0px;
}

#top-bar .left .social-links li a {
    color: #d2d2d1;
    font-size: 17px;
}

#top-bar .left .social-links li a:hover {
    color: #000;
}

#top-bar .right {
    margin-left: auto;
    margin-right: 0px;
}

#top-bar .right .switchers .dropdown {
    margin: 8px 0px 8px 30px;
}

#top-bar .right .switchers .dropdown .dropdown-toggle {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

#top-bar .right .switchers .dropdown .dropdown-toggle:after {
    border-top-color: #b2b2b2;
    margin-left: 6px;
}

#top-bar .right .welcome-text {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 13px;
    padding: 10px 0px 10px 29px;
    margin: 0px 0px 0px 29px;
}

#top-bar .right .welcome-text a {
    color: #06bec7;
    text-decoration: underline;
}

#top-bar .right .welcome-text a:hover {
    text-decoration: none;
}


/* 7.0 Top of pages */

#top-sticky-wrapper:not(.is-sticky) {
    height: auto !important;
}

@media (max-width: 767px) {
    #top-sticky-wrapper {
        display: none;
    }
}

#top {
    position: relative;
}

@media (max-width: 767px) {
    #top {
        display: none;
    }
}

#top .top-center {
    padding: 30px 0px 30px 0px;
}

#top .top-center .logo img {
    display: block;
    /*max-width: 100%;*/
    max-width: 250px;
}

#top .top-center .right {
    margin: 0px 0px 0px auto;
}

#top .top-center .right .registry {
    color: #262626;
    font-weight: 600;
    margin-right: 5px;
}

#top .top-center .right .login {
    color: #262626;
    font-weight: 600;
    margin-left: 5px;
}

#top .top-center .right .desktop-search {
    width: 305px;
    margin: 0px 58px 0px 50px;
}

@media (max-width: 1098px) {
    #top .top-center .right .desktop-search {
        width: auto;
    }
}

#top .top-center .right .search_form {
    width: auto;
    position: relative;
}

#top .top-center .right .search_form .search-query {
    width: 100%;
    margin: 0px;
}

#top .top-center .right .search_form .button-search {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    cursor: pointer;
}

#top .top-center .right .search_form .button-search:before {
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

#top .top-center .right .my-account svg {
    width: 24px;
    height: 24px;
}

#top .top-center .right .wishlist {
    position: relative;
    display: block;
    margin: 0px 0px 0px 25px;
}

.user-items {
    display: flex;
    align-items: center;
}

.user-items ul {
    list-style: none;
    margin-left: -30px;
    margin-bottom: 0px;
}

.user-items ul a {
    font-weight: 600;
}

#top .top-center .right .wishlist .wishlist-count {
    position: absolute;
    top: -11px;
    right: -11px;
    font-style: normal;
    width: 20px;
    height: 20px;
    background: #999999;
    line-height: 20px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
}

#top .top-center .right .wishlist svg {
    width: 24px;
    height: 24px;
}

#top .top-center .right #cart_block {
    margin: 0px 0px 0px 24px;
}

#top .top-center .right #cart_block .cart-heading {
    position: relative;
}

#top .top-center .right #cart_block .cart-heading .cart-count {
    position: absolute;
    top: -11px;
    right: -11px;
    font-style: normal;
    width: 20px;
    height: 20px;
    background: #06bec7;
    line-height: 20px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
}

#top .top-center .right #cart_block .cart-heading .open-cart svg {
    width: 24px;
    height: 24px;
}

#top .top-center .right #cart_block .cart-heading .open-cart svg g,
#top .top-center .right #cart_block .cart-heading .open-cart svg path {
    fill: #06bec7 !important;
}

#top .top-center .right #cart_block .dropdown-menu {
    width: 400px;
    right: -21px !important;
    left: auto !important;
    padding: 0px;
    margin-top: 35px;
}

#top .top-center .right #cart_block .dropdown-menu:before {
    position: absolute;
    top: -9px;
    right: 22px;
    display: inline-block;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #ccc;
    border-left: 9px solid transparent;
    border-bottom-color: #d7d7d7;
    content: '';
}

#top .top-center .right #cart_block .dropdown-menu:after {
    position: absolute;
    top: -8px;
    right: 23px;
    display: inline-block;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
    border-left: 8px solid transparent;
    content: '';
}

#top .top-center .right #cart_block .dropdown-menu.show {
    margin-top: 15px;
}

#top .top-center .right #cart_block .dropdown-menu .mini-cart-info table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 5px;
}

#top .top-center .right #cart_block .dropdown-menu .mini-cart-info table td {
    padding: 10px;
    border-bottom: 1px solid #e8e8e8;
}

#top .top-center .right #cart_block .dropdown-menu .mini-cart-info table .image {
    padding: 20px 10px 20px 20px;
}

#top .top-center .right #cart_block .dropdown-menu .mini-cart-info table .image img {
    display: block;
    max-width: 60px;
}

#top .top-center .right #cart_block .dropdown-menu .mini-cart-info table .name {
    padding: 20px 10px;
}

#top .top-center .right #cart_block .dropdown-menu .mini-cart-info table .quantity {
    text-align: right;
    padding: 20px 10px;
}

#top .top-center .right #cart_block .dropdown-menu .mini-cart-info table .total {
    text-align: right;
    padding: 20px 10px;
    color: #000;
    font-weight: bold;
}

#top .top-center .right #cart_block .dropdown-menu .mini-cart-info table .remove {
    text-align: right;
    padding: 10px 20px 13px 10px;
}

#top .top-center .right #cart_block .dropdown-menu .mini-cart-info table .remove img {
    cursor: pointer;
}

#top .top-center .right #cart_block .dropdown-menu .mini-cart-total {
    text-align: right;
}

#top .top-center .right #cart_block .dropdown-menu .mini-cart-total table {
    border-collapse: collapse;
    display: inline-block;
    padding: 20px 16px 10px 16px;
}

#top .top-center .right #cart_block .dropdown-menu .mini-cart-total table td {
    padding: 0px 4px;
}

#top .top-center .right #cart_block .dropdown-menu .mini-cart-total table td:last-child {
    color: #000;
    font-weight: bold;
}

#top .top-center .right #cart_block .dropdown-menu .checkout {
    text-align: right;
    clear: both;
    padding: 0px 20px 20px 20px;
    display: flex;
    justify-content: right;
}

#top .top-center .right #cart_block .dropdown-menu .checkout a {
    margin-left: 10px;
}

#top .top-center .right #cart_block .dropdown-menu .empty {
    padding: 50px 20px;
    text-align: center;
}

.is-sticky #top {
    z-index: 99;
    padding: 0px;
    width: 100%;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.is-sticky #top .pattern>.container {
    display: block;
}

.is-sticky #top .pattern>.container .top-center {
    display: none !important;
}

.is-sticky #top .desktop-menu .horizontal {
    display: block;
    padding-top: 15px !important;
}

.is-sticky #top .desktop-menu .horizontal ul.megamenu>li>a {
    height: 45px;
}

.is-sticky #top .desktop-menu .horizontal ul.megamenu>li>a .megamenu-label {
    top: -11px;
}

#mobile-header-1 {
    display: none;
}

@media (max-width: 767px) {
    #mobile-header-1 {
        display: block;
    }
}

#mobile-header-1 .top-center {
    padding: 20px 0px;
}

#mobile-header-1 .top-center .logo {
    min-width: 100px;
}

#mobile-header-1 .top-center .logo img {
    max-height: 23px;
}

#mobile-header-1 .top-center .mobile-switcher {
    margin: 0px 0px 0px auto;
    padding: 0px 0px 0px 0px;
}

#mobile-header-1 .top-center .mobile-switcher .switchers .dropdown {
    margin: 0px 0px 0px 20px;
}

#mobile-header-1 .top-center .mobile-switcher .switchers .dropdown .dropdown-toggle {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
    white-space: pre-wrap;
    padding-right: 16px;
    display: block;
}

#mobile-header-1 .top-center .mobile-switcher .switchers .dropdown .dropdown-toggle:after {
    border-top-color: #b2b2b2;
    margin-left: 6px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

#mobile-header-1 .top-center .mobile-switcher .switchers .dropdown .dropdown-menu {
    right: 0 !important;
    left: auto !important;
}

#mobile-header-1 .search_form {
    position: relative;
    margin: 0px 0px 20px 0px;
}

#mobile-header-1 .search_form input {
    display: block;
    width: 100%;
    margin: 0px;
}

#mobile-header-1 .search_form .button-search {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    cursor: pointer;
}

#mobile-header-1 .search_form .button-search:before {
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #242424;
    z-index: 99;
    display: none;
}

@media (max-width: 767px) {
    .bottom-bar {
        display: block;
    }
}

.bottom-bar .d-flex {
    height: 50px;
}

.bottom-bar .open-menu2,
.bottom-bar .open-wishlist,
.bottom-bar .open-home,
.bottom-bar .open-account,
.bottom-bar .open-cart {
    margin: 0px auto;
}

.bottom-bar .open-menu2 a,
.bottom-bar .open-wishlist a,
.bottom-bar .open-home a,
.bottom-bar .open-account a,
.bottom-bar .open-cart a {
    display: block;
}

.bottom-bar .open-menu2 a svg,
.bottom-bar .open-wishlist a svg,
.bottom-bar .open-home a svg,
.bottom-bar .open-account a svg,
.bottom-bar .open-cart a svg {
    width: 24px;
    height: 20px;
}

.bottom-bar .open-menu2 a svg path,
.bottom-bar .open-wishlist a svg path,
.bottom-bar .open-home a svg path,
.bottom-bar .open-account a svg path,
.bottom-bar .open-cart a svg path,
.bottom-bar .open-menu2 a svg g,
.bottom-bar .open-wishlist a svg g,
.bottom-bar .open-home a svg g,
.bottom-bar .open-account a svg g,
.bottom-bar .open-cart a svg g {
    fill: #fff !important;
}

.bottom-bar .open-menu2 a svg {
    width: 32px;
    height: 32px;
}

.bottom-bar .open-wishlist a {
    position: relative;
}

.bottom-bar .open-wishlist a .wishlist-count {
    position: absolute;
    top: -9px;
    right: -9px;
    width: 20px;
    height: 20px;
    background: #999999;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    color: #fff;
    font-style: normal;
    font-size: 11px;
}

.bottom-bar .open-wishlist a svg {
    width: 30px;
    height: 30px;
}

.bottom-bar .open-home a svg {
    width: 22px;
    height: 22px;
    margin-bottom: 2px;
}

.bottom-bar .open-account a svg {
    width: 30px;
    height: 30px;
    margin-bottom: 2px;
}

.bottom-bar .open-cart a {
    position: relative;
}

.bottom-bar .open-cart a .cart-count {
    position: absolute;
    top: -9px;
    right: -9px;
    width: 20px;
    height: 20px;
    background: #06bec7;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    color: #fff;
    font-style: normal;
    font-size: 11px;
    z-index: 2;
}

.bottom-bar .open-cart a svg {
    width: 30px;
    height: 30px;
}

.bottom-bar .open-cart a svg path,
.bottom-bar .open-cart a svg g {
    fill: #06bec7 !important;
}

.mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 70px;
    bottom: 0;
    background: #fff;
    z-index: 101;
    overflow: scroll;
    display: none;
}

@media (max-width: 767px) {
    .mobile-menu.active {
        display: block;
    }
}

.mobile-menu .close-menu2 {
    position: absolute;
    top: 0;
    right: 0px;
    width: 30px;
    height: 30px;
    background: #fff;
    text-align: center;
    line-height: 30px;
}

.mobile-menu .mobile-switcher {
    margin: 20px 30px -5px 30px;
    padding: 0px 0px 0px 0px;
}

.mobile-menu .mobile-switcher .switchers .dropdown {
    margin: 0px 20px 0px 0px;
}

.mobile-menu .mobile-switcher .switchers .dropdown .dropdown-toggle {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
    white-space: pre-wrap;
    padding-right: 16px;
    display: block;
}

.mobile-menu .mobile-switcher .switchers .dropdown .dropdown-toggle:after {
    border-top-color: #b2b2b2;
    margin-left: 6px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.mobile-menu .search_form {
    position: relative;
    margin: 20px 30px 0px 30px;
}

.mobile-menu .search_form input {
    display: block;
    width: 100%;
    margin: 0px;
}

.mobile-menu .search_form .button-search {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    cursor: pointer;
}

.mobile-menu .search_form .button-search:before {
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.mobile-cart {
    position: fixed;
    top: 0;
    right: 0;
    left: 70px;
    bottom: 0;
    background: #fff;
    z-index: 101;
    overflow: scroll;
    display: none;
}

@media (max-width: 767px) {
    .mobile-cart.active {
        display: block;
    }
}

.mobile-cart .close-cart {
    position: absolute;
    top: 0;
    left: 0px;
    width: 30px;
    height: 30px;
    background: #fff;
    text-align: center;
    line-height: 30px;
}

.mobile-cart #cart_block .cart-heading {
    display: none;
}

.mobile-cart #cart_block .dropdown-menu {
    display: block !important;
    opacity: 1 !important;
    padding: 0px !important;
    position: relative !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    width: 100%;
    border: none !important;
    background: none !important;
    margin: 20px 0px !important;
}

.mobile-cart #cart_block .dropdown-menu .mini-cart-info table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 5px;
}

.mobile-cart #cart_block .dropdown-menu .mini-cart-info table td {
    padding: 10px;
    border-bottom: 1px solid #e8e8e8;
}

.mobile-cart #cart_block .dropdown-menu .mini-cart-info table .image {
    padding: 20px 10px 20px 20px;
}

.mobile-cart #cart_block .dropdown-menu .mini-cart-info table .image img {
    display: block;
    max-width: 60px;
}

.mobile-cart #cart_block .dropdown-menu .mini-cart-info table .name {
    padding: 20px 10px;
    width: 100%;
}

.mobile-cart #cart_block .dropdown-menu .mini-cart-info table .quantity {
    text-align: right;
    padding: 20px 10px;
    display: none;
}

.mobile-cart #cart_block .dropdown-menu .mini-cart-info table .total {
    text-align: right;
    padding: 20px 10px;
    color: #000;
    font-weight: bold;
    display: none;
}

.mobile-cart #cart_block .dropdown-menu .mini-cart-info table .total2 {
    font-weight: bold;
}

.mobile-cart #cart_block .dropdown-menu .mini-cart-info table .remove {
    text-align: right;
    padding: 10px 20px 13px 10px;
}

.mobile-cart #cart_block .dropdown-menu .mini-cart-info table .remove img {
    cursor: pointer;
}

.mobile-cart #cart_block .dropdown-menu .mini-cart-total {
    text-align: right;
}

.mobile-cart #cart_block .dropdown-menu .mini-cart-total table {
    border-collapse: collapse;
    display: inline-block;
    padding: 20px 16px 10px 16px;
}

.mobile-cart #cart_block .dropdown-menu .mini-cart-total table td {
    padding: 0px 4px;
}

.mobile-cart #cart_block .dropdown-menu .mini-cart-total table td:last-child {
    color: #000;
    font-weight: bold;
}

.mobile-cart #cart_block .dropdown-menu .checkout {
    text-align: right;
    clear: both;
    padding: 0px 20px 20px 20px;
}

.mobile-cart #cart_block .dropdown-menu .empty {
    padding: 100px 20px;
    text-align: center;
}

.close-mobile-menu-and-cart {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

@media (max-width: 767px) {
    .close-mobile-menu-and-cart.active {
        display: block;
    }
}

#mobile-header-2 {
    display: none;
}

@media (max-width: 767px) {
    #mobile-header-2 {
        display: block;
    }
}

#mobile-header-2 .top-center {
    padding: 17px 0px;
}

#mobile-header-2 .top-center .open-menu2 {
    margin: 0px;
}

#mobile-header-2 .top-center .open-menu2 a {
    display: block;
}

#mobile-header-2 .top-center .open-menu2 a svg {
    width: 32px;
    height: 32px;
}

#mobile-header-2 .top-center .open-menu2 a svg path,
#mobile-header-2 .top-center .open-menu2 a svg g {
    fill: #000000 !important;
}

#mobile-header-2 .top-center .logo {
    margin: 0px auto;
    padding: 0px 40px;
}

#mobile-header-2 .top-center .logo img {
    max-height: 27px;
    max-width: 100%;
}

#mobile-header-2 .top-center .open-cart2 a {
    position: relative;
}

#mobile-header-2 .top-center .open-cart2 a .cart-count {
    position: absolute;
    top: -12px;
    right: -9px;
    width: 20px;
    height: 20px;
    background: #06bec7;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    color: #fff;
    font-style: normal;
    font-size: 11px;
}

#mobile-header-2 .top-center .open-cart2 a svg {
    width: 30px;
    height: 30px;
}

#mobile-header-2 .top-center .open-cart2 a svg path,
#mobile-header-2 .top-center .open-cart2 a svg g {
    fill: #06bec7 !important;
}

#mobile-header-3 {
    display: none;
}

@media (max-width: 767px) {
    #mobile-header-3 {
        display: block;
    }
}

#mobile-header-3 .top-center {
    padding: 20px 0px;
}

#mobile-header-3 .top-center .logo {
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 0px;
}

#mobile-header-3 .top-center .logo img {
    max-width: 100%;
    max-height: 26px;
}

#mobile-header-3 .top-center .open-account {
    margin: 0px 0px 0px auto;
}

#mobile-header-3 .top-center .open-account a svg {
    width: 30px;
    height: 30px;
    margin-bottom: 2px;
}

#mobile-header-3 .top-center .open-wishlist {
    margin: 0px 0px 0px 20px;
}

#mobile-header-3 .top-center .open-wishlist a {
    position: relative;
}

#mobile-header-3 .top-center .open-wishlist a .wishlist-count {
    position: absolute;
    top: -5px;
    right: -9px;
    width: 20px;
    height: 20px;
    background: #999999;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    color: #fff;
    font-style: normal;
    font-size: 11px;
}

#mobile-header-3 .top-center .open-wishlist a svg {
    width: 30px;
    height: 30px;
}

#mobile-header-3 .top-center .open-cart {
    margin: 0px 0px 0px 20px;
}

#mobile-header-3 .top-center .open-cart a {
    position: relative;
}

#mobile-header-3 .top-center .open-cart a .cart-count {
    position: absolute;
    top: -25px;
    width: 20px;
    height: 20px;
    background: #06bec7;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    color: #fff;
    font-style: normal;
    font-size: 11px;
}

#mobile-header-3 .top-center .open-cart a svg {
    width: 30px;
    height: 30px;
}

#mobile-header-3 .top-center .open-cart a svg path,
#mobile-header-3 .top-center .open-cart a svg g {
    fill: #06bec7 !important;
}

#mobile-header-3 .search_form {
    position: relative;
    margin: 0px 0px 20px 0px;
}

#mobile-header-3 .search_form input {
    display: block;
    width: 100%;
    margin: 0px;
}

#mobile-header-3 .search_form .button-search {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    cursor: pointer;
}

#mobile-header-3 .search_form .button-search:before {
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

#mobile-header-3 .top-bottom {
    padding: 0px 0px 17px 0px;
}

#mobile-header-3 .top-bottom .open-menu2 span {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 2;
    display: inline-block;
    vertical-align: top;
    padding: 0px 0px 0px 5px;
}

#mobile-header-3 .top-bottom .right {
    margin: 0px 0px 0px auto;
}

#mobile-header-3 .top-bottom .right .menu {
    display: none;
}

#mobile-header-3 .top-bottom .right .social-links {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#mobile-header-3 .top-bottom .right .social-links li {
    margin: 0px 0px 0px 16px;
}

#mobile-header-3 .top-bottom .right .social-links li a {
    color: #d2d2d1;
    font-size: 17px;
}

#mobile-header-3 .top-bottom .right .social-links li a:hover {
    color: #000;
}


/* 7.4 Menu */

header {
    position: relative;
}

header .slider-header {
    position: relative;
    z-index: 4;
    background: #fff;
}

#menu-hover-background {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    height: 100vh;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

@media (max-width: 767px) {
    #menu-hover-background {
        display: none !important;
    }
}

#menu-hover-background.active {
    opacity: 1;
    visibility: visible;
}


/* 7.5 Bar */

.bar {
    background: #06bec7;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 0px;
}

.bar.type-2 {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 65px;
}

@media (max-width: 767px) {
    .bar.type-2 {
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 45px;
    }
}

.bar.type-3 {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 20px;
}

@media (max-width: 767px) {
    .bar.type-3 {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.bar p {
    margin: 0px;
    padding: 0px;
}

.bar p svg {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: top;
    margin-top: 2px;
}

.bar p svg path,
.bar p svg g {
    fill: #fff !important;
}

.bar p span {
    text-decoration: underline;
}


/* 7.6 Slider */

.tp-leftarrow,
.tp-rightarrow {
    width: 60px !important;
    height: 60px !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

@media (max-width: 767px) {
    .tp-leftarrow,
    .tp-rightarrow {
        width: 30px !important;
        height: 30px !important;
    }
}

.tp-leftarrow:hover,
.tp-rightarrow:hover {
    background: #fff !important;
}

.tp-leftarrow:before,
.tp-rightarrow:before {
    line-height: 60px !important;
    color: #000 !important;
}

@media (max-width: 767px) {
    .tp-leftarrow:before,
    .tp-rightarrow:before {
        line-height: 30px !important;
        font-size: 14px !important;
    }
}

.slider-text2 {
    color: #000;
    padding-bottom: 60px;
}

.slider-text2 .first-heading {
    font-size: 40px;
    font-weight: 300;
    line-height: 1.25 !important;
    color: #000;
}

.slider-text2 .second-heading {
    font-size: 70px;
    line-height: 1 !important;
    color: #000;
    font-weight: bold;
    padding-top: 19px;
}

.slider-text2 .slider-button {
    padding-top: 50px;
}

.slider-text2 .slider-button a {
    background: #06bec7;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 19px 49px 19px 49px;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.slider-text2 .slider-button a:hover {
    text-decoration: underline;
}

.slider-text3 .first-heading {
    font-size: 30px;
    font-weight: 300;
    line-height: 1 !important;
    color: #fff;
}

.slider-text3 .second-heading {
    font-size: 50px;
    line-height: 1 !important;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 0px 0px 0px;
}

@media (max-width: 767px) {
    .slider-text3 .second-heading {
        padding-top: 15px;
    }
}

.slider-text3 .second-heading span {
    color: #06bec7;
    display: inline-block;
    position: relative;
    font-size: 50px;
}

.slider-text3 .slider-button {
    padding-top: 39px;
}

.slider-text3 .slider-button a {
    background: #06bec7;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 9px 49px 9px 49px;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.slider-text3 .slider-button a:hover {
    text-decoration: underline;
}

.slider-text .first-heading {
    font-size: 30px;
    font-weight: 300;
    line-height: 1 !important;
    color: #fff;
}

.slider-text .second-heading {
    font-size: 80px;
    line-height: 1 !important;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 0px 0px 0px;
}

@media (max-width: 767px) {
    .slider-text .second-heading {
        padding-top: 15px;
    }
}

.slider-text .second-heading span {
    color: #06bec7;
    display: inline-block;
    position: relative;
    font-size: 80px;
}

.slider-text .second-heading span.no-line:before {
    display: none;
}

.slider-text .second-heading span:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    height: 8px;
    background: #06bec7;
}

@media (max-width: 991px) {
    .slider-text .second-heading span:before {
        height: 6px;
    }
}

@media (max-width: 767px) {
    .slider-text .second-heading span:before {
        height: 2px;
        bottom: -3px;
    }
}

.slider-text .slider-button {
    padding-top: 50px;
}

.slider-text .slider-button a {
    background: #06bec7;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 19px 49px 19px 49px;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.slider-text .slider-button a:hover {
    text-decoration: underline;
}


/* 7.7 Banners 1 */

.banners-1 .row {
    margin: 0px;
}

.banners-1 .row>div {
    padding: 0px;
}

.banners-1 .banner {
    margin: 0px;
    padding: 0px;
    position: relative;
    height: 21vw;
    overflow: hidden;
    text-align: center;
}

@media (max-width: 991px) {
    .banners-1 .banner {
        height: 25vw;
    }
}

@media (max-width: 767px) {
    .banners-1 .banner {
        height: 230px;
    }
}

.banners-1 .banner:hover .banner-image {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
}

.banners-1 .banner:hover .banner-image:before {
    top: 50%;
    opacity: 0.5;
}

.banners-1 .banner .banner-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-1 .banner .banner-image:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    bottom: 0;
    background: rgba(212, 228, 239, 0);
    background: -moz-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212, 228, 239, 0)), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -o-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: linear-gradient(to bottom, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d4e4ef', endColorstr='#ffffff', GradientType=0);
    opacity: 0;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-1 .banner .banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 1;
}

.banners-1 .banner .banner-content h3 {
    color: #fff;
    font-size: 50px;
    font-weight: bold;
    text-transform: uppercase;
}

@media (max-width: 1199px) {
    .banners-1 .banner .banner-content h3 {
        font-size: 42px;
    }
}

@media (max-width: 1098px) {
    .banners-1 .banner .banner-content h3 {
        font-size: 36px;
    }
}

@media (max-width: 991px) {
    .banners-1 .banner .banner-content h3 {
        font-size: 30px;
    }
}

.banners-1 .banner .banner-content .btn {
    margin-top: 10px;
}

@media (max-width: 991px) {
    .banners-1 .banner .banner-content .btn {
        margin-top: 5px;
    }
}


/* 7.8 Banners 2 */

.center-column .banners-2 {
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

@media (max-width: 767px) {
    .center-column .banners-2 {
        margin-top: 10px;
    }
}

.center-column .banners-2 .col-md-12>.banner {
    height: 360px;
}

@media (max-width: 1280px) {
    .center-column .banners-2 .col-md-12>.banner {
        height: 30vw;
    }
}

@media (max-width: 767px) {
    .center-column .banners-2 .col-md-12>.banner {
        height: 175px;
    }
}

.center-column .banners-2 .col-md-12>.banner .banner-content {
    padding: 0px 100px;
}

@media (max-width: 1280px) {
    .center-column .banners-2 .col-md-12>.banner .banner-content {
        padding: 0px 70px;
    }
}

@media (max-width: 767px) {
    .center-column .banners-2 .col-md-12>.banner .banner-content {
        padding: 0px 20px;
    }
}

.center-column .banners-2 .col-md-12>.banner .banner-content h3 {
    font-size: 50px;
    padding: 0px 0px 10px 0px;
    margin: 0px;
}

@media (max-width: 1098px) {
    .center-column .banners-2 .col-md-12>.banner .banner-content h3 {
        font-size: 42px;
    }
}

@media (max-width: 991px) {
    .center-column .banners-2 .col-md-12>.banner .banner-content h3 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .center-column .banners-2 .col-md-12>.banner .banner-content h3 {
        font-size: 25px;
    }
}

.center-column .banners-2 .banner {
    height: 420px;
}

@media (max-width: 1280px) {
    .center-column .banners-2 .banner {
        height: 25vw;
    }
}

@media (max-width: 767px) {
    .center-column .banners-2 .banner {
        height: 155px;
    }
}

.banners-2 {
    margin-top: 70px;
}

@media (max-width: 767px) {
    .banners-2 {
        margin-top: 40px;
    }
}

.banners-2.banners-on-category-page {
    margin: 40px 0px 20px 0px;
    padding: 0px;
}

@media (max-width: 767px) {
    .banners-2.banners-on-category-page {
        margin-top: 20px;
    }
}

.banners-2.banners-on-category-page .col-md-12>.banner {
    height: 300px;
}

@media (max-width: 1280px) {
    .banners-2.banners-on-category-page .col-md-12>.banner {
        height: 28vw;
    }
}

@media (max-width: 767px) {
    .banners-2.banners-on-category-page .col-md-12>.banner {
        height: 175px;
    }
}

.banners-2.banners-on-category-page .col-md-12>.banner .banner-content {
    padding: 0px 80px;
}

@media (max-width: 1280px) {
    .banners-2.banners-on-category-page .col-md-12>.banner .banner-content {
        padding: 0px 70px;
    }
}

@media (max-width: 767px) {
    .banners-2.banners-on-category-page .col-md-12>.banner .banner-content {
        padding: 0px 20px;
    }
}

.banners-2.banners-on-category-page .col-md-12>.banner .banner-content h3 {
    font-size: 50px;
    padding: 0px 0px 10px 0px;
    margin: 0px;
}

@media (max-width: 1098px) {
    .banners-2.banners-on-category-page .col-md-12>.banner .banner-content h3 {
        font-size: 42px;
    }
}

@media (max-width: 991px) {
    .banners-2.banners-on-category-page .col-md-12>.banner .banner-content h3 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .banners-2.banners-on-category-page .col-md-12>.banner .banner-content h3 {
        font-size: 25px;
    }
}

.banners-2.banners-on-category-page .banner {
    height: 360px;
}

@media (max-width: 1280px) {
    .banners-2.banners-on-category-page .banner {
        height: 23vw;
    }
}

@media (max-width: 767px) {
    .banners-2.banners-on-category-page .banner {
        height: 155px;
    }
}

.banners-2.banners-on-category-page .banner .banner-content {
    width: 100%;
}

.banners-2 .row {
    margin: 0px;
}

.banners-2 .row>div {
    padding: 0px;
}

.banners-2 .col-md-12>.banner {
    text-align: left;
    height: 25.8vw;
}

@media (max-width: 991px) {
    .banners-2 .col-md-12>.banner {
        height: 30vw;
    }
}

@media (max-width: 767px) {
    .banners-2 .col-md-12>.banner {
        height: 175px;
    }
}

.banners-2 .col-md-12>.banner .banner-content {
    max-width: 1280px;
    width: 100%;
    padding: 0px 70px;
}

@media (max-width: 767px) {
    .banners-2 .col-md-12>.banner .banner-content {
        padding: 0px 20px;
    }
}

.banners-2 .col-md-12>.banner .banner-content h3 {
    color: #000;
    font-size: 70px;
}

@media (max-width: 1199px) {
    .banners-2 .col-md-12>.banner .banner-content h3 {
        font-size: 50px;
    }
}

@media (max-width: 1098px) {
    .banners-2 .col-md-12>.banner .banner-content h3 {
        font-size: 42px;
    }
}

@media (max-width: 991px) {
    .banners-2 .col-md-12>.banner .banner-content h3 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .banners-2 .col-md-12>.banner .banner-content h3 {
        font-size: 25px;
    }
}

.banners-2.big .banner {
    height: 29vw;
}

@media (max-width: 767px) {
    .banners-2.big .banner {
        height: 200px;
    }
}

.banners-2.medium {
    margin: 0px;
}

.banners-2.medium .banner {
    height: 25.8vw;
}

@media (max-width: 767px) {
    .banners-2.medium .banner {
        height: 180px;
    }
}

.banners-2 .banner {
    margin: 0px;
    padding: 0px;
    position: relative;
    height: 21vw;
    overflow: hidden;
}

@media (max-width: 991px) {
    .banners-2 .banner {
        height: 25vw;
    }
}

@media (max-width: 767px) {
    .banners-2 .banner {
        height: 155px;
    }
}

.banners-2 .banner:hover .banner-image {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
}

.banners-2 .banner:hover .banner-image:before {
    top: 50%;
    opacity: 0.5;
}

.banners-2 .banner .banner-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-2 .banner .banner-image:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    bottom: 0;
    background: rgba(212, 228, 239, 0);
    background: -moz-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212, 228, 239, 0)), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -o-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: linear-gradient(to bottom, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d4e4ef', endColorstr='#ffffff', GradientType=0);
    opacity: 0;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-2 .banner .banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 1;
}

.banners-2 .banner .banner-content p {
    font-size: 25px;
    color: #06bec7;
    font-weight: 300;
    margin: 0px;
    padding: 0px;
}

@media (max-width: 767px) {
    .banners-2 .banner .banner-content p {
        font-size: 20px;
    }
}

.banners-2 .banner .banner-content h3 {
    color: #fff;
    font-size: 50px;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
}

@media (max-width: 1199px) {
    .banners-2 .banner .banner-content h3 {
        font-size: 42px;
    }
}

@media (max-width: 1098px) {
    .banners-2 .banner .banner-content h3 {
        font-size: 36px;
    }
}

@media (max-width: 991px) {
    .banners-2 .banner .banner-content h3 {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .banners-2 .banner .banner-content h3 {
        font-size: 25px;
    }
}

.banners-2 .banner .banner-content h3.black {
    color: #000;
}

.banners-2 .banner .banner-content .btn {
    margin-top: 15px;
}

@media (max-width: 991px) {
    .banners-2 .banner .banner-content .btn {
        margin-top: 10px;
    }
}

.banners-2 .banner .banner-content .btn.white {
    background: #fff !important;
    color: #000 !important;
}

.banners-2 .banner .banner-content .btn.black {
    background: #000 !important;
    color: #fff !important;
}


/* Banners */

.banners-3 {
    padding: 60px 0px 0px 0px;
}

@media (max-width: 767px) {
    .banners-3 {
        padding: 20px 0px 0px 0px;
    }
}

.banners-3 .col-md-12>.banner {
    height: 240px;
}

@media (max-width: 767px) {
    .banners-3 .col-md-12>.banner {
        height: 150px;
    }
}

.banners-3 .col-md-12>.banner.banner-center {
    margin-top: 13px;
}

.banners-3 .col-md-12>.banner.banner-center .banner-content {
    right: 0;
}

@media (max-width: 767px) {
    .banners-3 .col-md-12>.banner.banner-center .banner-content {
        left: 0;
        right: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
    }
}

.banners-3 .col-md-12>.banner .banner-content {
    left: 0;
    right: 50%;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

@media (max-width: 767px) {
    .banners-3 .col-md-12>.banner .banner-content {
        left: 50%;
        right: 0;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
    }
}

.banners-3.type-2 {
    padding: 0px;
}

.banners-3.type-2 .banner {
    height: 300px;
    margin: 0px !important;
}

@media (max-width: 1098px) {
    .banners-3.type-2 .banner {
        height: 240px;
    }
}

@media (max-width: 767px) {
    .banners-3.type-2 .banner {
        height: 170px;
    }
}

.banners-3 .banner {
    margin: 20px 0px 0px 0px;
    padding: 0px;
    position: relative;
    height: 300px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .banners-3 .banner {
        height: 200px;
    }
}

.banners-3 .banner:hover .banner-image {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
}

.banners-3 .banner:hover .banner-image:before {
    top: 50%;
    opacity: 0.5;
}

.banners-3 .banner .banner-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-3 .banner .banner-image:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    bottom: 0;
    background: rgba(212, 228, 239, 0);
    background: -moz-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212, 228, 239, 0)), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -o-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: linear-gradient(to bottom, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d4e4ef', endColorstr='#ffffff', GradientType=0);
    opacity: 0;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-3 .banner .banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 1;
}

.banners-3 .banner .banner-content p {
    font-size: 25px;
    color: #06bec7;
    font-weight: 300;
    margin: 0px;
    padding: 0px;
}

@media (max-width: 767px) {
    .banners-3 .banner .banner-content p {
        font-size: 20px;
    }
}

.banners-3 .banner .banner-content h3 {
    color: #fff;
    font-size: 50px;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
}

@media (max-width: 1199px) {
    .banners-3 .banner .banner-content h3 {
        font-size: 42px;
    }
}

@media (max-width: 1098px) {
    .banners-3 .banner .banner-content h3 {
        font-size: 36px;
    }
}

@media (max-width: 991px) {
    .banners-3 .banner .banner-content h3 {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .banners-3 .banner .banner-content h3 {
        font-size: 25px;
    }
}

.banners-3 .banner .banner-content h3.black-text,
.banners-3 .banner .banner-content h3.black {
    color: #000;
}

.banners-3 .banner .banner-content .btn {
    margin-top: 15px;
}

@media (max-width: 991px) {
    .banners-3 .banner .banner-content .btn {
        margin-top: 10px;
    }
}

.banners-3 .banner .banner-content .btn.white-btn {
    background: #fff !important;
    color: #000 !important;
}

.banners-4 .row {
    margin: 0px;
}

.banners-4 .row>div {
    padding-left: 0px;
    padding-right: 0px;
}

.banners-4 .slider {
    height: 41vw;
    position: relative;
    overflow: hidden;
}

@media (max-width: 767px) {
    .banners-4 .slider {
        height: 230px;
    }
}

.banners-4 .slider:hover .slider-image {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
}

.banners-4 .slider:hover .slider-image:before {
    top: 50%;
    opacity: 0.5;
}

.banners-4 .slider .slider-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-4 .slider .slider-image:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    bottom: 0;
    background: rgba(212, 228, 239, 0);
    background: -moz-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212, 228, 239, 0)), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -o-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: linear-gradient(to bottom, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d4e4ef', endColorstr='#ffffff', GradientType=0);
    opacity: 0;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-4 .slider .slider-content {
    position: absolute;
    top: 50%;
    left: 15%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    z-index: 2;
}

@media (max-width: 767px) {
    .banners-4 .slider .slider-content {
        left: 20px;
    }
}

@media (max-width: 1098px) {
    .banners-4 .slider .slider-content .first-heading {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .banners-4 .slider .slider-content .first-heading {
        font-size: 20px;
    }
}

@media (max-width: 1280px) {
    .banners-4 .slider .slider-content .second-heading {
        font-size: 60px;
    }
    .banners-4 .slider .slider-content .second-heading span {
        font-size: 60px;
    }
}

@media (max-width: 1098px) {
    .banners-4 .slider .slider-content .second-heading {
        font-size: 48px;
    }
    .banners-4 .slider .slider-content .second-heading span {
        font-size: 48px;
    }
}

@media (max-width: 767px) {
    .banners-4 .slider .slider-content .second-heading {
        font-size: 30px;
        padding-top: 5px;
    }
    .banners-4 .slider .slider-content .second-heading span {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .banners-4 .slider .slider-content .slider-button {
        padding-top: 20px;
    }
    .banners-4 .slider .slider-content .slider-button a {
        font-size: 13px;
        padding: 8px 20px;
    }
}

.banners-4 .banner {
    height: 41vw;
    position: relative;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

@media (max-width: 767px) {
    .banners-4 .banner {
        height: 200px;
    }
}

.banners-4 .banner:hover .banner-image {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
}

.banners-4 .banner:hover .banner-image:before {
    top: 50%;
    opacity: 0.5;
}

.banners-4 .banner .banner-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-4 .banner .banner-image:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    bottom: 0;
    background: rgba(212, 228, 239, 0);
    background: -moz-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212, 228, 239, 0)), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -o-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: linear-gradient(to bottom, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d4e4ef', endColorstr='#ffffff', GradientType=0);
    opacity: 0;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-4 .banner .banner-content {
    position: absolute;
    z-index: 2;
    bottom: 100px;
    left: 50px;
    right: 50px;
    text-align: center;
}

@media (max-width: 1280px) {
    .banners-4 .banner .banner-content {
        bottom: 50px;
    }
}

@media (max-width: 767px) {
    .banners-4 .banner .banner-content {
        bottom: 30px;
    }
}

.banners-4 .banner .banner-content h3 {
    font-size: 25px;
    line-height: 1;
    color: #06bec7;
    font-weight: 300;
    text-transform: none;
}

@media (max-width: 1098px) {
    .banners-4 .banner .banner-content h3 {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .banners-4 .banner .banner-content h3 {
        font-size: 17px;
    }
}

.banners-4 .banner .banner-content h4 {
    font-size: 50px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: bold;
}

@media (max-width: 1098px) {
    .banners-4 .banner .banner-content h4 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .banners-4 .banner .banner-content h4 {
        font-size: 30px;
    }
}

.banners-4 .banner .banner-content .btn {
    margin-top: 15px;
}

@media (max-width: 767px) {
    .banners-4 .banner .banner-content .btn {
        margin-top: 7px;
    }
}

.banners-5 .banner .banner-content {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    left: 50%;
    right: 20px;
    top: 50%;
    text-align: left;
}

.banners-5 .banner .banner-content h3 {
    color: #000;
}

.banners-5 .banner .banner-content h3.white-text {
    color: #fff;
}

.banners-6 .row {
    margin: 0px -10px;
}

.banners-6 .row>div {
    padding-left: 10px;
    padding-right: 10px;
}

.banners-6.type-2 .slider {
    margin-top: 20px;
}

.banners-6.type-2 .slider .second-heading.black {
    color: #000;
}

.banners-6.type-2 .slider .second-heading span:before {
    display: none;
}

.banners-6.type-2 .banner {
    margin-top: 20px;
}

@media (max-width: 767px) {
    .banners-6.type-2 .banner .banner-content {
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
    }
}

.banners-6.type-2 .banner .banner-content h4.black {
    color: #000;
}

.banners-6 .slider {
    height: 600px;
    position: relative;
    overflow: hidden;
}

@media (max-width: 1280px) {
    .banners-6 .slider {
        height: 50vw;
    }
}

@media (max-width: 767px) {
    .banners-6 .slider {
        height: 240px;
    }
}

.banners-6 .slider:hover .slider-image {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
}

.banners-6 .slider:hover .slider-image:before {
    top: 50%;
    opacity: 0.5;
}

.banners-6 .slider .slider-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-6 .slider .slider-image:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    bottom: 0;
    background: rgba(212, 228, 239, 0);
    background: -moz-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212, 228, 239, 0)), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -o-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: linear-gradient(to bottom, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d4e4ef', endColorstr='#ffffff', GradientType=0);
    opacity: 0;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-6 .slider .slider-content {
    position: absolute;
    top: 50%;
    left: 100px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    z-index: 2;
}

@media (max-width: 991px) {
    .banners-6 .slider .slider-content {
        left: 60px;
    }
}

@media (max-width: 767px) {
    .banners-6 .slider .slider-content {
        left: 40px;
    }
}

.banners-6 .slider .slider-content .first-heading {
    color: #06bec7;
}

@media (max-width: 1098px) {
    .banners-6 .slider .slider-content .first-heading {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .banners-6 .slider .slider-content .first-heading {
        font-size: 20px;
    }
}

@media (max-width: 1280px) {
    .banners-6 .slider .slider-content .second-heading {
        font-size: 60px;
    }
    .banners-6 .slider .slider-content .second-heading span {
        font-size: 60px;
    }
}

@media (max-width: 1098px) {
    .banners-6 .slider .slider-content .second-heading {
        font-size: 48px;
    }
    .banners-6 .slider .slider-content .second-heading span {
        font-size: 48px;
    }
}

@media (max-width: 767px) {
    .banners-6 .slider .slider-content .second-heading {
        font-size: 30px;
        padding-top: 5px;
    }
    .banners-6 .slider .slider-content .second-heading span {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .banners-6 .slider .slider-content .slider-button {
        padding-top: 20px;
    }
    .banners-6 .slider .slider-content .slider-button a {
        font-size: 13px;
        padding: 8px 20px;
    }
}

.banners-6 .banner {
    height: 600px;
    position: relative;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

@media (max-width: 1280px) {
    .banners-6 .banner {
        height: 50vw;
    }
}

@media (max-width: 767px) {
    .banners-6 .banner {
        margin: 20px 0px 0px 0px;
        height: 180px;
    }
}

.banners-6 .banner:hover .banner-image {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
}

.banners-6 .banner:hover .banner-image:before {
    top: 50%;
    opacity: 0.5;
}

.banners-6 .banner .banner-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-6 .banner .banner-image:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    bottom: 0;
    background: rgba(212, 228, 239, 0);
    background: -moz-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212, 228, 239, 0)), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -o-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: linear-gradient(to bottom, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d4e4ef', endColorstr='#ffffff', GradientType=0);
    opacity: 0;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-6 .banner .banner-content {
    position: absolute;
    z-index: 2;
    top: 70px;
    left: 50px;
    right: 50px;
    text-align: center;
}

@media (max-width: 1280px) {
    .banners-6 .banner .banner-content {
        top: 60px;
    }
}

@media (max-width: 767px) {
    .banners-6 .banner .banner-content {
        top: 50px;
    }
}

.banners-6 .banner .banner-content h4 {
    font-size: 50px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}

@media (max-width: 1098px) {
    .banners-6 .banner .banner-content h4 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .banners-6 .banner .banner-content h4 {
        font-size: 30px;
    }
}

.banners-6 .banner .banner-content .btn {
    margin-top: 15px;
}

@media (max-width: 767px) {
    .banners-6 .banner .banner-content .btn {
        margin-top: 7px;
    }
}

.banners-6 .banner .banner-content .btn.btn-white {
    background: #fff !important;
    color: #000 !important;
}

.banners-7 .row {
    margin: 0px -10px;
}

.banners-7 .row>div {
    padding-left: 10px;
    padding-right: 10px;
}

.banners-7 .col-md-6 .banner {
    height: 300px;
}

@media (max-width: 767px) {
    .banners-7 .col-md-6 .banner {
        height: 210px;
    }
}

.banners-7 .banner {
    height: 280px;
    position: relative;
    overflow: hidden;
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

@media (max-width: 767px) {
    .banners-7 .banner {
        height: 170px;
    }
}

.banners-7 .banner:hover .banner-image {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
}

.banners-7 .banner:hover .banner-image:before {
    top: 50%;
    opacity: 0.5;
}

.banners-7 .banner .banner-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-7 .banner .banner-image:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    bottom: 0;
    background: rgba(212, 228, 239, 0);
    background: -moz-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212, 228, 239, 0)), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -o-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: linear-gradient(to bottom, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d4e4ef', endColorstr='#ffffff', GradientType=0);
    opacity: 0;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-7 .banner .link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}

.banners-7 .banner .link a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.banners-7 .banner .banner-content {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 30px;
    right: 30px;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.banners-7 .banner .banner-content h4 {
    font-size: 50px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}

@media (max-width: 1098px) {
    .banners-7 .banner .banner-content h4 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .banners-7 .banner .banner-content h4 {
        font-size: 30px;
    }
}

.banners-7 .banner .banner-content .btn {
    margin-top: 15px;
}

@media (max-width: 767px) {
    .banners-7 .banner .banner-content .btn {
        margin-top: 7px;
    }
}

.banners-7 .banner .banner-content .btn.btn-white {
    background: #fff !important;
    color: #000 !important;
}

@media (max-width: 767px) {
    .banners-8.type-2 .banner {
        height: 220px;
    }
}

.banners-8.type-2 .banner .banner-content {
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.banners-8.type-2 .banner .banner-content h4 {
    text-shadow: none;
}

.banners-8 .row {
    margin: 0px;
}

.banners-8 .row>div {
    padding-left: 0px;
    padding-right: 0px;
}

.banners-8 .banner {
    height: 41vw;
    position: relative;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

@media (max-width: 767px) {
    .banners-8 .banner {
        height: 190px;
    }
}

.banners-8 .banner:hover .banner-image {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
}

.banners-8 .banner:hover .banner-image:before {
    top: 50%;
    opacity: 0.5;
}

.banners-8 .banner .banner-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-8 .banner .banner-image:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    bottom: 0;
    background: rgba(212, 228, 239, 0);
    background: -moz-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212, 228, 239, 0)), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -o-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: linear-gradient(to bottom, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d4e4ef', endColorstr='#ffffff', GradientType=0);
    opacity: 0;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-8 .banner .banner-content {
    position: absolute;
    z-index: 2;
    bottom: 140px;
    left: 30px;
    right: 30px;
    text-align: center;
}

@media (max-width: 1280px) {
    .banners-8 .banner .banner-content {
        bottom: 100px;
    }
}

@media (max-width: 991px) {
    .banners-8 .banner .banner-content {
        bottom: 50px;
    }
}

@media (max-width: 767px) {
    .banners-8 .banner .banner-content {
        bottom: 30px;
    }
}

.banners-8 .banner .banner-content h4 {
    font-size: 80px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 21px rgba(0, 0, 0, 0.31);
}

@media (max-width: 1098px) {
    .banners-8 .banner .banner-content h4 {
        font-size: 60px;
    }
}

@media (max-width: 767px) {
    .banners-8 .banner .banner-content h4 {
        font-size: 40px;
    }
}

.banners-8 .banner .banner-content .btn {
    background: #06bec7;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 19px 49px 19px 49px;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    margin-top: 22px;
}

@media (max-width: 767px) {
    .banners-8 .banner .banner-content .btn {
        font-size: 13px;
        padding: 8px 20px;
        margin-top: 5px;
    }
}

.banners-9 .row {
    margin: 0px;
}

.banners-9 .row>div {
    padding-left: 0px;
    padding-right: 0px;
}

.banners-9 .banner {
    height: 41vw;
    position: relative;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

@media (max-width: 767px) {
    .banners-9 .banner {
        height: 240px;
    }
}

.banners-9 .banner:hover .banner-image {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
}

.banners-9 .banner:hover .banner-image:before {
    top: 50%;
    opacity: 0.5;
}

.banners-9 .banner .banner-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-9 .banner .banner-image:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    bottom: 0;
    background: rgba(212, 228, 239, 0);
    background: -moz-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212, 228, 239, 0)), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -o-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: linear-gradient(to bottom, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d4e4ef', endColorstr='#ffffff', GradientType=0);
    opacity: 0;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-9 .banner .banner-content {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0px;
    right: 0px;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.banners-9 .banner .banner-content p {
    font-size: 30px;
    font-weight: 300;
    line-height: 1 !important;
    color: #fff;
    padding: 0px;
    margin: 0px;
}

@media (max-width: 1098px) {
    .banners-9 .banner .banner-content p {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .banners-9 .banner .banner-content p {
        font-size: 20px;
    }
}

.banners-9 .banner .banner-content h4 {
    font-size: 80px;
    line-height: 1 !important;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 0px 0px 0px;
    margin: 0px;
}

@media (max-width: 1098px) {
    .banners-9 .banner .banner-content h4 {
        font-size: 60px;
    }
}

@media (max-width: 767px) {
    .banners-9 .banner .banner-content h4 {
        padding-top: 15px;
        font-size: 40px;
    }
}

.banners-9 .banner .banner-content h4 span {
    color: #06bec7;
    display: inline-block;
    position: relative;
    font-size: 80px;
}

@media (max-width: 1098px) {
    .banners-9 .banner .banner-content h4 span {
        font-size: 60px;
    }
}

@media (max-width: 767px) {
    .banners-9 .banner .banner-content h4 span {
        font-size: 40px;
    }
}

.banners-9 .banner .banner-content .btn {
    margin-top: 30px;
    background: #06bec7;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 19px 49px 19px 49px;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

@media (max-width: 1098px) {
    .banners-9 .banner .banner-content .btn {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .banners-9 .banner .banner-content .btn {
        font-size: 13px;
        padding: 8px 20px;
        margin-top: 15px;
    }
}

.banners-9 .banner .banner-content .btn:hover {
    text-decoration: underline;
}

.banners-10 .row {
    margin: -20px -10px 0px -10px;
}

.banners-10 .row>div {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
}

.banners-10 .col-md-12 .banner .banner-content {
    left: 0;
    right: 50%;
}

@media (max-width: 767px) {
    .banners-10 .col-md-12 .banner .banner-content {
        right: 0;
    }
}

.banners-10 .banner {
    height: 340px;
    position: relative;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

@media (max-width: 1280px) {
    .banners-10 .banner {
        height: 280px;
    }
}

@media (max-width: 767px) {
    .banners-10 .banner {
        height: 200px;
    }
}

.banners-10 .banner:hover .banner-image {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
}

.banners-10 .banner:hover .banner-image:before {
    top: 50%;
    opacity: 0.5;
}

.banners-10 .banner .banner-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-10 .banner .banner-image:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    bottom: 0;
    background: rgba(212, 228, 239, 0);
    background: -moz-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212, 228, 239, 0)), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -o-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: linear-gradient(to bottom, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d4e4ef', endColorstr='#ffffff', GradientType=0);
    opacity: 0;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-10 .banner .banner-content {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0px;
    right: 0px;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.banners-10 .banner .banner-content h4 {
    font-size: 50px;
    line-height: 1 !important;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

@media (max-width: 1098px) {
    .banners-10 .banner .banner-content h4 {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .banners-10 .banner .banner-content h4 {
        font-size: 30px;
    }
}

.banners-10 .banner .banner-content h4.black {
    color: #000;
}

.banners-10 .banner .banner-content .btn {
    margin-top: 22px;
}

.banners-10 .banner .banner-content .btn.btn-white {
    background: #fff !important;
    color: #000 !important;
}

.banners-11 .row {
    margin: 0px -10px;
}

.banners-11 .row>div {
    padding: 0px 10px;
}

.banners-11 .col-md-12 .banner {
    height: 150px;
}

.banners-11 .banner {
    margin: 20px 0px 0px 0px;
    padding: 0px;
    position: relative;
    height: 280px;
    overflow: hidden;
    text-align: center;
}

@media (max-width: 1098px) {
    .banners-11 .banner {
        height: 240px;
    }
}

@media (max-width: 767px) {
    .banners-11 .banner {
        height: 160px;
    }
}

.banners-11 .banner:hover .banner-image {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
}

.banners-11 .banner:hover .banner-image:before {
    top: 50%;
    opacity: 0.5;
}

.banners-11 .banner .banner-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-11 .banner .banner-image:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    bottom: 0;
    background: rgba(212, 228, 239, 0);
    background: -moz-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212, 228, 239, 0)), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -o-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: linear-gradient(to bottom, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d4e4ef', endColorstr='#ffffff', GradientType=0);
    opacity: 0;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-11 .banner .banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 1;
}

.banners-11 .banner .banner-content .btn {
    margin-top: 10px;
}

@media (max-width: 991px) {
    .banners-11 .banner .banner-content .btn {
        margin-top: 5px;
    }
}

.banners-12,
.banners-13 {
    padding: 0px 0px 0px 0px;
}

.banners-12 .row,
.banners-13 .row {
    margin-left: -10px;
    margin-right: -10px;
}

.banners-12 .row>div,
.banners-13 .row>div {
    padding-left: 10px;
    padding-right: 10px;
}

.banners-12 .banner,
.banners-13 .banner {
    margin: 20px 0px 0px 0px;
    padding: 0px;
    position: relative;
    height: 240px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .banners-12 .banner,
    .banners-13 .banner {
        height: 170px;
    }
}

.banners-12 .banner:hover .banner-image,
.banners-13 .banner:hover .banner-image {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
}

.banners-12 .banner:hover .banner-image:before,
.banners-13 .banner:hover .banner-image:before {
    top: 50%;
    opacity: 0.5;
}

.banners-12 .banner .banner-image,
.banners-13 .banner .banner-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-12 .banner .banner-image:before,
.banners-13 .banner .banner-image:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    bottom: 0;
    background: rgba(212, 228, 239, 0);
    background: -moz-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212, 228, 239, 0)), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -o-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: linear-gradient(to bottom, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d4e4ef', endColorstr='#ffffff', GradientType=0);
    opacity: 0;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-12 .banner .link,
.banners-13 .banner .link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}

.banners-12 .banner .link a,
.banners-13 .banner .link a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.banners-12 .banner .banner-content,
.banners-13 .banner .banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 1;
}

.banners-12 .banner .banner-content h3,
.banners-13 .banner .banner-content h3 {
    color: #fff;
    font-size: 40px;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
}

@media (max-width: 1098px) {
    .banners-12 .banner .banner-content h3,
    .banners-13 .banner .banner-content h3 {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .banners-12 .banner .banner-content h3,
    .banners-13 .banner .banner-content h3 {
        font-size: 21px;
    }
}

.banners-12 .banner .banner-content h3.black-text,
.banners-13 .banner .banner-content h3.black-text,
.banners-12 .banner .banner-content h3.black,
.banners-13 .banner .banner-content h3.black {
    color: #000;
}

.banners-13 {
    padding-top: 50px;
}

@media (max-width: 767px) {
    .banners-13 {
        padding-top: 15px;
    }
}

.banners-13 .banner {
    height: 200px;
}

@media (max-width: 767px) {
    .banners-13 .banner {
        height: 150px;
    }
}

.banners-13 .banner .banner-content h3 {
    font-size: 30px;
}

@media (max-width: 1098px) {
    .banners-13 .banner .banner-content h3 {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .banners-13 .banner .banner-content h3 {
        font-size: 20px;
    }
}

.banners-14 {
    padding: 44px 0px 0px 0px;
}

@media (max-width: 767px) {
    .banners-14 {
        padding: 20px 0px 0px 0px;
    }
}

.banners-14 .row {
    margin-left: -10px;
    margin-right: -10px;
}

.banners-14 .row>div {
    padding-left: 10px;
    padding-right: 10px;
}

.banners-14 .col-md-12>.banner {
    height: 400px;
}

@media (max-width: 767px) {
    .banners-14 .col-md-12>.banner {
        height: 200px;
    }
}

.banners-14 .col-md-12>.banner .banner-content {
    top: 50%;
    left: 0;
    right: 50%;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

@media (max-width: 767px) {
    .banners-14 .col-md-12>.banner .banner-content {
        left: 50%;
        right: 0;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
    }
}

.banners-14 .banner {
    margin: 20px 0px 0px 0px;
    padding: 0px;
    position: relative;
    height: 600px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .banners-14 .banner {
        height: 300px;
    }
}

.banners-14 .banner:hover .banner-image {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
}

.banners-14 .banner:hover .banner-image:before {
    top: 50%;
    opacity: 0.5;
}

.banners-14 .banner .banner-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-14 .banner .banner-image:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    bottom: 0;
    background: rgba(212, 228, 239, 0);
    background: -moz-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212, 228, 239, 0)), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -o-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: linear-gradient(to bottom, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d4e4ef', endColorstr='#ffffff', GradientType=0);
    opacity: 0;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.banners-14 .banner .banner-content {
    position: absolute;
    top: 68px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    z-index: 1;
}

@media (max-width: 767px) {
    .banners-14 .banner .banner-content {
        top: 35px;
    }
}

.banners-14 .banner .banner-content p {
    font-size: 25px;
    color: #06bec7;
    font-weight: 300;
    margin: 0px;
    padding: 0px;
}

@media (max-width: 767px) {
    .banners-14 .banner .banner-content p {
        font-size: 20px;
    }
}

.banners-14 .banner .banner-content h3 {
    color: #fff;
    font-size: 50px;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
}

@media (max-width: 1199px) {
    .banners-14 .banner .banner-content h3 {
        font-size: 42px;
    }
}

@media (max-width: 1098px) {
    .banners-14 .banner .banner-content h3 {
        font-size: 36px;
    }
}

@media (max-width: 991px) {
    .banners-14 .banner .banner-content h3 {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .banners-14 .banner .banner-content h3 {
        font-size: 25px;
    }
}

.banners-14 .banner .banner-content h3.black-text,
.banners-14 .banner .banner-content h3.black {
    color: #000;
}

.banners-14 .banner .banner-content .btn {
    margin-top: 15px;
    background: #fff !important;
    color: #000 !important;
}

@media (max-width: 991px) {
    .banners-14 .banner .banner-content .btn {
        margin-top: 10px;
    }
}

.banners-14 .banner .banner-content .btn.black {
    background: #000 !important;
    color: #fff !important;
}


/* 7.9 Bar 3 */

.bar3 {
    position: relative;
    margin-top: 95px;
}

@media (max-width: 767px) {
    .bar3 {
        margin-top: 23px;
    }
}

.bar3 .line {
    position: absolute;
    top: 22px;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
    .bar3 .line {
        display: none;
    }
}

.bar3 .item {
    position: relative;
    z-index: 2;
    text-align: center;
}

@media (max-width: 767px) {
    .bar3 .item {
        text-align: left;
        padding: 0px 0px 0px 100px;
        margin: 22px 0px 0px 0px;
    }
}

.bar3 .item .icon {
    margin: 0px auto;
    background: #fff;
    width: 110px;
}

@media (max-width: 767px) {
    .bar3 .item .icon {
        margin: 0px;
        background: none;
        width: auto;
        position: absolute;
        left: 50px;
        top: 0;
    }
}

.bar3 .item .icon svg {
    width: 50px;
    height: 50px;
}

@media (max-width: 767px) {
    .bar3 .item .icon svg {
        width: 30px;
        height: 30px;
    }
}

.bar3 .item .icon svg path,
.bar3 .item .icon svg g {
    fill: #06bec7 !important;
}

.bar3 .item h4 {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.1;
    font-weight: 600;
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

@media (max-width: 767px) {
    .bar3 .item h4 {
        margin: 3px 0px 0px 0px;
        font-size: 15px;
    }
}

.bar3 .item h4 span {
    text-decoration: underline;
}

.bar3 .item p {
    padding: 10px 0px 0px 0px;
    margin: 0px;
    color: #808080;
}

@media (max-width: 767px) {
    .bar3 .item p {
        padding: 2px 0px 0px 0px;
        font-size: 13px;
    }
}


/* 7.10 Latest posts */

.widget-blog-background,
.widget-blog-background2 {
    margin-top: 73px !important;
}

@media (max-width: 767px) {
    .widget-blog-background,
    .widget-blog-background2 {
        margin-top: 45px !important;
    }
}

.widget-blog-background .container,
.widget-blog-background2 .container {
    padding-bottom: 80px !important;
}

@media (max-width: 767px) {
    .widget-blog-background .container,
    .widget-blog-background2 .container {
        padding-bottom: 46px !important;
    }
}

.widget-blog-background .show-all-posts,
.widget-blog-background2 .show-all-posts {
    margin-top: 30px;
}

@media (max-width: 767px) {
    .widget-blog-background .show-all-posts,
    .widget-blog-background2 .show-all-posts {
        margin-top: 15px;
    }
}

.widget-blog-background2 {
    margin-top: 0px !important;
}

.widget-blog-background2 .container {
    padding-bottom: 100px !important;
}

@media (max-width: 767px) {
    .widget-blog-background2 .container {
        padding-bottom: 66px !important;
    }
}

.widget-blog-background3 .show-all-posts {
    margin-top: 30px;
}

@media (max-width: 767px) {
    .widget-blog-background3 .show-all-posts {
        margin-top: 15px;
    }
}

.blog-posts .item .image {
    position: relative;
}

.blog-posts .item .image .tags {
    position: absolute;
    top: 10px;
    left: 10px;
}

.blog-posts .item .image .tags a {
    display: inline-block;
    vertical-align: top;
    margin: 0px 2px 5px 0px;
    background: #000;
    color: #fff;
    padding: 0px 5px 0px 5px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.blog-posts .item .image>a {
    overflow: hidden;
    position: relative;
    display: block;
}

.blog-posts .item .image>a:hover:before {
    top: 50%;
    opacity: 0.5;
}

.blog-posts .item .image>a:hover img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
}

.blog-posts .item .image>a:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    bottom: 0;
    background: rgba(212, 228, 239, 0);
    background: -moz-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212, 228, 239, 0)), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -o-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: linear-gradient(to bottom, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d4e4ef', endColorstr='#ffffff', GradientType=0);
    opacity: 0;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    z-index: 2;
}

.blog-posts .item .image>a img {
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    width: 100%;
}

.blog-posts .item .name {
    padding: 16px 0px 0px 0px;
}

.blog-posts .item .name a {
    font-size: 20px;
    line-height: 1.1;
    text-transform: uppercase;
    font-weight: 600;
}

@media (max-width: 767px) {
    .blog-posts .item .name a {
        font-size: 17px;
    }
}

.blog-posts .item .date-published {
    font-size: 13px;
    padding: 10px 0px 0px 0px;
}

.blog-posts .owl-dots {
    display: none;
}


/* 7.11 Carousel Item */

.carouselItem .testimonial {
    text-align: center;
}

.carouselItem .testimonial .fa-quote-right {
    color: #06bec7;
    font-size: 40px;
    position: relative;
    margin-top: -2px;
}

@media (max-width: 767px) {
    .carouselItem .testimonial .fa-quote-right {
        font-size: 36px;
    }
}

.carouselItem .testimonial .rating {
    padding: 20px 0px 0px 0px;
}

@media (max-width: 767px) {
    .carouselItem .testimonial .rating {
        padding-top: 15px;
    }
}

.carouselItem .testimonial .content {
    margin: 0px auto;
    padding: 10px 0px 0px 0px;
    max-width: 725px;
    font-size: 20px;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .carouselItem .testimonial .content {
        font-size: 16px;
    }
}

.carouselItem .testimonial .date {
    font-size: 13px;
    padding: 7px 0px 0px 0px;
}

.carouselItem .owl-dots {
    margin: 24px 0px 0px 0px;
    padding: 0px;
    text-align: center;
}

@media (max-width: 767px) {
    .carouselItem .owl-dots {
        margin-top: 10px;
    }
}

.carouselItem .owl-dots .owl-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #cccccc;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    margin: 0px 2px 0px 2px;
}

.carouselItem .owl-dots .owl-dot.active {
    background: #000;
}


/* 7.12 Shop by category */

.shop-by-category {
    padding: 27px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
    .shop-by-category {
        padding: 7px 0px 0px 0px;
        margin: 0px;
    }
}

.shop-by-category h3 {
    font-size: 30px;
    padding: 0px;
    margin: 0px;
}

@media (max-width: 1098px) {
    .shop-by-category h3 {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .shop-by-category h3 {
        font-size: 20px;
    }
}

.shop-by-category ul {
    padding: 14px 0px 90px 0px;
    margin: 0px;
    list-style: none;
}

@media (max-width: 767px) {
    .shop-by-category ul {
        padding: 10px 0px 30px 0px;
    }
}

.shop-by-category ul li {
    float: left;
    width: 25%;
}

@media (max-width: 767px) {
    .shop-by-category ul li {
        width: 50%;
    }
}

.shop-by-category ul li a {
    font-size: 17px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 600;
}

@media (max-width: 1098px) {
    .shop-by-category ul li a {
        font-size: 15px;
        line-height: 28px;
    }
}

@media (max-width: 767px) {
    .shop-by-category ul li a {
        font-size: 14px;
        line-height: 26px;
    }
}

.shop-by-category .image {
    margin: 0px 0px -1px -30px;
}

@media (max-width: 767px) {
    .shop-by-category .image {
        display: none;
    }
}


/* Shop by category 2 */

.shop-by-category-2 {
    position: relative;
    padding: 0px 0px 0px 0px;
}

.shop-by-category-2:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: -2000px;
    right: -2000px;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    z-index: 2;
}

@media (max-width: 767px) {
    .shop-by-category-2 .row {
        margin: -15px 0px 0px 0px;
    }
}

.shop-by-category-2 .row>div {
    background-position: bottom right;
    background-repeat: no-repeat;
    padding-left: 75px;
}

@media (max-width: 1098px) {
    .shop-by-category-2 .row>div {
        background: none !important;
        padding-left: 50px;
    }
}

@media (max-width: 767px) {
    .shop-by-category-2 .row>div {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.shop-by-category-2 .row>div.border-right {
    padding-left: 15px;
}

@media (max-width: 767px) {
    .shop-by-category-2 .row>div.border-right {
        border: none !important;
        padding-left: 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    }
}

.shop-by-category-2 .row>div>ul {
    list-style: none;
    padding: 10px 0px 72px 0px;
    margin: 0px;
}

@media (max-width: 767px) {
    .shop-by-category-2 .row>div>ul {
        padding: 30px 0px 30px 0px;
    }
}

.shop-by-category-2 .row>div>ul>li>a {
    font-size: 13px;
    color: #06bec7;
    text-transform: uppercase;
    font-weight: 600;
}

.shop-by-category-2 .row>div>ul>li ul {
    list-style: none;
    padding: 17px 0px 0px 0px;
    margin: 0px;
    max-width: 390px;
}

@media (max-width: 1280px) {
    .shop-by-category-2 .row>div>ul>li ul {
        max-width: 70%;
    }
}

@media (max-width: 1098px) {
    .shop-by-category-2 .row>div>ul>li ul {
        max-width: 100%;
    }
}

.shop-by-category-2 .row>div>ul>li ul li {
    float: left;
    width: 50%;
}

.shop-by-category-2 .row>div>ul>li ul li a {
    font-size: 14px;
    line-height: 25px;
    text-transform: uppercase;
    font-weight: 600;
}


/* Shop by category 3 */

.shop-by-category-3 {
    background: #f2f2f2;
}

.shop-by-category-3 .row {
    margin: 0px -20px;
}

.shop-by-category-3 .row>div {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.shop-by-category-3 .row>div:last-child {
    border-right: none;
}

@media (max-width: 767px) {
    .shop-by-category-3 .row>div {
        padding-left: 20px;
        padding-right: 20px;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
    .shop-by-category-3 .row>div:nth-child(3n) {
        border-right: none;
    }
    .shop-by-category-3 .row>div:nth-child(1),
    .shop-by-category-3 .row>div:nth-child(2),
    .shop-by-category-3 .row>div:nth-child(3) {
        border-top: none;
    }
}

.shop-by-category-3 .item a {
    display: block;
    text-align: center;
    padding: 44px 0px 40px 0px;
}

@media (max-width: 767px) {
    .shop-by-category-3 .item a {
        padding: 20px 0px;
    }
}

.shop-by-category-3 .item a svg {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0px auto;
}

@media (max-width: 767px) {
    .shop-by-category-3 .item a svg {
        width: 48px;
        height: 48px;
    }
}

.shop-by-category-3 .item a svg path,
.shop-by-category-3 .item a svg g {
    fill: #06bec7;
}

.shop-by-category-3 .item a span {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 14px 0px 0px 0px;
    display: block;
}

@media (max-width: 1098px) {
    .shop-by-category-3 .item a span {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .shop-by-category-3 .item a span {
        font-size: 12px;
        padding-top: 7px;
    }
}


/* Shop by brand */

.shop-by-brand.box {
    margin-top: 26px !important;
    margin-bottom: 10px !important;
}

.shop-by-brand.box .carousel-brands {
    padding: 0px;
    margin: -15px 0px 0px 0px;
    border: none;
}

@media (max-width: 767px) {
    .shop-by-brand.box .carousel-brands {
        margin-top: -5px;
    }
}


/* 8.0 Breadcrumb */

.breadcrumb {
    background: none;
    margin: 0px;
    padding: 0px;
    display: block;
    position: relative;
}

.breadcrumb:before {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
}

.breadcrumb .clearfix {
    display: flex;
    position: relative;
    z-index: 2;
}

.breadcrumb ul {
    display: flex;
    flex-wrap: wrap;
    padding: 3px 10px 0px 10px;
    margin: 0px -20px;
    list-style: none;
    background: #fff;
}

.breadcrumb ul li {
    padding: 0px 10px;
    position: relative;
    font-size: 12px;
}

.breadcrumb ul li:before {
    content: '/';
    display: block;
    position: absolute;
    top: 0;
    left: -2px;
}

.breadcrumb ul li:first-child:before {
    display: none;
}

.breadcrumb h1 {
    font-size: 30px;
    font-weight: 600;
    padding: 21px 0px 0px 0px;
    margin: 0px 0px -15px 0px;
}

@media (max-width: 767px) {
    .breadcrumb h1 {
        padding-top: 7px;
        margin-bottom: -5px;
    }
}


/* 9.0 Main Content */

.main-content .pattern>.container,
.standard-body .main-content .pattern>.container {
    padding-bottom: 80px;
}

@media (max-width: 767px) {
    .main-content .pattern>.container,
    .standard-body .main-content .pattern>.container {
        padding-bottom: 50px;
    }
}

.banners>div {
    padding-top: 30px;
}

@media (max-width: 767px) {
    .banners>div {
        padding-top: 20px;
    }
}

.banners>div img {
    display: block;
}

.center-column {
    padding-top: 40px;
    position: relative;
    margin-bottom: -20px;
}

@media (max-width: 767px) {
    .center-column {
        padding-top: 20px;
    }
}

.center-column h1,
.center-column h2,
.center-column h3,
.center-column h4,
.center-column h5,
.center-column h6,
.center-column legend {
    margin: 0px 0px 10px 0px;
    padding: 10px 0px 0px 0px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
}

.center-column .well h1,
.center-column .well h2,
.center-column .well h3,
.center-column .well h4,
.center-column .well h5,
.center-column .well h6 {
    padding: 0px 0px 5px 0px;
}

.filter-product {
    margin: 69px 0px 0px 0px;
}

@media (max-width: 767px) {
    .filter-product {
        margin: 42px 0px 0px 0px;
    }
}

.filter-product .filter-tabs .bg-filter-tabs {
    padding: 0px 0px 27px 0px;
}

@media (max-width: 767px) {
    .filter-product .filter-tabs .bg-filter-tabs {
        padding: 0px 0px 11px 0px;
    }
}

.filter-product .filter-tabs .bg-filter-tabs .bg-filter-tabs2 .nav-tabs {
    border: none;
}

@media (max-width: 767px) {
    .filter-product .filter-tabs .bg-filter-tabs .bg-filter-tabs2 .nav-tabs {
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: scroll;
        margin: 0px -20px;
        padding: 0px 20px 0px 20px;
    }
}

.filter-product .filter-tabs .bg-filter-tabs .bg-filter-tabs2 .nav-tabs .nav-item {
    margin: 0px;
    padding: 0px 20px;
}

@media (max-width: 767px) {
    .filter-product .filter-tabs .bg-filter-tabs .bg-filter-tabs2 .nav-tabs .nav-item {
        margin: 0px 10px 0px 0px !important;
        padding: 0px 20px 0px 0px !important;
    }
}

.filter-product .filter-tabs .bg-filter-tabs .bg-filter-tabs2 .nav-tabs .nav-item:first-child {
    margin-left: auto;
}

.filter-product .filter-tabs .bg-filter-tabs .bg-filter-tabs2 .nav-tabs .nav-item:last-child {
    margin-right: auto;
}

.filter-product .filter-tabs .bg-filter-tabs .bg-filter-tabs2 .nav-tabs .nav-item .nav-link {
    padding: 0px;
    margin: 0px;
    border: none;
    background: none;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
}

@media (max-width: 991px) {
    .filter-product .filter-tabs .bg-filter-tabs .bg-filter-tabs2 .nav-tabs .nav-item .nav-link {
        font-size: 27px;
    }
}

@media (max-width: 767px) {
    .filter-product .filter-tabs .bg-filter-tabs .bg-filter-tabs2 .nav-tabs .nav-item .nav-link {
        font-size: 20px;
    }
}

.filter-product .filter-tabs .bg-filter-tabs .bg-filter-tabs2 .nav-tabs .nav-item .nav-link.active {
    color: #06bec7;
}

.filter-product .filter-tabs .bg-filter-tabs .bg-filter-tabs2 .nav-tabs .nav-item .nav-link.active:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    background: #06bec7;
    height: 3px;
}

@media (max-width: 767px) {
    .filter-product .filter-tabs .bg-filter-tabs .bg-filter-tabs2 .nav-tabs .nav-item .nav-link.active:before {
        height: 2px;
    }
}

.filter-product .next-button,
.filter-product .prev-button {
    position: absolute;
    left: -40px;
    top: 42%;
    font-size: 18px;
    line-height: 2;
    padding: 0px 10px;
    display: block;
}

.filter-product .next-button:before,
.filter-product .prev-button:before {
    content: "\f104";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.filter-product .next-button {
    left: auto;
    right: -40px;
    text-align: right;
}

.filter-product .next-button:before {
    content: "\f105";
}

.col-md-3 .box,
.col-md-4 .box {
    margin: 34px 0px 10px 0px;
}

.col-md-3 .box .box-heading,
.col-md-4 .box .box-heading {
    text-align: left;
    font-size: 20px;
    padding: 0px 0px 15px 0px;
}

@media (max-width: 767px) {
    .col-md-3 .box .box-heading,
    .col-md-4 .box .box-heading {
        font-size: 18px;
    }
}

.center-column .box {
    margin: 49px 0px 0px 0px;
}

@media (max-width: 767px) {
    .center-column .box {
        margin: 30px 0px 0px 0px;
    }
}

.box {
    margin: 66px 0px 0px 0px;
    position: relative;
}

@media (max-width: 767px) {
    .box {
        margin: 41px 0px 0px 0px;
    }
}

.box.type-2 .box-heading {
    font-size: 40px;
    line-height: 1.12;
    padding: 6px 0px 13px 0px;
}

@media (max-width: 1098px) {
    .box.type-2 .box-heading {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .box.type-2 .box-heading {
        font-size: 26px;
    }
}

.box .box-heading {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0px 0px 27px 0px;
}

@media (max-width: 1098px) {
    .box .box-heading {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .box .box-heading {
        font-size: 20px;
        padding: 0px 0px 11px 0px;
    }
}

.box .strip-line {
    display: none;
}

.box .box-content {
    clear: both;
}

.box>.prev,
.box>.next {
    position: absolute;
    left: -40px;
    top: 47%;
    font-size: 18px;
    line-height: 2;
    padding: 0px 10px;
    display: block;
    z-index: 2;
}

@media (max-width: 767px) {
    .box>.prev,
    .box>.next {
        left: -25px;
    }
}

.box>.prev:before,
.box>.next:before {
    content: "\f104";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.box>.next {
    left: auto;
    right: -40px;
    text-align: right;
}

@media (max-width: 767px) {
    .box>.next {
        right: -25px;
    }
}

.box>.next:before {
    content: "\f105";
}

.box-with-categories.blog-module {
    margin-top: 9px;
}

@media (max-width: 767px) {
    .box-with-categories.blog-module {
        margin-top: 29px;
    }
}

.box-with-categories.blog-module .box-heading {
    display: none;
}

.box-category ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.box-category ul li:first-child {
    border: none;
}

.box-category ul li {
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.panel .panel-collapse li a {
    font-size: 17px;
    font-weight: 100 !important;
    padding: 5px;
}

.box-category ul li.panel a {
    font-size: 17px;
    font-weight: 600;
}

.box-category ul li a.active {
    color: #06bec7;
    text-decoration: underline;
}

.box-category ul li .head a {
    font-size: 14px;
}

.box-category ul li .head .plus {
    display: none;
}

.box-category ul li .head .collapsed .plus {
    display: block;
}

.box-category ul li .head .collapsed .minus {
    display: none;
}

.box-category>ul>li {
    padding: 2px 0px 2px 0px;
}

.box-category>ul>li ul li {
    padding: 2px 0px 2px 20px;
}

.icon-enquiry[align=left] {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
    margin-top: 2px;
}

.icon-enquiry[align=right] {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
    margin-top: 2px;
}

.text-enquiry {
    vertical-align: top;
    display: inline-block;
}

#mfilter-content-container .product-grid {
    display: none;
}

#mfilter-content-container .product-grid.active {
    display: block;
}

#mfilter-content-container .product-list {
    position: absolute;
    width: 100%;
    max-height: 100px;
    overflow: hidden;
    opacity: 0;
    z-index: -10;
}

#mfilter-content-container .product-list.active {
    position: relative;
    visibility: visible;
    max-height: none;
    overflow: visible;
    opacity: 1;
    z-index: 0;
}

#mfilter-content-container>span {
    background: none !important;
}

#mfilter-content-container>span:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    filter: alpha(opacity=40);
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=40);
    opacity: 0.4;
    -moz-opacity: 0.40;
    left: 0;
    top: 0;
}

#mfilter-content-container>span>img {
    top: -90px !important;
    position: relative;
    z-index: 20;
}

.box-product .owl-carousel {
    margin: -15px;
    padding: 15px;
    width: auto !important;
    overflow: hidden;
    z-index: 0;
    padding-right: 25px;
}

.box-product .owl-carousel .owl-item .item {
    margin-right: -10px;
}

.box-product .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.box-product .owl-controls {
    display: none;
}

.center-column .product-grid {
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .center-column .product-grid {
        margin-bottom: 20px;
    }
}

.center-column .related-products .product-grid {
    margin-bottom: 20px;
}

.product-grid {
    position: relative;
    margin-top: -30px;
    clear: both;
}

.product-grid.type-2 {
    margin-top: -20px;
}

@media (max-width: 767px) {
    .product-grid {
        margin-top: -20px;
    }
}

.product-grid .row2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-grid .row,
.product-grid .row2 {
    margin-left: -10px;
    margin-right: -10px;
}

.product-grid .row>div,
.product-grid .row2>div {
    padding-left: 10px;
    padding-right: 10px;
}

.product-grid .product-type-2 {
    background: #f3f3f3;
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
}

.product-grid .product-type-2 .left {
    width: 50%;
    position: relative;
}

@media (max-width: 767px) {
    .product-grid .product-type-2 .left {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
        width: 45%;
    }
}

.product-grid .product-type-2 .left img[src="image/catalog/blank.gif"],
.product-grid .product-type-2 .left img[src="image/catalog/blank2.gif"],
.product-grid .product-type-2 .left img[src="image/catalog/blank3.gif"] {
    background: url("../../../image/catalog/loader.gif") no-repeat scroll center center #f3f3f3;
    width: 100%;
}

.product-grid .product-type-2 .right {
    width: 50%;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 35px;
    padding-bottom: 30px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (max-width: 767px) {
    .product-grid .product-type-2 .right {
        width: 55%;
        padding-top: 25px;
        padding-bottom: 25px;
        padding-left: 15px;
        padding-right: 20px;
    }
}

.product-grid .product-type-2 .right .name a {
    font-size: 20px;
    line-height: 1.25;
}

@media (max-width: 767px) {
    .product-grid .product-type-2 .right .name a {
        font-size: 17px;
    }
}

.product-grid .product-type-2 .right .rating-reviews {
    padding: 5px 0px 0px 0px;
}

.product-grid .product-type-2 .right .rating-reviews i {
    font-size: 13px;
}

.product-grid .product-type-2 .right .price {
    font-size: 20px;
    font-weight: 600;
    padding-top: 16px;
}

@media (max-width: 767px) {
    .product-grid .product-type-2 .right .price {
        font-size: 17px;
    }
}

.product-grid .product-type-2 .right .price .price-old {
    font-weight: 400;
    color: #808080;
    text-decoration: line-through;
    padding-right: 4px;
}

.product-grid .product-type-2 .right .price .price-new {
    color: #06bec7;
}

.product-grid .product-type-2 .right .top {
    -webkit-flex: 2 1 auto;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto;
    width: 100%;
}

.product-grid .product-type-2 .right .bottom {
    padding-top: 30px;
    width: 100%;
}

@media (max-width: 767px) {
    .product-grid .product-type-2 .right .bottom {
        padding-top: 15px;
    }
}

.product-grid .product-type-2 .right .bottom .btn {
    display: block;
    width: 100%;
    text-align: center;
}

@media (max-width: 767px) {
    .product-grid .product-type-2 .right .bottom .btn {
        display: none;
    }
}

.product-grid .product-type-2 .right .bottom .only-hover {
    padding-top: 10px;
}

@media (max-width: 767px) {
    .product-grid .product-type-2 .right .bottom .only-hover {
        padding-top: 0px;
    }
}

.product-grid .product-type-2 .right .bottom .only-hover ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
}

.product-grid .product-type-2 .right .bottom .only-hover ul li {
    margin-right: 2px;
}

.product-grid .product-type-2 .right .bottom .only-hover ul li a {
    width: 35px;
    height: 35px;
    background: #fff;
    text-align: center;
    line-height: 35px;
    display: block;
}

.product-grid .product {
    margin-top: 30px;
    position: relative;
}

@media (max-width: 767px) {
    .product-grid .product {
        margin-top: 20px;
    }
}

.product-grid .product:hover .image-swap-effect .swap-image {
    visibility: visible;
    opacity: 1;
}

.product-grid .product:hover .image img.zoom-image-effect {
    -webkit-transform: scale(1.05, 1.07);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 200ms;
    -moz-transform: scale(1.05, 1.07);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 200ms;
    transform: scale(1.05, 1.07);
    transition-timing-function: ease-out;
    transition-duration: 200ms;
}

.product-grid .product:hover .image .only-hover {
    opacity: 1;
    visibility: visible;
}

.product-grid .product:hover .image .add-to-cart {
    bottom: 0;
}

.product-grid .product:hover .is-countdown {
    visibility: hidden;
    opacity: 0;
}

.product-grid .product .image-swap-effect {
    position: relative;
}

.product-grid .product .image-swap-effect .swap-image {
    position: absolute;
    visibility: hidden;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    opacity: 0;
}

.product-grid .product .image {
    position: relative;
    overflow: hidden;
}

.product-grid .product .image a {
    display: block;
}

.product-grid .product .image img.zoom-image-effect {
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 200ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 200ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration: 200ms;
}

.product-grid .product .image .only-hover {
    position: absolute;
    z-index: 2;
    bottom: 50px;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.product-grid .product .image .only-hover ul {
    display: flex;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.product-grid .product .image .only-hover ul li {
    padding: 0px 1px;
}

.product-grid .product .image .only-hover ul li:first-child {
    margin-left: auto;
}

.product-grid .product .image .only-hover ul li:last-child {
    margin-right: auto;
}

.product-grid .product .image .only-hover ul li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #fff;
    text-align: center;
}

.product-grid .product .image .add-to-cart {
    position: absolute;
    bottom: -41px;
    left: 0;
    right: 0;
    z-index: 2;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.product-grid .product .image .add-to-cart a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    text-align: center;
    padding: 9px 10px;
    background: #06bec7;
}

.product-grid .product .image .add-to-cart a:hover {
    text-decoration: underline;
}

.product-grid .product .name {
    padding-top: 9px;
}

.product-grid .product .price {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding: 0px 0px 3px 0px;
}

.product-grid .product .price .price-old {
    color: #808080;
    text-decoration: line-through;
    padding-right: 6px;
    font-weight: normal;
}

.product-grid .product .price .price-new {
    color: #06bec7;
}

.sale,
.new:not(.day) {
    background: #06bec7;
    padding: 0px 5px;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    position: absolute;
    z-index: 1;
}

.new:not(.day) {
    background: #000;
}

.is-countdown {
    background: #fff;
    margin-top: -67px;
    left: 10px;
    right: 10px;
    padding: 0px;
    position: absolute;
    transition: opacity 0.2s, visibility 0.2s ease-in;
    -webkit-transition: opacity 0.2s, visibility 0.2s ease-in;
    -moz-transition: opacity 0.2s, visibility 0.2s ease-in;
}

@media (max-width: 767px) {
    .is-countdown {
        margin-top: -57px;
    }
}

.product-info .is-countdown {
    margin: 27px 0px 0px 0px;
    position: relative;
    left: auto;
    right: auto;
    background: #EEE;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
}

@media (max-width: 767px) {
    .product-info .is-countdown {
        margin-top: 17px;
    }
}

.product-info .is-countdown .countdown-section {
    border-left-color: rgba(255, 255, 255, 0.2);
    color: #000;
    padding: 8px 0px 14px 0px;
}

.product-info .is-countdown .countdown-amount {
    font-size: 30px;
    margin: 0px 0px -10px 0px;
    padding: 0px;
    color: #c00301;
}

@media (max-width: 1098px) {
    .product-info .is-countdown .countdown-amount {
        font-size: 26px;
        margin-bottom: -7px;
    }
}

@media (max-width: 767px) {
    .product-info .is-countdown .countdown-amount {
        font-size: 20px;
        margin-bottom: -5px;
    }
}

.countdown-holding span {
    color: #888;
}

.countdown-row {
    clear: both;
    width: 100%;
    padding: 0px;
    text-align: center;
}

.countdown-show1 .countdown-section {
    width: 98%;
}

.countdown-show2 .countdown-section {
    width: 48%;
}

.countdown-show3 .countdown-section {
    width: 32.5%;
}

.countdown-show4 .countdown-section {
    width: 24.5%;
}

.countdown-show5 .countdown-section {
    width: 19.5%;
}

.countdown-show6 .countdown-section {
    width: 16.25%;
}

.countdown-show7 .countdown-section {
    width: 14%;
}

.countdown-section {
    display: block;
    float: left;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    padding: 8px 0px 9px 0px;
}

@media (max-width: 767px) {
    .countdown-section {
        font-size: 8px;
    }
}

.countdown-section:first-child {
    border-left: none;
}

.countdown-amount {
    font-size: 18px;
    font-weight: 600;
    color: #06bec7;
    margin: 0px 0px -5px 0px;
    display: block;
    position: relative;
}

@media (max-width: 767px) {
    .countdown-amount {
        font-size: 14px;
        margin-bottom: -3px;
    }
}

.countdown-period {
    display: block;
}

.countdown-descr {
    display: block;
    width: 100%;
}

.product-list {
    padding: 0px 0px 10px 0px;
}

@media (max-width: 767px) {
    .product-list {
        padding: 0px;
    }
}

.product-list.type-2 {
    padding: 0px;
}

.product-list.type-2 .product-2 {
    margin: 0px 0px 30px 0px;
}

@media (max-width: 991px) {
    .product-list.type-2 .product-2>.d-flex {
        flex-wrap: wrap;
    }
}

.product-list.type-2 .product-2 .image {
    width: 270px;
}

@media (max-width: 991px) {
    .product-list.type-2 .product-2 .image {
        width: 35%;
    }
}

.product-list.type-2 .product-2 .center {
    width: 330px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0px 30px;
}

@media (max-width: 991px) {
    .product-list.type-2 .product-2 .center {
        width: 65%;
        padding-right: 0px;
        border: none;
    }
}

@media (max-width: 767px) {
    .product-list.type-2 .product-2 .center {
        padding-left: 25px;
    }
}

.product-list.type-2 .product-2 .center .stock {
    display: inline-block;
    background: #000;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 1px 5px 1px 5px;
    color: #fff;
}

.product-list.type-2 .product-2 .center .name {
    font-size: 20px;
    line-height: 1.25;
    padding: 30px 0px 0px 0px;
}

@media (max-width: 767px) {
    .product-list.type-2 .product-2 .center .name {
        padding-top: 20px;
    }
}

.product-list.type-2 .product-2 .center .rating-reviews {
    padding: 5px 0px 0px 0px;
}

.product-list.type-2 .product-2 .center .rating-reviews i {
    font-size: 13px;
}

.product-list.type-2 .product-2 .center .price {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    padding: 15px 0px 0px 0px;
}

.product-list.type-2 .product-2 .center .price .price-old {
    color: #808080;
    font-weight: normal;
    text-decoration: line-through;
    padding-right: 4px;
}

.product-list.type-2 .product-2 .center .price .price-new {
    color: #06bec7;
}

.product-list.type-2 .product-2 .center .left {
    padding-right: 11px;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    padding-top: 26px;
}

@media (max-width: 767px) {
    .product-list.type-2 .product-2 .center .left {
        padding-top: 17px;
    }
}

.product-list.type-2 .product-2 .center .right {
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 600;
    padding-top: 26px;
}

@media (max-width: 767px) {
    .product-list.type-2 .product-2 .center .right {
        padding-top: 17px;
    }
}

.product-list.type-2 .product-2 .center .description {
    font-size: 14px;
    line-height: 20px;
    padding: 15px 0px 0px 0px;
}

.product-list.type-2 .product-2 .right.align-self-center {
    padding-left: 30px;
    text-align: center;
    width: 250px;
}

@media (max-width: 991px) {
    .product-list.type-2 .product-2 .right.align-self-center {
        width: 100%;
        padding-left: 0px;
        padding-top: 30px;
    }
}

@media (max-width: 767px) {
    .product-list.type-2 .product-2 .right.align-self-center {
        padding-top: 25px;
    }
}

.product-list.type-2 .product-2 .right.align-self-center .add-to-cart {
    padding: 7px 0px 0px 0px;
}

.product-list.type-2 .product-2 .right.align-self-center .add-to-cart .button {
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 13px;
    padding-bottom: 12px;
}

.product-list.type-2 .product-2 .right.align-self-center .action {
    padding: 6px 0px 0px 0px;
    margin: 0px;
    list-style: none;
}

@media (max-width: 1098px) {
    .product-list.type-2 .product-2 .right.align-self-center .action {
        padding: 0px 0px 0px 0px;
    }
}

.product-list.type-2 .product-2 .right.align-self-center .action li {
    display: flex;
    padding: 11px 0px 0px 0px;
}

.product-list.type-2 .product-2 .right.align-self-center .action li a {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline;
    display: block;
    position: relative;
    margin: 0px auto;
}

@media (max-width: 767px) {
    .product-list.type-2 .product-2 .right.align-self-center .action li a {
        font-size: 11px;
    }
}

.product-list.type-2 .product-2 .right.align-self-center .action li a span {
    position: absolute;
    top: 50%;
    left: -28px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    font-size: 15px;
    padding-right: 15px;
}

@media (max-width: 767px) {
    .product-list.type-2 .product-2 .right.align-self-center .action li a span {
        font-size: 14px;
    }
}

.product-list .product {
    margin: 0px 0px 20px 0px;
}

@media (max-width: 767px) {
    .product-list .product {
        margin: 0px 0px 30px 0px;
    }
    .product-list .product .d-flex {
        -ms-flex-align: flex-start !important;
        align-items: flex-start !important;
    }
}

.product-list .product .left {
    width: 42%;
    min-width: 42%;
}

.product-list .product .right {
    width: 58%;
    padding: 0px 0px 0px 30px;
    max-width: 354px;
}

@media (max-width: 767px) {
    .product-list .product .right {
        padding: 0px 0px 0px 20px;
    }
}

.product-list .product .right .brand a,
.product-list .product .right .brand {
    font-size: 12px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .product-list .product .right .brand a,
    .product-list .product .right .brand {
        font-size: 11px;
    }
}

.product-list .product .right .name {
    padding: 7px 0px 0px 0px;
}

.product-list .product .right .name a {
    font-size: 25px;
    line-height: 30px;
}

@media (max-width: 1098px) {
    .product-list .product .right .name a {
        font-size: 21px;
        line-height: 1.2;
    }
}

@media (max-width: 767px) {
    .product-list .product .right .name a {
        font-size: 18px;
    }
}

.product-list .product .right .rating-reviews {
    padding: 8px 0px 0px 0px;
}

.product-list .product .right .price {
    font-size: 30px;
    font-weight: 600;
    padding: 23px 0px 0px 0px;
}

@media (max-width: 1098px) {
    .product-list .product .right .price {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .product-list .product .right .price {
        font-size: 20px;
        padding: 15px 0px 0px 0px;
    }
}

.product-list .product .right .price .price-old {
    font-size: 20px;
    color: #808080;
    font-weight: 400;
    text-decoration: line-through;
    padding-right: 5px;
}

@media (max-width: 1098px) {
    .product-list .product .right .price .price-old {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .product-list .product .right .price .price-old {
        font-size: 15px;
    }
}

.product-list .product .right .price .price-new {
    color: #06bec7;
}

.product-list .product .right .add-to-cart {
    padding: 7px 0px 0px 0px;
}

.product-list .product .right .add-to-cart .button {
    display: block;
    width: 100%;
    text-align: center;
}

.product-list .product .right .action {
    display: flex;
    flex-wrap: wrap;
    padding: 25px 0px 0px 0px;
    margin: 0px;
    list-style: none;
}

@media (max-width: 1098px) {
    .product-list .product .right .action {
        padding: 20px 0px 0px 0px;
    }
}

.product-list .product .right .action li {
    margin-left: 40px;
}

@media (max-width: 1098px) {
    .product-list .product .right .action li {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 4px;
        margin-top: 4px;
    }
}

.product-list .product .right .action li:first-child {
    margin-left: 0px;
}

.product-list .product .right .action li a {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline;
    display: block;
    margin-left: 28px;
    position: relative;
}

@media (max-width: 767px) {
    .product-list .product .right .action li a {
        font-size: 11px;
    }
}

.product-list .product .right .action li a span {
    position: absolute;
    top: 50%;
    left: -28px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    font-size: 15px;
    padding-right: 15px;
}

@media (max-width: 767px) {
    .product-list .product .right .action li a span {
        font-size: 14px;
    }
}

.close-aside-box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

@media (max-width: 767px) {
    .close-aside-box.active {
        display: block;
    }
}

@media (max-width: 767px) {
    .aside {
        position: fixed;
        top: 0;
        right: 70px;
        bottom: 0;
        left: 0;
        background: #fff;
        overflow: scroll;
        width: auto !important;
        padding: 0px 30px 20px 30px !important;
        visibility: hidden;
        opacity: 0;
        z-index: -1;
    }
    .aside.active {
        visibility: visible;
        opacity: 1;
        z-index: 102;
    }
}

.aside .close-aside-box2 {
    position: absolute;
    top: -30px;
    right: -30px;
    width: 30px;
    height: 30px;
    background: #fff;
    text-align: center;
    line-height: 30px;
}

@media (max-width: 767px) {
    .aside .close-aside-box2 {
        display: block !important;
    }
}

@media (min-width: 768px) {
    .aside .sort,
    .aside .limit {
        display: none !important;
    }
}

.aside .sort {
    font-size: 13px;
    text-transform: uppercase;
    margin: 30px 0px 0px 0px;
    flex-wrap: wrap;
}

.aside .sort .select {
    margin: 0px 0px 1px 8px;
    position: relative;
}

.aside .sort .select:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    right: 0;
    border-top: 0.5em solid #b2b2b2;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.aside .sort .select select {
    height: auto;
    padding: 0px 20px 0px 0px;
    margin: 0px;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: underline;
    position: relative;
    z-index: 2;
}

.aside .limit {
    font-size: 13px;
    text-transform: uppercase;
    margin: 10px 0px 0px 0px;
    flex-wrap: wrap;
}

.aside .limit .select {
    margin: 0px 0px 1px 8px;
    position: relative;
}

.aside .limit .select:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    right: 0;
    border-top: 0.5em solid #b2b2b2;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.aside .limit .select select {
    height: auto;
    padding: 0px 20px 0px 0px;
    margin: 0px;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: underline;
    position: relative;
    z-index: 2;
}

.category-info {
    padding: 0px 0px 0px 0px;
    position: relative;
    margin: 0px -20px 0px 0px;
}

@media (max-width: 767px) {
    .category-info {
        padding: 0px 0px 10px 0px;
    }
}

.category-info .image {
    padding: 4px 20px 20px 0px;
    float: left;
    width: auto;
    max-width: 100%;
}

.category-info>p {
    padding: 2px 20px 20px 0px;
}

.refine_search {
    margin-top: 7px !important;
    margin-bottom: 20px !important;
    padding: 0px !important;
}

.category-list .row>div {
    margin-bottom: 26px;
    text-align: center;
}

@media (max-width: 767px) {
    .category-list .row>div {
        margin-bottom: 16px;
    }
}

.category-list img {
    display: block;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.category-list-text-only {
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .category-list-text-only {
        margin-bottom: 15px;
    }
}

.category-list-text-only .row>div {
    margin-bottom: 6px;
    text-align: left;
}

@media (max-width: 767px) {
    .category-list-text-only .row>div {
        margin-bottom: 6px;
    }
}

.product-filter {
    margin: -3px 0px 24px 0px;
    position: relative;
    clear: both;
}

@media (max-width: 1098px) {
    .product-filter {
        flex-wrap: wrap;
    }
    #top-bar .left .social-links li a {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .product-filter {
        margin-bottom: 18px;
    }
}

.product-filter h1 {
    font-size: 30px;
    text-transform: uppercase;
    padding: 0px 30px 0px 0px;
    margin: 0px;
}

@media (max-width: 1098px) {
    .product-filter h1 {
        width: 100%;
        padding: 0px 0px 15px 0px;
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .product-filter h1 {
        font-size: 20px;
    }
    #mobile-header-3 .top-bottom .right .social-links li a {
        font-size: 12px;
    }
}

.product-filter .open-filter {
    color: #06bec7;
    font-weight: 600;
    cursor: pointer;
    padding: 4px 0px;
}

.product-filter .open-filter i {
    margin-right: 6px;
}

.product-filter .options {
    margin: 0px 0px 0px auto;
}

@media (max-width: 1098px) {
    .product-filter .options {
        margin: 0px 0px 0px -8px;
    }
}

@media (max-width: 767px) {
    .product-filter .options {
        margin: 0px 0px 0px auto;
    }
}

.product-filter .options .display button {
    padding: 4px 8px;
    margin: 0px;
    background: none;
    border: none;
    color: #ccc;
}

.product-filter .options .display button.active,
.product-filter .options .display button:hover {
    color: #000;
}

.product-filter .sort {
    font-size: 13px;
    text-transform: uppercase;
    margin: 0px 0px 0px 50px;
    flex-wrap: wrap;
}

@media (max-width: 1098px) {
    .product-filter .sort {
        margin: 0px 0px 0px auto;
    }
}

@media (max-width: 767px) {
    .product-filter .sort {
        display: none !important;
    }
}

.product-filter .sort .select {
    margin: 0px 0px 1px 8px;
    position: relative;
}

.product-filter .sort .select:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    right: 0;
    border-top: 0.5em solid #b2b2b2;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.product-filter .sort .select select {
    height: auto;
    padding: 0px 20px 0px 0px;
    margin: 0px;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: underline;
    position: relative;
    z-index: 2;
}

.product-filter .limit {
    font-size: 13px;
    text-transform: uppercase;
    margin: 0px 0px 0px 38px;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .product-filter .limit {
        display: none !important;
    }
}

.product-filter .limit .select {
    margin: 0px 0px 1px 8px;
    position: relative;
}

.product-filter .limit .select:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    right: 0;
    border-top: 0.5em solid #b2b2b2;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.product-filter .limit .select select {
    height: auto;
    padding: 0px 20px 0px 0px;
    margin: 0px;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: underline;
    position: relative;
    z-index: 2;
}

.product-bar {
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    position: fixed;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    padding: 10px 30px;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.product-bar.active {
    opacity: 1;
    z-index: 99;
    visibility: visible;
}

@media (max-width: 1280px) {
    .product-bar {
        display: none !important;
    }
}

.product-bar .container {
    max-width: 1140px !important;
    margin: 0px auto !important;
}

.product-bar .container .info {
    margin-right: auto;
}

.product-bar .container .image img {
    max-height: 80px;
}

.product-bar .container .name {
    padding-left: 20px;
}

.product-bar .container .name .price {
    font-size: 16px;
    color: #06bec7;
    font-weight: 600;
}

.product-bar .container .name .price .price-old {
    color: #808080;
    font-weight: normal;
    text-decoration: line-through;
    padding-right: 2px;
}

.product-bar .container .form-group {
    margin: -3px auto 0px auto;
    padding: 0px 0px 0px 0px;
}

.product-bar .container .form-group label {
    margin-bottom: 2px;
}

.product-bar .container .form-group>label {
    font-size: 13px;
    color: #06bec7;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0px 0px 4px 0px;
    margin-bottom: 0px;
}

.product-bar .container .form-group input,
.product-bar .container .form-group select,
.product-bar .container .form-group textarea {
    margin: 0px;
}

.product-bar .container .form-group .text-danger {
    padding-top: 10px;
}

.product-bar .container .flex-wrap {
    flex-wrap: wrap;
}

.product-bar .container .radio-type-button2 {
    margin: auto 11px auto 0px;
    background: #e6e6e6;
}

.product-bar .container .radio-type-button2 label {
    padding: 0px !important;
    margin: -2px !important;
    display: block;
    position: relative;
    border: 2px solid transparent;
    cursor: pointer;
}

.product-bar .container .radio-type-button2.active label {
    border: 2px solid #06bec7;
}

.product-bar .container .radio-type-button2 img,
.product-bar .container .radio-type-button2 span {
    display: block;
    cursor: pointer;
}

.product-bar .container .radio-type-button2 img.text,
.product-bar .container .radio-type-button2 span.text {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px 12px;
}

.product-bar .container .radio-type-button2 input {
    display: none;
}

.product-bar .container .cart {
    padding-top: 23px;
    margin-left: auto;
}

.product-bar .container .cart .add-to-cart .quantity {
    width: 155px;
    padding-right: 10px;
    position: relative;
}

@media (max-width: 991px) {
    .product-bar .container .cart .add-to-cart .quantity {
        width: 200px;
    }
}

.product-bar .container .cart .add-to-cart .quantity input {
    margin: 0px;
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}

@media (max-width: 767px) {
    .product-bar .container .cart .add-to-cart .quantity input {
        font-size: 14px;
    }
}

.product-bar .container .cart .add-to-cart .quantity #q_up2,
.product-bar .container .cart .add-to-cart .quantity #q_down2 {
    display: block;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    width: 31px;
    line-height: 50px;
    text-align: center;
    font-size: 12px;
}

.product-bar .container .cart .add-to-cart .quantity #q_down2 {
    right: auto;
    left: 0;
    border-left: none;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.product-bar .container .cart .add-to-cart .button {
    width: 290px;
    height: 50px;
    font-size: 20px;
    text-align: center;
}

@media (max-width: 1098px) {
    .product-bar .container .cart .add-to-cart .button {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .product-bar .container .cart .add-to-cart .button {
        font-size: 16px;
    }
}

.product-info .product-image {
    padding: 0px 0px 20px 0px;
}

@media (max-width: 767px) {
    .product-info .product-image {
        padding-bottom: 36px;
        flex-wrap: wrap;
    }
}

.product-info .product-image .product-image-left {
    width: 60px;
    min-width: 60px;
}

@media (max-width: 767px) {
    .product-info .product-image .product-image-left {
        width: auto;
        order: 2;
        margin-right: -10px;
        position: relative;
    }
}

.product-info .product-image .product-image-left ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

@media (max-width: 767px) {
    .product-info .product-image .product-image-left ul {
        display: flex;
        flex-wrap: wrap;
    }
}

.product-info .product-image .product-image-left ul li {
    padding: 0px 0px 10px 0px;
}

@media (max-width: 767px) {
    .product-info .product-image .product-image-left ul li {
        padding: 10px 10px 0px 0px;
        width: 20%;
    }
}

.product-info .product-image .product-image-left ul li a {
    display: block;
}

.product-info .product-image .product-image-left ul li a.active {
    margin: -2px;
    border: 2px solid #06bec7;
    position: relative;
}

.product-info .product-image .product-image-left ul li a img {
    display: block;
}

.product-info .product-image .product-image-left ul li p {
    margin: 0px;
    padding: 0px;
}

.product-info .product-image .product-image-right {
    width: 100%;
    padding-left: 10px;
}

@media (max-width: 767px) {
    .product-info .product-image .product-image-right {
        padding: 0px;
    }
}

.product-info .product-center {
    position: relative;
    margin-bottom: 20px;
    padding-left: 30px;
}

@media (max-width: 1098px) {
    .product-info .product-center {
        padding-left: 15px;
    }
}

@media (max-width: 767px) {
    .product-info .product-center {
        padding-left: 10px;
    }
}

.product-info .product-center .brand {
    margin: -6px 0px 0px 0px;
    position: relative;
}

.product-info .product-center .brand a {
    font-size: 12px;
    text-transform: uppercase;
}

.product-info .product-center .label {
    margin: 0px 0px 0px auto;
}

.product-info .product-center .label .new,
.product-info .product-center .label .sale {
    position: relative;
    margin: 0px;
}

.product-info .product-center h1 {
    padding: 10px 0px 0px 0px;
    margin: 0px;
    font-size: 30px;
    line-height: 1.18;
    text-transform: uppercase;
}

@media (max-width: 1098px) {
    .product-info .product-center h1 {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .product-info .product-center h1 {
        font-size: 20px;
    }
}

.product-info .product-center .review {
    padding: 10px 0px 0px 0px;
}

.product-info .product-center .review .rating i {
    font-size: 12px;
}

.product-info .product-center .review .rating a {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

.product-info .product-center .description {
    padding: 19px 0px 0px 0px;
}

.product-info .product-center .description .left {
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
}

.product-info .product-center .description .right {
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    padding-left: 10px;
    text-transform: uppercase;
}

.product-info .product-center .price {
    padding: 6px 0px 0px 0px;
}

@media (max-width: 767px) {
    .product-info .product-center .price {
        padding: 10px 0px 4px 0px;
    }
}

.product-info .product-center .price .price-new {
    font-size: 50px;
    color: #06bec7;
    font-weight: 600;
}

@media (max-width: 1098px) {
    .product-info .product-center .price .price-new {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .product-info .product-center .price .price-new {
        font-size: 32px;
    }
}

.product-info .product-center .price .price-old,
.ui-autocomplete span.price-old {
    font-size: 25px;
    color: #808080;
    text-decoration: line-through;
    margin-right: 10px;
}

.ui-autocomplete span.price-old {
    font-size: 13px !important;
}

@media (max-width: 767px) {
    .product-info .product-center .price .price-old {
        font-size: 20px;
    }
}

.product-info .product-center .hurry-up {
    padding: 0px 0px 0px 0px;
    margin: -5px 0px 15px 0px;
    position: relative;
}

@media (max-width: 767px) {
    .product-info .product-center .hurry-up {
        margin-top: 0px;
    }
}

.product-info .product-center .hurry-up .heading {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .product-info .product-center .hurry-up .heading {
        font-size: 14px;
    }
}

.product-info .product-center .hurry-up .heading span {
    color: #06bec7;
}

.product-info .product-center .hurry-up .line {
    height: 10px;
    background: #e6e6e6;
    margin-top: 3px;
}

.product-info .product-center .hurry-up .line .line2 {
    height: 10px;
    background: #06bec7;
    width: 63%;
}

.product-info .product-center .options {
    padding: 7px 0px 0px 0px;
}

@media (max-width: 767px) {
    .product-info .product-center .options {
        padding-top: 0px;
    }
}

.product-info .product-center .options h2 {
    display: none;
}

.product-info .product-center .options .form-group {
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 0px 0px;
}

@media (max-width: 767px) {
    .product-info .product-center .options .form-group {
        padding-top: 15px;
    }
}

.product-info .product-center .options .form-group label {
    margin-bottom: 2px;
}

.product-info .product-center .options .form-group>label {
    font-size: 13px;
    color: #06bec7;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0px 0px 4px 0px;
    margin-bottom: 0px;
}

.product-info .product-center .options .form-group input,
.product-info .product-center .options .form-group select,
.product-info .product-center .options .form-group textarea {
    margin: 0px;
}

.product-info .product-center .options .form-group .text-danger {
    padding-top: 10px;
}

.product-info .product-center .options .flex-wrap {
    flex-wrap: wrap;
}

.product-info .product-center .options .radio-type-button2 {
    margin: auto 11px auto 0px;
    background: #e6e6e6;
}

.product-info .product-center .options .radio-type-button2 label {
    padding: 0px !important;
    margin: -2px !important;
    display: block;
    position: relative;
    border: 2px solid transparent;
    cursor: pointer;
}

.product-info .product-center .options .radio-type-button2.active label {
    border: 2px solid #06bec7;
}

.product-info .product-center .options .radio-type-button2 img,
.product-info .product-center .options .radio-type-button2 span {
    display: block;
    cursor: pointer;
}

.product-info .product-center .options .radio-type-button2 img.text,
.product-info .product-center .options .radio-type-button2 span.text {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px 12px;
}

.product-info .product-center .options .radio-type-button2 input {
    display: none;
}

.product-info .product-center .cart {
    padding-top: 40px;
}

@media (max-width: 767px) {
    .product-info .product-center .cart {
        padding-top: 30px;
    }
}

.product-info .product-center .cart .add-to-cart .quantity {
    min-width: 100px;
    width: 155px;
    padding-right: 10px;
    position: relative;
}

@media (max-width: 991px) {
    .product-info .product-center .cart .add-to-cart .quantity {
        width: 200px;
    }
}

.product-info .product-center .cart .add-to-cart .quantity input {
    margin: 0px;
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}

@media (max-width: 767px) {
    .product-info .product-center .cart .add-to-cart .quantity input {
        font-size: 14px;
    }
}

.product-info .product-center .cart .add-to-cart .quantity #q_up,
.product-info .product-center .cart .add-to-cart .quantity #q_down {
    display: block;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    width: 31px;
    line-height: 50px;
    text-align: center;
    font-size: 12px;
}

.product-info .product-center .cart .add-to-cart .quantity #q_down {
    right: auto;
    left: 0;
    border-left: none;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.product-info .product-center .cart .add-to-cart .button {
    width: 290px;
    height: 50px;
    font-size: 20px;
    text-align: center;
}

@media (max-width: 1098px) {
    .product-info .product-center .cart .add-to-cart .button {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .product-info .product-center .cart .add-to-cart .button {
        font-size: 16px;
    }
}

.product-info .product-center .minimum {
    padding: 20px 0px 0px 0px;
}

.product-info .product-center .button-product-question {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: underline;
    margin: 39px 0px 0px 30px;
    position: relative;
    float: left;
    clear: left;
}

@media (max-width: 767px) {
    .product-info .product-center .button-product-question {
        margin-top: 29px;
    }
}

.product-info .product-center .button-product-question span {
    position: absolute;
    top: 50%;
    left: -28px;
    width: 28px;
    display: block;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    font-size: 15px;
}

.product-info .product-center .links {
    padding: 28px 0px 0px 0px;
}

@media (max-width: 767px) {
    .product-info .product-center .links {
        padding-top: 18px;
    }
}

.product-info .product-center .links a {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: underline;
    margin: 11px 0px 0px 30px;
    position: relative;
    float: left;
    clear: left;
}

.product-info .product-center .links a span {
    position: absolute;
    top: 50%;
    left: -28px;
    width: 28px;
    display: block;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    font-size: 15px;
}

.product-info .product-center .product-information-buttons {
    padding: 32px 0px 0px 0px;
}

@media (max-width: 767px) {
    .product-info .product-center .product-information-buttons {
        padding-top: 22px;
    }
}

.product-info .product-center .product-information-buttons a {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
}

.product-info .product-center .payment {
    padding: 32px 0px 0px 0px;
}

@media (max-width: 767px) {
    .product-info .product-center .payment {
        padding-top: 22px;
    }
}

.product-info .product-center .share {
    padding-top: 40px;
}

@media (max-width: 767px) {
    .product-info .product-center .share {
        padding-top: 30px;
    }
}

.product-info .product-center .share #st-1 .st-btn {
    background: #bebebe !important;
    border-color: #bebebe !important;
    margin-right: 7px !important;
}

.product-info .product-center .share #st-1 .st-btn svg path,
.product-info .product-center .share #st-1 .st-btn svg g {
    fill: #fff !important;
}

.product-info .product-center .share #st-1 .st-btn:nth-child(2n+1) {
    background: #b4b4b4 !important;
    border-color: #b4b4b4 !important;
}

.tags_product {
    margin: 0px 0px 20px 0px;
}

.product-block {
    border: 1px solid #e6e6e6;
    background: #fff;
    padding: 20px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin: 0px 0px 20px 0px;
}

.product-block .title-block {
    float: left;
    margin: 5px 15px 23px 0px;
    padding: 0px;
    font-size: 18px;
    font-weight: 400;
}

.product-block .strip-line {
    background: url(../img/patterns/heading/01.png) 0px 50% repeat-x;
    height: 30px;
    overflow: hidden;
}

.product-block .block-content {
    clear: both;
}

.rating i {
    margin: 0px 1px 0px 2px;
    font-size: 14px;
    color: #cdcdcd;
}

@media (max-width: 767px) {
    .rating i {
        font-size: 13px;
    }
}

.rating i.active {
    color: #06bec7;
}


/* 10.5 Instagram */

.common-home .instagram {
    margin-top: -42px;
}

@media (max-width: 767px) {
    .common-home .instagram {
        margin-top: -20px;
    }
}

.instagram {
    overflow: hidden;
    margin-top: -20px;
    position: relative;
}

.instagram .instagram-title {
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0px 0px 5px 0px;
}

.instagram .instagram-title span {
    color: #06bec7;
}

.instagram #instafeed {
    display: flex;
    flex-wrap: nowrap;
}

.instagram #instafeed>a {
    min-width: 8.33333333333%;
    position: relative;
    display: block;
}

@media (max-width: 1940px) {
    .instagram #instafeed>a {
        min-width: 9.0909090909%;
    }
}

@media (max-width: 1800px) {
    .instagram #instafeed>a {
        min-width: 10%;
    }
}

@media (max-width: 1600px) {
    .instagram #instafeed>a {
        min-width: 11.11111%;
    }
}

@media (max-width: 1500px) {
    .instagram #instafeed>a {
        min-width: 12.5%;
    }
}

@media (max-width: 1300px) {
    .instagram #instafeed>a {
        min-width: 14.2857%;
    }
}

@media (max-width: 1100px) {
    .instagram #instafeed>a {
        min-width: 16.66666667%;
    }
}

@media (max-width: 900px) {
    .instagram #instafeed>a {
        min-width: 20%;
    }
}

@media (max-width: 767px) {
    .instagram #instafeed>a {
        min-width: 12.5%;
    }
}

@media (max-width: 700px) {
    .instagram #instafeed>a {
        min-width: 14.2857%;
    }
}

@media (max-width: 600px) {
    .instagram #instafeed>a {
        min-width: 16.666666%;
    }
}

@media (max-width: 520px) {
    .instagram #instafeed>a {
        min-width: 20%;
    }
}

@media (max-width: 450px) {
    .instagram #instafeed>a {
        min-width: 25%;
    }
}

.instagram #instafeed>a:hover:before,
.instagram #instafeed>a:hover:after {
    opacity: 1;
    visibility: visible;
}

.instagram #instafeed>a:before {
    content: '';
    background: rgba(0, 0, 0, 0.2);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.instagram #instafeed>a:after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "\f06e";
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.instagram #instafeed img {
    display: block;
    width: 100%;
    height: 170px;
    object-fit: cover;
}

@media (max-width: 767px) {
    .instagram #instafeed img {
        width: 100%;
        height: 90px;
    }
}


/* 11 Footer */

.standard-body .footer .background {
    background: #F0F0ED;
}

.footer {
    position: relative;
}

.footer .background-footer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.footer .background {
    background: #000000;
}

@media (max-width: 767px) {
    .footer .pattern {
        padding: 0px 0px 30px 0px;
    }
}

.footer .pattern a {
    color: #808080;
}

.footer .pattern a:hover {
    color: #fff;
}

.footer .pattern p {
    padding: 0px;
    margin: 0px;
}

.footer .footer-newsletter {
    padding: 72px 0px 0px 0px;
    position: relative;
}

@media (max-width: 767px) {
    .footer .footer-newsletter {
        padding: 45px 0px 0px 0px;
    }
}

.footer .footer-newsletter h5 {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    margin: 0px;
}

@media (max-width: 991px) {
    .footer .footer-newsletter h5 {
        font-size: 27px;
    }
}

@media (max-width: 767px) {
    .footer .footer-newsletter h5 {
        font-size: 20px;
    }
}

.footer .footer-newsletter .line {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    margin-top: 48px;
}

@media (max-width: 767px) {
    .footer .footer-newsletter .line {
        display: none;
    }
}

.footer .footer-newsletter .content {
    margin: 0px auto;
    background: #000;
    max-width: 675px;
    position: relative;
    z-index: 2;
    padding-top: 28px;
}

@media (max-width: 767px) {
    .footer .footer-newsletter .content {
        max-width: 100%;
        background: none;
        padding-top: 12px;
    }
}

.footer .footer-newsletter .content input {
    margin-left: auto;
    margin-right: 10px;
    background: #262626;
    color: #fff;
    width: 382px;
}

@media (max-width: 767px) {
    .footer .footer-newsletter .content input {
        width: 100%;
    }
}

.footer .footer-newsletter .content input:focus {
    background: #333;
}

.footer .footer-newsletter .content .button {
    margin-right: auto;
}

@media (max-width: 767px) {
    .footer .footer-newsletter .content .button {
        font-size: 15px;
        padding-top: 9px;
        white-space: nowrap;
    }
}

.footer .footer-newsletter .checkbox {
    text-align: center;
    padding-top: 2px;
}

@media (max-width: 767px) {
    .footer .footer-newsletter .checkbox {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.footer .footer-newsletter .checkbox label {
    font-size: 13px;
    position: relative;
    cursor: pointer;
    margin: 0px;
}

.footer .footer-newsletter .checkbox label .custom-control-indicator {
    position: absolute;
    background: #262626;
    width: 20px;
    height: 20px;
    display: block;
    left: -30px;
    top: 0px;
}

.footer .footer-newsletter .checkbox label .custom-control-input:checked~.custom-control-indicator:before {
    content: "\f00c";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    text-align: center;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 20px;
    color: #06bec7;
}

.footer .footer-newsletter .checkbox label a {
    text-decoration: underline;
}

.footer .open-footer-menu {
    display: none;
}

@media (max-width: 767px) {
    .footer .open-footer-menu {
        display: block;
        margin: 34px 0px 0px 0px;
    }
    .footer .open-footer-menu.active {
        display: none;
    }
}

.footer .open-footer-menu .icon {
    margin: 0px 0px 0px auto;
}

.footer .open-footer-menu .icon span {
    display: block;
    width: 25px;
    height: 4px;
    margin: 2px 0px 2px 0px;
    background: #fff;
}

.footer .open-footer-menu .text {
    margin: 0px auto 0px 0px;
    padding: 0px 0px 0px 12px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .footer .footer-menu.active {
        display: block;
    }
}

.footer h4 {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 0px 0px 0px 0px;
    margin: 77px 0px 31px 0px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .footer h4 {
        margin-top: 30px;
        text-align: center;
        margin-bottom: 20px;
    }
}

.footer .strip-line {
    display: none;
}

.footer ul {
    list-style: none;
    position: relative;
    margin: 0px;
    padding: 0px;
    clear: both;
}

@media (max-width: 767px) {
    .footer ul {
        text-align: center;
    }
}

.footer ul li a {
    line-height: 25px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}


/* 12 Copyright */

.standard-body .copyright .background {
    background: #000;
}

.copyright {
    position: relative;
}

@media (max-width: 767px) {
    .copyright {
        text-align: center;
    }
}

.copyright .background-copyright {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.copyright .background {
    background: #000;
}

.copyright .pattern {
    padding: 0px 0px 45px 0px;
    color: #666666;
    font-size: 13px;
}

@media (max-width: 767px) {
    .copyright .pattern {
        padding-bottom: 37px;
    }
}

.copyright .pattern a {
    color: #666666;
}

.copyright .pattern a:hover {
    color: #fff;
}

.copyright p {
    margin: 0px;
    padding: 0px;
}

.copyright .social-payments {
    padding-bottom: 36px;
}

@media (max-width: 767px) {
    .copyright .social-payments {
        flex-wrap: wrap;
        padding: 0px 0px 27px 0px;
    }
}

@media (max-width: 767px) {
    .copyright .social-payments .left {
        width: 100%;
        margin: 0px auto;
    }
}

.copyright .social-payments .left ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
}

.copyright .social-payments .left ul li {
    margin: 0px 25px 0px 0px;
}

@media (max-width: 767px) {
    .copyright .social-payments .left ul li:first-child {
        margin-left: auto;
    }
    .copyright .social-payments .left ul li:last-child {
        margin-right: auto;
    }
}

.copyright .social-payments .left ul li a {
    font-size: 20px;
}

.copyright .social-payments .right {
    margin-left: auto;
}

@media (max-width: 767px) {
    .copyright .social-payments .right {
        width: 100%;
        margin: 20px auto 0px auto;
    }
}

.copyright .social-payments .right a {
    display: inline-block;
    vertical-align: top;
    margin-left: 8px;
}

@media (max-width: 767px) {
    .copyright .social-payments .right a img {
        width: 36px;
    }
}


/* 13 OpenCart Styles */

.main-content .content {
    padding: 0px 0px 20px 0px;
}

.main-content .content:before,
.main-content .content:after {
    display: table;
    content: " ";
}

.main-content .content:after {
    clear: both;
}

.main-content .content .left {
    float: left;
    width: 47%;
    padding: 0px;
}

@media (max-width: 767px) {
    .main-content .content .left {
        float: none;
        width: 100%;
    }
}

.main-content .content .right {
    float: right;
    width: 47%;
    padding: 0px;
}

@media (max-width: 767px) {
    .main-content .content .right {
        float: none;
        width: 100%;
    }
}

.login-content:before,
.login-content:after {
    display: table;
    content: " ";
}

.login-content:after {
    clear: both;
}

.login-content .left {
    float: left;
    width: 47%;
    padding: 0px;
}

@media (max-width: 767px) {
    .login-content .left {
        float: none;
        width: 100%;
    }
}

.login-content .left .button {
    margin-top: 10px;
}

.login-content .right {
    float: right;
    width: 47%;
    padding: 0px;
}

@media (max-width: 767px) {
    .login-content .right {
        float: none;
        width: 100%;
    }
}

.login-content .content {
    margin: 20px 0px 0px 0px;
}

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
    /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}

.ui-front {
    z-index: 100;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    z-index: 999;
}

.autocomplete-results {
    position: relative;
}

.ui-autocomplete {
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    padding: 0px !important;
    margin-top: 14px !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    min-width: 250px !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.ui-autocomplete:before {
    position: absolute;
    top: -9px;
    left: 19px;
    display: inline-block;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #ccc;
    border-left: 9px solid transparent;
    border-bottom-color: #e8e8e8;
    content: '';
}

.ui-autocomplete:after {
    position: absolute;
    top: -8px;
    left: 20px;
    display: inline-block;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
    border-left: 8px solid transparent;
    content: '';
}

.container-megamenu .ui-autocomplete {
    left: auto !important;
}

.container-megamenu .ui-autocomplete:before {
    left: auto;
    right: 18px;
}

.container-megamenu .ui-autocomplete:after {
    left: auto;
    right: 19px;
}

.ui-autocomplete li {
    padding: 0px !important;
    margin: 0px !important;
    cursor: pointer !important;
    border: none !important;
    border-top: 1px solid #e8e8e8 !important;
    background: none !important;
    list-style: none !important;
}

.ui-autocomplete li:first-child {
    border-top: none !important;
}

.ui-autocomplete li a {
    display: block;
    padding: 10px !important;
    margin: 0px !important;
    cursor: pointer !important;
    border: none !important;
    background: none !important;
    overflow: hidden;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    color: #000 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    font-family: 'Open Sans' !important;
}

.ui-autocomplete li a.ui-state-focus {
    background: #f7f7f7 !important;
}

.ui-autocomplete li img {
    float: left;
    width: 70px;
    margin-right: 10px;
}

.ui-autocomplete li span.description {
    font-size: 11px !important;
    opacity: 0.7 !important;
}

.ui-autocomplete li span.price {
    color: #000 !important;
    display: block !important;
    font-weight: bold;
    padding-top: 4px !important;
}

.ui-autocomplete-loading {
    background-image: url('../../../image/catalog/loader.gif') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.pagination-results {
    padding: 0px 0px 29px 0px;
}

.pagination-results .col-md-6 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.pagination-results ul.pagination {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    padding: 8px 0px 0px 0px;
    margin: 0px;
}

.pagination-results ul.pagination li {
    padding: 3px 8px;
}

.pagination-results ul.pagination li:first-child {
    margin-left: auto;
}

.pagination-results ul.pagination li:last-child {
    margin-right: auto;
}

.pagination-results ul.pagination li,
.pagination-results ul.pagination li a {
    font-size: 20px;
    font-weight: 600;
}

@media (max-width: 767px) {
    .pagination-results ul.pagination li,
    .pagination-results ul.pagination li a {
        font-size: 16px;
    }
}

.pagination-results ul.pagination li.active {
    text-decoration: underline;
    color: #06bec7;
}

.pagination-results .text-right {
    text-align: center !important;
    font-size: 13px;
    text-transform: uppercase;
    padding: 4px 0px 0px 0px;
}

.list-box {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.list-box li {
    text-transform: uppercase;
    font-weight: 600;
    padding: 2px 0px;
}

span.error {
    padding: 5px 0px;
    display: block;
    color: red;
}

.form span.error {
    display: inline-block;
    padding-left: 20px;
}

.product-info span.error {
    padding-top: 0px;
}

.help {
    font-size: 10px;
    display: block;
}

table.form td {
    padding: 5px 13px 0px 0px;
}

table.form td input,
table.form td select,
table.form td textarea {
    margin-left: 7px;
}

.htabs {
    display: flex;
    padding: 45px 0px 27px 0px;
}

@media (max-width: 991px) {
    .htabs {
        overflow: scroll;
    }
}

@media (max-width: 767px) {
    .htabs {
        margin: 0px -20px;
        position: relative;
        padding: 10px 20px 17px 20px;
    }
}

.htabs a {
    margin: 0px 20px;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

@media (max-width: 1098px) {
    .htabs a {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .htabs a {
        font-size: 20px;
        margin: 0px 15px;
    }
}

@media (max-width: 991px) {
    .htabs a {
        white-space: nowrap;
    }
}

.htabs a:first-child {
    margin-left: auto;
}

.htabs a:last-child {
    margin-right: auto;
}

@media (max-width: 767px) {
    .htabs a:last-child {
        padding-right: 20px;
    }
}

.htabs a.selected {
    color: #06bec7;
    text-decoration: underline;
}

.center-column .tab-content {
    margin: 0px -2000px 20px -2000px;
    padding: 50px 2000px 50px 2000px;
    background: #f2f2f2;
    font-size: 18px;
    line-height: 1.55;
}

@media (max-width: 1098px) {
    .center-column .tab-content {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .center-column .tab-content {
        padding-top: 30px;
        padding-bottom: 30px;
        font-size: 14px;
    }
}

.center-column .tab-content h1,
.center-column .tab-content h2,
.center-column .tab-content h3,
.center-column .tab-content h4,
.center-column .tab-content h5,
.center-column .tab-content h6 {
    font-size: 30px;
    line-height: 40px;
    padding-bottom: 27px;
    margin-bottom: 0px;
}

@media (max-width: 1098px) {
    .center-column .tab-content h1,
    .center-column .tab-content h2,
    .center-column .tab-content h3,
    .center-column .tab-content h4,
    .center-column .tab-content h5,
    .center-column .tab-content h6 {
        font-size: 26px;
        line-height: 1.3;
    }
}

@media (max-width: 767px) {
    .center-column .tab-content h1,
    .center-column .tab-content h2,
    .center-column .tab-content h3,
    .center-column .tab-content h4,
    .center-column .tab-content h5,
    .center-column .tab-content h6 {
        font-size: 20px;
        padding-bottom: 17px;
    }
}

.center-column .tab-content p {
    margin-bottom: 0px;
    padding-bottom: 24px;
}

@media (max-width: 767px) {
    .center-column .tab-content p {
        padding-bottom: 14px;
    }
}

.center-column .tab-content .category-description-with-image {
    margin: -50px 0px !important;
    background: url(../img/product-description.jpg) top left no-repeat;
    padding: 80px 0px 80px 50% !important;
}

@media (max-width: 1280px) {
    .center-column .tab-content .category-description-with-image {
        background: none !important;
        padding: 50px 0px !important;
    }
}

@media (max-width: 767px) {
    .center-column .tab-content .category-description-with-image {
        padding: 30px 0px !important;
        margin: -30px 0px !important;
    }
}

.center-column .tab-content .category-description-with-image>*:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.center-column .tab-content .category-description-with-image>*:first-child {
    padding-top: 0px;
    margin-top: 0px;
}

.center-column .tab-content>*:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.center-column .tab-content>*:first-child {
    padding-top: 0px;
    margin-top: 0px;
}

#tab-review .comment-heading {
    text-align: center;
    padding: 0px 0px 40px 0px;
}

@media (max-width: 767px) {
    #tab-review .comment-heading {
        padding-bottom: 25px;
    }
}

#tab-review .comment-heading h2 {
    padding: 0px;
    margin: 0px;
}

#tab-review .comment-heading .review {
    padding: 11px 0px 0px 0px;
}

#tab-review .comment-heading .review .rating i {
    font-size: 20px;
    margin: 0px 2px;
}

@media (max-width: 767px) {
    #tab-review .comment-heading .review .rating i {
        font-size: 16px;
    }
}

#tab-review .comment-heading .review .rating a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
}

#tab-review .comment-heading .btn {
    margin: 22px 0px 0px 0px;
}

@media (max-width: 767px) {
    #tab-review .comment-heading .btn {
        margin-top: 15px;
    }
}

#tab-review #review p {
    text-align: center;
    padding: 0px;
    margin: 0px;
}

#tab-review .reviews-list {
    margin: 0px 0px 40px 0px;
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#tab-review .reviews-list .review {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 42px 0px 43px 0px;
}

@media (max-width: 767px) {
    #tab-review .reviews-list .review {
        padding: 28px 0px;
    }
}

#tab-review .reviews-list .review .col-4 {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    padding-top: 4px;
    padding-right: 0;
}

#tab-review .reviews-list .review .rating {
    display: inline-block;
    vertical-align: top;
    margin-right: 7px;
    margin-bottom: 3px;
}

#tab-review .reviews-list .review .name {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    #tab-review .reviews-list .review .name {
        font-size: 17px;
    }
}

#tab-review .reviews-list .review .text {
    font-size: 15px;
    line-height: 25px;
    padding: 5px 0px 0px 0px;
}

#accordion2 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 60px -2000px 20px -2000px;
}

@media (max-width: 767px) {
    #accordion2 {
        margin-top: 20px;
    }
}

#accordion2 .card {
    border: none;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#accordion2 .card .card-header {
    background: none;
    padding: 0px 2000px;
    margin: 0px;
    border: none;
}

#accordion2 .card .card-header h5 {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#accordion2 .card .card-header .btn-link {
    background: none;
    padding: 13px 0px;
    margin: 0px;
    border: none;
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    text-decoration: none;
}

#accordion2 .card .card-header .btn-link:not(.collapsed) {
    text-decoration: underline;
    color: #06bec7;
}

@media (max-width: 767px) {
    #accordion2 .card .card-header .btn-link {
        font-size: 16px;
    }
}

#accordion2 .card .card-body {
    padding: 30px 2000px 50px 2000px;
    margin: 0px;
    background: none;
    border: none;
    font-size: 18px;
    line-height: 1.55;
}

@media (max-width: 767px) {
    #accordion2 .card .card-body {
        padding-top: 15px;
        padding-bottom: 30px;
    }
}

#accordion2 .card .card-body .card-body-auto {
    margin: 0px auto;
    max-width: 750px;
    text-align: center;
}

#accordion2 .card .card-body .card-body-auto>*:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#accordion2 .card .card-body .card-body-auto>*:first-child {
    padding-top: 0px;
    margin-top: 0px;
}

@media (max-width: 1098px) {
    #accordion2 .card .card-body {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    #accordion2 .card .card-body {
        font-size: 14px;
    }
}

#accordion2 .card .card-body h1,
#accordion2 .card .card-body h2,
#accordion2 .card .card-body h3,
#accordion2 .card .card-body h4,
#accordion2 .card .card-body h5,
#accordion2 .card .card-body h6 {
    font-size: 30px;
    line-height: 40px;
    padding-bottom: 27px;
    margin-bottom: 0px;
}

@media (max-width: 1098px) {
    #accordion2 .card .card-body h1,
    #accordion2 .card .card-body h2,
    #accordion2 .card .card-body h3,
    #accordion2 .card .card-body h4,
    #accordion2 .card .card-body h5,
    #accordion2 .card .card-body h6 {
        font-size: 26px;
        line-height: 1.3;
    }
}

@media (max-width: 767px) {
    #accordion2 .card .card-body h1,
    #accordion2 .card .card-body h2,
    #accordion2 .card .card-body h3,
    #accordion2 .card .card-body h4,
    #accordion2 .card .card-body h5,
    #accordion2 .card .card-body h6 {
        font-size: 20px;
        padding-bottom: 17px;
    }
}

#accordion2 .card .card-body p {
    margin-bottom: 0px;
    padding-bottom: 24px;
}

@media (max-width: 767px) {
    #accordion2 .card .card-body p {
        padding-bottom: 14px;
    }
}

#accordion2 .card .card-body .category-description-with-image {
    margin: 0px auto !important;
    padding: 0px 0px 0px 0px !important;
}

#accordion2 .card .card-body .category-description-with-image>*:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#accordion2 .card .card-body .category-description-with-image>*:first-child {
    padding-top: 0px;
    margin-top: 0px;
}

#accordion2 .card .card-body #tab-review .comment-heading h2 {
    padding-bottom: 0px;
}

.success,
.warning,
.attention,
.information {
    padding: 10px 10px 10px 40px;
    margin: 0px 0px 20px 0px;
    clear: both;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.success {
    background: #eaf7d9 url('../img/success.png') 13px center no-repeat;
    border: 1px solid #BBDF8D;
}

.warning {
    background: #ffd1d1 url('../img/warning.png') 13px center no-repeat;
    border: 1px solid #F8ACAC;
}

.attention {
    background: #fff5cc url('../img/attention.png') 13px center no-repeat;
    border: 1px solid #F2DD8C;
}

.information {
    background: #e8f6ff url('../img/information.png') 13px center no-repeat;
    border: 1px solid #B8E2FB;
}

.review-list .author {
    display: inline-block;
}

.review-list .author span {
    font-size: 10px;
    opacity: 0.8;
    font-style: italic;
    padding-left: 3px;
}

.review-list .rating {
    float: right;
    width: auto;
}

.review-list .text {
    margin: 15px 0px 20px 0px;
    padding: 20px;
    position: relative;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.review-list .text:before {
    position: absolute;
    top: -9px;
    left: 9px;
    display: inline-block;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #ccc;
    border-left: 9px solid transparent;
    border-bottom-color: #e6e6e6;
    content: '';
}

.review-list .text:after {
    position: absolute;
    top: -8px;
    left: 10px;
    display: inline-block;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
    border-left: 8px solid transparent;
    content: '';
}

.size-chart-table {
    max-width: 650px;
    margin: 0px auto;
}

.size-chart-table .table {
    margin: 0px;
}

table.attribute,
table.list,
.wishlist-product table,
.wishlist-info table,
.compare-info,
.cart-info table,
.checkout-product table,
.table {
    border-collapse: separate;
    border-spacing: 0;
    border: none;
    width: 100%;
    margin: 0px 0px 20px 0px;
}

table.attribute tr,
table.list tr,
.wishlist-product table tr,
.wishlist-info table tr,
.compare-info tr,
.cart-info table tr,
.checkout-product table tr,
.table tr {
    background: none;
}

table.attribute td,
table.list td,
.wishlist-product table td,
.wishlist-info table td,
.compare-info td,
.cart-info table td,
.checkout-product table td,
.table td,
table.attribute th,
table.list th,
.wishlist-product table th,
.wishlist-info table th,
.compare-info th,
.cart-info table th,
.checkout-product table th,
.table th {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    text-align: left;
    vertical-align: top;
    font-size: 16px;
    color: #000;
}

@media (max-width: 767px) {
    table.attribute td,
    table.list td,
    .wishlist-product table td,
    .wishlist-info table td,
    .compare-info td,
    .cart-info table td,
    .checkout-product table td,
    .table td,
    table.attribute th,
    table.list th,
    .wishlist-product table th,
    .wishlist-info table th,
    .compare-info th,
    .cart-info table th,
    .checkout-product table th,
    .table th {
        font-size: 14px;
    }
}

table.attribute td:first-child,
table.list td:first-child,
.wishlist-product table td:first-child,
.wishlist-info table td:first-child,
.compare-info td:first-child,
.cart-info table td:first-child,
.checkout-product table td:first-child,
.table td:first-child,
table.attribute th:first-child,
table.list th:first-child,
.wishlist-product table th:first-child,
.wishlist-info table th:first-child,
.compare-info th:first-child,
.cart-info table th:first-child,
.checkout-product table th:first-child,
.table th:first-child {
    padding-left: 0px;
}

table.attribute td:last-child,
table.list td:last-child,
.wishlist-product table td:last-child,
.wishlist-info table td:last-child,
.compare-info td:last-child,
.cart-info table td:last-child,
.checkout-product table td:last-child,
.table td:last-child,
table.attribute th:last-child,
table.list th:last-child,
.wishlist-product table th:last-child,
.wishlist-info table th:last-child,
.compare-info th:last-child,
.cart-info table th:last-child,
.checkout-product table th:last-child,
.table th:last-child {
    padding-right: 0px;
}

table.attribute td.text-center,
table.list td.text-center,
.wishlist-product table td.text-center,
.wishlist-info table td.text-center,
.compare-info td.text-center,
.cart-info table td.text-center,
.checkout-product table td.text-center,
.table td.text-center,
table.attribute th.text-center,
table.list th.text-center,
.wishlist-product table th.text-center,
.wishlist-info table th.text-center,
.compare-info th.text-center,
.cart-info table th.text-center,
.checkout-product table th.text-center,
.table th.text-center {
    text-align: center;
}

table.attribute td.text-center .input-group,
table.list td.text-center .input-group,
.wishlist-product table td.text-center .input-group,
.wishlist-info table td.text-center .input-group,
.compare-info td.text-center .input-group,
.cart-info table td.text-center .input-group,
.checkout-product table td.text-center .input-group,
.table td.text-center .input-group,
table.attribute th.text-center .input-group,
table.list th.text-center .input-group,
.wishlist-product table th.text-center .input-group,
.wishlist-info table th.text-center .input-group,
.compare-info th.text-center .input-group,
.cart-info table th.text-center .input-group,
.checkout-product table th.text-center .input-group,
.table th.text-center .input-group {
    margin: 0px auto;
}

table.attribute td.text-right,
table.list td.text-right,
.wishlist-product table td.text-right,
.wishlist-info table td.text-right,
.compare-info td.text-right,
.cart-info table td.text-right,
.checkout-product table td.text-right,
.table td.text-right,
table.attribute th.text-right,
table.list th.text-right,
.wishlist-product table th.text-right,
.wishlist-info table th.text-right,
.compare-info th.text-right,
.cart-info table th.text-right,
.checkout-product table th.text-right,
.table th.text-right {
    text-align: right;
}

table.attribute td .img-thumbnail,
table.list td .img-thumbnail,
.wishlist-product table td .img-thumbnail,
.wishlist-info table td .img-thumbnail,
.compare-info td .img-thumbnail,
.cart-info table td .img-thumbnail,
.checkout-product table td .img-thumbnail,
.table td .img-thumbnail,
table.attribute th .img-thumbnail,
table.list th .img-thumbnail,
.wishlist-product table th .img-thumbnail,
.wishlist-info table th .img-thumbnail,
.compare-info th .img-thumbnail,
.cart-info table th .img-thumbnail,
.checkout-product table th .img-thumbnail,
.table th .img-thumbnail,
table.attribute td img,
table.list td img,
.wishlist-product table td img,
.wishlist-info table td img,
.compare-info td img,
.cart-info table td img,
.checkout-product table td img,
.table td img,
table.attribute th img,
table.list th img,
.wishlist-product table th img,
.wishlist-info table th img,
.compare-info th img,
.cart-info table th img,
.checkout-product table th img,
.table th img {
    border: none;
    padding: 0px;
    margin: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    max-width: 80px;
}

table.attribute thead td,
table.list thead td,
.wishlist-product table thead td,
.wishlist-info table thead td,
.compare-info thead td,
.cart-info table thead td,
.checkout-product table thead td,
.table thead td,
table.attribute thead th,
table.list thead th,
.wishlist-product table thead th,
.wishlist-info table thead th,
.compare-info thead th,
.cart-info table thead th,
.checkout-product table thead th,
.table thead th {
    border: none;
    font-weight: bold;
    text-transform: uppercase;
}

.wishlist-info table td {
    vertical-align: middle;
    text-align: center;
}

.cart-info table td {
    vertical-align: middle;
    text-align: center;
}

.compare-info .price-new {
    color: #c00301;
}

.compare-info .price-old {
    color: #808080;
    text-decoration: line-through;
    padding-right: 2px;
}

table img {
    max-width: none;
}

.cart-total {
    overflow: auto;
    margin-bottom: 20px;
}

.cart-total table {
    float: right;
}

.cart-total table td {
    padding: 0px 0px 0px 10px;
    text-align: right;
}

.cart-total table td strong {
    font-weight: normal;
}

.cart-total table td:last-child {
    font-weight: bold;
}

.download-list,
.order-list {
    overflow: auto;
}

.download-list .download-id,
.order-list .download-id,
.download-list .order-id,
.order-list .order-id {
    width: 49%;
    float: left;
    margin-bottom: 2px;
}

.download-list .download-status,
.order-list .download-status,
.download-list .order-status,
.order-list .order-status {
    width: 49%;
    float: right;
    text-align: right;
    margin-bottom: 2px;
}

.download-list .download-contact,
.order-list .download-contact,
.download-list .order-content,
.order-list .order-content {
    padding: 10px 0px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.download-list .download-contact div,
.order-list .download-contact div,
.download-list .order-content div,
.order-list .order-content div {
    float: left;
    width: 33.3%;
}

.download-list .download-info,
.order-list .download-info,
.download-list .order-info,
.order-list .order-info {
    text-align: right;
}

.manufacturer-list {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0px;
    overflow: auto;
    margin-bottom: 20px;
    background: #fff;
}

.manufacturer-list .manufacturer-heading {
    background: #f3f3f3;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.manufacturer-list .manufacturer-content {
    padding: 10px;
    overflow: hidden;
}

.manufacturer-list ul {
    float: left;
    width: 25%;
    margin: 0 0 0 20px;
    padding: 0;
    list-style: none;
}

.manufacturer-list ul img {
    margin-right: 10px;
}

.center-column .panel {
    position: relative;
    margin: 0px 0px 20px 0px;
}

.center-column .panel .panel-heading {
    background: #f3f3f3;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.center-column .panel .panel-heading h4 {
    padding: 0px;
    margin: 0px;
    font-size: 13px !important;
}

.center-column .panel .panel-body {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 20px;
    position: relative;
    margin-top: -1px;
}

.center-column .panel .panel-body .buttons {
    margin: 0px;
}

.return-list .return-id {
    width: 49%;
    float: left;
    margin-bottom: 2px;
}

.return-list .return-status {
    width: 49%;
    float: right;
    text-align: right;
    margin-bottom: 2px;
}

.return-list .return-content {
    padding: 10px 0px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.return-list .return-content div {
    float: left;
    width: 33.3%;
}

.return-list .return-info {
    text-align: right;
}

.return-product {
    overflow: auto;
    margin-top: 10px;
    margin-bottom: 20px;
}

.return-opened textarea {
    width: 100%;
}

.scrollup {
    width: 35px;
    height: 35px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background: #fff;
    border: 1px solid #e6e6e6;
    font-size: 16px;
    padding: 4px 0px 0px 0px;
    text-align: center;
    transition: background-color 0.4s;
    -webkit-transition: background-color 0.4s;
    -moz-transition: background-color 0.4s;
}

.scrollup:hover {
    background: #fafafa;
}

@media (max-width: 960px) {
    .scrollup {
        display: none !important;
    }
}

.banner {
    text-align: center;
    width: 100%;
    margin: 30px 0px 0px 0px;
}

@media (max-width: 767px) {
    .banner {
        margin-top: 20px;
    }
}

.banner img.with-link {
    cursor: pointer;
}

ul.box-filter {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 5px 0px;
}

ul.box-filter>li {
    padding: 0px 0px 15px 0px;
}

ul.box-filter>li>span {
    font-weight: bold;
}

ul.box-filter ul {
    list-style: none;
    padding: 0px;
}

.facebook_left {
    width: 308px;
    position: fixed;
    left: -308px;
    top: 150px;
    z-index: 999;
}

.facebook_right {
    width: 308px;
    position: fixed;
    right: -308px;
    top: 150px;
    z-index: 999;
}

.facebook_left .facebook-icon,
.facebook_right .facebook-icon {
    height: 50px;
    width: 50px;
    right: -50px;
    background: url(../img/facebook-icon.png) no-repeat;
    cursor: pointer;
    position: absolute;
    z-index: 999;
}

.facebook_right .facebook-icon {
    left: -50px;
    right: auto;
}

.facebook_right .facebook-content,
.facebook_left .facebook-content {
    background-color: #FFFFFF;
    border: 4px solid #4b6baf;
    position: relative;
    z-index: 999;
}

.twitter_left {
    width: 250px;
    position: fixed;
    left: -250px;
    top: 150px;
    z-index: 998;
}

.twitter_right {
    width: 250px;
    position: fixed;
    right: -250px;
    top: 150px;
    z-index: 998;
}

.facebook_right+.twitter_right,
.facebook_left+.twitter_left {
    top: 210px;
}

.twitter_left .twitter-icon,
.twitter_right .twitter-icon {
    height: 50px;
    width: 50px;
    right: -50px;
    background: url(../img/twitter-icon.png) no-repeat;
    cursor: pointer;
    position: absolute;
    z-index: 998;
}

.twitter_right .twitter-icon {
    left: -50px;
    right: auto;
}

.twitter_right .twitter-content,
.twitter_left .twitter-content {
    background-color: #FFFFFF;
    border: 4px solid #36a7e5;
    position: relative;
    z-index: 998;
}

.custom_left {
    width: 250px;
    position: fixed;
    left: -250px;
    top: 150px;
    z-index: 996;
}

.custom_right {
    width: 250px;
    position: fixed;
    right: -250px;
    top: 150px;
    z-index: 996;
}

.facebook_right+.twitter_right+.custom_right,
.facebook_left+.twitter_left+.custom_left {
    top: 270px;
}

.facebook_right+.custom_right,
.twitter_right+.custom_right,
.twitter_left+.custom_left,
.facebook_left+.custom_left {
    top: 210px;
}

.custom_left .custom-icon,
.custom_right .custom-icon {
    height: 50px;
    width: 50px;
    right: -50px;
    background: url(../img/custom-icon.png) no-repeat;
    cursor: pointer;
    position: absolute;
    z-index: 996;
}

.custom_left .custom-icon {
    background: url(../img/custom-icon-right.png) no-repeat;
}

.custom_right .custom-icon {
    left: -50px;
    right: auto;
}

.custom_right .custom-content,
.custom_left .custom-content {
    background-color: #FFFFFF;
    border: 4px solid #ea2e49;
    position: relative;
    z-index: 996;
    padding: 10px;
}

.picker-switch .btn {
    background: none !important;
    color: #808080 !important;
    text-shadow: none !important;
    -webkit-text-shadow: none !important;
    -moz-text-shadow: none !important;
}

.timepicker-picker .btn {
    background: none !important;
    color: #808080 !important;
    text-shadow: none !important;
    -webkit-text-shadow: none !important;
    -moz-text-shadow: none !important;
}

div.required .control-label:before {
    content: '* ';
    color: #F00;
    font-weight: bold;
}

.box .box-content .carousel-brands {
    border: none;
    padding-top: 0px;
    margin-top: 0px;
}

.carousel-brands {
    /*margin: 73px 0px 0px 0px;*/
    padding: 15px 0px 0px 0px;
    /*border-top: 1px solid rgba(0, 0, 0, 0.1);*/
    position: relative;
}

@media (max-width: 767px) {
    .carousel-brands {
        margin: 45px 0px 0px 0px;
        padding: 20px 0px 0px 0px;
    }
}

.carousel-brands .item {
    padding: 0px 10px;
}

.carousel-brands img {
    width: auto !important;
    margin: 0px auto;
    /*-webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.4;*/
    max-width: 200px;
    max-height: 55px;
}

@media (max-width: 767px) {
    .carousel-brands img {
        max-width: 100%;
    }
}

.carousel-brands img:hover {
    opacity: 1;
}

.carousel-brands .owl-prev,
.carousel-brands .owl-next {
    display: none;
}

.banner-module {
    margin: 30px 0px 0px 0px !important;
}

@media (max-width: 767px) {
    .banner-module {
        margin: 20px 0px 0px 0px !important;
    }
}

.camera_slider {
    margin: 30px 0px 0px 0px;
    position: relative;
}

@media (max-width: 767px) {
    .camera_slider {
        margin-top: 20px;
    }
}

.camera_wrap {
    margin: 0px !important;
    width: auto;
    direction: ltr;
    display: none;
    position: relative;
    z-index: 1;
}

@media (max-width: 1270px) {
    .camera_wrap {
        height: auto !important;
    }
}

.camera_wrap img {
    display: block;
    margin: 0px auto;
}

.camera_wrap .owl-nav {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    visibility: hidden;
}

.camera_wrap .owl-nav .owl-prev,
.camera_wrap .owl-nav .owl-next {
    position: absolute;
    left: 20px;
    top: 50%;
    margin: -15px 0px 0px 0px !important;
    height: 31px;
    width: 19px;
    margin: 0px;
    text-indent: -10000px;
    background: #fff;
    background: url(../img/left-slider.png) no-repeat top left !important;
    display: block;
    outline: none;
}

.camera_wrap .owl-nav .owl-next {
    left: auto;
    right: 20px;
    background: url(../img/right-slider.png) no-repeat top left !important;
}

.camera_wrap:hover .owl-nav {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

.camera_wrap .owl-dots {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    padding: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    visibility: hidden;
}

.camera_wrap .owl-dots .owl-dot {
    display: inline-block;
    outline: none;
}

.camera_wrap .owl-dots .owl-dot span {
    cursor: pointer;
    margin: 0px 3px 12px 3px;
    width: 12px;
    height: 12px;
    padding: 0px;
    background: #dcdcdc;
    border: none;
    transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    display: block;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.camera_wrap .owl-dots .owl-dot.active span {
    background: #000;
}

.camera_wrap:hover .owl-dots {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

.spinner {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 22;
    background: #ffffff url(../../../image/catalog/loader.gif) 50% 50% no-repeat;
}

#slider .fullwidth .camera_slider,
#slider .fullwidth .camera_slider .camera_wrap {
    margin: 0px !important;
    padding: 0px;
}

img[src="image/catalog/blank.gif"],
img[src="image/catalog/blank2.gif"],
img[src="image/catalog/blank3.gif"] {
    background: url("../../../image/catalog/loader.gif") no-repeat scroll center center #ffffff;
    width: 100%;
}

.mfp-iframe-scaler iframe {
    background: url("../../../image/catalog/loader.gif") no-repeat scroll center center #ffffff !important;
}

.quickview body {
    background: #fff;
    padding: 30px 30px 0px 30px;
}

.quickview .mfp-iframe-holder .mfp-content {
    max-width: 1100px;
    height: 760px;
}

@media (max-height: 780px) {
    .quickview .mfp-iframe-holder .mfp-content {
        max-width: 900px;
        height: 600px;
    }
}

.quickview .mfp-iframe {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}

.quickview.mfp-bg {
    opacity: 0.01;
    transition: all 0.2s ease-out;
}

.quickview.mfp-ready .mfp-iframe {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.quickview.mfp-ready.mfp-bg {
    opacity: 0.75;
}

.quickview.mfp-removing .mfp-iframe {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
}

.quickview.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

.header-notice {
    background: #000000 url(../img/header_notice.jpg) top center no-repeat;
    background-size: cover;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    display: none;
    position: relative;
    padding: 15px 0px;
    z-index: 4;
}

@media (max-width: 767px) {
    .header-notice {
        overflow: scroll;
        padding: 10px 0px;
    }
}

.header-notice a {
    color: #fff;
}

.header-notice p {
    padding: 0px;
    margin: 0px;
}

.header-notice a.close-notice {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    right: 20px;
    width: 40px;
    height: 40px;
    background: url(../img/close-notice.png) center no-repeat;
}

@media (max-width: 767px) {
    .header-notice a.close-notice {
        display: none;
    }
}

.header-notice .bar4 .item {
    padding: 6px 0px;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .header-notice .bar4 .item {
        padding-right: 25px;
    }
}

.header-notice .bar4 .item .icon {
    min-width: 50px;
}

@media (max-width: 767px) {
    .header-notice .bar4 .item .icon {
        min-width: 30px;
    }
}

.header-notice .bar4 .item .icon svg {
    width: 36px;
    height: 36px;
}

@media (max-width: 767px) {
    .header-notice .bar4 .item .icon svg {
        width: 20px;
        height: 20px;
    }
}

.header-notice .bar4 .item .icon svg path,
.header-notice .bar4 .item .icon svg g {
    fill: #06bec7 !important;
}

.header-notice .bar4 .item h4 {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.2;
    color: #fff;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
}

@media (max-width: 767px) {
    .header-notice .bar4 .item h4 {
        font-size: 13px;
    }
}

.header-notice .bar4 .item h4 span {
    text-decoration: underline;
}

.header-notice .bar4 .line {
    width: 170px;
    background: rgba(255, 255, 255, 0.4);
    height: 1px;
    margin: 0px 50px;
}

@media (max-width: 1098px) {
    .header-notice .bar4 .line {
        margin: 0px 25px;
    }
}

@media (max-width: 767px) {
    .header-notice .bar4 .line {
        display: none;
    }
}

.advanced-grid {
    position: relative;
}

.advanced-grid .advanced-grid-products .product {
    margin: 0px;
    padding: 10px 0px 0px 0px;
    display: flex;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.advanced-grid .advanced-grid-products .product:first-child {
    padding-top: 0px;
}

.advanced-grid .advanced-grid-products .product .image {
    width: 34%;
}

.advanced-grid .advanced-grid-products .product .image img {
    display: block;
}

.advanced-grid .advanced-grid-products .product .right {
    width: 66%;
    padding: 0px 0px 0px 20px;
}

.advanced-grid .advanced-grid-products .product .right .price {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.advanced-grid .advanced-grid-products .product .right .price .price-old {
    color: #808080;
    text-decoration: line-through;
    padding-right: 2px;
    font-weight: 400;
}

.advanced-grid .advanced-grid-products .product .right .price .price-new {
    color: #06bec7;
}

.advanced-grid .advanced-grid-latest-blogs .news {
    margin: 0px;
    padding: 15px 0px;
    border-top: 1px solid #e6e6e7;
}

.advanced-grid .advanced-grid-latest-blogs .news:first-child {
    border: none;
    padding-top: 0px;
}

.advanced-grid .advanced-grid-latest-blogs .news:last-child {
    padding-bottom: 0px;
}

.advanced-grid .advanced-grid-latest-blogs .news .image {
    margin: 0px 20px 0px 0px;
    float: left;
}

.advanced-grid .advanced-grid-latest-blogs .news .image a {
    display: block;
    background-size: cover;
    position: relative;
}

.advanced-grid .advanced-grid-latest-blogs .news .right .name {
    padding: 2px 0px;
}

.advanced-grid .advanced-grid-latest-blogs .news .right .article-date-added {
    font-size: 11px;
    font-style: italic;
}

.advanced-grid .advanced-grid-latest-blogs .news .right .article-date-added i {
    margin-right: 3px;
}

.footer .advanced-grid-products .product {
    border-color: rgba(255, 255, 255, 0.1);
}

.footer .advanced-grid-latest-blogs .news {
    border-color: rgba(255, 255, 255, 0.1);
}

body .popup-module .mfp-close {
    top: -40px;
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

body .popup-module.without-button-close .mfp-close {
    display: none;
}

.popup {
    background: #FFF;
    padding: 50px 60px;
    text-align: left;
    max-width: 750px;
    margin: 40px auto;
    position: relative;
}

@media (max-width: 767px) {
    .popup {
        padding: 30px;
    }
}

.popup h4 {
    font-size: 30px;
    padding-bottom: 20px;
    margin: 0px;
    text-transform: uppercase;
    font-weight: 600;
}

@media (max-width: 1098px) {
    .popup h4 {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .popup h4 {
        font-size: 20px;
    }
}

.popup label {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 15px 0px 0px 0px;
    padding: 0px;
}

.popup .btn {
    margin: 30px 0px 0px 0px;
}

.popup .content {
    padding: 0px 0px 10px 0px;
    margin: 0px;
}

@media (max-width: 767px) {
    .popup .content {
        padding: 0px;
    }
}

.popup .buttons-yes-no {
    padding: 20px 0px 0px 0px;
}

.popup .buttons-yes-no .button:first-child {
    margin-right: 20px;
}

.popup .form-contact .error {
    border: 1px solid red;
}

.popup .popup-default {
    font-size: 60px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0px 0px 10px 0px;
}

@media (max-width: 1098px) {
    .popup .popup-default {
        font-size: 48px;
    }
}

@media (max-width: 767px) {
    .popup .popup-default {
        font-size: 36px;
    }
}

.popup .popup-default span {
    color: #06bec7;
    text-decoration: underline;
}

.popup .popup-default p {
    margin: 0px;
    padding: 0px;
}

.popup .popup-default .btn {
    margin: 34px 0px 0px 0px;
    padding: 18px 50px 18px 50px;
}

@media (max-width: 767px) {
    .popup .popup-default .btn {
        padding: 10px 30px;
        margin-top: 20px;
    }
}

#collapse-checkout-option label.control-label,
#collapse-payment-address label {
    margin-bottom: 0px;
}

.well {
    min-height: 20px;
    padding: 0px;
    margin-bottom: 20px;
}

.bootstrap-datetimepicker-widget .collapse.in {
    display: block;
}

.glyphicon-chevron-up:before {
    content: "\f077";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.glyphicon-chevron-down:before {
    content: "\f078";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.glyphicon-time:before {
    content: "\f017";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

@media (max-width: 767px) {
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .row>div {
        padding-left: 10px;
        padding-right: 10px;
    }
    .row>label {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 767px) {
    .mobile-disabled {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .zoomContainer {
        display: none !important;
    }
}

@media (max-width: 767px) {
    #quickview .thumbnails {
        margin-bottom: 0px;
    }
}

@media (max-width: 767px) {
    .modal-footer {
        text-align: center;
    }
    .button-continue-shopping {
        display: inline-block;
        float: none;
    }
    .button-checkout {
        display: inline-block;
        float: none;
    }
    .hidden-xs {
        display: none;
    }
    .visible-xs {
        display: block !important;
    }
}

.visible-xs {
    display: none;
}


/* Blog */

.posts {
    padding-right: 10px;
}

@media (max-width: 767px) {
    .posts {
        padding-right: 0px;
    }
}

.posts>.news>div:first-child {
    display: none;
}

.ajax-content .big-news {
    display: none;
}

.ajax-content .big-news.full-width {
    display: block;
    margin: 0px 0px 20px 0px !important;
}

.blog-blog .breadcrumb h1,
.blog-article .breadcrumb h1 {
    display: none;
}

.pagination-ajax {
    padding: 0px 0px 20px 0px;
    text-align: center;
}

.big-news {
    margin: -25px 0px 20px 0px;
    position: relative;
}

@media (max-width: 767px) {
    .big-news {
        margin-top: 0px;
    }
}

.big-news.full-width {
    margin: 0px 0px 20px 0px;
}

.big-news.full-width:first-child {
    margin-top: -25px;
}

@media (max-width: 767px) {
    .big-news.full-width:first-child {
        margin-top: 0px;
    }
}

.big-news .post-media {
    position: relative;
}

.big-news .post-media img {
    display: block;
    width: 100%;
    cursor: pointer;
}

.big-news .post-media iframe {
    max-width: 100%;
}

.big-news .tags {
    position: absolute;
    top: 10px;
    left: 10px;
}

.big-news .tags a {
    display: inline-block;
    vertical-align: top;
    margin: 0px 2px 5px 0px;
    background: #000;
    color: #fff;
    padding: 0px 5px 0px 5px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.big-news .date-published {
    position: absolute;
    background: #fff;
    left: 30px;
    bottom: 30px;
    padding: 0px 20px 0px 20px;
    font-size: 13px;
    line-height: 2;
}

@media (max-width: 767px) {
    .big-news .date-published {
        left: 20px;
        bottom: 20px;
        padding: 0px 15px;
    }
}

.big-news .post-title {
    position: absolute;
    left: 30px;
    bottom: 58px;
    background: #fff;
    padding: 12px 20px 14px 20px;
    margin: 0px;
    font-size: 40px;
    line-height: 1.05;
    max-width: 75%;
}

@media (max-width: 1098px) {
    .big-news .post-title {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .big-news .post-title {
        font-size: 20px;
        bottom: 48px;
        left: 20px;
        padding: 10px 15px 12px 15px;
    }
}

.big-news .post-title a {
    line-height: 1.05;
}

.news {
    margin-left: -10px;
    margin-right: -10px;
}

.news>div {
    padding-left: 10px;
    padding-right: 10px;
}

.news .item {
    margin: 0px 0px 30px 0px;
}

.news .item .image {
    position: relative;
}

.news .item .image .tags {
    position: absolute;
    top: 10px;
    left: 10px;
}

.news .item .image .tags a {
    display: inline-block;
    vertical-align: top;
    margin: 0px 2px 5px 0px;
    background: #000;
    color: #fff;
    padding: 0px 5px 0px 5px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.news .item .image img {
    display: block;
    width: 100%;
    cursor: pointer;
}

.news .item .name {
    padding: 16px 0px 0px 0px;
}

.news .item .name a {
    font-size: 20px;
    line-height: 1.1;
    text-transform: uppercase;
    font-weight: 600;
}

@media (max-width: 767px) {
    .news .item .name a {
        font-size: 17px;
    }
}

.news .item .date-published {
    font-size: 13px;
    padding: 10px 0px 0px 0px;
}

.news .owl-dots {
    display: none;
}

.tagcloud a {
    display: inline-block;
    vertical-align: top;
    margin: 0px 2px 4px 0px;
    background: #000;
    color: #fff;
    padding: 0px 5px 0px 5px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.blog-list-default {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.blog-list-default li {
    margin-top: 20px;
}

.blog-list-default li:first-child {
    margin-top: 0px;
}

.blog-list-default li a {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    width: 100%;
}

.blog-list-default li a .thumb-holder {
    width: 90px;
    min-width: 60px;
}

@media (max-width: 1098px) {
    .blog-list-default li a .thumb-holder {
        width: 60px;
    }
}

.blog-list-default li a .media-body {
    width: 170px;
    padding-left: 20px;
}

.blog-list-default li a .media-body h5 {
    padding: 0px;
    margin: 0px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
}

.blog-list-default li a .media-body .date-published {
    font-size: 11px;
    padding-top: 2px;
}

.post-entry {
    margin: -25px 0px 0px 0px;
    position: relative;
}

@media (max-width: 767px) {
    .post-entry {
        margin: 0px;
    }
}

.post-entry .post-media {
    position: relative;
}

.post-entry .post-media img {
    display: block;
    width: 100%;
    max-height: 620px;
    object-fit: cover;
}

@media (max-width: 1098px) {
    .post-entry .post-media img {
        max-height: 530px;
    }
}

@media (max-width: 991px) {
    .post-entry .post-media img {
        max-height: 420px;
    }
}

.post-entry .post-media iframe {
    max-width: 100%;
}

.post-entry .post-media:hover .owl-prev {
    opacity: 1;
    visibility: visible;
}

.post-entry .post-media:hover .owl-next {
    opacity: 1;
    visibility: visible;
}

.post-entry .post-media .owl-prev {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background: #fff !important;
    line-height: 60px;
    text-align: center;
    z-index: 2;
    font-size: 30px !important;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

@media (max-width: 767px) {
    .post-entry .post-media .owl-prev {
        left: 20px;
        width: 30px;
        height: 30px;
        line-height: 30px !important;
        font-size: 20px !important;
    }
}

.post-entry .post-media .owl-next {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background: #fff !important;
    line-height: 60px;
    text-align: center;
    z-index: 2;
    font-size: 30px !important;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

@media (max-width: 767px) {
    .post-entry .post-media .owl-next {
        right: 20px;
        line-height: 30px !important;
        width: 30px;
        height: 30px;
        font-size: 20px !important;
    }
}

.post-entry .post-heading {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 52px 0px 54px 0px;
}

@media (max-width: 991px) {
    .post-entry .post-heading {
        padding: 40px 0px;
    }
}

@media (max-width: 767px) {
    .post-entry .post-heading {
        padding: 30px 0px;
    }
}

.post-entry .post-heading h2 {
    padding: 0px;
    margin: 0px;
    font-size: 40px;
    line-height: 1.05;
}

@media (max-width: 1098px) {
    .post-entry .post-heading h2 {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .post-entry .post-heading h2 {
        font-size: 20px;
    }
}

.post-entry .post-heading .date-published {
    padding: 20px 0px 0px 0px;
    font-size: 13px;
}

@media (max-width: 767px) {
    .post-entry .post-heading .date-published {
        padding: 15px 0px 0px 0px;
    }
}

.post-entry .post-heading .comments {
    font-size: 13px;
    color: #808080;
    padding: 10px 0px 0px 0px;
}

@media (max-width: 767px) {
    .post-entry .post-heading .comments {
        padding: 8px 0px 0px 0px;
    }
}

.post-entry .post-content {
    font-size: 18px;
    padding: 65px 0px 0px 0px;
    line-height: 28px;
}

@media (max-width: 1098px) {
    .post-entry .post-content {
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width: 991px) {
    .post-entry .post-content {
        padding: 50px 0px 0px 0px;
    }
}

@media (max-width: 767px) {
    .post-entry .post-content {
        font-size: 14px;
        line-height: 23px;
        padding: 30px 0px 0px 0px;
    }
}

.post-entry .post-content h1,
.post-entry .post-content h2,
.post-entry .post-content h3,
.post-entry .post-content h4,
.post-entry .post-content h5,
.post-entry .post-content h6 {
    font-size: 30px;
    line-height: 40px;
    padding-bottom: 27px;
    margin-bottom: 0px;
}

@media (max-width: 1098px) {
    .post-entry .post-content h1,
    .post-entry .post-content h2,
    .post-entry .post-content h3,
    .post-entry .post-content h4,
    .post-entry .post-content h5,
    .post-entry .post-content h6 {
        font-size: 26px;
        line-height: 35px;
    }
}

@media (max-width: 767px) {
    .post-entry .post-content h1,
    .post-entry .post-content h2,
    .post-entry .post-content h3,
    .post-entry .post-content h4,
    .post-entry .post-content h5,
    .post-entry .post-content h6 {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 17px;
    }
}

.post-entry .post-content p {
    margin-bottom: 0px;
    padding-bottom: 24px;
}

@media (max-width: 767px) {
    .post-entry .post-content p {
        padding-bottom: 14px;
    }
}

.post-entry .post-content .txt-image {
    margin: 48px -26% 102px -26%;
}

@media (max-width: 991px) {
    .post-entry .post-content .txt-image {
        margin-left: -10.5%;
        margin-right: -10.5%;
    }
}

@media (max-width: 991px) {
    .post-entry .post-content .txt-image {
        margin-top: 35px;
        margin-bottom: 70px;
    }
}

@media (max-width: 767px) {
    .post-entry .post-content .txt-image {
        margin: 30px 0px;
        flex-wrap: wrap;
    }
}

.post-entry .post-content .txt-image .image {
    width: 50%;
    padding-right: 35px;
}

@media (max-width: 767px) {
    .post-entry .post-content .txt-image .image {
        width: 100%;
        padding: 0px;
    }
}

.post-entry .post-content .txt-image .image img {
    width: 100%;
}

.post-entry .post-content .txt-image .image .description {
    position: absolute;
    padding-top: 9px;
}

@media (max-width: 767px) {
    .post-entry .post-content .txt-image .image .description {
        position: relative;
    }
}

.post-entry .post-content .txt-image .text {
    width: 50%;
    padding-left: 35px;
}

@media (max-width: 767px) {
    .post-entry .post-content .txt-image .text {
        width: 100%;
        padding: 30px 0px 0px 0px;
    }
}

.post-entry .post-content .txt-image .text h1,
.post-entry .post-content .txt-image .text h2,
.post-entry .post-content .txt-image .text h3,
.post-entry .post-content .txt-image .text h4,
.post-entry .post-content .txt-image .text h5,
.post-entry .post-content .txt-image .text h6 {
    margin: 0px;
    padding: 0px;
}

.post-entry .post-content .quote {
    background: url(../img/bg-quote.jpg) top left;
    border-left: 5px solid #06bec7;
    margin: 48px 0px 62px 0px;
    padding: 90px 110px 90px 95px;
    font-style: italic;
}

@media (max-width: 991px) {
    .post-entry .post-content .quote {
        margin: 38px 0px 50px 0px;
    }
}

@media (max-width: 767px) {
    .post-entry .post-content .quote {
        margin: 30px 0px 30px 0px;
        padding: 30px;
    }
}

.post-entry .post-content .quote h4 {
    margin: 0px;
    padding: 0px;
    font-weight: 500;
}

.post-entry .post-content .quote p {
    margin: 0px;
    padding: 23px 0px 0px 0px;
    font-size: 13px;
    font-style: normal;
}

.post-entry .post-content .gallery {
    padding-top: 30px;
}

@media (max-width: 767px) {
    .post-entry .post-content .gallery {
        padding-top: 10px;
    }
}

.post-entry .post-content .gallery .gallery-content {
    margin: 0px -26%;
    position: relative;
    padding-top: 5px;
}

@media (max-width: 991px) {
    .post-entry .post-content .gallery .gallery-content {
        margin-left: -10.5%;
        margin-right: -10.5%;
    }
}

@media (max-width: 767px) {
    .post-entry .post-content .gallery .gallery-content {
        margin: 0px;
    }
}

.post-entry .post-content .gallery .gallery-content .row {
    margin: 0px -10px;
}

.post-entry .post-content .gallery .gallery-content .row>div {
    padding: 0px 10px 20px 10px;
}

.post-entry .post-content .gallery .gallery-content img {
    width: 100%;
}

.post-entry .related-posts {
    margin: 40px -2000px 20px -2000px;
    padding: 70px 2000px 60px 2000px;
    background: url(../img/pattern-1.jpg) top left;
}

@media (max-width: 767px) {
    .post-entry .related-posts {
        margin-top: 20px;
        padding-top: 30px;
        padding-bottom: 20px;
    }
}

.post-entry .related-posts .tags a {
    display: inline-block;
    vertical-align: top;
    margin: 0px 2px 5px 0px;
    background: #000;
    color: #fff;
    padding: 0px 5px 0px 5px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.post-entry .related-posts .date-published {
    font-size: 13px;
    padding: 7px 0px 0px 0px;
}

.post-entry .related-posts .comments {
    font-size: 13px;
    color: #808080;
    padding: 10px 0px 0px 0px;
}

.post-entry .related-posts .box {
    padding: 34px 0px 0px 0px;
    margin: 0px;
}

@media (max-width: 767px) {
    .post-entry .related-posts .box {
        padding-top: 24px;
    }
}

.post-entry .related-posts .box .box-heading {
    text-align: left;
    padding: 0px 0px 7px 0px;
    margin: 0px;
}

.post-entry .related-posts .box .blog-list-default {
    display: flex;
    flex-wrap: wrap;
}

.post-entry .related-posts .box .blog-list-default li {
    width: 50%;
    padding-right: 10%;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .post-entry .related-posts .box .blog-list-default li {
        width: 100%;
        padding-right: 0;
    }
}

.post-entry .share {
    padding-top: 40px;
    padding-bottom: 20px;
}

@media (max-width: 767px) {
    .post-entry .share {
        padding-top: 20px;
    }
}

.post-entry .share #st-1 .st-btn {
    background: #bebebe !important;
    border-color: #bebebe !important;
    margin-right: 7px !important;
}

.post-entry .share #st-1 .st-btn svg path,
.post-entry .share #st-1 .st-btn svg g {
    fill: #fff !important;
}

.post-entry .share #st-1 .st-btn:nth-child(2n+1) {
    background: #b4b4b4 !important;
    border-color: #b4b4b4 !important;
}

.post-entry .box.comments {
    margin: 35px 0px 20px 0px;
    padding: 0px;
}

@media (max-width: 767px) {
    .post-entry .box.comments {
        margin-top: 15px;
    }
}

.post-entry .box.comments .box-heading {
    text-align: left;
    padding: 0px 0px 30px 0px;
    margin: 0px;
}

@media (max-width: 767px) {
    .post-entry .box.comments .box-heading .btn {
        margin-top: 5px;
    }
}

.post-entry .box.comments .comments-list {
    margin: 0px -26%;
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

@media (max-width: 991px) {
    .post-entry .box.comments .comments-list {
        margin-left: -10.5%;
        margin-right: -10.5%;
    }
}

@media (max-width: 767px) {
    .post-entry .box.comments .comments-list {
        margin: 0px;
    }
}

.post-entry .box.comments .comments-list .comment {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 42px 0px 43px 0px;
}

@media (max-width: 767px) {
    .post-entry .box.comments .comments-list .comment {
        padding: 28px 0px;
    }
}

.post-entry .box.comments .comments-list .comment .col-2 {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    padding-top: 4px;
}

.post-entry .box.comments .comments-list .comment .name {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .post-entry .box.comments .comments-list .comment .name {
        font-size: 17px;
    }
}

.post-entry .box.comments .comments-list .comment .text {
    line-height: 25px;
    padding: 5px 0px 0px 0px;
}

.reply-block .alert {
    margin-bottom: 30px;
}

img.mfp-img {
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
}


/* About us */

.about-1 {
    position: relative;
    margin: -25px 0px 20px 0px;
}

@media (max-width: 767px) {
    .about-1 {
        margin: 0px;
    }
}

.about-1 .image {
    margin: 0px 0px 40px 0px;
}

@media (max-width: 767px) {
    .about-1 .image {
        margin: 0px 0px 20px 0px;
    }
}

.about-1 .image img {
    width: 100%;
}

.about-1 h3 {
    text-align: center;
    font-size: 30px;
    line-height: 40px;
    max-width: 750px;
    margin: 0px auto;
    padding: 30px 0px 0px 0px;
}

@media (max-width: 1098px) {
    .about-1 h3 {
        font-size: 26px;
        line-height: 35px;
    }
}

@media (max-width: 767px) {
    .about-1 h3 {
        font-size: 20px;
        line-height: 30px;
        padding-top: 10px;
    }
}

.about-1 .bar3 {
    margin: 50px 0px 0px 0px;
}

@media (max-width: 767px) {
    .about-1 .bar3 {
        margin-top: 20px;
    }
}

.about-1 .parallax {
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    margin: 73px 0px 0px 0px;
    padding: 155px 0px 155px 0px;
    text-align: center;
}

@media (max-width: 1098px) {
    .about-1 .parallax {
        padding: 110px 0px;
    }
}

@media (max-width: 767px) {
    .about-1 .parallax {
        padding: 50px 0px;
        margin: 40px 0px 0px 0px;
        background-attachment: scroll;
    }
}

.about-1 .parallax p {
    font-size: 25px;
    color: #06bec7;
    font-size: 300;
    margin: 0px;
    padding: 0px;
}

@media (max-width: 767px) {
    .about-1 .parallax p {
        font-size: 18px;
    }
}

.about-1 .parallax h4 {
    font-size: 70px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    margin: 0px;
    padding: 0px;
}

@media (max-width: 1098px) {
    .about-1 .parallax h4 {
        font-size: 50px;
    }
}

@media (max-width: 767px) {
    .about-1 .parallax h4 {
        font-size: 30px;
    }
}

.about-2 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
}

.about-2 .box-with-image {
    display: flex;
    margin: 70px 0px 0px 0px;
}

@media (max-width: 767px) {
    .about-2 .box-with-image {
        flex-wrap: wrap;
        margin: 40px 0px 0px 0px;
    }
}

.about-2 .box-with-image .text {
    width: 50%;
    padding-right: 60px;
}

@media (max-width: 1098px) {
    .about-2 .box-with-image .text {
        padding-right: 30px;
    }
}

@media (max-width: 767px) {
    .about-2 .box-with-image .text {
        width: 100%;
        padding-right: 0px;
    }
}

.about-2 .box-with-image .text.right {
    padding-left: 35px;
    padding-right: 0px;
}

@media (max-width: 1098px) {
    .about-2 .box-with-image .text.right {
        padding-left: 20px;
    }
}

@media (max-width: 767px) {
    .about-2 .box-with-image .text.right {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.about-2 .box-with-image .text h2 {
    font-size: 50px;
    padding: 0px;
    margin: 0px 0px 38px 0px;
}

@media (max-width: 1098px) {
    .about-2 .box-with-image .text h2 {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .about-2 .box-with-image .text h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }
}

.about-2 .box-with-image .text h3 {
    font-size: 30px;
    line-height: 40px;
    margin: 0px;
    padding: 0px 0px 14px 0px;
}

@media (max-width: 1098px) {
    .about-2 .box-with-image .text h3 {
        font-size: 26px;
        line-height: 35px;
    }
}

@media (max-width: 767px) {
    .about-2 .box-with-image .text h3 {
        font-size: 20px;
        line-height: 30px;
    }
}

.about-2 .box-with-image .text p {
    font-size: 18px;
    line-height: 28px;
    margin: 0px 0px 14px 0px;
    padding: 0px;
}

@media (max-width: 1098px) {
    .about-2 .box-with-image .text p {
        font-size: 16px;
        line-height: 25px;
    }
}

@media (max-width: 767px) {
    .about-2 .box-with-image .text p {
        font-size: 14px;
        line-height: 21px;
    }
}

.about-2 .box-with-image .image {
    width: 50%;
    text-align: right;
    padding-left: 35px;
    margin-top: 12px;
}

@media (max-width: 1098px) {
    .about-2 .box-with-image .image {
        padding-left: 20px;
    }
}

@media (max-width: 767px) {
    .about-2 .box-with-image .image {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        order: 2;
        padding-top: 10px;
    }
}

.about-2 .box-with-image .image.left {
    text-align: left;
    padding-left: 0px;
    padding-right: 35px;
}

@media (max-width: 1098px) {
    .about-2 .box-with-image .image.left {
        padding-left: 0px;
        padding-right: 20px;
    }
}

@media (max-width: 767px) {
    .about-2 .box-with-image .image.left {
        padding-right: 0px;
    }
}

.about-2 .box-with-image .image img {
    width: 100%;
}

.about-3 {
    position: relative;
    margin: 52px -2000px 20px -2000px;
    padding: 80px 2000px 0px 2000px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
    .about-3 {
        margin-bottom: 0px;
        padding-top: 25px;
        margin-top: 40px;
    }
}

.about-3 h4 {
    font-size: 30px;
    line-height: 40px;
    max-width: 750px;
    margin: 0px auto;
    text-align: center;
}

@media (max-width: 1098px) {
    .about-3 h4 {
        font-size: 26px;
        line-height: 35px;
    }
}

@media (max-width: 767px) {
    .about-3 h4 {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 10px;
    }
}

.about-3 .item {
    text-align: center;
    padding: 17px 0px 0px 0px;
}

@media (max-width: 767px) {
    .about-3 .item {
        padding-top: 7px;
    }
}

.about-3 .item h5 {
    font-size: 100px;
    color: #06bec7;
    line-height: 1;
}

@media (max-width: 1098px) {
    .about-3 .item h5 {
        font-size: 75px;
    }
}

@media (max-width: 767px) {
    .about-3 .item h5 {
        font-size: 40px;
    }
}

.about-3 .item p {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 16px;
    position: relative;
    margin-top: -4px;
}

@media (max-width: 767px) {
    .about-3 .item p {
        margin-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
}


/* Contact */

.information-contact .breadcrumb h1 {
    display: none;
}

#contact-map {
    width: 100% !important;
    margin: 0px 0px -7px 0px;
    padding: 0px;
}

@media (max-width: 767px) {
    #contact-map {
        height: 250px !important;
    }
}

.contact-box {
    padding: 40px 0px 0px 0px;
}

@media (max-width: 767px) {
    .contact-box {
        padding: 0px;
    }
}

.contact-box h2 {
    font-size: 50px;
    line-height: 60px;
    padding: 33px 0px 0px 0px;
    margin: 0px;
}

@media (max-width: 1098px) {
    .contact-box h2 {
        font-size: 40px;
        line-height: 50px;
    }
}

@media (max-width: 767px) {
    .contact-box h2 {
        font-size: 30px;
        line-height: 38px;
        padding-top: 25px;
    }
}

.contact-box ul {
    padding: 13px 0px 0px 0px;
    margin: 0px;
    list-style: none;
}

.contact-box ul li {
    padding: 30px 0px 0px 0px;
    margin: 0px;
}

@media (max-width: 767px) {
    .contact-box ul li {
        padding-top: 20px;
    }
}

.contact-box ul li i {
    font-size: 24px;
    color: #06bec7;
    width: 40px;
    margin-top: 2px;
}

.contact-box ul li p {
    padding: 0px;
    margin: 0px;
    font-size: 13px;
    text-transform: uppercase;
}

.contact-box ul li strong {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
}

@media (max-width: 1098px) {
    .contact-box ul li strong {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .contact-box ul li strong {
        font-size: 20px;
    }
}

.contact-box .items {
    margin-top: 6px;
}

.contact-box .items .item {
    padding-top: 42px;
}

@media (max-width: 767px) {
    .contact-box .items .item {
        padding-top: 30px;
    }
}

.contact-box .items .item h4 {
    padding: 0px 0px 11px 0px;
    margin: 0px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

.contact-box .items .item p {
    padding: 5px 0px 0px 0px;
    margin: 0px;
    line-height: 22px;
}

.contact-box .items .item p span {
    color: #06bec7;
}

.contact-box .image {
    text-align: right;
    padding-top: 45px;
}

@media (max-width: 767px) {
    .contact-box .image {
        text-align: left;
        padding-top: 40px;
    }
}

.contact-form {
    background: #f3f3f3;
    margin: 60px 0px 60px 0px;
    padding: 75px 0px 50px 0px;
}

@media (max-width: 767px) {
    .contact-form {
        padding: 30px 0px 10px 0px;
        margin: 30px 0px;
    }
}

.contact-form legend {
    text-align: center;
    font-size: 30px;
    line-height: 1;
    padding: 0px 0px 30px 0px;
    margin: 0px;
}

@media (max-width: 1098px) {
    .contact-form legend {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .contact-form legend {
        font-size: 20px;
    }
}

.contact-form label {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
}

.contact-form .form-control {
    background: #fff;
}

.contact-form .form-control:focus {
    background: #fff;
}

.contact-page h2 {
    font-size: 50px;
    line-height: 60px;
    padding: 30px 0px 14px 0px;
    margin: 0px;
}

@media (max-width: 1098px) {
    .contact-page h2 {
        font-size: 40px;
        line-height: 50px;
    }
}

@media (max-width: 767px) {
    .contact-page h2 {
        font-size: 26px;
        line-height: 34px;
        padding-top: 0px;
    }
}

.contact-page>ul {
    padding: 0px 0px 20px 0px;
    margin: 0px;
    list-style: none;
    display: flex;
}

@media (max-width: 1098px) {
    .contact-page>ul {
        flex-wrap: wrap;
    }
}

.contact-page>ul li {
    padding: 30px 30px 0px 0px;
    margin: 0px;
    width: 33.33333%;
}

@media (max-width: 1098px) {
    .contact-page>ul li {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .contact-page>ul li {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .contact-page>ul li {
        padding-top: 20px;
    }
}

.contact-page>ul li i {
    font-size: 24px;
    color: #06bec7;
    width: 40px;
    margin-top: 2px;
}

.contact-page>ul li p {
    padding: 0px;
    margin: 0px;
    font-size: 13px;
    text-transform: uppercase;
}

.contact-page>ul li strong {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
}

@media (max-width: 1098px) {
    .contact-page>ul li strong {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .contact-page>ul li strong {
        font-size: 20px;
    }
}

.contact-page .bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 36px;
}

@media (max-width: 767px) {
    .contact-page .bottom {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .contact-page .bottom .d-flex {
        flex-wrap: wrap;
    }
}

.contact-page .bottom p {
    margin: 0px;
    padding: 34px 0px 0px 0px;
}

@media (max-width: 767px) {
    .contact-page .bottom p {
        width: 100%;
        padding-top: 25px;
    }
}

.contact-page .bottom .social-links {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 36px 0px 0px 40px;
    margin: 0px;
}

@media (max-width: 767px) {
    .contact-page .bottom .social-links {
        padding: 20px 0px 0px 0px;
    }
}

.contact-page .bottom .social-links li {
    margin: 0px 24px 0px 0px;
}

.contact-page .bottom .social-links li a {
    color: #b2b2b1;
    font-size: 20px;
}

.contact-page .bottom .social-links li a:hover {
    color: #000;
}

#contact-map2 {
    width: 100% !important;
    margin: 52px 0px -80px 0px;
    padding: 0px;
}

@media (max-width: 767px) {
    #contact-map2 {
        height: 250px !important;
        margin-bottom: -50px;
        margin-top: 35px;
    }
}

.advanced-full-width {
    position: relative;
}


/* Modal */

.modal .modal-content {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: none;
}

.modal .modal-content .modal-header {
    padding: 15px 30px;
}

.modal .modal-content .modal-header h1,
.modal .modal-content .modal-header h2,
.modal .modal-content .modal-header h3,
.modal .modal-content .modal-header h4,
.modal .modal-content .modal-header h5,
.modal .modal-content .modal-header h6 {
    padding: 0px;
    margin: 0px;
}

.modal .modal-content .modal-body {
    padding: 15px 30px;
}

.modal .modal-content .modal-body .size-chart-table {
    max-width: none;
}

.modal .modal-dialog {
    min-height: 100vh;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    margin: 0px auto;
    padding: 20px;
}

#modalAddToCartProduct .modal-header {
    display: none;
}

#modalAddToCartProduct .mobile {
    display: none;
}

@media (max-width: 767px) {
    #modalAddToCartProduct .mobile {
        display: block;
        padding: 20px;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
    }
    #modalAddToCartProduct .mobile i {
        font-size: 16px;
        color: #06bec7;
        padding-right: 4px;
    }
    #modalAddToCartProduct .mobile .tt-modal-messages {
        padding: 0px 0px 5px 0px;
    }
    #modalAddToCartProduct .mobile .btn-link {
        display: block;
        margin: 5px auto;
        font-size: 13px;
        color: #000;
        text-transform: uppercase;
        text-decoration: underline;
        font-weight: 600;
    }
}

#modalAddToCartProduct .modal-dialog {
    max-width: 665px;
}

#modalAddToCartProduct .modal-body {
    padding: 0px;
}

@media (max-width: 767px) {
    #modalAddToCartProduct .desctope {
        display: none;
    }
}

#modalAddToCartProduct .desctope .row {
    margin: 0px;
}

#modalAddToCartProduct .desctope .row>div {
    padding-left: 0px;
    padding-right: 0px;
}

#modalAddToCartProduct .desctope .left {
    padding: 30px !important;
    width: 275px;
}

#modalAddToCartProduct .desctope .left .tt-modal-messages {
    padding: 0px 0px 0px 55px;
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
}

#modalAddToCartProduct .desctope .left .tt-modal-messages i {
    font-size: 30px;
    position: absolute;
    display: block;
    color: #06bec7;
    margin-left: -42px;
}

#modalAddToCartProduct .desctope .left .tt-img {
    text-align: center;
    padding: 37px 0px 0px 0px;
}

#modalAddToCartProduct .desctope .left .tt-img img {
    max-width: 150px;
}

#modalAddToCartProduct .desctope .left .tt-title {
    padding: 15px 0px 0px 0px;
    margin: 0px;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
}

#modalAddToCartProduct .desctope .left .tt-title a {
    font-size: 15px;
    font-weight: normal;
}

#modalAddToCartProduct .desctope .left .tt-qty {
    text-align: center;
    font-size: 15px;
}

#modalAddToCartProduct .desctope .left .tt-total {
    text-align: center;
    padding-top: 4px;
}

#modalAddToCartProduct .desctope .left .tt-total .tt-price {
    font-weight: bold;
}

#modalAddToCartProduct .desctope .left .tt-total .price-old {
    font-weight: normal;
    text-decoration: line-through;
    color: #808080;
    padding-right: 3px;
}

#modalAddToCartProduct .desctope .left .tt-total .price-new {
    color: #06bec7;
    font-weight: 600;
}

#modalAddToCartProduct .desctope .right {
    background: #f2f2f2;
    width: 350px;
    padding: 40px;
}

#modalAddToCartProduct .desctope .right .tt-cart-total {
    text-align: center;
    display: block;
    margin-top: 55px;
    margin-bottom: 16px;
}

#modalAddToCartProduct .desctope .right .tt-cart-total p {
    margin: 0px 0px 6px 0px !important;
}

#modalAddToCartProduct .desctope .right .tt-cart-total .tt-price {
    font-size: 35px;
    color: #06bec7;
    font-weight: 600;
}

#modalAddToCartProduct .desctope .right .btn {
    display: block;
    width: 100%;
    text-align: center;
    margin: 10px 0px 0px 0px;
    font-size: 14px;
    padding: 15px 20px 14px 20px;
}

#modalAddToCartProduct .desctope .right .btn.btn-border {
    color: #000 !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: none !important;
    padding: 9px 20px 8px 20px;
}


/* Product page 3 */

.product3-images {
    margin: -30px 0px 0px 0px;
    position: relative;
}

@media (max-width: 767px) {
    .product3-images {
        margin: 0px 0px 0px 0px;
    }
}

.product3-images .owl-prev,
.product3-images .owl-next {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    width: 60px;
    height: 60px;
    text-align: center !important;
    font-size: 30px !important;
    line-height: 60px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    z-index: 2;
}

@media (max-width: 767px) {
    .product3-images .owl-prev,
    .product3-images .owl-next {
        left: 0px;
        width: 30px;
        height: 30px;
        font-size: 20px !important;
        line-height: 30px !important;
    }
}

.product3-images .owl-prev:hover,
.product3-images .owl-next:hover {
    background: #fff !important;
}

.product3-images .owl-next {
    left: auto;
    right: 30px;
}

@media (max-width: 767px) {
    .product3-images .owl-next {
        left: auto;
        right: 0;
    }
}

.product3-label {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 2;
}

.product3-label .sale,
.product3-label .new {
    position: relative;
}

.product-3.product-info {
    text-align: center;
    padding: 52px 0px 0px 0px;
}

@media (max-width: 767px) {
    .product-3.product-info {
        padding-top: 30px;
    }
}

.product-3.product-info .product-center {
    padding-left: 15px;
}

@media (max-width: 767px) {
    .product-3.product-info .product-center {
        padding-left: 10px;
    }
}

.product-3.product-info .product-center h1 {
    font-size: 40px;
}

@media (max-width: 1098px) {
    .product-3.product-info .product-center h1 {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .product-3.product-info .product-center h1 {
        font-size: 23px;
    }
}

.product-3.product-info .product-center .brand {
    margin-top: 0px;
}

.product-3.product-info .product-center .description {
    text-align: left;
}

.product-3.product-info .product-center .description .left {
    margin-left: auto;
}

.product-3.product-info .product-center .description .right {
    margin-right: auto;
}

.product-3.product-info .product-center .hurry-up .line {
    max-width: 350px;
    margin: 0px auto;
}

.product-3.product-info .product-center .is-countdown {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
}

.product-3.product-info .product-center .options-cart {
    text-align: left;
}

@media (max-width: 1098px) {
    .product-3.product-info .product-center .options-cart {
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) {
    .product-3.product-info .product-center .options-cart {
        text-align: center;
    }
}

.product-3.product-info .product-center .options-cart .cart {
    margin: 0px 15px;
    padding-top: 54px;
}

@media (max-width: 1098px) {
    .product-3.product-info .product-center .options-cart .cart {
        margin: 0px auto;
        padding-top: 30px;
    }
}

@media (max-width: 767px) {
    .product-3.product-info .product-center .options-cart .cart {
        width: 100%;
    }
}

.product-3.product-info .product-center .options-cart>div:first-child {
    margin-left: auto;
}

.product-3.product-info .product-center .options-cart>div:last-child {
    margin-right: auto;
}

@media (max-width: 1098px) {
    .product-3.product-info .product-center .options-cart .options {
        margin: 0px auto;
    }
}

@media (max-width: 767px) {
    .product-3.product-info .product-center .options-cart .options {
        flex-wrap: wrap;
    }
}

.product-3.product-info .product-center .options-cart .options .form-group {
    margin: 0px 15px;
}

@media (max-width: 767px) {
    .product-3.product-info .product-center .options-cart .options .form-group {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .product-3.product-info .product-center .options-cart .options .radio-type-button2:first-of-type {
        margin-left: auto;
    }
    .product-3.product-info .product-center .options-cart .options .radio-type-button2:last-of-type {
        margin-right: auto;
    }
}

@media (max-width: 767px) {
    .product-3.product-info .product-center .links-question {
        flex-wrap: wrap;
    }
}

.product-3.product-info .product-center .links-question>* {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 20px;
    margin-right: 20px;
}

.product-3.product-info .product-center .links-question>*:first-child {
    margin-left: auto;
}

@media (max-width: 767px) {
    .product-3.product-info .product-center .links-question>*:first-child {
        margin-right: auto;
    }
}

.product-3.product-info .product-center .links-question>*:last-child {
    margin-right: auto;
}

@media (max-width: 767px) {
    .product-3.product-info .product-center .links-question>*:last-child {
        margin-left: auto;
    }
}

@media (max-width: 767px) {
    .product-3.product-info .product-center .links-question .links {
        flex-wrap: wrap;
    }
}

.product-3.product-info .product-center .links-question .links a {
    margin-left: 40px;
    margin-right: 40px;
}

@media (max-width: 767px) {
    .product-3.product-info .product-center .links-question .links a {
        margin-left: auto;
        margin-right: auto;
        padding-left: 30px;
        padding-right: 30px;
    }
    .product-3.product-info .product-center .links-question .links a span {
        left: 0;
    }
}

.product-3.product-info .product-center .share {
    text-align: center;
}

.product-3.product-info .product-center .share #st-1 {
    text-align: center;
}

.product-3.product-info .product-center .modal {
    text-align: left;
}


/* Footer newsletter on main content */

.main-content .widget-newsletter {
    margin-top: 72px !important;
}

@media (max-width: 767px) {
    .main-content .widget-newsletter {
        margin-top: 40px !important;
    }
}

.main-content .footer-newsletter {
    padding: 50px 25px 58px 25px;
    position: relative;
}

@media (max-width: 767px) {
    .main-content .footer-newsletter {
        padding: 40px 25px;
    }
}

.main-content .footer-newsletter h5 {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    margin: 0px;
    padding: 0px 0px 27px 0px;
}

@media (max-width: 991px) {
    .main-content .footer-newsletter h5 {
        font-size: 27px;
    }
}

@media (max-width: 767px) {
    .main-content .footer-newsletter h5 {
        font-size: 20px;
        padding-bottom: 10px;
    }
}

.main-content .footer-newsletter .line {
    display: none;
}

.main-content .footer-newsletter .content {
    margin: 0px auto;
    max-width: 675px;
    position: relative;
    z-index: 2;
    padding-top: 0px;
    padding-bottom: 0px;
}

@media (max-width: 767px) {
    .main-content .footer-newsletter .content {
        max-width: 100%;
        background: none;
    }
}

.main-content .footer-newsletter .content input {
    margin-left: auto;
    margin-right: 10px;
    background: #e6e6e6;
    color: #000;
    width: 382px;
}

@media (max-width: 767px) {
    .main-content .footer-newsletter .content input {
        width: 100%;
    }
}

.main-content .footer-newsletter .content input:focus {
    background: #e6e6e6;
}

.main-content .footer-newsletter .content .button {
    margin-right: auto;
}

@media (max-width: 767px) {
    .main-content .footer-newsletter .content .button {
        font-size: 15px;
        padding-top: 9px;
        white-space: nowrap;
    }
}

.main-content .footer-newsletter .checkbox {
    text-align: center;
    padding-top: 2px;
}

@media (max-width: 767px) {
    .main-content .footer-newsletter .checkbox {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.main-content .footer-newsletter .checkbox label {
    font-size: 13px;
    position: relative;
    cursor: pointer;
    margin: 0px;
}

.main-content .footer-newsletter .checkbox label .custom-control-indicator {
    position: absolute;
    background: #e6e6e6;
    width: 20px;
    height: 20px;
    display: block;
    left: -30px;
    top: 0px;
}

.main-content .footer-newsletter .checkbox label .custom-control-input:checked~.custom-control-indicator:before {
    content: "\f00c";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    text-align: center;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 20px;
    color: #06bec7;
}

.main-content .footer-newsletter .checkbox label a {
    text-decoration: underline;
}


/* Lookbook */

@media (max-width: 767px) {
    .col-md-6 .lookbook.type-3 {
        height: 76.4vw;
    }
}

.lookbok3-heading {
    text-align: center;
    padding: 37px 20px 42px 20px;
}

@media (max-width: 767px) {
    .lookbok3-heading {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.lookbok3-heading p {
    padding: 0px;
    margin: 0px;
    font-size: 30px;
    font-weight: 300;
}

@media (max-width: 1098px) {
    .lookbok3-heading p {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .lookbok3-heading p {
        font-size: 20px;
    }
}

.lookbok3-heading h4 {
    font-size: 80px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
}

@media (max-width: 1098px) {
    .lookbok3-heading h4 {
        font-size: 50px;
    }
}

@media (max-width: 767px) {
    .lookbok3-heading h4 {
        font-size: 32px;
    }
}

.lookbok3-heading h4 span {
    color: #06bec7;
    text-decoration: underline;
}

.lookbook {
    margin: 72px 0px 0px 0px;
    height: 448px;
    position: relative;
}

@media (max-width: 767px) {
    .lookbook {
        height: 200px;
        margin-top: 40px;
    }
}

.lookbook.type-3 {
    height: 38.2vw;
    margin-top: 20px;
}

.lookbook.type-2 {
    height: 30.58vw;
}

@media (max-width: 767px) {
    .lookbook.type-2 {
        height: 170px;
    }
}

.lookbook.type-2 .lookbook-content {
    left: 0;
    right: 0;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    text-align: left;
}

.lookbook.type-2 .lookbook-content h3 {
    max-width: 1240px;
    padding: 0px 50px;
    margin: 0px auto;
}

@media (max-width: 767px) {
    .lookbook.type-2 .lookbook-content h3 {
        padding: 0px 20px;
    }
}

.lookbook .lookbook-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
}

.lookbook .lookbook-content {
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: 83px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    text-align: center;
}

@media (max-width: 1098px) {
    .lookbook .lookbook-content {
        bottom: 60px;
    }
}

@media (max-width: 767px) {
    .lookbook .lookbook-content {
        bottom: 30px;
    }
}

.lookbook .lookbook-content h3 {
    font-size: 50px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
}

@media (max-width: 1098px) {
    .lookbook .lookbook-content h3 {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .lookbook .lookbook-content h3 {
        font-size: 20px;
    }
}

.lookbook .pin {
    position: absolute;
}

.lookbook .pin .open-pin {
    display: block;
    width: 42px;
    height: 42px;
    background: #06bec7;
    border: 3px solid #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    z-index: 2;
}

@media (max-width: 767px) {
    .lookbook .pin .open-pin {
        width: 24px;
        height: 24px;
        border: 2px solid #fff;
        line-height: 20px;
        font-size: 14px;
    }
}

.lookbook .pin.active {
    z-index: 4;
}

.lookbook .pin.active .open-pin {
    z-index: 4;
}

.lookbook .pin.active .pin-content {
    display: block;
    z-index: 3;
}

.lookbook .pin .pin-content {
    margin: -21px 0px 0px 21px;
    width: 212px;
    background: #fff;
    position: relative;
    z-index: 2;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
    display: none;
}

@media (max-width: 767px) {
    .lookbook .pin .pin-content {
        margin: -12px 0px 0px -88px;
        width: 200px;
    }
}

.lookbook .pin .pin-content .product-content {
    padding: 15px 20px 10px 20px;
    text-align: center;
}

.lookbook .pin .pin-content .price {
    font-weight: bold;
}

.lookbook .pin .pin-content ul {
    list-style: none;
    padding: 10px 0px 0px 0px;
    margin: 0px;
}

.lookbook .pin .pin-content ul li {
    display: inline-block;
    vertical-align: top;
    padding: 0px 10px;
}

.lookbook .pin .pin-content .add-to-cart a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    text-align: center;
    padding: 9px 10px;
    background: #06bec7;
}


/* most viewed products on category page */

.most-viewed-products {
    margin-bottom: -81px !important;
    margin-top: 80px !important;
    position: relative;
    z-index: 2;
}

@media (max-width: 767px) {
    .most-viewed-products {
        margin-top: 40px !important;
        margin-bottom: -51px !important;
    }
}

.most-viewed-products .advanced-grid-products {
    display: flex;
    padding-bottom: 80px;
}

@media (max-width: 767px) {
    .most-viewed-products .advanced-grid-products {
        flex-wrap: wrap;
        padding-bottom: 20px;
    }
}

.most-viewed-products .advanced-grid-products .product {
    padding: 0px 20px 0px 0px;
    width: 25%;
}

@media (max-width: 767px) {
    .most-viewed-products .advanced-grid-products .product {
        width: 50%;
        padding-bottom: 20px;
    }
}


/* Bestselelrs products on category page */

.bestsellers-products {
    margin-bottom: -81px !important;
    margin-top: 80px !important;
    position: relative;
    z-index: 2;
}

@media (max-width: 767px) {
    .bestsellers-products {
        margin-top: 40px !important;
        margin-bottom: -51px !important;
    }
}

.bestsellers-products .box {
    padding-bottom: 75px !important;
}

@media (max-width: 767px) {
    .bestsellers-products .box {
        padding-bottom: 40px !important;
    }
}


/* Product type 4 */

#accordion3 .card {
    border: none;
    background: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

#accordion3 .card .card-body {
    padding: 70px 0px 0px 0px;
    font-size: 18px;
    line-height: 1.55;
}

@media (max-width: 1098px) {
    #accordion3 .card .card-body {
        font-size: 16px;
        padding-top: 60px;
    }
}

@media (max-width: 767px) {
    #accordion3 .card .card-body {
        font-size: 14px;
        padding-top: 40px;
    }
}

#accordion3 .card .card-body h1,
#accordion3 .card .card-body h2,
#accordion3 .card .card-body h3,
#accordion3 .card .card-body h4,
#accordion3 .card .card-body h5,
#accordion3 .card .card-body h6 {
    font-size: 30px;
    line-height: 40px;
    padding-bottom: 27px;
    margin-bottom: 0px;
}

@media (max-width: 1098px) {
    #accordion3 .card .card-body h1,
    #accordion3 .card .card-body h2,
    #accordion3 .card .card-body h3,
    #accordion3 .card .card-body h4,
    #accordion3 .card .card-body h5,
    #accordion3 .card .card-body h6 {
        font-size: 26px;
        line-height: 1.3;
    }
}

@media (max-width: 767px) {
    #accordion3 .card .card-body h1,
    #accordion3 .card .card-body h2,
    #accordion3 .card .card-body h3,
    #accordion3 .card .card-body h4,
    #accordion3 .card .card-body h5,
    #accordion3 .card .card-body h6 {
        font-size: 20px;
        padding-bottom: 17px;
    }
}

#accordion3 .card .card-body p {
    margin-bottom: 0px;
    padding-bottom: 24px;
}

@media (max-width: 767px) {
    #accordion3 .card .card-body p {
        padding-bottom: 14px;
    }
}

#accordion3 .card .card-body .card-body-auto {
    margin: 0px auto;
    max-width: 750px;
    text-align: center;
}

#accordion3 .card .card-body .category-description-with-image {
    margin: 0px auto !important;
    padding: 0px 0px 0px 0px !important;
}

#accordion3 .card .card-body .category-description-with-image>*:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#accordion3 .card .card-body .category-description-with-image>*:first-child {
    padding-top: 0px;
    margin-top: 0px;
}

.product-info.product-type-4 {
    background: #f3f3f3;
    margin: -29px -2000px 0px -2000px;
    padding: 60px 2000px 50px 2000px;
    position: relative;
    z-index: 0;
}

@media (max-width: 767px) {
    .product-info.product-type-4 {
        margin-top: 0px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.product-info.product-type-4 .product-image {
    margin: 0px 0px -50px 0px;
    position: relative;
    padding: 0px;
}

@media (max-width: 767px) {
    .product-info.product-type-4 .product-image {
        margin-bottom: 30px;
    }
}

.product-info.product-type-4 .product-image .product-image-left ul li a {
    margin: -1px;
    border: 1px solid #dadada;
    position: relative;
}

.product-info.product-type-4 .product-image .product-image-left ul li a.active {
    margin: -2px;
    border: 2px solid #06bec7;
    position: relative;
}

.product-info.product-type-4 .product-center {
    margin-bottom: auto;
    position: relative;
    z-index: 3;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 55px;
    padding-left: 40px;
}

@media (max-width: 991px) {
    .product-info.product-type-4 .product-center {
        padding-left: 30px;
        padding-right: 45px;
    }
}

@media (max-width: 767px) {
    .product-info.product-type-4 .product-center {
        padding-left: 35px;
        padding-right: 35px;
    }
}

.product-info.product-type-4 .product-center:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 15px;
    bottom: 0;
    background: #fff;
}

@media (max-width: 767px) {
    .product-info.product-type-4 .product-center:before {
        left: 10px;
        right: 10px;
    }
}

.product-info.product-type-4 .product-center * {
    position: relative;
    z-index: 2;
}

.product-info.product-type-4 .product-center .brand-label .label {
    margin-right: -40px;
    margin-top: -30px;
}

@media (max-width: 767px) {
    .product-info.product-type-4 .product-center .brand-label .label {
        margin-right: -25px;
    }
}

.product-type-4-size-chart {
    margin: 0px -10px;
}

.product-type-4-size-chart>div {
    padding-left: 10px;
    padding-right: 10px;
}

.product-type-4-size-chart .size-chart-table {
    background: #f3f3f3;
    padding: 40px 60px;
}

@media (max-width: 1280px) {
    .product-type-4-size-chart .size-chart-table {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (max-width: 767px) {
    .product-type-4-size-chart .size-chart-table {
        padding: 20px 25px;
    }
}

@media (max-width: 767px) {
    .product-type-4-size-chart img {
        margin-top: 30px;
    }
}


/* Bar */

#slider .wrap-bar4 {
    background: #daf5f7;
}

@media (max-width: 767px) {
    #slider .wrap-bar4 {
        overflow: scroll;
    }
}

#slider .bar4 {
    padding: 15px 0px;
}

#slider .bar4 .item {
    padding: 6px 0px;
    white-space: nowrap;
}

@media (max-width: 767px) {
    #slider .bar4 .item {
        padding-right: 25px;
    }
}

#slider .bar4 .item .icon {
    min-width: 50px;
}

@media (max-width: 767px) {
    #slider .bar4 .item .icon {
        min-width: 30px;
    }
}

#slider .bar4 .item .icon svg {
    width: 36px;
    height: 36px;
}

@media (max-width: 767px) {
    #slider .bar4 .item .icon svg {
        width: 20px;
        height: 20px;
    }
}

#slider .bar4 .item .icon svg path,
#slider .bar4 .item .icon svg g {
    fill: #06bec7 !important;
}

#slider .bar4 .item h4 {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.2;
    color: #000;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
}

@media (max-width: 767px) {
    #slider .bar4 .item h4 {
        font-size: 13px;
    }
}

#slider .bar4 .item h4 span {
    text-decoration: underline;
}

#slider .bar4 .line {
    width: 170px;
    background: rgba(0, 0, 0, 0.2);
    height: 1px;
    margin: 0px 50px;
}

@media (max-width: 1098px) {
    #slider .bar4 .line {
        margin: 0px 25px;
    }
}

@media (max-width: 767px) {
    #slider .bar4 .line {
        display: none;
    }
}


/* hide grid 2 */

.hide-grid2 #grid2 {
    display: none;
}

@media (max-width: 767px) {
    .align-left {
        margin-left: -5px !important;
        margin-right: auto !important;
    }
}


/* Category banner */

#category-banner {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

#category-banner .banners-3 {
    margin: 0px;
    padding: 45px 0px 50px 0px;
}

@media (max-width: 767px) {
    #category-banner .banners-3 {
        padding: 20px 0px;
    }
}

#category-banner .banners-3 .banner {
    height: 260px;
}

@media (max-width: 767px) {
    #category-banner .banners-3 .banner {
        height: 180px;
    }
}


/* Product type 5 */

.zoomContainer {
    z-index: 2;
}

.product-info.product-type-5 .sticky-top {
    padding-top: 30px;
}

.product-info.product-type-5 .sticky-top.fixed-on {
    padding-top: 10px;
}

@media (min-width: 768px) {
    .product-info.product-type-5 .custom-sticky {
        min-height: calc(100vh - 40px);
    }
}

@media (max-width: 767px) {
    .product-info.product-type-5 .custom-sticky {
        width: 100% !important;
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
    }
}

.product-info.product-type-5 .product-image .product-image-right {
    padding-left: 0px;
}

.product-info.product-type-5 .product-image .product-image-right ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.product-info.product-type-5 .product-image .product-image-right ul li {
    margin-top: 20px;
}

.product-info.product-type-5 .product3-images {
    margin-bottom: 20px;
}

#accordion4 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 60px 0px 10px 0px;
}

@media (max-width: 767px) {
    #accordion4 {
        margin-top: 40px;
    }
}

#accordion4 .card {
    border: none;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#accordion4 .card .card-header {
    background: none;
    padding: 0px 0px;
    margin: 0px;
    border: none;
}

#accordion4 .card .card-header h5 {
    margin: 0px;
    padding: 0px;
}

#accordion4 .card .card-header .btn-link {
    background: none;
    padding: 13px 0px;
    margin: 0px;
    border: none;
    font-size: 18px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    text-decoration: none;
}

#accordion4 .card .card-header .btn-link:not(.collapsed) {
    text-decoration: underline;
    color: #06bec7;
}

@media (max-width: 767px) {
    #accordion4 .card .card-header .btn-link {
        font-size: 16px;
    }
}

#accordion4 .card .card-body {
    padding: 10px 0px 35px 0px;
    margin: 0px;
    background: none;
    border: none;
    font-size: 16px;
    line-height: 1.55;
}

#accordion4 .card .card-body .card-body-auto>*:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#accordion4 .card .card-body .card-body-auto>*:first-child {
    padding-top: 0px;
    margin-top: 0px;
}

@media (max-width: 1098px) {
    #accordion4 .card .card-body {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    #accordion4 .card .card-body {
        font-size: 14px;
    }
}

#accordion4 .card .card-body h1,
#accordion4 .card .card-body h2,
#accordion4 .card .card-body h3,
#accordion4 .card .card-body h4,
#accordion4 .card .card-body h5,
#accordion4 .card .card-body h6 {
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 17px;
    margin-bottom: 0px;
}

@media (max-width: 1098px) {
    #accordion4 .card .card-body h1,
    #accordion4 .card .card-body h2,
    #accordion4 .card .card-body h3,
    #accordion4 .card .card-body h4,
    #accordion4 .card .card-body h5,
    #accordion4 .card .card-body h6 {
        font-size: 18px;
        line-height: 1.3;
    }
}

@media (max-width: 767px) {
    #accordion4 .card .card-body h1,
    #accordion4 .card .card-body h2,
    #accordion4 .card .card-body h3,
    #accordion4 .card .card-body h4,
    #accordion4 .card .card-body h5,
    #accordion4 .card .card-body h6 {
        font-size: 17px;
    }
}

#accordion4 .card .card-body p {
    margin-bottom: 0px;
    padding-bottom: 14px;
}

#accordion4 .card .card-body .category-description-with-image {
    margin: 0px auto !important;
    padding: 0px 0px 0px 0px !important;
}

#accordion4 .card .card-body .category-description-with-image>*:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#accordion4 .card .card-body .category-description-with-image>*:first-child {
    padding-top: 0px;
    margin-top: 0px;
}

#accordion4 .card .card-body #tab-review .comment-heading h2 {
    padding-bottom: 0px;
}


/* Product type 6 */

.product-info.product-type-6 .product-image {
    flex-wrap: wrap;
}

.product-info.product-type-6 .product-image .product-image-left {
    width: 100%;
    order: 2;
}

.product-info.product-type-6 .product-image .product-image-left ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    position: relative;
}

.product-info.product-type-6 .product-image .product-image-left ul li {
    width: 60px;
    margin-top: 10px;
    margin-right: 10px;
}

@media (max-width: 767px) {
    .product-info.product-type-6 .product-image .product-image-left ul li {
        margin: 0px;
    }
}

.product-info.product-type-6 .product-image .product-image-right {
    padding-left: 0px;
}

.product-info.product-type-6 .share {
    padding-top: 50px;
    padding-bottom: 20px;
    position: relative;
    z-index: 2;
    text-align: center;
}

@media (max-width: 767px) {
    .product-info.product-type-6 .share {
        padding-top: 10px;
    }
}

.product-info.product-type-6 .share>div#st-1,
.product-info.product-type-6 .share>div {
    display: flex !important;
}

.product-info.product-type-6 .share>div#st-1>.st-first,
.product-info.product-type-6 .share>div>.st-first {
    margin-left: auto !important;
}

.product-info.product-type-6 .share>div#st-1>.st-last,
.product-info.product-type-6 .share>div>.st-last {
    margin-right: auto !important;
}

.product-info.product-type-6 .share #st-1 .st-btn {
    background: #bebebe !important;
    border-color: #bebebe !important;
    margin-right: 7px !important;
}

.product-info.product-type-6 .share #st-1 .st-btn svg path,
.product-info.product-type-6 .share #st-1 .st-btn svg g {
    fill: #fff !important;
}

.product-info.product-type-6 .share #st-1 .st-btn:nth-child(2n+1) {
    background: #b4b4b4 !important;
    border-color: #b4b4b4 !important;
}


/* Slider align top */

.slider-align-top.common-home #menu-hover-background {
    display: none;
}

.slider-align-top.common-home header .slider-header {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    background: none;
    transition: background 0.2s ease-in;
    -webkit-transition: background 0.2s ease-in;
    -moz-transition: background 0.2s ease-in;
}

.slider-align-top.common-home header .slider-header:hover {
    background: #fff;
}

.slider-align-top.common-home .slider-text {
    padding-top: 40px;
}


/* products-group-title */

.products-group-title {
    font-size: 40px;
    line-height: 1.15;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    padding: 70px 0px 0px 0px;
    margin: 0px 0px -50px 0px;
    position: relative;
}

@media (max-width: 1098px) {
    .products-group-title {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .products-group-title {
        font-size: 26px;
        padding-top: 35px;
        margin-bottom: -25px;
    }
}


/* product 7 */

.product-7.product-info {
    padding-top: 0px;
}

@media (max-width: 767px) {
    .product-7.product-info {
        padding-top: 10px;
    }
}

.product-7 .product-center {
    position: relative;
}

.product-7 .product-center .label {
    position: absolute;
    top: 10px;
    right: 15px;
}

@media (max-width: 767px) {
    .product-7 .product-center .label {
        top: 4px;
    }
}

.product-7 .product-center h1 {
    padding-top: 0;
    max-width: 740px;
    margin: 0px auto;
    padding-left: 60px;
    padding-right: 60px;
}

.product-7 .product-center .popup-gallery .product-image-right {
    padding: 27px 0px 0px 0px;
}

.product-7 .product-center .popup-gallery .product-image-right ul {
    list-style: none;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px 0px -10px;
}

.product-7 .product-center .popup-gallery .product-image-right ul li {
    padding: 0px 10px 20px 10px;
    width: 50%;
}


/* Products with image */

.products-with-box-image {
    position: relative;
    overflow: hidden;
}

.products-with-box-image:hover .image {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
}

.products-with-box-image:hover .image:before {
    top: 50%;
    opacity: 0.5;
}

.products-with-box-image .image {
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    position: relative;
}

.products-with-box-image .image:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    bottom: 0;
    background: rgba(212, 228, 239, 0);
    background: -moz-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212, 228, 239, 0)), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -o-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    background: linear-gradient(to bottom, rgba(212, 228, 239, 0) 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d4e4ef', endColorstr='#ffffff', GradientType=0);
    opacity: 0;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.products-with-box-image .content {
    position: absolute;
    left: 40px;
    bottom: 40px;
    right: 40px;
    z-index: 2;
    padding: 0px;
    margin: 0px;
}

@media (max-width: 767px) {
    .products-with-box-image .content {
        left: 25px;
        bottom: 25px;
        right: 25px;
    }
}

.products-with-box-image .content h3 {
    color: #fff;
    font-size: 30px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
}

@media (max-width: 1098px) {
    .products-with-box-image .content h3 {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .products-with-box-image .content h3 {
        font-size: 20px;
    }
}

.products-with-box-image .content .btn {
    background: #fff !important;
    color: #000 !important;
    margin-top: 18px;
}

@media (max-width: 767px) {
    .products-with-box-image .content .btn {
        margin-top: 10px;
    }
}

.box-with-products2 {
    padding: 75px 0px 0px 0px;
    margin: 0px;
}

@media (max-width: 1098px) {
    .box-with-products2 {
        padding-top: 53px;
    }
}

@media (max-width: 767px) {
    .box-with-products2 {
        padding-top: 33px;
    }
}

.products-heading {
    text-align: center;
    font-size: 40px;
    line-height: 1.1;
    font-weight: bold;
    text-transform: uppercase;
    padding: 81px 0px 0px 0px;
    margin: 0px;
}

@media (max-width: 1098px) {
    .products-heading {
        padding: 61px 0px 0px 0px;
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .products-heading {
        font-size: 26px;
        padding: 41px 0px 0px 0px;
    }
}


/* Revolution slider bullets */

.tp-bullet {
    width: 8px !important;
    height: 8px !important;
    background: #fff !important;
    border-radius: 100px !important;
    -webkit-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    opacity: 1 !important;
}

.tp-bullet.selected {
    width: 18px !important;
    height: 18px !important;
    border: 3px solid #fff !important;
    background: transparent !important;
    margin: -5px !important;
}


/* row */

.row-margin-10 {
    margin-left: -10px;
    margin-right: -10px;
}

.row-margin-10>div {
    padding-left: 10px;
    padding-right: 10px;
}


/* Parallax slide */

.parallax-slide .item {
    height: 100vh;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    position: relative;
}

.parallax-slide .item:first-of-type {
    height: calc(100vh - 141px);
}

@media (max-width: 767px) {
    .parallax-slide .item:first-of-type {
        height: calc(100vh - 66px);
    }
}

.parallax-slide .item .item-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.parallax-slide .item .item-content .slider-text {
    max-width: 1340px;
    padding: 0px 100px;
    margin: 0px auto;
}

@media (max-width: 767px) {
    .parallax-slide .item .item-content .slider-text {
        padding: 0px 20px;
    }
}

@media (max-width: 767px) {
    .parallax-slide .item .item-content .slider-text .first-heading {
        font-size: 20px;
    }
}

@media (max-width: 1098px) {
    .parallax-slide .item .item-content .slider-text .second-heading {
        font-size: 60px;
    }
}

@media (max-width: 767px) {
    .parallax-slide .item .item-content .slider-text .second-heading {
        font-size: 42px;
    }
}

@media (max-width: 1098px) {
    .parallax-slide .item .item-content .slider-text .second-heading span {
        font-size: 60px;
    }
}

@media (max-width: 767px) {
    .parallax-slide .item .item-content .slider-text .second-heading span {
        font-size: 42px;
    }
}

@media (max-width: 767px) {
    .parallax-slide .item .item-content .slider-text .slider-button {
        padding-top: 40px;
    }
    .parallax-slide .item .item-content .slider-text .slider-button a {
        font-size: 14px;
        padding: 12px 35px;
    }
}


/* @group Cookie*/

.cookie .standard-body:before {
    display: none !important;
}

.cookie {
    position: fixed;
    padding: 15px 0px 0px 0px;
    z-index: 99999;
    width: 100%;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0px -1px 2px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px -1px 2px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px -1px 2px 0px rgba(50, 50, 50, 0.2);
}

.cookie .content {
    float: left;
    padding: 1px 0px 14px 0px;
}

@media (max-width: 767px) {
    .cookie .content {
        float: none;
        text-align: center;
    }
}

.cookie .content p {
    margin: 0px;
    padding: 0px;
}

.cookie .operations {
    float: right;
    width: 400px;
    text-align: right;
    padding-bottom: 14px;
}

.cookie .operations .button {
    color: #3498db !important;
    background: #FFF !important;
}

.cookie .operations .dont-show-label {
    display: inline-block;
}

.cookie .operations .dont-show-label label>span {
    position: relative;
    top: 1px;
    padding-left: 4px;
}

.cookie .operations .dont-show-label label {
    cursor: pointer;
}

.cookie .operations .button {
    display: inline-block;
    cursor: pointer;
    margin: 0px 0px 0px 30px;
}

@media (max-width: 767px) {
    .responsive .cookie .operations .button {
        margin: 0px auto;
    }
    .responsive .cookie .operations {
        float: none;
        width: auto;
        text-align: center;
    }
}


/* @end group */

.bar4.contact i {
    margin: 0 10px 0 10px;
    font-size: 14px;
}

.bar4.contact i.fa-whatsapp {
    font-weight: 100;
}

.bar4.contact a:hover {
    color: #FFF
}


/* WhatsApp Styles */

.wa-chat-wrapper.wa-chat-right .wa-chat-header {
    right: 30px;
}

.wa-chat-wrapper .wa-chat-header {
    background: #57bb63;
    bottom: 80px;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    padding: 14px;
    position: fixed;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}

.wa-chat-wrapper .wa-chat-header .wa-chat-icon {
    background: url("../../../image/catalog/icon/icon-chat-wa.png") no-repeat 0 0;
    background-size: auto;
    background-size: auto;
    background-size: 32px auto;
    display: inline-block;
    height: 32px;
    width: 32px;
    vertical-align: top;
}

.wa-chat-wrapper .wa-chat-header .wa-chat-title {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 6px 10px;
}

@media (max-width: 767px) {
    .wa-chat-wrapper .wa-chat-header .wa-chat-title {
        display: none;
    }
}


/* WhatsApp Styles */

.open-menu2 a svg {
    margin-left: 10px;
}

li.quickview {
    list-style: none;
}

.payment span {
    display: inline-block;
    vertical-align: top;
    background: #EEE;
    width: 50px;
    padding: 3px;
}

.payment span i,
.transports span i,
.securit span i {
    background-color: #DDD;
}

.transports span {
    display: inline-block;
    vertical-align: top;
    background: #EEE;
    margin-top: 5px;
    width: 100px;
    padding: 3px;
}

.securit span {
    display: inline-block;
    vertical-align: top;
    background: #EEE;
    margin-top: 5px;
    width: 157px;
    padding: 4px;
}

.securit span img {
    max-width: 150px;
}

.sprite {
    background-image: url("../../../image/catalog/icon/spritesheet1.png");
    background-repeat: no-repeat;
    display: block;
}

.sprite-appicon {
    width: 50px;
    height: 50px;
    background-position: 0 0;
}

.sprite-compra-segura {
    width: 150px;
    height: 60px;
    background-position: 0 -50px;
}

.sprite-correios {
    width: 100px;
    height: 50px;
    background-position: 0 -110px;
}

.sprite-google-seguro {
    width: 150px;
    height: 60px;
    background-position: 0 -160px;
}

.sprite-icon-chat-wa {
    width: 64px;
    height: 128px;
    background-position: 0 -220px;
}

.sprite-icon_cart {
    width: 29px;
    height: 32px;
    background-position: 0 -348px;
}

.sprite-icon_user {
    width: 31px;
    height: 32px;
    background-position: 0 -380px;
    margin: 0 40px 0 0;
}

.sprite-icon_wishlist {
    width: 35px;
    height: 32px;
    background-position: 0 -412px;
}

.sprite-logo-amex-256 {
    width: 50px;
    height: 50px;
    background-position: -5px -449px;
}

.sprite-logo-aura {
    width: 50px;
    height: 50px;
    background-position: 0 -504px;
}

.sprite-logo-boleto {
    width: 50px;
    height: 50px;
    background-position: 0 -554px;
}

.sprite-logo-dinersclub {
    width: 50px;
    height: 50px;
    background-position: 0 -604px;
}

.sprite-logo-elo {
    width: 50px;
    height: 50px;
    background-position: 0 -654px;
}

.sprite-logo-grandcard {
    width: 50px;
    height: 50px;
    background-position: 0 -704px;
}

.sprite-logo-hipercard {
    width: 50px;
    height: 50px;
    background-position: -5px -759px;
}

.sprite-logo-mastercard {
    width: 50px;
    height: 50px;
    background-position: 0 -814px;
}

.sprite-logo-visa {
    width: 50px;
    height: 50px;
    background-position: 0 -864px;
}

.sprite-sedex {
    width: 100px;
    height: 50px;
    background-position: 0 -537px;
}

.sprite-transportadora {
    width: 100px;
    height: 50px;
    background-position: 0 -964px;
}

.category-info ul ul {
    margin-left: 20px !important;
}

.stock-warning {
    padding: 10px 0px;
    text-align: center;
}

.stock-warning a {
    background-color: #CCC;
    padding: 5px 15px;
    text-decoration: none;
    text-transform: uppercase;
}

/* footer padrão */
.clear {
     clear:both
}
.clearfix:before,
.clearfix:after {
     content:'.';
     display:block;
     overflow:hidden;
     visibility:hidden;
     font-size:0;
     line-height:0;
     width:0;
     height:0;
}
.clearfix:after {
     clear:both
}
.clearfix {
     zoom:1
}
.listagem-tags li.clear {
     margin:0
}
.social-links li {
     margin-top: 18px;
}
.logo-a {
     width: 100%;
     background: #ccc;
     padding: 1px;
}
.logo-al {
     display: flex;
     justify-content: center;
}
.logo-margin {
     margin: 20px 0;
}
.social-links li {
     display: flex;
     justify-content: center;
     flex-direction: row;
     align-items: center;
}
.social-links:not(:last-child) {
    margin-right: 10px;
}
.address-footer {
     display: flex;
     flex-direction: column;
     align-items: center;
}
/* .security, .sociais {
     width: 50% !important;
} */
.security {
     margin: 0 10px 0 0;
}
.contact-al {
    margin: 0 25px;
    text-align: center;
}
.contact-al li {
     margin: 5px;
}
.icon-contact {
     padding-right:5px;
}
.box-contato {
     display: flex;
     flex-direction: column;
     align-items: center;
}  
.box-footer {
     background:#F0F0ED;
     padding:20px 0 20px 0;
     float:left;
     width:35%;
}
.contato h2, .payment-method h2, .delivery h2, .security h2, .sociais h2 {
     font-size: 1.2em;
     text-align: center;
     /* height: 70px; */
     margin: 0;
     color: #F29A1F;
     font-weight: bold;
}
.security h2, .sociais h2 {
     height: 30px;
}
.payment-method {
     margin: 0 10px;
}
.payment-list, .delivery-list, .security-list {
     display:flex;
     justify-content: center;
     text-align:center;
     margin:0 auto;
     width:90%;
     flex-wrap: wrap;
}
.payment-list li, .delivery-list li, .security-list li {
     display:inline-block;
     vertical-align:middle;
     margin:3px
}
.payment-list li span, .delivery-list li span, .security-list li span {
     display:inline-block;
     vertical-align:middle;
     text-indent:-9999px;
     overflow:hidden
}
.payment-method .sprite-footer {
    box-shadow: 0px 3px 3px 0px #ccc;
    border-radius: 5px;
}
.sprite-footer {
    background-image: url(../../../image/catalog/icon/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
}
.shadow-social-border,
.payment-list .sprite-footer,
.delivery-list .sprite-footer,
.security-list .sprite-footer,
.delivery-list .sprite {
    will-change: transform;
    transition: transform 450ms;
}
.shadow-social-border:hover,
.payment-list .sprite-footer:hover,
.delivery-list .sprite-footer:hover,
.security-list .sprite-footer:hover,
.delivery-list .sprite:hover {
    transition: transform 250ms;
    transform: translateY(-3px);
}
.sprite-correrios-100x50 {
    width: 100px;
    height: 50px;
    background-position: 0 0;
}

.sprite-entregapropria-100x50 {
    width: 100px;
    height: 50px;
    background-position: 0 -50px;
}

.sprite-logo-amex-50x30 {
    width: 50px;
    height: 30px;
    background-position: 0 -100px;
}

.sprite-logo-aura-50x30 {
    width: 50px;
    height: 30px;
    background-position: 0 -130px;
}

.sprite-logo-boleto-50x30 {
    width: 50px;
    height: 30px;
    background-position: 0 -160px;
}

.sprite-logo-diners-50x30 {
    width: 50px;
    height: 30px;
    background-position: 0 -190px;
}

.sprite-logo-elo-50x30 {
    width: 50px;
    height: 30px;
    background-position: 0 -220px;
}

.sprite-logo-google-seguro-100x50 {
    width: 100px;
    height: 50px;
    background-position: 0 -250px;
}

.sprite-logo-hipercard-50x30 {
    width: 50px;
    height: 30px;
    background-position: 0 -300px;
}

.sprite-logo-lojasegura-100x50 {
    width: 100px;
    height: 50px;
    background-position: 0 -330px;
}

.sprite-logo-mastercard-50x30 {
    width: 50px;
    height: 30px;
    background-position: 0 -380px;
}

.sprite-logo-visa-50x30 {
    width: 50px;
    height: 30px;
    background-position: 0 -410px;
}

.sprite-social-facebook {
    width: 30px;
    height: 30px;
    background-position: 0 -440px;
}

.sprite-social-instagram {
    width: 30px;
    height: 30px;
    background-position: 0 -470px;
}

.sprite-social-linkedin {
    width: 30px;
    height: 30px;
    background-position: 0 -500px;
}

.sprite-social-twitter {
    width: 30px;
    height: 30px;
    background-position: 0 -530px;
}

.sprite-social-youtube {
    width: 30px;
    height: 30px;
    background-position: 0 -560px;
}

.sprite-transportadora-100x50 {
    width: 100px;
    height: 50px;
    background-position: 0 -590px;
}
.disp-central {
     margin: 0 auto !important;
}
.disp-space {
     padding-left: 50px;
}
h1, h2 {
     display:block;
     font-size:2.4em;
     font-weight:normal;
     line-height:35px;
     margin:8px 0 20px 0;
     text-align:left
}
h3 {
     font-size:1.2em;
     margin:20px 0px;
     font-weight:normal
}
h3.register-not-found {
     font-size:1.3em;
     font-weight:normal
}
.content-middle {
     max-width:1172px;
     margin:0 auto;
     width:96%
}
@media (min-width: 1001px) {
     #xs-two {
          display: flex;
          margin-top: 10px;
     }
     .bloco-geral, #add-end {
          display: none;
     }
     .rodape-responsivo {
          display:none
     }
     .fisic-store {
         display: none;
     }
     hr.style {
         display: none;
     }
     
}
@media (max-width: 1000px) {
     #xs-two, #xs-show {
          display: none; 
     }
     .rodape-responsivo {
          display:block;
          margin-bottom:30px;
     }
     .seguranca-r .conteudo {
          border-bottom:10px solid #E9EEF1
     }
     .descricao {
          display:inline-block;
          font-size:0.9em;
          font-weight:bold;
          vertical-align:middle
     }
     .listagem-itens-rodape {
          display: block;
          text-align: center;
     }
     .listagem-itens-rodape>li {
          display:block;
          margin-bottom:3px;
          font-size:1em;
          -webkit-box-sizing:border-box;
          -moz-box-sizing:border-box;
          box-sizing:border-box
     }
     .listagem-itens-rodape li a {
          display:block;
          font-weight:normal;
          padding:20px 0;
          font-family:Arial, Verdana, Tahoma
     }
     .listagem-itens-rodape li .titulo:after {
          content:"";
          position:absolute;
          width:11px;
          height:11px;
          background:url(../../../image/catalog/icon/icone-expandir-mobile.png) no-repeat;
          left:0;
          right:2%;
          top:0;
          bottom:0;
          margin:auto 0 auto auto;
          -webkit-transition:all 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
          -moz-transition:all 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
          -o-transition:all 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
          transition:all 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75)
     }
     .listagem-itens-rodape li .titulo.open:after {
          -webkit-transform:rotate(180deg);
          -moz-transform:rotate(180deg);
          -ms-transform:rotate(180deg);
          -o-transform:rotate(180deg);
          transform:rotate(180deg)
     }
     .listagem-itens-rodape li .titulo {
          display:block;
          position:relative;
          background:#E3E3DD;
          padding:0 2%;
          color:#6F684E;
          cursor:pointer;
          line-height:55px;
          height:55px;
          font-size:1.2em;
          -webkit-user-select:none;
          -khtml-user-select:none;
          -moz-user-select:none;
          -ms-user-select:none;
          user-select:none;
          -webkit-tap-highlight-color:rgba(0,0,0,0);
          -webkit-box-sizing:border-box;
          -moz-box-sizing:border-box;
          box-sizing:border-box
     }
     .listagem-itens-rodape li .titulo a {
          display:inline
     }
     .listagem-itens-rodape li .conteudo {
          padding:2%;
          -webkit-box-sizing:border-box;
          -moz-box-sizing:border-box;
          box-sizing:border-box
     }
     .listagem-itens-rodape li .titulo a {
          color:#222222;
          font-size:0.7em;
          font-weight:normal
     }
     .rodape-responsivo img {
          margin:30px auto
     }
     .fisic-store {
        margin: 0 0 20px 0;text-align: center;
        display: block;
     }
}
.footer .pattern h4 {
    color: #373536;
    font-size: 15px;
    padding: 40px 0 9px 0 !important;
    margin: 0;
}
.footer .pattern {
    color: #000;
}
.security-full {
    margin: 0;
}
#xs-two .sem-sociais {
    width: 50%;
}
.contato-seg {
    margin-right: 10px;
}
.security-full h2 {
    font-size: 1.2em;
    text-align: center;
    height: 70px;
    margin: 0;
    color: #F29A1F;
    font-weight: bold;
}
.security-full h2 {
     height: 30px;
}
.shadow-box {
    box-shadow: 0px 3px 3px 0px #ccc;
}
.shadow-social-border {
    border-radius: 50px;
}
/* footer padrão */