body{
    font-family: 'SKF Chevin',sans-serif;
}
a, img{-webkit-transition: all 500ms ;
    -moz-transition: all 500ms ;
    -ms-transition: all 500ms ;
    -o-transition: all 500ms ;
    transition: all 500ms ;}
header{position: absolute; top: 0; left: 0; width: 100%; z-index: 80;
	
	background: linear-gradient(90deg, rgba(255,255,255,1) 12%, rgba(255,255,255,0.7539390756302521) 20%, rgba(4, 41, 111, 0.68) 38%, rgb(3, 30, 80) 100%);
}
.fixed_header {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
}

.submenu{
	position: absolute;
    width: 247px;
    top: 33px;
    right: 0;
    background: #e6e6e6;
	padding: 10px;
	opacity: 0;
	display: none;
	
}
@-webkit-keyframes fadeInUp {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 20%, 0);
	  transform: translate3d(0, 20%, 0);
	} 
	
  }
  
  @keyframes fadeInUp {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 20%, 0);
	  transform: translate3d(0, 20%, 0);
	} 
	
  }
.menu-principal span:hover .submenu{
	display: block;
	opacity: 1;
}
.submenu a{
	text-transform: capitalize !important;
    border-right: none !important;
    color: #072359 !important;
    padding: 4px 5px !important;
}
.submenu a:hover{
	color: #f0ab18 !important;
}
.menu-principal span{
	position: relative;
	display: inline-block;
}
.desenfoque{filter: blur(30px); -webkit-blur:(30px);}
.contenedor{-webkit-transition: all 500ms ;
    -moz-transition: all 500ms ;
    -ms-transition: all 500ms ;
    -o-transition: all 500ms ;
    transition: all 500ms ;}
.logo{
	position: absolute; left:0; top: 0; z-index: 10; padding:25px 10px 10px; height: 100%;
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.01) 100%);
}
.logo img{max-width: 260px; display: block; width: 100%}
.franja_top{/*background:#15387bdb;*/  text-align: right; color: #fff;     padding-top: .5rem;
	padding-bottom: .5rem;}
	.telphone{
		float: right;
		padding: 8px;
		font-family: 'Roboto Condensed', sans-serif;
		margin-top: 9px;
	}
