html {
    font-size: 62.5%;
}

body {
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #727272;
    overflow-x: hidden;
}

a {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

a:hover, a:focus {
    color: #3C368C;
    outline: none;
    text-decoration: none;
}

p {
    margin-bottom: 15px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #202020;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
}

strong {
    font-weight: 700;
}

figure {
    margin: 0;
}

button, button.btn {
    outline: none;
    border: none;
}

button:focus, button:active, button.btn:focus, button.btn:active {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.ruby-container {
    padding: 0 4%;
}

.p-9 {
    padding: 90px 0;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .p-9 {
        padding: 45px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .p-9 {
        padding: 60px 0;
    }
}

.pt-9 {
    padding-top: 90px;
}
.pt-5 {
    padding-top: 50px;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .pt-9 {
        padding-top: 45px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt-9 {
        padding-top: 60px;
    }
}

.mt-9 {
    margin-top: 90px;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .mt-9 {
        margin-top: 45px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt-9 {
        margin-top: 60px;
    }
}

.mb-20{margin-bottom: 20px !important; }

.section-title {
    position: relative;
    margin-bottom: 30px;
}

/*.section-title:after {
    background-image: url(../img/title-line.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    content: '';
    position: absolute;
    width: 100%;
    height: 27px;
    left: 0;
    top: calc(100% + 24px);
}*/

.section-title h2 {
    font-size: 25px;
    line-height: 1.2;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #3C368C;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .section-title h2 {
        font-size: 2.2rem;
        margin-top: -5px;
    }
}

.section-title p {
    font-style: normal;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    color: #666;
    letter-spacing: 5px;
    text-transform: capitalize;
}

.owl-carousel .owl-nav button {
    background: #f4f5f7 !important;
    width: 45px;
    height: 45px;
    display: inline-block;
    color: #929292;
    font-size: 22px !important;
    line-height: 1;
    position: absolute;
    left: 22px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: 22px;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

.owl-carousel .owl-nav button:hover {
    background-color: #3C368C !important;
    color: #fff;
}

.owl-carousel .owl-dots button {
    margin-left: 15px;
}

.owl-carousel .owl-dots button.active span {
    background-color: #3C368C;
}

.owl-carousel .owl-dots button span {
    width: 35px;
    height: 8px;
    display: block;
    background-color: #fff;
    -webkit-border-radius: 32%;
    -moz-border-radius: 32%;
    border-radius: 30px;
}

.btn-long-arrow {
    background-color: transparent;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    text-transform: uppercase;
    color: #666;
    position: relative;
    display: inline-block;
}

.btn-long-arrow:after {
    background: url(../img/arrow.png) left center no-repeat;
    content: '';
    float: right;
    margin-left: 20px;
    width: 39px;
    height: 22px;
}

.btn-long-arrow:hover, .btn-long-arrow:focus, .btn-long-arrow:active {
    color: #3C368C;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-long-arrow:hover:after, .btn-long-arrow:focus:after, .btn-long-arrow:active:after {
    background-position: right center;
}

.btn-add-to-cart {
    background-color: transparent;
    border: 1px solid #929292;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 5px 20px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    text-transform: capitalize;
    color: #202020;
}

.btn-add-to-cart:hover {
    background-color: #FEAC01;
    border-color: #FEAC01;
    color: #fff;
}

.btn-add-to-cart.disabled {
    pointer-events: none;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
}

.btn-login {
    background-color: transparent;
    border: 1px solid #c5c5c5;
    color: #202020;
    font-weight: 700;
    padding: 10px 35px;
    cursor: pointer;
    margin-top: 10px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.btn-login:hover {
    background-color: #3C368C;
    border-color: #3C368C;
    color: #fff;
}

.vertical-text {
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #3C368C;
    font-family: 'Roboto', sans-serif;
    position: relative;
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    transform-origin: left top 0;
    margin: 0;
    font-style: normal;
}

.vertical-text:after {
    background-color: #202020;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: calc(100% + 20px);
    width: 35px;
    height: 2px;
}

.tooltip .tooltip-inner {
    background-color: #3C368C;
    font-size: 1.3rem;
    line-height: 1.5;
}

.tooltip .arrow:before {
    border-left-color: #3C368C !important;
}

#new-products-area,
#featured-products-area,
#new-products-two {
    overflow: hidden;
}

.scrolltotop {
    background-color: #FEAC01;
    color: #fff;
    font-size: 2.2rem;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    line-height: 38px;
    text-align: center;
    display: block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: -30px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    right: 30px;
    z-index: 95;
    border-radius: 30px;
}

.scrolltotop.show {
    bottom: 40px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.scrolltotop:hover, .scrolltotop:active, .scrolltotop:focus {
    background-color: #3C368C;
    color: #fff;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.custom-padding {
    margin-left: -2px;
    margin-right: -2px;
}

.custom-padding [class*="col"] {
    padding: 0 2px;
}

.breadcrumb {
    -webkit-justify-content: left;
    -moz-justify-content: left;
    -ms-justify-content: left;
    justify-content: left;
    -ms-flex-pack: left;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
    text-align: right;
    display: inline-flex;
}

.breadcrumb li {
    margin-right: 15px;
    position: relative;
}

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

.breadcrumb li:last-child:last-child:after {
    display: none;
}

/*.breadcrumb li:after {
    content: '\f105';
    font-family: "FontAwesome";
    color: #f4f5f7;
    position: absolute;
    left: calc(100% + 20px);
}*/

.breadcrumb li a {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 1.5rem;
    font-style: normal;
}

.breadcrumb li a:hover, .breadcrumb li a:active, .breadcrumb li a:focus, .breadcrumb li a.active {
    color: #3c368c;
}

.breadcrumb li a.active {
    pointer-events: none;
}

.sidebar-list {
    margin-top: -5px;
    padding-left: 0px;
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

.sidebar-list li {
    /*border-bottom: 1px dashed #c5c5c5;*/
    padding: 5px 0;
    list-style-type: none;
}

.sidebar-list li a {
    color: #202020;
    font-style: normal;
    font-family: 'Roboto', sans-serif;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.sidebar-list li a:hover {
    color: #3C368C;
    padding-left: 4px;
}

.nice-select {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    float: none;
    height: auto;
    text-transform: capitalize;
    line-height: inherit;
    padding: 5px 30px 5px 15px;
    width: 200px;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .nice-select {
        width: 160px;
    }
}

.nice-select span.current {
    font-weight: 700;
    font-size: 1.3rem;
}

.nice-select .list {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    width: 100%;
}

.nice-select .list .option {
    line-height: 30px;
    min-height: 30px;
}

.page-pagination .pagination li a {
    background-color: #fff;
    color: #727272;
    outline: 1px solid #c5c5c5;
    display: inline-block;
    padding: 8px 15px;
    font-weight: 700;
    font-size: 1.2rem;
}

.page-pagination .pagination li a:hover, .page-pagination .pagination li a:focus, .page-pagination .pagination li a.current {
    background-color: #3C368C;
    outline-color: #3C368C;
    color: #fff;
}

.custom-checkbox label, .custom-checkbox .custom-control-label, .custom-radio label, .custom-radio .custom-control-label {
    color: #666;
    font-size: 14px;
    line-height: 20px;
    padding-left: 10px;
    cursor: pointer;
    font-weight: 500;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .custom-checkbox label, .custom-checkbox .custom-control-label, .custom-radio label, .custom-radio .custom-control-label {
        font-size: 1.3rem;
    }
}

.custom-checkbox label:before, .custom-checkbox .custom-control-label:before, .custom-radio label:before, .custom-radio .custom-control-label:before {
    background-color: transparent;
    border: 1px solid #acacac;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 15px;
    top: 0;
    width: 15px;
}

.custom-checkbox label:after, .custom-checkbox .custom-control-label:after, .custom-radio label:after, .custom-radio .custom-control-label:after {
    background-size: 10px 10px;
    height: 15px;
    top: 0;
    width: 15px;
}

.custom-checkbox label a, .custom-checkbox .custom-control-label a, .custom-radio label a, .custom-radio .custom-control-label a {
    color: #202020;
    font-weight: 500;
}

.custom-checkbox label a:hover, .custom-checkbox .custom-control-label a:hover, .custom-radio label a:hover, .custom-radio .custom-control-label a:hover {
    color: #3C368C;
}

.custom-checkbox input, .custom-checkbox .custom-control-input, .custom-radio input, .custom-radio .custom-control-input {
    outline: none;
}

.custom-checkbox input:focus ~ .custom-control-label:before, .custom-checkbox input:focus label:before, .custom-checkbox .custom-control-input:focus ~ .custom-control-label:before, .custom-checkbox .custom-control-input:focus label:before, .custom-radio input:focus ~ .custom-control-label:before, .custom-radio input:focus label:before, .custom-radio .custom-control-input:focus ~ .custom-control-label:before, .custom-radio .custom-control-input:focus label:before {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.custom-checkbox input:checked ~ .custom-control-label:before, .custom-checkbox input:checked label:before, .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before, .custom-checkbox .custom-control-input:checked label:before, .custom-radio input:checked ~ .custom-control-label:before, .custom-radio input:checked label:before, .custom-radio .custom-control-input:checked ~ .custom-control-label:before, .custom-radio .custom-control-input:checked label:before {
    background-color: #3C368C;
    border-color: #3C368C;
}

.custom-radio label:before, .custom-radio .custom-control-label:before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 14px;
    width: 14px;
}

.custom-radio label:after, .custom-radio .custom-control-label:after {
    background-position: 1px 1px;
    background-size: 8px 8px;
    left: -13px;
    top: 2px;
    height: 10px;
    width: 10px;
}

.table-responsive::-webkit-scrollbar-thumb {
    border-radius: 0;
    border: 0;
    background-color: #3C368C;
}

.table-responsive::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 15px;
    height: 10px;
    background-color: rgba(216, 46, 46, 0.3);
}

blockquote, .blockquote {
    background-color: #e5e8ec;
    font-size: 1.5rem;
    line-height: 30px;
    color: #202020;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-style: italic;
    padding: 100px 30px 30px;
    margin-bottom: 15px;
    position: relative;
    text-align: center;
}

blockquote *, .blockquote * {
    margin: 0;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    blockquote, .blockquote {
        padding: 100px 15px 15px;
    }
}

blockquote:after, .blockquote:after {
    content: '\f10d';
    font-family: "FontAwesome";
    font-size: 5rem;
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 40px;
}

address {
    margin-bottom: 15px;
}

address p {
    margin-bottom: 5px;
}

address strong, address b {
    color: #000;
}

/*== Theme Typography Style End ==*/
/*== Header Area Start ==*/
#header-area {
    background-color: #202020;
    padding: 0px 0;
    position: relative;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
     -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

#header-area.fixed {
    background-color: #202020;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    position: fixed;
    left: 0;
    top: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    padding: 0px 0;
    width: 100%;
    z-index: 88;
}

#header-area .header-right-meta {
    margin-right: 0px;
    position: relative;
}

#header-area .header-right-meta ul li {
    display: inline-block;
    position: relative;
    margin-left: 20px;
}

#header-area .header-right-meta ul li:first-child {
    margin-left: 0;
}

#header-area .header-right-meta ul li.settings:hover .site-settings {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    pointer-events: visible;
    visibility: visible;
}

#header-area .header-right-meta ul li.shop-cart:hover .mini-cart {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    visibility: visible;
    pointer-events: visible;
}

#header-area .header-right-meta ul li.shop-cart a {
    position: relative;
}

/*#header-area .header-right-meta ul li.shop-cart a .count {
    background-color: #fff;
    color: #000;
    font-weight: 700;
    text-align: center;
    position: absolute;
    width: 20px;
    height: 16px;
    font-size: 1.1rem;
    line-height: 16px;
    -webkit-clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
    clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
    right: -24px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 3px;
}*/
#header-area .header-right-meta ul li.shop-cart a .count {
    background-color: #fff;
    color: #000;
    font-weight: 600;
    text-align: center;
    position: absolute;
    width: 15px;
    height: 15px;
    font-size: 9px;
    line-height: 15px;
    right: -9px;
    top: 22%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 1px;
    border-radius: 20px;
}

#header-area .header-right-meta ul li a {
    display: block;
    color: #929292;
    font-size: 1.8rem;
    line-height: 1.5;
    line-height: 1;
    padding: 10px 0;
}

#header-area .header-right-meta ul li a:hover {
    color: #3C368C;
}

#header-area .site-settings {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    position: absolute;
    padding: 20px;
    right: -20px;
    top: 100%;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    pointer-events: none;
    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;
    z-index: 951;
}
.logo-area {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}
.logo-area img {
    width: 100%;
    max-width: 100px;
}
.logo-area h2 {
    margin-bottom: 0;
    font-size: 22px;
    padding-left: 10px;
    color:#3c368c;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    #header-area .site-settings {
        max-height: 220px;
        overflow: auto;
    }
}

#header-area .site-settings dl {
    white-space: nowrap;
    margin: 0 20px 0;
    font-family: 'Roboto', sans-serif;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    #header-area .site-settings dl {
        margin-bottom: 20px;
    }

    #header-area .site-settings dl:last-child {
        margin-bottom: 0;
    }
}

#header-area .site-settings dl dt {
    border-bottom: 1px solid #929292;
    margin-bottom: 10px;
    padding-bottom: 5px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    font-size: 1.2rem;
    line-height: 1.5;
}

#header-area .site-settings dl dd {
    margin-bottom: 5px;
}

#header-area .site-settings dl dd:last-child {
    margin-bottom: 0;
}

#header-area .site-settings dl dd.current a {
    font-weight: 700;
}

#header-area .site-settings dl dd a {
    color: #202020;
    font-size: 1.4rem;
    line-height: 1.5;
    padding: 0;
    margin: 0;
}

#header-area .mini-cart {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    right: -25px;
    top: 100%;
    padding: 20px 15px;
    position: absolute;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -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;
    pointer-events: none;
    visibility: hidden;
    width: 300px;
    z-index: 9;
    height: 277px;
    overflow-y: scroll;
    overflow-x: hidden;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    #header-area .mini-cart {
        max-height: 220px;
        overflow: auto;
        width: 280px;
    }
}

#header-area .mini-cart .single-cart-item {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #c5c5c5;
    position: relative;
}

#header-area .mini-cart .single-cart-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0 solid #c5c5c5;
}

#header-area .mini-cart .single-cart-item .product-thumb {
    width: 80px;
    margin-right: 15px;
}

#header-area .mini-cart .single-cart-item .product-thumb a {
    padding: 0 !important;
}

#header-area .mini-cart .single-cart-item .product-details {
    text-align: left;
}

