/* FONTS */
@font-face {
  font-family: Exo2;
  src: url("fonts/Exo2-Light.otf") format("opentype");
  font-weight: 100;
}
@font-face {
  font-family: Exo2;
  src: url("fonts/Exo2-Medium.otf") format("opentype");
  font-weight: 300;
}
@font-face {
  font-family: Exo2;
  src: url("fonts/Exo2-Regular.otf") format("opentype");
  font-weight: 500;
}
@font-face {
  font-family: Exo2;
  src: url("fonts/Exo2-SemiBold.otf") format("opentype");
  font-weight: 700;
}
@font-face {
  font-family: Exo2;
  src: url("fonts/Exo2-Bold.otf") format("opentype");
  font-weight: 900;
}
@font-face {
  font-family: Exo2;
  src: url("fonts/Exo2-MediumItalic.otf") format("opentype");
   font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: Exo2;
  src: url("fonts/MuseoSans_300_Italic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
}


body {
  margin: 0px;
  padding: 0px;
  font-family: 'Exo2';
  -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
  background-color: #32589f;
  background-image:url('img_previo/background.png'); 
}
div {
  box-sizing: border-box;
}

html {
  overflow: hidden;
}
  



.display {
  width: 1920px;
  height: 1080px;
  background-size: cover;
  position: relative;
  font-size: 30px;
  color: #124CA1;
  margin-left: -700px;
}
.scaled {
transform: scale(0.24);
transform-origin: top;
}


/* UTILS */
.border {
  border: 1px solid #e9ecef;
}

.border-blue {
  border: 1px solid #2e5195;
}
.stats-width {
  width: 120px;
}
.container {
  padding: 20px;
}
.bottom {
  margin-bottom: 10px;
}
.top {
  margin-top: 5px;
}
.toph {
  margin-top: -10px;
}
.margintop {
  margin-top: -10px;
}
.thin {
  font-weight: 300;
}
.bold {
  font-weight: 700;
}
.xbold {
  font-weight: 900;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-black {
  color: black;
}
.text-white {
  color: white;
}
.text-blue {
  color: #2e5195;
}
.text-purple {
  color: #881771;
}


.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}

.tachado {
     text-decoration:line-through;
 }


/* PILLS */
.pill {
  background-color:#2e5195;
  padding: 0px;
  font-size: 55px;
  margin-bottom: 10px;
  height: 73px;
  clear: both;
}
.pill.pill-xxs {
  margin-left: 220px;
  width: 1600px;
 padding-left: 30px;
  height: 65px;
  margin-bottom: 10px;
  line-height: 60px;
  font-size: 50px;
}
.pill.pill-sm {
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 70px;
  height: 73px;
}
.pill.pill-xs {
  margin-bottom: 5px;
  line-height: 75px;
}
.pill.pill-md {
  margin-left: 220px;
  width: 1600px;
  padding: 1px;
  line-height: 22px;
  margin-top: 20px;
   font-size: 80px;
}
.pill.pill-lg {
  font-size: 80px;
  border-radius: 40px;
  padding: 20px;
  line-height: 80px;
}
.pill.pill-xl {
  font-size: 120px;
  padding: 20px;
  line-height: 100px;
  border-radius: 50px;
}
.pill.pill-xxl {
  font-size: 130px;
  padding: 10px;
  line-height: 120px;
}

.pill-right {
  margin-left: auto;
  margin-right: 0;
}
.pill.width80 {
  width: 80%;
}
.pill.width50 {
  width: 50%;
}

.pill.pill-grey {
  margin-left: 230px;
  margin-top: 20px;
  margin-bottom: -15px;
  background-color: transparent;
  width: 1640px;
  font-size: 90px;
  line-height: 60px;
}
.pill.pill-grey-lg {
  margin-left: 300px;
  width: 1600px;
  line-height: 90px;
}
.pill.pill-grey-lg .flag {
  margin-top: 10px;
  margin-left: 20px;
  width: 100px;
  height: 80px;
}

.pill > span {
  display: inline-block;
  position: relative;
}



.label {
  color: white;
  padding: 0 15px;
  text-align: center;
  display: inline-block;
}
.label.blue {
  color: white;
  padding: 0 15px;
  text-align: center;
  display: inline-block;
}
.label.stats {
  color: white;
  padding: 0 15px;
  text-align: center;
  display: inline-block;
}
.label.green {
  color: white;
  padding: 0 15px;
  text-align: center;
  display: inline-block;
}
.label.greenr {
  color: white;
  padding: 0 15px;
  text-align: center;
  display: inline-block;
}
.label.percent {
  color: white;
  width: 100px;
  padding: 0 15px;
  text-align: center;
  display: inline-block;
  margin-right: 20px;
}

.logo {
 margin-top: -5px;
 margin-left: 740px;
}

.ganador {
  margin-left: 700px;
  font-size: 120px;
  margin-bottom: 100px;
}
/*añadido eva*/
.encabezado {
    color: white;
    padding: 5px;
 background-color: #5da060;
 font-weight: 900;
 font-size: 55px;
 margin-top: -26px;
 margin-right: 100px;
 float: right;
 
}

.judge {
  background-color: #5da060;
  padding-right: 20px;
  padding-left: 20px;
  color: white;
 margin-left: 370px;
font-size: 55px;
 margin-top: 1px;
 margin-bottom: 10px;
}
.judge-right {
  background-color: #5da060;
  padding-right: 20px;
  padding-left: 20px;
  color: white;
 margin-left: 500px;
font-size: 55px;
 margin-top: 1px;
 margin-bottom: 1px;
}

/* fin añadido eva*/


.medalla {
 margin-top: -260px; 
 margin-right: 0px;
}

.team {
 font-size: 60px;
}




.nombre {
  font-size: 45px;
 
}
.barra {
 margin-top: -50px;
 margin-left: -20px;
}


.label.marker {
  font-size: 250px;
 
}

.pill .ph10 {
  padding-left: 20px;
  padding-right: 20px;
}
.pill .ph80 {
  padding-left: 80px;
  padding-right: 80px;
}

.pill .ph100 {
  padding-left: 100px;
  padding-right: 100px;
}


.pill .flag {
  background-color: transparent;
  display: inline-block;
  /*border: 3px solid #888;*/
  border-radius: 25%;
  height: 66px;
  width: 83px;
  overflow: hidden;
  text-align: center;
  box-sizing: border-box;
  float: left;
  margin-right: 20px;
  line-height: 0;
}
.pill .flag.flag-right {
  float: right;
  margin-right: -15px;
  margin-left: 270px;
  width: 232px;
  height: 152px;
}
.pill .flag.flag-small {
  width: 60px;
  height: 50px;
  margin-top: 3px;
}
.pill.pill-xl .flag {
  width: 160px;
  height: 120px;
  margin-top: -10px;
}
.pill.pill-xxl .flag {
  width: 234px;
  height: 189px;
  margin-top: 0px;
  margin-left: -15px;
}
.pill .flag img {
  width: 100%;
  height: 100%;
  margin: 0px;
}

.pill .spacer { display: inline-block; }
.pill .spacer.spacer100 { width: 100px; }
.pill .spacer.spacer200 { width: 200px; }

.pill .medal {
  width: 143px;
  height: 143px;

}
.pill .medal img {
 width: 101%
  height: auto;
}

.pill.pill-sm .medal {
  margin-top: 0px;
  width: 40px;
  height: 40px;
  margin-right: 20px;
}
.pill.pill-xxl .medal {
  margin-top: -144px;
  margin-right: -75px;
}

.pill.pill-with-head {
  line-height: 87px;
  position: relative;
  padding-left: 100px;
  overflow: hidden;
}
.pill.pill-with-head .pill-head {
  position: absolute;
  top: 0;
  left: 0;
  width: 135px;
  text-align: left;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pill.pill-with-head .flag {
  border-color: white;
}


.row {
  clear: both;
}
.row:after {
  clear: both;
  content: "";
  display: table;
}
.row > div {
  float: left;
}
.row .col50 {
  width: 50%;
}

/* BACKGROUNDS */
.bg-red {
  background: rgb(197,32,49);
 /* background: -moz-linear-gradient(top, rgb(228,17,63) 0%, rgb(170,24,50) 100%);
  background: -webkit-linear-gradient(top, rgb(228,17,63) 0%,rgb(170,24,50) 100%);
  background: linear-gradient(to bottom, rgb(228,17,63) 0%,rgb(170,24,50) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4113f', endColorstr='#aa1832',GradientType=0 );*/
}
.bg-blue {
  background: rgb(78,138,198);
 /* background: -moz-linear-gradient(top, rgb(0,161,223) 0%, rgb(0,124,186) 50%, rgb(0,94,133) 100%);
  background: -webkit-linear-gradient(top, rgb(0,161,223) 0%,rgb(0,124,186) 50%,rgb(0,94,133) 100%);
  background: linear-gradient(to bottom, rgb(0,161,223) 0%,rgb(0,124,186) 50%,rgb(0,94,133) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a1df', endColorstr='#005e85',GradientType=0 );*/
}
.bg-green {
  background: rgb(119,188,31);
  background: -moz-linear-gradient(top, rgb(119,188,31) 0%, rgb(71,161,65) 50%, rgb(2,105,26) 100%);
  background: -webkit-linear-gradient(top, rgb(119,188,31) 0%,rgb(71,161,65) 50%,rgb(2,105,26) 100%);
  background: linear-gradient(to bottom, rgb(119,188,31) 0%,rgb(71,161,65) 50%,rgb(2,105,26) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77bc1f', endColorstr='#02691a',GradientType=0 );
}
.bg-yellow {
  background: rgb(255,221,0);
  background: -moz-linear-gradient(top, rgb(255,221,0) 0%, rgb(248,177,36) 50%, rgb(252,176,54) 100%);
  background: -webkit-linear-gradient(top, rgb(255,221,0) 0%,rgb(248,177,36) 50%,rgb(252,176,54) 100%);
  background: linear-gradient(to bottom, rgb(255,221,0) 0%,rgb(248,177,36) 50%,rgb(252,176,54) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd00', endColorstr='#fcb036',GradientType=0 );
}

.bg-morado {
  background: rgb(136,23,113);
 /* background: -moz-linear-gradient(top, rgb(228,17,63) 0%, rgb(170,24,50) 100%);
  background: -webkit-linear-gradient(top, rgb(228,17,63) 0%,rgb(170,24,50) 100%);
  background: linear-gradient(to bottom, rgb(228,17,63) 0%,rgb(170,24,50) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4113f', endColorstr='#aa1832',GradientType=0 );*/
}

.bg-azulclaro {
  background: rgb(84,149,198);
 /* background: -moz-linear-gradient(top, rgb(228,17,63) 0%, rgb(170,24,50) 100%);
  background: -webkit-linear-gradient(top, rgb(228,17,63) 0%,rgb(170,24,50) 100%);
  background: linear-gradient(to bottom, rgb(228,17,63) 0%,rgb(170,24,50) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4113f', endColorstr='#aa1832',GradientType=0 );*/
}

/* HOME */
#home .homelogo {
  position: absolute;
  top: 600px;
  left: 530px;
}

#home .homesport {
  position: absolute;
  top: 30px;
  left: -250px;
}

#home .pill {
  text-align: right;
    font-weight: 900;
  font-size: 90px;
  height: 115px;
  
}

#home .homepill-1 {
  background-color: transparent;
  width: 550px;
  height: 170px;
  font-weight: 300;
  margin-left: 1300px;
  font-size: 30pt;
  color: white;
  text-align: left;
  margin-top: -180px;
    }

