body {
//  background: #fff;
  font-size: 14px;
  font-weight: 400;
  font-family: "Source Sans Pro", sans-serif;
}

#blg a:link, a:visited, a:active {font-weight: normal; font-weight: bold;}
#blg a:link {color: #BCAB45; text-decoration: none; font-weight: bold;}
#blg a:visited {color: #BCAB45; text-decoration: none; font-weight: bold;}
#blg a:active {color: #BCAB45; text-decoration: none; font-weight: bold;}
#blg a:hover {bbackground: #E6E6E6; color: #EED019; text-decoration: none;
font-weight: bold;}

@font-face{font-family:'Montserrat';
src:url("fonts/Montserrat-Black.eot");
src:local("☺"),url("fonts/Montserrat-Black.woff")
format("woff"),url("fonts/Montserrat-Black.ttf")
format("truetype"),url("fonts/Montserrat-Black.svg") format("svg");
font-weight:900;
font-style:normal}

@font-face{font-family:'Montserrat';
src:url("fonts/Montserrat-Bold.eot");
src:local("☺"),url("fonts/Montserrat-Bold.woff")
format("woff"),url("fonts/Montserrat-Bold.ttf")
format("truetype"),url("fonts/Montserrat-Bold.svg") format("svg");
font-weight:700;
font-style:normal}

@font-face{font-family:'Montserrat';
src:url("fonts/Montserrat-Regular.eot");
src:local("☺"),url("fonts/Montserrat-Regular.woff")
format("woff"),url("fonts/Montserrat-Regular.ttf")
format("truetype"),url("fonts/Montserrat-Regular.svg") format("svg");
font-weight:400;
font-style:normal}

@font-face{font-family:'Montserrat';
src:url("fonts/Montserrat-Light.eot");
src:local("☺"),url("fonts/Montserrat-Light.woff")
format("woff"),url("fonts/Montserrat-Light.ttf")
format("truetype"),url("fonts/Montserrat-Light.svg") format("svg");
font-weight:300;
font-style:normal}

//@font-face{font-family:'Heffer';
//src:url("fonts/Heffer.ttf");
//src:local("☺"),url("fonts/Montserrat-Light.woff")
format("woff"),url("fonts/Montserrat-Light.ttf")
format("truetype"),url("fonts/Montserrat-Light.svg") format("svg");
//font-weight:300;
//font-style:normal}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize
*/html{font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%}
body{margin:0}

























caption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;
vertical-align:baseline}
audio:not([controls]){display:none;
height:0}
[hidden],template{display:none}

a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}

