@font-face {
	font-family: 'Harabara';
	src: url('/fonts/HarabaraBold.eot');
	src: url('/fonts/HarabaraBold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/HarabaraBold.woff') format('woff'),
		url('/fonts/HarabaraBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
/*body.home header#masthead, body.home footer#colophon {
    display: none;
}*/
div#blur img {
    transform: scale(1.175);
    filter: blur(5px);
}
div#blur {
    /*display: none;*/
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    -webkit-transition-delay: 2000ms;
    -moz-transition-delay: 2000ms;
    -o-transition-delay: 2000ms;
    transition-delay: 2000ms;
    z-index: 2;
    opacity: 1;
}
div#blur img.open{
    filter: blur(0px);
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
}
/*body.home #page #content div.container section#primary {
    width: 1200px;
    margin: 0 auto;
}*/

.home .site-content {
    /*background-color: #fafafa;*/
    background-image: url('../images/main-bg.png');
    background-size: cover auto;
    background-position: top center;
    background-repeat: no-repeat;
}

.wrap-intro {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    background-image: url(/wp-content/uploads/2017/10/main-selection-bg-with-logo.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 999;
    transition: all 0.35s;
}

.home-intro div.container {
    width: 100%;
    height: 100vh;
    padding: 0;
    margin: 0 auto;
    background: rgba(0,0,0,0.5);
}

.home-intro div.container .row{
	margin: 0;
}
.home-intro h1.title {
    text-align: center;
}
.home-intro h1.title span {
    display: block;
    font-family: 'Harabara';
    color: #fff;
    font-size: 105px;
}
.home-intro h1.title span.logo{
    display: inline-block;
    vertical-align: middle;
    max-width: 400px;
}
.home-intro h1.title span.text {
    display: inline-block;
    vertical-align: middle;
    padding-top: 170px;
    padding-right: 20px;
}
.home-intro h2 {
    font-family: 'Harabara';
    color: #fff;
    font-size: 105px;
    text-align: center;
    line-height: 80px;
    margin-bottom: 10px;
}

.home-intro .links.first-row {
    overflow: hidden;
    padding-top: 50px;
}
.home-intro .links.first-row div {
    float: left;
}
.home-intro .links.first-row .right {
	text-align: left;
    width: 42.5%;
}
.home-intro .links.first-row .center {
    width: 15%;
}
.home-intro .links.first-row .left {
	text-align: right;
    width: 42.5%;
}
.home-intro .links.first-row a{
    display: block;
    width: 390px;
    border-radius: 40px;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 0 0 rgba(0,0,0,1);
    box-shadow: 1px 1px 0 0 rgba(0,0,0,1);
}
.home-intro .links.first-row .left a.moving-in{
    float: right;
    margin-right: 30px;
}
.home-intro .links.first-row .right a.moving-out{
    float: left;
    margin-left: 30px;
}
.home-intro .links.first-row a .text{
    display: block;
    width: 290px;
    line-height: 70px;
    text-align: center;
    font-size: 36px;
    color: #61b637;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    background: #fff;
    float: left;
    border-radius: 40px 0 0 40px;
    text-shadow: 1px 1px 0px #000000;
}
.home-intro .links.first-row a span.icon {
    float: right;
    width: 100px;
    height: 70px;
    display: block;
    border-radius: 0 40px 40px 0;
    background: #61b637;
    text-align: center;
    line-height: 70px;
}
.home-intro .center .or span {
    float: left;
    width: 34%;
    text-align: center;
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    text-transform: uppercase;
    margin-top: 10px;
}

.home-intro .center .fa.fa-long-arrow-right {
    float: right;
    width: 33%;
    text-align: left;
    font-size: 50px;
    color: #fff;
    line-height: 70px
}
.home-intro .center .fa.fa-long-arrow-left {
    float: left;
    width: 33%;
    text-align: right;
    font-size: 50px;
    color: #fff;
    line-height: 70px
}
.home-intro .center .fa.fa-long-arrow-down{
    font-size: 50px;
    display: block;
    text-align: center;
    color: #fff;
    line-height: 70px
}
.home-intro  .second-row a {
    display: block;
    width: 390px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-family: "Open Sans", sans-serif;
    font-size: 36px;
    margin: 0 auto;
    border-radius: 40px;
    text-decoration: none;
    margin-top: 30px;
    line-height: 70px;
    background: #61b637;
    text-shadow: 1px 1px 0px #000000;
    -webkit-box-shadow: 1px 1px 0 0 rgba(0,0,0,1);
    box-shadow: 1px 1px 0 0 rgba(0,0,0,1);
}
.home-intro a{
    transform: scale(1);
    -webkit-transition: all 250ms ease-in-out;
       -moz-transition: all 250ms ease-in-out;
       -ms-transition: all 250ms ease-in-out;
       -o-transition: all 250ms ease-in-out;
          transition: all 250ms ease-in-out;
}
.home-intro a:hover{
    transform: scale(1.1);
    -webkit-transition: all 250ms ease-in-out;
       -moz-transition: all 250ms ease-in-out;
       -ms-transition: all 250ms ease-in-out;
       -o-transition: all 250ms ease-in-out;
          transition: all 250ms ease-in-out;
}
div#intro-screen h1{
    margin: 0;
}
div#intro-screen #gate-main .gate .right-gate {
    float: right;
    width: 400px;
    height: 600px;
}
div#intro-screen #gate-main .gate .left-gate {
    width: 400px;
    float: left;
    height: 600px;
}
div#intro-screen #gate-main .pathway {
    width: 100%;
    display: block;
}
div#intro-screen #gate-main .gate {
    width: 800px;
    height: 580px;
    position: absolute;
    left: calc(50vw - 400px);
    z-index: 1;
    overflow: hidden;
    bottom: 185px;
}
div#intro-screen #gate-main .right-fence {
    float: right;
    width: calc((100% - 720px)/2);
    height: 700px;
    position: absolute;
    right: 0;
    bottom: 130px;
    z-index: 2;
}
div#intro-screen #gate-main .left-fence {
    width: calc((100% - 720px)/2);
    height: 700px;
    position: absolute;
    left: 0;
    bottom: 130px;
    z-index: 2;
}
div#intro-screen {
    background: transparent;
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -ms-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms;
    z-index: 2;
       
    background-repeat: no-repeat;
    background-position: bottom center;
}
div#gate-main h1 {
    text-align: center;
}
/*bg images*/
.grayoverlay1 {
    width: 33%;
    height: 100vh;
    position: absolute;
    z-index: 9999;
    /*background-image: url(/wp-content/uploads/2017/10/left-overlay-bg.png);*/
    background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(229,229,229,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(229,229,229,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(229,229,229,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00e5e5e5',GradientType=1 ); /* IE6-9 */
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
}
.grayoverlay2 {
    width: 33%;
    height: 100vh;
    position: absolute;
    z-index: 9999;
    background: -moz-linear-gradient(left, rgba(229,229,229,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(229,229,229,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(229,229,229,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5e5e5', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
    top: 0;
    background-size: cover;
    right: 0;
    background-repeat: no-repeat;
    background-position: right;
}
.left-fence {
    background-image: url(/wp-content/uploads/2017/10/left-fence-2.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    position: relative;
    z-index: 99999;
    background-size: cover;
}
.right-fence {
    background-image: url(/wp-content/uploads/2017/10/right-fence-2.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    position: relative;
    z-index: 99999;
    background-size: cover;
}
.left-gate {
    background-image: url(/wp-content/uploads/2017/10/left-gate.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    transform: rotateY(0deg);
    transform-origin: left center;
    transform-style: preserve-3d;
    position: relative;
    z-index: 1;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}
.right-gate {
    background-image: url(/wp-content/uploads/2017/10/right-gate.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    transform: rotateY(0deg);
    transform-origin: right center;
    transform-style: preserve-3d;
    position: relative;
    z-index: 1;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}
.left-gate.open {
    transform: rotateY(-90deg);
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}
.right-gate.open {
    transform: rotateY(90deg);
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}
div#gate-main{
    /*padding-top: calc(45vh - 250px);*/
    overflow: hidden;
    transform: scale(1);
    opacity: 1;
    position: relative;
     background-image: url(/wp-content/uploads/2017/10/pavement-bg.png);
         background-position: bottom center;
    background-repeat: no-repeat;
    /*background: rgba(255,255,255,1);*/
    -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -ms-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
    height: 100vh;
}
div#gate-main.open{
    transform: scale(3.5);
    opacity: 1;
    /*background: rgba(255,255,255,0);*/
    -webkit-transition: all 3s ease-out;
    -moz-transition: all 3s ease-out;
    -ms-transition: all 3s ease-out;
    -o-transition: all 3s ease-out;
    transition: all 3s ease-out;
    -webkit-transition-delay: 750ms;
    -moz-transition-delay: 750ms;
    -o-transition-delay: 750ms;
    transition-delay: 750ms;
}
div#intro-screen.open{
    top: 9999999999px;
    /*background: rgba(255,255,255,0);*/
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    -webkit-transition-delay: 4000ms;
    -moz-transition-delay: 4000ms;
    -o-transition-delay: 4000ms;
    transition-delay: 4000ms;
}
/*.intro-button*/
.intro-button {
    background: #438011;
    width: 300px;
    border-radius: 30px;
    opacity: 1;
    height: 50px;
    margin-top: 50px;
    clear: both;
    transform: translateY(20px);
    position: absolute;
    top: calc(100% - 45%);
    left: calc(50% - 150px);
    z-index: 999999999999;
    -webkit-transition: background 0.25s ease-out;
    -moz-transition: background 0.25s ease-out;
    -ms-transition: background 0.25s ease-out;
    -o-transition: background 0.25s ease-out;
    transition: background 0.25s ease-out;
}
.intro-button a {
    color: #fff;
    display: block;
    width: 300px;
    font-family: sans-serif;
    text-align: center;
    line-height: 50px;
    font-size: 32px;
    text-decoration: none;
    text-shadow: 1px 1px #000;
    border-radius: 30px;
    background-image: url(/wp-content/uploads/2017/10/shine.png);
    background-repeat: no-repeat;
    background-position: -60px center;
    -webkit-transition: background-position 0.25s ease-out;
    -moz-transition: background-position 0.25s ease-out;
    -ms-transition: background-position 0.25s ease-out;
    -o-transition: background-position 0.25s ease-out;
    transition: background-position 0.25s ease-out;
}
.intro-button a:hover{
    background-position: 320px center;
    color: #438011;
    -webkit-transition: background-position 0.25s ease-out;
    -moz-transition: background-position 0.25s ease-out;
    -ms-transition: background-position 0.25s ease-out;
    -o-transition: background-position 0.25s ease-out;
    transition: background-position 0.25s ease-out;
}
.intro-button:hover{
     background: #fff;
}
.intro-button.open{
    opacity: 0;
}
.home-intro {
    padding-top: 60px;
    transform: scale(0.1);
    opacity: 0;
    -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -ms-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
    position: relative;
    z-index: 2;
}
.home-intro.open{
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
}
/*@media screen and (max-width: 1366px) {
    div#intro-screen #gate-main .gate {
        bottom: 35px;
    }
    div#intro-screen #gate-main .left-fence, div#intro-screen #gate-main .right-fence{
        bottom: -20px;
    }
    .home-intro{
        padding-top: 0;
    }
    body.home #page #content h1.title span.text {
        padding-top: 100px;
        width: 50%;
    }
    body.home #page #content h1.title span, body.home #page #content h2 {
        font-size: 60px;
    }
    body.home #page #content h1.title span.logo {
        width: 20%;
    }
    .home-intro .links.first-row{
        padding: 0;
    }
}
@media screen and (max-width: 768px) {
    .grayoverlay1, .grayoverlay2{
        display: none;
    }
    .center {
    display: none;
}
.home-intro .links.first-row .left, .home-intro .links.first-row .right {
    width: 100%;
    text-align: center;
        padding: 10px 0;
}
.home-intro .links.first-row .right a.moving-out, .home-intro .links.first-row .left a.moving-in{
    display: block;
    float: none;
    margin: 0 auto;
}
body.home #page #content h1.title span.logo{
    width: 40%;
}
}
@media screen and (max-width: 480px) {
    body.home #page #content h1.title span.logo {
        width: 60%;
        display: block;
        margin: 0 auto;
        float: none;
    }
    body.home #page #content h1.title span.text{
        width: 100%;
        text-align: center;
        padding: 0;
    }
}
@media screen and (max-width: 320px) {
    div#intro-screen #gate-main .right-fence, div#intro-screen #gate-main .left-fence{
        display: none;
    }
    .home-intro  .second-row a{
        width: 300px;
        font-size: 24px;
        margin: 0 auto;
    }
    .home-intro .links.first-row a{
        width: 300px;
    }
    .home-intro .links.first-row a .text{
        font-size: 26px;
        width: 220px;
    }
    .home-intro .links.first-row a span.icon {
        float: left;
        width: 80px;
    }
}
@media screen and (max-width: 768px){
    body.home #page #content{
        background-image: url(/wp-content/uploads/2017/10/bg-portrait.jpg);
    }
}
@media screen and (max-width: 720px){
    body.home #page #content{
        background-image: url(/wp-content/uploads/2017/10/bg-portrait.jpg);
    }
}
@media screen and (max-width: 640px){
    body.home #page #content{
        background-image: url(/wp-content/uploads/2017/10/bg-portrait.jpg);
    }
}
@media screen and (max-width: 480px){
    body.home #page #content{
        background-image: url(/wp-content/uploads/2017/10/bg-portrait.jpg);
    }
}*/