/*-----------------------------------------------------------------------------------

  Template Name: Uniqlo-Minimalist eCommerce HTML5 Template.

  Template URI: #

  Description: Uniqlo is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.

  Author: HasTech

  Author URI: https://themeforest.net/user/hastech/portfolio

  Version: 1.1





-----------------------------------------------------------------------------------

  

  CSS INDEX

  ===================



  01. Google fonts

  02. Scroll To Top

  03. Product Area

  04. Log In Register Area

  05. Bradcaump Area

  06. Quickview Area

  07. New Product Area

  08. Best Product Area

  09. Blog Area

  10. Feature Product Area

  11. Popular Product Area

  12. Load More Area

  13. Newsletter Area

  14. Choose Us Area

  15. Team Area

  16. Testimonial Area

  17. Our Brand Area

  18. Our Shop Area

  19. Our Shop Sidebar

  20. Our Contact Area

  21. Our Product Details Area

  22. Wrapper Sidebar

  23. Our Blog Details

  24. Shop Details Area

  25. Our Wishlist Area

  26. Our Cart Area

  27. Our Checkout Page

  28. Banner Area







-----------------------------------------------------------------------------------*/







/*----------------------------------------*/

/*  1. Google fonts

/*----------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600,700&display=swap');

@import url('https://fonts.googleapis.com/css?family=Yantramanav:400,500,700,900&display=swap');

/*

    font-family: 'Poppins', sans-serif;

    font-family: 'Dosis', sans-serif;

*/



/*---------------------------------------

  02. Scroll To Top

----------------------------------------*/

.menu-extra li a span.he-text {
    display: none;
}

ul.product__price li,
.add-to-card a {
    font-family: 'Yantramanav', sans-serif;
}


#scrollUp {
    /* border: 3px solid rgba(0, 0, 0, 0.1); */
    border-radius: 100%;
    bottom: 15px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: #fff;
    font-size: 20px;
    height: 35px;
    line-height: 46px;
    position: fixed;
    right: 15px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 35px;
    z-index: 200;
}

section.glass-products h1 {
    display: none;
}

button:focus,
input:focus {

    outline: none;

}

button {

    cursor: pointer;

}

@-webkit-keyframes scroll-ani-to-top {

    0% {

        opacity: 0;

        bottom: 0;

    }

    50% {

        opacity: 1;

        bottom: 50%;

    }

    100% {

        opacity: 0;

        bottom: 75%;

    }

}

@keyframes scroll-ani-to-top {

    0% {

        opacity: 0;

        bottom: 0;

    }

    50% {

        opacity: 1;

        bottom: 50%;

    }

    100% {

        opacity: 0;

        bottom: 75%;

    }

}

#scrollUp:hover i {

    -webkit-animation: 800ms linear 0s normal none infinite running scroll-ani-to-top;

    animation: 800ms linear 0s normal none infinite running scroll-ani-to-top;

    height: 100%;

    left: 0;

    margin-bottom: -15px;

    position: absolute;

    width: 100%;

    bottom: 0;

}

#scrollUp i {

    color: #fff;

    font-size: 36px;

}

#scrollUp {

    background: #cfcecc none repeat scroll 0 0;

}

/*---------------------------------------

  End Scroll To Top

----------------------------------------*/



/*---------------------------------------

  03. Product Area

----------------------------------------*/





.pro__thumb a {

    display: block;

}

.product {
    margin-top: 30px;
    overflow: hidden;
    padding: 20px;
}

.product__inner {

    position: relative;
}

.item ul#colordtslist li a img {
    width: 30px;
}

.item .add-to-card a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 24px;
    display: inline-block;
    text-decoration: underline;
}

.testimonials .item {
    border: 1px solid #f4f4f4;
    padding: 20px;
}

/*.product.foo:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f8f8f8;
    z-index: -1;
}*/
.item .pro__thumb a img {
    width: 100%;
    height: auto;
}

.item .pro__thumb a {
    ;
    height: 146px;
}

.pro__thumb a {
    width: 100%;
    height: 120px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product:hover {
    margin-top: 30px;
    overflow: hidden;
    /*    padding: 20px;*/
    box-shadow: 0px 0px 22px #f1f1f1;
    background: #fff;
}

.product {
    border: 1px solid #f4f4f4;
}

.product:hover .product__details h2 {
    color: #ff503c;
}

.product__action {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 36px;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    line-height: 44px;

    margin: auto;

    position: relative;

    width: 106px;

    z-index: 2;

}

.product__action::before {

    background: #fff none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0.85;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}

.product__action li a span {

    color: #666666;

    font-size: 20px;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

.product__action li:first-child::before {

    background: #666666 none repeat scroll 0 0;

    content: "";

    height: 24px;

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 1px;

}

.product__action li {

    position: relative;

    width: 50%;

}

.product__action li a span:hover {

    color: #fd3f0f;

}

.product:hover .product__hover__info {

    opacity: 1;

    top: 50%;

}

.product__hover__info {

    left: 50%;

    position: absolute;

    text-align: center;

    top: 60%;

    -webkit-transform: translateY(-50%) translateX(-50%);

    transform: translateY(-50%) translateX(-50%);

    width: 100%;

    z-index: 2;

    opacity: 0;

    -webkit-transition: 0.6s;

    transition: 0.6s;

}

.add__to__wishlist {

    bottom: 12px;

    position: absolute;

    right: 12px;

}

.add__to__wishlist a span {

    color: #000000;

    font-size: 14px;

    -webkit-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

}

.add__to__wishlist a span:hover {

    color: #ff4136;

}

ul.product__price,
ul#colordtslist {
    display: block;
    text-align: center;
    margin: 0;
}

ul.product__price li,
ul#colordtslist li {
    display: inline-block;
}

.product__details h2 {
    padding: 6px 0 0;
    color: #444444;
    text-align: center;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    text-transform: uppercase;

}

.product__details {

    padding-top: 27px;

}

.product__price {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 9px;

}

.product__price li {

    color: #ff4136;

    font-size: 18px;

}

.product__price li.new__price {

    padding-left: 12px;

}

.product__price li.old__price {

    color: #9c9b9b;

    text-decoration: line-through;

}

.product__menu {

    text-align: center;

}

.product__menu button {

    background: transparent none repeat scroll 0 0;

    border: 0 none;

    color: #666666;

    font-size: 17px;

    font-weight: 500;

    line-height: 20px;

    padding: 0 20px;

    text-transform: uppercase;

    -webkit-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

}

.product__filter--7 .product__menu button:first-child {

    padding-left: 0;

}

.product__filter--7 .product__menu button:last-child {

    padding-right: 0;

}

.product__menu button:hover {

    color: #ff4136;

}

.product__menu button.is-checked {

    color: #ff4136;

}

/*------------------------------

  04. Log In Register Area

--------------------------------*/



.single__tabs__panel.tab-pane:not(.active) {

    display: none;

}

.login__register__menu {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin: 0 auto 51px;

    max-width: 370px;

}

.login__register__menu li a {

    color: #000000;

    font-size: 36px;

    -webkit-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

}

.login__register__menu li {

    padding: 0 20px;

}

.login__register__menu li a.active {

    color: #ff4136;

}

.login__register__menu li a:hover {

    color: #ff4136;

}

.htc__login__register__wrap {

    margin: 0 auto;

    max-width: 370px;

}

.login input {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    border-color: currentcolor currentcolor #8e8e8e;

    -o-border-image: none;

    border-image: none;

    border-style: none none solid;

    border-width: 0 0 1px;

    color: #686868;

    font-size: 16px;

    height: 40px;

    line-height: 40px;

    padding: 0 15px;

    width: 100%;

    background: transparent;

}

.login input + input {

    margin-bottom: 20px;

    margin-top: 40px;

}

.tabs__checkbox span.forget a {

    float: right;

    color: #ff4136;

    font-size: 12px;

}

.tabs__checkbox label {

    bottom: 2px;

    color: #999;

    font-size: 15px;

    padding-left: 9px;

    position: relative;

    text-transform: capitalize;

    font-weight: normal;

    cursor: pointer;

}

.tabs__checkbox {

    margin-bottom: 20px;

}

.tabs__checkbox span {

    color: #686868;

    text-transform: capitalize;

    padding-left: 5px;

}

.htc__login__btn a {

    border: 1px solid #d5d5d5;

    display: inline-block;

    font-size: 20px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    text-transform: capitalize;

    -webkit-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    width: 150px;

    color: #4b4b4b;

    text-transform: uppercase;

}

.htc__login__btn {

    text-align: center;

}

.login input:last-child {

    margin-top: 14px;

}

.htc__social__connect h2 {

    color: #000;

    font-size: 16px;

    margin-bottom: 25px;

    margin-top: 50px;

    text-transform: capitalize;

    font-weight: 500;

}

.htc__soaial__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.htc__soaial__list li a {

    display: block;

    height: 35px;

    line-height: 35px;

    text-align: center;

    -webkit-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    width: 35px;

}

.user__meta__inner .htc__soaial__list {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}

.htc__soaial__list li a i {

    color: #fff;

    font-size: 16px;

}

.htc__social__connect {

    text-align: center;

}

.htc__soaial__list li + li {

    margin-left: 10px;

}

.login input::-moz-placeholder {

    color: #686868 !important;

    font-size: 16px !important;

}

.htc__login__btn a:hover {

    background: #ff4136;

    color: #fff;

    border: 1px solid #ff4136;

}

/*------------------------------

  05. Bradcaump Area

--------------------------------*/



.ht__bradcaump__wrap {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: auto;

}

.bradcaump-title {

    color: #343434;

    font-size: 36px;

    font-weight: 400;

    line-height: 30px;

    text-transform: capitalize;

}

.breadcrumb-item {

    color: #888888;

    font-size: 12px;

    text-transform: capitalize;

}

.breadcrumb-item.active {

    color: #888888;

    font-size: 12px;

    text-transform: capitalize;

}

.brd-separetor {
    color: #888888;
    padding: 0 5px;

}

.bradcaump-inner {
    text-align: center;
    padding: 20px 0;
    background: #e8f0f6;
}

/*------------------------------

  06. Quickview Area

--------------------------------*/



#quickview-wrapper {

    position: relative;

    z-index: 9956748;

}

.modal-dialog.modal__container {

    max-width: 1170px;

}

.modal-product {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-top: 20px;

}

.product-images {

    min-width: 50%;

    padding-right: 50px;

}

.product-info h1 {

    font-size: 20px;

    margin-bottom: 10px;

    text-transform: capitalize;

}

.rating__and__review {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 15px;

}

.rating {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-right: 13px;

}

.rating li span {

    color: #ff4136;

}

.rating li + li {

    margin-left: 3px;

}

.review a {

    color: #999;

}

.s-price-box span.new-price {

    color: #ff4136;

    font-size: 23px;

    margin-right: 5px;

}

.s-price-box span.old-price {

    color: #999;

    font-size: 15px;

    text-decoration: line-through;

}

.product-info {

    padding-left: 50px;

    width: 50%;

}

.quick-desc {
    color: #999;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 83%;
}

