@charset "utf-8";

/*--------------------------------------------------------------------
	General CSS
 
--------------------------------------------------------------------*/
@font-face {

   font-family: 'Roboto';
   src: url('../fonts/Roboto-Regular.ttf') format('ttf');
   font-family: 'Montserrat';
   src: url('../fonts/Montserrat-Regular.otf') format('otf');
   font-family: 'Poppins';
   src: url('../fonts/Poppins-Medium.otf') format('otf');
   font-family: 'Rubik';
   src: url('../fonts/Rubik-Regular.ttf') format('ttf');
}

body {
   background: url(../img/pattern3.png) #e7e7e7;

   color: #000;
   /* background: #f6f7f8;*/
   font-size: 14px;
   line-height: 1.6;
   font-family: 'Lato', sans-serif, 'Rubik';
   font-weight: normal;
}

/*----------- Heading -----------*/
h1,
h2,
h3,
h4,
h5,
h6 {
   margin: 0px 0px 10px 0px;
   color: #000;
   font-family: 'Poppins', sans-serif;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
   text-decoration: none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
   text-decoration: underline;
}



/*--------------------------------------------------------------------
	Index Page
--------------------------------------------------------------------*/




/*-------------- Main Menu --------------*/
#top-head {
   background: #fff;
   color: #111;
   border-bottom: 3px solid #f7f8f9;

}

#top-head ul li {
   float: left;
   padding: 5px 8px;
   font-size: 15px;
   display: inline-block;
   font-weight: 600;
   color: #111;
}

#top-head a b {
   font-size: 24px;
   font-weight: 600;
   color: #000;
   margin-left: -15px
}

.H-nav {
   background: #fff;
   position: relative;
   z-index: 99999;
}

#Header-menu .navbar {
   padding: 0;
   font-family: 'Montserrat' !important;
   margin-top: -25px;

}

#Header-menu .navbar-light .navbar-nav .nav-link {
   color: #111;
   text-transform: uppercase;
   font-size: 14px;
   transition: all 300ms;
   padding: 28px 12px;
   font-weight: 400;
   letter-spacing: 2px;
   font-family: 'Poppins' !important;
}

#Header-menu .navbar-light .navbar-nav .nav-link:hover {
   color: #ababab;
}

.active {
   color: #ababab;
}

#Header-menu .dropdown .dropdown-menu {
   margin: -5px;
   border-radius: 0;
   padding: 0;
   border: none;
   box-shadow: 0 0 10px;
}

#Header-menu .dropdown .dropdown-menu .dropdown-item {
   font-size: 14px;
   color: #111;
   ;
   padding-top: 10px;
   padding-bottom: 10px;
}

#Header-menu .dropdown .dropdown-menu .dropdown-item:hover {
   color: #ababab;

}

.dropdown-item {

   background-color: #fff !important;

}

.pull-left {
   margin-top: 5px
}

.pull-left b {
   font-size: 24px;
   font-weight: 600;
   color: #fff;
   margin-left: -15px;
}

#main-menu .navbar .dropdown-toggle::after {
   border-top: .3em solid #fff;
}

.sticky-fixed {
   position: fixed !important;
   top: 0;

   width: 100%;
   z-index: 999;
   background: transparent !important;

}

/*-------------- Banner --------------*/
#banner {
   position: relative;
   overflow: hidden;
}

.navbar-nav {
   margin-top: 30px;
}

.nivo-controlNav {
   text-align: center;
   padding: 0px !important;
   display: none;
}

.text-black {
   color: #000
}

.title {
   border-bottom: 2px solid #e7e7e7;
   display: inline-block;
   color: #111
}

.welcome:after {
   content: "";
   position: absolute;
   top: 27px;
   right: 19px;
   width: 91%;
   height: 89%;
   background-color: transparent;
   border: 10px solid rgba(0, 0, 0, 0.1);
}

input[type=text],
select,
textarea {
   width: 100%;
   padding: 5px 12px;
   border: 1px solid #ccc;
   border-radius: 4px;
   box-sizing: border-box;
   margin-top: 6px;
   margin-bottom: 16px;
   resize: vertical;
}

select {
   color: #898989
}

textarea {
   color: #898989
}

input[type=submit] {
   background-color: #000;
   color: white;
   padding: 2px;
   border: none;
   border-radius: 4px;
   cursor: pointer;
   font-size: 18px;
   text-align: center;
   margin-left: 40px
}

#About-us {
   background: #fff
}

#service {
   background: #fff
}

#service img {
   border-radius: 15px
}

.overlay {
   position: absolute;
   bottom: 0;
   background: rgb(0, 0, 0);
   background: rgba(0, 0, 0, 0.5);
   width: 100%;
   transition: .5s ease;
   opacity: 0;
   color: #fff;
   font-size: 20px;
   padding: 40px 20px;
   height: 100%;
   border-radius: 15px;
}

.content {
   position: relative
}

.content:hover .overlay {
   opacity: 1;
}

#footer {
   padding: 15px;
   background: #000;
   font-family: 'Poppins';
}

#footer h4 {
   color: #fff;
}

.F-about p {
   color: #898989
}

.F-nav ul li {
   list-style: none;
   margin-left: -30px
}

.F-nav a {
   color: #fff;
}

.F-nav a:hover {
   text-decoration: none;
   color: #898989;
}

.location {
   color: #fff;
}

.location b {
   font-weight: 600
}

.social ul li {
   list-style: none;
   float: left;

}



.social a {
   color: #fff
}

.social i {
   margin: 8px;
}

.bg-social {
   background: #111;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   margin-right: 5px;
}

.H-text {
   color: #898989;
   font-size: 15px;
   font-family: 'Rubik', sans-serif;
}

/*------Responsive--------*/
@media (max-width:800px) {
   .navbar-toggler {
      margin-top: 30px
   }

   input[type=submit] {

      font-size: 14px;

      margin-left: 0px;
   }

   .welcome {
      margin-top: 75px
   }

   .welcome:after {
      display: none
   }
}

@media (max-width:768px) {
   .navbar-toggler {
      margin-top: 30px
   }

   input[type=submit] {

      font-size: 14px;

      margin-left: 0px;
   }

   .welcome {
      margin-top: 75px
   }

   .welcome:after {
      display: none
   }
}

@media (max-width:420px) {
   .navbar-toggler {
      margin-top: 40px
   }

   #Header-menu .navbar {
      margin-top: -30px;
   }

   #Header-menu .navbar-light .navbar-nav .nav-link {
      color: #111;
      text-transform: uppercase;
      font-size: 13px;
      transition: all 300ms;
      padding: 5px;
      margin-bottom: 10px;
      font-weight: 400;
      font-family: 'Poppins' !important;
   }

   .nivo-caption {
      display: none !important;
   }

   .title {
      font-size: 24px;
      margin-top: 15px;
   }

   .welcome {
      display: none !important;
   }

   #top-head {
      display: none !important;
   }

   .pull-left a img {
      width: 85%;
      margin: 5px 0 10px 0;
   }

}

@media (max-width:320px) {
   .navbar-toggler {
      margin-top: 40px
   }

   #Header-menu .navbar-light .navbar-nav .nav-link {
      color: #111;
      text-transform: uppercase;
      font-size: 13px;
      transition: all 300ms;
      padding: 5px;
      margin-bottom: 10px;
      font-weight: 400;
      font-family: 'Poppins' !important;
   }

   .nivo-caption {
      display: none !important;
   }

   .num {
      display: none !important;
   }

   .title {
      font-size: 24px;
      margin-top: 15px;
   }

   .welcome:after {
      width: 80%;
      right: 64px;
   }
}