@font-face {
  font-family: 'peace-sans';
  src: url('../fonts/peace_sans.otf');
}

@font-face {
  font-family: 'woodfordbourne';
  font-weight:normal;
  src: url('../fonts/woodfordbourne-regular.otf');
}

@font-face {
  font-family: 'woodfordbourne-bold';
  src: url('../fonts/woodfordbourne-bold.otf');
}

@font-face {
  font-family: 'metropolis-extrabold';
  src: url('../fonts/metropolis-extrabold.otf');
}

@font-face {
  font-family: 'woodfordbourne-thin';
  src: url('../fonts/woodfordbourne-thin.otf');
}

@font-face {
  font-family: 'woodfordbourne-italic';
  src: url('../fonts/woodfordbourne-italic.otf');
}

body {
font-family: 'woodfordbourn', arial, sans-serif;
letter-spacing:0.3px;
}

a {text-decoration:none;}

h1 {
font-size:80px;
display:block;
text-align:center;
color:white;
padding-top:150px;
margin-bottom:0;
}

h2 {
font-size:45px;
text-transform:uppercase;
}

ul {
padding:0;
margin:0;
}

ul li {
list-style-position:inside;
line-height:1.5em;
}

ul li a {
color:inherit;
}

.subheading {
font-size:20px;
text-transform:uppercase;
font-family: 'woodfordbourne-bold';
padding-top:30px;
display:block;
}

