body {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #181818;
    position: relative;
    z-index:  999;
    padding: 0px;
    margin: 0px;
}
section{
    margin:3rem auto;
    padding:2rem;
}
span
{
    /*color: #f6941c;*/
    color:#ffdf2e;
}
h3
{
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}
h2
{
    font-size: 30px;
    font-weight: 700;
    font-family: roboto;
    text-transform: uppercase;
    /*text-align: center;*/
}
h2:after {
    content: url('../img/bar.png');
    display: block;
    /*width: 150px;*/
    /*height: 4px;*/
    /*background-color: #f7941d;*/
    margin: 0px auto 2rem;
}
h1
{
    font-size: 33px;
    font-weight: 700;
    font-family: 'roboto', cursive;
    /*color: #ffffff;*/
    text-transform: uppercase;
}
h1:after {
    content: url('../img/bar.png');
    line-height: 20px;
    display: block;
    /*width: 150px;*/
    /*height: 4px;*/
    /*background-color: #f7941d;*/
    margin: 0px auto 2rem;
}

#why-choose h2:after{
    display:none;
}
img.img-responsive
{
    width: 100%;
}
.btn a {
    background-color: #510016;
    color: white;
    padding: 10px 20px;
    border-radius: 0px;
    cursor: pointer;
    text-decoration: none;
}
.btn a:hover
{
    background: #333;
}
.nopadding {
    padding: 0 !important;
}
.nopadding-left {
    padding-left: 0 !important;
}
.nopadding-right {
    padding-right: 0 !important;
}
.nomargin {
    margin: 0 !important;
}
.nomargin-left {
    margin-left: 0 !important;
}
.nomargin-right {
    margin-right: 0 !important;
}
/** Start Header **/

.header-top
{
    padding: 0px;
    width: 100%;
    position: fixed;
    z-index: 999;
}
.header-top .top
{
    background: #257e00;
}
.header-top .contact
{
    padding: 5px;
    background: #257e00;
    color: #fff;
}
.header-top .contact li
{
    display: inline-block;
}
.header-top .contact li .details {
    float: right;
}
.header-top .contact li .details a
{
    text-decoration: none;
}
.header-top .contact li i{
    padding: 0px 8px;
}
.header-top .col-md-7
{
    padding: 0px;
}
.header-top .logo.col-md-3
{
    padding: 0px;
    /* margin-top: -41px; */
}
.header-top .col-md-3
{
    padding: 0px;
    margin-top: 0px;
}
.header-top .col-md-3 .quote1
{
    background: #f7941d;
    padding: 6px;
    text-align: center;
}
.header-top .row.header-nav {
    background: #fff;
    margin-top: -14px;
    padding: 5px;
}
.logo img
{
    width: 100%;
}
/** End Header **/

.header
{
    background: #ffffff;
    margin-top: 0px;
}
.header-nav nav.navbar a
{
    color: #121212;
    font-size: 18px;
    padding: 27px 39px;
    text-transform: uppercase;
}
.header-nav nav.navbar.navbar-expand-lg {
    margin: 0px;
    padding: 0px;
    float: right;
}
.header-nav ul li {
    padding: 15px 0px;
    margin-top: 8px;
}

.navbar-nav > li.active {

    /*background-color: gray;*/
    color:#ffdf2e;

}
.navbar-nav >li.active:after{
     content: url('../img/line-menu.png');
    display: block;
    /*margin: 0px auto 2rem;*/
    /*padding-left:1rem;*/
    margin-left:1.4rem;
}
.navbar-nav > li > a
{
    text-decoration: none;
}
.navbar-nav > li > a.active, .navbar-nav > li > a:hover {
    opacity: 1;
}

.header .logo img {
    margin-top: 0px;
    width : 250px;
}
/** start banner **/
.skyblue {
    background-color: #22c8ff;
    min-height: 650px;
}

