home, body {overflow-x:hidden;}


@font-face {
  font-family: 'Impact';
  src:  url('fonts/impact.ttf');
}

h1 {
    font-family: 'Impact';
    text-align:center;
    font-size:42px!important;
}

h2 {
    font-family: 'Impact';
    text-align:center;
}

h3 {
    font-size:20px;
    font-family: 'Impact';
}

h4 {
   background-color:#0f7000;
   border-radius:50px;
   color:white;
   padding:15px;
   font-family: 'Impact';
   text-align:center;
}

.header-top {
    height: 110px;
}

.header-top-top {
   background-color:#0f7000;
   color:white;
   height:auto;
}

.header-top-top h2{
   font-size:26px;
   line-height:42px;
}

.header-top h2 {
    color:#0f7000;
}

.main-image {
    width:100%;
    padding:0;
}

.header {
    width:100%;
    height:auto;
    position:relative;
}

.header-row {margin-right:-20px;}

.header-right {
    position:absolute;
    right:0;
    top:0;
    padding:110px 0 20px 0;
    height:100%;
    width:30%;
    background-color:rgba(0,0,0,0.8);
}

.header-right hr {
    background-color: #2bba00;
    height:5px;
    margin:40px 20% 40px 20%;
}

.header-phone  {
    position:absolute;
    margin-top:-185px;
    padding-top:20px;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #2bba00;
    height: 150px;
    width: 250px;
    border-radius: 50%;
    opacity:1;
    text-align:center;
    font-family:'Impact';
    font-size:32px;
    z-index:21000;
}

a.big-link {
   color: #0f7000;
   transition: ease-in 0.3s;
   font-family: 'Impact';
}

a.big-link:hover, a.big-link:focus {
   color: #2bba00;;
   transition: ease-in 0.3s;
   text-decoration:none;
}

.header-phone a, .service-action2 a, .dryer-action a{
   color: black;
   font-size:28px;
   transition: ease-in 0.3s;
}

.header-phone a:hover, .header-phone a:focus, .service-action2 a:hover, .service-action2 a:focus, .dryer-action a:hover, .dryer-action a:focus {
   color: #0f7000;
   transition: ease-in 0.3s;
}

.service-action a{
   color: white;
   transition: ease-in 0.3s;
}

.service-action a:hover, .services2 a:focus{
   color: #2bba00;
   transition: ease-in 0.3s;
}

.header-right-text h1, .header-right-text h2{
    color: #2bba00;
    text-align:center;
    font-family:'Impact';
    font-size:50px!important;
    line-height:60px;
}

.header-right-text h3 {
   color:#eee !important;
   text-align:center;
   padding:40px 20px 0 20px;
   font-size:22px !important;
}

.header-form {
    position:absolute;
    left:50px;
    bottom:50px;
    width:40%;
    height:300px;
    background-color:rgba(255,255,255,0.8);
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation:fadein 2s;
}

.header-form form {
    margin:15px;
}

.header-form-top {
    background-color:#2bba00;
    width:100%;
    height:auto;
    text-align:center;
    text-align:center;
    font-family:'Impact';
    font-size:20px;
    line-height:50px;
    color:white;
}

.services {
    width:70%;
    height:auto;
    border-radius:20px;
    border: solid 1px #0f7000;
    border-bottom:solid 10px #0f7000;
    overflow:hidden;
    font-size:20px;
}

.services-top {
   background-color:#0f7000;
   padding:10px;
}

