/*
	Template Name: Demarcate
    Template URL: http://demo.demarcated.com/
	Author URI : http://www.demarcated.com/
    Version: 1.0;
    Design By : Sukanta Mitra (skuizy)
    phone: +91 9563506060
    Description: HTML5 Responsive Ecommerce Template.
	Tag: HTML5, CSS3, jQuery, Responsive Template.
*/


/* ==========================================================================
 	Home
 ========================================================================== */
@import url('https://fonts.googleapis.com/css?family=Didact+Gothic');


html,
body {
    font-weight: normal;
    overflow-x: hidden;
    color: #000000;
    font-size: 14px;
    background-color: #f7f7f5;
    -webkit-font-smoothing: antialiased;
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.tr-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    color: #878787;
}

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

a:hover {
    color: #326bf3;
}

a:active,
a:focus, button:focus, .btn:focus,
input:focus, textarea:focus, select:focus,
.form-control, .form-control:focus {
    outline: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

button {
    cursor: pointer;
}

.tr-list,
.tr-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.btn.btn-primary {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 15px 35px;
    border-radius: 30px;
    border-color: #d71e7e;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn.btn-primary:hover {
    color: #f34a81;
    background-color: #fff;
}

.btn.btn-primary:before,
.btn.btn-primary:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    z-index: -1;
    background-color: #e41581;
}

.btn.btn-primary:before {
    top: 0;
}

.btn.btn-primary:after {
    bottom: 0;
}

.btn.btn-primary:hover:before {
    top: -100%;
}

.btn.btn-primary:hover:after {
    bottom: -100%;
}

select.form-control:not([size]):not([multiple]) {
    height: 48px;
}





/* loader */

#loftloader-wrapper.end-split-h .loader-bg:before, #loftloader-wrapper.end-split-h .loader-bg:after, #loftloader-wrapper.end-split-v .loader-bg:before, #loftloader-wrapper.end-split-v .loader-bg:after, #loftloader-wrapper.end-fade .loader-bg, #loftloader-wrapper.end-up .loader-bg, #loftloader-wrapper.end-shrink-fade .loader-bg:before, .loader-bg .loader-bg-half:before {
        background-color: #c1edff;
    }

    #loftloader-wrapper.end-split-h .loader-bg:before, #loftloader-wrapper.end-split-h .loader-bg:after, #loftloader-wrapper.end-split-v .loader-bg:before, #loftloader-wrapper.end-split-v .loader-bg:after, #loftloader-wrapper.end-fade .loader-bg, #loftloader-wrapper.end-up .loader-bg, #loftloader-wrapper.end-shrink-fade .loader-bg:before {
        background-image: -webkit-linear-gradient(215deg, #5ae8ed, #d877b8);
        background-image: -o-linear-gradient(215deg, #5ae8ed, #d877b8);
        background-image: -moz-linear-gradient(215deg, #5ae8ed, #d877b8);
        background-image: linear-gradient(215deg, #5ae8ed, #d877b8);
    }

    #loftloader-wrapper .loader-inner #loader, #loftloader-wrapper.loftloader-ducks #loader span {
        color: #ffffff
    }

    #loftloader-wrapper.loftloader-crystal #loader span {
        box-shadow: 0 -15px 0 0 rgba(255, 255, 255, 0.5), 15px -15px 0 0 rgba(255, 255, 255, 0.5), 15px 0 0 0 rgba(255, 255, 255, 0.5), 15px 15px 0 0 rgba(255, 255, 255, 0.5), 0 15px 0 0 rgba(255, 255, 255, 0.5), -15px 15px 0 0 rgba(255, 255, 255, 0.5), -15px 0 0 0 rgba(255, 255, 255, 0.5), -15px -15px 0 0 rgba(255, 255, 255, 0.5);
    }

    #loftloader-wrapper.loftloader-crossing #loader span:before {
        background: #00ffff
    }

    #loftloader-wrapper.loftloader-crossing #loader span:after {
        background: #ff0000
    }

    #loftloader-wrapper.loftloader-rainbow #loader span:before {
        box-shadow: 0 0 0 10px #0014af, 0 0 0 20px #00a1f2, 0 0 0 30px #00ed96;
    }

    #loftloader-wrapper.loftloader-frame #loader {
        width: 80px;
    }

    #loftloader-wrapper.loftloader-frame #loader {
        height: 80px;
    }

    #loftloader-wrapper.loftloader-frame #loader span:after, #loftloader-wrapper.loftloader-frame #loader span:before {
        width: 4px;
    }

    #loftloader-wrapper.loftloader-frame #loader:after, #loftloader-wrapper.loftloader-frame #loader:before {
        height: 4px;
    }

    #loftloader-wrapper.loftloader-imgfading #loader img, #loftloader-wrapper.loftloader-imgloading #loader img, #loftloader-wrapper.loftloader-imgrotating #loader img, #loftloader-wrapper.loftloader-imgbouncing #loader img, #loftloader-wrapper.loftloader-imgstatic #loader img {
        width: 240px;
    }

    #loftloader-wrapper.loftloader-imgfading .loader-inner #loader, #loftloader-wrapper.loftloader-imgloading .loader-inner #loader, #loftloader-wrapper.loftloader-imgrotating .loader-inner #loader, #loftloader-wrapper.loftloader-imgbouncing .loader-inner #loader, #loftloader-wrapper.loftloader-imgstatic .loader-inner #loader {
        max-width: 100%;
    }

    span.bar {
        width: 20vw;
    }

    span.bar {
        height: 2px;
    }

    span.bar, span.percentage {
        color: #ffffff;
    }

    #loftloader-wrapper .percentage, #loftloader-wrapper span.bar span.load-count {
        font-family: Lato;
    }

    #loftloader-wrapper .percentage, #loftloader-wrapper span.bar span.load-count {
        font-weight: 600;
    }

    #loftloader-wrapper .percentage, #loftloader-wrapper span.bar span.load-count {
        letter-spacing: 0.4em;
    }

    body span.percentage, body #loftloader-wrapper span.bar span.load-count {
        font-size: 12px;
    }

    #loftloader-wrapper .loader-message {
        font-size: 16px;
    }

    #loftloader-wrapper .loader-message {
        color: #ffffff;
    }

    #loftloader-wrapper .loader-message {
        font-family: Lato;
    }

    #loftloader-wrapper .loader-message {
        font-weight: 800;
    }

    #loftloader-wrapper .loader-message {
        letter-spacing: 0.4em;
    }
    
/* loader */
.form-control {
    height: 48px;
    color: #878787;
    padding: 5px 20px;
    border-radius: 30px;
    margin-bottom: 30px;
    border: 1px solid #e2e4e8;
    background-color: #f7f7f7;
}

.form-control:focus {
    color: #878787;
    border-color: #326bf3;
}

.pattern {
    background-image: url("../images/pattern.jpg");
    background-repeat: repeat;
    width: 100%;
    height: auto;
}

.tr-section,
.products {
    border-radius: 8px;
    margin-bottom: 30px;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 3px 12px rgba(0, 0, 0, .09);
    -ms-box-shadow: 0 3px 12px rgba(0, 0, 0, .09);
    -o-box-shadow: 0 3px 12px rgba(0, 0, 0, .09);
    box-shadow: 0 3px 12px rgba(0, 0, 0, .09);
}
.site_title {
    font-weight: 400;
    font-size: 22px;
    width: 100%;
    line-height: 59px;
    display: block;
    height: 83px;
    margin: 0;
    padding-left: 10px;
}
.section-title h1 {
    font-size: 30px;
    color: #060606;
    font-weight: 300;
    margin: 0;
}

.section-title {
    margin: 70px 0 40px;
    overflow: hidden;
}

.section-title h1 span {
    position: relative;
    display: inline-block;
}

.section-title h1 span:before,
.section-title h1 span:after {
    position: absolute;
    content: "";
    top: 50%;
    width: 300%;
    height: 1px;
    background-color: #e0e0de;
}

.section-title h1 span:before {
    right: 110%;
}

.section-title h1 span:after {
    left: 110%;
}

.main-wrapper {
    padding: 50px 0;
}

.product-icon .icon {
    position: absolute;
    background-color: #f7f7f5;
    width: 55px;
    top: 50%;
    color: #ff2277;
    margin-top: -60px;
    height: 55px;
    line-height: 65px;
    font-size: 25px;
    border-radius: 100%;
}

.product-icon .icon:hover {
    color: #fff;
    background-color: #ff2277;
}

.product-icon .icon.icon-basket {
    left: -100%;
    margin-left: -65px;
}

.product-icon .icon.icon-pulse {
    right: -100%;
    margin-right: -65px;
}

.product:hover .product-icon .icon.icon-basket {
    left: 50%;
}

.product:hover .product-icon .icon.icon-pulse {
    right: 50%;
}

/* tr-breadcrumb */

.tr-breadcrumb {
    color: #fff;
    z-index: 1;
    padding: 180px 0;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../images/bg/breadcrumb-bg.jpg);
}

.breadcrumb {
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0 5px;
    text-transform: uppercase;
    background-color: transparent;
}

