/* ==========================================================================
Author's custom styles
========================================================================== */
/* ZPS STYLES */
body {font-family: 'Lato', sans-serif;font-weight:400;font-size:16px;}
.browsehappy {
border: 3px solid #c04f4a;
padding: 10px;
font-size: 18px;
margin-top: 63px;
margin-bottom: 0px;
background-color: #FF0000;
color: #fff;
text-align: center;
}
.browsehappy a{
font-weight: bold;
color: #ffdd00;
}
.browsehappy a:hover{
color: #337ab7;
}
.oswald{font-family: 'Oswald', sans-serif;font-weight: 400;}
.oswald-light{font-family: 'Oswald', sans-serif;font-weight:200;}
.lead{font-weight: 400 !important;}
h1, h2, h3, h4, h5, h6, p, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Lato', sans-serif;}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.squares {
position: relative;
width: 100%;
background: rgba(119, 119, 119, 0.72);
text-align: center;
color: #FFF;
font-size: 24px;
border: 5px solid #29abe2;
margin-bottom:40px;
min-width:177px;
}
.squares:after {
content: "";
display: block;
padding-bottom: 100%;
}
.sq-content {
position: absolute;
width: 100%;
height: 100%;
padding:15px;
}
.squares h3{
font-size: 24px;
}
.fullscreen-bg__video {
position: relative;
top: -175px;
left: 50%;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
overflow: hidden;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -100;
}
.zodiac-form-text{
border-radius: 0px;
border: 1px solid #000;
width:300px;
}
.zodiac-form-text:active{
border: 1px solid #000 !important;
}
.section3-con{
margin-top: 5%;
}
.section4 .parts{
margin-top: 100px;
}
h2{font-size: 36px;}
.title-section h1{font-family: 'Oswald', Impact, Charcoal, sans-serif;font-weight: 400;}
.zodiac-navbar{
z-index:10;
border:0;
background: url("/Zodiac2/ui/img/main-nav-bg.png") repeat-x;
box-shadow:none;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
border-radius:0;
margin-bottom:0;
padding:0;
}
.zodiac-navbar .navbar-brand{margin:0;padding:10px 0 0 0;}
.zodiac-navbar .navbar-brand img{max-height:45px;}
.zodiac-navbar .navbar-right {float:right!important;}
.zodiac-navbar li a {text-decoration:none;font-size:14px;color:#000;text-transform:uppercase;padding-top:20px;padding-bottom:20px;border:0;}
.zodiac-navbar .nav-tabs {border:0;}
.zodiac-navbar .nav-tabs>li>a:hover, .zodiac-navbar .nav-tabs>li.active>a, .zodiac-navbar .nav-tabs>li.active>a:hover, .zodiac-navbar .nav-tabs>li.active>a:focus {
border:0;background:#c1c1c1;border-radius:0;color:#000;cursor:pointer;
}
.zodiac-dropdown .tab-content {
background:#c1c1c1;
position:absolute;
width:100%;
top: 60px;
font-size:16px;
color:#00339c;
z-index:9;
left:0;
}
.zodiac-dropdown .tab-pane {padding:30px 0 20px 0;}
.zodiac-navbar li {pointer-events: hover;}
.zodiac-dropdown ul {list-style:none;}
.zodiac-dropdown h2 {margin-top:0;color:#00339c;border-bottom:1px solid #00339c;text-transform:uppercase;font-size:24px;font-weight:300;padding-bottom:10px;letter-spacing:1px;}
.zodiac-dropdown p {color:#00339c;font-size:14px;font-weight:400;}
.zodiac-dropdown .tab-content a {color:#00339c;text-decoration:none;}
.zodiac-dropdown .tab-content .dropdown a{padding:3px 20px;line-height:1.5;}
.zodiac-dropdown .tab-content a:hover {color:#29abe2;}
.zodiac-dropdown .dropdown-header {font-size:16px;color:#00339c;}
.zodiac-dropdown .dropdown {margin-bottom:15px;padding-left:0;}
.zodiac-btn-white, .zodiac-dropdown .zodiac-btn-white{background:#fff;color:#000 !important;}
.zodiac-btn-white:hover, .zodiac-dropdown .zodiac-btn-white{background:#ffdd00;}
.zodiac-btn, .zodiac-dropdown .zodiac-btn{background:#ffdd00;color:#000 !important;border:#000 1px solid;border-radius:0;white-space:normal;}
.zodiac-btn:hover, .zodiac-btn:focus, .zodiac-btn.focus, .zodiac-dropdown .zodiac-btn:hover{color:#fff !important;background:#00339c;}
.zodiac-alert-yellow{background:#ffdd00;}
.zodiac-btn-warning,.zodiac-alert-warning {background:#00339c; color:#fff !important;}
.alert-dismissable {padding-right:35px!important;}
.alert-dismissable p {margin-top:10px;}
.zodiac-btn-danger:hover,.zodiac-btn-success:hover,.zodiac-btn-warning:hover, .zodiac-btn-new:hover {background:#000;color:#fff;}
.zodiac-btn-danger,.zodiac-alert-danger{background:#29abe2;}
.zodiac-btn-success,.zodiac-alert-success{background:#ff5800;}
.zodiac-btn-new{background:#8f23b3; color:#fff !important;}
.btnSm{font-size:14px!important; padding:5px; width:110px;}
.btnMd{font-size:17px!important; padding:4px; width:160px;}
.btnHeader{font-size:24px!important; padding:2px; width:300px;}
.btnSm-full{font-size:14px!important; padding:5px; width:110px;}
.btnMd-full{font-size:17px!important; padding:4px; width:160px;}
.btnHeader-full{ font-size:24px!important; padding:2px!important; width:300px;}
.alert{border-radius:0;padding:12px;border:0;color:#000;box-shadow:none;text-shadow:none;}
.btn {border-radius:0;margin-bottom: 5px;padding: 5px 20px;color:#000;border:1px solid #000;}
.btn-lg {padding: 10px 16px;}
.text-muted {color:#c1c1c1;}
.zodiac-navbar-mobile {
background:#fff;
border-radius:0;
border:0;
box-shadow:none;
margin-bottom:0;
z-index:10;
margin-top:27px;
}
#collapsedzodiacNav{overflow-y:auto !important;}
.zodiac-navbar-mobile a{color:#000;}
.zodiac-navbar-mobile>.container-fluid{padding-right:0;padding-left:0;}
.zodiac-navbar-mobile>.container-fluid>.navbar-header{padding-right:15px;padding-left:15px;}
.zodiac-navbar-mobile .navbar-nav>.active>a{background:transparent;}
.zodiac-navbar-mobile .navbar-header {border-bottom:6px solid #ffdd00;}
.zodiac-navbar-mobile .navbar-brand {padding:10px 0 10px 15px;max-width:150px;}
.zodiac-navbar-mobile .navbar-toggle {
position: relative;
float: right;
padding: 5px;
margin-top: 11px;
margin-right: 10px;
margin-bottom: 11px;
background-color: transparent;
border: 1px solid transparent;
border-radius: 4px;
}
.zodiac-navbar-mobile .navbar-toggle:focus {outline:0;}
.zodiac-navbar-mobile .navbar-toggle .icon-bar {
display: block;
width: 33px;
height: 4px;
border-radius: 1px;
background:#000;
}
.zodiac a:hover{color:#ffdd00;}
#collapsedZodiacNav .dropdown {
text-transform:uppercase;
font-weight:bold;
}
#collapsedZodiacNav .dropdown:active a, #collapsedZodiacNav .dropdown.active>a{color:#29abe2;}
#collapsedZodiacNav .open>a:focus, .nav>li>a:focus{background:transparent;}
#collapsedZodiacNav a {color:#000;}
#collapsedZodiacNav a:hover {background:#ffdd00;}
#collapsedZodiacNav .dropdown-menu {
padding-top:0;
padding-left:30px;
text-transform:none;
}
#zodiachome-layerslider{margin-top:54px;}
.bgImage{display:none;}
/* GLOBAL MEDIA QUERIES */
/* Smallest devices (mobile, 479px and below) */
@media (max-width: 479px) {
.round-img h3{
font-size: 20px;
}
.section1{
height:100% !important;
margin-bottom: 10%;
}
.section1 .col-sm-4{
margin-bottom: 5%;
margin-left: auto !important;
}
.fullscreen-bg__video{display:none;}
.homepage-img{
width: 130% !important;
margin-left: 0% !important;
position: absolute;
left: -35%;
top: 84%;
}
.MoreBrands {
padding-top: 0px !important;
padding-bottom: 5px !important;
}
.MoreBrands h2{
font-size: 20px;
}
.feat-prod {top:300px;max-width:470px;}
.section3{padding-top:40px;}
.section3-con {
margin-top: 7% !important;
text-align: left;
width: 100%;
max-width: 238px;
}
.section3-con h1{
font-size: 54px !important;
}
.diagonal-lines {
opacity:.5;
background-size: 100% !important;
}
.squares {
width: 115%;
}
.rebate-img {
margin-bottom:0px !important;
}
.getrebate{padding-top: 0px!important;text-align:center;}
.questions{
background-image: none !important;
background-repeat: no-repeat;
background-color: #1b61aa;
}
.feature-section ul{margin-left:0;}
.detail-carousel .fa {font-size:70px;}
.circle-text p {font-size:14px;}
.explorer-tabs .circle-text div {padding-top:25% !important;}
.full-height-embed {padding-bottom:2500px !important;}
.news-title {display:block;margin-bottom:30px;}
.results-top > div, .text-center-xs {text-align:center;}
.pin {width:25px;height:25px;}
.location {font-size:14px;margin-bottom:30px;max-width:250px;}
.eventsColumn .location{min-height:200px;}
.partsColumn .location {min-height:120px;}
.location address {max-width:250px;}
.section2 {height:530px;}
.section1-2 h2 {font-size:20px;}
.explorer-tabs .nav-pills li a {border-right:1px solid #c1c1c1;}
.feat-tabs .nav-pills li a {border-right:1px solid #363636;}
.header-section h1 {margin-top:50px;}
.section4 .round-img {margin:40px;}
.news-title{font-size:20px !important;padding-top:0 !important;margin-bottom:10px !important;}
.hover-effect p{font-size:14px;padding-top:0 !important;margin:0 !important;}
.hover-effect .big-text{font-size:25px;}
.explorer-tabs .glyphicons, .explorer-tabs .glyphicon, .explorer-tabs .fa, .feat-tabs .fa, .detail-carousel .fa, .rebate-tabs .fa {font-size:60px;margin-top: -14px;}
.questions .col-sm-3{max-width:200px;margin:0 auto;margin-bottom:40px;padding-left: 0px!important;}
.feature-section, .zodiac-rebatelan-background {padding:40px 0 !important;}
.rebatefeatures li{font-size:16px !important;}
.circles{font-size:70px !important;}
.rebates-section {padding:40px 0 !important;}
.robotic-rebates {margin-top:40px !important;}
.round-img{max-width: 250px;margin: 0px auto 40px;}
.zodiac-form-text{width: 100%!important;}
}
@media (min-width:480px) and (max-width:750px){
.round-img h3{
font-size: 20px;
}
.zodiac-form-text{width: 100%!important;}
.section3-con h1{
font-size: 54px !important;
}
.fullscreen-bg__video{display:none;}
.section1{
height:100% !important;
}
.section1 .row{
margin-bottom: 10%;
margin-top: 2%;
}
.section1 .col-sm-4{
margin-left: auto !important;
}
.homepage-img{
position: absolute;
top: -29px;
margin-left: 1% !important;
width:100% !important;
min-width: 614px;
}
.section3-con {
margin-top: 4% !important;
text-align: left;
width: 50%;
}
.getrebate{
padding-top: 0px!important;
text-align:center;
}
.diagonal-lines {
display:none;
}
.getrebate h3{
margin-top: 0px !important;
}
.zodiac-input-group {
margin: 0 auto;
padding-bottom: 5%;
}
.rebate-img{margin-bottom: 21px;margin-left: 0 !important; width:80%;}
.questions{
background-image: none !important;
background-repeat: no-repeat;
background-color: #1b61aa;
}
.round-img{max-width: 350px; margin: 0px auto 40px;}
.section4 .round-img {margin:60px;}
.news-title{margin-bottom:15px !important;font-size:40px !important;}
.effect-two .mask {height:110px !important;}
.effect-two:hover .mask, .effect-two:active .mask, .effect-two:focus .mask {height:100% !important;}
.hover-effect p{font-size:18px !important;padding:10px !important;}
.hover-effect .big-text{font-size:50px;}
.questions .col-sm-4{max-width:350px;margin:0 auto;margin-bottom:40px;}
.feature-section, .zodiac-rebatelan-background{padding:40px 0 !important;}
.rebatefeatures li{font-size:16px !important;}
.questions .col-sm-3{max-width:250px;margin:0 auto;margin-bottom:40px;}
.circles{font-size:70px !important;}
.rebates-section {padding:40px 0 !important;}
.robotic-rebates {margin-top:40px !important;}
}
/* X-Small devices (mobile, 480px and up) */
@media (min-width: 480px) {
.explorer-tabs .glyphicons, .explorer-tabs .glyphicon, .explorer-tabs .fa, .feat-tabs .fa, .detail-carousel .fa, .rebate-tabs .fa {font-size:60px;margin-top:19px;}
.circle-text p {font-size:16px;}
.hover-effect img {margin:0 auto;}
.news-title {display:block;margin-bottom:10px;}
.pin {width:25px;height:25px;}
.location {font-size:14px;margin-bottom:50px;max-width:220px;}
.section1-2 h2 {font-size:26px;}
.panel-title a, .panel-title a:hover, .panel-title a:focus {text-decoration:none;}
.main-img {height: 400px;}
.main-img img, .main-img .embed-responsive>* {max-height: 400px;}
.item .thumb img {max-height: 80px;}
.thumb-scroll .carousel {margin-top: 0px;}
.short-description {margin-bottom: 30px;}
.promo-spot {margin-bottom: 20px;}
.feat-prod {top:300px;max-width:500px;float:right;}
.section3{padding-top:40px;}
}
@media (min-width:768px) and (max-width:991px){
.round-img h3{
font-size: 20px;
}
.section1 {
height: 420px !important;
}
.section3{height:530px;padding:50px 0;}
.section3-con{
margin-top: -1% !important;
}
.homepage-img{
top:-15px;
position: absolute;
}
.section4{padding:80px 0;}
.section4 .container {max-width:100% !important;margin:0;padding:0;}
.section4 .row {margin-left:0 !important; margin-right:0 !important;}
.news-title{margin-top:10px;margin-bottom:15px !important;}
.effect-two .mask{height:80px !important;}
.effect-two:hover .mask, .effect-two:active .mask, .effect-two:focus .mask{height:100% !important;}
.circles{font-size:80px !important;}
.squares h3{
font-size: 18px;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.zodiac-navbar .navbar-brand {width:165px;}
.hover-effect p {font-size:16px !important; padding: 10px 15px !important;margin:0 !important;}
.hover-effect .big-text{font-size:35px;font-weight:700;}
.headline-section h3 {font-size:24px !important;}
.explorer-tabs .nav-pills li a, .feat-tabs .nav-pills li a {border-right:none !important;}
.header-section h1 {margin-top:100px;}
.detail-tabs .nav-tabs.nav-justified>li>a {border:none;border-bottom:1px solid #000;background:transparent;}
.detail-tabs .nav-tabs>li.active>a {
background:#fff;
color:#000 !important;
border:1px solid #000;
border-bottom:#fff !important;
}
.detail-tabs .nav-tabs a {color:#666 !important;}
.thumb-scroll .carousel {margin-top: 0px;}
.short-description {margin-bottom: 50px;}
.col-sm-offset-1-and-half {margin-left: 12.499999995%;}
.mx8-img{left:320px;top:61px;}
.t5-img{margin-left:270px;}
.questions{
padding:50px 0;
background-image: url("/-/media/C091AE0AD3C34E8882FF1763721AC915.ashx");
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.partsColumn .location {max-width:180px;min-height:160px;}
}
@media (max-width:1199px) {
.homepage-img{
width: 90%;
margin-left: 14%;
}
.section3-con {
margin-top: 0%;
}
.zodiac-navbar-mobile .navbar-header {
float: none;
}
.zodiac-navbar-mobile .navbar-toggle {
display: block;
}
.zodiac-navbar-mobile .navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.zodiac-navbar-mobile .navbar-collapse.collapse {
display: none!important;
}
.zodiac-navbar-mobile .navbar-nav {
float: none!important;
margin: 7.5px -15px;
}
.zodiac-navbar-mobile .navbar-nav>li {
float: none;
}
.zodiac-navbar-mobile .navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.zodiac-navbar-mobile .navbar-collapse.in {display:block !important;}
.zodiac-navbar-mobile .collapsing {overflow: hidden!important;}
.zodiac-navbar-mobile .dropdown-menu {
position:relative;
float:none;
min-width:0px;
border:none;
border-radius:none;
box-shadow:none;
}
.headline-section h3{margin-right:0 !important;}
.zodiac-navbar-mobile .navbar-left,.zodiac-navbar-mobile .navbar-right {
float: none !important;
}
.zodiac-headline {margin-top: 58px;}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.explorer-tabs .glyphicons, .explorer-tabs .glyphicon, .explorer-tabs .fa, .feat-tabs .fa, .detail-carousel .fa, .rebate-tabs .fa{font-size:45px;}
.circle-text p {font-size:14px;}
.hover-effect p {font-size:16px !important; padding: 10px 15px !important;margin:0 !important;}
.hover-effect .big-text{font-size:40px;font-weight:700;}
.pin {width:20px;height:20px;}
.location {font-size:11px;}
.eventsColumn .location{min-height:270px;margin-bottom:30px;}
.partsColumn .location{min-height:165px;margin-bottom:20px;}
.offerings-dropdown {font-size:14px;}
.header-section h1 {margin-top:420px;}
.main-img {height: 500px;}
.main-img img, .main-img .embed-responsive>* {max-height: 500px;}
.feat-prod {
top:0;
max-width:100%;
position:absolute;
}
.section3{height:475px;padding:66px 0;}
.rebate-promo{text-align:right !important;margin-top:0 !important;}
.mx8-img{left:225px;}
.t5-img{margin-left:400px;}
}
/* Large devices (desktops, 1200px and up) */
@media (min-width: 1200px) {
.zodiac-navbar li a {font-size:16px;}
.explorer-tabs .glyphicons, .explorer-tabs .glyphicon, .explorer-tabs .fa, .feat-tabs .fa, .detail-carousel .fa, .rebate-tabs .fa {font-size:60px; margin-top: 41px;}
.circle-text p {font-size:16px;}
.pin {width:25px;height:25px;}
.location {font-size:14px;}
.eventColumn .location{min-height:250px;}
.partsColumn .location{min-height:175px;max-width:250px;}
.eventColumn .location address {max-width:250px;}
.hover-effect p {font-size:20px !important;margin:0 !important;}
.hover-effect .big-text{font-size:55px;font-weight:700;}
.footer-section .input-group {margin-top:5px !important;}
.main-img {height: 600px;}
.main-img img, .main-img .embed-responsive>* {max-height: 600px;}
.product-images {margin-top: 20px;margin-bottom: 20px;}
.section3{height:550px;}
.feat-prod{height:100%;top:0;bottom:0;max-width:100%;position:absolute;margin-left:20%;}
.getrebate h1{font-size: 60px !important;}
.getrebate h2{font-size: 45px !important;line-height:60px !important;}
}
.section3{overflow:hidden;}
.feat-prod{z-index:3;}
h1 {text-transform:uppercase;font-weight:400;}
.MoreBrands{
padding-bottom: 10px;
opacity: 1;
width:100%;
background-color:#29abe2;
color: #FFFFFF;
z-index:9999;
text-align:center;
}
.MoreBrands h2{
color:#fff;
}
/* SECTION 4 */
.round-img .news-title {
color:#000;
text-transform: uppercase;
font-weight: 600;
display:block;
padding-top:10px;
font-size:25px !important;
}
.section4 h1 {
text-transform:uppercase;
margin-bottom: 5px !important;
}
.section4 h3{
margin-top: 0px !important;
margin-bottom: 15px !important;
}
.section4 {
color:#fff;
background:url('/Zodiac2/ui/img/HomepageBG.png') no-repeat center center / cover;
position: relative;
padding: 66px 0px;
text-align: right;
}
.diagonal-lines {
/*background: url('../img/Exploded_Parts.png') center center no-repeat;*/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size:cover;
background-size: 50%;
background-attachment: fixed;
position:absolute;
width:100%;
height:100%;
margin-top: -67px;
}
/* SECTION 2 */
.section2 {
padding:125px 0 200px;
color:#fff;
}
.section2 h1 {text-transform:uppercase;font-weight:400;text-shadow: 0px 0px 6px rgba(0, 0, 0, .5);}
.section2 p {font-size:24px;font-weight:400;text-shadow: 0px 0px 6px rgba(0, 0, 0, .5);}
/* SECTION 3 */
.section3 {
position:relative;
}
.section3 canvas {
position:absolute;
left:0;
bottom:0;
width:100%;
z-index:2;
}
.section3 .container{position:relative;z-index:4;}
.section3 h1 {
text-transform:uppercase;
font-weight:400;
color:#000;
margin-bottom: 5px !important;
}
.section3 h3{
margin-top: 0px !important;
margin-bottom: 15px !important;
}
.fade-text{opacity: 0;}
.feat-tabs .nav-pills li:nth-last-child(2) a {
border-right: 1px solid #363636 !important;
}
.explorer-tabs {margin-top:30px;}
.explorer-tabs .nav-pills {margin-bottom:10px;}
.explorer-tabs .nav-pills li a {
background:#fff;
border-left:1px solid #c1c1c1;
border-top:1px solid #c1c1c1;
border-bottom:1px solid #c1c1c1;
border-radius:0;
color: #000;
padding:5px;
text-transform:uppercase;
}
.explorer-tabs .nav-pills li:nth-last-child(2) a {border-right:1px solid #c1c1c1 !important;}
.explorer-tabs .nav-pills li a:hover, .explorer-tabs .nav-pills li a:focus, .explorer-tabs .nav-pills li.active a {
background:#ffdd00;
color:#000;
}
.explorer-tabs .tab-content {margin-top:40px;}
.owl-carousel .circle p {font-weight:bold;text-transform:uppercase;font-size:16px;z-index:4;width:100%;position:absolute;top:45%;margin:0 auto;padding:0;color:#fff;}
.overlay{
background: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:3;
}
.overlay:hover{background: rgba(0, 0, 0, 0.6);}
.circle-text {
width:100%;
}
.circle-text p {
text-transform:uppercase;
margin-left:5px;
margin-right:5px;
}
.explorer-tabs .circle-text:after {
content: "";
display: block;
width: 100%;
height:0;
padding-bottom: 100%;
background: #fff;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
border:1px solid #c1c1c1;
}
.explorer-tabs .circle-text div {
float:left;
width:100%;
padding-top:30%;
line-height:1em;
margin-top:-0.5em;
text-align:center;
color:#00339c;
}
.explorer-tabs .circle-text:hover:after {background:#00339c;}
.explorer-tabs .circle-text:hover div {color:#fff;}
/* EXPLORER CAROUSEL */
.explorer-tabs .owl-carousel {width: 81%;margin: 0 auto;}
.explorer-tabs .owl-nav .owl-prev:hover, .explorer-tabs .owl-nav .owl-prev:focus,
.explorer-tabs .owl-nav .owl-next:hover, .explorer-tabs .owl-nav .owl-next:focus {
color:#fff;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}
.carousel-wrapper {margin:0px 50px;}
.carousel-wrapper-sm {margin:0px 5px;}
.explorer-tabs .owl-nav div {
position: absolute;
color:#00339c;
}
.explorer-tabs .owl-nav .owl-prev{
left: -45px;
top: 55px;
}
.explorer-tabs .owl-nav .owl-next{
right: -45px;
top: 55px;
}
/* STEW THEME */
.section1{
height: 497px;
overflow: hidden;
}
.section1 .col-sm-4{
margin-top: 5%;
max-width: 300px;
margin-right: auto;
}
.section1 .news-title{
color: #000;
text-transform: uppercase;
font-weight: 600;
display: block;
padding-top: 10px;
}
.hover-effect {
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.hover-effect .mask, .hover-effect .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.hover-effect img {
display: block;
position: relative;
}
.hover-effect h2 {
text-transform: uppercase;
color: #fff;
text-align: center;
position: relative;
font-size: 17px;
padding: 10px;
margin: 0;
}
.hover-effect p {
font-size: 16px;
position: relative;
color: #fff;
padding: 30px 20px 20px;
text-align: center;
}
.hover-effect span {
padding-top: 10px;
}
.round-img {z-index:5;}
.logo-img{
margin-top: 5% !important;
padding-left: 20px;
padding-right: 20px;
width: 85%;
}
.gp{
width: 85%;
margin-top: -15px;
max-width: 350px;
}
.homepage-img{
max-width: 1108px;
}
.round-img h3{
font-weight: 600;
}
.round-img{max-width: 300px;}
.effect-two .bubble {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}
.effect-two .mask {
background-color: #2C6DB1;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-o-transition: all .5s linear;
-ms-transition: all .5s linear;
transition: all .5s linear;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.effect-two h2 {
background: transparent;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
color: #fff;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-o-transition: all .5s linear;
-ms-transition: all .5s linear;
transition: all .5s linear;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.effect-two .glyphicons {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.effect-two p {
color: #fff;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-o-transition: all .5s linear;
-ms-transition: all .5s linear;
transition: all .5s linear;
}
.effect-two a.btn {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-o-transition: all .5s linear;
-ms-transition: all .5s linear;
transition: all .5s linear;
}
.effect-two:hover .bubble, .effect-two:active .bubble, .effect-two:focus .bubble {
-webkit-transform: scale(10);
-moz-transform: scale(10);
-o-transform: scale(10);
-ms-transform: scale(10);
transform: scale(10);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.effect-two:hover .mask, .effect-two:active .mask, .effect-two:focus .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.effect-two:hover h2, .effect-two:hover p, .effect-two:hover a.btn,
.effect-two:active h2, .effect-two:active p, .effect-two:active a.btn,
.effect-two:focus h2, .effect-two:focus p, .effect-two:focus a.btn {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.effect-two:hover .glyphicons, .effect-two:active .glyphicons, .effect-two:focus .glyphicons {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
color: #333;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-o-transition: all .5s linear;
-ms-transition: all .5s linear;
transition: all .5s linear;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.footer-section .input-group {margin-top:15px;}
.footer-section .form-control{
background:transparent;
border-radius:0;
color:#fff;
border: 1px solid #fff;
}
.input-group-btn .zodiac-btn{color:#000;}
/* DETAIL PAGE */
.header-section .breadcrumb-section {padding-top:50px;}
#detailAccordion {margin-bottom:80px;}
#detailAccordion .panel {border-radius:0;border:none;box-shadow:none;}
#detailAccordion .panel-body{padding-bottom:20px;}
#detailAccordion .panel .panel-heading{background:#c1c1c1;border-radius:0;cursor:pointer;}
#detailAccordion .panel .panel-heading{text-transform:uppercase;background:#c1c1c1;border-radius:0;cursor:pointer;border:1px solid #000;}
#detailAccordion .panel .panel-heading:hover{background:#ffdd00;}
#detailAccordion .panel .panel-link , #detailAccordion .panel .panel-link:hover {color:#000;}
.promo-spot h1,.promo-spot h2,.promo-spot h3,.promo-spot h4,.promo-spot h5,.promo-spot h6,.promo-spot p {
margin-top:0;
padding-top:0;
}
.energy-star{max-width:70px;margin:0 20px 20px 0;}
.energy-star-text{max-width:150px;}
.jumpLinks-list {margin-bottom:15px;}
.main-img {margin-bottom:20px;}
.main-img img, .main-img .embed-responsive>* {margin:0 auto;}
.thumb-scroll .carousel-control {
position:relative;
width:5%;
font-size:60px;
background:none;
color:#00339c;
opacity:1;
text-shadow: 0 1px 2px rgba(0,0,0,0.2);
float:left;
line-height:80px;
}
.thumb-scroll .carousel {width:90%;float:left;}
.thumb-scroll .carousel-control:hover {color:#ffDD00;}
.item .thumb {
width:15%;
cursor: pointer;
float:left;
margin:0 5%;
text-align:center;
padding:0 2px;
line-height:80px;
}
.item .thumb img {
max-width: 100%;
vertical-align:middle;
}
/*LOCATOR */
.rebate-promo{text-align:center;margin-top:40px;}
.rebates-section .main-content {padding:0;}
.main-content {padding:20px 0;}
.main-content .legal-text {margin-top:50px;}
.find-btn {vertical-align:bottom !important;}
.zodiac-form .form-group {margin-right:30px;}
.zodiac-form label {font-size:24px;font-weight:400;}
.zodiac-form .form-control {border:0;outline:1px inset #000;outline-offset:-1px;}
.zodiac-headline {
font-weight: 400;
color:#fff;
background: #f37320;
}
.zodiac-headline h1{
font-size:50px;
font-weight: 400;
margin-top: 20px;
margin-bottom: 20px;
font-family: 'Oswald', Impact, Charcoal, sans-serif;
}
/*reasses below*/
.headline-section h3 {
color:#fff !important;
text-transform:uppercase;
font-weight:300;
margin-right:30px;
font-size:14px;
}
.headline-section .subline {text-transform:none;font-weight:bold;}
#map {
background: #A5C0DE;
width: 100%;
height: 462px;
margin-top: 39px;
}
/*reasses above*/
.h2-bold {
font-size:36px;
font-weight:600;
margin-top:40px;
}
.locator-pagination {margin:0;}
.locator-pagination>li>a, .locator-pagination>li>span,.locator-pagination>li:last-child>a, .locator-pagination>li:last-child>span {border:none;border-radius:0; color:#000;line-height:1.75;}
.locator-pagination>.active>a, .locator-pagination>.active>span, .locator-pagination>.active>a:hover, .locator-pagination>.active>span:hover, .locator-pagination>.active>a:focus, .locator-pagination>.active>span:focus {
color:#000;
background:transparent;
border:1px solid #c1c1c1;
padding:4px 10px;
}
.locator-pagination>li>a:hover, .locator-pagination>li>span:hover, .locator-pagination>li>a:focus, .locator-pagination>li>span:focus {
background:#ffdd00;
border-radius:0;
border:none;
}
.results-top, .results-top a{color:#6e6e6e;}
.results-top .fa {font-size:16px;margin-top:0;}
.results-line{margin-top:5px;}
.ddlMiles {min-width: 146px !important;}
.pin{
border-radius: 50% 50% 50% 0;
-moz-border-radius: 50% 50% 50% 0;
-webkit-border-radius: 50% 50% 50% 0;
background: #29abe2;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
float:left;
margin-right:10px;
color:white;
}
.pin:hover {
background:#FFdd00;
cursor:pointer;
}
.results-header{
font-size:21px;
font-weight:bold;
background: #f37320;
color:#fff;
max-width:200px;
}
.location p, .location address{
padding-left: 11px;
}
.results-name{
font-size: 16px;
margin-bottom: -1px;
}
.disclaimer{
font-size:12px;
font-style: italic;
padding-top:5px;
}
.zodiac-form .zodiac-btn{
margin-bottom: 0px;
padding: 5px 20px 5px 20px;
}
.zodiac-breadcrumb-section .breadcrumb {background:transparent;border-radius:0;margin-bottom:0;font-size:14px;}
.zodiac-breadcrumb a {font-weight:bold; color:#72469c;}
.zodiac-breadcrumb a:hover {color:#ff0000;}
.location address {
overflow:hidden;
margin-bottom: 0px;
font-size: 14px;
}
#errorBox {padding:10px;background:#fff;border:1px solid #000;}
#errorBox button {background:#ffdd00;border:1px solid #000; color:#000;}
/* FULL WIDTH */
.fullWidthImg{
margin-bottom:10px;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
}
.fullWidthHeader{margin-left:0px !important;}
a {color:#059CF0;}
a:hover, a:focus {color:#ffdd00;text-decoration:none;cursor:pointer;}
.breadcrumb-section {padding-top: 80px;text-align: right;}
.breadcrumb-section .breadcrumb {background:transparent;border-radius:0;margin-bottom:0;font-size:14px;}
.breadcrumb a {font-weight:bold;}
.breadcrumb a:hover {color:#ffdd00 !important;}
.text-uppercase{text-transform:uppercase;}
.blue-text {color:#29abe2;}
.dark-blue-text{color:#00339c;}
.grey-text {color:#6e6e6e;}
.main-content blockquote {border:none;color:#29abe2;}
.main-content hr {border-top: 1px solid #c1c1c1;}
.extras-section{background:#c1c1c1;text-align:center;color:#000;padding-top:50px;padding-bottom:50px;}
.extras-section h1 {text-transform:uppercase;margin:0 0 45px;}
/* EXTRAS CAROUSEL */
.feat-tabs .owl-nav .owl-prev:hover, .feat-tabs .owl-nav .owl-prev:focus,
.feat-tabs .owl-nav .owl-next:hover, .feat-tabs .owl-nav .owl-next:focus,
.rebate-tabs .owl-nav .owl-prev:hover, .rebate-tabs .owl-nav .owl-prev:focus,
.rebate-tabs .owl-nav .owl-next:hover, .rebate-tabs .owl-nav .owl-next:focus {
text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.9);
color:#ffdd00;
}
.feat-tabs .owl-nav div, .rebate-tabs .owl-nav div {
position: absolute;
}
.feat-tabs .owl-nav .owl-prev{
left: -45px;
top: 65px;
}
.feat-tabs .owl-nav .owl-next{
right: -45px;
top: 65px;
}
.feat-tabs .owl-carousel p {
padding-top:15px;
padding-bottom:15px;
text-transform:uppercase;
font-size:16px;
margin-top:10px;
font-weight:300;
}
.feat-tabs .owl-carousel a {color:#000;text-decoration:none;}
.feat-tabs .nav-pills {margin-bottom:30px;}
.feat-tabs .nav-pills li a {
background: #ffffff;
border: 1px solid #c1c1c1 !important;
border-radius:0;
color:#000;
padding:5px;
text-transform:uppercase;
white-space:nowrap;
}
.feat-tabs .nav-pills li:nth-last-child(2) a {border-right:none !important;}
.feat-tabs .nav-pills li a:hover, .feat-tabs .nav-pills li a:focus, .feat-tabs .nav-pills li.active a {
background: #ffdd00;
color: #000;
}
.feat-tabs .tab-content, .rebate-tabs .tab-content {margin-top:20px;}
/* GRID PAGE */
.title-section {background:#019FDA;padding:0 0 10px;}
.title-section .breadcrumb a {color:#fff;}
.title-section .breadcrumb .active {color: #c1c1c1;}
.title-section h1 {
text-transform: uppercase;
text-align: center;
color: #fff;
margin-top: 0;
}
.grid .col-sm-3 {margin-bottom:40px;padding:15px;}
.grid h3 {font-weight:700;}
.grid a{color:#000;}
.grid a:hover h3{color:#ffdd00;}
a:hover{text-decoration:none;cursor:pointer;}
/* DETAIL PAGE */
.header-section {
position: relative;
padding-bottom: 50px;
/*background: url('../img/Detail-bg.jpg') center;*/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin-bottom:-60px;
}
.header-section img.bannerImage, .section .bgImage {
display: none;
}
.header-section h1 {
text-transform: uppercase;
text-align: right;
color: #fff;
text-shadow: 1px 0px 8px rgba(0, 0, 0, .7);
font-family: 'Oswald', Impact, Charcoal, sans-serif;
}
.extras-section h1, .main-content h1{font-family: 'Oswald', Impact, Charcoal, sans-serif;}
.header-section .breadcrumb-section {padding-top:50px;}
.vary-width-images .owl-item img {width:auto !important;}
.detail-tabs {margin-top:20px;margin-bottom:50px;}
.detail-tabs .nav-tabs {text-transform:uppercase;font-size:14px;padding-right:0;}
.detail-tabs .nav-tabs>li>a {border-radius:0;}
.detail-tabs .nav-tabs .active > a:hover, .detail-tabs .nav-tabs a:hover{
background:#ffdd00 !important;
color:#000 !important;
border-top: 1px solid #000!important;
border-right:1px solid #000!important;
border-left:1px solid #000!important;
}
.detail-tabs .col-md-4 {margin-bottom:50px;}
.detail-tabs .tab-pane {margin:20px 15px;}
.detail-tabs .panel {border-radius:0;border:1px solid #000;}
.detail-tabs .panel-heading{background:#c1c1c1;border-radius:0;cursor:pointer;}
.detail-tabs .panel-heading > .panel-title > a {color:#000;text-decoration:none;}
.detail-tabs .panel-heading:hover {background-color:#ffdd00;}
.detail-tabs .panel .in{border-top:1px solid #000;}
.detail-carousel .owl-item > div {text-align: center;}
.detail-carousel .owl-item > div img {margin: 0 auto;}
.detail-carousel .owl-nav div {
position: absolute;
color:#000;
}
.detail-carousel .owl-nav .owl-prev {
left: -45px;
top: 55px;
}
.detail-carousel .owl-nav .owl-next {
right: -45px;
top: 55px;
}
.detail-carousel .owl-nav .owl-prev:hover, .detail-carousel .owl-nav .owl-prev:focus,
.detail-carousel .owl-nav .owl-next:hover, .detail-carousel .owl-nav .owl-next:focus {
color:#ffdd00;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}
.detail-carousel .owl-dots{
text-align: center;
-webkit-tap-highlight-color: transparent;
margin-top:20px;
}
.detail-carousel .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
.detail-carousel .owl-dots .owl-dot.active span, .detail-carousel .owl-dots .owl-dot:hover span {
background: #ffdd00;
}
.detail-carousel .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #666;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.vary-width-images .owl-item img {
margin:0 auto;
max-width: 100% !important;
width:inherit !important;
}
/* CATEGORY PAGE */
.nav-justified li:nth-last-child(2){
border-right-width:1px;
border-right-color:#c1c1c1;
border-right-style:solid;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {background:#c1c1c1;color:#FFdd00;}
.zodiac-btn-group {margin-bottom: 15px;}
.zodiac-btn-group .btn{margin-bottom:0;}
.zodiac-btn-group .dropdown-menu {
border-radius: 0;
border: 1px solid #000;
min-width: 216px;
margin-top: 0;
border-top: 0;
}
.zodiac-btn-group .dropdown-menu>li>a{ color:#000;}
.zodiac-btn-group .dropdown-menu>li>a:hover, .zodiac-btn-group .dropdown-menu>li>a:focus, .zodiac-btn-group .dropdown-menu>.active>a,
.zodiac-btn-group .dropdown-menu>.active>a:hover, .zodiac-btn-group .dropdown-menu>.active>a:focus
{background-color:#ffdd00;}
.grid .locator-pagination>li>a, .grid .locator-pagination>li>span, .grid .locator-pagination>li:last-child>a, .grid .locator-pagination>li:last-child>span
{color:#000;}
.grid .locator-pagination>li>a:hover, .grid .locator-pagination>li>a:focus, .grid .locator-pagination>.active>a, .grid .locator-pagination>.active>a:hover, .grid .locator-pagination>.active>span:hover, .grid .locator-pagination>.active>a:focus, .grid .locator-pagination>.active>span:focus
{color: #000;}
.grid .locator-pagination>.disabled>a, .grid .locator-pagination>.disabled>a:hover, .grid .locator-pagination>.disabled>span:hover, .grid .locator-pagination>.disabled>a:focus, .grid .locator-pagination>.disabled>span:focus
{color:#6e6e6e;}
/*404*/
.zodiac-404-background{
background-size:cover;
background-position:center;
/*background-image: url("../img/2560x683_SplashGirl.jpg");*/
background-repeat:no-repeat;
color:#FFFFFF;
}
.zodiac-404-background .container{
padding-top: 15%;
padding-bottom: 2%;
}
.zodiac-404-background h1{
font-family: 'Oswald', Impact, Charcoal, sans-serif;font-weight: 400;
font-size:65px;
}
/*Rebate Category*/
.rebates-section {padding:0;}
.rebates-section h1 {text-transform:uppercase;color:#000;}
.rebate-tabs .owl-carousel p {color:#00339c;font-weight:700;font-size:16px;padding-top:15px;padding-bottom:15px;margin-top:10px;}
.rebate-tabs p:hover{color:#ffdd00;}
.rebate-tabs .owl-nav .owl-prev{
left: -45px;
top: 35px;
}
.rebate-tabs .owl-nav .owl-next{
right: -45px;
top: 35px;
}
/*Rebate Landing*/
.rebatelantop{
margin-top: -3px !important;
}
.feature-section{
padding:70px 0;
}
.feature-section img{margin-top:25px; width:100%; max-width:250px;}
.feature-section h1{padding-bottom:25px;}
/*.rebate h3{
margin-bottom: 30px;
font-weight:normal;
}
.rebate {
background-color: #fff;
}
.rebate .zodiac-btn{
height: 34px;
}*/
.rebate{
color:#fff;
padding:36px 0;
}
.rebatefeatures h1 {color:#000099; margin-bottom:30px;font-weight:900;text-transform:none;}
.feature-section ul{
width: 250px;
margin: 0 auto;
}
.getrebate{
padding-top: 35px;
z-index:5;
}
.getrebate h1{
color:#fff;
font-size: 50px;
}
.getrebate h2{
font-weight:300;
font-size: 30px;
line-height:40px;
}
.getrebate h3{
font-size: 18px;
color:#ffdd00;
font-weight:700;
}
.mx8-img{
z-index: 1;
float: right;
margin-top: -699px;
position: relative;
}
.t5-img{position:absolute;z-index:1;top:-50px;}
.mx8elite-img {margin-bottom: 0px;margin-left: 0%;}
.zodiac-btn.btn-lg{font-size:23px;padding:5px 0;height:auto !important;}
#sfRebate .form-control{color:#fff;background:transparent;border:2px solid #fff;margin-bottom:15px;}
#sfRebate .form-control:active{border:2px solid #fff !important;}
#sfRebate .form-control::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.72);}
#sfRebate .form-control:-moz-placeholder {color: rgba(255, 255, 255, 0.72);}
#sfRebate .form-control::-moz-placeholder {color: rgba(255, 255, 255, 0.72);}
#sfRebate .form-control:-ms-input-placeholder {color:rgba(255, 255, 255, 0.72);}
.form-control:focus{
box-shadow:none;
}
.rebatefeatures li{
font-size: 21px;
margin-bottom: 10px;
}
.questions{
padding:50px 0;
background-image: url("/-/media/C091AE0AD3C34E8882FF1763721AC915.ashx");
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.questions h1{
margin-bottom:30px;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
color:#fff;
}
.rebate-video{
background-color:#fff;
border-top:7px solid #ffdd00;
padding:50px 0px;
color:#464547;
z-index:5;
position:relative;
}
.rebate-video h3{
padding-bottom:10px;
}
.subtext{
margin-top: 0px;
font-size: 14px;
font-style: italic;
}
.zodiac-input-group{
width:300px;
/*padding-bottom:15% !important;*/
}
.squares i {float:left;line-height:1;margin-top:-.5em;padding-top:35%;width:100%;font-size:90px; color:#29abe2;}
.squares:hover, .squares.active{
border: 5px solid #ffdd00;
color:#ffdd00;
}
.rebate-page{
margin-top:60px;
color:#fff;
padding:36px 0;
position:relative;
overflow:hidden;
}
.lightBlue-bg{
background: #0e91e4;
background: -moz-linear-gradient(top, #0e91e4 0%, #06a3e8 49%, #0e91e4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e91e4), color-stop(49%,#06a3e8), color-stop(100%,#0e91e4));
background: -webkit-linear-gradient(top, #0e91e4 0%,#06a3e8 49%,#0e91e4 100%);
background: -o-linear-gradient(top, #0e91e4 0%,#06a3e8 49%,#0e91e4 100%);
background: -ms-linear-gradient(top, #0e91e4 0%,#06a3e8 49%,#0e91e4 100%);
background: linear-gradient(to bottom, #0e91e4 0%,#06a3e8 49%,#0e91e4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e91e4', endColorstr='#0e91e4',GradientType=0 );
}
.darkBlue-bg{
background: rgb(35,63,146); /* Old browsers */
background: -moz-linear-gradient(left, rgba(35,63,146,1) 0%, rgba(27,97,170,1) 35%, rgba(27,97,170,1) 68%, rgba(35,63,146,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(35,63,146,1) 0%,rgba(27,97,170,1) 35%,rgba(27,97,170,1) 68%,rgba(35,63,146,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(35,63,146,1) 0%,rgba(27,97,170,1) 35%,rgba(27,97,170,1) 68%,rgba(35,63,146,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#233f92', endColorstr='#233f92',GradientType=1 ); /* IE6-9 */
}
.rebate-img{margin-bottom: 21px;margin-left: -13%;}
/*Rebate Category*/
.zodiac-rebatecat-background2{
background-color: #72469C;
color:#FFFFFF;
min-height: 386px;
}
.zodiac-rebatecat-background2 .container{
padding-top: 3%;
margin-bottom: 4%;
}
.zodiac-rebatecat-background2 h1{
text-transform:uppercase;
text-shadow: 0px 0px 6px rgba(0, 0, 0, .5);
}
.input-group-btn .btn {
padding: 6px 20px;
}
.zodiac-form-control {
border: 1px solid #000;
border-radius: 0;
}
.input-group-btn {
width: 50%;
}
/* FOOTER SECTION */
.footer-section{background:#363636;padding:20px 0 40px;position:relative;color:#c1c1c1;}
.footer-section a {color:#fff;}
.vert-line {
width: 1px;
height: 350px;
background-color: #fff;
}
.signUp-btn {
color: #fff !important;
text-transform: uppercase;
}
.signUp-btn .fa-angle-right {
font-size: 22px;
}
/*FLAGS*/
[class^="lg-flag-"], [class*="lg-flag-"]{
display: inline-block;
width: 39px;
height: 25px;
background-position: -39px 0px;
background-repeat: no-repeat;
vertical-align: baseline;
line-height: 25px;
background-image:url('../img/flags-lg-sprite.gif');
}
[class^="sm-flag-"], [class*="sm-flag-"]{
display: inline-block;
width: 20px;
height: 13px;
background-position: -20px 0px;
background-repeat: no-repeat;
vertical-align: baseline;
line-height: 20px;
margin-right: 7px;
background-image:url('../img/flags-sm-sprite.gif');
}
.sm-flag-af {background-position:0px 0px;}
.sm-flag-au {background-position:-20px 0px;}
.sm-flag-ost {background-position:-40px 0px;}
.sm-flag-be {background-position:-60px 0px;}
.sm-flag-cn {background-position:-80px 0px;}
.sm-flag-ca {background-position:0px -13px;}
.sm-flag-czk {background-position:-20px -13px;}
.sm-flag-de {background-position:-40px -13px;}
.sm-flag-fr {background-position:-60px -13px;}
.sm-flag-nz {background-position:-80px -13px;}
.sm-flag-it {background-position:0px -26px;}
.sm-flag-pt {background-position:-20px -26px;}
.sm-flag-ru {background-position:-40px -26px;}
.sm-flag-sp {background-position:-60px -26px;}
.sm-flag-swd {background-position:0px -39px;}
.sm-flag-swi {background-position:-20px -39px;}
.sm-flag-uk {background-position:-40px -39px;}
.sm-flag-us {background-position:-60px -39px;}
.lg-flag-af {background-position:0px 0px;}
.lg-flag-au {background-position:-39px 0px;}
.lg-flag-ost {background-position:-78px 0px;}
.lg-flag-be {background-position:-117px 0px;}
.lg-flag-cn {background-position:-156px 0px;}
.lg-flag-ca {background-position:0px -26px;}
.lg-flag-czk {background-position:-39px -26px;}
.lg-flag-de {background-position:-78px -26px;}
.lg-flag-fr {background-position:-117px -26px;}
.lg-flag-nz {background-position:-156px -26px;}
.lg-flag-it {background-position:0px -52px;}
.lg-flag-pt {background-position:-39px -52px;}
.lg-flag-ru {background-position:-78px -52px;}
.lg-flag-sp {background-position:-117px -52px;}
.lg-flag-swd {background-position:0px -78px;}
.lg-flag-swi {background-position:-39px -78px;}
.lg-flag-uk {background-position:-78px -78px;}
.lg-flag-us {background-position:-117px -78px;}
#loading{position:fixed;top:50%;left:50%;z-index:9999;display:none;margin-top:-24px;margin-left:-24px;width:48px;height:48px;background:url('/shared/img/loading.gif') center center no-repeat;}
.clsHidden {
display: none !important;
}
.locpageCurrLK {
background-color:#ffdd00 !important;
border-radius:0;
}
/* Page Editor Styles */
.pageeditor-text { color: Green;}
/* Vidyard Responsive Video */
.vidyard_player>span {
position: relative;
display: block;
height: 0 !important;
padding: 0;
overflow: hidden;
padding-bottom: 56.25%;
width: inherit !important;
}
.vidyard_iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.partdiagramImg {
float: left;
margin-right: 10px;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
hr {
border-top-color: #e5e5e5;
}
label {
font-weight: 400;
}
.form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: #999 !important;
background-color: #fff !important;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
height: inherit;
caret-color: #999;
}
.overlay-light, .overlay-dark {
display: block;
position: absolute;
height: 100%;
width: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
}
.overlay-light {
background: #fff;
opacity: 0.8;
}
.overlay-dark {
background: #000;
opacity: 0.6;
}
.video-bg-content {
background: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 768px) {
.video-bg-content {
background-image: none !important;
}
}
.video-bg {
display: none;
}
@media (min-width: 768px) {
.video-bg {
display: block;
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
width: 100%;
height: auto;
z-index: -10;
}
}
/*
@media (min-width: 992px) {
.video {
width: auto;
}
}
*/
/* floating labels */
.form-label-group {
position: relative;
margin-bottom: 1rem;
}
.form-label-group > input,
.form-label-group > label {
padding: .75rem .75rem;
}
.form-label-group > label {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
margin-bottom: 0; /* Override default `<label>` margin */
line-height: 1.5;
color: #999;
border: 1px solid transparent;
border-radius: .25rem;
transition: all .1s ease-in-out;
}
.form-label-group input::-webkit-input-placeholder {
color: transparent;
}
.form-label-group input:-ms-input-placeholder {
color: transparent;
}
.form-label-group input::-ms-input-placeholder {
color: transparent;
}
.form-label-group input::-moz-placeholder {
color: transparent;
}
.form-label-group input::placeholder {
color: transparent;
}
.form-label-group input:not(:placeholder-shown) {
padding-top: calc(.75rem + .75rem * (2 / 3));
padding-bottom: calc(.75rem / 3);
}
.form-label-group input:not(:placeholder-shown) ~ label {
padding-top: calc(.75rem / 3);
padding-bottom: calc(.75rem / 3);
font-size: 12px;
color: #999;
}
.bg-light-purple {
background: #B7A2DE;
}
.bg-light-gray {
background: #F2F2F2;
}
.bg-dark-gray {
background-color: #ededee;
}
.bg-gray {
background: #e5e5e5;
}
.scene-wrap {
height: 600px;
position:relative;
}
.promo-bg {
padding: 30px 15px !important;
margin-top: 20px;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
background: #99B1D6;
color: #fff;
}
/* locator */
.polaris-headline {
background-color: #B7A2DE;
margin-bottom: 3rem;
}
.results-header {
background-color: #B7A2DE;
}
.zodiac-headline {
background-color: #0089bf;
margin-bottom: 3rem;
}
.pin {
background: #9BB7DD;
border: none;
}
.form-control.txtZipCode,
.form-control.ddlMiles {
height: 44px;
}
.zodiac-btn.find-btn,
.polaris-btn.find-btn {
height: 44px;
}
/* bootstrap overrides */
html {
font-size: 16px!important;
}
body {
font-size: 1rem!important;
}
.h1, .h2, .h3, h1, h2, h3, .h4, .h5, .h6, h4, h5, h6 {
margin-top: 0;
}
/* bootstrap 4 */
.img-fluid {
max-width: 100%;
height: auto;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 768px) {
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
.order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
.bg-primary {
background-color: #007bff !important;
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: #0062cc !important;
}
.bg-secondary {
background-color: #6c757d !important;
}
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
background-color: #545b62 !important;
}
.bg-success {
background-color: #28a745 !important;
}
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
background-color: #1e7e34 !important;
}
.bg-info {
background-color: #17a2b8 !important;
}
a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
background-color: #117a8b !important;
}
.bg-warning {
background-color: #ffc107 !important;
}
a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
background-color: #d39e00 !important;
}
.bg-danger {
background-color: #dc3545 !important;
}
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
background-color: #bd2130 !important;
}
.bg-light {
background-color: #f8f9fa !important;
}
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
background-color: #dae0e5 !important;
}
.bg-dark {
background-color: #343a40 !important;
}
a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
background-color: #1d2124 !important;
}
.bg-white {
background-color: #fff !important;
}
.bg-transparent {
background-color: transparent !important;
}
.border {
border: 1px solid #dee2e6 !important;
}
.border-top {
border-top: 1px solid #dee2e6 !important;
}
.border-right {
border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
border-left: 1px solid #dee2e6 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left-0 {
border-left: 0 !important;
}
.border-primary {
border-color: #007bff !important;
}
.border-secondary {
border-color: #6c757d !important;
}
.border-success {
border-color: #28a745 !important;
}
.border-info {
border-color: #17a2b8 !important;
}
.border-warning {
border-color: #ffc107 !important;
}
.border-danger {
border-color: #dc3545 !important;
}
.border-light {
border-color: #f8f9fa !important;
}
.border-dark {
border-color: #343a40 !important;
}
.border-white {
border-color: #fff !important;
}
.rounded {
border-radius: 0.25rem !important;
}
.rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
.rounded-right {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-left {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.embed-responsive::before {
display: block;
content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-21by9::before {
padding-top: 42.857143%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.justify-content-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.justify-content-sm-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.justify-content-md-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.justify-content-lg-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.justify-content-xl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-none {
float: none !important;
}
@media (min-width: 576px) {
.float-sm-left {
float: left !important;
}
.float-sm-right {
float: right !important;
}
.float-sm-none {
float: none !important;
}
}
@media (min-width: 768px) {
.float-md-left {
float: left !important;
}
.float-md-right {
float: right !important;
}
.float-md-none {
float: none !important;
}
}
@media (min-width: 992px) {
.float-lg-left {
float: left !important;
}
.float-lg-right {
float: right !important;
}
.float-lg-none {
float: none !important;
}
}
@media (min-width: 1200px) {
.float-xl-left {
float: left !important;
}
.float-xl-right {
float: right !important;
}
.float-xl-none {
float: none !important;
}
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: -webkit-sticky !important;
position: sticky !important;
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
-webkit-clip-path: none;
clip-path: none;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
.text-justify {
text-align: justify !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
.font-weight-light {
font-weight: 300 !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-bold {
font-weight: 700 !important;
}
.font-italic {
font-style: italic !important;
}
/* utilities */
.p-6 {
padding: 6rem !important;
}
.pt-6, .py-6 {
padding-top: 6rem !important;
}
.pr-6, .px-6 {
padding-right: 6rem !important;
}
.pb-6, .py-6 {
padding-bottom: 6rem !important;
}
.pl-6, .px-6 {
padding-left: 6rem !important;
}
@media (min-width: 576px) {
.p-sm-6 {
padding: 6rem !important;
}
.pt-sm-6, .py-sm-6 {
padding-top: 6rem !important;
}
.pr-sm-6, .px-sm-6 {
padding-right: 6rem !important;
}
.pb-sm-6, .py-sm-6 {
padding-bottom: 6rem !important;
}
.pl-sm-6, .px-sm-6 {
padding-left: 6rem !important;
}
}
@media (min-width: 768px) {
.p-md-6 {
padding: 6rem !important;
}
.pt-md-6, .py-md-6 {
padding-top: 6rem !important;
}
.pr-md-6, .px-md-6 {
padding-right: 6rem !important;
}
.pb-md-6, .py-md-6 {
padding-bottom: 6rem !important;
}
.pl-md-6, .px-md-6 {
padding-left: 6rem !important;
}
}
@media (min-width: 992px) {
.p-lg-6 {
padding: 6rem !important;
}
.pt-lg-6, .py-lg-6 {
padding-top: 6rem !important;
}
.pr-lg-6, .px-lg-6 {
padding-right: 6rem !important;
}
.pb-lg-6, .py-lg-6 {
padding-bottom: 6rem !important;
}
.pl-lg-6, .px-lg-6 {
padding-left: 6rem !important;
}
}
@media (min-width: 1200px) {
.p-xl-6 {
padding: 6rem !important;
}
.pt-xl-6, .py-xl-6 {
padding-top: 6rem !important;
}
.pr-xl-6, .px-xl-6 {
padding-right: 6rem !important;
}
.pb-xl-6, .py-xl-6 {
padding-bottom: 6rem !important;
}
.pl-xl-6, .px-xl-6 {
padding-left: 6rem !important;
}
}
.z-0 {
z-index: 0;
}
.z-1 {
z-index: 1;
}
.z-2 {
z-index: 2;
}
.z-3 {
z-index: 3;
}
.z-4 {
z-index: 4;
}
.z-5 {
z-index: 5;
}
.z-999 {
z-index: 999;
}
.z-9999 {
z-index: 9999;
}
.z-max {
z-index: 2147483647;
}
.z-inherit {
z-index: inherit;
}
.z-initial {
z-index: initial;
}
.z-unset {
z-index: unset;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin-bottom: .25rem;
}
.h1, h1 {
font-size: 2.25rem;
font-weight: 400;
}
@media (min-width: 992px) {
.h1, h1 {
font-size: 3.125rem;
}
}
.h2, h2 {
font-size: 1.875rem;
font-weight: 400;
}
@media (min-width: 992px) {
.h2, h2 {
font-size: 2.25rem;
}
}
.h3, h3 {
font-size: 1.5rem;
font-weight: 400;
}
@media (min-width: 992px) {
.h3, h3 {
font-size: 1.875rem;
}
}
.h4, h4 {
font-size: 1.25rem;
font-weight: 400;
}
@media (min-width: 992px) {
.h4, h4 {
font-size: 1.5rem;
}
}
.h5, h5 {
font-size: 1rem;
font-weight: 400;
}
@media (min-width: 992px) {
.h5, h5 {
font-size: 1.25rem;
}
}
.h6, h6 {
font-size: .875rem;
font-weight: 400;
}
@media (min-width: 992px) {
.h6, h6 {
font-size: 1.125rem;
}
}
.banner {
position: relative;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
z-index: 2;
overflow: hidden;
}
.banner-sm {
min-height: 80px;
}
@media (min-width: 992px) {
.banner-sm {
min-height: 175px;
}
}
.banner-md {
min-height: 175px;
}
@media (min-width: 992px) {
.banner-md {
min-height: 350px;
}
}
.banner-lg {
min-height: 350px;
}
@media (min-width: 992px) {
.banner-lg {
min-height: 600px;
}
}
.btn {
font-size: 0.8125rem;
font-weight: 300;
padding: 12px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
white-space: normal;
text-transform: uppercase;
}
@media (min-width: 768px) {
.btn {
padding-left: 2.25rem;
padding-right: 2.25rem;
}
}
.text-light-gray {
color: #f5f5f5 !important;
}
.text-gray {
color: #777 !important;
}
.text-charcoal {
color: #4a4a4a !important;
}
.text-white {
color: #fff !important;
}
.text-black {
color: #000 !important;
}
.text-link {
color: #059CF0 !important;
}
.hover-link:hover {
color: #059CF0 !important;
}
.text-shadow {
text-shadow: 0 0 15px #333 !important;
}
.oswald {
font-family: 'Oswald' !important;
}
.small, small {
font-size: 80%;
}
.top-0 {
top: 0;
}
.right-0 {
right: 0;
}
.bottom-0 {
bottom: 0;
}
.left-0 {
left: 0;
}
@media (min-width: 992px) {
.parallax {
height: 600px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/*
.parallax-md {
height: 350px;
}
.parallax-lg {
height: 600px;
}
*/
}
.footer-section {
padding-top: 3rem;
}
/* zps overrides */
.rebate-page {
background: linear-gradient(#019FDA, #1b61aa);
}
.rebate {
text-align: left;
}
@media (min-width: 768px) {
.rebate .row,
.rebate-page .row {
display: flex;
}
}
#detailCarousel1 .svg-inline--fa {
height: 2rem;
width: 2rem;
}
#detailCarousel .svg-inline--fa {
height: 2rem;
width: 2rem;
}
.explorer-tabs .owl-nav .owl-next,
.explorer-tabs .owl-nav .owl-prev {
top: 85px;
}
.questions {
padding: 0;
background-attachment: unset;
}
h1.oswald,.h1.oswald {
font-size: 3.75rem;
}
.extras-section {
background: #f3f3f3 !important;
}
.is-invalid {
border: 1px solid #ed6d00 !important;
background-color: #feeac7 !important;
color: #ed6d00 !important;
}