/*
    Template Name: Zeref - Multipurpose eCommerce Bootstrap 4 Template
    Author: themeglass
    Description: Minimal eCommerce Bootstrap 4 Template
    Version: 1.0

*/

@import url('shortcode/default.css');
@import url('shortcode/helpers.css');
@import url('shortcode/banner.css');
@import url('shortcode/bundle.css');
@import url('shortcode/padding.css');
@import url('shortcode/header.css');
@import url('shortcode/footer.css');
@import url('shortcode/method.css');
@import url('shortcode/sidebar.css');
@import url('shortcode/categorynav.css');
@import url('shortcode/navigation.css');
@import url('shortcode/mobile-menu.css');
@import url('shortcode/form.css');
@import url('shortcode/custom-field.css');
@import url('shortcode/checkout-form.css');
@import url('shortcode/slider.css');
@import url('shortcode/button.css');
@import url('shortcode/tab.css');
@import url('shortcode/product.css');
@import url('shortcode/modal.css');
@import url('shortcode/blog.css');
@import url('shortcode/breadcrumb.css');
@import url('shortcode/pagination.css');
@import url('shortcode/team.css');
@import url('shortcode/comment.css');
@import url('shortcode/table.css');
@import url('shortcode/shop.css');
@import url('shortcode/single-product.css');
@import url('shortcode/product-hover.css');
@import url('shortcode/sidebar-menu.css');

/******************************

INDEX:

    01 - Default Css (../css/shortcode/default.css)
    02 - Helpers Css (../css/shortcode/helpers.css)
    03 - Banner Css (../css/shortcode/banner.css)
    04 - Bundle Css (../css/shortcode/bundle.css)
    05 - padding Css (../css/shortcode/padding.css)
    06 - header Css (../css/shortcode/header.css)
    07 - footer Css (../css/shortcode/footer.css)
    08 - method Css (../css/shortcode/method.css)
    09 - sidebar Css (../css/shortcode/sidebar.css)
    10 - categorynav Css (../css/shortcode/categorynav.css)
    11 - navigation Css (../css/shortcode/navigation.css)
    12 - mobile-menu Css (../css/shortcode/mobile-menu.css)
    13 - form Css (../css/shortcode/form.css)
    14 - custom-field Css (../css/shortcode/custom-field.css)
    15 - checkout-form Css (../css/shortcode/checkout-form.css)
    16 - slider Css (../css/shortcode/slider.css)
    17 - button Css (../css/shortcode/button.css)
    18 - tab Css (../css/shortcode/tab.css)
    19 - product Css (../css/shortcode/product.css)
    20 - modal Css (../css/shortcode/modal.css)
    21 - blog Css (../css/shortcode/blog.css)
    22 - breadcrumb Css (../css/shortcode/breadcrumb.css)
    23 - pagination Css (../css/shortcode/pagination.css)
    24 - team Css (../css/shortcode/team.css)
    25 - comment Css (../css/shortcode/comment.css)
    26 - table Css (../css/shortcode/table.css)
    27 - shop Css (../css/shortcode/shop.css)
    28 - single-product Css (../css/shortcode/single-product.css)
    29 - Animation CSS
    30 - Checkout CSS
    31 - Cart CSS
    32 - About CSS
    33 - Contact CSS
    34 - 404 CSS
    35 - product hover Css (../css/shortcode/product-hover.css)
    36 - sidebar menu Css (../css/shortcode/sidebar-menu.css)

******************************/

@import url("https://fonts.googleapis.com/css?family=Quicksand:400,700");




/*****************************
29. Animation CSS
*****************************/

@keyframes passing-reverse {
  from {
    transform: translateX(0);
  }
  50% {
    transform: translateX(7%);
    opacity: .6;
  }
  to {
    transform: translateX(30%);
    opacity: 0;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


.ptb--10
{
    padding:10px;
}

/*****************************
30. Checkout CSS
*****************************/
.welcome-msg
{
    text-align: left;
	display: inline-block;
	padding: 0px;
	margin: 0px 14px;
	font-size: 13px;
	color: #6b7a83;
	vertical-align: top;
	margin-top: 5px;
	letter-spacing:normal;
	    font-family: 'Open Sans', sans-serif;
}
.order-details {
  padding: 2rem;
  border: 1px solid #ddd;
  border-radius: 10px;
}
 .cart-subtotal{
    float: left;
    margin-right: 5px;
 }

.checkout-payment {
  border: 1px solid #ededed;
  padding: 2rem;
  border-radius: 10px;
}

.zeref-payment-info {
  padding-left: 35px;
  padding-top: 10px;
}

/*****************************
31. Cart CSS
*****************************/

.cart-page-total h2 {
  margin-bottom: 2rem;
}

.cart-page-total ul {
  border-left: 1px solid #ededed;
  border-top: 1px solid #ededed;
  margin-bottom: 2rem;
}

.cart-page-total ul li {
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  padding: 1.5rem 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.cart-page-total ul li span {
  font-weight: 500;
}
/*****************************
32. About CSS
*****************************/

.about h3 {
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 2rem;
  font-size: 25px;
}

.about p {
  color: #2c2e3d;
  font-size: 1.5rem;
  line-height: 1.6;
}

/*****************************
33. Contact CSS
*****************************/

.contact-left-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  padding-bottom: 1rem;
}

.contact-left-item i {
  color: #555555;
  font-size: 1.5rem;
  margin-right: 2rem;
  border: 1px solid #ddd;
  width: 40px;
  padding: 11px;
  height: 40px;
  text-align: center;
  border-radius: 50%;
}

.contact-left-list p, .contact-left-list a {
  color: #2c2e3d;
  line-height: 1.6;
  font-size: 1.4rem;
}
.contact-left-list p {
  font-size: 2rem;
}

/*****************************
34. 404 CSS
*****************************/

.error-text {
  text-align: center;
}

.error-text h1 {
  font-size: 18rem;
}

.error-text p {
  color: #2c2e3d;
  font-size: 1.8rem;
  line-height: 1.6;
  margin-bottom: 3rem;
}

.s-line-clamp-10 {
    -webkit-line-clamp: 10;
    max-height: 262px;
}
.s-line-clamp-10, .s-line-clamp-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.a-spacing-none, .a-ws .a-ws-spacing-none {
    margin-bottom: 0!important;
}
.a-size-mini {
    font-size: 13px!important;
    line-height: 17px!important;
}