/* Minification failed. Returning unminified contents.
(10762,1): run-time error CSS1019: Unexpected token, found '}'
 */
.layout .ui-dialog {
    overflow: visible;
}


.ui-widget-content {
    padding: 10px 30px;
    border: none;
    border-radius: 0;
}


.layout  .ui-dialog .ui-dialog-content {
    overflow:visible;
}

.ui-dialog-titlebar .ui-dialog-title {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    font-stretch: condensed;
}



.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: none !important; /*{iconsDefault}*/
    background-position: 0 0 !important;
}

.layout .ui-dialog .ui-dialog-titlebar-close {
    height: 25px;
    width: 20px;
    position: relative;
    margin: -5px -25px 0 0;
    padding: 0;
    border: 0;
    float: right;
    background-color: transparent!important;
}


.ui-dialog .ui-dialog-titlebar-close:after {
    content: "X";
    color: #000;
    font-size: 24px;
    float: left;
    text-indent: 0;
    position: absolute;
    text-align: left;
    top: 0;
    left: 0;
    font-family: cursive;
    font-weight: 100;
}

.ui-dialog .ui-dialog-titlebar-close:hover:after {
    color: #ccc;
    cursor:pointer;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: #fff !important;
}


.layout .ui-widget-overlay {
    z-index: 1000 !important;
    background: #000 50% 50% repeat-x;
    opacity: .5;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    z-index: 1001 !important;
    border-radius:0 !important;
}

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



.layout .ui-dialog .ui-dialog-content,
.layout .ui-dialog .ui-dialog-titlebar {
    padding: .5em 2em;
}



.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    width: 100%;
}



.layout .ui-widget input, .layout .ui-widget select, .layout .ui-widget textarea, .layout .ui-widget button {
    font-family:Arial,sans-serif;
}


body .ui-dialog .ui-dialog-titlebar {
    position:initial;
}
/*!
 * 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;
    }

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

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

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

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

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

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

    5.7%, 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;
    }

    5.7%, 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;
    }

    5.7%, 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;
    }

    5.7%, 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 .gallery .controls .control-button {
    color:#cb1b2c !important;
}




.sectorGaleria .gallery .control-operator:target~.controls .control-button{
    color:#cb1b2c;
}

.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), 
.sectorGaleria .gallery .control-operator:nth-of-type(6):target~.controls .control-button:nth-of-type(6), 
.sectorGaleria .gallery .control-operator:nth-of-type(7):target~.controls .control-button:nth-of-type(7), 
.sectorGaleria .gallery .control-operator:nth-of-type(8):target~.controls .control-button:nth-of-type(8),
.sectorGaleria .gallery .control-operator:nth-of-type(9):target~.controls .control-button:nth-of-type(9), 
.sectorGaleria .gallery .control-operator:nth-of-type(10):target~.controls .control-button:nth-of-type(10), 
.sectorGaleria .gallery .control-operator:nth-of-type(11):target~.controls .control-button:nth-of-type(11), 
.sectorGaleria .gallery .control-operator:nth-of-type(12):target~.controls .control-button:nth-of-type(12), 
.sectorGaleria .gallery .control-operator:nth-of-type(13):target~.controls .control-button:nth-of-type(13), 
.sectorGaleria .gallery .control-operator:nth-of-type(14):target~.controls .control-button:nth-of-type(14), 
.sectorGaleria .gallery .control-operator:nth-of-type(15):target~.controls .control-button:nth-of-type(15), 
.sectorGaleria .gallery .control-operator:nth-of-type(16):target~.controls .control-button:nth-of-type(16),
.sectorGaleria .gallery .control-operator:nth-of-type(17):target~.controls .control-button:nth-of-type(17), 
.sectorGaleria .gallery .control-operator:nth-of-type(18):target~.controls .control-button:nth-of-type(18), 
.sectorGaleria .gallery .control-operator:nth-of-type(19):target~.controls .control-button:nth-of-type(19), 
.sectorGaleria .gallery .control-operator:nth-of-type(20):target~.controls .control-button:nth-of-type(20), 
.sectorGaleria .gallery .control-operator:nth-of-type(21):target~.controls .control-button:nth-of-type(21), 
.sectorGaleria .gallery .control-operator:nth-of-type(22):target~.controls .control-button:nth-of-type(22), 
.sectorGaleria .gallery .control-operator:nth-of-type(23):target~.controls .control-button:nth-of-type(23), 
.sectorGaleria .gallery .control-operator:nth-of-type(24):target~.controls .control-button:nth-of-type(24),
.sectorGaleria .gallery .control-operator:nth-of-type(25):target~.controls .control-button:nth-of-type(25), 
.sectorGaleria .gallery .control-operator:nth-of-type(26):target~.controls .control-button:nth-of-type(26), 
.sectorGaleria .gallery .control-operator:nth-of-type(27):target~.controls .control-button:nth-of-type(27), 
.sectorGaleria .gallery .control-operator:nth-of-type(28):target~.controls .control-button:nth-of-type(28), 
.sectorGaleria .gallery .control-operator:nth-of-type(29):target~.controls .control-button:nth-of-type(29), 
.sectorGaleria .gallery .control-operator:nth-of-type(30):target~.controls .control-button:nth-of-type(30)
{
    color:#cb1b2c;
    opacity:1
}



.gallery.items-1  .secondary-controls, .gallery.items-1 .controls {
    display:none;
}

.gallery .secondary-controls nav {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    float: left;
    display: none;
}

.gallery .secondary-controls a {
    pointer-events: auto;
    height: 45px;
    width: 45px;
    border-radius: 52px;
    color: rgba(255, 255, 255, 1);
    font-size: 3em;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    transition: all .25s;
    position: relative;
}

    .gallery .secondary-controls a img {
        display:none;
    }

.gallery .control-operator:target~.controls .control-button{
    color: #eee;
}

.gallery .secondary-controls a:after {
    content:">";
    color:#cb1b2c;
    font-size:60px;
    font-family: monospace;
 }

.gallery .secondary-controls a:nth-child(odd):after {
    content:"<";
 }


.gallery .secondary-controls nav {
    display: block;
}


.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:100%
  }

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

  65%, 100% {
    opacity: 1;
    pointer-events: none;
    z-index:0;
    left:-100%
  }
}





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

  9%, 33% {
    opacity: 1; 
     pointer-events: auto;
     z-index:10;
     left:0
  }

  43%, 100% {
    opacity: 1;
    pointer-events: none;
    z-index:0;
    left:-100%
  }

  
}




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

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

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



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

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

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



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

  7%, 18% {
    opacity: 1;
    pointer-events: auto;
    z-index:10;
    left:0
  }

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



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

  6%, 17% {
    opacity: 1;
    pointer-events: auto;
    z-index:10;
    left:0
  }

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


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

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

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



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

  4%, 12% {
    opacity: 1;
    pointer-events: auto;
    z-index:10;
    left:0
  }

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




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

  2%, 10% {
    opacity: 1;
     pointer-events: auto;
    z-index:10;
    left:0
  }

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


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

  2%, 10% {
    opacity: 1;
     pointer-events: auto;
    z-index:10;
    left:0
  }

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


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

  2%, 10% {
    opacity: 1;
     pointer-events: auto;
    z-index:10;
    left:0
  }

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


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

  2%, 10% {
    opacity: 1;
     pointer-events: auto;
    z-index:10;
    left:0
  }

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


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

  2%, 10% {
    opacity: 1;
     pointer-events: auto;
    z-index:10;
    left:0
  }

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


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

  2%, 10% {
    opacity: 1;
     pointer-events: auto;
    z-index:10;
    left:0
  }

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


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

  2%, 10% {
    opacity: 1;
     pointer-events: auto;
    z-index:10;
    left:0
  }

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


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

  2%, 10% {
    opacity: 1;
     pointer-events: auto;
    z-index:10;
    left:0
  }

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

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

  2%, 10% {
    opacity: 1;
     pointer-events: auto;
    z-index:10;
    left:0
  }

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


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

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

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



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

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

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













/*********************/
/** jRating CSS **/
/*********************/

/**Div containing the color of the stars */
.jRatingAverage {
	background-color:#f62929;
	position:relative;
	top:0;
	left:0;
	z-index:2;
	height:100%;
}
.jRatingColor {
	background-color:#f4c239; /* bgcolor of the stars*/
	position:relative;
	top:0;
	left:0;
	z-index:2;
	height:100%;
}

/** Div containing the stars **/
.jStar {
	position:relative;
	left:0;
	z-index:3;
}

/** P containing the rate informations **/
p.jRatingInfos {
	position:		absolute;
	z-index:9999;
	background:	transparent url('icons/bg_jRatingInfos.png') no-repeat;
	color:			#FFF;
	display:		none;
	width:			91px;
	height:			29px;	
	font-size:16px;
	text-align:center;
	padding-top:5px;
}
	p.jRatingInfos span.maxRate {
		color:#c9c9c9;
		font-size:14px;
	}


h2 {
    text-transform: uppercase;
}


.pageSector {
    width: 100%;
    display: flexbox;
    margin: 0 auto;
    min-width: 980px;
    padding-top: 124px;
    float: left;
}




.sectorGaleria {
    float: none;
    width: auto;
}

/*__________________________________SECCION__________________________________*/



.seccion {
    width: 100%;
    min-width: 980px;
    margin: 0 auto;
    display: table;
    padding: 0;
    background: #fff;
}


    .seccion:nth-of-type(2), .seccion:nth-of-type(3), .seccion:nth-of-type(4) {
        background: url(/Content/Vans/img/category-paper-background.jpg);
        padding: 20px 0 40px 0;
        float: left;
    }




    .seccion section > .sectorBanner {
        width: 100%;
        min-width: 980px;
        max-width: 1400px;
        margin: auto;
    }

    .seccion section:nth-of-type(1) > .sectorBanner,
    .seccion .sectorBanner > a > img {
        width: 100%;
        max-width: none;
        height: auto;
        float: left;
    }




    .seccion section:nth-of-type(3) .sectorBanner {
        width: 100%;
        text-align: center;
        margin: 50px auto;
    }

        .seccion section:nth-of-type(3) .sectorBanner > a > img {
            width: auto;
            height: auto;
        }

    .seccion .sectorLista .sectorBanner,
    .seccion .sectorLista .sectorImagen {
        float: left;
    }


    .seccion section:nth-of-type(4) {
        width: 100%;
        min-width: 980px;
        background: #f1f2ed;
    }








    .seccion section .sectorLista {
        display: inline;
        /*width: 980px;*/
        height: auto;
        margin: 20px auto;
    }


        .seccion section .sectorLista > div {
            width: initial;
            margin: auto;
            display: table;
            padding: 20px 0;
        }

    .seccion section:nth-of-type(4) .sectorLista .sectorBanner {
        display: inline;
        height: auto;
        margin: 0;
        float: none;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        width: 20%;
    }

        .seccion section:nth-of-type(4) .sectorLista .sectorBanner a {
            float: left;
            width: auto;
            margin: 0 5px;
        }




        .seccion section:nth-of-type(4) .sectorLista .sectorBanner a {
            float: left;
            width: auto;
            margin: 0 5px;
        }




    .seccion section:nth-of-type(4) .sectorLista .items-5 .sectorBanner a img {
        max-width: 262px;
    }

@media screen and (max-width: 1140px) {

    .seccion section:nth-of-type(4) .sectorLista .items-5 .sectorBanner a img {
        max-width: 230px;
    }
}






.seccion section:nth-of-type(4) .sectorLista .sectorImagen {
    display: table;
    margin: auto;
    float: none;
}



















.seccion .sectorLista .items-2 .sectorBanner {
    width: 48%;
    float: left;
    margin-right: 2%;
}

    .seccion .sectorLista .items-2 .sectorBanner:nth-of-type(2) {
        margin-right: 0;
        margin-left: 2%;
    }



.seccion section:nth-of-type(1) .sectorTexto {
    text-align: center;
    width: 650px;
    margin: 20px auto;
}



    .seccion section:nth-of-type(1) .sectorTexto h3 {
        color: #b90000;
        font-weight: 900;
        font-size: 16px;
    }

        .seccion section:nth-of-type(1) .sectorTexto h3::after,
        .seccion section:nth-of-type(1) .sectorTexto h3::before {
            content: "";
            width: 80px;
            height: 1px;
            background: #b90000;
            display: inline-block;
            margin: 3px 50px;
        }


    .seccion section:nth-of-type(1) .sectorTexto h2 {
        font-size: 48px;
        font-weight: 900;
        color: #000;
        text-align: center;
        text-transform: uppercase;
        margin: 10px auto 20px auto;
    }


    .seccion section:nth-of-type(1) .sectorTexto p {
        font-size: 15px;
    }




.seccion .sectorResultadoEcommerce {
    min-width: 980px;
    max-width: 1200px;
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0 auto;
    float: none;
    height: 270px;
    overflow: hidden;
    min-height: inherit;
}




.seccion .sectorResultadosEcommerceFooter {
    display: none;
}




.seccion section:first-of-type .sectorGaleria {
    width: 100%;
    min-width: 980px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    float: left;
}








    .seccion section:first-of-type .sectorGaleria .sectorBanner {
        width: auto;
        float: none;
        display: inline-block;
    }





        .seccion section:first-of-type .sectorGaleria .sectorBanner a, .seccion section:first-of-type .sectorGaleria .sectorBanner img, .seccion section:first-of-type .sectorGaleria img {
            width: 100%;
            float: left;
        }



        .seccion section:first-of-type .sectorGaleria .sectorImagen,
        .seccion section:first-of-type .sectorGaleria .sectorBanner,
        .seccion section:first-of-type .sectorGaleria .sectorImagen img,
        .seccion section:first-of-type .sectorGaleria .sectorBanner img,
        .seccion section:first-of-type .sectorBanner img {
            width: 100%;
            height: auto;
            margin: auto;
        }


/*.sectorResultadoEcommerce.CuatroColumnas {
    width: 100%;
}*/


/*--------------------------------FIN SECCION-------------------------------*/

/*---------------------------------RESULTADOS---------------------------------*/



.resultado {
    min-width: 980px;
    margin: 0 auto 0 auto;
    display: table;
    padding: 20px 1% 0 1%;
    max-width: 1400px;
    width: 98%;
    position: relative;
}

    .resultado .tituloFiltro {
        display: none;
    }


.resultado > div {
     position: relative;
}
    .resultado .sectorBanner {
        width: 100%;
        display: table;
        margin: 0 auto;
        height: auto;
    }


        .resultado .sectorBanner a img {
            width: 100%;
            height: auto;
        }



    .resultado .sectorImagen {
        margin: 0;
        width: 100%;
    }


        .resultado .sectorImagen img {
            width: 100%;
        }




    .resultado .busquedaTexto {
        width: 100%;
        min-width: 180px;
        height: 30px;
    }



.busquedaTexto input, .busquedaTexto select {
    background: #fff;
    padding: 0;
    min-width: 136px;
    height: 28px;
    border: 1px solid #ccc;
    border-right: 0;
    float: left;
    color: #333;
    text-indent: 5px;
    width: 80%;
}

.busquedaTexto select {
    width: 100%;
}

.busquedaTexto input:focus {
    outline: none;
}


.busquedaTexto input[type="button"] {
    border: none;
    padding: 0;
    min-width: 33px;
    float: left;
    border: 1px solid #ccc;
    border-left: 0;
    height: 30px;
    background: url(/Content/The%20North%20Face/img/buscar.png) right no-repeat #fff;
    cursor: pointer;
    width: 19%;
}







.sectorFiltroJerarquico {
    width: 18%;
    max-width: 250px;
    min-width: 180px;
    float: left;
    visibility: visible;
    padding: 15px;
}


.sectorFiltroJerarquico .tituloFilterMenu{
	display:none;
}


    .sectorFiltroJerarquico > form > ul {
        margin: 5px 0;
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 10px;
        width: 100%;
        float: left;
    }





    .sectorFiltroJerarquico ul li a,
    .withoutStockButton,
    .withStockButton {
        color: #333;
        font-family: 'HelveticaNeueBold', sans-serif;
        letter-spacing: .5px;
        font-size: 14px;
        text-transform: uppercase;
        padding: 8px 0 7px 0;
        width: 100%;
        margin: 1px 0 0 0;
        float: left;
        text-indent: 15px;
        background-color: #f2f2f2;
    }



    .sectorFiltroJerarquico form ul.level1 > li > a {
        text-indent: 10px;
        background-color: #f0f0f0;
        font-size: 18px;
    }


    .sectorFiltroJerarquico form ul.level3 > li > a {
        text-indent: 25px;
        background: #f9f9f9;
        color: #666;
        font-size: 13px;
    }


    .sectorFiltroJerarquico form ul li.selected > a {
        color: #e72b1e;
        background: #f9f9f9;
    }



.withoutStockButton,
.withStockButton {
    background: none;
    text-align: center;
    text-indent: 0;
    border-bottom: 1px solid #666;
    padding: 3px 0;
    margin: 10px 0;
    font-size: 16px;
}

    .withoutStockButton:hover,
    .withStockButton:hover {
        color: #e72b1e;
    }


.sectorFiltroJerarquico ul li > a:hover,
.sectorFiltroJerarquico ul .selected > a:hover,
.sectorFiltroJerarquico form ul.level3 > li > a:hover,
.sectorFiltroJerarquico form ul.level3 > li.selected > a:hover {
    background: #ccc;
}





/*.sectorFiltroJerarquico .level2 > li > a:after {
    content: 'v';
    position: absolute;
    bottom: 15px;
    right: 20px;
    left: auto;
    z-index: 100;
    text-indent: 0;
    transform: scaleY(1.5) rotate(-90deg);
    font-size: 14px;
    font-family: cursive;
}


.sectorFiltroJerarquico .level2 .selected > a:after {
    transform: scaleX(1.5) rotate(0);
    bottom: 18px;
    right: 18px;
}*/





.sectorFiltroJerarquico .level4 li a {
    width: 100%;
    background-color: #bbb;
    margin: 1px 0 0;
    display: block;
    padding: 7px 0;
    text-indent: 15px;
    color: #fff;
    font-size: 14px;
    position: relative;
}


    .sectorFiltroJerarquico .level3 li a:after,
    .sectorFiltroJerarquico .level3 li.selected a:after,
    .sectorFiltroJerarquico .level4 li a:after,
    .sectorFiltroJerarquico .level4 li.selected a:after {
        border: 0;
    }

.sectorFiltroJerarquico .level5 li a {
    width: 125px;
    background-color: #ddd;
    margin: 6px 0 6px 40px;
    display: block;
}

.sectorFiltroJerarquico .level6 li a {
    width: 115px;
    background-color: #ddd;
    margin: 6px 0 6px 50px;
    display: block;
}

.sectorFiltroJerarquico .level7 li a {
    width: 105px;
    background-color: #ddd;
    margin: 6px 0 6px 60px;
    display: block;
}


.sectorFiltroJerarquico .filtros li span {
    color: #333;
    display: block;
    height: 18px;
    margin: 15px 0 5px 0;
    padding: 1px 2px;
    width: 175px;
    border-bottom: 1px solid #333;
    font-family: 'HelveticaNeueBold', sans-serif;
    letter-spacing: .5px;
    font-size: 12px;
}


.sectorFiltroJerarquico .filtros ul li a {
    background: none;
    color: #333;
    border: 0;
    font-family: 'HelveticaNeueBold', sans-serif;
    letter-spacing: .5px;
    padding: 3px 0;
    font-size: 14px;
    display: block;
}

    .sectorFiltroJerarquico .filtros ul li a:hover {
        color: #666;
    }



.sectorFiltroJerarquico .filtros .selected {
    background-color: #333;
    color: #fff;
    display: block;
    height: 15px;
    margin: 10px 0;
    padding: 1px 3px 3px 3px;
    text-decoration: none;
    width: 165px;
    text-align: left;
}

    .sectorFiltroJerarquico .filtros .selected a {
        color: #fff;
        float: left;
        line-height: 12px;
    }

        .sectorFiltroJerarquico .filtros .selected a:hover {
            color: #fff;
        }

        .sectorFiltroJerarquico .filtros .selected a:nth-of-type(2) {
            color: #fff;
            float: right;
            font-size: 18px;
            line-height: 10px;
        }


.divMedidasFilter {
	display: block !important;
	position: absolute;
	width: 70%;
	top: 30px;
	right: 5%;
}

.divMedidasFilter .tituloMedidas {
	display: none;
}
.divMedidasFilter .tituloMedidas:first-of-type {
	display: block !important;
}


.divMedidasFilter .divSizeFamiliy   {
	    width: auto;
    float: left;
}


.divMedidasFilter ul.medidas li {
	display: inline-flex;
}
    .divMedidasFilter ul.medidas li a {
        font-weight: 600;
        float: left;
        margin: 2px 2px 0 0;
        padding: 7px 0;
        width: 28px;
        height: initial;
        text-align: center;
        color: #333;
        font-size: 12px;
        background: #f2f2f2;
        border: 1px solid #f2f2f2;
        text-indent: 0;
    }
