/* 4em      / 52px */
/* 4em      / 48px */
/* 4em      / 48px */
/* 4em      / 48px */
/* 4em      / 48px */
/* 2.71em   / 36px */
/* 2.51     / ~33px */
/* 2.33     / ~30px */
/* 2.15     / 28px */
/* 2.15     / 28px */
/* 1.85      / 24px */
/* 1.85      / 24px */
/* 1.58      / ~21px */
/* 1.46      / 19px */
/* 1.46      / 19px */
/* 1.26      / 16px */
/* 1.26      / 16px */
/* 1.08      / 14px  */
/* 1         / 13px  */
/* 0.92      / 12px  */
/* 0.85      / 11px  */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  margin: 0;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #a3a3a3;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h1,
.h1 {
  font-weight: 500;
  font-style: normal;
  color: #08315c;
  font-size: 28.06602496px;
  /* 2.71em / 28px */
  line-height: 1;
}
@media (min-width: 960px) {
  h1,
  .h1 {
    font-size: 48.10023471px;
    /* 2.71em   / 48px */
  }
}
h2,
.h2 {
  font-weight: 400;
  font-style: normal;
  color: #08315c;
  font-size: 28.06602496px; 
  /* 2.15 / 28px */
  line-height: 1;
}
@media (min-width: 960px) {
  h2,
  .h2 {
    font-size: 35.35510844px;
    /* 2.71em   / 36px */
  }
}
@media (min-width: 760px) and (max-width: 762px) {
  h2,
  .h2 {
    margin-top: 50px;
    /* 2.71em   / 36px */
  }
}

@media (min-width: 770px) and (max-width: 989px) {
  h2,
  .h2 {
    margin-top: 0 !important;
  }
}


h3,
.h3 {
  font-weight: 500;
  font-style: normal;
  color: #08315c;
  font-size: 20.6293662px;
  /* 1.58 / ~21px */
  line-height: 1;
}
@media (min-width: 960px) {
  h3,
  .h3 {
    font-size: 26px;
    /* 2.15 / 28px */
  }
}
h4,
.h4 {
  font-weight: 400;
  font-style: normal;
  color: #08315c;
  text-transform: uppercase;
  font-size: 16.376256px;
  /* 1.26 / 16px */
  line-height: 1;
}
@media (min-width: 960px) {
  h4,
  .h4 {
    font-size: 20.6293662px;
    /* 1.58 / ~21px */
  }
}
h5,
.h5 {
  font-size: 16.376256px;
}
h6,
.h6 {
  font-size: 14.04px;
}
.big_headline {
  font-weight: 500;
  font-style: normal;
  color: #08315c;
  font-size: 28.06602496px;
  /* 2.15em   / 28px */
  line-height: 1;
}
@media (min-width: 960px) {
  .big_headline {
    font-weight: 400;
    font-style: normal;
    font-size: 51.94825349px;
    /* 4em / 52px */
  }
}
p {
  margin: 0 0 7px;
}
.lead {
    margin-top: 5px;
  margin-bottom: 14px;
  margin-left: 10px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21.06px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #a3a3a3;
}
.text-primary {
  color: #007cba;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #005a87;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #e61e28;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #bc151d;
}
.bg-primary {
  color: #fff;
  background-color: #007cba;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #005a87;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 6px;
  margin: 28px 0 14px;
  border-bottom: 1px solid #f5f5f5;
}
ul,
ol {
  margin-top: 0;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
/* Variables */
/* Flags */
[class^="flag-"],
[class*=" flag-"] {
  display: inline-block;
  margin: 0;
  background-repeat: no-repeat;
  /*background-image: url("http://img.uefa.com/imgml/2016/euro/flags/flags_sprite_empty_64x64.png");*/
  background-image: url("../images/Teams/flags_sprite_empty_64x64.png");
}
.flag-AL,
.flag-ALB {
  background-position: 100% 100%;
}
.flag-AND {
  background-position: 25% 0;
}
.flag-ARM {
  background-position: 50% 0;
}
.flag-AT,
.flag-AUT {
  background-position: 75% 0;
}
.flag-AZE {
  background-position: 100% 0;
}
.flag-BE,
.flag-BEL {
  background-position: 0 10%;
}
.flag-BIH {
  background-position: 25% 10%;
}
.flag-BLR {
  background-position: 50% 10%;
}
.flag-BUL {
  background-position: 75% 10%;
}
.flag-HR,
.flag-CRO {
  background-position: 100% 10%;
}
.flag-CYP {
  background-position: 0 20%;
}
.flag-CZ,
.flag-CZE {
  background-position: 25% 20%;
}
.flag-DAN,
.flag-DEN {
  background-position: 50% 20%;
}
.flag-EN,
.flag-ENG {
  background-position: 75% 20%;
}
.flag-EST {
  background-position: 100% 20%;
}
.flag-FIN {
  background-position: 0 30%;
}
.flag-FR,
.flag-FRA {
  background-position: 25% 30%;
}
.flag-FRO {
  background-position: 50% 30%;
}
.flag-GEO {
  background-position: 75% 30%;
}
.flag-DE,
.flag-GER {
  background-position: 100% 30%;
}
.flag-GIB {
  background-position: 0 40%;
}
.flag-GRE {
  background-position: 25% 40%;
}
.flag-HU,
.flag-HUN {
  background-position: 50% 40%;
}
.flag-IS,
.flag-ISL {
  background-position: 75% 40%;
}
.flag-IE,
.flag-IRL {
  background-position: 100% 40%;
}
.flag-ISR {
  background-position: 0 50%;
}
.flag-IT,
.flag-ITA {
  background-position: 25% 50%;
}
.flag-KAZ {
  background-position: 50% 50%;
}
.flag-LAT,
.flag-LVA {
  background-position: 75% 50%;
}
.flag-LIE {
  background-position: 100% 50%;
}
.flag-LIT,
.flag-LTU {
  background-position: 0 60%;
}
.flag-LUX {
  background-position: 25% 60%;
}
.flag-MAL,
.flag-MLT {
  background-position: 50% 60%;
}
.flag-MKD {
  background-position: 75% 60%;
}
.flag-MNE {
  background-position: 100% 60%;
}
.flag-MOL,
.flag-MDA {
  background-position: 0 70%;
}
.flag-NED {
  background-position: 25% 70%;
}
.flag-IA,
.flag-NIR {
  background-position: 50% 70%;
}
.flag-NOR {
  background-position: 75% 70%;
}
.flag-PL,
.flag-POL {
  background-position: 100% 70%;
}
.flag-PT,
.flag-POR {
  background-position: 0 80%;
}
.flag-RO,
.flag-ROU {
  background-position: 25% 80%;
}
.flag-RU,
.flag-RUS {
  background-position: 50% 80%;
}
.flag-SER,
.flag-SRB {
  background-position: 75% 80%;
}
.flag-SLO,
.flag-SVN {
  background-position: 100% 80%;
}
.flag-SMR {
  background-position: 0 90%;
}
.flag-ES,
.flag-ESP {
  background-position: 25% 90%;
}
.flag-CH,
.flag-SUI {
  background-position: 50% 90%;
}
.flag-SK,
.flag-SVK {
  background-position: 75% 90%;
}
.flag-SE,
.flag-SWE {
  background-position: 100% 90%;
}
.flag-TR,
.flag-TUR {
  background-position: 0 100%;
}
.flag-UA,
.flag-UKR {
  background-position: 25% 100%;
}
.flag-WA,
.flag-WAL {
  background-position: 50% 100%;
}
.flag-SCO {
  background-position: 75% 100%;
}
/**********************/
/* EURO 2016 BRANDING */
/**********************/
.section.bg-euro16-blue .infinite-more-wrap .btn-secondary,
.section__dark.bg-euro16-blue .infinite-more-wrap .btn-secondary {
  color: #FFF;
}
.section.bg-euro16-blue .infinite-more-wrap .btn-secondary .btn-icon,
.section__dark.bg-euro16-blue .infinite-more-wrap .btn-secondary .btn-icon {
  display: inline;
}
#smartbanner.android {
  border-top: 2px solid #007cba;
  border-bottom: 1px solid #04182d;
  background: #08315c;
}
#smartbanner.android .sb-button span {
  background-color: #65beec;
}
#smartbanner.android .sb-button:active span,
#smartbanner.android .sb-button:hover span {
  background: #65beec;
}

