/*--------------------------------------------------
Template Name: Truemart;
Description: Responsive Html5 Ecommerce Template;
Template URI:;
Author Name:Hastech;
Author URI:;
Version: 1.0;
-----------------------------------------------------

    CSS INDEX
    ================
    1. Theme Default CSS
    2. Header CSS
        2.1 Header Top CSS
        2.2 Header Middle CSS
        2.3 Header Bottom CSS
        2.4 Vertical Mobile Menu CSS
    3. Categorie Menu & Slider Area CSS
        3.1 Categorie Menu CSS
        3.2 Slider CSS
        3.3 All Banner CSS
    4. Brand Banner Area CSS
    5. Hot Deal Products CSS
    6. Arrivals Products CSS
    7. Like Products CSS
    8. Support Area CSS
    9. Newsletter CSS
    10. Footer CSS
    11. Home-2 CSS
    12. Home-3 CSS
    13. Home-4 CSS
    14. Blog CSS
    15. Breadcrumb CSS
    16. Product Details CSS
    17. Shop Page CSS
    18. Quick View CSS
    19. Login CSS
    20. Register Account CSS
    21. Forgot Password CSS
    22. 404 Page CSS
    23. Compare Page CSS
    24. Checkout CSS
    25. Cart & Wish List CSS
    26. Terms & Conditions CSS
    27. About Us CSS
    28. Contact Us CSS
    29. Popup Window CSS
    
-----------------------------------------------------*/

/* googel font poppins */
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900|Open+Sans');

/*----------------------------------------*/
/* 1. Theme Default CSS
/*----------------------------------------*/

a:hover {
    text-decoration: none;
    color: #b7b7b7;
}
a:active,
a:hover,
a:focus {
    outline: 0 none;
    text-decoration: none
}


ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

.owl-carousel .owl-stage-outer {
  margin: 0 -5px;
  padding: 0 5px;
}


.tooltip-inner {
    padding: 0.1rem 0.7rem 0.25rem;
}


/* product sticker css start */
.sticker-new,
.sticker-sale {
    background: #f9af51 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 57px;
    left: 10px;
    line-height: 57px;
    min-width: 57px;
    overflow: hidden;
    padding: 0 10px;
    position: absolute;
    text-align: center;
  text-transform: uppercase;
  top: 10px;
    z-index: 5;
}
.sticker-sale {
    background: #c62727 none repeat scroll 0 0;
    left: auto;
    right: 0;
}

/* post title bg color css start */
.post-title h2,
.hot-deal-three .post-title h2,
.second-featured-products.related-pro .post-title h2 {
    background: #228bc7 none repeat scroll 0 0;
    color: #fff;
    font-size: 21px;
    font-weight: 900;
    line-height: 20px;
    position: relative;
    text-transform: capitalize;
    z-index: 1;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height: 45px;
    padding:10px 20px;
}

.arrivals-product .post-title h2 {
    background: #e62e04;
}

.fashion .post-title h2 {
    background: #bb1860;
}

.second-arrivals-product .post-title h2 {
    background: #1e9cb6;
}

.home-kitchen .post-title h2 {
    background: #49beb7;
}

.featured-products .post-title h2 {
    background: #b76355;
}


/* post title icon css start */
.post-title h2 i {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 22px;
    margin-right: 15px;
    text-align: center;
    width: 55px;
    line-height: 55px;
}

/* categorie slider navigation css start */
.owl-nav div {
  background: #fff none repeat scroll 0 0;
  border-radius: 3px;
  font-size: 14px;
  height: 33px;
  line-height: 33px;
  opacity: 1;
  position: absolute;
  right: 40px;
  text-align: center;
  top: -59px;
  border:1px solid #cbcbcb;
  transition: all 300ms ease-in 0s;
  width: 33px;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    z-index: 55;
}
.owl-nav div.owl-next {
    left: auto;
    right: 0px;
}

.owl-nav div:hover {
    color:#E62E04;
    border-color: #e62e04;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

/* categorie slider navigation css end */
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

::-webkit-input-placeholder {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

:-moz-placeholder {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

::-moz-placeholder {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

:-ms-input-placeholder {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

/*----------------------------------------*/
/* 2.1 Header Top CSS
/*----------------------------------------*/


/*----------------------------------------*/
/* 2.2 Header Middle CSS
/*----------------------------------------*/
.categorie-search-box form {
    color: #a9a9a9;
    height: 38px;
    padding: 0;
    position: relative;
    width: 100%;
}
.categorie-search-box 

.categorie-search-box .form-group {
  align-items: center;
  background: transparent none repeat scroll 0 0;
  border-left: 1px  solid rgba(0, 0, 0, 0.1);
  display: flex;
  height: 38px;
  margin: 0;
  position: absolute;
  right: 60px;
  top: 0;
  width: 150px;
}

.bootstrap-select option {
    font-size: 13px;
}

.nice-select::after {
    margin-top: -3px;
}

.nice-select .current{
    display: block;
    overflow: hidden;
    width: 100%;
}

.categorie-search-box .nice-select .list {
    height: 350px;
    overflow-y: auto;
}

.bootstrap-select {
    border-radius: 15px 0 0 15px;
    border-style: none solid none none;
    border-width: 0 1px 0 0;
    color: #777777;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    margin: 0;
    width: 150px;
    border: none;
}
.cart-box > ul > li:not(:first-child) {
  margin-left: 20px;
}

.cart-box-width > li {
    padding: 20px;
}

.cart-box > ul > li > a {
    color: #363636;
}

.cart-text {
    display: block;
}

.cart-box > ul > li > a i {
    font-size: 32px;
}

.my-cart {
  color: #666;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  margin-left: 8px;
  text-transform: capitalize;
  vertical-align: top;
}
.cart-box-width {
  background: white none repeat scroll 0 0;
  box-shadow: 0 3px 9.3px 0.7px rgba(0, 0, 0, 0.15);
  left: auto;
  padding: 0;
  width: 290px;
}
.single-cart-box {
    margin-bottom: 18px;
    overflow: hidden;
    position: relative;
}

.cart-img {
    float: left;
    padding-right: 10px;
    position: relative;
    width: 35%;
}

.cart-img img {
    max-width: 100%;
}

.cart-content {
    float: left;
    padding: 0 15px 15px 0;
    width: 65%;
}

.cart-content h6 a {
    color: #666;
    display: block;
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
}

.cart-content span {
    display: block;
    color: #666;
    font-size: 14px;
    line-height: 20px;
}

.cart-price {
    margin: 5px 0;
} 

.cart-actions a {
    background: #2c2c2c none repeat scroll 0 0;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: white;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 20px;
}

.cart-checkout {
    background: #f26667 none repeat scroll 0 0;
    color: #fff;
}

.cart-checkout:hover {
    background-color: #E62E04;
    border-color: transparent;
    color: #fff;
}

.del-icone {
    color: #666;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 45;
}

.del-icone:hover,
.cart-content h6 a:hover {
    color: #E62E04;
}
.my-cart > span {
  color: #363636;
  display: block;
  line-height: 18px;
	font-size: 16px;
}

span.total-pro {
  background: #e62e04 none repeat scroll 0 0;
  border-radius: 10px;
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: 400;
  margin-top: 3px;
  min-width: 30px;
  text-align: center;
}

.single-cart-box,
.price-content {
    border-bottom: 1px solid #ededed;
    margin-bottom: 20px;
}

.price-content {
    overflow: hidden;
    padding-bottom: 20px;
}

.price-content li {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.price-content li span,
.cart-content span.cart-price {
    float: right;
    font-size: 16px;
    font-weight: 500;
}
.cart-content span.cart-price {
    color: #E62E04;
    float: none;
}

.pro-quantity {
    background: #E62E04 none repeat scroll 0 0;
    border-radius: 100%;
    color: white;
    font-size: 16px;
    left: 5px;
    line-height: 23px;
    min-width: 25px;
    padding: 2px 0 0;
    position: absolute;
    text-align: center;
    top: 3px;
}

/*----------------------------------------*/
/* 2.3 Header Bottom CSS
/*----------------------------------------*/



.mean-container .mean-bar {
  border-bottom: 2px solid #fff;
  min-height: 50px;
  position: static;
  width: 100%;
}
.mean-container .mean-nav ul {
  background: #fff none repeat scroll 0 0;
  width: auto;
}
.mean-container .mean-nav {
  margin-top: 50px;
}
.mean-container a.meanmenu-reveal span {
  background: #363636 none repeat scroll 0 0;
}
.mean-container a.meanmenu-reveal {
  background: transparent none repeat scroll 0 0;
  color: #363636;
  font-family: "Open Sans",sans-serif;
  left: 15px!important;
  top: 14px;
}
/*----------------------------------------*/
/* 2.4 Vertical Mobile Menu CSS
/*----------------------------------------*/
#cate-mobile-toggle {
    height: 265px;
    overflow-y: auto;
}
#cate-mobile-toggle > ul {
  padding: 22px 0 0;
}
#cate-mobile-toggle > ul > li > a {
    font-size: 15px;
}
#cate-mobile-toggle > ul li > a {
  font-size: 15px;
  padding-bottom: 3px;
  padding-top: 3px;
}
#cate-mobile-toggle .category-sub > li > a:before {
    content: "\f125";
    font-family: "Ionicons";
    font-size: 9px;
    position: absolute;
    left: 10px;
    color: #e62e04;
}

#cate-mobile-toggle .category-sub li a {
    padding-left: 20px;
}
.sidebar-menu .category-sub {
  padding-left: 10px;
}


