.hero3 {padding-top:250px;background-size:cover !important;padding-bottom:100px;}
.hero3 h1 {color: #24C1FF;font-family: 'Graphie Bold',sans-serif;font-size: 60px;letter-spacing: 12px;text-transform: uppercase;margin-bottom:15px;padding-top:30px;}
.hero3 h2 {color: #FFF;font-family: 'Graphie Light',sans-serif;font-size: 36px;margin-bottom:30px;font-weight: 300;}
.hero3 h2 strong {font-family: 'Graphie Bold',sans-serif;}
.hero3 .smallerText {color: #FFF;font-family: 'Graphie Light',sans-serif;font-size: 18px;margin-bottom:30px;font-weight: 300;line-height: 150%;}

.hero3 .slider-hero {position:relative;margin-bottom:30px;}
.hero3 .slider-hero .item {margin-bottom:60px;}
.hero3 .slider-hero .arrow {border:1px solid #FFF;height:32px;width:34px;display: block;cursor:pointer;position:absolute;bottom:0;z-index: 99;}
.hero3 .slider-hero .arrow svg {display: table;margin:10px auto 0 auto;fill:none;stroke:#FFF;}
.hero3 .slider-hero .arrow.left {left:0;}
.hero3 .slider-hero .arrow.right {left:50px;}
.hero3 .slider-hero .arrow.slick-disabled {border-color:#8a8f96;cursor:default}
.hero3 .slider-hero .arrow.slick-disabled svg {stroke:#8a8f96;}
.hero3 .slider-hero .slick-dots {position: absolute;z-index:99;bottom:0;left:115px;}
.hero3 .slider-hero .slick-dots li {display: table;float:left;margin-right:15px;}
.hero3 .slider-hero .slick-dots li button {display: block;width: 8px;height:8px;color: transparent;padding:0;border:0;border-radius:0;background:#525963;cursor:pointer}
.hero3 .slider-hero .slick-dots li button::before {content:'';}


.hero3 .slider-hero .slick-slider{position: relative;display: block;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.hero3 .slider-hero .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.hero3 .slider-hero .slick-list:focus{outline: none;}
.hero3 .slider-hero .slick-list.dragging{cursor: pointer;}
.hero3 .slider-hero .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.hero3 .slider-hero .slick-track{position: relative;top: 0;left: 0;display: block;}
.hero3 .slider-hero .slick-track:before,.slick-track:after{display: table;content: '';}
.hero3 .slider-hero .slick-track:after{clear: both;}
.hero3 .slider-hero .slick-loading .slick-track{visibility: hidden;}
.hero3 .slider-hero .slick-slide{float: left;height: 100%;min-height: 1px;}
.hero3 .slider-hero [dir='rtl'] .slick-slide{float: right;}
.hero3 .slider-hero .slick-slide img{display: block;}
.hero3 .slider-hero .slick-slide.slick-loading img{display: none;}
.hero3 .slider-hero .slick-slide.dragging img{pointer-events: none;}
.hero3 .slider-hero .slick-initialized .slick-slide{display: block;}
.hero3 .slider-hero .slick-loading .slick-slide{visibility: hidden;}
.hero3 .slider-hero .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.hero3 .slider-hero .slick-arrow.slick-hidden {display: none;}
.hero3 .slider-hero .slick-arrow:focus {outline:none}

.slider-box-area {position:relative;}
.slider-overlay-box {position:absolute;height:177px;z-index: 98;background: linear-gradient(270deg, #161F2D 0%, rgba(22, 31, 45, 0.00) 100%);padding: 15px 30px;bottom:60px;right:0;}
.slider-overlay-box strong {color:#FFF;font-family: 'Graphie', sans-serif;font-size: 20px;font-weight: 600;display:table;max-width:200px;margin-bottom:15px;}
.slider-overlay-box a.more {position:relative;font-family: 'Graphie Bold',sans-serif;font-size: 24px;line-height: 60px;height: 60px;padding:0 80px 0 54px;background: linear-gradient(90deg, #0094FF 0%, #00EB6C 100%);color:#161F2D;text-decoration: none;display: table;white-space: nowrap;margin:0 auto 30px auto;text-align: center;font-weight: 700;}
.slider-overlay-box a.more:hover {text-decoration: none;}
.slider-overlay-box a.more::after {content: "";display: block;position:absolute; top:22px; right:15px; width: 13px;height: 19px;background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="19" viewBox="0 0 13 19" fill="none"><path d="M3 16.5L10 9.5L3 2.5" stroke="%23161F2D" stroke-width="3" stroke-linecap="square"/></svg>');background-size: contain;background-repeat: no-repeat;}
.slider-overlay-box a.more {position: relative;transition: background 1s ease;overflow: hidden;z-index: 1;}
.slider-overlay-box a.more::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, #00EB6C 0%, #0094FF 100%);z-index: -1;opacity: 0;transition: opacity 1s ease;}
.slider-overlay-box a.more:hover::before {opacity: 1;}

.hero3 h1 {color:#00A1E1;}
.hero3 .slider-hero .slick-dots li.slick-active button {background:#00A1E1;}

.hero3 a.hero-btn {color:#161F2D;font-family: 'Graphie Bold',sans-serif;font-size: 24px;letter-spacing: 2.4px;display: table;padding:0 20px;line-height: 60px;min-height: 60px;white-space: nowrap;text-decoration: none;margin:0 0 30px 0;}
.hero3 a.hero-btn svg {display: table;float: right;margin-top:17px;margin-left:16px}
.hero3 a.hero-btn {background:linear-gradient(90deg, #00A1E1 0%, #69E0F5 100%);}
.hero3 a.hero-btn {position: relative;transition: background 1s ease;overflow: hidden;z-index: 1;}
.hero3 a.hero-btn::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, #0094FF 0%, #00EB6C 100%);z-index: -1;opacity: 0;transition: opacity 1s ease;}
.hero3 a.hero-btn:hover::before {opacity: 1;}

.hero3.blue h1 {color: #00A1E1;}
.hero3.blue a.hero-btn {background:linear-gradient(90deg, #00A1E1 0%, #69E0F5 100%);}
.hero3.blue .slider-hero .slick-dots li.slick-active button {background:#00A1E1;}

.hero3.green h1 {color: #00E96C;}
.hero3.green a.hero-btn {background:linear-gradient(90deg, #00E96C 0%, #00E96C 100%);}
.hero3.green .slider-hero .slick-dots li.slick-active button {background:#00E96C;}

.hero3.lightblue h1 {color: #69E0F5;}
.hero3.lightblue a.hero-btn {background:linear-gradient(90deg, #69E0F5 0%, #69E0F5 100%);}
.hero3.lightblue .slider-hero .slick-dots li.slick-active button {background:#69E0F5;}

.hero3.orange h1 {color: #F85849;}
.hero3.orange a.hero-btn {background:linear-gradient(90deg, #F85849 0%, #F85849 100%);}
.hero3.orange .slider-hero .slick-dots li.slick-active button {background:#F85849;}

.hero3.white h1 {color: #FFF;}
.hero3.white a.hero-btn {background:linear-gradient(90deg, #fff 0%, #fff 100%);}
.hero3.white .slider-hero .slick-dots li.slick-active button {background:#fff;}

@media all and (min-width: 1px) and (max-width: 768px) {
    .hero3 {padding-top:100px;margin-top:-80px;}
    .hero3 h1 {font-size: 26px;letter-spacing: 6px;text-align: center;margin-bottom:30px;}
    .hero3 p {font-size: 22px;text-align: center;max-width: 230px;margin:0 auto 30px auto;}
    .hero3 a.hero-btn {margin:0 auto 30px auto;font-size:18px;}
    .hero3 .slider-hero .item img {margin:0 auto 30px auto;max-width: 320px;}
    .hero3 .slider-hero .arrow.left {margin-left: 40%;transform: translateX(-50%);}
    .hero3 .slider-hero .arrow.right {margin-left: 40%;transform: translateX(-50%);}
    .hero3 .slider-hero .slick-dots {margin-left: 40%;transform: translateX(-50%);}
	.hero3 .grid .row .col-md-6:first-of-type{margin-bottom: 50px;}
}
@media all and (min-width: 769px) and (max-width: 999px) {
    .hero3 h1, .hero3 p {zoom:75%}
}