.section,
.section__dark {
  background-color: #FFF;
}
.section.bg-euro16-blue,
.section__dark.bg-euro16-blue {
  position: relative;
  background-image: -webkit-radial-gradient(top center, circle farthest-corner, #2c6a93, #000a34);
  background-image: radial-gradient(circle farthest-corner at top center, #2c6a93, #000a34);
  min-height: 150px;
  padding-bottom: 50px;
}
.section.bg-euro16-blue:before,
.section__dark.bg-euro16-blue:before {
  content: "";
  background: #007cba url("http://img.uefa.com/imgml/2016/euro/bg_pattern.png") top center repeat;
  background-size: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  filter: alpha(opacity=20);
  z-index: 1;
}
@media (min-width: 960px) {
  .section.bg-euro16-blue:before,
  .section__dark.bg-euro16-blue:before {
    background-size: auto;
  }
}
.section.bg-euro16-blue:after,
.section__dark.bg-euro16-blue:after {
  content: "";
  background-image: radial-gradient(circle closest-corner at top center, #65beec, rgba(101, 190, 236, 0));
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  z-index: 2;
}
.section.bg-euro16-blue > *,
.section__dark.bg-euro16-blue > * {
  position: relative;
  z-index: 3;
}
.section.bg-euro16-blue .section--title,
.section__dark.bg-euro16-blue .section--title {
  color: #FFF;
}
.section.bg-euro16-blue .owl-controls .owl-next,
.section.bg-euro16-blue .owl-controls .owl-prev,
.section__dark.bg-euro16-blue .owl-controls .owl-next,
.section__dark.bg-euro16-blue .owl-controls .owl-prev {
  color: rgba(255, 255, 255, 0.7);
}
.section.bg-euro16-blue .owl-controls .owl-next.disabled,
.section.bg-euro16-blue .owl-controls .owl-prev.disabled,
.section__dark.bg-euro16-blue .owl-controls .owl-next.disabled,
.section__dark.bg-euro16-blue .owl-controls .owl-prev.disabled {
  color: rgba(0, 0, 0, 0.1);
}
.section.bg-euro16-grey,
.section__dark.bg-euro16-grey {
  background: #f5f5f5;
  min-height: 150px;
}