:root{--main-color:#10cab7;--backgroung-color:#f6f6f6;--section-padding:60px 0;--item-padding:20px}*{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{font-family:"Work Sans",sans-serif}ul{list-style-type:none}a{text-decoration:none}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.lead{line-height:1.8;color:#666;letter-spacing:1px;font-weight:300}header h2{text-align:center;color:#8d8d8d;font-size:100px;letter-spacing:-4px}header p{text-align:center;margin-top:-30px;font-size:20px;color:#585858}@media (max-width:767px){header h2{font-size:60px}header p{margin-top:-25px}}.scroll-to-top{position:fixed;background-color:var(--main-color);padding:15px;color:#fff;font-size:20px;bottom:20px;right:-50px;z-index:100;border-radius:5px;cursor:pointer;-webkit-transition:0.5s;transition:0.5s}.scroll-to-top.show{right:20px}header .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px}header img{height:35px}header .links{position:relative}header .links .icon{width:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}header .links .icon span{width:100%;height:2px;background-color:#333;margin-bottom:5px}header .links .icon span:nth-child(2){width:50%;-webkit-transition:width 0.3s;transition:width 0.3s}header .links:hover .icon span:nth-child(2){width:100%}header .links ul{background-color:var(--backgroung-color);width:200px;position:absolute;right:0;margin-top:20px;display:none;z-index:1}header .links:hover ul{display:block}header .links ul:after{content:"";width:0;height:0;border:20px solid;border-color:transparent transparent var(--backgroung-color) transparent;position:absolute;top:-40px;right:0}header .links ul a{color:#333;padding:15px;display:block;-webkit-transition:padding-left 0.3s;transition:padding-left 0.3s}header .links ul a:hover{padding-left:25px}header .links ul li:not(:last-child){border-bottom:1px solid #ddd}.landing{background-image:url(../img/landing.jpg);background-size:cover;height:calc(100vh - 55px);position:relative}.landing .intro_text{text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.landing .intro_text{max-width:100%;width:350px}.landing .intro_text h1{margin:0;color:var(--main-color);font-size:55px}.landing .intro_text p{line-height:1.7;padding:15px 0;font-size:20px}.feature{background-color:var(--backgroung-color);text-align:center;padding:var(--section-padding)}.feature .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.feature .feat{padding:var(--item-padding)}.feature .feat:hover{-webkit-box-shadow:1px 1px 5px 1px #ddd;box-shadow:1px 1px 5px 1px #ddd;background-color:#f5f5f5;cursor:pointer}.feature i{font-size:50px;color:var(--main-color)}.feature h3{margin:30px 0}@media (min-width:768px){.feature .feat{width:50%}}@media (min-width:1200px){.feature .feat{width:calc(100% / 3)}}.services{padding:var(--section-padding)}.services .service-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:60px}.services .service-content .srv{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px}.services .srv i{font-size:35px;margin-right:40px;color:var(--main-color)}.services .srv h3{margin-bottom:30px}@media (min-width:768px){.services .srv{width:50%}}@media (max-width:767px){.services .srv i{margin-bottom:30px;margin-right:0}.services .service-content .srv{display:block;text-align:center}}.portfolio{padding:var(--section-padding);background-color:var(--backgroung-color)}.portfolio .portfolio-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:60px}.portfolio .portfolio-content .card{padding:var(--item-padding);background-color:#fff;background-clip:content-box}.portfolio .portfolio-content .card img{max-width:100%}.portfolio .portfolio-content .card h3{padding:20px}.portfolio .portfolio-content .card p{margin:20px}@media (min-width:768px){.portfolio .portfolio-content .card{width:50%}}@media (min-width:1200px){.portfolio .portfolio-content .card{width:calc(100% / 3)}}.about{padding:var(--section-padding)}.about .about-content{padding-top:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.about .about-content .image{position:relative}.about .about-content .image img{width:250px;height:400px}.about .about-content .image:after{content:"";position:absolute;width:150px;height:300px;top:-50px;right:-180px;border-left:70px solid var(--main-color);border-bottom:80px solid var(--main-color);z-index:-1}.about .about-content .image:before{content:"";position:absolute;background-color:var(--backgroung-color);width:100px;height:calc(100% + 100px);top:-50px;left:-30px;z-index:-1}.about .about-content .text{width:calc(100% - 500px)}.about .about-content .text p:first-of-type{font-weight:bold;line-height:1.9;margin:60px 0}.about .about-content .text p:nth-of-type(2){line-height:2;color:#666;letter-spacing:1px;font-weight:300;margin-top:30px}.about .about-content .text hr{width:50%;border-color:var(--main-color)}@media (max-width:991px){.about .about-content .image:after,.about .about-content .image:before{display:none}.about .about-content .text{width:100%;text-align:center}.about .about-content .text hr{margin:auto}.about .about-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.contact{background-color:var(--backgroung-color);text-align:center;padding:var(--section-padding)}.contact .contact-content{margin:var(--section-padding)}.contact .contact-content p{font-size:35px;letter-spacing:-2px;font-weight:900;color:#2c4755}.contact .contact-content a{display:block;font-size:33px;margin:25px 0;font-weight:900;color:var(--main-color)}.contact .contact-content .social{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contact .contact-content .icons{display:-webkit-box;display:-ms-flexbox;display:flex}.contact .contact-content .icons i{font-size:22px;padding:5px;color:#555}@media (max-width:767px){.contact .contact-content p{font-size:22px}.contact .contact-content a{font-size:20px}}footer{padding:40px;background-color:#2c4755;color:#fff;font-size:20px;font-weight:400;text-align:center}footer span{color:var(--main-color)}