/*
/*
*   
*   Version: 1.0
*   Theme Name: Interactivos CIDH Beta
*	Writtern by Marcos Pe: info@marcospe.com.ar, www.marcospe.com.ar.
*
*	Part of the code is based on the Beetle HTML theme, http://themes.mokaine.com/beetle-html, by Mokaine Lab, http://mokaine.com/, written by Pasquale Vitiello (pasqualevitiello@gmail.com) and Daniele Cascone.
*   
*/

/*----------------------------------------------------------------
    Reglas Generales
----------------------------------------------------------------*/

::selection {
    background: #FD685B;
    color: #fff;
}

.azul-page ::selection{
	background: #283374 ;
}

.rd-green-page ::selection{
	background: #23341e;
}

.honduras-page ::selection{
	background: #330000;
}

.yellow-page ::selection{
	background: #ffcc33;
	    color: #000;

}

::-moz-selection {
    background: #FD685B;
    color: #fff;
}

/*codigo propio*/
.azul-page ::-moz-selection{
	background: #283374 ;
}

.yellow-page ::-moz-selection{
	background: #ffcc33;
		    color: #000;

}

::-webkit-input-placeholder {
    color: #b3b3b3;
}

:-moz-placeholder {
 /* Firefox 18- */
    color: #b3b3b3;
}

::-moz-placeholder {
  /* Firefox 19+ */
    color: #b3b3b3;
}

:-ms-input-placeholder {
    color: #b3b3b3;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 100%;
 /* font-size: 16px; */;
}

body {
    background-color: #fbfbfb;
    color: #333;
    font-size: 1.125em; /* font-size: 18px; */
    font-family: 'Open Sans', sans-serif;
    line-height: 1.8;
}

h1, h2, h3, h4, h5, h6 {
    color: #222;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.34;
    text-rendering: auto; /* Android browser */
}

a {
    color:#333;
    /*text-decoration: none;*/
}

a:hover {
    color: #333;
}

.csstransitions a {
    -webkit-transition: background-color 0.1s linear, color 0.1s linear;
    -moz-transition: background-color 0.1s linear, color 0.1s linear;
    transition: background-color 0.1s linear, color 0.1s linear;    
}

input[type=""],
input:not([type]),
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
textarea,
textarea.plain {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1em;
    border: 2px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0.333em;
    -moz-border-radius: 0.333em;
    border-radius: 0.333em;
    color: #333;
}

textarea:focus,
input:focus {
    outline: 0;
}

textarea:not([type="button"]):hover,
input:not([type="button"]):hover {
    border-color: #cad1d9 !important;
}

textarea:not([type="button"]):focus,
textarea:not([type="button"]):active,
input:not([type="button"]):focus,
input:not([type="button"]):active {
    border-color: #88d3ff !important;
}

img {
    display: block;
}

/* sombras para imágenes y tapas de informes de color claro */
img.shade {	
	-o-box-shadow: 4px 4px 20px #888;
    -icab-box-shadow: 4px 4px 20px #888;
    -khtml-box-shadow: 4px 4px 20px #888;
    -moz-box-shadow: 4px 4px 20px #888;
    -webkit-box-shadow: 4px 4px 20px #888;
    box-shadow: 4px 4px 20px #888;
}

.centertxt {
    text-align: center;
}

#main {
    position: relative;
    z-index: 10;
    overflow: hidden;
    background-color: #fbfbfb;
}

section {
    overflow-x: hidden;
}

.last-special {
    margin-right: 0% !important;
}

/*----------------------------------------------------------------
    Perfect Fourth (http://type-scale.com)
----------------------------------------------------------------*/

h1 {
    font-size: 2.369em;
}

h2 {
    font-size: 1.777em;
}

h3 {
    font-size: 1.333em;
}

h4 {
    font-size: 1em;
}

h5 {
    font-size: 0.75em;
}

h6 {
    font-size: 0.563em;
}

.row-content.buffer,
.row-content.buffer-top {
    padding-top: 3.8%;
 /* This overwrites a layers.css rule */;
}


/*----------------------------------------------------------------
    Loaders
----------------------------------------------------------------*/

.landing {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    height: 100%;
}

.loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 6.250em;
    height: 6.250em;
    -webkit-animation: rotate 2.4s linear infinite;
    -moz-animation: rotate 2.4s linear infinite;
    animation: rotate 2.4s linear infinite;
}

.spinner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto auto;
    width: 5em;
    height: 2em;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.spinner > div {
    display: inline-block;
    width: 1em;
    height: 1em;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.landing-slider .spinner > div {
    background-color: rgba(255,255,255,0.5);
}

.landing-els .spinner > div {
    background-color: rgba(0,0,0,0.2);
}

.spinner .bounce1 {
    margin-right: 0.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    margin-right: 0.5em;
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0);
        transform: scale(0.0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}


/*----------------------------------------------------------------
    Header menu
----------------------------------------------------------------*/

header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    padding: 0.5rem 0;
    width: 100%;
    background-color: #330000;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}


.no-parallax #intro {
    position: relative !important;
}

.no-parallax header.transparent.light #brand a,
.no-parallax header.transparent.light nav > ul > li > a {
    color: #333 !important;
}

header.transition {
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

header.transparent {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

header.transparent.light #brand a,
header.transparent.light nav > ul > li > a,
.caption {
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

header.fixed-header, header.always-fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998;
    background-color: #330000;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
}

#brand {
    float: left;
    clear: none;
}

#brand a,
nav a {
    text-decoration: none;
}




#brand h1 {
    font-size: 1em;
    line-height: 3rem;
}

nav {
    position: relative;
    display: inline-block;
    float: right;
    clear: none;
}

#brand a,
nav a {
    color: #333;
}


/*para que el menu sea blanco pero el sub menu siga siendo negro*/

nav.white-menu li.menu-item > a{
    color: white;
	}



#brand a img.default-logo,
#brand a img.default-logo-blanco,
#brand a img#retina-logo {
    float: left;
    margin-top: 0.7em;
    margin-right: 0.5em;
    height: 1.143em;
}

#brand a img#retina-logo {
    display: none;
}






/* retina logo */
@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {

    #brand a img#retina-logo {
        display: block;
    }
/*
    #brand a img.default-logo {
        display: none;
    } */
}

header.transparent.light #brand a,
header.transparent.light nav > ul > li > a {
    color: #fff;
}

header.fixed-header.transparent.light #brand a,
header.fixed-header.transparent.light nav > ul > li > a {
    color: #fff;
    text-shadow: none;
}

header.fixed-header.transparent.light nav > ul > li:hover > a {
    border-bottom: 2px solid #fff;
}

nav > ul,
nav > ul > li {
    float: left;
    clear: none;
}

nav > ul > li {
    padding: 0 0.778em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.7em;
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
}

nav > ul > li:last-child {
    padding: 0 0 0 0.778em;
}

nav > ul > li > a {
    line-height: 3rem;
}

nav > ul > li:hover > a {
    border-bottom: 2px solid #333;
}

header.transparent.light nav > ul > li:hover > a {
    border-bottom: 2px solid #fff;
}

nav li {
    position: relative;
    white-space: nowrap;
}

nav > ul li:hover > ul.sub-menu {
    display: block;
 /* show the submenu */;
}

nav .sub-arrow {
    padding-left: 0.500em;
    vertical-align: middle;
    font-size: 0.714em;
}

nav ul.sub-menu {
    position: absolute;
    left: 0;
    z-index: 9999;
 /* level 2 */
    display: none;
    margin-bottom: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}

nav ul.sub-menu ul.sub-menu {
    top: 0px;
    right: 100%;
	left:initial;
 /* level 3+ */
    margin-top: -0.063rem;
    padding-top: 0;
}

nav ul.sub-menu > li > a {
    display: block;
    padding: 0.5rem 1rem;
    background-color: #F6F6F6;
    font-size: 0.786em;
}

nav ul.sub-menu > li > a:hover {
    background-color: #FD685B;
    color: #fff;
}


/*especiales para páginas*/
.rd-green-page nav ul.sub-menu > li > a:hover{
	background-color: #23341e  ;
	}

.honduras-page nav ul.sub-menu > li > a:hover{
	background-color: #330000  ;
	}



nav ul.sub-menu > li:first-child > a {
    border-radius: 2px 2px 0 0;
}

