/*# 00: General Styles #*/ .outer-wrapper { margin: 0 auto; max-width: 1000px; /*padding: 50px 0;*/ padding: 25px 0; width: 100% } a.anchorStyle { display: block; position: relative; top: -250px; visibility: hidden; } @media (max-width: 767px) { .outer-wrapper { /*padding: 15px 15px 30px;*/ padding: 0; } } /*# 01: Bookmark Popup #*/ .CMSWebParts_Firstmac_Content_BookmarkPopup .wrapper a:link, .CMSWebParts_Firstmac_Content_BookmarkPopup .wrapper a:visited { color: #333333; } .CMSWebParts_Firstmac_Content_BookmarkPopup .wrapper a:hover { color: #3487df; } .CMSWebParts_Firstmac_Content_BookmarkPopup .wrapper a.button:link, .CMSWebParts_Firstmac_Content_BookmarkPopup .wrapper a.button:visited { border-radius: 25px; border: none 2px; color: #ffffff; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 700; height: 40px; letter-spacing: 0.2px; line-height: 34px; margin-right: 15px; min-width: 123px; padding: 0 15px; text-align: center; } .CMSWebParts_Firstmac_Content_BookmarkPopup .wrapper a.button.hollow:link, .CMSWebParts_Firstmac_Content_BookmarkPopup .wrapper a.button.hollow:visited { background: none; border: solid 2px #333333; color: #333333; } .CMSWebParts_Firstmac_Content_BookmarkPopup .wrapper a.button.hollowPrimary:link, .CMSWebParts_Firstmac_Content_BookmarkPopup .wrapper a.button.hollowPrimary:visited { background: none; border: solid 2px #ea1777; color: #ea1777; } .CMSWebParts_Firstmac_Content_BookmarkPopup .wrapper a.button.hollow:hover, .CMSWebParts_Firstmac_Content_BookmarkPopup .wrapper a.button.hollowPrimary:hover { background-color: #ea1777; border: solid 2px #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_BookmarkPopup .wrapper a.button.filled:link, .CMSWebParts_Firstmac_Content_BookmarkPopup .wrapper a.button.filled:visited { background-color: rgba(255,255,255,0.2); border: solid 2px #ffffff; } .CMSWebParts_Firstmac_Content_BookmarkPopup .wrapper a.button.filledPrimary:link, .CMSWebParts_Firstmac_Content_BookmarkPopup .wrapper a.button.filledPrimary:visited { background-color: #ea1777; border: solid 2px #ea1777; } .CMSWebParts_Firstmac_Content_BookmarkPopup .wrapper a.button.filled:hover, .CMSWebParts_Firstmac_Content_BookmarkPopup .wrapper a.button.filledPrimary:hover { background-color: #d30b67; border: solid 2px #d30b67; color: #ffffff; } .CMSWebParts_Firstmac_Content_BookmarkPopup .wrapper a.button.filledGreen:link, .CMSWebParts_Firstmac_Content_BookmarkPopup .wrapper a.button.filledGreen:visited { /*background-image: linear-gradient(107deg, #72bb19, #12a207);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#72bb19+0,12a207+100 */ background-color: #72bb19; /* Old browsers */ background: -moz-linear-gradient(left, #72bb19 0%, #12a207 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #72bb19 0%,#12a207 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #72bb19 0%,#12a207 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bb19', endColorstr='#12a207',GradientType=1 ); /* IE6-9 */ border: solid 1px #72bb19; } .CMSWebParts_Firstmac_Content_BookmarkPopup .wrapper a.button.filledGreen:hover { /*background-image: linear-gradient(107deg, #398417, #1b7d11);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398417+0,1b7d11+100 */ background-color: #398417; /* Old browsers */ background: -moz-linear-gradient(left, #398417 0%, #1b7d11 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #398417 0%,#1b7d11 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #398417 0%,#1b7d11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398417', endColorstr='#1b7d11',GradientType=1 ); /* IE6-9 */ border: solid 1px #398417; color: #ffffff; } .CMSWebParts_Firstmac_Content_BookmarkPopup .wrapper a.button.asLink:link, .CMSWebParts_Firstmac_Content_BookmarkPopup .wrapper a.button.asLink:visited { background-color: transparent; background-image: url('/media/assets/link-arrow.png'); background-position: right center; background-repeat: no-repeat; color: #333333; font-weight: 500; line-height: 40px; padding-left: 0; padding-right: 25px; } .CMSWebParts_Firstmac_Content_BookmarkPopup .wrapper a.button.asLink:hover { background-image: url('/media/assets/link-arrow_hover.png'); color: #3487df; } /*# 02: Borrowing Power Strip #*/ .CMSWebParts_Firstmac_Content_BorrowingPowerStrip { color: #333333; } .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper { background-position: right bottom; background-repeat: no-repeat; margin: 0 auto; max-width: 1000px; padding: 55px 30px; width: 100% } .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper label { color: #333333; display: block; /*font-family: "museo-sans", sans-serif;*/ font-size: 21px!important; font-weight: 700; letter-spacing: -0.2px; margin: 3px 0 2px; text-align: right; } .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper .input-group { background-color: #ffffff; border: solid 1px #c7c9cd; border-radius: 3px; margin: 2px 0; } .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper .input-group .input-group-addon { background: none; border: 0 none; border-radius: 0px; /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 700; padding-right: 6px; } .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper .input-group .form-control { background: none; border: 0 none; border-radius: 0px; box-shadow: none; color: #5e5e5e; /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 500; line-height: 1.4; padding-left: 6px; } .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper a.button:link, .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper a.button:visited { border-radius: 25px; border: none 2px; color: #ffffff; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 700; height: 40px; letter-spacing: 0.2px; line-height: 34px; margin-right: 15px; min-width: 123px; padding: 0 15px; text-align: center; } .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper a.button.hollow:link, .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper a.button.hollow:visited { background: none; border: solid 2px #333333; color: #333333; } .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper a.button.hollowPrimary:link, .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper a.button.hollowPrimary:visited { background: none; border: solid 2px #ea1777; color: #ea1777; } .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper a.button.hollow:hover, .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper a.button.hollowPrimary:hover { background-color: #ea1777; border: solid 2px #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper a.button.filled:link, .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper a.button.filled:visited { background-color: rgba(255,255,255,0.2); border: solid 2px #ffffff; } .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper a.button.filledPrimary:link, .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper a.button.filledPrimary:visited { background-color: #ea1777; border: solid 2px #ea1777; } .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper a.button.filled:hover, .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper a.button.filledPrimary:hover { background-color: #d30b67; border: solid 2px #d30b67; color: #ffffff; } .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper a.button.filledGreen:link, .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper a.button.filledGreen:visited { /*background-image: linear-gradient(107deg, #72bb19, #12a207);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#72bb19+0,12a207+100 */ background-color: #72bb19; /* Old browsers */ background: -moz-linear-gradient(left, #72bb19 0%, #12a207 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #72bb19 0%,#12a207 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #72bb19 0%,#12a207 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bb19', endColorstr='#12a207',GradientType=1 ); /* IE6-9 */ border: solid 1px #72bb19; } .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper a.button.filledGreen:hover { /*background-image: linear-gradient(107deg, #398417, #1b7d11);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398417+0,1b7d11+100 */ background-color: #398417; /* Old browsers */ background: -moz-linear-gradient(left, #398417 0%, #1b7d11 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #398417 0%,#1b7d11 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #398417 0%,#1b7d11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398417', endColorstr='#1b7d11',GradientType=1 ); /* IE6-9 */ border: solid 1px #398417; color: #ffffff; } .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper a.button.asLink:link, .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper a.button.asLink:visited { background-color: transparent; background-image: url('/media/assets/link-arrow.png'); background-position: right center; background-repeat: no-repeat; color: #333333; font-weight: 500; line-height: 40px; padding-left: 0; padding-right: 25px; } .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper a.button.asLink:hover { background-image: url('/media/assets/link-arrow_hover.png'); color: #3487df; } @media (min-width: 768px) and (max-width: 991px) { .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper { padding: 35px 30px 36px; } .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper label { font-size: 22px; text-align: left; } } @media (max-width: 767px) { .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper { background-position: right -106px bottom 0; padding: 15px 15px; background-image:none!important; } .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper label { font-size: 15px; text-align: left; } .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper a.button:link, .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper a.button:visited { margin-top: 11px; } .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper a.button:link, .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper a.button:visited { display: block; margin-right: 0; } .CMSWebParts_Firstmac_Content_BorrowingPowerStrip .wrapper .input-group .form-control { height: 42px; } } /*# 03: Breadcrumb #*/ .lca_breadcrumb { border-bottom: none !important; margin: 0 auto; max-width: 1000px; padding: 25px 0; width: 100%; font-size: 15px; } .lca_breadcrumb a.CMSBreadCrumbsLink:link, .lca_breadcrumb a.CMSBreadCrumbsLink:visited { color: #333333; font-weight: 700; } .lca_breadcrumb a.CMSBreadCrumbsLink:hover { color: #3487df; } .lca_breadcrumb i.fa { margin: 0 5px; } .lca_breadcrumb span.CMSBreadCrumbsCurrentItem { color: #333333; font-weight: 500; } /*# 04: Call To Action #*/ .CMSWebParts_Firstmac_Content_CallToAction, .CMSWebParts_Firstmac_Content_CallToActionV2{ color: #333333; /*font-family: "museo-sans", sans-serif;*/ font-size: 18px; font-weight: 300; line-height: 1.39; } .CMSWebParts_Firstmac_Content_CallToAction:last-child { } .CMSWebParts_Firstmac_Content_CallToAction .wrapper, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper{ background-repeat: no-repeat; margin: 0 auto; max-width: 1000px; /*padding: 50px 30px 0;*/ padding: 25px 0 0; width: 100% } .CMSWebParts_Firstmac_Content_CallToAction .wrapper .content, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper .content{ margin-bottom: 50px; } .CMSWebParts_Firstmac_Content_CallToAction .wrapper h2, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper h2{ color: #333333; /*font-family: "museo-sans", sans-serif;*/ font-size: 28px; font-weight: 700; letter-spacing: -0.3px; margin-top:0; } .CMSWebParts_Firstmac_Content_CallToAction .wrapper p, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper p{ font-size: 1em; } .CMSWebParts_Firstmac_Content_CallToAction .wrapper ul, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper ul{ list-style-image:url('/media/icons/Tick-icon-pink.png'); margin-top: 15px; padding: 0 28px; } .CMSWebParts_Firstmac_Content_CallToAction .wrapper ul li, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper ul li{ margin-bottom: 15px; } .CMSWebParts_Firstmac_Content_CallToAction .wrapper a.button:link, .CMSWebParts_Firstmac_Content_CallToAction .wrapper a.button:visited, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper a.button:link, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper a.button:visited{ background: none; border-radius: 25px; border: none 2px; color: #333333; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 700; height: 40px; letter-spacing: 0.2px; line-height: 34px; margin-right: 15px; min-width: 123px; padding: 0 15px; text-align: center; } .CMSWebParts_Firstmac_Content_CallToAction .wrapper a:link, .CMSWebParts_Firstmac_Content_CallToAction .wrapper a:visited, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper a:link, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper a:visited{ color: #333333; } .CMSWebParts_Firstmac_Content_CallToAction .wrapper a:hover, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper a:hover{ color: #3487df; } .CMSWebParts_Firstmac_Content_CallToAction .wrapper a.button.hollow:link, .CMSWebParts_Firstmac_Content_CallToAction .wrapper a.button.hollow:visited, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper a.button.hollow:link, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper a.button.hollow:visited{ background: none; border: solid 2px #333333; color: #333333; } .CMSWebParts_Firstmac_Content_CallToAction .wrapper a.button.hollowPrimary:link, .CMSWebParts_Firstmac_Content_CallToAction .wrapper a.button.hollowPrimary:visited, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper a.button.hollowPrimary:link, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper a.button.hollowPrimary:visited{ background: none; border: solid 2px #ea1777; color: #ea1777; } .CMSWebParts_Firstmac_Content_CallToAction .wrapper a.button.hollow:hover, .CMSWebParts_Firstmac_Content_CallToAction .wrapper a.button.hollowPrimary:hover, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper a.button.hollow:hover, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper a.button.hollowPrimary:hover{ background-color: #ea1777; border: solid 2px #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_CallToAction .wrapper a.button.filled:link, .CMSWebParts_Firstmac_Content_CallToAction .wrapper a.button.filled:visited, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper a.button.filled:link, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper a.button.filled:visited{ background-color: rgba(0,0,0,0.2); border: solid 2px #333333; } .CMSWebParts_Firstmac_Content_CallToAction .wrapper a.button.filledPrimary:link, .CMSWebParts_Firstmac_Content_CallToAction .wrapper a.button.filledPrimary:visited, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper a.button.filledPrimary:link, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper a.button.filledPrimary:visited { background-color: #ea1777; border: solid 2px #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_CallToAction .wrapper a.button.filledGreen:link, .CMSWebParts_Firstmac_Content_CallToAction .wrapper a.button.filledGreen:visited, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper a.button.filledGreen:link, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper a.button.filledGreen:visited{ /*background-image: linear-gradient(107deg, #72bb19, #12a207);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#72bb19+0,12a207+100 */ background-color: #72bb19; /* Old browsers */ background: -moz-linear-gradient(left, #72bb19 0%, #12a207 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #72bb19 0%,#12a207 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #72bb19 0%,#12a207 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bb19', endColorstr='#12a207',GradientType=1 ); /* IE6-9 */ border: solid 1px #72bb19; color:#FFF; } .CMSWebParts_Firstmac_Content_CallToAction .wrapper a.button.filledGreen:hover, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper a.button.filledGreen:hover{ /*background-image: linear-gradient(107deg, #398417, #1b7d11);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398417+0,1b7d11+100 */ background-color: #398417; /* Old browsers */ background: -moz-linear-gradient(left, #398417 0%, #1b7d11 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #398417 0%,#1b7d11 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #398417 0%,#1b7d11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398417', endColorstr='#1b7d11',GradientType=1 ); /* IE6-9 */ border: solid 1px #398417; color: #ffffff; } .CMSWebParts_Firstmac_Content_CallToAction .wrapper a.button.filled:hover, .CMSWebParts_Firstmac_Content_CallToAction .wrapper a.button.filledPrimary:hover, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper a.button.filled:hover, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper a.button.filledPrimary:hover{ background-color: #d30b67; border: solid 2px #d30b67; color: #ffffff; } .CMSWebParts_Firstmac_Content_CallToAction .wrapper a.button.asLink:link, .CMSWebParts_Firstmac_Content_CallToAction .wrapper a.button.asLink:visited, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper a.button.asLink:link, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper a.button.asLink:visited{ background-color: transparent; background-image: url('/media/assets/link-arrow.png'); background-position: right center; background-repeat: no-repeat; color: #333333; font-weight: 500; line-height: 40px; padding-left: 0; padding-right: 25px; } .CMSWebParts_Firstmac_Content_CallToAction .wrapper a.button.asLink:hover, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper a.button.asLink:hover{ background-image: url('/media/assets/link-arrow_hover.png'); color: #3487df; } @media (max-width: 767px) { /*.CMSWebParts_Firstmac_Content_CallToAction .wrapper h2 { display:none; }*/ .CMSWebParts_Firstmac_Content_CallToAction .wrapper, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper{ background: none !important; } .CMSWebParts_Firstmac_Content_CallToAction .wrapper .content, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper .content{ margin-bottom: 30px; } .CMSWebParts_Firstmac_Content_CallToAction .image, .CMSWebParts_Firstmac_Content_CallToActionV2 .image{ margin-bottom: 25px; } .CMSWebParts_Firstmac_Content_CallToAction .image img, .CMSWebParts_Firstmac_Content_CallToActionV2 .image img{ max-width:100%; } } /*# 05: Customer Reviews #*/ .CMSWebParts_Firstmac_Content_CustomerReviews { color: #262629; /*font-family: "museo-sans", sans-serif;*/ font-size: 18px; font-weight: 300; line-height: 1.39; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper { margin: 0 auto; max-width: 1000px; /*padding: 50px 30px;*/ padding: 80px 0; width: 100% } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper h2 { color:#262629; /*font-family: "museo-sans", sans-serif;*/ font-size: 34px; font-weight: 700; letter-spacing: -0.3px; margin-top: 0; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper p { font-size: 15px; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper .ratingSummary, .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper .ratingReview { } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper .ratingSummary .visualRating { font-size: 36px; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper .ratingReview .visualRating { font-size: 28px; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper .ratingSummary .visualRating > i.fa, .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper .ratingReview .visualRating > i.fa { color: #D9D9D9; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper .ratingSummary .visualRating.fill1 > i.fa:nth-child(-n+1), .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper .ratingReview .visualRating.fill1 > i.fa:nth-child(-n+1) { color: #EA1777; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper .ratingSummary .visualRating.fill2 > i.fa:nth-child(-n+2), .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper .ratingReview .visualRating.fill2 > i.fa:nth-child(-n+2) { color: #EA1777; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper .ratingSummary .visualRating.fill3 > i.fa:nth-child(-n+3), .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper .ratingReview .visualRating.fill3 > i.fa:nth-child(-n+3) { color: #EA1777; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper .ratingSummary .visualRating.fill4 > i.fa:nth-child(-n+4), .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper .ratingReview .visualRating.fill4 > i.fa:nth-child(-n+4) { color: #EA1777; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper .ratingSummary .visualRating.fill5 > i.fa:nth-child(-n+5), .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper .ratingReview .visualRating.fill5 > i.fa:nth-child(-n+5) { color: #EA1777; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper a.button:link, .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper a.button:visited { background: none; border-radius: 25px; border: none 2px; color: #333333; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 700; height: 40px; letter-spacing: 0.2px; line-height: 34px; margin-right: 15px; min-width: 123px; padding: 0 15px; text-align: center; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper a:link, .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper a:visited { color: #333333; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper a:hover { color: #3487df; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper a.button.hollow:link, .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper a.button.hollow:visited { background: none; border: solid 2px #262629; color: #262629; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper a.button.hollowPrimary:link, .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper a.button.hollowPrimary:visited { background: none; border: solid 2px #ea1777; color: #ea1777; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper a.button.hollow:hover, .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper a.button.hollowPrimary:hover { background-color: #ea1777; border: solid 2px #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper a.button.filled:link, .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper a.button.filled:visited { background-color: rgba(0,0,0,0.2); border: solid 2px #333333; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper a.button.filledPrimary:link, .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper a.button.filledPrimary:visited { background-color: #ea1777; border: solid 2px #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper a.button.filled:hover, .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper a.button.filledPrimary:hover { background-color: #d30b67; border: solid 2px #d30b67; color: #ffffff; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper a.button.filledGreen:link, .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper a.button.filledGreen:visited { /*background-image: linear-gradient(107deg, #72bb19, #12a207);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#72bb19+0,12a207+100 */ background-color: #72bb19; /* Old browsers */ background: -moz-linear-gradient(left, #72bb19 0%, #12a207 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #72bb19 0%,#12a207 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #72bb19 0%,#12a207 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bb19', endColorstr='#12a207',GradientType=1 ); /* IE6-9 */ border: solid 1px #72bb19; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper a.button.filledGreen:hover { /*background-image: linear-gradient(107deg, #398417, #1b7d11);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398417+0,1b7d11+100 */ background-color: #398417; /* Old browsers */ background: -moz-linear-gradient(left, #398417 0%, #1b7d11 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #398417 0%,#1b7d11 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #398417 0%,#1b7d11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398417', endColorstr='#1b7d11',GradientType=1 ); /* IE6-9 */ border: solid 1px #398417; color: #ffffff; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper a.button.asLink:link, .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper a.button.asLink:visited { background-color: transparent; background-image: url('/media/assets/link-arrow.png'); background-position: right center; background-repeat: no-repeat; color: #333333; font-weight: 500; line-height: 40px; padding-left: 0; padding-right: 25px; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper a.button.asLink:hover { background-image: url('/media/assets/link-arrow_hover.png'); color: #3487df; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper .rating-img img { max-width:75%; margin-bottom:20px; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper ul.overAllSummary { list-style-type: none; padding-left: 0; margin:10% 0; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper ul.overAllSummary li { display: inline-block; vertical-align: middle; font-weight: 500; padding-left:10px; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper ul.overAllSummary li span { display: block; font-size:14px; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper ul.overAllSummary li:first-child { font-size: 63px; border-right: 4px solid #262629; line-height: 63px; padding-left:0; padding-right:15px; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper p.sub { font-size:14px; font-weight:500; margin-bottom:8%; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper .content-wrapper { background-color: #FFF; min-height: 580px; padding:15px; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper span { padding-left: 5px; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper span.border { border-right: 1px solid #FFF; padding-right: 5px; padding-left: 0; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper p.customer { margin: 20px 0 5px; font-size: 12px; font-weight: 300; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper p.date { font-weight: 700; font-size: 15px; margin-top: 5%; } .CMSWebParts_Firstmac_Content_CustomerReviews.collapse { display:block; } .CMSWebParts_Firstmac_Content_CustomerReviews_Accordion { border-bottom:none!important; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper.horizontal .row > .bordered { border-bottom: 1px dashed #262629; padding-bottom: 40px; margin-bottom: 40px; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper.horizontal .row:last-child > .bordered { border: 0 none; } .CMSWebParts_Firstmac_Content_CustomerReviews.purple-review { background-color: #eaeaea; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper p.title { font-size: 20px; margin-bottom: 0; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper p.desc { max-width:620px; padding-left: 33px; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper img.quote { vertical-align: top; margin: 0 5px; filter: invert(78%); } @media(max-width:767px) { .CMSWebParts_Firstmac_Content_CustomerReviews.collapse, .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper h2 { display:none; } .CMSWebParts_Firstmac_Content_CustomerReviews.collapse.in { display:block; } .CMSWebParts_Firstmac_Content_CustomerReviews_Accordion { min-height: 70px; } .CMSWebParts_Firstmac_Content_CustomerReviews_Accordion a { display: block; color:#333; font-size:20px; font-weight:700; padding: 20px 14px; } .CMSWebParts_Firstmac_Content_CustomerReviews_Accordion i { float:right; margin-top: 5px; color:#EA1777; } .CMSWebParts_Firstmac_Content_CustomerReviews_Accordion i.fa-minus { color:#FFF; } .CMSWebParts_Firstmac_Content_CustomerReviews_Accordion a[aria-expanded=true] { background-color:#EA1777; color:#FFF; } .CMSWebParts_Firstmac_Content_CustomerReviews_Accordion a[aria-expanded=true] .fa-plus { display: none; } .CMSWebParts_Firstmac_Content_CustomerReviews_Accordion a[aria-expanded=false] .fa-minus { display: none; } } /*# 06: Data Table #*/ .CMSWebParts_Firstmac_Content_DataTable { color: #333333; /*font-family: "museo-sans", sans-serif;*/ font-size: 18px; font-weight: 300; line-height: 1.39; } .CMSWebParts_Firstmac_Content_DataTable:last-child { } .CMSWebParts_Firstmac_Content_DataTable .wrapper { margin: 0 auto; max-width: 1000px; /*padding: 50px 30px;*/ padding: 25px 0; width: 100% } .CMSWebParts_Firstmac_Content_DataTable .wrapper h2 { color: #333333; /*font-family: "museo-sans", sans-serif;*/ font-size: 28px; font-weight: 700; letter-spacing: -0.3px; } .CMSWebParts_Firstmac_Content_DataTable .wrapper p { font-size: 1em; } .CMSWebParts_Firstmac_Content_DataTable .wrapper .dataTableRow { padding: 15px; } .CMSWebParts_Firstmac_Content_DataTable .wrapper .dataTableRow:nth-child(2n) { background-color: #ebebee; } .CMSWebParts_Firstmac_Content_DataTable .wrapper table { border-collapse: collapse; background-color:#FFF; border: 10px solid #fff; width: 100%; } .CMSWebParts_Firstmac_Content_DataTable .wrapper table tr th { padding: 15px 10px; background-color:#EBEBEE; } .CMSWebParts_Firstmac_Content_DataTable .wrapper table tr:not(:first-child) { border-bottom: 2px solid #ebebee; } .CMSWebParts_Firstmac_Content_DataTable .wrapper table tr:last-child{ border-bottom: none; } .CMSWebParts_Firstmac_Content_DataTable .wrapper table tr td{ padding: 15px 10px; } .CMSWebParts_Firstmac_Content_DataTable .wrapper table tr td:nth-child(2) { text-align: right; } /*# 07: Dual Column Text #*/ .CMSWebParts_Firstmac_Content_DualColumnText { color: #333333; /*font-family: "museo-sans", sans-serif;*/ font-size: 18px; font-weight: 300; line-height: 1.39; } .CMSWebParts_Firstmac_Content_DualColumnText:last-child { } .CMSWebParts_Firstmac_Content_DualColumnText .wrapper { margin: 0 auto; max-width: 1000px; /*padding: 50px 30px;*/ padding: 25px 0; width: 100% } .CMSWebParts_Firstmac_Content_DualColumnText .wrapper h2 { color: #333333; /*font-family: "museo-sans", sans-serif;*/ font-size: 28px; font-weight: 700; letter-spacing: -0.3px; } .CMSWebParts_Firstmac_Content_DualColumnText .wrapper p { font-size: 1em; } .CMSWebParts_Firstmac_Content_DualColumnText .wrapper ul.tick { list-style-image: url('/media/assets/bullet-points-pink-tick.png'); margin-top: 15px; padding: 0 28px; } .CMSWebParts_Firstmac_Content_DualColumnText .wrapper ul.dash li { background-position: 0 5px; background-repeat: no-repeat; padding-left: 1.5em; } .CMSWebParts_Firstmac_Content_DualColumnText .wrapper ul li { margin-bottom: 15px; } .CMSWebParts_Firstmac_Content_DualColumnText .wrapper a:link, .CMSWebParts_Firstmac_Content_DualColumnText .wrapper a:visited { color: #333333; } .CMSWebParts_Firstmac_Content_DualColumnText .wrapper a:hover { color: #3487df; } .CMSWebParts_Firstmac_Content_DualColumnText .wrapper a.button:link, .CMSWebParts_Firstmac_Content_DualColumnText .wrapper a.button:visited { border-radius: 25px; border: none 2px; color: #ffffff; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 700; height: 40px; letter-spacing: 0.2px; line-height: 34px; margin-right: 15px; min-width: 123px; padding: 0 15px; text-align: center; } .CMSWebParts_Firstmac_Content_DualColumnText .wrapper a.button.hollow:link, .CMSWebParts_Firstmac_Content_DualColumnText .wrapper a.button.hollow:visited { background: none; border: solid 2px #333333; color: #333333; } .CMSWebParts_Firstmac_Content_DualColumnText .wrapper a.button.hollowPrimary:link, .CMSWebParts_Firstmac_Content_DualColumnText .wrapper a.button.hollowPrimary:visited { background: none; border: solid 2px #ea1777; color: #ea1777; } .CMSWebParts_Firstmac_Content_DualColumnText .wrapper a.button.hollow:hover, .CMSWebParts_Firstmac_Content_DualColumnText .wrapper a.button.hollowPrimary:hover { background-color: #ea1777; border: solid 2px #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_DualColumnText .wrapper a.button.filled:link, .CMSWebParts_Firstmac_Content_DualColumnText .wrapper a.button.filled:visited { background-color: rgba(255,255,255,0.2); border: solid 2px #ffffff; } .CMSWebParts_Firstmac_Content_DualColumnText .wrapper a.button.filledPrimary:link, .CMSWebParts_Firstmac_Content_DualColumnText .wrapper a.button.filledPrimary:visited { background-color: #ea1777; border: solid 2px #ea1777; } .CMSWebParts_Firstmac_Content_DualColumnText .wrapper a.button.filled:hover, .CMSWebParts_Firstmac_Content_DualColumnText .wrapper a.button.filledPrimary:hover { background-color: #d30b67; border: solid 2px #d30b67; color: #ffffff; } .CMSWebParts_Firstmac_Content_DualColumnText .wrapper a.button.asLink:link, .CMSWebParts_Firstmac_Content_DualColumnText .wrapper a.button.asLink:visited { background-color: transparent; background-image: url('/media/assets/link-arrow.png'); background-position: right center; background-repeat: no-repeat; color: #333333; font-weight: 500; line-height: 40px; padding-left: 0; padding-right: 25px; } .CMSWebParts_Firstmac_Content_DualColumnText .wrapper a.button.asLink:hover { background-image: url('/media/assets/link-arrow_hover.png'); color: #3487df; } .CMSWebParts_Firstmac_Content_DualColumnText .wrapper table { border-collapse: collapse; background-color:#FFF; border: 10px solid #FFF; } .CMSWebParts_Firstmac_Content_DualColumnText .wrapper table tr th { padding: 15px 10px; background-color:#EBEBEE; } .CMSWebParts_Firstmac_Content_DualColumnText .wrapper table tr:not(:first-child) { border-bottom: 2px solid #ebebee; } .CMSWebParts_Firstmac_Content_DualColumnText .wrapper table tr:last-child{ border-bottom: none; } .CMSWebParts_Firstmac_Content_DualColumnText .wrapper table tr td{ padding: 15px 10px; } /*# 08: General Banner #*/ .CMSWebParts_Firstmac_Content_GeneralBanner { background-position: top right; background-repeat: no-repeat; color: #FFFFFF; height: 450px; /*margin-top:28px;*/ } @media(max-width:953px) { /*.CMSWebParts_Firstmac_Content_GeneralBanner{ margin-top:0; }*/ } .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper { margin: 0 auto; max-width: 1000px; width: 100% } .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .tag { background-color: #565bc1; border-radius: 2px; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 13px; font-weight: 500; height: 35px; line-height: 35px; margin-right: 180px; min-width: 97px; padding: 0 10px; position: absolute; right: 0; text-align: center; } .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper h1 { color: #FFFFFF; /*font-family: "museo-sans", sans-serif;*/ font-size: 64px; font-weight: 700; letter-spacing: -1.3px; margin-top: 0; padding-top: 55px; } .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper p { /*font-family: "museo-sans", sans-serif;*/ font-size: 25px; font-weight: 500; letter-spacing: -0.5px; } .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .buttons {} .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .buttons a:link, .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .buttons a:visited { background: none; border-radius: 25px; border: none 2px; color: #ffffff; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 700; height: 40px; letter-spacing: 0.2px; line-height: 34px; margin-right: 15px; min-width: 162px; padding: 0 15px; text-align: center; } .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .buttons a.hollow:link, .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .buttons a.hollow:visited { border: solid 2px #ffffff; } .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .buttons a.hollowPrimary:link, .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .buttons a.hollowPrimary:visited { border: solid 2px #ea1777; color: #ea1777; } .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .buttons a.hollow:hover, .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .buttons a.hollowPrimary:hover { background-color: #ea1777; border: solid 2px #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .buttons a.filled:link, .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .buttons a.filled:visited { background-color: rgba(255,255,255,0.2); border: solid 2px #ffffff; } .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .buttons a.filledPrimary:link, .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .buttons a.filledPrimary:visited { background-color: #ea1777; border: solid 2px #ea1777; } .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .buttons a.filled:hover, .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .buttons a.filledPrimary:hover { background-color: #d30b67; border: solid 2px #d30b67; color: #ffffff; } .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .buttons a.filledGreen:link, .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .buttons a.filledGreen:visited { /*background-image: linear-gradient(107deg, #72bb19, #12a207);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#72bb19+0,12a207+100 */ background-color: #72bb19; /* Old browsers */ background: -moz-linear-gradient(left, #72bb19 0%, #12a207 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #72bb19 0%,#12a207 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #72bb19 0%,#12a207 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bb19', endColorstr='#12a207',GradientType=1 ); /* IE6-9 */ border: solid 1px #72bb19; } .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .buttons a.filledGreen:hover { /*background-image: linear-gradient(107deg, #398417, #1b7d11);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398417+0,1b7d11+100 */ background-color: #398417; /* Old browsers */ background: -moz-linear-gradient(left, #398417 0%, #1b7d11 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #398417 0%,#1b7d11 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #398417 0%,#1b7d11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398417', endColorstr='#1b7d11',GradientType=1 ); /* IE6-9 */ border: solid 1px #398417; color: #ffffff; } .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .buttons a.asLink:link, .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .buttons a.asLink:visited { background-color: transparent; background-image: url('/media/assets/link-arrow.png'); background-position: right center; background-repeat: no-repeat; color: #333333; font-weight: 500; line-height: 40px; padding-left: 0; padding-right: 25px; } .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .buttons a.asLink:hover { background-image: url('/media/assets/link-arrow_hover.png'); color: #3487df; } @media (max-width: 1280px) { .CMSWebParts_Firstmac_Content_GeneralBanner { background-position: center center; } } @media (max-width: 990px) { .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper { padding: 0 30px; } } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { /*tablet*/ .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .tag { margin-right: 84px; } .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper h1 { font-size: 48px; } } @media (max-width: 767px) { /*mobile*/ .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .tag { margin-right: 30px; } .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper h1 { font-size: 36px; } } @media (max-width: 435px) { /*mobile*/ .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper p { font-size: 20px; } .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .buttons a:link, .CMSWebParts_Firstmac_Content_GeneralBanner .wrapper .buttons a:visited { margin-bottom: 15px; } } /*# 09: Guides #*/ .CMSWebParts_Firstmac_Content_Guides { color: #333333; /*font-family: "museo-sans", sans-serif;*/ font-size: 18px; font-weight: 300; line-height: 1.39; } .CMSWebParts_Firstmac_Content_Guides:last-child { } .CMSWebParts_Firstmac_Content_Guides .wrapper { margin: 0 auto; max-width: 1000px; padding: 50px 30px; width: 100% } .CMSWebParts_Firstmac_Content_Guides .wrapper h2 { color: #333333; /*font-family: "museo-sans", sans-serif;*/ font-size: 28px; font-weight: 700; letter-spacing: -0.3px; } .CMSWebParts_Firstmac_Content_Guides .wrapper h3 { color: #333333; /*font-family: "museo-sans", sans-serif;*/ font-size: 24px; font-weight: 700; letter-spacing: -0.3px; margin-top: 0; } .CMSWebParts_Firstmac_Content_Guides .wrapper p { font-size: 1em; } .CMSWebParts_Firstmac_Content_Guides .wrapper ul.tick { list-style-image: url('/media/icons/Tick-icon-pink.png'); margin-top: 15px; padding: 0 28px; } .CMSWebParts_Firstmac_Content_Guides .wrapper ul.dash li { background-position: 0 5px; background-repeat: no-repeat; padding-left: 1.5em; } .CMSWebParts_Firstmac_Content_Guides .wrapper ul.tabs { list-style: none; padding: 0; } .CMSWebParts_Firstmac_Content_Guides .wrapper ul li, .CMSWebParts_Firstmac_Content_Guides .wrapper ul.tabs li { margin-bottom: 15px; } .CMSWebParts_Firstmac_Content_Guides .wrapper ul.tabs li.active { border-bottom: 2px solid #ea1777; padding-bottom: 5px; } .CMSWebParts_Firstmac_Content_Guides .wrapper .tab-content { background-color: #d8d8d8; padding: 20px; } .CMSWebParts_Firstmac_Content_Guides .wrapper a:link, .CMSWebParts_Firstmac_Content_Guides .wrapper a:visited { color: #333333; } .CMSWebParts_Firstmac_Content_Guides .wrapper a:hover { color: #3487df; } .CMSWebParts_Firstmac_Content_Guides .wrapper a.button:link, .CMSWebParts_Firstmac_Content_Guides .wrapper a.button:visited { border-radius: 25px; border: none 2px; color: #ffffff; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 700; height: 40px; letter-spacing: 0.2px; line-height: 34px; margin-right: 15px; min-width: 123px; padding: 0 15px; text-align: center; } @media(max-width:767px){ .CMSWebParts_Firstmac_Content_Guides .wrapper a.button:link, .CMSWebParts_Firstmac_Content_Guides .wrapper a.button:visited { margin: 20px auto 5px; display:block; } } .CMSWebParts_Firstmac_Content_Guides .wrapper a.button.hollow:link, .CMSWebParts_Firstmac_Content_Guides .wrapper a.button.hollow:visited { background: none; border: solid 2px #333333; color: #333333; } .CMSWebParts_Firstmac_Content_Guides .wrapper a.button.hollowPrimary:link, .CMSWebParts_Firstmac_Content_Guides .wrapper a.button.hollowPrimary:visited { background: none; border: solid 2px #ea1777; color: #ea1777; } .CMSWebParts_Firstmac_Content_Guides .wrapper a.button.hollow:hover, .CMSWebParts_Firstmac_Content_Guides .wrapper a.button.hollowPrimary:hover { background-color: #ea1777; border: solid 2px #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_Guides .wrapper a.button.filled:link, .CMSWebParts_Firstmac_Content_Guides .wrapper a.button.filled:visited { background-color: rgba(255,255,255,0.2); border: solid 2px #ffffff; } .CMSWebParts_Firstmac_Content_Guides .wrapper a.button.filledPrimary:link, .CMSWebParts_Firstmac_Content_Guides .wrapper a.button.filledPrimary:visited { background-color: #ea1777; border: solid 2px #ea1777; } .CMSWebParts_Firstmac_Content_Guides .wrapper a.button.filled:hover, .CMSWebParts_Firstmac_Content_Guides .wrapper a.button.filledPrimary:hover { background-color: #d30b67; border: solid 2px #d30b67; color: #ffffff; } .CMSWebParts_Firstmac_Content_Guides .wrapper a.button.filledGreen:link, .CMSWebParts_Firstmac_Content_Guides .wrapper a.button.filledGreen:visited { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#72bb19+0,12a207+100 */ background-color: #72bb19; background: -moz-linear-gradient(left, #72bb19 0%, #12a207 100%); background: -webkit-linear-gradient(left, #72bb19 0%,#12a207 100%); background: linear-gradient(to right, #72bb19 0%,#12a207 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bb19', endColorstr='#12a207',GradientType=1 ); border: solid 1px #72bb19; color:#FFF; } .CMSWebParts_Firstmac_Content_Guides .wrapper a.button.filledGreen:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398417+0,1b7d11+100 */ background-color: #398417; background: -moz-linear-gradient(left, #398417 0%, #1b7d11 100%); background: -webkit-linear-gradient(left, #398417 0%,#1b7d11 100%); background: linear-gradient(to right, #398417 0%,#1b7d11 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398417', endColorstr='#1b7d11',GradientType=1 ); border: solid 1px #398417; color: #ffffff; } .CMSWebParts_Firstmac_Content_Guides .wrapper a.button.asLink:link, .CMSWebParts_Firstmac_Content_Guides .wrapper a.button.asLink:visited { background-color: transparent; background-image: url('/media/assets/link-arrow.png'); background-position: right center; background-repeat: no-repeat; color: #333333; font-weight: 500; line-height: 40px; padding-left: 0; padding-right: 25px; } .CMSWebParts_Firstmac_Content_Guides .wrapper a.button.asLink:hover { background-image: url('/media/assets/link-arrow_hover.png'); color: #3487df; } /*# 10: Loan Display Cards #*/ .CMSWebParts_Firstmac_Content_LoanDisplayCards { color: #333333; /*font-family: "museo-sans", sans-serif;*/ font-size: 18px; font-weight: 300; line-height: 1.39; } .CMSWebParts_Firstmac_Content_LoanDisplayCards:last-child { } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper { background-repeat: no-repeat; margin: 0 auto; max-width: 1000px; padding: 50px 30px 0; width: 100% } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-wrapper { margin-bottom: 25px; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-most-popular-False { display: none; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-most-popular-True { border: 1px solid #565BC1; border-bottom: 0 none; background-color: #565BC1; border-radius: 5px 5px 0 0; color: #FFFFFF; padding: 5px 0; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.card-loan-rates:link, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.card-loan-rates:visited { border: 1px solid #41458a; background-color: #41458a; color: #FFFFFF; padding: 15px 0 0 0; display: block; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.card-loan-rates:link.popular-False, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.card-loan-rates:visited.popular-False { background-color: #FFFFFF; border: 1px solid #bdbfc3; border-radius: 5px 5px 0 0; color: #333333; margin-top: 36px; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.card-loan-rates:hover.popular-False { background-color: #ccceff; border-color: #ccceff; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.card-loan-rates:hover.popular-True { background-color: #ccceff; border-color: #ccceff; color: #333333; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.card-loan-rates:link h3, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.card-loan-rates:visited h3 { font-size: 18px; margin-top: 0; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.card-loan-rates:link.popular-True h3, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.card-loan-rates:visited.popular-True h3 { color: #FFFFFF; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.card-loan-rates:hover.popular-True h3, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.card-loan-rates:visited.popular-False h3 { color: #333333; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.card-loan-rates:link p, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.card-loan-rates:visited p { font-size: 13px; margin-bottom: 15px } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.card-loan-rates:link p .big, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.card-loan-rates:visited p .big { font-size: 28px; font-weight: 700; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature { border: 1px solid #bdbfc3; border-top: 0 none; background-color: #FFFFFF; line-height: 51px; padding: 15px 0; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature .fa { line-height: 51px; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature .feature-text { line-height: 1.39em; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature.feature-redraw-YES .feature-icon, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature.feature-offset-YES .feature-icon, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature.feature-visacard-YES .feature-icon, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature.feature-repayments-YES .feature-icon { color: #55A316; display: inline-block; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature.feature-redraw-NO .feature-icon, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature.feature-offset-NO .feature-icon, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature.feature-visacard-NO .feature-icon, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature.feature-repayments-NO .feature-icon { color: #D8D8D8; display: inline-block; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature.feature-redraw-CUSTOM .feature-text, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature.feature-offset-CUSTOM .feature-text, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature.feature-visacard-CUSTOM .feature-text, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature.feature-repayments-CUSTOM .feature-text { display: inline-block; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature.feature-redraw-CUSTOM .feature-icon, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature.feature-offset-CUSTOM .feature-icon, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature.feature-visacard-CUSTOM .feature-icon, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature.feature-repayments-CUSTOM .feature-icon, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature.feature-redraw-YES .feature-text, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature.feature-offset-YES .feature-text, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature.feature-visacard-YES .feature-text, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature.feature-repayments-YES .feature-text, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature.feature-redraw-NO .feature-text, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature.feature-offset-NO .feature-text, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature.feature-visacard-NO .feature-text, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-feature.feature-repayments-NO .feature-text { display: none; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .card-loan-button { border: 1px solid #bdbfc3; border-top: 0 none; background-color: #FFFFFF; border-radius: 0 0 5px 5px; color: #FFFFFF; padding: 15px 0; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .feature-labels { margin-top: 295px; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .feature-labels .card-loan-feature { background: none; border: none; margin-bottom: 1px } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper .disclaimer-text { margin-bottom: 25px; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a:link, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a:visited { color: #333333; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a:hover { color: #3487df; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.button:link, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.button:visited { border-radius: 25px; border: none 2px; color: #ffffff; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 700; height: 40px; letter-spacing: 0.2px; line-height: 34px; min-width: 123px; padding: 0 15px; text-align: center; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.button.hollow:link, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.button.hollow:visited { background: none; border: solid 2px #333333; color: #333333; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.button.hollowPrimary:link, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.button.hollowPrimary:visited { background: none; border: solid 2px #ea1777; color: #ea1777; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.button.hollow:hover, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.button.hollowPrimary:hover { background-color: #ea1777; border: solid 2px #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.button.filled:link, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.button.filled:visited { background-color: rgba(255,255,255,0.2); border: solid 2px #ffffff; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.button.filledPrimary:link, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.button.filledPrimary:visited { background-color: #ea1777; border: solid 2px #ea1777; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.button.filled:hover, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.button.filledPrimary:hover { background-color: #d30b67; border: solid 2px #d30b67; color: #ffffff; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.button.filledGreen:link, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.button.filledGreen:visited { /*background-image: linear-gradient(107deg, #72bb19, #12a207);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#72bb19+0,12a207+100 */ background-color: #72bb19; /* Old browsers */ background: -moz-linear-gradient(left, #72bb19 0%, #12a207 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #72bb19 0%,#12a207 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #72bb19 0%,#12a207 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bb19', endColorstr='#12a207',GradientType=1 ); /* IE6-9 */ border: solid 1px #72bb19; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.button.filledGreen:hover { /*background-image: linear-gradient(107deg, #398417, #1b7d11);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398417+0,1b7d11+100 */ background-color: #398417; /* Old browsers */ background: -moz-linear-gradient(left, #398417 0%, #1b7d11 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #398417 0%,#1b7d11 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #398417 0%,#1b7d11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398417', endColorstr='#1b7d11',GradientType=1 ); /* IE6-9 */ border: solid 1px #398417; color: #ffffff; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.button.asLink:link, .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.button.asLink:visited { background-color: transparent; background-image: url('/media/assets/link-arrow.png'); background-position: right center; background-repeat: no-repeat; color: #333333; font-weight: 500; line-height: 40px; padding-left: 0; padding-right: 25px; } .CMSWebParts_Firstmac_Content_LoanDisplayCards .wrapper a.button.asLink:hover { background-image: url('/media/assets/link-arrow_hover.png'); color: #3487df; } /*# 11: Product Banner #*/ .CMSWebParts_Firstmac_Content_ProductBanner { background-position: top right; background-repeat: no-repeat; color: #FFFFFF; height: 450px; } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper { margin: 0 auto; max-width: 1000px; width: 100% } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .tag { background-color: #565bc1; border-radius: 2px; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 13px; font-weight: 500; height: 35px; line-height: 35px; margin-right: 180px; min-width: 97px; padding: 0 10px; position: absolute; right: 0; text-align: center; } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper h1 { color: #FFFFFF; /*font-family: "museo-sans", sans-serif;*/ font-size: 64px; font-weight: 700; letter-spacing: -1.3px; margin-top: 0; padding-top: 55px; } @media (max-width: 480px) and (min-width: 320px) { .CMSWebParts_Firstmac_Content_ProductBanner .wrapper h1 { padding-top: 40px; } } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper p { /*font-family: "museo-sans", sans-serif;*/ font-size: 25px; font-weight: 500; letter-spacing: -0.5px; } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper ul.rates { font-size: 1em; font-weight: 700; margin-bottom: 20px; padding-left: 0; } @media (max-width: 480px) and (min-width: 320px) { .CMSWebParts_Firstmac_Content_ProductBanner .wrapper ul.rates { padding-top: 0; } } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper ul.rates li { border-right: 2px solid #fff; display: inline-block; line-height: 1; padding: 0 15px 0 0; } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper ul.rates li:last-child { border-right: 0 none; padding: 0 0 0 15px; } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper ul.rates li .big { /*font-family: "museo-sans", sans-serif;*/ font-size: 64px; font-weight: 700; letter-spacing: -1.3px; } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper ul.rates li .small { /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 500; letter-spacing: 0.6px; } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .buttons {} .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .buttons a:link, .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .buttons a:visited { background: none; border-radius: 25px; border: none 2px; color: #ffffff; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 700; height: 40px; letter-spacing: 0.2px; line-height: 34px; margin-right: 15px; min-width: 162px; padding: 0 15px; text-align: center; } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .buttons a.hollow:link, .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .buttons a.hollow:visited { border: solid 2px #ffffff; } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .buttons a.hollowPrimary:link, .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .buttons a.hollowPrimary:visited { border: solid 2px #ea1777; color: #ea1777; } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .buttons a.hollow:hover, .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .buttons a.hollowPrimary:hover { background-color: #ea1777; border: solid 2px #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .buttons a.filled:link, .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .buttons a.filled:visited { background-color: rgba(255,255,255,0.2); border: solid 2px #ffffff; } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .buttons a.filledPrimary:link, .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .buttons a.filledPrimary:visited { background-color: #ea1777; border: solid 2px #ea1777; } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .buttons a.filled:hover, .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .buttons a.filledPrimary:hover { background-color: #d30b67; border: solid 2px #d30b67; color: #ffffff; } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .buttons a.filledGreen:link, .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .buttons a.filledGreen:visited { /*background-image: linear-gradient(107deg, #72bb19, #12a207);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#72bb19+0,12a207+100 */ background-color: #72bb19; /* Old browsers */ background: -moz-linear-gradient(left, #72bb19 0%, #12a207 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #72bb19 0%,#12a207 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #72bb19 0%,#12a207 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bb19', endColorstr='#12a207',GradientType=1 ); /* IE6-9 */ border: solid 1px #72bb19; } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .buttons a.filledGreen:hover { /*background-image: linear-gradient(107deg, #398417, #1b7d11);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398417+0,1b7d11+100 */ background-color: #398417; /* Old browsers */ background: -moz-linear-gradient(left, #398417 0%, #1b7d11 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #398417 0%,#1b7d11 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #398417 0%,#1b7d11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398417', endColorstr='#1b7d11',GradientType=1 ); /* IE6-9 */ border: solid 1px #398417; color: #ffffff; } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .buttons a.asLink:link, .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .buttons a.asLink:visited { background-color: transparent; background-image: url('/media/assets/link-arrow.png'); background-position: right center; background-repeat: no-repeat; color: #333333; font-weight: 500; line-height: 40px; padding-left: 0; padding-right: 25px; } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .buttons a.asLink:hover { background-image: url('/media/assets/link-arrow_hover.png'); color: #3487df; } @media (max-width: 1280px) { .CMSWebParts_Firstmac_Content_ProductBanner { background-position: center center; } } @media (max-width: 1199px) { .CMSWebParts_Firstmac_Content_ProductBanner .wrapper { padding: 0 30px; } } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { /*tablet*/ .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .tag { margin-right: 84px; } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper h1 { font-size: 48px; } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper ul.rates li .big { font-size: 48px; } } @media (max-width: 767px) { /*mobile*/ .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .tag { margin-right: 30px; } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper h1 { font-size: 36px; } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper ul.rates li .big { font-size: 36px; } } @media (max-width: 435px) { /*mobile*/ .CMSWebParts_Firstmac_Content_ProductBanner .wrapper p { font-size: 20px; } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper ul.rates li .small { font-size: 10px; } .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .buttons a:link, .CMSWebParts_Firstmac_Content_ProductBanner .wrapper .buttons a:visited { margin-bottom: 15px; } } /*# 12: Product Feature Banner #*/ .CMSWebParts_Firstmac_Content_ProductFeatureBanner {} .CMSWebParts_Firstmac_Content_ProductFeatureBanner .modal-heading { font-weight: 700; font-size: 24px; color: #333; } .CMSWebParts_Firstmac_Content_ProductFeatureBanner a.button:link, .CMSWebParts_Firstmac_Content_ProductFeatureBanner a.button:visited { border-radius: 25px; border: none 2px; color: #ffffff; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 700; height: 40px; letter-spacing: 0.2px; line-height: 34px; margin-right: 15px; min-width: 123px; padding: 0 15px; text-align: center; margin-bottom:20px; padding: 2px 15px; text-decoration: none; } .CMSWebParts_Firstmac_Content_ProductFeatureBanner a.button.hollow:link, .CMSWebParts_Firstmac_Content_ProductFeatureBanner a.button.hollow:visited { background: none; border: solid 2px #333333; color: #333333; } .CMSWebParts_Firstmac_Content_ProductFeatureBanner a.button.hollowPrimary:link, .CMSWebParts_Firstmac_Content_ProductFeatureBanner a.button.hollowPrimary:visited { background: none; border: solid 2px #ea1777; color: #ea1777; } .CMSWebParts_Firstmac_Content_ProductFeatureBanner a.button.hollow:hover, .CMSWebParts_Firstmac_Content_ProductFeatureBanner a.button.hollowPrimary:hover { background-color: #ea1777; border: solid 2px #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_ProductFeatureBanner a.button.filled:link, .CMSWebParts_Firstmac_Content_ProductFeatureBanner a.button.filled:visited { background-color: rgba(255,255,255,0.2); border: solid 2px #ffffff; } .CMSWebParts_Firstmac_Content_ProductFeatureBanner a.button.filledPrimary:link, .CMSWebParts_Firstmac_Content_ProductFeatureBanner a.button.filledPrimary:visited { background-color: #ea1777; border: solid 2px #ea1777; } .CMSWebParts_Firstmac_Content_ProductFeatureBanner a.button.filled:hover, .CMSWebParts_Firstmac_Content_ProductFeatureBanner a.button.filledPrimary:hover { background-color: #d30b67; border: solid 2px #d30b67; color: #ffffff; } .CMSWebParts_Firstmac_Content_ProductFeatureBanner a.button.filledGreen:link, .CMSWebParts_Firstmac_Content_ProductFeatureBanner a.button.filledGreen:visited { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#72bb19+0,12a207+100 */ background-color: #72bb19; background: -moz-linear-gradient(left, #72bb19 0%, #12a207 100%); background: -webkit-linear-gradient(left, #72bb19 0%,#12a207 100%); background: linear-gradient(to right, #72bb19 0%,#12a207 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bb19', endColorstr='#12a207',GradientType=1 ); border: solid 1px #72bb19; } .CMSWebParts_Firstmac_Content_ProductFeatureBanner a.button.filledGreen:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398417+0,1b7d11+100 */ background-color: #398417; background: -moz-linear-gradient(left, #398417 0%, #1b7d11 100%); background: -webkit-linear-gradient(left, #398417 0%,#1b7d11 100%); background: linear-gradient(to right, #398417 0%,#1b7d11 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398417', endColorstr='#1b7d11',GradientType=1 ); border: solid 1px #398417; color: #ffffff; text-decoration: none; } .CMSWebParts_Firstmac_Content_ProductFeatureBanner a.button.asLink:link, .CMSWebParts_Firstmac_Content_ProductFeatureBanner a.button.asLink:visited { background-color: transparent; background-image: url('/media/assets/link-arrow.png'); background-position: right center; background-repeat: no-repeat; color: #333333; font-weight: 500; line-height: 40px; padding-left: 0; padding-right: 25px; } .CMSWebParts_Firstmac_Content_ProductFeatureBanner a.button.asLink:hover { background-image: url('/media/assets/link-arrow_hover.png'); color: #3487df; } /*# 13: Product Guide #*/ .CMSWebParts_Firstmac_Content_ProductGuide { color: #333333; font-weight: 300; line-height: 1.39; padding-bottom: 50px; } .CMSWebParts_Firstmac_Content_ProductGuide:last-child { } .CMSWebParts_Firstmac_Content_ProductGuide .wrapper { background-repeat: no-repeat; margin: 0 auto; max-width: 1000px; padding: 50px 30px 0; width: 100% } .CMSWebParts_Firstmac_Content_ProductGuide .wrapper.guide-content .content { background-color: rgba(0,0,0,0.2); color: #FFFFFF; min-height: 550px; padding-top: 50px; padding-bottom: 50px; } .CMSWebParts_Firstmac_Content_ProductGuide .wrapper.guide-content .content h4 { color: #FFFFFF; } .CMSWebParts_Firstmac_Content_ProductGuide .wrapper.guide-content .content ul.links { border-bottom: 1px solid rgba(255,255,255,0.5); list-style: none; margin: 25px 0 0 0; padding: 0; } .CMSWebParts_Firstmac_Content_ProductGuide .wrapper.guide-content .content ul.links li { } .CMSWebParts_Firstmac_Content_ProductGuide .wrapper.guide-content .content ul.links li p { margin-bottom: 0; } .CMSWebParts_Firstmac_Content_ProductGuide .wrapper.guide-content .content ul.links li p a { background-position: 95% center; background-repeat: no-repeat; border-top: 1px solid rgba(255,255,255,0.5); color: #FFFFFF; display: block; padding: 15px 30px 15px 15px; } .CMSWebParts_Firstmac_Content_ProductGuide .wrapper.guide-content .content ul.links li p a:hover { background-color: rgba(0,0,0,0.1); } /*# 14: Product Rate Feature #*/ .CMSWebParts_Firstmac_Content_ProductRateFeature { color: #333333; /*font-family: "museo-sans", sans-serif;*/ font-size: 18px; font-weight: 300; line-height: 1.39; background-color:#e0e1e5; } .CMSWebParts_Firstmac_Content_ProductRateFeature:last-child { } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper { margin: 0 auto; max-width: 1000px; padding: 25px 15px; width: 100% } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper h2 { color: #333333; /*font-family: "museo-sans", sans-serif;*/ font-size: 28px; font-weight: 500; letter-spacing: -0.3px; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper p { font-size: 1em; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper a.button:link, .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper a.button:visited { border-radius: 25px; border: none 2px; color: #ffffff; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 700; height: 40px; letter-spacing: 0.2px; line-height: 34px; margin-right: 15px; min-width: 123px; padding: 0 15px; text-align: center; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper a.button.hollow:link, .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper a.button.hollow:visited { background: none; border: solid 2px #333333; color: #333333; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper a.button.hollowPrimary:link, .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper a.button.hollowPrimary:visited { background: none; border: solid 2px #ea1777; color: #ea1777; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper a.button.hollow:hover, .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper a.button.hollowPrimary:hover { background-color: #ea1777; border: solid 2px #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper a.button.filled:link, .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper a.button.filled:visited { background-color: rgba(255,255,255,0.2); border: solid 2px #ffffff; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper a.button.filledPrimary:link, .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper a.button.filledPrimary:visited { background-color: #ea1777; border: solid 2px #ea1777; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper a.button.filled:hover, .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper a.button.filledPrimary:hover { background-color: #d30b67; border: solid 2px #d30b67; color: #ffffff; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper a.button.filledGreen:link, .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper a.button.filledGreen:visited { /*background-image: linear-gradient(107deg, #72bb19, #12a207);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#72bb19+0,12a207+100 */ background-color: #72bb19; /* Old browsers */ background: -moz-linear-gradient(left, #72bb19 0%, #12a207 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #72bb19 0%,#12a207 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #72bb19 0%,#12a207 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bb19', endColorstr='#12a207',GradientType=1 ); /* IE6-9 */ border: solid 1px #72bb19; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper a.button.filledGreen:hover { /*background-image: linear-gradient(107deg, #398417, #1b7d11);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398417+0,1b7d11+100 */ background-color: #398417; /* Old browsers */ background: -moz-linear-gradient(left, #398417 0%, #1b7d11 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #398417 0%,#1b7d11 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #398417 0%,#1b7d11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398417', endColorstr='#1b7d11',GradientType=1 ); /* IE6-9 */ border: solid 1px #398417; color: #ffffff; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper a.button.asLink:link, .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper a.button.asLink:visited { background-color: transparent; background-image: url('/media/assets/link-arrow.png'); background-position: right center; background-repeat: no-repeat; color: #333333; font-weight: 500; line-height: 40px; padding-left: 0; padding-right: 25px; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper a.button.asLink:hover { background-image: url('/media/assets/link-arrow_hover.png'); color: #3487df; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .features { border-right: 1px solid #bdbfc3; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .features ul { padding-left: 1em; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .features ul li { margin-bottom: 10px;; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .rates { border-right: 1px solid #bdbfc3; padding-top: 20px; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .rates p { margin: 0 } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .rates p.interestRate { font-size: 40px; font-weight: 700; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .rates p.small { font-size: 13px; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .rates ul { margin: 0; padding: 0; list-style-type: none; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .rates ul li { display: inline-block; font-size: 40px; font-weight: 700; border-left: 1px solid #262629; padding: 0 0 0 10px; margin: 0; line-height: 49px; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .rates ul li:first-child { border: none; padding: 0 10px 0 0; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .rates ul li sup { font-size: 23px; margin-left: -10px; letter-spacing: -3.9px; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .rates ul li .type { font-size: 13px; font-weight: 500; margin-top: -17px; letter-spacing: 0; display: block; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .repayment { padding-top: 20px; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .repayment p { margin-bottom: 10px; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .repayment p.repaymentAmount { font-size: 32px; font-weight: 700; line-height: 32px; margin-bottom: 0; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .repayment p.repaymentDisclaimer { font-size: 13px; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper ul.tick { list-style-image: url('/media/icons/Tick-icon-pink.png'); margin-top: 15px; padding: 0 28px; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper ul li { margin-bottom: 15px; } @media (min-width: 992px) { .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .rates ul li { border: 0 none; } } @media (max-width:991px) { .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .features { border-right: 0 none; height: auto !important; } } @media (min-width:768px) { .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .features { padding-top: 20px; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .rates ul li, .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .rates ul li:first-child { padding: 0; } } @media (max-width:767px) { .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .features, .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .rates { border-right: 0 none; } .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .features, .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .rates, .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .repayment { height: auto !important; min-height: 0 !important; } } @media (max-width: 329px) { .CMSWebParts_Firstmac_Content_ProductRateFeature .wrapper .rates ul li { border: 0 none; width: 100%; text-align: center; padding: 0 10px; } } /*# 15: Rate Cards #*/ .margin-top { margin-top: 25px; } .CMSWebParts_Firstmac_Content_RateCards { margin: 10px 15px 25px; } .CMSWebParts_Firstmac_Content_RateCards .back-link { /*font-family: "museo-sans", sans-serif;*/ font-size: 14px; font-weight: bold; color: #262629; margin-top: 25px; } .CMSWebParts_Firstmac_Content_RateCards .back-link a:link, .CMSWebParts_Firstmac_Content_RateCards .back-link a:visited { color: #262629; } .CMSWebParts_Firstmac_Content_RateCards .back-link a:hover { color: #3487df; } .CMSWebParts_Firstmac_Content_RateCards .dropdown-wrapper .dropdown { text-align:right; } .CMSWebParts_Firstmac_Content_RateCards .dropdown-wrapper .dropdown button { background-color: #979797; color: #333333; font-weight: 700; border: 1px solid #979797; } .CMSWebParts_Firstmac_Content_RateCards .dropdown-wrapper .dropdown .dropdown-menu li { cursor: pointer; } .CMSWebParts_Firstmac_Content_RateCards .dropdown-wrapper .dropdown .btn-primary:active:hover, .CMSWebParts_Firstmac_Content_RateCards .dropdown-wrapper .dropdown .btn-primary.active:hover, .CMSWebParts_Firstmac_Content_RateCards .dropdown-wrapper .dropdown.open > .dropdown-toggle.btn-primary:hover, .CMSWebParts_Firstmac_Content_RateCards .dropdown-wrapper .dropdown .btn-primary:active:focus, .CMSWebParts_Firstmac_Content_RateCards .dropdown-wrapper .dropdown .btn-primary.active:focus, .CMSWebParts_Firstmac_Content_RateCards .dropdown-wrapper .dropdown.open > .dropdown-toggle.btn-primary:focus, .CMSWebParts_Firstmac_Content_RateCards .dropdown-wrapper .dropdown .btn-primary:active.focus, .CMSWebParts_Firstmac_Content_RateCards .dropdown-wrapper .dropdown .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #333; background-color: #979797; border-color: #979797; } .CMSWebParts_Firstmac_Content_RateCards .dropdown-wrapper .dropdown .dropdown-menu { right: 0; left:initial; padding:5px 15px; } .CMSWebParts_Firstmac_Content_RateCards .div-loading { display:none; } .CMSWebParts_Firstmac_Content_RateCards .error-wrapper { display: block; text-align: center; font-size: 20px; margin-top: 20px; margin-bottom: 0; } .CMSWebParts_Firstmac_Content_RateCards p { font-size: 20px; margin-bottom: 0; } .CMSWebParts_Firstmac_Content_RateCards input[type="number"]::-webkit-inner-spin-button, .CMSWebParts_Firstmac_Content_RateCards input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance:none; margin: 0; } .CMSWebParts_Firstmac_Content_RateCards input[type="number"] { -moz-appearance:textfield; } .CMSWebParts_Firstmac_Content_RateCards .semantic-search { margin-top: 10px; margin-bottom: 50px; } .CMSWebParts_Firstmac_Content_RateCards .semantic-search p { /*font-family: "museo-sans", sans-serif;*/ font-size: 30px; font-weight: 300; letter-spacing: -0.3px; text-align: center; color: #1d1c1f; } .CMSWebParts_Firstmac_Content_RateCards .semantic-search .input-field { font-weight: 500; } .CMSWebParts_Firstmac_Content_RateCards .semantic-search input { background: none; border: 0 none; border-bottom: 1px solid #1d1c1f; font-weight: 500; width: 175px; } .CMSWebParts_Firstmac_Content_RateCards .product-wrapper { text-align: center; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5); } .CMSWebParts_Firstmac_Content_RateCards .product-padding { min-height: 305px; padding: 42px 0; border-radius: 5px 5px 0 0; background-color: #ffffff; color: #262629; } .CMSWebParts_Firstmac_Content_RateCards .product-padding h1 { /*font-family: "museo-sans", sans-serif;*/ font-size: 20px; font-weight: bold; text-align: center; color: #ea1777; margin-top: 0; margin-bottom: 15px; } .CMSWebParts_Firstmac_Content_RateCards .product-padding h1 span.small { color: #ea1777; } .CMSWebParts_Firstmac_Content_RateCards .product-padding span.small { /*font-family: "museo-sans", sans-serif;*/ font-size: 13px; font-weight: 500; text-align: center; } .CMSWebParts_Firstmac_Content_RateCards .product-padding p.lead { font-size: 30px; font-weight: bold; letter-spacing: -0.5px; margin-bottom: -10px; } .CMSWebParts_Firstmac_Content_RateCards .product-padding p.lead span.small { font-size: 18px; letter-spacing: normal; } .CMSWebParts_Firstmac_Content_RateCards .product-padding .rates { /*margin-bottom: 15px;*/ } .CMSWebParts_Firstmac_Content_RateCards .product-padding .rates > div { padding-left: 7px; padding-right: 7px; } .CMSWebParts_Firstmac_Content_RateCards .product-padding .tag { width: 135px; height: 38px; border-radius: 3px; background-color: #ffd73b; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); text-transform: uppercase; font-size: 12px; font-weight: bold; text-align: center; color: #262629; padding: 10px 0; margin: -61px auto 23px; display: none; } .CMSWebParts_Firstmac_Content_RateCards .button-wrapper { margin-top: 15px; } .CMSWebParts_Firstmac_Content_RateCards .button-wrapper a.button, .CMSWebParts_Firstmac_Content_RateCards .button-wrapper a.button:link, .CMSWebParts_Firstmac_Content_RateCards .button-wrapper a.button:visited { width: 135px; height: 38px; border-radius: 24px; background-color: #ea1777; /*font-family: "museo-sans", sans-serif;*/ font-size: 11px; font-weight: 900; letter-spacing: 0.8px; text-align: center; color: #ffffff; text-transform: uppercase; } .CMSWebParts_Firstmac_Content_RateCards .features-padding { background-color: #f6f6f8; border-radius: 0 0 5px 5px; min-height: 199px; padding: 32px 20px 42px; } .CMSWebParts_Firstmac_Content_RateCards .features-padding p { /*font-family: "museo-sans", sans-serif;*/ font-size: 16px; font-weight: 300; text-align: center; color: #262629; margin: 1em 0; } .CMSWebParts_Firstmac_Content_RateCards .features-padding p:nth-child(2) { display: none; } .CMSWebParts_Firstmac_Content_RateCards .most-popular .features-padding p:nth-child(2), .CMSWebParts_Firstmac_Content_RateCards .features-padding.no-hide p:nth-child(2) { display: block; } .CMSWebParts_Firstmac_Content_RateCards .most-popular .product-padding { background-color: #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_RateCards .most-popular .product-padding h1, .CMSWebParts_Firstmac_Content_RateCards .most-popular .product-padding h1 span.small { color: #262629; } .CMSWebParts_Firstmac_Content_RateCards .most-popular .button-wrapper a.button, .CMSWebParts_Firstmac_Content_RateCards .most-popular .button-wrapper a.button:link, .CMSWebParts_Firstmac_Content_RateCards .most-popular .button-wrapper a.button:visited { background: #009d04; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5); } .CMSWebParts_Firstmac_Content_RateCards .features-padding .button-wrapper a.button, .CMSWebParts_Firstmac_Content_RateCards .features-padding .button-wrapper a.button:link, .CMSWebParts_Firstmac_Content_RateCards .features-padding .button-wrapper a.button:visited, .CMSWebParts_Firstmac_Content_RateCards .most-popular .features-padding .button-wrapper a.button, .CMSWebParts_Firstmac_Content_RateCards .most-popular .features-padding .button-wrapper a.button:link, .CMSWebParts_Firstmac_Content_RateCards .most-popular .features-padding .button-wrapper a.button:visited { background-color: transparent; background-image: url('/media/assets/link-arrow.png'); background-position: right center; background-repeat: no-repeat; font-size: 14px; font-weight: bold; color: #262629; line-height: 40px; padding-left: 0; padding-right: 25px; height: initial; width: auto; text-transform: none; -webkit-box-shadow: none; box-shadow: none; } .CMSWebParts_Firstmac_Content_RateCards .features-padding .button-wrapper a.button:hover, .CMSWebParts_Firstmac_Content_RateCards .most-popular .features-padding .button-wrapper a.button:hover { background-image: url('/media/assets/link-arrow_hover.png'); color: #3487df; } .CMSWebParts_Firstmac_Content_RateCards .most-popular .product-padding { min-height: 305px; } .CMSWebParts_Firstmac_Content_RateCards .most-popular .product-padding .rates { color: #262629; } .CMSWebParts_Firstmac_Content_RateCards .most-popular .product-padding .tag { display: block; } .CMSWebParts_Firstmac_Content_RateCards .most-popular .features-padding { min-height: 263px; } .CMSWebParts_Firstmac_Content_RateCards .bottom-buttons { margin-top: 100px; margin-bottom: 50px; } .CMSWebParts_Firstmac_Content_RateCards .bottom-buttons a:link, .CMSWebParts_Firstmac_Content_RateCards .bottom-buttons a:visited { color: #333333; } .CMSWebParts_Firstmac_Content_RateCards .bottom-buttons a:hover { color: #3487df; } .CMSWebParts_Firstmac_Content_RateCards .bottom-buttons a.button:link, .CMSWebParts_Firstmac_Content_RateCards .bottom-buttons a.button:visited { border-radius: 25px; border: none 2px; color: #ffffff; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 700; height: 40px; letter-spacing: 0.2px; line-height: 34px; margin-right: 15px; min-width: 123px; padding: 0 15px; text-align: center; } .CMSWebParts_Firstmac_Content_RateCards .bottom-buttons a.button.hollow:link, .CMSWebParts_Firstmac_Content_RateCards .bottom-buttons a.button.hollow:visited { background: none; border: solid 2px #333333; color: #333333; } .CMSWebParts_Firstmac_Content_RateCards .bottom-buttons a.button.hollowPrimary:link, .CMSWebParts_Firstmac_Content_RateCards .bottom-buttons a.button.hollowPrimary:visited { background: none; border: solid 2px #ea1777; color: #ea1777; } .CMSWebParts_Firstmac_Content_RateCards .bottom-buttons a.button.hollow:hover, .CMSWebParts_Firstmac_Content_RateCards .bottom-buttons a.button.hollowPrimary:hover { background-color: #ea1777; border: solid 2px #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_RateCards .bottom-buttons a.button.filled:link, .CMSWebParts_Firstmac_Content_RateCards .bottom-buttons a.button.filled:visited { background-color: rgba(255,255,255,0.2); border: solid 2px #ffffff; } .CMSWebParts_Firstmac_Content_RateCards .bottom-buttons a.button.filledPrimary:link, .CMSWebParts_Firstmac_Content_RateCards .bottom-buttons a.button.filledPrimary:visited { background-color: #ea1777; border: solid 2px #ea1777; } .CMSWebParts_Firstmac_Content_RateCards .bottom-buttons a.button.filled:hover, .CMSWebParts_Firstmac_Content_RateCards .bottom-buttons a.button.filledPrimary:hover { background-color: #d30b67; border: solid 2px #d30b67; color: #ffffff; } .CMSWebParts_Firstmac_Content_RateCards .bottom-buttons a.button.filledGreen:link, .CMSWebParts_Firstmac_Content_RateCards .bottom-buttons a.button.filledGreen:visited { /*background-image: linear-gradient(107deg, #72bb19, #12a207);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#72bb19+0,12a207+100 */ background-color: #72bb19; /* Old browsers */ background: -moz-linear-gradient(left, #72bb19 0%, #12a207 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #72bb19 0%,#12a207 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #72bb19 0%,#12a207 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bb19', endColorstr='#12a207',GradientType=1 ); /* IE6-9 */ border: solid 1px #72bb19; } .CMSWebParts_Firstmac_Content_RateCards .bottom-buttons a.button.filledGreen:hover { /*background-image: linear-gradient(107deg, #398417, #1b7d11);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398417+0,1b7d11+100 */ background-color: #398417; /* Old browsers */ background: -moz-linear-gradient(left, #398417 0%, #1b7d11 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #398417 0%,#1b7d11 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #398417 0%,#1b7d11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398417', endColorstr='#1b7d11',GradientType=1 ); /* IE6-9 */ border: solid 1px #398417; color: #ffffff; } .CMSWebParts_Firstmac_Content_RateCards .bottom-buttons a.button.asLink:link, .CMSWebParts_Firstmac_Content_RateCards .bottom-buttons a.button.asLink:visited { background-color: transparent; background-image: url('/media/assets/link-arrow.png'); background-position: right center; background-repeat: no-repeat; color: #333333; font-weight: 500; line-height: 40px; padding-left: 0; padding-right: 25px; } .CMSWebParts_Firstmac_Content_RateCards .bottom-buttons a.button.asLink:hover { background-image: url('/media/assets/link-arrow_hover.png'); color: #3487df; } @media(max-width:767px){ .CMSWebParts_Firstmac_Content_RateCards .product-wrapper { margin-bottom: 15px } .CMSWebParts_Firstmac_Content_RateCards .features-padding, .CMSWebParts_Firstmac_Content_RateCards .most-popular .features-padding { min-height: 50px; } .CMSWebParts_Firstmac_Content_RateCards .features-padding { padding:0px; } .CMSWebParts_Firstmac_Content_RateCards .features-padding .panel-group { margin-bottom:0; } .CMSWebParts_Firstmac_Content_RateCards .features-padding .panel-default { border: none; box-shadow: none; } .CMSWebParts_Firstmac_Content_RateCards .features-padding .panel.panel-default a, .CMSWebParts_Firstmac_Content_RateCards .features-padding .panel.panel-default a:link, .CMSWebParts_Firstmac_Content_RateCards .features-padding .panel.panel-default a:hover{ padding: 10px; display: block; color: #333; } .CMSWebParts_Firstmac_Content_RateCards .features-padding .panel.panel-default a span { width: 25px; height: 25px; border: 1px solid #333; border-radius: 50%; padding: 4px 2px 4px 1px; display: inline-block; } .CMSWebParts_Firstmac_Content_RateCards .features-padding .panel.panel-default a.link { text-decoration:underline; font-size:16px; } } /*# 16a: Mobile Semantic Search Banner #*/ @media(max-width:480px){ .half-width .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper p { font-size: 18px; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper p span.mobile-break, .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper select.custom-select { display:block; margin-top: 1em; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper select.custom-select { margin:1em auto 0; } } @media(max-width:320px){ .half-width .CMSWebParts_Firstmac_Content_SemanticSearchBanner { padding: 0; } .half-width .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper p { font-size: 14px; } .half-width .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper select.custom-select { max-width: 150px; } .half-width .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper select.custom-select.custom-maxWidth-2 { max-width: 110px!important; min-width: 90px; } .half-width .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper select.custom-select.custom-maxWidth-3 { max-width: 112px; min-width: 90px; } } /*# 17: Single Column Text #*/ .CMSWebParts_Firstmac_Content_SingleColumnText { color: #333333; font-size: 18px; font-weight: 300; line-height: 1.39; } .CMSWebParts_Firstmac_Content_SingleColumnText:last-child { } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper { } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper h2 { color: #333333; /*font-family: "museo-sans", sans-serif;*/ font-size: 28px; font-weight: 700; letter-spacing: -0.3px; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper h2:empty { display: none; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper h3 { color: #333333; /*font-family: "museo-sans", sans-serif;*/ font-size: 24px; font-weight: 500; margin-bottom:40px; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper p { font-size: 1em; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper ul.tick, ul.tick{ list-style-image: url('/media/icons/Tick-icon-pink.png'); margin-top: 15px; padding: 0 28px; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper ul.dash { list-style-type:none; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper ul.dash li { background-position: 0 9px; background-repeat: no-repeat; padding-left: 1.5em; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper ul li { margin-bottom: 15px; font-size: 16px; font-weight: 300; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a:link i.fab, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a:visited i.fab, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a:link i.fas, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a:visited i.fas { color: #333333; } /*.CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a:hover { color: #3487df; }*/ .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a.button:link, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a.button:visited { border-radius: 25px; border: none 2px; color: #ffffff; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 700; min-height: 40px; letter-spacing: 0.2px; line-height: 34px; margin-right: 15px; min-width: 123px; padding: 2px 20px; text-align: center; margin-bottom:20px; text-decoration: none; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a.button.hollow:link, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a.button.hollow:visited, .product-feature-button .btn.hallow:link { background: none; border: solid 2px #333333; color: #333333; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a.button.hollowPrimary:link, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a.button.hollowPrimary:visited { background: none; border: solid 2px #ea1777; color: #ea1777; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a.button.hollow:hover, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a.button.hollowPrimary:hover, .product-feature-button .btn.hallow:hover{ background-color: #ea1777; border: solid 2px #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a.button.filled:link, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a.button.filled:visited { background-color: rgba(255,255,255,0.2); border: solid 2px #ffffff; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a.button.filledPrimary:link, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a.button.filledPrimary:visited { background-color: #ea1777; border: solid 2px #ea1777; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a.button.filled:hover, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a.button.filledPrimary:hover { background-color: #d30b67; border: solid 2px #d30b67; color: #ffffff; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a.button.filledGreen:link, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a.button.filledGreen:visited { /*background-image: linear-gradient(107deg, #72bb19, #12a207);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#72bb19+0,12a207+100 */ background-color: #72bb19; /* Old browsers */ background: -moz-linear-gradient(left, #72bb19 0%, #12a207 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #72bb19 0%,#12a207 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #72bb19 0%,#12a207 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bb19', endColorstr='#12a207',GradientType=1 ); /* IE6-9 */ border: solid 1px #72bb19; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a.button.filledGreen:hover { /*background-image: linear-gradient(107deg, #398417, #1b7d11);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398417+0,1b7d11+100 */ background-color: #398417; /* Old browsers */ background: -moz-linear-gradient(left, #398417 0%, #1b7d11 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #398417 0%,#1b7d11 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #398417 0%,#1b7d11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398417', endColorstr='#1b7d11',GradientType=1 ); /* IE6-9 */ border: solid 1px #398417; color: #ffffff; text-decoration: none; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a.button.asLink:link, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a.button.asLink:visited { background-color: transparent; background-image: url('/media/assets/link-arrow.png'); background-position: right center; background-repeat: no-repeat; color: #333333; font-weight: 500; line-height: 40px; padding-left: 0; padding-right: 25px; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a.button.asLink:hover { background-image: url('/media/assets/link-arrow_hover.png'); color: #3487df; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper table { border-collapse: collapse; background-color:#FFF; border: 10px solid #fff; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper table tr th { padding: 15px 10px; background-color:#EBEBEE; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper table tr { border-bottom: 2px solid #ebebee; } /*.CMSWebParts_Firstmac_Content_SingleColumnText .wrapper table tr:not(:first-child) { border-bottom: 2px solid #ebebee; }*/ .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper table tr:last-child{ border-bottom: none; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper table tr td{ padding: 15px 10px; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table { } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table table { background-color: transparent; border: none; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table table tr th { background-color: transparent; font-weight: 700; font-size: 15px; border: none; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table table tr td, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table table tr{ border: none; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table table tbody tr{ background-color: #FFF; border-bottom: 5px solid #f3f3f3; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table table tr td:first-child { font-weight: 700; text-align: left; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table table tr td:first-child em { font-weight: 500; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table table tr td { padding: 20px 10px; text-align: center; font-weight: bold; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table table tr.special-row td { padding: 10px 10px; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table table tbody tr td a, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table table tbody tr td a:link, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table table tbody tr td a:hover{ color: #ea1777; font-weight: 700; font-size: 15px; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table .tablet { } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table .tablet .row.section { background-color: #FFF; margin-bottom: 10px; padding: 15px 0; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table .tablet .row.section h3 { font-weight: 700; font-size: 18px; margin: 0; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table .tablet .row.section p { margin: 0; font-size: 15px; font-weight: bold; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table .tablet .row.section p a { color: #EA1777; font-weight: 700; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table .mobile .panel-title a:link, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-list .mobile .panel-title a:link{ color: #333; font-size: 18px; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table .mobile .panel-default, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-list .mobile .panel-default{ border-color: transparent; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table .mobile .panel-default > .panel-heading, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-list .mobile .panel-default > .panel-heading{ color: #333; background-color: #FFF; border-color: transparent; border-top-left-radius: 0; border-top-right-radius: 0; padding: 20px 10px; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table .mobile .panel-group .panel, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-list .mobile .panel-group .panel{ margin-bottom: 0; border-radius: 0; box-shadow: none; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table .mobile .panel-default > .panel-heading + .panel-collapse > .panel-body, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-list .mobile .panel-default > .panel-heading + .panel-collapse > .panel-body{ border-top-color: transparent; padding-top: 0; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table .mobile p, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-list .mobile p{ margin: 0; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table .mobile p a, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table .mobile p a:link, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-table .mobile p a:hover{ margin-top: 0; color: #ea1777; display: block; font-weight: 700; font-size: 16px; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-list { background-color: #FFF; padding: 20px; } @media(max-width:767px) { .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-list { padding:0; background-color:transparent; } } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-list h3 { font-size:18px; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-list .section ul { padding-left: 45px; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .hubs-list.list-only ul { list-style-image: url('/media/icons/Tick-icon-pink.png'); } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .how-it-works h2 { margin-top:0; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .how-it-works .panel-title a, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .how-it-works .panel-title a:link, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .how-it-works .panel-title a:hover { color: #ea1777; font-size: 18px; font-weight: 700; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .how-it-works .panel.panel-default { box-shadow: none; border-radius: 0; border: none; background-color: transparent; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .how-it-works .panel-default > .panel-heading { padding: 15px 0; border-top: 1px solid #bdbfc3; border-bottom: 1px solid #bdbfc3; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .how-it-works .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: transparent; padding: 10px 0; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper .how-it-works .readmore { display:none; } @media(max-width:767px) { .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a.button:link, .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper a.button:visited { margin-right: 0; } } @media(max-width:480px) { .semantic-search-wrapper .CMSWebParts_Firstmac_Content_SingleColumnText { margin-left: -30px; width: 119%; } } @media(max-width:320px) { .semantic-search-wrapper .CMSWebParts_Firstmac_Content_SingleColumnText { width: 123%; } } /*# 16: Semantic Search Banner #*/ .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper { padding-left:15px!important; padding-right:15px!important; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper a.button:link, .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper a.button:visited { border-radius: 25px; border: none 2px; color: #ffffff; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 700; height: 40px; letter-spacing: 0.2px; line-height: 34px; margin-right: 15px; min-width: 123px; padding: 0 15px; text-align: center; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper a.button.hollow:link, .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper a.button.hollow:visited { background: none; border: solid 2px #333333; color: #333333; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper a.button.hollowPrimary:link, .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper a.button.hollowPrimary:visited { background: none; border: solid 2px #ea1777; color: #ea1777; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper a.button.hollow:hover, .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper a.button.hollowPrimary:hover { background-color: #ea1777; border: solid 2px #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper a.button.filled:link, .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper a.button.filled:visited { background-color: rgba(255,255,255,0.2); border: solid 2px #ffffff; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper a.button.filledPrimary:link, .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper a.button.filledPrimary:visited { background-color: #ea1777; border: solid 2px #ea1777; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper a.button.filled:hover, .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper a.button.filledPrimary:hover { background-color: #d30b67; border: solid 2px #d30b67; color: #ffffff; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper a.button.filledGreen:link, .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper a.button.filledGreen:visited { /*background-image: linear-gradient(107deg, #72bb19, #12a207);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#72bb19+0,12a207+100 */ background-color: #72bb19; /* Old browsers */ background: -moz-linear-gradient(left, #72bb19 0%, #12a207 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #72bb19 0%,#12a207 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #72bb19 0%,#12a207 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bb19', endColorstr='#12a207',GradientType=1 ); /* IE6-9 */ border: solid 1px #72bb19; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper a.button.filledGreen:hover { /*background-image: linear-gradient(107deg, #398417, #1b7d11);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398417+0,1b7d11+100 */ background-color: #398417; /* Old browsers */ background: -moz-linear-gradient(left, #398417 0%, #1b7d11 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #398417 0%,#1b7d11 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #398417 0%,#1b7d11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398417', endColorstr='#1b7d11',GradientType=1 ); /* IE6-9 */ border: solid 1px #398417; color: #ffffff; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper a.button.asLink:link, .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper a.button.asLink:visited { background-color: transparent; background-image: url('/media/assets/link-arrow.png'); background-position: right center; background-repeat: no-repeat; color: #333333; font-weight: 500; line-height: 40px; padding-left: 0; padding-right: 25px; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper a.button.asLink:hover { background-image: url('/media/assets/link-arrow_hover.png'); color: #3487df; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper a.button.disabled, .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper a.button.disabled:hover { background-color: #a0a0a0!important; border: solid 2px #a0a0a0!important; pointer-events: none; background-image:none; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper input.custom-input { width: 125px; display: inline-block; background-color: transparent; border: none; border-bottom: 1px solid #FFF; border-radius: 0; outline: none; color: transparent; text-shadow: 0 0 0 #FFF; } .half-width .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper input.custom-input { display: inline-block; background-color: transparent; border: none; border-bottom: 1px solid #FFF; border-radius: 0; outline: none; color: transparent; text-shadow: 0 0 0 #FFF; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper .blinking-cursor { font-weight: 100; font-size: 30px; color: #FFF; -webkit-animation: 1s blink step-end infinite; -moz-animation: 1s blink step-end infinite; -ms-animation: 1s blink step-end infinite; -o-animation: 1s blink step-end infinite; animation: 1s blink step-end infinite; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper .after-cursor-spacing { display:none; color:transparent; } @keyframes "blink" { from, to { color: transparent; } 50% { color: #FFF; } } @-moz-keyframes blink { from, to { color: transparent; } 50% { color: #FFF; } } @-webkit-keyframes "blink" { from, to { color: transparent; } 50% { color: #FFF; } } @-ms-keyframes "blink" { from, to { color: transparent; } 50% { color: #FFF; } } @-o-keyframes "blink" { from, to { color: transparent; } 50% { color: #FFF; } } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper input[type="number"].custom-input::-webkit-inner-spin-button, .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper input[type="number"].custom-input::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance:none; margin: 0; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper input[type="number"].custom-input { -moz-appearance:textfield; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper select.custom-select { min-width: 150px; max-width:282px; display: inline-block; background-color: transparent; border: none; border-bottom: 1px solid #FFF; border-radius: 0; outline: none; text-indent: 1px; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper select.custom-select>option { color: #525252; background-color: #d2d2d2; font-size: 16px; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper select.custom-select:hover { color: #ea1777; } .full-width .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper select.custom-select.custom-maxWidth-1 { min-width: 450px; } .full-width .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper select#selectRateType.custom-select { min-width: 265px; } .full-width .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper select#selectRateType.custom-select.custom-maxWidth-3 { min-width: 215px; } .full-width .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper select.custom-select.custom-maxWidth-2 { max-width: 218px; } .full-width .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper select.custom-select.custom-maxWidth-3 { min-width:227px; } .full-width .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper select.custom-select.custom-maxWidth-4 { max-width: 385px; min-width:385px; } .full-width .CMSWebParts_Firstmac_Content_SemanticSearchBanner #selectPropertyFound { min-width:270px; } .full-width .CMSWebParts_Firstmac_Content_SemanticSearchBanner #selectPropertyFound.custom-maxWidth-3 { min-width:220px; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper p { font-size: 25px; font-weight: 700; letter-spacing: -0.3px; text-align: center; color: #ffffff; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper p span { margin-right: 2px; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper.div-loading { display:none; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper span.error-wrapper { display: block; font-size: 13px; color: #ff6666; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper span.error-wrapper i { font-style:normal!important; } .half-width .CMSWebParts_Firstmac_Content_SemanticSearchBanner { background-size: 50%; padding:15px; } .half-width .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper p { font-size: 20px; } .half-width .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper select.custom-select { max-width: 227px; min-width:220px; } .half-width .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper select.custom-select.custom-maxWidth-1 { min-width:360px; } .half-width .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper select.custom-select.custom-maxWidth-2 { max-width: 180px; min-width: 180px; } .half-width .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper select.custom-select.custom-maxWidth-3 { max-width: 184px; min-width:180px; } .half-width .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper select.custom-select.custom-maxWidth-4 { max-width: 313px; min-width:313px; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper h2 { font-size: 28px; color: #FFFFFF; } /*# 18: Tabbed Content #*/ .ajax__tab_container .ajax__tab_header > span { background-color: #E1E0E5; border-left: 1px solid #bdbfc3; border-bottom: 1px solid #bdbfc3; color: #333333; display: inline-block; width: 25%; } .ajax__tab_container .ajax__tab_header > span:first-child { border-left: none; } .ajax__tab_container .ajax__tab_header > span.ajax__tab_active { border-bottom-color: #F6F6F8; } .ajax__tab_container .ajax__tab_header > span .ajax__tab_outer, .ajax__tab_container .ajax__tab_header > span .ajax__tab_inner { display: block; width: 100%; } .ajax__tab_container .ajax__tab_header > span a { color: #333333; display: block; font-size: 15px; padding: 15px 15px; text-align: center; } .ajax__tab_container .ajax__tab_header > span a:focus { outline: none; } .ajax__tab_container .ajax__tab_header > span.ajax__tab_active a, .ajax__tab_container .ajax__tab_header > span.ajax__tab_hover a, .ajax__tab_container .ajax__tab_panel { background-color: #f3f3f3; } @media (min-width: 626px) and (max-width: 902px ) { .ajax__tab_container .ajax__tab_header > span a { min-height: 72px; } } @media (min-width: 351px) and (max-width: 625px ) { .ajax__tab_container .ajax__tab_header > span a { min-height: 93px; padding-left: 5px; padding-right: 5px; } } @media (min-width: 320px) and (max-width: 350px ) { .ajax__tab_container .ajax__tab_header > span { width: 50%; } .ajax__tab_container .ajax__tab_header > span a { min-height: 72px; padding-left: 5px; padding-right: 5px; } } /*.ajax__tab_container .ajax__tab_header > span a span { background-color: aqua; display: block; }*/ /*Accordion*/ .ajax__accordion_header, .ajax__accordion_active { background-color: #E1E0E5; border-right: 1px solid #bdbfc3; border-bottom: 1px solid #bdbfc3; border-left: 1px solid #bdbfc3; border-top: 1px solid #bdbfc3; color: #333333; display: block; font-size: 15px; padding: 15px; text-align: center; width: 100%; } .ajax__accordion_active { background-color: #F6F6F8; } /*.ajax__tab_container .ajax__tab_header > span:first-child { border-left: none; } .ajax__tab_container .ajax__tab_header > span.ajax__tab_active { border-bottom-color: #F6F6F8; } .ajax__tab_container .ajax__tab_header > span .ajax__tab_outer, .ajax__tab_container .ajax__tab_header > span .ajax__tab_inner { display: block; width: 100%; } .ajax__tab_container .ajax__tab_header > span a { color: #333333; display: block; font-size: 15px; padding: 15px; text-align: center; } .ajax__tab_container .ajax__tab_header > span a:focus { outline: none; } .ajax__tab_container .ajax__tab_header > span.ajax__tab_active a, .ajax__tab_container .ajax__tab_header > span.ajax__tab_hover a, .ajax__tab_container .ajax__tab_panel { background-color: #F6F6F8; }*/ .custom-tab.hub div[id$='TabsLayout_tabs_header'] { max-width: 400px; margin: 45px auto 10px; background: none; text-align:center; } .custom-tab.hub .ajax__tab_container .ajax__tab_header>span:first-child { border-left: none; } .custom-tab.hub .ajax__tab_container .ajax__tab_header>span { border-bottom-color: transparent; background-repeat: no-repeat; background-size: contain; height: 60px; background-position: center center; margin-bottom:30px; } .custom-tab.hub .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_inner { background: none; } .custom-tab.hub .ajax__tab_xp .ajax__tab_header .ajax__tab_outer { background: none; height: 75px; } .custom-tab.hub .ajax__tab_xp .ajax__tab_header .ajax__tab_inner { background: none; } .custom-tab.hub .ajax__tab_xp .ajax__tab_header .ajax__tab_tab { height: 85px; padding-top: 59px; background: none; } .custom-tab.hub .ajax__tab_container .ajax__tab_header>span { background-color: transparent; border-left: none; border-bottom: none; } .custom-tab.hub .ajax__tab_xp .ajax__tab_body { border: none; padding: 0; background-color: #f3f3f3; min-height:460px; } /*# 20: Tile Navigation #*/ .CMSWebParts_Firstmac_Content_TileNavigation { margin-bottom:20px; } .CMSWebParts_Firstmac_Content_TileNavigation .wrapper { background-repeat: no-repeat; margin: 0 auto 70px; max-width: 1000px; padding: 50px 30px 0; width: 100% } .CMSWebParts_Firstmac_Content_TileNavigation .tile-wrapper { height: 230px; } .CMSWebParts_Firstmac_Content_TileNavigation .wrapper p { } .CMSWebParts_Firstmac_Content_TileNavigation .wrapper a.button:link, .CMSWebParts_Firstmac_Content_TileNavigation .wrapper a.button:visited { border-radius: 25px; border: none 2px; color: #ffffff; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 700; height: 40px; letter-spacing: 0.2px; line-height: 34px; margin-right: 15px; min-width: 123px; padding: 0 15px; text-align: center; } .CMSWebParts_Firstmac_Content_TileNavigation .wrapper a.button.hollow:link, .CMSWebParts_Firstmac_Content_TileNavigation .wrapper a.button.hollow:visited { background: none; border: solid 2px #333333; color: #333333; } .CMSWebParts_Firstmac_Content_TileNavigation .wrapper a.button.hollowPrimary:link, .CMSWebParts_Firstmac_Content_TileNavigation .wrapper a.button.hollowPrimary:visited { background: none; border: solid 2px #ea1777; color: #ea1777; } .CMSWebParts_Firstmac_Content_TileNavigation .wrapper a.button.hollow:hover, .CMSWebParts_Firstmac_Content_TileNavigation .wrapper a.button.hollowPrimary:hover { background-color: #ea1777; border: solid 2px #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_TileNavigation .wrapper a.button.filled:link, .CMSWebParts_Firstmac_Content_TileNavigation .wrapper a.button.filled:visited { background-color: rgba(255,255,255,0.2); border: solid 2px #ffffff; } .CMSWebParts_Firstmac_Content_TileNavigation .wrapper a.button.filledPrimary:link, .CMSWebParts_Firstmac_Content_TileNavigation .wrapper a.button.filledPrimary:visited { background-color: #ea1777; border: solid 2px #ea1777; } .CMSWebParts_Firstmac_Content_TileNavigation .wrapper a.button.filled:hover, .CMSWebParts_Firstmac_Content_TileNavigation .wrapper a.button.filledPrimary:hover { background-color: #d30b67; border: solid 2px #d30b67; color: #ffffff; } .CMSWebParts_Firstmac_Content_TileNavigation .wrapper a.button.filledGreen:link, .CMSWebParts_Firstmac_Content_TileNavigation .wrapper a.button.filledGreen:visited { /*background-image: linear-gradient(107deg, #72bb19, #12a207);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#72bb19+0,12a207+100 */ background-color: #72bb19; /* Old browsers */ background: -moz-linear-gradient(left, #72bb19 0%, #12a207 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #72bb19 0%,#12a207 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #72bb19 0%,#12a207 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bb19', endColorstr='#12a207',GradientType=1 ); /* IE6-9 */ border: solid 1px #72bb19; } .CMSWebParts_Firstmac_Content_TileNavigation .wrapper a.button.filledGreen:hover { /*background-image: linear-gradient(107deg, #398417, #1b7d11);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398417+0,1b7d11+100 */ background-color: #398417; /* Old browsers */ background: -moz-linear-gradient(left, #398417 0%, #1b7d11 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #398417 0%,#1b7d11 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #398417 0%,#1b7d11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398417', endColorstr='#1b7d11',GradientType=1 ); /* IE6-9 */ border: solid 1px #398417; color: #ffffff; } .CMSWebParts_Firstmac_Content_TileNavigation .wrapper a.button.asLink:link, .CMSWebParts_Firstmac_Content_TileNavigation .wrapper a.button.asLink:visited { background-color: transparent; background-position: right center; background-repeat: no-repeat; color: #E0E1E5; font-weight: 500; line-height: 40px; padding-left: 0; padding-right: 25px; } .CMSWebParts_Firstmac_Content_TileNavigation .wrapper a.button.asLink:hover { color: #FFF; } .CMSWebParts_Firstmac_Content_TileNavigation .remove-padding { padding: 1px; } .CMSWebParts_Firstmac_Content_TileNavigation a.button.tile-btn { position: relative; left: 70%; top: -50px; } .CMSWebParts_Firstmac_Content_TileNavigation h3 { text-align: center; color: #f6f6f8; padding-top: 20%; margin-top:0; font-size:3.4em; } .CMSWebParts_Firstmac_Content_TileNavigation h3.originalText { color: #dcdcdc; } .CMSWebParts_Firstmac_Content_TileNavigation h3.rolloverText { color: #FFF; } .CMSWebParts_Firstmac_Content_TileNavigation .vertical-layout h3 { padding-top: 11%; } .CMSWebParts_Firstmac_Content_TileNavigation h3.rolloverText { display:none; } .CMSWebParts_Firstmac_Content_TileNavigation .vertical-layout a.button.tile-btn { left: 85%; } .CMSWebParts_Firstmac_Content_TileNavigation .horizontal-layout a.button.tile-btn { left: 46%; } @media (min-width: 320px) and (max-width: 480px ) { .CMSWebParts_Firstmac_Content_TileNavigation a.button.tile-btn, .CMSWebParts_Firstmac_Content_TileNavigation .vertical-layout a.button.tile-btn, .CMSWebParts_Firstmac_Content_TileNavigation .horizontal-layout a.button.tile-btn { left: 51%; } .CMSWebParts_Firstmac_Content_TileNavigation h3, .CMSWebParts_Firstmac_Content_TileNavigation .vertical-layout h3, .CMSWebParts_Firstmac_Content_TileNavigation .horizontal-layout h3 { padding-top: 30%; } } @media (min-width: 768px) and (max-width: 991px ) { .CMSWebParts_Firstmac_Content_TileNavigation a.button.tile-btn, .CMSWebParts_Firstmac_Content_TileNavigation .horizontal-layout a.button.tile-btn { left: 81%; } .CMSWebParts_Firstmac_Content_TileNavigation h3, .CMSWebParts_Firstmac_Content_TileNavigation .horizontal-layout h3 { padding-top: 15%; } } @media (min-width: 320px) and (max-width:1024px) { .CMSWebParts_Firstmac_Content_TileNavigation .backgroundOne,.CMSWebParts_Firstmac_Content_TileNavigation .backgroundTwo, .CMSWebParts_Firstmac_Content_TileNavigation .backgroundThree,.CMSWebParts_Firstmac_Content_TileNavigation .backgroundFour { opacity:1!important; } } /*# 19: Multi Column Text #*/ .CMSWebParts_Firstmac_Content_MultiColumnText { color: #333333; /*font-family: "museo-sans", sans-serif;*/ font-size: 18px; font-weight: 300; line-height: 1.39; } .CMSWebParts_Firstmac_Content_MultiColumnText:last-child { } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper { margin: 0 auto; max-width: 1000px; /*padding: 50px 30px;*/ padding: 25px 0; width: 100%; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper h2 { color: #333333; /*font-family: "museo-sans", sans-serif;*/ font-size: 28px; font-weight: 700; letter-spacing: -0.3px; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper p { font-size: 1em; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper ul.tick { list-style-image: url('/media/icons/Tick-icon-pink.png'); margin-top: 15px; padding: 0 28px; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper ul.dash { list-style-type:none; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper ul.dash li { background-position: 0 9px; background-repeat: no-repeat; padding-left: 1.5em; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper ul li { margin-bottom: 15px; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper a:link, .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper a:visited { color: #333333; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper a:hover { color: #3487df; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper a.button:link, .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper a.button:visited { border-radius: 25px; border: none 2px; color: #ffffff; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 700; height: 40px; letter-spacing: 0.2px; line-height: 34px; margin-right: 15px; min-width: 123px; padding: 0 15px; text-align: center; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper a.button.hollow:link, .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper a.button.hollow:visited { background: none; border: solid 2px #333333; color: #333333; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper a.button.hollowPrimary:link, .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper a.button.hollowPrimary:visited { background: none; border: solid 2px #ea1777; color: #ea1777; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper a.button.hollow:hover, .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper a.button.hollowPrimary:hover { background-color: #ea1777; border: solid 2px #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper a.button.filled:link, .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper a.button.filled:visited { background-color: rgba(255,255,255,0.2); border: solid 2px #ffffff; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper a.button.filledPrimary:link, .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper a.button.filledPrimary:visited { background-color: #ea1777; border: solid 2px #ea1777; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper a.button.filled:hover, .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper a.button.filledPrimary:hover { background-color: #d30b67; border: solid 2px #d30b67; color: #ffffff; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper a.button.filledGreen:link, .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper a.button.filledGreen:visited { /*background-image: linear-gradient(107deg, #72bb19, #12a207);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#72bb19+0,12a207+100 */ background-color: #72bb19; /* Old browsers */ background: -moz-linear-gradient(left, #72bb19 0%, #12a207 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #72bb19 0%,#12a207 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #72bb19 0%,#12a207 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bb19', endColorstr='#12a207',GradientType=1 ); /* IE6-9 */ border: solid 1px #72bb19; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper a.button.filledGreen:hover { /*background-image: linear-gradient(107deg, #398417, #1b7d11);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398417+0,1b7d11+100 */ background-color: #398417; /* Old browsers */ background: -moz-linear-gradient(left, #398417 0%, #1b7d11 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #398417 0%,#1b7d11 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #398417 0%,#1b7d11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398417', endColorstr='#1b7d11',GradientType=1 ); /* IE6-9 */ border: solid 1px #398417; color: #ffffff; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper a.button.asLink:link, .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper a.button.asLink:visited { background-color: transparent; background-image: url('/media/assets/link-arrow.png'); background-position: right center; background-repeat: no-repeat; color: #333333; font-weight: 500; line-height: 40px; padding-left: 0; padding-right: 25px; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper a.button.asLink:hover { background-image: url('/media/assets/link-arrow_hover.png'); color: #3487df; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper table { border-collapse: collapse; background-color:#FFF; border: 10px solid #fff; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper table tr th { padding: 15px 10px; background-color:#EBEBEE; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper table tr:not(:first-child) { border-bottom: 2px solid #ebebee; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper table tr:last-child{ border-bottom: none; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper table tr td{ padding: 15px 10px; } .CMSWebParts_Firstmac_Content_MultiColumnText .img-zoomify { max-width: 100%; -moz-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; } .CMSWebParts_Firstmac_Content_MultiColumnText .img-zoomify:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .CMSWebParts_Firstmac_Content_MultiColumnText .fix { overflow: hidden; } /*# 21: Pinkify Banner #*/ .CMSWebParts_Firstmac_Content_PinkifyBanner { background-position: top right; background-repeat: no-repeat; color: #FFFFFF; min-height: 450px; padding: 25px; background-size: cover; /*margin-top:27px;*/ } /*@media (max-width: 953px){ .CMSWebParts_Firstmac_Content_PinkifyBanner { margin-top: 0; } }*/ .CMSWebParts_Firstmac_Content_PinkifyBanner .tag { background-color: #565bc1; border-radius: 2px; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 13px; font-weight: 500; height: 35px; line-height: 35px; margin-right: 180px; min-width: 97px; padding: 0 10px; position: absolute; right: 0; text-align: center; } .CMSWebParts_Firstmac_Content_PinkifyBanner h1 { color: #FFFFFF; /*font-family: "museo-sans", sans-serif;*/ font-size: 64px; font-weight: 700; letter-spacing: -1.3px; margin-top: 0; padding-top: 0; } .CMSWebParts_Firstmac_Content_PinkifyBanner h1.black { color: #000; } @media (max-width: 480px) and (min-width: 320px) { .CMSWebParts_Firstmac_Content_PinkifyBanner h1 { padding-top: 40px; } } .CMSWebParts_Firstmac_Content_PinkifyBanner p { /*font-family: "museo-sans", sans-serif;*/ font-size: 25px; font-weight: 500; letter-spacing: -0.5px; } .CMSWebParts_Firstmac_Content_PinkifyBanner ul.rates { font-size: 1em; font-weight: 700; margin-bottom: 20px; padding-left: 0; } @media (max-width: 480px) and (min-width: 320px) { .CMSWebParts_Firstmac_Content_PinkifyBanner ul.rates { padding-top: 0; } } .CMSWebParts_Firstmac_Content_PinkifyBanner ul.rates li { border-right: 2px solid #fff; display: inline-block; line-height: 1; padding: 0 15px 0 0; } .CMSWebParts_Firstmac_Content_PinkifyBanner ul.rates li:last-child { border-right: 0 none; padding: 0 0 0 15px; } .CMSWebParts_Firstmac_Content_PinkifyBanner ul.rates li .big { /*font-family: "museo-sans", sans-serif;*/ font-size: 64px; font-weight: 700; letter-spacing: -1.3px; } .CMSWebParts_Firstmac_Content_PinkifyBanner ul.rates li .small { /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 500; letter-spacing: 0.6px; } .CMSWebParts_Firstmac_Content_PinkifyBanner .buttons {} .CMSWebParts_Firstmac_Content_PinkifyBanner .buttons a:link, .CMSWebParts_Firstmac_Content_PinkifyBanner .buttons a:visited { background: none; border-radius: 25px; border: none 2px; color: #ffffff; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 700; height: 40px; letter-spacing: 0.2px; line-height: 34px; margin-right: 15px; min-width: 162px; padding: 0 15px; text-align: center; } .CMSWebParts_Firstmac_Content_PinkifyBanner .buttons a.hollow:link, .CMSWebParts_Firstmac_Content_PinkifyBanner .buttons a.hollow:visited { border: solid 2px #ffffff; } .CMSWebParts_Firstmac_Content_PinkifyBanner .buttons a.hollowPrimary:link, .CMSWebParts_Firstmac_Content_PinkifyBanner .buttons a.hollowPrimary:visited { border: solid 2px #ea1777; color: #ea1777; } .CMSWebParts_Firstmac_Content_PinkifyBanner .buttons a.hollow:hover, .CMSWebParts_Firstmac_Content_PinkifyBanner .buttons a.hollowPrimary:hover { background-color: #ea1777; border: solid 2px #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_PinkifyBanner .buttons a.filled:link, .CMSWebParts_Firstmac_Content_PinkifyBanner .buttons a.filled:visited { background-color: rgba(255,255,255,0.2); border: solid 2px #ffffff; } .CMSWebParts_Firstmac_Content_PinkifyBanner .buttons a.filledPrimary:link, .CMSWebParts_Firstmac_Content_PinkifyBanner .buttons a.filledPrimary:visited { background-color: #ea1777; border: solid 2px #ea1777; } .CMSWebParts_Firstmac_Content_PinkifyBanner a.filledGreen:link, .CMSWebParts_Firstmac_Content_PinkifyBanner a.filledGreen:visited { background-color: rgba(255,255,255,.2); background-color: #72bb19; background: -moz-linear-gradient(left,#72bb19 0%,#12a207 100%); background: -webkit-linear-gradient(left,#72bb19 0%,#12a207 100%); background: linear-gradient(to right,#72bb19 0%,#12a207 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72bb19',endColorstr='#12a207',GradientType=1); background-image: linear-gradient(90deg,#72bb19,#12a207); background-position: 93% center; background-repeat: no-repeat; min-width:255px; padding-top:2px; } .CMSWebParts_Firstmac_Content_PinkifyBanner a.filledGreen:hover { /*background-image: linear-gradient(107deg, #398417, #1b7d11);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398417+0,1b7d11+100 */ background-color: #398417; /* Old browsers */ background: -moz-linear-gradient(left, #398417 0%, #1b7d11 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #398417 0%,#1b7d11 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #398417 0%,#1b7d11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398417', endColorstr='#1b7d11',GradientType=1 ); /* IE6-9 */ color: #ffffff; background-image: linear-gradient(90deg,#398417,#1b7d11); background-position: 93% center; background-repeat: no-repeat; } .CMSWebParts_Firstmac_Content_PinkifyBanner .buttons a.filled:hover, .CMSWebParts_Firstmac_Content_PinkifyBanner .buttons a.filledPrimary:hover { background-color: #d30b67; border: solid 2px #d30b67; color: #ffffff; } .CMSWebParts_Firstmac_Content_PinkifyBanner .buttons a.asLink:link, .CMSWebParts_Firstmac_Content_PinkifyBanner .buttons a.asLink:visited { background-color: transparent; background-image: url('/media/assets/link-arrow.png'); background-position: right center; background-repeat: no-repeat; color: #333333; font-weight: 500; line-height: 40px; padding-left: 0; padding-right: 25px; } .CMSWebParts_Firstmac_Content_PinkifyBanner .buttons a.asLink:hover { background-image: url('/media/assets/link-arrow_hover.png'); color: #3487df; } @media (max-width: 1280px) { .CMSWebParts_Firstmac_Content_PinkifyBanner { background-position: center center; } } @media (max-width: 1199px) { .CMSWebParts_Firstmac_Content_PinkifyBanner { padding: 0 30px; } } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { /*tablet*/ .CMSWebParts_Firstmac_Content_PinkifyBanner .tag { margin-right: 84px; } .CMSWebParts_Firstmac_Content_PinkifyBanner h1 { font-size: 48px; } .CMSWebParts_Firstmac_Content_PinkifyBanner ul.rates li .big { font-size: 48px; } } @media (max-width: 767px) { /*mobile*/ .CMSWebParts_Firstmac_Content_PinkifyBanner .tag { margin-right: 30px; } .CMSWebParts_Firstmac_Content_PinkifyBanner h1 { font-size: 36px; } .CMSWebParts_Firstmac_Content_PinkifyBanner ul.rates li .big { font-size: 36px; } } @media (max-width: 435px) { /*mobile*/ .CMSWebParts_Firstmac_Content_PinkifyBanner p { font-size: 20px; } .CMSWebParts_Firstmac_Content_PinkifyBanner ul.rates li .small { font-size: 10px; } .CMSWebParts_Firstmac_Content_PinkifyBanner .buttons a:link, .CMSWebParts_Firstmac_Content_PinkifyBanner .buttons a:visited { margin-bottom: 15px; } } /*# 22: Vertical Tab #*/ div.vertical-tab>.wrapper { max-width: 1000px; margin: 50px auto 20px; } div.vertical-tab div.ajax__tab_default { display:table; margin:0 auto; max-width:1000px; } div.vertical-tab div.ajax__tab_header { min-width:350px; } div.vertical-tab div.ajax__tab_body { background-color:#FFF; padding:5px; } div.vertical-tab div.ajax__tab_header, div.vertical-tab div.ajax__tab_body { display: table-cell!important; vertical-align:top; background: none; } div.vertical-tab div.ajax__tab_header>span { display: block; width:auto; } div.vertical-tab .ajax__tab_container .ajax__tab_header>span a { padding: 10px; color:#fff; text-align:left; background:none; height: auto; } div.vertical-tab .ajax__tab_container .ajax__tab_header>span, div.vertical-tab .ajax__tab_container .ajax__tab_header>span.ajax__tab_active a{ background-color: transparent; color:#fff; border-bottom: none; background: none; } div.vertical-tab .ajax__tab_container .ajax__tab_header>span { border-left: none; margin-bottom: 2px; } div.vertical-tab .ajax__tab_container .ajax__tab_header>span.ajax__tab_hover a { background-color: transparent; color:#fff; background:none; } div.vertical-tab .ajax__tab_container .ajax__tab_header>span .ajax__tab_outer, div.vertical-tab .ajax__tab_container .ajax__tab_header>span .ajax__tab_inner { width: auto; background:none; height: auto; } div.vertical-tab .ajax__tab_container .ajax__tab_header>span .ajax__tab_inner { display: inline-block!important; width: 90%; background:none; } div.vertical-tab span.ajax__tab_inner{ background-color: #515560!important; } div.vertical-tab .ajax__tab_active span.ajax__tab_inner { background-color: #ea1777!important; } div.vertical-tab span.active-tab { width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 21px solid transparent; border-left: 21px solid #ea1777; display: inline-block; position: absolute; } div.vertical-tab .ajax__tab_xp .ajax__tab_body { border: 1px solid transparent; } div.vertical-tab .CMSWebParts_Firstmac_Content_DualColumnText .wrapper { padding: 5px 30px; } @media (max-width:767px) and (min-width:320px) { div.vertical-tab div.ajax__tab_header, div.vertical-tab div.ajax__tab_body { display: block!important; } div.vertical-tab span.active-tab { display: none; } div.vertical-tab .ajax__tab_container .ajax__tab_header>span .ajax__tab_inner { display: block!important; width: 100%; } div.vertical-tab .ajax__tab_container .ajax__tab_header>span .ajax__tab_outer, div.vertical-tab .ajax__tab_container .ajax__tab_header>span .ajax__tab_inner { height: 45px; } }​ /*to fix the responsive design*/ #p_lt_ctl03_pageplaceholder_p_lt_ctl01_CallToAction2_divWrapper , #p_lt_ctl03_pageplaceholder_p_lt_ctl01_CallToAction1_divWrapper{ background: none!important; } #p_lt_ctl03_pageplaceholder_p_lt_ctl01_CallToAction2_divWrapper .visible-xs.image , #p_lt_ctl03_pageplaceholder_p_lt_ctl01_CallToAction1_divWrapper .visible-xs.image{ display: block!important; padding-top:60px; } @media only screen and (max-width: 767px) { #p_lt_ctl03_pageplaceholder_p_lt_ctl01_CallToAction2_divWrapper .visible-xs.image , #p_lt_ctl03_pageplaceholder_p_lt_ctl01_CallToAction1_divWrapper .visible-xs.image{ padding-top:0px; } } @media (max-width:966px) and (min-width:768px) { .half-width .CMSWebParts_Firstmac_Content_SemanticSearchBanner .wrapper input.custom-input { width: 50%; } }​ @media (max-width:991px) { .CMSWebParts_Firstmac_Content_RateCards ul .product-features.ng-binding ul li { color: #333!important; } } .CMSWebParts_Firstmac_Content_RateCards .product-features li { color: #333!important; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .mobile-break { white-space: nowrap; } .CMSWebParts_Firstmac_Content_SemanticSearchBanner .mobile-break { } /*# 23: Vertical Menu #*/ .CMSWebParts_Firstmac_Content_VerticalMenu { background-position: top right; background-repeat: no-repeat; background-size: cover; color: #FFFFFF; min-height: 450px; } .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper { margin: 0 auto; max-width: 1000px; width: 100% } .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .tag { background-color: #565bc1; border-radius: 2px; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 13px; font-weight: 500; height: 35px; line-height: 35px; margin-right: 180px; min-width: 97px; padding: 0 10px; position: absolute; right: 0; text-align: center; } .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper h1 { color: #FFFFFF; /*font-family: "museo-sans", sans-serif;*/ font-size: 64px; font-weight: 700; letter-spacing: -1.3px; margin-top: 0; padding-top: 55px; } .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper p { /*font-family: "museo-sans", sans-serif;*/ font-size: 25px; font-weight: 500; letter-spacing: -0.5px; } .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons {} .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons a:link, .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons a:visited { background: none; border-radius: 25px; border: none 2px; color: #ffffff; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 700; height: 40px; letter-spacing: 0.2px; line-height: 34px; margin-right: 15px; min-width: 262px; padding: 0 15px; text-align: center; } .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons a.hollow:link, .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons a.hollow:visited { border: solid 2px #ffffff; } .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons a.hollowPrimary:link, .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons a.hollowPrimary:visited { border: solid 2px #ea1777; color: #ea1777; } .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons a.hollow:hover, .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons a.hollowPrimary:hover { background-color: #ea1777; border: solid 2px #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons a.filled:link, .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons a.filled:visited { background-color: rgba(255,255,255,0.2); background-position: 93% center; background-repeat: no-repeat; } .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons a.filled.filledGreen:link, .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons a.filled.filledGreen:visited { background-color: rgba(255,255,255,0.2); background-color: #72bb19; /* Old browsers */ background: -moz-linear-gradient(left, #72bb19 0%, #12a207 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #72bb19 0%,#12a207 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #72bb19 0%,#12a207 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bb19', endColorstr='#12a207',GradientType=1 ); /* IE6-9 */ background-image: linear-gradient(90deg,#72bb19, #12a207 ); background-position: 93% center; background-repeat: no-repeat; box-shadow: 0 2px 4px 0 rgba(0,0,0,.5); } .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons a.filled.filledGreen:hover { background-image: linear-gradient(90deg,#398417, #1b7d11 ); color: #ffffff; background-position: 93% center; background-repeat: no-repeat; } .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons a.filledPrimary:link, .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons a.filledPrimary:visited { background-color: #ea1777; border: solid 2px #ea1777; } .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons a.filledPrimary:hover { background-color: #d30b67; border: solid 2px #d30b67; color: #ffffff; } .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons a.filledGreen:link, .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons a.filledGreen:visited { /*background-image: linear-gradient(107deg, #72bb19, #12a207);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#72bb19+0,12a207+100 */ background-color: #72bb19; /* Old browsers */ background: -moz-linear-gradient(left, #72bb19 0%, #12a207 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #72bb19 0%,#12a207 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #72bb19 0%,#12a207 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bb19', endColorstr='#12a207',GradientType=1 ); /* IE6-9 */ border: solid 1px #72bb19; } .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons a.filledGreen:hover { /*background-image: linear-gradient(107deg, #398417, #1b7d11);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398417+0,1b7d11+100 */ background-color: #398417; /* Old browsers */ background: -moz-linear-gradient(left, #398417 0%, #1b7d11 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #398417 0%,#1b7d11 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #398417 0%,#1b7d11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398417', endColorstr='#1b7d11',GradientType=1 ); /* IE6-9 */ border: solid 1px #398417; color: #ffffff; } .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons a.asLink:link, .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons a.asLink:visited { background-color: transparent; background-image: url('/media/assets/link-arrow.png'); background-position: right center; background-repeat: no-repeat; color: #333333; font-weight: 500; line-height: 40px; padding-left: 0; padding-right: 25px; } .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons a.asLink:hover { background-image: url('/media/assets/link-arrow_hover.png'); color: #3487df; } @media (max-width: 1280px) { .CMSWebParts_Firstmac_Content_VerticalMenu { background-position: center center; } } @media (max-width: 990px) { .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper { padding: 0 30px; } } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { /*tablet*/ .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .tag { margin-right: 84px; } .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper h1 { font-size: 48px; } } @media (max-width: 767px) { /*mobile*/ .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .tag { margin-right: 30px; } .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper h1 { font-size: 36px; } .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper div.buttons span a:link, .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper div.buttons span a:visited, .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper div.buttons span a:focus, .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper div.buttons span a:hover { padding-right:13%!important; } } /*# 24: Product Banner V3 #*/ .CMSWebParts_Firstmac_Content_ProductBannerV3 { } .CMSWebParts_Firstmac_Content_ProductBannerV3 .wrapper { max-width: 1000px; margin: 0 auto; } .CMSWebParts_Firstmac_Content_ProductBannerV3 ul.rates { font-size: 1em; font-weight: 700; margin-bottom: 20px; padding-left: 0 } /*# 25: Hub Navigation #*/ .CMSWebParts_Firstmac_Content_HubNavigation { background-position: top right; background-repeat: no-repeat; background-size: cover; color: #FFFFFF; min-height: 450px; } .CMSWebParts_Firstmac_Content_HubNavigation .wrapper { margin: 0 auto; max-width: 1000px; width: 100%; text-align: center; } .CMSWebParts_Firstmac_Content_HubNavigation h1 { font-size: 4em; padding-top: 5%; margin-top: 0; } .CMSWebParts_Firstmac_Content_HubNavigation .sideATile { background-position: center center; background-repeat: no-repeat; background-size: cover; color: #FFFFFF; min-height: 100px; max-width: 110px; min-width: 110px; margin: 0 auto; border-radius: 6px; } .CMSWebParts_Firstmac_Content_HubNavigation .sideBTile { color: #FFFFFF; min-height: 100px; max-width: 110px; min-width: 110px; margin: 0 auto; border-radius: 6px; padding: 10px; text-align: center; position: relative; bottom: 100px; } .CMSWebParts_Firstmac_Content_HubNavigation .sideATile { background-color: #EA1777; } .CMSWebParts_Firstmac_Content_HubNavigation .sideBTile { opacity:0; background-image: linear-gradient(153deg, #cd1b6c, #b00050); } .CMSWebParts_Firstmac_Content_HubNavigation .sideBTile p { padding-top: 31%; font-weight: 700; font-size: 1.4em; text-transform: uppercase; } .CMSWebParts_Firstmac_Content_HubNavigation .wrapper a.tile-link { display: inline-block; border-right: 1px dashed #333; vertical-align:middle; color:#333; } .CMSWebParts_Firstmac_Content_HubNavigation .wrapper a.tile-link:nth-child(6) { border-right: none; } .CMSWebParts_Firstmac_Content_HubNavigation .wrapper a.tile-link .nav-tiles { margin:20px; min-height: 185px; } .CMSWebParts_Firstmac_Content_HubNavigation .wrapper a.tile-link p.title-text, .CMSWebParts_Firstmac_Content_HubNavigation .wrapper a.tile-link h2.title-text{ margin-top: -72px; font-weight: 700; text-align: center; margin-bottom: 0; font-size: 16px; } @media(max-width:767px) { .CMSWebParts_Firstmac_Content_HubNavigation { background-image:none!important; padding-bottom:5%; } .CMSWebParts_Firstmac_Content_HubNavigation .sideBTile { display:none; } .CMSWebParts_Firstmac_Content_HubNavigation .wrapper { text-align: left; } .CMSWebParts_Firstmac_Content_HubNavigation h1 { text-align: center; font-size:3.2em; padding: 12% 5% 0%; } .CMSWebParts_Firstmac_Content_HubNavigation .wrapper a.tile-link { border-right: none; width: 49%; } .CMSWebParts_Firstmac_Content_HubNavigation .wrapper a.tile-link .nav-tiles { margin: 0 20px 13px; min-height: 120px; } .CMSWebParts_Firstmac_Content_HubNavigation .wrapper a.tile-link p.title-text, .CMSWebParts_Firstmac_Content_HubNavigation .wrapper a.tile-link h2.title-text { margin-top: -96px; display: none; } .CMSWebParts_Firstmac_Content_HubNavigation .sideATile.img1 { background-image: url("/media/icons/icon-hub-firsthome_v2.png"), linear-gradient(to bottom, #ff146f, #ea1777 40%, #c01362 100%)!important; } .CMSWebParts_Firstmac_Content_HubNavigation .sideATile.img2 { background-image: url("/media/icons/icon-hub-nexthome_v2.png"), linear-gradient(to bottom, #ff146f, #ea1777 40%, #c01362 100%)!important; } .CMSWebParts_Firstmac_Content_HubNavigation .sideATile.img3 { background-image: url("/media/icons/icon-hub-investment_v2.png"), linear-gradient(to bottom, #ff146f, #ea1777 40%, #c01362 100%)!important; } .CMSWebParts_Firstmac_Content_HubNavigation .sideATile.img4 { background-image: url("/media/icons/icon-hub-refinance_v2.png"), linear-gradient(to bottom, #ff146f, #ea1777 40%, #c01362 100%)!important; } .CMSWebParts_Firstmac_Content_HubNavigation .sideATile.img5 { background-image: url("/media/icons/icon-hub-construction_v2.png"), linear-gradient(to bottom, #ff146f, #ea1777 40%, #c01362 100%)!important; } } .CMSWebParts_Firstmac_Content_ProductBannerV3 ul.rates li { border-right: 2px solid #fff; display: inline-block; line-height: 1; padding: 0 15px 0 0 } .CMSWebParts_Firstmac_Content_ProductBannerV3 ul.rates li:last-child { border-right: 0 none; padding: 0 0 0 15px } .CMSWebParts_Firstmac_Content_ProductBannerV3 ul.rates li .big { /*font-family: "museo-sans",sans-serif;*/ font-size: 64px; font-weight: 700; letter-spacing: -1.3px } .CMSWebParts_Firstmac_Content_ProductBannerV3 ul.rates li .small { /*font-family: "museo-sans",sans-serif;*/ font-size: 15px; font-weight: 500; letter-spacing: .6px } @media(max-width: 480px) { .CMSWebParts_Firstmac_Content_ProductBannerV3 ul.rates { padding-top:0 } .CMSWebParts_Firstmac_Content_ProductBannerV3 ul.rates li .small { font-size: 12px; } .CMSWebParts_Firstmac_Content_ProductBannerV3 ul.rates li .big { font-size: 53px; } .CMSWebParts_Firstmac_Content_PinkifyBanner .buttons a:link, .CMSWebParts_Firstmac_Content_PinkifyBanner .buttons a:visited { margin-right: 0; margin-bottom: 10px; } } @media(max-width: 320px) { .CMSWebParts_Firstmac_Content_ProductBannerV3 ul.rates li .big { font-size: 45px; } .CMSWebParts_Firstmac_Content_ProductBannerV3 ul.rates li .small { font-size: 10px; } } /*# 26: Product Rate Feature V2 #*/ .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 { color: #333333; /*font-family: "museo-sans", sans-serif;*/ font-size: 18px; font-weight: 300; line-height: 1.39; background-color:#e0e1e5; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2:last-child { } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper { margin: 0 auto; width: 100%; padding: 0 15px; border-top: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper .column_1, .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper .column_2{ min-height: 335px; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper .column_1{ padding-left: 24%; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper .column_2{ padding-left: 3%; padding-right: 24%; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper .tag { background-color: #FFC43D; padding: 10px 20px; color: #EA1777; position: absolute; top: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; font-size: 12px; font-weight: 700; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper h1 { font-size: 1.6em; margin-top: 75px; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper h3 { font-size: 1em; margin-top: 75px; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper p { font-size: 1em; margin-bottom: 0; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper .rates-text p { font-size: 15px; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper ul.rates li { border-right: 2px solid #fff; display: inline-block; line-height: 1; padding: 0 15px 0 0 } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper .buttons { margin-bottom: 35px; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 ul.rates li:last-child { border-right: 0 none; padding: 0 0 0 15px } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 ul.rates li .big { /*font-family: "museo-sans",sans-serif;*/ font-size: 41px; font-weight: 700; letter-spacing: -1.3px } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 ul.rates li .small { /*font-family: "museo-sans",sans-serif;*/ font-size: 12px; font-weight: 500; letter-spacing: .6px; color: #333; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper a.button:link, .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper a.button:visited { border-radius: 25px; border: none 2px; color: #ffffff; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 700; height: 40px; letter-spacing: 0.2px; line-height: 34px; margin-right: 15px; min-width: 123px; padding: 0 15px; text-align: center; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper a.button.hollow:link, .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper a.button.hollow:visited { background: none; border: solid 2px #333333; color: #333333; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper a.button.hollowPrimary:link, .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper a.button.hollowPrimary:visited { background: none; border: solid 2px #ea1777; color: #ea1777; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper a.button.hollow:hover, .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper a.button.hollowPrimary:hover { background-color: #ea1777; border: solid 2px #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper a.button.filled:link, .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper a.button.filled:visited { background-color: rgba(255,255,255,0.2); border: solid 2px #ffffff; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper a.button.filledPrimary:link, .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper a.button.filledPrimary:visited { background-color: #ea1777; border: solid 2px #ea1777; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper a.button.filled:hover, .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper a.button.filledPrimary:hover { background-color: #d30b67; border: solid 2px #d30b67; color: #ffffff; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper a.button.filledGreen:link, .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper a.button.filledGreen:visited { /*background-image: linear-gradient(107deg, #72bb19, #12a207);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#72bb19+0,12a207+100 */ background-color: #72bb19; /* Old browsers */ background: -moz-linear-gradient(left, #72bb19 0%, #12a207 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #72bb19 0%,#12a207 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #72bb19 0%,#12a207 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bb19', endColorstr='#12a207',GradientType=1 ); /* IE6-9 */ border: solid 1px #72bb19; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper a.button.filledGreen:hover { /*background-image: linear-gradient(107deg, #398417, #1b7d11);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398417+0,1b7d11+100 */ background-color: #398417; /* Old browsers */ background: -moz-linear-gradient(left, #398417 0%, #1b7d11 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #398417 0%,#1b7d11 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #398417 0%,#1b7d11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398417', endColorstr='#1b7d11',GradientType=1 ); /* IE6-9 */ border: solid 1px #398417; color: #ffffff; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper a.button.asLink:link, .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper a.button.asLink:visited { background-color: transparent; background-image: url('/media/assets/link-arrow.png'); background-position: right center; background-repeat: no-repeat; color: #333333; font-weight: 500; line-height: 40px; padding-left: 0; padding-right: 25px; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper a.button.asLink:hover { background-image: url('/media/assets/link-arrow_hover.png'); color: #3487df; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper ul.tick { list-style-image: url('/media/icons/Tick-icon-pink.png'); margin-top: 15px; padding: 0 28px; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper ul li { margin-bottom: 15px; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper .mobile-emblem { display:none; } @media (max-width:1600px) { .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper .column_1 { padding-left: 18%; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper .column_2 { padding-right: 18%; } } @media (max-width:1300px) { .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper .column_1 { padding-left: 11%; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper .column_2 { padding-right: 11%; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper .column_1, .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper .column_2 { min-height: 330px; } } @media (max-width:1066px) { .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper .column_1 { padding-left: 3%; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper .column_2 { padding-right: 3%; } } @media (max-width:991px) { .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper > div { } } @media (max-width:480px) { .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper h1, .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper .rates-text p, .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper .rates-text ul.rates{ text-align: left; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper h1 { margin-top: 10px; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper { border:none; padding:0; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper .column_1, .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper .column_2{ padding: 30px 15px; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper .column_2{ display:none } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper h3 { font-size: 1em; margin-top: 35px; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper .buttons { margin-bottom: 20px; } .CMSWebParts_Firstmac_Content_ProductRateFeatureV2 .wrapper .mobile-emblem { display:none; width: 100px; height: 100px; border: 1px solid #FFF; border-radius: 50%; padding: 20px 22px; background-color: #FFF; box-shadow: 1px 2px 5px #333; position: absolute; top: -47px; left: 34%; font-size: 3em; } } /*# 27: Home Loan Cross Sell Strip #*/ .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip { } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .strip { padding: 30px 0 10px; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .strip-collapse { background-color: #f7f7f7; padding: 25px 0 30px; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .strip h1 { color: #FFF; font-size: 24px; margin: 5px 0; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .strip-collapse h1 { font-size: 30px; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .strip-collapse p { color: #333; font-size:17px; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .strip-collapse ul.rates li:last-child { padding-left: 14px; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .strip-collapse ul li span.big { font-size:48px; font-weight: 700; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .strip-collapse .features ul.tick { list-style-image: url(/media/icons/Tick-icon-pink.png); margin-top: 15px; padding: 0 28px; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .strip-collapse .features ul li { margin-bottom: 15px; font-size: 16px; font-weight: 300; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .strip-collapse .features h2 { font-size: 21px; font-weight:700; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .strip-collapse .features > div { background-color: #dddddd; padding: 10px 20px; border-radius: 5px; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper { margin: 0 auto; max-width: 1000px; padding: 0 15px; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper a:link, .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper a:visited { color: #333333; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper a:hover { color: #3487df; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper a.button:link, .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper a.button:visited { border-radius: 25px; border: none 2px; color: #ffffff; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 700; height: 40px; letter-spacing: 0.2px; line-height: 34px; margin-right: 15px; min-width: 123px; padding: 0 15px; text-align: center; margin-bottom:20px; padding: 2px 15px; text-decoration: none; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper a.button.hollow:link, .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper a.button.hollow:visited, .product-feature-button .btn.hallow:link { background: none; border: solid 2px #333333; color: #333333; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper a.button.hollowPrimary:link, .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper a.button.hollowPrimary:visited { background: none; border: solid 2px #ea1777; color: #ea1777; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper a.button.hollow:hover, .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper a.button.hollowPrimary:hover, .product-feature-button .btn.hallow:hover{ background-color: #ea1777; border: solid 2px #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper a.button.filled:link, .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper a.button.filled:visited { background-color: rgba(255,255,255,0.2); border: solid 2px #ffffff; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper a.button.filledPrimary:link, .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper a.button.filledPrimary:visited { background-color: #ea1777; border: solid 2px #ea1777; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper a.button.filledPrimary span.arrow { width: 30px; height: 30px; border-radius: 50%; border: 2px solid #fff; padding: 5px 6px; margin-left: 10px; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper a.button.filled:hover, .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper a.button.filledPrimary:hover { background-color: #d30b67; border: solid 2px #d30b67; color: #ffffff; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper a.button.filledGreen:link, .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper a.button.filledGreen:visited { /*background-image: linear-gradient(107deg, #72bb19, #12a207);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#72bb19+0,12a207+100 */ background-color: #72bb19; /* Old browsers */ background: -moz-linear-gradient(left, #72bb19 0%, #12a207 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #72bb19 0%,#12a207 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #72bb19 0%,#12a207 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bb19', endColorstr='#12a207',GradientType=1 ); /* IE6-9 */ border: solid 1px #72bb19; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper a.button.filledGreen:hover { /*background-image: linear-gradient(107deg, #398417, #1b7d11);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398417+0,1b7d11+100 */ background-color: #398417; /* Old browsers */ background: -moz-linear-gradient(left, #398417 0%, #1b7d11 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #398417 0%,#1b7d11 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #398417 0%,#1b7d11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398417', endColorstr='#1b7d11',GradientType=1 ); /* IE6-9 */ border: solid 1px #398417; color: #ffffff; text-decoration: none; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper a.button.asLink:link, .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper a.button.asLink:visited { background-color: transparent; background-image: url('/media/assets/link-arrow.png'); background-position: right center; background-repeat: no-repeat; color: #333333; font-weight: 500; line-height: 40px; padding-left: 0; padding-right: 25px; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .wrapper a.button.asLink:hover { background-image: url('/media/assets/link-arrow_hover.png'); color: #3487df; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .rates-text ul.rates { list-style-type:none; padding-left:0; margin-bottom: 30px; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .rates-text ul.rates li { display:inline-block; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .rates-text ul.rates li:first-child { border-right:3px solid #333; padding-right:5px; } .CMSWebParts_Firstmac_Content_HomeLoanCrossSellStrip .rates-text ul.rates li:last-child { padding-left:10px; } /*# 28: Pre-Qualify Strip #*/ .CMSWebParts_Firstmac_Content_PreQualifyStrip ul { list-style-type: none; padding-left: 0; text-align: center; } .CMSWebParts_Firstmac_Content_PreQualifyStrip ul li { display:inline-block; vertical-align: top; } .CMSWebParts_Firstmac_Content_PreQualifyStrip ul li:first-child { margin-right:10px; } .CMSWebParts_Firstmac_Content_PreQualifyStrip ul li input[type='tel'] { min-width: 250px; height: 40px; } .CMSWebParts_Firstmac_Content_PreQualifyStrip a:link, .CMSWebParts_Firstmac_Content_PreQualifyStrip a:visited { color: #333333; } .CMSWebParts_Firstmac_Content_PreQualifyStrip a:hover { color: #3487df; } .CMSWebParts_Firstmac_Content_PreQualifyStrip a.button:link, .CMSWebParts_Firstmac_Content_PreQualifyStrip a.button:visited { border-radius: 25px; border: none 2px; color: #ffffff; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 700; height: 40px; letter-spacing: 0.2px; line-height: 34px; min-width: 123px; padding: 0 15px; text-align: center; padding: 2px 15px; text-decoration: none; } .CMSWebParts_Firstmac_Content_PreQualifyStrip a.button.hollow:link, .CMSWebParts_Firstmac_Content_PreQualifyStrip a.button.hollow:visited, .product-feature-button .btn.hallow:link { background: none; border: solid 2px #333333; color: #333333; } .CMSWebParts_Firstmac_Content_PreQualifyStrip a.button.hollowPrimary:link, .CMSWebParts_Firstmac_Content_PreQualifyStrip a.button.hollowPrimary:visited { background: none; border: solid 2px #ea1777; color: #ea1777; } .CMSWebParts_Firstmac_Content_PreQualifyStrip a.button.hollow:hover, .CMSWebParts_Firstmac_Content_PreQualifyStrip a.button.hollowPrimary:hover, .product-feature-button .btn.hallow:hover{ background-color: #ea1777; border: solid 2px #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_PreQualifyStrip a.button.filled:link, .CMSWebParts_Firstmac_Content_PreQualifyStrip a.button.filled:visited { background-color: rgba(255,255,255,0.2); border: solid 2px #ffffff; } .CMSWebParts_Firstmac_Content_PreQualifyStrip a.button.filledPrimary:link, .CMSWebParts_Firstmac_Content_PreQualifyStrip a.button.filledPrimary:visited { background-color: #ea1777; border: solid 2px #ea1777; } .CMSWebParts_Firstmac_Content_PreQualifyStrip a.button.filledPrimary span.arrow { width: 30px; height: 30px; border-radius: 50%; border: 2px solid #fff; padding: 5px 6px; margin-left: 10px; } .CMSWebParts_Firstmac_Content_PreQualifyStrip a.button.filled:hover, .CMSWebParts_Firstmac_Content_PreQualifyStrip a.button.filledPrimary:hover { background-color: #d30b67; border: solid 2px #d30b67; color: #ffffff; } .CMSWebParts_Firstmac_Content_PreQualifyStrip a.button.filledGreen:link, .CMSWebParts_Firstmac_Content_PreQualifyStrip a.button.filledGreen:visited { /*background-image: linear-gradient(107deg, #72bb19, #12a207);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#72bb19+0,12a207+100 */ background-color: #72bb19; /* Old browsers */ background: -moz-linear-gradient(left, #72bb19 0%, #12a207 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #72bb19 0%,#12a207 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #72bb19 0%,#12a207 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bb19', endColorstr='#12a207',GradientType=1 ); /* IE6-9 */ border: solid 1px #72bb19; } .CMSWebParts_Firstmac_Content_PreQualifyStrip a.button.filledGreen:hover { /*background-image: linear-gradient(107deg, #398417, #1b7d11);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398417+0,1b7d11+100 */ background-color: #398417; /* Old browsers */ background: -moz-linear-gradient(left, #398417 0%, #1b7d11 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #398417 0%,#1b7d11 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #398417 0%,#1b7d11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398417', endColorstr='#1b7d11',GradientType=1 ); /* IE6-9 */ border: solid 1px #398417; color: #ffffff; text-decoration: none; } .CMSWebParts_Firstmac_Content_PreQualifyStrip a.button.asLink:link, .CMSWebParts_Firstmac_Content_PreQualifyStrip a.button.asLink:visited { background-color: transparent; background-image: url('/media/assets/link-arrow.png'); background-position: right center; background-repeat: no-repeat; color: #333333; font-weight: 500; line-height: 40px; padding-left: 0; padding-right: 25px; } .CMSWebParts_Firstmac_Content_PreQualifyStrip a.button.asLink:hover { background-image: url('/media/assets/link-arrow_hover.png'); color: #3487df; } @media(max-width:948px){ .CMSWebParts_Firstmac_Content_PreQualifyStrip ul li:nth-child(3) { margin-top: 15px; } } @media(max-width:767px){ .CMSWebParts_Firstmac_Content_PreQualifyStrip ul li:first-child { margin-right:0; } .CMSWebParts_Firstmac_Content_PreQualifyStrip ul li, .CMSWebParts_Firstmac_Content_PreQualifyStrip a.button:link, .CMSWebParts_Firstmac_Content_PreQualifyStrip a.button:visited { display:block; } .CMSWebParts_Firstmac_Content_PreQualifyStrip ul li input[type='tel'] { margin-bottom:10px; } } /*# 29: Product Banner v4 #*/ /*.CMSWebParts_Firstmac_Content_ProductBannerV4 { margin-top:28px; } @media(max-width:953px) { .CMSWebParts_Firstmac_Content_ProductBannerV4 { margin-top: 0; } }*/ .CMSWebParts_Firstmac_Content_ProductBannerV4 h1 { color: #FFFFFF; /*font-family: "museo-sans", sans-serif;*/ font-size: 64px; font-weight: 700; letter-spacing: -1.3px; margin-top: 0; padding-top: 55px; } .CMSWebParts_Firstmac_Content_ProductBannerV4 a.carousel-control { color: #FFF!important; } @media (max-width: 480px) and (min-width: 320px) { .CMSWebParts_Firstmac_Content_ProductBannerV4 h1 { padding-top: 40px; } } .CMSWebParts_Firstmac_Content_ProductBannerV4 p { /*font-family: "museo-sans", sans-serif;*/ font-size: 25px; font-weight: 500; letter-spacing: -0.5px; color:#FFF; } .CMSWebParts_Firstmac_Content_ProductBannerV4 ul.rates { font-size: 1em; font-weight: 700; margin-bottom: 20px; padding-left: 0; color:#FFF; } @media (max-width: 480px) and (min-width: 320px) { .CMSWebParts_Firstmac_Content_ProductBannerV4 ul.rates { padding-top: 0; } } .CMSWebParts_Firstmac_Content_ProductBannerV4 ul.rates li { border-right: 2px solid #fff; display: inline-block; line-height: 1; padding: 0 15px 0 0; } .CMSWebParts_Firstmac_Content_ProductBannerV4 ul.rates li:last-child { border-right: 0 none; padding: 0 0 0 15px; } .CMSWebParts_Firstmac_Content_ProductBannerV4 ul.rates li .big, .CMSWebParts_Firstmac_Content_ProductBannerV4 ul.rates li .percentage { /*font-family: "museo-sans", sans-serif;*/ font-size: 64px; font-weight: 700; letter-spacing: -1.3px; } .CMSWebParts_Firstmac_Content_ProductBannerV4 ul.rates li .small { /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 500; letter-spacing: 0.6px; display: block; } .CMSWebParts_Firstmac_Content_ProductBannerV4 .images { margin-top:5px; } .CMSWebParts_Firstmac_Content_ProductBannerV4 .buttons {} .CMSWebParts_Firstmac_Content_ProductBannerV4 .buttons a:link, .CMSWebParts_Firstmac_Content_ProductBannerV4 .buttons a:visited { background: none; border-radius: 25px; border: none 2px; color: #ffffff; display: inline-block; /*font-family: "museo-sans", sans-serif;*/ font-size: 15px; font-weight: 700; height: 40px; letter-spacing: 0.2px; line-height: 34px; margin-right: 15px; min-width: 162px; padding: 0 15px; text-align: center; } .CMSWebParts_Firstmac_Content_ProductBannerV4 .buttons a.hollow:link, .CMSWebParts_Firstmac_Content_ProductBannerV4 .buttons a.hollow:visited { border: solid 2px #ffffff; } .CMSWebParts_Firstmac_Content_ProductBannerV4 .buttons a.hollowPrimary:link, .CMSWebParts_Firstmac_Content_ProductBannerV4 .buttons a.hollowPrimary:visited { border: solid 2px #ea1777; color: #ea1777; } .CMSWebParts_Firstmac_Content_ProductBannerV4 .buttons a.hollow:hover, .CMSWebParts_Firstmac_Content_ProductBannerV4 .buttons a.hollowPrimary:hover { background-color: #ea1777; border: solid 2px #ea1777; color: #ffffff; } .CMSWebParts_Firstmac_Content_ProductBannerV4 .buttons a.filled:link, .CMSWebParts_Firstmac_Content_ProductBannerV4 .buttons a.filled:visited { background-color: rgba(255,255,255,0.2); border: solid 2px #ffffff; } .CMSWebParts_Firstmac_Content_ProductBannerV4 .buttons a.filledPrimary:link, .CMSWebParts_Firstmac_Content_ProductBannerV4 .buttons a.filledPrimary:visited { background-color: #ea1777; border: solid 2px #ea1777; } .CMSWebParts_Firstmac_Content_ProductBannerV4 .buttons a.filled:hover, .CMSWebParts_Firstmac_Content_ProductBannerV4 .buttons a.filledPrimary:hover { background-color: #d30b67; border: solid 2px #d30b67; color: #ffffff; } .CMSWebParts_Firstmac_Content_ProductBannerV4 .buttons a.filledGreen:link, .CMSWebParts_Firstmac_Content_ProductBannerV4 .buttons a.filledGreen:visited { background-color: rgba(255, 255, 255, .2); background-color: #72bb19; background: -moz-linear-gradient(left, #72bb19 0%, #12a207 100%); background: -webkit-linear-gradient(left, #72bb19 0%, #12a207 100%); background: linear-gradient(to right, #72bb19 0%, #12a207 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72bb19', endColorstr='#12a207', GradientType=1); background-image: linear-gradient(90deg, #72bb19, #12a207); background-position: 93% center; background-repeat: no-repeat; min-width: 255px; padding-top: 2px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5); } .CMSWebParts_Firstmac_Content_ProductBannerV4 .buttons a.filledGreen:hover { background-color: #398417; background: -moz-linear-gradient(left, #398417 0%, #1b7d11 100%); background: -webkit-linear-gradient(left, #398417 0%, #1b7d11 100%); background: linear-gradient(to right, #398417 0%, #1b7d11 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#398417', endColorstr='#1b7d11', GradientType=1); border: solid 1px #398417; color: #fff; background-image: linear-gradient(90deg, #398417, #1b7d11); background-position: 93% center; background-repeat: no-repeat; } .CMSWebParts_Firstmac_Content_ProductBannerV4 .buttons a.asLink:link, .CMSWebParts_Firstmac_Content_ProductBannerV4 .buttons a.asLink:visited { background-color: transparent; background-image: url('/media/assets/link-arrow.png'); background-position: right center; background-repeat: no-repeat; color: #333333; font-weight: 500; line-height: 40px; padding-left: 0; padding-right: 25px; } .CMSWebParts_Firstmac_Content_ProductBannerV4 .buttons a.asLink:hover { background-image: url('/media/assets/link-arrow_hover.png'); color: #3487df; } @media (max-width: 1280px) { .CMSWebParts_Firstmac_Content_ProductBannerV4{ background-position: center center; } } @media (max-width: 1199px) { .CMSWebParts_Firstmac_Content_ProductBannerV4 { padding: 0; } .CMSWebParts_Firstmac_Content_ProductBannerV4 .bannerv4 { padding: 0 20px; } } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { /*tablet*/ .CMSWebParts_Firstmac_Content_ProductBannerV4 h1 { font-size: 48px; } .CMSWebParts_Firstmac_Content_ProductBannerV4 ul.rates li .big, .CMSWebParts_Firstmac_Content_ProductBannerV4 ul.rates li .percentage { font-size: 48px; } } @media (max-width: 767px) { /*mobile*/ .CMSWebParts_Firstmac_Content_ProductBannerV4 { margin-top:0; } .CMSWebParts_Firstmac_Content_ProductBannerV4 h1 { font-size: 36px; } .CMSWebParts_Firstmac_Content_ProductBannerV4 ul.rates li .big, .CMSWebParts_Firstmac_Content_ProductBannerV4 ul.rates li .percentage { font-size: 36px; } } @media (max-width: 435px) { /*mobile*/ .CMSWebParts_Firstmac_Content_ProductBannerV4 p { font-size: 20px; } .CMSWebParts_Firstmac_Content_ProductBannerV4 ul.rates li .small { font-size: 10px; } .CMSWebParts_Firstmac_Content_ProductBannerV4 .buttons a:link, .CMSWebParts_Firstmac_Content_ProductBannerV4 .buttons a:visited { margin-bottom: 15px; } } @media (max-width: 435px) { /*mobile*/ .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper p { font-size: 20px; } .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons a:link, .CMSWebParts_Firstmac_Content_VerticalMenu .wrapper .buttons a:visited { margin-bottom: 15px; } } @media(max-width:767px) { .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper p { font-size: 16px; } .CMSWebParts_Firstmac_Content_SingleColumnText .wrapper ul li { margin-bottom: 15px; font-size: 16px; } .CMSWebParts_Firstmac_Content_CallToAction .wrapper p, .CMSWebParts_Firstmac_Content_CallToActionV2 .wrapper p { font-size: 16px; } .CMSWebParts_Firstmac_Content_CustomerReviews .wrapper p { font-size: 16px; } .CMSWebParts_Firstmac_Content_DualColumnText .wrapper p { font-size: 16px; } .vertical-tab p { font-size: 1.8em; } .CMSWebParts_Firstmac_Content_MultiColumnText .wrapper p { font-size: 16px; } } /*# 30: Generic Accordion #*/ .generic_AccordionContent.collapse { display: block; } .generic_Accordion { border-bottom: none!important; } @media (max-width: 767px) { .generic_Accordion { min-height: 70px; } .generic_Accordion i { float: right; margin-top: 5px; color: #ea1777; } .generic_Accordion i.fa-minus { color: #FFF; } .generic_Accordion a { display: block; color: #333; font-size: 20px; font-weight: 700; padding: 20px 14px; } .generic_AccordionContent.collapse { display: none; } .generic_AccordionContent.collapse.in { display: block; } .generic_Accordion a[aria-expanded=true] .fa-plus { display: none; } .generic_Accordion a[aria-expanded=false] .fa-minus { display: none; } .generic_Accordion.accordion-bg-gray a[aria-expanded=false]{ background-color: #E6E6E6; } .generic_Accordion.accordion-bg-gray a[aria-expanded=true], .generic_Accordion a[aria-expanded=true] { background-color: #EA1777; color:#FFF; } } /*# 31: Semantic for mobile #*/ .mobile-semantic-search { background-size:cover; background-position:bottom center; min-height:150px; } .mobile-semantic-search a, .mobile-semantic-search a:link, .mobile-semantic-search a:active, .mobile-semantic-search a:focus, .mobile-semantic-search a:hover { display:block; padding: 44px 20px 16px; text-decoration:none; color:#FFF!important; } .mobile-semantic-search p{ font-size:24px!important; color:#FFF!important; } .mobile-semantic-search i.fa.fa-chevron-right { background-color: #EA1777; color: #FFF; height: 35px; width: 35px; border-radius: 50%; padding: 10px 12px; margin-top:18px; font-size:18px; position: relative; top: 40px; } /*# 32: Custom - Product Feature Box / Steps #*/ .pf-box { height: 150px; text-align: center; margin-bottom: 30px; } .pf-box p { font-size: 16px !important; font-weight: 700; } .pf-box-icon { height: 100px; display: flex; justify-content: center; align-items: center; margin-bottom: 10px; } .pf-box-icon img { height: 70%; } .pf-box.collapse { display:block; } @media (max-width:767px) { .pf-box { border: none; height: 200px!important; margin: 0; } .pf-box p { font-size: 16px !important; font-weight: 700; } .pf-box-icon img { height: 60%!important; } .product-feature-button { margin-top: 15px; } .pf-box.collapse { display:none; } .pf-box.collapse.in { display:block; } .pf-link .fa { color:#EA1777; } .pf-link.less-content { display:none; } .product-features .main-features .pf-box { display: flex; justify-content: center; align-items: center; height: 200px!important; flex-direction: column; } .product-features .main-features .pf-box .pf-box-icon { margin-bottom: 0; min-width: 115px; } .product-features .main-features .pf-box p { text-align: center; } } @media (min-width:768px) { .pf-box-wrapper { padding: 10px 0 0 0; margin-bottom: 15px; } } .box-wr { margin-top: 10%; } .box-wr .box { display: inline-block; margin: 0 15px; min-width: 250px; background-color: #fff; border-radius: 10px; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3); min-height: 390px; vertical-align: top; margin-bottom: 40px; max-width:295px; } .box-wr .num { color: #ffc43d; background-color: #EA1777; height: 67px; width: 67px; border-radius: 50%; font-size: 40px; text-align: center; font-weight: 700; padding: 5px; } .box-wr .num-label { color: #fff; background-color: #555ac0; height: 25px; width: 25px; border-radius: 50%; font-size: 16px; text-align: center; font-weight: 700; padding: 1.5px; display: inline-block; } .box-wr .num.one { position: relative; top: -32px; left: 112px; } .box-wr .num.two { position: relative; top: -32px; left: 112px; } .box-wr .num.three { position: relative; top: -32px; left: 112px; } .box-wr .box h3 { font-weight: 700; font-size: 20px; margin-bottom: 20px; } .box-wr img { margin-bottom:20px; } .box-wr img.custom-margin { margin-bottom:0; } @media(max-width:767px) { .box-wr .box { padding: 30px 10px; display: none; margin: 0; max-width:100%; min-height:200px; } .box-wr .selectors div { color: #ffc43d; background-color: #ea1777; height: 67px; width: 67px; border-radius: 50%; font-size: 40px; text-align: center; font-weight: 700; padding: 5px; display: inline-block; margin: 20px 7px; } .box-wr .selectors .active { background-color: #FFc43d; color: #EA1777; } .box-wr .box.active { display:block; } } .ajax__tab_xp .ajax__tab_body { font-family: "sofia-pro",sans-serif!important; } .main-features { background-image: url(/media/assets/backgrounds/bg-features.png); background-repeat: no-repeat; background-size: cover; } .pf-box { height: 150px; text-align: center; margin-bottom: 30px; } .pf-box-icon { height: 100px; display: flex; justify-content: center; align-items: center; margin-bottom: 10px; } .pf-box p { font-size: 16px !important; font-weight: 700; } .main-features p { color: #FFF; } .main-features .pf-box-icon img { height: 100%; } @media (min-width: 768px) { .pf-box-wrapper { padding: 10px 0 0 0; margin-bottom: 15px; } } @media (max-width: 767px) { .main-features .pf-box { display: flex; justify-content: center; align-items: center; height: 125px !important; } .pf-box-icon img { height: 60% !important; } .main-features .pf-box .pf-box-icon { margin-bottom: 0; min-width: 140px; } .main-features .pf-box p { text-align: left; max-width: 165px; min-width: 165px; } } } }