.select__color {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.color__list {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-left: 30px;

}

.color__list li + li {

    margin-left: 7px;

}

/*ul.color__list li.active a:before {
    content: "";
    width: 34px;
    height: 34px;
    border: 2px solid #ccc;
    position: absolute;
    left: 13px;
    top: 12px;
    border-radius: 100%;
    background: transparent;
    z-index: -1;
    transform: translate(-50%, -50%);
    }

ul.color__list li.active a {
    position: relative;
    width: 35px;
    height: 35px;
}*/

ul.color__list li.active a:before {
    content: "✓";
    z-index: 99;
    transform: scale(1);
    position: absolute;
    left: 50%;
    top: 56%;
    transform: translate(-50%, -50%);
    color: #fff;
}

ul.color__list li a {
    position: relative;
    cursor: pointer;
}

ul.color__list li.active a img {
    padding: 2px;
    border: 2px solid #3daac7;
    border-radius: 100%;
}

ul.color__list li a img {
    border-radius: 100%;
    height: 30px;
    width: 30px;
    padding: 2px;
}

.select__size {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.color__list li.gold a {

    background: #cc9900 none repeat scroll 0 0;

}

.color__list li.orange a {

    background: #cc6600 none repeat scroll 0 0;

}

.select__color ul.color__list li a {

    text-indent: 999px;

}

.select__color h2 {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    font-size: 16px;

    text-transform: capitalize;

}

.select__size h2 {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    font-size: 16px;

    text-transform: capitalize;

}

.select__size {

    margin-bottom: 25px;

    margin-top: 25px;

}

.select__size ul.color__list li a {

    background: #f1f1f1 none repeat scroll 0 0;

    color: #999;

}

.widget.widget_socialsharing_widget {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.social-icons {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-left: 30px;

}

h3.widget-title-modal {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    font-size: 16px;

    text-transform: capitalize;

}

.social-icons li a {

    border-radius: 100%;

    color: #999;

    display: block;

    line-height: 30px;

    text-align: center;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

.social-icons li + li {

    margin-left: 30px;

}

.social-icons li a i {

    font-size: 23px;

}

.social-icons li a:hover {

    color: #ff4136;

}

.asdf {
    padding-top: 66px
}

.addtocart-btn {

    margin-top: 0px;

    text-align: center;

}

.popup-bottom {
    width: 58%;
}

.addtocart-btn a {

    background: #333 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    width: 100%;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;

}

.addtocart-btn a:hover {

    background: #ff4136 none repeat scroll 0 0;

    color: #fff;

}

/*------------------------------

  07. New Product Area

--------------------------------*/





.new__product {

    position: relative;

}

.new__product__details {

    left: 30px;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}

.new__product__thumb a img {

    width: 100%;

}

.new__product__details h2 {

    font-size: 22px;

    text-transform: capitalize;

}



.new__product__btn {

    margin-top: 8px;

    text-align: center;

}

.new__product.text__align--left .new__product__details {

    left: 60px;

}

.new__product.text__align--left .new__product__btn {

    text-align: left;

}

/*------------------------------

  08. Best Product Area

--------------------------------*/







.best__product__thumb a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.best__product__inner {

    position: relative;

    z-index: 2;

}

.bst__pro__hover__info {

    border: 7px solid #f3f3f3;

    height: 100%;

    opacity: 0;

    position: absolute;

    text-align: center;

    top: 0;

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: center top 0;

    transform-origin: center top 0;

    -webkit-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    width: 100%;

}

.bst__pro__action {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background: #fff none repeat scroll 0 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 38px;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    margin: auto;

    width: 160px;

}

.bst__pro__hover__info h2 {

    color: #444;

    font-size: 14px;

    font-weight: 500;

    text-transform: capitalize;

}

.bst__pro__hover__info span.bst__pro__prize {

    color: #636363;

    display: inline-block;

    font-size: 16px;

    margin-bottom: 23px;

    margin-top: 7px;

}

.bst__pro__hover__info::before {

    background: #dbdbdb none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0.81;

    position: absolute;

    top: 0;

    -webkit-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    width: 100%;

    z-index: -1;

}

.bst__pro__action li {

    position: relative;

    width: 33.33%;

}

.bst__pro__action li a {

    display: block;

}

.bst__pro__action li + li::before {

    background: #666666 none repeat scroll 0 0;

    content: "";

    height: 75%;

    left: 0;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 1px;

}

.bst__pro__action li a span {

    color: #666666;

    font-size: 17px;

    height: 38px;

    line-height: 38px;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

.bst__pro__action li a:hover span {

    color: #ff4e43;

}

.bst__pro__hover__action {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 100%;

}

.best__product:hover .bst__pro__hover__info {

    opacity: 1;

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

}

.best__product__thumb a img {

    width: 100%;

}

.best__product {

    margin-top: 30px;

}

.section__title .title__line {

    color: #303030;

    font-size: 30px;

    line-height: 30px;

}

/*------------------------------

  09. Blog Area

--------------------------------*/





.blog__thumb a img {

    width: 100%;

}

.blog__inner {

    position: relative;

}

.blog__hover__info {

    bottom: 0;

    left: 0;

    opacity: 0;

    padding: 30px 20px;

    position: absolute;

    -webkit-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

}

.blog__thumb {

    position: relative;

}

.blog__post__time {

    left: 20px;

    opacity: 0;

    position: absolute;

    top: 20px;

    -webkit-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

}

.blog:hover .blog__post__time {

    opacity: 1;

}

.blog__post__time {

    background: #fff none repeat scroll 0 0;

    height: 65px;

    padding: 5px;

    text-align: center;

    width: 65px;

}

.blog__post__time span.date {

    display: block;

    font-size: 20px;

    font-weight: 500;

}

.blog__post__time span.month {

    color: #303030;

    font-size: 14px;

    text-transform: capitalize;

}

.bl__meta {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 7px;

}

.bl__meta li {

    font-size: 12px;

    font-weight: 500;

    position: relative;

}

.bl__meta li + li {

    margin-left: 10px;

    padding-left: 10px;

}

.bl__meta li + li::before {

    background: #000 none repeat scroll 0 0;

    content: "";

    height: 10px;

    left: 0;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 1px;

}

.blog__hover__action p.blog__des {

    font-size: 16px;

    font-weight: 500;

    line-height: 28px;

    margin-bottom: 7px;

}

.read__more__btn {

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    -webkit-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

}

.blog:hover .blog__hover__info {

    opacity: 1;

}

.post__time--inner {

    border: 1px solid #f3f3f3;

    padding-top: 3px;

    padding-bottom: 2px;

}

.blog--page .blog {

    margin-top: 30px
}

.blog--page {

    margin-top: -30px;

}

/*--------------------------

    Blog Style 2

----------------------------*/

.blog--2 .blog__post__time {

    background: #f2f2f2 none repeat scroll 0 0;

}

.blog--2 .post__time--inner {

    border: 1px solid #fff;

}

.blog--2 .blog__post__time {

    margin-bottom: 176px;

}

/*------------------------------

  10. Feature Product Area

--------------------------------*/





.feature__thumb a {

    display: block;

}

.feature__thumb a img {

    width: 100%;

}

.feature {

    position: relative;

}

.feature__details {

    bottom: 40px;

    left: 40px;

    position: absolute;

}

.feature__details h4 {

    color: #000;

    font-size: 22px;

    text-transform: capitalize;

}

.feature__btn {

    margin-top: 7px;

}

.feature__thumb--2 a img {

    min-height: 306px;

}

.feature.text__pos--top .feature__details {

    top: 40px;

}

/*------------------------------

  11. Popular Product Area

--------------------------------*/



.product__details span.popular__pro__prize {

    color: #9c9b9b;

    display: inline-block;

    font-size: 16px;

    margin-top: 11px;

}

.section__title.section__title--2 p {

    color: #666666;

    font-size: 15px;

    line-height: 26px;

    margin: 27px auto auto;

    width: 40%;

}

.popular__product__wrap .product {

    margin-top: 60px;

}

.popular__product__wrap .col-lg-4 {

    width: 100%;

}

.popular__product__wrap {

    position: relative;

}

.popular__product__wrap.owl-carousel .owl-nav div {

    background: #9999 none repeat scroll 0 0;

    border-radius: 100%;

    color: #f5f6f8;

    height: 30px;

    left: -30px;

    line-height: 42px;

    margin: 0;

    padding: 0;

    position: absolute;

    text-align: center;

    top: 50%;

    width: 30px;

}

.popular__product__wrap.owl-carousel .owl-nav div.owl-next {

    left: auto;

    position: absolute;

    right: -30px;

}

.popular__product__wrap.owl-carousel .owl-nav div i {

    color: #fff;

    font-size: 27px;

}

.popular__product__wrap.owl-theme .owl-nav [class*="owl-"]:hover {

    background: #444 none repeat scroll 0 0;

}

.wrap__box__style--1 {

    padding-right: 60px;

    padding-bottom: 60px;

    padding-left: 60px;

    background: #fff;

}

.custop__container {

    padding-left: 45px;

    padding-right: 45px;

    padding-top: 100px;

}

/*---------------------------------

    Popular Product Style 2

----------------------------------*/



.popular__product--2 .popular__product__container .product__action::before,
.product__style--7 .product__action::before {

    background: #f6f7f9 none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    opacity: 1;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}

.popular__product--2 .product__action li,
.product__style--7 .product__action li {

    text-align: center;

}

.popular__product__hover__info,
.product__style--7 .popular__product__hover__info {

    opacity: 0;

    position: absolute;

    top: 0;

    right: 20px;

    -webkit-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

}

.popular__product--2 .product:hover .popular__product__hover__info,
.product__style--7 .product:hover .popular__product__hover__info {

    opacity: 1;

    right: 0;

}

.popular__product__container .single__pro {

    padding: 0 15px;

    width: 20%;

    float: left;

    overflow: hidden;

}

.popular__product__container {

    margin-right: -15px;

    margin-left: -15px;

}

.popular__product--2 .product {

    margin-top: 30px;

}

.popular__product--2 .product__details {

    bottom: 20px;

    left: 26px;

    padding: 0;

    position: absolute;

}

.popular__product--2 .product,
.product__style--7 .product {

    position: relative;

}

.popular__product--2 .product__details span.popular__pro__prize {

    margin-top: 8px;

}

.popular__product--2 .product__menu {

    text-align: left;

    margin-left: -15px;

    margin-right: -15px;

}

.pro__thumb a img {

    width: 100%;

}

.popular__product--2 .product__action li:first-child::before,
.product__style--7 .product__action li:first-child::before {

    display: none;

}

.popular__product--2 .product__action li a span,
.product__style--7 .product__action li a span {

    font-size: 16px;

}

.variation_product .product__details {

    text-align: left;

}

/*---------------------------------

    Popular Product Style 3

----------------------------------*/







.popular__product--2 .product__menu {

    text-align: center;

}

.popular__product__container {

    margin-left: 0;

    margin-right: 0;

}

.popular__product--2 .product__action::before {

    background: #fff none repeat scroll 0 0;

    opacity: 0.85;

}

/*---------------------------------

    Popular Product Style 4

----------------------------------*/



.popular__product--4 .product__action {

    display: block;

    height: 100px;

    line-height: 29px;

    width: 40px;

}

.popular__product--4 .product__action li {

    width: 100%;

}

.popular__product--4 .product:hover .popular__product__hover__info {

    right: 30px;

    top: 20px;

}

.popular__product--4 .popular__product__hover__info {

    right: 0;

    top: 0;

}

.popular__product--4 .product__action li {

    height: 50%;

    line-height: 58px;

    width: 100%;

}

.popular__product--4 .product__action li + li::before {

    background: #666666 none repeat scroll 0 0;

    content: "";

    height: 1px;

    left: 0;

    margin: auto;

    position: absolute;

    right: 0;

    top: 0;

    width: 61%;

}

.popular__product--4 .product__action li a span {

    font-size: 20px;

}

.popular__product--4 .product__details {

    opacity: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    bottom: -50px;

}

.popular__product--4 .product:hover .product__details {

    opacity: 1;

    bottom: 20px;

}

.popular__product--4 .product__action {

    padding: 0;

}

.popular__product--4 .pro__thumb a img {

    width: auto;

}

.popular__product--4 .pro__thumb {

    text-align: center;

}

/*---------------------------------

    Popular Product Style 6

----------------------------------*/



.wrap__box__style--2 {

    background: #fff none repeat scroll 0 0;

    padding-bottom: 100px;

    padding-left: 160px;

    padding-right: 160px;

}

.custop__container--2 {

    padding-left: 0;

    padding-right: 0;

    padding-top: 0;

}

.popular__product--6 .product {

    margin-top: 4px;

}

.popular__product--6 .product__list div[class*="col-"] {

    padding-right: 2px;

    padding-left: 2px;

    float: left;

}

.popular__product--6 .product__list {

    margin-left: -2px;

    margin-right: -2px;

}

.popular__product--6 .product__action li:first-child::before {

    display: none;

}

.popular__product--6 .popular__product__hover__info {

    position: absolute;

    right: 40px;

    top: -60px;

    -webkit-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    opacity: 0;

}

.popular__product--6 .product__action li + li {

    margin-left: 5px;

}

.popular__product--6 .product__action {

    width: auto;

}

.popular__product--6 .product__action li {

    background: #fff none repeat scroll 0 0;

    border-radius: 6px;

    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

    display: inline-block;

    height: 40px;

    line-height: 47px;

    position: relative;

    text-align: center;

    width: 40px;

}

.popular__product--6 .product:hover .popular__product__hover__info {

    top: 40px;

    opacity: 1;

}

.popular__product--6 .product__action::before {

    display: none;

}

.product {

    position: relative;

}

.popular__product--6 .product__details,
.product__style--7 .product__details {

    bottom: -40px;

    left: 40px;

    opacity: 0;

    position: absolute;

    -webkit-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

}

.popular__product--6 .product:hover .product__details,
.product__style--7 .product:hover .product__details {

    bottom: 40px;

    opacity: 1;

}

.popular__product--6 .product {

    margin-top: 4px;

}

/*.popular__product--5*/



.product__style--5 .pro__thumb a {

    position: relative;

    display: block;

}

.product__style--5 .small__display--center {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.popular__product--2 .product {

    margin-top: 60px;

}

.product__style--5 .product__list--5 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

}

.product__menu.product__tab.tab__style--1 {

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.product__menu.product__tab.tab__style--1 li {

    padding: 0 20px;

}

.product__menu.product__tab.tab__style--1 li a {

    font-size: 17px;

    color: #666666;

    font-weight: 500;

    text-transform: uppercase;

    -webkit-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

}

.product__menu.product__tab.tab__style--1 li a.active {

    color: #ff4136;

}

.product__with__filter .popular__product__container {

    margin-left: -15px;

    margin-right: -15px;

}

/*----------------------

product__style--7

---------------------*/

.product__style--7 .product:hover .product__details {

    bottom: 20px;

}

.product__style--7 .product__details {

    bottom: -20px;

    left: 20px;

}

.product__style--7 .product {

    margin-top: 20px;

}

.product__style--7 {

    margin-top: 30px;

}

.htc__loadmore__btn.loadmore__2 a {

    border: 1px solid #666666;

    color: #4b4b4b;

}

/*------------------------------

  12. Load More Area

--------------------------------*/





.htc__loadmore__btn {

    text-align: center;

}

.htc__loadmore__btn a {

    border: 1px solid #eeeeee;

    color: #4b4b4b;

    display: inline-block;

    height: 45px;

    letter-spacing: 1px;

    line-height: 42px;

    padding: 0 44px;

    text-transform: uppercase;

    -webkit-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

}

.htc__loadmore__btn a:hover {

    border: 1px solid #ff4136;

    color: #fff;

    background: #ff4136;

}

/*------------------------------

  13. Newsletter Area

--------------------------------*/





.htc__newsletter__area .newsletter__container {

    padding: 120px 0;

    position: relative;

    text-align: center;

    z-index: 2;

}

.htc__newsletter__area .newsletter__container h4 {

    color: #ffffff;

    font-size: 20px;

    text-transform: capitalize;

}

.htc__newsletter__area .newsletter__container h2 {

    color: #ffffff;

    font-size: 36px;

    letter-spacing: 3px;

    line-height: 30px;

    margin-bottom: 30px;

    margin-top: 22px;

    text-transform: capitalize;

}

.htc__newsletter__area .newsletter__form {

    margin: 0 auto;

    width: 300px;

}

.htc__newsletter__area .input__box input {

    background: transparent none repeat scroll 0 0;

    border-left: 1px solid #fff;

    color: #afafaf;

}

.htc__newsletter__area .input__box input::-moz-placeholder {

    color: #afafaf !important;

}

.htc__newsletter__area .subscribe__btn input.bst__btn {

    background-image: url("images/icons/send-2.png");

    background-position: center center;

    background-repeat: no-repeat;

    background-size: 29% auto;

    position: relative;

    text-indent: -999px;

    z-index: 5;

}

/*------------------------------

  14. Choose Us Area

--------------------------------*/





.store__btn {

    margin-top: 47px;

    text-align: center;

}

.store__btn a {

    border: 1px solid #d5d5d5;

    display: inline-block;

    font-size: 14px;

    height: 45px;

    line-height: 41px;

    padding: 0 40px;

    text-transform: uppercase;

    -webkit-transition: 0.4s;

    transition: 0.4s;

}

.store__btn a:hover {

    background: #ff4136;

    border: 1px solid #ff4136;

    color: #fff;

}

.video__wrap {

    margin-left: -15px;

    margin-right: -15px;

    padding: 220px 0;

}

.htc__choose__wrap {

    margin-left: -15px;

    margin-right: -15px;

}

.video__inner {

    text-align: center;

    position: relative;

}

.video-popup {

    position: relative;

    z-index: 987698;

}

.video__inner a i {

    background: #fff none repeat scroll 0 0;

    border-radius: 100%;

    font-size: 46px;

    height: 60px;

    line-height: 59px;

    padding-left: 4px;

    text-align: center;

    width: 60px;

}

.htc__choose__wrap h2 {

    color: #505050;

    font-size: 30px;

    text-transform: capitalize;

}

.htc__choose__wrap {

    padding: 114px 120px;

}

.choose__container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 38px;

}

.single__chooose {

    margin-top: -40px;

}

.choose__us {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 40px;

}

.choose__icon span {

    color: #505050;

    font-size: 36px;

}

.choose__icon {

    margin-right: 20px;

}

.choose__icon {

    min-width: 37px;

}

.choose__details h4 {

    color: #505050;

    font-size: 22px;

    margin-bottom: 9px;

    text-transform: capitalize;

}

.choose__container .single__chooose + .single__chooose {

    margin-left: 80px;

}

.video__inner {

    position: relative;

    z-index: 1;

}

/*------------------------------

  15. Team Area

--------------------------------*/





.team__thum a {

    display: block;

}

.team__thum a img {

    width: 100%;

}

.team {

    margin-left: -15px;

    margin-right: -15px;

    position: relative;

}

.team__hover__info {

    bottom: 0;

    padding: 30px;

    position: absolute;

    text-align: center;

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    width: 100%;

    z-index: 4;

}

.team__hover__action {

    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;

    padding: 30px 0;

    right: 30px;

    z-index: 2;

}

.team__hover__action h2 {

    color: #fff;

    font-size: 18px;

    margin-bottom: 14px;

    text-transform: capitalize;

}

.team__hover__action .social__icon {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.team__hover__action .social__icon li {

    padding: 0 17px;

}

.team__hover__action .social__icon li a i {

    border: 0 solid transparent;

    border-radius: 100%;

    color: #fff;

    font-size: 14px;

    height: auto;

    line-height: 20px;

    width: auto;

}

.team__hover__action .social__icon li a:hover i {

    background: transparent none repeat scroll 0 0;

    border: 0 solid transparent;

    color: #ff4136;

}

.team:hover .team__hover__info {

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

}

.team__wrap {

    padding-left: 15px;

    padding-right: 15px;

}

.team__thumb a img {

    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */

    filter: grayscale(100%);

    width: 100%
}

.team:hover .team__thumb a img {

    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */

    filter: grayscale(00%);

}

.htc__team__page .team {

    margin-left: 0;

    margin-right: 0;

    margin-top: 30px;

}

.htc__team__page .team__wrap {

    margin-top: -30px;

}

/*------------------------------

  16. Testimonial Area

--------------------------------*/



.testimonial__wrap {

    position: relative;

    text-align: center;

    z-index: 2;

}

.testimonial__thumb {

    margin-bottom: 30px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.testimonial__details p {

    color: #ffffff;

    font-size: 20px;

    line-height: 39px;

    padding: 0 16%;

}

.test__info span {

    color: #ffffff;

    font-size: 21px;

    text-transform: capitalize;

}

.test__info span a {

    color: #fff;

    -webkit-transition: 0.4s;

    transition: 0.4s;

}

.test__info span a:hover {

    color: #ff4136;

}

.test__info {

    margin-top: 20px;

}

.testimonial__wrap.owl-carousel .owl-item img {

    display: block;

    width: auto;

}

/*------------------------------

  17. Our Brand Area

--------------------------------*/





.brand__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}

.brand__list a {

    display: block;

}

/*------------------------------

  18. Our Shop Area

--------------------------------*/



.shop__page .product__menu {

    text-align: left;

}

.shop__page .product__menu button:first-child {

    padding-left: 0;

}

.filter__menu__container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}

.filter__box a {

    color: #666666;

    font-size: 17px;

    text-transform: uppercase;

}

.filter__wrap.filter__menu__on {

    opacity: 1;

    right: calc(0px - 16px);

}

.filter__wrap {

    background: #ffffff none repeat scroll 0 0;

    -webkit-box-shadow: 0 0 85px rgba(0, 0, 0, 0.2);

    box-shadow: 0 0 85px rgba(0, 0, 0, 0.2);

    display: block;

    height: 100vh;

    opacity: 0;

    overflow-y: scroll;

    position: fixed;

    right: -100%;

    top: 0;

    -webkit-transition: all 0.25s ease 0s;

    transition: all 0.25s ease 0s;

    width: 500px;

    z-index: 99999;

}

.filter__cart__inner {

    height: 100%;

    padding: 130px 50px 60px;

}

.filter__menu__close__btn {

    background-color: #fff;

    left: 0;

    padding: 50px 50px 24px;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 10;

}

.fiter__content__inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}

.single__filter {

    margin-top: 50px;

    width: 50%;

}

.filter__content {

    margin-top: -40px;

}

.single__filter h2 {

    font-size: 22px;

    margin-bottom: 13px;

    text-transform: uppercase;

}

.filter__list li span {

    color: #999;

    font-size: 15px;

    text-transform: capitalize;

}

.filter__list li + li {

    padding-top: 5px;

}

.filter__list li a {

    color: #999;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

.filter__list li:hover a,
.filter__menu__close__btn a:hover i {

    color: #ff4136;

}

.filter__menu__close__btn a i {

    color: #999;

    font-size: 36px;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}

.filter__list.sidebar__list li {

    line-height: 24px;

}

/*------------------------------

  19. Our Shop Sidebar

--------------------------------*/





.section-title-4 {

    font-size: 18px;

    margin-bottom: 25px;

    text-transform: uppercase;

}

.htc__shop__cat {

    border-bottom: 1px solid #b7b7b7;

    margin-bottom: 57px;

    padding-bottom: 32px;

}

.htc-grid-range {

    border-bottom: 1px solid #b7b7b7;

    margin-bottom: 60px;

    padding-bottom: 40px;

}

.sidebar__list li {

    color: #575757;

    font-size: 14px;

    font-weight: 300;

    line-height: 34px;

    text-transform: capitalize;

}

.sidebar__list li span {

    float: right;

}

.sidebar__list li i {

    padding-right: 20px;

}

.sidebar__list li.black i {

    color: #000000;

}

.sidebar__list li.blue i {

    color: #0000ff;

}

.sidebar__list li.brown i {

    color: #b2aaaa;

}

.sidebar__list li.red i {

    color: #ff0000;

}

.sidebar__list li.orange i {

    color: #ffba00;

}

.htc__tags {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    font-weight: 300;

    margin-left: -13px;

    margin-right: -13px;

}

.htc__tags li a {

    color: #575757;

    font-size: 14px;

    text-transform: capitalize;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}

.htc__tags li a:hover {

    color: #ff4136;

}

.htc__tags li {

    margin-bottom: 10px;

    padding: 0 13px;

}

.ui-slider-horizontal {

    height: 5px;

    margin-top: 20px;

}

.ui-widget-header {

    background: #b7b7b7 none repeat scroll 0 0;

    border: 1px solid #b7b7b7;

    color: #b7b7b7;

}

.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {

    background: #ddd none repeat scroll 0 0;

    border: 0 none;

    border-radius: 0;

    height: 3px;

    position: relative
}

.ui-slider-range.ui-widget-header.ui-corner-all {

    background: #b7b7b7 none repeat scroll 0 0;

}

.ui-slider-handle.ui-state-default.ui-corner-all {

    background: #fff none repeat scroll 0 0;

    border: 2px solid #b7b7b7;

    border-radius: 100%;

    height: 13px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 13px;

    position: absolute;

    top: 0;

}

.price__output--wrap {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}

.price--output input {

    border: medium none;

}

.price--output > span {

    float: left;

}

.price--filter a {

    font-family: poppins;

    text-transform: uppercase;

}

.price--output > * {

    display: inline-block;

    float: left;

}

.price--output input {

    padding-left: 10px;

    width: 70%;

}

.slider__range--output {

    margin-top: 18px;

}

/*--------------------------

    Shop Right SideBar

----------------------------*/



.producy__view__container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}

.view__mode {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

}

.product__list__option {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

select.select-color {

    border: 0 none;

    color: #606060;

    font-size: 14px;

}

.shp__pro__show {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.shp__pro__show span {

    color: #606060;

    font-size: 14px;

}

.view__mode li a i {

    background: #f3f3f3 none repeat scroll 0 0;

    border: 1px solid #f3f3f3;

    color: #606060;

    font-size: 20px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width: 35px;

}

.view__mode li + li {

    margin-left: 10px;

}

.view__mode li a.active i {

    background: transparent none repeat scroll 0 0;

    border: 1px solid #b7b7b7;

}

.order-single-btn {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.view__mode li a:hover i {

    background: transparent none repeat scroll 0 0;

    border: 1px solid #b7b7b7;

}

.single-grid-view.tab-pane:not(.active) {

    display: none;

}

.single-grid-view .product {

    margin-top: 50px;

}

/*------------------------------

  20. Our Contact Area

--------------------------------*/



#googleMap {

    height: 633px;

    width: 100%;

}

.contact__title {

    color: #666666;

    font-size: 20px;

    margin-bottom: 38px;

    text-transform: uppercase;

}

.contact__address__inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}

.single__contact__address {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.contact__icon {

    margin-right: 20px;

    min-width: 60px;

}

.contact__icon span {

    border: 1px solid #cbcbcb;

    border-radius: 100%;

    color: #393939;

    display: block;

    font-size: 24px;

    height: 60px;

    line-height: 54px;

    text-align: center;

    width: 60px;

}

.contact__address__inner + .contact__address__inner {

    margin-top: 30px;

}

.htc__contact__address {

    margin-bottom: 58px;

}

.contact__details p {

    color: #666666;

    font-size: 18px;

    line-height: 28px;

}

.contact__details p a {

    color: #666;

    -webkit-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

}

.contact__details p a:hover {

    color: #ff4136;

}

.contact-box input {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    border-color: currentcolor currentcolor #c1c1c1;

    -o-border-image: none;

    border-image: none;

    border-style: none none solid;

    border-width: 0 0 1px;

    color: #666666;

    font-size: 12px;

    padding-bottom: 15px;

}

.single-contact-form {

    margin-top: 30px;

}

.contact-box.name {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}

.contact-box.name input {

    margin: 0 15px;

    width: 50%;

}

.contact-box.name {

    margin-left: -15px;

    margin-right: -15px;

}

.contact-box.message textarea {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    background: transparent none repeat scroll 0 0;

    border-color: currentcolor currentcolor #c1c1c1;

    -o-border-image: none;

    border-image: none;

    border-style: none none solid;

    border-width: 0 0 1px;

    min-height: 85px;

    padding: 0;

}

.contact-box.message {

    margin-bottom: 40px;

}

.contact-btn .fv-btn {

    background: transparent none repeat scroll 0 0;

    border: 1px solid #d5d5d5;

    color: #4b4b4b;

    font-size: 14px;

    height: 45px;

    letter-spacing: 2px;

    line-height: 45px;

    padding: 0 70px;

    text-transform: uppercase;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

.contact-btn .fv-btn:hover {

    border: 1px solid #ff4136;

    color: #fff;

    background: #ff4136;

}

.contact-form-wrap > form {

    margin-top: -9px;

}

.contact-box input::-moz-placeholder {

    color: #666666 !important;

}

.contact-box textarea::-moz-placeholder {

    color: #666666 !important;

    opacity: 1;

}

/*-----------------------------------------------

  21. Our Product Details Area

---------------------------------------------------*/

.product__big__images .portfolio-full-image {

    border: 1px solid #ddd;

}

.product__details__container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.product__small__images {

    min-width: 20%;

    padding-right: 10px;

}

.nav.product__small__images {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

}

.product__big__images {

    max-width: 80%;

}

.pot-small-img a {

    display: block;

}

.pot-small-img a img {

    width: 100%;

}

.pot-small-img {

    margin-top: 10px;

}

.product__small__images {

    margin-top: -10px;

}

.product__tab__content:not(.active) {

    display: none;

}

.product__deatils__tab {

    border-bottom: 1px solid #d5d5d5;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.product__deatils__tab li a {

    color: #505050;

    font-size: 20px;

    line-height: 30px;

    padding-bottom: 17px;

    position: relative;

    text-transform: capitalize;

    display: block;

}

.product__deatils__tab li {

    padding: 0 30px;

}

.product__deatils__tab li a::before {

    background: #ff4136 none repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 2px;

    position: absolute;

    -webkit-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    width: 0;

}

.product__deatils__tab li a.active::before {

    width: 100%;

}

.product__deatils__tab li a:hover {

    width: 100%;

}

.title__6 {

    color: #505050;

    font-size: 24px;

    line-height: 30px;

    margin-bottom: 28px;

    text-transform: capitalize;

}

.product__desc p {

    color: #666666;

    font-size: 14px;

    line-height: 26px;

}

.product__desc {

    margin-bottom: 50px;

}

.feature__list li a {

    color: #666666;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

.feature__list li a i {

    padding-right: 10px;

}

.feature__list li + li {

    padding-top: 8px;

}

.feature__list li a:hover {

    color: #ff4136;

}

.pro__review {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.review__thumb {

    margin-right: 30px;

    min-width: 8%;

}

.review__info h4 {

    color: #000;

    font-size: 20px;

    line-height: 16px;

    padding-right: 30px;

    text-transform: uppercase;

}

.review__info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.rating__send {

    margin-left: 24%;

}

.rating__send a {

    background: #999 none repeat scroll 0 0;

    color: #fff;

    display: inline-block;

    font-size: 20px;

    height: 26px;

    line-height: 24px;

    text-align: center;

    -webkit-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

    width: 50px;

}

.rating__send a:hover {

    background: #ff4136 none repeat scroll 0 0;

    color: #fff;

}

.review__info ul.rating li a {}

.review__info ul.rating li i {

    color: #f3c258;

    font-size: 17px;

}

.review__info ul.rating li + li {

    padding-left: 5px;

}

.review__date span {

    color: #999;

    font-size: 14px;

}

.review__details p {

    color: #505050;

    line-height: 26px;

    width: 82%;

}

.pro__review.ans {

    margin-bottom: 50px;

    margin-left: 50px;

    margin-top: 50px;

}

.rating__wrap h2.rating-title {

    font-size: 24px;

    margin-bottom: 12px;

    text-transform: capitalize;

}

.rating__wrap h4.rating-title-2 {

    color: #999;

    font-size: 19px;

    margin-bottom: 10px;

    text-transform: capitalize;

}

.rating__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.rating__list ul.rating li i {

    color: #f3c258;

}

.pro__detl__title h2 {

    color: #444444;

    font-size: 24px;

    font-weight: 400;

    text-transform: capitalize;

}

.pro__dtl__rating {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 11px;

}

.pro__rating {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-right: 20px;

}

.pro__rating li span {

    color: #f3c258;

    font-size: 16px;

}

.pro__rating li + li {

    padding-left: 10px;

}

.pro__dtl__prize {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 26px;

    margin-top: 40px;

}

.pro__dtl__prize li {

    color: #123a54;

    font-size: 30px;

}

.pro__dtl__prize li.old__prize {

    color: #4d4d4d;

    font-size: 16px;

    padding-right: 15px;

    text-decoration: line-through;

}

.pro__dtl__color {
    margin-bottom: 30px;
    display: inline-block;
    width: 70%;
}

.pro__choose__color {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.pro__dtl__size {
    margin-bottom: 10px;
    display: inline-block;
}

ul.pro__choose__size {
    display: inline-block;
    padding-left: 20px;
}

ul.pro__choose__size li {
    display: inline-block;
}

.title__5 {
    display: inline-block;
    color: #666666;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 400;
}

.pro__choose__color li + li {

    margin-left: 13px;

}

.pro__choose__color li i {

    color: #000;

    font-size: 22px;

}

.pro__choose__color li.red i {

    color: #ff5d42;

}

.pro__choose__color li.blue i {

    color: #425dff;

}

.pro__choose__color li.perpal i {

    color: #fd42ff;

}

.pro__choose__color li.yellow i {

    color: #ffd542;

}

.product-action-wrap {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 33px;

}

.prodict-statas {

    padding-right: 20px;

}

.cart-plus-minus {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.cart-plus-minus-box {

    border: 0 none;

    max-width: 82px;

    padding-left: 25px;

    padding-right: 24px;

}

.cart-plus-minus {

    position: relative;

}

.dec.qtybutton {

    color: #666666;

    font-size: 16px;

    left: 0;

    position: absolute;

}

.inc.qtybutton {

    position: absolute;

    right: 17px;

}

.pro__dtl__btn {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.pro__dtl__btn li + li {

    margin-left: 16px;

}

.pro__dtl__btn li a {

    border: 1px solid #d5d5d5;

    display: block;

    font-size: 18px;

    height: 44px;

    line-height: 44px;

    text-align: center;

    width: 44px;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}

.pro__dtl__btn li a:hover {

    background: #ff4136;

    border: 1px solid #ff4136;

    color: #fff;

}

.pro__dtl__btn li.buy__now__btn a {

    color: #4b4b4b;

    font-size: 14px;

    text-transform: uppercase;

    width: 175px;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}

.pro__dtl__btn li.buy__now__btn a:hover {

    color: #fff;

    background: #ff4136;

    border: 1px solid #ff4136;

}

.pro__social__share {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 32px;

}

.pro__soaial__link {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.pro__social__share h2 {

    color: #666666;

    font-size: 18px;

    padding-right: 10px;

}

.pro__soaial__link li + li {

    padding-left: 30px;

}

.pro__soaial__link li a i {

    color: #797979;

    font-size: 14px;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

.pro__soaial__link li a:hover i {

    color: #ff4136;

}

.pro__details p {

    color: #666666;

    font-size: 14px;

    line-height: 26px;

}

.pro__details {

    margin-top: 20px;

}

.pro__choose__size {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.pro__choose__size li + li {

    padding-left: 20px;

}

.pro__choose__size li.active a:after {
    border: 2px solid #000;
    content: "";
    width: 36px;
    height: 36px;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100%;
    transform: translate(-50%, -50%);
}

.pro__choose__size li.active a {
    position: relative;
}

.pro__choose__size li a {
    text-transform: uppercase;
    font-size: 12px;
    background: #ff6c00;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 100%;
    padding: 3px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

.prodict-statas span {

    color: #666666;

    font-size: 18px;

    text-transform: capitalize;

}

/*.review__box {

	margin-top: 35px;

}*/

.review-box.name {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 30px;

    margin-left: -15px;

    margin-right: -15px;

}

.review-box.name input {

    border: 1px solid #999;

    height: 40px;

    margin: 0 15px;

    padding: 0 15px;

    width: 50%;

}

.review-box.message textarea {

    background: transparent none repeat scroll 0 0;

    border: 1px solid #999;

    min-height: 100px;

    padding-left: 20px;

}

.review-btn {

    margin-top: 30px;

}

.review-btn a.fv-btn {

    border: 1px solid #999;

    display: inline-block;

    font-size: 16px;

    height: 40px;

    line-height: 37px;

    padding: 0 28px;

    text-transform: uppercase;

    -webkit-transition: 0.4s;

    transition: 0.4s;

}

.review-btn a.fv-btn:hover {

    border: 1px solid #ff4136;

    background: #ff4136;

    color: #fff;

}

.review-box textarea::-moz-placeholder {

    color: #333 !important;

    opacity: 1 !important;

}

/*-----------------------------------------------

  22. Wrapper Sidebar

---------------------------------------------------*/



.wrapper__sidebar .container-fluid {

    width: 90%;

}

.sidebar--content {

    background: #f2f2f2 none repeat scroll 0 0;

    height: 100vh;

    min-height: 100vh;

    padding-bottom: 160px;

    padding-top: 100px;

    position: fixed;

    text-align: center;

    top: 0;

    width: 445px;

    z-index: 999;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -o-flex-direction: column;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}

.wrapper--content {

    width: calc(100% - 450px);

}

.wrapper__sidebar--left .sidebar--content {

    left: 0;

    margin-right: 5px;

}

.wrapper__sidebar--left .wrapper--content {

    margin-left: 450px;

}

.wrapper__sidebar--right .sidebar--content {

    right: 0;

    margin-left: 5px;

}

.wrapper__sidebar--right .wrapper--content {

    margin-right: 450px;

}

.sidebar--logo {

    padding-bottom: 60px;

}

/* Menu Style */

.wrapper__sidebar .main__menu {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column wrap;

    flex-flow: column wrap;

}

.wrapper__sidebar .main__menu > li {

    padding: 0;

}

.wrapper__sidebar .main__menu > li > a {

    font-weight: 500;

    line-height: 44px;

    text-transform: uppercase;

}

.wrapper__sidebar .main__menu > li:hover > a,
.wrapper__sidebar .main__menu > li.current > a {

    background: #fff none repeat scroll 0 0;

    color: #ff4136;

}

.wrapper__sidebar .sidebar--nav {

    margin-bottom: 50px;

    max-height: 350px;

}

/* Tools */



.wrapper__sidebar .menu-extra {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.wrapper__sidebar .sidebar--tools {

    margin-bottom: 40px;

}

.wrapper__sidebar .sidebar--social__network .social__icon {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.social__icon li:last-child {

    padding-right: 0;

}

@media (min-width: 1170px) and (max-width: 1500px) {

    .wrapper__sidebar .container-fluid {

        width: 95%;

    }

    .wrapper--content {

        width: calc(100% - 350px);

    }

    .wrapper__sidebar--left .wrapper--content {

        margin-left: 350px;

    }

    .wrapper__sidebar--right .wrapper--content {

        margin-right: 350px;

    }

    .sidebar--content {

        width: 345px;

    }

}

@media (min-width: 991px) and (max-width: 1169px) {

    .wrapper__sidebar .container-fluid {

        width: 95%;

    }

    .wrapper--content {

        width: calc(100% - 300px);

    }

    .wrapper__sidebar--left .wrapper--content {

        margin-left: 300px;

    }

    .wrapper__sidebar--right .wrapper--content {

        margin-right: 300px;

    }

    .sidebar--content {

        width: 295px;

    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .wrapper__sidebar .container-fluid {

        width: 100%;

    }

    .wrapper--content {

        width: 100%;

    }

    .wrapper__sidebar--left .wrapper--content {

        margin-left: 253px;

    }

    .wrapper__sidebar--right .wrapper--content {

        margin-right: 0;

    }

    .sidebar--content {

        width: 250px;

    }

    .sidebar--content .newsletter__form {

        display: none;

    }

    .slider--7 .slider__fornt__images {

        display: none;

    }

    .slider--7 .slider__inner h1 {

        font-size: 40px;

        line-height: 55px;

    }

    .slider__full--screen {

        height: 60vh;

    }

    .product__filter--7 .filter__menu__container {

        display: block;

    }

    .product__filter--7 .product__menu {

        text-align: left;

    }

    .product__filter--7 .filter__box {

        margin-top: 20px;

    }
    

}

@media (max-width: 767px) {

    .wrapper__sidebar .container-fluid {

        width: 100%;

    }

    .wrapper--content {

        width: 100%;

    }

    .wrapper__sidebar--left .wrapper--content {

        margin-left: 0;

    }

    .wrapper__sidebar--right .wrapper--content {

        margin-right: 0;

    }

    .sidebar--content {

        width: 0px;

        display: none;

    }

}

/*---------------------------------------

  23. Our Blog Details

----------------------------------------*/

.blog-details-thumb {

    background: #f6f6f6 none repeat scroll 0 0;

    text-align: center;

}

.blog-details-thumb-wrap {

    position: relative;

}

.upcoming-date {

    background: #4c4c4c none repeat scroll 0 0;

    color: #fff;

    font-size: 30px;

    font-weight: 700;

    height: 72px;

    left: 20px;

    line-height: 42px;

    position: absolute;

    text-align: center;

    top: 20px;

    width: 72px;

}

.upcoming-date span {

    color: #fff;

    display: block;

    font-size: 12px;

    font-weight: 400;

    line-height: 12px;

}

.blog-details-top h2 a {

    color: #555555;

    display: block;

    font-size: 14px;

    font-weight: 400;

    margin-top: 30px;

    text-transform: uppercase;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}

.blog-admin-and-comment {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 15px;

    margin-top: 10px;

}

.blog-admin-and-comment p {

    color: #555555;

    font-size: 12px;

    font-weight: 400;

    text-transform: uppercase;

}

.blog-admin-and-comment p a {

    color: #555555;

}

.blog-admin-and-comment p.separator {

    margin: 0 10px;

}

.blog-details-pra p {

    color: #666666;

    line-height: 27px;

}

blockquote {

    border-left: medium none transparent;

    font-size: 16px;

    line-height: 27px;

    margin: 26px 40px 26px 42px;

    padding: 0 0 0 19px;

    position: relative;

}

blockquote::before {

    background: #4c4c4c none repeat scroll 0 0;

    content: "";

    font-size: 30px;

    height: 43px;

    left: 0;

    position: absolute;

    top: 9px;

    width: 2px;

}

.postandshare {

    border-bottom: 1px solid #4c4c4c;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin-top: 21px;

    padding-bottom: 6px;

}

.post p {

    color: #555555;

    font-size: 12px;

    font-weight: 600;

}

.section-title-2 {

    color: #555555;

    display: inline-block;

    font-size: 18px;

    font-weight: 600;

    padding-bottom: 14px;

    position: relative;

    text-transform: uppercase;

}

.section-title-2::before {

    background: #555555 none repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    width: 100%;

}

.single-blog-comment {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 40px;

}

.blog-comment-thumb {

    margin-right: 30px;

}

.blog-comment-thumb img {

    max-width: 63px;

}

.comment-title-date {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin-bottom: 4px;

}

.comment-title-date h2 a {

    font-weight: 600;

    margin: 0;

    font-size: 14px;

}

.reply p {

    color: #555555;

    font-size: 13px;

    font-weight: 400;

    text-transform: uppercase;

}

.single-blog-comment.comment-reply {

    margin-left: 77px;

}

.comment-title-date h2 {

    line-height: 20px;

}

.reply-form-box input[type="text"],
.reply-form-box input[type="email"],
.reply-form-box input[type="password"] {

    background: transparent none repeat scroll 0 0;

    border: 1px solid #c1c1c1;

    border-radius: 0;

    color: #3c3c3c !important;

    font-size: 16px;

    height: 40px;

    line-height: 40px;

    margin-bottom: 30px;

    padding-left: 20px;

    width: 100%;

}

.reply-form-box textarea {

    background: transparent none repeat scroll 0 0;

    border: 1px solid #c1c1c1;

    border-radius: 0;

    color: #3c3c3c;

    font-size: 16px;

    margin-bottom: 50px;

    min-height: 160px;

    padding: 15px 20px 20px;

    resize: none;

    width: 100%;

}

.reply-form-box-inner {

    margin-right: -15px;

    margin-left: -15px;

}

.rfb-single-input {

    float: left;

    padding-left: 15px;

    padding-right: 15px;

    width: 50%;

}

.blog-details-top h2 {

    font-size: 24px;

    padding-top: 16px;

    text-transform: capitalize;

}

.category-search-area input[type="text"],
.category-search-area input[type="email"],
.category-search-area input[type="password"] {

    background: transparent none repeat scroll 0 0;

    border: 1px solid #dcd9d9;

    border-radius: 0;

    color: #3c3c3c !important;

    height: 47px;

    line-height: 47px;

    padding-left: 20px;

    width: 100%;

    padding-right: 80px;

    font-size: 16px;

}

.category-search-area {

    position: relative;

}

.srch-btn {

    background: #4c4c4c none repeat scroll 0 0;

    height: 47px;

    line-height: 47px;

    position: absolute;

    right: 0;

    top: 0;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

.srch-btn:hover {

    background: #ff4136;

}

.srch-btn i {

    color: #fff;

    display: block;

    font-size: 20px;

    line-height: 45px;

    text-align: center;

    width: 70px;

}

.categore-menu li a {

    color: #666666;

    font-size: 13px;

    font-weight: 600;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    text-transform: uppercase;

}

.categore-menu li a:hover {

    color: #ff4136;

}

.categore-menu li a span {

    float: right;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

.categore-menu li a i {

    font-size: 16px;

    margin-right: 10px;

}

.categore-menu {

    margin-top: 17px;

}

.categore-menu li {

    border-bottom: 1px solid #dcd9d9;

    height: 42px;

    line-height: 42px;

}

.categore-menu li a span:hover {

    color: #ff4136;

}

.single-recent-post {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 23px;

}

.recent-thumb {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-right: 20px;

}

.recent-thumb a img {

    max-width: 80px;

}

.recent-post-time {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 5px;

}

.recent-post-time p {

    font-size: 13px;

    font-weight: 400;

    color: #555555;

}

.recent-post-time p.separator {

    margin: 0 10px;

}

.tag-menu {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-left: -5px;

    margin-right: -5px;

    margin-top: 40px;

}

.tag-menu li a {

    border: 1px solid #dcd9d9;

    color: #666666;

    display: inline-block;

    font-size: 11px;

    font-weight: 600;

    height: 36px;

    line-height: 34px;

    padding: 0 21px;

    text-transform: uppercase;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

.tag-menu li {

    margin-bottom: 10px;

    margin-left: 5px;

    margin-right: 5px;

}

.tag-menu li a:hover {

    background: #ff4136;

    border: 1px solid #ff4136;

    color: #fff;

}

.comment-title-date h2 a:hover {

    color: #ff4136;

}

.blog-details-top h2 {

    font-size: 18px;

    padding-top: 37px;

    text-transform: capitalize;

}

.blog-social-icon ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.blog-social-icon ul li + li {

    padding-left: 16px;

}

.blog-social-icon ul li a i {

    color: #555555;

    font-size: 14px;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

.blog-social-icon ul li a:hover i {

    color: #ff4136;

}

.comment-title-date h2 {

    font-size: 45px;

    padding-top: 0;

}

.reply-form-box textarea::-moz-placeholder {

    color: #3c3c3c !important;

    opacity: 1;

}

.reply p a {

    color: #555;

}

.reply p a:hover {

    color: #ff4136;

}

.modal-body {

    padding: 15px 15px 30px;

    position: relative;

}

.pro__item {

    padding: 0 15px;

}

.htc__portfolio__container {

    margin-left: -15px;

    margin-right: -15px;

}

.our-recent-post-wrap {

    margin-top: 33px;

}

.our-blog-tag {

    margin-top: 45px;

}

.blog-details-thumb {

    position: relative;

}

.blog-details-thumb::before {

    background: #000 none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0.3;

    position: absolute;

    top: 0;

    width: 100%;

}

.recent-post-dtl h6 {

    color: #666;

    font-size: 14px;

    font-weight: 400;

    line-height: 22px;

}

.blog__details__btn a.htc__btn {

    border: 1px solid #999;

    display: inline-block;

    font-size: 16px;

    height: 45px;

    letter-spacing: 2px;

    line-height: 43px;

    padding: 0 46px;

    text-transform: uppercase;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.blog__details__btn a.htc__btn:hover {

    background: #ff4136;

    border: 1px solid #ff4136;

    color: #fff;

}

/*-------------------------------------

  24. Shop Details Area

------------------------------------*/



.single__list__content {

    margin-top: 50px;

}

.list__thumb a {

    display: block;

}

.list__thumb a img {

    width: 100%;

}

.list__details__inner h2 {

    font-size: 20px;

    margin-bottom: 12px;

    text-transform: capitalize;

}

.list__details__inner p {

    color: #505050;

    line-height: 26px;

    width: 88%;

}

.list__details__inner span.product__price {

    color: #999;

    font-size: 18px;

    margin-bottom: 10px;

    margin-top: 8px;

}

.shop__btn a.htc__btn {

    border: 1px solid #999;

    display: inline-block;

    font-size: 16px;

    height: 40px;

    line-height: 40px;

    padding: 0 30px;

    text-transform: capitalize;

    -webkit-transition: 0.4s;

    transition: 0.4s;

}

.shop__btn a.htc__btn:hover {

    background: #ff4136;

    border: 1px solid #ff4136;

    color: #fff;

}

.shop__btn a.htc__btn span {

    font-size: 17px;

    padding-right: 5px;

}

.htc__shop__left__sidebar .htc__shop__cat:last-child {

    border-bottom: 0 solid transparent;

}

.order-single-btn select {

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -o-appearance: none;

    background: rgba(0, 0, 0, 0) url("images/icons/select-option.png") no-repeat scroll 83% 8px / 14px 9px;

    padding-right: 50px;

}

/*---------------------------------------

  25. Our Wishlist Area

----------------------------------------*/

.wishlist-table table {

    background: #fff none repeat scroll 0 0;

    border-color: #c1c1c1;

    border-radius: 0;

    border-style: solid;

    border-width: 1px 0 0 1px;

    width: 100%;

}

.wishlist-table table th {

    font-weight: 600;

}

.wishlist-table table th,
.wishlist-table table td {

    border-bottom: 1px solid #c1c1c1;

    border-right: 1px solid #c1c1c1;

    font-size: 14px;

    padding: 15px 10px;

    text-align: center;

    color: #767676;

}

.wishlist-table table .product-remove {

    padding: 0 15px;

    width: 20px;

}

.wishlist-table table .product-remove > a,
.table-content table .product-remove > a {

    font-size: 25px;

}

.wishlist-table table .product-thumbnail {

    width: 150px;

}

.wishlist-table table td.product-price .amount {

    font-weight: 700;

}

.wishlist-table table .wishlist-in-stock {

    color: #767676;

}

.wishlist-table table .product-add-to-cart > a {

    background: #252525 none repeat scroll 0 0;

    color: #fff;

    display: block;

    font-weight: 700;

    padding: 10px 56px;

    text-transform: uppercase;

    width: 260px;

}

.wishlist-table table .product-add-to-cart > a:hover {

    background: #ff4136;

    color: #fff;

}

.wishlist-table table .product-add-to-cart {

    width: 240px;

}

.wishlist-share {

    margin-bottom: 35px;

    margin-top: 20px;

}

.wishlist-share ul li {

    display: inline-block;

    height: 21px;

    margin-left: 0;

    margin-right: 0;

}

.wishlist-share ul li a {

    background-position: left top;

    border: medium none;

    display: inline-block;

    height: 21px;

    width: 21px;

}

.wishlist-share ul li a:hover {

    background-position: left bottom;

}

.wishlist-share .social-icon ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: 10px;

}

/*---------------------------------------

  26. Our Cart Area

----------------------------------------*/



.cart-title-area {

    padding-top: 30px;

}

.car-header-title h2 {

    font-size: 20px;

    margin: 0;

    text-transform: uppercase;

}

.table-content table {

    background: #fff none repeat scroll 0 0;

    border-color: #c1c1c1;

    border-radius: 0;

    border-style: solid;

    border-width: 1px 0 0 1px;

    margin: 0 0 50px;

    text-align: center;

    width: 100%;

}

.table-content table th {

    border-top: medium none;

    font-weight: bold;

    padding: 20px 10px;

    text-align: center;

    text-transform: uppercase;

    vertical-align: middle;

    white-space: nowrap;

}

.table-content table th,
.table-content table td {

    border-bottom: 1px solid #c1c1c1;

    border-right: 1px solid #c1c1c1;

}

.table-content table td {

    border-top: medium none;

    padding: 20px 10px;

    vertical-align: middle;

    font-size: 13px;

}

.table-content table td input {

    background: #e5e5e5 none repeat scroll 0 0;

    border: medium none;

    border-radius: 3px;

    color: #6f6f6f;

    font-size: 15px;

    font-weight: normal;

    height: 40px;

    padding: 0 5px 0 10px;

    width: 60px;

}

.table-content table td.product-subtotal {

    font-size: 14px;

    font-weight: bold;

    width: 120px;

    color: #777;

}

.table-content table td.product-name a {

    font-size: 14px;

    font-weight: 700;

    margin-left: 10px;

    color: #6f6f6f;

}

.table-content table td.product-name {

    width: 270px;

}

.table-content table td.product-thumbnail {

    width: 130px;

}

.table-content table td.product-remove i {

    color: #919191;

    display: inline-block;

    font-size: 20px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    width: 40px;

}

.table-content table .product-price .amount {

    font-size: 15px;

    font-weight: 700;

    color: #777;

}

.table-content table td.product-remove i:hover {

    color: #252525
}

.table-content table td.product-quantity {

    width: 180px;

}

.table-content table td.product-remove {

    width: 150px;

}

.table-content table td.product-price {

    width: 130px;

}

.table-content table td.product-name a:hover,
.buttons-cart a:hover {

    color: #ff4136
}

.buttons-cart {

    margin-bottom: 30px;

    overflow: hidden;

}

.buttons-cart input,
.coupon input[type="submit"],
.buttons-cart a,
.coupon-info p.form-row input[type="submit"] {

    background: #252525 none repeat scroll 0 0;

    border: medium none;

    border-radius: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    color: #fff;

    display: inline-block;

    float: left;

    font-size: 12px;

    font-weight: 700;

    height: 40px;

    line-height: 40px;

    margin-right: 15px;

    padding: 0 15px;

    text-shadow: none;

    text-transform: uppercase;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    white-space: nowrap;

}

.buttons-cart input:hover,
.coupon input[type=submit]:hover,
.buttons-cart a:hover {

    background: #ff4136;

    color: #fff !important;

}

.buttons-cart a {

    color: #fff;

    float: left;

    height: 40px;

    line-height: 40px;

}

.coupon {

    margin-bottom: 40px;

    overflow: hidden;

    padding-bottom: 20px;

}

.coupon h3 {

    margin: 0 0 10px;

    font-size: 14px;

    text-transform: uppercase;

}

.coupon input[type=text] {

    border: 1px solid #c1c1c1;

    float: left;

    height: 40px;

    margin: 0 6px 20px 0;

    max-width: 100%;

    padding: 0 0 0 10px;

    width: 170px;

}

.cart_totals {

    float: left;

    text-align: right;

    width: 100%;

}

.cart_totals h2 {

    border-bottom: 2px solid #c1c1c1;

    display: inline-block;

    font-size: 30px;

    margin: 0 0 35px;

    text-transform: uppercase;

}

.cart_totals table {

    border: medium none;

    float: right;

    margin: 0;

    text-align: right;

}

.cart_totals table th {

    border: medium none;

    font-size: 14px;

    font-weight: bold;

    padding: 0 20px 12px 0;

    text-align: right;

    text-transform: uppercase;

    vertical-align: top;

}

.cart_totals table td {

    border: medium none;

    padding: 0 0 12px;

    vertical-align: top;

}

.cart_totals table td .amount {

    color: #252525;

    float: right;

    font-size: 13px;

    font-weight: bold;

    margin-left: 5px;

    text-align: right;

    text-transform: uppercase;

}

.cart_totals table td ul#shipping_method {

    list-style: outside none none;

    margin: 0;

    padding: 0;

}

.cart_totals table td ul#shipping_method li {

    float: left;

    margin: 0 0 10px;

    padding: 0;

    text-indent: 0;

    width: 100%;

}

.cart_totals table td ul#shipping_method li input {

    margin: 0;

    position: relative;

    top: 2px;

}

a.shipping-calculator-button {

    font-weight: bold;

    color: #6f6f6f;

}

a.shipping-calculator-button:hover {

    color: #ff4136
}

.cart_totals table tr.order-total th,
.cart_totals table tr.order-total .amount {

    font-size: 20px;

    text-transform: uppercase;

    white-space: nowrap;

}

.wc-proceed-to-checkout a {

    background: #252525 none repeat scroll 0 0;

    color: #fff;

    display: inline-block;

    font-size: 14px;

    font-weight: 700;

    height: 50px;

    line-height: 50px;

    margin-top: 20px;

    padding: 0 30px;

    text-transform: none;

}

.wc-proceed-to-checkout a:hover {

    background: #ff4136;

    color: #fff !important;

}

.owl-theme .owl-controls .owl-page span {

    background: #ffffff none repeat scroll 0 0;

    border: 1px solid #c1c1c1;

    border-radius: 100%;

    display: block;

    height: 13px;

    margin: 3px;

    width: 13px;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {

    border: 2px solid #c1c1c1;

}

.slider-area.slider-v4 {

    margin: 30px 0 35px 0;

}

.coupon p {

    margin-bottom: 12px;

}

/*---------------------------------------

  27. Our Checkout Page

----------------------------------------*/

.single-checkout-box input[type="text"],
.single-checkout-box input[type="email"],
.single-checkout-box input[type="password"] {

    background: transparent none repeat scroll 0 0;

    border: 1px solid #c1c1c1;

    border-radius: 0;

    color: #767676;

    font-size: 12px;

    height: 40px;

    line-height: 40px;

    padding-left: 20px;

    width: 47.5%;

    margin-bottom: 40px;

    float: left;

}

.single-checkout-box textarea {

    background: transparent none repeat scroll 0 0;

    border: 1px solid #c1c1c1;

    border-radius: 0;

    font-size: 12px;

    min-height: 160px;

    padding: 10px;

    resize: none;

    width: 100%;

    padding-left: 20px;

}

.single-checkout-box {

    overflow: hidden;

}

.single-checkout-box textarea::-moz-placeholder {

    opacity: 1 !important;

}

.single-checkout-box select {

    margin-left: 25px;

    width: 48%;

}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {

    margin-left: 0;

}

.checkbox .radio label,
.checkbox .checkbox label {

    font-size: 14px;

}

.section-title-3 {

    font-size: 30px;

    font-weight: 700;

    line-height: 30px;

    text-transform: uppercase;

}

.checkout-form-inner {

    margin-top: 40px;

}

.single-checkout-box input + input {

    margin-left: 30px;

}

.payment-form {

    margin-top: 51px;

}

.payment-form-inner {

    margin-top: 40px;

}

.payment-menu {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 30px;

    margin-top: 40px;

}

.payment-menu li + li {

    margin-left: 30px;

}

.payment-menu li {

    border: 1px solid transparent;

    padding: 2px;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

.payment-menu li:hover {

    border: 1px solid #ff4136;

}

.single-checkout-box select {

    -moz-appearance: none;

    -webkit-appearance: none;

    -o-appearance: none;

    background: rgba(0, 0, 0, 0) url("images/icons/select-option.png") no-repeat scroll 96% 14px / 11px 9px;

    border: 1px solid #c1c1c1;

    height: 40px;

    line-height: 40px;

    padding-left: 20px;

}

.payment-form-inner .single-checkout-box.select-option {

    margin-top: 0;

}

.payment-form p {

    margin-top: 15px;

}

.our-important-note p {

    margin-bottom: 30px;

    margin-top: 20px;

}

.important-note li a i {

    font-size: 14px;

    margin-right: 10px;

}

.important-note li + li {

    margin-top: 20px;

}

.puick-contact-area {

    background: #f6f6f6 none repeat scroll 0 0;

    padding: 40px 0;

    text-align: center;

    width: 100%;

}

.puick-contact-area a {

    color: #777474;

    display: inline-block;

    font-size: 18px;

    font-weight: 700;

    margin-top: 15px;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

.puick-contact-area a:hover {

    color: #ff4136;

}

/*------------------------

  others

--------------------------*/



.portfolio-full-image .tab-pane.fade img {

    width: 100%;

}

.htc__store__area .section__title.section__title--2 p {

    width: 53%;

}

/*------------------------

    28. Banner Area

--------------------------*/









.banner {

    position: relative;

}


.banner .thumb a {

    display: block;

    max-width: 100%;

    overflow: hidden;

    position: relative;

}

.banner .content {

    left: 0;

    padding: 46px;

    position: absolute;

    top: 0;

}

.banner .content .htc__btn.shop__now__btn {

    display: inline-block;

}

.banner:hover .thumb a img {

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05);

}

/*style--2*/



.banner.style--2 .content {

    padding: 0 60px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}

.banner.style--2 .content h6 {

    position: relative;

}

.banner.style--2 .content h6::before {

    background: #ffaca7 none repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    width: 100%;

}

.banner.style--2 .content h6 {

    display: inline-block;

    margin-bottom: 10px;

}

.banner.style--2 .htc__btn.shop__now__btn {

    font-weight: 600;

}

.page-content .space--between {

    padding-left: 60px;

    padding-right: 60px;

}

.custom_row {

    margin-left: -15px;

    margin-right: -15px;

}

.popular__product--6 .product__list {

    height: auto !important;

}

.mobile-content.lg-device-hide {

    display: none;

}

.innr-tar-dv ul li {
    display: block;
    padding: 9px;
    width: 20%;
    float: left;
    margin: 0;
    padding-top: 23px;
}

.innr-tar-dv ul {

    padding: 0;

    text-align: center;

    width: 100%;

    display: table;

    /*	background: #f1f1f1;*/


}

.innr-tar-dv {

    display: block;
    padding: 0 16px;
    width: 100%;
    margin-bottom: 40px;

}

.innr-tar-dv ul li a,
.snd-tb div#nav-tab a {
    display: block;
    padding: 20px 0;
    background: #f8fafc;
    border: 1px solid #e6e6e6;
    position: relative;
    transition: all ease-in-out 0.1s;
}

.innr-tar-dv ul li a:focus p,
.innr-tar-dv ul li a:hover p {
    color: #fff;
}

.innr-tar-dv ul li a:focus,
.innr-tar-dv ul li a:hover {
    background: #123953;
    color: #fff;
}

.innr-tar-dv ul li a:focus p:nth-child(2),
.innr-tar-dv ul li a:hover p:nth-child(2) {
    color: #fff;
}

.innr-tar-dv ul li a:focus p:last-child,
.innr-tar-dv ul li a:hover p:last-child {
    color: #fff;
}

.innr-tar-dv ul li a p:last-child {
    padding: 1px 30px;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 36px;
    color: #000;
}

.innr-tar-dv ul li a p:nth-child(2) {
    padding: 7px 10px 0;
    font-size: 12px !important;
    font-size: 12px !important;
    line-height: 20px;
    font-style: italic;
    color: #000;
    text-transform: capitalize;
    font-weight: normal;
}

.innr-tar-dv ul li a p {

    padding: 0 13px;

    color: #0f0f0f;

    font-weight: 700;

    font-size: 16px;

    line-height: 18px;

    margin: 0;

    text-transform: uppercase;

    white-space: nowrap;

    letter-spacing: .01em;

}

/*inner tab*/


.tar-dv-cnt nav > div a.nav-item.nav-link,
.tar-dv-cnt nav > div a.nav-item.nav-link.active {

    border: none;

    padding: 18px 25px;

    color: #fff;

    background: #272e38;

    border-radius: 0;

}

/*.tar-dv-cnt nav > div a.nav-item.nav-link.active:after {

	content: "";

	position: relative;

	bottom: -60px;

	left: -10%;

	border: 15px solid transparent;

	border-top-color: #e74c3c;

}*/

.tar-dv-cnt nav > div a.nav-item.nav-link:hover,
.tar-dv-cnt nav > div a.nav-item.nav-link:focus {

    border: none;

    background: #e74c3c;

    color: #fff;

    border-radius: 0;

    transition: background 0.20s linear;

}

.header-headding {

    padding: 10px;
    border-radius: 4px;
    background: #91b9c3;

}

.header-headding h3 {

    font-size: 16px;

    color: #fff;

    font-weight: 400;

    letter-spacing: .04em;

    text-transform: uppercase;

}

section.tar-dv .container:nth-child(2) {
    /*
	background: #f1f1f1;*/

    padding-bottom: 20px;

}

div#trg-dv-am nav > div > a {
    width: 32.333%;
    background: #f8fafc;
    margin-left: 10px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #4d4d4d;
    margin: -0;
}

/*
div#trg-dv-am nav > div > a.active::after {
  content: "";
    width: 49px;
    height: 48px;
    background: #3da9c6;
    position: absolute;
    right: -20px;
    top: 5.5px;
    transform: rotate(45deg);
    border-radius: 10px 0;
}
div#trg-dv-am nav > div > a.active:nth-child(3)::after {
    top: 0.5px;
    width: 81px;
    height: 81px;
    border-radius: 47px 0 46px 48px;
    left: inherit;
    right: -28px;
}
div#trg-dv-am nav > div > a.active:nth-child(3) {
    border-radius: 6px 19px 14px 6px;
}
div#trg-dv-am nav > div > a.active:nth-child(2) {
    border-radius: 6px 10px 9px 6px;
}

div#trg-dv-am nav > div > a.active:nth-child(2)::after {
    top: 4.5px;
    width: 61px;
    height: 61px;
    border-radius: 22px 0 22px 48px;
}*/
div#trg-dv-am nav > div > a.active,
div#trg-dv-am nav > div > a:hover {

    background: #123953 !important;
    color: #fff;
    clear: both;
    position: relative;

}

div#trg-dv-am nav > div > a:first-child {

    margin: 0;

}

section.tar-dv .container:nth-child(2) .header-headding {

    /*	margin-left: -15px;

	margin-right: -15px;*/

    margin-bottom: 20px;

}

span.prescription__text___3lKbv {

    font-size: 11px;

    line-height: 11px;

    letter-spacing: .3px;

    display: block;

    font-weight: normal;

}

div#trg-dv-am nav > div > a i {

    font-weight: normal;

}

/*.innr-tar-dv ul li a:hover p:last-child,
.innr-tar-dv ul li a:focus p:last-child,
.snd-tb div#nav-tab a:hover p:last-child {
    background: #3daac7;
}*/

/*.innr-tar-dv ul li a:focus{

	border: 1px solid #3daac7;

}*/
.innr-tar-dv ul li a p:last-child {
    font-weight: 400;
}

.review__box form tr > th {

    width: 10%;

    font-size: 15px;

    line-height: 16px;

    color: #000;

    letter-spacing: .05em;

    font-weight: normal;

}

.nnr-tb,
.review__box form tr:nth-child(5) label {

    font-size: 15px;

    line-height: 16px;

    color: #000;

    letter-spacing: .05em;

    font-weight: normal;

}

.review__box form tr input[type="text"] {

    width: 280px;

    height: 45px;

    padding: 10px;

    border-radius: 5px;

    outline: none;

    border: 1px solid #ccc;

    background: #fff;

}

.review__box form tr:nth-child(2) th {

    padding: 20px 2px;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #000;

}

.review__box form tr td {

    padding: 10px;

}

.review__box form tr td select {

    height: 28px;

    width: 110px;

    font-size: 13px;
    border-radius: 3px;
    line-height: 13px;

}

div#trg-dv-am textarea {

    max-width: 100%;

    height: 150px;

    background: #fff;

    border-color: #ccc;

    max-width: 100%;

    display: block;
    border-radius: 6px;

}

.review__box form .mn-nnr-tb:nth-child(2) {

    display: block;

    margin: 20px -20px;

    padding: 0 21px;
    border-left: 0;
    border-right: 0;

}

.innr-tar-dv ul li:first-child,
.innr-tar-dv ul li:last-child {
    padding: 23px 0 0;
}

.review__box form .mn-nnr-tb:nth-child(3) {

    padding: 0 0 10px;

}

.snd-lbl:before {

    content: "";

    display: inline-block;

    vertical-align: middle;

    width: 38px;

    height: 30px;

    margin-right: 10px;

    background: url(../images/117854aaba904fcb7a097d01a248d154.webp) 2px -9px;

}

.typ-upload:before {

    content: "";

    display: inline-block;

    vertical-align: middle;

    width: 38px;

    height: 30px;

    margin-right: 10px;

    background: url(../images/117854aaba904fcb7a097d01a248d154.webp) -36px -9px;

}

.snd-lbl,
.typ-upload {

    height: 70px;

    font-size: 16px;

    line-height: 70px;

    font-weight: 700;

    color: #4d4d4d;

    letter-spacing: .1em;

    text-align: center;

    text-transform: uppercase;

    background-color: #dfeef6;

}

.ml-cntnt p,
.typ-blk p {

    font-size: 14px;

    line-height: 24px;

    color: #595959;

}

.ml-cntnt,
.typ-blk {

    padding: 20px;

    display: block;

    background: #fff;

    height: 120px;

}

.typ-blk input[type="file"] {
    position: absolute;
    width: 100%;
    z-index: 9999;
    opacity: 0;
    cursor: pointer;
    top: 0;
    left: 0;
    height: 229px;
    right: 0;
}

.typ-blk span {

    font-size: 12px;

    line-height: 14px;

    display: inline-block;

    color: #979797;

    margin-top: 5px;

}

div#nav-contact {
    PADDING: 60PX 0;
    TEXT-ALIGN: CENTER;
}

a.prescription {
    margin: 0 auto 30px;
    font-size: 14px;
    color: #fff !important;
    letter-spacing: .02em;
    text-align: center;
    text-transform: uppercase;
    background-color: #a8deec;
    cursor: pointer;
    display: inline-block !important;
    padding: 10px 30px;
    border-radius: 8px;
}

a.prescription:hover {
    background: #3da9c6;
}

.nnr-tb label span,
.review__box form tr th span {

    color: #3fabe6;

    background-color: #fff;

    border: 1px solid;

    display: inline-block;

    padding: 0px 4px;

    border-radius: 50%;

    text-align: center;

}

.tp-hdr h3 {

    font: 700 18px/18px Arial;

    color: #2d2d2d;

    letter-spacing: .01em;

    text-transform: uppercase;

}

.tp-hdr h4 {

    display: block;

    margin: 12px 0 0;

    font-size: 12px;

    line-height: 16px;

    font-family: Georgia;

    font-style: italic;

    font-weight: 400;

    color: #2d2d2d;

    text-transform: none;

}

.tp-hdr {
    border-radius: 6px 0 0 6px;
    background: #dfeef6;

    padding: 15px 10px 15px 15px;

}

.row.rw-fl.lnspkgcls a.active {
    clear: both;
    overflow: hidden;
    width: 100%;
    display: inline-block;
    border: 2px solid #3fabe6 !important;
}

.bdy-pnl li {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 12px;
    padding: 0 5px 0 20px;
    line-height: 18px;
    color: #6d6d6d;
    letter-spacing: .08em;
    position: relative;
}


.bdy-pnl {

    padding: 20px 10px;

    background: #f1f1f1;

}

.bdy-pnl li:before {
    content: "";
    border: 2px solid #0a181d;
    height: 6px;
    width: 11px;
    display: block;
    position: absolute;
    border-top: 0;
    border-right: 0;
    transform: rotate(-45deg);
    left: 3px;
    top: 5px;
}

.dix-bx button.glassesUpsellItem {
    background: #a8deec;
    padding: 7px;
    border: 0;
    border-radius: 6px;
    color: #fff;
}

button.glassesUpsellItem:hover {
    background: #3da9c6;
}

.fttr-pnl {

    padding: 10px;
    border-radius: 0 6px 6px 0;
    background: #3da9c6;

}

.row.rw-fl.lnspkgcls a {
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 6px;
    width: 100%;
}

.fttr-prs {

    font-size: 14px;

    color: #fff;

    letter-spacing: 0.14em;

    text-transform: uppercase;
    text-align: center;

}

.fttr-prs span {

    font-size: 22px;

    line-height: 26px;

    color: #fff;

    letter-spacing: .04em;
    display: block;
    text-transform: uppercase;

}

.container.cnt-fl .col-md-12 .header-headding {

    /*   margin-left: -30px;

    margin-right: -30px;*/

    width: auto;

}



.container.cnt-fl {
    padding: 0;
    margin-top: 40px;

}



.row.rw-fl {

    /* background: #f1f1f1;*/
    padding: 20px 16px;

}





div#nav-tab ul {

    width: 100%;

}

/*div#nav-tab {

    padding: 20px;

}*/


.snd-tb div#nav-tab a p:first-child span {
    margin-top: 8px;
}

.snd-tb div#nav-tab a p {

    padding: 0 13px;

    color: #0f0f0f;

    font-weight: 700;

    font-size: 16px;

    line-height: 10px;

    margin: 0;

    text-transform: uppercase;

    white-space: nowrap;

    letter-spacing: .01em;

    height: 50px;

}

.snd-tb div#nav-tab a p:nth-child(2) {

    padding: 7px 10px 20px;

    position: relative;

    font-size: 12px;

    line-height: 20px;

    font-style: italic;

    color: #4d4d4d;

    text-transform: capitalize;

    font-weight: 700 !important;

}

.snd-tb div#nav-tab a p:last-child {

    padding: 1px 30px;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 36px;
    color: #000;
    border-radius: 0 0 6px 8px;
    font-weight: 100;

}



.snd-tb div#nav-tab a {

    background: #f8fafc;
    display: block;
    width: 24%;
    float: left;
    padding: 20px 0px 0px;
    border-color: #f1f1f1 !important;
}


.container.snd-tb div#nav-tab nav {

    width: 100%;

}



.container.snd-tb div#nav-tab {

    padding: 10px 2px 0;

    margin-left: -8px;

    width: auto;

    margin-right: -8px;

    background: transparent;

    border: 0;

}

.snd-tb .tar-dv-cnt nav > div a.nav-item.nav-link,
.snd-tb .tar-dv-cnt nav > div a.nav-item.nav-link.active {

    border: none;

    padding: 18px 0px 0;

    color: #fff;

    background: #272e38;

    border-radius: 0;

}

/*.container.snd-tb div#trg-dv-am .header-headding {

    margin-left: -15px;

    margin-right: -15px;

}*/



.container.snd-tb.row {

    background: #f1f1f1;

    margin-top: 40px;

}

.snd-tb div#nav-tab a p span {

    display: block;

    font-size: 14px;

    font-weight: 600;

    padding: 10px;

    color: #0a4f98;

    letter-spacing: 2px;

}



.snd-tb div#nav-tab a p span img {

    width: 42%;

}

.snd-tb div#nav-tab a p span.clr-pk {

    width: 10px;

    height: 10px;

    border-radius: 50%;

    display: inline-block !important;

    margin-left: 10px;

    vertical-align: middle;

    background: #000;

    border: 5px solid #d8d5d5;

    padding: 6px !important;

}

.bd-tb-p p,
.bd-tb-p p:last-child {

    font-size: 12px !important;

    display: block;

    font-style: italic;

    background: transparent !important;

    color: #5a5a5a !important;

    font-weight: 400 !important;

    text-transform: capitalize !important;

    padding: 0 !important;

    height: auto !important;


}



.bd-tb-p {
    display: block;
    height: 60px;
    background: transparent !important;
    padding: 7px 0;
}

.snd-tb div#nav-tab a p:last-child span {

    display: inline-block;

    padding: 4px 10px 0;

    font-size: 21px;

    color: #000;

}

div#nav-tab a:first-child p:last-child {
    border-radius: 0 0 6px 6px;
    padding-top: 7px;

}

section.ftr-up ul {
    padding: 0;
}

.snd-tb div#nav-tab a span.reduce-price {
    font-weight: 100;
    text-decoration: line-through;
    color: #eaeaea;
    font-size: 15px !important;
}

.cnt-img.col-md-2.col-xs-12 {

    text-align: center;

}



.super {

    margin-left: 27px;

    color: #2d2d2d;

    font-size: 18px;

    line-height: 20px;

    font-weight: 700;

}



.cnt-nnr-tb label {

    font-size: 15px;

    line-height: 20px;

    color: #4d4d4d;

    cursor: pointer;

    margin-bottom: 0;

    width: 96%;

}





.cnt-nnr-tb input[type=checkbox] {

    width: 20px !important;

    display: inline-block;

    height: 20px;

    vertical-align: middle;

    margin-right: 3px;

}



.cnt-nnr-tb {

    padding: 7px 0 0;

    display: block;

    width: 100%;

}



.cnt-nnr-tb label span {

    padding: 10px 20px;

    min-width: 85px;

    font-size: 14px;

    color: #fff;

    border: 1px solid #3fabe6;

    border-radius: 30px;

    background-color: #3fabe6;

    float: right;

    display: block;

    text-align: center;

}



.mn-cnt-bx.row {

    background: #ffffff;

    display: flex;

    align-items: center;

    padding: 21px 0;

}

.container.snd-tb > .row {
    margin-top: 40px;
    /* padding: 0 16px;*/
    padding-bottom: 30px;

}

.container.snd-tb div#trg-dv-am .tab-content > .active {

    padding: 0;

}

.container.snd-tb .tar-dv-cnt .tab-content {

    border: 0;

}





h3.coating {

    margin-bottom: 10px;

    color: #2d2d2d;

    font-size: 18px;

    line-height: 35px;

    font-weight: 700;

}

.cnt-img img {

    width: 60%;

}

.cnt-nnr-tb label span:hover {

    background-color: #80c2e6;

}

.cnt-tb > span {

    margin-left: 27px;

    color: #3fabe6;

    font-size: 14px;

    line-height: 1;

    text-decoration: underline;

    font-style: italic;

    font-family: Georgia;

    cursor: pointer;

}

.chk-tb-bx li {

    display: inline-block;

    margin: 0;

    line-height: 0;

    vertical-align: top;

}





.cnt-nnr-tb2 input#easy6 {

    display: inline-block;

    height: 22px;

    width: 22px;

    float: left;

}



