/* Minification failed. Returning unminified contents.
(8194,20): run-time error CSS1033: Expected closing bracket, found 'i'
(8194,21): run-time error CSS1031: Expected selector, found ']'
(8194,21): run-time error CSS1025: Expected comma or open brace, found ']'
 */
.ui-button-text-only .ui-button-text {
	padding: 0;
}
.ui-dialog-titlebar-close .ui-button-text{
    display:none;
}
.ui-dialog-titlebar-close {
    display:block;
}

.ui-dialog .ui-dialog-buttonpane button {
	background-color:black;
    background-image:none;
	border:0px; 
	/*box-shadow: 1px 1px 0px #ccc;*/
	color:#FFF;
	padding:8px 10px 8px 10px;
	text-transform:uppercase;
	float:right;
	margin-right:30px;}


.ui-dialog .ui-dialog-buttonpane button:hover {
	background-color:black;
	background-image:none;
	border:0px; 
	/*box-shadow: 1px 1px 0px #ccc;*/
	color:#FFF;
	padding:8px 10px 8px 10px;
	text-transform:uppercase;
	float:right;
	margin-right:30px;}

.ui-state-default .ui-icon {
    background-image: url(~/App_Themes/MaxValores/Images/cerrar.jpg) !important; /*{iconsDefault}*/
    background-position: 0 0 !important;
}

.ui-widget-overlay{
    z-index:1000 !important; 
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
    z-index:2000 !important;
}

.ui-icon{
    width:30px !important;
    height:30px !important;
}

/* AUTOCOMPLETE */

.ui-widget-content {
	border: 1px solid #aaaaaa/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
	color: #222222/*{fcContent}*/;
}


.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

/* MENU */
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

.ui-front {
	z-index: 100;
}




/* CALENDARIO FLECHAS HEADER */

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    margin-left: 0 !important;
    top: 0 !important;
    margin-top: 0 !important;
    background: url(/Content/MaxValores/img/flechaDetalleNext.png) no-repeat  top left  !important;
}


.ui-datepicker .ui-datepicker-prev span {
    background: url(/Content/MaxValores/img/flechaDetallePrev.png) no-repeat top left !important;
}

/**** DIALOGO BOXES EN PAGINA DETALLE *****/
.dialogBox .ui-dialog-titlebar .ui-icon 
{    background-image:none;
}
.ui-widget-content.dialogLoader {background-color:transparent;}
.dialogLoader .ui-dialog-titlebar {
    display:none;
}
/*!
 * jQuery UI CSS Framework 1.10.4
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


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

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*!
 * jQuery UI Dialog 1.10.4
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/dialog/#theming
 */
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

/*!
 * jQuery UI CSS Framework 1.10.4
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1.1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent} url(images/ui-bg_flat_75_ffffff_40x100.png)*//*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
	color: #222222/*{fcContent}*/;
}
.ui-widget-content a {
	color: #222222/*{fcContent}*/;
}
.ui-widget-header {
	color: #222222/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3/*{borderColorDefault}*/;
	background: #e6e6e6/*{bgColorDefault}*/ /*url(images/ui-bg_glass_75_e6e6e6_1x400.png){bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #555555/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999/*{borderColorHover}*/;
	background: #dadada/*{bgColorHover}*/ /*url(images/ui-bg_glass_75_dadada_1x400.png){bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121/*{fcHover}*/;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa/*{borderColorActive}*/;
	background: #ffffff/*{bgColorActive}*/ /*url(images/ui-bg_glass_65_ffffff_1x400.png){bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1/*{borderColorHighlight}*/;
	background: #fbf9ee/*{bgColorHighlight}*/ url(/Content/themes/base/images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;
	color: #363636/*{fcHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a/*{borderColorError}*/;
	background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

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

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	/*background-image: url(images/ui-icons_222222_256x240.png);/*{iconsContent}*/
}
.ui-widget-header .ui-icon {
	/*background-image: url(images/ui-icons_222222_256x240.png);/*{iconsHeader}*/
}
.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/;
}
.ui-state-active .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon {
	background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/;
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ /*url(images/ui-bg_flat_0_aaaaaa_40x100.png){bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
}
.ui-widget-shadow {
	margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
	padding: 8px/*{thicknessShadow}*/;
	background: #aaaaaa/*{bgColorShadow}*/ /*url(images/ui-bg_flat_0_aaaaaa_40x100.png){bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
	opacity: .3/*{opacityShadow}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
	border-radius: 8px/*{cornerRadiusShadow}*/;
}

/*!
 * jQuery UI Datepicker 1.10.4
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/*!
 * jQuery UI Slider 1.10.4
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

.gallery {
    position: relative;
    float: left;
    width: 100%;
}



    .gallery .control-button {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4);
    }

        .gallery .control-button:hover {
            color: white;
            color: rgba(255, 255, 255, 0.8);
        }

/*
	Theme controls how everything looks in Gallery CSS.
*/
.gallery {
    position: relative;
    float: left;
    width: 100%;
}


    .gallery .item img {
        width: 100%;
    }

    .gallery .controls {
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
    }

    .gallery .control-button {
        display: inline-block;
        margin: 0 .02em;
        font-size: 4em;
        text-align: center;
        text-decoration: none;
        transition: color .1s;
    }

figure {
    margin: 0;
}

.gallery .control-operator:nth-of-type(1):target ~ .secondary-controls[data-gallery-arrows="1"],
.gallery .control-operator:nth-of-type(2):target ~ .secondary-controls[data-gallery-arrows="2"],
.gallery .control-operator:nth-of-type(3):target ~ .secondary-controls[data-gallery-arrows="3"],
.gallery .control-operator:nth-of-type(4):target ~ .secondary-controls[data-gallery-arrows="4"],
.gallery .control-operator:nth-of-type(5):target ~ .secondary-controls[data-gallery-arrows="5"],
.gallery .control-operator:nth-of-type(6):target ~ .secondary-controls[data-gallery-arrows="6"],
.gallery .control-operator:nth-of-type(7):target ~ .secondary-controls[data-gallery-arrows="7"],
.gallery .control-operator:nth-of-type(8):target ~ .secondary-controls[data-gallery-arrows="8"],
.gallery .control-operator:nth-of-type(9):target ~ .secondary-controls[data-gallery-arrows="9"],
.gallery .control-operator:nth-of-type(10):target ~ .secondary-controls[data-gallery-arrows="10"],
.gallery .control-operator:nth-of-type(11):target ~ .secondary-controls[data-gallery-arrows="11"],
.gallery .control-operator:nth-of-type(12):target ~ .secondary-controls[data-gallery-arrows="12"],
.gallery .control-operator:nth-of-type(13):target ~ .secondary-controls[data-gallery-arrows="13"],
.gallery .control-operator:nth-of-type(14):target ~ .secondary-controls[data-gallery-arrows="14"],
.gallery .control-operator:nth-of-type(15):target ~ .secondary-controls[data-gallery-arrows="15"],
.gallery .control-operator:nth-of-type(16):target ~ .secondary-controls[data-gallery-arrows="16"],
.gallery .control-operator:nth-of-type(17):target ~ .secondary-controls[data-gallery-arrows="17"],
.gallery .control-operator:nth-of-type(18):target ~ .secondary-controls[data-gallery-arrows="18"],
.gallery .control-operator:nth-of-type(19):target ~ .secondary-controls[data-gallery-arrows="19"],
.gallery .control-operator:nth-of-type(20):target ~ .secondary-controls[data-gallery-arrows="20"],
.gallery .control-operator:nth-of-type(21):target ~ .secondary-controls[data-gallery-arrows="21"],
.gallery .control-operator:nth-of-type(22):target ~ .secondary-controls[data-gallery-arrows="22"],
.gallery .control-operator:nth-of-type(23):target ~ .secondary-controls[data-gallery-arrows="23"],
.gallery .control-operator:nth-of-type(24):target ~ .secondary-controls[data-gallery-arrows="24"],
.gallery .control-operator:nth-of-type(25):target ~ .secondary-controls[data-gallery-arrows="25"],
.gallery .control-operator:nth-of-type(26):target ~ .secondary-controls[data-gallery-arrows="26"],
.gallery .control-operator:nth-of-type(27):target ~ .secondary-controls[data-gallery-arrows="27"],
.gallery .control-operator:nth-of-type(28):target ~ .secondary-controls[data-gallery-arrows="28"],
.gallery .control-operator:nth-of-type(29):target ~ .secondary-controls[data-gallery-arrows="29"] {
    pointer-events: auto;
    z-index: 100;
    opacity: 1;
}





.gallery .secondary-controls {
    position: absolute;
    pointer-events: none;
    top: 45%;
    width: 100%;
    pointer-events: all;
    z-index: 0;
}



    .gallery .secondary-controls[data-gallery-arrows="1"] {
        z-index: 50;
        opacity: 0.5;
    }




.gallery .control-operator .secondary-controls {
    display: block;
}



.gallery .control-operator:target ~ .controls .control-button {
    opacity: 0.5;
}

.gallery .control-button:first-of-type,
.gallery .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1),
.gallery .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2),
.gallery .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3),
.gallery .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4),
.gallery .control-operator:nth-of-type(5):target ~ .controls .control-button:nth-of-type(5),
.gallery .control-operator:nth-of-type(6):target ~ .controls .control-button:nth-of-type(6),
.gallery .control-operator:nth-of-type(7):target ~ .controls .control-button:nth-of-type(7),
.gallery .control-operator:nth-of-type(8):target ~ .controls .control-button:nth-of-type(8),
.gallery .control-operator:nth-of-type(9):target ~ .controls .control-button:nth-of-type(9),
.gallery .control-operator:nth-of-type(10):target ~ .controls .control-button:nth-of-type(10) {
    opacity: 1;
}

.gallery .item:first-of-type {
    position: relative;
    opacity: 1;
    left: 0;
}



.gallery .item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: auto;
    opacity: 0;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    overflow: hidden;
    text-align: center;
    z-index: 0;
    overflow: hidden;
    text-align: center;
}

.gallery .control-operator {
    display: none;
}

    .gallery .control-operator:target ~ .item {
        pointer-events: none;
        opacity: 0;
        -webkit-animation: none;
        -o-animation: none;
        animation: none;
    }





    .gallery .control-operator:target ~ .controls .control-button {
        -webkit-animation: none;
        -o-animation: none;
        animation: none;
    }









@-webkit-keyframes arrowAnimation-2 {
  0% {
    z-index:0
  }

  14.3%, 50% {
    z-index:100
  }

  64.3%, 100% {
    z-index:0
  }
}

@-o-keyframes arrowAnimation-2 {
  0% {
    z-index:0
  }

  14.3%, 50% {
    z-index:100
  }

  64.3%, 100% {
    z-index:0
  }
}

@keyframes arrowAnimation-2 {
  0% {
    z-index:0
  }

  14.3%, 50% {
    z-index:100
  }

  64.3%, 100% {
   z-index:0
  }
}


.items-2.autoplay .secondary-controls {
  -webkit-animation: arrowAnimation-2 14s infinite;
  -o-animation: arrowAnimation-2 14s infinite;
  animation: arrowAnimation-2 14s infinite;
}

.items-2 .secondary-controls[data-gallery-arrows="1"] ,
.items-2 .item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}

.items-2 .secondary-controls[data-gallery-arrows="2"] ,
.items-2 .item:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}








@-webkit-keyframes controlAnimation-2 {
    0% {
        opacity: 0.5;
    }

    14.3%, 50% {
        opacity: 1;
        color: #fff;
    }

    64.3%, 100% {
        opacity: 0.5;
    }
}

@-o-keyframes controlAnimation-2 {
    0% {
        opacity: 0.5;
    }

    14.3%, 50% {
        opacity: 1;
        color: #fff;
    }

    64.3%, 100% {
        opacity: 0.5;
    }
}

@keyframes controlAnimation-2 {
    0% {
        opacity: 1;
        color: #ccc;
    }

    14.3%, 50% {
        opacity: 1;
        color: #fff;
    }

    64.3%, 100% {
        opacity: 1;
        color: #ccc;
    }
}

@-webkit-keyframes galleryAnimation-2 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    14.3%, 50% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

    64.3%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}



@-o-keyframes galleryAnimation-2 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    14.3%, 50% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

    64.3%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}

@keyframes galleryAnimation-2 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    14.3%, 50% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

    64.3%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}

.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
    pointer-events: auto;
    opacity: 1;
}

.items-2.autoplay .control-button {
    -webkit-animation: controlAnimation-2 14s infinite;
    -o-animation: controlAnimation-2 14s infinite;
    animation: controlAnimation-2 14s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.items-2.autoplay .item {
    -webkit-animation: galleryAnimation-2 14s infinite;
    -o-animation: galleryAnimation-2 14s infinite;
    animation: galleryAnimation-2 14s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.items-2 .control-button:nth-of-type(1),
.items-2 .item:nth-of-type(1) {
    -webkit-animation-delay: -2s;
    -o-animation-delay: -2s;
    animation-delay: -2s;
}

.items-2 .control-button:nth-of-type(2),
.items-2 .item:nth-of-type(2) {
    -webkit-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s;
}















@-webkit-keyframes arrowAnimation-3 {
  0% {
    z-index:0
  }

  9.5%, 33.3% {
    z-index:100
  }

  42.9%, 100% {
    z-index:0
 }
}

@-o-keyframes arrowAnimation-3 {
  0% {
    z-index:0
  }

  9.5%, 33.3% {
    z-index:100
 }

  42.9%, 100% {
    z-index:0
  }
}

@keyframes arrowAnimation-3 {
  0% {
    z-index:0
  }

  9.5%, 33.3% {
    z-index:100
  }

  42.9%, 100% {
    z-index:0
  }
}


.items-3.autoplay .secondary-controls {
  -webkit-animation: arrowAnimation-3 21s infinite;
  -o-animation: arrowAnimation-3 21s infinite;
  animation: arrowAnimation-3 21s infinite;
}


.items-3 .secondary-controls[data-gallery-arrows="1"],
.items-3 .item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}

.items-3 .secondary-controls[data-gallery-arrows="2"] ,
.items-3 .item:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}

.items-3 .secondary-controls[data-gallery-arrows="3"] ,
.items-3 .item:nth-of-type(3) {
  -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}


@-webkit-keyframes controlAnimation-3 {
    0% {
        opacity: 0.5;
    }

    9.5%, 33.3% {
        opacity: 1;
    }

    42.9%, 100% {
        opacity: 0.5;
    }
}

@-o-keyframes controlAnimation-3 {
    0% {
        opacity: 0.5;
    }

    9.5%, 33.3% {
        opacity: 1;
    }

    42.9%, 100% {
        opacity: 0.5;
    }
}

@keyframes controlAnimation-3 {
    0% {
        opacity: 0.5;
    }

    9.5%, 33.3% {
        opacity: 1;
    }

    42.9%, 100% {
        opacity: 0.5;
    }
}

@-webkit-keyframes galleryAnimation-3 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    9.5%, 33.3% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

    42.9%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}




@keyframes galleryAnimation-3 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    9.5%, 33.3% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

    42.9%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}

.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
    pointer-events: auto;
    opacity: 1;
}

.items-3.autoplay .control-button {
    -webkit-animation: controlAnimation-3 21s infinite;
    -o-animation: controlAnimation-3 21s infinite;
    animation: controlAnimation-3 21s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.items-3.autoplay .item {
    -webkit-animation: galleryAnimation-3 21s infinite;
    -o-animation: galleryAnimation-3 21s infinite;
    animation: galleryAnimation-3 21s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.items-3 .control-button:nth-of-type(1),
.items-3 .item:nth-of-type(1) {
    -webkit-animation-delay: -2s;
    -o-animation-delay: -2s;
    animation-delay: -2s;
}

.items-3 .control-button:nth-of-type(2),
.items-3 .item:nth-of-type(2) {
    -webkit-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s;
}

.items-3 .control-button:nth-of-type(3),
.items-3 .item:nth-of-type(3) {
    -webkit-animation-delay: 12s;
    -o-animation-delay: 12s;
    animation-delay: 12s;
}




















@-webkit-keyframes arrowAnimation-4 {
  0% {
    z-index:0
  }

  7.1%, 25% {
    z-index:100
  }

  32.1%, 100% {
    z-index:0
  }
}

@-o-keyframes arrowAnimation-4 {
  0% {
    z-index:0
  }

  7.1%, 25% {
    z-index:100
  }

  32.1%, 100% {
    z-index:0
  }
}

@keyframes arrowAnimation-4 {
  0% {
    z-index:0
  }

  7.1%, 25% {
    z-index:100
  }

  32.1%, 100% {
    z-index:0
  }
}


.items-4.autoplay .secondary-controls {
  -webkit-animation: arrowAnimation-4 28s infinite;
  -o-animation: arrowAnimation-4 28s infinite;
  animation: arrowAnimation-4 28s infinite;
}


.items-4 .secondary-controls[data-gallery-arrows="1"],
.items-4 .item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}

.items-4 .secondary-controls[data-gallery-arrows="2"] ,
.items-4 .item:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}

.items-4 .secondary-controls[data-gallery-arrows="3"] ,
.items-4 .item:nth-of-type(3) {
  -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}


.items-4 .secondary-controls[data-gallery-arrows="4"] ,
.items-4 .item:nth-of-type(4) {
  -webkit-animation-delay: 19s;
  -o-animation-delay: 19s;
  animation-delay: 19s;
}



@-webkit-keyframes controlAnimation-4 {
    0% {
        opacity: 0.5;
    }

    7.1%, 25% {
        opacity: 1;
        color: #fff;
    }

    32.1%, 100% {
        opacity: 0.5;
    }
}

@-o-keyframes controlAnimation-4 {
    0% {
        opacity: 0.5;
    }

    7.1%, 25% {
        opacity: 1;
        color: #fff;
    }

    32.1%, 100% {
        opacity: 0.5;
    }
}

@keyframes controlAnimation-4 {
    0% {
        opacity: 0.5;
    }

    7.1%, 25% {
        opacity: 1;
        color: #fff;
    }

    32.1%, 100% {
        opacity: 0.5;
    }
}

@-webkit-keyframes galleryAnimation-4 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    7.1%, 25% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

    32.1%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}



@-o-keyframes galleryAnimation-4 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    7.1%, 25% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

    32.1%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}

@keyframes galleryAnimation-4 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    7.1%, 25% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

    32.1%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}

.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
    pointer-events: auto;
    opacity: 1;
}

.items-4.autoplay .control-button {
    -webkit-animation: controlAnimation-4 28s infinite;
    -o-animation: controlAnimation-4 28s infinite;
    animation: controlAnimation-4 28s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.items-4.autoplay .item {
    -webkit-animation: galleryAnimation-4 28s infinite;
    -o-animation: galleryAnimation-4 28s infinite;
    animation: galleryAnimation-4 28s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.items-4 .control-button:nth-of-type(1),
.items-4 .item:nth-of-type(1) {
    -webkit-animation-delay: -2s;
    -o-animation-delay: -2s;
    animation-delay: -2s;
}

.items-4 .control-button:nth-of-type(2),
.items-4 .item:nth-of-type(2) {
    -webkit-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s;
}

.items-4 .control-button:nth-of-type(3),
.items-4 .item:nth-of-type(3) {
    -webkit-animation-delay: 12s;
    -o-animation-delay: 12s;
    animation-delay: 12s;
}

.items-4 .control-button:nth-of-type(4),
.items-4 .item:nth-of-type(4) {
    -webkit-animation-delay: 19s;
    -o-animation-delay: 19s;
    animation-delay: 19s;
}














@-webkit-keyframes arrowAnimation-5 {
  0% {
    z-index:0
  }

  5.7%, 20% {
   z-index:100
  }

  25.7%, 100% {
    z-index:0
  }
}

@-o-keyframes arrowAnimation-5 {
  0% {
    z-index:0
  }

  5.7%, 20% {
   z-index:100
  }

  25.7%, 100% {
    z-index:0
  }
}

@keyframes arrowAnimation-5 {
  0% {
    z-index:0
  }

  5.7%, 20% {
   z-index:100
  }

  25.7%, 100% {
    z-index:0
  }
}


.items-5.autoplay .secondary-controls {
  -webkit-animation: arrowAnimation-5 35s infinite;
  -o-animation: arrowAnimation-5 35s infinite;
  animation: arrowAnimation-5 35s infinite;
}


.items-5 .secondary-controls[data-gallery-arrows="1"],
.items-5 .item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}

.items-5 .secondary-controls[data-gallery-arrows="2"] ,
.items-5 .item:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}

.items-5 .secondary-controls[data-gallery-arrows="3"] ,
.items-5 .item:nth-of-type(3) {
  -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}


.items-5 .secondary-controls[data-gallery-arrows="4"] ,
.items-5 .item:nth-of-type(4) {
  -webkit-animation-delay: 19s;
  -o-animation-delay: 19s;
  animation-delay: 19s;
}


.items-5 .secondary-controls[data-gallery-arrows="5"] ,
.items-5 .item:nth-of-type(5) {
  -webkit-animation-delay: 26s;
  -o-animation-delay: 26s;
  animation-delay: 26s;
}





@-webkit-keyframes controlAnimation-5 {
    0% {
        opacity: 0.5;
    }

    5.7%, 20% {
        opacity: 1;
        color: #fff;
    }

    25.7%, 100% {
        opacity: 0.5;
    }
}

@-o-keyframes controlAnimation-5 {
    0% {
        opacity: 0.5;
    }

    5.7%, 20% {
        opacity: 1;
        color: #fff;
    }

    25.7%, 100% {
        opacity: 0.5;
    }
}

@keyframes controlAnimation-5 {
    0% {
        opacity: 0.5;
    }

    5.7%, 20% {
        opacity: 1;
        color: #fff;
    }

    25.7%, 100% {
        opacity: 0.5;
    }
}

@-webkit-keyframes galleryAnimation-5 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    5.7%, 20% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

    25.7%, 100% {
        opacity: 0;
        pointer-events: 0;
        z-index: 0;
    }
}

@-o-keyframes galleryAnimation-5 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    5.7%, 20% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

    25.7%, 100% {
        opacity: 0;
        pointer-events: 0;
        z-index: 0;
    }
}

@keyframes galleryAnimation-5 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    5.7%, 20% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

    25.7%, 100% {
        opacity: 0;
        pointer-events: 0;
        z-index: 0;
    }
}

.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) {
    pointer-events: auto;
    opacity: 1;
}

.items-5.autoplay .control-button {
    -webkit-animation: controlAnimation-5 35s infinite;
    -o-animation: controlAnimation-5 35s infinite;
    animation: controlAnimation-5 35s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.items-5.autoplay .item {
    -webkit-animation: galleryAnimation-5 35s infinite;
    -o-animation: galleryAnimation-5 35s infinite;
    animation: galleryAnimation-5 35s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.items-5 .control-button:nth-of-type(1),
.items-5 .item:nth-of-type(1) {
    -webkit-animation-delay: -2s;
    -o-animation-delay: -2s;
    animation-delay: -2s;
}

.items-5 .control-button:nth-of-type(2),
.items-5 .item:nth-of-type(2) {
    -webkit-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s;
}

.items-5 .control-button:nth-of-type(3),
.items-5 .item:nth-of-type(3) {
    -webkit-animation-delay: 12s;
    -o-animation-delay: 12s;
    animation-delay: 12s;
}

.items-5 .control-button:nth-of-type(4),
.items-5 .item:nth-of-type(4) {
    -webkit-animation-delay: 19s;
    -o-animation-delay: 19s;
    animation-delay: 19s;
}

.items-5 .control-button:nth-of-type(5),
.items-5 .item:nth-of-type(5) {
    -webkit-animation-delay: 26s;
    -o-animation-delay: 26s;
    animation-delay: 26s;
}





@-webkit-keyframes arrowAnimation-6 {
  0% {
    z-index:0
  }

  5.7%, 16.6% {
    z-index:100
  }

  22.3%, 100% {
    z-index:0
  }
}

@-o-keyframes arrowAnimation-6 {
  0% {
    z-index:0
  }

  5.7%, 16.6% {
    z-index:100
  }

  22.3%, 100% {
    z-index:0
  }
}

@keyframes arrowAnimation-6 {
  0% {
    z-index:0
  }

  5.7%, 16.6% {
    z-index:100
  }

  22.3%, 100% {
    z-index:0
  }
}



.items-6.autoplay .secondary-controls {
  -webkit-animation: arrowAnimation-6 42s infinite;
  -o-animation: arrowAnimation-6 42s infinite;
  animation: arrowAnimation-6 42s infinite;
}


.items-6 .secondary-controls[data-gallery-arrows="1"],
.items-6 .item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}

.items-6 .secondary-controls[data-gallery-arrows="2"] ,
.items-6 .item:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}

.items-6 .secondary-controls[data-gallery-arrows="3"] ,
.items-6 .item:nth-of-type(3) {
  -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}


.items-6 .secondary-controls[data-gallery-arrows="4"] ,
.items-6 .item:nth-of-type(4) {
  -webkit-animation-delay: 19s;
  -o-animation-delay: 19s;
  animation-delay: 19s;
}


.items-6 .secondary-controls[data-gallery-arrows="5"] ,
.items-6 .item:nth-of-type(5) {
  -webkit-animation-delay: 26s;
  -o-animation-delay: 26s;
  animation-delay: 26s;
}



.items-6 .secondary-controls[data-gallery-arrows="6"] ,
.items-6 .item:nth-of-type(6) {
  -webkit-animation-delay: 33s;
  -o-animation-delay: 33s;
  animation-delay: 33s;
}



@-webkit-keyframes controlAnimation-6 {
    0% {
        opacity: 0.5;
    }

    4.2%, 16.6% {
        opacity: 1;
        color: #fff;
    }

    22.3%, 100% {
        opacity: 0.5;
    }
}

@-o-keyframes controlAnimation-6 {
    0% {
        opacity: 0.5;
    }

    4.2%, 16.6% {
        opacity: 1;
        color: #fff;
    }

    22.3%, 100% {
        opacity: 0.5;
    }
}

@keyframes controlAnimation-6 {
    0% {
        opacity: 0.5;
    }

    4.2%, 16.6% {
        opacity: 1;
        color: #fff;
    }

    22.3%, 100% {
        opacity: 0.5;
    }
}

@-webkit-keyframes galleryAnimation-6 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    4.2%, 16.6% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

    22.3%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}


