@charset "utf-8";

/*----------intial declartaion of css----------*/
* {padding: 0;margin: 0;list-style: none;}
* {margin: 0;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;}
html {-webkit-text-size-adjust: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
ul {list-style:circle;}
li {display: list-item; list-style: circle; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none}
q:before,
q:after { content: ''; content: none}
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}
nav ul,
nav ol { list-style: none; list-style-image: none;}
button,
input,
select,
textarea { font-size: 100%; margin: 0; vertical-align: baseline;}
textarea { overflow: auto; vertical-align: top}
table { border-collapse: collapse; border-spacing: 0}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: none; cursor: pointer;}
/* remember to define focus styles! */
:focus { outline: 0;}
ol,
ul { list-style: circle; font-family: basic-sans,sans-serif; font-size: 18px;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption,
th,
td {text-align: left;font-weight: normal;}
a {text-decoration: none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content: "";}
blockquote,
q {quotes: """"; }
table {border: 0 none;border-collapse: collapse;border-spacing: 0; }
td {vertical-align: top; }
img {border: 0 none;max-width: 100%; }
a {outline: none;cursor: pointer;}
/* End hide from IE Mac */
.none {display: none; }
/* End Clearfix */ 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; }
.clear {clear: both; }
img {max-width: 100%; }
/* For modern browsers */
.cf:before,
.cf:after {content: "";display: table; }
.cf:after {clear: both; }
.cf {*zoom: 1; }
/* For IE 6/7 (trigger hasLayout) */
p { font-size: 18px;line-height: 1.2;padding-top: 25px;color: #000;font-family: basic-sans, sans-serif;font-weight: 400; }
h1 { font-size: 115px;line-height: 1;margin: 0 0 4px;font-family: 'Ubuntu Condensed';position: relative;text-transform: uppercase;color: #8dc63f;font-weight: 400; }
h2 { font-size: 76px;line-height: 1.15;margin: 0 0 0;font-family: 'Ubuntu Condensed';position: relative;color: #1a1f41;font-weight: 400; }
h3 { font-size: 33px;line-height: 1;margin: 0 0 0px;font-family: 'Ubuntu Condensed';position: relative;color: #8dc63f;font-weight: 400; }
h4 { text-transform: uppercase;font-size: 30px;line-height: 1.2;margin: 0 0 10px;font-family: 'Ubuntu Condensed';color: #1a1f41;font-weight: 400;letter-spacing: 0.0px; }
h5 { font-size: 39px;line-height: 1.2;margin: 0 0 27px;font-family: 'Ubuntu Condensed';text-transform: uppercase;color: #8dc63f;font-weight: 400; }
h6 {font-size: 22px;line-height: 1.2;margin: 0 0 22px;font-family: basic-sans, sans-serif;color: #00295b;font-weight: 700;text-transform: uppercase;letter-spacing: 0.8px;}
a {transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;}
body { margin: 0; padding: 0; font-family: 'Ubuntu Condensed'; font-size: 20px; color: #000000 }
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; }
body, html { height: 100%; }
input { border-radius: 0; -webkit-appearance: none; }
section {padding:60px 0 0 0;}

/*-----------header section styles goes here---------------*/
/*menu start here*/
.sticky header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background: #ffffff;    
    padding: 30px 80px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
    animation: slideDown 0.5s linear 0.3s; -webkit-animation: slideDown 0.5s linear 0.3s; -moz-animation: slideDown 0.5s linear 0.3s; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
}
@keyframes slideDown {
 0% {
 transform: translateY(-300%)
}
 100% {
 transform: translateY(0%)
}
}
 @-webkit-keyframes slideDown {
 0% {
 -webkit-transform: translateY(-300%)
}
 100% {
 -webkit-transform: translateY(0%)
}
}
 @-moz-keyframes slideDown {
 0% {
 -moz-transform: translateY(-300%)
}
 100% {
 -moz-transform: translateY(0%)
}
}
.wrapper {
    overflow: hidden;
}

/*Default menu styles*/

.menu-icon {
    display: none;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    line-height: 25px;
    font-size: 22px;
    padding: 8px 0;
}

.menu-icon .menu-box {
    width: 50px;
    height: 38px;
    margin-left: auto;
    padding: 5px;
}

.menu-icon .menu-box span {
    width: 100%;
    height: 4px;
    margin-bottom: 6px;
    background: #00295b;
    display: block;
    border-radius: 2px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.menu-icon.active span:nth-child(1) {
    transform: rotate(45deg) translateY(8px) translateX(6px);
    -webkit-transform: rotate(45deg) translateY(8px) translateX(6px);
}

.menu-icon.active span:nth-child(2) {
    opacity: 0;
}

.menu-icon.active span:nth-child(3) {
    transform: rotate(-45deg) translateY(-7px) translateX(6px);
    -webkit-transform: rotate(-45deg) translateY(-7px) translateX(6px);
}

.enumenu_ul .caret {
    color: #fff;
    margin-left: 7px;
}

.enumenu_ul {
    padding: 0px;
    list-style: none;
}

.enumenu_ul > li {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 23px;
    position: relative;
    padding: 0px 10px 0px;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
}

.enumenu_ul > li:last-child {
    padding-right: 0;
}

.enumenu_ul li a {
    font-size: 18px;
    color: #000000;
    padding: 0;
    display: inline-block;
    font-weight: 400;
    line-height: 17px;
    text-transform: uppercase;
    background: #ffffff;
    padding: 9px 2px 9px;
}

.enumenu_ul li a span {
    display: block;
    text-align: center;
}

.enumenu_ul > li > a:hover,
.enumenu_ul > li.active > a {
    color: #8fc742;
}

.enumenu_ul > li > a:hover img,
.enumenu_ul > li.active > a img {
    opacity: 0.7;
}

.enumenu_ul > li ul {
    display: none
}

.enumenu_ul ul li {
    width: 100%;
    margin: 0;
    list-style: none;
    position: relative;
}

.enumenu_ul.desk ul {
    top: 100%;
    z-index: 999;
    list-style: none;
    left: 0px;
    background: #fff;
    position: absolute;
    min-width: 150px;
}

.enumenu_ul > li:last-child a:before {
    content: '';
    position: absolute;
    width: 89px;
    height: 88px;
    z-index: -1;
    background-size: 100%;
    right: -58px;
    background: url(../images/ticket.png) no-repeat;
    top: -14px;
}

/*Sub menu styles*/

.menu.submenu-ul-level1 li a {
    background: rgba(31, 26, 107, 0.8);
    color: #fff;
    padding-left: 90px;
}

.enumenu_ul.desk li:hover > ul {
    display: block;
    opacity: 1;
}

.enumenu_ul.desk .sb-menu .sb-menu {
    left: 100%;
    top: 0;
}

.enumenu_ul.desk ul li a {
    padding: 10px 10px;
    display: block;
    color: #244146;
    font-size: 16px;
    text-align: center
}

.enumenu_ul.desk ul li:hover > a {
    background: #000;
    color: #fff;
}

.enumenu_ul .arrow {
    position: absolute;
    right: 10px;
    top: 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 999
}

.enumenu_ul .arrow.up {}

nav {
    text-align: center;
    margin-right: 38px;
}

/*menu end here*/
.logo-main a {
    display: flex;
    align-items: center;
}

.header-wrap {
    padding: 19px 80px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    z-index: 999;
    position: relative;
}

/*header end here*/
/*banner start here*/
.cont-banner {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 0 15px;
}
.cont-banner h1 {
    text-shadow: 0px 0px 20px rgba(141, 198, 63, 0.34);
}
.banner-cover {
    padding: 100px 0 0px;
    background-size: cover;
    background-position: 30% 50%;
    position: relative;
}

.banner-cover:before {
    position: absolute;
    content: '';
    background: url(../images/star-big.png) no-repeat;
    height: 371px;
    width: 389px;
    top: -125px;
    right: -48px;
    background-size: cover;
}

.banner-cover:after {
    position: absolute;
    content: '';
    background: url(../images/star-big.png) no-repeat;
    height: 336px;
    width: 271px;
    bottom: -211px;
    left: 0px;
    background-size: cover;
    background-position: top right;
}

.cont-banner > span {
    font-size: 26px;
    color: #fff;
    margin-bottom: 0px;
}

.cont-banner > img {
    margin-bottom: 22px; position: relative;
}

.btn {
    color: #fff;
    display: inline-block;
    font-size: 28px;
    text-transform: uppercase;
    /* padding: 30px 50px 25px; */
    line-height: 1.2;
    border-radius: 50%;
    text-align: center;
}

.btn:hover {
    color: #8dc63f;
}

.box-btn {
    font-size: 28px;
    text-transform: uppercase;
    line-height: 1.2;
    border-radius: 50%;
    text-align: center;
    width: 222px;
    height: 135px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    background: url(../images/btn-bg.png) no-repeat;
}

.box-btn:hover{
     background: url(../images/btn-bg-hover.png) no-repeat;
}

.btn-green {
    border-color: #8dc63f;
    border:0;
    color:white;
    background: url(../images/btn-g-bg.png) no-repeat;
}

.btn-green:hover {
    background: url(../images/btn-g-bg-hover.png) no-repeat;
    color: #ffffff;
}

.btn-blue {
    color: #00295b;
    background: url(../images/btn-b-bg.png) no-repeat;

}
.btn-blue:hover {
    color: #fff;
    background: url(../images/btn-b-bg-hover.png) no-repeat;
}


.btn-cover {
    text-align: center;
    z-index: 999;
    position: relative;
}

.btn-cover .btn {
    font-size: 24px;
    line-height: 1.1;
}

.bottom-banner > span {
    font-size: 24px;
    color: #ffffff;
    text-transform: uppercase;
    display: block;
    margin-top: 40px;
    background-color: #8dc63f;
    padding:20px;
    margin-top: 150px;
}

.bottom-banner {
    margin-top: 90px;
}

.banner-wrap {
    position: relative;
    padding:0;
}

.banner-wrap:after {
    content: '';
    height: 25px;
    width: 100%;
    background: url(../images/pattern-green.png);
    display: inline-block;
}
.banner-wrap:before {
    position: absolute;
    content: '';
    background: url(../images/double-star.png) no-repeat;
    width: 232px;
    height: 292px;
    background-size: cover;
    right: -19px;
    bottom: -339px;
}
/*banner end here*/

/*star content start here*/
.cover-cont {
    width: 50%;
    padding: 0 20px 0 80px;
}

.cover-cont-2 {
    padding: 50px 100px;
}
.top-img {
    width: 50%;
    padding:50px 0;
    text-align:center; 
}
.top-img-2{
    padding:0;
    padding-right: 15px;
}

.top-stars {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 56px;
        max-width: 1400px;
        margin: auto;
}

.flex-box{
    display:flex;
}

.flex-box-logos {
    justify-content:space-around;

    margin-top:60px;
}

.flex-box-logos img{
    max-width:300px;
}

.side-single { 
    height: 90%;
    width: 100%;
    background-image: url(../images/Patriotshuddle3.jpg);
    background-position: right top;
    background-size: contain;
    background-repeat: no-repeat;
}
.side-single-2 {
    background-image: url(../images/img-1.jpg);
    background-position: center;
}

.wrap-stars {
    position: relative;
}

.wrap-stars:after {
    position: absolute;
    content: '';
    background: url(../images/star-1.png) no-repeat;
    width: 163px;
    height: 165px;
    background-size: cover;
    bottom: -31px;
    left: 90px;
    z-index: -1;
}

.cover-cont h3 {
    margin-bottom: 43px;
}

.cover-cont p:last-child {
    padding-bottom: 0;
}
.video-container {
    display:flex;
}
.video-block{
    width:50%;
    margin-top:30px;
}
.bottom-star {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    perspective: 600;
}

.left-image {
    width: 50.4%;
}

.left-image img {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.right-image {
    width: 49.6%;
}

.top-right,.bottom-right {
    height: 50%;
    background-size: cover;
}
.bottom-star img{width: 100%;vertical-align: top;}
.top-right {border-bottom: 15px solid #fff;}


/*star content end here*/

/*who will be there start here*/
.section-title {
    position: relative;
    padding: 5px 0 26px;
}

.section-title:after {
    position: absolute;
    content: '';
    right: -40%;
    top: 0;
    bottom: 0;
    left: 60px;
    background: #8dc63f;
    z-index: -1;
    transform: skewX(-55deg);
}
/* .cover-title{
    background-color:#dddee7;
    padding:20px;
} */
.cover-title-1{
    margin-right:15px;
}
.cover-title-2 {
    margin-left:15px;
}
.cover-title h3 {
    font-size: 42px;
    text-transform: uppercase;
    letter-spacing: 0;
    color:white;
    /* text-align: center;
    padding:20px; */
}

.whollthere {
    padding: 60px 0 0;
}

.section-title:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 19px;
    height: 6px;
    background: #fff;
}

.title-box {
    text-align: center;
    position: relative;
}

.title-box h2 {
    position: relative;
    display: inline-block;
}

.title-box h2:before,
.title-box h2:after {
    position: absolute;
    content: '';
    background: url(../images/star-small.png) no-repeat;
    width: 45px;
    height: 45px;
    background-size: 100%;
    top: 60%;
    transform: translateY(-50%);
}

.title-box h2:before {
    left: -95px;
}

.title-box h2:after {
    right: -86px;
    transform: translateY(-58%) rotate(19deg);
}

.cover-honorees {
    padding: 45px 0 0;
    position: relative;
}

.cover-honorees:after {
    position: absolute;
    content: '';
    background: url(../images/star-2.png) no-repeat;
    width: 164px;
    height: 159px;
    top: 50%;
    transform: translateY(-50%);
    left: -58px;
}

.cover-box figure > span {
    display: inline-block;
    border: 1px solid #ebebeb;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: -4px;
    width: 193px;
    height: 193px;
    position: relative;
}

.cover-box figure > span img {
    display: inline-block;
    vertical-align: top;
    border:5px solid #1a1f41;
    border-radius:50%;
    transition: all .5s;
}

.cover-box figure>span:hover img {
    border:5px solid #8fc742;
}

.cover-box {
    width: 25%;
    text-align: center;
    padding: 0 40px;
    margin-bottom: 48px;
}

.wrap-boxes {
    display: flex;
    justify-content:center;
    flex-wrap: wrap;
    margin: 46px -40px 0;
}

.cover-box figcaption span {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.3px;
    color: #1a1f41;
}

.wrap-speakers {
    background: #dd353c;
    margin-top: 18px;
    padding: 38px 0 11px 0;
}

.wrap-speakers h4 {
    color: #ffffff;
}

.wrap-speakers .cover-box figcaption span {
    color: #ffffff;
}

.cover-speakers {
    margin: 144px 0 0;
}

.wrap-speakers .cover-box figure > span {
    margin-bottom: 12px;
}

.img-box {
    width: 354px;
    height: 358px;
    border: 2px solid #fff;
    border-radius: 50%;
}
.img-box-honorees {
    height:200px;
    width:200px;
}

.spik-cont {
    width: calc(100% - 354px);
    padding-left: 58px;
    padding-top: 12px;
}
.spik-box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 84px;
}
.spik-box-2:before {
        /* position: absolute;
        content: '';
        background: url(../images/program-img-black.png) no-repeat;
        height: 469px;
        width: 473px;
        bottom: -155px;
        left: -30px;
        background-size: contain;
        z-index: -3; */
}

.cover-spik {
    padding: 0 85px;
}

.wrap-spik {
    padding: 100px 0 0;
    position: relative;
}

.wrap-spik:after {
    position: absolute;
    content: '';
    width: 465px;
    height: 1156px;
    left: 0;
       top: -222px;
    z-index: -9;
}

.wrap-spik:before {
    position: absolute;
    content: '';
    background: url(../images/spik-pattern.png) no-repeat;
    width: 465px;
    height: 1156px;
    left: 0;
    top: -222px;
    z-index: -9;
}

.wrap-spik:after {
    position: absolute;
    content: '';
    background: url(../images/star-big.png) no-repeat;
    height: 469px;
    width: 473px;
    bottom: -1060px;
    top: auto;
    right: 0;
    left: auto;
    background-size: cover;
    z-index: -9;
}

.spik-cont > span {
    font-size: 31px;
    color: #8dc63f;
    text-transform: uppercase;
    padding-left: 6px;
}

.spik-title h5 {
    color: #ffffff;
    margin: 0 0 -2px;
}

.spik-title:before {
    position: absolute;
    content: '';
    left: -1000%;
    right: 54px;
    top: 0;
    bottom: 0;
    background: #00295b;
    z-index: -1;
    transform: skewX(63.5deg);
}

.spik-title {
    position: relative;
    margin: 4px 0 21px;
    padding: 19px 0 20px;
}


.spik-title span {
    font-size: 27px;
    color: #fff;
}

.spik-title-honoree span {
    font-size:18px;
}

.spik-cont p {
    font-size: 18px;
    line-height: 1.25;
    padding-bottom: 17px;
}
.btn-wrap{
    text-align: center;
}
.button {
    margin:0 auto;
    padding:20px 40px;
    font-size: 28px;
    text-transform: uppercase;
    transition:all .5s;
}
.blue-button {
    border:5px solid #00295b;
    background-color:#00295b;
    color:white;
 }
 .blue-button:hover {
    border: 5px solid #00295b;
    background-color: white;
    color:#00295b;
 }
.green-button {
    border: 5px solid #8dc63f;
    background-color: #8dc63f;
    color:white;
}
 .green-button:hover {
     border: 5px solid #8dc63f;
     background-color: transparent;
     color: #8dc63f;
 }
.white-button {
    border: 5px solid white;
    background-color: white;
    color:#8dc63f;
}
.white-button:hover {
    background-color: #8dc63f;
    border: 5px solid #8dc63f;
    color: white;
}

.btn-link {
    font-size: 21px;
    text-transform: uppercase;
    font-family: basic-sans, sans-serif;
    margin: 0 0 0 2px;
    font-weight:600;
    letter-spacing: 0.8px;
    text-decoration: underline;
    color: #1a1f41;
}

.btn-link:hover {
    color: #8dc63f;
}

.white-popup-block {
    background: #FFF;
    padding: 20px 30px;
    text-align: left;
    max-width: 1085px;
    margin: 40px auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    z-index: 9;
}
.event-date{
    font-size: 24px;
    color: #ffffff;
    text-transform: uppercase;
    display: block;
    margin-top: 40px;
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 70px;
}
.white-popup-block .spik-title:before {
    right: 100px;
}

body .mfp-bg {
    background: #000;
    z-index: 999999;
}

body .mfp-wrap {
    z-index: 999999;
}

.mfp-close-btn-in .mfp-close:after,
.mfp-close-btn-in .mfp-close:before {
    position: absolute;
    content: '';
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    height: 30px;
    background: #000;
    margin: auto;
}
.video-title h3{
    font-size:33px;
}
.mfp-close-btn-in .mfp-close:after {
    transform: rotate(45deg);
}

.mfp-close-btn-in .mfp-close:before {
    transform: rotate(-45deg);
}

.spik-box:nth-child(even) .spik-title:before {
    right: -1000%;
    left: 54px;
}

.spik-box:nth-child(even) .spik-cont {
    padding: 12px 58px 0 0;

}


.spik-box:nth-child(even) .spik-cont > span {
    text-align: right;
    display: block;
}

.spik-box:nth-child(even) .spik-title {
    text-align: right;
}

.spik-box:last-child {
    margin-bottom: 0;
}

.s-auc {
    position: relative;
    text-align: right;
    padding: 0 33px 0 0;
}

.s-auc:after {
    position: absolute;
    content: '';
    background: url(../images/star-2.png) no-repeat;
    width: 164px;
    height: 159px;
    top: 32px;
    right: -160px;
}

.s-auc a {
    position: absolute;
    font-size: 35px;
    text-transform: uppercase;
    color: #00295b;
    letter-spacing: 0;
    bottom: 29px;
    right: 74px;
    border-bottom: 3px solid;
    line-height: 1;
}

.s-auc a:hover {
    color: #8dc63f;
}

.silent-auction {
    margin-top: 30px;
}

.hover {
    display:none;
}
.hover:hover {
    display: visible;
}

.no-hover:hover {
    display: none;
}

.player-img {
    width: 405px;
    height: 405px;
    border: 2px dashed #00295b;
    box-shadow: 0 0 0 5px white;
    border-radius: 50%;
    background-size: cover;
    padding: 2px;
    background-repeat: no-repeat;
    margin: 2px;
}

.wrap-player {
    background-size: cover;
    background-position: top center;
    margin-top: 46px;
    padding: 30px 0 45px;
    margin-bottom: 54px;
    position: relative;
    z-index: 9;
}

.wrap-player:after {
    position: absolute;
    content: '';
    background: url(../images/star-4.png) no-repeat;
    width: 301px;
    height: 292px;
    top: 220px;
    left: -106px;
}

.wrap-player:before {
    position: absolute;
    content: '';
    background: url(../images/star-3.png) no-repeat;
    width: 441px;
    height: 452px;
    top: 230px;
    right: -80px;
}

.cover-player {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: -90px;
    justify-content: flex-start;
}

.play-name {
    background: #fff;
    font-size: 35px;
    text-transform: uppercase;
    color: #00295b;
    margin-left: 25px;
    margin-right: 25px;
    width: 376px;
    text-align: center;
    padding: 11px 0px;
    margin-bottom: 10px;
}

.wrap-ambassadors {
    padding: 56px 0 0;
    position: relative;
}

.wrap-ambassadors:after {
    position: absolute;
    content: '';
    background: url(../images/star-big.png) no-repeat;
    height: 470px;
    width: 482px;
    bottom: -110px;
    right: 0;
    z-index: 9;
    background-size: cover;
}

.player-box {
    padding: 0 95px;
    position: relative;
    z-index: 9;
}

.cover-player:nth-child(even) {
    justify-content: flex-end;
}

.cover-player:nth-child(even) .player-img {
    order: 2;
}

.cover-player:nth-child(even) .play-name {
    order: 1;
}

.cover-player:last-child {
    margin-bottom: 0;
}

.wrap-ambassadors .title-box:after {
    position: absolute;
    content: '';
    background: url(../images/star-2.png) no-repeat;
    height: 244px;
    width: 233px;
    left: -93px;
    top: 30px;
    z-index: 99;
}

/*who will be there end here*/

/*program start here*/
.wrap-program {
    margin: 63px 0 0;
    position: relative;
}

.wrap-program:before {
    position: absolute;
    content: '';
    background: url(../images/star-4.png) no-repeat;
    width: 301px;
    height: 292px;
    bottom: -100px;
    left: 32px;
}

.wrap-program:after {
    position: absolute;
    content: '';
    background: url(../images/program-img.png) no-repeat;
    width: 731px;
    height: 505px;
    top: -187px;
    right: 0;
}

.cover-program {
    background-size: cover;
    padding: 0 0 18px;
    margin: 48px 0 0 0;
}

.cover-program ul {
    max-width: 489px;
    margin-bottom: 48px;
    position: relative;
    z-index: 9999;
    display:inline-block;
}

.cover-program li {
    border: 1px solid #88b939;
    position: relative;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    background: #fff;
    left: 0;
    list-style: none;
    border-top: 0;
    display: -webkit-flex;
    display: flex;
}

/* .cover-program li:first-child {
    border-top: 1px solid #88b939;
} */

.cover-program li figure {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    padding: 0 39px 0 48px;
    min-height: 94px;
    margin: 0;
}

.cover-program li span {
    font-size: 67px;
    font-weight: 400;
    text-transform: uppercase;
    white-space: nowrap;
    color: #8dc63f;
    min-width: 155px;
}

.cover-program li figure > p {
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.9px;
}

/* .cover-program li:hover,
.cover-program li.active {
    background: #00295b;
    border-color: #00295b;
} */

.popup {
    position: absolute;
    left: 0;
    top: 50%;
    width: 583px;
    background: rgba(255, 255, 255, 0.87);
    text-align: left;
    padding: 54px 50px 30px 50px;
    /* min-height: 570px; */
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    visibility: hidden;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    opacity: 0;
    max-height: 469px;
    overflow-x: hidden;
    overflow-y: auto;
}

.popup .pop-arrow {
    content: '';
    top: 0;
    bottom: 0;
    width: 59px;
    background: url(../images/arrow.png) no-repeat center #88b939;
    left: -59px;
    position: absolute;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    visibility: hidden;
}

.popup .pop-close {
    position: absolute;
    top: 18px;
    right: 34px;
    line-height: 1;
    font-size: 40px;
    font-weight: normal;
    color: #000;
    opacity: 10;
    font-weight: 300;
}

/*
.popup .pop-close:after {content: ''; width: 100%; height: 2px; background: #000; display: block; transform: rotate(-45deg); -webkit- transform: rotate(-45deg); margin: -2px 0 0 0;}
.popup .pop-close:before {content: ''; width: 100%; height: 2px; background: #000; display: block;  transform: rotate(45deg); -webkit- transform: rotate(-45deg); margin: 9px 0 0 0;}
*/
.popup p {
    font-size: 22px;
}

.popup img {
    margin: 0 0 42px 0;
}

.cover-program ul li:nth-child(3) .popup img {
    width: 30%;
}

.popup.show {
    left: calc(100% + 42px);
    visibility: visible;
    opacity: 1;
}

.cover-program li p strong {
    font-weight: 400;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
}

/* .cover-program li.active p strong,
.cover-program li:hover p strong {
    font-weight: 700;
}
.cover-program li.active figure > p,
.cover-program li:hover figure > p {
    color: #8dc63f;
} */

.cover-program li.active em {
    opacity: 1;
}

/*program end here*/


/*sponsors start here*/
#sponsors .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.spons-titles h3 {
    font-size: 55px;
    color: #ffffff;
    text-shadow: 0px 2px 22.08px rgba(0, 3, 15, 0.48);
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0;
}

.wrap-sponsors {
    position: relative;
}

.wrap-sponsors:after {
    position: absolute;
    z-index:-1;
    content: '';
    background: url(../images/double-star.png) no-repeat;
    width: 232px;
    height: 292px;
    background-size: cover;
    right: -19px;
    bottom: -74px;
}

.spons-titles {
    margin: 81px 0 0;
    padding: 6px 0 5px;
}

.cover-1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 143px 0 31px;
}
.cover-spons .container > div {
    align-items: center;
}
.cover-2 {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.cover-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 58px 0;
}

.wrap-sponsors > p {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #1a1f41;
}

.wrap-sponsors > p .btn-link {
    text-transform: initial;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 0;
}

/*sponsors end here*/

/*about start here*/
.wrap-about {
    position: relative;
}

.about-cont {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    z-index: 9999;
    padding-bottom: 10px;
}

.about-cont p {
    font-size: 18px;
    color: #000000;
    text-align: left;
}

.cover-about {
    padding: 54px 0 0;
    position: relative;
}

.cover-about:before {
    position: absolute;
    content: '';
    height: 326px;
    background: url(../images/star-big.png) no-repeat;
    width: 222px;
    top: 73px;
    right: 4px;
    background-size: cover;
    z-index: 99;
}

.about-image {
    position: relative;
    z-index: 9;
}
.about-image:after {
    position: absolute;
    content: '';
    background: url(../images/abt-1.png) no-repeat;
    width: 313px;
    height: 491px;
    bottom: -214px;
    right: 8px;
    background-size: cover;
    z-index: 99;
}
.about-image img {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.about-image .btn-cover {
    position: absolute;
    bottom: 65px;
    left: 0;
    right: 0;
}

.wrap-about:after {
    content: '';
    height: 0px;
    display: inline-block;
    width: 100%;
    background: rgba(149, 149, 149, 0.42);
    bottom: -55px;
    position: absolute;
}

/*about end here*/

/*video start here*/
.wrap-video {
    padding: 100px 0 120px;
    /* margin-bottom: 50px; */
    text-align: center;
    position: relative;
    background-size: cover;
    background-position: center;
}

.wrap-video-1:after{position:absolute;content:'';background: url(../images/star-2.png) no-repeat;width: 151px;height: 147px;bottom: -90px;left: 35px;background-size: cover;}
.wrap-video-2:before{position:absolute;content:'';background: url(../images/star-big.png) no-repeat;width: 486px;height: 473px;bottom: -231px;right: -192px;transform: rotate(-14deg); z-index:-1;}

.wrap-video p {
    font-size: 35px;
    color: #fff;
    font-family: 'Ubuntu Condensed';
    margin-bottom: 146px;
}

.cover-video {
    max-width: 840px;
    margin: 0 auto;
}

.play_button_svg {
    width:120px;
    height:120px;
    transition:all .5s;
    fill: white;
    opacity: .7;
}
.play_button_svg:hover{
    opacity:1;
}

/*video end here*/

/*about to do start here*/
.wrap-whattodo {
    background-repeat: no-repeat;
    background-position: center left;
    position: relative;
}

.abt-title h4 {
    color: #8dc63f;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 44px;
    letter-spacing: 0;
}

.abt-title {
    padding: 26px 46px 10px;
    position: relative;
    z-index: 9;
}


.abt-title:before {
    position: absolute;
    content: '';
    right: auto;
    left: -50vw;
    width: 120vw;
    top: 0;
    bottom: 0;
    background: #dddee7;
    z-index: -1;
    transform: skew(-63.5deg);
}

.abt-title-2:before {
    position: absolute;
    content: '';
    right: -50vw;
    left: auto;
    width: 120vw;
    top: 0;
    bottom: 0;
    background: #dddee7;
    z-index: -1;
    transform: skew(-63.5deg);
}

.cover-about-cont:after {
    position: absolute;
    content: '';
    background: url(../images/star-big.png) no-repeat;
    height: 318px;
    width: 326px;
    top: 360px;
    left: 110px;
    background-size: cover;
}

/* .abt-box:nth-child(even) .abt-title:before {
    right: -1000%;
    left: -99px;
} */

.abt-cont {
    background: #ffffff;
    padding: 58px 36px 52px;
    position: relative;
    width:80%;
}
.abt-cont-2{
    margin:0 0 0 auto;
}
.abt-cont a,
.cover-cont a,
.about-cont a {
    font-weight: 600;
    color: #8dc63f;
}

.abt-cont a:hover,
.cover-cont a:hover,
.about-cont a:hover {
     color: #00295b;
}

.abt-box:first-child .abt-cont:after {
    position: absolute;
    content: '';
    background: url(../images/star-2.png) no-repeat;
    width: 112px;
    height: 109px;
    bottom: 20px;
    right: -50px;
    background-size: cover;
}

.abt-cont p {
    font-size: 18px;
    color: #000000;
}

/*about to do end here*/
/*map start here*/
.location-sec {
    padding: 105px 0 0 0;
}

.location-sec h3 {
    font-size: 106px;
    font-weight: 300;
    text-transform: uppercase;
    display: block;
    margin: 0 0 49px 0;
    color: #0799dd;
    opacity: 0.23;
    text-align: right;
}

.location-sec h3 span {
    display: block;
    text-align: right;
    margin: 0 94px 0 0;
}

.location-main {
    position: relative;
    padding:0;
}

/* .location-main:after, */
.location-main:before {
    content: '';
    height: 64px;
    display: inline-block;
    width: 100%;
}

.location-main:before {
    background: url(../images/map-top.jpg) repeat;
}

.location-main:after {
    background: url(../images/map-top.jpg) repeat;
    height: 72px;
}

.map {
    padding-bottom: 714px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.map iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.location-box {
    background: #ffffff;
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 487px;
    padding: 39px 68px 36px;
    transform: translateY(-50%);
}

.location-box h4 {
    font-size: 51px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 9px 0;
    color: #00295b;
    letter-spacing: 0;
}

.location-box h5 {
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    color: #00295b;
    font-family: basic-sans, sans-serif;
}

.location-box span {
    font-size: 20px;
    margin: 0 0 25px 0;
    line-height: 22px;
    display: block;
    text-transform: uppercase;
    letter-spacing: -0.1px;
    font-family: basic-sans, sans-serif;
    color: #00295b;
}

.location-box p {
    font-size: 22px;
    margin: 0 0 2px 0;
    line-height: 1.2;
    color: #00295b;
}

/*map end here*/
/*footer start here*/
footer .social li.facebook .fa-square {
    color: #3b5998
}

footer .social li.twitter .fa-square {
    color: #21b8ff
}

footer .social li.instagram .fa-square {
    color: #517fa6
}

footer ul.social li {
    list-style: none;
    display: inline-block;
}

.wrap-footer {
    background-position: bottom center;
    background-size: cover;
    text-align: center;
    border-top: 16px solid #d2d3d5;
    margin-top: -5px;
    padding-top: 70px;
}

.wrap-footer p {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
}

ul.social {
    margin-bottom: 20px;
}

.cover-box figure a > span:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    width:190px;
    height:190px;
    border-radius: 50%;
    left: 0;
    right: 0;
    background: 
    opacity: 0;
    transition: all 0.5s ease-in-out 0s;
}

.cover-box figure:hover > span:after {
    opacity: 0.3;
}
.cover-program li:first-child .popup,.cover-program li:nth-child(2) .popup {
    top: 0;
    transform: none;
}

.cover-program li:last-child .popup, .cover-program li:nth-last-child(2) .popup {
    top: inherit;
    bottom: 0;
    transform: none;
}
/*footer end here*/
.image-fame a:hover {
    opacity: 0.5;
}

body .mfp-iframe-scaler .mfp-close {
    top: -45px;
    right: 10px;
    width: auto;
}

.mfp-iframe-scaler .mfp-close:after,.mfp-iframe-scaler .mfp-close:before {
    background: #fff;
}

footer ul.social li a:hover {
    opacity: 0.75;

}

.background-image {
    background:url(../images/KidsSchedule.png);
    height:750px;
    background-size:cover;
    background-position: center;
}


@keyframes move-twink-back {
    0% {
        opacity:0;
    }

    40% {
        opacity:.8;
    }
    50% {
        opacity:.2;
    }
    60% {
        opacity:.8;
    }
    100% {
        opacity:0;
    }
}

@-webkit-keyframes move-twink-back {
    0% {
        opacity: 0;
    }

    40% {
        opacity: .8;
    }

    50% {
        opacity: .2;
    }

    60% {
        opacity: .8;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes move-twink-back {
    0% {
        opacity: 0;
    }

    40% {
        opacity: .8;
    }

    50% {
        opacity: .2;
    }

    60% {
        opacity: .8;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes move-twink-back {
    0% {
        opacity: 0;
    }

    40% {
        opacity: .8;
    }

    50% {
        opacity: .2;
    }

    60% {
        opacity: .8;
    }

    100% {
        opacity: 0;
    }
}


@keyframes move-twink-back-2 {
    0% {
        opacity: .7;
    }

    40% {
        opacity: 0;
    }

    50% {
        opacity: .8;
    }

    60% {
        opacity: 0;
    }

    100% {
        opacity: .7;
    }
}

@-webkit-keyframes move-twink-back-2 {
    0% {
        opacity: .7;
    }

    40% {
        opacity: 0;
    }

    50% {
        opacity: .8;
    }

    60% {
        opacity: 0;
    }

    100% {
        opacity: .7;
    }
}

@-moz-keyframes move-twink-back-2 {
    0% {
        opacity: .7;
    }

    40% {
        opacity: 0;
    }

    50% {
        opacity: .8;
    }

    60% {
        opacity: 0;
    }

    100% {
        opacity: .7;
    }
}

@-ms-keyframes move-twink-back-2 {
    0% {
        opacity: .7;
    }

    40% {
        opacity: 0;
    }

    50% {
        opacity: .8;
    }

    60% {
        opacity: 0;
    }

    100% {
        opacity: .7;
    }
}

.stars,
.twinkling,
.clouds {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 25%;
    display: block;
}

.stars {
    background: url(http://www.script-tutorials.com/demos/360/images/stars.png) repeat top center;
    z-index: 1;
    -moz-animation: move-twink-back 12s linear infinite;
    -ms-animation: move-twink-back 12s linear infinite;
    -o-animation: move-twink-back 12s linear infinite;
    -webkit-animation: move-twink-back 12s linear infinite;
    animation: move-twink-back 12s linear infinite;
}

.stars-2 {
    background: url(../images/stars-flipped.png) repeat top center;
    z-index: 1;
    -moz-animation: move-twink-back-2 7s linear infinite;
    -ms-animation: move-twink-back-2 7s linear infinite;
    -o-animation: move-twink-back-2 7s linear infinite;
    -webkit-animation: move-twink-back-2 7s linear infinite;
    animation: move-twink-back-2 7s linear infinite;
}

/* .card-animation-1,
.card-animation-2,
.card-animation-3 {
    animation: example 16s infinite;
}

.flip-image{
    transform: rotateY(-0.5turn);
    width: 100%;
    position:absolute;
}
.card .side {
    backface-visibility: hidden;
}
*/
@keyframes example {
  0% {transform: rotateY(0deg);}
  10% {transform: rotateY(0deg);}
  20% {transform: rotateY(180deg);}
  40% {transform: rotateY(180deg);}
  50% {transform: rotateY(180deg);}
  60% {transform: rotateY(180deg);}
  70% {transform: rotateY(180deg);}
  80% {transform: rotateY(0deg);}
  90% {transform: rotateY(0deg);}
  100% {transform: rotateY(0deg);}

} 


.card-container {
    cursor: pointer;
    perspective: 2000px;
    position: relative;
    width:50%;
    display:inline-block;
    height:400px;
}

.card {
    animation: example 16s infinite;
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
    transition: all 1s ease-in-out;
    width: 100%;
}

/* .card:hover {
    transform: rotateY(180deg);
} */

.card .side {
    backface-visibility: hidden;
    height: 100%;
    position: absolute;
    overflow: hidden;
    width: 100%;
    background-position: center;
}

.card .back {
    transform: rotateY(180deg);
}
.top-right, .bottom-right {
    height:100%;
    border-bottom:none; 
}
.flip-images{
    display:flex;
    max-width:1550px;
    margin:0 auto;
}
.cards-right{
    margin-left:auto;
    margin:0 0 0 15px;
    display:flex;
    flex-direction:column;
}
.cards-right .card{
    height:50%;
}
.card-left{
    margin-right:15px;
}
.delay-4{
    animation-delay: 4s;
}

.delay-7 {
    animation-delay: 7s;
}

.delay-9 {
    animation-delay: 9s;
}
/*Added for sponsors 4-10-19*/
.cover-spons {
    margin:45px 0;
}
.cover-spons p {
    text-align:center;
}
.cover-spons img {
    max-height:225px;
    max-width:100%;
    margin: 0 auto;
    display: block;
}
.cover-spons .cover-3 {
    width:32%;
    display:inline-flex;
    padding:0 60px;
    margin:30px 0;
}
.wrap-sponsors .title-box {
    border-bottom: 8px solid #8dc63f;
    max-width: 600px;
    margin: 0 auto;
}
.wrap-sponsors .title-box h2 {
    text-transform:uppercase;
}
.cover-1 {
    padding:60px 0 30px;
}
.cover-2 {
    display: inline-flex;
}
.cover-3 p, .cover-1 p, .cover-2 p{
    transition: all .3s;
}
.cover-3:hover p, .cover-1:hover p, .cover-2:hover p{
    color:#8dc63f;
}
.cover-1 .image-fame img {
    max-height: 300px;
    max-width:550px;
    transform:translatex(-5%);
}
.cover-2 .image-fame img {
    padding:0 20px;
    max-height:300px;
    max-width:400px;
}
@media (max-width:700px) {
    .cover-spons .cover-3 {
        padding: 0 40px;
    }
    .cover-2 {
        width: 100%;
    }
    .cover-spons .cover-3 {
        width:49%;
    }
    .wrap-sponsors .title-box {
        max-width:350px;
    }
    .cover-1 .image-fame img {
        transform: translatex(0%);
        max-width:90%;
    }
    .cover-2 .image-fame img {
        max-width: 50%;
        padding:0;
    }
}
@media (max-width:500px) {
    .wrap-sponsors .title-box {
        max-width:250px;
    }
}