.chk-tb-bx label {

    width: 100%;

    display: inline-block;

}



.cnt-nnr-tb2 img {

    width: 77%;

    padding-top: 3px;

}



.cnt-nnr-tb2 {

    display: block !important;

    width: 160px;

    background: #3fabe699 !important;

    padding: 12px 12px;

    height: 46px;

}

.chk-tb-bx li:nth-child(2) p {

    width: 310px;

    padding: 10px 12px;

    height: 40px;

}



.chk-tb-bx li:nth-child(3) p,
.chk-tb-bx li:nth-child(4) p {

    width: auto;

    display: inline-block;

    height: 46px;

    padding: 14px 12px;

}



.chk-tb-bx li:nth-child(4) span {

    background: #000;

    display: inline-block;

    width: 16px;

    border-radius: 50%;

    height: 16px;

    vertical-align: middle;

    border: 3px solid #3fabe6;

}



.chk-tb-bx ul {

    background: #fff;

    margin: 0;

    line-height: 0;

}



.chk-tb-bx li:nth-child(3) p {

    text-transform: uppercase;

    color: #3fabe6;

    font-size: 17px;

    letter-spacing: 1px;

}



.chk-tb-bx li:nth-child(4) p {

    font-style: italic;

    font-family: Georgia;

    font-size: 16px;

    color: #5a5a5a;

}