@-o-keyframes galleryAnimation-6 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    4.2%, 16.6% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

    22.3%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}

@keyframes galleryAnimation-6 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    4.2%, 16.6% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

    22.3%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}

.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(6):target ~ .item:nth-of-type(6) {
    pointer-events: auto;
    opacity: 1;
}

.items-6.autoplay .control-button {
    -webkit-animation: controlAnimation-6 42s infinite;
    -o-animation: controlAnimation-6 42s infinite;
    animation: controlAnimation-6 42s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.items-6.autoplay .item {
    -webkit-animation: galleryAnimation-6 42s infinite;
    -o-animation: galleryAnimation-6 42s infinite;
    animation: galleryAnimation-6 42s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.items-6 .control-button:nth-of-type(1),
.items-6 .item:nth-of-type(1) {
    -webkit-animation-delay: -2s;
    -o-animation-delay: -2s;
    animation-delay: -2s;
}

.items-6 .control-button:nth-of-type(2),
.items-6 .item:nth-of-type(2) {
    -webkit-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s;
}

.items-6 .control-button:nth-of-type(3),
.items-6 .item:nth-of-type(3) {
    -webkit-animation-delay: 12s;
    -o-animation-delay: 12s;
    animation-delay: 12s;
}

.items-6 .control-button:nth-of-type(4),
.items-6 .item:nth-of-type(4) {
    -webkit-animation-delay: 19s;
    -o-animation-delay: 19s;
    animation-delay: 19s;
}

.items-6 .control-button:nth-of-type(5),
.items-6 .item:nth-of-type(5) {
    -webkit-animation-delay: 26s;
    -o-animation-delay: 26s;
    animation-delay: 26s;
}

.items-6 .control-button:nth-of-type(6),
.items-6 .item:nth-of-type(6) {
    -webkit-animation-delay: 33s;
    -o-animation-delay: 33s;
    animation-delay: 33s;
}







@-webkit-keyframes arrowAnimation-7 {
  0% {
    z-index:0
  }

  5%, 14.3% {
    z-index:100
  }

  19.3%, 100% {
    z-index:0
  }
}

@-o-keyframes arrowAnimation-7 {
  0% {
    z-index:0
  }

  5%, 14.3% {
    z-index:100
  }

  19.3%, 100% {
    z-index:0
  }
}

@keyframes arrowAnimation-7 {
  0% {
    z-index:0
  }

  5%, 14.3% {
    z-index:100
  }

  19.3%, 100% {
    z-index:0
  }
}



.items-7.autoplay .secondary-controls {
  -webkit-animation: arrowAnimation-7 49s infinite;
  -o-animation: arrowAnimation-4 49s infinite;
  animation: arrowAnimation-4 49s infinite;
}


.items-7 .secondary-controls[data-gallery-arrows="1"],
.items-7 .item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}

.items-7 .secondary-controls[data-gallery-arrows="2"] ,
.items-7 .item:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}

.items-7 .secondary-controls[data-gallery-arrows="3"] ,
.items-7 .item:nth-of-type(3) {
  -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}


.items-7 .secondary-controls[data-gallery-arrows="4"] ,
.items-7 .item:nth-of-type(4) {
  -webkit-animation-delay: 19s;
  -o-animation-delay: 19s;
  animation-delay: 19s;
}


.items-7 .secondary-controls[data-gallery-arrows="5"] ,
.items-7 .item:nth-of-type(5) {
  -webkit-animation-delay: 26s;
  -o-animation-delay: 26s;
  animation-delay: 26s;
}



.items-7 .secondary-controls[data-gallery-arrows="6"] ,
.items-7 .item:nth-of-type(6) {
  -webkit-animation-delay: 33s;
  -o-animation-delay: 33s;
  animation-delay: 33s;
}



.items-7 .secondary-controls[data-gallery-arrows="7"] ,
.items-7 .item:nth-of-type(7) {
  -webkit-animation-delay: 40s;
  -o-animation-delay: 40s;
  animation-delay: 40s;
}




@-webkit-keyframes controlAnimation-7 {
    0% {
        opacity: 0.5;
    }

    5%, 14.3% {
        opacity: 1;
        color: #fff;
    }

    19.3%, 100% {
        opacity: 0.5;
    }
}

@-o-keyframes controlAnimation-7 {
    0% {
        opacity: 0.5;
    }

    5%, 14.3% {
        opacity: 1;
        color: #fff;
    }

    19.3%, 100% {
        opacity: 0.5;
    }
}

@keyframes controlAnimation-7 {
    0% {
        opacity: 0.5;
    }

    5%, 14.3% {
        opacity: 1;
        color: #fff;
    }

    19.3%, 100% {
        opacity: 0.5;
    }
}

@-webkit-keyframes galleryAnimation-7 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    5%, 14.3% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

    19.3%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}

@-o-keyframes galleryAnimation-7 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    5%, 14.3% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

    19.3%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}

@keyframes galleryAnimation-7 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    5%, 14.3% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

    19.3%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}

.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(6):target ~ .item:nth-of-type(6) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(7):target ~ .item:nth-of-type(7) {
    pointer-events: auto;
    opacity: 1;
}

.items-7.autoplay .control-button {
    -webkit-animation: controlAnimation-7 49s infinite;
    -o-animation: controlAnimation-7 49s infinite;
    animation: controlAnimation-7 49s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.items-7.autoplay .item {
    -webkit-animation: galleryAnimation-7 49s infinite;
    -o-animation: galleryAnimation-7 49s infinite;
    animation: galleryAnimation-7 49s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.items-7 .control-button:nth-of-type(1),
.items-7 .item:nth-of-type(1) {
    -webkit-animation-delay: -2s;
    -o-animation-delay: -2s;
    animation-delay: -2s;
}

.items-7 .control-button:nth-of-type(2),
.items-7 .item:nth-of-type(2) {
    -webkit-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s;
}

.items-7 .control-button:nth-of-type(3),
.items-7 .item:nth-of-type(3) {
    -webkit-animation-delay: 12s;
    -o-animation-delay: 12s;
    animation-delay: 12s;
}

.items-7 .control-button:nth-of-type(4),
.items-7 .item:nth-of-type(4) {
    -webkit-animation-delay: 19s;
    -o-animation-delay: 19s;
    animation-delay: 19s;
}

.items-7 .control-button:nth-of-type(5),
.items-7 .item:nth-of-type(5) {
    -webkit-animation-delay: 26s;
    -o-animation-delay: 26s;
    animation-delay: 26s;
}

.items-7 .control-button:nth-of-type(6),
.items-7 .item:nth-of-type(6) {
    -webkit-animation-delay: 33s;
    -o-animation-delay: 33s;
    animation-delay: 33s;
}

.items-7 .control-button:nth-of-type(7),
.items-7 .item:nth-of-type(7) {
    -webkit-animation-delay: 40s;
    -o-animation-delay: 40s;
    animation-delay: 40s;
}











@-webkit-keyframes arrowAnimation-8 {
  0% {
    z-index:0
  }

  4.7%, 12.5% {
    z-index:100
  }

  17.2%, 100% {
    z-index:0
  }
}

@-o-keyframes arrowAnimation-8 {
  0% {
    z-index:0
  }

  4.7%, 12.5% {
    z-index:100
  }

  17.2%, 100% {
    z-index:0
  }
}

@keyframes arrowAnimation-8 {
  0% {
    z-index:0
  }

  4.7%, 12.5% {
    z-index:100
  }

  17.2%, 100% {
    z-index:0
  }
}



.items-8.autoplay .secondary-controls {
  -webkit-animation: arrowAnimation-8 56s infinite;
  -o-animation: arrowAnimation-8 56s infinite;
  animation: arrowAnimation-8 56s infinite;
}


.items-8 .secondary-controls[data-gallery-arrows="1"],
.items-8 .item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}

.items-8 .secondary-controls[data-gallery-arrows="2"] ,
.items-8 .item:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}

.items-8 .secondary-controls[data-gallery-arrows="3"] ,
.items-8 .item:nth-of-type(3) {
  -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}


.items-8 .secondary-controls[data-gallery-arrows="4"] ,
.items-8 .item:nth-of-type(4) {
  -webkit-animation-delay: 19s;
  -o-animation-delay: 19s;
  animation-delay: 19s;
}


.items-8 .secondary-controls[data-gallery-arrows="5"] ,
.items-8 .item:nth-of-type(5) {
  -webkit-animation-delay: 26s;
  -o-animation-delay: 26s;
  animation-delay: 26s;
}



.items-8 .secondary-controls[data-gallery-arrows="6"] ,
.items-8 .item:nth-of-type(6) {
  -webkit-animation-delay: 33s;
  -o-animation-delay: 33s;
  animation-delay: 33s;
}



.items-8 .secondary-controls[data-gallery-arrows="7"] ,
.items-8 .item:nth-of-type(7) {
  -webkit-animation-delay: 40s;
  -o-animation-delay: 40s;
  animation-delay: 40s;
}


.items-8 .secondary-controls[data-gallery-arrows="8"] ,
.items-8 .item:nth-of-type(8) {
  -webkit-animation-delay: 47s;
  -o-animation-delay: 47s;
  animation-delay: 47s;
}


@-webkit-keyframes controlAnimation-8 {
    0% {
        opacity: 0.5;
    }

    4.7%, 12.5% {
        opacity: 1;
        color: #fff;
    }

    17.2%, 100% {
        opacity: 0.5;
    }
}



@-o-keyframes controlAnimation-8 {
    0% {
        opacity: 0.5;
    }

    4.7%, 12.5% {
        opacity: 1;
        color: #fff;
    }

    17.2%, 100% {
        opacity: 0.5;
    }
}

@keyframes controlAnimation-8 {
    0% {
        opacity: 0.5;
    }

    4.7%, 12.5% {
        opacity: 1;
        color: #fff;
    }

    17.2%, 100% {
        opacity: 0.5;
    }
}

@-webkit-keyframes galleryAnimation-8 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    4.7%, 12.5% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

    17.2%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}

@-o-keyframes galleryAnimation-8 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    4.7%, 12.5% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

    17.2%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}

@keyframes galleryAnimation-8 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    4.7%, 12.5% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

    17.2%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}

.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(6):target ~ .item:nth-of-type(6) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(7):target ~ .item:nth-of-type(7) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(8):target ~ .item:nth-of-type(8) {
    pointer-events: auto;
    opacity: 1;
}


.items-8.autoplay .control-button {
    -webkit-animation: controlAnimation-8 56s infinite;
    -o-animation: controlAnimation-8 56s infinite;
    animation: controlAnimation-8 56s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.items-8.autoplay .item {
    -webkit-animation: galleryAnimation-8 56s infinite;
    -o-animation: galleryAnimation-8 56s infinite;
    animation: galleryAnimation-8 56s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.items-8 .control-button:nth-of-type(1),
.items-8 .item:nth-of-type(1) {
    -webkit-animation-delay: -2s;
    -o-animation-delay: -2s;
    animation-delay: -2s;
}

.items-8 .control-button:nth-of-type(2),
.items-8 .item:nth-of-type(2) {
    -webkit-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s;
}

.items-8 .control-button:nth-of-type(3),
.items-8 .item:nth-of-type(3) {
    -webkit-animation-delay: 12s;
    -o-animation-delay: 12s;
    animation-delay: 12s;
}

.items-8 .control-button:nth-of-type(4),
.items-8 .item:nth-of-type(4) {
    -webkit-animation-delay: 19s;
    -o-animation-delay: 19s;
    animation-delay: 19s;
}

.items-8 .control-button:nth-of-type(5),
.items-8 .item:nth-of-type(5) {
    -webkit-animation-delay: 26s;
    -o-animation-delay: 26s;
    animation-delay: 26s;
}

.items-8 .control-button:nth-of-type(6),
.items-8 .item:nth-of-type(6) {
    -webkit-animation-delay: 33s;
    -o-animation-delay: 33s;
    animation-delay: 33s;
}

.items-8 .control-button:nth-of-type(7),
.items-8 .item:nth-of-type(7) {
    -webkit-animation-delay: 40s;
    -o-animation-delay: 40s;
    animation-delay: 40s;
}

.items-8 .control-button:nth-of-type(8),
.items-8 .item:nth-of-type(8) {
    -webkit-animation-delay: 47s;
    -o-animation-delay: 47s;
    animation-delay: 47s;
}





@-webkit-keyframes arrowAnimation-9 {
  0% {
    z-index:0
  }

  4.5%, 11% {
    z-index:100
  }

  15.5%, 100% {
    z-index:0
  }
}

@-o-keyframes arrowAnimation-9 {
  0% {
    z-index:0
  }

  4.5%, 11% {
    z-index:100
  }

  15.5%, 100% {
    z-index:0
  }
}

@keyframes arrowAnimation-9 {
  0% {
    z-index:0
  }

  4.5%, 11% {
    z-index:100
  }

  15.5%, 100% {
    z-index:0
  }
}



.items-9.autoplay .secondary-controls {
  -webkit-animation: arrowAnimation-9 63s infinite;
  -o-animation: arrowAnimation-9 63s infinite;
  animation: arrowAnimation-9 63s infinite;
}


.items-9 .secondary-controls[data-gallery-arrows="1"],
.items-9 .item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}

.items-9 .secondary-controls[data-gallery-arrows="2"] ,
.items-9 .item:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}

.items-9 .secondary-controls[data-gallery-arrows="3"] ,
.items-9 .item:nth-of-type(3) {
  -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}


.items-9 .secondary-controls[data-gallery-arrows="4"] ,
.items-9 .item:nth-of-type(4) {
  -webkit-animation-delay: 19s;
  -o-animation-delay: 19s;
  animation-delay: 19s;
}


.items-9 .secondary-controls[data-gallery-arrows="5"] ,
.items-9 .item:nth-of-type(5) {
  -webkit-animation-delay: 26s;
  -o-animation-delay: 26s;
  animation-delay: 26s;
}



.items-9 .secondary-controls[data-gallery-arrows="6"] ,
.items-9 .item:nth-of-type(6) {
  -webkit-animation-delay: 33s;
  -o-animation-delay: 33s;
  animation-delay: 33s;
}



.items-9 .secondary-controls[data-gallery-arrows="7"] ,
.items-9 .item:nth-of-type(7) {
  -webkit-animation-delay: 40s;
  -o-animation-delay: 40s;
  animation-delay: 40s;
}


.items-9 .secondary-controls[data-gallery-arrows="8"] ,
.items-9 .item:nth-of-type(8) {
  -webkit-animation-delay: 47s;
  -o-animation-delay: 47s;
  animation-delay: 47s;
}

.items-9 .secondary-controls[data-gallery-arrows="9"] ,
.items-9 .item:nth-of-type(9) {
  -webkit-animation-delay: 54s;
  -o-animation-delay: 54s;
  animation-delay: 54s;
}


@-webkit-keyframes controlAnimation-9 {
    0% {
        opacity: 0.5;
    }

    4.5%, 11% {
        opacity: 1;
        color: #fff;
    }

    15.5%, 100% {
        opacity: 0.5;
    }
}



@-o-keyframes controlAnimation-9 {
    0% {
        opacity: 0.5;
    }

    4.5%, 11% {
        opacity: 1;
        color: #fff;
    }

    15.5%, 100% {
        opacity: 0.5;
    }
}

@keyframes controlAnimation-9 {
    0% {
        opacity: 0.5;
    }

    4.5%, 11% {
        opacity: 1;
        color: #fff;
    }

    15.5%, 100% {
        opacity: 0.5;
    }
}

@-webkit-keyframes galleryAnimation-9 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    4.5%, 11% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

    15.5%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}

@-o-keyframes galleryAnimation-9 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    4.5%, 11% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

    15.5%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}

@keyframes galleryAnimation-9 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    4.5%, 11% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

    15.5%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}

.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(6):target ~ .item:nth-of-type(6) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(7):target ~ .item:nth-of-type(7) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(8):target ~ .item:nth-of-type(8) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(9):target ~ .item:nth-of-type(9) {
    pointer-events: auto;
    opacity: 1;
}


.items-9.autoplay .control-button {
    -webkit-animation: controlAnimation-9 63s infinite;
    -o-animation: controlAnimation-9 63s infinite;
    animation: controlAnimation-9 63s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.items-9.autoplay .item {
    -webkit-animation: galleryAnimation-9 63s infinite;
    -o-animation: galleryAnimation-9 63s infinite;
    animation: galleryAnimation-9 63s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.items-9 .control-button:nth-of-type(1),
.items-9 .item:nth-of-type(1) {
    -webkit-animation-delay: -2s;
    -o-animation-delay: -2s;
    animation-delay: -2s;
}

.items-9 .control-button:nth-of-type(2),
.items-9 .item:nth-of-type(2) {
    -webkit-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s;
}

.items-9 .control-button:nth-of-type(3),
.items-9 .item:nth-of-type(3) {
    -webkit-animation-delay: 12s;
    -o-animation-delay: 12s;
    animation-delay: 12s;
}

.items-9 .control-button:nth-of-type(4),
.items-9 .item:nth-of-type(4) {
    -webkit-animation-delay: 19s;
    -o-animation-delay: 19s;
    animation-delay: 19s;
}

.items-9 .control-button:nth-of-type(5),
.items-9 .item:nth-of-type(5) {
    -webkit-animation-delay: 26s;
    -o-animation-delay: 26s;
    animation-delay: 26s;
}

.items-9 .control-button:nth-of-type(6),
.items-9 .item:nth-of-type(6) {
    -webkit-animation-delay: 33s;
    -o-animation-delay: 33s;
    animation-delay: 33s;
}

.items-9 .control-button:nth-of-type(7),
.items-9 .item:nth-of-type(7) {
    -webkit-animation-delay: 40s;
    -o-animation-delay: 40s;
    animation-delay: 40s;
}

.items-9 .control-button:nth-of-type(8),
.items-9 .item:nth-of-type(8) {
    -webkit-animation-delay: 47s;
    -o-animation-delay: 47s;
    animation-delay: 47s;
}

.items-9 .control-button:nth-of-type(9),
.items-9 .item:nth-of-type(9) {
    -webkit-animation-delay: 54s;
    -o-animation-delay: 54s;
    animation-delay: 54s;
}





@-webkit-keyframes arrowAnimation-10 {
  0% {
    z-index:0
  }

  4.3%, 10% {
    z-index:100
  }

  14.3%, 100% {
    z-index:0
  }
}

@-o-keyframes arrowAnimation-10 {
  0% {
    z-index:0
  }

  4.3%, 10% {
    z-index:100
  }

  14.3%, 100% {
    z-index:0
  }
}

@keyframes arrowAnimation-10 {
  0% {
    z-index:0
  }

  4.3%, 10% {
    z-index:100
  }

  14.3%, 100% {
    z-index:0
  }
}



.items-10.autoplay .secondary-controls {
  -webkit-animation: arrowAnimation-10 70s infinite;
  -o-animation: arrowAnimation-10 70s infinite;
  animation: arrowAnimation-10 70s infinite;
}


.items-10 .secondary-controls[data-gallery-arrows="1"],
.items-10 .item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}

.items-10 .secondary-controls[data-gallery-arrows="2"] ,
.items-10 .item:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}

.items-10 .secondary-controls[data-gallery-arrows="3"] ,
.items-10 .item:nth-of-type(3) {
  -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}


.items-10 .secondary-controls[data-gallery-arrows="4"] ,
.items-10 .item:nth-of-type(4) {
  -webkit-animation-delay: 19s;
  -o-animation-delay: 19s;
  animation-delay: 19s;
}


.items-10 .secondary-controls[data-gallery-arrows="5"] ,
.items-10 .item:nth-of-type(5) {
  -webkit-animation-delay: 26s;
  -o-animation-delay: 26s;
  animation-delay: 26s;
}



.items-10 .secondary-controls[data-gallery-arrows="6"] ,
.items-10 .item:nth-of-type(6) {
  -webkit-animation-delay: 33s;
  -o-animation-delay: 33s;
  animation-delay: 33s;
}



.items-10 .secondary-controls[data-gallery-arrows="7"] ,
.items-10 .item:nth-of-type(7) {
  -webkit-animation-delay: 40s;
  -o-animation-delay: 40s;
  animation-delay: 40s;
}


.items-10 .secondary-controls[data-gallery-arrows="8"] ,
.items-10 .item:nth-of-type(8) {
  -webkit-animation-delay: 47s;
  -o-animation-delay: 47s;
  animation-delay: 47s;
}

.items-10 .secondary-controls[data-gallery-arrows="9"] ,
.items-10 .item:nth-of-type(9) {
  -webkit-animation-delay: 54s;
  -o-animation-delay: 54s;
  animation-delay: 54s;
}


.items-10 .secondary-controls[data-gallery-arrows="10"] ,
.items-10 .item:nth-of-type(10) {
  -webkit-animation-delay: 61s;
  -o-animation-delay: 61s;
  animation-delay: 61s;
}


@-webkit-keyframes controlAnimation-10 {
    0% {
        opacity: 0.5;
    }

    4.3%, 10% {
        opacity: 1;
        color: #fff;
    }

    14.3%, 100% {
        opacity: 0.5;
    }
}



@-o-keyframes controlAnimation-10 {
    0% {
        opacity: 0.5;
    }

    4.3%, 10% {
        opacity: 1;
        color: #fff;
    }

    14.3%, 100% {
        opacity: 0.5;
    }
}

@keyframes controlAnimation-10 {
    0% {
        opacity: 0.5;
    }

    4.3%, 10% {
        opacity: 1;
        color: #fff;
    }

    14.3%, 100% {
        opacity: 0.5;
    }
}

@-webkit-keyframes galleryAnimation-10 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    4.3%, 10% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

   14.3%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}

@-o-keyframes galleryAnimation-10 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    4.3%, 10% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

   14.3%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}

@keyframes galleryAnimation-10 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    4.3%, 10% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

   14.3%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}

.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(6):target ~ .item:nth-of-type(6) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(7):target ~ .item:nth-of-type(7) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(8):target ~ .item:nth-of-type(8) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(9):target ~ .item:nth-of-type(9) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(10):target ~ .item:nth-of-type(10) {
    pointer-events: auto;
    opacity: 1;
}


.items-10.autoplay .control-button {
    -webkit-animation: controlAnimation-10 70s infinite;
    -o-animation: controlAnimation-10 70s infinite;
    animation: controlAnimation-10 70s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.items-10.autoplay .item {
    -webkit-animation: galleryAnimation-10 70s infinite;
    -o-animation: galleryAnimation-10 70s infinite;
    animation: galleryAnimation-10 70s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.items-10 .control-button:nth-of-type(1),
.items-10 .item:nth-of-type(1) {
    -webkit-animation-delay: -2s;
    -o-animation-delay: -2s;
    animation-delay: -2s;
}

.items-10 .control-button:nth-of-type(2),
.items-10 .item:nth-of-type(2) {
    -webkit-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s;
}

.items-10 .control-button:nth-of-type(3),
.items-10 .item:nth-of-type(3) {
    -webkit-animation-delay: 12s;
    -o-animation-delay: 12s;
    animation-delay: 12s;
}

.items-10 .control-button:nth-of-type(4),
.items-10 .item:nth-of-type(4) {
    -webkit-animation-delay: 19s;
    -o-animation-delay: 19s;
    animation-delay: 19s;
}

.items-10 .control-button:nth-of-type(5),
.items-10 .item:nth-of-type(5) {
    -webkit-animation-delay: 26s;
    -o-animation-delay: 26s;
    animation-delay: 26s;
}

.items-10 .control-button:nth-of-type(6),
.items-10 .item:nth-of-type(6) {
    -webkit-animation-delay: 33s;
    -o-animation-delay: 33s;
    animation-delay: 33s;
}

.items-10 .control-button:nth-of-type(7),
.items-10 .item:nth-of-type(7) {
    -webkit-animation-delay: 40s;
    -o-animation-delay: 40s;
    animation-delay: 40s;
}

.items-10 .control-button:nth-of-type(8),
.items-10 .item:nth-of-type(8) {
    -webkit-animation-delay: 47s;
    -o-animation-delay: 47s;
    animation-delay: 47s;
}

.items-10 .control-button:nth-of-type(9),
.items-10 .item:nth-of-type(9) {
    -webkit-animation-delay: 54s;
    -o-animation-delay: 54s;
    animation-delay: 54s;
}


.items-10 .control-button:nth-of-type(10),
.items-10 .item:nth-of-type(10) {
    -webkit-animation-delay: 63s;
    -o-animation-delay: 63s;
    animation-delay: 63s;
}






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




@-webkit-keyframes arrowAnimation-13 {
  0% {
    z-index:0
  }

  4.3%, 10% {
    z-index:100
  }

  14.3%, 100% {
    z-index:0
  }
}

@-o-keyframes arrowAnimation-13 {
  0% {
    z-index:0
  }

  4.3%, 10% {
    z-index:100
  }

  14.3%, 100% {
    z-index:0
  }
}

@keyframes arrowAnimation-13 {
  0% {
    z-index:0
  }

  4.3%, 10% {
    z-index:100
  }

  14.3%, 100% {
    z-index:0
  }
}



.items-13.autoplay .secondary-controls {
  -webkit-animation: arrowAnimation-13 91s infinite;
  -o-animation: arrowAnimation-13 91s infinite;
  animation: arrowAnimation-13 91s infinite;
}


.items-13 .secondary-controls[data-gallery-arrows="1"],
.items-13 .item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}

.items-13 .secondary-controls[data-gallery-arrows="2"] ,
.items-13 .item:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}

.items-13 .secondary-controls[data-gallery-arrows="3"] ,
.items-13 .item:nth-of-type(3) {
  -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}


.items-13 .secondary-controls[data-gallery-arrows="4"] ,
.items-13 .item:nth-of-type(4) {
  -webkit-animation-delay: 19s;
  -o-animation-delay: 19s;
  animation-delay: 19s;
}


.items-13 .secondary-controls[data-gallery-arrows="5"] ,
.items-13 .item:nth-of-type(5) {
  -webkit-animation-delay: 26s;
  -o-animation-delay: 26s;
  animation-delay: 26s;
}



.items-13 .secondary-controls[data-gallery-arrows="6"] ,
.items-13 .item:nth-of-type(6) {
  -webkit-animation-delay: 33s;
  -o-animation-delay: 33s;
  animation-delay: 33s;
}



