/* CSS Document */

/* Carousel Global */
.acq-carousel {}
.carousel-inner img {height: calc(60vh + 90px); width: 100%; object-fit: cover; background-position: center center; background-color: #000;}
.overlay-carousel {position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; opacity: 1; background: linear-gradient(to bottom, rgba(30, 36, 58, .65) 0%, rgba(30, 36, 58, 0.8) 50%, rgba(30, 36, 58, 0.9) 75%, rgba(30, 36, 58, 0.9) calc(75% + 1px), rgba(30, 36, 58, 1) 100%);}  
.carousel-indicators {bottom: 50px; z-index: 2 !important;}
.carousel-indicators li {border: 1px solid #fff; margin: 0px 5px; width: 18px; height: 18px; border-radius: 20px; background-color: transparent; opacity: 1;}
.carousel-indicators li:hover {cursor: pointer !important;}
.carousel-indicators li:hover, .carousel-indicators li:focus, .carousel-indicators li.active {background-color: rgba(78, 229, 139, 1.0); transition: all 0.3s ease-in;}
.carousel-control-next, .carousel-control-prev {width: auto !important;}
.controls {position: relative; z-index: 10; bottom: 60px; max-width: 1400px;}
a.carousel-indicators, a.carousel-indicators:hover {color: #aeaeae !important;}
.car-prev:before {content: "\2190"; margin-bottom: 4px; margin-right: 12px;}
.car-next:after {content: "\2192"; margin-bottom: 4px; margin-left: 12px;}
.car-prev-span, .car-prev-span:hover {margin-left: 10px; color: #fff !important;}
.car-next-span, .car-next-span:hover {margin-right: 10px; color: #fff !important;}
.car-prev, .car-next {font-size: 1.375rem; color: #aeaeae; text-transform: uppercase; letter-spacing: 1px; opacity: 1;}
.car-prev:hover, .car-next:hover {color: #fff; opacity: 1; transition: all 0.4s ease-in-out;}
.car-cont {background-color: transparent; position: absolute; width: 100%; height: auto; bottom: 25%; left: 0; vertical-align: middle; z-index: 7;}
.car-num {color: #fff; font-size: 26px; padding: 0px 0px 15px; border-bottom: 4px solid #415ba7; width: 10.5rem;}
.car-title {color: #fff; font-size: 2rem; margin: 25px 0px 35px 0px; text-decoration: none !important; font-weight: 600;}
.car-title2 {color: #fff; font-size: 3rem; margin: 25px 0px 0px 0px; text-decoration: none !important; font-weight: 600;}
.car-title3 {color: #fff; font-size: 2rem; margin: 25px 0px 0px 0px; text-decoration: none !important; font-weight: 600;}
.car-text {color: #fff; font-size: 1.5rem; margin: 0px; font-weight: 300; font-style: italic;}
.car-link {color: #fff; background-color: transparent;}
.carLink {color: #fff; font-size: 1rem; font-weight: 300; font-style: italic; border: 2px solid rgba(78, 229, 139, 1.0); background: transparent; padding: 15px 20px; border-radius: 30px; transition: 350ms all ease-out;}
.carLink:hover, .carLink:focus {color: #fff; background: rgba(78, 229, 139, .25); transition: 350ms all ease-in; text-decoration: none !important;}

/*
.car-title:hover {color: #007bff; text-decoration: none; transition: all 0.3s ease-in;}
.car-link:hover {transition: all 0.3s ease-in;}
*/

/* Play - Pause Button for carusel */
#carouselButtons {
    position: absolute;
    top: 165px;
	margin-left: 100px;
	z-index: 1000;
	transition: all 600ms ease-in;
}
.btnPlay, .btnPause {border: 2px solid rgba(255,255,255,0.85); background-color: transparent; transition: all ease-out 300ms;}
.btnPlay:hover, .btnPlay:focus, .btnPlay:focus-within, .btnPlay:focus-visible, .btnPlay:target {background-color: rgba(0,153,51,0.25); transition: all ease-in 300ms;}
.btnPause:hover, .btnPause:focus, .btnPause:focus-within, .btnPause:focus-visible, .btnPause:target {background-color: rgba(255,0,0,0.25); transition: all ease-in 300ms;}

.buttonPad {top: 270px !important; transition: all 600ms ease-in;}

/* Extra small devices (iPhone 5/SE) */
@media (max-width: 321.98px) {
	.carousel {margin-top: -1px;}
	.carousel-inner img {height: 70vh;}
	.car-cont {bottom: 85px !important;}
	.car-title {font-size: 20px; }
	.car-title2 {font-size: 38px; margin-bottom: 1rem;}
	.car-title3 {font-size: 20px; margin-bottom: 1rem;}
	.carLink {font-size: 1rem;}
	.car-text {font-size: 1.15rem;}
	.carousel-indicators {bottom: 24px;}
	.controls {display: none !important;}
}

/* Extra small devices (iPhone 6/7/8 and Plus Models) */
@media (min-width: 322px) and (max-width: 415.98px) {
	.carousel {margin-top: -1px;}
	.carousel-inner img {height: 70vh;}
	.car-cont {bottom: 130px !important;}
	.car-title {font-size: 25px; }
	.car-title2 {margin-bottom: 1rem;}
	.car-title3 {font-size: 25px; margin-bottom: 1rem;}
	.carLink {font-size: 1.25rem;}
	.car-text {font-size: 1.35rem;}
	.carousel-indicators {bottom: 40px;}
	.controls {display: none !important;}
}
@media (min-width: 376px) and (max-width: 415.98px) { 
	.car-text {font-size: 1.5rem !important;}
}

@media (min-width: 413px) and (max-width: 415.98px) {
}

/* Extra small devices (portrait phones, less than 576px) */
@media (min-width: 416px) and (max-width: 575.98px) {
	.carousel {margin-top: -1px;}
	.carousel-inner img {height: 70vh;}
	.car-cont {bottom: 130px !important;}
	.controls {display: none !important;}
	.car-title {font-size: 2.15rem; }
	.car-title2 {margin-bottom: 1rem;}
	.car-title3 {margin-bottom: 1rem;}
}
/* Small devices COL-SM (landscape phones, 576px - 767px) */
@media (min-width: 576px) and (max-width: 767.98px) {
	.carousel {margin-top: -1px;}
	.carousel-inner img {height: 60vh;}
	.car-cont {bottom: 130px !important;}
	.controls {display: none !important;}
	.car-title {font-size: 2.15rem; }
	.car-title2 {margin-bottom: 1rem;}
	.car-title3 {margin-bottom: 1rem;}
}

/* Medium devices COL-MD (small tablets, 768px - 991px) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.carousel {margin-top: -1px;}
	.controls {display: none !important;}
	.car-title {font-size: 2.15rem; padding-left: 35px; padding-right: 35px;}
	.car-title2 {margin-bottom: 1rem;}
	.car-title3 {font-size: 2.15rem; margin-bottom: 1rem;}
}

/* Large devices COL-LG (large tablets/laptops, 992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.carousel {margin-top: -1px;}
	.car-title {padding-left: 35px; padding-right: 35px;}
	.car-title3 {font-size: 2.15rem; margin-bottom: 0rem;}
}

/* Extra large devices COL-XL (desktops, 1200px and larger) */
@media (min-width: 1200px) {
	.car-cont-inner {padding-left: 75px; padding-right: 75px;}
	#carouselButtons {top: 165px;}
	.car-title3 {font-size: 2.15rem; margin-bottom: 0rem;}
}
@media (min-width: 1921px) {
	.carousel-inner img {height: 60vh;}
	.car-title {font-size: 3rem;}
	.carLink {font-size: 1.25rem;}
	.car-cont {bottom: 175px;}
	#carouselButtons {top: 165px;}
}