/*----------------------------------------*/
/* 3.2 Slider CSS
/*----------------------------------------*/
.slider-wrapper.theme-default {
    position: relative;
}
.slider_box {
  margin-left: -15px;
  padding-left: 0;
  padding-right: 0;
}
.nivo-caption {
    background: transparent none repeat scroll 0 0;
    opacity: 1;
    overflow: visible;
    padding: 0;
}

.nivo-directionNav a {
    background: #e76667;
    color: #fff !important;
    cursor: pointer;
    display: block;
    height: 40px;
    line-height: 40px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
    width: 40px;
    z-index: 8;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}



.nivo-directionNav a:hover {
    background: #fff;
}

.nivo-directionNav a:hover i {
    color:#0f51a3; 
}

.nivo-directionNav a.nivo-prevNav {
    left: 10px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
}


.nivo-directionNav a.nivo-nextNav {
    right: 10px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
}


.slider-wrapper:hover .nivo-directionNav a.nivo-prevNav {
    left: 20px;
    opacity: 1;
}

.slider-wrapper:hover .nivo-directionNav a.nivo-nextNav {
    opacity: 1;
    right: 20px;
}

.nivo-controlNav {
    bottom: 15px;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 12;
}

.nivo-controlNav a {
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    font-size: 0;
    margin: 0 4px;
    position: relative;
    text-align: center;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    width: 10px;
    z-index: 8;
}

.nivo-controlNav a.active {
    width: 32px;
    background: #E62E04;
}

.slider-progress {
    -webkit-animation: 4300ms ease-in-out 0s normal none 1 running timebar;
    animation: 4300ms ease-in-out 0s normal none 1 running timebar;
    background: rgba(49, 56, 72, 0.298);
    height: 5px;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    z-index: 4;
}

@-webkit-keyframes timebar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes timebar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes timebar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

/*----------------------------------------*/
/* 3.3 All Banner CSS
/*----------------------------------------*/
.single-banner img {
    width: 100%;
}

.single-banner img,
.sidebar-banner img {
    width: 100%;
}

.right-sider-banner .single-banner:not(:last-child) {
    margin-bottom: 30px;
}

.single-banner,
.sidebar-banner {
    position: relative;
}

.single-banner::before {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.7) inset;
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.7) inset;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    position: absolute;
    pointer-events: none;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
}

.single-banner:hover:before {
    opacity: 1;
}

/*----------------------------------------*/
/* 4. Brand Banner Area CSS
/*----------------------------------------*/

.brand-banner .single-brand img {
    margin: 0 auto;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.brand-banner a,.brand-banner-sidebar a {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  padding: 12.4px 10px;
  text-align: center;
}
.brand-banner a:last-child,.brand-banner-sidebar a:last-child{
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.brand-banner,.brand-banner-sidebar{
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.big-banner-box {
  display: flex;
}
.big-banner-box .col-img:first-child{margin-right: 5px;}
.big-banner-box .col-img:last-child{margin-left: 5px;}
/*
.brand-banner .owl-nav {
  position: absolute;
  right: -290px;
  top: 0;
}
*/
.brand-banner .owl-stage-outer,.side-product-active .owl-stage-outer,
.brand-banner-sidebar .owl-stage-outer,
 .latest-blog-active .owl-stage-outer {
  margin: 0;
  padding: 0;
}
/*---------------------------------------*/
/* 5. Hot Deal Products CSS
/*----------------------------------------*/
.hot-deal-active .owl-nav div,
.second-hot-deal-active .owl-nav div,
.new-pro-two-active .owl-nav div {
    right: 55px;
    top: -71px;
}

.hot-deal-active2 .owl-nav divreturn-{
    right: 55px;
    top: -45px;
}

.hot-deal-active .owl-nav div.owl-next,
.hot-deal-active2 .owl-nav div.owl-next,
.second-hot-deal-active .owl-nav div.owl-next,
.new-pro-two-active .owl-nav div.owl-next {
    left: auto;
    right: 10px;
}
.second-hot-deal .post-title h2,
.new-pro-two .post-title h2 {
    background: transparent none repeat scroll 0 0;
    color: #2c2c2c;
    font-size: 24px;
    padding: 15px 0;
}



.pro-img {
    position: relative;
}

.pro-img img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
}
.pro-img .secondary-img {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 3;
}





.countdown {
  align-items: center;
  bottom: 5px;
  display: flex;
  justify-content: space-around;
  left: 0;
  margin: auto;
  max-width: 229px;
  padding: 0 4px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100%;
  z-index: 12;
}
.count {
    color: #333;
    font-weight: 700;
    text-align: center;
    background:#fff;
    border:1px solid #ddd;
    border-radius: 5px;
    height: 50px;
    width: 50px;
    text-align: center;
    padding: 10px 0;

}

.count p {
    color: #E62E04;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

.count span {
    color: #666;
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    text-transform: capitalize;
}

.product-rating i {
    color: #f9ba48;
    font-size: 12px;
}

.price {
  color: #363636;
  font-family: "Lato",sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}
.prev-price {
  color: #666;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: line-through;
}


.pro-actions {
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 15px;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    width: 100%;
    z-index: 10;
    padding:0 10px;
}



.actions-secondary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-around;
  padding-right: 6px;
}
.actions-primary a,.product-description .compare-cart,
.cart-main-area.wish-list .product-add-to-cart a {
  background: #eeeeee none repeat scroll 0 0;
  border: 1px solid #cbcbcb;
  border-radius: 3px;
  color: #333333;
    height: 40px;
    line-height: 40px;
    position: relative;
    text-align: center;
    -webkit-transition: all 400ms ease-in 0s;
    -ms-transition: all 400ms ease-in 0s;
    -transition: all 400ms ease-in 0s;
    transition: all 400ms ease-in 0s;
    width: 100%;
    margin: 0 0 10px;
    font-weight: 700;
    display: block;
    font-family: "Lato",sans-serif;
    font-weight: 700;
    font-size: 15px;
}
.actions-primary a:hover,.product-description .compare-cart:hover,
.cart-main-area.wish-list .product-add-to-cart a:hover {
    background: #e62e04;
    color: #fff;
    border-color: #e62e04;
}
.actions-secondary a {
  background: transparent none repeat scroll 0 0;
  color: #333;
  margin-left: 5px;
  transform: scale(0.6);
}
.l_sale {
  background: rgba(0, 0, 0, 0) url("img/icon/bg-l-sale.png") no-repeat scroll right center;
  bottom: 20px;
  color: #e62e04;
  font-size: 20px;
  font-weight: 900;
  height: 22px;
  line-height: 1;
  padding-right: 17px;
  position: absolute;
  right: 15px;
  text-align: center;
  text-transform: uppercase;
  z-index: 1;
}
.actions-secondary a span {
  color: #363636;
  display: inline-block;
  font-size: 13px;
  line-height: 15px;
  padding-left: 7px;
  vertical-align: -4px;
  white-space: normal;
  width: calc(100% - 28px);
}
.actions-secondary a i {
  color: #363636;
  float: left;
  font-size: 28px;
  width: 28px;
}
.actions-secondary a:hover i,.actions-secondary a:hover span{
    color: #E62E04;
}
.quick_view {
  color: #dedede;
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 9;
  opacity: 0;
}
.quick_view:hover{
    color: #E62E04;
}


.banner-box{
    margin-bottom: 10px;
    padding: 0 5px;
}
.banner-2 {
  display: flex;
}
.banner-2 .col-img + .col-img {
  margin-top: 10px;
}
.col-img{
    overflow: hidden;

}
.col-img img{
     transition: all 300ms ease-in 0s;
     transform: scale(1);
     width:100%;
}
.col-img:hover img {
  transform: scale(1.1);
}

.banner-2 .product-list + .product-list {
  margin-top: 10px;
}
.product-list{
	border: 1px solid #d4d4d4;
	display: block;
}
.product-list a {
	display: inline-block;
	position: relative;
	width: 100%;
	-webkit-transition: all .3s ease-in-out .3s;
	-moz-transition: all .3s ease-in-out .3s;
	-ms-transition: all .3s ease-in-out .3s;
	-o-transition: all .3s ease-in-out .3s;
	transition: all .3s ease-in-out .3s;
}

.product-list a:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0);
}

.product-list a:hover:before {
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1;
}

.product-list a .product-inner {
	position: relative;
}

