body{background:#fff;color:#666;font-family:"Open Sans",sans-serif}
a{color:#18d26e;transition:.5s}
a:hover,a:active,a:focus{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}
@media(max-width:768px){.back-to-top{bottom:15px}}
#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%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes animate-preloader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
#header{transition:all .5s;z-index:997;padding:26px 0;background:rgba(0,0,0,0.9)}
#header.header-transparent{background:transparent}
#header.header-scrolled{background:rgba(0,0,0,0.9);padding:18px 0}
#header .logo{font-size:34px;margin:0;padding:0;line-height:1;font-family:"Montserrat",sans-serif;font-weight:700;letter-spacing:3px;padding-left:10px;border-left:4px solid #18d26e}
#header .logo a{color:#fff}
#header .logo img{max-height:40px}
@media(max-width:992px){#header .logo{font-size:28px}}
.nav-menu ul{margin:0;padding:0;list-style:none}
.nav-menu>ul{display:flex}
.nav-menu>ul>li{position:relative;white-space:nowrap;padding:10px 0 10px 28px}
.nav-menu a{display:block;position:relative;color:#fff;transition:.3s;font-size:12px;font-family:"Montserrat",sans-serif;text-transform:uppercase;font-weight:600}
.nav-menu a:hover,.nav-menu .active>a,.nav-menu li:hover>a{color:#18d26e}
.nav-menu .drop-down ul{display:block;position:absolute;left:14px;top:calc(100%+30px);z-index:99;opacity:0;visibility:hidden;padding:10px 0;background:#fff;box-shadow:0 0 30px rgba(127,137,161,0.25);transition:.3s}
.nav-menu .drop-down:hover>ul{opacity:1;top:100%;visibility:visible}
.nav-menu .drop-down li{min-width:180px;position:relative}
.nav-menu .drop-down ul a{padding:10px 20px;font-size:13px;text-transform:none;color:#333}
.nav-menu .drop-down ul a:hover,.nav-menu .drop-down ul .active>a,.nav-menu .drop-down ul li:hover>a{color:#18d26e}
.nav-menu .drop-down>a:after{content:"\ea99";font-family:IcoFont;padding-left:5px}
.nav-menu .drop-down .drop-down ul{top:0;left:calc(100% - 30px)}
.nav-menu .drop-down .drop-down:hover>ul{opacity:1;top:0;left:100%}
.nav-menu .drop-down .drop-down>a{padding-right:35px}
.nav-menu .drop-down .drop-down>a:after{content:"\eaa0";font-family:IcoFont;position:absolute;right:15px}
@media(max-width:1366px){
	.nav-menu .drop-down .drop-down ul{left:-90%}
	.nav-menu .drop-down .drop-down:hover>ul{left:-100%}
	.nav-menu .drop-down .drop-down>a:after{content:"\ea9d"}}
.mobile-nav-toggle{position:fixed;right:15px;top:15px;z-index:9998;border:0;background:0;font-size:24px;transition:all .4s;outline:none!important;line-height:1;cursor:pointer;text-align:right}
.mobile-nav-toggle i{color:#fff}
.mobile-nav{position:fixed;top:55px;right:15px;bottom:15px;left:15px;z-index:9999;overflow-y:auto;background:#fff;transition:ease-in-out .2s;opacity:0;visibility:hidden;border-radius:10px;padding:10px 0}
.mobile-nav *{margin:0;padding:0;list-style:none}
.mobile-nav a{display:block;position:relative;color:#333;padding:10px 20px;font-weight:500;outline:0}
.mobile-nav a:hover,.mobile-nav .active>a,.mobile-nav li:hover>a{color:#18d26e;text-decoration:none}
.mobile-nav .drop-down>a:after{content:"\ea99";font-family:IcoFont;padding-left:10px;position:absolute;right:15px}
.mobile-nav .active.drop-down>a:after{content:"\eaa1"}
.mobile-nav .drop-down>a{padding-right:35px}
.mobile-nav .drop-down ul{display:none;overflow:hidden}
.mobile-nav .drop-down li{padding-left:20px}
.mobile-nav-overly{width:100%;height:100%;z-index:9997;top:0;left:0;position:fixed;background:rgba(26,26,26,0.6);overflow:hidden;display:none;transition:ease-in-out .2s}
.mobile-nav-active{overflow:hidden}
.mobile-nav-active .mobile-nav{opacity:1;visibility:visible}
.mobile-nav-active .mobile-nav-toggle i{color:#fff}#intro{width:100%;height:100vh;background:#000;overflow:hidden;position:relative}
@media(max-height:500px){#intro{height:150vh}}
#intro .carousel,#intro .carousel-inner,#intro .carousel-item,#intro .carousel-item::before{position:absolute;top:0;right:0;left:0;bottom:0}
#intro .carousel-item{background-size:cover;background-position:center;background-repeat:no-repeat}
#intro .carousel-item::before{content:'';background-color:rgba(0,0,0,0.7)}
#intro .carousel-container{display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;top:70px;left:50px;right:50px}
#intro .container{text-align:center}
#intro h2{color:#fff;margin-bottom:30px;font-size:48px;font-weight:700}
@media(max-width:768px){#intro h2{font-size:28px}}
#intro p{width:80%;margin:0 auto 30px auto;color:#fff}
@media(min-width:1024px){#intro p{width:60%}}
#intro .carousel-fade{overflow:hidden}
#intro .carousel-fade .carousel-inner .carousel-item{transition-property:opacity}
#intro .carousel-fade .carousel-inner .carousel-item,
#intro .carousel-fade .carousel-inner .active.carousel-item-left,
#intro .carousel-fade .carousel-inner .active.carousel-item-right{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 .carousel-item-next,
#intro .carousel-fade .carousel-inner .carousel-item-prev,
#intro .carousel-fade .carousel-inner .active.carousel-item-left,
#intro .carousel-fade .carousel-inner .active.carousel-item-right{left:0;transform:translate3d(0,0,0)}
#intro .carousel-control-prev,
#intro .carousel-control-next{width:10%}
@media(min-width:1024px){#intro .carousel-control-prev,#intro .carousel-control-next{width:5%}}
#intro .carousel-control-next-icon,
#intro .carousel-control-prev-icon{background: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}
section{overflow:hidden}
.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}
.breadcrumbs{padding:20px 0;background-color:#f7f7f7;min-height:40px;margin-top:90px}
@media(max-width:992px){.breadcrumbs{margin-top:80px}}
.breadcrumbs h2{font-size:24px;margin-bottom:0;font-weight:400}
.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;font-size:14px}
.breadcrumbs ol li+li{padding-left:10px}
.breadcrumbs ol li+li::before{display:inline-block;padding-right:10px;color:#6c757d;content:"/"}
@media(max-width:768px){
	.breadcrumbs .d-flex{display:block!important}
	.breadcrumbs ol{display:block}
	.breadcrumbs ol li{display:inline-block}}
#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,0.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,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,0.1),rgba(0,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,0.88);z-index:9}
#facts .container{position:relative;z-index:10}
#facts .counters span{font-family:"Montserrat",sans-serif;font-weight:bold;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:hover,#portfolio #portfolio-flters li.filter-active{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,0.08);transition:.3s}
#portfolio .portfolio-wrap:hover{box-shadow:0 4px 14px rgba(0,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-preview,
#portfolio .portfolio-item figure .link-details{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-preview i,#portfolio .portfolio-item figure .link-details i{padding-top:6px;font-size:22px;color:#333}
#portfolio .portfolio-item figure .link-preview:hover,#portfolio .portfolio-item figure .link-details:hover{background:#18d26e}
#portfolio .portfolio-item figure .link-preview:hover i,#portfolio .portfolio-item figure .link-details: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}
.portfolio-details{padding-top:30px}
.portfolio-details .portfolio-details-container{position:relative}
.portfolio-details .portfolio-details-carousel{position:relative;z-index:1}
.portfolio-details .portfolio-details-carousel .owl-nav,.portfolio-details .portfolio-details-carousel .owl-dots{margin-top:5px;text-align:left}
.portfolio-details .portfolio-details-carousel .owl-dot{display:inline-block;margin:0 10px 0 0;width:12px;height:12px;border-radius:50%;background-color:#ddd!important}
.portfolio-details .portfolio-details-carousel .owl-dot.active{background-color:#18d26e!important}
.portfolio-details .portfolio-info{padding:30px;position:absolute;right:0;bottom:-70px;background:#fff;box-shadow:0 2px 15px rgba(0,0,0,0.1);z-index:2}
.portfolio-details .portfolio-info h3{font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}
.portfolio-details .portfolio-info ul{list-style:none;padding:0;font-size:15px}
.portfolio-details .portfolio-info ul li+li{margin-top:10px}
.portfolio-details .portfolio-description{padding-top:50px}
.portfolio-details .portfolio-description h2{width:50%;font-size:26px;font-weight:700;margin-bottom:20px}
.portfolio-details .portfolio-description p{padding:0}
@media(max-width:768px){.portfolio-details .portfolio-description h2{width:100%}.portfolio-details .portfolio-info{position:static;margin-top:30px}}
#clients{padding:60px 0}
#clients img{max-width:100%;opacity:.5;transition:.3s;padding:15px 0}
#clients img:hover{opacity:1}
#clients .owl-nav,
#clients .owl-dots{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:bold;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}
@media(min-width:992px){#testimonials .testimonial-item p{width:80%}}
#testimonials .owl-nav,#testimonials .owl-dots{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:flex;justify-content: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,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:bold;text-transform:uppercase;color:#999}
#contact .contact-info a{color:#000}
#contact .contact-info a:hover{color:#18d26e}
#contact .contact-address,#contact .contact-phone,#contact .contact-email{margin-bottom:20px}
@media(min-width:768px){#contact .contact-address,#contact .contact-phone,#contact .contact-email{padding:20px 0}}
@media(min-width:768px){#contact .contact-phone{border-left:1px solid #ddd;border-right:1px solid #ddd}}
#contact .php-email-form{box-shadow:0 0 30px rgba(214,215,216,0.6);padding:30px}
#contact .php-email-form .validate{display:none;color:red;margin:0 0 15px 0;font-weight:400;font-size:13px}
#contact .php-email-form .error-message{display:none;color:#fff;background:#ed3c0d;text-align:left;padding:15px;font-weight:600}
#contact .php-email-form .error-message br+br{margin-top:25px}
#contact .php-email-form .sent-message{display:none;color:#fff;background:#18d26e;text-align:center;padding:15px;font-weight:600}
#contact .php-email-form .loading{display:none;background:#fff;text-align:center;padding:15px}
#contact .php-email-form .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid #18d26e;border-top-color:#eee;-webkit-animation:animate-loading 1s linear infinite;animation:animate-loading 1s linear infinite}
#contact .php-email-form input,#contact .php-email-form textarea{padding:10px 14px;border-radius:0;box-shadow:none;font-size:15px}
#contact .php-email-form input::focus,#contact .php-email-form textarea::focus{background-color:#18d26e}
#contact .php-email-form button[type="submit"]{background:#18d26e;border:0;padding:10px 30px;color:#fff;transition:.4s;cursor:pointer}
#contact .php-email-form button[type="submit"]:hover{background:#13a456}
@-webkit-keyframes animate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes animate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
#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:bold;color:#fff;text-transform:uppercase;position:relative;padding-bottom:12px}
#footer .footer-top h4::before,#footer .footer-top h4::after{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:#13a456}
#footer .copyright{text-align:center;padding-top:30px}
#footer .credits{text-align:center;font-size:13px;color:#ddd}
#footer .LOPD{text-align:center;font-size:13px;color:#ddd}