/*

Typography

=========================== */

html,
body {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body {
    font-family: 'Open Sans', sans-serif;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    color: #6f6f6f;
}

.mar-r-20 {
    margin-right: 20px;
}

.mar-r-10 {
    margin-right: 10px;
}

.mar-b-15px {
    margin-bottom: 15px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-10 {
    margin-top: 10px;
}

.img-responsive {
    width: 100%;
}


/*==============================================================*/

.header_cart_html .top-cart {
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.carousel-fade .carousel-inner .item {
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
    z-index: 2;
}


/*=====================Top Navber Style======================================*/

.top-header-sec {
    padding: 7px 0px;
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
}

.top-phone-no p,
.top-header-title p {
    margin-bottom: 0px;
}

.top-phone-no p a {
    font-size: 14px;
    color: #6f6f6f;
}

.top-header-curr-language .bootsnav {
    border-bottom: 0px!important;
    z-index: 999!important;
    min-height: 20px!important;
    margin-bottom: 0px;
}

.top-header-curr-language .navbar.bootsnav ul.nav > li > a {
    padding: 5px 15px!important;
    font-weight: 300;
    color: #6f6f6f;
}

.top-header-curr-language .bootsnav .navbar-nav .dropdown {}

.top-header-curr-language .bootsnav .navbar-nav .dropdown .dropdown-menu li a {
    text-align: left!important;
}


/*=========================================*/

.middle-navber-area {
    padding: 20px 0px;
    background: #fff;
}

.cart-wish-login-middle .navbar.bootsnav ul.nav > li > a {
    padding: 5px 15px!important;
    font-weight: 300;
}

.cart-wish-login-middle .bootsnav {
    border-bottom: 0px!important;
    z-index: 99!important;
    min-height: 20px!important;
    margin-bottom: 0px;
}

.cart-wish-login-middle .bootsnav .attr-nav > ul > li > a {
    padding: 13px 15px!important;
}

.search-area-middle .form {
    border-bottom: 1px solid #f5f5f5;
}

.search-area-middle .form-control {
    border-radius: 0px;
    border: 0px;
    box-shadow: none;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
}

.custom-search-btn .btn-default {
    font-size: 20px;
    border-radius: 0px;
    border: 0px;
    font-family: 'Source Sans Pro', sans-serif;
}

.custom-search-btn .btn-default:hover {
    background: none;
}

.search-area-middle .search-panel .btn-default {
    font-size: 16px;
    border-radius: 0px;
    border: 0px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #6f6f6f;
}

.custom-search-btn .btn-default {
    color: #6f6f6f;
}

.search-area-middle .search-panel .btn-default:hover {
    background: none;
}


/*==========================================================*/

nav.navbar.bootsnav ul.nav > li > a {
    padding: 20px 15px;
    font-weight: 400;
    color: #000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
}

.height-15 {
    height: 15px;
    margin-right: 7px;
}

nav.navbar.bootsnav .collapse.navbar-collapse {
    padding: 0px;
}

.left-sidebar-nav {
    background: #222;
}

.left-sidebar-nav:hover {
    background: #222;
}

.left-sidebar-nav.nav > li > a {
    color: #fff!important;
    padding: 20px 30px !important;
}

.sidebar-category-browse:hover {
    color: #fff!important;
}

.sticky-wrapper.is-sticky .main-navber-area {
    z-index: 999!important;
    transition: all .3s ease-in-out;
}

.sticky-wrapper .attr-nav {
    display: block;
}

.main-navber-area .attr-nav {
    position: absolute;
    right: 0px;
    top: -75px;
}

.main-navber-area.fixed-header .attr-nav {
    position: relative;
    top: 0px;
}

.main-navber-area .attr-nav .search {
    display: none;
}

.main-navber-area.fixed-header .attr-nav .search {
    display: block;
}

.main-navber-area nav.navbar .navbar-brand img.logo {
    width: 170px;
    display: block;
}

.main-navber-area.fixed-header .attr-nav {
    display: block;
    transition: all .5s ease-in-out;
}

.main-navber-area.fixed-header nav.navbar .navbar-brand img.logo {
    width: 150px;
    transition: all .5s ease-in-out;
    display: block;
    left: 0;
    position: absolute;
    top: 0px;
}

/*=================Carousel area section=======================*/

.skyblue {
    background-image: url(../../assets/images/slider-1.png);
    background-size: cover;
    background-position: 100% 100%;
}

.deepskyblue {
    background-image: url(../../assets/images/slider-2.png);
    background-size: cover;
    background-position: 100% 100%;
}

.darkerskyblue {
    background-image: url(../../assets/images/slider-3.png);
    background-size: cover;
    background-position: 100% 100%;
}

.slider-caro.carousel .item {
    min-height: 100vh width: 100%;
}

.slider-caro .carousel-caption {
    bottom: 50%;
    transform: translateY(50%);
    text-align: left;
    left: 10%;
    right: 10%;
}

.custom-carusel-caption h3 {
    text-shadow: none;
    font-size: 25px;
    margin-bottom: 20px;
    color: #222;
}

.carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
    bottom: 30%;
}

.custom-carusel-caption p {
    text-shadow: none;
    font-size: 17px;
    margin-bottom: 20px;
    color: #222;
}

.custom-carusel-caption .btn-default {
    border-radius: 0px;
    background-color: rgb(248, 107, 115);
    border: 2px solid rgb(248, 107, 115);
    color: #fff;
    font-weight: bold;
}

.custom-carusel-caption .btn-primary {
    border-radius: 0px;
    background: none;
    border: 2px solid #222;
    color: #222;
    margin-bottom: 20px;
    font-weight: bold;
}

.custom-carusel-caption .btn-primary:hover {
    border-radius: 0px;
    background: #fff;
    border: 2px solid #fff;
    color: #222;
    font-weight: bold;
}

.carousel-caption h3:first-child {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.carousel-caption h3:nth-child(2) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.carousel-caption button {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.main-container .carousel-indicators {
    bottom: 50%;/*
    z-index: 999;*/
    left: 20px;
    transform: translateY(50%);
    margin: 0px;
}

.main-container .carousel-indicators li {
    display: block;
    margin-top: 10px;
    border: 1px solid #777;
}

.main-container .carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin-top: 10px;
    background-color: #777;
}


/*==================================================================*/

.featured-category-sec {
    padding: 100px 0px;
    background: #fff;
    position: relative;
}

.featured-category-box {
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.featured-category-box::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 1;
}

.featured-category-box img {
    transform: scale(1);
    transition: all 1s ease-in-out;
}

.featured-category-box:hover.featured-category-box img {
    transform: scale(1.1);
    transition: all 1s ease-in-out;
}

.featured-cat-verlay {
    z-index: 99;
    position: absolute;
    bottom: 40px;
    text-align: center;
    left: 40%;
    transform: translateX(-35%);
}

.featured-cat-verlay a h3 {
    background: #fff;
    padding: 7px 15px;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
}


/*======================new-arival-pro-sec==================================*/

.new-arival-pro-sec {
    padding-top: 10px;
    padding-bottom: 100px;
    background-color: #fff;
    /*background-image: linear-gradient(to bottom, #f5f5f5 , #fff);*/
    position: relative;
}

.section-title-here {
    padding-bottom: 40px;
}

.section-title-here h2 {
    font-size: 27px;
    text-align: center;
    color: #222;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 600;
}
.commnets-section-area.blog-comments-area h3 {
    padding-bottom: 10px;
    border-bottom: 1px solid #f5f5f5;
    font-size: 18px;
}
.section-title-here p {
    font-size: 15px;
    font-family: "Roboto", sans-serif;
}
a.replay {
    padding: 10px;
    /* display: block; */
    margin-top: 10px;
    background: #999;
    color: #ffff;
}
a.replay i {
   margin-right: 7px;
}
.commnets-section-area .media-body p{
	margin-bottom: 15px;
} 
.new-arival-pro-box {
    position: relative;
    margin-bottom: 20px;
}

.new-arival-pro-box .product-cont-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.new-arival-pro-box .product-cont-box:hover.product-cont-box:before {
    opacity: 1;
    transition: all .5s ease-in-out
}

.new-arival-pro-box .product-cont-box:before {
    content: "";
   /* position: absolute;*/
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 1;
    opacity: 0;
    transition: all .5s ease-in-out
}

.new-arival-pro-box .product-cont-box:hover.product-cont-box .hide-product {
    opacity: 0;
    transition: all .5s ease-in-out
}

.new-arival-pro-box .product-cont-box:hover.product-cont-box img {
    transform: scale(1.1);
    transition: all 1s ease-in-out
}

.product-cont-box img {
    transform: scale(1);
    transition: all 1s ease-in-out
}

.new-arival-pro-box .product-cont-box .show-product {
    position: relative;
}

.new-arival-pro-box .product-cont-box .hide-product {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    opacity: 1;
    transition: all .5s ease-in-out
}

.product-info-box .cate-name {
    margin: 0px 10px;
    color: #999;
    text-transform: uppercase;
}
.product-info-box {
    padding: 10px;
    /* box-shadow: 0px 0px 6px -3px; */
}

.product-info-box .cate-name a {
    font-size: 13px;
    color: #777777;
}

.product-info-box .cate-name a:hover {
    font-size: 13px;
    color: #777;
}

.product-info-box .product-title {
    line-height: 17px;
}

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

.product-info-box .product-title a:hover {
    font-size: 16px;
    color: #777;
}

.product-info-box h2 {
    font-size: 18px;
    margin: 0px;
}

.product-info-box .product-price {
    display: block;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.product-info-box .product-price del {
    color: #999;
    margin-right: 10px;
}


/*=============================================*/

.products-cart-content {
    opacity: 0;
    transition: all 1s ease-in-out;
    z-index: 99;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.new-arival-pro-box .product-cont-box:hover.product-cont-box .products-cart-content {
    opacity: 1;
    transition: all 1s ease-in-out;
}

.products-cart-content ul li {
    float: left;
}

.products-cart-content ul li a {
    padding: 7px;
    margin-right: 5px;
    text-align: center;
    display: block;
    height: 35px;
    width: 35px;
    background-color: #fff;
    outline-color: #222;
}

.products-cart-content ul li a:hover {
    background-color: #777;
    color: #fff;
}

.products-cart-content ul li a i {
    line-height: 35px;
    font-size: 16px;
}


/*================================================*/

.new-collection-bannar {
    background-color: #e4d7d4;
    position: relative;
}

.banner-content-here {
    padding: 135px 0px;
}

.banner-content-here .ba-sub-title {
    font-size: 20px;
    font-weight: 300;
}

.banner-content-here .ba-title {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 20px;
}

.banner-content-here p {
    font-size: 18px;
    color: #000;
    margin-bottom: 20px;
}

.banner-content-here p span {
    color: #777;
}

.banner-content-here .btn-danger {
    border-radius: 0px;
    padding: 15px 25px;
    background: #000;
    border: 1px solid #000;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}


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

.cart-btn-delete {
    position: absolute;
    left: 5px;
    top: 0px;
    border-radius: 50%;
    border: 0px;
    color: red;
    padding: 7px 9px;
}


/*======================================================*/

.delevary-and-trams {
    position: relative;
    padding: 100px 0px;
    background-color: #f5f5f5;
}

.trams-cont-box i {
    color: #777;
    font-size: 40px;
    margin-bottom: 15px;
}

.trams-cont-box.text-center img {
    height: 40px;
    margin-bottom: 15px;
}

.trams-cont-box h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.trams-cont-box p {
    font-size: 14px;
    color: #222;
}

.trams-cont-box span {
    font-size: 14px;
    color: #222;
}


/*===========================*/

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: thin dotted;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.search-panel .dropdown-menu>li>a,
.search-panel .dropdown-menu>li>a {
    color: #262626;
    padding: 10px 15px;
    text-decoration: none;
}

.search-panel .dropdown-menu .active a {
    background-color: #222;
    color: #fff;
}

.search-panel .dropdown-menu>li>a:hover,
.search-panel .dropdown-menu>li>a:hover {
    background-color: #222;
    color: #fff;
}


/*===================================================================*/

.featured-product-sec {
    position: relative;
    padding: 100px 0px;
    /*background-image: linear-gradient(to top, #f5f5f5 , #fff);*/
    background-color: #fff;
}

.featured-product .slick-prev {
    left: 0px;
    background: #fff;
    padding: 1px 15px;
    height: auto;
    width: auto;
    display: none!important;
    transition: all .3s ease-in-out;
}

.featured-product:hover.featured-product .slick-prev {
    display: inline-block!important;
    transition: all .3s ease-in-out;
}

.featured-product .slick-prev:before {
    font-family: 'FontAwesome';
    content: "\f177";
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #222;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.featured-product .slick-next:before {
    font-family: 'FontAwesome';
    content: "\f178";
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #222;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.featured-product .slick-next {
    right: 0px;
    background: #fff;
    padding: 2px 15px;
    height: auto;
    width: auto;
    display: none!important;
    transition: all .3s ease-in-out;
}

.featured-product:hover.featured-product .slick-next {
    display: inline-block!important;
    transition: all .3s ease-in-out;
}


/*===========================================================*/

.home-blog-sec {
    padding-bottom: 100px;
    padding-top: 10px;
    background-color: #fff;
    position: relative;
}

.blog-post-box {
    cursor: pointer;
    position: relative;
    margin-bottom: 30px;
}

.blog-post-thum {
    position: relative;
    overflow: hidden;
}

.blog-post-box:hover.blog-post-box .blog-post-thum:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all .3s ease-in-out;
}

.blog-post-box .blog-post-thum:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    transition: all .3s ease-in-out;
}

.blog-post-thum img {
    width: 100%;
    transition: all .3s ease-in-out;
}

.blog-post-box:hover.blog-post-box .blog-post-thum img {
    transform: scale(1.1);
    transition: all .3s ease-in-out;
}

.blog-post-box .blog-info {
    margin-top: 10px;
}

.blog-post-box .blog-info span:hover {
    color: #777;
}

.blog-post-box .blog-info .fa {
    color: #777;
}

.blog-post-box .blog-info h3 {
    line-height: 20px;
}

.blog-post-box .blog-info h3 a {
    font-size: 17px;
}

.blog-post-box .blog-info h3 a:hover {
    color: #777;
}

.featured-blog .slick-prev {
    left: 0px;
    background: #fff;
    padding: 1px 15px;
    height: auto;
    width: auto;
    display: none!important;
    transition: all ease-in-out;
}

.featured-blog:hover.featured-blog .slick-prev {
    display: inline-block!important;
    transition: all ease-in-out;
}

.featured-blog .slick-prev:before {
    font-family: 'FontAwesome';
    content: "\f177";
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #222;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.featured-blog .slick-next:before {
    font-family: 'FontAwesome';
    content: "\f178";
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #222;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.featured-blog .slick-next {
    right: 0px;
    background: #fff;
    padding: 2px 15px;
    height: auto;
    width: auto;
    display: none!important;
}

.featured-blog:hover.featured-blog .slick-next {
    display: inline-block!important;
    transition: all ease-in-out;
}


/*========================================*/

.instagram-post-sec {
    padding: 100px 0px;
    position: relative;
    background-image: linear-gradient(to bottom, #f5f5f5, #fff);
}

.instagram-post-box {
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.instagram-post-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    opacity: 0;
    transition: all .5s ease-in-out
}

.instagram-post-box:hover.instagram-post-box .instagram-post-overlay {
    opacity: 1;
    transition: all .5s ease-in-out
}

.instagram-post-overlay {
    padding: 15px;
}

.instagram-post-overlay .insta-post {
    margin-top: 30px;
    display: block;
    opacity: 0;
    text-align: center;
    font-size: 20px;
    transition: all .5s ease-in-out
}

.instagram-post-box:hover.instagram-post-box .instagram-post-overlay .insta-post {
    opacity: 1;
    margin-top: 50px;
    transition: all .5s ease-in-out
}

.instagram-post-overlay span {
    color: #fff;
}

.instagram-post-overlay .bottom-solial {
    font-size: 18px;
    margin-top: 100px;
    transition: all .5s ease-in-out
}

.instagram-post-box:hover.instagram-post-box .instagram-post-overlay .bottom-solial {
    margin-top: 45px;
    transition: all .5s ease-in-out
}


/*========================================================================================*/

.footer-section-sec {
    padding: 80px 0px;
    position: relative;
    background-color: #f5f5f5;
}

.big-footer-box h3 {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
}

.big-footer-box ul {
    margin-top: 20px;
}

.big-footer-box ul li a {
    padding: 5px 0px;
    display: block;
    font-size: 14px;
    color: #777;
}

.big-footer-box ul li a:hover {
    color: #777;
}

.big-footer-box .social-cont .fa {
    font-size: 25px;
    margin-right: 15px;
}

.big-footer-box .social-cont .fa:hover {
    color: #777;
}


/*=================================================================*/

.footer-bottom-sec {
    position: relative;
    padding: 20px 0px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
}

.footer-bottom-sec p {
    margin-bottom: 0px;
}

.footer-bottom-sec p a {
    font-size: 15px;
    color: #777;
}

.bottom-footer-list .list-inline li a {
    padding-right: 15px;
    font-size: 15px;
}


/*==========================================================================*/

.common-page-title {
    padding: 50px;
    position: relative;
    background-color: #f5f5f5;
}

.page-title-here h3 {
    font-size: 26px;
    font-weight: 600;
}

.page-title-here .list-inline li {
    font-size: 15px;
    margin-top: 10px;
}

.page-title-here .list-inline li a {
    font-size: 15px;
    color: #777;
}


/*=============================================*/

.product-and-sidebar-sec {
    padding: 100px 0px;
    background: #fff;
    position: relative;
}

.categoris-sidebar .panel-default {
    border-radius: 0px;
}


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

.checkbox-area input[type=checkbox] + label {
    display: block;
    cursor: pointer;
    font-weight: 300;
}

.checkbox-area input[type=checkbox] {
    display: none;
}

.checkbox-area input[type=checkbox] + label:before {
    content: "\2714";
    border: 0.1em solid #ddd;
    border-radius: 0.2em;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-left: 0.2em;
    padding-bottom: 0.3em;
    margin-right: 10px;
    vertical-align: bottom;
    color: transparent;
    transition: .2s;
}

.checkbox-area input[type=checkbox] + label:active:before {
    transform: scale(0);
}

.checkbox-area input[type=checkbox]:checked + label:before {
    background-color: #777777;
    border-color: #777777;
    color: #fff;
    border-radius: 0px;
}

.img-height20 {
    height: 22px;
}


/*.products-cart-content ul li a img {

    margin-top: 7px;

}*/

.list-group-item .product-info-box hr {
    display: block!important;
}

.product-info-box hr {
    display: none;
}

.checkbox-area input[type=checkbox]:disabled + label:before {
    transform: scale(1);
    border-color: #aaa;
}

.checkbox-area input[type=checkbox]:checked:disabled + label:before {
    transform: scale(1);
    background-color: #f43438;
    border-color: #f43438;
}


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

.product-content .panel-default {
    border-radius: 0px;
    border: 0px;
    box-shadow: none;
}

.product-content .panel-default .panel-heading {
    background: none!important;
    box-shadow: none;
    border: 0px;
}

.product-content .panel-default .panel-heading .nav>li>a {
    position: relative;
    display: block;
    padding: 0px 0px;
    color: #777;
    font-size: 20px;
    margin-right: 10px;
}

.product-content .panel-default .panel-heading .nav-pills>li.active>a,
.product-content .panel-default .panel-heading .nav-pills>li.active>a:focus,
.product-content .panel-default .panel-heading .nav-pills>li.active>a:hover {
    color: #060606;
    background: none!important;
}


/*==============================================================*/

.pro-list-info {
    margin-top: 15px;
}

.pro-list-info .btn-default {
    padding: 12px 25px;
    background-color: #777;
    border-radius: 0px;
    border: 1px solid #777;
    color: #fff;
}

.pro-list-info .wish-quick {
    padding: 12px 15px;
    border-radius: 0px;
    border: 1px solid #ddd;
    text-align: center;
}

.pro-list-info .wish-quick:hover {
    background-color: #777;
    border-radius: 0px;
    border: 1px solid #777;
    color: #fff;
}

.product-show-tools select {
    padding-bottom: 7px;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px solid #ddd;
}

.pagination-result .pagination {
    margin: 0px;
}

.pagination-result .pagination>.active>a,
.pagination-result .pagination>.active>a:focus,
.pagination-result .pagination>.active>a:hover,
.pagination-result .pagination>.active>span,
.pagination-result .pagination>.active>span:focus,
.pagination-result .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #777;
    border-color: #777;
}

.pagination-result .pagination>li>a:focus,
.pagination-result .pagination>li>a:hover,
.pagination-result .pagination>li>span:focus,
.pagination-result .pagination>li>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #777;
    border-color: #777;
}

.pagination-result .pagination>li:first-child>a,
.pagination-result .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.pagination-result .pagination>li:last-child>a,
.pagination-result .pagination>li:last-child>span {
    margin-left: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.pagination-result .pagination>li>a,
.pagination-result .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 0px;
}


/*=============================================================*/

.compair-product-section {
    padding: 100px 0px;
    background: #fff;
    position: relative;
}

.new-arival-pro-box.compair-product {
    padding: 10px;
    border: 1px solid #f5f5f5;
}

.product-fulinformation .table {
    margin-bottom: 0px;
}

.compair-close-btn {
    position: absolute;
    right: 15px;
    top: 0px;
    z-index: 9;
    border-radius: 50%;
    border: 0px;
    padding: 3px 10px;
    color: #777;
    cursor: pointer;
}

.hidden-compair {
    display: none;
    transition: all .5s ease-in-out;
}


/*=================================================*/

.product-details-section {
    padding: 100px 0px;
    background: #fff;
    position: relative;
}

#exzoom {
    width: 450px;
}

.hidden {
    display: none;
}

.details-infoList li a:hover {
    color: #777;
}

.details-infoList li a {
    font-size: 14px;
}

.details-infoList li {
    position: relative;
    margin-bottom: 10px;
    font-size: 14px;
}

.details-infoList li:before {
    color: #777;
    content: "\f111";
    font-family: 'FontAweSome';
    position: absolute;
    left: -12px;
    top: calc(50% - 8px);
    font-size: 6px;
    margin-right: 10px;
}

.details-infoList {
    margin-bottom: 20px;
}


/*=========================================*/

.sidebar-category-browse .dropdown-menu li a {
    font-weight: 600;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 15px 15px!important;
    font-size: 15px;
    color: #060606;
}

.sidebar-category-browse .dropdown-menu li a i {
    margin-right: 10px;
}


/*=====================================*/


/* Customize the label (the container) */

.color-select {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 12px;
}


/* Hide the browser's default radio button */

.color-select input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom radio button */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}


/* On mouse-over, add a grey background color */

.color-select:hover input ~ .checkmark {
    background-color: #ccc;
}


/* When the radio button is checked, add a blue background */

.color-select input:checked ~ .checkmark {
    background-color: #2196F3;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.color-select input:checked ~ .checkmark:after {
    display: block;
}


/* Style the indicator (dot/circle) */

.color-select .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}


