/* ==== Main CSS === */



.img-fill img {
    min-width: 100%;
    max-width: 100%;
    position: relative;
    display: inline-block;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.img-fill img {
    min-width: 100%;
    position: relative;
    display: inline-block;
    height: 95vh;
    object-fit: cover;
}

.blocks-box,
.slick-slider {
  margin: 0;
  padding: 0!important;
}

.slick-slide {
  float: left;
  padding: 0;
}
.Modern-Slider .banner-item .img-fill {
    height: 84vh;
    position: relative;
    top: 90px;
}

@media (max-width: 1200px) { 
    .Modern-Slider .banner-item .img-fill { 
        height: 82vh;
    }
}

@media (min-width: 1400px) { 
    .Modern-Slider .banner-item .img-fill { 
        height: 85vh;
    }
}

@media (min-width: 1600px) { 
    .Modern-Slider .banner-item .img-fill { 
        height: 87vh;
    }
}





.Modern-Slider .banner-item .img-fill .info {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,.50);
    display: flex;
    text-align: center;
    justify-content: flex-start;
    align-items: center;
}
.Modern-Slider .banner-item .info > div{
  display:inline-block!important;
  vertical-align:middle;
}

.Modern-Slider .NextArrow {
    position: absolute;
    bottom: 3.8rem;
    right: 5.8rem;
    background: transparent;
    border: 0 none;
    text-align: center;
    color: #FFF;
    z-index: 5;
}
.banner-play-btn {
    position: relative;
}
.Modern-Slider .NextArrow:before{}

.Modern-Slider .PrevArrow {
    position: absolute;
    bottom: 3.8rem;
    right: 10.1rem;
    background: transparent;
    border: 0 none;
    text-align: center;
    color: #FFF;
    z-index: 5;
}
.Modern-Slider .PrevArrow:before{}

.Modern-Slider .slick-dots{
  position:absolute;
  height:5px;
  background:rgba(255,255,255,.20);
  bottom:0px;
  width:100%;
  left:0px;
  padding:0px;
  margin:0px;
  list-style-type:none;
}
.Modern-Slider .slick-dots li button{display:none;}
.Modern-Slider .slick-dots li{
  float:left;
  width:0px;
  height:5px;
  background:#4283e5;
  position:absolute;
  left:0px;
  bottom:0px;
}

.Modern-Slider .slick-dots li.slick-active {
  width:100%;
  -webkit-animation:ProgressDots 10s both;
          animation:ProgressDots 10s both;
}

.Modern-Slider .banner-item h1{
  color:#FFF;
  -webkit-animation:fadeOutRight 1s both;
          animation:fadeOutRight 1s both;
  margin:0;
  padding:0;
}
.Modern-Slider .banner-item h5 {
    margin: 0;
    padding: 0;
    color: #FFF;
    font-size: 20px;
    padding-top: 20px;
    max-width: 650px;
    line-height: 30px;
    font-weight: 300;
    padding-bottom: 0;
    overflow: hidden;
    height: auto;
    -webkit-animation: fadeOutLeft 1s both;
    animation: fadeOutLeft 1s both;
}

/*.Modern-Slider .banner-item.slick-active h1{
  -webkit-animation:fadeInDown 1s both 1s;
          animation:fadeInDown 1s both 1s;
}

.Modern-Slider .banner-item.slick-active h5{
  -webkit-animation:fadeInLeft 1s both 1.5s;
          animation:fadeInLeft 1s both 1.5s;
}

.Modern-Slider .banner-item.slick-active{
  -webkit-animation:Slick-FastSwipeIn 1s both;
          animation:Slick-FastSwipeIn 1s both;
}*/

.Modern-Slider {background:#ffffff00 !important;}

/* ==== Slider Image Transition === */
@-webkit-keyframes Slick-FastSwipeIn{
    0%{transform:rotate3d(0,1,0,150deg) scale(0)  perspective(400px);} 
    100%{transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);} 
}
@keyframes Slick-FastSwipeIn{
    0%{transform:rotate3d(0,1,0,150deg) scale(0)  perspective(400px);} 
    100%{transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);} 
}