nav ul.sub-menu > li:last-child > a {
    border-radius: 0 0 2px 2px;
}

#menu-toggle {
    display: none;
    color: #CCC;
    text-decoration: none;
}

#menu-toggle i {
    line-height: 2;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

#menu-toggle i.active {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-1);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#menu-toggle:hover {
    color: #FD685B;
}


/*----------------------------------------------------------------
    Intro
----------------------------------------------------------------*/

#intro-wrap {
    position: relative;
    width: 100%;
    height: 33.333em;
    background-color: #363842;
}

#intro {
    position: fixed;
    width: inherit;
    height: inherit;
}

#intro .intro-item {
    position: absolute;
    width: inherit;
    height: inherit;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

#intro.preload .intro-item {
    visibility: hidden;
}

.darkover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.35);
}

#intro .intro-mockup,
.caption,
.caption-mockup,
.photocaption {
    z-index: 2;
}

.caption,
.photocaption {
    position: absolute;
}

#intro .intro-mockup-wrapper,
.caption,
.photocaption {
    margin: 0 auto;
    padding: 0 8%;
}

#intro .intro-mockup-wrapper {
    max-width: 70em;
}

#intro .intro-mockup img {
    margin: 0 auto;
    max-width: 40em;
}

#intro .intro-mockup.intro-left img,
#intro .intro-mockup.intro-right img {
    max-width: 20em;
}



.caption,
.caption-mockup {
    width: 100%;
    text-align: center;
}

.caption,
.caption h2,
.caption-mockup,
.caption-mockup h2,
.photocaption,
.photocaption h4 {
    color: #fff;
}

.caption.dark,
.caption.dark h2,
.caption-mockup.dark,
.caption-mockup.dark h2 {
    color: #333;
}

.caption h2,
.caption-mockup h2 {
    margin-bottom: 0.222em;
    font-size: 3em;
}

.caption h2 {
    margin-top: 0;
}

.caption p,
.caption-mockup p {
    margin-top: 0;
}

.caption-mockup.caption-left {
    float: left;
}

.caption-mockup.caption-right {
    float: right;
}

.photocaption {
    right: 0;
    bottom: 1.111em;
    padding: 0;
    max-width: 20%;
}

.photocaption h4 {
    margin: 0;
    padding: 0.778em 1em;
    background-color: rgba(0,0,0,0.35);
    font-weight: 400;
    font-style: italic;
    font-size: 0.778em;
    font-family: 'Open Sans', sans-serif;
}

.caption a,
.caption-mockup a,
.photocaption a {
    color: #fff;
}



/* botton para bajar de slider
               MORE ButtonFace
			*/

.more {
	    font-size: 2.667em;	
	    text-align: center;

}

.more a{
		opacity: 1;
		transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.more a:hover{
	opacity:0.6;
}

#intro-wrap .more {
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 100%;
    text-align: center;\
}

#intro-wrap:hover .preload .more a {
    opacity: 0;
    filter: Alpha(Opacity=0);
 /* IE7 fix */;
}

#intro-wrap .more a {
    color: #fff;
    opacity: 0;
    filter: Alpha(Opacity=0);
 /* IE7 fix */
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

#intro-wrap .dark .more a {
	color: #333 !important;
}

#intro-wrap:hover .more a {
    opacity: 1;
    filter: Alpha(Opacity=100);
 /* IE7 fix */;
}




/*----------------------------------------------------------------
    Widgets
----------------------------------------------------------------*/

.widget h4 {
    text-transform: uppercase;
    font-size: 0.875rem;
}





/*----------------------------------------------------------------
    Social widgets
----------------------------------------------------------------*/

.meta-social ul li,
ul.meta-social li {
    padding: 0 0.278em;
    text-align: center;
}

.meta-social ul li a,
ul.meta-social li a {
    display: inline-block;
    width: 2.667em;
    height: 2.667em;
    border: 2px solid;
    border-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: rgba(0, 0, 0, 0.18);
}

.text-light .meta-social ul li a,
.text-light ul.meta-social li a {
    border-color: rgba(255, 255, 255, 0.5);
    color: rgba(255, 255, 255, 0.5);
}

.meta-social ul li a i,
ul.meta-social li a i {
    line-height: 2em;
}

.meta-social ul li a:hover,
ul.meta-social li a:hover {
    color: #fff;
}

.meta-social ul li a.dribbble-share:hover,
ul.meta-social li a.dribbble-share:hover {
    border-color: #ea4c89;
    background-color: #ea4c89;
}

.meta-social ul li a.facebook-share:hover,
ul.meta-social li a.facebook-share:hover {
    border-color: #3b5998;
    background-color: #3b5998;
}

.meta-social ul li a.flickr-share:hover,
ul.meta-social li a.flickr-share:hover {
    border-color: #0063dc;
    background-color: #0063dc;
}

.meta-social ul li a.github-share:hover,
ul.meta-social li a.github-share:hover {
    border-color: #171515;
    background-color: #171515;
}

.meta-social ul li a.gplus-share:hover,
ul.meta-social li a.gplus-share:hover {
    border-color: #dd4b39;
    background-color: #dd4b39;
}

.meta-social ul li a.instagram-share:hover,
ul.meta-social li a.instagram-share:hover {
    border-color: #3f729b;
    background-color: #3f729b;
}

.meta-social ul li a.linkedin-share:hover,
ul.meta-social li a.linkedin-share:hover {
    border-color: #0e76a8;
    background-color: #0e76a8;
}

.meta-social ul li a.pinterest-share:hover,
ul.meta-social li a.pinterest-share:hover {
    border-color: #c8232c;
    background-color: #c8232c;
}

.meta-social ul li a.skype-share:hover,
ul.meta-social li a.skype-share:hover {
    border-color: #00aff0;
    background-color: #00aff0;
}

.meta-social ul li a.twitter-share:hover,
ul.meta-social li a.twitter-share:hover {
    border-color: #00acee;
    background-color: #00acee;
}

.meta-social ul li a.vimeo-share:hover,
ul.meta-social li a.vimeo-share:hover {
    border-color: #44bbff;
    background-color: #44bbff;
}

.meta-social ul li a.youtube-share:hover,
ul.meta-social li a.youtube-share:hover {
    border-color: #c4302b;
    background-color: #c4302b;
}

footer .meta-social ul li {
    padding-right: 0.5em;
    padding-left: 0;
}

.widget.meta-social ul li a i {
    vertical-align: -15%;
}

#bottom-footer img {
	display:inline;
}


/*----------------------------------------------------------------
    Sections
----------------------------------------------------------------*/

section {
    background-color: inherit;
   -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}

section.greyish {
    background-color: #f5f5f5;
}

.section-title {
    margin-bottom: 2em;
    text-align: center;
}

.section-title h3 {
    display: inline-block;
    border-bottom: 2px solid rgba(0,0,0,0.1);
    text-transform: uppercase;
    font-size: 0.889em;
    line-height: 1.8;
}

.full-height {
	height: 100vh;
}
/*----------------------------------------------------------------
    CTA
----------------------------------------------------------------*/

.call-to-action .row-content.buffer {
    padding-top: 4%;
    padding-bottom: 4%;
}

.call-to-action {
    text-align: center;
}

.call-to-action p {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 0;
}

.call-to-action .button {
    margin-right: 1em;
    margin-left: 1em;
    margin-bottom: 0;
}


/*----------------------------------------------------------------
    Featured columns
----------------------------------------------------------------*/

.small-icon,
.big-icon {
    width: 2em;
    height: 2em;
    -webkit-border-radius: 25%;
    -moz-border-radius: 25%;
    border-radius: 25%;
    background-color: rgba(0,0,0,0.03);
    line-height: 2;
}

.small-icon-text {
    margin-left: 4.444em;
}

.small-icon-text h4 {
    margin-top: 1.1em;
}

.small-icon {
    display: block;
    float: left;
    font-size: 1.667em;
}

.small-icon i {
    width: inherit;
    text-align: center;
}

.small-icon,
.small-icon-text,
.small-icon-text h4,
.small-icon-text p {
    clear: none;
}

.big-icon-text h4 {
    font-size: 1.333em;
}

.big-icon {
    display: inline-block;
    font-size: 5.556em;
}






/*  Cambio del tamaño, orientación del texto */

