body{
    background:#fff;
    color:#666;
    font-family:"Open Sans",sans-serif
}
a{
    color:#18d26e;
    transition:.5s
}
a:active,a:focus,a:hover{
    color:#18d36e;
    outline:0;
    text-decoration:none
}
p{
    padding:0;
    margin:0 0 30px 0
}
h1,h2,h3,h4,h5,h6{
    font-family:Montserrat,sans-serif;
    font-weight:400;
    margin:0 0 20px 0;
    padding:0
}
.back-to-top{
    position:fixed;
    display:none;
    background:#18d26e;
    color:#fff;
    width:44px;
    height:44px;
    text-align:center;
    line-height:1;
    font-size:16px;
    border-radius:50%;
    right:15px;
    bottom:15px;
    transition:background .5s;
    z-index:11
}
.back-to-top i{
    padding-top:12px;
    color:#fff
}
#preloader{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:9999;
    overflow:hidden;
    background:#fff
}
#preloader:before{
    content:"";
    position:fixed;
    top:calc(50% - 30px);
    left:calc(50% - 30px);
    border:6px solid #f2f2f2;
    border-top:6px solid #18d26e;
    border-radius:50%;
    width:60px;
    height:60px;
    -webkit-animation:animate-preloader 1s linear infinite;
    animation:animate-preloader 1s linear infinite
}
@-webkit-keyframes animate-preloader{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes animate-preloader{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
#header{
    padding:30px 0;
    height:92px;
    position:fixed;
    left:0;
    top:0;
    right:0;
    transition:all .5s;
    z-index:997
}
#header.header-scrolled{
    background:rgba(0,0,0,.9);
    padding:20px 0;
    height:72px;
    transition:all .5s
}
#header #logo{
    float:left
}
#header #logo h1{
    font-size:34px;
    margin:0;
    padding:0;
    line-height:1;
    font-family:Montserrat,sans-serif;
    font-weight:700;
    letter-spacing:3px
}
#header #logo h1 a,#header #logo h1 a:hover{
    color:#fff;
    padding-left:10px;
    border-left:4px solid #18d26e
}
#header #logo img{
    padding:0;
    margin:0
}
#intro{
    display:table;
    width:100%;
    height:100vh;
    background:#000
}
#intro .carousel-item{
    width:100%;
    height:100vh;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
#intro .carousel-item::before{
    content:'';
    background-color:rgba(0,0,0,.7);
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    right:0;
    left:0;
    bottom:0
}
#intro .carousel-container{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    position:absolute;
    bottom:0;
    top:0;
    left:0;
    right:0
}
#intro .carousel-background img{
    max-width:100%
}
#intro .carousel-content{
    text-align:center
}
#intro h2{
    color:#fff;
    margin-bottom:30px;
    font-size:48px;
    font-weight:700
}
#intro p{
    width:80%;
    margin:0 auto 30px auto;
    color:#fff
}
#intro .carousel-fade{
    overflow:hidden
}
#intro .carousel-fade .carousel-inner .carousel-item{
    transition-property:opacity
}
#intro .carousel-fade .carousel-inner .active.carousel-item-left,#intro .carousel-fade .carousel-inner .active.carousel-item-right,#intro .carousel-fade .carousel-inner .carousel-item{
    opacity:0
}
#intro .carousel-fade .carousel-inner .active,#intro .carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,#intro .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right{
    opacity:1;
    transition:.5s
}
#intro .carousel-fade .carousel-inner .active.carousel-item-left,#intro .carousel-fade .carousel-inner .active.carousel-item-right,#intro .carousel-fade .carousel-inner .carousel-item-next,#intro .carousel-fade .carousel-inner .carousel-item-prev{
    left:0;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
