body {
  background-color: #fafafa;
  font-family: 'Raleway', Helvetica, sans-serif;
}
h2 {
  font-size: 2.4rem;
}
h2 span {
  font-size: 4rem;
}
h2, h3 {
  font-family: 'Lato', sans-serif;
  color: color;
  line-height: 2.4rem;
}
h3 {
  font-size: 1.8rem;
}
h3 span {
  font-size: 3rem;
}
h2 span,
h3 span {
  font-family: 'Italianno', cursive;
  display: block;
  color: #4c555a;
}
h6 span {
  font-size: 0.5rem;
}
/** Bootstrap overwrites  **/
.card-header {
  padding: 0;
  background-color: #DBB63F;
}
.btn-link:focus, .btn-link:hover {
  text-decoration: none;
  color: #fff;
}
.btn-link {
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.4rem;
  letter-spacing: 0.3rem;
}

/** Social Menu **/
.socials ul {
  list-style: none;
}
.socials ul li {
  position: relative;
  display: inline-block;
}
.socials ul li a::before {
  font-family: 'FontAwesome';
  display: inline-block;
  vertical-align: top;
  padding: 0.4rem;
  content: '\f08e';
  color: white;
  -webkit-font-smoothing: antialiased;
  font-size: 2.3rem;
}
.socials ul li a[href*="tel:6785358028"]::before {
  content: '\f098';
}
.socials ul li a[href*="gargoelectric@gmail.com"]::before {
  content: '\f199';
}
.socials ul li a[href*="facebook.com"]::before {
  content: '\f230';
}

/** navbar **/

.nav-menu {
  /*background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .5));*/
  background: #fff;
  border: 0;
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 20px;
  transition: all 0.7s ease;
}

.menu-item {
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: rgba(0,0,0,.5);
  transition: color .5s;
}

.menu-item:hover {
  color: #70aed2;
}

.nav-active {
  color: #77a935;
}

.bg-light {
  background-color: #000000!important;
}

.line1, .line2, .line3 {
  width: 23px;
  height: 3px;
  margin: 5px;
  transition: all .4s;
}

.change .line1 {
  transform: rotate(-45deg) translate(-5px, 6px);
}

.change .line2 {
  opacity: 0;
}

.change .line3 {
  transform: rotate(45deg) translate(-5px, -6px);
}

.custom-navbar {
  padding: 5px 20px;
  transition: all ease .7s;
/*  background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .7));*/
}

.custom-navbar .menu-item {
  font-size: 1.0rem;
}

.custom-navbar .navbar-brand> img {
  height: 40px;
}

/* end of navbar */

/** Carousel **/
.carousel .carousel-caption h3 {
  font-family: 'Raleway', sans-serif;
  text-shadow: 2px 2px 5px rgba(55,55,55,1.00);
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 2.8rem;
  color: #fff;
}
.carousel-caption {
  bottom: 30px;
  line-height: inherit;
}

.carousel .carousel-caption h1 {
  text-shadow: 2px 2px 0px #aaa;
}

.carousel-caption p {
  text-shadow: 2px 2px 0px #aaa;
  width: 100%;
}

.carousel-item {
  height: 875px; }

.carousel-image-1 {
  background: url("../img/image1.jpg");
  background-size: cover;
  background-position: 0 -10px; }

.carousel-image-2 {
  background: url("../img/image2.jpg");
  background-size: cover;
  background-position: 0 -10px; }

.carousel-image-3 {
  background: url("../img/image3.jpg");
  background-size: cover;
  background-position: 0 -10px; }

/** New site **/
.new-website p {
  font-size: 1.6rem;
  color: #979797;
  font-family: 'Lato', sans-serif;
}
/** Image Links **/
.image-links img {
  border: 6px solid white;
  -webkit-transition: transform .3s ease;
  -ms-transition: transform .3s ease;
  transition: transform .3s ease;
}
.image-links img:hover {
  -webkit-transform: scale(1.2) rotate(10deg);
  -ms-transform: scale(1.2) rotate(10deg);
  transform: scale(1.2) rotate(10deg);
}
.image-info {
  background-color: #ffffff;
  margin-top: -50px;
}
.image-info .btn-success {
  background-color: #77a841;
  border:none;
  border-radius: 0;
}
.image-info .btn-success:hover {
  background-color: #83976d;
}
/** Hours **/
.business-hours {
  background-color: #77a841 ;
  color: #ffffff;
}
.business-hours h2 {
  color: #ffffff;
}
.bg-hours {
  background-image: url(../img/bg_hours.jpg);
  background-repeat: no-repeat;
  background-position: center;
  min-height: 300px;
}
.table {
  border: 2px solid #77a841;
}
.table td,
.table thead th {
  border:none;
}
.table tbody tr td {
  padding: .35rem;
}
.table-danger,
.table-hover .table-danger:hover {
  background-color: #77a841;
}
/** Products **/
.products .card {
  border: none;
}
.products .card a {
  color: #000;
}
.products .card a:hover {
  text-decoration: none;
}
.products .card h3 {
  font-size: 1.3rem;
  color: #4c555a;
}
.products .card p {
  font-size: .8rem;
}
.products .card p.price {
  font-size: 1.5rem;
  font-family: 'Lato', sans-serif;
  color: #979797;
}