/*=====================================*/

.color-text {
    font-weight: 600;
    margin-top: 7px;
    margin-right: 11px;
    float: left;
}


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

.red {
    background-color: red;
}

.blue {
    background-color: blue;
}

.black {
    background-color: black;
}

.green {
    background-color: green;
}

.product-price {
    font-size: 20px;
    margin-top: 10px;
    font-weight: 600;
}

.select-product-count {
    margin-top: 20px;
    width: 150Px;
    float: left;
}

.select-product-count .input-group .input-group-addon {
    border-radius: 0px;
    cursor: pointer;
    background-color: #777;
    color: #fff;
    border-color: #777;
}

.product-details-content .btn-default {
    margin-top: 20px;
    padding: 6px 25px;
    background-color: #fff;
    border-radius: 0px;
    border: 1px solid #777;
    color: #fff;
    margin-left: 15px;
}

.add-wish-add-comp a {
    margin-top: 10px;
    display: block;
    font-size: 15px;
}

.add-wish-add-comp a:hover {
    color: #777;
}

.add-wish-add-comp a .fa {
    margin-right: 7px;
    font-size: 20px;
}


/*=============================================*/

.product-size-select {
    margin-top: 10px;
}

.size-text {
    font-weight: 600;
    margin-top: 12px;
    margin-right: 20px;
    float: left;
}

