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

    Template Name: Zonker E-commerce Html Temaplate
    Template URI: http://bootexperts.com
    Description: This is html5 template
    Author: BootExperts
    Author URI: http://bootexperts.com
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
    2. header 
		2.1 header-top-area 
		2.2 header-mid-area 
		2.3 mainmenu-area
    3. slider-area
	4. banner-area
    5. features-area 
	6. new-product-area
	7. banner-2-area
	8. top-sells-area
	9. latest-blog-area
	10. brand-area
	11. footer 
		11.1 footer-top-area
		11.2 footer-middle-area
		11.3 footer-bottom-area
	12. home page two
		12.1 header
		12.2 features-area
		12.3 category-area
	13. home page three 
		13.1 header
		13.2 latest-deals-area
		13.3 product-blog-area
	14. home page four	
		14.1 header
		14.2 new-best-top-area
	15. blog
		15.1 breadcrumb-area
		15.2 blog-area
		15.3 blog-post
	16. shop page	
		16.1 shop-header-area
		16.2 shop-area
	17. account page	
		17.1 entry-header-area
		17.2 my-account-area
	18. wishlist page
		18.1 wishlist-area
	19. cart page	
	20. checkout page
	21. product page
	22. about page
	23. contact page
	24. faq page
	25. sample page
	26. error-page
	27. portfolio page
	28. portfolio single page
    5.  
