.tsD_ban { background-color: #3594d8 !important; } .tsH #_the_logo { padding: 0rem !important; } .tsH.shrink .tsH_wrp { padding: 0rem !important; } .tsH .menu > ul > li a { padding: 0.1rem 0.5rem!important; } /*------------------------------------------------------ MAP ------------------------------------------------------*/ /*--- Map Margins/Font Fix ---*/ .b2b-location-items.show-details li h2{font-size:1.1rem !important;} .b2b-location-items.show-details li p {margin: 0 !important;line-height: 1.57em !important;font-size: 1.15em !important;} .b2b-location-get-directions.color_bodylinks{margin-bottom:0 !important;} .b2b-location-items.show-details li p b {font-weight: bold !important;} /*--- Map Font Colors ---*/ .b2b-location-items *, .b2b-location-items.show-details *{color: #fff !important;} .primary.tsi-address, .b2b-location-get-directions.color_bodylinks, .b2b-location-get-directions, .b2b-location-canvas, .footer-street-address.footer-address, .mobile-multi-locations .tsi-address a, .tsAddress {display: none !important;} .primary.tsi-phone {width:100% !important;} /*-------------------------------------------------- GLOBAL BODY --------------------------------------------------*/ .tsD_white *{ color: #fff !important; } .tsD_wrap { padding: 0 !important; } .content { padding-top: 3.7rem !important; padding-bottom: 2rem !important; } .tsB.round_1_1 .tsI_img { border-radius: 999px !important; max-width: 100% !important; margin: 2rem auto !important; } .tsD_photofeature16 { border-radius: 999px !important; max-width: 75% !important; margin: 2rem auto !important; } /*----------------------------------------------------- CTA -------------------------------------------------------*/ .tsD_banner .tsI .tsI_btn.btn_1 { color: #ffffff !important; background-color: #82cbff !important; } .tsD_banner .tsI .tsI_btn.btn_1:hover { color: #ffffff !important; background-color: transparent !important; border: 1px solid #fff !important; } /*--------------------------------------------------- text split ----------------------------------------------------*/ .tsD_textsplit1{ xpadding-top: 0rem 3.6rem 5.3rem !important; margin: 0 auto !important; } .tsD_textsplit1 .item_1{ text-align:right !important; padding-right:3rem !important; border-right:3px solid var(--promo1) !important; } .tsD_textsplit1 .item_2{ padding-left:1.5rem !important; } .tsD_textsplit1 .tsI_dsc p{ xpadding-top: 10% !important; line-height:1.4 !important; margin-top: 0.5rem !important; } .tsD_textsplit1 .tsI_hds{ font-size: 2rem !important; } .tsD_textsplit1 .tsI_sh{ font-size: 1.5rem !important; } @media(max-width: 850px){ .tsD_textsplit1{ xpadding: 8.2rem 3.6rem 5rem !important; } .tsD_textsplit1 .tsI{ width:100% !important; } .tsD_textsplit1 .item_1{ border-right: none !important; border-bottom:3px solid var(--promo1) !important; text-align: left !important; padding-right: 0 !important; } .tsD_textsplit1 .tsI_txt, .tsD_textsplit1 .tsI_hd, .tsD_textsplit1 .tsI_sh { text-align: left !important; } .tsD_textsplit1 .item_2{ padding-left:0 !important; } .tsD_textsplit1 .tsI_hds{ font-size: 1.6rem !important; } .tsD_textsplit1 .tsI_sh{ font-size: 1.3rem !important; } .tsD_textsplit1 .tsI_dsc p{ padding-top: 0 !important; } } /*---------------------------------------------------- HEADER -----------------------------------------------------*/ .tsH{ display: flex !important; display: -webkit-flex !important; flex-direction:column-reverse !important; -webkit-flex-direction:column-reverse !important; } .tsSC { box-shadow: none !IMPORTANT; border-bottom: 1px solid rgba(87, 91, 94, .2) !IMPORTANT; } .tsH .menu.align-center { padding: 0 !important; } @media (min-width: 1024px){ .tsH_wrp { display: inline !important; } .tsH #_the_logo { width: 100% !important; } .tsH #_the_logo .logo a { display: initial !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .tsH_navTrig{ display: inline-block !important; vertical-align: right !important; } .tsH_wrp { display: inline-block !important; } .tsH #_the_logo { width: 80% !important; display: inline-block !important; vertical-align: middle !important; } .tsH #_the_logo .logo a { display: inline-block !important; } } @media (min-width: 1024px){ .home .tsC { margin-top: 0 !important; padding-top: 0 !important; } .tsSC { box-shadow: none !important; } .home .tsH:not(.shrink), .home .tsH:not(.shrink) .tsSC{ background-color: transparent; } .tsD_dl .tsI { height: 105vh !important; } } /*---------------------------------------------------- SOCIAL -----------------------------------------------------*/ .tsSC .social-media-links a, .tsSC .tsC_Btn{ color: #fff !important; } .tsSC { box-shadow: none !important; } .tsSC .tsC_Btn { font-weight: 500 !important; letter-spacing:1px !important; font-size:.72rem !important; } /*---------------------------------------------------- LOGO ------------------------------------------------------*/ .tsH #_the_logo{ padding: .8rem !important; } .tsF #_the_logo img { max-height: 3rem !important; } @media (min-width: 1025px){ .tsH.expand #_the_logo img { max-height: 8rem !important; margin-top: -4.5rem; } .tsH.shrink #_the_logo img { max-height: 3rem !important; } } @media (max-width: 1024px){ .tsH #_the_logo img { max-height:5rem !important; } } /*-------------------------------------------------- NAVIGATION ---------------------------------------------------*/ .tsH .menu .sf-menu li { font-weight: 500 !IMPORTANT; letter-spacing: .8px !important; } .tsH .menu > ul > li { padding: 0 .7rem !important; } .home .tsH.expand .menu > ul > li a { color: #fff; } .home .tsH.expand .menu > ul > li a:hover { color: var(--promo2); } .tsH .current-menu-item a{ font-weight:bold !important; } /*--- Sub-Menu Styling ---*/ .tsH .menu .sub-menu a { padding: 0rem .15rem .4rem !important; margin-bottom: 0 !important; text-transform:capitalize !important; font-size:.81rem !important; xcolor: #3594d8 !important; } .tsH .menu .sub-menu a:hover { color: var(--promo2) !important; } .tsH .menu .sub-menu{ padding-bottom:.8rem !important; } .tsM #access .menu .sf-menu > li { margin: .5rem 0; } .tsM #access .menu ul a{ white-space: pre-wrap !important; } .home .tsH .sf-menu .sub-menu { background-color: #3cb3ff !important; } /*---------------------------------------------------- BUTTON -----------------------------------------------------*/ .tsI_btn{ font-weight:500 !important; } .tsI_btn svg{ margin-right:8px !important; } .gform_button:hover, .tsI_btn:hover{ background:#999 !important; color:#fff !important; } /*------------------------------------------------- FONT STYLING --------------------------------------------------*/ .tsI_hd { text-transform: uppercase !important; } /*--------------------------------------------------- CONTENT -----------------------------------------------------*/ .tsD_image .tsI_img img { box-shadow: -5px 5px 6px 0px rgba(0,0,0,.15) !important; } .tsD_content {padding-top:0 !important;} .tsD_content1 {padding-top:1.4rem !important;} .tsD_content2 .tsI{ margin-bottom: 2rem !important; margin-top: 4rem !important; } .tsD_badge{ max-width: 30rem !important; margin: 0 auto !important; } /*----------------------------------------------------- DLS -------------------------------------------------------*/ .tsD_dl .tsI { height: 105vh !important; } body:not(.home) .tsD_dl2 .tsI { height: 55vh !important; } .tsD_dl .tsI_txt { max-width: 60rem !important; margin: 5rem auto 0 !important; } .tsD_dl2 { margin: 0 !important; } .tsD_dl2 .tsI_txt { max-width: 40rem !important; margin: 0 auto 0 2rem !important; } .tsD_dl .tsI_hd, .tsD_dl2 .tsI_hd { font-size: 2.6rem !important; } .tsD_dl .tsI_sh, .tsD_dl2 .tsI_sh { font-size: 1.4rem !important; letter-spacing: .06em !important; } .tsD_dl .tsI_btn, .tsD_dl2 .tsI_btn { background: transparent !important; border-radius: 0px !important; box-shadow: none !important; border: 1px solid #fff !important; font-size: 1rem !important; text-transform: uppercase !important; color: #fff !important; font-weight: lighter !important; } .tsD_dl .tsI_btn:hover, .tsD_dl2 .tsI_btn:hover { background: #fff !important; color: var(--promo1) !important; } @media (max-width: 1024px) { .tsD_dl .tsI_txt { margin-top: 0 !important; padding-top: 0 !important; } .tsD_dl .tsI_hd { font-size: 2.4rem !important; } .tsD_dl .tsI_sh { font-size: 1.8rem !important; } } @media (max-width: 815px) { .tsD_dl .tsI_hd { font-size: 1.8rem !important; } .tsD_dl .tsI_sh { font-size: 1.4rem !important; } } @media (min-width: 815px) { .tsD_dl2 .tsI_wrp { max-width: 50% !important; background-color: rgba(0,0,0,0.6) !important; } } @media (max-height: 800px) and (min-width: 1024px){ .tsD_dl .tsI { height: 100vh !important; } .tsD_dl .tsI_hd { font-size: 2rem !important; } .tsD_dl .tsI_sh { font-size: 1.4rem !important; } .tsD_dl2 .tsI_hd { font-size: 2.4rem !important; } .tsD_dl2 .tsI_sh { font-size: 1.3rem !important; } } /*--------------------------------------------------- FEATURES ----------------------------------------------------*/ #container .type_article.a2 .the_list_item.hero .the_list_wrap { background-color: #ffffff !important; color: #ffffff; } .tsD_feature { max-width: 106rem !important; display: block !important; margin: 0 auto !important; } .tsD_feature img { border: 2px solid !important; border-radius: 50% !important; display: block !important; margin: 0 auto !important; width: 60% !important; } .tsD_photofeature16 { max-width: 116rem !important; margin: 0 auto !important; padding-bottom: 3rem !important; padding-top: 0rem !important; } .tsD_photofeature16 .tsI { margin-bottom: 0 !important; opacity: .9 !important; -moz-transition: all 0.35s ease-in-out !important; -webkit-transition: all 0.35s ease-in-out !important; -o-transition: all 0.35s ease-in-out !important; transition: all 0.35s ease-in-out !important; } .tsD_photofeature16 .tsI:hover { opacity: 1 !important; } .tsD_photofeature16 .tsI_hds { min-height: 4rem !important; } .tsidesign_photofeature16 .tsI_hd, .tsidesign_photofeature16 .tsI_hd { font-size: 20pt !important; color: #3C2B26 !important; line-height: 1 !important; } .tsD_photofeature16 .tsI_sh{ font-size: 12pt !important; color: #3C2B26 !important; line-height: 1 !important; } .tsD_photofeature16 .tsI .tsI_img { xpadding: 1rem 1rem .5rem !important; max-width: 10rem !important; margin: 0 auto !important; -moz-transition: all 0.35s ease-in-out !important; -webkit-transition: all 0.35s ease-in-out !important; -o-transition: all 0.35s ease-in-out !important; transition: all 0.35s ease-in-out !important; border: 3px solid var(--promo3) !important; padding: .4rem !important; } .full_width_content .section .tsT_article .tsR { max-width: 75.5em; margin-left: auto; margin-right: auto; padding: 3rem 1.5rem 1rem !important; } .tsD_photofeature16 .tsI:hover .tsI_img { xpadding: 1rem 1rem .5rem !important; max-width: 19rem !important; margin: 0 auto !important; border-radius: 50% !important; -moz-transition: all 0.35s ease-in-out !important; -webkit-transition: all 0.35s ease-in-out !important; -o-transition: all 0.35s ease-in-out !important; transition: all 0.35s ease-in-out !important; } .tsD_photofeature16 .tsI:hover .tsI_img { max-width: 24rem !important; } .tsD_photofeature16 .tsI:hover .tsI_img { box-shadow: 2px 2px 2px rgba(0, 0, 0, .8) !important; } @media(min-width:1024px){ .full_width_content .tsT_article.a1.xsmall.small .nHero .tsI_hd { font-size: 20pt !important; margin-top: 0.7058823529em; margin-bottom: 0.4705882353em; line-height: 1.1764705882em; } } /*---------------------------------------------------- BANNER -----------------------------------------------------*/ /*--------------------------------------------------- SPLIT 1 -----------------------------------------------------*/ /*--------------------------------------------------- SERVICES ----------------------------------------------------*/ .tsD_services .tsR { justify-content: center !important; } .tsD_services .tsI_img img { max-width: 4rem !important; margin: 0 auto !important; } .tsD_services .tsI_hd { text-transform: uppercase !important; color: var(--promo1) !important; } .icon { margin-bottom: 1.2rem; width: 60px; height: auto; } .tsD_services .tsI:hover .tsI_hd { color: var(--promo3) !important; } @media (min-width: 1024px) { .tsD_services .tsI { -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } .tsD_services .tsI:hover .tsI_img { transform: translate(0,-10px) !important; } } /*--------------------------------------------------- SUBPAGES ----------------------------------------------------*/ .tsD_badge{ max-width: 30rem !important; margin: 0 auto !important; } .tsD_listStyle1 ul{ margin: 3.5rem auto 3rem !important; } .tsD_listStyle1 ul li{ max-width: 45rem !important; font-weight: 500 !important; margin: 0 auto 10px !important; background: var(--promo2) !important; padding: 10px 20px !important; color: #fff !important; list-style-type: none !important; -webkit-transition: all 0.4s ease-in-out !important; -moz-transition: all 0.4s ease-in-out !important; -o-transition: all 0.4s ease-in-out !important; transition: all 0.4s ease-in-out !important; border-radius: 5px !important; } .tsD_listStyle1 ul li:hover{ background: var(--promo1) !important; max-width: 55rem !important; } /*--------------------------------------------------- REVIEWS ----------------------------------------------------*/ /*------------------------------------------------- FORM STYLING --------------------------------------------------*/ .gform_footer { border: 0 !important; } .gform_title{ color: var(--color2) !important; font-size: 1.3rem !important; } input[type=text]{ background: transparent !important; border: none !important; border-bottom: 1px solid var(--promo5) !important; box-shadow: none !important; } .textarea.textarea { background: transparent !important; border: 1px solid var(--promo5) !important; box-shadow: none !important; } .textarea.textarea:focus { border: 1px solid var(--promo3) !important; } input[type=text]:focus{ border-bottom: 1px solid var(--promo5) !important; } .gfield_required{ color: var(--promo1) !important; } .gform_footer { float: left !important; } .clear-multi{ width: 68% !important; } .ginput_container select { background-color: transparent !important; border-color: var(--promo1) !important; color: var(--promo1) !important; box-shadow: none !important; } /*---------------------------------------------------- FOOTER -----------------------------------------------------*/ .tsF .tsR{ max-width: 100% !important; padding: 0 !important; } .tsF_section.section_content{ display: none !important; } .tsF_section.copyright{ padding-top:1.6rem !important; } .tsF_section.bottom.social{ padding-bottom: .9rem !important; padding-top: 0rem !important; } .tsF_section.brand { padding:1rem !important; background:#fff !important; } /*------------------------------------------------- ANIMATIONS -------------------------------------------------*/ .tsD_slide-in .tsI_hd { -webkit-animation: slide-in-left 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-left 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } .tsD_slide-in .tsI_btn { -webkit-animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes slide-in-left { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes slide-in-left { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .come-in { transform: translateY(150px); animation: come-in 01s ease forwards; } .come-in:nth-child(odd) { animation-duration: 0.8s; /* So they look staggered */ } @keyframes come-in {to { transform: translateY(0); }} .come-inBoth:nth-child(odd) { transform: translateX(-100%); animation: come-inBoth 1s ease forwards; } .come-inBoth:nth-child(even) { transform: translateX(100%); animation: come-inBoth 1s ease forwards; } @keyframes come-inBoth {to { transform: translateX(0); }} /*------------------------------------------------- MEDIA QUERIES -------------------------------------------------*/ /*------------------------------------------------- LIST STYLING --------------------------------------------------*/ #wrapper .tsI .tsI_desc ol li, #wrapper .tsI .tsI_desc ul li {position:static!important;} @media (min-width: 815px) { ul.columns {columns: 3; -webkit-columns: 3; -moz-columns: 3;} ul.columns2 {columns: 2; -webkit-columns: 2; -moz-columns: 2;} ol.columns {columns: 3; -webkit-columns: 3; -moz-columns: 3;} ol.columns2 {columns: 2; -webkit-columns: 2; -moz-columns: 2;} } .fa-ul { padding-left: 0 !important; margin-left: 1.5rem !important; } .fa-ul li { list-style-type: none !important; margin-top: 10px !important; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .fa-ul li span { color: var(--promo2) !important; margin-right: 13px !IMPORTANT; } .fa-li { left: inherit !important; position: inherit !important; text-align: center !important; width: inherit !important; line-height: inherit !important; } .tsT_parallax .tsI_hd { font-family: 'Poppins'; padding-top: 6rem !important; } /*---above header cta---*/ .header-cta{ width: 100% !important; text-align: center !important; padding-top: 0rem !important; padding-bottom: 0rem !important; font-size: 2rem !important; background:#000; .header-cta a { color: #fff; } /*----end above header cta----*/ .tsH #_the_logo { padding: 0rem !important; } .tsH.shrink .tsH_wrp { padding: 0rem !important; } .tsH .menu > ul > li a { padding: 0.1rem 0.5rem!important; }