#home .homepill-2 {
background-color: transparent;
  width: 750px;
  height: 200px;
  font-weight: 900;
  margin-top: 0px;
  margin-left: 380px;
  font-size: 150px;
  text-align: center;
  color: white;
     }

     #home .homepill-3 {
background-color: transparent;
 width: 750px;
  font-weight: 900;
  margin-top: -20px;
  margin-left: 500px;
  font-size: 110px;
  text-align: left;
  color: white;
     }


/* PER PAGE STYLES */
#schedule .container {
  margin-top: 90px;
  height: 700px;
}

#schedule .pill.pill-sm {
  color: white;
  font-weight: 900;
  width: 1640px;
  margin-bottom: 10px;
  margin-left: 230px;

}
#schedule .label {
  font-weight: 900;
  margin-left: -3px;
  margin-top: -15px;
  width: 150px;
  height: 73px;
}
#schedule .label.blue {
  background-color: #881771;
  font-weight: 900;
  font-size: 38px;
  margin-top: 0px;
  width: 330px;
  height: 73px;
}
#schedule .pill .flag.flag-right {
  float: right;
   width: 83px;
  height: 66px;
  margin-top: 2px; 
  margin-right: 0px; 
  margin-left: 15px;
}
#schedule .phase {
    margin-left: 10px;
  margin-right: 40px;
  font-weight: 900;
  font-size: 48px;
  line-height: 70px;
}