.subtext {color:#a1a1a1;}

.main-subhead {
color:white;
font-size:40px;
font-family: 'woodfordbourne-bold';
display:block;
text-align:center;
}

.orange {color:#f57b20;}
.back-orange {background:#f57b20;}
.blue {color:#00aef0;}
.back-blue {background:#00aef0;}
.white {color:white;}
.back-white {background:white; color:black!important;}
.green {color:#7AC143;}
.pink {color:#EC008C;}
.black {color:black;}

.social-slope {
position:absolute;
left:0;
top:175px;
width:40px;
height:150px;
}

.social-slope a i {
color:white;
font-size:25px;
padding-top:20px;
}

.intro-logo {
width:35%;
padding-top:100px;
}

.scroll {
padding-top:10px;
font-size:30px;
display:block;
text-align:center;
color:white;
text-decoration:none;
}

.logo {
height:60px;
float:left;
padding-top:15px;
padding-right:60px;
}

.video-bg {
    height: 600px;
    position: relative;
    overflow: hidden;
}

.img-bg {
height:600px;
position:relative;
background:url(../img/hp-cover.jpg);
background-size:cover;
background-position:center;
display:none;
}

video {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 0;
    background-size:cover;
    background-position:center;
}

.cover {
height:600px;
position:absolute;
top:0;
background:rgba(0,0,0,0.7);
z-index:10;
}

.overflow-hidden {
overflow:hidden;
}

.ico-wrap {
float:left;
-webkit-transform: skew(-23deg);
    -ms-transform: skew(-23deg);
    transform: skew(-23deg);
    -webkit-border-radius: 15px;
    border-radius: 15px;
position:relative;
left:-45px;
padding:10px;
padding-left:25px;
margin-bottom:35px;
}

.ico-wrap i {
color:white;
font-size:30px;
padding:15px;
-webkit-transform: skew(23deg);
    -ms-transform: skew(23deg);
    transform: skew(23deg);
}

.text-wrap {

}

.data {
width:calc(100% - 30px);
padding:25px 15px;
background-size:cover;
background-position:center;
background-image:url(../img/jin-black.jpg);
color:white;
}

.data ul {
list-style-position:inside;
}

.promo {
background:url(../img/incoming.jpg);
padding:2em 0;
background-size:cover;
background-position:center;
}

.join-blue {
width:calc(50% - 90px);
background-image:url(../img/blue-join.jpg);
background-size:cover;
background-position:center;
text-align:right;
padding:15px 90px 15px 0;
position:relative;
margin-top:150px;
}

span.heads {
color:white;
font-size:40px;
font-family: 'woodfordbourne-bold';
text-transform:uppercase;
z-index:50;
position:relative;
}

.join-orange {
width:calc(50% - 90px);
background-image:url(../img/join-orange.jpg);
background-size:cover;
background-position:center;
text-align:left;
padding:15px 0px 15px 90px;
position:relative;
margin-top:150px;
}

.join-orange p {
z-index:50;
position:relative;
}

.jin {
position:absolute;
bottom:0;
left:-20px;
width:275px;
z-index:10;
}

.jin-right {
position:absolute;
bottom:0;
right:-35px;
width:300px;
z-index:10;
}

.events {
padding-top:30px;
}

.event-title {
height:44px;
overflow:hidden;
}

.event-cover {
height:200px;
background-size:cover;
background-position:center;
}

.event-time {
width:50%;
float:left;
}

.event-time span {
color:white;
display:block;
text-align:center;
padding:12px 0;
}

.event-link {
width:50%;
float:left;
}

.event-link a span {
color:white;
display:block;
text-align:center;
padding:12px 0;
}

.team {

}

.team .col1-3 {
max-width:390px;
min-height:400px;
}

.social-box {
float:left;
width:15%;
padding:3%;
height:290px;
color:white;
}

.social-box a i {
text-align:center;
font-size:18px;
color:white;
padding:7px 10px;
margin-top:8px;
}

.face {
background-size:cover;
background-position:center;
width:76%;
height:300px;
float:right;
}

.text-box {
padding:15px 0 15px 20%;
width: 65%;
color:white;
}

.text-box h3 {
margin:0;
}

.text-box span {
font-family: 'woodfordbourne-italic';
}

/* FEED */

.social-feed{
	margin: 0 auto;
	display: block;
	padding: 30px 0;
	display: table;
}

.clearfix{
	clear: both;
}

.social-feed li{
	width: 20%;
	list-style: none;
	float: left;
}

.social-feed li img{
  width: 100%;
  display:block;
}

.gallery-feed{
	margin: 0 auto;
	display: block;
	padding: 30px 0;
	display: table;
}

.gallery-feed li{
	width: 20%;
  padding:2.5%;
	list-style: none;
	float: left;
}

.gallery-feed li img{
  width: 100%;
  display:block;
}

.photo_container {
width:100%;
height:150px;
background-size:cover;
background-position:center;
}

/* subpage */

.logo {
height:60px;
float:left;
padding-top:15px;
padding-right:60px;
}

nav.sub {
}

nav.sub li {
list-style-type:none;
float:left;
padding:35px 30px;
}

nav.sub li.icon {
display:none;
}

nav.extra li.socials {
display:none;
}

nav.sub li a {
color:black;
}

.subcover {
height:550px;
background-size:cover;
background-position:center;
}

.guide {
top:-100px;
}

.guide-col {
color:white;
text-align:center;
}

.guide-col i {
font-size:40px;
margin-bottom:15px;
}

.back-pink {
background-color:#EC008C;
}

.back-green  {
background-color:#7AC143;
}

.guide-col h2 {
font-size:20px;
}

.subpage h2 {
padding-top:40px;
}

.text-img-right {
float:right;
width:47.5%;
padding:2.5%;
padding-right:0;
padding-bottom:40px;
}

.text-img-left {
float:left;
width:47.5%;
padding:2.5%;
padding-left:0;
padding-bottom:40px;
}

.separator {
text-align: center;
height: 1px;
background: none repeat scroll 0 0 #777;
position: relative;
margin:40px 0 20px 0;
}

.separator span {
border: 0 none;
display: inline-block;
height: 3px;
margin: 0;
padding: 0;
position: absolute;
top: -1px;
width: 120px;
left: 50%;
margin-left: -60px;
}

/* sub-subpage */

.sub-subcover {
padding:5em 0;
background-size:cover;
background-position:center;
}

h1.lesspading {
padding-top:0px;
}

.side-menu {
}

ul.side-menu {
}

ul.side-menu a {
color:white;
text-transform:uppercase;
}

ul.side-menu a li {
list-style-type:none;
padding:15px;
font-size:18px;
}

ul.side-menu a li i {
padding:5px;
border-radius:50%;
margin-right:20px;
float:left;
position:relative;
top:-4px;
}

.gallery {
padding:1em 0;
}

.gallery img {
width:30%;
}

.partners img {
width:80%;
margin:0 auto;
max-width:128px;
display:block;
}

.galleries img {
width:100%;
margin:0 auto;
padding-bottom:15px;
}

.foot {
background-color:#212324;
padding:25px 0;
color:#737778;
}

.foot-text {
bottom:7px;
position:relative;
}

.foot-logo {
max-width:100%;
margin:0 auto;
height:100px;
display:inline-block;
padding:0 10px;
height:30px;
}

.foot-jozo {
text-decoration:none;
font-weight:bold;
font-size:25px;
padding:0 10px;
bottom:2px;
position:relative;
}

.foot h3, .foot i, .foot strong {
color:white;
}

.foot a {
color:#737778;
}

ul.foot {
padding:0;
}

ul.foot li {
}

.foot-finish {
color:white;
background-color:#1a1b1c;
padding:25px 0;
}