@charset "utf-8";
/* CSS Document */

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.hr2{
	height:2px;
	background:#003459;
}

.hr3{
	height: 1px;
	margin:0
}

/*===========================================
FUENTE DE PÁGINA
============================================*/
*{	
	font-family:fuente_body;
}

@font-face{
	font-family:fuente_body;
	src:url(../fonts/DINPro.otf)
}

@font-face{
	font-family:fuente_h3;
	src:url(../fonts/mavenPro-Regular.ttf);
}

@font-face{
	font-family:fuente_title;
	src:url(../fonts/DINPro-Black.otf);
}





@font-face{
	font-family:blufish;
	src:url(../fonts/blufishbold.otf)
}

@font-face{
	font-family:fuente_especial_01;
	src:url(../fonts/Montserrat-Bold.otf);
}



.model_h1{
	color:#32A6FB;
	font-weight: bold;
	font-family: fuente_especial_01;
	
}

.btn-grafissa{
	border:.5px solid #091742;
	border-radius: 25px;
	width: 150px;
	color:#091742
}

.btn-grafissa:hover{
	border:.5px solid #5398F5;
	color:#5398F5
}



/*=====================================================================
	HEADER
=======================================================================*/
header{
	text-align: right;
	justify-content: space-between;
	justify-content: center;
	align-items: center;
	display: flex;
	padding: 7px 0px 7px 0;
	background: linear-gradient(-90deg,#85ef03,rgb(28, 164, 0));
	border-bottom: 1px solid rgb(78, 222, 0);
	box-shadow: 0px 6px 30px 15px rgba(255, 255, 255, 0.537);
	position: relative;
	z-index: 99;
}


.element-contact{
	justify-content:flex-end;
	align-items: center;
	display:flex;
}
.element-contact p{
	display:inline-block;
	margin: 5px;
}
.element-contact .hvr{
	width: 200px;
	height: 30px;
	justify-content: space-between;
	justify-content: center;
	align-items: center;
	display: inline-flex;
	text-decoration: none;
	background:#FFFFFF;
	border-radius: 25px;
	color:#3B3B3B;
	margin-left: 10px;
}

.element-contact .hvr-icon-grow-rotate{
	width:160px;
}

.element-contact .w-resp{
	width:160px;
	display: none;
	background:rgb(187, 255, 0);
	color:#003786;
}

.element-contact .w-desktop{
	width:250px;
	background:rgb(187, 255, 0);
	color:#003786;
}
.element-contact .hvr:hover{
	
	background:rgb(187, 255, 0);
	color:#003786;
}
.element-contact .hvr-icon-bounce {
	width:225px;
	color:black;
}

.element-contact .hvr-icon-grow-rotate {
	
	color:black;
}


.element-contact .icon-redes{
	font-size: 20px;
	margin-left: 15px;
	color:white;
}

.element-contact .icon-redes:hover{
	font-size: 23px;
	color:rgb(187, 255, 0)
}

/*===========================================
	MENU OCULTO
============================================*/
#menu_hidden{
	position:fixed;
	z-index: 1000;
	display: none;
	background:url(../images/banner.png) no-repeat;
	background-size: cover;
	margin:0;
	
}

#menu{
	background-image: url(../images/banner.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	font-family: fuente_h3;
	
}
.logo{
	height: 120px;
	text-align: center;
	display: flex;
	justify-content: space-between;
	justify-content: center;
	align-items: center;
}



.menu{
	display:flex;
}

.menu a {
	margin-top: -2px;
	flex:1;
	display: inline-flex;
	justify-content: space-between;
	justify-content: center;
	align-items: center;
	height: 122px;
	text-decoration: none;
	color:white;
	transition: background 0.5s ease-in-out;
	text-transform: capitalize; 
	
}

/*MENU INTERACTIVO*/

 .servicio_item{
	 height: 50px;
	background: url(../images/icono_fotocheck_empresa.png) no-repeat center  -8px;
	transition: background 0.3s ease-in-out;
	 
}

