/*

#cd2929 red
#f5f5f5 white
#212121 black

*/

@font-face {
    font-family: "Exo2.0-Black";
    src: url("../fonts/exo_2.0/Exo2.0-Black.eot"),
        url("../fonts/exo_2.0/Exo2.0-Black.otf");
}

@font-face {
    font-family: "Exo2.0-Bold";
    src: url("../fonts/exo_2.0/Exo2.0-Bold.eot"),
        url("../fonts/exo_2.0/Exo2.0-Bold.otf");
}

@font-face {
    font-family: "Exo2.0-Thin";
    src: url("../fonts/exo_2.0/Exo2.0-Thin.eot"),
        url("../fonts/exo_2.0/Exo2.0-Thin.otf");
}

@font-face {
    font-family: "Exo2.0-Regular";
    src: url("../fonts/exo_2.0/Exo2.0-Regular.eot"),
        url("../fonts/exo_2.0/Exo2.0-Regular.otf");
}

body {
    font-family: "Exo2.0-Regular", sans-serif;
    background-color: #f5f5f5;
}

::-webkit-scrollbar {
    width: 7px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    padding: 0 2px;
}

::-webkit-scrollbar-thumb {
    background-color: #bc2525;
    border-radius: 4px;
    padding: 0 2px;
    /*outline: 1px solid #333;*/
}

.top-bar {
    float: left;
    position: fixed;
    width: 100%;
    height: 75px;
    z-index: 10;
    /*background : url("../img/nav-bg.png") repeat-x;*/
}

.wrap960 {
    width: 90%;
    margin: 0 auto;
}

.logo-box {
    float: left;
    position: relative;
    left: 7%;
    width: 75px;
    height: 75px;
    background-repeat: no-repeat;
    overflow: hidden;
}

.logo {
    transition: background 0.3s ease-out;
    background: url("../img/plogo2k15.png") repeat-x;
    background-size: 100% 100%;
}

.logo-box p {
    margin: 0;
    height: 75px;
}

.logo>a {
    text-indent: -9999px;
}

.nav-box {
    height: 75px;
    width: 600px;
    /*background: #00f;*/
    float: right;
}

.menu-button {
    display: none;
    float: right;
    background: url("../img/menu-button.png") left center;
    width: 36px;
    height: 50px;
}

.nav {
    list-style-type: none;
    text-align: center;
    position: relative;
}

.nav li {
    display: inline-block;
    position: relative;
}

.nav a {
    font-family: "Exo2.0-Thin", sans-serif;
    text-transform: uppercase;
    position: relative;
    top: 10px;
    text-decoration: none;
    color: #f5f5f5;
    padding: 29px 10px;
    background: url("../img/nav-bg.png") no-repeat;
    background-position: 300px 0px;
    transition: background 0.3s linear, color 0.3s linear;
}

.nav a:hover,
.nav-active {
    /*background : url("../img/nav-bg.png") no-repeat;*/
    background-position: center bottom !important;
    color: #fff !important;
    transition: background 0.3s linear, color 0.3s linear;
}

.top-bar-black {
    background-color: #333;
}

.top-bar-black a {
    color: #a4a4a4;
}

.top-bar-black a:hover {
    color: #fff !important;
}

.top-bar-black .logo {
    transition: background 0.3s ease-in;
    /*background: url("../img/para_logo_ph.png") no-repeat;*/
    background-position: -100%;
}

.home-slide {
    width: 100%;
    height: 100%;
    min-height: 600px;
    background: #333 url("../img/slide-bg.jpg") no-repeat center center fixed;
    background-size: cover;
}

.overlay-pattern {
    background: url("../img/black-pattern.png");
    width: 100%;
    height: 100%;
}

.scroll-down {
    width: 50px;
    height: 50px;
    margin: 0;
    position: absolute;
    left: 45%;
    bottom: 10px;
    cursor: pointer;
}

.para-slide {
    font-size: 1em;
    margin: 0 auto;
    font-weight: normal;
    line-height: 80px;
    position: relative;
    top: 30%;
    width: 850px;
}

.pre-para,
.para-slide,
.post-para {
    text-transform: uppercase;
}

.pre-para {
    height: 80px;
    color: #f5f5f5;
    font-size: 4em;
    font-family: "Exo2.0-Thin", sans-serif;
    text-align: left;
    padding-left: 20px;
}

