.alert {
	margin-top: 30px;
	color: #0079B3;
}
.alert p {
	font-size: 2rem;
}
/* Fonts */
.fa {
	font-family: 'FontAwesome' !important;
}
.wp-image-107 {
    height: auto;
    width: 600px;
    margin: 0 auto;
    text-align: right;
    display: block;
    float: right;
}
body { font-family: 'Montserrat', sans-serif !important; }
h1, h2 {
    font-weight: 600 !important;
    color: #0079B3 !important;
    margin-bottom: 20px !important;
    opacity: 1;
}
.container-fluid {
	padding-left: 85px !important;
	padding-right: 85px !important;
}
.header-text a,
.header-text a:hover {
	text-decoration: none !important;
}
.ft-subpage {
	margin: 45px 0;
}
p {
    font-size: 1.8rem;
}
h2 {
    margin-bottom: 20px;
}
h3 {
    color: #455660;
    font-weight: 600;
}
.home-intro p,
.flight-info p,
.before-footer p {
    font-size: 20px;
    line-height: 1.6;
}
.content { min-height: calc(100vh - 200px); position: relative; }
/*!
* Copyright 2014-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/

@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }

/* Weather Widget */
.weather-widget {
    position: absolute;
    right: 55px;
    top: 55px;
}
.eaw-weather-info {
    border-radius: 30px !important;
}
.eaw-weather-detail {
    background: rgb(0, 0, 0, 0.6) !important;
}
.eaw-weather-component {
	max-width: 333px !important;
}
/* Navbar Styles (2023 Template) ================================= */
.top-nav .container-fluid,
nav {
    margin-right: 85px;
    margin-left: 85px;
}
.top-nav .social {
    float: right;
    margin-right: 10px;
    padding-top: 20px;
}
.top-nav .social .fa {
    font-size: 2rem;
    margin-left: 10px;
}
.top-nav .social a {
	margin: 0 5px;
}
#menu-main-menu {
    margin-top: 10px;
	position: relative;
    top: 20px;
}
.navbar-nav {
    float: right !important;
}
.navbar-brand {
    position: relative;
    top: -10px;
	height: auto !important;
}
.navbar-brand img {
    width: 21rem;
}
.navbar ul li a { 
    font-weight: 600; 
	font-size: 18px;
    transition: 0.8s; 
    line-height: 2.0; 
    padding: 12px;
    margin: 0 15px;
}
.navbar .navbar-nav li a:hover { 
    background: #8CC63F;
}
.dropdown-menu li a {
    color: #333 !important;
}
.navbar ul li a ul li a {
    color: #222222 !important;
}
.navbar-nav li .dropdown-menu {
    margin-top: -5px !important;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: none;
}