.carousel-control.right,
.carousel-control.left {
    background-image: none;
}
.carousel-item {
    min-height: 650px;
    height: 100%;
    width:100%;
}
.banner 
{
    padding-right: 0px;
    padding-left: 0px;
    padding: 0px!important;
    margin-top: 0px;
    position:  relative;
    z-index: -1;
}
.background
{
    font-family: Roboto, sans-serif;
    padding: 163px 0 150px 0;
    margin-top: -36px;
    color:#fff;
    text-transform: uppercase;
    text-align:  center;
}
.background1
{
     background: url(../images/banner1.jpg) center center repeat-x;
     background-size: cover;
}
.background2
{
     background: url(../images/banner2.jpg) center center repeat-x;
     background-size: cover;
}
.background3
{
     background: url(../images/banner3.jpg) center center repeat-x;
     background-size:  cover;
}
.banner h1 {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 33px;
    text-shadow: 4px 2px #540117;
    color: #fff;
}

.banner h1 span {
    color: #ffffff;
}
.banner p
{
    font-size: 18px;
    color:  #000;
    font-weight:  600;
}
.d-md-block
{
    padding: 170px 0px;
}
/** End credit **/
/* Animation delays */
.banner .carousel-caption h3:first-child {
    animation-delay: 1s;
}
.banner .carousel-caption h3:nth-child(2) {
    animation-delay: 2s;
}
.banner .carousel-caption button {
    animation-delay: 3s;
    margin-top: 27px;
}


.banner2 {
    font-family: Roboto, sans-serif;
    padding: 100px 0 30px 0;
    margin-top: -130px;
    color: #fff;
    text-transform: uppercase;
}

.banner2 h2 {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
    margin-top: 50px;
}

.banner2 h2 span {
    color: #16a348;
}

.banner2 h2:after {
    content: "";
    display: block;
    width: 100px;
    height: 5px;
    background-color: #16a348;
    margin: auto;
    margin-top: 5px;
}

.owl-theme .owl-controls{
    margin-top: 0;
}
.owl-theme .owl-controls .owl-page span{
    width: 32px;
    height: 10px;
    background: #fff;
    border: 2px solid #f40707;
    margin: 5px;
    opacity: 1;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #f80900;
    border-color: #fff;
}
/** End banner **/
/** Start Welcome Note **/
.welcome
{
    padding: 50px 0px;
    background: #efefef;
}
.welcome h2
{
    text-align: left;
}
.welcome h3
{
    color: #0088c7;
}
.welcome h2:after
{
    margin : 20px 0 10px;
}
.col-lg-6.col-md-12.col-sm-12.col-xs-12.right {
    padding: 0px;
}
.col-lg-6.col-md-12.col-sm-12.col-xs-12.left {
    padding: 0;
}
.welcome .row.welcome-top {
    margin-top: 0;
}
.welcome p
{
    color: #2e2e2e;
}
.welcome .btn
{
    float: left;
    margin-top: 15px;
}

.welcome h3
{
    text-transform: uppercase;
    font-weight: 700;
    font-family: inherit;
    line-height: 36px;
    color: #26cbcf;
}

/** End Welcome Note **/
/** Start Health **/
.health
{
    padding: 40px;
}
.health .text
{
    margin:  auto;
    text-align: center;
}
.health .text h2
{
    color: #212121;
    font-weight: 500;
}
.health .text h2:after
{
    background: #e07937;
}
/** End Welcome Health **/

.quote
{
    color: #fff;
    padding: 40px 0px;
    background: #070707;
}
.quote h2
{
    text-align: left
}
.quote h3
{
    color: #e07937;
}
.quote h2:after
{
    margin-left: 0px;
}

/** Start Quote **/
.requestquote .right {
    padding: 0px;
    padding: 25px 1px;
}
.requestquote input.btn.btn-primary {
    padding: 8px 30px;
    font-weight: 600;
    color: #3e3a37;
    background-color: #eeeeee;
    border-color: #eeeeee;
    margin-top: 18px;
    display: -webkit-box;
}
.requestquote .form-group {
    margin-bottom: 0rem;
    color: #fff;
}
.requestquote .form-control {
    background: no-repeat;
    color: #ffffff;
    border: none;
    border-bottom: 2px solid;
    padding: 10px;
}
.requestquote h2 {
    text-align: left;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 9px;
    padding: 7px 0px;
    margin : 0px;
    color: #fff;
}
.requestquote h2:after {
    height: 3px;
    margin: 20px 0;
}
.requestquote h2 span {
    color: #e07937;
}
.requestquote button.btn.btn-primary
{
    background: #ddd92f;
    border: none;
    padding: 7px 46px;
    border-radius: 0px;
    color: #000;
    font-weight: 600;
    font-size: 20px;
}
.requestquote .text h3 
{
    text-align: left;
}
.requestquote .text h3 span
{
    color: #47484a;
}
/** Start Services **/

