body h1, body h2, body h3, body span, body strong, body button, body input, body div, body li, body a, body p {

    letter-spacing: -0.1px;

    font-family: "hurmegeometricsans_no3_6",Arial,sans-serif;

}



	  .fa-star-half-alt{

    color: #ffb401;

}
	  
	  .logo{
		      max-width: 55px;
    margin-left: 50px;
    margin-bottom: -30px;
	  }

.logo2{
	max-width: 55px;
}

.navbar{

    height: 75px;

    font-size: 15px;

    line-height: 24px;

    font-weight: 400;

    color: #797979;

    display: -webkit-flex;

    display: flex;

    text-decoration: none;

    border: none;

    cursor: pointer;

    width: -webkit-max-content;

    width: -moz-max-content;

    width: max-content;

    transition: all 300ms ease;

    position: relative;

    margin-left:30px;

}



.nav-item{

    margin-right: 20px;

}



.nav-item a:hover{

    color: #1789d5 !important;

}



.nav-item{

    border-bottom: 1px solid transparent;

}



.nav-item.active{

    border-bottom: 2px solid #1789d5 !important;

}



.nav-item{

    text-align: center;

}



.rib{

	padding-top:50px;

}



.bg-div{

    background-image: url('../images/bg-top.jpg');

    background-position: right center;

    background-size: cover;

    background-repeat: no-repeat;

    display: block;

    width: 100%;

    height: 350px;

    position: relative;

    top: -18px;

}



.bg-div3{

	
    width: 80%;
 /*
    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);
*/
    	

}



.bg-div2-ribbon{

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    width: 80%;

    height: 100%;

    /*position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);
	*/

    margin-top: 15px;
	

}



.bg-div2{

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    width: 80%;

    height: 250px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    

 

}



.bg-div h1{

    color: #FFF;

    padding-top: 3%;

    padding-left:5%;

    font-size: 30px;

    line-height: 36px;

    font-weight: 700;



}



.bg-div p{

    color: #FFF;

    padding-top: 2%;

    margin-bottom: 2%;

    padding-left:5%;

    max-width: 670px;

    max-height: 56px;

    padding-top: 20px;

    font-size: 18px;

    line-height: 28px;

    font-weight: 400;

    color: #fff;

}



.last-updated{

    color: #FFF;

    font-size: 14px !important;

    font-weight: 700;

    padding: 0 5px 1px 2px;

    background-color: rgba(45,45,45,0.4);

    width:auto;

    margin-left: 5%;

    display: inline-block;

    margin-top: 3%;

}



.filter-head{

    height: auto;

    max-height: 85px;

    padding: 10px 15px 10px;

    background-color: #f5f5f5;

    color: #2d2d2d;

}



.selector{

    font-size: 12px;

    line-height: 24px;

    font-weight: 400;

    color: #2d2d2d;

    border: 1px solid #f0f0f0;

    border-radius: 0;

    box-sizing: border-box;

    background-color: #fff;

    padding: 0 10px 0;

    position: relative;

    cursor: pointer;

    outline: 1px solid transparent;

    width: 157px;

    height: 26px;

}



.container-inner{

    position: relative;

    top:-120px;

}



.filterSystem{

    margin-left: 7%;

	margin-right:7%;

}



.t14{

    font-size: 14px;

}



.provider{

    margin-top:20px;

    margin-left:30px;

    max-width: 100%;



}



.provider-ribbon{

    margin-top:60px !important;

}



.fa-star{

    color: #ffb401;

}



.fa-star-o{

    color: #ffb401;

}



.fa-star-half-o{

    color: #ffb401;

}



.fa-trophy{

    color: #ffb401;    

}





.blue{

    color:#1789d5;;

    font-weight: bold;

    padding-left: 10px;

}



.lb{

    color:#1789d5;;

    font-weight: 500;  

}



.db{

    color: #1564bf;

    font-weight: bold;

}



.font-bold{

    font-weight: 600;

    margin-top:15px;

}