.divMedidasFilter ul.medidas li a:hover,  .divMedidasFilter ul.medidas .selected a {
	background: #000;
	border-color: #000;
	color: #fff;
}
.divMedidasFilter ul.medidas li a[data-type="size-clear"] {
	    background: none;
    color: #000;
    font-size: 30px;
    border: 0;
    padding: 0;
    height: auto;
    position: absolute;
    top: -36px;
    right: 0;
    font-family: arial;
	display: none;
}
.divMedidasFilter ul.medidas li.selected ~ li a[data-type="size-clear"] {
	display: block;
}
.divMedidasFilter ul.medidas li a[data-type="size-clear"]:hover {
	background: none;
	color: #ccc;
}
 .tituloMedidas {
	color: #000;
	display: block;
	height: 18px;
	margin: 10px 0;
	padding: 0 2px 10px;
	width: 100%;
	border-bottom: 1px solid #000;
	font-weight: 900;
	float: left;
	font-size: 16px;
}
.tituloMedidas {
	display: none !important;
}



.sectorFiltroJerarquico .precios, .sectorFiltroJerarquico .filtros {
	display: block;
	float: left;
	width: 100%;
	margin: 0 0 10px;
	position: relative;
}


.sectorFiltroJerarquico .spnSizeFamily {
	   float: left;
    width: auto;
    margin: 0 15px 0 0;
    font-weight: normal;
	font-size:15px;
	cursor:pointer;
	transition: all .4s ease;
}

.sectorFiltroJerarquico .spnSizeFamily.open {
	font-weight: bold;
}

.sectorFiltroJerarquico .spnSizeFamily:after {
	    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #000;
    float: right;
    margin: 4px;
    transform: rotate(0deg);
	transition: all .4s ease;
}

.sectorFiltroJerarquico .spnSizeFamily.open:after {
	content: "";
    transform: rotate(180deg);
}


.sectorFiltroJerarquico ul.medidas {
	display: none!important;
    position: absolute;
    width: 100%;
    top: 30px;
    right: 0;
}

.sectorFiltroJerarquico ul.medidas.open {
	display: block!important;
}



.tituloPrecios {
    display: block;
    margin: 0;
    padding: 8px 0;
    float: left;
    width: 100%;
    color: transparent;
    position: relative;
    height: 25px;
}









    .tituloPrecios:after {
        content: "Precios";
        width: 100%;
        padding-top: 25px;
		color: #000;
    top: 15px;
    left: 0;
    position: absolute;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase
    }





.sectorFiltroJerarquico .precios {
    display: block;
    float: left;
    width: 100%;
    min-width: 180px;
    margin: 0 0 5px 0;
    padding: 0;
    position: relative;
}


.sectorFiltroJerarquico .precios {
    padding: 10px 0;
    width: 95%;
    min-width: 150px;
    z-index: 10;
    margin-top: 20px;
}

    .sectorFiltroJerarquico .precios span {
        color: #000;
        float: left;
        font-size: 14px;
        font-family: 'HelveticaNeueBold', sans-serif;
        letter-spacing: .5px;
    }


    .sectorFiltroJerarquico .precios .minPrecio,
    .sectorFiltroJerarquico .precios .maxPrecio {
        margin-top: 20px;
    }


    .sectorFiltroJerarquico .precios .maxPrecio {
        margin-left: 5px;
        padding-left: 5px;
        border-left: 1px solid #333;
    }

.sectorFiltroJerarquico .ui-widget-content {
    background: #ccc;
    width: 100%;
    padding: 0;
    height: 20px;
    margin: 0 0 0 7px;
    border: 0;
}

.sectorFiltroJerarquico .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 15px;
    height: 20px;
    cursor: default;
}

.sectorFiltroJerarquico .ui-slider-horizontal .ui-slider-range {
    background-color: #f3f3f3;
}


.sectorFiltroJerarquico .ui-state-default, .sectorFiltroJerarquico .ui-widget-content .ui-state-default, .sectorFiltroJerarquico .ui-widget-header .ui-state-default {
    border: 0;
    background: #333 !important;
    font-weight: normal;
    color: #000;
    top: -1px;
    width: 10px;
    height: 22px;
    margin-left: -8px;
}



    .sectorFiltroJerarquico .ui-state-default:hover, .sectorFiltroJerarquico .ui-widget-content .ui-state-default:hover, .sectorFiltroJerarquico .ui-widget-header .ui-state-default:hover {
        background: #333;
        cursor: pointer;
    }

.sectorResultadoEcommerce {
    min-width: 770px;
    width: 78%;
    min-height: 800px;
    float: right;
    position: relative;
    padding: 0;
    margin: 150px 0 0 0;
}

.resultsLoader {
    position: absolute;
    width: initial;
    height: initial;
    z-index: 10000;
    top: 30px;
    left: 45%;
    background: #fff;
    padding: 20px;
    border-radius: 20px;
}

    .resultsLoader img {
        margin: auto;
        display: block;
    }


.sinArticulos {
    text-align: center;
    width: 100%;
    float: left;
}




.sectorResultadoEcommerce .articulos > li {
    width: 31.33%;
    height: 270px;
    display: inline-block;
    margin: 10px 1% 0;
    float: left;
    text-align: center;
    position: relative;
    border: 0;
    overflow: hidden;
}


    .sectorResultadoEcommerce .articulos > li.col-2 {
        width: 64.66%;
    }

    .sectorResultadoEcommerce .articulos > li.col-3 {
        width: 98%;
    }



.sectorResultadoEcommerce.CuatroColumnas .articulos > li {
    width: 23%;
}


    .sectorResultadoEcommerce.CuatroColumnas .articulos > li.col-2 {
        width: 48%;
    }


    .sectorResultadoEcommerce.CuatroColumnas .articulos > li.col-3 {
        width: 73%;
    }






.sectorResultadoEcommerce .articulos > li a img {
    float: none;
    display:block;
    width:98%;
    max-width:200px;
    margin: 0 auto;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 1;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
}




.sectorResultadoEcommerce .articulos > li.sectorBannerConBoton .sectorBanner,
.sectorResultadoEcommerce .articulos > li.sectorBannerConBoton .sectorBanner img {
    width: 100%;
    height: auto;
    float: left;
    max-width: none;
}

.sectorResultadoEcommerce .articulos > li.col-1.sectorBannerConBoton .sectorBanner img {
    max-width: 225px;
    float: none;
    margin: auto;
    display: block;
}

.sectorResultadoEcommerce .articulos > li.col-2.sectorBannerConBoton .sectorBanner img {
    max-width: 490px;
    float: none;
    margin: auto;
    display: block;
}

.sectorResultadoEcommerce .articulos > li.col-3.sectorBannerConBoton .sectorBanner img {
    max-width: 750px;
    float: none;
    margin: auto;
    display: block;
}




.sectorResultadoEcommerce .articulos .atributos-articulo-resultado {
    width: 100%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


.sectorResultadoEcommerce .articulos li:hover .atributos-articulo-resultado {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


.sectorResultadoEcommerce .articulos > li span {
    float: none;
    clear: both;
    display: block;
    width: 100%;
    font-size: 14px;
    font-family: 'HelveticaNeueBold', sans-serif;
    letter-spacing: .5px;
    color: #000;
    text-transform: uppercase;
}


.sectorResultadoEcommerce .articulos > li span.cuotas {
    font-size: 12px;
    color: #666;
    font-weight: 400;
	    width: 100%;
    text-align: center;
}


    .sectorResultadoEcommerce .articulos > li span[itemprop="sku"] {
        display: none;
    }

    .sectorResultadoEcommerce .articulos > li span[itemprop="brand"] {
        display: none;
    }

    .sectorResultadoEcommerce .articulos > li span[itemprop="name"] {
        margin: 5px 0 1px 0;
    }



.sectorResultadoEcommerce .articulos span.lastPrice {
    color: #e72b1e;
    text-decoration: line-through;
    float: left;
    clear: none;
    width: 48%;
    text-align: right;
}





    .sectorResultadoEcommerce .articulos span.lastPrice ~ span {
        clear: none;
        width: 48%;
        text-align: left;
        float: right;
    }




.tag {
    height: 100px;
    width: 100px;
    position: absolute;
    right: 0;
    top: 0;
}

/*.zoom img {
        float: right;
    }*/




.previewButton {
    position: absolute;
    z-index: 900;
    color: #fff;
    background-color: #e72b1e;
    width: 70%;
    padding: 12px 0;
    height: auto;
    display: inline-block;
    text-align: center;
    bottom: 30%;
    opacity: 0;
    left: 15%;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    font-stretch: condensed;
}



.sectorResultadoEcommerce .articulos li:hover .previewButton {
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.3s ease;
}

.sectorResultadoEcommerce .articulos li .previewButton:hover {
    opacity: 1;
    background-color: #000;
    cursor: pointer;
}




.sectorResultadosEcommerceFooter {
    clear: both;
    display: table;
    width: 90%;
    margin: 10px;
    float: right;
    border-top: 1px solid #e0e0e0;
    padding: 5px 0 0 0;
}


.paginas,
.cantidadPorPagina {
    display: table;
    margin: 0;
    float: right;
    max-width: 50%;
    padding: 0;
}

.cantidadPorPagina {
    float: left;
}


    .paginas li,
    .cantidadPorPagina li {
        float: left;
        padding: 0 5px;
        font-size: 12px;
        cursor: pointer;
    }


        .paginas li[data-type="page-all"] {
            border-left: 1px solid #333;
            float: right;
            margin: 0 5px;
        }

        .paginas li[data-type="page-seq"] {
            float: right;
        }


        .paginas li a {
            color: #333;
        }

.paginas .selected a {
    color: #e72b1e;
    text-decoration: underline;
    font-weight: 700;
}

.paginas li a:hover {
    color: #e72b1e;
}





.backToTop {
    border: 0;
    color: #fff;
    position: fixed;
    top: 240px;
    right: 0;
    display: none;
    height: 40px;
    width: 20px;
    background: url(/Content/Cat/img/arrow-up-home.svg) center no-repeat #ccc;
    opacity: 1;
    padding: 0 11px 0 12px;
}


    .backToTop:hover {
        opacity: .7;
    }


/*_______________________Preview______________________*/



.ui-dialog[aria-describedby="productPreviewContainer"], .ui-dialog[aria-describedby="modalPreviewCompra"] {
    border: 0;
    outline: 0;
    width: 500px;
    background-color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.ui-dialog[aria-describedby="productPreviewContainer"] {
    min-width: 750px;
    padding: 15px 20px 15px 0;
}

    .ui-dialog[aria-describedby="productPreviewContainer"] .productColumn1 {
        width: 50%;
        float: left;
        position: relative;
    }



        .ui-dialog[aria-describedby="productPreviewContainer"] .productColumn1 .productImages .prevImage,
        .ui-dialog[aria-describedby="productPreviewContainer"] .productColumn1 .productImages .nextImage {
            position: absolute;
            top: 40%;
            left: 27px;
            font-size: 30px;
            color: #333;
            line-height: 30px;
            padding: 0;
            z-index: 100;
        }

        .ui-dialog[aria-describedby="productPreviewContainer"] .productColumn1 .productImages .nextImage {
            right: 0;
            left: auto;
            padding: 0;
        }

            .ui-dialog[aria-describedby="productPreviewContainer"] .productColumn1 .productImages .prevImage:hover,
            .ui-dialog[aria-describedby="productPreviewContainer"] .productColumn1 .productImages .nextImage:hover {
                color: #333;
            }


        .ui-dialog[aria-describedby="productPreviewContainer"] .productColumn1 .productImages {
            /*border: 1px solid #eaedf1;*/
            float: left;
            padding-bottom: 10px;
            margin: 0 0 10px 30px;
        }


            .ui-dialog[aria-describedby="productPreviewContainer"] .productColumn1 .productImages .zoom {
                pointer-events: none;
            }


            .ui-dialog[aria-describedby="productPreviewContainer"] .productColumn1 .productImages ul li img:hover, .ui-dialog[aria-describedby="productPreviewContainer"] .productColumn1 .productRelated ul li img:hover {
                border: 2px solid #333;
                cursor: pointer;
            }



        .ui-dialog[aria-describedby="productPreviewContainer"] .productColumn1 .productRelated {
            display: none;
        }

            .ui-dialog[aria-describedby="productPreviewContainer"] .productColumn1 .productRelated ul li img {
                width: 69px;
                margin-top: 4px;
                margin-right: 4px;
                border: 1px solid #eaedf1;
                float: left;
            }



    .ui-dialog[aria-describedby="productPreviewContainer"] .productDetail {
        width: 45%;
        float: right;
    }


        .ui-dialog[aria-describedby="productPreviewContainer"] .productDetail span:first-of-type {
            font-family: 'HelveticaNeueBold', sans-serif;
            letter-spacing: .5px;
            font-size: 14px;
            margin: 8px 0;
            display: block;
            width: 100%;
            color: #333;
        }

        .ui-dialog[aria-describedby="productPreviewContainer"] .productDetail label {
            width: 80px;
            float: left;
            margin-top: 10px;
        }

        .ui-dialog[aria-describedby="productPreviewContainer"] .productDetail span {
            width: 180px;
            float: left;
            margin-top: 10px;
        }


        .ui-dialog[aria-describedby="productPreviewContainer"] .productDetail .productColors {
            width: 180px;
            display: inline-block;
            margin: 8px 0 0 0;
            max-height: 75px;
            min-height: 15px;
        }

            .ui-dialog[aria-describedby="productPreviewContainer"] .productDetail .productColors li {
                float: left;
                height: 15px;
                margin: 0 3px 3px 0;
                width: 15px;
            }

                .ui-dialog[aria-describedby="productPreviewContainer"] .productDetail .productColors li img {
                    border: 1px solid #eaedf1;
                }

                    .ui-dialog[aria-describedby="productPreviewContainer"] .productDetail .productColors li img:hover {
                        cursor: pointer;
                    }

                .ui-dialog[aria-describedby="productPreviewContainer"] .productDetail .productColors li .selected {
                    border: 1px solid red;
                }


        .ui-dialog[aria-describedby="productPreviewContainer"] .productDetail select {
            width: 100px;
            display: inline-block;
            float: left;
            border: 1px solid #eaedf1;
            margin-top: 8px;
        }


    .ui-dialog[aria-describedby="productPreviewContainer"] .productDescription .btn_precio,
    .ui-dialog[aria-describedby="productPreviewContainer"] .productDescription .btn_precio_anterior {
        background: #eaedf1;
        color: #333;
        font-size: 14px;
        font-weight: 700;
        /*margin: 5px 0 0 25px;*/
        padding: 5px 0;
        width: 80px;
        text-align: center;
        display: inline-block;
        float: right;
        margin-top: 7px;
    }

    .ui-dialog[aria-describedby="productPreviewContainer"] .productDescription .btn_precio_anterior {
        color: #fff;
        text-decoration: line-through;
        background-color: #666;
        margin-left: 5px;
    }


    .ui-dialog[aria-describedby="productPreviewContainer"] .productDetail .btnCompraModal,
    .ui-dialog[aria-describedby="productPreviewContainer"] .productDetail .btnAgregarModal,
    .ui-dialog[aria-describedby="productPreviewContainer"] .productDetail #NoDisponible {
        background: #333;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        /*margin: 5px 0 0 25px;*/
        padding: 4px 0;
        width: 80px;
        text-align: center;
        display: inline-block;
        float: right;
        margin-top: 5px;
    }


    .ui-dialog[aria-describedby="productPreviewContainer"] .productDetail .btnAgregarModal {
        clear: both;
    }

        .ui-dialog[aria-describedby="productPreviewContainer"] .productDetail .btnCompraModal:hover, .ui-dialog[aria-describedby="productPreviewContainer"] .productDetail .btnAgregarModal:hover {
            cursor: pointer;
        }

    .ui-dialog[aria-describedby="productPreviewContainer"] .productDetail #NoDisponible {
        margin-left: 150px;
        font-size: 11px;
    }





    .ui-dialog[aria-describedby="productPreviewContainer"] .productDetail span:last-of-type {
        font-weight: normal;
        font-size: 12px;
        margin: 8px 0;
        display: block;
        width: 100%;
        color: #666;
    }

    .ui-dialog[aria-describedby="productPreviewContainer"] .productDetail .descripcionPreview {
        float: left;
        width: auto;
    }

.productPreview .productDescription {
    width: 45%;
    float: right;
    padding: 20px 0;
    position: relative;
}

    .productPreview .productDescription .DetailColumn1 {
        width: 100%;
        float: left;
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #e0e0e0;
    }

    .productPreview .productDescription .DetailColumn3 {
        width: 100%;
        float: left;
    }


        .productPreview .productDescription .DetailColumn3 .compraTipoSelector,
        .productPreview .productDescription .DetailColumn3 .btnReservar {
            display: none !important;
        }


    .productPreview .productDescription > span {
        color: #000;
        font-size: 20px;
        border: none;
        width: 100%;
        margin: 0;
        text-transform: uppercase;
        font-family: 'HelveticaNeueBold', sans-serif;
        letter-spacing: .5px;
        /* font-stretch: condensed; */
        display: block;
        padding-bottom: 40px;
        border-bottom: 1px solid #e0e0e0;
    }

    .productPreview .productDescription .puntoDeVenta {
        color: #666;
        font-weight: normal;
        font-size: 11px;
        display: block;
        padding-top: 20px;
        float: left;
    }

    .productPreview .productDescription span {
        vertical-align: bottom;
    }

    .productPreview .productDescription select {
        border: 1px solid #000;
        float: right;
        margin: 0;
        width: 50%;
        padding: 8px 0;
        font-size: 14px;
    }

    .productPreview .productDescription .DetailColumn1 > div {
        width: 100%;
        float: left;
        margin: 5px 0;
    }

        .productPreview .productDescription .DetailColumn1 > div:first-of-type {
            margin: 0;
        }

        .productPreview .productDescription .DetailColumn1 > div:nth-of-type(2) {
            margin: 0 0 10px 0;
            padding-bottom: 10px;
            border-bottom: 1px solid #e0e0e0;
        }

    .productPreview .productDescription select:focus {
        outline: none;
    }

    .productPreview .productDescription .DetailColumn1 label {
        width: 50%;
        float: left;
        margin: 10px 0 0 0;
        font-weight: 900;
        color: #333;
        font-size: 14px;
        text-transform: uppercase;
    }


        .productPreview .productDescription .DetailColumn1 label[for="Genero"] {
            margin-top: 18px;
        }


    .productPreview .productDescription .marca,
    .productDetail .productColumn2 .productDescription .marca {
        display: none;
    }

    .productPreview .productDescription .DetailColumn1 span {
        float: left;
        width: 60%;
        margin: 8px 0;
        font-weight: 800;
    }

        .productPreview .productDescription .DetailColumn1 span[itemprop="brand"],
        .productDetail .productColumn2 .productDescription .DetailColumn1 span[itemprop="brand"] {
            display: none;
        }


        .productPreview .productDescription .DetailColumn1 span[itemprop="genero"],
        .productDetail .productColumn2 .productDescription .DetailColumn1 span[itemprop="genero"] {
            text-transform: uppercase;
            font-size: 14px;
            font-family: 'HelveticaNeueBold', sans-serif;
            letter-spacing: .5px;
        }


    .productPreview .productDescription .DetailColumn1 .productColors ul {
        width: 90%;
        float: left;
        margin: 0 0 2px 0;
    }

    .productPreview .productDescription .DetailColumn1 .productColors li {
        height: auto;
        display: block;
        float: left;
        margin: 5px 5px 5px 0;
        margin-right: 5px;
        height: 20px;
        width: 20px;
    }

        .productPreview .productDescription .DetailColumn1 .productColors li img {
            width: 100%;
            border: solid 2px #f5f5f1;
            overflow: hidden;
        }

        .productPreview .productDescription .DetailColumn1 .productColors li:last-of-type {
            margin-right: 0;
        }

    .productPreview .productDescription .DetailColumn1 > label {
        float: left;
        font-family: 'HelveticaNeueBold', sans-serif;
        letter-spacing: .5px;
        padding: 0;
        width: 100%;
        margin: 10px 0 0 0;
        font-size: 14px;
    }


.productDetail .productColumn2 .productDescription .DetailColumn3 label {
    width: auto;
    font-size: 14px;
    color: #000;
    height: auto;
    padding: 2px 0 15px 0;
    font-family: 'HelveticaNeueBold',sans-serif;
}

.productDetail .productColumn2 .productDescription .btn_precio {
    position: absolute;
    top: 75px;
    left: 0;
    color: #000;
    font-size: 22px;
    text-align: left;
    padding: 0;
}



.productPreview .productDescription .DetailColumn3 button {
    background-color: #e72b1e;
    color: #fff;
    text-align: center;
    /*width: 45%;*/
    width: 100%;
    padding: 15px;
    float: left;
    font-size: 16px;
    margin: 5px 0 0 0;
    cursor: pointer;
    text-transform: uppercase;
    font-family: 'HelveticaNeueBold', sans-serif;
    letter-spacing: .5px;
}

    .productPreview .productDescription .DetailColumn3 button#AgregarAlCarrito {
        display: none !important;
    }

        .productPreview .productDescription .DetailColumn3 button:hover, .productPreview .productDescription .DetailColumn3 button#AgregarAlCarrito:hover {
            background-color: #000;
        }

        .productPreview .productDescription .DetailColumn3 button#AgregarAlCarrito:hover {
            border: 2px solid #5dd536;
        }

    .productPreview .productDescription .DetailColumn3 button:focus {
        outline: none;
    }

