/*wordpress css*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');


.offerHead h3{
  font-size: 13px
}


.offerWrapper{
 background:#000;
  
}
.offerHead{
  background:#000;
  text-align:center;
  color: #fff;
  padding: 10px 0;
  font-size: 13px;
  display: flex;
  justify-content: space-between;
}
.offerHead span{
color:#faae01;}

.onsale{
display: none;
}
.padding_l_r{
  padding: 0 15px;
}
.argmc-nav-text {
  display: none!important;
}
.ais-body.ais-hierarchical-menu--body {
    display: none;
}
.ais-hierarchical-menu--header.ais-header {
    display: none;
}
.post-thumbnail img{
  display: none;
}
.woocommerce-error a{
  color: #fff;
  text-decoration: underline;
}
.confirmation_message img{
  width: 100%;
}
.confirmation_message_inner{
  max-width: 540px;
  margin: auto;
}

.cartMsgbtn {
    text-align: right;
    position: absolute;
    right: 0px;
    top: -20px;
}

.cartMsgbtn  span{
    height: 20px;
    width: 20px;
    background: #faae01;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    position: relative;
    top: 10px;
    left: 10px;
    z-index: 9;
    cursor: pointer;
}

/*strong, b{
  font-weight: 500!important;
}*/
.woocommerce ul#shipping_method .amount {
    font-weight: 500!important;
}


div#barba-wrapper{
max-width: 100%;
padding:0px!important;
}

#ais-wrapper #algolia-hits{
 overflow: inherit!important;
}

.ais-pagination .ais-pagination--item__active .ais-pagination--link {
  -webkit-box-shadow: inherit!important;
          box-shadow: inherit!important;
    border: inherit!important;
    width: 30px;
    height: 30px;
    background-color: #373738;
    line-height: 30px;
    border-radius: 50%;
    display: inline-block;
    color: #fff!important;
    padding: 0px!important;
}

.ais-pagination .ais-pagination--link{
      color: #373738!important;
    font-weight: 500!important;
}

li.ais-pagination--item.ais-pagination--item__previous a {
      font-size: 30px;
    position: relative;
    top: 5px;
}

li.ais-pagination--item.ais-pagination--item__next a {
      font-size: 30px;
    position: relative;
    top: 5px;
}
li.ais-pagination--item.ais-pagination--item__first {
    display: none;
}

li.ais-pagination--item.ais-pagination--item__last {
    display: none;
}




.ratingWrap{
display: none;
}
.wcppec-checkout-buttons.woo_pp_cart_buttons_div {
    display: none;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  }

  .alg-container--sm .alg-hits--2-col-sm .ais-hits--item, .alg-container--xs .alg-hits--2-col-xs .ais-hits--item{
    width: 100%!important;
    margin: 0px!important;
  }


.argmc-wrapper .argmc-form-steps{

      margin: 0 0 10px!important;
}
  div.wpcf7-mail-sent-ng, div.wpcf7-aborted{
  border: 1px solid #fff!important;    
  }

.rattingText .post-ratings-text{
  display: none!important;
}
#algolia-pagination {
 margin-top: 30px;
}

.notFind_page{
background: #F0F5F8;
padding: 40px 0; 

}
.notFind_page h1{
font-size: 30px;
    margin-bottom: 20px;
    color: green;
}
.notFind_page img{
  width: 50%;
}

td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number a {
    color: #333;
}

#ais-wrapper {
    padding: 60px 0 0 0!important; 
}

td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a {
    margin: 2px;
}

.woocommerce table.shop_table{
      border-collapse: collapse!important;
}


.woocommerce-error, .woocommerce-info, .woocommerce-message{
}

.woocommerce-notices-wrapper{
    max-width: 1280px;
    margin: auto;
    padding: 0px 100px;

}

.woocommerce-message {
    border-top-color: #faaf00!important;
    margin-top: 10px!important;
   /* display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;*/
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    top: 32%!important;
}
.flexGrid{
	    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}


form.search-form + div img{
  width: 60%;
  padding: 20px; 
}




.search-input{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.search-input .topsearch img{
  height: 35px;
}

.woocommerce-privacy-policy-text p {
    padding: 10px 0;
}

.search-top{
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.search-top input:focus{
  -webkit-box-shadow: none!important;
          box-shadow: none!important;
}
.search-input h2.topsearch {
    padding: 0px 10px;
}

.search-input input.search-field.aa-input {
    width: 100%;
    height: 38px;
    border: none;
    border-bottom: 1px solid #000;
    padding: 0 10px;
}

.search-input input.search-submit {
    display: none;
}

/* .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
  width: 50%!important;
} */
form.woocommerce-form.woocommerce-form-login.login .lost_password a{ 
    color: rgba(74, 74, 74, 0.7);
    font-size: 14px;

}
form.woocommerce-form.woocommerce-form-login.login p{ 
    color: rgba(74, 74, 74, 0.7);
    font-size: 14px;
    line-height: 20px;
}
form#paytm_form_redirect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
input#submit_paytm_form_redirect {
    margin: 0px 10px!important;
}
ul.wc_payment_methods.payment_methods.methods {
    padding: 0px!important;
    border: none!important; 
}
.megaItemBox > div {
    width: 20%!important;
}
.megaItemBox > div ul li  {
    display: block!important;
}
/*cart page*/
.cartWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1280px;
    margin: auto;
    padding: 0px 100px;
}

.items-price{
  -ms-flex-preferred-size: calc(30% - 15px);
      flex-basis: calc(30% - 15px);   
}

.product-items{
 -ms-flex-preferred-size: calc(70% - 15px);
     flex-basis: calc(70% - 15px);   
}


/*star rating*/

.alg-rating{
  display: none;
}
.alg-stars {
    width: 100px;
    margin:10px auto;
}
.alg-stars img{ 
    -webkit-transform: inherit!important; 
        -ms-transform: inherit!important; 
            transform: inherit!important;
 }







/*end cart page*/
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before{
  line-height: inherit!important;
}



#checkout-btn button{
  padding: 10px 40px;
  background: #faae01;
  border: none;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
  margin-bottom: 15px; 
  border-radius:3px; 
}
#checkout-btn button:hover{
  background: #ffba1c;
}

label.error {
  color: red!important;
}

.u-column2.col-2 {
    width: 100%;
    padding: 0px!important;
}
.argmc-wrapper .argmc-form-steps{
  padding-left: 0px!important;
  padding-right: 0px!important;  
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
  border: none!important;
}

div.wpcf7-response-output{
  margin: 0px!important;
}
.hidden{
 display:none!important;
}
.ais-refinement-list--item:not(:last-child){
  border-bottom: none!important;
}
.alg-container--xl .alg-hits--4-col-xl .ais-hits--item{
  width:33.33%!important;
  margin:inherit!important;
  padding: 0px 15px 0 0px;
  margin-bottom: 20px!important;
}
.ais-current-refined-values--item a{
    border-radius: 2px !important;
    border: 1px solid #000000!important;
    background: #333!important;
}

.woocommerce div.product div.images .flex-control-thumbs li{
   width: 16%!important;
   margin:4px 0 0px 5px!important;
}

.woocommerce div.product div.images .flex-control-thumbs li:first-child{
  margin-left:0px!important;
}
.woocommerce div.product div.images .flex-control-thumbs li:last-child{
 margin-right:0px!important;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
    width: 100%!important;
}
.alg-container--sm #ais-facets .ais-facets__wrapper .ais-refinement-list .ais-refinement-list--item > div > label{
    padding: 10px 0!important;
    margin: 0px 10px!important;
}

.ais-facets{
    padding-right: 5em!important;
}
.ais-facets .ais-header h4{
  font-size: 16px!important;
  font-weight: 500!important;
  line-height: 1.63!important;
  letter-spacing: 0.2px!important;
  color: #333333!important;
  margin: 15px 0 15px!important;
}
/*cart page */
.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img{
    height: auto;
    width: 50px;
}
.product-name a{
  color:#525252;
}
.woocommerce table.shop_table th{
font-weight: 600!important;
color:#737373;
    font-size: 14px!important;
}
.woocommerce .product-remove a.remove{
  color:#525252!important;  
    line-height: 1.1;
      display: inline-block!important;
}
.woocommerce .product-remove a.remove:hover {
    color: #fff!important;
    background: #faaf00!important;
}
a.checkout-button.button.alt.wc-forward {
    background: #faaf00!important;
    border-radius: 0px!important;
    padding: 10px 20px!important;
    font-weight: 400;
    text-transform: uppercase;
    line-height: inherit!important;
    border: 2px solid #de9b00!important;
    margin-left: 0px; 
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    display: block;
    width: 100%;
    height: 44px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dde3e8;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.select2-container .select2-selection--single {
    cursor: pointer;
    margin: 0 0 -4px;
    display: block;
    width: 100%;
    height: 48px!important;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dde3e8!important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

.woocommerce table.shop_table td {
    font-size: 14px!important;
}
.woocommerce-info::before {
    color: #faaf00!important;
}
.woocommerce-info a{
    color: #faae01!important;
}
.woocommerce-info {
    border-top-color: #faaf00!important;
    background: #f5f5f5!important;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: #fff !important;
    border-radius: 0px !important;
}
/*.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #faaf00!important;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    border-radius: 0px;
    text-transform: capitalize!important;
}*/
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 36px!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px!important;
 }
.woocommerce form .form-row label{
    line-height: 2;
    font-size: 13px;
    letter-spacing: 0.4px;
    color: #788995;
    display: block;
}
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus {
    border-color: rgb(255, 176, 0);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 176, 0, .075), 0 0 8px rgba(255, 176, 0, .6);
            box-shadow: inset 0 1px 1px rgba(255, 176, 0, .075), 0 0 8px rgba(255, 176, 0, .6);
}
a.checkout-button.button.alt.wc-forward:hover {
   background: #ffbd24!important;
}

.cart_totals h2{
    font-size: 22px;
    font-weight: 500;
    padding: 0 0 15px 0;
    line-height: 1.36;
    letter-spacing: 0.2px;
    color: #333333;
} 

a.shipping-calculator-button {
    color: #faae01;
}

.woocommerce ul#shipping_method li label {
    font-size: 14px!important;
}

span.alg-hit__previousprice {
    text-decoration: line-through;
    margin-right: 8px;
    color: #afafaf;
    font-family: Roboto;
}
input#coupon_code {
   width: 180px;
    height: 42px;
    padding: 0 5px;
    border: 1px solid #ebe9eb;
    display: inline-block;
        position: relative;
    top: -1px;
}

.ratingImage {
  display: inline;
}
.ratingText {
  display: inline;
}
.ratingImage img {
  width: unset !important;
}
.container div#comments {
  display: none;
}
/*end cart page*/
header.entry-header{
 display:none!important;
}
.comment-design textarea{
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dde3e8;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
h3#reply-title {
    font-size: 18px;
    color: #4a4a4a;
    font-weight: 400;
}
.logged-in-as{
   padding:5px 0;  
}
.logged-in-as a{
   color:#4a4a4a;
   font-size:13px;
}


#paytm_form_redirect a{
font-weight: 500!important;
    border-radius: 3px!important;
    color: #ffffff!important;
    background-color: #cf4f4f!important;
    padding: 14px 20px!important ;

}

#paytm_form_redirect a:hover{
  background: #ff2424!important;  
}


.woocommerce #respond input#submit {
    font-weight: 500!important;
    border-radius: 0px!important;
    color: #ffffff!important;
    background-color: #faaf00!important;
    margin-left: inherit!important;
        padding-top: 15px!important;
    padding-bottom: 15px!important;
   
}
/* 
 .woocommerce button.button:hover, .woocommerce input.button:hover {
        background-color: #ffb714!important;
} */





form#commentform p{
  margin-top:15px!important;
  color:#333;   
}
form#commentform label{
  font-size: 13px;
  letter-spacing: 0.4px;
  color: #788995;
  margin-bottom:5px; 
  display: block
} 
form#commentform input{ 
  display: block;
  width: 100%;
  height: 48px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dde3e8;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.post-ratings{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.rattingText {
    font-size: 15px;
    font-style: normal;
    margin-left: 10px;
}
.size-modal{
    padding: 15px 15px 0 15px;
    -webkit-box-shadow: 0 0 black;
            box-shadow: 0 0 black;
    position: fixed;
    width: 100%;
    z-index: 9999;
    background: #ffffff;
    bottom: -600px;
    -webkit-box-shadow: 0px -3px 2px #0404040f;
            box-shadow: 0px -3px 2px #0404040f;
    z-index: 11;
    left: 0px;
}

.mobileQty{
  padding: 10px 0;

}

.modalOverlay{
  position: fixed;
  bottom: 0px;
  top: 0px;
  left:  0px;
  right: 0px;
  background: rgba(0, 0, 0, .60);
  z-index: 10;
  display: none;
}

.travel-image-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 20px;
}

.travel-image-box div{
width: calc(33.33% - 15px);
}



.travel-image-box  div img{
width: 100%;
}


.size-heading h5{
  font-size: 16px;
  font-weight: 500;
   letter-spacing: 0.2px;
  color: var(--greyish-brown);


}
.size-heading{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin-bottom: 20px;
}

.size-modal .size-heading img{
    height: 20px;
    display: inline-block;
    width: 20px;
}

 .thankyouWrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px 0 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
}
.thankyouWrapper img{
    width: 230px;
}
.thankyouWrapper h2{
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.3px;
  color: #333333;
  position: absolute;
  
}
.thank-parastyle > p{
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #333333;
}
.thank-parastyle h2{
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: #333333;
  padding: 0 15px 15px 0;
}