.chk-tb-bx li:last-child p {

    background-color: #898989;

    color: #fff;

    font-size: 20px;

    padding: 12px 15px;

    min-width: 86px;

    height: 46px;

}



.chk-tb-bx li:last-child {

    float: right;

}

.container.snd-tb > .row:nth-child(2) {

    padding-bottom: 25px;

}

.container.snd-tb > .row:nth-child(2) .header-headding {

    display: block;

    width: 100%;

}



.container.snd-tb > .row:nth-child(2) .col-md-12 {

    padding: 30px 40px 0;

}





/*end inner tab*/









.colm-bx li a span {

    display: block;

}



.colm-bx li a span:first-child {

    font-size: 14px;

    line-height: 16px;

    font-weight: 700;

}



.colm-bx a {
    width: 100%;
    padding-left: 20px;
    display: inline-block;
}

span.tik {
    position: absolute;
    top: -5px;
    left: 0px;
    display: inline-block;
    padding: 0;
    width: 11px;
    filter: brightness(0.1);
}



.colm-bx li a span:last-child {

    text-decoration: underline;

}



.colm-bx li a:hover {

    color: #000;

}

section.ftr-up {

    padding-bottom: 80px;

    background: #fff;

}

.colm-bx li {
    display: flex;
    margin-bottom: 40px;
    position: relative;
    align-items: center;
}