.services-top img, .services3 img {
    filter:invert(99%) sepia(1%) saturate(1045%) hue-rotate(295deg) brightness(118%) contrast(100%);
    padding:10px;
    width: 100px !important;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.services3 img {
   width: 70px !important;
}

.services img {
    width:100%;
}

.services h2 {
    background-color:#0f7000;
    color:white;
    padding: 10px 0 10px 0;
}

.service-text {
   height:200px;
   font-size:20px;
}

.services2 {
    width:100%;
    height:400px;
    margin:50px 0 50px 0;;
    text-align:center;
}

.service-action {
    background-color:#0f7000;
    color:white;
}

.service-action2 {
    background-color:#eee;
    padding-top:20px;
    color: #0f7000;
}

.service-action hr {
    background-color:white;
    height:5px;
}

.service-action h2 {
    padding:10px 20px 10px 20px;
    font-size:2vw;
}
    
.service-action div:first-child {
    border-bottom:2px solid white;
    height:300px;
}

.service-action div:last-child {
    height:100px;
}

.services2 p {
    color:#333;
}

.services2 .service-list {
   text-align:center;
   margin-left:-30px !important;
}

.service-list {
    list-style:none;
    font-size:18px;
    text-align:left;
}

.service-list li:before {
    font-size:20px;
    content:url(../img/wrench.svg);
    padding:5px 10px 0 0;
    height:30px;
    width:30px;
    display:inline-block;
    margin-left:-30px;
}

.services3 {
   background-color: #0f7000;
   border-radius:20px;
   font-size:20px;
   color:white;
   width:100%;
   text-align:center;
   font-weight:bold;
   transition: ease-in 0.3s;
}

.services3:hover {
   background-color:#2bba00;
   transition: ease-in 0.3s;
}

.reviews {
   background-color:#eee;
   width:100%;
   font-size:20px;
   margin-top:40px;
   
}

.reviews span {
   font-size:60px;
   color:#0f7000;
}

blockquote {
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: italic;
    width: auto;
    margin: 0.25em 0;
    padding: 0.35em 40px;
    line-height: 1.45;
    position: relative;
    color: #383838;
}

blockquote:before {
    display: block;
    padding-left: 10px;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -20px;
    top: -20px;
    color: #7a7a7a;
}

blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

blockquote cite:before {
    content: "\2014 \2009";
}

.footer {
   background-color:#333;
   width:100%;
   color:#eee;
   text-align:center;
   height:50px;
   line-height:50px;
}

.floating-phone {
   position:fixed;
   /*position:sticky;*/
   width:60px;
   height:60px;
   bottom:20px;
   left:20px;
   background-color:#2bba00;
   color:#fff;
   border-radius:50px;
   text-align:center;
   -webkit-backface-visibility: hidden;
   display:none;
}

.floating-phone img {
   width:45px;
   text-align:center;
   padding-top:5px;
   filter:invert(99%) sepia(1%) saturate(1045%) hue-rotate(295deg) brightness(118%) contrast(100%);
}

.content-main img {
   border-radius: 20px !important;
}

.dryer-h2 {
   height:220px;
}

.dryer-h2 img {
   display:block;
   width:80px;
   filter:invert(99%) sepia(1%) saturate(1045%) hue-rotate(295deg) brightness(118%) contrast(100%);
}

.dryer-action, .dryer-action h2 {
   background-color: #eee;
   color:black;
}

.error-page h2 {
   font-size:68px;
}

/* bootstrap override*/

.form-control {
    border-radius:20px !important;
    margin-bottom:20px !important;
}

.btn-primary, .btn-primary:hover {
    border-radius:20px !important;
}

.btn-primary {
    background-color: #0f7000 !important;
    border-color:#0f7000 !important;
}

.btn-primary:hover {
    background-color: #2bba00 !important;
    border-color:#2bba00 !important;
}

.navbar-nav .nav-link {
   font-family:'Impact' !important;
   font-size: 22px;
}

.nav-link.active {
   color: #0f7000 !important;
   text-decoration:underline;
}

.navbar-collapse {
   z-index:20000;
   text-align:right;
   background-color:white;
   padding:20px;
}

/*animation*/
    @keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }

    /* Firefox < 16 */
    @-moz-keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }

    /* Safari, Chrome and Opera > 12.1 */
    @-webkit-keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }

    /* Internet Explorer */
    @-ms-keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }

    /* Opera < 12.1 */
    @-o-keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }

/*mobile*/

@media only screen and (max-width: 1024px) {
    
    .header-right {
        position:static;
        top:auto;
        left:auto;
        width:100%;
        height:auto;
        
    }
    .header-form {
        position:static;
        margin:15px auto 15px auto;
        border:1px solid #ced4da;
        border-radius:5px;
        top:auto;
        left:auto;
        width:95%;
    }
    
    .services {
        width:100%;
    }
    
    .services2 {
        background:none;
        height:auto!important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .header-right h1, .header-right h2 {
        font-size:30px;
        line-height:34px;
    }
    .header-right hr {margin:30px 20% 30px 20%;}
}

@media only screen and (min-width: 1200px) {
    .services2 {
        background: url('../img/service3_bg.png') no-repeat top left, #eee;
    }
}

@media only screen and (max-width: 992px) {
    .services2 .row, .service-action div, .service-action {
        height:auto !important;
    }
    
    .services2 ul {
        margin-left:-40px;;
        text-align:center;
    }
    
   .services2 p {margin-left:0;}
    
    .h-left {text-align:center;padding-left:30px;}
    
   .services-top img {width: 70px !important;}
   
   .floating-phone {display:block;}
}

@media only screen and (max-width: 1200px) {
    .service-action h2 {
        padding:10px;
        font-size:30px;
    }
}