.argmc-wrapper .argmc-tab-item-outer{
  padding: 0px!important;
  text-align: center; 
}
.argmc-wrapper .argmc-tab-item.current, .argmc-wrapper .argmc-tab-item.completed {
    background: #faaf00!important;
    padding: 15px 0;
}
.argmc-wrapper .argmc-tab-item .argmc-tab-item-outer, .argmc-wrapper .argmc-tab-item .argmc-tab-item-inner, .argmc-wrapper .argmc-tab-item .argmc-tab-number-wrapper, .argmc-wrapper .argmc-tab-item .argmc-tab-number{
  text-align:center;  
}

.argmc-wrapper .argmc-tab-item.current .argmc-tab-number, .argmc-wrapper .argmc-tab-item.current .number-text, .argmc-wrapper .argmc-tab-item.visited:hover .argmc-tab-number{
  color: #333!important;
}

.argmc-wrapper .tab-completed-icon:before{
  color: #333;
}

.thankButton a{
  cursor: pointer;
    font-weight: 500!important;
    border-radius: 3px!important;
    color: #ffffff!important;
    background-color: #faaf00!important;
    padding: 14px 20px!important;
    display: inline-block;
    border: none;
    margin-bottom: 10px;
        width: 120px;

}

#btn-razorpay{
  cursor: pointer;
    font-weight: 500!important;
    border-radius: 3px!important;
    color: #ffffff!important;
    background-color: #faaf00!important;
    padding: 14px 20px!important;
    display: inline-block;
    border: none; 
}

#btn-razorpay-cancel{
      font-weight: 500!important;
    border-radius: 3px!important;
    color: #ffffff!important;
    background-color: #cf4f4f!important;
    padding: 14px 20px!important;
      border: none; 
      cursor: pointer;  
}

#btn-razorpay:hover{
  background: #ffb714!important
}
#btn-razorpay-cancel:hover{
    background-color: #ff2424!important;   
}


.woocommerce-billing-fields h3{
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #333333;
}

.thankButton {
text-align: center; 
}
.thankButton a:hover{
  background-color: #ffd068; 
}




.woocommerce ul.order_details {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border: 1px solid #dbdbdb;
        border-radius: 3px;
        padding: 16px 20px;

}
.woocommerce ul.order_details li {
  font-size: 16px!important;
  font-weight: 500!important;
  letter-spacing: 0.2px!important;
  color: #333333!important;  
  margin: 0px!important;
  padding: 0px!important;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-right: none!important;
}
.woocommerce ul.order_details li strong {
  font-size: 16px!important;
    font-weight: 600!important;
    letter-spacing: 0.2px!important;
    color: #333333!important;
    border-top: 1px solid #dbdbdb;
    margin-top: 14px;
    padding-top: 14px;
}
.woocommerce ul li.total strong{
  color: #ffb000!important;
} 


.woocommerce ul li.method strong{
white-space: nowrap; 
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
} 

/*end wordpress css*/

 html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  font-family: 'Poppins', sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
 }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
font-family: 'Poppins', sans-serif;
}

:focus {
  outline: 0;
  }
  

html {
    height: 100%;
}

body {
  margin: 0;
}
main {
  display: block;
}



h1,h2,h3,h4,h5,h6{
  font-size: inherit;
  font-weight: 500;
}
 

a {
  background-color: transparent;
  -webkit-transition: .30s;
  -o-transition: .30s;
  transition: .30s;
}
.innerContainer{
  max-width: 880px;
  height: auto;
  margin: auto;
}

img {
  border-style: none;
}

ul{
  list-style: none;
}

.mar-t-0{
  margin-top: 0px!important;
}

.mar-t-10{
  margin-top: 10px;
}

.mar-t-20{
  margin-top: 20px;
}

.mar-t-30{
  margin-top: 30px;
}

.mar-t-40{
  margin-top: 40px;
}

.mar-t-50{
  margin-top: 50px;
}

.mar-t-60{
  margin-top: 60px!important;
}

.mar-b-10{
  margin-bottom: 10px;
}

.mar-b-20{
  margin-bottom: 20px;
}
.mar-b-30{
  margin-bottom: 30px;
}
.mar-b-40{
  margin-bottom: 40px!important;
}
.mar-b-50{
  margin-bottom: 50px;
}
.mar-b-60{
  margin-bottom: 60px!important;
}

.heading{
  font-size: 30px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.2px;
  color: #4a4a4a;
  margin-top:40px;
}
.headingwrap{
  display: inline-block;
}
.headingInner{
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #333333;
  position: relative;
}
.headingInner:after{
  content: '';
  width: 100%;
  position: absolute;
  height: 6px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
  background-color: #ffb000;
  left: 0px;
  top: 30px;
}

.subHeading{
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: rgba(74, 74, 74, 0.7);
}

textarea {
  overflow: auto;
}

p{
  margin: 0px;
}

.productDivider{
  padding: 60px 0 30px 0;
}

.listingData{
  padding-top:60px; 
}

.bannerInner{
     height: 400px;
    padding-top: 7%;
    background-size: cover;
    background-image: url(https://teafloor.com/wp-content/themes/teafloor2-0/assets/images/innerbg1.jpg);
    background-position: center;
}
.bannerInner h1{
  font-size: 80px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 1.6px;
  color: #d2d2d2;

}
.bannerInner h2{
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #7a797a;

}


/*======================
    gift box banner
=====================*/


.giftoverlayovery h1{
    font-size: 56px;
    font-weight: bold;
    letter-spacing: 1.6px;
    color: #6b6b6b;
}

.giftoverlayovery{
    position: absolute;
    bottom: 25%
}





/*================================
            Common
================================*/
h1,h2,h3,h4,h5,h6{
  margin: 0px;
  padding: 0px;
}
.h1{
  font-size: 36px;
  font-weight: 500;
  line-height: 1.36;
  letter-spacing: 0.2px;
  color: #333333;
}

.h2{
  font-size: 30px;
   font-weight: 500;
  line-height: 1.36;
  letter-spacing: 0.2px;
  color: #4a4a4a;
}

.h3{
  font-size: 28px;
   font-weight: 500;
  line-height: 1.36;
  letter-spacing: 0.2px;
  color: #4a4a4a;
}

.h4{
  font-size: 22px;
   font-weight: 500;
  line-height: 1.36;
  letter-spacing: 0.2px;
  color: #4a4a4a;
}

.h5{
  font-size: 18px;
   font-weight: 500;
  line-height: 1.36;
  letter-spacing: 0.2px;
  color: #4a4a4a;
}
.h6{
  font-size: 14px;
   font-weight: 500;
  line-height: 1.36;
  letter-spacing: 0.2px;
  color: #4a4a4a;
}

.container{
  max-width: 1280px;  
  margin: auto;
  padding: 0px 100px;
}

.subContainer{
  max-width: 1280px;  
  margin: auto;
  padding: 0px 100px;
}

ul{
  margin: 0px;
  padding: 0px;
}
a{
  text-decoration: none
}

.clearfix{
  clear: both;
}

.font12{
  font-size: 12px;
}
.font14{
  font-size: 14px;
}

.font16{
  font-size: 16px;
}

.font18{
  font-size: 18px;
}

.font20{
  font-size: 20px;
}

.black{
  color:  #000;
}

.gray1{
  color:  #4a4a4a;
}
.gray2{
  color:  #333333  ;
}
.gray3{
  color:  #999999  ;
}

.col-1{
  width: 8.33333333%;
  float: left;
  float: left;
  padding: 0 15px
}


.col-2{
  width: 16.66666667%;
  float: left;
  float: left;
  padding: 0 15px
}


.col-3{
  width: 25%;
  float: left;
  padding: 0 15px
}
.col-4{
  width: 33.33333333%;
  float: left;
  padding: 0 15px
}
.col-5{
  width: 41.66666667%;
  float: left;
  padding: 0 15px
}
.col-6{
  width: 50%;
  float: left;
  padding: 0 15px
}
.col-7{
  width: 58.33333333%;
  float: left;
  padding: 0 15px
}
.col-8{
  width: 66.66666667%;
  float: left;
  padding: 0 15px
}
.col-9{
  width: 75%;
  float: left;
  padding: 0 15px
}
.col-10{
  width: 83.33333333%;
  float: left;
  padding: 0 15px
}
.col-11{
  width: 91.66666667%;
  float: left;
  padding: 0 15px
}
.col-12{
  width: 100%;
  float: left;
  padding: 0 15px
}

.text-center{
  text-align: center;
}
/*================================
            Header
================================*/
header.header-Top{
  height:110px ;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  background: #fff;
  z-index: 999;
}

.logo-box{
    width: 150px;
    margin-right: 60px;
    float: left;
}

/*mobile box*/
.logo-box  .mobileBox{  
      display: none;
       -webkit-box-align: center;
           -ms-flex-align: center;
               align-items: center;
     }

.logo-box  .mobileBox li:last-child img{
  margin-left: 20px;
      width: 44px;
  }


.logo-box  .mobileBox li:first-child img{
    width: 24px;
  }









.logo-box img{
  width: 100%;
}
.headerWrapper{
  padding-top: 23px;
}

.DesktopNavigation{float: left; margin-top: 5px;}

.DesktopNavigation ul{
  list-style: none;
  display: inline-block;
}

.navigationContent{
  list-style: none;
}

.navigationContent li{
  display:inline-block;
  padding-right: 30px;
}
.navigationContent li a{
 font-size: 16px;
  font-weight: 500;
  color: #333333;
}
.Iconhead li:hover ul {
  top: 24px;

}

li.cartbag.currencylist:hover ul{
top: 15px;
}

li.cartbag.currencylist ul{
  left: -170px!important;
}

.Iconhead li ul {
    position: absolute;
    margin: 0px;
    left: -206px;
    width: 230px;
    top: -524px;
    -webkit-transition: ease-out .60s, ease-in 0s;
    -o-transition: ease-out .60s, ease-in 0s;
    transition: ease-out .60s, ease-in 0s;
    padding-top: 35px;
    z-index: 999;
}
.Iconhead li{
  display: inline-block;
  margin-left: 20px;
  position: relative;
}
.Iconhead li a{
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.2px;
  color: #4a4a4a;
  display: block;
} 
.IconHeadWrap{
  float: right;   
  margin-top: 5px; 
}
.IconHeadWrap:last-child{
  float: left;
}
.IconHeadWrap:last-child li{
  margin: 0px;
}
.IconHeadWrap:last-child li img{
  position: relative;
  top: -3px;
}
.DropDownProfile {
    border-bottom: 1px solid #f0f0f0;
    padding: 20px 0px 20px 20px;
    background: #fff;
}

.DropDownProfile h3{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.38;
  color: #333333;
}

  /*mega menu*/
  .navigationContent li:hover .teafloor-megamenu{
    top: 110px;    
    opacity: 1;
  }


  .teafloor-megamenu{
    background: #ffffff;
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
    padding: 50px 0 30px 0;
    -webkit-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    transition: all .3s ease .15s;
    top: -1000px;
    opacity: 0;
    z-index: 700;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.05);
            box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.05);
  }
 
  .teafloor-megamenu .megaItemBox{ 
      display: -webkit-box; 
      display: -ms-flexbox; 
      display: flex;
  }

  .teafloor-megamenu .megaItemBox h4{ 
    font-size: 18px;
    font-weight: 500;
    line-height: 1.67;
    color: #333333;
  }


  .teafloor-megamenu .megaItemBox ul{
    width: 100%;    
  }
  
  

  .teafloor-megamenu .megaItemBox ul li a{
    padding: 5px 0;
    display: block;
    font-size: 13px;
    line-height: 1.85;
    letter-spacing: 1px;
    color: #33333a;
    text-transform: uppercase;
  }
  .teafloor-megamenu .megaItemBox ul li a:hover{
    color: #000;
  }
    /*end  mega menu*/
  
  /*Search bar*/  
  .top-search-wrap {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      padding: 15px 54px;
      z-index: 1090;
      -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
              box-shadow: 0 1px 3px rgba(0,0,0,0.1);
      background: #FFF;
      display: none;
  }
 /*end Search bar*/



.arrow-up {
  width: 0px;
  height: 0px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  position: absolute;
  right: 10px;
  top: 27px;
}

li.cartbag.mobile-mega-menu {
    display: none;
}

.dropShadow{
  -webkit-box-shadow: 0 5px 26px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 26px 0 rgba(0, 0, 0, 0.1);
}

.Iconhead li ul li a {
    padding: 0px 20px 10px 20px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 1.1px;
    color: #33333a;
}

.Iconhead li ul li {
    margin-left: 0px;
    display: block;
    background: #fff;
}



