*{margin: 0; padding: 0;}body{font-size: 14px; font-family: 'Poppins', sans-serif;}.sec-font{font-family: 'Titillium Web', sans-serif;}/* ------------ Start Header */header{background-color: #2c2d32; width: 80px; height: 100vh; position: fixed; top: 0; left: 0; box-sizing: border-box; z-index: 99;}.logo{text-align: center; margin-top: 25px; line-height: 0; padding: 0px;}.logo .center-circle{height: 25px; width: 25px; background: #26aae1; border-radius: 50%; display: inline-block;}.menu{margin-top: 40px; text-align: center; background: #2A2A2E; padding: 35px 0; position: relative;}.menu .menu-item-box{position: relative; margin-bottom: 20px;}.menu .menu-item-box .menu-item{line-height: 0; margin: 0; text-decoration: none;}.menu .menu-item-box .menu-item .menu-item-icon{font-size: 14px; color: rgba(255, 255, 255, 0.41);}a{color: #6c6d70; text-decoration: none;}*, :after, :before{transition: all .3s linear;}.menu .menu-item-box:after{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: 1px; width: 60%;}.menu .menu-item-box:before{/* content: ''; */ position: absolute; top: 0; left: -5px; height: 100%; width: 3px; background: #232427;}.menu .active.menu-item-box:before{background: #26aae1; left: 0;}.menu .menu-item-box:hover:before{background: #555555; left: 0;}.menu .active.menu-item-box .menu-item .menu-item-icon{color: #26aae1;}.menu .menu-item-box:hover .menu-item .menu-item-icon{color: #fff;}.menu .active.menu-item-box,.menu .menu-item-box:hover{/* background: #202023; */}.menu-item-box:last-of-type{margin: 0;}span.menu-item-name{margin-left: 10px; position: absolute; left: 60%; background: #2c2d32; height: 25px; line-height: 25px; padding: 0px 20px; box-sizing: border-box; color: #fff; display: block; border-radius: 3px; width: auto; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; font-weight: 500; top: 50%; transform: translateY(-50%); opacity: 0;}.menu-item-box:hover span.menu-item-name{left: 100%; opacity: 1;}span.menu-item-name:before{content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -10px; border-width: 5px; border-color: transparent; border-style: solid; border-right-color: #2c2d32;}.go-down{background: #26aae1; position: absolute; bottom: 0px; height: 80px; width: 100%;}.go-down i{position: absolute; top: 50%; left: 50%; cursor: pointer; transform: translate(-50%,-50%); color: #fff; font-size: 24px;}.menu:before{color: #b3b2b2; text-transform: uppercase; font-size: 13px; text-align: center; letter-spacing: 1px; position: absolute; top: -9px; left: 50%; transform: translateX(-50%); content: 'menu'; font-family: 'Titillium Web', sans-serif;}.menu .menu-item-box .menu-item{width: 36px; border: 1px solid rgba(255, 255, 255, 0.08); height: 36px; display: inline-block; line-height: 36px;}.menu .active.menu-item-box .menu-item{border: 1px solid #26aae1; /* border-radius: 50%; */}.menu .menu-item-box .menu-item:hover{border-radius: 50%;}.content{position: absolute; top: 0; width: calc(100% - 80px); left: 80px; z-index: 82;}.hero-section{background-image: url('../img/bg-1.jpg'); height: 100vh; background-size: cover; background-position: center center; width: 100%; position: relative; z-index: 3;}.section-hero-content{position: absolute; top: 50%; left: 20%; transform: translateY(-50%);}.hero-section h1{font-size: 48px; font-weight: bold; color: #fff; line-height: 60px; margin-bottom: 25px;}.hero-section h4{padding: 15px 30px; background: rgba(0, 0, 0, 0.31); font-size: 11px; float: left; text-transform: uppercase; color: rgba(255, 255, 255, 0.71); letter-spacing: 6px; font-weight: 600; margin: 0;}.block{overflow: hidden;}a.theme-btn{background: #26aae1; color: #fff; padding: 15px 30px; position: relative; margin-top: 40px; font-size: 10px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; border-radius: 4px; text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.36);}.hero-section h1 span{position: relative;}.hero-section h1 span:before{content: ''; position: absolute; top: 6px; left: 0; width: 100%; height: 76%; z-index: -1; background: linear-gradient(to right , #fff0 -10%, #26aae1 100%);}.hero-section:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(42, 42, 46, 0.4); z-index: -2;}.hero-section:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../img/pattern.png') repeat center center; z-index: -1; opacity: 0.2;}.theme-btn:hover{background: #d93d2e;}.theme-btn:hover span{margin-left: 10px;}section{overflow: hidden; padding: 100px 0;}.skills{margin-top: 35px; width: calc(90% - 20px); float: right;}.skill-box{margin-bottom: 25px;}.skill-box:last-of-type{margin-bottom: 0;}.skill-title{font-size: 14px; color: #2c2d32; text-transform: uppercase; font-weight: bold;}.skill-box .progress-line{background: rgba(0,0,0,.1); box-shadow: 0 0 0; height: 5px; margin: 0; position: relative; width: 100%;}.skill-box .progress-line > span{position: absolute; display: block; top: 0; left: 0; height: 100%; width: 0; background: #26aae1;}.skill-box .progress-line > span > .percent-tooltip{position: absolute; right: -15px; top: -30px; padding: 2px 5px; background: #26aae1; color: #fff; font-size: 12px; font-weight: normal;}.skill-box .progress-line > span > .percent-tooltip:before{position: absolute; content: ""; bottom: -14px; border-color: #26aae1 transparent transparent; border-style: solid; border-width: 7px 5px; left: 37%;}.about ul{margin-bottom: 25px;}.about .about-box{border-right: 2px solid #666;}.about .about-box.bn{border: none;}.about .about-box h3{font-size: 24px; font-weight: 300; letter-spacing: 0.5px; color: #26aae1; margin-bottom: 10px;}.about .about-box h4{font-weight: bold; font-size: 18px; text-transform: uppercase; color: #2c2d32; margin: 0;}ul,ol{list-style: none; padding: 0; margin: 0;}.social-media a{display: inline-block; width: 36px; height: 36px; line-height: 36px; color: #ffffff; font-size: 12px; background: #2a2a2e; text-align: center;}.social-media li{margin-bottom: 10px;}ul.social-media{margin-bottom: 0; margin-top: 35px; float: left; width: 10%; margin-right: 20px; text-align: center;}.social-media a:hover{border-radius: 50%; text-decoration: none; background: #26aae1;}.section-title-uin{text-align: center; font-size: 90px; font-weight: 900; position: absolute; top: -120px; left: 50%; transform: translateX(-50%); color: rgba(51, 51, 51, 0.03); text-transform: uppercase;}.about .info .theme-btn{margin-top: 35px;}p{margin-bottom: 15px;font-size: 15px;color: #444;line-height: 28px;}.about .info h1 span{color: #26aae1;}.about .info h1{text-align: left; font-weight: 700; font-size: 34px; color: #2c2d32; margin-bottom: 40px; position: relative; line-height: 45px; text-transform: capitalize;}.about .info h1:after{content: ''; height: 3px; width: 80px; position: absolute; bottom: -20px; left: 0; border: 1px dotted #26aae1; border-radius: 63px;}.about .info h1 span:after{position: absolute; top: 6px; left: 0; width: 100%; height: 76%; z-index: -1; background: linear-gradient(to right , #fff0 -10%, #26aae1 100%);}.about .info h5{text-transform: uppercase; font-size: 14px; letter-spacing: 3px; color: #666; font-weight: 600; margin-bottom: 20px;}.white.section-title-uin{color: #2c2d32;}.align{align-items: center;}section.services{background: #2a2a2e;}.services .service-box{padding: 30px; margin-bottom: 30px; background: rgb(44, 45, 50);}.service-box:hover{transition: all .3s cubic-bezier(.77,0,.175,1); position: relative; transform: translateY(-10px);}.service-box i{display: block; margin-bottom: 15px; font-size: 32px; color: #fff;}.services .service-box h3{margin-bottom: 15px; font-weight: 600; margin-top: 0; color: #26aae1; font-size: 18px; font-family: 'Titillium Web', sans-serif; text-transform: uppercase; letter-spacing: 1px;}.services .service-box p{font-size: 14px; line-height: 1.7; color: #ccc; letter-spacing: 0.2px; font-weight: 300; margin: 0;}.service-box a{position: relative; font-family: 'Titillium Web', sans-serif; margin-top: 15px; display: inline-block; color: #ccc; font-size: 14px; letter-spacing: 1px;}.service-box a:before{content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -20px; width: 10px; background: #fff; height: 1px;}.service-box a:after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: -50px; width: 0; background: #fff; height: 1px; opacity: 0;}.service-box a:hover{margin-left: 10px; text-decoration: none; color: #26aae1;}.service-box a:hover:before{width: 0;}.service-box a:hover:after{width: 40px; opacity: 1;}.section-title-white{margin-bottom: 45px;}.section-title-white h2{color: #fff; font-weight: bold; text-transform: capitalize; font-size: 36px; letter-spacing: 1px; margin-bottom: 30px; position: relative;}.section-title-white p{color: #ccc; font-size: 14px; line-height: 26px; font-weight: 300; margin: 0;}.two-title .white.section-title-uin{top: 50%; transform: translateY(-50%);}.section-title-white h2:after{content: ''; height: 3px; width: 80px; position: absolute; bottom: -20px; left: 0; border: 1px dotted #26aae1; border-radius: 63px;}.two-title{position: relative;}.project-box{overflow: hidden; margin: 0px 15px;}.item.slick-slide{outline: none;}.portfolio img{max-width: 100%; height: auto;}.project-info{margin-bottom: 30px; background: #2a2a2e; padding: 20px; margin-top: 5px;}.project-info h3{color: #26aae1; font-size: 18px; text-transform: uppercase; font-weight: 600;}.project-info h5{font-size: 14px; letter-spacing: 0.1px; font-weight: 300; margin: 0; margin-left: 30px; position: relative; color: #ccc;}.project-info h5:before{content: ''; position: absolute; top: 50%; transform: translateY(-50%); height: 1px; width: 20px; background: #ccc; left: -30px;}.project-info h5:hover{margin: 0;}.project-info h5:hover:before{width: 0;}.section-title{margin-bottom: 45px;}.section-title h2{color: #2c2d32; font-weight: bold; text-transform: capitalize; font-size: 36px; letter-spacing: 1px; margin-bottom: 30px; position: relative;}.section-title p{color: #555; font-size: 14px; line-height: 26px; font-weight: 300; margin: 0;}.two-title .section-title-uin{top: 50%; transform: translateY(-50%);}.section-title h2:after{content: ''; height: 3px; width: 80px; position: absolute; bottom: -20px; left: 0; border: 1px dotted #26aae1; border-radius: 63px;}.two-title{position: relative;}.portfolio-info{height: 447px; background: #2a2a2e;}section.portfolio{position: relative; z-index: 1;}section.portfolio:after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: #2c2d32; z-index: -1;}.video-section{height: 700px; background-image: url('../img/video-section-bg.jpg'); background-size: cover; background-position: center; position: relative;}@keyframes video-animation{0%{-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1);}100%{-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0); box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0);}}.video-section:before{content: ''; position: absolute; top: 5%; height: 90%; width: 100%; left: -5%; background: #2a2a2e; z-index: -1;}.video-play a{cursor: pointer; font-size: 24px; top: 50%; position: absolute; z-index: 2; height: 60px; width: 60px; line-height: 60px; text-align: center; margin: auto; border-radius: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-animation: video-animation 1s linear infinite; animation: video-animation 1s linear infinite; -webkit-transition: .5s linear; background: #26aae1;}.video-play a img{max-width: 20px;}.video-play{position: relative; height: 100%; width: 100%;}.testimonials-section{}.client-img-box img{width: 50px; height: 50px; border-radius: 50%;}.client-img-box{display: inline-block;}.client-info-box{display: inline-block; margin-left: 15px;}.client-info{display: flex; align-items: center; justify-content: center;}.testimonials-box{padding: 30px; background: linear-gradient(to right, #262629 ,#3c3d40); text-align: center; margin-bottom: 30px; border-radius: 5px;}.testimonials-box:hover{transition: all .3s cubic-bezier(.77,0,.175,1); transform: translateY(-10px);}.quote-box{margin-bottom: 20px;}.testimonials-content p{font-size: 14px; color: #fff; letter-spacing: 0.3px; font-weight: 200;}.client-info-box h4{font-size: 14px; text-transform: capitalize; font-family: 'Titillium Web', sans-serif; letter-spacing: 0.5px; font-weight: 600; color: #26aae1;}.client-info-box h6{font-size: 12px; font-weight: 300; color: #d0d0d0; text-align: left; margin: 0; text-transform: uppercase;}.testimonials-box hr{border-color: #403f3f;}.blog{background-color: #f6f6f4;}.blog-body{position: relative; margin-bottom: 30px; min-height: 400px;}.category{position: absolute; top: 20px; left: 20px; background: #fff; color: #333; text-transform: uppercase; font-family: 'Titillium Web', sans-serif; z-index: 2; padding: 0px 10px;}.post-info{background: rgba(42, 42, 46, 0.6); padding: 20px; position: absolute; z-index: 2; bottom: 0;}.post-date{font-family: 'Titillium Web', sans-serif; color: #fff; background: #26aae1; display: inline-block; padding: 1px 15px; border-radius: 3px; margin-bottom: 15px;}.post-info a h4{color: #fff; font-size: 20px; line-height: 28px; margin: 0;}.blog-img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}.post-info a:hover{text-decoration: none;}.post-info a:hover h4{color: #ccc;}#map{height: 450px;}.contact .section-title-1{margin-bottom: 80px;}input[type="text"],input[type="email"],textarea{border: none; border-bottom: 1px solid #cecece; width: 100%; padding: 0 0 20px 0; color: #333; text-transform: uppercase; font-weight: bold; margin-bottom: 35px; outline: none;}::placeholder{font-family: 'Poppins', sans-serif; color: #222; letter-spacing: 1px;}textarea{min-height: 120px; outline: none;}form p{color: #555; font-family: 'Titillium Web', sans-serif; font-size: 15px; font-weight: 500; letter-spacing: 0.5px; text-transform: capitalize;}input[type="submit"]{border-radius: 5px; background: transparent; border: 2px solid #26aae1; cursor: pointer; color: #26aae1; padding: 10px; min-width: 180px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px;}input[type="submit"]:hover{background-color: #f9a766; color: #fff;}footer{padding: 30px; background: #2a2a2e; color: #fff; text-align: center;}footer p{font-size: 15px; font-weight: 500; text-transform: uppercase; letter-spacing: 11px; color: #fff; font-family: 'Titillium Web', sans-serif; margin: 0;}@media (max-width:768px){header{width: 100%; height: 60px;}.logo{padding: 8px; margin: 0; display: inline-block;}.center-circle{margin-top: 10px; margin-left: 10px;}.go-down{right: 0; width: 60px; height: 60px;}.menu:before, span.menu-item-name:before{content: none;}.content{width: 100%; left: 0;}.menu{margin: 0; margin-top: 12px; padding: 15px;}.content{width: 100%; left: 0;}.menu-item-box{display: inline-block; margin: 0 5px; margin-bottom: 0 !important;}span.menu-item-name{margin-top: 10px; margin-left: 0; left: 50%; top: 150%; transform: translate(-70%, -50%);}.hero-section h1{font-size: 26px; line-height: 36px; margin-bottom: 15px;}.section-hero-content{left: 30px;}.hero-section h4{line-height: 22px;}.hero-section a.theme-btn{margin-top: 15px;}.about .info{margin-top: 15px;}.about .info h1{font-size: 26px; line-height: 37px;}.about .about-box h4{font-size: 14px;}.about .about-box{border: none;}.section-title-uin{display: none;}.section-title-white h2{font-size: 26px; line-height: 36px;}.video-section{height: 300px; margin-bottom: 30px;}form{margin-top: 30px;}.blog-body{min-height: 350px; overflow: hidden;}footer p{letter-spacing: 2px;}}@media (min-width:380px) and (max-width:768px){.blog-img img{width: 100%;}}@media (min-width:768px) and (max-width:990px){.none{display: none;}.n-m{margin: 0;}}@media (max-width:991px){}