#header-area .mini-cart .single-cart-item .product-details h2 {
    margin-bottom: 5px;
    line-height: 1;
}

#header-area .mini-cart .single-cart-item .product-details h2 a {
    color: #000;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    font-size: 12px !important;
    line-height: 1.4 !important;
    text-transform: uppercase;
    padding: 0 !important;
}

#header-area .mini-cart .single-cart-item .product-details h2 a:hover {
    color: #3C368C;
}

#header-area .mini-cart .single-cart-item .product-details span {
    font-weight: 600;
    color: #202020;
    font-size: 14px;
    display: block;
}

#header-area .mini-cart .single-cart-item .product-details span.price {
    color: #3C368C;
}

#header-area .mini-cart .single-cart-item .product-details .multiplication {
    margin: 0 7px;
    font-size: 12px;
}

#header-area .mini-cart .single-cart-item .remove-icon {
    bottom: 38px;
    right: 5px;
    position: absolute !important;
    padding: 0 !important;
    color: #f00;
}

#header-area .mini-cart .mini-cart-footer {
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: 1px solid 
    #eee;
    padding-top: 10px;
}

#header-area .mini-cart .mini-cart-footer .btn-add-to-cart {
    color: #202020;
    border-width: 1px;
    text-align: center;
    font-size: 12px;
    padding: 10px 10px !important;
}

#header-area .mini-cart .mini-cart-footer .btn-add-to-cart:hover {
    color: #fff;
}

#header-area.header__2 {
    background-color: #fff;
}

#header-area.header__2 .header-right-meta ul li.shop-cart a .count {
    background-color: #000;
    color: #fff;
}

#header-area.header__2 .header-right-meta ul li a {
    color: #202020;
}

#header-area.header__2 .header-right-meta ul li a:hover {
    color: #3C368C;
}

#header-area.header__2 .slicknav_menu .slicknav_btn .slicknav_icon-bar {
    background-color: #202020;
}

#header-area.header__3 {
    background-color: #fff;
}

#header-area.header__3 #mainmenu > ul > li.dropdown-show:after {
    color: #202020;
}

#header-area.header__3 #mainmenu > ul > li > a {
    color: #000;
    font-weight: normal;
    border-left: 1px solid #ccc;
}

#header-area.header__3 #mainmenu > ul > li > a:hover, #header-area.header__3 #mainmenu > ul > .active a {
    color: #FEAC01;
}

#header-area.header__3 .header-right-meta ul li.shop-cart a .count {
    background-color: #FEAC01;
    color: #fff;
}

#header-area.header__3 .header-right-meta ul li a {
    color: #666;
}

#header-area.header__3 .header-right-meta ul li a:hover {
    color: #3C368C;
}

#header-area.header__3 .slicknav_menu .slicknav_btn .slicknav_icon-bar {
    background-color: #666;
}

/*== Navigation Area Start ==*/
@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    #mainmenu {
        display: none;
    }
}

#mainmenu ul {
    text-align: right;
    transform-origin:50% 0;
    transition-property: transform;
    transition-duration: 0.5s;
}

#mainmenu ul li {
    display: inline-block;
    position: relative;
    font-family: 'Roboto', sans-serif;
}

#mainmenu ul li:hover a, #mainmenu ul li.current a {
    color: #3C368C;
}

#mainmenu ul li.dropdown-show:after {
    color: #f4f5f7;
    content: '\f107';
    display: block;
    font-family: "FontAwesome";
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-weight: 700;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
}

#mainmenu ul li.dropdown-show .dropdown-show:after {
    position: absolute;
    display: block;
    content: '\f105';
    font-family: "FontAwesome";
    right: 10px;
    top: 50%;
    font-size: 1.5rem;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-weight: 700;
}

#mainmenu ul li.dropdown-show:hover:after {
    color: #3C368C;
}

#mainmenu ul li.dropdown-show:hover > .dropdown-nav {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible;
    pointer-events: visible;
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}

#mainmenu ul li a {
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 1.5;
    text-transform: capitalize;
    position: relative;
    margin: 25px 0px;
    padding: 0px 15px;
}
.shopmenu ul li a{padding: 0px 8px !important;}

#mainmenu ul li .dropdown-nav {
    background-color: #fff;
    text-align: left;
    left: 0;
    top: 100%;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -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;
    pointer-events: none;
    visibility: hidden;
    position: absolute;
    padding: 6px 0;
    width: 220px;
    z-index: 9;
}

#mainmenu ul li .dropdown-nav li {
    display: block;
    border-bottom: 1px solid #f2f2f2;
}

#mainmenu ul li .dropdown-nav li:hover > .dropdown-nav {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    pointer-events: visible;
}

#mainmenu ul li .dropdown-nav li:hover a {
    color: #3C368C;
}

#mainmenu ul li .dropdown-nav li:hover .sub-dropdown li a {
    color: inherit;
}

#mainmenu ul li .dropdown-nav li a {
    color: #727272;
    font-size: 1.3rem;
    font-weight: 600;
    font-style: normal;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.8px;
    padding: 6px 20px;
    text-transform: capitalize;
}

#mainmenu ul li .dropdown-nav li a:hover {
    color: #3C368C;
}

#mainmenu ul li .dropdown-nav li a:after {
    display: none;
}

#mainmenu ul li .dropdown-nav li .sub-dropdown {
    top: -6px;
    left: calc(100% + 1px);
}

#mainmenu ul li .dropdown-nav li .sub-dropdown li a:hover {
    color: #3C368C;
}

#mainmenu .mega-menu-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: no-wrap;
    -moz-flex-wrap: no-wrap;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
    left: -50%;
    padding: 30px 25px !important;
    width: auto !important;
    white-space: nowrap;
}

#mainmenu .mega-menu-wrap .mega-menu-item {
    margin-right: 50px;
}

#mainmenu .mega-menu-wrap .mega-menu-item:last-child {
    margin-right: 0;
}

#mainmenu .mega-menu-wrap .mega-menu-item:hover a {
    color: inherit;
}

#mainmenu .mega-menu-wrap .mega-menu-item:hover a.mega-item-title {
    color: #202020;
}

#mainmenu .mega-menu-wrap .mega-menu-item .mega-item-title {
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 700;
    color: #3C368C;
    text-transform: uppercase;
    border-bottom: 1px solid #d2d2d2;
    display: block;
    margin-bottom: 15px;
    padding: 0;
    padding-bottom: 5px;
}

#mainmenu .mega-menu-wrap .mega-menu-item .mega-item-title:after {
    display: none;
}

#mainmenu .mega-menu-wrap .mega-menu-item ul {
    text-align: left;
}

#mainmenu .mega-menu-wrap .mega-menu-item ul li {
    display: block;
    border-bottom: none;
}

#mainmenu .mega-menu-wrap .mega-menu-item ul li:hover a {
    color: inherit;
}

#mainmenu .mega-menu-wrap .mega-menu-item ul li a {
    color: #727272;
    font-weight: 400;
    font-size: 1.3rem;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 30px;
    padding: 0;
}

#mainmenu .mega-menu-wrap .mega-menu-item ul li a:hover {
    color: #3C368C;
}

#mainmenu .mega-menu-wrap .mega-menu-item ul li a:after {
    display: none;
}

.slicknav_menu {
    background-color: transparent;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

@media only screen and (min-width: 992px) {
    .slicknav_menu {
        display: none;
    }
}

.slicknav_menu .slicknav_btn {
    background-color: transparent;
    position: absolute;
    margin: 0;
    padding: 0;
    padding-right: 25px;
    left: 50%;
    float: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    z-index: 97;
}

.slicknav_menu .slicknav_btn.slicknav_open .slicknav_icon .slicknav_icon-bar:nth-child(1) {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 8px;
}

.slicknav_menu .slicknav_btn.slicknav_open .slicknav_icon .slicknav_icon-bar:nth-child(2) {
    display: none;
}

.slicknav_menu .slicknav_btn.slicknav_open .slicknav_icon .slicknav_icon-bar:nth-child(3) {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 8px;
}

.slicknav_menu .slicknav_btn .slicknav_icon {
    position: relative;
    height: 15px;
    width: 30px;
}

.slicknav_menu .slicknav_btn .slicknav_icon:before {
    display: none;
}

.slicknav_menu .slicknav_btn .slicknav_icon .slicknav_icon-bar {
    background-color: #929292;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    -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;
    height: 2px;
    width: 100%;
}

.slicknav_menu .slicknav_btn .slicknav_icon .slicknav_icon-bar:nth-child(2) {
    top: 50%;
}

.slicknav_menu .slicknav_btn .slicknav_icon .slicknav_icon-bar:nth-child(3) {
    top: 100%;
}

.slicknav_menu .slicknav_nav {
    background-color: #3C368C;
    left: 0;
    position: absolute;
    padding: 5px 4%;
    margin-top: -1px;
    top: 100%;
    width: 100%;
    max-height: 300px;
    overflow: auto;
    z-index: 97;
}

.slicknav_menu .slicknav_nav ul {
    margin-left: 0;
}

.slicknav_menu .slicknav_nav ul li {
    margin: 5px 0;
    border-bottom: 1px solid #534DA6;
    padding-bottom: 5px;
}
.slicknav_menu .slicknav_nav ul li a {
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: relative;
    padding: 2px 0;
}

.slicknav_menu .slicknav_nav ul li a:hover, .slicknav_menu .slicknav_nav ul li a:focus, .slicknav_menu .slicknav_nav ul li a:active {
    background-color: transparent;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.slicknav_menu .slicknav_nav ul ul {
    margin-left: 20px;
}

.slicknav_menu .slicknav_arrow {
    font-size: 2rem;
    font-size: 2rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    text-align: right;
}

.navigation-area-wrap {
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    height: 100%;
    width: 100%;
    z-index: 99;
}

.navigation-area-wrap .main-menu-wrap {
    background-color: rgba(0, 0, 0, 0.95);
    padding: 20px 0;
    margin-top: 120px;
    justify-content: center;
    width: 100%;
}

.menu-open {
    font-size: 3rem;
    color: #000;
}

.menu-close {
    top: 30px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

/*== Navigation Area End ==*/
/*== Header Area End ==*/
.modal {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    z-index: -999;
}

.modal.show {
    opacity: 1;
    visibility: visible;
    z-index: 9999;
}

.body-popup-modal-area {
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    height: 100%;
    width: 100%;
    z-index: 99;
}

.body-popup-modal-area .modal-container {
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.modal-close, .menu-close {
    font-size: 2rem;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    position: absolute;
    top: 30px;
    right: 50px;
    height: 30px;
    width: 30px;
    color: #fff;
}

.modal-close:hover, .menu-close:hover {
    color: #3C368C;
}

/*== Search Box Style ==*/
.search-box-area {
    margin: auto;
    width: 60%;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .search-box-area {
        width: 85%;
    }
}

.search-box-area .search-box-form form {
    position: relative;
}

.search-box-area .search-box-form form input {
    border: none;
    background-color: transparent;
    border-bottom: 2px solid #929292;
    padding: 10px 40px 10px 15px;
    text-align: center;
    color: #727272;
    font-size: 1.7rem;
    line-height: 1.5;
    outline: none;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    width: 100%;
}

.search-box-area .search-box-form form input:focus {
    border-bottom-color: #3C368C;
}

.search-box-area .search-box-form form button {
    background-color: transparent;
    font-size: 2rem;
    color: #929292;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.search-box-area .search-box-form form button:hover {
    color: #3C368C;
}

#quickView .modal-dialog {
    max-width: 900px;
}

#quickView .modal-dialog .close {
    background-color: #3C368C;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 9;
    width: 25px;
}

#quickView .modal-dialog .close span {
    display: block;
    padding: 4px;
}

#quickView .quick-view-content {
    padding: 20px;
}

#quickView .quick-view-content .product-thumbnail-wrap .owl-thumbs .owl-thumb-item {
    height: 70px;
    width: 70px;
}

/*== Page Title Area Start ==*/
#page-title-area {
    background: url(../../assets/images/innerbg/bg2.jpg);
    background-size: cover;
    background-position: 50% 127%;
    background-repeat: no-repeat;
    position: relative;
    padding: 60px 0 60px;
    z-index: 1;
    background-attachment: fixed;
}

#page-title-area:after {
    /*background-color: #060611;*/
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

#page-title-area .page-title-content h1 {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 4.2rem;
    font-weight: 400;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    #page-title-area .page-title-content h1 {
        font-size: 3.2rem;
    }
}

/*== Page Title Area End ==*/
/*== Banner // Slider Area Start ==*/
#banner-area {
    position: relative;
}

#banner-area:after {
    background-color: #202020;
    content: '';
    position: absolute;
    height: 100%;
    left: 0;
    top: -1px;
    width: 100%;
    -webkit-clip-path: polygon(0% 75%, 0% 0%, 100% 0%, 100% 35%);
    clip-path: polygon(0% 75%, 0% 0%, 100% 0%, 100% 35%);
    z-index: -1;
}

#banner-area #banner-carousel .single-carousel-wrap {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    padding: 150px 0;
    z-index: 1;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    #banner-area #banner-carousel .single-carousel-wrap {
        padding: 80px 0;
    }
    .hidden-xs{display: none;}
    .headertopright{text-align: center; min-height:0px !important;}
    .headertopright ul{width: 100%; text-align: center;}
    .products-wrapper .owl-stage-outer .owl-item{width: 100%;}
    .brdrigt {
        padding: 10px 0px;
        border-right: none !important;
    }
    .footerbox{margin-bottom: 10px;}
    .paymentotn{text-align: center !important; padding-top: 10px;}
    #page-title-area .page-title-content{text-align: center; margin-bottom: 10px;}
    .breadcrumb li a{color: #333;}
    #featured-products-wrapper, #new-products-area, #page-content-wrapper{padding:2rem !important;}
    #page-title-area{padding: 35px 0 35px;}
    .gallerinner button{margin-bottom: 10px;}
    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle{
        background: #3c368c; border-color: #3c368c;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #banner-area #banner-carousel .single-carousel-wrap {
        padding: 120px 0;
    }
    .hidden-md{display: none;}
    .advertbanner img, .advertisementimg img{height: 240px !important;}
}

#banner-area #banner-carousel .single-carousel-wrap:after {
/*    background-color: rgba(244, 245, 247, 0.7);*/
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    display: block;
}

#banner-area #banner-carousel .single-carousel-wrap .banner-caption {
    padding: 0 15px;
    max-width: 1140px;
    margin: auto;
}

#banner-area #banner-carousel .single-carousel-wrap .banner-caption h4 {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    background: #feac01;
    color: #fff;
    display: initial;
    padding: 0px 10px;
}

