/* * Custom XPrep Styles * * Handcrafted with love in Philadelphia & Seattle Changelist - - - - - 1.3.7.5 - 12 June 2024 - School dropdown text color fix 1.3.7.4 - 2 November 2023 - Homepage header out of position 1.3.7.3 - 20 April 2023 - Edcetera logo in footer 1.3.7.2 - 14 September 2021 - Padding fix on xs on About page 1.3.7.1 - 19 March 2021 - ViralVet removal 1.3.7 - 11 September 2020 - Affirm 1.3.6 - 10 February 2019 - Pile of Done 1.3.5 - 4 January 2019 - Download buttons in footer 1.3.4 - 26 June 2018 - Forgot Password link fix 1.3.3 - 2 June 2018 - Mobile app additions to site pages and footer 1.3.2 - 18 Apr 2018 - Exam Date fields on registration form 1.3.1 - 5 Sep 2017 - Final QA refinements before initial release 1.3.0 - 2 June 2016 - Why refresh 1.2.6 - 15 November 2016 - Credit checkmark addition 1.2.5 - 27 September 2016 - New orange badge and Five Year Seal 1.2.4 - 22 September 2016 - Purchase Form improvements 1.2.3 - 22 July 2016 - Synced with Q2 Prod CSS. Includes narrow screen layout fix. */ html {-webkit-text-size-adjust: 100%;} body {font-size: 15px; font-family: 'Cabin', Helvetica, Arial, sans-serif; font-weight: 400; background: #2B3033;} li {margin-bottom: 6px;} h1 {font-size: 42px; line-height: 45px; letter-spacing: -1px; font-weight: 300;} h2 {font-size: 36px; line-height: 39px; letter-spacing: 0px; font-weight: 300; color: #333;} h3 {font-size: 30px; line-height: 33px; letter-spacing: 0px; font-weight: 300; color: #155a87;} h4 {font-size: 24px; line-height: 27px; letter-spacing: 0px; font-weight: 300; color: #333;} h5 {font-size: 18px; line-height: 21px; letter-spacing: 0px; font-weight: 300; color: #333;} h4, h5, h6 {margin-top: 18px; margin-bottom: 9px;} h1 small, h2 small, h3 small, h4 small {color: #aaa !important;} h2:first-child, h3:first-child, h4:first-child {margin-top: 0 !important; padding-top: 0 !important;} h3.intro {font-weight: 300; line-height: 125%; text-align: center; margin-top: 0;} h3.subheading {color: #999; margin: -9px 0 18px 0; font-size: 24px; line-height: 27px;} a {color: #de6830;} a:visited, a:hover {color: #b85623;} hr {height: 1px; border-top: 1px solid #ccc; border-bottom: 0; margin-top: 30px; padding-bottom: 21px; width: 85%;} hr.exam {height: 1px; border-width: thin; border-top: 1px solid #ccc; border-bottom: 0; width: 100%; padding-bottom: 0;} a.btn.btn-primary, a.btn.btn-danger, a.btn.btn-info, a.btn.btn-success, a.btn.btn-warning, a.btn.btn-blue, a.btn.btn-red, a.btn.btn-green, a.btn.btn-orange {color: #fff;} a.btn.btn-default {color: #000;} ::selection {background: #2f4a63; /* Safari */ color: #FFF;} ::-moz-selection {background: #2f4a63; /* Firefox */ color: #FFF;} /* - - - - - - - - - - MARGINS & PADDING - - - - - - - - - - - */ .margin-0 {margin-bottom: 0px !important;} .margin-5 {margin-bottom: 5px !important;} .margin-15 {margin-bottom: 15px !important;} .margin-30 {margin-bottom: 30px !important;} .margin-45 {margin-bottom: 45px !important;} .margin-60 {margin-bottom: 60px !important;} .margin-75 {margin-bottom: 75px !important;} .margin-90 {margin-bottom: 90px !important;} .margin-top-0 {margin-top: 0px !important;} .margin-top-10 {margin-top: 10px !important;} .margin-top-15 {margin-top: 15px !important;} .margin-top-20 {margin-top: 20px !important;} .margin-top-30 {margin-top: 30px !important;} .margin-top-45 {margin-top: 45px !important;} .margin-top-60 {margin-top: 60px !important;} .margin-top-90 {margin-top: 90px !important;} .padding-0 {padding-bottom: 0px !important;} .padding-5 {padding-bottom: 5px !important;} .padding-15 {padding-bottom: 15px !important;} .padding-30 {padding-bottom: 30px !important;} .padding-45 {padding-bottom: 45px !important;} .padding-60 {padding-bottom: 60px !important;} .padding-75 {padding-bottom: 75px !important;} .padding-90 {padding-bottom: 90px !important;} .band-no-margins {margin-top: 0 !important;; margin-bottom: 0 !important;; padding-top: 15px !important;; padding-bottom: 15px !important;;} .row-eq-height {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;} /* - - - - - - - - - - SPECIFICS - - - - - - - - - - - */ #content {padding-top: 180px; padding-bottom: 50px;} .band-a {width: 100%; margin: 15px 0; padding: 75px 0 60px 0; background: #fff;} /* padding: 45px 0; */ .band-a:first-child {margin: -15px 0 15px 0; padding: 0 0 45px 0;} .band-b {background: #f9f9f9; width: 100%; margin: 15px 0; padding: 90px 0 75px 0;} /* padding: 75px 0; */ .band-a.band-final {margin-bottom: -75px;} .band-b.band-final {margin-bottom: -80px;} .link-muted {color: #999 !important;} .link-muted:visted, .link-muted:hover {color: #333 !important;} .red {color: red;} img.red, iframe.red {border: 3px solid red;} .separator {height: 1px; width: 75%; margin-top: 30px; padding-bottom: 30px; border-top: 1px solid #ccc; margin-left: auto; margin-right: auto; text-align: center;} .dose-email {margin: 9px 0 0 0; line-height: 18px; font-size: 12px; text-align: center; padding: 9px 15px;} a.dose-email span {font-size: 15px;} /* centered columns styles */ .row-centered { text-align:center; } .col-centered { display:inline-block; float:none; /* reset the text-align text-align:left; inline-block space fix */ margin-right:-4px; } .col-centered img {text-align: center; margin: 0 auto;} .about-team-nametitle {margin-top: 12px; margin-bottom: 30px; text-align: center;} .badge.badge-orange {background-color: #de6830;} .badge.badge-new {background-color: #8ac149;} p.anchor:before {display: block; content: " "; margin-top: -116px; margin-bottom: -10px !important; height: 116px; visibility: hidden;} .intro-band {margin-top: -64px; background: #155a87; padding: 54px 0 42px 0;} .intro-band h3 {color: #fff; font-weight: bold; line-height: 125%; text-align: center; margin-top: 0; text-shadow: 0px 0px 1px rgba(0,0,0,.20);} .intro-band h4 {color: #fff; margin: -9px 0 18px 0; font-size: 21px; line-height: 27px; text-align: center; text-shadow: 0px 0px 1px rgba(0,0,0,.20);} .buy-band {padding: 42px 0; color: #fff;} .buy-band.band-middle {margin: -15px 0 0 0;} .buy-band.band-bottom {margin: 0 0 -20px 0;} .buy-band img {width: 275px; margin-bottom: -9px;} .buy-band p {font-size: 27px; line-height: 33px; margin-bottom: 0;} .buy-band .btn {margin-top: -42px;} .buy-band a.btn-default {color: #666 !important; border-color: #999; opacity: .95;} .band-blue {background: #155a87;} .band-green {background: #247e7d;} .band-orange {background: #de6830;} .band-gray {background: #e0e4e6;} .band-darkgray {background: #2B3033;} .study-plan-download a {margin-top: 6px;} .text-medium {font-size: 18px; line-height: 24px;} .visible-custom-1, .visible-custom-2 {display: none;} #content.vtne-page .band-b {margin-top: 60px; padding: 60px 0 90px 0;} .bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {color: #333 !important;} /* - - - - - - - - - - NAVIGATION - - - - - - - - - - - */ .navbar {background: #247e7d; border-top: #0c5758 solid 5px; border-bottom: #0c5758 solid 1px;} .navbar-brand img {margin-top: -18px; height: auto;} .nav>li {margin-bottom: 0;} .navbar-inverse .navbar-nav > li > a {font-size: 15px; color: #ccc;} .navbar-nav > li > a {padding-left: 12px; padding-right: 12px;} .navbar-inverse .navbar-nav > li > a:hover {color: #fff;} .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {font-weight: 700; background-color: transparent; color: #fff; box-shadow: none;} .navbar-log-in {padding: 6px 9px !important; margin: 8px 0 0 15px; color: #666 !important; opacity: .85;} .navbar-log-in:focus, .navbar-log-in:active, .navbar-log-in:hover {opacity: 1; background: #fff !important;} .navbar-nav > li > .dropdown-menu {margin-top: -3px !important; border-top-left-radius: 4px; border-top-right-radius: 4px; opacity: .97;} .navbar-nav > li > .dropdown-menu a {color: #de6830;} .navbar-nav > li > .dropdown-menu a:visited, .navbar-nav > li > .dropdown-menu a:hover {color: #b85623; text-decoration: none !important;} .navbar-inverse .navbar-nav>.dropdown>a .caret {border-top-color: #ccc; border-bottom-color: #ccc;} .ten-years {width: 115px; height: auto; position: absolute; top: 13px; left: 265px;} /* - - - - - - - - - - HOME - - - - - - - - - - - */ #header {background-color: #fff; background-image: url('../img/header-home.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; margin-top: 115px; padding-bottom: 40px; height: 333px; position: relative;} .header-intro h1 {font-size: 36px; line-height: 42px; font-weight: 700; margin: -20px 0 0 0; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.4);} .header-intro h2 {font-size: 21px; line-height: 27px; font-weight: 400; margin: 6px 24px 15px 0; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.4);} .login-form {-webkit-box-shadow: 0 0 6px -4px #020303; -moz-box-shadow: 0 0 6px -4px #020303; box-shadow: 0 0 6px -4px #020303; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #c5c5c5; color: #444444; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f1f1f1)); background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1); background-image: -o-linear-gradient(top, #ffffff, #f1f1f1); background-image: linear-gradient(to bottom, #ffffff, #f1f1f1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff1f1f1', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); background-repeat: repeat-x; opacity: .9; padding: 18px 24px; margin-top: -32px;} .login-form h4 {margin: 0 0 6px 0;} #content-home {background: #ffffff; padding-top: 50px; padding-bottom: 20px;} #content-home h2 {font-size: 24px; line-height: 24px; margin: 0 0 6px 0;} #content-home img {width: 100%; height: auto;} #why {background: #fff url('../img/home-partners-back.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 60px 0;} #why .why-tagline {color: #333; font-size: 36px; line-height: 1.5;} #why .why-sub-tagline {color: #555; font-size: 21px; margin: 0 0 24px 0; line-height: 1.5;} /* - - - - - - - - - - SIGN UP & PRICING - - - - - - - - - - - */ #content.pricing-page {padding-bottom: 15px;} .features-table {} .features-table tr td {padding: 0 6px 9px 0;} .features-table tr td.td-icon {text-align: center; vertical-align: top; font-size: 21px;} .btn-middle {margin-right: 9px; margin-left: 9px;} .choose-subscription h4 {margin-top: 7px !important;} ul.selectpicker li {font-size: 13px;} .bootstrap-select.btn-group .dropdown-menu li>.opt {padding-left: 21px;} #PromoInvalid {margin-top: 6px; padding: 9px 15px !important; margin-bottom: 0;} .extensions-hint {font-size: 12px; line-height: 18px; margin-top: 6px;} .credit-checkmark {font-size: 21px; line-height: 33px; margin-left: -15px; color: #aaaaaa;} .credit-checkmark.credit-valid {color: #247E7D;} .pricing-affirm {margin-top: 25px; margin-bottom: 5px; line-height: 1.5;} .logo-affirm {height: 27px; width: auto; margin-top: -17px;} .btn-xl {padding: 15px 24px; font-size: 24px; line-height: 1.3333333; border-radius: 6px;} .payment-options label {font-weight: normal !important;} .payment-option-radios {margin-top: 6px;} .payment-option-radios label:first-child {margin-left: 15px; margin-right: 20px;} .payment-options {margin-top: -9px;} /* - - - - - - - - - - OVERVIEW - - - - - - - - - - - */ p.small {line-height: 18px !important; margin-top: 12px !important;} /* - - - - - - - - - - FEATURES - - - - - - - - - - - */ #content.features-page {padding-bottom: 0; margin-bottom: -15px;} .features-3x3 {padding: 60px 0; margin: 0;} .feature p.feature-pre-title {text-transform: uppercase; margin: 0; padding: 0; text-weight: bold;} .feature h2 {margin: 3px 0px 15px 0px;} .feature p {padding: 0; font-size: 18px; line-height: 27px;} .feature-mobile {padding: 75px 0 30px 0;} .features-grid {margin-bottom: 20px; margin-top: 30px;} .features-grid > div {text-align: center;} .features-grid img {} .features-grid h4 {font-size: 15px; font-weight: bold; line-height: 21px; margin-bottom: 0;} .features-grid p {font-size: 15px;} .peace-of-mind {margin-top: -30px; margin-bottom: -10px;} .peace-of-mind p {font-size: 21px; text-align: left;} .peace-of-mind img {float: left; margin: 0 18px -9px 95px;} .peace-of-mind h4 {color: #247e7d; font-size: 36px; padding-top: 9px; text-align: left;} .full-cert-cont-seal {float: right; width: 150px;} .download-ios {width: 200px; height: auto;} .download-android {height: 89px; width: auto;} /* - - - - - - - - - - WHY IT WORKS - - - - - - - - - - - */ #content.why-it-works-page {padding-bottom: 15px;} .why-it-works-hero {margin-top: -64px; background: url('../img/why-it-works-hero-background.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; text-align: center; min-height: 390px;} .why-it-works-hero img {margin: 0 auto; width: 80%; height: auto; padding: 30px 60px;} p.why-intro {margin-top: -6px; font-size: 24px; line-height: 30px; text-align: center; color: #fff !important;} p.small {line-height: 18px !important; margin-top: 12px !important;} .band-b.vettechprep-students-giving {margin-top: 30px; margin-bottom: -15px; padding-bottom: 90px;} .vettechprep-students-giving .vsg-icons img {margin: 0 auto -15px auto;} .vettechprep-students-giving .vsg-icons a {color: #247e7d; text-transform: uppercase; font-size: 18px; line-height: 21px;} .vettechprep-students-giving .vsg-icons a:hover {color: #1e6867;} .vettechprep-students-giving .vsg-icons a img {opacity: .8;} .vettechprep-students-giving .vsg-icons a img:hover {opacity: 1;} .vettechprep-students-giving .why-tagline {font-size: 36px; color: #155a87; text-align: center; line-height: 42px; margin-bottom: 18px;} .vettechprep-students-giving .why-sub-tagline {color: #6d6e71; font-size: 18px; margin: 0 0 18px 0;} .nav-tabs.why-icon-tabs {border-bottom: none !important; text-align: center; margin-bottom: 6px; margin-top: 46px; width: 342px; margin-left: auto; margin-right: auto;} .nav-tabs.why-icon-tabs li {margin: 0 9px;} .nav-tabs.why-icon-tabs > li a img {width: 100%; height: auto;} .nav-tabs.why-icon-tabs > li > a {border: none !important; background: none !important; opacity: 1;} .nav-tabs.why-icon-tabs > li.active > a {border: none !important; background: none !important; opacity: 1;} .nav-tabs.why-icon-tabs > li:hover > a {border: none !important; background: none !important; opacity: 1;} .nav-tabs.why-icon-tabs li#why-tab-1 {background: url('../img/whyitworks-icon-1-white.png'); width: 96px; height: 96px; background-size: contain; opacity: 1;} .nav-tabs.why-icon-tabs li#why-tab-2 {background: url('../img/whyitworks-icon-2-white.png'); width: 96px; height: 96px; background-size: contain; opacity: 1;} .nav-tabs.why-icon-tabs li#why-tab-3 {background: url('../img/whyitworks-icon-3-white.png'); width: 96px; height: 96px; background-size: contain; opacity: 1;} .nav-tabs.why-icon-tabs li#why-tab-1:hover {opacity: .75;} .nav-tabs.why-icon-tabs li#why-tab-2:hover {opacity: .75;} .nav-tabs.why-icon-tabs li#why-tab-3:hover {opacity: .75;} .nav-tabs.why-icon-tabs li#why-tab-1.active {background: url('../img/whyitworks-icon-1-orange.png'); width: 96px; height: 96px; background-size: contain; opacity: 1;} .nav-tabs.why-icon-tabs li#why-tab-2.active {background: url('../img/whyitworks-icon-2-orange.png'); width: 96px; height: 96px; background-size: contain; opacity: 1;} .nav-tabs.why-icon-tabs li#why-tab-3.active {background: url('../img/whyitworks-icon-3-orange.png'); width: 96px; height: 96px; background-size: contain; opacity: 1;} .nav-tabs.why-icon-tabs li a {display: block; width: 100%; height: 100%;} .why-panels {text-align: center;} .why-panels .tab-pane h3 {color: #de6834;} .why-panels .tab-pane p {color: #fff; opacity: .95; padding-right: 0; font-size: 21px; line-height: 27px;} .whyitworks-methodology-icon {height: 30px; margin-top: -6px;} .band-viralvet {background: #45a7cd; overflow-y: hidden; margin-bottom: 0; padding: 60px 0 !important;} .band-viralvet img.vv-devices {margin-bottom: -249px; margin-top: -18px;} .band-viralvet img.vv-logo {width: 270px; height: auto;} .band-viralvet img.vv-poweredby {width: 200px; height: auto; margin-bottom: 15px; margin-top: 9px;} .band-viralvet h2 {margin-bottom: 0; color: #fff; font-size: 30px; line-height: 36px; font-family: 'Open Sans', Helvetica Neue, Helvetica, sans-serif !important;} .band-viralvet .btn {font-family: 'Open Sans', Helvetica Neue, Helvetica, sans-serif !important;} .study-smarter {padding: 60px 0 45px 0;} /* - - - - - - - - - - ABOUT - - - - - - - - - - - */ #content.about-page {padding-bottom: 0;} .header-about {background: url('../img/about-header.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; margin-top: -64px; height: 350px;} .header-about .overlay {width: 100%; height: 100%; display: block; background: rgba(0,0,0,0.5); text-align: center; padding-top: 132px;} .header-about h3 {color: #fff; font-size: 42px; line-height: 48px;} p.about-intro {margin-top: 45px; margin-bottom: 45px; font-size: 21px; line-height: 27px; text-align: center;} .band-founders {margin: -30px 0 -45px 0 !important; padding: 0;} .our-founders {background: url('../img/about-partners-back.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 350px;} .nav-tabs.about-partner-thumb {border-bottom: none !important;} .nav-tabs.about-partner-thumb > li a img {width: 100%; height: auto;} .nav-tabs.about-partner-thumb > li > a {border: none !important; background: none !important; opacity: .5;} .nav-tabs.about-partner-thumb > li.active > a {border: none !important; background: none !important; opacity: 1;} .nav-tabs.about-partner-thumb > li:hover > a {border: none !important; background: none !important; opacity: 1;} .about-partner-thumb {padding: 12px; margin: 0;} .tab-content {} .tab-pane h3 {color: #fff; padding-top: 24px !important;} .tab-pane h4 {color: #155a87; padding-bottom: 12px;} .tab-pane#ig {background: url('../img/about-partners-ig-full.png'); background-repeat: no-repeat; background-position: right bottom;} .tab-pane#md {background: url('../img/about-partners-md-full.png'); background-repeat: no-repeat; background-position: right bottom;} .tab-pane#ss {background: url('../img/about-partners-ss-full.png'); background-repeat: no-repeat; background-position: right bottom;} .tab-pane#ec {background: url('../img/about-partners-ec-full.png'); background-repeat: no-repeat; background-position: right bottom;} .tab-pane p {font-size: 15px; line-height: 21px; padding-right: 450px;} p.founder-quote {font-style: italic; padding-top: 12px; padding-bottom: 24px; font-size: 18px; line-height: 24px; margin: 0; padding-right: 450px;} .tab-pane .quotation-mark {margin-top: 9px; margin-bottom: 0; color: #000; font-size: 27px; float: left; padding: 6px 18px 12px 0 !important;} .tab-pane#ig p {padding-right: 330px;} .tab-pane#ig p.founder-quote {padding-right: 425px;} .tab-pane#ec p {padding-right: 300px;} .tab-pane#ec p.founder-quote {padding-right: 350px;} .big-quote {font-size: 24px !important;} .quotation-mark.big-quote {font-size: 36px !important; margin-bottom: 0px !important;} .about-founder-candid {} .giving-back {margin: -30px 0 9px 0;} .giving-back h3 img {width: 32px; height: auto; margin-top: -9px;} .giving-back-groups {} .giving-back-groups img {width:50%; height: auto; text-align: center !important;} .giving-back-groups-title {text-transform: uppercase; color: #155a87; font-size: 24px !important; font-weight: bold;} .giving-back-groups p {text-align: center !important; font-size: 15px;} .giving-back-groups a {text-align: center !important;} .our-team {margin-bottom: 0;} .our-history {padding: 60px 0;} .about-special-block {text-align: center;} .about-special-block p {font-size: 15px;} .about-special-block img {width: 70%; height: auto;} .about-special-block .quotation-mark {margin-top: 15px; margin-bottom: 0; color: #155a87; font-size: 27px;} .about-special-block .about-special-block-name {font-weight: 700; margin: 15px 0 0 0; color: #155a87; font-size: 18px;} .about-special-block .about-special-block-title {color: #999; font-size: 18px; font-style: italic;} .history-quote {color: #155a87; font-size: 21px; line-height: 27px; padding: 9px 27px;} .why-band {margin-top: -50px; margin-bottom: -20px;} .why-band .why-tagline {color: #fff; font-size: 36px;} .why-band .why-sub-tagline {color: #eee; font-size: 21px; margin: 0;} .giving-back-modal {text-align: center; margin: 0 auto;} .giving-back-modal img {width: 200px; margin-right: -20px; margin-bottom: -9px;} .about-team-nametitle {margin-top: 12px; margin-bottom: 30px; text-align: center;} /* - - - - - - - - - - TESTIMONIALS - - - - - - - - - - - */ #content.testimonials-page {padding-bottom: 40px;} #testimonials {background: #e0e4e6; padding-top: 80px; padding-bottom: 70px;} .testimonial-a {font-size: 18px; line-height: 24px; text-align: justify;} .testimonial-b {font-size: 18px; line-height: 24px; text-align: justify; color: #118082;} .testimonial-author-a {margin: -6px 0 24px 0; color: #888;} .testimonial-author-b {margin: -6px 0 24px 0; color: #49b0b2;} .testimonial-name {font-weight: 700;} .testimonial-school {font-weight: 700;} .testimonials-footer .testimonial-a {font-size: 21px; line-height: 30px; font-weight: 300;} .testimonials-footer .testimonial-b {font-size: 21px; line-height: 30px; font-weight: 300; color: inherit;} .testimonials-footer .testimonial-author-a {font-size: 15px; line-height: 21px;} .testimonials-footer .testimonial-author-b {color: #888; font-size: 15px; line-height: 21px;} .testimonials-hide {margin-top: -21px;} .testimonials-hide #testimonials {display: none;} .testimonials-hide .view-more-testimonials {display: none;} .quote-blue {color: #118082;} .header-testimonial-spotlight {background: url('../img/testimonial-spotlight-cassidy.jpg'); background-repeat: no-repeat; background-size: cover; background-position: left center; margin-top: -64px; height: 390px; padding-top: 60px; margin-bottom: 30px;} .header-testimonial-spotlight p {color: #fff; font-size: 24px; line-height: 30px;} .header-testimonial-spotlight p .fa {color: #fff;} .header-testimonial-spotlight a.btn {margin-top: 15px;} .testimonial-block {text-align: center;} .testimonial-block p {font-size: 18px;} .testimonial-block img {width: 50%; height: auto;} .testimonial-block .quotation-mark {margin-top: 15px; margin-bottom: 0; color: #155a87; font-size: 27px;} .testimonial-block .testimonial-quote-author {font-weight: 700; margin: 0; color: #155a87;} .testimonial-block .testimonial-quote-author-sub {color: #b3b2b2;} .testimonial-block-blue {text-align: center;} .testimonial-block-blue p {font-size: 18px;} .testimonial-block-blue img {width: 50%; height: auto;} .testimonial-block-blue .quotation-mark {margin-top: 15px; margin-bottom: 0; color: #247e7d; font-size: 27px;} .testimonial-block-blue .testimonial-quote-author {font-weight: 700; margin: 0; color: #247e7d;} .testimonial-block-blue .testimonial-quote-author-sub {color: #b3b2b2;} .testimonial-block-band {padding: 24px;} .testimonial-block-band .quotation-mark {color: #fff; font-size: 27px;} .testimonial-block-band .testimonial-quote {font-size: 18px; color: #fff;} .testimonial-block-band .testimonial-quote-author {font-weight: 700; margin: 0; color: #fff; font-size: 21px;} .testimonial-block-band-light {padding: 24px;} .testimonial-block-band-light .quotation-mark {color: #333; font-size: 27px;} .testimonial-block-band-light .testimonial-quote {font-size: 18px; color: #333;} .testimonial-block-band-light .testimonial-quote-author {font-weight: 700; margin: 0; color: #333; font-size: 21px;} .testimonial-block-b {padding: 24px;} .testimonial-block-b .quotation-mark {margin-top: 9px; margin-bottom: 0; color: #155a87; font-size: 27px;} .testimonial-block-b .testimonial-quote {margin-top: 9px; margin-bottom: 9px; font-size: 18px;} .testimonial-block-b .testimonial-quote-author {font-weight: 700; margin: 0; color: #155a87; font-size: 18px; line-height: 21px;} .testimonial-block-b .testimonial-quote-author span {font-weight: 400; font-size: 15px;} .testimonial-block-b.color-block {padding: 24px; background: #155a87;} .testimonial-block-b.color-block .quotation-mark {margin-top: 9px; margin-bottom: 0; color: #fff; font-size: 27px;} .testimonial-block-b.color-block .testimonial-quote {margin-top: 9px; margin-bottom: 9px; font-size: 18px; color: #fff;} .testimonial-block-b.color-block .testimonial-quote-author {font-weight: 700; margin: 0; color: #fff; font-size: 18px; line-height: 21px;} .testimonial-block-c {text-align: center; padding: 18px 30px 0px 30px;} .testimonial-block-c .quotation-mark {margin-top: 9px; margin-bottom: 0; color: #247e7d; font-size: 27px;} .testimonial-block-c .testimonial-quote {margin-top: 9px; margin-bottom: 9px; font-size: 18px;} .testimonial-block-c .testimonial-quote-author {font-weight: 700; margin: 0; color: #247e7d; font-size: 18px;} .testimonial-block-c .testimonial-quote-author-location {font-weight: 400; margin: 0; color: #247e7d; font-size: 15px; margin-bottom: 18px;} .testimonial-block-c.color-block {text-align: center; background: #247e7d; padding: 18px 30px 24px 30px;} .testimonial-block-c.color-block .quotation-mark {margin-top: 9px; margin-bottom: 0; color: #fff; font-size: 27px;} .testimonial-block-c.color-block .testimonial-quote {margin-top: 9px; margin-bottom: 9px; font-size: 18px; color: #fff;} .testimonial-block-c.color-block .testimonial-quote-author {font-weight: 700; margin: 0; color: #fff; font-size: 18px;} .testimonial-block-c.color-block .testimonial-quote-author-location {font-weight: 400; margin: 0; color: #fff; font-size: 15px; margin-bottom: 18px;} .testimonial-block-d {text-align: center; padding: 18px 30px 0px 30px;} .testimonial-block-d .quotation-mark {margin-top: 9px; margin-bottom: 0; color: #de6830; font-size: 27px;} .testimonial-block-d .testimonial-quote {margin-top: 9px; margin-bottom: 9px; font-size: 18px;} .testimonial-block-d .testimonial-quote-author {font-weight: 700; margin: 0; color: #de6830; font-size: 18px;} .testimonial-block-d .testimonial-quote-author-location {font-weight: 400; margin: 0; color: #de6830; font-size: 15px; margin-bottom: 18px;} .testimonial-block-d.color-block {text-align: center; background: #de6830; padding: 18px 30px 24px 30px;} .testimonial-block-d.color-block .quotation-mark {margin-top: 9px; margin-bottom: 0; color: #fff; font-size: 27px;} .testimonial-block-d.color-block .testimonial-quote {margin-top: 9px; margin-bottom: 9px; font-size: 18px; color: #fff;} .testimonial-block-d.color-block .testimonial-quote-author {font-weight: 700; margin: 0; color: #fff; font-size: 18px;} .testimonial-block-d.color-block .testimonial-quote-author-location {font-weight: 400; margin: 0; color: #fff; font-size: 15px; margin-bottom: 18px;} .testimonial-band .testimonial-block-b .quotation-mark, .testimonial-band .testimonial-block-b .testimonial-quote, .testimonial-band .testimonial-block-b .testimonial-quote-author {color: #fff !important;} .block-green, .block-green .quotation-mark, .block-green .testimonial-quote-author, .block-green .testimonial-quote-author-location {color: #247e7d !important;} .block-green .testimonial-quote {color: #333 !important;} .block-green.color-block, .block-green.color-block .quotation-mark, .block-green.color-block .testimonial-quote, .block-green.color-block .testimonial-quote-author, .block-green.color-block .testimonial-quote-author-location {background: #247e7d !important; color: #fff !important;} .block-blue, .block-blue .quotation-mark, .block-blue .testimonial-quote-author, .block-blue .testimonial-quote-author-location {color: #155a87 !important;} .block-blue .testimonial-quote {color: #333 !important;} .block-blue.color-block, .block-blue.color-block .quotation-mark, .block-blue.color-block .testimonial-quote, .block-blue.color-block .testimonial-quote-author, .block-blue.color-block .testimonial-quote-author-location {background: #155a87 !important; color: #fff !important;} .band-large-text .testimonial-block-band .testimonial-quote {font-size: 21px !important; margin-left: -42px;} .band-large-text .testimonial-block-band .testimonial-quote-author {font-size: 24px !important; margin-left: -42px;} .band-large-text .testimonial-block-band-light .testimonial-quote {font-size: 21px !important; margin-left: -42px;} .band-large-text .testimonial-block-band-light .testimonial-quote-author {font-size: 24px !important; margin-left: -42px;} .testimonial-block-b .testimonial-quote {margin-left: -42px;} .testimonial-block-b .testimonial-quote-author {margin-left: -42px !important;} .testimonial-band {margin: 0 !important; padding: 60px 0 45px 0;} /* - - - - - - - - - - FREQUENTLY ASKED QUESTIONS - - - - - - - - - - - */ .faq-question {font-weight: 700; font-size: 18px; line-height: 21px; margin-top: 24px;} .faq-anchor {height: 50px; display: block; margin-top: -50px;} /* - - - - - - - - - - FOOTER - - - - - - - - - - - */ #bottom {background: #3E4549; padding-top: 50px; padding-bottom: 20px;} #bottom hr {border: 0; height: 0; border-top: 1px solid #262a2c !important; border-bottom: 1px solid rgba(97,102,104,0.85) !important; padding-bottom: 0px;} .social-links {text-align: right;} ul.social-icons {padding-right: 0 !important; list-style: none; margin-right: 0px;} ul.social-icons li {display: inline; padding-left: 20px; line-height: 50px; font-size: 15px;} ul.social-icons li a {color: #778489; text-decoration: none; display: inline;} ul.social-icons li a:hover {color: #fff; bottom: 0px; text-decoration: none; transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;} ul.social-icons {padding-left: 0 !important;} ul.social-icons li:last-child {padding-right: 0; margin-right: 0;} ul.social-icons li a:hover {color: #fff; bottom: 0px;} .download-buttons {text-align: left; margin-top: -31px; margin-bottom: 9px;} #bottom .download-ios {height: 40px; width: 135px !important;} #bottom .download-android {height: 60px;} #footer a {color: rgba(255,255,255,0.5) !important;} #footer a:hover, #footer a:focus, #footer a:visited {color: rgba(255,255,255,0.4) !important;} #footer .vtne-trademark {margin-top: 9px;} #footer .copyright {margin-top: 15px;} #footer .edcetera-logo {text-align: right; top: -6px;} #footer .edcetera-logo img {width: 210px; height: auto;} /* OLD #bottom {background: #3E4549; padding-top: 60px; padding-bottom: 20px;} ul.social-icons {padding-left: 0 !important;} ul.social-icons li:last-child {padding-right: 0; margin-right: 0;} ul.social-icons li a:hover {color: #fff; bottom: 0px;} #bottom hr {height: 1px; border-top: 1px solid #262a2c; border-bottom: 1px solid rgba(97,102,104,0.85); padding-bottom: 0; margin-top: 45px !important;} #footer {padding-top: 30px;} #footer p {line-height: 15px;} */ /* - - - - - - - - - - DIVPEEK ANIMATIONS FOR HOMEPAGE FEATURES - - - - - - - - - - - */ #scrollfx1.inViewPort{ -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -o-transition: .5s ease-in; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #scrollfx1.outViewPort{ opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } #scrollfx2.inViewPort{ -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -o-transition: .5s ease-in; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #scrollfx2.outViewPort{ opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } #scrollfx3.inViewPort{ -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -o-transition: .5s ease-in; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #scrollfx3.outViewPort{ opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } #scrollfx4.inViewPort{ -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -o-transition: .5s ease-in; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #scrollfx4.outViewPort{ opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } #scrollfx5.inViewPort{ -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -o-transition: .5s ease-in; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #scrollfx5.outViewPort{ opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } /* - - - - - - - - - - CUSTOM BUTTONS - - - - - - - - - - - */ .btn-green { color: #ffffff; background-color: #247E7D; border-color: #186766; } .btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green { color: #ffffff; background-color: #186766; border-color: #186766; } .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green { background-image: none; } .btn-green.disabled, .btn-green[disabled], fieldset[disabled] .btn-green, .btn-green.disabled:hover, .btn-green[disabled]:hover, fieldset[disabled] .btn-green:hover, .btn-green.disabled:focus, .btn-green[disabled]:focus, fieldset[disabled] .btn-green:focus, .btn-green.disabled:active, .btn-green[disabled]:active, fieldset[disabled] .btn-green:active, .btn-green.disabled.active, .btn-green[disabled].active, fieldset[disabled] .btn-green.active { background-color: #247E7D; border-color: #186766; } .btn-green .badge { color: #247E7D; background-color: #ffffff; } .btn-orange { color: #ffffff; background-color: #DE6830; border-color: #B85623; } .btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange { color: #ffffff; background-color: #b85623; border-color: #B85623; } .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange { background-image: none; } .btn-orange.disabled, .btn-orange[disabled], fieldset[disabled] .btn-orange, .btn-orange.disabled:hover, .btn-orange[disabled]:hover, fieldset[disabled] .btn-orange:hover, .btn-orange.disabled:focus, .btn-orange[disabled]:focus, fieldset[disabled] .btn-orange:focus, .btn-orange.disabled:active, .btn-orange[disabled]:active, fieldset[disabled] .btn-orange:active, .btn-orange.disabled.active, .btn-orange[disabled].active, fieldset[disabled] .btn-orange.active { background-color: #DE6830; border-color: #B85623; } .btn-orange .badge { color: #DE6830; background-color: #ffffff; } .btn-blue { color: #ffffff; background-color: #155A87; border-color: #0F4B72; } .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue { color: #ffffff; background-color: #0f4b72; border-color: #0F4B72; } .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue { background-image: none; } .btn-blue.disabled, .btn-blue[disabled], fieldset[disabled] .btn-blue, .btn-blue.disabled:hover, .btn-blue[disabled]:hover, fieldset[disabled] .btn-blue:hover, .btn-blue.disabled:focus, .btn-blue[disabled]:focus, fieldset[disabled] .btn-blue:focus, .btn-blue.disabled:active, .btn-blue[disabled]:active, fieldset[disabled] .btn-blue:active, .btn-blue.disabled.active, .btn-blue[disabled].active, fieldset[disabled] .btn-blue.active { background-color: #155A87; border-color: #0F4B72; } .btn-blue .badge { color: #155A87; background-color: #ffffff; } .btn-red { color: #ffffff; background-color: #8E120D; border-color: #6E0804; } .btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .open .dropdown-toggle.btn-red { color: #ffffff; background-color: #780A06; border-color: #6E0804; } .btn-red:active, .btn-red.active, .open .dropdown-toggle.btn-red { background-image: none; } .btn-red.disabled, .btn-red[disabled], fieldset[disabled] .btn-red, .btn-red.disabled:hover, .btn-red[disabled]:hover, fieldset[disabled] .btn-red:hover, .btn-red.disabled:focus, .btn-red[disabled]:focus, fieldset[disabled] .btn-red:focus, .btn-red.disabled:active, .btn-red[disabled]:active, fieldset[disabled] .btn-red:active, .btn-red.disabled.active, .btn-red[disabled].active, fieldset[disabled] .btn-red.active { background-color: #8E120D; border-color: #6E0804; } .btn-red .badge { color: #8E120D; background-color: #ffffff; } .btn-white { color: #CCC; background-color: transparent; border-color: #CCC; } .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white { color: #FFFFFF; background-color: rgba(255,255,255,.05); border-color: #FFF; } .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white { background-image: none; } .btn-white.disabled, .btn-white[disabled], fieldset[disabled] .btn-white, .btn-white.disabled:hover, .btn-white[disabled]:hover, fieldset[disabled] .btn-white:hover, .btn-white.disabled:focus, .btn-white[disabled]:focus, fieldset[disabled] .btn-white:focus, .btn-white.disabled:active, .btn-white[disabled]:active, fieldset[disabled] .btn-white:active, .btn-white.disabled.active, .btn-white[disabled].active, fieldset[disabled] .btn-white.active { background-color: transparent; border-color: #AAA; } .btn-allwhite { color: #FFF; background-color: transparent; border-color: #FFF; } .btn-allwhite:hover, .btn-allwhite:focus, .btn-allwhite:active, .btn-allwhite.active, .open .dropdown-toggle.btn-allwhite { color: #FFFFFF; background-color: rgba(255,255,255,.1); border-color: #FFF; } .btn-allwhite:active, .btn-allwhite.active, .open .dropdown-toggle.btn-allwhite { background-image: none; } .btn-allwhite.disabled, .btn-allwhite[disabled], fieldset[disabled] .btn-allwhite, .btn-allwhite.disabled:hover, .btn-allwhite[disabled]:hover, fieldset[disabled] .btn-allwhite:hover, .btn-allwhite.disabled:focus, .btn-allwhite[disabled]:focus, fieldset[disabled] .btn-allwhite:focus, .btn-allwhite.disabled:active, .btn-allwhite[disabled]:active, fieldset[disabled] .btn-allwhite:active, .btn-allwhite.disabled.active, .btn-allwhite[disabled].active, fieldset[disabled] .btn-allwhite.active { background-color: transparent; border-color: #FFF; } a.btn.btn-primary, a.btn.btn-danger, a.btn.btn-info, a.btn.btn-success, a.btn.btn-warning, a.btn.btn-blue, a.btn.btn-aqua, a.btn.btn-red, a.btn.btn-green, a.btn.btn-orange, a.btn.btn-purple, a.btn.btn-blue, a.btn.btn-aqua, a.btn.btn-white, a.btn.btn-allwhite {color: #fff;} /* ========================================================================== Responsive Styles ========================================================================== */ /* Small phones and down */ @media (max-width: 320px) { .header-intro {margin-top: 86px !important;} #givingBackInitiativesModal a img {width: 100%; height: auto;} .header-about h3 {font-size: 21px !important; line-height: 27px !important;} .header-about h3 .hidden-sm.hidden-md {display: none !important;} .header-about .overlay {padding-top: 29px !important;} .why-panels .tab-pane p {padding-bottom: 30px;} .vettechprep-students-giving .vsg-icons a {font-size: 12px !important; line-height: 18px !important;} } /* XS Landscape phones and down */ @media (max-width: 480px) { h1 {font-size: 36px; line-height: 39px; letter-spacing: -1px; font-weight: 300;} h2 {font-size: 30px; line-height: 33px; letter-spacing: 0px; font-weight: 300;} h3 {font-size: 27px; line-height: 30px; letter-spacing: 0px; font-weight: 300;} h4 {font-size: 24px; line-height: 27px; letter-spacing: 0px; font-weight: 300;} h5 {font-size: 18px; line-height: 21px; letter-spacing: 0px; font-weight: 300;} h1.two-line {line-height: 65%; padding-top: 9px; padding-bottom: 7px;} #header {margin-top: 45px; height: 300px; margin-bottom: 12px; background-image: url('../img/header-home-480.jpg');} .header-intro {background: rgba(0,0,0,0.60); padding: 9px 12px 15px 12px; margin-top: 104px; text-align: center;} .header-intro h1 {font-size: 24px; line-height: 30px; font-weight: 700; margin: 0 0 6px 0 !important;} .header-intro h2 {font-size: 13px; line-height: 18px; font-weight: 400; margin: 0;} h3.intro {margin-bottom: 0;} .navbar-brand {padding-bottom: 12px !important;} .navbar-brand img {width: 130px; margin-top: -5px !important;} .navbar-toggle {margin-top: 10px; margin-right: 10px;} .navbar-collapse {max-height: 366px;} .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color: #eee;} .home-feature-1 {margin-top: 30px; text-align: center;} .home-feature-3, .home-feature-5, .home-feature-7, .home-feature-9 {margin-top: -15px; text-align: center;} .home-feature-2, .home-feature-4, .home-feature-6, .home-feature-8, .home-feature-10 {margin-top: 15px; text-align: center;} #page-title {padding-top: 70px;} #page-title h1 {font-size: 21px; margin-top: 5px;} .title-white {background: #666; padding-bottom: 3px;} #content {padding-top: 100px; padding-bottom: 40px;} #content-home {padding-top: 0px; padding-bottom: 21px; margin-top: -15px;} #content-home img {width: auto;} #content.sign-up-and-pricing {padding-bottom: 10px;} #content.about-page {padding-top: 78px;} /* Not an issue on xprepdev but should fix issue on www-test/prod. Causes top truncation on xprepdev though. */ .faq-anchor-1, .faq-anchor-2 {margin-bottom: 12px;} .band-a.home {padding: 18px 0 21px 0 !important; margin: -12px 0 0 0 !important;} .band-a {padding: 25px 0 12px 0 !important;} .band-b {padding: 30px 0 30px 0 !important;} .band-a.band-final {margin-bottom: -10px;} .band-b.band-final {margin-bottom: -40px;} .band-a:first-child {margin: 5px 0 15px 0; padding: 0 0 15px 0;} .band-a img {margin-top: 12px;} .band-b img {margin-bottom: 15px;} .mobile-devices {text-align: center; margin: 42px auto 0 auto;} .feature-format {margin-bottom: 30px;} .forfaculty-classroom {margin-bottom: 27px;} #testimonials {padding-top: 40px; padding-bottom: 30px;} .testimonial-a {text-align: left;} .testimonial-b {text-align: left;} .testimonials-footer .testimonial-a {font-size: 18px; line-height: 24px;} .testimonials-footer .testimonial-b {font-size: 18px; line-height: 24px; color: inherit;} .sign-up-form-heading {margin-bottom: 10px;} .forgot-password {padding-left: 0 !important;} .anchor {margin-bottom: -25px;} #bottom {padding-top: 50px; padding-left: 10px; padding-right: 10px;} .form-horizontal h2.margin-30 {margin-bottom: 12px !important;} .header-about {height: 139px; margin-top: -17px;} .header-about h3 {font-size: 21px; line-height: 27px;} .overlay {padding-top: 43px !important;} .our-team h3, .our-team p {text-align: center;} .our-founders {padding-top: 15px; padding-bottom: 21px;} .band-founders {padding: 0px 0 12px 0 !important;} .nav-tabs.about-partner-thumb>li {width: 50%;} .tab-pane h3 {padding-top: 6px !important;} .tab-pane h4 {margin-top: 0px;} .tab-pane#ig {background-image: none;} .tab-pane#ig p {padding-right: 0px;} .tab-pane#ig p.founder-quote {padding-right: 0px;} .tab-pane#md {background-image: none;} .tab-pane#md p {padding-right: 0px;} .tab-pane#md p.founder-quote {padding-right: 0px;} .tab-pane#ss {background-image: none;} .tab-pane#ss p {padding-right: 0px;} .tab-pane#ss p.founder-quote {padding-right: 0px;} .tab-pane#ec {background-image: none;} .tab-pane#ec p {padding-right: 0px;} .tab-pane#ec p.founder-quote {padding-right: 0px;} .quotation-mark.big-quote {margin-bottom: 0px !important;} .band-a.giving-back {padding-bottom: 18px !important; padding-top: 27px !important;} .band-b.vetprep-students-giving {margin-bottom: 0px;} .our-history {padding-bottom: 36px !important; padding-top: 36px !important;} #content.why-it-works-page {padding-bottom: 0px;} .why-it-works-hero {margin-top: -42px; min-height: 340px;} .why-it-works-hero img {padding: 30px 10px;} .nav-tabs.why-icon-tabs {margin-bottom: 6px; margin-top: 46px; width: 297px; margin-left: auto; margin-right: auto;} .nav-tabs.why-icon-tabs li#why-tab-1, .nav-tabs.why-icon-tabs li#why-tab-2, .nav-tabs.why-icon-tabs li#why-tab-3, .nav-tabs.why-icon-tabs li#why-tab-4 {width: 75px; height: 75px;} .nav-tabs.why-icon-tabs li#why-tab-1.active, .nav-tabs.why-icon-tabs li#why-tab-2.active, .nav-tabs.why-icon-tabs li#why-tab-3.active, .nav-tabs.why-icon-tabs li#why-tab-4.active {width: 75px; height: 75px;} .why-panels .tab-pane h3 {font-size: 24px; line-height: 30px;} .why-panels .tab-pane p {font-size: 18px; line-height: 24px; padding-bottom: 30px;} .study-smarter {margin-bottom: -30px !important; text-align: center;} .whyitworks-methodology-icon {display: block; text-align: center; margin: 0 auto 6px auto; height: 45px; width: auto;} .methodology {text-align: center;} .methodology h4 {font-size: 21px; margin-bottom: 3px;} .vettechprep-students-giving .vsg-icons a {font-size: 15px; line-height: 21px;} p.why-intro {margin-top: 0px !important; font-size: 18px; line-height: 24px; margin-bottom: 0;} .savma-report {margin: 21px 0 15px 0;} .vetprep-students-giving {margin-top: 0px !important;} .band-viralvet img.vv-devices {margin-top: -6px;} #content.features-page {margin-top: 0px;} .features-grid div img {margin-top: 15px;} .features-grid div:first-child img {margin-top: 0px;} .savma-intro {font-size: 24px;} .peace-of-mind {text-align: center; margin-bottom: -10px; margin-top: 0px;} .peace-of-mind .col-centered {text-align: center;} .peace-of-mind img {float: none; margin: 0 auto -9px auto; text-align: center; width: 114px; height: auto;} .peace-of-mind h4 {font-size: 24px; text-align: center;} .peace-of-mind p {font-size: 15px; text-align: center;} .feature h2, .feature .feature-pre-title, .feature-description {text-align: center;} .feature-pre-title {margin-top: 9px !important;} #content.testimonials-page {padding-bottom: 21px;} #content.testimonials-page h3.margin-60 {margin-bottom: 3px !important; margin-top: 15px !important;} #content.testimonials-page div.row.margin-60 {margin-bottom: 40px !important;} #content.testimonials-page .testimonial-band {margin-top: -15px !important;} .header-testimonial-spotlight {background-position: -436px 0;} .header-testimonial-spotlight p {font-size: 15px; line-height: 21px; text-shadow: 0px 0px 1px rgba(0,0,0,.20);} .testimonial-block {margin-bottom: 21px;} .testimonial-block-c.color-block {margin-top: 21px;} .testimonial-block-d.color-block {margin-top: 27px;} .band-viralvet .band-viralvet-right {text-align: center;} .band-viralvet img.vv-devices {margin-bottom: 0;} .band-viralvet img.vv-logo {width: 200px;} .band-viralvet h2 {font-size: 21px; line-height: 27px;} .band-viralvet p {margin: 0;} .band-large-text .testimonial-block-band .quotation-mark {text-align: center;} .band-large-text .testimonial-block-band .testimonial-quote {font-size: 18px !important; margin-left: 0; text-align: center;} .band-large-text .testimonial-block-band .testimonial-quote-author {font-size: 21px !important; margin-left: 0; text-align: center;} .testimonial-block-b .quotation-mark {text-align: center;} .testimonial-block-b .testimonial-quote {margin-left: 0; text-align: center;} .testimonial-block-b .testimonial-quote-author {margin-left: 0; text-align: center;} #why {padding: 40px 0 60px 0;} #why .why-tagline {font-size: 24px;} #why .why-sub-tagline {font-size: 15px;} .why-band {padding: 30px 0 10px 0;} .why-band .why-tagline {font-size: 24px;} .why-band .why-sub-tagline {font-size: 15px;} .buy-band {padding: 30px 0 30px 0;} .buy-band img {width: 250px; height: auto;} .buy-band p {font-size: 21px; line-height: 27px;} .buy-band .btn {margin-top: 20px; margin-bottom: 12px;} .buy-band.band-bottom {margin: 0 0 0 0;} .intro-band {margin-top: -42px;} .about-special-block {margin-bottom: 30px;} .about-special-block:last-child {margin-bottom: 0px;} #givingBackInitiativesModal a img {width: 100%; height: auto;} .the-idea {text-align: center;} .study-plan-download a:first-child {margin-bottom: 6px;} .login-form {margin-top: 21px;} #content.contact-page {text-align: center;} #content.contact-page .fa-stack {display: none;} #content.vtne-page .band-b {margin-top: 40px;} .download-android {margin-top: 0 !important;} #bottom {padding-top: 30px; padding-bottom: 12px;} .footer-links-left {float: none; text-align: center;} .footer-links-right {float: none; text-align: center; font-weight: bold; margin-bottom: 18px !important;} .social-links {text-align: center;} .social-icons {margin-bottom: 0; margin-top: 0px; margin-left: 0; padding-left: 0;} ul.social-icons li:first-child {padding-left: 0;} .download-buttons {text-align: center;} .download-buttons a:first-child {padding-left: 10px;} .study-plan-download a {margin-top: 6px;} .choose-subscription .btn {margin-bottom: 12px;} .choose-subscription .btn.btn-middle {font-size: 21px !important;} .pricing-affirm {margin-top: 12px; margin-bottom: 0;} #footer .copyright {text-align: center;} #footer .edcetera-logo {text-align: center; top: 0;} } /* Landscape phone to portrait tablet */ @media (min-width: 481px) and (max-width: 767px) { h1 {font-size: 36px; line-height: 39px; letter-spacing: -1px; font-weight: 300;} h2 {font-size: 30px; line-height: 33px; letter-spacing: 0px; font-weight: 300;} h3 {font-size: 27px; line-height: 30px; letter-spacing: 0px; font-weight: 300;} h4 {font-size: 24px; line-height: 27px; letter-spacing: 0px; font-weight: 300;} h5 {font-size: 18px; line-height: 21px; letter-spacing: 0px; font-weight: 300;} .navbar-fixed-top {position: relative !important;} .navbar {margin-bottom: 0 !important;} #header {height: 300px; margin-top: -30px; padding-top: 0 !important; background-image: url('../img/header-home-481-767.jpg');} .header-intro {background: rgba(0,0,0,0.60); padding: 9px 12px 15px 12px; margin-top: 151px; text-align: center;} .header-intro h1 {font-size: 24px; line-height: 27px; font-weight: 700; margin: 0 0 6px 0 !important;} .header-intro h2 {font-size: 13px; line-height: 18px; font-weight: 400; margin: 0;} .navbar-brand img {width: 140px; margin-top: -3px !important;} .navbar-toggle {margin-top: 13px; margin-right: 12px;} .navbar-collapse {max-height: 366px;} .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color: #eee;} .login-form {margin-top: 29px;} .home-feature-1 {margin-top: 30px; text-align: center;} .home-feature-3, .home-feature-5, .home-feature-7, .home-feature-9 {margin-top: -15px; text-align: center;} .home-feature-2, .home-feature-4, .home-feature-6, .home-feature-8, .home-feature-10 {margin-top: 15px; text-align: center;} #content {padding-top: 40px; padding-bottom: 40px;} #content-home {padding-top: 0px; margin-top: -30px; padding-bottom: 21px;} #content-home img {width: auto;} #content.sign-up-and-pricing {padding-bottom: 0;} .choose-subscription .btn {margin-bottom: 12px;} .band-a {padding: 25px 0 12px 0 !important;} .band-b {padding: 40px 0 30px 0 !important;} .band-a.band-final {margin-bottom: -10px;} .band-b.band-final {margin-bottom: -40px;} .band-a:first-child {margin: 5px 0 15px 0; padding: 0 0 15px 0 !important;} .band-a.home {padding: 30px 0 30px 0 !important; margin: 0;} .band-b.vettechprep-students-giving {padding-bottom: 60px !important;} .dose-email {margin: 12px 0 0 0 !important;} .anchor {margin-bottom: -25px;} .faq-anchor-3, .faq-anchor-4 {margin-top: 12px;} .sign-up-form-heading {margin-bottom: 10px;} #testimonials {background: #E4E9EA; padding-top: 40px; padding-bottom: 40px;} .testimonials-footer .testimonial-a {font-size: 17px; line-height: 27px; font-weight: 300;} .testimonials-footer .testimonial-b {font-size: 17px; line-height: 27px; font-weight: 300; color: inherit;} .form-horizontal h2.margin-30 {margin-bottom: 12px !important;} .the-idea {text-align: center;} #content.features-page {padding-top: 45px; padding-bottom: 75px; margin-top: 0px;} .features-grid div img {margin-top: 15px;} .features-grid div:first-child img {margin-top: 0px;} .peace-of-mind {text-align: center; margin-top: -15px; margin-bottom: -10px;} .peace-of-mind .col-centered {text-align: center;} .peace-of-mind img {float: none; margin: 0 auto -9px auto; text-align: center;} .peace-of-mind h4 {font-size: 24px; text-align: center;} .peace-of-mind p {font-size: 15px; text-align: center;} .features-page .band-b {padding-top: 30px;} .feature-pre-title {margin-top: 9px !important;} .band-viralvet .band-viralvet-right {text-align: center;} .band-viralvet img.vv-devices {margin-bottom: 0;} .band-viralvet img.vv-logo {} .band-viralvet h2 {font-size: 21px; line-height: 27px;} .band-viralvet p {margin: 0;} .band-large-text .testimonial-block-band .quotation-mark {text-align: center;} .band-large-text .testimonial-block-band .testimonial-quote {font-size: 18px !important; margin-left: 0px; text-align: center;} .band-large-text .testimonial-block-band .testimonial-quote-author {font-size: 21px !important; margin-left: 0px; text-align: center;} .testimonial-block-b .quotation-mark {text-align: center;} .testimonial-block-b .testimonial-quote {margin-left: 0; text-align: center;} .testimonial-block-b .testimonial-quote-author {margin-left: 0; text-align: center;} .testimonial-band {padding: 24px 0 30px 0 !important;} #why {padding: 30px 0 60px 0;} #why .why-tagline {font-size: 27px; line-height: 33px;} #why .why-sub-tagline {font-size: 18px; line-height: 24px;} .why-it-works-hero {margin-top: -44px;} .intro-band {margin-top: -45px;} .buy-band .btn {margin-top: 20px; margin-bottom: 12px;} .buy-band.band-bottom {margin: 0 0 -20px 0;} .header-testimonial-spotlight {background-position: -346px 0;} .header-testimonial-spotlight p {font-size: 21px; line-height: 27px;} .testimonial-block {margin-bottom: 21px;} .testimonial-block-c.color-block {margin-top: 21px;} .our-founders {padding-top: 21px; padding-bottom: 36px;} .nav-tabs.about-partner-thumb>li {width: 50%;} .tab-pane h3 {padding-top: 6px !important;} .tab-pane#ig {background-image: none;} .tab-pane#ig p {padding-right: 0px;} .tab-pane#ig p.founder-quote {padding-right: 0px;} .tab-pane#md {background-image: none;} .tab-pane#md p {padding-right: 0px;} .tab-pane#md p.founder-quote {padding-right: 0px;} .tab-pane#ss {background-image: none;} .tab-pane#ss p {padding-right: 0px;} .tab-pane#ss p.founder-quote {padding-right: 0px;} .tab-pane#ec {background-image: none;} .tab-pane#ec p {padding-right: 0px;} .tab-pane#ec p.founder-quote {padding-right: 0px;} .visible-custom-1 {display: inline;} #content.vtne-page .band-b {margin-top: 40px;} .social-links {text-align: center; margin-bottom: -6px;} .social-icons {margin-bottom: 0; margin-top: 0px; margin-left: 0; padding-left: 0;} ul.social-icons li:first-child {padding-left: 0;} .download-buttons {text-align: center;} .download-buttons a:first-child {padding-left: 10px;} #bottom {padding-top: 30px; padding-bottom: 18px;} .footer-links-left {float: none; text-align: center;} .footer-links-right {float: none; text-align: center; font-weight: bold; margin-bottom: 18px !important;} .choose-subscription .btn {margin-bottom: 12px; display: block; margin-left: auto; margin-right: auto; width:50%;} .choose-subscription .btn.btn-middle {width: 75%;} .band-a.band-founders {padding-top: 0 !important;} #footer .vtne-trademark {text-align: center;} #footer .copyright {text-align: center;} #footer .edcetera-logo {text-align: center; top: 0;} } /* Tablets - Disable Animate.css Animations */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) , only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .animated { /*CSS transitions*/ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; /*CSS animations*/ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } } /* SM Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 991px) { h1 {font-size: 36px; line-height: 39px; letter-spacing: -1px; font-weight: 300;} h2 {font-size: 30px; line-height: 33px; letter-spacing: 0px; font-weight: 300;} h3 {font-size: 27px; line-height: 30px; letter-spacing: 0px; font-weight: 300;} h4 {font-size: 24px; line-height: 27px; letter-spacing: 0px; font-weight: 300;} h5 {font-size: 18px; line-height: 21px; letter-spacing: 0px; font-weight: 300;} #content {padding-top: 150px; padding-bottom: 40px;} .navbar-brand {margin-top: 0px !important;} .navbar-brand img {width: 170px; margin-top: 7px !important;} .navbar .nav {margin: 20px 0px 18px 0px;} .navbar-nav > li > a {padding-left: 5px; padding-right: 5px; font-size: 12px !important;} .navbar-log-in {margin-left: 6px !important; margin-top: 11px; padding: 3px 6px !important;} #header {margin-top: 94px; height: 340px; background-image: url('../img/header-home-768-991.jpg');} .header-intro h2 {width: 345px;} .tablet-black-bg {height: 100%; width: 55%; background: rgba(0,0,0,0.60); z-index: 0; position: absolute; top: 0; left: 0;} .login-form {margin-top: 30px !important; margin-bottom: 12px;} .dose-email {margin: 6px 0 12px 0 !important;} .vetexam-email {margin-bottom: -12px;} #content-home {padding-top: 40px; margin-top: 0px; padding-bottom: 30px;} #content-home img {width: 115%; padding: 0 6px 6px 6px;} .home-feature-1 {margin-top: 15px;} .home-feature-3, .home-feature-5, .home-feature-7, .home-feature-9 {margin-top: -15px;} .home-feature-2, .home-feature-4, .home-feature-6, .home-feature-8, .home-feature-10 {margin-top: 15px;} .home {padding-bottom: 25px !important; margin-bottom: 0px !important;} h3 small {display: block; font-size: 16px;} h3 {line-height: 39px;} #testimonials {padding-top: 40px; padding-bottom: 30px;} .title-white {border-top: 1px solid #471023 !important; margin-bottom: 0px !important; margin-top: 0px !important; background: #666;} #loginModal .modal-dialog {width: 450px;} .band-a:first-child {padding: 21px 0 !important;} .band-a {padding: 45px 0 30px 0;} .band-b {padding: 45px 0;} .band-b .feature-pre-title {margin-top: 15px !important;} .band-a.band-final {margin-bottom: -30px;} .row.feature .col-md-7 {text-align: center;} .row.feature .col-md-7 img {margin: 0 auto;} .mobile-devices {margin-top: 42px;} .anchor {margin-bottom: -25px;} .sign-up-form-heading {margin-bottom: 15px;} .choose-subscription .btn {margin-bottom: 12px; display: block; margin-left: auto; margin-right: auto; width:50%;} .choose-subscription .btn.btn-middle {width: 60%;} .testimonials-footer .testimonial-a {font-size: 17px; line-height: 27px; font-weight: 300;} .testimonials-footer .testimonial-b {font-size: 17px; line-height: 27px; font-weight: 300; color: inherit;} .the-idea {text-align: center;} .band-viralvet img.vv-logo {width: 210px;} .band-viralvet h2 {font-size: 21px; line-height: 27px;} .band-viralvet p {margin: 0;} .header-testimonial-spotlight {background-position-x: -340px;} .testimonial-block p {font-size: 15px;} .testimonial-block img {width: 75%; height: auto;} .testimonial-block .testimonial-quote-author {font-size: 18px;} .testimonial-block-b.color-block .testimonial-quote {font-size: 15px;} .testimonial-block-c.color-block .testimonial-quote {font-size: 15px;} .testimonial-block-b.color-block .testimonial-quote-author {font-size: 18px;} .testimonial-block-c.color-block .testimonial-quote-author {font-size: 18px;} .testimonial-block-b .testimonial-quote {font-size: 15px;} .testimonial-block-c .testimonial-quote {font-size: 15px;} .testimonial-block-b .testimonial-quote-author {font-size: 18px;} .testimonial-block-c .testimonial-quote-author {font-size: 18px;} .why-band {margin-top: -30px;} #why .why-tagline {font-size: 27px; line-height: 33px;} #why .why-sub-tagline {font-size: 18px; line-height: 24px;} .band-large-text .testimonial-block-band .testimonial-quote {font-size: 18px !important; margin-left: -62px;} .band-large-text .testimonial-block-band .testimonial-quote-author {font-size: 21px !important; margin-left: -62px;} .testimonial-block-b .testimonial-quote {margin-left: -62px !important;} .testimonial-block-b .testimonial-quote-author {margin-left: -62px !important;} .testimonial-tca {padding-top: 20px !important;} .peace-of-mind {margin-top: -5px; margin-bottom: -10px;} .peace-of-mind img {margin: 0 18px -9px 31px;} .peace-of-mind h4 {font-size: 33px; padding-top: 3px;} .peace-of-mind p {font-size: 18px;} .buy-band .btn {margin-top: 18px;} .band-founders {padding: 0px 0 25px 0 !important;} .nav-tabs.about-partner-thumb>li {width: 25%;} .tab-pane h3 {padding-top: 6px !important;} .tab-pane h4 {padding-bottom: 3px; margin-top: 10px;} .tab-pane#ig {background-size: 300px;} .tab-pane#ig p {padding-right: 200px;} .tab-pane#ig p.founder-quote {padding-right: 300px;} .tab-pane#md {background-size: 300px;} .tab-pane#md p {padding-right: 250px;} .tab-pane#md p.founder-quote {padding-right: 325px;} .tab-pane#ss {background-size: 300px;} .tab-pane#ss p {padding-right: 225px;} .tab-pane#ss p.founder-quote {padding-right: 300px;} .tab-pane#ec p {padding-right: 275px;} .tab-pane#ec p.first-para {padding-right: 0px !important;} .tab-pane#ec p.founder-quote {padding-right: 350px;} #bottom {padding-top: 30px; padding-bottom: 12px;} .social-icons {margin-bottom: 0; margin-top: -24px;} #footer .vtne-trademark {text-align: left;} } /* MD Desktops and laptops ----------- */ @media (min-width: 992px) and (max-width: 1200px) { .navbar-brand img {width: 204px; margin-top: -7px;} .navbar-log-in {margin-left: 9px;} .navbar-inverse .navbar-nav > li > a {font-size: 14px;} .navbar-nav > li > a {padding-left: 6px; padding-right: 6px;} .header-intro h2 {font-size: 20px !important;} /*h3.intro {font-size: 24px;}*/ .sign-up-form-heading {margin-bottom: 20px;} .login-form {padding: 18px 18px 12px 18px; margin-top: -38px !important;} .login-form .btn-green {margin-top: -5px;} .login-form .btn-link {padding-left: 0 !important; margin: -1px 0 0 8px; line-height: 1 !important; font-size: 12px; padding-right: 0px;} .band-viralvet img.vv-logo {width: 230px;} .band-viralvet h2 {font-size: 27px; line-height: 33px;} .band-viralvet p {margin: 0;} .peace-of-mind img {margin: 0 18px -9px 31px;} .peace-of-mind h4 {font-size: 33px; padding-top: 3px;} .peace-of-mind p {font-size: 18px;} #bottom {padding-top: 30px; padding-bottom: 12px;} .social-icons {margin-bottom: 0; margin-top: -24px;} .ten-years {width: 105px; height: auto; top: 16px; left: 225px;} } /* LG Large screens ----------- */ @media (min-width: 1200px) { .navbar-brand {margin-top: 10px;} .navbar-brand img {margin-top: 0; width: 243px;} .navbar-nav > li.dropdown {margin-right: -3px !important;} .sign-up-form-heading {margin-bottom: 20px;} .login-form .btn-link {padding-left: 0 !important; margin: -1px 0 0 8px; line-height: 1 !important; font-size: 12px; padding-right: 0px;} .social-icons {margin-bottom: 0; margin-top: -27px;} }