/** Appointment **/
.appointment {
  background-image: url(../img/bg_appointment.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  color: #fff;
}

body,html {
    height: 100%;
}

/* must be relative for scrollspy to work */
body {
    position: relative;
}

.jumbotron {
    background: url(../img/pic02.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.min-100 {
    min-height: 100vh;
}

.navbar.affix-top,
.navbar.affix-bottom {
  position: static;
}

.navbar.affix{
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1;
  background: #fff;
  transition: all .35s ease;
}

#sidemenu.affix-top, #sidemenu.affix {
  position: static;
}

#sidemenu.affix-bottom {
  position: relative;
}

@media (min-width: 768px) {
    #sidemenu.affix {
      position: fixed;
      top: 40px;
    }
}

#sidemenu .nav-link.active,
#sidemenu .nav-link:hover,
#sidemenu .nav-link:focus{
    color: #111;
    border-bottom: 1px #000 dashed;
}

.anchor{
  display: block;
  height: 70px;
  margin-top: -70px;
  visibility: hidden;
}

#content .nav-link {
    color: #555;
    transition: all 0.2 ease;
}

footer a {
    color: #ccc;
}
footer a:hover,
footer a:focus{
    color: #eee;
}

@media (min-width: 992px) {
  .appointment {
    background-size: cover;
  }
}
.appointment h3{
  font-size: 3.5rem;
  color: #fff;
  line-height: 4rem;
}
.appointment p {
  line-height: 2.6rem;
}
.appointment .btn-primary {
  background-color: #055C9F;
  border: none;
  border-radius: 0;
  padding: 1rem 5rem;
  font-family: 'Lato', sans-serif;
}
.appointment .btn-primary:hover {
  background-color: #68beb5;
}
/** Footer **/
.site-footer {
  background-color: #77a935;
  color: white;
}

.site-footer p.copyright {
  font-family: 'Lato', sans-serif;
  color: white;
}
/** Internal pages **/
/** About **/
.hero {
  position: relative;
}
.hero h2{
  background-color: #77a841;
  position: absolute;
  bottom: 2rem;
  right: 0;
  padding: 1rem 2rem 1rem 6rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 900;
  font-size: 3rem;
  color: #fff;
}
.main-content p {
  line-height: 1.5rem;
}
.sidebar.hours {
  background-color: #DBB63F;
  color: #ffffff;
}
.sidebar.hours p {
  font-family: 'Lato', sans-serif;
  font-size: 1.2rem;
}
.sidebar.hours h2 {
  color: #ffffff;
}
.sidebar.contact {
  color: #ffffff;
}
.sidebar.contact p {
  font-family: 'Lato', sans-serif;
  font-size: 1.2rem;
}
.sidebar.contact h2 {
  color: #ffffff;
}
/** SERVICES **/
#services .card-header {
  background-color: #77a841;
}
#services .card-header h3 a {
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-size: 1.8rem;
}
#services .card-block {
  font-size: 1.2rem;
  line-height: 2.4rem;
}
.card-block p {
  font-size: 1.0rem;
  padding: 1.0rem;

}
aside.discount,
aside.product_description {
  background-color: #DBB63F;
  color: #fff;
  -moz-background-clip: content-box;
  -webkit-background-clip: content-box;
  background-clip: content-box;
}
aside.discount h3,
aside.product_description h3 {
  color: #fff;
}
aside.discount .coupon {
  border: 3px dashed white;
}
aside.discount .coupon p {
  font-family: 'Lato', sans-serif;
  font-size: 2rem;
}
aside.discount .coupon p span {
  display: block;
}
aside.credentials {

}

/** CONTACT FORM **/
.contact-form {
  border: 2px solid #9a9a9a;
  background-color: white;
}
.contact-form .btn-primary {
  background-color: #77a935;
  border: none;
  border-radius: 0;
  padding: 1rem 6rem;
}
.contact-form .btn-primary:hover {
  cursor: pointer;
  background-color: #6bbdb5;
}

/***** MEDIA QUERIES *****/

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

  /**.navbar.shrink {
    height: 0px;
    transition: all ease .5s;
  }
  .navbar li a {
    height: 40px;
    transition: all ease .5s;
  }
  .shrink {
  display: none;
  }
  .navbar .nav-item.active {
    border-left: #77a935 3px solid; }**/

  .navbar-brand> img {
   height: 60px; }

  .col-lg-8 {
    flex: 0 0 100%;
    max-width: 100%; }

  .carousel-image-1 {
    background: url("../img/image1.jpg") cover top;
    background-position: 0 0px; }
  .carousel-image-2 {
    background: url("../img/image3.jpg") cover top;
    background-position: 0 0px; }
  .carousel-image-3 {
    background: url("../img/image3.jpg") cover top;
    background-position: 0 0px; }

  .carousel-item {
      margin-top: 100px;
      height: 260px; }

}

/* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 966px) {
    .parallax {
        background-attachment: scroll;
    }
}