.breadcrumb li.active,
.breadcrumb li a {
    color: #a9abac;
}

.breadcrumb li a:hover {
    color: #fff;
}

.breadcrumb > li + li:before {
    padding: 0;
    color: #a9abac;
}

.contact{
    color: #fff;
    z-index: 1;
    padding: 180px 0;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../images/bg/contact-bg.jpg);
}


.contact:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(64, 21, 125, 0.6);
}

.contact:before {
    z-index: -1;
}

.overview{
    color: #fff;
    z-index: 1;
    padding: 180px 0;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../images/bg/overview-bg.jpg);
}


.overview:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(64, 21, 125, 0.6);
}

.overview:before {
    z-index: -1;
}

.page-title h1 {
    margin: 0;
    font-size: 60px;
    text-transform: uppercase;
}

/* Tr Topbar */

.tr-topbar {
    padding: 0;
    background-color: #f3f3f3;
}

.tr-topbar .container {
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
}

.tr-topbar .topbar-right {
    float: right;
    margin-right: 165px;
}

.tr-topbar .topbar-right ul {
    float: left;
    margin-right: 25px;
}

.currency {
    float: right;
}

.tr-topbar .topbar-right li {
    float: left;
    margin-right: 25px;
}

.tr-topbar ul li:last-child {
    margin-right: 0;
}

.tr-topbar ul li .icon {
    font-size: 22px;
    margin-top: -2px;
    margin-right: 10px;
    float: left;
    line-height: 0;
}

.tr-topbar .btn.btn-primary {
    position: absolute;
    top: 0;
    right: 15px;
    padding: 14px 25px;
    border-radius: 0;
    height: 100%;
    text-transform: capitalize;
    font-weight: normal;
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: medium none;
    background: transparent;
    cursor: pointer;
    display: block;
    min-width: 75px;
    padding: 0 15px;
}

.select-language {
    min-width: 50px;
    text-align: center;
    float: left;
}

.select-language .tr-dropdown-menu {
    padding: 5px 8px;
}

.select-language .tr-dropdown-menu li a {
    font-size: 12px;
}

.select-language .tr-dropdown-menu .tr-flag {
    margin-right: 4px;
}

.tr-dropdown-menu li {
    margin-right: 0;
    position: relative;
}

.tr-dropdown-menu li a {
    display: block;
    padding: 1px 5px;
}

.dropdown-menu > li > a:hover {
    color: #fff;
    background-color: #326bf3;
}

.caret {
    margin-top: -3px;
    border-top: 4px solid #bababa;
}

.tr-flag {
    line-height: 0;
    margin-right: 8px;
    display: inline-block;
    border: 1px solid #d2d2d2;
}

.tr-flag img {
    width: 100%;
    height: 100%;
}

.select-after {
    z-index: 1;
    position: relative;
}

.select-after:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 8px;
    width: 0;
    height: 0;
    z-index: -1;
    border-top: 4px solid #bababa;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.currency.select-after:after {
    right: 5px;
}

.currency select {
    min-width: 70px;
    padding: 0 5px;
    color: #878787;
}

/* topbar-middle */

.topbar-middle {
    padding: 30px 0;
    background-color: #fff;
}

.tr-logo {
    float: left;
    height: auto;
    padding: 5px 0;
    margin-right: 75px;
}

.tr-logo.tr-logo-2 {
    display: none;
}

.topbar-middle .search-form {
    float: left;
    width: 570px;
    position: relative;
    margin-top: 30px;
}

.search-form .form-control {
    border-radius: 4px;
    margin-bottom: 0;
}

.topbar-middle .search-form button {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    color: #fff;
    font-size: 20px;
    padding: 9px 18px;
    border-radius: 0px 4px 4px 0px;
    background-color: #e41581;
}

.user-image {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 5px;
}

.user-image img {
    width: 100%;
    height: 100%;
}

.cart-content .tr-dropdown-menu {
    min-width: 280px;
    left: inherit;
    padding: 20px 15px;
    right: 0 !important;
}

.cart-content .tr-dropdown-menu li {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #ddd;
}

.cart-content .tr-dropdown-menu li:last-child {
    margin-bottom: 0;
}

.cart-content .product {
    margin-bottom: 0;
    padding: 0;
}

.cart-content .product .product-image {
    float: left;
    width: 100px;
    border-radius: 4px;
    padding: 5px;
}

.cart-content .product:hover .product-image img {
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}

.cart-content .product .product-title {
    margin-top: 20px;
}

.total-price {
    font-weight: 600;
    color: #3a3d3f;
    font-size: 16px;
    text-align: center;
    margin: 20px 0 15px;
}

.cart-content .btn.btn-primary {
    font-size: 12px;
    padding: 8px 25px;
}

.cart-content .cart-button {
    margin-right: 12px;
}

.total-price strong {
    margin-right: 5px;
}

.remove-item {
    position: relative;
}

.remove-icon {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    font-weight: 300;
    z-index: 999;
}

.remove-icon:hover {
    color: #326bf3;
}

.cart-content > li {
    float: left;
    margin-right: 20px;
    position: relative;
}

.cart-content li .icon {
    font-size: 20px;
}

.cart-content li:last-child {
    margin-right: 0;
}

.cart-number {
    position: absolute;
    top: -10px;
    right: -10px;
    color: #fff;
    display: inline-block;
    padding: 7px;
    font-size: 12px;
    border-radius: 100%;
    line-height: 8px;
    background-color: #ea2e49;
}

.tr-user {
    float: left;
    margin-right: 20px;
}

.topbar-middle .right-content {
    float: right;
    padding: 5px 0;
    margin-top: 30px;
}

.cart-content {
    float: right;
    padding: 5px 0;
}

.user-option {
    min-width: 100px;
    float: left;
    padding: 7px 0;
}

.user-option .tr-dropdown {
    font-size: 16px;
    padding: 0 10px;
    text-transform: uppercase;
}

.user-option .tr-dropdown button {
    padding: 2px 0;
    border: 0;
    display: block;
    background-color: transparent;
}

.user-option .tr-dropdown button:hover,
.user-modal button.close:hover {
    color: #326bf3;
}

.user-modal .modal-header {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    z-index: 9999;
}

.user-modal button.close {
    font-size: 22px;
    color: #878787;
    line-height: 10px;
}

/* tr-menu */

.navbar {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0;
    margin-bottom: 0;
    background-color: #e41581;
}

.navbar-toggleable-md .navbar-nav .nav-link,
.navbar .navbar-nav > li > a {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 20px;
    margin-right: 1px;
    text-transform: uppercase;
    background-color: #e41581;
}

.navbar .navbar-nav li a:hover,
.navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:focus,
.navbar .navbar-nav > .active > a:hover,
.navbar .tr-dropdown-menu li.active > a {
    color: #fff;
    background-color: #a81a64;
}

.navbar .navbar-toggle,
.navbar .navbar-toggle:focus,
.navbar .navbar-toggle:hover {
    border-color: #fff;
    background-color: transparent;
}

.navbar .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-collapse {
    padding: 0;
}

.navbar-toggler-right {
    top: -62px;
    cursor: pointer;
    padding: 3px 6px;
    border: 1px solid #fff;
}

.navbar-toggler-icon {
    position: relative;
    text-align: center;
}

.navbar-toggler-icon:before {
    position: absolute;
    top: 0;
    left: 2px;
    color: #fff;
    content: "\f0c9";
    font-family: "fontawesome";
    font-size: 25px;
}

/*Dropdown CSS*/

.tr-dropdown {
    position: relative;
}

.tr-dropdown-menu,
.sub-menu {
    position: absolute;
    top: 100%;
    min-width: 100%;
    width: 100%;
    left: 0;
    border-radius: 0;
    background-color: #fff;
    padding: 8px 15px;
    list-style: none;
    opacity: 0;
    z-index: 99;
    border-top: 1px solid #ddd;
    visibility: hidden;
    background-color: #fff;
    -webkit-transform: rotateX(-75deg);
    -moz-transform: rotateX(-75deg);
    -ms-transform: rotateX(-75deg);
    -o-transform: rotateX(-75deg);
    transform: rotateX(-75deg);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -ms-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -o-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    transition: transform 0.3s, opacity 0.3s;
}

.tr-dropdown-menu li a {
    padding: 2px 0;
    font-size: 14px;
}

.tr-menu .tr-dropdown-menu {
    min-width: 180px;
    padding: 15px 0;
}

.tr-dropdown-menu .sub-menu {
    left: 100%;
    top: 0;
    padding: 15px 0;
}

.tr-dropdown-menu .sub-menu li a {
    margin-right: 0;
}

.navbar .tr-dropdown-menu li a {
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 20px;
    color: #e41581;
    margin-right: 0;
    background-color: #fff;
    border-bottom: 1px solid #fff;
}

.tr-dropdown-menu li:last-child > a {
    border-bottom: 0;
}

.tr-dropdown:hover > .tr-dropdown-menu,
.tr-dropdown-menu li:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

/*End Drpdown Menu CSS*/