.productPreview .productColumn1 .productImages ul {
    float: left;
}

    .productPreview .productColumn1 .productImages ul li {
        float: left;
    }

        .productPreview .productColumn1 .productImages ul li img {
            border: 2px solid #fff;
            padding: 1px;
            margin: 10px 13px 0 0;
            float: left;
            width: 60px;
            background: #fff;
        }

        .productPreview .productColumn1 .productImages ul li:last-of-type img {
            margin: 10px 0 0 0;
        }

        .productPreview .productDescription .DetailColumn1 .productColors li img.selected,
        .productPreview .productColumn1 .productImages ul li img.selected {
            border-color: #e72b1e;
        }

.productPreview .productDescription .description {
    width: 100%;
    float: left;
    padding: 10px 0 0 0;
    margin-top: 10px;
    text-align: justify;
    line-height: 16px;
    color: #666;
    border-top: 1px solid #e0e0e0;
}


    .productPreview .productDescription .description p {
        float: left;
        color: #333;
    }

    .productPreview .productDescription .description h2,
    .productPreview .productDescription .puntoDeVenta h2 {
        font-weight: 900;
        color: #333;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1px;
        width: 100%;
    }




.productPreview .productDescription .puntoDeVenta h2 {
    display: none;
}

.productPreview .productDescription .description a {
    color: #333;
    text-transform: uppercase;
    float: right;
    font-size: 10px;
}



.productPreview .productDescription .DetailColumn3 .ui-state-default .ui-icon {
    background-image: none !important;
    height: auto;
    width: auto;
    margin: 0;
    display: inline;
}

.productPreview .productDescription .DetailColumn3 > span {
    float: right;
    border: 0;
    margin-bottom: 5px;
    border: solid 1px #eaedf1;
    height: 18px;
}

    .productPreview .productDescription .DetailColumn3 > span a {
        float: none;
    }

    .productPreview .productDescription .DetailColumn3 > span span {
        cursor: default;
    }

.productPreview .productDescription .DetailColumn3 input {
    width: 47px;
    height: 18px;
}


.productPreview .redesSociales {
    margin-top: -50px;
    margin-left: 25px;
    width: auto;
    float: left;
    position: relative;
    height: 20px;
}

    .productPreview .redesSociales > div.facebook {
        left: -50px;
    }

    .productPreview .redesSociales > div.twitter {
        left: 80px;
    }

    .productPreview .redesSociales > div.pinterest {
        left: 165px;
    }

    .productPreview .redesSociales > div.google {
        left: 215px;
    }


/*------------Fin Preview------------*/






.ui-dialog[aria-describedby="modalPreviewCompra"] .ui-dialog-title {
    display: none;
}



.ui-dialog[aria-describedby="modalPreviewCompra"] .tituloModal {
    font-size: 22px;
    text-align: left;
    color: #333;
    font-stretch: condensed;
    font-family: 'HelveticaNeueBold', sans-serif;
    letter-spacing: .5px;
}


.ui-dialog[aria-describedby="modalPreviewCompra"] #items {
    color: #333;
    float: left;
    text-align: left;
    width: 100%;
    text-decoration: none;
    margin: 10px 0;
    padding-bottom: 10px;
}

    .ui-dialog[aria-describedby="modalPreviewCompra"] #items label, .ui-dialog[aria-describedby="modalPreviewCompra"] #items span {
        font-size: 16px;
    }

    .ui-dialog[aria-describedby="modalPreviewCompra"] #items label {
        margin: 0 3px 0 0;
        float: left;
    }

    .ui-dialog[aria-describedby="modalPreviewCompra"] #items span {
        font-family: 'HelveticaNeueBold', sans-serif;
        letter-spacing: .5px;
        margin: 0 2px;
    }

    .ui-dialog[aria-describedby="modalPreviewCompra"] #items b {
        line-height: 16px;
        vertical-align: middle;
    }

    .ui-dialog[aria-describedby="modalPreviewCompra"] #items img {
        display: none;
    }


.ui-dialog[aria-describedby="modalPreviewCompra"] .producto {
    float: left;
}

    .ui-dialog[aria-describedby="modalPreviewCompra"] .producto img {
        display: block;
        padding: 20px;
        background: #fff;
    }

.ui-dialog[aria-describedby="modalPreviewCompra"] .datosProducto {
    width: 48%;
    float: right;
    color: #333;
}

.ui-dialog[aria-describedby="modalPreviewCompra"] .botones {
    width: 100%;
    float: left;
    margin: 15px 0;
}


.ui-dialog[aria-describedby="modalPreviewCompra"] .datosProducto label, .ui-dialog[aria-describedby="modalPreviewCompra"] .datosProducto span, .ui-dialog[aria-describedby="modalPreviewCompra"] .datosProducto .noColorModal {
    font-size: 14px;
    float: left;
    margin: 3px 0;
    width: 45%;
    padding: 0;
    /* height: 20px; */
    vertical-align: inherit;
    line-height: inherit;
    font-family: 'HelveticaNeueBold', sans-serif;
    letter-spacing: .5px;
}


.ui-dialog[aria-describedby="modalPreviewCompra"] .datosProducto label {
    font-weight: normal;
}


.ui-dialog[aria-describedby="modalPreviewCompra"] .datosProducto .noColorModal {
    width: 100%;
    margin: 0;
}

    .ui-dialog[aria-describedby="modalPreviewCompra"] .datosProducto .noColorModal img {
        margin-bottom: -5px;
    }

.ui-dialog[aria-describedby="modalPreviewCompra"] .datosProducto > span:nth-of-type(1) {
    width: 100%;
    float: left;
    font-family: 'HelveticaNeueBold', sans-serif;
    letter-spacing: .5px;
    font-size: 16px;
    text-transform: uppercase;
    font-stretch: condensed;
    margin-top: 0;
}






.ui-dialog[aria-describedby="modalPreviewCompra"] #producto {
    border: solid 3px #999;
    float: left;
    margin: 5px 10px 10px;
    width: 50px;
}


.ui-dialog[aria-describedby="modalPreviewCompra"] .botones a {
    background-color: #e72b1e;
    color: #fff;
    text-align: center;
    width: 49%;
    padding: 10px 0;
    float: left;
    font-family: 'HelveticaNeueBold', sans-serif;
    letter-spacing: .5px;
    margin: 8px 0 0 0;
    cursor: pointer;
    font-size: 12px;
    font-stretch: condensed;
    letter-spacing: 1px;
}

    .ui-dialog[aria-describedby="modalPreviewCompra"] .botones a:last-of-type {
        float: right;
    }




    .ui-dialog[aria-describedby="modalPreviewCompra"] .botones a:hover {
        background-color: #000;
    }




/*_________________________________DETALLE NUEVO _________________________________*/



.productDetail {
    width: 980px;
    display: table;
    margin: 0 auto;
    min-height: 500px;
    padding: 30px 20px 50px 20px;
    background: #fff;
    visibility: visible;
}

    .productDetail .productColumn1 {
        width: 450px;
        float: left;
    }

    .productDetail .productColumn2 {
        width: 420px;
        float: right;
        padding-top: 20px;
        position: relative;
        margin-top: -25px;
    }

    .productDetail .productColumn1 .productImages {
        padding-bottom: 5px;
        margin-bottom: 10px;
        text-align: center;
        width: 450px;
        height: 300px;
        position: relative;
    }

        .productDetail .productColumn1 .productImages .prevImage,
        .productDetail .productColumn1 .productImages .nextImage {
            position: absolute;
            top: 50%;
            left: 0;
            font-size: 30px;
            color: #333;
            font-family: monospace;
            border-radius: 60px;
            line-height: 30px;
            padding: 0;
            z-index: 100;
        }

        .productDetail .productColumn1 .productImages .nextImage {
            right: 0;
            left: auto;
            padding: 0;
        }

            .productDetail .productColumn1 .productImages .prevImage:hover,
            .productDetail .productColumn1 .productImages .nextImage:hover {
                color: #000;
            }

        .productDetail .productColumn1 .productImages ul {
            display: none;
        }

            .productDetail .productColumn1 .productImages ul li img {
                width: 60px;
                margin: 5px;
                float: left;
                border: solid 2px #fff;
            }

                .productDetail .productColumn1 .productImages ul li img:hover, .productDetail .productColumn1 .productImages ul li img.selected {
                    border: solid 2px #000;
                }


    .productDetail .productColumn1 .productRelated {
        width: auto;
        display: block;
        clear: both;
        margin-top: 33px;
        float: left;
    }


        .productDetail .productColumn1 .productRelated h2 {
            margin: 0 0 10px 0 0 0;
            font-size: 13px;
            float: left;
            font-weight: bold;
            text-transform: uppercase;
            color: #000;
            letter-spacing: 1px;
        }

        .productDetail .productColumn1 .productRelated ul {
            width: 100%;
            float: left;
        }


            .productDetail .productColumn1 .productRelated ul li {
                width: auto;
                margin: 5px 26px 5px 0;
                float: left;
                border: 1px solid #fff;
                background: #fff;
            }


                .productDetail .productColumn1 .productRelated ul li:last-of-type {
                    margin: 5px 0 5px 0;
                }





                .productDetail .productColumn1 .productRelated ul li:hover {
                    border: 1px solid #ccc;
                    cursor: pointer;
                }


.spritezoom-sens:hover {
    cursor: zoom-in;
}

.spritezoom-zoom {
    border: 1px solid #999;
    width: 530px !important;
    height: 500px !important;
    background: #fff;
    z-index: 10001;
    margin-left: 150px;
    top: -30px !important;
}

.spritezoom-lens {
    width: 150px !important;
    height: 120px !important;
    margin-left: 80px;
    margin-top: -1px;
    border: 1px solid #999;
}

.spritezoom-view, .spritezoom-tint {
    margin-left: 80px;
}

.spritezoom-tint {
    background: #fff;
    opacity: 0.5;
}

.sectorFiltroJerarquico h2 {
    font-size: 30px;
    color: #333;
    margin: 10px 0;
    font-weight: 100;
    width: 100%;
}



.productDetail .productColumn2 .productDescription div.description,
.productDetail .productColumn2 .productDescription .puntoDeVenta {
    display: block;
    clear: both;
    float: left;
    width: 100%;
    padding: 5px 0 0 0;
    margin: 10px 0;
    border-top: 1px solid #eee;
    color: #6a6d6f;
}

.productDetail .productColumn2 .productDescription div.description {
    font-size: 12px;
    margin: 10px 0;
    padding: 5%;
    background: #f5f4f2;
    display: table;
    width: 90%;
}

    .productDetail .productColumn2 .productDescription div.description h2 {
        margin: 0 0 10px 0;
        font-size: 13px;
        float: left;
        font-weight: 900;
        color: #000;
        width: 100%;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .productDetail .productColumn2 .productDescription div.description .descripcionPreview {
        margin: 0;
        font-size: 12px;
        float: left;
        color: #666;
        width: auto;
        float: left;
        text-align: justify;
    }

.productDetail .productColumn2 .productDescription .puntoDeVenta {
    display: none;
}

.productDetail .productColumn2 .productDescription div.description a {
    float: right;
    color: #000;
    font-size: 12px;
    padding: 0;
    text-align: right;
    font-weight: bold;
}

.productDetail .productColumn2 .productDescription .btnVolver {
    display: block;
    clear: both;
    float: right;
    color: #000;
    font-size: 10px;
    padding: 5px 10px;
    cursor: pointer;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #fff;
    border: 1px solid #000;
}

    .productDetail .productColumn2 .productDescription .btnVolver:hover {
        color: #999;
    }

    .productDetail .productColumn2 .productDescription .btnVolver:focus,
    .productDetail .productColumn2 .productDescription .DetailColumn3 .btnCompraModal:focus,
    .productDetail .productColumn2 .productDescription .DetailColumn3 button:focus {
        outline: none;
    }

.productDetail .productColumn2 .productDescription > span a {
    color: black;
    padding: 0 5px 5px 0;
    float: right !important;
}

.productDetail .productColumn2 .productDescription .DetailColumn1,
.productDetail .productColumn2 .productDescription .DetailColumn2,
.productDetail .productColumn2 .productDescription .DetailColumn3 {
    width: 100%;
    float: left;
    display: block;
    margin: 15px 0 0 0;
}

.productDetail .productColumn2 .productDescription .DetailColumn3 {
    width: 100%;
    float: right;
    margin-top: 15px;
}

    .productDetail .productColumn2 .productDescription .DetailColumn3 .compraTipoSelector {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }

        .productDetail .productColumn2 .productDescription .DetailColumn3 .compraTipoSelector input,
        .productDetail .productColumn2 .productDescription .DetailColumn3 .compraTipoSelector label {
            float: left;
            margin: 5px 0;
        }

        .productDetail .productColumn2 .productDescription .DetailColumn3 .compraTipoSelector input {
            clear: left;
        }


.productDetail .productColumn2 .productDescription .DetailColumn1 {
    margin: 0;
    border-bottom: 1px solid #eee;
    padding: 0 0 15px 0;
}




    .productDetail .productColumn2 .productDescription .DetailColumn1 > div {
        width: 30%;
        margin-right: 3%;
        float: left;
    }

        .productDetail .productColumn2 .productDescription .DetailColumn1 > div:first-of-type {
            width: 100%;
            margin-right: 0;
            margin-bottom: 10px;
            float: left;
            border-bottom: 1px solid #eee;
        }


        .productDetail .productColumn2 .productDescription .DetailColumn1 > div:first-of-type {
            width: 100%;
            margin-right: 3%;
            float: left;
        }


        .productDetail .productColumn2 .productDescription .DetailColumn1 > div:nth-of-type(2) {
            width: 34%;
        }

        .productDetail .productColumn2 .productDescription .DetailColumn1 > div:nth-of-type(4) {
            margin-right: 0;
        }






    .productDetail .productColumn2 .productDescription .DetailColumn1 label,
    .productDetail .productColumn2 .productDescription .DetailColumn1 .DetailColumn1 > div > div {
        width: 100%;
        float: left;
        margin: 5px 0 6px;
        font-weight: 100;
        color: #000;
        font-size: 12px;
        letter-spacing: 1px;
    }


        .productDetail .productColumn2 .productDescription .DetailColumn1 label[for="Genero"] {
            margin-top: 15px;
            width: 34%;
        }

    .productDetail .productColumn2 .productDescription .DetailColumn1 select {
        border: solid 1px #000;
        float: left;
        margin: 0;
        width: 100%;
        padding: 6px 0;
    }

    .productDetail .productColumn2 .productDescription .DetailColumn1 span {
        width: 100%;
        float: left;
        display: block;
        padding: 3px;
        margin-top: 6px;
    }

        .productDetail .productColumn2 .productDescription .DetailColumn1 span#Genero {
            float: left;
            margin: 15px 0 0 0;
            padding: 0;
            font-weight: 100;
            text-align: center;
            font-size: 12px;
            width: auto;
        }



    .productDetail .productColumn2 .productDescription .DetailColumn1 .productColors {
        width: 100%;
        float: left;
        min-height: 25px;
    }


        .productDetail .productColumn2 .productDescription .DetailColumn1 .productColors ul li {
            overflow: hidden;
            float: left;
            width: 31px;
            height: 31px;
            margin: 0 3px 3px 0;
            cursor: pointer;
        }


            .productDetail .productColumn2 .productDescription .DetailColumn1 .productColors ul li img {
                overflow: hidden;
                float: left;
                border: 1px solid #000;
                width: 29px;
                height: 29px;
                cursor: pointer;
            }

                .productDetail .productColumn2 .productDescription .DetailColumn1 .productColors ul li img.selected {
                    border: 2px solid #000;
                    width: 27px;
                    height: 27px;
                }





    .productDetail .productColumn2 .productDescription .DetailColumn1 > label {
        margin-right: 0;
        width: 30%;
        float: right;
        text-align: center;
        background: #000;
        padding: 9px 0 8px 0;
        margin-top: 24px;
        color: #fff;
    }


.productDetail .productColumn2 .productDescription .DetailColumn3 button,
.productDetail .productColumn2 .productDescription .DetailColumn3 button.btnContactar,
.productDetail .productColumn2 .productDescription .DetailColumn3 button.btnComprarTelefonica {
    background-color: #e72b1e;
    color: #fff;
    text-align: center;
    width: 37%;
    padding: 14px 0;
    float: right;
    font-weight: 100;
    margin: 10px 0 0 0;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

    .productDetail .productColumn2 .productDescription .DetailColumn3 button.btnContactar {
        clear: left;
    }

.productDetail .productColumn2 .productDescription .DetailColumn3 button {
    width: 49%;
}



    .productDetail .productColumn2 .productDescription .DetailColumn3 button:first-of-type {
        float: left;
    }



    .productDetail .productColumn2 .productDescription .DetailColumn3 button.btnContactar,
    .productDetail .productColumn2 .productDescription .DetailColumn3 button.btnComprarTelefonica {
        padding: 0;
        height: 42px;
        width: 49%;
        font-size: 11px;
        color: #fff;
        background-color: silver;
        float: left;
        letter-spacing: 0;
    }

    .productDetail .productColumn2 .productDescription .DetailColumn3 button.btnComprarTelefonica {
        float: right;
    }

        .productDetail .productColumn2 .productDescription .DetailColumn3 button.btnContactar:hover,
        .productDetail .productColumn2 .productDescription .DetailColumn3 button.btnComprarTelefonica:hover,
        .productDetail .productColumn2 .productDescription .DetailColumn3 button:hover,
        .productDetail .productColumn2 .DetailColumn2 a.compraInmediata:hover {
            color: #fff;
            background-color: #333;
        }

.productDetail .productColumn2 .productDescription .btn_precio_anterior {
    font-size: 22px;
    text-decoration: line-through;
    color: red;
    vertical-align: text-top;
    position: absolute;
    top: 64px;
    left: 120px;
    padding: 0;
}


.productDetail .productColumn2 .productDescription .btn_precio {
    float: left;
    font-size: 22px;
    color: #333;
    position: absolute;
    top: 64px;
    left: 0;
    letter-spacing: 0;
    min-width: 25%;
}



    .productDetail .productColumn2 .productDescription .btn_precio:before {
        content: "Precio un pago";
        position: absolute;
        font-size: 12px;
        left: 0;
        top: -15px;
        color: #999;
        letter-spacing: 0;
    }




.productDetail .productColumn2 .productDescription .description {
    font-size: 12px;
    padding: 10px 0;
}

.productDetail .productColumn2 .productDescription > span:first-of-type {
    display: block;
    clear: both;
    font-size: 24px;
    color: #000;
    border: none;
    width: 100%;
    margin: 0;
    text-transform: uppercase;
    font-family: 'HelveticaNeueBold',sans-serif;
    padding-bottom: 50px;
    line-height: 20px;
}



.productPreview .productDescription .DetailColumn1 label[for="Marca"], .productDetail .productColumn2 .productDescription .DetailColumn1 label[for="Marca"] {
    display: none;
}


.productDetail .productColumn2 .DetailColumn2 a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
    font-style: normal;
    font-size: 10px;
    text-transform: uppercase;
    margin: 0;
    padding: 0 5px 0 0;
    border-right: 1px solid #666;
    letter-spacing: 0;
}

    .productDetail .productColumn2 .DetailColumn2 a:nth-of-type(3) {
        border: none;
    }

    .productDetail .productColumn2 .DetailColumn2 a:hover {
        color: #999;
    }




    .productDetail .productColumn2 .DetailColumn2 a.verStockOnline {
        border: 0;
    }


        .productDetail .productColumn2 .DetailColumn2 a.verStockOnline span {
            font-size: 10px;
        }




    .productDetail .productColumn2 .DetailColumn2 a.compraInmediata {
        background-color: #333;
        color: #fff;
        text-align: center;
        padding: 14px 0;
        font-weight: 100;
        margin: 15px 0 0 0;
        cursor: pointer;
        font-size: 14px;
        text-transform: uppercase;
        width: 60%;
        border: 0;
    }

        .productDetail .productColumn2 .DetailColumn2 a.compraInmediata span {
            font-size: 14px;
        }






    .productDetail .productColumn2 .DetailColumn2 a.verStockOnline:after {
        display: none;
    }


.productComments {
    float: left;
    width: 100%;
}

    .productComments .showCommentDialog {
        background-color: #eaedf1;
        padding: 7px 15px;
        font-weight: 700;
        text-transform: uppercase;
        margin-top: 20px;
        margin-left: 393px;
        cursor: pointer;
    }


.redesSociales {
    width: 450px;
    /*float: right;*/
    position: relative;
    height: 20px;
    margin: -5px 0 5px 0;
}

    .redesSociales > div {
        position: absolute;
    }

        .redesSociales > div#facebook {
            left: 136px;
        }

        .redesSociales > div#google {
            left: 0;
            top: -4px;
            width: 70px;
        }

        .redesSociales > div.twitter {
            left: 76px;
        }

        .redesSociales > div.pinterest {
            right: 80px;
        }



