/*----------------------------------------*/
/*  06. Single Product CSS
/*----------------------------------------*/
/*-- Large Product Image --*/
.pro-large-img {overflow: hidden; width: 100%; border: 1px solid #ccc}
.pro-large-img a {display: block}
.pro-large-img a img {width: 100%; position: static !important}
.pro-large-img img {-webkit-transition: none; -o-transition: none; transition: none}

/*-- Product Thumbnail --*/
.pro-thumb-img {margin: 10px -5px 0; /*-- Arrow --*/ }
.pro-thumb-img li {padding: 0 5px}
.pro-thumb-img li a {display: block}
.pro-thumb-img li a img {width: 100px}
.pro-thumb-img .slick-arrow {position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; border: none; background-color: #ab5f1a; color: #4a4a4a; border-radius: 50px; padding: 0; text-align: center; z-index: 2}
.pro-thumb-img .slick-arrow i {font-size: 16px; line-height: 30px}
.pro-thumb-img .slick-arrow.slick-prev {left: -10px}
.pro-thumb-img .slick-arrow.slick-next {right: -10px}

/*-- Hide product price --*/
.fa-shopping-cart,
.single-product-content .buttons, 
.single-product-content .quantity-colors,
.price
{
  display: none !important;
}

/*-- Single Product Content --*/
.single-product-content {/*-- Head --*/
/*-- Description --*/
/*-- Availability --*/
/*-- Quantity & Colors --*/
/*-- Actions --*/
/*-- Tags --*/
/*-- Share --*/ }
.single-product-content .head {overflow: hidden; margin-bottom: 20px; /*-- Head Left --*/
/*-- Head Right--*/ }
.single-product-content .head .head-left {width: 100%; /*-- Title --*/
/*-- Ratting --*/ }
.single-product-content .head .head-left .title {margin-bottom: 8px; font-weight: 400; font-size: 24px}
.single-product-content .head .head-left .ratting {float: left; width: 100%}
.single-product-content .head .head-left .ratting i {color: #ab5f1a; font-size: 16px; line-height: 1; float: left; margin-right: 3px}
.single-product-content .head .head-left .ratting i:last-child {margin-right: 0}
.single-product-content .head .head-right {float: right; margin-top: 10px}
.single-product-content .head .head-right .price {display: block; font-size: 24px; font-weight: 400; color: #ab5f1a}
@media only screen and (max-width: 479px) {
	.single-product-content .head .head-right {float: left; width: 100%; margin-top: 15px}
}
.single-product-content .description {margin-bottom: 25px; font-size: 16px}
.single-product-content .description p {font-size: 16px; line-height: 28px}
.single-product-content .availability {display: block; font-size: 15px; font-weight: 600; color: #4a4a4a; margin-bottom: 30px}
.single-product-content .availability span {margin-left: 10px}
.single-product-content .quantity-colors {margin-bottom: 15px; overflow: hidden; /*-- Quantity --*/
/*-- Colors --*/ }
.single-product-content .quantity-colors .quantity {overflow: hidden; float: left; width: 50%; margin-bottom: 15px}
.single-product-content .quantity-colors .quantity h5 {display: block; font-size: 16px; font-weight: 400; color: #4a4a4a; float: left; margin-right: 15px; margin-bottom: 0; line-height: 24px; padding: 5px 0}
.single-product-content .quantity-colors .quantity .pro-qty {width: 100px; padding: 0 30px; float: left; border: 1px solid #cccccc; position: relative; border-radius: 50px}
.single-product-content .quantity-colors .quantity .pro-qty .qtybtn {position: absolute; top: 0; width: 30px; text-align: center; color: #4a4a4a; cursor: pointer}
.single-product-content .quantity-colors .quantity .pro-qty .qtybtn i {font-size: 10px; line-height: 34px}
.single-product-content .quantity-colors .quantity .pro-qty .qtybtn.dec {left: 0}
.single-product-content .quantity-colors .quantity .pro-qty .qtybtn.inc {right: 0}
.single-product-content .quantity-colors .quantity .pro-qty input {width: 100%; border: none; border-width: 0 1px; height: 34px; text-align: center}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-product-content .quantity-colors .quantity h5 {width: 100%; float: left; margin-bottom: 10px}
}
.single-product-content .quantity-colors .colors {overflow: hidden; float: left; width: 50%; margin-bottom: 15px}
.single-product-content .quantity-colors .colors h5 {display: block; font-size: 16px; font-weight: 400; color: #4a4a4a; float: left; margin-right: 15px; margin-bottom: 0; line-height: 24px; padding: 5px 0}
.single-product-content .quantity-colors .colors .color-options .input_type_radio {overflow: hidden; float: left; cursor: pointer}
.single-product-content .quantity-colors .colors .color-options button {width: 30px; height: 30px; border-radius: 50px; border: none; margin-right: 10px; margin-top: 2px; margin-bottom: 2px; float: left}
.single-product-content .quantity-colors .colors .color-options button:last-child {margin-right: 0}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-product-content .quantity-colors .colors h5 {width: 100%; float: left; margin-bottom: 10px}
}
.single-product-content .actions {overflow: hidden; width: 100%; margin-bottom: 30px}
.single-product-content .actions button {float: left; height: 44px; padding: 10px 30px; border: none; background-color: #ab5f1a; color: #fff; border-radius: 50px; margin-right: 10px; transition: .3s}
.single-product-content .actions button:last-child {margin-right: 0}
.single-product-content .actions button.box {width: 44px; padding: 10px}
.single-product-content .actions button.box i {margin: 0; float: none}
.single-product-content .actions button i {display: block; margin-right: 10px; font-size: 18px; line-height: 24px; float: left}
.single-product-content .actions button span {display: block; float: left; font-weight: 400; text-transform: uppercase; margin-top: -2px}
.single-product-content .actions button:hover {background-color: #4a4a4a}
@media only screen and (max-width: 479px) {
	.single-product-content .actions button {padding: 10px 20px}
	.single-product-content .actions button i {font-size: 16px}
	.single-product-content .actions button span {font-size: 13px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-product-content .actions button {margin-right: 5px}
	.single-product-content .actions button:last-child {margin-right: 0}
}
.single-product-content .tags {overflow: hidden; width: 100%; margin-bottom: 20px}
.single-product-content .tags h5 {display: block; font-size: 15px; font-weight: 600; color: #4a4a4a; float: left; margin-right: 15px; margin-bottom: 0; line-height: 24px}
.single-product-content .tags a {margin-right: 10px; margin-bottom: 10px}
.single-product-content .tags a:last-child {margin: 0}
.single-product-content .tags a:hover {color: #ab5f1a}
.single-product-content .share {overflow: hidden; width: 100%}
.single-product-content .share h5 {display: block; font-size: 16px; font-weight: 400; color: #4a4a4a; float: left; margin-right: 15px; margin-bottom: 0; line-height: 32px}
.single-product-content .share a {margin-right: 10px; font-size: 29px; line-height: 29px}
.single-product-content .share a:last-child {margin: 0}
.single-product-content .share a:hover {color: #4a4a4a}

/*-- Info Tab List --*/
.pro-info-tab-list {border-bottom: 1px solid #ddd; margin-bottom: 20px; margin-top: 40px}
.pro-info-tab-list li {bottom: -1px; display: block; float: left; margin-right: 30px; position: relative; z-index: 2}
.pro-info-tab-list li:last-child {margin-right: 0}
.pro-info-tab-list li a {border-bottom: 2px solid transparent; color: #4a4a4a; display: block; font-size: 18px; font-weight: 500; line-height: 14px; padding-bottom: 15px; text-transform: uppercase}
.pro-info-tab-list li a.active {border-bottom: 2px solid #ab5f1a; color: #ab5f1a}
.pro-info-tab-list li a:hover {text-decoration: none; color: #ab5f1a}
@media only screen and (max-width: 479px) {
	.pro-info-tab-list li {margin-right: 25px}
	.pro-info-tab-list li:last-child {margin-right: 0}
	.pro-info-tab-list li a {font-size: 14px; padding-bottom: 10px}
}

/*-- Info Tab Content --*/
.pro-info-tab p {font-size: 17px}
.pro-info-tab p:last-child {margin: 0}

.pro-info-tab a {background-color: #282828; border: 0 none; color: #fff; display: inline-block; font-size: 13px; font-weight: 400; margin: 0; padding: 10px 15px; text-shadow: none; text-transform: uppercase}

.table-data-sheet {background: #fff none repeat scroll 0 0; border-bottom: 1px solid #ebebeb; margin: 0; width: 100%}
.table-data-sheet tr {border-top: 1px solid #ebebeb}
.table-data-sheet tr td {padding: 10px 20px 11px}
.table-data-sheet tr td:first-child {border-right: 1px solid #ebebeb; color: #333; font-weight: 700; width: 30%}
.table-data-sheet tr.even {background-color: #fdfdfd}

/*-- Related Product Slider --*/
.related-product-slider .slick-arrow {position: absolute; top: 50%; width: 40px; height: 40px; border: none; background-color: #ab5f1a; color: #4a4a4a; margin-top: -20px; border-radius: 50px; z-index: 3; opacity: 0}
.related-product-slider .slick-arrow.slick-prev {left: 15px}
.related-product-slider .slick-arrow.slick-next {right: 15px}
.related-product-slider .slick-arrow i {font-size: 24px; line-height: 40px; display: block}

.related-product-slider:hover .slick-arrow {opacity: 1}
.related-product-slider:hover .slick-arrow.slick-prev {left: -5px}
.related-product-slider:hover .slick-arrow.slick-next {right: -5px}

/*---------------------------------------
07. Cart CSS
-----------------------------------------*/
/*-- Cart Table --*/
.cart-table table {border-color: #ddd; border-radius: 0; border-style: solid; border-width: 1px 0 0 1px; margin: 0; text-align: center; width: 100%}
.cart-table table thead tr th {border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-top: medium none; font-weight: 500; padding: 15px; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; font-size: 13px}
.cart-table table tbody tr td {border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 15px; vertical-align: middle}
.cart-table table tbody tr td.pro-thumbnail {width: 100px}
.cart-table table tbody tr td.pro-thumbnail a {display: block; min-width: 100px}
.cart-table table tbody tr td.pro-thumbnail a img {width: 100%}
.cart-table table tbody tr td.pro-title {width: 320px}
.cart-table table tbody tr td.pro-title a {color: #ab5f1a; display: block; font-size: 17px; margin: 0; font-weight: 400}
.cart-table table tbody tr td.pro-title a:hover {color: #4a4a4a}
.cart-table table tbody tr td.pro-price {width: 130px}
.cart-table table tbody tr td.pro-price .amount {font-size: 17px; color: #4a4a4a; font-weight: 400}
.cart-table table tbody tr td.pro-quantity {width: 180px}
.cart-table table tbody tr td.pro-quantity .pro-qty {width: 100px; padding: 0 30px; border: 1px solid #cccccc; position: relative; border-radius: 50px; margin: auto}
.cart-table table tbody tr td.pro-quantity .pro-qty .qtybtn {position: absolute; top: 0; width: 30px; text-align: center; color: #4a4a4a; cursor: pointer}
.cart-table table tbody tr td.pro-quantity .pro-qty .qtybtn i {font-size: 10px; line-height: 34px}
.cart-table table tbody tr td.pro-quantity .pro-qty .qtybtn.dec {left: 0}
.cart-table table tbody tr td.pro-quantity .pro-qty .qtybtn.inc {right: 0}
.cart-table table tbody tr td.pro-quantity .pro-qty input {width: 100%; border: none; border-width: 0 1px; height: 34px; text-align: center}
.cart-table table tbody tr td.pro-subtotal {width: 120px; font-size: 17px; color: #4a4a4a; font-weight: 400}
.cart-table table tbody tr td.pro-add-cart a {background-color: #4a4a4a; border: medium none; color: #fff; display: inline-block; font-size: 14px; font-weight: 600; height: 40px; line-height: 24px; padding: 8px 25px; border-radius: 50px; text-transform: uppercase; white-space: nowrap; font-weight: 600}
.cart-table table tbody tr td.pro-add-cart a:hover {background-color: #ab5f1a}
.cart-table table tbody tr td.pro-remove {width: 100px}
.cart-table table tbody tr td.pro-remove a {font-size: 17px; color: #ab5f1a}
.cart-table table tbody tr td.pro-remove a:hover {color: #4a4a4a; text-decoration: none}

/*-- Wishlist Table --*/
.cartwishlist table {border-color: #ddd; border-radius: 0; border-style: solid; border-width: 1px 0 0 1px; margin: 0; text-align: center; width: 100%}
.cartwishlist table thead tr th {border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-top: medium none; font-weight: 500; padding: 15px; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; font-size: 13px}
.cartwishlist table tbody tr td {border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 15px; vertical-align: middle}
.cartwishlist table tbody tr td.pro-thumbnail {width: 100px}
.cartwishlist table tbody tr td.pro-thumbnail a {display: block; min-width: 100px}
.cartwishlist table tbody tr td.pro-thumbnail a img {width: 100%}
.cartwishlist table tbody tr td.pro-title {width: 270px}
.cartwishlist table tbody tr td.pro-title a {color: #4a4a4a; display: block; font-size: 17px; margin: 0; font-weight: 400}
.cartwishlist table tbody tr td.pro-title a:hover {color: #ab5f1a; text-decoration: none}
.cartwishlist table tbody tr td.pro-price {width: 130px}
.cartwishlist table tbody tr td.pro-price .amount {font-size: 17px; color: #ab5f1a; font-weight: 600}
.cartwishlist table tbody tr td.pro-quantity {width: 180px}
.cartwishlist table tbody tr td.pro-quantity .pro-qty {width: 100px; padding: 0 30px; border: 1px solid #cccccc; position: relative; border-radius: 50px; margin: auto}
.cartwishlist table tbody tr td.pro-quantity .pro-qty .qtybtn {position: absolute; top: 0; width: 30px; text-align: center; color: #4a4a4a; cursor: pointer}
.cartwishlist table tbody tr td.pro-quantity .pro-qty .qtybtn i {font-size: 10px; line-height: 34px}
.cartwishlist table tbody tr td.pro-quantity .pro-qty .qtybtn.dec {left: 0}
.cartwishlist table tbody tr td.pro-quantity .pro-qty .qtybtn.inc {right: 0}
.cartwishlist table tbody tr td.pro-quantity .pro-qty input {width: 100%; border: none; border-width: 0 1px; height: 34px; text-align: center}
.cartwishlist table tbody tr td.pro-subtotal {width: 120px; font-size: 17px; color: #ab5f1a; font-weight: 600}
.cartwishlist table tbody tr td.pro-add-cart a {background-color: #4a4a4a; border: medium none; color: #fff; display: inline-block; font-size: 14px; font-weight: 600; height: 40px; line-height: 24px; padding: 8px 25px; border-radius: 50px; text-transform: uppercase; white-space: nowrap; font-weight: 600}
.cartwishlist table tbody tr td.pro-add-cart a:hover {background-color: #ab5f1a}
.cartwishlist table tbody tr td.pro-remove {width: 150px}
.cartwishlist table tbody tr td.pro-remove a {font-size: 45px; color: #4a4a4a}
.cartwishlist table tbody tr td.pro-remove a:hover {color: #ab5f1a; text-decoration: none}

/*-- Cart Buttons --*/
.cart-buttons {overflow: hidden}
.cart-buttons input, .cart-buttons a {background-color: #4a4a4a; border: medium none; border-radius: 50px; color: #ffffff; display: block; float: left; font-size: 14px; font-weight: 600; height: 40px; line-height: 24px; margin-bottom: 10px; margin-right: 15px; padding: 8px 25px; text-transform: uppercase}
.cart-buttons input:hover, .cart-buttons a:hover {background-color: #ab5f1a; color: #fff}

/*-- Cart Coupon --*/
.cart-coupon {overflow: hidden}
.cart-coupon h4 {font-size: 18px; line-height: 13px; margin-bottom: 15px; font-weight: 600}
.cart-coupon p {font-size: 14px; line-height: 24px}
.cart-coupon .cuppon-form {position: relative; padding-right: 142px; max-width: 300px; width: 100%; border: 1px solid #ddd; float: left; border-radius: 50px}
.cart-coupon .cuppon-form input[type="text"] {border: 1px solid transparent; float: left; font-size: 14px; height: 40px; max-width: 100%; padding: 7px 15px; width: 100%; border-radius: 50px}
.cart-coupon .cuppon-form input[type="submit"] {background-color: #4a4a4a; border: medium none; color: #fff; display: block; float: left; font-size: 14px; font-weight: 600; height: 40px; line-height: 24px; padding: 8px 25px; text-transform: uppercase; border-radius: 50px; position: absolute; right: 0; top: 0}
.cart-coupon .cuppon-form input[type="submit"]:hover {background-color: #ab5f1a}

/*-- Cart Total --*/
.cart-total {text-align: right}
.cart-total h3 {border-bottom: 1px solid #ddd; font-size: 24px; line-height: 18px; margin-bottom: 30px; padding-bottom: 10px; font-weight: 600}
.cart-total table {border: medium none; margin: 0; text-align: right}
.cart-total table tr th {font-size: 14px; font-weight: 700; text-align: left; text-transform: uppercase; vertical-align: top; width: 120px; line-height: 30px}
.cart-total table tr td {font-size: 13px; font-weight: 500; padding: 0 0 12px; vertical-align: top}
.cart-total table tr td .amount {display: block; text-transform: initial}
.cart-total table tr.order-total td {font-size: 20px; padding: 0; text-transform: uppercase}
.proceed-to-checkout a {background-color: #4a4a4a; border: medium none; color: #fff; display: inline-block; font-size: 14px; font-weight: 600; height: 40px; line-height: 24px; padding: 8px 25px; border-radius: 50px; text-transform: uppercase; margin-top: 0px}
.proceed-to-checkout {text-align: left; float: right}
.proceed-to-checkout a:hover {background-color: #ab5f1a; color: #fff}

/*---------------------------------------
08. Checkout CSS
-----------------------------------------*/
/*-- Checkout Title --*/
.checkout-title {font-size: 20px; line-height: 23px; font-weight: 600; text-transform: capitalize; margin-bottom: 30px}
/*-- Checkout Form --*/
.checkout-form label {display: block; font-size: 14px; margin-bottom: 12px; font-weight: 600; text-transform: capitalize; color: #4a4a4a}
.checkout-form .nice-select {width: 100%; background-color: transparent; border: 1px solid #666666; border-radius: 50px; line-height: 23px; padding: 10px 20px; font-size: 14px; height: 45px; color: #4a4a4a; margin-bottom: 15px}
.checkout-form .nice-select::after {width: 6px; height: 6px; border-width: 1px; right: 20px; border-color: #333333}
.checkout-form .nice-select .current {color: #4a4a4a; display: block; line-height: 23px}
.checkout-form .nice-select .list {width: 100%}

.checkout-form input {width: 100%; background-color: transparent; border: 1px solid #666666; border-radius: 50px; line-height: 23px; padding: 10px 20px; font-size: 14px; color: #4a4a4a; margin-bottom: 15px}
.checkout-form input[type="checkbox"] {width: auto}

.checkout-form .check-box {float: left; margin-right: 70px}
.checkout-form .check-box:last-child {margin-right: 0}
.checkout-form .check-box input[type="checkbox"] {display: none}
.checkout-form .check-box input[type="checkbox"] + label {position: relative; padding-left: 30px; line-height: 20px; font-size: 14px; font-weight: 400; color: #4a4a4a; margin: 0}
.checkout-form .check-box input[type="checkbox"] + label::before {position: absolute; left: 0; top: 0; width: 20px; height: 20px; display: block; border: 2px solid #666666; content: ""; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s}
.checkout-form .check-box input[type="checkbox"] + label::after {position: absolute; left: 0; top: 0; display: block; content: "\f00c"; font-family: Fontawesome; font-size: 12px; line-height: 20px; opacity: 0; color: #4a4a4a; width: 20px; text-align: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s}
.checkout-form .check-box input[type="checkbox"]:checked + label::before {border: 2px solid #4a4a4a}
.checkout-form .check-box input[type="checkbox"]:checked + label::after {opacity: 1}

/*-- Shipping Form --*/
#shipping-form {display: none}

/*-- Checkout Cart Total --*/
.checkout-cart-total {background-color: #f6f7f8; padding: 45px}
@media only screen and (max-width: 479px) {
	.checkout-cart-total {padding: 30px}
}
.checkout-cart-total h4 {-ms-flex-preferred-size: 18px; flex-basis: 18px; line-height: 23px; font-weight: 600}
.checkout-cart-total h4:first-child {margin-top: 0; margin-bottom: 25px}
.checkout-cart-total h4:last-child {margin-top: 15px; margin-bottom: 0}
.checkout-cart-total h4 span {float: right; display: block}
.checkout-cart-total ul {border-bottom: 1px solid #666666}
.checkout-cart-total ul li {color: #333333; font-size: 14px; line-height: 23px; display: block; margin-bottom: 16px}
.checkout-cart-total ul li span {color: #4a4a4a; float: right}
@media only screen and (max-width: 479px) {.checkout-cart-total ul li {position: relative; padding-right: 60px}
.checkout-cart-total ul li span {position: absolute; right: 0; top: 0}
}
.checkout-cart-total p {font-size: 14px; line-height: 30px; color: #505050; padding: 10px 0; border-bottom: 1px solid #666666; margin: 0}
.checkout-cart-total p span {float: right}

/*-- Checkout Payment Method --*/
.checkout-payment-method {background-color: #f6f7f8; padding: 45px}
@media only screen and (max-width: 479px) {.checkout-payment-method {padding: 30px}
}

/*-- Single Payment Method --*/
.single-method {margin-bottom: 20px}
.single-method:last-child {margin-bottom: 0}
.single-method input[type="radio"] {display: none}
.single-method input[type="radio"] + label {position: relative; padding-left: 30px; line-height: 20px; font-size: 14px; font-weight: 400; color: #4a4a4a; margin: 0}
.single-method input[type="radio"] + label::before {position: absolute; left: 0; top: 0; width: 20px; height: 20px; display: block; border: 2px solid #666666; content: ""; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s}
.single-method input[type="radio"] + label::after {position: absolute; left: 5px; top: 5px; display: block; content: ""; opacity: 0; background-color: #4a4a4a; width: 10px; text-align: center; height: 10px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s}
.single-method input[type="radio"]:checked + label::before {border: 2px solid #4a4a4a}
.single-method input[type="radio"]:checked + label::after {opacity: 1}
.single-method input[type="checkbox"] {display: none}
.single-method input[type="checkbox"] + label {position: relative; padding-left: 30px; line-height: 20px; font-size: 14px; font-weight: 400; color: #333333; margin: 0}
.single-method input[type="checkbox"] + label::before {position: absolute; left: 0; top: 0; width: 16px; height: 16px; display: block; border: 2px solid #666666; content: ""; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s}
.single-method input[type="checkbox"] + label::after {position: absolute; left: 4px; top: 4px; display: block; content: ""; opacity: 0; background-color: #4a4a4a; width: 8px; text-align: center; height: 8px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s}
.single-method input[type="checkbox"]:checked + label::before {border: 2px solid #4a4a4a}
.single-method input[type="checkbox"]:checked + label::after {opacity: 1}
.single-method p {display: none; margin-top: 8px; font-size: 14px; color: #333333; line-height: 23px}