#banner-area #banner-carousel .single-carousel-wrap .banner-caption h2 {
    font-size: 40px;
    line-height: 1.2;
    text-transform: capitalize;
    margin: 9px 0 10px;
    color: #3C368C;
    text-shadow: 1px 2px #fff;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    #banner-area #banner-carousel .single-carousel-wrap .banner-caption h2 {
        font-size: 2.4rem;
        margin: 9px 0 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #banner-area #banner-carousel .single-carousel-wrap .banner-caption h2 {
        font-size: 3.5rem;
    }
}

#banner-area #banner-carousel .single-carousel-wrap .banner-caption p {
    font-style: italic;
    font-family: 'Roboto', sans-serif;
    color: #000;
}

#banner-area #banner-carousel .single-carousel-wrap .banner-caption .btn-long-arrow {
    margin-top: 20px;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    #banner-area #banner-carousel .single-carousel-wrap .banner-caption .btn-long-arrow {
        margin-top: 10px;
    }
}

#banner-area #banner-carousel .single-carousel-wrap.slide-item-1 {
    background-image: url("../images/slider/slider1.webp");
}

#banner-area #banner-carousel .single-carousel-wrap.slide-item-2 {
    background-image: url("../images/slider/slider2.jpg");
}

#banner-area #banner-carousel .single-carousel-wrap.slide-item-3 {
    background-image: url("../images/slider/slider3.jpg");
}

#banner-area #banner-carousel .single-carousel-wrap.slide-item-4 {
    background-image: url("../images/slider/slider4.jpg");
}
#banner-area #banner-carousel .single-carousel-wrap.slide-item-5 {
    background-image: url("../images/slider/slider5.jpg");
}


/*#banner-area #banner-carousel .single-carousel-wrap.slide-item-5 {
    background-image: url("../images/slider/slider1.jpg");
}

#banner-area #banner-carousel .single-carousel-wrap.home_6_slide_1 {
    background-image: url("../images/slider/slider2.jpg");
}

#banner-area #banner-carousel .single-carousel-wrap.home_6_slide_2 {
    background-image: url("../images/slider/slider1.jpg");
}*/

#banner-area .owl-dots {
    position: absolute;
    right: 60px;
    bottom: 60px;
    display: none;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    #banner-area .owl-dots {
        display: none;
    }
}

#banner-area .banner-caption .hide {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

#banner-area.banner__2:after {
    display: none;
}

#banner-area.banner__3:after {
    display: none;
}

#banner-area.banner__3 #banner-carousel .single-carousel-wrap:after {
    display: none;
}

#banner-area.banner__3 #banner-carousel .single-carousel-wrap .banner-caption {
    text-align: left;
}

#banner-area.banner__3 #banner-carousel .single-carousel-wrap .banner-caption h2, #banner-area.banner__3 #banner-carousel .single-carousel-wrap .banner-caption .btn-long-arrow {
    color: #fff;
    margin-left: 0;
}

#banner-area.banner__3 #banner-carousel .single-carousel-wrap .banner-caption p {
    color: #f4f5f7;
}

#banner-area.banner__3 #banner-carousel .single-carousel-wrap .banner-caption .btn-long-arrow {
    color: #fff;
    margin-left: 0;
}

#banner-area.banner__3 #banner-carousel .single-carousel-wrap .banner-caption .btn-long-arrow:after {
    display: none;
}

#banner-area.banner__3 #banner-carousel .single-carousel-wrap .banner-caption .btn-long-arrow:hover {
    color: #3C368C;
}

#banner-area.banner__3 #banner-carousel .single-carousel-wrap.home_4_slide_1 {
    background-image: url("../img/home_4_slide_1.jpg");
}

#banner-area.banner__3 #banner-carousel .single-carousel-wrap.home_4_slide_2 {
    background-image: url("../img/home_4_slide_2.jpg");
}

/*== Banner // Slider Area End ==*/
/*== About Us Area Start ==*/
.about-image-wrap {
    overflow: hidden;
    /*background-color: #fafafa;*/
}

.about-image-wrap a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.about-image-wrap a img {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.about-content-wrap {
    font-family: 'Roboto', sans-serif;
}

.about-content-wrap h2, .about-content-wrap h3, .about-content-wrap h4 {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.about-content-wrap h2 {
    font-size: 1.4rem;
    line-height: 1.5;
    color: #FEAC01;
    margin-bottom: 0;
    margin-top: -5px;
}

.about-content-wrap h3 {
    font-size: 27px;
    line-height: 30px;
    margin-bottom: 17px;
    color: #3C368C;
    border-left: 3px solid #FEAC01;
    padding-left: 14px;
    margin-top: 10px;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .about-content-wrap h3 {
        font-size: 2rem;
        line-height: 1.5;
    }
}

.about-content-wrap .about-text {
    font-size: 14px;
    line-height: 1.5;
    line-height: 25px;
    font-weight: normal;
    text-align: justify;
    color: #333;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    .about-content-wrap .about-text {
        padding-left: 0;
    }
}

.about-content-wrap .about-text .vertical-text {
    position: absolute;
    left: 0;
    margin-top: -20px;
    display: none;
}

@media only screen and (min-width: 992px) {
    .about-content-wrap .about-text .vertical-text {
        display: block;
    }
}

.about-content-wrap .about-text .btn-long-arrow {
    margin-top: 0px;
    margin-left: -8px;
    padding-top: 0;
    text-transform: capitalize;
}

#aboutUs-area.about__2 .about-image-wrap {
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 992px) {
    #aboutUs-area.about__2 .about-image-wrap {
        margin-top: -150px;
    }
}

@media only screen and (min-width: 992px) {
    #aboutUs-area.about__2 .about-content-wrap {
        margin-left: 50px;
    }
}

#aboutUs-area.about__2 .about-content-wrap h3 {
    font-family: "Playfair Display";
    font-size: 6rem;
    line-height: 1.2;
    text-transform: capitalize;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    #aboutUs-area.about__2 .about-content-wrap h3 {
        font-size: 3.6rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #aboutUs-area.about__2 .about-content-wrap h3 {
        font-size: 4.8rem;
    }
}

#aboutUs-area.about__2 .about-content-wrap h4.price {
    font-size: 4.8rem;
    color: #3C368C;
    margin: 40px 0;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    #aboutUs-area.about__2 .about-content-wrap h4.price {
        font-size: 2.8rem;
        margin: 10px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #aboutUs-area.about__2 .about-content-wrap h4.price {
        margin: 10px 0;
    }
}

#aboutUs-area.about__2 .about-content-wrap h4.price sup {
    font-size: 2.4rem;
    color: #202020;
    margin-right: 5px;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    #aboutUs-area.about__2 .about-content-wrap h4.price sup {
        font-size: 1.7rem;
    }
}

#aboutUs-area.about__2 .about-content-wrap .about-text {
    padding-left: 0;
}

/*== About Us Area End ==*/
/*== New Collection Area Start ==*/
#new-collection-area {
    overflow: hidden;
}

.tab-menu-wrap {
    justify-content: center;
    font-weight: 700;
    margin-bottom: 30px;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 320px) and (max-width: 575px) {
    .tab-menu-wrap {
        margin-bottom: 30px;
    }
}

.tab-menu-wrap li {
    padding: 0 25px;
    position: relative;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .tab-menu-wrap li {
        padding: 0 12px 0 5px;
    }
}

.tab-menu-wrap li:last-child:after {
    display: none;
}

.tab-menu-wrap li:after {
    content: '/';
    position: absolute;
    right: 0;
    top: 0;
    color: #929292;
}

.tab-menu-wrap li a {
    color: #202020;
    text-transform: uppercase;
}

.tab-menu-wrap li a:hover, .tab-menu-wrap li a.active {
    color: #3C368C;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .tab-menu-wrap li a {
        font-size: 1.2rem;
    }
}

/*== New Collection Area End ==*/
/*== Products Style Start ==*/
.products-wrapper .single-product-item {
    background-color: #fff;
    padding: 10px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 2px 3px #ddd;
    border-radius: 10px;
}

.products-wrapper .single-product-item:after {
    background-color: rgba(254, 187, 46, 0.8);
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scaleX(0);
    -moz-transform: translate(-50%, -50%) scaleX(0);
    -ms-transform: translate(-50%, -50%) scaleX(0);
    transform: translate(-50%, -50%) scaleX(0);
    -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;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    pointer-events: none;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
}

.products-wrapper .single-product-item:hover {
    -webkit-box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.15);
}

.products-wrapper .single-product-item:hover:after {
    -webkit-transform: translate(-50%, -50%) scaleX(1);
    -moz-transform: translate(-50%, -50%) scaleX(1);
    -ms-transform: translate(-50%, -50%) scaleX(1);
    transform: translate(-50%, -50%) scaleX(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.products-wrapper .single-product-item:hover .product-meta {
    right: 10px;
    opacity: 1;
    visibility: visible;
}

.products-wrapper .single-product-item:hover .product-details .btn-add-to-cart {
    border-color: #FEAC01;
    color: #3C368C;
}

.products-wrapper .single-product-item:hover .product-details .btn-add-to-cart:hover {
    color: #fff;
}

.products-wrapper .single-product-item .product-thumb {
    margin-bottom: 15px;
}

.products-wrapper .single-product-item .product-details h2 {
    font-size: 1.2rem;
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
}

.products-wrapper .single-product-item .product-details h2 a {
    color: #3c368c;
    font-weight: 500;
    font-size: 15px;
    text-transform: capitalize;
}

.products-wrapper .single-product-item .product-details h2 a:hover {
    color: #3C368C;
}

.products-wrapper .single-product-item .product-details .products-desc {
    display: none;
    font-style: italic;
    font-size: 1.5rem;
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;
}

.products-wrapper .single-product-item .product-details span {
    display: block;
}

.products-wrapper .single-product-item .product-details .rating {
    color: #f4ca49;
    font-size: 1.3rem;
    line-height: 1.5;
    margin: 7px 0 8px;
}

.products-wrapper .single-product-item .product-details .price {
    color: #202020;
}

.products-wrapper .single-product-item .product-details .btn-add-to-cart {
    margin-top: 11px;
    margin-right: 10px;
}

.products-wrapper .single-product-item .product-details .btn-add-to-cart:last-child {
    margin-right: 0;
}

.products-wrapper .single-product-item .product-details .btn-add-to-cart.btn-compare, .products-wrapper .single-product-item .product-details .btn-add-to-cart.btn-whislist {
    display: none;
}

.products-wrapper .single-product-item .product-meta {
    position: absolute;
    right: -100%;
    top: 10px;
    -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;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
}

.products-wrapper .single-product-item .product-meta button, .products-wrapper .single-product-item .product-meta a {
    background-color: #202020;
    border-bottom: 1px solid #727272;
    font-size: 1.5rem;
    color: #fff;
    cursor: pointer;
    display: block;
    line-height: 45px;
    height: 45px;
    padding: 0;
    text-align: center;
    width: 45px;
}

.products-wrapper .single-product-item .product-meta button:hover, .products-wrapper .single-product-item .product-meta a:hover {
    background-color: #3C368C;
    border-bottom-color: #3C368C;
}

.products-wrapper .single-product-item .product-meta button span, .products-wrapper .single-product-item .product-meta a span {
    display: block;
}

.products-wrapper .single-product-item .product-bedge {
    background-color: #202020;
    font-size: 1.2rem;
    line-height: 1.5;
    font-style: italic;
    color: #fff;
    padding: 10px 25px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    top: 21px;
    left: 5px;
    -webkit-clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
    clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
    z-index: 2;
}

.products-wrapper .single-product-item .product-bedge.sale {
    background-color: #3C368C;
}

.products-wrapper .owl-stage-outer {
    overflow: visible;
}

.products-wrapper .owl-stage-outer .owl-item {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    visibility: hidden;
}

.products-wrapper .owl-stage-outer .owl-item.active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    visibility: visible;
}

.products-wrapper .owl-nav {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.products-wrapper:hover .owl-nav {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.products-wrapper.products-gird {
    margin-top: -30px;
}

.products-wrapper.products-gird .single-product-item {
    margin-top: 30px;
}

.products-wrapper.products-gird .single-product-item:after {
    background-color: rgba(220, 67, 67, 0.8);
}

.products-wrapper.products-gird .single-product-item:hover .product-details {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    visibility: visible;
}

.products-wrapper.products-gird .single-product-item:hover .product-details h2 a {
    color: #fff;
}

.products-wrapper.products-gird .single-product-item:hover .product-details h2 a:hover {
    text-decoration: underline;
}

.products-wrapper.products-gird .single-product-item:hover .product-details .btn-add-to-cart {
    border-color: #fff;
    color: #fff;
}

.products-wrapper.products-gird .single-product-item:hover .product-details .btn-add-to-cart:hover {
    color: #fff;
}

.products-wrapper.products-gird .single-product-item .product-details {
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    z-index: 1;
}

.products-wrapper.products-gird .single-product-item .product-details h2, .products-wrapper.products-gird .single-product-item .product-details span, .products-wrapper.products-gird .single-product-item .product-details a, .products-wrapper.products-gird .single-product-item .product-details .rating {
    color: #fff;
}

.products-wrapper.products-gird .single-product-item .product-details .rating i.fa-star {
    color: #f4ca49;
}

.products-wrapper.products-gird .single-product-item .product-meta {
    display: none;
}

.products-wrapper.products-list-view .col-lg-4 {
    max-width: 100%;
    -webkit-box-flex: 100%;
    -moz-box-flex: 100%;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
}

.products-wrapper.products-list-view .single-product-item {
    text-align: left !important;
    padding: 0;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 992px) {
    .products-wrapper.products-list-view .single-product-item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
}

.products-wrapper.products-list-view .single-product-item:after {
    display: none;
}

.products-wrapper.products-list-view .single-product-item .product-thumb {
    text-align: center;
}

@media only screen and (min-width: 992px) {
    .products-wrapper.products-list-view .single-product-item .product-thumb img {
        width: 350px;
        max-width: 350px;
    }
}

.products-wrapper.products-list-view .single-product-item .product-details {
    background-color: #fff;
    padding: 30px 20px;
    padding-right: 70px;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .products-wrapper.products-list-view .single-product-item .product-details {
        padding: 20px 15px;
    }
}

.products-wrapper.products-list-view .single-product-item .product-details h2 {
    font-size: 1.8rem;
    line-height: 1.5;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .products-wrapper.products-list-view .single-product-item .product-details h2 {
        font-size: 1.6rem;
        line-height: 1.5;
    }
}

.products-wrapper.products-list-view .single-product-item .product-details .price {
    font-weight: 700;
    font-size: 2rem;
    margin-bottom: 10px;
}

.products-wrapper.products-list-view .single-product-item .product-details .products-desc {
    display: block;
}

.products-wrapper.products-list-view .single-product-item .product-meta {
    display: none;
}

.products-wrapper.products-list-view .single-product-item a.btn-add-to-cart.btn-whislist, .products-wrapper.products-list-view .single-product-item a.btn-add-to-cart.btn-compare {
    display: inline-block;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .products-wrapper.products-list-view .single-product-item a.btn-add-to-cart {
        font-size: 0.9rem;
        line-height: 1.5;
        border-width: 1px;
        padding: 6px 10px;
        margin-right: 5px;
    }
}

.small-product-list .single-product-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 30px;
}

.small-product-list .single-product-item:last-child {
    margin-bottom: 0;
}

.small-product-list .single-product-item .product-thumb {
    width: 105px;
    margin-right: 20px;
    overflow: hidden;
}

.small-product-list .single-product-item .product-thumb img {
    width: 100%;
}

.small-product-list .single-product-item .product-details {
    width: 70%;
}

.small-product-list .single-product-item .product-details h2 {
    margin-bottom: 5px;
    line-height: 1;
}

.small-product-list .single-product-item .product-details h2 a {
    color: #000;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 1.2rem;
    line-height: 1.5;
    text-transform: uppercase;
    display: block;
}

.small-product-list .single-product-item .product-details h2 a:hover {
    color: #3C368C;
}

.small-product-list .single-product-item .product-details .price {
    display: block;
    margin-bottom: 10px;
}

.small-product-list .single-product-item .product-details .btn-add-to-cart {
    border-width: 1px;
    font-size: 0.9rem;
    padding: 8px 10px;
    display: inline-block;
}

.single-product-page-content .product-thumbnail-wrap .owl-thumbs {
    margin-top: 15px;
    text-align: center;
}

.single-product-page-content .product-thumbnail-wrap .owl-thumbs .owl-thumb-item {
    border: 2px solid #fff;
    cursor: pointer;
    margin: 0 2px;
    padding: 0;
    height: 60px;
    width: 60px;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .single-product-page-content .product-thumbnail-wrap .owl-thumbs .owl-thumb-item {
        height: 50px;
        width: 50px;
    }
}

.single-product-page-content .product-thumbnail-wrap .owl-thumbs .owl-thumb-item.active {
    border: 2px solid #3C368C;
}

.single-product-page-content .product-thumbnail-wrap .owl-thumbs .owl-thumb-item img {
    max-width: 100%;
    display: block;
}

.single-product-page-content .product-thumbnail-wrap .owl-nav button {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: calc(50% - 51px);
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .single-product-page-content .product-thumbnail-wrap .owl-nav button {
        top: 50%;
    }
}

.single-product-page-content .product-thumbnail-wrap .owl-dots {
    bottom: 15px;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    z-index: 2;
}

/*== Products Style End ==*/
/*== Products by Category Area Start ==*/
.single-cat-item {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.single-cat-item:hover .category-thumb img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.single-cat-item:hover .category-thumb .category-name {
    top: 70%;
}

.single-cat-item .category-thumb {
    position: relative;
    overflow: hidden;
}

.single-cat-item .category-thumb img {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.single-cat-item .category-thumb .category-name {
    border: 2px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
    padding: 4px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    width: 90%;
}

.single-cat-item .category-thumb .category-name a {
    background-color: #fff;
    color: #202020;
    display: block;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 700;
    font-family: "Playfair Display";
    text-transform: uppercase;
    margin: 0;
    padding: 18px 25px;
    text-align: center;
}

.large-size-cate .single-cat-item {
    margin-bottom: 15px;
}

@media only screen and (min-width: 992px) {
    .large-size-cate .single-cat-item {
        margin-bottom: 0;
    }
}

.small-size-cate {
    margin-top: -15px;
}

.small-size-cate .single-cat-item {
    margin-top: 15px;
}

/*== Products by Category Area End ==*/
/*== Testimonial Area Start ==*/
.testimonial-wrapper {
    background-image: url("../img/testi_bg.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 90px 30px 85px;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .testimonial-wrapper {
        padding: 45px 15px 40px;
    }
}

.testimonial-wrapper .section-title h2 {
    color: #fff;
}

.testimonial-content-wrap .single-testimonial-item {
    font-style: italic;
    color: #d2d2d2;
    font-family: 'Roboto', sans-serif;
    line-height: 30px;
}

.testimonial-content-wrap .single-testimonial-item .client-name {
    text-transform: uppercase;
    color: #fff;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1.5;
    margin-top: 30px;
}

/*== Testimonial Area End ==*/
/*== Newsletter Area Start ==*/
#newsletter-area {
    position: relative;
}

#newsletter-area:after {
    background-color: #f4f5f7;
    content: '';
    position: absolute;
    height: 1px;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 1110px;
    width: 100%;
}

.newsletter-form-wrap {
    text-align: center;
}

.newsletter-form-wrap input {
    border: none;
    border-bottom: 2px solid #727272;
    font-style: italic;
    padding: 15px 20px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 1.3rem;
    line-height: 1.5;
    text-align: center;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    outline: none;
    width: 100%;
}

.newsletter-form-wrap input:active, .newsletter-form-wrap input:focus {
    border-bottom-color: #3C368C;
}

.newsletter-form-wrap button.btn-long-arrow {
    margin: 35px 0 0 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    cursor: pointer;
}

.newsletter-form-wrap #result.alert {
    margin-bottom: 0;
    margin-top: 15px;
    text-align: center;
}

/*== Newsletter Area End ==*/
/*== We Say Hello Area Start ==*/
#we-say-hello-area .section-title {
    margin-bottom: 44px;
}