.productComments li {
    border-bottom: solid 1px #eaedf1;
    float: left;
    margin-top: 10px;
    width: 100%;
}

    .productComments li:last-of-type {
        margin-bottom: 15px;
    }

li.sin-comentarios {
    border: none;
}

.productComments .usuario {
    color: #7a7a7a;
    font-weight: 700;
    padding-right: 5px;
    border-right: solid 1px #7a7a7a;
}

.productComments .puntaje {
    padding: 0 5px;
    border-right: solid 1px #7a7a7a;
}

.productComments .fecha {
    padding: 0 5px;
}

.productComments .descripcion {
    width: 100%;
    float: left;
    margin: 5px 0;
}

.productComments button {
    background-color: #eaedf1;
    padding: 7px 15px;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 5px;
    margin-bottom: 15px;
    cursor: pointer;
}


a:focus {
    outline: 0;
}



/*_________GiftCard________*/

.productDetail .productColumn2 .productDescription .DetailColumn3 .ui-state-default .ui-icon {
    background-image: none !important;
    height: auto;
    width: auto;
    margin: 0;
    display: inline;
}

.productDetail .productColumn2 .productDescription .DetailColumn3 > span {
    float: right;
    border: 0;
    margin-bottom: 5px;
    border: solid 1px #ccc;
}

.productDetail .productColumn2 .productDescription .DetailColumn3 > span#addToWishList {
    border: 0;
    text-decoration: underline;
    float: left;
    display: block;
    width: 100%;
	cursor:pointer;
}

    .productDetail .productColumn2 .productDescription .DetailColumn3 > span a {
        float: none;
    }

    .productDetail .productColumn2 .productDescription .DetailColumn3 > span span {
        cursor: default;
    }

.productDetail .productColumn2 .productDescription .DetailColumn3 input {
    width: 25px;
    height: 15px;
}




/*_____________STOCK LOCALES____________*/

.dialogLocales {
    padding: 10px;
    top: 100px !important;
}

    .dialogLocales .resultsLoader {
        top: 50px;
        width: 30px;
        height: 30px;
        left: 400px;
    }

        .dialogLocales .resultsLoader img {
            margin: auto;
        }

ul.zonas {
    width: 100%;
    float: left;
}

.zonas li {
    float: left;
    height: 50px;
    width: 125px;
    margin-right: 25px;
    line-height: 12px;
    padding-top: 5px;
}

.zonas img {
    float: left;
    margin-top: -10px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

label.labelProvincia {
    float: left;
    color: #666;
    font-family: 'HelveticaNeueBold', sans-serif;
    letter-spacing: .5px;
    margin-right: 15px;
    line-height: 18px;
    vertical-align: middle;
}

select.provincias {
    margin-bottom: 10px;
    background-color: #666;
    color: #fff;
    width: 200px;
}

    select.provincias:focus {
        outline: none;
    }

span.nombreZona {
    font-size: 16px;
    text-transform: uppercase;
    margin: 20px 0;
    font-style: italic;
    float: left;
    clear: both;
}

table.locales {
    width: 100%;
    border-spacing: 0;
    clear: both;
    display: block;
}

    table.locales thead {
        background-color: #f4f4f4;
        margin-bottom: 5px;
    }

    table.locales tr {
        width: 100%;
    }

    table.locales tbody tr:nth-child(even) {
        background-color: #f4f4f4;
    }

    table.locales thead th {
        padding: 5px 10px;
        width: 150px;
        display: table-cell;
        color: #666;
        height: 20px;
        text-align: left;
        vertical-align: middle;
        line-height: 19px;
        border-bottom: 1px solid #333;
    }

    table.locales tbody {
        max-height: 390px;
        overflow-y: auto;
        overflow-x: hidden;
        display: block;
    }


    table.locales td {
        width: 150px;
        display: table-cell;
        padding: 20px 10px;
    }

        table.locales td.stock {
            padding-left: 20px;
        }


        table.locales td.stock {
            padding-left: 20px;
        }

        table.locales td.hayStocknegro {
            background: url('/Content/Cat/img/stockRojo.png') left center no-repeat;
        }

        table.locales td.hayStockamarillo {
            background: url('/Content/Cat/img/stockAmarillo.png') left center no-repeat;
        }

        table.locales td.hayStockverde {
            background: url('/Content/Cat/img/stockVerde.png') left center no-repeat;
        }

        table.locales td.reserva a {
            margin-left: 15px;
        }


/*______COMENTARIO DIALOG_____*/

.productCommentsDialog .column1 {
    float: left;
    width: 100px;
}

    .productCommentsDialog .column1 label {
        color: #333;
        font-family: 'HelveticaNeueBold', sans-serif;
        letter-spacing: .5px;
        float: left;
        padding-bottom: 8px;
    }

.productCommentsDialog .column2 {
    float: left;
}

    .productCommentsDialog .column2 textarea {
        border: solid 1px #eaedf1;
        margin-top: 10px;
        height: 80px;
    }

.productCommentsDialog button {
    float: right;
    margin-top: 10px;
    background-color: #eaedf1;
    padding: 5px 10px;
    text-transform: uppercase;
    font-family: 'HelveticaNeueBold', sans-serif;
    letter-spacing: .5px;
}


/*____________Compra Dialog____________*/


.modalPreviewCompra .encabezado {
    margin-top: -30px;
}



/*___________________ WISHLIST __________________*/

.wishlist-container {
	margin: 0 auto 0 auto;
	display: table;
	padding: 20px 3% 0;
	min-width:980px;
	max-width: 1400px;
	width: 94%;
	position: relative;
}
.wishlist-container > h2 {
	width: 100%;
	float: left
}
.wishlist-container .temaButtons {
	float: right;
	width: auto;
}
.wishlist-container > h2 > span {
	font-size: 24px;
	font-weight: 100;
}
.wishlist-item {
	width: 23%;
	margin: 20px 1%;
	float: left;
	position: relative;
}
.wishlist-item .wishlist-image {
	width: auto;
	max-width:  100%;
	display: table;
	margin: 0 auto;
}
.wishlist-item .wishlist-descripcion {
	width: 100%;
	text-align: center;
	font-size: 24px;
	display: block;
	margin: 0 auto 10px;
}
.wishlist-item .wishlist-talle {
	width: 49%;
	text-align: right;
	font-size: 14px;
	font-weight:600;
	float: left;
	padding: 0;
}
.wishlist-item .wishlist-talle:after {
	content: "/";
	font-size: 20px;
	float: right;
	font-weight: 100;
	margin: -4px 0 0 5px;
}
.wishlist-item .wishlist-precio {
	width: 49%;
	text-align: left;
	font-size: 14px;
	font-weight:600;
	float: right;
}
.wishlist-item .wishlist-comprar {
	font-size: 14px;
    color: #fff;
    background: #e72b1e;
    width: auto;
    padding: 10px 30px;
    letter-spacing: .5px;
    display: table;
    margin: 50px auto 0;
    clear: both;
    cursor: pointer;
    transition: all .6s ease;
}
.wishlist-item .wishlist-comprar:hover {
	background: #230077;
}
.wishlist-item .wishlist-quitar {
	 background: none;
    background-size: 30px;
    color: #333;
    width: 100%;
    height: auto;
    cursor: pointer;
    transition: all .6s ease;
    padding: 5px;
    font-size: 14px;
    text-decoration: underline;
}




/*____________Registracion____________*/





.registracion {
    width: 100%;
    margin: auto;
    padding: 20px 0;
    overflow: hidden;
    min-height: 480px;
    color: #000;
    background: #f6f6f6;
}


div.page.registracion h2.pageTitle {
    display: table;
    font-size: 24px;
    font-family: 'HelveticaNeueBold', sans-serif;
    letter-spacing: .5px;
    width: 980px;
    padding-bottom: 5px;
    margin: 20px auto;
    text-transform: uppercase;
}

div.page.registracion .sectorFormulario {
    width: 980px;
    margin: 0 auto;
    float: none;
}


    div.page.registracion .sectorFormulario form.formulario {
        float: left;
    }


div.page.registracion .newsletterSuscription a {
    background-color: #fff;
    color: #999;
    border: 2px solid #a8a8a8;
    text-align: center;
    padding: 10px 20px;
    /* float: right; */
    font-family: 'HelveticaNeueBold',sans-serif;
    margin: -25px 10px 0 0;
    cursor: pointer;
    margin: 30px auto 0;
    clear: both;
    display: table;
}

div.page.registracion a.changePassword {
    color: red;
    font-family: 'HelveticaNeueBold',sans-serif;
    text-decoration: underline;
    font-size: 14px;
    padding: 10px 0 0 0;
    margin: auto;
    clear: both;
    display: table;
}





div.page.registracion div {
    float: left;
    width: 100%;
}


    div.page.registracion div:last-of-type {
        margin: 0 0 40px 0;
    }


    div.page.registracion div.sectorFormulario {
        position: relative;
    }

div.page.registracion form > input:last-of-type {
    background-color: #e72b1e;
    color: #fff;
    text-align: center;
    padding: 15px 0;
    float: none;
    cursor: pointer;
    margin: 20px auto;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'HelveticaNeueBold', sans-serif;
    letter-spacing: .5px;
    width: 25%;
    border: 0;
    display: table;
}

    div.page.registracion form > input:last-of-type:hover {
        background-color: #000;
        cursor: pointer;
    }

div.page.registracion label,
div.page.registracion span {
    width: 200px;
    float: left;
    margin: 10px 0;
    font-size: 14px;
    color: #000;
    font-family: 'HelveticaNeueBold', sans-serif;
    letter-spacing: .5px;
}

div.page.registracion span {
    clear: both;
}


div.page.registracion input,
div.page.registracion select,
div.page.registracion textarea {
    float: left;
    width: 320px;
    padding: 8px 0;
    text-indent: 5px;
    background: #fff;
    margin: 5px 0;
    border: 1px solid #ccc;
}

div.page.registracion textarea {
    height: 50px;
}

div.page.registracion select {
    width: 322px;
}









/*_________Modal cambio de contraseña_______*/

.changePasswordForm label {
    font-family: 'HelveticaNeueBold', sans-serif;
    letter-spacing: .5px;
    font-style: italic;
    width: 120px;
    float: left;
    line-height: 22px;
    vertical-align: middle;
}

.changePasswordForm p {
    clear: both;
    margin: 3px 0;
    float: left;
    width: 100%;
}

    .changePasswordForm p span {
        float: left;
        color: red;
        margin-top: 2px;
    }

.changePasswordForm input {
    height: 22px;
    width: 100%;
    float: left;
    border: solid 1px #ccc;
    padding: 5px 0;
}

    .changePasswordForm input[type="submit"] {
        font-weight: 700;
        color: #fff;
        background-color: #e72b1e;
        height: 40px;
        margin: 5px 25% 0 25%;
        float: right;
        width: 50%;
        text-align: center;
        cursor: pointer;
        text-transform: uppercase;
        border-radius: 0;
        border: 0;
    }

        .changePasswordForm input[type="submit"]:hover {
            background-color: #000;
        }


/*.page {
    margin-top:100px;
}*/




.panelGeneral > .sectorImagen,
.panelGeneral > .sectorTexto {
    display: table;
    width: 940px;
    margin: 40px auto 20px auto;
    background: #fff;
    padding: 0 20px 30px 20px;
}








/*--------------------------------- visibles ---------------------------------*/




.productDetail {
    visibility: visible;
}


.blogDetail {
    visibility: visible;
}


div.page.registracion {
    visibility: visible;
}


.seccion, .panelGeneral {
    visibility: visible;
}





.sectorTags .tituloTag {
    visibility: visible;
}



/*____________Carrito de Compras____________*/

.page.cart {
    width: 100%;
    margin: auto;
    min-height: 650px;
    padding: 0;
    display: table;
    background: #f6f6f6;
}

    .page.cart .sectorBanner,
    .page.cart .sectorBannerConBoton,
    .page.cart .sectorBanner img {
        width: 100%;
    }

div.sectorMiCarroResultado {
    width: 980px;
    margin: auto;
    display: table;
}

    div.sectorMiCarroResultado .articulosCarro,
	div.sectorMiCarroResultado .wishlistCarro {
        width: 70%;
        margin: 0 0 20px;
        float: left;
    }
	
	div.sectorMiCarroResultado .wishlistCarro {
        width: 68%;
        margin: 0;
		padding:20px 1%;
		background:#fff;
    }
	

        div.sectorMiCarroResultado .itemCarroLinea {
            width: 100%;
            float: left;
            border-bottom: 1px solid #000;
            padding: 10px 0;
        }
		
		 div.sectorMiCarroResultado .wishlistCarro .itemCarroLinea:last-of-type {
            border-bottom: 0;
        }


    div.sectorMiCarroResultado h2.pageTitle {
        display: block;
        font-size: 20px;
        line-height: 50px;
        vertical-align: middle;
        text-transform: uppercase;
        font-weight: 100;
        display: none;
    }

    div.sectorMiCarroResultado > div:first-of-type span {
        line-height: 20px;
        vertical-align: middle;
        color: #999;
        float: left;
        padding: 0 0 2px 0;
        font-size: 14px;
        text-transform: uppercase;
        font-family: 'HelveticaNeueBold', sans-serif;
        letter-spacing: .5px;
        font-style: italic;
    }


    div.sectorMiCarroResultado > div:first-of-type {
        position: relative;
        width: 70%;
        float: left;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #000;
        margin: 50px 0 10px 0;
    }


        div.sectorMiCarroResultado > div:first-of-type span:nth-of-type(1) {
            width: 155px;
            margin: 0;
        }


        div.sectorMiCarroResultado > div:first-of-type span:nth-of-type(2) {
            text-indent: 8px;
            position: relative;
            float: left;
        }

    div.sectorMiCarroResultado .columnaCentral:nth-of-type(3) > p:nth-of-type(3) {
        display: none;
    }

    

    div.sectorMiCarroResultado .columnaImagen {
        float: left;
        margin: 0;
    }

        div.sectorMiCarroResultado .columnaImagen img {
            width: 100px;
            min-width:100px;
            border: 1px solid #fff;
        }

    div.sectorMiCarroResultado .columnaCentral {
        float: left;
    }

        div.sectorMiCarroResultado .columnaCentral:nth-of-type(2) {
            width: 300px;
            margin: 0 0 0 5px;
            position: relative;
        }

        div.sectorMiCarroResultado .columnaCentral:nth-of-type(3) {
            width: 90px;
			margin:25px 0 0;
        }
		
		div.sectorMiCarroResultado .wishlistCarro .columnaCentral:nth-of-type(3) {
            width: 130px;
        }


    div.sectorMiCarroResultado .columnaBotonBorrar {
        margin: 28px 0 0;
        float: right;
    }




    div.sectorMiCarroResultado .columnaCentral p label,
	div.sectorMiCarroResultado .columnaCentral:nth-of-type(3) p:nth-of-type(1) label {
        display: none;
    }
	
	 div.sectorMiCarroResultado .columnaCentral:nth-of-type(2) p:nth-of-type(1) {
        width: 100%;
        float: left;
        margin: 0 0 5px 0;
    }
	
	div.sectorMiCarroResultado .columnaCentral:nth-of-type(2) p {
        width: 33%;
        float: left;
    }

    div.sectorMiCarroResultado .columnaCentral:nth-of-type(2) p:nth-of-type(2) label,
	div.sectorMiCarroResultado .columnaCentral:nth-of-type(2) p label.esRegalo {
        display: block;
        color: #000;
        font-size: 14px;
        float: left;
		margin: 0 5px 0 0;
    }


    div.sectorMiCarroResultado .columnaCentral:nth-of-type(2) p:nth-of-type(1) span {
        font-family: 'HelveticaNeueBold', sans-serif;
        letter-spacing: .5px;
        font-size: 18px;
        display: block;
        font-style: italic;
		    margin: 0 0 1px;
    }

    div.sectorMiCarroResultado .columnaCentral p span {
        font-family: 'HelveticaNeueBold', sans-serif;
        letter-spacing: .5px;
        color: #000;
        font-size: 14px;
    }



   




    div.sectorMiCarroResultado .columnaCentral:nth-of-type(3) p span {
        font-size: 16px;
        display: block;
        padding: 0;
        float: left;
        font-weight: 900;
    }


    div.sectorMiCarroResultado .columnaCentral:nth-of-type(3) p:nth-of-type(3) {
        float: right;
        width: 100px;
    }



        div.sectorMiCarroResultado .columnaCentral:nth-of-type(3) p:nth-of-type(3) span {
            font-family: 'HelveticaNeueBold', sans-serif;
            letter-spacing: .5px;
            color: #e72b1e;
            float: right;
        }

            div.sectorMiCarroResultado .columnaCentral:nth-of-type(3) p:nth-of-type(3) span:before {
                content: "-";
                font-family: 'HelveticaNeueBold', sans-serif;
                letter-spacing: .5px;
                color: #e72b1e;
            }


    div.sectorMiCarroResultado .columnaCentral:nth-of-type(3) p:nth-of-type(2) {
        float: right;
    }

    div.sectorMiCarroResultado .columnaCentral:nth-of-type(3) p span img {
            width: 20px;
			 height: 20px;
    margin:  0 ;
   overflow: hidden;
    outline-color: #000;
    }



    div.sectorMiCarroResultado .columnaCentral p input[type="text"] {
        width: 30px;
        float: left;
        padding: 0;
        text-align: center;
        margin: 0;
        color: #000;
        font-size: 16px;
        background: transparent;
        font-weight: 900;
    }

    div.sectorMiCarroResultado .M .columnaCentral p input[type="text"] {
        border: 1px solid #ffcb08;
    }

    div.sectorMiCarroResultado .R .columnaCentral p input[type="text"] {
        border: 1px solid #ffcb08;
    }

    div.sectorMiCarroResultado .M .columnaCentral p:nth-of-type(3)::after {
        content: "Demasiado tarde, no quedan suficientes";
        padding: 2px 0 0 10PX;
        display: flex;
        color: #e9bc00;
    }


    div.sectorMiCarroResultado .R .columnaCentral p:nth-of-type(3)::after {
        content: "Demasiado tarde, agotado";
        padding: 2px 0 0 10PX;
        display: flex;
        color: #a11217;
    }


    div.sectorMiCarroResultado .columnaCentral a.btnQuantityUp,
    div.sectorMiCarroResultado .columnaCentral a.btnQuantityDown,
	 div.sectorMiCarroResultado .columnaCentral a.btnWishlistQuantityUp,
    div.sectorMiCarroResultado .columnaCentral a.btnWishlistQuantityDown {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 6px 8px 6px;
        border-color: transparent transparent #000 transparent;
        float: left;
        margin: 5px 5px 0 0;
        padding: 0;
    }

div.RESERVA .columnaCentral a.btnQuantityUp,
div.RESERVA .columnaCentral a.btnQuantityDown {
    display: none;
}

div.sectorMiCarroResultado .columnaCentral a.btnQuantityDown,
    div.sectorMiCarroResultado .columnaCentral a.btnWishlistQuantityDown {
    border-width: 8px 6px 0 6px;
    border-color: #000 transparent transparent transparent;
}




div.sectorMiCarroResultado .columnaBotonBorrar a {
    padding: 0;
    float: left;
    cursor: pointer;
    color: #e72b1e;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'HelveticaNeueBold', sans-serif;
    text-decoration: underline;
}

    div.sectorMiCarroResultado .columnaBotonBorrar a:hover,
	div.sectorMiCarroResultado .wishlistCarro .columnaBotonBorrar a {
        color: #000;
    }
	
div.sectorMiCarroResultado .columnaBotonBorrar .addToWishList {
    float: left;
    margin: 0 10px 0 0;
    text-decoration: underline;
	cursor:pointer;
}

div.sectorMiCarroResultado .subtotal,
div.sectorMiCarroResultado .botonera-carrito,
div.sectorMiCarroResultado .costoEnvio {
    width: 25%;
    float: right;
    text-align: center;
    margin: 0;
    padding: 20px 0 100px;
    position: relative;
    clear: right;
}


/*div.sectorMiCarroResultado .botonera-carrito {
    border-top: 1px solid #000;
}*/


div.sectorMiCarroResultado .descuentoInput, .btnElegirPromo, .select_CodigoDePromocion {
    width: 25%;
    float: right;
    text-align: right;
    margin: -50px 0 0;
    background: #fff;
	clear:right;
}

    div.sectorMiCarroResultado .descuentoInput .btnAplicarDescuento, .btnElegirPromo input {
        background-color: #333;
        color: #fff;
        text-align: center;
        padding: 10px 0;
        cursor: pointer;
        font-size: 14px;
        text-transform: uppercase;
        display: block;
        margin: 0 auto 20px;
        font-weight: 600;
        width: 220px;
        font-family: 'HelveticaNeueBold', sans-serif;
        letter-spacing: .5px;
    }


    .btnElegirPromo input {
        font-size: 12px;
    }

    .select_CodigoDePromocion select {
        padding: 8px 5px;
        width: 210px;
        margin: 0 auto 10px;
        border: 1px solid #ccc;
        display: table;
    }

    div.sectorMiCarroResultado .descuentoInput label {
        font-size: 18px;
        padding: 0;
        margin: 30px 0 0 0;
        width: 100%;
        font-family: 'HelveticaNeueBold', sans-serif;
        letter-spacing: .5px;
        display: block;
        text-align: center;
        font-style: italic;
        text-transform: uppercase;
    }


    div.sectorMiCarroResultado .descuentoInput input {
        padding: 8px 5px;
        width: 210px;
        margin: 10px auto;
        border: 1px solid #ccc;
        display: table;
    }

        div.sectorMiCarroResultado .descuentoInput input:focus {
            outline: none;
        }



div.sectorMiCarroResultado .subtotal,
div.sectorMiCarroResultado .descuento,
div.sectorMiCarroResultado .total {
    float: right;
    text-align: center;
    margin: 0;
    width: 225px;
    padding: 20px 10px;
    border-top: 1px solid #666;
    background: #fff;
    font-style: italic;
    text-transform: uppercase;
    font-family: 'HelveticaNeueBold', sans-serif;
    letter-spacing: .5px;
    clear: right;
}



    div.sectorMiCarroResultado .subtotal span,
    div.sectorMiCarroResultado .descuento span,
    div.sectorMiCarroResultado .total span {
        float: left;
        text-transform: uppercase;
        font-size: 16px;
    }

        div.sectorMiCarroResultado .subtotal span:last-of-type,
        div.sectorMiCarroResultado .descuento span:last-of-type,
        div.sectorMiCarroResultado .total span:last-of-type {
            float: right;
            font-style: initial;
            font-size: 18px;
        }




div.sectorMiCarroResultado .botonera-carrito a {
    background-color: #e72b1e;
    color: #fff;
    text-align: center;
    padding: 12px 0;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    display: table;
    font-family: 'HelveticaNeueBold', sans-serif;
    letter-spacing: .5px;
    width: 100%;
    margin-top: 10px;
}

    div.sectorMiCarroResultado .botonera-carrito a:hover {
        background-color: #000;
    }

div.sectorMiCarroResultado .descuentoInput .btnAplicarDescuento:hover {
    background-color: #000;
}



div.sectorMiCarroResultado .botonera-carrito a.btnDelateAllCompraCarroLineas,
div.sectorMiCarroResultado .botonera-carrito a.btnContinuarComprando,
div.sectorConfirmacion > a {
    color: #e72b1e;
    background: none;
    font-size: 14px;
    padding: 0;
    cursor: pointer;
    width: 100%;
    text-align: center;
    display: block;
    margin: 0 auto;
    text-transform: uppercase;
    font-family: 'HelveticaNeueBold', sans-serif;
    letter-spacing: .5px;
}




div.sectorMiCarroResultado .botonera-carrito a.btnDelateAllCompraCarroLineas,
div.sectorMiCarroResultado .botonera-carrito a.btnContinuarComprando {
    position: absolute;
    bottom: 0;
}


div.sectorMiCarroResultado .botonera-carrito a.btnContinuarComprando {
    bottom: 20px;
}



    div.sectorMiCarroResultado .botonera-carrito a.btnDelateAllCompraCarroLineas:hover,
    div.sectorMiCarroResultado .botonera-carrito a.btnContinuarComprando:hover, div.sectorConfirmacion > a {
        color: #000;
    }



/*____________Identificacion de Compra____________*/

.page.identify {
    width: 100%;
    margin: auto;
    padding: 20px 0;
    min-height: 650px;
    background: #f6f6f6;
}


    .page.identify h2, .page.identify h3, .page.identify p {
        width: 980px;
        margin: auto;
    }

        .page.identify h2.pageTitle {
            display: block;
            font-size: 20px;
            line-height: 50px;
            vertical-align: middle;
            text-transform: uppercase;
            font-weight: 100;
            display: none;
        }



    .page.identify h3,
    .page.identify p {
        width: 980px;
        margin: auto;
        text-align: center;
        font-size: 18px;
    }

    .page.identify h3 {
        font-size: 30px;
        line-height: 50px;
        vertical-align: middle;
        text-transform: uppercase;
        font-family: 'HelveticaNeueBold', sans-serif;
        letter-spacing: .5px;
        font-style: italic;
    }



    .page.identify button {
        background-color: #e72b1e;
        color: #fff;
        text-align: center;
        padding: 15px 0;
        text-transform: uppercase;
        cursor: pointer;
        font-size: 16px;
        clear: both;
        margin: 15px auto 80px;
        display: block;
        width: 15%;
        font-family: 'HelveticaNeueBold', sans-serif;
        letter-spacing: .5px;
    }

        .page.identify button:hover {
            background-color: #000;
            cursor: pointer;
        }


/*____________Entrega de Compra____________*/


.pageSector .delivery {
    margin: 0 auto 0;
    min-height: 1000px;
    position: relative;
    display: table;
    width: 100%;
    /*max-width: 1600px;*/
    min-width: 980px;
}

.pageSector .deliveryWrapper *:focus {
    outline: none;
}


.pageSector .deliveryWrapper {
    width: 96%;
    display: table;
    max-width: 1600px;
    margin: 0 auto;
    padding: 20px 0 0;
}


.delivery section {
    width: 100%;
    float: left;
    clear: left;
    margin: 20px 0;
}

.pageSector .deliveryWrapper > form,
.delivery .sectorTotalesDiv {
    width: 55%;
    float: left;
    margin: 0;
    clear: left;
}

}