.colm-bx ul {

    display: flex;

    flex-direction: column;

}

.colm-bx li:before {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    bottom: -20px;

    height: 1px;

    background: #cfcecc;

}

.frst-add-crt span:first-child {
    font-size: 17px;
    color: #4d4d4d;
    letter-spacing: .18px;
    margin-right: 10px;
    line-height: 16px;
    font-weight: 600;
}



.frst-add-crt span:nth-child(2) {

    color: #ff6c00;
    font-size: 17px;
    letter-spacing: .18px;
    margin-right: 10px;
    font-weight: 600;

}



.frst-add-crt span:last-child {

    font-size: 14px;

    text-decoration: line-through;

    color: #1c1c1c;

    letter-spacing: .06em;

}



span.totalPriceBox {

    display: block;

    margin-top: 9px;

    margin-bottom: 20px;

    font-size: 14px;

    letter-spacing: .24px;

    color: #3fabe6;

}



span.totalPriceBox-code {

    margin-left: 2px;

    text-decoration: underline;

}



.product-add-to-cart button {

    font-size: 20px;

    height: 55px;

    width: 220px;

    background: #ff6c00;

    color: #fff;

    font-family: Arial;

    border-radius: 4px;

    border: 1px solid #ff6c00;

    line-height: 1;

    font-weight: 700;

}

.product-add-to-cart button:hover {

    background: #e46405;

}

.hd-hd-bx {
    color: #ffffff;
    padding: 6px 16px;
    border-radius: 4px;
    background: #91b9c3;
    display: block;
    margin: 40px 0 30px;
}

.hd-hd-bx span {
    color: #ffffff;
    padding: 6px 16px;
    border-radius: 4px;
    background: #91b9c3;
    display: block;
}



/*
.row.recently-pro > .col-md-12 {

    padding: 20px 0;

    margin-bottom: 20px;

    position: relative;

}
*/



/*.row.recently-pro > .col-md-12:before {

    content: "";

    width: 40%;

    position: absolute;

    height: 2px;

    left: 15px;

    background: #ccc;

    top: 50%;

}

.row.recently-pro > .col-md-12:after {

    content: "";

    width: 40%;

    position: absolute;

    height: 2px;

    right: 15px;

    background: #ccc;

    top: 50%;

}*/



