/*
Theme Name: Amadeus
Theme URI: http://themeisle.com/themes/amadeus
Author: Themeisle
Author URI: http://themeisle.com
Description: Amadeus is a responsive blog theme that features a modern and clean design. Features include: a parallax header image, Metaslider integration, ability to use Google Fonts, social icons, full color control, custom widgets and much more.
Version: 1.06
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: amadeus
Tags: black, white, gray, light, fluid-layout, responsive-layout, custom-colors, custom-background, custom-menu, custom-header, featured-images, editor-style, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Amadeus is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/
                   /*.... MODIFCAR TAMAÑO DE FUENTE DE LAS ENTRADAS.....*/
body {
	font-family: 'Noto Serif', serif;
	font-size: 15px;
	color: #ddef0b;
/*.... MODIFCAR COLOR DE FONDO DE HOJA O PANTALLA COMPLETA.....*/
	word-wrap: break-word;
	background-color: #fff;
	line-height: 1.2;
}
h1,
h2,
h3,
h4,
h5,
h6 
              /*....... A PARTIR DE AQUI SE MODIFICAN LAS FUENTES DE LOS WIDGETS.....*/
{
	color: #428bca;
	font-family: 'Playfair Display', serif;
	font-weight: 700;
}
   /*........MODIFICAR TAMAÑO DE FUENTE DE TITULOS DE ENTRADAS...........*/
h1 {
	font-size: 30px;
}
a,
a:hover {
	color: #0909ff;
}
/*--------------------------------------------------------------
Tables
--------------------------------------------------------------*/
table {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #e0e0e0;
}
    /*...CODIGO PARA CAMBIAR COLOR DE FONDO DEL ENCABEZADO DEL CALENDARIO ...*/
th {
	background-color: #e0e0e0;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td 
             /*.....MODIFICAR TAMAÑO DEL CALENDARIO.....*/
{
	padding: 10px;
	line-height: 1.42857143;
	vertical-align: top;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td 
               /*.....MODIFICAR BORDES Y COLOR DEL CALENDARIO.....*/
{
	border: 1px solid #391e83;
}
/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	padding: 10px;
	border: 0;
	color: #f70e0e;
	font-weight: 700;
	background-color: #a02429;
	-webkit-transition: all 0.10s;
	transition: all 0.10s;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
/*...........................................................................*/
}
input[type="submit"] {
	margin-top: 0px;
}
button:hover,
.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #26880e;
	color: #fff;
	text-decoration: none;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
/*... A PARTIR DE AQUI MODIFICAMOS LOS BORDES DE LA CAJA DE TEXTO BUSCAR...*/
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #1111;
	border: 1px solid #57f81b;
	border-radius: 3px;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
padding: 5px;
   }
   /*AQUI SE MODIFICA EL COLOR DE LA FUENTE DE LA CAJA DE BUSQUEDA*/
{
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] 
 /*...AQUI SE MODIFICA EL TAMAÑO DE LA CAJA DE BUSQUEDA...*/
{
	padding: 10px;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 8px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

   /*.. CODIGO PARA MANIPULAR TAMAÑO Y COLOR DE LA BARRA DE MENU DE NAVEGACION..*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/*AQUI SE DA EL GROSOR DE LA LINEA SUPERIOR E INFERIOR DEL MENU */
.main-navigation {
	background-color: #03A9F4;
	clear: both;
	display: block;
	width: 100%;
	border-top: 1px solid #112595;
	border-bottom: 1px solid #112595;
         position: fluid;
           padding-left:0px;
         padding-right: 0px;
}
.menu-above {
	border-top: 0;
}
/*AQUI SE POSISIONA EL LUGAR DEL MENU*/
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	text-align: right;
}
   /*.... AQUI SE CONTROLA EL TAMAÑO Y POSISION Y FUENTES DEL MENU Y SUB MENU*/
