@font-face{
font-family: fastorder;
src : url('/api/public/font/AvenirLTStd-Roman.otf');
}
*{
	font-family: fastorder;
}
body{font-family: fastorder; text-align: inherit!important;}

#myCarousel .list-inline {
    white-space:nowrap;
    overflow-x:hidden;
    cursor: pointer;
}

#myCarousel .carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    margin-left: initial;
}

#myCarousel .carousel-indicators > li {
    width: initial;
    height: initial;
    text-indent: initial;
    border: 1px solid #d4d4d4;
    width:20%;
}

#myCarousel .carousel-indicators > li.active img {
    opacity: 0.5;
}
.col-lg-8 .cart-icon img{position: relative;
    top: 50%;
    transform: translate(-50%, -50%);    left: 50%;}
#myCarousel .carousel-control-prev, #myCarousel .carousel-control-next{
	        background: #00000030;;border-radius: 50%;
    height: 30px;
    width: 30px;
    align-items: center;
    top: 50%;
}

.videoslider .owl-item{padding-right: 10px!important}
.main-video-image{    height: 15rem;
    overflow: hidden;}
#myCarousel .carousel-control-prev, #myCarousel .carousel-control-next{display: none;line-height: 40px}
#myCarousel:hover .carousel-control-prev, #myCarousel:hover .carousel-control-next{display: block!important;}
.p-price .media .media-right{    padding-right: 1rem;}
.p-price{    padding: 10px 0px;}
.p-price .media .media-right button{
		background: transparent;
    border: 1px solid lightgrey;
    border-radius: 5px;
    color: grey;cursor: pointer;}
.p-price .media .media-right button:focus{outline: none}
.no-padding{padding: 0px!important}

.shop-section .shop-section-heading h4{      margin-bottom: 0px;
    font-size: 20px;
    letter-spacing: .1em;}

.product-section .col-md-5{    padding: 1rem 0px !important}
.shop-section {
    padding: 10px 20px!important;
}
.ATP-table{border: none!important}