.pageSector .deliveryWrapper > form .orderContact {
    padding-top: 0;
}

.pageSector .deliveryWrapper > form .orderDelivery,
.pageSector .deliveryWrapper > form .visualizarFacturacion {
    border-bottom: 0;
    padding: 0;
}

.delivery .deliveryWrapper h3 {
    width: 100%;
    float: left;
    margin: 20px 0;
    text-transform: uppercase;
    font-family: 'HelveticaNeueBold', sans-serif;
    letter-spacing: .5px;
    font-style: italic;
    font-size: 30px;
}

.delivery div div h3,
.delivery .orderBilling h4 {
    width: auto;
    border: 0;
    padding: 0;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    font-family: 'HelveticaNeueBold', sans-serif;
    letter-spacing: .5px;
}

.delivery h4 {
    float: left;
    margin: 15px 10px 10px 0;
}


.delivery p {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 24px;
}

.delivery label {
    width: 35%;
    float: left;
    clear: left;
    margin: 6px 0;
    font-size: 16px;
    height: 20px;
    padding: 9px 0 9px 2%;
    font-size: 16px;
    color: #000;
    font-family: 'HelveticaNeueBold', sans-serif;
    letter-spacing: .5px;
}

    .delivery label.error {
        padding: 0;
        margin: -5px 0 0 37%;
        width: 100%;
        font-size: 12px;
        color: red;
        height: auto;
        font-family: sans-serif;
    }

    .delivery label.amountFinanciadoValue {
        clear: none;
        float: right;
        width: 49%;
        font-size: 18px;
        margin: 1px 0 0;
    }


.delivery input {
    width: 50%;
    margin: 6px 0;
    font-size: 16px;
    padding: 8px 0;
    border: 1px solid #ccc;
    color: #333;
    text-indent: 20px;
    float: left;
}

    .delivery input.requerido,
    .delivery select.requerido {
        border: 2px solid red
    }



    .delivery input[type="checkbox"] {
        height: 20px;
        width: 20px;
        margin: 10px 0;
        border: 0;
        box-shadow: none;
        text-align: left;
    }

.delivery textarea {
    width: 50%;
    float: left;
    margin: 8px 0 0;
    font-size: 14px;
    padding: 0;
    border: 1px solid #ccc;
    background-color: #fff;
}

.delivery select {
    width: 50.2%;
    max-width: 442px;
    margin: 6px 0;
    font-size: 16px;
    padding: 8px 0;
    border: 1px solid #ccc;
    background-color: #fff;
    text-indent: 20px;
    float: left;
}


.delivery #envioPorCorreo,
.delivery #envioALocal,
.delivery #envioAPuntoDeEntrega,
.delivery .orderBilling {
    position: relative;
    width: 92%;
    padding: 10px 2% 15px;
    float: left;
    background: #f9f9f9;
    margin: 10px 2%;
}

    .delivery #envioPorCorreo h3 {
        width: auto;
        border: 0;
        padding: 0;
        font-size: 20px;
        font-style: normal;
        margin: 15px 10px 5px 0;
        text-transform: none;
    }


.delivery input.btnCambiar {
    background: url(/Content/The%20North%20Face/img/editar.svg) center no-repeat;
    width: 25px;
    height: 25px;
    border: 0;
    box-shadow: none;
    padding: 0;
    font-size: 0;
    cursor: pointer;
    float: left;
    background-size: contain;
    margin: 12px 0 0 10px;
}



    .delivery input.btnCambiar.btnAceptar,
    .delivery input.btnCambiar.btnCancelar {
        margin: 20px 0 0 10px;
        color: #fff;
        background: #222;
        font-weight: normal;
        text-decoration: none;
        float: right;
        font-size: 16px;
        text-indent: 0;
        width: auto;
        height: auto;
        padding: 10px 15px;
        letter-spacing: 1px;
    }

        .delivery input.btnCambiar.btnAceptar:hover,
        .delivery input.btnCambiar.btnCancelar:hover {
            background: #666;
        }

.delivery input.btnAccept {
    float: none;
    margin: 10px auto;
    border: 1px solid #000;
    color: #fff;
    background: #000;
    border-radius: 0;
    text-transform: uppercase;
    padding: 12px 15px;
    font-style: normal;
    font-size: 16px;
    cursor: pointer;
    display: table;
    width: auto;
    transition: all 0.3s ease;
}



    .delivery input.btnAccept:hover {
        border: 1px solid #000;
        color: #000;
        background: none;
        transition: all 0.3s ease;
    }






.delivery dd,
.delivery .ui-accordion {
    width: 100%;
    float: left;
}

.delivery .ui-accordion {
    margin: 20px 2%;
    border-bottom: 1px solid #000;
    width: 96%;
}

.delivery .orderDelivery section div,
.delivery .menuDelivery {
    width: 98%;
    float: left;
    margin: 0 0 0 2%;
}

    .delivery .orderDelivery section div input {
        margin: 13px 5px 0 0;
        float: left;
        border: 0;
        box-shadow: none;
        width: 15px;
        height: 15px;
    }

    .delivery .orderDelivery section div label {
        clear: none;
        margin: 10px 5px 0;
        width: auto;
        padding: 0;
        font-size: 18px;
    }

.delivery h4.ui-accordion-header {
    width: 100%;
    margin: 0 0 10px 0;
    font-size: 20px;
    border: 0;
    color: #333;
    font-family: 'HelveticaNeueBold', sans-serif;
    letter-spacing: .5px;
    cursor: pointer
}

    .delivery h4.ui-accordion-header:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 10px solid #333;
        float: left;
        padding: 0;
        margin: 8px 10px 0 0;
    }


    .delivery h4.ui-accordion-header.ui-state-active:after {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 10px solid #333;
        border-top: 0;
    }


.delivery .ui-accordion .ui-accordion-content {
    margin: 0 0 10px 0;
    width: 100%;
    float: left;
    background: none;
}


.delivery .ui-accordion .ui-accordion-content-active {
    height: auto !important
}


.delivery .ui-accordion .ui-accordion-content p span {
    width: 100%;
    float: left;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px;
}



.delivery .visualizarFacturacion {
    padding: 0;
    padding-left: 4%;
    float: right;
    margin: 10px 0;
    position: relative;
    border: 0;
}

.delivery .orderBilling {
    display: block !important;
}

    .delivery .divPrevAddressCorreo dd,
    .delivery .orderBilling dd {
        width: 100%;
        float: left;
        padding: 5px 0;
    }

    .delivery .divPrevAddressCorreo span,
    .delivery .orderBilling span {
        width: 100%;
        float: left;
        font-style: italic;
        font-size: 16px;
        padding: 0;
    }


        .delivery .divPrevAddressCorreo span:before,
        .delivery .orderBilling span:before {
            content: "";
            width: 5px;
            height: 2px;
            background: #666;
            /* border-radius: 50%; */
            float: left;
            margin: 9px 5px 0 2px;
        }




    .delivery .orderBilling a {
        float: right;
        color: #333;
        margin: 22px 0 0;
        cursor: pointer;
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: 900;
        text-decoration: underline;
        font-style: italic;
    }




.pageSector .deliveryWrapper > form .visualizarFacturacion a {
    width: auto;
    color: #fff;
    background: #333;
    padding: 10px 15px;
    transition: all .3s ease;
    cursor: pointer;
    float: left;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .5px;
    font-style: normal;
    margin: 10px 0 0;
    display: none;
}

    .pageSector .deliveryWrapper > form .visualizarFacturacion a:hover {
        background: #999;
    }


.delivery .sectorTotalesDiv dl {
    float: left;
    width: 96%;
    margin: 10px 2%;
}



.delivery .sectorTotalesDiv dd {
    width: 50%;
    float: left;
    font-size: 24px;
    padding: 8px 0;
    border-top: 1px solid #000;
}

    .delivery .sectorTotalesDiv dd:nth-of-type(1),
    .delivery .sectorTotalesDiv dd:nth-of-type(2) {
        border-top: 0;
    }



    .delivery .sectorTotalesDiv dd:nth-child(even) {
        text-align: right;
        font-weight: 600;
    }



    .delivery .sectorTotalesDiv dd.sectorTotalesLineTitleTotal,
    .delivery .sectorTotalesDiv dd:last-of-type {
        font-size: 30px;
        border-top: 2px solid #000;
    }



.delivery .payPlatforms {
    float: left;
    width: 100%;
    margin: 20px 0 40px;
    position: relative;
    padding: 20px 0 0;
}

.delivery .divPaymentButtons {
    width: 96%;
    margin: 0 auto;
    max-width: 1600px;
    padding: 20px 0;
    display: block;
}




.delivery .itemCompra {
    width: 40%;
    max-width: 450px;
    float: right;
    margin: 7px 0 0;
    transition: all .3s ease;
}


    .delivery .itemCompra .itemsTotal,
    .delivery .itemCompra .itemCarroPreview {
        width: 100%;
        float: right;
    }


    .delivery .itemCompra .itemsTotal {
        padding: 10px 0;
        border-bottom: 1px solid #ccc;
    }


        .delivery .itemCompra .itemsTotal p {
            width: 50%;
            float: left;
            margin: 0;
        }

            .delivery .itemCompra .itemsTotal p a {
                color: #000;
                font-weight: 600;
            }

            .delivery .itemCompra .itemsTotal p strong {
                text-align: right;
                width: 100%;
                display: block;
                font-size: 14px;
            }

            .delivery .itemCompra .itemsTotal p span {
                width: 50%;
                font-size: 16px;
            }


    .delivery .itemCompra .divCarroPreviewTemplate {
        width: 100%;
        float: left;
        margin: 10px 0;
        border-bottom: 1px solid #ccc;
        transition: all .3s ease;
        padding: 0 0 3px;
    }






    .delivery .itemCompra .itemCarroPreview .columnaNombre {
        width: 60%;
        float: right;
        margin: 0 0 10px;
        transition: all 0.3s ease;
    }



        .delivery .itemCompra .itemCarroPreview .columnaNombre dd {
            width: 100%;
            float: left;
        }

            .delivery .itemCompra .itemCarroPreview .columnaNombre dd p {
                line-height: 16px;
                font-size: 16px;
                margin: 0;
            }

            .delivery .itemCompra .itemCarroPreview .columnaNombre dd:last-of-type p {
                font-weight: 600;
                line-height: 20px;
            }

    .delivery .itemCompra .itemCarroPreview .columnaImagen {
        width: 40%;
        float: left;
    }



        .delivery .itemCompra .itemCarroPreview .columnaImagen a {
            width: 100%;
            float: left;
        }

        .delivery .itemCompra .itemCarroPreview .columnaImagen img {
            width: 100%;
            max-width: 120px;
            height: auto;
            margin: 0;
            transition: all .3s ease;
        }



    .delivery .itemCompra .itemCarroPreview .columnaDescripcion {
        width: 60%;
        margin: 0;
        float: right;
        transition: all 0.3s ease;
    }



        .delivery .itemCompra .itemCarroPreview .columnaDescripcion dd {
            width: 100%;
            float: left;
            margin: 5px 0;
            color: #333;
            font-size: 14px;
        }



        .delivery .itemCompra .itemCarroPreview .columnaDescripcion span {
            font-weight: 600;
            color: #000;
            margin-left: 5px;
            font-size: 14px;
            float: right;
        }


        .delivery .itemCompra .itemCarroPreview .columnaDescripcion dd span img {
            width: 15px;
            height: auto;
            border-radius: 50%;
            border: 1px solid #333;
            margin: 0;
        }

    .delivery .itemCompra .itemCarroPreview .columnaCantidad {
        width: 60%;
        float: right;
        margin: 10px 0;
        transition: all 0.3s ease;
    }

        .delivery .itemCompra .itemCarroPreview .columnaCantidad p {
            width: 50%;
            float: left;
            font-weight: 600;
            margin: 0;
        }

        .delivery .itemCompra .itemCarroPreview .columnaCantidad a {
            background: url(/Content/The%20North%20Face/img/eliminar.svg) center no-repeat;
            width: 25px;
            height: 25px;
            border: 0;
            box-shadow: none;
            padding: 0;
            font-size: 0;
            cursor: pointer;
            float: right;
            background-size: contain;
            margin: -5px 0 0;
        }





/*.delivery .formContenido {
    z-index: 50000000;
}*/

.delivery .cerrarformContenido {
    display: block !important;
    width: auto !important;
    padding: 0 !important;
    text-align: right !important;
    font-size: 24px !important;
    font-style: normal;
    margin: -20px -10px 0 0;
}

/*.delivery .sectorFormulario2 {
    margin: 10% auto 0;
    width: auto;
}*/

.delivery .submitted input:invalid,
.delivery .submitted select:invalid {
    border: solid 1px #b20c14;
}

.delivery .sectorFormulario2 input.btnAccept {
    min-width: 50%;
    margin: 40px auto;
    padding: 15px;
    font-size: 18px;
}

/* Input Placeholder */
#input::-webkit-input-placeholder {
    text-transform: none;
    color: red;
}

input::-moz-placeholder {
    text-transform: none;
    color: red;
}

input:-moz-placeholder { /* Older versions of Firefox */
    text-transform: none;
    color: red;
}

input:-ms-input-placeholder {
    text-transform: none;
    color: red;
}



.divPopUpPayment {
    width: 300px;
    height: 135px;
    border: none;
    text-align: center;
    vertical-align: middle;
    top: 5px;
    display: none;
}

.formContenido {
    width: 100%;
    height: 100%;
    float: left;
    display: none;
    z-index: 1;
    /*position: relative;*/
}

    .formContenido.verFormulario:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 1000%;
        z-index: 0;
        background: #000;
        display: block;
        bottom: 99%;
        left: 0;
        opacity: .2;
    }

.cerrarformContenido {
    display: table !important;
    width: 480px !important;
    padding: 0 !important;
    text-align: right !important;
    font-size: 18px !important;
    font-family: cursive !important;
    cursor: pointer !important;
    background-color: white !important;
    border: 0 !important;
}

.sectorFormulario2 {
    background: #fff;
    padding: 0;
    margin: 0 auto;
    width: 96%;
    /* float: left; */
    max-width: 1600px;
}