.main-navigation li {
	display: inline-block;
	position: relative;
	padding: 5px; /*AQUI SE DA EL GROSOR DE LAS ENTRE LINEAS DEL MENU*/
	text-transform: uppercase;
	border-right: 2px solid #112595;
	position: relative;
	font-weight: 100;
	font-size: 18px;
}
.main-navigation li:last-of-type {
	border-right: 50;
}
.main-navigation a {
	display: block;
	text-decoration: none;
	color: #fff;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
       /*FUNCION ROLL OVER DEL MENU DE NAVEGACION AL PASAR CON EL MOUSE*/
.main-navigation a:hover {
	color: #db1212;
}
      /* POSISION DEL SUB MENU DE NAVEGASION*/
.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

     /*  MODIFICAR POSISION Y TAMAÑO DE LA FLECHITA DEL SUB MENU*/
.main-navigation ul ul::before {
	margin-left: 10px;
	content: '\f0de';
	font-family: Fontawesome;
	color: #93e655;
	font-size: 35px;
	height: 10px;
	display: block;
	line-height: 1;
	text-align: left;
}
.main-navigation ul ul ul::before {
	content: '';
	height: 0;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
        /*  MODIFICAR TAMAÑO Y COLOR DE FUENTE DE LA LETRA DEL SUB MENU*/
.main-navigation ul ul a {
	width: 100px;
	color: #ffff;
}

.main-navigation ul ul li {
	text-align: left;
	text-transform: none;
	border-right: 0;
	background-color: #1e90ff;
	border-bottom: 2px solid #0b166c;
	font-weight: 400;
}
.main-navigation ul ul li:last-of-type {
	border-bottom: 0;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Menu icons */
.main-navigation li::before {
	font-family: Fontawesome;
	color: #ebeb15;
	margin-right: 5px;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.slicknav_nav li:hover {
	background-color: transparent;
}
.slicknav_nav li::before {
	display: none;
}
.main-navigation a {
	display: inline-block;
}
.main-navigation ul ul a {
	float: none;
}
.main-navigation ul ul li::before {
	content: '';
}
/* Posts nav */
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 45px;
	overflow: hidden;
}
/*A PARTIR DE AQUI SE MODIFICA EL EL TAMAÑO FUENTE Y FONDOS DE ENTRADAS*/
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	max-width: 50%;
	background-color: #fff;
	border: 5px solid #1c5186;
	padding: 10px;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: left;
	text-align: left;
	max-width: 100%;
	background-color: #fff;
	border: 2px solid #2d1998;
	padding: 1px;
}
/*COLOR DE FUENTE INICIAL EN LA ENTRDA */
.nav-next a,
.nav-previous a {
	color: #1c1c1c;
	text-decoration: none;
	-webkit-transition: color 0.4s;
	transition: color 0.4s;
	text-transform: uppercase;
}
/*COLOR DE FUENTE AL PASAR EL MOUSE EN LA ENTRDA */
.nav-next a:hover,
.nav-previous a:hover {
	color: #618EBA;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute!important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #10245c;
	border-radius: 50px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: left;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--------------------------------------------------------------
# Social Menu
--------------------------------------------------------------*/
/*AUI SE MODIFICA COLOR Y GROSOR DE BORDE DE LINEA DE ENCABEZADO SOBRE NT*/
.social-navigation {
	padding: 5px 0;
	border-bottom: 10px solid #494688;
}
.social-navigation ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
/*AQUI LE DAMOS POSICIONES ABSOLUTA O RELATIVA DE PANTALLA DE LA PAGINA COMPLETA O NO*/
.social-navigation li {
	position: absolute;
	display: inline-block;
	list-style: none;
	line-height: 1;
}
.menu-social-container {
	overflow: hidden;
}
.social-navigation li a {
	text-decoration: none;
	display: block;
	padding: 5px 10px;
	color: #fff;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.social-navigation li a::before {
	font-family: FontAwesome;
	font-size: 18px;
	display: block;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	line-height: 34px;
	background-color: #1c1c1c;
}
.social-navigation li a:hover {
	color: #ba6161;
}
.social-navigation li a[href*="twitter.com"]::before {
	content: '\f099';
}
.social-navigation li a[href*="facebook.com"]::before {
	content: '\f09a';
}
.social-navigation li a[href*="plus.google.com"]::before {
	content: '\f0d5';
}
.social-navigation li a[href*="dribbble.com"]::before {
	content: '\f17d';
}
.social-navigation li a[href*="pinterest.com"]::before {
	content: '\f0d2';
}
.social-navigation li a[href*="youtube.com"]::before {
	content: '\f167';
}
.social-navigation li a[href*="flickr.com"]::before {
	content: '\f16e';
}
.social-navigation li a[href*="vimeo.com"]::before {
	content: '\f194';
}
.social-navigation li a[href*="instagram.com"]::before {
	content: '\f16d';
}
.social-navigation li a[href*="linkedin.com"]::before {
	content: '\f0e1';
}
.social-navigation li a[href*="foursquare.com"]::before {
	content: '\f180';
}
.social-navigation li a[href*="tumblr.com"]::before {
	content: '\f173';
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget-area .widget {
	margin: 0 0 45px;
	padding: 30px;
	background-color: #fff;
	border: 1px solid #e0e0e0;
}
.widget a {
	color: #4C4C4C;
	text-decoration: none;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.widget a:hover {
	color: #618EBA;
}
.widget ul {
	padding: 0 0 0 20px;
}
.widget li {
	padding-top: 2px;
	padding-bottom: 2px;
}
.widget .children {
	padding-left: 30px;
}
.widget-area .widget-title {
	position: relative;
	margin: 0 0 15px;
	padding-bottom: 15px;
}
.widget-area .widget-title::after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 30px;
	background-color: #1c1c1c;
	content: '';
}
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}
/* Footer widget area cambimos de color las lineas superiores del footer*/
.footer-widget-area {
	background-color: #7465c1;
	border-top: 1px solid #130cd3;
	padding: 20px 0 10px;
      
}
.footer-widget-area .widget {
	margin: 15px 0;
}
.footer-widget-area .widget-title {
	margin: 0 0 10px;
}
/* Default widgets */
.widget_recent_entries ul,
.widget_archive ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_categories ul {
	list-style: none;
	padding: 0;
}
.widget_recent_entries li::before,
.widget_archive li::before,
.widget_pages li::before,
.widget_recent_comments li::before,
.widget_categories li::before {
	font-family: Fontawesome;
	font-size: 15px;
}
.widget_recent_entries li::before {
	content: '\f040';
	margin-right: 5px;
}
.widget_archive li::before {
	content: '\f133';
	margin-right: 8px;
}
.widget_pages li::before {
	content: '\f016';
	margin-right: 8px;
}
.widget_recent_comments li::before {
	content: '\f0e5';
	margin-right: 8px;
}
.widget_categories li::before {
	content: '\f114';
	margin-right: 8px;
}
.tagcloud a {
	border: 1px solid #41474F;
	padding: 5px;
	font-size: 13px !important;
	display: inline-block;
	margin-bottom: 8px;
	margin-right: 4px;
}
.amadeus_recent_posts_widget ul,
.amadeus_recent_comments ul {
	list-style: none;
	padding: 0;
}
.recent-comment img {
	margin-right: 5px;
	float: right;
}
.amadeus_recent_posts_widget .recent-thumb {
	padding-left: 0;
}
.amadeus_recent_posts_widget .col-md-9,
.amadeus_recent_posts_widget .col-md-12 {
	padding: 0;
}
.amadeus_recent_posts_widget .post-date,
.widget_recent_entries .post-date {
	color: #2f199d;
	font-size: 12px;
}
.amadeus_recent_posts_widget h4 {
	margin: 0 0 8px;
}
.amadeus_recent_comments .list-group-item,
.amadeus_recent_posts_widget .list-group-item {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #eaeaea;
}
.amadeus_recent_comments .list-group-item:last-of-type,
.amadeus_recent_posts_widget .list-group-item:last-of-type {
	border-bottom: 0;
}
/* About me widget */
.amadeus_about {
	margin-top: 90px !important;
}
.photo-wrapper {
	display: table;
	margin: -120px auto 30px;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	padding: 5px;
	border-radius: 50%;
}
.photo-wrapper img {
	max-height: 180px;
	border-radius: 50%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 45px;
	background-color: #fff;
	border: 0px solid #fffff;
}
.post-inner {
	padding: 45px;
}
.updated:not(.published) {
	display: none;
}
.page .hentry {
	padding: 5px;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-meta .posted-on:after,
.entry-meta .author:after {
	content: '/';
	margin: 0 15px;
}
.entry-meta .author {
	margin-left: -2px;
}
.entry-meta,
.entry-meta a,
.entry-footer,
.entry-footer a {
	color:#130cd3;
;
	text-decoration: none;
}
.entry-meta a,
.entry-footer a {
	-webkit-transition: color 0.3s;
	transition: 0.3s;
}
.entry-meta a:hover,
.entry-footer a:hover {
	color: #618EBA;
}
.entry-footer {
	margin-top: 20px;
	clear: left;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.entry-header {
	margin-bottom: 30px;
}
.entry-title {
	margin: 0 0 20px;
}
.entry-title a {
	color: #1c1c1c;
	-webkit-transition: color 0.3s;
	transition: 0.3s;
	text-decoration: none;
}
.entry-title a:hover {
	color: #618EBA;
}
.single-thumb,
.entry-thumb {
	text-align: center;
	position: relative;
}
.entry-thumb-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: #618EBA;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.entry-thumb:hover .entry-thumb-inner {
	top: 10%;
	left: 10%;
	width: 80%;
	height: 80%;
	opacity: 0.6;
}
.thumb-icon {
	opacity: 0;
	position: absolute;
	font-size: 56px;
	top: 42%;
	left: 46%;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.thumb-icon,
.thumb-icon:hover {
	color: #fff;
}
.entry-thumb:hover .thumb-icon {
	opacity: 1;
}
.page-header {
	margin: 0 0 45px;
	padding: 0;
	border: 0;
}
.page-title {
	margin: 0;
	padding: 30px;
	background-color: #fff;
	border: 1px solid #e0e0e0;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
	margin-bottom: 60px;
}
/*AQUI SE MODIFICA LA LINEA Y FONDO DEL ENCABEZADO DE LOS COMENTARIOS*/
.comments-title {
	margin: 0;
	font-size: 20px;
	padding: 10px;
	border-bottom: 2px solid #dbcc15;
	background-color: #b7b057;
}
.comments-area ol {
	list-style: none;
}
.comments-area ol {
	padding: 0;
}
.comments-area .children {
	padding-left: 20px;
}
.comments-area .fn {
}
.comment-author .avatar {
	position: absolute;
}
.comment-author .fn,
.comment-metadata {
	margin-left: 90px;
}
.comment-metadata {
	font-size: 16px;
	margin-bottom: 40px;
}
.comment-body {
	padding: 10px;
	border: 1px solid #e0e0e0;
	background-color: #fff;
	margin-bottom: 15px;
}
.reply {
	text-align: right;
}
.comment-reply-link {
	padding: 5px;
	background-color: #fff;
	font-size: 12px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
a.comment-reply-link {
	text-decoration: none;
}
a.comment-reply-link:hover {
	color: #000;
	box-shadow: 0 0 1px #505050;
}
.comments-area a.url {
	text-decoration: underline;
}
.comment-metadata a,
.comments-area a.url {
	color: #444;
}
.bypostauthor {
}
.comment-respond {
	margin-top: 60px;
}
.comment-form .form-submit {
	margin-top: 30px;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
/*--------------------------------------------------------------
## Metaslider integration
--------------------------------------------------------------*/
.header-slider {
	overflow: hidden;
}
.flex-direction-nav a {
	background: none !important;
	text-indent: 0 !important;
	width: 40px !important;
	height: 40px !important;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
}
.flex-prev::before {
	font-family: Fontawesome;
	content: '\f104';
	font-size: 40px;
	margin-left: 20px;
}
.flex-next::before {
	font-family: Fontawesome;
	content: '\f105';
	font-size: 40px;
	margin-right: 20px;
}
.metaslider .caption-wrap {
	top: 0;
	bottom: auto !important;
	text-align: center;
	padding: 25px 15px;
	font-size: 18px;
	color: #fff !important;
}
/*--------------------------------------------------------------
## Mobile menu
--------------------------------------------------------------*/
.slicknav_menu  .slicknav_menutxt { display: block; font-size: 30px; }
.slicknav_menu .slicknav_icon { display: none; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block; border: 0; }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

.mobile-nav {
	display: none;
}
/* Button */

.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration:none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: block;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
    text-align: center;
}
.slicknav_nav {
    color:#fff;
    margin:0;
    padding:0;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav {
	position: absolute;
    left: 0;
    background-color: rgba(125, 13, 144, 0.59);
    width: 100%;
    z-index: 999;
}
.slicknav_nav ul {
    padding:0;
    margin: 0;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
    padding:5px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:#fff;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    color:#fff;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;
}
/*--------------------------------------------------------------
## Structure
--------------------------------------------------------------*/
.site-header {
	text-align: center;
	background-color: #fff;
}
.site-branding {
	padding: 10px 0;
}
.site-logo {
	max-width: 100px;
	width: 100%;
}
#redes{
margin-top:20px;
    margin-right: 60px;
  
	
}
.inicio {
background: blue;
border-radius:5px;
margin-top: 50px;
}
.show-title {
	margin-bottom: 5px;
}
.site-title {
	font-size: 62px;
	margin: 0;
}
.site-title a {
	color: #1c1c1c;
	text-decoration: none;
}
.site-description {
	margin: 10px 0 0;
	font-size: 18px;
	color: #767676;
	font-family: 'Noto Serif', serif;
	font-weight: 400;
}
.header-image {
	position: center;
	height: 300px;
	border-bottom: 1px solid #e0e0e0;
}
.header-scroll {
	text-align: center;
	width: 100%;
	position: absolute;
	top: 35%;
	font-size: 90px;
	-webkit-animation: scroll-anim 1s infinite;
	-moz-animation:    scroll-anim 1s infinite;
	-o-animation:      scroll-anim 1s infinite;
	animation:         scroll-anim 1s infinite;
}
@-webkit-keyframes scroll-anim {
	0%   { top: 35%; }
	100% { top: 40%; }
}
@-moz-keyframes scroll-anim {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes scroll-anim {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes scroll-anim {
	0%   { top: 35%; }
	100% { top: 40%; }
}
.scroll-icon,
.scroll-icon:hover {
	color: #fff;
}
.scroll-icon {
	text-shadow: 0 0 1px #1c1c1c;
}
/*AQUI SE MODIFICA EL TAMAÑO DE LAS ENTRADAS O WIDGETS*/
.content-area {
	width: 740px;
	float: left;
}
.fullwidth {
	width: 100%;
}
.widget-area {
	width: 300px;
	float: right;
}
/*AQUI SE MODIFICA LA ALTURA DE LAS ENTRADAS EN LA HOJA*/
.site-content {
	margin-top: 0px;
}
/*AQUI SE MODIFICA EL TAMAÑO DE FUENTE DEL FOOTER*/
.site-footer {
	padding: 40px 0 30px;
	background-color: #618EBA;
	border-top: 2px solid #e0e0e0;
	font-size: 0px;
	position: relative;
	text-align: center;
}
.site-footer,
.site-footer a {
	color: #4c4c4c;
}
.scroll-container {
	position: absolute;
	top: 1px;
	width: 100%;
	text-align: center;
}
.scroll-container a {
	display: inline-block;
	padding: 10px;
	line-height: 1;
	font-size: 24px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #aaf2ff;
	border: 2px solid #3848a0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.scroll-container a:hover {
	background-color: #112595;
	color: #fff;
}
/* 404 page */
.error404 .content-area {
	width: 100%;
	text-align: center;
	margin-bottom: 45px;
}
/*--------------------------------------------------------------
## Responsive
--------------------------------------------------------------*/
@media only screen and (max-width: 1199px) {
	.content-area {
		width: 100px;
		float: auto;
	}
}
@media (max-width: 950px) {
	.main-navigation {
		display: none;
	}
	.mobile-nav {
		display: block;
		background-color: #119ee6;
	}
}
@media only screen and (max-width: 1024px) {
	.header-image {
		background-attachment: scroll !important;
		background-position: center !important;
	}
}
@media only screen and (max-width: 991px) {
	.content-area,
	.widget-area {
		width: 100%;
	}
}
@media only screen and (max-width: 600px) {
	.post-inner {
		padding: 15px;
	}
	h1 {
		font-size: 28px;
	}
	.entry-header {
		margin-bottom: 15px;
	}
	.site-title {
		font-size: 42px !important;
	}
	.site-description {
		font-size: 16px !important;
	}
	.entry-meta,
	.entry-footer {
		font-size: 13px;
	}
	.entry-meta .posted-on:after,
	.entry-meta .author:after {
		margin: 0 5px;
	}
	.entry-meta span {
		display: inline-block;
	}
}
@media only screen and (max-width: 320px) {
	.site-content,
	.footer-widget-area .container {
		padding: 0;
	}
	.hentry,
	.widget-area .widget {
		margin-bottom: 30px;
	}
	.site-title {
		font-size: 32px !important;
	}
	.site-description {
		font-size: 14px !important;
	}
}

<!-------------------------------imagenes inicio--------------------------------------------------->
.transition {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}

.div-img1 {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.div-img1 .img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  -webkit-transform: 0px 0px 1;
  -moz-transform: 0px 0px 1;
  -o-transform: 0px 0px 1;
  -ms-transform: 0px 0px 1;
  transform: 0px 0px 1;
  transform: translate(0px, 0px) scale(1);
  -webkit-transform: translate(0px, 0px) scale(1);
  -moz-transform: translate(0px, 0px) scale(1);
  -o-transform: translate(0px, 0px) scale(1);
  -ms-transform: translate(0px, 0px) scale(1);
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}
.div-img1 .text {
   right: 100px;
  font-family: 'Open Sans';
  position: absolute;
  z-index: 1;
  display: block;
  bottom: 27px;
  width: 50%;
  text-align: center;
  -webkit-transform: 0px 0px 1;
  -moz-transform: 0px 0px 1;
  -o-transform: 0px 0px 1;
  -ms-transform: 0px 0px 1;
  transform: 0px 0px 1;
  transform: translate(0px, 0px) scale(1);
  -webkit-transform: translate(0px, 0px) scale(1);
  -moz-transform: translate(0px, 0px) scale(1);
  -o-transform: translate(0px, 0px) scale(1);
  -ms-transform: translate(0px, 0px) scale(1);
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}
.div-img1:hover .img {
  -webkit-transform: 0px -30px 0.5;
  -moz-transform: 0px -30px 0.5;
  -o-transform: 0px -30px 0.5;
  -ms-transform: 0px -30px 0.5;
  transform: 0px -30px 0.5;
  transform: translate(0px, -30px) scale(0.5);
  -webkit-transform: translate(0px, -30px) scale(0.5);
  -moz-transform: translate(0px, -30px) scale(0.5);
  -o-transform: translate(0px, -30px) scale(0.5);
  -ms-transform: translate(0px, -30px) scale(0.5);
  border-radius: 50%;
}
.div-img1:hover .text {
  -webkit-transform: 0px 0px 2;
  -moz-transform: 0px 0px 2;
  -o-transform: 0px 0px 2;
  -ms-transform: 0px 0px 2;
  transform: 0px 0px 2;
  transform: translate(0px, 0px) scale(2);
  -webkit-transform: translate(0px, 0px) scale(2);
  -moz-transform: translate(0px, 0px) scale(2);
  -o-transform: translate(0px, 0px) scale(2);
  -ms-transform: translate(0px, 0px) scale(2);
}

<!---------portafolio------>
.demo-3 {
    position:relative;
    width:300px;
    height:200px;
    overflow:hidden;
    float:left;
    margin-right:20px
}
.demo-3 figure {
    margin:0;
    padding:0;
    position:relative;
    cursor:pointer;
    margin-left:-50px
}
.demo-3 figure img {
    display:block;
    position:relative;
    z-index:10;
    margin:-15px 0
}
.demo-3 figure figcaption {
    display:block;
    position:absolute;
    z-index:5;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.demo-3 figure h2 {
    font-family:'Lato';
    color:#fff;
    font-size:20px;
    text-align:left
}
.demo-3 figure p {
    display:block;
    font-family:'Lato';
    font-size:12px;
    line-height:18px;
    margin:0;
    color:#fff;
    text-align:left
}
.demo-3 figure figcaption {
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:29px 44px;
    background-color:rgba(26,76,110,0.5);
    text-align:center;
    backface-visibility:hidden;
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.demo-3 figure img {
    backface-visibility:hidden;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.demo-3 figure:hover img,figure.hover img {
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.demo-3 figure:hover figcaption,figure.hover figcaption {
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    transform:rotateY(0)
}
<!-----------Productos--------->

@import "lesshat";

@import url(http://fonts.googleapis.com/css?family=Open+Sans);

.transition{
  -webkit-transition: all 500ms ease-in-out; // IE 9
  -moz-transition: all 500ms ease-in-out; // Firefox
  -ms-transition: all 500ms ease-in-out; // Safari and Chrome 
  -o-transition: all 500ms ease-in-out; // Opera
}

.transform(@x,@y,@s){
  transform: translate(@x,@y) scale(@s);
  -webkit-transform: translate(@x,@y) scale(@s);
  -moz-transform: translate(@x,@y) scale(@s);
  -o-transform: translate(@x,@y) scale(@s);
  -ms-transform: translate(@x,@y) scale(@s);
}

.containerp{   
  width: 100px;
  height: 100px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top:0px;
}

.div-imgp{
    display: block;
    margin-left: auto;
    margin-right: auto;

    .imgp{
        display:block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        .transform(0px,0px,1);
        .transition;    
    }      
    .text{
        font-family: 'Open Sans';
        position:absolute;
        z-index: 1;
        display:block;
        bottom:0px;
        width:100%;
        text-align:center;
        .transform(0px,0px,1);
        .transition;
    }
    &:hover{
        .imgp{
            .transform(0px,-30px,0.5);
            border-radius: 10%;
        }
        .text{
            .transform(0px,0px,2);
          }
     } 
}