/* Mega Menu CSS */

.tr-dropdown.mega-dropdown {
    position: inherit;
}

#mainmenu {
    position: relative;
}

.menu-content {
    width: 100%;
    position: relative;
}

.tr-dropdown-menu.mega-menu {
    padding: 50px 15px;
}

.tr-dropdown-menu.mega-menu li a {
    padding-left: 0;
}

.tr-dropdown-menu.mega-menu li a:hover,
.tr-dropdown-menu.mega-menu li.active a {
    padding-left: 20px;
}

.mega-menu > li {
    float: left;
    width: 50%;
    padding: 0 15px;

}

.mega-menu .title {
    display: block;
    font-size: 16px;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #1e2f4a;
}

/* Tr Banner */

.tr-banner {
    position: relative;
    overflow: hidden;
    background-image: url(../images/bg/banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.tr-banner:before,
.tr-breadcrumb:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(64, 21, 125, 0.6);
}

.tr-breadcrumb:before {
    z-index: -1;
}

.banner-info {
    padding-bottom: 100px;
}

.banner-info,
.banner-image {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    height: 720px;
    display: table;
}

.info-middle {
    display: table-cell;
    vertical-align: middle;
    padding: 45px;
}

.banner-info .click-cart {
    font-size: 18px;
    color: #aaabac;
    font-weight: 700;
    text-transform: uppercase;
}

.banner-info span {
    display: block;
    animation-delay: 0.95s;
    -webkit-animation-delay: 0.95s;
}

.banner-info h1 {
    font-size: 58px;
    margin: 0 0 25px;
    text-transform: uppercase;
    animation-delay: 0.65s;
    -webkit-animation-delay: 0.65s;
}

.banner-info .paragraphs {
    max-width: 320px;
    animation-delay: 0.80s;
    -webkit-animation-delay: 0.80s;
}

.banner-info .buy-now {
    margin-top: 55px;
    animation-delay: 0.65s;
    -webkit-animation-delay: 0.65s;
}

.buy-now span {
    font-size: 48px;
    font-weight: 700;
    line-height: 55px;
    margin-right: 40px;
    float: left;
}

.banner-image {
    animation-delay: 0.85s;
    -webkit-animation-delay: 0.85s;
}

.indicators-content {
    position: relative;
}

.carousel-indicators {
   /* bottom: 150px;
    left: 0;
    justify-content: left;
    text-align: left;
    margin-left: 15px;*/
}

.carousel-indicators li,
.carousel-indicators .active {
    border: none;
    margin: 10px;
    max-width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #e41581;
    position: relative;
}

.carousel-indicators li:hover,
.carousel-indicators .active {
    background-color: transparent;
}

.carousel-indicators li:before,
.carousel-indicators .active:before {
    position: absolute;
    content: "";
    top: -4px;
    left: -4px;
    width: 14px;
    height: 14px;
    border: 2px solid transparent;
    border-radius: 100%;
}

.carousel-indicators li:hover:before,
.carousel-indicators .active:before {
    border: 2px solid #e41581;
}

/* tr-promotion */

.tr-promotion {
    margin-top: -140px;
}

.promotion {
    font-size: 16px;
    line-height: 22px;
    min-height: 390px;
    margin-bottom: 30px;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 3px 12px rgba(0, 0, 0, .09);
    -ms-box-shadow: 0 3px 12px rgba(0, 0, 0, .09);
    -o-box-shadow: 0 3px 12px rgba(0, 0, 0, .09);
    box-shadow: 0 3px 12px rgba(0, 0, 0, .09);
}

.promotion h1 {
    font-size: 30px;
    color: #2c2a2a;
    margin: 0;
    font-weight: 300;
    text-transform: capitalize;
}

.promotion h2 {
    color: #2c2a2a;
    font-weight: 600;
    margin: 0 0 30px;
}

.promotion-left {
    text-align: center;
    position: relative;
    background-size: cover;
    background-image: url(../images/others/promotion-left-bg.jpg);
}

.promotion-left .left-content {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 35px 20px;
}

.promotion-left span {
    display: block;
    margin-top: 10px;
}

.promotion .right-content {
    padding: 50px;
    max-width: 380px;
}

.promotion .btn {
    margin-top: 20px;
}

.promotion-right {
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(../images/others/promotion-right-bg.jpg);
}

/* Products */

.products {
    background-color: #fff;
}

.product-image {
    overflow: hidden;
}

.product:hover .product-image img {
    -moz-transform: scale(1.05) rotate(2deg);
    -webkit-transform: scale(1.05) rotate(2deg);
    -o-transform: scale(1.05) rotate(2deg);
    -ms-transform: scale(1.05) rotate(2deg);
    transform: scale(1.05) rotate(2deg);
}

.product-category {
    float: left;
    width: 415px;
    height: 370px;
    overflow: hidden;
    position: relative;
}

.products .random-product {
    width: 695px;
    float: right;
    padding: 30px;
}

.product-slider .product {
    padding: 20px 5px;
    border-radius: 0;
    border-left: 1px solid #eeeeee;
}

.product-slider .product.slick-current {
    border-left: 1px solid transparent;
}

.category-title {
    color: #fff;
    position: absolute;
    width: 220px;
    padding: 10px;
    top: 30px;
    z-index: 99;
    text-transform: uppercase;
    background-color: #326bf3;
}

.category-title:hover,
.category-title:focus {
    color: #fff;
}

.category-title h1 {
    font-size: 18px;
    font-weight: 600;
    max-width: 130px;
    float: left;
    margin: 0 0 0 10px;
}

.category-icon {
    padding: 4px;
    float: right;
    display: inline-block;
}

.category-list {
    margin-top: 110px;
    padding: 0 20px;
}

.category-list > li > span {
    width: 140px;
    padding: 5px 0;
    display: inline-block;
    color: #a4a4a4;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #f5f5f5;
}

.category-list:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -7px;
    left: 180px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 4px transparent;
    border-left: 8px solid #fff;
    z-index: 99;
}

.category-list li:last-child span {
    border-bottom: 0;
}

.category-info {
    float: right;
    width: 235px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.category-list.active > li.active > span,
.category-list > li.active > span,
.category-list li:hover > span {
    color: #326bf3;
}

.category-image:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: 50%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.07) 11%, rgba(0, 0, 0, 0.19) 24%, rgba(0, 0, 0, 0.69) 64%, rgba(0, 0, 0, 0.85) 79%, rgba(0, 0, 0, 0.97) 93%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.07) 11%, rgba(0, 0, 0, 0.19) 24%, rgba(0, 0, 0, 0.69) 64%, rgba(0, 0, 0, 0.85) 79%, rgba(0, 0, 0, 0.97) 93%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.07) 11%, rgba(0, 0, 0, 0.19) 24%, rgba(0, 0, 0, 0.69) 64%, rgba(0, 0, 0, 0.85) 79%, rgba(0, 0, 0, 0.97) 93%, rgba(0, 0, 0, 1) 100%);
}

.category-info:hover .category-image:before {
    padding-top: 100%;
}

.category-info .overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    padding: 30px;
}

.category-info .overlay h2 {
    margin: 0;
}

.category-info .overlay h2,
.category-info .overlay .price {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
}

.category-info .overlay .color {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
}

.product {
    position: relative;
    background-color: #fff;
    text-align: center;
}

.product span {
    display: block;
}

.product-title {
    color: #3a3d3f;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
}

.title1 {
    color: #3a3d3f;
    font-size: 24px;
    font-weight: 600;
    margin-top: 10px;
}

.product .color {
    font-size: 12px;
    margin: 5px 0;
}

.product .price {
    color: #3a3d3f;
    font-size: 16px;
}

.product del {
    color: #838c8e;
    margin-right: 5px;
}

.product img {
    display: inline-block;
}

.product-slider .slick-prev,
.product-slider .slick-next,
.cta-slider .slick-prev,
.cta-slider .slick-next {
    display: none !important;
}

.product-slider .slick-dots {
    bottom: -45px;
}

.slick-dots li button {
    width: 6px;
    height: 6px;
    padding: 1px;
    background-color: #d5d5d4;
    border-radius: 100%;
    position: relative;
}

.product-slider .slick-dots li.slick-active button,
.product-slider .slick-dots li:hover button {
    background-color: transparent;
}

.slick-dots li button:before {
    width: 16px;
    height: 16px;
    top: -5px;
    left: -5px;
    content: "";
    opacity: 0;
    border: 3px solid #ff2277;
    background-color: transparent;
    border-radius: 100%;
}

.product-slider .slick-dots li.slick-active button:before,
.product-slider .slick-dots li:hover button:before {
    opacity: 1;
}

/* tr-cta */

.tr-cta {
    padding: 20px 100px;
    background-color: #fff;
}

.cta-info {
    padding: 40px 0;
    font-weight: 300;
    font-size: 16px;
}

.cta-info-left,
.cta-info-right {
    width: 50%;
    float: left;
}

.cta-info h1 {
    font-size: 48px;
    color: #292929;
    font-weight: 300;
    margin-bottom: 20px;
}