label.sku-prop-content.product_attribute_measurement {
    margin-top: 12px;
    margin-bottom: 0px;
}

.regular-checkbox .size {
    margin-top: 8px;
    background-color: #fff;
    border: 1px solid #cacece;
    padding: 2px 10px;
    display: inline-block;
    position: relative;
}

.regular-checkbox .size_active {
    background: #777777;
    color: #fff;
    border: 1px solid #777777;
}

.regular-checkbox + label:active,
.regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.regular-checkbox:checked + label {
    background-color: #fff;
    border: 1px solid red;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
    color: red;
}

.regular-checkbox:checked + label:after {
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: green;
}


/*===========================================================*/

.porduct-details-moreInformation {
    padding-top: 30px;
    padding-bottom: 100px;
    background-color: #fff;
}

.more-information-content .nav-tabs li a {
    font-size: 17px;
    font-weight: 600;
}

.more-information-content .nav-tabs > li {
    float: none;
    display: inline-block;
    zoom: 1;
}

.more-information-content .nav-tabs {
    text-align: center;
}

.more-information-content .nav-tabs>li.active>a,
.more-information-content .nav-tabs>li.active>a:focus,
.more-information-content .nav-tabs>li.active>a:hover {
    border-radius: 0px;
    color: #222;
    cursor: default;
    background-color: #fff;
    border: 1px solid #222;
    border-bottom-color: transparent;
}

