/* Slider */
.slick-slider { position: relative; display: block; 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; }
.slick-list { outline:none; position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.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); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline:none; }
[dir='rtl'] .slick-slide { float: right; } 
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

ul.slick-dots { margin:0; padding:0; list-style:none; position: absolute;top: auto;bottom: 50px;right: 0; left: auto;  text-align: center;  width: 200px; z-index: 11;}
ul.slick-dots { text-align:center; padding:10px 0 0; }
ul.slick-dots li { display:inline-block; padding:0 5px; }
ul.slick-dots li button { display:inline-block; background:#0088CE; width:12px; height:12px; border-radius:100%; font-size:0; text-index:-9999; cursor:pointer; padding:0; border: 0;}
ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:#FFFFFF; }




.hero-slider-section { width: 100%; display: inline-block; vertical-align: top; position: relative; background: linear-gradient(36.33deg, #0088CE 20.66%, #00A8FF 80.6%), #0088CE; overflow: hidden;}
.hero-slider-section .hero-slier .inner { width: 100%; display: inline-block; vertical-align: top; background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 85px 0 151px; min-height: 720px;}
.hero-slider-section .hero-slier .inner h1 { font-weight: 300; font-size: 48px; line-height: 50px; color: #fff; max-width: 960px; width: 100%; }
.hero-slider-section .hero-slier .inner .content-wrap { max-width: 800px; width: 100%; float: right; padding-top: 110px; }
.hero-slider-section .hero-slier .inner .content-wrap .left-side { width: 50%; float: left; }
.hero-slider-section .hero-slier .inner .content-wrap .right-side { width: 50%; float: left; padding-left: 25px; }
.hero-slider-section .hero-slier .inner .content-wrap .left-side .icon { width: 95px; float: left; }
.hero-slider-section .hero-slier .inner .content-wrap .left-side .details { width: calc(100% - 95px); float: left; padding-left: 18px; padding-top: 10px; }
.hero-slider-section .hero-slier .inner .content-wrap .left-side .details h4 { color: #FFFFFF; font-weight: 900; font-size: 24px; }
.hero-slider-section .hero-slier .inner .content-wrap .left-side .details .text { font-weight: normal; font-size: 24px; line-height: 28px; color: #fff; max-width: 240px; width: 100%; }
.hero-slider-section .hero-slier .inner .content-wrap .button { width: 100%; display: inline-block; vertical-align: top; padding-top: 5px; }
.hero-slider-section .hero-slier .inner .content-wrap .button a { display: inline-block; border: 2px solid #0088CE; border-radius: 24px; background: #fff; font-weight: 800; font-size: 16px; line-height: 22px; text-decoration: none; padding: 11px 20px; color: #0088CE; transition: all 0.5s; }
.hero-slider-section .hero-slier .inner .content-wrap .button a:hover { color: #fff; background: transparent; border-color: #fff; }
.hero-slider-section .hero-slier .inner .content-wrap .right-side ul { list-style: none; padding: 0; margin: 0; }
.hero-slider-section .hero-slier .inner .content-wrap .right-side ul li { color: #FFFFFF; font-weight: 500; font-size: 18px; line-height: 25px; padding-bottom: 10px; position: relative; padding-left: 37px; }
.hero-slider-section .hero-slier .inner .content-wrap .right-side ul li:before { content: ' '; top: 0; left: 0; background: url(https://f.hubspotusercontent20.net/hubfs/5980321/Altametris-21/Pictos/check_circle.png); width: 24px; height: 24px; position: absolute; background-repeat: no-repeat; background-size: contain; }
.hero-slider-section:before { content: ' '; top: -1px; position: absolute; width: 100%; height: 77px; background-image: url("https://5980321.fs1.hubspotusercontent-na1.net/hubfs/5980321/shape-revers.webp"); background-repeat: no-repeat; background-size: 100% 100%; left: 0; z-index: 1; }

.hero-slider-section .hero-slier .slick-slide h1{ opacity: 0;  -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay:1.0s; -moz-animation-delay:1.0s; -o-animation-delay:1.0s; animation-delay:1.0s;}
.hero-slider-section .hero-slier .slick-slide.slick-active h1{ -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort;  }

.hero-slider-section .hero-slier .slick-slide .icon{ opacity: 0;  -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay:2.0s; -moz-animation-delay:2.0s; -o-animation-delay:2.0s; animation-delay:2.0s;}
.hero-slider-section .hero-slier .slick-slide.slick-active .icon{ -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort;  }

.hero-slider-section .hero-slier .slick-slide .details{ opacity: 0;  -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay:3.0s; -moz-animation-delay:3.0s; -o-animation-delay:3.0s; animation-delay:3.0s;}
.hero-slider-section .hero-slier .slick-slide.slick-active .details{ -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort;  }

.hero-slider-section .hero-slier .slick-slide .list-text ul li:first-child{ opacity: 0;  -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay:4.0s; -moz-animation-delay:4.0s; -o-animation-delay:4.0s; animation-delay:4.0s;}
.hero-slider-section .hero-slier .slick-slide.slick-active .list-text ul li:first-child{ -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort;  }

.hero-slider-section .hero-slier .slick-slide .list-text ul li+li{ opacity: 0;  -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay:4.5s; -moz-animation-delay:4.5s; -o-animation-delay:4.5s; animation-delay:4.5s;}
.hero-slider-section .hero-slier .slick-slide.slick-active .list-text ul li+li{ -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort;  }

.hero-slider-section .hero-slier .slick-slide .list-text ul li+li+li{ opacity: 0;  -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay:5s; -moz-animation-delay:5s; -o-animation-delay:5s; animation-delay:5s;}
.hero-slider-section .hero-slier .slick-slide.slick-active .list-text ul li+li+li{ -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort;  }

.hero-slider-section .hero-slier .slick-slide .list-text ul li+li+li+li{ opacity: 0;  -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay:5.5s; -moz-animation-delay:5.5s; -o-animation-delay:5.5s; animation-delay:5.5s;}
.hero-slider-section .hero-slier .slick-slide.slick-active .list-text ul li+li+li+li{ -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort;  }

.hero-slider-section .hero-slier .slick-slide .list-text ul li+li+li+li+li{ opacity: 0;  -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay:6s; -moz-animation-delay:6s; -o-animation-delay:6s; animation-delay:6s;}
.hero-slider-section .hero-slier .slick-slide.slick-active .list-text ul li+li+li+li+li{ -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort;  }

.hero-slider-section .hero-slier .slick-slide .button{ opacity: 0;  -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay:6.5s; -moz-animation-delay:6.5s; -o-animation-delay:6.5s; animation-delay:6.5s;}
.hero-slider-section .hero-slier .slick-slide.slick-active .button{ -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort;  }


@-webkit-keyframes fadeInUpShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(30px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInUpShort { 
    0% { 
        opacity: 0; 
        transform: translateY(30px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 




@media (max-width:1200px){
  .hero-slider-section:before{ height: 47px;}
}

@media (max-width:767px){
  .hero-slider-section .hero-slier .inner h1 { font-weight: 300; font-size: 36px; line-height: 37px; }
  .hero-slider-section .hero-slier .inner .content-wrap { padding-top: 40px; }
  .hero-slider-section .hero-slier .inner .content-wrap .left-side { width: 100%; }
  .hero-slider-section .hero-slier .inner .content-wrap .right-side { width: 100%; padding: 30px 0 0; }
  .hero-slider-section .hero-slier .inner { padding: 55px 0 101px; }
  .hero-slider-section .hero-slier .inner .content-wrap .button { padding-top: 25px; }
  .hero-slider-section:before { height: 38px; }
  .hero-slider-section:before { height: 39px; background-size: cover;}
.hero-slider-section .hero-slier .slick-slide .button{ -webkit-animation-delay:3.5s; -moz-animation-delay:3.5s; -o-animation-delay:3.5s; animation-delay:3.5s;}


}



@media (max-width:500px){
  .hero-slider-section .hero-slier .inner .content-wrap .left-side .icon { width: 80px; }
  .hero-slider-section .hero-slier .inner .content-wrap .left-side .details { width: calc(100% - 80px); }
  .hero-slider-section .hero-slier .inner .content-wrap .left-side .details h4 { font-size: 20px; }
  .hero-slider-section .hero-slier .inner .content-wrap .left-side .details .text { font-size: 20px; line-height: 28px; }
  .hero-slider-section .hero-slier .inner .content-wrap .right-side { display: none; }
  .hero-slider-section .hero-slier .inner { min-height: auto; background-position: 18% center; }
  .hero-slider-section .hero-slier .inner .content-wrap .button{text-align:center; padding-top: 65px;}
}