.items-13 .secondary-controls[data-gallery-arrows="7"] ,
.items-13 .item:nth-of-type(7) {
  -webkit-animation-delay: 40s;
  -o-animation-delay: 40s;
  animation-delay: 40s;
}


.items-13 .secondary-controls[data-gallery-arrows="8"] ,
.items-13 .item:nth-of-type(8) {
  -webkit-animation-delay: 47s;
  -o-animation-delay: 47s;
  animation-delay: 47s;
}

.items-13 .secondary-controls[data-gallery-arrows="9"] ,
.items-13 .item:nth-of-type(9) {
  -webkit-animation-delay: 54s;
  -o-animation-delay: 54s;
  animation-delay: 54s;
}


.items-13 .secondary-controls[data-gallery-arrows="10"] ,
.items-13 .item:nth-of-type(10) {
  -webkit-animation-delay: 61s;
  -o-animation-delay: 61s;
  animation-delay: 61s;
}


.items-13 .secondary-controls[data-gallery-arrows="11"] ,
.items-13 .item:nth-of-type(11) {
  -webkit-animation-delay: 68s;
  -o-animation-delay: 68s;
  animation-delay: 68s;
}


.items-13 .secondary-controls[data-gallery-arrows="12"] ,
.items-13 .item:nth-of-type(12) {
  -webkit-animation-delay: 75s;
  -o-animation-delay: 75s;
  animation-delay: 75s;
}


.items-13 .secondary-controls[data-gallery-arrows="13"] ,
.items-13 .item:nth-of-type(13) {
  -webkit-animation-delay: 82s;
  -o-animation-delay: 82s;
  animation-delay: 82s;
}


@-webkit-keyframes controlAnimation-13 {
    0% {
        opacity: 0.5;
    }

    4.3%, 10% {
        opacity: 1;
        color: #fff;
    }

    14.3%, 100% {
        opacity: 0.5;
    }
}



@-o-keyframes controlAnimation-13 {
    0% {
        opacity: 0.5;
    }

    4.3%, 10% {
        opacity: 1;
        color: #fff;
    }

    14.3%, 100% {
        opacity: 0.5;
    }
}

@keyframes controlAnimation-13 {
    0% {
        opacity: 0.5;
    }

    4.3%, 10% {
        opacity: 1;
        color: #fff;
    }

    14.3%, 100% {
        opacity: 0.5;
    }
}

@-webkit-keyframes galleryAnimation-13 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    4.3%, 10% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

   14.3%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}

@-o-keyframes galleryAnimation-13 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    4.3%, 10% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

   14.3%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}

@keyframes galleryAnimation-13 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
    }

    4.3%, 10% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
    }

   14.3%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}

.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(6):target ~ .item:nth-of-type(6) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(7):target ~ .item:nth-of-type(7) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(8):target ~ .item:nth-of-type(8) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(9):target ~ .item:nth-of-type(9) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(10):target ~ .item:nth-of-type(10) {
    pointer-events: auto;
    opacity: 1;
}


.gallery .control-operator:nth-of-type(11):target ~ .item:nth-of-type(11) {
    pointer-events: auto;
    opacity: 1;
}

.gallery .control-operator:nth-of-type(12):target ~ .item:nth-of-type(12) {
    pointer-events: auto;
    opacity: 1;
}


.gallery .control-operator:nth-of-type(13):target ~ .item:nth-of-type(13) {
    pointer-events: auto;
    opacity: 1;
}

.items-13.autoplay .control-button {
    -webkit-animation: controlAnimation-13 91s infinite;
    -o-animation: controlAnimation-13 91s infinite;
    animation: controlAnimation-13 91s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.items-13.autoplay .item {
    -webkit-animation: galleryAnimation-13 91s infinite;
    -o-animation: galleryAnimation-13 91s infinite;
    animation: galleryAnimation-13 91s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.items-13 .control-button:nth-of-type(1),
.items-13 .item:nth-of-type(1) {
    -webkit-animation-delay: -2s;
    -o-animation-delay: -2s;
    animation-delay: -2s;
}

.items-13 .control-button:nth-of-type(2),
.items-13 .item:nth-of-type(2) {
    -webkit-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s;
}

.items-13 .control-button:nth-of-type(3),
.items-13 .item:nth-of-type(3) {
    -webkit-animation-delay: 12s;
    -o-animation-delay: 12s;
    animation-delay: 12s;
}

.items-13 .control-button:nth-of-type(4),
.items-13 .item:nth-of-type(4) {
    -webkit-animation-delay: 19s;
    -o-animation-delay: 19s;
    animation-delay: 19s;
}

.items-13 .control-button:nth-of-type(5),
.items-13 .item:nth-of-type(5) {
    -webkit-animation-delay: 26s;
    -o-animation-delay: 26s;
    animation-delay: 26s;
}

.items-13 .control-button:nth-of-type(6),
.items-13 .item:nth-of-type(6) {
    -webkit-animation-delay: 33s;
    -o-animation-delay: 33s;
    animation-delay: 33s;
}

.items-13 .control-button:nth-of-type(7),
.items-13 .item:nth-of-type(7) {
    -webkit-animation-delay: 40s;
    -o-animation-delay: 40s;
    animation-delay: 40s;
}

.items-13 .control-button:nth-of-type(8),
.items-13 .item:nth-of-type(8) {
    -webkit-animation-delay: 47s;
    -o-animation-delay: 47s;
    animation-delay: 47s;
}

.items-13 .control-button:nth-of-type(9),
.items-13 .item:nth-of-type(9) {
    -webkit-animation-delay: 54s;
    -o-animation-delay: 54s;
    animation-delay: 54s;
}


.items-13 .control-button:nth-of-type(10),
.items-13 .item:nth-of-type(10) {
    -webkit-animation-delay: 63s;
    -o-animation-delay: 63s;
    animation-delay: 63s;
}


.items-13 .control-button:nth-of-type(11),
.items-13 .item:nth-of-type(11) {
    -webkit-animation-delay: 70s;
    -o-animation-delay: 70s;
    animation-delay: 70s;
}



.items-13 .control-button:nth-of-type(12),
.items-13 .item:nth-of-type(12) {
    -webkit-animation-delay: 77s;
    -o-animation-delay: 77s;
    animation-delay: 77s;
}


.items-13 .control-button:nth-of-type(13),
.items-13 .item:nth-of-type(13) {
    -webkit-animation-delay: 84s;
    -o-animation-delay: 84s;
    animation-delay: 84s;
}














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



@-webkit-keyframes arrowAnimation-18 {
  0% {
    z-index:0
  }

  5.7%, 20% {
    z-index:100
  }

  25.7%, 100% {
    z-index:0
  }
}

@-o-keyframes arrowAnimation-18 {
  0% {
    z-index:0
  }

  5.7%, 20% {
    z-index:100
  }

  25.7%, 100% {
    z-index:0
  }
}

@keyframes arrowAnimation-18 {
  0% {
    z-index:0
  }

  5.7%, 20% {
    z-index:100
  }

  25.7%, 100% {
    z-index:0
  }
}




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




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




.items-18.autoplay .secondary-controls {
  -webkit-animation: arrowAnimation-18 124s infinite;
  -o-animation: arrowAnimation-18 124s infinite;
  animation: arrowAnimation-18 124s infinite;
}


.items-18 .secondary-controls[data-gallery-arrows="1"],
.items-18 .item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}

.items-18 .secondary-controls[data-gallery-arrows="2"] ,
.items-18 .item:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}

.items-18 .secondary-controls[data-gallery-arrows="3"] ,
.items-18 .item:nth-of-type(3) {
  -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}


.items-18 .secondary-controls[data-gallery-arrows="4"] ,
.items-18 .item:nth-of-type(4) {
  -webkit-animation-delay: 19s;
  -o-animation-delay: 19s;
  animation-delay: 19s;
}


.items-18 .secondary-controls[data-gallery-arrows="5"] ,
.items-18 .item:nth-of-type(5) {
  -webkit-animation-delay: 26s;
  -o-animation-delay: 26s;
  animation-delay: 26s;
}



.items-18 .secondary-controls[data-gallery-arrows="6"] ,
.items-18 .item:nth-of-type(6) {
  -webkit-animation-delay: 33s;
  -o-animation-delay: 33s;
  animation-delay: 33s;
}



.items-18 .secondary-controls[data-gallery-arrows="7"] ,
.items-18 .item:nth-of-type(7) {
  -webkit-animation-delay: 40s;
  -o-animation-delay: 40s;
  animation-delay: 40s;
}


.items-18 .secondary-controls[data-gallery-arrows="8"] ,
.items-18 .item:nth-of-type(8) {
  -webkit-animation-delay: 47s;
  -o-animation-delay: 47s;
  animation-delay: 47s;
}


.items-18 .secondary-controls[data-gallery-arrows="9"] ,
.items-18 .item:nth-of-type(9) {
  -webkit-animation-delay: 54s;
  -o-animation-delay: 54s;
  animation-delay: 54s;
}



.items-18 .secondary-controls[data-gallery-arrows="10"] ,
.items-18 .item:nth-of-type(10) {
  -webkit-animation-delay: 61s;
  -o-animation-delay: 61s;
  animation-delay: 61s;
}



.items-18 .secondary-controls[data-gallery-arrows="11"] ,
.items-18 .item:nth-of-type(11) {
  -webkit-animation-delay: 68s;
  -o-animation-delay: 68s;
  animation-delay: 68s;
}



.items-18 .secondary-controls[data-gallery-arrows="12"] ,
.items-18 .item:nth-of-type(11) {
  -webkit-animation-delay: 75s;
  -o-animation-delay: 75s;
  animation-delay: 75s;
}




.items-18 .secondary-controls[data-gallery-arrows="13"] ,
.items-18 .item:nth-of-type(13) {
  -webkit-animation-delay: 82s;
  -o-animation-delay: 82s;
  animation-delay: 82s;
}


.items-18 .secondary-controls[data-gallery-arrows="14"] ,
.items-18 .item:nth-of-type(14) {
  -webkit-animation-delay: 89s;
  -o-animation-delay: 89s;
  animation-delay: 89s;
}



.items-18 .secondary-controls[data-gallery-arrows="15"] ,
.items-18 .item:nth-of-type(15) {
  -webkit-animation-delay: 96s;
  -o-animation-delay: 96s;
  animation-delay: 96s;
}


.items-18 .secondary-controls[data-gallery-arrows="16"] ,
.items-18 .item:nth-of-type(16) {
  -webkit-animation-delay: 103s;
  -o-animation-delay: 103s;
  animation-delay: 103s;
}


.items-18 .secondary-controls[data-gallery-arrows="17"] ,
.items-18 .item:nth-of-type(17) {
  -webkit-animation-delay: 110s;
  -o-animation-delay: 110s;
  animation-delay: 110s;
}



.items-18 .secondary-controls[data-gallery-arrows="18"] ,
.items-18 .item:nth-of-type(18) {
  -webkit-animation-delay: 117s;
  -o-animation-delay: 117s;
  animation-delay: 117s;
}







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






@-webkit-keyframes controlAnimation-18 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }

  5.7%, 20% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }

  25.7%, 100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}

@-o-keyframes controlAnimation-18 {
  0% {
    color: #000;
    color: rgba(255, 203, 8, 0.4);
  }

  5.7%, 20% {
    color: #000;
    color: rgba(255, 203, 8, 0.8);
  }

  25.7%, 100% {
    color: #000;
    color: rgba(255, 203, 8, 0.4);
  }
}

@keyframes controlAnimation-18 {
    0% {
    color: #000;
    color: rgba(255, 203, 8, 0.8);
  }

  5.7%, 20% {
    color: #000;
    color: rgba(255, 203, 8, 0.2);
  }

  25.7%, 100% {
    color: #000;
    color: rgba(255, 203, 8, 0.8);
  }
}

@-webkit-keyframes galleryAnimation-18 {
  0% {
    opacity: 0;
  }

  0.5%, 3% {
    opacity: 1;
  }

  3.5%, 100% {
    opacity: 0;
  }
}

@-o-keyframes galleryAnimation-18 {
  0% {
    opacity: 0;
  }

  0.5%, 3% {
    opacity: 1;
  }

  3.5%, 100% {
    opacity: 0;
  }
}

@keyframes galleryAnimation-18 {
  0% {
    opacity: 0;
  }

  0.5%, 3% {
    opacity: 1;
  }

  3.5%, 100% {
    opacity: 0;
  }
}

.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(6):target ~ .item:nth-of-type(6) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(7):target ~ .item:nth-of-type(7) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(8):target ~ .item:nth-of-type(8) {
  pointer-events: auto;
  opacity: 1;
}



.gallery .control-operator:nth-of-type(9):target ~ .item:nth-of-type(9) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(10):target ~ .item:nth-of-type(10) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(11):target ~ .item:nth-of-type(11) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(12):target ~ .item:nth-of-type(12) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(13):target ~ .item:nth-of-type(13) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(14):target ~ .item:nth-of-type(14) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(15):target ~ .item:nth-of-type(15) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(16):target ~ .item:nth-of-type(16) {
  pointer-events: auto;
  opacity: 1;
}




.gallery .control-operator:nth-of-type(17):target ~ .item:nth-of-type(17) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(18):target ~ .item:nth-of-type(18) {
  pointer-events: auto;
  opacity: 1;
}



.items-18.autoplay .control-button {
    -webkit-animation: controlAnimation-18 134s infinite;
    -o-animation: controlAnimation-18 134s infinite;
    animation: controlAnimation-18 134s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.items-18.autoplay .item {
    -webkit-animation: galleryAnimation-18 134s infinite;
    -o-animation: galleryAnimation-18 70s infinite;
    animation: galleryAnimation-18 70s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}



.items-18 .control-button:nth-of-type(1),
.items-18 .item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}

.items-18 .control-button:nth-of-type(2),
.items-18 .item:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}

.items-18 .control-button:nth-of-type(3),
.items-18 .item:nth-of-type(3) {
  -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}

.items-18 .control-button:nth-of-type(4),
.items-18 .item:nth-of-type(4) {
  -webkit-animation-delay: 19s;
  -o-animation-delay: 19s;
  animation-delay: 19s;
}

.items-18 .control-button:nth-of-type(5),
.items-18 .item:nth-of-type(5) {
  -webkit-animation-delay: 26s;
  -o-animation-delay: 26s;
  animation-delay: 26s;
}

.items-18 .control-button:nth-of-type(6),
.items-18 .item:nth-of-type(6) {
  -webkit-animation-delay: 33s;
  -o-animation-delay: 33s;
  animation-delay: 33s;
}

.items-18 .control-button:nth-of-type(7),
.items-18 .item:nth-of-type(7) {
  -webkit-animation-delay: 40s;
  -o-animation-delay: 40s;
  animation-delay: 40s;
}

.items-18 .control-button:nth-of-type(8),
.items-18 .item:nth-of-type(8) {
  -webkit-animation-delay: 47s;
  -o-animation-delay: 47s;
  animation-delay: 47s;
}


.items-18 .control-button:nth-of-type(9),
.items-18 .item:nth-of-type(9) {
  -webkit-animation-delay: 54s;
  -o-animation-delay: 54s;
  animation-delay: 54s;
}


.items-18 .control-button:nth-of-type(10),
.items-18 .item:nth-of-type(10) {
  -webkit-animation-delay: 61s;
  -o-animation-delay: 61s;
  animation-delay: 61s;
}


.items-18 .control-button:nth-of-type(11),
.items-18 .item:nth-of-type(11) {
  -webkit-animation-delay: 68s;
  -o-animation-delay: 68s;
  animation-delay: 68s;
}



.items-18 .control-button:nth-of-type(12),
.items-18 .item:nth-of-type(12) {
  -webkit-animation-delay: 75s;
  -o-animation-delay: 75s;
  animation-delay: 75s;
}


.items-18 .control-button:nth-of-type(13),
.items-18 .item:nth-of-type(13) {
  -webkit-animation-delay: 82s;
  -o-animation-delay: 82s;
  animation-delay: 82s;
}


.items-18 .control-button:nth-of-type(14),
.items-18 .item:nth-of-type(14) {
  -webkit-animation-delay: 89s;
  -o-animation-delay: 89s;
  animation-delay: 89s;
}


.items-18 .control-button:nth-of-type(15),
.items-18 .item:nth-of-type(15) {
  -webkit-animation-delay: 96s;
  -o-animation-delay: 96s;
  animation-delay: 96s;
}



.items-18 .control-button:nth-of-type(16),
.items-18 .item:nth-of-type(16) {
  -webkit-animation-delay: 103s;
  -o-animation-delay: 103s;
  animation-delay: 103s;
}


.items-18 .control-button:nth-of-type(17),
.items-18 .item:nth-of-type(17) {
  -webkit-animation-delay: 110s;
  -o-animation-delay: 110s;
  animation-delay: 110s;
}



.items-18 .control-button:nth-of-type(18),
.items-18 .item:nth-of-type(18) {
  -webkit-animation-delay: 117s;
  -o-animation-delay: 117s;
  animation-delay: 117s;
}






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







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



@-webkit-keyframes arrowAnimation-19 {
  0% {
    z-index:0
  }

  5.7%, 20% {
    z-index:100
  }

  25.7%, 100% {
    z-index:0
  }
}

@-o-keyframes arrowAnimation-19 {
  0% {
    z-index:0
  }

  5.7%, 20% {
    z-index:100
  }

  25.7%, 100% {
    z-index:0
  }
}

@keyframes arrowAnimation-19 {
  0% {
    z-index:0
  }

  5.7%, 20% {
    z-index:100
  }

  25.7%, 100% {
    z-index:0
  }
}




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




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




.items-19.autoplay .secondary-controls {
  -webkit-animation: arrowAnimation-19 131s infinite;
  -o-animation: arrowAnimation-19 131s infinite;
  animation: arrowAnimation-19 131s infinite;
}


.items-19 .secondary-controls[data-gallery-arrows="1"],
.items-19 .item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}

.items-19 .secondary-controls[data-gallery-arrows="2"] ,
.items-19 .item:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}

.items-19 .secondary-controls[data-gallery-arrows="3"] ,
.items-19 .item:nth-of-type(3) {
  -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}


.items-19 .secondary-controls[data-gallery-arrows="4"] ,
.items-19 .item:nth-of-type(4) {
  -webkit-animation-delay: 19s;
  -o-animation-delay: 19s;
  animation-delay: 19s;
}


.items-19 .secondary-controls[data-gallery-arrows="5"] ,
.items-19 .item:nth-of-type(5) {
  -webkit-animation-delay: 26s;
  -o-animation-delay: 26s;
  animation-delay: 26s;
}



.items-19 .secondary-controls[data-gallery-arrows="6"] ,
.items-19 .item:nth-of-type(6) {
  -webkit-animation-delay: 33s;
  -o-animation-delay: 33s;
  animation-delay: 33s;
}



.items-19 .secondary-controls[data-gallery-arrows="7"] ,
.items-19 .item:nth-of-type(7) {
  -webkit-animation-delay: 40s;
  -o-animation-delay: 40s;
  animation-delay: 40s;
}


.items-19 .secondary-controls[data-gallery-arrows="8"] ,
.items-19 .item:nth-of-type(8) {
  -webkit-animation-delay: 47s;
  -o-animation-delay: 47s;
  animation-delay: 47s;
}


.items-19 .secondary-controls[data-gallery-arrows="9"] ,
.items-19 .item:nth-of-type(9) {
  -webkit-animation-delay: 54s;
  -o-animation-delay: 54s;
  animation-delay: 54s;
}



.items-19 .secondary-controls[data-gallery-arrows="10"] ,
.items-19 .item:nth-of-type(10) {
  -webkit-animation-delay: 61s;
  -o-animation-delay: 61s;
  animation-delay: 61s;
}



.items-19 .secondary-controls[data-gallery-arrows="11"] ,
.items-19 .item:nth-of-type(11) {
  -webkit-animation-delay: 68s;
  -o-animation-delay: 68s;
  animation-delay: 68s;
}



.items-19 .secondary-controls[data-gallery-arrows="12"] ,
.items-19 .item:nth-of-type(11) {
  -webkit-animation-delay: 75s;
  -o-animation-delay: 75s;
  animation-delay: 75s;
}




.items-19 .secondary-controls[data-gallery-arrows="13"] ,
.items-19 .item:nth-of-type(13) {
  -webkit-animation-delay: 82s;
  -o-animation-delay: 82s;
  animation-delay: 82s;
}


.items-19 .secondary-controls[data-gallery-arrows="14"] ,
.items-19 .item:nth-of-type(14) {
  -webkit-animation-delay: 89s;
  -o-animation-delay: 89s;
  animation-delay: 89s;
}



.items-19 .secondary-controls[data-gallery-arrows="15"] ,
.items-19 .item:nth-of-type(15) {
  -webkit-animation-delay: 96s;
  -o-animation-delay: 96s;
  animation-delay: 96s;
}


.items-19 .secondary-controls[data-gallery-arrows="16"] ,
.items-19 .item:nth-of-type(16) {
  -webkit-animation-delay: 103s;
  -o-animation-delay: 103s;
  animation-delay: 103s;
}


.items-19 .secondary-controls[data-gallery-arrows="17"] ,
.items-19 .item:nth-of-type(17) {
  -webkit-animation-delay: 110s;
  -o-animation-delay: 110s;
  animation-delay: 110s;
}



.items-19 .secondary-controls[data-gallery-arrows="18"] ,
.items-19 .item:nth-of-type(18) {
  -webkit-animation-delay: 117s;
  -o-animation-delay: 117s;
  animation-delay: 117s;
}



.items-19 .secondary-controls[data-gallery-arrows="19"] ,
.items-19 .item:nth-of-type(18) {
  -webkit-animation-delay: 124s;
  -o-animation-delay: 124s;
  animation-delay: 124s;
}



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






@-webkit-keyframes controlAnimation-19 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }

  5.7%, 20% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }

  25.7%, 100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}

@-o-keyframes controlAnimation-19 {
  0% {
    color: #000;
    color: rgba(255, 203, 8, 0.4);
  }

  5.7%, 20% {
    color: #000;
    color: rgba(255, 203, 8, 0.8);
  }

  25.7%, 100% {
    color: #000;
    color: rgba(255, 203, 8, 0.4);
  }
}

@keyframes controlAnimation-19 {
    0% {
    color: #000;
    color: rgba(255, 203, 8, 0.8);
  }

  5.7%, 20% {
    color: #000;
    color: rgba(255, 203, 8, 0.2);
  }

  25.7%, 100% {
    color: #000;
    color: rgba(255, 203, 8, 0.8);
  }
}

@-webkit-keyframes galleryAnimation-19 {
  0% {
    opacity: 0;
  }

  0.5%, 3% {
    opacity: 1;
  }

  3.5%, 100% {
    opacity: 0;
  }
}

@-o-keyframes galleryAnimation-19 {
  0% {
    opacity: 0;
  }

  0.5%, 3% {
    opacity: 1;
  }

  3.5%, 100% {
    opacity: 0;
  }
}

@keyframes galleryAnimation-19 {
  0% {
    opacity: 0;
  }

  0.5%, 3% {
    opacity: 1;
  }

  3.5%, 100% {
    opacity: 0;
  }
}

.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(6):target ~ .item:nth-of-type(6) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(7):target ~ .item:nth-of-type(7) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(8):target ~ .item:nth-of-type(8) {
  pointer-events: auto;
  opacity: 1;
}



.gallery .control-operator:nth-of-type(9):target ~ .item:nth-of-type(9) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(10):target ~ .item:nth-of-type(10) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(11):target ~ .item:nth-of-type(11) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(12):target ~ .item:nth-of-type(12) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(13):target ~ .item:nth-of-type(13) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(14):target ~ .item:nth-of-type(14) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(15):target ~ .item:nth-of-type(15) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(16):target ~ .item:nth-of-type(16) {
  pointer-events: auto;
  opacity: 1;
}




.gallery .control-operator:nth-of-type(17):target ~ .item:nth-of-type(17) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(18):target ~ .item:nth-of-type(18) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(19):target ~ .item:nth-of-type(19) {
  pointer-events: auto;
  opacity: 1;
}



.items-19.autoplay .control-button {
    -webkit-animation: controlAnimation-19 141s infinite;
    -o-animation: controlAnimation-19 141s infinite;
    animation: controlAnimation-19 141s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.items-19.autoplay .item {
    -webkit-animation: galleryAnimation-19 141s infinite;
    -o-animation: galleryAnimation-19 141s infinite;
    animation: galleryAnimation-19 141s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}



.items-19 .control-button:nth-of-type(1),
.items-19 .item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}

.items-19 .control-button:nth-of-type(2),
.items-19 .item:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}

.items-19 .control-button:nth-of-type(3),
.items-19 .item:nth-of-type(3) {
  -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}

.items-19 .control-button:nth-of-type(4),
.items-19 .item:nth-of-type(4) {
  -webkit-animation-delay: 19s;
  -o-animation-delay: 19s;
  animation-delay: 19s;
}

.items-19 .control-button:nth-of-type(5),
.items-19 .item:nth-of-type(5) {
  -webkit-animation-delay: 26s;
  -o-animation-delay: 26s;
  animation-delay: 26s;
}

.items-19 .control-button:nth-of-type(6),
.items-19 .item:nth-of-type(6) {
  -webkit-animation-delay: 33s;
  -o-animation-delay: 33s;
  animation-delay: 33s;
}

.items-19 .control-button:nth-of-type(7),
.items-19 .item:nth-of-type(7) {
  -webkit-animation-delay: 40s;
  -o-animation-delay: 40s;
  animation-delay: 40s;
}

.items-19 .control-button:nth-of-type(8),
.items-19 .item:nth-of-type(8) {
  -webkit-animation-delay: 47s;
  -o-animation-delay: 47s;
  animation-delay: 47s;
}


.items-19 .control-button:nth-of-type(9),
.items-19 .item:nth-of-type(9) {
  -webkit-animation-delay: 54s;
  -o-animation-delay: 54s;
  animation-delay: 54s;
}


.items-19 .control-button:nth-of-type(10),
.items-19 .item:nth-of-type(10) {
  -webkit-animation-delay: 61s;
  -o-animation-delay: 61s;
  animation-delay: 61s;
}


.items-19 .control-button:nth-of-type(11),
.items-19 .item:nth-of-type(11) {
  -webkit-animation-delay: 68s;
  -o-animation-delay: 68s;
  animation-delay: 68s;
}