.services
{
    padding: 70px 0px;
    background: #F8F8F8;
}

#services{
     background: #F8F8F8;
}
.services.back
{
    background: #FAF3ED;
}
.services .service
{
    padding: 0px;
    margin : 0px;
}
.services .service img
{
    width: 100%;
}
.services .service .middle a
{
    text-decoration: none;
}
.services .service .middle h4
{
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    padding: 5px 8px;
    border-left: 3px solid #f7941d;
}

/** Start testimonial **/

.images
{
    padding: 40px 0px;
    background: #257e00;
}
.images .icon
{
    text-align: center;
}

.quote
{
    padding: 5px 15px;
    background: #1c6000;
    text-align: center;
    margin-top: -72px;
}
.quote .text
{
    background: #ffffff;
    padding: 50px 17px 0px;
    color: #212223;
    margin-top: -44px;
    text-align: center;
    min-height: 255px;
}
.quote .text p
{
    line-height: 26px;
}
.quote h1:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background-color: #ffffff;
    margin: 17px auto 0;
}

.quote .image {
    padding: 65px 0px;
}

.testimonials
{
    padding: 50px;
    text-align: center;
    background: #257e00;
}
.testimonials .carousel-indicators li
{
    background: grey;
    padding: 5px;
}
.testimonials .carousel-indicators .active 
{
    background-color: #00533b;
}
.testimonials .carousel-item 
{
    min-height: 277px;
    height: 100%;
    width: 100%;
}
.testimonial-1 
{
    margin-top: 25px;
    text-align: center;
    background: #3c3c3c;
    border: 2px solid #ffffff;
    padding: 35px;
    color: #fff;
    min-height: 163px;
}
.testimonial-1 .image {
    background: #fff;
    float: right;
    padding: 10px;
    margin-right: -37px;
    width: 252px;
    border-bottom: 2px solid #f7941d;
}
.testimonial-1 .image img
{
    float: left;
}
.testimonials .carousel-indicators {
    bottom: -22px;
}
.testimonials h4
{
    font-weight: 600;
    float: left;
    padding: 0px 20px;
    color: #000;
}

/** Start Why Choose Us **/
.whyus {
    padding: 40px 0;
    background: #ffffff;
}
.whyus .title
{
    margin: auto;
    text-align: center;
}
.whyus .title h2:after
{
    margin: auto;
    margin-top: 20px;
}
.whyus .feature {
    background: #fff;
    padding: 8px 10px;
    margin-top: 45px;
    width: 100%;
    border: 2px solid;
}
.whyus .feature:hover
{
    background: #009efd;
    transition-duration: 1s;
    color: #fff;
}
.whyus .feature h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 35px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.whyus .img-fluid {
    max-width: 100%;
    height: auto;
    border: 2px solid;
    padding: 10px;
}
.testimonials-title
{
    padding: 40px 0px 0px;
}
.testimonials-title .col-md-2
{
    padding: 0px;
}
.testimonials-title .col-md-2 img
{
    width: 100%;
}