/*                TEXTO     */


.text-s {
    font-size: 0.778em !important;
}

.text-xs {
    font-size: 0.722em !important;
}

.text-xxs {   
    font-size: 0.6em !important;
}

.text-l{
    font-size: 1.2em;
	line-height: initial;
}

.text-xl{
    font-size: 1.4em;
	line-height: initial;
}


.text-xxl{
    font-size: 2em;
	line-height: initial;
}


.text-right{
	text-align: right;
}


.text-light {
    color: rgba(255,255,255,0.9);
}

.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6,
.text-light i {
    color: #fff;
}

.text-light .small-icon,
.text-light .big-icon {
    background-color: rgba(255,255,255,0.15);
}   

.text-light a {
    color: #fff;
}

.text-light a:hover {
    color: #FFE0B2;
}




/*----------------------------------------------------------------
            Special-Icon 
----------------------------------------------------------------*/


.special-icon .special-icon-text h4 {
	margin:0;
	
}


.special-icon .special-icon-img,
.special-icon .special-icon-text,
.special-icon .special-icon-text h4,
.special-icon .special-icon-text p {
    clear: none;
}

.special-icon .special-icon-img {
    float: left;
    width: 3.333em;
    height: 3.333em;
	margin-right: 1em;
	z-index: 444;
}
.special-icon .special-icon-img img{	
    position: relative;
	-webkit-border-radius: 25%;
    -moz-border-radius: 25%;
    border-radius: 25%;
}






/*----------------------------------------------------------------
    onScreen animations
----------------------------------------------------------------*/

.timeline2 li.onscreen,
.left-animation.animation.onscreen {
    opacity: 1;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation: lfade .65s ease forwards;
    -moz-animation: lfade .65s ease forwards;
    animation: lfade .65s ease forwards;
}

.timeline2 li.timeline-inverted.onscreen,
.right-animation.animation.onscreen {
    opacity: 1;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation: rfade .65s ease forwards;
    -moz-animation: rfade .65s ease forwards;
    animation: rfade .65s ease forwards;
}


.left-animation.animation,
.right-animation.animation,
.timeline2 li,
.timeline2 li.timeline-inverted {
    opacity: 0;
}

@-webkit-keyframes fade {
    to {
        opacity: 1;
    }
}

@-moz-keyframes fade {
    to {
        opacity: 1;
    }
}

@keyframes fade {
    to {
        opacity: 1;
    }
}

