body {
    font-family: Lato, sans-serif;
    background-image: url(_images/clouds.jpg);
    background-position: 100px 0px;
    background-repeat: repeat-x;
    animation: clouds 580s linear infinite;

    
}


 @keyframes clouds {
            from {background-position: 100% 0;}
            to {background-position: -100% 0;}
}
.lne-blue-text {
    color: #1045f5;
}
.lne-green-text {
    color: rgb(119, 181, 0);
}

.main-container {
    max-width: 100%;
    margin: 0 auto;
}

.navbar {
    max-height: 51px;
}
#navbar ul {
    float: right;
}
#navbar a {
    background-color: inherit;
}
#navbar p {
    color: grey;
}
#navbar p:hover {
    color: lightgrey;
}
#yelp-biz-badge-plain-nkgGqUWOybXb9pfmKL1p5A {
    padding: 10px;    
}

.favicon img {
    float: left;
    position: relative;
    top: -13px;
    left: -7px;
     
}
.title-group {
    float: right;
    text-align: center;
}
.top-line {
    margin-top: 55px;
    padding: 10px;
    font-size: 4em;

}

.lead {
    font-size: 2.5em;
            
}

.tag-line {
    font-family: 'Tangerine', cursive;
    font-size: 4em;
    letter-spacing: .01em;

}
.off-set-left {
    position: relative;
    right: 85px;
}
/* =========== FLIPPITY STYLES =================   */
body {
/*     margin-top: 125px;*/
 }

@-moz-keyframes spinningH {
  from {
    -moz-transform: rotateX(0deg) rotateY(0deg);
  }
  to{
    -moz-transform: rotateX(360deg) rotateY(0deg);
  }
}

@-webkit-keyframes spinningH {
  from {
    -webkit-transform: rotateX(0deg) rotateY(0deg);
  }
  to{
    -webkit-transform: rotateX(360deg) rotateY(0deg);
  }
}

@-o-keyframes spinningH {
  from {
    -o-transform: rotateX(0deg) rotateY(0deg);
  }
  to{
    -o-transform: rotateX(360deg) rotateY(0deg);
  }
}

@-ms-keyframes spinningH {
  from {
    -ms-transform: rotateX(0deg) rotateY(0deg);
  }
  to{
    -ms-transform: rotateX(360deg) rotateY(0deg);
  }
}

@keyframes spinningH {
  from {
    transform: rotateX(0deg) rotateY(0deg);
  }
  to{
    transform: rotateX(360deg) rotateY(0deg);
  }
}

 #container {
     margin-top: 50px;
     
  -webkit-perspective : 1000px;
  -moz-perspective    : 1000px;
  -o-perspective      : 1000px;
  -ms-perspective     : 1000px;
  perspective         : 1000px;

  -webkit-perspective-origin  : 50% 50%;
  -moz-perspective-origin     : 50% 50%;
  -moz-transform-origin       : 50% 50%;
  -o-perspective-origin       : 50% 50%;
  -ms-perspective-origin      : 50% 50%;
  perspective-origin          : 50% 50%;
 }

.animate {
  -webkit-animation : spinningH 10s infinite linear;
  -moz-animation    : spinningH 10s infinite linear;
  -o-animation      : spinningH 10s infinite linear;
  -ms-animation     : spinningH 10s infinite linear;
  animation         : spinningH 10s infinite linear;
}

#cube {
  position: relative;
    left: 120px;
    bottom: 115px;
  margin: 0 auto;
  height: 60px;
  width: 170px;


  -webkit-transition  : -webkit-transform 2s linear;
  -moz-transition     : -moz-transform 2s linear;
  -o-transition       : -o-transform 2s linear;
  -ms-transition      : -ms-transform 2s linear;
  transition          : transform 2s linear;

  -webkit-transform-style : preserve-3d;
  -moz-transform-style    : preserve-3d;
  -o-transform-style      : preserve-3d;
  -ms-transform-style     : preserve-3d;
  transform-style         : preserve-3d;
}

#cube>div {
  position: absolute;
  height: 100px;
  width: 100px;
  padding: 0px;
  opacity: 0.9;
  text-align: center;
 font-family: tangerine, cursive;
    font-size: 3.5em;
    

  background-position:center center;
}

#cube div:nth-child(1) {
  -webkit-transform : translateZ(30px);
  -moz-transform    : translateZ(30px);
  -o-transform      : translateZ(30px);
  -ms-transform     : translateZ(30px);
  transform         : translateZ(30px);
  background-color  : #90b2e8;
