body{background:#f5f5f5;color:#24b67e;margin:0;font-family:"Open Sans", sans-serif;}a{color:#18d26e;transition:0.5s;}a:hover,a:active,a:focus{color:#18d36e;outline:none;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;}.clear{margin:3px 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 0.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(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes animate-preloader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}#header{padding:30px 0;height:92px;width:100%;background-color:#fefefe;box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.2);left:0;top:0;right:0;transition:all 0.5s;z-index:997;}#header.header-scrolled{background:rgba(0, 0, 0, 0.9);padding:20px 0;height:72px;transition:all 0.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:#1e1e1e;padding-left:10px;border-left:4px solid #18d26e;}#header #logo img{padding:0;margin:0;}#footer{background:#000;padding:0 0 30px 0;color:#eee;font-size:14px;}#footer .footer-top{background:#111;padding:30px 10px 30px 10px;}#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;color:#fff;border-left:4px solid #18d26e;}#footer .footer-top .footer-newsletter p , #footer .footer-top .footer-contact p , #footer .footer-info p{font-size:14px;line-height:24px;margin-bottom:0;color:#fff;font-family:"Montserrat", sans-serif;color:#fff;}#footer .footer-top .social-links{text-align:center;}#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:0.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;height:3px;width:70px;}#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:0.3s;cursor:pointer;}#footer .footer-top .footer-newsletter input[type="submit"]:hover{background:#13a456;}#footer .copyright{text-align:center;padding-top:30px;}#footer .pf{background-color:#000;padding-bottom:15px;}#footer .credits, #footer .credits a{text-align:center;font-size:13px;color:#ddd;}.box{display:inline-block;padding:1.2rem;position:relative;background-color:#fff;margin:3rem 0;border-radius:25px;box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.2);}.avatar img{width:100px;height:100px;}.avatar{display:block;width:100%;margin-bottom:8px;overflow:hidden;margin-left:auto;margin-right:auto;}.title-box h4{font-size:32px;text-trasform:uppercase;color:#4e4e4e;font-weight:700;padding-bottom:15px;}.title-box h4::first-letter{color:#18d26e;margin:0 3px 0 0;} .title-box h4::before{content:"";position:absolute;display:block;width:120px;height:1px;background:#aaa;left:0;bottom:1px;right:0;margin:auto;}.title-box h4::after{content:"";position:absolute;display:block;width:40px;height:3px;background:#18d26e;left:0;bottom:0;right:0;margin:auto;}.title-box{margin:2rem;position:relative;}.box .info-s{text-align:left;}.box .info-s .title-left{color:#1e1e1e;line-height:1.4;font-size:2rem;position:relative;}.box .info-s .title-left::before{content:"";position:absolute;height:3px;background-color:#18d26e;width:100px;bottom:-8px;}.box .info-s{color:#4e4e4e;font-size:1.1rem;font-weight:600;}.box .info-s span{color:#1e1e1e;font-size:1.1rem;font-weight:600;}.skill-mf .skill-box{padding:2.5rem 1.3rem;margin-bottom:2rem;}.skill-mf .skill-box .skill-ico{height:100px;width:100px;color:#f1f1f1;font-size:4rem;background-color:#18d62d;border-radius:50%;line-height:1.55;margin:0 auto;margin-left:auto;margin-right:auto;margin-bottom:1rem;text-align:center;display:block;transition:all 500ms ease-in-out;}.skill-mf .skill-box .skill-info{color:#1e1e1e;font-size:1.4rem;text-align:center;margin-top:1rem;}.skill-mf .skill-box:hover{background-color:#fff;box-shadow:0 13px 0px -10px rgba(0, 0, 0, 0.1);}.skill-mf .skill-box:hover .skill-ico{background-color:#fff;color:#24b67e;box-shadow:0 0 0 10px #bbf5df;transform:scale(1.1);transition:all 500ms ease-in-out;}@media (min-width:992px).col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:100%;}@media screen and (min-width:600px){.about-info{margin:1rem;}.avatar{width:150px;height:150px;}.avatar img{width:150px;height:150px;}