@-webkit-keyframes photocaption {
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes photocaption {
    to {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@keyframes photocaption {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes mcaption {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes mcaption {
    to {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@keyframes mcaption {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes lfade {
    from {
        opacity: 0;
        -webkit-transform: translateX(-3em);
    }
}

@-moz-keyframes lfade {
    from {
        opacity: 0;
        -moz-transform: translateX(-3em);
    }
}

@keyframes lfade {
    from {
        opacity: 0;
        transform: translateX(-3em);
    }
}

@-webkit-keyframes smalllfade {
    from {
        opacity: 0;
        -webkit-transform: translateX(-1em);
    }
}

@-moz-keyframes smalllfade {
    from {
        opacity: 0;
        -moz-transform: translateX(-1em);
    }
}

@keyframes smalllfade {
    from {
        opacity: 0;
        transform: translateX(-1em);
    }
}

@-webkit-keyframes rfade {
    from {
        opacity: 0;
        -webkit-transform: translateX(3em);
    }
}

@-moz-keyframes rfade {
    from {
        opacity: 0;
        -moz-transform: translateX(3em);
    }
}

@keyframes rfade {
    from {
        opacity: 0;
        transform: translateX(3em);
    }
}


/*----------------------------------------------------------------
    Buttons
----------------------------------------------------------------*/

.button,
input.button {
    position: relative;
    display: inline-block;
    margin-right: 1em;
    margin-bottom: 1.34em;
    padding: 0.667em 2em;
    border-bottom: none;
    -webkit-border-radius: 0.333em;
    -moz-border-radius: 0.333em;
    border-radius: 0.333em;
    background-color: rgba(84,87,102,1);
    color: #FFFFFF !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 0.778em !important;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 1.714em !important;
    cursor: pointer;
}    

.csstransitions .button,
.csstransitions input.button {
    -webkit-transition: background-color 0.3s linear, color 0.3s linear;
    -moz-transition: background-color 0.3s linear, color 0.3s linear;
    transition: background-color 0.3s linear, color 0.3s linear;
}

.button:hover,
input.button:hover {
    border-bottom: none;
    background-color: rgba(84,87,102,0.8);
}

.button:active,
input.button:active {
    box-shadow: inset 0 3px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 3px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 3px 1px rgba(0,0,0,0.1);
}

.button i {
    margin-right: 0.667em;
    vertical-align: middle;
    line-height: 1em !important;
}

.button.red,
input.button.red {
    background-color: rgba(253,104,91,1);
}

.button.red:hover,
input.button.red:hover {
    background-color: rgba(253,104,91,0.9);
}

.button.red-rd,
input.button.red-rd {
    background-color: rgba(230,32,40,1);
}

.button.red-rd:hover,
input.button.red-rd:hover {
    background-color: rgba(230,32,40,0.9);
}

.button.orange,
input.button.orange {
    background-color: rgba(250,111,87,1);
}

.button.orange:hover,
input.button.orange:hover {
    background-color: rgba(250,111,87,0.7);
}

.button.yellow,
input.button.yellow {
    background-color: rgba(254,204,51,1);
}

.button.yellow:hover,
input.button.yellow:hover {
    background-color: rgba(254,204,51,0.6);
}


.button.yellow-ninez,
input.button.yellow-ninez {
    background-color: rgba(228,228,44,1);
}

.button.yellow-ninez:hover,
input.button.yellow-ninez:hover {
    background-color: rgba(228,228,44,0.6);
}


.button.green,
input.button.green {
    background-color: rgba(161,210,110,1);
}

.button.green:hover,
input.button.green:hover {
    background-color: rgba(161,210,110,0.9);
}

.button.mint,
input.button.mint {
    background-color: rgba(79,206,173,1);
}

.button.mint:hover,
input.button.mint:hover {
    background-color: rgba(79,206,173,0.9);
}

.button.aqua,
input.button.aqua {
    background-color: rgba(85,193,231,1);
}

.button.aqua:hover,
input.button.aqua:hover {
    background-color: rgba(85,193,231,0.9);
}

.button.blue,
input.button.blue {
    background-color: rgba(96,158,234,1);
}

.button.blue:hover,
input.button.blue:hover {
    background-color: rgba(96,158,234,0.9);
}

.button.azul,
input.button.azul {
    background-color: rgba(40,51,116,1);
}

.button.azul:hover,
input.button.azul:hover {
    background-color: rgba(40,51,116,0.9);
}

.button.purple,
input.button.purple {
    background-color: rgba(171,148,233,1);
}

.button.purple:hover,
input.button.purple:hover {
    background-color: rgba(171,148,233,0.9);
}

.button.pink,
input.button.pink {
    background-color: rgba(234,137,191,1);
}

.button.pink:hover,
input.button.pink:hover {
    background-color: rgba(234,137,191,0.9);
}

.button.white,
input.button.white {
    background-color: rgba(255,255,255,1);
    color: #545766 !important;
}

.button.white:hover,
input.button.white:hover {
    background-color: rgba(255,255,255,0.9);
}

.button.grey,
input.button.grey {
    background-color: rgba(170,178,188,1);
}

.button.grey:hover,
input.button.grey:hover {
    background-color: rgba(170,178,188,0.9);
}

.button.dark-grey,
input.button.dark-grey {
    background-color: rgba(84,87,102,1);
}

.button.dark-grey:hover,
input.button.dark-grey:hover {
    background-color: rgba(84,87,102,0.9);
}


.button.rd-green,
input.button.rd-green {
    background-color: rgba(35, 52, 30, 1);
}

.button.rd-green:hover,
input.button.rd-green:hover {
    background-color: rgba(35, 52, 30, 0.9);
}

.button.transparent,
input.button.transparent {
    border: 2px solid rgba(84,87,102,1);
    background-color: transparent;
    color: rgba(84,87,102,1) !important;
}

.button.transparent:hover,
input.button.transparent:hover {
    border: 2px solid rgba(84,87,102,1);
    background-color: rgba(84,87,102,1);
    color: #fff !important;
}

.button.transparent.red,
input.transparent.button.red {
    border: 2px solid rgba(253,104,91,1);
    color: rgba(253,104,91,1) !important;
}

.button.transparent.red:hover,
input.button.transparent.red:hover {
    border: 2px solid rgba(253,104,91,1);
    background-color: rgba(253,104,91,1);
    color: #fff !important;
}


.button.transparent.red-rd,
input.transparent.button.red-rd {
    border: 2px solid rgba(230,32,40,1);
    color: rgba(230,32,40,1) !important;
}

.button.transparent.red-rd:hover,
input.button.transparent.red-rd:hover {
    border: 2px solid rgba(230,32,40,1);
    background-color: rgba(230,32,40,1);
    color: #fff !important;
}


.button.transparent.orange,
input.transparent.button.orange {
    border: 2px solid rgba(250,111,87,1);
    color: rgba(250,111,87,1) !important;
}

.button.transparent.orange:hover,
input.button.transparent.orange:hover {
    border: 2px solid rgba(250,111,87,1);
    background-color: rgba(250,111,87,1);
    color: #fff !important;
}

.button.transparent.yellow,
input.transparent.button.yellow {
    border: 2px solid rgba(254,204,51,1);
    color: rgba(254,204,51,1) !important;
}

.button.transparent.yellow:hover,
input.button.transparent.yellow:hover {
    border: 2px solid rgba(254,204,51,1);
    background-color: rgba(254,204,51,1);
    color: #fff !important;
}

.button.transparent.yellow-ninez,
input.transparent.button.yellow-ninez {
    border: 2px solid rgba(228,228,44,1);
    color: rgba(228,228,44,1) !important;
}

.button.transparent.yellow-ninez:hover,
input.button.transparent.yellow-ninez:hover {
    border: 2px solid rgba(228,228,44,1);
    background-color: rgba(228,228,44,1);
    color: #fff !important;
}

.button.transparent.green,
input.transparent.button.green {
    border: 2px solid rgba(161,210,110,1);
    color: rgba(161,210,110,1) !important;
}

.button.transparent.green:hover,
input.button.transparent.green:hover {
    border: 2px solid rgba(161,210,110,1);
    background-color: rgba(161,210,110,1);
    color: #fff !important;
}

.button.transparent.mint,
input.transparent.button.mint {
    border: 2px solid rgba(79,206,173,1);
    color: rgba(79,206,173,1) !important;
}

.button.transparent.mint:hover,
input.button.transparent.mint:hover {
    border: 2px solid rgba(79,206,173,1);
    background-color: rgba(79,206,173,1);
    color: #fff !important;
}

.button.transparent.aqua,
input.transparent.button.aqua {
    border: 2px solid rgba(85,193,231,1);
    color: rgba(85,193,231,1) !important;
}

.button.transparent.aqua:hover,
input.button.transparent.aqua:hover {
    border: 2px solid rgba(85,193,231,1);
    background-color: rgba(85,193,231,1);
    color: #fff !important;
}

.button.transparent.blue,
input.transparent.button.blue {
    border: 2px solid rgba(96,158,234,1);
    color: rgba(96,158,234,1) !important;
}

.button.transparent.blue:hover,
input.button.transparent.blue:hover {
    border: 2px solid rgba(96,158,234,1);
    background-color: rgba(96,158,234,1);
    color: #fff !important;
}

.button.transparent.azul,
input.transparent.button.azul {
    border: 2px solid rgba(40,51,116,1);
    color: rgba(40,51,116,1) !important;
}

.button.transparent.azul:hover,
input.button.transparent.azul:hover {
    border: 2px solid rgba(40,51,116,1);
    background-color: rgba(40,51,116,1);
    color: #fff !important;
}

.button.transparent.purple,
input.transparent.button.purple {
    border: 2px solid rgba(171,148,233,1);
    color: rgba(171,148,233,1) !important;
}

.button.transparent.purple:hover,
input.button.transparent.purple:hover {
    border: 2px solid rgba(171,148,233,1);
    background-color: rgba(171,148,233,1);
    color: #fff !important;
}

.button.transparent.pink,
input.transparent.button.pink {
    border: 2px solid rgba(234,137,191,1);
    color: rgba(234,137,191,1) !important;
}

.button.transparent.pink:hover,
input.button.transparent.pink:hover {
    border: 2px solid rgba(234,137,191,1);
    background-color: rgba(234,137,191,1);
    color: #fff !important;
}

.button.transparent.white,
input.transparent.button.white {
    border: 2px solid rgba(255,255,255,1);
    color: rgba(255,255,255,1) !important;
}

.button.transparent.white:hover,
input.button.transparent.white:hover {
    border: 2px solid rgba(255,255,255,1);
    background-color: rgba(255,255,255,1);
    color: #545766 !important;
}

.button.transparent.grey,
input.transparent.button.grey {
    border: 2px solid rgba(170,178,188,1);
    color: rgba(170,178,188,1) !important;
}

.button.transparent.grey:hover,
input.button.transparent.grey:hover {
    border: 2px solid rgba(170,178,188,1);
    background-color: rgba(170,178,188,1);
    color: #fff !important;
}

.button.transparent.dark-grey,
input.transparent.button.dark-grey {
    border: 2px solid rgba(84,87,102,1);
    color: rgba(84,87,102,1) !important;
}

.button.transparent.dark-grey:hover,
input.button.transparent.dark-grey:hover {
    border: 2px solid rgba(84,87,102,1);
    background-color: rgba(84,87,102,1);
    color: #fff !important;
}


.button.transparent.rd-green,
input.transparent.button.rd-green {
    border: 2px solid rgba(35, 52, 30, 1);
    color: rgba(35, 52, 30, 1) !important;
}
	
.button.transparent.rd-green:hover,
input.button.transparent.rd-green:hover {
    border: 2px solid rgba(35, 52, 30, 1);
    background-color: rgba(35, 52, 30, 1);
    color: #fff !important;
}


.outline-outward {
  display: inline-block;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.outline-outward:before {
  content: '';
  position: absolute;
  border: rgba(84,87,102,1) solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition-duration: .3s;
  transition-property: top right bottom left;
	    border-radius: 0.333em;
}
.outline-outward:hover:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}

/* Grow */
.grow {
  display: inline-block;
  transition-duration: 0.3s;
  transition-property: transform;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.grow:hover {
  transform: scale(1.1);
}

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}




/*----------------------------------------------------------------
   Botones Personalizados para Twitter e inline
----------------------------------------------------------------*/

a.button-inline  {
	font-size:0.8em !important;
	padding:0px;
	padding-left:8px;
	padding-right:8px;
}

/*botones sin texto y aparece*/
a.button-share {
	font-size:0.8em !important;
	padding:0px;
	padding-left:8px;
	padding-right:8px;
	margin-left: 10px;
	width:auto;
}

a.button-share {
	transition:width 2s;
	-moz-transition:width 2s; /* Firefox 4 */
	-webkit-transition:width 2s; /* Safari and Chrome */
   -o-transition:width 2s; /* Opera */
}

/*saca el espacio al lado del i cuando no hay texto*/
a.button-share i {
	margin-right:0;
}

a.button-share:hover i {
	margin-right:inherit;
}


a.button-share span{
	display:none;
	transition:display 2s;
-moz-transition:display 2s; /* Firefox 4 */
-webkit-transition:display 2s; /* Safari and Chrome */
   -o-transition:display 2s; /* Opera */
}

a.button-share:hover span {
	display:inherit;
}




/*----------------------------------------------------------------
    Icons
----------------------------------------------------------------*/

.red,
i.icon.red,
i.fa.red {
    color: #fd685c;
}

.red-rd,
i.icon.red-rd,
i.fa.red-rd {
    color: #E62028;
}

.orange,
i.icon.orange,
i.fa.orange {
    color: #fa6f57;
}

.yellow,
i.icon.yellow,
i.fa.yellow {
    color: #ffcc33;
}

.yellow-ninez,
i.icon.yellow-ninez,
i.fa.yellow-ninez {
    color: #E4E42C;
}


.green,
i.icon.green,
i.fa.green {
    color: #a1d26e;
}

.mint,
i.icon.mint,
i.fa.mint {
    color: #4fcead;
}

.aqua,
i.icon.aqua,
i.fa.aqua {
    color: #55c1e7;
}

.blue,
i.icon.blue,
i.fa.blue {
    color: #609eea;
}

.azul,
i.icon.azul,
i.fa.azul {
    color: #283374;
}

.purple,
i.icon.purple,
i.fa.purple {
    color: #ab94e9;
}

.pink,
i.icon.pink,
i.fa.pink {
    color: #ea89bf;
}

.white,
i.icon.white,
i.fa.white {
    color: #fff;
}

.grey,
i.icon.grey,
i.fa.grey {
    color: #aab2bc;
}

.dark-grey,
i.icon.dark-grey,
i.fa.dark-grey {
    color: #545766;
}


.rd-green,
i.icon.rd-green-grey,
i.fa.rd-green-grey {
    color: #23341e;
}




.text-light i.icon,
.text-light i.fa {
    color: #fff !important;
}


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

footer {
    position: relative;
    z-index: 10;
    background-color: #545766;
    color: #ccc;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
    color: #fff;
}

footer a {
    color: #949494;
    text-decoration: none;
}

footer a:hover {
    color: #fff;
}

footer .meta-social ul li a {
    border-color: #949494;
    color: #949494;
}

footer .meta-social ul li a:hover {
    color: #fff;
}

#top-footer h4 {
    margin-top: 1.34em;
}

#top-footer .widget {
    margin-bottom: 0;
    font-size: 0.778em;
}

footer .row-content.buffer {
    padding-top: 2%;
    padding-bottom: 0;
}

#bottom-footer {
    font-size: 0.667em;
}

/*agregado mío*/
footer li {
	line-height:1em;
	margin-bottom:0.7em;
}


/*----------------------------------------------------------------
    LineIcon font - Made with Fontastic.me - Icons: http://graphicburger.com/line-icon-set-for-ui/
----------------------------------------------------------------*/

@charset "UTF-8";

@font-face {
    font-weight: normal;
  font-style: normal;
  font-family: "lineicon";
  src:url("fonts/lineicon.eot");
  src:url("fonts/lineicon.eot?#iefix") format("embedded-opentype"),
    url("fonts/lineicon.woff") format("woff"),
    url("fonts/lineicon.ttf") format("truetype"),
    url("fonts/lineicon.svg#lineicon") format("svg");
}

[data-icon]:before {
    content: attr(data-icon);
    text-transform: none !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-family: "lineicon" !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    text-transform: none !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-family: "lineicon" !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-images:before {
    content: "\e000";
}

.icon-arrow-up:before {
    content: "\e001";
}

.icon-arrow-right:before {
    content: "\e002";
}

.icon-arrow-left:before {
    content: "\e003";
}

.icon-arrow-down:before {
    content: "\e004";
}

.icon-search:before {
    content: "\e005";
}

.icon-camera:before {
    content: "\e006";
}

.icon-video:before {
    content: "\e007";
}

.icon-picture:before {
    content: "\e008";
}

.icon-home:before {
    content: "\e009";
}

.icon-outline-left-arrow:before {
    content: "\e00a";
}

.icon-outline-left-dir:before {
    content: "\e00b";
}

.icon-outline-left-right-arrow:before {
    content: "\e00c";
}

.icon-outline-right-arrow:before {
    content: "\e00d";
}

.icon-outline-right-dir:before {
    content: "\e00e";
}

.icon-outline-enlarge:before {
    content: "\e00f";
}

.icon-outline-close:before {
    content: "\e010";
}

.icon-multiview:before {
    content: "\e011";
}

.icon-load:before {
    content: "\e012";
}

.icon-link-two:before {
    content: "\e013";
}

.icon-link-one:before {
    content: "\e014";
}

.icon-reload:before {
    content: "\e015";
}

.icon-user:before {
    content: "\e016";
}

.icon-users:before {
    content: "\e017";
}

.icon-vertical-tag:before {
    content: "\e018";
}

.icon-checked:before {
    content: "\e019";
}

.icon-clip:before {
    content: "\e01a";
}

.icon-download:before {
    content: "\e01b";
}

.icon-equalizer:before {
    content: "\e01c";
}

.icon-flag:before {
    content: "\e01d";
}

.icon-gear:before {
    content: "\e01e";
}

.icon-outline-menu:before {
    content: "\e01f";
}

.icon-horizontal-tag:before {
    content: "\e020";
}

.icon-archive:before {
    content: "\e021";
}

.icon-bag:before {
    content: "\e022";
}

.icon-battery-25:before {
    content: "\e023";
}

.icon-battery-50:before {
    content: "\e024";
}

.icon-battery-75:before {
    content: "\e025";
}

.icon-battery-charged:before {
    content: "\e026";
}

.icon-battery-dead:before {
    content: "\e027";
}

.icon-bin:before {
    content: "\e028";
}

.icon-brush:before {
    content: "\e029";
}

.icon-connections:before {
    content: "\e02a";
}

.icon-compass:before {
    content: "\e02b";
}

.icon-comments:before {
    content: "\e02c";
}

.icon-comment-two:before {
    content: "\e02d";
}

.icon-comment-one:before {
    content: "\e02e";
}

.icon-clock:before {
    content: "\e02f";
}

.icon-cart:before {
    content: "\e030";
}

.icon-calendar:before {
    content: "\e031";
}

.icon-calc:before {
    content: "\e032";
}

.icon-bulb:before {
    content: "\e033";
}

.icon-crown:before {
    content: "\e034";
}

.icon-cup:before {
    content: "\e035";
}

.icon-diamond:before {
    content: "\e036";
}

.icon-doc:before {
    content: "\e037";
}

.icon-email:before {
    content: "\e038";
}

.icon-eye:before {
    content: "\e039";
}

.icon-film:before {
    content: "\e03a";
}

.icon-flame:before {
    content: "\e03b";
}

.icon-flash:before {
    content: "\e03c";
}

.icon-folder:before {
    content: "\e03d";
}

.icon-map:before {
    content: "\e03e";
}

.icon-lock:before {
    content: "\e03f";
}

.icon-inbox:before {
    content: "\e040";
}

.icon-heart:before {
    content: "\e041";
}

.icon-graph:before {
    content: "\e042";
}

.icon-globe:before {
    content: "\e043";
}

.icon-money:before {
    content: "\e044";
}

.icon-news:before {
    content: "\e045";
}

.icon-phone-one:before {
    content: "\e046";
}

.icon-phone-two:before {
    content: "\e047";
}

.icon-pin:before {
    content: "\e048";
}

.icon-pocket:before {
    content: "\e049";
}

.icon-wifi:before {
    content: "\e04a";
}

.icon-unlock:before {
    content: "\e04b";
}

.icon-scissors:before {
    content: "\e04c";
}

.icon-stamp:before {
    content: "\e04d";
}

.icon-star:before {
    content: "\e04e";
}

.icon-target:before {
    content: "\e04f";
}

.icon-tshirt:before {
    content: "\e050";
}

.icon-tumbler:before {
    content: "\e051";
}

.icon-pencil:before {
    content: "\e052";
}

.icon-paperfly:before {
    content: "\e053";
}

.icon-control-eject:before {
    content: "\e054";
}

.icon-control-fastforward:before {
    content: "\e055";
}

.icon-control-next:before {
    content: "\e056";
}

.icon-control-pause:before {
    content: "\e057";
}

.icon-control-play:before {
    content: "\e058";
}

.icon-cassette:before {
    content: "\e059";
}

.icon-control-prev:before {
    content: "\e05a";
}

.icon-control-rec:before {
    content: "\e05b";
}

.icon-control-rewind:before {
    content: "\e05c";
}

.icon-control-shuffle:before {
    content: "\e05d";
}

.icon-control-stop:before {
    content: "\e05e";
}

.icon-crop:before {
    content: "\e05f";
}

.icon-desktop:before {
    content: "\e060";
}

.icon-disk:before {
    content: "\e061";
}

.icon-headphones:before {
    content: "\e062";
}

.icon-laptop:before {
    content: "\e063";
}

.icon-layout:before {
    content: "\e064";
}

.icon-leaf:before {
    content: "\e065";
}

.icon-microphone:before {
    content: "\e066";
}

.icon-megaphone:before {
    content: "\e067";
}

.icon-music:before {
    content: "\e068";
}

.icon-speaker-on:before {
    content: "\e069";
}

.icon-speaker-off:before {
    content: "\e06a";
}

.icon-smartphone:before {
    content: "\e06b";
}

.icon-select:before {
    content: "\e06c";
}

.icon-resize:before {
    content: "\e06d";
}

.icon-umbrella:before {
    content: "\e06e";
}

.icon-weather-changeable:before {
    content: "\e06f";
}

.icon-weather-cloudy:before {
    content: "\e070";
}

.icon-weather-rainy:before {
    content: "\e071";
}

.icon-weather-snowy:before {
    content: "\e072";
}

.icon-weather-stormy:before {
    content: "\e073";
}

.icon-weather-sunny:before {
    content: "\e074";
}

.icon-tablet:before {
    content: "\e075";
}

.icon-arrow-down-simple:before {
    content: "\e076";
}

.icon-arrow-left-simple:before {
    content: "\e077";
}

.icon-arrow-right-simple:before {
    content: "\e078";
}

.icon-arrow-up-simple:before {
    content: "\e079";
}

.icon-close:before {
    content: "\e07a";
}

.icon-plus:before {
    content: "\e07b";
}


/*----------------------------------------------------------------
    Align Fontawesome and LineIcon fonts
----------------------------------------------------------------*/

.big-icon .icon,
.small-icon .icon,
.big-icon .fa,
.small-icon .fa {
    vertical-align: baseline;
}

.icon,
.fa {
    /* vertical-align: middle; */;
}


/*----------------------------------------------------------------
    Hide icons underline
----------------------------------------------------------------*/

.icon {
    display: inline-block;
}





/*----------------------------------------------------------------
    640px Breakpoint
----------------------------------------------------------------*/

@media handheld, only screen and (max-width:40em) {

    #intro .caption h2,
    #intro .caption-mockup h2 {
        font-size: 2.0em;
    }

    #intro .caption p,
    #intro .caption-mockup p {
        font-size: 0.8em;
    }

    .photocaption {
        display: none;
    }
}

/*----------------------------------------------------------------
    768px Breakpoint
----------------------------------------------------------------*/

@media handheld, only screen and (max-width:48em) {

    header {
        position: relative !important;
        background-color: #330000 !important;
    }

    #brand a,
    nav a {
        color: #fff !important;
    }

    nav a:hover {
        color: #fff !important;
    }

    #brand,
    nav,
    #menu-toggle {
        display: block;
    }

    #menu-toggle {
        float: right;
        clear: none;
    }

    nav {
        float: none;
        clear: both;
    }

    nav > ul {
        margin-top: 2em;
    }

    #brand h1 {
        line-height: 1.8;
    }

    nav > ul {
        display: none;
    }

    nav > ul,
    nav > ul > li {
        float: none;
    }

    .sub-arrow {
        display: none;
    }

    nav > ul li > a {
        display: block;
        margin: 0;
        padding: 0.625rem 0;
        border-bottom: 1px solid #DDD !important;
        line-height: 1.250rem;
    }

    nav > ul > li > a:hover {
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
    }

    nav > ul li.last > a,
    nav > ul li.last > a:hover {
        border-bottom: none !important;
    }

    nav > ul > li.menu-item {
        padding: 0 !important;
    }

    nav ul.sub-menu > li > a {
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
    }

    nav ul.sub-menu > li > a {
        color: #fff !important;
        font-size: 0.688rem;
    }

    nav ul.sub-menu > li > a,
    nav ul li > a:hover {
        background-color: transparent !important;
    }

    nav ul li > a:hover {
        color: #FD685B !important;
    }

    nav > ul > li:hover > a {
        border-bottom: none;
    }

    nav ul.sub-menu {
        position: static;
        display: block;
        padding: 0 0 0 1.5em;
        width: inherit;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    #intro {
        position: relative;
    }

    .more {
        display: none;
    }

    .column .count-item {
        margin-bottom: 2em;
    }

    .column.last .count-item {
        margin-bottom: 0;
    }

}





/*----------------------------------------------------------------
    Layers CSS 1.0.2  responsive adjustments
    Released by Jerry Jäppinen under the MIT license
    http://eiskis.net/layers
    2013-10-25 14:56 Europe/Helsinki
----------------------------------------------------------------*/

@media handheld,only screen and (max-width:48em) {
    .column.one,.column.two,.column.sixth,.column.three,.column.fourth,.column.four,.column.twosixths,.column.third,.column.five,.column.six,.column.half,.column.threesixths,.column.twofourths,.column.seven,.column.eight,.column.foursixths,.column.twothirds,.column.nine,.column.threefourths,.column.ten,.column.fivesixths,.column.eleven {
        float: none !important;
        clear: both !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        width: auto !important;
    }
}

@media handheld,only screen and (max-width:48em) {
    body {
        font-size: 0.9em;
        -webkit-text-size-adjust: none;
    }
}



/*----------------------------------------------------------------
   Ajustes personalizados
----------------------------------------------------------------*/



/*agregado apra cuando el título se tapa por el menu*/
.extra-padding-top {
	padding-top:2em;
}

.extra-padding-bottom {
	padding-bottom:2em !important;
}

.extra-padding-sides {
	padding-left:2em !important;
	padding-right:2em !important;
}

.extra-margin-top {
	margin-top:2em;
}

.extra-margin-bottom {
	margin-bottom:2em;
}

.extra-padding-all {
	padding:2em !important;
}

.extra-padding-all-s {
	padding:1em !important;
}

.aligntext {
	text-align:left;
}

li.no-icon{
	list-style:none;
}


.padding-none {
	padding:0
}

.margin-none {
	margin:0;
}

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.fade:hover {
      opacity: 0.5;
      }




/*----------------------------------------------------------------
            menu
----------------------------------------------------------------*/

#top-menu li a.active {
	color:#000;
}