/*  background-image: url(images/iaeh-Sign-only-yg.png);*/
  background-size: contain;
  background-repeat : no-repeat;
  

}

#cube div:nth-child(2) {
  -webkit-transform : rotateY(90deg) translateZ(190px);
  -moz-transform    : rotateY(90deg) translateZ(190px);
  -o-transform      : rotateY(90deg) translateZ(190px);
  -ms-transform     : rotateY(90deg) translateZ(190px);
  transform         : rotateY(90deg) translateZ(190px);
/*  background-color  : #6193e2;*/
/*  background-image  : url(images/lnews-sign-only-yg.png);*/

  background-size   : contain;
  background-repeat : no-repeat;
}

#cube div:nth-child(3) {
  -webkit-transform : rotateY(180deg) translateZ(30px) rotateZ(180deg);
  -moz-transform    : rotateY(180deg) translateZ(30px) rotateZ(180deg);
  -o-transform      : rotateY(180deg) translateZ(30px) rotateZ(180deg);
  -ms-transform     : rotateY(180deg) translateZ(30px) rotateZ(180deg);
  transform         : rotateY(180deg) translateZ(30px) rotateZ(180deg);
  background-color  : #90b2e8;
/*  background-image  : url(images/mne-sign-only-yg.png);*/
  background-size   : contain;
  background-repeat : no-repeat;
}

#cube div:nth-child(4) {
  -webkit-transform : rotateY(-90deg) translateZ(30px);
  -moz-transform    : rotateY(-90deg) translateZ(30px);
  -o-transform      : rotateY(-90deg) translateZ(30px);
  -ms-transform     : rotateY(-90deg) translateZ(30px);
  transform         : rotateY(-90deg) translateZ(30px);
/*  background-color  : #6193e2;*/
/*  background-image  : url(images/ne-sign-only-yg.png);*/
  background-size   : contain;
  background-repeat : no-repeat;
}

#cube div:nth-child(5) {
  -webkit-transform : rotateX(-90deg) translateZ(30px) rotate(0deg);
  -moz-transform    : rotateX(-90deg) translateZ(30px) rotate(0deg);
  -o-transform      : rotateX(-90deg) translateZ(30px) rotate(0deg);
  -ms-transform     : rotateX(-90deg) translateZ(30px) rotate(0deg);
  transform         : rotateX(-90deg) translateZ(30px) rotate(0deg);
  background-color  : #6193e2;
/*  background-image  : url(images/LNE-Sign-only-yg.png);*/
  background-size   : contain;
  background-repeat :no-repeat;
}

#cube div:nth-child(6)  {
  -webkit-transform : rotateX(90deg) translateZ(30px);
  -moz-transform    : rotateX(90deg) translateZ(30px);
  -o-transform      : rotateX(90deg) translateZ(30px);
  -ms-transform     : rotateX(90deg) translateZ(30px);
  transform         : rotateX(90deg) translateZ(30px);
  background-color  : #6193e2;
/*  background-image  : url(images/LNE-Sign-only-yg.png);*/
  background-size   : contain;
  background-repeat :no-repeat;
  text-align:center;  
}

/* =================================   */



.title-group p {
    font-size: 1.5em;
    font-weight: 300;
    font-style: italic;
}
.benefits {
    float: right;
    margin-top: -10px;
    
}
.benefits li {
    font-size: 2.5rem;
    margin-top: 18px;
    list-style: url()
}
.benefits h3 {
    font-size: 3rem;
    font-weight: 700
}
.sign-title {
    text-align: center;
    margin-top: 25px;
    padding: 10px;
    font-size: 3em;
    font-weight: 700;
    letter-spacing: 5px;
    position: relative;
    left: 18px;
    color: #1045f5;

}
#sign-text {
    font-weight: 700;
    font-size: 2em;
    position: relative;
    left: 18px;
    top: -3px;
    color: #1045f5;
}


