:root { --main-color: #AB0F17; --main-color-light: #00DA4C; } body { font-family: 'Poppins', sans-serif; letter-spacing: 1px; font-weight: normal; font-style: normal; color: black; background: white; font-size: 14px; min-height: 100%; width: 100vw; overflow-x: hidden; padding-top: 69px; letter-spacing: normal; } html, body { overflow-x: hidden; } .flex-wrap { flex-wrap: wrap; } .flex { display: flex; align-items: center; justify-content: center; } .flex-vertical-center { display: flex !important; align-items: center; } .flex-horizonal-center { display: flex !important; justify-content: center; } .flex-bottom { display: flex !important; align-items: flex-end; justify-content: center; } .flex-left { display: flex !important; align-items: center; justify-content: flex-start; } .flex-bottom-left { display: flex !important; align-items: flex-end; justify-content: flex-start; } .flex-right { display: flex !important; align-items: center; justify-content: flex-end; } .flex-top-right { display: flex !important; align-items: flex-start; justify-content: flex-end; } .space-between { display: flex; align-items: center; justify-content: space-between; } .lowercase{ text-transform: none !important; } .black{ color: black; } .white { color: white; } .black-bg { background: black !important; } .white-bg { background: white; } .half-bg { background: linear-gradient( to bottom, black 0%, black 50%, white 50%, white 100% ); } .grey-bg { background: #f6f6f6; } .main-color { color: var(--main-color) !important; } .main-color-light { color: var(--main-color-light) !important; } .main-color-bg { background: var(--main-color) !important; } .poppins { font-family: "Poppins", sans-serif !important; } .center-bs { float: none; margin-left: auto; margin-right: auto; } .center-bs-left { float: none; margin-left: auto; margin-right: 0; } .center-bs-right { float: none; margin-left: 0; margin-right: auto; } .black-top-bottom { padding: 12px; border-top: 1px solid black; border-bottom: 1px solid black; } .white-top-bottom { padding: 12px; border-top: 1px solid white; border-bottom: 1px solid white; } .w-30 { width: 30%; } .w-50 { width: 50%; } .w-100 { width: 100%; } .font-w-300 { font-weight: 300 !important; } .font-w-400 { font-weight: 400 !important; } .font-w-500 { font-weight: 500 !important; } .font-w-600 { font-weight: 600 !important; } .font-w-700 { font-weight: 700 !important; } .font-s-12 { font-size: 12px !important; } .font-s-13 { font-size: 13px !important; } .font-s-14 { font-size: 14px !important; } .font-s-15 { font-size: 15px !important; } .font-s-16 { font-size: 16px !important; } .font-s-17 { font-size: 17px !important; } .font-s-18 { font-size: 18px !important; } .font-s-20 { font-size: 20px !important; } .font-s-22 { font-size: 22px !important; } .font-s-25 { font-size: 25px !important; } .font-s-28 { font-size: 28px !important; } .font-s-30 { font-size: 30px !important; } .font-s-35 { font-size: 35px !important; } .font-s-40 { font-size: 40px !important; } .font-s-45 { font-size: 45px !important; } .font-s-50 { font-size: 50px !important; } .font-s-55 { font-size: 55px !important; } .letter-spacing-normal { letter-spacing: normal !important; } .letter-spacing-half { letter-spacing: 0.5px !important; } .letter-spacing-1 { letter-spacing: 1px !important; } .line-height-double { line-height: 2 !important; } .line-height-semi { line-height: 1.5 !important; } .line-height-small { line-height: 1.3 !important; } .line-height-one { line-height: 1.1 !important; } .font-left { text-align: left !important; } .font-center { text-align: center !important; } .font-right { text-align: right !important; } .text-left { text-align: left !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .text-gray { color: rgb(209 213 219); } .text-gray-2 { color: rgba(0,0,0,0.7); } .capitalize { text-transform: capitalize !important; } .mt-10 { margin-top: 10px !important; } .mt-15 { margin-top: 15px !important; } .mt-20 { margin-top: 20px !important; } .mt-25 { margin-top: 25px !important; } .mt-30 { margin-top: 30px !important; } .mt-40 { margin-top: 40px !important; } .mt-50 { margin-top: 50px !important; } .mt-60 { margin-top: 60px !important; } .mt-70 { margin-top: 70px !important; } .mt-80 { margin-top: 80px !important; } .mt-90 { margin-top: 90px !important; } .mt-100 { margin-top: 100px; } .mt-110 { margin-top: 110px; } .mt-130 { margin-top: 130px; } .mr-05 { margin-right: 5px !important; } .mr-10 { margin-right: 10px !important; } .mr-20 { margin-right: 20px !important; } .mr-30 { margin-right: 30px !important; } .ml-05 { margin-left: 5px; } .ml-10 { margin-left: 10px; } .ml-20 { margin-left: 20px; } .ml-30 { margin-left: 30px; } .pl-10 { padding-left: 10px !important; } .pl-20 { padding-left: 20px !important; } .pl-30 { padding-left: 30px !important; } .pl-40 { padding-left: 40px !important; } .pr-20 { padding-right: 20px !important; } .pr-30 { padding-right: 30px !important; } .pr-40 { padding-right: 40px !important; } .pt-10 { padding-top: 10px !important; } .pt-20 { padding-top: 20px !important; } .pt-30 { padding-top: 30px !important; } .pt-40 { padding-top: 40px !important; } .pb-10 { padding-bottom: 10px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-30 { padding-bottom: 30px !important; } .pb-40 { padding-bottom: 40px !important; } .p-0 { padding: 0 !important; } .min-height-450 { min-height: 450px; } .z-1 { z-index: 1; } .z-2 { z-index: 2; } .z-3 { z-index: 3; } .box-shadow { box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 20%); } .box-shadow-2 { box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.2); } .box-shadow-3 { box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08); } .box-shadow-4 { box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12); } .box-shadow-green { box-shadow: 0px 0px 200px -80px #00DA4C; } .box-shadow-red { box-shadow: 0px 0px 200px -80px #FF294C; } .rounded-img { border-radius: 10px; } .text-left { text-align: left; } .black-border-top { border-top: 1px solid black; } .black-border-bottom { border-bottom: 1px solid black; } .white-border-top { border-top: 1px solid white; } .white-border-bottom { border-bottom: 1px solid white; } .vimeo-embed-wrapper { padding-bottom: 56.25%; position: relative;} .vimeo-embed-wrapper2 { padding-bottom: 56.25%; position: relative;} .vimeo-embed-wrapper-reel { position: relative; position: relative; height: 550px; width: calc(550px/1.77777); display: block; margin: 0 auto; } .video-side-side { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .font-5 { font-size: 20px; font-weight: 300; text-align: center; line-height: 1.4; } .heading { width: 100%; text-transform: none; } .heading h1 { font-family: 'Euclid Flex 600'; font-size: 31px; font-weight: 400; text-align: center; margin-bottom: 10px; line-height: 1.2; display: block; margin: 0 auto; text-transform: capitalize; letter-spacing: 2px; letter-spacing: normal; } .heading h2 { font-family: 'Euclid Flex 600'; font-size: 31px; font-weight: 400; text-align: center; margin-bottom: 10px; line-height: 1.2; display: block; margin: 0 auto; text-transform: capitalize; letter-spacing: 2px; letter-spacing: normal; } .heading h3 { font-size: 17px; font-weight: 400; text-align: center; margin-bottom: 10px; line-height: 1.2; display: block; margin: 0 auto; line-height: 1.3; text-transform: capitalize; letter-spacing: normal;} .heading hr { width: 180px; margin-bottom: 35px; margin-top: 13px; background: var(--main-color); height: 1px; } .heading p { text-align: center; line-height: 1.3; font-weight: 300; font-size: 14px !important; max-width: none; display: block; margin: 0 auto; margin-top: 10px; } .heading-half { width: 100%; text-transform: none; } .heading-half h2 { font-family: 'Forum'; font-size: 38px; font-weight: 400; text-align: center; margin-bottom: 10px; line-height: 1; display: block; margin: 0 auto; text-transform: capitalize; letter-spacing: 2px; letter-spacing: normal; } .heading-half h3 { font-size: 17px; font-weight: 400; text-align: center; margin-bottom: 10px; line-height: 1.4; display: block; margin: 0 auto; line-height: 1.3; text-transform: capitalize; letter-spacing: normal; } .heading-half hr { width: 180px; margin-bottom: 35px; margin-top: 13px; background: var(--main-color); height: 1px; } .heading-half p { text-align: center; line-height: 1.3 !important; font-weight: 300; font-size: 18px !important; max-width: 800px; display: block; margin: 0 auto; margin-top: 10px; } .body-section-text p { font-size: 12px; line-height: 2; letter-spacing: 0.5px; } .container-narrow { width: 90%; max-width: 1000px; display: block; margin: 0 auto; } .container-fixed { width: 90%; max-width: 1100px; display: block; margin: 0 auto; } .container-fixed2 { width: 90%; max-width: 1200px; display: block; margin: 0 auto; } .container-wide { width: 90%; max-width: 1500px; display: block; margin: 0 auto; } .container-ultra { width: 100%; max-width: 1300px; display: block; margin: 0 auto; } .container-right { width: 50%; display: block; margin: 0 auto; margin-left: 40%; padding-top: 10%; } .section-padding { padding: 65px 0px; } .section-padding-lg { padding: 90px 0px; } .section-padding-arrow { padding: 0px 0px; padding-bottom: 60px; } .btn-reg-black { position: relative; background: black; padding: 9px 0px; color: white !important; font-weight: 400; font-size: 14px; text-align: center; border-radius: 0px; border: 1px solid black; display: block; width: 180px; text-align: center; cursor: pointer; } .btn-reg-black i { position: absolute; right: 13px; top: 50%; transform: translateY(-50%); font-size: 18px; } .btn-reg-white { position: relative; background: white; padding: 9px 0px; color: black !important; font-weight: 500; font-size: 14px; text-align: center; border-radius: 0px; border: 1px solid black; display: block; width: 180px; text-align: center; cursor: pointer; } .btn-reg-white i { position: absolute; right: 13px; top: 50%; transform: translateY(-50%); font-size: 18px; } .btn-reg-red { position: relative; background: red; padding: 9px 0px; color: white !important; font-weight: 500; font-size: 14px; text-align: center; border-radius: 0px; border: 1px solid red; display: block; width: 180px; text-align: center; cursor: pointer; } .btn-reg-red i { position: absolute; right: 13px; top: 50%; transform: translateY(-50%); font-size: 18px; } .btn-white { background: white; padding: 8px 25px; height: 41px; color: black !important; font-size: 13px; font-weight: 500; border: 1px solid black; border-radius: 7px; display: block; } .btn-white2 { background: white; padding: 8px 25px; color: var(--main-color) !important; font-size: 13px; font-weight: 500; border: 1px solid var(--main-color); border-radius: 7px; display: block; text-transform: uppercase; } .btn-green { background: black; padding: 8px 25px; height: 37px; color: #00DA4C !important; font-size: 13px; font-weight: 500; border: 1px solid black; border-radius: 7px; display: block; text-transform: uppercase; } .btn-green-bg { background: #00DA4C; color: black; padding: 8px 25px; height: 37px; font-size: 13px; font-weight: 600; border: 1px solid #00DA4C; border-radius: 7px; display: block; text-transform: uppercase; } .btn-red { background: var(--main-color); padding: 8px 25px; color: white !important; font-size: 13px; font-weight: 500; border: 1px solid var(--main-color); border-radius: 7px; display: block; text-transform: uppercase; } .btn-red-xl { background: var(--main-color); padding: 12px 25px; color: white !important; font-size: 16px; font-weight: 600; border: 1px solid var(--main-color); border-radius: 7px; display: block; text-transform: uppercase; } .btn-black { background: black; padding: 8px 25px; height: 37px; color: white !important; font-size: 13px; font-weight: 500; border: 1px solid black; border-radius: 7px; display: block; text-transform: capitalize; } .btn-pricing-black { background: black; padding: 8px 30px; color: white !important; font-size: 14px; font-weight: 500; border: 1px solid black; border-radius: 7px; display: block; text-transform: uppercase; } .btn-pricing-red { background: #FF294C; padding: 8px 30px; color: white !important; font-size: 14px; font-weight: 500; border: 1px solid #FF294C; border-radius: 7px; display: block; text-transform: uppercase; } .input-text { height: 40px; border: 1px solid black; padding: 10px 15px; width: 291px; } .full-sample-img { transition: all 0.2s ease; cursor: pointer; } .full-sample-img:hover { transform: scale(1.03); transition: all 0.2s ease;} .video-overlay-wrapper { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.65); z-index: 9999999999; } .video-overlay-wrapper.hidden { display: none; } .video-overlay-wrapper .content { width: 80vw; max-width: 1000px; background: white; } /* MENU */ #menu { z-index: 999; position: fixed; top: 0; left: 0; width: 100vw; transition: all 0.5s ease; background: white; padding: 5px 0px; border-bottom: 1px solid black; } .menu-top-wrapper { height: 60px; } .menu-padding { padding: 0 40px; height: 100%; } .navbar { background: rgba(0,0,0,0.0);} .navbar-nav { padding: 0px; float: right; } .nav-item {color: white; margin-right: 11px; font-size: 13px; font-weight: 400; letter-spacing: 1px; cursor: pointer; } .nav-item:hover { color: var(--main-color); } .nav-link { color: black !important; font-family: 'Euclid Flex 300' !important; margin-right: 11px; font-size: 12px; font-weight: 600; letter-spacing: 1px; cursor: pointer; } .nav-link:hover { color: var(--main-color) !important; } .menu-top-center { padding: 10px 0; height: 60px; justify-content: center; } .navbar-collapse { justify-content: flex-end; } .dropdown-menu.show { background: rgba(255,255,255,1); border-radius: 0; top: 35px; padding: 10px 0px; transition: all 0.4s ease;} .dropdown-item { color: black !important; font-size: 13px; cursor: pointer; font-weight: 500; } .dropdown-item:hover { text-decoration: underline; background: none; color: white; } .nav-link.active { color: rgba(14,147,108,1); } .navbar-toggler { position: fixed; top: 22px; right: 20px;} .menu-logo { position: absolute; top: 50%; transform: translateY(-50%); left: 20px; } .triangle-up { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid transparent; position: absolute; top: -11px; left: 10px; } .navbar-toggler .icon-bar { display: block; width: 21px; height: 2px; border-radius: 1px; background: black; transform: scale(1.5); } .navbar-toggler .icon-bar.two { margin: 8px 0px; } .menu-logo .logo-img { height: 30px; } .menu-mobile-close { display: none; color: white; } .navbar-custom { display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; justify-content: flex-end; flex-grow: 1; transition: all 0.3s ease; } .body-section { padding: 40px 0px 120px 0px; position: relative; } .sub-footer-section { background: var(--main-color); } .hide-md { } .show-md { } .hide-lg { display: none; } .show-lg { display: inline-block; } /* HOME */ .home-side-side-row { margin-top: 100px; } .home-side-side-text .heading h2 { text-align: center; } .home-side-side-text p { font-size: 14px; width: 100%; text-align: center; max-width: 600px;} .home-side-side-text img { height: 55px; display: block; margin: 0 auto; } .home-side-side-img img { width: 100%; } #home-carousel .carousel-item { min-height: 510px; } #home-carousel .carousel-inner { border: 1px solid #ddd; box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%); } #home-carousel .carousel-item div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } #home-carousel .carousel-item img { width: 100%; margin-top: 8px; } #home-carousel .carousel-item p { text-align: center; font-size: 16px; } #home-carousel .carousel-control-next { right: -95px; filter: invert(1); } #home-carousel .carousel-control-prev { left: -95px; filter: invert(1); } #home-carousel .carousel-indicators { bottom: -55px; } .pricing-wrapper {transition: all 0.3s ease;} .pricing-wrapper:hover { transform: scale(1); transition: all 0.3s ease; } .pricing-wrapper .heading h2 { font-size: 26px; margin-bottom: 0; } .pricing-wrapper .heading p { font-size: 14px; margin-bottom: 0; } .pricing-banner { background: black; padding: 11px 15px; border-radius: 5px; background: var(--main-color); } .pricing-banner .heading h2 { font-size: 19px; } .pricing-list { list-style-type: none; columns: 1; -webkit-columns: 1; margin-top: 30px; margin-bottom: 30px; padding: 0; } .pricing-list li { border: none; padding: 5px 0; text-align: center; font-size: 15px; } .pricing-list li span { margin-right: 15px; } .pricing-list li a { color: white; } .pricing-list li a:hover { color: blue; } .pricing-teaser-box { padding: 30px; background: white; border: 1px solid black; } .pricing-teaser-box p { margin: 0; font-size: 18px; color: black; font-weight: 600; text-align: center; } .pricing-teaser-box p.small { margin: 0; font-size: 14px; color: black; font-weight: 500; text-align: center; } .pricing-top-icon { background: white; border-radius: 50px; width: 90px; height: 90px; position: absolute; top: -45px; left: 50%; transform: translateX(-50%); box-shadow: 0px -10px 17px 0px rgb(0 0 0 / 5%);} .pricing-top-icon img { width: 55%; } .pricing-service-row { border-bottom: 1px solid #ddd; } .pricing-service-row p { text-align: left; } .testi-col { background: white; border-radius: 20px; width: 100%; box-shadow: 0 1px 3px 0 #e6ebf1; padding: 30px 40px; padding-top: 30px;} .testi-quote-left { font-size: 72px; color: red; text-align: right; } .testi-quote-right { font-size: 72px; color: red; position: relative; } .testi-quote-right span { position: absolute; bottom: 0; left: 0; max-height: 30px;} .testi-text p { color: grey; margin-bottom: 0; text-align: center; } .testi-text { padding-top: 40px; } .steps-inner-num { margin: 0 auto; font-family: 'Poppins', sans-serif; color: var(--main-color); font-size: 42px; font-weight: 300; text-align: center; border-radius: 50px; border: 2px solid var(--main-color); height: 50px; width: 50px; } /* HOME NEW */ .home-service-icon img { display: inline-block; margin-right: 20px; width: 42px; } .home-service-icon p { display: inline-block; font-weight: 400; font-size: 17px; margin: 0; } .website-features{ list-style-type: none; columns: 1; -webkit-columns: 1; padding: 0; } .website-features li { border: none; padding: 5px 0; text-align: center; font-size: 15px; color: white; } .website-features li span { margin-right: 20px; } .notice-box { padding: 7px; 10px; border-radius: 5px; background: var(--main-color); } .notice-box p { margin: 0; } /* HOME NEW */ .home-top { margin-top: 25px; height: 49vw; max-height: 77vh; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('/assets/img/home/home-top-bg.jpg?v2'); background-size: cover; background-position: 40% 31%; } .home-top .heading h2 { text-shadow: #000 1px 0 11px; font-size: 30px; } .photo-bg-1 { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('/assets/img/home/photo-bg-1.jpg?v3'); background-size: cover; background-position: 50% 85%; } .accent-arrow { margin-bottom: 20px; } .accent-arrow img { height: 30px; } .accent-arrow-sm { margin-bottom: 20px; } .accent-arrow-sm img { height: 30px; } .home-side-side-section .heading h2 { font-size: 22px; } .floating-center-button-wrapper { position: relative; } .floating-center-button-wrapper .floating-center-button-mid { position: absolute; background: var(--main-color); padding: 13px 38px; color: white !important; font-weight: 500; border-radius: 5px; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; } .floating-center-button-wrapper .floating-center-button { position: absolute; background: var(--main-color); padding: 13px 38px; color: white !important; font-weight: 500; border-radius: 5px; display: block; bottom: -22px; left: 50%; transform: translateX(-50%); cursor: pointer; } .pricing-box-new-wrapper { position: relative; width: 100%; display: block; margin: 0 auto; border: 5px solid black; min-height: 526px; margin-top: 0px; padding: 7px; padding-top: 50px; } .pricing-box-black-head { padding: 20px; background: black; } .pricing-box-black-foot { padding: 35px; background: black; } .pricing-box-arrow-top { position: absolute; top: 3px; left: 50%; transform: translateX(-50%); } .pricing-box-arrow-top img { height: 30px; outline: 3px solid white; } .pricing-box-new-wrapper .heading h2 { font-size: 16px; } /* PHOTO EDITING */ .photo-top { margin-top: 3px; height: 49vw; max-height: 77vh; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/assets/img/photo-editing/top-bg.jpg'); background-size: cover; background-position: 50% 24%; } .photo-top .heading h2 { text-shadow: #000 1px 0 11px; font-size: 30px; } .photo-editing-container { padding: 30px 56px; } .express-banner-black { background: black; padding: 20px 30px; } .express-banner-black img { height: 30px; margin-right: 20px; } .express-banner-black h3 { font-size: 20.5px; margin: 0; } .express-banner-black p { font-size: 14px; margin: 0; } .no-wait-wrapper { background: black; border-radius: 20px; padding: 20px 80px; } .no-wait-row { padding: 40px 0px; border-bottom: 2px solid #333333; } .no-wait-left img { height: 54px; } .no-wait-right p { color: white; font-size: 14px; margin: 0; } /* SPW */ .spw-top { margin-top: 3px; height: 49vw; max-height: 77vh; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/assets/img/property-website/top-bg-2.jpg'); background-size: cover; background-position: 50% 55%; } .spw-top .heading h2 { text-shadow: #000 1px 0 11px; font-size: 30px; } .tour-headers p { text-align: center; font-size: 22px; margin: 0; margin-bottom: 20px; } .tour-headers img { width: 95%; display: block; margin: 0 auto; margin-top: 10px; outline: 5px solid white; } .tour-headers-outline { outline: 5px solid black !important; } .spw-icon img { height: 50px; display: block; margin: 0 auto; } .spw-icon h3 { font-size: 18px; margin: 25px 0; text-align: center; } .spw-icon p { font-size: 13px; margin: 0; text-align: center; } /* REELS */ .reels-top { margin-top: 3px; height: 49vw; max-height: 77vh; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('/assets/img/reels/top-bg.jpg'); background-size: cover; background-position: 50% 40%; } .laptop-cell-wrapper-new-2 img { width: 280px; z-index: 2;} .laptop-portrait-video-new-2 { position: absolute; left: 41px; padding: 0; width: 241px; height: 486px; z-index: 3; } /* VIDEO */ .video-top { margin-top: 3px; height: 49vw; max-height: 77vh; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/assets/img/video-editing/top-bg-2.jpg'); background-size: cover; background-position: 50% 65%; } .video-top .heading h2 { text-shadow: #000 1px 0 11px; font-size: 30px; } .lvids-header-link.active { color: var(--main-color); } .download-btn { width: auto; display: inline-block; padding: 11px 26px; padding-bottom: 7px; cursor: pointer; } .download-btn p { display: inline-block; font-size: 15px; margin: 0; } .download-btn i { font-size: 18px; margin-right: 10px; } .download-btn-white { background: white; color: black !important; } .text-banner { background: var(--main-color); color: white; display: inline-block; border-radius: 5px; padding: 10px 20px; cursor: pointer; } .text-banner .heading h2 { font-size: 20px; } .laptop-cell-wrapper-new img { width: 100%; width: 239px; z-index: 2;} .laptop-cell-wrapper { position: relative; } .laptop-cell-wrapper img { width: 100%; width: 200px; z-index: 2;} .laptop-cell-sm { display: none; } .laptop-portrait-video { position: absolute; left: 42px; padding: 0; width: 170px; height: 350px; z-index: 3; } .laptop-portrait-video-new { position: absolute; left: 60px; padding: 0; width: 201px; height: 350px; z-index: 3; } .laptop-wide-video { position: absolute; top: -169px; left: 229px; width: 683px; z-index: 1; } .laptop-portrait-video-2 { top: 29px; left: 42px; } .video-togglers-wrappers { border-right: 1px solid #ddd; } .video-togglers { color: white !important; text-align: center; font-weight: 500; font-size: 17px; cursor: pointer; } .video-togglers.active { color: var(--main-color) !important; } .video-togglers:hover { color: var(--main-color) !important; } .steps-numbering-number { font-size: 56px; } /* MATTERPORT */ .mp-top { margin-top: 3px; height: 49vw; max-height: 77vh; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/assets/img/matterport/top-bg.jpg'); background-size: cover; background-position: 50% 65%; } .mp-top .heading h2 { text-shadow: #000 1px 0 11px; font-size: 30px; } /* ADD REAL ESTATE VIDEO SERVICES */ .bullet-line { justify-content: left; } .bullet-line .bullet { width: 20px; height: 20px; border-radius: 50px; background: var(--main-color); color: white !important; } .bullet-line .bullet a { margin: 0; width: 100%; text-align: center; width: 20px; height: 20px; } .bullet-line a { margin-left: 10px; } .down-arrow { position: absolute; top: 0; left: 0; width: 100%; } .down-arrow img { width: 90px; } .course-signup-wrapper { } .course-signup-wrapper .login-form-input { max-width: 350px; display: block; margin: 0 auto; margin-top: 20px; padding: 0px 17px; height: 38px; } .course-signup-wrapper .login-form-input::placeholder { opacity: 0.7; } .heading-sticker-row { position: relative; } .heading-sticker { width: 87px; max-width: 100px; position: absolute; top: 12px; left: 125px; } .heading-sticker-2 { width: 100%; max-width: 100px; position: absolute; top: 0px; left: -113px; } .reel-sticker { width: 87px; max-width: 100px; position: absolute; top: 55px; left: 14px; z-index: 99 !important; } .plus-sticker { width: 100%; max-width: 100px; } /* DASHBOARD */ .photographer-dashboard-outline { border: 11px solid #f2f2f2; border-radius: 10px; } .join-features-list { list-style-type: none; padding: 0; columns: 2; } .join-features-list li { font-size: 15px; color: black; font-weight: 400; text-align: left; text-transform: none; margin-bottom: 3px; text-transform: capitalize; text-align: center;} .join-features-list span { color: var(--main-color); margin-right: 15px; font-size: 17px; } /* LOGIN */ .login-1 { height: 100vh; width: 100vw; overflow: hidden; background: white; } .login-1 label { font-size: 13px; font-weight: 600; margin-bottom: 3px;} .login-wrapper { width: 100%; max-width: 950px; border-radius: 5px; background: white; box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 15%); padding-right: 30px; margin-top: -40px; } .login-form-input { border: 1px solid #ddd; border-radius: 5px; width: 100%; height: 34px; padding-left: 8px; margin-top: 3px; background: white; margin-bottom: 10px; } .login-left-wrapper { background: black; border-radius: 5px 0px 0px 5px; } .login-left-wrapper h3 { font-size: 24px; text-align: left; margin: 0; } .login-left-wrapper p { font-size: 14px; text-align: left; margin: 0; } .login-right-wrapper { padding: 80px 20px; } .login-divider { height: 1px; background: #ddd; margin-top: 30px; margin-bottom: 30px; } .forgot-password-text { color: #e10025; font-size: 13px; text-align: center; font-weight: 600; } /* FOOTER */ #footer-sec { background: black; } /* FOOTER */ #footer { padding: 40px 0px 15px 0px; background: black; } .footer-section { padding: 0 23px; } .footer-nav p { color: white; font-size: 15px; font-weight: 200; line-height: 1; margin: 0;} .footer-nav .separator { margin: 0 13px; line-height: 1; } .footer-img img { width: 70%; } .footer-socials i { color: white; font-size: 18px; margin: 0 10px; } .footer-locations { display: flex; flex-direction: row; flex-wrap: wrap; } .footer-locations p { color: white; font-size: 15px; font-weight: 200; line-height: 1; margin: 0; width: 25%; text-align: center; } .footer-title { text-transform: uppercase; letter-spacing: 2px; font-size: 14px; font-weight: 600; font-size: 16px; margin-top: 0px; color: var(--main-color); } .widget-wrapper { position: relative; } .hide-widget { background: black; width: 100%; height: 37%; position: absolute; bottom: 0px; } .mw-60 { max-width: 60%; display: block; margin: 0 auto; } :root { --nav-tray-width: 400px; } /* VIDEO COURSE */ .course-page-section { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; padding: 45px; padding-top: 102px; padding-bottom: 10px; overflow-y: hidden; overflow-x: hidden; } .course-main-wrapper { background: white; width: 100%; height: 100%; border: 1px solid #f6f6f6; position: relative; max-width: 1400px; display: block; margin: 0 auto; max-height: 750px; box-shadow: 0px 2px 9px 0px rgb(0 0 0 / 10%); } .course-main-wrapper .header { background: white; width: 100%; border-bottom: 1px solid #f6f6f6; padding: 25px 35px; position: absolute; z-index: 10; } .course-main-wrapper .header h2 { font-size: 20px; margin: 0; font-weight: 400; } .course-main-wrapper .header img { height: 25px; margin-right: 20px; } .course-navigation-tray { position: absolute; top: 0; left: 0; width: var(--nav-tray-width); height: 100%; padding-top: 75px; padding-right: 20px; background: #fbfbfb; z-index: 3; border-right: 1px solid #f6f6f6; } .course-navigation-tray .header { padding: 25px 35px; background: #fbfbfb; border: none; position: relative; } .course-navigation-tray .header h3 { font-size: 16px; margin: 0; font-weight: 400; } .course-navigation-tray .header img { height: 21px; margin-right: 20px; } .course-navigation-tray .nav-wrapper { background: white; border: 1px solid #f6f6f6; overflow-y: scroll; max-height: 526px; } .course-navigation-tray .nav-wrapper .nav-row { padding: 20px; border-bottom: 1px solid #f6f6f6; padding-left: 35px; cursor: pointer; } .course-navigation-tray .nav-wrapper .nav-row p { font-size: 14px; margin: 0; font-weight: 400; } .course-navigation-tray .nav-wrapper .nav-row-single.active p { color: var(--main-color); } .course-navigation-tray .nav-wrapper .nav-row-accordion { position: relative; } .course-navigation-tray .nav-wrapper .nav-row-accordion .caret-closed { font-size: 20px; color: #868686; position: absolute; right: 29px; top: 20px; } .course-navigation-tray .nav-wrapper .nav-row-accordion .caret-open { font-size: 20px; color: #868686; position: absolute; right: 29px; top: 20px; display: none; } .course-navigation-tray .nav-wrapper .nav-row-accordion .row-inner { height: 0; width: 100%; transition: all 0.3s ease; } .course-navigation-tray .nav-wrapper .nav-row-accordion .row-inner.open { height: auto; padding: 20px 0px; padding-bottom: 0; transition: all 0.3s ease;} .course-navigation-tray .nav-wrapper .nav-row-accordion .row-inner .chapter { display: none; } .course-navigation-tray .nav-wrapper .nav-row-accordion .row-inner.open .chapter { display: block; } .course-navigation-tray .nav-wrapper .nav-row-accordion .row-inner .chapter { padding: 8px 13px; } .course-navigation-tray .nav-wrapper .nav-row-accordion .row-inner .chapter:hover, .course-navigation-tray .nav-wrapper .nav-row-accordion .row-inner .chapter.active { background: #f6f6f6; } .course-navigation-tray .nav-wrapper .nav-row-accordion .row-inner .chapter .play-button { width: 11px; height: 10px; border-radius: 50px; color: white !important; display: inline-block; margin-right: 10px; } .course-navigation-tray .nav-wrapper .nav-row-accordion .row-inner .chapter .play-button i { color: black; } .course-navigation-tray .nav-wrapper .nav-row-accordion .row-inner .chapter:hover .play-button, .course-navigation-tray .nav-wrapper .nav-row-accordion .row-inner .chapter.active .play-button i { color: var(--main-color); } .course-navigation-tray .nav-wrapper .nav-row-accordion .row-inner .chapter a { font-size: 14px; margin: 0; font-weight: 400; } .course-navigation-tray .nav-wrapper .nav-row-accordion .row-inner .chapter:hover a, .course-navigation-tray .nav-wrapper .nav-row-accordion .row-inner .chapter.active a { color: var(--main-color); } .course-body { position: absolute; top: 0; left: 0px; width: 100%; height: auto; padding-top: 93px; padding-left: var(--nav-tray-width); background: white; z-index: 2; } .course-body-inner { width: 95%; height: 95%; } .vimeo-title { padding: 18px 0px; border-bottom: 1px solid #f6f6f6; } .vimeo-title p { font-size: 14px; margin: 0; font-weight: 400; } /* MDP */ .mdp-icon img { height: 42px; display: block; margin: 0 auto; margin-bottom: 15px; } .mdp-icon p { font-size: 14px; text-align: center; } .mdp-banner { width: 100%; padding: 35px 0px; background: var(--main-color); border-radius: 15px; } .mdp-banner p { font-size: 25px; margin: 0; } /* 2023 REMAKE */ .twentytwenty-handle { box-shadow: none !important; } .twentytwenty-horizontal .twentytwenty-handle:after { box-shadow: none !important; } .twentytwenty-horizontal .twentytwenty-handle:before { box-shadow: none !important; } .header-section { margin-top: 3px; height: 49vw; max-height: 73vh; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/assets/img/photo-editing/top-bg.jpg'); background-size: cover; background-position: 50% 24%; align-items: flex-end; padding-bottom: 7%;} .video-lightbox { position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; background: rgba(0,0,0,0.7); } .video-lightbox.hidden { display: none; } .video-lightbox .inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70vw; } /* HOME*/ .img-sample-quads img { width: 100%; } .img-sample-full img { width: 100%; } .fs-sample-long img { width: 100%; } .article-top { min-height: 90vh; background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url('/assets/img/home/article-bg.jpg'); background-size: cover; background-position: 50% 63%; padding-top: 60px; padding-bottom: 40px; } .article-top .heading h2 { font-size: 37px;} .article-top .heading p { font-size: 30px; font-weight: 600; line-height: 1.3;} .carousel { width: 100%; } .carousel-indicators { top: 0; height: 50px; width: 100%; margin: 0; } .carousel-indicators li { width: auto; margin: 0 18px; height: 23px; text-indent: unset; opacity: 1; border: none; color: white; font-weight: 600; text-align: center; font-size: 14px; font-family: 'Poppins'; background: black; } .carousel-indicators li.active { border-bottom: 2px solid #ff294c; } .carousel-inner { width: auto; padding: 0px 10%; padding-top: 66px; padding-bottom: 40px; } .carousel-control-prev, .carousel-control-next { opacity: 1; } .carousel-control-prev-icon, .carousel-control-next-icon { height: 36px; width: 36px; color: black; background: white; opacity: 1; font-size: 18px; } .red-number-box { width: 40px; height: 40px; font-size: 28px; font-weight: 500; font-family: 'Poppins'; background: #ff294c; color: white; padding: 7px; margin-right: 10px; } .img-switcher img { width: 20%; margin: 0px 7px; opacity: 0.7; cursor: pointer; } .img-switcher img.active { opacity: 1; } .img-switcher-img { display: none; } .img-switcher-img.active { display: block; } .header-section { height: auto !important; width: 100%; max-height: none; } .home-header { background: url('/assets/img/home/home-top-bg.jpg?v3'); background-size: cover; background-repeat: no-repeat; padding-top: 46.5vh; padding-bottom: 46.5vh; position: relative; } .home-header .heading h2 { font-size: 27px; } .home-header .heading p { font-size: 15px !important; } .header-col-padding { padding: 0px 30px; } .bottom-gradient-black { position: absolute; bottom: 0; left: 0; width: 100%; height: 120px; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 38%, rgba(0,0,0,1) 100%); } .home-header-bottom { position: absolute; bottom: -160px; left: 0; width: 100%; padding: 40px 0px; background: rgba(0,0,0,0.8); } .home-header-bottom img { height: 30px; margin: 0; } .home-header-bottom p { margin: 0; } .home-header-bottom .inner-box { border: 1px solid var(--main-color); padding: 30px 0px; width: 70%; display: block; margin: 0 auto; position: relative; } .home-header-bottom .inner-box .join-btn { position: absolute; left: 50%; transform: translateX(-50%); bottom: -16px; } .header-white-box { background: black; padding: 30px; border-radius: 0px; max-width: 446px; } .header-white-box h2 { text-shadow: none !important; } .header-white-box ul { list-style-type: none; columns: 1; -webkit-columns: 1; padding: 0; padding-left: 35px; } .header-white-box li { color: white; border: none; padding: 5px 0; text-align: left; font-size: 13px; font-weight: 500; } .header-white-box li i { margin-right: 20px; font-size: 21px; color: #ff294c; } .white-box-banner { background: black; padding: 10px; border: 1px solid #ff294c; } .white-box-banner p { margin: 0; } .home-pricing-box { width: 100%; background: black; border: 1px solid #bbb; padding: 33px; position: relative; min-height: 550px; } .home-pricing-box .red-number-box { width: 60px; height: 60px; font-size: 31px; font-weight: 500; font-family: 'Poppins'; background: #ff294c; color: white; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); margin: 0; } .home-pricing-box .head { background: #ff294c; width: 100%; color: white; font-size: 17px; font-weight: 400; font-family: 'Poppins'; padding: 3px 3px; } .home-pricing-box .middle ul { list-style-type: none; columns: 1; -webkit-columns: 1; padding: 0; padding-left: 20px; min-height: 260px; } .home-pricing-box .middle li { color: white; border: none; padding: 5px 0; text-align: left; font-size: 13px; font-weight: 500; } .home-pricing-box .middle li i { margin-right: 20px; font-size: 21px; } .home-pricing-box .bottom p { margin: 0; } .home-pricing-box .bottom img { height: 30px; display: block; margin: 0 auto; } .how-to-shoot-banner { padding: 20px 6px; border-top: 1px solid black; border-bottom: 1px solid black; } .how-to-shoot-banner h2 { margin: 0; } .smm-brochure img { width: 830px; } #photo-editing-carousel3 .carousel-item { min-height: 780px; } #home-video-nick { padding-top: 165px; } /* PHOTO EDITING*/ .photo-editing-list { list-style-type: none; columns: 1; -webkit-columns: 1; margin-top: 30px; margin-bottom: 0px; padding: 0; } .photo-editing-list li { border: none; padding: 5px 0; text-align: left; font-size: 15px; font-weight: 500; } .photo-editing-list li img { margin-right: 30px; width: 14px; } .photo-editing-list li a { color: white; } .photo-editing-list li a:hover { color: blue; } .photo-editing-carousel-top img { width: 100%; } .photo-editing-carousel-bottom img { width: 19%; margin-right: 1.5%; } .photo-editing-carousel .carousel-control-prev { height: 60px; width: 60px; position: absolute; top: 100%; outline: 1px solid black; margin-top: 15px; filter: none; left: 0; opacity: 1; } .photo-editing-carousel .carousel-control-next { height: 60px; width: 60px; position: absolute; top: 100%; outline: 1px solid black; margin-top: 15px; filter: none; right: 0; opacity: 1; } .photo-editing-carousel .carousel-control-prev i, .photo-editing-carousel .carousel-control-next i { font-size: 20px; } .photo-editing-carousel .carousel-indicators { bottom: -55px; } .image-bottom-label { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 14px); padding: 5px 41px; background: white; color: black; font-family: "Montserrat"; font-weight: 600; } .bordered-image-sample img { border: 1px solid white; width: 100%; } .photo-editing-carousel { margin-bottom: 40px; } .boxed-number-white { width: 22px; height: 26px; background: white; color: black; font-weight: 600; font-size: 15px; margin-right: 21px; font-family: "Montserrat"; } /* STAGING*/ .header-section.staging-header1 { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('/assets/img/virtual-staging/s6-1.jpg'); background-size: cover; background-position: 66% 47%; } .header-section.staging-header2 { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('/assets/img/virtual-staging/s6-2.jpg'); background-size: cover; background-position: 66% 47%; } .header-section.staging-header3 { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('/assets/img/virtual-staging/s1-1.jpg'); background-size: cover; background-position: 66% 47%; } .header-section.staging-header4 { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('/assets/img/virtual-staging/s1-2.jpg'); background-size: cover; background-position: 66% 47%; } .header-section.staging-header5 { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('/assets/img/virtual-staging/s2-1.jpg'); background-size: cover; background-position: 66% 47%; } .header-section.staging-header6 { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('/assets/img/virtual-staging/s2-2.jpg'); background-size: cover; background-position: 66% 47%; } .staging-services-list { list-style-type: none; columns: 4; -webkit-columns: 4; padding: 0; } .staging-services-list li { color: white; border: none; padding: 5px 0; text-align: left; font-size: 15px; font-weight: 500; } .staging-services-list li div { margin-right: 10px; width: 18px; height: 21px; background: white; color: black; } .twentytwenty-container img { width: 100%; } .testimonial-box-wrapper { background: rgba(240,240,240,1); padding: 30px 45px; width: 316px; } .testimonial-box-wrapper .head img { width: 90px; height: 90px; border-radius: 50%; margin-right: 30px; object-fit: cover; object-position: top; } .testimonial-box-wrapper .head h3 { font-family: 'Blacker Sans Display Regular'; font-size: 24px; font-weight: 400; text-align: left; } .testimonial-box-wrapper .body i { font-size: 27px; text-align: left; color: #98989f; } .testimonial-box-wrapper .body p { text-align: left; color: black; line-height: 1.6; margin: 0; } .staging-header-carousel .carousel-control-prev { height: 37px; width: 37px; position: absolute; background: white; margin-top: 15px; filter: none; left: 0; opacity: 1; bottom: 25px; top: auto; left: 50%; transform: translateX(-180px); } .staging-header-carousel .carousel-control-next { height: 37px; width: 37px; position: absolute; background: white; margin-top: 15px; filter: none; right: 0; opacity: 1; bottom: 25px; top: auto; right: 50%; transform: translateX(180px); } .staging-header-carousel .carousel-control-prev i, .staging-header-carousel .carousel-control-next i { font-size: 18px; } .staging-header-carousel .carousel-indicators li { width: 40px; height: 4px; } /* PRICING*/ .pricing-list { list-style-type: none; columns: 2; -webkit-columns: 2; margin-top: 50px; margin-bottom: 0px; padding: 0; } .pricing-list li { color: white; border: none; padding: 5px 0; text-align: left; font-size: 15px; font-weight: 500; } .pricing-list li img { margin-right: 30px; width: 14px; filter: invert(1);} .pricing-list li a { color: white; } .pricing-list li a:hover { color: blue; } .pricing-element-right { margin-left: 130px; } .pricing-list2 { list-style-type: none; columns: 2; -webkit-columns: 2; margin-top: 30px; margin-bottom: 0px; padding: 0; } .pricing-list2 li { color: black; border: none; padding: 5px 0; text-align: left; font-size: 15px; font-weight: 500; width: 474px; } .pricing-list2 li span { float: right; } .pricing-list2 li img { margin-right: 30px; width: 14px; } .pricing-list2 li a { color: white; } .pricing-list2 li a:hover { color: blue; } .pricing-element-right2 { margin-left: 65px; } /* VIDEO*/ .header-section.video-editing-header { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('/assets/img/video-editing/top-bg-3.jpg'); background-size: cover; background-position: 66% 94%; } /* TWILIGHT */ .twilight-wrapper { position: relative; height: 538px; width: 100%; } .twilight-item {position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .twilight-item.active { opacity: 1; z-index: 1; pointer-events: auto; } .twilight-item { opacity: 0; z-index: 0; pointer-events: none; } .twilight-selector { cursor: pointer; } .twilight-selector.active img { border: 2px solid white; } .squared-number { padding: 3px 7px; color: white; background: black; margin-right: 10px; } .pricing-table { color: white; width: 100%; } .pricing-table tr { border: 1px solid #262626; } .pricing-table th { text-align: center; background: #262626; padding: 10px; width: 33%; font-weight: 500; font-size: 16px; color: white; } .pricing-table th img { height: 22px; } .pricing-table td { text-align: center; background: #0f0f0f; padding: 10px; border-right: 1px solid #262626; font-weight: 500; font-size: 16px;font-weight: 500; font-size: 16px; } /* ASH*/ .ash-collage { background: linear-gradient(to bottom, var(--main-color) 0%, var(--main-color) 70%, white 70%, white 100%); } .black-text-banner { padding: 13px; background: black; font-size: 28px; width: 100%; } .black-text-banner p { font-size: 26px; margin: 0; text-align: center; font-weight: 500; text-transform: capitalize; } .body-text { font-size: 15px; line-height: 1.7; } .s4a-feature-list { padding: 7px 35px 15px 35px; border-top: 2px solid black; border-bottom: 2px solid black; justify-content: space-evenly; flex-wrap: wrap; } .s4a-feature-list div { font-size: 16px; margin: 0; text-align: center; font-weight: 500; color: black; margin-top: 8px; } /* VIDEO EDITING*/ .editing-collage { background: linear-gradient(to bottom, black 0%, black 55%, white 55%, white 100%); } .white-sub-title-bar { background: white; padding: 3px 22px; color: black; font-weight: 700; display: inline-block; margin-top: 7px; } .edting-black-text-box { padding: 10px 37px; background: black; font-size: 28px; width: 100%; } .edting-black-text-box h3 { font-size: 17px; margin: 0; text-align: center; text-transform: capitalize; } .edting-black-text-box p { font-size: 15px; margin: 0; text-align: center; text-transform: capitalize; } .edting-black-text-box .left-icon { width: 70px; } .edting-black-text-box .left-icon p { font-size: 42px; } .editing-white-box { padding: 40px; padding-top: 60px; background: white; width: 100%; position: relative; } .editing-white-box input{ background-color: #eee; border: none; margin: 8px 0; padding: 10px 15px; font-size: 13px; border-radius: 8px; width: 100%; outline: none; } .editing-white-box p { margin: 0; text-align: center; text-transform: capitalize; margin-top: 25px; } .editing-white-box i { margin-right: 7px; } .help-us-banner { background: black; padding: 10px 30px; width: 350px; position: absolute; top: -15px; left: 50%; transform: translateX(-50%); } .help-us-banner p { margin: 0; text-align: center; text-transform: capitalize; } /* PHOTO EDITING*/ .editing-steps-box { background: black; padding: 25px; width: 100%; } .editing-steps-box img { height: 74px; display: block; margin: 0 auto; } .editing-steps-box p { margin: 0; font-size: 14px; margin-top: 13px; } .editing-steps-arrow { } .editing-steps-bg { background: linear-gradient(rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.88)), url(/assets/img/photo-editing/editing-steps-bg.jpg); } /* PRICING*/ .pricing-pricing-box { width: 100%; background: white; border: 1px solid #000000; padding: 33px; position: relative; min-height: 465px; } .pricing-pricing-box .black-pricing-box { width: 90%; font-size: 20px; font-weight: 400; font-family: 'Montserrat'; background: black; color: white; position: absolute; top: -38px; left: 50%; transform: translateX(-50%); margin: 0; line-height: 1.1; padding: 16px 0px; max-height: 76px; } .pricing-pricing-box .head { background: #ff294c; width: 100%; color: white; font-size: 17px; font-weight: 400; font-family: 'Poppins'; padding: 3px 3px; } .pricing-pricing-box .middle ul { list-style-type: none; columns: 1; -webkit-columns: 1; padding: 0; padding-left: 20px; min-height: 260px; } .pricing-pricing-box .middle li { color: black; border: none; padding: 8px 0; text-align: left; font-size: 14px; font-weight: 500; text-transform: capitalize; } .pricing-pricing-box .middle li i { margin-right: 20px; font-size: 21px; color: var(--main-color); } .pricing-pricing-box .bottom p { margin: 0; color: black; font-weight: 500; } .pricing-pricing-box .bottom img { height: 30px; display: block; margin: 0 auto; } .pricing-header { background: black; padding-top: 15vh; padding-bottom: 13vh; position: relative; } .pricing-header h2 { font-size: 38px; font-family: 'Montserrat'; margin: 0; } .pricing-header p { font-size: 22px; font-family: 'Montserrat'; margin: 0; } .pricing-header .logo { height: 44px; margin-right: 15px; } .pricing-header-btn, .pricing-header-btn2, .pricing-header-btn3, .pricing-header-btn4 { background: #ff294c; padding: 20px 0px; height: 37px; color: white; font-weight: 500; border-radius: 0px; font-size: 19px; width: 225px; margin: 0 15px; } .pricing-header-btn2 { background: none; border: 1px solid white; text-decoration: line-through; color: white; } .pricing-header-btn3 { background: none; border: 1px solid black; text-decoration: line-through; color: black; } .pricing-header-btn4 { background: white; border: 1px solid var(--main-color); color: var(--main-color); } .pricing-limited-black { width: 481px; max-width: 481px; background: black; padding: 32px 30px; } .pricing-limited-black h3 { font-size: 36px; font-family: 'Montserrat'; margin: 0; } .pricing-limited-black .white-box { padding: 2px 0px; background: white; margin: 0 auto; width: 338px; margin-top: 4px; } .pricing-limited-black .white-box p { font-size: 20px; font-family: 'Montserrat'; margin: 0; letter-spacing: 5px; } .monthly-content-wrapper { width: 100%; border: 1px solid black; position: relative; } .monthly-menu { position: absolute; left: 0; top: -34px; width: 100%; } .monthly-black-text-box { padding: 6px 15px; background: white; font-size: 28px; width: 24%; margin: 0 10px; border: 1px solid black; height: 66px; cursor: pointer; } .monthly-black-text-box h3 { color: black; font-size: 15px; margin: 0; text-align: center; text-transform: capitalize; } .monthly-black-text-box p { font-size: 13px; margin: 0; text-align: center; text-transform: capitalize; } .monthly-black-text-box .left-icon { margin-right: 12px; } .monthly-black-text-box .left-icon p { font-size: 35px; } .monthly-black-text-box.active { background: black; } .monthly-black-text-box.active h3 { color: white; font-size: 15px; margin: 0; text-align: center; text-transform: capitalize; } .monthly-body { padding: 35px 75px; padding-top: 65px; } .monthly-body .thumb.square { width: 100%; position: relative; } .monthly-body .thumb.reel { width: 100%; position: relative; } .open-canva-btn.square { font-size: 16px; font-weight: 500; color: white; background: black; width: 100%; text-align: center; margin: 0; padding: 9px; cursor: pointer; } .copy-captions-btn.square { font-size: 16px; font-weight: 500; color: black; background: white; border: 1px solid black; width: 100%; text-align: center; margin: 0; padding: 9px; cursor: pointer; } .monthly-body { display: none; } .monthly-body.active { display: block; } .monthly-body .captions { margin-top: 30px; } .monthly-body .captions h3 { color: black; font-size: 15px; font-weight: 600; text-align: left; } .monthly-body .captions p { color: black; font-size: 14px; font-weight: 500; text-align: left; padding: 20px; overflow-y: scroll; max-height: 250px; } .monthly-body .hashtags { margin-top: 30px; } .monthly-body .hashtags h3 { color: black; font-size: 15px; font-weight: 600; text-align: left; } .monthly-body .hashtags p { color: black; font-size: 14px; font-weight: 500; text-align: left; padding: 20px; overflow-y: scroll; max-height: 250px; } .monthly-body .suggestions { margin-top: 30px; } .monthly-body .suggestions h3 { color: black; font-size: 15px; font-weight: 600; text-align: left; } .monthly-body .suggestions p { color: black; font-size: 14px; font-weight: 500; text-align: left; padding: 20px; overflow-y: scroll; max-height: 250px; } .monthly-body .video-link-text { cursor: pointer; } .monthly-body .video-link-text:hover { text-decoration: underline; } /* AFFILIATE */ .affiliate-header { background: url('/assets/img/affiliate/header-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position-x: 100%; height: calc(100vh - 70px); position: relative; } .affiliate-header .heading h2 { font-family: 'Euclid Flex 500'; font-size: 45px; color: white; font-weight: 600; text-transform: uppercase; text-align: left; } .affiliate-header .heading p { font-family: 'Poppins', sans-serif; font-size: 14.5px !important; color: white; font-weight: 400; text-align: left; line-height: 24px; } .body-img img { width: 100%; } .black-banner-rounded { padding: 27px 35px; background: black; border-radius: 10px; width: 100%; } .black-banner-rounded h2 { font-family: 'Euclid Flex 500'; } .black-banner-rounded h2 span { font-family: 'Euclid Flex 600'; } .black-banner-green-inner { padding: 6px 15px; background: var(--main-color-light); text-align: center; display: inline-block; font-family: 'Euclid Flex 600'; color: black; font-size: 22px; text-transform: uppercase; } .affiliate-bg-2 { background: url('/assets/img/affiliate/bg-2.jpg'); background-size: cover; background-repeat: no-repeat; } .affiliate-bg-3 { background: url('/assets/img/affiliate/bg-3.png'); background-size: cover; background-repeat: no-repeat; } .affiliate-bg-4 { background: url('/assets/img/affiliate/bg-4.jpg'); background-size: cover; background-repeat: no-repeat; padding: 140px 0px; } .affiliate-bg-4 .heading-big h2 { font-family: 'Euclid Flex 500'; font-size: 40px; color: white; font-weight: 600; text-transform: uppercase; text-align: center; } .affiliate-bg-4 .heading-big h2 span { font-family: 'Euclid Flex 600'; } .affiliate-bg-4 .heading p { font-family: 'Poppins', sans-serif; font-size: 14.5px !important; color: white; font-weight: 400; text-align: left; line-height: 24px; } .black-banner-rounded-top img { height: 25px; } .black-banner-rounded-top p { margin: 0; margin-left: 15px; } .black-banner-rounded-body img { height: 20px; } .black-banner-rounded-body p { margin: 0; margin-left: 10px; font-weight: 600; } /* AGENTS */ .agents-header { background: url('/assets/img/agents/header-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position-x: 100%; background-position-y: 30%; height: calc(100vh - 70px); position: relative; } .agents-header .heading h2 { font-family: 'Euclid Flex 500'; font-size: 45px; color: white; font-weight: 600; text-transform: uppercase; text-align: left; } .agents-header .heading p { font-family: 'Poppins', sans-serif; font-size: 14.5px !important; color: white; font-weight: 400; text-align: left; line-height: 24px; } .agents-header-2 { background: url('/assets/img/agents/header-bg-2.jpg'); background-size: cover; background-repeat: no-repeat; background-position-x: 100%; background-position-y: 30%; height: calc(100vh - 70px); position: relative; } .agents-header-2 .heading h2 { font-family: 'Euclid Flex 500'; font-size: 45px; color: white; font-weight: 600; text-transform: uppercase; text-align: left; } .agents-header-2 .heading p { font-family: 'Poppins', sans-serif; font-size: 14.5px !important; color: white; font-weight: 400; text-align: left; line-height: 24px; } .agents-header-3 { background: url('/assets/img/agents/header-bg-3.jpg'); background-size: cover; background-repeat: no-repeat; background-position-x: 100%; background-position-y: 30%; height: calc(100vh - 70px); position: relative; } .agents-header-3 .heading h2 { font-family: 'Euclid Flex 500'; font-size: 45px; color: white; font-weight: 600; text-transform: uppercase; text-align: left; } .agents-header-3 .heading p { font-family: 'Poppins', sans-serif; font-size: 14.5px !important; color: white; font-weight: 400; text-align: left; line-height: 24px; } .agent-bg-1 { background: black; } .agent-bg-2 { background: #FF294C; padding-top: 110px; padding-bottom: 100px; margin-top: -220px; } .agent-bg-4 { background: var(--main-color-light); padding-top: 110px; padding-bottom: 100px; margin-top: -220px; } .agent-bg-5 { background: #FF294C; } /* TESTIMONIALS */ .testimonials-header { background: url('/assets/img/testimonials/header-bg-1.jpg'); background-size: cover; background-repeat: no-repeat; background-position-x: 100%; background-position-y: 30%; height: calc(100vh - 70px); position: relative; } .testimonials-header .heading h2 { font-family: 'Euclid Flex 500'; font-size: 45px; color: white; font-weight: 600; text-transform: uppercase; text-align: left; } .testimonials-header .heading p { font-family: 'Poppins', sans-serif; font-size: 14.5px !important; color: white; font-weight: 400; text-align: left; line-height: 24px; } /* POSTS */ .post-wrapper { margin-top: 20px; flex-wrap: wrap; justify-content: space-evenly; } .post-item { position: relative; width: 345px; padding: 15px 15px; margin-bottom: 30px; padding-bottom: 30px; } .post-item.carousel { width: 35%; padding: 15px 30px;} .post-item.seller-posts { width: 100%; padding: 15px 30px;} .post-item-large { position: relative; width: 500px; margin: 0px 15px; margin-bottom: 30px; } .post-item .thumb.square { width: 100%; position: relative; } .post-item.seller-posts .version-wrapper { width: 47%; } .post-item.seller-posts .info-section { width: 100%; margin: 0; margin-top: 30px; box-shadow: none; padding: 0; min-height: 0; } .open-canva-btn.square { font-size: 13px; font-weight: 500; color: white; background: black; width: 160px; text-align: center; margin: 0; padding: 7px; cursor: pointer; } .post-item .title { margin-top: 60px; } .post-item .title.slider { margin-top: 60px; } .post-item .title p { color: black; font-size: 13px; font-weight: 500; text-align: left; min-height: 40px; } .post-item .captions { margin-top: 30px; height: 145px; overflow-y: auto; } .post-item .captions h3 { color: black; font-size: 13px; font-weight: 500; text-align: left; } .post-item .captions p { color: #727272; font-size: 13px; font-weight: 500; text-align: left; } .post-item .version-text p { color: var(--main-color); font-size: 13px; font-weight: 500; text-align: left; } .post-item .used-wrapper { } .post-item .used-wrapper p { margin: 0; margin-right: 5px; } .post-item .used-wrapper input { width: 20px; height: 20px; } .post-item.used { opacity: 0.7; background: #ddd; border-radius: 10px; } /* MAIN WEBSITE NEW NEW NEW */ .menu-btns { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; } .home-header-new { background: url('/assets/img/psh/home/header-bg-10.jpg'); background-size: cover; background-position: center; position: relative; padding: 60px 0px; } .home-header-new .heading h1 { font-family: 'Euclid Flex 500'; font-size: 50px; color: white; font-weight: 600; text-transform: capitalize; text-align: left; display: inline-block; } .home-header-new .heading p { font-family: 'Poppins', sans-serif; font-size: 14.5px !important; color: white; font-weight: 300; text-align: left; line-height: 24px; display: inline-block; line-height: 1.8; word-spacing: 1px; } .header-box-text-wrapper { max-width: 600px; padding: 40px; border-radius: 10px; background: rgba(0,0,0,0.8); } .home-header-girl { position: absolute; right: 9%; bottom: 0; } .home-header-girl img { height: 95vh; } .home-bg-2 { background: var(--main-color); padding-top: 110px; padding-bottom: 100px; margin-top: -220px; } .home-bg-3 { background: #FF294C; } .picture-frame { } .picture-frame img { width: 100%; border: 8px solid white; } .pricing-box-ash { min-height: 200px; width: 100%; padding: 30px 15px; display: block; margin: 0 auto; z-index: 3; position: relative; background: white; border: 1px solid #eee; border-radius: 7px; } .pricing-box-ash .top h3 { font-size: 27px; margin: 0; } .pricing-box-ash .top p { font-size: 15px; color: black; margin: 0; margin-top: 3px; } .pricing-box-ash .price { background: black; border-radius: 10px; padding: 8px; margin: 0px 30px; } .pricing-box-ash .price h3 { font-size: 21px; margin: 0; } .pricing-box-ash .price p { font-size: 15px; margin: 0; margin-top: 3px; margin-left: 7px; } .pricing-list-ash { width: 70%; display: block; margin: 0 auto; margin-top: 40px; min-height: 400px; } .pricing-list-item p { margin: 0; margin-left: 12px; text-transform: capitalize; text-align: left; } .pricing-list-item img { width: 22px; } .wdfy-header { background: url('/assets/img/2024/we-do-it/header-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position-x: 100%; background-position-y: 30%; height: calc(100vh - 70px); position: relative; } .wdfy-header .heading h1 { font-family: 'Euclid Flex 500'; font-size: 35px; color: white; font-weight: 600; text-transform: capitalize; text-align: left; display: inline-block; } .wdfy-header .heading p { font-family: 'Poppins', sans-serif; font-size: 14.5px !important; color: white; font-weight: 300; text-align: left; line-height: 24px; display: inline-block; line-height: 1.8; word-spacing: 1px; } .wdfy-section-1 { background: #F1FFE6; } .faq-header { background: url('/assets/img/2024/faq/header-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position-x: 0%; background-position-y: 30%; height: calc(100vh - 70px); position: relative; } .faq-header .heading h1 { font-family: 'Euclid Flex 500'; font-size: 35px; color: white; font-weight: 600; text-transform: capitalize; text-align: left; display: inline-block; } .faq-header .heading p { font-family: 'Poppins', sans-serif; font-size: 14.5px !important; color: white; font-weight: 300; text-align: left; line-height: 24px; display: inline-block; line-height: 1.8; word-spacing: 1px; } .faq-item { width: 100%; padding: 40px; box-shadow: 0px 5px 16px 0px #0000000F; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 10px; } .faq-item.open { border: 2px solid var(--main-color-light); } .faq-item .question { position: relative; } .faq-item .question p { font-size: 15px; font-weight: 700; text-align: left; text-transform: capitalize; margin: 0; font-family: 'Poppins'; letter-spacing: 0.7px; } .faq-item .question .answer-toggle { position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: white; width: 45px; height: 45px; border-radius: 100%; box-shadow: 0px 5px 16px 0px #0000000F; border: 1.5px solid rgba(0, 0, 0, 0.1); cursor: pointer; } .faq-item .question .answer-toggle i { font-size: 22px; color: var(--main-color-light); } .faq-item .question .answer-toggle { position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: white; width: 45px; height: 45px; border-radius: 100%; box-shadow: 0px 5px 16px 0px #0000000F; border: 1.5px solid rgba(0, 0, 0, 0.1); cursor: pointer; } .faq-item .question .answer-toggle i { font-size: 22px; color: var(--main-color-light); transition: all 0.1s ease; } .faq-item.open .question .answer-toggle { background: var(--main-color-light); } .faq-item.open .question .answer-toggle i { color: white; transform: rotate(90deg); transition: all 0.1s ease; } .faq-item .answer { margin-top: 15px; display: none !important; } .faq-item .answer p { font-size: 13px; font-weight: 500; text-align: left; text-transform: capitalize; margin: 0; max-width: 85%; } .faq-item.open .answer { display: flex !important; } .s4a-header { background: url('/assets/img/psh/s4a/s4a-header-bg.jpg?v3'); background-size: cover; height: calc(100vh - 70px); position: relative; } .s4a-header .heading h1 { font-family: 'Euclid Flex 500'; font-size: 44px; color: white; font-weight: 600; text-transform: capitalize; text-align: left; display: inline-block; } .s4a-header .heading p { font-family: 'Poppins', sans-serif; font-size: 14.5px !important; color: white; font-weight: 300; text-align: left; line-height: 24px; display: inline-block; line-height: 1.8; word-spacing: 1px; } .s4a-header-girl { position: absolute; right: 0%; bottom: 0; } .s4a-header-girl img { height: 95vh; } .s4a-pricing-box { background: white; border-radius: 10px; min-height: 300px; padding: 30px; } .s4a-pricing-box .top img { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; object-position: top; } .outros-header-girl { position: absolute; right: 6%; bottom: 0; } .outros-header-girl img { width: 42vw; } #outros-carousel1 .carousel-inner { padding: 0; padding-bottom: 60px; } #outros-carousel1 .carousel-indicators { bottom: 0; top: auto; height: 30px; width: 100%; margin: 0; } #outros-carousel1 .carousel-indicators li { height: 12px; width: 12px; border-radius: 50%; border: none; background: #ABABAB; margin: 0 14px; } #outros-carousel1 .carousel-indicators li.active { background: var(--main-color); } #outros-carousel1 .carousel-control-prev { bottom: 4px; top: auto; left: 25%; } #outros-carousel1 .carousel-control-prev i { color: black; font-size: 23px; } #outros-carousel1 .carousel-control-next { bottom: 4px; top: auto; right: 25%; } #outros-carousel1 .carousel-control-next i { color: black; font-size: 23px; } #outros-carousel2 .carousel-inner { padding: 0; padding-bottom: 60px; } #outros-carousel2 .carousel-indicators { bottom: 0; top: auto; height: 30px; width: 100%; margin: 0; } #outros-carousel2 .carousel-indicators li { height: 12px; width: 12px; border-radius: 50%; border: none; background: #ABABAB; margin: 0 14px; } #outros-carousel2 .carousel-indicators li.active { background: var(--main-color); } #outros-carousel2 .carousel-control-prev { bottom: 4px; top: auto; left: 25%; } #outros-carousel2 .carousel-control-prev i { color: black; font-size: 23px; } #outros-carousel2 .carousel-control-next { bottom: 4px; top: auto; right: 25%; } #outros-carousel2 .carousel-control-next i { color: black; font-size: 23px; } /* AFFILIATE PAGES */ .red-square { min-width: 26px; width: 26px; height: 26px; background: var(--main-color); color: white; } .red-circle { min-width: 28px; width: 28px; height: 28px; background: var(--main-color); color: white; border-radius: 50%; } .promo-box { padding: 30px 0px; border: 1px solid black; border-radius: 7px; } .promo-box-inner { padding: 10px 20px; } .promo-box-2 { padding: 15px 0px; border: 1px solid black; border-radius: 7px; } .va-section { padding-top: 220px; padding-bottom: 190px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('/assets/img/psh/home/va-bg.jpg'); background-size: cover; } .va-offer-box { background: rgba(0,0,0,0.6); border-radius: 5px; padding: 50px 30px; max-width: 700px; } .va-offer-box-inner { padding: 10px 0px; display: inline-block; } .testimonial-new-box { background: white; border-radius: 10px; width: 100%; box-shadow: 0 1px 23px 4px #ddd; padding: 30px 40px; } .testimonial-new-box .head img { width: 50%; } /* AGENT SOCIAL MEDIA */ .agent-social-header-new img { height: 90vh; } .red-banner-text { padding: 15px; background: var(--main-color); } /* PRE-LAUNCH PAGE */ .launch-time-number-box { width: 83px; height: 75px; background: white; border-radius: 5px; margin: 0px 11px; } .launch-time-number { font-size: 22px; font-weight: 600; } .horizontal-separator-sm { width: 125px; height: 1px; background: white; } .grey-horizontal-separator { width: 100%; height: 1px; background: #DADADA; } .red-horizontal-separator { width: 100%; height: 1px; background: var(--main-color); } .black-number-box { width: 52px; height: 52px; font-size: 28px; font-weight: 600; font-family: 'Poppins'; background: black; color: white; border-radius: 5px; } .agent-bg-10 { background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/assets/img/psh/agent-social-media/bg-10.jpg); background-size: cover; background-position: center; } .black-bar-thick { padding: 27px 0px; background: black; border-radius: 7px; } .pricing-wrapper { background: white; border-radius: 10px; padding: 45px 50px; } .agent-square-card { border-radius: 8px; background: white; padding: 40px 50px; border: 1px solid #EAEAEA; } .photographer-revenue-box { border-radius: 6px; background: rgba(0,0,0,0.9); padding: 30px 30px; width: 360px; min-height: 520px; } .photographer-revenue-bubble { border-radius: 6px; background: #F7F7F7; padding: 20px; } .photographer-revenue-box-wide { border-radius: 6px; background: rgba(0,0,0,0.2); padding: 30px 30px; } .photographer-bg-10 { background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(/assets/img/psh/photographer-social-media/bg-10.jpg); background-size: cover; background-position: center; min-height: 70vh; } .smm-bg-10 { background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(/assets/img/psh/smm-workers/bg-10.jpg); background-size: cover; background-position: center top; min-height: 70vh; } .faq-question { background: white; border-radius: 5px 5px 0px 0px; padding: 17px 30px; } .faq-open-caret { cursor: pointer; transition: all 0.2s ease; } .faq-open-caret.rotated { transform: rotate(180deg); transition: all 0.2s ease; } .faq-answer { background: white; border-radius: 0px 0px 5px 5px; padding: 17px 30px; padding-top: 7px; } .faq-answer.hidden { height: 0px; padding: 0; overflow: hidden; } .smm-icons-wrapper { width: 650px; padding: 30px 30px; } .smm-icons-big img { width: 113px; } .bl-none { border-left: none; } .smm-worker-three-lines { min-height: 99px !important; } .smm-worker-table { background: white; transform: scale(0.9); } .smm-worker-table .top-sec { padding: 17px 33px; background: black; border: 1px solid white; min-height: 78px; max-width: 330px; } .smm-worker-table .body-sec { padding: 17px 33px; border: 1px solid #EAEAEA; min-height: 78px; max-width: 330px; } .smm-table-caution img { height: 26px; } /* SPECIAL PAGE */ .special-header { background: linear-gradient(135deg, hsl(0 0% 8%), hsl(0 0% 15%)); background-size: cover; background-position: center; position: relative; padding: 60px 0px; } .special-header-2 { background: linear-gradient(135deg, hsl(0 0% 8%), hsl(0 0% 15%)); background-size: cover; background-position: center; position: relative; padding: 0px 0px; height: calc(100vh - 69px); } .half-grey-box { background: rgba(255, 255, 255, 0.05); border-radius: 15px; border: 1px solid rgba(255, 255, 255, 0.1); padding: 20px 28px; } .half-red-box { background: rgba(171, 15, 23, 0.2); border-radius: 15px; border: 1px solid rgba(171, 15, 23, 0.7); padding: 20px 28px; } .half-red-box-rounded { background: rgba(171, 15, 23, 0.2); border-radius: 30px; border: 1px solid rgba(171, 15, 23, 0.7); padding: 12px 28px; } .special-how-it-works { width: 22%; min-width: 300px; background: white; padding: 35px 35px; border: 1px solid rgba(0,0,0,0.15); border-radius: 10px; min-height: 350px; } .special-rounded-icon { width: 60px; height: 60px; font-size: 26px; background: rgba(171, 15, 23, 0.1); color: var(--main-color); border-radius: 50%; } .special-form { background: rgba(255, 255, 255, 0.95); border-radius: 10px; width: 100%; min-height: 500px; padding: 30px 30px; } .special-form .form-input input { width: 100%; background: white; border-radius: 7px; outline: none; border: 1px solid rgb(227, 227, 227); padding: 8px 12px; color: rgb(23, 23, 23); } .special-form .form-input select { width: 100%; background: white; border-radius: 7px; outline: none; border: 1px solid rgb(227, 227, 227); padding: 8px 12px; color: rgb(23, 23, 23); } .buck-fots { z-index: -1; position: fixed; top: 0; left: 0; } /* MEDIA QUERIES */ @media screen and (max-width: 1550px) { .font-lg-12 { font-size: 12px !important; } .font-lg-13 { font-size: 13px !important; } .font-lg-14 { font-size: 14px !important; } .font-lg-15 { font-size: 15px !important; } .font-lg-16 { font-size: 16px !important; } .font-lg-17 { font-size: 17px !important; } .font-lg-18 { font-size: 18px !important; } .font-lg-20 { font-size: 20px !important; } .font-lg-22 { font-size: 22px !important; } .home-header-girl img { height: 100vh; } .home-header-girl { position: absolute; right: 0; bottom: 0; } .agent-social-header-new img { height: 90vh; } .agent-social-header-new .home-header-girl { position: absolute; right: 5%; bottom: 0; } } @media screen and (min-width: 1500px) { .nav-link { font-size: 13px; } } @media screen and (min-width: 1100px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: .25rem; padding-left: .25rem; } } @media screen and (max-width: 800px) { .container-narrow { width: 87%; } .flex-wrap-md { flex-wrap: wrap; } .w-md-auto { width: auto !important; } .font-md-12 { font-size: 12px !important; } .font-md-13 { font-size: 13px !important; } .font-md-14 { font-size: 14px !important; } .font-md-15 { font-size: 15px !important; } .font-md-16 { font-size: 16px !important; } .font-md-17 { font-size: 17px !important; } .font-md-18 { font-size: 18px !important; } .font-md-19 { font-size: 19px !important; } .font-md-20 { font-size: 20px !important; } .font-md-22 { font-size: 22px !important; } .font-md-25 { font-size: 25px !important; } .font-md-30 { font-size: 30px !important; } .font-md-35 { font-size: 35px !important; } .font-md-40 { font-size: 40px !important; } .font-md-45 { font-size: 45px !important; } .font-md-center { text-align: center !important; } .font-md-left { text-align: left !important; } .mt-md { margin-top: 30px !important; } .mt-md-0 { margin-top: 0px !important; } .mt-md-10 { margin-top: 10px !important; } .mt-md-20 { margin-top: 20px !important; } .mt-md-30 { margin-top: 30px !important; } .mt-md-40 { margin-top: 40px !important; } .mt-md-50 { margin-top: 50px !important; } .mt-md-60 { margin-top: 60px !important; } .mt-md-70 { margin-top: 70px !important; } .mt-md-80 { margin-top: 80px !important; } .mt-md-90 { margin-top: 90px !important; } .mt-md-100 { margin-top: 100px !important; } .ml-md-00 { margin-left: 0px !important; } .ml-md-10 { margin-left: 10px !important; } .ml-md-20 { margin-left: 20px !important; } .ml-md-30 { margin-left: 30px !important; } .ml-md-40 { margin-left: 40px !important; } .ml-md-50 { margin-left: 50px !important; } .ml-md-60 { margin-left: 60px !important; } .ml-md-70 { margin-left: 70px !important; } .ml-md-80 { margin-left: 80px !important; } .ml-md-90 { margin-left: 90px !important; } .ml-md-100 { margin-left: 100px !important; } .mr-md-00 { margin-right: 0px !important; } .mr-md-10 { margin-right: 10px !important; } .mr-md-20 { margin-right: 20px !important; } .mr-md-30 { margin-right: 30px !important; } .mr-md-40 { margin-right: 40px !important; } .mr-md-50 { margin-right: 50px !important; } .mr-md-60 { margin-right: 60px !important; } .mr-md-70 { margin-right: 70px !important; } .mr-md-80 { margin-right: 80px !important; } .mr-md-90 { margin-right: 90px !important; } .mr-md-100 { margin-right: 100px !important; } .mb-md-0 { margin-bottom: 0px !important; } .mb-md-10 { margin-bottom: 10px !important; } .mb-md-20 { margin-bottom: 20px !important; } .mb-md-30 { margin-bottom: 30px !important; } .mb-md-40 { margin-bottom: 40px !important; } .mb-md-50 { margin-bottom: 50px !important; } .mb-md-60 { margin-bottom: 60px !important; } .mb-md-70 { margin-bottom: 70px !important; } .mb-md-80 { margin-bottom: 80px !important; } .mb-md-90 { margin-bottom: 90px !important; } .mb-md-100 { margin-bottom: 100px !important; } .pl-md-15 { padding-left: 15px !important; } .pr-md-15 { padding-right: 15px !important; } .pt-md-0 { padding-top: 0px !important; } .p-md-0 { padding: 0px !important; } .w-100-md { width: 100% !important; } .w-120-md { width: 120% !important; } .w-150-md { width: 150% !important; } .text-center-md { text-align: center !important; } .col-0 { display: none !important; } .container-ultra { width: 85%; } .container-right { padding-top: 15%; } .section-padding-md-0 { padding-top: 0; } .min-height-450 { min-height: 0px; } .hide-md { display: none !important; } .show-md { display: inline-block !important; } .section-padding { padding: 37px 0px; } .mt-100 { margin-top: 30px; } .mw-60 { max-width: 100%; } .section-padding-lg { padding: 50px 0px; } .no-wait-wrapper { padding: 20px 50px; } .no-wait-right { margin-top: 20px; } .heading h1 { font-size: 24px !important; max-width: 100%; display: block; margin: 0 auto; } .heading h2 { font-size: 25px !important; max-width: 100%; display: block; margin: 0 auto; } .heading-half h2 { font-size: 27px !important; } .heading p { font-size: 16px !important; margin-top: 20px; } .heading-half p { font-size: 15px !important; margin-top: 20px; font-weight: 600 !important; } .home-side-side-text p { font-size: 14px; } .floating-center-button-wrapper .floating-center-button { padding: 8px 31px; } .floating-center-button-wrapper .floating-center-button-mid { padding: 6px 21px; } .flex-bottom-md { display: flex !important; align-items: flex-end; justify-content: center; } /* MENU */ #menu { background: white; height: 75px; border-bottom: 1px solid #ddd;} .menu-logo { left: 17px; } .menu-padding { padding: 0 10px; } .navbar-toggler { background: white; } .fa-bars { font-size: 34px !important; color: white; } .navbar-nav { width: 100%; margin-top: 30px; } .navbar-custom { position: fixed; right: 0; top: 0; background: white; height: 100%; padding: 15px; width: 65vw;} .navbar-custom .nav-item { border-bottom: 1px solid black; padding: 10px; margin: 0;} .navbar-custom .nav-item .nav-link { color: black !important; text-align: right; font-size: 13px; margin: 0; } .menu-login-btn { width: 100% !important; margin-left: auto;} .menu-mobile-close { display: block; position: absolute; font-size: 18px; } .menu-mobile-close i { color: black; } .navbar-custom.hidden { width: 0px; padding: 0px; pointer-events: none; } .navbar-custom.hidden .menu-mobile-close { pointer-events: none; display: none; } .navbar-custom.hidden .menu-login-btn { display: none; } .menu-overlay { display: none; position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,0.5); } .mobile-logo { display: flex; } .dropdown-menu.show { background: black; border: none; } .dropdown-menu.show .triangle-up { display: none; } .dropdown-item { color: white !important; text-align: right; padding: 0; padding-right: 10px; margin-bottom: 10px; } .nav-item .btn-menu { display: inline-block; float: right; background: red; } .navbar-custom.hidden .nav-item .btn-menu { display: none; } /* HOME */ .home-header { padding-top: 64px; background-size: auto; } .home-top { margin-top: 29px; height: 51vh; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(/assets/img/home/home-top-bg.jpg?v2); background-size: cover; background-position: 40% 31%;} .home-top .heading h2 { font-size: 15px !important; } .home-side-side-text img { height: 45px; } #home-carousel .carousel-item { min-height: 300px; } .pricing-list { columns: 1; -webkit-columns: 1; } .home-service-icon { display: block !important; } .home-service-icon img { display: block; margin: 0 auto; width: 50px; } .home-service-icon p { display: block; text-align: center; margin-top: 20px; } .home-service-btn { justify-content: center; margin-top: 20px; margin-bottom: 30px; } .tour-headers p { font-size: 18px; } .header-btn { display: block; margin: 40px auto; } .carousel-control-next, .carousel-control-prev { display: none !important; } #photo-editing-carousel2 .carousel-inner { padding: 0; padding-top: 187px; } #photo-editing-carousel2 .carousel-indicators { display: table; } #photo-editing-carousel2 .carousel-indicators li { width: 142px; margin: 0 auto; margin-bottom: 5px; } #photo-editing-carousel3 .carousel-inner { padding: 0; padding-top: 127px; } #photo-editing-carousel3 .carousel-indicators { display: table; } #photo-editing-carousel3 .carousel-indicators li { width: 187px; margin: 0 auto; margin-bottom: 9px; } #photo-editing-carousel3 .carousel-item { min-height: 0 !important; } /* PHOTO EDITING */ .photo-top { margin-top: 7px; height: 40vh; } .photo-editing-container { padding: 30px 17px; } .editing-collage { padding-top: 50px !important; } .editing-steps-box { margin-top: 20px; } /* SPW */ .spw-top { margin-top: 7px; height: 40vh; } .tour-headers { margin-top: 60px; } .spw-icon { margin-bottom: 50px; } /* REELS */ .laptop-cell-wrapper-new-2 { max-width: 250px; position: relative; } .laptop-cell-wrapper-new-2 img { width: 212px; } .laptop-portrait-video-new-2 { position: absolute; left: 15px; padding: 0; width: 182px; height: 350px; z-index: 3; } /* VIDEO */ .video-top { margin-top: 7px; height: 40vh; } .video-editing-video-margin { margin-top: 20px; } .laptop-cell-wrapper { max-width: 200px; display: block; margin: 0 auto; } .laptop-cell-wrapper img { } .laptop-portrait-video { position: absolute; top: 49px; left: 17px; padding: 0; width: 165px; height: 300px; z-index: 3; } .laptop-cell-wrapper-new { max-width: 250px; position: relative; } .laptop-cell-wrapper-new img { width: 212px; } .laptop-portrait-video-new { position: absolute; left: 15px; padding: 0; width: 182px; height: 350px; z-index: 3; } .heading-sticker { display: none; } .heading-sticker-2 { display: none; } .steps-numbering-number { font-size: 47px; } .reel-sticker { left: -42px; } /* MATTERPORT */ .mp-top { margin-top: 7px; height: 40vh; } .mp-editing-video-margin { margin-top: 20px; } /* SIGNUP */ .login-wrapper { padding-right: 0; border-radius: 5px; } .login-left-wrapper { border-radius: 5px 5px 0px 0px; padding: 20px; } .login-right-wrapper { padding: 0; padding: 20px; padding-top: 30px; } .login-wrapper-row-mob { width: 100%; margin: 0; } /* VIDEO 5000 */ .book-now-btn { width: 130px !important; } /* 2023 */ .article-top { min-height: 64vh; } .photo-editing-carousel .carousel-control-prev, .photo-editing-carousel .carousel-control-next { height: 48px; width: 48px; } .get-business-section { } .get-business-section .container-fixed { width: 98%; } .header-section { min-height: 330px; } .profit-table-wrapper { display: block !important; } .profit-table-wrapper a { margin-left: 0 !important; margin-top: 20px; width: 100%; } .profit-table-wrapper input { width: 100%; } .body-section-text p { text-align: left !important; } /* PRICING */ .pricing-element-right { margin-left: 0; } .pricing-element-right2 { margin-left: 0; } .pricing-list2 { columns: 1; -webkit-columns: 1; } .pricing-list2 li { width: 365px !important; } /* VIDEO */ .testimonial-box-wrapper { display: block; margin: 0 auto; } /* 2024 */ .pricing-header { padding-top: 87px !important; } .pricing-limited-black h3 { font-size: 32px; } .home-header-bottom { padding: 20px 0px; bottom: -150px; } .home-header-bottom .inner-box { width: 100%; padding-top: 0; } .header-section.home-header { min-height: 800px; background-size: cover; background-position-x: 55%; } #home-video-nick { padding-top: 160px; } .affiliate-header { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/assets/img/affiliate/header-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position-x: 83%; height: calc(100vh - 70px); position: relative; } .agents-header { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/assets/img/agents/header-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position-x: 79%; height: 70vh; position: relative; } .agents-header-2 { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/assets/img/agents/header-bg-2.jpg'); background-size: cover; background-repeat: no-repeat; background-position-x: 79%; height: 70vh; position: relative; } .agents-header-3 { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/assets/img/agents/header-bg-3.jpg'); background-size: cover; background-repeat: no-repeat; background-position-x: 79%; height: 70vh; position: relative; } .testimonials-header { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/assets/img/testimonials/header-bg-1.jpg'); background-size: cover; background-repeat: no-repeat; background-position-x: 85%; height: 70vh; position: relative; } .become-affiliate { margin-left: 0 !important; } .agent-bg-2 { margin-top: -90px; padding-top: 58px; } .affiliate-bg-4 .heading-big h2 { font-size: 30px; } .agent-bg-4 { margin-top: -120px; } /* POSTS */ .post-item.carousel { width: 100%; } .menu-btns { display: none; } .wdfy-header { height: 100%; padding: 20px 0px; } .faq-item { padding: 30px; } .faq-item .question p { max-width: 85%; } .home-header-new { padding-top: 80px !important; padding-bottom: 30px !important; } .wdfy-header { } .faq-header { background-position-x: 15%; } .photographer-social-banner { margin-top: 70px !important; } .photographer-social-banner img { transform: translateX(0) !important; } .pricing-wrapper { padding: 45px 20px; } .half-grey-box { padding: 20px 18px; } .special-how-it-works { width: 100%; min-height: auto; } .faq-question { padding: 17px 15px; } .launch-time-wrapper { transform: scale(1.0) !important; } }