#schedule .logo {
 margin-top: -5px;
 margin-left: 740px;
}



#medals .container {
  margin-top: 170px;
  height: 600px;

}
#medals .logo {
  margin-top: 16px;
  margin-left: 780px;

}


#medals .pill.pill-xxl {
  background-color: transparent;
  margin-left: 400px;
  margin-bottom: 28px;
  margin-top: 38px;
  font-size: 55px;
  width: 1172px;
  height: 113px;
  font-weight: 700;
   line-height: 50px;
}

#medals .pill.pill-xxl .flag {
  width: 119px;
  height: 96px;
  margin-top: -120px;
  margin-left: 10px;
}

#medals .name {
  margin-top: -97px;
  margin-left: 190px;
}

#medals .noc-up {
  color: white;
  width: 113px;
  height: 55px;
  margin-top: -245px;
  margin-left: 95px;
  font-size: 40px;
  font-weight: 900;
  line-height: 52px;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: rl-tb;
}


#final-standings .pill.pill-sm {
  color: white;
  font-weight: 300;
  width: 1500px;
  margin-bottom: 5px;
  margin-left: 280px;
  height: 73px;

}
#final-standings .label {
  font-size: 45px;
  font-weight: 300;
  margin-left: -3px;
  margin-top: 0px;
  padding-top: 10px;
  width: 74px;
  height: 73px;
}
#final-standings .pill .flag {
  margin-left: 10px;
  margin-top: -7px;
}
#final-standings .pill.pill-sm .medal {
  margin-top: 0px;
  width: 73px;
  height: 73px;
  margin-right: -30px;
}