.checks{

    margin-top:15px;

}



.checkList{

    list-style-type: none;

    padding-left: 0px;

}



.t16{

    font-size:16px;

}



.trophy{

    display: inline-block;

    background-color: #1564bf;

    color: #FFFFFF;

    padding: 3px 5px 3px 5px;

    border-radius: 10px;

    font-size: 1.3em;

    font-weight: bold;

    margin-left:10px;

}



.inline-block{

	display: block;

	margin:auto;

	clear: both;

}



.btn-yellow{

	display: inline-block;

	clear: both;

    background-color: #ffb401;

    color: #2d2d2d;

    font-size: 16px;

    font-weight: 700;

    width: 141px;

    height: 42px;

    border-radius: 4px;

    margin-top: 15px;

}







.product-ribbon{

    text-rendering: optimizelegibility;

    -webkit-font-smoothing: antialiased;

    cursor: pointer;

    letter-spacing: -0.1px;

    font-family: "hurmegeometricsans_no3_6",Arial,sans-serif;

    box-sizing: border-box;

    position: absolute;

    right: 0;

    pointer-events: none;

    text-align: left;

    left: 8px;

    top: 8px;

    z-index: 1;

}



.product-ribbon__text{

    text-rendering: optimizelegibility;

    -webkit-font-smoothing: antialiased;

    cursor: pointer;

    pointer-events: none;

    text-align: left;

    letter-spacing: -0.1px;

    font-family: "hurmegeometricsans_no3_6",Arial,sans-serif;

    box-sizing: border-box;

    padding: 5px 8px;

    overflow: hidden;

    white-space: normal;

    display: inline-block;

    font-size: 14px;

    line-height: 21px;

    font-weight: 600;

    color: #fff;

    background-color: #035d4c;

    padding-left: 31px;

    background-image: url("../images/ribbon.svg");

    background-repeat: no-repeat;

    background-position: 7px center;

    background-size: 18px 15px;

}



.product-ribbon .product-ribbon__text:before {

    border-color: transparent #053d33 transparent transparent;

}



.product-ribbon .product-ribbon__text:before {

    left: 0;

    border-width: 4px 7px 0 0;

}



.product-ribbon__text:before {

    content: '';

    border-style: solid;

    width: 0;

    height: 0;

    line-height: 0;

    position: absolute;

    top: -4px;

    border-width: 4px 7px 0 0px;

}

