@charset "utf-8";
/* CSS Document */

body{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	line-height: 1.3;
	font-size: 20px;
	overflow-x: hidden;
	}
a{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
a:focus{
	outline:none;
	}
img{
	max-width:100%;
	}
.btn{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}



.popup{
	position: fixed;
	top: 9px;
	left: 0;;
	right: 0;;
	z-index: 9;
}
.popup-inner{
	background-color: #fff;
	border: solid 2px #8ec63f;
	padding: 5px 10px;
	color: #093b82;
	border-radius: 3px;
	font-weight: 700;

	-webkit-animation-name: popupColor; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	animation-name: popupColor;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes popupColor {
  0%   {color:#093b82; }
  50%  {color:#29c4f4;}
  100% {color:#093b82; }
}

/* Standard syntax */
@keyframes popupColor {
  0%   {color:#093b82; }
  50%  {color:#29c4f4;}
  100% {color:#093b82; }
}

.popup .close{
	background-color: #8ec63f;
	opacity: 1;
	color: #fff;
	position: absolute;
	right: 5px;
	top: -8px;
	width: 25px;
	height: 25px;
	font-size: 17px;
	border-radius: 50%;
}


/* Header start here
====================*/
.header{
	background-color: #093b82;
	background-image: url(../images/header-left-bg.png),
					  url(../images/header-right-bg.png);
	background-position: -5% bottom, 105% bottom;
    background-repeat: no-repeat;
	border-top: solid 10px #29c4f4;
	color: #fff;
	font-family: "BebasKai";
	font-size: 45px;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 47px;
	line-height: 1;
	}
.header figure{
	margin-top: -10px;
}
.header hr{
	border-color: #fff;
	max-width: 660px;
	margin-left: auto;
	margin-right: auto;
}
.header h1{
	color: #8dc63f;
	font-family: "SWANSE";
	font-size: 65px;
	font-weight: 700;
	line-height: 0.5;
    padding-top: 15px;
    padding-bottom: 15px;
}

.new-date{
    font-size: 42px;
    line-height: 0.5;
    text-transform: none;
}

.header h2{
	color: #f8ea63;
	font-family: "SuperHeroDocall";
	font-size: 58px;
}

.action .btn{
	background-image: url(../images/btn-bg2.png);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: #000;
    display: block;
    font-family: "SuperHeroDocall";
    font-size: 24px;
    margin-bottom: 15px;
    padding: 15px 25px 15px 45px;
    text-align: center;
    white-space: normal;
    width: 170px;
}
.action .btn:hover{
	color: #093b82;

}

.iksweb{
    display: inline-block;
    cursor: pointer;
    font-size:32px;
    text-decoration:none !important;
    padding:15px 210px;
    color:#000000 !important;
    background:#ffff00;
    border-radius:0px;
    border:2px solid #ffff00;
    margin-left:2px;
}
.iksweb:hover{
    text-decoration:none;
    background:#90c93e;
    color:#ffffff !important;
    border:2px solid #8fc740;
    transition: all 0.2s ease;
}
p.special-thanks-text{
    font-size: 30px;
    color: #093b82;
}

p.weather {
    color:#df1f2b;
    background: #fde55a;
    text-shadow: 2px 3px 0 rgb(0 0 0 / 19%);
    padding: 25px;
}

.flyer-img {
    padding: 30px;
}

/* Content start here
====================*/
.content{}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-family: "BebasKai";
	font-weight: 400;
}
b, strong{
	font-weight: 700;
}
section {
	position: relative;
}
.title{
	text-align: center;
	text-shadow: 2px 7px 0 rgba(0, 0, 0, 0.19);
	margin-bottom: 30px;
}
h1.title{
	font-size: 72px;
}
.video{
	border: solid 4px #fff;
	border-radius: 7px;
	margin-bottom: 15px;
}
.separator{
	display: block;
	position: relative;
	top: -1px;
}
section svg:last-child{
	top: 1px;
}

.circle{
	background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 70px;
    left: 0;
    margin: 15px auto 0;
    position: absolute;
    right: 0;
    width: 70px;
    z-index: 9;
}


#Fenway h1{
	background-image: url(../images/title-bg.png);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    display: inline-block;
    font-size: 60px;
    margin-bottom: 50px;
    margin-top: -30px;
    padding: 22px 70px 36px;
    text-shadow: 2px 7px 0 rgba(0, 0, 0, 0.19);
    /*box-shadow: 0 17px 0 0 rgba(142, 197, 74, 0.5);*/
}
#Fenway h1:before{

}
#Fenway figure{
	padding: 20px;
	position: relative;
}
#Fenway figure:before,
#Fenway figure:after{
	border-color: #8ec54a;
    border-style: solid;
    content: "";
    height: 50%;
    position: absolute;
    right: 0;
}
#Fenway figure:before{
	border-radius: 0 50px 0 0;
	border-width: 4px 4px 0 0;
	top: 0;
    width: 30%;
}
#Fenway figure:after{
	border-radius: 0 0 50px;
    border-width: 0 4px 4px 0;
    bottom: 0;
    width: 60%;
}
#Fenway figure{

}
#Fenway h2{
	color: #093b82;
}
#Fenway ul{
	list-style: none;
	padding-left: 0;
}
#Fenway ul li{
	background-image: url(../images/check.png);
    background-position: left 0;
    background-repeat: no-repeat;
    color: #3d3d3d;
    margin-bottom: 20px;
}
#Fenway ul li strong{
	display: block;
}
#Fenway ul li small{
	display: block;
	font-weight: 300;
	margin-left: 25px;
}


