@import "fonts.css";

body{
	font-family: "Santander-Regular";
	font-size: 12px;
	margin:0;
}

a{
	cursor: pointer;
}

.wrapper {
    margin: auto;
    max-width: 980px;
    padding: 0 15px 0 15px;
}


/*******HEADER*****/
header{
	width: 100%;
	position: fixed;
	z-index: 2;

}
.header__first{
	background: #EC0B18 0% 0% no-repeat padding-box;
	height: 15px;
}
.header__second{
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	height: 59px;
}

.header__main{
	display: flex;
	justify-content: space-between;
	padding-top: 15px;
}
.header__logo__img{
	width: 122px;
	height: 21px;
}
.header__cart__text{
	display: none;
}
.header__cart__ref{
	text-decoration: none;
	display: flex;
}
.header__cart__ref__return{
	text-decoration: none;
	color: #EC0B18;
}

.header__menu__cartnum{
	width: 18px;
	height: 18px;
	background: #9BC3D3 0% 0% no-repeat padding-box;
	border: 1px solid #FFFFFF;
	border-radius: 18px;
	position: relative;
	top: -10px;
	left: -8px;
	color: #fff;
	text-align: center;
	font: normal normal normal 11px/12px Santander-Bold;
	visibility: hidden;
}
.header__menu__cartnum__text{
	margin-top: 2px;
}


/*******FOOTER*****/
footer{
	color: #fff;
}
.footer__first{
	height: 32px;
	background: #99040B 0% 0% no-repeat padding-box;
}
.footer__second{
	text-align: center;
	height: 327px;
	background: #CC0813 0% 0% no-repeat padding-box;
	
}
.footer__second__content{
	width: -moz-available;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 327px;
}
.footer__aviso{
	text-align: left;
	text-decoration: underline;
	font: normal normal normal 16px/23px Santander-Regular;
	letter-spacing: 0px;
	color: #FFFFFF;
}
.logo__santander{
	width: 162px;
	height: 65px;
}
.logo__ike{
	margin-bottom: 20px;
	height: 65px
}
.footer__logo__item{
	margin-top: 10px;
	margin-bottom: 10px;
	height: 100px;
}
.footer__line{
	height: 1px;
	background: #fff;
	width: -moz-available;
	width: -webkit-fill-available;
}

@media screen and (min-width: 943px){
	.footer__first{
		height: 15px;
	}
	.header__cart__img{
		width: 35px;
	}

	.footer__second__content {
		flex-direction: row;
	}
	
	.footer__second__content{
		height: 182px;
	}
	.footer__second{
		height: 182px;
	}

	.footer__logo__item {
	    height: 130px;
	    width: 50%;
	    text-align: center;
	}
	.footer__line {
	    height: 125px;
	    width: 1px;
	    background: #fff;
	}
	.footer__logo__item__right{
		position: relative;
		left: 40px;
	}
	.logo__santander{
		width: 175px;
		margin-bottom: 10px;
	}
	.logo__ike{
		margin-bottom: 10px
	}

	/***HEADER*/
	.header__second{
		height: 76px;
	}
	.header__logo__img{
		width: 200px;
		height: 35px;
	}
	.header__cart__text{
		display: inline;
		text-align: left;
		font: normal normal normal 23px/34px Santander-Bold;
		letter-spacing: 0px;
		color: #EC0B18;
	}
	.header__cart__ref{
		margin-top: 5px;
	}
	.header__menu__cartnum{
		width: 21px;
		height: 21px;
		top: -10px;
		left: -8px;
		font: normal normal normal 12px/14px Santander-Bold;
	}
	.header__menu__cartnum__text{
		margin-top: 3px;
	}
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}