.red-page .fixed-header #top-menu li a.active {
    color: #fd685c ;
}

.red-rd-page .fixed-header #top-menu li a.active {
    color: #E62028 ;
}

.yellow-page .fixed-header #top-menu li a.active{
	color:#ffcc33;
}	

.green-page .fixed-header #top-menu li a.active {
    background-color: #a1d26e  !important;
}

.aqua-page .fixed-header #top-menu li a.active {
    background-color: #55c1e7  !important;
}

.azul-page .fixed-header #top-menu li a.active {
	color:#283374;
}





nav > ul li > a {
	font-size: 0.65rem;
	padding-top:0.2rem;
	padding-bottom:0.2rem;	
}


nav ul.sub-menu > li > a {
	font-size: 0.6rem;
	padding-top:0.2rem;
	padding-bottom:0.2rem;	
	text-transform:none;
}





	

/*----------------------------------------------------------------
            scroll to top
----------------------------------------------------------------*/
.scrollToTop {
  bottom: 60px;
	display: none;
  font-size:  32px;
  font-weight: bold;
  height: 50px;
  position: fixed;
  right: 50px;
  text-align: center;
  text-decoration: none;
  width: 50px;
  z-index: 9999;
  color: #fff;  
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #FFCC00;
  border-radius: 5px;
}