.more-information-content .tab-content {
    border-right: 1px solid #222;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    padding: 15px;
}

.more-information-content .nav-tabs {
    border-bottom: 1px solid #222;
}

.more-information-content .nav>li>a:focus,
.more-information-content .nav>li>a:hover {
    text-decoration: none;
    background-color: #222;
    border-radius: 0px;
    color: #fff;
}

.more-information-content .tab-content .tab-pane h2 {
    font-size: 22px;
}

.more-information-content .tab-content .tab-pane h3 {
    font-size: 22px;
}

.btnsubmit {
    padding: 12px 25px;
    background-color: #777;
    border-radius: 0px;
    border: 1px solid #777;
    color: #fff;
    font-weight: 600;
}

.btnsubmit:hover {
    color: #fff;
}


/*==========================================================*/

.comments-area-content {
    margin-top: 30px;
}

.related-product-section {
    padding-top: 30px;
    padding-bottom: 100px;
    background-color: #fff;
    position: relative;
}

.comments-area-content .media-heading {
    font-size: 17px;
}


/*==========================================================*/

.thumbnail {
    margin-bottom: 20px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.item.list-group-item {
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}

.item.list-group-item:nth-of-type(odd):hover,
.item.list-group-item:hover {
    background: #428bca;
}

.item.list-group-item .list-group-image {
    margin-right: 10px;
}

.item.list-group-item .thumbnail {
    margin-bottom: 0px;
}

.item.list-group-item .caption {
    padding: 9px 9px 0px 9px;
}

.item.list-group-item:nth-of-type(odd) {
    background: #eeeeee;
}

.item.list-group-item:before,
.item.list-group-item:after {
    display: table;
    content: " ";
}

.item.list-group-item img {
    float: left;
}

.item.list-group-item:after {
    clear: both;
}

.list-group-item-text {
    margin: 0 0 11px;
}


/*====================================================*/

.blog-content-section {
    padding: 100px 0px;
}

.sidebar-blog-sec h3 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    position: relative;
}