#we-say-hello-area .section-title a {
    margin-bottom: 20px;
    display: inline-block;
}

#we-say-hello-area .section-title:after {
    background-image: none;
}

#we-say-hello-area .say-hello-content-wrap {
    border-top: 1px solid #e5e8ec;
    border-bottom: 1px solid #e5e8ec;
    padding: 30px 0;
}

#we-say-hello-area .say-hello-content-wrap .single-say-hello-item {
    padding: 20px 0;
    margin: 0;
    border-right-style: solid;
    border-right-color: #e5e8ec;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    #we-say-hello-area .say-hello-content-wrap .single-say-hello-item {
        border: none;
    }
}

#we-say-hello-area .say-hello-content-wrap .single-say-hello-item:hover {
    color: #202020;
}

#we-say-hello-area .say-hello-content-wrap .single-say-hello-item:hover h2 {
    color: #3C368C;
}

#we-say-hello-area .say-hello-content-wrap .single-say-hello-item .say-hello-thumb {
    border: 2px solid #727272;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 85px;
    line-height: 85px;
    width: 85px;
    margin: 0 auto 22px;
}

#we-say-hello-area .say-hello-content-wrap .single-say-hello-item .say-hello-thumb img {
    width: 30px;
}

#we-say-hello-area .say-hello-content-wrap .col-lg-4:last-child .single-say-hello-item {
    border: none;
}

/*== We Say Hello Area End ==*/
/*== Sale Products Area Start ==*/
#sale-products-area {
    background-color: #f2f2f3;
    padding: 90px 0;
}

#sale-products-area .sale-product-wrapper .single-sale-product .sale-product-details h2, #sale-products-area .sale-product-wrapper .single-sale-product .sale-product-details h3 {
    color: #3C368C;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 1.8rem;
}

#sale-products-area .sale-product-wrapper .single-sale-product .sale-product-details h3 {
    color: #3C368C;
    font-size: 1.8rem;
}

#sale-products-area .sale-product-wrapper .single-sale-product .sale-product-details h2 {
    color: #202020;
    font-size: 3rem;
    margin: 15px 0;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    #sale-products-area .sale-product-wrapper .single-sale-product .sale-product-details h2 {
        font-size: 1.8rem;
        line-height: 1.5;
        margin: 10px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #sale-products-area .sale-product-wrapper .single-sale-product .sale-product-details h2 {
        font-size: 2.4rem;
        line-height: 1.5;
    }
}

#sale-products-area .sale-product-wrapper .single-sale-product .sale-product-details h2 a {
    color: #202020;
}

#sale-products-area .sale-product-wrapper .single-sale-product .sale-product-details h2 a:hover {
    color: #3C368C;
}

#sale-products-area .sale-product-wrapper .single-sale-product .sale-product-details .rating {
    color: #f4ca49;
    margin: 10px 0;
}

#sale-products-area .sale-product-wrapper .single-sale-product .sale-product-details p {
    font-family: 'Roboto', sans-serif;
    font-style: italic;
}

#sale-products-area .sale-product-wrapper .single-sale-product .sale-product-details .btn-add-to-cart {
    margin-top: 20px;
}

#sale-products-area .sale-product-wrapper .single-sale-product .sale-product-details .sale-countdown-wrap {
    margin-top: 30px;
}

#sale-products-area .sale-product-wrapper .single-sale-product .sale-product-details .sale-countdown-wrap .sale-product-countdown {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    #sale-products-area .sale-product-wrapper .single-sale-product .sale-product-details .sale-countdown-wrap .sale-product-countdown {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
    }
}

#sale-products-area .sale-product-wrapper .single-sale-product .sale-product-details .sale-countdown-wrap .sale-product-countdown .counter-item {
    text-align: center;
    margin-right: 15px;
}

#sale-products-area .sale-product-wrapper .single-sale-product .sale-product-details .sale-countdown-wrap .sale-product-countdown .counter-item:last-child {
    margin-right: 0;
}

#sale-products-area .sale-product-wrapper .single-sale-product .sale-product-details .sale-countdown-wrap .sale-product-countdown .counter-item .counter-no {
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    text-align: center;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    color: #202020;
    position: relative;
    line-height: 70px;
    height: 70px;
    width: 70px;
    margin: auto;
    z-index: 1;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
    #sale-products-area .sale-product-wrapper .single-sale-product .sale-product-details .sale-countdown-wrap .sale-product-countdown .counter-item .counter-no {
        line-height: 60px;
        height: 60px;
        width: 60px;
    }
}

#sale-products-area .sale-product-wrapper .single-sale-product .sale-product-details .sale-countdown-wrap .sale-product-countdown .counter-item .counter-no:after {
    background-color: #f2f2f3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 50px;
    width: 50px;
    z-index: -1;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
    #sale-products-area .sale-product-wrapper .single-sale-product .sale-product-details .sale-countdown-wrap .sale-product-countdown .counter-item .counter-no:after {
        height: 40px;
        width: 40px;
    }
}

#sale-products-area .sale-product-wrapper .single-sale-product .sale-product-details .sale-countdown-wrap .sale-product-countdown .counter-item .counter-no:before {
    border: 3px solid #f2f2f3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 65px;
    width: 65px;
    z-index: -1;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
    #sale-products-area .sale-product-wrapper .single-sale-product .sale-product-details .sale-countdown-wrap .sale-product-countdown .counter-item .counter-no:before {
        height: 55px;
        width: 55px;
    }
}

#sale-products-area .sale-product-wrapper .single-sale-product .sale-product-details .sale-countdown-wrap .sale-product-countdown .counter-item .counter-label {
    display: block;
    color: #202020;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.5;
    margin-top: 5px;
}

#sale-products-area .sale-product-wrapper .owl-carousel:hover .owl-nav {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    visibility: visible;
}

#sale-products-area .sale-product-wrapper .owl-carousel .owl-nav {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

#sale-products-area .sale-product-wrapper .owl-carousel .owl-nav button {
    background-color: #e5e5e7 !important;
}

#sale-products-area .sale-product-wrapper .owl-carousel .owl-nav button:hover {
    background-color: #3C368C !important;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    #sale-products-area .sale-product-wrapper .owl-carousel .owl-nav {
        display: none;
    }
}

/*== Sale Products Area End ==*/
/*== Home 4 Products Area Start ==*/
#products-area-wrapper {
    margin-top: -30px;
}

#products-area-wrapper .single-category-products {
    margin-top: 30px;
}

#products-area-wrapper .single-category-products .owl-carousel:hover .owl-nav {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

#products-area-wrapper .single-category-products .owl-carousel .owl-nav {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

#products-area-wrapper .single-category-products .owl-carousel .owl-nav button {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    background-color: #c5c5c5 !important;
}

#products-area-wrapper .single-category-products .owl-carousel .owl-nav button:hover {
    background-color: #3C368C !important;
}

#products-area-wrapper .product-category-name-warp {
    background-image: url("../img/men-pro.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    position: relative;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    z-index: 1;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    #products-area-wrapper .product-category-name-warp {
        min-height: 400px;
    }
}

#products-area-wrapper .product-category-name-warp:hover:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    visibility: visible;
}

#products-area-wrapper .product-category-name-warp:hover .category-title-box {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    visibility: visible;
    -webkit-animation: zoomIn 500ms ease forwards 250ms;
    animation: zoomIn 500ms ease forwards 250ms;
}

#products-area-wrapper .product-category-name-warp:hover .category-title-box:after {
    -webkit-animation: zoomIn 500ms ease forwards 750ms;
    animation: zoomIn 500ms ease forwards 750ms;
}

#products-area-wrapper .product-category-name-warp:hover .category-title-box:before {
    -webkit-animation: zoomIn 500ms ease forwards 500ms;
    animation: zoomIn 500ms ease forwards 500ms;
}

#products-area-wrapper .product-category-name-warp:after {
    background-color: rgba(0, 0, 0, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    visibility: hidden;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

#products-area-wrapper .product-category-name-warp .category-title-box {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    visibility: hidden;
    display: block;
    height: 270px;
    width: 270px;
    position: relative;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    #products-area-wrapper .product-category-name-warp .category-title-box {
        height: 150px;
        width: 150px;
    }
}

#products-area-wrapper .product-category-name-warp .category-title-box:after {
    border: 5px solid #fff;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

#products-area-wrapper .product-category-name-warp .category-title-box:before {
    border: 1px solid #fff;
    content: '';
    position: absolute;
    left: 10%;
    top: 10%;
    height: 80%;
    width: 80%;
}

#products-area-wrapper .product-category-name-warp .category-title-box .pro-cate-title {
    font-size: 2rem;
    line-height: 1.5;
    text-transform: uppercase;
    color: #3C368C;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    position: relative;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#products-area-wrapper .product-category-name-warp.women {
    background-image: url("../img/women.jpg");
}

#products-area-wrapper .product-category-name-warp.clothing {
    background-image: url("../img/clothing.jpg");
}

#products-area-wrapper .product-category-name-warp.jewelry {
    background-image: url("../img/jewelry.jpg");
}

/*== Home 4 Products Area End ==*/
/*== Home 5 Products Area Start ==*/
#featured-products-wrapper .products-wrapper.products-gird {
    margin-top: -4px;
}