.scrollToTop i {
	    vertical-align: text-top;
}

.scrollToTop:hover, .scrollToTop:focus{
  text-decoration: none;
  outline: none;
  background-color: #fff;
  color: #FFCC00;
  border: 2px solid #FFCC00;
  border-radius: 5px;
}

.scrollToTop.red-rd {
	  background-color: #E62028;  
}

.scrollToTop.red-rd:hover, .scrollToTop.red-rd:focus{
  background-color: #fff;
  color: #E62028;
  border: 2px solid #E62028;
}

.scrollToTop.aqua {
	background-color: #55c1e7;
}

.scrollToTop.aqua:hover, .scrollToTop.aqua:focus{
  background-color: #fff;
  color: #55c1e7;
  border: 2px solid #55c1e7;
}








/*----------------------------------------------------------------
    Syling references y pagina de references
----------------------------------------------------------------*/

a.reference {
	vertical-align: super;
	 font-size: 0.7em;
	color:#333;
}


body.references article {
	margin-top:5%;
}



/*----------------------------------------------------------------
    Special lists, iconos especiales para listas
----------------------------------------------------------------*/

ul.list-icon, ul.sub-list-icon, ul.list-none, ul.list-none ul {
	list-style:none;
}

.list-icon li{
		text-indent: -1.3em;	
}


