:root{ --color-01:#FFFFFF; --color-02:#000000; --color-03:#222222; --color-04:#666666; --color-05:#CCCCCC; --color-06:#EEEEEE; --color-07:#BFC0C3; --color-08:#0f0f0f; --color-09:#E9FFFD; --color-10:#F1FFFE; --color-11:#EF008C; --color-12:#13073A; --color-13:#08014C; --color-14:#0E0628; --color-white: #ffffff; --color-dark-gray: #141414; --color-pink : #FF00B2; } .color-white{color:var(--color-white);} .color-dark-gray{color:var(--color-dark-gray);} .color-pink {color:var(--color-pink);} .bg-white{background:var(--color-white);} .bg-dark-gray{background:var(--color-dark-gray);} .bg-pink {background:var(--color-pink);} .container-fluid{padding:50px;} span.spib, span.spib strong {gap: 15px;display:flex;padding-bottom: 3px;overflow: hidden;} section{padding:50px 0px;} .border-lines{width:100%;height:100%;position:absolute;top: 0;left: 0;} .border-lines span{width:30px;height:30px;position: absolute;display:inline-block;border-style: solid;border-color:var(--color-pink);border-width:0px;} .border-lines .TL{border-top-width :1px;border-left-width :1px;top :-10px;left :-10px;} .border-lines .TR{border-top-width :1px;border-right-width:1px;top :-10px;right:-10px;} .border-lines .BR{border-bottom-width:1px;border-right-width:1px;bottom:-10px;right:-10px;} .border-lines .BL{border-bottom-width:1px;border-left-width :1px;bottom:-10px;left :-10px;} .overlays, .overlays_01, .overlays_02, .overlays_03, .overlays_04{position:absolute;top:0;right:0;width:100%;height:100%;z-index:99;} .loader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:var(--color-white);z-index: 99999;display: flex;align-items: center;} body{color: var(--color-black);font-family: "Instrument Serif", serif;font-size: 15px;background: var(--color-white);} h1,h2,h3,h4,h5{font-family: "Anton", sans-serif;text-transform: uppercase;} h1{font-size: calc(42px + 1.5vw + 1.5vh);} h2{font-size: calc(30px + 1.5vw + 1.5vh);line-height: 1.2;margin-bottom: 30px;} .mb-10 {margin-bottom: 10px} .mb-20 {margin-bottom: 20px} .mb-30 {margin-bottom: 30px} .mb-40 {margin-bottom: 40px} .mb-50 {margin-bottom: 50px} .mb-60 {margin-bottom: 60px} .mb-70 {margin-bottom: 70px} .mb-80 {margin-bottom: 80px} .mb-90 {margin-bottom: 90px} .mb-100{margin-bottom:100px} header{/* background: #141414; */width: 100%;position: fixed;top: 0px;padding: 20px 50px;display: flex;justify-content: space-between;align-items: center;z-index: 9;} header .brand-name{} header .brand-name img{filter: invert(1);} header .play-track{color: var(--color-pink);text-decoration: none;gap: 10px;display: flex;align-items: center;} header .play-track .pt-icon{transition:all 300ms ease-in-out} header .play-track .pt-text{position: relative;display: flex;} header .play-track .pt-text:before{content:"";width:100%;height:1px;background: var(--color-pink);position:absolute;left:0px;bottom:0px;transition:all 300ms ease-in-out} header .play-track .pt-text:after {content:"";width: 0%;height:2px;background:var(--color-white);position:absolute;right:0px;bottom:0px;z-index:9;transition:all 300ms ease-in-out} header .play-track:hover{color:var(--color-white);transition:all 100ms ease-in-out} header .play-track:hover .pt-icon{filter:grayscale(100)brightness(100);transition:all 300ms ease-in-out} header .play-track:hover .pt-text:after{width:100%;transition:all 300ms ease-in-out} main{overflow:hidden;} .simplybook-widget-button{color: var(--color-pink) !important;font-size: 13px !important;font-weight: 800;letter-spacing: 1px;text-transform: uppercase;padding: 0px !important;background: #141414 !important;border: 1px solid var(--color-pink) !important;width: 100%;max-width: 220px !important;height: 40px;border-radius: 60px !important;transform: rotate(0deg) !important;bottom:inherit;top: 20px !important;right: 30px !important;display: flex !important;justify-content: center;align-items: center;transition:all 500ms ease-in-out;} .simplybook-widget-button:hover{color: var(--color-white) !important;background: var(--color-pink) !important;transition:all 500ms ease-in-out;} .simplybook-widget-button:hover div{margin:0px !important;} .btn-box{position:relative;overflow:hidden;} .btn-book-now{color: var(--color-pink);font-size: 21px;font-weight: 800;line-height: 1;padding: 0px 0px 0px 40px;margin-top: 50px;position: relative;transition:all 100ms ease-in-out} .btn-book-now .arrow{width: 37px;height: 37px;background: url('btn-arrow.png') no-repeat top left;background-size: contain;position:absolute;top: -14px;left:0;transition:all 300ms ease-in-out} .btn-book-now .txt{display: inline-block;padding: 5px 0px;position: relative;transition:all 300ms ease-in-out} .btn-book-now .txt:before{content:"";width:100%;height:1px;background: var(--color-pink);position:absolute;left:0px;bottom:0px;transition:all 300ms ease-in-out} .btn-book-now .txt:after {content:"";width: 0%;height:2px;background: #000000;position:absolute;right:0px;bottom:0px;z-index:9;transition:all 300ms ease-in-out} .btn-book-now:hover, .btn-book-now:focus{color: var(--color-black);outline: none;box-shadow: none;transition:all 100ms ease-in-out} .btn-book-now:hover .arrow{filter: grayscale(100)brightness(0);transition:all 300ms ease-in-out} .btn-book-now:hover .txt:after{width:100%;transition:all 300ms ease-in-out} section.swud-sec-hero{width: 100%;height: calc(100vh - 70px);padding-bottom: 60px;display: flex;align-items: center;} section.swud-sec-hero .creative-box{display: inline-flex;position: relative;} section.swud-sec-hero .creative-box .player {display: flex;} section.swud-sec-hero .creative-box video{max-height: 70vh;} section.swud-sec-hero h1{} section.swud-sec-01{} section.swud-sec-01 .slick-track{} section.swud-sec-01 .spv-box{cursor:pointer;padding: 60px 10px 10px 10px;position:relative;transition:all 300ms ease-in-out;} section.swud-sec-01 .spv-box .border-lines{transform:scale(.9);transition:all 500ms ease-in-out;} section.swud-sec-01 .spv-box .sb-thumb{position:relative;transition:all 300ms ease-in-out;} section.swud-sec-01 .spv-box .sb-thumb .sb-video{position:relative;/* margin:15px; */overflow: hidden;transition:all 300ms ease-in-out;} section.swud-sec-01 .spv-box .sb-thumb .sb-video video{max-width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.05);z-index:9;opacity:0;transition:all 300ms ease-in-out;} section.swud-sec-01 .spv-box .sb-text{padding: 15px 0px 0px 0px;} section.swud-sec-01 .spv-box .sb-text p{font-family: "Anton", sans-serif;font-size: 21px;text-transform: uppercase;margin-bottom:0px;} section.swud-sec-01 .spv-box:hover{transition:all 300ms ease-in-out;} section.swud-sec-01 .spv-box:hover .border-lines{transform:scale(1);transition:all 500ms ease-in-out;} section.swud-sec-01 .spv-box:hover .sb-thumb{transform: translateY(-70px) scale(0.9);transition:all 300ms ease-in-out;} section.swud-sec-01 .spv-box:hover .sb-thumb video{opacity:1;transition:all 300ms ease-in-out;} ul.slick-dots{margin:0px auto;padding:0px;list-style-type:none;gap: 10px;display: flex;align-items: center;justify-content: center;} ul.slick-dots li{} ul.slick-dots li button{font-size:0px;width: 10px;height: 10px;border: none;border-radius: 100px;opacity: .2;transition: all 300ms ease-in-out;} ul.slick-dots li.slick-active{} ul.slick-dots li.slick-active button{background: var(--color-pink);opacity: 1;transition: all 300ms ease-in-out;} section.swud-sec-02{/* padding-left: 15px; *//* padding-right: 15px; */} section.swud-sec-02 #accordionExample{} section.swud-sec-02 #accordionExample .accordion-item, section.swud-sec-02 #accordionExample .accordion-item button, section.swud-sec-02 #accordionExample .accordion-collapse, section.swud-sec-02 #accordionExample .accordion-collapse .accordion-body{color: var(--color-black);background:transparent;border:none;box-shadow:none;} section.swud-sec-02 #accordionExample .accordion-item{position: relative;} section.swud-sec-02 #accordionExample .accordion-item:after{content:"";width:100%;height: 1px;background: linear-gradient(90deg, #c1c1c1 0%, #c1c1c1 100%);position:absolute;bottom:0px;left:0px;} section.swud-sec-02 #accordionExample .accordion-item button{font-size: 25px;font-family: "Anton", sans-serif;text-transform: uppercase;position: relative;padding: 20px 60px 20px 0px;opacity: .4;} section.swud-sec-02 #accordionExample .accordion-item button:after{display:none;} section.swud-sec-02 #accordionExample .accordion-item button .arrow{width:30px;height: 30px;position:absolute;top: 28%;right: 0px;background: var(--color-04);/* border: 1px solid var(--color-11); */transition:all 500ms ease-in-out;} section.swud-sec-02 #accordionExample .accordion-item button .arrow:before, section.swud-sec-02 #accordionExample .accordion-item button .arrow:after{content:"";width: 14px;height: 2px;background: #fff;position: absolute;top: 50%;left: 50%;transition:all 500ms ease-in-out;} section.swud-sec-02 #accordionExample .accordion-item button .arrow:before{transform: translate(-50%,-50%);} section.swud-sec-02 #accordionExample .accordion-item button .arrow:after{transform: translate(-50%,-50%) rotate(90deg);} section.swud-sec-02 #accordionExample .accordion-collapse{} section.swud-sec-02 #accordionExample .accordion-collapse .accordion-body{padding-top: 0px;padding-left: 0px;} section.swud-sec-02 #accordionExample .accordion-collapse .accordion-body ul{} section.swud-sec-02 #accordionExample .accordion-collapse .accordion-body ul li{font-size:18px;} section.swud-sec-02 #accordionExample .accordion-collapse .accordion-body p{max-width: 520px;} section.swud-sec-02 #accordionExample .accordion-item:nth-last-child(1):after{display:none;} section.swud-sec-02 #accordionExample .accordion-item button[aria-expanded="true"] .txt{color: var(--color-11);transition:all 500ms ease-in-out;} section.swud-sec-02 #accordionExample .accordion-item button[aria-expanded="true"] .arrow{background: var(--color-11);/* transform:rotate(45deg); */transition:all 500ms ease-in-out;} section.swud-sec-02 #accordionExample .accordion-item button[aria-expanded="true"] .arrow:after {transform: translate(-50%, -50%) rotate(0deg) !important;transition:all 500ms ease-in-out;} section.swud-sec-02 #accordionExample .accordion-item button[aria-expanded="true"]{opacity:1;color: var(--color-pink);} section.swud-sec-02 #accordion-thumb{background-repeat:no-repeat;background-position: center center;background-size:cover;transition:all 300ms ease-in-out;} section.swud-sec-02 #accordion-thumb img{opacity:0;} section.swud-sec-02 #accordion-thumb.collapseOne{background-image: url("faqs-what-is-included-in-AED199.jpg");} section.swud-sec-02 #accordion-thumb.collapseTwo{background-image: url("faqs-what-does-this-not-include.jpg");} section.swud-sec-02 #accordion-thumb.collapseThree{background-image: url("faqs-want-to-have-models-and-glamour-in-your-videos.jpg");} section.swud-sec-02 #accordion-thumb.collapseFour{background-image: url("faqs-do-we-do-product-photography-also.jpg");} section.swud-sec-03{} section.swud-sec-03 h2{margin-bottom:30px;} section.swud-sec-03 h3{margin-bottom:30px;} section.swud-sec-03 .para-box{max-width:550px;} section.swud-sec-03 .para-box p{font-size:18px;} section.swud-sec-03 ul.steps{margin: 0px;padding: 0px;list-style-type: none;display: flex;justify-content: space-between;} section.swud-sec-03 ul.steps li{width: 25%;position: relative;overflow:hidden;} section.swud-sec-03 ul.steps li .color-box{width: 100%;height: 120px;margin-bottom: 10px;} section.swud-sec-03 ul.steps li p{margin-bottom: 0px;} section.swud-sec-03 ul.steps li .color-box.cb-01{background: linear-gradient(90deg, #FFFCFE -4.37%, #FC96DD 100%);} section.swud-sec-03 ul.steps li .color-box.cb-02{background: linear-gradient(90deg, #FC96DD 0%, #FF52CB 100%);} section.swud-sec-03 ul.steps li .color-box.cb-03{background: linear-gradient(90deg, #FF52CB 0%, #FF4AC9 100%);} section.swud-sec-03 ul.steps li .color-box.cb-04{background: linear-gradient(90deg, #FF4AC9 0%, #FF00B2 100%);} section.swud-sec-03 ul.steps li:nth-child(1){} section.swud-sec-03 ul.steps li:nth-child(2){margin-top: 120px;} section.swud-sec-03 ul.steps li:nth-child(3){margin-top: 240px;} section.swud-sec-03 ul.steps li:nth-child(4){margin-top: 360px;} section.swud-sec-03 .slick-studios{} section.swud-sec-03 .slick-studios .photo_studio{padding-right:30px;} section.swud-sec-03 .slick-studios .photo_studio img{} section.swud-sec-04{text-align: center;} section.swud-sec-04 .way_forward{width: 650px;height: 650px;z-index: 9;position: relative;display: inline-flex;align-items: center;justify-content: center;flex-direction: column;} section.swud-sec-04 .way_forward:before{content:"";width: 100%;height: 100%;border: 2px dashed #000;border-radius: 100%;z-index: -1;position: absolute;top: 0;left: 0;animation: spin360 20s linear infinite;transform-origin: center;} section.swud-sec-04 .btn-wrp{position:relative;z-index:9;} section.swud-sec-04 .way_forward h2{font-size: calc(24px + 1.2vw + 1.2vh);text-align:center;position: relative;z-index: 9;} section.swud-sec-04 .way_forward ul{margin: 0px;padding: 0px;list-style-type: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;} section.swud-sec-04 .way_forward ul li{font-family: "Anton", sans-serif;font-size: 21px;text-transform: uppercase;width: 150px;position: absolute;} section.swud-sec-04 .way_forward ul li:before{content:"";width: 30px;height: 30px;/* background: var(--color-pink); */border: 2px dashed var(--color-pink);border-radius: 100%;box-shadow: inset 0px 0px 0px 5px var(--color-white), inset 0px 0px 0px 14px var(--color-pink);position: absolute;top: 0;animation: spin360 10s linear infinite;transform-origin: center;} @keyframes spin360 { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } section.swud-sec-04 .way_forward ul li:nth-child(1){top: 20%;left: 97%;} section.swud-sec-04 .way_forward ul li:nth-child(2){top: 80%;left: 93%;} section.swud-sec-04 .way_forward ul li:nth-child(3){top: 10%;right: 88%;} section.swud-sec-04 .way_forward ul li:nth-child(4){top: 70%;right: 100%;} section.swud-sec-04 .way_forward ul li:nth-child(1), section.swud-sec-04 .way_forward ul li:nth-child(2){text-align:left;} section.swud-sec-04 .way_forward ul li:nth-child(3), section.swud-sec-04 .way_forward ul li:nth-child(4){text-align:right;} section.swud-sec-04 .way_forward ul li:nth-child(1):before, section.swud-sec-04 .way_forward ul li:nth-child(2):before{left: -50px;} section.swud-sec-04 .way_forward ul li:nth-child(3):before, section.swud-sec-04 .way_forward ul li:nth-child(4):before{right: -50px;} section.swud-sec-waves{color: var(--color-white);background: var(--color-dark-gray);padding: 100px;} section.swud-sec-waves h2{gap: 20px;min-height: 400px;display: flex;flex-direction: row;justify-content: center;} section.swud-sec-waves h2 div{min-height: 400px;display: flex;align-items: baseline;flex-direction: column;justify-content: flex-end;} section.swud-sec-waves h2 div:nth-child(1){justify-content: flex-start;} section.swud-sec-waves h2 div:nth-child(2){justify-content: center;} section.swud-sec-waves h2 div:nth-child(3){align-items: flex-end;text-align: right;position: relative;right: 110px;} .scroller-bar{color: var(--color-01);text-align: center;font-size:15px;padding: 6px 0px;} .scroller-bar p{margin-bottom:0px;} .scroller-bar .supermarquee ul {margin: 0px;padding: 0px;list-style-type: none;display: flex;} .scroller-bar .supermarquee ul li{color:#D1E2D7;font-family: "Instrument Sans", sans-serif;line-height:1;} .scroller-bar .supermarquee ul li span{display: inline-block;padding: 1px 15px 1px 20px;position: relative;} .scroller-bar .supermarquee ul li span:before{content: "";width: 8px;height: 8px;background:var(--color-01);border-radius:100px;position: absolute;top: 5px;left: 0px;} section.swud-sec-scroller{padding: 100px 0px 120px 0px;} .supermarquee {overflow: hidden;white-space: nowrap;position: relative;width: 120%;background:linear-gradient(90deg, #FD8BDB -19.85%, #FF00B2 124.21%);transform: rotate(-5deg) translateX(-10%);} .marquee-wrap {display: flex;width: max-content;animation: marquee-scroll 45s linear infinite;} .supermarquee:hover .marquee-wrap {animation-play-state: paused;} @keyframes marquee-scroll { from {transform: translateX(0);} to {transform: translateX(-50%);} } section.swud-sec-scroller .supermarquee ul {margin: 0px 15px;padding: 0px;list-style-type: none;gap: 20px;display: flex;} section.swud-sec-scroller .supermarquee ul li{font-size: 54px;padding: 10px 0px;} section.swud-sec-faqs{} section.swud-sec-faqs #accordionExample_01{} section.swud-sec-faqs #accordionExample_01 .accordion-item, section.swud-sec-faqs #accordionExample_01 .accordion-item button, section.swud-sec-faqs #accordionExample_01 .accordion-collapse, section.swud-sec-faqs #accordionExample_01 .accordion-collapse .accordion-body{color: var(--color-02);background:transparent;border:none;box-shadow:none;} section.swud-sec-faqs #accordionExample_01 .accordion-item{position: relative;} section.swud-sec-faqs #accordionExample_01 .accordion-item:after{content:"";width:100%;height: 1px;background: linear-gradient(90deg, #c1c1c1 0%, #c1c1c1 100%);position:absolute;bottom:0px;left:0px;} section.swud-sec-faqs #accordionExample_01 .accordion-item button{font-family: 'Anton';font-size: 24px;text-transform: uppercase;position: relative;padding: 20px 40px 20px 0px;} section.swud-sec-faqs #accordionExample_01 .accordion-item button:after{display:none;} section.swud-sec-faqs #accordionExample_01 .accordion-item button .arrow{width:30px;height: 30px;position:absolute;top: 28%;right: 0px;background: var(--color-04);transition:all 500ms ease-in-out;} section.swud-sec-faqs #accordionExample_01 .accordion-item button .arrow:before, section.swud-sec-faqs #accordionExample_01 .accordion-item button .arrow:after{content:"";width: 14px;height: 2px;background: #fff;position: absolute;top: 50%;left: 50%;transition:all 500ms ease-in-out;} section.swud-sec-faqs #accordionExample_01 .accordion-item button .arrow:before{transform: translate(-50%,-50%);} section.swud-sec-faqs #accordionExample_01 .accordion-item button .arrow:after{transform: translate(-50%,-50%) rotate(90deg);} section.swud-sec-faqs #accordionExample_01 .accordion-collapse{} section.swud-sec-faqs #accordionExample_01 .accordion-collapse .accordion-body{padding-top: 0px;padding-left: 0px;padding-right: 40px;} section.swud-sec-faqs #accordionExample_01 .accordion-collapse .accordion-body p{} section.swud-sec-faqs #accordionExample_01 .accordion-item:nth-last-child(1):after{display:none;} section.swud-sec-faqs #accordionExample_01 .accordion-item button[aria-expanded="true"] .txt{color: var(--color-11);transition:all 500ms ease-in-out;} section.swud-sec-faqs #accordionExample_01 .accordion-item button[aria-expanded="true"] .arrow{background: var(--color-11);/* transform:rotate(45deg); */transition:all 500ms ease-in-out;} section.swud-sec-faqs #accordionExample_01 .accordion-item button[aria-expanded="true"] .arrow:after {transform: translate(-50%, -50%) rotate(0deg) !important;transition:all 500ms ease-in-out;} section.swud-sec-faqs #accordionExample_01 .accordion-item button[aria-expanded="true"]{opacity:1;color: var(--color-pink);} footer{position: relative;padding-top: 50px;} footer hr{opacity: 1;margin: 25px 0px 30px 0px;} footer:before{content:"";width:100%;height: 20px;background:var(--color-pink);position:absolute;top:0px;left:0px;} footer h2{font-size:72px;} footer a.email{color:var(--color-white);font-size: 24px;transition:all 300ms ease-in-out;} footer a.email span{display:inline-block;position:relative;transition:all 300ms ease-in-out;} footer a.email span:before{content:"";width:0%;height:1px;background:var(--color-pink);position:absolute;bottom:0px;left:0px;transition:all 300ms ease-in-out;} footer a.email:hover{color:var(--color-pink);transition:all 300ms ease-in-out;} footer a.email:hover span:before{width:100%;transition:all 300ms ease-in-out;} footer a.tel{color:var(--color-white);transition:all 300ms ease-in-out;} footer a.tel span{display:inline-block;position:relative;transition:all 300ms ease-in-out;} footer a.tel span:before{content:"";width:0%;height:1px;background:var(--color-pink);position:absolute;bottom:0px;left:0px;transition:all 300ms ease-in-out;} footer a.tel:hover{color:var(--color-pink);transition:all 300ms ease-in-out;} footer a.tel:hover span:before{width:100%;transition:all 300ms ease-in-out;} footer ul.tnc_footer{margin: 0px;padding: 0px;list-style-type: none;gap: 20px;display: flex;justify-content: flex-end;} footer ul.tnc_footer li{} footer ul.tnc_footer li a{color: var(--color-02);font-size: 15px;text-decoration: none;} ul.logos{margin: 0px;padding: 0px;list-style-type: none;gap: 30px;display: flex;flex-direction: row;align-items: center;} ul.logos li{} ul.logos li a{} ul.logos li a .logo-blue-eye-picture{max-width:160px;filter:invert(1) brightness(100);} ul.logos li a .logo_bnf{min-width:85px;} .address{height: 100%;display: flex;flex-direction: column;align-items: flex-end;text-align: right;justify-content: space-between;} .address p{ font-size: 21px; } /***********************/ /* Social Media */ /***********************/ ul.social_media_footer {margin:0px 0px 0px 0px;padding: 0px;list-style-type: none;gap: 15px;display: flex;justify-content: flex-end;} ul.social_media_footer>li {display: inline-block;} ul.footerLinks li.active > a {font-weight: 700;color: #333;transition: all 500ms ease-in-out;} ul.social_media_footer>li {transition: all 500ms ease-in-out;} ul.social_media_footer>li>a {display: inline-block;font-size: 14px;font-weight: 500;text-transform: uppercase;letter-spacing: 0px;border-radius: 100px;transition: all 500ms ease-in-out;} ul.social_media_footer>li>a img{/*filter: invert(1);*/} ul.social_media_footer li a:hover{color:#000000;/* background: #ffffff; */transition: all 500ms ease-in-out;} ul.social_media_footer li a:hover img{/* opacity: .7; */transition: all 500ms ease-in-out;} a.fb:hover {color: #fff;background: #3b5998 !important;transition: all 500ms ease-in-out;} a.tw:hover {color: #fff;background: #38A1F3 !important;transition: all 500ms ease-in-out;} a.dr:hover {color: #fff;background: #eb4b89 !important;transition: all 500ms ease-in-out;} a.in:hover {color: #fff;background: #0077B5 !important;transition: all 500ms ease-in-out;} a.insta:hover {color: #fff;background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);transition: all 500ms ease-in-out;} a.vi:hover {color: #fff;background: #00adef !important;transition: all 500ms ease-in-out;} a.yt:hover {color: #fff;background: #d82423 !important;transition: all 500ms ease-in-out;} a.wa:hover {color: #fff;background: rgb(52 161 0) !important;transition: all 500ms ease-in-out;} /***********************/ /* Social Media */ /***********************/ .modal-content{overflow: inherit !important;} .modal-content, .MuiBox-root{background:#333333;} .MuiContainer-root.mui-style-15paubg {padding: 0px;margin: 0px;} .modal-content label{margin-bottom: 6px;} .modal-content label span {color: #B0B0B0;font-size: 14px;text-transform: uppercase;line-height: 1;} .MuiInputBase-root, .containerClass.react-tel-input{background: #404040;} .MuiBox-root, .MuiBox-root.mui-style-0{width:100%;position:relative;} .MuiOutlinedInput-root input::placeholder, input.form-control.inputClass::placeholder, .MuiOutlinedInput-root textarea::placeholder {color: #B0B0B0 !important;opacity: 1;} .MuiOutlinedInput-root input, input.form-control.inputClass, .MuiOutlinedInput-root textarea{color:#ffffff !important;} .MuiBox-root.mui-style-0 button{color: var(--color-white) !important;text-transform: uppercase;background: var(--color-pink) !important;width:100%;transition:all 500ms ease-in-out;} .MuiBox-root.mui-style-0 button:hover{color: var(--color-pink) !important;background-color: var(--color-white) !important;transition:all 500ms ease-in-out;} .modal-content button.btn-close {background-color: #ffffff;padding: 10px;opacity: 1;position: absolute;top: -17px;right: -17px;z-index: 999;transition:all 500ms ease-in-out;} .modal-content button.btn-close:hover{background-color:var(--color-pink) !important;transition:all 500ms ease-in-out;} ul.MuiList-root.MuiList-padding.mui-style-866d6n {font-size: 10px;text-transform: uppercase;background: red;color: var(--color-white);padding: 2px 4px;position: absolute;bottom: 0px;right: 0px;} ul.MuiList-root.MuiList-padding.mui-style-866d6n li{} ul.MuiList-root.MuiList-padding.mui-style-866d6n li svg{width:10px;height:10px;} @media only screen and (max-width: 990px) { .MuiBox-root.mui-style-mvwult {padding: 0px !important;} .modal-content button.btn-close{top:0px !important;right:0px !important;} .MuiBox-root.mui-style-4eiif {padding: 0px !important;} .MuiBox-root.mui-style-l5b33a {padding-bottom: 70px !important;} ul.MuiList-root.MuiList-padding.mui-style-866d6n{bottom:-18px !important;} } /* Smartphones */ @media only screen and (max-width: 990px) { h1{font-size:36px} h2{font-size:30px;margin-bottom: 20px;} h2.mb-100, h2.mb-50{margin-bottom:20px !important;} header{padding: 20px 15px;} section{border-top:1px solid #2f2f2f} .container-fluid{padding:0px 20px;} .btn-book-now{font-size: 16px;padding: 0px 0px 0px 30px;margin-top: 10px;} .btn-book-now .arrow{width: 25px;height: 25px;top: -8px;} section.swud-sec-hero{padding: 60px 15px 70px 15px;min-height: 100vh;} section.swud-sec-hero .creative-box{width:100%;height: 45vh;margin-bottom: 30px;} section.swud-sec-hero .creative-box .player{width: 100%;height: 45vh;position: relative;overflow:hidden;} section.swud-sec-hero .creative-box .player video{width: 100%;max-height: max-content;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%) !important;} section.swud-sec-01 .spv-box{padding:10px 10px 10px 10px;} section.swud-sec-01 .spv-box .overlays{display:none;} section.swud-sec-01 .spv-box .sb-thumb, section.swud-sec-01 .spv-box:hover .sb-thumb{transform:translateY(0px) scale(0.9);max-width: 75%;margin: auto;} section.swud-sec-01 .spv-box .sb-thumb .sb-video video{opacity:1;} section.swud-sec-01 .spv-box .border-lines{transform: scale(1);} section.swud-sec-01 .spv-box .sb-text p{font-size: 21px;text-align: center;} section.swud-sec-03 ul.steps{margin:20px 0px 0px 0px;} section.swud-sec-03 ul.steps li{width:100%;} section.swud-sec-03 ul.steps li p{font-size: 12px;line-height: 1.2;margin-bottom: 0px;padding-right: 15px;} section.swud-sec-03 ul.steps li .color-box{height:15px;} section.swud-sec-03 ul.steps li:nth-child(1){margin-top: 15px;} section.swud-sec-03 ul.steps li:nth-child(2){margin-top: 30px;} section.swud-sec-03 ul.steps li:nth-child(3){margin-top: 45px;} section.swud-sec-03 ul.steps li:nth-child(4){margin-top: 60px;} section.swud-sec-faqs #accordionExample_01 .accordion-item button{font-size:15px;padding:15px 30px 15px 0px;} section.swud-sec-faqs #accordionExample_01 .accordion-item button .arrow{top:10px;} section.swud-sec-faqs #accordionExample_01 .accordion-item:nth-last-child(1):after{display:block;} section.swud-sec-02 .col-md-6 > .position-relative{max-width: 90%;margin: 15px auto 0px auto;} section.swud-sec-02 #accordionExample{margin-top: 30px;} section.swud-sec-02 #accordionExample .accordion-item button{font-size: 18px;padding:15px 30px 15px 0px;} section.swud-sec-scroller{padding: 0px 0px 0px 0px;} .studio-storytellers{margin:50px auto;max-width: 90%;} footer h2{font-size:36px;} footer a.email{font-size:16px;} ul.social_media_footer{display: flex;justify-content: flex-start;margin-top: 20px;} footer ul.tnc_footer{margin-top: 20px;margin-bottom: 40px;display: flex;justify-content: flex-start;} footer ul.tnc_footer li{} footer ul.tnc_footer li a{font-size:12px;;} }