@font-face {
	  font-family: "source_sans_pro";
	  font-style: normal;
	  font-weight: 400;
	  src: url("https://cdn13-b.imagestore.lv/contents/es/rewards/fonts/websites-font-regular.woff?58b6e472643ab") format("woff"), url("https://cdn13-b.imagestore.lv/contents/es/rewards/fonts/websites-font-regular.ttf?58b6e472643ab") format("truetype");
	}
		
	@font-face {
	  font-family: "source_sans_pro_light";
	  src: url("https://cdn13-b.imagestore.lv/contents/es/rewards/fonts/websites-font-light.woff?58b6e472643ab") format("woff"), url("https://cdn13-b.imagestore.lv/contents/es/rewards/fonts/websites-font-regular.ttf?58b6e472643ab") format("truetype");
	}
		
body{
	font-family: 'Source Sans Pro', sans-serif;
        background-color:#ffffff!important;
	}
.logo img{
	max-width:200px;
}
span.second_li {
    width: 100%;
}

ul.custom-bullet {
    width: 510px;
    margin: auto;
    text-align: left;
}

.custom-bullet li {
    display: block;
}

ul.custom-bullet li {
    font-size: 16px;
    line-height: 27px;
}

.main_cta{
    
    color: #ffffff!important;
    background-color: #BF3B24;
    padding: 17px 45px;
    font-size: 20px;
    line-height: 20px;
    border: 0;
    text-transform: uppercase;
    display: table;
    margin: 20px auto;
     }

.main_cta:hover {
    color: #ffffff;
    background: #DE1A00;
    border-color: #BA290F;
text-decoration:none;
}

.link {
    font-size: 18px;
    text-align: center;
    text-decoration: underline;
    padding-top:55px;
    color:#9E823D!important;
}

.link a{
 color:#9E823D!important;
}


.tab-content > .tab-pane.active {
    display: block;
}

.tab-content > .tab-pane.hide {
    display: none;
}

.top{
	position:absolute;
	width:100%;
	height:4px;
	top:0!important;
}

.top div{
	width:100%;
	height:4px;
	float:left;
}

.top div:first-child{
	background-color: #c50d00;
}

header {
    background-color: #232323;
}

header.header{
	margin-top: 2px;
	padding: 16px;
        background- color:#242323;
}

header.header .btn-round{
	
	position:relative;
	float:right;
	font-size: 15px;
}

a.logo {
    padding-top: 6px;
	display:inline-block;
}

.btn-round{
	border-radius: 0px;
	display:table;
	padding: 14px 30px;
	color:white;
	font-size:12px;
}

.btn-round:hover, .btn-round:active, .btn-round:focus{
	text-decoration: none;
	color:#ffffff;
	
}

.btn-gray{
	background-color:#404040;
}

.btn-green:hover{
	background-color: #42be53;
}

.main-img{
	width:100%;
	background-image: url('/contents/es/rewards/rewards-banner-sp.jpg');
	background-size: 1998px 324px;
	background-repeat: no-repeat;
	background-position: center bottom;
       background-color:#000000;
	min-height:324px;
	padding-top: 20px;
	background-size: 100%
}

.main-img .container h1{
	padding-left: 0px!important;
}

.main-img h1{
	text-align:left;
	font-size: 70px;
	line-height: 85px;
	color:#0b1f32;
	font-weight:100;
	letter-spacing: -2px;

}

.main-img h1 span{
	font-size:98px;
	font-weight:100;
	display:block;
}

/*section info1*/

.info1{
	padding:50px 0;
}

.info1 h2{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	letter-spacing: -2px;
	font-weight:100;
	color:#cb0101;
	text-align:center;
	font-size:41px;
	line-height: 43px;
}

.info3 h2{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	letter-spacing: -2px;
	font-weight:100;
	color:#cb0101;
	text-align:center;
	font-size:50px;
	line-height: 51px;
	float:none;

}



