@import "main.css";body{color:#111;font-family:Open Sans,sans-serif;font-weight:400}.section-padding{padding:100px 0}.tit{display:inline-block;font-size:38px;font-weight:900;margin-bottom:100px;text-transform:capitalize}h1,h2,h3,h4,h5{font-family:Montserrat,sans-serif}p{color:#888}main{background:#fff;margin-bottom:247px;position:relative;z-index:2}input:focus,textarea:focus{border-color:#555!important}.cd-title{height:160px;line-height:230px;position:relative;text-align:center}.cd-title h1{font-size:2.4rem}@media only screen and (min-width:768px){.cd-title{line-height:250px}}@media only screen and (min-width:1170px){.cd-title{height:200px;line-height:300px}.cd-title h1{font-size:3rem}}.cd-intro{margin:4em auto;max-width:768px;text-align:center;width:90%}@media only screen and (min-width:768px){.cd-intro{margin:5em auto}}@media only screen and (min-width:1170px){.cd-intro{margin:6em auto}}.cd-headline{font-size:3rem;line-height:1.2}@media only screen and (min-width:768px){.cd-headline{font-size:4.4rem;font-weight:300}}@media only screen and (min-width:1170px){.cd-headline{font-size:6rem}}.cd-words-wrapper{display:inline-block;position:relative;text-align:left}.cd-words-wrapper b{display:inline-block;left:0;position:absolute;top:0;white-space:nowrap}.cd-words-wrapper b.is-visible{position:relative}.no-js .cd-words-wrapper b{opacity:0}.no-js .cd-words-wrapper b.is-visible{opacity:1}.cd-headline.clip span{display:inline-block;padding:.2em 0}.cd-headline.clip .cd-words-wrapper{overflow:hidden;vertical-align:top}.cd-headline.clip .cd-words-wrapper:after{background-color:#aebcb9;content:"";height:100%;position:absolute;right:0;top:0;width:2px}.cd-headline.clip b{opacity:0}.cd-headline b.is-visible{font-weight:900;opacity:1}.navbar{background:#000;border-radius:0;display:none;height:60px;left:0;line-height:60px;padding:0;position:fixed;text-transform:capitalize;top:0;width:100%;z-index:99999}.navbar .navbar-brand,.navbar .navbar-brand:focus,.navbar .navbar-brand:hover{color:#eee;font-size:30px;padding-top:20px;text-transform:uppercase}.navbar .navbar-nav>li>a{color:#aaa!important;margin:0!important;padding:0!important}.nav>li>a:focus,.nav>li>a:hover{background:none}.navbar .navbar-nav>li{background:none;cursor:pointer;font-size:13px;margin:20px 15px 0;padding:5 10px;position:relative;text-transform:uppercase}.navbar .navbar-nav>li>a.active{background:none;color:#fff!important}.header{background:rgba(0,0,0,.2);background-attachment:fixed;background-blend-mode:overlay;background-image:url(../img/bg-2.png);background-size:cover;height:100vh;overflow:hidden;position:relative;width:100%}.caption{color:#fff}.caption h1{font-size:90px;margin:20px auto}.caption img{width:auto}.button-scroll{border:2px solid #fff;border-radius:15px;bottom:5vh;cursor:pointer;height:50px;left:calc(50% - 13px);position:absolute;width:26px;z-index:9999}.button-scroll span{-webkit-animation:scroll .5s infinite alternate;-moz-animation:scroll .5s infinite alternate;animation:scroll .5s infinite alternate;color:#fff;left:calc(50% - 4px);position:absolute}@keyframes scroll{0%{top:50%}50%{top:55%}to{top:60%}}@-webkit-keyframes scroll{0%{top:50%}50%{top:55%}to{top:60%}}@-moz-keyframes scroll{0%{top:50%}50%{top:55%}to{top:60%}}.hero{padding-top:100px}.hero .hero-item p{line-height:2}.hero .hero-img{position:relative}.hero a,.hero button{background:#111;border:none;color:#eee;padding:8px 25px;transition:all .5s}.hero a:hover,.hero button:hover{background:#eee;color:#222}.hero .skills{padding-top:50px}.hero .skills .item h6{font-size:14px;margin:0 0 10px 10px;text-transform:uppercase}.hero .skills .item .skills-progress{background:#f7f7f7;border-radius:30px;height:30px;margin-bottom:30px;width:100%}.hero .skills .item .skills-progress span{background:#111;border-radius:30px;height:100%;position:relative;-webkit-transition:all .5s;transition:all .5s;width:0}.hero .skills .item .skills-progress span:after{background:#f7f7f7;border-radius:50%;content:attr(data-value);font-size:10px;height:30px;line-height:30px;position:absolute;right:-5px;text-align:center;top:0;width:30px}.services{background:#f7f7f7;margin-top:100px}.services .serv-row .serv-item{background:#fff;padding:40px 20px;text-align:center}.services .serv-row .serv-item span{color:#111;font-family:Montserrat,sans-serif;font-size:60px;font-weight:900}.services .serv-row .serv-item h6{font-size:20px;margin:25px auto}.portfolio{overflow:hidden}.portfolio .filtering span{cursor:pointer;font-size:16px;padding:0 25px 5px 20px;position:relative}.portfolio .filtering .active:after{width:60%}.portfolio .filtering span:after{background:#111;bottom:0;content:"";height:2px;left:18%;position:absolute;transition:all .5s;width:0}.item-img{padding:15px;position:relative}.item-img-overlay{background:rgba(0,0,0,.6);bottom:15px;left:15px;opacity:0;overflow:hidden;position:absolute;right:15px;top:15px;transition:all .5s}.item-img-overlay .v,.item-img-overlay .x{background:none;bottom:0;left:0;position:absolute;right:0;top:0}.item-img:hover .v:after,.item-img:hover .v:before{left:10%;right:10%}.item-img:hover .x:after,.item-img:hover .x:before{bottom:10%;top:10%}.item-img-overlay .v:after,.item-img-overlay .v:before{background:#eee;content:"";height:1px;left:50%;position:absolute;right:50%;transition:all .5s}.item-img-overlay .v:after{top:10%}.item-img-overlay .v:before{bottom:10%}.item-img-overlay .x:after,.item-img-overlay .x:before{background:#eee;bottom:50%;content:"";position:absolute;top:50%;transition:all .5s;width:1px}.item-img-overlay .x:after{right:10%}.item-img-overlay .x:before{left:10%}.item-img-overlay .overlay-info{bottom:-80px;color:#aaa;left:0;position:absolute;text-align:center;transition:all .5s;width:100%}.item-img-overlay .v-middle a{color:#eee;cursor:pointer;font-size:25px;height:50px;margin:auto;width:50px}.item-img-overlay .v-middle h5{color:#eee;font-weight:600}.item-img:hover .item-img-overlay{opacity:1}.clients{background-attachment:fixed;background-image:url(../img/clients.jpg);background-size:cover;position:relative}.client-say .tit{color:#fff;margin-bottom:80px}.client-say .client-item p{color:#ccc;font-size:16px;margin-bottom:30px}.client-say .client-item h6{color:#fff;font-size:14px;margin-bottom:30px}.owl-theme .owl-dots .owl-dot span{background:#000;border:1px solid #000;border-radius:50%;height:7px;width:7px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:transparent;transform:scale(1.2)}.clients .owl-theme .owl-nav{margin:0}.clients .owl-theme .owl-nav [class*=owl-]{background:transparent;border:1px solid #eee;border-radius:0;color:#fff;padding:5px 20px}.clients .owl-theme .owl-nav .owl-prev{bottom:0;left:0;position:absolute}.clients .owl-theme .owl-nav .owl-next{bottom:0;position:absolute;right:0}.numbers .numb-item span{font-size:40px}.numbers .numb-item h3{color:#222;font-weight:900;margin:20px auto}.numbers .numb-item p{color:#111}.blog{background:#f7f7f7}.blog .content-post{background:#fff;padding:30px 20px}.blog .content-post h6{margin:0;text-transform:uppercase}.blog .content-post .date{border-bottom:1px solid #eee;color:#777;font-size:12px;margin:15px auto;padding-bottom:15px}.blog .content-post .date span{padding-left:7px}.blog .content-post a,.blog .content-post a:hover{color:#222}.contact .cont-info .info-item{margin-bottom:50px}.contact .cont-info .info-item .icon{background:#222;border-radius:4px;color:#eee;float:left;font-size:16px;height:50px;line-height:50px;text-align:center;width:50px}.contact .cont-info .info-content{color:#666;margin-left:70px}.contact .cont-info .info-content h6{font-size:14px}.contact .cont-info .info-content h5{font-size:16px}.contact .social-icon span{border:1px solid #222;border-radius:50%;color:#000;cursor:pointer;font-size:20px;height:40px;line-height:40px;margin:0 2px;text-align:center;transition:all .5s;width:40px}.contact .social-icon span:hover{background:#111;border-color:#111;color:#fff;transform:translateY(-4px)}.contact .form{overflow:hidden}.contact .form input,.contact .form textarea{background:#f7f7f7;border:none;margin-bottom:30px;padding:10px;width:100%}.contact .form textarea{height:140px;max-height:140px;max-width:100%}.contact .form input.button{background:#111;color:#eee;transition:all .5s}.contact .form input.button:hover{background:#333}footer{background:#111;bottom:0;left:0;padding:80px 0;position:fixed;right:0;text-align:center;z-index:1}footer .social-icon span{border-radius:50%;color:#eee;cursor:pointer;height:40px;line-height:40px;margin:10px 2px 0;transition:all .5s;width:40px}footer .social-icon span:hover{background:#eee;color:#111}footer p{color:#aaa}#particles-js{height:100%;width:100%}.cd-headline.rotate-1 .cd-words-wrapper{-webkit-perspective:300px;-moz-perspective:300px;perspective:300px}.cd-headline.rotate-1 b{opacity:0;-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg);-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}.cd-headline.rotate-1 b.is-visible{-webkit-animation:cd-rotate-1-in 1.2s;-moz-animation:cd-rotate-1-in 1.2s;animation:cd-rotate-1-in 1.2s;opacity:1;-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0deg)}.cd-headline.rotate-1 b.is-hidden{-webkit-animation:cd-rotate-1-out 1.2s;-moz-animation:cd-rotate-1-out 1.2s;animation:cd-rotate-1-out 1.2s;-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg)}@-webkit-keyframes cd-rotate-1-in{0%{opacity:0;-webkit-transform:rotateX(180deg)}35%{opacity:0;-webkit-transform:rotateX(120deg)}65%{opacity:0}to{opacity:1;-webkit-transform:rotateX(1turn)}}@-moz-keyframes cd-rotate-1-in{0%{opacity:0;-moz-transform:rotateX(180deg)}35%{opacity:0;-moz-transform:rotateX(120deg)}65%{opacity:0}to{opacity:1;-moz-transform:rotateX(1turn)}}@keyframes cd-rotate-1-in{0%{opacity:0;-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg)}35%{opacity:0;-webkit-transform:rotateX(120deg);-moz-transform:rotateX(120deg);-ms-transform:rotateX(120deg);-o-transform:rotateX(120deg);transform:rotateX(120deg)}65%{opacity:0}to{opacity:1;-webkit-transform:rotateX(1turn);-moz-transform:rotateX(1turn);-ms-transform:rotateX(1turn);-o-transform:rotateX(1turn);transform:rotateX(1turn)}}@-webkit-keyframes cd-rotate-1-out{0%{opacity:1;-webkit-transform:rotateX(0deg)}35%{opacity:1;-webkit-transform:rotateX(-40deg)}65%{opacity:0}to{opacity:0;-webkit-transform:rotateX(180deg)}}@-moz-keyframes cd-rotate-1-out{0%{opacity:1;-moz-transform:rotateX(0deg)}35%{opacity:1;-moz-transform:rotateX(-40deg)}65%{opacity:0}to{opacity:0;-moz-transform:rotateX(180deg)}}@keyframes cd-rotate-1-out{0%{opacity:1;-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0deg)}35%{opacity:1;-webkit-transform:rotateX(-40deg);-moz-transform:rotateX(-40deg);-ms-transform:rotateX(-40deg);-o-transform:rotateX(-40deg);transform:rotateX(-40deg)}65%{opacity:0}to{opacity:0;-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg)}}.demo-4{height:100vh;overflow:hidden;position:relative;z-index:1}.demo-4-overlay{background:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%}.posts{background:rgba(0,0,0,.8);background-attachment:fixed;background-blend-mode:overlay;background-image:url(../img/bg-2.png);background-size:cover;height:70vh;overflow:hidden;position:relative;width:100%}.comments,.post-comment,.s-post{border-right:1px solid #eee;margin:80px auto;overflow:hidden;padding-right:40px}.s-post .img-post{overflow:hidden;position:relative}.s-post .img-post:hover .social-icon{bottom:0;opacity:1}.s-post .img-post .social-icon{bottom:-50px;left:0;opacity:0;position:absolute;transition:all .5s;width:100%}.s-post .img-post .social-icon span{background:#fff;cursor:pointer;height:40px;line-height:40px;margin:0 -2px;width:50px}.s-post .content-post{padding:50px 0}.s-post .content-post h5{font-weight:700;margin:0}.s-post .content-post .date{border-bottom:1px solid #eee;color:#888;display:block;font-size:12px;margin:20px auto;padding-bottom:20px}.s-post .content-post .date span{margin:0 5px}.s-post .content-post .special{background:#f7f7f7;margin-left:40px;padding:20px}.s-post .content-post .special p{border-left:4px solid #eee;padding-left:20px}.comments .com-post img{float:left;width:80px}.comments .com-post .content{margin-left:100px}.comments .com-post .content h6{border-bottom:1px solid #eee;display:inline-block;font-size:16px;padding-bottom:10px}.comments .com-post .content h6 span{color:#ccc}.comments .tit,.post-comment .tit{font-size:30px}.comments .tit:after,.post-comment .tit:after{left:0}.post-comment .form input,.post-comment .form textarea{border:none;border-bottom:1px solid #ccc;margin-bottom:30px;padding:10px;width:100%}.post-comment .form textarea{height:100px;max-height:100px;max-width:100%}.post-comment .form input.button{background:#222;border:0;color:#eee;padding:7px 25px;transition:all .5s}.post-comment .form input.button:hover{background:#eee;color:#222}.side-bar{margin-top:40px}.side-bar .search{position:relative}.side-bar .search input{border:1px solid #eee;padding:7px 50px 7px 7px;width:100%}.side-bar .search span{background:#eee;bottom:1px;padding-top:7px;position:absolute;right:1px;text-align:center;top:1px;width:50px}.side-bar .side-title{position:relative}.side-bar .side-title h6{border-bottom:2px solid #eee;font-family:Righteous,cursive;padding:20px 0;position:relative;text-transform:uppercase}.side-bar .social-icon span{background:#f7f7f7;height:40px;line-height:40px;margin-bottom:5px;transition:all .5s;width:40px}.side-bar .social-icon span:hover{background:#111;color:#f7f7f7}.side-bar .categories .catg span{float:right}.side-bar .tags .tag span{background:#f7f7f7;margin-bottom:5px;padding:10px 20px}