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

    Template: Shopzone
	Css Name: Main Css
	Version: 1
	Design and Developed by:Shopzone Theme

==============================================
    
    CSS INDEX
    ===================
	
    1. Default Google Font
	2. Category Banner
	3. Section Titel Css
	4. Deal For Month
	5. This Month Top Sale
	6. Adds Area
	7. Product Tab
	8. Newsletter
	10. Blog Area
	11. Service Area
	12. Client Area
	13. Testimonail Area
	14. On Sale Product
	15. Fotter Area
	16. Banner Area
	17. Shop Grid Page
	18. Single Product Page
	19. CHECHOUT-PAGE
	20. WISHLIST-AREA
	21. Account page
	22. CART PAGE
	23. ACCOUNT LOG IN
	24. Contact Us
	25. 404 Error
	26. Blog Details Page
	27. Quick Veiw CSS
	28. ScrollUp

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

/* ============= 1. Default Google Font ============= */
	@import url('https://fonts.googleapis.com/css?family=Lobster|Lobster+Two:400,400i,700,700i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Roboto:100,300,400,500,700,900');
	@import url('https://fonts.googleapis.com/css?family=Exo+2:100,200,300,400,500,600,800,900');
/* ============= 2. Category Banner ============= */

/* ============= 3. Section Titel Css ============= */
.section-titel {
  position:relative;
  display:block;
}
.section-titel > h3 {
  margin: 0;
  font-weight:700;
  color:444;
}
.section-titel::after {
  background: #fff none repeat scroll 0 0;
  bottom: -15px;
  content: "";
  height: 1px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 440px;
}
.section-titel::before {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #e9ebee;
  background-image: url("img/icon/section.png");
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: no-repeat;
  bottom: -36px;
  color: #595959;
  content: "";
  font-size: 16px;
  font-weight: 700;
  height: 30px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 30px;
  z-index: 999;
}
.section-titel.style-two::after {
  background: #ff0000 none repeat scroll 0 0;
}
.section-titel.style-two::before {
  background-color: #fff;
}

/* ============= 4. Deal For Month ============= */


/* ============= 5. This Month Top Sale ============= */
.product-details > h4 {
  margin: 0 0 5px;
}
.product-details > h4 a{
  color: #262626;
  font-family: open sans;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}
.product-details > h4 a:hover{color:#ff0000;}
.product-details h4 span {
  color: #999999;
  float: right;
  font-family: open sans;
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 5px;
}
.rating-box i {
  color: #ff0000;
  font-size: 10px;
}
.price-box {
  margin-top: 5px;
}
.old-price,.new-price {
  color: #999999;
  font-family: open sans;
  font-size: 17px;
  font-weight: 700;
}
.new-price {
  color: #262626;
}
.single-img,.single-product {
  display: block;
  overflow: hidden;
  position: relative;
  cursor:pointer;
}
.pro-level {
  background: #ff0000 none repeat scroll 0 0;
  color: #fff;
  left: 0;
  padding: 10px 12px;
  position: absolute;
  top: 0;
  z-index: 999;
}
.hover-content {
  background: rgba(0, 0, 0, 0.25);
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  opacity:0;
  transition:.4s;
  transform: scale(2);
}
.single-product:hover .hover-content {
  opacity: 1;
  transform: scale(1);
}
.single-img img {
  backface-visibility: hidden;
  transition: opacity 1s ease 0s, transform 1s ease 0s;
}
.single-product:hover .single-img img {
  transform: scale3d(1.2, 1.2, 2);
}
.hover-content ul {
  margin: 65px auto;
  opacity: 0;
  text-align: center;
  transform: translatex(-65px);
  transition: all 0.4s ease 0s;
  width: 20px;
}
.single-product:hover .hover-content ul {
  opacity: 1;
  transform: translatex(0px);
}
.hover-content ul li a {
  background: transparent none repeat scroll 0 0;
  border-radius: 100%;
  color: #fff;
  font-size: 18px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  transition: all 0.4s ease 0s;
  width: 35px;
  display:block;
}
.hover-content ul li a:hover {
  background: #ff0000 none repeat scroll 0 0;
}
/* Product Owl Theme */
.top-sale-month-area .owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  right: 25px;
  top: -130px;
}
.top-sale-month-area .owl-theme .owl-nav [class*="owl-"] {
  background: transparent none repeat scroll 0 0;
  border-radius: 3px;
  color: #ff0000;
  cursor: pointer;
  font-size: 39.84pt;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 30px;
  transition:.3s;
}
.top-sale-month-area .owl-theme .owl-nav [class*="owl-"]:hover {
  background: transparent;
  color: #444444;
  text-decoration: none;
}