.info1 h5{
	color:#262626;
	font-weight: 600;
	font-size:20px;
	line-height:22px;
	text-align:center;
	padding:10px 20px;
	margin:auto;
	float:none;
}

.where_how{
	padding-top:50px;
	font-family: 'Source Sans Pro', sans-serif;
}

.how span, .where span{
	font-size:28px;
	font-weight:700;
	letter-spacing: -1px;	
}

.where_how p{
	font-size:18px;
	line-height: 19px;
}

/*Section info2*/

.info2{
	background-color: #1a1818;
	padding:40px 0 50px 0;
}

.info2 h1{
	color:#cb0101;
	text-align:center;
	font-size:50px;
	letter-spacing: -2px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:300;
}

.info2 span{
	color:white;
	font-size:17px;
	font-weight:500;
	font-family: 'Source Sans Pro', sans-serif;
	text-align:center;
	margin:auto;
	margin-bottom: 25px;
}

.info2 p{
	text-align:left;
	color:#ffffff;
	font-weight:200;
	font-size:18px;
	line-height:19px;
	font-family: 'Source Sans Pro', sans-serif;
	margin:20px auto 10px auto;
	clear:both;
	float:none;
}

.info2 p strong{
	font-weight:600;
	color:#cb0101;
}

/*Info 3*/

