/* General styles */ .price-title-holiday { position: relative; } .price-title-holiday .holiday-badge { position: absolute; top: 5px; right: 10%; font-size: 18px; color: #fff; background: rgba(114, 187, 70, 0.7); padding: 5px 10px; border-radius: 3px; border: none; transform: rotate(25deg); } .price-title-holiday .holiday-badge ._icon { color: #fff; } @media screen and (max-width: 768px) { .price-title-holiday .holiday-badge { position: relative; display: inline-block; top: 0; right: 0; transform: rotate(0deg); } } .recent-node .name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 0 2px 0; box-sizing: border-box; } .recent-domains-box { margin: 25px auto 0; width: 100%; max-width: 585px; box-sizing: border-box; } .recent-domains-box.stacked { margin: 0; } .recent-domains-box.stacked .amount { background: transparent; color: #065c7e; display: inline-block; position: relative; vertical-align: bottom; } .recent-domains-box.stacked .amount-and-description { float: left; width: calc(100% - 100px); } .recent-domains-box.stacked .description { color: #000; display: inline-block; position: relative; vertical-align: bottom; box-sizing: border-box; padding: 0 0 16px 0; } .recent-domains-box.stacked .link-wrapper { float: left; width: 100px; } .recent-domains-box.stacked .btn-callout { color: #fff; } .recent-domains-box.stacked:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .recent-domains-box .amount { font-size: 28px; font-weight: bold; color: #fff; background: #065c7e; padding: 10px 0; box-sizing: border-box; } .recent-domains-box .amount .single-number { display: inline-block; overflow: hidden; position: relative; width: 20px; height: 30px; padding: 0 0 3px 0; box-sizing: content-box; } .recent-domains-box .amount .single-number.static { overflow: visible; } .recent-domains-box .amount .single-number .ticker { position: absolute; left: 0; width: 100%; height: 100%; white-space: nowrap; will-change: transform; } .recent-domains-box .description { color: #fff; box-sizing: border-box; } .recent-domains-box .btn-callout { margin: 15px 0 0; } .alert-banner { font-size: 12px; } .alert-banner .text { box-sizing: border-box; display: inline-block; padding: 5px 0; } .alert-banner .hide-button { padding: 5px; box-sizing: border-box; float: right; background: transparent; border: none; position: relative; vertical-align: top; } .alert-banner .hide-button:hover { background: #e27d48; } textarea.form-control.reason-for-interest { height: 6em; } #age_of_the_universe { display: none; } .buynow-hover-button { position: fixed; display: none; align-items: center; justify-content: center; text-decoration: none; width: 75px; height: 75px; border: 5px solid #fff; border-radius: 100%; background: #2a7f0f; bottom: 10px; left: 15px; z-index: 1000; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .buynow-hover-button i { color: #fff; font-size: 30px; } .price-container { margin: 1em 0 1em 0; text-align: center; font-size: 20px; font-weight: 300; } .price-container .buy-now-price { font-size: 28px; } .price-container p { margin: .5em; padding: 0; } .no-padding { padding: 0; } .limited-offer { margin-top: 1em; } .limited-offer-starburst { position: relative; left: 10px; z-index: 1; height: 100px; width: 100px; } .limited-offer-escrow-logo { position: relative; left: -60px; margin-top: 4px; height: 40px; width: 40px; } .limited-time-options { color: white; font-size: 1em; padding-bottom: 1em; } .limited-time-options .option-box { background-color: #295b7b; padding: .5em 1em 1em .5em; } .limited-time-options .option-box h4 { text-decoration: underline; font-weight: bold; } .limited-time-banner { background-color: #72BB46; padding: .5em; } #checkout-info { padding: 0; } #checkout-info .buy-it-now { background: #c6dee9; border-top: 1px solid #065c7e; border-bottom: 1px solid #065c7e; padding: 1em; } #checkout-info .buy-it-now .buy-it-now-button { float: right; } #checkout-info .price-container h3 { margin-bottom: 40px; padding: 0; } .price-as-words { margin-top: .5em; font-size: 0.8em; font-weight: bold; } .help-text { font-size: 0.8em; font-weight: normal; } .buy-now-button { font-size: 22px; } .buy-this-domain-button { font-size: 20px; } img.broker { margin-top: 1em; height: 210px; width: 120px; border-radius: 2px; } .broker-details { font-size: 1.2em; margin-top: 2.4em; line-height: 1.2em; } .broker-details a { color: white; } .broker-details a:hover { color: #dedede; } .broker-details h3 { margin-bottom: 0; } @media (max-width: 812px) { .broker-details { margin-bottom: 1em; } } img.make-millions-book { margin-left: 1em; height: 250px; width: 150px; } .buy-this-domain-now { border-top: 1px solid #065c7e; border-bottom: 1px solid #065c7e; text-align: center; background-color: #c6dee9; padding: 20px; } .buy-this-domain-now h2 { margin-top: 0; color: #065c7e; font-weight: bold; } .buy-this-domain-now .btn { margin: 0.5em 0 0 1em; } .payment-options i.fa { font-size: 2.8em; color: #065c7e; } .payment-options img.valid-payment-options { height: 36px; } @media (max-width: 812px) { .payment-options { font-size: 0.8em; } .payment-options img.valid-payment-options { margin-top: 12px; height: 24px; } } @media (max-width: 812px) { .improve-your-business h2 { margin-top: 2em; } .lander-truth-in-numbers .top-space { padding-top: 10px; } .img-responsive { max-width: 90% !important; margin: 0 auto; } } .number-box { background: #eee; margin: 10px 0; box-sizing: border-box; text-align: center; overflow: hidden; border-radius: 5px 5px 0 0; display: block; } a.number-box:hover .amount { background: #076e96; } .number-box .description { padding: 10px; } .number-box .amount { padding: 5px; background: #065c7e; color: #fff; font-size: 22px; } #price-buttons { text-align: right; } @media (max-width: 768px) { #price-buttons { text-align: center; } } @media (max-width: 583px) { #price-buttons { text-align: unset; } } .price-button { display: inline-block; } @media (max-width: 583px) { .price-button { padding-top: 5px; padding-bottom: 5px; } } #legal-terms .legal-container, #purchase-agreement .legal-container { text-align: justify; } #legal-terms .legal-container h2, #purchase-agreement .legal-container h2 { text-align: center; margin: 0 0 2em 0; } #legal-terms .legal-container address, #purchase-agreement .legal-container address { padding-left: 2em; } #legal-terms .last-updated, #purchase-agreement .last-updated { font-weight: bold; margin-top: 2em; } #legal-terms .term, #purchase-agreement .term { text-decoration: underline; } #legal-terms .term:before, #purchase-agreement .term:before, #legal-terms .term:after, #purchase-agreement .term:after { content: '"'; } #legal-terms .underline, #purchase-agreement .underline { text-decoration: underline; } #legal-terms .sub-item, #purchase-agreement .sub-item { margin: 0 0 1em 3em; } .print-btn { color: #ee9837; background: transparent; border: none; font-size: 18px; display: inline-block; padding: 5px 10px; box-sizing: border-box; font-weight: normal; border-radius: 3px; } .print-btn:before { font-family: FontAwesome; content: "\f02f"; display: inline-block; margin: 0 5px 0 0; } .print-btn:hover { background: #ee9837; color: #fff; } body { color: #333; font-family: "Lato"; font-size: 16px; } .font-default { color: #333; } .font-primary { color: #72BB46; } .font-secondary { color: #065c7e; } .font-tertiary { color: #555555; } .font-accent { color: #ee9837; } .font-accent_dark { color: #e27d48; } .alert { margin-top: 1em; margin-bottom: 0; } .background.primary { color: #fff; background-color: #72BB46; } .background.primary a { color: #fff; } .background.secondary { color: #fff; background-color: #065c7e; } .background.secondary a { color: #fff; } .background.secondary.arrow-bottom:after { border-top-color: #065c7e !important; } .background.tertiary { color: #fff; background-color: #555555; } .background.tertiary a { color: #fff; } .background.tertiary.arrow-bottom:after { border-top-color: #555555 !important; } .background.quadrenary { color: #333; background-color: #f6f6f6; } .background.quadrenary a { color: #72BB46; } .background.quadrenary.arrow-bottom:after { border-top-color: #f6f6f6 !important; } .background.accent { background-color: #ee9837; color: #fff; } .background.accent_dark { background-color: #e27d48; color: #fff; } .background.arrow-bottom:after { content: ''; position: absolute; top: 100%; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-top: solid 25px #72BB46; border-left: solid 50px transparent; border-right: solid 50px transparent; z-index: 1; } .background.arrow-bottom + * { padding-top: 75px; } a { color: #72BB46; } a:visited, a:active, a:hover, a:focus { text-decoration: none; } a:hover { color: #6dc223; } a.underline { text-decoration: underline; } a.small-font { font-size: 12px; } .margin-auto { margin: auto; } .bold { font-weight: bold; } p { margin-bottom: 15px; } .pad-vertical { padding-top: 10px; padding-bottom: 10px; } .pad-vertical-lg { padding-top: 25px; padding-bottom: 25px; } .background-transparent { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(255, 255, 255, 0.8); } .background-content { z-index: 1; position: relative; padding-bottom: 15px; } ol.spacing > li, ul.spacing > li { padding: 10px 0; } section { padding: 30px 0; position: relative; } h1, h2, h3, h4, h5, h6 { font-weight: 300; } h1 { font-size: 52px; } .table-responsive { overflow-x: inherit; } .no-search-links .search-links { display: none; } .search-links, .search-links-advanced { display: inline-block; } .search-links > span, .search-links-advanced > span { margin-top: 5px; display: inline-block; padding-right: 12px; font-size: 14px; } .search-links > span .icon, .search-links-advanced > span .icon { margin-right: 7px; } .advanced-search-container { font-size: 14px; } .advanced-search-container label { margin-right: 10px; font-weight: normal; } .search-results .res { margin-top: 15px; overflow: hidden; text-overflow: ellipsis; } label.form-required { position: relative; } label.form-required:after { content: '*'; font-size: 12px; color: red; position: absolute; right: -6px; top: 1px; } .uppercase { text-transform: uppercase; } a.btn-warning, button.btn-warning { background-color: #ec971f; border-color: #d58512; } a.btn-warning:hover, button.btn-warning:hover { background-color: #f0ad4e; border-color: #eea236; } #read-track-container p { font-size: 18px; } .top-space { padding-top: 40px; } @media (max-width: 812px) { .top-space { padding-top: 10px; } } /* Homepage */ #homepage h1 { font-weight: 300; font-style: normal; font-size: 52px; line-height: 105%; } #homepage section { background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; min-height: 300px; } #homepage section.popular { background-image: url('/images/mainimg.jpg'); padding-bottom: 0; } #homepage section.popular .search-links > span a, #homepage section.popular .search-links-advanced > span a { color: #fff; } #homepage section.popular .popular-container { position: relative; padding: 10px 15px; font-size: 17px; min-height: 300px; margin-top: 55px; } #homepage section.popular .popular-container .background-transparent { background-color: rgba(255, 255, 255, 0.8); } #homepage section.popular .popular-container .popular-link { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 15px; } #homepage section.popular .popular-container a { color: #333; } #homepage section.popular .popular-container a.url { font-weight: bold; } #homepage section.popular .popular-container a.url:hover { color: #72BB46; } #homepage section.popular h1 { color: #fff; } #homepage section.browse { text-transform: uppercase; min-height: 0; } #homepage section.browse .letter-links > a { padding: 5px; } #homepage section.browse .background { min-height: 64px; } #homepage section.browse .browse-title { line-height: 44px; padding: 20px; } #homepage section.sold-domains { font-size: 22px; } #homepage section.what-premium { font-size: 22px; background-image: url('/images/main2.jpg'); } #homepage section.what-premium .premium-container { color: #fff; } #homepage section.what-premium .premium-container .background-transparent { background-color: rgba(0, 0, 0, 0.8); } #homepage section.marketing { font-size: 22px; background-image: url('/images/mainimg3.jpg'); } #homepage section.secondary-search { font-size: 18px; } .premium-advantages { font-size: 16px; } .premium-advantages .advantage-container { margin-top: 10px; } .premium-advantages .advantage-container .advantage-card .apd-gradient { background: #054a65; background: -moz-linear-gradient(top, #054a65 0%, #054a65 60%, #065c7e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #054a65), color-stop(60%, #054a65), color-stop(100%, #065c7e)); background: -webkit-linear-gradient(top, #054a65 0%, #054a65 60%, #065c7e 100%); background: -o-linear-gradient(top, #054a65 0%, #054a65 60%, #065c7e 100%); background: -ms-linear-gradient(top, #054a65 0%, #054a65 60%, #065c7e 100%); background: linear-gradient(to bottom, #054a65 0%, #054a65 60%, #065c7e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#054a65', endColorstr='#065c7e', GradientType=0); padding: 10px; } .premium-advantages .advantage-container .advantage-card .header { font-size: 24px; } .premium-advantages .advantage-container .advantage-card img { width: 100%; } .margin-sm { margin: 10px 0; } .buynow-related-result .url > span { color: #000; } /* Resources */ #resources-brandable .protection-header { min-height: 80px; } #resources-best .pick-header { text-transform: uppercase; } #resources-best .pick-domain { padding: 15px; margin: 15px 0; background-color: #72BB46; } #resources-best .pick-domain, #resources-best .pick-domain a, #resources-best .pick-domain a:hover, #resources-best .pick-domain a:visited, #resources-best .pick-domain a:focus { color: white; } #resources-best .background.primary .pick-domain { background-color: white; } #resources-best .background.primary .pick-domain, #resources-best .background.primary .pick-domain a, #resources-best .background.primary .pick-domain a:hover, #resources-best .background.primary .pick-domain a:visited, #resources-best .background.primary .pick-domain a:focus { color: #72BB46; } #resources-best .domains-selection-tips .fa-check { font-size: 35px; } /* Lander */ #lander .lander-header { color: #fff; background-image: url("/images/bg-masthead-1920.png"); background-repeat: no-repeat; background-size: cover; box-sizing: border-box; overflow: hidden; padding: 0; } @media (max-width: 812px) { #lander .lander-header h1 { font-size: 30px; } } #lander .section-one .right-section-one-content { padding: 15px 10px; } #lander .lander-search { padding: 20px 0; } #lander .lander-buy-section ul.fa-ul { margin-top: 0px; } #lander .lander-truth-in-numbers { background: #c6dee9; border-top: 1px solid #065c7e; border-bottom: 1px solid #065c7e; } #lander .lander-truth-in-numbers .boxes-wrapper { display: flex; flex-wrap: wrap; justify-content: center; } #lander .lander-truth-in-numbers .title { color: #065c7e; } #lander .lander-truth-in-numbers .recent-domains-box { flex-grow: 1; flex-basis: 25%; } @media screen and (max-width: 991px) and (min-width: 690px) { #lander .lander-truth-in-numbers .recent-domains-box { flex-basis: 33%; } } @media screen and (max-width: 690px) and (min-width: 490px) { #lander .lander-truth-in-numbers .recent-domains-box { flex-basis: 50%; } } @media screen and (max-width: 490px) { #lander .lander-truth-in-numbers .recent-domains-box { flex-basis: 100%; } } #lander .lander-truth-in-numbers .recent-domains-box .link-wrapper { display: block; float: none; width: 100%; text-align: center; } #lander .lander-truth-in-numbers .recent-domains-box .amount-and-description { float: none; width: 100%; text-align: center; } #lander .lander-truth-in-numbers .recent-domains-box .amount { display: block; } #lander .lander-truth-in-numbers .recent-domains-box .btn-callout { color: #72BB46; background: transparent; border: none; } #lander .lander-truth-in-numbers .recent-domains-box .btn-callout:hover { text-decoration: underline; } #lander .lander-truth-in-numbers .recent-domains-box .btn-callout:after { content: "ยป"; } #lander .btn-warning, #lander .btn-info { color: #fff; } #lander .arrow-list { font-size: 20px; margin-top: 30px; } @media (max-width: 488px) { #lander .arrow-list h2 { font-size: 19px; } } @media (max-width: 991px) { #lander .arrow-list { margin: 25px 0; } } #lander .arrow-list .fa { margin-right: 10px; } #lander .arrow-list .fa-container { width: 40px; display: inline-block; } #lander .arrow-list .arrow-item { margin-bottom: 25px; } #lander .fa-ul { margin-bottom: 0; margin-left: 55px; margin-top: 20px; margin-right: 15px; font-size: 20px; } #lander .fa-ul .fa-check { color: #065c7e; } #lander ul.tabs { margin: 0px; padding: 0px; list-style: none; } #lander ul.tabs li { color: #f18b5d; background: none; display: inline-block; padding: 1em .7em; cursor: pointer; text-align: center; width: 24.7%; font-weight: bold; box-sizing: border-box; font-size: 20px; } @media (max-width: 991px) { #lander ul.tabs li { width: 100%; } } #lander ul.tabs li.current { background: #ededed; color: #065c7e; } #lander .tab-content { display: none; background: #ededed; padding: 15px; margin-bottom: 0px; min-height: 450px; } #lander .tab-content.current { display: block; } #lander .lander-similar-domains .search-results > .row { background-color: white; } #lander .lander-similar-domains .search-results a.url span { color: #333; } #lander #buynow-ajax-container { min-height: 2500px; } /* Testimonials */ #testimonials hr:last-child { display: none; } /* Categories */ #category-index h1 .fa { font-size: 28px; position: relative; top: -7px; } #super-category .search-header { padding: 0; min-height: 240px; /* fallback */ background-color: transparent; background-repeat: no-repeat; background-size: cover; background-position: center; } #super-category .search-header-overlay { min-height: inherit; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, left top, right top, from(transparent), to(#005B80)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(left, #005B80, transparent); /* Firefox 3.6+ */ background: -moz-linear-gradient(left, #005B80, transparent); /* IE 10 */ background: -ms-linear-gradient(left, #005B80, transparent); /* Opera 11.10+ */ background: -o-linear-gradient(left, #005B80, transparent); } #super-category .search-header-overlay .search-header-inner { text-align: center; max-width: 100%; padding: 15px; position: relative; } #super-category .search-header-overlay .search-header-inner h1 { color: white; font-style: italic; font-weight: 400; margin: 25px 0 35px 0; } @media (max-width: 400px) { #super-category .search-header-overlay .search-header-inner h1 { font-size: 1.8em; margin-top: .4em; } } #super-category .search-header-overlay .search-header-inner .search-box { margin: 0 auto; border-radius: 25px; overflow: hidden; max-width: 500px; } #super-category .search-header-overlay .search-header-inner p { color: white; } .description-container { background-color: #c6dee9; } .description { color: #065c7e; margin-left: auto; margin-right: auto; padding: 3em 1em; } .description h2 { font-size: 1.5em; margin-bottom: 1em; font-weight: bold; } .sub-categories { text-align: center; border-bottom: 1px solid #efefef; } @media (min-width: 1000px) { .sub-categories { padding: 1em 14em 2em 14em; } } @media (max-width: 400px) { .sub-categories { padding: 1em 6em 2em 6em; } } .sub-categories h3 { margin-top: .5em; margin-bottom: 1em; font-weight: 500; } .sub-categories .category-link { background-color: #72BB46; border-radius: 20px; color: #fff; text-align: center; font-weight: bold; padding: 2px 1.5em; margin: 2px; line-height: 20px; } .sub-categories .link { margin: 0; padding: 0; width: 100%; } .sub-categories .link a { display: inline-block; width: 100%; } .content-block .advantages { float: left; width: 35%; padding-top: 20px; } @media (max-width: 400px) { .content-block .advantages { display: none; } } @media (min-width: 1000px) { .content-block .advantages { display: block; } } .content-block .advantages h3 { font-size: 30px; font-weight: 400; color: #065c7e; margin-bottom: 20px; margin-right: 10px; } .content-block .advantages .item { margin: 0px 12px 12px 0px; } .content-block .advantages .item .icon-header { display: block; } .content-block .advantages .item h4 { color: #ee9837; font-size: 20px; font-weight: 400; margin-bottom: .5em; display: inline-block; } .content-block .advantages .item h4 i { font-size: 18px; margin-right: .5em; } .content-block .results { display: block; float: left; padding: 20px; min-height: 700px; } .content-block .results h2 { font-size: 35px; font-weight: 400; color: #065c7e; } .content-block .results .sub-text { font-size: 20px; font-weight: 400; margin-bottom: 30px; } .content-block .results .table-title { font-size: 20px; font-weight: 400; margin-bottom: 5px; float: left; } .content-block .results .csv-link { float: right; } .content-block .results .csv-link a { font-size: .9em; color: #333; text-decoration: underline; } .content-block .results .featured-name-heading { color: #065c7e; font-weight: bold; display: block; text-align: right; margin: 0 1.5em .5em 0; } .content-block .results .featured-name { color: #065c7e; background-color: #c6dee9; padding: 1em; margin-bottom: 1.5em; font-size: 1.4em; font-weight: 300; } @media (max-width: 400px) { .content-block .results .featured-name { text-align: center; } } .content-block .results .featured-name a { color: #065c7e; } .content-block .results .featured-name a:hover { text-decoration: underline; } .content-block .results .featured-name .name { display: inline-block; } @media (max-width: 400px) { .content-block .results .featured-name .price { display: block; } } @media (min-width: 1000px) { .content-block .results .featured-name .price { float: right; } } .content-block .results .dataTables_wrapper { margin-top: 5.5em; } @media (max-width: 400px) { .content-block .results .dataTables_wrapper { font-size: .9em; } } @media (max-width: 400px) { .content-block .results { width: 100%; border-left: 0; } } @media (min-width: 1000px) { .content-block .results { width: 65%; border-left: solid 1px #efefef; } } .dataTables_info, .dataTables_paginate { font-size: .8em; } .orange-link { color: #ec971f; } .orange-link:hover { color: #f0ad4e; } .btn-orange { color: #fff; background-color: #ee9837; border-color: #ee9837; } .btn-orange:hover { color: #fff; background-color: #F1B695; border-color: #F1B695; } .btn-orange:focus { color: #fff; background-color: #F1B695; border-color: #EF7837; } .btn-black { color: #fff; background-color: #555555; border-color: #555555; } .btn-black:hover { color: #fff; background-color: #808080; border-color: #555555; } .btn-black:focus { color: #fff; background-color: #808080; border-color: #555555; } #checkout-bitcoin .amount { display: inline-block; box-sizing: border-box; border-radius: 3px; overflow: hidden; border: 1px solid #065c7e; } #checkout-bitcoin .amount .value { padding: 3px; box-sizing: border-box; } #checkout-bitcoin .amount .value.simple { font-family: monospace; } #checkout-bitcoin .amount .unit { padding: 3px 5px; box-sizing: border-box; background: #065c7e; color: #fff; } #checkout-bitcoin .amount-seperator { display: inline-block; box-sizing: border-box; position: relative; vertical-align: top; } #checkout-bitcoin .amount-seperator .content { padding: 3px; } #checkout-bitcoin .actions { border: 1px solid #aaa; padding: 15px; margin: 20px 0 0; } #checkout-bitcoin .actions .pay-now { border-right: 1px solid #aaa; } @media (max-width: 992px) { #checkout-bitcoin .actions .pay-now { border-right: none; } } #checkout-bitcoin .actions .action { font-size: 18px; } #checkout-contact .checkout-btn .fa, #checkout-info .checkout-btn .fa, #checkout-credit .checkout-btn .fa { margin: 0 10px; } #checkout-contact ul.price-guidance, #checkout-info ul.price-guidance, #checkout-credit ul.price-guidance { margin-left: 1em; margin-bottom: 2em; padding: 0; list-style-type: none; } #checkout-contact ul.price-guidance li, #checkout-info ul.price-guidance li, #checkout-credit ul.price-guidance li { padding-top: 6px; } #checkout-credit .cc-type { margin-right: 10px; } #checkout-info .payment-options .row { margin-bottom: 15px; } #checkout-info .payment-options .payment-option-container { background-color: white; border-radius: 5px; text-align: center; } #checkout-info .payment-options .payment-option-container .option-image { max-height: 54px; } @media (max-width: 420px) { #checkout-info .payment-options .payment-option-container { min-height: 120px; } } #checkout-info .payment-options .payment-option-container label { cursor: pointer; padding: 15px; } #checkout-info .payment-options .payment-option-container.current { background-color: #72BB46; color: white; } #checkout-info .payment-options .payment-option-container.disabled { background-color: #c0c0c0; } #checkout-info .payment-options .payment-option-container.disabled label { cursor: not-allowed; } #checkout-info .payment-options .payment-option-container .payment-type { font-size: 12px; margin-top: 7px; } #checkout-info .payment-options input[type=radio] { display: none; } #checkout-info .tooltip-inner { max-width: 300px; } #contact .fa-caret-right { margin: 0 1em; } #contact h3 { margin: 1.5em 0 1em 0; } #contact .external-link { padding: 2px 0; } /* Header */ .navbar-default { background-color: transparent; border-color: transparent; margin-bottom: 0; border-bottom: 0; } .navbar-default .navbar-header { background-color: #72BB46; } .navbar-default .navbar-collapse { background-color: #72BB46; } .navbar-default .navbar-collapse li { border-right: 1px solid white; } .navbar-default .navbar-collapse li:hover { background-color: black; } .navbar-default .navbar-collapse li:hover a { color: #fff; } .navbar-default .navbar-collapse li:first-child { border-left: 1px solid white; } .navbar-default .navbar-collapse li a { color: #fff; } @media (max-width: 812px) { .navbar-default .navbar-collapse li, .navbar-default .navbar-collapse li:first-child { border: none; } .navbar-default .navbar-collapse li.dropdown.open { background-color: black; } .navbar-default .navbar-collapse li.dropdown.open li a { color: #fff; } } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #fff; background-color: black; } .navbar-default .navbar-nav > .open .dropdown-menu > li > a { color: #72BB46; } .navbar-default .navbar-nav > .open .dropdown-menu > li > a:hover { background-color: black; color: #fff; } .nav-top .contact { line-height: 1.2em; padding: 10px 0 10px; font-size: 20px; } @media screen and (max-width: 812px) { .nav-top .contact { text-align: center; padding: 0 0 10px; } } .nav-top .contact a { color: #000; } .nav-top .contact ._small { font-size: 16px; } .navbar-default .navbar-collapse li button { color: #fff; } @media screen and (min-width: 812px) { .navbar-default .navbar-collapse li button { padding-top: 15px; padding-bottom: 15px; } } .nav > li > button { position: relative; display: block; padding: 10px 15px; background: transparent; border: none; } /* css loader */ .loader, .loader:before, .loader:after { border-radius: 50%; } .loader:before, .loader:after { position: absolute; content: ''; } .loader:before { width: 5.2em; height: 10.2em; background: #ffffff; border-radius: 10.2em 0 0 10.2em; top: -0.1em; left: -0.1em; -webkit-transform-origin: 5.2em 5.1em; transform-origin: 5.2em 5.1em; -webkit-animation: load2 2s infinite ease 1.5s; animation: load2 2s infinite ease 1.5s; } .loader { color: #000000; font-size: 11px; text-indent: -99999em; margin: 55px auto; position: relative; width: 10em; height: 10em; box-shadow: inset 0 0 0 1em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .loader:after { width: 5.2em; height: 10.2em; background: #ffffff; border-radius: 0 10.2em 10.2em 0; top: -0.1em; left: 5.1em; -webkit-transform-origin: 0px 5.1em; transform-origin: 0px 5.1em; -webkit-animation: load2 2s infinite ease; animation: load2 2s infinite ease; } @-webkit-keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .logo { height: 72px; width: 380px; } .logo-padding { padding: 10px 0; } /* Footer */ footer { border-top: 1px solid #ccc; font-size: 12px; } @media print { footer { display: none; } } footer .copyright { margin-top: 15px; padding: 25px 0 40px; } footer .aa, footer .mm { margin-top: 8px; height: 80px; width: 232px; } footer .phone, footer .seo { height: 70px; width: 200px; } @media (max-width: 812px) { footer .aa, footer .mm { margin-top: 0; } } .new-escrow-financing { margin: 0 auto; display: flex; width: 80%; } .new-escrow-financing .new-starburst { position: relative; left: 30px; height: 100px; width: 100px; } .new-escrow-financing .banner { margin-top: 1.2em; display: flex; background-color: #295b7b; color: white; font-size: 1em; padding: .5em 2em; height: 60px; } .new-escrow-financing .banner .text { padding: 0 2em; } .new-escrow-financing .banner .escrow-logo { display: none; } @media (max-width: 420px) { .new-escrow-financing { margin: .5em 0; width: 100%; } .new-escrow-financing .new-starburst { left: 0; height: 70px; width: 70px; z-index: 999; } .new-escrow-financing .banner { display: block; position: relative; left: -42px; top: -7px; margin-top: .5em; height: 350px; } .new-escrow-financing .banner .text { font-size: .8em; } .new-escrow-financing .banner .text h5 { font-weight: bold; font-size: 1.3em; } .new-escrow-financing .banner .text strong { font-weight: bold; font-size: 1em; } .new-escrow-financing .banner .text:not(:first-child) { margin-top: 1.2em; } .new-escrow-financing .banner .escrow-logo { display: none; } } @media (min-width: 421px) and (max-width: 740px) { .new-escrow-financing { width: 100%; padding-bottom: 1em; } .new-escrow-financing .banner { width: 160%; position: static; margin-top: .5em; height: 300px; } .new-escrow-financing .banner .text { padding: 0; font-size: .8em; } .new-escrow-financing .banner .text h5 { font-weight: bold; font-size: 1.3em; } .new-escrow-financing .banner .text strong { font-weight: bold; font-size: 1em; } .new-escrow-financing .banner .text:not(:first-child) { margin-top: 1.2em; } .new-escrow-financing .banner .escrow-logo { display: none; } } @media (min-width: 420px) and (max-width: 735px) { .new-escrow-financing { width: 100%; } .new-escrow-financing .banner { width: 140%; position: static; margin-top: .5em; height: 300px; } .new-escrow-financing .banner .text { padding: 0; font-size: .8em; } .new-escrow-financing .banner .text h5 { font-weight: bold; font-size: 1.3em; } .new-escrow-financing .banner .text strong { font-weight: bold; font-size: 1em; } .new-escrow-financing .banner .text:not(:first-child) { margin-top: 1.2em; } .new-escrow-financing .banner .escrow-logo { display: none; } } @media (min-width: 820px) { .new-escrow-financing { width: 100%; } .new-escrow-financing .banner { width: 120%; position: static; margin-top: .5em; height: 180px; } .new-escrow-financing .banner .text { padding: 0; font-size: .8em; } .new-escrow-financing .banner .text h5 { font-weight: bold; font-size: 1.3em; } .new-escrow-financing .banner .text strong { font-weight: bold; font-size: 1em; } .new-escrow-financing .banner .text:not(:first-child) { margin-top: 0; margin-left: .5em; } .new-escrow-financing .banner .escrow-logo { display: none; } } @media (min-width: 1100px) { .new-escrow-financing { width: 100%; } .new-escrow-financing .options { width: 80%; } .new-escrow-financing .new-starburst { left: 0; height: 70px; width: 70px; z-index: 999; } .new-escrow-financing .banner { position: relative; left: -42px; top: -7px; } } @media (min-width: 1000px) { .new-escrow-financing { width: 70%; } .new-escrow-financing .banner { margin-top: .5em; height: 180px; } .new-escrow-financing .banner .text { padding: 0; font-size: .8em; } .new-escrow-financing .banner .text h5 { font-weight: bold; font-size: 1.3em; } .new-escrow-financing .banner .text strong { font-weight: bold; font-size: 1em; } .new-escrow-financing .banner .text:not(:first-child) { margin-top: 0; margin-left: .5em; } .new-escrow-financing .banner .escrow-logo { display: block; height: 40px; width: 40px; } } @media (max-width: 812px) { .right-section-one { margin-top: 1em; } a#buy-now-button { display: none !important; } } /*# sourceMappingURL=app.css.map */