#start-list .logo {
 margin-top: 10px;
 margin-left: 800px;
}

#start-list .noc-small.up {
  width: 34px;
  height: 30px;
  display: block;
  font-size: 25px;
  font-weight: 900;
  line-height: 32px;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  margin-top: 15px;
  margin-left: -20px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: rl-tb;
}

#start-list .label.blue {
  font-size: 45px;
  font-weight: 900;
  margin-left: -3px;
  margin-top: 0px;
  padding-top: 0px;
  width: 174px;
  height: 73px;
  
}

#start-list .pill.pill-sm {
  color: white;
  font-weight: 300;
  width: 1500px;
  margin-bottom: 5px;
  margin-left: 280px;
  height: 73px;
}


#start-list .label {
  font-size: 45px;
  font-weight: 900;
  margin-left: -3px;
  margin-top: 0px;
  padding-top: 0px;
  width: 74px;
  height: 73px;
}
#start-list .pill .flag {
  margin-left: 10px;
  margin-top: 2px;
}

#start-list .container {
  margin-top: 90px;
  height: 700px;

}

#judge-list .nombre {
  font-size: 45px;
  margin-left: 20px;
 
}

#judge-list .pill.pill-sm {
  color: white;
  font-weight: 300;
  width: 1500px;
  margin-bottom: 5px;
  margin-left: 280px;
  height: 73px;
}

#judge-list .noc-small.up {
  width: 34px;
  height: 30px;
  display: block;
  font-size: 25px;
  font-weight: 900;
  line-height: 32px;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  margin-top: 15px;
  margin-left: -20px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: rl-tb;
}
#judge-list .pill .flag {
  margin-left: 10px;
  margin-top: 3px;
}
#judge-list .container {
  margin-top: 90px;
  height: 700px;

}
#judge-list .logo {
 margin-top: 10px;
 margin-left: 800px;
}

/*eva*/

.block {
  background-color:#ffffff;
  padding: 0px;
  clear: both;
}

#start-list .block.block-sm {
	font-size:80px;
  font-weight: 500;
  clear: both;
  margin:15px 0 0 0px;

}

#start-list .block.block-sm .left{
   width:450px;
 	
	margin:0 200px 10px 450px;
	font-size:50px;
  	font-weight: 600;
   text-transform: uppercase;
   float:left;
  
} 

#start-list .block.block-sm .right{
   width:450px;
		
	margin:0 0 10px 0;
	font-size:50px;
  	font-weight: 600;
	float:left;
   text-transform: uppercase;
  
} 

#start-list .block.block-sm .leftborder{
   width:450px;
 	border:3px solid #1688c0;
	margin:0 200px 10px 450px;
	font-size:50px;
  	font-weight: 600;
   text-transform: uppercase;
   float:left;
  
} 

