/*-----------------------------------------------------------------------------------

	Theme Name: Estate
	Theme URI: http://
	Description: The Multi-Purpose Onepage Template
	Author: captivlab
	Version: 1.0
	
	main Fonts    : Monsteratt

-----------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------

 == Table Of Content

	01 Basics
	02 Buttons
	03 Navbar
	04 Header
	05 How it works
	06 About
	07 Listings
	08 Services
	09 Team
	10 Contact
    11 Footer
	12 Responsive
	13 Carousel
 

---------------------------------------------------------------- */

/* ----------------------------------------------------------------
     [ 01 Start Basics ]
-----------------------------------------------------------------*/

* {
    /*margin: 0;
    padding: 0;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    list-style: none;
    word-wrap: break-word;
  }

  html , body{
    overflow-x: hidden;
  }
  
  body {
    position: relative;
    color: #222327;
    line-height: 1.3;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden !important;
  }

  .noti{
    position: fixed;
    display: flex;
    justify-content: center;
    gap: 0rem;
    align-items: center;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 95%;
    max-width: 300px;
    z-index: 120;
    background: #0088CC;
    border-radius: 22px;
    color: #fff;
  }

  .noti.active{
    animation: notification ease-out 4s;
  }

  .noti i{
    color: #fff;
    font-size: 16px;
    font-weight: 800;
  }

  .noti p{
    color: #fff;
    font-size: 13px;
    text-align: center;
    padding: 10px 12px;
    font-weight: 800;
  }

  @keyframes notification{
    0%{
        top: -50px;
        opacity: 0;
    }
    10%{
        top: 12px;
        opacity: 1;
    }
    90%{
        top: 12px;
        opacity: 1;
    }
    100%{
        top: -50px;
        opacity: 0;
    }
}
  
  
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: 1.2px;
    font-weight: 700;
  }
  
  p {
    font-size: 17px;
    font-weight: 300;
    color: #000;
    line-height: 150%;
    margin: 0;
  }
  
  span, a, a:hover {
    display: inline-block;
    text-decoration: none;
    color: inherit;
  }
  
  .form-control:focus {
      box-shadow:none;
      border-color:transparent;
  }
  
  .loading {
      position: fixed;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-color: #000;
      z-index: 9999999999999;
  }
  
  .gooey {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 142px;
      height: 40px;
      margin: -20px 0 0 -71px;
      background: #000;
      filter: contrast(20);
  }
  
  .gooey .dot {
      position: absolute;
      width: 16px;
      height: 16px;
      top: 12px;
      left: 15px;
      filter: blur(4px);
      background: #fff;
      border-radius: 50%;
      transform: translateX(0);
      animation: dot 3s infinite;
  }
  
  .gooey .dots {
      transform: translateX(0);
      margin-top: 12px;
      margin-left: 31px;
      animation: dots 3s infinite;
  }
  
  .gooey .dots span {
      display: block;
      float: left;
      width: 16px;
      height: 16px;
      margin-left: 16px;
      filter: blur(4px);
      background: #fff;
      border-radius: 50%;
  }
  
  .desktoponly{
      display: block;
  }
  .text-orange{
      color:#d09945;
  }
  
  .text-purple{
      color:#24305E;
  }

  .text-white{
    color: #fff;
  }
  
  .text-grey{
      color: #5E5E5E;
  }
  
  .text-white{
      color:#ffffff;
  }
  
  .bg-orange{
      background: #d09945;
  }
  
  .bg-purple{
      background: #24305E;
  }
  
  .no-margin{
      margin:0;
  }
  
  .ptb-30{
      padding-top: 30px;
      padding-bottom: 30px;
  }
  .ptb-50{
      padding-top: 50px;
      padding-bottom: 50px;
  }
  
  .ptb-100{
      padding-top: 100px;
      padding-bottom: 100px;
  }
  
  /* ----------------------------------------------------------------
       [ End Basics ]
  -----------------------------------------------------------------*/
  /* ----------------------------------------------------------------
       [ 02 Start Buttons ]
  -----------------------------------------------------------------*/
  
  .btn{
      border-radius: 5px;
      padding-left: 25px;
      padding-right: 25px;
      font-size:18px;
      min-width:170px;
      box-shadow: inset 0 0 0 0 #2a2a47;
      -webkit-transition: ease-out 0.4s;
      -moz-transition: ease-out 0.4s;
      transition: ease-out 0.4s;
  }
  
  .btn:focus{
      box-shadow:none;
  }
  
  .b-primary{
      color:#2a2a47;
      font-weight:bold;
      background-color:#40d7ff;
      border-color:transparent;
      border:none;
      box-shadow: inset 0 0 0 0 #40d7ff;
      -webkit-transition: ease-out 0.4s;
      -moz-transition: ease-out 0.4s;
      transition: ease-out 0.4s;
  
  }
  
  .b-primary-outline{
      color:#40d7ff;
      background-color:#2a2a47;
      border:1px solid #40d7ff;
      box-shadow: inset 0 0 0 0 #2a2a47;
      -webkit-transition: ease-out 0.4s;
      -moz-transition: ease-out 0.4s;
      transition: ease-out 0.4s;
  }
  
  .b-primary-outline-2{
      color:#292135;
      background-color:#f5f5f5;
      border:1px solid #292135;
      box-shadow: inset 0 0 0 0 #f5f5f5;
      -webkit-transition: ease-out 0.4s;
      -moz-transition: ease-out 0.4s;
      transition: ease-out 0.4s;
  }
  
  .b-primary-outline-3{
      color:#ffffff;
      background-color:#292135;
      border:1px solid #292135;
      box-shadow: inset 0 0 0 0 #292135;
      -webkit-transition: ease-out 0.4s;
      -moz-transition: ease-out 0.4s;
      transition: ease-out 0.4s;
  }
  
  .b-primary-outline-4{
      color:#292135;
      border:1px solid #292135;
      background:transparent;
  }
  
  .b-primary:hover{
      color:#40d7ff;
      border:1px solid #40d7ff;
      box-shadow: inset 400px 0 0 0 #2a2a47;
      border-color:transparent !important;
  }
  .b-primary-outline:hover{
      color:#2a2a47;
      border:1px solid #2a2a47;
      box-shadow: inset 400px 0 0 0 #40d7ff;
  }
  
  .b-primary-outline-2:hover{
      color:#fff;
      border:1px solid #292135;
      box-shadow: inset 400px 0 0 0 #292135;
  }
  
  .b-primary-outline-3:hover{
      color:#292135;
      border:1px solid #292135;
      background:transparent;
  }
  
  .b-primary-outline-4:hover{
      color:#ffffff;
      background-color:#292135;
      border:1px solid #292135;
      box-shadow: inset 0 0 0 0 #292135;
      -webkit-transition: ease-out 0.4s;
      -moz-transition: ease-out 0.4s;
      transition: ease-out 0.4s;
  }
  
  .button-top{
      border: 1px solid #d09945;
      color:#d09945;
      background: transparent;
      border-radius: 5px;
      font-size: 15px;
      font-weight: bold;
      webkit-transition: all 400ms ease-in-out;
      -moz-transition: all 400ms ease-in-out;
      -o-transition: all 400ms ease-in-out;
      -ms-transition: all 400ms ease-in-out;
      transition: all 400ms ease-in-out;
  }
  
  .button-top:hover{
      background: #d09945;
      color:#ffffff;
      border-bottom: none;
  }
  
  .btn-contact{
      color:#ffffff;
  }
  
  .btn-contact:hover{
      border: 1px solid #d09945;
      background: transparent;
      color:#d09945;
  }
  
  /* ----------------------------------------------------------------
       [ End Buttons ]
  -----------------------------------------------------------------*/
  
  
  
  /* ----------------------------------------------------------------
       [ 03 Navbar ]
  -----------------------------------------------------------------*/
  .navbar{
      z-index: 100;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      background:#fff;
      -webkit-transition: all 400ms ease-in-out;
      -moz-transition: all 400ms ease-in-out;
      -o-transition: all 400ms ease-in-out;
      -ms-transition: all 400ms ease-in-out;
      transition: all 400ms ease-in-out;
      box-shadow: 0 15px 30px -25px #000
  }

  
  .navbar-nav{
      font-size:16px;
  }
  
  .nav-item{
      color:#24305E;
      
  }

  .logo{
    width: 150px;
    height: 100px;
    object-fit: contain;
  }
  
  #navbarResponsive{
      background: transparent;
  }
  .nav-link{
      border-radius: 4px;
  
  }
  
  .navbar-expand-lg .navbar-nav .nav-link{
      padding: 10px 20px 10px 20px;
  }
  .navbar .navbar-nav {
      -webkit-transition: all .5s;
      transition: all .5s;
      font-family: 'Montserrat', sans-serif;
      font-weight:700;
      font-size:15px;
  }
  
  .navbar .navbar-nav .active {
  
      background-color: rgba(190, 190, 190, .12);
      color:#292135;
      transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      -webkit-transition: all 0.3s ease-out 0s;
      
  }
  
  .nav-btn{
    color: #d09945;
  }
  /* ----------------------------------------------------------------
       [ 03 End Navbar ]
  -----------------------------------------------------------------*/
  
  
  /* ----------------------------------------------------------------
       [ 04 Header ]
  -----------------------------------------------------------------*/
  #headers{
      /* background-image:url('../images/cover.jpg') !important; */
      background-color: #000;
      background-size: cover;
      height: 100vh;
      position: relative;
      z-index: 1;
  }

  .dark-bg{
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100vh;
    background-color: rgba(4, 4, 4, 0.69);
    z-index: 2;
  }

  .allow-wheel{
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .allow-wheel{
    width: 1700px;
    margin-top: -100px;
  }

  .cont{
    width: 90%;
    height: 100%;
    max-width: 1200px;
    /* background: rebeccapurple; */
    position: relative;
  }


  .whole-cont{
    position: absolute;
    left: 0;
    top: 35%;
    transform: translateY(-50%);
    z-index: 10;
  }


  
  #headers h1{
      margin-top:20px;
      font-weight:normal;
      margin-bottom:22px;
      font-size: 80px;
      line-height: 1.1em;
  }
  
  #headers .subtitle{
      font-size:19px;
  }
  
  #headers .subtitle {
    color: #aaaaaa;
  }
  
  #headers .btn{
      margin-top:30px;
  }
  
  #headers .subtitlesmall{
      font-size: 18px;
      position: relative;
  }
  
  #headers .subtitlesmall::after{
      content: "";
      display: inline-block;
      width: 4em;
      margin: 0;
      position: absolute;
      top: 50%;
      right: -5em;
      border-style: solid;
      border-width: 1px 0 0;
  }
  
  #headers .btn{
      margin-top:30px;
  }
  
  /* ----------------------------------------------------------------
       [ 04 End Header ]
  -----------------------------------------------------------------*/
  
  
  /* ----------------------------------------------------------------
       [ 05 How it works ]
  -----------------------------------------------------------------*/
  #services{
      background:#f5f5f5;
      
  }

  .box-cont{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    gap: 1.5rem;
    height: 320px;
  }

  .trans{
    color: #eee;
    margin: 15px 0px 5px;
  }

  .trans li{
    text-align: left;
    padding: 8px 0px;
  }

  .box{
        padding: 0px 10px;
        
  }
  
  .box-cont p{
    font-size: 14px;
  }

  .trans ul li {
    list-style: none;
    color: #eee;
  }

  .box-cont i.white{
    color: #fff;
    font-size: 60px;
  }

  .box-cont i.orange{
    color: #d09945;
    font-size: 60px;
  }

  .box-cont h2{
   font-size: 22px;
  }
  #services h1{
      margin-top:20px;
      color:#fff;
      font-weight:normal;
      color: #292135;
  }
  
  #services h3{
      font-size:22px;
      font-weight:bold;
      margin-bottom:10px;
  }
  #services a{
      text-decoration: underline;
  }
  
  #services .content-icon  p{
      font-size:16px;
  }
  
  
  #services .sub-title{
      width: 80%;
      text-align: center;
      margin: 0 auto;
      color:#5E5E5E;
  }
  
  .subtitleline{
      font-size: 13px;
      position: relative;
  }
  
  .subtitleline::after{
      content: "";
      display: inline-block;
      width: 15em;
      margin: 0;
      position: absolute;
      top: 50%;
      right: -16em;
      border-style: solid;
      border-width: 1px 0 0;
  }
  
  
  /* ----------------------------------------------------------------
       [ 05 End How it works ]
  -----------------------------------------------------------------*/
  
  /* ----------------------------------------------------------------
       [ 06 About ]
  -----------------------------------------------------------------*/
  #about{
      background-image:url('../images/open-carrier.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      background-attachment: fixed;
  }
  
  #about h1{
      margin-top:20px;
      color:#fff;
      font-weight:normal;
  }
  
  #about h2, #about p{
      color:#ffffff;
  }
  
  #about h3{
      font-size:22px;
      font-weight:bold;
  }
  
  #about .sub-title{
      width: 80%;
      text-align: center;
      margin: 0 auto;
  }

  .carrier img{
    display: none;
  }
  
  #about .special-info{
      font-weight:bold;
      display: inline-block;
      width:100%;
      font-family: 'Montserrat', sans-serif;
  }
  
  #about .special-data{
      font-size:16px;
  }
  
  #about .special-icon-info {
      width: 45px;
  }
  
  #about .special-info-body{
      
  }
  
  /* ----------------------------------------------------------------
       [ 06 End About ]
  -----------------------------------------------------------------*/
  
  /* ----------------------------------------------------------------
       [ 07 Listings ]
  -----------------------------------------------------------------*/
  #listing{
      background:#F9FCFF;
      
  }
  
  #listing h1{
      margin-top:20px;
      color:#000000;
      font-weight:normal;
  }

  .owl-arrow {
    color: #24305E;
    font-size: 19px;
  }
  
  #listing .sub-title{
      color:#5E5E5E;
      margin: 0 auto;
  }
  
  #listing h2, #analytic p{
      color:#000000;
  }
  
  #listing h3{
      font-size:22px;
      font-weight:bold;
  }
  
  #listing .analytic-find-out{
      font-size:15px;
      color:#000000;
      font-weight:bold;
      font-family: 'Montserrat', sans-serif;
  }
  
  #listing .analytic-find-out:hover{
      color:#292135;
  }
  
  #listing .analytic-find-out:hover:after{
      color:#292135;
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity:1;
      content:'>';
      width:10px;
      transition: all .2s;
  }
  
  #listing .analytic-find-out:after{
      -webkit-transform: translateX(-35px);
      transform: translateX(-35px);
      opacity: 0;
      -webkit-transition: all .2s;
      transition: all .2s;
  }
  
  #listing .icon-find-span{
      -webkit-transform: translateX(-35px);
      transform: translateX(-35px);
      opacity: 0;
      -webkit-transition: all .2s;
      transition: all .2s;
  }
  #listing .icon-find-out{
      width:10px;
      padding-left:3px;
      
  }
  
  #listing .slide-title{
      font-weight: bold;
      font-size: 17px;
  }
  
  #listing .slide-price{
      font-weight: bold;
      font-size: 14px;
  }
  
  #listing .slide-description{
      font-size: 13px;
      color: #5E5E5E;
  }
  
  #listing .OwlcustomNavigation a{
      cursor: pointer;
  }
  
  #listing .OwlcustomNavigation a:hover{
  opacity: 0.3;
  }

  .item-image{
    height: 400px;
  }

  .item-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  /* ----------------------------------------------------------------
       [ 07 End Listings ]
  -----------------------------------------------------------------*/
  
  
  /* ----------------------------------------------------------------
       [ 08 Service ]
  -----------------------------------------------------------------*/
  #service{
      background:#FFFF;
      
      
  }

  .service i {
    font-size: 55px;
  }
  
  #service .sub-title{
      width: 80%;
      text-align: center;
      margin: 0 auto;
  
  }
  
  #service h1{
      margin-top:20px;
      color:#000000;
      font-weight:normal;
  }
  
  #service h2, #price p{
      color:#000000;
  }
  
  #service .detail{
      font-weight: bold;
  }
  
  #service .price-head{
      background:#ececec;
  }
  
  #service .main-price{
      width:250px;
  }
  #service .main-price-value{
      line-height:16px;
  }
  #service .price-value{
      color: #ff7766;
      font-size: 32px;
      font-weight: bold;
  }
  
  #service .price-body{
      background:#f5f5f5;
  }
  
  #service .price-footer{
      background:#f5f5f5;
  }
  
  
  /* ----------------------------------------------------------------
       [ 08 Service]
  -----------------------------------------------------------------*/
  
  
  /* ----------------------------------------------------------------
       [ 09 team ]
  -----------------------------------------------------------------*/
  #team{
      background:#ffffff;
      
      
  }
  
  #team .sub-title{
      width: 60%;
      text-align: center;
      margin: 0 auto;
      color: #5E5E5E;
  }
  
  #team h1{
      margin-top:20px;
      color:#000000;
      font-weight:normal;
  }
  
  
  
  #team h3{
      font-size:24px;
  }
  
  #team .main-team{
      background:#ffffff;
      width:100%;
  
  }
  
  #team .team-body {
      overflow:hidden;
      position: relative;
  }
  #team .team-img {
      -webkit-transition: all .4s;
      transition: all .4s;
  }
  #team .team-img:hover {
      transform: scale(1.2);
      
  }
  
  #team .position-title{
      border-right: 2px solid #F76C6C;
      position: absolute;
      left: 0;
      bottom: 0px;
      background: #ffffff;
      opacity: 0.7;
      max-width: 70%;
  }
  
  #team .job-name{
      font-size:17px;
      font-weight: bold;
  }
  
  #team .job-title{
      font-size: 14px;
  }
  
  
  
  /* ----------------------------------------------------------------
       [ 09 team]
  -----------------------------------------------------------------*/
  
  /* ----------------------------------------------------------------
       [ 10 Contact ]
  -----------------------------------------------------------------*/
  #contactus{
      
      background: #F9FCFF;
      position: relative;
      
  }
  
  #contactus .sub-title{
      width: 100%;
      text-align: center;
      margin: 0 auto;
      color:#5E5E5E;
  }
  
  #contactus h1{
      margin-top:20px;
      color:#000000;
      font-weight:normal;
  }
  
  
  #contactus h4{
      font-weight:bold;
  }
  
  #contactus .detail{
      font-weight: bold;
  }
  
  #contactus .contact-form{
      background:#ffffff;
      box-shadow: 0px -10px 15px -1px rgba(0,0,0,.15)!important;
      
  }
  #contactus .input-form{
      
      
      border:1px solid #eee;
      border-radius: 3px;
      padding: 15px 16px 15px 16px;
      text-align: left;
      color:#908e8e;
      font-size:15px;
  }
  
  #contactus button{
      width: 100%;
  }
  
  #contactus .contact-detail .sub-detail{
      
      font-size: 14px;
  }
  
  .contact-detail{
    height: 400px;
  }
  
  #contactus .contact-detail .sub-sub-detail{
      color:#5E5E5E;
      font-size: 14px;
  }

  .image-contact iframe{
    width: 100%;
    height: 400px;
  }
  
  
  
  /* ----------------------------------------------------------------
       [ 10 Contact]
  -----------------------------------------------------------------*/
  
  /* ----------------------------------------------------------------
       [ 11 Footer ]
  -----------------------------------------------------------------*/
  #footer{
      background:#24305E;
      padding: 40px 0px;

  }

  .footer-cont{
    width: 98%;
    max-width: 1300px;
    margin: auto;
  }
  
  #footer .subtitle{
      font-size: 15px;
      
  }

  .foot-title{
    font-size: 30px;
    color: #d09945;
  }

  .branch h3{
    color: #fff;
    font-size: 18px;
  }

  .branch p{
    color: #eee;
    font-size: 14px;
  }
  
  .branch{
    padding:12px 0px;
  }

  #contactus h1{
      margin-top:20px;
      
      font-weight:normal;
  }
  #footer .footer-title{
      font-weight:bold;
      font-family: 'Bebas Neue', sans-serif;
  
  }
  #footer .footer-body{
      font-size:15px;
      padding-left:30px;
  }
  #footer .icon-footer{
      padding-right:5px;
  }
  
  
  #footer h4{
      font-weight:bold;
  }
  
  #footer .quicklinks .subtitle{
      color:#ffffff;
      font-size: 26px;
      font-family: 'Bebas Neue', sans-serif;
  }
  
  
  #footer .quicklinks a{
      color:#ffffff;
      display: block;
      padding-bottom: 8px;
  }
  
  #footer .newsletter .subtitle{
      color:#ffffff;
      font-size: 22px;
      font-family: 'Bebas Neue', sans-serif;
  }
  
  #footer .newsletter .body-copy{
      color:#ffffff;
      font-size: 15px;
  }
  
  #footer .newsletter input{
      font-size: 14px;
      background: transparent;
      border: 1px solid #F1F3FB;
      border-right: 0;
      color: #ffffff;
  }

  .footer-cont img{
    width: 220px;
    object-fit: contain;
  }
  
  #footer .newsletter button{
      border: none;
      background: transparent;
  }
  
  #footer .newsletter .input-group-text{
      background: #F76C6C;
      border:none;
      padding: 0px 15px 0px 15px;
  }
  
  .copyright{
      font-size:14px;
      color:#CBCBCB;
      background: #2a2a47;
      text-align: center;
  }



  #footer .fb-logo{
    font-size: 25px;
    color: #d09945;
  }
  
  /* ----------------------------------------------------------------
       [ 11 Footer]
  -----------------------------------------------------------------*/
  
  
  /* ----------------------------------------------------------------
       [ 12 Responsive]
  -----------------------------------------------------------------*/
 @media screen and (max-width: 578px){
    .carrier img{
        object-fit: contain;
        height: 300px;
        display: initial;
    }

    .carrier{
        background: #FFFf;
        width: 100%;
        margin: 0;
        padding: 0;
    }
 }


  @media screen and (max-width: 767px) {
  
    .service i {
        font-size: 40px;
      }

      .service p{
        font-size: 16px;
      }
      
  .desktoponly{
      display: none;
  }
  #headers{
      padding-top:100px;
      padding-bottom: 0px;
  }
  #subscribe .input-subscribe{
      width:90%;
  }
  
  #testimonial .testimonial-body{
      width:100%;
  }
  
  #newsletter .main-newsletter{
      width:100%;
  }
  
  #price .main-price{
      width:80%;
      margin: 0 auto;
  }
  
  .subtitleline::after{
      width: 100%;
      right:-5em;
      width: 3em;
  }
  
  #navbarResponsive{
      background: #ffffff;
  }
  
  }
  
  @media screen and (max-width: 600px) {
     h1{
             font-size: 34px !important;
     }
  
     #headers .subtitlesmall{
             font-size: 16px !important;
     }
  
      #services .sub-title, #listing .sub-title, #service .sub-title, #team .sub-title{
          width: 100%;
      }
  }


  
  
  
  /* ----------------------------------------------------------------
       [ 12 Responsive]
  -----------------------------------------------------------------*/
  
  
  /* ----------------------------------------------------------------
       [ 13 Carousel]
  -----------------------------------------------------------------*/
  
  
  .carousel.carousel-fade .carousel-item {
      display: block;
      opacity: 0;
      transition: opacity ease-out 1.7s;
      left: 0;
      top: 0;
      position: absolute;
  }
  .carousel.carousel-fade .carousel-item.active {
      opacity: 1 !important;
  }
  .carousel.carousel-fade .carousel-item:first-child {
      top: auto;
      position: relative;
      transition: opacity ease-out 1.7s;
  }
  .carousel.carousel-fade .carousel-item:second-child {
      top: auto;
      position: relative;
      transition: opacity ease-out 1.7s;
  }
  .carousel-item .img-fluid {
      margin: 0 auto;
  }
  .carousel img {
      
      
  }
  
  /* ----------------------------------------------------------------
       [ 13 Carousel]
  -----------------------------------------------------------------*/

  .call{
	position:fixed;
	font-size:30px;
	width:55px;
	height:55px;
	bottom:10px;
	right:10px;
	background-color:#0088CC;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
}

.whatsapp{
	position:fixed;
	font-size:30px;
	width:55px;
	height:55px;
	bottom:15px;
	right:15px;
	background-color:#d09945;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
}



 .whatsapp i{
    margin-top: 12px;
 }

.whatsapp:before{
  position:absolute;
  content:'';
  border:12px solid #d09945;
  left:0;
  right:0;
  bottom:0;
  top:0;
  border-radius:50%;
  animation:animate 2s linear infinite;
}
.whatsapp:after{
  position:absolute;
  content:'';
  border:12px solid #d09945;
  left:0;
  right:0;
  bottom:0;
  top:0;
  border-radius:50%;
  animation:animate 2s 1s linear infinite;
}

@keyframes animate{
  100%{
    transform:scale(1.5);
    opacity:0
  }
}