/* sidebar css */

/* body{overflow:auto;} */
.showFilePanel{color:#000}
.beuniq_modal_selected {
  animation: slide-in 0.5s forwards;
  -webkit-animation: slide-in 0.5s forwards;
}

.beuniq_modal_dismiss {
  animation: slide-out 0.5s forwards;
  -webkit-animation: slide-out 0.5s forwards;
}

@keyframes slide-in {
  0% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}

@-webkit-keyframes slide-in {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}

@keyframes slide-out {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}

@-webkit-keyframes slide-out {
  0% {
    -webkit-transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
  }
}


.beuniq_main_model_container { font-family: inherit;}
.beuniq_body{overflow:hidden;}
.beuniq_model_main_price{font-size: 14px;font-weight: 700;color: #282c3f;}
.beuniq_model_images_area a{text-decoration:none; color:#000; padding-bottom: 10px;}
.beuniq_model_strike{text-decoration: line-through;color: #7e818c;font-weight: 400;margin-left: 5px;font-size: 12px;}
.beuniq_model_images_area{width:45%; float:left;margin: 0px 10px 20px 10px;padding-bottom: 15px;}
.beuniq_model_images_area img {max-width: 100%;}

/*.beuniq_model_images_area button {border: 1px solid#fff;padding:10px;	margin-top: 10px;cursor: pointer;  width:100%;transition: color .3s ease-in-out, box-shadow .3s ease-in-out;}*/
/* .beuniq_model_images_area button:hover{box-shadow: inset 200px 0 0 0 #dd5b5c;} */
.beuniq_main_modal_content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;}
.main_model_card,.main_model_card:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.beuniq_moel_teal h3{text-transform:uppercase;width: 100%;text-align: center;font-size: 16px; font-family:inherit; font-weight:600;}
.beuniq_moel_teal{color:#000!important;display: flex;width: 100%;align-items: center;}
.beuniq_model_images_area:hover{box-shadow: 0 2px 16px 4px rgba(40,44,63,.07);}
.beuniq_model_images_area h4 { margin: 0; padding-top: 10px;}

.beuniq_modal_update{ position: fixed; right: 0;overflow:auto; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    z-index:111;
     transition: ease-in-out all 0.5s;

}
.beuniq_modal_update img{max-width:100%;}
.beuniq_modal_update_img img{max-width:100%;}

.beuniq_modal_content_updata {
    position: fixed;
    top: 0%;
    right: 0;
    transform: translate(0%, 0%);
    background-color: white;
    padding:20px 10px 20px 15px;
    width: 500px;
    z-index:9999;
    height:100%;
    overflow-y: scroll;
}

.beuniq_close_button {
    width: 2.5rem;
    line-height: 1.5rem;
    cursor: pointer;
	font-size: 32px;
	position: absolute;
    right: 0;
}

.beuniq_show_modal{
    opacity: 1;
    visibility: visible;
    transition: ease-in-out all 0.5s;
	display:block!important;
	
}
 /*****************New css ********/
 
.beuniq_modal_quantity{float:left; width:100%; display:flex;}
.beuniq_quantity input {border: 0px;height: 30px;width: 30px;text-align: center; color:#000; -webkit-border-radius: 0px!important;}
.beuniq_modal_quantity select { background: #fff; border: 1px solid#ccc; width: 90px; outline:0; box-shadow:none; color:#000; -webkit-border-radius: 0px!important; }
.beuniq_model_spacing { float: left;  padding: 0px 10px; width:100%;}
.beuniq_input_set{width:100%; display:flex;}
.beuniq_input_border{border: 1px solid#ccc; margin-right: 10px; display:flex;}
.beuniq_modal_quantity form{width:100%; }
.beuniq_model_image { display: flex;}


.msg_img { width: 20%; float: left;  margin-right: 10px;height: 100%;}
.msg_img img{width: 100%; object-fit: contain; height: 100%;}
.beuniq_modal_tooltip .beuniq_tooltiptext {background-color: #fff; color: #fff; text-align: left; border-radius: 5px; padding: 5px 10px;width: 100%;  align-items: center; display: inline-block; height:100%;}
#beuniq_modal_tooltip { 
  width:100%; 
  padding:10px; 
  right: 0px; 
  box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
  transition: all 0.5s ease-in 0s;
  position: fixed;
  bottom: -100%; 
  border:1px solid#ccc; 
  background: #fff;
  z-index: 999999999;
  margin: 0 auto; 
  height: 130px;
  width: 468px;
  right: 21px;
}
.beuniq_tooltiptext h3 {
  font-size: 15px;
  width: 75%;
  float: left;
}
.beuniq_tooltip_button{color:#000; font-size:30px;float: right; cursor:pointer;position: absolute; right: 10px;top: 0;}

.beuniq_model_image img{
	width: 100%;
	/*height: 280px; 
	object-fit: cover;*/
	}

select.length { display: none;}


.beuniq_modal_quantity button:hover, .beuniq_modal_quantity button:focus {
  transform: translateY(-0.25em);
  cursor:pointer;
}

.beuniq_modal_quantity button {
	background: none;
   border: 2px solid; 
	font: inherit;
	line-height: 1;
	margin-top: 10px;
padding: 10px 20px;
transition: .25s;
width: 100%;
}
.beuniq_modal_quantity button {
  --color: #000;
  --hover: #000;
}


.beuniq_view_all button:hover, .beuniq_view_all button:focus {
  transform: translateY(-0.25em);
  cursor:pointer;
}
.beuniq_view_all button:hover, .beuniq_view_all button:focus {
  color: #000;
}

.beuniq_view_all button {
	background: none;
   border: 2px solid; 
	font: inherit;
	line-height: 1;
	margin-top: 10px;
padding: 10px 20px;
transition: .25s;
width: auto;
}
.beuniq_view_all button {
  --color: #000;
  --hover: #111;
}

.beuniq_view_all { width: 100%; text-align: center;    margin-bottom: 20px;}
.beuniq_active {
  bottom: 20px !important;
}



.beuniq_input_border input {border-radius: 0px!important; -webkit-border-radius: 0px!important; background:#e9e9ed; color:#000; -webkit-appearance: none;}
.beuniq_input_border input#beuniq_modal_number{background:#fff !important; color:#000; -webkit-border-radius: 0px!important; -webkit-appearance: none;}
.beuniq_input_border select{background:#fff !important; border-radius: 0px!important; -webkit-border-radius: 0px!important; color:#000;}
.beuniq_input_border select option{background:#fff !important; border-radius: 0px!important; -webkit-border-radius: 0px!important; color:#000;}

#beuniq_allCart_msg {width:100%; padding:10px; right:0px; box-shadow:0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19); transition: all 0.5s ease-in 0s; position: fixed; bottom: -100%; border: 1px solid#ccc; background: #fff; z-index: 999999999; margin: 0 auto; height: 100px; width: 500px; right: 0;text-align: center;}
#beuniq_allCart_msg h4 {color:#008060;font-weight: bold;}
#beuniq_error_msg {width:100%; padding: 10px; right:0px; box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19); transition:  all 0.5s ease-in 0s; position: fixed; bottom: -100%; border: 1px solid#ccc; background: #fff; z-index: 999999999; margin: 0 auto; height: 100px; width: 468px;
  right: 21px; text-align: center;}
  #beuniq_allCart_error{width: 468px !important;
  right: 21px !important;}
  #beuniq_allCart_msg{width: 468px !important;
  right: 21px !important;}
#beuniq_error_msg h5 {color:red; font-weight: bold;}
#beuniq_allCart_error h5 {color:red; font-weight: bold;}
#beuniq_allCart_error {width:100%; padding: 10px; right:0px; box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19); transition:  all 0.5s ease-in 0s; position: fixed; bottom: -100%; border: 1px solid#ccc; background: #fff; z-index: 999999999; margin: 0 auto; height: 100px; width: 500px; right: 0; text-align: center;}
.beuniq_Allactive {bottom: 20px !important;}

@media only screen and (max-width: 480px) and (min-width: 320px)  {
	
	.beuniq_tooltiptext h3 {
  font-size: 10px;
  width: 75%;
  float: left;
}
#beuniq_modal_tooltip {
  height: 100px;
 
}
#beuniq_allCart_error{
	width: 96%;
right: 8px;
}
 #beuniq_allCart_msg{
	 width: 96%;
right: 8px;
 }
#beuniq_error_msg {width: 96%;
right: 8px;}
.beuniq_main_modal_content {overflow-x: scroll;	overflow-y: hidden;	white-space: nowrap;-webkit-overflow-scrolling: touch;}
.beuniq_main_modal_content .beuniq_model_images_area {display: inline-block;padding-left: 0;padding-right: 10px;}
.beuniq_close_button{display: none;}
.beuniq_view_all{display: none;}
.beuniq_input_set input {border-radius: 0px!important; -webkit-border-radius: 0px!important; background:#e9e9ed;-webkit-appearance: none;-webkit-border-radius: 0; color:#000; }
.beuniq_input_set input#beuniq_modal_number
{background:#fff !important; -webkit-border-radius: 0; width: 100% !important; color:#000;}
.beuniq_input_set select{background:#fff !important; border-radius: 0px!important; -webkit-border-radius: 0px!important; border:1px solid#ccc; color:#000;}
.beuniq_input_set select option{background:#fff !important; border-radius: 0px!important;-webkit-border-radius: 0px;-moz-border-radius: 0px; width:100%;}
.beuniq_input_set select option:focus{background:#fff !important;}
.beuniq_model_image { width: 100%; text-align: center;}
.beuniq_model_images_area .beuniq_model_image img{ display: inline;   height: 100%;
  width: 100%;
  object-fit: cover;
}
.beuniq_model_images_area:first-child {margin-left:10px;}
.beuniq_model_images_area{float: inherit; width:40%;margin: 0px 8px 10px 0px; padding-bottom: 0;}
.beuniq_modal_content_updata{bottom:0;top: inherit;width: 100%;padding: 0; height:auto;}
.beuniq_model_images_area a{float: inherit;}
.beuniq_main_modal_content .beuniq_model_images_area{padding-right:0; border: 1px solid#ccc; padding-bottom:5px; text-align:left;}
.beuniq_model_images_area h4{font-size:9px; font-family: inherit; text-align:left;  white-space: normal;}
.beuniq_moel_teal h3{font-weight: bold; font-family: inherit; text-align:left; padding-left:10px;margin: 10px 0px 8px;}
.beuniq_model_main_price{font-size: 11px; height: 24px; display: block;}
.beuniq_model_disc {font-size: 8px;}
.beuniq_model_strike {font-size: 8px; margin-left: 0px;}
.beuniq_input_border{width:50%; height:100%;}
.beuniq_input_set select{width:50%;height: 25px; font-size: 11px;outline: none;}
.beuniq_model_spacing{padding:0px 8px;}
.beuniq_modal_quantity button{text-transform: uppercase; font-size: 11px;font-weight: 600;letter-spacing: .5px;}
.beuniq_quantity input{height:23px; width:100%; font-size:8px;}
.beuniq_modal_quantity button{padding: 6px 20px;}
#beuniq_modal_tooltip{width: 96%;
right: 8px;}
  @keyframes slide-in {
  0% {
    -webkit-transform: translatey(100%);
  }
  100% {
    -webkit-transform: translatey(0%);
  }
}

@-webkit-keyframes slide-in {
  0% {
    transform: translatey(100%);
  }
  100% {
    transform: translatey(0%);
  }
}

@keyframes slide-out {
  0% {
    transform: translatey(0%);
  }
  100% {
    transform: translatey(100%);
  }
}

@-webkit-keyframes slide-out {
  0% {
    -webkit-transform: translatey(0%);
  }
  100% {
    -webkit-transform: translatey(100%);
  }
}
}

@media only screen and (min-width: 481px) and (max-width: 767px)   {

.beuniq_main_modal_content {overflow-x: scroll;	overflow-y: hidden;	white-space: nowrap;-webkit-overflow-scrolling: touch;}
.beuniq_main_modal_content .beuniq_model_images_area {display: inline-block;padding-left: 0;padding-right: 10px;}
.beuniq_close_button{display: none;}
.beuniq_view_all{display: none;}
.beuniq_input_set input {border-radius: 0px!important; -webkit-border-radius: 0px!important; background:#e9e9ed;-webkit-appearance: none;-webkit-border-radius: 0; color:#000; }
.beuniq_input_set input#beuniq_modal_number{background:#fff !important;-moz-appearance: none;-webkit-appearance: none;-webkit-border-radius: 0;}
.beuniq_input_set select{background:#fff !important; border-radius: 0px!important; -webkit-border-radius: 0px!important; border:1px solid#ccc; color:#000;}
.beuniq_input_set select option{background:#fff !important; border-radius: 0px!important;-webkit-border-radius: 0px;-moz-border-radius: 0px;}
.beuniq_input_set select option:focus{background:#fff !important;}
.beuniq_model_image { width: 100%; text-align: center;}
.beuniq_model_images_area .beuniq_model_image img{height: 100%; display: inline;}
.beuniq_model_images_area:first-child {margin-left:10px;}
.beuniq_model_images_area{float: inherit; width:35%;margin: 0px 8px 10px 0px; padding-bottom: 0;}
.beuniq_modal_content_updata{bottom:0;top: inherit;width: 100%;padding: 0; height:auto;}
.beuniq_model_images_area a{float: inherit;}
.beuniq_main_modal_content .beuniq_model_images_area{padding-right:0; border: 1px solid#ccc; padding-bottom:5px; text-align:left;}
.beuniq_model_images_area h4{font-size:11px; font-family: inherit; text-align:left;  white-space: normal;}
.beuniq_moel_teal h3{font-weight: bold; font-family: inherit; text-align:left; padding-left:10px;margin: 10px 0px 8px;}
.beuniq_model_main_price{font-size: 11px; height: 24px; display: block;}
.beuniq_model_disc {font-size: 8px;}
.beuniq_model_strike {font-size: 8px; margin-left: 0px;}
.beuniq_input_border{width:50%; height:100%;}
.beuniq_input_set select{width:50%;height: 25px; font-size: 11px;outline: none;}
.beuniq_model_spacing{padding:0px 8px;}
.beuniq_modal_quantity button{text-transform: uppercase; font-size: 11px;font-weight: 600;letter-spacing: .5px;}
.beuniq_quantity input{height:23px; width:100%;}
.beuniq_modal_quantity button{padding: 6px 20px;}
#beuniq_modal_tooltip{width:100%;}
  @keyframes slide-in {
  0% {
    -webkit-transform: translatey(100%);
  }
  100% {
    -webkit-transform: translatey(0%);
  }
}

@-webkit-keyframes slide-in {
  0% {
    transform: translatey(100%);
  }
  100% {
    transform: translatey(0%);
  }
}

@keyframes slide-out {
  0% {
    transform: translatey(0%);
  }
  100% {
    transform: translatey(100%);
  }
}

@-webkit-keyframes slide-out {
  0% {
    -webkit-transform: translatey(0%);
  }
  100% {
    -webkit-transform: translatey(100%);
  }
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px)   {
.beuniq_main_modal_content {
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.beuniq_main_modal_content .beuniq_model_images_area {
	display: inline-block;
	padding-left: 0;
	padding-right: 10px;
}
.beuniq_quantity { width: 100%; }
.beuniq_input_set{width: auto;margin: 0 auto;}
.beuniq_main_modal_content .beuniq_model_images_area{text-align:left;padding-right:0;}
.beuniq_model_image { width: 100%; text-align: center;}
.beuniq_model_image img{height:100%; display: inline;}
.beuniq_model_images_area{float: inherit; width:35%;}
.beuniq_modal_content_updata{bottom:0;top: inherit;width: 100%;padding: 0;height:auto;}
.beuniq_model_images_area a{float: inherit;}
.beuniq_model_images_area h4{font-size:16px; text-align: left;}
.beuniq_model_main_price{font-size: 16px;text-align: left;}
.beuniq_model_disc {font-size: 14px;}
.beuniq_model_strike {font-size: 14px; margin-left: 5px;}
.beuniq_model_spacing{padding:0px 10px;}
.beuniq_quantity input{height:30px; width:30px;}
.beuniq_modal_quantity button{padding: 10px 20px;}
.beuniq_moel_teal h3{font-weight: bold; font-family: inherit; text-align:center;margin:10px 0px 10px;}
.beuniq_view_all button{margin-top: 0;}
#beuniq_modal_tooltip{width:100%;}
  @keyframes slide-in {
  0% {
    -webkit-transform: translatey(100%);
  }
  100% {
    -webkit-transform: translatey(0%);
  }
}

@-webkit-keyframes slide-in {
  0% {
    transform: translatey(100%);
  }
  100% {
    transform: translatey(0%);
  }
}

@keyframes slide-out {
  0% {
    transform: translatey(0%);
  }
  100% {
    transform: translatey(100%);
  }
}

@-webkit-keyframes slide-out {
  0% {
    -webkit-transform: translatey(0%);
  }
  100% {
    -webkit-transform: translatey(100%);
  }
}
}