#intro .carousel-control-next,#intro .carousel-control-prev{
    width:10%
}
#intro .carousel-control-next-icon,#intro .carousel-control-prev-icon{
    background:0 0;
    font-size:32px;
    line-height:1
}
#intro .carousel-indicators li{
    cursor:pointer
}
#intro .btn-get-started{
    font-family:Montserrat,sans-serif;
    font-weight:500;
    font-size:16px;
    letter-spacing:1px;
    display:inline-block;
    padding:8px 32px;
    border-radius:50px;
    transition:.5s;
    margin:10px;
    color:#fff;
    background:#18d26e
}
#intro .btn-get-started:hover{
    background:#fff;
    color:#18d26e
}
.nav-menu,.nav-menu *{
    margin:0;
    padding:0;
    list-style:none
}
.nav-menu ul{
    position:absolute;
    display:none;
    top:100%;
    left:0;
    z-index:99
}
.nav-menu li{
    position:relative;
    white-space:nowrap
}
.nav-menu>li{
    float:left
}
.nav-menu li.sfHover>ul,.nav-menu li:hover>ul{
    display:block
}
.nav-menu ul ul{
    top:0;
    left:100%
}
.nav-menu ul li{
    min-width:180px
}
.sf-arrows .sf-with-ul{
    padding-right:30px
}
.sf-arrows .sf-with-ul:after{
    content:"\f107";
    position:absolute;
    right:15px;
    font-family:FontAwesome;
    font-style:normal;
    font-weight:400
}
.sf-arrows ul .sf-with-ul:after{
    content:"\f105"
}
#nav-menu-container{
    float:right;
    margin:0
}
.nav-menu a{
    padding:0 8px 10px 8px;
    text-decoration:none;
    display:inline-block;
    color:#fff;
    font-family:Montserrat,sans-serif;
    font-weight:700;
    font-size:13px;
    text-transform:uppercase;
    outline:0
}
.nav-menu li:hover>a,.nav-menu>.menu-active>a{
    color:#18d26e
}
.nav-menu>li{
    margin-left:10px
}
.nav-menu ul{
    margin:4px 0 0 0;
    padding:10px;
    box-shadow:0 0 30px rgba(127,137,161,.25);
    background:#fff
}
.nav-menu ul li{
    transition:.3s
}
.nav-menu ul li a{
    padding:10px;
    color:#333;
    transition:.3s;
    display:block;
    font-size:13px;
    text-transform:none
}
.nav-menu ul li:hover>a{
    color:#18d26e
}
.nav-menu ul ul{
    margin:0
}
#mobile-nav-toggle{
    position:fixed;
    right:0;
    top:0;
    z-index:999;
    margin:20px 20px 0 0;
    border:0;
    background:0 0;
    font-size:24px;
    display:none;
    transition:all .4s;
    outline:0;
    cursor:pointer
}
#mobile-nav-toggle i{
    color:#fff
}
#mobile-nav{
    position:fixed;
    top:0;
    padding-top:18px;
    bottom:0;
    z-index:998;
    background:rgba(0,0,0,.8);
    left:-260px;
    width:260px;
    overflow-y:auto;
    transition:.4s
}
#mobile-nav ul{
    padding:0;
    margin:0;
    list-style:none
}
#mobile-nav ul li{
    position:relative
}
#mobile-nav ul li a{
    color:#fff;
    font-size:13px;
    text-transform:uppercase;
    overflow:hidden;
    padding:10px 22px 10px 15px;
    position:relative;
    text-decoration:none;
    width:100%;
    display:block;
    outline:0;
    font-weight:700;
    font-family:Montserrat,sans-serif
}
#mobile-nav ul li a:hover{
    color:#18d26e
}
#mobile-nav ul li li{
    padding-left:30px
}
#mobile-nav ul li.menu-active a{
    color:#18d26e
}
#mobile-nav ul .menu-has-children i{
    position:absolute;
    right:0;
    z-index:99;
    padding:15px;
    cursor:pointer;
    color:#fff
}
#mobile-nav ul .menu-has-children i.fa-chevron-up{
    color:#18d26e
}
#mobile-nav ul .menu-has-children li a{
    text-transform:none
}
#mobile-nav ul .menu-item-active{
    color:#18d26e
}
#mobile-body-overly{
    width:100%;
    height:100%;
    z-index:997;
    top:0;
    left:0;
    position:fixed;
    background:rgba(0,0,0,.7);
    display:none
}
body.mobile-nav-active{
    overflow:hidden
}
body.mobile-nav-active #mobile-nav{
    left:0
}
body.mobile-nav-active #mobile-nav-toggle{
    color:#fff
}
.section-header h3{
    font-size:32px;
    color:#111;
    text-transform:uppercase;
    text-align:center;
    font-weight:700;
    position:relative;
    padding-bottom:15px
}
.section-header h3::before{
    content:'';
    position:absolute;
    display:block;
    width:120px;
    height:1px;
    background:#ddd;
    bottom:1px;
    left:calc(50% - 60px)
}
.section-header h3::after{
    content:'';
    position:absolute;
    display:block;
    width:40px;
    height:3px;
    background:#18d26e;
    bottom:0;
    left:calc(50% - 20px)
}
.section-header p{
    text-align:center;
    padding-bottom:30px;
    color:#333
}
.section-bg{
    background:#f7f7f7
}
#featured-services{
    background:#000
}
#featured-services .box{
    padding:30px 20px
}
#featured-services .box-bg{
    background-image:linear-gradient(0deg,#000 0,#242323 50%,#000 100%)
}
#featured-services i{
    color:#18d26e;
    font-size:48px;
    display:inline-block;
    line-height:1
}
#featured-services h4{
    font-weight:400;
    margin:15px 0;
    font-size:18px
}
#featured-services h4 a{
    color:#fff
}
#featured-services h4 a:hover{
    color:#18d26e
}
#featured-services p{
    font-size:14px;
    line-height:24px;
    color:#fff;
    margin-bottom:0
}
#about{
    background:url(../img/about-bg.jpg) center top no-repeat fixed;
    background-size:cover;
    padding:60px 0 40px 0;
    position:relative
}
#about::before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:rgba(255,255,255,.92);
    z-index:9
}
#about .container{
    position:relative;
    z-index:10
}
#about .about-col{
    background:#fff;
    border-radius:0 0 4px 4px;
    box-shadow:0 2px 12px rgba(0,0,0,.08);
    margin-bottom:20px
}
#about .about-col .img{
    position:relative
}
#about .about-col .img img{
    border-radius:4px 4px 0 0
}
#about .about-col .icon{
    width:64px;
    height:64px;
    padding-top:8px;
    text-align:center;
    position:absolute;
    background-color:#18d26e;
    border-radius:50%;
    text-align:center;
    border:4px solid #fff;
    left:calc(50% - 32px);
    bottom:-30px;
    transition:.3s
}
#about .about-col i{
    font-size:36px;
    line-height:1;
    color:#fff;
    transition:.3s
}
#about .about-col:hover .icon{
    background-color:#fff
}
#about .about-col:hover i{
    color:#18d26e
}
#about .about-col h2{
    color:#000;
    text-align:center;
    font-weight:700;
    font-size:20px;
    padding:0;
    margin:40px 0 12px 0
}
#about .about-col h2 a{
    color:#000
}
#about .about-col h2 a:hover{
    color:#18d26e
}
#about .about-col p{
    font-size:14px;
    line-height:24px;
    color:#333;
    margin-bottom:0;
    padding:0 20px 20px 20px
}
#services{
    background:#fff;
    background-size:cover;
    padding:60px 0 40px 0
}
#services .box{
    margin-bottom:30px
}
#services .icon{
    float:left
}
#services .icon i{
    color:#18d26e;
    font-size:36px;
    line-height:1;
    transition:.5s
}
#services .title{
    margin-left:60px;
    font-weight:700;
    margin-bottom:15px;
    font-size:18px
}
#services .title a{
    color:#111
}
#services .box:hover .title a{
    color:#18d26e
}
#services .description{
    font-size:14px;
    margin-left:60px;
    line-height:24px;
    margin-bottom:0
}
#call-to-action{
    background:linear-gradient(rgba(0,142,99,.1),rgba(0,0,0,.1)),url(../img/call-to-action-bg.jpg) fixed center center;
    background-size:cover;
    padding:60px 0
}
#call-to-action h3{
    color:#fff;
    font-size:28px;
    font-weight:700
}
#call-to-action p{
    color:#fff
}
#call-to-action .cta-btn{
    font-family:Montserrat,sans-serif;
    text-transform:uppercase;
    font-weight:500;
    font-size:16px;
    letter-spacing:1px;
    display:inline-block;
    padding:8px 28px;
    border-radius:25px;
    transition:.5s;
    margin-top:10px;
    border:2px solid #fff;
    color:#fff
}
#call-to-action .cta-btn:hover{
    background:#18d26e;
    border:2px solid #18d26e
}
#skills{
    padding:60px 0
}
#skills .progress{
    height:35px;
    margin-bottom:10px
}
#skills .progress .skill{
    font-family:"Open Sans",sans-serif;
    line-height:35px;
    padding:0;
    margin:0 0 0 20px;
    text-transform:uppercase
}
#skills .progress .skill .val{
    float:right;
    font-style:normal;
    margin:0 20px 0 0
}
#skills .progress-bar{
    width:1px;
    text-align:left;
    transition:.9s
}
#facts{
    background:url(../img/facts-bg.jpg) center top no-repeat fixed;
    background-size:cover;
    padding:60px 0 0 0;
    position:relative
}
#facts::before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:rgba(255,255,255,.88);
    z-index:9
}
#facts .container{
    position:relative;
    z-index:10
}
#facts .counters span{
    font-family:Montserrat,sans-serif;
    font-weight:700;
    font-size:48px;
    display:block;
    color:#18d26e
}
#facts .counters p{
    padding:0;
    margin:0 0 20px 0;
    font-family:Montserrat,sans-serif;
    font-size:14px;
    color:#111
}
#facts .facts-img{
    text-align:center;
    padding-top:30px
}
#portfolio{
    padding:60px 0
}
#portfolio #portfolio-flters{
    padding:0;
    margin:5px 0 35px 0;
    list-style:none;
    text-align:center
}
#portfolio #portfolio-flters li{
    cursor:pointer;
    margin:15px 15px 15px 0;
    display:inline-block;
    padding:10px 20px;
    font-size:12px;
    line-height:20px;
    color:#666;
    border-radius:4px;
    text-transform:uppercase;
    background:#fff;
    margin-bottom:5px;
    transition:all .3s ease-in-out
}
#portfolio #portfolio-flters li.filter-active,#portfolio #portfolio-flters li:hover{
    background:#18d26e;
    color:#fff
}
#portfolio #portfolio-flters li:last-child{
    margin-right:0
}
#portfolio .portfolio-wrap{
    box-shadow:0 2px 12px rgba(0,0,0,.08);
    transition:.3s
}
#portfolio .portfolio-wrap:hover{
    box-shadow:0 4px 14px rgba(0,0,0,.16)
}
#portfolio .portfolio-item{
    position:relative;
    height:360px;
    overflow:hidden
}
#portfolio .portfolio-item figure{
    background:#000;
    overflow:hidden;
    height:240px;
    position:relative;
    border-radius:4px 4px 0 0;
    margin:0
}
#portfolio .portfolio-item figure:hover img{
    opacity:.4;
    transition:.3s
}
#portfolio .portfolio-item figure .link-details,#portfolio .portfolio-item figure .link-preview{
    position:absolute;
    display:inline-block;
    opacity:0;
    line-height:1;
    text-align:center;
    width:36px;
    height:36px;
    background:#fff;
    border-radius:50%;
    transition:.2s linear
}
#portfolio .portfolio-item figure .link-details i,#portfolio .portfolio-item figure .link-preview i{
    padding-top:6px;
    font-size:22px;
    color:#333
}
#portfolio .portfolio-item figure .link-details:hover,#portfolio .portfolio-item figure .link-preview:hover{
    background:#18d26e
}
#portfolio .portfolio-item figure .link-details:hover i,#portfolio .portfolio-item figure .link-preview:hover i{
    color:#fff
}
#portfolio .portfolio-item figure .link-preview{
    left:calc(50% - 38px);
    top:calc(50% - 18px)
}
#portfolio .portfolio-item figure .link-details{
    right:calc(50% - 38px);
    top:calc(50% - 18px)
}
#portfolio .portfolio-item figure:hover .link-preview{
    opacity:1;
    left:calc(50% - 44px)
}
#portfolio .portfolio-item figure:hover .link-details{
    opacity:1;
    right:calc(50% - 44px)
}
#portfolio .portfolio-item .portfolio-info{
    background:#fff;
    text-align:center;
    padding:30px;
    height:90px;
    border-radius:0 0 3px 3px
}
#portfolio .portfolio-item .portfolio-info h4{
    font-size:18px;
    line-height:1px;
    font-weight:700;
    margin-bottom:18px;
    padding-bottom:0
}
#portfolio .portfolio-item .portfolio-info h4 a{
    color:#333
}
#portfolio .portfolio-item .portfolio-info h4 a:hover{
    color:#18d26e
}
#portfolio .portfolio-item .portfolio-info p{
    padding:0;
    margin:0;
    color:#b8b8b8;
    font-weight:500;
    font-size:14px;
    text-transform:uppercase
}
#clients{
    padding:60px 0
}
#clients img{
    max-width:100%;
    opacity:.5;
    transition:.3s;
    padding:15px 0
}
#clients img:hover{
    opacity:1
}
#clients .owl-dots,#clients .owl-nav{
    margin-top:5px;
    text-align:center
}
#clients .owl-dot{
    display:inline-block;
    margin:0 5px;
    width:12px;
    height:12px;
    border-radius:50%;
    background-color:#ddd
}
#clients .owl-dot.active{
    background-color:#18d26e
}
#testimonials{
    padding:60px 0
}
#testimonials .section-header{
    margin-bottom:40px
}
#testimonials .testimonial-item{
    text-align:center
}
#testimonials .testimonial-item .testimonial-img{
    width:120px;
    border-radius:50%;
    border:4px solid #fff;
    margin:0 auto
}
#testimonials .testimonial-item h3{
    font-size:20px;
    font-weight:700;
    margin:10px 0 5px 0;
    color:#111
}
#testimonials .testimonial-item h4{
    font-size:14px;
    color:#999;
    margin:0 0 15px 0
}
#testimonials .testimonial-item .quote-sign-left{
    margin-top:-15px;
    padding-right:10px;
    display:inline-block;
    width:37px
}
#testimonials .testimonial-item .quote-sign-right{
    margin-bottom:-15px;
    padding-left:10px;
    display:inline-block;
    max-width:100%;
    width:37px
}
#testimonials .testimonial-item p{
    font-style:italic;
    margin:0 auto 15px auto
}
#testimonials .owl-dots,#testimonials .owl-nav{
    margin-top:5px;
    text-align:center
}
#testimonials .owl-dot{
    display:inline-block;
    margin:0 5px;
    width:12px;
    height:12px;
    border-radius:50%;
    background-color:#ddd
}
#testimonials .owl-dot.active{
    background-color:#18d26e
}
#team{
    background:#fff;
    padding:60px 0
}
#team .member{
    text-align:center;
    margin-bottom:20px;
    background:#000;
    position:relative
}
#team .member .member-info{
    opacity:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    position:absolute;
    bottom:0;
    top:0;
    left:0;
    right:0;
    transition:.2s
}
#team .member .member-info-content{
    margin-top:-50px;
    transition:margin .2s
}
#team .member:hover .member-info{
    background:rgba(0,0,0,.7);
    opacity:1;
    transition:.4s
}
#team .member:hover .member-info-content{
    margin-top:0;
    transition:margin .4s
}
#team .member h4{
    font-weight:700;
    margin-bottom:2px;
    font-size:18px;
    color:#fff
}
#team .member span{
    font-style:italic;
    display:block;
    font-size:13px;
    color:#fff
}
#team .member .social{
    margin-top:15px
}
#team .member .social a{
    transition:none;
    color:#fff
}
#team .member .social a:hover{
    color:#18d26e
}
#team .member .social i{
    font-size:18px;
    margin:0 2px
}
#contact{
    padding:60px 0
}
#contact .contact-info{
    margin-bottom:20px;
    text-align:center
}
#contact .contact-info i{
    font-size:48px;
    display:inline-block;
    margin-bottom:10px;
    color:#18d26e
}
#contact .contact-info address,#contact .contact-info p{
    margin-bottom:0;
    color:#000
}
#contact .contact-info h3{
    font-size:18px;
    margin-bottom:15px;
    font-weight:700;
    text-transform:uppercase;
    color:#999
}
#contact .contact-info a{
    color:#000
}
#contact .contact-info a:hover{
    color:#18d26e
}
#contact .contact-address,#contact .contact-email,#contact .contact-phone{
    margin-bottom:20px
}
#contact .form #sendmessage{
    color:#18d26e;
    border:1px solid #18d26e;
    display:none;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px
}
#contact .form #errormessage{
    color:red;
    display:none;
    border:1px solid red;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px
}
#contact .form #errormessage.show,#contact .form #sendmessage.show,#contact .form .show{
    display:block
}
#contact .form .validation{
    color:red;
    display:none;
    margin:0 0 20px;
    font-weight:400;
    font-size:13px
}
#contact .form input,#contact .form textarea{
    padding:10px 14px;
    border-radius:0;
    box-shadow:none;
    font-size:15px
}
#contact .form button[type=submit]{
    background:#18d26e;
    border:0;
    padding:10px 30px;
    color:#fff;
    transition:.4s;
    cursor:pointer
}
#contact .form button[type=submit]:hover{
    background:#13a456
}
#footer{
    background:#000;
    padding:0 0 30px 0;
    color:#eee;
    font-size:14px
}
#footer .footer-top{
    background:#111;
    padding:60px 0 30px 0
}
#footer .footer-top .footer-info{
    margin-bottom:30px
}
#footer .footer-top .footer-info h3{
    font-size:34px;
    margin:0 0 20px 0;
    padding:2px 0 2px 10px;
    line-height:1;
    font-family:Montserrat,sans-serif;
    font-weight:700;
    letter-spacing:3px;
    border-left:4px solid #18d26e
}
#footer .footer-top .footer-info p{
    font-size:14px;
    line-height:24px;
    margin-bottom:0;
    font-family:Montserrat,sans-serif;
    color:#eee
}
#footer .footer-top .social-links a{
    font-size:18px;
    display:inline-block;
    background:#333;
    color:#eee;
    line-height:1;
    padding:8px 0;
    margin-right:4px;
    border-radius:50%;
    text-align:center;
    width:36px;
    height:36px;
    transition:.3s
}
#footer .footer-top .social-links a:hover{
    background:#18d26e;
    color:#fff
}
#footer .footer-top h4{
    font-size:14px;
    font-weight:700;
    color:#fff;
    text-transform:uppercase;
    position:relative;
    padding-bottom:12px
}
#footer .footer-top h4::after,#footer .footer-top h4::before{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    height:2px
}
#footer .footer-top h4::before{
    right:0;
    background:#555
}
#footer .footer-top h4::after{
    background:#18d26e;
    width:60px
}
#footer .footer-top .footer-links{
    margin-bottom:30px
}
#footer .footer-top .footer-links ul{
    list-style:none;
    padding:0;
    margin:0
}
#footer .footer-top .footer-links ul i{
    padding-right:8px;
    color:#ddd
}
#footer .footer-top .footer-links ul li{
    border-bottom:1px solid #333;
    padding:10px 0
}
#footer .footer-top .footer-links ul li:first-child{
    padding-top:0
}
#footer .footer-top .footer-links ul a{
    color:#eee
}
#footer .footer-top .footer-links ul a:hover{
    color:#18d26e
}
#footer .footer-top .footer-contact{
    margin-bottom:30px
}
#footer .footer-top .footer-contact p{
    line-height:26px
}
#footer .footer-top .footer-newsletter{
    margin-bottom:30px
}
#footer .footer-top .footer-newsletter input[type=email]{
    border:0;
    padding:6px 8px;
    width:65%
}
#footer .footer-top .footer-newsletter input[type=submit]{
    background:#18d26e;
    border:0;
    width:35%;
    padding:6px 0;
    text-align:center;
    color:#fff;
    transition:.3s;
    cursor:pointer
}
#footer .footer-top .footer-newsletter input[type=submit]:hover{
    background:#111
}
#footer .copyright{
    text-align:center;
    padding-top:30px
}
#footer .credits{
    text-align:center;
    font-size:13px;
    color:#ddd
}
@media (min-width:768px){
    #contact .contact-address,#contact .contact-email,#contact .contact-phone{
        padding:20px 0
    }
    #contact .contact-phone{
        border-left:1px solid #ddd;
        border-right:1px solid #ddd
    }
}
@media (min-width:992px){
    #testimonials .testimonial-item p{
        width:80%
    }
}
@media (min-width:1024px){
    #header #logo{
        padding-left:60px
    }
    #intro p{
        width:60%
    }
    #intro .carousel-control-next,#intro .carousel-control-prev{
        width:5%
    }
    #nav-menu-container{
        padding-right:60px
    }
}
@media (max-width:768px){
    .back-to-top{
        bottom:15px
    }
    #header #logo h1{
        font-size:28px
    }
    #header #logo img{
        max-height:40px
    }
    #intro h2{
        font-size:28px
    }
    #nav-menu-container{
        display:none
    }
    #mobile-nav-toggle{
        display:inline
    }
}