/*--------------------------------------------------- FONT IMPORT -------------------------------------------------*/ /*------------------------------------------------------ MAP ------------------------------------------------------*/ #_the_map_wrapper .b2b-location.wide .b2b-location-items ul li.show-details { overflow: auto !important; } .primary.tsi-phone { width:100% !important; } /*-------------------------------------------------- GLOBAL BODY --------------------------------------------------*/ .mediaqueries.mobileview #container .item_1.the_list_item.center.hero.yes_image.yes_heads.yes_link.yes_desc, .mediaqueries.mobileview #container .section .list_block.type_article.a3 .the_list_item { background-attachment:initial!important; } .list_block.type_article.a3 .the_list_item { background-size: none !important; } .tsidesign_white *, .tsD_white * { color: #fff !important; } .tsidesign_black *, .tsD_black * { color: #242424 !important; } /*---------------------------------------------------- HEADER -----------------------------------------------------*/ #the_header { max-width: 100% !important; } #wrapper #_the_logo, .share_icons-wrap { margin: 0 auto !important; max-width: 106rem !important; } #the_header { box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.15) !important; } /*----------------------------------------------------- LOGO ------------------------------------------------------*/ #the_header .logo-variation.logo-variation-header .logo-slot img { max-height: 13rem !important; } .isMobile #the_header #_the_logo, .isMobile #the_header, .isMobile #the_header #_the_logo .slot-type-image{ min-height: 10rem !important; } @media(max-width: 575px){ #the_header #_the_logo, #the_header, #the_header #_the_logo .slot-type-image{ min-height: 10rem !important; } } /*-------------------------------------------------- NAVIGATION ---------------------------------------------------*/ #_the_navigation a, #menu-holder a { text-transform: uppercase !important; font-size: 1.3rem !important; font-weight: normal !important; } /*---------------------------------------------------- BUTTON -----------------------------------------------------*/ .the_list_item_action a, .gform_button { background: #0a5848 !important; color: #fff !important; box-shadow: none !important; border: none !important; font-size: 1.7rem !important; text-transform: uppercase !important; } .the_list_item_action a:hover, .gform_button:hover { background: #000 !important; color: #fff !important; } .the_list_item_action { background-color: transparent !important; } .tsidesign_banner .the_list_item_action a, .tsidesign_dl .the_list_item_action a { background: var(--accentBkg) !important; color: #fff !important; text-transform: uppercase !important; border: none !important; border-radius: 0px !important; padding: 10px 20px !important; box-shadow: none !important; letter-spacing: 1px; -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important; -moz-osx-font-smoothing: grayscale !important; position: relative !important; -webkit-transition: 0.3s ease-in-out !important; -moz-transition: 0.3s ease-in-out !important; transition: 0.3s ease-in-out !important; } .tsidesign_banner .the_list_item_action a:before, .tsidesign_dl .the_list_item_action a:before{ content: '' !important; position: absolute !important; border: #fff solid 4px !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; -webkit-transition: 0.3s ease-in-out !important; -moz-transition: 0.3s ease-in-out !important; transition: 0.3s ease-in-out !important; -webkit-transition-property: top, right, bottom, left !important; transition-property: top, right, bottom, left !important; } .tsidesign_banner .the_list_item_action a:hover, .tsidesign_dl .the_list_item_action a:hover{ box-shadow: -2rem -2rem #000 !important; } .tsidesign_banner .the_list_item_action a:hover:before, .tsidesign_dl .the_list_item_action a:hover:before{ top: -8px !important; right: -8px !important; bottom: -8px !important; left: -8px !important; } /*************** Custom Floating Social Media Tabs ***************/ :root { --facebook: #1773EA; --google: #32A350; --color1: #CA38B7; } /*-------------- CUSTOM COLOR 1 --------------*/ #social_items_flex .custom_button1:hover .floating_icon { background: var(--color1); /* background of the circle when hovered */ } #social_items_flex .custom_button1 .floating_icon i::before { color: var(--color1); /* color of the icon when hovered */ } #social_items_flex a .custom_button1 span { color: var(--color1) !important; /* color of the text */ } /*-------------- SETTINGS --------------*/ #_the_copyright { padding-bottom: 32rem !important; } .social_button:hover { width: 330px; /* edit this if the wording gets cut off */ } /*-------------- SOCIAL MEDIA ICON ENGINE -- DO NOT MODIFY UNLESS NECESSARY --------------*/ #social_items_flex .facebook_button:hover .floating_icon{background:var(--facebook)}#social_items_flex .google_button:hover .floating_icon{background:var(--google)}#social_items_flex .facebook_button .floating_icon i::before{color:var(--facebook)}#social_items_flex .google_button .floating_icon i::before{color:var(--google)}#social_items_flex .social_button:hover .floating_icon i::before{color:#fff}#social_items_flex a .facebook_button span{color:var(--facebook)!important}#social_items_flex a .google_button span{color:var(--google)!important}#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,.1);transition:all .3s ease-out}.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 .3s ease-out}.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 .3s ease-out} /*************** End Custom Floating Social Media Tabs ***************/ /*------------------------------------------------- FONT STYLING --------------------------------------------------*/ h1, h2, h3 { font-weight: normal !important; } /*--------------------------------------------------- CONTENT -----------------------------------------------------*/ .full_width_content { max-width: 100% !important; background-color: transparent !important; overflow: hidden !important; } .home .content { padding-top: 3rem !important; } .tsidesign_content { max-width: 106rem !important; margin: 0 auto !important; } .tsidesign_content1 { max-width: 106rem !important; margin: 0 auto !important; padding: 1 2% !important; color: #fff !important; } .tsidesign_content1 span { text-transform: uppercase !important; font-weight: 500 !important; color: #3b5152 !important; } .tsidesign_content1 .the_list_item { margin-bottom: 0 !important; } .tsidesign_content1 .the_list_item_headline { padding-top: 2% !important; font-size: 2.4rem !important; color: #fff !important; } /*----------------------------------------------------- DLS -------------------------------------------------------*/ html:not(.mobileview) .home .tsidesign_dl .caption { background-color: rgba(0, 0, 0, 0.4) !important; text-align:center !important; } .tsidesign_dl .slidesjs-pagination { background-color: transparent !important; margin-top: auto !important; top: -5rem !important; position: relative !important; z-index: 11 !important;}.tsidesign_dl .slidesjs-previous.slidesjs-navigation { background-color: rgba(0, 0, 0, 0.2) !important; font-size: 60px !important; margin-top: -25% !important; margin-bottom: auto !important; position: relative !important; z-index: 10 !important; float:left !important;}.tsidesign_dl .slidesjs-next.slidesjs-navigation { background-color: rgba(0, 0, 0, 0.2) !important; font-size: 60px !important; margin-top: -25% !important; margin-bottom: auto !important; position: relative !important; z-index: 10 !important; float:right !important;}@media (max-width: 1000px) {.tsidesign_dl .slidesjs-pagination, .tsidesign_dl .slidesjs-previous.slidesjs-navigation, .tsidesign_dl .slidesjs-next.slidesjs-navigation { display:none !important;}} .tsidesign_dl2 .the_list_wrap{ text-align: center !important; padding: 10% 8% 10% !important; background: rgba(0,0,0,0.3) !important; } /*--------------------------------------------------- FEATURES ----------------------------------------------------*/ .tsidesign_iconfeature2 { padding: 0 !important; max-width: 106rem !important; margin: 0 auto !important; } .tsidesign_iconfeature2 .the_list_item{ margin-bottom: 1rem !important; opacity: .7 !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; } .tsidesign_iconfeature2 .the_list_item:hover { opacity: 1 !important; -webkit-transform: translate(0px,-10px) !important; transform: translate(0px,-10px) !important; } .tsidesign_iconfeature2 .the_list_item_heads { min-height: 3rem !important; } .tsidesign_iconfeature2 .the_list_item_headline a{ font-size: 2.3rem !important; max-width: 15rem !important; margin: 2% auto 0 !important; } .tsidesign_iconfeature2 .the_list_item_subheadline { margin-top: 0 !important; opacity: 0 !important; font-size: 1.4rem !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; } .tsidesign_iconfeature2 .the_list_item:hover .the_list_item_subheadline { opacity: 1 !important; } .tsidesign_iconfeature2 .the_list_item_image { padding: 1rem !important; padding-bottom: .5rem !important; max-width: 8rem !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; } @media(max-width:575px) { .tsidesign_iconfeature2 .the_list_item{ opacity: 1 !important; } } /*--------------------------------------------------- SPLIT 1 ----------------------------------------------------*/ /*--------------------------------------------------- SERVICES ----------------------------------------------------*/ .tsidesign_iconfeature2 { padding: 0 !important; max-width: 106rem !important; margin: 0 auto !important; } .tsidesign_iconfeature2 .the_list_item{ margin-bottom: 1rem !important; opacity: .7 !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; } .tsidesign_iconfeature2 .the_list_item:hover { opacity: 1 !important; -webkit-transform: translate(0px,-10px) !important; transform: translate(0px,-10px) !important; } .tsidesign_iconfeature2 .the_list_item_heads { min-height: 3rem !important; } .tsidesign_iconfeature2 .the_list_item_headline { color: #fff !important; padding: 1rem !important; } .tsidesign_iconfeature2 .the_list_item_headline a{ font-size: 2.3rem !important; max-width: 15rem !important; margin: 2% auto 0 !important; } .tsidesign_iconfeature2 .the_list_item_subheadline { margin-top: 0 !important; opacity: 0 !important; font-size: 1.4rem !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; } .tsidesign_iconfeature2 .the_list_item:hover .the_list_item_subheadline { opacity: 1 !important; } .tsidesign_iconfeature2 .the_list_item_image { padding: 1rem !important; padding-bottom: .5rem !important; max-width: 12rem !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; } @media(max-width:575px) { .tsidesign_iconfeature2 .the_list_item{ opacity: 1 !important; } } /*--------------------------------------------------- SUBPAGES ----------------------------------------------------*/ .tsidesign_internal .the_list_item_image img{ box-shadow: -4px 3px 3px rgba(0,0,0,.23) !important; border-radius:3px !important; } .tsidesign_internal { max-width: 106rem !important; margin: 0 auto !important; } .tsidesign_banner{ padding: 2.5% .5% 1% 2.5% !important; background: #0a5848 !important; margin: 0 !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; } .tsidesign_banner .the_list_item, .tsidesign_banner .the_list { margin-bottom: 0.5rem !important; } .tsidesign_banner .the_list_item_headline, .tsidesign_banner .the_list_item_headline a{ color: #fff !important; letter-spacing: .05em !important; } .tsidesign_banner .the_list_item_subheadline{ color: #fff !important; letter-spacing: .05em !important; font-weight: 300 !important; } .tsidesign_banner .item_1{ width: 70% !important; } .tsidesign_banner .item_2{ width: 25% !important; text-align: right !important; } .tsidesign_banner .the_list_item_action{ background-color: transparent !important; } .tsidesign_banner .the_list_item_action a { background: transparent !important; padding: 1rem 2rem !important; border: 2px solid #fff !important; } .tsidesign_banner .the_list_item_action a:hover { background: #fff !important; color: #0a5848 !important; } @media(min-width:1000px){ .tsidesign_banner .the_list_item_headline, .tsidesign_banner .the_list_item_headline a { font-size: 3.6rem !important; } .tsidesign_banner .the_list_item_subheadline{ font-size: 2rem !important; } } @media (max-width:1000px){ .tsidesign_banner .the_list_item_headline, .tsidesign_banner .the_list_item_headline a{ font-size: 3rem !important; } .tsidesign_banner .the_list_item_subheadline{ font-size: 1.7rem !important; } .tsidesign_banner .item_1{ width: 60% !important; } .tsidesign_banner .item_2{ width: 35% !important; } } @media (max-width:569px){ .tsidesign_banner .the_list_item{ width: 100% !important; text-align: center !important; } } /*---------------------------------------------------- FOOTER -----------------------------------------------------*/ #the_footer { max-width:100% !important; } #the_footer #_the_logo, #the_footer #_the_copyright { margin: 0 auto !important; } #the_footer .widget { border: none !important; } /*------------------------------------------------- MEDIA QUERIES -------------------------------------------------*/ @media only screen and (max-width: 800px){ .section .type_section.cover_fixed .tsXa{ background-size: cover !important; background-attachment: inherit !important; }} .mediaqueries.mobileview .tsidesign_dl .caption{ padding: 0 !important; text-align: center !important; } @media (max-width: 575px){ .tsidesign_dl, .tsidesign_dl .the_list, .tsidesign_dl .slides, .tsidesign_dl .slidesjs-container, .tsidesign_dl .slidesjs-control, .tsidesign_dl .the_list_item_image, .tsidesign_dl .caption_overlay, .tsidesign_dl .caption, .tsidesign_dl .the_list_text { height: 350px !important; top: 0 !important; } .tsidesign_dl .the_list_item { height: 450px !important; } .tsidesign_dl .the_list_item_image img { height: 400px !important; width: initial !important; } .tsidesign_dl .the_list_item .caption_overlay { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.65) 100%) repeat scroll 0 0; position: relative !important; } .content { padding-top: 15px !important; } } @media (max-width: 1000px){ .tsidesign_dl .caption{ padding: 0 !important; text-align: center !important; } } .tsidesign_dl .caption { overflow: hidden !important; }