/*-----------------------------------------------------------
    Template Name: martbazarHub
    Description: This is html5 responsive E-commerce template
    Author: themescart
    Version: 1.0

*-----------------------------------------------------------*
    CSS INDEX
    ====================
    01) Common Style Css (body, link color, section etc)
    02) Header section
        2.1) top header
        2.2) bottom header
        2.3) sitemenu
        2.4) sticky menu
    03) Home Page
        3.1) category list
        3.2) slider section
        3.3) offer area
        3.4) section header
        3.5) all products
        3.6) add banner section
        3.7) new arrival
        3.8) product type
        3.9) trandy product
        3.10) get in touch
        3.11) blog articles
    04) Product Page
        4.1) page title
        4.2) Filter area
        4.3) product area
        4.4) filder option
        4.5) product list
    05) Product Detail Page
        5.1) detail informations
    06) Blog Page
        6.1) blog laftbar
    07) Blog detail Page
    08) cart Page
    09) contact Page
        9.1) contact address
        9.2) contact form
    10) user account Page
    11) compare Page
    12) checkout Page
    13) Footer Section
-----------------------------------------------------------*/


/*==================== (01). Start Common Style Css ====================*/

/*@import url('fontNew.css');*/

*,
ul {
    margin: 0;
    padding: 0;
}

html , body {
    font-size: 14px;
    line-height: 25px;
 /* font-family: 'Montserrat', sans-serif;*/
font-family: 'Titillium Web', sans-serif;
   /*--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;*/
}

ul,
ol {
    list-style: none;
}

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