#start-list .block.block-sm .rightborder{
   width:450px;
	border:3px solid #1688c0;	
	margin:0 0 10px 0;
	font-size:50px;
  	font-weight: 600;
	float:left;
   text-transform: uppercase;
  
} 


#start-list .block.block-sm .leftborder3{
   width:300px;
 	border:3px solid #1688c0;
	margin:0 50px 0px 450px;
	font-size:50px;
  	font-weight: 600;
   text-transform: uppercase;
   float:left;
  
} 

#start-list .block.block-sm .rightborder3{
   width:300px;
	border:3px solid #1688c0;	
	margin:0 50px 10px 0;
	font-size:50px;
  	font-weight: 600;
	float:left;
   text-transform: uppercase;
  
} 

#start-list .block.block-sm  .azul{
   background-color:#1688c0;
	font-size:90px;
  	font-weight: 600;
	 color: white;
  padding: 0 15px;
  text-align: center;
  display: inline-block;
  
} 

#start-list .block.block-sm  .rojo{
   background-color:#e10000;
	font-size:90px;
  	font-weight: 600;
	 color: white;
  padding: 0 15px;
  text-align: center;
  display: inline-block;
  
} 

#start-list .block.block-sm  .blanco{
   background-color:#fff;
	font-size:90px;
  	font-weight: 600;
  padding: 0 15px;
  text-align: center;
  display: inline-block;
  
} 


#start-list .block.block-xs {

font-size:40px;
font-weight: 900;
 clear: both;
  background-color: transparent;
}


#start-list .blockresult {
  width: 240px;
  height: 150px;
  margin:5px;
  border:2px solid #1688c0;
  } 

#start-list .blockresult .codigo {
font-size: 30px;
font-weight: 100;
 background-color:#1688c0;
 color: white;
 width:100%; display: inline-block;
  }
  
  #start-list .blockresult .dato {
  font-size: 90px;
  font-weight: 600;
  background-color: #fff;
  color: 1688c0;
  float:left;
   width:100%; 
  }
  #start-list .pill.pill-xl {
  background-color: transparent;
  margin-left: 210px;
  width: 1600px;
  font-size: 90px;
  padding: 0px;
  line-height: 110px;
  border-radius: 0px;
   height: 140px;
   color: #58595b;
}
#start-list .name {
  
  margin-top: 10px;
  
  
}
  

#winner .container {
  margin-top: 90px;
  height: 700px;

}

#winner .noc-up {
  font-size: 55px;
  font-weight: 900;
  line-height: 50px;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  margin-top: 70px;
  margin-bottom: 7px;
  margin-right: 2px;
  margin-left: -35px;
  -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: rl-tb;
}





#winner .pill.pill-xxl {
  color: white;
  width: 1600px;
  font-size: 130px;
  padding: 10px;
  line-height: 166px;
  margin-left: 200px;
  margin-top: 5px;
  height: 205px;
}

#winner .flag {
margin-left: 10px;
}

#winner .nombre {
  font-size: 120px;
 
}
#result .block.block-sm {
  font-size:80px;
  font-weight: 900;
  clear: both;
  margin:200px 0 0 0px;

}

#result .block.block-sm .left{
   width:450px;
  
  margin:0 200px 10px 450px;
  font-size:50px;
    font-weight: 900;
   text-transform: uppercase;
   float:left;
  
} 

#result .block.block-sm .right{
   width:450px;
    
  margin:0 0 10px 0;
  font-size:50px;
    font-weight: 900;
  float:left;
   text-transform: uppercase;
  
} 

#result .block.block-sm .leftborder{
   width:450px;
  border:3px solid #1688c0;
  margin:0 200px 10px 450px;
  font-size:50px;
    font-weight: 900;
   text-transform: uppercase;
   float:left;
  
} 

#result .block.block-sm .rightborder{
   width:450px;
  border:3px solid #1688c0; 
  margin:0 0 10px 0;
  font-size:50px;
    font-weight: 900;
  float:left;
   text-transform: uppercase;
  
} 


#result .block.block-sm .leftborder3{
   width:350px;
  border:3px solid #1688c0;
  margin:0 50px 0px 450px;
  font-size:80px;
    font-weight: 900;
   text-transform: uppercase;
   float:left;
  
} 