li.paddDropDown{
  padding-top: 20px;

}
.cartbag img{
  height: 24px;
}
.currencylist{
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1.7px;
  color: #333333;
  top: -8px;
}
.currencylist:hover img{
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.currencylist img{
  height: 10px!important;
  -webkit-transition: ease-in .10s;
  -o-transition: ease-in .10s;
  transition: ease-in .10s;
}


 .cartCount span{
    height: 20px;
    background: #faaf00;
    width: 20px;
    display: inline-block;
    line-height: 21px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    position: absolute;
    top: -5px;
    left: 15px;
  }

  .offserbtn{
    font-size: 16px;
    color: #ffb000;
    margin-right: 20px;
  }
  .offserbtn span{
    position: relative;
    top: -10px;
    color: #ffb000;
    font-weight: 500;
    left: 5px;
  }

  /*============================
          footer
  =============================*/
  footer{
    padding: 40px 0;
    border-top:1px solid rgba(0, 0, 0, 0.1); 
    border-bottom:1px solid rgba(0, 0, 0, 0.1); 
    margin: 40px 20px 0 20px;

  }

  footer h6{
    margin-bottom: 15px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-weight: 500;
    color:#333333;
  }
  .footerContact h6{
    color:#333333;

  }
  .footerContact{
    padding: 40px 0;
  }
  .footerContent{
    padding:40px 0; 
    border-top:1px solid #e6e6e6; 
    margin: 0px 20px;
  }


  .footerList{
    list-style: none;
  }

  .footerList li{
    font-size: 14px;
    line-height: 30px;
  }

  .footerList li a{
    text-transform: uppercase;
    color: #999;
    letter-spacing: 0.8px;
  }

  .footerList li a:hover{
    color: #000;
  }
  .fotBoxSocial .footersocial img{
    width:40px;
  }
 .fotBoxSocial ul{
    list-style: none;
  }  
  .fotBoxSocial .footersocial li{
        display: inline-block;
    margin-right: 0px;
  }
  .fotBox{
    float: left;
    width: 20%;
  }

  .fotbox p{ 
    padding: 10px 0 0 0;
   }
  
  .fotBoxSocial{
    float: left;
    width: 20%;
  }



  .fotaddress{
  margin-left:20px;
    
  }
  .fotaddress span{
   text-transform: uppercase;
    letter-spacing: 1.2px;
    font-weight: 500;
  }
  .fotaddress img{
    width: 35px;
    height: 35px;
    margin-right: 20px;
  }
 .fotaddress p{
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: 0.4px;
  }
  .address-help{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

.forbtnWrapper .btnBox{
text-align: right;

}

 
  .fotbtn{
    font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.4px;
  color: #333333;
  background: #ffc824;
  padding: 12px 24px;
  text-transform: uppercase;
  display: inline-block;

  }
  .fotbtn:hover{
   background: #ffbf00;
  }

  .fotlogo{
    padding: 0px 20px 0 0;
  }
  .fotlogo img{
    margin-top: 15px;
  }
  .forbtnWrapper{
    padding: 0px 0px 0 40px;
    margin-top: 15px;
  }
  
  .fotContBox{
    margin-bottom: 10px;
    text-align: justify;
  }

   .fotContBox a{
       color: #ffb000;
  }
  .fotContBox h5, .fotContBox h2, .fotContBox h3, .fotContBox h4, .fotContBox h5, .fotContBox h6{
    font-size: 13px;
    font-weight: 500;
    line-height: 1.54;
    letter-spacing: 0.4px;
    color: #4a4a4a;  
  }

  .fotContBox ul{
    list-style-type: disc;
    padding: 0px 20px;
  }
 .fotContBox ol{
    margin: 0px;
    padding: 0px 20px;
    list-style: devanagari;
    margin-bottom: 20px;

  }

  .fotContBox ul li,   .fotContBox ol li {
    line-height: 1.54;
    font-size: 14px;
    color: rgba(74, 74, 74, 0.7);
    text-align: justify;
  }
  .catalogue {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px;
    -webkit-box-shadow: 0 0 2px 0 rgba(120, 137, 149, 0.5);
            box-shadow: 0 0 2px 0 rgba(120, 137, 149, 0.5);
    background-color: #ffffff;
  }
  .catalogue p{
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.1px;
  color: #4a4a4a;
  text-transform: uppercase;
  padding-left: 10px;
}


.cataloguewapper{
  padding: 20px 0  0  0; 
}
.cataloguewapper > a{
  margin:0  15px 15px 0;
      display: inline-block; 
}




  .fotContBox p{
    font-size: 13px;
    line-height: 1.54;
    letter-spacing: 0.4px;
    color: rgba(74, 74, 74, 0.7);
    margin-bottom: 15px;
  }

  .fotaddress p{
    margin-bottom: 10px;
    }

 .inner-content ol {
    padding: 0px 0px 0 25px;
  }

  .inner-content  li{   
   font-size: 14px;
    line-height: 1.54;
    letter-spacing: 0.4px;
    color: rgba(74, 74, 74, 0.7);
    margin: 0 0 15px;
  }

   .inner-content h3{
    font-size: 16px;
    line-height: 1.54;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.7);
    padding: 15px 0;
    font-weight: 500;
   } 


   .inner-content p{
     font-size: 13px;
    line-height: 1.54;
    letter-spacing: 0.4px;
    color: rgba(74, 74, 74, 0.7);
    margin: 0 0 15px;
   } 


   .inner-content a{
    color: #000;
   }

   .inner-content ul{
         list-style: circle;
         padding-left: 30px;
   } 

  

  /*===============================
            heading  
  ================================*/

  .headingWrapper{
    text-align: center;
  }
  .headingWrapper .headingText{
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.2px;
    color: #4a4a4a;
    text-transform: uppercase;

  }
  .headingWrapper .headingPara{
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: rgba(74, 74, 74, 0.7);
   }


  /*===============================
            Divider  
  ================================*/

  .dividerWrapper{
    text-align: center;
  }
  .divider{
    width:240px;
    position: relative;
    display: inline-block;
  }
  .divider img{
   height: 16px!important;
    background: #fff;
    position: relative;
    z-index: 2;
    padding: 0px 20px;
    width: 80px!important;
  }
  .divider:after{
    content: '';
    position: absolute;
    top: 50%;
    height: 1px;
    width: 100%;
    background: #4a4a4a;
    left: 0px;
z-index:0;
  }


  
  
  .cartAmt span{
    font-size: 12px;
  font-weight: 500;
   color: rgba(74, 74, 74, 0.7);
  }

.cartAmt h5{
  font-size: 20px;
  font-weight: 500;
  line-height: 1.15;
  color: #ffb000;
}


  .cartbagMobile button{
    width: 126px;
  height: 40px;
  background-color: #ffb000;
  font-size: 15px;
  font-weight: 500;
   letter-spacing: 0.4px;
  text-align: center;
  color: #ffffff;
  border:none;
  text-transform: uppercase;
  border-radius: 3px;
  }


  /*=========================
            banner
  ===========================*/
  .banner{
    /*height: 650px;*/
    height: auto;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#f4f4f4)), radial-gradient(circle at 52% 54%, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5));
    background-image: -webkit-linear-gradient(top, #f4f4f4, #f4f4f4), -webkit-radial-gradient(52% 54%, circle, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5));
    background-image: -o-linear-gradient(top, #f4f4f4, #f4f4f4), -o-radial-gradient(52% 54%, circle, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5));
    background-image: linear-gradient(to bottom, #f4f4f4, #f4f4f4), radial-gradient(circle at 52% 54%, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5));
  }

   .banner img{
    width: 100%;
   }
  .banner h1{
    padding-top: 20%;
    font-size: 144px;
    font-weight: bold;
    line-height: 1.25;
    letter-spacing: 1.6px;
    color: #d2d2d2;
  }
  .banner h2{
    font-size: 42px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #7a797a;
  }

  /*=========================
        breadcrumb Wrapper
  ===========================*/
  .breadcrumb li {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.38;
    letter-spacing: 0.2px;
}
  .breadcrumb li a{
     color: #333;

  }
  .activeBread, .breadcrumb-item .breadcrumb_last{
    color:#ffb000;
  }

  ul.breadcrumb {
    padding: 10px 0;
  }
  /*==========================
          Text heading
  ===========================*/
  .lineHeading{
    position: relative;
  }
  .lineHeading img{
  height: 28px;
  margin-right: 15px;
  }

  .lineHeading:after{
    content: '';
    position: absolute;
    top: 50%;
    height: 1px;
    width: 100%;
    background: #4a4a4a;
    left: 0px;
  }

  .lineHeading .lineHeightWrap{
    background: #fff;
    display: inline-block;
    z-index:2 ;
    position: relative;
    padding:0 10px 0 0 ;
  }
  .lineHeading .lineHeightWrap span{
    position: relative;
    top: -8px;
    font-size: 16px;
  font-weight: 500;
  
  letter-spacing: 0.2px;
  color: #333333;

  }

  .line-right{
    float: right;
    background: #fff;
    z-index:2 ;
    position: relative;
    padding:0 0px 0 10px;
    top: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
 }

 /*==========================
          necessary
 ===========================*/

 .teaLogoWrapper{
    max-width: 980px;
    height: auto;
    background: #3e3e3e;
    margin: auto;
    padding: 30px 0;
  }

  .authHeading{
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.2px;
    padding: 30px 0;
    color: #4a4a4a;
  }

  .necessarylogo{
    width: 14.28%;
    float: left;
    text-align: center;
    padding:0 30px;
  }
  .necessarylogo img{
    width: 100%;
  }

 /*===============================
          event page
 ================================*/
 .leftEvents{
   width: 62%;
   float: left;
   margin-right: 3%;
 }
 .rightEvents{
  width: 33%;
  margin-left: 2%;
  float: left;
 }
.eventimgBox{
  width: 100%;
  margin-bottom:20px;  
 }
 .paraWrapper p{
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.4px;
  color: #333333;
  margin-bottom: 10px; 
 }
 .paraWrapper .quote{
  font-size: 18px;
  font-weight: 500;
  line-height: 1.78;
  letter-spacing: 0.4px;
  color:#4a4a4a;
 }
 .paginationWrap{
  text-align:center;
  padding: 30px 0;
  width: 280px;
  margin: auto;
 }

 .paginationWrap .paginationbox span{  
  color: #ffb000;
 }
 .paginationWrap .paginationbox:first-child{
  border-right:1px solid rgba(0, 0, 0, 0.1);
  padding: 0px 20px 0 0;
 } 
 .paginationbox img{
  width: 20px;
  margin: 0px 10px;
 }
 .paginationbox p a{
    color: #333333;
 }
 .paginationbox{
   width: 48%;
   float: left;
 }
 .paginationbox span{
  font-size: 14px;
  letter-spacing: 0.4px;
  color: #4a4a4a;
  display: inline-block;
 }
 .paginationbox p{
   margin-top: 5px;
   font-size: 18px;
   font-weight: 500;
   color: #333333;
 }
 .headingpadding{
  padding: 60px 0px 30px 0;  
 }
 .headingpadding .headingPara{
  margin-top: 15px;
 }
 .upcomingImgBox{
  width: 30%;
  margin-right: 15px;
  min-height: 65px;
  background-color: #f5f5f5;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px;
 }
 .upcomingWapper{
   margin-bottom:20px; 
 }
.upcomingContent{
  float: left;
  width: 64%;
}
.contentStyle{
  color: #4a4a4a;
}
.contentStyle p, .contentStyle a{
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
}
.contentStyle span{
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: 1px;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 15px;
  display: block  ;
}
.contentStyle2{
  color: #4a4a4a;
}
.contentStyle2 p{
  font-size: 20px;
  font-weight: 500;
  color: #4a4a4a;
  line-height: 1.4;
  letter-spacing: 0.2px;
}

.contentStyle2 a{
  color: #4a4a4a;
}
.contentStyle2 span{
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: 1px;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 15px;
  display: block  ;
  }
 .upcomingImgBox img{
  width: 100%;
  height: auto;
 }
 .eventmargin{
  margin-bottom: 30px;
 }
 .pasteventsWrap ul li{
   padding: 5px 0;
   border-bottom: 1px solid #d8d8d8;
  }
  .pasteventsWrap ul li:last-child{
   border-bottom: none;
  }
  .pastmargin{
    margin: 60px 0 20px;
  }
 .pasteventsWrap ul li a{
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  color: #333333;
 }
 .padding-60-0{
  padding: 60px 0;
 }
.avtivitiesimgWrap{
  width: 100%;
  border-radius: 3px;
 }
 .avtivitieTag a{
  color: #2b2b2b; 
  font-weight: 500; 
 }


 .avtivitieTag{
  padding: 8px 26px;
  border-radius: 3px;
  background-color: #f7f6f6;
  display: inline-block;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 2px;
  text-align: center;
  color: #2b2b2b;
  margin-bottom:20px; 
 }
 .recentActivitiesWrap{
  margin-top: 0px;

 }
 .pad-bot-20{
  padding-bottom: 20px;
 }
 .mar-bot-20{
  margin-bottom: 20px;
 }
 .activities-box{
  width: 33.33%;
  float: left;
  padding:0 15px;
 }
 .row{
  margin-right: -15px;
  margin-left: -15px;
 }
/*product listing*/

/* The container */
.filterCheck {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* Hide the browser's default checkbox */
.filterCheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/*=====================
      shotmark
=======================*/

.shotBy{
  padding:20px 16px;
  background: #fff;
  position: fixed;
  width: 100%;
  bottom: 40px;
  z-index: 10;
}

.shotOverlay{
  display: none;
   
}

.shotHead{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  justify-items: center;
  margin-bottom: 20px;
}
.shotHead h5{
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #4a4a4a;
}
.shotHead img{
  width: 14px;
  height: 14px;
}
.shotBy ul li{
  margin-bottom:14px; 
}

/* The container */
.shotList {
  display: block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: 0.2px;
  color: #4a4a4a;
}

/* Hide the browser's default radio button */
.shotList input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.shotmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  border: 1px solid #d8d8d8;
  background-color: rgba(0, 0, 0, 0.02);
}

/* On mouse-over, add a grey background color */
.shotList:hover input ~ .shotmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.shotList input:checked ~ .shotmark {
  background-color: #ffb000;
  border: 1px solid #ffb000;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.shotmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.shotList input:checked ~ .shotmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.shotList .shotmark:after {
  top: 3px;
  left: 3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: white;
}

/*=======================
     end shotmark
===========================*/

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.02);
  border:1px solid #cecece;
}
/* When the checkbox is checked, add a blue background */
.filterCheck input:checked ~ .checkmark {
  background-color: #ffb000;
  border:1px solid #ffb000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.filterCheck input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.filterCheck .checkmark:after {
  left: 4px;
  top: -1px;
  width: 4px;
  height: 11px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.filterWrapper h5{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.63;
  letter-spacing: 0.2px;
  color: #333333;
  margin:15px 0 15px; 
}

.filterHead{
  font-size: 13px;
  font-weight: 500;
  line-height: 1.38;
  letter-spacing: 0.2px;
  color: #a3a3a3;
}
.label{
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: 0.4px;
  color: #4a4a4a;
  display: inline-block;
}
.letftcontainer{
  float: left;
  width: 20%;
}

.rightcontainer{
  float: left;
  width: 80%;
  padding-left: 15px;
}
.listingContect h4{
  font-size: 22px;
  font-weight: 500;
  padding: 15px 0;
  line-height: 1.36;
  letter-spacing: 0.2px;
  color: #333333;
}
.listingContect p{
  font-size: 14px;
  color: #4a4a4a;
  line-height: 1.79;
  letter-spacing: 0.4px;
}
.product-section{
  margin-top: 30px;
}


.product-detail{
  text-align: center;
  background: #fff;
  position: relative;
}

.product-detail h4{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.2px;
  color: #373738;
      padding: 5px 20px;

}
.product-detail h3{
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  text-align: center;
  color: #4a4a4a;
  padding: 5px 0;
}
.product-wrapper {
  position: relative;
}



.product-detail h5{
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #373738;
    margin-top: 20px;
    height: 45px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
.product-detail img{
  width: 100%;
     -webkit-transition: all .60s;
     -o-transition: all .60s;
     transition: all .60s;
-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
        transform: scale(1.1);
}

.product-detail img:hover{
  width: 100%;
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}
.priceList{font-size: 16px;font-weight: 500;
  line-height: 1.33;text-align: center;color: #4a4a4a;
    margin: 5px 0 5px 0;}

.stikerbox{
  background-color: #7ed321;
  line-height: 20px;
  padding: 0px 20px;
  display: inline-block;
  position: absolute;
  z-index: 5;
  left: -10px;
}
.stikerbox span{
  font-size: 11px;
  letter-spacing: 0.4px;
  color: #ffffff;
}
.stikerBorder {
     width: 0px;
    height: 0px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #64a61b;
    position: absolute;
    left: 4px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 16px;
}
.image-change {
    position: relative;
    overflow: hidden;
    text-align: center;
}

.image-change + h5{
 text-align: center;
}



.start {
  padding: 10px;
}
.checkBoxWrap li{
  display: inline-block;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #ffffff;
  background: #333;
  border-radius: 2px;
  border:1px solid #000000;
  padding: 5px 10px; 
  margin-bottom:10px; 
}

/*========================
      input styled
=========================*/

.teafloorForm{
  margin-bottom: 20px;
  position: relative;
}

.teafloorForm textarea{
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dde3e8;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.teafloorForm select{
  display: block;
  width: 100%;
  height: 48px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dde3e8;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

.teafloorForm label{
  font-size: 13px;
  letter-spacing: 0.4px;
  color: #788995;
  margin-bottom:5px; 
  display: block;
  text-transform: uppercase;
} 
.teafloorForm input{ 
  display: block;
  width: 100%;
  height: 48px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dde3e8;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  margin-top: 5px;
}

.teafloorForm  input:focus, textarea:focus, input:focus{
  border-color:rgb(255, 176, 0)!important;
  outline: 0!important;
  -webkit-box-shadow: inset 0 1px 1px rgba(255, 176, 0, .075), 0 0 8px rgba(255, 176, 0, .6)!important;
          box-shadow: inset 0 1px 1px rgba(255, 176, 0, .075), 0 0 8px rgba(255, 176, 0, .6)!important;
}

.teafloorForm .button{
  width: 100%;
  height: 48px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 7px 0 rgba(120, 137, 149, 0.26);
          box-shadow: 0 2px 7px 0 rgba(120, 137, 149, 0.26);
  background-color: #ffb000;
  border: none;
  color: #ffffff;
  letter-spacing: 0.4px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.teafloorForm button:hover{
  background-color: #e09e0c;
} 

/*=============================
        contact page
=============================*/
.addressBox{
  border: 1px solid #dde3e8;
  border-radius: 3px;
}
#address{
 padding: 20px 30px;
}
#address p{
  font-size: 14px;
  line-height: 22px;
  color: #788995;
}
#address a {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.71;
  color: #0095f8;
  margin-right: 20px;
  margin-top: 15px;
  display: inline-block;
}

/*=============================
      Letter whole sale
==============================*/
.letter p{
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.4px;
  color: #333333;
  margin-bottom: 10px;
}
.wholealebtn{
  width: 350px;
  height: 48px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 7px 0 rgba(120, 137, 149, 0.26);
          box-shadow: 0 2px 7px 0 rgba(120, 137, 149, 0.26);
  background-color: #ffb000;
  border: none;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.4px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}

.wholealebtn:hover{
  background-color: #fbb614;
}

.wholeFormPara{
  font-size: 14px;
  letter-spacing: 0.4px;
  color: #333333;
  margin-top: -10px;
}

.common-content{
  margin-top: 50px;
}


.common-content p{font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.4px;
  color: #333333;
  margin-bottom: 10px;
}
.common-content h5{ 
   font-size: 14px;
  font-weight: 500;
  line-height: 1.29;
  letter-spacing: 0.4px;
  color: #000000!important;
  padding: 10px 0;
}

.common-content ul{
  list-style: circle;
  padding-left: 30px;

}
.common-content ul li{
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: 0.4px;
  color: #4a4a4a ;
  margin-bottom:10px; 
}

/*=====================
    Single Product 
=======================*/

.dividerPad{
  padding: 60px 0 0 0; 
}


.singleProduct{
  margin-top: 10px;
}

.teaLogoWrapper{
margin-bottom: 40px;

}

.product img{
  width: 100%;
}

.productShowcaseList{
  width: 16%;
  float: left;
  padding:0 10px ;
}
.productShowcaseList img{
  margin-bottom: 20px;

}

.showcaseImage{
  width: 84%;
  float: left;
  padding:0 20px 0 10px;
}

.productShare img{
  width: 20px;
  position: relative;
    top: 5px;
}
.productShare span{
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.85;
  letter-spacing: 0.2px;
  color: #4a4a4a  ;
}

.product-Benefits{
  padding: 10px 0;
  border-top:1px solid #f3f3f3;
  margin-top: 20px;
}
.product-Benefits h5{
  font-size: 18px;
  font-weight: 500;
  line-height: 1.67;
  letter-spacing: 0.6px;
  color: #000000;

}
.product-Benefits ul{
  list-style: disc;
  color: #4a4a4a;
  padding-left:30px; 
  padding-top: 10px;
}

.product-Benefits ul li, .product-Benefits ol li{
  font-size: 14px;
  line-height: 2.14;
  letter-spacing: 0.4px;
  color: #4a4a4a;
 }

 .productHeading h1{
  font-size: 22px;
  font-weight: 500;
  line-height: 1.36;
  letter-spacing: 0.2px;
  color: #333333;
  margin-bottom: 15px;
 }
 .productprice{
  font-size: 22px;
  font-weight: 500;
  color: #565656;
 }
 .productquantity{
  font-size: 14px;
  line-height: 2.14;
  letter-spacing: 0.2px;
  color: #4a4a4a;
 }
 .buyPeople{
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  color: #666666;
  float: right;
 }

 .productDescription{
  margin-top: 20px;
  padding: 10px;
  border-top:1px solid #f3f3f3; 
}
.commonheading{
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.2px;
  color: #333333;
  margin-bottom: 10px;
}
.productDescription p{
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.4px;
  color: #4a4a4a  ;
}

.productCategory{
  padding: 0 10px;
}

.productCategory li:last-child{
  border-bottom: 1px solid #f3f3f3;
  margin-bottom:10px; 
}


.productCategory li {
  padding: 10px 0;
  border-top: 1px solid #f3f3f3;
}
.productCategory li  span:first-child{
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: 0.2px;
  color: #333333;
  width: 130px;
  display: inline-block;
}
.productCategory li  span:last-child{
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71;
  letter-spacing: 0.2px;
  color: #4a4a4a ;
}
.productRang{
padding-bottom:5px; 
border-bottom: 1px solid #f3f3f3;
}
.productRang li{
  border: 1px solid #dedede;
  display: inline-block;
  padding: 5px 10px;
  background: #f3f3f3;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #333333;
  margin-right:10px; 
  margin-bottom:10px; 
cursor:pointer;
}


.productRang li.priceRangeActive{
    background: #faae01;
    border: 1px solid #faad02;

}

.productRang li span{
  padding: 0px 2px;  
}

.woocommerce-Price-currencySymbol, span.alg-hit__currentprice {
 font-family: 'Roboto', sans-serif;
 font-weight: 500;
}


.productSection{
  padding-left:10px; 
}

.productQuantity{
  padding: 10px;
}


.quantityWrapper{
  display: block;
}
.quantitybtn{
  border: 1px solid #dedede;
  display: inline-block;


}

.quantitybtn button{
  width: 38px;
  height: 38px;
  background-color: #f3f3f3;
  border: none;
  cursor: pointer;
  font-size: 20px;

}

.disabled {
    pointer-events:none; 
    opacity:0.6;        
}
.quantitybtn input{
  width: 40px;
  border: none;
text-align: center;
-moz-appearance: textfield;
}

.productcartbag {
  display: inline-block;
    position: relative;
    top: 3px;
}
.productcartbag a, .productcartbag button{
  width: 160px;
  height: 40px;
  background-color: #ffb000;
  display: block;
  line-height: 40px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  position: relative;
  top: -2px;
}

.filterSelector{
  display: none;
  z-index: 10;
}

.paymentOption label span img{
  height: 23px!important;
}


.savebag{
  display: inline-block;
  position: relative;
  top: -2px;
}

.savebag a{
  width: 94px;
  height: 40px;
  background-color: #7ec2cb;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  display: inline-block;
}
.savebag img{  
  width: 20px;
  position: relative;
  top: 5px;
}

.blogimg img{
  width: 100%;
}

.blogcontent{
  padding: 85px 0 0px 0;
}

.blogcontent h5{
  font-size: 26px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 10px;

}
.blogimg{
  padding: 0px;
}

.blogcontent p{
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.63;
  letter-spacing: 0.4px;
  color: #333333;

}

.attacheddiv{
  position: relative;
  top:-5px;
}

.blogRight{
  text-align: right
}

.shfflebox{
  padding:5px;
  text-align: center
}

.shfflebox img{
  margin-bottom: 10px;
  height: 150px;
  width: 150px;
}

.shfflebox p{
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.73;
  letter-spacing: 0.4px;
  text-align: center;
  color:  #4a4a4a;
  padding: 0px 30px;
}


.shuffleSection{
    text-align: center;
}
.shuffleSection ul{
    padding-bottom: 30px;
}
.shuffleSection li{
    display: inline-block;
    margin-right: 30px;
    cursor: pointer;

}

.shuffleSection li:last-child{
      margin-right: 0px;

}
.shuffleSection li span{
    font-size: 16px;
    line-height: 1.13;
    letter-spacing: 1.2px;
    color: #333333;
    text-transform: uppercase;
}
.shuffleSection .shuffleActive span{
  color: #ffb000;
}


.teaDetail{
     border-right:1px solid rgba(0, 0, 0, 0.1); 
     margin-top: 70px;
     position: relative;
}

.teaDetail:last-child{
     border-right:none;   
}
.equal-div{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.teaDetail h3 {
  font-size: 28px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4a4a4a;
  margin-bottom: 10px;
}

.teaDetail p{
  font-size: 15px;
  line-height: 1.88;
  letter-spacing: 0.4px;
  text-align: center;
  color: #333333;
}


/*review section*/

.starReview{display: inline-block;}
.ourRating{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  text-align: justify;
  color: #666666;
}

.shareReviewText{
  font-size: 13px;
  line-height: 1.85;
  letter-spacing: 0.4px;
  color: #666666;
  margin-right: 15px;
}

.writeLink{
  width: 190px;
  height: 40px;
  background-color: #ffb000;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  text-align: center;
  color: #ffffff;
  line-height: 40px;
  text-transform: uppercase;
}
.writeLink:hover{
  background: #ffbd2b;  
}
.WriteReview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.reviewHeading{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.88;
  letter-spacing: 0.4px;
  color: #33333a;
  padding: 20px 0;

}

.reviewMange{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;

}

.posted{
  font-size: 15px;
  line-height: 1.67;
  color: #666666;
  padding-top:10px;
border-top: 1px solid #eaeaea;
}
.posted span:first-child{  
  color: #33333a;
}



.reviewPara{
  font-size: 14px;
  line-height: 1.79;
  letter-spacing: 0.4px;
  color: #4a4a4a;
padding-bottom:10px;
}

.moreReveiw{
  font-size: 12px;
  font-weight: 500;
  line-height: 3.33;
  letter-spacing: 1px;
  color: #ff5e1b;
  display: block;
  cursor: pointer;
}


/*instagram section*/
.instagramSection img{
    width: 100%;
} 
.instaItem{
  margin-bottom: 15px;
}

/*=======================
  tab box checkout page
=========================*/

.tabSection{
  float: left;
  width: 65%;
  padding: 0 15px;
}

.cartSection{
  width: 35%;
  float: left;
  padding: 0 15px;
}

.tabitem ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.tabitem ul li{
  display: inline-block;
  width: 33.33%;
  padding: 10px 20px;
  background: #FDFCF9;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.4px;
  text-align: center;
  color: #d4d9dd;
  cursor: pointer
}
.tabitem ul li.tabactive{
  color: #1b2125;
  background-color: rgba(255, 176, 0, 0.63);
}
.headingMeduium{
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #333333;
}
.returnShop .btnCart{ 
  display: inline-block;
  width: 250px;
  height: 48px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 7px 0 rgba(120, 137, 149, 0.26);
          box-shadow: 0 2px 7px 0 rgba(120, 137, 149, 0.26);
  background-color: #ffb000;
  font-weight: 500;
  letter-spacing: 0.4px;
  text-align: center;
  color: #ffffff;
  line-height: 48px;
  border: none;
  cursor: pointer;
  font-size: 16px;
  text-transform: uppercase;
}
.returnShop span{
  font-size: 14px;
  font-weight: 500;
  color: #788995;
}


.submitbox{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.cartInfo{
  background: #fff;
  padding: 0px;
}
.totalItem{
    height: 30px;
    width: 30px;
    background: #ffb000;
    border-radius: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #ffffff;
}
.headingcart{
  border-bottom: 1px solid #e4eaee;
  padding-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cartitem{
  margin-top:20px; 
  clear: both;
}
.cartitemImg{
  float: left;
  width: 30%;
  background: #fff;
  padding: 10px;
}
.cartitemImg img{
  width: 100%;
}
.cartitemContent{
  float: left;
  width: 70%;
  padding: 0px 20px;
}
.cartitemContent h5{
  font-size: 14px;
  line-height: 1.71;
  color: #788995;
  font-weight: 500;
}
.cartitemContent p{
  font-size: 14px;
  font-weight: 500;
  color: #788995;
  margin-top: 10px;
}
.applyCoupon{
    margin-top: 40px;
}
.headingCoupon{
  font-size: 14px;
  font-weight: 500;
  line-height: 1.71;
  color: #7ed321;
}
.CouponBox{
  padding: 20px 0px;
  border-top: 1px solid #e4eaee;
  border-bottom: 1px solid #e4eaee;
}

.CouponBox p{
  font-size: 14px;
  font-weight: 500;
  line-height: 1.71;
  color: #1b2125;
  display: inline-block;
  margin-top: 5px;
}

.applybtn{
  width: 82px;
  height: 32px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 7px 0 rgba(120, 137, 149, 0.26);
          box-shadow: 0 2px 7px 0 rgba(120, 137, 149, 0.26);
  background-color: #ffb000;
  font-size: 14px;
  letter-spacing: 0.4px;
  text-align: center;
  color: #ffffff;
  line-height: 32px;
  border:none;
  cursor: pointer;
  float: right;
  text-transform: uppercase
  }
  
  .btnOncoupon{
    position: absolute;
    top: 32px;
    right: 10px;
  }

  .couponForm{
    position: relative;
  }
  .couponForm label{
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.4px;
    color: #788995;
  
  }

  .couponForm input{
    display: block;
    width: 100%;
    height: 48px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dde3e8;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  }


  .priceBox{
    padding: 20px 0;
    border-bottom: 1px solid #e4eaee;
  }

  .priceBox p{
  margin-bottom: 20px ;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.4px;
  color: #788995;
    display: block;
  }
  .priceBox p:last-child{
    margin: 0px;
  }

  .priceBox span{
    float: right;
    }

    .priceTotal{
      margin-top: 20px;

    }
    .priceTotal p{
      font-size: 16px;
      font-weight: 500;
      line-height: 1.5;
      color: #1b2125;
    }
    .priceTotal p span{
      float: right;
    }

    .couponOpen{
      display: none;
    }

    .teafloorForm .citycodebtn{
      background: none;
      border: none;
      border-left: 1px solid #dde3e8;
      height: 48px;
      position: absolute;
      top: 19px;
      right: 0px;
      padding: 0px 20px;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 0.2px;
      color: #ffb000;
      text-transform: uppercase;
      cursor: pointer;
      width: inherit;
      -webkit-box-shadow: none;
              box-shadow: none;
    }
    .borderLine{
      border:1px solid #dde3e8;
    }
    .pad-0{
      padding: 0px!important;
    }
    .paymentOption{
      padding: 20px;
      margin-bottom: 20px;
    }
    .paymentOption label{
      text-transform: capitalize;
      cursor: pointer; 
    }

    
    input:checked ~ .radioDesign:after {
      background: #0095f8!important;
    }

    input:checked ~ .radioDesign {
      background:#0095f8 !important;
      padding: 10px;
    }
   
   .radioDesign{
        background:#d4d9dd;
        width: 22px;
        height: 22px;
        border-radius: 30px;
        display: inline-block;
        position: relative;
        border: 1px solid #fff;
    }
    .radioDesign:after{
      position: absolute;
      content: '';
      border: 3px solid #fff;
      height: 8px;
      width: 8px;
      background: #fff;
      border-radius: 15px;
      top: 3px;
      left: 3px;
    }
     
    .paymentOption input{
     display: none;
    }
     
  .paymentOption p{
    font-size: 14px;
    line-height: 1.71;
    color: #9b9b9b;
    padding:10px 0px 0 35px;
  }
  .paymentOption label span{
    position: relative;
    top: -5px;
    padding-left: 10px;
  }
  .shipoption{
    float: right;      
    margin-top: 5px;
  }
  .imageWrapper{
    width: 100%;
    margin-top: 20px;
    min-height:20px;
    background: #f5f5f5; 
  }

   .imageWrapper img:first-child{
     display: block;
  }

     .imageWrapper img:last-child{
        display: none;
  }
  .aboutContact p{
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.4px;
    text-align: center;
    color: #333333;
  }
  .aboutFrom{
    margin-top: 20px;
  }
  .aboutContact p span{
      font-weight: 500;
   }

   .formCenter{
     width: 50%;
     margin: auto
   }

   .teafloorForm button{
    height: 48px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 7px 0 rgba(120, 137, 149, 0.26);
            box-shadow: 0 2px 7px 0 rgba(120, 137, 149, 0.26);
    background-color: #ffb000;
    line-height: 48px;
    border: none;
    width: 270px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.4px;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
  }


  .teafloor-life{
    padding: 0px 0px 0px 0;
  }
  .teaware{
    padding: 0px 0px 0px 0;
  }
  .readingSection{
    padding: 0px 0px 60px 0;

  }
  .necessarySection{
    padding: 30px 0px 0px 0;
  }
  /*grid for home page*/

  .mainWrap{
    height: auto;
  }

  .portfolio{
    display: -ms-grid;
    display: grid;
    height: 100%;
    -ms-grid-rows:1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-rows:repeat(12, 1fr);
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(12, 1fr) ;
    grid-gap: 20px;
  }

  .portfolio > *:nth-child(1){
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  }

  .portfolio > *:nth-child(2){
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  }

  .portfolio > *:nth-child(3){
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  }

  .portfolio > *:nth-child(4){
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  }

  .portfolio > *:nth-child(5){
  -ms-grid-row: 1;
  -ms-grid-column: 9;
  }

  .portfolio > *:nth-child(6){
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  }

  .portfolio > *:nth-child(7){
  -ms-grid-row: 1;
  -ms-grid-column: 13;
  }

  .portfolio > *:nth-child(8){
  -ms-grid-row: 1;
  -ms-grid-column: 15;
  }

  .portfolio > *:nth-child(9){
  -ms-grid-row: 1;
  -ms-grid-column: 17;
  }

  .portfolio > *:nth-child(10){
  -ms-grid-row: 1;
  -ms-grid-column: 19;
  }

  .portfolio > *:nth-child(11){
  -ms-grid-row: 1;
  -ms-grid-column: 21;
  }

  .portfolio > *:nth-child(12){
  -ms-grid-row: 1;
  -ms-grid-column: 23;
  }

  .portfolio > *:nth-child(13){
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  }

  .portfolio > *:nth-child(14){
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  }

  .portfolio > *:nth-child(15){
  -ms-grid-row: 3;
  -ms-grid-column: 5;
  }

  .portfolio > *:nth-child(16){
  -ms-grid-row: 3;
  -ms-grid-column: 7;
  }

  .portfolio > *:nth-child(17){
  -ms-grid-row: 3;
  -ms-grid-column: 9;
  }

  .portfolio > *:nth-child(18){
  -ms-grid-row: 3;
  -ms-grid-column: 11;
  }

  .portfolio > *:nth-child(19){
  -ms-grid-row: 3;
  -ms-grid-column: 13;
  }

  .portfolio > *:nth-child(20){
  -ms-grid-row: 3;
  -ms-grid-column: 15;
  }

  .portfolio > *:nth-child(21){
  -ms-grid-row: 3;
  -ms-grid-column: 17;
  }

  .portfolio > *:nth-child(22){
  -ms-grid-row: 3;
  -ms-grid-column: 19;
  }

  .portfolio > *:nth-child(23){
  -ms-grid-row: 3;
  -ms-grid-column: 21;
  }

  .portfolio > *:nth-child(24){
  -ms-grid-row: 3;
  -ms-grid-column: 23;
  }

  .portfolio > *:nth-child(25){
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  }

  .portfolio > *:nth-child(26){
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  }

  .portfolio > *:nth-child(27){
  -ms-grid-row: 5;
  -ms-grid-column: 5;
  }

  .portfolio > *:nth-child(28){
  -ms-grid-row: 5;
  -ms-grid-column: 7;
  }

  .portfolio > *:nth-child(29){
  -ms-grid-row: 5;
  -ms-grid-column: 9;
  }

  .portfolio > *:nth-child(30){
  -ms-grid-row: 5;
  -ms-grid-column: 11;
  }

  .portfolio > *:nth-child(31){
  -ms-grid-row: 5;
  -ms-grid-column: 13;
  }

  .portfolio > *:nth-child(32){
  -ms-grid-row: 5;
  -ms-grid-column: 15;
  }

  .portfolio > *:nth-child(33){
  -ms-grid-row: 5;
  -ms-grid-column: 17;
  }

  .portfolio > *:nth-child(34){
  -ms-grid-row: 5;
  -ms-grid-column: 19;
  }

  .portfolio > *:nth-child(35){
  -ms-grid-row: 5;
  -ms-grid-column: 21;
  }

  .portfolio > *:nth-child(36){
  -ms-grid-row: 5;
  -ms-grid-column: 23;
  }

  .portfolio > *:nth-child(37){
  -ms-grid-row: 7;
  -ms-grid-column: 1;
  }

  .portfolio > *:nth-child(38){
  -ms-grid-row: 7;
  -ms-grid-column: 3;
  }

  .portfolio > *:nth-child(39){
  -ms-grid-row: 7;
  -ms-grid-column: 5;
  }

  .portfolio > *:nth-child(40){
  -ms-grid-row: 7;
  -ms-grid-column: 7;
  }

  .portfolio > *:nth-child(41){
  -ms-grid-row: 7;
  -ms-grid-column: 9;
  }

  .portfolio > *:nth-child(42){
  -ms-grid-row: 7;
  -ms-grid-column: 11;
  }

  .portfolio > *:nth-child(43){
  -ms-grid-row: 7;
  -ms-grid-column: 13;
  }

  .portfolio > *:nth-child(44){
  -ms-grid-row: 7;
  -ms-grid-column: 15;
  }

  .portfolio > *:nth-child(45){
  -ms-grid-row: 7;
  -ms-grid-column: 17;
  }

  .portfolio > *:nth-child(46){
  -ms-grid-row: 7;
  -ms-grid-column: 19;
  }

  .portfolio > *:nth-child(47){
  -ms-grid-row: 7;
  -ms-grid-column: 21;
  }

  .portfolio > *:nth-child(48){
  -ms-grid-row: 7;
  -ms-grid-column: 23;
  }

  .portfolio > *:nth-child(49){
  -ms-grid-row: 9;
  -ms-grid-column: 1;
  }

  .portfolio > *:nth-child(50){
  -ms-grid-row: 9;
  -ms-grid-column: 3;
  }

  .portfolio > *:nth-child(51){
  -ms-grid-row: 9;
  -ms-grid-column: 5;
  }

  .portfolio > *:nth-child(52){
  -ms-grid-row: 9;
  -ms-grid-column: 7;
  }

  .portfolio > *:nth-child(53){
  -ms-grid-row: 9;
  -ms-grid-column: 9;
  }

  .portfolio > *:nth-child(54){
  -ms-grid-row: 9;
  -ms-grid-column: 11;
  }

  .portfolio > *:nth-child(55){
  -ms-grid-row: 9;
  -ms-grid-column: 13;
  }

  .portfolio > *:nth-child(56){
  -ms-grid-row: 9;
  -ms-grid-column: 15;
  }

  .portfolio > *:nth-child(57){
  -ms-grid-row: 9;
  -ms-grid-column: 17;
  }

  .portfolio > *:nth-child(58){
  -ms-grid-row: 9;
  -ms-grid-column: 19;
  }

  .portfolio > *:nth-child(59){
  -ms-grid-row: 9;
  -ms-grid-column: 21;
  }

  .portfolio > *:nth-child(60){
  -ms-grid-row: 9;
  -ms-grid-column: 23;
  }

  .portfolio > *:nth-child(61){
  -ms-grid-row: 11;
  -ms-grid-column: 1;
  }

  .portfolio > *:nth-child(62){
  -ms-grid-row: 11;
  -ms-grid-column: 3;
  }

  .portfolio > *:nth-child(63){
  -ms-grid-row: 11;
  -ms-grid-column: 5;
  }

  .portfolio > *:nth-child(64){
  -ms-grid-row: 11;
  -ms-grid-column: 7;
  }

  .portfolio > *:nth-child(65){
  -ms-grid-row: 11;
  -ms-grid-column: 9;
  }

  .portfolio > *:nth-child(66){
  -ms-grid-row: 11;
  -ms-grid-column: 11;
  }

  .portfolio > *:nth-child(67){
  -ms-grid-row: 11;
  -ms-grid-column: 13;
  }

  .portfolio > *:nth-child(68){
  -ms-grid-row: 11;
  -ms-grid-column: 15;
  }

  .portfolio > *:nth-child(69){
  -ms-grid-row: 11;
  -ms-grid-column: 17;
  }

  .portfolio > *:nth-child(70){
  -ms-grid-row: 11;
  -ms-grid-column: 19;
  }

  .portfolio > *:nth-child(71){
  -ms-grid-row: 11;
  -ms-grid-column: 21;
  }

  .portfolio > *:nth-child(72){
  -ms-grid-row: 11;
  -ms-grid-column: 23;
  }

  .portfolio > *:nth-child(73){
  -ms-grid-row: 13;
  -ms-grid-column: 1;
  }

  .portfolio > *:nth-child(74){
  -ms-grid-row: 13;
  -ms-grid-column: 3;
  }

  .portfolio > *:nth-child(75){
  -ms-grid-row: 13;
  -ms-grid-column: 5;
  }

  .portfolio > *:nth-child(76){
  -ms-grid-row: 13;
  -ms-grid-column: 7;
  }

  .portfolio > *:nth-child(77){
  -ms-grid-row: 13;
  -ms-grid-column: 9;
  }

  .portfolio > *:nth-child(78){
  -ms-grid-row: 13;
  -ms-grid-column: 11;
  }

  .portfolio > *:nth-child(79){
  -ms-grid-row: 13;
  -ms-grid-column: 13;
  }

  .portfolio > *:nth-child(80){
  -ms-grid-row: 13;
  -ms-grid-column: 15;
  }

  .portfolio > *:nth-child(81){
  -ms-grid-row: 13;
  -ms-grid-column: 17;
  }

  .portfolio > *:nth-child(82){
  -ms-grid-row: 13;
  -ms-grid-column: 19;
  }

  .portfolio > *:nth-child(83){
  -ms-grid-row: 13;
  -ms-grid-column: 21;
  }

  .portfolio > *:nth-child(84){
  -ms-grid-row: 13;
  -ms-grid-column: 23;
  }

  .portfolio > *:nth-child(85){
  -ms-grid-row: 15;
  -ms-grid-column: 1;
  }

  .portfolio > *:nth-child(86){
  -ms-grid-row: 15;
  -ms-grid-column: 3;
  }

  .portfolio > *:nth-child(87){
  -ms-grid-row: 15;
  -ms-grid-column: 5;
  }

  .portfolio > *:nth-child(88){
  -ms-grid-row: 15;
  -ms-grid-column: 7;
  }

  .portfolio > *:nth-child(89){
  -ms-grid-row: 15;
  -ms-grid-column: 9;
  }

  .portfolio > *:nth-child(90){
  -ms-grid-row: 15;
  -ms-grid-column: 11;
  }

  .portfolio > *:nth-child(91){
  -ms-grid-row: 15;
  -ms-grid-column: 13;
  }

  .portfolio > *:nth-child(92){
  -ms-grid-row: 15;
  -ms-grid-column: 15;
  }

  .portfolio > *:nth-child(93){
  -ms-grid-row: 15;
  -ms-grid-column: 17;
  }

  .portfolio > *:nth-child(94){
  -ms-grid-row: 15;
  -ms-grid-column: 19;
  }

  .portfolio > *:nth-child(95){
  -ms-grid-row: 15;
  -ms-grid-column: 21;
  }

  .portfolio > *:nth-child(96){
  -ms-grid-row: 15;
  -ms-grid-column: 23;
  }

  .portfolio > *:nth-child(97){
  -ms-grid-row: 17;
  -ms-grid-column: 1;
  }

  .portfolio > *:nth-child(98){
  -ms-grid-row: 17;
  -ms-grid-column: 3;
  }

  .portfolio > *:nth-child(99){
  -ms-grid-row: 17;
  -ms-grid-column: 5;
  }

  .portfolio > *:nth-child(100){
  -ms-grid-row: 17;
  -ms-grid-column: 7;
  }

  .portfolio > *:nth-child(101){
  -ms-grid-row: 17;
  -ms-grid-column: 9;
  }

  .portfolio > *:nth-child(102){
  -ms-grid-row: 17;
  -ms-grid-column: 11;
  }

  .portfolio > *:nth-child(103){
  -ms-grid-row: 17;
  -ms-grid-column: 13;
  }

  .portfolio > *:nth-child(104){
  -ms-grid-row: 17;
  -ms-grid-column: 15;
  }

  .portfolio > *:nth-child(105){
  -ms-grid-row: 17;
  -ms-grid-column: 17;
  }

  .portfolio > *:nth-child(106){
  -ms-grid-row: 17;
  -ms-grid-column: 19;
  }

  .portfolio > *:nth-child(107){
  -ms-grid-row: 17;
  -ms-grid-column: 21;
  }

  .portfolio > *:nth-child(108){
  -ms-grid-row: 17;
  -ms-grid-column: 23;
  }

  .portfolio > *:nth-child(109){
  -ms-grid-row: 19;
  -ms-grid-column: 1;
  }

  .portfolio > *:nth-child(110){
  -ms-grid-row: 19;
  -ms-grid-column: 3;
  }

  .portfolio > *:nth-child(111){
  -ms-grid-row: 19;
  -ms-grid-column: 5;
  }

  .portfolio > *:nth-child(112){
  -ms-grid-row: 19;
  -ms-grid-column: 7;
  }

  .portfolio > *:nth-child(113){
  -ms-grid-row: 19;
  -ms-grid-column: 9;
  }

  .portfolio > *:nth-child(114){
  -ms-grid-row: 19;
  -ms-grid-column: 11;
  }

  .portfolio > *:nth-child(115){
  -ms-grid-row: 19;
  -ms-grid-column: 13;
  }

  .portfolio > *:nth-child(116){
  -ms-grid-row: 19;
  -ms-grid-column: 15;
  }

  .portfolio > *:nth-child(117){
  -ms-grid-row: 19;
  -ms-grid-column: 17;
  }

  .portfolio > *:nth-child(118){
  -ms-grid-row: 19;
  -ms-grid-column: 19;
  }

  .portfolio > *:nth-child(119){
  -ms-grid-row: 19;
  -ms-grid-column: 21;
  }

  .portfolio > *:nth-child(120){
  -ms-grid-row: 19;
  -ms-grid-column: 23;
  }

  .portfolio > *:nth-child(121){
  -ms-grid-row: 21;
  -ms-grid-column: 1;
  }

  .portfolio > *:nth-child(122){
  -ms-grid-row: 21;
  -ms-grid-column: 3;
  }

  .portfolio > *:nth-child(123){
  -ms-grid-row: 21;
  -ms-grid-column: 5;
  }

  .portfolio > *:nth-child(124){
  -ms-grid-row: 21;
  -ms-grid-column: 7;
  }

  .portfolio > *:nth-child(125){
  -ms-grid-row: 21;
  -ms-grid-column: 9;
  }

  .portfolio > *:nth-child(126){
  -ms-grid-row: 21;
  -ms-grid-column: 11;
  }

  .portfolio > *:nth-child(127){
  -ms-grid-row: 21;
  -ms-grid-column: 13;
  }

  .portfolio > *:nth-child(128){
  -ms-grid-row: 21;
  -ms-grid-column: 15;
  }

  .portfolio > *:nth-child(129){
  -ms-grid-row: 21;
  -ms-grid-column: 17;
  }

  .portfolio > *:nth-child(130){
  -ms-grid-row: 21;
  -ms-grid-column: 19;
  }

  .portfolio > *:nth-child(131){
  -ms-grid-row: 21;
  -ms-grid-column: 21;
  }

  .portfolio > *:nth-child(132){
  -ms-grid-row: 21;
  -ms-grid-column: 23;
  }

  .portfolio > *:nth-child(133){
  -ms-grid-row: 23;
  -ms-grid-column: 1;
  }

  .portfolio > *:nth-child(134){
  -ms-grid-row: 23;
  -ms-grid-column: 3;
  }

  .portfolio > *:nth-child(135){
  -ms-grid-row: 23;
  -ms-grid-column: 5;
  }

  .portfolio > *:nth-child(136){
  -ms-grid-row: 23;
  -ms-grid-column: 7;
  }

  .portfolio > *:nth-child(137){
  -ms-grid-row: 23;
  -ms-grid-column: 9;
  }

  .portfolio > *:nth-child(138){
  -ms-grid-row: 23;
  -ms-grid-column: 11;
  }

  .portfolio > *:nth-child(139){
  -ms-grid-row: 23;
  -ms-grid-column: 13;
  }

  .portfolio > *:nth-child(140){
  -ms-grid-row: 23;
  -ms-grid-column: 15;
  }

  .portfolio > *:nth-child(141){
  -ms-grid-row: 23;
  -ms-grid-column: 17;
  }

  .portfolio > *:nth-child(142){
  -ms-grid-row: 23;
  -ms-grid-column: 19;
  }

  .portfolio > *:nth-child(143){
  -ms-grid-row: 23;
  -ms-grid-column: 21;
  }

  .portfolio > *:nth-child(144){
  -ms-grid-row: 23;
  -ms-grid-column: 23;
  }

  .portfolio-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    position: relative;
  }

  .portfolio-item a{
    display: block;
    height: 100%;
  }
  .portfolio-item img{
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }

  .portfolio .one{
      -ms-grid-row-span: 6;
      grid-row: span 6;
      -ms-grid-column-span: 8;
      grid-column: span 8;
  }

  .portfolio .two{
    -ms-grid-row-span: 3;
    grid-row: span 3;
    -ms-grid-column-span: 4;
    grid-column: span 4;
}
.portfolio .three{
  -ms-grid-row-span: 6;
  grid-row: span 6;
  -ms-grid-column-span: 4;
  grid-column: span 4;
}

.portfolio .four{
  -ms-grid-row-span: 6;
  grid-row: span 6;
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
.portfolio .five{
  -ms-grid-row-span: 3;
  grid-row: span 3;
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
.portfolio .six{
  -ms-grid-row-span: 3;
  grid-row: span 3;
  -ms-grid-column-span: 8;
  grid-column: span 8;
}

.grid-text{
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0.4px;
  color: #ffffff;
  position: absolute;
  left: 20px;
  top: 20px;
  text-transform: uppercase;
  z-index: 5;
}

/*==========================
       Teaware Grid
===========================*/

.teaware-wrap{
  display: -ms-grid;
  display: grid;
  height: 100%;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(12, 1fr) ;
  grid-gap: 20px;
}
.teaware-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.teaware-item a {
    display: contents;
}
.teaware-item img{ 
  width: 100%;
  height: 100%;
}

.teaware-one{
  -ms-grid-row-span: 4;
  grid-row: span 4;
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
.teaware-two{
  -ms-grid-row-span: 2;
  grid-row: span 2;
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
.teaware-three{
  -ms-grid-row-span: 4;
  grid-row: span 4;
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
.teaware-four{
  -ms-grid-row-span: 4;
  grid-row: span 4;
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
.teaware-five{
  -ms-grid-row-span: 2;
  grid-row: span 2;
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
.teaware-six{
  -ms-grid-row-span: 2;
  grid-row: span 2;
  -ms-grid-column-span: 8;
  grid-column: span 8;
}


/*========================
        Reading
=========================*/
.reading{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.reading-item{
  padding: 10px;
  position: relative;
}

.reading-item img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.reading-relation{
  position: relative;
      height: 100%;
}
.readingoverlay{
  position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
    opacity: 0;
    -webkit-transition: all .30s;
    -o-transition: all .30s;
    transition: all .30s;
    background: rgba(0, 0, 0, 0.8);
}
.readingoverlay h4{
      font-size: 16px;
    font-weight: 500;

    color: #fff;
    
 }
.reading-relation:hover .readingoverlay{
    opacity: 1;

}

.reading-1{
  width: 25%;
}
.reading-2{
  width: 30%;
}
.reading-3{
  width: 25%;
}
.reading-4{
  width: 20%;
}
.reading-5{
  width: 20%;
}
.reading-6{
  width: 30%;
}
.reading-7{
  width: 25%;
}
.reading-8{
  width: 25%;
}
/*slide navition*/

#overlaymobileNav{
    position: fixed;
    background: rgba(0, 0, 0, 0.55);
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 999;
    display: none;
}


.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding-top: 40px;
  z-index: 9999;
}

.sidenav li a, .sidenav a{
  color: #333;
      display: block;
}
 .sidenav li{
  padding: 8px 8px 8px 12px;
  text-decoration: none;
  font-size: 25px;
  color: #fff;
  display: block;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.sidenav a:hover {
  color: #000;
}
.sidenav .closebtn {
  position: absolute;
  top: 24px;
  left: 18px;
  margin-left: 0px;
}

.sidenav .closebtn img {
 height: 24px;
}

.mobileBox{
display: none;
}

.paymentSectionHide, .shipInfoHide, .formSectionHide{display: none;}
.teafloorData{display: block!important;}
.fotHelpbtn{
  margin-bottom: 10px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-weight: 500;
}

.review-Form{
  max-width: 640px;
  margin: auto;
  background: #f5f5f5;
  padding:10px;
  margin-top: 20px; 
  display: none;
}

/*input checkbox */


/*fontello*/
@font-face {
  font-family: 'fontello';
  src: url('https://teafloor.com/wp-content/themes/teafloor2-0/assets/font/fontello.eot');
  src: url('https://teafloor.com/wp-content/themes/teafloor2-0/assets/font/fontello.eot') format('embedded-opentype'),
       url('https://teafloor.com/wp-content/themes/teafloor2-0/assets/font/fontello.woff2') format('woff2'),
       url('https://teafloor.com/wp-content/themes/teafloor2-0/assets/font/fontello.woff') format('woff'),
       url('https://teafloor.com/wp-content/themes/teafloor2-0/assets/font/fontello.ttf') format('truetype'),
       url('https://teafloor.com/wp-content/themes/teafloor2-0/assets/font/fontello.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?65978098#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-ok:before { content: '\e800'; } /* '' */

/*end fontello*/

 .ais-refinement-list--label input::before {
    background-color: #fff;
    border: 1px solid #cecece;
    border-radius: 2px;
    content: "";
    display: inline-block;
    height: 15px;
    width: 15px;
    left: 0;
    position: absolute;
    -webkit-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    -o-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
 
}
 .ais-refinement-list--label input[type="checkbox"]:checked::after {
        bottom: 1px;
    color: #ffffff;
    content: '\e800';
    font-weight: 500;
    left: 2px;
    position: relative;
    font-family: "fontello";
}
 .ais-refinement-list--label input[type="checkbox"]:checked::before {
        background-color: #faaf00;
    border-color: #faaf00;
}

.mobile-tab{
  display: none;
}





/*==============================
          Dashboard
===============================*/

.headingInnerDash{
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #333333;
  position: relative;
}
.dashboardMenuWrapper{
  width: 22%;
  float: left;
  padding-right: 25px;
}

.dashboardMenu{
  background: #fbfbfb;
}

.dashboardMenu ul li{
  margin-bottom:0px; 
}
.dashboardMenu ul li.is-active a{
background: #faae01;
}
.dashboardMenu ul li a{
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 1.1px;
  color: #33333a;
  display: block;
  padding: 10px;
}
.dashboardMenu ul li.acitiveList a{
  font-weight: 600;
}
.dashboardProfile{
  margin-bottom:15px; 
}
.dashboardData{
  width: 78%;
  float: left;
  padding-left: 25px;
}

.editWrapper{
  border-radius: 3px;
  width: 50%;
  float: left;
}
.innerWrapper{
  padding: 30px 20px;
  border:1px solid #dde3e8;
}
.formWrapper .editWrapper:first-child{
  padding-right: 10px;
}

.formWrapper .editWrapper:last-child{
  padding-left: 10px;
}

.wrapHalfDiv{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wrapHalfDiv .teafloorForm{
  width: calc(50% - 6px)
}
.btnWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center
}
.btnWrapper button, .btnWrapper input[type=submit]{
  width: 228px;
  height: 48px;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 7px 0 rgba(120, 137, 149, 0.26);
          box-shadow: 0 2px 7px 0 rgba(120, 137, 149, 0.26);
  background-color: #ffb000;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.4px;
  text-align: center;
  color: #ffffff;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
}
.multiAddressWrapper{
  padding: 30px;
  border:1px solid #dde3e8;
  margin-top: 30px;
}
.addPadd{
 margin-top:20px;   
}

/* modal */
.modal{
  position: fixed;  
  top: 0px;
  bottom: 0px;
  left:  0px;
  right: 0px;
  background: rgba(74, 74, 74, 0.4);
  overflow-y: scroll;
  display: none;
  z-index: 999;
}


/* modal */
.modalYoutube{
  position: fixed;  
  top: 0px;
  bottom: 0px;
  left:  0px;
  right: 0px;
  background: rgba(74, 74, 74, 0.4);
  overflow-y: scroll;
  display: none;
  z-index: 999;
}


/* Modal Two */
.modal-two{
  position: fixed;  
  top: 0px;
  bottom: 0px;
  left:  0px;
  right: 0px;
  background: rgba(74, 74, 74, 0.4);
  overflow-y: scroll;
  display: none;
  z-index: 999;
}


.modal-backgroundclose {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: transparent;
}
.innerModal{
  width: 55%;
  background: #fff;
  padding: 20px 50px;
  margin: 5% auto;
  border-radius: 8px;
  position: relative;
  z-index: 50;
}


.modalYoutube .innerModal{
  width: 55%;
  background: #fff;
  padding: 10px ;
  margin: 5% auto;
  border-radius: 8px;
  position: relative;
  z-index: 50;
}
.modalYoutube .innerModal .cross-icon{

  
  text-align: right;
  position: relative;
  left: 0px;

}
.modalHead{
  margin: 0px 0px 30px 0;
}
.cross-icon{
  text-align: right;
  position: relative;
  left: 20px;
}
.cross-icon img{
  width: 14px;
  height: 14px;
  cursor: pointer;
}

.wishlistWrappper .wish-col-4{
  width: 33.33%;
  float: left; 
  margin-bottom: 20px; 
}
.wishlistWrappper .wish-col-4 p {
  margin-top: 10px;
}

.wishlistWrappper .wish-col-4 p a{ 
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.1px;
  color: #e40909;
}

.buyProductInfo{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.buyProductInfo img{
  width:52px;
}

.buyProductInfo p{
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #0095f8;
  padding: 0px 15px;
}

/*==================
      table
===================*/
table{
  width: 100%;
      border-spacing: 0px;
    border-collapse: separate;
}


table thead {
  background: #fbfbfb;
}

tbody th,  tbody td {
  padding: 20px 0 10px 0;
  text-align: left;
/*  border-bottom: 1px solid #ddd;*/
}



table thead th{
 text-align:left;
 font-size: 14px;
  font-weight: 500;
  line-height: 1.71;
  letter-spacing: 1.2px;
  color: #696969;

}
.orderhistoryDetail{
  text-align: left;
}
.orderhistoryDetail .orderId{
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.3px;
  color: #0095f8;
}
.orderhistoryDetail  .date{
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.8px;
  color: #333333;
  font-weight: 500;
}
.cancelled{
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.8px;
  color: #333333;
}
.quantity{
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.8px;
  color: #333333;
}

.Tprice{
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.8px;
  color: #292a23;
}
.btnWrappertable{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}

.btnWrappertable a{
  border-radius: 3px;
  background-color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.71;
  letter-spacing: 1.2px;
  color: #788995;
  padding: 4px 15px;
  border:1px solid #dde3e8
}

.btnWrappertable a:hover{
  border-radius: 3px;
  background-color: #ffc824;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.71;
  letter-spacing: 1.2px;
  color: #333333;
  padding: 4px 15px;
  border:1px solid #ffc824
}


.btnWrappertable img{
  margin-left: 10px;
  height: 18px!important;
  cursor: pointer; 
}

.deleteBtnWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.deleteBtnWrapper a{
    margin: 10px;
    text-transform: uppercase;
}

.deleteText p{
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-align: center;
  color: rgba(74, 74, 74, 0.7);
  padding: 0px 50px;
  margin-bottom: 50px;

}
.deleteBtnWrapper a:first-child{
  width: 160px;
  height: 48px;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 7px 0 rgba(120, 137, 149, 0.26);
          box-shadow: 0 2px 7px 0 rgba(120, 137, 149, 0.26);
  background-color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.4px;
  text-align: center;
  color: #4a4a4a;
  display: block;
    line-height: 48px;
}

.deleteBtnWrapper a:last-child{
  width: 160px;
  height: 48px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 7px 0 rgba(120, 137, 149, 0.26);
          box-shadow: 0 2px 7px 0 rgba(120, 137, 149, 0.26);
  background-color: #ffb000;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.4px;
  text-align: center;
  color: #ffffff;
  display: block;
    line-height: 48px;
}

.tableheadTxt{
  font-weight: 400;
  color: #9b9b9b;
}

@media only screen and (max-width: 767px) {
 /* Force table to not be like tables anymore */
#no-more-tables table, 
#no-more-tables thead, 
#no-more-tables tbody, 
#no-more-tables th, 
#no-more-tables td, 
#no-more-tables tr { 
  display: block; 
}
/* Hide table headers (but not display: none;, for accessibility) */
#no-more-tables thead tr { 
  position: absolute;
  top: -9999px;
  left: -9999px;
}
#no-more-tables tr { border: 1px solid #ccc; }
#no-more-tables td { 
  /* Behave  like a "row" */
  border: none;
  border-bottom: 1px solid #eee; 
  position: relative;
  padding-left: 50%; 
  white-space: normal;
  text-align:left;
}
#no-more-tables td:before { 
  /* Now like a table header */
  position: absolute;
  /* Top/left values mimic padding */
  top: 19px;
  left: 6px;
  width: 45%; 
  padding-right: 10px; 
  white-space: nowrap;
  text-align:left;
  font-weight: bold;
}
/*Label the data*/
#no-more-tables td:before {
  content: attr(data-title); 
  font-size: 14px;
  font-weight: 500;
  line-height: 1.71;
  letter-spacing: 1.2px;
  color: #696969;
}
}

.order-detail-total{
  padding: 20px;
  background-color: #fbfbfb;
  margin-top: 10px;
}

.order-detail-total p{
  font-size: 16px;
  font-weight: 600;
   line-height: 1.5;
  letter-spacing: 1.2px;
  text-align: right;
  color: #999999;
  margin-bottom: 15px;
}
.order-detail-total p > span{
  color: #333333;
  width: 200px;
  display: inline-block;
  text-align: left;
  padding-left: 20px;

 }
 .order-detail-total p > span span{
  color: #0095f8;
   }

.addresOnorder{
  margin-top: 20px;  
}

.addresOnorder p{
  font-size: 14px;
  line-height: 1.71;
  color: #9b9b9b;
  padding: 0px 50px 0 0;
}

.cancelBtn{
  width: 120px;
  height: 28px;
  border-radius: 3px;
  background-color: #f3f3f3;
  font-size: 14px;
  letter-spacing: 0.8px;
  color: #9b9b9b;
  display: inline-block;
  text-align: center;
  line-height: 28px;
  border:1px solid  #dedede;
}

.login-tab{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}

.lost-text{  
    margin-top: -15px;
    text-align: right;
    margin-bottom: 20px;
}

.lost-text a{
font-size: 13px;
    letter-spacing: 0.2px;
    color: #0095f8;
}

.signuptext a{color: #0095f8;
}



.login-tab a{
  display: inline-block;
  width: 50%;
  text-align: center;
  height: 40px;  
  line-height: 40px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.4px;
  text-align: center;
  text-transform: uppercase;
  background-color: #fdfcf9;
  color: #d4d9dd;
}
.login-tab a.activeLogin{
  background-color: rgba(255, 176, 0, 0.63);
  color: #1b2125;
}
.policy-register{
  font-size: 13px;
  line-height: 1.54;
  letter-spacing: 0.4px;
  color: #788995;
  margin-top: -15px;
  margin-bottom:10px; 
}

.btnWrapper2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btnWrapper2 button {
  width: 228px;
  height: 48px;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 7px 0 rgba(120, 137, 149, 0.26);
          box-shadow: 0 2px 7px 0 rgba(120, 137, 149, 0.26);
  background-color: #fff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.4px;
  text-align: center;
  color: #4a4a4a;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
}
.formWrapper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.processing-login{
  max-width: 880px;
  height: auto;
  margin: auto;
  background: #fbfbfb;
  border:1px solid #dde3e8;
  border-radius: 3px;
}
.facebook-twitter-wrappper{
  position: relative;
  width: 50%;
  float: left;
  text-align: center;
  background: #fbfbfb;
  padding: 90px 68px 60px;
  background: url('https://teafloor.com/wp-content/themes/teafloor2-0/assets/images/login-bg-img.jpg') no-repeat;
  background-size: 100% 100%;
}
.facebook-twitter-wrappper:before{
     content: '';
    position: absolute;
    background: rgba(255, 176, 0, 0.85);
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 0;
}
.login-register-form{ 
  padding: 50px 40px!important;
  background: #fff;
}
.login-register-form h3{
  font-size: 22px;
  font-weight: 500;
  line-height: 1.36;
  letter-spacing: 0.2px;
  color: #333333;
  margin-bottom:25px;
  text-align: center; 
}
.social-login{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}
.social-login a{
  height: 48px;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 10px;
  padding: 0px 14px;
}

.social-login a:hover{
  background: #fff;
  -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.35)  ;
          box-shadow:1px 1px 2px rgba(0, 0, 0, 0.35)  ;
  -webkit-transform: scale(1.1, 1.1);
      -ms-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}

.social-login a img{
  height: 24px;
  margin-right: 5px;
}

.social-login a:first-child{
  font-size: 16px;
  letter-spacing: 0.3px;
  color: #3b5998;
  border: 1px solid #3b5998;
}

.social-login a:last-child{
  font-size: 16px;
  letter-spacing: 0.3px;
  color: #dc4e41;
  border: 1px solid #dc4e41;
}
 
.login-para {
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  position: relative;
  background: #666;
  display: inline-block;
  z-index: 2;
}
.login-para p{
  background: #fff;
  padding: 0px 10px;
}
.login-para span{
  width: 300px;
  background: #4a4a4a;
  display: inline-block;
  height: 2px;
  position: absolute;
  top: 9px;
  z-index: -10;
  left: -24px;  
} 
div.loginMartingTop{
  position: relative;
}
div.loginMartingTop > h3{
    font-size: 25px;
    color: #ffffff;
    text-align: left;
    font-weight: 400;
    margin-bottom: 5px;
}
div.loginMartingTop > h4{
    font-size: 13px;
    font-style: italic;
    letter-spacing: 0.4px;
    font-weight: 400;
    color: #ffffff;
    line-height: 1.54;
    text-align: left;
}

.copyright-login-para{
  margin-top: 40px;
}
.copyright-login-para p{
  font-size: 14px;
   color: #999999;
  text-align: center
}

.transform-wrapper{
  width: 80%;
  margin: auto;
}


.transform-box{
  width: 33.33%;
  text-align: center;
  float: left;
  padding:30px; 
}

.transfrom-icon{
  height: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}


.transform-box h3{
  font-size: 18px;
  text-align: center;
  color: #4a4a4a;
  font-weight: 500;
}

.takePickBox{
    width: 100%;
  }

  .take-pick-section{
    padding: 40px 0;
  }

  .takePickBoxInside{
    border: 1px solid #dde3e8;
    border-radius: 3px;
    text-align: center;
    padding: 20px;

  }
  .takePickBox img{
    width: 100%;
  }

  .takePickBox h3{
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-align: center;
    color: #333333;
    font-weight: 500;
    margin: 10px 0;
  }
  
  .takePickBox h3 span{
    font-size: 26px;
  }
  
  .takePickBox p{
    font-size: 14px;
    line-height: 1.63;
    letter-spacing: 0.4px;
    text-align: center;
    color: #333333;
  }
  
  .takePickBox a{
    color: #4a4a4a;
    border: 1px solid #4a4a4a;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 3px;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 500;
 }

 .participate-Heading{
   text-align: center
 }
 .participate-Heading h4{
  font-size: 20px;
  letter-spacing: 0.2px;
  color: #4a4a4a;

  font-weight: 400;
  padding-bottom:15px; 

 }

.participate-Heading h4 span{
  font-size: 30px;
  font-weight: 500;

}

.participate-Heading p{
      font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.2px;
    text-align: center;
    color: rgba(74, 74, 74, 0.7);
    padding-bottom: 30px;
    padding: 0 60px 30px 60px;
}

.travel-para{

}

.travel-para p{
  font-size: 16px;
  line-height: 1.63;
  letter-spacing: 0.4px;
  text-align: center;
  color: #333333;

}

/*===============
  offer page 
===============*/

.offerInner{
  position: relative;
}

.offerwrapper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.offeritem{
  width: 100%;
  border-radius: 3px;
  background-color: #ffffff;
  border: 1px solid #dde3e8;
  position: relative;
  padding: 10px;
}
.offeritem img{ 
  width: 100%;
}

.offerData{

    position: absolute;
    top: 30%;
    width: 100%;
    left: 0px;
    padding: 10px 45px;
}
.offerData p{
  font-size: 12px;
  line-height: 2.17;
  letter-spacing: 0.2px;
  color: #333333;


}
.offerData h3{
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.4px;
  color: #333333;
  padding-top: 5px;
}
.offerData h2{
  
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: 0.4px;
  color: #333333;
}
.offerData h3 span{
  text-decoration: line-through;
  font-weight: 100;
}

.offerData a.btnLink{
  display: inline-block;
    background: #4a4a4a;
    padding: 10px 15px;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 15px;
}
.offerData a:hover{background: #000;}

li.cartbag.mobile-mega-menu{
    display: none;
}

.woocommerce-privacy-policy-text p {
  font-size: 13px;
  line-height: 1.54;
  letter-spacing: 0.4px;
  color: #788995;
  margin-top: -15px;
  margin-bottom: 10px;
}

/*new wholesale*/
.wholesaledata{


}

.wholesaledata h1{
  font-size: 36px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #4a4a4a;
}
.wholesaledata h2{
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #4a4a4a;
}
.wholesaledata h3{
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #4a4a4a;
}

.wholesaledata h4{
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #4a4a4a;
  margin:10px 0; 
}

.wholesaledata p{
  font-size: 14px;
  margin-bottom: 10px;

  line-height: 1.71;
  letter-spacing: 0.4px;
  text-align: justify;
  color: rgba(74, 74, 74, 0.7);

}
.whole-sale-banner{
      width: 100%;
      position: relative;
    }
    .whole-sale-banner img{
        width: 100%;
    }
    
    .wholePhone{
      opacity: 0.75;
    border-radius: 1.5px;
    background-color: #4d4d4d;
    display: inline-block;
    padding: 20px 20px;
    position: absolute;
    bottom: 30px;
    right: 0px;
    }

    .wholePhone img{
      width: 20px;
      position: relative;
      top: 5px;
    }

    .wholePhone a{
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 0.1px;
      color: #ffffff;
    }

  
    
    .whole-salefrom{
      -webkit-box-shadow: 0 0 2px 0 rgba(177, 177, 177, 0.5);
              box-shadow: 0 0 2px 0 rgba(177, 177, 177, 0.5);
      padding: 20px;
    }

    .woocommerce-MyAccount-content p{
      font-size: 14px;
      line-height: 1.71;
      letter-spacing: 0.4px;
      color: #333333;
    }


   .woocommerce-MyAccount-content a{
      color: #333333;
      font-weight: 600;
    }
     #myaccountAdress{
      margin-top: 20px;
     }

    #myaccountAdress > div h3{
  font-size: 22px;
  font-weight: 500;
  line-height: 1.36;
  letter-spacing: 0.2px;
  color: #333333;
    }

  #myaccountAdress > div a {
    padding: 10px 0;
    display: block;
    color: #faae01;
  }
  #myaccountAdress > div{
      border: 1px solid #dde3e8;
      padding: 10px!important;
      border-radius: 3px;
    }

  #myaccountAdress address{
font-size: 16px;
  line-height: 1.36;
  letter-spacing: 0.2px;
  color: #333333;

  }

  #wishlist-change-text a{
    line-height: 48px;
    padding: 0 10px;

  }
    #wishlist-change-text a:hover{
      background: #ffbe2a;
    }
table.shop_table.cart.wishlist_table tfoot{
      display: none;
    }

    form#yith-wcwl-form {
    padding: 0px;
}


      .wishlist-title  h2{
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 0.2px;
        color: #333333;
        padding: 10px 0!important;
      }

      footer.entry-footer, 
      nav.navigation.post-navigation {
          display: none;
      }

.mar_0_20{
  margin: 20px 0;  
}

fieldset{
  border: 1px solid #dde3e8;
border-radius: 3px;
margin-top: 20px;
}




/*mobile menu change*/


 #mySidenav #primary-menu ul.sub-menu {
  padding: 5px 0;
  background: #ebebeb;
  display: none;
  }
 #mySidenav   .navigationContent {
  list-style: none;
  padding-top: 42px;

 }
 #mySidenav #primary-menu > li{
  width: 100%;
  display: block;
  clear: both;
  position: relative;
  border-bottom:  1px solid #ebebeb;
  padding: 0px;
}
#mySidenav #primary-menu > li a{
      padding: 14px 16px 14px 10px;
  position: relative;

}