.info3{
	padding:50px 0;
	}
	
	.info3 p{
		text-align:left;
		color:#0b1f32;
		font-size:18px;
		line-height:19px;
		font-family: 'Source Sans Pro', sans-serif;
		margin:40px auto 10px auto;
		float:none;
		font-weight:200;
	}
	
	.view_categories{
		padding-top:40px;
		padding-bottom: 60px;
		color:#9e8232!important;
		margin:auto;
		text-align:center;
		float:none;
	}

	.categories-cont{
		float:none;
		display: block;
		clear:both;
	}

	.categories-cont ol li{
		display:inline-block;
		vertical-align:top;
		padding:10px 10px 20px 10px;
		
		border-radius:3px;
		text-align:center;
		min-height:360px;
	}

	.row-centered {
	    text-align: center;
	    padding-left: 0;

	}

	.col-centered {
	    display: inline-block;
	    float: none;
	    text-align: left;
	    margin-right: -4px;
	}
	

	.categories-cont ol li.col-md-6{
		width:30%!important;
	}

	.categories-cont ol li.col-md-4{
		width:15%;
min-height: 412px;
    vertical-align: top;
	}

	.categories-cont ol li {
    	max-width: 200px!important;
    	margin-top:80px;
	}

	/*Categories table*/
	
	.categories-cont ol li div{
	    position: relative;
	    background-repeat: no-repeat;
	    background-size: 154px 123px;
	    top: 20px;
	    width: 154px;
	    height: 123px;
	    margin: auto;
background-position-x: -13px;
margin-top:-20px;
	}


	/*.categories-cont .row .categorie ul li:nth-child(5) {
    min-height: 72px!important;
	}*/

	.filling{
		opacity:0;

				 /* IE 8 */
		  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

		  /* IE 5-7 */
		  filter: alpha(opacity=0);

		  /* Netscape */
		  -moz-opacity: 0;

		  /* Safari 1.x */
		  -khtml-opacity: 0;

		  /* Good browsers */
		  opacity: 0;
	}

	.categorie ul{
		width:95%;
		margin:10px auto;
		padding:0 10px 10px 0!important;
		background-color:#000000;
                border-radius: 3px;
	}

	.categorie ul li{
		width:95%;
		margin:auto;
		padding:10px!important;
		margin:4px 0!important;
		min-height: 0px!important;
		text-align:center;
		list-style: circle!important;
		font-size:15px;
		line-height:17px;
                color:#ffffff !important;
	}	

	.points .nav-tabs{
		border-bottom:4px solid #cb0101;
		}	

	.nav-tabs>li{
		width:50%;
	}	

	.nav-tabs>li.active>span, .nav-tabs>li.active>span:focus, .nav-tabs>li.active>span:hover{
		background-color: #cb0101;
		color:white;
		font-weight:500;
	}

	.nav-tabs>li span{
		padding:20px 135px 20px 56px;
		font-size:23px;
		line-height: 25px;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight:300;
		color:#8c9095;
                display:inline-block;
                min-height:90px;
	}
	
	.nav-tabs>li>span{
		border:none;
		border-radius:0;
	}

	.nav-tabs>li.active>span, .nav-tabs>li.active>span:focus, .nav-tabs>li.active>span:hover{
		border:none;
		border-radius:0;
	}

	.nav-tabs>li span:hover{
		background-color:#a20404;
		color:#ffffff;
		font-weight:300;
	}

	
	.blue_p{
		color:#3f71a1;
	}

	/* Points */

	.points{
		background-color:#242424;
		padding:0;
	}

	.points ul{
		margin:auto;
	}

	.tabs_points h3 {
  		color : white;
  		
  		padding : 5px 15px;
	}

	.tabs_points .nav-pills > li > a {
  		border-radius: 0;
	}

	.table{
		background-color:#3a3939;
		color:#ffffff;
		font-size:16px!important;
		margin-bottom: 0!important;
	}

	.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
		border-top:1px solid #cb0101!important;
		border-bottom:1px solid #cb0101!important;
		padding-left: 50px;
	}

	table tr:hover{
		background-color:#8c0404;
		color:white;
	}

        thead tr:hover{
             background-color:#6a0303;
             color:#ffffff;
             font-weight:500;
        }

	.table-responsive{
		min-height: .01%;
    	overflow-x: auto;
    	padding-bottom: 30px;
    	background-color: #3a3939;
border:0!important;
	}

        .tabla-hover>tbody>tr:hover {
            background-color: #02a5c5;
            color: white;
        }

	.heads th{
		height:60px;
		
		font-weight:500;
		vertical-align: center!important;
	}



	.table>thead>tr>th{
		line-height:42px;
	}

	.table>thead>tr{
		border-color:#122d3e;
	}


	/* Welcome */

	.welcome{
		background-color:#ffffff;
		padding:50px 0 90px 0;
	}

	.welcome h5{
		font-family: 'Source Sans Pro', sans-serif;
	    font-weight: 300;
	    letter-spacing: -2px;
	    font-weight: 100;
	    color: #9e8232;
	    text-align: center;
	    font-size: 42px;
	    line-height: 43px;
	    float: none;

	}

	.welcome h1{
		font-family: 'Source Sans Pro', sans-serif;
	    font-weight: 300;
	    letter-spacing: -2px;
	    font-weight: 100;
	    color:#242424!important;
	    text-align: center;
	    font-size: 50px;
	    line-height: 51px;
	    float: none;
	}


	.categories-cont ol li {
    	max-width: 325px!important;
    	margin-top: 55px;
	}


	@media (max-width:1100px) {
		.categories-cont ol li.col-xs-6 {
	   		width: 18%!important;
		}
	}


	@media (max-width:950px) {
		.nav-tabs>li a {
		    padding: 20px 30px 20px 43px;
		    font-size: 22px;
		    line-height: 25px;
		    font-family: 'Source Sans Pro', sans-serif;
		    font-weight: 300;
		    color: #8c9095;
		}

	}

	

	@media (max-width:1000px) {
		

		.categories-cont ol li.col-md-4{
		width:32%;
vertical-align:top;

		}
	}

	@media (max-width:800px) {

		.main-img {
    		background-position: center;
		}

		.categories-cont ol li.col-xs-6{
			width:43%!important;
	}

		.categories-cont ol li{
			min-height: 0px;
		}

		.main-img {
    width: 100%;
    background-size: 154%;
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 187px;
 
}

		.main-img h1 {
		    text-align: center;
		    font-size: 70px;
		    line-height: 85px;
		    color: #0b1f32;
		    font-weight: 100;
		    letter-spacing: -2px;
		    width: 100%;
		}

		.main-img h1 span {
    		font-size: 70px;
    		font-weight: 100;
    		display: inline;
		}

	}

	@media (max-width:736px) {
		

		.main-img {
		    width: 100%;
		    background-color:white;
		    background-size: 300%;
		    background-repeat: no-repeat;
		    background-position: top center;
		    min-height: 355px;
		    
		}

.nav-tabs>li span {
    padding: 20px;
}

		.main-img h1 {
		    text-align: center;
		    font-size: 70px;
		    line-height: 85px;
		    color: #0b1f32;
		    font-weight: 100;
		    letter-spacing: -2px;
		    width: 100%;
		}

		.main-img h1 span {
    		font-size: 70px;
    		font-weight: 100;
		}

	}

	@media (max-width:600px) {

		.main-img h1 {
		    font-size: 50px;
		    line-height: 52px;
		    padding-top: 25px;
		    }

		.main-img h1 span {
    		font-size: 50px;
    		font-weight: 100;
		}

		.info1 h2{
			font-size: 38px;
			line-height: 38px;
		}

.info1 h5 {
    padding: 15px;
    width: 100%;
}
	}

	@media (max-width:530px) {

		.categories-cont ol li.col-md-4 {
    		width: 40%;
		}

ul.custom-bullet{
width:95%!important;
}

.info1 h2 {
    font-size: 25px;
    line-height: 30px;
}

.main-img {

    background-image: url(/contents/es/rewards/landing-mobile-2b-en.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
min-height:310px;
 
}
	}	

	@media (max-width:380px) {

.where_how {
padding-left:15px;
padding-right:15px;
}

.info1 h5 {
    color: #0b1f32;
    font-weight: 300;
    font-size: 19px;
    line-height: 20px;
    text-align: center;
    padding: 10px 20px;
    margin: auto;
    float: none;
}

.info2 h1{
font-size:36px;
}

.points .container {
    width: 100%;
    margin: 0!important;
    padding: 3px;
}

.nav-tabs>li span{
display:flex!important;
}

.table-responsive > .table > thead > tr > th {
       white-space: nowrap!important;
    line-height: 18px;
    padding-bottom: 14px;
}

.heads span {
    display: block;
 
}

     .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td{
            white-space: pre-wrap!important;
}

.heads th {
    white-space: nowrap!important;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
padding-left:8px;
}


		.info3 h2 {
		    font-size: 36px;
		    line-height: 38px;
		    
		}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
      padding-left: px;
	}

		.categorie.col-xs-12 {
    	width: 99%!important;
		}

		.info2 span{
			display:flex;
			line-height: 16px;
			margin-bottom: 10px;
			margin-top: 20px;
		}

		.view_categories{
			padding-bottom: 27px;
		}

		.welcome h5{
			width:32px;
			line-height: 34px;
		}

		.welcome h5.center-block{
			width:100%!important;
			line-height: 32px;
    		font-size: 25px;
		}

		.welcome h1{
			font-size: 47px;
			line-height:48px;
		}

		.main-img h1 {
		    font-size: 40px;
		    line-height: 42px;
		    padding-top: 25px;
		    }

		.main-img h1 span {
    		font-size: 40px;
    		font-weight: 100;
		}

		header.header .btn-round{
			color:#337ab7;
			text-decoration: underline;
			background-color: #242424; 
			text-align:center;
			padding:5px;
			font-size:14px;
			line-height: 30px;
		}

a{color:#9e8232!important;}

		header.header{
			padding:13px;
		}

		header.header a{
			display:inline-block;
		}

		.logo img{
			display: block;
    		margin: auto;
    		width: 130px;
		}

		.nav-tabs>li span {
    		padding: 20px;
    		font-size: 15px;
    		line-height: 21px;
    		font-family: 'Source Sans Pro', sans-serif;
    		font-weight: 300;
    		color: #8c9095;
		}
	}