/* ============= 6. Adds Area ============= */

/* ============= 7. Product Tab ============= */
.tab-menu {
  display: block;
  margin-bottom: 86px;
  position: relative;
}
.tab-menu.section-titel::after {
  background: #fff none repeat scroll 0 0;
  bottom: -15px;
  content: "";
  height: 1px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 55px;
  width: 565px;
}
.tab-menu.section-titel.style-two::after {
  background: #ff0000 none repeat scroll 0 0;
}
.tab-menu ul li a {
  font-family: roboto;
  font-size: 26px;
  font-weight: 700;
  margin-right: 58px;
  transition:.3s;
}
.tab-menu ul li.active a {
  color: #ff0000;
}
.style-two .hover-content ul {
  left: 0;
  margin: 0 auto;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 30%;
  transform: translateX(-65px);
  transition: all 0.4s ease 0s;
  width: 20px;
}
.style-two .hover-content {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}

/* ============= 8. Newsletter ============= */

/* ============= 9. Instragram Feed ============= */

/* ============= 11. Service Area ============= */

/* ============= 12. Client Area ============= */

/* ============= 13. Testimonail Area ============= */

/* ============= 14. On Sale Product ============= */


/* ============= 15. Fotter Area ============= */

/* ============= 16. Banner Area ============= */

/* ============= 17. Shop Grid Page ============= */

/* Price Filter Slider */

/* Arrival Product Content */