.sign-back {
    height: 314px;
    width: 314px;
    background-color: rgb(167, 255, 0);
    margin: 0 auto;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /*     Chrome, Safari, Opera */
    transform: rotate(45deg);
    border-radius: 15px;
    float: left;
    margin-left: 8%;
    position: relative;
    top: 40px;
}

  .sign-front {
    height: 300px;
    width: 300px;
    background-color: rgb(167, 255, 0);
    margin: 0 auto;
    border-radius: 15px;
    border: solid 6px #1045f5;
    font-size: 1.3em;
    position: relative;
      right: 8px;
    top: 7px;
    color: #1045f5;


}
@media screen and (max-width: 767px) {
    .sign-front {
        height: 146px;
    width: 146px;
    background-color: rgb(167, 255, 0);
    margin: 0 auto;
    border-radius: 8px;
    border: solid 3px #1045f5;
    font-size: .75em;
    position: relative;
      right: 12px;
    top: 3px;
    }
    .sign-back {
        height: 152px;
    width: 152px;
    background-color: rgb(167, 255, 0);
    margin: 0 auto;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /*     Chrome, Safari, Opera */
    transform: rotate(45deg);
    border-radius: 8px;
    float: left;
    margin-left: 8%;
    position: relative;
    top: 10px;   
    }
 
}
.lne-w-s {
     -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /*     Chrome, Safari, Opera */
    transform: rotate(-45deg);
    position: relative;
    top: 10px;
    right: 50px;
    
}

.benefits {
margin-bottom: 10px;
    margin-top: -70px

}

.fa {
    font-size: 2.0em;   
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /*     Chrome, Safari, Opera */
    transform: rotate(-45deg);
    padding: 17px;
    border-radius: 43%;
    width: 20%;
    text-align: center;

}



.fa-nav {
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /*     Chrome, Safari, Opera */
    transform: rotate(0deg);

}
.fa-phone {
    position: relative;
    top: -4px;
}

.lne-w-s-img {
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /*     Chrome, Safari, Opera */
    transform: rotate(-45deg);
    position: relative;
    bottom: 25px;
    left: 142px;
    font-size: 5em;

}
@media screen and (min-width: 768px) {
    .cr-mobile-only {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .navbar-fixed-bottom {
        display: none;
    }
     .navbar-nav > li {
        background-color: #262525;
    }
    .lne-w-s-img {
        position: relative;
        top: -30px;
        left: 65px;
        font-size: 4em;
    }
    .sign-title {
    text-align: center;
    margin-top: 25px;
    padding: 3px;
    font-size: 2.5em;
    position: relative;
        top: 10px;
        left: 39px;
}
    #sign-text {
        position: relative;
        top: 8px;
        left: 38px;
        font-size: 1.6em;
    }
    .cr-mobile-only {
        text-align: center;
        color: #262020;
        padding: 15px 0;
        border-top: .75px solid rgba(35, 55, 101, 0.72);

    }
 .fa-facebook-square {
    position: relative;
    top: -14px;
}

}

@media screen and (max-width: 470px) {
    #cube {
        margin: 120px 0 0 -55px;
        
    }
    .off-set-left {
        position: relative;
        right: 0;
    }
    .benefits {
        margin-top: -120px;
        margin-bottom: 20px;
    }
    .sign-back {
        position: relative;
        top: 10px;
    }
    
}

.contact-btn {
    text-align: center;
}
.about-development {
    background-color: #eeefd7;
    width: auto;
    height: auto;
    border-top: 20px solid rgb(167, 255, 0);

    margin: 0 auto;
    
}
.about-section {
    background-color: #17181c;
    width: auto;
    height: auto;
    border-top: 20px solid rgb(167, 255, 0);
    color: #eaeaea;
    margin: 0 auto;
    padding-bottom: 50px;
    
}
#packages {
    margin-top: 10px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    clear: both;
}
.corner-radius {
    border-top-left-radius: 55px
}
.basic {
    background-color: #eeefd7;
    padding-bottom: 5px;
    min-height: 250px;
/*    border-left: 25px solid #17181c;*/
    border-right: 25px solid #17181c;
    color: #17181c;
}
.basic > button {
    background-color: rgb(227, 114, 0);
    color: #eeefd7;
    
}
.custom {
    background-color: #1045f5;
    padding-bottom: 5px;
     min-height: 250px;
/*    border-left: 25px solid #17181c;*/
    border-right: 25px solid #17181c;
    color: #eeefd7;
}
.custom > button {
    background-color: rgb(227, 114, 0);
    color: #eeefd7;
}
.premium {
    background-color: rgb(167, 255, 0);
    padding-bottom: 5px;
     min-height: 250px;
/*    border-left: 25px solid #17181c;*/
    border-right: 25px solid #17181c;
    color: #17181c;
}
.premium > button {
    background-color: rgb(227, 114, 0);
    color: #eeefd7;
}
.help {
    font-size: 5em;
}
.obscurity {
/*   margin-top: 20px;*/
    font-size: 2rem;
    padding: 0 40px 0 40px;
    
}

