@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');


.body
{
  overflow-x: hidden;
  font-family: 'lato', sans-serif;
  color: #505962;
  

}
.offset::before
{
  height: 3.8rem;
  margin-top: -3.8rem;
  content: "";
  display: block;
}

/*========== Navbar =========*/

.navbar
{
  letter-spacing: .1rem;
  font-weight: 700;
  text-transform: uppercase;
  font-size: .9rem;
  background-color: rgba(0,0,0,1);
}






.navbar-brand img
{
  height: .2rem;
}


.navbar-nav li
{
  padding-right: .7rem;
}

.navbar-custom .navbar-nav .nav-link
{
  color: #ffffff!important;
  padding-top: .8rem;
}

.navbar-custom .navbar-nav .nav-link.active,
.navbar-custom .navbar-nav .nav-link:hover
{
  color: rgb(189, 151, 48)!important;
	    
}
.collapse.navbar-collapse
{
  text-align: center;
  color: rgba(255,255,255,.5)!important;


}
span.navbar-toggler.collapsed
{
flex: auto;
background-color: #ffffff!important;


}
.navbar-toggler-icon
 {
color: rgba(255,255,255,.5)!important;
}

/*========== slider =========*/

/*.carousel-item
{
  height: 50vh;
}
*/
.carousel-item
{
  height: 580px;
  background: url('img/web2.jpg') center;
  background: url('img/design.jpg') center;
  background: url('img/marketing.jpg') center;
  
}

.carousel-caption
{
  position: absolute;
  top: 30%;
  text-transform: uppercase;
  width: 100%
  right: 20%;
  left: 0;
}
.carousel-caption h1
{
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: .3rem;
  text-shadow: .2rem .2rem .9rem black;
  padding-bottom: 1rem;
  color: rgb(189, 151, 48);
}
.carousel-caption h4
{
  font-size: 1.5rem;
  /*text-shadow: .1rem .1rem .5rem black;*/
  padding-bottom: 1.6rem;
  color: rgb(189, 151, 48);
}
.btn-lg
{
  border-width: medium;
  border-radius: 0;
  font-size: 1.1rem;
}
/*========== abut us-section =========*/
.narrow
{
  width: 75%;
  margin: 0 auto;
  padding-top: 2rem;

}
/*========== services section  =========*/

.service
{
  padding-top: 2rem;
}
.heading-underlined
{
  display: inline;
  border-bottom: 3px solid rgb(189, 151, 48);
  padding-bottom: 8px;
  line-height: 1.75em;
}

/*========== portfolio-section  =========*/

.jumbotron
{
  border-radius: 0;
  padding: 2rem 0 0rem;

}
.portfolio img
{
  max-width: 100%;
  transition: transform .5s ease;
}
.row.no-padding [class*=col-]
{
  padding: 0;
}
.portfolio img:hover
{
  transform: scale(1.1);
  cursor: zoom-in;
}
.portfolio
{
  overflow: hidden;
}
/*========== contact section  =========*/
#contact
{
  background: url('../../img/contact/contact.jpg') center;
  background-size: cover;
  background-attachment: fixed;
  font-family: new time roman;

  padding-top: 40px;
  padding-bottom: 40px;
}
#txtcontact
{
  font-size: 19px;
  color: #fff;
}

svg.svg-inline--fa.fa-envelope-open-text
{
  color: rgb(189, 151, 48);
}
.label
{
  font-size: 19px;
  color: #fff;
  font-weight: normal;
}
.form-control
{
  background: transparent;
  color: #fff;
  border-radius: 0px;
  border: 0px;
  font-size: 21px;
  border-bottom: 1px solid white;
  margin-bottom: 15px;
}

.btn-danger
{
  font-size: 19px;
  width: 553px;
}
/*========== buttons  =========*/
.btn-md
{
  border-width: medium;
  border-radius: 0;
  padding: .6rem 1.1rem;
  text-transform: uppercase;
  margin: 1rem;
}
.btn-secondary
{
  margin-bottom: 20px;
}

/*========== footer =========*/
footer
{
  padding-top: 40px;
  background-color: black!important;
  color: #ffffff;

}
footer img{

  margin: 1.5rem 0;
}
footer a
{
  color: #ffffff;
}
footer svg.svg-inline--fa
{
  font-size: 1.6rem;
  margin: 1.2rem .5rem 0 0;
}
footer svg.svg-inline--fa:hover
{
  color: rgb(189, 151, 48);
}
hr.socket
{
  border-top: .2rem solid  rgb(189, 151, 48);
  width: 100%;

}


/*========== media queries   =========*/
@media (max-width: 767px)
{
  .carousel-caption h1
  {
    font-size: 2.3rem;
    letter-spacing: .15rem;
    padding-bottom: .5rem;
  }
  .carousel-caption h3
  {
    font-size: 1.2rem;
    padding-bottom: 1.2rem;
  }
  .btn-lg
  {
    font-size: 1rem;
}
  .narrow h1
  {
    font-size: 1.5rem;
  }
  p.lead
  {
    font-size: 1rem;
  }