.items-19 .control-button:nth-of-type(12),
.items-19 .item:nth-of-type(12) {
  -webkit-animation-delay: 75s;
  -o-animation-delay: 75s;
  animation-delay: 75s;
}


.items-19 .control-button:nth-of-type(13),
.items-19 .item:nth-of-type(13) {
  -webkit-animation-delay: 82s;
  -o-animation-delay: 82s;
  animation-delay: 82s;
}


.items-19 .control-button:nth-of-type(14),
.items-19 .item:nth-of-type(14) {
  -webkit-animation-delay: 89s;
  -o-animation-delay: 89s;
  animation-delay: 89s;
}


.items-19 .control-button:nth-of-type(15),
.items-19 .item:nth-of-type(15) {
  -webkit-animation-delay: 96s;
  -o-animation-delay: 96s;
  animation-delay: 96s;
}



.items-19 .control-button:nth-of-type(16),
.items-19 .item:nth-of-type(16) {
  -webkit-animation-delay: 103s;
  -o-animation-delay: 103s;
  animation-delay: 103s;
}


.items-19 .control-button:nth-of-type(17),
.items-19 .item:nth-of-type(17) {
  -webkit-animation-delay: 110s;
  -o-animation-delay: 110s;
  animation-delay: 110s;
}



.items-19 .control-button:nth-of-type(18),
.items-19 .item:nth-of-type(18) {
  -webkit-animation-delay: 117s;
  -o-animation-delay: 117s;
  animation-delay: 117s;
}



.items-19 .control-button:nth-of-type(19),
.items-19 .item:nth-of-type(19) {
  -webkit-animation-delay: 124s;
  -o-animation-delay: 124s;
  animation-delay: 124s;
}












.gallery .controls .control-button {
    opacity: 0.5;
    color: #fff;
}

.gallery .control-button:hover {
    opacity: 1;
}



.gallery .control-button:first-of-type, .gallery .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1), .gallery .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2), .gallery .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3), .gallery .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4), .gallery .control-operator:nth-of-type(5):target ~ .controls .control-button:nth-of-type(5), .gallery .control-operator:nth-of-type(6):target ~ .controls .control-button:nth-of-type(6), .gallery .control-operator:nth-of-type(7):target ~ .controls .control-button:nth-of-type(7), .gallery .control-operator:nth-of-type(8):target ~ .controls .control-button:nth-of-type(8) {
    color: #fff;
}

/*
	Theme controls how everything looks in Gallery CSS.
*/

.gallery {
    position: relative;
}

    .gallery .item {
        overflow: hidden;
        text-align: center;
    }

    .gallery .controls {
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
        z-index: 100;
    }

    .gallery .control-button {
        display: inline-block;
        margin: 0 .02em;
        font-size: 3em;
        text-align: center;
        text-decoration: none;
        -webkit-transition: color .1s;
        -o-transition: color .1s;
        transition: color .1s;
    }







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







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



@-webkit-keyframes arrowAnimation-20 {
  0% {
    z-index:0
  }

  5.7%, 20% {
    z-index:100
  }

  25.7%, 100% {
    z-index:0
  }
}

@-o-keyframes arrowAnimation-20 {
  0% {
    z-index:0
  }

  5.7%, 20% {
    z-index:100
  }

  25.7%, 100% {
    z-index:0
  }
}

@keyframes arrowAnimation-20 {
  0% {
    z-index:0
  }

  5.7%, 20% {
    z-index:100
  }

  25.7%, 100% {
    z-index:0
  }
}




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




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




.items-20.autoplay .secondary-controls {
  -webkit-animation: arrowAnimation-20 138s infinite;
  -o-animation: arrowAnimation-20 138s infinite;
  animation: arrowAnimation-20 138s infinite;
}


.items-20 .secondary-controls[data-gallery-arrows="1"],
.items-20 .item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}

.items-20 .secondary-controls[data-gallery-arrows="2"] ,
.items-20 .item:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}

.items-20 .secondary-controls[data-gallery-arrows="3"] ,
.items-20 .item:nth-of-type(3) {
  -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}


.items-20 .secondary-controls[data-gallery-arrows="4"] ,
.items-20 .item:nth-of-type(4) {
  -webkit-animation-delay: 19s;
  -o-animation-delay: 19s;
  animation-delay: 19s;
}


.items-20 .secondary-controls[data-gallery-arrows="5"] ,
.items-20 .item:nth-of-type(5) {
  -webkit-animation-delay: 26s;
  -o-animation-delay: 26s;
  animation-delay: 26s;
}



.items-20 .secondary-controls[data-gallery-arrows="6"] ,
.items-20 .item:nth-of-type(6) {
  -webkit-animation-delay: 33s;
  -o-animation-delay: 33s;
  animation-delay: 33s;
}



.items-20 .secondary-controls[data-gallery-arrows="7"] ,
.items-20 .item:nth-of-type(7) {
  -webkit-animation-delay: 40s;
  -o-animation-delay: 40s;
  animation-delay: 40s;
}


.items-20 .secondary-controls[data-gallery-arrows="8"] ,
.items-20 .item:nth-of-type(8) {
  -webkit-animation-delay: 47s;
  -o-animation-delay: 47s;
  animation-delay: 47s;
}


.items-20 .secondary-controls[data-gallery-arrows="9"] ,
.items-20 .item:nth-of-type(9) {
  -webkit-animation-delay: 54s;
  -o-animation-delay: 54s;
  animation-delay: 54s;
}



.items-20 .secondary-controls[data-gallery-arrows="10"] ,
.items-20 .item:nth-of-type(10) {
  -webkit-animation-delay: 61s;
  -o-animation-delay: 61s;
  animation-delay: 61s;
}



.items-20 .secondary-controls[data-gallery-arrows="11"] ,
.items-20 .item:nth-of-type(11) {
  -webkit-animation-delay: 68s;
  -o-animation-delay: 68s;
  animation-delay: 68s;
}



.items-20 .secondary-controls[data-gallery-arrows="12"] ,
.items-20 .item:nth-of-type(11) {
  -webkit-animation-delay: 75s;
  -o-animation-delay: 75s;
  animation-delay: 75s;
}




.items-20 .secondary-controls[data-gallery-arrows="13"] ,
.items-20 .item:nth-of-type(13) {
  -webkit-animation-delay: 82s;
  -o-animation-delay: 82s;
  animation-delay: 82s;
}


.items-20 .secondary-controls[data-gallery-arrows="14"] ,
.items-20 .item:nth-of-type(14) {
  -webkit-animation-delay: 89s;
  -o-animation-delay: 89s;
  animation-delay: 89s;
}



.items-20 .secondary-controls[data-gallery-arrows="15"] ,
.items-20 .item:nth-of-type(15) {
  -webkit-animation-delay: 96s;
  -o-animation-delay: 96s;
  animation-delay: 96s;
}


.items-20 .secondary-controls[data-gallery-arrows="16"] ,
.items-20 .item:nth-of-type(16) {
  -webkit-animation-delay: 103s;
  -o-animation-delay: 103s;
  animation-delay: 103s;
}


.items-20 .secondary-controls[data-gallery-arrows="17"] ,
.items-20 .item:nth-of-type(17) {
  -webkit-animation-delay: 110s;
  -o-animation-delay: 110s;
  animation-delay: 110s;
}



.items-20 .secondary-controls[data-gallery-arrows="18"] ,
.items-20 .item:nth-of-type(18) {
  -webkit-animation-delay: 117s;
  -o-animation-delay: 117s;
  animation-delay: 117s;
}



.items-20 .secondary-controls[data-gallery-arrows="19"] ,
.items-20 .item:nth-of-type(18) {
  -webkit-animation-delay: 124s;
  -o-animation-delay: 124s;
  animation-delay: 124s;
}


.items-20 .secondary-controls[data-gallery-arrows="20"] ,
.items-20 .item:nth-of-type(18) {
  -webkit-animation-delay: 131s;
  -o-animation-delay: 131s;
  animation-delay: 131s;
}

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






@-webkit-keyframes controlAnimation-20 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }

  5.7%, 20% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }

  25.7%, 100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}

@-o-keyframes controlAnimation-20 {
  0% {
    color: #000;
    color: rgba(255, 203, 8, 0.4);
  }

  5.7%, 20% {
    color: #000;
    color: rgba(255, 203, 8, 0.8);
  }

  25.7%, 100% {
    color: #000;
    color: rgba(255, 203, 8, 0.4);
  }
}

@keyframes controlAnimation-20 {
    0% {
    color: #000;
    color: rgba(255, 203, 8, 0.8);
  }

  5.7%, 20% {
    color: #000;
    color: rgba(255, 203, 8, 0.2);
  }

  25.7%, 100% {
    color: #000;
    color: rgba(255, 203, 8, 0.8);
  }
}

@-webkit-keyframes galleryAnimation-20 {
  0% {
    opacity: 0;
  }

  0.5%, 3% {
    opacity: 1;
  }

  3.5%, 100% {
    opacity: 0;
  }
}

@-o-keyframes galleryAnimation-20 {
  0% {
    opacity: 0;
  }

  0.5%, 3% {
    opacity: 1;
  }

  3.5%, 100% {
    opacity: 0;
  }
}

@keyframes galleryAnimation-20 {
  0% {
    opacity: 0;
  }

  0.5%, 3% {
    opacity: 1;
  }

  3.5%, 100% {
    opacity: 0;
  }
}

.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(6):target ~ .item:nth-of-type(6) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(7):target ~ .item:nth-of-type(7) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(8):target ~ .item:nth-of-type(8) {
  pointer-events: auto;
  opacity: 1;
}



.gallery .control-operator:nth-of-type(9):target ~ .item:nth-of-type(9) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(10):target ~ .item:nth-of-type(10) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(11):target ~ .item:nth-of-type(11) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(12):target ~ .item:nth-of-type(12) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(13):target ~ .item:nth-of-type(13) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(14):target ~ .item:nth-of-type(14) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(15):target ~ .item:nth-of-type(15) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(16):target ~ .item:nth-of-type(16) {
  pointer-events: auto;
  opacity: 1;
}




.gallery .control-operator:nth-of-type(17):target ~ .item:nth-of-type(17) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(18):target ~ .item:nth-of-type(18) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(19):target ~ .item:nth-of-type(19) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(19):target ~ .item:nth-of-type(20) {
  pointer-events: auto;
  opacity: 1;
}

.items-20.autoplay .control-button {
    -webkit-animation: controlAnimation-20 148s infinite;
    -o-animation: controlAnimation-20 148s infinite;
    animation: controlAnimation-20 148s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.items-20.autoplay .item {
    -webkit-animation: galleryAnimation-20 148s infinite;
    -o-animation: galleryAnimation-20 148s infinite;
    animation: galleryAnimation-20 148s infinite;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}



.items-20 .control-button:nth-of-type(1),
.items-20 .item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}

.items-20 .control-button:nth-of-type(2),
.items-20 .item:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}

.items-20 .control-button:nth-of-type(3),
.items-20 .item:nth-of-type(3) {
  -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}

.items-20 .control-button:nth-of-type(4),
.items-20 .item:nth-of-type(4) {
  -webkit-animation-delay: 19s;
  -o-animation-delay: 19s;
  animation-delay: 19s;
}

.items-20 .control-button:nth-of-type(5),
.items-20 .item:nth-of-type(5) {
  -webkit-animation-delay: 26s;
  -o-animation-delay: 26s;
  animation-delay: 26s;
}

.items-20 .control-button:nth-of-type(6),
.items-20 .item:nth-of-type(6) {
  -webkit-animation-delay: 33s;
  -o-animation-delay: 33s;
  animation-delay: 33s;
}

.items-20 .control-button:nth-of-type(7),
.items-20 .item:nth-of-type(7) {
  -webkit-animation-delay: 40s;
  -o-animation-delay: 40s;
  animation-delay: 40s;
}

.items-20 .control-button:nth-of-type(8),
.items-20 .item:nth-of-type(8) {
  -webkit-animation-delay: 47s;
  -o-animation-delay: 47s;
  animation-delay: 47s;
}


.items-20 .control-button:nth-of-type(9),
.items-20 .item:nth-of-type(9) {
  -webkit-animation-delay: 54s;
  -o-animation-delay: 54s;
  animation-delay: 54s;
}


.items-20 .control-button:nth-of-type(10),
.items-20 .item:nth-of-type(10) {
  -webkit-animation-delay: 61s;
  -o-animation-delay: 61s;
  animation-delay: 61s;
}


.items-20 .control-button:nth-of-type(11),
.items-20 .item:nth-of-type(11) {
  -webkit-animation-delay: 68s;
  -o-animation-delay: 68s;
  animation-delay: 68s;
}



.items-20 .control-button:nth-of-type(12),
.items-20 .item:nth-of-type(12) {
  -webkit-animation-delay: 75s;
  -o-animation-delay: 75s;
  animation-delay: 75s;
}


.items-20 .control-button:nth-of-type(13),
.items-20 .item:nth-of-type(13) {
  -webkit-animation-delay: 82s;
  -o-animation-delay: 82s;
  animation-delay: 82s;
}


.items-20 .control-button:nth-of-type(14),
.items-20 .item:nth-of-type(14) {
  -webkit-animation-delay: 89s;
  -o-animation-delay: 89s;
  animation-delay: 89s;
}


.items-20 .control-button:nth-of-type(15),
.items-20 .item:nth-of-type(15) {
  -webkit-animation-delay: 96s;
  -o-animation-delay: 96s;
  animation-delay: 96s;
}



.items-20 .control-button:nth-of-type(16),
.items-20 .item:nth-of-type(16) {
  -webkit-animation-delay: 103s;
  -o-animation-delay: 103s;
  animation-delay: 103s;
}


.items-20 .control-button:nth-of-type(17),
.items-20 .item:nth-of-type(17) {
  -webkit-animation-delay: 110s;
  -o-animation-delay: 110s;
  animation-delay: 110s;
}



.items-20 .control-button:nth-of-type(18),
.items-20 .item:nth-of-type(18) {
  -webkit-animation-delay: 117s;
  -o-animation-delay: 117s;
  animation-delay: 117s;
}



.items-20 .control-button:nth-of-type(19),
.items-20 .item:nth-of-type(19) {
  -webkit-animation-delay: 124s;
  -o-animation-delay: 124s;
  animation-delay: 124s;
}

.items-20 .control-button:nth-of-type(20),
.items-20 .item:nth-of-type(20) {
  -webkit-animation-delay: 131s;
  -o-animation-delay: 131s;
  animation-delay: 131s;
}


.sectorGaleria {
  width: 100%;
  height: auto;
  display: inline-block;
}



.sectorGaleria .gallery figure {
  left: 100%;
}


.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1),
.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2),
.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3),
.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4),
.gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5),
.gallery .control-operator:nth-of-type(6):target ~ .item:nth-of-type(6),
.gallery .control-operator:nth-of-type(7):target ~ .item:nth-of-type(7),
.gallery .control-operator:nth-of-type(8):target ~ .item:nth-of-type(8),
.gallery .control-operator:nth-of-type(9):target ~ .item:nth-of-type(9),
.gallery .control-operator:nth-of-type(10):target ~ .item:nth-of-type(10) {
  left: 0;
}



.gallery .controls {
    position: absolute;
    bottom: 10%;
    width: 20%;
    text-align: center;
    z-index: 100;
    right: 0;
}

.home-horizontal .gallery .control-operator:target ~ .controls .control-button,
.gallery .controls .control-button {
    font-size: 0;
    height: 12px;
    width: 12px;
    display: inline-block;
    margin: 0 5px;
    background: none;
    opacity: 1 !important;
    border: 7px solid #fff;
}

.sectorGaleria .gallery .control-button:first-of-type, 
.sectorGaleria .gallery .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1),
.sectorGaleria .gallery .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2),
.sectorGaleria .gallery .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3), 
.sectorGaleria .gallery .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4), 
.sectorGaleria .gallery .control-operator:nth-of-type(5):target ~ .controls .control-button:nth-of-type(5) {
    background: #fff;
    border: 6px solid #2478e8;
}


.gallery .secondary-controls nav {
    display: none !important;
}




.page.seccion .gallery figure {
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
}





.gallery .control-operator:target ~ .secondary-controls {
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
}



.gallery .secondary-controls a:nth-child(1) img {
    left: 3px;
}

.gallery .secondary-controls a:nth-child(1) {
    float: left;
}



.gallery .secondary-controls a:nth-child(2) {
    float: right;
    right: 2px;
}





  .gallery .item:first-of-type {
  left:0
 }



.gallery .item {
  left: 0;
}










@keyframes galleryAnimation-2 {
  0% {
    opacity: 1;
    pointer-events: auto;
    z-index:10;
    left:99%
  }

  15%, 50% {
    opacity: 1; 
    pointer-events: auto;
    z-index:10;
    left:0
  }

  65%, 100% {
    opacity: 0;
    pointer-events: none;
    z-index:0;
    left:-100%
  }
}





@keyframes galleryAnimation-3 {
  0% {
    opacity: 1;
    pointer-events: auto;
    z-index:10;
    left:99%
  }

  9.5%, 33.3% {
    opacity: 1; 
     pointer-events: auto;
     z-index:10;
     left:0
  }

  42.9%, 100% {
    opacity: 1;
    pointer-events: none;
    z-index:0;
    left:-100%
  }

  
}




@keyframes galleryAnimation-4 {
  0% {
   opacity: 0;
     pointer-events: auto;
    z-index:10;
	left:99%
  }

  7%, 25% {
    opacity: 1;
     pointer-events: auto;
    z-index:10;
	left:0
  }

  30%, 100% {
    opacity: 0;
     pointer-events: none;
    z-index:0;
	left:-100%
  }
}



@keyframes galleryAnimation-5 {
    0% {
        opacity: 0;
        pointer-events: auto;
        z-index: 10;
        left: 99%
    }

    6%, 20% {
        opacity: 1;
        pointer-events: auto;
        z-index: 10;
        left: 0
    }

    25%, 100% {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
        left: -100%
    }
}






@keyframes controlAnimation-2 {
    0% {
        background: none;
        opacity: 1 !important;
        border: 8px solid #fff;
    }

    14.3%, 50% {
        background: #fff;
        opacity: 1 !important;
        border: 6px solid #2478e8;
    }

    64.3%, 100% {
        background: none;
        opacity: 1 !important;
        border: 8px solid #fff;
    }
}

@keyframes controlAnimation-3 {
    0% {
        background: none;
        opacity: 1 !important;
        border: 8px solid #fff;
    }

    9.5%, 33.3% {
        background: #fff;
        opacity: 1 !important;
        border: 6px solid #2478e8;
    }

    42.9%, 100% {
        background: none;
        opacity: 1 !important;
        border: 8px solid #fff;
    }
}

@keyframes controlAnimation-4 {
    0% {
        background: none;
        opacity: 1 !important;
        border: 8px solid #fff;
    }

    7.1%, 25% {
        background: #fff;
        opacity: 1 !important;
        border: 6px solid #2478e8;
        
    }

    32.1%, 100% {
        background: none;
        opacity: 1 !important;
        border: 8px solid #fff;
    }
}


