/* CSS Document */
.osbp-carousel {position: relative; z-index: 0;}
.car-chev {color: #fff;}
/* Carousel Content Container */
.car-content1, .car-content2, .car-content3 {width: 100%;}

/* Slide 1 Content */
.slide1:after {content:""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.15) 30%, black 100%);}
.car-content-left1 {width: 50%; float: left;}
.car-content-right1 {width: 50%; float: right;}
.car-content-left1 h1 {position: absolute; z-index: 10; color: #fff; font-weight: 600; bottom: 0; text-shadow: 1px 1px 5px #000; transition: all 450ms ease; -webkit-transition: all 450ms ease;}
.car-content-right1 h2 {position: absolute; z-index: 10; color: #fff; font-weight: 500; bottom: 0; text-shadow: 1px 1px 5px #000;}

/* Slide 2 Content */
.slide2:after {content:""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.15) 30%, black 100%);}
.car-content2-left1 {width: 50%; float: left;}
.car-content2-right1 {width: 50%; float: right;}
.car-content2-left1 h1 {position: absolute; z-index: 10; color: #fff !important; font-weight: 600; bottom: 0; text-shadow: 1px 1px 5px #000; transition: all 450ms ease; -webkit-transition: all 450ms ease;}
.car-content2-right1 h2 {position: absolute; z-index: 10; color: #fff; font-weight: 500; bottom: 0; text-shadow: 1px 1px 5px #000;}
.car-content2 p {position: absolute; z-index: 10; color: #fff; font-weight: 600; bottom: 0; text-shadow: 1px 1px 5px #000; font-style: italic;}
/*.car-content2-sub p {position: absolute; z-index: 10; color: #fff; font-weight: 500; bottom: 0; right: 0; text-shadow: 1px 1px 5px #000; font-style: normal !important; text-align: right;}
.highlight-text h2 {position: absolute; z-index: 10; color: #fff; font-weight: 600; bottom: 0; text-shadow: 1px 1px 5px #000; letter-spacing: 2px; transform: rotateZ(-90deg);} */

/* Slide 3 Content */
.slide3:after {content:""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.15) 30%, black 100%);}
.car-content3 a {position: absolute; z-index: 10; font-weight: 600; bottom: 0; box-shadow: 1px 1px 5px #000;}

/* Carousel Heading Link Hover State */
.car-content2-left1 h1:hover, .car-content-left1 h1:hover {color: #3399cc !important; transition: all 450ms ease; -webkit-transition: all 450ms ease;}

/* Carousel Controls */
.carousel-indicators .active {width: 18px; height: 18px;}
.carousel-indicators li {width: 16px; height: 16px; border-radius: 25px;}
.car-control-left, .car-control-right {background-image: none !important; top: calc(100% - 62px) !important; z-index: 1000 !important;}
.car-control-left:focus, .car-control-right:focus {color: #fff !important; opacity: 0.5 !important;}
.carousel-control {width: 10% !important;}
.carousel-control:hover {opacity: 1 !important;}


/* Extra small devices (iPhone 5/SE) */
@media (max-width: 321.98px) {
	.car-content-left1 h1 {font-size: 2rem; margin-left: 8px; margin-bottom: 62px;}
	.car-content-right1 h2 {font-size: 1rem; margin-left: 48px; margin-right: 125px; margin-bottom: 24px;}
	
	.car-content2-left1 h1 {font-size: 2rem; margin-left: 18px; margin-bottom: 58px;}
	.car-content2-right1 h2 {font-size: 1rem; margin-left: 70px; margin-right: 10px; margin-bottom: 50px;}
	.car-content2 p {font-size: 1rem; margin-bottom: 0px; right: 15px; bottom: 30px;}
	
	.car-content3 a {bottom: 45px; font-size: 11px; left: calc(50% - 136px);}
	.osbp-highlight-block {margin-top: 1rem !important;}
	/*
	.car-content2-sub p {font-size: .75rem; margin-bottom: 40px;}
	.highlight-text h2 {font-size: 2rem; margin-left: 18px; margin-bottom: 120px;}
	*/
	/* Carousel Controls */
	.car-control-left, .car-control-right {top: calc(100% - 23px) !important; font-size: 16px !important; }
	.car-control-left {padding-left: 112px;}
	.car-control-right {padding-right: 125px;}
	.carousel-indicators .active {width: 13px; height: 13px;}
	.carousel-indicators li {width: 13px; height: 13px; border-radius: 25px;}
	.carousel-indicators {bottom: 0px; margin-bottom: 0px;}
	
}

/* Extra small devices (iPhone 6/7/8 and Plus Models) */
@media (min-width: 322px) and (max-width: 375.98px) {
	.car-content-left1 h1 {font-size: 2rem; margin-left: 8px; margin-bottom: 78px;}
	.car-content-right1 h2 {font-size: 1.25rem; margin-left: 55px; margin-right: 125px; margin-bottom: 27px;}
	
	.car-content2-left1 h1 {font-size: 2rem; margin-left: 30px; margin-bottom: 75px;}
	.car-content2-right1 h2 {font-size: 1.25rem; margin-left: 80px; margin-right: 15px; margin-bottom: 60px;}
	.car-content2 p {font-size: 1rem; margin-bottom: 0px; right: 16px; bottom: 38px;}
	
	.car-content3 a {bottom: 55px; font-size: 12px; left: calc(50% - 147px);}
	.osbp-highlight-block {margin-top: 1rem !important;}
	/*
	.car-content2-sub p {font-size: .85rem; margin-bottom: 50px;}
	.highlight-text h2 {font-size: 2.375rem; margin-left: 30px; margin-bottom: 138px;}
	*/
	/* Carousel Controls */
	.car-control-left, .car-control-right {top: calc(100% - 23px) !important; font-size: 16px !important; }
	.car-control-left {padding-left: 135px;}
	.car-control-right {padding-right: 145px;}
	.carousel-indicators .active {width: 13px; height: 13px;}
	.carousel-indicators li {width: 13px; height: 13px; border-radius: 25px;}
	.carousel-indicators {bottom: 0px; margin-bottom: 0px;}
	
}

/* Extra small devices (iPhone 6/7/8 and Plus Models) */
@media (min-width: 376px) and (max-width: 415.98px) {
	.car-content-left1 h1 {font-size: 2rem; margin-left: 8px; margin-bottom: 86px;}
	.car-content-right1 h2 {font-size: 1.25rem; margin-left: 55px; margin-right: 125px; margin-bottom: 35px;}
	
	.car-content2-left1 h1 {font-size: 2rem; margin-left: 38px; margin-bottom: 88px;}
	.car-content2-right1 h2 {font-size: 1.25rem; margin-left: 92px; margin-right: 20px; margin-bottom: 70px;}
	.car-content2 p {font-size: 1rem; margin-bottom: 0px; right: 22px; bottom: 50px;}
	
	.car-content3 a {bottom: 55px; font-size: 12px; left: calc(50% - 147px);}
	.osbp-highlight-block {margin-top: 1rem !important;}
	/*
	.car-content2-sub p {font-size: .85rem; margin-bottom: 50px;}
	.highlight-text h2 {font-size: 2.375rem; margin-left: 30px; margin-bottom: 138px;}
	*/
	/* Carousel Controls */
	.car-control-left, .car-control-right {top: calc(100% - 23px) !important; font-size: 16px !important; }
	.car-control-left {padding-left: 150px;}
	.car-control-right {padding-right: 160px;}
	.carousel-indicators .active {width: 13px; height: 13px;}
	.carousel-indicators li {width: 13px; height: 13px; border-radius: 25px;}
	.carousel-indicators {bottom: 0px; margin-bottom: 0px;}
	
}

/* Extra small devices (portrait phones, less than 576px) */
@media (min-width: 416px) and (max-width: 575.98px) {
	.car-content-left1 h1 {font-size: 3rem; margin-left: 8px; margin-bottom: 110px;}
	.car-content-right1 h2 {font-size: 1.75rem; margin-left: 85px; margin-right: 125px; margin-bottom: 40px;}
	
	.car-content2-left1 h1 {font-size: 3rem; margin-left: 38px; margin-bottom: 106px;}
	.car-content2-right1 h2 {font-size: 1.65rem; margin-left: 118px; margin-right: 25px; margin-bottom: 88px;}
	.car-content2 p {font-size: 1.3rem; margin-bottom: 0px; right: 26px; bottom: 60px;}
	
	.car-content3 a {bottom: 75px; left: calc(50% - 169px);}
	.osbp-highlight-block {margin-top: 2rem !important;}
	/*
	.car-content2-sub p {font-size: 1.3rem; margin-bottom: 52px;}
	.highlight-text h2 {font-size: 3.5rem; margin-left: 50px; margin-bottom: 189px;}
	*/
	
	/* Carousel Controls */
	.car-control-left, .car-control-right {top: calc(100% - 23px) !important; font-size: 16px !important; }
	.car-control-left {padding-left: 205px;}
	.car-control-right {padding-right: 220px;}
	.carousel-indicators .active {width: 13px; height: 13px;}
	.carousel-indicators li {width: 13px; height: 13px; border-radius: 25px;}
	.carousel-indicators {bottom: 0px; margin-bottom: 0px;}
}

/* Small devices COL-SM (landscape phones, 576px - 767px) */
@media (min-width: 576px) and (max-width: 767.98px) {
	.car-content-left1 h1 {font-size: 4rem; margin-left: 12px; margin-bottom: 155px;}
	.car-content-right1 h2 {font-size: 2rem; margin-left: 120px; margin-right: 125px; margin-bottom: 70px;}
	
	.car-content2-left1 h1 {font-size: 4rem; margin-left: 58px; margin-bottom: 150px;}
	.car-content2-right1 h2 {font-size: 2rem; margin-left: 175px; margin-right: 50px; margin-bottom: 115px;}
	.car-content2 p {font-size: 1.5rem; margin-bottom: 0px; right: 50px; bottom: 85px;}
	
	.car-content3 a {bottom: 95px; font-size: 20px; left: calc(50% - 236px);}
	.osbp-highlight-block.red {margin-top: 2rem !important;}
	.osbp-highlight-block {margin-top: 6rem !important;}
	/*
	.car-content2-sub p {font-size: 1.6rem; margin-bottom: 65px;}
	.highlight-text h2 {font-size: 4rem; margin-left: 90px; margin-bottom: 260px;}
	*/
	
	/* Carousel Controls */
	.car-control-left, .car-control-right {top: calc(100% - 23px) !important; font-size: 16px !important; }
	.car-control-left {padding-left: 150px;}
	.car-control-right {padding-right: 160px;}
	.carousel-indicators {bottom: 0px; margin-bottom: 0px;}
}

/* Medium devices COL-MD (small tablets, 768px - 991px) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.car-content-left1 h1 {font-size: 4rem; margin-left: 12px; margin-bottom: 155px;}
	.car-content-right1 h2 {font-size: 2rem; margin-left: 120px; margin-right: 125px; margin-bottom: 70px;}
	
	.car-content2-left1 h1 {font-size: 4rem; margin-left: 58px; margin-bottom: 150px;}
	.car-content2-right1 h2 {font-size: 2rem; margin-left: 175px; margin-right: 50px; margin-bottom: 115px;}
	.car-content2 p {font-size: 1.5rem; margin-bottom: 0px; right: 50px; bottom: 85px;}
	
	.car-content3 a {bottom: 95px; font-size: 20px; left: calc(50% - 236px);}
	.osbp-highlight-block.red {margin-top: 2rem !important;}
	.osbp-highlight-block {margin-top: 6rem !important;}
	/*
	.car-content2-sub p {font-size: 1.6rem; margin-bottom: 65px;}
	.highlight-text h2 {font-size: 4rem; margin-left: 90px; margin-bottom: 260px;}
	*/
	
	/* Carousel Controls */
	.car-control-left, .car-control-right {top: calc(100% - 32px) !important; font-size: 20px !important; }
	.car-control-left {padding-left: 300px;}
	.car-control-right {padding-right: 315px;}
	.carousel-indicators {bottom: 7px; margin-bottom: 0px;}
}

/* Large devices COL-LG (large tablets/laptops, 992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.car-content-left1 h1 {font-size: 5rem; margin-left: 15px; margin-bottom: 200px;}
	.car-content-right1 h2 {font-size: 2.5rem; margin-left: 130px; margin-right: 125px; margin-bottom: 85px;}
	
	.car-content2-left1 h1 {font-size: 5rem; margin-left: 82px; margin-bottom: 198px;}
	.car-content2-right1 h2 {font-size: 2.5rem; margin-left: 230px; margin-right: 70px; margin-bottom: 150px;}
	.car-content2 p {font-size: 2rem; margin-bottom: 0px; right: 70px; bottom: 105px;}
	
	.car-content3 a {bottom: 115px; font-size: 20px; left: calc(50% - 236px);}
	.osbp-highlight-block.red {margin-top: 3rem !important;}
	.osbp-highlight-block {margin-top: 9rem !important;}
	/*
	.car-content2-sub p {font-size: 1.8rem; margin-bottom: 85px;}
	.highlight-text h2 {font-size: 5.55rem; margin-left: 110px; margin-bottom: 330px;}
	*/
	
	/* Carousel Controls */
	.car-control-left, .car-control-right {top: calc(100% - 38px) !important; font-size: 24px !important; }
	.car-control-left {padding-left: 388px;}
	.car-control-right {padding-right: 410px;}
	.carousel-indicators {bottom: 10px; margin-bottom: 0px;}
}

/* Extra large devices COL-XL (desktops, 1200px and larger) */
@media (min-width: 1200px) {
	.car-content-left1 h1 {font-size: 5.5rem; margin-left: 25px; margin-bottom: 250px;}
	.car-content-right1 h2 {font-size: 2.65rem; margin-left: 175px; margin-right: 75px; margin-bottom: 90px;}
	
	.car-content2-left1 h1 {font-size: 5.5rem; margin-left: 122px; margin-bottom: 250px;}
	.car-content2-right1 h2 {font-size: 2.65rem; margin-left: 265px; margin-right: 60px; margin-bottom: 125px;}
	.car-content2 p {font-size: 1.5rem; margin-bottom: 0px; right: 30px; bottom: 90px;}
	
	.car-content3 a {bottom: 115px; font-size: 20px; left: calc(50% - 236px);}
	/*
	.car-content2-sub p {font-size: 1.8rem; margin-bottom: 85px;}
	.highlight-text h2 {font-size: 5.55rem; margin-left: 160px; margin-bottom: 410px;}
	*/
	
	/* Carousel Controls */
	.chev-left, .chev-right {font-size: 40px !important;}
	.car-control-left {padding-left: 460px;}
	.car-control-right {padding-right: 490px;}
}