footer {
    padding: 50px 0 30px 0;
    background: #98991a url(../images/bgi-footer.jpg) center no-repeat;
    color: #fff;
    line-height: 25px;
}
footer h3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0px;
    color: #fff;
    text-transform: uppercase;
}
footer .row.contact-bar {
    margin-bottom: 30px;
}
footer h3:after {
    content: "";
    margin: 3px auto;
    display: block;
}
footer p {
    font-size: 18px;
}
footer .social {
    padding: 0;
    list-style: none;
}
footer .social li {
    float: left;
}
footer .social li a {
    color: #fff;
    background: #033767;
    padding: 5px;
    border-radius: 50%;
    font-size: 21px;
    width: 50px;
    height: 50px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    margin-right: 10px;
    transition: 0.5s;
}
footer .social li a:hover {
    background: #fff;
    color: #bea104;
    transition: 0.5s;
}
footer ul.contact {
    font-size: 20px;
    line-height: 40px;
}
footer .fa-ul {
    margin-left: 25px;
    line-height:30px;
}
footer .fa-ul a {
    color:#e3e3e3;
    text-decoration: none;
    font-size: 18px;
}
footer .fa-ul a:hover {
    color: #204800;
}
footer .payment {
    list-style:none;
    padding:0;
}
footer .payment li {
    display:inline-block;
}
footer .payment img {
    width: 50px;
}
footer .form-group {
    margin-bottom: 20px;
}
footer .form-control {
    font-size: 20px;
    color: #fff;
    background: transparent;
    border: none;
    border-bottom: 2px solid #fff;
    border-radius: 0;
}
footer .form-control:focus {
    color: #fff;
    background-color: transparent;
    border-color: #80bdff;
    outline: 0;
    box-shadow: none;
}
footer .form-control::placeholder {
    color:#fff;
}
footer .btn-primary {
    /*background: #2f6900;*/
    background: #2b4081;
    border:none;
    padding: 1rem 2.5rem;
    font-size: 1.5rem;
    font-weight: 500;
}
.copyright {
    padding: 18px 0;
    line-height: 30px;
    background: #333333;
    color:#fff;
}
.tz-gallery {
    padding: 40px;
}

.tz-gallery .lightbox img {
    width: 100%;
    margin-bottom: 30px;
    transition: 0.2s ease-in-out;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}


.tz-gallery .lightbox img:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 15px rgba(0,0,0,0.3);
}

.tz-gallery img {
    border-radius: 4px;
}

.baguetteBox-button {
    background-color: transparent !important;
}

section.gallery.container-fluid {
    padding: 30px 0px 0px;
}
.tz-gallery {
    padding: 40px 0px;
}

.tz-gallery .lightbox img {
    width: 100%;
    position: relative;
    margin-bottom: 0px;
    background: #000;
    transition: 0.2s ease-in-out;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}
.tz-gallery .text 
{
    position: absolute;
    z-index: 999;
    background: #f7941d;
    margin: 15px;
    padding: 10px 15px;
}
.tz-gallery .text p
{
    margin : 0px;
    color: #fff;
}

.tz-gallery .lightbox img:hover {
    box-shadow: 0 8px 15px rgba(0,0,0,0.3);
}

.tz-gallery img {
    border-radius: 0px;
}

.baguetteBox-button {
    background-color: transparent !important;
}
/*******************
    about page
*******************/
.about
{
    padding: 40px 0px;
    margin: 0px;
}
.about .image img
{
    width: 100%;
    margin-top: 0;
}
.about-title
{
    padding: 167px 88px 100px;
    background: url(../images/about-page-background.jpg) center;
    text-align: center;
    margin-top: 0px;
    position: relative;
    z-index: -1;
    min-height: 300px;
}
.title
{
    margin: auto;
}
.about h2
{

    text-align: left !important;
}
.about h2:after
{
    background: #000;
    margin-left: 0px;
}
.about .why-us
{
    background: #e07837;
    padding: 10px 25px;
}
.about ul.why-us li
{
    list-style: none;
    display: -webkit-inline-box;
    margin-bottom: 10px;
}
.about ul.why-us li h6
{
    font-weight: 500;
    font-size: 17px;
    display: inline-flex;
    background: #282828;
    padding: 8px 14px;
    text-align: left;
    color: #fff;
    margin: -8px 10px 0px 0px;
}
/*******************
    service page
*******************/
section.container-fluid.service {
    padding: 50px 0px;
}
section.container-fluid.service .row.item {
    padding: 20px 0px;
}
/*******************
    Gallery page
*******************/
section.gallery.container-fluid {
    padding: 30px 0px 0px;
}
.tz-gallery {
    padding: 40px 0px;
}

.tz-gallery .lightbox img {
    width: 100%;
    margin-bottom: 30px;
    transition: 0.2s ease-in-out;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}


.tz-gallery .lightbox img:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 15px rgba(0,0,0,0.3);
}

.tz-gallery img {
    border-radius: 4px;
}