.payMercadoPago,
.payTodoPago {
    width: 100%;
    float: left;
    padding: 40px 0;
    margin: 0 0 20px;
}


    .payMercadoPago.aggregator:before {
        content: attr(data-before);
        font-size: 36px;
        margin: 0 0 20px;
        width: 100%;
        float: left;
        border-bottom: 1px solid #ccc;
        padding: 20px 0;
        font-family: 'HelveticaNeueBold', sans-serif;
        letter-spacing: .5px;
    }


    .payMercadoPago.gateway:before {
        content: attr(data-before);
        font-size: 36px;
        margin: 0 0 20px;
        width: 100%;
        float: left;
        border-bottom: 1px solid #ccc;
        padding: 20px 0;
        font-family: 'HelveticaNeueBold', sans-serif;
        letter-spacing: .5px;
    }


    .payTodoPago.allPaid:before {
        content: attr(data-before);
        font-size: 36px;
        margin: 0 0 20px;
        width: 100%;
        float: left;
        border-bottom: 1px solid #ccc;
        padding: 20px 0;
        font-family: 'HelveticaNeueBold', sans-serif;
        letter-spacing: .5px;
    }


    .payMercadoPago ul,
    .payTodoPago .formTodoPago {
        width: 100%;
        float: left;
        padding: 0 0 20px;
        border-bottom: 1px solid #ccc;
    }

        .payMercadoPago ul > li,
        .payTodoPago .formTodoPago > div {
            width: 48%;
            float: left;
            margin: 10px 2% 10px 0;
            max-height: 45px;
        }

            .payMercadoPago ul > li.amountLi {
                max-height: none;
                clear: both;
            }

            .payMercadoPago ul > li select,
            .payMercadoPago ul > li input {
                text-align: right;
                float: right;
                text-indent: 0;
                width: 48%;
                padding: 10px 1%;
                margin: 0;
                font-style: normal;
            }

            .payMercadoPago ul > li select {
                width: 50.3%;
                padding: 9px 1%;
            }


            .payMercadoPago ul > li span {
                float: right;
                font-size: 11px;
                width: 100%;
                margin: -5px 0 0;
                text-align: right;
            }

            .payMercadoPago ul > li.amountLi label.amount {
                font-size: 30px;
                margin: -6px 0 0 0;
                font-weight: 500;
                clear: none;
                width: 49%;
                float: right;
                height: auto;
                ;
            }

        .payMercadoPago ul li.amountLi label:last-of-type,
        .payMercadoPago ul li.amountLi label:nth-last-child(2) {
            width: 100%;
            font-size: 16px;
            height: auto;
        }


        .payMercadoPago ul li.amountLi label:last-of-type {
            font-size: 48px;
            margin: 0;
        }

        .payMercadoPago ul > li.amountLi .btnCambiarTotal {
            background-image: url(../../Content/edit.png);
            background-repeat: no-repeat;
            background-position: right;
            height: 16px;
            width: 16px;
            float: left;
            display: block;
            width: 66%;
            text-align: right;
        }

            .payMercadoPago ul > li.amountLi .btnCambiarTotal:after {
                content: "Modificar monto";
                color: #e23927;
                font-size: 12px;
                float: right;
                width: 120px;
                margin-right: 20px;
                line-height: 20px;
                vertical-align: bottom;
            }

.btnCancelarPago,
.btnCancelarPagoDosTarjetas {
    color: #000;
    margin: 50px 0 0 10px;
    float: left;
    font-size: 18px;
    text-decoration: underline;
    text-transform: capitalize;
}

    .page.paymentonsite input[type="submit"]:hover,
    .btnCancelarPago:hover {
        background-color: #fff;
        color: #000;
        cursor: pointer;
    }

.payMercadoPago ul .btnCancelarPago,
.payMercadoPago ul .btnCancelarPagoDosTarjetas {
    margin: 45px 0 0 40px;
}


.delivery .sectorFormulario2 .payMercadoPago input[type="submit"],
.btnCambiarMedioPago,
.btnRefresh,
.payTodoPago button.tp-button {
    float: right;
    border: none;
    background-color: #333;
    font-weight: 400;
    padding: 12px 50px;
    height: auto;
    width: auto;
    font-size: 16px;
    color: #fff;
    margin: 20px 0 0 5px;
    text-transform: uppercase;
    min-width: 0;
    text-indent: 0;
    font-family: 'HelveticaNeueBold', sans-serif;
    letter-spacing: .5px;
}

    .delivery .sectorFormulario2 .payMercadoPago input[type="submit"]:hover,
    .btnCambiarMedioPago,
    .btnRefresh,
    .payTodoPago button.tp-button:hover {
        background-color: #999;
    }

.payTodoPago .formTodoPago > div {
    max-width: 1200px;
    float: none;
    display: table;
    margin: auto;
}

.payTodoPago .formTodoPago input {
    width: 100%;
}

.payTodoPago .formTodoPago select {
    width: 100.5%;
}

.payTodoPago .formTodoPago > div.dateFields select {
    width: 43.5%;
    float: left;
}

    .payTodoPago .formTodoPago > div.dateFields select:last-of-type {
        float: right;
    }

.payTodoPago .formTodoPago span.tp-label {
    display: block;
    font-size: 20px;
    line-height: 70px;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: 100;
}

.payTodoPago .formTodoPago > div:last-of-type {
    padding: 0;
    width: auto;
    float: left;
    margin: 0;
}

.bannerTodoPago,
.bannerMercadoPago {
    width: auto;
    max-width: 800px;
    margin: 20px auto;
    display: table;
}

.payTodoPago .formTodoPago .btnCancelarPago,
.payTodoPago .formTodoPago .btnCancelarPagoDosTarjetas {
    margin: 10px 0 0 20px;
}

.verFormulario {
    display: block;
}
/*____________Confirmación Compra____________*/


.confirmLoader {
    width: 100%;
    text-align: center;
    position: fixed;
    top: 0;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    left: 0;
}

    .confirmLoader img {
        position: fixed;
        top: 50%;
        left: 48%;
    }


.page.confirm,
.page.compraDetail {
    width: 96%;
    margin: auto;
    max-width: 1400px;
}


.page.confirm {
    margin: 150px auto 0;
    min-height: 500px;
    position: relative;
    padding: 240px 10px 51px;
    width: 958px;
    display: table;
}

.sectorConfirmacion {
    display: table;
}


.divPaymentButton {
    width: 100%;
    float: left;
}

    .divPaymentButton a {
        font-family: 'HelveticaNeueBold', sans-serif;
        letter-spacing: .5px;
        width: auto;
        height: auto;
        background: #333;
        float: left;
        margin: 0 10px 0 0;
        transition: all .3s ease;
        color: #eee;
        font-size: 20px;
        padding: 20px 40px;
        text-align: center;
        letter-spacing: .5px;
    }

        .divPaymentButton a:hover {
            background: #e72b1e;
            color: #fff;
            transition: all 0.3s ease;
        }


    .divPaymentButton img {
        display: none;
    }

    .divPaymentButton a.paymentButtonSelected {
        background-color: #666;
        pointer-events: none;
    }



    .divPaymentButton a:hover:after {
        color: #000;
        transition: all 0.3s ease;
    }


/*__________Estado de la compra_________*/

.page.paymentapproved,
.page.paymentcancelled,
.page.paymentprogress,
.paymenterror,
.page.nostock {
    width: 980px;
    margin: auto;
    min-height: 500px;
}

    .page.paymentapproved h2.pageTitle,
    .page.paymentcancelled h2.pageTitle,
    .page.paymentprogress h2.pageTitle,
    .page.paymenterror h4 {
        text-transform: uppercase;
        color: #000;
        font-size: 14px;
        font-weight: 100;
        margin-top: 15px;
        float: left;
        width: 980px;
        text-align: center;
        padding: 20px 0;
        border-bottom: solid 3px #ccc;
        border-top: solid 3px #ccc;
        display: none;
    }

    .page.paymentapproved .sectorTexto,
    .page.paymentcancelled .sectorTexto,
    .page.paymentprogress .sectorTexto,
    .page.paymenterror .sectorTexto {
        color: #000;
        font-size: 14px;
        font-weight: 100;
        margin-top: 15px;
        float: left;
        width: 980px;
        text-align: center;
        padding: 20px 0;
        border-bottom: solid 3px #ccc;
        border-top: solid 3px #ccc;
    }


    .page.paymentapproved a,
    .page.paymentcancelled a,
    .page.paymentprogress a,
    .page.paymenterror a {
        height: 35px;
        width: 35px;
        background: url(/Content/The%20North%20Face/img/BackToHome.svg) no-repeat;
        display: block;
        overflow: hidden;
        margin: auto;
    }




    .page.nostock p {
        width: 100%;
        text-align: center;
        font-size: 14px;
        line-height: 50px;
        vertical-align: middle;
        float: left;
    }




/*____________payment on site___________*/



.page.paymentonsite fieldset {
    float: left;
    width: 100%;
}


    .page.paymentonsite fieldset > ul {
        width: 100%;
        display: block;
        clear: both;
        float: left;
    }

.page.paymentonsite h2 {
    display: none;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 100;
    margin: 20px 0 30px 0;
    float: left;
    width: 100%;
}


.page.paymentonsite ul li {
    width: 45%;
    float: left;
    padding: 0 2.5%;
    margin: 10px 0;
}



    .page.paymentonsite ul li.amountLi {
        clear: both;
        display: table;
        width: 50%;
    }


        .page.paymentonsite ul li.amountLi label {
            margin: 10px 0 0;
            line-height: normal;
        }

            .page.paymentonsite ul li.amountLi label.amount {
                font-size: 30px;
                margin: -6px 0 0 0;
                font-weight: 500;
            }

            .page.paymentonsite ul li.amountLi label:last-of-type, .page.paymentonsite ul li.amountLi label:nth-last-child(2) {
                width: 100%;
                font-size: 16px;
                margin: 30px 0 0;
            }


            .page.paymentonsite ul li.amountLi label:last-of-type {
                font-size: 48px;
                margin: 10px 0 0;
            }




.page.paymentonsite label {
    width: 40%;
    float: left;
    font-weight: bold;
    line-height: 22px;
    vertical-align: middle;
    margin: 2px 0 30px;
}




.page.paymentonsite input,
.page.paymentonsite select {
    border: solid 1px #666;
    float: right;
    width: 55%;
    height: auto;
    padding: 5px 0;
    text-indent: 3px;
}

    .page.paymentonsite input[type=checkbox] {
        width: auto;
        /*float: left;*/
        margin: 6px 0 0 20px;
    }


.page.paymentonsite select {
    width: 56%;
}



.page.paymentonsite input[type="submit"],
.btnCambiarMedioPago,
.btnRefresh,
.payTodoPago button.tp-button {
    float: right;
    border: none;
    background-color: #333;
    font-weight: 300;
    height: auto;
    width: auto;
    font-size: 16px;
    color: #fff;
    margin: 20px 10px;
    text-transform: uppercase;
    color: #eee;
    padding: 11px 30px;
    font-family: 'HelveticaNeueBold', sans-serif;
    letter-spacing: .5px;
}








.btnCambiarMedioPago,
.btnRefresh {
    background-color: #666;
    border: 1px solid #666;
}

.btnCancelarPago,
.btnCancelarPagoDosTarjetas {
    color: #000;
    margin: 57px 0 0 10px;
    float: left;
    font-size: 16px;
    text-decoration: underline;
    text-transform: capitalize;
}

    .page.paymentonsite input[type="submit"]:hover,
    .btnCancelarPago:hover {
        background-color: #e72b1e;
        cursor: pointer;
        color: #fff;
    }

.page.paymentonsite ul li span {
    float: right;
    font-size: 11px;
    width: 238px;
    margin: 2px 0 0;
}


    .page.paymentonsite ul li span.cardNumberError {
        color: #b20c14;
    }

.page.paymentonsite .confirmLoader {
    width: 980px;
    position: absolute;
    text-align: center;
    bottom: 100px;
}



.page.paymentonsite .bannerMercadoPago {
    width: auto;
    height: auto;
    display: table;
    margin: 20px auto;
}

.page.paymentonsite ul li.amountLi .btnCambiarTotal {
    background-image: url(../../Content/edit.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-left: 6px;
}

    .page.paymentonsite ul li.amountLi .btnCambiarTotal:after {
        content: "Modificar monto";
        color: #e23927;
        font-size: 12px;
        float: left;
        width: 120px;
        margin-left: 20px;
        line-height: 20px;
        vertical-align: bottom;
    }

#mensajeChangeAmount > span:nth-of-type(1) {
    width: 100%;
    float: left;
}

#mensajeChangeAmount > span:nth-of-type(2) {
    float: left;
    margin: 12px 0;
    font-size: 18px;
}

#mensajeChangeAmount input.newAmount {
    width: 90%;
    padding: 2%;
    margin: 10px 0;
    float: right;
    text-align: right;
}

#mensajeChangeAmount input.aceptNewAmount {
    color: #fff;
    background-color: #999;
    height: 35px;
    margin: 5px 25% 0 25%;
    float: right;
    width: 50%;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
}

    #mensajeChangeAmount input.aceptNewAmount:hover {
        background-color: #666;
    }

.page.paymentonsite ul li input[type="hidden"] {
    height: 0;
}



.page.paymentonsite span.segundoPago {
    width: 100%;
    text-align: center;
    float: left;
    margin: 0 0 30px 0;
    font-size: 16px;
}



/*__________ Todo Pago ________*/

.page.paymentonsite .formTodoPago {
    width: 100%;
    display: table;
    margin: 0 auto;
    position: relative;
}


.page.paymentonsite .payTodoPago span.tp-label {
    display: block;
    font-size: 20px;
    line-height: 70px;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: 100;
}


.page.paymentonsite .payTodoPago .formTodoPago > div {
    width: 40%;
    float: right;
    padding: 0;
    height: 50px;
}


    .page.paymentonsite .payTodoPago .formTodoPago > div:nth-child(even) {
        float: left;
    }


    .page.paymentonsite .payTodoPago .formTodoPago > div.dateFields {
        width: 40%;
        padding: 0;
    }

        .page.paymentonsite .payTodoPago .formTodoPago > div.dateFields select {
            width: 43.5%;
            float: left;
        }

            .page.paymentonsite .payTodoPago .formTodoPago > div.dateFields select:last-of-type {
                float: right;
            }

        .page.paymentonsite .payTodoPago .formTodoPago > div.dateFields span {
            float: left;
            width: 10%;
            text-align: center;
            line-height: 24px;
        }

.page.paymentonsite .formTodoPago input,
.page.paymentonsite .formTodoPago select {
    float: left;
    width: 100%;
}

    .page.paymentonsite .formTodoPago select[disabled] {
        border: solid 1px #ccc;
    }

.page.paymentonsite .formTodoPago label {
    width: 100%;
    margin: 0;
    line-height: 16px;
    font-weight: normal;
    font-size: 12px;
}


    .page.paymentonsite .formTodoPago label#labelPromotionTextId {
        position: absolute;
        left: 0;
        bottom: 0;
        font-size: 24px;
        font-weight: bold;
        width: initial;
    }


.page.paymentonsite .payTodoPago .formTodoPago > div#tp-bt-wrapper {
    width: auto;
    padding: 0;
    clear: left;
    float: right;
}


.page.paymentonsite .payTodoPago .formTodoPago > div:last-of-type {
    padding: 0;
    width: auto;
    float: left;
    margin: 60px 0 0;
}

    .page.paymentonsite .payTodoPago .formTodoPago > div:last-of-type .btnCancelarPago {
        margin: 0 0 0 10px;
    }

.page.paymentonsite .payTodoPago .formTodoPago > div#tp-bt-wrapper button {
    margin: 30px 0 0 10px;
}

    .page.paymentonsite .payTodoPago .formTodoPago > div#tp-bt-wrapper button:hover, .btnCancelarPago:hover {
        cursor: pointer;
        background-color: #000;
        color: #fff;
    }

.page.paymentonsite .payTodoPago .bannerTodoPago {
    margin: 40px auto;
    display: table;
}


div.responsive_content_fixed.tp-other-browsers.modal-class {
    z-index: 99999999 !important;
}

#tpform_overlay_wrapper {
    z-index: 9999999;
}



/*____________payment on site___________*/


.paymentonsite {
    margin: auto;
    min-height: 500px;
    position: relative;
    padding: 0;
    width: 96%;
    /* border: 1px solid #ccc; */
    display: table;
    max-width: 1600px;
}




    .paymentonsite .payMercadoPago,
    .paymentonsite .payTodoPago {
        width: 100%;
        float: left;
        /* background: #f6f6f6; */
        padding: 20px 0;
        margin: 10px 0;
        border-top: none;
    }







        .paymentonsite .payMercadoPago ul > li label {
            width: 40%;
            float: left;
            clear: left;
            margin: 5px 0;
            font-size: 16px;
            height: 20px;
            padding: 9px 0;
        }

        .paymentonsite .payMercadoPago ul > li select,
        .paymentonsite .payMercadoPago ul > li input {
            text-align: right;
            text-indent: 0;
            width: 48%;
            padding: 10px 1%;
            margin: 0;
            font-style: normal;
            border: 1px solid #ccc;
            float: right;
            font-size: 16px;
        }

        .paymentonsite .payMercadoPago input[type="checkbox"] {
            height: 15px;
            width: 15px;
            margin: 15px 0 0;
        }

        .paymentonsite .payMercadoPago ul > li select {
            width: 50.3%;
            padding: 9px 1%;
        }

        .paymentonsite .payMercadoPago ul > li label.amountFinanciadoValue {
            clear: none;
            float: right;
            width: 49%;
            font-size: 18px;
            margin: 1px 0 0;
        }


#mensajeChangeAmount > span:nth-of-type(1) {
    width: 100%;
    float: left;
}

#mensajeChangeAmount > span:nth-of-type(2) {
    float: left;
    margin: 25px 0 0;
    font-size: 18px;
}

#mensajeChangeAmount input.newAmount {
    width: 80%;
    padding: 10px 2%;
    margin: 20px 10px;
    float: left;
    text-align: right;
    border: 1px solid #ccc;
}


#mensajeChangeAmount input.aceptNewAmount {
    color: #fff;
    background-color: #999;
    height: 35px;
    margin: 5px 25% 0 25%;
    float: right;
    width: 50%;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
}








.btnCancelarPago {
    float: left;
    border: none;
    font-weight: 600;
    padding: 0;
    height: auto;
    width: auto;
    font-size: 16px;
    color: #333;
    margin: 55px 0 0 2%;
    text-decoration: underline;
}


/*_______Modal Bitacora__________*/

.dialogBitacora {
    background-color: #fff !important;
    min-height: 100px !important;
    color: #000 !important;
}

    .dialogBitacora > div:first-of-type span {
        font-weight: bold;
        float: left;
        font-style: normal !important;
    }

    .dialogBitacora .itemsBitacora span {
        font-style: normal !important;
    }

    .dialogBitacora > div:first-of-type span,
    .dialogBitacora .itemsBitacora > div {
        width: 220px;
    }

        .dialogBitacora > div:first-of-type span:nth-of-type(1),
        .dialogBitacora .itemsBitacora > div.columnaFecha {
            width: 110px;
        }

    .dialogBitacora .itemsBitacora {
        border-bottom: solid 1px #ccc;
        float: left;
        width: 100%;
        padding: 5px 0;
    }

        .dialogBitacora .itemsBitacora > div {
            float: left;
        }


/*____________Mis compras___________*/

.page.orders {
    width: 96%;
    max-width: 1600px;
    margin: auto;
    padding: 15px 0;
    overflow: hidden;
    min-height: 480px;
}

    .page.orders h2.pageTitle {
        display: block;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 100;
        margin-bottom: 15px;
        float: left;
    }

    .page.orders .sectorMisComprasResultado,
    .page.orders .sectorMisComprasResultado > div {
        clear: both;
        float: left;
        width: 100%;
    }

        .page.orders .sectorMisComprasResultado > div:first-of-type {
            padding: 15px 0;
            margin: 0 0 15px 0;
            border-bottom: 1px solid #333;
        }



            .page.orders .sectorMisComprasResultado > div:first-of-type span {
                font-weight: bold;
                float: left;
                letter-spacing: .5px;
                font-size: 14px;
            }



        .page.orders .sectorMisComprasResultado .columnaNroReserva span {
            min-height: 5px;
        }

        .page.orders .sectorMisComprasResultado > div:first-of-type span,
        .page.orders .sectorMisComprasResultado .itemsCompras > div {
            width: 10%;
            padding: 0 1% 0 0;
        }



            .page.orders .sectorMisComprasResultado > div:first-of-type span:nth-of-type(6),
            .page.orders .sectorMisComprasResultado .itemsCompras > div.columnaLugerEntrega {
                width: 13%;
            }


            .page.orders .sectorMisComprasResultado .itemsCompras > div.columnaLinks {
                width: 80px;
                padding: 0;
                float: right;
            }


                .page.orders .sectorMisComprasResultado .itemsCompras > div.columnaLinks > a {
                    clear: both;
                    float: right;
                    text-align: right;
                    color: #e72b1e;
                    font-size: 14px;
                }



        .page.orders .sectorMisComprasResultado .itemsCompras {
            border-bottom: solid 1px #ccc;
            float: left;
            width: 100%;
            padding: 10px 0;
        }


            .page.orders .sectorMisComprasResultado .itemsCompras span {
                font-size: 14px;
            }

            .page.orders .sectorMisComprasResultado .itemsCompras:nth-child(even) {
                background: #f9f9f9;
            }

            .page.orders .sectorMisComprasResultado .itemsCompras label {
                display: none;
            }

            .page.orders .sectorMisComprasResultado .itemsCompras > div {
                float: left;
            }



        .page.orders .sectorMisComprasResultado > div .itemsCompras > div a:hover {
            text-decoration: underline;
        }



/*____________ Mis compras Detalle ___________*/



.page.compraDetail .sectorConfirmacion {
    width: 100%;
    float: left;
    margin: 20px 0;
}




.sectorConfirmacion > div {
    width: 45%;
    margin: 20px 0;
    float: left;
}

    .sectorConfirmacion > div:nth-child(odd) {
        clear: left;
    }



    .sectorConfirmacion > div.metodoDeEnvio,
    .sectorConfirmacion > div.orderBilling {
        float: right;
    }

    .sectorConfirmacion > div h3 {
        font-size: 20px;
        width: 100%;
        float: left;
        font-weight: 400;
        margin: 0 0 15px;
        padding: 5px 0;
        border-bottom: 1px solid #ccc;
        font-family: 'HelveticaNeueBold';
    }

    .sectorConfirmacion > div section {
        float: left;
        clear: both;
        width: 100%;
    }