.product-list a .product-inner .pro-word {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	bottom: 20%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.product-list a .product-inner img {
	width: 100%;
}

.product-list a .more {
	position: absolute;
	padding: 12px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 16px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: none;
	z-index: 3;
}

.product-list a:hover .more {
	display: block;
}
/*----------------------------------------*/
/* 6. Arrivals Products CSS
/*----------------------------------------*/

.section-ttitle h2,.title-box h2 {
  color: #212121;
  font-size: 34px;
  font-weight: 900;
  line-height: 1;
  margin: 0;
  text-transform: capitalize;
}
.tab-menu {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
    margin-right: 101px;
}
.tabs-area li {
  display: inline-block;
  margin-left: 21px;
  vertical-align: top;
}
.tabs-area li a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-radius: 0;
  color: #363636;
  font-size: 15px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
.tabs-area li a.active {
    color: #e62e04;
}

/*----------------------------------------*/
/* 7. Like Products CSS
/*----------------------------------------*/

.section-ttitle2 {
  color: #212121;
  font-size: 24px;
  font-weight: 900;
  text-align: center;
}

.owl-dots{
    text-align: center;
}
.owl-dot {
  background: #a9a9a9 none repeat scroll 0 0;
  border-radius: 100%;
  display: inline-block;
  height: 7px;
  margin: 0 2px;
  transition: all 0.3s ease-in-out 0s;
  width: 7px;
}
.owl-dot.active {
  border-radius: 10px;
  width: 29px;
  background: #e62e04;
}

/*----------------------------------------*/
/* 8. Support Area CSS
/*----------------------------------------*/
.support-area .single-support {
  border-right: 1px solid #ddd;
  flex: 0 0 20%;
  padding: 35px 17px;
}
.support-area .single-support:first-child{
  border-left: 1px solid #ddd;
}
.support-icon i {
    color: #5a7ea8;
    font-size: 60px;
}
.support-desc h6 {
  color: #363636;
  font-family: "Open Sans",sans-serif;
  font-size: 20px;
  font-weight: 400;
  margin: 20px 0 10px;
  text-transform: capitalize;
}
.support-desc span {
  color: #363636;
  font-size: 14px;
  margin: 0;
  text-transform: capitalize;
}

/*----------------------------------------*/
/* 9. Newsletter CSS
/*----------------------------------------*/
.newsletter {
    padding: 35px 0;
}

.news-desc h3 {
  color: #212121;
  font-size: 28px;
  font-weight: 900;
  margin: 0 0 15px;
  line-height: 1;
}
.news-desc p {
    color: #757575;
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
}

.newsletter-box .subscribe {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #777;
    display: block;
    font-size: 13px;
    height: 50px;
    padding: 0 166px 0 20px;
    width: 100%;
    text-transform: capitalize;
}
.newsletter-box {
    position: relative;
}

.newsletter-box .submit {
    background: #212121 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0 5px 5px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: "Lato",sans-serif;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    height: 50px;
    line-height: 50px;
    padding: 0 35px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    cursor: pointer;
}
.newsletter-box .submit:hover {
    background: #e62e04;
}

/*----------------------------------------*/
/* 10. Footer CSS
/*----------------------------------------*/

/* footer top css */


.footer-list li a {
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    text-transform: capitalize;
}

.footer-list li {
    line-height: 31px;
}

.footer-list li a:hover {
    text-decoration: underline;
}

.footer-list li a:hover:before {
    opacity: 0;
}

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

.footer-content p {
    font-size: 13px;
    line-height: 23px;
}

.footer-content h5 {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    margin-top: 15px;
}

.social-footer-list a {
    color: #b2b2b1;
    display: inline-block;
    font-size: 22px;
    line-height: 30px;
}

.social-footer-list a:not(:last-child) {
    margin-right: 30px;
}

.social-footer-list a:hover {
    color: #E62E04;
}

.single-footer.style-change {
    padding-left: 40px;
}

/* footer middle css */
.social-footer > li {
  display: inline-block;
}

.social-footer li a {
  padding: 0 13px;
  text-align: center;
}
.social-footer li a i {
  color: #212121;
  font-size: 28px;
  line-height: 1;
  vertical-align: middle;
  transition: all 0.3s ease-in-out;
}
.social-footer li a:hover i{
  color: #E62E04;
}
/* footer bottom css */
.footer-bottom-content p {
    color: #666;
    font-size: 14px;
}

.footer-bottom-content p a {
    color: #E62E04;
}

.footer-bottom-content p a:hover,
.tag-content a:hover {
    text-decoration: underline;
}

.footer-nav-list li {
    display: inline-block;
}

.footer-nav-list li a {
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 1;
    margin: 0;
    padding-left: 30px;
    text-transform: uppercase;
}

.footer-nav-list li a:hover,
.tag-content a:hover {
    color: #E62E04;
}

.footer-nav-list li:first-child a {
    padding-left: 0;
}

#scrollUp {
        background: #f6f8f7 none repeat scroll 0 0;
    bottom: 80px;
    color: #0f51a3;
    cursor: pointer;
    font-weight: 600;
    height: 54px;
    position: fixed;
    right: 24px;
    text-align: center;
    text-transform: uppercase;
    width: 54px;
    z-index: 999;
    border-radius: 50px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5)
}

#scrollUp:hover {
    background: #0f51a3;
    color: #ffffff;
}

#scrollUp i {
    font-size: 34px;
    line-height: 55px;
}
.footer-list li {
  text-transform: capitalize;
  transition: all 0.5s ease-in-out 0s;
}
.address-content li {
  color: #212121;
  display: block;
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 5px;
  padding-left: 30px;
  position: relative;
}
.address-content li i {
  display: inline-block;
  font-size: 18px;
  left: 0;
  position: absolute;
  top: 3px;
}
.copyright-text a {
  color: #212121;
}
.copyright-text.text-center > p {
  color: #212121;
  font-size: 14px;
}
/*----------------------------------------*/
/* 11. Home-2 CSS
/*----------------------------------------*/
.banner-site-box .single-product {
  align-items: center;
  border: 1px solid #ddd;
  display: flex;
  padding: 5px;
}
.banner-site-box .single-product:hover .pro-info {
  opacity: 1;
}
.banner-site-box .pro-img {
  width: 50%;
}
.pro-content h4 a {
  font-size: 18px;
}
.banner-site-box .l_sale {
  margin-top: 5px;
  position: static;
  right: auto;
  width: 62px;
}

/*----------------------------------------*/
/* 12. Home-3 CSS
/*----------------------------------------*/
  
.home-3 .vertical-menu-list{
  display: none;
}
.home-3 .slider-wrapper:hover .nivo-directionNav a.nivo-prevNav {
    left: 8%;
    opacity: 1;
}
.home-3 .slider-wrapper:hover .nivo-directionNav a.nivo-nextNav {
    opacity: 1;
    right: 8%;
}
.title-box {
  background: #fff none repeat scroll 0 0;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  min-height: 342px;
  padding: 90px 24px 0;
  text-align: center;
  width: 225px;
}
.trendig-product .owl-dots {
  bottom: 64px;
  left: 81px;
  position: absolute;
}
.hot-product2 {
  display: flex;
}
.hot-product2 .tab-content {
  width: 100%;
}
.hot-product2 .product-thumbnail {
  padding-left: 10px;
  width: 137px;
}
.all-border {
  border: 2px solid #e62e04;
  padding: 20px 20px 30px 30px;
}
.pro-tab-menu a:not(:last-child){
  margin-bottom: 10px;
}

.hot-product2 .count {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  display: flex;
  height: auto;
  padding: 3px;
  width: auto;
}
.hot-product2 .count p {
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  margin-right: 2px;
}
.hot-product2 .count span {
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  line-height: 14px;
  text-transform: capitalize;
}

.hot-product2 .countdown::before {
  border-color: transparent transparent transparent #e62d04;
  border-style: solid;
  border-width: 16px 0 16px 16px;
  content: "";
  height: 0;
  left: 100%;
  position: absolute;
  top: 0;
  width: 0;
}
.hot-product2 .countdown::after {
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
  content: "";
  height: 5px;
  left: 100%;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  width: 5px;
}
.hot-product2 .countdown {
  background: #e62e04 none repeat scroll 0 0;
  bottom: auto;
  font-family: "Lato",sans-serif;
  left: 0;
  margin-bottom: 20px;
  margin-left: 0;
  max-width: 260px;
  padding: 6px 30px;
  position: relative;
  right: auto;
  top: 0;
}
.hot-product2 .pro-actions {
  align-items: center;
  display: flex;
  opacity: 1;
  padding-left: 0;
  position: static;
  transform: scale(1);
}}
.hot-product2 .actions-primary a {
  transform: scale(1);
  width: 163px;
  margin-right: 10px;

}

.hot-product2 .actions-secondary a {
  margin-right: 10px;
  transform: scale(1);
}
.hot-product2 .pro-price {
  display: flex;
  position: relative;
}
.hot-product2 .pro-price .price {
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
}
.hot-product2 .thubnail-desc h3 a {
    color: #363636;
  font-family: "Open Sans",sans-serif;
  font-size: 34px;
}
.hot-product2 .thubnail-desc h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.price-countdown .product-name {
  color: #363636;
  font-family: "Open Sans",sans-serif;
  font-size: 34px;
  line-height: 1;
  margin-bottom: 22px;
}

/*----------------------------------------*/
/* 14. Blog CSS
/*----------------------------------------*/
.single-latest-blog::before {
  border-color: #e62d04 transparent transparent;
  border-style: solid;
  border-width: 90px 90px 0 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 3;
}
.single-latest-blog {
  align-items: center;
  background: #fff none repeat scroll 0 0;
  display: flex;
  padding: 30px;
  position: relative;
  width: 100%;
}
.blog-img {
  float: left;
  width: 43%;
}
.blog-desc {
  float: left;
  padding: 0px 0 0 10px;
  width: 57%;
}
.blog-date span {
  display: block;
  font-size: 24px;
  font-weight: 900;
}
.blog-date {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  left: 0;
  padding: 10px 0 0 10px;
  position: absolute;
  text-transform: capitalize;
  top: 0;
  z-index: 4;
}
.readmore {
  background: #212121 none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-family: "Lato",sans-serif;
  font-size: 18px;
  font-weight: 700;
  padding: 10px 25px;
  text-transform: capitalize;
}
.blog-desc .readmore {
  margin-top: 25px;
}
.readmore:hover {
  background: #e62e04 none repeat scroll 0 0;
  color: #fff;
}
.latest-blog .post-title {
    background: #f3f3f3 none repeat scroll 0 0;
    border: 1px solid #ededed;
    border-bottom: none;
}

.blog-desc h4 a {
  color: #363636;
  font-size: 18px;
  font-weight: 700;
}
.blog-desc h4 {
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blog-desc h4 a:hover,
.blog-desc li a:hover {
    color: #E62E04;
}

.blog-desc li{
    color: #666666;
    display: inline-block;
    font-size: 13px;
    line-height: 25px;
    margin-right: 20px;
    text-transform: capitalize;
}
.blog-desc li a {
  color: #666;
  font-size: 12px;
}
.meta-box {
  margin-bottom: 5px;
}
.blog-img {
    position: relative;
}

.blog-img img,
.sidebar-img img {
    width: 100%;
}

.blog-img:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.4);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 2;
    pointer-events: none;
}

