/*--------------------------------------------------- FONT IMPORT -------------------------------------------------*/ /*------------------------------------------------------ MAP ------------------------------------------------------*/ /**** NO MAP ****/ .primary.tsi-address {display:none !important;} .primary.tsi-phone {width:100% !important;} .b2b-location-get-directions.color_bodylinks {display:none !important;} .footer-street-address.footer-address {display:none !important;} .mobile-multi-locations .tsi-address a {display: none !important;} .b2b-location-get-directions {display:none !important;} .gm-style {display: none!important;} #wrapper #_the_map_wrapper .b2b-location-canvas { display: none !important;} #wrapper #_the_map_wrapper .b2b-location.wide * {text-align: center !important;width: 100% !important;} .mediaqueries.mobileview#wrapper #_the_map_wrapper .b2b-location.wide * {text-align: center !important;width: 100% !important;height:100%!important;} #_the_map_wrapper li:nth-child(1) > div.b2b-location-basic-info > a.b2b-location-get-directions.color_bodylinks {display:none!important;} /*-------------------------------------------------- GLOBAL BODY --------------------------------------------------*/ body:not(.isMobile) #container { padding: 0 !important; } .full_width_content { max-width: 100% !important; } .tsD_white *{ color: #fff !important; } .tsidesign_wrap{ padding: 0 !important; } .tsD_title .the_list_wrap{ text-align: center !important; } .tsidesign_clip{ clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%); } .tsidesign_clip .the_list_text{ max-width: 75.5rem; margin: 0 auto !important; } #gform_wrapper_82850{ max-width: 106rem !important; margin: 0 auto !Important; } body:not(.home) #section_2{ max-width: 106rem !important; margin: 0 auto !important; } @media(max-width: 799px){ .mobileview #container .section .list_block.type_article.a3 .the_list_item.hero .the_list_wrap{ padding: 10rem 1rem 16rem !important; } } .tsidesign_center{ text-align: center !important; } .page-id-504186 #section_3 .the_list_wrap{ text-align: center !important; } /*----------------------------------------------------- CTA -------------------------------------------------------*/ /*---------------------------------------------------- HEADER -----------------------------------------------------*/ #the_header{ max-width: 100% !important; box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.15) !important; } html:not(.mobileview) #the_header{ border-bottom: .5px solid rgba(234, 236, 200, .2) !important; } /*--- Transparent Header ---*/ html:not(.mobileview) .home #container { margin-top: -20rem !important; } html:not(.mobileview) .home #the_header .header_color{ background: linear-gradient(to right, var(--headBkg) 40%, transparent) !important; } .menu-fade { background-color: var(--headBkg) !important; transition: background-color 0.5s linear !important; } /*----------------------------------------------------- LOGO ------------------------------------------------------*/ .logo-fade .logo-variation-header .logo-slot img { max-height: 7rem !important; margin: 1% 0 1% !important; } .logo-variation-header .logo-slot{ padding: 0 0 .4rem !important; } .logo-variation-header .logo-slot img { max-height: 11rem !important; } .mediaqueries.mobileview .logo-variation-header .logo-slot img { max-height: 5rem !important; } .mediaqueries.mobileview #the_header .slot-type-image img { max-height: 8rem !important; } .logo-variation-footer .logo-slot img { max-height: 4.5rem !important; } .logo-variation-header .logo-slot img { -webkit-transition: all .5s ease-in-out !important; transition: all .5s ease-in-out !important; } /*---------------------------------------------------- SOCIAL -----------------------------------------------------*/ .header_share_wrap.dropdown-list .share_title, .header_share_wrap.dropdown-list a.phone:after { font-weight: 300 !Important; text-transform: uppercase !Important; letter-spacing: 1.5px !Important; } /*-------------------------------------------------- NAVIGATION ---------------------------------------------------*/ #_the_navigation a{margin-right: 3rem !important;} #_the_navigation a, #menu-holder a { font-size: 1.3rem !important; font-weight: 300 !Important; text-transform: uppercase !Important; letter-spacing: 2.3px !Important; } /*---------------------------------------------------- BUTTON -----------------------------------------------------*/ .the_list_item_action{ background: transparent !important; } .the_list_item_action a, .gform_button.button{ color: #fff !important; font-weight: 300 !important; letter-spacing: 2px !Important; text-transform: uppercase !important; border: none !important; border-radius: 0 !important; padding: 12px 20px !important; background: var(--accentBkg) !important; } .the_list_item_action a:hover, .gform_button:hover{ color: #fff !important; letter-spacing: 3px !Important; background: var(--links) !Important; } .tsidesign_main2 .the_list_item_action a { color: #fff !important; text-transform: uppercase !important; border: 2px solid #fff !important; background: transparent !important; } .tsidesign_main2 .the_list_item_action a:hover { letter-spacing: 3px !Important; } /*------------------------------------------------- FONT STYLING --------------------------------------------------*/ h1, h2, h3{font-weight: normal !important;} .the_list_item_desc {line-height: 2.7rem !Important;} .the_list_item_headline{ line-height:1.1 !important; font-weight: 300 !Important; letter-spacing: 3px !Important; } .the_list_item_subheadline { line-height:1.1 !important; font-weight: 300 !Important; text-transform: uppercase !Important; letter-spacing: 3px !Important; } .the_list_item_desc { font-size: 1.6rem !important; font-weight: 100 !important; letter-spacing: .08rem !important; } /*--------------------------------------------------- CONTENT -----------------------------------------------------*/ .tsidesign_content { max-width: 106rem !important; margin: 0 auto !important; } /*main color block*/ .mobileview .tsidesign_main .the_list_wrap{ padding-left: 2% !important; } .tsidesign_main .the_list_item_headline { padding-top: 1% !important; color: #fff !Important; } @media(max-width: 1080px){ .tsidesign_main .item_1 { display: none !important; } .tsidesign_main .the_list_item{ width: 100% !important; } } /*promo image overlap*/ .tsidesign_promo { padding: 5rem 2.6rem 5.5rem !important; } @media (min-width: 1085px) { .tsidesign_promo { z-index: 11 !important; position: relative !important; } .tsidesign_promo .item_1 .the_list_item_image { margin: -20rem auto !important; width: 70% !important; } .tsidesign_promo .item_1 .the_list_item_image img { box-shadow: 4px 5px 8px rgba(0, 0, 0, 0.35) !important; } } @media (min-width: 1085px){ .tsidesign_promo .item_2 { margin-top: -15rem !important; padding-top: 18% !important; } } .tsidesign_promo img{ max-width: 500px !important; } .tsidesign_promo .the_list_item_image { transition: all 1s ease-in-out !important; } html:not(.mobileview) .tsidesign_promo .the_list_item:hover .the_list_item_image { transform: scale(1.03) !important; transition: all 1s ease-in-out !important; } /*----------------------------------------------------- DLS -------------------------------------------------------*/ .tsidesign_dl .the_list_item_subheadline{color:#fff !important;} /*--- MAIN DL ---*/ .tsidesign_dl { clip-path: polygon(0 0, 100% 0%, 100% 90%, 0% 100%); } .tsidesign_dl .the_list_wrap { padding: 15% 8% 15% !important; text-align: center !important; background: rgba(0,0,0,.4) !important; } .tsidesign_dl .the_list { margin-bottom: 0rem!important; } .tsidesign_dl .the_list_text { max-width: 120rem !important; margin: 0 auto !important; padding-top: 12% !important; padding-bottom: 0% !important; } .tsidesign_dl .the_list_item .the_list_item_subheadline {max-width: 105rem !important; margin: 0 auto 5rem !important; text-shadow: 1px 1px 1px rgba(0,0,0,.5) !important; } .tsidesign_dl .the_list_item .the_list_item_headline{ background: var(--itemBkg) !Important; padding: 5px 10px !important; max-width:60rem !important; margin: 0 auto 1.5rem !important; text-transform: uppercase !important; font-weight: 300 !important; font-size: 2rem !important; } .tsidesign_dl .the_list_item_subheadline { letter-spacing: .1em !important; font-weight: 400 !important; padding: .1em !important; padding-right: 1rem !important; font-size: 3rem !important; } @media (min-width: 1060px) { .tsidesign_dl .the_list_item_subheadline { font-size: 4.5rem !important; line-height: 5rem !important; } } @media(max-width: 1040px){ .tsidesign_dl .the_list_wrap { padding: 20% 8% 26% !important; text-align: center !important; } } @media(max-width: 450px){ .tsidesign_dl .the_list_wrap { padding: 3% 8% 26% !important; text-align: center !important; } .tsidesign_dl .the_list_item_subheadline { font-size: 2rem !important; line-height: 3rem !important; } } /*dl2*/ .tsidesign_dl2 { position: relative !Important; clip-path: polygon(0 0, 100% 23%, 100% 81%, 0 100%); margin: 0 auto !important; z-index: 6 !Important; } .tsidesign_dl2 .the_list_wrap { background: rgba(0,0,0,.5) !important; padding: 18% 8% 12% !important; } .tsidesign_dl2 .the_list_text { max-width: 100rem !important; margin: 0 auto !important; float: left !important; } .tsidesign_dl2 .the_list_item_headline{ text-shadow: 1px 1px 1px rgba(0,0,0,.5) !important; font-weight: normal !important; text-transform: uppercase !important; } .tsidesign_dl2 .the_list_item_subheadline{ background: var(--itemBkg) !Important; padding: 5px 10px !important; max-width: 55rem !important; margin: 2.5rem auto 3.5rem 0 !important; } @media(max-width: 450px){ .tsidesign_dl2 .the_list_wrap { padding: 33% 8% 20% !important; text-align: center !important; } } /*--------------------------------------------------- FEATURES ----------------------------------------------------*/ .tsidesign_photofeature14 * { -webkit-transition: all 0.8s ease-in-out !important; transition: all 0.8s ease-in-out !important; } .tsidesign_photofeature14 .block_link { z-index: 3 !important; } .tsidesign_photofeature14 { max-width: 120rem !important; margin: 0 auto 4rem !important; padding: 9rem 2.6rem 3% !important; } html:not(.mobileview) .tsidesign_photofeature14 .the_list_item:hover .the_list_item_heads, .mobileview .tsidesign_photofeature14 .the_list_item_heads{ background: rgba(0, 0, 0, 0.54) !important; } .tsidesign_photofeature14 .the_list_item_headline a, .tsidesign_photofeature14 .the_list_item_headline { margin: 45% auto 0 !important; font-size: 2rem !important; font-weight: 500 !important; } .tsidesign_photofeature14 .the_list_item_subheadline{ color: #fff !important; border-top: none !important; padding-top: .75rem !important; } html:not(.mobileview) .tsidesign_photofeature14 .the_list_item:hover .the_list_item_subheadline{ letter-spacing: .6rem !important; } .tsidesign_photofeature14 hr { width: 35% !important; display: inline-block !important; border: .5px solid #fff !important; margin-top: 2rem !IMPORTANT; margin-bottom: 0 !important; } .tsidesign_photofeature14 .the_list_item:hover hr{ width: 60% !important; } /*--- Block Colors ---*/ html:not(.mobileview) .tsidesign_photofeature14 .item_1 .the_list_item_heads{background: #676763 !Important;} html:not(.mobileview) .tsidesign_photofeature14 .item_2 .the_list_item_heads{background: #676763 !Important;} html:not(.mobileview) .tsidesign_photofeature14 .item_3 .the_list_item_heads{background: #676763 !Important;} html:not(.mobileview) .tsidesign_photofeature14 .item_4 .the_list_item_heads{background: #676763 !Important;} @media(max-width: 400px) { .tsidesign_photofeature14 .the_list_item_headline { margin: 25% auto 0 !important; } } /*--------------------------------------------------- SPLIT 1 ----------------------------------------------------*/ /*--------------------------------------------------- SUBPAGES ----------------------------------------------------*/ .tsidesign_internal{ padding: 6.8rem 2rem 1rem !important; max-width: 90rem !important; margin: 0 auto !important; } /*--- Subpage Headline Banner ---*/ .tsidesign_content1{ padding: 5rem 2.6rem 1.5rem !important; } .home .tsidesign_content1 *{ font-size: 3.5rem !important; color: var(--links) !important; } html:not(.mobileview) .tsidesign_content1 * { font-size: 3.5rem !important; } /*--- text6 ---*/ .tsidesign_text6, .tsD_text6{ padding: 5rem 2.6rem 1.5rem !important; max-width: 80rem !Important; text-align:center; -webkit-backface-visibility: hidden; -webkit-perspective: 2000; -webkit-transform: translate3d(0,0,0); } @media(min-width: 550px){ .tsidesign_text6, .tsD_text6{ display:inline-block; white-space:nowrap; } } @media(min-width: 560px){ .tsidesign_text6 .the_list_item:first-of-type, .tsD_text6 .the_list_item:first-of-type{ animation: showup 7s infinite; } .tsidesign_text6 .the_list_item:last-of-type, .tsD_text6 .the_list_item:last-of-type{ animation: reveal 7s infinite; } .tsidesign_text6 .the_list_item:last-of-type span2, .tsD_text6 .the_list_item:last-of-type span2{ margin-left:-355px; animation: slidein 7s infinite; } } @media(max-width: 900px){ .home .tsD_text6 *, html:not(.mobileview) .tsidesign_content1 * { font-size: 2rem !important; } } @media(max-width: 700px){ .home .tsD_text6 * { font-size: 2rem !important; } } @media(max-width: 549px){ .tsidesign_text6, .tsD_text6 { display:block; white-space:wrap !Important; } .tsidesign_text6 .the_list_item_headline{ font-size: 2rem !important; max-width: 350px !Important; text-align: left !important; } } /*--- Subpage Contact Button Section ---*/ .tsidesign_main2 .the_list_wrap { padding: 6% 5% 2.5% !important; } .tsidesign_main2 { text-align: center !Important; padding: 0 !important; max-width: 100% !important; margin: 0 auto !Important; clip-path: polygon(50% 0%, 100% 25%, 100% 100%, 0 100%, 0 25%); background: var(--accentBkg) !important; background-attachment: fixed !important; } /*---------------------------------------------------- SPLIT -----------------------------------------------------*/ .tsidesign_split { max-width: 90rem !important; margin: 0 auto !important; padding: 3.5rem 2.6rem 1.5rem !important; display: flex !important; flex-flow: row wrap; align-items: center; justify-content: center; } .tsidesign_split .the_list_item_image { transition: all 1s ease-in-out !important; } .tsidesign_split .the_list_item:hover .the_list_item_image { transform: scale(1.1) !important; transition: all 1s ease-in-out !important; } .tsidesign_split .the_list_item_desc { padding: 1% !important; } .tsidesign_split .the_list_item_subheadline { color:#ce7e97 !important; } html:not(.mobileview) .tsidesign_split .the_list_item_subheadline { font-size: 2rem !important; } /*--------------------------------------------------- CONTACT -----------------------------------------------------*/ /*--------------------------------------------------- REVIEWS ----------------------------------------------------*/ /*---------------------------------------------------- FOOTER -----------------------------------------------------*/ #the_footer {max-width:100% !important;} /*-------------------------------------------------- ANIMATIONS ---------------------------------------------------*/ /*--- Feature Animation ---*/ .come-in {transform: translateY(150px);animation: come-in 2.1s ease forwards;} .come-in:nth-child(odd) {animation-duration: 1.1s; /* So they look staggered */} @keyframes come-in {to { transform: translateY(0); }} /*--- Subpage Banner Headline Animation ---*/ @keyframes showup { 0% {opacity:0;} 20% {opacity:1;} 80% {opacity:1;} 100% {opacity:0;} } @keyframes slidein { 0% { margin-left:-800px; } 20% { margin-left:-800px; } 35% { margin-left:0px; } 100% { margin-left:0px; } } @keyframes reveal { 0% {opacity:0;width:0px;} 20% {opacity:1;width:0px;} 30% {width:355px;} 80% {opacity:1;} 100% {opacity:0;width:355px;} } /*---- Slide In Left ---*/ .slide-in-left { -webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-left 0.5s 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;} } /*---- Slide In Right ---*/ .slide-in-right { -webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes slide-in-right { 0% {-webkit-transform: translateX(1000px);transform: translateX(1000px);opacity: 0;} 100% {-webkit-transform: translateX(0); transform: translateX(0);opacity: 1;} } @keyframes slide-in-right { 0% {-webkit-transform: translateX(1000px);transform: translateX(1000px);opacity: 0;} 100% {-webkit-transform: translateX(0); transform: translateX(0);opacity: 1;} } /*---------------------------------------------------- MOBILE -----------------------------------------------------*/ #wrapper .mobile-abovepost {background:#2d2d2d !important;} #wrapper .mobile-abovepost a {color: #fff !important;font-weight:300 !important;padding: 1.4rem 1rem 1rem !important;} /*------------------------------------------------- MEDIA QUERIES -------------------------------------------------*/ .mediaqueries.mobileview #container .section .list_block.type_article.a3 .the_list_item, .mediaqueries.mobileview #container .item_1.the_list_item.center.hero.yes_image.yes_heads.yes_link.yes_desc {background-attachment: initial !important;} /*----------------------------------------------------- FLEX ------------------------------------------------------*/