#Event{
	background-color: #8ec54a;
	color: #fff;
	font-size: 32px;
}
#Event ul{
	list-style: none;
	padding-left: 0;
}
#Event ul li{
	color: #fff;
	font-size: 30px;
	font-weight: 400;
	text-align: center;
}
#Event ul li a{
	color: inherit;
	text-decoration: none;
}
#Event ul li a:hover{
	color: #df1f2b;
}
#Event ul li span{
	display: inline-block;
    min-width: 140px;
    padding: 2px 30px 5px;

	-moz-transform: skewX(-10deg);
	-webkit-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	transform: skewX(-10deg);
}
#special{
	color: #0d3d80;
	font-size: 32px;
	font-weight: 100;
	text-align: center;
}
.box .col-6 figure img{
	max-height: 100px;
	object-fit: scale-down;
}
#special .box{
    border-radius: 10px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 40px;
    padding: 15px;
}
#special figure {
    margin: 15px 5px;
}
#special [class*="col"] a{
	color: #000;
	text-decoration:none;
}
#special [class*="col"] h1{
	color: #000;
	margin-bottom: auto;
}
#special p a:not(:hover){
	text-decoration: underline !important;
}

#about{
	background-image:url(../images/about-bg.png);
	background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    color: #333333;
    font-size: 32px;
    font-weight: 400;
    text-align: center;
}
#about .container{
    max-width: 1300px;
    width: auto;
}
#about .title{
	color: #29c4f4;
}

#Events{
	background-color: #fde747;
	color: #000;
}

#Events p{
	font-size: 32px;

}
.event .title{
	color: #df1f2b;
}
.event a{
	color: inherit;
	text-decoration:underline;
}
.event a:hover{
	color: #df1f2b;
}
.event .contact-iris{
	background-color: #df1f2b;
	color: #fff;
	display: inline-block;
	font-size: 22px;
	padding: 4px 15px 6px;
	-moz-transform: skewX(-10deg);
	-webkit-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	transform: skewX(-10deg);
}
.event .contact-iris strong{
	display: block;
	-moz-transform: skewX(10deg);
	-webkit-transform: skewX(10deg);
	-o-transform: skewX(10deg);
	-ms-transform: skewX(10deg);
	transform: skewX(10deg);
}
.event .contact-iris a{
	text-decoration: none;
}
.event .contact-iris a:hover{
	color: #77e0e5;
}
#Events .ticket p{
	font-size: 24px;
}
#Fenway .btn,
.ticket .btn{
	background-image: url(../images/btn-bg.png);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: #000;
    font-family: BebasKai;
    font-size: 32px;
    margin-bottom: 15px;
    padding: 10px 20px;
}
.ticket .btn:hover{
	color: #df1f2b;
}
#Fenway .btn{
	background-image: url(../images/btn-green-bg.png);
	color: #fefefe;
	border: solid 2px #09ca7e;
}
#Fenway .btn:hover{
	opacity: 0.8;
}