@-webkit-keyframes ProgressDots{from{width:0px;}to{width:100%;}}
@keyframes ProgressDots{from{width:0px;}to{width:100%;}}

/* ==== Slick Slider Css Ruls === */
.slick-slider{position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}.slick-list.dragging{cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{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;}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide {
    display: block;
    transition: transform 0.5s linear;
    transition-delay: 0.5s;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.banner-content {
    text-align: left;
    padding: 4rem 5.3rem;
    line-height: 18vh;
    position: absolute;
    bottom: 3rem;
    user-select: text;
}
h1.banner-title {
    font-size: 49px;
    font-weight: 800;
}

.testimonial_box-img img {
    width: 100%;
    height: auto;
}
.star-icons ul li {
    display: inline;
    color: #aeaeae;
    font-size: 18px;
    padding-right: 4px;
}
li.quote {
    color: #0000009c !important;
    font-size: 26px !important;
}
.star-icons ul {
    padding-left: 0;
}
.testimonial__inner {
    padding: 40px;
    background-color: #fff;
}
.testimonial_box-text {
    padding: 20px 40px 50px;
    border-top: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
    position: relative;
}
.star-icons {
    color: #878585;
    font-size: 18px;
    position: relative;
    padding-left: 5px;
}
span.icons-span {
    padding-right: 10px;
    font-size: 21px;
    /*float: left;*/
}
span.content-span {
    font-size: 16px;
    font-weight: 700;
    font-family: 'Merriweather';
}
.quote {
    position: absolute;
    left: -30px;
    font-size: 26px;
    top: -10px;
    color: #bbb;
}
span.content-span a {
    color: #878585;
    text-decoration: revert;
}
span.content-span a:hover {
  color: #638dcc;
  text-decoration: revert;
  transition: 0.5s;
}
.google-logo {
    position: absolute;
    right: 35px;
    bottom: 30px;
}
.testimonial-slider-box {
    margin: 20px;
}
.testimonial-profile {
    display: block;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
    /* width: 35%; */
    margin: 25px 0;
}
.testimonial-profile .profile {
     float: left;
    margin-right: 20px; 
}

.testimonial-profile .names {
    padding-top: 10px;
}

.testimonial-profile .names h5 {
    margin-bottom: 0;
}
    
.slick-counter {
    position: absolute;
    bottom: 3rem;
    left: 5.3rem;
    color: #fff;
}
.display-none{
    display: none !important;
}
.play-button {
    position: absolute;
    bottom: 3.8rem;
    right: 7rem;
    padding-left: 30px;
}
.play-button button#pause {
    background-color: transparent;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;
}
.play-button button#play {
    background-color: transparent;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;

}
.slide-Stop{
    width: 50% !important;
}
.testimonial-slider.slick-initialized.slick-slider.slick-dotted .PrevArrow.slick-arrow {
    position: absolute;
    left: -30px;
    top: 40%;
    color: #787878;
    background-color: #EFEFEF;
    padding: 5px 12px;
    border-radius: 50px;
    font-size: 15px;
    z-index: 1;
}
.testimonial-slider.slick-initialized.slick-slider.slick-dotted .NextArrow.slick-arrow{
    position: absolute;
    right: -30px;
    top: 40%;
    color: #787878;
    background-color: #EFEFEF;
    padding: 5px 12px;
    border-radius: 50px;
    font-size: 15px;
    z-index: 1;
}
ul.slick-dots {
    display: flex;
    justify-content: space-between;
    width: 11%;
    margin: 0 auto;
    font-size: 40px;
    color: #bbb;
}
.slick-active {
    color: #878585;
}
section.banner__slider {
    position: relative;
}





/*.calendly-inline-widget iframe, .calendly-badge-widget iframe, .calendly-overlay iframe {*/
/*    display: inline;*/
/*    width: 100%;*/
/*    height: 80% !important;*/
/*}*/