.navi li a{color:#FFF; text-decoration: none;}

.navi li{
	display: inline-block; padding-right:30px;
}

.navi{padding-left:0;}

.number{

    border-radius: 50%;

    padding: 20px;

    border: solid 1px #000;

    max-width:30px;

    height: 30px;

}



.left__info{

text-rendering: optimizelegibility;

-webkit-font-smoothing: antialiased;

cursor: pointer;

letter-spacing: -0.1px;

font-family: "hurmegeometricsans_no3_6",Arial,sans-serif;

display: flex;

flex-direction: row;

justify-content: flex-start;

align-self: flex-start;

position: absolute;



}



.index-counter{

text-rendering: optimizelegibility;

-webkit-font-smoothing: antialiased;

cursor: pointer;

letter-spacing: -0.1px;

font-family: "hurmegeometricsans_no3_6",Arial,sans-serif;

color: #000;

display: flex;

align-self: flex-start;

height: 35px;

text-align: center;

z-index: 1;

position: inherit;

font-size: 22px;

line-height: 35px;

font-weight: 400;

left: 15px;

transform: translateX(-50%);

top:50px;
	
position: absolute;
	

}

.pull-right{
	float:right;
}

.index-counter__value{

text-rendering: optimizelegibility;

-webkit-font-smoothing: antialiased;

cursor: pointer;

text-align: center;

font-size: 22px;

line-height: 35px;

font-weight: 400;

letter-spacing: -0.1px;

font-family: "hurmegeometricsans_no3_6",Arial,sans-serif;

color: #000;

background-color: #fff;

align-self: flex-end;

width: 35px;

height: 35px;

border: 1px solid #1789d5;

border-radius: 50%;

}



.index-counter__border{

    text-rendering: optimizelegibility;

    -webkit-font-smoothing: antialiased;

    cursor: pointer;

    color: #000;

    text-align: center;

    font-size: 22px;

    line-height: 35px;

    font-weight: 400;

    letter-spacing: -0.1px;

    font-family: "hurmegeometricsans_no3_6",Arial,sans-serif;

}



.card{

    box-shadow: 0 0 7px rgba(0,0,0,0.25);

    margin-bottom:15px;

	padding-top:15px;

	padding-bottom:15px;

	padding-right:15px;



}



.card-ribbon{

		padding-bottom:15px;

}



.img-reduced{

    max-width:70%;

}



.newBox{

    margin-top: 30px;

    background-color: #f5f5f5;

    max-width: 70%;

    padding: 30px 25px;

}

.centered{
	display: flex;
    justify-content: center;
    align-items: center;
}

.todaysDeal{

	border: 1px #1789d5 solid;



    width: 85%;

	

}



.todaysDealHead{

	text-align: center;

	padding: 8px 20px;

    background-color: #1773D5;

	color:#FFF;

	font-weight: bold;

	font-size:13px;

}



.todaysDealBody{

	background-color: #efefef;

	width:100%;

	text-align: center;

	padding-top:30px;

	padding-bottom:30px;

	font-weight: bold;

	color: #1789d5;

}



.btn-fuego{

    font-size: 14px;

    text-transform: uppercase;

    line-height: 1em;

    letter-spacing: 2px;

    fill: #fff;

    color: #fff;

    background-color: #1789d5;

    border-radius: 4px 4px 4px 4px;

    padding: 14px 20px;

	color: #FFF !important;

	font-weight: bold;

}

.footer{
	background-color: #1789d5;
	padding-top:50px;
	padding-bottom:30px;
	color:#FFFFFF;

}


@media only screen and (max-width: 1201px) {
	.btn-fuego{font-size:11px;}
}


@media only screen and (max-width: 1001px) {
	
.centered{
	padding-left: 15px;
    padding-right: 15px;
	    
}
	


.btn-fuego{
	font-size:11px;
}

.container-adjusted{

    position: relative;
}
	
.container-inner {
    position: relative;
    top: 0;
}

	.bg-div{background-image:none; color: black; display:block; height: auto}
	.bg-div p{max-height: none;}

	.bg-div h1, .bg-div p{color: #000;}

	.last-updated{display: none;}

	

.filterSystem{

    margin-left: 0%;

	margin-right:0%;

}

	

	.bg-div2-ribbon,.bg-div2,.bg-div3{

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    width: 100%;

	margin-top: 0px;

    margin-bottom: 10px;

	position:relative;

	top:auto;

	left:auto;

	transform:revert;

	padding-bottom:15px;

		

		

	}

	

	

	.reviewBody {

    margin-top: 15px;

    padding-left: 10px;

    padding-right: 10px;

    text-align: center;

}

	

	.extra-info{

    margin: auto;

    text-align: center;

	}

	

	.todaysDeal{

	position:relative;

    top:auto; 

    left: auto;

    transform: none;

	margin: auto;



	}	

	

	.card{padding-top: 0px; padding-left:0px; padding-right:0px;}

	

	.left__info{position: relative; display: block;}

	.index-counter{    

	    transform: revert;

    top: auto;

    text-align: center;

    margin: auto;

    position: absolute;
		
	transform: translate(50%,50%);


	}
	
	.logo{

		position: absolute;
		transform: translate(50%,60%);
		
	}
	
	.navbar{
		height: auto;
		width:80%;
		display: block;
        width: 100%;
		margin-left: 0px;
	}
	

	.pull-right{display: none;}
	
	.footer{padding-left:5%; padding-right: 5px;}

}



@media (min-width: 1350px){

.container {

    max-width: 1350px;

}

}