.cta-info h3 {
    font-size: 28px;
    color: #292929;
    font-weight: 300;
    margin-bottom: 20px;
}

.cta-info .btn {
    margin-top: 20px;
}

.cta-iamage img {
    display: inline-block;
}

.cta-slider .slick-dots {
    width: inherit;
    bottom: 20px;
}

.cta-slider .slick-dots li.slick-active button {
    background-color: #326bf3;
}

.cta-slider .slick-dots li button:before {
    display: none !important;
}

.tr-cta.cta-2 {
    padding: 20px 50px;
    background-image: url(../images/bg/cta-2-bg.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.tr-cta.cta-2 .cta-info {
    max-width: 430px;
}

.tr-cta.cta-2 .cta-info h1 {
    margin: 0 0 25px;
    font-size: 30px;
}

.tr-cta.cta-2 .specification {
    color: #bbc0d4;
    margin: 30px 0 40px;
}

.tr-cta.cta-2 .specification span {
    margin-left: 10px;
    display: inline-block;
}

.tr-cta.cta-2 .specification a {
    color: #326bf3;
}

.tr-cta.cta-2 .specification img {
    display: inline-block;
    margin-right: 5px;
}

.tr-cta.cta-2 .buy-now span {
    font-size: 30px;
    color: #363636;
    float: left;
    margin-top: 5px;
}

.tr-cta.cta-2 .btn {
    margin: 0 0 0 30px;
}

/* daily-needs */

.daily-needs {
    padding-bottom: 20px;
}

.daily-needs .random-product {
    width: inherit;
    float: none;
    padding: 0;
}

.product a {
    color: #999eae;
    display: block;
}

.product {
    padding: 30px 15px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 30px;
}

.image-slider .slick-dots {
    display: none !important;
}

.product-slider .product,
.related-product .product,
.daily-needs .product {
    margin-bottom: 0;
}

.slick-prev,
.slick-next {
    z-index: 99999;
}

.image-slider {
    overflow: hidden;
}

.image-slider:hover .slick-prev {
    left: 0;
}

.image-slider:hover .slick-next {
    right: 0;
}

.slick-prev:before {
    content: "\e052";
}

.slick-next:before {
    content: "\e055";
}

.slick-prev:before,
.slick-next:before {
    color: #c4c9da;
    font-family: "teriz";
}

.slick-prev:hover:before,
.slick-next:hover:before {
    color: #ff2277;
}

/* tr-convenience */

.tr-convenience {
    padding: 50px 0;
    background-color: #ff2277;
}

.convenience .icon {
    float: left;
    margin-right: 20px;
}

.convenience span {
    color: #fff;
    font-weight: 700;
    max-width: 120px;
    line-height: 16px;
    margin-top: 8px;
    letter-spacing: 4px;
    display: inline-block;
    text-transform: uppercase;
}

/* tr-brands */

.tr-brands {
    margin-bottom: 30px;
    background-color: #fff;
    border: 1px solid #e2e3e4;
}

.tr-brands .brand {
    text-align: center;
    padding: 40px;
    background-color: #fff;
    border-left: 1px solid #e2e3e4;
}

.tr-brands .brand.slick-current {
    border-left-color: transparent;
}

.tr-brands .brand img {
    display: inline-block;
    opacity: .2;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
}

.tr-brands .brand:hover img {
    opacity: 1;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: grayscale(1);
}

.brands-slider .slick-prev,
.brands-slider .slick-next,
.brands-slider .slick-dots {
    display: none !important;
}

/* Product Categories */

.panel-default {
    border: 0;
    box-shadow: none;
    background-color: transparent;
}

.panel-group {
    margin-bottom: 0;
}

.panel-group .panel + .panel {
    margin-top: 0;
    border-top: 1px solid #e5e5e5;
}

.panel-default > .panel-heading {
    border: 0;
    border-radius: 0;
    background-color: #fff;
}

.panel-heading {
    padding: 15px 30px;
}

.panel-heading a {
    display: block;
    position: relative;
    color: #363636;
    font-weight: 600;
}

.panel-heading a:hover,
.panel-heading a:focus,
.panel-body li a:hover,
.panel-body li a:focus,
.panel-heading > a > .collapsed {
    color: #326bf3;
}

.panel-heading a:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 8px;
    width: 0;
    height: 0;
    z-index: 1;
    border-bottom: 4px solid #bbc0d4;
    border-top: 4px transparent;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.panel-heading a.collapsed:after {
    border-top: 4px solid #bbc0d4;
    border-bottom: 4px solid transparent;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #e5e5e5;
}

.panel-body {
    padding: 0;
}

.panel-body ul li {
    font-size: 14px;
    padding: 10px 0;
    background-color: #fbfbfb;
    border-bottom: 1px solid #e5e5e5;
}

.panel-body ul li a {
    display: block;
    padding: 5px 0;
    margin: 0 30px;
}

.panel-body .children li:first-child {
    border-top: 1px solid #e5e5e5;
    margin-top: 8px;
}

.panel-body .children li:last-child {
    padding-bottom: 0;
}

.panel-body ul li:last-child {
    border-bottom: 0;
}

/* choices-option */

.choices-option > ul > li {
    padding: 20px 30px 25px;
    overflow: hidden;
    display: block;
    position: relative;
}

.choices-option > ul > li:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
}

.choices-option ul span {
    font-size: 14px;
    color: #bbc0d4;
    display: block;
    margin-bottom: 15px;
}


/* price slider */

#price_slider {
    margin-top: 25px;
    position: relative;
}

.ui-slider {
    height: 2px;
    margin: 4px 5px 4px 7px;
    border: none;
    border-radius: 0;
    background: #cccccc;
    font-family: inherit;
    cursor: pointer;
}

.ui-slider a {
    transition: inherit;
}

.ui-slider .ui-slider-range {
    background: #326bf3;
}

.ui-slider .ui-slider-handle {
    height: 20px;
    width: 20px;
    background: #fff;
    border: 2px solid #326bf3;
    border-radius: 100%;
    margin-top: -9px;
    margin-left: -10px;
    cursor: pointer;
    position: absolute;
}

.price_slider_amount {
    margin-top: 30px;
}

.price_slider_amount input {
    float: left;
    border: none;
    width: 50%;
    margin-top: 5px;
}

.price_slider_amount .btn.btn-primary {
    float: right;
    padding: 6px 20px;
    font-size: 12px;
}

/* tr-size */

.tr-size li {
    float: left;
    margin-right: 7px;
}

.tr-size li a {
    width: 43px;
    height: 43px;
    line-height: 40px;
    float: left;
    text-align: center;
    border: 2px solid #e5e5e5;
    border-radius: 8px;
}

.tr-size li a:hover,
.tr-size li a:focus {
    color: #326bf3;
    border-color: #326bf3;
}

.tr-size li:last-child {
    margin-right: 0;
}

/* brands */

.brands form ul {
    height: 150px;
    overflow-x: hidden;
}

.brands form ul li label {
    padding-left: 35px;
    font-size: 14px;
    color: #363636;
    font-weight: 600;
    cursor: pointer;
    position: relative;
}

.brands form {
    position: relative;
}

.brands form .form-control {
    border: 2px solid #e2e4e8;
    padding: 5px 35px;
    margin-bottom: 25px;
}

.brands form .form-control:focus {
    border-color: #326bf3;
}

.brands form button {
    position: absolute;
    left: 15px;
    top: 15px;
    padding: 0;
    border: 0;
    background-color: transparent;
}

.brands form ul li {
    margin-bottom: 15px;
}

.brands li input[type="checkbox"] + label:before {
    position: absolute;
    content: "";
    left: 0;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    background-color: #fbfbfb;
    border: 1px solid #e5e5e5;
}

.brands li input[type="checkbox"] + label:after {
    position: absolute;
    content: "\f00c";
    font-family: "fontawesome";
    font-weight: normal;
    left: 5px;
    font-size: 16px;
    color: #326bf3;
    opacity: 0;
}

.brands li input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