.single-latest-blog:hover .blog-img:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


.latest-blog-active .owl-dot {
  margin-top: 20px;
}
.main-blog .single-latest-blog {
  border: 1px solid #ddd;
  margin-bottom: 30px;
}
/*------------------------*/
/* Single Blog CSS
/*-----------------------*/


.latest-pro .e-title {
    background: #e62e04;
}

.latest-pro li a:hover {
    color: #e62e04;
}

.sidebar-post-content {
    padding: 32px 0 25px;
}

.sidebar-lg-title {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.post-meta li {
    border-right: 1px solid #666;
    font-size: 20px;
    margin-right: 20px;
    padding-right: 20px;
    text-transform: uppercase;
}

.post-meta li span {
    color: #666;
}

.sidebar-desc p {
    line-height: 26px;
}

.sidebar-desc blockquote {
    background: #f7f7f7 none repeat scroll 0 0;
    border-left: 3px solid #222222;
    padding: 30px;
}

.sidebar-desc blockquote p {
    color: #707070;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
}

.sidebar-desc blockquote span {
    color: #555555;
    font-size: 16px;
    font-weight: 500;
}

.leave-reply {
    font-size: 18px;
    font-weight: 700;
}

.submit-review label {
    font-size: 14px;
    text-transform: capitalize;
    color: #555;
}

.tag-list li {
    display: inline-block;
}

.tag-list {
  margin: 0 -5px;
}

.tag-list li a {
    background-color: #f6f6f6;
    border-radius: 5px;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 0 5px;
    padding: 7px 16px;
    text-transform: capitalize;
    color: #444;
}

.tag-list li a:hover {
    background: #e62e04;
    color: #fff;
}




.radio-button .radio-inline {
    margin-right: 10px;
}

.form-register .radio-inline input {
    margin-right: 5px;
}

.terms span {
    font-size: 14px;
}

/*----------------------------------------*/
/* 16. Product Details CSS
/*----------------------------------------*/
.main-product-thumbnail .tab-content img,
.product-thumbnail .thumb-menu div img {
    width: 100%;
}

.thumb-menu.owl-carousel .owl-item a {
    border: 1px solid #ededed;
    display: block;
}

.thumb-menu.owl-carousel .owl-item a.active {
    border-color: #0f51a3;
}

.product-thumbnail .thumb-menu .nav-link {
    padding: 0;
}

.thumb-bg {
    background: #fff;
    padding: 20px;
    border: 1px solid #ededed;
}

.thumb-bg .tabs-area {
    border-bottom: none;
}

.thumb-menu .owl-stage-outer {
    margin: 0 -1px;
}

.thumb-menu .owl-nav div {
  height: 20px;
  left: 0;
  line-height: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}

.thumb-menu .owl-nav div.owl-next {
    right: 0;
    left: auto;
}
.box-quantity.hot-product2 .actions-primary a {
  background: #e62e04 none repeat scroll 0 0;
  border-color: #e62e04;
  color: #fff;
	line-height: 36px;
  height: 38px;
  margin-bottom: 0;
  margin-right: 10px;
  width: 150px;
}
/*---------------------------------
    thumb product css start
-----------------------------------*/
.product-header {
    color: #363636;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 15px;
    text-transform: capitalize;
}

.rating i,
.review-list i {
    color: #F39C11;
    font-size: 14px;
}

.rating-feedback a {
  color: #666;
  display: inline-block;
  font-size: 13px;
  margin-top: 20px;
  text-transform: capitalize;
}

.rating-feedback a:hover {
    color: #5D9CEC;
}
.pro-desc-details {
    color: #666666;
    font-size: 16px;
    line-height: 25px;
		min-height: 140px;
}
.pro-price span:not(:last-child) {
    margin-right: 15px;
}

.pro-price .price {
    font-size: 30px;
    font-weight: 600;
    line-height: 30px;
}



.saving-price {
    background: #e62e04 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: top;
}
.product-size .nice-select{
    padding-right: 40px;
}
.product-size .nice-select .option{
    padding-right: 36px;
}
.product-size label,
.color label {
    color: #2c2c2c;
    margin-bottom: 5px;
    text-transform: capitalize;
    display: block;
}

.product-size select,
.quantity {
    background-color: #ffffff;

    color: #7a7a7a;
    width: 60px;
}

.quantity {
    padding: 11px;
}

/*.add-cart {
    background-color: #E62E04;
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 46px;*/
    /*line-height: 46px;*/
    /*padding: 0 15px;
    text-transform: capitalize;
}*/

.add-cart:hover {
    background: #e62e04;
    color: #fff;
}

.color-list li {
    display: inline-block;
}

.color-list li a {
    border: 2px solid transparent;
    height: 22px;
    margin: 0 8px 10px 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 22px;
    display: block;
}

.color-list li a.active,
.color-list li a:hover {
    border-color: #333333;
}

.color-list li a.orange {
    background: #F39C11;
}

.color-list li a.paste {
    background: #5D9CEC;
}

.in-stock {
    color: #666666;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
}

.in-stock i {
    font-size: 16px;
    margin-right: 5px;
    color: #4CBB76;
}

.socila-sharing li {
    color: #666;
    line-height: 1;
    margin-right: 20px;
    white-space: normal;
}

.socila-sharing li a {
    color: #999999;
}

.socila-sharing li a:hover {
    color: #e62e04;
}

.product-policy p {
    padding: 15px 0;
    color: #999;
}

.product-policy p i {
    color: #333333;
    font-size: 20px;
    margin-right: 15px;
    vertical-align: middle;
}

/*---------------------------------
    product description start
-----------------------------------*/
.thumnail-desc .tabs-area {
    border-bottom: none;
}

.main-thumb-desc.tabs-area > li {
    margin-left: 0;
}

.main-thumb-desc.tabs-area > li > a {
    color: #666666;
		background: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    padding: 10px;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
		letter-spacing: 0.5px;
}

.main-thumb-desc li a.active {
    background: #0f51a3 none repeat scroll 0 0;
    color: #ffffff;
}

.thumnail-desc .tab-content {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #ededed;
    overflow: hidden;
    padding: 20px 20px;
}

.thumnail-desc .tab-content p {
    line-height: 25px;
}

.border-default {
    border: 1px solid #ededed;
    border-radius: 3px;
    padding-bottom: 30px;
}

.universal-padding {
    padding-left: 15px;
    padding-right: 15px;
}

.group-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    color: #363f4d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 25px;
    padding-top: 25px;
    position: relative;
}

.group-title h2 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.review-mini-title {
    font-size: 18px;
    font-weight: 500;
    margin: 30px 0;
    text-transform: capitalize;
}

.review-list li {
    text-align: left;
}

.review-list li > span {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    width: 49px;
}

.review-list li label span {
    font-weight: 500;
}

.review-list li label {
    font-size: 13px;
    left: 120px;
    position: relative;
}

.review-list li label a {
    color: #222222;
    font-weight: 500;
}

.review-list li label a:hover {
    color: #e62e04;
}

.review-title {
    border-bottom: 1px solid #ebebeb;
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 20px;
    padding-top: 15px;
}

.review-title span {
    font-weight: 500;
}

.riview-field input,
.riview-field textarea {
    border: 1px solid #ebebeb;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 60%;
}

.riview-field label {
    color: #333333;
    font-size: 13px;
    font-weight: 500;
}

/*----------------------------------------*/
/* 17. Shop Page CSS
/*----------------------------------------*/