.sidebar-blog-sec h3:before {
    content: '';
    width: 40px;
    height: 2px;
    background: #d1d1d1;
    position: absolute;
    left: 0;
    bottom: 0;
}

.sidebar-category-list li a {
    padding: 4px 0px;
    font-size: 15px;
    display: block;
    margin-bottom: 7px;
}

.sidebar-category-list li a:hover {
    color: #222;
}

.sidebar-blog-sec {
    margin-bottom: 30px;
}

.sidebar-blog-sec .media .media-body .media-heading {
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 5px;
}

.sidebar-blog-sec .media .media-body p a {
    font-size: 14px;
    line-height: 20px;
}

.sidebar-blog-sec .media .media-body p {
    line-height: 17px;
}


/*=================================*/

.educational-componats {
    padding: 15px 0px;
}

.educational-content {
    background: #fff;
}

.educational-content a h3 {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 15px;
}

.product-details-title {
    font-size: 22px;
    margin-top: 15px;
    margin-bottom: 5px;
}

.no-radius {
    border-radius: 0px;
}


/*========================================*/

.share-group {
    float: right;
}

.mobile-social-share .btn-group {
    display: inline-block;
    font-size: 0;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
}

.mobile-social-share ul {
    float: right;
    list-style: none outside none;
    margin: 0;
    min-width: 61px;
    padding: 0;
}

.share-group .share {
    min-width: 17px;
}

.mobile-social-share li {
    display: block;
    font-size: 18px;
    list-style: none outside none;
    margin-bottom: 3px;
    margin-left: 4px;
    margin-top: 3px;
}

.share-group .btn-share {
    background-color: #BEBEBE;
    border-color: #CCCCCC;
    color: #333333;
}

.share-group .btn-twitter {
    background-color: #3399CC !important;
    width: 51px;
    color: #FFFFFF!important;
}

.share-group .btn-facebook {
    background-color: #3D5B96 !important;
    width: 51px;
    color: #FFFFFF!important;
}

.share-group .btn-facebook {
    background-color: #3D5B96 !important;
    width: 51px;
    color: #FFFFFF!important;
}

.share-group .btn-google {
    background-color: #DD3F34 !important;
    width: 51px;
    color: #FFFFFF!important;
}

.share-group .btn-linkedin {
    background-color: #1884BB !important;
    width: 51px;
    color: #FFFFFF!important;
}

.share-group .btn-pinterest {
    background-color: #CC1E2D !important;
    width: 51px;
    color: #FFFFFF!important;
}

.share-group .btn-mail {
    background-color: #FFC90E !important;
    width: 51px;
    color: #FFFFFF!important;
}

.share-group .btn-share .caret {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
}

#socialShare {
    max-width: 59px;
}

#socialShare > a {
    padding: 6px 10px 6px 10px;
}

.like-share-componamts .share-group .dropdown-menu {
    min-width: 20px;
}

.like-share-componamts {
    padding: 5px 15px;
    border-top: 1px solid #ccc;
}

