[class*='htslider-'] svg{
height: auto;
}
.htb-container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.htb-container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.htb-container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.htb-container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.htb-container {
max-width: 1200px;
}
}
.htb-row {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.htb-col-lg-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
.htb-col-lg-6 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 992px) {
.htb-col-lg-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
}
@media (max-width: 767px) {
.htb-col-lg-6 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
} .htslider-single-post-slide {
position: relative;
}
.htslider-single-post-slide img {
width: 100%;
}
.htslider-single-post-slide a {
text-decoration: none;
}
.htslider-single-post-slide .content ul.post-category {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: outside none none;
margin: 0 -10px;
padding: 0;
}
.htslider-single-post-slide .content ul.post-category li {
background: #f05555 none repeat scroll 0 0;
margin: 0 10px;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
line-height: inherit;
}
.htslider-single-post-slide .content ul.post-category li a {
color: #fff;
font-size: 13px;
font-weight: 300;
letter-spacing: 1px;
text-transform: uppercase;
padding: 5px 9px;
display: block;
text-decoration: none;
}
.htslider-single-post-slide .content ul.post-category li a:hover {
background: #18012c none repeat scroll 0 0;
color: #ffffff;
}
.htslider-single-post-slide ul.meta {
color: #464545;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: outside none none;
margin: 0 -15px;
padding: 0;
}
.htslider-single-post-slide ul.meta li {
font-size: 13px;
letter-spacing: 2px;
margin: 0 15px;
}
.htslider-single-post-slide ul.meta li i {
padding-right: 10px;
} .htslider-single-post-slide .thumb a,.ht-post .thumb a{
position: relative;
display: block;
}
.htslider-single-post-slide .thumb a:after,.ht-post .thumb a:after {
content: "";
position: absolute;
background: rgba(0, 0, 0, 0);
top: 0;
left: 0;
width: 100%;
z-index: 0;
height: 100%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.htslider-single-post-slide.htslider-postslider-layout-3 .thumb a:before{
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.htslider-single-post-slide.htslider-postslider-layout-3:hover .thumb a:before{
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
} .htslider-single-post-slide .content .post-inner h2 {
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
}
.htslider-single-post-slide .content .post-inner p {
margin: 22px 0 25px;
color: #18012c;
font-size: 14px;
line-height: 28px;
margin-top: 0;
}
.htslider-single-post-slide .content .post-inner h2 a,
.htslider-single-post-slide .content .post-inner ul.meta li a {
color: #18012c;
}
.htslider-single-post-slide .post-btn a.readmore-btn {
background: transparent none repeat scroll 0 0;
border: 1px solid #464545;
border-radius: 23px;
color: #464545;
display: inline-block;
font-size: 14px;
font-weight: 400;
height: 46px;
line-height: 44px;
padding: 0 37px;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.htslider-area-pro .htslider-single-post-slide .post-btn a.readmore-btn {
border-radius: 0;
margin-top: 20px;
background: #ffffff none repeat scroll 0 0;
border: 1px solid #ffffff;
color: #18012c;
}
.htslider-area-pro .htslider-single-post-slide .post-btn a.readmore-btn:hover {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #ffffff;
color: #18012c;
}
.htslider-single-post-slide .post-btn a.readmore-btn:hover {
background: #18012c none repeat scroll 0 0;
border: 1px solid #18012c;
color: #ffffff;
}
.htslider-single-post-slide .post-btn a.readmore-btn svg{
width: 12px;
}
.htslider-single-post-slide .post-btn a.readmore-btn svg path{
fill: #18012c;
transition: all 0.4s ease-in-out 0s;
}
.htslider-single-post-slide .post-btn a.readmore-btn:hover svg path{
fill: #ffffff;
}
.htslider-single-post-slide .post-btn a.readmore-btn.before{
flex-direction: row-reverse;
}
.htslider-postslider-area img {
width: 100%;
}
.htslider-postslider-area button.slick-arrow {
background: #ccd5d5 none repeat scroll 0 0;
border: 0 none;
color: #00282a;
font-size: 24px;
height: 46px;
line-height: 1;
padding: 0;
position: absolute;
width: 46px;
z-index: 2;
}
.htslider-postslider-area button.slick-arrow svg{
width: 12px;
}
.htslider-postslider-area button.slick-arrow svg path{
fill: #00282a;
}
.htslider-postslider-area button.htslider-carosul-prev.slick-arrow {
right: 60px;
}
.htslider-postslider-area button.slick-arrow {
background: #d7dae9 none repeat scroll 0 0;
border: 1px solid #d7dae9;
border-radius: 100%;
color: #2a47e0;
font-size: 24px;
}
.htslider-arrow-1.htslider-postslider-area button.slick-arrow,
.htslider-arrow-4.htslider-postslider-area button.slick-arrow {
left: 30px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
z-index: 2;
text-align: center;
}
.htslider-arrow-1.htslider-postslider-area button.htslider-carosul-next.slick-arrow ,
.htslider-arrow-4.htslider-postslider-area button.htslider-carosul-next.slick-arrow {
left: auto !important;
right: 30px;
}
.htslider-arrow-2.htslider-postslider-area button.slick-arrow ,
.htslider-arrow-3.htslider-postslider-area button.slick-arrow {
-webkit-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
border-radius: 100%;
}
.htslider-arrow-2.htslider-postslider-area button.htslider-carosul-next.slick-arrow {
left: auto;
right: 50px !important;
margin-top: 30px;
}
.htslider-arrow-2.htslider-postslider-area button.slick-arrow {
top: 50%;
}
.htslider-arrow-2.htslider-postslider-area button.htslider-carosul-prev.slick-arrow {
right: 50px;
margin-top: -30px;
}
.htslider-arrow-3.htslider-postslider-area button.htslider-carosul-next.slick-arrow {
left: 50px;
right: auto;
bottom: 5% !important;
}
.htslider-arrow-3.htslider-postslider-area button.htslider-carosul-prev.slick-arrow {
left: 50px;
bottom: 13% !important;
}
.htslider-postslider-area .slick-dots li button:before {
display: none;
}
.htslider-postslider-area .slick-dots li button{
background: #ccd5d5 none repeat scroll 0 0;
border-radius: 100%;
height: 15px;
width: 15px;
}
.htslider-postslider-area .slick-dots li.slick-active button {
background: #00282a none repeat scroll 0 0;
margin-left: 0;
}
body.rtl .htslider-postslider-area button.htslider-carosul-prev.slick-arrow{
right: auto;
}
body.rtl .htslider-arrow-2.htslider-postslider-area button.htslider-carosul-next.slick-arrow {
right: auto !important;
}
body.rtl .htslider-arrow-3.htslider-postslider-area button.htslider-carosul-prev.slick-arrow {
bottom: 15% !important;
} .htslider-postslider-layout-1 .content {
position: absolute;
left: 0;
top: 0;
max-width: 40%;
height: 100%;
padding: 10px;
}
.htslider-postslider-layout-1 .content .post-inner {
width: 100%;
height: 100%;
background: rgba(0, 140, 167, 0.8);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 30px;
}
.htslider-postslider-layout-1 .content .post-inner h2 {
font-size: 24px;
font-weight: 500;
}
.htslider-postslider-layout-1 .content .post-inner h2 a,
.htslider-postslider-layout-1 .content .post-inner ul.meta li a {
color: #ffffff;
}
.htslider-postslider-layout-1 .content .post-inner p {
color: #ffffff;
font-size: 14px;
line-height: 28px;
}
.htslider-postslider-layout-1 ul.meta {
color: #ffffff;
}
.htslider-postslider-layout-1 .post-btn a.readmore-btn {
border: 1px solid #ffffff;
color: #ffffff;
} .htslider-postslider-layout-2 .content .post-inner h2 {
font-size: 24px;
font-weight: 500;
margin-top: 20px;
margin-bottom: 18px;
}
.htslider-postslider-layout-2 .content .post-inner h2 a {
color: #464545;
}
.htslider-postslider-layout-2 .content .post-inner ul.meta li,
.htslider-postslider-layout-2 .content .post-inner ul.meta li a {
color: #464545;
}
.htslider-postslider-layout-2 .content .post-inner p {
color: #464545;
}
.htslider-postslider-layout-2 .content .post-inner .post-btn {
margin-top: 19px;
} .htslider-postslider-layout-3 .content {
position: absolute;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
}
.htslider-postslider-layout-3 .content .post-inner h2 {
font-size: 24px;
font-weight: 500;
margin-top: 20px;
margin-bottom: 18px;
padding: 0 26%;
line-height: 34px;
}
.htslider-postslider-layout-3 .content .post-inner h2 a {
color: #ffffff;
}
.htslider-postslider-layout-3 .content .post-inner ul.meta {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.htslider-postslider-layout-3 .content .post-inner ul.meta li,
.htslider-postslider-layout-3 .content .post-inner ul.meta li a {
color: #ffffff;
}
.htslider-postslider-layout-3 .content .post-inner .post-btn {
margin-top: 19px;
}
.htslider-postslider-layout-3 .content .post-inner .post-btn a.readmore-btn {
border: 1px solid #ffffff;
color: #ffffff;
}
.htslider-postslider-layout-3 .content .post-inner .post-btn a.readmore-btn:hover {
background: #18012c;
color: #ffffff;
border: 1px solid #18012c;
}
.htslider-postslider-layout-3 .content ul.post-category {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} .htslider-postslider-layout-4 .content {
position: absolute;
text-align: center;
bottom: 0;
padding: 20px;
}
.htslider-postslider-layout-4 .content .post-inner {
background: rgba(0, 86, 255, 0.7);
padding: 25px;
text-align: left;
}
.htslider-postslider-layout-4 .content .post-inner h2 {
font-size: 24px;
font-weight: 500;
margin-bottom: 13px;
line-height: 34px;
}
.htslider-postslider-layout-4 .content .post-inner h2 a {
color: #ffffff;
}
.htslider-postslider-layout-4 .content .post-inner ul.meta li {
color: #ffffff;
}
.htslider-postslider-layout-4 .content .post-inner ul.meta li a {
color: #ffffff;
}
.htslider-postslider-layout-4 .content ul.post-category {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} .htslider-postslider-layout-5 .content {
background: #f4f4f4;
padding: 60px;
}
.htslider-postslider-layout-5 .content .post-inner h2 {
font-size: 24px;
font-weight: 500;
margin-top: 20px;
margin-bottom: 18px;
line-height: 34px;
}
.htslider-postslider-layout-5 .content .post-inner h2 a {
color: #464545;
}
.htslider-postslider-layout-5 .content .post-inner ul.meta li,
.htslider-postslider-layout-5 .content .post-inner ul.meta li a {
color: #464545;
}
.htslider-postslider-layout-5 .content .post-inner .post-btn {
margin-top: 19px;
}
.htslider-postslider-layout-5 .content .post-inner .post-btn a.readmore-btn {
border: 1px solid #494849;
color: #494849;
}
.htslider-postslider-layout-5 .content .post-inner .post-btn a.readmore-btn:hover {
background: #18012c;
color: #ffffff;
border: 1px solid #18012c;
}
.htslider-arrow-2.htslider-postslider-area.htslider-postslider-style-5 button.slick-arrow {
top: 30%;
}
.htslider-postslider-style-4.htslider-postslider-area ul.slick-dots {
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: absolute;
right: 0;
top: 0;
width: 200px;
z-index: 2;
}
.htslider-postslider-style-4.htslider-postslider-area ul.slick-dots li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: transparent none repeat scroll 0 0;
border-bottom: 5px solid #828282;
border-left: 5px solid #828282;
border-radius: 0;
border-right: 5px solid #828282;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
height: auto;
margin: 0;
overflow: hidden;
padding: 20px;
position: relative;
text-align: left;
-webkit-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
width: auto;
z-index: 2;
}
.htslider-postslider-style-4.htslider-postslider-area ul.slick-dots li:first-child {
border-top: 5px solid #828282;
}
.htslider-postslider-style-4.htslider-postslider-area ul.slick-dots li.slick-active {
background: transparent none repeat scroll 0 0;
border: 5px solid #ffffff;
}
.htslider-postslider-style-4.htslider-postslider-area ul.slick-dots li h6 {
bottom: 0;
color: #ffffff;
font-weight: 500;
line-height: 22px;
margin: 0;
padding-bottom: 20px;
position: absolute;
}
.htb-align-items-center {
-ms-flex-align: center!important;
-webkit-box-align: center!important;
-ms-grid-row-align: center!important;
align-items: center!important
}
.htslider-postslider-area ul.slick-dots {
margin: 0;
left: 50%;
position: absolute;
top: 100%;
padding-left: 0;
z-index: 9;
}
.htslider-postslider-area ul.slick-dots li {
display: inline;
margin: 0 15px 0 0;
}
.htslider-postslider-area ul.slick-dots li button {
padding: 7px;
color: #00282a;
line-height: normal;
outline: none;
text-decoration: none;
text-indent: -999999px;
border: none;
background: #ddd;
line-height: 0;
}
.htslider-postslider-area.pagination  ul.slick-dots li button {
text-indent: 0;
}
.htslider-postslider-area ul.slick-dots li:last-child {
margin-right: 0;
} .htslider-carousel-activation.dot_right_center .slick-dots,.htslider-carousel-activation.dot_left_center .slick-dots{
right: 30px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top:50%;
bottom:auto;
left: auto;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.htslider-carousel-activation.dot_right_center .slick-dots{
text-align: right;
}
.htslider-carousel-activation.dot_right_center .slick-dots li{
margin: 0;
}
.htslider-carousel-activation.dot_left_center .slick-dots{
left: 30px;
right: auto;
bottom: 20px;
}
.htslider-carousel-activation.dot_bottom_right .slick-dots{
right: 0;
bottom: 20px;
width: auto;
left: auto;
}
.htslider-carousel-activation.dot_bottom_left .slick-dots{
left: 0;
bottom: 20px;
width: auto;
}
.htslider-carousel-activation.dot_bottom_center .slick-dots {
bottom: 20px;
width: auto;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
margin-left: 0px;
} .htslider-item-img.single-slide-item.htslider-single-post-slide {
height: 600px;
}
.htslider-postslider-area .htb-container {
height: 100%;
}
.htslider-postslider-area .single-slide-item.htslider-single-post-slide .content {
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.single-slide-item.htslider-single-post-slide .content .post-inner {
padding: 0;
width: 100%;
}
.single-slide-item.htslider-single-post-slide .content .post-inner .htslider-desc {
font-size: 15px;
margin-bottom: 20px;
}
.single-slide-item.htslider-single-post-slide .content .post-inner p img {
width: auto;
display: inline-block;
margin-top: 0;
margin-bottom: 0;
}
.single-slide-item.htslider-single-post-slide .content h4 {
font-size: 18px;
margin: 0;
}
.single-slide-item.htslider-single-post-slide .content .post-btn a.readmore-btn {
height: inherit;
line-height: inherit;
padding: 13px 37px;
}
.htb-row.right {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.htsldier-item-area2 {
background: #f9f9f9;
}
.elementor-widget-htslider-slider-addons {
width: 100%;
}  .htslider-slider-area {
position: relative;
}
.htslider-slider .slick-arrow {
font-size: 22px;
position: absolute;
z-index: 9;
top: 50%;
left: 20px;
width: 60px;
height: 60px;
margin: 0;
padding: 0;
-webkit-transition: 0.4s;
transition: 0.4s;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
opacity: 1;
display: flex;
align-items: center;
justify-content: center;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
border: 1px solid #E1E1E1;
border-radius: 100%;
background: #FFFFFF none repeat scroll 0 0;
}
.htslider-slider .slick-arrow.slick-next {
right: 20px;
left: auto;
}
.htslider-slider .slick-arrow:hover {
color: #FFFFFF;
border-color: #1F2226;
background: #1F2226;
}
.htslider-slider .slick-arrow svg {
height: auto;
width: 16px;
}
.htslider-slider .slick-arrow:hover svg path {
fill: #FFFFFF;
}
.htslider-slider .slick-dots {
position: absolute;
bottom: 0;
left: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
list-style: outside none none;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.htslider-slider .slick-dots li {
line-height: 12px;
margin: 0 4px;
}
.htslider-slider .slick-dots li button {
line-height: 13px;
width: 13px;
height: 13px;
padding: 0;
text-indent: -9999px;
border: 1px solid #4E4F4F;
border-radius: 50px;
background-color: transparent;
}
.htslider-slider-area .hero-slider-controls .slick-arrow i,
.htslider-slider .slick-arrow i {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
color: #282828;
}
.htslider-slider .slick-dots li.slick-active button {
border-color: #282828;
background-color: #282828;
}
.slick-dots button:focus,
.slick-arrow:focus {
outline: none;
} .htslider-slider-area .hero-slider-controls {
position: absolute;
z-index: 99;
top: 50%;
right: 50px;
width: 50px;
padding: 60px 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
}
.htslider-slider-area .hero-slider-controls .slick-arrow {
font-size: 20px;
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
-webkit-transition: 0.4s;
transition: 0.4s;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
border: medium none;
border-radius: 100%;
background-color: #FFFFFF;
}
.htslider-slider-area .hero-slider-controls .slick-arrow:hover {
color: #FFFFFF;
background: #1F2226;
}
.htslider-slider-area .hero-slider-controls .slick-arrow {
padding: 0;
}
.htslider-slider-area .hero-slider-controls .slick-arrow.slick-next {
top: auto;
bottom: 0;
}
.htslider-slider-area .hero-slider-controls .slick-dots {
margin: 0;
padding: 0;
}
.htslider-slider-area .hero-slider-controls .slick-dots li {
line-height: 12px;
display: block;
margin: auto auto 8px;
}
.htslider-slider-area .hero-slider-controls .slick-dots li:last-child {
margin: 0;
}
.htslider-slider-area .hero-slider-controls .slick-dots li.slick-active button {
border-color: #282828;
background-color: #282828;
}
.htslider-slider-area .hero-slider-controls .slick-dots li button {
line-height: inherit;
width: 13px;
height: 13px;
padding: 0;
text-indent: -9999px;
border: 1px solid #4E4F4F;
border-radius: 50px;
background-color: transparent;
}
.htslider-slider-area.navigation-style-3 .hero-slider-controls {
top: auto;
bottom: 50px;
left: 50px;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.htslider-slider-area .slick-prev:before,
.htslider-slider-area .slick-next:before {
display: none;
}
.slider-area.htslider-slider .slingle-slider a {
text-decoration: none;
}
.elementor-widget-htslider-slider-addons {
width: 100%;
} .htslider-slider-area.loading {
overflow: hidden;
height: 600px;
background-color: #FAFAFA;
}
.htslider-slider-area.loading .htslider-slider {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.htslider-slider-area.loading:before {
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
content: '';
-webkit-animation: loading 1s linear infinite both;
animation: loading 1s linear infinite both;
border-width: 4px;
border-style: solid;
border-color: #000000 #000000 #000000 transparent;
border-radius: 50%;
background-color: transparent;
}
@-webkit-keyframes loading {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loading {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .htslider-error-notice {
background: #efefef;
padding: 10px 17px;
border-left: 4px solid red;
font-size: 19px;
color: #8b4343;
max-width: max-content;
margin: auto;
} .elementor-widget-htslider-scrollnavigation-addons .swiper-container {
height: 100vh;
margin-left: auto;
margin-right: auto;
width: 100%;
overflow: hidden;
}
.htslider-scroll-navigation-content {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.htslider-scroll-navigation-inner{
height: 100%;
width: 100%;
}
.elementor-widget-htslider-scrollnavigation-addons .swiper-slide:nth-child(1) .htslider-scroll-navigation-inner {
background-color: #EBEDF5;
}
.elementor-widget-htslider-scrollnavigation-addons .swiper-slide:nth-child(2) .htslider-scroll-navigation-inner {
background-color: #3498DB;
}
.elementor-widget-htslider-scrollnavigation-addons .swiper-slide:nth-child(3) .htslider-scroll-navigation-inner {
background-color: #2ECC71;
} .htslider-slider-area {
position: relative;
}
.htslider-progress {
position: absolute;
left: 0;
right: 0;
z-index: 1;
width: 100%;
background: #f1f1f1;
}
.htslider-progress-bar {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 0;
background: #0056ff;
transition: width 0.3s ease;
}
.htslider-progress-top.htslider-progress {
top: 0;
}
.htslider-progress-bottom.htslider-progress {
bottom: 0;
}  .htslider-pagination-with-title .swiper-pagination-bullet {
position: relative;
}
.htslider-pagination-title {
position: absolute;
white-space: nowrap;
background-color: rgba(0, 0, 0, 0.8);
color: #ffffff;
padding: 8px 12px;
border-radius: 4px;
font-size: 14px;
font-weight: 500;
line-height: 1.2;
z-index: 10;
pointer-events: none;
opacity: 0;
visibility: hidden;
transform: scale(0.8);
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
} .htslider-pagination-title-top .htslider-pagination-title {
bottom: calc(100% + 10px);
left: 50%;
transform: translateX(-50%) scale(0.8);
}
.htslider-pagination-title-bottom .htslider-pagination-title {
top: calc(100% + 10px);
left: 50%;
transform: translateX(-50%) scale(0.8);
}
.htslider-pagination-title-left .htslider-pagination-title {
right: calc(100% + 10px);
top: 50%;
transform: translateY(-50%) scale(0.8);
}
.htslider-pagination-title-right .htslider-pagination-title {
left: calc(100% + 10px);
top: 50%;
transform: translateY(-50%) scale(0.8);
} .htslider-pagination-trigger-always .htslider-pagination-title,
.htslider-pagination-trigger-hover .swiper-pagination-bullet:hover .htslider-pagination-title,
.htslider-pagination-trigger-active .swiper-pagination-bullet-active .htslider-pagination-title,
.htslider-pagination-trigger-both .swiper-pagination-bullet:hover .htslider-pagination-title,
.htslider-pagination-trigger-both .swiper-pagination-bullet-active .htslider-pagination-title,
.htslider-pagination-title-visible {
opacity: 1;
visibility: visible;
transform: scale(1);
} .htslider-pagination-title-top .htslider-pagination-title-visible,
.htslider-pagination-title-top .swiper-pagination-bullet:hover .htslider-pagination-title,
.htslider-pagination-title-top .swiper-pagination-bullet-active .htslider-pagination-title {
transform: translateX(-50%) scale(1);
}
.htslider-pagination-title-bottom .htslider-pagination-title-visible,
.htslider-pagination-title-bottom .swiper-pagination-bullet:hover .htslider-pagination-title,
.htslider-pagination-title-bottom .swiper-pagination-bullet-active .htslider-pagination-title {
transform: translateX(-50%) scale(1);
}
.htslider-pagination-title-left .htslider-pagination-title-visible,
.htslider-pagination-title-left .swiper-pagination-bullet:hover .htslider-pagination-title,
.htslider-pagination-title-left .swiper-pagination-bullet-active .htslider-pagination-title {
transform: translateY(-50%) scale(1);
}
.htslider-pagination-title-right .htslider-pagination-title-visible,
.htslider-pagination-title-right .swiper-pagination-bullet:hover .htslider-pagination-title,
.htslider-pagination-title-right .swiper-pagination-bullet-active .htslider-pagination-title {
transform: translateY(-50%) scale(1);
} .htslider-animation-in {
animation-fill-mode: both;
}
.htslider-animation-out {
animation-fill-mode: both;
} @keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes slideUp {
from { 
opacity: 0;
transform: translateY(10px);
}
to { 
opacity: 1;
transform: translateY(0);
}
}
@keyframes slideDown {
from { 
opacity: 0;
transform: translateY(-10px);
}
to { 
opacity: 1;
transform: translateY(0);
}
}
@keyframes slideLeft {
from { 
opacity: 0;
transform: translateX(10px);
}
to { 
opacity: 1;
transform: translateX(0);
}
}
@keyframes slideRight {
from { 
opacity: 0;
transform: translateX(-10px);
}
to { 
opacity: 1;
transform: translateX(0);
}
}
@keyframes zoomIn {
from { 
opacity: 0;
transform: scale(0.5);
}
to { 
opacity: 1;
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(0.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(0.9);
}
100% {
opacity: 1;
transform: scale(1);
}
} .htslider-pagination-animation-fadeIn .htslider-animation-in {
animation: fadeIn 0.3s ease;
}
.htslider-pagination-animation-slideUp .htslider-animation-in {
animation: slideUp 0.3s ease;
}
.htslider-pagination-animation-slideDown .htslider-animation-in {
animation: slideDown 0.3s ease;
}
.htslider-pagination-animation-slideLeft .htslider-animation-in {
animation: slideLeft 0.3s ease;
}
.htslider-pagination-animation-slideRight .htslider-animation-in {
animation: slideRight 0.3s ease;
}
.htslider-pagination-animation-zoomIn .htslider-animation-in {
animation: zoomIn 0.3s ease;
}
.htslider-pagination-animation-bounceIn .htslider-animation-in {
animation: bounceIn 0.5s ease;
} .htslider-pagination-title-top.htslider-pagination-animation-slideUp .htslider-pagination-title,
.htslider-pagination-title-bottom.htslider-pagination-animation-slideDown .htslider-pagination-title,
.htslider-pagination-title-left.htslider-pagination-animation-slideLeft .htslider-pagination-title,
.htslider-pagination-title-right.htslider-pagination-animation-slideRight .htslider-pagination-title {
transform-origin: center;
} .htslider-pagination-title::before {
content: '';
position: absolute;
width: 0;
height: 0;
border: 5px solid transparent;
}
.htslider-pagination-title-top .htslider-pagination-title::before {
top: 100%;
left: 50%;
transform: translateX(-50%);
border-top-color: rgba(0, 0, 0, 0.8);
}
.htslider-pagination-title-bottom .htslider-pagination-title::before {
bottom: 100%;
left: 50%;
transform: translateX(-50%);
border-bottom-color: rgba(0, 0, 0, 0.8);
}
.htslider-pagination-title-left .htslider-pagination-title::before {
left: 100%;
top: 50%;
transform: translateY(-50%);
border-left-color: rgba(0, 0, 0, 0.8);
}
.htslider-pagination-title-right .htslider-pagination-title::before {
right: 100%;
top: 50%;
transform: translateY(-50%);
border-right-color: rgba(0, 0, 0, 0.8);
} @media (max-width: 768px) {
.htslider-pagination-title {
font-size: 12px;
padding: 6px 10px;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
}
}
@media (max-width: 480px) {
.htslider-pagination-title {
font-size: 11px;
padding: 4px 8px;
max-width: 150px;
}
} body.rtl .htslider-pagination-title-left .htslider-pagination-title {
right: auto;
left: calc(100% + 10px);
}
body.rtl .htslider-pagination-title-right .htslider-pagination-title {
left: auto;
right: calc(100% + 10px);
}
body.rtl .htslider-pagination-title-left .htslider-pagination-title::before {
left: auto;
right: 100%;
border-left-color: transparent;
border-right-color: rgba(0, 0, 0, 0.8);
}
body.rtl .htslider-pagination-title-right .htslider-pagination-title::before {
right: auto;
left: 100%;
border-right-color: transparent;
border-left-color: rgba(0, 0, 0, 0.8);
} .htslider-pagination-title {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
} .htslider-swiper-pagination {
position: relative;
overflow: visible;
display: flex;
flex-direction: column;
gap: 10px;
}
.htslider-swiper-pagination .swiper-pagination-bullet{	
margin: 0!important;
} .htslider-pagination-title {
z-index: 9999;
}.ppom_tooltipster-fall,.ppom_tooltipster-grow.ppom_tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.ppom_tooltipster-base{display:flex;pointer-events:none;position:absolute}.ppom_tooltipster-box{flex:1 1 auto}.ppom_tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.ppom_tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.ppom_tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.ppom_tooltipster-fade.ppom_tooltipster-show{opacity:1}.ppom_tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.ppom_tooltipster-grow.ppom_tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.ppom_tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.ppom_tooltipster-swing.ppom_tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.ppom_tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.ppom_tooltipster-fall.ppom_tooltipster-initial{top:0!important}.ppom_tooltipster-fall.ppom_tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.ppom_tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.ppom_tooltipster-slide.ppom_tooltipster-initial{left:-40px!important}.ppom_tooltipster-slide.ppom_tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes ppom_tooltipster-fading{0%{opacity:0}100%{opacity:1}}.ppom_tooltipster-update-fade{animation:ppom_tooltipster-fading .4s}@keyframes ppom_tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.ppom_tooltipster-update-rotate{animation:ppom_tooltipster-rotating .6s}@keyframes ppom_tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.ppom_tooltipster-update-scale{animation:ppom_tooltipster-scaling .6s}.ppom_tooltipster-sidetip .ppom_tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.ppom_tooltipster-sidetip.ppom_tooltipster-bottom .ppom_tooltipster-box{margin-top:8px}.ppom_tooltipster-sidetip.ppom_tooltipster-left .ppom_tooltipster-box{margin-right:8px}.ppom_tooltipster-sidetip.ppom_tooltipster-right .ppom_tooltipster-box{margin-left:8px}.ppom_tooltipster-sidetip.ppom_tooltipster-top .ppom_tooltipster-box{margin-bottom:8px}.ppom_tooltipster-sidetip .ppom_tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.ppom_tooltipster-sidetip .ppom_tooltipster-arrow{overflow:hidden;position:absolute}.ppom_tooltipster-sidetip.ppom_tooltipster-bottom .ppom_tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.ppom_tooltipster-sidetip.ppom_tooltipster-left .ppom_tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.ppom_tooltipster-sidetip.ppom_tooltipster-right .ppom_tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.ppom_tooltipster-sidetip.ppom_tooltipster-top .ppom_tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.ppom_tooltipster-sidetip .ppom_tooltipster-arrow-background,.ppom_tooltipster-sidetip .ppom_tooltipster-arrow-border{height:0;position:absolute;width:0}.ppom_tooltipster-sidetip .ppom_tooltipster-arrow-background{border:10px solid transparent}.ppom_tooltipster-sidetip.ppom_tooltipster-bottom .ppom_tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.ppom_tooltipster-sidetip.ppom_tooltipster-left .ppom_tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.ppom_tooltipster-sidetip.ppom_tooltipster-right .ppom_tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.ppom_tooltipster-sidetip.ppom_tooltipster-top .ppom_tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.ppom_tooltipster-sidetip .ppom_tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.ppom_tooltipster-sidetip.ppom_tooltipster-bottom .ppom_tooltipster-arrow-border{border-bottom-color:#000}.ppom_tooltipster-sidetip.ppom_tooltipster-left .ppom_tooltipster-arrow-border{border-left-color:#000}.ppom_tooltipster-sidetip.ppom_tooltipster-right .ppom_tooltipster-arrow-border{border-right-color:#000}.ppom_tooltipster-sidetip.ppom_tooltipster-top .ppom_tooltipster-arrow-border{border-top-color:#000}.ppom_tooltipster-sidetip .ppom_tooltipster-arrow-uncropped{position:relative}.ppom_tooltipster-sidetip.ppom_tooltipster-bottom .ppom_tooltipster-arrow-uncropped{top:-10px}.ppom_tooltipster-sidetip.ppom_tooltipster-right .ppom_tooltipster-arrow-uncropped{left:-10px}.ppom-wrapper {
padding: 0 !important;
clear: both;
margin-bottom: 15px;
width: 100%;
}
.ppom-wrapper span.show_description {
font-size: 11px;
color: #999;
padding-left: 5px;
}
.ppom-wrapper span.show_required {
color: red;
}   .related.products .amount-options {
display: none;
} .upsells .amount-options {
display: none;
} #ppom-price-container {}
#ppom-price-container ul li {
list-style: none;
line-height: 4px;
} #ppom-price-cloner-wrapper {
display: none;
}  .ppom-palettes label>input {
visibility: hidden;
position: absolute;
}
.ppom-single-palette {
margin: 2px;
}
.ppom-palettes label>input+.ppom-single-palette {
cursor: pointer;
text-align: center;
width: 60px;
height: 60px;
float: left;
border: 2px solid transparent;
position: relative;
color: #c73c3c;
transition: 0.5s all;
-webkit-transition: 0.5s all;
box-shadow: 0 0 8px #d9d4d4;
}
.ppom-palettes label>input:checked+.ppom-single-palette {
border: 2px solid #000;
margin-right: 10px;
}
.ppom-palettes .amount {
position: absolute; bottom: 0;
text-align: center;
left: 0;
width: 100%;
}
.ppom-single-palette:hover {
-moz-box-shadow: 0px 0px 5px white;
-webkit-box-shadow: 0px 0px 5px white;
box-shadow: 0px 0px 8px white;
z-index: 999;
}  .ppom_upload_image_box { }
.ppom_upload_image_box .pre_upload_image { overflow: hidden;
float: left;
text-align: center;
background-color: #FFF;
margin: 5px;
cursor: pointer;
position: relative;
max-width: 100px;
}
.ppom_upload_image_box .input_image { bottom: 0;
background-color: #fff;
width: 100%;
}
.p_u_i_name {
background-color: #E0DFDF;
overflow: hidden;
margin: 0 auto;
font-size: 13px;
padding: 5px;
}
.nm-imagetools .fa {
color: black;
} .ppom_audio_box .ppom_audio {
text-align: center;
} .ppom-file-container {
background-color: #ccc;
padding: 25px;
}
.modal-body {
position: relative;
overflow-y: auto;
max-height: 400px;
padding: 15px;
}
.ppom-dragdrop-text {
display: block;
font-style: italic;
}
.ppom-file-cb {
display: none !important
}  .ppom-option-price-list li>span:first-child {
padding: 10px;
float: left;
clear: both;
}
.ppom-option-price-list li>span:last-child {
padding: 10px;
float: right;
} .ppom-wrapper table td {
text-align: center !important;
} .ppom-c-hide{
visibility: hidden;
position: absolute;
height: 0;
}
.ppom-c-show{
display:block;
}     #ppom-input-bulkquantity input[type=range] {
-webkit-appearance: none;
margin-top: 0.5rem;
width: 100%;
border: none !important;
background: transparent;
padding: 0;
}
#ppom-input-bulkquantity input[type=range]:focus {
outline: none;
}
#ppom-input-bulkquantity input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 0.3rem;
cursor: pointer;
animate: 0.2s;
background: #eee;
border-radius: 5px;
}
#ppom-input-bulkquantity input[type=range]::-webkit-slider-thumb {
height: 1rem;
width: 1rem;
border-radius: 0.5rem;
background: #0275d8;
cursor: pointer;
-webkit-appearance: none;
margin-top: -0.35rem;
}
#ppom-input-bulkquantity input[type=range]::-moz-range-track {
width: 100%;
height: 0.3rem;
cursor: pointer;
animate: 0.2s;
background: #eee;
border-radius: 5px 10px;
}
#ppom-input-bulkquantity input[type=range]::-moz-range-thumb {
height: 1rem;
width: 1rem;
border-radius: 0.5rem;
background: #0275d8;
cursor: pointer;
}
#ppom-input-bulkquantity input[type=range]::-ms-track {
width: 100%;
height: 0.9rem;
cursor: pointer;
animate: 0.2s;
background: transparent;
color: transparent;
}
#ppom-input-bulkquantity input[type=range]::-ms-fill-lower {
background: #e1e1e1;
border-radius: 10px 5px;
}
#ppom-input-bulkquantity input[type=range]::-ms-fill-upper {
background: #eee;
border-radius: 10px;
}
#ppom-input-bulkquantity input[type=range]::-ms-thumb {
height: 1rem;
width: 1rem;
border-radius: 0.5rem;
background: #0275d8;
cursor: pointer;
}
#ppom-input-bulkquantity input[type=range]:focus::-ms-fill-lower {
background: #eee;
}
#ppom-input-bulkquantity datalist {
display: flex;
justify-content: space-between;
height: 6px;
overflow: hidden;
margin-top: -6px;
}
#ppom-input-bulkquantity datalist option::before {
content: '';
display: block;
width: 0;
border-right: 1px solid #DDD;
height: 10px;
padding-left: 3px;
text-indent: 0;
} .ppom-croppie-btn {
display: none;
} .nm-boxes-outer .pre_upload_image {
float: left;
margin-right: 5px;
position: relative;
}
.ppom-image-overlay{
position: absolute;
bottom: 0;
left:0;
opacity: 0;
width: 100%;
text-align: center;
}
.pre_upload_image:hover{
opacity: .7;
}
.pre_upload_image:hover .ppom-image-overlay{
opacity: 1;
background-image: url(//miloetcompagnie.fr/wp-content/plugins/woocommerce-product-addon/css/share.png);
}
.ppom-popup-body.images{
text-align: center;
}
.nm-boxes-outer input[type=radio],
.nm-boxes-outer input[type=checkbox] {
display: none;
}
.nm-boxes-outer input+img {
cursor: pointer;
border: 2px solid transparent;
}
.nm-boxes-outer input:checked+img {
border: 2px solid #f00;
}
.ppom-col {
padding: 0 5px!important;
} .ppom-slider-container {
margin: 10px auto;
}
.ppom-pricematrix-range {
clear: both;
border-bottom: 1px #ccc dashed;
}
#ppomSlider,
.ppom-range-bs-slider {
width: 100%;
}
#ppomSlider .slider-selection {
background: #81bfde;
}
.ppom-delete-option-table {
color: red;
cursor: pointer;
} #ppom_tooltip {
font-family: Ubuntu, sans-serif;
font-size: 0.875em;
text-align: center;
text-shadow: 0 1px rgba( 0, 0, 0, .5);
line-height: 1.5;
color: #fff;
background: -webkit-linear-gradient( top, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.88));
background: -moz-linear-gradient( top, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.88));
background: -ms-radial-gradient( top, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.88));
background: -o-linear-gradient( top, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.88));
background: linear-gradient( top, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.88));
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-top: 1px solid #fff;
-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3);
-moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3);
box-shadow: 0 3px 5px rgba( 0, 0, 0, .3);
position: absolute;
z-index: 10024;
padding: 15px;
overflow: visible;
}
#ppom_tooltip:after {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #333;
border-top-color: rgba( 0, 0, 0, .7);
content: '';
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -10px;
}
#ppom_tooltip.top:after {
border-top-color: transparent;
border-bottom: 10px solid #333;
border-bottom-color: rgba( 0, 0, 0, .6);
top: -20px;
bottom: auto;
}
#ppom_tooltip.left:after {
left: 10px;
margin: 0;
}
#ppom_tooltip.right:after {
right: 10px;
left: auto;
margin: 0;
} .ppom-quantity-box-cols {
padding: 0px 0px 6px 0px;
border: 1px solid gray;
border-radius: 5px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
transition: 0.3s;
line-height: 15px;
font-size: 11px;
}
.ppom-quantity-qty-section input {
width: 20px;
}
.ppom-quantity-price-wrap {
display: block;
margin-top: -10px;
}   .iris-picker .iris-square {
margin-right: 8% !important;
} .woocommerce div.product.elementor form.cart.variations_form .woocommerce-variation-add-to-cart {
display: block !important;
}
.elementor-add-to-cart form.cart {
display: block !important;
} .ppom-wrapper div.filelist {
display: flex;
}
div.filelist .u_i_c_box {
flex: 1;
}
.ppom-option-notice {
color: red;
padding: 5px;
font-size: 17px;
text-align: center;
}
.ppom-option-notice p {
margin: 0 !important;
}
.nm-horizontal-layout .ppom-instock,
.ppom-quantities-grid .ppom-instock {
display: block;
}
#powerTip {
white-space: inherit !important; }
.ppom-wrapper .ppom-tooltip {
cursor: help;
}
@media only screen and (max-width: 600px) {
#powerTip { }
}
.woocommerce-js .ppom-flex-controller{
display: block !important;
} .ppom-number-plusminus {
display: inline-flex;
justify-content: stretch;
}
.ppom-number-plusminus input {
vertical-align: middle;
-moz-appearance: textfield !important;
box-sizing: content-box;
margin: 0;
text-align: center;
}
.ppom-number-plusminus input::-webkit-inner-spin-button,
.ppom-number-plusminus input::-webkit-outer-spin-button {
-webkit-appearance: none !important;
margin: 0;
}
.ppom-cb-price {
float: right;
}
.ppom-wrapper .ppom-input.date[readonly] {
background: #fff;
}
.daterangepicker {
z-index: 99999 !important;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
padding: 0;
}
.daterangepicker .drp-calendar.right {
border-left: 1px solid #ddd;
}
[data-remodal-id^="ppom_textbox_model_"] {
max-width: 700px !important;
min-height: 0 !important;
}
span.ppom-tooltip .ppom-tooltip-icon {
width: 13px;
height: 13px;
font-size: 11px;
line-height: 13px;
background-color: #000;
border-radius: 100%;
display: inline-block;
text-align: center
}
span.ppom-tooltip .ppom-tooltip-icon::after {
content: '?';
font-size: 10px;
color: #fff;
line-height: 13px;
font-weight: 700;
}