@charset "utf-8";
@font-face {
    font-family: 'globerbold';
    src: url('fonts/fontfabric_-_globerbold_3c-webfont.woff2') format('woff2'),
         url('fonts/fontfabric_-_globerbold_3c-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'globerbook';
    src: url('fonts/fontfabric_-_globerbook_38-webfont.woff2') format('woff2'),
         url('fonts/fontfabric_-_globerbook_38-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'globerregular';
    src: url('fonts/fontfabric_-_globerregular_4b-webfont.woff2') format('woff2'),
         url('fontfabric_-_globerregular_4b-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'globerblack_italic';
    src: url('fonts/fontfabric_glober.black.italic_4-webfont.woff2') format('woff2'),
         url('fonts/fontfabric_glober.black.italic_4-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'globerblack';
    src: url('fontfabric_glober.black_21-webfont.woff2') format('woff2'),
         url('fontfabric_glober.black_21-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'globerbold_italic';
    src: url('fonts/fontfabric_glober.bold.italic_4-webfont.woff2') format('woff2'),
         url('fonts/fontfabric_glober.bold.italic_4-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'globerbook_italic';
    src: url('fonts/fontfabric_glober.book.italic_12-webfont.woff2') format('woff2'),
         url('fonts/fontfabric_glober.book.italic_12-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'globerxbold_italic';
    src: url('fonts/fontfabric_glober.extra.bold.italic_16-webfont.woff2') format('woff2'),
         url('fonts/fontfabric_glober.extra.bold.italic_16-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'globerxbold';
    src: url('fonts/fontfabric_glober.extra.bold_27-webfont.woff2') format('woff2'),
         url('fonts/fontfabric_glober.extra.bold_27-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'globerheavy_italic';
    src: url('fontfabric_glober.heavy.italic_2-webfont.woff2') format('woff2'),
         url('fontfabric_glober.heavy.italic_2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'globerheavy';
    src: url('fonts/fontfabric_glober.heavy_13-webfont.woff2') format('woff2'),
         url('fonts/fontfabric_glober.heavy_13-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'globerlight_italic';
    src: url('fonts/fontfabric_glober.light.italic_7-webfont.woff2') format('woff2'),
         url('fonts/fontfabric_glober.light.italic_7-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'globerlight';
    src: url('fonts/fontfabric_glober.light_1d-webfont.woff2') format('woff2'),
         url('fonts/fontfabric_glober.light_1d-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'globerregular_italic';
    src: url('fonts/fontfabric_glober.regular.italic_1a-webfont.woff2') format('woff2'),
         url('fonts/fontfabric_glober.regular.italic_1a-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'globersemibold_italic';
    src: url('fonts/fontfabric_glober.semi.bold.italic_6-webfont.woff2') format('woff2'),
         url('fonts/fontfabric_glober.semi.bold.italic_6-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'globersemibold';
    src: url('fonts/fontfabric_glober.semi.bold_23-webfont.woff2') format('woff2'),
         url('fonts/fontfabric_glober.semi.bold_23-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'globerthin_italic';
    src: url('fonts/fontfabric_glober.thin.italic-webfont.woff2') format('woff2'),
         url('fonts/fontfabric_glober.thin.italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'globerthin';
    src: url('fonts/fontfabric_glober.thin_3-webfont.woff2') format('woff2'),
         url('fonts/fontfabric_glober.thin_3-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'globersemibold_free';
    src: url('fonts/glober_semibold_free_15-webfont.woff2') format('woff2'),
         url('fonts/glober_semibold_free_15-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'globerthin_free';
    src: url('fonts/glober_thin_free_0-webfont.woff2') format('woff2'),
         url('fonts/glober_thin_free_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
*,
form {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
html,
body {
  margin: 0px;
  padding: 0px;
  border: 0px;
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,h2,h3 {
    margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
a {
  text-decoration: none;
}
.site-header-wrapper {
  width: 100%;
  background-color: #a2006a;
  padding: 20px 0;
}
.logo {
  width: 144px;
  margin: auto;
}
.logo img {
  width: 100%;
  display: block;
}
.hero-s {
    width: 100%;
    height: 0;
    padding-bottom: 68.61%;
    background-image: url("../images/Landing-Page-int.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.hero-s h1 {
    padding-top: 40px;
    text-align: center;
    font-family: 'globerxbold';
    font-size: 46px;
    color: #a2006a;
}
.bg-blue {
    width: 100%;
    padding-bottom: 80px;
}
/*.bg-blue {
    width: 100%;
    background-color: #0c1626;
    padding: 30px 0 100px;
}
.img-holder .header-s {
    padding-top: 80px;
}*/
.img-holder h1 {
    font-family: 'globerbold';
    font-size: 70px;
    color: #fff;
    text-align: center;
    font-weight: normal;
}
.bg-blue .c-flexy {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.bg-blue img {
    margin: 0 10px;
}
.gradient-bg {
    padding-bottom: 50px;
   background: rgb(210,210,210);
   background: linear-gradient(360deg, rgba(210,210,210,0.8939950980392157) 0%, rgba(227,227,227,0) 35%, rgba(255,255,255,0) 245%, rgba(2,0,36,1) 248%);
}
.header-s {
    text-align: center;
}
.header-s h2 {
    font-family: 'globerbold';
    font-size: 30px;
    color: #a2006a;
    margin: 40px 0;
    font-weight: normal;
}
.txt-s {
    text-align: center;
    padding-top: 70px;
}
.txt-s p {
    margin: 0;
    font-family: 'globerregular';
    font-size: 24px;
    line-height: 1.6em;
}
.txt-s ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 60px;
    font-family: 'globerregular';
    font-size: 24px;
}
.txt-s img {
    margin: 0 30px;
}
.txt-s .c-flexy {
    margin-bottom: 40px;
}
.txt-s h2 {
    font-family: 'globerregular';
    font-size: 50px;
  text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
  background: linear-gradient(90deg, #E50FB5 20%, #3F9DFF 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.02em;
  margin-bottom: 60px;
  display: inline-block;
}
.add-padd {
    padding-bottom: 70px;
}
.footer-wrapper {
    padding: 60px 0 90px;
    margin: 0;
    background: #F8F9FA;
}
h3 {
    font-family: 'globersemibold';
    font-size: 30px;
    text-align: center;
    line-height: 1.6em;
    color: #a2006a;
}
form {
    margin-top: 50px;
}
.group-form {
    width: 468px;
    margin: auto;
    margin-bottom: 30px;
}
.group-form label {
    font-size: 24px;
    font-family: 'globerregular';
    color: #a2006a;
}
.group-form .the-input {
    display: block;
    width: 100%;
    background-color: #e8e8e8;
    border-radius: 6px;
    border: none;
    height: 68px;
    padding-left: 20px;
}
.red-star {
    color: #ff0000;
}
textarea {
    width: 100%;
    background-color: #e8e8e8;
    border-radius: 6px;
    border: none;
    height: 168px;
    resize: none;
    padding: 20px;
}
.send-btn {
    width: 151px;
    background-color: #a2006a;
    border-radius: 6px;
    border: none;
    height: 68px;
    font-size: 24px;
    font-family: 'globerregular';
    color: #fff;
    margin-bottom: 10px;
}
.dis {
    font-family: 'globerregular';
    font-size: 13px;
}
.bg-blue img:first-of-type {
    max-width: 866px;
}
.bg-blue img:last-of-type {
    max-width: 279px;
}
.uefa {
    width: 148px;
}
.nba {
    width:63px;
}
@media(min-width:899px){
	.inner-c {
		width: 864px;
		margin: auto;
	 }
}
.bottom-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.bottom-row p {
	font-family: 'globerregular';
    font-size: 14px;
	line-height: 1.6em;
}
.bottom-row img {
	margin-left: 30px;
}
.overflowing {
	margin-bottom: 30px;
	text-align: center;
}
.myTable {
		width: 100%!important;
		margin-bottom: 40px;
		
	}
	.myTable td {
		height: auto!important;
		border: 1px solid #fff;
		font-size: 15px;
		text-align: center;
		padding: 10px;
		font-family: 'globerxbold';
    font-size: 16px;
    color: #B20075;
	}
	.myTable tr:nth-of-type(1){
	  background-color: #B20075;
	  
	}
	.myTable tr:nth-of-type(1) td {
	    	font-family: 'globerbold';
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
	}
	.myTable tr:nth-of-type(2){
	  background-color: #BD4989;
	  
	}
	.myTable tr:nth-of-type(2) td {
	    	font-family: 'globerbold';
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
	}
		.myTable tr:nth-of-type(3){
	  background-color: #F4F4F5;
	  
	}
	.myTable tr:nth-of-type(4){
	  background-color: #EDEEEE;
	  
	}
	.myTable tr:nth-of-type(5){
	  background-color: #E6E7E8;
	  
	}
	.myTable tr:nth-of-type(6){
	  background-color: #DFE0E2;
	  
	}
	.myTable tr:nth-of-type(7){
	   background-color: #D1D2D6;
	  
	}
	.myTable td img {
	    width: 135px;
	}

	.myTable td span {
	    font-family: 'globerbold';
	    font-size: 15px;
	}
		.myTable td span:first-of-type {
	    font-family: 'Roboto';
	    font-weight: 700;
	}
.c-main {
    width: 1100px;
    margin: auto;
}
@media(max-width:1400px){
    .site-header-wrapper {
      padding: 20px 0;
    }
    .logo {
      width: 100px;
      margin: auto;
    }
    .img-holder h1 {
        font-size: 64px;
    }
    .group-form .the-input {
    height: 48px;
}
.group-form label {
    font-size: 19px;
}
.send-btn {
    height: 48px;
    font-size: 19px;
}
}
@media(max-width:900px){
    .bg-blue {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 30px;
    }
    .bg-blue img:first-of-type {
        width: 100%;
    }
    section.gradient-bg {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 30px;
    }
    .footer-wrapper {
        padding: 30px 30px 40px
    }
    .group-form {
        width: 100%;
        margin: auto;
        margin-bottom: 20px;
    }
    .site-header-wrapper {
      padding: 15px 0;
    }
    .logo {
      width: 80px;
    }
    .img-holder .header-s {
    padding-top: 30px;
}
.img-holder h1 {
    font-size: 6vw;
}
.bg-blue img:last-of-type {
    max-width: 40%;
    margin-top: 10px;
}
.header-s h2 {
    font-family: 'globerbold';
    font-size: 5.5vw;
    margin-bottom: 20px;
}
.txt-s ul {
    margin-bottom: 30px;
    font-family: 'globerregular';
    font-size: 5vw;
}
.txt-s img {
    margin-bottom: 20px;
}
.txt-s p {
    font-size: 4vw;
}

.txt-s .c-flexy {
    margin-bottom: 20px;
}
h3 {
    font-size: 5.5vw;
}
h3 br {
    display: none;
}
.txt-s img {
    margin: 0 15px;
}
.uefa {
    width: 120px;
}
.nba {
    width: 50px;
}
form {
    margin-top: 30px;
}
.overflowing {
    width: 100%;
	overflow-x: scroll;
	padding-left: 20px;
}
.c-main {
    width: 100%;
}
	.bottom-row {
		padding-left: 20px;
		padding-right: 20px;
	}
	.footer-wrapper h3 {
		line-height: 1.1em;
	}
.hero-s {
    width: 100%;
    height: 0;
    padding-bottom: 90%;
}
.txt-s {
    padding: 30px 20px;
}
.add-padd {
    padding-bottom: 30px;
}
.txt-s h2 {
    font-size: 7vw;
    margin-bottom: 0px;
}
.hero-s h1 {
    padding-top: 20px;
    text-align: center;
    font-family: 'globerxbold';
    font-size: 22px;
    color: #a2006a;
    padding: 20px;
    line-height: 1.1em;
}
}


.myTable td {
    width: 50%!important;
}
.bottom-row {
    font-family: 'globerbook_italic';
    font-size: 16px;
    color: #000;
    text-align: center!important;
}