/* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: BODY & MAIN FONT STYLES :: HEADER & MENU :: HOMEPAGE :: SUB PAGE :: FOOTER :: MISC CLASSES AND STYLES :: POPUP BOX :: ALERT BAR :: FORMS :: PRINT STYLES :: MEDIA QUERY GUIDE :: PRICING MODULE :: PORTFOLIO MODULE ----------------------------------------------------- :: -----------------------------------------------------*/ /* -------------------------------------------------- :: BODY & MAIN FONT STYLES -------------------------------------------------- */ body {font-family:var(--body-font-family);} /* EditAnywhere Bar */ #editAnywhere {display:none; position: fixed; z-index:99999; border: 1px solid rgba(255,255,255,.2); bottom: 10px; height: 60px; width: 250px !important; text-align: left !important; background: url(graphics/images/editanywhere/logo_thrive.png) right center rgba(0,0,0,.8) no-repeat !important; background-size: 100px auto !important; left: 50%; margin-left:-125px; border-radius: 10px; padding: 12px 0px !important;} #editAnywhere a {margin-left: 20px;} /* -------------------------------------------------- :: COLOR THEME WITH VARIABLES -------------------------------------------------- */ /* Backgrounds */ .primary-bg {background-color:var(--primary);} .primary-bg.light-bg {background-color:var(--primary-light);} .primary-bg.dark-bg {background-color:var(--primary-dark);} .primary-bg-75 {background-color:var(--primary-75);} .primary-bg-50 {background-color:var(--primary-50);} .primary-bg-25 {background-color:var(--primary-25);} .secondary-bg {background-color:var(--secondary);} .secondary-bg-75 {background-color:var(--secondary-75);} .secondary-bg-50 {background-color:var(--secondary-50);} .secondary-bg-25 {background-color:var(--secondary-25);} .secondary-bg.light-bg {background-color:var(--secondary-light);} .secondary-bg.dark-bg {background-color:var(--secondary-dark);} .white-bg {background:#ffffff;} .black-bg {background:#000000;} .grey-bg {background:#999999;} .grey-bg.light-bg {background:#f0f0f0;} .grey-bg.dark-bg {background:#1e1e1e;} /* Colors */ .primary-color {color:var(--primary);} .primary-color.light-color {color:var(--primary-light);} .primary-color.dark-color {color:var(--primary-dark);} .secondary-color {color:var(--secondary);} .secondary-color.light-color {color:var(--secondary-light);} .secondary-color.dark-color {color:var(--secondary-dark);} .white {color:#ffffff;} .black {color:#000000;} .grey {color:#999999;} .grey.light {color:#f0f0f0;} .grey.dark {color:#1e1e1e;} /* -------------------------------------------------- :: HEADER & MENU -------------------------------------------------- */ .sticky-header {transition: all 0.4s ease; width:100%; z-index: 1; position:relative;} .sticky-header.sticky {position:fixed; top:0;} .sticky-header.sticky.sticky-hide {transform: translateY(-100%);} .logo-wrapper img {width:auto; max-width:150px; transition: all 0.4s ease;} .logo-wrapper.xs img {max-width:70px;} .logo-wrapper.small img {max-width:110px;} .logo-wrapper.medium img {max-width:150px;} .logo-wrapper.large img {max-width:190px;} .logo-wrapper.xl img {max-width:230px;} #header {background:#fff;} #header .header-main {font-size:1rem;} #header .header-main .menu a.parent {pointer-events:none;} #header .header-main .menu a.parent:hover {cursor:pointer;} #header .header-main .button-cta {margin:0 0 0 1rem; display:none;} #header .header-main .cta-buttons-wrapper .button-cta:last-child {display:inline-block;} #header #mainNav > ul.menu > li {padding:0 1rem;} #header #mainNav ul a {color:#222;} #header #mainNav > ul.menu > li > a {border-bottom: 3px solid transparent; padding:.7rem .2rem;} #header #mainNav > ul.menu > li > a.parent {padding-right:1.5rem;} #header #mainNav > ul.menu > li > a:hover {border-bottom:3px solid var(--primary);} #header #mainNav .is-dropdown-submenu {border:1px solid #eaeaea; border-top:none; top:calc(100% - 3px); font-size:.9rem; min-width:225px; max-width:275px;} #header #mainNav .is-dropdown-submenu li:first-child {border-top:3px solid var(--primary);} #header .header-top {font-size:.85rem;} #header .header-top .header-phone {color:#fff;} #header .header-top .header-phone p {margin:0;line-height:1.1;} #header .header-top .header-phone .phone { font-size:1rem; font-weight:700;} #header .header-top ul li a {font-size:.85rem; margin-left:.85rem;} #header .header-top ul li:first-child a {margin-left:0;} #header .header-top ul li a:hover {background:transparent;} #header .headerSearchButton:hover {cursor:pointer;} #header .headerSearchDropdown {max-width:400px; width: calc(100% - 50px); padding:1.5rem; box-shadow:0 1px 5px rgba(0,0,0,.15);} #header .headerSearchDropdown .searchInputGroup, #header .headerSearchDropdown .input-group-field {margin:0;} #header .hours p {margin:0;} #header .header-bottom {padding:.3rem; font-size:.8rem; color:#fff; text-align:right;} #header .header-bottom p {margin:0;} #header a.social-icon svg {max-width:16px; fill:var(--primary);} #header .header-top ul li a.social-icon {margin:0;} #header .social_menu_topbar li {margin-left:.5rem;} #header.header-1 .header-main {background:#fff; padding:1.5rem 0; border-bottom:1px solid #fff; border-top:3px solid var(--primary-light);} #header.header-1 .header-top ul {padding:7px 0;} #header.header-1 .header-top ul li a {font-weight:700; text-decoration:underline; color:var(--primary-light);} #header.header-1 .header-top .header-search .button {margin:0; color:var(--primary-light);} #header.header-1 .header-top .header-phone {font-size:.8rem;} #header.header-1 .header-top .header-phone p {padding:5px 0;} #header.header-2 .header-top {padding:.45rem 0;} #header.header-2 .header-top ul li a {color:#222;} #header.header-2 .header-top .header-phone {text-transform:uppercase; text-align:center;} #header.header-2 .header-top .header-phone .phone {font-size:1.05rem;} #header.header-2 .header-main {padding:1.95rem 0 .95rem;} #header.header-2 .header-search button {padding:.2rem; cursor:pointer;} #header.header-2 .header-main .logo-wrapper {margin-right:1.5rem;} #header.header-2 .header-main .logo-wrapper.small {margin-right:1rem;} #header.header-2 .header-main #mainNav > ul.menu > li {padding:0 .5rem;} #header.header-2 .header-main #mainNav ul.menu {font-size:.9rem;} #header.header-2 .header-main .menu-nav-icon {margin-left:1.5rem; margin-bottom:.5rem;} #header.header-3 .headerSearchButton {margin:0; padding:.5rem} #header.header-3 .headerSearchButton:hover, #header.header-3 .headerSearchButton:focus {box-shadow:none;} #header.header-3 .header-top ul.menu_top_links li {margin:0 .5rem;} #header.header-3 .header-top ul.menu_top_links li a {text-decoration:underline; font-weight:600; margin:0; color:var(--primary);} #header.header-3 .header-top .phone {font-weight:600;} #header.header-3 .header-top .hours {display:inline-block;} #header.header-3 .header-top .hours p {margin:0;} #header.header-3 #topNav {display:inline-block;} #header.header-3 .header-bottom {padding:0;} #header.header-3 .header-bottom .menu-nav-icon {margin:8px 0;} #header.header-3 .header-bottom .menu-nav-icon span {background:#fff;} #header.header-3 .header-main {padding:5px 0;} #header.header-3 #mainNav ul a {color:#fff; } #header.header-3 #mainNav > ul.menu > li > a {border-bottom:none; text-transform:uppercase; font-size:.9rem;} #header.header-3 #mainNav .is-dropdown-submenu {border:none; background:var(--primary-dark);} #header.header-3 .dropdown.menu > li.is-dropdown-submenu-parent > a::after {border-color:#fff transparent transparent;} #header.header-3 .cta-buttons-wrapper .button {border:2px solid;} #header.header-3 .cta-buttons-wrapper .button:last-child {border-color:var(--btn-accent-color); color:var(--btn-accent-color); background:#fff;} #header.header-3 .cta-buttons-wrapper .button:last-child:hover, #header.header-3 .cta-buttons-wrapper .button:last-child:focus {box-shadow:none;} #header.header-4 .header-top .social_menu_topbar {margin-left:.8rem; margin-top:4px;} #header.header-4 .header-top ul.menu_top_links li {margin:0 .5rem;} #header.header-4 .header-top ul.menu_top_links li a {text-decoration:underline; font-weight:700; margin:0; color:#fff;} #header.header-4 .header-top .phone {font-weight:700; color:#fff;} #header.header-4 .header-top .hours {color:var(--primary-light);} #header.header-4 .header-top .hours p {margin:0;} #header.header-4 #topNav {display:inline-block;} #header.header-4 a.social-icon svg {fill:#fff;} #header.header-4 .header-main {padding:.8rem 0;} #header.header-4 .header-main .button-cta {display:inline-block; background:transparent; color:#fff; border-color:#fff; border-radius:2px; font-size:.8rem;} #header.header-4 .header-main .cta-buttons-wrapper .button-cta:last-child {background:#fff; color:var(--primary-dark);} #header.header-4 #mainNav a {color:#fff; font-weight:600;} #header.header-4 .dropdown.menu > li.is-dropdown-submenu-parent > a::after {border-color:#fff transparent transparent; border-width:5px; margin-top:-1px;} #header.header-4 .header-bottom {padding:0;} #header.header-4 .menu-nav-icon {margin-left:.8rem;} #header.header-4 .menu-nav-icon span {background:#fff;} #header.header-4 #mainNav > ul.menu > li {padding:0;} #header.header-4 #mainNav > ul.menu > li > a {border:none; padding:.7rem .7rem;} #header.header-4 #mainNav > ul.menu > li > a:hover, #header.header-4 #mainNav > ul.menu > li.is-active > a {background:var(--primary-dark);} #header.header-4 #mainNav > ul.menu > li > a.parent {padding-right:1.25rem;} #header.header-4 #mainNav .is-dropdown-submenu {background:var(--primary);top:100%;text-align:left;} #header.header-4 #mainNav .is-dropdown-submenu li:first-child {border:none;} #header.header-4 .headerSearchButton {padding:5px;} #header.header-4 .headerSearchButton svg {fill:#fff; width:1.2rem; height:1.2rem;} #header.header-4 .header-bottom .menu-nav-icon {margin:.5rem 0 .5rem 1rem; } #header.header-4 .header-bottom .menu-nav-icon span {background:#fff;} #header.header-5 a.social-icon svg {fill:#999;} #header.header-5 .hours {color:#fff;} #header.header-5 #topNav {display:inline-block;} #header.header-5 .header-top {padding:3px 0;} #header.header-5 .header-top ul li a {color:#fff;} #header.header-5 .header-top ul.menu_top_links li {margin:0 .5rem;} #header.header-5 .header-top ul.menu_top_links li a {text-decoration:underline; font-weight:700; margin:0; color:#ffffff;} #header.header-5 .header-top .phone {color:#ffffff; font-weight:700;} #header.header-5 .headerSearchButton {padding:5px;} #header.header-5 .headerSearchButton svg {fill:#fff;} #header.header-5 #mainNav a {color:#fff;} #header.header-5 .header-main {padding:.8rem 0;} #header.header-5 #mainNav > ul.menu > li > a {text-transform:uppercase; font-size:.95rem;} #header.header-5 #mainNav > ul.menu > li {padding:0 .8;} #header.header-5 #mainNav .is-dropdown-submenu {border:none;} #header.header-5 .menu-nav-icon {margin:.5rem 0 .5rem 1rem; } #header.header-5 .menu-nav-icon span {background:#fff;} #header.header-6 a.social-icon svg {fill:#999;} #header.header-6 .hours {color:#999;} #header.header-6 #topNav {display:inline-block;} #header.header-6 .header-top {padding:3px 0;} #header.header-6 .header-top ul li a {color:#999;} #header.header-6 .header-top ul.menu_top_links li {margin:0 .5rem;} #header.header-6 .header-top ul.menu_top_links li a {text-decoration:underline; font-weight:700; margin:0; color:#999;} #header.header-6 .header-top .phone {color:#999; font-weight:700;} #header.header-6 .headerSearchButton {padding:5px;} #header.header-6 .headerSearchButton svg {fill:#000;} #header.header-6 .header-main {padding:.8rem 0;} #header.header-6 #mainNav > ul.menu > li > a {text-transform:uppercase; font-size:.95rem;} #header.header-6 #mainNav > ul.menu > li {padding:0 .8;} #header.header-6 #mainNav .is-dropdown-submenu {border:none;} #header.header-6 .menu-nav-icon {margin:.5rem 0 .5rem 1rem;} /* Menu Hamburger styles */ .menu-nav-icon { position: relative; height: 27px; width: 35px; cursor: pointer; transition: opacity .25s ease; } .menu-nav-icon.active .top {transform: translateY(11px) translateX(0) rotate(45deg);} .menu-nav-icon.active .middle {opacity: 0;} .menu-nav-icon.active .bottom {transform: translateY(-11px) translateX(0) rotate(-45deg);} .menu-nav-icon span { background: #000; border: none; height: 4px; width: 100%; position: absolute; top: 0; left: 0; transition: all .35s ease; cursor: pointer; border-radius:1px; } .menu-nav-icon span:nth-of-type(2) {top: 11px;} .menu-nav-icon span:nth-of-type(3) {top: 22px;} #mobileMenuContainer { width:calc(100% - 6rem); max-width:430px; background:#fff; -webkit-overflow-scrolling: touch; -webkit-transform: translateX(430px); -ms-transform: translateX(430px); transform: translateX(430px); } #mobileMenuContainer.is-open { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #mobileMenuContainer .menu_mobile li {font-size:1.15rem;} #mobileMenuContainer .menu_mobile li a {color:#353332;} #mobileMenuContainer .drilldown .is-drilldown-submenu-parent > a::after {border-color: transparent transparent transparent #353332;} #mobileMenuContainer .drilldown .js-drilldown-back > a::before {border-color: transparent #353332 transparent transparent; margin-bottom:2px;} #mobileMenuContainer .drilldown a {padding:1rem;} #mobileMenuContainer .js-drilldown-back {border-bottom:1px solid #eee; margin-bottom:1rem;} #mobileMenuContainer .mobile-cta {text-align:center;} #mobileMenuContainer .mobile-cta .button {margin:0 auto; width:100%; max-width:300px;} #mobileMenuContainer .mobile-cta .button:nth-child(2) {margin-top:.8rem;} #mobileMenuContainer .menu_mobile_utility {border:1px solid #ddd; border-bottom:none; border-radius:3px;} #mobileMenuContainer .menu_mobile_utility li {border-bottom:1px solid #ddd;} #mobileMenuContainer .menu_mobile_utility li a {color:#575757; padding:0.8rem 1rem;} #mobileMenuContainer .menu_mobile_utility li .hours p {margin:0; display:inline-block; line-height:1rem;} #mobileMenuContainer .menu_mobile_utility svg {width:100%; max-width:20px; display:inline-block;max-width: 19px;margin: 0 15px 0 0;height: auto; fill:#575757} #mobileMenuContainer .social_menu_mobile a.social-icon svg {max-width:25px; width:100%; fill:var(--primary-dark);} #mobileMenuContainer .menu_mobile_quicklinks a {text-decoration:underline} .show-for-mobile {display:unset;} @media print, screen and (min-width: 768px) { .show-for-mobile {display:none;} .viewport-adjust-hide {display:none;} .viewport-adjust-show {display:unset;} #header.header-2 .header-top .header-phone {text-align:left;} } @media print, screen and (max-width: 767px) { .hide-for-mobile {display:none !important;} } /* -------------------------------------------------- :: SUB PAGE -------------------------------------------------- */ section {padding:50px 0;} #pageHeader {margin:0; padding:0;} #pageHeader .page-title {margin:4rem 0; color:#fff;} .bee-html-block {text-align:left !important;} .rounded-corners {border-radius:10px;} section.ribbon-lister {padding:0;} .ribbon-lister .wrapper {padding:20px;} .ribbon-lister .lister-item {font-size:.9rem; overflow:hidden;} .ribbon-lister .lister-item .image {aspect-ratio:1/.5; margin-bottom:1rem; overflow:hidden;} .ribbon-lister .lister-item .image img {object-fit:cover; width:100%; height:100%;} .ribbon-lister .lister-item .lister-title a {text-decoration:none; color:inherit;} .ribbon-lister .lister-item .lister-title a:hover {text-decoration:underline;} .ribbon-lister .lister-item .button {margin:1rem auto; width:calc(100% - 2rem); display:block;} .ribbon-lister.ribbon-lister-2 .lister-item .image { height:100%; width:100%;} .title-tiles .tile {padding:1rem; height:100%; display: flex; justify-content: center; align-items: center; min-height:160px; text-decoration:none;} .title-tiles .tile .tile__title {margin:0; text-transform:uppercase; line-height:1.1; color:#fff; text-align:center; transform:translateY(0); transition:transform .35s ease} .title-tiles .tile:hover .tile__title {transform:translateY(-.5rem);} .index-cards .index-card {font-size:.9rem;} .index-cards .index-card .image {aspect-ratio:1/.5;} .index-cards .index-card img {object-fit:cover; width:100%; height:100%;} .index-cards .index-card .index-card__title {margin:0;} .index-cards .index-card .index-card__title a {color:inherit; text-decoration:none;} .index-cards .index-card .index-card__title a:hover {text-decoration:underline;} .index-cards .index-card .index-card__description {color:#444; margin-top:.5rem;} .index-cards .index-card .button-wrapper {padding:1rem 1rem 0;} .index-cards .index-card .button-wrapper.show-for-medium {padding-top:2rem;} .bullet-lister .bullet-lister__title a {color:inherit; text-decoration:none;} .bullet-lister .bullet-lister__title a:hover {text-decoration:underline;} .bullet-lister .bullets {white-space: pre-wrap; margin-bottom:5px;} .bullet-lister .bullets ul {margin-bottom:0;} .bullet-lister .bullets a {color:#000;} .bullet-lister.bullet-lister-circle-photo .image {padding: 1rem;} .bullet-lister.bullet-lister-circle-photo .image img {object-fit:cover; width:70%; height:70%; border-radius:50%; aspect-ratio:1/1;} .bullet-lister.bullet-lister-circle-photo .bullet-lister__title {margin-bottom:.8rem;} .bullet-lister.bullet-lister-photo .lister-item {overflow:hidden; position:relative;} .bullet-lister.bullet-lister-photo .image {aspect-ratio: 1/.75; margin-bottom: 0;} .bullet-lister.bullet-lister-photo .image img {object-fit:cover; width:100%; height:100%;} .bullet-lister.bullet-lister-photo .content {padding:1rem 1rem 3rem; font-size:.9rem;} .bullet-lister.bullet-lister-photo .bullet-lister__title {margin-bottom:.3rem;} .bullet-lister.bullet-lister-photo .button-wrapper {position:absolute; bottom:0; left:0; right:0; width:100%;} .bullet-lister.bullet-lister-photo .button-wrapper .button {margin:0; border-radius:0; width:100%;} .photo-tiles .photo-tile {font-size:.9rem;} .photo-tiles .photo-tile .image {aspect-ratio:1/.75;padding: 1rem;} .photo-tiles .photo-tile img {object-fit:cover; width:100%; height:100%;} .photo-tiles .photo-tile .lister-title {margin:0; padding:0 1rem 1rem 1rem; text-align:center} .photo-tiles .photo-tile .lister-title a {color:inherit; text-decoration:none;} .photo-tiles .photo-tile .lister-title a:hover {text-decoration:underline;} .photo-tiles.small .photo-tile .image {aspect-ratio: 1/1;} .photo-tiles.small .photo-tile img {border-radius:50%;} .photo-tiles.small .photo-tile .lister-title {padding:1rem; text-align:left;} /* ModuleBegin::blog */ .blogModule .filter a {padding:.5rem; text-decoration:none; display:inline-block; border-radius:20px;} .blogModule.moduleLister .title {margin-bottom:1rem;} .blogModule .listerItem {font-size:.9rem; color:#444; border:1px solid #eee; overflow:hidden; background:#fff; box-shadow: 0px 10px 30px -10px rgba(0,0,0,0.14); position:relative; } .blogModule .listerItem:not(.featureItem) {padding-bottom:3.5rem;} .blogModule .listerItem .image {aspect-ratio:1/.65; border-bottom:1px solid #eee; background-color:#f0f0f0;} .blogModule .listerItem img.cover {object-fit:cover; width:100%; height:100%;} .blogModule .listerItem .content {padding:1rem;} .blogModule .listerItem .category {margin:0;} .blogModule .listerItem .category a {margin:0 0 .6rem; border-radius:20px; padding:.3rem .6rem;} .blogModule .listerItem .title {margin:0 0 .5rem;} .blogModule .listerItem .title a {color:inherit; text-decoration:none;} .blogModule .listerItem .title a:hover {text-decoration:underline;} .blogModule .listerItem .blurb p:last-child {margin:0;} .blogModule .listerItem .blurb {margin-bottom:10px;} .blogModule .listerItem .tags a {display:inline-block; margin-right:.35rem;} .blogModule .listerItem .read-more {position:absolute; bottom:0; left:0; width:100%; margin:0; padding:0 1rem 1rem;} .blogModule .listerItem .read-more .button {margin:0;} .blogModule aside {} .blogModule aside .filter-box {border:1px solid #eee; padding:1rem; margin:2rem 0;} .blogModule aside .filter-box .title {text-transform:uppercase; margin-bottom:.3rem;} .blogModule aside ul {list-style-type:none; margin-left:.3rem; margin-bottom:.3rem;} .blogModule .listerItem.featureItem {padding:1rem;} .blogModule .listerItem.featureItem .image {height:100%; max-width:100%;} .blogModule .listerItem.featureItem .content {padding:1rem 0 0;} .blogModule .listerItem.featureItem .button-group .button {margin-bottom:4px;} .blogModule.carousel-wrapper .carousel-cell {padding:1rem;} .blogModule.carousel-wrapper .carousel-cell .listerItem {box-shadow:none;} .blogModule.carousel-wrapper .carousel-cell .listerItem .image {margin:1rem 1rem 0 1rem;} .blogModule.carousel-wrapper .carousel-cell .listerItem.endItem {color:#fff; background:var(--primary-dark); border-color:var(--primary);} .blogModule.carousel-wrapper .carousel-cell .listerItem.endItem .image {background:var(--primary-dark); border-bottom:none;} .blogModule.carousel-wrapper.blog-set .carousel-cell .listerItem {padding-bottom:0;} .blogModule.carousel-wrapper.blog-set .carousel-cell .listerItem .image {margin:0;} .blogModule.carousel-wrapper.blog-set .listerItem .title {margin-bottom:0; text-align:center;} .blogModule.moduleDetail .title {margin:0 0 1rem;} .blogModule.moduleDetail .info {margin-bottom:.5rem; font-weight:400; color:#737373;} .blogModule.moduleDetail .tags {font-size:.9rem; color:#737373;} .feature-box {width:100%; margin: 1rem 0;} .feature-box .image {width:100%; background:#f9f9f9;} .feature-box .image img {margin:0 auto; display:block;} .feature-box .caption {padding:.5rem .8rem; border-left:4px solid var(--secondary);} .feature-box .caption p {margin:0; font-size:.9rem;} #accessibilityForm {padding:30px; margin:20px;} /* Special BEE overrides */ .applied-settings .bee-popup-html-block {text-align:inherit;} .applied-settings .bee-popup-container {font-family:var(--body-font-family);} .applied-settings .bee-popup-row .bee-popup-row-content .bee-popup-list ul {list-style-position:inherit; margin-bottom:1rem; margin-left:1.75rem;} @media print, screen and (min-width: 40rem) { .index-cards .index-card .image, .ribbon-lister .lister-item .image {aspect-ratio:1/1; margin-bottom:0;} .ribbon-lister .wrapper .lister-item .button {margin:1rem 0; width:auto; display:inline-block;} .blogModule .listerItem.featureItem {padding:2rem;} .blogModule .listerItem.featureItem .content {padding:1rem 1rem 1rem 2rem;} .blogModule .listerItem.featureItem .button-group .button {margin:4px 4px 0 0;} } /* -------------------------------------------------- :: FOOTER -------------------------------------------------- */ a.social-icon {display:block;} a.social-icon svg {max-width:30px; fill:#000; width:100%;} #footer {} #footer .logo {margin-bottom:.5rem; margin-top:.7rem; max-width:250px; width:100%;} #footer .footer-copyright {font-size:.9rem; background:#222222; padding:.8rem 0 3.8rem; color:#f9f9f9;} #footer .footer-copyright p {margin:0;line-height:1.4;} #footer .footer-copyright a {color:var(--primary-light);} #footer .footer-copyright a:hover {text-decoration:underline;} #footer .footer-main a:hover {text-decoration:underline;} #footer .footer-main #footerNav ul {margin:.5rem 0;} #footer .footer-main #footerNav ul li {list-style-type:none;} #footer .footer-main #footerNav ul.sub-menu li {display:block; width:100%;} #footer .footer-social h4 {font-weight:700;} #footer .footer-main {position:relative; padding:3.5rem 0 4rem;} #footer .footer-main .footer-contact .address {font-weight:700;} #footer .footer-main .footer-contact .address a {text-decoration:none;} #footer .footer-main .footer-contact .address a:hover {text-decoration:underline;} #footer .footer-main .footer-contact .contact p {margin:0;} #footer .footer-main .h5 {font-weight:700; pointer-events:none; margin:0; text-decoration:none;} #footer .footer-main #footerNav ul.sub-menu li {margin:.5rem 0;} /* Footer Color Schemes */ #footer.footer-gray {background:#f0f0f0; color:#000;} #footer.footer-white {background:#ffffff; color:#000; border-top:2px solid #f0f0f0;} #footer.footer-white .footer-main a, #footer.footer-gray .footer-main a, #footer.footer-3.footer-white .footer-main .h5, #footer.footer-3.footer-gray .footer-main .h5 {color:#000;} #footer.footer-white .footer-main .h5, #footer.footer-gray .footer-main .h5, #footer.footer-white .footer-social h4, #footer.footer-gray .footer-social h4, #footer.footer-white .footer-main .footer-contact .address a, #footer.footer-gray .footer-main .footer-contact .address a, #footer.footer-3.footer-white .footer-main a, #footer.footer-3.footer-gray .footer-main a {color:var(--primary-dark);} #footer.footer-white .footer-social a.social-icon svg, #footer.footer-gray .footer-social a.social-icon svg {fill:#999999;} #footer.footer-dark {background:var(--primary-dark); color:#fff;} #footer.footer-black {background:#000; color:#fff;} #footer.footer-dark .footer-main a, #footer.footer-black .footer-main a, #footer.footer-3.footer-dark .footer-main .h5, #footer.footer-3.footer-black .footer-main .h5 {color:#fff;} #footer.footer-dark .footer-main .h5, #footer.footer-black .footer-main .h5, #footer.footer-dark .footer-main .footer-contact .address a, #footer.footer-black .footer-main .footer-contact .address a, #footer.footer-dark.footer-2 #footerNav ul li a, #footer.footer-black.footer-2 #footerNav ul li a, #footer.footer-3.footer-dark .footer-main a, #footer.footer-3.footer-black .footer-main a {color:var(--primary-light);} #footer.footer-dark .footer-social a.social-icon svg, #footer.footer-black .footer-social a.social-icon svg {fill:#fff;} #GDPR {background:rgba(0,0,0,.9); position:fixed; bottom:0; left:0; width:100%; display:none; z-index:1000000;} #GDPR h5 {margin:0; color:#fff;} #GDPR p {color:#fff; margin:0;} #GDPR a {color:#fff;} #GDPR .button { margin:0; min-width: 100px;} #footer.footer-1 .footer-social {margin:1.5rem 0;} #footer.footer-1 .social_menu_footer li {margin:0 1rem .8rem 0;} #footer.footer-2 .logo, #footer.footer-3 .logo {margin-left:auto; margin-right:auto; max-width:150px;} #footer.footer-2 #footerNav ul li {margin:1rem 1rem 0;} #footer.footer-2 #footerNav ul li a {font-weight:700;} #footer.footer-2 .footer-social h4 {margin-top:1rem;} #footer.footer-3 .footer-social {margin-top:1rem;} #footer.footer-3 .footer-main #footerNav ul.sub-menu li {font-weight:600;} @media print, screen and (min-width: 64em) { .large-align-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } /* -------------------------------------------------- :: MISC STYLES AND CLASSES -------------------------------------------------- */ #googlemap img, object, embed, .GMapEZ img, #map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object {max-width: none !important;} /* Removes random added height from Google Remarketing Tags - if tags are on the site */ iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left;} /* responsive video wrapper */ .responsive-embed,.flex-video{position:relative;height:0;margin-bottom:1rem;padding-bottom:75%;overflow:hidden} .responsive-embed iframe,.responsive-embed object,.responsive-embed embed,.responsive-embed video,.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video{position:absolute;top:0;left:0;width:100%;height:100%} .responsive-embed.widescreen,.flex-video.widescreen{padding-bottom:56.25%} /* Pagination Classes */ .pagination {text-align:center; margin-top:50px; font-size:0px; color:#666;} .pagination a, .pagination .pageLinkCurrent {padding:.3rem; display:inline-block; height:30px; width:30px; margin:2px; color:#666; text-decoration:none; border-radius:3px; font-size:14px;} .pagination a.prevnextLink {width:auto;} .pagination a:hover {background:var(--secondary-light);} .pagination .pageLinkCurrent {background:var(--secondary); color:#fff;} .pagination .itemCount {font-size:14px; margin-top:10px;} .errorMessage {background:#fdc0c0; text-align:center; font-style:italic; padding:5px; border-radius:3px; color:#970000;} .errorMessage a {color:#970000;} .noClick > a, a.noClick, .noClick, .noclick > a, a.noclick, .noclick, .no-click > a, a.no-click, .no-click {pointer-events: none;} .imageRight {float:right; margin-left:1rem; margin-bottom:1rem;} @font-face { font-family: 'flexslider-icon'; src:url('graphics/extras/flexslider/fonts/flexslider-icon.eot'); src:url('graphics/extras/flexslider/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('graphics/extras/flexslider/fonts/flexslider-icon.woff') format('woff'), url('graphics/extras/flexslider/fonts/flexslider-icon.ttf') format('truetype'), url('graphics/extras/flexslider/fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } .cal {background:#f5f5f5; border:1px solid #e3e3e3; padding:10px; text-align:center;} .cal .calPrev, .cal .calMonth, .cal .calNext {display:inline-block; margin-bottom:13px;} .cal .calPrev a, .cal .calMonth a, .cal .calNext a {text-decoration:none; color:#000; padding:2px 5px; font-weight:800;} .cal .calPrev a, .cal .calNext a {color:transparent;} .cal .calPrev a:after {content: '\f001'; font-family: 'flexslider-icon'; color:#000;} .cal .calNext a:before {content: '\f002'; font-family: 'flexslider-icon'; color:#000;} .calGrid th {font-size:12px; font-weight:400; color:#555;} .calGrid td {font-size:14px; padding:3px 0;} .calMonthLink {margin-top:10px; display: inline-block;} .confirm_email_field {position: absolute;left: -9998px;top: -9998px;} /* -------------------------------------------------- :: ALERT BAR -------------------------------------------------- */ #alertSlider {position:relative;} .alert-bar {width:100%; padding:10px;} .alert-bar .icon-wrap { background:rgba(0,0,0,.4); height: 24px; width: 24px; padding: 2px; border-radius: 3px; text-align:center; margin-right:.7rem;} .alert-bar .icon-wrap svg {height:15px; width:15px; fill:#fff;} .alert-bar p {color:#000; font-size:14px; margin-bottom:0;} .alert-bar a {color:#000; text-decoration:underline;} .alert-bar p.white {color:#fff;} .alert-bar p.white a {color:#fff;} .alert-bar .close-button {color:#000;} .alert-bar .close-button.white {color:#fff;} @media screen and (max-width: 640px) { .alert-bar p {font-size:12px;} } /* -------------------------------------------------- :: SILENT SALESMAN -------------------------------------------------- */ .cornerBox {position:fixed; bottom:10px; right:15px; opacity:0; display:none; z-index:1;} .cornerBox.box-left {right:auto; left:15px;} .cornerBox .cornerBox--container {border:2px solid #fff; border-radius:25px; -webkit-border-radius:25px; transition: all .3s ease;} .cornerBox .cornerBox--header {padding:10px 15px; transition: all .3s ease;} .cornerBox .cornerBox--header:hover {cursor:pointer;} .cornerBox .cornerBox--header svg {width:20px; margin: 0 5px -4px 0; fill:#000;} .cornerBox .cornerBox--header p {margin:0; color:#000; font-weight:700; display:inline-block;} .cornerBox .cornerBox--header.white p {color:#fff;} .cornerBox .cornerBox--header.white svg {fill:#fff} .cornerBox .cornerBox--content {display:none; width:355px; max-height:445px; overflow-y:auto; } .cornerBox .cornerBox--wrapper {font-size:14px; background:#fff; margin:0 10px 10px; padding:10px; border-radius:6px; -webkit-border-radius:6px} .cornerBox .cornerBox--wrapper p {font-size:14px; margin:0 auto 15px;} .cornerBox .cornerBox--wrapper .button {margin:0 auto; display:block;} .cornerBox .cornerBox--wrapper .formNavigation {margin-bottom:1rem;} .cornerBox.open .cornerBox--container {border-radius:15px; -webkit-border-radius:15px;} .cornerBox.open .cornerBox--header {border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; } .cornerBox.open .cornerBox--header:after {content:'\25bc'; position:absolute; right:10px; color:#000;} .cornerBox.open .cornerBox--header.white:after {color:#fff;} .cornerBox.open .cornerBox--content {border-radius:0 0 15px 15px; -webkit-border-radius:0 0 15px 15px;} @media only screen and (max-width: 370px) { .cornerBox .cornerBox--content {width:100%;} .cornerBox.open {right:15px; left:15px;} } @media only screen and (max-height: 660px) { .cornerBox .cornerBox--content {max-height:320px;} } @media only screen and (max-height: 530px) { .cornerBox .cornerBox--content {max-height:220px;} } @media only screen and (max-height: 430px) { .cornerBox .cornerBox--content {max-height:180px;} } @media only screen and (max-height: 360px) { .cornerBox .cornerBox--content {max-height:120px;} } /* -------------------------------------------------- :: LOCATIONS -------------------------------------------------- */ .locations-lister.locations-lister__buttonList, .locations-lister.locations-lister__linkList {padding:0 10px;} .locations-lister.locations-lister__buttonList .button {margin:0;} .locations-lister.locations-lister__buttonListInline .button {margin:.3rem;} .locations-lister.locations-lister__grid .cell {padding-top:.5rem; padding-bottom:.5rem;} .locations-lister.locations-lister__grid.locations-lister__linkList .cell {padding-top:.25rem; padding-bottom:.25rem;} .locations-lister h3.locations-category {margin-top:1rem; margin-bottom:0;} /* -------------------------------------------------- :: FORMS -------------------------------------------------- */ /* Recaptcha styling */ .simpleAntiSpam div{margin:6px auto!important} .g-recaptcha div{margin:20px auto 0!important} /* Date picker */ #ui-datepicker-div {display:none;} .ui-datepicker{background:#fff;border:1px solid #cacaca;padding:15px;margin:10px 20px;-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);} .ui-datepicker-header{text-align:center;font-size:16px;font-weight:800} .ui-datepicker-prev{float:left;font-size:13px;text-transform:uppercase} .ui-datepicker-next{float:right;font-size:13px;text-transform:uppercase} .ui-datepicker-title{clear:both} .ui-datepicker-calendar{min-width:200px} .ui-datepicker-calendar th{width:14.2%;font-weight:600} .ui-datepicker-calendar td{vertical-align:middle;text-align:center} .ui-datepicker-calendar td a{padding:2px} .datetimeField {width:100px; float:left; margin-right:5px;} .formContent{display:flex;flex-wrap:wrap;justify-content:space-between;} .formContent .grid-container {width:100%;} .formSubGroup {display:flex;flex-wrap:wrap;justify-content:space-between} .formSubGroup .formGroup--medium{width:calc(50% - .75rem)} .formFieldset,.formStaticText{width:100%} .formGroup{display:block;position:relative;z-index:0;width:100%;align-self:center} .formInput-columns{display:flex;flex-flow:row wrap} .formInput-columns label{flex:0 1 auto;width:100%;margin-bottom:1rem} .formInput-columns label input{margin-bottom:0} @media screen and (min-width:40em){ .formInput-columns.columns-auto label{flex:1 1 10%;width:auto} .formInput-columns.columns-2 label{width:50%} .formInput-columns.columns-3 label{width:33%} .formInput-columns.columns-4 label{width:25%} .formInput-columns.columns-5 label{width:20%} } .formGroup--aligned{display:flex;align-items:center} .formGroup--aligned .formLabel{white-space:nowrap;flex:1 1 auto;padding-right:.75rem;margin-bottom:1rem} .formGroup--checkbox.formGroup--aligned input{margin-bottom:0} @media (min-width:64em){ .formGroup--quarter{width:calc(25% - .75rem)} .formGroup--small{width:calc(33.333% - .75rem)} .formGroup--medium{width:calc(50% - .75rem)} .formGroup--large{width:calc(66.666% - .75rem)} .formGroup--full{width:100%} } .formNavigation{margin-bottom:50px;display:flex;justify-content:space-around;width:100%} .button+.formNavigation-next{margin-left:auto} /* Tables */ table {width:100%;} @media only screen and (max-width: 640px) { [type='text'],[type='password'],[type='date'],[type='datetime'],[type='datetime-local'],[type='month'],[type='week'],[type='email'],[type='number'],[type='search'],[type='tel'],[type='time'],[type='url'],[type='color'],textarea, select {height: 3rem; margin-bottom:20px; width: 100%;} form table {width:100%; display:block;} form table tbody {display:block; width:100%;} form table tr {display:block; width:100%;} form td {display: block; padding:0;} } /* -------------------------------------------------- :: FLICKITY -------------------------------------------------- */ /*! Flickity v2.2.2 https://flickity.metafizzy.co ---------------------------------------------- */ /* Custom Styles */ .flickity-enabled.is-fade .flickity-slider>*{pointer-events:none;z-index:0; opacity: 0 !important; transition: opacity 1s ease !important;} .flickity-enabled.is-fade .flickity-slider>.is-selected{pointer-events:auto;z-index:1; opacity: 1 !important;} .flickity-prev-next-button {height:22px; width:22px; border-radius:6px; -webkit-transition:transform .25s ease,-webkit-transform .25s ease; transition:transform .25s ease,-webkit-transform .25s ease;} .dark-theme .flickity-button {background:hsla(0, 0%, 22.7%, 0.0);} .dark-theme .flickity-button:hover {background:hsla(0, 0%, 22.7%, .1);} .flickity-prev-next-button .flickity-button-icon {width:65%; height:65%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); top:50%; left:50%;} .no-arrows .flickity-prev-next-button {display:none;} .flickity-viewport {width:100%;} .hero {display:block;position:relative;margin:0;padding:0} .hero .slideshow {display:block;position:relative; background:#000; overflow:hidden;} .hero .slideshow .slide {width:100%; background:#000;} .hero .slideshow .slide .slideDesktop {position:relative; overflow:hidden;} .hero .slideshow .slide, .hero .slideshow .slide .slideInner, .hero .slideshow .slide .slideDesktop, .hero .slideshow .slide .slideInner .grid-y {aspect-ratio: 16 / 9;} .hero .slideshow .slide .slideDesktop .overlay {position:absolute; left:0; top:0; height:100%; width:100%; opacity:.15;} .hero .slideshow .slide .slideDesktop .overlay.gradient-left.black-bg { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100 */ background: linear-gradient(to right, #000000 0%,#00000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .hero .slideshow .slide .slideDesktop .overlay.gradient-left.primary-bg.dark-bg { background: linear-gradient(to right, var(--primary-dark) 0%,var(--primary-dark-0) 100%); } .hero .slideshow .slide .slideDesktop .overlay.gradient-left.secondary-bg.dark-bg { background: linear-gradient(to right, var(--secondary-dark) 0%,var(--secondary-dark-0) 100%); } .hero .slideshow .slide .slideDesktop .overlay.gradient-right.black-bg { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100 */ background: linear-gradient(to right, #00000000 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .hero .slideshow .slide .slideDesktop .overlay.gradient-right.primary-bg.dark-bg { background: linear-gradient(to right, var(--primary-dark-0) 0%,var(--primary-dark) 100%); } .hero .slideshow .slide .slideDesktop .overlay.gradient-right.secondary-bg.dark-bg { background: linear-gradient(to right, var(--secondary-dark-0) 0%,var(--secondary-dark) 100%); } .hero .slideshow .slide .slideDesktop .overlay.stop-15 {opacity:.15;} .hero .slideshow .slide .slideDesktop .overlay.stop-25 {opacity:.25;} .hero .slideshow .slide .slideDesktop .overlay.stop-40 {opacity:.4;} .hero .slideshow .slide .slideDesktop .overlay.stop-60 {opacity:.6;} .hero .slideshow .slide .slideDesktop .overlay.stop-75 {opacity:.75;} .hero .slideshow.flickity-enabled .slide {opacity:0;} .hero .slideshow:not(.static) .slide, .hero .slideshow:not(.static) .slide .slideInner, .hero .slideshow:not(.static) .slide .grid-y {height:100%;} /* no js fallback */ .no-js .hero .slideshow.static .slide {display:none; opacity:1;} .no-js .hero .slideshow.static .slide:first-child {display:block;} .bee-popup-container div.carousel-wrapper {margin:0 1rem;} .bee-popup-container div.carousel-wrapper.page-dots {margin-bottom:2rem;} .bee-popup-container div.carousel-wrapper.arrows {padding:0 37px;} .carousel .flickity-slider {display:flex;} .carousel .flickity-prev-next-button.previous {transform:translate(-100%,-50%); left:-1px;} .carousel .flickity-prev-next-button.next {transform:translate(100%,-50%); right:-1px;} .logos .item {text-align:center; padding:1rem; margin:1rem; text-align:center; min-height:125px; max-height:220px; display: flex; justify-content: center; align-items: center;} .logos img {max-height:190px; width:auto;} .logos .card {} .testimonials .item {padding:1rem; border:1px solid #ddd; margin:1rem;} .testimonials .item.no-border {border:none;} .testimonials .item .menu > li {margin:0 2px;} .testimonials .item .menu svg {width:20px; height:100%; fill:#f29604;} .testimonials .item .name {font-size:.9rem; margin-bottom:0;} .testimonials .item.more-slide {position:relative;} .testimonials .item.more-slide .link-overlay {position:absolute; top:0; left:0; right:0; bottom:0; text-decoration:none;} .testimonials.testimonials-stacked .text-content {border-left:1px solid #ddd; padding-left:1rem;} .testimonials.testimonials-single .item {margin-left:auto; margin-right:auto; max-width:700px; font-size:1.1rem;} .testimonials.testimonials-single .item .name {font-size:1rem; font-style:italic;} .testimonials.testimonials-single .item .menu {margin-bottom:.7rem;} .testimonials.testimonials-single .item .menu svg {width:25px;} @media screen and (max-width:40em){ .testimonials.testimonials-stacked .text-content {border:none; padding-left:0;} .testimonials.testimonials-stacked .item .stars {margin:.7rem 0;} } @media screen and (min-width:40em){ .hover-arrows:hover .flickity-prev-next-button.previous, .hover-arrows:hover .flickity-prev-next-button.next {transform:translatex(0); -webkit-transform:translatex(0);} .hover-arrows .flickity-prev-next-button.previous {transform:translatex(-150%); -webkit-transform:translatex(-150%);} .hover-arrows .flickity-prev-next-button.next {transform:translatex(150%); -webkit-transform:translatex(150%);} .flickity-prev-next-button {width:33px; height:33px; border-radius:8px; } .hero .slideshow .flickity-viewport {height: 0 !important; padding-bottom: 56.25%;} .testimonials.testimonials-stacked .item .stars {display:flex; justify-content:center;} } .hero .slideshow .slide .slideBackground { -o-object-fit:cover; object-fit:cover; min-width:100%; min-height:100%; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); aspect-ratio: 16 / 9; } .hero .slideshow .slide .slideContent {color:#fff; max-width:850px; width:100%; position:relative; padding:50px;} .hero .slideshow .slide .slideMobile .slideContent {padding:30px 30px 20px;} .hero .slideshow .slide .slideContent .button-group a {margin:0 7px 7px 0;} .hero .slideshow .slide .slideContent .button-group a.clear {padding-left:0; padding-right:1em; transition:padding .35s ease;} .hero .slideshow .slide .slideMobile .slideContent .button-group a.clear {padding-left:1em;} .hero .slideshow .slide .slideContent .button-group a.clear:hover {box-shadow:none; padding-right:calc(1em - 4px);} .hero .slideshow .slide .slideContent .button-group a.clear:focus {box-shadow:none; } .hero .slideshow .slide .slideContent .button-group a.clear:after {content:'\25B6'; margin-left:8px; font-size:.8rem; transition:all .35s ease;} .hero .slideshow .slide .slideContent .button-group a.clear:hover:after {margin-left:12px;} .hero .slideshow .slide .slideTitle { margin:0; padding:0; word-wrap: break-word; -webkit-transform:translateY(4rem); transform:translateY(4rem); opacity:0; -webkit-transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease; transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease; } .hero .slideshow .slide.is-selected .slideTitle, .no-js .hero .slideshow .slide .slideTitle { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); } .fade-in.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; } .fade-in.mui-enter.mui-enter-active { opacity: 1; } .fade-out.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; opacity: 1; -webkit-transition-property: opacity; transition-property: opacity; } .fade-out.mui-leave.mui-leave-active { opacity: 0; } /* -------------------------------------------------- :: Print Styles Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) -------------------------------------------------- */ .print-only { display: none !important; } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ p a, p a:visited { color: #444 !important; text-decoration: underline; } p a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } } /* ModuleBegin::membership */ #formLogin { margin:0 auto; border: 1px solid #ccc; padding: 20px; width:275px; } .membershipLoginWrapper { } .memberLoginBox { margin: 0 auto; } .memberLoginBox td { padding: 2px; } .memberUser { } .memberPassword { } .memberRemember { } .memberForgot { } .memberSubmit { } /* ModuleEnd::membership */ /* ModuleBegin::pricing*/ .table-wrapper {min-width:700px;} .prices-wrapper {background-color:#eaeaea; padding:15px 0 10px;} @media only screen and (max-width:795px){ .pricing-page {overflow-x:scroll;} } .tab {position: fixed; top: 0px; right: 0px; transform: rotate(90deg); margin-top: 230px; margin-right: -62px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); z-index:1001;} .tab a{color:#ffffff; font-weight:bold; background-color: rgb(247, 139, 38); padding:14px 17px; text-decoration:none; border-radius:0 0 5px 5px; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;} .tab a:hover{background:#dd7719;} .intro-text h1 {text-align:center; font-weight:normal; margin:60px 0 20px;} .intro-text .five-hundred {max-width:500px; width:100%; margin: 0 auto 60px; text-align:center;} .table-wrapper{padding:0 0 40px;} .large-2-5 {position: relative; width: 20%; padding:0; text-align:center; height:49px; float: left;} .large-2-5.first{margin-left:0;} .large-2-5.last{margin-right:0; border-right:none;} .t-heading {background-color: #424242; border-right: 1px solid #7c7c7c; border-radius: 10px 10px 0px 0px; padding:5px 10px 10px;} .t-heading h5{color:white; font-weight:400; line-height:45px;} .t-heading.first {background: #eaeaea; border: none;} .large-2-6 {position: relative; width: 16.666%; padding:0; text-align:center; height:49px; float: left;} .large-2-6.first{margin-left:0;} .large-2-6.last{margin-right:0; border-right:none;} h3.price{color:#f78b26; font-weight:400; margin:10px 0 3px; font-size: 35px;} h5.monthly {text-align:center; margin:0; font-size: 14px; color:#646464;} p.package{text-align:center; margin: 0 0 10px; font-size:12px; line-height:1.5;} p.info-line {font-size:12px; line-height:1.5; margin-bottom:0;} .fixed2{position:fixed; top:0; z-index:3; max-width:1150px !important; width:100% !important; min-width:715px;} .absolute2{position:absolute; top:0; width:100% !important; max-width:1000px !important;} .bump2{margin-top:49px;} .fixed2 .large-2-6, .absolute2 .large-2-5 { background-color: #424242; height:49px; border-right: 1px solid #7c7c7c;} .fixed2 .large-2-6.first {background: #eaeaea;} .table-wrapper img.popular {margin-left:64%;} .table-wrapper img.logo{height:auto; text-align:center; width:100%;} table.matrix th{width:20%; padding:6px 17px; background-color:#424242; color:#ffffff; border-right:1px solid #7c7c7c;} table.matrix{clear:both;} table.matrix td{border-bottom:1px solid #eaeaea; padding:6px 10px; font-size:12px; border-left:1px solid #eaeaea; width:20%; text-align:center; line-height:1.35;} table.matrix td img{height:14px;} table.matrix td.section{text-align:left; background-color:#eaeaea; font-size:15px; font-weight:700;} table.matrix td.first{border-left:0px; text-align:left;} table.matrix td:nth-child(4n) {background: #f7fbf6;} table.matrix td.this {background: #f7fbf6;} table.matrix td.no {background: #ffffff;} table.matrix.six-column td {width:16.666%;} table.matrix.six-column th {width:16.666%;} table.matrix tbody tr:nth-child(even) { background-color: #fff; } a.tooltips { position: relative; display: inline; cursor: pointer; background:#eaeaea; color:#424242; padding:1px 5px; border-radius:20px; font-size:10px; text-decoration:none; font-weight:bold; } a.tooltips {float: right;} a.tooltips span { position: absolute; width:160px; font-size:12px; color: #ffffff; background: #424242; height: auto; text-align: left; visibility:hidden; border-radius: 6px; padding: 5px 10px 7px; line-height: 1.5; } a.tooltips span:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-top: 8px solid #424242; border-right: 8px solid transparent; border-left: 8px solid transparent; } a:hover.tooltips span { visibility:visible; bottom: 30px; left: 50%; margin-left: -80px; z-index: 4; } svg.checkmark { width: 24px; height: auto; fill: #0AAA4B; } /* ModuleEnd::pricing*/ /* ModuleBegin::portfolio / /* Portfolio Page ---------------------------*/ .cats {margin-top:20px 0; padding:20px; border-top:1px solid #c1d7e1;} .cats ul, .sub-menu-wrapper ul {margin:0; padding:0; list-style-type:none; text-align:center;} .cats ul li, .sub-menu-wrapper ul li {display:inline-block; width:auto; padding:5px 3px 0; vertical-align: middle;} .cats ul li a, .sub-menu-wrapper ul li a {display:inline-block; max-width: 100px; line-height: 1.2; text-decoration:none;color:#959595; font-size:14px;padding: 8px 20px;border-radius: 10px; transition: all .2s ease;} .sub-menu-wrapper ul li a {padding:0 20px; height:46px; line-height:46px;} .sub-menu-wrapper ul li.two-line a {line-height:18px; padding-top:6px; height:40px;} .cats ul li a:hover, .sub-menu-wrapper ul li a:hover {background: #f0f0f0;} .cats ul li a.active, .sub-menu-wrapper ul li a.current {background:#eaf0f5; color:#154c9b; font-weight:600;} .folio .item {position:relative; width:100%; padding-top:56%; overflow:hidden;} .folio .item .overlay {position:absolute; top:0; left:0; bottom:0; right:0; opacity:.9; z-index:auto;} .folio .item .bottom-banner {position:absolute; left:0; bottom:0; right:0; text-align:right; color:#fff; font-weight:600; text-decoration:underline; padding:10px 15px;} .folio .item .images {position:absolute; top:15px; left:15px; right:15px; bottom:0;} .folio .item .images img {max-width:100%;} .folio .item .images .screenshot {width:65%; float:left; padding:2px; background:#fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .folio .item .images .logo {float:right; width:30%; background:#fff; text-align:center;} .folio .item .images .logo img {max-width:90%; margin:8px 0 5px;} .folio .item .images .logo .border {height:10px; width:100%;} .folio .item .screenshot img {transition: transform 10s linear} .folio .item:hover .screenshot img {transform: translateY(-60%);transition: transform 4s linear;} .folio .item:not(:hover) .screenshot img {transform: translateY(0);transition: transform 1s ease-out;} #menuToggle {display:none;} @media only screen and (max-width: 1024px) { .sub-menu-wrapper ul {display:none;} .sub-menu-wrapper ul li {display:block;} #menuToggle { background:#154c9c; display:block; color:#fff; font-weight:700; text-transform:uppercase; font-family:'Fira Sans', sans-serif; text-decoration:none; padding:10px; text-align:center; margin:10px auto; max-width:230px; border-radius:4px; } } /* ModuleEnd::portfolio */