#mySidenav #primary-menu .sub-menu li{
  display: block;
  position: relative;
  border-bottom: none;
      padding: 0 5px;
}


#mySidenav #primary-menu .sub-menu li a{
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 1px;
  color: #33333a;
  text-transform: uppercase;
  padding: 5px 16px 5px 20px;
}

#mySidenav #primary-menu .sub-menu li:last-child{
   border-bottom: none;
}

.plus-minus-toggle {
  cursor: pointer;
  position: absolute;
  top:15px;
  right: 20px;
  z-index: 80;
  background: #fff;
  height: 20px;
  width: 20px;
  line-height: 20px;
}
 .plus-minus-toggle:before,
 .plus-minus-toggle:after {
  background: #000;
    content: '';
    height: 2px;
    left: 4px;
    position: absolute;
    top: 8px;
    width: 12px;
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    -o-transition: transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.plus-minus-toggle:after {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}
 .plus-minus-toggle.collapsed:after {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.plus-minus-toggle.collapsed:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}



/* buttons type*/
.teaFloorBtn{
  height: 48px;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 7px 0 rgba(120, 137, 149, 0.26);
          box-shadow: 0 2px 7px 0 rgba(120, 137, 149, 0.26);
  background-color: #ffb000;
  padding: 10px 20px;
  color: #fff;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 600;
}

.teaFloorBtn:hover{
   background: #ffbf00;
}

.cartBtn{
  width: 140px;
  height: 32px;
  background-color: #ffb000;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.2px;
  text-align: center;
  color: #ffffff;
  display: inline-block;
  line-height: 32px;
  border-radius: 3px; 
}
.cartBtn:hover{
    background: #ffbf00;
}


/*faq*/
.faqplus{
  top: 15px!important;
}

.faqHeading {
       background: #f9f9f9;
    position: relative;
    padding: 15px 20px;
    border-radius: 3px;
    border-bottom: 2px solid white;
    cursor: pointer;
}

.faqHeading h4{
  font-size:16px;
  font-weight: 500;
  line-height: 1.36;
  letter-spacing: 0.2px;
  color: #333333;

}
.faqdata {
    padding: 20px;
    background: white;
    border: 1px solid #f9f9f9;
    display: none;
    font-size: 14px;
    line-height: 1.79;
    letter-spacing: 0.4px;
    color: #4a4a4a;
}

.faqdata a{ color: #000; font-weight: 600; }

/*event*/
.eventListWrapper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.eventList{
      -ms-flex-preferred-size: calc(33.33% - 15px);
          flex-basis: calc(33.33% - 15px);
    margin-bottom: 15px;
    border: 1px solid #989898;
    padding: 10px;
    border-radius: 3px;
}

.eventList img{
    width: 100%;
    height: auto;
}

.eventList h5{
    font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.2px;
  color: #333333;

}


/*career page*/
.career-wrapper {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border: 1px solid #dde3e8;
    padding: 20px 30px;
    border-radius: 3px;
}

.career-wrapper h2{
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.5px;
  color: #333333;
}

.career-wrapper p{
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.4px;
  color: #333333;
  margin-top: 8px;
}

.careerBox a{
    color: #4a4a4a;
    border: 1px solid #4a4a4a;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 500;
}


.modalDesription {
    padding: 14px;
    background: #d3d3d3;
    margin-bottom: 30px;
}

.modalDesription h3{
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #4a4a4a;
}

.career-wrapper{
  margin-bottom: 30px;
}




.career-content h4, .career-content h5{
  font-size: 14px;
    font-weight: 600;
  line-height: 1.71;
  letter-spacing: 0.4px;
  color: #333333;
  margin-top: 10px;
}

.career-content p{
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.4px;
  color: #333333;
}

.career-content ul{
         list-style: disc;
    padding: 0px 20px;
}
.career-content ul li{
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.4px;
  color: #333333;
}
 .mailbox{
  border: 1px solid #dde3e8;
  padding: 20px;
  text-align: center;
  margin-top: 20px;
  background: url('https://teafloor.com/wp-content/uploads/2019/02/careerbg.jpg');
  background-size: 100% 100%;
}
 .mailbox p{
  font-size: 16px;
    line-height: 1.5;
  letter-spacing: 0.5px;
  text-align: center;
  color: #333333;
}
 .mailbox a{
  color: #0095f8;
}

.careerheading h4{
margin-bottom: 16px;
}

.careerheading h3 {
    margin-bottom: 16px;
}

.couponWrap{
  border: 1px solid #fff;
  border-radius: 3px;
  text-align: center;
  padding: 15px;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
      overflow: hidden;
}

.couponWrap:hover{
     border: 1px solid #ffc20538;
      -webkit-box-shadow: 0 1px 25px rgba(153, 153, 153, 0.5);
              box-shadow: 0 1px 25px rgba(153, 153, 153, 0.5);
    
}

.couponWrap:hover a{
  -webkit-box-shadow: inset 150px 0px 0 0 #feb60c;
          box-shadow: inset 150px 0px 0 0 #feb60c;
  color: #fff;
  border: 1px solid #faaf00;
}

.couponWrap img{
  width: 100%;
  border-radius:3px;
}

.couponWrap a{
  display: inline-block;
  padding: 5px 12px;
  border: 1px solid #333;
  color: #333; 
  border-radius: 8px;
}
/* Slider */
.slick-slide {
    margin: 0px 20px;
}
.slick-slide img {
    width: 100%;
}
.slick-slider{
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
 clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
    padding: 60px 0;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.tea-timebox{   
 width: calc(25% - 10px);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px; }

.tea-time-Wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

/* home  page bottom slider */
.heading-slide{
  font-size: 120px;
  font-weight: bold;
  letter-spacing: 0.2px;
  color: #4a4a4a;
  text-transform: uppercase;  
  -webkit-transition: all .60s;  
  -o-transition: all .60s;  
  transition: all .60s;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.slick-slide .slideWrapper img{
  -webkit-box-shadow: -1px -1px 15px 2px #00000040;
          box-shadow: -1px -1px 15px 2px #00000040;
}

.slick-slide:nth-child(even) .slideWrapper img{
  -webkit-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.slick-slide:nth-child(odd) .slideWrapper img{
  -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
          transform: rotate(10deg);
}

.slick-slide:nth-child(even) .heading-slide{
 color: #f3f3f4;
 -webkit-text-stroke: 0.9px #4a4a4a;
}

#animationSlider .slideWrapper{
  position: relative;
}
.wrapper{
      background: #f7f7f7;
}


#animationSlider .slick-slide img {
    display: initial!important;
    top: -1000px;
    position: relative;
    -webkit-transition: all 1.50s;
    -o-transition: all 1.50s;
    transition: all 1.50s;
    -webkit-transition-delay: .10s;
         -o-transition-delay: .10s;
            transition-delay: .10s;
    width: inherit;
}
#animationSlider .slick-slide.slick-current.slick-active.slick-center img{
  top: 10px;
  width: inherit; 
 }
 #animationSlider .slick-slide .nextdiv .slick-current .slick-active .slick-center .heading-slide{
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

#animationSlider .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 2rem 0;
  list-style-type: none;
}

#animationSlider .slick-dots li {
  margin: 0 0.25rem;
  cursor: pointer;
}

