@import"https://fonts.googleapis.com/css?family=Barlow+Condensed:400,600,700";@import"https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900";@import"https://fonts.googleapis.com/css?family=Share+Tech+Mono";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap";*{box-sizing:border-box}.clear{clear:both}:root{color-scheme:dark}body{margin:0px;padding:0px;text-align:center;font-family:"Barlow Condensed","Arial";font-size:0px;position:relative;background:#06c4dd;background:-moz-radial-gradient(center, ellipse cover, #06c4dd 1%, #227984 24%, #00092b 98%);background:-webkit-radial-gradient(center, ellipse cover, #06c4dd 1%, #227984 24%, #00092b 98%);background:radial-gradient(ellipse at center, #06c4dd 1%, #227984 24%, #00092b 98%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#06c4dd", endColorstr="#00092b",GradientType=1 );background-attachment:fixed}h1,h2,h3,h4,h5,h6{padding:0px;margin:0px}img{border:none}ul{padding:0px;margin:0px}::-webkit-scrollbar{width:0px}::-moz-scrollbar{width:0px}::scrollbar{width:0px}input,button{outline-width:0}.row{max-width:1200px;margin:0 auto;width:100%}.fl{float:left}.fr{float:right}.inl{display:inline-block;vertical-align:middle}a{text-decoration:none;outline:0}.ninja{display:none;transition:1s}.hokage{opacity:0}.loadbox{position:fixed;width:100%;min-height:100vh;height:100%;background:#000;z-index:-1;opacity:0;top:0px;left:0px;transition:.3s}.loadbox img{margin:20% auto 0}.loadbox.scrolling{position:fixed;width:100%;min-height:100vh;height:100%;z-index:4;opacity:.8}.marker{color:#fff;font-family:"Share Tech Mono";font-size:300px;position:absolute;z-index:-2;text-align:center;max-width:1200px;width:100%;opacity:0;transition:.5s;text-shadow:0px 0px 20px #000}.marker.scrolling{z-index:6;opacity:.7;margin:5% auto 0}.android{color:#94c601}.backtotop{color:#fff;font-size:30px;font-weight:600;padding:5px 20px 10px;display:inline-block;transition:.5s;background:orange;border-radius:10px;position:fixed;right:10px;bottom:50px}.backtotop:hover{color:orange;background:#000;box-shadow:0px 0px 10px orange}.sx{display:inline-block;vertical-align:top;text-align:center;width:240px;margin:10px}.sl strong,.sx strong{color:orange;font-size:20px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}#tagcloud{padding:0 0 0 100px}#tagcloud:hover{cursor:default}#tagcloud #holder a{color:#fff;text-shadow:0px 0px 5px #000;padding:10px}#tagcloud #holder a:hover{text-shadow:0px 0px 5px #fff}#tagcloud h1{text-align:center}.scrollable{padding-right:20px;box-sizing:content-box;overflow-y:scroll;height:73vh;width:100%}.abt-img img{display:inline-block;vertical-align:middle;transition:.5s;transform:scale(0.9);margin:5px}.abt-img .inf:hover img{transform:scale(1)}.trbot img{height:50px;margin:5px 5px;padding:10px;background:hsla(0,0%,100%,.6);border-radius:10px}#myVideo{position:fixed;left:0;bottom:0;min-width:100%;min-height:100%}.trans,#myVideo2{position:absolute;left:0;bottom:0;min-width:100%;min-height:100%}.fade-ani{opacity:0;position:relative;transition:1s}.fade-up{bottom:-200px}.fade-down{top:-200px}.fade-left{left:-200px}.fade-right{right:-200px}.fade-in.showing{opacity:1}.fade-up.showing{bottom:0px;opacity:1}.fade-down.showing{top:0px;opacity:1}.fade-left.showing{left:0px;opacity:1}.fade-right.showing{right:0px;opacity:1}#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}#loader{display:block;position:relative;left:50%;top:50%;width:130px;height:130px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid rgba(0,0,0,0);border-top-color:orange;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index:1001}#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid rgba(0,0,0,0);border-top-color:orange;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid rgba(0,0,0,0);border-top-color:orange;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}#loader-wrapper .loader-section{position:fixed;top:0;width:51%;height:100%;background:#222;z-index:1000;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}#loader-wrapper .loader-section.section-left{left:0}#loader-wrapper .loader-section.section-right{right:0}.loaded #loader-wrapper{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all .3s 1s ease-out;transition:all .3s 1s ease-out}.loaded #loader-wrapper .loader-section.section-left{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all .7s .3s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all .7s .3s cubic-bezier(0.645, 0.045, 0.355, 1)}.loaded #loader-wrapper .loader-section.section-right{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .7s .3s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all .7s .3s cubic-bezier(0.645, 0.045, 0.355, 1)}.loaded #loader{opacity:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.no-js #loader-wrapper{display:none}@keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-o-transform:translate(0, 100px);transform:translate(0, 100px)}.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-35px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:rgba(0,0,0,0)}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:before,.modal-video-close-btn:after{content:"";position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}.modal,.modal2,.modal3,.modal4,.modal5,.modal6{display:none;position:fixed;z-index:11;padding-top:10vh;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.7);font-size:16px;transition:.5s}.modal-content{position:relative;margin:auto;padding:0;max-width:700px;width:100%;-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s;transition:.5s;box-shadow:0px 0px 20px #000}@-webkit-keyframes animatetop{from{transform:scale(0.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes animatetop{from{transform:scale(0.2);opacity:0}to{transform:scale(1);opacity:1}}.close,.close2,.close3,.close4,.close5,.close6{font-family:"Barlow Condensed";font-size:48px;color:#222;display:inline-block;transition:.5s;font-weight:700;position:absolute;right:0px;bottom:0px;padding:5px 10px}.close:hover,.close2:hover,.close3:hover,.close4:hover,.close5:hover,.close6:hover{color:red;cursor:pointer;text-shadow:0px 0px 5px rgba(0,0,0,.6);transform:scale(1.5)}.modal-body{padding:0px;background:#f5f5f5;position:relative;font-size:16px}.modal-det{padding:10px;background:#fefefe;color:#000;position:relative}.modal-det .view{font-family:"Barlow Condensed";font-size:16px;color:#fff;display:inline-block;padding:10px 20px;transition:.5s;background:orange}.modal-det .view:hover{color:orange;background:#000;cursor:pointer}.modal-det h3{color:#000;font-family:"Raleway";font-size:30px;font-weight:700;text-align:left}.modal-det p{color:#000;text-shadow:none;font-size:16px}.modal-det hr{border:none;border-bottom:#ccc 2px solid}.mymap{filter:grayscale(100%) invert(100%);margin:0 0 20px;border-radius:8px;opacity:.7}header{position:fixed;width:100%;display:block;z-index:10}header div.logo a{transition:.5s}header div.logo a:hover{text-shadow:0px 0px 20px #fff}header div.logo h1{color:#fff;font-size:70px;font-weight:500;line-height:66px}header div.logo h1 span{color:orange;font-weight:600}header div.logo .caption{color:#fff;text-align:right;font-size:14px;letter-spacing:5px}header nav ul{padding:0px;margin:0px}header nav ul li{display:inline-block;position:relative}header nav ul li a{display:block;color:#fff;line-height:90px;transition:.5s;padding:0 20px;font-size:30px;position:relative;overflow:hidden}header nav ul li a:hover{font-weight:400;color:orange}header nav ul li a:hover span{transform:scale(1);opacity:1;font-weight:400;text-shadow:0px 0px 5px #000}header nav ul li a span{position:absolute;color:#fff;top:0px;left:0px;transition:.5s;transform:scale(3);opacity:0;font-size:18px;width:100%;text-align:center}header nav ul li.active a{font-weight:400;color:orange}header nav ul li.active a span{transform:scale(1);opacity:1;font-weight:400;text-shadow:0px 0px 5px #000}header span.logo{display:none}header span.logo h1{color:#fff;font-size:30px;font-weight:500}header span.logo h1 span{color:orange;font-weight:600}#pager{position:fixed;z-index:5;top:40%;right:0px}#pager .items{position:relative}#pager .items .sitemap{color:#fff;font-weight:600;font-family:"Share Tech Mono";font-size:15px;text-shadow:0px 0px 5px #fff;padding:5px 10px;text-align:right;animation:blinking .5s linear infinite}@keyframes blinking{0%{opacity:.1}50%{opacity:1}100%{opacity:.1}}#pager .items ul{list-style:none;text-align:right}#pager .items ul li a{font-family:"Share Tech Mono";font-size:15px;font-weight:300;color:#fff;opacity:.2;transition:.5s;padding:5px 10px;display:inline-block;vertical-align:middle;border-left:1px solid rgba(0,0,0,0)}#pager .items ul li a:hover{text-shadow:0px 0px 10px #fff;opacity:1;border-left:5px solid #fff}#pager .items ul li span{display:inline-block;vertical-align:middle;height:1px;border-bottom:1px solid #fff;transition:.5s;width:0px}#pager .items ul li.active span{width:20px}#pager .items ul li.active a{opacity:1;color:#000;background:#fff}#pager .items ul li:hover span{width:20px}#content{position:relative}#content .pager{position:fixed;top:40%;right:0px;font-size:16px;text-align:right;z-index:2}#content .pager ul li{list-style:none}#content .pager ul li a{color:#fff;text-shadow:0px 0px 5px rgba(0,0,0,.5);display:block;width:20px;height:20px;border-radius:50%;margin:10px;transition:.5s}#content .hover{background:orange;box-shadow:0px 0px 10px rgba(0,0,0,.5)}main{position:relative}main .row{padding:100px 0 40px}main h1{font-size:40px;color:#fff;margin:10px 0;text-shadow:0px 0px 5px rgba(0,0,0,.5);transition:.5s;font-family:"Share Tech Mono"}main h1 span{color:orange}main img.rnd{border-radius:50%;max-width:100px}main .box{width:300px;height:300px;transition:background 5s;margin:1px;overflow:hidden;position:relative;background:hsla(0,0%,100%,.1)}main .box:hover{background:url("../images/bg.jpg") no-repeat bottom left,#142937;box-shadow:0px 0px 15px rgba(0,0,0,.8)}main .box:hover img{opacity:.6;transform:scale(1)}main .box:hover h3{opacity:1;margin:70px 0 0;transform:scale(1)}main .box:hover h4{opacity:0;display:none}main .box:hover .linkout{z-index:2;bottom:20px;opacity:1}main .box img{position:absolute;left:0px;top:0px;transition:.5s;transform:scale(1.5);opacity:0;max-width:300px;width:100%}main .box h3{position:relative;z-index:2;color:#fff;font-size:23px;opacity:0;transition:1.5s;transform:scale(3);text-shadow:0px 0px 5px rgba(0,0,0,.6);font-family:"Share Tech Mono","Arial"}main .box h3 span{color:orange}main .box h4{color:#fff;opacity:1;font-size:40px;transition:.5s;font-weight:400;text-shadow:0px 0px 5px rgba(0,0,0,.6);font-family:"Share Tech Mono"}main .box h4 span{color:orange}main .box .linkout{position:absolute;bottom:-60px;transition:1s;opacity:0;width:100%}main .box .lmore{font-size:20px;color:orange;padding:10px 20px;display:inline-block;background:rgba(0,0,0,.3);border:none;font-family:"Barlow Condensed";border:1px solid orange;transition:.5s}main .box .lmore:hover{transition:all .5s;color:#fff;background:orange;box-shadow:0px 0px 5px #000;cursor:pointer}main p{color:#fff;font-size:16px;text-shadow:0px 0px 5px rgba(0,0,0,.6);text-align:justify}main .pic.fl{margin:0 20px 0 0}div#homecover{background:rgba(0,0,0,.3)}.container{transition:all ease-out .5s 0s;width:100%;overflow:hidden;scroll-snap-type:mandatory;min-height:100vh;height:100%;display:flex;align-content:center;flex-wrap:wrap}.container p{font-family:"Barlow Condensed"}.container#about{background:rgba(0,0,0,.3)}.container#about .row{padding:20px 0px}.container#about br{font-size:16px}.container#about p{font-size:17px}.container#about p span,.container#about p strong{color:orange}.container#about p a{color:orange;transition:.5s}.container#about p a:hover{color:#fff}.container#about .botcont{max-width:965px;width:100%}.container#top{background:rgba(0,0,0,.3);display:flex;align-content:center;flex-wrap:wrap}.container#top p{text-align:center;margin:0px}.container#top .row{padding:20px 0px}.container#home{position:relative;z-index:11;background:rgba(0,0,0,.3);display:flex;align-content:center;flex-wrap:wrap}.container#home .row{padding:20px 0px}.container#home .btn{font-size:20px;color:#fff;margin:10px;transition:.5s;padding:10px 20px;display:inline-block;font-weight:400;opacity:1;border:1px solid #fff;font-family:"Raleway"}.container#home .btn span{transform:rotate(-90deg);display:inline-block;vertical-align:top;transition:.5s}.container#home .btn:hover{background:#000;border:1px solid orange;background:orange}.container#home .btn:hover span{transform:rotate(0deg)}.container#home .cont{position:relative;z-index:2;margin:0;width:100%}.container#home .cont:hover .btn{opacity:1}.container#home .cont h2{color:#fff;font-size:40px;font-weight:400;transition:.5s;text-shadow:0 0 5px rgba(0,0,0,.5)}.container#home .cont h2 span.ntxt{opacity:1;transition:3s}.container#home .cont h2 span.myname{opacity:1;transition:.5s;color:orange;font-weight:600;animation:pulse 2s infinite}.container#home .cont h2 span.hide{font-size:0px;transition:.5s}.container#home .cont h2 span.willhide{transition:.5s}.container#home .cont:hover h2 span.willhide{font-size:0px;opacity:0}.container#home .cont:hover h2 span.hide{font-size:40px}.container#home .cont:hover h2 span.ntxt{opacity:1}.container#contact{background:rgba(0,0,0,.3);display:flex;align-content:center;flex-wrap:wrap}.container#contact .row{padding:20px 0px}.container#contact h2{color:#fff;font-size:30px;font-weight:400}.container#contact h2 span{color:orange;font-weight:600}.container#contact p{text-align:center}.container#contact p a{color:orange;transition:.5s}.container#contact p a:hover{color:#fff}.container#contact p strong{font-weight:400}.container#contact .sc{max-width:150px;line-height:50px;width:100%;display:inline-block;color:#fff;font-size:20px;transition:.8s;text-align:left;background-color:rgba(25,34,45,.9);margin:1px;border:1px solid orange}.container#contact .sc span{display:block;border-left:20px orange solid;transition:.5s;padding:0 0 0 10px;color:hsla(0,0%,100%,.5)}.container#contact .sc.gm{background-image:url("../images/sc-gm.png");background-repeat:no-repeat;background-position:-70px center}.container#contact .sc.gm:hover{background-color:#d44638}.container#contact .sc.pt{background-image:url("../images/sc-pt.png");background-repeat:no-repeat;background-position:-70px center}.container#contact .sc.pt:hover{background-color:#669}.container#contact .sc.fb{background-image:url("../images/sc-fb.png");background-repeat:no-repeat;background-position:-70px center}.container#contact .sc.fb:hover{background-color:#3c5a99}.container#contact .sc.sk{background-image:url("../images/sc-sk.png");background-repeat:no-repeat;background-position:-70px center}.container#contact .sc.sk:hover{background-color:#26ade3}.container#contact .sc.in{background-image:url("../images/sc-in.png");background-repeat:no-repeat;background-position:-70px center}.container#contact .sc.in:hover{background-color:#1060a6}.container#contact .sc.hg{background-image:url("../images/sc-hg.png");background-repeat:no-repeat;background-position:-70px center}.container#contact .sc.hg:hover{background-color:#10894e}.container#contact .sc.loc{background-image:url("../images/sc-loc.png");background-repeat:no-repeat;background-position:-70px center}.container#contact .sc.loc:hover{background-color:#ddd}.container#contact .sc:hover{background-position:center right;color:#fff;border:1px solid #fff;box-shadow:0px 0px 10px #fff}.container#contact .sc:hover span{border-left:#fff solid 0px;color:#fff}.container#contact form{margin:20px 0;max-width:400px;width:100%;vertical-align:top}.container#contact form input[type=text],.container#contact form textarea{font-family:"Barlow Condensed";font-size:20px;color:#fff;padding:5px;max-width:400px;width:100%;background:rgba(0,0,0,.5);border:1px solid orange;margin:5px 0;transition:.5s;border-radius:5px}.container#contact form input[type=text]:focus,.container#contact form textarea:focus{color:orange;background:#000;border:1px solid #fff}.container#contact form textarea{height:150px;resize:none}.container#contact form input[type=button],.container#contact form input[type=submit]{color:#fff;background:orange;font-family:"Barlow Condensed";font-size:20px;padding:10px 20px;border-radius:10px;border:none;margin:10px 0;transition:.5s}.container#contact form input[type=button]:hover,.container#contact form input[type=submit]:hover{color:orange;background:#222;box-shadow:0px 0px 10px orange;cursor:pointer}.container#contact .soc{max-width:200px;width:100%;vertical-align:top;margin:0px}.container#contact .soc a img{transition:.5s;margin:5px}.container#contact .soc a img:hover{transform:translateY(-5px)}.container#contact .sitemap{padding:10px;margin:20px 0;background:rgba(0,0,0,.2);display:inline-block;border-radius:5px}.container#contact .sitemap h4{font-size:25px;color:orange;font-weight:400}.container#contact .sitemap nav{margin:10px 0}.container#contact .sitemap nav ul li{display:inline-block;vertical-align:middle;font-size:16px}.container#contact .sitemap nav ul li a{color:#fff;transition:.5s;padding:50px 10px}.container#contact .sitemap nav ul li a:hover{color:orange}.container#contact img.inl.img{vertical-align:top}.container#contact .team{padding:0 20px}.container#contact .team dt img{border-radius:50%;max-width:200px;width:100%}.container#contact .hobs img{max-width:100%;display:inline-block;vertical-align:middle;margin:10px}.container#contact .teamtxt p{color:#fff;font-size:16px}.container#contact dl{margin:10px}.container#contact dl dt,.container#contact dl dd{padding:0px;margin:0px}.container#contact dl h3{font-size:20px;font-family:"Share Tech Mono";color:#fff;font-weight:400}.container#location{background:rgba(0,0,0,.3);display:flex;align-content:center;flex-wrap:wrap}.container#location .row{padding:20px 0px}.container#more{background:rgba(0,0,0,.3);display:flex;align-content:center;flex-wrap:wrap}.container#more .row{padding:20px 0px;overflow:hidden}.container#more h1{text-shadow:none;color:#fff;font-size:30px}.container#more h1 span{color:orange}.container#more h1 span.sml{font-size:16px;color:#fff;font-weight:400}.container#more p{color:#000;text-shadow:none;font-size:18px}.container#more .contx{width:50%;text-align:left;display:inline-block;vertical-align:top}.container#more .contx .in{width:50%;display:inline-block;vertical-align:middle;font-size:20px;padding:5px}.container#more .contx .in:nth-child(odd){text-align:right;color:#fff}.container#more .contx .in:nth-child(even){color:orange;text-shadow:0px 0px 5px rgba(0,0,0,.5)}.container#more .skills{max-width:400px;width:100%;text-align:left}.container#more .skills p{color:#fff;font-size:18px}.container#more .skills p a{color:orange;transition:.5s}.container#more .skills p a:hover{color:#fff}.container#more .skills p span{color:orange}.container#more .skills,.container#more #tagcloud{vertical-align:top}.container#more .skills2{max-width:800px;width:100%;text-align:left}.container#more .skills2 p{color:#fff;font-size:16px}.container#more .skills2 p a{color:orange;transition:.5s}.container#more .skills2 p a:hover{color:#fff}.container#more .skills2 p span{color:orange}.container#more #myCanvas{max-width:500px;width:100%;min-height:500px}.container#more img.exp{background:#1c3c58;padding:10px;max-width:100%}.container#works{background:rgba(0,0,0,.3);display:flex;align-content:center;flex-wrap:wrap}.container#works .row{padding:20px 0px}.container#works .tilebox{margin:20px auto;padding:10px;background:hsla(0,0%,100%,.2);display:inline-block;position:relative;max-width:1100px;transition:.5s}.container#works .sqr{width:25%;position:relative;overflow:hidden;display:inline-block;vertical-align:middle;transition:.5s}.container#works .sqr img{opacity:1;width:100%;transition:.5s}.container#works .sqr .desc{transition:.3s;opacity:0;position:absolute;top:-100px;left:0px;padding:10px;width:100%;z-index:1}.container#works .sqr .desc p{text-shadow:none;color:#fff;font-size:14px;margin:0px}.container#works .sqr .desc h3{color:#fff;font-size:20px;font-family:"Raleway";text-shadow:0px 0px 5px rgba(0,0,0,.6);text-align:center}.container#works .sqr .desc h3 span{color:orange;font-size:15px;font-family:"Barlow Condensed";font-weight:400;display:block;line-height:20px;text-shadow:none}.container#works .sqr:hover .desc{opacity:1;top:0px}.container#works .sqr:hover img{opacity:0;transform:scale(1.3)}.container#works .sqr:hover .vcon{bottom:0px;opacity:1}.container#works .sqr .vcon{position:absolute;width:100%;padding:0px 0 50px;text-align:center;z-index:2;transition:.3s;bottom:-100px;opacity:0}.container#works .sqr .vcon .view{font-family:"Barlow Condensed";font-size:16px;color:orange;display:inline-block;padding:10px 20px;border:1px solid orange;transition:.5s;background:rgba(0,0,0,.3)}.container#works .sqr .vcon .view:hover{color:#fff;background:orange;cursor:pointer}.container#works .btn{font-size:20px;color:#fff;transition:.5s;background:orange;display:inline-block;padding:10px 20px;border-radius:5px}.container#works .btn:hover{color:orange;background:#000}.container#works p.center{text-align:center}footer{position:fixed;bottom:0px;background:rgba(25,34,45,.9);display:block;width:100%;box-shadow:0px -5px 10px rgba(0,0,0,.6);z-index:9}footer .row{padding:10px 0}footer .cpy{color:#fff;font-size:14px}footer .cpy span{color:orange}footer .social a{padding:0 5px;display:inline-block;vertical-align:middle;color:#fff;transition:.5s}footer .social a:hover{color:orange}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}nav a#pull{display:none}@media(max-width: 1200px){header .row{padding:0 10px}footer .row{padding:20px 10px}.container#about .row{padding:15vh 5% 40px}.container#more .row{padding:25vh 5% 100px}main .row{padding:15vh 5% 40px}main .pic.fl{float:none}}@media(max-width: 1196px){.container#works .sqr{width:33.33%}}@media(max-width: 1038px){.container#works,.container#more{position:relative}.container#more .skills{max-width:inherit}#tagcloud{padding:0px}#pager{display:none}}@media(max-width: 1024px){.marker{font-size:200px}}@media(max-width: 768px){#loader{transform:scale(0.5)}.loadbox,.marker{display:none}.marker{font-size:100px}header div.logo{display:none}img{max-width:100%}main .row{position:relative !important}main .pic.fl{margin:0px;float:none}main .box{width:200px;height:200px}main .box img{max-width:200px}main .box .lmore{width:100%}main .box:hover .linkout{bottom:0px}main h1{font-size:20px}.container#home h2 span.ntxt{opacity:1}.container .cont h2{font-size:20px !important}.container .cont h2 span.hide{font-size:20px}.container .cont h2 span.ntxt{opacity:1}.container .cont:hover h2 span.hide{font-size:20px !important}.container .cont:hover h2 span.willhide{font-size:20px;opacity:1}.container .btn{opacity:1;font-size:14px !important}.container#about .botcont{max-width:inherit;float:none}.container#contact h2{font-size:20px}.container#more .row{padding:10vh 3% 40px}.container#more h2{font-size:15px}.container#more .contx .in{font-size:12px}.container#more .skills{max-width:inherit}.container#more .skills p{font-size:15px}.container#top .row{padding:50px 0 40px}.container#works .sqr{width:50%}nav ul{display:block;height:auto}nav a#pull{display:block;font-weight:bold;text-align:left;width:100%;position:relative;height:40px;line-height:40px;padding-left:3.5%}nav a#pull:after{content:"";background:url("../images/nav-icon.png") no-repeat;width:30px;height:40px;display:inline-block;position:absolute;right:15px;top:10px}nav li{display:inline-block;float:none;transition:.5s;text-align:left}header nav.fr{float:none;display:block}header nav ul li:hover,header nav ul li.active-menu{color:#fff}header nav ul li a{line-height:60px}header .row{padding:0px}header .logo{float:none;display:block}header .logo h1{line-height:40px;font-size:50px}header .logo .caption{text-align:center}.backtotop{right:10px;bottom:65px;font-size:20px}footer .row{padding:5px 10px}}@media(max-width: 667px){.container#contact .soc{max-width:inherit}}@media(max-width: 640px){.container#more .contx{width:100%}}@media(max-width: 560px){.container#works .tilebox{padding:0px}.container#works .sqr{width:50%}}@media(max-width: 490px){header span.logo h1{font-size:25px;line-height:inherit}header nav ul li a{line-height:30px;font-size:20px}header nav ul li a span{font-size:20px}}@media(max-width: 480px){footer .cpy{font-size:10px}.container{position:relative}.container#more{position:initial}.container#contact .row{padding:30px 2%}.container#works .row,.container#more .row,.container#about .row,.container main .row{padding:30px 0%}main #contact .sc{max-width:inherit}.marker{font-size:80px}}@media(max-width: 420px){header{background:rgba(0,0,0,.8)}header nav ul li a{padding:0 15px}header nav ul li a span{font-size:12px}}@media(max-width: 410px){main .box{width:49%;height:200px}main .box img{max-width:inherit}main .box h4{font-size:25px}main .box .lmore,main .box h3{font-size:15px}.container#top .row{padding:0px}}@media(max-width: 390px){.container#about p{font-size:14px}.sx{width:120px;margin:5px}header nav ul li a span{padding:0px}}@media(max-width: 350px){.container#more{position:relative}.container#works .sqr .vcon .view{padding:5px 10px;font-size:15px}header nav ul li a{padding:0 15px}}/*# sourceMappingURL=style.css.map */
