@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@charset utf-8;
html{overflow-x:hidden; overflow-y: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:50px auto}
.respimg{width:100%;height:auto}
h2{font-weight:300;font-family:Oswald, sans-serif;color:#fff;text-transform:uppercase}
.header{text-align:center;position:relative;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:.0em;font-weight:300;line-height:50px;margin:0px auto}
.team{width:225px;height:58px;background:#075f91;position:absolute;top:0;left:0;border-top-left-radius:20px;border-bottom-left-radius:20px;color:#fff;text-align:center}
.personal{
	font-family: 'Droid Arabic Naskh', serif !important;
width:225px;height:58px;position:absolute;top:0;right:0;background:#ef7d2c;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:#ef7d2c;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:#ef7d2c;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:#292929;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:#ef7d2c;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:#292929;margin-top:-5px;margin-right:6px;border-width:5px}