.share-group .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    background: none!important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px;
    border: 0px;
    border-radius: 0px;
    webkit-box-shadow: none;
    box-shadow: none;
}

.educational-componats p {
    text-align: justify;
}

.share-group.btn-group>.btn+.dropdown-toggle {
    height: 26px;
    line-height: 23px;
    padding-right: 9px;
    padding-left: 8px;
}

.share-group .dropdown-menu li {
    float: left;
    margin: 2px;
}

.like-share-componamts .share-group .btn-info {
    border-radius: 0px;
}

.like-share-componamts .like-button {
    float: left;
}

.like-share-componamts .like-button .btn-info {
    border-radius: 0px;
    margin-right: 10px;
}

@media (max-width: 320px) {
    #socialHolder {
        padding-left: 5px;
        padding-right: 5px;
    }
    .mobile-social-share h3 {
        margin-left: 0;
        margin-right: 0;
    }
    #socialShare {
        margin-left: 5px;
        margin-right: 5px;
    }
    .mobile-social-share h3 {
        font-size: 15px;
    }
}

@media (max-width: 238px) {
    .mobile-social-share h3 {
        font-size: 12px;
    }
}

.commnets-section-area {
    padding: 30px 0px;
}


/*===========================*/

.comment-form-area {
    margin-top: 20px;
    background: #fff;
    padding-top: 30px;
}

.comment-form-area .form-group .form-control {
    border-radius: 0px;
}

.comment-form-area .form-group .control-label {
    margin-bottom: 10px;
}

.comment-form-area .form-group .btn-default {
    background-color: #777;
    color: #fff;
    border-radius: 0px;
    border: 0px;
    padding: 10px 15px;
}


/*==================================*/

.related-blog-sec {
    padding-top: 100px;
    background-image: linear-gradient(to bottom, #f5f5f5, #fff);
}


/*=============================================*/

.conatact-page-info-sec {
    background-image: linear-gradient(to bottom, #f5f5f5, #fff);
    padding: 50px 0px;
    position: relative;
}

.get-and-touch {
    padding: 15px;
    margin-top: 0px;
}


/*==========================================*/

.contact-page-slogan {
    padding: 30px 0px;
}

.contact-page-slogan .trams-cont-box .fa {
    color: #777;
    font-size: 30px;
    margin-bottom: 15px;
}

.contact-page-slogan .trams-cont-box {
    min-height: 100px;
    margin-bottom: 30px;
}

.contact-page-slogan .trams-cont-box p {
    font-size: 13px;
}

.contact-page-slogan .trams-cont-box p a {
    font-size: 13px;
}


/*===============================================*/

.static-page-section {
    padding: 100px 0px;
    position: relative;
    background: #fff;
}


/*======================================*/

.store-list-section {
    padding: 100px 0px;
    position: relative;
    background-color: #fff;
}

.store-list-cont-box {
    padding: 15px;
    box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.5);
    margin-bottom: 30px;
}

.store-list-cont-box img {
    margin-bottom: 10px;
}

.store-list-cont-box p {
    margin-bottom: 7px;
}


/*=============================================================*/

.product-cart-page-section {
    padding: 100px 0px;
    background: #fff;
    position: relative;
}

.mar-top-0 {
    margin-top: 0px;
}

.cart-product tbody tr td {
    vertical-align: middle;
}

.product-title {
    font-weight: bold;
}

.cart-close-btn {
    padding: 5px 7px;
    border-radius: 50%;
    border: 1px solid #222;
    background-color: #fff;
    color: #222;
    transition: all .3s ease-in-out;
}

.cart-close-btn:hover {
    background-color: #222;
    color: #fff;
    transition: all .3s ease-in-out;
}

.hidden-cart {
    display: none;
    transition: all .5s ease-in-out;
}

.bottom-footer-list {
    float: right;
}


/*==========================*/

.pro-cart-summary {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #f5f5f5;
    overflow: hidden;
}

.pro-cart-summary-box h3 {
    font-size: 20px;
    font-weight: bold;
}

.pro-cart-summary .go-shop {
    border-radius: 0px;
    padding: 10px 15px;
    background-color: #777;
    color: #fff;
    font-weight: bold;
    border: 1px solid #777;
    transition: all .3s ease-in-out;
}

.pro-cart-summary .go-shop:hover {
    border-radius: 0px;
    padding: 10px 15px;
    background-color: #fff;
    color: #777;
    font-weight: bold;
    border: 1px solid #777;
    transition: all .3s ease-in-out;
}

.pro-cart-summary .go-checkout {
    border-radius: 0px;
    padding: 10px 15px;
    background-color: #fff;
    color: #777;
    font-weight: bold;
    border: 1px solid #777;
    transition: all .3s ease-in-out;
}

.pro-cart-summary .go-checkout:hover {
    border-radius: 0px;
    padding: 10px 15px;
    background-color: #777;
    color: #fff;
    font-weight: bold;
    border: 1px solid #777;
    transition: all .3s ease-in-out;
}

.checkout-page-section {
    padding: 100px 0px;
    background: #fff;
    position: relative;
}


/*==============================================*/

.stepwizard-step p {
    margin-top: 0px;
    margin-top: 10px;
    color: #666;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    /*opacity: 1 !important;

    filter: alpha(opacity=100) !important;*/
}

.stepwizard .btn.disabled,
.stepwizard .btn[disabled],
.stepwizard fieldset[disabled] .btn {
    opacity: 1 !important;
    color: #222;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 75%;
    height: 2px;
    background-color: #ccc;
    z-index: 0;
    left: 50%;
    transform: translateX(-50%);
}

.btn-custom {
    color: #fff!important;
    background: #777;
    border: 1px solid #777;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.stepwizard-step p small {
    font-weight: bold;
    font-size: 15px;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.checkout-page-content .stepwizard {
    padding-bottom: 20px;
}

.checkout-panel {
    border-radius: 0px;
}

.checkout-panel .panel-heading {
    padding: 5px 15px;
}

.checkout-panel .panel-heading .panel-title {
    font-size: 18px;
    font-weight: 600;
}

.checkout-panel .panel-footer {
    background: #fff;
}

.checkout-panel .panel-footer .btn-default {
    border-radius: 0px;
    padding: 7px 25px;
    font-weight: bold;
    background-color: #777;
    color: #fff;
    border: 1px solid #777;
}

.checkout-panel .form-group .form-control {
    border-radius: 0px;
}

.checkout-panel .form-group .control-label span {
    color: red;
}

.hide-cont {
    display: none;
}

.payment-box {
    border: 1px solid #f5f5f5;
    overflow: hidden;
}


/*===============================================*/


/*.modal {

  text-align: center;

  padding: 0!important;

}

.modal:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle;

  margin-right: -4px;

}

.modal-dialog {

  display: inline-block;

  text-align: left;

  vertical-align: middle;

}

.quick-view-caro{

}

*/

.quick-caro-cont.carousel-control .fa-chevron-left,
.carousel-control .icon-prev {
    left: 50%;
    top: 50%;
    position: absolute;
    margin-left: -10px;
}

.quick-caro-cont.carousel-control .fa-chevron-right,
.carousel-control .icon-next {
    right: 50%;
    top: 50%;
    margin-right: -10px;
    position: absolute;
}

.quick-caro-cont.carousel-control.right {
    right: 0;
    left: auto;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
}

.quick-caro-cont.carousel-control.left {
    left: 0;
    left: auto;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
}


/*=========================================*/

.discount-pri {
    color: #777;
    font-size: 16px;
    margin-right: 20px;
}

.social-with {
    text-align: center;
    position: relative;
    padding-top: 30px;
    border-top: 1px solid #ddd;
    margin-top: 24px;
    padding-bottom: 10px;
}

.social-with a {
    display: inline-block;
    height: 40px;
    width: 40px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    text-align: center;
    border-radius: 50%;
}

.social-with a .fa {
    line-height: 40px;
}

.social-with a.google {
    background-color: #F74933;
    color: #fff;
}

.social-with a.facebook {
    background-color: #455CA8;
    color: #fff;
}

.login-with-or {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 50%;
    background-color: #fff;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}

.Login-register-here {
    margin-top: 20px;
}

.Login-register-here .form-group input {
    border-radius: 3px;
    border: none;
    color: #333333;
    font-size: 16px;
    height: 46px;
    margin-bottom: 5px;
    padding: 13px 12px;
    width: 100%;
    background-color: rgba(0, 0, 0, .16);
    box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.09);
}

.Login-register-here .btn-default {
    padding: 15px 15px;
    background: #777;
    color: #fff;
    font-weight: 600;
}

.Login-register-here .btn-reg {
    padding: 15px 15px;
    background: #fff;
    border: 1px solid #777;
    color: #222;
    font-weight: 600;
}

.modal-footer-text p {
    font-size: 15px;
}

.modal-footer-text p a {
    font-size: 15px;
    color: #455CA8;
}


/*==========================================================*/

.list-group .new-arival-pro-box .product-info-box .pro-short-descrip {
    display: none;
}

.list-group .new-arival-pro-box .product-info-box .pro-list-info {
    display: none;
}

.list-group-item .new-arival-pro-box {
    box-sizing: border-box;
}

.list-group-item .new-arival-pro-box .product-cont-box {
    width: 33.33%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.list-group-item .new-arival-pro-box .product-info-box {
    width: 66.66%;
    float: left;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
}

.list-group-item .new-arival-pro-box .products-cart-content {
    display: none;
}

.xs-no-pad {
    padding: 0px;
}

.list-group .list-group-item {
    padding: 15px!important;
}

.list-group-item .new-arival-pro-box .product-info-box .pro-short-descrip {
    text-align: left;
    display: block;
}

.list-group-item .new-arival-pro-box .product-info-box .pro-list-info {
    display: block;
    text-align: left;
}

.list-group-item .new-arival-pro-box .product-info-box {
    display: block;
}

.item.list-group-item {
    background-color: #fff!important;
    padding: 0px;
    border: none;
}


/*=========================================*/

.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    background-color: red;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url("../../assets/images/Preloader_2.gif") center no-repeat #fff;
}


/*================bacto top======================*/

#button {
    display: inline-block;
    background-color: #1d1c1b;
    width: 40px;
    line-height: 22px;
    height: 40px;
    text-align: center;
    border-radius: 0px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

#button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 40px;
    color: #fff;
}

#button:hover {
    cursor: pointer;
    background-color: #333;
}