.home_item{
	 height: 50px;
	background: url(../images/icono_fotocheck.png) no-repeat center  -8px;
	transition: background 0.3s ease-in-out;
	 
}

.pack_item{
	 height: 50px;
	background: url(../images/icono_portafotocheck.png) no-repeat center  -8px;
	transition: background 0.3s ease-in-out;
	 
}

.cotiz_item{
	 height: 50px;
	background: url(../images/icono_cinta_fotocheck.png) no-repeat center  -8px;
	transition: background 0.3s ease-in-out;
	 
}

.delivery_item{
	height: 50px;
   background: url(../images/icono_delivery_fotocheck.png) no-repeat center  -8px;
   transition: background 0.3s ease-in-out;
	
}


.cont_item{
	 height: 50px;
	background: url(../images/icono_correo.png) no-repeat center  2px;
	transition: background 0.3s ease-in-out;
	 
}

.menu .active {
	background: rgba(11, 48, 65, 0.781);
	color: rgb(255, 255, 255);
	
}

/*activos*/
.menu .active .item_menu .active_home{
	background: url(../images/icono_fotocheck.png) center  -79px;
}

.menu .active .item_menu .active_prod{
	background:url(../images/icono_fotocheck_empresa.png) center -79px no-repeat;
}

.menu .active .item_menu .active_pack{
	background:url(../images/icono_portafotocheck.png)center  -79px no-repeat;
}

.menu .active .item_menu .active_cotiz{
	background:url(../images/icono_cinta_fotocheck.png)center  -79px no-repeat;
}
.menu .active .item_menu .active_delivery{
	background:url(../images/icono_delivery_fotocheck.png)center  -79px no-repeat;
}

.menu .active .item_menu .active_contacto{
	background:url(../images/icono_correo.png)center  -79px no-repeat;
}









/*fin de activos*/
.menu a:hover{
	background-color:rgba(7,25,74,0.65);
	color: rgb(187, 255, 0);
}

/*activos*/
.menu .active .item_menu .item_active{
	background-position:center -79px;
}


/*efecto hover menu*/
.menu a:hover .servicio_item{
	background: url(../images/icono_fotocheck_empresa.png) no-repeat center -79px;
}

.menu a:hover .home_item{
	background: url(../images/icono_fotocheck.png) no-repeat center  -79px;
}

.menu a:hover .pack_item{
	background: url(../images/icono_portafotocheck.png) no-repeat center  -79px;
}

.menu a:hover .cotiz_item{
	background: url(../images/icono_cinta_fotocheck.png) no-repeat center  -79px;
}

.menu a:hover .delivery_item{
	background: url(../images/icono_delivery_fotocheck.png) no-repeat center  -79px;
}


.menu a:hover .cont_item{
	background: url(../images/icono_correo.png) no-repeat center  -79px;
}




/*INICIO DE DATES*/
.m_d{
	background: url(../images/background_002.png.jpg) no-repeat;
	background-position: top center;
	background-attachment: fixed;
}
#message{
	background:url(../images/banner2.png) center no-repeat;
	background-size: cover;
	height: 145px;
	background-color:white;
}

.frase{
	text-align: center;
}

.texto_frase h1{
	margin-top:30px;
	font-size:40px;
	color:#2E2D2D;
	font-family: fuente_especial_01;
}

.texto_frase h3{
	font-size: 20px;
	margin:0;
	font-family:fuente_h3;
}



.date_img .dates-hidden{
		display: none;
	}

.background_blue{
	height: 450px;
	transform:skewX(20deg);
	transition: transform 1s ease-in-out;
}

.contenedor_date{
	position: absolute;
	height:450px;
	top:0;
	left:0;
	display: flex;
}