/*.hd-hd-bx:before {

    content: "";

    position: absolute;

    border-bottom: 1px solid #ccc;

    border-left: 1px solid #ccc;

    height: 20px;

    width: 20px;

    background: #fff;

    transform: rotate(-45deg);

    top: 19px;

    left: 42%;

    z-index: 0;

}*/

button.glassesUpsellItem {

    display: block;

    width: 100%;

}



.dix-bx {

    text-align: center;

}



.glassesUpsellItem-productName {

    height: 32px;

    font-size: 13px;

    line-height: 16px;

    text-transform: capitalize;

    margin: 10px auto 0;

    text-align: center;

    color: #000;

    overflow: hidden;

}



span.glassesUpsellItem-price {

    vertical-align: middle;

    font-size: 16px;

    line-height: 23px;

    color: #000;

}



.glassesUpsellItem-lensType {

    font: italic 12px/20px Georgia;

    color: #aaa;

}

.dix-bx a.add__to__wishlist {

    display: block;

    position: relative;

    margin: 0;

    left: 0;

    text-align: right;

    font-size: 18px;

    color: #25abe2;

    opacity: 0;

    transition: all ease-in 0.5s;

}



.dix-bx:hover a.add__to__wishlist {

    opacity: 1;

    transition: all ease-in 0.5s;

}

div#accordionExample button.btn.btn-link {
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    text-decoration: none;
    color: #666666;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    background: #ececec;
    margin-bottom: 8px;
    padding: 8px 10px;
}


div#accordionExample button.btn.btn-link:after {

    content: "-";

    float: right;

}



div#accordionExample button.btn.btn-link.collapsed:after {

    content: "+";

}

.card-header {

    padding: 0.25rem 1.25rem;

    background: #fff;

}






.glass-case * {

    -webkit-box-sizing: border-box !important;

    -moz-box-sizing: border-box !important;

    box-sizing: border-box !important;

    padding: 0;

    margin: 0;

    border: 0;

}



.glass-case *:before,
.glass-case *:after {

    -webkit-box-sizing: border-box !important;

    -moz-box-sizing: border-box !important;

    box-sizing: border-box !important;

}



.glass-case {

    position: relative;

}

/*********************DISPLAY***************************/

/*.gc-display-area {

    position: absolute;

    overflow: hidden;

    border: 2px solid #F5F5F5;

    padding: 2px;

    background-color: #fff;

}*/
.gc-display-area {

    border: 2px solid #F5F5F5;

    padding: 2px;

    background-color: #fff;

}


.gc-display-container {

    position: relative;

    overflow: hidden;

    top: 50%;

    left: 50%;

    width: 100%;

    height: 100%;

    max-width: 100%;

    max-height: 100%;
    width: 530px !important;
}



.gc-display-display {

    position: relative;

    height: 100%;

    width: 100%;

    max-height: 100%;

    max-width: 100%;

    cursor: crosshair;

    opacity: 1;

}

/*********************LENS***************************/

.gc-lens {

    position: absolute;

    overflow: hidden;

    z-index: 1000;

    cursor: crosshair;

    background: #CECECE;

    opacity: .5 !important;
    /* IE 8 */

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */

    filter: alpha(opacity=50) !important;
    /* Netscape */

    -moz-opacity: 0.5;
    /* Safari 1.x */

    -khtml-opacity: 0.5;

}

/*********************ZOOM***************************/

.gc-zoom {

    position: absolute;

    /overflow: hidden;

    width: 100%;

    height: auto;

    z-index: 1040 !important;

    border: 2px solid #f5f5f5;

    padding: 2px;

    background-color: #fff;

}



.gc-zoom-inner {

    cursor: crosshair;

    border: 0 !important;

    left: -2px !important;

    top: -2px !important;

    margin: 0 !important;

    z-index: 1010 !important;

}



.gc-zoom-container {

    position: relative;

    top: 0;

    left: 0;

    overflow: hidden;

    width: 100%;

    height: 100%;

    max-width: 100%;

    max-height: 100%;

}



.gc-zoom-container img {

    position: relative;

    max-width: none !important;

}

/*********************CAPTION**********************/

.gc-caption-container {

    position: absolute;

    overflow: hidden;

    width: 100%;

    padding: 2px;

    z-index: 1050 !important;

    background-color: rgba(255, 255, 255, 0.5);

    line-height: 1.6;

    font-family: Georgia, "Times New Roman", Times, serif;

    font-style: italic;

    color: #333;

    font-size: 0.9em;

}



.gc-caption-container div {

    position: relative;

    padding: 0 12px 0 12px;

}



.gc-caption-intop {

    left: 0;

    top: 0;

}



.gc-caption-inbottom {

    left: 0;

    bottom: 0;

}



.gc-caption-outtop,
.gc-caption-outbottom {

    width: 100%;

    width: calc(100% + 4px);

    border: 2px solid #f5f5f5;

    background: #fff;

}



.gc-caption-outtop {

    top: 0;

    left: -2px;

    -webkit-transform: translate(0, -100%);

    -moz-transform: translate(0, -100%);

    -ms-transform: translate(0, -100%);

    -o-transform: translate(0, -100%);

    transform: translate(0, -100%);

}



.gc-caption-outbottom {

    bottom: 0;

    left: -2px;

    -webkit-transform: translate(0, 100%);

    -moz-transform: translate(0, 100%);

    -ms-transform: translate(0, 100%);

    -o-transform: translate(0, 100%);

    transform: translate(0, 100%);

}



.gc-alignment-center {

    text-align: center;

}



.gc-alignment-left {

    text-align: left;

}



.gc-alignment-right {

    text-align: right;

}



/*********************UL***************************/

.gc-thumbs-area {

    position: absolute;

    overflow: hidden;

    background-color: transparent;

}



.gc-thumbs-area-prev,
.gc-thumbs-area-next {

    position: absolute;

    z-index: 1010;

}



.gc-thumbs-area.gc-hz .gc-thumbs-area-prev,
.gc-thumbs-area.gc-hz .gc-thumbs-area-next {

    top: 0;

    height: 100%;

    min-height: 100%;

    width: 5%;

}



.gc-thumbs-area.gc-vt .gc-thumbs-area-prev,
.gc-thumbs-area.gc-vt .gc-thumbs-area-next {

    left: 0;

    width: 100%;

    min-width: 100%;

    height: 5%;

}



.gc-thumbs-area.gc-hz .gc-thumbs-area-prev {

    left: 0;

}



.gc-thumbs-area.gc-hz .gc-thumbs-area-next {

    right: 0;

}



.gc-thumbs-area.gc-vt .gc-thumbs-area-prev {

    top: 0;

}



.gc-thumbs-area.gc-vt .gc-thumbs-area-next {

    bottom: 0;

}



.gc-thumbs-area-prev:hover,
.gc-thumbs-area-next:hover {

    opacity: 1;

    cursor: pointer;

    cursor: hand;

}



.gc-thumbs-area-prev .gc-disabled,
.gc-thumbs-area-next .gc-disabled,
.gc-thumbs-area-prev .gc-disabled:hover,
.gc-thumbs-area-next .gc-disabled:hover {

    opacity: .3;
    /* IE 8 */

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    /* IE 5-7 */

    filter: alpha(opacity=30);
    /* Netscape */

    -moz-opacity: 0.3;
    /* Safari 1.x */

    -khtml-opacity: 0.3;

    cursor: default;

}



.glass-case ul {
    position: relative;
    bottom: -338px !important;
    margin: 0;
    border: 0;
    padding: 0;
    height: auto !important;
    list-style: none;
    width: 530px !important;
    left: 47px;
}



.glass-case ul li {

    position: relative;

    overflow: hidden;

    width: 100%;

    height: 100%;

    border: 2px solid #3ca9c6;

    padding: 2px;

    background-color: #fff;

}



.gc-thumbs-area.gc-hz li {

    display: inline;

    float: left;

    max-width: 100%;

    max-height: 100%;

    margin-right: 5px;

}



.gc-thumbs-area.gc-vt li {

    margin-bottom: 5px;

}



.glass-case ul li .gc-li-display-container {

    position: relative;

    overflow: hidden;

    height: 100%;

    width: 100%;

    display: inline-block;

}



.glass-case ul li:hover {

    border-color: #4f4f4f;

    cursor: pointer;

    cursor: hand;

}



.glass-case ul li.gc-active,
.glass-case ul li.gc-active:hover {

    border-color: #123a54;

    cursor: default;

}

.glass-case {
    width: 526px !important;
}

.gc-display-area img {
    height: 100% !important;
    width: 100% !important;
}

.gc-thumbs-area.gc-vt {
    width: 530px !important;
    left: -3px !important;
    bottom: 29px !important;
    height: 400px !important;
}

.gc-display-area {
    width: 530px !important;
    left: 110px !important;
}

.glass-case ul li .gc-li-display-container img {
    position: relative;
    top: 45%;
    left: 50%;
    height: auto !important;
}

.gc-thumbs-area.gc-vt li {
    height: 60px !important;
    width: 100px !important;
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
}

/*********************OVERLAY***************************/

.gc-overlay-area {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2147483647 !important;

    background-color: rgb(204, 204, 204);
    /*the falback for ie7, ie8*/

    background-color: rgba(51, 51, 51, 0.95);

}



.gc-overlay-gcontainer {

    position: relative;

    width: 100%;

    height: 100%;

    padding: 0;

}



.gc-overlay-container {

    position: relative;

    overflow: auto;

    width: 100%;

    height: 100%;

    padding: 0;

}



.gc-overlay-container-display {

    position: absolute;

    overflow: auto;

    width: 100%;

    height: 100%;

    padding: 0;

}



.gc-ocd-top {

    top: 0;

}



.gc-ocd-bottom {

    bottom: 0;

}



.gc-overlay-fit {

    padding: 4em 5.5em 1em 5.5em;

    overflow: hidden;

}



.gc-overlay-display {

    position: relative;

    top: 0;

    left: 0;

    display: block;

    cursor: crosshair;

}



.gc-overlay-display-center {

    max-width: 100%;

    max-height: 100%;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.gc-overlay-display-vcenter {

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}



.gc-overlay-display-hcenter {

    left: 50%;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

}



.gc-overlay-top-icons {

    position: absolute;

    top: 0;

    padding: 1em 1.5em 1em 0;

    width: 100%;

    height: 4em;

}



.gc-overlay-left-icons {

    position: absolute;

    height: 100%;

    top: 0;

    left: 0;

    padding: 0 1em 0 1.5em;

    height: 100%;

    width: 5.5em;

}



.gc-overlay-right-icons {

    position: absolute;

    top: 0;

    right: 0;

    padding: 0 1.5em 0 1em;

    height: 100%;

    width: 5.5em;

}

/*********************ICONS***************************/

@charset "UTF-8";



@font-face {

    font-family: "linea-arrows-10";

    src: url("../fonts/linea-arrows-10.eot");

    src: url("../fonts/linea-arrows-10.eot?#iefix") format("embedded-opentype"), url("../fonts/linea-arrows-10.woff") format("woff"), url("../fonts/linea-arrows-10.ttf") format("truetype"), url("../fonts/linea-arrows-10.svg#linea-arrows-10") format("svg");

    font-weight: normal;

    font-style: normal;

}



.gc-icon:before {

    line-height: 1;

}



.gc-icon {

    font-family: "linea-arrows-10" !important;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    position: absolute;

    z-index: 1020;

    cursor: pointer;

    cursor: hand;

    color: #fff;

    opacity: .7;
    /* IE 8 */

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    /* IE 5-7 */

    filter: alpha(opacity=70);
    /* Netscape */

    -moz-opacity: 0.7;
    /* Safari 1.x */

    -khtml-opacity: 0.7;

    height: 1em;

    width: 1em;

    line-height: 0;

    background: rgb(204, 204, 204);

    background: rgba(204, 204, 204, 0.5);

    border: 2px solid #F5F5F5;

}



.gc-icon:hover {

    opacity: 1;
    /* IE 8 */

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* IE 5-7 */

    filter: alpha(opacity=100);
    /* Netscape */

    -moz-opacity: 1;
    /* Safari 1.x */

    -khtml-opacity: 1;

}



.gc-disabled .gc-icon:hover,
.gc-disabled .gc-icon:hover,
.gc-disabled .gc-icon,
.gc-disabled .gc-icon {

    opacity: .3;
    /* IE 8 */

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    /* IE 5-7 */

    filter: alpha(opacity=30);
    /* Netscape */

    -moz-opacity: 0.3;
    /* Safari 1.x */

    -khtml-opacity: 0.3;

    cursor: default;

}



/* *** ICON NEXT *** */

.gc-icon-next {

    top: 50%;

    right: -2px;

}



.gc-icon-next:before {

    position: absolute;

    top: -2px;

    right: -2px;

    content: "\e04b";

}



.gc-icon-next-vt {

    bottom: 0;

    left: 50%;

}



.gc-icon-next-vt:before {

    position: absolute;

    top: -2px;

    left: -2px;

    content: "\e019";

}



.gc-display-area .gc-icon-next {

    font-size: 2em !important;

}



.gc-thumbs-area-next .gc-icon-next {

    right: 0;

    font-size: 2em !important;

}



.gc-thumbs-area-next .gc-icon-next-vt {

    font-size: 1.5em !important;

}



.gc-overlay-area .gc-icon-next {

    position: relative;

    right: 0;

    font-size: 3em;

}

/* *** ICON PREV *** */

.gc-icon-prev {

    top: 50%;

    left: -2px;

}



.gc-icon-prev:before {

    position: absolute;

    top: -2px;

    left: -2px;

    content: "\e03f";

}



.gc-icon-prev-vt {

    top: 0;

    left: 50%;

}



.gc-icon-prev-vt:before {

    position: absolute;

    top: -2px;

    left: -2px;

    content: "\e083";

}



.gc-display-area .gc-icon-prev {

    font-size: 2em !important;

}



.gc-thumbs-area-prev .gc-icon-prev {

    font-size: 2em !important;

}



.gc-thumbs-area-prev .gc-icon-prev-vt {

    font-size: 1.5em !important;

}



.gc-overlay-area .gc-icon-prev {

    position: relative;

    left: 0;

    font-size: 3em;

}

/* *** ICON DOWNLOAD *** */

.gc-icon-download {

    right: -2px;

    bottom: 0;

    font-size: 2em;

    overflow: hidden;

}



.gc-icon-download:before {

    position: absolute;

    top: -4px;

    left: -2px;

    content: "\e064";

}

/* *** ICON CLOSE *** */

.gc-icon-close {

    position: relative;

    font-size: 2em;

    float: right;

}



.gc-icon-close:before {

    position: absolute;

    content: "\e04a";

    top: -2px;

    right: -2px;

}



.gc-icon-enlarge {

    position: relative;

    float: right;

    margin-right: 0.25em;

    font-size: 2em;

}



.gc-icon-enlarge:before {

    position: absolute;

    content: '\e017';

    top: -2px;

    right: -2px;

}



.gc-icon-compress {

    position: relative;

    float: right;

    margin-right: 0.25em;

    font-size: 2em;

}



.gc-icon-compress:before {

    position: absolute;

    content: '\e053';

    top: -2px;

    right: -2px;

}

/*********************LOADING***************************/

.gc-loading {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 31px;

    height: 31px;

    margin-left: -15px;

    margin-top: -15px;

    background-image: url(../images/loader.gif);

}



.gc-loading3 {

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -15px;

    margin-top: -15px;

    font-size: 0.25em;

    text-indent: -9999em;

    border-top: 1.1em solid rgba(102, 153, 102, 0.2);

    border-right: 1.1em solid rgba(102, 153, 102, 0.2);

    border-bottom: 1.1em solid rgba(102, 153, 102, 0.2);

    border-left: 1.1em solid #669966;

    -webkit-animation: loadGC 1.1s infinite linear;

    animation: loadGC 1.1s infinite linear;

}



.gc-loading3,

.gc-loading3:after {

    border-radius: 50%;

    width: 30px;

    height: 30px;

}



@-webkit-keyframes loadGC {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }



    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@keyframes loadGC {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }



    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

/*********************GENERAL***************************/

.gc-hide {

    display: none;

    z-index: 0;

    opacity: 0;
    /* IE 8 */

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */

    filter: alpha(opacity=0);
    /* Netscape */

    -moz-opacity: 0;
    /* Safari 1.x */

    -khtml-opacity: 0;

}



.gc-noscroll {

    overflow: hidden;

}



.gc-start {

    display: none;

    z-index: 0;

    opacity: 0;
    /* IE 8 */

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */

    filter: alpha(opacity=0);
    /* Netscape */

    -moz-opacity: 0;
    /* Safari 1.x */

    -khtml-opacity: 0;

}

.gc-thumbs-area-next .gc-icon-next-vt,
.gc-thumbs-area-prev .gc-icon-prev-vt {
    opacity: 0;
}

.gc-thumbs-area-next:before {
    content: ">";
    top: -10px;
    position: absolute;
    left: 30%;
    z-index: 999;
    color: #fff;
    font-size: 27px;
    transform: rotate(90deg);
    border: 2px solid #fff;
    background: #000;
    height: 30px;
    width: 30px;
    padding: 3px 4px;
    text-align: center;
    display: block;
}

.gc-thumbs-area-prev:before {
    content: ">";
    top: 0px;
    position: absolute;
    left: 30%;
    z-index: 999;
    color: #fff;
    font-size: 27px;
    transform: rotate(-90deg);
    border: 2px solid #fff;
    background: #000;
    height: 30px;
    width: 30px;
    padding: 1px 6px;
    text-align: center;
    display: block;
}

.gc-icon.gc-icon-prev,
.gc-icon.gc-icon-next {
    opacity: 0;
    z-index: 9;
}

/*.gc-display-area:before {
    content: "";
    top: 49%;
    position: absolute;
    z-index: 0;
     color: #123a54;
    font-size: 27px;
    border: 2px solid #3ca9c6;
    height: 29px;
    width: 29px;
   padding: 3px 4px;
    text-align: center;
    display: block;
    background-image: url(../images/back.png);
    left: 8px;
}
.gc-display-area:after {
    content: "";
    right: 8px;
    top: 49%;
    position: absolute;
    z-index: 0;
    color: #123a54;
    font-size: 27px;
     border: 2px solid #3ca9c6; 
    height: 29px;
    width: 29px;
     padding: 3px 4px; 
    text-align: center;
    display: block;
    background-image: url(../images/back.png);
    transform: rotate(180deg);
}*/
/*home*/
section.icon-carousel .owl-next:before {
    content: "";
    background-image: url(../images/icons/send.png);
    position: absolute;
    width: 15px;
    height: 14px;
    visibility: visible;
    top: 8px;
}

section.icon-carousel .owl-prev:before {
    content: "";
    background-image: url(../images/icons/send.png);
    position: absolute;
    width: 15px;
    height: 14px;
    transform: translateY(-50%);
    transform: rotate(180deg);
    top: -3px;
    visibility: visible;
}

section.icon-carousel {
    padding: 25px 0;
    background: #f9f9f9;
}

section.icon-carousel .owl-prev {
    position: absolute;
    left: -30px;
    top: 50%;
    visibility: hidden;

}

section.icon-carousel .owl-next {
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    visibility: hidden;
}

/*-----  glass section -------*/
section.glass-products h1:after,
.our-pro h1:after {
    position: absolute;
    left: 0;
    bottom: -10px;
    background: #000;
    width: 53px;
    height: 2px;
    content: "";
}

section.glass-products h1,
.our-pro h1 {
    font-size: 22px;
    font-weight: 500;
    text-align: left;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 2px;
    position: relative;
}

.glas-box {
    border-bottom: 1px solid #e5f1f5;
}

.gl-box {
    width: 100%;
    margin: 0 auto;
}

section.glass-products .row {
    margin-right: -8px;
    margin-left: -7.4px;
}

section.glass-products {
    padding: 0px 0px 40px 0px;
    text-align: center;
}

.glas-box h4 {
    padding-top: 19px;
    color: #1d1d1d;
    line-height: 20px;
    padding-top: 10px;
    text-transform: capitalize;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}

/*.glas-box img {
	-webkit-filter: sepia(100%);
	filter: grayscale(100%)
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.glas-box:hover img {
	-webkit-filter: sepia(0);
	filter: sepia(0);
}
*/
/**/
.ptb--130 {
    padding: 40px 0;
}

.product__action li a span.ti-shopping-cart:before {
    content: "";
    background-image: url(../images/home/products/eyeglass-icon.png);
    width: 28px;
    height: 12px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/*popup*/
.size {
    margin-top: 0px !important;
}

p.ancer-p {
    font-size: 20px;
    text-align: center;
    padding: 10px 0;
}

.addtoc-bt a span.span-br {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    bottom: -12px;
    width: 100%;
}

.addtoc-bt a {
    position: relative;
    padding-bottom: 15px;
}

/*tab*/
.nav-tabs .nav-link {
    border: 0;

}

.nav-tabs {
    border: 0;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background: #e2e2e2;

}

div#set1 {
    background: #e2e2e2;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 10px;
    border-radius: 0 5px 5px 5px;
}

div#set2 {
    background: #e2e2e2;
    padding-bottom: 10px;
    border-radius: 5px 5px 5px 5px;
}