#button:active {
    background-color: #555;
}

#button.show {
    opacity: 1;
    visibility: visible;
}


/*=====================================================*/

.search-area-middle {
    position: relative;
    margin-top: 20px;
}
#target {
    display: none;
}

.Hide {
    display: none;
}

#exzoom {
    width: 450px;
    margin-left: 70px;
}

.search-result-box {
    z-index: 999;
    position: absolute;
    background: #fff;
    padding: 15px;
    border-top: 2px solid #222;
    width: 100%;
    display: none;
    box-shadow: 0px 0px 10px -3px #222;
}

.search-result-box h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
}

.search-result-box ul li {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 8px;
    padding-bottom: 8px;
}

.search-result-box ul li .media .media-heading {
    font-size: 16px;
}


/*/=======================*/

.peoduct-filterbox {
    background: #fff;
    width: 100%;
    height: auto;
    padding: 5px;
    display: none;
    padding: 10px;
    border-top: 1px solid #222;
    margin-bottom: 30px;
    box-shadow: -2px 2px 10px -3px;
}

.Hide {
    display: none;
}


/*=================*/

.f-color-cont {
    margin-top: 30px;
}

.f-color-cont li {
    position: relative;
    margin-bottom: 6px;
}

.f-color-cont {
    margin-top: 30px;
    height: 160px;
    overflow-x: hidden;
    overflow-y: scroll;
}


/* width */

::-webkit-scrollbar {
    width: 5px;
}


/* Track */

::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: #888;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #555;
}


/*===========================*/


/*.f-color-cont input[type=checkbox] + label {*/


/*    display: block;*/


/*    margin: 0.2em;*/


/*    cursor: pointer;*/


/*    padding: 0.2em;*/


/*    font-weight: 300;*/


/*}*/


/*.f-color-cont input[type=checkbox] {*/


/*    display: none;*/


/*}*/


/*.f-color-cont input[type=checkbox] + label:before {*/


/*    content: "";*/


/*    border: 0.1em solid #000;*/


/*    border-radius: 0px;*/


/*    display: inline-block;*/