.para {
    font-family: "Exo2.0-Bold", sans-serif;
    font-size: 8em;
    color: #cd2929;
    height: 0px;
    width: 50%;
    text-align: right;
    box-sizing: border-box;
}

.digm {
    float: right;
    height: 0px;
    width: 50%;
    box-sizing: border-box;
    font-size: 7em;
    color: #f5f5f5;
    font-family: "Exo2.0-Thin", sans-serif;
}

.post-para {
    text-align: right;
    line-height: 260px;
    color: #cd2929;
    font-size: 3em;
    font-family: "Exo2.0-Bold", sans-serif;
    display: none;
    padding-right: 55px;
}

/* NOTE: about section css begins*/
.about-container {
    height: auto;
    background: url("../img/bg_dots_black.png");
    padding: 50px 0;
}

.section-title {
    text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
    font-family: "Exo2.0-Bold", sans-serif;
    font-size: 2em;
    text-transform: uppercase;
    text-align: center;
    color: #212121;
}

.section-title p {
    font-size: 0.5em;
    margin: 0;
    line-height: 3px;
}

.about-para {
    width: 80%;
    margin: 0 auto;
    padding: 40px 0;
    text-align: center;
    font-family: "Exo2.0-Regular", sans-serif;
}

.about-para span {
    color: #cd2929;
    font-weight: bold;
}

.main-logo-container {
    width: 100%;
    height: 300px;
}

.main-logo {
    width: 250px;
    margin: 0 auto;
    overflow: hidden;
}

.para-detail-container {
    width: 100%;
    height: 100px;
    text-align: center;
    text-transform: uppercase;
    font-family: "Exo2.0-Bold", sans-serif;
}

.num-event {
    width: 33.3333333333%;
    box-sizing: border-box;
    float: left;
}

.event-date {
    width: 33.3333333333%;
    box-sizing: border-box;
    float: left;
}

.cash-prize {
    width: 33.3333333333%;
    box-sizing: border-box;
    float: right;
}

.num-event span,
.cash-prize span,
.event-date span {
    color: #cd2929;
    font-size: 3em;
}

.team-container,
.register-container {
    width: 100%;
    height: auto;
    background: #333 url("../img/slide-bg.jpg") no-repeat center center fixed;
    background-size: cover;
}

.black-overlay {
    width: 100%;
    height: 100%;
    background: url("../img/black-pattern.png");
}

.member-detail {
    font-family: "Exo2.0-Bold", sans-serif;
    color: #a4a4a4;
    padding: 25px 0;
}

.member-photo {
    height: 100px;
    width: 100px;
    margin: 0 auto;
}

.member-name a {
    text-decoration: none;
    color: #a4a4a4;
}

.member-name {
    font-size: 0.8em;
    color: #a4a4a4;
    text-transform: uppercase;
}

.member-post {
    color: #cd2929;
    text-transform: uppercase;
    font-size: 0.6em;
}

.container {
    text-align: center;
    padding-bottom: 20px !important;
}

.register-info {
    width: 80%;
    text-align: center;
    font-size: 1em;
    color: #a4a4a4;
    text-transform: uppercase;
    margin: 0 auto;
    padding: 30px 0;
}

.reg-button {
    text-decoration: none;
    padding: 10px;
    background: #cd2929;
    color: #f5f5f5;
    font-size: 1.2em;
    font-family: "Exo2.0-Thin", sans-serif;
}

.reg-button:hover {
    background: #de3030;
}

.contact-us {
    color: #fff;
    text-transform: uppercase;
    width: 95%;
    height: 0px;
    position: relative;
    bottom: 138px;
}

/* NOTE: about section css ends */

/* NOTE: event details css start */
.event-content {
    display: none;
    min-height: 500px;
    /*height: 100vh;*/
    width: 100%;
    background: url("../img/bg_dots_black.png");
}