#result .block.block-sm .rightborder3{
   width:350px;
  border:3px solid #1688c0; 
  margin:0 50px 10px 0;
  font-size:80px;
    font-weight: 900;
  float:left;
   text-transform: uppercase;
  
} 

#result .block.block-sm  .azul{
   background-color:#1688c0;
  font-size:90px;
    font-weight: 900;
   color: white;
  padding: 0 15px;
  text-align: center;
  display: inline-block;
  
} 

#result .block.block-sm  .rojo{
   background-color:#e10000;
  font-size:90px;
    font-weight: 900;
   color: white;
  padding: 0 15px;
  text-align: center;
  display: inline-block;
  
} 

#result .block.block-sm  .blanco{
   background-color:#fff;
  font-size:90px;
    font-weight: 900;
  padding: 0 15px;
  text-align: center;
  display: inline-block;
  
} 


#result .block.block-xs {

font-size:40px;
font-weight: 400;
 clear: both;
  background-color: transparent;
}


#result .blockresult {
  width: 210px;
  height: 180px;
  margin:5px;
  border:2px solid #1688c0;
  } 

#result .blockresult .codigo {
font-size: 40px;
font-weight: 900;
 background-color:#1688c0;
 color: white;
 width:100%; display: inline-block;
  }
  
  #result .blockresult .dato {
  font-size: 100px;
  font-weight: 900;
  background-color: #fff;
  color: 1688c0;
  float:left;
   width:100%; 
  }

  #result .logo {
 margin-top: 10px;
 margin-left: 800px;
}

#result .name {
  
  margin-top: 10px;
  
  
}
#result .noc-small.up {
  
  height: 50px;
  font-size: 45px;
  font-weight: 900;
  line-height: 42px;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  margin-left: -30px;
  margin-top: 33px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: rl-tb;
}

#result .label.blue {
  font-size: 45px;
  font-weight: 300;
  margin-left: -3px;
  margin-top: 0px;
  padding-top: 0px;
  width: 174px;
  height: 73px;
  
}

#result .pill.pill-sm {
  color: white;
  font-weight: 300;
  width: 1500px;
  margin-bottom: 5px;
  margin-left: 280px;
  height: 73px;
}


#result .label {
background-color: transparent;
  color: #5495c6;
  font-size: 80px;
  font-weight: 700;
  margin-left: -3px;
   line-height: 130px;
  margin-top: 0px;
  padding-top: 0px;
  width: 150px;
  height: 140px;
  text-align: center;
}
#result .pill .flag {
  margin-left: 10px;
  margin-top: 0px;
}

#result .container {
  margin-top: 90px;
  height: 700px;

}
#result .pill.pill-xl {
  background-color: transparent;
  margin-left: 230px;
  width: 1600px;
  font-size: 90px;
  padding: 0px;
  line-height: 90px;
  border-radius: 0px;
   height: 120px;
   color: #58595b;
}
.pill.pill-xl .flag {
  width: 160px;
  height: 120px;
  margin-top: 50px;

}
#athlete-presentation .logo {
 margin-top: 10px;
 margin-left: 800px;
}

#athlete-presentation .noc-small.up {
  height: 50px;
  font-size: 45px;
  font-weight: 900;
  line-height: 42px;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  margin-left: -30px;
  margin-top: 43px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: rl-tb;
}

#athlete-presentation .label.blue {
  font-size: 45px;
  font-weight: 900;
  margin-left: -3px;
  margin-top: 0px;
  padding-top: 0px;
  width: 174px;
  height: 73px;
  
}

#athlete-presentation .pill.pill-sm {
  color: white;
  font-weight: 900;
  width: 1500px;
  margin-bottom: 5px;
  margin-left: 280px;
  height: 73px;
}


#athlete-presentation .label {
  background-color: transparent;
  color: #5495c6;
  font-size: 80px;
  font-weight: 900;
  margin-left: -3px;
   line-height: 130px;
  margin-top: 0px;
  padding-top: 0px;
  width: 150px;
  height: 140px;
  text-align: center;
}
#athlete-presentation .pill .flag {
  margin-left: 10px;
  margin-top: 2px;
}

#athlete-presentation .container {
  margin-top: 90px;
  height: 720px;

}

#athlete-presentation .block.block-sm {
  font-size:80px;
  font-weight: 900;
  clear: both;
  margin:0px 0 0 0px;

}