.date_item{
	flex:1;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.date{
	overflow: hidden;	
	height: 250px;
	text-align: center;
}

.date_img{
	transition: margin-top .3s ease-in-out;
}


.date:hover .date_img{
	margin-top:-220px;
}

.date:hover .date_text{
	display:block;
	
}

.date_text{
	display:none;
	
}

.date_text img{
	border-radius: 55px;
	border:3px solid #fff;
	box-shadow: 0px 20px 10px -10px #ccc;
}
/*FIN DE DATES*/


/*===================================================================
	SLIDE
===================================================================*/




/*FIN DE CLIENTES*/

/*INICIO DEL FOOTER */

.footer{
	background:url(../images/fondo-wari-lima.png) center;
	color:white;
}


.title_footer{
	border:1px solid #FFFFFF;
	border-radius:15px;
	width: 250px;
	padding:5px 5px 5px 15px;
	font-size: 15px;
}
.footer span {
	color:rgb(0, 0, 0)
}

.footer a{
	text-decoration:none;
	color:white;
}

.footer a:hover{
	color:rgb(0, 0, 0)
}
.footer .img_footer{
	float:left;
	position: absolute;
	margin-top:-14px;
}

.footer-item{
	margin-top:60px;
	margin-bottom: 10px;
}
/*FIN DEL FOOTER*/

/*INICIO DE PRODUCTO*/
.colum-img{
	margin-bottom: 30px;
	text-align: center;
}
.colum-img h1{
	border: 1px solid #00A8E8; 
	border-radius:5px;
	color:#00A8E8;
	font-size:20px;
	width: 300px;
	margin:0 auto;
	margin-top: 45px;
	margin-bottom: 35px;
	padding: 20px;
	text-align: center;
	
}

.combo_producto{
	cursor:pointer;
	display: none;
}

.combo_producto i{
	float:right;
}

.combo{
	display:none;
}

.combo p{
	border-bottom:1px solid #E8E8E8
}

.combo a{
	text-decoration:none;
}
.combo a:hover{
	color:#6F6E6E
}

/*
.panel-default{
	border:none;
}
*/
.inner-producto{
	margin-bottom:25px;
}
.producto_container{
	border-radius: 10px;
	border:1px solid #D1D1D1;
	padding:0;
	overflow: hidden;
}

.producto_img{
	padding: 0px;
}

.img{
	height: 210px;
	overflow:hidden;
}

.producto_img img{
	width: 100%;
	margin:0 auto;
	transition: transform 1s ease-in-out;
}
.producto_img img:hover{
	transform: scale(1.22);
}

.kind h6{
	margin:0 auto;
	padding: 25px;
	font-size: 15px;
	font-weight: bold;
	color:#2D2D2D;
	text-transform: uppercase;
}

.kind hr{
	margin:0 auto;
	margin-bottom: 10px;
	width: 300px;
}


.info_pro{
	background:#EDEDED;
	text-align:center;
	margin-left: 15px;
	border-radius:10px;
	height: 30px;
	width: 100px;
	color:#00A8E8;
	cursor: pointer;
	text-decoration: none;
	font-weight: normal;
	overflow: hidden;
}

.info_pro:hover{
	background: #00A8E8;
	color:#EDEDED;
	
}

.info_pro i{
	padding-top: 5px;
	font-size: 20px;
}
.icon_call{
	text-align:right;
}

.icon_call a{
	color:#00A8E8;
	margin-left:15px;
	padding: 5px;
}

.icon_call a:hover{
	background: #00A8E8;
	color:white;
}

.colum-tags{
	background:#ECECEC;
	border-left: 2px solid #CFCFCF;
}
.tags_style{
	border-bottom:2px solid #989898;
	color:#989898;
	font-size: 15px;
	letter-spacing: 1.5px;
	font-family:fuente_tags;
}


.colum-tags p{
	margin-left:15px;	
	border-bottom: 1px solid #E0E0E0
	
}

.colum-tags a{
	text-decoration:none;
	color:#6E6E6E;
	font-family:fuente_tags_item;
	font-size: 12px;

}

.colum-tags a:hover{
	color: #000000;
}
.colum-tags i{
	color:red;
	vertical-align: super;
	font-size: 12px;
}


/*detalles */ 
.detalles-heading{
	background:#082F64;
	height: 55px;
}
.detalles_p .close-detalles{
	padding: 15px;
	color:white;
	float: left;
	font-size: 25px;
	cursor: pointer;
}

.detalles_p .close-detalles:hover{
	color:#007CAD;
}

.detalles_p{
	width:497px;
	height: 100%;
	background:#F5F5F5;
	position: fixed;
	display: none;
	top:0;
	right:0;
	float:right;
	z-index: 1000;
	text-align: left;
	overflow: auto;
}

.detalles_p::-webkit-scrollbar {
    width: 8px;
}

.detalles_p::-webkit-scrollbar-thumb {
    background-color:#095A87;
	
} 

.detalles_p::-webkit-scrollbar-button {
      background-color:#888888;
}


.detalle_img{
	width:300px;
	height: 200px;
	margin-bottom: 15px;
	overflow: hidden;
	margin:0 auto;
}


.detalles_info{
	margin-top:25px;
}

.detalles_info h6{
	padding-left:35px;
}

.detalles_p h4{
	padding: 15px 0 0 25px;
	color:#45586A;
	font-size: 20px;
	
}

.detalles_p table{
	margin:0 auto;
}
.detalles_p table tr{
	border-bottom:1px solid #828282;
	border-top: 1px solid #DDDDDD;
	height: 30px;
	
}

.detalles_p table th{
	color:#45586A;
	font-weight: bold;
	
}

.detalles_bn{
	margin-top: 35px;
	text-align: center;
}

.detalles_bn p{
	font-size:13px;
	color:#00171F;
	padding: 20px;
}
.detalles_bn a{
	color:#00171F;
	border:1px solid #00171F;
	border-radius: 25px;
	padding: 10px;
	text-decoration: none;
	margin-left: 12px;
}

.detalles_bn a:hover{
	color:white;
	background:#00171F;
}

.espacio{
	display:none;
}
/*fin de detalles

/*FIN DE PRODUCTO*/


/*========================================================
	packagin
========================================================*/


/*=================================================================
	FORMULARIO CONTACTO
=================================================================*/

/*======================================================
	RESPONSIVO
=======================================================*/

@media screen and (max-width:1520px){
	.background_blue{
	transform:skewX(10deg);
}
	
}
@media screen and (max-width:768px){
	.banner-altura-400{
	height:400px
}
	
	.element-contact .w-resp{
	display: flex;
	width: 200px;
	font-size:17px;
		font-weight: bold;
}

	.grey{
		display: none;
	}
	
	.element-contact{
		text-align:center;
	}
	
	.element-contact .icon-phone{
	font-size:15px;
}
	.element-contact .icon-redes{
		margin-right: 0;
		font-size: 15px;

	}
	.texto_frase h1{
	margin-top:40px;
	font-size:28px;
}

.texto_frase h3{
	font-size: 16px;
	margin:0;
	color:#969595
}

	
	/*BOTON MENU_RESPONSIVE*/
	#menu_btn, .menu{
		display:none;
		background: #07194A;
		position: relative;
		z-index: 5;
	}
	.menu a {
		display:flex;
		height: 35px;
		justify-content: center;
		align-items: center;
	}
	.menu a:hover{
		border-bottom:3px solid white;
	}
	
	.home_item,.servicio_item, .cotiz_item, .cont_item, .pack_item {
		display:none;
	}
	#menu_btn{
		color:#fff;
		background:#01061F;
		text-align: center;
		cursor: pointer;
		height: 35px;
		z-index: 35;
		display: flex;
        flex-direction:row;
        align-items: center;
        justify-content: center;
	}
	
	.cierramenu{
		display: none;
		background:black;
		position: fixed;
		height: 100%;
		width:100%;
		top:0%;
		left: 0%;
		z-index: 0;
		opacity: 0.5;
	}
	
	#menu_btn:hover .label_btn{
		background-color:#32A6FB;
	}
	#menu_btn:hover .label_btn:after{
		background-color: #32A6FB;
	}
	#menu_btn:hover .label_btn:before{
		background-color: #32A6FB;
	}
	
    
    .label_btn:after,
    .label_btn:before,
    .label_btn{
        
        transition: .5s;
      position: absolute;
        width: 20px; 
        content: '';
        
        background-color: white;
    }
    
    .label_btn{
        
        height: 3px;
        
    }
    
    .label_btn:before{
        height: 3px;
		left: 0px;
		top: 7px;
    }
       .label_btn:after{
        height: 3px;
		   left: 0px;
           top: -7px;
           
    }
    
    
    .cruz{
        transition: 1s;
      transform: rotateZ(45deg);
		background-color: #32A6FB;
    } 
    
    .cruz:before{
        
        transition: 1s;
        top:0px;
           transform: rotateZ(90deg);
		background-color: #32A6FB;
        
    }
    .cruz:after{
        transition: .5s;
        top:0px;
           transform: rotateZ(0deg);
		background-color: #32A6FB;
      
    }
	
	/*FIN DEL BOTON RESPONSIVO*/
	
	/*DATES RESPONSIVE*/
	.background_blue{
	transform:skewX(0deg);
}
	.background_blue{
		display:none;
	}
	.contenedor_date{
	position: relative;
	display: block;
}
	
	.date{
		height:150px;
	}
	
	.date_img h3{
		margin:0;
		font-size: 15px;
	}
	.date_text h3, h5{
		display:none
	}
	
	.date_text p{
		margin-top:50px;
	}
	.date_text img{
		display:none;
	}
	.date_item{
	display: block;
	text-align: center;
}
	
	.date:hover .date_img{
	margin-top:0px;
	filter:grayscale(1)}
	
	
	.date_img .img-hidden-xs{
		display: none;
	}

	
	.date_img .dates-hidden{
		display: block;
	}
	
	.date_img .dates-hidden img{
		width: 100px;
	}

	.kind .kind-btn{
	display:none;
}
	
	/*============================
	PRODUCTO-RESPONSIVO
	============================*/
	.h1-hidden{
		display:none
	}
	.combo_producto{
	display: block;
	margin:0;
}