.whole-event {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.event {
    height: 100%;
    width: 100%;
    display: none;
    /*overflow: hidden;*/
}

.event-1>.event-image {
    background: #fff url("../img/eddard.png") no-repeat;
}

.event-2>.event-image {
    background: #fff url("../img/web.jpg") no-repeat;
}

.event-3>.event-image {
    background: #fff url("../img/itachi.jpg") no-repeat;
}

.event-4>.event-image {
    background: #fff url("../img/nine.png") no-repeat;
}

.event-5>.event-image {
    background: #fff url("../img/golem.png") no-repeat;
}

.event-6>.event-image {
    background: #fff url("../img/zorro.png") no-repeat;
}

.event-7>.event-image {
    background: #fff url("../img/botno.png") no-repeat;
}

.event-8>.event-image {
    background: #fff url("../img/jacksparrow.png") no-repeat;
}

.event-9>.event-image {
    background: #fff url("../img/nine.png") no-repeat;
}

.event-10>.event-image {
    background: #fff url("../img/zorro.png") no-repeat;
}

.event-11>.event-image {
    background: #fff url("../img/jacksparrow.png") no-repeat;
}

.event-12>.event-image {
    background: #fff url("../img/botno.png") no-repeat;
}

.event-13>.event-image {
    background: #fff url("../img/itachi.jpg") no-repeat;
}

.event-image {
    width: 40%;
    float: left;
    height: 100%;
    background-size: cover !important;
}

.instruct {
    width: 40%;
    height: 100%;
    color: #cd2929;
    overflow-y: scroll;
    padding: 10px 35px;
    box-sizing: border-box;
    /*position: relative;*/
    float: left;
    /*right:90%;*/
    /*opacity:0.8;*/
    background: #fff;
}

.instruct h1 {
    text-align: center;
    position: relative;
    right: 15px;
}

.instruct h3 {
    text-align: center;
}

li ol li {
    list-style-type: upper-latin;
}

.instruct p {
    text-align: center;
}

.align-right {
    text-align: right;
}

.ins-close {
    position: relative;
    top: 1em;
    /*position:relative;*/
    right: 25px;
    float: left;
    width: 2.5em;
    height: 2.5em;
    cursor: pointer;
}

.info {
    height: 100%;
    font-family: "Exo2.0-Regular", sans-serif;
    color: #fff;
    text-align: center;
    width: 60%;
    background: #cd2929;
    float: left;
}

.info-close {
    width: 2em;
    height: 2em;
    position: relative;
    float: right;
    right: 1%;
    top: 1%;
    cursor: pointer;
}

.desc {
    font-family: "Exo2.0-Regular", sans-serif;
    width: 100%;
    height: 65%;
    padding: 0.7em;
    padding-top: 2em;
    box-sizing: border-box;
}

.event_title {
    font-family: "Exo2.0-Bold", sans-serif;
    width: 100%;
    padding-left: 3%;
    box-sizing: border-box;
    font-variant: small-caps;
    font-size: 3em;
    line-height: 57px;
}

.button {
    width: 100%;
    font-family: "Exo2.0-Bold", sans-serif;
}

.instruction {
    width: 100%;
    left: 25%;
    height: 100%;
    box-sizing: border-box;
    padding-top: 35px;
}

.ins {
    text-decoration: none;
    color: inherit;
    font-family: "Exo2.0-Thin", sans-serif;
    font-size: 1.8em;
    background: #cd2929;
    padding: 0.3em;
    padding-left: 0.6em;
    padding-right: 0.6em;
    box-shadow: 0.1em 0.1em 0.2em #333;
    border-radius: 0.15em;
}

.contact {
    font-family: "Exo2.0-Regular", sans-serif;
    font-size: 15px;
    height: 30%;
    width: 100%;
    padding: 0.7em;
    box-sizing: border-box;
}

.head_info {
    height: 60%;
    width: 100%;
}

.head {
    width: 50%;
    float: left;
    height: 80%;
    text-align: center;
}

.head-name {
    font-size: 2.5em;
    line-height: 37px;
    font-family: "Exo2.0-Thin", sans-serif;
    font-variant: small-caps;
    text-align: center;
}

.ph {
    font-family: "Exo2.0-Bold", sans-serif;
    font-size: 15px;
}

.leftarrow {
    float: left;
    position: relative;
    bottom: 55%;
    left: 3%;
    height: 0%;
}

.rightarrow {
    float: right;
    position: relative;
    bottom: 55%;
    right: 3%;
    height: 0%;
}

.event-inactive {
    display: none;
}

.event-active {
    display: block;
}

/* NOTE: event details css end */

.map-line {
    width: 100%;
    height: 5px;
    background: #cd2929;
}

.ssn-map {
    width: 100%;
    height: 400px;
}

.ssn-map iframe {
    width: 100%;
    height: 390px;
}

footer {
    background: #333;
}

.foot {
    color: #a4a4a4;
    padding-top: 20px;
    text-align: center;
    font-family: "Exo2.0-Regular", sans-serif;
    padding-bottom: 20px;
}

.foot a {
    text-decoration: none;
    color: #cd2929;
}

.foot a:hover {
    color: #ab2323;
}

/* NOTE: EVENT GRID CSS BEGINS */
.event-container {
    padding: 50px 0;
    background: url("../img/bg_dots_black.png");
}

.event_column {
    height: 200px;
    cursor: pointer;
    /*border: 1px solid black;*/
}

.event_column img {
    height: 200px;
}

.eventhover {
    display: none;
    width: 100%;
    height: 200px;
    text-align: center;
    text-transform: uppercase;
    font-family: "Exo2.0-Bold", sans-serif;
    font-size: 1.3em;
    color: #cd2929;
    text-shadow: 1px 0px #111;
}

.eventhover div {
    width: 100%;
    height: 100px;
    padding-top: 35%;
}

.event-hover-active {
    display: block;
    background: rgba(0, 0, 0, 0.5) url("../img/black-pattern.png");
    /*height:200px;*/
    position: relative;
    bottom: 200px;
}

.plus {
    background: url("../img/more.png") no-repeat 50% 60%;
    background-size: 20% 23%;
}

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.column,
.columns {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.row {
    padding: 20px 0;
}

/* For devices larger than 400px */
@media (min-width: 320px) {
    .container {
        width: 85%;
        padding: 0;
    }

    .column,
    .columns {
        margin-left: 4%;
    }

    .column:first-child,
    .columns:first-child {
        margin-left: 0;
    }

    .six.columns {
        width: 48%;
    }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
    .container {
        width: 80%;
    }

    .column,
    .columns {
        margin-left: 4%;
    }

    .column:first-child,
    .columns:first-child {
        margin-left: 0;
    }

    .one.column,
    .one.columns {
        width: 4.66666666667%;
    }

    .two.columns {
        width: 13.3333333333%;
    }

    .three.columns {
        width: 22%;
    }

    .four.columns {
        width: 30.6666666667%;
    }

    .five.columns {
        width: 39.3333333333%;
    }

    .six.columns {
        width: 48%;
    }

    .seven.columns {
        width: 56.6666666667%;
    }

    .eight.columns {
        width: 65.3333333333%;
    }

    .nine.columns {
        width: 74%;
    }

    .ten.columns {
        width: 82.6666666667%;
    }

    .eleven.columns {
        width: 91.3333333333%;
    }

    .twelve.columns {
        width: 100%;
        margin-left: 0;
    }

    .one-third.column {
        width: 30.6666666667%;
    }

    .two-thirds.column {
        width: 65.3333333333%;
    }

    .one-half.column {
        width: 48%;
    }

    /* Offsets */
    .offset-by-one.column,
    .offset-by-one.columns {
        margin-left: 8.66666666667%;
    }

    .offset-by-two.column,
    .offset-by-two.columns {
        margin-left: 17.3333333333%;
    }

    .offset-by-three.column,
    .offset-by-three.columns {
        margin-left: 26%;
    }

    .offset-by-four.column,
    .offset-by-four.columns {
        margin-left: 34.6666666667%;
    }

    .offset-by-five.column,
    .offset-by-five.columns {
        margin-left: 43.3333333333%;
    }

    .offset-by-six.column,
    .offset-by-six.columns {
        margin-left: 52%;
    }

    .offset-by-seven.column,
    .offset-by-seven.columns {
        margin-left: 60.6666666667%;
    }

    .offset-by-eight.column,
    .offset-by-eight.columns {
        margin-left: 69.3333333333%;
    }

    .offset-by-nine.column,
    .offset-by-nine.columns {
        margin-left: 78%;
    }

    .offset-by-ten.column,
    .offset-by-ten.columns {
        margin-left: 86.6666666667%;
    }

    .offset-by-eleven.column,
    .offset-by-eleven.columns {
        margin-left: 95.3333333333%;
    }

    .offset-by-one-third.column,
    .offset-by-one-third.columns {
        margin-left: 34.6666666667%;
    }

    .offset-by-two-thirds.column,
    .offset-by-two-thirds.columns {
        margin-left: 69.3333333333%;
    }

    .offset-by-one-half.column,
    .offset-by-one-half.columns {
        margin-left: 52%;
    }
}

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
    content: "";
    display: table;
    clear: both;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Larger than mobile */
@media only screen and (min-width: 320px) and (max-width: 549px) {
    html {
        font-size: 0.48em;
    }

    .top-bar {
        height: 50px;
    }

    .wrap960 {
        width: 98%;
    }

    .logo-box {
        left: 0;
        height: 50px;
        width: 50px;
    }

    .logo-box p {
        height: 50px;
    }

    .nav-box {
        height: auto;
        width: 100%;
        background-color: #333;
    }

    .nav {
        font-size: 16px;
        padding-left: 0px;
        margin: 0 auto;
        position: static;
    }

    .nav a {
        top: 0;
        padding: 0 0;
        background: none;
    }

    .nav li {
        padding: 5px 0;
        border-top: 1px solid #888;
    }

    .home-slide {
        min-height: 180px;
    }

    .para-slide {
        width: 300px;
        font-size: 0.8em;
    }

    .pre-para {
        padding-left: 5px;
        height: 50px;
    }

    .post-para {
        padding-right: 18px;
        line-height: 180px;
    }

    /*.team-container{height:400px;}*/
    .about-para {
        font-size: 10px;
    }

    .event_column {
        display: none;
    }

    .quotes {
        font-size: 10px;
    }

    .event-image {
        width: 0%;
    }

    .instruct {
        width: 100%;
    }

    .event-content {
        min-height: 350px;
        max-height: 420px;
    }

    .info {
        width: 100%;
    }

    .head-name {
        font-size: 1.3em;
    }

    .ph {
        font-size: 0.7em;
    }

    .register-container {
        height: 240px;
    }

    .foot {
        font-size: 10px;
    }

    .contact-us {
        bottom: 110px;
        font-size: 1em;
    }
}

/* Larger than phablet (also point when grid becomes active) */
@media only screen and (min-width: 550px) and (max-width: 749px) {
    html {
        font-size: 0.6em;
    }

    .top-bar {
        height: 50px;
    }

    .wrap960 {
        width: 98%;
    }

    .logo-box {
        left: 0;
        height: 50px;
        width: 50px;
    }

    .logo-box p {
        height: 50px;
    }

    .nav-box {
        height: 50px;
        width: 432px;
    }

    .nav a {
        top: 10px;
        padding: 16px 7px;
    }

    .home-slide {
        min-height: 300px;
    }

    .para-slide {
        width: 480px;
    }

    .pre-para {
        padding-left: 5px;
        height: 50px;
    }

    .post-para {
        padding-right: 18px;
        line-height: 180px;
    }

    /*.team-container{height:320px;}*/
    .event_column {
        height: 120px;
    }

    .event_column img {
        height: 120px;
    }

    .eventhover {
        height: 120px;
    }

    .event-hover-active {
        bottom: 120px;
    }

    .event-image {
        width: 0%;
    }

    .instruct {
        width: 100%;
    }

    .event-content {
        height: 400px;
    }

    .info {
        width: 100%;
    }

    .head-name {
        font-size: 2em;
    }

    .register-container {
        height: 240px;
    }

    .contact-us {
        bottom: 100px;
    }
}

/* Larger than tablet */
@media only screen and (min-width: 750px) and (max-width: 999px) {
    html {
        font-size: 0.75em;
    }

    .top-bar {
        height: 60px;
    }

    .wrap960 {
        width: 97%;
    }

    .logo-box {
        height: 60px;
        width: 120px;
    }

    .logo-box p {
        height: 60px;
    }

    .nav-box {
        height: 60px;
        width: 500px;
    }

    .nav a {
        top: 10px;
        padding: 22px 10px;
    }

    .home-slide {
        min-height: 450px;
    }

    .para-slide {
        width: 650px;
    }

    .pre-para {
        padding-left: 27px;
        height: 62px;
    }

    .post-para {
        padding-right: 52px;
        line-height: 220px;
    }

    .event_column {
        height: 150px;
    }

    .event_column img {
        height: 150px;
    }

    .eventhover {
        height: 150px;
    }

    .event-hover-active {
        bottom: 150px;
    }

    .event-image {
        background-size: contain !important;
    }

    .head-name {
        font-size: 2em;
    }

    .register-container {
        height: 280px;
    }

    .contact-us {
        bottom: 110px;
    }
}

/* Larger than desktop */
@media (min-width: 1000px) and (max-width: 1199) {
    /*.team-container{height:400px;}*/
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}