h1{font-size:30px;
margin:0.67em 0}
mark{background:#ff0;
color:#000}
small{font-size:80%}
sub,sup{font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{box-sizing:content-box;
height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace, monospace;
font-size:1em}
button,input,optgroup,select,textarea{color:inherit;
font:inherit;
margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html








pe="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;
cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;
padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;
padding:0}




























t-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;
box-sizing:content-box}











































-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;
margin:0 2px;
padding:0.35em 0.625em 0.75em}
legend{border:0;
padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;
border-spacing:0}
td,th{padding:0}
::-moz-selection{background:#FFF498}
::selection{background:#FFF498}
::-moz-selection{background:#FFF498}
img::-moz-selection{background:transparent}
img::selection{background:transparent}
img::-moz-selection{background:transparent}
body{-webkit-tap-highlight-color:#FFF498}
body{background-image: url('assets/img/BG_StarField1.jpg');
bbackground-color:#0c0c0c;
font-size:14px;
line-height:1.6;
font-family:"Montserrat",sans-serif;
color:#fff;
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%}

.l-viewport{position:relative;
width:100%;
height:100vh;
box-shadow:0 0 45px 5px rgba(0,0,0,0.85);
overflow:hidden}

.l-wrapper{position:relative;
//    border: 1px solid #0ff;
width:1440px;
max-width:90%;
height:100%;
margin:0 auto}

.l-side-nav{position:absolute;
//    border: 1px solid #fff;
top: 0px;
left:0;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
height: 90%;
width: 150px;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center}

.l-side-nav::before{content:"";
//    border: 2px solid #f00;
position:absolute;
top:50%;
left:0;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
width:5px;
height:75%;
max-height:800px;
background-color:#999;
opacity:.35;
z-index:10}
@media (max-width: 1180px){.l-side-nav{display:none}
}

.l-main-content{position:relative;
//    border: 2px solid #579;
top: 0px;
width:100%;
height:100%;
left: 45px;
margin:0;
padding:0;
list-style:none}

.l-section{position:absolute;
width:100%;
height:100%}

.device-notification{display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
-ms-grid-row-align:center;
align-items:center;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
background-color:#0c0c0c;
z-index:12}

.device-notification--logo{display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
text-decoration:none;
color:#fff;
}

.device-notification--logo p{margin:0 0 0 10px;
font-size:16px;
font-weight:700;
text-transform:uppercase}

.device-notification--message{width:50%;
margin:30px 0 0 0;
font-size:18px;
font-weight:700;
text-align:center}
@media (max-width: 767px) and (min-width: 601px) and (max-height:
680px){.device-notification{display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex}
}
@media (max-width: 600px) and (min-width: 480px) and (max-height:
580px){.device-notification{display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex}
}
@media (max-width: 736px) and (min-width: 360px) and (orientation:
landscape){.device-notification{display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex}
}
@media(max-width: 359px){.device-notification{display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex}
}

.section{opacity:0;
visibility:hidden;
-webkit-transition:opacity .4s ease-in-out,visibility 0s .4s;
transition:opacity .4s ease-in-out,visibility 0s .4s}

.section--is-active{opacity:1;
visibility:visible;
z-index:1;
-webkit-transition:opacity .4s ease-in-out .4s;
transition:opacity .4s ease-in-out .4s}

.section--next{-webkit-transform:translateY(-45px);
transform:translateY(-45px);
-webkit-transition:-webkit-transform .4s ease-in-out;
transition:-webkit-transform .4s ease-in-out;
transition:transform .4s ease-in-out;
transition:transform .4s ease-in-out, -webkit-transform .4s ease-in-out}

.section--prev{-webkit-transform:translateY(45px);
transform:translateY(45px);
-webkit-transition:-webkit-transform .4s ease-in-out;
transition:-webkit-transform .4s ease-in-out;
transition:transform .4s ease-in-out;
transition:transform .4s ease-in-out, -webkit-transform .4s ease-in-out}

.header{
position: absolute;
//    border: 1px solid #ff0;
top:0;
left:0;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
//width:100%;
//height:70px;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
//justify-content:space-between;
z-index:10;
}

.header--logo{display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
text-decoration:none;
color:#fff;
//    border: 1px solid #f0f;
wwidth: 100%;
}

.header--logo {
position: relative;
height:50px;
left: -50px;
//margin:0 0 0 0px;
//    border: 10px solid #0ff;
//font-size:16px;
//font-weight:700;
//text-transform:uppercase}

.header--socials{
//float:right; 
position:absolute;
margin: 40px 40px 0px 1050px;
//    right: 0 !important;
//    top: 0 !important;

//position: relative;
//float: right;
//align-items: right;
//margin-right: 20px;
//clear: both;
//top: 10px;
//left: 250px;
}

.header--nav-toggle{display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
position: absolute;
//    border: 1px solid #f0f;
aalign-items: right;
top: 5px;
left: -50px;
width:80px;
height:50px;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
cursor:pointer}

.header--nav-toggle
span,.header--nav-toggle::before,.header--nav-toggle::after{content:"";
position:relative;
top: 17px;
width:16px;
height:2px;
background-color:#fff}

.header--nav-toggle::before{bottom:5px;
top: 11px;
width:23px}

.header--nav-toggle::after{top:5px;
top: 23px;
width:23px}

.header--cta{position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
padding:0 20px;
line-height:30px;
text-decoration:none;
color:#fff;
font-weight:700;
text-transform:uppercase;
background-color:#0f33ff;
border:none;
opacity:0;
visibility:hidden;
-webkit-transition:opacity .4s ease-in-out,visibility 0s .4s;
transition:opacity .4s ease-in-out,visibility 0s .4s}

.header--cta:focus{outline:none}

.header--cta.is-active{opacity:1;
visibility:visible;
-webkit-transition:opacity .4s ease-in-out .4s;
transition:opacity .4s ease-in-out .4s}
@media (max-width: 767px){.header--cta{display:none}
}

.side-nav{position:relative;
//    border: 1px solid #f0f;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:10px;
height:70%;
max-height:750px;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around;
margin:0;
padding:0;
list-style-position:inside;
z-index:10}

.side-nav>
li{position:relative;
//    border: 1px solid #f0f;
width:190px;
top:0px;
color:#fff;
font-size:14px;
cursor:pointer}

.side-nav>
li span{position:relative;
//    border: 1px solid #f0f;
top:0px;
left:10px;
color:#7A7A7A;
font-size:18px;
font-weight:300;
opacity:1;
visibility:visible}

.side-nav>
li::before{position:absolute;
//    border: 1px solid #f0f;
font-size:18px;
top:0px;
left:15px;
color:#7A7A7A;
font-weight:300}

.side-nav li:nth-child(1)::before{content:"1 "}

.side-nav li:nth-child(2)::before{content:"2 "}

.side-nav li:nth-child(3)::before{content:"3" }

.side-nav li:nth-child(4)::before{content:"4 "}

.side-nav li:nth-child(5)::before{content:"5 "}

.side-nav li:nth-child(6)::before{content:"6 "}

.side-nav li:nth-child(7)::before{content:"7 "}

.side-nav ul:hover a {
color:#ffffff;
    border: 3px solid #f0f;
//-webkit-transition:color .4s ease-in-out;
//transition:color .4s ease-in-out;
}

.side-nav li.is-active{
color:#EED019;
//    border: 3px solid #f0f;
-webkit-transition:color .4s ease-in-out;
transition:color .4s ease-in-out;
}

.side-nav li.is-active span{opacity:1;
visibility:visible;
color:#EED019;
font-weight: bold;
-webkit-transition:opacity .4s ease-in-out;
transition:opacity .4s ease-in-out}

.side-nav li.is-active::before{left:-23px;
color:#fff}

.intro{
position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
//    border: 3px solid #f0f;
top: 70px;
width:900px;
max-width:75%;
// height:100%;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
margin:0 auto}
@media (max-width: 1180px){.intro{max-width:100%}
}

.intro--banner{position:relative;
//    border: 1px solid #8f0;
top: 0px;
height:475px;
z-index: 1000;}

.intro--banner::before{content:"";
position:absolute;
bottom:20px;
left:-15px;
right:0;
height:2px;
background-color:#282828}

//.intro--banner::after{content:"";
//position:absolute;
//bottom:18px;
//left:0;
//width:30px;
//height:40px;
//background-color:#0f33ff}

.intro--banner h1{position:relative;
font-size:30px;
font-weight:900;
line-height:1;
z-index:1}

.intro--banner button{position:relative;
padding:5px 17px 5px 12px;
font-weight:700;
text-transform:uppercase;
background-color:transparent;
border:none}

.intro--banner button .btn-background{position:absolute;
top:0;
left:23px;
right:0;
height:100%;
background-color:#0f33ff;
z-index:-1;
-webkit-transition:left .2s ease-in-out;
transition:left .2s ease-in-out}

.intro--banner button:hover .btn-background{left:0}

.intro--banner button:focus{outline:none}

.intro--banner button svg{position:relative;
left:5px;
width:15px;
fill:#fff}

.intro--banner img{position:absolute;
bottom:21px;
right:-12px}

.intro--options{display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
margin:0;
padding:0;
font-size:18px;
list-style:none}

.intro--options>
a{
//    border: 1px solid #880;
max-width:37%;
text-decoration:none;
color:#7A7A7A;
-webkit-transition:color .2s ease-in-out;
transition:color .2s ease-in-out}

.intro--options>
a:hover{color:#fff}

.intro--options h3{font-size:16px;
text-transform:uppercase}

.intro--options p{margin-bottom:0}
@media (max-width: 900px){.intro--banner{height:380px}

.intro--banner h1{font-size:55px}

.intro--banner img{width:430px}

.intro--options>
a{margin-right:30px}

.intro--options>
a:last-child{margin-right:0}
}
@media (max-width: 767px){.intro--banner{height:305px}

.intro--banner h1{font-size:44px}

.intro--banner img{width:330px}

.intro--options{
display:block;
}

.intro--options>
a{display:block;
max-width:100%;
margin:0 0 30px 0}

.intro--options>
a:last-child{margin-bottom:0}
}
@media (max-width: 600px){.intro--banner{height:360px}

.intro--banner h1{font-size:55px}

.intro--banner img{display:none}
}
@media (max-width: 600px) and (max-height: 750px){.intro--banner{height:auto}

.intro--banner::before,.intro--banner::after{display:none}

.intro--banner h1{margin-top:0}

.intro--options{display:none}
}

#picscrollcontainer {
 width: 1000px;
 overflow: hidden;
 margin: 50px auto;
 bbackground: white;
}

/*header*/
picscrollheader {
 width: 800px;
 margin: 40px auto;
}
 
picscrollheader h1 {
 text-align: center;
 font: 100 60px/1.5 Helvetica, Verdana, sans-serif;
 
}
 
picscrollheader p {
 font: 100 15px/1.5 Helvetica, Verdana, sans-serif;
 text-align: justify;
}
 
/*photobanner*/
 
.picscrollphotobanner {
 height: 233px;
 width: 3550px;
 margin-bottom: 80px;
}

.work{position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:960px;
max-width:80%;
height:100%;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
margin:0 auto}
@media (max-width: 1180px){.work{max-width:100%}
}

.work h2{margin:0 0 20px 0;
font-size:30px;
text-align:center}

.work--lockup{position:relative}

.work--lockup .slider{position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:80%;
margin:0 auto;
padding:0;
list-style:none}

.work--lockup .slider--item{position:absolute;
display:none;
text-align:center}

.work--lockup .slider--item a{text-decoration:none;
color:#858585}

.work--lockup .slider--item-title{margin-top:10px;
font-size:12px;
font-weight:700;
text-transform:uppercase}

.work--lockup .slider--item-description{display:none;
max-width:250px;
margin:0 auto}

.work--lockup .slider--item-image{width:150px;
height:150px;
margin:0 auto;
border-radius:50%;
overflow:hidden}

.work--lockup .slider--item-image img{width:100%}

.work--lockup .slider--item-left{top:50%;
left:0;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
display:block}

.work--lockup .slider--item-right{top:50%;
right:0;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
display:block}

.work--lockup .slider--item-center{position:relative;
top:30px;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
display:block}

.work--lockup .slider--item-center a{color:#fff}

.work--lockup .slider--item-center .slider--item-title{margin-top:25px;
font-size:16px}

.work--lockup .slider--item-center .slider--item-description{display:block}

.work--lockup .slider--item-center .slider--item-image{width:300px;
height:300px}

.work--lockup .slider--next,.work--lockup .slider--prev{position:absolute;
top:160px;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:50px;
height:50px;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
background-color:#282828;
border-radius:50%;
cursor:pointer}

.work--lockup .slider--next svg,.work--lockup .slider--prev svg{width:20px;
fill:#fff}

.work--lockup .slider--next{right:0}

.work--lockup .slider--prev{left:0}
@media (max-width: 900px){.work--lockup .slider--item-image{width:120px;
height:120px}

.work--lockup .slider--item-center .slider--item-image{width:240px;
height:240px}

.work--lockup .slider--next,.work--lockup .slider--prev{top:130px}
}
@media (max-width: 767px){.work--lockup .slider{width:75%}

.work--lockup .slider--item-image{width:90px;
height:90px}

.work--lockup .slider--item-center .slider--item-image{width:190px;
height:190px}

.work--lockup .slider--next,.work--lockup .slider--prev{top:105px}
}
@media (max-width: 600px){.work--lockup .slider{width:auto}

.work--lockup .slider--item-left,.work--lockup .slider--item-right{display:none}
}

.about{position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
//   border:3px solid #0f33ff;
width:1000px;
max-width:95%;
//height:100%;
top: 70px;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
margin:0 auto}
@media (max-width: 1180px){.about{max-width:100%}
}

.about--banner{position:relative;
height:475px}

/*
.about--banner::before{content:"";
position:absolute;
top:20px;
left:200px;
-webkit-transform:rotate(-25deg);
transform:rotate(-25deg);
border:5px solid #0f33ff;
border-right-color:transparent;
border-bottom-color:transparent}

.about--banner::after{content:"";
position:absolute;
top:75px;
left:400px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
width:10px;
height:10px;
background-color:#0f33ff}

.about--banner h2::before{content:"";
position:absolute;
top:60px;
left:268px;
width:30px;
height:30px;
background-color:#0f33ff;
border-radius:50%}

.about--banner h2::after{content:"";
position:absolute;
top:255px;
left:255px;
width:10px;
height:10px;
background-color:#0f33ff}
*/

.about--banner h2{position:relative;
margin-top:35px;
font-size:38px;
font-weight:900;
line-height:1;
z-index:1}

.about--banner a{padding:5px 17px 5px 0;
text-decoration:none;
color:#fff;
font-weight:700;
text-transform:uppercase;
background-color:transparent}

.about--banner a:hover svg{left:10px}

.about--banner a svg{position:relative;
left:5px;
width:15px;
fill:#fff;
-webkit-transition:left .2s ease-in-out;
transition:left .2s ease-in-out}

.about--banner img{position:absolute;
bottom:-90px;
right:-12px}

.about--options{display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
max-width:600px;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
margin:0;
padding:0;
list-style:none}

.about--options>
a{position:relative;
width:150px;
height:75px;
text-decoration:none;
color:#fff;
border:10px solid #0f33ff;
background-position:center;
background-size:cover;
background-repeat:no-repeat}

.about--options>
a:nth-child(1){background-image:url("../img/about-winners.jpg")}

.about--options>
a:nth-child(2){background-image:url("../img/about-philosophy.jpg")}

.about--options>
a:nth-child(3){background-image:url("../img/about-history.jpg")}

.about--options>
a:hover h3{bottom:-50px}

.about--options h3{position:absolute;
bottom:-38px;
left:10px;
font-size:16px;
text-transform:uppercase;
-webkit-transition:bottom .2s ease-in-out,left .2s ease-in-out;
transition:bottom .2s ease-in-out,left .2s ease-in-out}
@media (max-width: 767px){.about--banner{height:305px}

.about--banner::before{top:0;
left:125px}

.about--banner::after{top:35px;
left:260px}

.about--banner h2{margin-top:10px;
font-size:44px}

.about--banner h2::before{top:28px;
left:168px}

.about--banner h2::after{top:163px;
left:163px}

.about--banner img{width:315px}
}
@media (max-width: 600px){.about--banner{height:auto}

.about--banner::before{left:155px}

.about--banner::after{left:310px}

.about--banner h2{margin-top:0;
font-size:55px}

.about--banner h2::before{top:43px;
left:214px}

.about--banner h2::after{top:205px;
left:205px}

.about--banner img{display:none}

.about--options{display:none}
}

.contact{position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-image:url("../img/WWSO_TurtleWorld_1_comp-med.jpg");
background-position:center;
background-size:cover;
background-repeat:no-repeat}

.contact--lockup{position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:900px;
max-width:75%;
height:100%;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:end;
-webkit-justify-content:flex-end;
-ms-flex-pack:end;
justify-content:flex-end;
margin:0 auto}
@media (max-width: 1180px){.contact--lockup{max-width:90%}
}
@media (max-width: 767px){.contact--lockup{-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center}
}

.contact--lockup .modal{padding:45px 45px;
text-align:center;
background-color:#0c0c0c;
box-shadow:0 0 30px 0 rgba(0,0,0,0.75)}

.contact--lockup .modal--information p,.contact--lockup .modal--information
a{display:block;
margin:14px 0;
text-decoration:none;
color:#fff;
font-weight:700}

.contact--lockup .modal--information p{margin-top:0}

.contact--lockup .modal--options{margin:0;
padding:0;
list-style:none}

.contact--lockup .modal--options>
li{width:130px;
margin:0 auto 25px auto}

.contact--lockup .modal--options li:nth-child(1){background-color:#1769ff}

.contact--lockup .modal--options li:nth-child(2){background-color:#ea4c89}

.contact--lockup .modal--options li:nth-child(3){margin-bottom:0;
background-color:#0f33ff;
text-transform:uppercase}

.contact--lockup .modal--options a{display:block;
width:100%;
padding:8px 0;
text-decoration:none;
color:#fff;
font-weight:700}

.hire{position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:900px;
max-width:95%;
height:100%;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
margin:0 auto}
@media (max-width: 1180px){.hire{max-width:100%}
}

.hire h2{margin:0 0 20px 0;
font-size:30px;
text-align:center}

.more-cast{position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:900px;
max-width:95%;
height:100%;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
margin:0 auto}
@media (max-width: 1180px){.hire{max-width:100%}
}

.more-cast h2{margin:0 0 20px 0;
font-size:30px;
text-align:center}

.connect {position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:900px;
max-width:95%;
height:100%;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
margin:0 auto}
@media (max-width: 1180px){.hire{max-width:100%}
}

.connect h2{margin:0 0 20px 0;
font-size:30px;
text-align:center}

.work-request{display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:100%;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
color:#fff}

.work-request input[type="submit"]{width:400px;
max-width:100%;
line-height:50px;
font-size:16px;
font-weight:700;
text-transform:uppercase;
background-color:#0f33ff;
border:none;
border-radius:0}

.work-request input[type="submit"]:focus{outline:none}

.work-request--options{display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:100%;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
margin:30px 0}

.work-request--options .options-a{display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:100%;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between}

.work-request--options .options-b{display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:72%;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around}

.work-request--options label{display:block;
width:200px;
margin-bottom:30px;
line-height:50px;
font-size:16px;
font-weight:700;
text-align:center;
border:2px solid #fff;
cursor:pointer;
-webkit-transition:background-color .2s ease-in-out,border-color .2s
ease-in-out;
transition:background-color .2s ease-in-out,border-color .2s ease-in-out}

.work-request--options label svg{position:relative;
left:-5px;
width:0;
fill:#fff;
-webkit-transition:width .2s ease-in-out;
transition:width .2s ease-in-out}

.work-request--options input[type="checkbox"]{display:none}

.work-request--options
input[type="checkbox"]:checked+label{background-color:#0f33ff;
border-color:#0f33ff}

.work-request--options input[type="checkbox"]:checked+label svg{width:15px}

.work-request--information{display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:100%;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
margin-bottom:60px}

.work-request--information .information-name,.work-request--information
.information-email{position:relative;
width:45%;
height:50px;
font-size:30px;
font-weight:300}

.work-request--information input[type="text"],.work-request--information
input[type="email"]{width:100%;
padding:0 0 5px 0;
background-color:transparent;
border:none;
border-bottom:1px solid #fff;
border-radius:0}

.work-request--information input[type="text"]:focus,.work-request--information
input[type="email"]:focus{outline:none;
background-color:#0c0c0c}

.work-request--information label{position:absolute;
top:0;
left:0;
pointer-events:none;
-webkit-transition:top .2s ease-in-out,font-size .2s ease-in-out;
transition:top .2s ease-in-out,font-size .2s ease-in-out}

.work-request--information input:focus+label,.work-request--information
input.has-value+label{top:-15px;
font-size:14px}
@media (max-width: 767px){.work-request--options{-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around}

.work-request--options .options-a,.work-request--options
.options-b{display:block;
width:auto}
}
@media (max-width: 600px){.work-request--options{margin:20px 0}
}
@media (max-width: 600px) and (max-width:
415px){.work-request--options{-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between}
}
@media (max-width: 600px){.work-request--options label{width:150px;
margin-bottom:15px;
font-size:14px}

.work-request--options input[type="checkbox"]:checked+label svg{width:12px}

.work-request--information{margin-bottom:30px}

.work-request--information .information-name,.work-request--information
.information-email{height:40px;
font-size:24px}
}

.perspective{position:relative;
width:100%;
height:100%;
overflow:hidden}

.perspective--modalview{position:fixed;
-webkit-perspective:1500px;
perspective:1500px}

.container{position:relative;
-webkit-transform:translateZ(0) translateX(0) rotateY(0deg);
transform:translateZ(0) translateX(0) rotateY(0deg);
min-height:30%;
outline:30px solid #0f33ff;
-webkit-transition:-webkit-transform .4s;
transition:-webkit-transform .4s;
transition:transform .4s;
transition:transform .4s, -webkit-transform .4s}

.modalview .container{position:absolute;
width:100%;
height:100%;
overflow:hidden;
-webkit-backface-visibility:hidden;
backface-visibility:hidden}

.effect-rotate-left .container{-webkit-transform-origin:0% 50%;
transform-origin:0% 50%;
-webkit-transition:-webkit-transform .4s;
transition:-webkit-transform .4s;
transition:transform .4s;
transition:transform .4s, -webkit-transform .4s}

.effect-rotate-left--animate .container{-webkit-transform:translateZ(-1800px)
translateX(-50%) rotateY(45deg);
transform:translateZ(-1800px) translateX(-30%) rotateY(45deg);
outline:20px solid #0f33ff}

.outer-nav{position:absolute;
top:50%;
left:55%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d;
margin:0;
padding:0;
//border:1px solid #f0f;
list-style:none;
text-align:center;
visibility:hidden;
-webkit-transition:visibility 0s .2s;
transition:visibility 0s .2s}

.outer-nav.is-vis{visibility:visible}

.outer-nav--return{position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:none;
cursor:pointer;
z-index:11}

.outer-nav--return.is-vis{display:block}

.outer-nav>
li{-webkit-transform-style:preserve-3d;
transform-style:preserve-3d;
-webkit-transform:translateX(350px) translateZ(-1000px);
transform:translateX(350px) translateZ(-1000px);
font-size:35px;
font-weight:900;
opacity:0;
cursor:pointer;
-webkit-transition:opacity .2s,-webkit-transform .2s;
transition:opacity .2s,-webkit-transform .2s;
transition:transform .2s,opacity .2s;
transition:transform .2s,opacity .2s,-webkit-transform .2s}

.outer-nav>
li.is-vis{-webkit-transform:translateX(0) translateZ(0);
transform:translateX(0) translateZ(0);
opacity:1;
-webkit-transition:opacity .4s,-webkit-transform .4s;
transition:opacity .4s,-webkit-transform .4s;
transition:transform .4s,opacity .4s;
transition:transform .4s,opacity .4s,-webkit-transform .4s}

.outer-nav>
li::before{content:"";
position:absolute;
top:86%;
left:50%;
-webkit-transform:translate(-50%, -25%);
transform:translate(-50%, -25%);
width:103%;
height:9px;
opacity:0;
background-color:#0f33ff}

.outer-nav>
li.is-active::before{opacity:0.5}
@media (max-width: 767px){.outer-nav>
li{font-size:44px}
}
@media (max-width: 600px){.outer-nav>
li{font-size:34px}
}

.outer-nav li.is-vis:nth-child(2){-webkit-transition-delay:.04s;
transition-delay:.04s}

.outer-nav li.is-vis:nth-child(3){-webkit-transition-delay:.08s;
transition-delay:.08s}

.outer-nav li.is-vis:nth-child(4){-webkit-transition-delay:.12s;
transition-delay:.12s}

.outer-nav li.is-vis:nth-child(5){-webkit-transition-delay:.16s;
transition-delay:.16s}

.outer-nav li.is-vis:nth-child(6){-webkit-transition-delay:.20s;
transition-delay:.20s}

.outer-nav li.is-vis:nth-child(7){-webkit-transition-delay:.24s;
transition-delay:.24s}

.rawsamp_menu {
    visibility: hidden;
}

figure:active .rawsamp_menu,
figure:focus .rawsamp_menu {
    visibility: visible;
}

#t1 {FONT-SIZE: 42px; font-family: 'Heffer', sans-serif; ffont-weight: bold; word-spacing: 2px; letter-spacing: 2px; color: #fff; text-align: left;}
#t2 {FONT-SIZE: 40px; font-family: 'Heffer', sans-serif; ffont-weight: bold; word-spacing: 2px; letter-spacing: 2px; color: #fff; text-align: center;}
#t3 {FONT-SIZE: 18px; font-weight: bold; text-align: left; color: #EED019;}
#t4 {FONT-SIZE: 14px; word-spacing: 2px; color: #fff; text-align: center;}
#t5 {FONT-SIZE: 11px; text-align: right; font-weight: bold;}
#t6 {FONT-SIZE: 16px; font-weight: bold; FONT-STYLE: italic; color: #D1BF7F; word-spacing: 1px;}
#t7 {FONT-SIZE: 11px; text-align: center; color: #808080;}
#t8 {FONT-SIZE: 10px; text-align: justify;}
#t9 {FONT-SIZE: 7.5px; text-align: center;}
#t10 {FONT-SIZE: 11px; font-weight: bold; letter-spacing: -1px;}
#t14 {ffont-size: 12px; color: #0E30EF;}
#t15 {FONT-SIZE: 28px; font-family: 'Heffer', sans-serif; ffont-weight: bold; word-spacing: 2px; letter-spacing: 2px; color: #fff; text-align: left;}