.logo,.menu{position:fixed;top:5%;z-index:100}.center-deg,.logo,.menu{z-index:100}#overlay_layer button:focus,.menu .menu-btn:focus{outline:0}.page-left,.page-right,.page-right-bg{background-size:100% 115%;background-repeat:no-repeat;background-position:center}@font-face{font-family:josefin;src:url(../fonts/JosefinSans-Regular.ttf)}@font-face{font-family:latha;src:url(../fonts/latha.ttf)}@-webkit-keyframes spin_1{0%{-webkit-clip-path:polygon(50% 50%,50% 100%,0 100%,0 0,100% 0,100% 100%,50% 100%)}100%{-webkit-clip-path:polygon(50% 50%,0 100%,0 100%,0 0,100% 0,100% 100%,50% 100%)}}@-webkit-keyframes spin_2{0%{-webkit-clip-path:polygon(50% 50%,0 100%,0 100%,0 0,100% 0,100% 100%,50% 100%)}100%{-webkit-clip-path:polygon(50% 50%,0 0,0 0,0 0,100% 0,100% 100%,50% 100%)}}@-webkit-keyframes spin_3{0%{-webkit-clip-path:polygon(50% 50%,0 0,0 0,0 0,100% 0,100% 100%,50% 100%)}100%{-webkit-clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 0,100% 100%,50% 100%)}}@-webkit-keyframes spin_4{0%{-webkit-clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 0,100% 100%,50% 100%)}100%{-webkit-clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%)}}@-webkit-keyframes spin_5{0%{-webkit-clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%)}100%{-webkit-clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%)}}@keyframes spin_1{0%{clip-path:polygon(50% 50%,50% 100%,0 100%,0 0,100% 0,100% 100%,50% 100%)}100%{clip-path:polygon(50% 50%,0 100%,0 100%,0 0,100% 0,100% 100%,50% 100%)}}@keyframes spin_2{0%{clip-path:polygon(50% 50%,0 100%,0 100%,0 0,100% 0,100% 100%,50% 100%)}100%{clip-path:polygon(50% 50%,0 0,0 0,0 0,100% 0,100% 100%,50% 100%)}}@keyframes spin_3{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,100% 0,100% 100%,50% 100%)}100%{clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 0,100% 100%,50% 100%)}}@keyframes spin_4{0%{clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 0,100% 100%,50% 100%)}100%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%)}}@keyframes spin_5{0%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%)}100%{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%)}}body{margin:0;overflow-y:hidden}body *{font-family:josefin}.logo{left:2%}.logo img{width:100px}.menu{right:5%;text-align:right}#space_bar p,.deg-num,.menu .menu-btn,.menu nav ul li{text-align:center}.menu .menu-btn{width:30px;height:30px;background-color:#231f20;border:none;border-radius:10px;padding:0;font-size:5px;cursor:pointer;position:relative}.menu .menu-btn div.closed{transform:scaleY(1);-webkit-transform:scaleY(1);transform-origin:center;-webkit-transform-origin:center;width:100%;transition:transform .3s .3s;-webkit-transition:transform .3s .3s}.menu .menu-btn span.closed{background-color:#fff;display:inline-block;vertical-align:middle;width:16px;height:2px}.menu .menu-btn div.open{transform:scaleY(0);-webkit-transform:scaleY(0);transform-origin:bottom;-webkit-transform-origin:bottom;width:100%;position:absolute;top:0;left:0;transition:transform .3s;-webkit-transition:transform .3s}.menu .menu-btn span.open{font-size:40px;line-height:16px;width:100%;display:block;height:100%;color:#fff}.menu .menu-btn.show div.closed{transform:scaleY(0);-webkit-transform:scaleY(0);transition:transform .3s;-webkit-transition:transform .3s}.menu .menu-btn.show div.open{transform:scaleY(1);-webkit-transform:scaleY(1);transition:transform .3s .3s;-webkit-transition:transform .3s .3s}.menu nav{background-color:#231f20;padding:5px 20px;margin-top:10px;border-radius:10px;transform-origin:right top;-webkit-transform-origin:right top;transform:scale(0);-webkit-transform:scale(0);transition:transform .3s;-webkit-transition:transform .3s}.menu .menu-btn.show+nav{transform:scale(1);-webkit-transform:scale(1);transition:transform .3s;-webkit-transition:transform .3s}.menu nav ul{margin:0;padding:0;list-style:none}.menu nav ul li{border-bottom:1px solid #666;box-sizing:border-box}.menu nav ul li a.current,.menu nav ul li:hover a{font-weight:600}.menu nav ul li:last-child{border-bottom:0 solid #666}.menu nav ul li a{color:#fff;font-size:12px;padding:5px 0;display:block;text-decoration:none}.center-deg{position:fixed;left:50%;top:50%;width:30vw;height:30vw;margin-top:-15vw;margin-left:-15vw}.center-deg svg{width:100%;height:100%}.center-deg circle.circle{stroke:#fff;fill:transparent;stroke-opacity:.5}.center-deg circle.center-big-dash{stroke-dasharray:.2% 5% .2% 5% .2% 5% .2% 5% .2% 8.845%;transform:rotate(23deg);-webkit-transform:rotate(23deg);transform-origin:50% 50%;-webkit-transform-origin:50% 50%;stroke-opacity:1}.center-deg circle.center-big-dash.reset{transform-origin:50% 49%;-webkit-transform-origin:50% 49%;stroke-opacity:1}.center-deg circle.center-big-timer{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform-origin:50% 50%;-webkit-transform-origin:50% 50%;stroke-dasharray:282.743339%;stroke-opacity:1}.center-deg circle.center-big-timer.reset{transform-origin:50% 49%;-webkit-transform-origin:50% 49%}.center-deg circle.center-small{transform-origin:50% 1550%;-webkit-transform-origin:50% 1550%;-moz-transform-origin:50% 50%;transition:r .2s;-webkit-transition:r .2s;cursor:pointer}.center-deg circle.center-small.reset{transform-origin:50% 1549%;-webkit-transform-origin:50% 1549%}.center-deg circle.center-small:hover{r:2%;transition:r .2s;-webkit-transition:r .2s}.center-deg circle.center-small:nth-of-type(2){transform:rotate(36deg);-webkit-transform:rotate(36deg)}.center-deg circle.center-small:nth-of-type(3){transform:rotate(72deg);-webkit-transform:rotate(72deg)}.center-deg circle.center-small:nth-of-type(4){transform:rotate(108deg);-webkit-transform:rotate(108deg)}.center-deg circle.center-small:nth-of-type(5){transform:rotate(144deg);-webkit-transform:rotate(144deg)}.center-deg circle.center-small:nth-of-type(6){transform:rotate(180deg);-webkit-transform:rotate(180deg);pointer-events:none}.center-deg circle.center-small:nth-of-type(11){transform:rotate(180deg);-webkit-transform:rotate(180deg);stroke-opacity:0}.center-deg circle.center-small:nth-of-type(10){transform:rotate(216deg);-webkit-transform:rotate(216deg)}.center-deg circle.center-small:nth-of-type(9){transform:rotate(252deg);-webkit-transform:rotate(252deg)}.center-deg circle.center-small:nth-of-type(8){transform:rotate(288deg);-webkit-transform:rotate(288deg)}.center-deg circle.center-small:nth-of-type(7){transform:rotate(324deg);-webkit-transform:rotate(324deg)}.center-deg circle.center-small.fill-in{fill:#fff;stroke-opacity:1;transition:fill .5s;-webkit-transition:fill .5s}.deg-num{position:absolute;top:25%;left:0;width:100%;height:15vw;overflow:hidden;z-index:-1}.deg-num ul{list-style:none;display:inline-block;padding:0;margin:0 -5px;position:relative;top:0}.deg-num ul.hundred{transition:top 1.5s 0s cubic-bezier(.7,0,.3,1)}.deg-num ul.ten{transition:top 1.5s .2s cubic-bezier(.7,0,.3,1)}.deg-num ul.unit{transition:top 1.5s .4s cubic-bezier(.7,0,.3,1)}.deg-num ul li{font-size:0;margin:0;display:block}.deg-num ul li span{font-family:latha;color:#fff;font-size:15vw;line-height:15vw;height:15vw;display:block}.deg-num+p{font-family:latha;color:#fff;font-size:4vw;line-height:5vw;position:absolute;top:25%;margin:0;right:13%}#overlay_layer{opacity:0;position:fixed;z-index:-110;width:100%;height:100%;background-color:rgba(0,0,0,.5);transition:opacity .3s .2s,z-index 0s .3s;-webkit-transition:opacity .3s .2s,z-index 0s .3s}#overlay_layer .notification{background-color:#fff;position:absolute;width:50%;left:25%;top:-5%;text-align:center;padding:20px 0;border-radius:3px;transition:top .3s 0s ease-out;-webkit-transition:top .3s 0s ease-out}#overlay_layer.open{opacity:1;z-index:110;transition:opacity .3s,z-index 0s;-webkit-transition:opacity .3s,z-index 0s}#overlay_layer.open .notification{top:5%;transition:top .3s 0s ease-out;-webkit-transition:top .3s 0s ease-out}#overlay_layer p{font-size:20px;color:#5a4a42}#overlay_layer figure img{width:50px}#space_bar,#space_bar.open{left:35%;width:30%;position:absolute}#overlay_layer button{background-color:#5a4a42;color:#fff;border:1px solid #5a4a42;border-radius:2px;padding:8px 22px;font-size:16px;cursor:pointer;transition:background-color .3s,color .3s;-webkit-transition:background-color .3s,color .3s}#overlay_layer button:hover{color:#5a4a42;background-color:#fff;transition:background-color .3s,color .3s;-webkit-transition:background-color .3s,color .3s}#space_bar{z-index:-100;background-color:#fff;opacity:0;top:0;transition:z-index 0s .3s,opacity .3s,top .3s}#space_bar.open{z-index:120;background-color:#fff;opacity:1;top:5%;transition:z-index 0s,opacity .3s,top .3s}#space_bar p{color:#5a4a42;margin:10px}#space_bar span{display:inline-block;border:1px solid #5a4a42;padding:5px 22px;margin:0 10px;font-weight:700}.pages-wrapper{overflow-y:scroll;position:absolute;width:100%;height:100%}.page-fixed{position:static;z-index:1;height:50vw;pointer-events:none}.page-fixed.up-index{position:fixed;width:100%;height:100%;z-index:2;top:0;left:0}.page-fixed.page-spin{position:fixed;width:100%;height:100%;top:0;left:0;animation:spin_1 .5s cubic-bezier(.9,0,1,1),spin_2 .1s .5s cubic-bezier(0,0,1,1),spin_3 .1s .6s cubic-bezier(0,0,1,1),spin_4 .1s .7s cubic-bezier(0,0,1,1),spin_5 .7s .8s cubic-bezier(0,0,0,.9);-webkit-animation:spin_1 .5s cubic-bezier(.9,0,1,1),spin_2 .1s .5s cubic-bezier(0,0,1,1),spin_3 .1s .6s cubic-bezier(0,0,1,1),spin_4 .1s .7s cubic-bezier(0,0,1,1),spin_5 .7s .8s cubic-bezier(0,0,0,.9);z-index:3}.page-left,.page-right{width:50%;height:100%;position:relative;float:left;overflow:hidden}.page-right .page-right-bg{transition:transform 0s 1.5s;-webkit-transition:transform 0s 1.5s}.page-reverse .page-left,.page-reverse .page-right{float:right}.page-fixed.up-size:not(.page-team) .page-right .page-right-bg{transform:scale(1.1);-webkit-transform:scale(1.1);transition:transform 8s linear;-webkit-transition:transform 8s linear}.page-text{position:absolute;bottom:10%;left:15%;width:60%;opacity:0;transition:opacity .5s;-webkit-transition:opacity .5s}.up-index .page-text{opacity:1;transition:opacity .3s .8s;-webkit-transition:opacity .3s .8s}.page-reverse .page-text{right:15%;left:auto;text-align:right}.page-text h2,.page-text p{color:#fff;font-size:14px}.page-text a{pointer-events:auto;color:#fff;text-decoration:none}.page-about .page-left{background-color:#5a4a42}.page-right-bg{width:100%;height:100%}.page-about .page-right .page-right-bg{background-image:url(../images/home-right.png);background-color:#c1b49a}.page-team .page-left{background-image:url(../images/team-left.jpg)}.page-team .page-left::before{background-color:#2c3944;content:' ';width:100%;height:100%;position:absolute;top:0;left:0;opacity:.7}.page-team .page-right .page-right-bg{background-image:url(../images/team-right.jpg)}.page-services .page-left{background-color:#f6921e}.page-services .page-right .page-right-bg{background-image:url(../images/service-right.jpg)}.page-products .page-left{background-color:#01598a}.page-products .page-right .page-right-bg{background-image:url(../images/product-right.jpg)}.page-news .page-left{background-color:#00a79d}.page-news .page-right .page-right-bg{background-image:url(../images/news-right.png);background-color:#99d2b1}.page-contact .page-left{background-color:#232323}.page-contact .page-right .page-right-bg{background-image:url(../images/contact-right.jpg)}.page-reverse.page-team .page-left{background-image:url(../images/team-right.jpg)}.page-reverse.page-team .page-right .page-right-bg{background-image:url(../images/team-left.jpg)}.page-reverse.page-news .page-right,.page-reverse.page-products .page-right{transform:scaleX(-1);-webkit-transform:scaleX(-1)}.learn-more{width:40px;height:40px;position:relative}.learn-more svg{width:100%;height:100%}.learn-more svg circle{fill:transparent;stroke:#fff;stroke-width:1px;stroke-dasharray:306.305284%;stroke-dashoffset:306.305284%;transition:stroke-dashoffset .5s;-webkit-transition:stroke-dashoffset .5s}.learn-more img{position:absolute;top:14px;height:12px;left:-12px;opacity:0;transition:left .5s,opacity .5s;-webkit-transition:left .5s,opacity .5s}.page-reverse .learn-more{margin-left:auto}.up-index .learn-more img{left:12px;opacity:1;transition:left .8s 2s,opacity .8s 2s;-webkit-transition:left .8s 2s,opacity .8s 2s}.up-index .learn-more svg circle{stroke-dashoffset:0;transition:stroke-dashoffset 1s 1s;-webkit-transition:stroke-dashoffset 1s 1s}@media only screen and (max-width:991px){body>div:first-child{top:100px!important;}#overlay_layer,#space_bar,.center-deg,.page-fixed:last-child,.page-reverse,.page-text p{display:none}.page-fixed,.page-fixed.up-index{position:relative;height:50vw;z-index:1}.page-left{overflow:visible}.deg-num.page-deg{z-index:1;left:35%;width:30%;height:30%}.deg-num.page-deg ul{top:0!important}.page-text{opacity:1;width:100%;left:50%;z-index:2;bottom:auto;text-align:center;top:55%}.learn-more{margin:auto}.learn-more svg circle{stroke-dasharray:none;stroke-dashoffset:0}.learn-more img{left:12px;opacity:1}}@media only screen and (max-width:474px){.logo img{width:70px}.page-fixed,.page-fixed.up-index{height:55vw}.deg-num ul{margin:0 -2px}.page-text{top:40%}.deg-num.page-deg{top:20%}}