@font-face {
  font-family: Blacksword;
  src: url(../fonts/Montserrat-Regular.otf);
}

body, html{
  font-family: 'Montserrat';
}

header{
    background: url(../images/20190810_172213.jpg) top center no-repeat;
    background-size: cover;
    padding: 0px;
    margin: 0px;
}

.logo{
    margin: 30px 0px 0px 50px;
}

.logo img{
  height: 194px;
}

.top-menu{
    margin-right: 50px;
}

header nav{
    display: flex;
    align-items: flex-start;
}

header nav > a{
    padding-right: 50px;
}

header nav  a:last-child{
    padding-right: 0;
}

.banner{
    height: 600px;
    color: #fff;
    margin: auto 40px;
}



.social-icons-top{
    display: flex;
    flex-direction: column;
}

.social-icons-top a{
    color:#fff;
}
  
.social-icons-top i{
    padding-bottom: 20px;
    font-size: 24px;
}

.banner div:first-child{
    padding: 0px 150px;
  }

  .about-us {
    background: url(../images/about-me-back.png?v2) top left no-repeat;
  }

  .about-us .whoami{
    padding: 80px 120px 10px 120px;
  }

  .about-us .gallery-slider{
    padding: 0 120px;
  }

  .our-service {
    background-image: url(../images/services-back.png);
    background-position: top left;
    background-repeat: no-repeat;
  }

  .our-service .container{
    padding: 40px 180px;
  }


  .ourservice-header p{
    padding-left: 100px;
  }

  .ourservice-header p:first-child{
    padding: 0;
  }

  .carousel-item{
    color: #fff;
    min-height: 250px;
  }


.whoami-header h2{
    font-size: 34px;
    margin-bottom: 30px;
}

.our-service{
    background-color:#252525;
    height: 550px;
    padding: 65px;
}

.ourservice-header{
    color:#fff;
}

.tab-pane{
    color:#fff;
}


.get-in-touch-me{
    height: 900px;
    background: url(../images/20190810_172213-2.jpg) top center no-repeat;
    background-size: cover;
    padding-bottom: 150px;
}

.get-in-touch-me h3{
    font-size: 36px;
}

footer{
    background:#252525;
    color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
}

.contact-form input, .contact-form textarea {
    background:#363636;
    color:#fff;
    border:0px;
    border-radius: 3px;
}

.contact-form button{
    background: #fff;
    border-radius: 15px;
    color: gray;
    width: 100px;
}

footer .container > .row > .col{
    padding: 0px 20px 0px 20px;
}



.select-header{
    font-size: 48px;
  }
  
  .unselect-header{
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
  }

  .carousel-controls button{
    background: transparent;
    border:0px;  
    padding-top: 4px;
  }

  .bi-arrow-left-circle, .bi-arrow-right-circle{
    color: #fff;
    font-size: 36px;
  }

  .gallery-slider {
    width: 100%;
    margin: 60px 0px;
  }

  .gallery-slider img{
    background: #fff;
    padding: 20px 20px 60px 20px;
  }

  .gallery-slider .slick-prev{
    margin-left: 170px;
  }

  .gallery-slider .slick-next{
    margin-right: 70px;
  }

       
  .social-icons-bottom i{
      color:#fff;
      font-size: 24px;
      padding-right: 20px;
  }


  .fab:hover{
    opacity: .8;
    transition: .2;
  }

  .whatsapp-fixed{
    position: fixed;
    right: 30px;
    bottom: 20px;
    z-index: 1;        
  }
  .whatsapp-fixed img{
    width: 80px;
  }



  @media only screen and (max-width: 1024px) {

    .our-service{
        background-color:#252525;
        height: 500px;
        padding: 15px;
    }

    .our-service .container{
      padding: 40px 100px;
    }

    .get-in-touch-me{
      height: 600px;
      padding-bottom: 80px;
    }

  }

  @media only screen and (max-width: 768px) {

    .our-service{
        background-color:#252525;
        height: 500px;
        padding: 15px;
    }

    .our-service .container{
      padding: 40px 100px;
    }

    .select-header{
      font-size: 22px;
    }
    
    .unselect-header{
      font-size: 14px;
      font-weight: 400;
      cursor: pointer;
    }

    .carousel-item{
      color: #fff;
      min-height: 300px;
    }

  }

  @media only screen and (max-width: 600px) {

    .logo{
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: 0;
    }
    header nav {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    header nav > a{
      padding-right: 30px;
  }

  .social-icons-top{
      flex-direction: row;
      align-items: center;
      justify-content: center;
  }
    
    .top-menu{
        margin-right: 0px;
    }
    .banner div:first-child{
      padding: 0px 10px;
    }

    .about-us .row{
      padding: 80px 30px;
    }

    .banner{
      height: 400px;
    }

    .our-service{
        background-color:#252525;
        min-height: 650px;
        padding: 15px;
    }

    .our-service .container{
      padding: 40px 20px;
    }

    .ourservice-header{
      margin-top: 50px;
    }
    
    .ourservice-header p{
      padding-left: 20px;
    }

    .select-header{
      font-size: 22px;
    }
    
    .unselect-header{
      font-size: 12px;
      font-weight: 400;
      cursor: pointer;
    }

    .carousel-item{
      min-height: 400px;
    }
  }

  @media only screen and (max-width: 375px) {
    .our-service{          
        min-height: 670px;
        padding: 15px;
    }

    .ourservice-header{
      margin-top: 20px;
    }

    .ourservice-header p{
      padding-left: 10px;
    }
   
    .carousel-item{
      min-height: 450px;
    }

    .social-icons-top i{
      padding-right: 20px;
    }
    
  }