@keyframes controlAnimation-5 {
    0% {
        background: none;
        opacity: 1 !important;
        border: 8px solid #fff;
    }

    5.7%, 20% {
        background: #fff;
        opacity: 1 !important;
        border: 6px solid #2478e8;
    }

    25.7%, 100% {
        background: none;
        opacity: 1 !important;
        border: 8px solid #fff;
    }
}















    .grafico_por_volumen div {
        float: left;
        margin: 0px;
        padding: 0px;
        border: 0px none;
    }


    .grafico_por_volumen .fecha{
    font-size: 10px;
    color: #666;
    background-color: #fff;
    position: absolute;
    z-index: 10;
    padding: 0 0 5px 0;
    width: 100%;
    text-indent: 3px;
}


        .grafico_por_volumen div:nth-child(1) {
            
        }

        /*.grafico_por_volumen.rows-3 div:nth-child(2), .grafico_por_volumen.rows-3 div:nth-child(3), .grafico_por_volumen.rows-3 div:nth-child(4) {
            height: 50%;
        }

        .grafico_por_volumen.rows-3 div:nth-child(5), .grafico_por_volumen.rows-3 div:nth-child(6), .grafico_por_volumen.rows-3 div:nth-child(7), .grafico_por_volumen.rows-3 div:nth-child(8) {
            height: 30%;
        }

        .grafico_por_volumen.rows-3 div:nth-child(9), .grafico_por_volumen.rows-3 div:nth-child(10), .grafico_por_volumen.rows-3 div:nth-child(11) {
            height: 20%;
        }



        .grafico_por_volumen.rows-2 div:nth-child(2), .grafico_por_volumen.rows-2 div:nth-child(3), .grafico_por_volumen.rows-2 div:nth-child(4) {
            height: 65%;
        }

        .grafico_por_volumen.rows-2 div:nth-child(5), .grafico_por_volumen.rows-2 div:nth-child(6), .grafico_por_volumen.rows-2 div:nth-child(7), .grafico_por_volumen.rows-2 div:nth-child(8) {
            height: 35%;
        }



         .grafico_por_volumen.rows-1 div:nth-child(2), .grafico_por_volumen.rows-1 div:nth-child(3), .grafico_por_volumen.rows-1 div:nth-child(4),  .grafico_por_volumen.rows-1 div:nth-child(5) {
            height: 100%;
        }*/


    .grafico_por_volumen .v--4 {
        background-color: #c00;
        background: -webkit-linear-gradient(#c00, #901e1a);
        background: -o-linear-gradient(#c00, #901e1a);
        background: -moz-linear-gradient(#c00, #901e1a);
        background: linear-gradient(#c00, #901e1a);
    }

    .grafico_por_volumen .v--3 {
        background-color: #a00;
        background: -webkit-linear-gradient(#a00, #7a1819);
        background: -o-linear-gradient(#a00, #7a1819);
        background: -moz-linear-gradient(#a00, #7a1819);
        background: linear-gradient(#a00, #7a1819);
    }

    .grafico_por_volumen .v--2 {
        background-color: #800;
        background: -webkit-linear-gradient(#800, #611515);
        background: -o-linear-gradient(#800, #611515);
        background: -moz-linear-gradient(#800, #611515);
        background: linear-gradient(#800, #611515);
    }

    .grafico_por_volumen .v--1 {
        background-color: #500;
        background: -webkit-linear-gradient(#500, #350000);
        background: -o-linear-gradient(#500, #350000);
        background: -moz-linear-gradient(#500, #350000);
        background: linear-gradient(#500, #350000);
    }

    .grafico_por_volumen .v0 {
        background-color: #000;
    }

    .grafico_por_volumen .v-0 {
        background-color: #050;
        background: -webkit-linear-gradient(#050, #00411e);
        background: -o-linear-gradient(#050, #00411e);
        background: -moz-linear-gradient(#050, #00411e);
        background: linear-gradient(#050, #00411e);
    }

    .grafico_por_volumen .v-1 {
        background-color: #080;
        background: -webkit-linear-gradient(#080, #1a7137);
        background: -o-linear-gradient(#080, #1a7137);
        background: -moz-linear-gradient(#080, #1a7137);
        background: linear-gradient(#080, #1a7137);
    }

    .grafico_por_volumen .v-2 {
        background-color: #0a0;
        background: -webkit-linear-gradient(#0a0, #28853c);
        background: -o-linear-gradient(#0a0, #28853c);
        background: -moz-linear-gradient(#0a0, #28853c);
        background: linear-gradient(#0a0, #28853c);
    }

    .grafico_por_volumen .v-3 {
        background-color: #0b0;
        background: -webkit-linear-gradient(#0b0, #35a246);
        background: -o-linear-gradient(#0b0, #35a246);
        background: -moz-linear-gradient(#0b0, #35a246);
        background: linear-gradient(#0b0, #35a246);
    }

    .grafico_por_volumen div a {
        margin: auto;
        text-align: center;
        color: #eee;
        width: 100%;
        height: 100%;
        border: 1px solid #eee;
        display: table;
    }

        .grafico_por_volumen div a:hover {
            background-color: rgba(255, 255, 255, 0.1);
        }

        .grafico_por_volumen div a span {
            display: table-cell;
            vertical-align: middle;
        }

.amChartsDataSetSelector
{
    font-size:12px;
    font-family:verdana,helvetica,arial,sans-serif;
}

.amChartsPeriodSelector
{
    font-size:12px;
    font-family:verdana,helvetica,arial,sans-serif;
}

.amChartsButtonSelected
{
   background-color:#CC0000;
    border: 1px solid #CC0000;
   color:#FFFFFF;
   opacity: 0.7;
  -moz-border-radius: 2px;
   border-radius: 2px;
   margin: 2px 1px 2px 0;
   outline: none;
   box-sizing: border-box;
   padding:2px 1px;
   font-size:12px
  }

.amChartsButton
{
    color: #000000;
    background: transparent;
    opacity: 0.7;
    border: 1px solid rgba(0, 0, 0, .3);
   -moz-border-radius: 2px;
   border-radius: 2px;
   margin: 2px 2px 2px 0;
   outline: none;
   box-sizing: border-box;
   padding:2px 1px;
   font-size:12px
}

.amChartsCompareList
{
   border-style:solid;
   border-color:#CCCCCC;
   border-width:1px;
}

.amChartsCompareList div
{
   -webkit-box-sizing: initial;
   box-sizing: initial;
}

.amChartsInputField
{
    border: 1px solid rgba(0, 0, 0, .3);
   -moz-border-radius: 5px;
   border-radius: 5px;
   padding:2px 0;
}

.amChartsLegend
{

}

.amChartsPanel
{

}
/*----------------------------------------HOME HORIZONTAL----------------------------------*/


.home-horizontal {
 margin: 0 auto;
 width: 100%;
}

.home-horizontal section{
 position: relative;
}


.home-horizontal section > .sectorTexto {
 width: 96%;
 display: block;
 /*max-width: 1400px;*/
 margin: 100px auto 0;
 color: #004059;
 font-size: 1.6em;
}


.home-horizontal section>.sectorTexto:after {
 content: "";
 position: absolute;
 top: 0;
 right: 0;
 width: 0;
 height: 0;
 border-right: 100px solid #f3f3f3;
 border-top: 70px solid transparent;
 border-bottom: 70px solid transparent;
 opacity: .7;
 z-index: 0;
}



.home-horizontal section>.sectorTexto[d-visualizacion="TextoDesplegable"]:after {
 display:none;
}

.home-horizontal section > .sectorTexto h4,
.home-horizontal section > .sectorTexto p {
 width: 100%;
 max-width: 1400px;
 display: block;
 margin: 0 auto 50px;
}

.home-horizontal section > .sectorTexto h4 {
 font-size: 1.2em;
 font-weight: 500;
 margin: 0 auto 20px;
}

.home-horizontal section > .sectorTexto img {
 width: 100%;
  height: auto;
  margin: auto;
  max-width: 1400px;
  display: block;
}

.home-horizontal section > .sectorTexto img.movil {
 display: none;
}

.home-horizontal section > .sectorTexto img:nth-of-type(3) {
 margin: 80px 0 0 -3%;
  width: 106%;
  max-width: none;
}

 .home-horizontal section:first-of-type .gallery .sectorBannerConBoton,
 .home-horizontal section:first-of-type > .sectorBannerConBoton,
 .home-horizontal .sectorLista.Vertical .sectorBannerConBoton,
 .calculadoraBonos .sectorBannerConBoton,
 .SeccionesTabs .sectorBannerConBoton,
 .home-horizontal .sectorLista.Vertical .sectorBannerConBoton {
  width: 100%;
  height: auto;
  max-height: 800px;
  overflow: hidden;
  display: inline-block;
  position: relative;
  transition: all .3s ease;
 }

  .home-horizontal section:first-of-type .gallery .sectorBannerConBoton .sectorBanner,
  .home-horizontal section:first-of-type .gallery .sectorBannerConBoton .sectorBanner img,
  .home-horizontal section:first-of-type > .sectorBannerConBoton .sectorBanner,
  .home-horizontal section:first-of-type > .sectorBannerConBoton .sectorBanner img,
  .calculadoraBonos .sectorBannerConBoton .sectorBanner,
  .calculadoraBonos .sectorBannerConBoton .sectorBanner img,
  .SeccionesTabs .sectorBannerConBoton .sectorBanner,
  .SeccionesTabs .sectorBannerConBoton .sectorBanner img,
  .home-horizontal .sectorLista.Vertical .sectorBannerConBoton .sectorBanner,
  .home-horizontal .sectorLista.Vertical .sectorBannerConBoton .sectorBanner img{
   width: 100%;
   height: auto;
   display: block;
  }



  .home-horizontal section:first-of-type .gallery .sectorBannerConBoton .sectorBanner:after,
  .home-horizontal section:first-of-type > .sectorBannerConBoton .sectorBanner:after,
  .calculadoraBonos .sectorBannerConBoton .sectorBanner:after,
  .SeccionesTabs .sectorBannerConBoton .sectorBanner:after,
  .home-horizontal .sectorLista.Vertical .sectorBannerConBoton .sectorBanner:after {
   content: "";
   position: absolute;
   bottom: -200px;
   right: 0;
   width: 0;
   height: 0;
   border-right: 500px solid #004059;
   border-top: 300px solid transparent;
   border-bottom: 300px solid transparent;
   opacity: .5;
   pointer-events: none;
   transition: all .3s ease;
  }


.home-horizontal section:first-of-type > .sectorBannerConBoton .sectorBanner:after,
.calculadoraBonos .sectorBannerConBoton .sectorBanner:after,
.SeccionesTabs .sectorBannerConBoton .sectorBanner:after,
.home-horizontal .sectorLista.Vertical .sectorBannerConBoton .sectorBanner:after {
 bottom: -300px;
}



  .home-horizontal section:first-of-type .gallery .sectorBannerConBoton:after,
  .home-horizontal section:first-of-type > .sectorBannerConBoton:after,
  .calculadoraBonos .sectorBannerConBoton:after,
  .SeccionesTabs .sectorBannerConBoton:after,
  .home-horizontal .sectorLista.Vertical .sectorBannerConBoton:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   background: linear-gradient(90deg, #243041, transparent);
   height: 100%;
   width: 75%;
   pointer-events: none;
  }



  .home-horizontal section:first-of-type .gallery .sectorBannerConBoton:before,
  .home-horizontal section:first-of-type > .sectorBannerConBoton:before,
  .calculadoraBonos .sectorBannerConBoton:before {
   content: "";
   position: absolute;
   top: -60px;
   left: 0;
   width: 0;
   height: 0;
   border-left: 400px solid #004059;
   border-top: 250px solid transparent;
   border-bottom: 250px solid transparent;
   opacity: .5;
   pointer-events: none;
   transition: all .3s ease;
  }

  


 .home-horizontal section:first-of-type .textoBannerConBoton,
 .calculadoraBonos .textoBannerConBoton,
 .SeccionesTabs .textoBannerConBoton,
 .home-horizontal .sectorLista.Vertical .textoBannerConBoton {
  position: absolute;
  top: 25%;
  left: 0;
  z-index: 10;
  height: auto;
  width: 80%;
  max-width: 800px;
  display: flex;
  justify-items: center;
  align-items: center;
  flex-wrap: wrap;
  color: #fff;
  padding: 0 0 0 10%;
 }

 .SeccionesTabs .textoBannerConBoton,
 .home-horizontal .sectorLista.Vertical .textoBannerConBoton {
  top: 35%;
 }


  .home-horizontal section:first-of-type .textoBannerConBoton span,
  .calculadoraBonos .textoBannerConBoton span,
  .SeccionesTabs .textoBannerConBoton span,
  .home-horizontal .sectorLista.Vertical .textoBannerConBoton span{
   width: 100%;
   text-align: left;
   margin: 50px 0 70px;
   font-weight: 600;
   font-size: 2.5em;
   transition: all .3s ease;
  }

  .home-horizontal section:first-of-type .textoBannerConBoton #b1,
  .calculadoraBonos .textoBannerConBoton #b1,
  .SeccionesTabs .textoBannerConBoton #b1,
  .home-horizontal .sectorLista.Vertical .textoBannerConBoton #b1{
   font-weight: 800;
   font-size: 4.4em;
   margin: 0;
  }



  .home-horizontal section:first-of-type .textoBannerConBoton a span,
  .calculadoraBonos .textoBannerConBoton a span{
   width: auto;
   background: #2478e8;
   color: #fff;
   padding: 20px 30px;
   font-size: 2em;
   margin: 0;
  }

   .home-horizontal section:first-of-type .textoBannerConBoton a span:hover,
   .calculadoraBonos .textoBannerConBoton a span:hover {
    background: #004059;
   }





 .home-horizontal section:last-of-type .gallery {
  width: 96%;
  display: block;
  max-width: 1400px;
  margin: 0 auto 80px;
  float:none;
 }

  .home-horizontal section:last-of-type .gallery .controls {
   display:none;
  }


 .home-horizontal .sectorGaleria .textoFlotante p {
  text-align: center;
 width: 100%;
 font-size: 1.8em;
 font-weight: 400;
 color: #004059;
 max-width: 950px;
 margin: 100px auto 0;
 display: block;
 line-height: 1.5;
 letter-spacing: 1px;
 }


  .home-horizontal .sectorGaleria .textoFlotante p:after {
   content: "";
   margin: 40px auto;
   display: block;
   width: 75px;
   height: 15px;
   background: url(/Content/MaxValores/img/fondo-triangulo.svg) repeat-x;
   background-size: contain;
  }



 .home-horizontal .sectorLista {
  width: 100%;
  display: inline-block;
  position: relative;
  margin: 50px 0;
  overflow: hidden;
 }




 .home-horizontal .sectorLista.Slider {
  margin: 20px 0;
  padding: 100px 0;
  background-color: #f8f8f8;
  position: relative;
 }

 .home-horizontal section:nth-of-type(2) .sectorLista.Slider {
  background-color: #fff;
 }


 .home-horizontal .sectorLista.Vertical {
  margin: 0;
 }


 .home-horizontal .sectorLista.Horizontal{
  background-color: #f3f3f3;
  margin-bottom: 0;
 }



 .home-horizontal .sectorLista.Default > div,
 .home-horizontal .sectorLista.Horizontal > div,
 .home-horizontal .sectorLista.Slider > div{
  width: 96%;
  max-width: 1400px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 auto;
 }

 .home-horizontal .sectorLista.Slider > .items-7,
 .home-horizontal .sectorLista.Slider > .items-8,
 .home-horizontal .sectorLista.Slider > .items-9{
  justify-content: center;
 }

 .home-horizontal .sectorLista.Horizontal > div {
  padding: 100px 0 60px;
 }






 .home-horizontal .sectorLista.Slider:before {
  content: "";
  position: absolute;
  bottom: -50px;
  right: 0;
  width: 0;
  height: 0;
  border-right: 300px solid #fff;
  border-top: 200px solid transparent;
  border-bottom: 200px solid transparent;
  opacity: .7;
  z-index: 0;
 }



 .home-horizontal section:nth-of-type(2) .sectorLista.Slider:before {
   display: none;
 }







  .home-horizontal .sectorLista .items-2 .sectorImagen {
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
  }



  .home-horizontal .sectorLista .items-2 .sectorTexto {
   width: 90%;
   max-width: 1200px;
   background: #fff;
   padding: 50px 3%;
   display: block;
   margin: 0 auto;
   font-size: 1.4em;
   line-height: 1.5;
  }


  .home-horizontal .sectorLista.Vertical .items-2 .sectorTexto {
   width: 96%;
   max-width: 1400px;
   background: none;
   padding: 0;
   margin: 0 auto;
   font-size: 1.3em;
   color: #004059;
 }



  .home-horizontal .sectorLista .items-2 .sectorTexto p {
   margin: 20px 0;
  }

   .home-horizontal .sectorLista .items-2 .sectorTexto h3,
   .home-horizontal .sectorLista .items-2 .sectorTexto h3 {
    font-size: 2.4em;
    font-weight: 600;
    margin: 0 0 30px;
    color: #004059;
   }

   .home-horizontal .sectorLista .items-2 .sectorTexto b {
    font-size: 1.25em;
    font-weight: 600;
    margin: 20px 0 0;
    display: block;
    color: #004059;
   }

   .home-horizontal .sectorLista .items-2 .sectorTexto a {
    background: #2478e8;
    color: #fff;
    padding: 10px 30px;
    margin: 40px 0 0;
    display: inline-block;
   }

    .home-horizontal .sectorLista .items-2 .sectorTexto a:hover {
     background: #004059;
    }



  

   .home-horizontal .sectorLista > div > .sectorTexto {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
   }

    .home-horizontal .sectorLista.Slider .sectorTexto a:first-of-type {
     margin: 0 15px 0 auto;
     background: #2478e8;
     color: #fff;
     padding: 10px 30px;
     display: inline-block;
     font-size: 1.4em;
    }

     .home-horizontal .sectorLista.Slider .sectorTexto a:first-of-type:hover {
      background: #004059;
     }

    .home-horizontal .sectorLista.Slider .sectorTexto a:last-of-type {
     margin: 10px auto 4px 15px;
     font-weight: 600;
     border-bottom: 2px solid #75fac7;
     padding: 0;
     color: #2478e8;
     background: none;
     font-size: 1.4em;
    }

     .home-horizontal .sectorLista.Slider .sectorTexto a:last-of-type:hover {
      border-color: #004059;
      color: #004059;
     }

     .home-horizontal .sectorLista > div > .sectorTexto h4 {
     font-size: 2.1em;
 font-weight: 600;
 position: relative;
    }

    .home-horizontal .sectorLista.Slider .sectorTexto h4:before,
    .home-horizontal .sectorLista .items-4 .sectorTexto h4:before,
    .home-horizontal .sectorLista .items-3 .sectorTexto h4:before {
     content: "";
 position: absolute;
 top: -35px;
 left: -90px;
 width: 0;
 height: 0;
 border-left: 80px solid #fff;
 border-top: 45px solid transparent;
 border-bottom: 45px solid transparent;
 opacity: 1;
    }


    .home-horizontal .sectorLista .items-3 .sectorTexto h4:before {
 border-left: 80px solid #f3f3f3;
    }


   .home-horizontal .sectorLista.Slider .sectorBannerConBoton,
   .home-horizontal .sectorLista .items-4 .sectorBannerConBoton {
    width: 27.3%;
    min-height: 300px;
    margin: 60px 0;
    padding: 40px 2%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    background: #fff;
    font-size: 1.2em;
    }

    .home-horizontal section:nth-of-type(2) .sectorLista.Slider .sectorBannerConBoton {
    box-shadow: 0 0 2px 1px #eee;
   }

   .home-horizontal .sectorLista.Slider .items-4 .sectorBannerConBoton {
    box-shadow:none;
   }


    .home-horizontal .sectorLista.Slider .sectorBannerConBoton .sectorBanner,
    .home-horizontal .sectorLista .items-4 .sectorBannerConBoton .sectorBanner {
     width: 20%;
     display: inline-block;
    }


     .home-horizontal .sectorLista.Slider .sectorBannerConBoton .sectorBanner img,
     .home-horizontal .sectorLista .items-4 .sectorBannerConBoton .sectorBanner img {
      width: auto;
      max-width: 100%;
     }


    .home-horizontal .sectorLista.Slider .sectorBannerConBoton .textoBannerConBoton,
    .home-horizontal .sectorLista .items-4 .sectorBannerConBoton .textoBannerConBoton {
     width: 75%;
     display: inline-block;
     font-size: 1.2em;
     line-height: 1.4;
    }

     .home-horizontal .sectorLista.Slider .sectorBannerConBoton .textoBannerConBoton #b1,
     .home-horizontal .sectorLista .items-4 .sectorBannerConBoton .textoBannerConBoton #b1 {
      width: 100%;
      font-size: 1.25em;
      font-weight: 600;
      display: inline-block;
      color: #004059;
      min-height: 60px;
      letter-spacing:1px;
     }

     .home-horizontal .sectorLista.Slider .sectorBannerConBoton .textoBannerConBoton #b2:before,
     .home-horizontal .sectorLista .items-4 .sectorBannerConBoton .textoBannerConBoton #b2:before {
      content: "";
      height: 2px;
      width: 50%;
      max-width: 100px;
      display: block;
      background: #75fac7;
      margin: 10px 0 40px;
     }




     .home-horizontal .sectorLista.Slider .sectorBannerConBoton .textoBannerConBoton #b7,
     .home-horizontal .sectorLista.Slider .sectorBannerConBoton .textoBannerConBoton #b8{
      display: none;
     }


    


     .home-horizontal .sectorLista.Slider .items-7 .sectorTexto,
     .home-horizontal .sectorLista.Slider .items-8 .sectorTexto,
     .home-horizontal .sectorLista.Slider .items-9 .sectorTexto {
      width: 100%;
      margin-bottom: 40px;
     }

     .home-horizontal .sectorLista.Slider .items-7 .sectorBannerConBoton,
     .home-horizontal .sectorLista.Slider .items-8 .sectorBannerConBoton,
     .home-horizontal .sectorLista.Slider .items-9 .sectorBannerConBoton {
      width: 31.3%;
      display: inline-block;
      position: relative;
      margin: 15px 1%;
      padding: 0;
      overflow: hidden;
     }

     .home-horizontal .sectorLista.Slider .items-7 .sectorBannerConBoton .sectorBanner,
     .home-horizontal .sectorLista.Slider .items-7 .sectorBannerConBoton .sectorBanner img,
     .home-horizontal .sectorLista.Slider .items-8 .sectorBannerConBoton .sectorBanner,
     .home-horizontal .sectorLista.Slider .items-8 .sectorBannerConBoton .sectorBanner img,
     .home-horizontal .sectorLista.Slider .items-9 .sectorBannerConBoton .sectorBanner,
     .home-horizontal .sectorLista.Slider .items-9 .sectorBannerConBoton .sectorBanner img{
      width: 100%;
      height: auto;
      display: block;
     }

     .home-horizontal .sectorLista.Slider .items-7 .sectorBannerConBoton .textoBannerConBoton,
     .home-horizontal .sectorLista.Slider .items-8 .sectorBannerConBoton .textoBannerConBoton,
     .home-horizontal .sectorLista.Slider .items-9 .sectorBannerConBoton .textoBannerConBoton {
      position: absolute;
      top: 100%;
      left: 0;
      width: 86%;
      height: 86%;
      background: #fff;
      padding: 7.1%;
      font-size: 1em;
      line-height: 1.2;
      transition: all .3s ease;
     }

     .home-horizontal .sectorLista.Slider .items-7 .sectorBannerConBoton:hover .textoBannerConBoton,
     .home-horizontal .sectorLista.Slider .items-8 .sectorBannerConBoton:hover .textoBannerConBoton,
     .home-horizontal .sectorLista.Slider .items-9 .sectorBannerConBoton:hover .textoBannerConBoton {
      top: 0;
     }

     .home-horizontal .sectorLista.Slider .items-7 .sectorBannerConBoton .textoBannerConBoton #b1,
     .home-horizontal .sectorLista.Slider .items-7 .sectorBannerConBoton .textoBannerConBoton #b2,
     .home-horizontal .sectorLista.Slider .items-8 .sectorBannerConBoton .textoBannerConBoton #b1,
     .home-horizontal .sectorLista.Slider .items-8 .sectorBannerConBoton .textoBannerConBoton #b2,
     .home-horizontal .sectorLista.Slider .items-9 .sectorBannerConBoton .textoBannerConBoton #b1,
     .home-horizontal .sectorLista.Slider .items-9 .sectorBannerConBoton .textoBannerConBoton #b2{
      font-size: 1.4em;
      color: #004059;
      width: 100%;
      display: block;
      font-weight: 500;
      min-height: 0;
     }

     .home-horizontal .sectorLista.Slider .items-7 .sectorBannerConBoton .textoBannerConBoton #b2,
     .home-horizontal .sectorLista.Slider .items-8 .sectorBannerConBoton .textoBannerConBoton #b2,
     .home-horizontal .sectorLista.Slider .items-9 .sectorBannerConBoton .textoBannerConBoton #b2{
      font-size: 1.2em;
      color: #2478e8;
     }

     .home-horizontal .sectorLista.Slider .items-7 .sectorBannerConBoton .textoBannerConBoton #b2:before,
     .home-horizontal .sectorLista.Slider .items-8 .sectorBannerConBoton .textoBannerConBoton #b2:before,
     .home-horizontal .sectorLista.Slider .items-9 .sectorBannerConBoton .textoBannerConBoton #b2:before{
      display: none;
     }
     
     .home-horizontal .sectorLista.Slider .items-7 .sectorBannerConBoton .textoBannerConBoton #b2:after,
     .home-horizontal .sectorLista.Slider .items-8 .sectorBannerConBoton .textoBannerConBoton #b2:after,
     .home-horizontal .sectorLista.Slider .items-9 .sectorBannerConBoton .textoBannerConBoton #b2:after {
      content: "";
      height: 2px;
      width: 50%;
      max-width: 80px;
      display: block;
      background: #75fac7;
      margin: 15px 0;
     }


     .home-horizontal .sectorLista .items-7 .sectorBannerConBoton {
      width: 15%;
      display: inline-block;
      text-align: center;
      position: relative;
      margin: 120px 0 50px;
     }

     .home-horizontal .sectorLista .items-7 .sectorBannerConBoton .textoBannerConBoton{
      width: 100%;
 background: #fff;
 padding: 75px 0 0;
 font-weight: 500;
 font-size: 1.5em;
 color: #004059;
 min-height: 100px;
 line-height: 1.3;
     }


     .home-horizontal .sectorLista .items-7 .sectorBannerConBoton .sectorBanner {
      position: absolute;
      width: 50%;
      top: -40px;
      left: 25%;
     }



     .home-horizontal .sectorLista .items-7 .sectorBannerConBoton .sectorBanner img{
      width: 100%;
      max-width: 80px;
      height: auto;
      max-height: 80px;
      margin: auto;
      display: block;
     }



     .home-horizontal .sectorLista.Default {
      padding: 80px 0 0;
     }



     .home-horizontal .sectorLista.Default .items-3{
      align-items: center;
     }

     .home-horizontal .sectorLista.Default .items-3 .sectorTexto:first-of-type{
    margin:0 0 80px;
     }

     .home-horizontal .sectorLista.Default .items-3 .sectorImagen{
      width: 50%;
      display: inline-block;
     }


     .home-horizontal .sectorLista.Default .items-3 .sectorImagen img{
      width: 90%;
     }

     .home-horizontal .sectorLista.Default .items-3 .sectorTexto:last-of-type{
      width: 45%;
      display: inline-block;
     }

     

     .home-horizontal .sectorLista.Default .items-3 .sectorTexto:last-of-type div {
      display: flex;
      width: 100%;
      align-items: flex-start;
     }

     

     .home-horizontal .sectorLista.Default .items-3 .sectorTexto:last-of-type div img {
      width: 70px;
      height: auto;
     }

     .home-horizontal .sectorLista.Default .items-3 .sectorTexto:last-of-type div p {
      display: inline-block;
      font-size: 1.4em;
      line-height: 1.5;
       width: 100%;
       margin: 30px 0 0 20px;
       color: #004059;
     }

     .home-horizontal .sectorLista.Default .items-3 .sectorTexto:last-of-type div p:after {
      content: "";
      height: 2px;
      width: 50%;
      max-width: 100px;
      display: block;
      background: #75fac7;
      margin: 30px 0;
     }

     .home-horizontal .sectorLista.Default .items-3 .sectorTexto:last-of-type div:last-of-type p:after {
      display: none;
     }


     .home-horizontal .sectorLista.Default .items-3 .sectorTexto:last-of-type div p b {
      width: 100%;
      display: block;
      margin: 0 0 30px;
      font-size: 1.2em;
      font-weight: 500;
     }




     .home-horizontal .sectorLista.TextoDesplegable .sectorTexto:first-of-type {
      background-color: #f8f8f8;
 position: relative;
 width: 100%;
 max-width: none;
 margin: 0 0 60px;
 font-size: 1em;
 line-height: 1;
     }


     .home-horizontal .sectorLista.TextoDesplegable .sectorTexto h2 {
      font-size: 4.5em;
      color: #004059;
      font-weight: 800;
      width: 90%;
      margin: 80px 5%;
      letter-spacing: .5px;
     }

     .home-horizontal .sectorLista.TextoDesplegable .sectorTexto h2:before {
      content: "";
      position: absolute;
      top: 90px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 30px solid #2478e8;
      border-top: 20px solid transparent;
      border-bottom: 20px solid transparent;
     }

     .home-horizontal .sectorLista.TextoDesplegable .sectorTexto {
      width: 96%;
      max-width: 1400px;
      margin: 0 auto;
      font-size: 1.4em;
      line-height: 1.5;
     }

     .home-horizontal .sectorLista.TextoDesplegable .sectorTexto p {
       display: none;
     }

     .home-horizontal .sectorLista.TextoDesplegable .sectorTexto.textoDesplegado p {
      display: block;
      animation: animationTransicion 10s ease;
     }

     .home-horizontal .sectorLista.TextoDesplegable .sectorTexto p a{
      color: #2478e8;
      font-weight: 500;
     }

     .home-horizontal .sectorLista.TextoDesplegable .sectorTexto p a:hover{
     color: #75fac7;
    }

     

     .home-horizontal .sectorLista.TextoDesplegable .sectorTexto h4 {
      font-size: 1.2em;
      font-weight: 500;
      position: relative;
      display: block;
      color: #004059;
      margin: 20px 0 10px;
      padding: 30px 0 0;
      border-top: 1px solid #f3f3f3;
      cursor: pointer;
     }

     .home-horizontal .sectorLista.TextoDesplegable .sectorTexto:nth-of-type(2) h4 {
      border-top: 0;
     }

     .home-horizontal .sectorLista.TextoDesplegable .sectorTexto h4::before {
      content: "+";
      font-weight: 500;
      color: #2478e8;
      font-size: 1.2em;
      line-height: .93;
      height: 24px;
      width: 24px;
      border: 3px solid #ccc;
      position: absolute;
      left: 0;
      text-align: center;
     
     }

     .home-horizontal .sectorLista.TextoDesplegable .sectorTexto:hover h4::before {
       border-color: #75fac7;
     }


     .home-horizontal .sectorLista.TextoDesplegable .sectorTexto.textoDesplegado h4::before {
      content: "-";
      font-size: 1.3em;
      line-height: .73;
      height: 24px;
      width: 24px;
      border-color: #75fac7;
     }

     .home-horizontal .sectorLista.TextoDesplegable .sectorTexto p,
     .home-horizontal .sectorLista.TextoDesplegable .sectorTexto h4 {
      width: 95%;
      padding-left: 5%;
      position: relative;
     }



    .sky-mega-menu.Informe,
    .home-horizontal .sky-mega-menu.Informe {
     width: 96%;
     max-width: 1400px;
     margin: -45px auto 60px;
     display: flex;
     align-items: center;
     justify-content: space-between;
    }

    .sky-mega-menu.Informe:after,
    .home-horizontal .sky-mega-menu.Informe:after {
     display: none;
    }


    .sky-mega-menu.Informe li,
    .home-horizontal .sky-mega-menu.Informe li{
     width: 23%;
     display: inline-block;
     padding: 0;
    }

    .sky-mega-menu.Informe li a,
    .home-horizontal .sky-mega-menu.Informe li a{
     width: 90%;
     padding: 18px 5%;
     margin: 0;
     background: #004059;
     font-size: 1.9em;
     letter-spacing: 1px;
     color: #fff;
     text-align: left;
    }

    .sky-mega-menu.Informe li a:before{
     content: "Calculadora";
     width: 100%;
     font-size: .55em;
     display: block;
    }


    .sky-mega-menu.Informe li a.selected,
    .sky-mega-menu.Informe li a:hover{
     background: #2478e8;
    }

@media (max-width: 1400px) {

 .home-horizontal section:first-of-type .gallery .textoBannerConBoton {
  top: 20%;
  max-width: 700px;
 }

  .home-horizontal section:first-of-type .gallery .textoBannerConBoton span {
   margin: 30px 0 50px;
   font-size: 2em;
  }

  .home-horizontal section:first-of-type .gallery .textoBannerConBoton #b1 {
   font-size: 4em;
  }



  .home-horizontal section:first-of-type .gallery .textoBannerConBoton a span {
   padding: 15px 25px;
   font-size: 1.5em;
  }


 .home-horizontal section:first-of-type .gallery .sectorBannerConBoton:before {
  border-left: 300px solid #004059;
  border-top: 200px solid transparent;
  border-bottom: 200px solid transparent;
 }


 .home-horizontal .sectorLista .items-9 .sectorBannerConBoton .textoBannerConBoton {
  width: 90%;
  height: 90%;
   padding: 5.1%;
  font-size: 1em;
  line-height: 1.3;
 }


 .sky-mega-menu.Informe li a,
 .home-horizontal .sky-mega-menu.Informe li a{
  font-size: 1.5em;
 }


 .sky-mega-menu.Informe li a:before,
 .home-horizontal .sky-mega-menu.Informe li a:before{
  font-size: .7em;
 }

}



@media (max-width: 1200px) {

 .home-horizontal section:first-of-type .gallery .textoBannerConBoton {
  top: 15%;
 }

 .home-horizontal .sectorLista .items-9 .sectorBannerConBoton .textoBannerConBoton {
  width: 94%;
  height: 94%;
   padding: 3.1%;
  font-size: .9em;
 }

 .sky-mega-menu.Informe li a,
 .home-horizontal .sky-mega-menu.Informe li a{
  font-size: 1.4em;
 }


 .sky-mega-menu.Informe li a:before,
 .home-horizontal .sky-mega-menu.Informe li a:before{
  font-size: .8em;
 }

}



/*----------------------------------------STAFF RESULTADO----------------------------------*/


.staff,
.resultado,
.resultadoBis {
 display: flex !important;
 flex-wrap: wrap;
 justify-content: center;
 background: url(/Content/MaxValores/img/fondo-triangulos.svg) bottom no-repeat;
 background-color: #f8f8f8;
 background-size: 100% auto;
}

.resultado {
 display: inline-block !important;
}

.staff > div,
.resultado> div{
 display: inline-block;
 width: 20%;
 padding: 40px 5%;
 background: #fff;
 margin: 70px 0;
 max-width: 300px;
}

.resultado > div {
 width: 96%;
 max-width: 1400px;
 padding: 50px 0;
 margin: 100px auto;
 display: block;
}



 .staff > div:nth-last-of-type(2) {
  width: 56%;
  margin-left: 2%;
  max-width: 600px;
 }

 .staff > div.clear,
 .resultado > div.clear {
  display: none;
 }

 .staff > div .sectorTexto ,
 .resultado > div .sectorTexto {
  width: 100%;
  display: inline-block;
  font-size: 1.2em;
  line-height: 1.4;
  color: #004059;
 }

 .staff > div:nth-last-of-type(2) .sectorTexto ,
 .resultado > div:nth-last-of-type(2) .sectorTexto {
  font-size: 1.2em;
 }


 .staff > div .sectorTexto p,
 .resultado > div .sectorTexto p{
  display: inline-block;
  margin: 15px 0 20px;
 }


 .staff > div .sectorTexto h4,
 .resultado > div .sectorTexto h4{
  font-size: 1.3em;
  font-weight: 600;
  width: 100%;
 
 }


.staff > div .sectorTexto a.contacto, .resultado > div .sectorTexto a.contacto {
    background: #2478e8;
    color: #fff;
    padding: 10px 30px;
    font-size: 1.5em;
    font-weight: 500;
    margin: 20px 0;
    display: inline-block;
}

 .resultado > div .sectorTexto h2{
  text-align: center;
  font-size: 3.5em;
 
 }



 
 .resultado .sectorMenu {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  margin: 80px 0 0;
}
 


.resultado .sectorMenu li {
 display: inline-block;
 margin: 0 10px;
}

.resultado .sectorMenu li a {
font-size: 2em;
font-weight: 400;
padding: 25px 50px;
background: #2478e8;
color: #fff;
display: inline-block;
}


.resultado .sectorMenu li a:hover {
background: #004059;
}



 .staff > div:nth-last-of-type(2) .sectorTexto h4,
 .resultado > div .sectorTexto h4 {
  font-size: 1.7em;
  display: flex;
  align-items: center;
  justify-content: space-between;
 }

 .staff > div .sectorTexto h4:before{
  content: "";
  height: 10px;
  width: 10px;
  background: #fff;
  border: 3px solid #2478e8;
  display: inline-block;
  margin: 1px 15px -1px -30px;
 }

 .staff > div:nth-last-of-type(2) .sectorTexto h4:before{
  display: none;
 }

 .staff > div:nth-last-of-type(2) .sectorTexto h4 a ,
 .resultado > div .sectorTexto h4 a {
  display: inline-block;
  margin: 0 0 0 auto;
  align-items: center;
  width: 25px;
 }

 .staff > div:nth-last-of-type(2) .sectorTexto h4 a:last-of-type,
 .resultado > div .sectorTexto h4 a:last-of-type {
   margin: 0 0 0 40px;
 }

 .staff > div:nth-last-of-type(2) .sectorTexto h4 a img,
 .resultado > div .sectorTexto h4 a img{
  width: 100%;
 }


 .resultado .sectorImagen,
 .resultado .sectorImagen img{
  width: 100%;
  height: auto;
 }


 .resultado > div section{
 width: 96%;
 max-width: 1000px;
 display: block;
 margin: auto;
 
}


.resultadoBis .items-3{
 width: 96%;
 max-width: 1100px;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 margin: 100px auto;
 
}


.resultadoBis .items-3 .sectorTexto {
 width: 100%;
 display: block;
 margin: 0 0 100px;
}

.resultadoBis .items-3 .sectorTexto h4{
 text-align: center;
 display: block;
 font-size: 1.6em;
 line-height: 1.5;
 width: 100%;
 margin: auto;
 color: #004059;
 font-weight: 500;
 max-width: 800px;
}

.resultadoBis .items-3 .sectorBannerConBoton {
 width: 48%;
 background: #fff;
 position: relative;
 padding: 150px 0 80px;
}

.resultadoBis .items-3 .sectorBannerConBoton img{
 width: 90%;
 display: block;
 margin: auto;
 height: auto;
}


.resultadoBis .items-3 .sectorBannerConBoton span {
 color: #2478e8;
 font-size: 1.6em;
 font-weight: 500;
 position: absolute;
 top: 15%;
 left: 12%;
}

.resultadoBis .items-3 .sectorBannerConBoton span:after {
 content: "";
 height: 2px;
 width: 50%;
 max-width: 100px;
 display: block;
 background: #75fac7;
 margin: 30px 0;
}



.resultado .sectorLista.Horizontal .sectorBannerConBoton {
    width: 45%;
    background: #2478e8;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    transition: all .3s ease;
}

.resultado .sectorLista.Horizontal > div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 50px 0 0;
}

.resultado .sectorLista.Horizontal .sectorBannerConBoton span {
    font-size: 1.4em;
    color: #fff;
    line-height: 1;
    font-weight: 600;
    display: block;
    padding: 80px 0;
}

.resultado .sectorLista.Horizontal .sectorBannerConBoton img {
    width: auto;
    max-width: 20px;
    margin: 2px 0 0 10px;
}
/*----------------------------------------FORMULARIO----------------------------------*/



  form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
 }

 .sectorFormulario {
  display: none;
 }


 .atBottom .sectorFormulario, 
 .atMiddle .sectorFormulario {
  display: block;
 }




  form > div{
  width: 45%;
  display: inline-block;
  margin: 10px 0;
 }

 form > div:last-of-type{
  width: auto;
 }

 form.Trabaja > div:nth-last-of-type(3),
 form.ReclamosySugerencias > div:nth-last-of-type(3){
  width: 100%;
 }

  form.ReclamosySugerencias > div:nth-last-of-type(2),
  form.Contacto > div:nth-last-of-type(2){
  width: 100%;
 }
 
  form > div label {
  font-size: 1.3em;
 }

  form > div input, form > div textarea, form > div select {
  background: #f3f3f3;
 width: 100%;
 padding: 12px 0;
 display: inline-block;
 margin: 5px 0 0;
 text-indent: 10px;
 font-size: 1.2em;
 animation: animationTransicion2 10s ease;
 }


 form > div input.hasDatepicker {
  width: 90%;
 }


 form > div img {
  display: inline-block;
  background: #f3f3f3;
  padding: 9px;
  margin: 5px 0 0;
 }

 .especieContenido form > div img,
 .fondoDetalle form > div img {
  padding: 0;
 }

 .fondoDetalle form > div img {
  margin: 0;
 }


  form input[type="submit"]{
  margin: 20px 0 0 auto;
 color: #fff;
 padding: 10px 40px 10px 35px;
 display: inline-block;
 font-size: 1.2em;
 cursor: pointer;
 width: auto;
 transition: all .3s ease;
 letter-spacing: .5px;
 background: url(/Content/MaxValores/img/fondo-trianguloB.svg) 85% no-repeat #2478e8 !important;
 background-size: 12px !important;
 font-family: 'Work Sans', sans-serif !important;
 text-indent: 0;
 }

 

  form input[type="submit"]:hover{
  background-color: #004059 !important;
 }



 form input[type="file"]{
  background: none;
 padding: 0;
 margin: 0;
 text-indent: 0;
 position: relative;
 display: flex;
 align-items: center;
 height: 40px;
 line-height: 40px;
 cursor: pointer;
 }

 input[type="file" i] {
 cursor: pointer;
 }


 form label[data-type="ARCH"] {
  font-size: 0;
 }
 
 form input[type="file"]:after {
  content: "Adjuntar CV";
  color: #004059;
  font-size: 18px;
  position: absolute;
  left: 0;
  background: #75fac7;
  pointer-events: none;
  width: 180px;
  text-align: center;
  padding: 10px 0;
  line-height: normal;
 }
 
 input[type=file]::-webkit-file-upload-button {
  border: 0;
  background: transparent;
  font-size: 0;
  border-radius: 0;
  width: 180px;
  height: 40px;
  display: inline-block;
  cursor: pointer;

 }

 

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



/*________________________________CALCULADORA________________________________*/


body #formCalculadoraFuturo > div > div > input[type=submit], 
body #formCalculadoraOpcion > div > div > input[type=submit], 
body #formCalculadoraLanzamientoCubierto > div > div input[type=submit], 
body #formCalculadoraLanzamientoCubierto > div div.ui-input-btn, 
body #formCalculadoraFuturo > div div.ui-input-btn, 
body #formCalculadoraOpcion > div div.ui-input-btn,
 body div.ui-datepicker .ui-datepicker-title,
 body .ui-state-default, 
 body div.ui-widget-content .ui-state-default,
 body div.ui-widget-header .ui-state-default .btnCalculadoraFuturo {
 background: #f3f3f3;
 color: #004059;
 font-family: 'Work Sans', sans-serif;
}

body #formCalculadoraFuturo > div > div > input[type=submit], 
body #formCalculadoraOpcion > div > div > input[type=submit], 
body #formCalculadoraLanzamientoCubierto > div > div input[type=submit] {
 color: #fff;
}

body #formCalculadoraFuturo > div > div > input[type=submit]:hover, 
body #formCalculadoraOpcion > div > div > input[type=submit]:hover, 
body #formCalculadoraLanzamientoCubierto > div > div input[type=submit]:hover {
 background-color: #004059 !important;
}

body div.ui-datepicker .ui-datepicker-title, .ui-datepicker th {
 background: #004059;
 color: #fff;
 text-shadow: none;
 font-weight: 500;
 padding: 0.1em 0.3em;
}

#formCalculadoraLanzamientoCubierto > div div.ui-input-btn, 
#formCalculadoraFuturo > div div.ui-input-btn, 
#formCalculadoraOpcion > div div.ui-input-btn, 
div.ui-datepicker .ui-datepicker-title,
 .ui-state-default, div.ui-widget-content .ui-state-default, 
 div.ui-widget-header .ui-state-default .btnCalculadoraFuturo {
 background: #f3f3f3;
 color: #004059;
 text-align: center;
 font-size: 14px;
 border: 0;
}

 

div.ui-datepicker .ui-datepicker-title {
 background-color: #fff;
 color: #333;
}

.sectorCalculadora .ui-datepicker, 
.calculadoraBonos .ui-datepicker {
 position: absolute;
 top: 70px;
 right: 0;
 left: auto;
 width: auto;
 border: 0;
 padding: 0;
 margin: 0;
 padding: 20px 20px 17px;
}

.calculadoraBonos .ui-datepicker {
 position: relative;
 width: 100%;
 max-width: 450px;
 margin: 0 0 0 auto;
 padding: 0;
 top: 0;
 right: auto;
}

 .sectorCalculadora .ui-datepicker td, 
 .calculadoraBonos .ui-datepicker td {
  border: 0;
  padding: 1px;
  width: 35px;
 }

 .sectorCalculadora .ui-datepicker .ui-datepicker-title,
  .calculadoraBonos .ui-datepicker .ui-datepicker-title {
  background: #004059;
  color: #fff;
  width: 86%;
  height: 38px;
  margin: 0 7%;
  font-weight: 300;
  font-size: 1.2em;
  padding: 0;
 }

 .sectorCalculadora .ui-datepicker .ui-state-default, 
 .calculadoraBonos .ui-datepicker .ui-state-default {
  background: #f3f3f3;
 border: 0;
 color: #004059;
 border: 0;
 text-align: center;
 font-size: 1.4em;
 padding: 12px;
 }

 .sectorCalculadora .ui-datepicker .ui-datepicker-week-end .ui-state-default, 
 .calculadoraBonos .ui-datepicker .ui-datepicker-week-end .ui-state-default {
  background: #e0e0e0;
  
 }

 .sectorCalculadora .ui-datepicker .ui-state-default.ui-state-active, 
 .calculadoraBonos .ui-datepicker .ui-state-default.ui-state-active,
 .ui-state-default.ui-state-active, 
 div.ui-widget-content .ui-state-default.ui-state-active,
  .ui-state-default:hover, div.ui-widget-content .ui-state-default:hover {
  background: #2478e8;
  color: #fff;
  
 }

 .sectorCalculadora .ui-datepicker .ui-state-default.ui-state-highlight, 
 .calculadoraBonos .ui-datepicker .ui-state-default.ui-state-highlight {
  color: #004059;
  background: #fff;
  
 }


 



.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
 position: absolute;
 top: 4px;
}


.ui-datepicker .ui-datepicker-prev {
 left: 0;
}

.ui-datepicker .ui-datepicker-next {
 right: 0;
}

.sectorCalculadora .ui-datepicker .ui-datepicker-next, 
.calculadoraBonos .ui-datepicker .ui-datepicker-next,
 .sectorCalculadora .ui-datepicker .ui-datepicker-prev,
 .calculadoraBonos .ui-datepicker .ui-datepicker-prev {
 width: 7%;
 height: 38px;
 background: #f1f1f1;
 padding: 0;
 border: 0!important;
 outline: 0!important;
 border-radius: 0;
 position: absolute;
 top: 3px;
}

 .sectorCalculadora .ui-datepicker .ui-datepicker-next span,
 .calculadoraBonos .ui-datepicker .ui-datepicker-next span,
 .sectorCalculadora .ui-datepicker .ui-datepicker-prev span, 
 .calculadoraBonos .ui-datepicker .ui-datepicker-prev span {
  width: 0 !important;
  height: 0 !important;
  border-top: 8px solid transparent;
  border-left: 10px solid #2478e8;
  border-right: 0;
  border-bottom: 8px solid transparent;
  top: 10px !important;
  left: 9px !important;
  margin: 0;
  opacity: 1;
 }

 .sectorCalculadora .ui-datepicker .ui-datepicker-prev span, 
 .calculadoraBonos .ui-datepicker .ui-datepicker-prev span {
   border-top: 8px solid transparent;
  border-right: 10px solid #2478e8;
  border-left: 0;
  border-bottom: 8px solid transparent;
 }

.sectorCalculadora .ui-datepicker th, 
.calculadoraBonos .ui-datepicker th {
 padding: 5px 0.3em;
 text-align: center;
 font-weight: 300;
 border: 0;
 color: #fff;
 border-radius: 0!important;
 border-bottom: 10px solid #fff;
 border-top: 3px solid #fff;
 background: #004059;
 font-size: 1.3em;
}

.sectorCalculadora .ui-datepicker thead, 
.calculadoraBonos .ui-datepicker thead {
 outline: #fff solid;
}

.sectorCalculadora .ui-datepicker th:first-of-type, 
.calculadoraBonos .ui-datepicker th:first-of-type {
 border-bottom-left-radius: 5px;
 border-top-left-radius: 5px;
}

.sectorCalculadora .ui-datepicker th:last-of-type,
 .calculadoraBonos .ui-datepicker th:last-of-type {
 border-bottom-right-radius: 5px;
 border-top-right-radius: 5px;
}



/*________________________________CALCULADORA LEBAC________________________________*/


/*________________________________FIN CALCULADORA________________________________*/

/*________________________________CALCULADORA BONOS________________________________*/

.calculadoraBonos {
 width: 100%;
 margin: 0 auto 20px;
 min-width: 980px;
 position: relative;
 float: left;
}



.calculadoraBonos .sector3,
.calculadoraBonos .sector4,
.home-horizontal section>.sectorTexto[d-visualizacion="TextoDesplegable"] {
 width: 96%;
 margin: 0 auto;
 max-width: 1200px;
 display: flex;
 flex-wrap: wrap;
}

.calculadoraBonos .sector4 section  {
 width: 100%;                      
}

.calculadoraBonos .sector3 h3,
.home-horizontal section>.sectorTexto[d-visualizacion="TextoDesplegable"] h3{
 font-size: 3.5em;
 color: #004059;
 font-weight: 600;
}

.home-horizontal section>.sectorTexto[d-visualizacion="TextoDesplegable"] h3{
 font-size: 2em;
}


.sectorCalculadora {
 margin: 0 auto 40px;
}



 .calculadoraBonos .calculadoraCont,
 .sectorCalculadora > div {
  width: 96%;
  margin: 0 auto;
  max-width: 1200px;
  display: flex;
  min-height: 100px;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
 }

 .calculadoraBonos .calculadoraCont {
  margin: 0 auto 20px;
 }




 .sectorCalculadora form>div {
  width: 100%;
  display: flex;
  margin: 10px 0;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
 }


 

 .sectorCalculadora form>div>div {
  width: 47%;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  float: left;
 }



 .sectorCalculadora form>div>div:last-of-type{
  width: 100%;
 }

 

 .sectorCalculadora form>div>div>div {
  color: #2478e8;
  font-size: 1.5em;
  font-weight: 600;
  font-family: 'Work Sans',sans-serif!important;
 }



 .sectorCalculadora form>div #dpFechaVencimientoFuturo,
 .sectorCalculadora form>div #dpFechaVencimientoOpcion {
  display: none;
 }




 .sectorCalculadora form>div>div>span {
  position: absolute;
  right: 10px;
  bottom: 7px;
  color: #2478e8;
  font-size: 1.8em;
  font-weight: 600;
  font-family: 'Work Sans',sans-serif!important;
 }




  .calculadoraBonos .calculadoraCont > div {
   width: 51%;
   display: inline-block;
  }

   

   .calculadoraBonos .calculadoraCont > div:nth-of-type(2) {
    margin: 0 0 0 auto;
    width: 40%;
   }

  .calculadoraBonos .calculadoraCont .fecha, 
  .sectorCalculadora .fecha.calculadoraLebacs,
  .calculadoraBonos .leyendaCalculadora {
   width: 100%;
   margin: 15px 0 10px;
   display: inline-block;
   font-size: 1.4em;
   color: #2478e8;
  }

  .calculadoraBonos .leyendaCalculadora {
   margin: 0;
  }

.calculadoraBonos .calculadoraCont h1, .sectorCalculadora h1 {
 display: none;
}

.calculadoraBonos .selectorCodigo {
 width: 100%;
 margin: 10px 0;
 float: left;
}

 .calculadoraBonos .selectorCodigo label,
 .sectorCalculadora form label {
  width: 100%;
  margin: 15px 0 10px;
  display: inline-block;
  font-size: 1.7em!important;
  font-family: 'Work Sans',sans-serif!important;
  color: #666!important;
 }



 

 .calculadoraBonos .selectorCodigo select {
  width: 100%;
  padding: 12px 0;
  display: inline-block;
  font-size: 1.6em;
  max-width: 500px;
  margin: 1px 0 30px;
  text-indent: 10px;
  background: #f3f3f3;
 }

.calculadoraBonos .leyendaCalculadora {
 width: 100%;
 display:inline-block;
}

.calculadoraBonos .btnCalculadora,
.calculadoraBonos .leyendaCalculadoraCierre,
.calculadoraBonos .leyendaCotizacion {
 width: 100%;
 display:inline-block;
 margin: 10px 0;
 font-weight: 300;
}

.calculadoraBonos .btnCalculadora {
 margin: 30px 0;
}

.calculadoraBonos .leyendaCalculadoraCierre {
 font-size: 1.2em;
 font-style: italic;
}


.calculadoraBonos .leyendaCotizacion {
 font-size: 1.3em;
 color: #2478e8;
}



.calculadoraBonos .btnCalculadora input {
 width: auto;
 padding: 10px 60px;
 color: #fff;
 background: #004059;
 margin: 0 20px 0 0;
 letter-spacing: 1px;
 cursor: pointer;
 font-size: 1.4em;
}

 .calculadoraBonos .btnCalculadora input.btnCalcular,
 .calculadoraBonos .btnCalculadora input:hover {
  background: #2478e8;
 }


 .sectorCalculadora form .impuestos,
 .sectorCalculadora form .iva{
 margin: 0 0 0 auto;
 font-size: .7em;
 border-bottom: 1px solid #f3f3f3;
 transform: translateY(-30px);
 }

.sectorCalculadora form#formCalculadoraLanzamientoCubierto .impuestos{
 margin: 50px 0 0 53%;
}
 .sectorCalculadora form .impuestos span,
 .sectorCalculadora form .iva span{
  color: #004059;
  font-weight: 400;
  position: relative;
  right: 0;
  bottom: 0;
  display: initial;
  width: 50%;
  text-align: right;
 }


 .sectorCalculadora form .impuestos label,
 .sectorCalculadora form .iva label{
  width: 50%;
  margin: 5px 0;
  color: #004059!important;
 }







 .sectorCalculadora form .resultados {
  display: flex;
  width: 96%;
  padding: 20px 2%;
  background: #f3f3f3;
 }

 

 .sectorCalculadora form .resultados>div {
  border-bottom: 1px solid #ddd;
  margin: 0 1.5%;
 }


 .sectorCalculadora form .resultados>div:last-of-type {
  width: 47%;
 }



 
 .sectorCalculadora form .resultados>div:first-of-type {
  width: 100%;
  border:none;
 }



 .sectorCalculadora form .resultados label {
  font-size: 1.5em!important;
 color: #004059!important;
 font-weight: 400;
 width: 50%;
 }

 .sectorCalculadora form .resultados div:first-of-type label{
  font-size: 1.9em!important;
 font-weight: 600;
 }




 
/*________________________________FIN CALCULADORA BONOS________________________________*/





/*________________________________ESPECIES________________________________*/




.SeccionesTabs .sectorMenu,
.home-horizontal .sectorMenu{
 background-color: #f8f8f8;
 width: 100%;
 display: block;
 margin-top: -5px;
 position: relative;
}


.home-horizontal .sectorMenu{
  background-color: transparent;
 }

.SeccionesTabs .sectorMenu ul,
.especiesTiposTabs,
.home-horizontal .sectorMenu ul.Simple {
 width: auto;
 margin: 0 auto;
 max-width: 1400px;
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 align-items: center;
 z-index: 1;
}




.home-horizontal .sectorMenu ul.Simple :after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
 background-color: #f8f8f8;
}



.especiesTiposTabs {
 justify-content: flex-start;
  position: relative;
  height: 80px;
  align-items: flex-end;
  transform: translate(0, 20px);
}

.SeccionesTabs .sectorMenu ul li,
.especiesTiposTabs li,
.home-horizontal .sectorMenu ul.Simple li{
 display: inline-block;
 padding: 0 20px;
}

.especiesTiposTabs li{
 padding: 0 5px;
 border-right: 1px solid #888;
}

.especiesTiposTabs li:last-of-type{
 border-right: 0;
}

.SeccionesTabs .sectorMenu ul li a,
.especiesTiposTabs li a,
.home-horizontal .sectorMenu ul.Simple li a {
 display: inline-block;
 width: 100%;
    padding: 25px 20px;
    margin-left: -20px;
    font-size: 1.6em;
    color: #004059;
    font-weight: 400;
    text-align: center;
}







@media (max-width: 1400px) {

  .SeccionesTabs .sectorMenu ul li, 
  .especiesTiposTabs li, 
  .home-horizontal .sectorMenu ul.Simple li {
    padding: 0 15px;
}

  .SeccionesTabs .sectorMenu ul li a,
  .especiesTiposTabs li a,
  .home-horizontal .sectorMenu ul.Simple li a {
      padding: 25px 15px;
      margin-left: -15px;
      font-size: 1.5em;
    }
  }
  
  
  @media (max-width: 1200px) {

    .SeccionesTabs .sectorMenu ul li, 
  .especiesTiposTabs li, 
  .home-horizontal .sectorMenu ul.Simple li {
    padding: 0 10px;
}

    .SeccionesTabs .sectorMenu ul li a,
    .especiesTiposTabs li a,
    .home-horizontal .sectorMenu ul.Simple li a {
        padding: 20px 10px;
        margin-left: -10px;
        font-size: 1.4em;
      }
    }

.especiesTiposTabs li a {
 padding: 0;
 margin-left: 0;
 font-size: 1.4em;
 color: #666;
}


.SeccionesTabs .sectorMenu ul li a:hover,
.SeccionesTabs .sectorMenu ul li a.selected,
.home-horizontal .sectorMenu ul.Simple li a:hover,
.home-horizontal .sectorMenu ul.Simple li a.selected {
 background: #2478e8;
 color: #fff;
}

.especiesTiposTabs li.tabSelected {
 position: absolute;
  top: 0;
  border: 0;
  left: 0;
}

.especiesTiposTabs li.tabSelected a {
 font-weight: 600;
  pointer-events: none;
  font-size: 3.5em;
  color: #004059;
  padding: 0;
}

.especiesTiposTabs li a:hover {
 color: #2478e8;
}

#divContainerTabs,
.clasificacion3variaciones {
 width: 96%;
 max-width: 1400px;
 margin: 20px auto;
 position: relative;
 display: flex;
 flex-wrap: wrap;
}

.clasificacion3variaciones {
 margin: 0 auto;
 display: block;
}


.clasificacion3variaciones > div:first-of-type{
 display: none;
}

.abiertoCotizacion,
.cerradoCotizacion,
#fechaActual{
  margin: 0 20px 0 0;
 font-size: 1.4em;
 display: inline-block;
 color: #004059;
}


.abiertoCotizacion:before,
.cerradoCotizacion:before{
 content: "";
 height: 15px;
 width: 15px;
 display: inline-block;
 background: #999;
 margin-right: 5px;
}


.abiertoCotizacion.rojoCotizacionEstado:before,
.cerradoCotizacion.rojoCotizacionEstado:before{
 background: #f53033;
}


.abiertoCotizacion.verdeCotizacionEstado:before,
.cerradoCotizacion.verdeCotizacionEstado:before{
 background: #61ddad;
}

.tab_content {
 width: 100%;
}


.tab_content table,
.clasificacion3variaciones table {
 width: 100%;
 text-align: right;
 margin: 40px 0;
 font-size: 1.1em;
 color: #666;
 border-spacing: initial;
}

.tab_content table a,
.clasificacion3variaciones table a{
  color: #666;
}

.tab_content table a:hover,
.clasificacion3variaciones table a:hover{
 color: #2478e8;
}

.tab_content table .trmobile,
.tab_content table .thWatchList,
.tab_content table .MostarMas {
 display: none;
}


.tab_content table tr th:nth-of-type(2),
.tab_content table tr th:nth-of-type(3),
.tab_content table .Simbolo,
.tab_content table .descripcion,
.tab_content table .Nombre,
.clasificacion3variaciones table tr th:nth-of-type(1),
.clasificacion3variaciones table tr th:nth-of-type(2),
.clasificacion3variaciones table tr td:nth-of-type(1),
.clasificacion3variaciones table tr td:nth-of-type(2){
 text-align: left;
}

.tab_content table tr th,
.tab_content table tr td,
.clasificacion3variaciones table tr th,
.clasificacion3variaciones table tr td{
 padding: 7px 5px;
 border-bottom: 1px solid #f3f3f3;
 max-width: 190px;
}


.tab_content table tbody tr:hover td,
.clasificacion3variaciones table tr:hover td{
 background-color: #f6f6f6;
}



.tab_content table tr td.negativo,
.clasificacion3variaciones table tr td.negativo {
 color: #f53033;
}



.tab_content table tr td.positivo,
.clasificacion3variaciones table tr td.positivo {
 color: #61ddad;
}


.tab_content table tr td.negativo:after,
.tab_content table tr td.positivo:after,
.clasificacion3variaciones table tr td.negativo:after,
.clasificacion3variaciones table tr td.positivo:after {
 content: "";
 width: 0;
 height: 0;
 border-right: 4px solid transparent;
 border-top: 6px solid #f53033;
 border-bottom: 6px solid transparent;
 border-left: 4px solid transparent;
 display: inline-block;
 margin: 4px 5px -4px;
}


.tab_content table tr td.positivo:after,
.clasificacion3variaciones table tr td.positivo:after {
 border-right: 4px solid transparent;
 border-top: 6px solid transparent;
 border-bottom: 6px solid #61ddad;
 border-left: 4px solid transparent;
 margin: -2px 5px 2px;
}

.tab_content table tr td.neutro:after,
.clasificacion3variaciones table tr td.neutro:after {
 content: "";
 width: 6px;
 height: 3px;
 background: #666;
 display: inline-block;
 margin: -5px 5px 5px;
}

.tab_content table tr th,
.clasificacion3variaciones table tr th{
 padding: 7px 7px 10px;
 border-bottom: 2px solid #eee;
 color: #004059;
 font-weight: 500;
}



.clasificacion3variaciones table tfoot:last-of-type{
 display: none;
  
}

.clasificacion3variaciones table tfoot{
 font-weight: 600;
  
}

.clasificacion3variaciones table tfoot td{
 border: 0;
 padding: 40px 5px 0;
}


#divContainerTabs .thHistorico {
 position: absolute;
 top: -70px;
 right: 0;
 border: 0;
 font-weight: 300;
 color: #004059;
 font-size: 1.3em;
 letter-spacing: .5px;
 background: #f8f8f8;
 padding: 10px 20px;
 display: flex;
 justify-content: space-between;
 align-items: center;
}


#divContainerTabs .thHistorico input{
 width: 20px;
 height: 15px;
 display: inline-block;
 margin-left: 10px;
}


.sector3,
.sector6 {
 width: 96%;
 max-width: 1400px;
 margin: 30px auto;
 position: relative;
}

.sector6 {
 margin: 0 auto 50px;
 font-size: 1.3em;
}


.sector3 .sectoBuscadorEspecie {
 border: 1px solid #eee;
 width: auto;
 height: 40px;
 position: absolute;
 right: 220px;
 bottom: -72px;
 padding: 0 5px;
 flex-direction: row-reverse;
 justify-content: space-between;
 align-items: center;
 z-index: 10;
}


.sector3 .sectoBuscadorEspecie .btnMostrarBuscador {
 pointer-events: none;
}

.sector3 input.buscadorEspecie {
 display: inline-block;
 position: relative;
 right: 0;
 bottom: 0;
 top: 0;
 border: 0;
}






/*________________________________DETALLE ESPECIE________________________________*/

.especieDetalle {
 background: url(/Content/MaxValores/img/fondo-triangulos.svg) no-repeat bottom;
 background-color: #f8f8f8;
 background-size: 100% auto;
}

.especieDetalleHeader .sectorMenu {
 width: 100%;
 padding: 0;
 background: #004059;
 float: left;
 border-bottom: 1px solid #50c8f7;
}

 .especieDetalleHeader .sectorMenu > ul {
  width: 94%;
  margin: 0 auto;
  max-width: 1600px;
  display: table;
 }

  .especieDetalleHeader .sectorMenu > ul > li {
   float: left;
   width: 25%;
   margin: 0;
   padding: 0;
  }

 .especieDetalleHeader .sectorMenu:first-of-type > ul > li {
  float: left;
  width: auto;
  margin: 0;
  padding: 0;
 }

  .especieDetalleHeader .sectorMenu:first-of-type > ul > li a {
   color: #fff;
   font-size: 16px;
   padding: 20px 0 15px;
   margin: 0;
   font-weight: 500;
   letter-spacing: 1px;
   float: left;
   border-right: 1px solid #50c8f7;
   padding: 20px 20px 15px 37px;
   background: url(/Content/MaxValores/img/botones/bot-top-informacion.svg) left center no-repeat;
   background-size: 35px;
  }

 .especieDetalleHeader .sectorMenu:first-of-type ul li:nth-of-type(2) a {
  margin: 0 20px;
  padding: 20px 20px 15px 40px;
  border-right: 1px solid #50c8f7;
  background: url(/Content/MaxValores/img/botones/bot-top-calculadora.svg) left center no-repeat;
  background-size: 35px;
 }

 .especieDetalleHeader .sectorMenu:first-of-type ul li:nth-of-type(3) a {
  background: url(/Content/MaxValores/img/botones/bot-top-fondos.svg) left center no-repeat;
  background-size: 35px;
  border: 0;
 }

 .especieDetalleHeader .sectorMenu:first-of-type > ul > li a:hover {
  opacity: .8;
 }

 .especieDetalleHeader .sectorMenu:last-of-type > ul > li a:hover {
  color: #333;
 }

.especieDetalleHeader .sectorTexto {
 width: 100%;
 padding: 30px 0 40px;
 background: #004059;
 float: left;
}

 .especieDetalleHeader .sectorTexto > span {
  width: 94%;
  margin: 0 auto;
  max-width: 1600px;
  display: block;
 }

 .especieDetalleHeader .sectorTexto h1 {
  display: block;
  font-size: 60px;
  color: #fff;
  line-height: 60px;
  font-weight: 400;
  letter-spacing: 1px;
  float: left
 }

 .especieDetalleHeader .sectorTexto p {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #fff;
  float: right;
  width: 400px;
  padding-left: 40px;
  margin: 20px 0 0;
  background: url(/Content/MaxValores/img/relojArena.svg) left center no-repeat;
  background-size: 30px;
 }

  .especieDetalleHeader .sectorTexto p a {
   color: #fff;
   font-size: 14px;
   line-height: 16px;
   font-weight: 500;
  }

.especieDetalleHeader .sectorMenu:last-of-type {
 background: #fff;
 margin: 0;
 border: 0;
 padding-bottom: 40px;
}

 .especieDetalleHeader .sectorMenu:last-of-type > ul {
  border-bottom: 1px solid #ddd;
  padding: 5px 0;
 }

.especieDetalle {
 width: 100%;
 display: table;
 margin: auto;
 position: relative;
}

 .especieDetalle .sectorArchivos a {
  position: fixed;
  box-shadow: -5px 3px 5px 0 rgba(0,0,0,.2);
  border-bottom-left-radius: 50px;
  border-top-left-radius: 50px;
  top: 270px;
  right: -120px;
  font-size: 14px;
  color: #666;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 12px 10px 12px 65px;
  background: url(/Content/MaxValores/img/pdf.svg) no-repeat left center #fcfcfc;
  background-size: 40px;
  background-position: 10px;
  width: 100px;
  line-height: 16px;
 }

  .especieDetalle .sectorArchivos a:hover {
   color: #fff;
   background: url(/Content/MaxValores/img/pdf.svg) no-repeat left center #072833;
   background-size: 40px;
   background-position: 10px;
   right: -5px;
  }



.especieDetalle .especieTitulo {
 width: 96%;
 max-width: 1600px;
 background-color: transparent;
 margin: 0 auto;
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 150px 0 10px;
 transition: all .3s ease;
}

 .especieDetalle .especieTitulo .operar a {
  float: right;
  margin: 20px 0 0 0;
  background: #072833;
  color: #fff;
  padding: 5px 40px;
  
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
 }

 .especieDetalle .especieTitulo > div {
  display: inline-block;
  padding: 0;
  width: 45%;
  
  background: #fff;
 }

  .especieDetalle .especieTitulo > div.perfomanceEspecie {
   width: 27%;
   padding: 10px .5%;
   border: 1px solid #eee;
  }

   .especieDetalle .especieTitulo > div.perfomanceEspecie table {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
   }

    .especieDetalle .especieTitulo > div.perfomanceEspecie table td {
     padding: 1px 4px 2px;
     text-align: right;
    }

     .especieDetalle .especieTitulo > div.perfomanceEspecie table td:first-of-type {
      max-width: 15px;
     }

     .especieDetalle .especieTitulo > div.perfomanceEspecie table td:nth-of-type(2) {
      min-width: 100px;
     }

      .especieDetalle .especieTitulo > div.perfomanceEspecie table td:nth-of-type(2) > div {
       width: 100%;
       background: #f8f8f8;
       height: 18px;
       overflow: hidden;
       display: block;
       position: relative;
      }

       .especieDetalle .especieTitulo > div.perfomanceEspecie table td:nth-of-type(2) > div span {
        position: absolute;
        top: 2px;
        left: 0;
        text-align: right;
        width: 48%;
        font-weight: 500;
        font-size: 12px; /*color: #5e9679;*/
       }

       .especieDetalle .especieTitulo > div.perfomanceEspecie table td:nth-of-type(2) > div div.negativo + span {
        position: absolute;
        top: 2px;
        left: auto;
        right: 0;
        text-align: left;
        width: 48%;
        font-weight: 500; /*color: #a84851;*/
       }

       .especieDetalle .especieTitulo > div.perfomanceEspecie table td:nth-of-type(2) > div div.neutro + span {
        display: none;
       }

       .especieDetalle .especieTitulo > div.perfomanceEspecie table td:nth-of-type(2) > div div {
        background: #70c598;
        float: left;
        margin-left: 50%;
        height: 21px;
        max-width: 50%;
       }

        .especieDetalle .especieTitulo > div.perfomanceEspecie table td:nth-of-type(2) > div div.negativo {
         margin-left: 0;
         margin-right: 50%;
         background: #f53033;
         float: right;
        }

        .especieDetalle .especieTitulo > div.perfomanceEspecie table td:nth-of-type(2) > div div.neutro {
         margin-left: 0;
         margin-right: 0;
         background: #f8f8f8;
         float: right;
         min-width: 100%;
        }

     .especieDetalle .especieTitulo > div.perfomanceEspecie table td:last-of-type {
      text-align: right;
      font-weight: 500;
      display: none;
     }

  .especieDetalle .especieTitulo > div.especieOferta {
   float: right;
   width: 23%;
   background: #2478e8;
   padding: 20px 1%;
   margin: 0;
  }

.atTop .especieDetalle .especieTitulo > div:first-of-type {
 padding: 5px 3% 10px;
 background: rgba(0,64,89,1);
}

.especieDetalle .especieTitulo > div:first-of-type {
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-start;
 align-items: flex-end;
 width: 100%;
 padding: 0 3% 5px;
 margin: 0;
 position: fixed;
 top: 90px;
 left: 0;
 z-index: 10;
 transition: all .3s ease;
 border-radius: 0;
 background: rgba(0,64,89,.9);
}

.atTop .especieDetalle .especieTitulo .tdSimbolo h2 {
 font-size: 80px;
 line-height: 80px;
 margin: 0;
}

.especieDetalle .especieTitulo .tdSimbolo h2 {
 font-size: 50px;
 line-height: 50px;
 margin: 5px 10px 0 0;
 color: #fff;
 display: inline-block;
 font-weight: 600;
 letter-spacing: 2px;
 padding: 0;
 transition: all .3s ease;
}

.atTop .especieDetalle .especieTitulo .tdDescripcionNombre {
 font-size: 18px;
}

.especieDetalle .especieTitulo .tdDescripcionNombre {
 font-size: 14px;
  color: #75fac7;
  display: inline-block;
  font-weight: 600;
  letter-spacing: 1px;
  transition: all .3s ease;
  margin: 0 0 0 10px;
}

.atTop .especieDetalle .especieTitulo .tdCotizEspecie, 
.atTop .especieDetalle .especieTitulo .tdVariacion {
 font-size: 60px;
}

.especieDetalle .especieTitulo .tdCotizEspecie, 
.especieDetalle .especieTitulo .tdVariacion {
 font-size: 40px;
 color: #fff;
 display: inline-block;
 transition: all .3s ease;
 margin: 0 10px;
 font-weight: 300;
 letter-spacing: -2px;
}

.atTop .especieDetalle .especieTitulo .tdDescripcionFecha {
 font-size: 18px;
}

.especieDetalle .especieTitulo .tdDescripcionFecha {
 color: #fff;
 font-size: 14px;
 display: contents;
 letter-spacing: 2px;
 transition: all .3s ease;
}


.especieDetalle .especieTitulo .tdDescripcionFecha::before {
 content: "";
 display: block;
 clear: both;
 width: 100%;
}




.especieDetalle .especieTitulo .tdDescripcion {
 font-size: 16px;
 margin: 0;
 color: #2478e8;
 float: left;
 font-stretch: condensed;
 font-weight: 800;
 letter-spacing: 1px;
 width: 48%;
 line-height: normal;
 padding: 13px 1%;
 text-indent: 3px;
 text-align: right;
}

 .especieDetalle .especieTitulo .tdDescripcion#lblApertura, .especieDetalle .especieTitulo .tdDescripcion#lblVolumen {
  background: #f8f8f8;
 }

 .especieDetalle .especieTitulo .tdDescripcion:last-of-type, .especieDetalle .especieTitulo .tdDescripcion:nth-last-of-type(2) {
  border: none;
 }

 .especieDetalle .especieTitulo .tdDescripcion span {
  font-size: 16px;
  color: #666;
  font-weight: 400;
  width: auto;
  float: left;
  text-align: left;
 }


 


.especieDetalle .especieTitulo .tdVariacion {
 position: relative;
 color: #999;
 padding: 0;
 transition: all .3s ease;
}

.atTop .especieDetalle .especieTitulo .tdVariacion label {
 font-size: 60px;
}

.especieDetalle .especieTitulo .tdVariacion label {
 font-size: 40px;
 transition: all .3s ease;
}

.especieDetalle .especieTitulo .tdVariacion p {
 font-size: 30px;
 display: inline;
}

.atTop .especieDetalle .especieTitulo .tdVariacion.negativo, .atTop .especieDetalle .especieTitulo .tdVariacion.positivo {
 background-size: 34px;
}

.especieDetalle .especieTitulo .tdVariacion.negativo {
 color: #f53033;
 background: url(/Content/MaxValores/img/flechaDown.svg) right 0 no-repeat;
 background-size: 30px;
 background-position-y: 8px;
 padding: 0 35px 0 0;
 transition: all .3s ease;
}

.especieDetalle .especieTitulo .tdVariacion.positivo {
 color: #61ddad;
 background: url(/Content/MaxValores/img/flechaUp.svg) right 0 no-repeat;
 background-size: 30px;
 background-position-y: 8px;
 padding: 0 35px 0 0;
 transition: all .3s ease;
}

.especieDetalle .menuComparar {
 width: 92%;
  max-width: 1600px;
  display: table;
  margin: 20px auto 80px;
  position: relative;
  background: #fff;
  padding: 20px 2% 40px;
}

 .especieDetalle .menuComparar .menuSolapas {
  width: auto;
  display: flex;
  padding: 20px 0;
  margin: 0 auto 10px;
  justify-content: center;
 }

  .especieDetalle .menuComparar .menuSolapas > ul > li {
   width: auto;
   display:inline-block;
   position: relative;
  }

  .especieDetalle .menuComparar .menuSolapas input {
   display:inline-block;
   width: auto;
   font-size: 18px;
   letter-spacing: 1px;
   cursor: pointer;
   padding: 15px 15px 13px;
   position: relative;
   margin: 0 20px 0 0;
   color: #0a3d4c;
   border: 1px solid #0a3d4c;
   transition: all .3s ease;
   text-transform: uppercase;
   background: #fff;
  }

   .especieDetalle .menuComparar .menuSolapas input:hover {
    border: 1px solid #004059;
    background: #004059;
    color: #fff;
   }

   .especieDetalle .menuComparar .menuSolapas input.selectedSolapa {
    border: 1px solid #0a3d4c;
    background: #0a3d4c;
    color: #fff;
   }

  .especieDetalle .menuComparar .menuSolapas > ul > li#liGraficos > ul {
   position: absolute;
   display: none;
   top: 100%;
   left: -5px;
   background: #0a3d4c;
   z-index: 20;
   width: 200px;
   padding: 15px; /* border: 1px solid #ccc; */
  }

  .especieDetalle .menuComparar .menuSolapas > ul > li#liGraficos.graficosDesplegado > ul {
   display: block;
   animation: menu-animation .5s ease forwards;
  }

   .especieDetalle .menuComparar .menuSolapas > ul > li#liGraficos.graficosDesplegado > ul .submitButton {
    background: url(/Content/MaxValores/img/graficoLineas.svg) no-repeat transparent;
    background-position: 10px 9px;
    background-size: 20px;
    text-transform: uppercase;
    padding: 10px 5px 15px 40px;
    border-bottom: 1px solid #ccc;
    letter-spacing: 1px;
    cursor: pointer;
    color: #fff;
   }

   .especieDetalle .menuComparar .menuSolapas > ul > li#liGraficos.graficosDesplegado > ul li:last-of-type .submitButton {
    border-bottom: none;
    background: url(/Content/MaxValores/img/graficoVelas.svg) no-repeat transparent;
    background-position: 10px 12px;
    background-size: 22px;
    padding: 15px 5px 10px 40px;
   }

   .especieDetalle .menuComparar .menuSolapas > ul > li#liGraficos.graficosDesplegado > ul .submitButton:hover, .especieDetalle .menuComparar .menuSolapas > ul > li#liGraficos.graficosDesplegado > ul .submitButton.graficoElegido {
    color: #004059;
    background: url(/Content/MaxValores/img/graficoLineas_azul.svg) no-repeat transparent;
    background-position: 10px 9px;
    background-size: 20px;
   }

   .especieDetalle .menuComparar .menuSolapas > ul > li#liGraficos.graficosDesplegado > ul li:last-of-type .submitButton:hover, .especieDetalle .menuComparar .menuSolapas > ul > li#liGraficos.graficosDesplegado > ul li:last-of-type .submitButton.graficoElegido {
    color: #004059;
    background: url(/Content/MaxValores/img/graficoVelas_azul.svg) no-repeat transparent;
    background-position: 10px 12px;
    background-size: 22px;
   }

 .especieDetalle .menuComparar .tablaComparacion {
  background: #f8f8f8;
  width: 40%;
  padding: 20px 20px 10px;
  float: left;
 }

 .especieDetalle .menuComparar .showComparacion .tablaComparacion {
  display: block;
  animation: menu-animation .5s ease forwards;
 }

.tablaComparacion .tableFija select {
 width: 80%;
 padding: 8px 0;
 text-indent: 5px;
 
 box-shadow: 1px 1px 2px 1px rgba(0,0,0,.1);
}

.tablaComparacion .tableFija td, .tablaComparacion .tableFija th {
 color: #666;
 letter-spacing: .5px;
 padding: 10px 5px;
 border-bottom: 2px solid #666;
 font-weight: 600;
}

 .tablaComparacion .tableFija td:nth-of-type(1), .tablaComparacion .tableFija th:nth-of-type(1) {
  min-width: 100px;
 }

.tablaComparacion .tableFija td {
 border-bottom: 1px solid #ccc;
 font-weight: 400;
}



.tablaComparacion .tableFija tr:nth-child(even) {
 background: none;
}

.tablaComparacion .tableFija th:nth-of-type(3), .tablaComparacion .tableFija td:nth-of-type(3) {
 text-align: right;
}

.tablaComparacion .tableFija tr:nth-of-type(2) td:nth-of-type(1) {
 font-size: 16px;
  font-weight: 600;
  text-indent: 5px;
  color: #004059;
}

.tablaComparacion .submitNewsletter {
 margin: 5px 8px 10px 0;
 padding: 10px 12px;
 font-size: 14px;
 color: #fff;
 background: #2478e8;
 float: right;
 border: 0;
 border-radius: 0;
}

.especieDetalle .tablaComparacion .tableFija td:nth-of-type(2) {
 text-align: left;
}

.especieDetalle .menuComparar .menuSolapas .showComparacion .tablaComparacion .tableFija td .submitButton {
 font-size: 0;
 background: url(/Content/MaxValores/img/cruz.svg) top center no-repeat;
 background-size: contain;
 width: 15px;
 height: 25px;
}

.especieDetalle .menuComparar .amChartsButton {
 border: none;
 margin: 0 10px;
 font-size: 14px;
 opacity: 1;
 cursor: pointer;
}

.especieDetalle .menuComparar .amChartsButtonSelected {
 border: none;
 margin: 0 10px;
 font-size: 14px;
 opacity: 1;
 background: none;
 color: #004059;
}

.especieOferta > span {
 font-size: 16px;
 margin: 10px 0;
 font-weight: 400;
 border-bottom: 1px solid #ccc;
 padding: 0 0 5px 0;
 color: #00416f;
 width: 100%;
 float: left;
 text-transform: uppercase;
 display: none;
}

.especieOferta .tableFija {
 font-weight: 400;
 font-size: 12px;
 border-collapse: collapse;
}

 .especieOferta .tableFija th {
  letter-spacing: .5px;
  font-weight: 400;
  text-align: right;
  padding: 5px;
  font-size: 16px;
  color: #eee;
  text-transform: uppercase;
 }

 .especieOferta .tableFija td {
  padding: 6px 5px;
  letter-spacing: .5px;
  text-align: right;
  font-size: 18px;
  color: #fff;
 }

  .especieOferta .tableFija td span {
   font-weight: 400;
   color: #eee;
   font-size: 16px;
   text-transform: uppercase;
  }

 .especieOferta .tableFija tr:nth-child(even) {
  background-color: transparent;
  border-bottom: 1px solid #f8f8f8;
 }

.tdDescripcionEspecie {
 width: 100%;
 float: left;
 margin: 0;
 letter-spacing: .5px;
 font-weight: 400;
 font-size: 14px;
 padding: 10px 0 20px;
}

.especieComparacion {
 float: right;
 width: 55%;
 padding: 0;
 margin: 0;
}

 .especieComparacion > p, .especieCot {
  display: none;
 }

 .especieComparacion .graficoHistoricoCotizaciones {
  width: 100%;
  float: right;
  margin: -22px 0 0;
 }

.tableFija {
 width: 100%;
 border-collapse: collapse;
}

 .tableFija th {
  border: 0;
  color: #0a3d4c;
  font-size: 14px;
  border-bottom: 1px solid #666;
  font-weight: 500;
  padding: 5px 0;
  text-align: left;
  border-bottom: 1px solid #f8f8f8;
 }

 .tableFija td {
  color: #333;
  font-size: 14px;
  padding: 7px 5px;
  text-align: right;
  margin: 0;
  width: auto;
 }

 .tableFija tr:last-of-type td {
  border-bottom: 0;
 }

 .tableFija tr td:nth-of-type(1) {
  text-align: left;
 }

 .tableFija th:last-of-type, .tableFija td:last-of-type {
  text-align: right;
 }

 .tableFija tr:nth-child(even) {
  background-color: #fafbfb;
 }

.especieComparacion .tableFija tr:nth-child(even) {
 background-color: #fafbfb;
}

.tableFija tr.valorReal {
 background: #eee;
}

.submitNewsletter {
 padding: 8px 15px 7px;
 width: auto;
 background-color: #2478e8;
 color: #fff;
 font-size: 12px;
 float: right;
 text-transform: uppercase;
 margin: 0 0 0 5px;
 height: auto;
 cursor: pointer;
 font-weight: 400;
 letter-spacing: 1px;
 border: 0;
 text-indent: 0;
 transition: all .6s ease;
}

.especieComparacion .tablaComparacion .submitNewsletter {
 margin-top: 10px;
 font-size: 14px;
 padding: 10px 15px;
 font-weight: 400;
}

.submitNewsletter:hover, 
#tabsTablaDatosRelacionados .submitNewsletter#btnCalcularNominales:hover, 
#tabsTablaDatosRelacionados .submitNewsletter#btnBuscar:hover {
 background: #004059;
 transition: all .2s ease;
}

.especieContenido .tipoGrafico {
 width: auto;
 float: left;
}

 .especieContenido .tipoGrafico button {
  width: auto;
  color: #2478e8;
  margin: 0;
  display: inline-block;
  letter-spacing: 1px;
  cursor: pointer;
  font-size: 18px;
  padding: 5px;
  background: none;
  
 }

  .especieContenido .tipoGrafico button:hover, 
  .especieContenido .tipoGrafico button.selected {
   color: #004059;
  }

  .especieContenido .tipoGrafico button.selected {
   border-bottom: 2px solid #75fac7;
   font-weight: 600;
  }

  .especieContenido .tipoGrafico button:focus {
   outline: 0;
   border: 0;
  }

.especieContenido .solapas {
 width: 100%;
  height: 27px;
  margin: 40px 0;
  display: inline-block;
  border-bottom: 2px solid #0a3d4c;
}

a.solapaVinculo {
 width: auto;
  padding: 12px 25px 11px;
  background: #0a3d4c;
  color: #fff;
  border: 2px solid #0a3d4c;
  margin: -19px 0 0 5px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  cursor: pointer;
  font-size: 18px;
  transition: all .2s ease;
  float: left;
}

 a.solapaVinculo:hover {
  padding: 14px 25px 16px;
  margin: -26px 0 0 5px;
 }

 a.solapaVinculo.selected {
  background: #fff;
  color: #0a3d4c;
  border-bottom: 2px solid #fff;
  padding: 14px 25px 16px;
  margin: -29px 0 0 5px;
  pointer-events: none;
  font-size: 20px;
 }

#graficoVolumenPrecio, #graficoVolumenPrecioTecnico {
 width: 100%;
 margin: 10px 0;
 float: left;
 height: 520px;
}

.tableDetalle {
 width: 100%;
 margin: 40px 0;
 float: left;
 font-size: 14px;
 border-collapse: collapse;
}

 .tableDetalle .columnas2 td, .tableDetalle .columnas2 th {
  width: 90%;
  vertical-align: top;
 }

 .tableDetalle .columnas3 td, .tableDetalle .columnas3 th {
  width: 45%;
  vertical-align: top;
 }

 .tableDetalle .columnas4 td, .tableDetalle .columnas4 th {
  width: 30%;
  vertical-align: top;
 }

  .tableDetalle .columnas2 td:first-of-type, .tableDetalle .columnas2 th:first-of-type, .tableDetalle .columnas3 td:first-of-type, .tableDetalle .columnas3 th:first-of-type, .tableDetalle .columnas4 td:first-of-type, .tableDetalle .columnas4 th:first-of-type {
   width: 10%;
  }

 .tableDetalle th {
  border-bottom: 1px solid #75fac7;
  text-align: left;
  color: #0a3d4c;
  padding: 6px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
 }

 .tableDetalle tr:nth-child(2n+2) {
  background-color: #fafbfb;
 }

 .tableDetalle.calculadora tr {
  margin: 0;
  width: 100%;
  float: left;
  border-bottom: 1px solid #ccc;
 }

 

  .tableDetalle.calculadora tr:nth-child(2n+2) {
   background-color: transparent;
  }

 .tableDetalle.calculadora td, .tableDetalle.calculadora th {
  vertical-align: top;
  padding: 10px 0;
  font-size: 12px;
  width: 65%;
  float: left;
  border: 0;
  font-size: 14px;
 }

  .tableDetalle.calculadora td:first-of-type, .tableDetalle.calculadora th:first-of-type {
   width: 35%;
   font-weight: 500;
  }

 .tableDetalle td {
  vertical-align: middle;
  padding: 10px 2px;
  font-size: 12px;
  min-width: 180px;
 }

  .tableDetalle td:first-child {
   font-weight: 500;
  }

.tabsTablaDatosRelacionados .tableFija th:first-of-type, .tabsTablaDatosRelacionados .tableFija tr td:first-of-type {
 text-align: left;
}

#tabsTablaDatosRelacionados {
 width: 100%;
 float: left;
 padding: 0;
}

 #tabsTablaDatosRelacionados > div, #tabsTablaDatosRelacionados > ul {
  width: 100%;
  float: left;
  margin: 0 0 20px;
 }

 #tabsTablaDatosRelacionados > ul {
  border-bottom: 1px solid #75fac7;
  padding: 0 0 10px;
 }

 #tabsTablaDatosRelacionados ul li {
  float: left;
  background: none;
  border: none;
  width: auto;
  margin: 0 20px 0 0;
 }

  #tabsTablaDatosRelacionados ul li a {
   width: auto;
   color: #2478e8;
   margin: auto;
   padding: 0;
   display: table;
   cursor: pointer;
   font-size: 18px;
   transition: all .6s ease;
  }

   #tabsTablaDatosRelacionados ul li a:hover {
    color: #004059;
   }

  #tabsTablaDatosRelacionados ul li.tabSelected a {
   color: #004059;
   font-weight: 600;
  }