.combo_producto i{
	float:right;
}


	
}

@media screen and (max-width:600px){
	
	
	.detalles_p{
		width: 100%;
	}
	
	.detalle_img{
		display: none;
	}
}




/* Carousel Styles */
.box-shadow
{
	margin-top: 100px;
  position: relative;
}
.box-shadow:before, .box-shadow:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 19px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #555;
  box-shadow: 0 25px 15px #555;
  transform: rotate(-3deg);
}
.box-shadow:after
{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
@media(max-width:767px){
	.box-shadow {margin-top: 50px;}
	.carousel-indicators {display: none;}
}

.carousel-inner img {width: 100%;}

/* Carousel Header Styles */
.header-text {position: absolute;top: 7%;left: auto;right: 4.8%;width: 40%;background: rgba(0, 0, 0, 0.7);padding: 25px 10px;color: #fff;}
.header-text h1{font-size: 55px;line-height: 1.2;font-family:'Lato', sans-serif;color: #fff;margin: 0 0 30px;}
.header-text .btn-primary{background-color: rgb(255, 0, 0);border:none;padding: 10px 20px;color: #fff;}
.header-text .btn-primary:hover{background-color: rgb(255, 196, 0);}
.carousel-inner img {width: 100%;}
.carousel-control {width: 0;}
.carousel-control.left,
.carousel-control.right {color: rgb(248, 204, 7); opacity: 1;filter: alpha(opacity=100);background-image: none;background-repeat: no-repeat;text-shadow: none;}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {position: absolute;top: 45%;z-index: 5;display: inline-block;}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {left: 30px;}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {right: 30px;}
.carousel-control.left span:hover,
.carousel-control.right span:hover {opacity: .7;filter: alpha(opacity=90);color: rgba(252, 143, 0, 0.37);}
.carousel-indicators .active {background-color: rgb(26, 105, 208);}
.carousel-indicators {bottom: 55px;}

.carousel-inner > .item {margin-left:0;margin-top:0;margin-bottom:0;padding-left: 0;width: 100%;height: auto;}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {display: block;max-width: 100%;height: auto;margin-left:0;padding-left: 0;}

/* ---------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------- */
/* ----------------------------------Carousel---------------------------------- */
/* ---------------------------------------------------------------------------- */
.owl-controls .owl-buttons div {
	position: absolute;
	color:#777;
	opacity: 0.7;
}
.owl-carousel:hover .owl-buttons div {
	color:#000;
}
.owl-controls .owl-buttons .owl-prev {
	left: 20px;
	top: 50%;
}
.owl-controls .owl-buttons .owl-next {
	right: 20px;
	top: 50%;
}

.owl-carousel .owl-buttons div i {
	font-size: 30px;
	margin: -20px 0 0;
}

/* ---------------------------------------------------------------------------- */
/* -------------------------------Zoom-Effect---------------------------------- */

.box-content.box-style-4{background: url(../images/publicidad-lima.png) center center fixed;color:#fff;}

.box-content.box-style-7{background-color: #0f2a66;color: #fff;}
.box-content.box-style-7 .heading h2{color: #fff;}
.box-content.box-6 .form-control{background-color: #fff !important;color: #999;border: none;border-radius: 10px;padding: 40px 19px;margin: 0px auto;font-size: 22px;}
.btn-letter{background:rgb(26, 132, 219) !important;color: #fff;padding: 25px 60px;}
.btn-letter:hover{background:rgb(255, 255, 255) !important;}



  /* ---------------------------------------------------------------------------- */
/* --------------------------------- ROY Hexagon------------------------------------ */
/* ---------------------------------------------------------------------------- */
.hexagon {position: relative;width: 100px; height: 57.74px;background-color: #fff;margin: 28.87px auto;box-shadow: 0 0 15px rgba(0,0,0,0.4);}
.hexagon .hexagon-inner {display: block;position: absolute;bottom: 0;width: 100%;height: 100%;text-align: center;z-index: 999;}
.hexagon .hexagon-inner .hexagon-inner-content {position: absolute;top: 50%;width: 100%;text-align: center;transform: translateY(-50%);}

.hexagon:before,
.hexagon:after {content: "";position: absolute;z-index: 1;width: 70.71px;height: 70.71px;-webkit-transform: scaleY(0.5774) rotate(-45deg);-ms-transform: scaleY(0.5774) rotate(-45deg);transform: scaleY(0.5774) rotate(-45deg);background-color: inherit;left: 14.6447px;box-shadow: 0 0 15px rgba(0,0,0,0.4);}

.hexagon:before {top: -35.3553px;}

.hexagon:after {bottom: -35.3553px;}

/*cover up extra shadows*/
.hexagon span {display: block;position: absolute;top: 0;left: 0;width:100px;height:57.7350px;z-index: 2;background: #fff;}

/* ---------------------------------------------------------------------------- */
/* ----------------------------------Footer------------------------------------ */
/* ---------------------------------------------------------------------------- */

footer .bottom-footer{background-color: rgb(0, 0, 0);color: #fff;text-align: center;padding: 10px 0px;}
footer .bottom-footer p{color: #999;}
footer ul.social-buttons li a{display: block;width: 35px;height: 35px;border-radius: 100%;font-size: 20px;color: rgb(255, 255, 255);background-color: rgb(0, 0, 0);transition-duration: 0.4s;}
footer ul.social-buttons li a:hover{background-color: rgb(255, 255, 255);color: rgb(0, 0, 0);}
footer ul.social-buttons li a i{margin-top: 7px;}

.footer-title:before {background-color: #F05F40;content: "";height: 1em;left: 0;margin-top: -0.5em;position: absolute;top: 50%;width: 3px;}
.footer-title {display: block;font-weight: bold;letter-spacing: 1px;margin-top: -5px;padding-left: 13px;position: relative;text-transform: uppercase;font-size: 14px;color: #fff;}

.footer-tags a{color: #999; border: 1px solid #999; padding: 4px 10px;line-height: 2.2;font-size: 13px;text-transform: capitalize;}
.footer-tags a:hover{color: #fff;text-decoration: none;}

.widget_recent_entries li{
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    color: #999999;
    font-size: 11px;
    margin-bottom: 0;
    padding: 15px 0 16px;
    text-transform: uppercase;
}
.widget_recent_entries li:last-child{
    border-bottom:none;
}
 .widget_recent_entries li a:before {
    content: "";
    font-family: "FontAwesome";
    left: 0;
    line-height: 1;
    margin-top: -5px;
    position: absolute;
    top: 50%;
}
.widget_recent_entries li a {font-weight:bold;text-transform:uppercase;color:rgb(211, 211, 211);display:inline-block;position:relative;padding-left:14px;letter-spacing:1px;font-size: 10px;}
/* ---------------------------------------------------------------------------- */

#planes{ min-height:740px; background:#e2efff;}
#planes h3{ text-align:center;}

	.plan{ text-align:center;}
	.plan>li{ display:inline-block; width:338px; border:#dbf3fc 1px solid; margin:0 20px 30px 20px; background:url(../images/cab-1.png) no-repeat #FFF; position:relative;  box-shadow:#cddae0 0 0 4px;  border-radius:6px;}
	.plan>li .bg{ background:url(../images/bg-blue.jpg) repeat-x 0 bottom}
	.plan .titulo{
	color: #FFF;
	font-size: 18px;
	width: 190px;
	position: absolute;
	top: 17px;
	right: 10px;
}
	.plan .precio{ background:url(../images/bg-precio.png) no-repeat; position:absolute; top:0; left:0; padding:3px 0 65px 0 ; color:#FFF; text-align:center; width:155px; color:#d0ed92; font-size:12px;}
	.plan .precio span{ font-size:24px; color:#FFF;}
	.plan .inf{ padding:20px 20px 40px 20px; text-align:center; }
	.plan .inf ul{ display:block; min-height:300px; margin-top:80px;}
	.plan .inf li{ border-bottom:#c7e6f1 1px solid; padding:7px 0; color:#999;}

		.btn1{ background:#0098d1; color: #FFF; padding:8px 25px; border-radius:6px; border-bottom:#0077a3 4px solid; transition: background .4s; }
		.btn1:hover{ color:#FFF; background:#06abe9;}

		.btn2{ background:#ff147f; color: #FFF; padding:10px 35px; border-radius:6px;  transition: background .4s; }
		.btn2:hover{ color:#FFF; background:#ff479b;}




		/****** Rotate Effect ******/
.portfolio-box.rotate-effect .portfolio-box-caption {}

.portfolio-box.rotate-effect img {}

.portfolio-box:hover.rotate-effect img {
	-webkit-transform: scale(1.1) rotate(5deg);
	/* Safari and Chrome */
	-moz-transform: scale(1.1) rotate(5deg);
	/* Firefox */
	-ms-transform: scale(1.1) rotate(5deg);
	/* IE 9 */
	-o-transform: scale(1.1) rotate(5deg);
	/* Opera */
	transform: scale(1.1) rotate(5deg);
}

.portfolio-box .portfolio-box-caption {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
	position: absolute;
	bottom: 9%;
	left: 8%;
	width: 100%;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name h5:before {
	content: "";
	display: inline-block;
	height: 3px;
	left: 0;
	position: absolute;
	top: -25px;
	width: 22px;
	background-color: #BD9362;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name h5 {
	position: relative;
	display: inline-block;
	line-height: 15px;
	font-size: 28px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 300;
	margin-bottom: 25px;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-post-count {
	padding: 0 20px;
}


.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-post-count {
	color: #BD9362;
	font-size: 16px;
	letter-spacing: 3.2px;
}

.portfolio-box:hover .portfolio-box-caption {
	opacity: 1;
	background: rgba(189, 147, 98, 0.5)
}


@media(min-width:768px) {
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
		font-size: 19px;

	}
}

@media(max-width:768px) {
	.portfolio-box {

		max-width: 350px
	}
}

article.home-post {
	margin: 0 auto 30px;
}