.bottom-thumblin{    padding: 0px;
    overflow: hidden;}
    .altert-se{padding-left: 0px!important}
    .altert-se ul{list-style: none;padding: 0px;margin:0px;}
    .altert-se ul li .media-body p{margin-bottom: 0px!important;color: #fff}
    .altert-se ul .orange-alert{background:#FFCB00;color: #fff}
    .altert-se ul li .media-right a{text-decoration: none;color: #fff}
    .altert-se ul li .media{      padding: 5px 20px 5px 20px;}
.altert-se ul .red-alert{background:#FF0000;}
.blue-button{
	background: #283A90;
color: #fff;
margin: auto;
padding: 0px 0px 0px 0px;
height: 3rem;
text-align: center;
letter-spacing: 2px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.c-p-s-icons ul{list-style: none;padding:0px;margin: 0px;display: flex;
    justify-content: space-between;}
.c-p-s-icons ul li{float: left;padding:0px 10px;    cursor: pointer;}
.cart-button .cart-icon-main{height: 3rem;    display: flex;
      justify-content: start;
    align-items: center;    padding: 0px 15px;}
.c-p-s-icons{    margin: auto;}
.cart-button{    padding-top: 1rem;}
.p-name h1{    font-size: 24px;
    font-weight: bold;}
.p-sub-name h3{font-size: 1.2em;color: #666666}
.p-time h1{font-weight: bold;color: #FF0000;font-size: 1.4em}
.p-price h4{    font-weight: bolder;
    font-size: 2.2rem;
    word-spacing: .5rem;}
.right-side-content{margin: auto 0px;}
.product-section{border-bottom: none;    padding:  0px 0px;    margin-bottom: 30px;}
.s-p-n-k p{margin-bottom: 0px;padding-left: 3%}
.shop-section{    padding: 10px 0px; }
.shop-section .shop-avtar{        padding: 0px 1rem 0px 0px;}

.shop-section .shop-avtar .media{border-bottom: 1px solid lightgrey;padding: 10px 0px}
.shop-section-main{border-bottom: 1px solid lightgrey}
.About-products{padding:30px 0px;border-bottom: 1px solid lightgrey;}
.ATP-table {border: 1px solid lightgrey;    border-radius: 0px;padding: 0px;}
.ATP-table ul{list-style: none;padding: 0px ;margin:0px;}
.ATP-table ul li{border-bottom: 1px solid lightgrey;padding:10px 20px;}
.box-cc-select select{padding: 10px 20px;
    border-radius: 10%;}
.box-cc-prcie h4{    padding-left: 10%;
    font-weight: bold;    margin-bottom: 0px;}
    .box-avtar{    padding: 0px 10px;}
    .friend-share h4{font-size: 1em;margin-bottom: 0px}
    .p-name-box{background-color: #22A7DE19;}
    .p-name-box h4,.normal-colum h4{font-size: 1em}
    .arr-grey{    padding: 0px 20px;}
    .FPT{padding-bottom: 30px;padding-left: 0pc;}
    .FPT-main{padding:30px 0px;border-bottom: 1px solid lightgrey}
  	.FPT-main-box ul{list-style: none;padding:0px;}
  	.FPT-main-box ul li{float: left;}
  	.pluse-icon{margin: auto;}
  	.FPT-main-box .media-left{margin: auto;}
  	.box-fpt{    border: 1px solid lightgrey;
    border-radius: 20px;padding: 0px}
    .pluse-icon img{width: 20px}
    .FPT-p-image img{width: 80%}
    .box-fpt .FPT-main-box{    border-bottom: 1px solid lightgray;}
   .box-fpt .FPT-main-box .media{padding:10px 10px;}
   .box-fpt .FPT-main-box-total .media{    padding: 10px;}
   .box-fpt .FPT-main-box-total .media .downarrow{padding-right: 10%}

   .sponser-related{border-bottom: 1px solid lightgrey;padding: 30px 0px}



   .owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}

.owl-nav button.owl-next {
  right: 0;

    padding: 10px 10px !important;
    color: #fff;
    font-size: 30px;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}
.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}
.owl-dots button.owl-dot.active {
  background-color: #283a90;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}
.owl-nav button {
	sition: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgb(155 155 155 / 49%) !important;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	font-size: 30px!important;
	line-height: 40px!important;
}
.owl-loaded{cursor: pointer;}
.owl-nav{display: none;}
.owl-loaded:hover .owl-nav{display: block;}

.owl-nav button:focus {
    outline: none;
}
.product-title h4{font-size: 0.8em}
.product-body-sponser .rateing-sponser ul{list-style: none;padding: 0px;overflow: hidden;margin: 0px}
.product-body-sponser .rateing-sponser ul li{float: left;
    width: 12%;
    padding: 0px;}
.sponser-related .body-p-s{    padding: 0px 20px;}
.sponser-related .review-counting{
color: #686868;
text-align: left!important;
}

.sponser-related  .p-r-price span{font-size: 1em}
.table thead th {
    width: 0%;border:none;}
.table thead th img{    width: 100%;}
.table-rating{list-style: none;padding: 0px;margin: 0px;overflow: auto;}
.table-rating li{float: left;    }
.table-rating li img{    width: 22px;}
.first-colim-ii .col-lg-12{padding: 0px!important}
.table-bordered {
    border: none;
}
.table thead th p{margin-bottom: 0px;font-weight: 100;}
.with-change{    width: 10%;}
.bg-grey-1{background-color: #3C3C431E;vertical-align: middle!important;}
.bg-grey-2{background-color: #3C3C4312}
.bg-grey-3{background-color: #3C3C4300}
.compair-table,.HAQS{padding: 30px 0px ;border-bottom: 1px solid lightgrey}
.search-section{border: 1px solid #686868;
    width: 100%;
    height: 60px;
    text-align: center;border-radius: 20px;    border-radius: 5px;}
    .search-section:focus{outline:none!important;}
    .HAQS-dd{padding: 0px 0px;}
    .HAQS-heading{    color: grey;
    padding-bottom: 20px;
    font-size: 21px;}
		.Nutritional-values .col-md-6 h3{    margin-bottom: 1rem;}
		.Nutritional-values .table th, .Nutritional-values .table td{    padding: 1.3rem;}
		.FPT-main .FPT{    padding-left: 1pc!important;}
    .Nutritional-values,.video-section{padding: 30px 0px; border-bottom: 1px solid lightgrey}
    .video-section .owl-carousel .item{    box-shadow: 0px 0px 8px -6px #000;border: 1px solid lightgrey;    border-radius: 5px;}
    .video-section .owl-carousel .item .header-image-v img{border-radius: 0px}
    .video-section .owl-carousel .item .video-post-discription h1{font-size: 1.5em;}
    .video-post-discription{padding: 10px}
    .play-icon{position: absolute;
    top: 30%;
    width: 4rem!important;
    left: 50%;
    transform: translate(-50%, -50%);}
    .resto-ss-test{    width: 80px;
    height: 80px;
    position: relative;
    left: 50%;
    top: 53%;
    transform: translate(-50%, 0%);
    border-radius: 50%;
    border: 1px solid lightgrey;padding: 15px}
    .resto-ss-test img{width: 20%}
    .spacer-50px{height: 50px}
    .mr-t-15px{margin-top: 15px}
    .resto-ss{border-bottom: 1px solid lightgrey}
  .product-details-section{padding: 30px 0px}
  .PCD-table-section{padding: 0px;
    border: 1px solid lightgrey;
    margin: 0px;
    overflow: auto;
    border-radius: 10px;}
 .PCD-table-section li{list-style: none;padding: 10px 30px;border-bottom: 1px solid lightgrey}
  .PCD-table-section li:last-child{border-bottom: none;}
  .product-details-section{border-bottom: 1px solid lightgrey;}
  .over-flow-x-x{overflow-x: auto;}

   @media only screen and (max-width: 768px) {

		 .p-sub-name h6{font-size: 0.7rem;}
		 .main-video-image {
    height: 8rem;
    overflow: hidden;
}
.video-section .owl-carousel .item .video-post-discription h1 {
    font-size: 1.2em;
}
.video-section .owl-carousel .item p{margin-bottom: 0px!important;    font-size: 10px!important;}
		 .compair-table .table-bordered td{    padding: 10px 1.2rem!important;}
		 .HAQS label{margin-bottom: 0px!important;width: 100%!important;}
		 .HAQS-dd .search-section{width: 100%;
    height: 3rem!important	;
    padding: 0px 30px 0px 10px;}
		.HAQS label .Trazado_1{    right: 0.5rem!important;}
		 .HAQS {padding: 15px 0px!important}
		 .bg-grey .breadcrumb{    padding: 10px 0px!important;
    font-size: .8em;}
		.review ul {
    padding: 8px 0px;}.p-price {
    padding: 5px 0px;
}
section h3 {
    font-size: 1.2rem!important;
}
.sponser-related .review-counting {
    color: #686868;
    text-align: left;
}

    .product-section{    padding: 0px 0px;}
    header{margin-bottom: 0px}
    .p-name h1{    font-size: 1.2em;margin-bottom: 5px}
    .p-sub-name h3{    font-size: 0.8em;}
    .p-time h1{margin-bottom: 0px;font-weight: 900;
    color: #FF0000;
    font-size: 1.2em;}
		.p-price .media .media-body h4{    font-size: 1.3rem;}
		.product-section .right-side-content{padding: 0px!important;}
		.right-side-content .p-name,.right-side-content .p-sub-name,.right-side-content  .p-time,.right-side-content  .review ,.right-side-content .p-price,.right-side-content  .shop-section{padding: 0px 15px!important;}
		.altert-se ul p{    font-size: .9em;}
		.shop-section .shop-avtar .media-left{margin-right: 1rem}
		.shop-section .shop-avtar .media-left img{width: 59px;height: 59px;border-radius: 50%;border: 1px solid #f2f2f2}
		.km-text{    font-size: 12px;color: grey}
		.shop-section .shop-avtar .media-right a{color: #22A7DE!important;}
    .review p{margin-bottom: 0px}
    .altert-se {
    padding-right: 0px;
    padding-left: 0px!important;
}
.c-p-s-icons{display: none;}
.cart-button{position: fixed;
    z-index: 2;
    bottom: 0px;
    left: 0px;}
.cart-button .cart-icon-main{width: 35%;    background: #fff;}
.cart-button .blue-button{width: 65%}
.cart-icon-main form select {
    text-transform: none;
    height: auto;
    width: 100%;
    border-radius: 0px;
    border: 1px solid lightgrey;
    margin-left: 0rem!important;
    padding: 0px 1rem 0rem;
}
.cart-icon-main form{    display: flex;
    justify-content: center;
    align-items: center;
    flex: none;}
.cart-button .cart-icon-main img{ position: absolute;
    top: 50%;
    transform: translateY(-50%);}
    .shop-section-heading { padding: 20px 0px 0px;}
		.shop-section .shop-avtar .media{border-bottom: 0px!important}
		.shop-section {
    padding: 0px 0px;
}

.about-this-pp{padding: 0px!important}
.about-this-pp h3 {
    margin-bottom: .8rem!important;
}
.about-this-pp p {
    margin-bottom: 0px!important;
    font-size: 12px;
    line-height: 1.5em;
    color: grey;
}
.no-padding-on{padding: 0px!important}
.ATP-table{    border-radius: 0px;}
#headingThree .media-body h4{    font-size: 1.2rem;}
.blod-text-table td{    font-weight: bolder;}
.compair-table .table tr th{font-size: 0.8em;}
.sold-by td{    vertical-align: middle;}
.sold-by td .media .media-left{    margin-right: .5rem;}
.About-products {
    padding: 20px 0px!important;
    border-bottom: 1px solid lightgrey;
}
.FPT-main .FPT{padding-top: 2rem!important;
    padding-bottom: 2rem!important;}
.FPT-main {
    padding: 20px 0px!important;}

		.over-flow-x-x::-webkit-scrollbar {
		  display: none;
		}
		.compair-table{    padding: 20px 0px!important;}
		.compair-table .over-flow-x-x{      padding: 10px!important;}
		.compair-table .over-flow-x-x .table-bordered{    margin-bottom: 0px!important;}
    .About-products h3{font-size: 1.5rem;}
    .FPT h3{font-size: 1.5rem;}

    .sponser-related .owl-slider .body-p-s{padding:0px!important;}
.table-rating li img {
    width: 12px;
}
    .compair-table .FPT {padding-bottom: 0px!important}
    .compair-table .table-bordered th, .compair-table .table-bordered td{       padding: 1px 1.2rem;}
    .compair-table .table-bordered td .col-lg-12{padding:0px!important;}
   .compair-table .table-bordered th p:last-child{font-size: 0.6em}
  .HAQS-dd {
    padding: 10px 20px 0px;
}
.HAQS-heading {
    padding-bottom: 10px;
    font-size: .9em;
}
.Nutritional-values .table th{padding: 1rem 20px!important;    font-size: 14px;
    font-weight: 600!important;}
.PCD-table-section{    border-radius: 0px!important;}
.PCD-table-section li {
    list-style: none;
    padding: 10px 20px;}
		.rTig,.P-ratr{width: 50%!important}
		.rTig .review-main-p{padding: 0px!important}
		.review-div .col-md-12{padding: 0px!important}
		.review-counting h2{    font-size: 1.5rem;
    margin-top: 1rem;}
		.progress-rating ul li {
    padding: 2px 0px;
}
.mian-li-review-details {
    padding: 0px 15px!important;
}
.ATP-table ul li:last-child{border-bottom: none!important; }
.shop-section-main .shop-avtar{    padding-top: 1rem;}
.c-p-s-icons-mobile-block{position: absolute;top: 0px}
.c-p-s-icons-mobile-block ul{list-style: none;padding:0px;margin:0px;    position: absolute;
    right: 0px;}
.c-p-s-icons-mobile-block ul li{padding:5px 0px;}
}

 @media only screen and (min-width: 768px) {
	 .list-menu ul li {
    height: 2.8rem!important;
}
	 #myCarousel .carousel-indicators{  display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0px;
    height: 100%;padding-left: 0px!important;}
		#slider{padding: 0px!important;}
.mian-li-review-details{padding: 0px 40px!important;}
.c-p-s-icons-mobile-block{display: none;}
 #myCarousel .carousel-control-next{    right: 0;
    transform: translatex(-50%);}
.main-product-slider .carousel-inner{    width: 85%!important;
    float: right!important;
}
.product-section .col-md-5{    border-left: 1px solid #f2f2f2;}

	.main-product-slider  .carousel-indicators li{   width: 80%!important;
    margin: 10px auto 0px 0px;}
		.shop-section .shop-avtar .media{    border-bottom: 0px solid lightgrey;
    padding: 10px 0px!important;}
		.p-sub-name h3 {
    font-size: 1em;
	}
	.product-section .col-md-5 {
    margin: 0px auto!important;
}
	.right-side-content .review p{margin-bottom: .5em}

	.main-product-slider .carousel-item{    width: 100%;
    height: 100%;
    margin: auto auto;}
}
@media only screen and (min-width: 1200px) {
.c-p-s-icons-mobile-block{display: block;    position: absolute;
    top: 0px;
    right: 0px;}
		.c-p-s-icons-mobile-block ul{list-style: none;padding: 0px;float: right;}
		.c-p-s-icons-mobile-block ul li{padding: 10px 0px}
}



/*Add css */
.product-section .col-md-5{margin: auto;position: relative;}
.review ul li img{width: 25px;}
.review ul{padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    justify-content: start;
    align-items: center;}
				.size-button ul{display: flex;}
		.size-button ul li{    float: left;
    padding: 0px!important;
    width: 15%!important;
    margin-right: 15px;}
				.size-button ul li button{       width: 100%;
    height: 100%;
    background: transparent;
    cursor: pointer;
    border: 1px solid grey;transition: .5s ease;}
    .size-button ul li button:hover{background: grey;color: #fff}
    .color-button h6 .sub-heading-qo{color: #686868;margin-left: 3rem}
    .color-button ul{    display: flex;}
    .color-button ul li{width: 10%;}
.main-product-slider .carousel-inner .carousel-item img{
	max-width: 600px;
	height: 600px;
	object-fit: contain;
	width: 600px;
}
.main-product-slider .carousel-inner .carousel-item {text-align: center;}
.ATP-table ul li:last-child{border-bottom: none!important; }
.me-icon ul{list-style: none;padding: 0px;margin: 0px;overflow: auto;cursor: pointer;}
.me-icon ul li{float: left;border-bottom: 0px!important;    padding: 10px 0px!important;}
.me-icon ul li h4{margin: auto;
    font-size: 18px;
    padding-top: 0.5em;
    margin-left: .5rem;}

.image-plus0-ixon ul{    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
		margin: 0px;    padding: 0px 2em;
}
.about-this-pp h3{margin-bottom: 2rem;}
.main-faq-ss{    width: 100%;
    margin: auto;
  }
.pro-image img{       width: 160px;
    height: auto;
    max-width: 100%;}
.plus-icons img{    width: 25px;}
.main-faq-ss #accordionExample .card{    background: transparent!important;
    border: none;
    border-top: 1px solid lightgrey;
    border-radius: 0px;}
		.main-faq-ss #accordionExample {
    border: 1px solid #22A7DE;
    color: #22a7de;
}
.FAQ-purchase-ss {    margin-bottom: 30px;
    padding: 30px 0px;}
.main-faq-ss .card-header:hover{ color:#fff; background: #283a90!important;}
.main-faq-ss .card-header{ cursor: pointer;background: transparent!important;
    border: none;transition: .5s ease}
.HAQS h3{    font-weight: bold;}
.HAQS h4{}

.HAQS label{position: relative;     width: 60%;
    left: 50%;
    transform: translateX(-50%);}
.HAQS label .Trazado_1{position: absolute;
    right: 0rem;
    left: 19%;
    width: 50px;
    top: 50%;
    transform: translateY(-50%);}
.about-this-pp p{margin-bottom: 0px!important}

.card-header .media-right .collapsed img{transform: rotate(180deg);}
header{margin-bottom: 0px!important;position: relative;}
.bg-grey{background: #f2f2f2}
.bg-grey .breadcrumb{background: transparent!important;margin-bottom: 0px}
#review-popup .modal-body .blank-star li{cursor: pointer;}
#review-popup .modal-body .blank-star li:hover img{ filter: contrast(0.5);}
.review-Subject{margin-bottom: 2rem;background: #f2f2f2;
    border-bottom: 1px solid #22a7de;
    border-top: none;
    border-left: 0px;
    border-right: 0px;}
#review-popup #exampleFormControlTextarea1{background: #f2f2f2;
    border-bottom: 1px solid #22a7de;
    border-top: none;
    border-left: 0px;
    border-right: 0px;height: 10rem}
#review-popup .modal-header .media-left button{    padding: 0px!important;}
#review-popup .modal-header .media-left {margin: auto;margin-right: 2rem!important;}

/*scroll bar css */

body::-webkit-scrollbar
{
    width: 5px;
    border-radius: 50%;
}
body::-webkit-scrollbar-thumb{
    background:linear-gradient(rgb(99 198 237), rgb(99 198 237));
    border-radius: 10%;
}
/*scroll bar css */



/*Review rateing*/
.review-comment-show .media .align-self-center{height: 2.5em;
    width: 2.5em;
    border: 1px solid lightgrey;
    border-radius: 50%;}

.rateing-star-customer ul{list-style: none;padding: 0px; margin: 0px;display: flex;
    justify-content: start;
    align-items: center;}
.customer-name h4{    margin-bottom: 0px;
    font-size: 1.2em;}
.rateing-star-customer ul li{padding: 0px 10px 0px 0px;}
.rateing-star-customer ul li img{width: 1.2em}
.mg-auto{margin: auto;}
.progress-rating ul li .media-left{margin-right: 1rem}
.progress-rating ul li .media-body{margin: auto;}
.review-counting{text-align: center;}
.progress-rating ul{list-style: none;padding: 0px;margin: 0px;}
.progress-rating ul li{padding: 5px 0px}
.Ratings-point{text-align: center;}
#review-popup .modal-body{height: 70vh;overflow-y: scroll;}
#review-popup .modal-body .blank-star li img{width: 1.5em}
#review-popup  .modal-footer{padding: 0px!important}
#review-popup  .modal-footer button:focus{outline:none;}
#review-popup  .form-group{    padding-top: 2rem;}
#review-popup  .modal-footer button img{display: none;transition: .5s ease}
#review-popup  .modal-footer button{width: 100%;
    background: #283a90;
    color: #fff;
    border: none;
		padding: 0px;
    line-height: 54px;
	cursor: pointer;
	transition: .5s ease;
}
#review-popup .modal-header .media-right button{background: #22A7DE;
    border: 1px solid #22A7DE;
    padding: 6px 30px;
    border-radius: 5px;
    color: #fff;cursor: pointer;}
#review-popup .rating-product-details .media-left{margin-right: 1rem}
#review-popup .rating-product-details .media-left img{width: 100px;
    height: 100px;}

.reviw-button-text{margin-top: 1rem}
#review-popup  .modal-footer button:hover img{display: inline-block;}
#review-popup .modal-body .blank-star{padding: 0px;margin: 0px;list-style: none;display: flex;justify-content: flex-start;}
.rateing-star ul{display: flex;justify-content: space-between;margin: 0px;padding: 0px;list-style: none;}
.rateing-star ul li img{    width: 1.5em;}
.rate-this-item{    margin-top: 1rem;
    border-top: 1px solid lightgrey;
    padding-top: 1.5rem;}
		.rate-this-item ul{list-style: none;padding: 0px;margin: 0px;display: flex;justify-content: flex-start;}
		.rate-this-item ul img{width: 1.5rem;}
		.blank-star li{padding: 0px 5px}
		.write-button-review{color: #53BAE5!important}
		.mian-li-review-details ul{list-style: none;margin: 0px;padding: 0px}
		.mian-li-review-details ul .reviw-user-main{padding: 20px 0px }
		.mian-li-review-details .customer-comment{padding-top: 1rem;}
.review-section-Bottom .progress{height: .6em}
.review-section-Bottom .progress-bar{    max-width: 60%;
    background: #283a90;
    height: 100%;}
.progress-bar {
  width: 0;
  animation: progress 1.5s ease-in-out forwards;

}

@keyframes progress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes show  {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.review-section-Bottom{    padding: 20px 0px;}
.reviews-fillter{border: 1px solid lightgrey;
    padding: 3px 20px;
    border-radius: 5px;
    color: grey;}
.reviw-more-button{cursor: pointer;    background: #22a7de;
    color: #fff;
    border: none;
    padding: 5px 20px;
    border-radius: 2px;}
/*owl dout*/
.owl-dots{display: none!important;}
.FPT-right{margin: auto 0px;}
.FPT-right h3{font-size: 1.4em;
    font-weight: bold;}
		.FPT-right button:focus{outline: none}
.FPT-right button:hover{background: #283A90;color: #fff}
.FPT-right button{transition: .5s ease;padding: 7px 15px;
    background-color: transparent;
		cursor: pointer;
    color: #53bae5;

    width: 15rem; border: 1px solid #22A7DE;
border-radius: 2px;}
.FPT-right ul{list-style: none;padding: 0px;margin: 0px}
.FPT-right ul li {
    padding: 15px 10px 0px;cursor: pointer;cursor: pointer;
}
.faq-list-discription ul li label{cursor: pointer;}
.faq-list-discription ul li{padding: 5px 0px;cursor: pointer;transition: .5s ease;cursor: pointer;}
.faq-list-discription ul{list-style: none;padding: 0px;margin: 0px}
.Price-calculate h3{display: inline-block;}
#rightside-Popup{    padding-right: 0px!important;}
#rightside-Popup .modal-dialog{    margin: auto 0px auto auto!important;}
#rightside-Popup .modal-dialog{width: 100%;
    height: 100%;}
#rightside-Popup .modal-content{border-radius: 0px!important;    height: 100vh;}
.right-popop-r.fade .modal-dialog{    transform: translate(0, 0%);}

body{background: #f2f2f2!important}
.container.bg-white{background: #fff;    box-shadow: 0px 0px 9px -6px #0000006b;
    box-sizing: border-box;    border-radius: 4px;}


.cart-icon-main form,.cart-icon-main label{margin-bottom: 0px!important}
.cart-icon-main form select{    text-transform: none;
    height: 3rem;
    width: 5rem;
    border-radius: 0px;
    border: 1px solid lightgrey;margin-left: 1rem;    padding: 0px 1rem;}
.shop-and-customize ul li{    width: 100%;padding: 10px 2rem 10px 20px;    border-bottom: 1px solid #f2f2f2;}
.shop-and-customize ul li .media-body h4{margin-bottom: 0px!important;    font-size: 1.2rem;}
.shop-and-customize li .media-left img{    width: 50px!important;
    height: 50px;
    box-sizing: border-box;
    border-radius: 50%;
    box-shadow: 1px 2px 4px -1px #00000040;
    border: 1px solid lightgrey; }
.bt-1px{border-top: 1px solid #f2f2f2!important}
.color-blue{color: #22A7DE!important}

.shop-and-customize ul {margin: 0px;padding: 0px; list-style: none;}
 .shop-list .media-body p{margin-bottom: 0px!important}

 .button-icon-cart {margin-left: 1rem;}

 /*cart alert hide */

 .altert-se{display: none;}

 /*cart alert hide close */


/*second section tabs*/

#Second-section{    border-bottom: 1px solid #f2f2f2;}
#Second-section .nav-link{border:none;    color: gray!important;}

#Second-section .nav-link.active{border-bottom: 3px solid #22a7de!important;color: #000!important;}

#tabs-inner{
    padding: 2rem 1rem;}
#tabs-inner .color-grey{color: grey!important;
    word-spacing: 2px;}

.Nutritional-tables .table-bordered td{    padding: 1.2rem 0px;
    text-align: center;}
.Nutritional-tables .table-bordered th{width: 2rem;
    padding: 0px 5rem;}
.PCD-table-section{    width: 50%;}

.about-n-c{    margin-bottom: 30px;}
.product-about-ss{        padding: 30px 30px 0px;}

.product-about-ss .nav-tabs .nav-item{    margin-right: 3rem;}
/*second section tabs close*/


/*sponser product slider */

/*sponser product slider close*/
#carousel .owl-item .item{    padding: 10px 10px;}
.product-size-custome{    border-radius: 5px;
    box-shadow: 0px 0px 5px -2px #000000a3;}

		.icon-wishlist {
		    cursor: pointer;
		    width: 22px;
		    height: 21px;
		    opacity: 1;
		    background: url(/api/public/images/website-images/downloa.svg);
		    background-repeat: no-repeat;
		}
.product-size-custome .product-discription .product-subtitle{    font-size: 13px;
    color: grey;}
			.product-size-custome .star-q-r{display: flex!important;justify-content: start!important;
    align-items: center!important;    margin-bottom: 0rem;}
		.product-size-custome .star-q-r .quantity a{font-size: 12px}
	.product-size-custome .star-q-r .review-number a{font-size: 12px;}
	.product-size-custome  .reviw-star-image{    width: 24px;}
	.product-size-custome .main-price{font-size: 1.5rem;
}
.store-details-product .media{    padding: 0px 0px 5px;}
.store-details-product .brand-logo-details #Group_20_g-tets{width: 30px;height: 30px;border-radius: 50%;border: 1px solid lightgrey}
.sponser-product-slider{margin-bottom: 30px}
.compair-table-l .table-bordered th, .compair-table-l .table-bordered td {
    border: 2px solid #ffffff;    vertical-align: middle;    height: 5rem;
}
.compair-table-l {padding-bottom: 0px;
    padding-left: 0pc;
    padding-top: 2rem;}

td .col-lg-12 p{margin-bottom: 0px!important}


.compair .col-lg-12{padding: 0px!important}
.compair .owl-item:first-child{    width: 9rem!important;}
.compair .owl-item:first-child .bg-grey-2{background: #3C3C431F!important}
.sold-by .media .media-left{margin-right: 1rem}
.sold-by .media .media-body{margin: auto;}
.sold-by .media .media-left img{    width: 50px;
    height: 50px;
    border: 1px solid lightgrey;
    border-radius: 50%;
		background: #fff;
}
.compair-table-l{margin-bottom: 30px}

/*Vido slider*/

.video-slider-scetion-l{margin-bottom: 30px;padding-bottom: 20px}

.video-slider-scetion-l .video-section-post{background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0px 0px 5px -2px #00000085;}


.FAQ-purchase-ss .container.bg-white{    padding: 30px 20px;}



/* MODAL FADE LEFT RIGHT BOTTOM */

.modal.fade:not(.in).right .modal-dialog {
	transform: translate3d(0%, 0, 0);
	transition: all 1s esae;
}
.modal.right .modal-dialog {
	position:absolute;
	top:0;
	right:0;
	margin:0;
}

 .modal.right .modal-content {
	min-height:100vh;
	border:0;
	border-radius: 0px;
}



#sidebar-right .modal-dialog{    width: 30%;
    max-width: 100%;}

.p-price .media{    padding: 0px 15px;}

.shop-and-customize li .media-right a{cursor: pointer;}

#sidebar-right .modal-header{padding: 15px 0px!important}
#sidebar-right .modal-header .close {
    padding: 0rem;
    margin: 0px;
}
#sidebar-right .modal-header .meida-left{margin: auto 0px;}

#sidebar-right .modal-body{padding: 0px 0px!important}

.ATP-table li{cursor: pointer;}


#Bread-popup .bread-list{padding: 0px;margin: 0px;list-style: none}

#Bread-popup .bread-list li .media-left img{    width: 60px;
    height: 60px;
    border-radius: 50%;
    filter: drop-shadow(-1px 0px 3px #00000061);
    border: 1px solid lightgrey;}
#Bread-popup .bread-list li{padding: 10px 0px; border-bottom: 1px solid #f2f2f2;cursor: pointer;}

#Bread-popup .bread-list li .media-body h4{margin-bottom: 0px!important}
#Bread-popup .bread-list li .media-right img{width: 24px}
#Bread-popup .bread-list li .media-right img{display: none;}
#Bread-popup .bread-list .active .media-right img{display: block;}
#Bread-popup .modal-header .close {
    padding: 0rem;
    margin: 0px;
		font-size: 16px;
}
#Bread-popup .modal-header{background: #f2f2f2}

#Bread-popup .modal-content{border-radius: 20px}
.video-post-discription h1{font-size: 1.8em!important;}

@media only screen and (min-width: 768px) {
	.cart-button{position: relative;
    bottom: 0px;
    left: 0px;}
		.cart-button .col-lg-12 .row {margin: 0px!important}
	.Nutritional-tables{width: 50%!important;
	}
	.header-image-v .main-video-image img{     height: 260px!important;}

}
@media only screen and (max-width: 768px) {
	.video-post-discription h1 {
    font-size: 1.2em!important;
}
.video-post-discription p {
font-size: 11px!important;margin-bottom: 0px!important
}
	.video-slider-scetion-l {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
	.compair-table-l{    padding-top: 1rem;}
	.sold-by .media .media-body {
    margin: auto;
    font-size: 12px;
}
	.compair-table-l .table-bordered th, .compair-table-l .table-bordered td{height: 4rem;}
	.sold-by .media .media-left img {
    width: 30px;
    height: 30px;}
	.compair-table-l .FPT{padding: 0px 15px}
	.FAQ-purchase-ss{padding: 20px 0px;}
	.image-plus0-ixon ul{    padding: 0px 0em!important;}
	.sponser-product-slider #carousel .owl-item{    margin-right: 0px!important;}
	.FPT {
	    padding-bottom: 0px;padding-right: 0px;}
	.shop-and-customize ul li .media-body h4 {
	    margin-bottom: 0px!important;
	    font-size: 1rem;
	}
.FAQ-purchase-ss .Price-calculate{    text-align: center;}
.FAQ-purchase-ss .button-all-cart{text-align: center;}
		.shop-and-customize ul li .media-right{font-size: .8rem;
    color: #989898;}
.faq-list-discription li .form-check .media-body p{    font-size: 13px;
    line-height: 1.6em;}
		.bread-crumb .breadcrumb {    padding: 10px 10px!important;}
	#Second-section .nav-link.active{    height: 100%!important;
}
	.about-n-c #Second-section{
		display: flex;

	padding: 0px;
	justify-content: center;
	align-items: center;
	}
		.product-about-ss {
    padding: 0px;
}
.Nutritional-tables .table-bordered th {
    width: 2rem;
    padding: 0px 1rem;
}
#Second-section .nav-link{    padding: 1rem 0rem!important;}
.FAQ-purchase-ss .custom-kk{flex-direction: row-reverse;}
.product-about-ss .nav-tabs .nav-item {margin-right: 0rem;
    font-size: 14px;
    min-width: 30%;
    text-align: center;}
		#sidebar-right .modal-dialog {
    width: 100%;
}
.FAQ-purchase-ss .FPT-right{    padding: 0px 10px 10px!important;}
.PCD-table-section {
    width: 100%;
}
.Nutritional-tables {
    width: 100%;
}
}

#reviews-check .reiew-top-right-side{    width: 70%;
    margin: auto;}
#reviews-check .modal-body{    height: 70vh;overflow-y: scroll;}

#reviews-check .modal-header .meida-right button{background: transparent;
    border: 1px solid #22A7DE;
    padding: 5px 10px;
    border-radius: 5px;}

#reviews-check .modal-header .close{padding: 0px!important}
.faq-list-discription li .form-check-input {position: absolute;
	margin-top: 0rem;
	margin-left: -1.25rem;
    top: 50%;
    transform: translateY(-50%);}
.faq-list-discription li .form-check .media-body{margin: auto;}
.faq-list-discription li .form-check .media-body p{margin-bottom: 0px!important}
.faq-list-discription li .form-check .media-right span{
    font-size: 1.5rem;}
.video-slider-scetion-l .item{}

	.reiew-top-right-side .col-md-12 h3{font-size: 20px}
.pull-right{float: right;}
.compair .owl-item .over-flow-x-x{padding: 0px!important}
.compair .owl-item{margin-right: 0px!important}
.compair .owl-item tbody p{margin-bottom: 0px!important}
.compair .owl-stage{display: flex;
    justify-content: flex-start;
    align-items: flex-end;	}

/*ask quation section css*/
.ask-quation{margin-bottom: 30px;    padding: 2.5rem 0px;}
.ask-qution-bottom-section .search-quation{    position: relative;
    width: 65%;margin-bottom: 0px}
:focus{outline: none}
		.search-quation .search-section-qution{    border: 1px solid lightgray;
    width: 100%;
    height: 2.5rem;
    border-radius: 5px;
    padding-left: 3rem;}
.search-quation .Trazado_1{position: absolute;
    top: 50%!important;
    left: 1em!important;
    transform: translateY(-50%);}
		.ask-qution-sub-heading{    font-size: 18px;
    padding-top: 1.5rem;
    padding-bottom: .5em;
    color: grey;}
		.ask-qution-bottom-section{    padding-bottom: 10px;}
		@media only screen and (max-width: 768px) {
.ask-qution-bottom-section .search-quation{
    width: 100%!important;
}
}
/*ask quation section css*/


.quation-answers-list{list-style: none;    padding: 15px 0px;margin: 0px}
.quation-answers-list li .media-left .bolder {font-weight: bold;}
.quation-answers-list li .media-left{width: 70px;}

.quation-answers-list li .answers .media-body p{margin-bottom: 0px}

.quation-answers-list li .media{    padding: 5px 0px;}
 .answers .media-body span{color: grey;    font-size: 14px;}

 .quation-answers-list li .quation .media-body span{color: #40aeda;}

 .quation-answers-list li{    padding: 10px 0px;}
 .main-quation-body{width: 65%}
 .see-all-quation-btn .media-body{max-width: 50%;}
.see-all-quation-btn{    background: #f2f2f2;
    width: 75%;
    padding: 12px;
    border: none;
    border-radius: 5px;
    box-shadow: 1px 0px 6px -2px #0000008f;}
.see-all-quation-btn .media-body{max-width: 70%;    margin: auto;}
.see-all-quation-btn .media-right button{border: 1px solid #40aeda;
    border-radius: 6px;
    padding: 4px 10px;color: #40aeda;cursor: pointer;transition: .5s ease}

		.see-all-quation-btn .media-right button:hover{color: #fff;background:#40aeda }

.see-all-quation-btn .media-body p{margin-bottom: 0px;font-weight: bolder;}

#quation-post .modal-content{    border-radius: 10px;
    box-shadow: 0px 0px 13px -4px #000000ab;}

		.main-quation-body{display: none;}
		.main-quation-body.show-quation{display: block;}

		@media only screen and (max-width: 768px) {
			#tabs-inner #about p{font-size: 14px}
			.reviews-fillter{    padding: 3px 0px;}
			#tabs-inner {
    padding: 1rem 1rem;
}

.reiew-top-right-side .col-md-12{padding: 0px!important}
.progress-rating ul li {
    padding: 2px 0px!important;
}
.rate-this-item h5{    padding-top: 15px;}
.mian-li-review-details{padding: 0px!important;margin-top: 1em;}
.reviw-user-main .customer-comment h5{font-size: 18px;}
.ask-qution-sub-heading {
    font-size: 15px;
    padding-top: 0rem;
    padding-bottom: .5em;
    color: grey;
}
.reviw-user-main .customer-comment  p{    font-size: 14px;}
.quation-answers-list li .media-left {
    width: 45px;
}
.main-quation-body {
    width: 100%;
}
.quation-answers-list li .quation .media-body span{    color: #40aeda;
    font-size: small;}
		.see-all-quation-btn{    width: 100%;}
		.see-all-quation-btn .media-body p{    margin-bottom: 0px;
    font-weight: bolder;
    font-size: small;}
		.see-all-quation-btn .media-right button{padding: 4px 4px;font-size: 13px;}
		#quation-post .modal-body p{font-size: 11px;margin-bottom:0px!important}
			#quation-post .modal-body .col-md-12{padding: 0px!important}
			#quation-post .modal-header .col-md-12{
				padding: 0px!important;}

				#quation-post .modal-header .col-md-12 .media-body h4{    font-size: 20px;
    margin-bottom: 0px;}

		#review-popup .modal-header .col-md-12{padding: 0px!important}
		#review-popup .modal-body .col-md-12 {padding: 0px!important}
		.video-slider-scetion-l .videoslider .owl-item {padding: 10px 0px!important	;}
		.sponser-related #carousel-2 .owl-height {height: auto!important;
        padding: 5px 0px 5px 0px}
				.sponser-related #carousel-2 .owl-item {    margin-right: 10px!important;}
}

.product-section{    margin-top: 30px;}
@media only screen and (max-width: 768px) {
  .main-product-slider .carousel-inner .carousel-item img{    height: 260px;width: 100%;}
  .color-button li{width: 10%}
}
.color-button li {
	width: 10%!important;
	padding: 0px!important;
	margin-right: 1em;
	height: 30px;
}
.color-button li button{width: 100%;height: 100%;cursor: pointer;border: 1px solid grey;}
.color-btn.white{background: #fff}
.active .color-btn {
    background: #fff;
    box-shadow: 0px 0px 6px -5px #00000085 inset;
}

.color-btn.blue{background: #0090FF}
.color-btn.brown{background: #6D3700}
#about ul{margin: 0px;padding: 0px;}
#about ul li{padding: 5px 0px}
#about ul li::marker {	    color: #22a7de;
    font-size: 24px}


		/*new code paste*/


		.list-kk li{
			margin-left: 2rem;
		}

		.product-size-custome .col-md-12{
			padding: 0px!important
		}


		.product-size-custome .store-details-product{
			padding: 5px 10px!important;
		}

				.white-btn{background: #fff}
				.blue-btn{background: #0090FF!important}
				.brown-btn{background: #6D3700!important}
		.product-size-custome{transition: .5s ease;cursor: pointer;}
		.product-size-custome:hover{box-shadow: 1px 3px 10px #00000066;}
		.product-size-custome .header-imgage{position: relative;}
		.More-optional{ position: absolute!important;
		    bottom: 0px;
				width: 55%!important;
			left: 50%;
			transform: translate(-50%, -50%);
			background: #fff;
			border-radius: 15px;
			font-size: 12px;
			padding: 5px 0px 5px 0px;}
			.More-optional .meida-right{    margin-right: -8px;}
		.More-optional button{height: 18px;
		    width: 18px;
		    border-radius: 50%;
		    border: none;
		    margin-right: -15px;
		    margin-left: 4px;
				border: 1px solid #adadad;
			}
		.color-icon-circel{
		position: relative;
    left: 0px;
    top: 0px;
    transform: translateY(0%);
		}

				.More-optional .media{    justify-content: space-between;}

		.product-size-custome:hover .More-optional{display: none;}
		.product-size-custome:hover .size-on-hover{display: block;}
			.size-on-hover{display: none;}
			.size-on-hover{  transition: .5s ease;  position: absolute!important;
		    bottom: 0px;
		    left: 0px;
		    justify-content: center;
		    align-items: center;
		    flex-wrap: wrap;
		    background: #FFFFFFCF;padding: 10px 0px;text-align: center;}
		.size-on-hover-btns{text-align: center; }

		.size-on-hover-title{letter-spacing: 0.17px;
		color: #686868;font-size: 10px;    margin-bottom: .5rem;}
		.size-on-hover-btns button{   cursor: pointer; background: #fff;
		    width: 40px;
		    height: 20px;
				line-height: 18px;
				border: 1px solid #d2d2d2;
			font-size: 12px;
			margin: 0px 3px;}
		.size-on-hover-btns button.active{    background: #e2e2e2;}
		.price-sale-cut{
			font-size:17px;
			color:rgba(104,104,104,1);
			text-decoration:line-through;
		}
		@media only screen and (max-width: 768px) {
			.More-optional{ width: 80%!important;
		    box-shadow: 0px 0px 3px -1px #00000080;    font-size: 10px;}
				.size-on-hover-title{font-size: 9px;}
				.size-on-hover{
					    padding: 10px 0px!important;
				}
				.right-side-body.list-product .More-optional {
		    width: 35%!important;
		}
				.right-side-body{    padding: 0px 0px;}
				.product-size-custome .product-titile{font-size: small}
				.product-size-custome .product-discription .product-subtitle {
		    font-size: 9px;}
				.product-size-custome .main-price {
		    font-size: 1.1rem;
		}
	}
.More-optional .media .media-left{    overflow: hidden;
    width: 30%;
}
.More-optional .meida-body {width: 70%!important}
.More-optional .media .media-body span{    padding: 0px 5px!important;}
.product-11{padding: 0px!important;}
.product-size-custome .padding{padding: 5px 15px!important;	}



@media only screen and (max-width: 768px){
	.ask-qution-bottom-section {
    padding-bottom: 0px!important;
}
	.compair-table-l .container .col-md-12{padding-right: 0px!important}
	.ask-quation{    padding: 1.2rem 0px;}
	.faq-list-discription li .form-check .media-right span {
    font-size: 1.1rem;
}
.sponser-product-slider {
    margin-bottom: 15px;
}
.FAQ-purchase-ss {
    margin-bottom: 15px;}
		.compair-table-l {
    margin-bottom: 15px;
}
.ask-quation {
    margin-bottom: 15px;}
		.sponser-related {
			padding: 10px 0px;
	margin-bottom: 15px;
	border-bottom: 0px;
	padding-bottom: 0px;
}
	.product-section {
    margin-top: 15px;
		    margin-bottom: 15px;
}
.about-n-c {
    margin-bottom: 15px;
}
	#about ul {
    margin: 0px 0px 0px 15px;}
		.color-button li button{    border-radius: 50%;}
	.product-size-custome .padding{
	    padding: 0px 10px 0px !important;
	}
	.product-11 .header-imgage img{    height: 200px;
    object-fit: cover;}
		.store-details-product .mr-3 {margin-right: .5rem !important;}
	 .product-11 .shop-title {    font-size: small!important;    line-height: 2.2em;}
	 #myCarousel .carousel-indicators{    margin-bottom: 0px;}
	 .sponser-product-slider .container{padding-right: 0px!important}
	 .padding-right-mobile-none{padding-right: 0px!important}
	 .sponser-related .container {    padding-right: 0px!important;}
}
@media only screen and (min-width: 768px){

	.product-size-custome .padding{
	    padding: 10px 10px 0px !important;
	}
	.store-details-product .media .media-left {
	    margin: auto;
	    margin-right: 1rem!important;
	}

}

#carousel-2 .item {    padding: 5px 5px;}
.product-size-custome .header-imgage img{    object-fit: contain;
    height: 265px;}
		.pro-image img{    height: 180px;
    object-fit: contain;}

		.compair  .item table  tbody th img{height: 225px;
		    object-fit: contain;}
				.sold-by .media .media-left img{    object-fit: contain;}