@charset "utf-8"; /* CSS Document */ /*--------------------------------------------- GLOBAL Declarations --------------------------------------------------- */ body{color:#FFFFFF;} .wrapper{width:100%} .whiteBg{background:#fff;} ul,ol,li{margin:0; padding:0; list-style:none} h1, .heading01{color:#5c5249; font-size:24px; font-weight:bold; margin-top:0;} h2, .heading02{color:#5c5249; font-size:16px; font-weight:bold} .heading01{margin-bottom: 11px;} /* applying

CSS -- AARP-501 */ .heading02{margin-top: 22px; margin-bottom: 11px;} /* applying

CSS -- AARP-501 */ h4{color:#837870; font-size:13px; font-weight:bold} .heading05{color:#5c5249; font-size:16px; font-weight:bold; margin-bottom:5px;} .btn{border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; font-size:14px; border-width:3px; font-weight:bold; text-transform:uppercase; padding:2px 12px; min-width:110px;} .btn-default{color:#97897d} .btn-default:hover{ border-color:#c1bab1; color:#837870; background-color:#fff;} .btn:active, .btn.active{box-shadow:none} .btn-primary{background:#f3829; border-color:#f3829} .btn-primary:hover,.btn-primary:hover, .btn-primary:active, .btn-primary.active,.btn-primary:focus, .btn-primary.focus,.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus{border-color:#14133b; background:#14133b} .btn-lg{padding:8px 12px; } .btn-default:hover, .btn-default:focus, .btn-default:active:hover {border-color: #c1bab1; color: #837870; background-color: #fff;} .hide-element{display:none;} .emailmeagain { color:#FFF !important; text-decoration:underline; } /* FONT EMBED */ @font-face { font-family: 'Conv_AvenirLTStd-Black'; src: url('/legacyfonts/AvenirLTStd-Black.eot'); src: local('Avenir LT Std'), url('/legacyfonts/AvenirLTStd-Black.woff') format('woff'), url('/legacyfonts/AvenirLTStd-Black.ttf') format('truetype'), url('/legacyfonts/AvenirLTStd-Black.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Utopia Regular'; src: url('fonts/Utopia Regular.eot'); src: local('Utopia'), url('/legacyfonts/Utopia Regular.woff') format('woff'), url('/legacyfonts/Utopia Regular.ttf') format('truetype'), url('/legacyfonts/Utopia Regular.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvenirLTStd-Light'; src: url('fonts/AvenirLTStd-Light.eot'); src: local('Utopia'), url('/legacyfonts/AvenirLTStd-Light.woff') format('woff'), url('/legacyfonts/AvenirLTStd-Light.ttf') format('truetype'), url('/legacyfonts/AvenirLTStd-Light.svg') format('svg'); font-weight: normal; font-style: normal; } /*--------------------------------------------- Header --------------------------------------------------- */ header{padding:10px 0 14px 0;} .top-bar{margin-bottom:10px;} .top-bar a.blue-link{color: #054576;} /* TOP BAR LEFT LINKS */ .top-leftNav{font-size:12px; color:#b2b2b2} .top-leftNav p{margin:0} .top-bar a{font-weight:bold; color:#5c5249} /* TOP BAR RIGHT LINKS */ .top-rhs-links{margin-top:-3px; float:right} .top-rhs-links ul li{display:inline-block; padding-left:10px; padding-right:10px; position:relative; border:solid 1px #fff; border-right:solid 1px #c6c6c6; font-size:12px;} .top-rhs-links ul li a span{background:url(/legacyimages/dwn-arw1.gif) right center no-repeat; padding-right:15px;} .top-rhs-links ul li:hover{border:solid 1px #c6c6c6; } .top-rhs-links ul li ul{position:absolute; left:-1px; top:17px; border:solid 1px #c6c6c6; padding:5px; border-top:0; z-index:666; background:#fff; width:120%; display:none;} .top-rhs-links ul li li{display:block; margin:0; padding:0; border:0; padding:0 0 4px 10px;} .top-rhs-links ul li li a{font-weight:normal !important} .top-rhs-links ul li:hover li{border:none} .top-rhs-links ul li:hover ul{display:block} /* SOCIAL LINKS */ .social-networks{float:right;line-height:17px;list-style:none;margin:0 0 0 10px;padding:0;} .social-networks li{float:left;margin-right:7px;} .social-networks li:first-child{margin:0px 7px 0 0;} .social-networks a{color:#999;display:block;height:18px;overflow:hidden;text-decoration:none;text-indent:-9999px;width:18px;} .social-networks .youtube a{background:url(/legacyimages/youtube-icon.gif) no-repeat;height:18px;text-indent:0;width:18px;text-indent:-9999px} .social-networks .facebook{background:url(/legacyimages/fb-icon.gif) no-repeat;} .social-networks .twitter{ background:url(/legacyimages/twitter-icon.gif) left top no-repeat;} .fa.fa-question { border:solid 1px #fff; padding:5px 10px; font-size:30px; color:#FFF; margin-right:3px; border-radius:50%;background:#97897d;} .fa.fa-pause { border:solid 1px #fff; padding:8px 10px; font-size:24px; color:#FFF; margin-right:3px; border-radius:50%;background:#97897d;} .fa.fa-play.play1 { border:solid 1px #fff; padding:8px 10px 8px 12px; font-size:24px; color:#FFF; margin-right:3px; border-radius:50%;background:#97897d;} .fa.fa-bookmark { border:solid 1px #fff; padding:8px 10px; font-size:24px; color:#FFF; margin-right:3px; border-radius:50%; background:#97897d;} .fa.fa-play.play2 { border:solid 1px #fff; padding:5px 5px 5px 8px; font-size:14px; color:#FFF; margin-right:3px; border-radius:50%;} /* LOGO BAR */ .logo{margin:10px;} .logo a{outline:none;} .logo-rhs{text-align:right; vertical-align:middle} .logo-rhs .mob-menu{font-size:16px; color:#97897d; font-weight:bold; margin-top:-5px; display:inline-block; padding-right:10px; vertical-align:middle} .logo-rhs .navbar-toggle.btn-close .mob-menu{margin-top:5px; padding-right: 5px; padding-bottom:5px;} .logo-rhs span, .select-state span{vertical-align:middle; padding-bottom:2px;} .select-state{font-size:13px; margin:5px 10px 0 0} .state-icon{border:solid 2px #ef3829; background:#fff; width:30px; height:30px; display:inline-block; border-radius:50%; -moz-border-radius:50%;-webkit-border-radius:50%; margin-left:5px; margin-right:5px;} .state-icon:hover {border:solid 2px #be0e00;} .select-state a:hover span.state-icon {border:solid 2px #be0e00;} .logo-rhs .select-state a{ color:#2b2b2b; outline:none;} .need-help{font-size:15px; color:#000; margin:10px 0 0 0} .need-help strong{color:#ec3424} .need-help a{ margin-left:6px;} .need-help.error-help{margin-top:55px;} /*--------------------------------------------- MAIN NAVIGATION --------------------------------------------------- */ .navbar-toggle{float:none} .nav-bg{background:#5c5249; border-bottom:solid 1px #8d8680;box-shadow:0px 2px 2px RGBA(6,6,6,0.75); position:relative; z-index:auto; }/*z-index:1 */ .navbar,.navbar-default{margin:0; border:0; text-transform:uppercase; font-size:12px; font-weight:bold; min-height:40px;} .navbar-collapse{padding:0} .navbar-nav{float:none} .navbar-default>ul>li>a{border-left:solid 1px #7d756d; border-right:solid 1px #2e2924; padding:9px 18px; color:#f9f8f7!important;} .navbar-default>ul{border-left:solid 1px #2e2924;} .navbar-default>ul>li:nth-child(4){border-right:solid 1px #7d756d} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-nav .dropdown a:focus {background-color: #4a423a; box-shadow:0px 0px 20px 0px RGBA(0,0,0,0.4) inset;} .navbar-default .navbar-nav > li > a:hover{background-color: #4b423b; box-shadow: 0px 0px 20px 0px RGBA(0,0,0,0.2) inset;} .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{border-left: solid 1px #2e2924; border-right: solid 1px #2e2924;} .nav span {text-transform: lowercase;} .navbar-toggle{margin:0; padding:5px 10px} .fa-bars{color:#ed1c24; font-size:30px !important;} .navbar-nav{margin:0} .navbar-right{text-transform:none;} .navbar-nav > li > a{padding:8px 18px;} .dropdown {border-left: solid 1px #7d756d; border-right: solid 1px #7d756d;} .dropdown a{border-left: solid 1px #2e2924; border-right: solid 1px #2e2924;} .navbar-nav .open .dropdown-menu{background-color:#48413a;} .navbar-right .dropdown-menu{background:#48413a; font-size:12px; text-transform:Capitalize; border:none; border-radius:0; padding:0; box-shadow:none; left:0;} .dropdown-menu > li{color:#97897d; border:none; border-bottom: solid 1px #7d756d;} .dropdown-menu > li > a{color:#97897d; border:none; border-bottom: solid 1px #2e2924; padding:8px 30px; font-weight:bold;} .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{color:#97897d; background:#5c5249;} .dropdown-menu > li:first-child{border:none; border-top: solid 1px #7d756d; border-bottom: solid 1px #7d756d;} .dropdown-menu > li:first-child > a{border:none; border-top: solid 1px #2e2924; border-bottom: solid 1px #2e2924;} .fa.fa-gift{ background-color:#97897d; padding:4px 5px; font-size:15px; color:#5c5249; margin-right:3px; border-radius:50%;} .fa.fa-sort-desc{ background-color:#97897d; padding:0px 7px 7px 7px; font-size:18px; line-height:17px; color:#5c5249; margin-right:3px; border-radius:50%; vertical-align: bottom;} /*.dropdown:hover .dropdown-menu, .dropdown ul:hover .dropdown-menu {display: block; margin-top: 0; }*/ @-moz-document url-prefix() { .dropdown-menu > li > a {padding:8px 28px; } } .social-icons{background:#fff; padding:10px 0; text-align:center} .social-icons span{width:30px; height:30px; display:inline-block; text-align:center; line-height:30px; border-radius:50%; font-size:16px; margin-left:10px;} .social-icons span.fb{background:#46629d} .social-icons span.tw{background:#25a9df} .social-icons span.yt{background:url(/legacyimages/youtube-icon.png) left center no-repeat; background-size:contain;} .social-icons span.yt a{display:block} .social-icons span.yt .fa{text-indent:-999em} .social-icons span a{color:#fff;} /*--------------------------------------------- HERO --------------------------------------------------- */ .hero-course{background: url(/legacyimages/our-course-header.jpg) no-repeat right top #000000; display:table;width: 100%; background-size:cover; padding:3.5% 0;} .hero-pricing{background: url(/legacyimages/pricing-header.jpg) no-repeat right top; width:100%; background-size:cover; padding:12% 0} .hero-faqs{background: url(/legacyimages/faqs-header.jpg) no-repeat left top; width:100%; background-size:cover; padding:12% 0} .hero-busfines{background: url(/legacyimages/busfinesheader.jpg) no-repeat left top; width:100%; background-size:cover; padding:12% 0} .hero-contact{background: url(/legacyimages/contact-header.jpg) no-repeat left top; width:100%; background-size:cover; padding:12% 0} .hero-content{color:#fff; width:42%;} .hero-title{ font-size:37px; font-family:'Conv_AvenirLTStd-Black',Sans-Serif;} .hero-desc{ font-family:"Utopia Regular",Sans-Serif; font-size:20px; margin:15px 20px 15px 0;} .hero-content .btn{ padding:8px 50px;} /*--------------------------------------------- SLIDER --------------------------------------------------- */ .slider {} .slider img { max-width: 100%; } .carousel { z-index: 0; } .carousel-inner .item img { width: 100%; height: 100%; } .carousel-controls{position:absolute; width:100%; top:45%} .carousel-controls .container{position:relative} .carousel-control.left{ left:2%;} .carousel-control.right{ right:15px;} .carousel-control.left, .carousel-control.right{background-image: none !important; box-shadow:0 0 1px 2px rgba(0, 0, 0, 0.4);} .fa.fa-chevron-left{ position:relative; font-size:18px; left:-1px; top:-4px;} .fa.fa-chevron-right{ position:relative; font-size:18px; right:-2px; top:-4px;} .carousel-control {background: #c5c4c2; font-size: 25px; font-weight: bold; color: #333;padding: 0; height:30px; width: 30px; top: auto; bottom: 50%; opacity: 1; border-radius: 25px; text-decoration: none; z-index: 9999; text-shadow: none; } .carousel-control:hover, .carousel-control:focus { color: #000; } .carousel-caption { top: auto; width: auto; right: auto; bottom: 25%; left: 14%; padding: 20px; text-align: left; height: auto; max-width: 45%; } .carousel-caption { color: #333; text-shadow: none; } .carousel-caption p { color: #fff; font-size: 20px; margin: 5px 0; } .carousel-caption span {font-style: italic; color:#fff; } .carousel-caption span span { color:#00fefe;} .carousel-caption h3 > span { color:#00fefe; font-size:100%; font-style:normal} .carousel-caption h3 { font-size: 200%; color: #fff; font-weight: bold; margin: 10px 0 2px 0; } .price-non{ font-style:italic; font-size:14px;} .carousel-inner .slider-img1 {background: url(/legacyimages/slider1.jpg) no-repeat center top;} .carousel-inner .slider-img2 { background: url(/legacyimages/slider2.jpg) no-repeat center top;} .carousel-inner .slider-img3 { background: url(/legacyimages/slider3.jpg) no-repeat center top;} .carousel-inner .slider-img1, .carousel-inner .slider-img2, .carousel-inner .slider-img3{width:100%; background-size:cover; padding:10% 0 14% 0;} .hero-content{width:54%; line-height:normal; min-height:210px; padding:0 6%;} .carousel-inner .slider-img2 .ero-desc{ margin-bottom:20.25px;} .error-text{ background-color:#ef3829; float:right; color:#fff; font-size:12px !important; padding:1px 5px; margin:-4px 10% 0 0 !important; font-style:italic; border-radius:5px; border-top-right-radius: 0p x;} .arrow1 {position: absolute; bottom: 0; left:0; width: 100%; padding-bottom:3%; background-color:#f5f5f6;} .arrow1:before, .arrow1:after {content:''; position: absolute; bottom: 50%; width: 100%; padding-bottom:inherit; background-color: inherit;} .arrow1:before {right: 77%; -ms-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -ms-transform: skewX(45deg); -webkit-transform: skewX(45deg); transform: skewX(45deg);} .arrow1:after {left: 20%; -ms-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -ms-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); transform: skewX(-45deg);} .arrow2 {position: absolute; bottom: 0; left:0; width: 100%; padding-bottom:3%; background-color:#f5f5f6;} .arrow2:before, .arrow2:after {content:''; position: absolute; bottom: 50%; width: 100%; padding-bottom:inherit; background-color: inherit;} .arrow2:before {right: 49%; -ms-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -ms-transform: skewX(45deg); -webkit-transform: skewX(45deg); transform: skewX(45deg);} .arrow2:after {left: 48%; -ms-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -ms-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); transform: skewX(-45deg);} .arrow3 {position: absolute; bottom: 0; left:0; width: 100%; padding-bottom:3%; background-color:#f5f5f6;} .arrow3:before, .arrow3:after {content:''; position: absolute; bottom: 50%; width: 100%; padding-bottom:inherit; background-color: inherit;} .arrow3:before {right: 21%; -ms-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -ms-transform: skewX(45deg); -webkit-transform: skewX(45deg); transform: skewX(45deg);} .arrow3:after {left: 76%; -ms-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -ms-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); transform: skewX(-45deg);} /*--------------------------------------------- SLIDER COURSES --------------------------------------------------- */ .box-title { font-weight: bold; color: #5a514a; font-size: 18px; padding-bottom: 5px; } .courses { text-align: center; margin-top:-20px; } .courses p { font-size: 14px; line-height: 24px; } .courses img { max-width: 30%; margin-bottom: 20px; } .box-pad { padding: 10px 20px; cursor:pointer; } .content-pad { padding: 20px 0 40px 0; } .rhs { background-color: #f5f5f7; padding: 15px; margin-top: 40px; } .rhs p { font-size: 15px; } .inner { margin-top:10px;} .center-title { font-size: 25px; color: #5a514a; font-weight: bold; text-align: center; margin-top: 40px; } .bot-btns { text-align: center; margin: 20px auto 90px auto; } .center-text { text-align: center; width: 50%; margin: 0 auto; } .bot-btn { font-size:16px; font-weight:normal; height: 40px; width: 150px; } .large { padding:5px 15px;} /*--------------------------------------------- BODY CONTENT --------------------------------------------------- */ .body-content{padding:40px 10px;} .body-content ul{margin:10px 0 30px 40px; list-style:disc} .body-content li{list-style:disc; margin-bottom:5px;} .video-holder{background:#f5f5f6; padding:10px;} .video-holder img{ border:solid 3px #fff;} .video-holder img:hover{ border-color:#dcdcdc; opacity:0.95;} .state-holder{background:#f5f5f6; padding:10px 20px; font-size:14px;} .faqs-holder{background:#fff; padding:10px 20px; font-size:14px;} .price-content{ margin:40px 0; display:table;} .price-content .select-state{ margin:0 0 10px 0;} .price-content .select-state span{ vertical-align:middle; font-size:22px; cursor:pointer;} .course-price { background:#dedbd6; font-size:14px;color:#5a514a; padding:10px 50px;margin:20px 0 0 0; width:auto;} .aarp-price{ float:left; width:48%;} .aarp-price p{ margin:0; text-align:center;} .price { text-align:center; font-size:24px; font-weight:bold; padding:10px 0 0 0;} .price-text { font-size:16px; text-align:center;} .course-text { background:#fff; border:solid 5px #dedbd6; padding:5px 10px; font-size:13px; line-height:16px; text-align:left;} .learn-link a{text-decoration:underline;} .learn-link a:hover{text-decoration:none;} .learn-link span{color:#ef3829; cursor:pointer;} /* MODAL WINDOW */ .modal-content{border-radius:0} .modal-header{border-bottom:none} .modal-header h2, .modal-header .heading02{margin:0} .modal-body{padding:0 15px; } .modal-footer{border-top:none} .btn-close{font-size:16px; color:#97897d; opacity:1;} .btn-close span{background:#ed1c24; width:30px; height:30px; line-height:30px; text-align:center; display:inline-block; border-radius:50%; text-shadow:none} .btn-close span .fa{color:#fff; } .modal-content .selected-state { font-size:20px;} .not-reg { color:#5c5249; font-weight:bold; font-size:16px; text-align:left;} .not-reg a{ color:#5c5249; text-decoration:none;} .modal-content hr{ margin:10px 0 20px 0; padding:0; background-color:#dedad5; height:2px; border:0;} .login a{ font-size:14px; text-decoration:underline;} .login .form-group{ width:100%;} .login input, .login select, .login textarea{ color:#666666; min-height:40px; padding:5px 10px; border:solid 1px #c4c0bc; font-size:16px; border-radius:5px; width:100% !important;} .space-top{ margin-top:15px !important;} .login .secure-approved{margin-top:10px!important;} .login .secure-approved img{float:left!important;} /*--------------------------------------------- FAQS ACCORDIAN --------------------------------------------------- */ .panel-default > .panel-heading{ background:#dedad5; border-bottom:solid 1px #b7b1ab; padding:0;} .panel-heading, .panel-group .panel { border-radius:0px; background:none; border:none;} .panel-title{ font-size:16px; font-weight:bold; padding:0;} .panel-title span{ color:#5c5249; background:url(/legacyimages/sprite.png) no-repeat -72px -212px; padding:10px 15px 10px 35px; display:inline-block; width:100%; cursor: pointer;} .panel-title a:hover, .panel-title a:active, .panel-title a:focus{ text-decoration:none; outline:none;} .panel-group .panel + .panel{ margin-top:1px;} .panel-title span.collapsed{ background:url(/legacyimages/sprite.png) no-repeat -72px -327px;} .panel-group a{ text-decoration:none;} a.sys-link, .sys-link{ color:#ef3829; text-decoration:underline; cursor:pointer;} a.sys-link:hover, .sys-link:hover{text-decoration:none;} /*--------------------------------------------- CONTACT --------------------------------------------------- */ .sticky-footer {background-color: #5c514b; position: fixed; bottom: 0; width:100%; display:none; padding:15px; text-align:center; z-index:999;} .sticky-footer a{ margin:0 10px; padding:10px 10% !important;} .contact-content{ margin:40px 0 20px 0; text-align:center;} form{ margin:20px 0;} .form-group{ text-align:left; margin-bottom:0px; position:relative;} .form-group label{ font-size:14px; font-weight:normal; display:block; margin:0px 0 4px 0;} .form-group textarea{padding:5px; font-size:16px; border-radius:5px;} /*.form-group .form-control{ display:inline-block;}*/ .small-font{ font-size:11px !important; font-style:italic; margin-bottom:0px !important; margin-top:-12px !important;} .form-group a.btn{ margin:0 auto; width:100%; text-decoration:none;} .error-text{ background-color:#ef3829; float:right; color:#fff; font-size:12px !important; padding:5px 5px 1px 5px; margin:-4px 42px 0 0 !important; font-style:italic; border-radius:5px; border-top-right-radius: 0px;} .email-link{font-size:11px !important; padding:1px 5px; margin:0 !important; text-align:right; font-style:italic;} .email-link a, .error-message a{cursor:pointer;} .forn-text{ text-align:center; width:90%;} .forn-text a{text-decoration:underline;} .forn-text br{display:none;} .contact-link a{color:#837870;} .contact-link a.cust-serv{color:#ef3829; text-decoration:underline;} .contact-link a.cust-serv:hover{text-decoration:none;} a.link{color:#ef3829; text-decoration:underline;} a.link:hover{text-decoration:none;} /* ERROR MESG */ .error input, .error select, .error textarea{ border:solid 1px #ef3829;position:relative;} .error p { background-color:#ef3829; float:right; color:#fff; font-size:12px !important; padding:3px 5px 1px 5px; margin:-3px 0px 0 0 !important; font-style:italic; border-radius:5px; border-top-right-radius: 0px;display:inline !important;} .oops {background:#ef3829;color:#FFF;padding:8px;position:relative; float:left; margin:24px -65px 0px 3px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .oops:after, .oops-select:after {right: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(213, 135, 32, 0);border-right-color: #ef3829;border-width:6px;margin-top: -6px;} .error .oops-select {top:20px !important;background:#ef3829;color:#FFF;display:inline !important;padding:8px;position:absolute;right:-65px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .validate {float:left; margin: 28px -26px 0 0; color:#a8cd45; font-size:15px; font-weight:normal;border: solid 2px #a8cd45;padding: 3px;border-radius: 50%;} .gender-options .validate{margin:0px -26px 0 0} .dobRow .validate{margin-top:3px;} .text-area .oops, .text-area .validate{margin-top:80px;} .text-right em{ font-size:11px; display:block;} .modal .error p{margin:-4px 0 15px 0 !important;} .form-control::-moz-placeholder{ color:#c4c0bc;} .form-control::-webkit-input-placeholder{color:#c4c0bc;} .form-control:-ms-input-placeholder{ color:#c4c0bc;} .form-control:focus{ border:solid 1px #b3a69e; box-shadow:none;} .purh-course{ margin-top:10px;} .purh-course .btn-primary {width:75%;margin:0px auto;display:block;} .sitemap ul{margin-left:20px;} .sitemap li{text-align:left; list-style:disc; line-height:28px;} .sitemap a{ color:#837870;} .process{text-align:left; margin-bottom:100px;} .form-textarea .oops{ top:80px !important;} .sta-link a{color:#837870; outline:none;} .contact-content .text-left{font-size:11px; display:block; position:relative; top:-15px;} .multiaccount {margin-bottom:50px; font-size:15px;} .multiaccount table td{padding:0 0 8px 0;} .multiaccount a br {display: none;} select:focus::-ms-value {background-color: transparent; color:#837870;} /*--------------------------------------------r BOTTOM CALL TO ACTION --------------------------------------------------- */ .bottom-cta{padding:35px 0 75px 0; text-align:center} .bottom-cta.home-page {padding:35px 0 20px;} .margin-top-cta {margin:60px 0 30px;} /*select{-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; border:solid 1px #c5c0bc; color: #c4c1bc; -webkit-border-radius: 5px; border-radius: 5px; font-size: 14px; padding: 8px; width: 35%; cursor: pointer; background: #fff url(/legacyimages/dd-bg.gif) no-repeat right center !important; background: transparent\9 !important; background-size: 40px 38px !important; } select:hover{border:solid 1px #b3a69e; color: #837872; background: #fff url(/legacyimages/dd-bg-h.gif) no-repeat right center !important;background: transparent\9 !important; background-size: 40px 38px !important;}*/ option{ padding:3px 5px;} .custom-select { background-color: #fff; border: 0px solid #c4c0bc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; position: relative; border-radius:4px; width: 100%; z-index: 1; } .custom-select:hover { border-color: #c4c0bc; background:url(/legacyimages/dd-bg-h.gif) no-repeat right center; background-size: 40px 39px; } .custom-select:before {background:url(/legacyimages/dd-bg.gif) no-repeat right center; background-size: 40px 39px; display: block; height: 100%; line-height: 40px; padding: 0 20px; position: absolute; top: 0; right: 0; text-align: center; width: 1em; z-index: -1; } .custom-select select { background:url(/legacyimages/dd-bg.gif) no-repeat right center; background-size: 40px 39px; border: 1px solid #c4c0bc; box-shadow: none; display: block; font-size: 100%; line-height: normal; margin: 0; padding: .5em; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity:1 !important;} .custom-select select:hover{background:#ffffff url(/legacyimages/dd-bg-h.gif) no-repeat right center; background-size: 40px 39px;} .custom-select select::-ms-expand {display: none; /* to ie 10 */} .custom-select select:focus { outline: none;} :-moz-any(.custom-select):before { pointer-events: none; z-index: 1;} .fa-caret-down::before{ content:"" !important; background:url(/legacyimages/dd-bg.gif) no-repeat right center; background-size: 40px 39px; border-top-right-radius:4px; border-bottom-right-radius:4px;} /* Remove input type number controls from Safari, Chrome, Mozilla */ input[type=number] {-moz-appearance: textfield;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; /* Removes leftover margin */ } /*--------------------------------------------- FOOTER --------------------------------------------------- */ .footer{background:#ffffff; text-align:center; font-size:14px;margin-top:20px;} .footer-links{color:#6a6a6a; vertical-align:bottom; position:relative; margin-bottom:20px; } .footer-links a, .footer-links span{vertical-align:bottom; } .footer-links a{color:#6a6a6a} .footer-links img{ margin-top:-40px;} .disclaimer{padding:20px 0} .disclaimer p{margin:0} .disclaimer small{font-size:12px;} .disclaimer img{ margin-right:10px; vertical-align:text-bottom;} /* FORM ELEMENTS */ .aarp-forms .col-xs-1, .aarp-forms .col-sm-1, .aarp-forms .col-md-1, .aarp-forms .col-lg-1, .aarp-forms .col-xs-2, .aarp-forms .col-sm-2, .aarp-forms .col-md-2, .aarp-forms .col-lg-2, .aarp-forms .col-xs-3, .aarp-forms .col-sm-3, .aarp-forms .col-md-3, .aarp-forms .col-lg-3, .aarp-forms .col-xs-4, .aarp-forms .col-sm-4, .aarp-forms .col-md-4, .aarp-forms .col-lg-4, .aarp-forms .col-xs-5, .aarp-forms .col-sm-5, .aarp-forms .col-md-5, .aarp-forms .col-lg-5, .aarp-forms .col-xs-6, .aarp-forms .col-sm-6, .aarp-forms .col-md-6, .aarp-forms .col-lg-6, .aarp-forms .col-xs-7, .aarp-forms .col-sm-7, .aarp-forms .col-md-7, .aarp-forms .col-lg-7, .aarp-forms .col-xs-8, .aarp-forms .col-sm-8, .aarp-forms .col-md-8, .aarp-forms .col-lg-8, .aarp-forms .col-xs-9, .aarp-forms .col-sm-9, .aarp-forms .col-md-9, .aarp-forms .col-lg-9, .aarp-forms .col-xs-10, .aarp-forms .col-sm-10, .aarp-forms .col-md-10, .aarp-forms .col-lg-10, .aarp-forms .col-xs-11, .aarp-forms .col-sm-11, .aarp-forms .col-md-11, .aarp-forms .col-lg-11, .aarp-forms .col-xs-12, .aarp-forms .col-sm-12, .aarp-forms .col-md-12, .aarp-forms .col-lg-12{ padding-left:5px;padding-right:5px;} .aarp-forms .row {margin-left: -5px;margin-right: -5px;} .clear{clear:both} .form-control {box-shadow:none;border:solid 1px #c4c0bc; height:40px; color:#666666;} .form-control:focus{box-shadow:none; border-color:#837870} input {box-shadow:none !important;border:solid 1px #c4c0bc; color:#666666;} .call-to-action{margin:20px 0} .form-group label.radio-inline{display:inline-block} .requiredLabel, .form-col{position:relative} .form-col{margin-bottom:20px} .required, .form-control{position:relative; z-index:1;}/* 99 */ .validationError .required .form-control{border: solid 1px #ef3829;} .validationError .error-message, .validationError .oops{display:block} .gender-options .error-message{border-radius:5px; position:static; /*display:inline-block;*/ margin:0 0 0 10px;} .gender-options .oops{margin-top:-10px;} .row1{margin-left:-5px; margin-right:-5px;} .error-message{ background-color:#ef3829; color:#fff; font-size:12px; padding:3px 5px 1px 5px; font-style:italic; border-radius:0 0 5px 5px; position:absolute; right:6px; z-index:-1; margin:-3px 0px 11px 6px !important; line-height:normal;} .errorMsg.error.error-message.error-message-2line {position:relative;margin-bottom:0px;} /* JIRA AARP-399 */ .invalidErrorMsg{color:red;} p.error-message:first-letter{text-transform:capitalize;} /* CUSTOM FORM ELEMENTS */ .select { position: absolute; width: 98%; height: 40px; line-height:40px; padding:0 0 0 10px; color: #666666; font-size:16px; background:#fff url(/legacyimages/select.png) no-repeat right top; overflow: hidden; border:solid 1px #c9c5c1; border-radius:5px; text-align:left; } .form-col:hover .select{background: #fff url(/legacyimages/select.png) no-repeat right -40px; border:solid 1px #b8ada5; border-radius:5px; } select{ width:100% !important;} .form-col .select:focus{border-color:#837870;} .validationError .form-col:hover .select{border:solid 1px #ef3829;} select.styled{height:40px; line-height:35px;} .checkbox,.radio { width:25px; height: 25px; padding: 0; background: url(/legacyimages/checkbox.png) no-repeat; } .radio { background: url(/legacyimages/radio.png) no-repeat; } .radio-inline, .checkbox-inline{padding-left:0px} .radio-inline, .checkbox-inline {line-height:30px !important;} /*.select-opacity{opacity:0!important;}*/ /*AARP 82*/ .add-holder{padding:0 10px;} .margin-top-cta {margin-top:60px; padding-right:100px;} .error-msg{background:#fff8c3 url(/legacyimages/error-msg-icon.png) 8px center no-repeat; border:solid 1px #ccc; padding:8px 5px 8px 40px; font-size:11px; text-align:left; margin-top:-20px;} .error-msg-signup{background:#fff8c3 url(/legacyimages/error-msg-icon.png) 8px center no-repeat; border:solid 1px #ccc; padding:8px 5px 8px 40px; font-size:11px; text-align:left; } /* AARP-272 BOGO Banner */ .bogo-offer{background-color:#ee2d24; min-height:42px; position:relative; width:100%; z-index:1;} .bogo-pic{position:absolute; top:-8px;} .bogo-txt{font-size:18px; color:#ffffff; padding:3px 0; margin-left: 90px;} .bogo-offer a{text-decoration:none;} .bogo-options .error-message{border-radius:5px; position:static; /*display:inline-block;*/ margin:0 0 0 10px;} .bogo-txt p{margin:0px;} .bogo-txt p:last-child{text-align:right; font-size:12px;} /*AARP-504*/ .holidy-alert{text-align:center; color:red;} /* ---------------------------------------- Responsive table fixed header ------------------------------------------------ */ .table-fixed { width: 100%; border: 1px solid #ddd; } .table-fixed tbody { height: 600px; overflow-y: auto; width: 100%; } .table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th { display: block; } .table-fixed tbody td { float: left; } .table-fixed thead tr th { float: left; background-color: #cecece; border-color: #cecece; } .table-fixed tr:after { content: ' '; display: block; visibility: hidden; clear: both; } .table-striped>tbody>tr:nth-of-type(odd){background-color:#fff} .table-striped>tbody>tr:nth-of-type(even){background-color:#cecece;} /* AARP-413 */ .ivs-dob {display: table; margin: -25px 0 15px 0;} .ivs-dob .form-control{display:inline; width:auto;} .col-100{float:left; width:110px; position:relative;} .col-90{float:left; width:90px; position:relative;} .col-20{float:left; width:20px;text-align: center; height: 40px; line-height: 40px; position:relative;} .red-text{color:red;} .id-questions-dob .col-sm-6, .id-questions-dob .col-xs-12, .id-questions-dob .col-xs-4{padding:0!important;} .id-questions-dob .row{margin:15px 0!important;} .caption-text{margin-top:-5px;} .verification-btns {margin: 20px auto;} .vertical-text{line-height:40px;} .dob-bg{margin: 20px 0; position:relative;} .col-90 .error-message{right:20px;} .ivs-dob .oops{margin: 0 -65px 0 -5px;} .ivs-dob .validate{margin: 6px 0 0 8px;} .dob-bg .error-message{margin: -15px 90px 11px 6px!important} .dob-bg .oops{float: right; margin: -54px -54px 0 3px} .id-questions-dob .form-col {margin-bottom: 0px;} .dob-bg .validate{float: right; margin: -47px -20px 0 0;} .ivr-failure{border:2px dashed #CC0000; padding:15px;} .ivr-failure ul{margin:15px 0 0 20px;} .instruction1 p, .instruction2 p, .ivr-success p{color:#CC0000; margin:0 0 10px 0; font-style:italic;} .instruction2 span{ font-size:12px; display:block; margin:0 0 20px 0;} .identity-verification{border:2px dashed #CC0000; padding:15px; margin:0 0 20px 0;} .ivr-timer {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; border-radius: 10px; margin: 15px auto 0px auto; padding: 5px 0; line-height:normal; text-align: center; width: 130px;} .ivr-timer > span {font-size: 12px; font-weight: bold;} .ivr-timer p{color:red; font-weight:bold;} .alert-arrow{margin: -5px 0 0 145px;} p.ny-dl-txt{margin:0 0 20px 0 !important;font-size:11px;} p.ny-dl-txt a {text-decoration:underline;} .ny-dl-label .text-dl, .control-label{text-align:left} .auth-btns {display: table; margin: 30px auto 10px; text-align: center; width: auto;} .call-table { margin: 15px 0;} .call-table table{ border:none!important;} .call-table tr td{ border:none!important; padding:12px 0;} .timer-btn{ margin:20px 0;} .timer-btn a{background:#efefef; padding:15px 15px; color:#333; border:solid 1px #666; border-radius:20px; display: table; margin: 0 auto; font-size:18px; font-weight:bold; text-align: center; text-decoration:none; line-height:24px;} .timer-btn a span{color:red; display:block;font-size:24px;} .area-code{ margin-bottom:15px;} .area-code table, .area-code tr td{ border:none !important;} .area-code tr td{ padding:10px 0;} /* AARP-91*/ .home-hero-banner {background: #88e3f8 url(/legacyimages/hero-banner.jpg) no-repeat center top; background-size: auto 100%; min-height: auto;} .home-hero-content {padding: 3% 0% 6% 50%; color: #000; width: 100%; min-height: auto;} .home-hero-title {font-family: 'Conv_AvenirLTStd-Black',Sans-Serif; font-size: 34px; font-weight: bold; line-height:normal;} .home-hero-desc {font-size: 22px; font-family: 'AvenirLTStd-Light'; margin-right: 0px !important; text-shadow: none; margin: 15px 20px 15px 0; line-height:normal;} .home-hero-content .btn {padding: 10px 20px 5px; font-family: 'Conv_AvenirLTStd-Black', Sans-Serif; border-radius: 8px; border: 0px; border-bottom: 5px solid #b41a0d; font-size: 21px;} .home-hero-content sup.tm {font-size: 0.35em; top: -1.5em;} .container.courses {margin-top: 0px; padding-top: 15px;} /* AARP-162[AARP-503] */ .resume-btn { background:#be0e00; margin-top:15px; padding:15px; text-align:center; color:#fff; font-weight:bold; font-size:20px; margin-right:15px;} .resume-btn a {display:block;color:#fff;} .course-df {background:#e6e6e6; padding:15px 15px; border:solid 1px #000;margin-bottom:25px;} .unit-section {margin-top:50px;} .unit-section h2 {text-align:center; color:#5c5249;font-weight:bold; margin-bottom:20px;} .course-df {color:#000; font-size:18px;line-height:22px; display:block; text-decoration:none;} .col-xs-11.rhs-padding { padding-left:0;} .course-df ul {margin:0;} .course-df ul li {padding:0; list-style:none;} .course-df ul li:last-child {margin:0px 0 0 10px; padding-left:30px;text-transform: uppercase;font-size:14px;font-weight:bold;} .course-df span {background:url(/legacyimages/red-lock-icon.png) no-repeat left top;position:relative; top:-4px; margin-right:10px; width:20px; height:25px; display:block; float:left;} .course-df.active {cursor:pointer; background:#ef3829; border:solid 1px #ef3829;} .course-df.active a {color:#fff;} .course-df.active span{ margin-right:10px; width:25px; display:block; float:left; background:none;} .course-df.complete {cursor:pointer;background:#f5f5f6; padding:14px 15px; border:solid 1px #000; margin-bottom:15px;} .course-df.complete a {color:#000;} .course-df.complete span {background:url(/legacyimages/right-icon.png) no-repeat left top; margin-right:10px; width:25px; height:27px; display:block; float:left;} .course-df a:hover {text-decoration:none;} .courser-info { border:solid 1px; text-align:center; font-size:16px;color:#000; padding:20px 15px;} .personal_info {margin: 0 0 0 75px;} /*--------------------------------------------- MEDIA QUERIES --------------------------------------------------- */ @media (min-width: 1900px) { .arrow1:before {right: 68% !important;} .arrow1:after {left: 28% !important;} .arrow2:before {right: 48%;} .arrow2:after {left: 48%;} .arrow3:before {right: 28%;} .arrow3:after {left: 68%;} .courses { text-align: center; } .hero-course{ padding:6% 0;} } @media (min-width: 1450px) { .carousel-inner .slider-img1, .carousel-inner .slider-img2, .carousel-inner .slider-img3 { background-size: contain; padding: 11.5% 0 13.5% 0;} .courses{margin-top:-40px;} } @media (min-width: 1367px) and (max-width: 1799px){ .arrow1:before {right: 73%;} .arrow1:after {left: 24%;} .arrow3:before {right: 24%;} .arrow3:after {left: 73%;} .hero-course{background-position:left top} } @media (min-width: 992px) and (max-width: 1200px) { .hero-content{ color:#fff; width:62%;padding:0 5%;} .courses { text-align: center; margin-top:-20px;} .arrow1:before {right: 80%;} .arrow1:after {left: 17%;} .arrow3:before {right: 17%;} .arrow3:after {left: 80%;} } @media (min-width: 768px) and (max-width: 991px) { .navbar-default>ul>li>a{padding:9px 5px;} .hero-content{color:#fff; width:77%; padding:0 5%;} .arrow1:before {right: 81%;} .arrow1:after {left: 16%;} .arrow3:before {right: 16%;} .arrow3:after {left: 81%;} .courses { text-align: center; margin-top:-20px;} .logo-rhs{ margin-top:-15px;} .contact-content{ margin:20px 50px;} .navbar-nav > li > a{padding:8px 5px;} .navbar-right .dropdown-menu{min-width:140px;} .dropdown-menu > li > a{padding:8px 10px;} .margin-top-cta {padding-right:0; margin-top:20px;} } @media (min-width: 1025px){ .home-hero-banner {height: 474px;} .home-hero-desc {margin-bottom: 30px;} } @media (min-width: 768px){ .sticky-footer{ display:none !important;} .navbar-right>li a{ text-transform:none;} .navbar-right>li:hover .fa{background:#d4cac1} .navbar-right>li a:hover{box-shadow:none; } .modal-dialog{width:320px; margin: 15% auto 0 auto;} .modal-footer div{margin:0; padding:0} .modal-lg{width:612px; padding:10px;} .modal-lg .modal-body{padding-bottom:10px;} .disclaimer small{font-size:10px;} .login div{margin:0; padding:0} .modal-dialog select{padding:6px 3px;} #stateSelection .modal-dialog{width:365px;} #stateSelection .modal-dialog .btn{min-width:120px;} } @media (max-width: 768px) { .home-hero-desc{font-size:18px;} } @media (max-width: 767px) { .sticky-footer {display:block;} header{margin-bottom:0} .navbar-default>ul>li>a{border:none} .navbar-default>ul>li>a{border-bottom: solid 1px #7d756d;border-top: solid 1px #2e2924;} .navbar-default>ul>li:last-child a{padding: 9px 18px; text-transform:none} .select-state{color:#333;} .inner-banner .btn-primary{display:none} .hero-course{background:url(/legacyimages/our-course-header-m.jpg) no-repeat right top; background-size:cover; width:100%;} .hero-pricing{background:url(/legacyimages/pricing-header-m.jpg) no-repeat right top; background-size:cover; padding:29% 0; width:100%;} .hero-faqs{background:url(/legacyimages/faqs-header-m.jpg) no-repeat right top; background-size:cover; padding:29% 0; width:100%;} .hero-busfines{background:url(/legacyimages/busfinesheader.jpg) no-repeat 60% top; background-size:cover; padding:29% 0; width:100%;} .hero-contact{background:url(/legacyimages/contact-header-m.jpg) no-repeat center top; background-size:cover; padding:29% 0;width:100%;} .hero-title{ font-size:22px; line-height:normal;} .hero-desc{font-size:14px; line-height:normal; text-shadow:1px 1px 0px #000;} .hero-content{padding:15% 0 20% 5%; height:auto; width:60%;} .price-non{text-shadow:1px 1px 0px #000;} .carousel-inner .slider-img1 {background: url(/legacyimages/slider1-m.jpg) no-repeat right top;background-size:100% auto; padding:5% 0; } .carousel-inner .slider-img2 {background: url(/legacyimages/slider2-m.jpg) no-repeat;background-size:100% auto; padding:5% 0;} .carousel-inner .slider-img3 {background: url(/legacyimages/slider3-m.jpg) no-repeat;background-size:100% auto; padding:5% 0;} .carousel-inner .btn-primary{display:none} .carousel-controls{top:50%} .carousel-control.left { padding: 0; left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; width:30px; } .carousel-control.right { padding: 0; right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; width:30px; } .fa.fa-chevron-left{left:-3px;} .fa.fa-chevron-right{right:-3px;} .carousel-caption { bottom: 15%; left: 6%; max-width: 65%; } .carousel-caption h3 { font-size: 200%; } .carousel-caption p { font-size: 25px; margin: 10px 0; } .bot-btn { width: 40%; } .video-holder{background:#fff;} .carousel-caption .bot-btn { width: 65%; } .nav-bg{ border:0;} .error-text{ margin-right:46px !important;} .nav>li.pull-right{float:none !important} .footer-links{text-align:left; padding-top:30px;} .footer-links img{position:relative; float:left; border-right:solid 1px #cecece; padding-right:20px; margin:5px 20px 20px 20px;} .footer-links a{display:block; margin-bottom:5px;} .disclaimer{text-align:left;} .disclaimer-sm{padding:10px 0; display:block; } .disclaimer img{display:block; margin-left:-4px;} .modal-dialog{max-width:320px; margin:10% auto 0 auto} .modal-lg{max-width:600px; margin-left:auto; margin-right:auto} .modal-footer div{margin:0; padding:0} .login div{margin:0; padding:0} .arrow1, .arrow2, .arrow3{ display:none;} .courses { text-align: center; margin-top:0;} .error .oops, .error .oops-select{right: 11px;top: -11px; font-size:12px; padding:4px} .error .oops-select, .form-textarea .oops{top: -11px !important} .error .oops:after, .error .oops-select:after{border-top-color: #ef3829;margin-left: -6px; border-right-color:transparent; margin-top:0;left: 50%;top: 100%;} .purh-course .btn-primary { width:100%;} .form-group.error{ margin-bottom:30px;} .validate{ top:-6px; right:0;} .modal-dialog select{padding:6px 3px;} .oops{right: 0px; float:none; position:absolute; margin:0; top:0px; font-size:11px; padding:2px 4px;} .oops:after, .oops-select:after {border-top-color: #ef3829;margin-left: -2px; border-right-color:transparent; margin-top:0;left: 50%;top: 100%; border-width:4px;} .error-message{padding: 3px 5px 1px 5px;} .text-area .oops{margin-top:0;} .text-area .validate{margin-top:25px;} .validate{float:none;top: -36px;right: 33px; position: absolute;} .dobRow .validate{margin-top:26px;} .gender-options .validate{margin:30px -26px 0 0} .dropdown{border:none; border-top: solid 1px #7d756d;} .dropdown a, .navbar-right > li >a{border:none; border-top: solid 1px #2e2924;} .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{ border:none; border-top: solid 1px #2e2924;} .navbar-nav .open .dropdown-menu > li > a { padding-left:45px;} .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus{background-color:#5c5249!important;} #stateSelection .modal-dialog .modal-footer{padding:15px 10px;} #stateSelection .modal-dialog .btn-lg{padding:8px 5px;} #stateSelection .modal-dialog .btn{min-width:auto;} .margin-top-cta {margin-top:0px;padding-right:0; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{ font-size: 12px;} .id-questions-dob .row, .id-questions-dob .row .col-xs-12{margin: 5px 0!important;} .verification-btns a{margin:0 0 10px 0;} .ivs-dob .oops{top: -25px;right: 100px;} .dob-bg{margin:0 0 20px 0;} .dob-bg .oops{float: right; margin: -20px 0px 0 3px;} .dob-bg .validate{float: right; margin: 10px -20px 0 0;} .col-xs-11.rhs-padding {padding-top:3px;padding-left: 20px!important;} .personal_info {margin: 15px 0 0 0;} } @media (max-width: 480px) { .hero-content{color:#fff;padding:0 0 0 8%; width:52%; } .carousel-inner .slider-img1, .carousel-inner .slider-img2, .carousel-inner .slider-img3{ padding:10% 0;} .hero-desc{ margin:15px 0;} .course-price{ padding: 20px 10px;} .form-group a.btn{ margin:0; width:100%;} /*.form-group input, .form-group textarea, .form-group select{ width: 100% !important;}*/ .error-text{ margin-right:0 !important;} .success{ position:relative; float:right; top:-70px;} .email-link{ margin-right:0 !important;} .carousel-controls { top: 52%; } .carousel-control.left { padding: 0; left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .carousel-control.right { padding: 0; right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .carousel-caption { bottom: 18%; left: 8%; max-width: 74%; } .carousel-caption h3 { font-size: 145%; } .carousel-caption p { font-size: 18px; margin: 8px 0; line-height: 18px; } .bot-btn { width: 40%; } .carousel-caption .bot-btn { width: 65%; } .bottom-cta{ padding:20px 0;} .forn-text{width:100%;} .btn{min-width:auto;} .bogo-txt{font-size:75%;} .home-hero-banner{} .home-hero-content {padding: 2% 2% 2% 52%;} .home-hero-title {font-size: 14px;} .home-hero-desc {font-size: 10px; margin: 10px 0;} .home-hero-content .btn {font-size: 10px; border-radius: 5px; padding: 10px 20px 7px; border-bottom: 3px solid #b41a0d;} } @media (max-width: 380px) { .carousel-inner .slider-img1, .carousel-inner .slider-img2, .carousel-inner .slider-img3{ padding:0;} .hero-content{color:#fff;padding:6% 0 0 8%; width:74%; } .hero-title{ line-height:normal;} .hero-desc{ margin:10px 0;} .slider-img3 .hero-desc{ margin-right:60px;} .slider-img2 .hero-desc{ margin-right:20px;} .carousel-controls { top: 58%; } .forn-text br{display:block;} .multiaccount a br {display: inline;} .multiaccount a {font-size:12px; padding:0 5px; margin:5px 0;} .courser-info {font-size:12px;} }