/*--------------------------
    sidebar css start
------------------------*/
.sidebar-title {
  color: #2c2c2c;
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.e-title {
    background: #e62e04 none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 0;
    padding: 15px;
    text-transform: uppercase;
}

/*----------------------------------
    toggle menu plus minus css start
------------------------------------*/
.category-menu.sidebar-menu .has-sub.open a span.holder::after,
.category-menu.sidebar-menu li.has-sub.open > a::after{
    content: "\f209";
}

.category-menu.sidebar-menu .has-sub a span.holder::after,
.category-menu.sidebar-menu li.has-sub > a::after {
    content: "\f217";
    font-family: "Ionicons";
    font-size: 14px;
    position: absolute;
    right: 20px;
}

.category-menu.v-cat-menu ul li.has-sub > a {
  background: rgba(0, 0, 0, 0) url("img/vertical-menu/icon-expand.png") no-repeat scroll 20px 9px;
}
.category-menu.v-cat-menu .has-sub.open > a{
    background: rgba(0, 0, 0, 0) url("img/vertical-menu/icon-collapse.png") no-repeat scroll 20px 9px;  
}
/*img/vertical-menu/icon-expand.png*/
.category-menu.v-cat-menu ul li.has-sub > a::after {
    left: 30px;
    top: 6px;
}

.sidebar-menu ul li {
    position: relative;
}

.sidebar-menu li:hover > a,
.sidebar-menu li.has-sub:hover > a,
.sidebar-menu li.has-sub.open > a {
    color: #e62e04;
}

.sidebar-menu .category-sub li a {
    padding-left: 10px;
}

/*---------------------------------
   Fileter by search css start
-----------------------------------*/
.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content {
    margin-top: 15px;
}



.ui-slider-handle.ui-state-default.ui-corner-all {
  background: #fff none repeat scroll 0 0;
  border: 5px solid #f9af51;
  border-radius: 100%;
  display: inline-block;
  height: 21px;
  top: -9px;
  width: 21px;
}



.ui-slider-range.ui-widget-header.ui-corner-all {
    background: transparent;
}

.ui-widget.ui-widget-content {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #f9af51;
    height: 7px;
    border-radius: 5px;
}
.ui-slider-horizontal .ui-slider-handle {
    margin-left: 0;
}

.ui-slider-handle.ui-corner-all.ui-state-default.ui-state-focus {
    outline: medium none;
}
.amount-range {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #2c2c2c;
  font-size: 15px;
  font-weight: 700;
  margin-top: 10px;
  padding: 5px 0;
  text-align: center;
}

.amount-range,
.price-button {
    width: 100%;
    word-spacing: 15px;
}

.flter-option.mb-80 {
    padding-right: 15px;
}

/*---------------------------------
    categorie,price & size css start
-----------------------------------*/
.sidbar-style li {
    transition: all 300ms ease-in 0s;
    -webkit-transition: all 300ms ease-in 0s;
    -ms-transition: all 300ms ease-in 0s;
    -moz-transition: all 300ms ease-in 0s;
}
.sidbar-style > ul > li > a{
  padding:0;
}
.sidbar-style .category-sub li a{
  padding-top: 0;
  padding-bottom: 0;
}
.sidbar-style ul li {
  padding-top: 10px;
}
.sidbar-style > ul > li:first-child{
  padding-top: 0;
}
.sidbar-style .form-check label {
    font-size: 14px;
    cursor: pointer;
}

.sidebar li.form-check {
    margin-bottom: 12px;
}

.sidebar .form-check {
    padding-left: 0;
}
ul.tag-list > li > a {
  padding: 7px 14px;
}
/*---------------------------------
    Color css start
-----------------------------------*/
.color-option li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.color-option li a {
    padding: 5px 0;
}

.color-option li > a:hover,
.sidbar-style > li:hover {
    color: #E62E04;
}

.color-option li span {
    -webkit-box-shadow: -1px 1px 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: -1px 1px 8px 0 rgba(0, 0, 0, 0.2);
    display: block;
    height: 12px;
    margin-right: 5px;
    width: 12px;
}

.color-option li span.white {
    background: #fff;
}

.color-option li span.orange {
    background: #F39C11;
}

.color-option li span.blue {
    background: #5D9CEC;
}

.color-option li span.yellow {
    background: #F1C40F;
}

/*---------------------------------
   sidebar banner css start
-----------------------------------*/
.sidebar-banner:before {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 50%;
    opacity: 1;
    position: absolute;
    right: 51%;
    top: 0;
    -webkit-transition: all 900ms ease-in 0s;
    transition: all 900ms ease-in 0s;
}

.sidebar-banner:after {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    bottom: 50%;
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transition: all 900ms ease-in 0s;
    transition: all 900ms ease-in 0s;
}

.sidebar-banner:hover:before {
    left: 0;
    right: 0;
    opacity: 0;
}

.sidebar-banner:hover:after {
    bottom: 0;
    top: 0;
    opacity: 0;
}

/*---------------------------------
    grid list view css Start
-----------------------------------*/
.main-categorie .border-default {
    padding-bottom: 0;
    padding: 20px;
    background: #fff;
}

.grid-list-top.border-default {
    background: #ffffff none repeat scroll 0 0;
    padding: 15px;
}

.toolbar-sorter label {
  font-weight: 500;
  margin-bottom: 0;
  margin-right: 15px;
  min-width: 106px;
  text-align: right;
}
.toolbar-sorter {
  min-width: 200px;
}
.toolbar-sorter .nice-select {
    border: 1px solid #ededed;
    font-size: 14px;
    width: 100%;
}

.toolbar-sorter select.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.toolbar-sorter select option {
    font-size: 14px;
    line-height: 24px;
    padding: 3px 15px;
}

/*---------------------------------
   grid list single product css
-----------------------------------*/
.main-categorie .tab-content .single-product {
  margin-bottom: 30px;
}
.main-categorie .tab-content #grid-view .row {
  padding-left: 3px;
  padding-right: 3px;
}
#list-view .single-product .pro-actions {
  align-items: center;
  display: flex;
  opacity: 1;
  position: static;
  transform: scale(1);
  margin-top: 20px;
}
#list-view .pro-content {
  display: flex;
  flex-direction: column;
  padding: 0;
}
#list-view .single-product .pro-content h4 a {
    font-weight: 700;
}
#list-view .single-product {
  border-bottom: 1px solid #ddd;
  margin-top: 0;
  padding-bottom: 30px;
}
#list-view .single-product .pro-content p {
  color: #666666;
  line-height: 25px;
  margin: 9px 0 0;
}

#list-view .single-product:hover{
  box-shadow: none;
}
.pro-content {
  min-height: 115px;
  overflow: hidden;
  padding: 20px 5px;
  position: relative;
}
/*----------------------------------------*/
/* 18. Quick View CSS
/*----------------------------------------*/
.quick-thumb-content .modal-header {
    border-bottom: medium none;
    padding: 10px;
}

.quick-thumb-content .modal-lg {
    max-width: 900px;
    margin: 60px auto;
}

.quick-thumb-content .modal-body {
    padding: 30px;
    padding-top: 0;
}

.quick-thumb-content .tabs-area {
    border-bottom: none;
}

.custom-footer {
    padding: 15px 30px;
    border-top: 1px solid #ededed;
    margin-top: 30px;
}

/*----------------------------------------*/
/* 19. Login CSS
/*----------------------------------------*/


.log-in p strong {
    color: #444444;
    font-weight: 500;
}

.lost-password a {
    color: #555;
    font-weight: 500;
    font-size: 13px;
}

.lost-password a:hover {
    color: #222222;
}

/*----------------------------------------*/
/* 20. Register Account CSS
/*----------------------------------------*/
.register-title {
    margin-bottom: 30px;
}
.register-title h3 {
    font-size: 25px;
    line-height: 25px;
}

.form-register label {
    font-size: 16px;
    text-align: right;
}

.form-register .form-group {
    margin-bottom: 20px;
    margin-top: 20px
}

.form-register .form-group input {
    font-size: 14px;
}

.form-register legend {
    border-bottom: 1px solid #ededed;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    padding: 7px 0;
}

.agree {
    font-size: 16px;
}

.terms input[type=checkbox] {
    vertical-align: middle;
}

/*----------------------------------------*/
/* 21. Forgot Password CSS
/*----------------------------------------*/
.password-forgot legend {
    border-bottom: 1px solid #ededed;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 7px 0;
    font-weight: 500;
}

.password-forgot label {
    font-size: 15px;
}

.password-forgot input {
    font-size: 14px;
}

.require {
    color: #cc0000;
    font-weight: 600;
    margin-right: 5px;
}

.password-forgot .form-group {
    margin-bottom: 0;
}

/*----------------------------------------*/
/* 22. 404 Page CSS
/*----------------------------------------*/
.error-text h1 {
    color: #222222;
    font-size: 200px;
    font-weight: 700;
    letter-spacing: 10px;
    line-height: 155px;
    margin-bottom: 30px;
}

.error-text h2 {
    color: #4c4c4c;
    font-size: 35px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.error-text > p {
    color: #4c4c4c;
    font-size: 24px;
    font-weight: 300;
    line-height: 25px;
    margin-bottom: 30px;
    padding: 0 130px;
}

#search-form {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 450px;
}

#search-form input {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #e9e9e9;
    
    color: #666666;
    float: left;
    font-size: 14px;
    height: 45px;
    padding: 0 50px 0 20px;
    width: 100%;
}

#search-form button {
background: #f8f8f8 none repeat scroll 0 0;
    border: medium none;
    color: #777777;
    font-size: 16px;
    height: 65%;
    width: 100%;
    position: absolute;
    right: 12px;
    top: 8px;
    line-height: 7px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 30px;
    border-radius: 50px;
}

#search-form button:hover {
    color: #e62e04;
}

.error-button a {
    background: #E62E04 none repeat scroll 0 0;
    border-radius: 35px;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    margin-top: 53px;
    padding: 0 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.error-button a:hover {
    background: #e62e04;
}

/*----------------------------------------*/
/* 23. Compare Page CSS
/*----------------------------------------*/
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    border: 1px solid #ebebeb;
}

.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > thead > tr > th {
    white-space: normal;
}

.compare-content > tbody > tr > td {
    padding: 20px 15px;
    vertical-align: middle;
}

.product-title {
    font-size: 15px;
    font-weight: 600;
    width: 120px;
}

.product-description {
    font-weight: 500;
    width: 200px;
    font-size: 14px;
}

.product-description p {
    text-align: left;
}

.product-description i {
  color: #666;
  font-size: 16px;
} 

.product-description .compare-cart,.cart-main-area.wish-list .product-add-to-cart a {
  font-size: 13px;
  margin: auto;
  width: 149px;
  background: #222;
  border-color: #222;
  color: #fff;
}
.product-description img {
    width: 100%;
}

.compare-details {
    text-align: left;
}

.product-description .product-rating i {
    font-size: 12px;
}

.compare-details span {
    color: #777777;
    display: inline-block;
    font-size: 12px;
    text-transform: capitalize;
}

.compare-details h4 {
    font-weight: 600;
    line-height: 10px;
}

.compare-details h4 a {
    font-size: 13px;
    text-transform: capitalize;
    color: #333;
}

.compare-details h4 a:hover,
.product-description .fa-trash-o:hover {
    color: #e62e04;
    cursor: pointer;
}
/*----------------------------------------*/
/* 24. Checkout CSS
/*----------------------------------------*/
.coupon-area .coupon-info input {
    background: transparent;
    border: 1px solid #e5e5e5;
}

.coupon-area .coupon-info .checkout-coupon .code:focus {
    border: 1px solid #e5e5e5;
}