/* Video Header (Homepage) */
.aa {
	margin-top:15px; 
	margin-left:30px;
}
.allegiant {
	width:160px; 
	margin-right:30px;
}
.outer-video.hero-video {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.hero-video .video-container {
    height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.hero-video video {
    object-fit: cover;
    position: absolute;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
}
.in-left {
    animation-name: fadeInLeft;
    animation-fill-mode: both;
    animation-duration: 0.5s;
    animation-delay: 0.3s;
}
.hero-video .callout {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    text-align: center;
    position: relative;
    z-index: 10;
    width: 100%;
    margin: auto;
}
.header-title {
    color: #0079B3;
    font-size: 5rem;
}
.quick-links {
    position: absolute;
    bottom: 0;
    background: rgb(0, 36, 54, 0.8);
    width: 100%;
    border-bottom: 2px solid #0079B3;
}
.quick-links .fas {
	position: absolute;
    top: -30px;
    font-size: 3rem;
    right: 0;
    left: 0;
}
.quick-links .fa-plane-arrival,
.quick-links .fa-plane-departure, 
.quick-links .fa-info {
	top: -52px !important;
}
.quick-links .ql {
    position: relative;
    padding: 10px;
    display: inline-block;
    border-right: 1px solid #e4e4e4;
    height: 120px;
    width: 165px;
}
.quick-links .ql:first-child {
    border-left: 1px solid #e4e4e4;
}
.quick-links img {
    width: 45px;
    position: relative;
    top: 15px;
}
.quick-links a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    color: #fff;
    transition: 0.3s;
    line-height: 1.2;
}
.quick-links a:hover {
    text-decoration: none;
    color: #53B721;
    transition: 0.3s;
}

/* Homepage Content */
.home-intro {
    position: relative;
    min-height: 400px;
    background-size: cover !important;
    background-repeat: no-repeat !important; 
}
.home-intro .row {
	margin: 0;
}
.home-intro .text-content {
    padding: 35px 45px;
}
.home-intro .intro-img {
    position: absolute;
    right: 0;
    top: -45px;
    z-index: -1;
	display: none;
}
.intro-img-mobile {
	min-height: 400px;
	background-repeat: no-repeat !important;
	position: absolute;
}
.home-intro .section-bg { 
    background-size: cover !important;
    background-repeat: no-repeat !important;
    margin: 45px 0;
}
.wide-bg {
	background: url('/wp-content/uploads/2024/01/hts-home-bg-wide.png');
	background-size: cover !important;
	background-repeat: no-repeat !important;
	min-height: 520px;
}
.btn {
    background: #53B721;
    color: #fff;
    font-size: 18px;
    font-weight: 600 !important;
    padding: 10px 5px;
    margin-top: 10px;
    transition: 0.3s;    
}
.btn:hover {
    color: #fff !important;
    background: #0079B3;
    transition: 0.3s;
}
.content-section {
    margin-bottom: 45px;
}
.content-bg h2 {
    color: #fff;
    font-weight: 600;
}
.content-bg {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    min-height: 400px;
}
.card-section {
    padding: 0 45px 45px 45px;
}
.card-section h2 {
    margin: 45px 0;    
}
.card-section h3 {
    color: #0079B3;
    font-weight: 600;
}
.card {
    padding-bottom: 20px;
}
.card .card-img {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    min-height: 275px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.card .card-text {
    background: #fff;
    padding: 15px;
    min-height: 125px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.card .card-text .btn {
    margin-bottom: 10px;
}
.home-cards h2 {
	color: #fff !important;
	padding-bottom: 30px;
	font-size: 5rem;
}
.home-cards .card .card-text .btn {
	font-size: 2rem;
}
/* Flight Info / Flight tracker */


/* Give both tables in flight-tracker overflow */
.arrivals, .departures {
	overflow-x: auto;
	display: block;
	width: 100%;
}


.flight-info {
    padding-left: 45px;
    padding-right: 45px;
    margin-bottom: 65px;
}
.flight-info h2, 
.before-footer h2,
.fluid-text h2 {
    color: #0079B3;
    font-weight: 600;
    margin-bottom: 20px;
}
.flight-info .center-pills,
.ft-subpage .center-pills {
    display: flex;
    justify-content: center;
}
.flight-tracker {
    box-shadow: 0px 3px 6px #00000029;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.flight-tracker table {
    width: 100%;
}
.flight-tracker tr {
    border-bottom: 1px solid #e4e4e4;
}
.flight-tracker table th {
    text-align: left;
    padding: 10px;
    font-weight: 500;
    color: #000000;
}
.flight-tracker table td {
    padding: 10px;
    color: #0079B3;
    border-bottom: 1px solid #DBDBDB;
}
.flight-tracker .nav-pills {
    font-weight: 600;
    padding: 25px 0;
    background: #DBDBDB;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.flight-tracker .nav-pills a {
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #fff;
    margin: 0 15px;
    padding: 10px 35px;
	font-size: 2rem;
}
.flight-tracker .nav-pills .active a {
    background: #53B721 !important;
}
.before-footer {
    padding-left: 45px;
    padding-right: 45px;
    margin-bottom: 45px;
}
.before-footer h3 {
    color: #455660 !important;
    font-weight: 600 !important;    
}
/* Footer */
footer {
    padding: 45px 0;
    margin-top: 55px;
    background: #0079B3;
}
.footer .row {
	width: 100%;
}
footer .footer-logo {
    margin: 0 auto;
    display: block;
}
footer .footer-nav {
    margin: 45px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #fff;
}
footer .footer-nav ul {
    display: flex;   
    align-items: center;
    justify-content: center;
}
footer .footer-nav ul li a {
    padding: 10px 90px;
    font-weight: 800;
}
footer .copyright {
    color: #fff;
}
.footer-social {
    float: right;
}
.footer-social a {
    color: #fff;
    font-size: 2.5rem;
    padding: 0 15px;
    transition: 0.3s;
}
.footer-social a:hover {
    color: #53B721;
    transition: 0.3s;
}

/* Subpage Styles */
.subpage {
	margin-top: 35px;
    padding-left: 85px;
    padding-right: 85px;
}
.subpage p,
.subpage li,
.subpage a, 
.subpage td {
    font-size: 2rem;
}
.subpage li {
    padding-left: 10px;
}
.timeline-event-content {
    font-size: 16px;
    padding-left: 10px;
    position: relative;
    left: -25px;
    top: -25px;
}
.sub-header {
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 50% 60% !important;
    box-shadow: inset 0 0 0 2000px rgba(41, 41, 41, 0.6) !important;
    min-height: 300px;
}
.sub-title {
    position: absolute;
    left: 0;
    right: 0;
    top: 125px;
    bottom: 0;
    color: #fff;
    font-weight: 600;
    font-size: 4rem;
}
.sub-ph {
    background: #0079B3;
    box-shadow: none !important;
}
.subpage .fluid-content .fluid-text {
    margin-bottom: 45px;
}
.subpage .fluid-content h1 {
    margin-top: 45px;
    margin-bottom: 20px;
}

.subpage .three-cols:last-child {
    margin-bottom: 45px;
}
}
.subpage .three-cols h3, 
.subpage .three-cols p {
    font-weight: 600 !important;
}
.two-cols {
    margin: 45px 0;
    margin-bottom: 20px;
}
.two-cols h2 {
    margin-top: 25px;
    margin-bottom: 20px;
    color: #0079B3;
    font-weight: 600;
	
}
.two-cols p {
    line-height: 1.6;
    padding-right: 40px;
}
.two-cols img {
   width: 100%; 
}
.three-cols {
    margin-bottom: 20px;
}
.three-cols h3 {
    font-weight: 600 !important;
}
.three-cols img {
    max-width: 20rem;
    margin: 0 auto;
}
.subpage .img-gallery {
    margin: 45px 0;
}
.subpage .img-gallery .col-sm-3 {
    padding: 5px !important;
}
.subpage .img-gallery img {
    width: 100%;
}
.subpage .img-gallery .item {
    overflow: hidden;
    height: 250px;
}
.card-contain .col-md-3 {
    padding-right: 0;
    margin-top: 15px;
}
.card-contain .col-md-3:nth-child(4n) {
    padding-right: 15px;
}
.h-card {
    box-shadow: 6px 6px 6px #00000029;
    border: 1px solid #e4e4e4;
    margin-bottom: 15px;
}
.h-card .card-img {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    min-height: 245px;
}
.h-card .card-text {
    padding: 15px 10px 0px 10px;
    min-height: 215px;
}
.h-card .card-text p {
    font-size: 1.6rem;
    margin-bottom: 22px;
}
.h-card .card-text h3 {
    font-weight: 600;
    color: #0079B3;
    margin-top: 0;
}
.h-card .card-text a {
    position: absolute;
    bottom: 30px;
    font-size: 1.6rem;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    color: #53B721;
    transition: 0.3s;
}
.h-card .card-text a:hover {
    color: #0079B3;
    transition: 0.3s;
}
.wp-image-215 {
	max-height: 279px !important;
	max-width: 376px !important;
}
.wp-image-216 {
	max-height: 113px !important; 
	max-width: 461px !important; 
	margin-top: 50px !important;
}
.wp-image-217 {
	width: 240px;
}
.wp-image-218 {
	max-height: 341px !important; 
	max-width: 341px !important;
}
.wp-image-219 {
	height: 341px !important; 
	width: 342px !important; 
	border-radius: 50%;
}
.wp-image-220 {
	max-height: 341px !important; 
	max-width: 472px !important;
	position: relative;
    top: 35px;
}
.page-id-46 .fluid-text h2 {
	margin-top: 65px;
}
/* Mobile */
@media (max-width:4425px) {
    footer .footer-nav ul li a {
        padding: 10px 80px;
    }
}
@media (max-width:2265px) {
    footer .footer-nav ul li a {
        padding: 10px 65px;
    }
}
@media (max-width:2026px) {
    footer .footer-nav ul li a {
        padding: 10px 45px;
    }
}
@media (max-width:1706px) {
    footer .footer-nav ul li a {
        padding: 10px 25px;
    }
}
@media (max-width:1386px) {
	.wide-bg {
		background-position: center center !important;
	}
    footer .footer-nav ul li a {
        padding: 10px;
    }
}
@media (max-width:1563px) {
    #menu-main-menu {
        top: 0;
    }
}
@media (max-width:1250px) {
    .home-intro .intro-img {
        right: -345px;
    }
    .container-fluid {
        padding-left: initial !important;
        padding-right: initial !important;
    }
}
@media (max-width:1000px) {
    .home-intro .intro-img {
        right: -445px;
    }
}
@media (max-width:991px) {
    .top-nav .container-fluid, nav {
        margin-right: 15px;
        margin-left: 15px;
    }
    .card-contain .col-md-3:nth-child(4n) {
        padding-right: initial;
    }
    .subpage {
        padding-left: 25px;
        padding-right: 25px;
    }
    .hero-video .video-container,
    .hero-video video {
        height: 70vh;
    }
    .header-text {
        position: relative;
        top: 115px;
    }
    .header-title {
        font-size: 2.4rem !important;
    }
    .hero-video .callout {
        justify-content: initial;
    }
	.wide-bg {
		background: none !important;
	}
    .home-intro .intro-img {
        position: initial;
        padding-top: 35px;
    }
    .home-intro {
        margin-bottom: 0;
    }
    .home-intro h1 {
        margin-top: 0;
    }
    .home-intro .text-content {
        padding: 35px !important;
    }
	.home-intro .intro-img {
		display: block;
	}
    .home-cards {
        margin-top: 0;
    }
    .flight-tracker {
        margin: 25px 0;
    }
    .two-cols p {
        padding-right: 0;
    }
    .weather-widget {
        display: none;
    }
    .wp-image-107 {
        width: 100%;
    }
    footer .footer-nav ul {
        display: block;
    }
    footer .copyright {
        padding: 20px;
    }
    .footer-social {
        float: initial;
        text-align: center;
    }
	.plane-icon {
		display: none;
	}
}
@media (max-width:767px) {
	.callout a {
		display: block !important;
	}
	.top-nav .social {
		padding-top: 10px !important;
	}
	.navbar-brand {
		position: relative;
	}
	.navbar-brand img {
		width: 15rem;
	}
	.header-text {
		top: 15px !important;
	}
	.header-text img {
		width: 100px !important;
	}
	.header-text .aa {
		width: 195px !important;
		margin: 0;
	}
	.allegiant {
		margin: 0 !important;
	}
	.header-title {
		color: #fff;
		text-shadow: 1px 1px 1px #333;
	}
	.hero-video .video-container, .hero-video video {
		height: 75vh !important;
	}
	.quick-links .ql {
		padding: 12px;
	}
    #menu-main-menu {
        width: 100%;
        margin: 0 auto !important;
    }
    .navbar-nav {
        float: none !important;
    }
    .navbar-toggle {
        top: 15px; 
    }
    nav ul li .arrow {
        top: 12px !important;
    }
    .callout {
        padding: 0 10px;
    }
    .header-title {
        font-size: 3rem;
    }
   
    .quick-links .ql {
        display: block;
        border-right: none;
        border-bottom: 1px solid #e4e4e4;
        height: initial;
        width: initial;
    }
	.quick-links .fas {
		position: initial !important;
		margin-bottom: 3px;
	}
    .quick-links .ql:first-child {
        border-left: none;
    }
    .quick-links a {
        position: initial;
    }
    .quick-links img {
        display: block;
        margin: 0 auto;
    }
	.flight-info .center-pills {
		display: block;
	}
	.nav-pills li {
		float: initial !important;
		text-align: center;
		margin-bottom: 10px;
	}
	.flight-info .arrivals,
	.flight-info .departures {
		overflow: scroll;
	}
	
	
	/* stack buttons for flighttracker vertically if mobile */
	.flight-tracker .nav-pills {
		flex-direction: column;
	}

	
    footer .footer-nav ul {
        display: block;
        text-align: center;
    }
	footer ul li {
		margin: 15px 0 !important;
	}
	.footer .row {
		width: 100% !important;
	}
	.wp-image-215 {
		height: auto;
		padding: 30px;
	}
	.wp-image-216 {
		padding: 15px;
		margin-bottom: 60px !important;
	}
	.wp-image-217 {
		height: auto !important;
		width: 75% !important;
		padding: 45px 0;
	}
	.wp-image-217 {
		padding: 45px 0;
		height: auto !important;
		width: 75% !important;
	}
	.wp-image-218,
	.wp-image-219 {
		padding: 20px 0;
		height: auto !important;
		width: 75% !important;
	}
	.wp-image-220 {
		margin-bottom: 55px !important;
	}
	footer .copyright {
		text-align: center;
	}
}
@media (max-width:400px) {
    .header-text {
        position: relative;
        top: 75px;
    }
}
/* =============================================================== */