-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
html, body {height: 100%;}
.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:15px;margin-bottom: 15px}
.alignright {float:right;margin-left:15px;margin-bottom: 15px}
.aligncenter {display:block;margin:0 auto 15px}
a:focus {outline:0px solid}
img {max-width:100%;height:auto}
.fix {overflow:hidden}
p {margin:0 0 15px;}
h1, h2, h3, h4, h5, h6 {
  color: #252525;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.35;
  margin: 0 0 10px;
}
a {transition: all 0.3s ease 0s;text-decoration:none;color:#777}
a:hover {
  color: #ec4445;
  text-decoration: none;
}
a:active, a:hover {
  outline: 0 none;
}
ul{
list-style: outside none none;
margin: 0;
padding: 0
}
body {
  color: #777;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  visibility: visible;
}
.clear{clear:both}
.slicknav{display:none}
.container{width:1200px}

/* =========================
2. header 
============================*/
/*----------------------------------- 
2.1 header-top-area 
-------------------------------------*/
.header-top-area{background-color: #252525;
line-height: 38px;color: #d5d5d5;}
.header-top-left{}
.top-message{float: left;
padding-right: 20px;
position: relative;}
.top-message:after {
  border-right: 1px solid #d5d5d5;
  content: "";
  height: 20px;
  position: absolute;
  right: 0;
  top: 10px;
  width: 0;
}
.top-message{}
.phone-number{float: left;
margin-left: 20px;}
.phone-number:after{content: "";
display: inline-block;
float: left;
font-family: FontAwesome;
margin-right: 5px;
}
.phone-number span{color: #ec4445;}
.lang-select {
  float: right;
}
.lang-select ul{}
.lang-select ul li{}
.lang-select ul li a{}
.top-menu {
  float: right;
}
.top-menu ul{}
.top-menu ul li{display: inline-block;}
.top-menu ul li a{display: inline-block;
margin-right: 20px;
color: #d5d5d5;
}
.top-menu ul li a:hover{color: #ec4445;}
/*----------------------------------- 
2.2 header-mid-area 
-------------------------------------*/
.header-mid-area {
  padding: 30px 0 10px;
}
.logo{}
.logo a{}
.logo a img{}
.header-search {
  float: right;
  position: relative;
}
.header-search ,.cart-total{
  margin-top: 15px;
}
.header-search input{background: #fff none repeat scroll 0 0;
border: medium none;
border-radius: 0;
box-shadow: none;
height: 34px;
left: -245px;
padding: 0 15px;
width: 250px;
border: 1px solid #e8e8e9;}
.header-search button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #777;
  font-size: 16px;
  line-height: 34px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0px;
  width: 40px;
}
.header-search button:hover {
  color: #EC4445;
}
.cart-total{
float: right;
margin-left: 10px;}
.cart-total ul{}
.cart-total ul li{float: left;position:relative}
.cart-total ul li a{display: block;}
.cart-total ul li a span.cart-no{
border-color: #e8e8e9;
border-image: none;
border-style: solid solid solid none;
border-width: 1px 1px 1px 0;
font-family: Montserrat,Arial,Helvetica,sans-serif;
font-weight: bold;
height: 34px;
line-height: 34px;
padding: 0 15px;
text-transform: uppercase;}
.cart-total ul li a span.cart-icon i{background-color: #ec4445;
color: #fff;
float: left;
font-size: 16px;
height: 34px;
line-height: 34px;
text-align: center;
width: 50px;
}
.cart-total ul li a span.cart-no{color: #252525;
display: block;
float: right;
transition: all 0.3s ease 0s;}
.cart-total ul li:hover a span.cart-no{color:#EC4445}
.cart-total ul li a:hover{}
.cart-total ul li .mini-cart-content{background: #fff none repeat scroll 0 0;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
opacity: 0;
padding: 10px 0 0;
position: absolute;
right: 0;
top: 100%;
transform: scaleY(0);
transform-origin: 0 0 0;
transition: all 0.5s ease 0s;
width: 280px;
z-index: -99;}
.cart-total ul li:hover .mini-cart-content {
  opacity: 1;
  transform: scaleY(1);
  z-index: 9999999;
}
.cart-total ul li .mini-cart-content .cart-img-details{border-bottom: 0 none;
margin-bottom: 10px;
overflow: hidden;
padding: 12px 12px 0;
position: relative;}
.cart-total ul li .mini-cart-content .cart-img-details .cart-img-photo{float: left;
margin-right: 10px;
width: 50px;}
.cart-total ul li .mini-cart-content .cart-img-details .cart-img-photo a{}
.cart-total ul li .mini-cart-content .cart-img-details .cart-img-photo img{}
.cart-total ul li .mini-cart-content .cart-img-details .cart-img-contaent{float: left;}
.cart-total ul li .mini-cart-content .cart-img-details .cart-img-contaent h4{color: #252525;
font-size: 13px;
font-weight: normal;
line-height: 20px;
margin: 0 0 5px;
text-align: left;
width: 190px;
transition: all 0.3s ease 0s;}
.cart-total ul li .mini-cart-content .cart-img-details .cart-img-contaent h4:hover{color:#EC4445}
.cart-total ul li .mini-cart-content .cart-img-details .cart-img-contaent span{color: #6f6f6f;
font-weight: 600;
text-align: left;}
.pro-del{float: right;
position: absolute;
right: 15px;
top: 23px;}
.pro-del a{}
.pro-del a i{color: #909295;
font-size: 18px;}
.pro-del a i:hover{color:#EC4445}
span.quantity{background: #EC4445;
border-radius: 50%;
color: #fff;
height: 20px;
left: 5px;
position: absolute;
text-align: center;
top: 5px;
width: 20px;}
p.total{border: medium none;
color: #6f6f6f;
float: left;
font-size: 12px;
font-weight: 600;
line-height: 40px;
margin: 8px 0 0;
text-align: left;
text-transform: uppercase;
width: 100%;}
p.total span{float: right;
font-size: 18px;
font-weight: 700;}
p.cart-button-top{margin-top: 15px;
overflow: hidden;}
.mini-cart-content p.cart-button-top a{background: #ec4445 none repeat scroll 0 0;
border: 1px solid #e5e5e5;
color: #fff;
display: inline-block;
float: right;
font-size: 12px;
font-weight: 600;
padding: 10px 35px;
text-align: center;
text-transform: uppercase;}
.mini-cart-content p.cart-button-top a:hover{background: #252525 none repeat scroll 0 0;
border: 1px solid;
color: #fff;}
.cart-inner-bottom{padding: 0 12px;}
/*----------------------------------- 
2.3 mainmenu-area
-------------------------------------*/
.mainmenu-area {
  border-bottom: 1px solid #e8e8e9;
}
.mainmenu{}
.mainmenu ul{}
.mainmenu ul li{display: inline-block;
margin-right: 40px;position:relative}
.mainmenu ul li a{color: #252525;
display: block;
font-size: 14px;
font-weight: 700;
padding: 20px 0;
text-transform: uppercase;
}
.mainmenu ul li:hover a{color:#EC4445}
.mainmenu ul li ul.sub-menu{background: #fff none repeat scroll 0 0;
border: 1px solid #e8e8e9;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
opacity: 0;
position: absolute;
width: 205px;
z-index: -99;}
.mainmenu ul li ul.sub-menu,.mainmenu ul li .mega-menu{transform: scaleY(0);
transform-origin: 0 0 0;
transition: all 0.5s ease 0s;}
.mainmenu ul li:hover ul.sub-menu,.mainmenu ul li:hover .mega-menu{opacity:1;z-index:9999;transform: scaleY(1);}
.mainmenu ul li ul.sub-menu li{margin-right: 0;
width: 100%;}
.mainmenu ul li ul.sub-menu li a{color: #909295;
font-size: 13px;
font-weight: normal;
padding: 8px 10px;
text-transform: none;}
.mainmenu ul li:hover ul.sub-menu li a:hover{color:#EC4445;padding-left:15px}
.mainmenu ul li .mega-menu{background: #fff none repeat scroll 0 0;
border: 1px solid #e8e8e9;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
padding: 15px;
position: absolute;
top: 100%;
width: 480px;opacity:0;z-index:-99}
.mainmenu ul li .mega-menu span{float: left;
width: 50%;}
.mainmenu ul li .mega-menu span a.mega-menu-title{color: #252525;
font-size: 12px !important;
font-weight: bold;
margin-bottom: 8px;
padding-bottom: 5px;
padding-top: 0;
text-transform: uppercase;}
.mainmenu ul li .mega-menu span a{font-size: 13px;
font-weight: 400;
padding: 7px 0;
text-transform: none;color: #909295;}
.mainmenu ul li .mega-menu span a.mega-menu-title:hover{padding-left:0px}
.mainmenu ul li .mega-menu span a:hover{color:#EC4445;padding-left:5px}
/*----------------------------------- 
3. slider-area
-------------------------------------*/
.slider-wrap{margin-bottom:35px}
/*----------------------------------- 
4. banner-area
-------------------------------------*/
.banner-area {
  margin-bottom: 50px;
}
.single-banner{}
.single-banner a{display: block;
float: left;
overflow: hidden;
padding: 0;
position: relative;
text-align: center;
width: 100%;}
.single-banner a:before{animation-duration: 0.5s;
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
content: "";
display: block;
height: 100%;
left: 50%;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
transition: all 0.5s ease 0s;
width: 0;}
.single-banner a:hover:before{left: 0;
opacity: 1;
width: 100%;}
.single-banner a:after{animation-duration: 0.5s;
background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
border-radius: 100%;
bottom: 0;
box-shadow: 0 0 0 8px rgba(246, 249, 250, 0.42);
color: #fff;
content: "";
display: block;
font-family: FontAwesome;
font-size: 30px;
height: 60px;
left: 0;
line-height: 60px;
margin: auto;
opacity: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
transform: scale(3);
transition: all 0.5s ease 0s;
visibility: hidden;
width: 60px;
z-index: 2;}
.single-banner a:hover:after{opacity: 1;
transform: scale(1);
visibility: visible;}
.single-banner a{}
.single-banner a{}
.single-banner a img{}
.banner-top-4{margin-top:20px}
/*----------------------------------- 
5. features-area
-------------------------------------*/
.features-area{margin-bottom: 50px;}
.section-heading{font-weight: bold;
margin: 0 0 10px;
position: relative;
text-align: center;}
.section-heading:before{border-top: 4px double #e8e8e9;
content: "";
left: 0;
margin: 0;
position: absolute;
top: 50%;
width: 100%;}
.section-heading h3{background: #fff none repeat scroll 0 0;
display: inline-block;
font-size: 20px;
font-weight: bold;
padding: 0 15px;
position: relative;
text-transform: uppercase;
width: auto;
z-index: 1;margin-bottom:0}
.section-heading h3:before{content: "";
display: inline-block;
font: 15px/1 FontAwesome;
margin-right: 10px;
text-rendering: auto;
transform: translate(0px, 0px);}
.section-heading h3:after{content: "";
display: inline-block;
font: 15px/1 FontAwesome;
margin-left: 10px;
text-rendering: auto;
transform: translate(0px, 0px);}
.section-heading h3{}
.single-product{overflow: hidden;position:relative}
.product-img{position:relative;display:block; border:1px dashed #aaa;}
.product-img a{display: block}
.product-img a img{
transition: all 0.3s ease 0s;
width: 100%;}
.product-img a img.primary-image{}
.product-img a img.secondary-image{left: 0;
opacity: 0;
position: absolute;
top: 0;
z-index: 1;}
.actions{position: absolute;
text-align: center;
top: 50%;
width: 100%;opacity:0;transition: all 0.3s ease 0s;}
.action-buttons{}
.add-to-cart {
  display: block;
  margin-bottom: 15px;
}
.add-to-cart a{border-bottom: 4px double #e8e8e9;
border-top: 4px double #e8e8e9;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 700;
padding: 8px 40px;
text-transform: uppercase;}
.add-to-links{display: inline-block;}
.add-to-wishlist,.compare-button,.quickviewbtn{display:inline-block}
.add-to-wishlist a,.compare-button a,.quickviewbtn a{display: inline-block;
margin: 0 8px;}
.add-to-wishlist a i,.compare-button a i,.quickviewbtn a i{border: 2px solid #fff;
color: #fff;
font-size: 14px;
height: 40px;
padding-top: 11px;
transition: all 0.3s ease 0s;
width: 40px;}
.compare-button{}
.compare-button a{}
.compare-button a i{}
.quickviewbtn{display: inline-block;}
.quickviewbtn a{}
.quickviewbtn a i{}
.action-buttons a:hover i,.add-to-cart a:hover{border-color:#EC4445;color:#EC4445}
.single-product:hover .product-img a img.secondary-image{opacity:1}
.product-img>a:before{ background-color: #000;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.3s ease 0s;
  width: 100%;}
.single-product:hover .product-img a:before{opacity:.4;z-index:9}
.single-product:hover .actions{opacity:1;top:40%;z-index:9}
.product-content{}
h2.product-name{font-size: 15px;
font-weight: normal;
margin: 15px 0 10px;}
.pro-rating {
  float: right;
}
.pro-rating a{}
.pro-rating a i{}
.price-box {
  color: #ec4445;
  font-family: Montserrat,Arial,Helvetica,sans-serif;
  font-size: 18px;
  font-weight: 400;
  float: left;
}
span.new-price{}
span.old-price{color: #909295;
font-size: 15px;
margin-left: 10px;
text-decoration: line-through;}
span.sale-text{background: #ec4445 none repeat scroll 0 0;
border-radius: 0;
box-shadow: none;
color: #fff;
font-family: Montserrat,Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: normal;
height: 26px;
left: 0;
line-height: 26px;
min-height: 26px;
padding: 0 15px;
position: absolute;
text-align: center;
text-shadow: none;
text-transform: capitalize;
top: 0;
z-index: 10;}
.features-tab .nav-tabs {
border-bottom: 0 none;
text-align: center;
margin-bottom: 35px;
}
.features-tab .nav-tabs > li {
  float: none;
  margin-bottom: 0;
  display: inline-block;
}
.features-tab .nav-tabs > li > a {
  border: 0;
  border-radius: 0;
  line-height: 1.42857;
}
.features-tab .nav-tabs > li > a {
  border: 0 none;
  border-radius: 0;
  color: #909295;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.42857;
  margin: 0 5px;
  text-transform: uppercase;
  border-bottom:4px double #e8e8e9
}
.features-tab .nav > li > a:focus,.features-tab .nav > li > a:hover {
  background-color: inherit;
  text-decoration: none;
  border-bottom: 4px double #EC4445;
}
.features-tab .nav-tabs > li.active > a,.features-tab  .nav-tabs > li.active > a:focus,.features-tab  .nav-tabs > li.active > a:hover {
border: medium none;
border-bottom: 4px double #EC4445;
}
.features-curosel .col-lg-3,.new-pro-curosel .col-lg-3{width:100%}
.features-curosel.owl-theme .owl-controls .owl-buttons div,
.top-sells-curosel.owl-theme .owl-controls .owl-buttons div,
.latest-blog-curosel.owl-theme .owl-controls .owl-buttons div,
.brand-curosel.owl-theme .owl-controls .owl-buttons div,
.category-curosel.owl-theme .owl-controls .owl-buttons div,
.top-sellers-curosel.owl-theme .owl-controls .owl-buttons div,
.new-product-curosel.owl-theme .owl-controls .owl-buttons div {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #e8e8e9;
  border-radius: 0;
  color: #252525;
  display: inline-block;
  font-size: 25px;
  height: 40px;
  left: -35px;
  margin: 0;
  opacity: 0;
  padding: 6px 0 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 40px;
  transition: all 0.3s ease 0s;
  margin-top:-50px;
  visibility:hidden;
}
.features-curosel.owl-theme .owl-controls .owl-buttons div.owl-next,
.top-sells-curosel.owl-theme .owl-controls .owl-buttons div.owl-next,
.latest-blog-curosel.owl-theme .owl-controls .owl-buttons div.owl-next,
.brand-curosel.owl-theme .owl-controls .owl-buttons div.owl-next,
.category-curosel.owl-theme .owl-controls .owl-buttons div.owl-next,
.top-sellers-curosel.owl-theme .owl-controls .owl-buttons div.owl-next,
.new-product-curosel.owl-theme .owl-controls .owl-buttons div.owl-next{
	left:auto;right:-35px
}
.features-curosel:hover.owl-theme .owl-controls .owl-buttons div,
.top-sells-curosel:hover.owl-theme .owl-controls .owl-buttons div,
.latest-blog-curosel:hover.owl-theme .owl-controls .owl-buttons div,
.brand-curosel:hover.owl-theme .owl-controls .owl-buttons div,
.category-curosel:hover.owl-theme .owl-controls .owl-buttons div,
.top-sellers-curosel:hover.owl-theme .owl-controls .owl-buttons div,
.new-product-curosel:hover.owl-theme .owl-controls .owl-buttons div{
	opacity:1;visibility:visible;z-index: 9;
}
.features-curosel.owl-theme .owl-controls .owl-buttons div:hover,
.top-sells-curosel.owl-theme .owl-controls .owl-buttons div:hover,
.latest-blog-curosel.owl-theme .owl-controls .owl-buttons div:hover,
.brand-curosel.owl-theme .owl-controls .owl-buttons div:hover,
.category-curosel.owl-theme .owl-controls .owl-buttons div:hover,
.top-sellers-curosel.owl-theme .owl-controls .owl-buttons div:hover,
.new-product-curosel.owl-theme .owl-controls .owl-buttons div:hover{
	border-color:#EC4445;color:#EC4445;
}
.owl-theme .owl-controls {
  margin-top: 0;
  text-align: center;
}
/*----------------------------------- 
6. new-product-area
-------------------------------------*/
.new-product-area {
  margin-bottom: 50px;
}
.new-product-area .section-heading {
  margin: 0 0 35px;
}
/*----------------------------------- 
7. banner-2-area
-------------------------------------*/
.banner-2-area{margin-bottom:50px}
.banner-bottom{margin-top:15px}
/*----------------------------------- 
8. top-sells-area
-------------------------------------*/
.top-sells-area{margin-bottom:50px}
.top-sells-area .section-heading {
  margin-bottom: 35px;
}
.top-sells-area .single-product{}
.top-sells-area .product-img,.new-product-curosel .product-img,.new-category-product .product-img {
  width: 40%;
  float: left;
}
.top-sells-area .product-content,.new-product-curosel .product-content,.new-category-product .product-content {
  float: right;
  width: 60%;
  padding-left: 13px;
}
.top-sells-area h2.product-name, .new-product-curosel h2.product-name, .new-category-product h2.product-name {
  font-size: 13px;
  margin: 0;
}
.top-sells-area .pro-rating, .new-product-curosel .pro-rating, .new-category-product .pro-rating {
  float: none;
  padding: 5px 0;
}
.top-sells-area .price-box, .new-product-curosel .price-box,.new-category-product .price-box {
  float: none;
  font-size: 16px;
  margin-top: 5px;
}
.top-sells-area span.old-price,.new-product-curosel span.old-price, .new-category-product span.old-price {
  font-size: 14px;
}
.top-sells-area .actions, .new-product-curosel .actions,.new-category-product .actions {
  opacity: 0;
  position: inherit;
  top: inherit;
  width: 100%;
}
.top-sells-area .add-to-cart,.new-product-curosel .add-to-cart,.new-category-product .add-to-cart {
  margin-bottom: 0;
}
.top-sells-area .add-to-cart a,.new-product-curosel .add-to-cart a,.new-category-product .add-to-cart a {
  background: #252525 none repeat scroll 0 0;
  border-bottom: 0 none;
  border-top: 0 none;
  font-size: 12px;
  padding: 5px 11px;
}
.top-sells-area .add-to-cart a:hover,.new-product-curosel .add-to-cart a:hover,.new-category-product .add-to-cart a:hover{background:#EC4445;color:#fff}
.top-sells-area .action-buttons {
  margin-top: 10px;
  text-align: left;
}
.top-sells-area .product-img::before, .new-product-curosel .product-img::before,.new-category-product .product-img::before {
  display: none;
}
.first-sells{margin-bottom:40px}
.top-sells-curosel .col-lg-3{width:100%}
.top-sells-curosel.owl-theme .owl-controls .owl-buttons div {
  margin: -20px 0 0;
}
/*----------------------------------- 
9. latest-blog-area
-------------------------------------*/
.latest-blog-area{margin-bottom:50px}
.latest-blog-area .section-heading {
  margin-bottom: 35px;
}
.latest-blog-curosel{}
.latest-blog-curosel .col-lg-3{width:100%}
.single-latest-blog{}
.post-thumb{
margin: 0 0 20px;
overflow: hidden;
width: 100%;}
.post-thumb a span.moretag{animation-duration: 0.5s;
border: 2px solid #fff;
border-radius: 100%;
color: #fff;
display: inline-block;
height: 50px;
left: 0;
line-height: 50px;
margin: -20px auto 0;
opacity: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
transition: all 0.5s ease 0s;
visibility: hidden;
width: 50px;
z-index: 3;}
.post-thumb a span.moretag:before{content: "";
display: inline-block;
font: 14px/1 FontAwesome;
text-rendering: auto;
transform: translate(0px, 0px);}
.single-latest-blog:hover .post-thumb a span.moretag{opacity: 1;
top: 50%;
visibility: visible;}
.post-thumb a{display: block;
overflow: hidden;
position: relative;
text-align: center;}
.post-thumb a:before{animation-duration: 0.5s;
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
content: "";
display: block;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transform: translateX(-100%);
transition: all 0.5s ease 0s;
width: 50%;
z-index: 1;}
.post-thumb a:after{animation-duration: 0.5s;
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
content: "";
display: block;
height: 100%;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transform: translateX(100%);
transition: all 0.5s ease 0s;
width: 50%;
z-index: 1;}
.single-latest-blog:hover .post-thumb a:before{opacity: 1;
transform: translateX(0px);
visibility: visible;}
.single-latest-blog:hover .post-thumb a:after{opacity: 1;
transform: translateX(0px);
visibility: visible;}
.post-thumb a img{}
.latest-blog-info{}
.latest-blog-info h3 {
  color: #252525;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.latest-blog-info h3 a{display: inline-block;
max-width: 100%;}
.post-excerpt{border-bottom: 1px solid #252525;
font-size: 11px;}
.latest-blog-info p{margin-bottom: 10px;}
.latest-blog-info .post-meta{margin: 10px 0 0;}
.latest-blog-info .post-meta span{}
.latest-blog-info .post-meta span.entry-date{margin: 0 5px 0 0;
padding-right: 8px;
position: relative;}
.latest-blog-info .post-meta span.entry-date:before{border-right: 1px solid #252525;
content: "";
height: 12px;
position: absolute;
right: 0;
top: 2px;}
.latest-blog-info .post-meta span.entry-date i{margin: 0 5px 0 0;}
.latest-blog-info .post-meta span.entry-comment{}
.latest-blog-info .post-meta span.entry-comment i{margin: 0 5px 0 0;}
.latest-blog-info .post-meta span.entry-comment a{}
.latest-blog-curosel.owl-theme .owl-controls .owl-buttons div {
  margin: -20px 0 0;
}
/*----------------------------------- 
10. brand-area
-------------------------------------*/
.brand-area{margin-bottom:50px}
.brand-area .section-heading{margin-bottom: 35px;}
.brand-curosel{}
.brand-curosel .col-md-2{width:100%}
.single-brand{}
.single-brand a {
  border: 1px solid #e8e8e9;
  display: block;
  margin-bottom: 5px;
  padding: 3px;
}
.single-brand a img{}
.single-brand a:hover{border-color: #ec4445;}
.brand-curosel.owl-theme .owl-controls .owl-buttons div {
  margin: -20px 0 0;
}
/* ========================
11. footer 
===========================*/
/*----------------------------------- 
11.1 footer-top-area
-------------------------------------*/
footer.footer-area{background: #252525 none repeat scroll 0 0;
color: #d5d5d5;
}
.footer-top-area{padding: 35px 0 30px;}
.footer-about{}
.footer-about img{display: block;
margin-bottom: 25px;}
.footer-about p{}
.footer-about ul{margin: 10px 0 0;}
.footer-about ul li{list-style: outside none none;
overflow: hidden;
padding: 15px 0 5px;}
.footer-about ul li i{border: 2px solid #747474;
border-radius: 100%;
float: left;
font-size: 15px;
height: 36px;
line-height: 32px;
margin-right: 10px;
margin-top: 0;
text-align: center;
width: 36px;}
.footer-menu{margin-top: 25px;}
h3.widget-title{border-bottom: 2px solid #747474;
margin-bottom: 20px;
padding-bottom: 10px;
text-transform: uppercase;
    color: #f2f2f4;
    font-size: 16px;}
.footer-menu ul{}
.footer-menu ul li{}
.footer-menu ul li a{border-bottom: 1px solid #5b5b5b;
color: #d5d5d5;
display: block;
font-size: 11px;
line-height: 40px;
position: relative;}
.footer-menu ul li a:hover{color: #ec4445;}
.footer-menu ul li a:before{content: "";
display: inline-block;
font-family: FontAwesome;
line-height: 1;
margin: -4px 0 0;
position: absolute;
right: 0;
top: 50%;
transform: translate(0px, 0px);}
.newsletter{}
.newsletter p {
  margin-bottom: 5px;
}
.stay-us{}
.newsletter form {
  overflow: hidden;
}
.stay-us input {
  background: #555 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  float: left;
  font-size: 10px;
  height: 35px;
  margin-top: 10px;
  padding-left: 10px;
  width: 80%;
}
.stay-us button{background: #ec4445;
border: medium none;
color: transparent;
float: left;
font-size: 18px;
color:#fff;
height: 35px;
line-height: 35px;
margin: 10px 0 5px;
text-align: center;
transition: all 0.3s ease 0s;
width: 35px;}
.stay-us button:hover{background-color: #f17273;}
.footer-icons {
  margin-top: 20px;
}
.footer-icons a {
  margin-right: 5px;
  display: inline-block;
}
.footer-icons a i {
  border: 1px solid #d5d5d5;
  height: 36px;
  line-height: 36px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 36px;
  color: #d5d5d5;
}
.footer-icons a i:hover{border-color: #ec4445;
color: #ec4445;}
/*----------------------------------- 
11.2 footer-middle-area
-------------------------------------*/
.footer-middle-area{border-bottom: 1px solid #5b5b5b;
border-top: 1px solid #5b5b5b;
padding: 15px 0;}
.footer-middle-menu{}
.footer-middle-menu ul{margin: 7px 0;}
.footer-middle-menu ul li{display: inline-block;
list-style: outside none none;
margin-right: 20px;
vertical-align: middle;}
.footer-middle-menu ul li a {
  color: #d5d5d5;
  font-family: Montserrat,Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}
.footer-middle-menu ul li a:hover{color: #ec4445;}
.payment{text-align: right;}
.payment img{display: inline-block;
margin-left: 10px;}
/*----------------------------------- 
11.3 footer-bottom-area
-------------------------------------*/
.footer-bottom-area{padding: 30px 0;}
.copyright{}
.copyright p{margin-bottom:0;}
.copyright p a{color: #ec4445;}
.copyright p a:hover{text-decoration:underline;}

#scrollUp {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #252525;
  border-radius: 0;
  bottom: 20px;
  color: #252525;
  font-size: 20px;
  height: 40px;
  line-height: 0;
  right: 20px;
  text-align: center;
  text-decoration: none;
  width: 40px;
}
#scrollUp i {
  display: block;
  padding-top: 8px;
}
#scrollUp:hover{background:#EC4445;border:1px solid #EC4445;color:#fff}

/* ========================
12. home page two 
===========================*/
/*----------------------------------- 
12.1 header
-------------------------------------*/
.home-2{}
.home-2 .cart-total {
  margin-top: 0;
  background: #4b4b4b;
}
.home-2 .cart-total ul li a span.cart-icon i {
  background-color: #434343 ;
  height: 38px;
}
.home-2 .cart-total ul li a span.cart-no {
  border: 0 none;
  color: #fff;
  height: 38px;
  padding-top: 3px;
}
.home-2 span.quantity {
  line-height: 20px;
}
.home-2 .mini-cart-content p.cart-button-top a {
  line-height: 20px;
}
.home-2 .header-mid-area {
  background: #323232;
}
.home-2 .header-search input {
  background: #5b5b5b none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  padding: 0 40px 0 10px;
  width: 250px;
}
.home-2 .header-search button {
  color: #909295;
  position: absolute;
  right: 0;
  top: 0px;
  width: 40px;
}
.home-2 .header-search {
  margin-top: 0;
}
.home-2 .header-search button:hover{color:#ec4445}
.home-2 .header-search {
  position: relative;
  width: 250px;
}
.home-2 .mainmenu ul li a {
  color: #fff;
}
.home-2 .header-mid-area {
  padding: 30px 0 0;
}
.home-2 .mainmenu {
  margin-top: 5px;
}
/*----------------------------------- 
12.2 features-area
-------------------------------------*/
.section-heading-2{border-top: 1px solid #b7b7b7;
text-align: left;}
.home-2 .features-tab .nav-tabs {
  text-align: left;
}
.home-2 .features-tab .nav-tabs > li > a {
border-color: transparent;
border-image: none;
border-style: solid none none;
border-width: 2px medium medium;
color: #252525;
font-size: 18px;
font-weight: bold;
margin: -1px 30px 0 0;
padding: 10px 0 0;
}
.home-2 .features-tab .nav-tabs > li.active > a,.home-2 .features-tab .nav-tabs > li.active > a:focus,.home-2 .features-tab .nav-tabs > li.active > a:hover {
  border-top: 2px solid ;
  border-bottom:0;
}
.home-2 .features-tab .nav-tabs > li > a:hover{ border-top: 2px solid #252525 ;}
/*----------------------------------- 
12.3 category-area
-------------------------------------*/
.category-area {
  padding: 60px 0;
  background: #F2F2F4;
  margin-bottom: 50px;
}
.category-curosel .single-category{width:100%}
.single-category {
  color: #fff;
  overflow: hidden;
  position: relative;
  text-align: left;
  transition: box-shadow 0.4s ease-in-out 0s;
  width: 20%;
}
.single-category:before{background: rgba(50, 50, 50, 0.25) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
transition: all 0.3s ease 0s;
visibility: hidden;
width: 100%;
z-index: 2;}
.single-category:hover:before{opacity: 1;
visibility: visible;}
.single-category a{}
.single-category a img{}
.single-category:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.36);}
.category-info{background: rgba(50, 50, 50, 0.5) none repeat scroll 0 0;
bottom: 0;
left: 0;
padding: 0 20px;
position: absolute;
width: 100%;
z-index: 10;}
.category-info h3{margin: 0;
position: relative;}
.category-info h3:before{color: #fff;
content: "";
font: 14px/1 FontAwesome;
position: absolute;
right: 0;
top: 17px;}
.category-info h3 a{color: #fff;
display: inline-block;
font-size: 13px;
line-height: 45px;
text-transform: uppercase;}
.category-info h3 a:hover{color:#EC4445}
.category-info p {
  display: block;
  height: 0;
  opacity: 0;
  transition: all 0.5s ease 0s;
  margin-bottom: 0;
}
.single-category:hover .category-info p{height: auto;
opacity: 1;
padding-bottom: 20px;}
.category-curosel.owl-theme .owl-controls .owl-buttons div {
  margin-top:-20px;
  left: -50px;
}
.category-curosel.owl-theme .owl-controls .owl-buttons div.owl-next{left:auto;right:-50px}
.section-heading-2{}
.section-heading-2 h3 {
  border-top: 2px solid #252525;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  margin-top: -1px;
  padding: 10px 0 0;
  text-transform: uppercase;
  width: auto;
  margin-bottom: 35px;
}
/* ========================
13. home page three 
===========================*/
/*----------------------------------- 
13.1 header
-------------------------------------*/
.home-3{}
.home-3 .top-menu ul li:last-child a {
  margin-right: 0;
}
.home-3 .mainmenu-area {
  background: #363636;
}
.home-3 .header-mid-area {
  padding: 25px 0;
}
.home-3 .mainmenu ul li a {
  color: #fff;
}
.section-heading-3 {
  border-bottom: 1px solid #e8e8e9;
  text-align: center;
  margin-bottom: 35px;
} 
.section-heading-3 h3 {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0;
  padding: 0 0 10px;
  position: relative;
  text-transform: uppercase;
  width: auto;
}
.section-heading-3 h3:before{border-bottom: 3px solid #252525;
bottom: -2px;
content: "";
display: block;
left: 0;
margin: auto;
position: absolute;
right: 0;
width: 50px;}
/*----------------------------------- 
13.2 latest-deals-area
-------------------------------------*/ 
.latest-deals-area {
  margin-bottom: 50px;
}
.latest-deals-curosel{}
.latest-deals-curosel h2.product-name {
  font-size: 18px;
}
.latest-deals-curosel .pro-rating {
  float: none;
  margin-bottom: 15px;
} 
.latest-deals-curosel .price-box {
  font-size: 25px;
} 
.latest-deals-curosel span.old-price {
  font-size: 20px;
}
.timer{}
.timer {
  background: #ec4445 none repeat scroll 0 0;
  bottom: 0;
  height: 60px;
  left: 0;
  margin-top: 0;
  padding-left: 60px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 99;
}
.timer span{
text-transform:uppercase;
font-weight:400;
font-size:20px;
color:#fff;
display:block;
margin-right:0px;}
.timer span:before{}
.timer span:first-child:before{}
.timer .cdown p{font-size:13px;text-transform:normal;margin-bottom:0;}
span.time-count{padding-top:7px;font-weight:400;border-bottom:1px solid #fff;padding-bottom:7px;margin-bottom:4px}
.timer:before{border-right: 1px solid #fff;
content: "";
display: block;
font: 24px/60px FontAwesome;
height: 60px;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 60px;color:#fff}
.timer span.cdown{width:25%;float:left;}
/*----------------------------------- 
13.3 product-blog-area
-------------------------------------*/
.product-blog-area {
  margin-bottom: 50px;
}
.top-sellers-curosel{}
.top-sellers-curosel .col-lg-3{width:100%}
.top-sellers-curosel h2.product-name {
  font-size: 13px;
  margin: 10px 0;
  margin-bottom: 8px;
}
.top-sellers-curosel .pro-rating {
  float: none;
  margin-bottom: 8px;
}
.top-sellers-curosel .price-box {
  font-size: 15px;
}
.top-sellers-curosel span.old-price {
  font-size: 13px;
}
.top-sellers-curosel .actions {
  display: none;
}
.top-sell-space{margin-bottom:30px}
.top-sellers-curosel.owl-theme .owl-controls .owl-buttons div {
  margin-top:-20px;
}
.new-product-curosel .col-lg-3{width:100%}
.new-product-curosel .add-to-cart {
  text-align: left;
  margin-top: 15px;
}
.new-product-curosel.owl-theme .owl-controls .owl-buttons div {
  margin-top:-20px;
}
.blog-curosel-home-3 .col-lg-3{width:100%}
.blog-curosel-home-3.owl-theme .owl-controls .owl-page span {
  background: #ddd none repeat scroll 0 0;
  border-radius: 0;
  height: 6px;
  margin: 5px;
  opacity: 1;
  width: 20px;
}
.blog-curosel-home-3.owl-theme .owl-controls .owl-page span:hover{}
.blog-curosel-home-3.owl-theme .owl-controls .owl-page.active span,.blog-curosel-home-3.owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #EC4445;
}
.blog-curosel-home-3 .owl-pagination {
  margin-top: 25px;
}
.home-3 .single-brand a {
  margin-bottom: 1px;
}
/* ========================
14. home page four 
===========================*/
/*----------------------------------- 
14.1 header
-------------------------------------*/
.home-4{}
.home-4 .cart-total {
  margin-top: 0;
}
.home-4 .cart-total ul li a span.cart-no {
  background: #ec4445;
  border: 0 none;
  border-radius: 50%;
  color: #fff;
  height: 16px;
  line-height: 15px;
  padding: 0;
  position: absolute;
  right: 8px;
  text-align: center;
  width: 16px;
  top: 1px;
}
.home-4 .cart-total ul li a span.cart-icon i {
  background-color: #3f3f3f;
  height: 38px;
  width: 50px;
}
.home-4 span.quantity {
  line-height: 21px;
}
.home-4 .mini-cart-content p.cart-button-top a {
  line-height: 15px;
}
.home-4 .mainmenu {
  float: left;
}
.home-4 .header-mid-area {
  padding: 25px 0;
}
.home-4 .header-search {
  margin-top: 13px;
}
.banner-4-space{margin-top:30px}
.section-heading-4 {
  text-align: center;
  margin-bottom: 35px;
}
.section-heading-4 h3 {
  border-bottom: 2px solid #252525;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 10px;
  position: relative;
  text-transform: uppercase;
  width: auto;
  margin-bottom: 0;
}
.section-heading-4 h3:before{background: #fff none repeat scroll 0 0;
bottom: -11px;
content: "";
display: block;
font: 18px/1 FontAwesome;
left: 0;
margin: auto;
position: absolute;
right: 0;
width: 30px;}
/*----------------------------------- 
14.2 new-best-top-area
-------------------------------------*/
.new-best-top-area {
  margin-bottom: 50px;
}
.category-title {
  margin-bottom: 30px;
}
.category-title h3{border-bottom: 2px solid #e8e8e9;
font-size: 16px;
font-weight: bold;
padding: 0 0 5px;
position: relative;
text-transform: uppercase;
width: auto;}
.new-category-product .product-img {
  width: 30%;
}
.new-category-product .product-content {
  padding-left: 15px;
  width: 70%;
}
.new-category-product .add-to-cart {
  margin-top: 10px;
  text-align: left;
}
.new-category-product .single-product:nth-child(1){
	border-bottom: 1px dashed #e8e8e9;
	padding: 0 0 20px;margin-bottom:20px
}
.new-category-product .single-product:nth-child(2){
	border-bottom: 1px dashed #e8e8e9;
	padding: 0 0 20px;margin-bottom:20px
}
/* ====================
15. blog
=======================*/
/*----------------------------------- 
15.1 breadcrumb-area
-------------------------------------*/
.breadcrumb-area {
  margin-top: 30px;
}
.breadcrumb {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-radius: 0;
  color: #ec4445;
  display: block;
  float: left;
  font-size: 12px;
  margin: 0 0 25px;
  padding: 0;
  width: 100%;
}
.breadcrumb ul{}
.breadcrumb ul li{display:inline-block}
.breadcrumb ul li a{color: #777;
display: inline-block;
font-weight: bold;}
.breadcrumb ul li i{color: #777;
margin: 0 10px;}
.breadcrumb ul li a:hover{color: #ec4445;}
/*----------------------------------- 
15.2 blog-area
-------------------------------------*/
.blog-area {
  margin-bottom: 40px;
}
.widget-search{}
.widget{float: left;
margin: 0 0 25px;
padding: 0 0 25px;
width: 100%;}
.widget:last-child{margin:0;padding:0}
h3.sidebar-title{border-bottom: 1px solid #e8e8e9;
margin: 0 0 20px;
padding: 0 0 5px;font-size: 14px;
text-transform: uppercase;}
.widget-form{background: #fff none repeat scroll 0 0;
border: 1px solid #e8e8e9;
color: #909295;
float: left;
font-family: Open Sans,Arial,Helvetica,sans-serif;
width: 100%;}
.widget-form input {
  border: medium none;
  float: left;
  font-style: italic;
  height: 34px;
  padding-left: 10px;
  width: 80%;
}
.widget-form button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  float: right;
  height: 34px;
  padding: 0 12px;
  text-align: right;
  width: 20%;
}
.widget-categories{}
ul.sidebar-menu{}
ul.sidebar-menu li{border-bottom: 1px solid #e8e8e9;
float: left;
font-size: 12px;
line-height: 40px;
list-style: outside none none;
margin: 0;
padding: 0;
width: 100%;}
ul.sidebar-menu li a{text-transform: uppercase;}
ul.sidebar-menu li a:before{color: #909295;
content: "";
display: inline-block;
font-family: FontAwesome;
margin-right: 10px;}
ul.sidebar-menu li a:hover{}
.widget-recent{}
.widget-recent ul{}
.widget-recent ul li{
border-color: #e8e8e9;
border-image: none;
border-style: solid none none;
border-width: 1px medium medium;
line-height: 1.35;
margin: 15px 0 0;
padding: 15px 0 0;}
.widget-recent ul li:first-child{border: medium none;
margin: 0;
padding: 0;}
.widget-recent ul li .post-wrapper {
  overflow: hidden;
}
.widget-recent ul li .post-sidebar-img {
  float: left;
  margin-right: 5px;
  width: 60px;
}
.widget-recent ul li .post-sidebar-img a {
  border: 2px solid transparent;
  display: block;
}
.widget-recent ul li .post-sidebar-img a:hover{border: 2px solid #ec4445;
padding-left: 0;}
.widget-recent ul li .post-sidebar-img a img{}
.widget-recent ul li .post-sidebar-info{}
.widget-recent ul li .post-sidebar-info h3 {
  font-size: 13px;
  font-weight: normal;
  margin: 0 0 5px;
}
.widget-recent ul li .post-sidebar-info h3 a{text-transform:uppercase}
.widget-recent ul li .r-post-date{}
.widget-tags{}
.widget-tags ul{}
.widget-tags ul li{display: inline-block;}
.widget-tags ul li a{border: 1px solid #ddd;
display: block;
font-size: 14px;
margin-bottom: 5px;
padding: 5px 7px;
text-transform: capitalize;}
.widget-tags ul li a:hover{border-color:#ec4445}
.post-slider.owl-theme .owl-controls .owl-buttons div {
  background: #333 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 22px;
  height: 30px;
  left: 10px;
  margin: -15px 5px 5px;
  opacity: 0.5;
  padding: 3px 10px;
  position: absolute;
  top: 50%;
  width: 30px;
}
.post-slider.owl-theme .owl-controls .owl-buttons div.owl-next{left:auto;right:10px}
.post-thumbnail{float: left;
padding-right: 30px;
position: relative;
width: 45%;}
.post-thumbnail{}
.post-thumbnail a{display: block;
overflow: hidden;
position: relative;
text-align: center;}
.post-thumbnail a:before{animation-duration: 0.5s;
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
content: "";
display: block;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transform: translateX(-100%);
transition: all 0.5s ease 0s;
width: 50%;
z-index: 1;}
.post-thumbnail a:after{animation-duration: 0.5s;
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
content: "";
display: block;
height: 100%;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transform: translateX(100%);
transition: all 0.5s ease 0s;
width: 50%;
z-index: 1;}
.post-thumbnail a:hover:before{opacity: 1;
transform: translateX(0px);
visibility: visible;}
.post-thumbnail a:hover:after{opacity: 1;
transform: translateX(0px);
visibility: visible;}
.post-information {
  float: left;
  width: 55%;
}
.post-information h2{font-size: 15px;
margin: 0 0 10px;
padding: 0;}
.post-information h1 a {
  color: #252525;
  text-transform: uppercase;
}
.post-information h1 a:hover{color: #ec4445;}
.small-meta {
  margin-bottom: 15px;
}
.small-meta:after {
  border-bottom: 2px solid #e8e8e9;
  content: "";
  display: block;
  margin: 10px 0 0;
  width: 70px;
}
.small-meta span i{margin-right: 5px;}
.small-meta span time{}
.small-meta a{margin-left: 7px;}
.small-meta a i{}
a.readmore{background: #252525 none repeat scroll 0 0;
color: #fff;
display: inline-block;
padding: 5px 10px;
text-transform: capitalize;}
a.readmore:before {
  content: "";
  display: inline-block;
  float: right;
  font-family: FontAwesome;
  margin-left: 5px;
}
a.readmore:hover{background:#EC4445}
.blog-post-wrapper {
  border-bottom: 1px solid #e8e8e9;
  float: left;
  margin: 0 0 40px;
  overflow: hidden;
  padding: 0 0 40px;
  width: 100%;
}
audio.audio-format{width:100%}
.player{margin-bottom:15px}
.pagination {
  float: right;
  margin: 0;
}
.pagination ul{}
.pagination ul li{display: inline-block;}
.pagination ul li.active{background: #ec4445 none repeat scroll 0 0;
border: 1px solid transparent;
color: #fff;
font-weight: bold;
height: 25px;
line-height: 25px;
margin-right: 6px;
padding: 0;
text-align: center;
width: 25px;}
.pagination ul li a{background: #fff none repeat scroll 0 0;
border: 1px solid #e8e8e9;
color: #777;
display: inline-block;
font-weight: bold;
height: 25px;
line-height: 25px;
margin-right: 6px;
padding: 0;
text-align: center;
width: 25px;}
.pagination ul li a:hover{border: 1px solid #ec4445;
color: #ec4445;}

.archive-header {
  border-bottom: 1px solid #e8e8e9;
  margin-bottom: 30px;
}
h1.archive-title {
  font-size: 22px;
  margin: 0 0 10px;
  padding: 0;
  text-transform: uppercase;
}
h1.archive-title span {
  color: #ec4445;
}
h1.archive-title span a{}
/*----------------------------------- 
15.3 blog-post
-------------------------------------*/
.single-blog{}
.single-blog .post-thumbnail {
  padding-right: 0;
  width: 100%;
}
.single-blog .post-information h2 {
  text-transform: uppercase;
  margin: 30px 0 20px;
}
.single-blog .post-information {
  width: 100%;
}
.single-blog .entry-meta{border: 1px solid #e5e5e5;
color: #909295;
float: left;
margin: 0 0 20px;
padding: 10px 15px 10px 0;
width: 100%;}
.single-blog .entry-meta.entry-meta i {
  margin: 0 5px 0 15px;
}
.single-blog .entry-content{}
.single-blog .entry-content p{margin-bottom:10px}
.single-blog .entry-content blockquote {
  background: #ededed none repeat scroll 0 0;
  border-left: 5px solid #ec4445;
  font-size: 14px;
  font-style: italic;
  margin: 20px 40px;
  padding: 20px;
}
.single-blog .social-sharing {
  border: 1px solid #e8e8e9;
  float: left;
  margin: 30px 0;
  padding: 10px;
  width: 100%;
}
.single-blog .social-sharing h3{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #909295;
float: left;
font-size: 16px;
line-height: 30px;
margin: 0 20px 0 0;
text-transform: none;
width: auto;}
.single-blog .social-sharing .sharing-icon{float: right;}
.single-blog .social-sharing .sharing-icon a{display:inline-block}
.single-blog .social-sharing .sharing-icon a i{border: 1px solid #e8e8e9;
color: #909295;
font-size: 18px;
height: 35px;
line-height: 35px;
text-align: center;
transition: all 0.3s ease 0s;
width: 35px;}
.single-blog .social-sharing .sharing-icon a i{}
.single-blog .social-sharing .sharing-icon a i.fa-facebook:hover {
  background: #3b579d none repeat scroll 0 0;
  border: 1px solid #3b579d;
}
.single-blog .social-sharing .sharing-icon a i.fa-twitter:hover {
  background: #3acaff;
  border: 1px solid #3acaff;
}
.single-blog .social-sharing .sharing-icon a i.fa-pinterest:hover {
  background: #CB2027;
  border: 1px solid #CB2027;
}
.single-blog .social-sharing .sharing-icon a i.fa-google-plus:hover {
  background: #D11717;
  border: 1px solid #D11717;
}
.single-blog .social-sharing .sharing-icon a i.fa-linkedin:hover {
  background: #0097BD;
  border: 1px solid #0097BD;
}
.single-blog .social-sharing .sharing-icon a i:hover {
  color:#fff;
}
.single-blog .author-avatar {
  float: left;
  margin-right: 10px;
}
.single-blog .author-description{}
.single-blog .author-description h2 {
  font-size: 18px;
  margin: 0;
  padding: 0 0 5px;
}
.author-info {
  background: #f5f5f5 none repeat scroll 0 0;
  float: left;
  margin: 0;
  padding: 15px;
  width: 100%;
}
.single-post-comments {
  margin-bottom: 60px;
  max-width: 650px;
}
.comments-area{}
.comments-heading{}
.comments-heading h3,h3.comment-reply-title {
  border-bottom: 1px solid #e8e8e9;
  font-size: 18px;
  margin: 0 0 20px;
  padding: 0 0 5px;
  text-transform: uppercase;
}
.comments-list{}
.comments-list ul{}
.comments-list ul li{margin-bottom: 25px;}
.comments-details{}
.comments-list-img{float: left;
margin-right: 15px;}
.comments-list-img img{}
.comments-content-wrap{border: 1px solid #ddd;
color: #42414f;
font-size: 12px;
line-height: 1;
margin: 0 0 15px 63px;
padding: 10px;
position: relative;}
.comments-content-wrap:before{background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #ececec;
border-left: 1px solid #ececec;
content: "";
display: block;
height: 10px;
left: -5px;
position: absolute;
top: 10px;
transform: rotate(45deg);
width: 10px;}
.comments-content-wrap span{}
.comments-content-wrap span b{margin-right:5px}
.comments-content-wrap span a{}
.comments-content-wrap span a:hover{}
span.post-time{margin-right:5px}
.comments-content-wrap p {
  color: #909295;
  line-height: 18px;
  margin-bottom: 5px;
  margin-top: 15px;
}
li.threaded-comments{margin-left:50px}
.comment-respond {
  margin-top: 60px;
}
h3.comment-reply-title{}
span.email-notes{color: #42414f;
display: block;
font-size: 12px;
margin-bottom: 10px;}
.comment-respond p{margin-bottom: 5px;}
.comment-respond input[type=text],.comment-respond input[type=email]{background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
border-radius: 0;
height: 32px;
margin-bottom: 15px;
padding: 0 0 0 10px;
width: 100%;}
.comment-respond textarea#message{background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
border-radius: 0;
max-width: 100%;
padding: 10px;height: 130px;
width: 100%;}
.comment-respond input[type="submit"] {
  background: #252525 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  display: inline-block;
  font-family: Montserrat,Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  padding: 0 15px;
  text-shadow: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
}
.comment-respond input[type=submit]:hover{background:#EC4445}
nav.nav-single {
  border-bottom: 1px solid #e8e8e9;
  border-top: 1px solid #e8e8e9;
  float: left;
  font-size: 13px;
  padding: 10px 0;
  width: 100%;
}
nav.nav-single .nav-previous {
  float: left;
} 
nav.nav-single .nav-next {
  float: right;
}
.post-slider a img {
  width: 100%;
}
.{}
/*=========================== 
16. shop page
============================= */ 
/*----------------------------------- 
16.1 shop-header-area
-------------------------------------*/
.shop-header-area {
  margin: 50px 0 70px;
  text-align: center;
  text-transform: uppercase;
}
.shop-header-title{}
.shop-header-title h1 {
  font-size: 70px;
}
.shop-header-title ul {
  border-bottom: 2px solid #252525;
  display: inline-block;
}
.shop-header-title ul li:first-child{padding:0}
.shop-header-title ul li {
  display: inline-block;
  padding-left: 40px;
}
.shop-header-title ul li a {
  display: block;
  font-family: Montserrat,Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: 700;
  padding-bottom: 6px;
}
.shop-header-title ul li a:hover{}
/*----------------------------------- 
16.2 shop-area
-------------------------------------*/
.shop-area {
  margin-bottom: 40px;
}
span.count{float:right}
.price_filter {
  padding-top: 13px;
}
.price_filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
  background: #eeeeee none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  height: 9px;
  margin-bottom: 30px;
  margin-left: auto;
}
.price_filter .ui-slider-handle.ui-state-default.ui-corner-all {
background: #fff none repeat scroll 0 0;
border: 3px solid #EC4445;
border-radius: 50%;
height: 21px;
margin-top: -2px;
width: 21px;
}
.price_filter .ui-slider-range {
  background: #EC4445;
}
.price_slider_amount > input[type="text"] {
border-color: #cccccc #ddd #cccccc #cccccc;
border-image: none;
border-style: solid;
border-width: 1px;
font-weight: bold;
height: 40px;
letter-spacing: 3px;
margin-left: 28px;
text-align: center;
width: 130px;
float: right;
}
.price_slider_amount > input[type="submit"] {
background: #252525;
border-color: #cccccc #cccccc #cccccc -moz-use-text-color;
border-image: none;
border-style: solid solid solid none;
border-width: 0;
color: #fff;
float: left;
font-weight: bold;
height: 40px;
letter-spacing: 1px;
text-transform: uppercase;
transition: all 400ms ease-out 0s;
width: 85px;
}
.price_slider_amount > input[type=submit]:hover {
background: #EC4445;
}
.shop-filter h2.shop-sidebar-title {
  margin: 0 0 20px;
}
.top-product-widget{}
.top-product-widget .product-img {
  float: left;
  width: 30%;
}
.top-product-widget .product-img > a::before {
  display: none;
}
.top-product-widget .product-content {
  float: left;
  padding-left: 10px;
  width: 70%;
}
.top-product-widget h2.product-name {
  font-size: 13px;
  margin: 0 0 10px;
}
.top-product-widget .price-box {
  font-size: 15px;
}
.top-product-widget span.old-price {
  font-size: 13px;
}
.top-product-widget li{
  border-bottom: 1px dashed #e8e8e9;
  margin-bottom: 20px;
  padding: 0 0 20px;
}
.top-product-widget li:last-child{
  border-bottom: 0;
  margin-bottom: 0;
  padding:0;
}
.toolbar {
  margin-bottom: 30px;
  overflow: hidden;
}
.view-mode{float: left;}
.view-mode a.active{background: #ec4445 none repeat scroll 0 0;
color: #fff;}
.view-mode a{background: #909295 none repeat scroll 0 0;
color: #fff;
float: left;
font-size: 14px;
height: 29px;
line-height: 29px;
margin-right: 10px;
text-align: center;
width: 29px;}
.view-mode a i{}
.show-result{}
.show-result p{color: #252525;
float: left;
height: 28px;
line-height: 28px;
margin: 0 0 0 10px;
padding: 0;}
.toolbar-form{float: right;
margin: 0;}
.toolbar-form select{border: 1px solid #e8e8e9;
color: #252525;
font-family: Montserrat,Arial,Helvetica,sans-serif;
height: 28px;
line-height: 28px;
margin: 0 0 0 25px;
padding: 0 10px;
text-transform: uppercase;}
.grid-view{}
.grid-view .single-product{margin-bottom:40px}
.grid-view .single-product .product-content {
  padding-bottom: 25px;
}
.shop-pagination{border-top: 1px solid #e8e8e9;}
.shop-area .pagination {
  margin: 12px 0 0;
}
.list-view{}
.product-list-wrapper{}
.product-list-wrapper h2.product-name {
  font-size: 18px;
}
.product-list-wrapper .pro-rating {
  float: none;
  margin-bottom: 10px;
}
.product-list-wrapper .price-box {
  float: none;
  font-size: 18px;
}
.product-list-wrapper .actions {
  opacity: 1;
  position: inherit;
  text-align: left;
  top: inherit;
}
.product-list-wrapper .actions {
  opacity: 1;
  overflow: hidden;
  position: inherit;
  text-align: left;
  top: inherit;
}
.product-list-wrapper .add-to-cart {
  float: left;
  margin-bottom: 0;
}
.product-list-wrapper .add-to-cart a {
  background: #252525 none repeat scroll 0 0;
  border: 0 none;
  line-height: 40px;
  padding: 0 40px;
}
.product-list-wrapper .add-to-wishlist a i,.product-list-wrapper .compare-button a i,.product-list-wrapper .quickviewbtn a i {
  background: #252525 none repeat scroll 0 0;
  border: 0 none;
  line-height: 40px;
  text-align: center;
  padding:0;
}
.product-list-wrapper .add-to-links {
  margin-left: 15px;
}
.product-list-wrapper .add-to-links {
  float: left;
}
.product-list-wrapper .add-to-wishlist {
  float: left;
}
.product-list-wrapper .add-to-wishlist a, .product-list-wrapper .compare-button a, .product-list-wrapper .quickviewbtn a {
  margin: 0;
}
.product-desc {
  margin-bottom: 30px;
  margin-top: 20px;
}
.product-list-wrapper .add-to-wishlist a i:hover, .product-list-wrapper .compare-button a i:hover, .product-list-wrapper .quickviewbtn a i:hover {
  background:#EC4445!important;color:#fff
}
.product-list-wrapper .actions a:hover{background:#EC4445!important;color:#fff}
.product-list-wrapper .single-product{margin-bottom:30px}
.shop-category-area {
  background: rgba(0, 0, 0, 0) url("img/shop/1.jpg") no-repeat scroll center center / cover ;
  padding: 60px 0;
}
.shop-category-title {
  text-align: center;
}
.shop-category-title h3 {
  color: #fff;
  display: inline-block;
  font-size: 70px;
  margin-bottom: 0;
  position: relative;
  text-transform: uppercase;
}
.shop-category-title h3:before{border-bottom: 4px double #fff;
bottom: 0;
content: "";
display: block;
left: -15%;
position: absolute;
width: 130%;}
/*=========================== 
17. account page
============================= */ 
/*----------------------------------- 
17.1 entry-header-area
-------------------------------------*/
.entry-header-area{padding: 30px 0;}
.entry-header{}
h1.entry-title{font-size: 20px;
margin: 0;
text-transform: uppercase;}
/*----------------------------------- 
17.2 my-account-area
-------------------------------------*/
.my-account-area {
  padding-bottom: 70px;
}
.form-fields{border-color: #e8e8e9 #e8e8e9 -moz-use-text-color;
border-style: solid solid none;
border-width: 1px 1px medium;
float: left;
padding: 20px 25px;
width: 100%;}
.form-fields h2{border-bottom: 1px solid #e8e8e9;
font-size: 18px;
margin: 0 0 15px;
padding: 0 0 5px;
text-transform: uppercase;}
.form-fields p{}
.form-fields p label {
  display: block;
  font-family: Montserrat,Arial,Helvetica,sans-serif;
  font-weight: 400;
  margin: 0 0 5px;
}
.form-fields p label span.required{}
.form-fields p input{background: #fff none repeat scroll 0 0;
border: 1px solid #e8e8e9;
border-radius: 0;
height: 32px;
width: 100%;
padding: 0 0 0 10px;}
.form-action{background: #f5f5f5 none repeat scroll 0 0;
border-color: #e8e8e9 #e8e8e9;
border-style: none solid solid;
border-width: medium 1px 1px;
float: left;
padding: 15px 10px;
width: 100%;}
.form-action p.lost_password{float: left;
line-height: 36px;
margin: 0;}
.form-action input[type="submit"] {
  background: #252525 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  display: inline-block;
  float: right;
  font-family: Montserrat,Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  text-shadow: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.form-action input[type="submit"]:hover{background:#EC4445}
.form-action label{float: right;
font-weight: normal;
line-height: 36px;
margin: 0 20px 0 0;}
.form-action label input{margin-right: 3px;
margin-top: 0;
position: relative;
top: 2px;}
/*=========================== 
18. wishlist page
============================= */ 
/*----------------------------------- 
18.1 wishlist-area
-------------------------------------*/
.wishlist-area{}
.wishlist-content{}
.wishlist-title{}
.wishlist-title h2{}
.wishlist-table{}
.wishlist-table table {
  background: #fff none repeat scroll 0 0;
  border-color: #e8e8e9;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  margin: 20px 0 50px;
  width: 100%;
}
.wishlist-table table{}
.wishlist-table table th {
  font-weight: 600;
}
.wishlist-table table th, .wishlist-table table td {
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  font-size: 14px;
  padding: 15px 10px;
  text-align: center;
}
.wishlist-table table .product-remove {
  padding: 0 15px;
  width: 20px;
}
.wishlist-table table .product-remove > a {
  font-size: 25px;
}
.wishlist-table table .product-thumbnail {
  width: 150px;
}
.wishlist-table table td.product-price .amount {
  font-weight: 700;
}
.wishlist-table table .wishlist-in-stock {
  color: #ec4445;
}
.wishlist-table table .product-add-to-cart > a {
  background: #000 none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-weight: 700;
  padding: 10px 56px;
  text-transform: uppercase;
  width: 260px;
}
.wishlist-table table .product-add-to-cart > a:hover{background:#EC4445}
.wishlist-table table .product-add-to-cart {
  width: 240px;
}
.wishlist-table table
.wishlist-table table
.wishlist-share{}
h3.wishlist-share-title{}
.wishlist-share {
  margin-bottom: 35px;
  margin-top: 20px;
}
.wishlist-share ul{}
.wishlist-share ul li {
  display: inline-block;
  height: 21px;
  margin-left: 0;
  margin-right: 0;
}
.wishlist-share ul li a{background-position: left top;
border: medium none;
display: inline-block;
height: 21px;
width: 21px;}
.wishlist-share ul li a.facebook{background: url("img/icon/facebook.png") no-repeat scroll 0 0;}
.wishlist-share ul li a.twitter{background: url("img/icon/twitter.png") no-repeat scroll 0 0;}
.wishlist-share ul li a.pinterest{background: url("img/icon/pinterest.jpg") no-repeat scroll 0 0;}
.wishlist-share ul li a.googleplus{background: url("img/icon/googleplus.jpg") no-repeat scroll 0 0;}
.wishlist-share ul li a.email{background: url("img/icon/email.jpg") no-repeat scroll 0 0;}
.wishlist-share ul li a{}
.wishlist-share ul li a{}
.wishlist-share ul li a:hover{background-position: left bottom;}
/*=========================== 
19. cart page
============================= */
.cart-main-area {
  margin-bottom: 100px;
} 
.cart-title-area{padding-top: 30px;}
.car-header-title{}
.car-header-title h2{font-size: 20px;
margin: 0;
text-transform: uppercase;}
.table-content{}
.table-content table{background: #fff none repeat scroll 0 0;
border-color: #e5e5e5;
border-radius: 0;
border-style: solid;
border-width: 1px 0 0 1px;
margin: 0 0 50px;
text-align: center;
width: 100%;}
.table-content table{}
.table-content table th{border-top: medium none;
font-family: Montserrat,Arial,Helvetica,sans-serif;
font-weight: normal;
padding: 20px 10px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
white-space: nowrap;}
.table-content table th,.table-content table td{border-bottom: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;}
.table-content table td{border-top: medium none;
padding: 20px 10px;
vertical-align: middle;font-size: 13px;}
.table-content table td input{background: #e5e5e5 none repeat scroll 0 0;
border: medium none;
border-radius: 3px;
color: #6f6f6f;
font-family: Montserrat,Arial,Helvetica,sans-serif;
font-size: 15px;
font-weight: normal;
height: 40px;
padding: 0 5px 0 10px;
width: 60px;}
.table-content table td.product-subtotal{font-size: 14px;
font-weight: bold;
width: 120px;}
.table-content table td.product-name a{font-size: 14px;
font-weight: 700;
margin-left: 10px;
color: #6f6f6f;}
.table-content table td.product-name{width: 270px;}
.table-content table td.product-thumbnail{width: 130px;}
.table-content table td.product-remove i{color: #919191;
display: inline-block;
font-size: 20px;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;}
.table-content table .product-price .amount {
  font-size: 15px;
  font-weight: 700;
}
.table-content table td.product-remove i:hover{color:#EC4445}
.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:#EC4445}
.buttons-cart{margin-bottom: 30px;
overflow: hidden;}
.buttons-cart input, .coupon input[type="submit"],.buttons-cart a,.coupon-info p.form-row input[type="submit"] {
  background: #252525 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  display: inline-block;
  float: left;
  font-family: Montserrat,Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  padding: 0 15px;
  text-shadow: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
}
.buttons-cart input:hover,.coupon input[type=submit]:hover,.buttons-cart a:hover{background:#EC4445;color:#fff}
.buttons-cart a {
  color: #fff;
  float: left;
  height: 40px;
  line-height: 40px;
}
.coupon {
  margin-bottom: 40px;
  overflow: hidden;
  padding-bottom: 20px;
}
.coupon h3{margin: 0 0 10px;font-size: 14px;
text-transform: uppercase;}
.coupon p{}
.coupon input[type=text]{border: 1px solid #e5e5e5;
float: left;
height: 40px;
margin: 0 6px 20px 0;
max-width: 100%;
padding: 0 0 0 10px;
width: 170px;}
.coupon input[type=submit]{}
.cart_totals{float: left;
text-align: right;
width: 100%;}
.cart_totals h2{border-bottom: 2px solid #333;
display: inline-block;
font-size: 30px;
margin: 0 0 35px;
text-transform: uppercase;}
.cart_totals table{border: medium none;
float: right;
margin: 0;
text-align: right;}
.cart_totals table th{border: medium none;
font-size: 14px;
font-weight: bold;
padding: 0 20px 12px 0;
text-align: right;
text-transform: uppercase;
vertical-align: top;}
.cart_totals table td{border: medium none;
padding: 0 0 12px;
vertical-align: top;}
.cart_totals table{}
.cart_totals table td .amount {
  color: #ec4445;
  float: right;
  font-size: 13px;
  font-weight: bold;
  margin-left: 5px;
  text-align: right;
  text-transform: uppercase;
}
.cart_totals table td ul#shipping_method{list-style: outside none none;
margin: 0;
padding: 0;}
.cart_totals table td ul#shipping_method li{float: left;
margin: 0 0 10px;
padding: 0;
text-indent: 0;
width: 100%;}
.cart_totals table td ul#shipping_method li input{margin: 0;
position: relative;
top: 2px;}
.cart_totals table{}
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;}
.cart_totals table tr.order-total .amount{}
.wc-proceed-to-checkout a{background: #ec4445 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 700;
height: 50px;
line-height: 50px;
margin-top: 20px;
padding: 0 30px;
text-transform: none;}
.wc-proceed-to-checkout a:hover{background: #E61719;}
/*=========================== 
20. checkout page
============================= */
.coupon-area{}
.coupon-accordion{}
.coupon-accordion h3 {
  background-color: #f7f6f7;
  border-top: 3px solid #1e85be;
  color: #515151;
  font-size: 12px;
  font-weight: 300;
  list-style: outside none none !important;
  margin: 0 0 2em !important;
  padding: 1em 2em 1em 3.5em !important;
  position: relative;
  width: auto;
}
.coupon-accordion h3::before {
  color: #1e85be;
  content: "";
  display: inline-block;
  font-family: fontawesome;
  left: 1.5em;
  position: absolute;
  top: 1em;
}
.coupon-accordion span {
  cursor: pointer;color: #6f6f6f;
}
.coupon-accordion span:hover,p.lost-password a:hover{color: #EC4445;}
.coupon-content {
  border: 1px solid #e5e5e5;
  display: none;
  margin-bottom: 20px;
  padding: 20px;
}
.coupon-info{}
.coupon-info p.coupon-text{margin-bottom:15px}
.coupon-info p{margin-bottom:0}
.coupon-info p.form-row-first{}
.coupon-info p.form-row-first label,.coupon-info p.form-row-last label{display: block;}
.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 #e5e5e5;
height: 36px;
margin: 0 0 14px;
max-width: 100%;
padding: 0 0 0 10px;
width: 370px;}
.coupon-info p.form-row-last{}
.coupon-info p.form-row input[type="submit"]:hover,p.checkout-coupon input[type="submit"]:hover{background:#EC4445 }
.coupon-info p.form-row input[type="checkbox"] {
  position: relative;
  top: 2px;
}
.form-row > label {
  margin-top: 7px;
}
p.lost-password{
margin-top: 15px;}
p.lost-password a{color: #6f6f6f;}
p.checkout-coupon{}
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;transition: all 0.3s ease 0s;}
.coupon-checkout-content {
  margin-bottom: 30px;
  display:none;
}
.checkout-area{}
.checkbox-form{}
.checkbox-form h3 {
  border-bottom: 1px solid #e5e5e5;
  font-size: 30px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  text-transform: uppercase;
  width: 100%;
}
.country-select{margin-bottom: 30px;
position: relative;}
.country-select label,.checkout-form-list label{color: #333;
font-family: Montserrat,Arial,Helvetica,sans-serif;
margin: 0 0 5px;display:block}
.country-select label span.required,.checkout-form-list label span.required{color:red}
.country-select select{-moz-appearance: none;
border: 1px solid #ddd;
height: 32px;
padding-left: 10px;
width: 100%;}
.country-select::before {
  content: "";
  display: inline-block;
  font-family: fontawesome;
  font-size: 20px;
  position: absolute;
  right: 12px;
  top: 31px;
}
.checkout-form-list{margin-bottom: 30px;}
.checkout-form-list label{color: #333;}
.checkout-form-list label span.required{}
.checkout-form-list input[type=text],.checkout-form-list input[type=password],.checkout-form-list input[type=email]{background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
border-radius: 0;
height: 42px;
width: 100%;
padding: 0 0 0 10px;}
.checkout-form-list{}
.checkout-form-list input[type=checkbox]{display: inline-block;
margin-right: 10px;
position: relative;
top: 2px;}
.create-acc label {
  color: #333;
  display: inline-block;
}
.checkout-form-list input[type=password]{}
.create-account{display:none}
.ship-different-title{}
.ship-different-title h3 label{display: inline-block;
margin-right: 20px;}
.ship-different-title input{}
.order-notes{}
.order-notes textarea{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 #d8d8d8;
font-size: 30px;
margin: 0 0 20px;
padding-bottom: 10px;
text-transform: uppercase;
width: 100%;}
.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;
}
.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;}
.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: #ec4445;
  font-size: 20px;
}
.your-order-table table{}
.payment-method {
  margin-top: 40px;
}
.payment-accordion{}
.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{}
.payment-content p{font-size: 13px;}
.payment-accordion img {
  height: 60px;
  margin-left: 15px;
}
.order-button-payment{}
.order-button-payment input {
  background: #ec4445 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  height: 50px;
  margin: 20px 0 0;
  padding: 0;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.order-button-payment input:hover{background:#E61719}
/*=========================== 
21. product page
============================= */
.product-simple-area{}
.single-product-image{}
.single-product-image a{}
.single-product-image a img{width:100%}
.single-product-info{}
.single-product-info{}
.single-product-info .product-nav {
  float: right;
}
.single-product-info .product-nav a{}
.single-product-info .product-nav a i {
  border: 1px solid #ddd;
  font-size: 17px;
  height: 20px;
  text-align: center;
  width: 20px;
}
.single-product-info .product-nav a i:hover{border-color:#EC4445;color:#EC4445}
.single-product-info h1.product_title{float: left;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;}
.single-product-info .price-box {
  clear: both;
  float: none;
  font-size: 20px;
}
.single-product-info .pro-rating {
  float: none;
  margin-top: 10px;
}
.single-product-info .short-description {
  margin-top: 10px;
}
.single-product-info .short-description > p {
  font-size: 13px;
  line-height: 22px;
}
.single-product-info .stock-status {
  color: #ec4445;
  float: left;
  margin: 0 0 15px;
  width: 100%;
}

.single-product-info blockquote {
    background: #ededed none repeat scroll 0 0;
    border-left: 5px solid #ec4445;
    font-size: 14px;
    margin: 20px 40px;
    padding: 20px;
}

.single-product-info .stock-status label{display: inline-block;
font-weight: normal;
margin: 0;}
.single-product-info .quantity{}
.single-product-info .quantity input {
  background: #e8e8e9 none repeat scroll 0 0;
  border: medium none;
  color: #000;
  float: left;
  font-size: 17px;
  height: 40px;
  line-height: 40px;
  margin-right: 40px;
  padding: 0 10px 0 0;
  text-align: center;
  width: 90px;
}
.single-product-info .quantity button{background: #252525 none repeat scroll 0 0;
border: medium none;
border-radius: 0;
box-shadow: none;
color: #fff;
font-family: Montserrat,Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: bold;
height: 40px;
line-height: 40px;
margin: 0;
padding: 0 30px;
text-shadow: none;
text-transform: uppercase;
transition: all 0.3s ease 0s;}
.single-product-info .quantity button:hover{background:#EC4445}
.single-product-info .add-to-wishlist {
  margin-left: 25px;
}
.single-product-info .add-to-wishlist a {
  margin-left: 2px;
  margin-right: 0;
}
.single-product-info .add-to-wishlist a i {
  background: #252525;
  border: 0 none;
  line-height: 40px;
  padding-top: 0;
  text-align: center;
}
.single-product-info .add-to-wishlist a i:hover{background:#EC4445}
.single-product-info > form {
  float: left;
}
.single-product-info .share_buttons{border-top: 1px solid #ececec;
float: left;
padding-top: 15px;
width: 100%;margin-top:20px}
.single-product-info .share_buttons a{}
.product-tab-area {
  margin-bottom: 50px;
  margin-top: 50px;
}
.product-tabs .nav-tabs > li > a {
  border: 0 none;
  border-radius: 0;
  color: #ec4445;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.42857;
  margin:0;
  text-transform: uppercase;
  border-bottom:4px double transparent;
  padding:0 0 5px;
}
.product-tabs .nav > li > a:focus, .product-tabs .nav > li > a:hover {
  background-color: inherit;
  border-color:#ec4445;
  border-style: none none double;
  border-width: 0 0 4px;
  text-decoration: none;
}
.product-tabs .nav-tabs > li.active > a,.product-tabs  .nav-tabs > li.active > a:focus,.product-tabs  .nav-tabs > li.active > a:hover {
border: medium none;
border-bottom: 4px double #EC4445;
}
.product-tabs .nav-tabs > li {
  float: left;
  margin-bottom: -1px;
  margin-right: 51px;
}
.product-tabs .nav-tabs {
  border-bottom: 0 none;
}
.product-tab-desc {
  border: 1px solid #e8e8e9;
  border-radius: 0;
  box-shadow: none;
  float: left;
  font-size: 12px;
  line-height: 24px;
  margin: 20px 0 0;
  padding: 25px 20px;
  width: 100%;
}
.product-tab-desc p{line-height:22px}
.product-tab-desc{}
.product-tab-desc table{border-color: #e8e8e9 #e8e8e9;
border-style: solid none none solid;
border-width: 1px medium medium 1px;width:100%}
.product-tab-desc table{}
.product-tab-desc table th{color: #252525;
font-family: Montserrat,Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
padding: 8px;
width: 150px;}
.product-tab-desc table td{padding: 8px;}
.product-tab-desc table th,.product-tab-desc table td{border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
border-top: 0 none;
line-height: 1.5;
margin: 0;border-right:1px solid #e8e8e9}
.product-tab-desc table tr.pro-back{background:#F9F9F9}
.single-product-tab{}
.single-product-tab .nav-tabs > li > a {
  border: 1px solid transparent;
  border-radius: 0;
  line-height: 0;
  margin-right: 0;
  padding: 0;
  overflow:hidden;
}
.single-product-tab .nav-tabs {
  border-bottom: 0 none;
  width: 20%;
}
.single-product-tab .nav-tabs > li:first-child{padding-top:0;}
.single-product-tab .nav-tabs > li {
  float: none;
  margin-bottom: 0;
  padding: 5px;
}
.single-product-tab .tab-content {
  float: left;
  padding-right: 14px;
  width: 80%;
}
.single-product-tab .nav-tabs {
  border-bottom: 0 none;
  float: right;
  width: 20%;
}
.single-product-tab .nav > li > a > img {
  max-width: none;
  transition:all 0.3s ease 0s;
}
.single-product-tab .nav > li > a > img:hover{transform:scale(1.2)}
.product-tab .product-page-comments{margin: 35px auto;
max-width: 650px;
width: 100%;}
.product-page-comments h2 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 22px;
  text-transform: uppercase;
}
.product-comments{margin-bottom: 30px;}
.product-comments img{
float: left;}
.product-comments .product-comments-content {
  border: 1px solid #ddd;
  margin-left: 85px;
  padding: 10px;
  position: relative;
}
.product-comments .product-comments-content:before{background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
content: "";
display: block;
height: 10px;
left: -6px;
position: absolute;
top: 10px;
transform: rotate(45deg);
width: 10px;}
.product-comments .product-comments-content p{font-size: 16px;}
.product-comments .product-comments-content p strong{font-family: Montserrat,Arial,Helvetica,sans-serif;
text-transform: uppercase;}
.product-comments .product-comments-content span.pro-comments-rating{float: right;}
.product-comments .product-comments-content span i{}
.product-tab .desc{}
.product-tab 
.review-form-wrapper{}
.review-form-wrapper h3 {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.review-form-wrapper input[type=text],.review-form-wrapper input[type=email]{border: 1px solid #e5e5e5;
height: 32px;
margin-bottom: 20px;
padding: 0 0 0 10px;
width: 100%;}
.review-form-wrapper input[type=email]{}
.review-form-wrapper input[type=submit]{background:#252525 none repeat scroll 0 0;
border: medium none;
border-radius: 0;
box-shadow: none;
color: #fff;
display: inline-block;
font-family: Montserrat,Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
height: 38px;
line-height: 40px;
padding: 0 30px;
text-shadow: none;
text-transform: capitalize;
transition: all 0.3s ease 0s;
white-space: nowrap;
width: auto;text-transform:uppercase}
.review-form-wrapper textarea{border: 1px solid #e5e5e5;
border-radius: 3px;
height: 80px;
margin-bottom: 20px;
margin-top: 20px;
padding: 10px;
width: 100%;}
.review-form-wrapper input[type=submit]:hover{background:#EC4445}
.your-rating{}
.your-rating span{margin-right: 25px;}
.your-rating span a{}
.your-rating span a i{color: #919191;}
.your-rating span:hover a i{color: #ec4445;}
.your-rating h5 {
  margin-bottom: 10px;
}
.upsells_products_widget {
  margin-top: 35px;
}
.upsells_products_widget .section-heading {
  margin: 0 0 25px;
}
.upsells_products_widget h2.product-name {
  font-size: 13px;
}
.upsells_products_widget .price-box {
  font-size: 15px;
}
.upsells_products_widget span.old-price {
  font-size: 13px;
  margin-left:3px;
}
/*=========================== 
22. about page
============================= */
.about-header-area {
  background: rgba(0, 0, 0, 0) url("img/about/bg.png") no-repeat fixed center center / cover ;
}
.about-header{text-align: center;padding:110px 0}
.about-header h1{color: #fff;
display: inline-block;
font-size: 50px;
margin: 0;
padding:0 40px;
position: relative;
text-transform: capitalize;}
.about-header h1:before,.about-header h1:after{background: #fff none repeat scroll 0 0;
content: "";
height: 2px;
position: absolute;
right: 0;
top: 35px;
width: 30px;}
.about-header h1::after {
  left: 0;
}
.about-us-area {
  padding: 60px 0;
}
.about-img{}
.about-img img{}
.about-text{}
.about-text h2{margin: 10px 0;}
.about-text p{font-size: 13px;
line-height: 20px;
margin-bottom: 20px;}
.about-counter-area {
  background: rgba(0, 0, 0, 0) url("img/about/about-bg.jpg") no-repeat fixed center center / cover ;
  padding: 120px 0;
}
.single-counter {
  text-align: center;
}
.single-counter i {
  border-radius: 100%;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.56);
  color: #fff;
  font-size: 3em !important;
  height: 100px;
  overflow: hidden;
  padding-top: 32px;
  transition: background 0.3s ease 0s, color 0.3s ease 0s, box-shadow 0.3s ease 0s;
  width: 100px;
}
.single-counter i:hover{box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.3);}
.single-counter h3{color: #fff;
font-size: 40px;
font-weight: bold;
margin: 0;}
.single-counter p{color: #fff;
font-size: 13px;}
.about-service-area {
  background: #f2f2f2 none repeat scroll 0 0;
  padding: 60px 0;
}
.single-service{}
.single-service h3{font-size: 18px;
margin: 0 0 20px;}
.single-service {}
.sercice-icon {
  float: left;
  margin-right: 10px;
}
.sercice-icon i {
  border: 1px solid #666;
  font-size: 28px;
  height: 60px;
  padding-top: 15px;
  text-align: center;
  width: 60px;
}
.service-text{}
.service-text p{}
.about-team-area{padding:80px 0}
.single-about-team {
  background: #eeeeee none repeat scroll 0 0;
  padding: 20px;
}
.about-team-img {
  text-align: center;
}
.about-team-img img {
  width: 100%;
}
.about-team-info{}
.about-team-info h3{font-size: 18px;
margin: 10px 0;
text-transform: uppercase;}
.about-team-info p{}
/*=========================== 
23. contact page
============================= */
.contact-area {
  padding: 50px 0;
}
.contact-info{}
.contact-info h3, .contact-form h3 {
  border-bottom: 2px solid #e8e8e9 !important;
  font-size: 16px;
  margin-bottom: 20px;
  text-transform: uppercase;
  padding-bottom: 8px;
}
.contact-info h3:before{content: "";
display: inline-block;
font-family: FontAwesome;
margin-right: 5px;
vertical-align: text-bottom;}
.contact-info ul{}
.contact-info ul li{border-bottom: 1px solid #e8e8e9;
float: left;
font-size: 12px;
line-height: 40px;
list-style: outside none none;
margin: 0;
padding: 0;
width: 100%;}
.contact-info ul li i{font-size: 16px;
margin-right: 5px;
width: 20px;}
.contact-info ul li a{}
.contact-form{}
.contact-form h3 {
  margin-bottom: 30px;
}
.contact-form input[type="text"], .contact-form input[type="email"] {
  border: 1px solid #ccc;
  border-radius: 0;
  height: 50px;
  padding-left: 20px;
  width: 100%;
  margin-bottom: 16px;
}
.contact-form textarea#message{border: 1px solid #ccc;
border-radius: 0;
height: 180px;
padding: 20px;
width: 100%;}
.contact-form input[type="submit"] {
  background: #252525 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  margin-top: 16px;
}
.contact-form input[type=submit]:hover{background:#EC4445}
/*=========================== 
24. faq page
============================= */
.faq-area {
  margin-bottom: 40px;
}
.faq-content{}
h3.faq-title {
  font-size: 20px;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.faq-desc {
  margin-bottom: 35px;
}
.faq-desc h3{}
.faq-desc p{}
.faq-accordion{}
.faq-accordion .panel-title a {
  display: block;
  position: relative;
  padding: 15px 10px 15px 25px;
  color:#777;font-size:12px;
}
.faq-accordion .panel-title a.collapsed::before, .faq-accordion .panel-title a::after {
  content: "";
  font-family: fontawesome;
  position: absolute;
  right: 15px;
  top: 16px;
}
.faq-accordion .panel-title a:after {
  content: "\f068 ";
}
.faq-accordion .panel-heading {
  padding: 0;
}
.faq-accordion .panel-group .panel {
  border-radius: 0;
}
.faq-accordion .panel-title a:hover{color:#ec4445}
.faq-accordion .panel-title a:focus{text-decoration:none}
.faq-accordion .panel-default > .panel-heading {
  background-color: #f5f5f5;
}
/*=========================== 
25. sample page
============================= */
.sample-page{}
h1.sample-title{font-size: 20px;
margin: 0;
text-transform: uppercase;margin-bottom:20px}
.sample-page .blog-post-wrapper {
  margin: 0;
}
.sample-page .comment-respond {
  margin-top: 40px;
}
.sample-page .comments-heading h3, h3.comment-reply-title {
  border-bottom: 4px double #e8e8e9;
}
.sample-page .comment-respond input[type="submit"] {
  background: #ebe9eb none repeat scroll 0 0;
  color: #515151;
  border-radius:3px;
}
.sample-page .comment-respond input[type="submit"]:hover {
  background: #dad8da none repeat scroll 0 0;
}
.sample-page .post-thumbnail {
  margin-bottom: 25px;
}
.sample-page .entry-content blockquote {
  background: #fff none repeat scroll 0 0;
  border-left: 5px solid #eeeeee;
  font-size: 17px;
  font-style: normal;
  margin: 20px 40px 20px 0;
  padding: 10px 20px;
}
/*=========================== 
26. error-page
============================= */
.error-page{background: rgba(0, 0, 0, 0) url("img/404/404.jpg") repeat scroll center center / cover ;}
.four-zero-four{text-align: center;}
.four-zero-four h1{color: #fff;
font-size: 22.91em;
line-height: 1;
margin-top: 210px;}
.four-zero-four h1 span{display: inline-block;
position: relative;}
.four-zero-four h1 span:before,.four-zero-four h1 span:after{border-bottom: 4px solid #fff;
bottom: 40px;
content: "";
display: block;
position: absolute;
right: -50%;
width: 40%;}
.four-zero-four h1 span:after{left:-50%}
.four-zero-four label{color: #fff;
display: block;
font-family: Montserrat,Arial,Helvetica,sans-serif;
font-size: 20px;
font-weight: normal;
letter-spacing: 2px;
margin-top: 90px;}
.four-zero-four form{margin-top: 185px;margin-bottom:100px}
.four-zero-four form input{background: #c3c5c5 none repeat scroll 0 0;
border: medium none;
height: 45px;
padding-left: 10px;
vertical-align: middle;
width: 420px;}
.four-zero-four form button{background: #fff none repeat scroll 0 0;
border: medium none;
color: #252525;
display: inline-block;
font-size: 20px;
height: 45px;
padding: 0 30px;
transition: all 0.3s ease 0s;
vertical-align: middle;}
.four-zero-four form button:hover{background: #ec4445 none repeat scroll 0 0;
color: #fff;}
/*=========================== 
27. portfolio page
============================= */
.portfolio-header-area{background: url("img/portfolio/pattern.png") repeat scroll center center / cover ;background-color: #ccc;}
.portfolio-header-area .entry-header{}
.portfolio-header-area .entry-header{}
.portfolio-header-area h1.entry-title{color: #fff;
font-family: Montserrat,Arial,Helvetica,sans-serif;
font-size: 70px;
font-weight: 700;
line-height: 1;
margin: 0;
padding: 60px 0;
position: relative;
text-align: center;
text-transform: uppercase;
width: 100%;}
.portfolio-header-area h1.entry-title:before{background: #fff none repeat scroll 0 0;
content: "";
height: 1px;
left: 50%;
margin-left: -90px;
position: absolute;
top: 50%;
transform: rotate(-45deg);
width: 180px;}
.portfolio-area{}
.portfolio-menu {
  margin-bottom: 60px;
}
.portfolio-menu ul{text-align:center}
.portfolio-menu li {
  background: #f0f0f0 none repeat scroll 0 0;
  border: medium none;
  color: #252525;
  cursor: pointer;
  display: inline-block;
  font-family: Montserrat,Arial,Helvetica,sans-serif;
  font-size: 13px;
  font-weight: 400;
  margin-right: 5px;
  padding: 12px 30px;
  transition: all 0.3s ease 0s;
}
.portfolio-menu li.active,.portfolio-menu li:hover{background: #ec4445 none repeat scroll 0 0;
box-shadow: none;
color: #fff;}
.single-portfolio{margin-bottom:15px}
.single-portfolio a{display: block;
overflow: hidden;
position: relative;}
.single-portfolio a:after{background: rgba(0, 0, 0, 0) url("img/portfolio/portfolio-shadow.png") repeat-x scroll center bottom;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 0.4s ease 0s;
width: 100%;
z-index: 1;}
.project-thumbnail{}
.project-thumbnail img{transition: all 0.5s ease 0s;}
.project-thumbnail img{}
span.project-info{bottom: 0;
left: 0;
opacity: 0;
padding-left: 18px;
position: absolute;
transition: all 0.4s ease 0s;
width: 100%;
z-index: 2;}
span.project-date{color: #fff;
float: left;
font-size: 12px;
margin: 0 0 5px;
text-transform: uppercase;
width: 100%;}
span.project-title{color: #fff;
float: left;
font-size: 18px;
line-height: 22px;
padding-bottom: 10px;
width: 100%;}
.single-portfolio a:hover:after{opacity: 1;}
.single-portfolio a:hover img{transform: scale(1.05);}
.single-portfolio a:hover span.project-info{opacity: 1;}
.projects-pagination {
  border-top: 1px solid #ddd;
  margin: 70px 0;
  padding-top: 10px;
}
.projects-pagination ul{text-align:center}
.projects-pagination ul li{border: medium none;
display: inline-block;
float: none;
margin: 0 16px;}
.projects-pagination ul li a,.projects-pagination ul li span{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-bottom: 2px solid transparent;
color: #252525;
display: inline-block;
font-family: Montserrat,Arial,Helvetica,sans-serif;
font-size: 12px;
line-height: 34px;
padding: 0 8px;}
.projects-pagination ul li.current{}
.projects-pagination ul li a:hover,.projects-pagination ul li.current{border-bottom: 2px solid #ec4445;
color: #ec4445;}
.portfolio-content .mix{
	display: none;
}
/*=========================== 
28. portfolio single page
============================= */
.single-portfolio-area {
  padding: 60px 0;
}
.single-portfolio-img{}
.portfolio-large{}
.portfolio-large a{}
.portfolio-large a img{}
.single-portfolio-small{}
.single-portfolio-small a {
  display: block;
  margin-bottom: 30px;overflow:hidden
}
.single-portfolio-small a:hover img{transform: scale(1.2) rotate(3deg);}
.single-portfolio-small a img{transition: all 0.4s ease 0s;}
.portfolio-information{}
.project-date{color: #909295;
float: left;
font-family: Open Sans,Arial,Helvetica,sans-serif;
font-weight: 300;
margin: 0;
width: 95px;}
.project-date span.day{font-size: 36px;}
.project-date span.separator{}
.project-date span.month{font-size: 18px;}
.project-social-sharing {
  margin-top: 20px;
}
.project-social-sharing a {
  display: inline-block;
  margin-bottom: 10px;
}
.project-social-sharing a i{border: 2px solid #bababa;
border-radius: 100%;
color: #bababa;
display: inline-block;
font-size: 18px;
height: 48px;
line-height: 44px;
text-align: center;
width: 48px;transition: all 0.4s ease 0s;}
.project-social-sharing a i.fa-facebook:hover{border: 2px solid #3b579d;
color: #3b579d;}
.project-social-sharing a i.fa-twitter:hover{border: 2px solid #3acaff;
color: #3acaff;}
.project-social-sharing a i.fa-pinterest:hover{border: 2px solid #cb2027;
color: #cb2027;}
.project-social-sharing a i.fa-google-plus:hover{border: 2px solid #cb2027;
color: #cb2027;}
.project-social-sharing a i.fa-linkedin:hover{border: 2px solid #0097bd;
color: #0097bd;}
.portfolio-summary{float: none;
margin-left: 95px;
padding: 0;
width: auto;}
.portfolio-summary h1{color: #252525;
font-size: 26px;
margin: 0;
padding: 0;
text-align: left;
text-transform: uppercase;}
.single-project-description{margin-top:35px}
.single-project-description p{font-size:14px}
.project-meta{}
.project-meta .categories{}
.project-meta .categories h3,.project-meta .client h3,.project-meta .url h3{font-family: Open Sans,Arial,Helvetica,sans-serif;
font-size: 16px;}
.project-meta .categories ul{margin-bottom:20px}
.project-meta .categories ul li{}
.project-meta .categories ul li:before,span.client-name:before{content: "\f07b ";
font-family: "fontawesome";
margin-right: 0.618em;
vertical-align: top;}
.project-meta .categories ul li a,.project-url a{color: #ec4445;}
.project-meta .categories ul li a:hover,.project-url a:hover{color: #777;}
.project-meta .client{margin-bottom:20px}
.client h3{}
.project-meta span.client-name:before{content: "\f007 ";
font-family: "fontawesome";
margin-right: 0.618em;
vertical-align: top; }
.project-meta .url{}
.project-meta .url h3{}
.project-meta .project-url a{}
.project-meta .project-url::before {
  content: "";
  font-family: "fontawesome";
  margin-right: 0.618em;
  vertical-align: top;
}
.related-project-area {
  margin-bottom: 60px;
}
h3.related-title{font-size: 18px;
margin: 0 0 30px;
text-transform: uppercase;}

.mobile-menu {
  display: none;
}




/* mobile menu css */
.mean-container .mean-bar {
  background: #EC4445;
  padding: 0;
}
.mean-container a.meanmenu-reveal {
  float: right;
}
.mean-container .mean-bar:before {
  color: #fff;
  content: "MENU";
  font-size: 18px;
  font-weight: 700;
  left: 10px;
  position: absolute;
  top: 14px;
}