.about-top {
/*   margin-top: 20px; */
}
.about-section h2, h3, h4 {
    padding: 10px;
}
.about-section h3 {
    color: #af1f1f;
    font-size: 2.2em;
}
#message-btn {
clear: both;
}
#message-btn span{
    font-size: .85em;
    background-color: rgb(154, 34, 18);
    padding: 5px 15px 10px 15px;
    border-radius: 10px;
    color: azure;
    transition-duration: .3s;
    
    
}

#message-btn span:hover {
    background-color: rgb(227, 114, 0);
    color: #eeefd7;
    transition-duration: .3s;
}
#message-btn2 span{
    font-size: .85em;
    background-color: rgb(154, 34, 18);
    padding: 5px 15px 10px 15px;
    border-radius: 10px;
    color: azure;
    transition-duration: .3s;
}

#message-btn2 span:hover {
    background-color: rgb(227, 114, 0);
    color: #eeefd7;
    transition-duration: .3s;
}
.action  {
    list-style: none;
}

/* 1st modal form styles */

.close {
    color: white;
    font-size: 2em;
}

.modal-header {
    background-color: #1045f5;
    color: aliceblue;

}
#found {
    margin-bottom: 10px;
}

.modal-title img {
    height: 90px;
}
.mess-btn > input {
    background-color: #1045f5;
    color: aliceblue;
}
.mess-btn > input:hover {
    background-color: #7db6f8;
    color: #17181c;
}
.radio-left-col {
    float: left;
    margin-right: 20px;
}
.radio-right-col {
    float: left;
    margin-right: 20px;
}
.comments {
    clear: both;
    padding-top: 10px;
}
.modal-phone {
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /*     Chrome, Safari, Opera */
    transform: rotate(0deg);
    font-size: 3em;
    padding: 0;
    color: #1045f5;
  
}
.modal-phone:hover {
    text-decoration: none;
    color: #7db6f8;
}

.radio-btn > input {
    margin-right: 5px;
}
.radio-btn {
    z-index: 2;
}

/* package modals form styles */
.pkgs-modal-content {
    font-size: 1.6rem;
}
/*  ===== Specials Section ===== */
.specials-section {
    background-color: #0e45f5;
    color: #9a2212;
    
}
.specials-section h2 {
    color: #eeefd7;  
    font-size: 5rem;
}
.special-text {
    color: #eeefd7;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 30px;
    margin-right: 50px;
    margin-left: 40px;
    font-size: 2rem;
}
.special-text > a {
    color: #a7ff00;
}
.special-text > a:hover {
    color: rgba(62, 173, 255, 0.96);
    transition-duration: 1s;
    font-weight: 500;
    text-decoration: none;
}
.got-u-down {
    color: #eeefd7;
    font-size: 2rem;
    margin: 20px 50px 30px 40px;
    padding: 20px;
}

/* ===  our work section === */
.our-work-section {
    background-color: #eeefd7;
    min-height: 00px; 
    margin-top: 15px;
    margin-bottom: 50px;
    border-top: 20px solid rgb(167, 255, 0);
    color: black;
}

.our-work-item p {
    margin-top: 5px;
}
.our-work-item {
    margin: 10px 0 20px;
    height: 200px;
}

.call-now-item > a:hover {
    text-decoration: none;
    font-weight: 600;
    transition-duration: 1s;
}
.call-now-item {
    margin-bottom: 10px;
}
.call-now-item > p {
    padding-top: 20px;
}
.call-now-item-btn {
    background-color: rgb(154, 34, 18);
    color: white;
}
.call-now-item-btn:hover {
    background-color: rgb(227, 114, 0);
    transition-duration: 1s;
}
/* === Testimonial section styles === */
#testimonials {
    background-color: rgb(201, 255, 162);
    color: black;
    
}
#testimonials h2 {
    margin-left: 60px;
}
.test-title {
    color: black;
    margin: 3px 60px 30px;
}
.test-text {
    font-size: 1.6rem;
    letter-spacing: .04rem;
    line-height: 3.5rem;
    font-style: italic;
    margin: 20px 60px;
}
.test-2 {
    padding: 0 32px
}

/* === footer styles === */
footer {
    color: azure;
    

}
.lne-llc-text-footer {
    font-size: 1.5rem;
}
.footer-note {
    font-weight: 200;
    font-size: 1.5rem;
    margin-left: 10%;
    position: relative;
    top: 12px;
}
#copyright {
    color: #9b9999;
    font-size: 1.35rem;
    letter-spacing: -.4px;
    position: relative;
    top: 15px;
     
}


#navbar-footer a {
    background-color: inherit;
}
.g-recaptcha {
    margin-bottom: 10px;
    z-index: 2;
}