#athlete-presentation .block.block-sm .left{
   width:450px;
  margin:-20px 200px 10px 450px;
  font-size: 90px;
    font-weight: 900;
   text-transform: uppercase;
   float:left;
  
} 

#athlete-presentation .block.block-sm .right{
   width:450px;
    
  margin:-20px 0 10px 0;
  font-size: 90px;
    font-weight: 900;
  float:left;
   text-transform: uppercase;
  
} 

#athlete-presentation .block.block-sm .leftborder{
   width:700px;
  border:3px solid #1688c0;
  margin:0 100px 10px 220px;
  font-size:70px;
    font-weight: 900;
   text-transform: uppercase;
   float:left;
  
} 

#athlete-presentation .block.block-sm .rightborder{
   width:700px;
  border:3px solid #1688c0; 
  margin:0 0 10px 0;
  font-size:70px;
    font-weight: 900;
  float:left;
   text-transform: uppercase;
  
} 


#athlete-presentation .block.block-sm .leftborder3{
   width:300px;
  border:3px solid #1688c0;
  margin:0 50px 0px 450px;
  font-size:50px;
    font-weight: 900;
   text-transform: uppercase;
   float:left;
  
} 

#athlete-presentation .block.block-sm .rightborder3{
   width:300px;
  border:3px solid #1688c0; 
  margin:0 50px 10px 0;
  font-size:50px;
    font-weight: 900;
  float:left;
   text-transform: uppercase;
  
} 

#athlete-presentation .block.block-sm  .azul{
   background-color:#1688c0;
  font-size:90px;
    font-weight: 900;
   color: white;
  padding: 0 15px;
  text-align: center;
  display: inline-block;
  
} 

#athlete-presentation .block.block-sm  .rojo{
   background-color:#e10000;
  font-size:90px;
    font-weight: 900;
   color: white;
  padding: 0 15px;
  text-align: center;
  display: inline-block;
  
} 

#athlete-presentation .block.block-sm  .blanco{
   background-color:#fff;
  font-size:90px;
    font-weight: 900;
  padding: 0 15px;
  text-align: center;
  display: inline-block;
  
} 


#athlete-presentation .block.block-xs {

font-size:50px;
margin-bottom: 20px;
font-weight: 900;
 clear: both;
  background-color: transparent;
}


#athlete-presentation .blockresult {
  width: 240px;
  height: 150px;
  margin:5px;
  border:2px solid #1688c0;
  } 

#athlete-presentation .blockresult .codigo {
font-size: 30px;
font-weight: 100;
 background-color:#1688c0;
 color: white;
 width:100%; display: inline-block;
  }
  
  #athlete-presentation .blockresult .dato {
  font-size: 90px;
  font-weight: 900;
  background-color: #fff;
  color: 1688c0;
  float:left;
   width:100%; 
  }
  #athlete-presentation .pill.pill-xl {
      margin-top: -10px;
  background-color: transparent;
  margin-left: 210px;
  width: 1600px;
  font-size: 90px;
  padding: 0px;
  line-height: 110px;
  border-radius: 0px;
   height: 124px;
   color: #58595b;
}
#athlete-presentation .name {
  
  margin-top: 10px;
  
  
}

#medal-presentation .container {
  margin-top: 90px;
  height: 690px;
}


#medal-presentation .pill.pill-md {
  margin-left: 220px;
  width: 1600px;
  padding-left: 30px;
  line-height: 62px;
  margin-top: 20px;
   font-size: 60px;
}



.animation-delay-100 { animation-delay: 100ms; }
.animation-delay-200 { animation-delay: 200ms; }
.animation-delay-300 { animation-delay: 300ms; }
.animation-delay-400 { animation-delay: 400ms; }
.animation-delay-500 { animation-delay: 500ms; }
.animation-delay-600 { animation-delay: 600ms; }
.animation-delay-700 { animation-delay: 700ms; }
.animation-delay-800 { animation-delay: 800ms; }
.animation-delay-900 { animation-delay: 900ms; }
.animation-delay-1000 { animation-delay: 1000ms; }
.animation-delay-1500 { animation-delay: 1500ms; }





/*añadido eva*/


.row.merit{
  margin-top: 0px;
  margin-bottom: 25px;
margin-right: 100px;
 float: right;

}

.row.merit1{
  margin-top: 0px;
  margin-bottom: 25px;
margin-right: 150px;
 float: right;

}
.pm100{
margin-right: 220px;
 float: right;

}

/*fin añadido eva*/