.telphone svg{
	/* -webkit-transform: rotate(90deg) scale(1.5);
	-ms-transform: rotate(90deg) scale(1.5);
	transform: rotate(90deg) scale(1.5) */
}
.telphone span{
	margin: 0 11px;
    font-size: 20px;
    display: inline-block;
    vertical-align: bottom;
    font-weight: bold;
	color: #f0ab18;
}
.telphone span b{
	color: #d8d8d8
}
/* .franja_top:after{position: absolute; right: 0; top: 0;background: #ff0003; width: 35px; height: 45px; border-left: 5px solid #fff} */
.franja_top a{color: #fff;/*! padding: 4px 25px; *//*! border: 1px solid; */}
.franja_yellow{ /*background: #f3ca17bd;}*/}
.menu-principal,.buscar,.shop{display: inline-block}
.menu-principal a{padding: 5px 25px; font-size: 16px; display: inline-block; border-right:1px solid #90a3e5; text-transform: uppercase;}
.menu-principal{margin: 5px 0 10px}
.menu-principal a:hover{text-decoration: none; color: #f0ab18;}
.menu-principal a:focus{text-decoration: none}
#buscar, .buscar{position: relative;}
#buscar i, .buscar i{position: absolute; right: 10px; top: 10px}
#buscar input, .buscar input{background: transparent; color: #fff; border-radius: 0; border:1px solid #90a3e5;height: 32px; padding-right:30px}
#buscar input::placeholder, .buscar input::placeholder{color: #fff}
#buscar input, .buscar input:focus{box-shadow: transparent; border-color: #fff}
.ingreso{position: relative;}
.ingreso:before{content:'\f07a'; position: absolute; left: -3rem; top: 0; color: #fff; font-family: 'FontAwesome'; font-size:2rem}
.shop{margin-left: 175px;margin-right: 10rem;}
.shop a{padding: 4px 25px; border: 1px solid; margin: 0 5px}
a.ingreso{background: #fff; color: #0d57d6}


footer{padding-top: 30px; border-top: 1px solid #ccc}
.center_foot{margin:0 auto; max-width: 1372px;padding-bottom: 3rem;}
.box_redes h3,.novedades h3,.box_contacto h3{font-family: 'Circular Std', sans-serif;color: #788390; font-size: 15px; font-weight: bold; text-transform: uppercase; margin: 15px 0;
    padding-left: 1.5rem;}
.descripcion_not{display: inline-block;width: 275px;vertical-align: middle;margin-left: 10px;}
.descripcion_not h4{ color: #3458d1}
.box_contacto{display: inline-block; vertical-align: top; ;/*! padding-right: 30px; */ position: relative;padding-left: 0;}
.box_contacto:after{width: 1px; content: ""; position: absolute; height: 100%; right: 0; bottom: 2px; background: #ccc}
.box_redes{display: inline-block; /*! width: 30%; */vertical-align: top;padding: 0 1rem;/*! float: right; */}
.box_redes h3{padding-left: 2rem;}
.text_not{color: #606065;height: 40px;overflow: hidden;}
.item_not{position: relative;/*! max-width: 380px; */ /*! display: inline-block; */ vertical-align: top;padding-left: 14%;overflow: hidden;}
.item_not a{text-decoration: none;}
.item_not a:hover img{opacity: 0.4}
.thumb_f{position: absolute; width: 100px; height: 100px; display: inline-block;overflow: hidden;vertical-align: middle;left: 0;top: 14px; background: #ddd}
.thumb_f img{width: 150px; position: absolute; left: 0; top: 0}
.datos{color: #606065;}
.redes{color: #606065;/*! border-left: 1px solid #ccc; */padding-left: 2rem;}
.redes a{display: block; color: #606065;padding: 0 0 8px;}
.redes a:hover{color: #ff0003; text-decoration: none;}
.fila_{/*! border-right: 1px solid #ccc; */overflow: hidden;}
.fila_ h4{color: #0d57d6; font-weight: 300; position:relative}
.fila_ h4:before{content: "\f105"; font-family: 'FontAwesome', sans-serif; margin-right: 5px}
.novedades{/*! padding-top: 30px; */ position: relative;}
.novedades:after{width: 1px; content: ""; position: absolute; height: 245px; right: 15px; bottom: 0; background: #ccc; color: #606065}
.prox_inicio{position: relative;padding-left: 55px; margin:15px 0;height: 36px;overflow: hidden;color: #606065; line-height: 33px}
.telefonos{padding-left: 30px; position: relative; margin-top: 15px; }
.telefonos:before{content: ""; position: absolute; left: 4px; top: 17px; background: url(../img/phone.png) no-repeat; width: 16px; height: 16px; background-size: cover}
.datos .col-lg-4 .telefonos:last-child:before{background: none;}
.whats:before{content: "\f232 "; font-family: 'FontAwesome';  left: 7px; color: forestgreen; margin-right: 10px;}
.prox_inicio:before{content: ""; position: absolute; left: 14px; top:0;font-size:20px; background: url(../img/icono_calendario.png) no-repeat center top; width: 30px; height: 32px}
.container_bottom{max-width: 1372px; margin: 0 auto; padding-left: 15px; padding-right: 15px}
.footer_bottom{padding: 30px 0; border-top: 1px solid #ccc}
.footer_bottom .form-control{border-radius: 0; border:transparent; box-shadow: none; background: #ededef}
.footer_bottom .form-control::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: uppercase;
}
.footer_bottom .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: uppercase;
}
.footer_bottom .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: uppercase;
}
.footer_bottom .form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: uppercase;
}
.footer_bottom .form-control::placeholder { /* Recent browsers */
    text-transform: uppercase;
}
.footer_bottom .form-control:focus{border: transparent; box-shadow: none}
.container_bottom h2{font-size: 15px; font-family: 'Circular Std',sans-serif; margin: 10px 0; color: #6f7a88}
.btn_suscrip{background: #0d57d6; color: #fff; border-radius: 0; padding: 6px 35px}
.btn_register:hover, .btn_suscrip:hover, .btn_suscrip:focus{background: #ff0003; text-decoration: none;color: #fff}
.footer{position: relative;}
.menu_inferior{padding: 20px 0; background:#ededef}
.franja_bottom{background: #244584; width: 100%; height: 39px; position: relative}
.franja_bottom:before{background: #fee031; content: ""; position: absolute; left: 0; top: 0; width:34px; height:38px; border-right: 5px solid #fff}
.logo_footer{position: absolute; bottom: 0; right: 0;z-index: 5;}
.menu_inferior a{color:#5f5e63; text-transform: uppercase; display: inline-block; padding: 3px 20px; font-size: 15px; font-weight: 300; border-left:1px solid #5f5e63 }
.menu_inferior a:hover{color:#ff0003; text-decoration: none;  }
.container_inf{max-width: 1372px; margin: 0 auto; padding:0 8rem; position: relative}
.container_inf:after{
	content: "";
    position: absolute;
    left: 15px;
    top: 8px;
    background: url(../img/imred.png) no-repeat;
    width: 59px;
    height: 19px;
    background-size: contain;
}

#form_registro,#form_login{ /*! position: relative; */width: auto;  /*! max-width: 600px; */  margin: 20px auto;  /*! padding: 20px 70px; */ z-index: 500;}
.white-popup-block{   background: rgba(255,255,255,0.2);    border:1px solid #fff;max-width: 600px;margin: 0 auto;position: relative;}
.mfp-bg{background: transparent}
.white-popup-block h2{text-align: center; color: #0d57d6; font-size: 34px; margin: 40px 0}
.white-popup-block .form-group{margin-bottom: 35px}
.white-popup-block .form-control{border-radius: 0; height: 40px}
.white-popup-block .mfp-close{background: #2062ba !important; right: -2rem;  top:-2rem;color: #fff !important;border-radius: 50%;opacity: 1;width: 35px;height: 35px;line-height: 5px;}
.mfp-content{max-width: 670px; }
#form_registro, #form_login label{color: #fff;text-shadow:1px 1px 2px rgb(95, 95, 95)}
#form_registro, #form_login .checkbox{margin-bottom: 0}
.btn_register{background: #0d57d6; color: #fff; padding: 0.5rem; display:block;width: 200px; margin: 0 auto; text-align: center; font-size: 30px}
.btn_login_facebbok img{max-width: 100%; }
.links_oth a{display: inline-block; vertical-align: middle; color: #fff; font-size: 15px; text-shadow:1px 1px 2px rgb(95, 95, 95)}
.olvido{padding-right: 20px; margin-right: 20px; position: relative;}
.olvido:after{content: "|"; color: #fff; position: absolute; right: 0; top: 0 }

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  /*! overflow: hidden; */
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: -8px;
  background: #f0ab18;
  height: 1px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

#contenedormenu{
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:#092f5fe3;
	z-index:10000;
}
#cajamenu{
	width:100%;
	max-width:500px;
	margin:auto;
	margin-top:20%;	
	padding: 10px;
}
#cajamenu img{
	width:137px;
	height:auto;
	display:block;
	margin:auto;
}
#cajamenu > a{
	display: block;
	padding: 1.5rem;
	background: #fff;
}
.menu{
	margin:0;
	padding:0;
	list-style:none;	
}
.menu li a{
	width:100%;
	height:45px;
	line-height:45px;
	display:block;
	border-bottom:1px solid #f0ab18;
	text-align:center;
	/*! font-family: 'Open Sans Condensed', sans-serif; */
	font-size:24px;
	color:#f0ab18;
	margin-bottom:6px;
	transition:all 0.5s;	
}
.menu li a:hover{
	background:#FBFBFB;	
	color: #2062ba;
	text-decoration: none;
}
#cajamenu p{
	text-align:center;
	color:#FFFFFF;		
}
.socialesmenu{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-direction:row;
	justify-content:center;	
}
.socialesmenu li{
	margin-right:6px;	
}
.socialesmenu li a{
	width:60px;
	height:60px;
	line-height:60px;
	text-align:center;
	display:block;
	background:#FFF;
	color:#0d57d6;
	font-size:24px;
	transition:all 0.5s;	
}
.socialesmenu li a:hover{
	background:#FFFFFF;
	color:#2B2D37;	
}
.iconomenu{
	width:45px;
	height:45px;
	line-height:44px;
	text-align:center;
	font-size:30px;
	display:block;
	background:#f0ab18;
	color:#fff;
	position:fixed;
	right:0;
	top:0;
	z-index:10001;
	transition:all 0.5s;
}
.iconomenu:focus,.iconomenu:hover{
	background:#fff;
	color:#f0ab18;
}
#cajamenu #buscar{width: 100%}
#cajamenu #buscar input{width: 100%; border:1px solid #fff ; height: 50px; font-size: 18px}
#cajamenu #buscar i{color: #fff; top: 18px}
.logo_visible_xs{margin-bottom: 2rem;margin-top: 1.5rem;}
@media (max-width: 1440px){
	/* .logo{width: 165px}	 */
}
@media (max-width: 1350px){
	.shop{margin-left: 40px; margin-right: 3rem}
}
@media (min-width: 950px){
	.iconomenu{display: none;}
	#contenedormenu{display: none;}
	
}
@media (max-width: 949px){
	nav.menu-principal{display: none;}	 
	.telphone{display: none;}
	.franja_top{padding-top: 12px}
	 .logo{
		padding: 16px 10px 10px	;
		position: relative;
		background: none;
	}
	.logo img {
		max-width: 173px;
	}
	header{
		background: linear-gradient(90deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0.7539390756302521) 45%, rgba(4, 41, 111, 0.68) 82%, rgb(3, 30, 80) 92%);
	}
}
@media (max-width: 1073px){
	.logo_footer{width: 115px}
	.logo_footer img{max-width: 100%; display: block;}
}
@media (max-width: 1034px){
    .novedades:after{background: transparent;}
    .box_contacto:after{background: transparent;}
}
@media (max-width: 991px){
.item_not{padding-left: 24%}
.box_contacto{height: auto; margin-bottom: 3rem}
}
@media (max-width: 700px){
	.item_not{width: 100%}
}
@media (max-width: 767px){
    .item_not{padding-left: 10rem}
    .white-popup-block .mfp-close{right: 0; top: 0}
    .redes{text-align: right; margin: 1rem 0 0}
	.datos{margin-top: 1rem}
	

}
@media (max-width: 525px){
	.franja_top{height: auto; padding-bottom: 10px; text-align: center;}
	.logo{position: relative; margin: 0 auto 10px}
	.shop{margin: 0 0 1rem}
	.mfp-container{padding-left: 20px; padding-right: 20px}
	.white-popup-block{padding-left: 1.5rem; padding-right: 1.5rem}
	.mfp-content{margin-top: 37%}
	.box_redes h3{text-align: center;}
	.redes{text-align: center; padding-left: 0}
	.redes span{display: none;}
	.redes a{display: inline-block; margin: 0 8px}
	.box_contacto h3{text-align: center;}
}
@media (max-width: 420px){
	.box_contacto{margin-bottom: 3rem}
	.redes{padding-left: 0;}
}