@font-face { font-family: Bouquet-Typeface; src: url("../fonts/Bouquet-Typeface.ttf") format("truetype"), url("../fonts/Bouquet-Typeface.woff") format("woff"), url("../fonts/Bouquet-Typeface.woff2") format("woff2"); }
@font-face { font-family: Brinnan-Regular; src: url("../fonts/Brinnan-Regular.ttf") format("truetype"), url("../fonts/Brinnan-Regular.woff") format("woff"), url("../fonts/Brinnan-Regular.woff2") format("woff2"); }
@font-face { font-family: font-awesome; src: url("../fonts/fa-brands-400.ttf"); }
body { padding: 0px; margin: 0px; font-family: Brinnan-Regular, "sans-serif" !important; }
a { text-decoration: none !important; }
:root { --white-color: #fff; --black-color: #000; --pink-color: #f21366; --dark-pink: #ad0243; --primary-color: #162836; --footer-link: #cdd5dd; --footer-text: #9aaabb; }
.primaryHeading { color: var(--primary-color); font-size: 43px; margin: 0px 0px 30px; font-family: Bouquet-Typeface, sans-serif; line-height: 76px; }
.primaryHeading span { color: var(--pink-color); }
.secandaryHeading { color: var(--pink-color); margin: 0px 0px 10px; }
.gl-txt { color: var(--primary-color); line-height: 26px; margin: 0px 0px 20px; }
.btns { }
.btns a { background-color: var(--pink-color); border-radius: 25px; padding: 15px 30px; text-decoration: none; color: var(--white-color); text-transform: capitalize; font-size: 13px; transition: all 1s ease 0s; }
.btns a:hover { background-color: rgb(48, 5, 24); text-decoration: none; color: var(--white-color); }
section.mobileHeader { display: none; }
header .btns a { background-color: var(--pink-color); border-radius: 12px; transition: all 1s ease 0s; padding: 14px 20px; text-decoration: none; color: var(--white-color); }
header .btns a { }
header .btns a:first-child { border-radius: 28px 0px 0px 28px; }
header .btns a:last-child { border-radius: 0px 28px 26px 0px; }
header .btns a:last-child:hover { }
header .btns a:first-child:hover { color: var(--white-color); background-color: rgb(48, 5, 24); }
header .logo { text-align: center; }
header .logo img { width: 100%; height: 150px; object-fit: contain; }
header { padding: 20px 0px; background: transparent; position: relative; z-index: 2; }
header .left-menu ul { list-style: none; display: inline-flex; padding: 0px; }
header .left-menu ul li { display: inline-block; }
header .left-menu { padding: 10px 0px; }
header .row { display: flex; align-items: center; }
header .right-menu { text-align: right; display: flex; justify-content: flex-start; padding: 10px 0px; }
header .left-menu ul li a { color: rgb(11, 30, 44); text-decoration: none; font-size: 16px; font-weight: 500; padding: 10px 10px 10px 0px; height: 26px; margin-right: 5px; transition: all 1s ease 0s; }
header .left-menu ul li a:hover { color: var(--pink-color); transition: all 1s ease 0s; }
header .right-menu ul li a { color: rgb(11, 30, 44); text-decoration: none; font-size: 16px; font-weight: 500; padding: 10px 10px 10px 0px; margin-right: 10px; line-height: 26px; }
header .right-menu ul li a:hover { color: var(--pink-color); transition: all 1s ease 0s; }
header .right-menu ul { list-style: none; display: inline-flex; padding: 0px; }
header .row.mobile-nav { display: none; }
header .btns { position: absolute; top: 20%; right: 19%; }
header .btns::before { content: "/"; position: absolute; left: 51%; color: rgb(255, 255, 255); }
.slider-sec .slider { width: 50%; margin: 100px auto; }
.slider-sec section.main-slider.slider.slick-initialized.slick-slider.slick-dotted.slick-vertical .slick-list.draggable { padding: 0px !important; }
.slider-sec .slick-slide img { width: 100%; height: 850px; }
.slider-sec .slick-prev::before,
.slider-sec .slick-next::before { color: black; }
.slider-sec .slick-slide { transition: all 0.3s ease-in-out 0s; opacity: 0.2; }
.slider-sec .slick-active { opacity: 0.5; }
.slider-sec .slick-current { opacity: 1; }
.slider-sec section.main-slider.slider.slick-initialized.slick-slider.slick-dotted.slick-vertical { width: 100%; background-repeat: no-repeat; margin: 0px; padding: 0px; }
section.slider-sec .main-slider { padding: 0px; margin: 0px; }
section.slider-sec .main-slider .inner-item { min-height: 992px; min-width: 100%; }
section.slider-sec { position: relative; z-index: 1; top: -221px; transform: translateY(0%); height: 840px; padding-top: 0px; }
section.slider-sec .main-slider .caption { position: relative; top: 400px; width: 60%; }
section.slider-sec .main-slider .caption h1 { color: var(--primary-color); margin: 0px 0px 40px; font-size: 47px; font-family: Bouquet-Typeface, sans-serif; line-height: 80px; }
section.slider-sec .main-slider .caption h1 span { color: var(--pink-color); }
section.slider-sec .main-slider .caption p { margin: 0px 0px 45px; }
section.slider-sec .main-slider .caption .readmore a { background-color: var(--pink-color); border-radius: 25px; transition: all 1s ease 0s; padding: 15px 30px; text-decoration: none; color: var(--white-color); text-transform: capitalize; margin: 0px 20px 0px 0px; }
section.slider-sec .main-slider .caption .readmore a:hover { background: rgb(48, 5, 24); }
section.slider-sec .main-slider button.slick-next.slick-arrow { position: absolute; left: 18.5%; top: 73%; transform: rotateZ(90deg); }
section.slider-sec .main-slider button.slick-next.slick-arrow::before { font-size: 75px; font-weight: bold; }
section.slider-sec .main-slider .down-arrow { position: absolute; bottom: -170px; left: 0px; }
section.slider-sec .main-slider .down-arrow a { font-size: 70px; background-color: transparent !important; padding: 0px !important; margin: 0px !important; color: var(--primary-color) !important; }
footer.footer { background: rgb(16, 31, 46); padding: 120px 0px 0px; }
.copyright_sec { background: var(--pink-color); padding: 10px 0px; margin-top: 50px; }
footer.footer .copyright_sec .row { display: flex; align-items: center; }
footer.footer .copyright_sec .copyright_content p { margin: 0px; font-weight: 500; text-align: center; font-size: 14px; }
footer.footer .copyright_sec .policies ul { padding: 0px; list-style: none; margin: 0px; }
footer.footer .copyright_sec .policies ul li { display: inline-block; padding: 0px 9px; position: relative; margin: 0px; }
footer.footer .copyright_sec .policies ul li a { color: rgb(255, 255, 255); text-decoration: none; font-size: 14px; font-weight: 500; transition: all 2s ease 0s; letter-spacing: 0px; }
footer.footer .copyright_sec .policies ul li a:hover { color: var(--primary-color); transition: all 2s ease 0s; }
footer.footer .copyright_sec .social ul { padding: 0px; list-style: none; margin: 0px; }
footer.footer .copyright_sec .social ul li { display: inline-block; }
footer.footer .copyright_sec .social ul li i { font-size: 16px; padding: 8px; border: 2px solid rgb(255, 255, 255); border-radius: 18px; }
footer.footer .copyright_sec .social ul li i:hover { color: rgb(0, 0, 0); transition: all 1s ease 0s; border-color: var(--black-color); }
footer.footer .copyright_sec .social ul li a { border-radius: 34px; color: rgb(255, 255, 255); }
footer.footer .copyright_content p { color: rgb(255, 255, 255); font-size: 16px; }
footer.footer .copyright_sec .policies { text-align: center; }
footer.footer .copyright_sec .policies ul li::after { position: absolute; content: ""; width: 5px; height: 1px; background-color: var(--white-color); top: 50%; right: -2%; }
footer.footer .copyright_sec .policies ul li:last-child::after { width: 0px; }
footer.footer .link_heading h4 { color: var(--white-color); font-size: 22px; padding-bottom: 15px; }
footer.footer ul { padding: 0px; margin: 0px; list-style: none; }
footer.footer ul li a { text-decoration: none; font-size: 14px; color: rgb(255, 255, 255); line-height: 27px; transition: all 2s ease 0s; }
footer.footer ul li i { padding: 0px 10px 0px 0px; }
footer.footer ul li i:hover { transition: all 2s ease 0s; }
footer.footer .caption { width: 90%; }
footer.footer p { color: var(--footer-text); font-size: 15px; line-height: 30px; margin-bottom: 20px; }
footer.footer ul li a:hover { color: var(--pink-color); }
footer.footer ul li { margin-bottom: 8px; }
.news_letter { display: flex; justify-content: flex-end; }
footer.footer .news_letter .link_heading h4 { color: var(--black-color); }
.news_letter .formBox p { color: var(--black-color); font-weight: 600; font-size: 16px; }
.news_letter .formBox { padding: 20px 50px; background: var(--white-color); width: 400px; margin-bottom: 20px; position: relative; border-radius: 15px; }
.news_letter .formBox::before { position: absolute; content: ""; background: url("../images/newsletterstamp.png"); width: 160px; height: 97px; left: -55px; top: -50px; z-index: 1; }
.news_letter .formBox::after { position: absolute; content: ""; background: url("../images/formline.png"); width: 386px; height: 6px; left: 6px; top: 2px; border-radius: 10px 22px 0px; }
footer.footer .questionLinks { text-align: right; }
.news_letter .formBox form { position: relative; }
.news_letter .formBox form input { width: 100%; padding: 14px 0px 14px 20px; border-radius: 15px; border: 1px solid rgb(0, 0, 0); }
.news_letter .formBox form .newsletter_btn a { text-decoration: none; color: var(--white-color); position: absolute; top: 5px; right: 5px; padding: 10px 30px; background-color: var(--pink-color); border-radius: 12px; transition: all 2s ease 0s; }
.news_letter .formBox form .newsletter_btn a:hover { background-color: rgb(48, 5, 24); transition: all 2s ease 0s; }
footer.footer .questionLinks a:hover { color: var(--pink-color); }
.presentationSec { position: relative; padding: 100px 0px 80px; background: url("../images/presentation.png") center center / cover; }
.presentationSec .row { display: flex; align-items: center; }
.presentationSec .row .caption { position: relative; z-index: 1; margin-bottom: 40px; }
.presentationSec .row .caption h2 { font-size: 77px; min-width: 440px; font-family: Bouquet-Typeface, sans-serif; line-height: 106px; }
iframe { background: var(--dark-pink); height: 700px; }
.activeSellers ul#myTab { display: flex; justify-content: center; }
.activeSellers ul#myTab button { border: none; padding: 12px 13px; color: var(--black-color); text-transform: uppercase; background-color: rgb(234, 234, 234); border-radius: 50px; width: 132px; text-align: center; font-size: 14px; margin: 5px; transition: all 1s ease 0s; }
section.activeSellers .prod-info ul li p { font-size: 17px; line-height: normal; }
section { padding: 50px 0px; }
section.variable.slider { padding-bottom: 0px; background-image: url(""); }
.activeSellers ul#myTab button.active { background-color: var(--pink-color); color: var(--white-color); border-radius: 50px !important; }
.activeSellers section.variable.slider .slick-next::before { content: "\f178"; font-size: 22px; font-weight: bold; color: rgb(0, 0, 0); position: absolute; bottom: -350px; right: 205px; z-index: 1; width: 50px; letter-spacing: 2px; font-family: FontAwesome !important; }
.activeSellers section.variable.slider .slick-next { right: 0px; }
.activeSellers section.variable.slider .slick-prev::before { content: "\f177"; font-size: 22px; font-weight: bold; color: rgb(0, 0, 0); position: absolute; bottom: -350px; left: 205px; z-index: 1; width: 50px; letter-spacing: 4px; font-family: FontAwesome !important; }
.activeSellers section.variable.slider .slick-prev::after { content: "Prev"; font-size: 22px; font-weight: bold; color: rgb(0, 0, 0); position: absolute; bottom: -340px; left: 230px; z-index: 1; width: 140px; letter-spacing: 4px; font-family: FontAwesome !important; }
.activeSellers section.variable.slider .slick-next::after { content: "next"; font-size: 22px; font-weight: bold; color: rgb(0, 0, 0); position: absolute; bottom: -340px; right: 230px; z-index: 1; width: 140px; letter-spacing: 4px; font-family: FontAwesome !important; }
.activeSellers section.variable.slider .slick-prev { left: 0px; }
.activeSellers section.variable.slider img { width: 97%; height: 530px; margin: 0px 4px; object-fit: cover; }
.activeSellers .variable .slick-slide { transition: all 2s ease 0s; }
.activeSellers .variable .slick-slide:hover { transform: scale(1.1); transition: all 2s ease 0s; }
.activeSellers ul#myTab button:hover { background-color: var(--pink-color); border-radius: 12px; transition: all 1s ease 0s; color: var(--white-color); }
section.activeSellers { padding: 50px 0px; background-image: url("../images/active-seller-bg.png"); }
section.activeSellers .caption { width: 40%; margin: 0px auto; text-align: center; padding: 0px 0px 20px; }
.activeSellers section.variable.slider a .prod-info ul { list-style: none; display: flex; justify-content: space-between; padding: 20px; }
.activeSellers section.variable.slider a { text-decoration: none; color: var(--black-color); font-size: 18px; transition: all 1s ease 0s; }
.activeSellers section.variable.slider a:hover { color: var(--pink-color); transition: all 2s ease 0s; }
section.thisWeek { background: url("../images/this-week-bg.png") center top / cover; position: relative; padding: 100px 0px 150px; }
section.thisWeek .caption { max-width: 60%; margin: 0px auto; text-align: center; }
section.thisWeek .caption h1.primaryHeading { color: var(--white-color); margin: 0px 0px 30px; font-family: Bouquet-Typeface, sans-serif; line-height: 76px; text-transform: capitalize; }
section.thisWeek .caption .gl-txt { color: var(--white-color); margin: 0px 0px 30px; }
section.gallerySection { padding-top: 20px; }
.photo-gallery .intro { margin: 0px auto 40px; max-width: 60%; }
.photo-gallery .photos { padding-bottom: 20px; display: flex; justify-content: center; }
.photo-gallery .item { padding-bottom: 30px; }
.photo-gallery .row.photos .img-fluid { width: 100%; height: 380px; object-fit: cover; }
.photo-gallery { padding: 0px; }
section.blogSec .caption { width: 65%; text-align: center; margin: 0px auto; }
section.blogSec { background-image: url("../images/blog-bg2.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 0px 0px 50px; }
section.blogSec .blog-main { position: relative; }
section.blogSec .blog-main .blogContent { position: absolute; bottom: 0px; background-color: var(--primary-color); opacity: 0.9; padding: 10px 15px; width: 94.5%; margin: 0px 10px 10px; }
section.blogSec .blog-main img { width: 100%; max-height: 500px; object-fit: cover; }
section.blogSec .blog-main .blogContent h5 { color: var(--white-color); margin-bottom: 30px; }
section.blogSec .blog-main .blogContent h2 { color: var(--pink-color); font-size: 22px; width: 210px; margin-bottom: 30px; }
section.blogSec .blog-main .blogContent p { color: var(--white-color); font-size: 12px; width: 210px; }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { box-shadow: grey 0px 0px 5px inset; border-radius: 10px; }
::-webkit-scrollbar-thumb { background: var(--pink-color); border-radius: 10px; }
.activeSellers section.variable.slider .slick-prev:hover::before { color: var(--pink-color); }
.activeSellers section.variable.slider .slick-next:hover::before { color: var(--pink-color); }
.thisWeekImg:hover .caption h4.secandaryHeading { display: none; }
.thisWeekImg:hover .caption p.gl-txt { display: none; }
.thisWeekImg:hover .caption .btns { display: none; }
.thisWeekImg:hover .readmoreHover { position: absolute; top: 0px; bottom: 0px; margin: auto; height: 100%; width: 100%; display: flex; flex-direction: row; align-items: center; }
.thisWeekImg .readmoreHover a { background-color: var(--pink-color); border-radius: 25px; padding: 15px 30px; text-decoration: none; color: var(--white-color); text-transform: capitalize; font-size: 13px; }
.thisWeekImg .readmoreHover { display: none; }
.thisWeekImg:hover .caption { }
.thisWeek-prod { margin-top: -150px; }
.thisWeek-prod .row { display: flex; justify-content: center; }
.thisWeek-prod .item { position: relative; }
.thisWeek-prod .item .thumbnail { position: relative; margin: 0px 0px 5px; }
.thisWeek-prod .item .thumbnail .gallery { background: var(--pink-color); width: 75px; padding: 5px; display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; height: 75px; color: rgb(255, 255, 255); position: absolute; bottom: 0px; right: 0px; }
.thisWeek-prod .item .thumbnail .gallery strong { font-weight: 400; }
.thisWeek-prod .item .content h4 { color: var(--pink-color); margin: 8px 0px; line-height: normal; font-size: 24px; }
.thisWeek-prod .item .content .excerpt p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.thisWeek-prod .item .content .readmore a { background-color: var(--pink-color); border-radius: 25px; transition: all 1s ease 0s; padding: 10px 23px; text-decoration: none; color: var(--white-color); text-transform: capitalize; margin: 0px 20px 0px 0px; display: inline-block; }
.thisWeek-prod .item .content .readmore { text-align: left; margin: 0px 0px 15px; }
.thisWeek-prod .item .content .readmore a:hover { background: rgb(48, 5, 24); }
.thisWeek-prod .item .hoverVisible .readmore a { background-color: var(--pink-color); border-radius: 25px; transition: all 1s ease 0s; padding: 10px 23px; text-decoration: none; color: var(--white-color); text-transform: capitalize; margin: 0px 20px 0px 0px; display: inline-block; }
.thisWeek-prod .item .hoverVisible .readmore a:hover { background: rgb(48, 5, 24); }
.thisWeek-prod .item .hoverVisible { opacity: 0; position: absolute; display: none; }
.thisWeek-prod .item .thumbnail .featured img { transition: all 1s ease 0s; height: 340px; width: 100%; object-fit: cover; }
.thisWeek-prod .item:hover .thumbnail .gallery { display: none; }
.thisWeek-prod .item:hover .content { }
.thisWeek-prod .item:hover .hoverVisible { width: 100%; top: 30%; margin: auto; display: flex; flex-direction: row; align-items: center; justify-content: center; opacity: 1; transform: translateY(-30%); }
.thisWeek-prod .item:hover .thumbnail .featured img { transition: all 1s ease 0s; object-fit: cover; }
.thisWeek-prod .item .content { transition: all 1s ease 0s; position: relative; }
.thisWeek-prod .item .hoverVisible .readmore a:last-child { margin-right: 0px; }
.thisWeek-prod .col-lg-3:first-child .item .thumbnail .featured img { height: 495px; object-fit: cover; }
.thisWeek-prod .col-lg-3:first-child .item .content { display: none; }
section.innerBanner { background-color: rgb(253, 0, 94); min-height: 400px; display: flex; align-items: center; position: relative; padding: 0px; }
section.innerBanner h1 { font-size: 70px; color: var(--white-color); font-family: Bouquet-Typeface, sans-serif; line-height: normal; display: flex; align-items: center; justify-content: center; padding: 0px 0px 65px; text-transform: capitalize; }
section.innerBanner::before { content: ""; position: absolute; background: linear-gradient(45deg, rgb(184, 186, 189), rgb(206, 208, 210), rgb(189, 192, 196)); bottom: 50px; left: 0px; height: 110px; width: 40%; clip-path: polygon(0px 72%, 0px 99%, 100% 77%); }
section.innerBanner .down-arrow { position: absolute; left: 20%; top: 50%; transform: translate(10px, 10px); }
section.innerBanner .down-arrow a { font-size: 70px; background-color: transparent !important; color: var(--primary-color) !important; }
section.thisWeek.catogries { background: none; padding: 50px 0px 20px; }
section.thisWeek.catogries h1.primaryHeading { color: var(--black-color); }
section.thisWeek.catogries p.gl-txt { color: var(--black-color); }
section.thisWeek-prod.catogries-prod { background: url("../images/this-week-prod-bg.png") center top / contain no-repeat; margin: 0px; padding-top: 80px; }
section.thisWeek-prod.catogries-prod .item .content .excerpt { color: var(--black-color); }
section.thisWeek-prod.catogries-prod ul#myTab { display: flex; justify-content: center; padding: 50px 0px 99px; }
section.thisWeek-prod.catogries-prod ul#myTab button { border: none; padding: 12px 13px; color: var(--black-color); text-transform: capitalize; background-color: rgb(234, 234, 234); border-radius: 50px; width: 132px; text-align: center; font-size: 14px; margin: 5px; transition: all 1s ease 0s; }
section.thisWeek-prod.catogries-prod ul#myTab button.active { background-color: var(--pink-color); color: var(--white-color); }
section.thisWeek-prod.catogries-prod ul#myTab button:hover { background-color: var(--pink-color); color: var(--white-color); }
section.innerBanner h1 span { padding-left: 15px; color: var(--black-color); }
section.contactformSection { background: rgb(212, 212, 212); padding: 100px 0px; }
section.contactformSection .row { display: flex; align-items: center; }
section.contactformSection .contactCaption h2 { color: var(--pink-color); text-transform: uppercase; font-weight: 700; font-size: 45px; line-height: 60px; margin-bottom: 50px; }
section.contactformSection form h3 { color: var(--pink-color); text-transform: uppercase; font-weight: 700; font-size: 26px; line-height: 60px; margin: 0px; }
section.contactformSection form input,
textarea { width: 100%; border: none; }
section.contactformSection form input,
textarea:focus { outline: none; margin-bottom: 20px; }
section.contactformSection form .submitBtn { width: 160px; background-color: var(--pink-color); font-size: 15px; transition: all 2s ease 0s; color: rgb(255, 255, 255); }
section.contactformSection form .submitBtn:hover { background-color: rgb(48, 5, 24); transition: all 2s ease 0s; color: var(--white-color); }
section.contactformSection form input { height: 50px; padding-left: 10px; }
section.contactformSection form textarea { height: 140px; padding-left: 10px; }
section.contactformSection .contactCaption .gl-txt { margin-bottom: 50px; }
section.contactformSection form input,
textarea::placeholder { padding-left: 10px; color: rgb(0, 0, 0); }
section.contactformSection form input::placeholder { color: rgb(0, 0, 0); }
section.contactformSection img { width: 100%; height: 500px; object-fit: cover; }
section.contactformSection form textarea::placeholder { padding-left: 0px !important; }
.appointmentSection { padding: 150px 0px 50px; background: url("../images/foots-rights.png") right top / contain no-repeat; }
.appointmentSection .appointment-content { padding-bottom: 50px; min-height: 300px; background: var(--pink-color); display: flex; align-items: end; justify-content: center; }
.appointmentSection .appointment-content h2 { color: rgb(255, 255, 255); text-transform: uppercase; font-weight: 600; font-size: 50px; letter-spacing: 5px; }
section.modelSelection h2 { color: var(--pink-color); font-size: 45px; text-transform: uppercase; }
section.modelSelection img { width: 100%; max-height: 410px; object-fit: cover; margin-bottom: 15px; }
section.modelSelection .modelName { text-align: center; text-transform: uppercase; letter-spacing: 2px; }
section.modelSelection .modelName span { color: var(--pink-color); }
section.thisWeek.liveStream-page { background: url("../images/this-week-prod-bg.png"); }
.liveStream-items .caption h4 { color: var(--pink-color); margin: 8px 0px; line-height: normal; }
section.thisWeek-prod.liveStream-video .liveStream-items { position: relative; }
section.thisWeek-prod.liveStream-video .liveStream-items::before { content: ""; background-color: rgba(253, 0, 94, 0.19); width: 100%; height: 340px; display: block; position: absolute; top: 0px; }
section.thisWeek-prod.liveStream-video .liveStream-items img { width: 100%; height: 340px; object-fit: cover; }
section.thisWeek-prod.liveStream-video .liveStream-items button.btn:focus { box-shadow: none; }
section.thisWeek-prod.liveStream-video .liveStream-items .btns { padding: 12px 0px; }
section.thisWeek-prod.liveStream-video .liveStream-items .caption { padding: 10px 0px; margin-bottom: 30px; }
section.thisWeek-prod.liveStream-video .liveStream-items .btn { position: absolute; z-index: 1; top: 20%; left: 0px; width: 100%; }
section.thisWeek-prod.liveStream-video .liveStream-items .btn img { width: 121px; height: 121px; }
section.thisWeek-prod.liveStream-video .liveStream-items .btns a { position: relative; padding: 15px 40px 15px 55px; }
section.thisWeek-prod.liveStream-video .liveStream-items .btns a img { position: absolute; width: 16px; height: 16px; }
section.thisWeek-prod.liveStream-video .liveStream-items .btns img { position: absolute; height: 26px; width: 26px; bottom: 23px; left: 14px; }
section.thisWeek-prod.liveStream-video { background-image: url("../images/active-seller-bg.png"); }
#myVideo { position: relative; top: 0px; left: 0px; right: 0px; width: 100%; height: auto; }
.modal .modal-body { padding: 10px 10px 0px; background: rgb(7, 32, 49); }
div#exampleModal .modal-dialog { max-width: 65%; }
body.reg header.inner-header { }
body.reg footer.footer { }
section.vh-100.bg-image.forms { background-image: url("../images/form-page-bg.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; color: rgb(0, 0, 0); padding: 0px; height: 100% !important; }
section.vh-100.bg-image.forms .card-body { background: rgb(57, 45, 73); padding: 48px 50px 50px; }
section.vh-100.bg-image .card { border: none; }
section.vh-100.bg-image .card-body h2 { color: rgb(255, 255, 255); font-size: 40px; }
section.vh-100.bg-image .card-body label.form-label { color: var(--pink-color); text-transform: uppercase; margin-bottom: 5px; }
section.vh-100.bg-image.forms .card-body p { color: rgb(140, 130, 151); font-size: 15px; text-align: center; }
section.vh-100.bg-image.forms .card-body ul { list-style: none; display: inline-flex; padding: 0px; width: 100%; justify-content: center; }
section.vh-100.bg-image.forms .card-body ul li { padding: 0px 5px; color: rgb(242, 19, 100); text-transform: uppercase; }
section.vh-100.bg-image.forms .card-body ul li span { }
section.vh-100.bg-image.forms .card-body ul li span input { margin-top: 1px; border-radius: 10px; }
section.vh-100.bg-image.forms .card-body ul li span .form-check-input:checked[type="radio"] { background-color: rgb(253, 0, 94); border-color: transparent; }
.formLogoSec { text-align: center; padding: 5px 0px; background-image: url("../images/formHeaderbg.png"); background-size: cover; background-position: center center; }
.formLogoSec img { width: 190px; }
section.vh-100.bg-image.forms .nav-tabs { display: flex; justify-content: center; }
section.vh-100.bg-image.forms .nav-tabs li.nav-item { width: 50%; }
section.vh-100.bg-image.forms .nav-tabs li.nav-item .nav-link { display: block; text-align: center; width: 100%; background: rgb(53, 42, 68); padding: 20px; font-size: 22px; color: rgb(122, 114, 131); text-transform: uppercase; }
.formLogoSec .forms .card { border-radius: 0px; }
section.vh-100.bg-image.forms .nav-tabs { background: rgb(57, 45, 73); border-bottom: 2px solid rgb(91, 71, 115); }
section.vh-100.bg-image.forms .nav-tabs li.nav-item { background-color: rgb(57, 45, 73); }
section.vh-100.bg-image.forms .nav-tabs li.nav-item .nav-link.active { color: rgb(242, 19, 100); border-color: transparent; background-color: rgb(39, 25, 59); }
section.vh-100.bg-image.forms .nav-tabs li.nav-item .nav-link:hover { border-color: rgba(255, 255, 255, 0); }
.forms .form-control { background: rgb(39, 25, 59); border: 2px solid rgb(62, 49, 79); padding: 20px; border-radius: 40px; color: rgb(165, 156, 174); font-size: 16px; }
.forms .form-control:focus { box-shadow: none; }
.forms .form-control:hover { box-shadow: rgba(242, 19, 102, 0.38) 0px 0px 0px 0.25rem; }
section.vh-100.bg-image.forms button.btn { width: 100%; }
.forms .form-control::placeholder { color: rgb(165, 156, 174); font-size: 16px; }
.forms label { margin-bottom: 0px; font-size: 19px; }
section.vh-100.bg-image.forms button.btn { background: rgb(242, 19, 100); border: none; padding: 16px; border-radius: 40px; text-transform: uppercase; transition: all 1s ease 0s; margin-bottom: 40px; font-size: 18px; color: rgb(255, 255, 255) !important; }
section.vh-100.bg-image.forms button.btn:hover { background-color: rgb(48, 5, 24); transition: all 2s ease 0s; }
section.vh-100.bg-image.forms .card-body ul li span .form-check-input:checked[type="checkbox"] { background-color: rgb(255, 255, 255); border-radius: 4px; border: none; }
section.vh-100.bg-image.forms .card-body ul li span .form-check-input[type="checkbox"] { border-radius: 4px; }
section.vh-100.bg-image.forms .card-body .loginCheckBox { justify-content: space-between; margin-bottom: 50px; }
section.vh-100.bg-image.forms .card-body .loginCheckBox li { width: 40%; }
section.vh-100.bg-image.forms .card-body .loginCheckBox li a { font-size: 15px; color: rgb(242, 19, 100); }
section.vh-100.bg-image.forms .card-body .loginCheckBox li:nth-child(2) { width: 60%; }
section.vh-100.bg-image.forms .socialButton { display: flex; justify-content: space-between; }
section.vh-100.bg-image.forms .socialButton .btn { width: 49%; padding: 20px; }
section.vh-100.bg-image.forms .socialButton .btn { border-radius: 40px; }
section.vh-100.bg-image.forms .socialButton .btn.facebook { background-color: rgb(66, 89, 207); }
section.vh-100.bg-image.forms .socialButton .btn.facebook a { color: rgb(255, 255, 255); padding: 18px 10px; }
section.vh-100.bg-image.forms .socialButton .btn.twitter { background-color: rgb(35, 154, 255); }
section.vh-100.bg-image.forms .socialButton .btn.twitter a { color: rgb(255, 255, 255); padding: 18px 10px; }
section.vh-100.bg-image.forms .socialButton .btn a { font-size: 14px; text-transform: uppercase; }
.loginform { padding: 19.5px 0px; }
.registerform { padding: 4px 0px; }
section.vh-100.bg-image.forms .socialButton .btn i { font-size: 18px; padding-right: 8px; }
h5#exampleModalLabel { color: rgb(253, 0, 94); }
.modal-header { background: rgb(7, 32, 49); border-bottom: 1px solid rgb(245, 9, 88); }
button.btn-close { background-color: rgb(255, 255, 255); }
input[type="radio"] { accent-color: rgb(242, 19, 100); }
section.vh-100.bg-image.forms .card-body ul li label { padding: 0px 0px 0px 10px; }

/* portfolio page start here */
.modelsPortfolio { position: relative; }
.modelsPortfolio::after { content: ""; position: absolute; background: linear-gradient(45deg, rgb(242, 19, 102), rgb(242, 19, 102), rgb(242, 19, 102)); bottom: 106px; right: 0px; height: 83.8%; width: 100%; clip-path: polygon(99% 0px, 100% 0px, 100% 100%, 93% 100%); }
.modelsPortfolio img { width: 100%; height: 550px; object-fit: cover; margin-bottom: 30px; }
.modelsPortfolio .primaryHeading { font-weight: 300; text-transform: capitalize; }
section.portfolioBanner { padding: 0px; height: 538px; width: 100%; background-image: url("../images/portfoliobanner.jpg"); position: relative; background-position: center top; background-size: contain; background-repeat: no-repeat; }
section.portfolioBanner { display: flex; align-items: center; }
section.portfolioBanner .primaryHeading { text-align: center; width: 40%; margin: 0px auto; color: rgb(255, 255, 255); text-transform: capitalize; font-size: 43px; }
header.portfolioHeader { padding-bottom: 40px;    /* position: absolute; */ top: 0px; width: 100%; }
.modelPortfolio { background-image: url("../images/modelpBottombgpng.png"); background-position: center bottom; background-repeat: no-repeat; padding-bottom: 200px; }
.modelPortfolio .readmore { text-align: center; }
.readmore a { background-color: var(--pink-color); border-radius: 25px; transition: all 1s ease 0s; padding: 15px 30px; text-decoration: none; color: var(--white-color); text-transform: capitalize; margin: 0px 20px 0px 0px; }
.readmore a:hover { background: rgb(48, 5, 24); }

/* portfolio page end here */

/* profile page start here */

section.portfolioBanner.profile { background-image: url(../images/profilebanner.jpg); align-items: end; padding-bottom: 80px; }
section.portfolioBanner.profile .row .readmore { text-align: right; }
section.portfolioBanner.profile .row { display: flex; align-items: flex-end; }
section.portfolioBanner.profile .profilePicture { width: 235px; height: 235px; position: absolute; background: #fff; padding: 20px; border-radius: 100%; display: flex; align-items: center; bottom: -65px; z-index: 1; }
section.portfolioBanner.profile .profilePicture img { width: 200px; }
section.thisWeek.liveStream-page.profile { background: url(../images/this-week-bg.png); }
section.thisWeek.profile { background: none; padding: 50px 0px 100px; }
section.thisWeek-prod.profile .col-lg-3:first-child .item .thumbnail .featured img { transition: all 1s ease 0s; height: 340px; width: 100%; object-fit: cover; }
section.thisWeek-prod.profile .col-lg-3 .content { display: block !important; }
section.thisWeek.profile .caption h1.primaryHeading { color: var(--primary-color); }
section.thisWeek.profile .caption .gl-txt { color: var(--primary-color); }
section.thisWeek.liveStream-page.profile .caption h1.primaryHeading { color: var(--white-color); }
section.thisWeek.liveStream-page.profile p.gl-txt { color: var(--white-color); }
section.profileInfo { padding: 100px 0 50px; width: 100%; background-image: url(../images/profileinfobg.png); position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; }
section.profileInfo .profileThumbnail img { width: 100%; object-fit: cover; }
section.profileInfo .row { display: flex; align-items: center; }
section.profileInfo .caption { padding: 0 0 0 50px; }
section.profileInfo .caption p.gl-txt { margin-bottom: 30px; }
section.profileInfo .caption .readmore a { padding: 10px 24px; margin: 0px 10px 0px 0px; background-color: #eaeaea; color: #000; }
section.profileInfo .caption .readmore a:hover { background-color: var(--pink-color); color: var(--white-color); }
.popup-logoOrigin .modal-dialog { max-width: 60%; }
.popup-logoOrigin form.form-logo-origin .input-btn { margin: 0; text-align: start; padding: 16px; }
.popup-logoOrigin form.form-logo-origin .input-main { margin: 30px 0px; }
.popup-logoOrigin form.form-logo-origin .input-main textarea { height: 80%; }
.popup-logoOrigin form.form-logo-origin .form-radio { padding-left: 20px; }
form.form-logo-origin .form-radio label { color: #848b97; display: inline; }
.popup-logoOrigin .modal-header { border: transparent; }
.popup-logoOrigin .modal-body { padding: 0px 20px 0px 0px; }
.popup-logoOrigin .modal-image img { width: 100%; height: 100%; object-fit: cover; }
.popup-logoOrigin form { margin: 0; padding: 20px; }
.popup-logoOrigin button.close.modal-close-btn { padding: 0; margin: 5px; border-radius: 50%; width: 40px; height: 40px; background: #f21366; opacity: 1; color: #fff; text-shadow: none; position: absolute; text-align: center; right: 0; top: 0; font-size: 40px; display: flex; align-items: center; justify-content: center; }
.popup-logoOrigin form.form-logo-origin .input-btn input[type="submit"] { border-radius: 0px; }
.modal-body.form { background: #ffffff; }

/* FORM SECTION  Heading*/
section.logoOrigin-form-section .heading-form h2 { color: #000; display: block; text-align: center; padding: 20px 0px; text-transform: uppercase; }
section.logoOrigin-form-section .heading-form h2 span { color: #ee8527; }

/* FORM  */
form.form-logo-origin .input-main { position: relative; margin: 10px 0px; }
form.form-logo-origin .input-main label { display: block; margin: 0px; position: absolute; top: -12px; left: 25px; background-color: #fff; color: #b0adbc; padding: 0px 15px; }
form.form-logo-origin .input-main input,
form.form-logo-origin .input-main textarea,
form.form-logo-origin .input-main select { display: block; width: 100%; padding: 10px; border: 3px solid #d7dee5; border-radius: 5px; }
form.form-logo-origin .input-main input:focus,
form.form-logo-origin .input-main textarea:focus,
form.form-logo-origin .input-main select:focus { border: 3px solid #263147; }
form.form-logo-origin .input-main label::before,
form.form-logo-origin .input-main label::after { content: ''; position: absolute; top: 9px; background-color: #263147; width: 9px; height: 9px; color: #263147; transform: rotate(45deg); }
form.form-logo-origin .input-main label::before { left: 0; }
form.form-logo-origin .input-main label::after { right: 0; }
form.form-logo-origin .input-main:hover label::before,
form.form-logo-origin .input-main:hover label::after { background-color: #f21366; }
form.form-logo-origin .input-btn { margin: 0 auto; text-align: center; padding: 30px 0px; }
form.form-logo-origin .input-btn input[type="submit"] { color: #fff; background-color: #f21366; padding: 12px; min-width: 170px; text-align: center; margin: 0 auto; display: inline-block; border-radius: 5px; text-transform: uppercase; letter-spacing: 2px; text-decoration: none; border: transparent; }
form.form-logo-origin .input-btn input[type="submit"]:hover { text-decoration: none; background-color: #f21366; transition: all 1s ease; }
button.btn.formBtn { border-radius: 25px; transition: all 1s ease 0s; padding: 10px 24px; text-decoration: none; color: var(--white-color); text-transform: capitalize; margin: 0px 20px 0px 0px; background-color: #eaeaea; color: #000; }
button.btn.formBtn:hover { background-color: #f21366; color: #fff; }
section.profileInfo .readmore { margin-bottom: 30px; }
section.profileInfo .profileThumbnail { position: relative; }
section.profileInfo .profileThumbnail::after { content: ""; position: absolute; background: linear-gradient(45deg, rgb(242, 19, 102), rgb(242, 19, 102), rgb(242, 19, 102)); bottom: 0; right: 0px; height: 100%; width: 100%; clip-path: polygon(99% 0px, 100% 0px, 100% 100%, 93% 100%); }
button.btn.formBtn:focus { box-shadow: none; }
.thisWeek-prod .uploadBtn .readmore { display: flex; justify-content: flex-end; }
.thisWeek-prod .row .readmore { position: relative; padding: 0 0 20px 0; }
.thisWeek-prod .uploadBtn .readmore a { margin: 0; }
.thisWeek-prod .uploadBtn .readmore a { background-color: #eaeaea; color: #000; padding: 10px 24px; }
.thisWeek-prod .uploadBtn .readmore a:hover { background-color: var(--pink-color); color: #fff; }

/* profile page end here */

/* dashboard css */

section.dashboardContent { padding: 140px 0; background-image: url(../images/modelpBottombgpng.png); background-position: center bottom; background-repeat: no-repeat; padding-bottom: 250px; position: relative; }
section.dashboardContent .dashboardMenu { padding: 50px 30px; background-color: #f5f5f5; border-radius: 5px; height: 100%; }
section.dashboardContent .dashboardMenu ul { list-style: none; padding: 0; margin: 0; height: 100%; }
section.dashboardContent .dashboardMenu ul li { margin: 0px 0 20px; }
section.dashboardContent .dashboardMenu ul li a { font-size: 16px; color: #000; text-decoration: none; padding: 20px 20px; background-color: var(--white-color); border-radius: 23px; display: flex; transition: all ease 1s; }
section.dashboardContent .dashboardMenu ul li.active a { background-color: var(--pink-color); color: var(--white-color); transition: all ease 1s; }
section.dashboardContent .dashboardMenu ul li a:hover { background-color: var(--pink-color); color: var(--white-color); transition: all ease 1s; }
section.dashboardContent .row.dashboardinfo { display: flex; align-items: center; background-color: #f5f5f5; padding: 10px 0px; border-radius: 5px; margin: 0px 0 10px; }
section.dashboardContent .row.dashboardinfo img { width: 100%; height: 220px; object-fit: cover; border-radius: 10px; }
section.dashboardContent .row.dashboardinfo .accountInfo { padding: 0 70px; }
section.dashboardContent .row.dashboardinfo .accountInfo p { font-size: 14px; }
section.dashboardContent .row.dashboardinfo .accountInfo h5 { font-size: 18px; margin-bottom: 15px; }
section.dashboardContent .row.dashboardinfo .accountInfo .titleNamount { list-style: none; padding: 0; margin: 0 0 15px 0; display: inline-flex; width: 100%; justify-content: space-between; }
section.dashboardContent .row.dashboardinfo .accountInfo .titleNamount li { font-size: 18px; text-transform: capitalize; }
section.dashboardContent .row.dashboardinfo .accountInfo .titleNamount li span { font-size: 18px; }
section.dashboardContent:before { content: ""; background: url(../images/profileinfobg.png); display: block; background-size: cover; width: 100%; height: 730px; position: absolute; top: 0; right: 0; background-position: top right; background-repeat: no-repeat; z-index: 0; }

/* dashboard css end */

/* user dashboard */

section.dashboardContent table { width: 100%; margin-bottom: 30px; }
section.dashboardContent table tbody { display: flex; justify-content: space-around; }
section.dashboardContent table tbody tr { display: flex; flex-direction: column; }
section.dashboardContent table tbody tr th { padding: 30px 0; color: #404040; font-size: 18px; }
section.dashboardContent table tbody tr td { padding: 30px 0; color: #404040; font-size: 18px; }
.userData { position: relative; }
.userData .userDescription { width: 64%; margin: auto; }
section.dashboardContent .userDescription p { color: #a6a6a6; font-size: 15px; }
section.dashboardContent .userDescription h5 { margin-bottom: 30px; }

/* live stream page */
section.dashboardContent.liveStreamPage .stramContent { display: inline-flex; align-items: flex-start; }
section.dashboardContent.liveStreamPage .stramContent .videoSection { width: 70%; position: relative; height: 700px; }
section.dashboardContent.liveStreamPage .stramContent .activeUsers { width: 30%; height: 700px; position: relative; background: #031d38d1; display: flex; justify-content: center; border-radius: 0 10px 10px 0; flex-direction: column; }
section.dashboardContent.liveStreamPage .stramContent .activeUsers ul { margin-bottom: 0px; }
section.dashboardContent.liveStreamPage .stramContent .videoSection #myVideo { height: 700px; object-fit: cover; border-radius: 10px 0 0 10px; z-index: 0; }
section.dashboardContent.liveStreamPage .stramContent .activeUsers ul { list-style: none; padding-left: 35px; }
section.dashboardContent.liveStreamPage .stramContent .activeUsers ul li { position: relative; padding: 10px 20px 10px 20px; display: flex; }
section.dashboardContent.liveStreamPage .stramContent .activeUsers ul li:before { content: ''; position: absolute; width: 10px; height: 10px; background-color: #79de01; border-radius: 10px; left: 0; top: 0; bottom: 0; margin: auto; }
section.dashboardContent.liveStreamPage .stramContent .activeUsers ul li a { color: var(--pink-color); transition: all ease 1s; }
section.dashboardContent.liveStreamPage .stramContent .activeUsers ul li a:hover { color: #fff; transition: all ease 1s; }
section.dashboardContent.liveStreamPage .stramContent .activeUsers p { padding-left: 30px; font-size: 20px; color: #fff; text-transform: capitalize; }
section.dashboardContent.liveStreamPage .stramContent .activeUsers ul li .closeBtn { position: absolute; right: 60px; }
section.dashboardContent.liveStreamPage .stramContent .activeUsers ul li strong { color: #fff; font-size: 15px; font-weight: 500; }
section.dashboardContent.liveStreamPage .stramContent .activeUsers ul li .closeBtn a { padding: 4px 8px 1px; background: #ffffff47; border-radius: 20px; }
.toggleWrapper { display: flex; justify-content: center; padding: 30px 0; }

/* toglebtn */
.toggleWrapper input { position: absolute; left: -99em; }
.toggle { cursor: pointer; display: inline-block; position: relative; width: 170px; height: 50px; background: #D21626; border-radius: 25px; transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); }
.toggle:before,
.toggle:after { position: absolute; line-height: 50px; font-size: 14px; z-index: 2; transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); }
.toggle:before { content: "HangUp"; left: 20px; color: #D21626; }
.toggle:after { content: "Accept"; right: 20px; color: #fff; }
.toggle__handler { display: inline-block; position: relative; z-index: 1; background: #fff; width: 85px; height: 44px; border-radius: 27px; top: 3px; left: 3px; transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); transform: translateX(0px); }
input:checked+.toggle { background: #66B317; }
input:checked+.toggle:before { color: #fff; }
input:checked+.toggle:after { color: #66B317; }
input:checked+.toggle .toggle__handler { width: 74px; transform: translateX(88px); border-color: #fff; }
section.dashboardContent.liveStreamPage .stramContent .videoSection .chatBox { position: absolute; bottom: 8px; width: 100%; float: left; height: 250px; overflow-y: scroll; display: flex; flex-direction: column-reverse; }
section.dashboardContent.liveStreamPage .stramContent .videoSection .chatBox::-webkit-scrollbar { display: none; }
section.dashboardContent.liveStreamPage .stramContent .videoSection .chatBox .message { width: 95%; display: flex; flex-direction: row; margin: 0 auto; padding: 15px 10px 15px 20px; align-items: center; background: #031d3829; border-radius: 30px; margin-bottom: 10px; }
section.dashboardContent.liveStreamPage .stramContent .videoSection .chatBox .message .userName { width: 25%; color: #fff; margin: 0; }
section.dashboardContent.liveStreamPage .stramContent .videoSection .chatBox .message p { width: 75%; font-size: 14px; color: #fff; margin: 0; letter-spacing: 0.7px; }
section.dashboardContent.liveStreamPage .stramContent .videoSection #goFullscreen { position: absolute; z-index: 2; left: 8px; top: 8px; border: none; background: transparent; font-size: 20px; color: #fff; transition: all ease 1s; }
section.dashboardContent.liveStreamPage .stramContent .videoSection #goFullscreen:hover { color: var(--pink-color); transition: all ease 1s; }
section.dashboardContent.liveStreamPage .textWritersection form { display: flex; flex-direction: row; align-items: center; }
section.dashboardContent.liveStreamPage .textWritersection form { background: #031d38d1; border-radius: 10px; }
section.dashboardContent.liveStreamPage .textWritersection form textarea { background: transparent; padding: 10px; color: #fff; resize: none; margin-right: 20px; margin-top: 10px; margin-bottom: 10px; }
section.dashboardContent.liveStreamPage .textWritersection form button { margin-right: 20px; width: 130px; color: #fff; height: 50px; background: var(--pink-color); border-radius: 25px; }
section.dashboardContent.liveStreamPage .textWritersection form textarea::placeholder { color: #fff; }