/* BS Navbar Toggle */
.navbar-toggle .icon-bar,
.navbar-toggle .icon-bar+.icon-bar { background: #006241 !important; }
.navbar-toggle .icon-bar { width: 30px; height: 3px; }

.site-alert { background-color: #fa9d24; width: 100%; position: relative; z-index: 9999999999; padding: 10px 5px; letter-spacing: 1px; font-size: 18px; }
.site-alert p { margin-bottom: 0 !important; }
.site-alert a { color: #fff; transition: 0.3s; }
.site-alert a:hover { opacity: 0.7; transition: 0.3s; }

.cs-dd { right: -27px !important; }
#customerSupport { color: #fff !important; }
.subpage-header { background-position: 50% 40% !important; min-height: 400px !important; }

/* Navbar Styles ================================= */
.navbar-toggle .icon-bar { background: #006241 !important; }
#navbar { overflow: hidden; }
nav ul li ul { position: absolute; padding: 0; z-index: 5; margin-top: 11px; }
nav ul li ul li { text-transform: capitalize; margin-top: 0; }
nav ul li ul .open { background: #fff !important; transition: 0.3s; }  
nav ul li ul .open a { color: #fff !important; }
nav ul li ul li .dropdown-menu { position: absolute !important; left: 158px; top: -2px; border-top-left-radius: 0; }
span.arrow { display: none; }
.dropdown-menu { z-index: 9999999 !important; }  
.dropdown-menu { padding: 0 !important; }
.dropdown-menu > li > a { text-transform: initial !important; transition: 0.3s; }
.dropdown-menu > li > a:hover { background: #337ab7 !important; color: #fff !important; transition: 0.3s; }
.arrow > .fa { transition: .5s ease; transform: rotate(0deg); }
.arrow.rotate > .fa { transition: .5s ease; transform: rotate(180deg); }
.mobile-social { display: none; }
.mobile-social ul li { display: inline-block; }
.navbar { border-bottom: 1px solid #D6D6D6 !important; min-height: 43px !important; margin-bottom: 0 !important; }
.navbar .open a { color: #333 !important; transition: 0.3s; opacity: 0.8; }
.navbar ul li { position: relative; }

.navbar ul li a ul { height: 0%; }
.navbar ul li a ul li a:hover { background: #006241 !important; color: #fff !important; }
.navbar-right { padding-right: 0 !important; }
.navbar-right #searchInput .fa-search { color: #707070; font-weight: 600; font-size: 18px; }
.navbar-right .social a { padding: 7px 10px; transition: 0.3s; }
.navbar-right .social a .fa { color: #8CC63F; font-size: 20px; }
.navbar-right .social a:hover { background-color: #006241 !important; transition: 0.3s; }
.navbar-right .social a:hover > .fa { color: #fff; transition: 0.3s; }
.nav-social-mobile { display: none; }
.navbar-right #searchInput { text-transform: capitalize; border-left: 1px solid #D6D6D6; border-right: 1px solid #D6D6D6; padding: 7px 10px !important; margin-right: 0 !important; background: none !important; letter-spacing: 1px; overflow: hidden; z-index: 2; transition: .5s; position: relative; text-decoration: none; margin: 0 5px; }
.navbar-right #searchInput:hover { color: #000 !important; }  
.navbar-right .social a { transition: 0.3s; }
.navbar-right .social a:hover > .fa { color: #fff; transition: 0.3s; }

footer .news-letter { font-size: 1.2em; padding-right: 25px; }
footer .news-letter .input-group { margin-top: 30px; padding-bottom: 15px; width: 100%; }
footer .news-letter .input-group input { border-radius: 50px !important; height: 45px; }
footer .ftr-col-header { font-size: 1.2em; font-weight: 500; margin-bottom: 15px; }
footer .ftr-col-header:after { content: ""; position: absolute; z-index: 2; width: 60%; background-color: #8CC63F; display: block; height: 2px; margin-top: 10px; }
footer ul { list-style: none; padding: 10px 0 0 0; }
footer ul li { font-weight: 100; margin: 5px 0; }
footer ul li a { color: #ffffff; font-size: 1.2em; transition: 0.3s; }
footer ul li a:hover { text-decoration: none; color: #8CC63F; transition: 0.3s; }
footer .ftr-address { margin: 15px 0; }
footer .ftr-address p { margin: 0; font-size: 1.2em; font-weight: 100; }
footer .ftr-calltoaction {font-size: 20px; margin: 35px 0; width: 55%; color: #8CC63F; }

@keyframes fadeInRight {
    from { opacity: 0; transform: translatex(100px); }
    to { opacity: 1; transform: translatex(0); } 
}
@keyframes fadeInRightSlow {
    from { opacity: 0; transform: translatex(100px); }
    to { opacity: 1; transform: translatex(0); } 
}
.active .slide-content { animation-name: fadeInRightSlow; animation-fill-mode: both; animation-duration: 0.8s; animation-delay: 0.8s; }
.active .slide-bg { animation-name: fadeInRight; animation-fill-mode: both; animation-duration: 1s; animation-delay: 1s; }

/* Header Animations */
@keyframes fadeInRight {
    from { opacity: 0; transform: translatex(100px); }
    to { opacity: 1; transform: translatex(0); } 
}
.in-right { animation-name: fadeInRight; animation-fill-mode: both; animation-duration: 0.6s; animation-delay: 0.6s; }
@keyframes fadeInLeft {
    from { opacity: 0; transform: translatex(-100px); }
    to { opacity: 1; transform: translatex(0); } 
}
.in-left { animation-name: fadeInLeft; animation-fill-mode: both; animation-duration: 0.8s; animation-delay: 0.8s; }

/* Navbar styles ================================= */
.navbar .navbar-nav > li > a:hover { background: #e5e5e5f2; }
nav ul li ul { display: none; position: absolute; padding: 0; z-index: 5; margin-top: 11px; }
.dropdown-menu { top: 103% !important; }  

.dropdown-menu-gc { box-shadow: 0 6px 12px rgba(0,0,0,.175); background:#707070; width: auto; margin-top: 0; top: 0; left: 100%; white-space: nowrap; }
.dropdown-menu-gc li a:hover, .dropdown-menu-gc li:hover a { background: none !important; }
nav ul li ul li { position: relative; text-transform: capitalize; margin-top: 0; }
nav ul li ul li a { text-transform: capitalize !important; font-size: 12px; letter-spacing: 1px; }
nav ul li ul li:hover > .expanded { display: block; }
.dropdown-menu .arrow { color: #fff !important; }
nav ul li ul li ul { background: #707070; position: absolute; box-shadow: 0 6px 12px rgba(0,0,0,.175); }
nav ul li ul li ul li { list-style: none; transition: 0.3s; padding: 0 !important; }
nav ul li ul li ul li:hover { background: #fff; transition: 0.3s; cursor: pointer; }
nav ul li ul li ul li a { color: #fff !important; display: block !important; transition: 0.3s; }
nav ul li ul li ul li a:hover { color: #fff; text-decoration: none; transition: 0.3s;}
span.arrow { display: none; } @media screen and (max-width:991px) {
nav ul li ul li .expanded li { font-size: 12px; }
.dropdown-menu-gc li a { font-size: 12px !important; }

@keyframes mymove {
    0% { top: -15px; }
    50% { top: 0; }
    51% { transform: rotate(0deg);}
    100% { transform: rotate(-45deg); top: 0; } 
}
@keyframes mymove2 {
    0% { top: 15px; }
    50% { top: 0; }
    51% { transform: rotate(0deg); }
    100% { transform: rotate(45deg); top: 0; } 
 }
@keyframes mymove3 {
    99% { width: 35px; }
    100% { width: 0px; } 
}
@keyframes mymove4 {
    0% { transform: rotate(-45deg); top: 0; }
    50% { transform: rotate(0deg); }
    51% { top: 0; }
    100% { top: -10px; } 
}
@keyframes mymove5 {
    0% { transform: rotate(45deg); top: 0; }
    50% { transform: rotate(0deg); }
    51% { top: 0; } 
    100% { top: 10px; } 
}
@keyframes mymove6 {
    0% { width: 0px; }
    99% { width: 0px; }
    100% { width: 35px; } 
}
}


/* =============================================== */

.navbar { border-bottom: 1px solid #D6D6D6 !important; min-height: 43px !important; margin-bottom: 0 !important; }
.navbar .open a { color: #333 !important; transition: 0.3s; opacity: 0.8; border-bottom: 1px solid #e4e4e4;}
/* Grandchildren Hovers */
.open>.dropdown-menu-gc { display: block !important; }
.navbar ul li { position: relative; }
.navbar ul li a ul { height: 0%; }
.navbar ul li a ul li a:hover { color: #F99D25 !important; }
.navbar-right { padding-right: 25px; }
.navbar-right #searchInput { text-transform: capitalize; border-left: 1px solid #D6D6D6; border-right: 1px solid #D6D6D6; padding: 7px 10px !important; }
.navbar-right #searchInput .fa-search { font-weight: 600; font-size: 18px; }
.navbar-right .social a { padding: 7px 10px; transition: 0.3s; }
.navbar-right .social a .fa { color: #8CC63F; font-size: 20px; }
.navbar-right .social a:hover { background-color: #006241 !important; transition: 0.3s; }
.navbar-right .social a:hover > .fa { color: #fff; transition: 0.3s; }
.nav-social-mobile { display: none; }
.navbar-right #searchInput { margin-right: 0 !important; background: none !important; letter-spacing: 1px; overflow: hidden; z-index: 2; transition: .5s; position: relative; text-decoration: none; margin: 0 5px; }
.navbar-right #searchInput:hover { color: #000 !important; }
.navbar-right #searchInput::before { position: absolute; content: ''; width: 100%; height: 5%; background-color: #006241; left: -100%; bottom: 0; transition: .5s; z-index: -1; }
.navbar-right #searchInput:hover::before { text-decoration: none; transition: 0.3s; left: 0; z-index: -1; }
.navbar-right .social a { transition: 0.3s; }
.navbar-right .social a:hover > .fa { color: #fff; transition: 0.3s; }
#searchModal { padding-right: 0 !important; }
#headerBG .item { background-size: cover !important; background-repeat: no-repeat !important; min-height: 675px; }
.home-btm-slider .owl-prev, .home-btm-slider .owl-next { display: none !important; }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { margin: 0 !important; }
.home-header .inner-text h1 { letter-spacing: 1px; font-size: 4.3em; font-weight: 800; color: #ffffff; padding-right: 415px; margin-top: 195px; line-height: 1.0; text-shadow: 2px 2px 2px #333; }


/* Subpages */
.sub-drop-menu { display: none; }
.sub-drop-menu button { margin-top: 15px; font-size: 14px; font-weight: 600; color: #fff; transition: 0.3s; }
.sub-drop-menu button:hover, .sub-drop-menu button:focus { text-decoration: none; color: #fff; background: #006241; transition: 0.3s; }
.sub-drop-menu ul { padding: 5px 15px !important; margin-bottom: 0; list-style: none; }
.sub-drop-menu ul li { padding: 5px 0; }
.sub-drop-menu ul li a { color: #fff; font-weight: 600; text-transform: uppercase; transition: 0.3s; }
.sub-drop-menu ul li a:hover { color: #F99D25; text-decoration: none; transition: 0.3s; }

/* FAQ Section */
.ex-container { margin-bottom: 35px; }
.rotate-45 { transform: rotate(45deg); transition-duration: 0.3s; }
.faq { cursor: pointer; width: 100%; border: none; outline: none; font-size: 1em; transition: 0.4s; }
.faq-block { padding: 0; margin-bottom: 20px; border-radius: 5px; border: 2px solid #e4e4e4; } 
.faq-block .btn { white-space: normal !important; font-size: 2.5em !important; position: relative;   box-shadow: inset 0 0 0 2000px rgba(41, 41, 41, 0.3) !important; background-size: cover !important; background-repeat: no-repeat !important; transition: 0.3s; }
.faq-block .btn:hover { color: #8CC63F; box-shadow: inset 0 0 0 2000px rgba(41, 41, 41, 0.5) !important; transition: 0.3s;   }
.faq-block .btn:hover > .fa { color: #8CC63F !important; transition: 0.3s !important; }
.faq .fa { position: absolute; top: 40px; right: 35px; font-size: 25px; color: #006241 !important; }
.faq-block .btn.active, .faq-block .btn:active { box-shadow: none !important; }
.faq-block h2 { padding: 20px !important; margin: 0 !important; color: #fff; text-shadow: 3px 3px 3px #000; }
.faq-block h3 { color: #707070; }
.faq-block .faq-panel a { color: #8CC63F; transition: 0.3s; }
.faq-block .faq-panel a:hover { color: #006241; transition: 0.3s; }
.ex-section { margin: 45px 0 15px 0; box-shadow: 3px 3px 3px #eee; }
button.btn.faq { padding-left: 0; border-radius: 0; background: #fff !important; }
button.btn.faq.active { border-radius: 0 ; }
button.btn.faq.active:focus, button.btn.faq:focus { outline: none ; box-shadow: none ; }
.faq-block { font-size: 18px; }
.faq-block .faq { text-align: left; }
.faq .fa { float: right; color: #fff !important; }
.faq-panel { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; padding-left: 20px; }
.faq-panel p { margin: 20px 15px 20px 0; }

/* FAQ - Normal w/o background image */
.faq-normal-container .btn { box-shadow: initial !important; font-size: 26px !important; color: #006241; text-shadow: initial !important; }
.faq-normal-container .btn:hover { box-shadow: none !important; }
.faq-normal-container .fa { color: #006241 !important; top: 27px !important; }

/* Scroll to top */
.scrollToTop { width: 50px; height: 50px; font-size: 45px; font-weight: bold; color: #fff; background: #006241; text-align: center; position: fixed; bottom: 80px; right: 20px; z-index: 9999; cursor: pointer; border-radius: 4px; display: none; box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .25); border: 1px solid #8CC63F; transition: 0.3s; }
.scrollToTop:hover { background: #8CC63F; transition: 0.3s; }
.scrollToTop .fa { position: relative; left: 0; right: 0; top: -15px; font-size: 35px; }

/* Featured Classes - Can be used in the CMS editor */
a.feat-btn { background-color:#006241; color: #fff !important;  margin: 0 10px; padding: 10px 15px; border-radius: 3px; transition: 0.3s;  font-size: 44px; }
a.feat-btn:hover { color: #8CC63F !important; transition: 0.3s; }
.center-a-block { margin: 0 auto; display: block; text-align: center; }
.pdf_link { display: inline-block;  position: relative;  z-index: 1; }
.pdf_link span { display: inline-block; overflow:hidden; }
.pdf_link span iframe { position: relative;  z-index: -1; }

/* Mobile */
@media screen and (max-width:1280px) {
    /* Homepage Image Carousel */
    .inner-text {
        padding-left: 55px !important;
    }
}

@media screen and (max-width: 1200px) {
    .before-footer .page-bottom-slider .item .slide-bg { height: 545px !important; bottom: -59px !important; }
    .before-footer .page-bottom-slider .item .slide-content { margin-top: 35px !important; }
    .before-footer .page-bottom-slider .item .slide-content .slide-text { font-size: 2em !important; } 
}

@media screen and (max-width:1000px) {
    .ftr-last-col .email { font-size: 16px; }
}

@media screen and (max-width:991px) {  
    .top-contact-nav { top: 40px !important; }
    .dropdown-menu .has-children:after { display: none; }
    .navbar-brand { padding: 15px !important; }   
    .rubberlite-home-header .inner-btn { width: 60%; padding: 15px; text-align: center; }
    nav ul li ul li .dropdown-menu { position: relative !important; width: 100%; left: 0 !important; }
    /* Homepage Image Carousel */
    .inner-text { padding-left: 0 !important; }
    .home-header .inner-text h1 { font-size: 3em; }
    /* Homepage Introduction */
    .introduction .intro-text { font-size: 1.2em; }
    .introduction img { margin: 0 auto; display: block; }
    /* Homepage - Quicklinks */
    .quick-links .ql-1, .quick-links .ql-2, .quick-links .ql-3 { padding-top: 35px; }
    /* Homepage News Posts */
    .rubberlite-highlights img { margin: 0 auto; display: block; }
    .rubberlite-highlights .news-post { text-align: center; margin-bottom: 45px; }
    /* Footer */
    footer .ftr-calltoaction { width: 100%; }
    .bg-links .col-md-8 .row { padding: 0 30px; }
    .bg-url img { width: 30% !important; }
    /* Pages */
    .quote-slider .item { margin-left: 0; margin-right: 0; }
    .previous-btn { float: initial; }
    .sub-section-header-title { text-align: left !important; }
    .subpage-content img { width: 100% !important; height: auto !important; }
    .featured-section-block .col-md-4 { padding-left: 15px; }
    .sub-title h1 { font-size: 2.2em; }
    .breadcrumb { float: left !important; padding-left: 5px !important; }
    .sub-drop-menu { display: block; }
    .breadcrumb { width: 100%; }   
    .navbar-brand { padding-left: 0 !important; margin-bottom: 15px; }
    .top-contact { float: left !important; }
    .top-nav .container .top-contact .quote { margin-left: 0 !important; }
    .navbar-right { display: none; }
    .home-header .inner-text h1 { padding-right: 250px !important; } 
    .ql-1, .ql-2, .ql-3 { margin: 0 75px 20px 75px; } 
    .intro-text { margin: 35px 15px !important; }
    .city-highlights .container-fluid .col-md-4 .feat-img { min-height: 200px !important; background-position: 50% 30% !important; }
    .city-highlights .container-fluid .col-md-4 { padding-right: 0; }
    .featured-media .row { padding: 15px !important; }
    .featured-media .row .featured-text { margin-bottom: 25px; padding-right: 0 !important; font-size: 1.2em !important; }
    .before-footer .page-bottom-slider .item .slide-content { font-size: 12px !important; padding: 45px !important; min-height: 0 !important; }
    .before-footer .page-bottom-slider .item .slide-bg { left: 0 !important; }
    footer .news-letter { padding-right: 0 !important; } 
}

/* Customize container */
@media (min-width: 768px) { 
    .container { max-width: 1200px; } 
    .min-container { max-width: 940px; } 
}

@media screen and (max-width:767px) {   
    /* Top Navigation */
    .top-contact-nav { top: 5px !important; }
    .top-contact-nav li { display: block !important; }
    .top-contact-nav li a:before { width: 100% !important; bottom: -2px !important; }
    .navbar-brand img { margin: 0 !important; } 
    .top-contact { float: left !important; padding: 15px 0 !important; }
    .top-contact .quote { margin-left: 0 !important; font-size: 18px !important; }
    .mobile-social { display: initial; position: absolute; }  
    .navbar-right #searchInput { border: none; }
    .nav-social-mobile { display: block; }
    .home-header .inner-text h1 { padding-right: 0 !important; text-align: center; margin-top: 50px !important; }
    /* Navigation */
    .navbar-nav { margin: 0 -15px !important; }
    nav ul { float: none; }
    nav ul li { width: 100%; text-align: center; position: relative; margin: 0; }
    nav ul li a { padding: 20px 0; }
    .navbar-nav > li > a:hover { background: #eee; }
    nav ul li .arrow { position: absolute; display: block; right: 5%; color: #fff; width: 40px; text-align: center; top: 7px; line-height: 30px; }
    nav ul li ul { position: relative !important; float: none !important; }
    nav ul li ul li { width: 100%; padding: 0; margin-left: 0; margin-right: 0; }
    nav ul li ul li a { padding: 5px 0 5px 0; }
    nav ul li:hover > ul { display: none; }
    span.arrow { display: block; }
    .navbar.navbar-nav > li > a, nav ul li ul li a { padding-left: 0 !important; padding-right: 0 !important; }
    .featured-media { margin-top: 0 !important; }
    .before-footer .page-bottom-slider .item .slide-bg { bottom: -35px !important; }
    .before-footer .page-bottom-slider .item .slide-content { left: 0 !important; } 
    /* Homepage Image Slider */
    .rubberlite-home-header .inner-btn { margin: 0 auto; display: block; }  
    /* Middle Section Carousel */
    .home-slider-middle .owl-dots { position: relative; right: 0; left: 0; bottom: 10px; }
    .home-slider-middle .slide-content { padding: 30px; }
    .home-slider-middle .slide-bg { min-height: 220px; }
    .home-slider-middle .slide-content .slide-title { font-size: 1.8em; margin-top: 10px; }
    .home-slider-middle .slide-content .slide-text { font-size: 1.2em; padding-top: 10px; }
    .home-header .inner-text h1 { margin-bottom: 10px; }
    .rubberlite-home-header .inner-btn { width: 100%; }
    .introduction .intro-text p { text-align: center; }
    .introduction .intro-text h1 { margin-top: 0; text-align: center; }   
    /* News Sections */
    .news-view-single .news-post img { width: 80% !important; }
    /* Before Footer Quick Links */
    .before-footer-section img { max-width: 50%; }
    /* Footer */
    footer .ftr-calltoaction { font-size: 16px; margin: 20px 0; }
    .ftr-logo { max-width: 40% !important; }
    .ftr-last-col .ftr-location { margin: 15px 0; }
    .ftr-col-header::after { width: 90% !important; }
    /* Pages */
    .page-top-slider .owl-nav { display: none !important; }
    .page-top-slider .owl-prev,
    .page-top-slider .owl-next { position: relative; top: 0 !important; }
    .rl-intro { margin-top: 0 !important; }
    .slide-title .inner-btn { width: 50% !important; font-size: 16px; padding: 10px 0 !important; }
    .mobile-social { display: block; }
    .image-block { margin: 30px 0; }
    .image-block .item img { margin: 0 auto !important; padding: 25px 0; }
    .home-header .inner-text h1 { font-size: 2.5em !important; } 
    .home-header, .home-header .item { min-height: 245px !important; } 
    .quick-links { margin-top: 0 !important; }
    .quick-links .col-md-4 { padding: 0; }
    .quick-links .ql-1, .quick-links .ql-2, .quick-links .ql-3 { margin: 0 !important; min-height: 230px; }
    .quick-links .ql-1 a, .quick-links .ql-2 a, .quick-links .ql-3 a { position: relative !important; padding: 5px 20px !important; bottom: 0 !important; margin: 0 !important; }
    .subpage-header { min-height: 140px !important; }
    .sub-title h1 { top: 130px !important; }
    .column-image-row .col-res-img { display: block; width: 100% !important; margin: 0 auto; margin-bottom: 20px; }
    .column-image-row .col-sm-4 img { display: none; }
    .navbar-nav { margin: 0 -15px !important; }
    nav ul { float: none; }
    nav ul li { width: 100%; text-align: center; position: relative; margin: 0; }
    nav ul li a { padding: 20px 0; }
    .navbar-nav > li > a:hover { background: #eee; }
    nav ul li .arrow { position: absolute; display: block; right: 5%; color: #fff; width: 40px; text-align: center; top: 7px; line-height: 30px; }
    nav ul li ul { position: relative !important; float: none !important; }
    nav ul li ul li { width: 100%; padding: 0; margin-left: 0; margin-right: 0; }
    nav ul li ul li a { padding: 5px 0 5px 0; }
    nav ul li:hover > ul { display: none; }
    span.arrow { display: block; }
    .navbar.navbar-nav > li > a,
    nav ul li ul li a { padding-left: 0 !important; padding-right: 0 !important; }
    /* Post styles after launch */
    .left-nav { margin-top: 0px!important; }
    #searchModal .modal-dialog { position: relative; bottom: -60px; }
    .top-contact-nav li a { line-height: 2.0 !important; font-size: 12px !important; }
    .navbar ul li a { border-top: 1px solid #e5e5e5; }
    .mobile-social ul li a { border: none !important; }
    nav ul li .arrow { position: absolute; display: block; right: 5%; color: #fff; width: 30px; text-align: center; top: 7px; line-height: 30px; background: #8CC63F; border-radius: 5px; }
    .cs-dd { display: none !important; }
    .home-header .inner-text h1 { font-size: 1.5em !important; }
    .slide-title .inner-btn { font-size: 14px !important; padding: 10px !important; }
    .scrollToTop { bottom: 20px !important; right: 10px !important; }
    /* Homepage Image Slider */
    .rubberlite-home-header .inner-btn { margin: 0 auto; display: block; }  
    /* Middle Section Carousel */
    .home-slider-middle .owl-dots { position: relative; right: 0; left: 0; bottom: 10px; }
    .home-slider-middle .slide-content { padding: 30px; }
    .home-slider-middle .slide-bg { min-height: 220px; }
    .home-slider-middle .slide-content .slide-title { font-size: 1.8em; margin-top: 10px; }
    .home-slider-middle .slide-content .slide-text { font-size: 1.2em; padding-top: 10px; }
}