.tabsTablaDatosRelacionados .tableFija th, .tabsTablaDatosRelacionados .tableFija tr td {
 text-align: right;
}

#tabsTablaDatosRelacionados label {
 width: 80px;
 float: left;
 margin: 3px 0 0 0;
 padding-top: 1px;
 font-size: 16px;
 color: #666;
}

#tabsTablaDatosRelacionados .hasDatepicker, .panelFlujoFondos input[type='text'] {
 border: 1px solid #eee;
 margin: 0;
 outline: none;
 box-sizing: border-box;
 padding: 5px;
 height: auto;
 float: left;
 width: 150px;
 text-align: right;
 background: none;
}

.panelFlujoFondos input[type='text'] {
 margin: 0 10px 0;
}

.panelFlujoFondos span {
 float: left;
 font-size: 14px;
 margin: 5px 0 0;
}

#tabsTablaDatosRelacionados img {
 float: left;
 margin: 3px 10px 0;
}

#tabsTablaDatosRelacionados #tablaCotizHistoricas, #tabsTablaDatosRelacionados #tablaFlujoFondos {
 margin: 50px 0 20px;
}


.amcharts-stock-panel-div-stockPanel1 .amcharts-chart-div path {
 stroke: #00416f;
 fill: #00416f;
}

.amcharts-chart-div rect {
 stroke: #fff;
}
/*.graficoHistoricoCotizaciones {
 width: auto;
 float: right;
}*/