/* ============= 18. Single Product Page ============= */
.breadcrumbs ul li a,.breadcrumbs ul li span {
  color: #999999;
  font-size: 14pt;
  font-weight: 700;
}
.breadcrumbs li.category3 span{color:#444444;}

/* Zooming Product Css */
.simpleLens-container{
  display: table;
  position: relative;
}
.simpleLens-big-image-container {
  text-align: center;
  position:relative;
}
.simpleLens-big-image {
  max-width: 100%;
}
.simpleLens-lens-image {
  text-align: center;
  margin:0;
  box-shadow:none;
}
.simpleLens-mouse-cursor{
  background-color:#CCC;
  opacity:0.2;
  filter: alpha(opacity = 20);
  position:absolute;
  top:0;
  left:0;
  border:1px solid #999;
  box-shadow:0 0 2px 2px #999;
  cursor:none;
}
.simpleLens-lens-element {
  background-color: #FFFFFF;
  box-shadow: 0 0 2px 2px #8E8E8E;
  height: 400px;
  left: 105%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 480px;
  z-index: 9999;
  text-align: center;
}
.simpleLens-lens-element img{
  position:relative;
  top:0;
  left:0;
  width:auto !important;
  max-width:none !important;
}
/* Pro Image Tab */
.pro-img-tab-content {
  margin-bottom: 30px;
}
.singlepro-left .owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  top: 38px;
  width: 100%;
}
.singlepro-left .owl-theme .owl-nav [class*="owl-"] {
  background: #f6f6f6 none repeat scroll 0 0;
  border-radius: 0;
  color: #ff0000;
  cursor: pointer;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  padding: 6px 2px;
}
.singlepro-left .owl-prev {
  left: 0;
  position: absolute;
}
.singlepro-left .owl-next {
  position: absolute;
  right: 0;
}
/* Single Product Right Content */
.singlepro-right {
  padding-left: 95px;
}
.input-content label {
  float: left;
  font-size: 14px;
  font-weight: normal;
  margin-right: 10px;
  padding: 8px 0 0;
}
.input-content .inc.qtybutton, .input-content .dec.qtybutton {
  background: #f6f6f6 none repeat scroll 0 0;
  cursor: pointer;
  float: left;
  font-size: 22px;
  height: 40px;
  line-height: 35px;
  text-align: center;
  transition: all 0.4s ease 0s;
  width: 5%;
}
.input-content input.cart-plus-minus-box {
  -moz-appearance: textfield;
  background: #f6f6f6 none repeat scroll 0 0;
  border: medium none;
  color: #777;
  float: left;
  font-size: 14px;
  height: 40px;
  line-height: 14px;
  padding: 8px;
  transition: all 0.3s ease 0s;
  width: 5%;
  text-align: center;
}
.snglepro-content > span {
  color: #999999;
  font-size: 12pt;
}
.snglepro-content > h3 {
  color: #262626;
  font-size: 36pt;
  font-weight: normal;
  margin: 20px 0 33px;
}
.rating-box > span {
  color: #343434;
  font-size: 14pt;
  margin-left: 20px;
}
.prce-stock {
  display: block;
  margin-bottom: 40px;
  margin-top: 40px;
  overflow: hidden;
  width: 100%;
}
.prce-stock > h4 {
  color: #222222;
  display: inline-block;
  float: left;
  font-size: 24pt;
  margin: 0;
}
.prce-stock h6 {
  color: #ff0000;
  display: block;
  font-family: open sans;
  font-size: 14pt;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 7px;
  overflow: hidden;
  padding-left: 20px;
}
.pro-info {
  display: block;
  margin-bottom: 40px;
  margin-top: 40px;
  overflow: hidden;
}
.pro-info ul li {
  color: #666666;
  display: block;
  font-size: 14pt;
  margin-bottom: 8px;
}
.input-content label {
  color: #333333;
  float: left;
  font-size: 14pt;
  font-weight: normal;
  margin: 0 20px 0 0;
}
.input-content {
  display: block;
  overflow: hidden;
}
.sngle-pro-socl ul li a {
  color: #ff0000;
  font-size: 20pt;
  margin-right: 25px;
}
.sngle-pro-socl ul li a:hover{color:#303030;}
/* Product Discription */
.pro-disciptin {
  border-top: 1px solid #ddd;
}
.p-details-tab ul li a {
  color: #b5b5b5;
  display: block;
  font-size: 20pt;
  font-weight: 600;
  margin-right: 25px;
  padding: 25px 0;
  text-transform: uppercase;
}
.p-details-tab ul li.active a {
  border-top-color: #ff0000;
  border-top-style: solid;
  color: #ff0000;
}
#description > p,#cutomer > p{
  color: #666666;
  font-size: 14pt;
  line-height: 30px;
  margin: 0;
}
.product-details .tab-content p {
  line-height: 22px;
}
.review-left p {
  margin-bottom: 5px;
}
.product-details p {
  display: inline-block;
}
.review-left a {
  color: #444444;
}
.review-left p span {
  font-weight: 700;
}
.review-rating > p {
  font-size: 11px;
  text-transform: capitalize;
  width: 41px;
  display: inline-block;
  float: left;
  margin-bottom: 5px;
}
.review-right > h3 {
  color: #232323;
  font-size: 13px;
  font-weight: 400;
}
.review-right > h4 {
  color: #232323;
  font-size: 12px;
  font-weight: 500;
}
.p-details-table table {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #f2f2f2;
  width: 100%;
}
.p-details-table table thead th {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}
.p-details-table table th {
  border-bottom: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
}
.p-details-table table tr td {
  border-bottom: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
}
.p-details-table table td, .p-details-table table th {
  padding: 13px 9px;
}
.p-details-table table tbody th {
  font-size: 16px;
  font-weight: 400;
}
.product-tag-name .form-group label {
  display: block;
  overflow: hidden;
}
.form-top label {
  color: #666666;
  font-weight: normal;
  margin: 0 0 5px;
}
.product-details-area .form-control {
  border: 1px solid #e1e1e1;
  border-radius: 0;
  box-shadow: none;
  color: #666666;
  font-size: 12px;
  min-height: 25px;
  padding: 0 10px;
}
#tags .product-tag-name .form-top .form-control {
  float: left;
  margin: 0 5px 5px 0;
  padding: 0;
  width: 200px;
  height: 40px;
}
.product-tag-name .add-tag-btn {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e6e8e9;
  border-radius: 23px;
  color: #444444;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  padding: 6px 25px;
  text-transform: uppercase;
  transition: background 0.3s ease 0s, color 0.2s ease 0s;
}
.product-tag-name > p {
  font-size: 11px;
  margin: 0;
}
.review-rating {
  display: block;
  overflow: hidden;
  width: 100%;
}
.review-rating .rating i {
  color: #ff0000;
}
.p-details-table table tr td input {
  height: auto;
}

/* ============= 19. CHECHOUT-PAGE  ============= */

/* ============= 20. WISHLIST-AREA  ============= */

/* ============= 21. Account page  ============= */

/* ============= 22. CART PAGE  ============= */

/* ============= 23. ACCOUNT LOG IN  ============= */

/* ============= 24. Contact Us  ============= */

/* ============= 25. 404 Error   ============= */

/* ============= 26. Blog Details Page  ============= */

/* ============= 27. Quick Veiw CSS   ============= */

/* ============= 28. ScrollUp   ============= */
#scrollUp {
  background: #ff0000 none repeat scroll 0 0;
  border-radius: 0px;
  bottom: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  color: #fff;
  font-size: 28px;
  height: 40px;
  line-height: 35px;
  position: fixed;
  right: 15px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 40px;
  z-index: 200;
}
#scrollUp:hover{background:#303030;}