input:focus,
a:hover,
a:focus,
a:active,
button:focus,
select:focus {
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

.section-padding {
    padding: 10px 0 70px;
}

.btn,
.btn:focus,
.btn:active{
    box-shadow: none !important;
}
.preloader{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999999;
    /*background: #0D0E0F;*/
    background: #fff;
    display: flex;
    align-items: center;
}
.preloader-img{
    position: absolute;
    left: 50%;
    top: auto;
    transform: translateX(-50%);
}

/*==================== (01). End Common Style Css ====================*/


/*==================== (02). Start Header section ====================*/


/*-------- Start top header --------*/

.top-hdr {
    color: #222;
    border-bottom: 2px solid #f8f8f8;
}



/*-------- left site --------*/

.support {
    padding-top: 12px;
}

.user>ul>li,
.support .item h4 {
    font-weight: 500;
}

.user>ul>li,
.support .item h4,
.search-bar .input-group-text .btn {
    text-transform: capitalize;
}

.support .item h4,
.support .item h4 span {
    font-size: 16px;
}

.support .item h4 span {
    font-weight: 400;
}

.support .item h4 span,
.search-bar .custom-select-lg {
    text-transform: capitalize;
}

.support .item h4 i.fa {
    color: #3697d3;
    padding-right: 10px;
    font-size: 30px;
}


/*----------- right site -----------*/

.user>ul>li {
    display: inline-block;
    margin-right: 20px;
    line-height: 30px;
}

.user ul li a {
    color: #222;
    padding: 15px 0;
    display: block;
    font-size: 13px;
}

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

.user ul li a i.fa ,.user-reff .user ul li a i.fa{
    font-size: 18px;
    color: #3697d3;
    padding-right: 10px;
}

.user-acc , .user-reff{
    position: relative;
}

.user-acc ul , .user-reff ul{
    position: absolute;
    background: #f8f8f8;
    text-align: left;
    top: 100%;
    right: 0;
    visibility: hidden;
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 999;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.user>ul>li:first-child{margin-right: 5px;}
.user ul li i{color:#3697d3}
.UsernameID  { padding-right: 3px;}
 .user-reff ul{
    position: absolute;
    background: #f8f8f8;
    text-align: left;
    top: 100%;
    right: -38px;
    visibility: hidden;
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 999;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.user-acc:hover>ul , .user-reff:hover>ul {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1);
    transform: scale(1);
}

.user-acc ul li , .user-reff ul li {
    white-space: nowrap;
    margin-right: 0;
}

.user-acc ul li a , .user-reff ul li a{
    padding: 5px 15px;
}

.user-acc ul li a:hover , .user-reff ul li a:hover{
    background: #3697d3;
}

.user-acc ul li a:hover,
.user-acc ul li a:hover>i.fa ,.user-reff  ul li a:hover ,.user-reff ul li a:hover>i.fa {
    color: #fff;
}


/*-------- Start bottom header --------*/

.bottom-hdr {
    padding: 30px 0;
}

form.search-bar {
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
}

.search-bar .input-group-text {
    padding: 0;
    border-radius: 0;
    background: #fff;
}

.search-bar .custom-select-lg {
    height: initial;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 18px;
    border-radius: 0;
    border: none;
    cursor: pointer;
}

.search-bar .custom-select-lg:focus,
.search-bar .custom-select-lg:active {
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
}

.search-bar .form-control {
    box-shadow: none;
    border-right: none;
    height: 45px;
}

.search-bar .form-control:focus {
    border-color: #ced4da;
}

.search-bar .input-group-text.btn-radius {
    border-radius: 0 4px 4px 0;
}

.search-bar .input-group-text .btn {
    border: none;
    border-radius: 0;
    min-width: 120px;
}

.search-bar .input-group-text .btn,
.search-bar .input-group-text .btn:hover,
.search-bar .input-group-text .btn:focus,
.search-bar .input-group-text .btn:active {
    box-shadow: none !important;
    background: #fff !important;
    color: #000 !important;
}

.cart-area {
    text-align: right;
}

.cart-area li {
    display: inline-block;
    margin-left: 25px;
    position: relative;
}

.cart-area li:first-child {
    margin-left: 0;
}

.cart-area li a {
    font-size: 16px;
    color: #222;
    padding: 15px 0;
    display: block;
}

.cart-area li a i {
    font-size: 18px;
    color: #fff;
}

.cart-area span {
    height: 16px;
    width: 16px;
    background: #222;
    line-height: 16px;
    text-align: center;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: -5px;
    top: 35px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
}


/*-------- Start cart list --------*/

.cart-list {
    width: 320px;
    background: #f8f8f8;
    padding: 15px;
    position: absolute;
    z-index: 999;
    right: 119px;
    top: 150px;
    visibility: hidden;
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.single-list {
    border-bottom: 1px solid #eaeaea;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.single-list:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.product-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.product-info .info {
    padding-left: 15px;
}

.product-info .info a {
    color: #222;
    font-size: 16px;
    font-weight: 500;
}

.action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;

    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.action .btn,
.action .btn:hover,
.action .btn:focus,
.action .btn:active {
    box-shadow: none !important;
    outline: none !important;
}

.show {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1);
    transform: scale(1);
}

.cart-list-btn .btn {
    width: 49%;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;
}

.cart-list-btn .btn,
.cart-list-btn .btn:focus,
.cart-list-btn .btn:active {
    background: #3697d3 !important;
    border: 1px solid #3697d3 !important;
    box-shadow: none !important;
    outline: none !important;
}



/*-------- Start sitemenu --------*/

.sitemenu {
    background: #3697d3;
}

.navbar {
    padding: 0;
}

.navbar-nav>li {
    position: relative;
    margin-right: 17px;
}

.navbar-nav li a {
        color: #fff;
    text-transform: capitalize;
    font-size: 15px;
    /* font-weight: 500; */
    padding: 18px 0;
    display: block;
    margin-right: 30px;
    letter-spacing: 1px;
}

.navbar-nav li ul {
    position: absolute;
    background: #f8f8f8;
    z-index: 99;
    white-space: nowrap;
    min-width: 150px;
    top: 100%;
    left: 0;
}

.navbar-nav li ul li a {
    color: #222;
    padding: 5px 10px;
    font-size: 14px;
}

.navbar-nav li ul li:hover>a {
    background: #3697d3;
    color: #fff;
    margin-right: 0;
}

.navbar-nav li ul {
    position: absolute;
    top: 100%;
    left: 0;
    background: #f8f8f8;
    min-width: 200px;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 9999;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.navbar-nav li:hover>ul {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1);
    transform: scale(1);
}

.navbar-nav li a:after {
    position: absolute;
    content: '\f107';
    font-family: fontawesome;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
    color: #fff;
}

.navbar.menubar ul li a:only-child {
    margin-right: 0px;
}

.navbar.menubar ul li:last-child {
    margin-right: 0px;
}
.navbar.menubar ul li{
    margin-right: 28px;
}
.navbar.menubar ul li a:only-child:hover:after,
.navbar.menubar ul li a:only-child:after {
    content: '';
}

.navbar.menubar ul li:hover>a:after {
    content: '\f106';
    color: #fff;
}

.navbar.menubar ul li li>a:after {
    color: #3697d3;
}

.navbar.menubar ul ul li {
    position: relative;
}

.navbar.menubar ul ul ul {
    left: 100%;
    top: 0;
}


/*-------- sticky menu --------*/

.sticky-menu {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.sticky-menu .bottom-hdr,
.sticky-menu .top-hdr {
    display: none;
}


/*==================== (02). End Header section ====================*/


/*==================== (03). Start Home Page ====================*/


/*-------- Start category list --------*/

.submenu {
    background: #f8f8f8;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 99999;
    width: 800px;
    border-left: 2px solid #3697d3;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.submenu .child-menu {
    width: 33.33%;
    float: left;
    padding: 10px;
}

.submenu .child-menu h5 {
    font-size: 16px;
    font-weight: 600;
    color: #222;
}

.submenu .child-menu li a {
    font-size: 14px;
}

.categorilist li:hover>.submenu {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}



/*-------- Start slider section --------*/

.hero-slider .item,
.bnr-btn {
    position: relative;
}

.hero-slider .item:after,
.slider-content,
.bnr-btn:after {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
}

.hero-slider .item:after,
.bnr-btn:after {
    content: '';
    left: 0;
}

.hero-slider .item:after {
    background: rgba(34, 34, 34, 0.7);
}

.slider-content {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    text-align: center;
}

.slider-content h1 {
    font-size: 45px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.slider-content h1,
.slider-content p,
.bnr-btn:hover,
.bnr-btn {
    color: #fff;
}

.slider-content p {
    font-size: 15px;
    text-transform: capitalize;
}

.bnr-btn {
    text-align: center;
    font-size: 16px;
    border-radius: 50px;
    border: 1px solid #fff;
    padding: 10px 30px;
    font-weight: 700;
    display: inline-block;
    margin-top: 25px;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-transform: capitalize;
}

.bnr-btn:after {
    background: #3697d3;
    width: 0;
    z-index: -1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bnr-btn:hover:after {
    width: 100%;
}

.bnr-btn:hover {
    border: 1px solid #3697d3;
}

.banner-area .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0;
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.banner-area .owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 8px;
    background: #f8f8f8;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.banner-area .owl-theme .owl-dots .owl-dot.active span {
    background: #3697d3;
    width: 25px;
}



/*-------- Start offer area --------*/

.offer-area {
    padding-top: 100px;
}

.single-offer {
  /*  background: #f8f8f8;*/
    padding: 15px;
    min-height: 230px;
    border-radius: 4px;
	    flex-direction: column;
}

.single-offer2 {
    padding: 70px 15px;
    min-height: 343px;
}

.single-offer .img img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	width:72%;
	margin-bottom:10px;
}

.single-offer:hover .img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.single-offer .info {
    width: 89%;
	margin-right:3%;
}

.single-offer .info h4 {
    text-transform: capitalize;
    font-weight: 700;
    color: #565656;
    margin-bottom: 5px;
    font-size: 18px;
}

.single-offer .info h5 {
        text-transform: inherit;
    font-size: 16px;
/*    font-weight: 700;*/
    margin-top: 40px;
	line-height:1.5;
}

.single-offer .info h5 span {
    font-size: 24px;
    font-weight: 900;
    padding: 0 5px;
    color: #4d4d4d;
}

.single-offer .info .bnr-btn {
    font-size: 14px;
    border: 1px solid #4d4d4d;
    padding: 5px 25px;
    color: #4d4d4d;
    text-transform: capitalize;
    font-weight: 700;
}

.single-offer .info .bnr-btn:hover {
    color: #fff;
    border: 1px solid #3697d3;
}

.single-offer .img {
    width: 35%;
    text-align: right;
}



/*-------- Start section header --------*/

.section-header h2 {
    text-transform: capitalize;
    font-size: 21px;
    font-weight: bold;
    /*color: #b1b1b1;*/
    color: #bfbfbf;
    position: relative;
    padding: 0 15px 0 30px;
    margin-bottom: 30px;
}

.section-header h2:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 10px;
    background: #bfbfbf;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}



/*-------- Start all products --------*/

.all-products {
    padding: 100px 0 70px;
}

.single-product {
    border: 1px solid #e9e9e9;
}

.single-product .img {
    position: relative;
    overflow: hidden;
	height:205px;
}

.single-product .img .tag {
    position: absolute;
    top: 50%;
    left: 25px;
    -webkit-transform: translateX(-50%) rotate(-90deg);
    transform: translateX(-50%) rotate(-90deg);
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 700;
    background: #3697d3;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    letter-spacing: 5px;
}

.single-product .info {
    text-align: center;
    background: #f8f8f8;
    padding: 15px;
	
}
.trandy-product .single-product .info{height:55px}
.single-product .info h5 a {
    font-size: 14px;
    /* color: #686868; */
    color: #4d4d4d;
    font-weight: 400;
    margin-bottom: 8px;
    display: block;
    text-align: left;
}

.single-product .info .review-star li {
    display: inline-block;
    margin-right: 10px;
    color: #e3b500;
}

.single-product .info .review-star li:last-child,
.single-product .info .product-cart li:last-child {
    margin-right: 0;
}

.single-product .info .product-cart ul li {
    display: inline-block;
    margin-right: 10px;
}

.product-cart {
    border-top: 1px solid #e9e9e9;
    padding-top: 15px;
    margin-top: 15px;
}

.product-cart ul li a {
    border: 1px solid #838383;
    color: #838383;
    border-radius: 50%;
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    display: block;
    font-size: 16px;
}

.product-cart ul li.add-cart a {
    min-width: 135px;
    height: 35px;
    line-height: 32px;
    border-radius: 50px;
    text-align: center;
    display: block;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 700;
}

.product-cart ul li a i.fa {
    color: #838383;
}

.product-cart ul li:hover>a {
    background: #3697d3;
    border-color: #3697d3;
}

.product-cart ul li:hover>a,
.product-cart ul li:hover>a i.fa {
    color: #fff;
}

.product-cart ul li.add-cart a i.fa {
    padding-right: 5px;
}

.single-product .img img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.single-product:hover .img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span {
    background: #bfbfbf;
    border-color: #bfbfbf;
    color: #fff;
    font-size: 35px;
    height: 30px;
    line-height: 23px;
    width: 30px;
    display: block;
}

.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span,
.owl-theme .owl-nav [class*=owl-]:hover {
    border-radius: 5px;
}

.owl-carousel .owl-nav button.owl-next span:hover,
.owl-carousel .owl-nav button.owl-prev span:hover,
.owl-theme .owl-nav [class*=owl-]:hover {
    background: #3697d3;
    color: #FFF;
    text-decoration: none;
}

.owl-theme .owl-nav {
    top: -11%;
    margin-top: 0;
    position: absolute;
    right: 9px;
}

.owl-theme .owl-nav [class*=owl-] {
    margin: 2px;
}



/*-------- Start add banner section --------*/

.single-add {
    position: relative;
    overflow: hidden;
}

.single-add:after {
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.single-add .layer {
    position: absolute;
    bottom: 15px;
    right: 30px;
    color: #fff;
    z-index: 999;
}

.single-add2 img {
    -webkit-transform: scale(1.5) rotate(8deg);
    transform: scale(1.5) rotate(8deg);
}

.single-add2 {
    margin: 70px 0 30px;
}

.single-add .layer2 {
    position: absolute;
    top: 50%;
    right: 20%;
    color: #fff;
    z-index: 999;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.single-add .layer h4 {
    text-transform: capitalize;
    font-size: 24px;
    font-weight: 700;
}
.single-add .layer p {
    font-size: 16px;
    line-height: 30px;
    text-transform: capitalize;
    margin-top: 10px;
    font-weight: 700;
}

.single-add .layer p span {
    font-size: 28px;
    font-weight: 700;
}

.single-add .layer .bnr-btn {
    font-size: 14px;
    padding: 4px 20px;
    font-weight: 700;
}

.single-add img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.single-add:hover img {
    -webkit-transform: scale(1.2) rotate(5deg);
    transform: scale(1.2) rotate(5deg);
}




/*-------- new arrival --------*/

.new-arrival {
    padding-top: 100px;
}




/*-------- product type --------*/

.product-type {
    padding-top: 70px;
}

.tab-content {
    padding-top: 30px;
}

.review-star {
    margin-bottom: 5px;
}

.review-star li,
.cart-option li {
    display: inline-block;
    margin-right: 10px;
}

.review-star li {
    font-size: 16px;
    color: #e3b500;
}

.cart-option li:last-child,
.review-star li:last-child {
    margin-right: 0;
}

.cart-option li a {
    height: 26px;
    width: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    display: block;
    border: 1px solid #838383;
    color: #838383;
}

.cart-option li:hover a {
    background: #3697d3;
    color: #fff;
    border-color: #3697d3;
}

.single-product-type {
    margin-bottom: 30px;
    border: 1px solid #e9e9e9;
}

.single-product-type .img,
.single-product-type .info {
    float: left;
}

.single-product-type .img {
    width: 40%;
}

.single-product-type {
    background: #f8f8f8;
    padding: 10px 0;
}

.single-product-type .info {
    width: 60%;
    padding: 5px 10px;
}

.single-product-type .img img {
    width: 100%;
}

.single-product-type .info h5 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.single-product-type .info p {
    font-size: 13px;
    font-weight: 500;
}

.product-type .nav-tabs .nav-item.show .nav-link,
.product-type .nav-tabs .nav-link.active {
    background: #3697d3;
    border: 1px solid #3697d3;
    color: #ffffff;
    border-radius: 50px;
}

.product-type .nav-tabs .nav-link:focus,
.product-type .nav-tabs .nav-link:hover {}

.product-type .nav-tabs {
    border: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-type .nav-tabs .nav-item {
    margin-bottom: 0;
}

.product-type .nav-tabs .nav-item a {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 16px;
    border: none;
    min-width: 200px;
    text-align: center;
    color: #222;
}



/*-------- trandy product --------*/

.trandy-product {
    padding: 70px 0;
}

.Reorder_product {
    padding: 20px 0 70px;
}

/*-------- get in touch --------*/

.get-touch {
    background: #f8f8f8;
    padding: 50px 0;
}

.get-touch-content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.get-touch img {
    width: 300px;
}

.get-touch h2 {
    text-transform: capitalize;
    font-size: 28px;
    font-weight: 700;
    color: #565656;
}

.get-touch p {
    font-size: 14px;
    line-height: 30px;
    margin-top: 15px;
}

.get-touch-form {
    margin-top: 30px;
    position: relative;
}

.get-touch-form .form-control {
    height: 50px;
    border-radius: 50px;
    box-shadow: none;
    border: 1px solid #bfbfbf;
    background: transparent;
    padding: 10px 101px 10px 20px;
}

.get-touch-form .btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    border-radius: 50px;
    width: 100px;
    line-height: 50px;
    padding: 0;
    font-size: 24px;
}

.get-touch-form .btn,
.get-touch-form .btn:hover,
.get-touch-form .btn:focus,
.get-touch-form .btn:active {
    background: #3697d3 !important;
    box-shadow: none !important;
    border-color: #3697d3 !important;
}



/*-------- Start blog articles --------*/

.article {
    padding: 100px 0 70px;
}

.single-article {
    margin-bottom: 30px;
}

.single-article .img {
    position: relative;
}

.single-article .img:after,
.single-article .tag,
.single-article .date,
.single-article .article-social {
    position: absolute;
}

.single-article .img:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}

.single-article .tag,
.single-article .date,
.single-article .article-social,
.single-article .info .article-btn:hover {
    color: #fff;
}

.single-article .tag,
.single-article .date,
.single-article .info .article-btn {
    text-transform: capitalize;
}

.single-article .tag,
.single-article .date,
.single-article .info a,
.single-article .info .article-btn {
    font-weight: 700;
}

.single-article .tag,
.single-article .date {
    top: 15px;
    border-radius: 5px;
    z-index: 1;
}

.single-article .tag {
    left: 15px;
    background: #3697d3;
    padding: 3px 10px;
    font-size: 16px;
}

.single-article .date {
    right: 15px;
    border: 1px solid #f4f4f4;
    text-align: center;
    padding: 5px;
    font-size: 14px;
}

.single-article .date p {
    border-bottom: 1px solid #f4f4f4;
}

.single-article .date p:last-child {
    border-bottom: none;
}

.single-article .article-social {
    bottom: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 14px;
    z-index: 1;
    font-weight: 500;
}

.single-article .article-social li {
    display: inline-block;
    margin-right: 10px;
}

.single-article .article-social li:last-child {
    margin-right: 0;
}

.single-article .info {
    padding: 15px;
    background: #f8f8f8;
    border-top: 1px solid #3697d3;
}

.single-article .info a {
    color: #565666;
    font-size: 15px;
    margin-bottom: 15px;
    display: block;
    font-weight: 700;
}

.single-article .info .article-btn {
    margin-bottom: 0;
    font-size: 13px;
    border: 1px solid #4d4d4d;
    border-radius: 20px;
    padding: 3px 20px;
    display: inline-block;
    margin-top: 15px;
}

.single-article .info .article-btn:hover {
    background: #3697d3;
    border-color: #3697d3;
}


/*-------- box home page --------*/

.box-home{
    background: #ebebeb;
}
.box-home .support .item h4, .box-home .support .item h4 span {
    font-size: 14px;
}
.box-home .top-hdr {
    border-bottom: 1px solid #e2e2e2;
}
.box-home .top-footer {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}
.box-home .navbar {
    padding: 0 15px;
}
.box-home .sticky-menu .navbar {
    padding: 0 120.4px;
}
.box-home .get-touch {
    padding: 50px 30px;
    margin-top: 70px;
}
.box-home .bottom-hdr,
.box-home .top-hdr{
    padding-left: 30px;
    padding-right: 30px;
}
.box-home header.header{
    padding: 0 !important;
}
.box-home header.header,
.box-home footer.footer {
    background: #f8f8f8;
    padding: 0 30px;
}

.box-home .offer-area {
    padding: 50px 0;
}
.box-home .trandy-product {
    padding: 100px 0 0;
}
.box-home .Reorder_product {
    padding: 100px 0 0;
}  
.box-home .article{
    padding: 70px 0;
}



/*==================== (03). End Home Page ====================*/


/*==================== (04). Start Product Page ====================*/


/*-------- page title --------*/

.page-title {
      border-bottom: 2px solid #fff;
    padding: 50px 0 0;
    background: #fff;
    width: 50%;
    margin: 0 auto;
}

.page-title h1 {
    text-transform: capitalize;
    font-size: 40px;
    font-weight: 900;
    margin-bottom: 15px;
}

.page-title ul li {
    margin-right: 15px;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 16px;
}

.page-title ul li a {
    color: #3697d3;
}

.page-title ul li:last-child {
    margin-right: 0;
}


/*-------- Filter area --------*/

.filter-area {
    background: #3697d3;
    padding: 10px;
    border-radius: 5px;
   margin: 0 auto 32px;
}

.filter-area ul li a {
    color: #fff;
    font-size: 30px;
    margin-right: 15px;
    line-height: 38px;
}

.filter-area ul li:last-child a {
    margin-right: 0;
}

.filter-area .filter {
    color: #fff;
    font-size: 26px;
    text-transform: capitalize;
    font-weight: 700;
    cursor: pointer;
    text-align: right;
    line-height: 38px;
}

.sorting .input-group-text,
.sorting .custom-select {
    box-shadow: none;
    border: 1px solid #f8f8f8;
}

.sorting .custom-select {
    cursor: pointer;
    background-image: none;
}

.sorting .input-group-text {
    background: #fff;
}

.sorting {
    position: relative;
}

.sorting:after {
    position: absolute;
    content: '\f107';
    font-family: fontawesome;
    font-size: 24px;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


/*-------- product area --------*/

.product-area .single-product {
    margin-bottom: 30px;
}


/*-------- filder option --------*/

.filter-options {
    position: fixed;
    top: 0;
    left: 0;
    background: #f8f8f8;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.value {
    position: absolute;
    left: 50%;
    bottom: 15px;
    margin: 0 0 0 -20px;
    width: 40px;
    text-align: center;
    display: block;

    /* optional */
    font-weight: normal;
    font-family: Verdana, Arial, sans-serif;
    font-size: 14px;
    color: #333;
}

.price-range-both.value {
    width: 100px;
    margin: 0 0 0 -50px;
    top: 13px;
}

.price-range-both {
    display: none;
}

.value i {
    font-style: normal;
}

.filter-options .title h4 {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    position: relative;
    margin-bottom: 35px;
    padding-bottom: 5px;
}

.filter-options .title h4:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    height: 2px;
    width: 10px;
    background: #3697d3;
}

.filter-options .color-list span,
.filter-options .size-list span {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 10px;
    cursor: pointer;
}

.filter-options .size-list span:last-child,
.filter-options .color-list span:last-child {
    margin-right: 0;
}

.filter-options .color-list span {
    height: 30px;
    width: 30px;
    outline: 2px solid #cfcfcf;
    outline-offset: 3px;
}

.filter-options .color-list span.color-1 {
    background: #000;
}

.filter-options .color-list span.color-2 {
    background: #ffcf10;
}

.filter-options .color-list span.color-3 {
    background: #ff0000;
}

.filter-options .color-list span.color-4 {
    background: #ffccc0;
}

.filter-options .color-list span.color-5 {
    background: #000ddd;
}

.filter-options .color-list span.color-6 {
    background: #fff000;
}

.filter-options .color-list span.color-7 {
    background: #dddccc;
}

.filter-options .color-list span.color-8 {
    background: #d0001f;
}

.filter-options .size-list span {
    border: 1px solid #cfcfcf;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
}

.filter-options .review-list span {
    font-size: 20px;
    margin-right: 10px;
    line-height: 30px;
    color: #ffcf10;
}

.filter-options .form-group {
    margin-bottom: 0;
}

.filter-options .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.filter-options .form-group label {
    position: relative;
    cursor: pointer;
}

.filter-options .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #999;
    height: 20px;
    width: 20px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 15px;
    top: -2.3;
    left: 0;
}

.filter-options .form-group input:checked+label:before {
    border: 2px solid #3697d3;
}

.filter-options .form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 7px;
    width: 6px;
    height: 12px;
    border: solid #3697d3;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tags-list .tag a {
    color: #333;
    display: inline-block;
    border: 1px solid #3697d3;
    padding: 5px 15px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-weight: 500;
    background: #3697d3;
    color: #fff;
}

.filter-group {
    margin-top: 30px;
}

.filter-options .close-btn {
    position: absolute;
    right: 30px;
    top: 30px;
    border-radius: 0;
    box-shadow: none;
    height: 25px;
    width: 25px;
    line-height: 22px;
    text-align: center;
    padding: 0;
    outline: none;
}

.filter-options .close-btn:focus,
.filter-options .close-btn:active {
    box-shadow: none !important;
    outline: none !important;
}

.filter-show {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1);
    transform: scale(1);
}


/*-------- product list --------*/

.single-product-list {
    min-height: 218px;
}

.single-product-list .img {
    float: left;
    width: 40%;
}

.single-product-list .info {
    float: right;
    width: 60%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 34px 15px;
}


/*==================== (04). End Product Page ====================*/


/*==================== (05). Start Product Detail Page ====================*/

.flexslider {
    margin-bottom: 0;
}

#carousel .flex-viewport ul li {
    cursor: pointer;
}

.flex-direction-nav a:before {
    font-family: "fontawesome";
    font-size: 50px;
    color: #222;
}

.flex-direction-nav a.flex-prev:before {
    content: '\f104';
}

.flex-direction-nav a.flex-next:before {
    content: '\f105';
}

.flex-active-slide {
    border: 1px solid #3697d3;
}


/*-------- product detail informations --------*/

.product-detail {
    padding: 100px 0;
}
 .p-title  {  text-transform: capitalize;font-size: 18px; font-weight: bold;  color: #333;/*color: #3697d3;  */ position: relative; padding: 0 15px 0 30px; margin-bottom: 30px;}
 .p-title:before { position: absolute;
    content: '';
    height: 52%;
    width: 8px;
    background: #333;
    margin-left: -15px;
    top: 28%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);}


.product-detail .companyname {
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.product-detail .price {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.product-detail ul.review {
    margin-bottom: 10px;
}

.product-detail ul li i.fa-star {
    font-size: 22px;
    color: #ffcf10;
    margin-right: 15px;
}

.product-detail ul li:last-child i.fa-star {
    margin-right: 0;
}

.product-detail p {
    line-height: 30px;
}

.product-detail .size-list span {
    margin: 5px 0 10px
}

.product-detail .colors span {
    margin: 10px 0 5px;
}

.product-detail .size-list span,
.product-detail .colors span {
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}

.product-detail .colors span.color-1 {
    background: #000;
}

.product-detail .colors span.color-2 {
    background: #ccc;
}

.product-detail .colors span.color-3 {
    background: #ffcf10;
}

.product-detail .colors span.color-4 {
    background: #3697d3;
}

.product-detail .colors span.color-5 {
    background: #7F4E54;
}

.product-detail .size-list span.current,
.product-detail .colors span.current {
    border: 3px solid #eee;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.product-detail .size-list span {
    border: 1px solid #3697d3;
    text-transform: capitalize;
    font-size: 13px;
}

.product-detail input {
    width: 100px;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #3697d3;
    margin: 15px 0;
    padding: 5px;
}

.product-detail .cart-types li a {
    margin-right: 15px;
    color: #f3f3f3;
    border: 1px solid #e1e1e1;
    height: 35px;
    line-height: 35px;
    width: 35px;
    text-align: center;
    border-radius: 50%;
    display: block;
}

.product-detail .cart-types li:last-child {
    margin-right: 0;
}

.product-detail .cart-types li a {
    color: #222;
}

.product-detail .cart-types li:hover a {
    color: #fff;
    background: #3697d3;
    border-color: #3697d3;
}

.product-detail .table {
    margin-bottom: 0;
}

.reviews,
.descriptions,
.overviews {
    margin-top: 50px;
}


/*==================== (05). End Product Detail Page ====================*/


/*==================== (06). Start Blog Page ====================*/

.pagination {
    margin-bottom: 30px;
}

.pagination .page-item .page-link {
    margin-left: 10px;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    line-height: 33px;
    padding: 0;
    font-size: 14px;
    color: #222;
    text-align: center;
    font-weight: 600;
}

.pagination .page-item:first-child .page-link {
    margin-left: 0;
}

.pagination .page-item .page-link.current,
.pagination .page-item .page-link:hover {
    background: #3697d3;
    color: #fff;
    border: 1px solid #3697d3;
}

.pagination .page-item .page-link i.fa {
    font-size: 22px;
    line-height: 35px;
}


/*-------- blog laftbar --------*/

.product-area .leftbar .search form {
    position: relative;
}

.product-area .leftbar .search .form-control {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #e1e1e1;
    padding-right: 50px;
}

.product-area .leftbar .search .btn {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0;
    box-shadow: none;
    background: #3697d3;
    border: 1px solid #3697d3;
    width: 50px;
}

.product-area .leftbar .search .btn:focus,
.product-area .leftbar .search .btn:active {
    box-shadow: none;
}

.post-area {
    border: 1px solid #e1e1e1;
    padding: 15px;
    margin-top: 30px;
}

.post-area .title h4 {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

.post-area .title h4:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    height: 2px;
    width: 10px;
    background: #3697d3;
}

.recent-post ul li a {
    color: #222;
    font-size: 14px;
    font-weight: 600;
}

.recent-post ul li p {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 700;
}

.recent-post ul li {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.recent-post ul li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.tags a {
    background: #3697d3;
    color: #fff !important;
    width: 30%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    margin: 3px 2px;
    text-transform: capitalize;
}

.socials ul li {
    display: inline-block;
    margin-right: 15px;
    font-size: 20px;
}

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

.socials ul li a {
    color: #222;
}


/*==================== (06). End Blog Page ====================*/


/*==================== (07). Start Blog detail Page ====================*/

.blog-detail {
    padding: 100px 0 0;
}

.blog-detail .img {
    margin-bottom: 30px;
}

.blog-detail .info .bnr-btn {
    color: #fff;
}

.blog-detail .info a {
    font-size: 20px;
    color: #222;
    font-weight: 600;
}

.blog-detail .info ul li {
    font-size: 16px;
    margin: 10px 15px 10px 0;
}

.blog-detail .info ul li:last-child {
    margin-right: 0;
}

.blog-detail .info span {
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.blog-detail .info p {
    margin-bottom: 15px;
    line-height: 30px;
}

.blog-detail .info .comments {
    margin-bottom: 30px;
}

.blog-detail .info h3 {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 18px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.blog-detail .info h3:after {
    position: absolute;
    content: '';
    width: 15px;
    height: 3px;
    background: #3697d3;
    left: 0;
    top: 100%;
}

.blog-detail .info .reply-comment .form-control {
    box-shadow: none;
    border: 1px solid #3697d3;
    height: 55px;
}

.blog-detail .info .reply-comment textarea.form-control {
    height: initial;
}

.blog-detail .info .reply-comment .btn {
    height: 55px;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 20px;
}

.blog-detail .info .reply-comment .btn:focus {
    box-shadow: none;
}


/*==================== (07). End Blog detail Page ====================*/


/*==================== (08). Start cart Page ====================*/

.carts-list {
    padding: 100px 0 50px;
}
.carts-list.wishlist {
    padding: 100px 0 83px;
}

.carts-list .table {
    text-align: center;
    text-transform: capitalize;
}

.carts-list.wishlist .table {
    border-bottom: 1px solid #dee2e6;
}

.carts-list .table .table {
    border-bottom: none;
}

.carts-list .table .table td {
    border: 1px solid #dee2e6;
    padding: 15px 30px;
}

.carts-list .table tr td {
    vertical-align: middle;
    padding: 15px 0;
}

.carts-list .table tr td input {
    text-align: center;
    width: 50%;
    border-radius: 5px;
    font-size: 16px;
    border: 1px solid #3697d3;
}

.carts-list .table tr td ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.carts-list .table tr td ul li {
    margin-right: 15px;
}

.carts-list .table tr td ul li:last-child {
    margin-right: 0;
}

.carts-list .table tr td ul li a {
    font-size: 18px;
    color: #3697d3;
}



/*==================== (08). End cart Page ====================*/


/*==================== (09). Start contact Page ====================*/

.contact-us {
    padding-top: 100px;
}


/*-------- contact address --------*/

.contact-address span {
    width: 100%;
    display: block;
    background: #f3f3f3;
    color: #222;
    text-align: center;
    min-height: 150px;
    margin-bottom: 30px;
    font-size: 17px;
    position: relative;
    padding: 78px 15px 30px;
    white-space: pre-wrap;
}

.contact-address span:last-child {
    margin-bottom: 0;
}

.contact-address span:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 12%;
    font-size: 22px;
    color: #3697d3;
    font-family: fontawesome;
    border: 1px solid #3697d3;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
}

.contact-address span.loc:after {
    content: '\f015';
}

.contact-address span.phone:after {
    content: '\f095';
}

.contact-address span.mail:after {
    content: '\f0e0';
}


/*-------- contact form --------*/

.contact-form .form-control {
    border: 1px solid #3697d3;
    box-shadow: none;
}

.contact-form .form-control,
.contact-form .btn {
    height: 50px;
}

.contact-form textarea.form-control {
    height: initial;
}

.contact-form .btn {
    text-transform: capitalize;
    font-weight: 500;
}

.contact-form .btn:focus,
.contact-form .btn:active {
    box-shadow: none !important;
}

#map_canvas {
    height: 500px;
    width: 100%;
    margin-top: 100px;
}


/*==================== (09). End contact Page ====================*/


/*==================== (10). Start user account Page ====================*/

.user-account {
   padding:0px 0 100px;
    text-transform: capitalize;
}

.form {
    background: #f3f3f3;
    padding: 30px;
}

.user-account .form-control {
    box-shadow: none;
    border: 1px solid #3697d3;
}

.user-account .form-control,
.user-account .btn {
    height: 50px;
}

.user-account .btn {
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.user-account .btn:focus,
.user-account .btn:active {
    box-shadow: none !important;
}

.user-account a {
    text-transform: capitalize;
    font-weight: 700;
    color: #3697d3;
}

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="checkbox"]:checked+label,
[type="checkbox"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

[type="checkbox"]:checked+label:before,
[type="checkbox"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #b2b2b2;
    background: #fff;
    border-radius: 50%;
}

[type="checkbox"]:checked+label:after,
[type="checkbox"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #00a69c;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="checkbox"]:checked+label:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1);
    transform: scale(1);
}


/*==================== (10). End user account Page ====================*/


/*==================== (11). Start compare Page ====================*/

.compare-area {
    padding: 100px 0;
}

.compare-area .table {
    margin-bottom: 0;
}

.compare-area .table tr th {
    text-transform: capitalize;
}

.compare-area .table tr td {
    vertical-align: middle;
}

.compare-area .table tr td a {
    color: #3697d3;
    font-size: 20px;
    padding: 5px;
}


/*==================== (11). End compare Page ====================*/


/*==================== (12). Start checkout Page ====================*/

.checkout-area {
    padding: 100px 0;
}

.biling-address,
.biling-type,
.order-detail {
    border: 1px solid #f1f1f3;
    padding:8px;
}

.biling-address h4,
.biling-type h4,
.order-detail h4 {
    text-transform: capitalize;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 15px;
}

.biling-address .form-control {
    box-shadow: none;
    outline: none;
    font-size: 14px;
    height: 40px;
    border: 1px solid #3697d3;
}

.biling-address label {
    font-size: 14px;
}

.porduct-place-order-btn {
    border-radius: 0;
    background: #DFB859;
    color: #fff;
    font-weight: 600;
}

.porduct-place-order-btn:active {
    outline: none !important;
    box-shadow: none;
}

.biling-type,
.order-detail {
    margin-top: 32px;
}

.order-detail li {
    line-height: 32px;
}

.order-detail li span {
    font-size: 16px;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #3697d3;
    position: absolute;
    top: 16px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+label:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1);
    transform: scale(1);
}

.biling-type li {
    margin-bottom: 15px;
}

.biling-type li:last-child {
    margin-bottom: 0;
}

.checkout-area .btn {
    width: 200px;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 16px;
    margin-top: 30px;
    height: 50px;
    padding: 0;
    line-height: 50px;
}


/*==================== (12). End checkout Page ====================*/


/*==================== (0). Start Footer Section ====================*/

.top-footer {
    border-top: 2px solid #f3f3f3;
    border-bottom: 2px solid #f3f3f3;
    padding: 30px 0;
    line-height: 30px;
    font-size: 16px;
}

.top-footer .logo {
    margin-bottom: 15px;
    display: block;
}

.top-footer h3 {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 18px;
    margin: 25px 0 40px;
    position: relative;
}

.top-footer h3,
.top-footer ul li a {
    color: #222;
}

.top-footer h3:after,
.top-footer h3:before,
.top-footer ul li:after {
    position: absolute;
    content: '';
    height: 3px;
    top: 150%;
    left: 0;
}

.top-footer h3:after {
    background: #ddd;
    width: 50px;
}

.top-footer h3:before {
    height: 3px;
    width: 20px;
    z-index: 1;
    background: #3697d3;
}

.top-footer ul li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 20px;
	display:inline-block;
}
.top-footer ul li img{    max-width: 74px; height:auto} 
.top-footer ul li:first-child{padding-left:0}
.top-footer ul li:last-child {
    margin-bottom: 0;
}

/*.top-footer ul li:after {
    content: '\f101';
    font-family: fontawesome;
    top: 0;
    font-size: 20px;
    color: #3697d3;
}*/

.top-footer ul li a {
    font-weight: 500;
}

.top-footer ul li:hover a {
    color: #3697d3;
}


.bottom-footer {
    padding: 30px 0;
}

.bottom-footer p {
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 1.5px;
    color: #222;
}

.bottom-footer .social {
    margin-top: 15px;
}

.bottom-footer .social li {
    display: inline-block;
    margin-right: 20px;
}

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

.bottom-footer .social li a {
    color: #222;
    height: 30px;
    width: auto;
    line-height: 30px;
    text-align: center;
    display: block;
    border-radius: 50%;
	font-size:13px
}

.bottom-footer .social li:hover a {
    color: #3697d3;
}

/*==================== (0). End Footer Section ====================*/
/*===================NewStyle=======================*/
.logo .img-fluid {    max-width: 30%;margin-top:10px}
@media (min-width: 992px){
	.container .col-lg-10{margin: 0 auto;}
	.item .col-lg-3{flex: 0 0 99%;max-width: 96%;}
	.trandy-product .item .col-lg-3{flex: 0 0 26%;max-width: 25%;}
	.trandy-product .owl-carousel .owl-item img{ width: auto; margin: 10px auto;  height: 70%; max-width: 59%; display: block;text-align: center; float: none;}
	.Reorder_product .item .col-lg-3{flex: 0 0 26%;max-width: 25%;}
	.Reorder_product .owl-carousel .owl-item img{width:80%;margin:10px auto;height:auto}
	
	}
.Reorder_product  .single-product .img{ padding: 10px; height: 81px;}
.Reorder_product .owl-theme .owl-nav{top:-25.1%;right:-2px}
.trandy-product  .single-product .img{ padding: 10px; height: 81px;}
.trandy-product .owl-theme .owl-nav{top:-25.1%;right:-2px}
.float_right{margin-left: auto;order: 2;}
.product-sec1{box-shadow: 0px 0px 15px 0px #D6D6D6;}
.product-container{margin-left:auto}
.single-product .img-fluid{max-width: 100%;height: 100%;float: right;width: 100%}
.filter-area h2 {text-transform: capitalize;font-size: 21px; font-weight: bold;  /* color: #b1b1b1; */ color: #bfbfbf; position: relative; padding: 0 15px 0 20px;    margin-top: 11px;}
.side-bar{    background-color: #f8f8f8;height: fit-content;}
.filter-area h2:before {  position: absolute; content: ''; height: 100%; width: 10px; background: #bfbfbf;left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.product_filter ,.product_filter_mobile{margin-top:53px !important}
.side-bar .input-group-text{    background-color: #f8f8f8;width:95%}
.product_filter [type="checkbox"]:checked, [type="checkbox"]:not(:checked) ,.product_filter_mobile [type="checkbox"]:checked{    position: relative;left: 0;width:2%;display:inline}
.side-bar .title h4 , .side-bar h3{ font-size: 16px; text-transform: capitalize; font-weight: 600;  position: relative; margin-bottom: 35px; padding-bottom: 5px;}
.reoder_info{background:#fff;width:100%;padding: 10px;}
.product_reorder .single-product .info ,.product_reorder_no_loop  .single-product .info{padding: 0px;}
.product_reorder .info h4 , .product_reorder_no_loop  .info h4 {text-transform: capitalize;font-weight: 700;color: #565656;margin-bottom: 5px;font-size: 18px;}
.product_reorder .info h5 , .product_reorder_no_loop  .info h5 {text-transform: inherit;font-size: 14px;font-weight: 700;margin-top: 15px;text-align:center}
.product_reorder  .info .bnr-btn , .product_reorder_no_loop .info .bnr-btn{font-size: 14px;border: 1px solid #4d4d4d; padding: 5px 25px;color: #4d4d4d;text-transform: capitalize;font-weight: 700;margin: 15px 0 8px;}
.product_reorder  .info .bnr-btn:hover , .product_reorder_no_loop  .info .bnr-btn:hover{color: #fff; border: 1px solid #3697d3;}
.filter-area{background: #f8f8f8;padding: 15px; border-radius: 5px; margin-bottom: 50px;width: 100%;}
.banner-area img{height:900px !important}
.filter-area .input-group-text{    width: 100%;}
.filter-area{background: #f8f8f8;padding: 10px; border-radius: 5px; margin-bottom: 50px;width: 100%}
.page-title h2 {  text-transform: capitalize;font-size: 21px; font-weight: bold; /* color: #b1b1b1; */ color: #bfbfbf; position: relative; padding: 0 15px 0 30px; margin-bottom: 30px;}
.page-title h2:before { position: absolute; content: '';height: 100%;width: 10px; background: #bfbfbf;margin-left: -15px;;top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%);}
.btn-info{    background: #3697d3;    border-color: #3697d3;}
.refeer_massage{  padding: 0 0 19px;  text-align:center;    margin-top: -5px;color:#495057;font-weight:600}
.refeer_errormassage{color:rgb(204, 0, 51);font-weight:300;display:none}
#referer_im_id{font-size: 18px;}
.check_im .btn-info{background: #495057; border-color: #e9ecef;}
.check_im  .btn-info:hover{background:#bfbfbf }

.men-cart-pro {
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.5s ease-out 0s;
    visibility: hidden;
}

.product-men:nth-child(3) .product-new-top {
    background: #FFC107;
}

.product-men:nth-child(4) .product-new-top {
    background: #219ff3;
}

.product-new-top {
    background: #ff2978;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    text-align: center;
    padding: 4px 10px;
    border-radius: 4px;
}

.inner-men-cart-pro {
    height: 100%;
    position: relative;
    width: 100%;
    transition: all 0.5s ease-out 0s;
}

.inner-men-cart-pro ul {
    left: 0;
    margin: -60px 0 0;
    padding: 0;
    position: absolute;
    top: 45%;
    width: 100%;
    transition: all 0.5s ease-out 0s;
}

.inner-men-cart-pro .link-product-add-cart {
    width: 100%;
    bottom: -40px;
    left: 0;
    position: absolute;
    transition: all 0.5s ease-out 0s;
}

.link-product-add-cart {
    background: hsla(205, 92%, 41%, 0.72);
    color: #fff;
    display: inline-block;
    height: 37px;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 34px;
    border-radius: 4px;
}

.inner-men-cart-pro>ul>li {
    display: inline-block;
}

.inner-men-cart-pro ul li a {
    color: #fff;
    transition: all 0.5s ease-out 0s;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
}

.men-thumb-item:hover {
    cursor: pointer;
}

.men-thumb-item:hover::before {
    opacity: 1;
    visibility: visible;
}

.men-thumb-item:hover .men-cart-pro {
    opacity: 1;
    visibility: visible;
}

.men-thumb-item:hover .inner-men-cart-pro ul {
    margin: 20px 0 0;
}

.inner-men-cart-pro ul li a:hover {
    background: #ffc229 none repeat scroll 0 0;
}

.inner-men-cart-pro .link-product-add-cart {
    width: 51%;
    top: 0;
    left: 24%;
    margin: 0 auto;
    position: absolute;
    transition: all 0.5s ease-out 0s;
}

.men-thumb-item:hover .inner-men-cart-pro .link-product-add-cart {
    top: 45%;
}

.link-product-add-cart:hover {
    background: rgba(0, 0, 0, 0.56);
    color: #fff;
}

/*-- //effect on products --*/
.flexslider .img img{width:100%;height:auto}
.ui-widget-header{background:#fff;border:#fff}
.ui-dialog .ui-dialog-titlebar , .ui-dialog .ui-dialog-title{    padding: 0;}
.product_desc {font-size:13px;font-weight:600}
/*******product_social****/
.product_social>ul>li {
    display: inline-block;
    margin-right: 20px;
    line-height: 30px;
}

.product_social ul li a {
    color: #222;
    padding: 15px 0;
    display: block;
    font-size: 13px;
}

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

.product_social ul li a i.fa {
    font-size: 28px;
    color: #3697d3;
    padding-right: 10px;
}
.produuc_details .product-cart ul li {
    display: inline-block;
    margin-right: 2px;
}
.produuc_details .product-cart { margin-top: 0;}
.produuc_details{border-top:1px solid #e9e9e9; margin:10px auto 0}
.produuc_details .product-cart{border-top: 0 solid #e9e9e9;}
.produuc_details .product-cart ul li.add-cart a{    min-width: 126px;}
.ui-button .ui-icon ,.ui-button:hover .ui-icon, .ui-button:focus .ui-icon{background-image:url(../images/ui-icons_777777_256x240.png)}
.ui-dialog .ui-dialog-titlebar, .ui-dialog .ui-dialog-title{    padding: 0;/*top: 25px; position: absolute; right: 9px; z-index: 99999*/}
.ui-widget .ui-widget , .ui-widget .ui-widget:hover {background: #fff;border:0}
.ui-icon-closethick ,.ui-button:hover .ui-icon, .ui-button:focus .ui-icon {background-position: -96px -128px !important;}
.product_feature i ,.product_feature2 i{    font-size: 39px; padding-top: 14px; display: block;color: #838383;}
.feature_icon{width:38px ;float:left}
.product_feature ul ,.product_feature2 ul{    margin-left: 43px; margin-top: 10px;font-size: 13px;font-weight: 600;}
.product_feature2 ul li i{    font-size: 13px;  padding-top: 6px;color: #838383;margin-right: 4px;float:left}
.mobile_opener{display:none}
.opener{display:block}
#form_alerts {padding-top:12px}
.products_mobile li{padding:0 5px}
.table-responsive .product_color{    width: 70%;;padding: 0 0;}
 .steps  .table-responsive input{    width: 56%;}
 .table-responsive a{font-size:12px}
 .table-responsive a i{font-size:18px}
.d-flex{ margin: 0 auto;width: 4%;}
.steps .table-responsive input[type=text] ,.steps .table-responsive input[type=tel] {    width:100%;}
.steps .product_filter, .steps .product_filter_mobile{    margin: 10px 0 20px !important;}
 .manodatry_fileld{    color: #949494;font-weight:600}
 select.form-control:not([size]):not([multiple]){height: 42px;}
  .table th:last-child{width:17%;text-align:center}
  .alert-note{font-size: 10px;background: #fff;color: red;font-weight: 500;}
  .cun_code{width:17% !important;float:left;padding: 10px 9px;
}
  .tel_no{width:75% !important;float:left ;    margin-left: 5px !important;}
 .form-row input{top: 6px;}
 .offer-area .d-flex{width:100%}
 #ShippingAddress{display:none}
 .date_label{margin-bottom: 2px;  margin-left: 2px;}
 #ship_mobile_code{margin-left: 7px;}
 .seslect_date{padding:0 10px}
 .emaile_marketing ul li{display:inline-block}
 .product_filter{padding-left:0}
 .product_filter .checked{    float: left; margin-top: 0;}
  .product_filter li{    float: left;width: 100%;font-size:11px;font-weight:600;line-height:2.2}
   .product_filter li span{width: 90%; margin-left: 19px;display: block;    margin-top: -6px;}
   .product_filter li label.error{    top: -44px !important;}
   .placemnt_verfy .btn-info{    height: 42px;font-weight: 600;margin-top: 34px;}
   .placemnt_verfy .alert{    padding: 0.52rem 9px;    margin-top: 34px;display:none}
   td .placemnt_verfy .alert{    margin-top: 4px;}
   .IM_name{  padding: 0 0 19px; text-align: left; margin-top: -5px; color: #495057;font-weight: 600;    font-size: 16px; margin-left: 5px;}
  .placement_txt{  padding: 0 0 19px; text-align: center; margin-left: 19PX; color: #495057;font-weight: 600;    margin-top: 8px;}
  .IM_name .valid_refeer{    font-size: 20px; color: #3697d3;}
  #lfp_allo{    width: 31%;    margin: 0 auto 1px;    padding: 3px 15px;text-align: center;}
  .table thead th{vertical-align: middle;}
  .lfp_table{ width: 87%; margin: 0 auto; border: 1px solid #ccc;}
  .lfp_table td{    padding-left: 46px;}
  .lfp_table tr:first-child td:nth-child(2){    padding-left: 10px;
    text-align: center;}
  .lfp_table tr:first-child td:nth-child(3){text-align:center}
  .lfp_table thead th{width:11%}
  .plus-minus-input {
  align-items: center;
      width: 84%;
    margin: 0 auto;
    padding-left: 90px;
  }
  .plus-minus-input .input-group-field {
    text-align: center;
	    width: 40% !important;
		    padding: 6px 15px !important;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
	margin-bottom:1px;

    
    }

  .input-group-button .circle{
        cursor: pointer;
      border-radius: 50%;
      padding: 0.25em 0.8em;
	      border: 1px solid #ccc;
    color: #000;
    background: #fff
    }
  
.media{    margin: 54px 0;border-bottom: 1px solid #ccc;padding-bottom: 22px;}
.media-body{    padding-top: 12px;}
.comments .media:last-child{border-bottom: 0px solid #ccc}
.voucher_check .checked{width:5%;    margin-top: 1px;}
.Lfp_not{margin: 10px auto;padding: 0 30px;}
.evoucherWidget .plus-minus-input{    width: 84%;margin: 10px 0 15px;padding-left: 0;}
.privacy {padding-top:0 !important}
.vertical_post .btn-block{ padding: 10px;font-weight: 700;background: #495057;margin-top: 33px}
.live_data{display:none}
.resp-tab-content .seslect_date{margin-top: 19px;}
.logo_invoice .img-fluid{    height: 34px;max-width: 44%;    margin-bottom: 29px;}
.table_invoice td{width:28%}
.Invoicespan{font-weight: 700; margin-right: 10px;width: 34%;display: inline-block;}
.table_im th:first-child{    width: 5%;}
.table_im td:last-child{ text-align:center}
td.Invoicespan{width:100%}
.contact-us .media{    margin: 0 0 34px;}
 .contact-us .media i{    margin-left: -8%;
    position: absolute;
    font-size: 29px}
 .contact-us .media span.phone{    display: block;
    width: 100%;
    position: relative;
    white-space: pre-wrap;}
	.social-icons{width: 25%; margin: 0 auto;  white-space: initial; margin-top: 10px}
	.social-icons li{    display: inline-block;  float: left;  margin-right: 16px; border-radius: 50%;}
	.social-icons li i{    border: 1px solid #3697d3;
    border-radius: 62%;
    font-size: 31px;
    padding: 5px;}
	.social-icons li .fa-facebook-f{padding: 3px 9px;}
	.form-startup .checked{width: 6%;    position: relative;display: inline-block;left: 0;}
	.form-startup label{display:none}
	#sas_form{width:82%}
	.confirm_payment .placement_txt{margin: 0PX;font-weight: 700;padding:0}
	.confirm_payment .Invoicespan{text-align:left;    margin-bottom: 7px;}
	.confirm_payment .btn-block { padding: 10px;font-weight: 700; background: #495057;}
	.confirm_payment .btn-info { padding: 10px;font-weight: 700; width:100%}
	.confirm_payment .media{    margin: 34px 0 15px 15px; border-bottom: 1px solid #ccc;padding-bottom: 22px;}
	#area_mobile_code{margin-left: 8px;}
	p.price{    padding: 0px; font-size: 13px; text-align: -webkit-auto; width: 97%; margin: 0 auto; line-height: 1.7;}
	.product-container .col-md-4{padding-left: 29px;}
	/*.product-cart ul li:last-child{display:none !important}*/
	.info h5{text-align:left}
	.product_reorder p.price , .product_reorder_no_loop p.price{text-align:center}
	.product_reorder .single-product , .product_reorder_no_loop .single-product {height: 209px;}
	.product_reorder .single-product .reoder_info ,.product_reorder_no_loop .single-product .reoder_info{    height: 140px;}
	#useEvoucher{width:4% !important}
	.tab-grid .date_label{    margin-bottom: -21px;}
	.file-upload {
	position: relative;
	display: inline-block;
}

.file-upload__label {
  display: block !important;
  padding: 1em 2em;
  color: #fff;
  background: #222;
  border-radius: .4em;
  transition: background .3s;
  
  &:hover 
     cursor: pointer;
     background: #000;
	 cursor:pointer;
  
}
    
.file-upload__input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 1;
    width:0;
    height: 100%;
    opacity: 0;
}
.rslides_container  .img-fluid{max-width: 59%;
    height: auto;
    display: flex;
    margin: 23px 00;
    flex: 100%;
}
#alert alert-danger{padding-top:0 !important}
.arrival-product .owl-item img{float:none;display:block;margin:0 auto;width:auto;height:auto}
.product_instalment ul {margin-left: 3px;margin-top: 10px;font-size: 12px;font-weight: 600;}
/****loader1***/
.loader2 {
  border: 7px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    width: 30px;
    height: 30px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite; 
  position:absolute;
      margin-top: -47px;
  margin-left: auto;
margin-right: auto;
left: 0;
right: 0;

}
.contact-form .loader2{ margin-top: -42px;}
td .loader2 {  margin-top: -42px !important;
    margin-left: auto;
    margin-right: auto;
    left: -63px;
    right: 0;}
	
td ul .loader2 {    left: 8px;margin-top: -28px !important;}
.table td, .table th{position:relative}
.steps .loader2{    margin-top: -36px;}
#submit_loader{    width: 85%; height: 90%; background: rgba(254, 254, 254, 0.8);   position: absolute;top: 100px; left: 102px;}

#submit_loader .loader2{    border: 9px solid #f3f3f3;
    border-radius: 50%;
    border-top: 11px solid #3498db;
    width: 97px;
    height: 97px;    margin-top: 40%;}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.product-cart .loader2{    margin-top: -33px;}
.loader_activ{background:#bfbfbf !important;border:#bfbfbf !important}
/*******loader2*******/
/*.user-account label.error{position: relative !important;
    top: -99px !important;display:inline-block !important}*/
.loader {
  position: absolute;
    width: 18px;
    height: 65px;
    margin: -71px auto;
    margin-left: 8%;
}
.loader__bar {
  position: absolute;
  bottom: 0;
  width: 6px;
  height: 39%;
  background: #3697d3;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.loader__bar:nth-child(1) {
  left: 0px;
  -webkit-transform: scale(1, 0.2);
          transform: scale(1, 0.2);
  -webkit-animation: barUp1 4s infinite;
          animation: barUp1 4s infinite;
}
.loader__bar:nth-child(2) {
  left: 11px;
  -webkit-transform: scale(1, 0.4);
          transform: scale(1, 0.4);
  -webkit-animation: barUp2 4s infinite;
          animation: barUp2 4s infinite;
}
.loader__bar:nth-child(3) {
  left: 23px;
  -webkit-transform: scale(1, 0.6);
          transform: scale(1, 0.6);
  -webkit-animation: barUp3 4s infinite;
          animation: barUp3 4s infinite;
}
.loader__bar:nth-child(4) {
  left: 35px;
  -webkit-transform: scale(1, 0.8);
          transform: scale(1, 0.8);
  -webkit-animation: barUp4 4s infinite;
          animation: barUp4 4s infinite;
}
.loader__bar:nth-child(5) {
  left: 48px;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-animation: barUp5 4s infinite;
          animation: barUp5 4s infinite;
}
.loader__ball {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #3697d3;
  border-radius: 50%;
  -webkit-animation: ball 4s infinite;
          animation: ball 4s infinite;
}

@-webkit-keyframes ball {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  5% {
    -webkit-transform: translate(8px, -14px);
            transform: translate(8px, -14px);
  }
  10% {
    -webkit-transform: translate(15px, -10px);
            transform: translate(15px, -10px);
  }
  17% {
    -webkit-transform: translate(23px, -24px);
            transform: translate(23px, -24px);
  }
  20% {
    -webkit-transform: translate(30px, -20px);
            transform: translate(30px, -20px);
  }
  27% {
    -webkit-transform: translate(38px, -34px);
            transform: translate(38px, -34px);
  }
  30% {
    -webkit-transform: translate(45px, -30px);
            transform: translate(45px, -30px);
  }
  37% {
    -webkit-transform: translate(53px, -44px);
            transform: translate(53px, -44px);
  }
  40% {
    -webkit-transform: translate(60px, -40px);
            transform: translate(60px, -40px);
  }
  50% {
    -webkit-transform: translate(60px, 0);
            transform: translate(60px, 0);
  }
  57% {
    -webkit-transform: translate(53px, -14px);
            transform: translate(53px, -14px);
  }
  60% {
    -webkit-transform: translate(45px, -10px);
            transform: translate(45px, -10px);
  }
  67% {
    -webkit-transform: translate(37px, -24px);
            transform: translate(37px, -24px);
  }
  70% {
    -webkit-transform: translate(30px, -20px);
            transform: translate(30px, -20px);
  }
  77% {
    -webkit-transform: translate(22px, -34px);
            transform: translate(22px, -34px);
  }
  80% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px);
  }
  87% {
    -webkit-transform: translate(7px, -44px);
            transform: translate(7px, -44px);
  }
  90% {
    -webkit-transform: translate(0, -40px);
            transform: translate(0, -40px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes ball {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  5% {
    -webkit-transform: translate(8px, -14px);
            transform: translate(8px, -14px);
  }
  10% {
    -webkit-transform: translate(15px, -10px);
            transform: translate(15px, -10px);
  }
  17% {
    -webkit-transform: translate(23px, -24px);
            transform: translate(23px, -24px);
  }
  20% {
    -webkit-transform: translate(30px, -20px);
            transform: translate(30px, -20px);
  }
  27% {
    -webkit-transform: translate(38px, -34px);
            transform: translate(38px, -34px);
  }
  30% {
    -webkit-transform: translate(45px, -30px);
            transform: translate(45px, -30px);
  }
  37% {
    -webkit-transform: translate(53px, -44px);
            transform: translate(53px, -44px);
  }
  40% {
    -webkit-transform: translate(60px, -40px);
            transform: translate(60px, -40px);
  }
  50% {
    -webkit-transform: translate(60px, 0);
            transform: translate(60px, 0);
  }
  57% {
    -webkit-transform: translate(53px, -14px);
            transform: translate(53px, -14px);
  }
  60% {
    -webkit-transform: translate(45px, -10px);
            transform: translate(45px, -10px);
  }
  67% {
    -webkit-transform: translate(37px, -24px);
            transform: translate(37px, -24px);
  }
  70% {
    -webkit-transform: translate(30px, -20px);
            transform: translate(30px, -20px);
  }
  77% {
    -webkit-transform: translate(22px, -34px);
            transform: translate(22px, -34px);
  }
  80% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px);
  }
  87% {
    -webkit-transform: translate(7px, -44px);
            transform: translate(7px, -44px);
  }
  90% {
    -webkit-transform: translate(0, -40px);
            transform: translate(0, -40px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes barUp1 {
  0% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
  40% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  90% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
}
@keyframes barUp1 {
  0% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
  40% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  90% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
}
@-webkit-keyframes barUp2 {
  0% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
  40% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
  50% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
  90% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
  100% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
}
@keyframes barUp2 {
  0% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
  40% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
  50% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
  90% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
  100% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
}
@-webkit-keyframes barUp3 {
  0% {
    -webkit-transform: scale(1, 0.6);
            transform: scale(1, 0.6);
  }
  100% {
    -webkit-transform: scale(1, 0.6);
            transform: scale(1, 0.6);
  }
}
@keyframes barUp3 {
  0% {
    -webkit-transform: scale(1, 0.6);
            transform: scale(1, 0.6);
  }
  100% {
    -webkit-transform: scale(1, 0.6);
            transform: scale(1, 0.6);
  }
}
@-webkit-keyframes barUp4 {
  0% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
  40% {

    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
  50% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
  90% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
  100% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
}
@keyframes barUp4 {
  0% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
  40% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
  50% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
  90% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
  100% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
}
@-webkit-keyframes barUp5 {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  40% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
  90% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes barUp5 {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  40% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
  90% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

/*******loader3*******/

@import url(https://fonts.googleapis.com/css?family=Comfortaa:400,700,300);


svg {
  width: 30px;
  height: 30px;
  display: block;
    margin: 31px auto;
}

/*h1 {
  text-align: center;
  color: #fff;
  margin: 0 0 100px;
  font-size: 34px;
  font-weight: 100;
  text-transform: uppercase;
  background-color: #e43725;
  padding: 20px 0;
}
h1 b {
  font-weight: 700;
}*/

.made-with-love {
  margin-top: 20px;
  padding: 10px;
  font-size: 10px;
  font-family: arial;
  color: #fff;
}
.made-with-love i {
  font-style: normal;
  color: #F50057;
  font-size: 14px;
  position: relative;
  top: 2px;
}
.made-with-love a {
  color: #fff;
  text-decoration: none;
}
.made-with-love a:hover {
  text-decoration: underline;
}
.loader3{position: absolute;
    margin-top: -59px;
    margin-left: 8%;}
	
.user ul li a i.fa-power-off{padding-right: 13px;}
#area_mobile_code ,#area_code{    width: auto !important;max-width: 19% !important;}

.fixfixed #sticky-header{  position: relative !important;}
.ui-dialog-content .set_Referrer .page-title{width: 53%;} 
.ui-dialog-content .set_Referrer .page-title h2{    font-size: 18px;}
.ui-dialog-content .set_Referrer .page-title h2:before{    height: 85%; width: 7px;}
.ui-dialog-content .offset-lg-3{    margin-left: 4%;}
.product_week{    position: absolute;right: 0;top: 19%;z-index: 2;}

.product_week_label{

    float: left;
    background: #000;
    opacity: 0.7;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    margin: 0 auto 14px;
    width: 100%;
    /* position: absolute; */
    top: 180px;
    left: 30%;
    text-align: center;}
	
	
	.course_List{overflow:auto}
	.Course_list_main .media{    margin: 0 0 23px;padding-bottom: 22px;}
	.Course_list_main .fs-subtitle{    margin-bottom: 0px}
	.Course_list_main .d-flex{width: auto;}
.update_progress_img{width:100%}
.scroll-number-0 , .scroll-number-1{background: #838383;
    padding: 6px 14px;
    color: #fff;
    font-size: 22px;
    border-radius: 4px;margin-right: 2px !important;}
	.scroll-text{   font-size: 13px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    padding: 0px;
    line-height: 1;;}
	.counter_10{background: rgba(0, 0, 0, 0.45);
    padding: 6px 0 0;
    position: absolute;
    width: 88%;
    margin-left: -16px;
    TOP: 119PX;
}
.counter_10 ul{line-height: 1.4;}

#set_referer_form label.error{top: -43px !important;right: 17px !important;}
#login_form #password-error.error{top: 116px !important; right: 45px !important;}
#login_form #user_name-error.error{right: 45px;top: 18px !important;}
#g-recaptcha-error{top: 67% !important;right: 261px !important;display:block !important}
.form-startup #g-recaptcha-error{top: -42px !important; right: 114px !important;}
#set_referer_form #g-recaptcha-error{    top: auto !important;bottom: 176px; right: 207px !important;}
#login_form #g-recaptcha-error{ top: 50% !important; right: 230px !important;}
.orginal_price {
    text-decoration: line-through;
    padding: 0 9px;
}
.discount_price {
    font-weight: 600;
}
.in_promo{background: #ff2600;
    padding: 5px 4px;
    position: absolute;
    bottom: 0;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    width: 35%;}
.rc-anchor-normal {width: 292px !important}
.close {
  cursor: pointer;
  position: absolute;
    top: 12px;
    right: 21%;
    padding: 12px 16px;
    transform: translate(0%, -50%);
    z-index: 1000000;
    font-size: 27px;
    color: #fff;
    opacity: 100;
    font-weight: 500;
}
#mount-id{    width: 100%;
    height: 207px;
    overflow: hidden;}
.alert-danger .close{top: 20px;
right: 2%;}
.payment_tax{background:white;border: 0 none;border-top-color: currentcolor; border-top-style: none; border-top-width: 0px;border-radius: 3px;box-shadow: 0 2px 5px 0 rgba(0,0,0,.08);padding: 20px 30px;border-top: 9px solid#3697d3;box-sizing: border-box;width: 85%;margin: 35px auto;}
#pay_live_account_tax_form{width: 100%;}
#payment_submit_btn{float:right}
.payment_tax .fs-subtitle{background-color: #d4edda;    width: 100%;padding: 16px;font-size: 16px;    color: #155724;}
.payment_tax .fs-subtitle:before{    background: none;}
#three_ds_iframe h1{font-size: 20px;}
.mount-id_alert{border: 2px solid #dc0a1e;border-radius: 4px;}
#pay_live_account_tax_form #submit_loader .loader2{    margin-top: 16%;}
#pay_live_account_tax_form #submit_loader  {
    width: 104%;
    height: 127%;
    background: rgba(254, 254, 254, 0.8);
    position: absolute;
    top: -89px;
    left: -11px;
}
#pay_live_account_tax_form #countryCode{height:34px;}
input[type="submit"]:disabled,
input[type="button"]:disabled,button[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
cursor: inherit;
}
input[type="submit"]:disabled:hover,
input[type="button"]:disabled:hover{ background-color: #cccccc;}
.banner-area{margin-top: -12px;}
.out_stock{margin-left: 18px; font-size: 11px !important;color: red !important;}
.Disabled{pointer-events: none; 
            cursor: default; 
            text-decoration: none; 
         
    border-color: #ccc !important;
    color: #ccc !important;  }
.product-cart ul li:hover>a.Disabled {
    background:none;
    border-color: #ccc;
    color: #ccc;
}
.product-cart ul li a.Disabled i.fa {
    color: #ccc;
}
.reoder_info .img {
    position: relative;
    overflow: hidden;
    height: 140px;
}

.new_reorder .reoder_info{padding:0 !important}
 .new_reorder .img{    padding: 0 !important;height: 125px !important;}
 .new_reorder .img img{ width: 100% !important;margin: 0 auto !important;}
/*********newclasses**************/
.new_reorder .reoder_info{padding:0 !important}
 .new_reorder .img{    padding: 0 !important;height: 147px !important;}
 .new_reorder .img img{ width: 100% !important;margin: 0 auto !important;}
 .product_reorder .new_reorder .reoder_info, .product_reorder_no_loop .new_reorder .reoder_info{height: auto;background: #f8f8f8;}
 .new_reorder .info	{    height: 100%;background: #f8f8f8;    padding-bottom: 14px !important;}
	.product_reorder .new_reorder .info h4, .product_reorder_no_loop .new_reorder .info h4{margin-top:2px}	
	.product_reorder .new_reorder, .product_reorder_no_loop .new_reorder{ height:90%;}
	.price_reoder{    height: 66px;}
	.product_reorder .new_reorder .info h5, .product_reorder_no_loop .new_reorder .info h5{margin-top: 6px;}
	.mobile_reorder_opener{display:none}
    .reorder_opener{display:block}


.reorder_quick{float: right;}
.reorder_quick .product-cart {border-top: 0px solid #e9e9e9;  padding-top: 0px;  margin-top: 0px;  float: right;margin-bottom: 5px;    MARGIN-RIGHT: 36px;}
.contact-form .form-horizontal label{display:block !important}

.resp-tabs-list li{ margin:0 5px 0 0 !important;    padding: 13px 27px !important;}
.free_product{    width: 50%; float: right;}
.free_product .img-fluid{max-width: 62% !important;}
.free_product span{display: block;float: right;
    text-align: right;
    position: absolute;
    right: 162px;
    font-weight: 700;
    color: red !important;font-size:15px}
.free_product .pull-left{float: left !important;}