.list-icon li:before {
	    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
 	text-decoration: inherit;
    padding-right: 5px;
	list-style:none;

}

.sub-list-icon li:before {
	    content: "\f054";
}



/*----------------------------------------------------------------
    tooltip para referencias
----------------------------------------------------------------*/

.reference {
    color:#999;
	font-size:0.9em;
	position:relative;
	padding:0;
	margin:0;
	left:0.2em;
	text-indent: 0;
}

.reference a {
	color:#FFCE54;
}

.reference a:hover {
	color:#FFF;
}



.reference span{
	    font-family: 'Open Sans', sans-serif;
		text-align:left;
}

.tooltip {
  background-color:#999;
  color:white;
  border-radius:5px;
  opacity:0;
  position:absolute;
  -webkit-transition: opacity 0.5s;
  -webkit-transition-delay: 0.3s; 
  -moz-transition:  opacity 0.5s;
   -moz-transition-delay: 0.3s; 
  -ms-transition: opacity 0.5s;
  -ms-transition-delay: 0.3s;
  -o-transition:  opacity 0.5s;
   -o-transition-delay: 0.3s; 
  transition:  opacity 0.5s;
  transition-delay: 0.3s; 
	font-size:10px;
	padding:5px;
	padding-left:7px;
	width:26em;
	left:-13em;
	top: 18px;
	
}

.tooltip-top {
	top:initial;
	bottom:18px;
}

.tooltip-topleft{
	top:initial;
	bottom:18px;
	left:-24.5em;
}

.reference:hover .tooltip {
    opacity:1;
}








/*----------------------------------------------------------------
       colores secciones
----------------------------------------------------------------*/

.white-back {
    background-color: #fff  !important;
}

.white-highlight {
	
	/* forma 1*/
	color: #000;
	background-color: #fff;
	box-shadow: 0.5em 0 0 #fff,-10em 0 0 #fff;

	/* forma 2
	color: #000;
    background-color: #fff;
    box-shadow: 0.5em 0 0 #fff,-0.5em 0 0 #fff;
    display: inline;
    background: #FFF;
    color: #000;
    padding: 0.5rem;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: 0.5em 0 0 #fff, -0.5em 0 0 #fff;
	*/
	
}

.red-back {
    background-color: #fd685c  !important;
}


.red-rd-back {
    background-color: #E62028  !important;
}

.orange-back {
    background-color: rgba(250,111,87,1) !important;
}


.yellow-back {
	background-color: rgb(254,204,51);
    background-color: #ffcc33  !important;
}

.yellow-ninez-back{
	 background-color: #e4e42c  !important;
	 -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}

.green-back {
    background-color: #a1d26e  !important;
}



.rd-green-back {   /*verde oscuro*/
	background-color: #23341e !important;
}

.rd-green-light-back {   /*verde claro*/
	background-color: #336633 !important;
}

.honduras-marron-back {   /*marron*/
	background-color: #330000 !important;
}

.green-ninez-back {   /*verde clarito*/
	background-color: #e1e8c1!important;
}


.mint-back {
    background-color: #4fcead  !important;
}

.aqua-back {
    background-color: #55c1e7  !important;
}

.blue-back {
    background-color: #609eea  !important;
}

.azul-back {
    background-color: #283374  !important;
}

.purple-back {
    background-color: #ab94e9  !important;
}

.pink-back {
    background-color: #ea89bf  !important;
}

.grey-back {
    background-color: #aab2bc  !important;
}

.dark-grey-back {
    background-color: #545766  !important;
}

.black-back {
    background-color: #000  !important;
}



/*----------------------------------------------------------------
                          IMAGEN TOTAL
						  
						  FONDO TEXTURA
						  
la imagen se agrega en la seccion primero
                        <div class="solo-imagen" style="background-image: url(/en/iachr/multimedia/2015/lgbti-violence/img/Zak-Milofsky.jpg);">

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


div.solo-imagen {
	background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
	float: left;
    display: inline;
    width: 100%;
    min-height: 600px;
	max-width: 100%;
}



div.solo-imagen-center {
	background-position: center; 
}

div.solo-imagen-bottom {
	background-position: bottom; 
}


div.solo-imagen-caption{
	position: absolute;
	z-index: 2;
}

div.solo-imagen-caption p{
	display:block;
	background-color:black;
	background-color:rgba(0, 0, 0, 0.5);
	padding:10px;
	padding-left:20px;
}









@media (max-width: 900px){
	
div.solo-imagen {
    background-size: cover;
    min-height: 300px;
    background-position: center
}


.back-remove {
	background-image:none !important;
}


}


.textura {
	background: url(img/textura2.jpg);
	width:100%;
	height:100%;
	background-position:center;

}


.textura2 {
	background: url(img/textura.png);
	width:100%;
	height:100%;
	

}




.back-right{
	background-position:right !important;
}

.back-left {
		background-position:left !important;
}

.back-bottom-left{
		background-position:bottom left !important;
		background-repeat:no-repeat;
}

.back-bottom-right{
		background-position:bottom right !important;
		background-repeat:no-repeat;
}
.back-bottom{
		background-position:bottom !important;
		background-repeat:no-repeat;
}

.back-top-left{
		background-position:top left !important;
		background-repeat:no-repeat;
}

.back-top-right{
		background-position:top right !important;
		background-repeat:no-repeat;
}








/*      links limpios    */

a.clean-link {
	text-decoration: none;
}


/* links de imagenes opacitad*/

a img:hover, a img:focus {
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}




/* Effect 15: scale down, reveal */
a.clean-link {
	color: rgba(0,0,0,0.5);
	font-weight: 700;
	text-shadow: none;
}