.sectorConfirmacion label {
    width: auto;
    float: left;
    clear: left;
    font-size: 16px;
    line-height: 20px;
    margin: 4px 0;
    min-width: 250px;
}

.sectorConfirmacion span {
    font-size: 16px;
    line-height: 20px;
    vertical-align: middle;
    float: left;
    width: auto;
    margin: 4px 0;
    letter-spacing: .5px;
    font-weight: bold;
}

.page.compraDetail .sectorConfirmacion > div a.linkModificar {
    display: none;
}

.sectorConfirmacion > .resumenDeLaCompra {
    width: 100%;
    padding: 0;
    margin-top: 20px;
}


    .sectorConfirmacion > .resumenDeLaCompra .itemCompra {
        width: 98%;
        float: left;
        padding: 10px 1%;
        background: #f0f0f0;
    }




        .sectorConfirmacion > .resumenDeLaCompra .itemCompra > div {
            width: 17%;
            float: left;
        }


            .sectorConfirmacion > .resumenDeLaCompra .itemCompra > div:nth-of-type(1) {
                width: 25%;
            }

            .sectorConfirmacion > .resumenDeLaCompra .itemCompra > div:last-of-type {
                float: right;
                width: auto;
            }

                .sectorConfirmacion > .resumenDeLaCompra .itemCompra > div:last-of-type span {
                    margin-right: 0;
                    text-align: right;
                }


.sectorConfirmacion > div a {
    float: right;
    color: #333;
    text-decoration: underline;
}

.sectorConfirmacion > .resumenDeLaCompra .itemCompra a {
    float: left;
    border: solid 1px #ccc;
    padding: 2px;
}


    .sectorConfirmacion > .resumenDeLaCompra .itemCompra a img {
        margin: 0;
        padding: 0;
        display: table;
    }


.sectorConfirmacion > .resumenDeLaCompra .itemCompra > div:first-of-type span {
    text-align: left;
    padding: 10px 0 0 20px;
    line-height: initial;
    vertical-align: middle;
    font-weight: bold;
}

.sectorConfirmacion > .resumenDeLaCompra .itemCompra label,
.sectorConfirmacion > .resumenDeLaCompra .itemCompra span {
    width: auto;
    line-height: 40px;
    margin-right: 5px;
    min-width: 0;
}



.sectorConfirmacion > .resumenDeLaCompra .itemCompra > div img {
    height: 20px;
    width: 20px;
    overflow: hidden;
    margin: 9px 0 0 5px;
    float: left;
    border-radius: 20px;
    border: 1px solid #ccc;
}

.sectorConfirmacion > .resumenDeLaCompra .sectorTotales > div {
    line-height: 40px;
    width: 98%;
    padding: 0 1%;
    font-weight: bold;
    float: left;
}


    .sectorConfirmacion > .resumenDeLaCompra .sectorTotales > div:nth-child(even) {
        background: #f6f6f6;
    }



    .sectorConfirmacion > .resumenDeLaCompra .sectorTotales > div:last-of-type {
        margin-bottom: 20px;
        border: 0;
        color: #000;
        padding: 10px 1%;
    }

    .sectorConfirmacion > .resumenDeLaCompra .sectorTotales > div label {
        text-transform: uppercase;
        line-height: 40px;
        font-size: 16px;
    }

.sectorConfirmacion > .resumenDeLaCompra .sectorTotales div span {
    float: right;
    line-height: 40px;
    text-align: right;
}

.sectorConfirmacion > .resumenDeLaCompra .sectorTotales > div:last-of-type label,
.sectorConfirmacion > .resumenDeLaCompra .sectorTotales > div:last-of-type span {
    font-size: 24px;
}

.sectorConfirmacion > div:last-of-type {
    width: 100%;
    padding: 0;
    height: 40px;
}

    .sectorConfirmacion > div:last-of-type a {
        float: left;
        cursor: pointer;
        font-size: 16px;
        text-transform: uppercase;
    }





/*____________ Mis promos ___________*/

.page.mispromociones {
    width: 96%;
    margin: 20px auto 10px;
    padding: 15px 0;
    overflow: hidden;
    max-width: 1200px;
    display: table;
    min-width: 980px;
    min-height: 500px;
}

.page.columnaLinks {
    min-width: 980px;
}

.page.mispromociones .sectorMisPromocionesResultado .resultsLoader {
    z-index: 10;
    top: 0;
    left: 0;
}


.page.mispromociones h2.pageTitle {
    display: block;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 15px;
    float: left;
}

.page.mispromociones .sectorMisPromocionesResultado {
    clear: both;
    float: left;
    width: 100%;
}

    .page.mispromociones .sectorMisPromocionesResultado > div .itemsCompras > div {
        padding: 0 5px;
    }

    .page.mispromociones .sectorMisPromocionesResultado > div:first-of-type span {
        font-weight: bold;
        float: left;
    }



    .page.mispromociones .sectorMisPromocionesResultado > div:first-of-type span,
    .page.mispromociones .sectorMisPromocionesResultado .itemsPromociones > div {
        width: 12%;
        min-height: 15px;
        float: left;
    }

        .page.mispromociones .sectorMisPromocionesResultado > div:first-of-type span:nth-of-type(1),
        .page.mispromociones .sectorMisPromocionesResultado .itemsPromociones > div.columnaPromoMiniatura,
        .page.mispromociones .sectorMisPromocionesResultado > div:first-of-type span:nth-of-type(7),
        .page.mispromociones .sectorMisPromocionesResultado .itemsPromociones > div.columnaCodigo,
        .page.mispromociones .sectorMisPromocionesResultado > div:first-of-type span:nth-of-type(8),
        .page.mispromociones .sectorMisPromocionesResultado .itemsPromociones > div.columnaLinks {
            width: 7%;
        }

        .page.mispromociones .sectorMisPromocionesResultado > div:first-of-type span:nth-of-type(4),
        .page.mispromociones .sectorMisPromocionesResultado .itemsPromociones > div.columnaTitulo {
            width: 23%;
        }

        /*.page.mispromociones .sectorMisPromocionesResultado .itemsPromociones > div.columnaDescuento{
                text-align:right;
            }*/
        .page.mispromociones .sectorMisPromocionesResultado .itemsPromociones > div.columnaPromoMiniatura img {
            width: 85%;
            height: auto;
            float: left;
        }

        .page.mispromociones .sectorMisPromocionesResultado .itemsPromociones > div.columnaLinks > a {
            clear: both;
            float: right;
            text-align: right;
        }



    .page.mispromociones .sectorMisPromocionesResultado .itemsPromociones {
        border-bottom: solid 1px #ccc;
        float: left;
        width: 100%;
        padding: 5px 0;
    }

        .page.mispromociones .sectorMisPromocionesResultado .itemsPromociones:hover {
            background-color: #f9f9f9;
        }

        .page.mispromociones .sectorMisPromocionesResultado .itemsPromociones label {
            display: none;
        }

        .page.mispromociones .sectorMisPromocionesResultado .itemsPromociones > div {
            float: left;
        }

    .page.mispromociones .sectorMisPromocionesResultado > div .itemsPromociones > div a {
        color: #333;
        padding: 1px 5px;
    }

        .page.mispromociones .sectorMisPromocionesResultado > div .itemsPromociones > div a:hover {
            opacity: 0.6;
        }


.dialogPromoDetalle,
.dialogPromoDetalle > div {
    width: 100%;
    float: left;
}

    .dialogPromoDetalle > div {
        padding: 10px 0;
        text-align: center;
    }

    .dialogPromoDetalle .columnaDescripcion {
        font-size: 14px;
        display: none;
    }

    .dialogPromoDetalle .columnaCodigo span {
        width: 100%;
        text-align: center;
        float: left;
    }

        .dialogPromoDetalle .columnaCodigo span:nth-of-type(2) {
            font-size: 24px;
            padding-top: 5px;
        }


    .dialogDetalle .columnaImagen img, .dialogPromoDetalle .columnaImagen img {
        max-width: 100%;
    }



/*__________________PROMOCION_______________*/

.promo {
    width: 980px;
    margin: auto;
    min-height: 450px;
    padding-top: 20px;
}


    .promo h2 {
        display: block;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 100;
        margin: 20px 0 0 0;
        float: left;
        width: 100%;
    }

    .promo .sectorPromocion {
        float: left;
        width: 100%;
        font-size: 14px;
        margin: 20px 0;
        font-weight: 100;
    }

    .promo .btnCodigo {
        float: right;
        border: none;
        background-color: #e72b1e;
        font-weight: 700;
        padding: 15px 20px;
        height: auto;
        width: auto;
        font-size: 14px;
        text-transform: uppercase;
        color: #fff;
        margin: 40px 0;
    }

    .promo #recaptcha_div {
        width: 100%;
        margin: 20px auto;
        padding: 20px 0;
        background: #eee;
        border-radius: 5px;
        display: flex;
    }

        .promo #recaptcha_div > div {
            margin: auto;
            width: 350px;
        }

    .promo .btnCodigo:hover {
        background-color: #000;
        cursor: pointer;
    }

/*____________ Proceso de Compra ____________*/

.procesoCompra {
    display: none;
}




/*____________________________________BLOG___________________________________________*/

.resultadoBis {
    width: 100%;
    background: #fff;
    min-width: 980px;
    display: table;
}

.blogComments {
    display: none;
}


.resultadoBis .sectorBanner,
.resultadoBis .sectorBanner img,
.resultadoBis .sectorImagen,
.resultadoBis .sectorImagen img {
    width: 100%;
}


.resultadoBlog {
    width: 100%;
    max-width: 1200px;
    min-width: 980px;
    display: table;
    margin: auto;
    overflow: hidden;
    position: relative;
}





.listaTiposTemas {
    width: 100%;
    float: left;
    margin: 10px 0;
}


    .listaTiposTemas li {
        float: left;
    }

        .listaTiposTemas li a {
            text-transform: uppercase;
            font-size: 20px;
            color: #000;
            font-style: italic;
            margin: 5px;
            padding: 5px 10px;
            background-color: #fff;
        }

            .listaTiposTemas li a:hover,
            .listaTiposTemas li .selected {
                color: #fff;
                background-color: #000;
            }


.sectorResultadoBlog {
    width: 100%;
    float: left;
    /*min-height: 1100px;*/
    margin-top: 80px;
}

    .sectorResultadoBlog ul {
        width: 100%;
        float: left;
    }

        .sectorResultadoBlog ul.paginas {
            display: none;
        }

    .sectorResultadoBlog li {
        width: 23%;
        float: left;
        margin: 10px 1%;
        text-align: center;
        overflow: hidden;
        box-sizing: border-box;
        position: relative;
    }

        .sectorResultadoBlog li .imagen-tema-resultado {
            position: relative;
            overflow: hidden;
        }

        .sectorResultadoBlog li img,
        .sectorResultadoBlog li video {
            width: 100%;
        }

        .sectorResultadoBlog li span {
            text-transform: uppercase;
            font-size: 24px;
            color: #fff;
            font-weight: 900;
            position: absolute;
            bottom: 20px;
            padding: 5px 0;
            width: 100%;
            text-align: center;
            font-style: italic;
            background-color: rgba(0, 0, 0, 0.5);
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }


        .sectorResultadoBlog li:hover span {
            background-color: rgba(178, 12, 20, 0.5);
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .sectorResultadoBlog li .fechaAltaTema {
            display: none;
        }


        .sectorResultadoBlog li .TemaTipoItem {
            display: none;
        }




.sectorTags {
    width: 100%;
    position: absolute;
    padding: 10px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}


    .sectorTags .tituloTag {
        display: none;
    }




    .sectorTags .listaTemaEtiquetas {
        width: initial;
        margin: auto;
        display: table;
    }



        .sectorTags .listaTemaEtiquetas li {
            float: left;
            padding: 3px 5px;
            margin: 0 3px;
        }

        .sectorTags .listaTemaEtiquetas .temaEtiqueta {
            font-size: 16px;
            font-weight: 700;
            color: #000;
            visibility: visible;
            font-style: normal;
        }


            .sectorTags .listaTemaEtiquetas .temaEtiqueta:hover,
            .sectorTags .listaTemaEtiquetas .selected {
                color: #e72b1e;
            }


        .sectorTags .listaTemaEtiquetas .selected {
            font-style: italic;
        }

.fb-like-box {
    display: none;
}


.paginas li {
    float: left;
    width: auto;
    margin: 0 5px;
    height: auto;
}



/* Blog - popup opciones compartir*/
.temaButtons {
    float: right;
    width: auto;
    margin-top: 5px;
}

    .temaButtons > div {
        float: left;
    }

    .temaButtons .btnFacebook:hover,
    .temaButtons .btnTwitter:hover {
        opacity: 0.6;
    }

    /*.temaButtons .showShareDialog {
        float: right;
        width: 40px;
        height: 30px;        
        background: url(/Content/The%20North%20Face/img/share.jpg) no-repeat;
        cursor: pointer;
    } 
    
       .temaButtons .btnBlogDetail {
        float: right;
        width: 40px;
        height: 30px;
        background: url(/Content/The%20North%20Face/img/comentar.jpg) no-repeat;
    }

        

.blogShareDialog {
    min-height: 0px !important;
}

    .blogShareDialog .redesSociales {
        float: right;
        position: inherit;
        width: 89%;
    }

        .blogShareDialog .redesSociales > div {
            position: relative;
            float: left;
        }

            .blogShareDialog .redesSociales > div.pinterest {
                margin: 0 10px 0 0;
                right: 0;
            }

            .blogShareDialog .redesSociales > div.twitter {
                margin: 0 2px 0 0;
                right: 0;
            }

            .blogShareDialog .redesSociales > div.google {
                bottom: 2px;
            }
    */

    .temaButtons .btnFacebook {
        float: left;
        width: 40px;
        height: 30px;
        background: url(/Content/The%20North%20Face/img/facebook.jpg) no-repeat;
        cursor: pointer;
    }

    .temaButtons .btnTwitter {
        float: left;
        width: 40px;
        height: 30px;
        background: url(/Content/The%20North%20Face/img/twitter.jpg) no-repeat;
    }




/*******/




.blogDetail {
    width: 100%;
    max-width: 1200px;
    /*min-width: 980px;*/
    margin: auto;
    visibility: visible;
}

.blogDescription {
    width: 100%;
    float: left;
}

.blogDetailImage {
    width: 122%;
    margin: 20px 0 20px -11%;
}

    .blogDetailImage img {
        width: 100%;
        height: auto;
    }

.blogRelated {
    width: 100%;
    float: right;
    margin: 50px 0 0 0;
}





.blogDetail .btnVolver {
    display: table;
    clear: both;
    float: none;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    margin: 10px auto;
    font-weight: 900;
    font-style: italic;
    background: #fff;
}

    .blogDetail .btnVolver:hover {
        cursor: pointer;
    }

.blogDescription > span {
    display: none;
}

    .blogDescription > span:nth-of-type(2) {
        font-size: 28px;
        margin: 0 0 20px 0;
        color: #589BC6;
    }



.detalleTema {
    font-size: 28px;
    font-style: italic;
    margin-bottom: 20px;
}

.description {
    width: 75%;
    display: block;
    clear: both;
    margin: 0 auto;
}

    .description, .description p, .description b {
        font-family: inherit;
        font-size: 13px;
        letter-spacing: 0.26px;
        line-height: 1.6;
        text-rendering: optimizeLegibility;
        color: #2a2a2a;
    }


        .description blockquote li {
            font-size: 14px;
            line-height: 20px;
            list-style-position: inside;
            list-style-type: disc;
        }


        .description h1, .description h1 em, .description h1 i, .description h1 span, .description h1 a {
            font-size: 40px;
            line-height: normal;
            font-style: italic;
            margin: 0;
            text-align: center;
            font-family: 'HelveticaNeueCondensed';
            font-weight: 600;
            letter-spacing: 5px;
        }

        .description h2, .description h2 b, .description h2 em, .description h2 i, .description h2 span, .description h2 a {
            color: #242424;
            font-size: 30px;
            line-height: normal;
            text-indent: 0;
            font-weight: 500;
            letter-spacing: 5px;
            font-style: italic;
        }

        .description h3, .description h3 b, .description h3 em, .description h3 i, .description h3 span, .description h3 a {
            color: #000;
            font-size: 20px;
            font-style: italic;
            text-align: center;
            margin: 10px 0 50px;
            font-family: 'HelveticaNeueCondensed';
            font-weight: 500;
            letter-spacing: 5px;
        }

        .description h4, .description h4 b, .description h4 em, .description h4 i, .description h4 span, .description h4 a {
            font-size: 16px;
            line-height: normal;
            font-weight: 400;
        }

        .description h5, .description h5 b, .description h5 em, .description h5 i, .description h5 span, .description h5 a {
            color: #242424;
            font-weight: 400;
            line-height: normal;
            text-indent: 0;
        }

        .description h1 b, .description h1 b span, .description h1 b em, .description h1 b i,
        .description h2 b, .description h2 b span, .description h2 b em, .description h2 b i,
        .description h3 b, .description h3 b span, .description h3 b em, .description h3 b i,
        .description h4 b, .description h4 b span, .description h4 b em, .description h4 b i {
            font-weight: 700;
        }





.blogDetailVideo {
    text-align: left;
}

    .blogDetailVideo video {
        padding: 20px 0;
        margin: auto;
        width: 980px;
    }


.blogEtiquetas {
    padding: 10px 0;
    width: 980px;
    float: left;
    display: none;
}

    .blogEtiquetas h2,
    .blogComments h2,
    .blogRelated h2 {
        color: #000;
        font-size: 30px;
        display: block;
        width: 100%;
        padding: 3px 0;
        margin: 0 auto;
        text-align: center;
        font-weight: 900;
        font-style: italic;
    }



    .blogEtiquetas ul li div a {
        float: left;
        padding: 5px 15px;
        border: 0;
        text-transform: uppercase;
        font-size: 14px;
        font-style: italic;
        margin: 5px 5px 5px 0;
        color: #fff;
        background: #242424;
    }

        .blogEtiquetas ul li div a:hover {
            opacity: 0.8;
        }

.blogDetail .redesSociales {
    float: right;
    position: inherit;
    width: 210px;
    display: none;
}


    .blogDetail .redesSociales > div {
        float: left;
        position: inherit;
    }

    .blogDetail .redesSociales .pinterest {
        width: 50px;
        display: none;
    }

        .blogDetail .redesSociales .pinterest > a > span {
            display: none;
        }

.pinterest > span {
    height: 22px !important;
    width: 40px !important;
}

.blogDetail .redesSociales .pinterest > a {
    width: 40px !important;
    height: 20px !important;
    background-size: 40px !important;
    background-position: 0;
}

.blogDetail .redesSociales .twitter {
    width: 70px;
}


.blogDetail .redesSociales .facebook {
    width: 135px;
}

.fb_iframe_widget_lift {
    z-index: 1000;
}

.blogDetail .redesSociales .google {
    width: 60px;
    margin-top: -2px;
    display: none;
}

.blogComments .sin-comentarios {
    padding: 10px 0;
    border: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-style: italic;
    color: #000;
    background-color: #fff;
    width: 100%;
    display: block;
    text-align: center;
    clear: both;
}

.blogComments .showCommentDialog {
    border: 0;
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    position: fixed;
    top: 280px;
    right: 0;
    background-color: #000;
    opacity: 0.8;
    padding: 10px 20px;
}


.showCommentDialog:hover {
    opacity: 0.9;
    cursor: pointer;
}


.blogCommentsDialog div label {
    color: #fff;
    font-size: 16px;
    margin: 8px 0 3px 0;
    display: block;
}

.blogCommentsDialog input {
    padding: 3px 5px;
    width: 290px;
    margin: 5px 0;
}

.blogCommentsDialog textarea {
    padding: 3px 5px;
    min-height: 100px;
    width: 290px;
    margin: 5px 0;
}


.blogCommentsDialog #recaptcha_div {
    margin: 0;
}

.blogCommentsDialog button {
    color: #fff;
    background-color: #999;
    height: 35px;
    margin: 5px 25% 0 25%;
    float: right;
    width: 50%;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
}


    .blogCommentsDialog button:hover {
        background-color: #666;
        cursor: pointer;
    }





.blogComments .commentsList .usuario,
.blogComments .commentsList .fecha {
    font-size: 18px;
    height: 20px;
    float: left;
    margin: 10px 0;
}




.blogComments .commentsList .fecha {
    font-size: 12px;
    font-style: italic;
    margin-left: 10px;
    line-height: 25px;
    color: #999;
}




.blogComments .commentsList .descripcion {
    width: 100%;
    display: block;
    clear: both;
    padding: 5px;
    margin: 5px 0;
    border-bottom: 1px solid #eee;
}


.blogComments .commentsList .BtnDenuncia a {
    padding: 5px 10px;
    border: 0;
    font-size: 12px;
    margin: 5px 0;
    color: #333;
    clear: both;
    display: block;
    float: right;
}


    .blogComments .commentsList .BtnDenuncia a:hover {
        opacity: 0.7;
        cursor: pointer;
    }


.ComentarioRespuesta {
    text-indent: 20px;
}

    .ComentarioRespuesta .usuario {
        color: #999;
    }