.especieDetalleFooter {
 width: 94%;
 margin: 50px auto 20px;
 padding: 40px 2%;
 display: table;
 max-width: 1600px;
 display: none;
}
/*________________________________COTIZACIONES________________________________*/



/*________________________________FIN COTIZACIONES________________________________*/

/*__________________________________Slider Horizontal_________________________________*/

.slider_horizontal {
 height: 19px;
 overflow: hidden;
 color: #fff;
 font-weight: bold;
 position: fixed;
 bottom: 0;
 left: 0;
 width: 100%;
 background-color: #1a262e;
 padding: 2px 0 4px;
 z-index: 10000;
 font-family: "arial";
 border-top: 4px solid #1a262e;
 border-bottom: 4px solid #1a262e;
}


 .slider_horizontal #btnCerrar {
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  background-color: #072833;
  padding: 5px;
 }

 .slider_horizontal ul {
  width: auto;
  margin-top: 2px;
  margin-right: -200px;
  height: 18px;
  overflow: hidden;
  -webkit-animation: slider-animation 90s infinite linear;
  -moz-animation: slider-animation 90s infinite linear;
  -o-animation: slider-animation 90s infinite linear;
  -ms-animation: slider-animation 90s infinite linear;
  animation: slider-animation 90s infinite linear; /*animation-duration: 100s !important;
   -moz-animation-duration: 100s !important;
   -o-animation-duration: 100s !important;
   -webkit-animation-duration: 100s !important;*/
 }