.apply-changes {
    padding: 30px 15px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.apply-changes i {
    margin-right: 10px;
}

/* tr-pagination */

.tr-pagination.tr-section {
    margin-top: 20px;
}

.pagination {
    margin: 0;
    width: 100%;
    padding: 0 15px;
    display: block;
}

.pagination li {
    font-size: 18px;
    display: inline-block;
}

.pagination > li > a,
.pagination > li > span {
    border: 0;
    color: #363636;
    border-radius: 0;
    padding: 20px 10px;
    display: block;
    float: none;
    position: relative;
    background-color: transparent;
}

.pagination > li > a:before,
.pagination > li > a:after {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    height: 2px;
    opacity: 0;
    background-color: #326bf3;
}

.pagination > li > a:before {
    top: 0;
}

.pagination > li > a:after {
    bottom: 0;
}

.pagination > li > a:hover:before,
.pagination > li > a:hover:after,
.pagination > li.active > a:before,
.pagination > li.active > a:after {
    opacity: 1;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.pagination > li > a:focus, .pagination > li > a:hover,
.pagination > li > span:focus, .pagination > li > span:hover {
    color: #326bf3;
    background-color: transparent;
}

/* Details Page CSS */

.products-details-info {
    max-width: 335px;
    padding: 50px 15px;
    position: relative;
}

.tr-share-content {
    position: absolute;
    right: -30px;
}

.tr-share-content li {
    font-size: 16px;
    position: relative;
    cursor: pointer;
}

.tr-share-content li span {
    position: absolute;
    width: 100px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    right: 100%;
    margin-right: 20px;
    top: -5px;
    padding: 5px;
    text-align: center;
    border-radius: 15px;
    opacity: 0;
    visibility: hidden;
}

.tr-share-content li span:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -6px;
    border-left: 10px solid #e5e5e5;
    border-right: 6px solid transparent;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.tr-share-content li:hover {
    color: #326bf3;
}

.tr-share-content li:hover span {
    opacity: 1;
    visibility: visible;
}

.tr-share-content li a:hover .fa-facebook {
    color: #344f88;
}

.tr-share-content li a:hover .fa-twitter {
    color: #2696cf;
}

.tr-share-content li a:hover .fa-google-plus {
    color: #d34132;
}

.tr-share-content li span a {
    padding: 5px;
}

.products-details-info .product-title {
    color: #fff;
    padding: 5px 15px;
    border-radius: 30px;
    background-color: #1e2f4a;
}

.products-details-info h1 {
    color: #3a3d3f;
    font-size: 30px;
    font-weight: 600;
    margin: 20px 0 10px;
}

.product-details-slider {
    text-align: center;
    padding: 0 30px;
}

.product-details-slider .product {
    padding: 0;
    margin-bottom: 0;
}

.product-details-slider .slick-dots {
    display: none !important;
}

.product-details-slider img {
    display: inline-block;
}

.product-details-slider .slick-prev,
.product-details-slider .slick-next {
    z-index: 999999;
    font-weight: 700;
}

.product-details-slider .slick-prev {
    left: 15px;
}

.product-details-slider .slick-next {
    right: 15px;
}

.rating-star {
    overflow: hidden;
    margin: 25px 0;
}

.rating-star li {
    float: left;
    margin-right: 10px;
    color: #ffce00;
}

.rating-star li:last-child {
    margin-right: 0;
}

.quantity-price span {
    font-size: 36px;
    color: #363636;
    font-weight: 300;
    float: left;
    margin-right: 40px;
}

.quantity-price span del {
    font-size: 18px;
}

.quantity input {
    width: 35px;
    border: 0;
    font-size: 18px;
    color: #363636;
    text-align: center;
}

.quantity .btn {
    border: 2px solid #ededed;
    border-radius: 100%;
    width: 45px;
    height: 45px;
    padding: 0;
    color: #bbc0d4;
    line-height: 42px;
}

.quantity .btn:hover,
.quantity .btn:focus {
    color: #326bf3;
}

.add-to-cart {
    margin-top: 50px;
    overflow: hidden;
}

.add-to-cart .btn.btn-primary {
    float: left;
    margin-right: 20px;
    padding: 15px 60px;
    text-transform: capitalize;
}

.add-to-cart .icon {
    font-size: 25px;
    color: #fff;
    width: 45px;
    height: 45px;
    line-height: 55px;
    overflow: hidden;
    text-align: center;
    display: inline-block;
    border-radius: 100%;
    background-color: #1e2f4a;
}

.add-to-cart .icon:hover {
    background-color: #326bf3;
}

.products-description {
    padding: 40px 50px;
    color: #bbc0d4;
    font-size: 16px;
    line-height: 26px;
}

.description-tabs,
.cart-title {
    margin-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
}

.description-tabs > li > .nav-link,
.cart-title span {
    color: #bbc0d4;
    font-size: 16px;
    font-weight: 700;
    border: none;
    padding: 15px 30px;
    text-transform: capitalize;
    position: relative;
    margin-right: 1px;
}

.cart-title span {
    color: #326bf3;
    display: inline-block;
    padding-left: 0;
}

.description-tabs > li > a:after,
.cart-title span:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    opacity: 0;
    background-color: #326bf3;
}

.cart-title span:after {
    opacity: 1;
}

.description-tabs > li > .nav-link:hover:after,
.description-tabs > li > .nav-link.active:after {
    opacity: 1;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link.active {
    background-color: transparent;
    border: none;
    color: #326bf3;
}

.products-description .tab-content li:last-child {
    margin-bottom: 0;
}

.tab-content #details ul {
    margin-bottom: 30px;
}

.payment-category {
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
}

.payment-category .payment-card {
    margin-bottom: 30px;
}

.color-and-size {
    padding: 40px 50px;
}

.color-and-size .tr-color {
    float: left;
}

.color-and-size .tr-color span {
    margin-bottom: 20px;
    display: block;
}

.color-and-size .tr-size ul {
    margin-top: 25px;
    overflow: hidden;
}

.color-and-size .tr-size {
    float: right;
    overflow: hidden;
}

.tr-size .title {
    overflow: hidden;
}

.size-guide {
    color: #326bf3;
}

.size-guide img {
    margin-right: 10px;
    display: inline-block;
}

.delivery-icon,
.payment h3 {
    margin-bottom: 25px;
}

.delivery-icon img {
    margin-right: 20px;
    display: inline-block;
}

.delivery-icon span,
.payment h3 {
    font-size: 18px;
    font-weight: 700;
}

/* Shopping Cart */

.item-info-menu {
    color: #363636;
    font-size: 14px;
    padding-bottom: 10px;
    text-transform: uppercase;
    border-bottom: 1px solid #f2f2f2;
}

.cart-list li,
.cart-totals li {
    padding: 15px 0;
    border-bottom: 1px solid #f2f2f2;
}

.cart-item .product {
    text-align: left;
    padding: 0;
    margin: 0;
}

.cart-item .quantity {
    width: 90px;
    margin: 10px 0;
    padding: 5px 10px;
    border: 1px solid #f2f2f2;
}

.cart-item .quantity .btn {
    border: 0;
    border-radius: 0;
    width: 15px;
    height: 15px;
    line-height: 30px;
}

.cart-item .tr-color {
    margin: 5px 0;
}

.cart-item .tr-color input[type="radio"]:checked + label:after {
    display: none;
}

.cart-item .tr-color input[type="radio"] + label {
    cursor: default;
}

.cart-item .price {
    color: #363636;
    display: block;
    margin: 15px 0;
}

.cart-totals .price {
    color: #363636;
}

.Promo-code .price {
    color: #e53c53;
}

.cart-item .product:hover .product-image img {
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}

.cart-item .product-image {
    float: left;
    width: 50px;
    margin-right: 15px;
    overflow: hidden;
}

.cart-item .product-title,
.cart-item span.color {
    float: left;
    display: block;
    width: 70%;
}

.cart-item span.color {
    margin: 0;
}

.delivery-category {
    overflow: hidden;
    margin-bottom: 30px;
}

.delivery-category li {
    float: left;
    margin-right: 70px;
}

.delivery-category li:last-child {
    margin-right: 0;
}

.woocommerce-cart-form .remove-icon {
    top: 50%;
    right: -15px;
    margin-top: -20px;
    opacity: 0;
}

.woocommerce-cart-form .remove-item:hover .remove-icon {
    opacity: 1;
}

.products-description .delivery-category label,
.products-description .payment-category label {
    font-size: 16px;
    color: #363636;
    cursor: pointer;
    font-weight: 700;
    position: relative;
    padding-left: 35px;
}

.delivery-category label:before,
.payment-category label:before {
    position: absolute;
    top: 2px;
    left: 0;
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    background-color: transparent;
    border: 2px solid #e5e5e5;
}

.delivery-category label:after,
.payment-category label:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 5px;
    margin-top: -6px;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    opacity: 0;
    background-color: #326bf3;
}

.delivery-category input[type="radio"]:checked + label:after,
.payment-category input[type="radio"]:checked + label:after {
    opacity: 1;
}

.products-description form label {
    font-size: 14px;
    font-weight: normal;
}

.products-description .form-control {
    border-radius: 10px;
}

.products-description .form-control:focus {
    color: #326bf3;
}

.products-description .button-back {
    background-color: #fff;
    border-color: #e5e5e5;
}

.products-description .button-back:before,
.products-description .button-back:after {
    background-color: #e5e5e5;
}

.products-description .button-back:hover {
    border-color: #326bf3;
}

.products-description .buttons {
    margin-top: 40px;
}

.products-description .expire-date label {
    display: block;
    overflow: hidden;
}

.products-description .expire-date input:last-op-type {
    margin-right: 0;
}

.cvv-code label {
    margin-right: 50px;
}

.cvv-code a {
    color: #326bf3;
}

.cvv-code a img {
    margin-right: 5px;
    display: inline-block;
}

.payment-card img {
    display: inline-block;
}

.form-control-after {
    position: relative;
}

.form-control-after:after {
    position: absolute;
    top: 50%;
    right: 20px;
    content: "\f107";
    cursor: pointer;
    margin-top: 2px;
    font-family: "fontawesome";
}

