
/* -----Cover Spin Start-------*/

.cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}
.cover-spin h2{
 clear:both;
 float:left;
 position:absolute;
 top:50%; 
 left: 0;
 right:0;
 color:#8eb452;
 text-align:center;
}
.cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:#8eb452;
    border-top-color:transparent;
    border-width: 6px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

/* -----Cover Spin End-------*/
/* -----Cover Spin Start-------*/

.cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}
.cover-spin h2{
 clear:both;
 float:left;
 position:absolute;
 top:50%; 
 left: 0;
 right:0;
 color:#8eb452;
 text-align:center;
}
.cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:#8eb452;
    border-top-color:transparent;
    border-width: 6px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

/* -----Cover Spin End-------*/
.m-menu {
    color: #fff;
    font-size: 14px;
    background-color: rgba(0,0,0,.3);
    border: 1px solid #fff;
    padding: 7px 12px !important;
    outline: none;
    border-radius: 5px;
    transition: all .7s;
}


/*-- CHECKOUT FINAL PAGE --*/






.inner_mid{margin-bottom: 50px;}

.left_cart{}
.left_collapse{ width: 100%; text-align: left; padding-left: 10px; background:#337ab7; color: #fff; border:none;padding-top: 10px; padding-bottom: 10px; font-size: 17px; -webkit-box-shadow: 0px 3px 7px #c5c5c5;-moz-box-shadow: 0px 3px 7px #c5c5c5;
box-shadow: 0px 3px 7px #c5c5c5;}
.left_collapse span{color: #000; background: #fff; padding: 3px 7px; font-weight: bold; margin-right: 7px; border-radius: 2px; font-size: 12px;vertical-align: middle;}


.cart_inner{padding: 15px; background: #fff;  -webkit-box-shadow: 0px 3px 7px #c5c5c5;
-moz-box-shadow: 0px 3px 7px #c5c5c5;
box-shadow: 0px 3px 7px #c5c5c5;}
.cart_inner1{padding:0 15px 15px 15px; background: #fff;  -webkit-box-shadow: 0px 3px 7px #c5c5c5;
-moz-box-shadow: 0px 3px 7px #c5c5c5;
box-shadow: 0px 3px 7px #c5c5c5;}




.cart2{margin-top: 20px;}
.login_cart_top h4{ margin-top: 0;}
.login_cart_top h4 span{padding:2px 5px; background:#fff7c9; font-weight: bold;}
.login_cart_bottom p{ font-size: 13px;}

.login_cart_bottom p span{font-weight: bold;}



.add_new2{}
.add_new2 label{ color: #2874f0;}
.add_new2 label{ color: #2874f0;}
.add_new2 a{ display: inline-block; font-size: 13px;}

.cart_block2{ border: 1px solid #d1d1d1; padding: 10px; margin-bottom: 15px;}

.cart_image2{ max-width: 140px; max-height: 180px; margin-top: 4px; position: relative;}
.cart_image2 img{border: 1px solid #d1d1d1;}
.cart_detail2{}
.cart_detail2 p{font-size: 13px; color:#535766; font-weight: 600;}
.cart_detail_top2{ margin-bottom: 10px;}
.cart_detail_top2 a{ font-size: 14px; color:#000; font-weight: 600; letter-spacing: 1px; text-transform: uppercase;}
.cart_detail_top2 h6{margin: 0; font-size: 13px;}


.qty_div2{}
.qty_div2 p{ margin-top: 10px; font-weight: normal;}
.qty_div2 p span{font-size: 14px; color: #000; margin-right: 3px;}




.cart_price2{ text-align: right;}
.cart_price2 p{color: #444; font-weight: normal;}

.close_btn_div{position: absolute; top: -7px; right: -10px;}

.btn.btn-sm.btn-delete2 {
    padding: 6px 9px;
    font-size: 12px;
    min-width: 28px;
    min-height: 28px;
    border-radius: 50%; line-height:normal;
}

.btn-dark {
    color: #eaeaea;
    background-color: #3e3e3e;
    border-color: #3e3e3e;
}

.close_btn_div a i{color: #fff;}


.cart_inner2{padding: 0; margin-top: 15px;background: #fff; -webkit-box-shadow: 0px 3px 7px #777777;
-moz-box-shadow: 0px 3px 7px #777777;
box-shadow: 0px 3px 7px #777777;}


.conf_left{}
.conf_left p{margin: 0; font-size:13px; margin-top: 5px;}
.conf_left p span{font-weight: bold;}

.conf_right{ text-align: right;}
.edit{text-align: right;}


.address_box{ margin-top: 20px; background: #fff; -webkit-box-shadow: 0px 3px 7px #777777;
-moz-box-shadow: 0px 3px 7px #777777;
box-shadow: 0px 3px 7px #777777;}
.custom_border{border: 1px solid #c1c1c1;}

.address_box_inner{padding:10px 20px 20px 20px;}
.address_box a{ text-decoration: none;}
.address_box p{color: #333; margin: 0 0 0 0; padding: 0 0 0 0; font-size: 13px;}


.address_text{margin-bottom:0; margin-top: 10px;}

.address_box label{color: #333;}

label.card_label{font-size: 13px;}
.cards_pay{margin-left:20px; margin-top: 10px;}
.cards_pay p{margin-top: 10px;}
.cards_pay p span{border-bottom: 1px solid #000; font-weight: bold;}



.address_box_inner ul{ list-style: none;}
.address_box_inner ul li{ padding-bottom: 25px; padding-top: 25px; border-bottom: 1px solid #e0e0e0;}

.no_border_bottom{border-bottom:0 !important;}


.disabled{}


.price_details_div2{background: #fff; padding: 15px;margin-top: 10px;-webkit-box-shadow: 0px 3px 7px #777777;
-moz-box-shadow: 0px 3px 7px #777777;
box-shadow: 0px 3px 7px #777777;}
.price_details_div2 h2{font-size: 15px; color:#9b9a9a; margin-top:0; font-weight: bold;}
.price_details_div2 ul{ list-style: none;}
.price_details_div2 ul li{ font-size: 13px;}


.inner_sticky2{ position: -webkit-sticky;
  position: sticky;
  top:150px;}

.price_details_div2 p span{ color:#35b2b6;}

.line_break{border-top: 1px solid #e0e0e0; margin-top: 10px; margin-bottom: 10px;}
.amt_pay p{font-weight: bold;}


.safe{margin-top: 20px; padding:5px 15px 5px 15px; background: #fff7c9;}
.safe p{ color: #000; margin: 0;font-size: 13px;}



.new_body{background: #ededed;}



.material .form-radio,
.material .form-group {
  position: relative;
  margin-top: 30px;
  margin-bottom: 2.25rem;
}

.material .form-inline > .form-group,
.material .form-inline > .btn {
  display: inline-block;
  margin-bottom: 0;
}


.material .form-group input {
  height: 1.9rem;
}
.material .form-group textarea {
  resize: none;
}

.material .form-group .control-label {
  position: absolute;
  top: 0.25rem;
  pointer-events: none;
  padding-left: 0.125rem;
  z-index: 1;
  color: #b3b3b3;
  font-size: 14px;
  font-weight: normal;
  -webkit-transition: all 0.28s ease;
  transition: all 0.28s ease;
}
.material .form-group .bar {
  position: relative;
  border-bottom: 0.0625rem solid #999;
  display: block;
}
.material .form-group .bar::before {
  content: '';
  height: 0.125rem;
  width: 0;
  left: 50%;
  bottom: -0.0625rem;
  position: absolute;
  background: #337ab7;
  -webkit-transition: left 0.28s ease, width 0.28s ease;
  transition: left 0.28s ease, width 0.28s ease;
  z-index: 2;
}
.material .form-group input,
.material .form-group textarea {
  display: block;
  background: none;
  padding: 0.125rem 0.125rem 0.0625rem;
  font-size: 14px;
  border-width: 0;
  border-color: transparent;
  line-height: 1.9;
  width: 100%;
  color: transparent;
  -webkit-transition: all 0.28s ease;
  transition: all 0.28s ease;
  box-shadow: none;
}
.material .form-group input[type="file"] {
  line-height: 1;
}
.material .form-group input[type="file"] ~ .bar {
  display: none;
}
.material .form-group select,
.material .form-group input:focus,
.material .form-group input:valid,
.material .form-group input.form-file,
.material .form-group input.has-value,
.material .form-group textarea:focus,
.material .form-group textarea:valid,
.material .form-group textarea.form-file,
.material .form-group textarea.has-value {
  color: #333;
}
.material .form-group select ~ .control-label,
.material .form-group input:focus ~ .control-label,
.material .form-group input:valid ~ .control-label,
.material .form-group input.form-file ~ .control-label,
.material .form-group input.has-value ~ .control-label,
.material .form-group textarea:focus ~ .control-label,
.material .form-group textarea:valid ~ .control-label,
.material .form-group textarea.form-file ~ .control-label,
.material .form-group textarea.has-value ~ .control-label {
  font-size:12px;
  color: gray;
  top: -23px;
  left: 0;
}
.material .form-group select:focus,
.material .form-group input:focus,
.material .form-group textarea:focus {
  outline: none;
}
.material .form-group select:focus ~ .control-label,
.material .form-group input:focus ~ .control-label,
.material .form-group textarea:focus ~ .control-label {
  color: #337ab7;
}
.material .form-group select:focus ~ .bar::before,
.material .form-group input:focus ~ .bar::before,
.material .form-group textarea:focus ~ .bar::before {
  width: 100%;
  left: 0;
}

.material .checkbox label,
.material .form-radio label {
  position: relative;
  cursor: pointer;
  padding-left: 2rem;
  text-align: left;
  color: #333;
  display: block;
}
.material .checkbox input,
.material .form-radio input {
  width: auto;
  opacity: 0.00000001;
  position: absolute;
  left: 0;
}

.material h6{font-size: 13px;}

.material a{font-size: 13px;}

.heading2 h2 {
    color: #000;
    text-align: center;
    font-size: 45px;
    margin-bottom: 50px;
}

.heading2 h2 span {
    color: #000;
    padding-bottom: 40px;
}

.top_content {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.top_content p {
    padding-right: 100px;
    padding-left: 100px;
}

.customized {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 30px;
    background: rgb(226,108,160);
    background: -moz-linear-gradient(left, rgb(255 220 120) 0%, rgb(243 204 62) 100%);
    background: -webkit-linear-gradient(left, rgb(255 220 120) 0%, rgb(243 204 62) 100%);
    background: linear-gradient(to right, rgb(255 220 120) 0%, rgb(243 204 62) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e26ca0', endColorstr='#e4106f',GradientType=1 );
}

.img_bar{}
.img_bar img{width: 100%; margin-bottom: 20px;}


.img_bar_text{}
.img_bar_text h4{font-size: 24px; color: #fff; margin-top: 40px;}
.img_bar_text h5{font-size: 24px; color: #fff; margin-top: 40px; border-bottom: 1px solid #fff; padding-bottom: 5px;}
.img_bar_text h2{font-size: 50px; margin-top:0; color: #fff; line-height: 60px;}
.img_bar_text p{color: #fff; margin-top: 15px; line-height: 26px;}

.lower_content2{margin-bottom: 50px;}
.lower_content2 h4{margin: 0 0 25px 0; color: #d33939; font-weight: bold; text-transform: uppercase;letter-spacing: 1px;}

.lower_content2 h5{color: #2f5a9f;font-weight: bold; text-transform: uppercase;letter-spacing: 1px;}
.lower_content2 p{color: #000; font-size:13px;}



.term_mid{margin-top: 30px; margin-bottom: 30px;}
.term_mid h2{text-align: center; margin: 0 0 20px 0;background: #ededed; padding-top: 5px; padding-bottom: 5px;font-size:20px;text-transform: uppercase;letter-spacing: 1px;}


.abt_text2 ul{list-style: none; margin-bottom: 15px;}
.abt_text2 ul li img{display: inline-block; margin-right: 5px;margin-top: -4px;}
.abt_text2 ul li{font-weight: bold; line-height: 33px;}


.red-font{ color: red;}

.blog_outer{margin-top: 20px;}
.blog_box{border-bottom: 1px solid #e0e0e0; padding-bottom: 40px; margin-top: 70px;}
.blog_box ul{margin-left: 0; list-style: none; margin-top: 20px;}
.blog_box ul li{display: inline-block; margin-right: 5px;}

.blog_img_box{position: relative;}
.blog_img_box img{width: 100%;}
.date_box{position: absolute; top: -30px; left:20px; background: rgb(232,85,90); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(232,85,90,1) 0%, rgba(233,30,38,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(232,85,90,1) 0%,rgba(233,30,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(232,85,90,1) 0%,rgba(233,30,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8555a', endColorstr='#e91e26',GradientType=1);padding:5px 15px;}

.date_box h3{color: #fff; margin: 0 0 0 0; text-align: center;font-size: 20px;}
.date_box h3 span{font-weight: bold;}



.right_outer{margin-top:70px;}
.right_block{border: 1px solid #e0e0e0; padding: 10px 15px; margin-bottom: 20px;}
.right_block h3{margin-top: 10px; margin-bottom: 15px; font-size: 20px; font-weight: bold;position:relative;}
.right_block h3:before{content: ""; position: absolute; bottom: -10px; left: 0; width: 30px; height: 6px; background: rgb(232,85,90); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(232,85,90,1) 0%, rgba(233,30,38,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(232,85,90,1) 0%,rgba(233,30,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(232,85,90,1) 0%,rgba(233,30,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8555a', endColorstr='#e91e26',GradientType=1);}




ul.recent {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
}

ul.recent li {
	margin-bottom: 15px; border-bottom: 1px solid #777;
}

ul.recent li a {
	color: #000;
	font-size: 15px;
	letter-spacing: 1px;
	text-decoration: none;
	
	line-height: 25px;
}

ul.recent li a:hover {
	color: #333;
}

ul.recent li a i{font-size: 20px;}





.social_icons{}
.social_icons ul{list-style: none; margin-top: 20px;display: inline-block;}
.social_icons ul li{display: inline-block; margin: 0 7px;}
.social_icons ul li a{ color: #525252; text-decoration: none;}
.social_icons ul li a i{font-size: 16px;}


.social_icons h4{display: inline-block; color: #000;}
.social_icons h4 span{border-bottom: 1px solid #000; padding-bottom:0;}





.left_comment{width: 8%; float: left;}
.right_comment{ width: 92%; float: right;}
.right_comment p{font-size: 15px;}
.cmt_inner{padding-left:15px;}
.cmt_inner h6{margin-top: 0; font-size: 13px; color: #d66262;}

.left_comment img{width: 60px; height:60px; border-radius: 100%;}
.cmt_inner a{display: inline-block;}


.cmt_inner h5{margin: 0 0 5px 0; font-weight: bold; font-size: 16px;}


ul.rep_box{list-style: none;margin-top:0;margin-bottom: 10px;}
ul.rep_box li{display: inline-block;}
ul.rep_box li a{font-weight: normal; font-size: 15px; margin-top: 0; margin-right: 5px; color: #295caf; }
.rezise_plus{resize: none; border-radius: 8px;}

.like_list{text-align: right;}
.like_list a{font-size: 13px; margin-top: 0;color: #295caf; font-weight: normal;}


.blog_box h3{border-bottom: 1px solid #e0e0e0;}



.left_comment2{width: 14%; float: left;}
.right_comment2{ width: 86%; float: right;}


.left_comment2 img{width: 60px; height:60px; border-radius: 100%;}

.inner_reply{margin-left: 20px;}



.form_div_outer .form-control{ background: transparent; color: #333;border-bottom:1px solid #bababa;  font-size: 13px;border-top:none; border-right: none; border-left: none;  box-shadow:none;
	border-radius:0; resize: none;height: 60px;}


.form_div_outer ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #333;
  opacity: 1; /* Firefox */
}

.form_div_outer :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333;
}

.form_div_outer ::-ms-input-placeholder { /* Microsoft Edge */
  color: #333;
}




.lower_form_row{background: #f2f2f2; padding-bottom: 25px; margin-top: 30px;border: 1px solid #e0e0e0; margin-bottom: 30px;}








@media(max-width:1200px){

.left_comment{width: 10%; float: left;}
.right_comment{ width: 90%; float: right;}

	
}



@media (max-width: 992px) {
	
	.lower_form_row{margin-left: 0; margin-right: 0;}
	
	
	
	
}











@media(max-width:767px) {
   
	
	.left_comment{width:12%; float: left;}
.right_comment{ width: 88%; float: right;}
	
	
	
	
}

@media(max-width:479px) {
  	.left_comment{width:17%; float: left;}
.right_comment{ width: 83%; float: right;}
	.cmt_inner p{margin-top: -7px;}
	
	.left_comment2 img{width:40px; height:40px;}
	
	
	
}


@media(max-width:320px) {
	
}

.b_heading h2 span {
    background: rgb(232,85,90);
    background: -moz-linear-gradient(45deg, rgba(232,85,90,1) 0%, rgba(233,30,38,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(232,85,90,1) 0%,rgba(233,30,38,1) 100%);
    background: linear-gradient(45deg, rgba(232,85,90,1) 0%,rgba(233,30,38,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8555a', endColorstr='#e91e26',GradientType=1);
    padding: 5px 15px;
}

.b_heading h2 {
    color: #fff;
    text-align: center;
}