@keyframes slider-animation {
 0% {
  margin-left: 100%;
 }

 100% {
  margin-left: -10000px;
 }
}

.slider_horizontal ul:hover {
 -webkit-animation-play-state: paused;
 cursor: pointer;
}

.slider_horizontal li {
 float: left;
 margin: 0 9px;
 padding: 0;
 font-weight: bold;
 font-size: 15px;
 line-height: 18px;
 text-indent: 5px;
}

 .slider_horizontal li a {
  padding: 0 4px;
  float: left;
  margin: 0 2px;
  text-indent: 0;
  font-size: 15px;
  line-height: 18px;
 }

  .slider_horizontal li a:hover {
   text-decoration: underline;
  }

 .slider_horizontal li .neutro {
  color: #ccc !important;
  float: left;
  margin: 0;
  text-indent: 0;
 }

 .slider_horizontal li .positivo {
  color: #61ddad !important;
  float: left;
  margin: 0;
  text-indent: 0;
 }

 .slider_horizontal li .negativo {
  color: #e32f32 !important;
  float: left;
  margin: 0;
  text-indent: 0;
 }
/*__________________________________Fin Grafico Volumen_________________________________*/


/*__________________________________Detalle de FONDO_________________________________*/

.fondoDetalle {
 background: url(/Content/MaxValores/img/fondo-triangulos.svg) no-repeat bottom;
 background-color: #f8f8f8;
 background-size: 100% auto;
 width: 100%;
 max-width: none;
 padding: 80px 0;
}


.fondoDetalle .sector4,
.fondoDetalle .sector6{
 width: 96%;
  max-width: 1400px;
  display: table;
  margin: 40px auto;
  position: relative;
  background: #fff;
  padding: 0 2% 40px;
}


.fondoDetalle .sector6{
 margin: 0 auto 20px;
  background: none;
  padding: 0 2%;
}


 .fondoDetalle.sector1 ul, .fondoDetalle .sector4 ul {
  display: none;
 }



 .atTop .fondoDetalle .nombreFondo {
   background: rgba(0,64,89,1) !important;
 }

 .fondoDetalle .nombreFondo {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  padding: 0 3% ;
  margin: 0;
  position: fixed;
  top: 90px;
  left: 0;
  z-index: 10;
  transition: all .3s ease;
  border-radius: 0;
  background: rgba(0,64,89,.9) !important;
 }

 
 
 .atTop .fondoDetalle .nombreFondo h2 {
  font-size: 48px;
  margin: 20px 0;
  letter-spacing: 2px;
 }
 
 .fondoDetalle .nombreFondo h2 {
  font-size: 40px;
  font-weight: 600;
  margin: 10px 0;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  letter-spacing: 1px;
  transition: all .3s ease;
  }

 .fondoDetalle > div.tableFija {
  /*background-color: #eef4f9;*/
  width: 96%;
  padding: 15px 2%;
  float: left;
  margin: 0;
  display: block;
 }

  .fondoDetalle > div.tableFija .tableFijaFila1, .fondoDetalle > div.tableFija .tableFijaFila2 {
   width: 96%;
   padding: 10px 2%;
   background-color: #fff;
   border: solid 1px #ccc;
   float: left;
   overflow: hidden;
   
   box-shadow: 1px 1px 5px #eee;
  }

  .fondoDetalle > div.tableFija .tableFijaFila2 {
   /*padding: 10px 15px 5px 15px;*/
  }

  .fondoDetalle > div.tableFija .tableFijaFila1 {
   margin-bottom: 15px;
  }

   .fondoDetalle > div.tableFija .tableFijaFila1 > div#calificacion, .fondoDetalle > div.tableFija .tableFijaFila1 > div#simboloBloomberg {
    width: 15%;
    float: left;
   }

   .fondoDetalle > div.tableFija .tableFijaFila1 > div#calificacionTexto, .fondoDetalle > div.tableFija .tableFijaFila1 > div#bloombergTexto {
    width: 30%;
    float: left;
    font-weight: 400;
   }
  /*.fondoDetalle > div.tableFija .tableFijaFila1 > div{
 width:270px;
 float:left;
 margin-right:40px;
}*/

  .fondoDetalle > div.tableFija .tableFijaFila2 > div {
   width: 33%;
   float: left;
  }

   .fondoDetalle > div.tableFija .tableFijaFila2 > div > div {
    float: left;
   }

    .fondoDetalle > div.tableFija .tableFijaFila2 > div > div:first-of-type {
     width: 80px;
    }

    .fondoDetalle > div.tableFija .tableFijaFila2 > div > div:nth-of-type(4) {
     clear: left;
    }

    .fondoDetalle > div.tableFija .tableFijaFila2 > div > div.lblLow {
     margin-left: 80px;
     font-size: 10px;
    }

    .fondoDetalle > div.tableFija .tableFijaFila2 > div > div.lblAvg {
     font-size: 10px;
     margin-left: 7px;
    }

    .fondoDetalle > div.tableFija .tableFijaFila2 > div > div.lblHigh {
     font-size: 10px;
     margin-left: 8px;
    }

    .fondoDetalle > div.tableFija .tableFijaFila2 > div > div.lblLower {
     font-size: 10px;
     margin-left: 60px;
    }

    .fondoDetalle > div.tableFija .tableFijaFila2 > div > div.lblHigher {
     font-size: 10px;
     margin-left: 125px;
    }

 .fondoDetalle .menuComparar {
  width: 96%;
  padding: 15px 2%;
  float: left;
  margin: 0 0 15px 0;
  display: none;
 }

  .fondoDetalle .menuComparar input {
   width: 31.33%;
   padding: 7px 0;
   float: left !important;
   margin-right: 10px;
   font-weight: 500;
   color: #004f7a;
   background-color: #fff;
   text-transform: uppercase;
   font-size: 12px;
   margin: 0 1.5%;
   border: 1px solid #004f7a;
  }

   .fondoDetalle .menuComparar input:nth-of-type(1) {
    margin-left: 0;
   }

   .fondoDetalle .menuComparar input:nth-of-type(3) {
    margin-right: 0;
   }

   .fondoDetalle .menuComparar input.selectedSolapa {
    background-color: #004f7a;
    color: #fff;
   }

   .fondoDetalle .menuComparar input:last-of-type {
    margin-right: 0px;
   }
/*__________________________________RESUMEN de FONDO_________________________________*/





#fondoResumen {
 width: 100%;
}

 #fondoResumen #graficoHistoricoCotizacion, #fondoResumen #graficoFondoRendimiento {
  width: 96% !important;
  height: 500px;
  float: left;
  margin: 15px 2% !important;
 }

  #fondoResumen #graficoFondoRendimiento .amChartsLegend svg g g g:last-of-type path {
   stroke: #000;
   fill: #000;
  }

  #fondoResumen #graficoFondoRendimiento .amcharts-chart-div svg g g:last-of-type g:last-of-type path {
   stroke: #000;
  }

 #fondoResumen > span {
  width: 100%;
  color: #004059;
  vertical-align: middle;
  float: left;
  font-weight: 800;
  font-size: 2em;
  margin: 40px 0 20px;
  border-bottom: 1px solid #75fac7;
  padding: 5px 0;
 }

 #fondoResumen > div {
  width: 100%;
  padding: 0;
  display: inline-block;
 
 }

#fondoResumenFilter {
 width: 96%;
 padding: 0 2%;
}

#fondoResumenFilter form > div{
 display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

#fondoResumenFilter form label, #fondoResumenFilter form input, #fondoResumenFilter form img {
 display: inline-block;
}

 #fondoResumenFilter form label, #fondoResumenFilter form input, #fondoResumenFilter form img {
  display: inline-block;
 }

 #fondoResumenFilter form label {
  width: 100px;
  line-height: 22px;
  vertical-align: middle;
  font-size: 16px;
 }

  #fondoResumenFilter form label:nth-of-type(2) {
   margin-left: 45px;
  }

 #fondoResumenFilter form input.hasDatepicker {
  border: solid 1px #eee;
  background: none;
  width: 100px;
  padding: 6px 5px 4px;
  margin: 0 5px 0 0;
  font-size: 16px;
  text-align: right;
 }

 #fondoResumenFilter form input.submitNewsletter {
  margin: 0 0 0 10px;
 }

 

#fondoResumenTable table {
 float: left;
 border-collapse: collapse;
 margin: 20px 0;
 width: 60%;
 
 /* box-shadow: 1px 1px 5px #eee; */
 /* border-color: #ccc; */
 background: #f6f6f6;
 /* padding: 20px; */
 border: 20px solid #f3f3f3;
}

 #fondoResumenTable table tr {
  height: 34px;
  font-size: 16px;
 }

  #fondoResumenTable table tr th {
   text-align: right;
  }

   #fondoResumenTable table tr th:first-of-type {
    text-align: left;
   }

  #fondoResumenTable table tr td:nth-of-type(2) {
   text-align: right;
  }

  #fondoResumenTable table tr td {
   font-weight: bold;
   color: #004059;
  }

  #fondoResumenTable table tr:nth-of-type(2) td:last-of-type {
   font-size: 3em;
   text-align: right;
   font-weight: bold;
   color: #2478e8;
  }

div#fondoResumenLogoSociedadDepositaria {
 float: right;
 background: #2478e8;
 margin: 20px 0;
 
 padding: 20px;
 min-height: 80px;
 width: 35%
}

 div#fondoResumenLogoSociedadDepositaria div {
  font-size: 1.9em;
  color: #fff;
  font-weight: 600;
  margin: 5px 0 10px;
  text-align: right;
 }
/*__________________________________DESCIPCIÓN de FONDO_________________________________*/

div#fondoDescripcion div#FondoArchivoLenguajes ul li {
 width: 18%;
 padding: 0;
 height: 50px;
 float: left;
 margin: 5px 1%;
 background-image: url(/Content/MaxValores/img/pdf.svg);
 background-repeat: no-repeat;
 background-position: 185px;
 background-color: #f9f9f9;
}

 div#fondoDescripcion div#FondoArchivoLenguajes ul li a {
  color: #222;
  width: 60%;
  float: left;
  margin: 10px 0 0 10px;
 }

div#FondoLenguajeDescripcion {
 width: 96%;
 float: left;
 padding-bottom: 15px;
 font-size: 14px;
 margin: 5px 2%;
}

 div#FondoLenguajeDescripcion table {
  width: 100%;
 }

  div#FondoLenguajeDescripcion table tr td:nth-of-type(2) {
   background-color: #f9f9f9 !important;
  }
/*__________________________________COMPOSICIÓN de FONDO_________________________________*/


div#fondoComposicion div#fondoComposicionTitulo {
 width: 96%;
 padding: 0;
 margin: 0 2% 30px;
 text-transform: uppercase;
 font-size: 18px;
 border-bottom: solid 1px #004f7a;
 vertical-align: middle;
 float: left;
}

div#fondoComposicion div, div#fondoComposicion svg {
 overflow: visible !important;
}


/*----------------CONTENIDO DETALLE--------------------*/


.contentDetail {
    width: 84%;
    max-width: 1000px;
    padding: 30px 3% 0;
    display: table;
    margin: 550px auto 100px;
    background: #fff;
    color: #82766f;
    overflow: hidden;
}

    .contentDetail.ConPDF {
        margin: 280px auto 80px;
    }

    .contentDetail:before {
        content: "";
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background: #f6f6f6;
        z-index: -2;
    }

    .contentDetail .detalleAutor {
        position: absolute;
        top: 950px;
        margin: 0 0 0 -10%;
        width: 50px;
    }

        .contentDetail .detalleAutor .detalleAutorEmail {
            height: 35px;
            width: 35px;
            display: block;
            cursor: pointer;
            margin: 15px 0;
            background: url(/Content/Alchemy/img/ico-correo.svg) no-repeat center;
            background-size: cover;
        }

        .contentDetail .detalleAutor a {
            height: 35px;
            width: 35px;
            display: block;
            cursor: pointer;
            margin: 15px 0;
        }

            .contentDetail .detalleAutor a.detalleAutorFacebook {
                background: url(/Content/Alchemy/img/ico-facebook.svg) no-repeat center;
                background-size: cover;
            }

            .contentDetail .detalleAutor a.detalleAutorInstagram {
                background: url(/Content/Alchemy/img/ico-instagram.svg) no-repeat center;
                background-size: cover;
            }

            .contentDetail .detalleAutor a.detalleAutorLinkedin {
                background: url(/Content/Alchemy/img/ico-linkedin.svg) no-repeat center;
                background-size: cover;
            }

            .contentDetail .detalleAutor a.detalleAutorTwitter {
                background: url(/Content/Alchemy/img/ico-twitter.svg) no-repeat center;
                background-size: cover;
            }

    .contentDetail .sectorImagen {
        width: 100%;
        height: auto;
        float: left;
        margin: 20px auto;
    }

        .contentDetail .sectorImagen img {
            width: auto;
            max-width: 100%;
            height: auto;
            margin: 20px auto;
        }

    .contentDetail .detalleFecha {
        font-size: 14px;
        letter-spacing: 1px;
    }

        .contentDetail .detalleFecha:before {
            content: "INFORME ";
            font-size: 14px;
            letter-spacing: 1px;
        }

    .contentDetail .detalleCopete ~ .detalleFecha {
        display: none;
    }

    .contentDetail .detalleTitulo {
        width: 100%;
        margin: 20px 0 0;
        font-size: 36px;
        color: #004059;
        font-weight: 600;
    }

    .contentDetail .detalleCopete {
        font-size: 24px;
        width: 100%;
        display: table;
        border-bottom: 2px solid #75fac7;
        padding: 0 0 40px;
    }

    .contentDetail.ConPDF .detalleCopete {
        padding: 0 0 10px;
    }

    .contentDetail .detalleDescripcion {
        width: 100%;
        margin: 20px auto 60px;
        font-size: 18px;
        line-height: 30px;
        display: table;
        text-align: justify;
        font-weight: 300;
    }

    .contentDetail.ConPDF .detalleDescripcion {
        margin: 0 auto 50px;
    }

    .contentDetail .detalleDescripcion a {
        margin: 50px auto 0;
        width: auto;
        display: table;
        font-size: 0;
    }

    .contentDetail.ConPDF .detalleDescripcion > a {
        display: none;
    }

    .contentDetail .detalleDescripcion a:after {
        content: "Ver Informe Completo »";
        color: #756660;
        font-size: 20px;
        font-weight: 400;
        letter-spacing: 1px;
    }

    .contentDetail .detalleDescripcion img {
        position: absolute;
        top: 255px;
        right: 0;
        width: 100% !important;
        min-width: 1000px;
        height: auto;
        z-index: -1;
    }

    .contentDetail .formContenido:before {
        content: "CONTACTO";
        width: 100%;
        margin: 0 auto 60px;
        font-size: 30px;
        text-align: center;
        color: #fff;
        font-weight: 300;
        display: table;
    }

    .contentDetail .formContenido {
        background: #004059;
        width: 114%;
        margin: 0 0 0 -7%;
        padding: 40px 0 60px;
        display: block;
    }

.atTop .contentDetail .formContenido {
    display: none;
}

@keyframes form-animation {
    0% {
        height: 0;
        opacity: 0;
    }

    98% {
        height: auto;
        opacity: 0;
    }

    100% {
        margin: 0 auto 0;
        opacity: 1;
    }
}

.contentDetail .btnFormulario, .contentDetail .formContenido .cerrar {
    display: none;
}

.contentDetail .formContenido .formulario {
    max-width: 600px;
    min-width: 0;
    padding: 0;
    width: 80%;
}

.contentDetail .formContenido form > div {
    width: 100%;
    margin: 10px 0;
}

    .contentDetail .formContenido form > div:last-of-type {
        display: flex;
        justify-content: flex-end;
    }

.contentDetail .formContenido label {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    margin: 7px 0 0;
    text-transform: uppercase;
    width: 39%;
    float: none;
    vertical-align: top;
}

.contentDetail .formContenido input, .contentDetail .formContenido select, .contentDetail .formContenido textarea {
    border: 0;
    width: 60%;
    text-indent: 10px;
    font-size: 14px;
    background-color: #fff;
    display: inline-block;
    margin: 0;
    float: none;
}

    .contentDetail .formContenido input[type="submit"] {
        width: auto;
        color: #004059;
        text-indent: 0;
        font-size: 18px;
        text-transform: none;
        float: right;
        clear: both;
        padding: 10px 30px;
    }

        .contentDetail .formContenido input[type="submit"]:hover {
            color: #fff;
            background: #756660;
        }

.contentDetail .redesSociales, .contentDetail .sectorGaleria, .contentDetail .contentDetailVolver {
    display: none;
}

.pdfVisualizador {
    width: 100%;
    display: block;
    margin: 0 auto 40px;
    min-height: 800px;
    max-width: 1000px;
}

    .pdfVisualizador object {
        width: 100%;
        display: table;
        height: auto;
        min-height: 800px;
        margin: auto;
        overflow: auto;
    }

        .pdfVisualizador object embed {
            width: 100%;
            float: left;
        }

.detalleRelacionados {
    width: 100%;
    float: left;
    margin: 20px auto;
    position: relative;
}

    .detalleRelacionados:before {
        content: "Noticias relacionadas";
        width: 98%;
        float: left;
        position: relative;
        font-size: 18px;
        text-transform: uppercase;
        padding: 0 0 5px;
        margin: 0 1% 20px;
        border-bottom: 1px solid #ccc;
        color: #756660;
        font-weight: 400;
    }

    .detalleRelacionados > div {
        width: 20.5%;
        float: left;
        margin: 0 1% 50px;
        position: relative;
        cursor: pointer;
        padding: 1%;
        border: 1px dotted #ccc;
        transition: all .8s ease;
    }

        .detalleRelacionados > div:hover {
            border: 1px dotted #756660;
            transition: all .4s ease;
        }

        .detalleRelacionados > div a {
            width: 100%;
            height: 100%;
            float: left;
            background: #82756c;
        }

        .detalleRelacionados > div img {
            width: 100%;
            height: 150px;
            overflow: hidden;
            float: left;
            opacity: .2;
            transition: all .8s ease;
        }

        .detalleRelacionados > div:hover img {
            opacity: .4;
            transition: all .4s ease;
        }

        .detalleRelacionados > div span:first-of-type {
            width: 100%;
            height: 72px;
            padding: 10px 0 0;
            font-size: 14px;
            display: block;
            font-weight: 400;
            color: #756660;
            float: left;
            text-transform: uppercase;
            overflow: hidden;
            background: #fff;
        }

        .detalleRelacionados > div span:last-of-type {
            position: absolute;
            z-index: 10;
            background-color: rgba(89,70,55,.7);
            top: 8%;
            left: 6%;
            padding: 7px 20px 7px 15px;
            color: #fff;
            font-size: 14px;
            letter-spacing: 1px;
            font-weight: 400;
        }
/*----------------FIN CONTENIDO DETALLE--------------------*/



.layoutGral {
 background: none;
 padding-top: 0;
}

#page-body-container {
 display: block;
}