/*-----------------------------------------------------------------------------------

    Template Name: Pisces
    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. Homepage-header 
		2.1 header top
		2.2 header-menu 
        2.2.1  sub menu
        2.2.2 mega menu
        2.2.3 Super mega menu
        2.2.4  custom mega menu
    3. Home slider
    4. services area
    5. Feature product
       5.1 single-feature and carousel navigation
       5.2  New proudct-custom photo
    6. Home page-left maincontent-categories 
       6.1  Home page-left maincontent-top seller
       6.2 Home page-left maincontent-popular tags
       6.3  Home page-left maincontent-special product
    7. Brand carousel styel
    8. Pisces about styel
       8.1  Pisces about areas-about-box
       8.2  Pisces another bottom contact
    9. Pisces footer
    10. Home page Two start-header
        10.1  Home page Two header-bottom
    11. Home page two Services
        11.1 Home page two feature product
        11.2 Home page two About styel
    12. Home page three start-menu
    13. Home page three-services
    14. Home page three-feature product
    15. Home page three-Brand carousel
        15.1  Home page three-About box
        15.2  Home page three-contact styel
    16. Home page four start
        16.1  Home page four-menu
    17. Home page four-feature prodcut
    18. Home page four-services
    19. Home page four-Abuot & contact- styel
    20. Blog page start
    21. single blog page start
    22. Shop page start
        22.1 shop categories
    23. Product page start
    23.1  price slider
    23.2 cat plus minus
    24. Conatct page start
    25. Cart page start
    26. Checkout page start
    27. About page start
    28. Pices 404 Eror page
    29. Mobile menu
    30. scrollpu
    
-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  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 {
  margin: 0 0 15px;
  font-family: 'Pathway Gothic One', sans-serif;    
}
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 {
/*    font-family: 'Pathway Gothic One', sans-serif;  */
}
.clear{clear:both}
/*========================= 
  2.  Homepage start
===========================*/

/*========================= 
  2.1  Header-top
===========================*/
.pisecs-top-header .s-p-logo,.pisecs-top-header-two .s-p-logo {
  display: inline-block;
  margin-top: -10px;
}
.pisecs-top-header {
/*  background: rgba(0, 0, 0, 0) url("img/bg-header.jpg") repeat scroll 0 0; */
	background-color:#fff;
  padding: 0px 0;
}
.top-header-box {
  text-align: right;
  width: 100%;
}
.single-info-box {
  display: inline-block;
}
.top-menu-bar li {
  display: inline-block;
}
.headaer-staics {
  float: right;
  margin: 20px 0 0;
  width: 100%;
}
.single-statics.header-call-center h2, .single-statics.header-time h2 {
  color: #555;
  font-size: 24px;
  line-height: 25px;
  margin: 0;
  text-transform: uppercase;
  font-family: "Pathway Gothic One",sans-serif;  
}
.single-statics.header-call-center p,.single-statics.header-time p {
  color: #555;
  font-size: 16px;
  font-family: "Pathway Gothic One",sans-serif;  
}
.single-statics.header-time {
  margin-right: 25px;
}
.headaer-staics .single-statics {
  float: right;
}
.currency-box select,.languge-list select {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #bbb;
  border-radius: 10px;
  box-shadow: 1px 1px 0 0 #fff inset, 1px 1px 0 0 #fff;
  font-size: 16px;
  padding: 5px 22px;
  position: relative;
  z-index: 1;
  color: #777;
  cursor: pointer
}
.single-info-box.top-header-currency, .single-info-box.top-header-language {
  margin-right: 22px;
  position: relative;
}
.single-info-box select {
  -moz-appearance: none;
}
.single-info-box.top-header-currency::after,.single-info-box.top-header-language:after {
  background-image: url("img/select_lang.png"), url("img/bg-header.jpg");
  background-position: left center, left top;
  background-repeat: no-repeat, repeat;
  border-radius: 0 10px 10px 0;
  box-shadow: 0 1px 0 0 #fff inset, 1px 1px 0 0 #fff;
  content: "";
  height: 33px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 1px;
  width: 25px;
  z-index: 9;
}
.top-menu-bar li a {
  display: block;
  font-size: 16px;
  line-height: 33px;
  padding: 0 12px;
  color: #555 
}
.top-menu-bar li a:hover{
    color: #C94450
}
.top-menu-bar {
  border: 1px solid #bbb;
  border-radius: 10px;
  box-shadow: 1px 1px 0 0 #fff inset, 1px 1px 0 0 #fff;
}
.top-menu-bar li {
  border-right: 1px solid #fff;
  display: inline-block;
 }
.top-menu-bar li:last-child{
    border-right: 0px
}
/*========================= 
 2.2  header-menu start
===========================*/
.header-area .menu ul li a {
 /* color: #555;*/
  border-right: 1px solid #fff;
  color: #fff;
  font-size: 14px;
  padding: 15px 15px;
/*  border-right: 1px solid #555; 
  font-size: 18px;
  line-height: 49px;
  padding: 0 20px;
*/  
  text-transform: uppercase;
  font-family: 'Pathway Gothic One', sans-serif;
  display: block;  
}
.top-bottom-menu-area {
	background-color:#4e90fe;
/*		
	background-color:#f8931d;
	border:1px solid #555555;

  background: rgba(0, 0, 0, 0) url("img/bg-header.jpg") repeat scroll 0 0;
  border: 1px solid #bbb;
  box-shadow: 0 1px 0 0 #fff inset, 1px 1px 0 0 #fff;
  border-bottom-color: #fff  
*/  
}
.header-area .menu ul li {
  float: left;
  position: relative;
  padding-right:1px;
}
.header-area .menu ul li:first-child {
   border-left: 1px solid #fff;
 /*    border-left: 1px solid #555;*/
}
.header-area .menu ul li a:hover{
   color: #C22500
}
.header-area .menu ul li:hover{
    background: #F9F9F9
}
.p-viwes-info li {
  display: inline-block;
}
.view-search {
  position: relative;
}
.view-search::after {
  color: #555;
  content: "";
  cursor: pointer;
  font-family: FontAwesome;
  font-size: 14px;
  padding: 0 5px 0 0;
  position: absolute;
  right: 0;
  top: 0;
}
.search-sp form .button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  font-size: 0;
  position: absolute;
  right: 0;
}
.view-search .text-search {
  border: 1px solid #bbb;
  height: 28px;
  line-height: 28px;
  opacity: 0;
  padding: 5px;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 20px;
}
.search-sp:hover .view-search .text-search{
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease 0s;
    width: 230px;
}
.p-viwes-info {
  float: right;
}
.shopping-cart a{
  font-size: 18px;
  color: #777
}
.p-viwes-info li {
  border-left: 1px solid #fff;
  display: inline-block;
  line-height: 48px;
  padding: 0 20px;  
}
.p-viwes-info li:last-child{
    border-right: 1px solid #fff
}
.shopping-cart {
  position: relative;
}
.shopping-cart:hover .my-cart-check{
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
 }