.baguetteBox-button {
    background-color: transparent !important;
}
/*******************
    contact page
*******************/
.contact.contact-form
{padding: 50px 0px;}
.contact-address
{
    background: #27282e;
    padding: 50px 0px 35px;
}
.contact-detail {
    padding: 15px;
    border: 1px solid #e1e1e1;
    margin-bottom:20px;
    /*border-bottom: 4px solid #f7941d;*/
}

.contact-detail h3 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0;
}

.contact-detail h3:after {
    content: "";
    display: block;
    margin-bottom: 5px;
    height: 8px;
}

.contact-detail p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #e3e3e3;
}

.contact-detail a {
    color: #ffdf2e;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 15px;
}
.contact .form-control {
    padding: 1.0rem .75rem;
}
.contact input.btn.btn-primary {
    padding: 10px 20px;
    background: #0134a9;
}
.contact-detail a:hover {
    text-decoration: underline;
}

.contact-detail img {
    margin-top: 10px;
}
.contact-form .image 
{
    margin-top: 87px;
}
.contact-form .image img
{
    width: 100%
}
button.btn.btn-primary.btn-lg.submitContactBtn {
    border-radius: 0px;
    padding: 7px 20px;
    background: #510016;
}
@media (min-width: 1200px)
{
    .container {
        max-width: 1200px;
    }
}
@media screen and (max-width: 600px) {
    
    .header .logo img {
        width: 171px;
        margin-top: 0px;
    }
    .header {
        text-align: center;
    }
    .header .header-top ul li
    {
        padding: 0px;
    }
    .header .header-top ul li.phone {
        padding: 9px 14px 0px 0px;
        margin-right: -15px;
    }
    .header .header-top {
        margin: -7px 17px 0 0;
    }
    .header-nav ul.social-icon {
        padding: 5px 10px;
        text-align: center;
    }
    .header-nav nav.navbar a {
        padding: 10px 14px;
        display: inherit;
    }
    .header-nav ul li {
        padding: 0px;
    }
    .header-nav nav.navbar.navbar-expand-lg {
        margin: 13px 0px;
        float: left;
    }
    button.navbar-toggler.collapsed {
        background: #fff;
    }
    button.navbar-toggler
    {
        background: #fff;
    }
    .header-top
    {
        position: inherit;
    }
    .navbar-toggler-icon {
        display: inherit;
        /*width: 1.5em;*/
        /*height: 0.3em;*/
        margin: 3px 0px;
        /*background: #510016;*/
    }
    .header-nav ul.social-icon
    {
        text-align: center;
        float: none;
        margin-top: -13px;
    }
    .d-md-block {
        padding: 44px 0px;
    }
    .banner .skyblue {
        min-height: 325px;
    }
    .banner .carousel-item {
        min-height: 325px;
    }
    .quote .image img
    {
        width: 100%;
    }
    .header-nav {
        margin-top: 0px !important;
    }
    .header-nav {
        background: #131313;
        margin-top: 0px;
    }
    .testimonials-title {
        padding: 20px 15px 0px;
    }
    .welcome {
Success!
        padding: 30px 15px;
    }
    .testimonials {
        padding: 30px 15px;
    }
    footer 
    {
        background: #98991a url(../images/bgi-footer.jpg) center;
    }
}



.btn-main{
    border-radius: 0;
    padding:1rem 2.5rem;
    font-size: 1.4rem;
    font-weight:500;
    color:#fff;
}


.navbar-light .navbar-nav .nav-link {
    color:#fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.4rem;
}
.navbar-light .navbar-nav .nav-link:hover {
    color:#ffdf2e;
}

.navbar-light .navbar-nav .nav-item.active {
    color:#ffdf2e;
}

.navbar{
    background: transparent;
}
.navbar-nav .active>.nav-link {
    color:#ffdf2e !important;
}

.celeb {
    padding: 20px 10px;
    background-color: #d39e00;
    position: relative;
    margin-bottom: 30px;
    color: #fff;
    font-weight: bold;
    font-style: italic;
    border-left: 10px solid transparent;
    border-image: url(../img/bar.png) 5% round;
}

.reason-list {
    display: block;
    width: 100%;
    margin-left: 15px;
}

.reason-list ul li {
    color: #fff;
    margin-right: 30px;
}


.reason-list ul{
    list-style: disc;
    display: flex;
}

.reason-list ul li:first-child {
    list-style: none;
}