#Partners{
	background-color: #29c4f4;
	color: #fff;
	font-size: 24px;
	text-align: center;
}
#Partners .card{
	border-radius: 20px;
    color: #666464;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 20px;
}
#Partners .card p{
	text-align: left;
}

#Information{
	background-color: #0d3d80;
	color: #fff;
	font-family: arial;
	font-size: 17px;
}
#Information > figure{
	position: absolute;
    right: -60px;
    top: -20px;
}
#Information h2{
	font-size: 30px;
}
#Information h2:after{
	border-bottom: 1px solid #44ccf6;
    content: "";
    display: block;
    margin-top: 3px;
    width: 66px;
}
#Information a{
	color: #c3ba46;
	text-decoration: underline;
}
#Information a:hover{
	color: #44ccf6;
}
#Information [class*="col"] > div{
    border-radius: 15px;
    padding: 15px 20px 5px;
}
#Information [class*="col"] > div:hover{
	background-color: rgba(255, 255, 255, 0.1);
}

.img_samuels {
    padding: 37px;
}


/* Footer start here
====================*/
.footer{
	color: #a3a3a3;
	text-align: center;
}
.social-links .fa{
	border-radius: 50%;
	color: #fff;
    display: inline-block;
    height: 30px;
    font-size: 14px;
    margin: 0 3px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
.fa-facebook{
	background-color: #6081c4;

}
.fa-google-plus{
	background-color: #e62b33;
}
.fa-twitter{
	background-color: #43bdef;
}
.fa-youtube-play{
	background-color: #ee3e37;
}


.design{
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 20px;
}
.design a{
	color: #000 !important;
    font-family: "SF-Electrotome-Bold";
    font-size: 12px;
    display: block;
    text-decoration:none !important;
}
.design label{
    color:#000;
    cursor: pointer;
    font-family: "Roboto",sans-serif;
    font-size: 10px;
    line-height: 10px;
    margin-bottom: 0px;
}
.design img{
    	margin-right:2px;
    	vertical-align: middle;
    }
.design span {
	color: #ed1c24 !important;
}

.sponsors-logo{
	border-bottom: 2px solid;
    margin-bottom: 80px !important;
    margin-top: 30px !important;
}
.sponsors-logo img{
	background-color: #fff;
    padding: 0 7px;
}

.Champion .sponsors-logo{
	border-color: #feca0f;
}
.Champion a{
	color: #eb8913 !important;
}
.Platinum .sponsors-logo{
	border-color: #90a2ce;
}
.Gold .sponsors-logo{
	border-color: #c48e2e;
}
.Silver .sponsors-logo{
	border-color: #6a7f92;
}
.Bronze .sponsors-logo{
	border-color: #a16236;
}
.Friend .sponsors-logo{
	border-color: #21a79b;
}


.endedModal .modal-dialog{
	display: -ms-flexbox;
  	display: flex;
  	max-width: 100%;
  	max-height: 100%;
}
.endedModal .modal-dialog img{
	max-height: calc(100vh - 2rem);
}
.endedModal .close{
    background-color: #FF0000;
	border: solid 5px #fff;
    border-radius: 50%;
    box-shadow: none;
	-webkit-box-shadow: none;
	outline: none;
    height: 56px;
    position: absolute;
    right: 20px;
    top: 20px;
    opacity: 1;
    width: 56px;
}
.endedModal .close:hover{
	opacity: 0.9;
}
.endedModal .close svg{
	fill: #fff;
	margin-top: 2px;
	width: 22px;
}