/****************************************************************************/ /* This is the default custom CSS file that is included in every template. */ /* It can be edited, but it cannot be renamed or deleted. */ /****************************************************************************/ body {background-color: #ffffff;margin:0;padding:0;font-family:'Lato',Helvetica,Arial,sans-serif; } .d2c_body {background-color: #ffffff;margin:0 !important;padding:0;border:0;} * {outline:0;} img {border:0;} .clear {clear:both;display:block;height:0px;overflow:hidden;font-size:0px;} /* heading tags */ h1 {color: #284055; font-size: 40px; line-height: 42px; font-weight: 900; margin: 0; padding: 0; font-family:'Lato',Helvetica,Arial,sans-serif;} h1 a {color: #284055; font-size: 40px; line-height: 42px; margin: 0; padding: 0; text-decoration: none;} h1 a:hover {color: #284055; text-decoration: none;} h2 {color: #284055; font-size: 20px; line-height: 27px; font-weight: 900; margin: 0; padding: 0; font-family:'Lato',Helvetica,Arial,sans-serif;} h2 a {color: #284055; font-size: 20px; line-height: 27px; margin: 0; padding: 0; text-decoration: none;} h2 a:hover {color: #284055; text-decoration: none;} h3 {color: #404f5f; font-size: 15px; line-height: 20px; font-weight: bold; font-weight: 700; margin: 0px 0px 10px 0px; padding: 0; font-family:'Lato',Helvetica,Arial,sans-serif;} h3 a {color: #404f5f; font-size: 15px; line-height: 20px; margin: 0; padding: 0; text-decoration: none;} h3 a:hover {color: #404f5f; text-decoration: none;} h4 {color: #ffffff; font-size: 45px; line-height: 45px; font-weight: bold; font-weight: 700; margin: 0px 0px 25px 0px; padding: 0; font-family:'Lato',Helvetica,Arial,sans-serif;} h4 a {color: #ffffff; font-size: 45px; line-height: 45px; margin: 0; padding: 0; text-decoration: none;} h4 a:hover {color: #ffffff; text-decoration: none;} h5 {color: #757575; font-size: 20px; line-height: 27px; font-weight: 900; margin: 0px 0px 15px 0px; padding: 0; font-family:'Lato',Helvetica,Arial,sans-serif;} h5 a {color: #757575; font-size: 20px; line-height: 27px; margin: 0; padding: 0; text-decoration: none;} h5 a:hover {color: #757575; text-decoration: none;} /* --- HEADER ---------------------------------------------------------------------------------------------------------------------- */ .d2c_header {max-width: 1030px; margin: 0 auto;padding: 0;display:block;clear:both;position: relative;}/*990*/ #hs-link-logo {max-width: 100%;} #hs-link-logo img {max-width: 100%;} .widget-type-logo {max-width: 100%;} .d2c_logo {max-width: 100%; margin-bottom: 27px;} .d2c_logo img {max-width: 100%;} .hs-image-widget {max-width: 100%;} /* top navigation */ .d2c_header ul {margin:0;padding:0;display:block;float:right;} .d2c_header ul li {margin: 0px 5px 0px 5px; padding: 35px 8px 45px 8px; border-top: 4px solid #ffffff; float: left; display: block;} .d2c_header ul li, .d2c_header ul li a {font-size: 15px; line-height: 16px; color: #909897; text-decoration: none; font-weight: bold; font-weight: 700; font-family:'Lato',Helvetica,Arial,sans-serif;} .d2c_header ul li:hover {border-top: 4px solid #ea4f36; color: #ea4f36;} .d2c_header ul li:hover a, .d2c_top_menu ul li a:hover {color: #ea4f36;} @media screen and (max-width: 1025px) { .widget-type-menu{clear:left !important; width:90% !important;} .d2c_header ul {margin:0 auto;padding:0;display:table;float:none;text-align: center;} .d2c_header ul li {margin: 0px 5px 0px 5px; padding: 30px 7px 40px 7px; } .d2c_header ul li, .d2c_header ul li a {font-size: 15px; line-height: 16px;} } @media screen and (max-width: 920px) { .widget-type-menu{clear:left !important;width:90% !important;} .d2c_header ul {margin:0 auto;padding:0;display:table;float:none;text-align: center;} .d2c_header ul li {margin: 0px 5px 0px 5px; padding: 30px 7px 40px 7px; } .d2c_header ul li, .d2c_header ul li a {font-size: 14px; line-height: 16px;} } @media screen and (max-width: 880px) { .d2c_header ul {margin:0 auto;padding:0;display:table;float:none;text-align: center;} .d2c_header ul li {margin: 0px 4px 0px 4px; padding: 25px 7px 35px 7px; } .d2c_header ul li, .d2c_header ul li a {font-size: 14px; line-height: 16px;} } @media screen and (max-width: 820px) { .d2c_header ul {margin:0 auto;padding:0;display:table;float:none;text-align: center;} .d2c_header ul li {margin: 0px 4px 0px 4px; padding: 20px 5px 30px 5px; } .d2c_header ul li, .d2c_header ul li a {font-size: 13px; line-height: 16px;} } @media screen and (max-width: 760px) { #hs_cos_wrapper_logo {text-align: center; display: block; margin: 0 auto;} .widget-type-logo {text-align: center; display: block; margin: 0 auto;} .d2c_logo {text-align: center; display: block; margin: 0 auto; margin-bottom: 20px;} .d2c_header ul {margin:0 auto;padding:0;display:table;float:none;text-align: center;} .d2c_header ul li {margin: 0px 5px 0px 5px; padding: 10px 8px 30px 8px; border-top: 0px solid #ffffff; border-bottom: 4px solid #ffffff;} .d2c_header ul li, .d2c_header ul li a {font-size: 15px; line-height: 16px;} .d2c_header ul li:hover {border-top: 0px solid #ea4f36; border-bottom: 4px solid #ea4f36;} } /*@media screen and (max-width: 630px) { .d2c_header ul {margin:0 auto;padding:0;display:table;float:none;text-align: center; margin-top: 10px; margin-bottom: 5px;} .d2c_header ul li {margin: 0px 4px 0px 4px; padding: 10px 7px 30px 7px;} .d2c_header ul li, .d2c_header ul li a {font-size: 15px; line-height: 16px;} }*/ @media screen and (max-width: 759px) { .d2c_header ul {margin:0 auto;padding:0;display:table;float:none;text-align: center; margin-top: 10px; margin-bottom: 5px;} .d2c_header ul li {margin: 0 auto; padding: 8px 0px 8px 0px; float: none; display: block; text-align: center; border-top: 0px solid #ffffff; border-bottom: 2px solid #ffffff;} .d2c_header ul li, .d2c_header ul li a {font-size: 14px; line-height: 14px;} .d2c_header ul li:hover {border-top: 0px solid #ea4f36; border-bottom: 2px solid #ea4f36;} } /* --- HOME --------------------------------------------------------------------------------------------------------------------------------- */ .d2c_alert_bar {padding-top: 20px; padding-bottom: 20px; clear: both; display: block; position: relative; background-color: #f1452c; margin: 0; text-align: center;} /* banner image - Home */ .d2c_home_banner_bg {display: block; clear: both; text-align: center; position: relative; max-width: 1100px; margin: 0 auto;} .d2c_home_banner_image {position: relative; margin: 0 auto; text-align: center; width: 100%; max-width: 1100px;} .d2c_home_banner_text {display: block; text-align: center; position: absolute; /*left: 50%;*/ top: 38%; z-index: 1000;width:100%;} .d2c_home_banner_headline {color: #FFF; font-size: 60px; line-height: 70px; font-weight: 900; margin: 0; padding: 0; font-family:'Lato',Helvetica,Arial,sans-serif; clear: both; display: block; text-align: center; /*position: relative; left: -88%; width: 75%;*/width:100%; margin-top: 10px;} .d2c_home_banner_description {/*color: #ea4f36;*/ color: #ffffff; font-size: 19px; line-height: 34px; font-weight: 700; font-family:'Lato',Helvetica,Arial,sans-serif; clear: both; display: block; text-align: center; /*margin: 13px 0px 17px 0px; position: relative; left: -88%; width: 75%;*/width:100%; margin-top: 10px;} .d2c_home_banner_link {text-align: center; position: relative; /*left: -88%;*/ width: 100%;top:20px;} .d2c_home_banner_link a {background-color: #ee5138; color: #ffffff; display: inline-block; text-align: center; padding: 15px 90px 15px 90px; font-size: 18px; line-height: 18px; font-weight: bold; font-weight: 700; font-family:'Lato',Helvetica,Arial,sans-serif; text-decoration: none; white-space: nowrap; border-radius: 4px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .d2c_home_banner_link a:hover {color: #ee5138; background-color: #ffffff; text-decoration:none;} @media screen and (max-width: 1100px) { .d2c_home_banner_headline {font-size: 50px; line-height: 60px; /*left: -90%; width: 75%;*/} .d2c_home_banner_description {font-size: 17px; line-height: 21px; margin: 13px 0px 17px 0px; /*left: -90%; width: 75%;*/} .d2c_home_banner_link {/*left: -90%; width: 75%;*/} .d2c_home_banner_link a {padding: 15px 30px 15px 30px; font-size: 17px; line-height: 17px;} } @media screen and (max-width: 1000px) { .d2c_home_banner_text {/*left: 50%;*/ top: 36%;} .d2c_home_banner_headline {font-size: 40px; line-height: 50px; /*left: -90%; width: 72%;*/} .d2c_home_banner_description {font-size: 17px; line-height: 21px; margin: 13px 0px 17px 0px; /*left: -90%; width: 72%;*/} .d2c_home_banner_link {/*left: -90%; width: 72%;*/} .d2c_home_banner_link a {padding: 15px 30px 15px 30px; font-size: 17px; line-height: 17px;} } @media screen and (max-width: 770px) { .d2c_home_banner_text {/*left: 50%;*/ top: 34%;} .d2c_home_banner_headline {font-size: 28px; line-height: 30px; /*left: -92%; width: 72%;*/} .d2c_home_banner_description {font-size: 16px; line-height: 20px; margin: 13px 0px 17px 0px; /*left: -92%; width: 72%;*/} .d2c_home_banner_link {/*left: -92%; width: 72%;*/} .d2c_home_banner_link a {padding: 15px 30px 15px 30px; font-size: 16px; line-height: 16px;} } @media screen and (max-width: 700px) { .d2c_home_banner_text {/*left: 50%;*/ top: 30%;} .d2c_home_banner_headline {font-size: 26px; line-height: 28px; /*left: -94%; width: 72%;*/} .d2c_home_banner_description {font-size: 16px; line-height: 20px; margin: 13px 0px 17px 0px; /*left: -94%; width: 72%;*/} .d2c_home_banner_link {/*left: -94%; width: 72%;*/} .d2c_home_banner_link a {padding: 15px 20px 15px 20px; font-size: 15px; line-height: 15px;} } @media screen and (max-width: 640px) { .d2c_home_banner_text {/*left: 50%;*/ top: 29%;} .d2c_home_banner_headline {font-size: 24px; line-height: 26px; /*left: -94%; width: 72%;*/} .d2c_home_banner_description {font-size: 15px; line-height: 19px; margin: 13px 0px 17px 0px; /*left: -94%; width: 72%;*/} .d2c_home_banner_link {/*left: -94%; width: 72%;*/} .d2c_home_banner_link a {padding: 13px 20px 13px 20px; font-size: 15px; line-height: 15px;} } @media screen and (max-width: 570px) { .d2c_home_banner_text {/*left: 50%;*/} .d2c_home_banner_headline {font-size: 20px; line-height: 22px; /*left: -94%; width: 72%;*/} .d2c_home_banner_description {font-size: 13px; line-height: 17px; margin: 13px 0px 17px 0px; /*left: -94%; width: 72%;*/ display: none;} .d2c_home_banner_link {/*left: -94%; width: 72%;*/} .d2c_home_banner_link a {padding: 10px 15px 10px 15px; font-size: 14px; line-height: 14px;} } @media screen and (max-width: 470px) { .d2c_home_banner_text {/*left: 50%;*/ top: 28%;} .d2c_home_banner_headline {font-size: 18px; line-height: 20px; /*left: -95%; width: 72%;*/} .d2c_home_banner_description {font-size: 12px; line-height: 15px; margin: 13px 0px 17px 0px; /*left: -95%; width: 72%;*/} .d2c_home_banner_link {/*left: -95%; width: 72%;*/} .d2c_home_banner_link a {padding: 8px 13px 8px 13px; font-size: 13px; line-height: 13px;} } @media screen and (max-width: 430px) { .d2c_home_banner_text {/*left: 50%;*/ top: 25%;} .d2c_home_banner_headline {/*display:none; visibility:hidden;*/} .d2c_home_banner_description {font-size: 12px; line-height: 15px; margin: 0px 0px 17px 0px; left: /*-95%; width: 72%;*/} .d2c_home_banner_link {/*left: -95%; width: 72%;*/} .d2c_home_banner_link a {padding: 8px 13px 8px 13px; font-size: 13px; line-height: 13px;} } /* main headings - Home */ .d2c_main_headings {margin: 0 auto; text-align: center; display: block;position: relative; padding-top: 30px;} .d2c_main_headings .secondary-header {margin:5px 0px 40px 0px;padding:0;} .d2c_main_headings .section-subheader {color: #7f8486; font-size: 22px; line-height: 27px; font-weight: 400; margin: 0; padding: 0; text-align: center; font-family:'Lato',Helvetica,Arial,sans-serif;} @media screen and (max-width: 500px) { .d2c_main_headings h1 {font-size: 30px; line-height: 32px;} .d2c_main_headings h1 a {font-size: 30px; line-height: 32px;} } @media screen and (max-width: 380px) { .d2c_main_headings h1 {font-size: 25px; line-height: 27px;} .d2c_main_headings h1 a {font-size: 25px; line-height: 27px;} } /* main 3 CTAs - Home */ .d2c_3_ctas {max-width: 990px; margin: 0 auto;padding: 0;display:block;clear:both; color: #7f8486; font-size: 15px; line-height: 22px; font-weight: 400;font-family:'Lato',Helvetica,Arial,sans-serif; text-align: center;} .d2c_3_ctas a {color: #ea4f36; font-size: 15px; line-height: 27px; font-weight: bold; font-weight: 700;font-family:'Lato',Helvetica,Arial,sans-serif; text-decoration: none; display: block; margin-bottom: 50px;} .d2c_3_ctas a:hover {text-decoration: underline;} /* blog CTA and feed - Home */ .d2c_home_blog_ctas {margin: 0 auto;padding: 0;display:block;clear:both; background: #1b1e23 ; font-size: 14px; line-height: 16px; font-weight: 400; font-family:'Lato',Helvetica,Arial,sans-serif;} .d2c_home_blog_ctas_width {max-width: 990px; margin: 0 auto;padding: 0;display:block; clear: both; } @media screen and (max-width: 990px) { .d2c_home_blog_ctas {background-color: #1b1e23; background-image: none;} } .d2c_home_blog_left_cta {color: #ffffff; padding: 50px 70px 80px 5px; display: block;} .d2c_home_blog_left_cta a {background-color: #00a185; display: inline-block; color: #ffffff; font-size: 15px; line-height: 15px; font-weight: bold; font-weight: 700; font-family:'Lato',Helvetica,Arial,sans-serif; text-decoration: none; padding: 15px 30px 15px 30px; white-space: nowrap; border-radius: 4px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .d2c_home_blog_left_cta a:hover {color: #00a185; background-color: #ffffff; text-decoration: none;} @media screen and (max-width: 500px) { .d2c_home_blog_left_cta {color: #ffffff; padding: 30px 50px 60px 5px; display: block;} .d2c_home_blog_left_cta h4 {font-size: 35px; line-height: 37px;} .d2c_home_blog_left_cta h4 a{font-size: 35px; line-height: 37px;} } /* blog feed - Home */ .d2c_home_blog_right_feed {color: #ffffff; display: block;} .d2c_home_blog_right_feed h3 {display: none; visibility:hidden;} .d2c_home_blog_right_feed .hs-rss-item {background-color: #00a185; display: block; margin: 0; padding: 19px 20px 19px 20px; color: #ffffff; font-size: 14px; line-height: 18px; font-weight: 400; font-family:'Lato',Helvetica,Arial,sans-serif;} .d2c_home_blog_right_feed .hs-rss-item:nth-child(2) {background-color: #00977d;} .d2c_home_blog_right_feed .hs-rss-item:nth-child(3) {background-color: #009077;} .d2c_home_blog_right_feed .hs-rss-item .hs-rss-title {color: #ffffff; font-size: 18px; line-height: 20px; font-weight: bold; font-weight: 700; font-family:'Lato',Helvetica,Arial,sans-serif; text-decoration: none;} .d2c_home_blog_right_feed .hs-rss-item .hs-rss-title:hover {text-decoration: underline;} .d2c_home_blog_right_feed .hs-rss-item .hs-rss-byline {color: #ffffff; font-size: 11px; line-height: 13px; font-weight: 400; font-family:'Lato',Helvetica,Arial,sans-serif; text-decoration: none; text-transform:uppercase;opacity:1; margin: 5px 0px 5px 0px;} .d2c_home_blog_right_feed .hs-rss-item .hs-rss-date {color: #ffffff; font-size: 11px; line-height: 13px; font-weight: 400; font-family:'Lato',Helvetica,Arial,sans-serif; text-decoration: none; text-transform:uppercase;opacity:1;} .d2c_home_blog_right_feed .hs-rss-item .hs-rss-description {color: #ffffff; font-size: 14px; line-height: 18px; font-weight: 400; font-family:'Lato',Helvetica,Arial,sans-serif;} .d2c_home_blog_right_feed .hs-rss-item .hs-rss-description p {margin:0; padding: 0;} .d2c_home_blog_right_feed .hs-rss-item .hs-rss-description a {color: #ffffff; font-size: 14px; line-height: 18px; font-weight: 400; font-family:'Lato',Helvetica,Arial,sans-serif; text-decoration: underline;} .d2c_home_blog_right_feed .hs-rss-item .hs-rss-description a:hover {color: #284055; font-size: 14px; line-height: 18px; font-weight: 400; font-family:'Lato',Helvetica,Arial,sans-serif; text-decoration: underline;} /* gray Contact Us bar */ .d2c_gray_bar_contact {background-color: #ededef; padding: 30px 0px 30px 0px; display: block; text-align: center; color: #284055; font-size: 20px; line-height: 45px; font-weight: 400; font-family:'Lato',Helvetica,Arial,sans-serif; text-decoration: none;} .d2c_gray_bar_contact a {background-color: #ee5138; color: #ffffff; display: inline-block; text-align: center; padding: 15px 30px 15px 30px; font-size: 13px; line-height: 15px; font-weight: bold; font-weight: 700; font-family:'Lato',Helvetica,Arial,sans-serif; text-decoration: none; text-transform: uppercase; white-space: nowrap; border-radius: 4px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; margin-left: 30px;} .d2c_gray_bar_contact a:hover {color: #ee5138; background-color: #ffffff; text-decoration: none;} /* --- DEFAULT ---------------------------------------------------------------------------------------------------------------------------------------------------- */ .d2c_default_green_bar {background-color: #00a185; padding: 70px 0px 70px 0px; display: block; clear: both; margin: 0 auto; text-align: center;} .d2c_default_green_bar h1 {color: #ffffff; margin: 0 auto;} .d2c_default_green_bar h1 a {color: #ffffff;} .d2c_default_green_bar h1 a:hover {color: #ffffff;} .d2c_default_main_content {clear: both; margin: 0 auto; max-width: 950px; display: block; padding: 40px 20px 20px 20px;} /* left column */ .d2c_left_column_content {color: #7f8486; font-size: 15px; line-height: 25px; font-weight: bold; font-weight: 700; font-family:'Lato',Helvetica,Arial,sans-serif; text-decoration: none; } .d2c_left_column_content a {color: #c0392b; text-decoration: none;} .d2c_left_column_content a:hover {text-decoration: underline;} .d2c_left_column_content h2 {color: #284055; font-size: 40px; line-height: 42px; font-weight: 900; margin: 0px 0px 15px 0px; padding: 0; font-family:'Lato',Helvetica,Arial,sans-serif;} .d2c_left_column_content h2 a {color: #284055; font-size: 40px; line-height: 42px; margin: 0; padding: 0; text-decoration: none;} .d2c_left_column_content h2 a:hover {color: #284055; text-decoration: none;} .d2c_description_above_offers {display: block; margin-bottom: 30px;} /* offers */ .d2c_default_left_offer1 {padding-right: 20px;} .d2c_default_left_offer2 {padding-left: 20px;} .d2c_default_left_offer1, .d2c_default_left_offer2 {color: #838888; font-size: 13px; line-height: 20px; font-weight: 400; font-family:'Lato',Helvetica,Arial,sans-serif; text-decoration: none; } .d2c_default_left_offer1 a, .d2c_default_left_offer2 a {background-color: #00a185; color: #ffffff; display: inline-block; text-align: center; padding: 15px 30px 15px 30px; font-size: 15px; line-height: 15px; font-weight: 400; font-family:'Lato',Helvetica,Arial,sans-serif; text-decoration: none; white-space: nowrap; border-radius: 4px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .d2c_default_left_offer1 a:hover, .d2c_default_left_offer2 a:hover {color: #00a185; background-color: #ededef; text-decoration:none;} .d2c_default_left_offer1 h3, .d2c_default_left_offer2 h3 {margin-top: 15px;} .d2c_default_left_offer1 img, .d2c_default_left_offer2 img {width: 100%; max-width: 100%;} /* right column */ .d2c_default_right_column {text-align: right;} .d2c_default_right_column img {max-width: 100%;} .d2c_default_right_column {color: #7f8486; font-size: 15px; line-height: 25px; font-weight: bold; font-weight: 700; font-family:'Lato',Helvetica,Arial,sans-serif; text-decoration: none; } .d2c_default_right_column a {color: #c0392b; text-decoration: none;} .d2c_default_right_column a:hover {text-decoration: underline;} @media screen and (max-width: 760px) { .d2c_default_green_bar {padding: 50px 0px 50px 0px;} .d2c_default_left_offer1 {padding-right: 0px; padding-bottom: 30px;} .d2c_default_left_offer2 {padding-left: 0px;} .d2c_default_left_offer1 img {width: 50%; float: left; margin-right: 30px;} .d2c_default_left_offer2 img {width: 50%; float: right; margin-left: 30px;} .d2c_default_right_column {text-align: center; padding-top: 30px;} } /* --- FORM ----------------------------------------------------------------------------------------------------------------------------------------- */ .d2c_form_heading2 {text-align: center;} .d2c_form_heading2 h2 {color: #284055; font-size: 40px; line-height: 42px; font-weight: 900; margin: 0px 0px 30px 0px; padding: 0; font-family:'Lato',Helvetica,Arial,sans-serif;} .d2c_form_heading2 h2 a {color: #284055; font-size: 40px; line-height: 42px; margin: 0; padding: 0; text-decoration: none;} .d2c_form_heading2 h2 a:hover {color: #284055; text-decoration: none;} .d2c_form_offer_image {text-align: center;} .d2c_form_offer_image img {width: 95%; max-width: 95%; padding-right: 5%;} .d2c_form_right_column {} .d2c_form_right_column .input .hs-input {width: 95%; max-width: 95%; border: 1px solid #CCC; height: 20px; line-height:15px; margin-bottom: 16px; margin-top: 2px; outline: 0 none; padding: 5px 2% 5px 2%; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);} .d2c_form_right_column .input .hs-form-radio-display .hs-input{width:auto;} .hs-form-radio{list-style-type: none;display:inline-block;padding-right:15px;} .d2c_form_right_column .hs-button {background-color: #ee5138; color: #ffffff; display: inline-block; text-align: center; padding: 15px 30px 15px 30px; font-size: 13px; line-height: 15px; font-weight: bold; font-weight: 700; font-family:'Lato',Helvetica,Arial,sans-serif; text-decoration: none; white-space: nowrap; border-radius: 4px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; border: 0px solid #ffffff;} .d2c_form_right_column .hs-button:hover {color: #ee5138; background-color: #ededef; text-decoration: none;} @media screen and (max-width: 770px) { .d2c_form_offer_image img {width: 50%; max-width: 50%; padding-right: 0%;} } @media screen and (max-width: 490px) { .d2c_form_offer_image img {width: 100%; max-width: 100%; padding-right: 0%;} } /* --- THANKS ---------------------------------------------------------------------------------------------------------------------------------------- */ .d2c_thanks_social {text-align: center; display: block; margin: 0 auto; padding: 30px 0px 30px 0px;} .d2c_thanks_right_column {color: #7f8486; font-size: 15px; line-height: 25px; font-weight: bold; font-weight: 700; font-family:'Lato',Helvetica,Arial,sans-serif; text-decoration: none; } .d2c_thanks_right_column a {color: #c0392b; text-decoration: none;} .d2c_thanks_right_column a:hover {text-decoration: underline;} /* --- BLOG ------------------------------------------------------------------------------------------------------------------------------------------ */ .d2c_blog_green_bar {background-color: #00a185; padding: 5px 0px 5px 0px; display: block; clear: both; margin: 0 auto; text-align: center;} .d2c_blog_main_content {clear: both; margin: 0 auto; max-width: 970px; display: block; padding: 40px 5px 30px 15px; color: #7f8486; font-size: 14px; line-height: 19px; font-weight: 400; font-family:'Lato',Helvetica,Arial,sans-serif; text-decoration: none; } .d2c_blog_main_content a {color: #c0392b; text-decoration: none;} .d2c_blog_main_content a:hover {text-decoration: underline;} .d2c_blog_main_content .blog-section {padding-bottom: 25px;} /* blog comments */ .d2c_blog_main_content .post-footer .comment-from h4 {color: #757575; font-size: 19px; line-height: 19px; font-weight: 900; margin: 0px 5px 0px 0px; padding: 0; font-family:'Lato',Helvetica,Arial,sans-serif;} .d2c_blog_main_content .post-footer .comment-from h4 a {color: #757575; font-size: 19px; line-height: 19px; margin: 0; padding: 0; text-decoration: none;} .d2c_blog_main_content .post-footer .comment-from h4 a:hover {color: #757575; text-decoration: underline;} .d2c_blog_main_content #comment-form {margin-top: 25px; border-top: 1px dashed #eeeeee; padding-top: 25px;} .d2c_blog_main_content #captcha_wrapper {margin-bottom: 25px;} /* blog inputs */ .d2c_blog_main_content .hs-input {width: 95%; max-width: 95%; border: 1px solid #CCC; height: 20px; line-height:15px; margin-bottom: 16px; margin-top: 2px; outline: 0 none; padding: 5px 2% 5px 2%; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);} .d2c_blog_main_content .hs-form-booleancheckbox .hs-input {width: auto; max-width: 100%;} .d2c_blog_main_content .hs-button {background-color: #ee5138; color: #ffffff; display: inline-block; text-align: center; padding: 15px 30px 15px 30px; font-size: 13px; line-height: 15px; font-weight: bold; font-weight: 700; font-family:'Lato',Helvetica,Arial,sans-serif; text-decoration: none; white-space: nowrap; border-radius: 4px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; border: 0px solid #ffffff; } .d2c_blog_main_content .hs-button:hover {color: #ee5138; background-color: #ededef; text-decoration: none;} /* blog left column */ .d2c_blog_left_content {padding-right: 5%;} .d2c_blog_left_content .post-listing .post-item {padding-bottom: 15px; border-bottom: 1px dashed #eeeeee; margin-bottom: 30px;} .d2c_blog_left_content .post-listing .post-item h2 {color: #284055; font-size: 20px; line-height: 27px; font-weight: 900; margin: 0; padding: 0; font-family:'Lato',Helvetica,Arial,sans-serif;} .d2c_blog_left_content .post-listing .post-item h2 a {color: #284055; font-size: 20px; line-height: 27px; margin: 0; padding: 0; text-decoration: none;} .d2c_blog_left_content .post-listing .post-item h2 a:hover {color: #404f5f; text-decoration: none;} .d2c_blog_left_content .post-body img {max-width:100%;} .d2c_blog_left_content .post-body .hs-featured-image {max-width: 40%;} .d2c_blog_left_content h1 {color: #284055; font-size: 30px; line-height: 32px; font-weight: 900; margin: 0; padding: 0; font-family:'Lato',Helvetica,Arial,sans-serif;} .d2c_blog_left_content h1 a {color: #284055; font-size: 30px; line-height: 32px; margin: 0; padding: 0; text-decoration: none;} .d2c_blog_left_content h1 a:hover {color: #284055; text-decoration: none;} /* blog right column */ .d2c_blog_right_content {} .d2c_blog_right_content .row-fluid-wrapper {padding-top: 40px;} .d2c_blog_right_content img {max-width: 100%;} @media screen and (max-width: 770px) { .d2c_blog_left_content {padding-right: 0%;} } @media screen and (max-width: 568px) { .d2c_blog_left_content .post-body .hs-featured-image {max-width: 100%;} } /* --- FOOTER ---------------------------------------------------------------------------------------------------------------------------------------- */ /* bottom navigation */ .d2c_bottom_menu_width {max-width: 990px; margin: 0 auto;padding: 28px 0px 30px 0px;display:block;clear:both;} .d2c_bottom_menu ul {margin:0 auto;padding:0; display: table; text-align: center;} .d2c_bottom_menu ul li {margin: 0px 5px 0px 5px; padding: 0px 8px 0px 8px; float: left; display: block;} .d2c_bottom_menu ul li, .d2c_bottom_menu ul li a {font-size: 16px; line-height: 22px; color: #303337; text-decoration: none; font-weight: 400; font-family:'Lato',Helvetica,Arial,sans-serif;} .d2c_bottom_menu ul li:hover {color: #ea4f36;} .d2c_bottom_menu ul li:hover a, .d2c_top_menu ul li a:hover {color: #ea4f36;} /* copyright */ .d2c_copyright {color: #9fa2a2;font-size: 13px; line-height: 13px; text-decoration: none; font-weight: bold; font-weight: 700; font-family:'Lato',Helvetica,Arial,sans-serif; text-align: center;} .d2c_copyright .d2c_company_name {color: #303336;} /* ========================================================================== Mobile Menu - Hubspot Standard Toggle Menu ========================================================================== */ /** * Special Note * * When the menu is open, a class of .mobile-open is applied to the body. You can * use this for custom styling on any element when the menu is in the open position. */ @media (min-width: 400px){ a.mobile-trigger, a.child-trigger { display: none !important; /* Hide button on Desktop */ } } @media (max-width: 767px){ /* Variables ========================================================================== */ /* Set Mobile Menu Background Color */ /* Set Link Color */ /* Set Link Hover Color */ /* Menu Reset - Remove styling from desktop version of custom-menu-primary */ /* Place any additional CSS you want removed from the mobile menu in this reset */ .custom-menu-primary, .custom-menu-primary *{ display: block; float: none; position: static; top: auto; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; background-color: transparent; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: normal; text-decoration: none; text-indent: 0px; text-align: left; color: #ffffff; } /* Toggle Button ========================================================================== */ a.mobile-trigger { display: inline-block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; /*******************************************/ top: 0px; /* Position Button at top right of screen */ right: 10px; /*******************************************/ width: auto; /* Button width */ height: auto; /* Button height */ padding: 12px 10px; background: #000000; /* Background color */ z-index: 99999999999; /* Z-index to keep button on top of other layers */ -webkit-transition: background-color 0.2s linear; /* Button color transition effect */ font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; transition:color .2s ease-in; } a.mobile-trigger:hover { text-decoration: none; /* Removes link text underline on button */ color: #ffffff; } a.mobile-trigger span{ display: inline; } a.mobile-trigger span:before{ position: absolute; content: 'Menu'; /* Change the text on the closed toggle button */ } a.mobile-trigger span:after{ position: relative; right: 2px; content: 'Close'; /* Change the text on the open toggle button */ background-color: #000000; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; } /* Change button when menu is open */ .mobile-open a.mobile-trigger{ -webkit-transition:background-color 0.2s linear; /* Button color transition effect */ -moz-transition:background-color 0.2s linear; /* Button color transition effect */ transition:background-color 0.2s linear; /* Button color transition effect */ background: transparent; /* Changes button background to be slightly darker than open menu color */ } .mobile-open a.mobile-trigger span:after{ opacity: 1; } /* Toggle Button Icon & Animations ========================================================================== */ a.mobile-trigger i { display: inline; position: relative; top: -5px; margin-left: 5px; -webkit-transition-duration: 0s; -webkit-transition-delay: .2s; -moz-transition-duration: 0s; -moz-transition-delay: .2s; transition-duration: 0s; transition-delay: .2s; } a.mobile-trigger i:before, a.mobile-trigger i:after { position: absolute; content: ''; } a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width: 15px; /* Icon line width */ height: 2px; /* Icon line height */ background-color: #ffffff; /* Icon color */ display: inline-block; } a.mobile-trigger i:before { margin-top: -6px; /* Position top line */ -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; } a.mobile-trigger i:after { margin-top: 6px; /* Position bottom line */ -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; } .mobile-open a.mobile-trigger i { background-color: rgba(0,0,0,0.0); -webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } .mobile-open a.mobile-trigger i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } .mobile-open a.mobile-trigger i:after { margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } /* Child Toggle Button ========================================================================== */ a.child-trigger { display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 0px; right: 0px; width: 55px !important; /* Button width */ min-width: 55px !important; height: 45px !important; /* Button height */ padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20); } a.child-trigger:hover { text-decoration: none; } /* Child Toggle Button Icon & Animations ========================================================================== */ a.child-trigger span { position: relative; top: 50%; /* Centers icon inside button */ margin: 0 auto !important; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } a.child-trigger span:after { position: absolute; content: ''; } a.child-trigger span, a.child-trigger span:after { width: 10px; /* Icon line width */ height: 1px; /* Icon line height */ background-color: #ffffff; /* Icon color */ display: block; } a.child-trigger span:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } a.child-trigger.child-open span:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } a.child-trigger.child-open span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } /* Menu Styles on Mobile Devices ========================================================================== */ /* Hide menu on mobile */ .custom-menu-primary.js-enabled .hs-menu-flow-horizontal, .custom-menu-primary.js-enabled .hs-menu-children-wrapper{ display: none; } /* Make child lists appear below parent items */ .custom-menu-primary ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } /* Mobile Menu Styles */ .custom-menu-primary.js-enabled .hs-menu-flow-horizontal{ position: absolute; /**************************************************************/ top: 0; /* Positions the menu to drop from the very top of the screen */ left: 0px; /**************************************************************/ width: 100%; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); } .custom-menu-primary .hs-menu-flow-horizontal{ padding: 40px 0 0 0; /* Padding to add room for close button */ background-color: #000000; /* Menu background color set off global mobile-menuColor variable */ width: 100%; /* Full screen width */ z-index: 8888; } /* Level 1 Menu List Styles */ .custom-menu-primary .hs-menu-flow-horizontal > ul > li{ position: relative; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li a{ font-size: 22px; /* Font size of top level list items */ line-height: 45px; overflow: visible; } /* Level 1 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-flow-horizontal ul li{ border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */ } .custom-menu-primary .hs-menu-flow-horizontal ul li a{ padding: 0 10px; } .custom-menu-primary .hs-menu-flow-horizontal ul li a:hover{ color: #ffffff; /* link hover color set by global mobile-aColorHover variable */ } /* Level 2 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-flow-horizontal > ul ul li{ background-color: rgba(255, 255, 255, .08); } .custom-menu-primary .hs-menu-flow-horizontal > ul ul li a{ text-indent: 10px; /* Indent Child lists */ font-size: 16px; /* Font size of child lists */ } /* Level 3 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-flow-horizontal > ul ul ul li a{ text-indent: 30px; /* Indent Child lists */ } .custom-menu-primary .hs-menu-flow-horizontal > ul ul ul ul li a{ text-indent: 50px; /* Indent Child lists */ } } /* responsive video */ .embed-container, .d2c_blog_main_content .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .d2c_blog_main_content .embed-container iframe, .embed-container object, .d2c_blog_main_content .embed-container object, .embed-container embed, .d2c_blog_main_content .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }