/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin     : 0.2em 0;
    background : #ccc;
    color      : #000;
    padding    : 0.2em 0;
}

/* ==========================================================================
   Parallax Scroll
   ========================================================================== */

.loaded section,
.no-js section {
    opacity            : 1;
    -webkit-transition : opacity 300ms ease-out;
    -moz-transition    : opacity 300ms ease-out;
    transition         : opacity 300ms ease-out;
}

#preload {
    width    : 1px;
    height   : 1px;
    overflow : hidden;
    position : absolute;
    top      : 0;
    left     : 0;
}

.bcg {
    background-position   : 0 0;
    /*background-repeat: no-repeat;*/
    background-attachment : fixed;
    /*background-size: cover;*/
    height                : 450px;
    width                 : 100%;
}

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

.hsContent {
    font-family : 'Roboto', sans-serif;
    position    : absolute;
    left        : 0;
    top         : 50px;
    width       : 100%;
    padding     : 10px 25px;
}

.hsContent h2 {
    font-family : 'Roboto', sans-serif;
    font-weight : 600;
    color       : #ffffff;
}

.hsContent p {
    text-align : center;
    color      : #ffffff;
    font-size  : 24px;
}

.hsContent a {
}

/* Slide 1 */
#slide-1 .bcg {
    background-image : url('../images/paralax03.jpg')
}

/* Slide 2 */
#slide-2 .bcg {
    background-image : url('../images/paralax02.jpg')
}

/* Slide 3 */
#slide-3 .bcg {
    background-image : url('../images/paralax04.jpg')
}

#slide-3 .hsContent {
}

/* Slide 4 */
#slide-4 .bcg {
    background-image : url('../images/paralax01.jpg')
}

#slide-4 .hsContent {
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color : transparent;
    border           : 0;
    overflow         : hidden;
    /* IE 6/7 fallback */
    *text-indent     : -9999px;
}

.ir:before {
    content : "";
    display : block;
    width   : 0;
    height  : 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display    : none !important;
    visibility : hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border   : 0;
    clip     : rect(0 0 0 0);
    height   : 1px;
    margin   : -1px;
    overflow : hidden;
    padding  : 0;
    position : absolute;
    width    : 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip     : auto;
    height   : auto;
    margin   : 0;
    overflow : visible;
    position : static;
    width    : auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility : hidden;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width : 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-o-min-device-pixel-ratio : 5/4),
(-webkit-min-device-pixel-ratio : 1.25),
(min-resolution : 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background  : transparent !important;
        color       : #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow  : none !important;
        text-shadow : none !important;
    }
    
    a,
    a:visited {
        text-decoration : underline;
    }
    
    a[href]:after {
        content : " (" attr(href) ")";
    }
    
    abbr[title]:after {
        content : " (" attr(title) ")";
    }
    
    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content : "";
    }
    
}

.reg-table {
    color : black;
}

.reg-table th {
    padding          : 20px;
    text-align       : left;
    color            : white;
    background-color : #190a35;
    width            : 1366px;
}

.reg-table td {
    padding-top  : 20px;
    padding-left : 20px;
}

.reg-table .reg-price, .reg-table .reg-qty, .reg-table .reg-total {
    font-size   : 12px;
    font-weight : 400;
}

.reg-table .reg-row-ticket td {
    padding-top   : 20px;
    padding-left  : 20px;
    font-weight   : bold;
    border-top    : 1px solid #b9bbc2;
    border-bottom : 1px solid #b9bbc2;
}

.reg-table .reg-row-ticket td span {
    font-weight : 400;
}

.reg-table .reg-row-ticket .width-650 {
    width : 650px;
}

.reg-promo input {
    padding : 5px;
    width   : 150px;
}

.reg-table .reg-row-ticket select {
    width         : 67px;
    border-radius : 5px;
    padding       : 3px;
}

.promo-button {
    padding          : 7px;
    background-color : #190a35;
    color            : white;
    border           : none;
}

.order-now {
    margin           : 5px;
    padding          : 10px;
    background-color : #ec008b;
    border           : none;
    width            : 204px;
    color            : white;
    font-weight      : 400;
    font-size        : 22px;
    font-family      : 'Open Sans', sans-serif;
}

.book-your-seats {
    text-align     : center;
    padding-bottom : 35px;
    color          : black;
}

.orderButton #submit_order {
    color           : white;
    background      : #f24175;
    padding         : 5px 10px;
    font-size       : 22px;
    border-radius   : 10px;
    text-decoration : none;
    border          : 2px solid #f24175;
}

.orderButton #book_now {
    color           : white;
    background      : #f24175;
    padding         : 5px 10px;
    font-size       : 22px;
    border-radius   : 10px;
    text-decoration : none;
    border          : 2px solid #f24175;
}

.orderButton #submit_order:hover {
    background : white;
    color      : #f24175;
}

.margin-r-35 {
    margin-right : 35px;
}

.heading .logo {
    width : 125px;
}

/*Bootsrap Classes*/
.input-lg {
    height        : 40px;
    padding       : 10px 15px;
    font-size     : 15px;
    line-height   : 1.333333;
    border-radius : 6px;
    width         : 100%;
}

.reg-form {
    display : none;
}

.reg-form .reg-form-title {
    font-size   : 18px;
    font-weight : bold;
}

.pinkHuyovina {
    background-color : rgba(242, 65, 117, 0.9);
    color            : #fff;
    padding          : 42px 0;
    top              : calc(50% - 125px);
    width            : 250px;
    height           : 250px;
    border-radius    : 50%;
    line-height      : 20px;
    font-weight      : 600;
    left             : calc(55% - 125px);
    box-shadow       : -1px 2px 8px -2px #000;
    z-index          : 1;
    text-align       : center;
    margin           : 20px auto;
}

.pinkHuyovina:before {
    position    : absolute;
    content     : url("../images/arrow_left.png");
    margin-left : -228px;
    margin-top  : -88px;
}

.pinkHuyovina .mid-text {
    margin    : 70px auto;
    font-size : 20px;
}

.sg-page-width-normal .descr {
    background-color : #fff;
    padding          : 10px;
    box-sizing       : border-box;
    border-radius    : 20px;
    display          : inline-block;
    margin           : 0px;
    color            : #0e3e13;
    font-weight: 600;
}

.sg-page-width-normal .partner_body {
    padding-top : 30px;
}

.doabankButton {
    padding-top : 5px;
}

.doabankButton #doabank {
    color           : white;
    background      : #f24175;
    padding         : 5px 10px;
    font-size       : 22px;
    border-radius   : 10px;
    text-decoration : none;
    border          : 2px solid #f24175;
}

/*awards social fields section*/
td.awards_social {
    padding-top : 0px;
}

td.awards_social_icons {
    padding-top : 0px;
}

.sg-section-header-top-line {
    height           : 2px;
    width            : 100%;
    background-color : #f7008c;
    margin-top       : 0px;
}

.sg-section-header-bottom-line {
    height           : 2px;
    width            : 100%;
    background-color : #f7008c;
    margin-top       : 10px;
}

.opportunities-text {
    font-size: 26px;
    color: #994a6f;
    text-transform: uppercase;
    font-weight: 600;
}

.book-now-div{
    text-align: center;
    padding-top: 65px;
}

.book-now-a {
    font-size: 26px;
    color: #98b05e;
    border: 3px solid #e56fa7;
    text-decoration: none;
    padding: 10px 65px;
}

.who-will-attend {
    color : #ffffff;
}