section.tab-sec {
    width: 75%;
}

.tabbable.boxed.parentTabs.p-4 {}

div#sub22 {
    padding-left: 20px;

}

div#sub21 {
    padding-left: 20px;

}

p.trick {
    position: relative;
    padding-left: 15px;
}

p.trick:before {
    content: "";
    background-image: url(../images/home/trick.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 12px;
    height: 10px;
    position: absolute;
    left: -3px;
    top: 7px;
}

/*----------*/
/*popup*/
.modal-dialog button.close {
    position: absolute;
    right: -43px;
    background: #3ca9c6;
    padding: 16px;
    display: inline-block;
    z-index: 9999;
    opacity: 1;
    color: #fff;
    border-radius: 0 6px 6px 0;
}

.modal-content {
    border-radius: 6px 0 6px 6px;
}

.modl-bdy h2 {
    font-size: 26px;
    font-weight: 400;
    padding: 16px 0;
    LINE-HEIGHT: 37PX;
}

.modl-bdy h4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    PADDING-BOTTOM: 20PX;
}

.modl-bdy {
    text-align: center;
}

.modl-bdy a.fb-gool {
    font-size: 14px;
    text-transform: uppercase;
    width: 165px;
    text-align: center;
    display: inline-block;
    background: #ef5b5e;
    color: #fff;
    margin: 10px 0;
    padding: 9px;
}

ul#innerTab li.nav-item {
    width: 100%;
}

.modl-bdy a.fb-gool:nth-child(3) {
    background: #3b5998;
    margin-right: 5px;
}

.pra-round {
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}

.pra-round p {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 100%;
    background: #dfeef6;
    padding: 7px;
    color: #3ca9c6;
}

/*log-in*/
/*----------*/
.log-in {
    text-align: left;
}

.log-in button.btn.btn-default,
.sin-up button.btn.btn-default,
.pasw-in button.btn.btn-default {
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    background: #3ca9c6;
    padding: 10px;
}

.card {
    border: 0;
}

.card-header {
    border: 0;
}

.modl-bdy {
    background: #fff;
}

.modal-body {
    padding-bottom: 70px;
}

.bottom-tag {
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    width: auto !important;
}

.card ul#outerTab li.nav-item {
    width: 50%;
    text-align: center;
}

/*sign up*/
.sin-up {
    text-align: left;
}

.log-in {
    padding: 10px;
}

.sin-up .abcd {
    width: 48.9%;
    display: inline-block;
    margin-right: 5px;
}

.sin-up .abcd:nth-child(2),
.sin-up .abcd:nth-child(5) {
    margin: 0;
}

/*forgot*/
.pasw-in p.bor-der {
    border: 1px solid #3fabe6;
    display: inline-block;
    padding: 7px 30px;
    color: #3fabe6;
    margin: 20px 0;
}

.pasw-in form {
    text-align: left;
}

.asdfg a.show {
    display: none;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background: #3ca9c6;
    color: #fff;
    font-size: 15px;
    border-radius: 0;
}

.nav-tabs .nav-link {
    border: 0;
    background: #dfeef6;
    border-radius: 0;
    color: #7ebae3;
}

li.wer {
    display: none;
}

/*------------*/
/*category*/
.catagoru-menu .card-header {
    padding-left: 0;
}

.catagoru-menu div#accordionExample button.btn.btn-link {
    padding-left: 0;
}

.catagoru-menu .card-body {
    padding-left: 0;
}

.catagoru-menu .select__color ul {
    margin: 0;
}

.featureed h3 {
    font-size: 16px;
    font-weight: 900;
}

section.banner {
    background: #e8f0f6;
    padding: 50px 0;
    margin-bottom: 30px;
    text-align: center;
}

.catagoru-menu form {
    min-width: 100%;
}

.sel-ect {
    display: inline-block;
    float: right;
}
.catagoru-menu {
    margin-top: 16px;
}
.pag-nation {
    display: inline-block;
    position: absolute;
    bottom: -30;
    left: 50%;
    transform: translateX(-50%);
}

.slecter-header {
    border-bottom: 2px solid #ccc;
    padding: 20px 0;
    margin-bottom: 30px;
}

.sel-ect select {
    padding: 4px 20px;
}

.pag-nation ul li a {
    border: 1px solid #ccc;
    padding: 2px;
    border-radius: 100%;
    margin-left: 9px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
}

.pag-nation ul li a:hover,
.pag-nation ul li a:active {
    background: #123954;
    color: #fff !important;
    border-color: #123954;
}

section.banner h1 {
    font-size: 24px;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
}

/*---- category ----*/
.my-size h1 {
    background: #f1f1f1;
    padding: 20px 0;
    text-align: center;
}

.my-size h5 {
    font-size: 15px;
    text-align: center;
    padding: 20px 21px;
    line-height: 22px;
}

.my-size {
    text-align: center;
}

.m-size {
    width: 29%;
    display: inline-block;
}

.my-size button.btn.btn-default {
    width: 100%;
    padding: 12px;
    background: #4bb0e7;
    color: #fff;
    font-size: 18px;
    margin-top: 30px;
}

.m-size span {
    position: absolute;
    left: 0;
    bottom: -22px;
}

.my-size form {
    padding-top: 40px;
}

.card-body .collsup-modul li a,
.collsup-modul span {
    display: inline-block;
    color: #4bb0e7;
    padding-bottom: 9px;
}

.card-body .collsup-modul span li {
    display: inline-block;
    list-style: none;
}

.card-body .collsup-modul li {
    display: inline-block;
    list-style: none;
    padding-left: 5px;
}

.temple-length {
    position: relative;
}

/*----- chek page ----*/
.panel-title {
    display: inline;
    font-weight: bold;
}

.checkbox.pull-right {
    margin: 0;
}

.pl-ziro {
    padding-left: 0px;
}

/*/* ring-slider*/
*/ //Output
$height-range-output: 60px;
$min-width-range-output: 32px;
$padding-x-range-output: 20px;
$size-range-output-arrow: 10px;
$offset-y-range-output: 4px;

.range {
    @mixin range-track() {
        box-sizing: border-box;
        width: $width-range-track;
        height: $height-range-track;
        background: $fill-range-track;
        border-radius: $radius-range-track;
    }

    @mixin range-thumb() {
        box-sizing: border-box;
        box-shadow: $shadow-offset-x-range-thumb $shadow-offset-y-range-thumb $size-range-thumb-shadow $color-range-thumb-shadow;
        border: $border-width-range-thumb solid $border-color-range-thumb;
        height: $height-range-thumb;
        width: $width-range-thumb;
        border-radius: $radius-range-thumb;
        background: $background-color-range-thumb;
        cursor: pointer;
    }

}

.lnspkgcls .lens-select {
    width: 100%;
    float: left;
    border: 2px solid #3fabe6;
}

.product__hover__info,
.add__to__wishlist {
    display: none;
}

/*--------------- my account ----------*/
/*my-account*/
/*----------------- my description ------------*/
.descri-form table {
    background: #e6e6e6;
    overflow: hidden;
    clear: both;
}

section.my-account-tab .descri-form table tr td {
    text-align: left !important;
}

.descri-form .review__box form tr:nth-child(2) th {
    font-size: 12px;
    text-align: left;
    padding-left: 2px;
    padding-right: 2px;
}

.descri-form th.aswe {
    width: 16%;
}

.descri-form table tr th:nth-child(1) {
    text-align: left !important;
    padding-left: 20px !important;
}

.descri-form form {
    background: #e6e6e6;
    padding: 20px;
}

.descri-form textarea {
    background: #ffffff;
    border: 1px solid #ffffff;
    height: 100px;
}

/*--------------*/
section.my-account-tab ul.nav.nav-tabs li a,
section.my-account-tab ul.nav.nav-tabs li {
    display: block !important;
    width: 100%;
}

section.my-account-tab .fade {
    opacity: 1 !important;
}

section.my-account-tab {
    padding: 100px 0;
}

section.my-account-tab ul.nav.nav-tabs li {
    padding: 10px 0;
}

section.my-account-tab .col-lg-9 {
    display: flex;
    align-items: center;
}

section.my-account-tab .tab-content,
section.my-account-tab table {
    width: 100%;
}

section.my-account-tab table tr th {
    background: #e6e6e6;
    padding: 10px 0;
    text-align: center;
}

td.responsive img {
    border-radius: 100%;
    height: 36px;
    width: 36px;
    margin-bottom: 9px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    margin-bottom: 5px;
}

section.my-account-tab table tr td {
    text-align: center;
}

section.my-account-tab table {
    border: 1px solid #e6e6e6;
}

section.my-account-tab td.price ul li {
    padding: 10px 0;
}

section.my-account-tab table tr td {
    vertical-align: text-bottom;
}

section.my-account-tab table tr {
    border-bottom: 1px solid #e6e6e6;
}

section.my-account-tab table tr td:last-child {
    color: #28a745;
    font-weight: 700;
    font-size: 14px;
}

section.my-account-tab ul li a {
    font-weight: 700;
    font-size: 16px;
}

section.my-account-tab h3 {
    font-size: 23px;
    padding-top: 29px;
    font-weight: 600;
    color: #ff4136;
    line-height: 49px;
}

section.my-account-tab h3:first-child {
    padding-top: 0;
}

.my-accoun span.sp-img {
    width: 130px;
    height: 120px;
    display: inline-block;
    border-radius: 100%;
    clear: both;
    overflow: hidden;
}

.my-accoun span.sp-img img {
    width: 100%;
}

.my-accoun form {
    width: 80%;
    display: inline-block;
    margin-left: 20px;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
}

.my-accoun form input {
    padding: 8px 20px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
}

.my-accoun form input[type="submit"]:hover,
.my-accoun input[type="edit-profile"]:hover {
    background: transparent;
    color: #f24a6f;
}

.my-accoun input[type="edit-profile"],
.my-accoun form input[type="submit"] {
    margin-bottom: 0;
    padding: 10px 0px;
    background: #f24a6f;
    color: #fff;
    font-size: 16px;
    border: 1px solid #f24a6f;
    text-align: center;
    width: 37%;
    cursor: pointer;
}

.my-accoun {
    display: flex;
    align-items: center;
    background: #f3f3f3;
    padding: 30px 40px;
    width: 80%;
    border-radius: 10px;
}

.profile-add h4 {
    font-size: 21px;
    padding-bottom: 17px;
}

.profile-add h4 span {
    font-size: 14px;
}

.profile-add {
    border-bottom: 1px solid #ccc;
    padding: 20px;
}

.main-profile {
    border: 1px solid #ccc;
}

/**/
.add-form input,
.add-formselect {
    width: 49%;
    display: inline-block;
    float: left;
    margin-bottom: 8px;
}

.add-form input#f-name {
    float: left;
}

.add-form input#phone {
    float: right;
}

.add-form input#loca {
    float: right;
}

.add-form input#addre {
    float: left;
}

.add-form input#city {
    float: right;
    height: 41px;
}

.add-form input#landmark {
    float: right;
}

.add-form select {
    width: 49%;
    padding: 7px;
    border-radius: 5px;
    border-color: #ccc;
    margin-bottom: 8px;
    float: left;
    color: #6c7589;
    font-size: 16px;
}

input#landmark {}

.add-form input#landmark {
    float: right;
}

.add-form input#alternate {
    float: left;
}


.new-addre,
.description {
    background: #f24a6f;
    margin-bottom: 20px;
    padding: 11px 20px;
    border-radius: 5px;
    border: 1px solid #f24a6f;
    color: #fff;
}

.descri-form .review__box {
    padding-top: 0;
    margin-top: 0;
}

.descr-icon {
    right: 30px !important;
    top: 92px !important;
}

.add-form {
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 8px;
}

div#my-addrees .subm,
div#my-addrees .Cancel {
    background: #f24a6f;
    padding: 10px 30px;
    border: 1px solid #f24a6f;
    border-radius: 5px;
    margin-bottom: 15px;
    margin-top: 11px;
    color: #fff;
}

.icon-profile {
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translatey(-50%);
}

.profile-add {
    position: relative;
    padding-right: 140px;
}

.icon-profile ul li,
.icon-editdelete ul li {
    display: inline-block;
    width: 16px;
}

.table-box tr th.www {
    text-align: left;
}

.table-box tr td {
    color: #303030 !important;
    font-weight: 400 !important;
}

.form-descrap {
    background: #e6e6e6;
    padding: 24px 24px;
}

.form-descrap h4 {
    font-size: 15px;
    font-weight: 700;
    padding-bottom: 10px;
}

.form-descrap p {
    border: 1px solid #ccc;
    padding: 20px;
}

.icon-editdelete {
    top: 65px;
    float: right;
    padding: 20px;
    margin: 10px;
    position: relative;
}

/*-----------end may-account---------*/
.product.foo ul#colordtslist li.active a img {
    border: 2px solid #000;
    padding: 2px;
}

/*cart-empact-css*/
.empat {
    text-align: center;
}

.empat .empat-box {
    width: 100%;
    padding: 50px 0;
}

.empat-boxspan.spa-img {
    display: block;
    width: 100%;
}

span.spa-img {
    width: 100%;
    display: block;
}

.empat-box h1 {
    color: #0a263c;
    font-size: 24px;
    font-weight: 700;
    padding-top: 30px !important;
}

.empat-box p {
    color: #2d2d2d;
    font-size: 16px;
    padding-top: 19px;
    padding-top: 13px;
    padding-bottom: 20px;
}

.empat-box a {
    border: 1px solid #000;
    width: 170px;
    display: inline-block;
    padding: 11px;
    margin: 20px 0;
    margin-left: 10px;
    font-size: 15px;
    font-weight: 500;
}


/* sunglass css*/

.pack-age {
    background: #f1f1f1;
    padding: 30px;
}

section.lens-package {
    margin: 20px 0;
}

section.lens-package .col-12 {
    padding: 0;
}

section.lens-package h3 {
    padding: 16px;
    background: #123953;
    padding-left: 31px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
}

.pack-age label {
    font-size: 13px;
    width: 100%;
    position: relative;
    margin-left: 30px;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-weight: 400;
}

.pack-age label span.bbbb {
    display: block;
}

span.incl {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

input.ecommended,
input.value,
input.from {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.ecommended {
    position: relative;
}

span.bbbb {
    font-size: 12px;
    color: #6b6b6b;
    font-family: Georgia;
}

.colo-red ul li {
    display: inline-block;
    text-align: center;
}

.colo-red ul li a {
    width: 25px;
    height: 25px;
    display: block;
    margin: 7px;
    text-transform: capitalize;
    font-family: sans-serif;
}

.colo-red ul li a img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.colo-red ul li.active img {
    border: 2px solid #000;
    padding: 2px;
}

.colo-red ul {
    text-align: center;
}

.colo-red ul li a span {
    margin-left: -2px;
    font-size: 12px;
    color: #4d4d4d;
}

.color-type .row {
    display: flex;
    align-items: center;
}

.incl h6 {
    color: #a8a6a4;
    font-size: 13px;
}

.coloz h5 {
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #4d4d4d;
}

.coloz h5 span {
    background: #3fabe6;
    padding: 5px 0 0px 6px;
    border-radius: 100%;
    font-size: 9px;
    width: 18px;
    height: 18px;
    display: inline-block;
    color: #fff;
}

.ackage {
    width: 100%;
    background: #f1f1f1;
    padding: 20px;
}

section.lens-type h3 {
    padding: 16px;
    background: #123953;
    padding-left: 31px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
}

section.lens-type .col-lg-12,
section.lens-package .col-lg-12 {
    padding: 0;
}

.color-type:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #afafaf;
    position: absolute;
    bottom: 0;
}

.color-type {
    position: relative;
    padding: 17px 0;
}

.color-type:last-child::after {
    display: none;
}

/*-------------------          -------------------/*
   /*---------------  dipankar ---------------*/

.thumb a:hover::after {
    opacity: 0.15;
    transform: scale(1);
}

.contain-hover {
    position: absolute;
}

.product.foo {
    position: relative;
}


.contain-hover ul li {
    display: inline-block;
    margin-left: 22px;
}

.product.foo {
    padding: 20px;
}

.contain-hover h3 {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    padding-top: 37px;
}

.contain-hover ul {
    padding: 0;
    margin: 0;
    padding-top: 45px;
}

.contain-hover ul li:first-child {
    margin: 0;
}


/*------------testimonial slider --------*/
#customers-testimonials .item-details {
    background-color: #333333;
    color: #fff;
    padding: 20px 10px;
    text-align: left;
}

#customers-testimonials .item-details h5 {
    margin: 0 0 15px;
    font-size: 18px;
    line-height: 18px;
}

#customers-testimonials .item-details h5 span {
    color: red;
    float: right;
    padding-right: 20px;
}

#customers-testimonials .item-details p {
    font-size: 14px;
}

#customers-testimonials .item {
    text-align: center;
}

