@import 'https://fonts.googleapis.com/css?family=Raleway:300,400,600,700,800'; /** * CSS @imports must be at the top of the file. * Add them above this section. */ /*//////////////////////////////////// /////////// Hubl Variables//////////// ////////////////////////////////////*/ /** * Colors */ /* Brand colors */ /** * Scaffolding */ /* Background color for '' */ /* Global text color for '' */ /* Global textual link color */ /* Link hover color set via `darken()` function */ /* Link hover decoration */ /** * Typography */ /* Font weights */ /* By default, this inherits from the '' */ /** * Media Queries */ /* Custom, iPhone Retina */ /* Extra Small Devices, Phones */ /* Small Devices, Tablets */ /* Medium Devices, Desktops */ /* Large Devices, Wide Screens */ /*//////////////////////////////////// /////////// Resets and Base/////////// ////////////////////////////////////*/ /* Ensure no horizontal scroll */ html, body{ overflow-x: hidden; } /* Smoother fonts */ body{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body{ font-family: Raleway, sans-serif; color: #333333; font-size: 16px; line-height: 24px; letter-spacing: 0.050em; font-weight: 400; } /** * Heading styles */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-family: ; font-style: normal; font-weight: 600; line-height: normal; color: #163565; text-transform: none; letter-spacing: 0.025em; margin: 0; } h1{ font-size: 48px; } h2{ font-size: 40px; } h3{ font-size: 32px; } h4{ font-size: 24px; } h5{ font-size: 18px; } h6{ font-size: 16px; } /* Links */ a, a:hover, a:focus{ color: #3862E6; text-decoration: ; outline: 0; } /* Colors */ .corn{ color: #e7b000; } .pirategold{ color: #b98d00; } .oldgold{ color: #d6ba43; } /* Font sizes */ .font-small{ font-size: 12px; } .font-normal{ font-size: 16px; } .font-medium{ font-size: 18px; } .font-large{ font-size: 20px; } /*///////////////////////////// /////////// Buttons//////////// /////////////////////////////*/ /** * Button styles */ .btn{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-family: 0; font-weight: 0; line-height: normal; letter-spacing: normal; text-transform: uppercase; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; margin-bottom: 5px; margin-right: 5px; } .btn.active .btn:active, .btn:focus, .btn:hover{ outline: 0; } .btn-primary{ color: #ffffff; background: #2d83e9; border-color: #2d83e9; } .btn-primary.active .btn-primary:active, .btn-primary:focus, .btn-primary:hover{ color: #ffffff; background: transparent; border: 1px solid #ffffff; } .btn-gold{ color: #ffffff; background: #e7b000; border: #e7b000; } .btn-gold.active, .btn-gold:active, .btn-gold:focus, .btn-gold:hover{ color: #ffffff; background: #e7b000; border: #e7b000; } /*//////////////////////////// /////////// Header//////////// ////////////////////////////*/ .site-header .navbar{ min-height: 87px; border: 0 solid transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-bottom: 0; } .site-header .navbar-default{ background: #ffffff; } .site-header .navbar-brand{ height: auto; } /*/////////////////////////////////// /////////// Header Banner//////////// ///////////////////////////////////*/ .site-header-banner{ background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; position: relative; min-height: 300px; } .site-header-banner .text-col{ text-align: left; padding-top: 32px; padding-right: 0; padding-bottom: 32px; padding-left: 15px; margin-top: 64px; margin-bottom: 64px; } .site-header-banner h1{ color: #ffffff; font-family: Raleway, sans-serif; font-size: 48px; font-weight: 800; letter-spacing: 0.050em; text-shadow: 2px 0px 3px rgba(0, 0, 0, 0.16); margin-bottom: 32px; position: relative; } .site-header-banner h3{ color: #ffffff; font-family: Raleway, sans-serif; font-size: 32px; font-weight: 700; letter-spacing: 0.050em; line-height: 48px; } /*//////////////////////////////// /////////// Inner Page//////////// ////////////////////////////////*/ .site-content{ padding-top: 96px; padding-bottom: 96px; } .site-content .section-marketing-main .left-col h2{ margin-bottom: 16px; } .site-content .section-marketing-main .left-col h3{ margin-bottom: 64px; } .site-content .section-marketing-main .left-col ul{ padding: 0; margin: 0; list-style: none; } .site-content .section-marketing-main .left-col ul li{ position: relative; padding-left: 30px; margin-bottom: 10px; } .site-content .section-marketing-main .left-col ul li:before{ content:'\f04d'; font-family: 'FontAwesome'; font-size: 12px; position: absolute; top: 0; left: 0; color: #41b7c4; } .site-content .section-marketing-main .right-col .marketing-form{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.08); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.08); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.08); padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .site-content .section-marketing-main .right-col .marketing-form h3{ margin-bottom: 32px; } .marketing-form .hs-form-field{ margin-bottom: 18px; } .marketing-form input, .marketing-form textarea{ box-shadow: none; border: 1px solid #bbbbbb; } .marketing-form input[type="text"], .marketing-form input[type="tel"], .marketing-form input[type="email"], .marketing-form textarea{ width: 100% !important; box-sizing: border-box; } .marketing-form .inputs-list{ padding-left: 0 !important; } .marketing-form .inputs-list li{ list-style: none; } .marketing-form .inputs-list input[type="checkbox"], .marketing-form .inputs-list input[type="radio"]{ margin-right: 10px; } .marketing-form .hs-form-checkbox{ font-size: 14px; } .marketing-form .hs-richtext{ font-size: 14px; line-height: 18px; } .marketing-form .hs-button{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #ffffff; background: #e7b000; border: 1px solid #e7b000; font-family: ; font-size: 14px; font-weight: 700; letter-spacing: normal; text-transform: uppercase; padding-top: 15px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; margin-top: 0; margin-right: 5px; margin-bottom: 5px; margin-left: 0; } .marketing-form .hs-button.active .marketing-form .hs-button:active, .marketing-form .hs-button:focus, .marketing-form .hs-button:hover{ outline: 0; color: #ffffff; background: ; border: 1px solid ; text-decoration: none; } /*//////////////////////////// /////////// Footer//////////// ////////////////////////////*/ .site-footer{ background-image: url("https://cdn2.hubspot.net/hubfs/3107949/section-footer.png"); background-repeat: no-repeat; background-size: cover; } .site-footer .site-footer-info{ color: #ffffff; font-size: 16px; } .site-footer .site-footer-info .footer-column1{ background-color: rgb(22, 53, 101,0.9); min-height: 300px; padding-top: 32px; padding-bottom: 64px; } .site-footer .site-footer-info .footer-column1 .logo{ margin-bottom: 32px; } .site-footer .site-footer-info .footer-column1 .logo img{ margin: auto; display: block; } .site-footer .site-footer-info .footer-column1 ul{ padding: 0; margin: 0; } .site-footer .site-footer-info .footer-column1 ul li{ list-style: none; padding-left: 42px; margin-bottom: 18px; } .site-footer .site-footer-info .footer-column1 ul li.address{ background-image: url("https://cdn2.hubspot.net/hubfs/3107949/map-24x24.svg"); background-repeat: no-repeat; background-position: 0 5px; } .site-footer .site-footer-info .footer-column1 ul li.telephone{ background-image: url("https://cdn2.hubspot.net/hubfs/3107949/phone-24x24.svg"); background-repeat: no-repeat; background-position: 0 5px; } .site-footer .site-footer-info .footer-column1 ul li.email{ background-image: url("https://cdn2.hubspot.net/hubfs/3107949/mail-24x24.svg"); background-repeat: no-repeat; } .site-footer .site-footer-info .footer-column1 ul li a{ color: #ffffff; } .site-footer .site-footer-info .footer-column1 ul li a:hover{ color: #e7b000; text-decoration: none; } .site-footer .site-footer-info .footer-column2{ padding-top: 50px; } .site-footer .site-footer-info .footer-column2 a{ color: #ffffff; font-weight: 700; } .site-footer .site-footer-info .footer-column2 .social-links ul{ padding: 0; margin: 0; display: block; } .site-footer .site-footer-info .footer-column2 .social-links ul li{ list-style: none; display: inline-block; margin-right: 15px; margin-bottom: 15px; } .site-footer .site-footer-info .footer-column2 .social-links ul li a{ color: #ffffff; } .site-footer .site-footer-disclaimer{ background-color: rgb(22, 53, 101,0.9); color: #ffffff; font-size: 16px; padding-top: 15px; padding-bottom: 15px; } .site-footer .site-footer-disclaimer p{ margin: 0; } /*======= Bootstrap 3 Media Queries =======*/ /*========== Mobile First Method ==========*/ /* Custom, iPhone Retina */ /* min-width : 320px */ @media only screen and (min-width : 320px){ .site-header-banner .text-col{ text-align: center; padding-left: 0; } .site-header-banner .text-col h1{ font-size: 48px; line-height: normal; } } /* Extra Small Devices, Phones */ /* min-width : 480px */ @media only screen and (min-width : 480px){ } /* Small Devices, Tablets */ /* min-width : 768px */ @media only screen and (min-width : 768px){ .site-header-banner .text-col{ text-align: left; padding-left: 15px; } .site-header-banner .text-col h1{ font-size: 70px; line-height: 78px; } .site-header-banner .text-col h1:after{ content: ''; width: 335px; height: 88px; background: url("https://cdn2.hubspot.net/hubfs/3107949/hero-line.png"); background-image: url("https://cdn2.hubspot.net/hubfs/3107949/hero-line.svg"), none; background-size: 335px 88px; position: absolute; bottom: -20px; left: -18px; } } /* Medium Devices, Desktops */ /* min-width : 992px */ @media only screen and (min-width : 992px){ } /* Large Devices, Wide Screens */ /* min-width : 1200px */ @media only screen and (min-width : 1200px){ }