a.clean-link::before {
	color: #222;
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

a.clean-link:hover::before,
a.clean-link:focus::before {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0;
}



/*  -----------------------------------   */
/*                 selector de notas                 */
/*  -----------------------------------   */


.news-holder {
 }

.news-holder * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



.news-headlines {
  list-style: none;
  position: relative;
}

  .news-headlines li {
    padding: 5px 20px 5px 24px;
    position: relative;
    z-index: 20;
	font-weight: bold;
	margin-bottom:0.7em;
	line-height:1.2em;
  }

  .nh-anim {
    -webkit-transition: all .75s ease-out;
    -moz-transition: all .75s ease-out;
    -o-transition: all .75s ease-out;
    transition: all .75s ease-out;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  


  .news-headlines li:hover, a:hover {
      cursor: pointer;
  }
  
  .news-headlines .highlight {
     width: 100%;
     background: #e1e8c1;
     position: absolute;
     z-index: 10;
  }

  .news-headlines .highlight:before {
    display: none;
  }

.news-headlines {
   float: left;
   width: 100%;
}

.news-preview {
   float: left;
   width: 100%;
   background: #e1e8c1;
   padding:2em;
   position: relative;
   z-index: 5;
   margin-left: -1px;
   position: relative;
   min-height: 304px;
}

.news-content {
    position: absolute;
    z-index: 10;
    display: none;
	width:80%;
}

.top-content {
    display: block;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* -----------------------------------------------------------------
                           MODAL BOX            POP UP  
   ------------------------------------------------    */


.modal-box {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 50%;
  background: white;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
	position: fixed;
	padding: 2em;
}
@media handheld, only screen and (max-width: 48em) {

.modal-box { width: 95%; }
}


a.close {
  font-size: 1.5em;
  position: absolute;
  top: 5%;
  right: 5%;
  text-decoration: none;
  color: #bbb;
}

a.close:hover {
  color: #222;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}



/* -----------------------------------------------------------------
                   BOX reveal text 
   ------------------------------------------------    */
.recuadro-mas {
	display:none;
}
   
 .recuadro:hover .recuadro-mas {
	 display: block;
	-webkit-animation: fadeInFromNone 0.5s ease-out;
    -moz-animation: fadeInFromNone 0.5s ease-out;
    -o-animation: fadeInFromNone 0.5s ease-out;
    animation: fadeInFromNone 0.5s ease-out;
}

@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}


/*  --------------------------------------------
               BOX SHOW/HIDE
---------------------------------------------  */

.overflow-box {
	margin-bottom: 2em;
					transition: padding .5s ease-in-out;

}

.overflow-expanded{
		    padding-bottom: 2em;
				transition: padding .5s ease-in-out;

}


.overflow-content {
	overflow: hidden;
	transition: .5s ease-in-out;
	padding-left: 2em;
	padding-right: 2em;
}


.overflow-content-inner {
	display: inline;
}

.overflow-toggle{
		padding: 2em;
					transition: padding .5s ease-in-out;
					width:100%;
}

.overflow-toggle:hover{
	cursor:pointer;
	cursor:hand;
}

.overflow-expanded .overflow-toggle{
		padding-bottom:0;
			transition: padding .5s ease-in-out;
}


.overflow-toggle h4, .overflow-toggle p{
	margin:0;
}
.overflow-short .overflow-toggle {
	display: none;
}


.full-image .overflow-box{
	margin:0.5em;
	padding:0;
}

.full-image .overflow-toggle span{
	padding:0.5em;
}

.full-image .overflow-toggle{
	padding:0;
	margin-bottom:0.7em;
}

.full-image .overflow-content{
	padding-left:1em;
	padding-right:1em;
	background-color:#fff;
}

.full-image .overflow-expanded .overflow-content{
	padding-top:0.5em;
	padding-bottom:0.5em;
}



/*----------------------------------------------------------------
    Timeline   y  Special-Icon (código mío)
----------------------------------------------------------------*/

.timeline .experience .circle {
    position: absolute;
    top: 1em;
    left: -0.667em;
    display: block;
    width: 1.222em;
    height: 1.222em;
    border: 3px solid #ccc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #F5F5F5;
}

.timeline .experience-img,
.special-icon .special-icon-img,
.timeline2 .experience-img {
    float: left;
    width: 3.333em;
    height: 3.333em;
	margin-right: 1em;
	z-index: 444;    /* codigo propio */
    position: relative;
	margin-bottom:0.5em;
}

.timeline .experience-info,
.timeline2 .experience-info {   /* codigo propio para poder hacer click en la imagen */
	z-index:0;
	position: relative;

}

.timeline .experience-img img,
.timeline2 .experience-img img {
    -webkit-border-radius: 25%;
    -moz-border-radius: 25%;
    border-radius: 25%;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
}

.timeline2 .experience-img {
	    margin-top: .9em;
}


/* codigo propio */

.timeline.timeline-left .experience{
    float: right;
    margin-left: 0em;
    padding-left: 0em;
    border-left:none;
	border-right: 2px solid #ccc;
	margin-right: 2em;
    padding-right: 2em;
	
}

.timeline.timeline-left .experience .circle {
    left: initial;
    right: -0.667em;
}


.timeline.timeline-left time {
    float: right;
}




/* -----------------------------------------------
 * Timeline
 * --------------------------------------------- */
 .timeline2 {
    list-style: none;
    padding: 10px 0;
    position: relative;
    font-weight: 300;
	    overflow: hidden;

}
.timeline2:before {
	top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 2px;
    background: #ffffff;
    left: 50%;
    margin-left: -1.5px;
}
.timeline2 > li {
    margin-bottom: 20px;
    position: relative;
    width: 50%;
    float: left;
    clear: left;
}
.timeline2 > li:before, .timeline > li:after {
    content:" ";
    display: table;
}
.timeline2 > li:after {
    clear: both;
}
.timeline2 > li:before, .timeline > li:after {
    content:" ";
    display: table;
}
.timeline2 > li:after {
    clear: both;
}
.timeline2 > li > .timeline-panel {
    width: calc(100% - 25px);
    width: -moz-calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
    float: left;
    background: #ffffff;
    position: relative;
			padding-left: 1em;
		padding-right: 1em;
}
.timeline2 > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    content:" ";
}
.timeline2 > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #ffffff;
    border-right: 0 solid #ffffff;
    border-bottom: 14px solid transparent;
    content:" ";
}
.timeline2 > li > .timeline-badge {
    color: #ffffff;
    width: 24px;
    height: 24px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 16px;
    right: -12px;
    z-index: 100;
}
.timeline2 > li.timeline-inverted > .timeline-panel {
    float: right;
}
.timeline2 > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}
.timeline2 > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}
.timeline-badge > a {
    color: #ffffff !important;
}
.timeline-badge a:hover {
    color: #dcdcdc !important;
}

.timeline-footer {
    padding: 5px 15px;
    background-color:#f4f4f4;
	Margin-top: 1em;
}

.timeline-footer p{
   font-weight: bold;
    margin: 0;
    font-size: 0.8em;
}




.timeline2 > li.timeline-inverted {
    float: right;
    clear: right;
}
.timeline2 > li:nth-child(2) {
    margin-top: 60px;
}
.timeline2 > li.timeline-inverted > .timeline-badge {
    left: -12px;
}
.no-float {
    float: none !important;
}

@media (max-width: 767px) {
    ul.timeline2:before {
        left: 40px;
    }
    ul.timeline2 > li {
        margin-bottom: 0px;
        position: relative;
        width:100%;
        float: left;
        clear: left;
    }
    ul.timeline2 > li > .timeline-panel {
        width: calc(100% - 65px);
        width: -moz-calc(100% - 65px);
        width: -webkit-calc(100% - 65px);
		
    }
    ul.timeline2 > li > .timeline-badge {
        left: 28px;
        margin-left: 0;
        top: 16px;
    }
    ul.timeline2 > li > .timeline-panel {
        float: right;
    }
    ul.timeline2 > li > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }
    ul.timeline2 > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -13px;
        right: auto;
    }
    .timeline2 > li.timeline-inverted {
        float: left;
        clear: left;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .timeline2 > li.timeline-inverted > .timeline-badge {
        left: 28px;
    }
}

.timeline2 .overflow-toggle, .timeline2 .overflow-content {
	padding:0;
	padding-bottom:0.1em;
}
.timeline2 .overflow-toggle{
					width:95%;
}

.timeline2 .overflow-toggle p, .timeline2 .overflow-toggle h4{
	clear:none;
}


.timeline2 .overflow-toggle h4{
	margin-bottom: 0.8em;
	display: flex;
}
.timeline2 .overflow-toggle p{
	margin-top:0.5em;
	font-size:0.9em;
}


.text-light .timeline .experience-info p {
    color: rgba(255,255,255,0.7);
}

.text-light .timeline time {
    color: rgba(255,255,255,0.5);
}

.text-light .timeline .experience,
.text-light .timeline .experience .circle {
    border-color: rgba(255,255,255,0.5);
}

.border-left-yellow{
	border-left: solid 5px #ffcc33;
}

.border-right-yellow{
	border-right: solid 5px #ffcc33;
}

.border-left-red-rd{
	border-left: solid 5px #E62028;
}

.border-right-red-rd{
	border-right: solid 5px #E62028;
}

.border-left-grey{
	border-left: solid 5px #aab2bc;
}

.border-right-grey{
	border-right: solid 5px #aab2bc;
}


/* --------------------------------------------------
				Style full-image
--------------------------------------------*/


.full-image {
		background: no-repeat fixed;
		background-size: 110%;
}

.full-image h2 span {
	    color: #000;
    background-color: #fff;
    box-shadow: 0.5em 0 0 #fff,-0.5em 0 0 #fff;
}

.full-image h2 {
	margin-left: 0.5em;
}

.full-image h4 span {
	    color: #000;
    background-color: #fff;
    box-shadow: 0.5em 0 0 #fff,-0.5em 0 0 #fff;
}

.full-image h4 {
	margin-left: 0.5em;
}

.full-image p , .full-image ul{
	background-color: #fff;
	padding: 1em;
}

.full-image img{
	padding: 1em;
}

.full-image img + p{
	padding-top: 0;
}


.full-image .recuadro {
	padding: 2em;
}

.full-image .recuadro p {
    background-color: transparent;
    padding: 0;
	margin-bottom:0;
}

.full-image .recuadro h3{
	margin:0;
}





@media handheld, only screen and (max-width: 48em) {
	.full-image {
		background-size:cover !important;
		background-position:center;
	}	

}




/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(css/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(css/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(css/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(css/fancybox_overlay.png);
		z-index:9999;

}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
		z-index:9999;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(css/fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(css/fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}



/* FIN DEL CóDIGO*/