.owl-carousel .owl-nav [class*="owl-"] {
    transition: all 0.3s ease;
}

.owl-carousel .owl-nav [class*="owl-"].disabled:hover {
    background-color: #d6d6d6;
}

.owl-carousel {
    position: relative;
}

section.testimonials .owl-next {
    right: -71px;
}


.testimonials .our-pro {
    padding-top: 50px;
}

section.testimonials .owl-stage-outer {
    padding: 40px 0 0px 0;
}

#customers-testimonials .item {
    margin: 0;
}

.owl-dots .owl-dot {
    display: inline-block;
    margin-right: 10px;
}

.owl-dots .owl-dot:last-child {
    margin: 0;
}

.owl-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background: #113953;
    z-index: 99999;
    opacity: 1;
    display: inline-block;
    border-radius: 100%;
}

.item-details p span {
    font-size: 14px;
    color: #fff;
    font-weight: 300 !important;
    text-align: center !important;
}

.owl-dots .owl-dot.active span {
    background: #3daac7;
}

.item-details p {
    font-size: 14px !important;
    color: #fff;
    margin-bottom: 10px;
}

.item-details a.post-title {
    color: #fff;
    font-size: 14px;
}

.item-details h2 {
    line-height: 0;
    padding-bottom: 17px;
}

.item-details a.readmore {
    color: #fff;
    text-transform: capitalize;
    padding-top: 10px;
    font-size: 14px;
}




ul.product__price,
ul#colordtslist {
    padding: 0 !important;
}

ul.product__price {
    padding-top: 10px !important;
}

.bottom-box nav > div > a.active {
    background: #fff !important;
}

.snd-tb div#nav-tab a:active p:last-child {
    color: #fff;
}

.snd-tb div#nav-tab a:focus p {
    border: 0;
}

.snd-tb div#nav-tab a:hover,
.snd-tb div#nav-tab a:active,
.snd-tb div#nav-tab a:focus {
    background: #123953;
}

div#trg-dv-am nav > div > a.active p,
div#trg-dv-am nav > div > a:hover p {
    color: #fff !important;
}

div#trg-dv-am nav > div > a.active p span,
div#trg-dv-am nav > div > a:hover p span {
    color: #fff !important;
}





/*-----------------------   ----------------*/
ul.pro__dtl__prize {
    padding: 0;
    margin: 20px 0 25px;
    display: flex;
    align-items: baseline;
}


ul.pro__rating {
    padding: 0;
}

.pro__details {
    margin: 0;
}

ul.color__list li {
    display: inline-block;
}

ul.color__list {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.card-header {
    padding: 0;
}

div#accordionExample .card {
    padding: 0;
}

.accordion button.btn.btn-link {
    padding-left: 0;
}




.tp-hdr {
    display: table-cell;
    width: 200px;
    vertical-align: middle;
}

.bdy-pnl {
    display: table-cell;
    width: 71%;
    vertical-align: middle;
}

.fttr-pnl {
    display: table-cell;
    width: 124px;
    vertical-align: middle;
}

.dv-xt {
    display: contents;
    align-items: center;
    justify-content: center;
}

.bdy-pnl ul {
    display: inline-block;
    width: 76%;
    padding: 0;
    float: right;
}

.bdy-pnl img {
    width: 100px;
    display: inline-block;
    float: left;
}




/*bottom-box*/
.bottom-box nav > div > a.active::after {
    display: none;
}

.bottom-box div#nav-tab a {
    margin-right: 14px !important;
}

.bottom-box .snd-tb div#nav-tab {
    width: 100% !important;
}

.bottom-box div#nav-tab {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-top: 15px !important;
}

.bottom-box div#nav-tab a:last-child {
    margin: 0 !important;
}

.add-crt {
    width: 100%;
    text-align: center;
}

.card-body {
    background: #f7f7f7;
    border-radius: 6px;
    font-size: 12px;
    line-height: 22px;
    padding: 0;
    margin: 37px 27px 20px;
}

.gc-display-area {
    height: 318px !important;
}

.bottom-box nav > div > a.active {
    clear: none !important;
}



















/*----------------- new- deb ----------------*/

section.glass-products .col-lg-2 {
    padding: 0;
}

section.glass-products .glas-box a {
    padding: 20px 10px 15px;
    display: inline-block;
}

section.glass-products .glas-box a:hover {
    background: #e5f1f5;
}

section.glass-products .glas-box a:hover h4 {
    color: #3fabe6;
}

.p-osi-lef {
    position: absolute;
    bottom: -36px;
    width: 97.4%;
    transform: translateX(-50%);
    left: 50%;
    background: #f5f5f5;
    padding: 26px 2px 26px 26px;
}

.last-bb {
    padding-left: 85px;
}

.last-bbs {
    padding-left: 50px;
}

section.nt-frt .container {
    position: relative;
    width: 100%;
    height: 100px;
}

.thumb {
    position: relative;
}

a.shop {
    position: absolute;
    bottom: 54px;
    left: 25px;
    padding: 8px 25px;
    border-radius: 30px;
    background: #fff;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 14px;
    border: 1px solid #fff;
}

a.shop:hover {
    background: transparent;
    color: #fff;
}

.testimonials .owl-prev i,
.testimonials .owl-next i {
    width: 30px;
    height: 30px;
    background: #c3ced8;
    text-align: center !important;
    padding: 7px 9px;
    border-radius: 100%;
    display: block;
}

.testimonials .owl-next i {
    position: absolute;
    right: 56px;
    padding: 7px 14px;
}

.testimonials .owl-prev i {
    position: absolute;
    left: -15px;
    overflow: visible;
}


.pd-tab li.nav-item a {
    padding: 10px;
    display: block;
    background: #7c7c7c;
    color: #fff;
    position: relative;
    transition: all ease-in-out 0.4s;
    text-align: center;
}

.pd-tab li.nav-item {
    width: 33.3%;
    height: 58px;
}

.pd-tab li.nav-item a:before {
    content: "";
    position: absolute;
    bottom: -11px;
    left: 50%;
    background-image: url(../images/music-and-multimedia.png);
    width: 88px;
    height: 11px;
    transition: all ease-in-out 0.4s;
    opacity: 0;
    transform: translateX(-50%);

}

.pd-tab li.nav-item a:hover::before,
.pd-tab a.active::before {
    opacity: 1 !important;
}

.pd-tab li.nav-item a:hover,
.pd-tab .nav-tabs .nav-link.active {
    background: #3daac7;
    transition: all ease-in-out 0.4s;
}

/*-------------------- category ---------------*/

section.banner span {
    font-family: 'Oswald', sans-serif;
}

.catagoru-bar .card-body {
    padding: 10px 8px 10px 11px;
    margin-bottom: 10px;
}

.catagoru-bar div#accordionExample button.btn.btn-link {
    padding-left: 10px;
    font-size: 17px;
    font-weight: 500;
}

.card label.form-check {
    font-size: 15px;
}

.catagoru-bar h3 {
    padding-bottom: 10px;
    font-weight: 700;
    font-size: 22px;
     padding-bottom: 30px;
}

.catagoru-bar ul.my-color {
    padding: 0;
}

div#listingView {
    height: auto !important;
}

.catagoru-bar {
    width: 20%;
}

section.body-menu {
    padding-top: 70px;
}

.innr-tar-dv ul li a p,
.snd-tb div#nav-tab a p {
    color: #000;
}

.innr-tar-dv ul li a:focus::before,
.innr-tar-dv ul li a:hover::before {
    opacity: 1 !important;
}

div#trg-dv-am nav > div > a.active::before,
div#trg-dv-am nav > div > a:hover::before {
    opacity: 1 !important;
    transition: all ease-in-out 0.1s;
    s
}

.innr-tar-dv ul li a:before,
div#trg-dv-am nav > div > a:before {
    content: "";
    position: absolute;
    bottom: -28px;
    left: 50%;
    background-image: url(https://archtechitsols.com/eyeglass-ci/images/aaa.png);
    width: 149px;
    height: 28px;
    transition: all ease-in-out 0.1s;
    opacity: 0;
    transform: translateX(-50%);
}

div#nav-tabContent {
    padding: 100px 20px 20px 20px !important;
    margin-top: 100px;
    box-shadow: 0px 0px 50px #eaeaeacc;
}

.upar div#nav-tab {
    position: absolute;
    width: 70%;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    border: 0;
}

table.price-table {
    border: none !important;
    border-bottom: 0 !important;
}

table.price-table tbody {
    border: 0 !important;
}

table.price-table td {
    padding-top: 7px;
}

table.price-table tr td:last-child {
    color: #000 !important;
    font-weight: 100 !important;
}

td.price-tab {
    border: 0 !important;
}

table.price-table tr {
    border-bottom: 1px solid #f7f7f7 !important;
}

section.my-account-tab table tr:last-child {
    border: 0 !important;
}


/*------------ catagory -------------------------*/
.inactive-css {
    color: #00000073 !important;
    pointer-events: none !important;
    cursor: default;
}

label.div-chek {
    width: 100%;
    margin: 10px 0;
}

.color-lable-chek,
.color-lable-chek h3,
.pol-quc,
.custom-control.custom-radio,
.price {
    display: inline-block;
}

.price {
    display: inline-block;
}

.pol-quc {
    padding: 12px 22px;
    background: #dfeef6;
    border-radius: 6px 0 0 6px;
    width: 210px;
}

.frst-add-crt {
    display: inline-block;
    padding-right: 50px;
}

.product-add-to-cart.add_cart {
    display: inline-block;
}

.frst-add-crt span {
    font-size: 30px !important;
}

.price {
    float: right;
    padding: 12px 30px;
    background: #3da9c6;
    font-size: 20px;
    border-radius: 0 6px 6px 0;
    width: 200px;
}

.maddel-chek {
    display: inline-block;
    text-align: center;
    width: 60%;
}

.maddel-chek ul.color__list li a img {
    border-radius: 100%;
    height: 25px;
    width: 25px;
    padding: 2px;
}

.pol-quc span.quchen-merk {
    border: 2px solid #91b9c3;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100%;
    line-height: 19px;
    text-align: center;
    margin-left: 11px;
}

.color-lable-ne {
    display: inline-block;
}

.ppolari {
    padding: 0 10px;
}

.asd span {
    font-size: 17px;
    vertical-align: middle;
}

.pol-quc input {
    width: 16px;
    height: 24px;
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: middle;

}

span.enhanced-price {
    display: block;
    padding-left: 25px;
}

.asd {
    background: #f8fafc;
    border-radius: 6px;
}

span.leading {
    padding: 0 40px;
}

.color-lable-chek h3 {
    font-size: 16px;
    text-transform: uppercase;
    color: #91b9c3;
    padding-right: 20px;
}

label.div-chek-3 {
    width: 100%;
}

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

.add-c {
    display: inline-block;
}

.sm-box {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 0;
    width: 68%;
}

.sm-img {
    display: inline-block;
    padding: 10px 30px 10px 10px;
}

.add-c {
    display: inline-block;
    width: 17%;
    text-align: right;
}

.di-inline {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
}

.di-inline h3 {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 5px;
}

.add-c a {
    vertical-align: middle;
    padding: 6px 23px;
    background: #3da9c6;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    display: inline-block;
}

a.lrn-mor {
    display: block;
    color: #3da9c6;
    text-decoration: underline;
}

.sm-img img {
    vertical-align: middle;
}

.asd .pol-quc-d a.lrn-added {
    display: none;
}

.asd .active a.lrn-added {
    display: inline-block;
}

.asd .active a.lrn-add {
    display: none;
}

.banner-contain {
    max-width: 1308px;
}


/*---------------------------------
top banner
---------------------------------*/
.top-banner span p {
    font-weight: 600;
    font-size: 19px;
    text-transform: capitalize;
    color: #fff;
    display: inline-block;
    margin: 0;
    padding-right: 10px;
}

.top-banner span a {
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    display: inline-block;
    padding-left: 10px;
    border-left: 1px solid #fff;
    color: #fff;
}

.top-banner {
    text-align: center;
    background: #123a54;
    padding: 10px 0;
}

.top-banner span a:hover {
    color: #3daac7;
}












/*---------------------------------
responsive prod detls page
---------------------------------*/
@media (max-width:1199px) and (min-width:991px) {
    .gc-display-area {
        width: 100% !important;
    }

    .gc-thumbs-area.gc-vt {
        width: 100% !important;
    }

    .glass-case {
        width: 100% !important;
    }

    .glass-case ul {
        left: 0;
    }

    .bdy-pnl {
        width: 65%;
    }

    .price {
        width: 160px;
    }

    .maddel-chek {
        width: 56%;
    }
}

@media (max-width:990px) {
/*
    .htc__product__details__inner {
        padding-top: 100px;
    }
*/

    .glass-case {
        width: 100% !important;
    }

    .gc-display-area {
        margin: 0 auto;
    }

    .glass-case ul {
        left: 57%;
        transform: translateX(-50%);
    }

    .gc-thumbs-area.gc-vt {
        width: 100% !important;
    }
}

@media (max-width:990px) and (min-width:776px) {
    .tp-hdr h3 {
        font-size: 15px;
    }

    .tp-hdr h4 {
        font-size: 11px;
    }

    .fttr-prs span {
        font-size: 18px;
    }

    .fttr-prs {
        font-size: 12px;
    }

    .bdy-pnl img {
        width: 81px;
    }

    .bdy-pnl ul {
        width: 66%;
        margin: 0;
    }

    .bdy-pnl {
        width: 60%;
    }

    .bdy-pnl li:last-child {
        margin: 0;
    }

    .bdy-pnl li {
        font-size: 11px;
    }
}

@media (max-width:990px) and (min-width:900px) {
    .bdy-pnl {
        width: 64% !important;
    }
}

@media (max-width:990px) and (min-width:776px) {
    .pol-quc {
        width: 187px;
    }

    .maddel-chek {
        width: 59%;
    }

    .price {
        width: 108px;
    }

    span.leading {
        padding: 0 14px;
        font-size: 14px;
    }

    .color-lable-chek h3 {
        font-size: 15px;
    }

    .sm-box {
        width: 67%;
    }

    input#add_coatings_1 {}

    .sm-box input {
        display: inline-block;
    }

    .sm-img {
        padding: 10px;
    }

    .sm-box .di-inline {
        width: 95%;
    }

    .asd span {
        font-size: 15px;
    }

}
@media (max-width:776px){
.tp-hdr, .bdy-pnl, .fttr-pnl {
    display: block;
    width: 100%;
    text-align: center;
}
.dv-xt {
    display: block;
    clear: both;
    overflow: hidden;
}
.bdy-pnl img {
    float: none;
    margin: 0 auto;
    margin-bottom: 10px;
}
.bdy-pnl ul {
    width: 100%;
    float: none;
    text-align: center;
}
.bdy-pnl {
    text-align: center;
}
.bdy-pnl li:before {
    display: none;
}
.maddel-chek, .pol-quc, .price {
    width: 100% !important;
    text-align: center;
    float: none;
}
.price {border-radius: 0 0 6px 6px;}

.pol-quc {
    border-radius: 6px 6px 0px 0px;
}
span.leading, .color-lable-chek, .color-lable-chek h3 {
    display: block;
    padding: 10px 0;
}

.sm-img {
    display: block;
    text-align: center;
    margin: 0px 0;
    padding: 12px 0;
}

.di-inline {
    DISPLAY: BLOCK;
    width: 100% !important;
}

.sm-box {
    width: 100%;
    text-align: center;
}

.pol-quc-d {
    text-align: center;
}

.add-c {
    text-align: center;
    padding-bottom: 15px;
}

h2 {
    text-align: center;
}
div#nav-home {
    overflow-x: scroll;
}

img.gc-display-display {}

.gc-lens {
    width: 100% !important;
}

.gc-display-container {
    width: 100% !important;
}

.gc-display-area {
    width: 100% !important;
}

.innr-tar-dv ul li {
    width: 100%;
    float: none;
}
}
@media (max-width:877px){
.prescri {
    position: relative;
}

.upar div#nav-tab {
    position: unset !important;
    left: 0 !important;
    transform: inherit;
    width: 100%;
}

span.prescription__title___1pK5w, div#trg-dv-am nav > div > a {
    font-size: 12px;
}
div#nav-tabContent {
    margin-top: 50px;
}
}

@media (max-width:558px){
div#trg-dv-am nav > div > a {
    width: 100%;
}

div#trg-dv-am nav > div > a.active::before, div#trg-dv-am nav > div > a:hover::before {
    display: none;
}
}

@media (max-width:991px){
    .about-img img {
    width: 100%;
    margin-bottom: 40px;
}
    section.body-menu{
        padding-top: 0;
    }
        /*eyglass page*/
    .catagoru-bar {
    width: 98% !important;
        margin: 0 auto;
}

.catagoru-menu div#accordionExample .card {
    width: 19%;
     float: left;
    margin: 3px;
}
.catagoru-bar .card-body {
    width: 100%;
    margin: 0;
    padding: 5px;
}
.catagoru-bar .card-body label.form-check {
    width: 100%;
}
}
@media (max-width:776px){
    .catagoru-menu div#accordionExample .card {
    width: 100%;
     float: none;
    margin: 0px;
}
        .catagoru-bar {
    width: 90% !important;
        margin: 0 auto;
}
   .catagoru-menu .card-body {
    padding-left: 30px !important;
    margin-bottom: 19px !important;
}
    .modal-dialog button.close {
    bottom: -42px;
    left: 0;
    width: 100%;
    border-radius: 0 0 6px 6px;
}
}
@media (max-width:460px){
    .sin-up .abcd {
    width: 100%;
}

.sin-up button#sign_btn {
    margin-top: 20px;
}
}
@media (max-width:370px){
.bapp {
    width: 60% !important;
}
    .pasw-in p.bor-der {
    padding: 7px;
}
}
/*contact page*/
@media (max-width:820px){
    .mean-container .mean-nav ul li {
    width: 95%;
}

ul.dropdown.mega_dropdown {
    display: block !important;
}
}



@media (max-width:991px){
    .htc__product__details .gc-thumbs-area.gc-vt .glass-case ul {
    margin: 0 !important;
}

.htc__product__details .glass-case ul {
    bottom: unset !important;
}

.htc__product__details .gc-thumbs-area.gc-vt {
    height: auto !important;
    position: unset !important;
    margin-top: 20px;
    overflow-x: scroll;
    overflow-y: hidden;
}

.htc__product__details .glass-case {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    justify-content: center;
    height: auto !important;
}
.htc__product__details .gc-thumbs-area.gc-vt ul#glasscase {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}


.htc__product__details .gc-thumbs-area.gc-vt ul#glasscase {
    clear: both;
    transform: unset;
    left: unset;
}
.htc__product__details  .pro__dtl__color {
    width: auto;
    margin-right: 18px;
}
section.htc__product__details.pt--60.pb--80.bg__white {
    padding-top: 0;
}

}

@media (max-width:570px){
    .htc__product__details .gc-thumbs-area.gc-vt ul#glasscase{
        justify-content: flex-start;
    }
}