#animationSlider .slick-dots button {
  display: block;
  width: 14px;
  height: 14px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #d8d8d8;
  text-indent: -9999px;
}
#animationSlider .slick-dots li.slick-active button {
  background-color: #ffb000;
}

#animationSlider .slideContent h3{
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0px;
  color: #4a4a4a;
  text-transform: uppercase;
}

#animationSlider .slideContent p{
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0.3px;
  color: #5b5b5b;
}
#animationSlider .slideContent{
  width: 200px;
      position: absolute;
    bottom: -300px;
        -webkit-transition: all 1.50s;
        -o-transition: all 1.50s;
        transition: all 1.50s;
    -webkit-transition-delay: .10s;
         -o-transition-delay: .10s;
            transition-delay: .10s;
}

#animationSlider .slick-current .slideContent{
    width: 200px;
    position: absolute;
    bottom: 0px;
}

#animationSlider .slick-slide:nth-child(odd) .slideContent{
  left: -70px;
}

#animationSlider .slick-slide:nth-child(even) .slideContent{
  right: -70px;
}

/*home page bottom slider */

/*blog lsiting*/
.blogListing button{
  background: #faaf00;
    border: none;
    border-radius: 4px;
    margin-bottom: 30px;
}
.blogListing button a{
    color: #fff;
    font-size: 12px;
    padding: 10px 20px;
}

.blogListing p{
    font-size: 14px;
    line-height: 1.54;
    letter-spacing: 0.4px;
    color: rgba(74, 74, 74, 0.7);
    margin-bottom: 15px;
  
}
.blogListing a{
      color: #5d5d5d;
          letter-spacing: 0.4px;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 0;
    font-family: 'Poppins', sans-serif;
    line-height: 30px;
}