.tsidesign_google { background: #c10400 !important; margin: 0 auto !important; } /*------------------------------------------------------ FONT IMPORT -----------------------------------------------*/ @import url('https://fonts.googleapis.com/css?Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i|Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Old+Standard+TT:400,400i,700'); /*------------------------------------------------------ MAP ------------------------------------------------------*/ #_the_map_wrapper .b2b-location.wide .b2b-location-items ul li.show-details { overflow: auto !important; } .primary.tsi-address, .b2b-location-canvas {display:none !important;} .primary.tsi-phone {width:100% !important;} .b2b-location-get-directions.color_bodylinks, .footer-street-address.footer-address, .b2b-location-get-directions {display:none !important;} .mobile-multi-locations .tsi-address a {display: none !important;} /*-------------------------------------------------- GLOBAL BODY --------------------------------------------------*/ body:not(.isMobile) #container { padding: 0 !important; } .full_width_content { background: rgba(255, 255, 255, 0) !important; margin: 0 auto !important; max-width: 100% !important; } .home .content { padding-top: 3rem !important; } html:not(.mobileview) .home #container { margin-top: -13.2rem !important; } /*bullets*/ .the_list_item .the_list_item_desc li { margin-left: 1% !important; } .the_list_item .the_list_item_desc ol li, .the_list_item .the_list_item_desc ul li { margin-left: 1% !important; } /*---------------------------------------------------- HEADER -----------------------------------------------------*/ html:not(.mobileview) #wrapper .menu-wrap { width: 100% !important; } html:not(.mobileview) .home #access .menu.align-right { text-align: center !important; } /*color*/ html:not(.mobileview) .home .header_share_wrap.dropdown-list { background-color: rgba(70,141,200,.4) } html:not(.mobileview) .home #the_header .header_color { background: rgba(70,141,200, 0) linear-gradient(rgba(70,141,200,.4), rgba(70,141,200, 0)) repeat scroll 0 0 !important; } html:not(.mobileview) .home .menu-fade { background-color: rgba(70,141,200,.9) !important; transition: background-color 0.5s linear !important; } #cta2 img { width: 3% !important; float: right !important; } /*----------------------------------------------------- LOGO ------------------------------------------------------*/ html:not(.mobileview) #the_header #_the_logo { width: 100% !important; } html:not(.mobileview) .home #the_header #_the_logo { display: none !important; } html:not(.mobileview) #the_header #_the_logo { padding-top: 2rem !important; } /*size*/ html:not(.mobileview) .logo-variation.logo-variation-header .logo-slot img { max-height: 7rem !important; } .mediaqueries.mobileview .logo-slot img { max-height: 8rem !important; } #dllogo { width: 50% !important; } .mediaqueries.mobileview #dllogo { display: none !important; } /*-------------------------------------------------- NAVIGATION ---------------------------------------------------*/ #_the_navigation a, #menu-holder a { font-size: 1.3rem !important; font-weight: normal !important; } /*border*/ html:not(.mobileview) #menu-holder .current-menu-item > a, html:not(.mobileview) #the_header .menu .current-menu-item > a, html:not(.mobileview) #_the_navigation .sf-menu li a:hover { border-bottom: 1px solid #fff !important; border-radius: 0 !important; color: #fff !important; } html:not(.mobileview) #_the_navigation .sf-menu li a { border-bottom: 1px solid transparent !important; color: #fff !important; } /*---------------------------------------------------- BUTTON -----------------------------------------------------*/ .the_list_item_action a, #gform_submit_button_1, #gform_submit_button_2 { background: #468dc8 !important; border-radius: 5px !important; box-shadow: none !important; border: 1px solid #468dc8 !important; font-size: 1.7rem !important; text-transform: uppercase !important; color: #fff !important; } .the_list_item_action a:hover, #gform_submit_button_1:hover, #gform_submit_button_2:hover { background: #fff !important; color: #468dc8 !important; } .the_list_item_action { background-color: transparent !important; } /*dl*/ .tsidesign_dl .the_list_item_action a, .tsidesign_dl2 .the_list_item_action a{ background: rgba(0,0,0,.2) !important; border: 1px solid #fff !important; } .tsidesign_dl .the_list_item_action a:hover, .tsidesign_dl2 .the_list_item_action a:hover{ background: rgba(0,0,0,.4) !important; color: #fff !important; } /*------------------------------------------------- FONT STYLING --------------------------------------------------*/ h1, h2, h3 { font-weight: normal !important; } .the_list_item .the_list_item_subheadline { text-transform: uppercase !important; letter-spacing: .07em !important; font-family: 'Old Standard TT', serif !important; font-weight: bold !important; } .the_list_item .the_list_item_headline { font-family: josefin sans !important; letter-spacing: .1em !important; font-weight: 400 !important; text-transform: uppercase !Important; } .the_list_item .the_list_item_desc { font-size: 1.6rem !important; line-height: 2.8rem !important; font-family: lato !important; letter-spacing: .1rem !important; } /*--------------------------------------------------- CONTENT -----------------------------------------------------*/ .tsidesign_content { max-width: 106rem !important; margin: 0 auto !important; } /*content1*/ .tsidesign_content1{ max-width: 106rem !important; margin: 0 auto !important; padding: 4.5rem 2.6rem 0rem !important; } .tsidesign_content1 .the_list_item { margin-bottom: 0 !important; padding-bottom: 0 !important; } /*stump*/ .stump img { max-width: 8rem !important; width: 100% !important; } /*form-button*/ .tsidesign_form-button { max-width: 106rem !important; margin: 0 auto !important; } .tsidesign_form-button .item_2 { z-index: -10 !important; } @media (min-width: 800px) { .tsidesign_form-button .item_2 { margin-top: -60rem !important; width: 40% !important; margin-left: 70% !important; } } /*----------------------------------------------------- DLS -------------------------------------------------------*/ .tsidesign_dl2 { margin-bottom: 0rem!important; } .tsidesign_dl .the_list_wrap, .tsidesign_dl2 .the_list_wrap { text-align: center !important; background: rgba(0, 0, 0, 0.6) !important; -webkit-transition: all 1s ease-in-out !important; -moz-transition: all 1s ease-in-out !important; -o-transition: all 1s ease-in-out !important; transition: all 1s ease-in-out !important; } .tsidesign_dl .the_list_wrap:hover, .tsidesign_dl2 .the_list_wrap:hover{ background: rgba(0, 0, 0, 0.3) !important; } .tsidesign_dl .the_list_item .the_list_item_headline, .tsidesign_dl2 .the_list_item .the_list_item_headline { text-transform: uppercase !important; font-size: 2rem !important; letter-spacing: .13em !important; } /*dl*/ .tsidesign_dl .the_list_text{ max-width: 110rem !important; margin: 0 auto !important; } .tsidesign_dl .the_list_wrap { padding: 15% 3% 5% !important; } .tsidesign_dl .the_list_item .the_list_item_subheadline { font-size: 4.5rem !important; line-height: 4rem !important; text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.7) !important; } .tsidesign_dl { margin-bottom: 0 !important; } /*dl2*/ .tsidesign_dl2 .the_list_wrap { padding: 10% 8% 10% !important; } .tsidesign_dl2 .the_list_text { max-width: 100rem !important; margin: 0 auto !important; } .tsidesign_dl2 .the_list_item .the_list_item_headline { padding-top: .3em !important; background: rgba(14,105, 168, 0.75) !important; } .tsidesign_dl2 .the_list_item .the_list_item_subheadline { font-size: 5rem !important; line-height: 5rem !important; text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.7) !important; } @media(max-width: 800px) { .tsidesign_dl .the_list_item .the_list_item_headline { font-size: 2rem !important; line-height: 2rem !important; } .tsidesign_dl .the_list_item .the_list_item_subheadline { font-size: 5rem !important; line-height: 5rem !important; } .tsidesign_dl2 .the_list_item .the_list_item_subheadline { font-size: 4rem !important; line-height: 4rem !important; } } @media(max-width: 575px) { .tsidesign_dl .the_list_item .the_list_item_headline .tsidesign_dl2 .the_list_item .the_list_item_headline { font-size: 1.7rem !important; line-height: 1.7rem !important; } .tsidesign_dl .the_list_item .the_list_item_subheadline { font-size: 3rem !important; line-height: 3rem !important; } .tsidesign_dl2 .the_list_item .the_list_item_subheadline { font-size: 2.5rem !important; line-height: 3rem !important; } } /*--------------------------------------------------- FEATURES ----------------------------------------------------*/ .tsidesign_feature *{ color: #fff !important; transition: .8s !important; -webkit-transition: .8s !important; -moz-transition: .8s !important; -o-transition: .8s !important; } .tsidesign_feature{ padding: 0 !important; margin: 0 !important; } .tsidesign_feature .block_link { z-index: 3 !important; } .tsidesign_feature .the_list_item{ margin: 0 !important; width: 25% !important; } .tsidesign_feature .the_list_item_heads { background: rgba(30, 22, 17, 0.5) !important; } .tsidesign_feature .the_list_item:hover .the_list_item_heads { background: rgba(30, 22, 17, 0.7) !important; } .tsidesign_feature .the_list_item_headline { font-size: 2.4rem !important; margin-top: 40% !important; } .tsidesign_feature .the_list_item_subheadline { opacity: .75 !important; font-size: 1.4rem !important; font-weight: normal !important; text-transform: uppercase !important; border: none !important; padding-top: 0 !important; } .tsidesign_feature .the_list_item:hover .the_list_item_subheadline { opacity: 1 !important; } .tsidesign_feature .the_list_item_image { position: relative !important; overflow: hidden !important; } .tsidesign_feature .the_list_item_image img { max-width: 100% !important; -moz-transition: all 0.3s !important; -webkit-transition: all 0.3s !important; transition: all 0.3s !important; } .tsidesign_feature .the_list_item:hover .the_list_item_image img { -moz-transform: scale(1.1) !important; -webkit-transform: scale(1.1) !important; transform: scale(1.1) !important; transition: 1s !important; -webkit-transition: 1s !important; -moz-transition: 1s !important; -o-transition: 1s !important; } .tsidesign_feature .the_list_item_image { -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0, 55% 0, 50% 0, 45% 0) !important; -moz-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0, 55% 0, 50% 0, 45% 0) !important; -o-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0, 55% 0, 50% 0, 45% 0) !important; clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0, 55% 0, 50% 0, 45% 0) !important; } .tsidesign_feature .the_list_item:hover .the_list_item_image { -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0, 55% 0, 50% 5%, 45% 0) !important; -moz-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0, 55% 0, 50% 5%, 45% 0) !important; -o-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0, 55% 0, 50% 5%, 45% 0) !important; clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0, 55% 0, 50% 5%, 45% 0) !important; } @media (max-width: 800px){ .tsidesign_feature .the_list_item {width: 50% !important;} .tsidesign_feature .the_list_item_subheadline {opacity: 1 !important;} } @media (max-width: 569px){ .tsidesign_feature .the_list_item {width: 100% !important;} } /*--------------------------------------------------- SPLIT1 ---------------------------------------------------*/ .tsidesign_split1 { max-width: 130rem !important; margin: 0 auto !important; padding-top: 3% !important; } .tsidesign_split1 .item_1 .the_list_wrap { max-width: 45rem !Important; float: right !Important; margin-top: 5% !important; text-align: right !important; } .tsidesign_split1 .the_list_item .the_list_item_subheadline { text-align: right !important; font-size: 4rem !important; line-height: 4rem !important; font-weight: 900 !important; text-transform: uppercase !important; color: #0e69a8 !important; } .tsidesign_split1 .item_2 .the_list_wrap { max-width: 55rem !important; margin-top: 4% !important; padding-left: 1rem !important; } /*--------------------------------------------------- CTA ---------------------------------------------------*/ .tsidesign_cta { max-width: 100% !important; margin: 0 !important; background: #468dc8 !important; padding-top: 4rem !important; } .tsidesign_cta *{ color: #fff !important; } .tsidesign_cta .the_list_item { margin-bottom: 0 !important; } .tsidesign_cta .the_list_wrap { max-width: 106rem !important; margin: 0 auto !Important; } .tsidesign_cta .the_list_item_headline { text-shadow: 1px 1px 1px rgba(0,0,0,.3) !important; font-weight: 700 !important; text-transform: uppercase !important; font-size: 3.3rem !important; } .tsidesign_cta .the_list_item_subheadline { text-shadow: 1px 1px 1px rgba(0,0,0,.3) !important; } @media(max-width: 575px){ .tsidesign_cta .the_list_item .the_list_item_headline { font-size: 2rem !important; } } /*---------------------------------------------------- REVIEWS -----------------------------------------------------*/ .tsidesign_reviews { max-width: 106rem !important; margin: 0 auto !important; } .tsidesign_reviews .the_list_item_desc { background: transparent !important; border: 9px solid #468dc8 !important; margin-top: 4rem !important; } .tsidesign_reviews p { color: #333333 !important; font-size: 1.4rem !important; font-weight: 300 !important; font-family: lato !important; letter-spacing: .03em !important; padding-top: 5% !important; text-align: center !important; } .tsidesign_reviews .the_list_item .the_list_item_headline { color: #575757 !important; } .tsidesign_reviews .the_list_item .the_list_item_subheadline { color: #575757 !important; } .tsidesign_reviews .the_list_item_heads::after { border-right: 30px solid #205ca0 !important; } /*---------------------------------------------------- FOOTER -----------------------------------------------------*/ #the_footer { max-width:100% !important; } #wrapper .footer_brand { display: none !important; } /*widget*/ #wrapper .widget.the_list_item { background-color: #fff !important; color: #2d2d2d !important; box-shadow: inset 1px 1px 6px -2px rgba(0,0,0,.4) !important; } #the_footer .the_list_item { padding: 2rem 0 1rem !important; } #the_footer .section { padding: 0 !important; } /*------------------------------------------------- MEDIA QUERIES -------------------------------------------------*/ .mediaqueries.mobileview #container .item_1.the_list_item.center.hero.yes_image.yes_heads.yes_link.yes_desc { background-attachment: initial!important; } .mediaqueries.mobileview #container .section .list_block.type_article.a3 .the_list_item { background-attachment: initial!important; } /*--------------------------------------------------- Two Column Floating List ---------------------------------------------------*/ @media (min-width: 700px) { #container .section:not(.w232) .the_list_item #container .section:not(.w232) .the_list_item {width: 47% !important; display: inline-grid!important; margin-right: 0.8rem !important;} #container .the_list_item .the_list_item_desc ol li, #container .the_list_item .the_list_item_desc ul li{position:static!important;} ul li{list-style-position: inside !important;} /*fix for Charlotte theme*/ 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;} } /*----------------------------------------------------- FLEX ------------------------------------------------------*/ #container .tsidesign_flex, #container .tsD_flex { margin: 0 auto !important; display: -webkit-box !important; display: -moz-box !important; display: box !important; display: -webkit-flex !important; display: -moz-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: stretch; -moz-box-align: stretch; box-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; -ms-flex-align: stretch; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #container .tsidesign_flex .the_list_item, #container .tsD_flex .the_list_item { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /*KILLS RIGHT MARGIN ON THE LAST ITEM IF ODD NUMBER OF FEATURES SO EDGES ARE FLUSH WHEN SCALED - RK QA*/ #container .tsidesign_flex .the_list_item:last-of-type, #container .tsD_flex .the_list_item:last-of-type {margin-right: 0rem !important;} /*END*/ .flexboxlegacy #container .tsidesign_flex .the_list_item, .flexboxlegacy #container .tsD_flex .the_list_item{ -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-flex: 1 1 auto; flex: 1 1 auto; } .no-flexboxlegacy #container .tsidesign_flex .the_list_item, .no-flexboxlegacy #container .tsD_flex .the_list_item{ -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; } #container .tsidesign_flex .the_list_item, .flexboxlegacy #container .tsidesign_flex .the_list_item .the_list_wrap, #container .tsD_flex .the_list_item, .flexboxlegacy #container .tsD_flex .the_list_item .the_list_wrap { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-self: stretch; -moz-align-self: stretch; align-self: stretch; -ms-flex-item-align: stretch; } #container .tsidesign_flex .the_list_item .the_list_wrap, #container .tsD_flex .the_list_item .the_list_wrap { /*height: 100% !important;*/ -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; } .flexboxlegacy #container .tsidesign_flex .the_list_item .the_list_wrap, .flexboxlegacy #container .tsD_flex .the_list_item .the_list_wrap { height: auto; } #container .tsidesign_flex .the_list_item .the_list_item_action, #container .tsD_flex .the_list_item .the_list_item_action { margin-top: auto !important; display: block; width: 100%; } #container .tsidesign_flex, #container .tsD_flex { justify-content: space-around; } #container .tsidesign_flex .the_list_item, #container .tsD_flex .the_list_item { justify-content: space-between; } @media (max-width:815px) and (min-width:575px) { .tsidesign_flex .the_list_item, .tsD_flex .the_list_item { width: 44.988% !important; } } /* floating button */ #floating-btn { bottom: 14px; position: fixed; right: 20px; z-index: 99999999; } .mobileview #floating-btn{ display: none !important; } html:not(.mobileview) #floating-btn{ display: block !important; } .cta_btn { background-color: #135A84; border-radius: 15px; color: #fff; font-size: 15px; margin: 5px; padding: 20px 20px 40px; text-transform: uppercase; font-weight: 600; } .cta_btn:hover{ background-color: #fff; color: #135A84 !important; -webkit-transition: all .5s ease !important; transition: all .5s ease !important; } /* end floating button code */