.blogRelated ul {
    width: 100%;
    display: block;
    clear: both;
    float: left;
    margin: 25px 0;
}



.blogRelated li {
    margin: 10px 0;
    float: left;
    padding: 0;
    position: relative;
    width: 25%;
}

    .blogRelated li a {
        margin: auto;
        display: table;
    }

.blogRelated.posts li {
    width: 23%;
    margin: 10px 1%;
    overflow: hidden;
    padding: 0;
}

    .blogRelated.posts li span {
        position: absolute;
        width: 100%;
        height: 10%;
        text-align: center;
        vertical-align: middle;
        display: table-cell;
        padding: 45% 0;
        margin: 0;
        color: #fff;
        font-size: 18px;
        letter-spacing: 1px;
        font-family: 'HelveticaNeueBold';
        background-color: rgba(0, 0, 0, 0.3);
        background: rgba(0, 0, 0, 0.3);
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .blogRelated.posts li span:hover {
            color: #e72b1e;
            background-color: rgba(0, 0, 0, 0.7);
            background: rgba(0, 0, 0, 0.7);
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            -ms-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

    .blogRelated.posts li img {
        width: 100%;
        margin: 0 0 -2px 0;
    }

    .blogRelated.posts li .fechaAltaTema,
    .blogRelated.posts li .TemaTagsItem,
    .blogRelated.posts li .TemaTipoItem {
        display: none;
    }



.blogRelated li span {
    color: #000;
    font-size: 14px;
    width: 100%;
    text-align: center;
    margin: 10px 0 20px 0;
    display: block;
    text-transform: uppercase;
    font-weight: 900;
}




.commentNavigation {
    text-align: right;
    float: right;
    width: 100%;
}

    .commentNavigation ul {
        float: right;
    }


    .commentNavigation li {
        float: left;
        margin: 10px 5px;
        width: auto;
        border: none;
    }


        .commentNavigation li a {
            color: #333;
        }

            .commentNavigation li a:hover {
                color: #333;
            }

    .commentNavigation .on a {
        color: #333;
        font-family: 'HelveticaNeueBold', sans-serif;
        letter-spacing: .5px;
        text-decoration: underline;
    }






/*_______________________________ EVALUACIÓN EXPERIENCIA ________________________________*/


.page.evaluacionExperiencia {
    width: 980px;
    margin: auto;
    min-height: 500px;
}


    .page.evaluacionExperiencia h2 {
        display: block;
        font-size: 20px;
        line-height: 50px;
        vertical-align: middle;
        text-transform: uppercase;
        font-weight: 100;
        margin: 30px 0 20px 0;
        float: left;
        width: 100%;
        text-align: center;
    }

    .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form {
        width: 570px;
        margin: auto;
    }

        .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form > label {
            float: left;
            margin: 10px 0 20px 0;
        }

        .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form > div {
            clear: both;
            margin: 10px 0;
        }

            .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form > div:nth-of-type(1),
            .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form > div:nth-of-type(2) {
                width: 440px;
                margin: 10px auto;
            }


                .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form > div:nth-of-type(1) > label,
                .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form > div:nth-of-type(2) > label {
                    font-family: 'HelveticaNeueBold', sans-serif;
                    letter-spacing: .5px;
                    width: 150px;
                    float: left;
                    line-height: 23px;
                    vertical-align: middle;
                }

        .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form input[type="text"],
        .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form input[type="email"] {
            border: solid 1px #666;
            width: 250px;
            padding: 2px;
        }

        .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form > div span {
            margin: 80px 0 30px 0;
            text-align: center;
            float: left;
            width: 100%;
            font-size: 16px;
        }


        .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form div.evaluacionExperienciaValor {
            width: 507px;
            margin: auto;
        }


            .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form div.evaluacionExperienciaValor > label {
                float: left;
                padding: 0 3px;
                display: inline-block;
                cursor: pointer;
                position: relative;
                padding-left: 25px;
                margin-right: 15px;
            }


        .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form input[type=submit] {
            border: none;
            text-transform: uppercase;
            font-family: 'HelveticaNeueBold', sans-serif;
            letter-spacing: .5px;
            font-stretch: condensed;
            height: 25px;
            width: 16%;
            font-size: 14px;
            color: #fff;
            margin: 55px 42% 20px 42%;
            border-radius: 3px;
        }






        .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form input[type=radio] {
            display: none;
        }


        .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form div.evaluacionExperienciaValor > label:before {
            content: "";
            display: inline-block;
            width: 16px;
            height: 16px;
            margin-right: 10px;
            position: absolute;
            left: 0;
            bottom: 1px;
            background-color: #aaa;
            box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
        }


        .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form div.evaluacionExperienciaValor > label:nth-of-type(1):before,
        .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form div.evaluacionExperienciaValor > label:nth-of-type(2):before,
        .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form div.evaluacionExperienciaValor > label:nth-of-type(3):before {
            background-color: #d8a6a6;
        }


        .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form div.evaluacionExperienciaValor > label:nth-of-type(4):before,
        .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form div.evaluacionExperienciaValor > label:nth-of-type(5):before,
        .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form div.evaluacionExperienciaValor > label:nth-of-type(6):before,
        .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form div.evaluacionExperienciaValor > label:nth-of-type(7):before {
            background-color: #decc73;
        }

        .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form div.evaluacionExperienciaValor > label:nth-of-type(8):before,
        .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form div.evaluacionExperienciaValor > label:nth-of-type(9):before,
        .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form div.evaluacionExperienciaValor > label:nth-of-type(10):before {
            background-color: #96b69d;
        }


        .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form label:before {
            border-radius: 8px;
        }


        .page.evaluacionExperiencia .sectorEvaluacionExperiencia > form input[type=radio]:checked + label:before {
            content: "\2022";
            color: #f3f3f3;
            font-size: 30px;
            text-align: center;
            line-height: 18px;
        }




.localesMapa section {
    display: table;
    width: 100%;
}

    .localesMapa section > .sectorImagen,
    .localesMapa section > .sectorImagen img,
    .localesMapa section > .sectorBanner,
    .localesMapa section > .sectorBanner img {
        width: 100%;
        height: auto;
        float: left;
    }



    .localesMapa section > .sectorTexto {
        margin: 30px auto 0;
        display: table;
    }


        .localesMapa section > .sectorTexto p {
            text-align: center;
            font-size: 2em;
            line-height: 1.6;
            width: 100%;
            max-width: 1200px;
        }


.localesMapa .sectorTags {
    display: none;
}



.localesMapa .sectorResultadoBlog li {
    width: 31.33%;
}



    .localesMapa .sectorResultadoBlog li .imagen-tema-resultado a {
        width: 100%;
        height: 100%;
        display: table;
        padding-bottom: 80px;
        position: relative;
    }

        .localesMapa .sectorResultadoBlog li .imagen-tema-resultado a:after {
            content: "ver mas";
            text-transform: uppercase;
            font-size: 14px;
            color: #e72b1e;
            font-weight: 900;
            text-align: left;
            width: 100%;
            display: table;
            position: absolute;
            bottom: 0;
        }


        .localesMapa .sectorResultadoBlog li .imagen-tema-resultado a:hover:after {
            text-decoration: underline;
        }


    .localesMapa .sectorResultadoBlog li span {
        text-transform: uppercase;
        font-size: 18px;
        color: #000;
        font-weight: 900;
        position: absolute;
        bottom: 20px;
        padding: 10px 0 0 0;
        width: 100%;
        text-align: left;
        font-style: italic;
        background: none;
        height: 55px;
        letter-spacing: 2px;
    }








/*-------------------------TALLES-------------------------*/

.parsys h2 {
    font-size: 30px;
    line-height: normal;
    font-style: italic;
    margin: 30px 0 20px 0;
    text-align: center !important;
    font-family: 'HelveticaNeueCondensed';
    font-weight: 600;
    letter-spacing: 5px;
}

.parsys table td {
    font-size: 14px;
}



.parsys tbody th {
    padding: 5px 0;
    font-family: 'HelveticaNeueBold';
    border-bottom: 2px solid #000;
    text-transform: uppercase;
    font-style: italic;
    margin-bottom: 5px;
    font-size: 14px;
}


.parsys table td {
    padding: 12px 0;
    border-bottom: 1px solid #d4d4d4;
}


.parsys table tr:nth-child(even) td {
    background: #f9f9f9;
}




#page-body-container {
    display: block;
}




/*----------POPUP CON FORMULARIO----------*/



body.layout .popupDialog {
    border-radius: .5px !important;
    box-shadow: 0 0 0 30px rgba(0,0,0,.3);
    padding: 0;
    position: fixed !important;
    top: 30% !important;
    border: 0;
}



    body.layout .popupDialog .ui-dialog-content,
    body.layout .popupDialog .ui-dialog-titlebar {
        padding: 0;
    }


    body.layout .popupDialog .ui-dialog-title {
        display: none;
    }


    body.layout .popupDialog .ui-dialog-titlebar-close {
        margin: 0;
        color: #fff !important;
        position: absolute;
        top: 0;
        right: 5px;
    }


        body.layout .popupDialog .ui-dialog-titlebar-close:after {
            color: #fff !important;
        }



    body.layout .popupDialog .registracion {
        padding: 0;
        margin: 0;
    }



        body.layout .popupDialog .registracion > div {
            width: 100%;
            min-width: initial;
            max-width: none;
            margin: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 10;
        }


            body.layout .popupDialog .registracion > div:first-of-type {
                z-index: 20;
                top: 160px;
                width: 36%;
                left: 51.5%;
            }


                body.layout .popupDialog .registracion > div:first-of-type input {
                    padding: 5px 0;
                    text-indent: 5px;
                    width: 300px;
                    border: 0;
                }

                    body.layout .popupDialog .registracion > div:first-of-type input:focus {
                        outline: none;
                        border: 0;
                    }


                    body.layout .popupDialog .registracion > div:first-of-type input[type=submit] {
                        margin: 0 0 0 50px;
                        width: 200px;
                        height: 47px;
                        background-color: transparent;
                        color: transparent;
                        cursor: pointer;
                    }



                body.layout .popupDialog .registracion > div:first-of-type label {
                    color: #fff;
                    font-size: 12px;
                    text-transform: uppercase;
                    margin: 3px 0 1px;
                    width: 100%;
                    float: left;
                    letter-spacing: .5px;
                }


        body.layout .popupDialog .registracion div:last-of-type {
            margin: 0 0 17px 0;
        }



/* -------------- ARTICULOS SUGERIDOS ------------------------*/

.sectorArticulosSugeridos {
    padding: 20px 0;
}



div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}

/** {
    box-sizing: border-box;
}*/

.responsive {
    padding: 0 6px;
    float: left;
    width: 24.99999%;
}

@media only screen and (max-width: 700px) {
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px) {
    .responsive {
        width: 100%;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}


/* ----------------------END Articulos Sugeridos -------------------*/

/* --------------- Thumbnail-slider --------------------------*/

.sectorArticulosSugeridos > div {
    width: 100%;
    /* float: left; */
    margin: 20px auto;
    display: block;
    max-width: 1600px;
}


.thumbnail-slider {
    margin: 0 auto; /*center-aligned*/
    width: 100%; /*width:400px;*/
    max-width: 100%;
    /*padding: 20px;  original*/
    padding: 0;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    float: left;
}

    .thumbnail-slider div.inner {
        /*the followings should not be changed */
        position: relative;
        overflow: hidden;
        padding: 2px 0;
        margin: 0;
    }


        .thumbnail-slider div.inner ul {
            /*the followings should not be changed */
            white-space: nowrap;
            position: relative;
            left: 0;
            top: 0;
            list-style: none;
            font-size: 0;
            padding: 0;
            margin: 0;
            float: left !important;
            width: auto !important;
            height: auto !important;
        }



    .thumbnail-slider ul li {
        display: inline-block;
        *display: inline !important; /*IE7 hack*/
        border: 0;
        margin: 10px 10px 0;
        margin-right: 3px;
        transition: border-color 0.3s;
        text-align: center;
        vertical-align: middle;
        padding: 0;
        position: relative;
        list-style: none;
        backface-visibility: hidden;
        transition: all 0.9s ease;
        overflow: visible;
    }

        .thumbnail-slider ul li a {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 9;
            transition: all 0.3s ease;
        }

        .thumbnail-slider ul li:hover a {
            width: 104%;
            height: 104%;
            position: absolute;
            top: -2%;
            left: -2%;
            z-index: 10;
            transition: all 0.3s ease;
            box-shadow: 0 0 15px -5px rgba(0,0,0,.3);
        }


    .thumbnail-slider div.inner.inner-1 ul,
    .thumbnail-slider div.inner.inner-2 ul,
    .thumbnail-slider div.inner.inner-3 ul {
        width: 100% !important;
        transform: none !important;
    }

    .thumbnail-slider .inner-1 ul li {
        width: 98% !important;
        margin: 0 1%;
    }

    .thumbnail-slider .inner-2 ul li {
        width: 48% !important;
        margin: 0 1%;
    }

    .thumbnail-slider .inner-3 ul li {
        width: 31.33% !important;
        margin: 0 1%;
    }


    /*.thumbnail-slider ul li:hover {
        box-shadow: 0 0 10px rgba(0,0,0,.1);
        transform: scale(1.2);
        transition: all 0.3s ease;
    }*/




    .thumbnail-slider .thumb {
        opacity: 1;
        width: 100%;
        height: auto;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        display: block;
        position: absolute;
        font-size: 0;
    }

    .thumbnail-slider .inner-1 .thumb,
    .thumbnail-slider .inner-2 .thumb,
    .thumbnail-slider .inner-3 .thumb {
        max-width: 350px;
        width: auto;
        position: relative;
        margin: auto;
    }

    .thumbnail-slider .thumb:hover {
        background-color: blue;
    }
/* --------- navigation controls ------- */
/* The nav id should be: slider id + ("-prev", "-next", and "-pause-play") */
.thumbnail-slider-pause-play {
    display: none;
}
/*.pause*/

.thumbnail-slider-prev,
.thumbnail-slider-next {
    opacity: 1;
    position: absolute;
    /*background-color:#0346a3;*/
    background-color: rgba(255,255,255,.7); /*IE7 hack*/
    backface-visibility: hidden;
    width: 32px;
    height: 60px;
    line-height: 60px;
    top: 50%;
    margin: 0;
    margin-top: -30px;
    color: white;
    z-index: 10;
    cursor: pointer;
}

.thumbnail-slider-prev {
    left: 0;
    right: auto;
}

.thumbnail-slider-next {
    left: auto;
    right: 0;
}

    .thumbnail-slider-next.disabled, .thumbnail-slider-prev.disabled {
        opacity: 0;
        cursor: default;
    }


    /* arrows */
    .thumbnail-slider-prev::before,
    .thumbnail-slider-next::before {
        position: absolute;
        top: 19px;
        content: "";
        display: block;
        width: 12px;
        height: 12px;
        border-left: 6px solid black;
        border-top: 6px solid black;
    }

.thumbnail-slider-prev::before {
    left: 7px;
    -ms-transform: rotate(-45deg); /*IE9*/
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.thumbnail-slider-next::before {
    right: 7px;
    -ms-transform: rotate(135deg); /*IE9*/
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

/*Responsive settings*/
/*@media only screen and (max-width:736px) {

    .thumbnail-slider {
        padding: 10px 26px;
    }

    .thumbnail-slider-prev {
        left: 0px;
    }

    .thumbnail-slider-next {
        right: 0px;
    }
}*/


.thumbnail-slider-caption {
    float: none;
    left: 0;
    bottom: -28px;
    z-index: 1000;
    background-color: #d279c8;
    padding: 5px 0;
    color: #FFFFFF;
    font-weight: bold;
    position: absolute;
    width: 100%;
    font-size: 15pt;
    opacity: .6;
    z-index: 11;
    transition: all 0.3s ease;
}


    .thumbnail-slider-caption div,
    .thumbnail-slider-caption div p {
        width: 100%;
        float: left;
        text-align: center;
        overflow: hidden;
        margin: 3px 0;
    }

        .thumbnail-slider-caption div p.thumbnail-slider-caption-name {
            margin-bottom: 10px;
            transition: all 0.3s ease;
            display:none;
        }


.thumbnail-slider ul li:hover .thumbnail-slider-caption {
    bottom: -2px;
    left: -2%;
    opacity: .75;
    width: 104%;
    transition: all 0.3s ease;
}

    .thumbnail-slider ul li:hover .thumbnail-slider-caption div p.thumbnail-slider-caption-name {
        margin-bottom: 1px;
        transition: all 0.3s ease;
    }

.thumbnail-slider-caption-name {
    font-size: 13pt;
    font-weight: 400;
}

.thumbnail-slider-caption-code {
    font-size: 11pt;
    font-weight: 300;
    font-style: italic;
}

.thumbnail-slider-caption-price {
    font-size: 11pt;
    font-weight: bold;
}

.thumbnail-slider-title {
    font-size: 30pt;
    width: 100%;
    margin: 20px 0;
    padding: 0 0 5px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: -1px;
    background: transparent;
    position: relative;
    color: #333;
    float: left;
}

    


.thumbnail-slider-3D {
    margin: 0 auto; /*center-aligned*/
    width: 100%;
    max-width: 900px;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
}

    .thumbnail-slider-3D div.inner {
        /*the followings should not be changed */
        position: relative;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

        .thumbnail-slider-3D div.inner ul {
            /*the followings should not be changed */
            white-space: nowrap;
            position: relative;
            left: 0;
            top: 0;
            list-style: none;
            font-size: 0;
            padding: 0;
            margin: 0;
            float: left !important;
            width: auto !important;
            height: auto !important;
        }

    .thumbnail-slider-3D ul li {
        display: inline-block;
        margin-top: 20px;
        margin-bottom: 90px;
        margin-left: -30px;
        margin-right: -30px; /* Spacing between thumbs*/
        -webkit-transform: scale(0.9);
        transform: scale(0.9); /*Note: The scale down will increase the spacing between slides. You can set negative margins as did above to roll back the spacing. */
        -webkit-transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        box-sizing: content-box;
        text-align: center;
        vertical-align: middle;
        padding: 0;
        position: relative;
        list-style: none;
        backface-visibility: hidden;
        /*-webkit-filter: grayscale(100%);
	filter: grayscale(100%);*/
    }

        .thumbnail-slider-3D ul li.active {
            -webkit-transform: scale(1.15);
            transform: scale(1.15); /*Note: if scale is greater than 1, the margin-top and margin-bottom in the selector ".thumbnail-slider-3D li" must be set with a sufficient value so the enlarged image will be shown within the margins.*/
            background-color: transparent;
            /*-webkit-filter: initial;
	filter: initial;*/
        }

    .thumbnail-slider-3D .thumb {
        width: 100%;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        display: block;
        position: absolute;
        font-size: 0;
        cursor: inherit;
        -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), to(rgba(255,255,255,0.4)));
        transition: all linear 0.4s;
    }


    /*-- Start 3D --*/
    .thumbnail-slider-3D .thumb {
        -webkit-transform: perspective(500px) translateX(1px) translateZ(-30px) rotateY(30deg);
        transform: perspective(500px) translateX(1px) translateZ(-30px) rotateY(30deg);
    }

    .thumbnail-slider-3D .active .thumb {
        -webkit-transform: translateX(0px) translateZ(0px) rotateY(0deg);
        transform: translateX(0px) translateZ(0px) rotateY(0deg);
    }

    .thumbnail-slider-3D li.active ~ li .thumb {
        -webkit-transform: perspective(500px) translateX(-1px) translateZ(-30px) rotateY(-30deg);
        transform: perspective(500px) translateX(-1px) translateZ(-30px) rotateY(-30deg);
    }
/*-- End 3D --*/

/* --------- navigation controls ------- */
/* The nav id should be: slider id + ("-prev", "-next", and "-pause-play") */

.thumbnail-slider-3D-pause-play {
    display: none;
}
/*.pause*/
.thumbnail-slider-3D-prev, .thumbnail-slider-3D-next {
    display: none;
}



/* ----------------------END Thumbnail-slider -----------------------------*/

/*  ------------------  SLIDER ONE IMAGE  BEGIN -------------------------- */


.sliderOne {
    width: 100%;
    margin-bottom: 1px;
    text-align: center;
    transition: all 2s ease-in-out;
}

    .sliderOne:hover {
        /*transform: rotate(360deg);*/
        /*transform: rotate(720deg) scale(2,2);*/
        /*transform: rotate(360deg);*/
        transition: all 1s ease-in-out;
    }

.sliderOne-wrapper {
    width: 100%;
    max-width: 200px;
    height: 200px;
    position: relative;
    text-align: center;
    margin: auto;
}

.slideOne {
    /* float: left; */
    position: absolute;
    /* width: 100% !important; */
    height: 100%;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    /*transition: ease-out 1s linear;*/
}

    .slideOne:hover {
        /*transform:rotate(45deg);*/
    }


.sliderOne-wrapper > .slideOne:first-child {
    opacity: 1;
}

/*  ---------------------SLIDER ONE IMAGE  END -----------------------------*/