@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@400;600&display=swap'); .tsI_hd, .tsI_sh, .tsI_btn, .gform_title, .tsI_dsc, .menu-item a {font-family: 'Zilla Slab', serif !important;} /*------------------------------------------------------ MAP ------------------------------------------------------*/ .section_content .tsT_plugin .b2b-location.wide .b2b-location-items-container .b2b-location-items.show-details li p { margin: 0 !important; line-height: 1.5em !important; } .b2b-location-items-container * {color: #fff !important;} .tsD_map { padding-top: 0 !important; } .tsD_map .tsR{ max-width: 100% !important; margin: 0 !important; padding: 0 !Important; } .tsD_map .tsI { margin: 0 !important; width: 100% !important; } .tsD_map #_the_map_wrapper{ max-width: 100% !important; margin: 0 !Important; padding: 0 !important; } .b2b-location-items .b2b-location-basic-info h2, .b2b-location-items .b2b-location-detail-info b, .b2b-location-items .b2b-location-h2 { color: #fff !important; } .b2b-location-items .b2b-location-basic-info a{ color: #fff !IMPORTANT; } .tsD_white *{color: #fff !important;} .icon-quote:before {content: "33333"; font-size: 24px !important;} /*--------------------------------------------------- CTA -----------------------------------------------------------*/ /* ------------------ Floating Social Media Tabs ------------------ */ .social_items_flex { display: flex; flex-direction: column; justify-content: space-around; position: fixed; bottom: 70px; z-index: 999999; } .social_button { height: 60px; width: 60px; float: left; margin: 5px; overflow: hidden; background: #fff; border-radius: 50px; cursor: pointer; box-shadow: 0 10px 10px rgba(0,0,0,0.1); transition: all 0.3s ease-out; } .social_button:hover { width: 330px; } .social_button .floating_icon { display: inline-block; height: 60px; width: 60px; text-align: center; border-radius: 50px; box-sizing: border-box; line-height: 60px; transition: all 0.3s ease-out; } .facebook_button:hover .floating_icon { background: #1773EA; } .google_button:hover .floating_icon { background: #32A350; } .facebook_button .floating_icon { color: #1773EA; } .google_button .floating_icon { color: #32A350; } .social_button:hover .floating_icon svg { color: #fff !important; } .social_button .floating_icon i { font-size: 25px; line-height: 60px; } .social_button span { font-size: 20px; font-weight: 500; line-height: 60px; margin-left: 10px; transition: all 0.3s ease-out; } .facebook_button:hover span { color: #1773EA; } .google_button:hover span { color: #32A350; } @media (max-width: 1024px) { .social_items_flex { display: none !important; } } /* ------------------ End Floating Social Media Tabs ------------------ */ /*-------------------------------------------------- GLOBAL BODY --------------------------------------------------*/ .tsT_banner.b1 .tsI.txt_left .tsI_hds { flex: 30% !important; } .leaves{ max-width:10rem !IMPORTANT; } /*- green -*/ .tsD_main .green-circle { position:absolute; width: 728px; height: 728px; border-radius: 389px; top: -200px; left: 1rem ; background-color: #E4E3DD; z-index: -1; -webkit-transition: all 1s ease-in-out !important; -moz-transition: all 1s ease-in-out !important; transition: all 1s ease-in-out !important; } .tsD_main:hover .green-circle { left: 10rem !IMPORTANT; top: -100px; width: 428px; height: 428px; -webkit-transition: all 1s ease-in-out !important; -moz-transition: all 1s ease-in-out !important; transition: all 1s ease-in-out !important; } @media(max-width:1024px){ .tsD_main .green-circle{ width: 428px; height: 428px; } } /*---------------------------------------------------- HEADER -----------------------------------------------------*/ .tsH_wrp{ padding: 0 !important; } .tsSC { box-shadow: none !important; } .tsSC a {color: #fff !important;} .tsH{ display: flex !important; display: -webkit-flex !important; flex-direction:column-reverse !important; -webkit-flex-direction:column-reverse !important; } @media (min-width: 1024px){ .home .tsC { margin-top: 0 !important; padding-top: 0 !important; } .home .tsH:not(.shrink){ background-color: transparent; } } @media (min-width: 1024px){ .home .tsH #_the_logo{display:none !IMPORTANT; } .tsH.expand #_the_logo img { max-height: 10rem; padding: 8px !important; } } /*----------------------------------------------------- LOGO ------------------------------------------------------*/ .dl-logo img{ width:100% !important; max-width:15rem !IMPORTANT; margin: 0 auto 3rem !IMPORTANT; } /*-------------------------------------------------- NAVIGATION ---------------------------------------------------*/ .nav-fav img{ max-width:10rem !IMPORTANT; vertical-align:middle !IMPORTANT; } .home .tsH.expand .nav-fav img{ max-width: 0 !important; } .tsH.shrink .nav-fav img{ max-width: 5rem !important; } .tsM .nav-fav { display:none !important; } .home .menu.align-right {text-align: center !important;} .tsH .menu ul li a{ text-transform:none !IMPORTANT; font-size: 1.5rem !IMPORTANT; } .tsH .menu ul li a:after{ content:'.' !important; font-size:1.1rem !IMPORTANT; margin-left: 2px !IMPORTANT; } .tsH .menu ul li.menu-item-475447 a:after{ content:'' !important; } .tsH .menu ul li.menu-item-475447 .sub-menu a:after{ content:'.' !important; } .tsH .menu ul li.nav-fav a:after{ content:none !IMPORTANT; } .home .tsH.expand .menu ul li a{ color: #fff !important; } .home .tsH.expand .menu ul li .sub-menu a { } /*---- fix for mobile nav -------*/ .tsM_wrp { width: 70% !important; } .tsM #access .menu ul a { white-space: initial !important; } /*---------------------------------------------------- BUTTON -----------------------------------------------------*/ .tsI_btn{ padding: 10px 25px 15px !important; box-shadow: 4px 4px 10px rgba(0,0,0,.1) !IMPORTANT; border: 2px solid var(--promo2) !important; font-weight: 900 !important; xtext-transform:lowercase !IMPORTANT; font-size: 1rem !IMPORTANT; color: #fff !IMPORTANT; } .tsI_btn:hover{ color:var(--promo2) !IMPORTANT; } .tsI_btn:after{ content:'.' !important; color: var(--promo2) !IMPORTANT; font-size:1.7rem !IMPORTANT; margin-left: 5px !IMPORTANT; } .tsI_btn svg{ margin-right: 15px !IMPORTANT; } /*------------------------------------------------- FONT STYLING --------------------------------------------------*/ .tsI_sh{ text-transform: uppercase !IMPORTANT; } /*--------------------------------------------------- CONTENT -----------------------------------------------------*/ /*-- main --*/ .tsD_main { padding: 0 !IMPORTANT; position: relative !IMPORTANT; } .tsD_main .tsI_dsc { color: #373737 !IMPORTANT; } .tsD_main .tsI { margin-top: 0 !important; } .tsD_main li { display: inline-flex !important; list-style-type:none !important; background-color: var(--promo1) !IMPORTANT; margin: 15px 10px !IMPORTANT; border-radius:30px !IMPORTANT; border: 2px solid transparent !important; max-width:100% !IMPORTANT; padding: 10px 20px !IMPORTANT; color: #fff !IMPORTANT; -webkit-transition: all 1s ease-in-out !important; -moz-transition: all 1s ease-in-out !important; transition: all 1s ease-in-out !important; } .tsD_main li a{ color: #fff !important; } .tsD_main li:hover{ border: 2px solid var(--promo2) !important; background-color: transparent !IMPORTANT; color:var(--promo1) !IMPORTANT; -webkit-transition: all 1s ease-in-out !important; -moz-transition: all 1s ease-in-out !important; transition: all 1s ease-in-out !important; } .tsD_main li:hover a{ color: var(--promo1) !important; } @media(max-width:1000px){ .tsD_split1 li{ display: inline-flex !important; list-style-type:none !important; background-color: var(--promo1) !IMPORTANT; margin: 15px 10px !IMPORTANT; border-radius:30px !IMPORTANT; border: 2px solid transparent !important; max-width:100% !IMPORTANT; padding: 10px 20px !IMPORTANT; color: #fff !IMPORTANT; -webkit-transition: all 1s ease-in-out !important; -moz-transition: all 1s ease-in-out !important; transition: all 1s ease-in-out !important; } .tsD_split1 li:hover{ border: 2px solid var(--promo2) !important; background-color: transparent !IMPORTANT; color:var(--promo1) !IMPORTANT; -webkit-transition: all 1s ease-in-out !important; -moz-transition: all 1s ease-in-out !important; transition: all 1s ease-in-out !important; } } @media(max-width:575px){ .tsD_main li, .tsD_split1 li{ display: block !important; } } /*-- overlap --*/ .tsD_overlap { position: relative !important;} .tsD_overlap, .tsD_overlap .tsR{ margin: 0 !IMPORTANT; padding: 0 !important; max-width: 100% !important; } .tsD_overlap .tsI{ z-index: 1 !IMPORTANT; margin: 0 !IMPORTANT; width: 100% !IMPORTANT; } .tsD_overlap .tsI_hd{ font-size: 2rem !important; } .tsD_overlap .tsI_hd, .tsD_overlap .tsI_dsc { color: #fff !IMPORTANT; } .tsD_overlap .tsI_img img { margin: 0 !IMPORTANT; width: 100% !IMPORTANT; } .tsD_overlap .tsI_img { margin-bottom: 0 !important; } .tsD_overlap .item_2 { background: var(--promo1) !important; padding: 4% 10% 8% 6% !IMPORTANT; } @media(min-width: 801px){ .tsD_overlap .item_1 { position: relative !important; width: 55% !important; left: 0 !important; } .tsD_overlap .item_2 { width: 45% !important; position: relative !important; margin-top: -8rem !important; right: 8rem !important; background: var(--promo1) !important; padding: 5% 1% 8% 12% !IMPORTANT; box-shadow: 10rem 0rem var(--promo1) !IMPORTANT; border-radius: 50rem 0 0 50rem !IMPORTANT; } } @media(max-width: 1000px) and (min-width: 801px) { .tsD_overlap .item_2 { box-shadow: 4rem 0rem var(--promo1) !IMPORTANT; } .tsD_overlap .item_1 { width: 40% !important; } .tsD_overlap .item_2 { width: 60% !important; right: 2rem !important; } } .tsD_overlap .item_2 * {color: #fff !important;} /*-- cta --*/ .cta .tsI_hd2 { color: var(--promo1) !IMPORTANT; font-weight: 900 !IMPORTANT; } .cta{ position: absolute !IMPORTANT; bottom: -2rem !IMPORTANT; left: -20rem !IMPORTANT; padding: 4rem 3rem 5rem !IMPORTANT; border-radius: 50rem !IMPORTANT; max-width: 20rem !IMPORTANT; z-index: 99999 !important; background-color: var(--promo3) !IMPORTANT; } @media(min-width: 1400px) { .cta { bottom: -10rem !IMPORTANT; left: -2rem !IMPORTANT; } } @media(max-width: 800px){ .cta{ position: relative !IMPORTANT; left: 0rem !IMPORTANT; right: 0 !IMPORTANT; margin: 0 auto !important; padding: 5rem 3rem 6rem !IMPORTANT; max-width: 18rem !IMPORTANT; } } /*-- content --*/ .tsD_content, .tsD_content2{ padding: 0 !IMPORTANT; } .tsD_content .tsI{ margin: 0 auto !IMPORTANT; } .tsD_content2 .tsI_txt *{ color: #fff !IMPORTANT; } .tsSC .social-media-links {flex: 1 1 35% !important;} #header-cta {width: 300px !important; padding-top: 3px !important;} @media(max-width: 1024px) { #header-cta {display: none !important;}} /*----------------------------------------------------- DLS -------------------------------------------------------*/ .tsD_dl .tsI { height: 102vh !important; } .tsD_dl .tsI_txt { padding-top: 8rem !important; max-width:30rem !IMPORTANT; } .tsD_dl .tsI_sh{ font-size: 1.3rem !IMPORTANT; } .tsD_dl .tsI_btn:hover{ background-color: var(--promo1) !IMPORTANT; border-color: var(--promo1) !important; color: #fff !IMPORTANT; } .tsD_dl .tsI_btn:hover:after{ color:var(--promo3) !important; } .tsD_dl .tsI_wrp{ background-color: rgba(117, 117, 128,.76) !Important; } .tsD_dl .tsI_wrp{ -webkit-clip-path: circle(50% at 15% 50%); clip-path: circle(50% at 15% 50%); -webkit-transition: all 1s ease-in-out !important; -moz-transition: all 1s ease-in-out !important; transition: all 1s ease-in-out !important; } .tsD_dl:hover .tsI_wrp{ animation: circle 3s infinite; -webkit-clip-path: circle(40% at 20% 60%); clip-path: circle(40% at 20% 60%); -webkit-transition: all 1s ease-in-out !important; -moz-transition: all 1s ease-in-out !important; transition: all 1s ease-in-out !important; } / @media(max-width:1000px){ .tsD_dl .tsI_sh{ font-size: 1rem !IMPORTANT;} .tsD_dl .tsI_txt { padding-top: 2rem !important; max-width:20rem !IMPORTANT; } .tsD_dl:hover .tsI_wrp{ -webkit-clip-path: circle(50% at 20% 60%); clip-path: circle(50% at 20% 60%); } } @media(max-width:700px){ .tsD_dl .tsI { height: 70vh !important; } .tsD_dl .text7{ font-size:2rem !important; } .tsD_dl .tsI_sh{ font-size: .91rem !IMPORTANT; } .tsD_dl .tsI_txt { padding-top: 2rem !important; max-width:15rem !IMPORTANT; } .tsD_dl .tsI_wrp{ background-color: rgba(117, 117, 128,.65) !Important; -webkit-clip-path: circle(60% at 30% 50%) !IMPORTANT; clip-path: circle(60% at 30% 50%)!IMPORTANT; } } /*--------------------------------------------------- FEATURES ----------------------------------------------------*/ .tsD_photofeature13 .tsI{ box-shadow: none !important; } .tsD_photofeature13 .tsI:hover{ transform: none !important; } .tsD_photofeature13 .tsI_cptn{ height: 100% !important; background: rgba(0,0,0,0.2) !important; border-radius: 10px !IMPORTANT; } .tsD_photofeature13 .tsI:hover .tsI_cptn { height: 100% !important; background: rgba(0,0,0,0.4) !important; } .tsD_photofeature13 .tsI_txt{ padding: 40% 0 0 !important; } .tsD_photofeature13 .tsI_hd { background: #FBFAF9 !important; font-size: .8rem !important; padding: 5% 1% !important; width: 80% !important; margin: 0 !important; color: var(--promo1) !IMPORTANT; border-radius: 0 50px 50px 0 !IMPORTANT; letter-spacing: .1rem !important; -webkit-transition: all .5s ease-in-out !important; -moz-transition: all .5s ease-in-out !important; -o-transition: all .5s ease-in-out !important; transition: all .5s ease-in-out !important; } .tsD_photofeature13 .tsI_sh{ max-width: 15rem !IMPORTANT; } .tsD_photofeature13 .tsI:hover .tsI_hd { width: 100% !important; border-radius: 0 !IMPORTANT; } @media(max-width:600px){ .tsD_photofeature13 .tsI{ width: 100% !important; } } /*--------------------------------------------------- SPLIT 1 ----------------------------------------------------*/ .tsD_split1 .tsI_hd{ font-size: 200% !IMPORTANT; color: #373737 !IMPORTANT; } .tsD_split1 .tsI_dsc{ color: #373737 !IMPORTANT; } .tsD_split1 .tsI_hd span{ color: var(--promo2) !IMPORTANT; font-size: 150% !IMPORTANT; letter-spacing:2px !IMPORTANT; text-transform:lowercase !important; } .tsD_split1 .tsI{ margin: 0 auto !IMPORTANT; } @media(max-width:1000px){ .tsD_split1 .tsI{ width:100% !IMPORTANT; margin-top:0rem!important; } .tsD_split1 .tsI_txt, .tsD_split1 .tsI_hd{ text-align:center !IMPORTANT; } .tsD_split1 .tsI_hd span{ font-size: 90% !IMPORTANT; } } @media (min-width: 1024px){ .tsD_photofeature13, .tsD_split1 { width: 47% !important; margin: 1% !important; display: inline-block !important; position: relative !important; vertical-align: middle !important; } } /*------------------------------------------------- FORM STYLING --------------------------------------------------*/ .tsD_form{ padding: 0 !important; } .tsD_form .tsI{ margin-top: 0 !important; margin-bottom: 0 !important; } @media(max-width: 380px) { .tsB.tsT_testimonials_2.well .tsI .tsI_cptn {padding: 0 !important;} } /*---------------------------------------------------- FOOTER -----------------------------------------------------*/ .tsF_section.brand,.tsF_section.bottom, .tsF hr{ display:none !IMPORTANT; } .foot-brand img{ max-width:15rem !IMPORTANT; margin: 0 auto !IMPORTANT; filter: brightness(0) invert(1) !IMPORTANT;} } } .tsF .foot-brand a:hover, .tsF .foot-loc a:hover{ background:transparent !important; } .tsF_section.copyright{ text-align:center !IMPORTANT; } .tsF .tsI_hd{ color: #fff !IMPORTANT; font-size: 2rem !important; } .tsF .foot-loc p{ line-height: 2 !important; } .tsF .foot-loc, .tsF .foot-hour, .tsF .foot-menu, .tsF .foot-menu li a, .foot-brand { text-align:center !important; } .tsF .foot-loc .social-media-links{ column-count: 1 !important; margin-top:.5rem !important; font-size: 2rem !IMPORTANT; } .tsF .foot-loc .social-media-links a{ color: var(--promo2) !IMPORTANT; } .tsF .foot-loc .social-media-links a:hover{ color: #fff !IMPORTANT; } .tsF .foot-loc .social-media-links li a:after { display:none !important; } .tsF .foot-loc .social-media-links li { display: inline-block !important; width:2.5rem !important; } @media(max-width:1024px){ .tsF{ padding-top: 3rem !IMPORTANT; background: var(--promo1) !important; background-size: 100% !important; background-position: 50% 50% !IMPORTANT; } .tsF .foot-loc .social-media-links a{ color: #fff !IMPORTANT; } }