@charset "UTF-8";
#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}
#loader-wrapper .loader-section{position:fixed;top:0;width:51%;height:100%;background:#fff;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}
#loader-wrapper.loaded{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all 0.3s 1s ease-out;-o-transition:all 0.3s 1s ease-out;transition:all 0.3s 1s ease-out}
#loader-wrapper.loaded .loader-section.section-left{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all 0.7s 0.3s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all 0.7s 0.3s cubic-bezier(0.645,0.045,0.355,1);transition:all 0.7s 0.3s cubic-bezier(0.645,0.045,0.355,1)}
#loader-wrapper.loaded .loader-section.section-right{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all 0.7s 0.3s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all 0.7s 0.3s cubic-bezier(0.645,0.045,0.355,1);transition:all 0.7s 0.3s cubic-bezier(0.645,0.045,0.355,1)}
#loader-wrapper.loaded .object{opacity:0;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#loader{position:absolute;left:50%;top:50%;height:200px;width:200px;margin-top:-100px;margin-left:-100px}
.object{width:50px;height:50px;margin-right:auto;margin-left:auto;border:4px solid #000;left:73px;top:73px;position:absolute;z-index:9001}
#first_object{-webkit-animation:first_object_animate 1s infinite ease-in-out;animation:first_object_animate 1s infinite ease-in-out}
#second_object{-webkit-animation:second_object 1s forwards,second_object_animate 1s infinite ease-in-out;animation:second_object 1s forwards,second_object_animate 1s infinite ease-in-out}
#third_object{-webkit-animation:third_object 1s forwards,third_object_animate 1s infinite ease-in-out;animation:third_object 1s forwards,third_object_animate 1s infinite ease-in-out}
@-webkit-keyframes second_object{100%{width:100px;height:100px;left:48px;top:48px}}
@keyframes second_object{100%{width:100px;height:100px;left:48px;top:48px}}
@-webkit-keyframes third_object{100%{width:150px;height:150px;left:23px;top:23px}}
@keyframes third_object{100%{width:150px;height:150px;left:23px;top:23px}}
@-webkit-keyframes first_object_animate{0%{-webkit-transform:perspective(100px)}50%{-webkit-transform:perspective(100px) rotateY(-180deg)}100%{-webkit-transform:perspective(100px) rotateY(-180deg) rotateX(-180deg)}}
@keyframes first_object_animate{0%{transform:perspective(100px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(100px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(100px) rotateX(-180deg) rotateY(0deg);-webkit-transform:perspective(100px) rotateX(-180deg) rotateY(0deg)}100%{transform:perspective(100px) rotateX(-180deg) rotateY(-180deg);-webkit-transform:perspective(100px) rotateX(-180deg) rotateY(-180deg)}}
@-webkit-keyframes second_object_animate{0%{-webkit-transform:perspective(200px)}50%{-webkit-transform:perspective(200px) rotateY(180deg)}100%{-webkit-transform:perspective(200px) rotateY(180deg) rotateX(180deg)}}
@keyframes second_object_animate{0%{transform:perspective(200px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(200px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(200px) rotateX(180deg) rotateY(0deg);-webkit-transform:perspective(200px) rotateX(180deg) rotateY(0deg)}100%{transform:perspective(200px) rotateX(180deg) rotateY(180deg);-webkit-transform:perspective(200px) rotateX(180deg) rotateY(180deg)}}
@-webkit-keyframes third_object_animate{0%{-webkit-transform:perspective(300px)}50%{-webkit-transform:perspective(300px) rotateY(-180deg)}100%{-webkit-transform:perspective(300px) rotateY(-180deg) rotateX(-180deg)}}
@keyframes third_object_animate{0%{transform:perspective(300px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(300px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(300px) rotateX(-180deg) rotateY(0deg);-webkit-transform:perspective(300px) rotateX(-180deg) rotateY(0deg)}100%{transform:perspective(300px) rotateX(-180deg) rotateY(-180deg);-webkit-transform:perspective(300px) rotateX(-180deg) rotateY(-180deg)}}
.wrapper{height:100vh;overflow:hidden;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;z-index:1}
.wrapper-bg{background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;height:100%;left:0;top:0;right:0;content:"";position:absolute;z-index:0;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s}
.left-side-bg{background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;height:100%;left:0;top:0;right:0;content:"";position:absolute;z-index:0;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s}
.pattern{height:100vh;width:100vw;left:0;top:0;right:0;content:"";position:absolute;z-index:0}
.left-side{position:relative;height:100vh;float:left}
.right-side{position:relative;float:right;text-align:left}
.is-scroll{-webkit-transform:translateZ(-10px);transform:translateZ(-10px)}
.iScrollVerticalScrollbar{display:none !important}
.iScrollLoneScrollbar{display:none !important}
#particles-js{position:absolute;width:100vw;height:100vh;z-index:0}
.home{padding:0 5%}
.menu-btn{position:relative;line-height:40px;background:none;border:0;color:#fff;cursor:pointer;opacity:0.8;z-index:9;float:left;display:none;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}
.menu-btn svg{width:25px}
.menu-btn svg rect{fill:#777;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}
.menu-btn svg rect.first{-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
.menu-btn svg rect.inbetween{opacity:1}
.menu-btn svg rect.last{-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
.menu-btn:focus{outline:0}
.menu-btn:hover{opacity:1;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}
.menu-btn-open{opacity:1}
.menu-btn-open svg rect.first{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.menu-btn-open svg rect.last{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.menu-btn-open svg rect.inbetween{opacity:0}
.toggle-wrapp{overflow:visible;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;-webkit-transform:translateX(45vw);-ms-transform:translateX(45vw);transform:translateX(45vw)}
.toggle-nav{opacity:1;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;-webkit-transform:translateX(-45vw);-ms-transform:translateX(-45vw);transform:translateX(-45vw)}
nav{margin:20px 20px 0 2%;opacity:0;z-index:1;position:fixed;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s}
nav ul{list-style-type:none;margin:0;padding:0;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s}
nav ul li{display:inline-block}
nav ul li a{text-decoration:none;color:#444;text-transform:uppercase;margin:10px;padding:5px;font:13px "Open Sans",sans-serif;line-height:14px;font-weight:400;opacity:0.4;position:relative;display:inline-block;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s}
nav ul li a:hover{text-decoration:none;color:#444;text-transform:uppercase;margin:10px;padding:5px;font:13px "Open Sans",sans-serif;line-height:14px;font-weight:400;opacity:0.4;position:relative;display:inline-block;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;opacity:1;color:#444;background-color:transparent}
nav ul li a:hover:after{background:#444;height:1px;width:0;left:0;bottom:0;content:"";position:absolute;z-index:-1;-webkit-transition:0.3s ease 0s;-o-transition:0.3s ease 0s;transition:0.3s ease 0s;width:100%}
nav ul li a:after{background:#444;height:1px;width:0;left:0;bottom:0;content:"";position:absolute;z-index:-1;-webkit-transition:0.3s ease 0s;-o-transition:0.3s ease 0s;transition:0.3s ease 0s}
nav ul li a:focus{text-decoration:none;outline-offset:0;outline:none}
nav ul li.active a{opacity:1}
nav ul li.active a:after{background:#444;height:1px;width:100%;left:0;bottom:0;content:"";position:absolute;z-index:-1;-webkit-transition:0.3s ease 0s;-o-transition:0.3s ease 0s;transition:0.3s ease 0s}
nav ul li.active a:focus{opacity:1;color:#444}
nav ul.social-section li a:hover{color:#555;text-decoration:none;margin:10px;font-size:20px}
.counter-section{position:relative;opacity:0;margin:35vh auto;height:300px;width:450px}
.info-section-mobile{position:relative;opacity:0;max-width:500px;display:none;clear:both}
.text-section{position:relative;width:60%}
.text-section .bg-title{font:300px "Oswald",sans-serif;line-height:150px;text-transform:uppercase;color:rgba(119,119,119,0.2);position:absolute;z-index:-1;left:-10px;top:-50px;opacity:0}
.text-section .title{font:60px "Oswald",sans-serif;line-height:55px;text-transform:uppercase;color:#444;margin:0;padding:0;opacity:0}
.text-section .pre-title{font:60px "Oswald",sans-serif;line-height:55px;text-transform:uppercase;color:#444;margin:0;padding:0;opacity:0;font:20px "Oswald",sans-serif;line-height:25px;color:#777}
.text-section .sub-title{font:60px "Oswald",sans-serif;line-height:55px;text-transform:uppercase;color:#444;margin:0;padding:0;opacity:0}
.text-section p.desc{margin:20px 0;font:15px "Open Sans",sans-serif;font-weight:300;color:#777;opacity:0}
.soon{padding:0 5%}
.subscribe{margin:30px 0 40px;opacity:0;position:relative;width:80%}
.subscribe .message{position:absolute;bottom:-70%;font:10px "Open Sans",sans-serif;text-transform:uppercase;opacity:0.8;color:#a94442;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}
.subscribe form input{width:300px;border:none;background:transparent;outline:none;border-bottom:1px solid #555;padding:10px 20px 10px 0;color:#555;opacity:0.6;font:14px "Open Sans",sans-serif;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s;border-radius:0}
.subscribe form input:focus{opacity:1;outline:none}
.subscribe form input::-webkit-input-placeholder{color:#555;font:14px "Open Sans",sans-serif;font-weight:300;font-style:italic;text-transform:lowercase;color:#555}
.btn{padding:11px 20px 11px 0;background:transparent;border:none;outline:none;color:#555;font:15px "Open Sans",sans-serif;text-transform:uppercase;font-weight:400;opacity:0.6;position:relative;display:inline-block;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;pointer-events:all;cursor:pointer}
.btn:focus{padding:11px 20px 11px 0;background:transparent;border:none;outline:none;color:#555;font:15px "Open Sans",sans-serif;text-transform:uppercase;font-weight:400;opacity:0.6;position:relative;display:inline-block;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;pointer-events:all;cursor:pointer}
.btn:focus:after{background:#555;height:1px;width:100%;left:0;bottom:0;content:"";position:absolute;z-index:-1;-webkit-transition:0.3s ease 0s;-o-transition:0.3s ease 0s;transition:0.3s ease 0s}
.btn:active{padding:11px 20px 11px 0;background:transparent;border:none;outline:none;color:#555;font:15px "Open Sans",sans-serif;text-transform:uppercase;font-weight:400;opacity:0.6;position:relative;display:inline-block;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;pointer-events:all;cursor:pointer;outline:none !important}
.btn:active:before{background:#555;height:0;width:100%;left:0;top:0;content:"";position:absolute;z-index:-1;-webkit-transition:0.3s ease 0s;-o-transition:0.3s ease 0s;transition:0.3s ease 0s}
.btn:active:after{background:#555;height:1px;width:100%;right:0;top:0;content:"";position:absolute;z-index:-1;-webkit-transition:0.3s ease 0s;-o-transition:0.3s ease 0s;transition:0.3s ease 0s}
.btn:before{background:#555;height:0;width:100%;left:0;top:0;content:"";position:absolute;z-index:-1;-webkit-transition:0.3s ease 0s;-o-transition:0.3s ease 0s;transition:0.3s ease 0s}
.btn:after{background:#555;height:1px;width:100%;left:0;bottom:0;content:"";position:absolute;z-index:-1;-webkit-transition:0.3s ease 0s;-o-transition:0.3s ease 0s;transition:0.3s ease 0s}
.btn:hover{color:#fff;background-color:transparent;opacity:1;padding-left:10px}
.btn:hover:before{height:50%}
.btn:hover:after{height:50%}
a{text-decoration:none;color:#444;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s}
a:hover{color:#999}
ul.social-section{width:70%;padding:0;list-style-type:none;opacity:0}
ul.social-section li{opacity:0.9;display:inline-block;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s}
ul.social-section li a{color:#555;text-decoration:none;margin:10px;font-size:20px}
ul.social-section li:hover{opacity:1;-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}
#fullpage .fp-controlArrow{top:auto;bottom:20px}
.brand-logo{position:fixed;content:"";top:0;display:block;margin:35px;background-repeat:no-repeat;width:100px;height:20px;line-height:20px;opacity:0.6;z-index:2}
.brand-text{position:fixed;content:"";top:0;display:block;margin:35px;font:30px "Oswald",sans-serif;line-height:30px;text-transform:uppercase;color:#000;padding:0;z-index:2}
ul.social-bottom{position:fixed;bottom:0;right:0;display:block;margin:35px;z-index:2;padding:0;list-style-type:none}
ul.social-bottom li{opacity:0.9;display:inline-block;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s}
ul.social-bottom li a{color:#555;text-decoration:none;margin:10px;font-size:20px}
ul.social-bottom li:hover{opacity:1;-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}
.language{position:fixed;display:block;bottom:0;margin:35px;z-index:2}
.language .picker-lang{display:inline-block}
.language .picker-lang a{color:#000;padding:0;font:13px "Open Sans",sans-serif;line-height:14px;font-weight:400}
.language .picker-lang.active a{color:#6b6b6b}
.language .picker-lang:not(:last-child):after{content:"|";color:#000}
.mfp-title{font:16px "Oswald",sans-serif;color:#fff}
.info-section{position:absolute;right:15%;left:15%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;padding:20px 0;z-index:1}
.countdown{width:100%;opacity:0}
.time_circles>div>span{font-family:"Oswald",sans-serif}
.time_circles>div>h4{font-family:"Oswald",sans-serif}
.about{height:100vh;padding:0 5%}
.about:after{background:rgba(119,119,119,0.1);height:100vh;width:100vw;left:0;top:0;right:0;content:"";position:absolute;z-index:-2}
.contact-info{list-style-type:none;padding:0;margin:10px 0 40px;opacity:0}
.contact-info li{margin:10px 0;font:14px "Open Sans",sans-serif;font-weight:300;color:#555}
.contact-info li i{color:#555;font-size:16px;margin:0 15px 0 0}
.skills{height:100vh;padding:0 5%}
.skills:after{background:rgba(119,119,119,0.1);height:100vh;width:100vw;left:0;top:0;right:0;content:"";position:absolute;z-index:-2}
.skill-block{opacity:0}
.skill-block .skill-item{position:relative;display:block;margin:40px 0;width:90%;background:#f9f9f9;height:8px;border-radius:0 10px 0 10px;-webkit-transition:0.4s linear;-o-transition:0.4s linear;transition:0.4s linear}
.skill-block .skill-item h1{display:block;position:absolute;top:-30px;left:0;font:12px "Open Sans",sans-serif;font-weight:300;color:#555;text-transform:uppercase}
.skill-block .skill-item h2{display:block;position:absolute;top:-30px;left:0;font:12px "Open Sans",sans-serif;font-weight:300;color:#555;text-transform:uppercase}
.skill-block .skill-item .skill-bar{height:8px;width:0;background:#777;border-radius:0 10px 0 10px}
.skill-block .skill-item .skill-percent{position:absolute;right:0;top:-30px;font:11px "Open Sans",sans-serif;font-weight:300;color:#555;line-height:35px}
.counters-block{width:100%;opacity:0}
.counters-block .counter-item{text-align:left;display:inline-block;width:24.39024%}
.counters-block .counter-item span{font:28px "Oswald",sans-serif;font-weight:400;color:#555;padding:0;margin:0;display:block}
.counters-block .counter-item i{font-size:30px;padding:0;color:#777;margin:0 10px 0 0;display:block}
.counters-block .counter-item h2{font:13px "Open Sans",sans-serif;color:#777;text-transform:uppercase;margin:10px 0}
.services{height:100vh;padding:0 5%}
.services:after{background:rgba(119,119,119,0.1);height:100vh;width:100vw;left:0;top:0;right:0;content:"";position:absolute;z-index:-2}
.services .item{margin:50px 0 40px;padding:2px}
.services .item i{font-size:35px;color:#555}
.services .item h2{font:14px "Oswald",sans-serif;line-height:12px;text-transform:uppercase;color:#555;margin:15px 0 0;padding:0;font:14px "Oswald",sans-serif;line-height:12px;text-transform:uppercase;color:#555;margin:15px 0 0;padding:0}
.services .item p{margin:10px 0 0;font:14px "Open Sans",sans-serif;font-weight:300;color:#777}
.services .item ul{font-size:13px;font-family:"Open Sans",sans-serif;margin:10px 0 0;padding-left:0;list-style:none;color:#777;line-height:1.5}
.services .item ul li:before{content:"";font-family:Ionicons;padding-right:4px;font-size:12px;color:#555;position:relative;top:0;vertical-align:middle;font-weight:100}
.owl-carousel{display:inline-block;opacity:0}
.owl-carousel .owl-dot{display:inline-block;opacity:0}
.owl-carousel .owl-nav .owl-next{display:inline-block;opacity:0}
.owl-nav{width:60px;float:left;color:#777}
.owl-nav .owl-prev{display:inline-block;opacity:0;float:left;font-size:24px;line-height:22px;position:relative;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}
.owl-nav .owl-prev:hover{margin-left:-4px;color:#777;background-color:transparent}
.owl-nav .owl-next{float:right;font-size:24px;line-height:22px;position:relative;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}
.owl-nav .owl-next:hover{margin-right:-4px;color:#777;background-color:transparent}
.owl-carousel-cont{display:inline-block;opacity:0}
.owl-carousel-cont .owl-nav .owl-prev{display:inline-block;opacity:0}
.owl-carousel-cont .owl-nav .owl-next{display:inline-block;opacity:0}
.experience{height:100vh;padding:0 5%}
.experience:after{background:rgba(119,119,119,0.1);height:100vh;width:100vw;left:0;top:0;right:0;content:"";position:absolute;z-index:-2}
.experience .item{margin:50px 0 40px;padding:2px}
.experience .item i{font-size:35px;color:#555}
.experience .item h1{font:14px "Oswald",sans-serif;line-height:12px;text-transform:uppercase;color:#555;margin:15px 0 0;padding:0}
.experience .item h2{font:14px "Oswald",sans-serif;line-height:12px;text-transform:uppercase;color:#555;margin:15px 0 0;padding:0}
.experience .item h4{font:12px "Oswald",sans-serif;line-height:12px;text-transform:uppercase;color:#777;margin:15px 0 0;padding:0}
.experience .item p{margin:5px 0 0;font:14px "Open Sans",sans-serif;font-weight:300;color:#777}
.owl-carousel{display:inline-block;opacity:0}
.owl-carousel .owl-dot{display:inline-block;opacity:0}
.owl-carousel .owl-nav .owl-next{display:inline-block;opacity:0}
.owl-nav{width:60px;float:left;color:#777}
.owl-nav .owl-prev{display:inline-block;opacity:0;float:left;font-size:24px;line-height:22px;position:relative;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}
.owl-nav .owl-prev:hover{margin-left:-4px;color:#777;background-color:transparent}
.owl-nav .owl-next{float:right;font-size:24px;line-height:22px;position:relative;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}
.owl-nav .owl-next:hover{margin-right:-4px;color:#777;background-color:transparent}
.owl-carousel-cont{display:inline-block;opacity:0}
.owl-carousel-cont .owl-nav .owl-prev{display:inline-block;opacity:0}
.owl-carousel-cont .owl-nav .owl-next{display:inline-block;opacity:0}
.portfolio{height:100vh;padding:0 5%}
.portfolio:after{background:rgba(119,119,119,0.1);height:100vh;width:100vw;left:0;top:0;right:0;content:"";position:absolute;z-index:-2}
.portfolio .item{margin:50px 0 40px;padding:0;position:relative;overflow:hidden;text-align:center}
.portfolio .item i{color:#fff}
.portfolio .item .overly-top{background:rgba(0,0,0,0.4);height:100%;left:-100%;position:absolute;top:0;width:100%;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;-webkit-clip-path:polygon(18% 0,100% 0,100% 75%,82% 100%,0 100%,0% 25%);clip-path:polygon(18% 0,100% 0,100% 75%,82% 100%,0 100%,0% 25%)}
.portfolio .item .overly-bottom{background:rgba(0,0,0,0.4);height:100%;right:-100%;position:absolute;top:0;width:100%;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;-webkit-clip-path:polygon(18% 0,100% 0,100% 75%,82% 100%,0 100%,0% 25%);clip-path:polygon(18% 0,100% 0,100% 75%,82% 100%,0 100%,0% 25%)}
.portfolio .item .project-title{opacity:0;position:absolute;color:#fff;text-align:center;font:14px "Oswald",sans-serif;text-transform:uppercase;top:5%;left:25%;right:25%;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;z-index:1}
.portfolio .item .project-thumb{-webkit-clip-path:polygon(18% 0,100% 0,100% 75%,82% 100%,0 100%,0% 25%);clip-path:polygon(18% 0,100% 0,100% 75%,82% 100%,0 100%,0% 25%)}
.portfolio .item .project-img{opacity:0;position:absolute;top:0;right:5%;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;z-index:1}
.portfolio .item .project-img i{font-size:30px}
.portfolio .item .project-url{opacity:0;position:absolute;bottom:0;left:5%;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;z-index:1}
.portfolio .item .project-url i{font-size:30px}
.portfolio .item:hover .project-title{opacity:1;top:45%}
.portfolio .item:hover .project-img{opacity:1;top:5%;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}
.portfolio .item:hover .project-url{opacity:1;bottom:5%;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}
.portfolio .item:hover .overly-top{left:0}
.portfolio .item:hover .overly-bottom{right:0}
.portfolio .item:before{background:rgba(140,140,140,0.2);height:100%;left:0;top:0;right:0;content:"";position:absolute;z-index:1;-webkit-clip-path:polygon(18% 0,100% 0,100% 75%,82% 100%,0 100%,0% 25%);clip-path:polygon(18% 0,100% 0,100% 75%,82% 100%,0 100%,0% 25%)}
.contact{height:100vh;padding:0 10% 0 5%}
.contact:after{background:rgba(119,119,119,0.1);height:100vh;width:100vw;left:0;top:0;right:0;content:"";position:absolute;z-index:-2}
.contact-form{opacity:0;padding:0;margin:40px 0 0;text-align:left}
.contact-form .field{margin:30px 0}
.contact-form .field label{display:block;font:14px "Open Sans",sans-serif;line-height:13px;text-transform:uppercase;color:#555}
.contact-form .field input{font:14px "Open Sans",sans-serif;line-height:15px;padding:10px;border:none;border-radius:0;border-bottom:1px solid #555;background:none;width:100%;color:#555;opacity:0.4;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s}
.contact-form .field input:focus{opacity:1;outline:none}
.contact-form .field textarea{font:14px "Open Sans",sans-serif;line-height:15px;padding:10px;border:none;border-radius:0;border-bottom:1px solid #555;background:none;width:100%;color:#555;opacity:0.4;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s}
.contact-form .field textarea:focus{opacity:1;outline:none}
.contact-form .field .recaptcha{display:none}
.contact-form .help-block{display:block;margin-top:1px;margin-bottom:10px;color:#a94442;position:absolute;font:10px "Open Sans",sans-serif;text-transform:uppercase;opacity:0.8}
.contact-form .help-block ul{list-style-type:none;padding:0;margin:0}
.contact-form #msgSubmit{position:absolute;font:10px "Open Sans",sans-serif;text-transform:uppercase;opacity:0.8}
.contact-form .text-danger{color:#a94442}
.contact-form .btn{float:right;padding:11px 0 11px 20px}
.contact-form .btn:hover{padding-right:10px}
.blog{height:100vh;padding:0 5%}
.blog:after{background:rgba(119,119,119,0.1);height:100vh;width:100vw;left:0;top:0;right:0;content:"";position:absolute;z-index:-2}
.blog .item{margin:50px 0 40px;padding:0}
.blog .item .blog-img{overflow:hidden;position:relative}
.blog .item .blog-img:before{background:rgba(140,140,140,0.2);height:100%;left:0;top:0;right:0;content:"";position:absolute;z-index:1;-webkit-clip-path:polygon(18% 0,100% 0,100% 75%,82% 100%,0 100%,0% 25%);clip-path:polygon(18% 0,100% 0,100% 75%,82% 100%,0 100%,0% 25%)}
.blog .item i{color:#fff}
.blog .item .overly-top{background:rgba(0,0,0,0.4);height:100%;left:-100%;position:absolute;top:0;width:100%;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;-webkit-clip-path:polygon(18% 0,100% 0,100% 75%,82% 100%,0 100%,0% 25%);clip-path:polygon(18% 0,100% 0,100% 75%,82% 100%,0 100%,0% 25%)}
.blog .item .overly-bottom{background:rgba(0,0,0,0.4);height:100%;right:-100%;position:absolute;top:0;width:100%;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;-webkit-clip-path:polygon(18% 0,100% 0,100% 75%,82% 100%,0 100%,0% 25%);clip-path:polygon(18% 0,100% 0,100% 75%,82% 100%,0 100%,0% 25%)}
.blog .item .post-title{opacity:0;position:absolute;color:#fff;text-align:center;font:14px "Oswald",sans-serif;text-transform:uppercase;top:5%;left:25%;right:25%;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;z-index:1}
.blog .item .post-title a{color:#fff}
.blog .item .post-thumb{-webkit-clip-path:polygon(18% 0,100% 0,100% 75%,82% 100%,0 100%,0% 25%);clip-path:polygon(18% 0,100% 0,100% 75%,82% 100%,0 100%,0% 25%)}
.blog .item .post-img{opacity:0;position:absolute;top:0;left:20%;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;z-index:1}
.blog .item .post-img i{font-size:20px}
.blog .item .post-date{opacity:0;position:absolute;top:0;right:5%;font:12px "Oswald",sans-serif;line-height:12px;text-transform:uppercase;color:#fff;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;z-index:1}
.blog .item .post-date i{margin-right:5px}
.blog .item .post-cat{opacity:0;position:absolute;bottom:0;left:5%;font:12px "Oswald",sans-serif;line-height:12px;text-transform:uppercase;color:#fff;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;z-index:1}
.blog .item .post-cat a{color:#fff}
.blog .item .post-cat i{margin-right:5px}
.blog .item:hover .post-title{opacity:1;top:45%}
.blog .item:hover .post-img{opacity:1;top:5%;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}
.blog .item:hover .post-url{opacity:1;bottom:5%;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}
.blog .item:hover .post-date{opacity:1;top:5%;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}
.blog .item:hover .post-cat{opacity:1;bottom:5%;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}
.blog .item:hover .overly-top{left:0}
.blog .item:hover .overly-bottom{right:0}
.blog .item h2{font:14px "Oswald",sans-serif;line-height:12px;text-transform:uppercase;color:#555;margin:15px 0 0;padding:0}
.blog .item p{margin:10px 0 0;font:14px "Open Sans",sans-serif;font-weight:300;color:#777}
.blog ul.pagination{margin:0 10px 0 0;padding:0;float:right}
.blog ul.pagination li{display:inline-block;margin-right:8px;margin-left:8px;list-style:none;font:14px "Open Sans",sans-serif}
.blogpage{height:100vh;padding:0 5%}
.blogpage:after{background:rgba(119,119,119,0.1);height:100vh;width:100vw;left:0;top:0;right:0;content:"";position:absolute;z-index:-2}
.blogpage .item{margin:50px 0 40px;padding:0}
.blogpage .item .blogpage-img{overflow:hidden;position:relative}
.blogpage .item .blogpage-img:before{background:rgba(140,140,140,0.2);height:100%;left:0;top:0;right:0;content:"";position:absolute;z-index:1;-webkit-clip-path:polygon(18% 0,100% 0,100% 75%,82% 100%,0 100%,0% 25%);clip-path:polygon(18% 0,100% 0,100% 75%,82% 100%,0 100%,0% 25%)}
.blogpage .item i{color:#fff}
.blogpage .item .overly-top{background:rgba(0,0,0,0.4);height:100%;left:-100%;position:absolute;top:0;width:100%;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;-webkit-clip-path:polygon(18% 0,100% 0,100% 75%,82% 100%,0 100%,0% 25%);clip-path:polygon(18% 0,100% 0,100% 75%,82% 100%,0 100%,0% 25%)}
.blogpage .item .overly-bottom{background:rgba(0,0,0,0.4);height:100%;right:-100%;position:absolute;top:0;width:100%;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;-webkit-clip-path:polygon(18% 0,100% 0,100% 75%,82% 100%,0 100%,0% 25%);clip-path:polygon(18% 0,100% 0,100% 75%,82% 100%,0 100%,0% 25%)}
.blogpage .item .post-title{opacity:0;position:absolute;color:#fff;text-align:center;font:14px "Oswald",sans-serif;text-transform:uppercase;top:5%;left:25%;right:25%;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;z-index:1}
.blogpage .item .post-title a{color:#fff}
.blogpage .item .post-thumb{-webkit-clip-path:polygon(18% 0,100% 0,100% 75%,82% 100%,0 100%,0% 25%);clip-path:polygon(18% 0,100% 0,100% 75%,82% 100%,0 100%,0% 25%)}
.blogpage .item .post-img{opacity:0;position:absolute;top:0;left:20%;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;z-index:1}
.blogpage .item .post-img i{font-size:20px}
.blogpage .item .post-date{opacity:0;position:absolute;top:0;right:5%;font:12px "Oswald",sans-serif;line-height:12px;text-transform:uppercase;color:#fff;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;z-index:1}
.blogpage .item .post-date i{margin-right:5px}
.blogpage .item .post-cat{opacity:0;position:absolute;bottom:0;left:5%;font:12px "Oswald",sans-serif;line-height:12px;text-transform:uppercase;color:#fff;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;z-index:1}
.blogpage .item .post-cat a{color:#fff}
.blogpage .item .post-cat i{margin-right:5px}
.blogpage .item:hover .post-title{opacity:1;top:45%}
.blogpage .item:hover .post-img{opacity:1;top:5%;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}
.blogpage .item:hover .post-url{opacity:1;bottom:5%;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}
.blogpage .item:hover .post-date{opacity:1;top:5%;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}
.blogpage .item:hover .post-cat{opacity:1;bottom:5%;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}
.blogpage .item:hover .overly-top{left:0}
.blogpage .item:hover .overly-bottom{right:0}
.blogpage .item h2{font:14px "Oswald",sans-serif;line-height:12px;text-transform:uppercase;color:#555;margin:15px 0 0;padding:0}
.blogpage .item p{margin:5px 0 0;font:14px "Open Sans",sans-serif;font-weight:300;color:#777}
.blogpage ul.pagination{margin:0 10px 0 0;padding:0;float:right;opacity:0}
.blogpage ul.pagination li{display:inline-block;margin-right:8px;margin-left:8px;list-style:none;font:14px "Open Sans",sans-serif}
.blog-cat{clear:both;opacity:0}
.blog-cat h2{color:#444;font:18px "Oswald",sans-serif;line-height:20px;text-transform:uppercase;font-weight:600}
.blog-cat ul{margin:0;padding:0}
.blog-cat ul li{color:#444;font:14px "Oswald",sans-serif;line-height:20px;text-transform:uppercase;display:inline-block;margin-right:5px;margin-left:5px;list-style:none}
.blog-cat ul li i{margin-right:5px}
.blog-more{float:right;margin:0 5px 0 0;font:14px "Oswald",sans-serif;text-transform:uppercase;opacity:0}
.blogpost{height:100vh;padding:0 5%}
.blogpost:after{background:rgba(119,119,119,0.1);height:100vh;width:100vw;left:0;top:0;right:0;content:"";position:absolute;z-index:-2}
.blogpost .text-section{position:relative;width:90%}
.blogpost .post-item{opacity:0}
.blogpost .post-cont{margin:50px 0 40px;padding:0;position:relative;overflow:hidden;overflow-y:auto;max-height:385px}
.blogpost .post-cont ul li{font:14px "Open Sans",sans-serif;font-weight:300;color:#777}
.blogpost .post-cont p{font:14px "Open Sans",sans-serif;font-weight:300;color:#777}
.post-meta{color:#444;opacity:0}
.post-meta ul{margin:0;padding:0}
.post-meta ul li{font:16px "Oswald",sans-serif;line-height:20px;text-transform:uppercase;display:inline-block;margin-right:8px;margin-left:8px;list-style:none}
.post-meta ul li i{margin-right:5px}
@media only screen and (max-width:1466px){.text-section{width:90%}.text-section .desc{width:90%}.counters-block .counter-item{width:47.61905%}}
@media only screen and (max-width:1024px){nav{margin:20px 9%}nav ul{opacity:1;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;-webkit-transform:translateX(-100vw);-ms-transform:translateX(-100vw);transform:translateX(-100vw)}nav ul li{display:list-item}nav ul li a{color:#000 !important}nav ul li a:after{background:#000 !important}nav ul li a:hover{opacity:1;color:#000 !important}nav ul li a:hover:after{background:#000}nav ul li.active a{opacity:1}nav ul li.active a:after{background:#000}nav ul li.active a:focus{opacity:1;color:#000}.menu-btn{display:block}.left-side{display:none !important}.info-section-mobile{display:block}.right-side{width:100% !important}.news{padding:0 10%}.home{padding:0 10%}.about{padding:0 10%}.skills{padding:0 10%}.services{padding:0 10%}.portfolio{padding:0 10%}.contact{padding:0 15% 0 10%}.text-section .desc{width:80%}ul.social-section{width:100%}.brand-logo{margin:30px 9%;right:0}.brand-text{margin:30px 9%;right:0}.language{margin:20px 8%}ul.social-bottom{margin:20px 8%}ul.social-bottom li a{margin:5px;font-size:16px}.counters-block .counter-item i{display:inline-block}.counters-block .counter-item span{display:inline-block}.info-section-mobile .blog-cat{margin-top:40px}.info-section-mobile .blog-cat ul li{margin-left:5px;margin-right:5px}.info-section-mobile .blog-cat ul li:first-child{margin-left:0}.info-section-mobile .post-meta{margin-top:20px}.info-section-mobile .post-meta ul li{font-size:14px}.info-section-mobile .post-meta ul li:first-child{margin-left:0}.blogpost .post-cont{margin:0px 0 40px}.blogpost p{font-size:14px}.blogpost p:first-child{margin-top:10px}}
@media only screen and (max-width:767px){nav{margin:20px 8%;height:200px}.text-section{width:100%}.news-form{width:100%}.news-form form input{width:200px}.contact{padding:0 10%}}
@media only screen and (max-width:479px){.text-section{margin:40px 0 0}.text-section .title{font-size:45px;line-height:48px}.text-section .desc{width:100%}.contact-form{margin:0}.contact-form .field{margin:20px 0}.contact-form .field input{padding:5px}.contact{padding:0 15% 0 10%}.contact .text-section{margin:50px 0}.info-section-mobile .blog-cat{margin-top:30px}.info-section-mobile .blog-cat h2{font-size:14px;margin:0}.info-section-mobile .blog-cat ul li{margin-left:3px;margin-right:3px;font-size:11px}.info-section-mobile .blog-cat ul li:first-child{margin-left:0}.info-section-mobile .post-meta{margin-top:0}.info-section-mobile .post-meta ul li{font-size:11px}.info-section-mobile .post-meta ul li:first-child{margin-left:0}.blogpost{margin-top:0}.blogpost .post-cont{margin:0}.blogpost p{font-size:13px}.blogpost p:first-child{margin-top:0}}
@media only screen and (max-width:320px){.text-section .title{font-size:40px;line-height:48px}.text-section p.desc{font-size:13px}.counters-block{margin:-20px 0 0}.counters-block .counter-item span{font-size:25px;font-weight:400}.counters-block .counter-item i{font-size:25px;margin:0 10px 0 0}.counters-block .counter-item h2{font-size:12px;margin:5px 0}.news-form form input{width:150px}}