/* tr-congrats */

.tr-congrats .icon {
    color: #326bf3;
    font-size: 200px;
    line-height: 0;
    margin-bottom: 40px;
}

.tr-congrats h1 {
    color: #363636;
    font-size: 48px;
    font-weight: 300;
    margin-bottom: 25px;
}

.congrats-content {
    padding: 100px 15px;
    font-size: 16px;
    max-width: 500px;
    display: inline-block;
}

/* tr-account */

.user-account {
    padding: 80px 50px;
    font-size: 16px;
    background-color: #fff;
    overflow: hidden;
}

.user-account h1 {
    font-size: 42px;
    color: #363636;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-weight: 300;
}

.user-account form {
    margin-top: 35px;
}

.user-account form span {
    display: block;
    margin: 40px 0;
}

.user-account .btn.btn-primary {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 40px;
}

.user-account .social {
    padding-top: 40px;
    margin-top: 40px;
    border-top: 1px solid #e2e4e8;
}

.user-account .social a {
    color: #fff;
    font-size: 20px;
    padding: 12px 70px;
    border-radius: 30px;
    display: inline-block;
}

.user-account .social li:first-child a {
    background-color: #1da1f2;
    border: 1px solid #1da1f2;
}

.user-account .social li:first-child a:hover {
    color: #1da1f2;
    background-color: transparent;
}

.user-account .social li:last-child a {
    background-color: #3b5998;
    border: 1px solid #3b5998;
}

.user-account .social li:last-child a:hover {
    color: #3b5998;
    background-color: transparent;
}

.popup-page {
    background: rgba(50, 62, 62, 0.9);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 0px;
    overflow: hidden;
    z-index: 10000;
}

/* tr-footer */

.footer-top,
.footer-bottom {
    padding: 8px 0;
}

.footer-top {
    /*background-color: #ffff;*/
}

.footer-top .left-content {
    max-width: 490px;
}

.footer-top form,
.payment-card {
    position: relative;
    margin-top: 30px;
    overflow: hidden;
}

.footer-top form .form-control {
    margin-bottom: 0;
}

.footer-top form .btn {
    position: absolute;
    top: 10px;
    right: 20px;
    padding: 0;
    width: 22px;
    height: 24px;
    cursor: pointer;
    text-indent: 999999px;
    background-color: transparent;
    background-image: url(../images/others/submit.png);
    background-repeat: no-repeat;
    border: none;
    font-size: 24px;
    color: #aaa;
    transition: inherit !important;
}

.footer-top form .btn:hover {
    background-image: url(../images/others/submit-hover.png);
}

.footer-top h3 {
    font-size: 24px;
    color: #fff;
    margin: 0 0 15px;
}

.payment-card ul li {
    float: left;
    margin-right: 22px;
    border-radius: 4px;
    overflow: hidden;
}

.payment-card ul li:last-child {
    margin-right: 0;
}

/* footer-bottom */

.footer-bottom {
    overflow: hidden;
    background-color: #22272d;
}

.footer-widget {
    width: 20%;
    float: left;
}

.footer-widget span {
    display: block;
    margin-top: 15px;
}

.footer-logo {
    margin-bottom: 40px;
}

.footer-widget h3 {
    font-size: 14px;
    color: #fff;
    margin: 0 0 25px;
    text-transform: uppercase;
}

.footer-widget li {
    margin-bottom: 10px;
}

.footer-widget li:last-child {
    margin-bottom: 0;
}

.footer-widget li i {
    width: 30px;
}

.footer-widget a:hover {
    color: #fff;
}