.my-cart-check {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  opacity: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  top: 100%;
  transform: scaleY(0);
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 280px;
  z-index: 99999999;
  transform-origin: 0 0 0;  
}
.shopping-cart-photo {
  float: left;
  margin-right: 10px;
  width: 50px;
}
.shopping-cart-photo span {
  background: #ec4445 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 15px;
  height: 20px;
  left: 5px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 5px;
  width: 20px;
}
.shopping-cart-content {
  padding: 12px 12px 0;
  position: relative;
}
.shopping-cart-img-content h4 {
    line-height: 20px;
    margin: 0;
    font-size: 14px;
}
.shopping-cart-img-content h4 a:hover,.shopping-cart-del a:hover {
    color: #EC4445 !important
}
.shopping-cart-img-content h4 a,.shopping-cart-del a {
    color: #777 !important
}
.shopping-cart-img-content h4 a {
    font-size: 14px;
}
.shopping-cart-del {
  position: absolute;
  right: 15px;
  top: 20px;
}
.cart-innter-total p {
    color: #6f6f6f;
    float: left;
    font-size: 13px;
    width: 100%;
}
.cart-innter-total strong {
    float: right;
    font-size: 18px;
}
.cart-chek-button a {
  background: #ec4445 none repeat scroll 0 0;
  color: #fff !important;
  display: inline-block;
  float: right;
  font-size: 16px;
  line-height: 30px;
  padding: 5px 29px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;  
}
.cart-innter-total,.cart-chek-button {
    padding: 0 10px;
}
/*========================= 
 2.2.1  sub menu
===========================*/
.page-sub-menu,.sub-menu,.menu .mega-menu,.super-mega-menu,.custom-mega-menu  {
  background: #f9f9f9 none repeat scroll 0 0;
  box-shadow: 0 1px 2px 1px #777;  
  opacity: 0;
  padding: 5px 0;
  position: absolute;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  visibility: hidden;
  z-index: 99999;
  transition: all 0.5s ease 0s;  
  padding-bottom:5px;
}
.sub-menu {
  left: 0;
  width: 225px;
}
.menu .sub-menu li,.menu .page-sub-menu ul li {
  display: block;
  width: 100%;
  margin-top: 5px  
}
.menu ul li .sub-menu li a,.menu .page-sub-menu ul li a {
  color: #555;
  display: block;
  font-size: 16px;
  line-height: 35px;
  text-transform: none;
}
.header-area .home1 ul li:hover a{
  color: #c22500;
}
.menu ul li:hover .mega-menu .single-mega-menu-name h3 a,.menu ul li:hover .super-mega-menu .single-super-mega-menu-name h3 a{
    color: #c22500    
}
.home1 ul li:hover .sub-menu li a,.home2 ul li:hover .sub-menu li a,.home2 ul li:hover .page-sub-menu li a,.home3 ul li:hover .page-sub-menu li a,.menu ul li:hover .mega-menu .single-mege-menu a,.menu ul li:hover .super-mega-menu .single-super-mega-menu a,.menu ul li:hover .page-sub-menu a,.header-area .menu.home3 ul li:hover .sub-menu li a{
  color: #555;
}
.home1 ul li .sub-menu li a:hover,.home1 ul li .page-sub-menu li a:hover,.menu ul li .mega-menu .single-mege-menu a:hover,.menu ul li .super-mega-menu .single-super-mega-menu a:hover{
    color: #c22500    
}
.header-area .menu ul li:hover .sub-menu, .header-area .menu ul li:hover .mega-menu,.header-area .menu ul li:hover .super-mega-menu,.header-area .menu ul li:hover .custom-mega-menu,.header-area .menu ul li:hover .page-sub-menu{
   opacity: 1;
   transform: scaleY(1);
   visibility: visible
}
.sub-menu li a::before, .mega-menu .single-mege-menu a::before,.super-mega-menu .single-super-mega-menu a::before,.page-sub-menu li a:before {
  content: "";
  font-family: FontAwesome;
  margin-right: 12px;
}
/*========================= 
  2.2.2 mega menu
===========================*/
.single-mege-menu {
  float: left;
/*  width: 33.33%;*/
	width: auto;
}
.menu .mega-menu {
  left: -59px;
  width: 1130px;
}
.menu ul li .mega-menu a {
  color: #555;
  display: block;
  font-size: 16px;
  line-height: 35px;
  margin-bottom: 0;
  padding: 0 35px;
  text-transform: none;
}
.menu ul li .mega-menu .single-mega-menu-name h3 a:hover,.menu .super-mega-menu .single-super-mega-menu-name h3 a:hover{
    color: #222
}
.menu ul li .mega-menu .single-mega-menu-name h3 a {
  color: #c22500;
  font-size: 22px;
  text-transform: uppercase
}
.single-mega-menu-photo {
  float: left;
  width: 50%;
  margin-bottom: 10px  
}
.mega-menu-photo {
  display: inline-block;
  padding-top: 30px;
}
.mega-menu .single-mege-menu h3 a::before,.super-mega-menu .single-super-mega-menu-name h3 a::before{
    display: none
}
/*========================= 
  2.2.3 Super mega menu
===========================*/
.super-mega-menu {
  left: -148px;
  width: 552px;
}
.super-mege-photo {
   padding: 15px 0;
}
.super-mege-photo img {
  padding: 0 52px 0 0;
}
.super-mege-photo img:hover{
    opacity: 0.6
}
.menu ul li .super-mega-menu a {
  font-size: 16px;
  line-height: 38px;
  text-transform: none;
}
.menu .super-mega-menu .single-super-mega-menu-name h3 a {
  color: #c22500;
  font-size: 22px;
  text-transform: uppercase;
}
.single-super-mega-menu {
  float: left;
  margin-bottom: 20px;
  width: 25%;
}
/*========================= 
  2.2.3 page sub menu
===========================*/
.page-sub-menu {
  left: 0;
  width: 300px;
}
/*========================= 
  2.2.4  custom mega menu
===========================*/
.custom-mega-menu {
  left: -460px;
  width: 860px;
}
.single-custom-mega-menu {
  float: left;
  margin-top: 20px;
  padding: 0 42px 0 0;
  width: 33.33%;
}
/*========================= 
 3. Home slider
===========================*/
.slider-area {
  position: relative;
}
.slider-area .preview-2 .nivo-controlNav a.active {
  background: #000 none repeat scroll 0 0;
}
.slider-area .preview-2 .nivo-controlNav a,.slider-area.home1 .slider-1 a,.slider-area.home1 .slider-3 h1,.slider-area.home1 .slider-3 a {
  background: #c22500
}
.slider-area.home1,.slider-area.home2 {
  position: relative;
}
.slider-area.home4 .slider-content.slider-2 .title-container,.slider-area.home4 .slider-content.slider-1 .title-container,.slider-area.home2 .slider-content.slider-1 .title-container,.slider-area.home2 .slider-content.slider-2 .title-container,.slider-area.home2 .slider-content.slider-3 .title-container,.slider-area.home3 .slider-content.slider-2 .title-container {
  position: absolute;
}
.slider-area.home1 .slide1-layer-1 img {
  left: 45%;
  margin-top: 150px;
}
.slider-area.home1 .slide2-layer-1 img{
  left: 45%;
  margin-top: 50px;
}
.slider-area.home1 .slider-content.slider-1,.slider-area.home1 .slider-content.slider-2 {
  margin-left: 10%;
}
.slider-area .slider-content h1{
  color: #fff;
  display: inline-block;
  font-size: 40px;
  line-height: 1.35;
  margin-bottom: 20px;
  padding: 3px 16px;
  text-align: left;
  text-shadow: none;
  text-transform: capitalize;  
}
.slider-area.home1 .slider-1 h1,.slider-area.home1 .slider-2 h1 {
  background: #768181;
}
.slider-area.home1 .slider-1 p,.slider-area.home1 .slider-2 p,.slider-area.home2 .slider-1 p,.slider-area.home2 .slider-3 p{color: #777}
.slider-area.home1 .slider-3 p,.slider-area.home2 .slider-2 p,.slider-area.home3 .slider-content p{color: #fff}
.slider-area .slider-content p{
  font-size: 16px;
  font-weight: normal;
  line-height: 26px;
  margin-bottom: 20px;
  text-shadow: none;
  text-transform: inherit;
}
.slider-area .slider-content a {
  border-radius: 10px;
  color: #f1f1f1;
  display: inline-block;
  font-size: 24px;
  padding: 8px 18px;
  text-transform: uppercase;
}
.slider-area.home1 .slider-2 a{background: #2265C0;}
.slider-area .slider-content a::after {
  content: "";
  font-family: FontAwesome;
  margin-left: 10px;
}
.slider-area.home2 .slide1-layer-1 img {
  left: 10%;
  margin-top: 150px;
}
.slider-area.home2 .slide2-layer-1 img {
  left: 60%;
  margin-top: 110px;
}
.slider-area.home2 .slide3-layer-1 img {
  left: 55%;
  margin-top: 15px;
}
.slider-area.home2 .slider-content.slider-1 .title-container,.slider-area.home2 .slider-content.slider-2 .title-container,.slider-area.home2 .slider-content.slider-3 .title-container{
  top: 20%;
}
.slider-area.home2 .slider-content.slider-1 .title-container {
  right: 25%;
}
.slider-area.home2 .slider-content.slider-2 .title-container,.slider-area.home2 .slider-content.slider-3 .title-container{
  left: 15%;
}

.slider-area.home2 .slider-2 h1{background: #F4C7B0;}
.slider-area.home2 .slider-3 h1{background: #B5A7A0;}
.slider-area.home2  a{background: #ED7789;}
.slider-area.home2 .slider-1 h1{background: #B7C08B;}
.slider-area.home3 h1{background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;}
.slider-area.home4 h1,.slider-area.home4 .slider-content p{background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;}
.slider-area.home3 a{background: #6CBFCE}
.slider-area.home4 a{background: #90816E}
.slider-area.home3 .slider-content.slider-2 .title-container {
  right: 15%;
  top: 30%;
}
.slider-area.home4 .slider-content.slider-1 .title-container  {
  display: inline-block;
  left: 32%;
  top: 22%;
}
.slider-area.home4 .slider-content.slider-2 .title-container {
  right: 10%;
  top: 30%;
}
.preview-2 .nivo-controlNav {
  bottom: 20px;
  left: 48%;
  position: absolute;
  z-index: 99999;
}
/*.slider-area.home4 .nivo-controlNav {
  display: none;
}*/
/*========================= 
 4. services area
===========================*/
.services-area {
  padding: 45px 0 0;
}
.single-service-photo {
  width: 40%;
}
.single-service-photo,.single-service-desc {
  float: left;
}
.single-service-desc {
  width: 60%;
}
.single-service-desc > h2 {
    color: #555;
    font-size: 24px;
}
.single-service-desc p {
    color: #777;
    font-size: 16px;
    line-height: 24px;
}
/*========================= 
 5. Feature product area
===========================*/
.item-img-sale,.item-img-new{position: relative}

.item-img-sale::before {
  background: rgba(0, 0, 0, 0) url("img/red-sale.png") no-repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 70%;
  position: absolute;
  top: 20px;
  width: 100%;
  z-index: 99;
}
.item-img-new::before {
  background: url(img/black-new.png)no-repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 70%;
  position: absolute;
  top: 20px;
  width: 100%;
  z-index: 99;
}
.feature-product-title,.new-product-title,.brand-title{
  border-bottom: 1px solid #bbb;
}
.feature-product-title h3,.new-product-title h3,.brand-title h3{
  color: #555;
  font-size: 30px;
  text-transform: uppercase;
}
.feature-product-list .col-md-4 {
  width: 100%;
}
.single-feature-product .item-inner {
  padding: 20px;
}
.item-inner .item-img {
  border-bottom: 1px solid #bbb;
  padding-bottom: 12px;
}
.item-inner .item-img a {
  display: block;
}
.item-img-info p {
  background: #333333 none repeat scroll 0 0;
  border-radius: 7px;
  color: #fff;
  left: 3px;
  line-height: 33px;
  padding: 0 8px;
  position: absolute;
  top: 7px;
}
.text-block-title h2 {
  font-size: 20px;
  text-transform: uppercase;
  line-height: 35px;
  margin: 0  
}
.text-block-title h2 a {
  color: #222;
}
.text-block-title h2 a:hover {
  color: #ec4445;
}
.text-block-price h2 {
  color: #c22500;
  font-size: 24px;
}
.text-block-ratting a,.seller-block-ratting a {
  color: #c22500;
}
.text-block,.add-actions {
  position: relative;
}
.text-block-ratting {
  bottom: 0;
  position: absolute;
  right: 0;
}
.add-actions .add-cart button,.price-count-add-cart .add-cart button{
  background: #c22500 none repeat scroll 0 0;
  border-radius: 10px;
  display: inline-block;
  font-size: 20px;
  line-height: 33px;
  padding: 0 10px;
  text-transform: uppercase;
  color: #fff;
  border: none;  
}
.add-actions .add-cart button:hover,.pisces-button .btn-cartpage:hover,.disc-tag-form button:hover,.from-coad-button button:hover,.total-cart-button button:hover,.home4 .single-pisces-about-email form button:hover,.price-count-add-cart .add-cart button:hover,.product-price-slider .price_slider_amount button:hover,.slider-area .slider-1 a:hover,.slider-area.home1 .slider-2 a:hover,.slider-area.home2 .slider-3 a:hover,.slider-area.home2 .slider-2 a:hover,.slider-area.home3 .slider-content a:hover,.slider-area.home1 .slider-content.slider-3 a:hover{
  background: #555555;
  transition: all 0.3s ease 0s;
}
.add-icon-desc li {
  display: inline-block;
  margin-left: 2px;  
}
.add-icon-desc ul li button {
  border: 1px solid;
  border-radius: 7px;
  color: #bbb;
  display: inline-block;
  font-size: 16px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 35px;
}
.add-icon-desc ul li button:hover {
  color: #fff;
  background: #c22500;
  border-color: #C22500;    
}
.add-icon-desc {
  bottom: 0px;
  position: absolute;
  right: 0;
}
.item-text-desc {
  margin-top: 11px;
}
.single-feature-product {
  border: 1px solid #fff;
  margin-top: 24px;
  overflow: hidden;
  transition: all 0.3s ease 0s;
}
.single-feature-product:hover{
    border: 1px solid #bbb;
    border-radius: 0;
    transition: all 0.3s ease 0s;
     background: #E9E9E9;
}
.feature-product-carousel,.new-product-area,.right-content-area,.sale-product-area,.feature-product-area {
  margin-top: 50px;
}
/*========================= 
  5.1 single-feature and carousel navigation
===========================*/
.feature-product-list .owl-nav div, .brand-list .owl-nav div, .special-product-list .owl-nav div, .feature-product-item .owl-nav div,.top-seller-list .owl-nav div {
  border: 2px solid;
  border-radius: 50%;
  color: #bbb;
  height: 26px;
  line-height: 23px;  
  position: absolute;
  right: 12px;
  top: -42px;
  width: 26px;
  text-align: center;
  font-size: 18px  
}
.feature-product-list .owl-nav .owl-prev:hover, .feature-product-list .owl-nav .owl-next:hover,.brand-list .owl-nav .owl-prev:hover,.brand-list .owl-nav .owl-next:hover,.special-product-list .owl-nav .owl-next:hover,.special-product-list .owl-nav .owl-prev:hover,.top-seller-list .owl-nav .owl-next:hover,.top-seller-list .owl-nav .owl-prev:hover{
  color: #C22500
}
.brand-list .owl-nav div {
  top: -35px;
  right: 0;  
}
.feature-product-list .owl-nav .owl-prev,.brand-list .owl-nav .owl-prev,.feature-product-item .owl-nav .owl-prev {
  right: 42px;
}
.brand-list .owl-nav .owl-prev {
  right: 30px;
}
/*========================= 
  5.2  New proudct-custom photo 
===========================*/
.feature-custom-photo {
  display: inline-block;
  margin-top: 50px;
}
.single-feature-custom-photo,.right-blog-custom-photo{
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.single-feature-custom-photo img,.blog-img-block img,.right-blog-custom-photo img{
  display: block;
  opacity: 0.95;
  position: relative;
  transform: scale3d(1, 1, 1);
  transition: all 0.5s ease 0s;
  width: 100%;
}
.single-feature-custom-photo::before,.blog-img-block:before,.right-blog-custom-photo:before{
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
  content: "";
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, -1, 30deg) translate3d(0px, -100%, 0px);    
  height: 100%;
  left: -100px;
  position: absolute;
  top: -100px;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 999;
}
.single-feature-custom-photo:hover::before,.blog-img-block:hover:before,.right-blog-custom-photo:hover:before{
   transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, -1, 30deg) translate3d(0px, 200%, 0px)
}
.single-feature-custom-photo img,.blog-img-block img,.right-blog-custom-photo img{
    opacity: 0.95
}
.single-feature-custom-photo img:hover,.blog-img-block img:hover,.right-blog-custom-photo img:hover{
    opacity: 0.65
}
/*========================= 
 6. Home page-left maincontent-categories
===========================*/
.category-menu ul li ul{display:none;}
.category-menu ul li a {
  background: #E9E9E9 none repeat scroll 0 0;
  color: #555;
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
  z-index: 2;
  position: relative;
  width: 100%;
  cursor: pointer
}
.category-menu span.holder{
    cursor: pointer;
}
.category-menu ul li ul li.has-sub.open a::after,.category-menu ul li ul li.has-sub a::after,.has-sub span.holder::before,.has-sub.open span.holder::before{color: #777}

.has-sub.open span.holder::before {
  content: "";
}
.has-sub span.holder::before {
  content: "";
}
.category-menu ul li ul li.has-sub a::after {
  content: "";
}
.category-menu ul li ul li.has-sub a::after, .has-sub span.holder::before {
  background: #E9E9E9;
  font-family: fontawesome;
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
  height: 28px;
  text-align: center;
}
.category-menu ul li ul li.has-sub.open a::after{
	content: "";
}
.category-menu ul li ul li.has-sub ul li a::after{
	display:none;
}
.category-menu ul li {
    position: relative;
    width: 100%;
}
.category-menu ul li a::before {
  background: #bbb none repeat scroll 0 0;
  content: "";
  height: 1px;
  left: 0px;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: -1;
}
.category-menu ul li a span {
  background: #e9e9e9 none repeat scroll 0 0;
  display: inline-block;
  padding: 0 7px;
  z-index: 1;
}
/*========================= 
 6.1  Home page-left maincontent-top seller
===========================*/
.single-top-seller .item-inner .item-img {
  border: 1px solid #bbb;
  border-radius: 10px;
  float: left;
  padding: 5px;
  width: 40%;
}
.single-top-seller .item-inner .item-img:hover {
  border-color: #C22500;
}
.single-top-seller .item-text-desc {
  float: left;
  margin: 0;
  padding-left: 20px;
  width: 60%;
}
.single-top-seller .text-block-price > h2 {
  margin: 0;
  font-size: 22px  
}
.single-top-seller .text-block-title h2 {
  font-size: 18px;
}
.sigle-top-seller-list {
  overflow: hidden;
  margin-bottom: 15px  
}
.top-seller-area,.category-menu-area{
 margin-bottom: 30px;
}
.right-content-area .popular-tag,.rght-blog-sidebar .popular-tag,.top-seller-area,.category-menu-area,.shop-category-menu-area,.rght-blog-sidebar .latest-news{
  background: #e9e9e9 none repeat scroll 0 0;
  border: 1px solid #bbb;
  border-radius: 10px;
  padding: 20px;
}
.single-top-seller {
  margin-top: 15px;
}
/*========================= 
 6.2 Home page-left maincontent-popular tags
===========================*/
.popular-tag-list li {
  display: inline-block;
}
.popular-tag-list ul li a {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #bbb;
  border-radius: 10px;
  color: #555;
  display: block;
  font-size: 16px;
  height: 34px;
  line-height: 34px;
  margin-bottom: 5px;
  margin-left: 2px;
  padding: 0 10px;
  text-transform: uppercase;
  transition: all 0.2s ease 0s;  
}
.popular-tag-list ul li a:hover {
  background: #C22500;
  color: #fff;
  border-color: #C22500;  
}
.popular-tag-title h2,.special-product-title h2,.top-seller-title h2,.category-menu-area .category-title h2,.shop-category-title h2,.latest-news .latest-news-title h2 {
  border-bottom: 1px solid #bbb;
  color: #c22500;
  font-size: 24px;
  line-height: 25px;
  padding-bottom: 10px;
  text-transform: uppercase;
}
/*========================= 
  6.3  Home page-left maincontent-special product
===========================*/
.Special-Products-area {
  background: #e9e9e9 none repeat scroll 0 0;
  border: 1px solid #bbb;
  border-radius: 10px;
  margin-top: 30px;
  padding: 15px;
}
.special-product-list .owl-nav .owl-prev,.top-seller-list .owl-nav .owl-prev {
  right: 30px;
}
.special-product-list .owl-nav div,.top-seller-list .owl-nav div {
  right: 0;
  top: -50px;
}
/*========================= 
 7. Brand carousel styel
===========================*/
.single-brand img {
  border: 1px solid #bbb;
  border-radius: 8px;
}
.single-brand img:hover {
 border-color: #C22500;
 opacity: 0.6   
}
.single-brand {
  padding: 30px 0 2px;
}
.our-brand-area {
  padding: 50px 0;
}
/*========================= 
 8. Pisces about styel
===========================*/
.single-pisces-about-title h2 {
  border-bottom: 1px solid #bbb;
  color: #555;
  font-size: 30px;
  line-height: 53px;
  text-transform: uppercase;
}
.pisces-about-area {
  background: #e9e9e9 none repeat scroll 0 0;
  padding-top: 40px;
}
.single-pisces-about-social .soical-profils button {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #bbb;
  border-radius: 8px;
  color: #777;
  display: inline-block;
  font-size: 20px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  width: 38px;
}
.single-pisces-about-social .soical-profils button:hover {
  background: #C22500;
  color: #fff;
  border-color: #C22500; 
}
.single-pisces-about-text p {
  margin: 0;
}
.single-pisces-about-box {
  padding: 60px 0;
}
.single-pisces-about-email form input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #bbb;
  border-radius: 5px;
  font-size: 18px;
  height: 38px;
  padding: 0 10px;
  width: 240px;
}
.single-pisces-about-email form button {
  background: #c22500 none repeat scroll 0 0;
  border: medium none;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  height: 38px;
  margin-left: 15px;
  padding: 0 15px;
}
.single-pisces-about-email form button:hover,.home3 .single-pisces-about-email form button:hover,.member-sign-up button:hover,.cart-chek-button a:hover,.maincontent-404 .pisces-eror-form button:hover,.maincontent-404 .pisce-back-home a:hover{
  background: #555555 none repeat scroll 0 0;
  transition: all 0.3s ease 0s;
}
/*========================= 
 8.1  Pisces about areas-about-box styel
===========================*/
.single-pisces-about-box.box-text-1 .about-box-text{
    background: url(img/about-1.png) no-repeat scroll 0 0;
    
}
.single-pisces-about-box.box-text-2 .about-box-text{
    background: url(img/about-2.png) no-repeat scroll 0 0;
    
}
.single-pisces-about-box.box-text-3 .about-box-text{
    background: url(img/about-3.png) no-repeat scroll 0 0;
}
.single-pisces-about-box {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #bbb;
  border-radius: 8px;
  margin: 60px 0;
  padding: 15px;
}
.about-box-text {
  padding: 0 0 0 60px;
}
.about-box-text p {
  color: #777;
  margin: 0;
}
.about-box-text h2 {
  color: #777;
  font-size: 33px;
  line-height: 32px;
  margin: 0;
}
/*========================= 
 8.2  Pisces another bottom contact styel
===========================*/
.pisces-another-infoemation-area {
  background: rgba(0, 0, 0, 0) url("img/bg-header.jpg") repeat scroll 0 0;
  padding: 50px 0;
}
.single-another-inform-title h2 {
  font-size: 24px;
  padding-bottom: 30px;
  text-transform: uppercase;
}
.single-another-inform-title h2 span {
  border-bottom: 2px solid #c22500;
  padding-bottom: 8px;
  color: #222  
}
.single-another-inform .adress p,.single-another-inform .phone-no p,.single-another-inform .mail-contact p {
  color: #222;
  font-size: 15px;
}
.adress span {
  display: block;
}
.single-another-inform .adress p::before,.single-another-inform .phone-no p:before,.single-another-inform .mail-contact p:before {
  content: "";
  font-family: FontAwesome;
  margin-right: 12px;
}
.adress span,.phone-no span,.mail-contact span {
  display: block;
  padding: 0 0 0 15px;
}
.single-another-inform .accout-list li,.single-another-inform .Information-list li,.single-another-inform .Why-Buy-From-Us-list li {
  display: block;
}
.single-another-inform .accout-list a,.single-another-inform .Information-list a,.single-another-inform .Why-Buy-From-Us-list a {
  color: #222;
  line-height: 28px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;  
}
.single-another-inform .accout-list a:hover,.single-another-inform .Information-list a:hover,.single-another-inform .Why-Buy-From-Us-list a:hover {
  color: #C22500;
  margin-left: 7px;
  transition: all 0.3s ease 0s;   
}
.single-another-inform .accout-list a:before,.single-another-inform .Information-list a:before,.single-another-inform .Why-Buy-From-Us-list a:before {
  content: "";
  font-family: FontAwesome;
  margin-right: 11px;
}
/*========================= 
 9. Pisces footer styel
===========================*/
.footer-copyright a {
  color: #c22500;
/*	color: #555;*/
}
.footer-copyright a:hover {
  text-decoration: underline
}
.footer-area{
/*    background: #2F2F2F;*/
	background: #4992F6;
    padding:20px;
    color: #fff
}
.footer-payment ul li {
  display: inline-block;
  padding: 0 2px;
}
.footer-payment {
  float: right;
}
.footer-area {
/*  background: #4e90fe none repeat scroll 0 0;*/
  background: #0b1239 none repeat scroll 0 0;
  color: #fff;
  padding: 15px 0;
}
.footer-copyright p {
  float: left;
  margin: 0;
  text-transform: uppercase;
}
.header-copyright a {
	color: #fff;
}
.header-copyright a:hover {
	text-decoration: underline
}
.header-section {
/*  background: #4e90fe none repeat scroll 0 0;*/
  background: #0b1239 none repeat scroll 0 0;
  color: #fff;
  padding: 5px 0;
}
/*========================= 
 10. Home page Two start-header top
===========================*/
.home2 .single-info-box.top-header-currency::after,.home2 .single-info-box.top-header-language::after,.home3 .single-info-box.top-header-currency::after,.home3 .single-info-box.top-header-language::after,.home4 .single-info-box.top-header-currency::after,.home4 .single-info-box.top-header-language::after {
  background-image: url("img/select_lang.png");
}
.pisecs-top-header-two {
  background: #FFFFFF;
  padding: 30px 0;
}
.info-box-dsc .currency-box select,.info-box-dsc .languge-list select,.info-box-dsc .top-menu-bar{
  background: #F1F1F1;
    
}
.top-header-info .single-statics.phone h2 {
  color: #a3dbda;
}
.top-header-info .single-statics.time h2 {
  color: #f9c9bf;
}
/*========================= 
 10.1  Home page Two header-bottom 
===========================*/
.top-header-bottom-area {
  background: #ED7789;
}
.top-header-bottom-area .menu ul li a:hover {
  color: #ED7789;
  background: #fff 
}
.header-area .home2 ul li:hover a{
  color: #ED7789;
}
.home2 ul li:hover .sub-menu li a:hover,.home2 ul li:hover .page-sub-menu li a:hover{color: #ED7789}
.header-area .home2 ul li.shopping-cart:hover  a,.view-search.home2::after,.view-search.home3::after,.p-viwes-info.home2 .shopping-cart .cart,.top-header-bottom-area .menu ul li a {
  color: #fff;
}
.home2 .shopping-cart-img-content h4 a,.home2 .shopping-cart-del > a {
   color: #777 !important;
}
.home2 .shopping-cart-img-content h4 a:hover,.home2 .shopping-cart-del > a:hover{
  color: #ED7789 !important;  
}
.view-search.home2:hover::after{
    color: #ED7789;
}
/*========================= 
 11. Home page two Services
===========================*/
.single-service-desc.one h2 {
  color: #ed7789;
}
.single-service-desc.two h2 {
  color: #F9C9BF;
}
.single-service-desc.three h2 {
  color: #A3DBD4;
}
/*========================= 
 11.1 Home page two feature product
===========================*/
.item-img-sale, .item-img-new {
  position: relative;
  z-index: 999;
}
.item-img-sale.home2::before {
  background: url(img/home-2/sale-bg.png)no-repeat scroll 0 0;
}
.item-img-new.home2::before {
  background: url(img/home-2/new-bg.png)no-repeat scroll 0 0;
}
.feature-product-item .owl-nav .owl-next:hover,.feature-product-item .owl-nav .owl-prev:hover,.home2 .brand-list .owl-nav .owl-prev:hover,.home2 .brand-list .owl-nav .owl-next:hover{
  color: #ED7789;
}
.feature-product-item .item-img img:hover {
  opacity: 0.8;
}
.text-block-price h2 span {
  color: #222;
  font-size: 20px;
  margin-right: 6px;
  text-decoration: line-through;
}
.feature-product-item .add-actions .add-cart button{
  background: #ED7789
}
.feature-product-item .add-actions .add-cart button:hover,.home3 .feature-product-item .add-actions .add-cart h2:hover{
  background: #555555;
  transition: all 0.3s ease 0s  
}
.feature-product-item .add-icon-desc ul li .heart-top button:hover,.feature-product-item .add-icon-desc ul li .eye-top button:hover,.home3 .feature-product-item .add-icon-desc ul li .heart-top button:hover,.home3 .feature-product-item .add-icon-desc ul li .eye-top button:hover,.home4 .feature-product-item .add-icon-desc ul li .eye-top button:hover,.home4 .feature-product-item .add-icon-desc ul li .heart-top button:hover,.home4 .feature-product-item .add-actions .add-cart button:hover,.home3 .feature-product-item .add-actions .add-cart button:hover {
  background: #555555;
  border-color: #555555;
  transition: all 0.3s ease 0s   
}
.feature-product-item .add-icon-desc ul li .heart-top button{
  background: #A3DBD4;
  color: #fff;
  border-color: #A3DBD4  
}
.feature-product-item .add-icon-desc ul li .eye-top button{
  background: #ED7789;
  color: #fff;
  border-color: #ED7789  
}
.feature-product-item  .text-block-price h2 {
  color: #ed7789;
}
.feature-product-item .text-block-ratting a {
  color: #a3dbd4;
}
/*========================= 
  11.2 Home page two About styel
===========================*/
.home2 .single-pisces-about-social .soical-profils button {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f1f1f1;
  color: #999  
}
.pisces-about-area.home2{
    background: #fff
}
.home2 .single-pisces-about-social .soical-profils button:hover {
  background: #ED7789;
  color: #fff;
  border-color: #ED7789; 
}
.home2 .single-pisces-about-email form button {
  background: #ED7789;
}
.home2 .single-pisces-about-email form button:hover {
  background: #555555;
}
.pisces-about-area.home2 .single-pisces-about-box.box-text-2 {
  background: #F9C9BF;
  color: #fff  
}
.pisces-about-area.home2 .single-pisces-about-box.box-text-1 {
  background: #ED7789;
  color: #fff  
}
.pisces-about-area.home2 .single-pisces-about-box.box-text-3 {
  background: #A3DBD4;
  color: #fff  
}
.pisces-about-area.home2 .about-box-text h2,.pisces-about-area.home2 .about-box-text p {
  color: #fff;
}
.pisces-about-area.home2 .single-pisces-about-box.box-text-1 .about-box-text {
  background: url("img/home-2/about-bg-1.png") no-repeat scroll 0 0;
}
.pisces-about-area.home2 .single-pisces-about-box.box-text-2 .about-box-text {
  background: url("img/home-2/about-bg-2.png") no-repeat scroll 0 0;
 }
.pisces-about-area.home2 .single-pisces-about-box.box-text-3 .about-box-text {
  background: url("img/home-2/about-bg-3.png") no-repeat scroll 0 0;
}
.single-pisces-about-box {
  border: 1px solid #fff;
}
.home2 .single-another-inform-title h2 span {
  border-bottom: 2px solid #ed7789;
}
.home2 .single-another-inform .accout-list a:hover,.home2 .single-another-inform .Information-list a:hover,.home2 .single-another-inform .Why-Buy-From-Us-list a:hover {
  color: #ed7789;
}
.home2 .single-brand img:hover{
    border-color: #ed7789
}
/*========================= 
 12. Home page three start-menu
===========================*/
.home-3 .shopping-cart > a {
  color: #fff;
}
.top-header-bottom-area.home-3 {
  background: #6cbfce none repeat scroll 0 0;
}
.home3.menu ul li:hover a,.home3.menu ul li:hover .sub-menu li a:hover,.view-search.home3:hover::after,.home3 ul li:hover .page-sub-menu li a:hover{
  color: #6cbfce    
}
.top-header-info.home3 .single-statics.time h2 {
  color: #f47979;
}
.top-header-info.home3 .single-statics.phone h2 {
  color: #97ce82;
}
/*========================= 
  13. Home page three-services
===========================*/
.single-service.home3 .single-service-desc.one h2 {
  color: #ed7789;
}
.single-service.home3 .single-service-desc.two h2 {
  color: #6CBFCE;
}
.single-service.home3 .single-service-desc.three h2 {
  color: #97CE82;
}
/*========================= 
  14. Home page three-feature product
===========================*/
.item-img-sale.home3::before {
  background: url(img/home-3/sale-bg.png)no-repeat scroll 0 0;
}
.item-img-new.home3::before {
  background: url(img/home-3/new-b.png)no-repeat scroll 0 0;
}
.home3 .feature-product-item .add-actions .add-cart button {
  background: #f47979 none repeat scroll 0 0;
}
.home3 .feature-product-item .add-icon-desc ul li .heart-top button {
  background: #97ce82 none repeat scroll 0 0;
  border-color: #97ce82;
  color: #fff;
}
.home3 .feature-product-item .add-icon-desc ul li .eye-top button {
  background: #6cbfce none repeat scroll 0 0;
  border-color: #6cbfce;
  color: #fff;
}
.home3 .feature-product-item .text-block-ratting a {
  color: #f47979;
}
.home3 .owl-nav:hover {
  color: #6CBFCE;
}
.home3 .feature-product-item .text-block-price h2 {
  color: #6cbfce;
}
/*========================= 
 15. Home page three-Brand carousel
===========================*/
.home3 .single-brand img:hover {
  border-color: #6cbfce;
}
.home3 .single-pisces-about-email form button {
  background: #6cbfce none repeat scroll 0 0;
}
/*========================= 
 15.1  Home page three-About box
===========================*/
.pisces-about-area.home3 .box-text-1 .about-box-text h2,.pisces-about-area.home3 .box-text-1 .about-box-text p {
  color: #F47979;
}
.pisces-about-area.home3 .box-text-2 .about-box-text h2,.pisces-about-area.home3 .box-text-1 .about-box-text p {
  color: #6CBFCE;
}
.pisces-about-area.home3 .box-text-3 .about-box-text h2,.pisces-about-area.home3 .box-text-1 .about-box-text p {
  color: #A4D393;
}
.pisces-about-area.home3 .single-pisces-about-box.box-text-1 .about-box-text {
  background: url("img/home-3/about-1.png") no-repeat scroll 0 0;
}
.pisces-about-area.home3 .single-pisces-about-box.box-text-2 .about-box-text {
  background: url("img/home-3/about-2.png") no-repeat scroll 0 0;
 }
.pisces-about-area.home3 .single-pisces-about-box.box-text-3 .about-box-text {
  background: url("img/home-3/about-3.png") no-repeat scroll 0 0;
}
.home3 .single-pisces-about-box {
  border: 1px solid #F1F1F1;
  background: #F1F1F1;  
}
.pisces-about-area.home3 {
  background: #fff none repeat scroll 0 0;
}
/*========================= 
 15.2  Home page three-contact styel
===========================*/
.home3 .single-another-inform-title h2 span {
  border-bottom: 2px solid #6CBFCE;
}
.home3 .single-another-inform .accout-list a:hover,.home3 .single-another-inform .Information-list a:hover,.home3 .single-another-inform .Why-Buy-From-Us-list a:hover {
  color: #6CBFCE;
}
.home3 .single-pisces-about-social .soical-profils button:hover {
  background: #6CBFCE none repeat scroll 0 0;
  border-color: #6CBFCE;
  color: #fff;
}
.home3 .single-pisces-about-social .soical-profils button{
  border-color: #f1f1f1;
  background: #f1f1f1;
  color: #777;
}
.home3 .single-pisces-about-email form input {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f1f1f1;
}
/*========================= 
 16. Home page four start
===========================*/
body.home4-bg {
  background: url("img/home-4/bg-body.png") repeat scroll 0 0;
}
.box-main .container-inner {
  background: #fff none repeat scroll 0 0;
}
.pisces-about-area.home4{
    background: none;
}
/*========================= 
 16.1  Home page four-menu
===========================*/
.top-header-bottom-area.home4 {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.box-main .container-inner {
  background: #fff none repeat scroll 0 0;
  padding: 0 15px 15px;
  padding-top: 0  
}
.top-header-bottom-area .container-inner {
  background: #fff none repeat scroll 0 0;
  padding: 15px;
}
.top-header-bottom-area .box-menu {
  background: #ded8d5 none repeat scroll 0 0;
}
.header-area.home4 .pisecs-top-header-two {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.home4 .top-header-bottom-area .menu ul li a {
  color: #90816e;
}
.home4 .top-header-bottom-area .menu ul li a:hover{
    background: #90816E;
    color: #fff
}
.home4 .view-search::after {
  color: #90816e;
}
.home4 .top-header-info .single-statics.time h2,.home4 .top-header-info .single-statics.phone h2 {
  color: #90816e;
}
.home4 .info-box-dsc .currency-box select,.home4 .info-box-dsc .languge-list select,.home4 .info-box-dsc .top-menu-bar{
  background: #fff;  
}
.home4 .single-info-box .top-menu-bar ul li a:hover{
    color: #D1BEA0
}
/*========================= 
 17. Home page four-feature prodcut
===========================*/
.home4 .item-img-sale::before {
  background: url("img/home-4/sale-bg.png") no-repeat scroll 0 0;
}
.home4 .item-img-new::before {
  background: url("img/home-4/new-bg.png") no-repeat scroll 0 0;
}
.home4 .feature-product-item .add-actions .add-cart button {
  background: #d1bea0 none repeat scroll 0 0;
}
.home4 .add-actions .add-cart button {
  padding: 0 8px;
}
.home4 .text-block-price h2 span {
  font-size: 18px;
}
.home4 .feature-product-item .add-icon-desc ul li .heart-top button {
  background: #90816e none repeat scroll 0 0;
  border-color: #90816e;
  color: #fff;
}
.home4 .feature-product-item .add-icon-desc ul li .eye-top button {
  background: #ded8d5 none repeat scroll 0 0;
  border-color: #ded8d5;
  color: #fff;
}
.home4 .feature-product-item .text-block-price h2 {
  color: #d1bea0;
  font-size: 22px;  
}
/*========================= 
 18. Home page four-services
===========================*/
.home4 .single-service-desc.one h2 {
  color: #90816e;
}
.home4 .single-service-desc.two h2 {
  color: #90816E;
}
.home4 .single-service-desc.three h2 {
  color: #90816E;
}
/*========================= 
 19. Home page four-Abuot & contact- styel
===========================*/
.home4 .single-pisces-about-social .soical-profils button:hover {
  background: #D1BEA0 none repeat scroll 0 0;
  border-color: #D1BEA0;
  color: #fff;
}
.home4 .single-pisces-about-social .soical-profils button{
  background: #fff none repeat scroll 0 0;
  border-color: #fff;
  color: #777;
}
.home4 .single-pisces-about-box.box-text-1 .about-box-text {
  background: url("img/home-4/about-1.png") no-repeat scroll 0 0;
}
.home4 .single-pisces-about-box.box-text-2 .about-box-text {
  background: url("img/home-4/about-2.png") no-repeat scroll 0 0;
}
.home4 .single-pisces-about-box.box-text-3 .about-box-text {
  background: url("img/home-4/about-3.png") no-repeat scroll 0 0;
}
.home4 .single-pisces-about-box {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #fff;
}
.home4 .about-box-text h2,.home4 .about-box-text p {
  color: #D1BEA0;
}
.home4.pisces-another-infoemation-area {
  background: #a39788 none repeat scroll 0 0;
}
.home4 .single-another-inform-title h2 span {
  border-bottom: 2px solid #d1bea0;
  color: #fff;
}
.home4 .single-another-inform .adress p,.home4 .single-another-inform .phone-no p,.home4 .single-another-inform .mail-contact p,.home4 .single-another-inform .accout-list a,.home4 .single-another-inform .Information-list a,.home4 .single-another-inform .Why-Buy-From-Us-list a {
  color: #fff;
}
.home4 .single-another-inform .accout-list a:hover,.home4 .single-another-inform .Information-list a:hover,.home4 .single-another-inform .Why-Buy-From-Us-list a:hover{color: #d1bea0}
.home4 .single-pisces-about-email form input {background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
}
.home4 .single-pisces-about-email form button {
  background: #d1bea0 none repeat scroll 0 0;
  border: medium none;
}
/*========================= 
 20. Blog page start
===========================*/
body.blog-bg {
  background: #f1f1f1 none repeat scroll 0 0;
}
.header-area .blog ul li.active a {
  background: #fff none repeat scroll 0 0;
  color: #c22500;
}
.blog-menu {
  background: #e9e9e9 none repeat scroll 0 0;
  border: 1px solid #bbb;
  border-radius: 10px;
  display: block;
  width: 100%;
}
.blog-menu-bar {
  margin-top: 10px;
}
.blog-menu li {
  color: #555;
  display: inline-block;
  padding: 0 10px;
}
.blog-menu a {
  display: block;
  font-size: 16px;
  height: 36px;
  line-height: 36px;
  text-transform: uppercase
}
.blog-menu a::before,.blog-menu ul li.active:before {
  content: "" "";
  font-family: FontAwesome;
  font-size: 12px;
  margin-right: 4px;
}
.blog-menu ul li.active {
/*  color: #c22500; */
/*  color:#8aa061;*/
  color:#007f25;
  text-transform: uppercase;
  font-size: 16px;  
  font-weight:bold;
}
.blog-photo {
  float: left;
  width: 40%;
}
.single-blog-desc {
  display: block;
  margin-top: 30px;
  overflow: hidden;
  width: 100%;
}
.blog-img-block {
  border: 1px solid #bbb;
  overflow: hidden;
  padding: 6px;
  position: relative;
  border-radius: 10px  
}
.blog-content {
  float: left;
  padding-left: 30px;
  width: 60%;
}
.blog-desc-title h2 {
  border-bottom: 1px solid #bbb;
  font-size: 24px;
  padding-bottom: 10px;
  text-transform: uppercase;
  margin: 0  
}
.blog-desc-title h2 a {
    color: #404040;
}
.blog-desc-title h2 a:hover {
    color: #C22500
}
.blog-content .blog-info p {
  color: #c22500;
  line-height: 40px;
  margin: 0;
}
.blog-info span {
  border-left: 1px solid;
  display: inline-block;
  line-height: 14px;
  margin-left: 12px;
  padding-left: 12px;
}
.blog-content .blog-text p {
  color: #555;
}
.blog-comment-link ul li {
  display: inline-block;
  padding: 0 2px;
}
.blog-comment-link ul li a {
  background: #c22500 none repeat scroll 0 0;
  border-radius: 10px;
  color: #fff;
  display: block;
  font-size: 16px;
  height: 36px;
  line-height: 36px;
  padding: 0 20px;
  text-transform: uppercase;
}
.blog-comment-link ul li a:hover {
  background: #555555 none repeat scroll 0 0;
}
/*blog pagination start*/
.blog-pagination .pagination-list ul li {
  display: inline-block;
  padding: 0 3px;
}
.blog-pagination .pagination-list ul li a {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #bbb;
  border-radius: 10px;
  color: #555;
  display: block;
  height: 36px;
  line-height: 36px;
  text-align: center;
  width: 36px;
}
.blog-pagination .pagination-list li.active a,.blog-pagination .pagination-list ul li a:hover {
  background: #c22500 none repeat scroll 0 0;
  border-color: #c22500;
  color: #fff;
  transition: all .3s  
}
.blog-pagination .page-counter p {
  color: #555;
  font-size: 16px;
  line-height: 36px;
  margin-left: 50px;
}
.blog-pagination {
  display: block;
  margin-top: 30px;
}
/*blog pagination start*/
.rght-blog-sidebar {
  margin-top: 30px;
}
.rght-blog-sidebar .right-blog-custom-photo,.rght-blog-sidebar .popular-tag {
  margin-top: 30px;
}
.separate-latest-news .latest-news-photo {
  float: left;
  width: 30%;
}
.separate-latest-news .latest-news-text {
  float: left;
  padding-left: 18px;
  width: 70%;
}
.separate-latest-news .latest-news-text h3 {
  color: #555;
  font-size: 16px;
  margin: 0;
  text-transform: uppercase;
}
.separate-latest-news .latest-news-text p {
  color: #777;
  font-style: italic;
}
.latest-news .latest-news-title h2 {
  margin: 0;
}
.separate-latest-news {
  border-bottom: 1px solid #bbb;
  display: inline-block;
  padding: 15px 0;
}
/*========================= 
 21. single blog page start
===========================*/
.left-single-blog-sidebar {
  margin-top: 30px;
}
.item-header-photo img {
  border-radius: 10px;
  opacity: 0.65;
}
.item-header-photo img:hover {
  opacity: 1;
}
.item-header-title h2 {
  border-bottom: 1px solid #bbb;
  font-size: 24px;
  line-height: 24px;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.item-header-title h2 a{
  color: #404040
}
.item-header-title h2 {
  border-bottom: 1px solid #bbb;
  display: block;
  font-size: 24px;
  line-height: 24px;
  margin-top: 30px;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.item-content .item-muted i {
  color: #c22500;
  margin-right: 5px;
}
.item-content .item-muted span {
  border-left: 1px solid #c22500;
  margin-left: 15px;
  padding-left: 15px;
}
.item-content .blog-title-text p,.item-content .item-muted p,.item-content .text-item-blog p,.single-text p {
  color: #555;
  font-weight: normal;
}
.item-content .media-qutaion a {
  background: #c32b00 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 24px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  width: 52px;
}
.item-content .media-qutaion {
  float: left;
  padding: 0 25px;
}
.media-testimonial .media-text p {
    color: #555;
    font-size: 18px;
}
.media-testimonial {
    margin: 30px 0;
}
.blog-comment-photo .comment-blog-img {
  float: left;
  width: 30%;
}
.blog-comment-photo p {
  float: left;
  line-height: 25px;
  padding-left: 15px;
  width: 70%;
 color: #555
}
/*single tags start*/
.single-blog-tags .blog-tags li {
    display: inline-block;
}
.single-blog-tags .blog-tags li a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #bbb;
    border-radius: 10px;
    display: block;
    font-size: 12px;
    height: 33px;
    line-height: 33px;
    padding: 0 15px;
    text-align: center;
    color: #555
}
.single-blog-tags .blog-tags li a:hover {
    background: #C22500 none repeat scroll 0 0;
    border: 1px solid #C22500;
    color: #fff
}
.single-blog-tags {
  padding: 30px 0;
}
/*single tags end*/
/*comment form*/
.comment-title h2 {
  border-bottom: 1px solid #bbb;
  font-size: 24px;
  line-height: 30px;
  padding-bottom: 11px;
  text-transform: uppercase;
}
.name-email-conatct .name-comment {
  float: left;
  width: 50%;
}
.name-email-conatct .email-comment {
  float: left;
  padding-left: 12px;
  width: 50%;
}
.comment-form form input {
  border: 1px solid #bbb;
  height: 40px;
  padding: 0 10px;
  width: 100%;
  background: none;  
}
.text-area-comment textarea {
  border: 1px solid #bbb;
  height: 150px;
  width: 100%;
  background: none;
  padding: 10px;  
}
.title-comment > input {
  margin-top: 15px;
}
.name-email-conatct,.text-area-comment,.comment-verify,.comment-submit-button {
  padding-top: 15px;
}
.comment-verify img {
  border: 1px solid #bbb;
  display: inline-block;
}
.comment-contact-refresh p {
  color: #555;
  font-size: 16px;
  line-height: 40px;
  margin: 0;
}
.comment-submit-button button {
  background: #c32b00 none repeat scroll 0 0;
  border: medium none;
  border-radius: 10px;
  color: #fff;
  display: block;
  font-size: 22px;
  height: 40px;
  line-height: 40px;
  padding: 0 40px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.comment-submit-button button:hover {
  background: #252525 none repeat scroll 0 0;
  transition: all 0.3s ease 0s;
  color: #fff;
}
/*========================= 
 22. Shop page start
===========================*/
.sale-women-product-area .single-feature-product {
  border: 1px solid #f1f1f1;
}
.sale-women-product-area  .single-feature-product:hover{
    border: 1px solid #bbb;
}
.sale-women-product-area {
  border-bottom: 1px solid #bbb;
  border-top: 1px solid #bbb;
  margin-top: 20px;
  padding-bottom: 30px;
}
.shop-title {
  margin-top: 30px;
  position: relative;
}
.blog-pagination .page-counter{position: relative}
.shop-title::before,.blog-pagination .page-counter:before {
  background: #c22500;
  color: #fff;
  content: "";
  font-family: FontAwesome;
  font-size: 16px;
  height: 40px;
  left: 0;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 40px;
  border-radius: 10px;
}
.shop-tile-order {
  margin-left: 55px;
  position: relative;
}
.shop-title-name,.active-order {
  float: left;
}
.shop-title-name,.active-order,.show-number {
  height: 32px;
  line-height: 32px;
  text-align: center;
}
.shop-title .active-order {
  width: 150px;
  border: 1px solid  #bbb;
  border-radius: 10px;
  margin-left: 10px; 
  background: #fff; 
  cursor: pointer
}
.shop-title .active-order a {
  color: #000;
  font-size: 16px    
}
.shop-title .active-order::after {
  color: #555;
  content: "";
  font-family: FontAwesome;
  padding-right: 8px;
  position: absolute;
  right: 0;
}
.show-number .number {
  float: right;
  margin-left: 10px;
    position: relative
}
.show-number .number select {
  color: #000;
  cursor: pointer;
  font-size: 16px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  width: 80px;
  border: 1px solid #bbb;
  border-radius: 10px;
}
.show-number .number::after {
  background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid #bbb;
  border-radius: 0 10px 10px 0;
  border-right: 1px solid #bbb;
  border-top: 1px solid #bbb;
  color: #555;
  content: "";
  cursor: pointer;
  font-family: FontAwesome;
  height: 32px;
  line-height: 32px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 21px;
  z-index: 999;
}
.shop-title .order-list {
  background: #fff none repeat scroll 0 0;
  left: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 999;
  border: 1px solid  #bbb; 
}
.shop-title .order-list li {
    display: block;
}
.shop-title .order-list li:hover {
    background: #CAC9C9;
}
.shop-title .order-list li:hover a{
    color: #fff;
}
.shop-title  .order-list a {
  display: block;
  font-size: 15px;
  padding: 5px 12px;
}
.shop-title .order-list {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #bbb;
  left: 0;
  position: absolute;
  top: 100%;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
}
.shop-tile-order:hover .order-list{
  transform: scaleY(1);
  opacity: 1;
  visibility: visible;
}
/*========================= 
 22.1 shop categories
===========================*/
.shop-category-menu .has-sub span.holder::before {
  display: none;
}
.shop-category-menu ul li ul{display:none;}

.shop-category-menu ul li a{cursor: pointer}
.shop-category-menu ul li.has-sub::before {
    content: "";
}
.shop-category-menu ul li.has-sub::before {
  color: #999;
  font-size: 18px;
 }
.shop-category-menu ul li.has-sub::before,.shop-category-menu .shop-sub-menu a::before {
  padding-right: 10px;
}
.shop-category-menu .has-sub.open::before {
    content: "";
}
.shop-category-menu .shop-sub-menu a::before {
  content: "";
}
.shop-category-menu .shop-sub-menu a::before,.shop-category-menu ul li.has-sub::before {
  font-family: FontAwesome;
}
.shop-category-menu ul li a {
  color: #555;
  cursor: pointer;
  font-size: 18px;
  text-transform: uppercase;
}
.shop-category-menu .shop-sub-menu li a {
  font-size: 14px;
  text-transform: capitalize;
  color: #777  
}
.shop-category-menu .shop-sub-menu li a:hover,.shop-category-reset p,.shop-category-menu .shop-sub-menu li span {
   color: #c22500;  
}
.shop-category-menu .shop-sub-menu li span {
  float: right;
}
.shop-category-menu ul li {
  padding: 5px 0;
}
/*========================= 
 23. Product page start
===========================*/
.shop-tab li {
  width: 33.33%;
}
.shop-tab li .pisces-tab-shop {
  margin-right: 8px;
  margin-top: 15px;
  padding: 0;
}
.shop-tab-content.tab-pane {
  border: medium none;
  border-radius: 0;
}
.single-img-inner {
    border: 1px solid #bbb;
    padding: 3px;
}
.fancybox-skin {
  margin-top: 50px;
}
.shop-page .single-feature-product {
  border: 1px solid #f1f1f1;
  margin-top: 24px;
  transition: all 0.3s ease 0s;
}
.shop-page .single-feature-product:hover {
  border: 1px solid #bbb;
}
.backe-category {
  line-height: 40px;
}
.backe-category a {
  color: #c22500;
  padding: 0 8px;
}
.backe-category a:hover {
  color: #555;
}
.left-blog-sidebar.s-product {
  margin-top: 30px;
}
.shop-product-title h3 {
  color: #555;
  margin: 0;
  text-transform: uppercase;
}
.shop-product-title .product-icon a {
  color: #c22500;
  display: inline-block;
  line-height: 30px;
}
.shop-product-title {
  border-bottom: 1px solid #bbb;
}
.shop-text-desc {
  border-bottom: 1px solid #bbb;
  padding: 20px 0;
}
.shop-text-desc .main-content p, .shop-text-desc .sub-content p {
  color: #555;
  margin: 2px 0;
}
.stock-info {
  margin: 5px 0;
}
.stock-info span {
  padding: 0 5px;
}
.stock-info::before {
  color: #c22500;
  content: "";
  font-family: FontAwesome;
  padding-right: 10px;
}
.price-box h3,.tab-list .my-abs li.active a,.stock-info span,.informtion-list li::before,.tab-review-info li.tab-icon a,.product-inform-list li,.cart-table .cart-desc h3 a:hover {
    color: #c22500;
}
.price-box h3 span {
    float: right;
    font-size: 14px;
    line-height: 28px;
}
.price-box h3 span,.price-count-add-color select,.price-count-add-size select,.price-count-color-select::before {
    color: #555;
}
.price-count-add-color,.price-count-add-size  {
    float: left;
    width: 50%;
}
.price-count-add-color select,.price-count-add-size select {
  border: 1px solid #bbb;
  border-radius: 3px;
  height: 34px;
  width: 220px;
}
.price-count-color-select::before {
  background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid #bbb;
  border-radius: 0 3px 3px 0;
  border-right: 1px solid #bbb;
  border-top: 1px solid #bbb;
  content: "";
  font-family: FontAwesome;
  height: 34px;
  line-height: 34px;
  position: absolute;
  right: 21px;
  text-align: center;
  top: 0;
  width: 20px;
}
.price-count-color-select {
  position: relative;
}
.price-count-add-color p,.price-count-add-size p {
  color: #000;
  font-weight: bold;
  margin-bottom: 0;
}
/*========================= 
 23.1  price slider
===========================*/
.product-price-slider .ui-slider-range {
  background: #cccccc none repeat scroll 0 0;
}
.product-price-slider .ui-widget-content {
  border: medium none;
}
.ui-slider-handle.ui-state-default.ui-corner-all {
  background: #c02500 none repeat scroll 0 0;
  border-color: #c02500;
  border-radius: 50%;
  display: inline-block;
  height: 15px;
  margin-top: 3px;
  width: 15px;
}
.product-price-slider .price_slider_amount input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #bbb;
  color: #555;
  text-align: center;
  width: 110px;
}
.product-price-slider .price_slider_amount input,.product-price-slider .price_slider_amount button{
  border-radius: 5px;
  font-size: 16px;
  height: 40px;
  margin-right: 10px;  
}
.product-price-slider .price_slider_amount button {
  background: #c02500 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: inline-block;
  padding: 0 18px;
}
.price_slider_amount {
  padding: 15px 0;
  text-align: center;
}
.info_widget p {
  color: #c02500;
  margin: 10px 0 0;
}
.shop-category-reset p,.info_widget p{
    cursor: pointer
}
/*========================= 
 23.2 cat plus minus
===========================*/
.price-count-add-cart {
  display: inline-block;
  margin-bottom: 20px;
  margin-top: 20px;
  overflow: hidden;
  width: 100%;
}
.price-count-add {
  float: left;
}
.price-count-add.add-cart {
  margin-left: 22px;
}
.cart-plus-minus {
  display: block;
  overflow: hidden;
  position: relative;
  width: 110px  
}
.cart-plus-minus-box {
  border: 1px solid #bbb;
  border-radius: 10px;
  color: #555;
  height: 30px;
  text-align: center;
}
.dec, .inc {
  border: 1px solid #bbb;
  color: #777;
  font-size: 25px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 27px;
  cursor: pointer;
}
.dec {
  border-radius: 10px 0 0 10px;
  left: 0;
}
.inc {
  border-radius: 0 10px 10px 0;
  right: 0;
}
/*cart plus minus end*/
.product-details-info .products-icons button {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #bbb;
  border-radius: 10px;
  color: #bbb;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin-left: 3px;
  text-align: center;
  width: 40px;
}
.product-details-info .products-icons button:hover {
  background: #C22500;
  border-color: #C22500;
  color: #fff;
  transition: all 0.3s ease 0s;  
 }
.share-buttons li {
    display: inline-block;
}
.share-buttons {
    text-align: center;
    margin-top: 22px;
}
.share-buttons li.google a {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #bbb;
  border-radius: 2px;
  color: #db4437;
  display: inline-block;
  font-size: 16px;
  height: 20px;
  line-height: 20px;
  width: 30px;
  margin-right: 40px;  
}
.share-buttons li.twitter a,.share-buttons li.linked a {
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  width: 48px;
}
.share-buttons li.twitter a {
  background: #0c7abf none repeat scroll 0 0;
 }
.share-buttons li.linked a {
  background: #0369a0 none repeat scroll 0 0;
 }
.share-buttons li.linked i {
  border-right: 1px solid #555;
  line-height: 19px;
  padding: 0 3px 0 0;
}
.tab-list .my-abs li {
  display: inline-block;
}
.tab-list .my-abs li {
    display: inline-block;
    position: relative
}
.tab-list .my-abs li a {
    color: #000;
    display: inline-block;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 25px;
    padding: 8px 13px;
    text-transform: uppercase;
}
.single-product-info-bottom .tab-content .tab-pane {
  border: 1px solid #bbb;
  border-radius: 0 10px 10px;
  padding: 20px;
}
.tab-list .my-abs li.active::before {
  background: #f1f1f1 none repeat scroll 0 0;
  bottom: -1px;
  content: "";
  height: 1px;
  position: absolute;
  width: 100%;
}
.tab-list .my-abs li {
  border-color: #bbb;
  border-radius: 10px 10px 0 0;
  border-style: solid solid none;
  border-width: 1px;
  display: inline-block;
}
.single-product-info-bottom {
  margin-top: 30px;
}
.tab-content .tab-top-text p,.tab-content .tab-title-text p,.tab-content .tab-text-one p,.tab-content .tab-text-two p {
  color: #555;
  line-height: 22px;
}
.information-name p {
  color: #555;
  font-size: 18px;
}
.informtion-list li::before {
    content: "";
    font-family: FontAwesome;
    margin-right: 10px;
}
.informtion-list li {
    color: #555;
    line-height: 25px;
}
.tab-review-title h3 {
  color: #3b4550;
  font-size: 20px;
  margin: 0 
}
.tab-review-info ul li {
  display: inline-block;
}
.tab-review-info li.name a {
  font-size: 16px;
  margin-right: 15px;
  color: #3b4550;  
}
.tab-review-info ul li.text {
  color: #555;
  margin-left: 15px;
}
.tab-review-text p {
  color: #555;
  line-height: 30px;
}
.product-inform-list li {
  border-top: 1px solid #bbb;
  line-height: 40px;
  padding-left: 15px;
}
.product-inform-list li:first-child{
    border-top: none;
}
.product-inform-list {
  border: 1px solid #bbb;
  border-radius: 10px  
}
.product-information {
  padding: 10px;
}
.product-inform-list span {
  border-right: 1px solid #bbb;
  color: #000;
  display: inline-block;
  margin-right: 10px;
  width: 150px;
}
/*========================= 
 24. Conatct page start
===========================*/
body.contact-bg{
  background: #F1F1F1;  
}
.contact-us-name h2 {
  border-bottom: 1px solid #bbb;
  color: #404040;
  font-size: 24px;
  line-height: 50px;
  margin: 40px 0 30px;
  text-transform: uppercase;
}
.contact-us-form .container-inner {
  background: #fff none repeat scroll 0 0;
  margin-top: 30px;
  border: 1px solid #bbb;
  padding: 15px;
  border-radius: 10px;
}
.contact-form input,.contact-form textarea {
  width: 100%;
  border: 1px solid #bbb;
  padding: 10px 15px;  
}
.contact-form input {
  height: 40px;
  margin-bottom: 15px;
}
.contact-form textarea {
  height: 200px;
}
.contact-verfy {
  padding: 15px 0px;
}
.contact-verfy-input input {
  width: 150px;
}
.contact-form .contact-submitt button {
  background: #c22500 none repeat scroll 0 0;
  border: medium none;
  border-radius: 10px;
  color: #fff;
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  margin-top: 15px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  margin-bottom: 9px;
}
.contact-form .contact-submitt button:hover,.chekout-method-left .check-button button:hover,.chekout-method-right .check-login-button button:hover,.billing-button button:hover,.block-area-button button:hover,.verify-button.floatright button:hover {
  background: #555555 none repeat scroll 0 0;
}
.contact-form-title h2 {
  font-size: 24px;
  padding: 0 20px;
  text-transform: uppercase;
}
.contact-adress .container-inner {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #bbb;
  border-radius: 10px;
  margin-top: 20px;
  padding: 15px;
}
.contact-adress .adress h3 {
  font-size: 20px;
  text-transform: uppercase;
  color: #333;
  margin: 0;
  margin-bottom: 10px;
}
.contact-adress .adress p,.contact-adress .location p,.phone-number p {
  color: #555;
}
.contact-adress .location p::before,.contact-adress .mail a:before,.contact-adress .phone-number p::before {
  font-family: FontAwesome;
  color: #C22500;
  font-size: 16px;
  padding: 0px 5px;
}
.contact-adress .location p::before {
  content: "\f041 ";
}
.contact-adress .mail a:before {
  content: "\f0e0";
}
.contact-adress .phone-number p::before {
  content: "";
}
.contact-adress .mail a {
  color: #C22500;
}
.related-product-area.shop-page {
  margin-top: 50px;
}
/*========================= 
 25. Cart page start
===========================*/
.cart-table thead .width-1 {
  width: 16%;
}
.cart-table thead .width-2 {
  width: 40%;
}
.cart-table thead .width-3 {
  width: 5%;
}
.cart-table thead .width-4 {
  width: 13%;
}
.cart-table thead .width-5 {
  width: 8%;
}
.cart-table thead .width-6 {
  width: 13%;
}
.cart-table thead .width-7 {
  width: 5%;
}
.cart-table tr th {
  background: #e9e9e9 none repeat scroll 0 0;
  color: #555;
  font-size: 24px;
  font-weight: normal;
  line-height: 26px;
  padding: 8px 0;
  text-align: center;
}
.cart-table .cart-img {
  float: left;
  width: 50%;
}
.cart-table tbody {
  background: #fff none repeat scroll 0 0;
}
.cart-table tbody td {
  border-right: 1px solid #ddd;
  text-align: center
}
.cart-table tbody td:first-child {
  border-left: 1px solid #f1f1f1;
}
.cart-table tbody .table {
  border-bottom: 1px solid #f1f1f1;
}
.cart-table tbody .cart-desc span {
  color: #555;
  display: block;
  font-size: 16px;
}
.cart-table .cart-desc h3 a {
  color: #555;
  font-size: 24px;
  text-transform: uppercase;
}
.cart-table .cart-price p,.cart-subtotal p {
  color: #555;
  font-size: 16px;
  margin-top: 13px;
}
.cart-table .cart-minus .cart-minus-box {
  border: 1px solid #f1f1f1;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 50px;
}
.cart-table .cart-minus .dec.qtybutton,.cart-table .cart-minus .inc.qtybutton{
  color: #555;
  font-size: 20px;
  cursor: pointer
 }
.shopping-cart-title h2 {
  background: #f1f1f1 none repeat scroll 0 0;
/*  color: #555; */
  color:#8aa061;
  font-size: 24px;
  line-height: 50px;
  margin-top: 30px;
  padding: 0 0 0 50px;
  text-transform: uppercase;
  position: relative;
  font-weight:bold;
}
.shopping-cart-title h2::before {
  background: #DE5648 none repeat scroll 0 0;
  color: #fff;
  content: "";
  font-family: FontAwesome;
  left: 0;
  line-height: 50px;
  position: absolute;
  text-align: center;
  width: 45px;
}
.pisces-button .btn-cartpage,.disc-tag-form button,.from-coad-button button,.total-cart-button button {
  background: #de5648 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 16px;
  height: 28px;
  line-height: 28px;
  padding: 0 20px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;  
}
.pisces-button {
  margin-top: 20px;
}
.pisces-button .btn-cartpage.clear {
  margin-right: 10px;
}
.single-cart-page-title h2 {
  background: #f1f1f1 none repeat scroll 0 0;
/*  color: #555;*/
  color: #8aa061;
  font-size: 24px;
  line-height: 28px;
  padding: 10px 15px;
  font-weight:bold;
}
.cart-another-inform {
    margin-top: 65px;
}
.single-cart-item-img {
  float: left;
  padding-right: 15px;
  width: 30%;
}
.single-cart-item-desc {
  background: #f1f1f1 none repeat scroll 0 0;
  float: left;
  width: 70%;
}
.single-cart-item {
    overflow: hidden;
    margin-bottom: 30px;
}
.cart-item-text span,.single-cart-item .cart-item-text a,.add-cart .add-cart-btn,.wishlist-comoare li a,.coad-name,.cart-total-item p,.total-cart-text p {
  font-size: 16px;
}
.cart-item-text span {
  color: #de5648;
  padding-left: 10px;
}
.single-cart-item .cart-item-text a {
    color: #555;
    display: block;
    text-transform: uppercase;
    padding-left: 10px;
    line-height: 30px;
}
.single-cart-item .cart-item-text a:hover {
    color: #de5648;
}
.add-cart-icon {
  background-attachment: scroll;
  background-color: #ddd;
  background-image: url("img/cart_icon.png");
  background-position: left top;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  float: left;
  height: 40px;
  width: 40px;
  transition: all 0.3s ease 0s;  
}
.add-cart:hover .add-cart-icon {
    background-color: #DE5648;
    background-position: left bottom;
}
.cart-item-add-cart .add-cart {
  float: left;
  width: 64%;
  padding-right: 2px;  
}
.add-cart .add-cart-btn {
  background: #e7e7e7 none repeat scroll 0 0;
  display: block;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
  padding: 0 50px;  
}
.wishlist-comoare {
  float: left;
  width: 36%;
}
.cart-item-add-cart {
  margin-top: 8px;
}
.wishlist-comoare li {
  display: inline-block;
}
.wishlist-comoare li button {
  background: #e7e7e7 none repeat scroll 0 0;
  display: block;
  line-height: 40px;
  padding: 0 14px;
  border: none;
  color: #777  
}
.wishlist-comoare button:hover {
  background: #de5648 none repeat scroll 0 0;
  color: #fff;
}
.single-cart-page-item .disc-text p, .single-cart-page-item .shipping-text p{
  color: #555;
}
.disc-tag-form input,.form-coad input,.form-coad input {
  border: 1px solid #bbb;
  display: block;
  height: 28px;
  padding: 0 10px;
  width: 230px;
}
.disc-tag-form button,.from-coad-button button,.form-coad{
    margin-top: 20px;
}
body.cart-page,body.Checkout-page{
  background: #F9F9F9;   
}
.single-cart-page-item.Discount {
  background: #fff none repeat scroll 0 0;
  margin-bottom: 55px;
}
.coad-name span {
  color: #de5648;
}
.single-cart-page-desc.total {
  background: #fff none repeat scroll 0 0;
  overflow: hidden;
   color: #555;  
}
.cart-total-item h3 {
  font-size: 20px;
}
.cart-total-item span {
  float: right;
  padding-left: 30px;
}
.total-cart-text p {
  margin-top: 20px;
}
/*========================= 
 26. Checkout page start
===========================*/
.checkout-page .panel-group {
  margin-bottom: 0;
}
.pisces-panel-body {
  background: #fff none repeat scroll 0 0;
}
.chekout-left-area {
  background: #fff none repeat scroll 0 0;
}
.shopping-cart-title.extra h2::before {
  content: "";
}
.checkout-list li,.about-list li,.method-input-box label,.check-list li,.login-info label,.chekout-method-right .input-email h3,.chekout-method-right .input-password h3,.order-review .table tfoot tr td b,.block-area-button span,.category-menu ul li ul li.has-sub.open a::after,.category-menu ul li ul li.has-sub a::after,.has-sub span.holder::before,.has-sub.open span.holder::before{
  font-size: 16px;
}
.method-input-box label {
  margin-left: 10px;
  color: #555  
}
.checkout-list li,.about-list li {
  border-bottom: 1px solid #f2f2f2;
  color: #555;
  font-size: 16px;
  line-height: 22px;
  padding: 10px 0 10px 28px;
  text-transform: capitalize;
  background-image: url(img/checkout-bg.png);
  background-repeat: no-repeat;
  background-position: 8px center;
}
.pisces-panel {
  background: #f1f1f1 none repeat scroll 0 0;
  border-color: #f1f1f1;
}
.pisces-panel-title span {
  background: #de5648 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  margin-right: 15px;
  text-align: center;
  width: 25px;
}
.pisces-heading {
  padding: 0;
}
.pisces-panel-title a {
  color: #555;
  display: block;
  line-height: 28px;
  padding: 8px 10px;
  text-transform: capitalize;
}
.pisces-panel-title a {
  color: #555;
  display: block;
  line-height: 28px;
  text-transform: capitalize;
}
.chekout-method-left,.chekout-method-right {
  float: left;
  width: 50%;
  padding: 10px   
}
.pisces-panel-group .accordion-toggle:not(.collapsed){
    background: #323A45;
    color: #fff
}
.chekout-method-left h2,.chekout-method-right h2 {
  border-bottom: 1px solid #bbb;
  color: #555;
  font-size: 20px;
  line-height: 28px;
  padding-bottom: 5px;
}
.check-list li::before {
  color: #555;
  content: "";
  font-family: FontAwesome;
  font-size: 12px;
  margin-right: 10px;
}
.chekout-method-left p,.chekout-method-right .login-info p,.check-login-button p {
  line-height: 28px;
  margin: 0;
  color: #555;  
}
.chekout-method-left .check-button button,.chekout-method-right .check-login-button button,.billing-button button,.verify-button.floatright button {
  background: #de5648 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 15px;
  margin-top: 10px;
  padding: 0 26px;
  text-transform: capitalize;
  transition: all 0.3s ease 0s;
}
.block-area-button button {
  background: #de5648 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  padding: 10px 20px;
  transition: all 0.3s ease 0s;
}
.block-area-button > span {
  display: inline-block;
}
.block-area-button {
  border: 1px solid #bbb;
  display: block;
  padding: 30px 10px;
}
.chekout-method-right .input-email h3,.chekout-method-right .input-password h3,.master-card-info .name-card h3,.master-card-info .cardtype h3,.master-card-info .Expiration-date h3,.master-card-info .card-verify-number h3,.card-credit-number .credit-number-name h3{
  color: #555;
  line-height: 40px;
  margin: 0;
  text-transform: capitalize;
  font-size: 16px  
}
.chekout-method-right .input-email input,.chekout-method-right .input-password input,.master-card-info .name-card input,.card-credit-number input {
  padding: 0 10px;
  width: 233px;
}
.card-verify-number .verify-input .card-verify {
  float: left;
  margin-right: 10px;
  width: 40px;
  padding: 0 10px;  
}
.billing-inform .country-select select,.shipping-inform .country-select select,.master-card-info .master-card-type select,.master-card-month select,.master-card-year select {
  color: #555;
  padding-left: 10px;
  text-transform: capitalize;
}
.billing-inform .country-select select,.shipping-inform .country-select select,.master-card-info .master-card-type select,.master-card-month select,.master-card-year select,.card-verify-number .verify-input .card-verify,.chekout-method-right .input-email input,.chekout-method-right .input-password input,.master-card-info .name-card input,.card-credit-number input {
  border: 1px solid #bbb;
  height: 28px;
}
.chekout-method-right .input-email h3 span,.chekout-method-right .input-password h3 span,.master-card-info .name-card span,.master-card-info .card-verify-number span,.card-credit-number .credit-number-name span{
  color: #de5648;
}
.check-login-button p {
  line-height: 0;
}
.billing-inform .country-select select,.shipping-inform .country-select select,.master-card-info .master-card-type select {
  width: 238px;
}
.country-select,.master-card-info .master-card-type {
  width: 238px;
}
.country-select,.master-card-info .master-card-type,.master-card-month,.master-card-year {
  position: relative;
}
.country-select::before,.shipping-inform .country-select select:before,.master-card-info .master-card-type:before,.master-card-month:before,.master-card-year:before{
  background: #fff url("img/checkout-bg.png") no-repeat scroll 3px center;
  border-bottom: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-top: 1px solid #bbb;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  width: 18px;
}
.master-card-month select,.master-card-year select {
    width: 140px;
}
.master-card-month,.master-card-year {
  float: left;
  width: 140px;
}
.master-card-year {
  margin-left: 10px
}
.master-card-list-select,.card-verify-number {
    overflow: hidden;
}
.method-input-box p {
  margin: 0;
}
.method-input-box {
  border-bottom: 1px solid #bbb;
  padding: 10px 0;
}
.billing-button button,.billing-inform .billing-button a,.billing-button button,.shipping-inform .billing-button a,.billing-button button,.shipping-method .billing-button a,.card-verify-button a,.verify-button.floatright button{
  margin-top: 20px;
}
.billing-inform .billing-button a {
  color: #555;
  display: inline-block;
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
}
.billing-button i,.billing-inform .billing-button a:hover,.block-area-button a:hover,.card-verify-button a:hover,.card-verify-button i {
  color: #de5648;
}
.method-input-box label {
  font-weight: normal;
}
.shipping-inform .billing-button a,.shipping-method .billing-button a,.card-verify-button a {display: inline-block}
.shipping-method .large-text {
  font-size: 24px;
  margin: 0;
}
.shipping-method p,.table-responsive tbody,.table-responsive table thead th{
  color: #555;
}
/*table*/
.order-review .table p {
  margin-bottom: 0;
}
.order-review .table small {
  font-size: 100%;
}
.order-review .table {
  border: 1px solid #bbb;
  margin-top: 10px;
}
.table-responsive table thead th,.o-pro-price p,.o-pro-qty p,.o-pro-subtotal p{
  text-align: center;
}
.table-responsive tbody,.table-responsive table thead th {
  font-size: 12px;
}
.table-responsive table thead th {
  font-weight: bold;
  color:#007f25;
  border:1px solid #ddd;
}
.table-responsive tbody td {
    border-left: 1px solid #ddd;
}
.order-review table tfoot tr td {
  border-top: 0 solid #f2f2f2;
  padding: 3px 10px;
  text-align: right;
  font-size: 15px;  
}
.order-review table tfoot{
  border-top: 1px solid #bbb;
}
.order-review .table tfoot tr td b {
  color: #000;
}
/*========================= 
 27. About page start
===========================*/
body.about-us{background: #F9F9F9;}
.about-area {
  margin-top: 40px;
}
.about-title h1 {
  font-size: 38px;
  line-height: 40px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.about-title span,.client-say span,.crative-member span {
  border-bottom: 1px solid;
  color: #de5648;
}
.about-main-content p,.about-sub-text p,.client-say p,.client-attitude p,.client-skill p,.crative-member p {
  color: #555;
  font-size: 15px;
  line-height: 25px;
}
.about-list li{
  border-bottom-color: #bbb
}
.about-list li:first-child{
  border-top: 1px solid #bbb
}
.about-list {
  margin: 30px 0;
}
.about-learn a {
  border: 1px solid #de5648;
  color: #555;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 28px;
  overflow: hidden;
  padding: 10px 23px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.about-learn a:hover {
  background: #de5648;
  color: #fff  
}
.client-say h2,.crative-member h2{
  font-size: 30px;
  line-height: 44px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.client-photo > img {
  border-radius: 100%;
}
.single-client-about .client-photo {
  margin: 0 auto;
  width: 100px;
}
.client-skill p {
  font-style: italic;
}
.client-skill h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
}
.about-clien-carousel {
  padding: 80px 0 65px;
}
.about-client-list.owl-carousel .owl-dot {
  background: #de5648 none repeat scroll 0 0;
  display: inline-block;
  height: 12px;
  margin: 0 5px auto;
  opacity: 0.7;
  transform: skew(-40deg);
  width: 40px;
}
.about-client-list.owl-carousel .owl-dot.active {
  opacity: 1;
}
.member-title {
  background: rgba(222, 86, 72, 0.7) none repeat scroll 0 0;
  bottom: -100%;
  left: 0;
  padding: 2px 15px;
  position: absolute;
  transition: all 0.5s ease 0s;
  width: 100%;
}
.member-title h1,.member-title p {
   color: #fff;
   line-height: 28px;
   text-transform: capitalize;
}
.member-title h1 {
    font-size: 24px;
    margin: 0;
}
.member-title p {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: bold;
    margin: 0
}
.member-image {
    overflow: hidden;
    position: relative;
}
.single-crative-member-info:hover .member-title {
    bottom: 0;
    transition: all 0.5s ease 0s;
}
.member-text p {
  font-size: 14px;
  line-height: 22px;
  color: #555  
}
.member-info {
  border-color: #ddd;
  border-style: solid;
  border-width: 0 1px 1px;
  padding-bottom: 20px;
  padding-top: 20px;
  text-align: center;
}
.single-crative-member-info a {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-left: 2px;
    margin-right: 2px;
    width: 30px;
}
.single-crative-member-info a:hover {
    opacity: 0.8
}
.single-crative-member-info:hover .member-info {
  border-color: #de5648;
  transition: all 0.3s ease 0s;
}
.member-icon .facebook {
    background: #2e4da7 none repeat scroll 0 0;
}
.member-icon .twitter {
    background: #00aced none repeat scroll 0 0;
}
.member-icon .google {
    background: #da4835 none repeat scroll 0 0;
}
.member-icon .linkedin {
    background: #006699 none repeat scroll 0 0;
}
.crative-member-area {
  border-top: 1px dashed #bbb;
  padding-top: 65px;
}
/*========================= 
 28. Pices 404 Eror page
===========================*/
.pisces-eror-title {
  padding: 50px 0 30px;
}
@keyframes color {
    0%{color: #F7BE24;}
    10%{color: #23B4CA;}
    20%{color: #C22500;}
    30%{color: #40AF64;}
    40%{color: #6E45A7;}
    50%{color: #DE5648;}
    60%{color: #4775C9;}
    70%{color: #91C547;}
    80%{color: #5DBEDE;}
    90%{color: #A67379;}
    100%{color: #818181;}
}
.pisces-eror-title h1 {
  animation-delay: 3s;
  animation-duration: 33s;
  animation-iteration-count: 10;
  animation-name: color;
  font-size: 150px;
  font-weight: bold;
  line-height: 120px;
}
.pisces-eror-heading h2 {
  color: #333;
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 10px;
  margin-top: 18px;
  letter-spacing: 1px;  
}
.pisces-eror-heading,.pisces-eror-title,.pisces-eror-form,.pisce-back-home {
  text-align: center;
}
.pisces-eror-heading h2,.pisces-eror-heading h3{
  font-weight: normal;
  text-transform: uppercase;
}
.pisces-eror-heading h3 {
  border-bottom: 1px solid #eee;
  color: #555454;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
  padding-bottom: 19px;
}
.pisces-eror-form p {
  margin: 0 0 18px;
}
.pisces-eror-form p,.maincontent-404 .pisces-eror-form span {
  color: #555;
  font-size: 16px;
}
.maincontent-404 .pisces-eror-form span {
  display: inline;
  line-height: 30px;
  margin-right: 5px;
}
.maincontent-404 .pisces-eror-form input {
  border: 1px solid #efefef;
  border-radius: 0;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.075) inset;
  display: inline;
  height: 40px;
  margin-bottom: 20px;
  width: 30%;
}
.maincontent-404 .pisces-eror-form button {
  background: #DE5648 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  color: #fff;
  display: inline;
  font-size: 16px;
  line-height: 21px;
  margin-left: 10px;
  padding: 9px 15px 10px;
}
.maincontent-404 .pisce-back-home a {
  background: #de5648 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  height: 40px;
  margin-top: 10px;
  padding: 6px 15px;
  text-transform: capitalize;
}
body.eror {
  background: #f9f9f9 none repeat scroll 0 0;
}
/*========================= 
 29. Mobile menu
===========================*/
.mobile-menu-area {
  display: none;
}
.header-area .mobile-menu-area.home1 ul li:hover a,.header-area .mobile-menu-area.home2 ul li:hover a{
  color: #fff;
}
.mean-container .mean-nav ul li a.mean-expand {
  background: #000 none repeat scroll 0 0;
  height: 23px;
}
.mean-container .mean-nav ul li a {
  background: #0c1923 none repeat scroll 0 0;
  color: #fff;
}
.mobile-menu-area.home4 .mean-container .mean-bar{
    background: #90816E;
}
.mobile-menu-area {
  background: #DADADA;
}
.mobile-menu-area.home4 {
  background: none;
}
.mean-container .mean-bar {
  /*background: #4e90fe;*/
  background: #0b1239;
}
.mean-container .mean-nav ul li li a {
  background: #0c1923;
  color: #fff;
}
/*========================= 
 30. scrollpu
===========================*/
#scrollUp {
  background: #bbb none repeat scroll 0 0;
  bottom: 20px;
  color: #777;
  display: inline-block;
  font-size: 26px;
  height: 55px;
  line-height: 55px;
  right: 20px;
  text-align: center;
  width: 55px;
}
#scrollUp:hover{
  background: #c22500;
  color: #fff}
  
.thankstext {
  font-size: 17px;
  margin-left: 15px;
  margin-top: 17px;
  display: block;
}
img.avatar {
    width: 30%;
    /* border-radius: 50%; */
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-top: 60px;
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 95%; /* Could be more or less, depending on screen size */
	font-size: 20px;
}
.modal-content2 {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 50%; /* Could be more or less, depending on screen size */
	font-size: 20px;
}

.greybttn {
	list-style: none;
	display: inline;
	padding-right: 5px;
}
.active {
	list-style: none;
	display: inline;
	padding-right: 5px;
}
.normal {
	list-style: none;
	display: inline;
	padding-right: 5px;
}
.paging-dist{
	font-size:12px !important;
}