.product-stock-status span {
  color: green;
  font-weight: 600;
}
.coupon-accordion h3 {
    background-color: #f6f6f6;
    border-top: 3px solid #222222;
    color: #515151;
    font-size: 14px;
    font-weight: 400;
    list-style: outside none none;
    margin-bottom: 30px;
    padding: 1em 2em 1em 3.5em;
    position: relative;
    text-transform: capitalize;
    width: auto;
}
.coupon-accordion h3::before {
    color: #777;
    content: "\f0f6";
    display: inline-block;
    font-family: 'FontAwesome';
    left: 16px;
    position: absolute;
    top: 16px;
}
.coupon-accordion span {
    cursor: pointer;
    color: #6f6f6f;
    -webkit-transition: .3s;
    transition: .3s
}
.coupon-accordion span:hover,
p.lost-password a:hover {
    color: #E62E04;
}

.coupon-info p.coupon-text {
    margin-bottom: 15px
}
.coupon-info p {
    margin-bottom: 0
}

.coupon-info p.form-row-first label,
.coupon-info p.form-row-last label {
    display: block;
    color: inherit;
}
.coupon-info p.form-row-first label span.required,
.coupon-info p.form-row-last label span.required {
    color: red;
    font-weight: 700;
}
.coupon-info p.form-row-first input,
.coupon-info p.form-row-last input {
    border: 1px solid #ccc;
    height: 34px;
    margin: 0 0 14px;
    max-width: 100%;
    padding: 0 0 0 10px;
    width: 370px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.coupon-info p.form-row input[type="submit"]:hover,
p.checkout-coupon input[type="submit"]:hover {
    background: #222222 none repeat scroll 0 0;
}
.coupon-info p.form-row input[type="checkbox"] {
    height: inherit;
    position: relative;
    top: 2px;
    width: inherit;
}
.form-row > label {
    margin-top: 7px;
}
p.lost-password {
    margin-top: 15px;
}

p.lost-password a {
    color: #6f6f6f;
    font-size: 12px;
}
p.checkout-coupon input[type=text] {
    height: 36px;
    padding-left: 10px;
    width: 170px;
}
p.checkout-coupon input[type="submit"] {
    background: #333 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    height: 36px;
    margin-left: 6px;
    padding: 5px 10px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: inherit;
}
.coupon-checkout-content {
    margin-bottom: 30px;
    display: none;
}
.checkbox-form h3 {
    border-bottom: 1px solid #ebebeb;
    font-weight: 500;
    margin-bottom: 20px;
    padding-bottom: 10px;
    width: 100%;
    font-size: 28px;
}

.ship-different-title h3 label {
    display: inline-block;
    margin-right: 20px;
    font-size: 22px;
    font-weight: 500;
}

.country-select label,
.country-select label,
.checkout-form-list label {
    color: #333;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    margin: 0 0 5px;
    display: block;
    font-weight: 600;
    font-size: 15px;
}

.country-select label span.required,
.checkout-form-list label span.required {
    color: red;
}

.country-select select {
    border: 1px solid #ddd;
    height: 32px;
    padding-left: 10px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075)
}

.checkout-form-list label {
    color: #333333;
    font-size: 15px;
}

.checkout-form-list input[type="text"],
.checkout-form-list input[type="password"],
.checkout-form-list input[type="email"] {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    border-radius: 0;
    -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.075);
    height: 34px;
    padding: 0 0 0 10px;
    width: 100%;
}
.country-select .nice-select {
    height: 37px;
}
.checkout-form-list {}
.checkout-form-list input[type="checkbox"] {
    display: inline-block;
    height: inherit;
    margin-right: 10px;
    position: relative;
    top: 0;
    width: inherit;
}

.create-acc label {
    color: #333;
    display: inline-block;
}

.create-accounts {
    display: none
}

.ship-different-title h3 label {
    display: inline-block;
    margin-right: 20px;
}

.order-notes textarea {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #eceff8;
    font-size: 14px;
    height: 90px;
    padding: 15px;
    width: 100%;
}

#ship-box-info {
    display: none
}

.your-order {
    background: #f2f2f2 none repeat scroll 0 0;
    padding: 30px 40px 45px;
}

.your-order h3 {
    border-bottom: 1px solid #ebebeb;
    font-size: 25px;
    margin: 0 0 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
    font-weight: 500;
}

.your-order-table table {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    width: 100%;
}

.your-order-table table th,
.your-order-table table td {
    border-bottom: 1px solid #d8d8d8;
    border-right: medium none;
    font-size: 14px;
    padding: 15px 0;
    text-align: center;
}

.amount {
    color: #666;
    font-size: 15px;
    font-weight: 500;
}

.your-order-table table th {
    border-top: medium none;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    width: 250px;
}

.your-order-table table .shipping ul li input {
    position: relative;
    top: 2px;
}

.your-order-table table .shipping th {
    vertical-align: top;
}

.your-order-table table .order-total th {
    border-bottom: medium none;
    font-size: 18px;
    font-weight: 600;
}

.your-order-table table .order-total td {
    border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
    background: #F9F9F9
}

.your-order-table table tr.order-total td span {
    color: #222222;
    font-size: 22px;
    font-weight: 600;
}

.payment-method {
    margin-top: 40px;
}

.payment-accordion h3 {
    border-bottom: 0 none;
    margin-bottom: 10px;
    padding-bottom: 0;
}

.payment-accordion h3 a {
    color: #6f6f6f;
    font-size: 14px;
    padding-left: 25px;
    position: relative;
    text-transform: capitalize;
    text-decoration: none
}

.payment-accordion h3 a:before,
.payment-accordion h3.open a:after {
    content: "";
    display: inline-block;
    font-family: fontawesome;
    font-size: 20px;
    left: 0;
    position: absolute;
    top: -2px;
}

.payment-accordion h3.open a:after {
    content: "\f056";
}

.payment-content p {
    font-size: 13px;
}

.payment-accordion img {
    height: 60px;
    margin-left: 15px;
}

.order-button-payment input {
    background: #e62e04;
    border: medium none;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    height: 50px;
    margin: 20px 0 0;
    padding: 0;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.order-button-payment input:hover {
    background: #444
}

.card-header {
    background-color: #f5f5f5;
    padding: 0;
}

.card {
    margin-top: 5px;
}

.card .btn-link {
    color: #232323;
    font-weight: 600;
}

/*----------------------------------------*/
/* 25. Cart & Wish List CSS
/*----------------------------------------*/
.cart-main-area .section-title h2,
.coupon-area .section-title h2 {
    text-transform: capitalize;
    color: #555;
    font-weight: 500;
}

.shipping_method input {
    background: #eceff8 none repeat scroll 0 0;
    border: 2px solid #eceff8;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #626262;
    font-size: 14px;
    height: 45px;
    padding-left: 10px;
    width: inherit;
}

.cart-title-area {
    padding-top: 30px;
}

.car-header-title h2 {
    font-size: 20px;
    margin: 0;
    text-transform: uppercase;
}



.table-content table td.product-name a,
.product-stock-status span {
    font-size: 14px;
    font-weight: 500;
    margin-left: 10px;
    color: #6f6f6f;
    text-transform: capitalize;
}

.product-stock-status span {
    color: green;
    font-weight: 600;
}

.table-content table td.product-name {
    width: 270px;
}

.table-content table td.product-thumbnail {
    width: 100px;
}

.table-content table td.product-remove i {
    color: #919191;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}

.table-content table .product-price .amount {
    font-size: 15px;
    font-weight: 600;
}

.table-content table td.product-remove a:hover i {
    color: #e62e04;
}

.table-content table td.product-quantity {
    width: 180px;
}

.table-content table td.product-remove {
    width: 150px;
}

.table-content table td.product-price {
    width: 130px;
}

.table-content table td.product-name a:hover,
.buttons-cart a:hover {
    color: #e62e04;
}

.product-thumbnail img {
    width: 100%;
}

.buttons-cart {
    margin-bottom: 30px;
    overflow: hidden;
}

.buttons-cart input,
.coupon input[type="submit"],
.buttons-cart a,
.coupon-info p.form-row input[type="submit"] {
    background: #363f4d none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    padding: 0 20px;
    text-shadow: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
    width: inherit;
    border-radius: 4px;
}

.wc-proceed-to-checkout {
    clear: both;
    display: block;
}

.buttons-cart input:hover,
.coupon input[type="submit"]:hover,
.buttons-cart a:hover,.wc-proceed-to-checkout a:hover {
    background: #e62e04 none repeat scroll 0 0;
    color: #fff;
}

.buttons-cart a {
    color: #fff;
    float: left;
    height: 40px;
    line-height: 40px;
}

.cart_totals {
    width: 100%;
}

.cart_totals h2 {
    border-bottom: 2px solid #222;
    display: inline-block;
    font-size: 30px;
    margin: 0 0 35px;
    text-transform: uppercase;
    font-weight: 500;
}

.cart_totals table {
    border: medium none;
    margin: 0;
    text-align: right;
}

.cart_totals table th {
    border: medium none;
    font-size: 14px;
    font-weight: bold;
    padding: 0 20px 12px 0;
    text-align: right;
    text-transform: uppercase;
    vertical-align: top;
}

.cart_totals table td {
    border: medium none;
    padding: 0 0 12px;
    vertical-align: top;
}

.cart_totals table td .amount {
    color: #222222;
    font-size: 13px;
    font-weight: bold;
    margin-left: 5px;
    text-align: right;
    text-transform: uppercase;
}

.cart_totals table td ul#shipping_method {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.cart_totals table td ul#shipping_method li {
    float: left;
    margin: 0 0 10px;
    padding: 0;
    text-indent: 0;
    width: 100%;
}

.cart_totals table td ul#shipping_method li input {
    margin: 0;
    position: relative;
    top: 2px;
}

a.shipping-calculator-button {
    font-weight: bold;
    color: #6f6f6f;
}