.boxGradiant {
    /*width: 150px;*/
    /*height: 150px;*/
    /*position: absolute;*/
    /*transform: transalate(-50%,-50%);*/
    border: 6px solid transparent;
    -webkit-border-image: -webkit-gradient(linear, left bottom, left top, from(#006123), to(#1e85b2));
    -webkit-border-image: -webkit-linear-gradient(bottom, #006123, #1e85b2);
         -o-border-image: -o-linear-gradient(bottom, #006123, #1e85b2);
            border-image: -webkit-gradient(linear, left bottom, left top, from(#006123), to(#1e85b2));
            border-image: linear-gradient(0deg, #006123, #1e85b2);
    border-image-slice: 1;
    -webkit-box-shadow: 0 15px 25px rgba(0,0,0,.1);
            box-shadow: 0 15px 25px rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 10px;

}.boxGradiant a {
    font-size: 2vh;
    text-decoration: none;
     color: #262626;
     /*font-family: "Times New Roman";*/
     text-transform: uppercase;
    text-align: center;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    display: block;
    font-weight: bolder;
     -webkit-transition: color 2s; /* For Safari 3.0 to 6.0 */
     -o-transition: color 2s;
     transition: color 2s; /* For modern browsers */
}.boxGradiant a:hover{
    color: #f34a81;
    text-decoration: none;
}

.mbr-overlay {
   /* background-color: #0000005e;
    bottom: 0;
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;*/
}


.class-parallax {
    padding-top: 135px;
    padding-bottom: 135px;
    background-image: url("../../images/class.jpg");
    height: auto;
    display: flex;
}
.bestSeller {
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url("../../images/bestSeller.jpg");
    height: auto;
    display: flex;
}.testimonials {
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url("../../images/testimonialsBg.jpg");
    height: auto;
    display: flex;
}
.engine{
    display: none;
}
.mainFont{

    /*font-size: 24px;*/
    font-family: 'Didact Gothic', sans-serif;
    font-weight: 300;
    color: rgb(0, 0, 0);
    line-height: 1.2;
}
.demarcate{
    position: relative;
    clear: both;
}
.demarcate p{
    font-size: 20px;
    font-family: 'Didact Gothic', sans-serif;
    font-weight: 300;
    color: rgb(0, 0, 0);
    line-height: 1.6;
    text-align: left;

}.demarcate h2{
    font-family: 'Didact Gothic', sans-serif;
}
.img-rounded{
    border-radius: 6px;
}

.center{
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%,  -50%);*/
}
.caro .box{
    position: relative;
    width: 100%;
    height: 360px;
    background: transparent;
    /*padding: 20px;*/
    /*border: 1px solid #262626;*/
}
.caro .image{
    position: absolute;
    width: 100%;
    height: 403px;
    z-index: 2;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    /*opacity: 0 ;*/
}

.caro{
    width: 100%;
    position: relative;

}


.caro .image img{
    width: 100%;
}

.caro .content{
    position: absolute;
    width: 100%;
    min-height:360px;
    background-image: url("../../images/bookBg.jpg");
    /*background: #fff;*/
    z-index: 1 ;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    border: 1px solid gray;
    -webkit-transform: perspective(200px) rotateY(90deg);
    transform: perspective(200px) rotateY(90deg);
    padding:25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: justify;
    -webkit-box-shadow: 14px 13px 24px 0px rgba(87,86,87,0.43);
    box-shadow: 14px 13px 24px 0px rgba(87,86,87,0.43);
}

.caro .box:hover  .image{
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);

}
.caro .box:hover  .content{
     -webkit-transform: perspective(2000px) rotateY(0deg);
     transform: perspective(2000px) rotateY(0deg);

 }
.testiImg{
    width: 150px;
    height: 150px;
    margin-bottom: 50px;
    border-radius: 50%;
    border: 5px solid #9477a6;
}
/*social*/

.socialbtns, .socialbtns ul, .socialbtns li {
    margin: 0;
    padding: 5px;
}

.socialbtns li {
    list-style: none outside none;
    display: inline-block;
}

.socialbtns .fa {
    width: 70px;
    height: 70px;
    line-height: 70px;
    color: #f4f2f2;
    background-color: #552c78;
    border: 1px solid #262626;
    transition: .8s;
    /* padding-top: 12px; */
}

.socialbtns .fa:hover {
    color: #FFF;
    background-color: #3b1e51;
    border: 1px solid #262626;
    text-decoration: none;
}

/*social*/












/* ---- particles.js container ---- */
#particles-js {
    position: absolute;
    width: 100%;
    height: 450px;
    /*background-color: #b61924;*/
    background-image: url("../../images/background/portfolio-banner.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}


/*!* ---- stats.js ---- *!*/
/*.count-particles {*/
    /*background: #000022;*/
    /*position: absolute;*/
    /*top: 48px;*/
    /*left: 0;*/
    /*width: 80px;*/
    /*color: #13E8E9;*/
    /*font-size: .8em;*/
    /*text-align: left;*/
    /*text-indent: 4px;*/
    /*line-height: 14px;*/
    /*padding-bottom: 2px;*/
    /*font-family: Helvetica, Arial, sans-serif;*/
    /*font-weight: bold;*/
/*}*/

/*.js-count-particles {*/
    /*font-size: 1.1em;*/
/*}*/

/*#stats, .count-particles {*/
    /*-webkit-user-select: none;*/
    /*margin-top: 5px;*/
    /*margin-left: 5px;*/
    /*display: none;*/
/*}*/

/*#stats {*/
    /*border-radius: 3px 3px 0 0;*/
    /*overflow: hidden;*/
/*}*/

/*.count-particles {*/
    /*border-radius: 0 0 3px 3px;*/
/*}*/

/*owl crsl*/
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 20px!important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #d14359 !important;
    /*border: 1px solid whitesmoke !important;*/
}
.owl-theme .owl-dots .owl-dot span {
    width: 15px !important;
    height: 15px !important;
    margin: 8px 9px !important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    border: 4px solid #841515b3;
}
/*owl crsl*/

.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    /*background-color: #e9ecef;*/
    border-radius: .25rem;
}

/**
 * Styling top level items
 */
bookList a, .bookList label {
    display: block;
    padding: .85rem;
    color: #fff;
    background-color: #f3f3f3;
    box-shadow: inset 0 -1px #1d1d1d;
    -webkit-transition: all .25s ease-in;
    transition: all .25s ease-in;
}

.bookList a:focus, .bookList a:hover, .bookList label:focus, .bookList label:hover {
    /*color: rgba(77, 77, 77, 0.5);*/
    /*background: #e8e8e8;*/
}

.bookList label { cursor: pointer; }

/**
 * Styling first level lists items
 */

.group-list a, .group-list label {
    padding-left: 2rem;
    /*background: #252525;*/
    /*box-shadow: inset 0 -1px #373737;*/
}

/*.group-list a:focus, .group-list a:hover, .group-list label:focus, .group-list label:hover { background: #131313; }*/

/**
 * Styling second level list items
 */

.sub-group-list a, .sub-group-list label {
    padding-left: 4rem;
    /*background: #353535;*/
    /*box-shadow: inset 0 -1px #474747;*/
}

.sub-group-list a:focus, .sub-group-list a:hover, .sub-group-list label:focus, .sub-group-list label:hover { background: #c2c2c2; }

/**
 * Styling third level list items
 */

.sub-sub-group-list a, .sub-sub-group-list label {
    padding-left: 6rem;
    /*background: #454545;*/
    /*box-shadow: inset 0 -1px #575757;*/
}

.sub-sub-group-list a:focus, .sub-sub-group-list a:hover, .sub-sub-group-list label:focus, .sub-sub-group-list label:hover { background: #333333; }

/**
 * Hide nested lists
 */

.group-list, .sub-group-list, .sub-sub-group-list {
    height: 100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s ease-in-out;
    transition: max-height .5s ease-in-out;
}

.bookList__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
    max-height: 1000px; }

.bookList a, .bookList label {
    border-radius: 2px;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 12px rgba(0,0,0,.09);
    -moz-box-shadow: 0 3px 12px rgba(0,0,0,.09);
    -ms-box-shadow: 0 3px 12px rgba(0,0,0,.09);
    -o-box-shadow: 0 3px 12px rgba(0,0,0,.09);
    box-shadow: 0 3px 12px rgba(0,0,0,.09);

    /*display: block;*/
    padding: .85rem;
    color: #353535;
    -webkit-transition: all .25s ease-in;
    transition: all .25s ease-in;
}

.bookList a:focus, .bookList a:hover, .bookList label:focus, .bookList label:hover {
    color: rgba(34, 30, 80, 0.5);
    transition: 1s;
    /*background: #030303;*/
}

.bookList label { cursor: pointer; }

/**
 * Styling first level lists items
 */

.group-list a, .group-list label {
    padding-left: 2rem;
    /*background: #252525;*/
    box-shadow: inset 0 -1px #ececec;
}

/*.group-list a:focus, .group-list a:hover, .group-list label:focus, .group-list label:hover { background: #131313; }*/

/**
 * Styling second level list items
 */

.sub-group-list a, .sub-group-list label {
    padding-left: 4rem;
    background: #e8e8e8;
    box-shadow: inset 0 -1px #e6e6e6;
}

/*.sub-group-list a:focus, .sub-group-list a:hover, .sub-group-list label:focus, .sub-group-list label:hover { background: #232323; }*/

/**
 * Styling third level list items
 */

.sub-sub-group-list a, .sub-sub-group-list label {
    padding-left: 6rem;
    /*background: #454545;*/
    /*box-shadow: inset 0 -1px #575757;*/
}

.sub-sub-group-list a:focus, .sub-sub-group-list a:hover, .sub-sub-group-list label:focus, .sub-sub-group-list label:hover { background: #333333; }

/**
 * Hide nested lists
 */

.group-list, .sub-group-list, .sub-sub-group-list {
    height: 100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s ease-in-out;
    transition: max-height .5s ease-in-out;
    list-style: none; padding: 0;
}

.bookList__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
    max-height: 1000px; }

/**
 * Rotating chevron icon
 */

.bookList__list label > span {
    float: right;
    -webkit-transition: -webkit-transform .65s ease;
    transition: transform .65s ease;
}

.bookList__list input[type=checkbox]:checked + label > span {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}


@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,300,600);
@import url("//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css");
@-webkit-keyframes hover-buttontool {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
    }
    50% {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
}
@-moz-keyframes hover-buttontool {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
    }
    50% {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
}
@-o-keyframes hover-buttontool {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
    }
    50% {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
}
@keyframes hover-buttontool {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
    }
    50% {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
}
@-webkit-keyframes hover-label {
    0% {
        -webkit-transform: translate3d(40px, 0, 0) rotate(180deg);
        -moz-transform: translate3d(40px, 0, 0) rotate(180deg);
        -ms-transform: translate3d(40px, 0, 0) rotate(180deg);
        -o-transform: translate3d(40px, 0, 0) rotate(180deg);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        -moz-transform: translate3d(0, 0, 0) rotate(0deg);
        -ms-transform: translate3d(0, 0, 0) rotate(0deg);
        -o-transform: translate3d(0, 0, 0) rotate(0deg);
    }
}
@-moz-keyframes hover-label {
    0% {
        -webkit-transform: translate3d(40px, 0, 0) rotate(180deg);
        -moz-transform: translate3d(40px, 0, 0) rotate(180deg);
        -ms-transform: translate3d(40px, 0, 0) rotate(180deg);
        -o-transform: translate3d(40px, 0, 0) rotate(180deg);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        -moz-transform: translate3d(0, 0, 0) rotate(0deg);
        -ms-transform: translate3d(0, 0, 0) rotate(0deg);
        -o-transform: translate3d(0, 0, 0) rotate(0deg);
    }
}
@-o-keyframes hover-label {
    0% {
        -webkit-transform: translate3d(40px, 0, 0) rotate(180deg);
        -moz-transform: translate3d(40px, 0, 0) rotate(180deg);
        -ms-transform: translate3d(40px, 0, 0) rotate(180deg);
        -o-transform: translate3d(40px, 0, 0) rotate(180deg);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        -moz-transform: translate3d(0, 0, 0) rotate(0deg);
        -ms-transform: translate3d(0, 0, 0) rotate(0deg);
        -o-transform: translate3d(0, 0, 0) rotate(0deg);
    }
}
@keyframes hover-label {
    0% {
        -webkit-transform: translate3d(40px, 0, 0) rotate(180deg);
        -moz-transform: translate3d(40px, 0, 0) rotate(180deg);
        -ms-transform: translate3d(40px, 0, 0) rotate(180deg);
        -o-transform: translate3d(40px, 0, 0) rotate(180deg);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        -moz-transform: translate3d(0, 0, 0) rotate(0deg);
        -ms-transform: translate3d(0, 0, 0) rotate(0deg);
        -o-transform: translate3d(0, 0, 0) rotate(0deg);
    }
}
@-webkit-keyframes hover-cart {
    0% {
        -webkit-transform: rotateX(360deg);
        -moz-transform: rotateX(360deg);
        -ms-transform: rotateX(360deg);
        -o-transform: rotateX(360deg);
    }
    100% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
    }
}
@-moz-keyframes hover-cart {
    0% {
        -webkit-transform: rotateX(360deg);
        -moz-transform: rotateX(360deg);
        -ms-transform: rotateX(360deg);
        -o-transform: rotateX(360deg);
    }
    100% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
    }
}
@-o-keyframes hover-cart {
    0% {
        -webkit-transform: rotateX(360deg);
        -moz-transform: rotateX(360deg);
        -ms-transform: rotateX(360deg);
        -o-transform: rotateX(360deg);
    }
    100% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
    }
}
@keyframes hover-cart {
    0% {
        -webkit-transform: rotateX(360deg);
        -moz-transform: rotateX(360deg);
        -ms-transform: rotateX(360deg);
        -o-transform: rotateX(360deg);
    }
    100% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
    }
}
.star {
    display: block;
    position: relative;
    top: -1px;
    float: left;
    width: 16px;
    overflow: hidden;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}
.star:after {
    content: "\f006";
    font-family: "FontAwesome";
    display: inline-block;
    color: #F7CA18;
}

#list-product {
    font-family: "Open Sans", sans-serif;
    padding-top: 10px;
}