/*    width: 15px;*/


/*    height: 15px;*/


/*    padding-left: 0.2em;*/


/*    padding-bottom: 0.3em;*/


/*    margin-right: 7px;*/


/*    vertical-align: top;*/


/*    color: transparent;*/


/*    transition: .2s;*/


/*}*/


/*.f-color-cont input[type=checkbox] + label:active:before {*/


/*    transform: scale(0);*/


/*}*/


/*.f-color-cont input[type=checkbox]:checked + label:before {*/


/*    background-color: #222;*/


/*    border-color: #222;*/


/*    color: #222;*/


/*}*/


/*.f-color-cont input[type=checkbox]:disabled + label:before {*/


/*    transform: scale(1);*/


/*    border-color: #aaa;*/


/*}*/


/*.f-color-cont input[type=checkbox]:checked:disabled + label:before {*/


/*    transform: scale(1);*/


/*    background-color: #bfb;*/


/*    border-color: #bfb;*/


/*}*/


/*==========================*/

.ui-slider-track .ui-btn.ui-slider-handle {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 10px;
    background: #fff;
    border: 1px solid;
    height: 10px;
    margin: -5px 0 0 -4px;
    outline: 0;
    padding: 0;
}

.ui-overlay-a,
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper {
    background-color: #fff;
    border-color: #fff;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
}

.ui-page-theme-a .ui-btn.ui-btn-active,
html .ui-bar-a .ui-btn.ui-btn-active,
html .ui-body-a .ui-btn.ui-btn-active,
html body .ui-group-theme-a .ui-btn.ui-btn-active,
html head+body .ui-btn.ui-btn-a.ui-btn-active,
.ui-page-theme-a .ui-checkbox-on:after,
html .ui-bar-a .ui-checkbox-on:after,
html .ui-body-a .ui-checkbox-on:after,
html body .ui-group-theme-a .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-a:after,
.ui-page-theme-a .ui-flipswitch-active,
html .ui-bar-a .ui-flipswitch-active,
html .ui-body-a .ui-flipswitch-active,
html body .ui-group-theme-a .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active,
.ui-page-theme-a .ui-slider-track .ui-btn-active,
html .ui-bar-a .ui-slider-track .ui-btn-active,
html .ui-body-a .ui-slider-track .ui-btn-active,
html body .ui-group-theme-a .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-a .ui-btn-active {
    background-color: #060606;
    border-color: #060606;
    color: #fff;
    text-shadow: 0 1px 0 #059;
}

.ui-body-a,
.ui-page-theme-a .ui-body-inherit,
html .ui-bar-a .ui-body-inherit,
html .ui-body-a .ui-body-inherit,
html body .ui-group-theme-a .ui-body-inherit,
html .ui-panel-page-container-a {
    background-color: #fff;
    border-color: #222;
    color: #333;
    border-radius: 0px;
    /* text-shadow: 0 1px 0 #f3f3f3; */
}

.filtaring-button button {
    border: 0px;
    background: #fff;
}

.ui-content {
    border-width: 0;
    overflow: visible;
    overflow-x: initial;
    padding: 1em;
}

.ui-rangeslider {
    position: relative;
    margin: .5em 0;
}

.ui-rangeslider .ui-rangeslider-sliders {
    top: 0px;
    position: relative;
    overflow: visible;
    height: 30px;
    margin: 0px!important;
}

.ui-shadow-inset {
    margin-top: 30px;
}

.ui-rangeslider .ui-slider-input.ui-rangeslider-last {
    float: left;
    margin-top: 30px;
}

.ui-rangeslider .ui-slider-input.ui-rangeslider-first {
    margin-top: 30px;
    margin-right: 20px;
}


/*=========================================================*/

.carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
    bottom: 30%;
}


/*===================Mongora hoho mara=======================*/

.checkout-area .checkout-left .nav .nav-item .nav-link.active::before {
    background-color: #0c0c0c!important;
}

.checkout-page-section .breadcum-area {
    display: none;
}

.checkout-area .checkout-left .nav .nav-item .nav-link.active-check::before {
    background-color: #000000!important;
    content: "\F00C" !important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

.form-control {
    border-radius: 0px;
}

input:checked + .slider {
    background-color: #000000!important;
}

.btn-success.active,
.btn-success:active,
.open>.dropdown-toggle.btn-success {
    border-radius: 0px;
    color: #fff;
    background-color: #696b69;
    border-color: #666966;
    padding: 7px 20px;
}

.cart_description .product-name a {
    color: #222!important;
}

.notes-summary-area .heading h2 {
    font-size: 20px;
}

.payment-area .heading h2 {
    font-size: 20px;
}


/*============================================*/

.input-group-btn.search-panel {
    display: none;
}

select#header_search_category_id {
    width: 150px!important;
    position: absolute!important;
    right: 42px!important;
    z-index: 999!important;
}

.category_header {
    padding: 7px 15px;
    background: #222;
    color: #fff;
    display: block;
    margin-bottom: 7px;
}
/*====================================*/
.account-panel h2:before {
    position: absolute;
    width: 90px;
    height: 3px;
    background: #000000!important;
    content: '';
    bottom: -2px;
    z-index: 9;
    left: 0;
}
.account-panel h2 {
    font-size: 18px;
    color: #000000;
    line-height: 1;
    text-transform: capitalize;
    font-weight: 600;
    border-bottom: 1px solid #000000!important;
    padding-bottom: 18px;
    position: relative;
}
.acc-inner-panel h4 {
    text-align: left;
    background: #777!important;
    font-size: 16px;
    color: #ffffff;
    padding: 10px;
    margin-bottom: 0;
}
.order-btn a {
    display: inline-block;
    background: #777!important;
    font-size: 14px;
    color: #fff;
    padding: 10px 22px 11px;
}
.logo-area-middle img {
    width: 200px;
}
.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
     transition: all .5s ease-in-out; 
}
.fixed-header .scroll-logo img.logo {
    width: 140px!important;
    transition: all .3s ease-in-out;
    display: block!important;
}
.scroll-logo img.logo {
    display: none!important;
}
.fixed-header .left-sidebar-nav {
    background: #222;
    margin-left: 0px;
     transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
a.navbar-brand.scroll-logo {
    padding: 0px;
    margin-top: 5px;
}