a.shipping-calculator-button:hover {
    color: #83CBDC
}

.cart_totals table tr.order-total th,
.cart_totals table tr.order-total .amount {
    font-size: 20px;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 600;
}

.cart_totals table tr.order-total th {
    font-weight: 700;
}

.wc-proceed-to-checkout a {
    background: #222222;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    margin-top: 20px;
    padding: 0 30px;
    text-transform: none;
    border-radius: 4px;
}

.amount del {
    font-size: 13px;
    margin-left: 5px;
    font-weight: 600;
}

.cart-main-area.wish-list .product-remove {
    width: 20px;
}

.cart-main-area.wish-list table td.product-thumbnail {
    width: 140px;
}

.cart-main-area.wish-list .product-add-to-cart a {
  text-transform: uppercase;
}

.cart-main-area.wish-list td.product-add-to-cart {
    width: 240px;
}

/*----------------------------------------*/
/* 26. Terms & Conditions CSS
/*----------------------------------------*/
.terms-content.sidbar-style {
    padding: 20px;
}

.tems-tile {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.term-mini-title {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: capitalize;
}

/*----------------------------------------*/
/* 27. About Us CSS
/*----------------------------------------*/
.about-title {
  display: inline-block;
  font-size: 22px;
  font-weight: 600;
  text-transform: capitalize;
}

.return-customer-btn.read-more {
    padding: 10px 20px;
}
.ht-single-about > h5 {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 9px;
}
.ht-work-text > h5 a {
  color: #232323;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.ht-work-text > h5 a:hover {
    color: #222222;
}

.ht-about-work {
  margin-bottom: 25px;
  position: relative;
}

.ht-about-work:last-child {
    margin: 0;
}

.ht-about-work > span {
  background: #ebebeb none repeat scroll 0 0;
  border-radius: 50%;
  color: #7d7d7d;
  display: block;
  float: left;
  height: 42px;
  line-height: 43px;
  margin-top: 3px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 42px;
}
.ht-about-work:hover > span {
    background: #222222 none repeat scroll 0 0;
    color: #ffffff;
}

.ht-work-text {
    overflow: hidden;
    padding-left: 10px;
}

.team-img img {
    width: 100%;
}

.team-img {
    position: relative;
}

.team-img::before {
    background: #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
    z-index: 1;
}

.single-team:hover .team-img::before {
    opacity: 0.1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.single-team {
    background: #f1f1f1 none repeat scroll 0 0;
}

.team-info {
    padding: 15px;
}

.team-link {
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 70%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    width: 100%;
    z-index: 5;
    background: #fff;
    padding: 10px;
}

.team-link ul li {
    display: inline-block;
    margin: 0 10px;
}

.team-link ul li a {
    color: #E62E04;
    font-size: 20px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.team-link ul li a:hover {
    color: #222222;
}

.single-team:hover .team-link {
    top: 50%;
    opacity: 1;
}

.team-info h4 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
}

.team-info p {
    font-family: Yanone Kaffeesatz;
    font-size: 17px;
    font-style: italic;
    font-weight: 400;
}

.skill-progress {
    overflow: hidden;
    padding-top: 30px;
}

.progress {
  border-radius: 2px;
  height: 5px;
  margin-bottom: 50px;
  overflow: visible;
  position: relative;
}

.progress .skill-title {
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  text-transform: uppercase;
  top: -28px;
}

.progress .progress-bar {
    background: #7b7b7b none repeat scroll 0 0;
    border-radius: 2px 0 0 2px;
    height: 5px;
}

.skill-progress .progress:last-child {
    margin-bottom: 0;
}

/*----------------------------------------*/
/* 28. Contact Us CSS
/*----------------------------------------*/
.contact-area h3 {
    font-size: 25px;
    line-height: 25px;
}
.contact-area .form-control {
    font-size: 14px;
    margin-bottom: 30px;
    padding: 10px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.contact-area .form-control:focus {
    background: #fff;
}

.contact-area textarea.form-control {
    min-height: 220px;
    margin-bottom: 0;
}
.contact-form p{
  margin-top: 15px;
}
.contact-form p.error {
    color: #ff0000;
}

.contact-form p.success {
    color: green;
}

/*----------------------------------------*/
/* 29. Popup Window CSS
/*----------------------------------------*/
.popup_wrapper {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    height: 100%;
    opacity: 0;
    position: fixed;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: 9999999;
    top: 0;
}

.test {
    background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    height: 390px;
    left: 0;
    margin: auto;
    max-width: 790px;
    padding: 25px 50px;
    position: absolute;
    right: 0;
    top: 0;
}

.popup_off {
    background: #666666 none repeat scroll 0 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 500;
    height: 25px;
    line-height: 25px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    top: -26px;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    width: 75px;
}

.popup_off:hover {
    background: #1a1a1a none repeat scroll 0 0;
}

.subscribe-form-group {
    margin-top: 15px;
}

.subscribe-form-group input {
    background: #eaeaea none repeat scroll 0 0;
    border: 0 none;
    color: #222;
    height: 41px;
    line-height: 20px;
    padding: 0 20px;
    width: 380px;
}
.subscribe-bottom label {
    font-size: 14px;
    margin: 0;
    vertical-align: middle;
}
.subscribe_area p {
    color: #555;
    font-size: 14px;
}

.subscribe-bottom input {
  vertical-align: middle;
}

.subscribe-form-group button {
    background: #222222 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 38px;
    margin: 20px auto;
    padding: 2px 20px 0;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.subscribe-form-group button:hover {
    background: #E62E04  none repeat scroll 0 0;
    color: #fff;
}

.subscribe_area h2 {
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.banner_popup_area > img {
  width: 100%;
}
.popup_off_banner {
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 35px;
  font-weight: 500;
  line-height: 25px;
  position: absolute;
  right: 11px;
  text-align: center;
  text-decoration: none;
  top: 6px;
  transition: all 0.3s ease-in 0s;
}

.error-button {
  color:#212529 ;  
  font-size:18px;
  
}

.error-button a:hover {
  
  text-decoration:underline;
}

.footer-font {
  color:#ffffff; 
  font-size: 16px;

}

.footer-font a:hover{
  color:#777777; 
  text-decoration:underline;
  font-size: 16px;
  
}

.hide-in-phone{display:none}

  @media only screen and (min-width:992px) { .hide-in-phone { display: block; } }

.text-themegreen{
  color:#0f51a3;
  padding-bottom: 10px;
  font-size: 18px;
}

.angle-left{
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
}

.angle-right{
  border-top-right-radius:4px;
  border-bottom-right-radius:4px;
}

.header-top a:hover{
 text-decoration:underline;
}

.fa-search .fa-heart-o .fa-shopping-bag .fa-users {
  color: #666666;
}

.fa-search .fa-heart-o .fa-shopping-bag .fa-users i:hover{
  color: #28a745;
}

.step-title{
  font-size: 18px;
  color: #e76667;
}

.cancel-btn{
  color: #878787;
}

i.cancel-btn:hover{
  color: #e62e04;
}

.footer-font{
  color: #ffffff;
  margin-right: 18px;
  margin-left: 18px;
}

a.forget-password:hover{
  color:#0f51a3 !important;
}

a.footer-font:hover{
  color: #ffffff;
  text-decoration: underline;
}

summary::-webkit-details-marker {
    display: none;
}
summary:before {
    
    color: #696f7c;
    margin-right: 5px;
}

.top-input{
  position: absolute;
  top: 18px;
  right: -31px;
  z-index: 90;

      background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #e9e9e9;
    
    color: #666666;
    float: left;
    font-size: 14px;
    height: 45px;
    padding: 0 50px 0 20px;
   
   -webkit-transition:all 0.2s ease;
   -moz-transition:all 0.2s ease;
   -ms-transition:all 0.2s ease;
   -o-transition:all 0.2s ease;
   transition:all 0.2s ease;
}


.top-search{
  color: #666666;
}

i.top-search:hover{
  color: #0f51a3;
}

.search-bar{
  position: absolute;
}

.top-search-btn{
  position: absolute;
  top: 16px;
  right: -18px;
  z-index: 100;
  border: medium none;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.search-btn-icon {
  color: #777777;
}

a.search-btn-icon:hover{
  color: #0f51a3;
}

.top-search-btn a:hover{
  color: #0056b3 !important;
}


.top-search-btn span:hover{
  background-color: #f8f8f8 !important;
}

.step-title02{
  color: #e76667;
  font-size: 18px;
  font-weight: bold;
}

.form-group {
    margin-bottom: 20px;
    margin-top: 20px;
}
.control-label{
text-align: right;
}

@media (max-width: 767px){
.control-label{
    text-align: left;
}
}

.total-border{
    border: 1px solid #ddd; 
    padding: 7px;
}

.charge-way{
text-align: left;
margin-top: 7px;
}


@media (max-width: 767px){
.charge-way{
text-align: center;
}
}

.total-font{
text-align: right;
}

@media (max-width: 767px){
.total-font{
text-align: center;
}
}

.quantity {
    display: inline-block;
    position: relative;}

.quantity-wrapper {
    position: relative;
    float: left;
    display: block;
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
    color: #222;
    margin-top: 10px;

}
/*
.quantity input {
    display: inline-block;
    position: relative;
    height: 40px;
    width: 40px;
    border: 1px solid #e3e3e3;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    color: #222;
}*/
.number-input{
  ;
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {.number-input {margin-top: 26px;}}
@media only screen and (min-width: 320px) and (max-width: 555px) {.number-input {margin-top: 26px;}}

/*.quantity i {
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: -15px;
    font-size: 18px;
    padding: 5px;
    cursor: pointer;
}

.quantity i.fa-caret-right {
    left: auto;
    right: -15px;
}*/

.step-1-product{
border-bottom: 0px solid #ffffff !important;
}    

.step-1-total{
  border-top: 1px solid #e5e5e5
}

.index-aboutus{
    height: 300px;
    padding: 50px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.index-title-text{
  
  text-align: center;
  color: #e76667;
  margin-bottom: 10px; 
}

.aboutus-logo{
  margin-bottom: 10px;
}

.new-products{
  background-color: #fff !important;
  padding: 20px;
  background-size: cover !important;
}

.heart-btn{
  border: medium none;
    background-color: transparent;
    color:#878787;
    float:right;
}

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

.single-blog-content{
  padding: 10px;
}

.blog-comment ul li a, .blog-comment p {
    color: #666666;
    font-size: 14px;
    font-family: '微軟正黑體', 'Poppins', sans-serif;
    font-weight: 400;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.blog-comment ul li i {
    color: #666666;
    font-size: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

[class^="pe-7s-"], [class*=" pe-7s-"] {
    font-family: 'Pe-icon-7-stroke';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}

.teach-btn {
    color: rgb(231, 102, 103);
    font-size: 16px;
    font-family: 微軟正黑體, Poppins, sans-serif;
    font-weight: 500;
    transition: all 0.5s ease 0s;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(231, 102, 103);
    border-image: initial;
    padding: 5px 10px;
}

a.teach-btn:hover{
  
    background-color: #e76667;
    color: #ffffff;
}


.blog-title{
  font-size: 18px !important;
  color: #0f51a3 !important;
}

.testimonial-right .googlemap {

    height: 0;
    overflow: hidden;
  }

  .testimonial-right {
    background: #e76667;
    width: 50%;
    min-height: 324px;
  }

  .pull-right {
    float: right;}

    .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;}

.googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }    

.map-image{
background-image: url(../img/map.jpg);
background-size: cover;
background-repeat:no-repeat;

background-position:center;
min-height: 556px; 
}

.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
    height: 630px !important;
  }

  .no-video .video-container video,
  .touch .video-container video {
    display: none;
  }

  .no-video .video-container .poster,
  .touch .video-container .poster {
    display: block !important;
  }

  .video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: transparent;
  }

  .video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
  }

  .filter {
    z-index: 50;
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
  }

  .video-container video {
    position: absolute;
    z-index: 0;
    bottom: 0;
  }

  .video-container video.fillWidth {
    width: 100%;
  }

@media (max-width: 2000px) and (min-width: 1400px)
.nivo_text .slider-text-1 h1, .banner-text-wrapper .slider-text-1 h1 {
    font-size: 80px;
    line-height: 96px;
}
.nivo_text .slider-text-1 h1, .fixed_text .slider-text-1 h1, .banner-text-wrapper .slider-text-1 h1 {
    color: #ffffff;
    font-family: '微軟正黑體', "Poppins",sans-serif;
    font-size: 68px;
    font-weight: 300;
    line-height: 70px;
}

.nivo_text .slider-text-1 h1 span, .fixed_text .slider-text-1 h1 span {
    color: #32ce55;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-style: dashed;
    text-shadow: 1px 1px 2px #444;
}

@media (max-width: 2000px) and (min-width: 1400px)
.nivo_text .slider-text-2 h2 {
    font-size: 48px;
    line-height: 56px;
}
.nivo_text .slider-text-2 h2, .fixed_text .slider-text-2 h2 {
    color: #ffffff;
    font-family: '微軟正黑體', "Vidaloka",serif;
    font-size: 34px;
    line-height: 40px;
    text-transform: capitalize;
}

.header-mobile{
  background-color: #ffffff;
}

.zhezhao 
{ 
 width:100%; 
 height:100%; 
 background-color:#000; 
 filter:alpha(opacity=50); 
 -moz-opacity:0.5; 
 opacity:0.5; 
 position:absolute; 
 left:0px; 
 top:0px; 
 display:none; 
 z-index:1000; 
} 

.aboutus-bg{
background-image: url(../img/aboutus.jpg);
background-size: cover;
background-repeat:no-repeat;

background-position:center;
min-height: 320px; 
}

.news-text{
  color: #0f51a3;
}

.news-name{
  text-align:left; ;
}

.hide-in-phone02{display:none}

  @media only screen and (min-width:992px) { .hide-in-phone {; } }

.news-title{
  color:#0f51a3;
}  

a.news-title:hover{
  color: #e76667;
 text-decoration: underline;
}

button.heart-btn:hover{
color:#e62e04;
}

h4.blog-title:hover{
  color:#e76667;
  text-decoration: underline;
}

.road-text{
  color: #777777 !important;
  font-size: 16px;
}

a.road-text:hover{
  
  text-decoration: underline;
}

.pc-to-phone01{width: 629px;}
@media screen and (min-width: 1201px) { 
.pc-to-phone01 {width: 629px} 
} 
/* css註釋:設定了瀏覽器寬度不小於1201px時 abc 顯示1200px寬度 */ 

@media screen and (max-width: 1200px) { 
.pc-to-phone01 {width: 450px} 
}

@media screen and (max-width: 768px) { 
.pc-to-phone01 {width: 300px} 
}

@media screen and (max-width: 400px) { 
.pc-to-phone01 {width: 200px} 
}

.ec-product{
  width: 154px;
}

.teach-ul{
  font-size: 18px;
  color:#777777;
  margin-right: 57px;
  font-weight: bold;
}

a.teach-ul:hover{
  color:#0f51a3;
}

.active-teach-ul{
  font-size: 18px;
  color:#0f51a3;
  margin-right: 57px;
  font-weight: bold;
}

a.active-teach-ul:hover{

  color:#0f51a3;

}

.mat-5{
  margin-top: 5px;
}

.border-teacher{
  border: 1px solid #ddd;
}

.teacher-name{
  font-size: 18px ;
  font-weight: bold;
  
}

.teach-text{
  font-size: 16px;
  padding: 15px;
}

.class-text{
  font-size: 16px;
  color: #0f51a3;
  font-weight: bold;

}

.class-it{
  font-size: 16px;
  color: #777777;
}

.class-img{

  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%; 
}

.right-sidebar01
{

  position: fixed;
    right: 22px;
    bottom: 215px;
    z-index: 999;
  background: #f6f8f7 none repeat scroll 0 0;
    
    cursor: pointer;
    font-weight: 600;
    height: 54px;
    right: 24px;
    text-align: center;
    text-transform: uppercase;
    width: 54px;
    border-radius: 50px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
}

.right-sidebar02
{

  position: fixed;
    right: 22px;
    bottom: 150px;
    z-index: 999;
  background: #f6f8f7 none repeat scroll 0 0;
    
    cursor: pointer;
    font-weight: 600;
    height: 54px;
    right: 24px;
    text-align: center;
    text-transform: uppercase;
    width: 54px;
    border-radius: 50px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
}

.right-sidebar02:hover{
background-color: #e7e7e7; 
}

.right-sidebar01:hover{
background-color: #e7e7e7; 
}

.road-text {
    color: #777777 !important;
    font-size: 16px;
}

a.road-text:hover {

    text-decoration: underline;
}

.pc-to-phone01 {
    width: 629px;
}

@media screen and (min-width: 1201px) {
    .pc-to-phone01 {
        width: 629px
    }
}

/* css註釋:設定了瀏覽器寬度不小於1201px時 abc 顯示1200px寬度 */

@media screen and (max-width: 1200px) {
    .pc-to-phone01 {
        width: 450px
    }
}

@media screen and (max-width: 768px) {
    .pc-to-phone01 {
        width: 300px
    }
}

@media screen and (max-width: 400px) {
    .pc-to-phone01 {
        width: 200px
    }
}

.ec-product {
    width: 154px;
}

.teach-ul {
    font-size: 18px;
    color: #777777;
    margin-right: 80px;
    font-weight: bold;
}

a.teach-ul:hover {
    color: #0f51a3;
}

.active-teach-ul {
    font-size: 18px;
    color: #0f51a3;
    margin-right: 80px;
    font-weight: bold;
}

a.active-teach-ul:hover {

    color: #0f51a3;

}

.mat-5 {
    margin-top: 5px;
}

.border-teacher {
    border: 1px solid #cbcbcb;
}

.index-arrow{
  font-size: 20px;
  color: #e76667;
}

.copyright-text{
  color: #fff !important;
}

a.brand-img:hover{

  border-radius: 50px;

  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.8) 

}

.shop-it{
  color: #dc3545;
  font-size: 16px;
}

a.shop-it:hover{
  color: #0f51a3;
  text-decoration: underline;
}

.on-in-phone{display: none;}
@media only screen and (max-width: 992px){.on-in-phone{ display: block; }}

.fl-r{
  float: right
}

.product-track-img{
    width: 200px;
    height: auto;
}

.p-20-0{
      padding: 20px 5px !important;
}

.panel-title{
    font-size: 18px;
    line-height: 20px;
    padding: 10px;
    border-bottom: 0.5px solid #ccc;
    height: 40px;
    position: relative;
    top: 1px;
}

.ec-list {
    font-size: 18px;
    line-height: 20px;
    color: #666666;
    /* margin-bottom: 10px; */
    /* margin-top: 10px; */
    padding: 10px;
    border-bottom: 1px solid #ccc;
    padding-left: 25px;
    background-color: #f5f5f5;
    height: 40px;
}

summary {
    display: list-item;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    position: relative;
    z-index: 1
}

a.collapsed {
    color: #666666;
}

div#accordion {
    border: 1px solid #ccc;
    position: relative;
    bottom: -10px;
    z-index: 0;
    border-radius: 5px;
}

.min-height{
  min-height: 1350px;
}

@media screen and (max-width: 992px){.min-height{min-height:0px;}}