.product-block {
    position: relative;
    overflow: hidden;
    background-color: #FFF;
}
.product-block .left-block {
    position: relative;
}
.product-block .image {
    position: relative;
    overflow: hidden;
    text-align: center;
    margin-bottom: 10px;
}
.product-block .product_img_link {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.product-block .product_img_link:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #4E4E4E;
    background-color: rgba(78, 78, 78, 0.7);
    zoom: 1;
    background-color: transparent\9;
    zoom: 1;
    background-color: transparent\9;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.product-block .quick-view {
    position: absolute;
    top: 60%;
    left: 50%;
    margin-left: -18px;
    margin-top: -18px;
    z-index: 40;
    background-color: #EEE;
    color: #383838;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.product-block .btn-tooltip {
    display: inline-block;
    width: 36px;
    height: 36px;
    text-align: center;
    background-color: #fff;
    background-color: white;
    zoom: 1;
    background-color: transparent\9;
    line-height: 36px;
    border-radius: 2px;
    font-size: 13px;
    color: #383838;
    margin-right: 2px;
    -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border: 1px solid #000;
}
.product-block .btn-tooltip:hover {
    color: #FFF;
    background-color: #383838;
    border-color: #383838;
}
.product-block .btn-tooltip:hover .fa {
    -webkit-animation: hover-buttontool 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;
    -moz-animation: hover-buttontool 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;
    -o-animation: hover-buttontool 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;
    animation: hover-buttontool 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;
}
.product-block .label-new {
    right: 15px;
    background-color: #ed145b;
    z-index: 30;
    color: wheat;

}
.product-block .label {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    top: 10px;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0;
    text-align: center;
    display: inline-block;
}
.product-block .right-block {
    position: relative;
}
.product-block .name {
    text-transform: none;
}
.product-block .name a {
    color: #383838;
    font-size: 14px;
    text-decoration: none;
    text-transform: capitalize;
    padding: 0px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    line-height: 24px;
}
.product-block .product-rating {
    font-size: 12px;
}
.product-block .star_content {
    padding: 2px 4px 3px 4px;
}
.product-block .content_price {
    margin: 10px 0;
    display: inline-block;
    width: 100%;
}
.product-block .price {
    color: #383838;
    font-weight: 800;
    font-size: 20px;
    display: inline-block;
}
.product-block .old-price {
    display: inline-block;
    margin: 0 5px;
    color: #888;
    text-decoration: line-through;
}
.product-block .price-percent-reduction {
    background: #F2434A;
    color: #FFF;
    padding: 3px 5px;
    font-size: 12px;
}
.product-block .functional-buttons {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #FFF;
    left: 0;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: perspective(500px) rotate3d(1, 0, 0, -90deg);
    -moz-transform: perspective(500px) rotate3d(1, 0, 0, -90deg);
    -ms-transform: perspective(500px) rotate3d(1, 0, 0, -90deg);
    -o-transform: perspective(500px) rotate3d(1, 0, 0, -90deg);
    -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}
.product-block:hover .product_img_link:before {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.product-block:hover .quick-view {
    top: 50%;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
.product-block:hover .functional-buttons {
    -webkit-transform: perspective(500px) rotate3d(1, 0, 0, 0deg);
    -moz-transform: perspective(500px) rotate3d(1, 0, 0, 0deg);
    -ms-transform: perspective(500px) rotate3d(1, 0, 0, 0deg);
    -o-transform: perspective(500px) rotate3d(1, 0, 0, 0deg);
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
.product-block:hover .label {
    -webkit-animation: hover-label 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;
    -moz-animation: hover-label 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;
    -o-animation: hover-label 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;
    animation: hover-label 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;
}

.ajax_add_to_cart_button {
    float: left;
    margin-right: 7px;
    color: #383838;
    border: 1px solid #000;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 800;
    padding: 8px 15px 9px;
    border-radius: 2px;
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    background-color: #FFF;
    z-index: 10;
}
.ajax_add_to_cart_button span {
    display: inline-block;
}
.ajax_add_to_cart_button:before, .ajax_add_to_cart_button:after {
    border-radius: 2px;
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ajax_add_to_cart_button:after {
    webkit-transition-delay: 0.195s;
    transition-delay: 0.195s;
}
.ajax_add_to_cart_button:hover {
    color: #fff;
    border: 1px solid #383838;
}
.ajax_add_to_cart_button:hover:before, .ajax_add_to_cart_button:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.ajax_add_to_cart_button:hover:before {
    background-color: #383838;
    background-color: rgba(56, 56, 56, 0.5);
    zoom: 1;
    background-color: transparent\9;
}
.ajax_add_to_cart_button:hover:after {
    background-color: #383838;
}
.ajax_add_to_cart_button:hover span {
    -webkit-animation: hover-cart 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;
    -moz-animation: hover-cart 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;
    -o-animation: hover-cart 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;
    animation: hover-cart 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;
}

feature {
  font-family: "Bitter", serif; }
  .feature ul {
    padding: 0;
    margin: 0; }
    .feature ul li {
      display: block;
      list-style: none;
      padding-top: 11px;
      padding-bottom: 15px;
      }
    .feature ul a {
      text-decoration: none;
      color: #364143; }
      .feature ul a:before {
       content:"\f192 ";
        font-family: FontAwesome;
        padding-right: 15px; }
      .feature ul a:hover {
        transition: .5s;
        color: #c19596; }
.feature2 ul {
    padding: 0;
    margin: 0; }
.feature2 ul li {
    display: block;
    list-style: none;
    padding-top: 11px;
    padding-bottom: 15px;
    padding-left: 20px;
}.feature2 ul li ol{
     color: #e8e8e8;
}
.feature2 ul a {
    font-size: 18px;
    text-decoration: none;
    color: #585e5f; }
.feature2 ul a:before {
    content: "\f006 ";
    font-family: FontAwesome;
    color: whitesmoke;
    padding-right: 15px; }
.feature2 ul a:hover {
    transition: .5s;
    color: #fff3f8; }

#sliderBanner{
    position: relative;
}

#sliderBanner .carousel-inner .carousel-caption{
     left: 0;
     top: 25%;
     right: 0;
     margin: auto;
     padding: 10px;
     position: absolute;
}

#sliderBanner .carousel-inner .carousel-caption h3{
    font-family: 'Bree Serif', serif;
    color: #fff;
    font-size: 5.0vh;
    line-height: 60px;
    margin-bottom: 40px;
    letter-spacing: 2px;
    display: inline-block;
    text-transform: uppercase;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    padding: 18px;
}
#sliderBanner .carousel-inner .carousel-caption p{
    color: #fff;
    font-size: 2vmin;
    font-weight: 300;
    letter-spacing: 1px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.2s;
}#sliderBanner .carousel-inner .carousel-caption .btn{
   margin-top: 50px;
     -webkit-animation-delay: .7s;
     animation-delay: .7s;
}
#sliderBanner .carousel-inner .carousel-caption .btn:hover{
  background: deeppink;
}



@media screen and (min-width: 320px) and (max-width: 480px) {
    .carousel-indicators{
        display: none;
    }
}
.social-nav .twitter {
  font: normal normal 10px Arial;
  text-align: center;
  color: #998578;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.social-nav .twitter {
  color: #000000;
  text-decoration: none;
  display: block;
  padding: 14px;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.social-nav .twitter:hover {
  color: #FF7D6D;
  text-decoration: none;
}

.social-nav span {
  font-style: italic;
  display: block;
}

.social-nav img {
  max-width: 100%;
}
/* Floating Social Media Bar Style Starts Here */

.social-nav .fl-fl {
    background: #ec008b;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 4px;
    width: 215px;
    position: fixed;
    right: -160px;
    z-index: 1000;
    font: normal normal 10px Arial;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.social-nav .fa {
  font-size: 20px;
  color: #fff;
  padding: 10px 0;
  width: 40px;
  margin-left: 8px;
}

.social-nav .fl-fl:hover {
  right: 0;
}

.social-nav .fl-fl a {
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  line-height: 43px!important;
  vertical-align: top!important;
}

.social-nav .float-fb {
  top: 325px;
}

.social-nav .float-tw {
  top: 215px;
}

.social-nav .float-gp {
  top: 270px;
}

.social-nav .float-rs {
  top: 325px;
}

.social-nav .float-ig {
  top: 380px;
}

.social-nav .float-pn {
  top: 435px;
}
/* Floating Social Media Bar Style Ends Here */
.log-area{
}

.log-area .btn{
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 69px;
    padding: 13px 36px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14);
    /* text-transform: uppercase; */
    /* box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.2); */
}

@media screen (max-width: 320px) {
  .log-area{
    margin-top: 0;
    }
}
.card .owl-theme .owl-nav {
    margin-top: 10px;
    font-size: 35px;
}
.card .owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: .3s;
}
.card p{
    font-size: 16px;
    line-height: 32px;
}
.card {
    margin-bottom: 20px;
}

.quez [type="radio"]:checked,
.quez [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.quez [type="radio"]:checked + label,
.quez [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.quez [type="radio"]:checked + label:before,
.quez [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.quez [type="radio"]:checked + label:after,
.quez [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #F87DA9;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.quez [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.quez [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}