#featured-products-wrapper .products-wrapper.products-gird .single-product-item {
    margin-top: 4px;
}

#featured-products-wrapper .products-wrapper.products-gird .single-product-item:after {
    background-color: rgba(60, 54, 140, 0.7);
}

/*== Home 5 Products Area End ==*/
/*== Home 6 Categories Products Area Start ==*/
#category-feature-product {
    margin-top: -30px;
}

#category-feature-product .single-featured-product {
    margin-top: 30px;
    position: relative;
    overflow: hidden;
}

#category-feature-product .single-featured-product:hover:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    visibility: visible;
}

#category-feature-product .single-featured-product:hover img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#category-feature-product .single-featured-product:after {
    background-color: rgba(32, 32, 32, 0.5);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    height: 100%;
    width: 100%;
}

#category-feature-product .single-featured-product img {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

/*== Home 6 Categories Products Area End ==*/
/*== Home 6 Products Area Start ==*/
#products-area-wrapper .products-wrapper {
    overflow: hidden;
}

#products-area-wrapper .products-wrapper .single-product-item {
    padding-bottom: 150px;
}

#products-area-wrapper .products-wrapper .owl-carousel .owl-nav button {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
}

/*== Home 6 Categories Products Area End ==*/
/*== Sidebar Area Start ==*/
/*#sidebar-area-wrap {
    margin-top: -31px;
    background: #fff;
    padding: 10px;
    border: 1px solid #eee;
}*/

#sidebar-area-wrap .single-sidebar-wrap {
    margin-top: 0px;
}

#sidebar-area-wrap .single-sidebar-wrap .sidebar-title {
    text-transform: capitalize;
font-family: 'Roboto', sans-serif;
font-size: 17px;
line-height: 1.5;
border-left: 3px solid #FEAC01;
margin-bottom: 16px;
padding-bottom: 0;
color: #3C368C;
font-weight: normal;
padding-left: 10px;
}

.shopping-option h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 400;
    color: #929292;
    margin-bottom: 15px;
}

.shopping-option .shopping-option-item {
    margin-bottom: 25px;
    border: 1px solid #ddd;
    padding: 10px;
}

.shopping-option .shopping-option-item:last-child {
    margin-bottom: 0;
}

.shopping-option .shopping-option-item h4 {
    font-size: 1.5rem;
    line-height: 1.5;
    text-transform: uppercase;
    color: #6c6c6c;
    margin-bottom: 10px;
}

.color-option-select .color-item {
    background-color: #929292;
    display: block;
    cursor: pointer;
    margin-right: 10px;
    height: 20px;
    width: 35px;
    position: relative;
}
.color-option-select li{margin-right: 20px;}

.color-option-select .color-item:hover .color-hvr {
    animation: fadeIn 0.5s 1;
    display: block;
}

.color-option-select .color-item:last-child {
    margin-right: 0;
}

.color-option-select .color-item.black {
    background-color: #000;
}

.color-option-select .color-item.black .color-hvr .color-fill {
    background-color: #000;
}

.color-option-select .color-item.orange {
    background-color: #f5740a;
}

.color-option-select .color-item.orange .color-hvr .color-fill {
    background-color: #f5740a;
}

.color-option-select .color-item.yellow {
    background-color: #f4ca49;
}

.color-option-select .color-item.yellow .color-hvr .color-fill {
    background-color: #f4ca49;
}

.color-option-select .color-item.green {
    background-color: #1dd983;
}

.color-option-select .color-item.green .color-hvr .color-fill {
    background-color: #1dd983;
}

.color-option-select .color-item.red {
    background-color: #f00;
}

.color-option-select .color-item.red .color-hvr .color-fill {
    background-color: #f00;
}
.color-option-select .color-item.blue {
    background-color: #3C368C;
}

.color-option-select .color-item.blue .color-hvr .color-fill {
    background-color: #3C368C;
}

.color-option-select .color-item .color-hvr {
    background-color: #fff;
    border: 1px solid #d2d2d2;
    padding: 5px;
    position: absolute;
    bottom: calc(100% + 5px);
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: none;
    z-index: 3;
}

.color-option-select .color-item .color-hvr .color-fill {
    background-color: red;
    display: block;
    height: 100px;
    width: 100px;
}

.color-option-select .color-item .color-hvr .color-name {
    text-transform: capitalize;
    text-align: center;
    display: block;
    font-weight: 700;
    font-size: 1.2rem;
    color: #000;
    margin-top: 5px;
}

.sidebar-search form {
    position: relative;
}

