/* SETLS marketing site — hand-ported from app/assets/stylesheets/custom.css.scss and Hero-Technology.css. Loaded after the Bootstrap 3 / Font Awesome CDN stylesheets in . */ .hero-button { color: white !important; } .navbar-brand .glyphicon { margin-right: 6px; padding-top: 0px; padding-bottom: 0px; } .icon-feature { text-align: center; } .icon-feature .glyphicon { font-size: 60px; } section.features { background-color: #267DC2; padding: 40px 0; color: #fff; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; } .features h2 { color: #fff; } .features .icon-features { margin-top: 15px; } p.lead.text-center.text-info { background-color: white; color: black; } section#switching { background-color: #267DC2; color: white; padding-bottom: 20px; } table.td, td, th { text-align: center; } table { border: 1px; } h1 { text-align: center; } th.active, td.active { font-size: large; } h1#pricing-header, h2#pricing-header { margin-bottom: 0px; margin-top: 0px; padding-top: 80px; padding-bottom: 40px; } th.special { background-color: #d9534f; font-size: large; color: white; } .container { padding-left: 0px; padding-right: 0px; width: auto; height: auto; } h1#switching_header { padding-top: 80px; padding-bottom: 40px; } div.row { padding-left: 20px; padding-right: 20px; } div#why_setls.container { background-color: #267DC2; color: white; padding-top: 40px; } p#lead-paragraph.lead.text-center.text-info.bg-info { border-radius: 10px; } p#p-try-setls a { color: rgb(10, 242, 229); font-size: inherit; } p#p-why-setls a { color: rgb(192, 255, 240); } a#features-link { color: #0af2e5; font-size: 20pt; } h1#faq-heading { padding-top: 80px; text-align: left; padding-left: 20px; } h3#frequent-questions-heading { padding-left: 50px; } div#accordion-1.panel-group { padding-left: 80px; padding-right: 80px; } div#accordion-1.panel-group a { font-size: 14px; } footer { background-color: #292c2f; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; width: 100%; text-align: left; font: bold 16px sans-serif; padding: 55px 50px; margin-top: 80px; bottom: 0; color: #fff; } .footer-navigation h3 { margin: 0; font: normal 36px Cookie, cursive; margin-bottom: 20px; color: #fff; } .footer-navigation h3 a { text-decoration: none; color: #fff; } .footer-navigation p.links a { color: #fff; text-decoration: none; } .footer-navigation p.company-name { color: #8f9296; font-size: 14px; font-weight: normal; margin-top: 20px; } @media (max-width: 767px) { .footer-contacts { margin: 30px 0; } } .footer-contacts p { display: inline-block; color: #ffffff; vertical-align: middle; } .footer-contacts p a { color: #5383d3; text-decoration: none; } .fa.footer-contacts-icon { background-color: #33383b; color: #fff; font-size: 18px; width: 38px; height: 38px; border-radius: 50%; text-align: center; line-height: 38px; margin: 10px 15px 10px 0; } span.new-line-span { display: block; font-weight: normal; font-size: 14px; line-height: 2; } div.jumbotron.hero-technology { color: #fff; text-align: center; background: url('../img/city_bg.jpg'); background-size: cover; background-position: center; padding-top: 100px; padding-bottom: 100px; margin-bottom: 0px; } h1.hero-title, h2.hero-title, h3.hero-title { text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); color: #fff; font-weight: 500; } nav.navbar.navbar-inverse.navbar-fixed-top { min-height: 40px; margin-bottom: 0px; } div#lead-brand-container.container { width: 70%; } section#what_tls_use_setls.features { background-color: white; } h3 { color: black; } /* latin — used by the footer wordmark */ @font-face { font-family: 'Cookie'; font-style: normal; font-weight: 400; src: local('Cookie-Regular'), url(https://fonts.gstatic.com/s/cookie/v7/crMuSvy3krjox1JAKfe7Ew.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* home page: Google Maps heatmap + toy library logo wall (styles from the old inline