body{font-family:Philosopher, serif;font-weight:300;font-size:1em;letter-spacing:1px;color:#303030;}@media (max-width: 767px){body{line-height:24px}} h1,h2,h3,h4{font-family:Viga, sans-serif; margin:0px;padding:0px;font-weight:bold;text-transform:uppercase}@media (max-width: 767px){h1,h2,h3,h4{font-family:Viga, sans-serif}} h1{font-size:7em;line-height:100px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);}

::-webkit-scrollbar { 
    display: none; 
}

@media (max-width: 767px){h1{font-size:60px;line-height:60px}} h2{font-size:2.5em;line-height:60px;text-align: justify;}@media (max-width: 767px){h2{font-size:2em;line-height:1em;text-align: center;}} h3{font-size:22px;font-weight:bold;color:#b3944d;letter-spacing:3px;text-align:center}h3 span{display:block;font-weight:normal;font-size:13px;color:#ffffff;letter-spacing:6px}

h4{font-size:1em;color:black;} 


a img{border:none}html{height:100%}body{padding:0px;margin:0px;background:#ffffff;height:100%}#viewport{overflow:hidden;width:100%}.container{margin:auto;width:1100px;position:relative}@media (max-width: 1150px){.container{width:900px}} @media (max-width: 960px){.container{width:700px}} @media (max-width: 767px){.container{width:auto;margin:0px 30px}} .fade-zoom{-webkit-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-moz-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-o-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);opacity:0}img{max-width:100%}.borderbox,.always-on .on,.navigation a,.about .rectangle,.contactsec .profile{z-index: 10;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.clear{clear:both}.number{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);position:absolute;right:30px;top:160px;letter-spacing:4px;font-size:12px;height:20px;width:20px;line-height:20px}@media (max-width: 767px){.number{top:40px;right:15px}} .number-dark{color:#000000}.row:after{content:"";display:table;clear:both}.row .column-2{width:500px;float:right;position:relative}@media (max-width: 1150px){.row .column-2{width:400px}}@media (max-width: 960px){.row .column-2{width:100%;float:none}}.row .column-2:first-child{float:left}@media (max-width: 960px){.row .column-2:first-child{float:none}}.row .column-3{width:300px;float:left;position:relative;margin-left:100px}@media (max-width: 1150px){.row .column-3{width:250px;margin-left:60px}}@media (max-width: 960px){.row .column-3{width:100%;float:none;margin-bottom:80px;margin-left:0px}}.row .column-3:first-child{margin-left:0px}.loading{height:100%;overflow:hidden}.loader{background:#000000;position:fixed;width:100%;height:100%;z-index:300}.loader .percent{ color:#ffffff; letter-spacing:4px; font-size:12px; position:fixed; width:auto; text-align:center; top:50px; right:40px; }.always-on{-webkit-transition:1s all cubic-bezier(0.23, 1, 0.32, 1);-moz-transition:1s all cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:1s all cubic-bezier(0.23, 1, 0.32, 1);-o-transition:1s all cubic-bezier(0.23, 1, 0.32, 1);transition:1s all cubic-bezier(0.23, 1, 0.32, 1);position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:400;background:rgba(0,0,0,0.9);visibility:hidden;opacity:0}.always-on .on{position:fixed;left:0px;right:0px;top:0px;bottom:0px;margin:auto;width:470px;height:650px;border:10px solid #404040}@media (max-width: 1150px){.always-on .on{width:400px;height:555px}}@media (max-width: 960px){.always-on .on{width:300px;height:415px}}.always-on .on img{-webkit-transition:1s all cubic-bezier(0.23, 1, 0.32, 1);-moz-transition:1s all cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:1s all cubic-bezier(0.23, 1, 0.32, 1);-o-transition:1s all cubic-bezier(0.23, 1, 0.32, 1);transition:1s all cubic-bezier(0.23, 1, 0.32, 1);margin-top:-50px;opacity:0}.always-on .on-hold{overflow:hidden}.always-on .on-close{position:absolute;right:-10px;top:-50px;text-align:right}.always-on .on-close a{text-decoration:none;color:#5e5e5e}.always-on .on-close a:hover{color:#ffffff}.always-on-active{visibility:visible;opacity:1}.always-on-active .on img{opacity:1;margin-top:0px}header{
	/*background:#000 url(../img/me_test.jpg) center no-repeat;*/
	background-size:cover;
	height:1000px;
	position:relative;
	color:#b3944d
}@media (max-width: 767px){header{height:800px}} header .steez-line{-webkit-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-moz-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-o-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-ms-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s;background:rgba(255,255,255,0.2);position:absolute;right:-37px;top:260px;width:2px;height:860px;z-index:10}@media (max-width: 767px){header .steez-line{display:none}} header .title{-webkit-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-moz-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-o-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);letter-spacing:0.3em;font-size:0.6em;position:absolute;left:0px;top:50px;font-family:Viga, sans-serif;font-size:0.7em; margin:0px;padding:0px;font-weight:500;text-transform:uppercase;}header .title a:link{color:#FFF;}header .title a:hover{color:#b3944d;}
header .title a:visited{color:#c5c1b9;}

header .logo{-webkit-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-moz-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-o-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);width:120px;position:fixed; margin-left:10px;top:160px;z-index:300}@media (max-width: 767px){header .logo{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);top:100px}} header .logo img{width:120px}header .logo a{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;display:block;padding:20px;opacity:1;border:7px solid rgba(255,255,255,0.7)}header .logo a:hover{opacity:1;border:7px solid #fff}

header h1{-webkit-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-moz-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-o-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-ms-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s;position:absolute;top:750px;left:0px;z-index:10;opacity:0;padding-top: 100px;}

header .container{height:100%}.loaded header .title{top:160px; left:140px; z-index:300; margin:auto}@media (max-width: 767px){.loaded header .title{top:40px}}.loaded header .logo{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);position:absolute}.loaded header .logo a{opacity:0.5}.loaded header .logo a:hover{opacity:1;border:7px solid #fff}.loaded header h1{opacity:1;top:650px}@media (max-width: 767px){.loaded header h1{top:430px}}.loaded header .steez-line{right:37px}.navigation{-webkit-transition:1s all cubic-bezier(0.23, 1, 0.32, 1);-moz-transition:1s all cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:1s all cubic-bezier(0.23, 1, 0.32, 1);-o-transition:1s all cubic-bezier(0.23, 1, 0.32, 1);transition:1s all cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition-delay:1s;-moz-transition-delay:1s;-ms-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s;position:fixed;top:300px;right:-30px;width:16px;z-index:100}@media (max-width: 767px){.navigation{top:150px}}.navigation a{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;border:2px solid rgba(255,255,255,0);display:block;margin-bottom:10px;width:16px;height:16px;overflow:hidden}.navigation a span{-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;background:rgba(255,255,255,0.2);display:block;width:14px;height:14px;vertical-align:top}.navigation a.active,.navigation a:hover{border:2px solid rgba(255,255,255,0.7)}.navigation-dark a{border:2px solid transparent}.navigation-dark a span{background:rgba(0,0,0,0.2)}.navigation-dark a.active,.navigation-dark a:hover{border:2px solid rgba(0,0,0,0.4)}.loaded .navigation{right:30px}@media (max-width: 767px){.loaded .navigation{right:15px}} footer{
	font-size:0.7em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}@media (max-width: 767px){footer{padding:0px 0px}}footer b{font-size:14px;font-weight:bold}footer a{text-decoration:none;color:#303030}footer a:hover{color:#808080}

.about{background:#000000;padding:100px 0px;position:relative;color:#ffffff}@media (max-width: 767px){.about{padding:100px 0px}}.about .skills{width:300px;position:absolute;left:-150px;top:0px}@media (max-width: 767px){.about .skills{display:none}}.about .skills-2{width:120px;left:800px;top:100px;z-index:0}@media (max-width: 767px){.about .skills-2{display:none}}.about .skills-3{width:840px;left:auto;right:-800px;top:600px;z-index:0}@media (max-width: 960px){.about .skills-3{display:none}}.about .skills-main{width:100%;z-index:50;top:-20px;position:absolute;text-align:center}@media (max-width: 960px){.about .skills-main{top:40px}}@media (max-width: 767px){.about .skills-main{display:none}}.about .alwayson{height:400px;position:relative;margin-bottom:50px}@media (max-width: 767px){.about .alwayson{display:none}}


/*.about .rectangle{-webkit-transition:1.3s all cubic-bezier(0.23, 1, 0.32, 1);-moz-transition:1.3s all cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:1.3s all cubic-bezier(0.23, 1, 0.32, 1);-o-transition:1.3s all cubic-bezier(0.23, 1, 0.32, 1);transition:1.3s all cubic-bezier(0.23, 1, 0.32, 1);position:absolute;left:0px;right:0px;top:0px;bottom:0px;margin:auto;border:10px solid #ffffff;height:0px;width:245px}.about .line-steez{-webkit-transition:1.3s all cubic-bezier(0.23, 1, 0.32, 1);-moz-transition:1.3s all cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:1.3s all cubic-bezier(0.23, 1, 0.32, 1);-o-transition:1.3s all cubic-bezier(0.23, 1, 0.32, 1);transition:1.3s all cubic-bezier(0.23, 1, 0.32, 1);height:900px;width:3px;background:#202020;position:absolute;left:0px;right:0px;top:-150px;margin:auto}.about .text{width:350px;margin:auto;text-align:center}.about .text a{color:#484644}.about .text a:hover{color:#ffffff}@media (max-width: 767px){.about .text{width:100%}}*/.about .scroll{padding-top:150px;height:30px;overflow:hidden}@media (max-width: 767px){.about .scroll{padding-top:100px}}.about .scroll svg,.about .scroll img{width:20px;height:30px}.about .scroll path{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;fill:#303030}.about .scroll a:hover path{fill:#ffffff}.about h3{z-index:80;position:relative}.about-active .rectangle{height:500px}.about-active .line-steez{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.about-active .steez-2{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}


.harpe{background:black;background-size:none;padding:0px 0px 170px 0px;position:relative;color:#ffffff;overflow:hidden}@media (min-width: 1800px){.harpe{background-size:contain}}@media (max-width: 767px){.harpe{padding:160px 0px}} .harpe .alwayson{position:absolute;left:0px;bottom:-120px}@media (max-width: 767px){.harpe .alwayson{display:none}}.harpe .alwayson b{color:#ffffff}.harpe .alwayson span{margin:0px 5px;color:#383838}.harpe .alwayson a{color:#5e5e5e;text-decoration:none}.harpe .alwayson a:hover{color:#ffffff}.harpe .graph{height:600px;position:relative}@media (max-width: 960px){.harpe .graph{width:50%;margin:auto;margin-top:100px}}@media (max-width: 767px){.harpe .graph{display:none}}.harpe .graph-line{-webkit-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-moz-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-o-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);background:rgba(255,255,255,0.2);width:2px;height:0px;position:absolute;left:0%;bottom:-260px}.harpe .line-2{-webkit-transition:1.8s all cubic-bezier(0.23, 1, 0.32, 1);-moz-transition:1.8s all cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:1.8s all cubic-bezier(0.23, 1, 0.32, 1);-o-transition:1.8s all cubic-bezier(0.23, 1, 0.32, 1);transition:1.8s all cubic-bezier(0.23, 1, 0.32, 1);left:33%}.harpe .line-3{-webkit-transition:2.1s all cubic-bezier(0.23, 1, 0.32, 1);-moz-transition:2.1s all cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:2.1s all cubic-bezier(0.23, 1, 0.32, 1);-o-transition:2.1s all cubic-bezier(0.23, 1, 0.32, 1);transition:2.1s all cubic-bezier(0.23, 1, 0.32, 1);left:66%}.harpe .line-4{-webkit-transition:2.4s all cubic-bezier(0.23, 1, 0.32, 1);-moz-transition:2.4s all cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:2.4s all cubic-bezier(0.23, 1, 0.32, 1);-o-transition:2.4s all cubic-bezier(0.23, 1, 0.32, 1);transition:2.4s all cubic-bezier(0.23, 1, 0.32, 1);left:100%}.harpe-active .fade-zoom{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.harpe-active .graph-line{height:860px}.contactsec{background:#ffffff;position:relative;padding-top:360px;padding-bottom:130px;border-bottom:1px solid #cdcdcd;text-align:center;font-size:14px}@media (max-width: 767px){.contactsec{padding-top:240px;font-size:12px}}.contactsec .line-steez{-webkit-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-moz-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-o-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);position:absolute;left:0px;top:-300px;width:0px;height:6px;background:#484644}.contactsec .profile{width:250px;padding:22px;position:absolute;left:0px;right:0px;top:-500px;padding-bottom:30px;margin:auto;}@media (max-width: 767px){.contactsec .profile{width:200px;top:-430px}}.contactsec .profile img{margin-bottom:20px}.contactsec .profile a{font-weight:bold;color:#303030;text-decoration:underline}.contactsec .profile a:hover{color:#707070}.contactsec .text{width:580px;margin:auto}@media (max-width: 767px){.contactsec .text{width:100%}}.contactsec .scroll{position:absolute;width:100%;left:0px;top:280px;height:30px;overflow:hidden}@media (max-width: 767px){.contactsec .scroll{top:auto;bottom:-145px}}.contactsec .scroll svg,.contactsec .scroll img{width:20px;height:30px}.contactsec .scroll path{fill:#303030}.contactsec-active .line-steez{width:60px}.hofsec{padding:250px 0px;position:relative;padding-bottom:200px}@media (max-width: 767px){.hofsec{padding-bottom:100px}}.hofsec .line-x{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;left:0px;top:-200px;z-index:0;height:850px;width:4px;background:#f6f6f6}.hofsec .line-x-2{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:-100px}.hofsec .line-steez{-webkit-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-moz-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-o-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);position:absolute;left:-20px;top:-140px;width:60px;height:6px;background:#484644}.hofsec .line-steez-2{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);top:-160px;left:auto;width:0px;right:0px}.hofsec .text{position:relative;z-index:1}.hofsec .title{font-size:18px;margin-bottom:20px}.hofsec .title span{font-size:12px;letter-spacing:3px}.hofsec h2{font-size:110px;line-height:110px;margin-bottom:50px}@media (max-width: 767px){.hofsec h2{font-size:40px;line-height:40px}}.hofsec .highlight{ padding: 0px 5px; display: inline-block }.hofsec .contact{text-align:center;margin-top:100px;height:290px;overflow:hidden}@media (max-width: 767px){.hofsec .contact{margin-top:20px}}.hofsec .contact a{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;border:10px solid #e0e0e0;display:inline-block}.hofsec .contact a:hover{border:10px solid #000000}.hofsec .contact svg,.hofsec .contact img{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;width:120px;height:248px}@media (max-width: 767px){.hofsec .contact svg,.hofsec .contact img{width:100px}}
.hofsec-active .line-steez-2{width:60px}.mentor{
	background: #000000;
	text-align: center;
	position: relative;
	color: #ffffff;
	padding-bottom: 70px;
	overflow: hidden;
	padding-top: 50px;
	padding-right: 0px;
	padding-left: 0px;
}@media (max-width: 767px){.mentor{padding:100px 0px}}.mentor .planet{height:270px;position:relative}@media (max-width: 767px){.mentor .planet{height:20px}}.mentor .planet .world{width:880px;position:absolute;left:0px;right:0px;margin:auto;top:-260px;z-index:5}@media (max-width: 960px){.mentor .planet .world{width:700px;top:-200px}}@media (max-width: 767px){.mentor .planet .world{display:none}}.mentor .planet .world-steez{-webkit-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-moz-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-o-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-webkit-transform:rotate(12deg) scale(0.8);-moz-transform:rotate(12deg) scale(0.8);-ms-transform:rotate(12deg) scale(0.8);transform:rotate(12deg) scale(0.8);width:800px;left:0px;right:0px;top:-225px;margin:auto;position:absolute;z-index:4}@media (max-width: 960px){.mentor .planet .world-steez{width:600px;top:-155px}}@media (max-width: 767px){.mentor .planet .world-steez{display:none}}.mentor .planet .world-steez-ring{-webkit-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-moz-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-o-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);position:absolute;width:1065px;z-index:6;right:100px;top:195px;margin:auto;opacity:0}@media (max-width: 1150px){.mentor .planet .world-steez-ring{left:-85px}}@media (max-width: 960px){.mentor .planet .world-steez-ring{width:865px}}@media (max-width: 767px){.mentor .planet .world-steez-ring{display:none}}.mentor .text{position:relative;z-index:10;width:380px;margin:auto}@media (max-width: 767px){.mentor .text{width:100%}}.mentor .vert-line{-webkit-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-moz-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);-o-transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);transition:1.5s all cubic-bezier(0.23, 1, 0.32, 1);width:1px;background:#232323;height:0px;position:absolute;left:0px;right:0px;margin:auto;top:240px}@media (max-width: 767px){.mentor .vert-line{display:none}}.mentor .cv{color:#363636;margin-top:290px;padding-top:40px}@media (max-width: 767px){.mentor .cv{margin-top:20px}}.mentor .cv span{margin:0px 5px}.mentor .cv a{color:#868686}.mentor .cv a:hover{color:#ffffff}.mentor .scroll{padding-top:50px;margin-bottom:100px;height:30px;overflow:hidden}@media (max-width: 767px){.mentor .scroll{margin-bottom:70px}}.mentor .scroll svg,.mentor .scroll img{width:20px;height:30px}.mentor .scroll path{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;fill:#303030}.mentor .scroll a:hover path{fill:#ffffff}.mentor .logo{width:140px;margin:auto;margin-bottom:-50px}@media (max-width: 767px){.mentor .logo{width:100px;margin-bottom:0px}}.mentor .logo img{width:140px}@media (max-width: 767px){.mentor .logo img{width:100px}}.mentor .logo a{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;display:block;padding:20px;opacity:0.7;border:7px solid rgba(255,255,255,0.22)}.mentor .logo a:hover{opacity:1;border:7px solid #fff}.mentor h2{color:#ffffff;font-size:300px;line-height:300px}@media (max-width: 767px){.mentor h2{font-size:120px;line-height:120px}}.mentor h2 span{font-size:12px;letter-spacing:4px;display:block;line-height:12px;color:#484644;font-weight:normal}.mentor h3{font-size:60px;line-height:60px;color:#ffffff}@media (max-width: 767px){.mentor h3{font-size:40px;line-height:40px}} .mentor-active .planet .world-steez-ring{top:95px;opacity:1}.mentor-active .planet .world-steez{-webkit-transform:rotate(0deg) scale(1);-moz-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}.mentor-active .vert-line{height:250px} .about .skills-2b{ width:120px;left:100px;top:550px;z-index:0} @media (max-width: 767px){ .about .skills-2{display:none} .hoftitle {font-size:50px;} .touch a{font-size:16px;}}
	
/* buddha
-------------------------------------------------- */	
	.buddha{
		padding-top:130px;
	}
	
	    .first_div
    {
    background-color:#b3944d;
    width:200px; height:200px;
    padding: 10px;
    border-radius:50%;
    -webkit-animation: anim 0.7s 1 ease;
    -moz-animation: anim 0.7s 1 ease;
    -ms-animation: anim 0.7s 1 ease;
    animation: anim 0.7s 1 ease;
    }
    .second_div
    {
    width:198px; height:198px;
    border:1px solid #ffffff;
    border-radius:50%;
    -webkit-animation:anim 1s 1 ease;
    -moz-animation:anim 1s 1 ease;
    -ms-animation:anim 1s 1 ease;
    animation:anim 1s 1 ease;
    }
    .img_div
    {
    width:200px; height:200px;
    -webkit-animation:animuser 1s 1 ease;
    -moz-animation:animuser 1s 1 ease;
    -ms-animation:animuser 1s 1 ease;
    animation:animuser 1s 1 ease;
    }
    .first_circle
    {
    width: 220px; height: 220px; border-radius:50%;
    padding: 10px; margin-top: -12px;
    position: absolute; left: 50%; margin-left: -122px;
    border-top:2px solid #ffffff;
    border-right:2px solid #ffffff;
    border-bottom:2px solid #ffffff;
    border-left:2px solid #b3944d;
    -webkit-animation:anim_wifeo 1.4s infinite linear;
    -moz-animation:anim_wifeo 1.4s infinite linear;
    -ms-animation:anim_wifeo 1.4s infinite linear;
    animation:anim_wifeo 1.4s infinite linear;
    }
    @-webkit-keyframes anim
    {
    0%{-webkit-transform:scale(0);}
    50%{-webkit-transform:scale(1.7);}
    100%{-webkit-transform:scale(1);}
    }
    @-moz-keyframes anim
    {
    0%{-moz-transform:scale(0);}
    50%{-moz-transform:scale(1.7);}
    100%{-moz-transform:scale(1);}
    }
    @-ms-keyframes anim
    {
    0%{-ms-transform:scale(0);}
    50%{-ms-transform:scale(1.7);}
    100%{-ms-transform:scale(1);}
    }
    @keyframes anim
    {
    0%{transform:scale(0);}
    50%{transform:scale(1.7);}
    100%{transform:scale(1);}
    }
    @-webkit-keyframes animwelcome
    {
    0%{-webkit-transform:scale(0);}
    50%{-webkit-transform:scale(0);}
    75%{-webkit-transform:scale(1.4);}
    100%{-webkit-transform:scale(1);}
    }
    @-moz-keyframes animwelcome
    {
    0%{-moz-transform:scale(0);}
    50%{-moz-transform:scale(0);}
    75%{-moz-transform:scale(1.4);}
    100%{-moz-transform:scale(1);}
    }
    @-ms-keyframes animwelcome
    {
    0%{-ms-transform:scale(0);}
    50%{-ms-transform:scale(0);}
    75%{-ms-transform:scale(1.4);}
    100%{-ms-transform:scale(1);}
    }
    @keyframes animwelcome
    {
    0%{transform:scale(0);}
    50%{transform:scale(0);}
    75%{transform:scale(1.4);}
    100%{transform:scale(1);}
    }
    @-webkit-keyframes animuser
    {
    0%{-webkit-transform:scale(0);}
    50%{-webkit-transform:scale(0);}
    75%{-webkit-transform:scale(1.4);}
    100%{-webkit-transform:scale(1);}
    }
    @-moz-keyframes animuser
    {
    0%{-moz-transform:scale(0);}
    50%{-moz-transform:scale(0);}
    75%{-moz-transform:scale(1.4);}
    100%{-moz-transform:scale(1);}
    }
    @-ms-keyframes animuser
    {
    0%{-ms-transform:scale(0);}
    50%{-ms-transform:scale(0);}
    75%{-ms-transform:scale(1.4);}
    100%{-ms-transform:scale(1);}
    }
    @keyframes animuser
    {
    0%{transform:scale(0);}
    50%{transform:scale(0);}
    75%{transform:scale(1.4);}
    100%{transform:scale(1);}
    }
    @-webkit-keyframes anim_wifeo
    {
    0%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(360deg);}
    100%{-webkit-transform:rotate(720deg);}
    }
    @-moz-keyframes anim_wifeo
    {
    0%{-moz-transform:rotate(0deg);}
    50%{-moz-transform:rotate(360deg);}
    100%{-moz-transform:rotate(720deg);}
    }
    @-ms-keyframes anim_wifeo
    {
    0%{-ms-transform:rotate(0deg);}
    50%{-ms-transform:rotate(360deg);}
    100%{-ms-transform:rotate(720deg);}
    }
    @keyframes anim_wifeo
    {
    0%{transform:rotate(0deg);}
    50%{transform:rotate(360deg);}
    100%{transform:rotate(720deg);}
    }
	
	
/* Autres
-------------------------------------------------- */
.credit { width:140px; height:140px;} .logohof img{ width:150px; } .touch { border: 10px solid black; padding:20px; font-family:Viga; font-size:22px; margin:0px; font-weight:bold; text-transform:uppercase } .touch a{ text-decoration:none; color:black; } .touch a:hover{ color:#b3944d; } .hoftitle {font-family:Viga, sans-serif; font-size:60px;font-weight:bold;color:#b3944d;letter-spacing:3px;} .hr1 {width:90%; color:black; size:4;} @media (max-width: 960px) {#footer {width: 718px; margin: 20px auto;}}


header .title{ width:20%;}
header .title a:link {text-decoration: none;}
header .title h4 { height:1.2em; }
header .logovert { padding: 70px;}
header .logovert img {height:200px; width:50px}

footer .socialleft {
	position:relative;
	float:left;
	overflow:hidden;
	padding-top:15px;
}
footer .social {
    position: relative;
float: right;
    top:0;
    overflow:hidden;
    text-align:right;
}

footer .social li {
    display:inline-block;
    padding-left:18px;
    vertical-align:top;
}

footer .social a {
    display:block;
    width:25px;
    height:25px;
    -moz-background-size: cover;
}

footer .social a:hover {
    opacity:0.5;
    filter:alpha(opacity=50);
}

 @media (max-width: 767px){
 footer .social {}
 footer .socialleft { padding-top:0px;}}
 
 #lines { 
    border-bottom: 17px double white; 
    border-top: 6px solid white; 
    content:"";
    height: 5px; 
    width:30px;
}

.container2{margin:auto;width:100%;position:relative}

@media (max-width: 1150px){.container2{width:900px}} @media (max-width: 960px){.container2{width:700px}} @media (max-width: 767px){.container2{width:auto;margin:0px 30px}}


.box {
	width: 300px;
	height: 460px;
	position: relative;
	background: rgba(255,255,255,1);
	display: inline-block;
	margin: 0 10px;
	cursor: pointer;
	color: #2c3e50;
	box-shadow: inset 0 0 0 3px #2c3e50;
	-webkit-transition: background 0.4s 0.5s;
	transition: background 0.4s 0.5s;
}

.box:hover {
	background: rgba(255,255,255,0);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.box h3 {
	font-family: "Ruthie", cursive;
	font-size: 180px;
	line-height: 370px;
	margin: 0;
	font-weight: 400;
	width: 100%;
}

.box span {
	display: block;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 13px;
	padding: 5px;
}

.box h3,
.box span {
	-webkit-transition: color 0.4s 0.5s;
	transition: color 0.4s 0.5s;
}

.box:hover h3,
.box:hover span {
	color: #fff;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.box svg {
	position: absolute;
	top: 0;
	left: 0;
}

.box svg line {
	stroke-width: 3;
	stroke: #ecf0f1;
	fill: none;
	-webkit-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}

.box:hover svg line {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.box svg line.top,
.box svg line.bottom {
	stroke-dasharray: 330 240; 
}

.box svg line.left,
.box svg line.right {
	stroke-dasharray: 490 400;
}

.box:hover svg line.top {
	-webkit-transform: translateX(-600px);
	transform: translateX(-600px);
}

.box:hover svg line.bottom {
	-webkit-transform: translateX(600px);
	transform: translateX(600px);
}

.box:hover svg line.left {
	-webkit-transform: translateY(920px);
	transform: translateY(920px);
}

.box:hover svg line.right {
	-webkit-transform: translateY(-920px);
	transform: translateY(-920px);
}