.sidebar-search form input[type='search'] {
    width: 100%;
    border: 2px solid #c5c5c5;
    padding: 15px 60px 15px 15px;
    outline: none;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.sidebar-search form button {
    background-color: transparent;
    border-left: 2px solid #c5c5c5;
    cursor: pointer;
    right: 0;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    height: 100%;
    width: 50px;
}

.sidebar-search form button:hover, .sidebar-search form button:focus {
    background-color: #3C368C;
    border-color: #3C368C;
    color: #fff;
}

.tags {
    margin-top: -3px;
}

.tags li {
    display: inline-block;
}

.tags li a {
    display: block;
    border: 1px solid #c5c5c5;
    padding: 10px 20px;
    margin: 5px 2px;
    color: #727272;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.5;
    text-transform: capitalize;
}

.tags li a:hover {
    background-color: #3C368C;
    border-color: #3C368C;
    color: #fff;
}

.recent-post .single-product-item .product-details span.price {
    margin: 5px 0 0;
}

.recent-post .single-product-item .product-details .btn-add-to-cart {
    padding: 0;
    border: none;
    background-color: transparent;
}

.recent-post .single-product-item .product-details .btn-add-to-cart:hover {
    color: #3C368C;
}

/*== Sidebar Area End ==*/
/*== Shop Page Content Start ==*/
.shop-page-content-wrap .products-settings-option {
    border: 1px solid #dfdfdf;
    padding: 10px 15px;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.shop-page-content-wrap .products-settings-option .show-items {
    font-family: 'Roboto', sans-serif;
    font-size: 1.6rem;
}

/*.shop-page-products-wrap {
    margin: 20px 0 50px;
}*/

.shop-page-products-wrap .products-wrapper.products-gird {
    margin-top: 0;
}

.shop-page-products-wrap .single-product-item {
    margin-bottom: 30px;
}

.product-view {
    margin-right: 20px;
}

.product-view li {
    background-color: #fff;
    font-size: 2rem;
    outline: 1px solid #c5c5c5;
    padding: 3px 10px;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.product-view li.current {
    color: #3C368C;
}

.product-view li .fa-bars {
    padding-top: 1px;
}

.product-sort_by label, .product-per-page label {
    font-weight: 700;
    font-size: 1.3rem;
    margin: 0;
    margin-right: 10px;
}

.product-per-page .nice-select {
    width: 60px;
}

/*== Shop Page Content End ==*/
/*== Single Product Start ==*/
.single-product-page-content .product-details h2 {
    font-size: 2.2rem;
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
.single-product-page-content .product-details h3{color: #52a5c0;}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .single-product-page-content .product-details h2 {
        font-size: 1.6rem;
        line-height: 1.5;
    }
}

.single-product-page-content .product-details h2 a {
    color: #3C368C;
    text-transform: capitalize;
    font-size: 24px;
}

.single-product-page-content .product-details .price {
    color: #202020;
    font-weight: 700;
    font-size: 16px;
    margin: 11px 0 10px;
    display: block;
}
.single-product-page-content .product-details .price strong{font-weight: 500;}

.single-product-page-content .product-details .rating {
    margin-top: 10px;
    color: #f4ca49;
    font-size: 1.5rem;
}

.single-product-page-content .product-details .product-info-stock-sku {
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 12px;
}

.single-product-page-content .product-details .product-info-stock-sku .product-sku-status {
    font-weight: 400;
}

.single-product-page-content .product-details .products-desc {
    font-size: 13px;
    line-height: 28px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.single-product-page-content .product-details .shopping-option-item {
    margin-bottom: 25px;
}

.single-product-page-content .product-details .shopping-option-item h4, .product-info-stock-sku h4{
    font-family: 'Roboto', sans-serif;
    color: #727272;
    margin-bottom: 15px;
    font-size: 1.6rem;
}

.single-product-page-content .product-details .product-quantity .quantity-field {
    margin-right: 20px;
}

.single-product-page-content .product-details .product-quantity .quantity-field label {
    font-family: 'Roboto', sans-serif;
    color: #727272;
    margin-bottom: 15px;
    font-size: 1.6rem;
    font-weight: 500;
    margin-right: 5px;
}

.single-product-page-content .product-details .product-quantity .quantity-field input[type=number] {
    border: 1px solid #d2d2d2;
    text-align: center;
    outline: none;
    font-weight: 700;
    font-size: 1.3rem;
    color: #727272;
    padding: 5px 8px;
    -moz-appearance: textfield;
    width: 80px;
}

.single-product-page-content .product-details .product-quantity .quantity-field input[type=number]:focus {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

.single-product-page-content .product-details .product-quantity .quantity-field input[type=number]::-webkit-inner-spin-button,
.single-product-page-content .product-details .product-quantity .quantity-field input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*.single-product-page-content .product-details .product-btn-group {
    border-top: 1px solid #c5c5c5;
    margin-top: 50px;
    padding-top: 30px;
}*/

.single-product-page-content .product-details .product-btn-group a {
    margin-right: 20px;
}

.single-product-page-content .product-details .product-btn-group a:last-child {
    margin-right: 0;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .single-product-page-content .product-details .product-btn-group a {
        font-size: 1rem;
        line-height: 1.5;
        border-width: 1px;
        padding: 10px;
        margin-right: 10px;
    }
}

.single-product-page-content .product-full-info-reviews {
    margin-top: 50px;
}

.single-product-page-content .product-full-info-reviews nav.nav a {
    background-color: #f2f2f3;
    color: #202020;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.single-product-page-content .product-full-info-reviews nav.nav a:hover, .single-product-page-content .product-full-info-reviews nav.nav a.active {
    background-color: #3C368C;
    color: #fff;
}

.single-product-page-content .product-full-info-reviews .tab-content {
    font-size: 1.5rem;
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #c5c5c5;
    padding: 30px;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .single-product-page-content .product-full-info-reviews .tab-content {
        padding: 20px 15px;
    }
}

.single-product-page-content .product-full-info-reviews .tab-content ul {
    padding-left: 15px;
    line-height: 2;
}

.single-product-page-content .product-full-info-reviews .tab-content ul li {
    list-style: square;
}

/*-- Single Product Ratting --*/
.product-ratting-wrap {
    overflow: hidden;
}

.pro-avg-ratting {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.pro-avg-ratting h4 {
    font-size: 1.8rem;
    margin: 0 0 7px;
    font-family: 'Roboto', sans-serif;
}

.pro-avg-ratting h4 span {
    color: #000;
    font-size: 1.2rem;
}

.pro-avg-ratting > span {
    display: block;
}

.ratting-list {
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.ratting-list .sin-list {
    margin-right: 30px;
}

.ratting-list .sin-list:last-child {
    margin-right: 0;
}

.ratting-list .sin-list i {
    color: #3C368C;
}

.ratting-list .sin-list span {
    color: #666666;
}

.rattings-wrapper {
    margin-bottom: 40px;
    float: left;
    width: 100%;
}

.sin-rattings {
    margin-bottom: 40px;
}

.sin-rattings:last-child {
    margin-bottom: 0;
}

.sin-rattings .ratting-author {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.sin-rattings .ratting-author h3 {
    float: left;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    line-height: 18px;
    margin-right: 15px;
}

.sin-rattings .ratting-author .ratting-star i, .sin-rattings .ratting-author .ratting-star span {
    color: #3C368C;
    font-size: 1.3rem;
    line-height: 1.5;
    float: left;
}

.sin-rattings .ratting-author .ratting-star span {
    margin-left: 5px;
}

.sin-rattings p {
    color: #727272;
    font-size: 14px;
    line-height: 24px;
}

/*-- Ratting Form Wrap --*/
.ratting-form-wrapper {
    float: left;
    width: 100%;
}

.ratting-form-wrapper h3 {
    font-size: 1.8rem;
    line-height: 1.5;
    margin: 0 0 30px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

/*-- Ratting Form --*/
.ratting-form {
    font-family: 'Roboto', sans-serif;
}

.ratting-form h5 {
    float: left;
    font-size: 14px;
    line-height: 18px;
    margin-right: 10px;
    font-family: 'Roboto', sans-serif;
}

.ratting-form .ratting-star i {
    font-size: 14px;
    float: left;
    line-height: 18px;
    display: block;
    margin-right: 3px;
    cursor: pointer;
}

.ratting-form .ratting-star i:last-child {
    margin: 0;
}

.ratting-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: 700;
    color: #202020;
}

.ratting-form input {
    width: 100%;
    background-color: transparent;
    border: 1px solid #dddddd;
    font-size: 13px;
    line-height: 24px;
    padding: 8px 15px;
    color: #666666;
    outline: none;
}

.ratting-form input:focus {
    border-color: #3C368C;
}

.ratting-form input[type="submit"] {
    width: auto;
    padding: 8px 30px;
    border: 2px solid #f2f2f3;
    text-transform: uppercase;
    color: #202020;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    font-weight: 700;
    cursor: pointer;
}

.ratting-form input[type="submit"]:hover {
    border-color: #3C368C;
    background-color: #3C368C;
    color: #fff;
}

.ratting-form textarea {
    width: 100%;
    background-color: transparent;
    border: 1px solid #dddddd;
    font-size: 13px;
    line-height: 24px;
    padding: 8px 15px;
    color: #666666;
    height: 100px;
    outline: none;
    resize: none;
}

.ratting-form textarea:focus {
    border-color: #3C368C;
}

/*== Single Product End ==*/
/*== Login & Register Content Start ==*/
.login-register-wrapper {
    margin-top: -5px;
}

.login-register-wrapper .login-reg-tab-menu {
    -webkit-justify-content: left;
    -moz-justify-content: left;
    -ms-justify-content: left;
    justify-content: left;
    -ms-flex-pack: left;
    padding-left: 20px;
}

.login-register-wrapper .login-reg-tab-menu a {
    font-size: 2.2rem;
    line-height: 1.5;
    font-weight: 700;
    color: #202020;
    font-family: 'Roboto', sans-serif;
    margin-right: 50px;
    position: relative;
}

.login-register-wrapper .login-reg-tab-menu a:after {
    content: '|';
    position: absolute;
    right: -30px;
    top: 50%;
    margin-top: -18px;
    color: #202020;
}

.login-register-wrapper .login-reg-tab-menu a:last-child {
    margin-right: 0;
}

.login-register-wrapper .login-reg-tab-menu a:last-child:after {
    display: none;
}

.login-register-wrapper .login-reg-tab-menu a.active {
    color: #3C368C;
}

.login-reg-form-wrap {
    background-color: #fff;
   /* -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);*/
    padding: 20px;
    margin-top: 15px;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .login-reg-form-wrap {
        padding: 20px;
    }
}

.login-reg-form-wrap form {
    margin-top: -20px;
}

.login-reg-form-wrap form .create-account {
    margin-top: 25px;
}

.single-input-item {
    margin-top: 20px;
}

.single-input-item label {
    color: #202020;
    font-weight: 500;
    text-transform: capitalize;
}

.single-input-item label.required:after {
    content: '*';
    color: #3C368C;
    font-size: 1.5rem;
    margin-left: 3px;
    margin-top: 5px;
}

.single-input-item input, .single-input-item textarea {
    background-color: #f4f5f7;
    border: none;
    padding: 15px 20px;
    outline: none;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    width: 100%;
}

.single-input-item input:active, .single-input-item input:focus, .single-input-item textarea:active, .single-input-item textarea:focus {
    border-color: #3C368C;
    background-color: #fff;
    border: 1px solid #f2f2f2;
}

.single-input-item .forget-pwd {
    color: #3C368C;
    font-size: 1.5rem;
    line-height: 1.5;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .single-input-item .forget-pwd {
        font-size: 1.3rem;
        line-height: 1.5;
    }
}

.single-input-item .nice-select {
    width: 100%;
    padding: 15px 20px;
    background-color: #f4f5f7;
    border: 1px solid #c5c5c5;
}

.single-input-item button {
    cursor: pointer;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    padding: 8px 30px;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-top: 10px;
    border-radius: 50px;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .single-input-item button {
        padding: 10px 30px;
    }
}

fieldset {
    margin-top: 30px;
}

fieldset legend {
    border-bottom: 1px solid #c5c5c5;
    color: #000;
    font-size: 2.4rem;
    line-height: 1.5;
    padding-bottom: 10px;
    text-transform: capitalize;
}

/*== Login & Register Content End ==*/
/*== Compare Page Content Start ==*/
.compare-table .table tbody tr td {
    text-align: center;
    padding: 25px 20px;
    vertical-align: middle;
}

.compare-table .table tbody tr td.first-column {
    min-width: 175px;
    font-size: 1.7rem;
    line-height: 1.5;
    font-weight: 700;
    color: #202020;
    margin: 0;
}

.compare-table .table tbody tr td.product-image-title {
    min-width: 310px;
    vertical-align: bottom;
}

.compare-table .table tbody tr td.product-image-title .image {
    clear: both;
    width: 100%;
    margin-bottom: 15px;
    display: block;
}

.compare-table .table tbody tr td.product-image-title .image img {
    max-width: 100%;
}

.compare-table .table tbody tr td.product-image-title .category {
    float: left;
    clear: both;
    color: #9c1d1d;
    text-transform: capitalize;
    letter-spacing: 0.5px;
}

.compare-table .table tbody tr td.product-image-title .title {
    float: left;
    clear: both;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #727272;
    font-weight: 700;
}

.compare-table .table tbody tr td.product-image-title .title:hover {
    color: #3C368C;
}

.compare-table .table tbody tr td.pro-desc p {
    text-align: left;
    margin: 0;
}

.compare-table .table tbody tr td.pro-price, .compare-table .table tbody tr td.pro-color, .compare-table .table tbody tr td.pro-stock {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700;
    color: #727272;
}

.compare-table .table tbody tr td.pro-remove button {
    border: none;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
    -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;
}

.compare-table .table tbody tr td.pro-remove button:hover {
    color: #3C368C;
}

.compare-table .table tbody tr td.pro-remove button i {
    font-size: 2rem;
    line-height: 1.5;
}

.compare-table .table tbody tr td.pro-ratting i {
    color: #f4ca49;
}

/*== Compare Page Content End ==*/
/*== Cart Page Content Start ==*/
/*-- Cart Table --*/
.cart-table .table {
    margin: 0;
    white-space: nowrap;
}

.cart-table .table thead {
    background-color: #f2f2f2;
}

.cart-table .table thead tr th {
    border-bottom: 0 solid transparent;
    color: #333;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 600;
    padding: 8px 20px;
    text-align: left;
    text-transform: capitalize;
}

.cart-table .table tbody tr td {
    text-align: left;
    padding: 10px 20px;
    vertical-align: middle;
    font-weight: 600;
    color: #202020;
}

.cart-table .table tbody tr td a {
    color: #202020;
}

.cart-table .table tbody tr td a:hover {
    color: #3C368C;
}

.cart-table .table tbody tr td a.btn-add-to-cart:hover {
    color: #fff;
}

.cart-table .table tr .pro-thumbnail, .cart-table .table tr .pro-price, .cart-table .table tr .pro-quantity, .cart-table .table tr .pro-subtotal, .cart-table .table tr .pro-remove {
    width: 90px;
}

.cart-table .table tr .pro-quantity .pro-qty input {
    border: 1px solid #c5c5c5;
    width: 80%;
    font-weight: 600;
    text-align: left;
    padding: 5px 10px;
    outline: none;
}

.cart-table .table tr .pro-quantity .pro-qty input:focus, .cart-table .table tr .pro-quantity .pro-qty input:active {
    border: 1px solid #3C368C;
}

.cart-table .table tr .pro-remove i.fa {
    font-size: 2.2rem;
}

/*-- Cart Update Option --*/
.cart-update-option {
    border: 1px solid #c5c5c5;
    margin-top: 15px;
    padding: 15px 20px;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
}

@media only screen and (min-width: 992px) {
    .cart-update-option {
        margin-top: 0;
        border-top: 0 solid transparent;
    }
}

.cart-update-option .apply-coupon-wrapper {
    width: 55%;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    .cart-update-option .apply-coupon-wrapper {
        width: auto;
    }
}

.cart-update-option .apply-coupon-wrapper form {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    white-space: nowrap;
}

.cart-update-option .apply-coupon-wrapper form input {
    border: 1px solid #929292;
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 8px 15px;
    outline: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    margin-right: 15px;
    width: 100%;
}

.cart-update-option .apply-coupon-wrapper form input:focus, .cart-update-option .apply-coupon-wrapper form input:active {
    border-color: #3C368C;
}

.cart-update-option .apply-coupon-wrapper form button {
    padding: 10px 25px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    cursor: pointer;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .cart-update-option .apply-coupon-wrapper form button {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cart-update-option .apply-coupon-wrapper form button {
        margin-top: 0;
    }
}

.cart-update-option .btn-add-to-cart {
    display: block;
    padding: 10px 25px;
    margin-top: 10px;
    text-align: center;
}

@media only screen and (min-width: 992px) {
    .cart-update-option .btn-add-to-cart {
        display: inline-block;
        margin-top: 0;
    }
}

.cart-update-option .btn-add-to-cart:hover {
    color: #fff;
}

.cart-calculator-wrapper {
    margin-top: 0px;
}

.cart-calculator-wrapper h3 {
    background-color: #3C368C;
    color: #fff;
    font-family: "Lato",Arial,Helvetica,sans-serif;
    font-size: 18px;
    padding: 8px;
    margin-bottom: 0;
    font-weight: normal;
}

.cart-calculator-wrapper .cart-calculate-items {
    font-weight: 700;
}

.cart-calculator-wrapper .cart-calculate-items .table tr td {
    padding: 10px;
}

.cart-calculator-wrapper .cart-calculate-items .table tr td:nth-child(2) {
    color: #000;
    text-align: right;
}

.cart-calculator-wrapper .cart-calculate-items .table tr td.total-amount {
    color: #9c1d1d;
}

.cart-calculator-wrapper .btn-add-to-cart {
    margin-top: 18px;
    display: inline-block;
    padding: 10px 25px;
}

/*== Cart Page Content End ==*/
/*== Checkout Page Content Area ==*/
/* Checkout Login Coupon Accordion Start */
.checkoutaccordion h3 {
    background-color: #f2f2f3;
    border-top: 3px solid #3C368C;
    color: #202020;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400;
    margin: 0 0 30px;
    padding: 15px 20px;
    position: relative;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
}

.checkoutaccordion h3 span {
    color: #3C368C;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    margin-left: 10px;
}

.checkoutaccordion h3 span:hover {
    color: #000;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .checkoutaccordion h3 {
        font-size: 1.4rem;
        line-height: 1.5;
    }
}

.checkoutaccordion .card {
    border: none;
    padding: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.checkoutaccordion .card .card-body {
    border: 1px solid #c5c5c5;
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 20px;
    margin-bottom: 30px;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .checkoutaccordion .card .card-body {
        font-size: 1.4rem;
        line-height: 1.5;
        padding: 10px;
    }
}

.checkoutaccordion .card .card-body .cart-update-option {
    border: none;
    padding: 0;
}

.checkout-billing-details-wrap h2 {
    font-size: 2.6rem;
    line-height: 1.5;
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 15px;
    margin-bottom: 25px;
    margin-top: 15px;
}

.checkout-billing-details-wrap .billing-form-wrap {
    margin-top: -20px;
}

.single-form-row {
    margin-top: 15px;
    display: none;
}

.single-form-row p {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.5;
}

.order-summary-details h2 {
    font-size: 2.6rem;
    line-height: 1.5;
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 15px;
    margin-bottom: 25px;
    margin-top: 15px;
}

.order-summary-table {
    margin-top: 29px;
    margin-bottom: 20px;
    text-align: left !important;
}
.order-summary-table tr th{background: #f9f9f9;}

.order-summary-table .table, .order-summary-table table {
    color: #202020;
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: 1.5;
    white-space: nowrap;
}

.order-summary-table .table tr td, .order-summary-table .table tr th, .order-summary-table table tr td, .order-summary-table table tr th {
    vertical-align: middle;
    padding: 15px 10px;
    border-color: #c5c5c5;
    border-width: 1px;
}

.order-summary-table .table tr td a, .order-summary-table .table tr th a, .order-summary-table table tr td a, .order-summary-table table tr th a {
    color: #000;
}

.order-summary-table .shipping-type {
    text-align: left;
}

.order-summary-table .shipping-type li {
    margin-bottom: 5px;
}

.order-summary-table .shipping-type li:last-child {
    margin-bottom: 0;
}

.order-payment-method {
    background-color: #f9f9f9;
    padding: 30px 20px 30px;
    border: 1px solid #eee;
}

.single-payment-method {
    margin-bottom: 20px;
}

.single-payment-method:last-child {
    margin-bottom: 0;
}

.single-payment-method:first-child .payment-method-details {
    display: block;
}

.single-payment-method label, .single-payment-method .custom-control-label {
    font-weight: 500;
}

.single-payment-method .paypal-card {
    max-width: 150px;
    height: 50px;
    margin-top: 10px;
    display: block;
}

.single-payment-method .payment-method-details {
    background-color: #c5c5c5;
    color: #202020;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1.5;
    padding: 10px;
    position: relative;
    margin-top: 20px;
    display: none;
}

.single-payment-method .payment-method-details:after {
    content: '';
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #c5c5c5;
    bottom: 100%;
}

.single-payment-method .payment-method-details * {
    margin: 0;
}

.summary-footer-area .btn-add-to-cart {
    display: inline-block;
    margin-top: 25px;
    padding: 8px 25px;
    font-size: 14px;
    line-height: 1.5;
}

/*== Blog Page Content Start ==*/
.blog-content-wrap {
    margin-top: -33px;
}

#blog-area {
    padding: 90px 0 85px;
}

.single-blog-wrap {
    text-align: center;
    margin-top: 33px;
}

.single-blog-wrap .blog-thumb {
    position: relative;
    max-height: 300px;
    overflow: hidden;
}

.single-blog-wrap .blog-thumb:hover .blog-icon {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.single-blog-wrap .blog-thumb:hover:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.single-blog-wrap .blog-thumb:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.single-blog-wrap .blog-thumb:after {
    background-color: rgba(32, 32, 32, 0.5);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    pointer-events: none;
}

.single-blog-wrap .blog-thumb img {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    width: 100%;
}

.single-blog-wrap .blog-thumb .blog-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -12px;
    font-size: 2.8rem;
    line-height: 1.5;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    z-index: 1;
}

.single-blog-wrap .blog-thumb .blog-icon a {
    color: #fff;
}

.single-blog-wrap .blog-details {
    margin-top: 25px;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .single-blog-wrap .blog-details {
        margin-top: 15px;
    }
}

.single-blog-wrap .blog-details h3 {
    font-size: 1.6rem;
    line-height: 1.5;
    text-transform: capitalize;
}

.single-blog-wrap .blog-details h3 a {
    color: #202020;
}

.single-blog-wrap .blog-details h3 a:hover {
    color: #3C368C;
}

.single-blog-wrap .blog-details .post-date {
    font-size: 1.1rem;
    line-height: 1.5;
    font-weight: 700;
    font-style: italic;
    display: block;
    padding-bottom: 15px;
    margin-bottom: 28px;
    margin-top: 13px;
    position: relative;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .single-blog-wrap .blog-details .post-date {
        margin-top: 8px;
        margin-bottom: 10px;
        padding-bottom: 15px;
    }
}

.single-blog-wrap .blog-details .post-date:after {
    background-color: #3C368C;
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: 0;
    width: 40px;
    height: 2px;
}

.single-blog-wrap .blog-details .btn-long-arrow {
    margin-top: 18px;
}

.single-blog-wrap .blog-details p {
    font-family: 'Roboto', sans-serif;
    font-style: italic;
}

/*== Blog Page Content End ==*/
/*  Single Blog Page Content Start */
.post-meta {
    margin-top: 20px;
}

.post-meta h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 3.2rem;
    line-height: 1.5;
    margin-bottom: 7px;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .post-meta h2 {
        font-size: 2rem;
        line-height: 1.5;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .post-meta h2 {
        font-size: 2.4rem;
        line-height: 1.5;
    }
}

.post-meta .post-info {
    margin-bottom: 23px;
}

.post-meta .post-info a {
    color: #929292;
    font-weight: 700;
    font-size: 1.3rem;
    margin-right: 30px;
}

.post-meta .post-info a:hover {
    color: #3C368C;
}

.post-meta .post-info a i.fa {
    margin-right: 5px;
}

.post-content p, .post-content blockquote, .post-content img {
    margin-bottom: 25px;
}

.post-footer {
    border-top: 1px solid #f4f5f7;
    border-bottom: 1px solid #f4f5f7;
    padding: 15px 0;
    margin-top: 30px;
}

.post-footer .tags li:first-child a {
    margin-left: 0;
}

.post-footer .tags li a {
    font-size: 1.1rem;
    line-height: 1.5;
    padding: 8px 10px;
    margin: 0 5px;
}

.post-share a {
    display: inline-block;
    border: 1px solid #acacac;
    color: #727272;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 1.3rem;
    line-height: 1.5;
    line-height: 35px;
    text-align: center;
    margin-left: 10px;
    height: 35px;
    width: 35px;
}

.post-share a:hover {
    background-color: #3C368C;
    border-color: #3C368C;
    color: #fff;
}

/* Comment Area Start */
.comment-single-item {
    margin-top: 50px;
}

.comment-single-item h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 2.8rem;
    line-height: 1.5;
    margin-bottom: 25px;
}

.single-comment {
    background-color: #f4f5f7;
    padding: 30px;
    margin-bottom: 30px;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .single-comment {
        padding: 15px;
    }
}

.single-comment:last-child {
    margin-bottom: 0;
}

.single-comment.reply {
    margin-left: 80px;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .single-comment.reply {
        margin-left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-comment.reply {
        margin-left: 30px;
    }
}

.single-comment .comment-author {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    height: 100px;
    width: 100px;
    -webkit-box-flex: 0 0 100px;
    -moz-box-flex: 0 0 100px;
    -webkit-flex: 0 0 100px;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    margin-right: 20px;
}

.single-comment .comment-info {
    font-size: 1.5rem;
    line-height: 1.5;
}

.single-comment .comment-info h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 0;
}

.single-comment .comment-info .btn-add-to-cart {
    padding: 5px 13px;
    border-width: 1px;
}

.single-comment .comment-info .btn-add-to-cart i.fa {
    margin-right: 5px;
}

.single-comment .comment-info .comment-date {
    color: #727272;
    font-weight: 700;
    font-size: 1.2rem;
    margin-bottom: 15px;
    display: block;
}

/*  Single Blog Page Content End */
/*== My Account Page Start ==*/
.myaccount-tab-menu {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.myaccount-tab-menu a {
    border: 1px solid #c5c5c5;
    border-bottom: none;
    color: #727272;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.5;
    display: block;
    padding: 15px;
    text-transform: uppercase;
}

.myaccount-tab-menu a:last-child {
    border-bottom: 1px solid #c5c5c5;
}

.myaccount-tab-menu a:hover, .myaccount-tab-menu a.active {
    background-color: #3C368C;
    color: #fff;
}

.myaccount-tab-menu a i.fa {
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
    width: 25px;
}

.myaccount-content {
    font-size: 1.6rem;
    line-height: 1.5;
    border: 1px solid #c5c5c5;
    padding: 30px;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .myaccount-content {
        padding: 20px 15px;
    }
}

.myaccount-content h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 2.2rem;
    line-height: 1.5;
    border-bottom: 1px dashed #c5c5c5;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

.myaccount-content .welcome a {
    color: #000;
}

.myaccount-content .welcome a:hover {
    color: #3C368C;
}

.myaccount-table {
    white-space: nowrap;
    font-size: 1.5rem;
    line-height: 1.5;
}

.myaccount-table table th, .myaccount-table .table th {
    color: #202020;
    padding: 10px;
}

.myaccount-table table td, .myaccount-table .table td {
    padding: 20px 10px;
}

.myaccount-table table .btn-add-to-cart, .myaccount-table .table .btn-add-to-cart {
    border-width: 1px;
}

.saved-message {
    background-color: #f4f5f7;
    border-top: 3px solid #3C368C;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.5;
    color: #202020;
    padding: 20px;
}

/*== My Account Page End ==*/
/*== Contact Page Content Start ==*/
.contact-method-wrap {
    margin-top: -30px;
}

.contact-method-wrap .contact-method-item {
    margin-top: 30px;
}

.contact-method-wrap .contact-method-item:hover .method-icon:before {
    animation: ripple 1s infinite;
}

.contact-method-wrap .contact-method-item .method-icon {
    background-color: #3C368C;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 3rem;
    line-height: 80px;
    color: #fff;
    display: block;
    text-align: center;
    margin: auto;
    margin-bottom: 25px;
    position: relative;
    height: 80px;
    width: 80px;
}

.contact-method-wrap .contact-method-item .method-icon:before {
    background-color: #3C368C;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    display: block;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.contact-method-wrap .contact-method-item .method-info {
    font-size: 1.5rem;
    line-height: 1.5;
}

.contact-method-wrap .contact-method-item .method-info h3 {
    color: #202020;
    text-transform: uppercase;
    font-size: 1.6rem;
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 10px;
}

.contact-method-wrap .contact-method-item .method-info a {
    color: #727272;
    display: block;
}

@keyframes ripple {
    0%, 35% {
        transform: scale(0);
        opacity: 1;
    }
    50% {
        transform: scale(1.2);
        opacity: 0.8;
    }
    100% {
        opacity: 0;
        transform: scale(2);
    }
}

@-webkit-keyframes ripple {
    0%, 35% {
        transform: scale(0);
        opacity: 1;
    }
    50% {
        transform: scale(1.2);
        opacity: 0.8;
    }
    100% {
        opacity: 0;
        transform: scale(2);
    }
}

.contact-form-wrap {
    margin-top: 60px;
}

.contact-form-wrap h2 {
    text-transform: uppercase;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 3.2rem;
    line-height: 1.5;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .contact-form-wrap h2 {
        font-size: 2.2rem;
        line-height: 1.5;
    }
}

.contact-form-wrap .alert {
    margin-bottom: 0;
    margin-top: 15px;
    text-align: center;
}

.contact-form-wrap .btn-add-to-cart {
    margin-top: 15px;
}

/*== Contact Page Content End ==*/
/*== 404 Error Page Start ==*/
.error-page-content-wrap {
    font-size: 1.6rem;
    line-height: 1.5;
}

.error-page-content-wrap h2 {
    font-size: 10rem;
    font-family: 'Roboto', sans-serif;
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
    animation: swing 0.5s 0.5s forwards;
    margin-top: -24px;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .error-page-content-wrap h2 {
        font-size: 8rem;
        line-height: 1.5;
    }
}

.error-page-content-wrap h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 3.2rem;
    line-height: 1.5;
    color: #3C368C;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .error-page-content-wrap h3 {
        font-size: 2rem;
        line-height: 1.5;
    }
}

.error-page-content-wrap .btn-add-to-cart {
    display: inline-block;
    padding: 20px 40px;
    margin-top: 30px;
}

/*== Footer Area Start ==*/
.callto-action-wrapper {
    background-color: #f9f9f9;
    padding: 6px;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
   .callto-action-wrapper {
    padding: 10px 20px 5px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .callto-action-wrapper {
        padding: 20px 15px 0;
    }
}

.callto-action-wrapper .col-lg-3:last-child .single-callto-action {
    border-right: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .callto-action-wrapper .col-lg-3:nth-child(2n+2) .single-callto-action {
        border-right: none;
    }
}

.single-callto-action {
    font-style: normal;
    font-family: 'Roboto', sans-serif;
    padding: 9px 0px;
    align-items: center;
    margin-bottom: 0px;
    font-weight: normal;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .single-callto-action {
        border: none;
    }
}

.single-callto-action * {
    margin: 0;
}

.single-callto-action .callto-thumb {
    margin-right: 15px;
}

.single-callto-action h2 {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
    font-style: normal;
    margin-bottom: 5px;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .single-callto-action h2 {
        font-size: 14px;
        line-height: 1.5;
    }

}

.followup-wrapper {
    /*background-image: url("../images/footer/footer-bg.jpg");*/
    /*background-image: url("../images/innerbg/bg2.jpg");*/
    background: #111;
    background-size: cover;
    background-position: center center;
    padding: 25px 15px 0px 15px;
    background-attachment: fixed;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .followup-wrapper {
        padding: 30px 15px;
    }
}

.follow-content-wrap {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    line-height: 1.5;
    color: #f4f5f7;
    font-weight: normal;
}

.follow-content-wrap .logo {
    margin-bottom: 20px;
    display: inline-block;
}

.follow-content-wrap p {
    margin: 0;
    color: #fff;
    text-align: justify;
    font-size: 13px;
    font-weight: 500;
}

.footer-social-icons {
    margin: 15px 0;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .footer-social-icons {
        margin: 20px 0;
    }
}

.footer-social-icons a {
    font-size: 1.5rem;
    line-height: 32px;
    display: inline-block;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    margin-right: 15px;
    height: 35px;
    width: 35px;
}

.footer-social-icons a:last-child {
    margin-right: 0;
}

.footer-social-icons a:hover {
    background-color: #3C368C;
    border-color: #3C368C;
}

@media only screen and (min-width: 320px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .footer-social-icons a {
        font-size: 1.4rem;
        line-height: 35px;
        margin-right: 10px;
        height: 35px;
        width: 35px;
    }
    .slicknav_menu .slicknav_btn {
        left: 360px !important;
        float: right;
    }
    .logo-area h2{font-size: 18px;}
    .logo-area img{max-width: 95px;}
    #banner-area #banner-carousel .single-carousel-wrap .banner-caption h2{
        text-shadow: none; background: #feac01;display: inline;color: #fff;padding: 0px 10px;
    }
    .readmorebtn{margin-top: 10px;}
    .combobox{padding: 0px 20px;}
    .copyright-area .copyright-text, .footerright{text-align: center !important;}
    .terms, .delievery-partner img {padding: 0px 25px;}
    .innerright .page-title-content h2{font-size: 20px !important;}
}

.image-gallery-wrapper .gallery-item {
    overflow: hidden;
}

.image-gallery-wrapper .gallery-item:hover img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.image-gallery-wrapper .gallery-item img {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.copyright-area {
    padding: 15px 0;
    background: #1a1919;
}

.copyright-area .copyright-text {
    font-style: italic;
    font-family: 'Roboto', sans-serif;
}

.copyright-area .copyright-text * {
    margin: 0;
    color: #fff;
    font-style: normal;
}

/*== Footer Area End ==*/


.youmight h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #333;
    font-size: 19px;
}
.sizes ul{}
.sizes ul li {
    display: inline;
    padding: 5px 14px;
    border: 1px solid #ddd;
    margin-right: 10px;
}
.sizes ul li:hover{background: #3C368C; color: #fff;}
.price del {
    color: #999;
    margin-left: 10px;
}
.light-font {
    font-weight: 300;
}
.product-details h2 a span{font-weight: bold; color: #3C368C;}
.mtb-10{margin: 10px 0px !important;}
.product-quantity .btn-add-to-cart{margin-right: 20px;}
.shopping-option-item h4{float: left; margin-right: 20px;}
.loginright img{width: 100%;}
.min-height{height: 200px;}
.product-btn-group{padding-top: 10px;}
.orderconfrm img{max-width: 80px !important;}

/********** Empty Cart Style **************/
.emptycart{text-align: center;}
.emptycart img{width: 100%; max-width: 150px;}
.emptycart h2{padding: 20px;}
.emptycart p{}
.emptycart p a{}

/***** Banner ******/
.shopbtn{display:inline;text-align: center;}
.shopbtn a{color: #fff; text-align: center; text-transform: uppercase; background: #feac01;padding: 8px 15px;margin: 0px auto;display: inline-grid;height: 35px;border-radius: 5px;}
.shopbtn a:hover{background: #3C368C;}
/*#007bff*/


/**** Image Zoom ****/
  #fancybox-thumbs {
    position: fixed;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 8050;
}

#fancybox-thumbs.bottom {
    bottom: 2px;
}

#fancybox-thumbs.top {
    top: 2px;
}

#fancybox-thumbs ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

#fancybox-thumbs ul li {
    float: left;
    padding: 1px;
    opacity: 0.5;
}

#fancybox-thumbs ul li.active {
    opacity: 0.75;
    padding: 0;
    border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
    opacity: 1;
}

#fancybox-thumbs ul li a {
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #222;
    background: #111;
    outline: none;
}

#fancybox-thumbs ul li img {
    display: block;
    position: relative;
    border: 0;
    padding: 0;
    max-width: none;
}
    

div#gallery_pdp {
    margin: 5px;
    width: 100px;
    float: left;
}

.gallery-viewer {
    float: left;
    width: 470px;
    max-width: 100%;
    margin: 10px;
    margin-top: 5%;
}

.zoomLens {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o- user-select: none;
    user-select: none;
}

.zoomContainer .zoomLens {
    background: url("../images/zoom-icon.png");
    background-repeat: no-repeat;
}

.zoomContainer {
    cursor: url("../images/zoom-icon.png"), auto
}

.magnifylens {
    cursor: url("../images/zoom-icon.png"), auto!important;
}

.demagnifylens {
    cursor: url("../images/zoom-in-icon.png"), auto!important;
}

#enlarge_gallery_pdp {
    display: none;
}


/*fancybox*/

.pdp_enl_opt .fancybox-nav span {
    visibility: visible!important;
}

.pdp_enl_opt .fancybox-skin {
    background: transparent
}

.pdp_enl_opt .fancybox-opened .fancybox-skin {
    box-shadow: none;
}

.pdp_enl_opt .fancybox-nav, .pdp_enl_opt .fancybox-close {
    display: none;
}

.enl_fclose {
    background-position: center;
    background: url(../images/fclose.png) no-repeat center;
    right: 2%;
    top: 5%;
    box-shadow: none;
    border: none;
    width: 30px;
    height: 30px;
    background-size: contain;
    position: fixed;
    z-index: 111;
}

.enl_fright {
    background-position: center;
    background: url(../images/fright.png) no-repeat;
    top: 50%;
    right: 2%;
    box-shadow: none;
    border: none;
    width: 40px;
    height: 40px;
    background-size: contain;
    position: fixed;
    z-index: 111;
}

.enl_fleft {
    background: url(../images/fleft.png) no-repeat;
    top: 50%;
    left: 2%;
    box-shadow: none;
    border: none;
    width: 40px;
    height: 40px;
    background-size: contain;
    position: fixed;
    z-index: 111;
}

.fancybox-inner .enl_butt {
    z-index: 10000;
}

.pdp_enl_opt .fancybox-skin, .pdp_enl_opt .fancybox-wrap {
    background: transparent!important;
    box-shadow: none!important;
}

a.enl_but:hover {
    transform: scale(1.10) !important;
    transition: transform .25s !important;
}

.pdp_enl_opt .fancybox-image {
    max-width: 95%!important;
    margin: 0 auto;
}

img.fancybox-image {
    cursor: url("../images/zoom-icon.png"), auto;
}

#panic {
    cursor: url("../images/zoom-in-icon.png"), auto;
}


/* PDP Zoom End */


/* panning css */

.img-pan-container, .img-pan-container img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.img-pan-container {
    position: fixed;
    overflow: hidden;
    cursor: crosshair;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.img-pan-container img {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    position: absolute;
    top: 0;
    left: 0;
}


}
.mega_enl img {
    opacity: 0;
    transition: opacity .6s linear .85s;
}
.mega_enl img.loaded {
    opacity: 1;
}

/*mega enlarge */
.mega_enl {
    display: none
}
.mega_enl {
    position: relative;
    margin: 3%;
    width: 40%;
    height: 60%;
    box-shadow: 0 0 60px rgba(0, 0, 0, .4);
    background: #000;
}

/* version 2.1*/
.owl-item img {
    width: 100%;
}
#fancy_gall .owl-next, #fancy_gall .owl-prev {
    display: none;
}
a#ui-carousel-next {
    display: none;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 13px;
    left: 43%;
    background-image: url(../images/arrowdown.png);
    background-size: 70%;
    background-repeat: no-repeat;
}
a#ui-carousel-prev {
    display: none;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 43%;
    background-image: url(../images/arrowup.png);
    background-size: 70%;
    background-repeat: no-repeat;
}
.gallery_pdp_container {
    position: relative;
    float: left;
    padding: 25px 0;
}
.wrapper a img {
    border: 1px solid #ddd;
    width: 100%;
    padding: 5px;
}
/*.product-details {
    float: right;
    padding: 15px;
    WIDTH: 50%;
}*/
 
    /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url(fancybox_sprite.png);
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url(fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url(blank.gif);
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: visible !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: rgba(0, 0, 0, 0.5);
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url(https://fancyapps.com/fancybox/source/fancybox_sprite.png);
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }

  #fancybox-loading div {
    background-image: url(https://fancyapps.com/fancybox/source/fancybox_loading@2x.gif);
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}
.gallery-viewer {
    margin-top: 30px !important;
    margin-bottom: 0 !important;
    border: 1px solid #ddd;
}
.gallery-viewer img{width: 100% !important;}
#featured-products-wrapper{background: #f9f9f9;}
.footerright p{color: #fff; margin-bottom: 0px;}
.footerright p a{color: #FEAC01}
.footerright p a:hover{color: #fff;}



.readmorebtn .button {
    display: inline-block;
    padding: 5px 2.25rem;
    border-radius: 10rem;
    color: #fff;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.readmorebtn .button:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3c368c;
  border-radius: 10rem;
  z-index: -2;
}
.readmorebtn .button:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #FEAC01;
  transition: all 0.3s;
  border-radius: 10rem;
  z-index: -1;
}
.readmorebtn .button:hover {
  color: #fff;
}
.readmorebtn .button:hover:before {
  width: 100%;
}


/******** About Inner style ********/
.ourteam{background: #f9f9f9 !important;}
.teamy {
 position: relative;
 z-index: 1;
 overflow: hidden;
 box-shadow: 1px 2px 3px #ddd;
}
.teamy_layout {
 position: relative;
}
.teamy_preview {
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 20px;
    /*box-shadow: 1px 2px 3px #ddd;*/
}
.teamy_avatar {
 display: block;
 max-width: 100%;
 position: relative;
 z-index: 1;
}
.teamy_preview:before {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 z-index: 2;
}
.teamy_back {
 width: 100%;
 /* height: 100%;*/
 box-sizing: border-box;
 opacity: 0;
 will-change: opacity;
 display: flex;
 flex-direction: column;
 justify-content: center;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 3;
}
.teamy:hover .teamy_back {
 opacity: 1;
 height: 100%;
 transition: opacity .4s cubic-bezier(0.71, 0.05, 0.29, 0.9) .2s;
}
.teamy_name {
 margin-top: 0;
 margin-bottom: 0;
}
.teamy_post {
 display: block;
}
/*
 * 2. visual styles
 */

/* common styles for visual styles */

.teamy_back {
 padding-left: 10px;
 padding-right: 10px;
 text-align: center;
}
.teamy_content {
    padding: 0px 15px 15px;
    background: #fff;
    border-bottom: 2px solid #FEAC01;
}
.teamy_name {
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #3c368c;
}
.teamy_post {
 margin-top: .5em;
 font-size: 14px;
 text-transform: capitalize;
 color: #6f6f6f;
}
/* style 1 */

.teamy_style1 {
 text-align: center;
}
.teamy_style3 .teamy_name {
 font-size: 2em;
}
/*
 * 3. masks
 */

/* mask circle */

.teamy_mask-circle .teamy_preview:before {
 width: 0;
 height: 0;
 padding: 25%;
 border-radius: 50%;
 transition: transform .3s ease, opacity .3s ease-out;
 will-change: opacity, transform;
 opacity: 0;
 transform: translate(-50%, -50%) scale(0);
}
.teamy_mask-circle:hover .teamy_preview:before {
 opacity: 1;
 transform: translate(-50%, -50%) scale(4);
 transition-duration: .6s;
}
/* mask triangle */

.teamy_mask-triangle .teamy_preview:before {
 width: 100%;
 height: 100%;
 opacity: 0;
 -webkit-clip-path: polygon(50% 10%, 15% 90%, 85% 90%);
 clip-path: polygon(50% 10%, 15% 90%, 85% 90%);
 transition-property: transform, opacity;
 transition-duration: .2s, .4s;
 transition-delay: .4s, 0s;
 transition-timing-function: ease-out;
 will-change: transform, opacity;
 transform: translate(-50%, -50%) scale(1);
}
.teamy_mask-triangle:hover .teamy_preview:before {
 opacity: 1;
 transform: translate(-50%, -50%) scale(5);
 transition-delay: .1s, 0s;
 transition-duration: .4s;
}
/*
 * 4. animations for preview
 */

/* zoom */

.teamy_zoom-photo .teamy_avatar {
 transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9);
 will-change: transform;
 transform: scale(1);
}
.teamy_zoom-photo:hover .teamy_avatar {
 transform: scale(1.2);
}
/* zoom and rotate */

.teamy_zoom-rotate-photo .teamy_avatar {
 transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9);
 will-change: transform;
 transform: scale(1) rotate(0);
}
.teamy_zoom-rotate-photo:hover .teamy_avatar {
 transform: scale(1.2) rotate(5deg);
}
/* zoom and slide */

.teamy_zoom-slide-photo .teamy_avatar {
 transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9);
 will-change: transform;
 transform: scale(1) translate(0, 0);
}
.teamy_zoom-slide-photo:hover .teamy_avatar {
 transform: scale(1.2) translate(4%, 4%);
}

/*
 * 5. default skin
 */

@media screen and (max-width: 360px) {
.melnik909 {
 display: none;
}
}
/* layout */

.section:nth-of-type(even) {
 background-color: var(--colorGray);
}
.section_header {
 position: relative;
 padding-bottom: 2rem;
 text-align: center;
 text-transform: capitalize;
}
.section_header:before {
 content: "";
 width: 5rem;
 height: 3px;
 background-color: var(--colorAlternative);
 position: absolute;
 bottom: 0;
 left: 50%;
 transform: translateX(-50%);
}
.section_title {
 font-size: 2.4rem;
}
.section_title span {
 color: #007efa;
}
.section_hint {
 font-size: 1.4rem;
 display: block;
 margin-top: 0rem;
}
.section_content {
 display: flex;
 flex-wrap: wrap;
 align-items: flex-start;
}

@media screen and (min-width: 641px) {
.section {
 padding-top: 3rem;
 padding-bottom: 3rem;
}
.section_header {
 margin-bottom: 1rem;
}
.section_content {
 justify-content: center;
}
}

@media screen and (max-width: 640px) {
.section {
 padding-top: 4rem;
 padding-bottom: 4rem;
}
.section_header {
 margin-bottom: 3rem;
}
}
/* demo params */

.teamy_preview:before {
 background-color: rgba(254, 187, 46, 0.8);
}
.teamy_style2 .teamy_content {
 background-color: var(--demoColorContent, rgba(72, 27, 174, .85));
}
/* social buttons */

.social {
 box-sizing: border-box;
 width: 35px;
 height: 35px;
 padding: 6px;
 /* background-color: #fff;*/
 color: #fff;
 border-radius: 100%;
 margin: 0px;
 position: relative;
 display: inline-block;
 vertical-align: middle;
}
.social:hover {
 box-sizing: border-box;
 background-color: #fff;
}
.social_icon {
 width: 100%;
 height: 100%;
 fill: rgba(72, 27, 174, 1);
 fill: var(--demoColorIcon, rgba(72, 27, 174, 1));
}
.social_name {
 position: absolute;
 left: -9999px;
}
/* grid */

.teamy-team {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}

@media screen and (max-width: 424px) {
.teamy {
 width: 100%;
}
.teamy:not(:first-child) {
 margin-top: 3rem;
}
}
.teamy_back-inner a i{font-size: 16px;}

/*=============== team ===============*/

.visionsection .say-hello-thumb {
    background: #3C368C;
    border: none !important;
    height: 50px !important;
    width: 50px !important;
    line-height: 58px !important;
    border-radius: 15px 15px 15px 0px !important;
    box-shadow: 0px 13px 16px -14px rgb(23, 19, 10);
}
.visionsection .say-hello-thumb i{font-size: 25px; color: #fff;}
.visionsection h2{font-size: 20px;}
.visionsection p{line-height: 25px; padding-right: 20px;}
.innerright .page-title-content h2 {
    font-size: 25px;
    color: #fff;
    background: #3c368c;
    display: inline;
    padding: 4px 20px;
    border-left: 3px solid #feac01;
}

/******* Gallery **********/
#image-gallery .modal-footer{
  display: block;
}
.gallerinner{background: none !important;}

.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}
.gallerinner button{font-size: 15px;}
.gallerinner .btn-primary{background: #feac01}

/******* Combo Pack ********/
.combobox {
    border: 1px solid #ddd;
    border-radius: 59px;
    background: #f9f9f9;
    padding-top: 50px;
    padding-bottom: 10px;
}

/********* Custom Css ***********/
.headertop {
    background: #3C368C;
    padding: 0px 0px;
}
.headertop ul{}
.headertop ul li{color: #fff; font-family: 'Roboto', sans-serif; padding: 6px 0px;}
.headertop ul li a{color: #fff; font-size: 13px;}
.headertopright{}
.headertopright ul{float: right;}
.headertopright ul li{display: inline-block; padding: 6px 15px;}
.headertopright ul li a{color: #fff;}
.headertopright ul li{background: #feac01; color: #fff;}
.headertopright ul li:hover a{color: #fff;}
.logo-area h2 span{color: #FEAC01;}
.banneradd{margin-top: 20px;}
.advertisementimg img {width: 100%; max-width: 315px; height: 400px; overflow: hidden;}
.container {max-width: 1265px; width: 100%;}
.brdrigt{ border-right: 1px dashed #d2d2d2;}
.footerbox h2 {
    color: #FEAC01;
    font-style: normal;
    padding-bottom: 10px;
    border-bottom: 1px solid #333;
    font-family: "Roboto",sans-serif;
    font-weight: normal;
    font-size: 18px;
}
.footerbox .footer-social-icons a{text-align: center;}
.footerbox ul{}
.footerbox ul li{font-style: normal; font-weight: 500; line-height: 30px; color: #bdbcbc;}
.footerbox ul li a {color: #fff; font-weight: normal; font-size: 14px;}
.footerbox ul li a:hover{color: #FEAC01; margin-left: 6px;}
.footerbox ul li i{padding-right: 5px;}
.footer-followup-area{margin-top: 20px;}
.footer-callto-action{padding-top: 30px;}
.divider {
    background: #FEAC01;
    height: 4px;
    width: 50px;
    margin: 0px auto;
    border-radius: 10px;
}
.advertbanner a, .advertisementimg a{overflow: hidden; display: inline-block;}
.advertbanner img, .advertisementimg img{
    width: 100%; 
    transition: all .5s ease-out 0s;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;

}
.p-5 {
    padding: 5rem !important;
}
.advertbanner img:hover, .advertisementimg img:hover{transform: scale(1.05);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
-moz-transform: scale(1.05);
transition: all .5s ease-in-out 0s;}

/******* Contact Us *******/
.section-title {
    position: relative;
}
.section-title p {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 400;
}
.section-title h4 {
    font-size: 40px;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    padding-bottom: 20px;
    display: inline-block;
}
.section-title h4::before {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #d8d8d8;
    bottom: 0;
    left: 50%;
    margin-left: -40px;
}
.section-title h4::after {
    position: absolute;
    content: "";
    width: 50px;
    height: 2px;
    background-color: #FF7200;
    left: 0;
    bottom: 0;
    left: 50%;
    margin-left: -25px;
}
.contact {
    background-image: url("http://infinityflamesoft.com/html/abal-preview/assets/img/contact_back.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
    z-index: 2;
    color: #fff;
}
.contact-form input, textarea {
    width: 100%;
    border: none;
    padding: 10px 10px;
    text-transform: capitalize;
    margin-top: 15px;
    background-color: #f1f3f7;
    color: #666;
    font-size: 13px;
}
.contact:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: -1;
    opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}
.single-contact {
    text-align: left;
    position: relative;
    padding-left: 70px;
    margin-bottom: 25px;
    margin-top: 10px;
    border-bottom: 1px solid #ddd;
}
.single-contact i.fa {
    position: absolute;
    left: 0;
    top: 28%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: #3C368C;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 15px 15px 0px 15px;
    box-shadow: 0px 13px 16px -14px rgb(23, 19, 10);
    font-weight: 400;
}
.single-contact h5 {
    font-size: 17px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #feac01;
}
.single-contact p {
    font-size: 14px;
    font-weight: 400;
    color: #888;
}
.single-contact p a{color: #333;}
.contact-form input[type="submit"] {
    background-color: #FEAC01;
    border: 0px;
    cursor: pointer;
    font-size: 16px;
    -webkit-transition: .4s;
    transition: .4s
}
.contact-form input[type="submit"]:hover {
    background-color: #3C368C;
}
.contact-form input:focus, textarea:focus {
    border-color: #3C368C;
}
.submitbtn {
    width: auto !important;
    float: left;
    color: #fff !important;
    font-size: 14px !important;
}
.youmight .divider{float: left;}
.mini-cart-body .product-thumb a img{width: 60px;}

.mt-10{margin-top: 10px;}
.terms p{color: #333; font-weight: normal; font-size: 15px;width: 100%;}
.terms p b{color: #3C368C;}
.terms ul {padding-left: 15px; padding-bottom: 15px;}
.terms ul li{color: #333; font-weight: normal; font-size: 15px; list-style: square;}
.delievery-partner img{margin: 0px auto;}