body {
   background: #000;
}
.lp-wrapper::after {
   background-color: #000;
   background-image: url("./images/sf-landing-bg.jpg");
   bottom: 0;
   content: "";
   left: 0;
   opacity: 1;
   position: absolute;
   right: 0;
   top: 0;
   z-index: -1;
   background-size: cover;
   background-position: center;
}

.lp-main-image img {
   width: 70%;
   margin: 5% auto;
   border: 5px solid #337ab7;
   border-radius: 10px;
}

.lp-header-menu {
  position: absolute;
  width: 70%;
  margin: auto; 
  top: 15%;
  left: 0;
  padding: 30px 0;
  color: #fff;
  text-align: center;
  z-index: 9999;
  right: 0;
  text-align: center;
  text-shadow: 0 0 1px #f1f1f1;
 
}
.landing-header-title {
   font-size: 34px;
   font-weight: bold;
   text-transform: uppercase;
   background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
   margin: auto;
   width: 50%;
   padding: 10px;
   line-height: 1.3em;
   box-shadow: 0 0 10px #f1f1f1;

}

.location-name-style {
   color: #00FBFF;
}
.lp-testimonials {
   margin-left:15%;
   margin-top:-20px; 
   bottom: 20%;
   right: 18px;
   width: 70%;
   background: #74B5B7;
   box-shadow: 0 0 10px #000;
}
.lp-testimonials p {
   font-size: 20px;
   color: #fff;
   padding: 10px;
   text-align: center;
   font-style: italic;
}
.lp-telephone-section {
   position: absolute;
   left:40%;
   width: 20%;
   background: #428bca;
   text-align: center;
   padding: 10px;
   font-size: 26px;
   border-radius: 5px;

}
.lp-telephone-section p {
  margin-bottom: 0;
}
.lp-footer-menu {
   position: relative;
   width: 100%; 
   top:70px;
   bottom: 0;
   left: 0;
   padding: 0px 0;
   color: #fff;
   text-align: center;
}
.lp-footer-menu a {
   padding: 20px;
   font-size: 16px;
   color: #428bca ;
   /* transition: all 1s ease 0s; */
}

.lp-footer-menu a:hover{
   text-decoration: none;
   color: #F48024;
}
a, a:hover, a:visited, a:active, a:focus, .lp-play-now-btn .btn, .lp-play-now-btn .btn:focus {
   outline: 0;
}

.carousel-caption {
   top: 65%;
}

.lp-play-now-btn .btn{
   padding: 20px 80px;
   font-size: 30px;
   background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 162, 66, 1) 0%, rgba(255, 157, 66, 1) 50%, rgba(255, 164, 79, 1) 50%, rgba(255, 164, 79, 1) 50%, rgba(255, 164, 79, 1) 50%, rgba(255, 164, 79, 1) 50%, rgba(255, 122, 9, 1) 100%) repeat scroll 0 0;
   color: #fff;
   transition: all 0.8s ease 0s
   border-color: rgba(0, 0, 0, 0.1);
   border-radius: 2px;
   border-style: solid;
   border-width: 1px;
   cursor: pointer;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

}
.lp-play-now-btn .btn:hover {
   background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 122, 9, 1) 0%, rgba(255, 164, 79, 1) 50%, rgba(255, 164, 79, 1) 50%, rgba(255, 164, 79, 1) 50%, rgba(255, 164, 79, 1) 50%, rgba(255, 157, 66, 1) 50%, rgba(255, 162, 66, 1) 100%) repeat scroll 0 0;  
   transition: background-color 0.1s linear 0s;
}
.lp-play-now-btn1{
    margin-right: 10px;
} 

@media (max-width: 767px) { 
   .lp-telephone-section, .lp-testimonials, .lp-footer-menu, .lp-header-menu, 
   .landing-header-title, .lp-main-image img, .lp-carousel-caption, .lp-carousel-caption .btn {
       position: relative;
       width: 100%;
       margin: 0;
       left: auto;
       right: auto;
       top: auto;
       bottom: auto;
   }
   .lp-carousel-caption .btn {
       margin-bottom: 15px;
   }
   .lp-footer-menu a {
       display: inline-block;
       padding: 0 3px;
   }
   .landing-header-title {
       font-size: 22px;
   }
   .lp-wrapper{
       background: #74AAD8;
   }
   .lp-footer-menu a{
      color: #fff;
   }  
}

@media (min-width: 768px) and (max-width: 991px) { 
   .lp-telephone-section, .lp-testimonials, .lp-footer-menu, .lp-header-menu, 
   .landing-header-title, .lp-main-image img, .lp-carousel-caption, .lp-carousel-caption .btn {
       position: relative;
       width: 100%;
       margin: 0;
       left: auto;
       right: auto;
       top: auto;
       bottom: auto;
   }
   .lp-carousel-caption .btn {
       margin-bottom: 15px;
   }
   .lp-footer-menu a {
       display: inline-block;
       padding: 0 3px;
   }
   .landing-header-title {
       font-size: 22px;
   } 
   .lp-wrapper{
       background: #74AAD8;
   } 
   .lp-footer-menu a{
      color: #fff;
   }      
}

@media (min-width: 992px) and (max-width: 1199px) { 
   .lp-telephone-section, .lp-testimonials, .lp-footer-menu, .lp-header-menu, 
   .landing-header-title, .lp-main-image img, .lp-carousel-caption, .lp-carousel-caption .btn {
       position: relative;
       left: auto;
       right: auto;
       top: auto;
       bottom: auto;
   }
   .lp-telephone-section, .lp-testimonials, .lp-footer-menu, .lp-header-menu, 
   .lp-main-image img, .lp-carousel-caption{
       width: 80%;
       margin: 0 auto;
   }
   .landing-header-title{
       width: 100%;
   }
   .lp-play-now-btn{
       width: 50%;
       margin: 0;
       float: left;
   }
   .lp-play-now-btn .btn {
       width: 100%;
   }
   .lp-location-section {
       padding-bottom: 50px;
   }
   .lp-footer-menu a {
       display: inline-block;
       padding: 0 3px;
   }
   .landing-header-title {
       font-size: 22px;
   } 
   .lp-wrapper{
       background: #74AAD8;
   }
   .lp-footer-menu a{
      color: #fff;
   }     
}
@media (min-width: 1200px) and (max-width: 1329px) { 
   .lp-testimonials, .lp-telephone-section{
      
    width:60;
   }
   .lp-testimonials p, .lp-telephone-section {
       font-size: 18px;
   }


}

@media (min-width: 1200px ) { 
   .landing-header-title {
       width: 680px;
   }   
}

@media (min-width: 1900px ) { 
   .lp-telephone-section, .lp-testimonials{
       position: relative;
       width: 70%;
       margin: 0 auto;
       left: auto;
       right: auto;
       top: auto;
       bottom: auto;
   }     
}