@charset utf-8;
html{overflow-x:hidden;height:100%}
body{background:#D6D6D6 url(../images/hero-bg3.jpg) no-repeat;background-size:cover;background-attachment:fixed}
.box{float:left;top:0;width:50%;height:100%;z-index:2;position:relative}
.container{max-width:600px;margin:150px auto}
.respimg{width:100%;height:auto}
h2{font-weight:300;font-family:Oswald, sans-serif;color:#F54F36;text-transform:uppercase}
.header{text-align:center;position:relative;top:50px;max-width:450px;z-index:2;margin:0 auto}
.navigation{position:relative;max-width:450px;border:2px solid #fff;height:62px;border-radius:20px;z-index:5;font-family:Oswald, sans-serif;font-size:1.2em;letter-spacing:.1em;font-weight:300;line-height:50px;margin:60px auto}
.team{width:210px;height:58px;background:#f7ce2e;position:absolute;top:0;left:0;border-top-left-radius:20px;border-bottom-left-radius:20px;color:#fff;text-align:center}
.ore{position:absolute;top:-5px;left:190px;width:70px;height:70px;border:2px solid #fff;z-index:10;border-radius:100%;background:#211f5f;color:#292929;text-align:center;font-family:Oswald, sans-serif;font-size:1.2em;letter-spacing:.1em;line-height:65px}
.personal{width:210px;height:58px;position:absolute;top:0;right:0;background:#46c8f5;color:#fff;text-align:center;border-top-right-radius:20px;border-bottom-right-radius:20px}
.transition{-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear}
#scene{position:fixed;top:-150px;right:-650px}
#scene2{position:fixed;bottom:-150px;left:-650px}
.bc{-webkit-transform:scale3d(1.1,1.1,1.1);-moz-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);-o-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
.line{width:3px;height:250px;position:absolute;top:350px;left:50%;margin-left:-1.5px;z-index:6;background:#fff}
.top{position:absolute;width:3px;height:50px;background:#211f5f;top:100px;left:0}
.arrow:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-left-color:#211f5f;margin-top:-25px;border-width:25px}
.arrow:after{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-left-color:#ffffff;margin-top:-5px;margin-left:6px;border-width:5px}
.arrow2:before{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-right-color:#211f5f;margin-top:-25px;border-width:25px}
.arrow2:after{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-right-color:#ffffff;margin-top:-5px;margin-right:6px;border-width:5px}