/*
  Theme Name:    Fairstore (tema)
  Theme URI:     https://fairstore.es
  Description:   
  Author:        Fairstore
  Author URI:    https://fairstore.es
  Version:       1.0
  License:       The Unlicense
  License URI:   LICENSE
*/


/* reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
text-decoration: none;
vertical-align: baseline;
}
:focus { outline: 0;}
a, a:link, a:visited, a:hover, a:active{text-decoration:none;}
table {	border-collapse: separate;border-spacing: 0;}
th, td {font-weight: normal;}
img, iframe {border: none; text-decoration:none;}
ol, ul , li{list-style: none;}
input, textarea, select, button {font-size: 100%;font-family: inherit; border: none;}
select {margin: inherit;}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px;}
h1, h2, h3, h4, h5, h6{ display: inline;}

/* fin hacks varios */



/*--------------------------------------------------------- 
  FONTS
-----------------------------------------------------------*/

@font-face {
    font-family: 'readable';
    src: url('fonts/Montserrat-Light.woff') format('woff');
    font-weight: normal;
}

@font-face {
    font-family: 'readable';
    src: url('fonts/Montserrat-Regular.woff') format('woff');
    font-weight: 500;
}

@font-face {
    font-family: 'readable';
    src: url('fonts/Montserrat-Medium.woff') format('woff');
    font-weight: bold;
}


@font-face {
    font-family: 'decorative';
    src: url('fonts/ChaparralPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'decorative';
    src: url('fonts/ChaparralPro-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}



/*--------------------------------------------------------- 
  BODY 
-----------------------------------------------------------*/
body { 
	color: #111;
	font-family: 'readable', arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 1em;
	letter-spacing: 0;
	background: #f5f4f3;
}
@media (max-width: 450px) { 
    body { font-size: 95%;}
}
@media (min-width: 451px) and (max-width: 800px) { 
    body { }
}
@media (min-width: 1400px) and (max-width: 1599px) { 
    body { font-size: 115%;}
}
@media (min-width: 1600px) and (max-width: 1799px) { 
    body { font-size: 115%;	}
}
@media (min-width: 1800px) { 
    body { font-size: 115%;	}
}


/* PAGE */
#page{}
#page #page_container{}
/* PAGE */
#page{}
#page #page_container{}
/*---*/
#page #page-head{}
#page #page-body{}
/*---*/
@media (max-width: 800px) { 
}


/*--------------------------------------------------------- 
  TITULOS
-----------------------------------------------------------*/

/* COMUNES */
header, header a{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
header, header .pretitulo, header .pretitulo .content, header .titulo,  header .titulo .content, header .subtitulo, header .subtitulo .content, header .separator{ position: relative;}
header .titulo .content a{ text-decoration: none;}
header .titulo .content a:hover{ text-decoration: none;}
/*---*/
@media (max-width: 800px) { 
    header{ text-align: center !important;}
}

/* style-a */
header.style-a { }
/*---*/
header.style-a .pretitulo{ }
header.style-a .pretitulo .content{ color: #cca7a2; font-family: 'decorative'; letter-spacing: .1em; font-weight: normal; font-style: normal; text-transform: none;}
header.style-a .titulo { }
header.style-a .titulo .content{ color: #000; font-family: 'decorative'; letter-spacing: .1em; font-weight: normal; font-style: normal; text-transform: none;}
header.style-a .titulo .content a{ color: #000;}
header.style-a .titulo .content a:hover{ color: #cca7a2;}
header.style-a .subtitulo { }
header.style-a .subtitulo .content{ color: #; font-family: 'decorative'; letter-spacing: em; font-weight: normal; font-style: normal; text-transform: none;}
/*---*/
header.style-a .separator{ }
header.style-a .separator .content{ width: 100%; height: 43px; background: url('img/deco-a.png') no-repeat 50% 0; display: block;}
/*---*/
@media (max-width: 800px) { 
    header.style-a{ }
}


/* style-b */
header.style-b { }
/*---*/
header.style-b .pretitulo{ }
header.style-b .pretitulo .content{ color: #; font-family: ''; letter-spacing: em; font-weight: normal; font-style: normal; text-transform: none;}
header.style-b .titulo { }
header.style-b .titulo .content{ color: #; font-family: ''; letter-spacing: em; font-weight: normal; font-style: normal; text-transform: none;}
header.style-b .titulo .content a{ color: #;}
header.style-b .titulo .content a:hover{ color: #;}
header.style-b .subtitulo { }
header.style-b .subtitulo .content{ color: #; font-family: ''; letter-spacing: em; font-weight: normal; font-style: normal; text-transform: none;}
/*---*/
header.style-b .separator{ }
header.style-b .separator .content{ width: 100%; height: 43px; background: url('img/deco-a.png') no-repeat 50% 0; display: block;}
/*---*/
@media (max-width: 800px) { 
    header.style-b{ }
}


/* size-1*/
header.size-1 { padding-bottom: .6em;}
/*---*/
header.size-1 .pretitulo{ padding-bottom: .4em;}
header.size-1 .pretitulo .content{ font-size: .9em; line-height: 1.2em; }
header.size-1 .titulo .content{ font-size: 3.72em; line-height: 1.1em;}
header.size-1 .subtitulo{ padding-top: .6em;}
header.size-1 .subtitulo .content{ font-size: 1.2em; line-height: 1.3em; }
/*---*/
header.size-1 .separator { padding-top: 1.3em;}
header.size-1 .separator .content{ }
/*---*/
@media (max-width: 800px) { 
    header.size-1 { }
}


/* size-2*/
header.size-2 { padding-bottom: .6em;}
/*---*/
header.size-2 .pretitulo{ padding-bottom: .4em;}
header.size-2 .pretitulo .content{ font-size: .85em; line-height: 1.2em; }
header.size-2 .titulo .content{ font-size: 1.5em; line-height: 1.1em;}
header.size-2 .subtitulo{ padding-top: .6em;}
header.size-2 .subtitulo .content{ font-size: 1.1em; line-height: 1.3em; }
/*---*/
header.size-2 .separator { padding-top: 1.3em;}
header.size-2 .separator .content{ }
/*---*/
@media (max-width: 800px) { 
    header.size-2{ }
}


/* size-3*/
header.size-3 { padding-bottom: .4em;}
/*---*/
header.size-3 .pretitulo{ padding-bottom: .4em;}
header.size-3 .pretitulo .content{ font-size: .8em; line-height: 1.1em; }
header.size-3 .titulo .content{ font-size: 1.27em; line-height: 1.1em;}
header.size-3 .subtitulo{ padding-top: .6em;}
header.size-3 .subtitulo .content{ font-size: 1em; line-height: 1.2em; }
/*---*/
header.size-3 .separator { padding-top: .9em;}
header.size-3 .separator .content{ }
/*---*/
@media (max-width: 800px) { 
    header.size-3{ }
}


/* size-4*/
header.size-4 { padding-bottom: .3em;}
/*---*/
header.size-4 .pretitulo{ padding-bottom: .4em;}
header.size-4 .pretitulo .content{ font-size: .75em; line-height: 1.1em; }
header.size-4 .titulo .content{ font-size: 1.2em; line-height: 1.2em;}
header.size-4 .subtitulo{ padding-top: .6em;}
header.size-4 .subtitulo .content{ font-size: 1em; line-height: 1.2em; }
/*---*/
header.size-4 .separator { padding-top: .7em;}
header.size-4 .separator .content{ }
/*---*/
@media (max-width: 800px) { 
    header.size-4{ }
}



/*--------------------------------------------------------- 
  ENLACES & BOTONES
-----------------------------------------------------------*/

/* ENLACES */
a { color: #cca7a2; text-decoration: none; cursor: pointer;}
a:hover { color: #cca7a2; text-decoration: underline;}

/* READ MORE */
a.read-more { font-family: 'decorative'; font-size: .85em; font-style: normal; letter-spacing: .1em; display: inline-block;}

/* LINK BOX */
.link-box { text-decoration: none; cursor: pointer;}

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

/* BTN-THIN */
.btn-thin{ 
   color: #333;
   margin: 0 .3em 0 0; padding: 0; 
   font-size: .8em;
   font-family: 'decorative';
   font-weight: bold;
   font-style: normal;
   line-height: 1em;   
   text-transform: uppercase;
   text-decoration: none; 
   letter-spacing: .1em;
   display: inline-block;
   cursor: pointer;
   -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;
   position: relative;
}
.btn-thin:hover{ color: #999; text-decoration: none;}
.btn-thin.arrow{ margin-right: 27px;}
.btn-thin.arrow:after{ width: 20px; height: 12px; content: url('img/icon-btn-thin-arrow.png'); right: -27px; top: 0; position: absolute;}

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

/* BTN */
.btn{ 
   margin: .3em .3em 0 0; 
   padding: .5em .8em .45em; 
   font-size: .68em;
   font-family: 'readable';
   font-weight: normal;
   font-style: normal;
   line-height: 1.1em;   
   text-transform: uppercase;
   text-decoration: none; 
   letter-spacing: .1em;
   border-radius: .0em;
   border: .0em solid; /* = 2px */
   display: inline-block;
   cursor: pointer;
   -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;
}
a.btn{ text-decoration: none;}
a.btn:hover{ text-decoration: none; }
.btn:hover{ }
/*---*/
.btn.size-1{ padding: .6em .9em .55em; font-size: .75em;}
.btn.size-2{ padding: .5em .8em .45em;  font-size: .68em;}
.btn.size-3{ padding: .8em 1.3em .75em; font-size: .7em;}
.btn.size-4{ padding: .7em 1.1em .65em; font-size: .6em;}
/*---*/
.btn.style-main{ background-color: #cca7a2; border-color: #cca7a2; color: #fff;}
.btn.style-main:hover{ background-color: #000; border-color: #000; color: #fff;}
.btn.style-second{ background-color: #000; border-color: #000; color: #fff;}
.btn.style-second:hover{ background-color: #cca7a2; border-color: #cca7a2; color: #fff;}
/*---*/
.btn.style-submiting{ background-color: #eee; border-color: #eee; color: #999; cursor: default; display: none;}
/*---*/
.btn-facebook{ }
.btn-facebook:hover{ }
.btn-facebook .icon{ margin: -.3em .9em -.15em -.3em; width: 1.4em; height: 1.4em; float: left; display: block; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.btn-facebook .icon_container{ padding: 0; text-align: center; display: block;}
.btn-facebook .icon svg{ height: 100%; width: 100%;}
.btn-facebook .icon path{ fill: #fff;}
.btn-facebook:hover .icon path{ fill: #fff;}
/*---*/
.btn-twitter{ }
.btn-twitter:hover{ }
.btn-twitter .icon{ margin: -.3em .9em -.15em -.3em; width: 1.4em; height: 1.4em; float: left; display: block; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.btn-twitter .icon_container{ padding: 0; text-align: center; display: block;}
.btn-twitter .icon svg{ height: 100%; width: 100%;}
.btn-twitter .icon path{ fill: #fff;}
.btn-twitter:hover .icon path{ fill: #fff;}


/*--------------------------------------------------------- 
  TEXTOS 
-----------------------------------------------------------*/

/* INTRODUCCION */
.introduccion{ color: #000; font-size: .81em; letter-spacing: .02em; line-height: 1.8em; font-weight: 500; font-style: normal; }
.introduccion.post{ max-width: 100%;} 
/*---*/
.introduccion a{ text-decoration: underline;}
.introduccion a:hover{ text-decoration: none;}

/* ARTICULO */
.articulo{ font-size: .81em; letter-spacing: .02em; line-height: 1.8em; font-weight: normal; font-style: normal; }
.articulo.post{ max-width: 100%;} 
.articulo.rgpd{ opacity: .7; font-size: 70%; max-width: 100%;}

/* TEXTO */
.articulo.texto{ font-size: .81em; letter-spacing: .02em; line-height: 1.8em; font-weight: normal; font-style: normal; }

/* NOTA */
.nota { font-size: .75em; letter-spacing: .02em; line-height: 1.4em; font-weight: normal; font-style: italic; opacity: 0.6;}

/* BOTON */
.boton { }
/*---*/
@media (max-width: 800px) { 
    .boton { text-align: center !important;}
}

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

/* CONFIG TEXT */
.config-text{ }
/*---*/
.config-text p{ padding-top: 1.1em;}
.config-text p:first-child{ padding-top: 0;}
/*---*/
.config-text strong{ font-weight: bold;}
/*---*/
.config-text img.emoji{ height: 1em !important; width: 1em !important;}
/*---*/
.config-text h1:after, .config-text h2:after{ display: none; margin: .55em 0 .55em; padding: 0; width: 1em; height: 0.17em; background: #d7d4d4; content: ''; }
.config-text h1, 
.config-text h2{ padding-top: 2em; color: #c79e98; font-family: 'decorative'; font-size: 1.7em; letter-spacing: .05em; line-height: 1.2em; font-weight: normal; font-style: normal; text-align: left; width: 100%; display: block;}
.config-text h3{ padding-top: 2em; color: #c79e98; font-family: 'readable'; font-size: 1.4em; letter-spacing: .05em; line-height: 1.2em; font-weight: 500; font-style: normal; text-align: left; width: 100%; display: block;}
.config-text h4{ padding-top: 2em; color: #c79e98; font-family: 'decorative'; font-size: 1.5em; letter-spacing: .05em; line-height: 1.15em; font-weight: normal; font-style: normal; text-align: left; width: 100%; display: block;}
.config-text h5{ padding-top: 2em; color: #c79e98; font-family: 'decorative'; font-size: 1.2em; letter-spacing: .05em; line-height: 1.1em; font-weight: normal; font-style: normal; text-align: left; width: 100%; display: block;} 
.config-text h6{ padding-top: 2em; color: #999; font-family: 'decorative'; font-size: 1.2em; letter-spacing: .05em; line-height: 1.1em; font-weight: normal; font-style: italic; text-align: left; width: 100%; display: block;} 
/*---*/
.config-text a{ text-decoration: underline;}
.config-text a:hover{ text-decoration: none;}
/*---*/
.config-text ul{ padding-top: .28em; text-align: left;}
.config-text ul li{ margin-top: 1em; padding-left: 1.6em; background: url('img/icon-lista-a.png') no-repeat 0 7px;}
.config-text ul.true{}
.config-text ul.true li{ padding-left: 2.1em; background: url('img/icon-lista-c.png') no-repeat 0 0;}
.config-text ul.false{}
.config-text ul.false li{ padding-left: 2.1em; background: url('img/icon-lista-d.png') no-repeat 0 0;}
.config-text ul.warning{}
.config-text ul.warning li{ padding-left: 2.1em; background: url('img/icon-lista-e.png') no-repeat 0 0;}
.config-text ol{ margin-left: 0; padding-top: .28em; counter-reset: step-counter; text-align: left;}
.config-text ol li{ margin-top: 1em; padding-left: 3em; display: list-item; counter-increment: step-counter; position: relative;}
.config-text ol > li:before { margin-top: .15em; margin-left: -3em; padding: .55em 0 0; width: 2em; height: 1.45em; color: #fff; font-size: 0.8em; line-height: 1em;  font-weight: bold; text-align: center; border-radius: 100%; background-color: #cca7a2; position: absolute; content: counter(step-counter);}
/*---*/
.config-text .wp-caption{ padding-top: 1.1em; width: 100% !important;}
.config-text .aligncenter{ margin: 0 auto!important; text-align: center !important; }
.config-text .aligncenter img{ margin: 0 auto!important; }
.config-text img{ width: 100% !important; height: auto !important; display: block;}
.config-text img.size-large{ }
.config-text img.size-medium{ max-width: 500px !important;}
.config-text p.wp-caption-text{ padding-top: .5em; color: #555; font-size: .9em; line-height: 1.1em; font-style: italic;}
/*---*/
.config-text .blockquote{ margin: 3em auto 1.7em; width: 84%; max-width: calc(35em - 0%); position: relative; 
                         border: 0px solid #dadada; border-radius: 0;}
.config-text .blockquote:before{ display: none; content: url('img/icon-blockquote-left.png'); position: absolute; top: .8em; left: -.8em; z-index: 10;}
.config-text .blockquote p{ color: #cca7a2; font-family: 'decorative'; font-size: 1.8em; letter-spacing: .05em; line-height: 1.3em; font-weight: normal; font-style: normal;}
.config-text .blockquote .legend{ padding-top: .6em; color: #333; font-family: 'decorative'; font-size: 1em; letter-spacing: .0em; line-height: 1.1em; font-weight: normal; font-style: normal; text-transform: none; display: block;}
/*---*/
.config-text blockquote{ margin: 3em auto 1.7em; width: 84%; max-width: calc(35em - 0%); position: relative; 
                         border: 0px solid #dadada; border-radius: 0;}
.config-text blockquote:before{ display: none; content: url('img/icon-blockquote-left.png'); position: absolute; top: .8em; left: -.8em; z-index: 10;}
.config-text blockquote p{ color: #cca7a2; font-family: 'decorative'; font-size: 1.8em; letter-spacing: .05em; line-height: 1.3em; font-weight: normal; font-style: normal;}
.config-text blockquote span{ padding-top: .6em; color: #333; font-family: 'decorative'; font-size: 1em; letter-spacing: .0em; line-height: 1.1em; font-weight: normal; font-style: normal; text-transform: none; display: block;}
/*---*/
.config-text .fs-compartirtwitter{ margin: 3em auto 1.7em; width: 100%; max-width: 35em;}
.config-text .fs-compartirtwitter_container{ border: 0px solid #dadada; border-radius: 0; position: relative; }
.config-text .fs-compartirtwitter_container:before{ display: none; content: url('img/icon-blockquote-left.png'); position: absolute; top: .8em; left: -.8em;}
.config-text .fs-compartirtwitter-text{ color: #cca7a2; font-family: 'decorative'; font-size: 1.8em; letter-spacing: .05em; line-height: 1.3em; font-weight: normal; font-style: normal;}
.config-text a.fs-compartirtwitter-link{ margin: 0; padding-left: 4.5em; background-image: url('img/icon-twitter.png'); background-position: 12px 50%; background-repeat: no-repeat; position: absolute; right: 2em; bottom: -1.4em; text-decoration: none;}
.config-text a:hover.fs-compartirtwitter-link{ text-decoration: none;}
/*---*/
.config-text .download { margin-top: 1.1em; position: relative;}
.config-text .download-corner { width: 33px; height: 38px; background: url('img/icon-boxes-corner-b.png') no-repeat 0 0; z-index: 1; top: -1px; right: -1px; position: absolute;}
.config-text .download .content { padding: .4em 2em 1.5em 2em; background: #287e61; text-align: center;}
.config-text .download .content p{ color: #fff; font-family: 'decorative'; font-size: 150%; }
.config-text .download .btn { margin-top: 1em; color: #fff26b; border-color: #fff26b; }
/*---*/
.config-text .highlight { margin-top: 1.1em; position: relative;}
.config-text .highlight-corner { width: 33px; height: 38px; background: url('img/icon-boxes-corner-b.png') no-repeat 0 0; z-index: 1; top: -1px; right: -1px; position: absolute;}
.config-text .highlight.style-a .content { padding: .2em 2em 1.7em 2em; font-style: italic; border: #287e61 .55em solid; background: #fafafa; text-align: center;}
.config-text .highlight.style-a .content p{ font-family: 'decorative'; font-size: 150%; }
.config-text .highlight.style-b .content { padding: 1.5em 2em 1.5em 2em; font-style: italic; border: #d7d4d4 .55em solid; }

/* FORMAT */
p{ }
strong{ font-weight: bold;}
em{ font-style: italic;}
sup{ font-size: smaller; vertical-align: super;}
small{ font-size: smaller;}


/*--------------------------------------------------------- 
  IMAGENES
-----------------------------------------------------------*/

/* IMAGEN */
.imagen{ margin: 0 auto; width: 100%; position: relative;}
.imagen .imagen_container{}
.imagen .imagen_container img{ width: 100%; height: 100%;}
/*---*/
.imagen.shadow .imagen_container{ -webkit-box-shadow: 4px 5px 0px 0px rgba(0,0,0,0.17); -moz-box-shadow: 4px 5px 0px 0px rgba(0,0,0,0.17); box-shadow: 4px 5px 0px 0px rgba(0,0,0,0.17);}
.imagen.circle img{ border-radius: 100%;}

/* COVER */
.cover img{ object-fit: cover; } /* indicar el height */
.fix-cover{ background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.fix-cover img{ opacity: 0;}

/* PROPORTION */
.proportion{ position: relative; width: 100%;}
.proportion:before{ content: ''; display: block; padding-top: 100%; } /* indicar el padding-top */
.proportion .proportion_container{ position: absolute; top: 0; left: 0;	bottom: 0; right: 0;}
.proportion .proportion_container .proportion_element{ height: 100%; }



/*--------------------------------------------------------- 
  EXTRAS (SEPARATOR, BOX, DECORATION)
-----------------------------------------------------------*/


/* SEPARATOR */
.separator.style-a{ margin: 2em 0; background: url('img/separator-a.png') repeat-x 50% 50%;}
.separator.style-a .separator_container{ margin: 0 auto; width: 8.3em; height: 0.35em; background-color: #287e61;}

/* BOX */
.box, .list-box { background-size: cover; background-position: 50% 50%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; position: relative;}
.box .box-decoracion, .list-box .list-box-decoracion{ width: 41px; height: 46px; background: url('img/icon-boxes-corner-a.png') no-repeat 0 0; z-index: 1; top: -1px; right: -1px; position: absolute;}
.box .box_container, .list-box .list-box_container{ }

/* FORM-BOX */
.form-box { background-size: cover; background-position: 50% 50%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; position: relative;}
.form-box .form-box-decoracion{ width: 41px; height: 46px; background: url('img/icon-boxes-corner-a.png') no-repeat 0 0; z-index: 1; top: -1px; right: -1px; position: absolute;}
.form-box .form-box_container{ }

/* NAV DOT (sliders/reviews) */
.nav-dot{ margin: 0 5px; background-color: rgba(256,256,256,0.9); width: 0.4em; height: 0.4em; border-radius: 100%; display: inline-block; cursor: pointer;}
.nav-dot.selected{ margin: -1px 5px; background-color: #000; width: 0.5em; height: 0.5em; }

/* OVERLAY */
.overlay { background: #fff; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; opacity: 100; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transform: translate3d(0, 0, 0); backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden;}
/*:hover .overlay { background: rgba(0,0,0,0.6);}*/

/* DECORATION */
.decoration { z-index: 10; position: absolute;}

/* TABLE (valign middle) */
.table{ width: 100%; display: table;}
.table .table-cell{ width: 100%; vertical-align: middle; display: table-cell;}



/*--------------------------------------------------------- 
  STYLE CLEAR
-----------------------------------------------------------*/

.style-clear .nota a, .style-clear .texto a, .style-clear .introduccion a, .style-clear .articulo a{ color: #fff !important;}
.style-clear .nota a:hover, .style-clear .texto a:hover, .style-clear .introduccion a:hover, .style-clear .articulo a:hover{ color: #fff !important;}
/*---*/
.style-clear .pretitulo .content{ color: rgba(255, 255, 255, 0.8) !important;}
.style-clear .titulo .content{ color: #fff !important;}
.style-clear .titulo .content a{ color: #fff !important;}
.style-clear .titulo .content a:hover{ color: #fff !important;}
.style-clear .subtitulo .content{ color: #fff !important;}
.style-clear .details{ color: #fff !important;}
.style-clear .details a{ color: #fff !important;}
.style-clear .details a:hover{ color: #fff !important;}
.style-clear .separator .content{ background-color: #fff !important;}
.style-clear .quote .content:before{ content: url('img/icon-quote-left_clear.png') !important;}
.style-clear .quote .content:after{ content: url('img/icon-quote-right_clear.png') !important;}
/*---*/
.style-clear .articulo { color: #fff !important;}
.style-clear .articulo strong { color: #fff !important;}
.style-clear .articulo ul li{ background-image: url('img/icon-lista-a_clear.png');}
.style-clear .articulo ul.true li{ background-image: url('img/icon-lista-c_clear.png');}
.style-clear .articulo ul.false li{ background-image: url('img/icon-lista-d_clear.png');}
.style-clear .articulo ul.warning li{ background-image: url('img/icon-lista-e_clear.png');}
.style-clear .articulo ol > li:before { color: #1d634b; background-image: url('img/icon-lista-b_clear.png');}
/*---*/
.style-clear .introduccion { color: #fff !important;}
.style-clear .texto { color: #fff !important;}
.style-clear .nota { color: rgba(255, 255, 255, 0.6) !important; }


/*--------------------------------------------------------- 
  HEADER-MAIN
-----------------------------------------------------------*/

#header-main{ background-color: #f4edec;}
#header-main .header_container{ padding-top: 2em; padding-bottom: 2em; position: relative;}
/*---*/
@media (max-width: 900px) { 
    #header-main .header_container{ }
}


/* header social */
#header-main .header-socialmedia{ margin-top: 0; text-align: center; position: static;}
/*---*/
@media (max-width: 900px) { 
    #header-main .header-socialmedia{ display: none; }
}

/* header menu top */
#header-main .header-menu-top{ margin-top: 0em; margin-bottom: 0;}
/*---*/
@media (max-width: 900px) { 
    #header-main .header-menu-top{ display: none; }
}

/* header phone */
#header-main .header-phone{ margin-left: .5em; padding: .25em 0 .25em .5em; border-left: 1px solid #333;}
#header-main .header-phone .phone-text{ color: #555; font-family: 'readable'; font-size: 0.85em; line-height: 1em; font-weight: bold; font-style: normal; text-transform: none; letter-spacing: .01em;}
/*---*/
@media (max-width: 900px) { 
}

/* header logo */
#header-main .header-logo{ margin: 0; float: left; max-width: 10.27em;}
#header-main .header-logo img{ margin: 0; width: 100%;}
/*---*/
@media (max-width: 900px) { 
    #header-main .header-logo{ margin: 0 auto; float: none; width: 100%;}
}

/* header slogan */
#header-main .header-slogan{ display: none; margin: .8em auto 0; padding: 0em;}
#header-main .header-slogan .slogan { color: #555; font-family: 'decorative'; font-size: 0.8em; line-height: 1.4em; font-weight: bold; font-style: normal; text-transform: uppercase; letter-spacing: .01em;}
/*---*/
@media (max-width: 800px) { 
}

/* header access */
#header-main .header-access{ display: none; margin: .8em auto 0; padding: 0em;}
/*---*/
@media (max-width: 800px) { 
}

/* header menú search */
#header-main .header-menu-search{ margin-top: 0; text-align: center; position: static;}
/*---*/
@media (max-width: 900px) { 
    #header-main .header-menu-search{ display: none; }
}

/* header menú main */
#header-main .header-menu-main{ float: right; padding-top: 6.5em; padding-bottom: 0; width: calc( 100% - 10.27em); }
/*---*/
@media (max-width: 900px) { 
    #header-main .header-menu-main{ display: none; }
}

/* header menú movil */
#header-main .header-menu-movil{ display: none; padding-top: 2em; padding-bottom: 0; }
/*---*/
@media (max-width: 900px) { 
    #header-main .header-menu-movil{ display: block;}
}


/*--------------------------------------------------------- 
  HEADER-LANDING
-----------------------------------------------------------*/

#header-landing{  }
#header-landing .header_container{ padding-top: 2em; padding-bottom: 1em; position: relative;}
/*---*/
@media (max-width: 900px) { 
    #header-landing .header_container{ padding-bottom: 0em;}
}


/* header social */
#header-landing .header-socialmedia{ margin-top: 0; text-align: center; position: static;}
/*---*/
@media (max-width: 900px) { 
    #header-landing .header-socialmedia{ display: none; }
}

/* header menu top */
#header-landing .header-menu-top{ margin-top: 0em; margin-bottom: 0;}
/*---*/
@media (max-width: 900px) { 
    #header-landing .header-menu-top{ display: none; }
}

/* header phone */
#header-landing .header-phone{ margin-left: .5em; padding: .25em 0 .25em .5em; border-left: 1px solid #333;}
#header-landing .header-phone .phone-text{ color: #555; font-family: 'readable'; font-size: 0.85em; line-height: 1em; font-weight: bold; font-style: normal; text-transform: none; letter-spacing: .01em;}
/*---*/
@media (max-width: 900px) { 
}

/* header logo */
#header-landing .header-logo{ margin: 0 auto; width: 100%; max-width: 14.3em;}
#header-landing .header-logo img{ margin: 0; width: 100%;}
/*---*/
@media (max-width: 800px) { 
}

/* header slogan */
#header-landing .header-slogan{ display: none; margin: .8em auto 0; padding: 0em;}
#header-landing .header-slogan .slogan { color: #555; font-family: 'decorative'; font-size: 0.8em; line-height: 1.4em; font-weight: bold; font-style: normal; text-transform: uppercase; letter-spacing: .01em;}
/*---*/
@media (max-width: 800px) { 
}

/* header access */
#header-landing .header-access{ display: none; margin: .8em auto 0; padding: 0em;}
/*---*/
@media (max-width: 800px) { 
}

/* header menú search */
#header-landing .header-menu-search{ margin-top: 0; text-align: center; position: static;}
/*---*/
@media (max-width: 900px) { 
    #header-landing .header-menu-search{ display: none; }
}

/* header menú main */
#header-landing .header-menu-main{ padding-top: 1em; padding-bottom: 0; }
/*---*/
@media (max-width: 900px) { 
    #header-landing .header-menu-main{ display: none; }
}

/* header menú movil */
#header-landing .header-menu-movil{ display: none; padding-top: 1em; padding-bottom: 0; }
/*---*/
@media (max-width: 900px) { 
    #header-landing .header-menu-movil{ display: block;}
}


/*--------------------------------------------------------- 
  FOOTER MAIN
-----------------------------------------------------------*/

#footer-main{ }
#footer-main .footer_container{ padding-top: 4em; padding-bottom: 2em; position: static;}

/* footer column */
#footer-main .footer-column{ }
#footer-main .footer-column_container{ }
/*---*/
#footer-main .footer-column-left{ float: left;}
#footer-main .footer-column-right{ float: right;}
/*---*/
#footer-main .footer-column-35{ width: 32%; margin-left: 2%; margin-right: 2%;}
#footer-main .footer-column-30{ width: 27%; margin-left: 2%; margin-right: 2%;}
#footer-main .footer-column-25{ width: 22%; margin-left: 2%; margin-right: 2%;}
#footer-main .footer-column-20{ width: 17%; margin-left: 2%; margin-right: 2%;}
#footer-main .footer-column-left{ margin-left: 0 !important;}
#footer-main .footer-column-right{ margin-right: 0 !important;}
/*---*/
@media (max-width: 800px) { 
}

/* footer logo */
#footer-main .footer-logo{ margin: 0 auto 0; width: 100%; max-width: 12em;}
#footer-main .footer-logo img{ margin: 0; width: 100%;}
/*---*/
@media (max-width: 800px) { 
}

/* footer social */
#footer-main .footer-socialmedia{ margin: 0 auto; width: 100%; text-align: right;}
/*---*/
@media (max-width: 800px) { 
}


/* footer menu footer */
#footer-main .footer-menu-footer{ margin: 0px; padding: 5px 0; width: 100%; text-align: right;}
	

/* footer separator */
#footer-main .footer-separator{ margin: .8em 0 1em; width: 100%;}
#footer-main .footer-separator .content{ margin: 0 auto; width: 2em; height: 0.35em; background: #d7d4d4; display: block;}
/*---*/
@media (max-width: 800px) { 
}

/*--------------------------------------------------------- 
  FOOTER BOTTOM
-----------------------------------------------------------*/

#footer-bottom { color: #cda59d;}
#footer-bottom .footer_container{ padding-top: 3em; padding-bottom: 2em; position: relative;}

/* footer enlaces */
#footer-bottom a{ color: #cda59d; text-decoration: none;}
#footer-bottom a:hover { color: #cda59d; text-decoration: underline;}


/* footer logo */
#footer-bottom .footer-logo{ padding-bottom: 1.5em; margin: 0; max-width: 6.94em;}
#footer-bottom .footer-logo img{ margin: 0; width: 100%;}
/*---*/
@media (max-width: 800px) { 
    #footer-bottom .footer-logo{ margin: 0 auto; }
}

/* footer social */
#footer-bottom .footer-socialmedia{ margin: 0; width: 100%; text-align: right; position: absolute; bottom: 2.3em; right: 0;}
/*---*/
@media (max-width: 800px) { 
   #footer-bottom .footer-socialmedia{ padding-bottom: 1.5em; text-align: center; position: static;}
}

/* footer creditos */
#footer-bottom .footer-creditos{ margin: 0; padding: 0; width: 100%; font-size: .65em; font-style: italic; letter-spacing: .1em;}
#footer-bottom .footer-creditos .credits{ display: inline-block;}
#footer-bottom .footer-creditos .credits.separator{ display: inline-block;}
#footer-bottom .footer-creditos .credits.fairstore{ display: inline-block;}
	
/* footer menu legal */
#footer-bottom .footer-menu-legal{ margin: 0; padding: 0; width: 100%; text-align: left;}
	
@media (max-width: 800px) {    
   #footer-bottom .footer_container{ text-align: center;}
   #footer-bottom .footer-creditos .credits{ display: block;}
   #footer-bottom .footer-creditos .credits.separator{ display: none;}
   #footer-bottom .footer-creditos .credits.faistore{ padding-top: 5px; display: block;}
   #footer-bottom .footer-menu-legal{ text-align: center;}
}


/*--------------------------------------------------------- 
  SEARCH
-----------------------------------------------------------*/

/* HEADER (PC) */
#header-pc .header-search{ }
#header-pc .header-search .form-search input[type=text]{
  margin: -2px 0 0;
  padding: 0 0 .3em; 
  font-size: .9em;  
  letter-spacing: 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #ddd;
  border-radius: 0px;  
  vertical-align: middle;
  width: 100%;  
}
#header-pc .header-search .form-search button[type=submit] {
  right: 0;
  top: auto;
  bottom: .5em;
}
#header-pc .header-search .form-search input[type=text]::-webkit-input-placeholder { color: #bbb; font-size: 1.1em; font-weight: bold; font-style: normal; text-transform: normal;  letter-spacing: 1px; opacity:  1;}
#header-pc .header-search .form-search input[type=text]::-moz-placeholder { color: #bbb; font-size: 1.1em; font-weight: bold; font-style: normal; text-transform: normal;  letter-spacing: 1px; opacity:  1;}
#header-pc .header-search .form-search input[type=text]:-ms-input-placeholder { color: #bbb; font-size: 1.1em; font-weight: bold; font-style: normal; text-transform: normal;  letter-spacing: 1px; opacity:  1;}
#header-pc .header-search .form-search input[type=text]:-moz-placeholder { color: #bbb; font-size: 1.1em; font-weight: bold; font-style: normal; text-transform: normal;  letter-spacing: 1px; opacity:  1;}


/* HEADER (MV) */
#menu-main-mv .menu-main-mv_result-search { display: none;}
#menu-main-mv .menu-main-mv_result-search input[type=text] { background-color: #fff;}




/*--------------------------------------------------------- 
  PAGINATION
-----------------------------------------------------------*/

/* pagination numbers */
.paginationnumbers { margin: 0; padding: 0; width: 100%; display: block;}
.paginationnumbers_container{ width: 100%;}
/*---*/
.paginationnumbers ul { width: 100%; position: relative;}
.paginationnumbers ul li { display: inline-block;}
/*---*/
.paginationnumbers ul li .page-numbers{ 
   margin: 0 0 .3em 0; padding: .5em .9em .45em; width: .9em; font-size: .8em;
   color: #000; font-weight: normal; font-family: 'decorative';
   line-height: 1em; text-transform: none; text-decoration: none; text-align: center; letter-spacing: .05em;
   border-radius: 0em;
   border: 1px solid #000; background-color: transparent;
   display: block;   
   -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;
}
.paginationnumbers ul li a.page-numbers{ color: #c19b96; border: 1px solid #c19b96; background-color: transparent; cursor: pointer;}
.paginationnumbers ul li a.page-numbers:hover{ color: #000; border-color: #000; }
.paginationnumbers ul li a.prev{ margin-right: .5em; padding-right: 1em; padding-left: 1em; width: auto; }
.paginationnumbers ul li a.prev:hover{ }
.paginationnumbers ul li a.next{ margin-left: .5em; padding-right: 1em; padding-left: 1em; width: auto; }
.paginationnumbers ul li a.next:hover{ }



/* pagination page */
.pagination-page { margin: 0; padding: 0; width: 100%; display: block;}
/*---*/
.pagination-page .column-left{}
.pagination-page .column-right{}
/*---*/
.pagination-page ul li{ display: inline-block; position: relative; }
.pagination-page ul li .pagination-btn { padding: .6em 1.2em; color: #692335; font-family: 'readable'; font-size: 0.65em; font-weight: normal; text-transform: uppercase; letter-spacing: .1em; border: 1px solid #f9e6e0; position: relative; display: block; text-decoration: none; }
.pagination-page ul li a.pagination-btn:hover { color: #111; background: #f9e6e0; text-decoration: none;} 
/*---*/
@media (max-width: 800px) { 
    .pagination-page { text-align: center;}  
    .pagination-page .column-left{ padding-top: .5em;} 
}



/* pagination comments */
.pagination-comments { margin: 0 auto 60px; width: 100%; text-align: center; position: relative; display: block;}
.pagination-comments a { display: inline-block;}
.pagination-comments a.prev { text-align: left; position: absolute; top: 0; left: 0;}
.pagination-comments a.next { text-align: right; position: absolute; top: 0; right: 0;}


/*--------------------------------------------------------- 
  SOCIALMEDIA 
-----------------------------------------------------------*/

.socialmedia li{ margin: 0 .05em 0 0; display: inline-block;}
.socialmedia.pure li{ margin: 0 .5em 0 0;}
/*---*/
.socialmedia li .icon{ width: 1.4em; height: 1.4em; float: left; display: block; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.socialmedia li .icon_container{ padding: 20%; text-align: center; display: block;}
.socialmedia li .icon svg{ height: 100%; width: 100%;}
.socialmedia li .icon path{ fill: #fff;}
/*---*/
.socialmedia li .text{ margin-right: 15px; padding: 8px 0 0 7px; font-style: italic; float: left; display: block;}
.socialmedia li a:hover .text{ text-decoration: underline;}
/*-- SHAPE --*/
.socialmedia.pure li .icon{ width: 2em; height: 2em; background-color: transparent !important; float: left; display: block;}
.socialmedia.pure li .icon_container{ padding: 0; text-align: center; display: block;}
/*---*/
.socialmedia.circle li .icon{ width: 2em; height: 2em; border-radius: 100%; float: left; display: block;}
.socialmedia.circle li .icon_container{ padding: 25%; text-align: center; display: block;}
/*---*/
.socialmedia.square li .icon{ width: 2em; height: 2em; border-radius: .6em; float: left; display: block;}
.socialmedia.square li .icon_container{ padding: 25%; text-align: center; display: block;}
/*---*/
.socialmedia.border li .icon{ border: .15em solid; background-color: transparent !important;}
/*---*/
.socialmedia.no-text li a .text{ display: none;}
/*-- STYLE --*/
.socialmedia.style-main li a .icon{ background-color: #cda59d; border-color: #cda59d; }
.socialmedia.style-main li a .icon path{ fill: #fff;}
.socialmedia.style-main.pure li a .icon path, .socialmedia.style-main.border li a .icon path{ fill: #cda59d;}
.socialmedia.style-main li a:hover .icon{ background-color: #000; border-color: #000; }
.socialmedia.style-main li a:hover .icon path{ fill: #fff;}
.socialmedia.style-main.pure li a:hover .icon path, .socialmedia.style-main.border li a:hover .icon path{ fill: #000;}
/*---*/



/*--------------------------------------------------------- 
  SHARELINKS 
-----------------------------------------------------------*/

.sharelinks li{ margin: 0 .05em 0 0; display: inline-block;}
.sharelinks.pure li{ margin: 0 .5em 0 0;}
/*---*/
.sharelinks li .icon{ width: 1.4em; height: 1.4em; float: left; display: block; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.sharelinks li .icon_container{ padding: 20%; text-align: center; display: block;}
.sharelinks li .icon svg{ height: 100%; width: 100%;}
.sharelinks li .icon path{ fill: #fff;}
/*---*/
.sharelinks li .text{ margin-right: 15px; padding: 8px 0 0 7px; font-style: italic; float: left; display: block;}
.sharelinks li a:hover .text{ text-decoration: underline;}
/*-- SHAPE --*/
.sharelinks.pure li .icon{ width: 2em; height: 2em; background-color: transparent !important; float: left; display: block;}
.sharelinks.pure li .icon_container{ padding: 0; text-align: center; display: block;}
/*---*/
.sharelinks.circle li .icon{ width: 2em; height: 2em; border-radius: 100%; float: left; display: block;}
.sharelinks.circle li .icon_container{ padding: 25%; text-align: center; display: block;}
/*---*/
.sharelinks.square li .icon{ width: 2em; height: 2em; border-radius: .6em; float: left; display: block;}
.sharelinks.square li .icon_container{ padding: 25%; text-align: center; display: block;}
/*---*/
.sharelinks.border li .icon{ border: .15em solid; background-color: transparent !important;}
/*---*/
.sharelinks.no-text li a .text{ display: none;}
.sharelinks.no-number li a .number{ display: none;}
/*-- STYLE --*/
.sharelinks.style-main li a .icon{ background-color: #cda59d; border-color: #cda59d; }
.sharelinks.style-main li a .icon path{ fill: #fff;}
.sharelinks.style-main.pure li a .icon path, .sharelinks.style-main.border li a .icon path{ fill: #cda59d;}
.sharelinks.style-main li a:hover .icon{ background-color: #000; border-color: #000; }
.sharelinks.style-main li a:hover .icon path{ fill: #fff;}
.sharelinks.style-main.pure li a:hover .icon path, .sharelinks.style-main.border li a:hover .icon path{ fill: #000;}
/*---*/


/*--------------------------------------------------------- 
  PAYMENTMETHODS  
-----------------------------------------------------------*/

.paymentmethods li{ margin: 0 .3em 0 0; width: 50px; height: 30px; background: url('img/sprite-icon-payment-methods.png') no-repeat 0 0; display: inline-block;}
.paymentmethods li.cirrus { background-position: 0 0;}
.paymentmethods li.diners-club { background-position: -50px 0;}
.paymentmethods li.discover { background-position: -100px 0;}
.paymentmethods li.e-gold { background-position: -150px 0;}
.paymentmethods li.mastercard { background-position: -200px 0;}
.paymentmethods li.paypal { background-position: -250px 0;}
.paymentmethods li.visa-electron { background-position: -300px 0;}
.paymentmethods li.visa { background-position: -350px 0;}
.paymentmethods li.western-union { background-position: -400px 0;}
.paymentmethods li.worldpay { background-position: -450px 0;}
.paymentmethods li.american-express { background-position: -500px 0;}
.paymentmethods li.maestro { background-position: -550px 0;}
.paymentmethods li.contrareembolso { width: 80px; background-position: -600px 0;}
.paymentmethods li.transferencia { width: 80px; background-position: -700px 0;}


/*--------------------------------------------------------- 
  GUARANTYSEALS
-----------------------------------------------------------*/

.guarantyseals li{ margin: 0 0 0 .4em; height: 2.4em; display: inline-block;}
.guarantyseals li img{ height: 2.4em;}



/*--------------------------------------------------------- 
  COOKIE legal
-----------------------------------------------------------*/
#cookie-legal { padding: 3px 20px; width: calc(100% - 40px); text-align:center; background-color:#dadada; border-top: 1px solid #ccc; bottom:0; position:fixed; z-index:1000;}
#cookie-legal .cookie-legal-texto{ padding: 5px 0; font-size: .7em; display: inline-block;}
#cookie-legal a.btn-cookie-legal{ 
   margin: .4em .4em .4em 0; padding: .7em .8em .7em; font-size: .60em; 
   font-weight: bold;
   line-height: 1em;   
   text-transform: uppercase;
   text-decoration: none; 
   letter-spacing: 1px;   
   border-radius: 3px;
   display: inline-block;
   cursor: pointer;
   -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;
}
#cookie-legal a.btn-cookie-legal-style-a{ background-color: #cca7a2; color: #fff;}
#cookie-legal a.btn-cookie-legal-style-a:hover{ background-color: #000; color: #fff; text-decoration: none;}
#cookie-legal a.btn-cookie-legal-style-b{ background-color: #c8c8c8; color: #333;}
#cookie-legal a.btn-cookie-legal-style-b:hover{ background-color: #aaa; color: #333; text-decoration: none;}


/*--------------------------------------------------------- 
  ESTRUCTURA
-----------------------------------------------------------*/

/* BLOQUE */
.bloque{ background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; float: none; clear: both;}
.bloque_container{ position: relative;}


/* WIDTH */
.width-100{ margin-left: auto; margin-right: auto; width: 100%; display: block;}
.width-90{ margin-left: auto; margin-right: auto; width: 90%; max-width: 1400px; display: block;}
.width-80{ margin-left: auto; margin-right: auto; width: 80%; max-width: 1300px; display: block;}
.width-70{ margin-left: auto; margin-right: auto; width: 70%; max-width: 1200px; display: block;}
.width-60{ margin-left: auto; margin-right: auto; width: 60%; max-width: 1100px; display: block;}
/*---*/
@media (max-width: 449px) { 
    .width-90{ width: 94%;}
    .width-80, .width-70, .width-60{ width: 88%;}
}
@media (min-width: 450px) and (max-width: 800px) { 
    .width-90{ width: 92%;}
    .width-80, .width-70, .width-60{ width: 86%;}
}
@media (min-width: 801px) and (max-width: 1023px) { 
    .width-80, .width-70, .width-60{ width: 82%;}
}
@media (min-width: 1024px) and (max-width: 1199px) { 

}

/* ALIGN*/
.align-left{ text-align: left;}
.align-right{ text-align: right;}
.align-center{ text-align: center;}
.align-center .nota, .align-center .texto, .align-center .introduccion, .align-center .articulo, .nota.align-center, .texto.align-center, .introduccion.align-center, .articulo.align-center{ margin-left: auto; margin-right: auto;}

/* CLEAR */
div.clear { float: none; clear: both; height: 0px;}

/* DISPLAY PC / MV */
@media (max-width: 800px) { 
	.display-pc{ display: none;}
}
@media (min-width: 801px) and (max-width: 1023px) { 
    .display-mv{ display: none;}
}
@media (min-width: 1024px) and (max-width: 1199px) { 
    .display-mv{ display: none;}
}
@media (min-width: 1200px) { 
    .display-mv{ display: none;}
}

/*--------------------------------------------------------- 
  COLUMNS
-----------------------------------------------------------*/

.column-left, .list-column-left{ float: left;}
.column-right, .list-column-right{ float: right;}
.column-invert .column-left, .column-invert .list-column-left{ float: right;}
.column-invert .column-right, .column-invert .list-column-right{ float: left;}
/*---*/
.column-80{ width: 76%;}
.column-75{ width: 72%;}
.column-70{ width: 67%;}
.column-65{ width: 62%;}
.column-60{ width: 57%;}
.column-50{ width: 47%;}
.column-40{ width: 37%;}
.column-35{ width: 32%;}
.column-33{ width: 30%;}
.column-33.column-middle{ margin-left: 4.5%;}
.column-30{ width: 27%;}
.column-25{ width: 22%;}
.column-20{ width: 19%;}
/*---*/
@media (max-width: 800px) { 
    .column-left, .list-column-left, .column-invert .list-column-left { margin: 0 auto; width: 100% !important; float: none !important;}
    .column-right, .list-column-right, .column-invert .column-right, .column-invert .list-column-right{ margin: 0 auto; width: 100% !important; float: none !important;}
    /*---*/
	.column-80, .column-75, .column-70, .column-65, .column-60, .column-50, .column-40, .column-35, .column-33, .column-30, .column-25, .column-20{ margin: 0 auto; width: 100% !important;}	
}


/* COLUMNS LISTADOS */
.columns-1 .column{ width: 100%; float: none; clear: both;}
/*---*/
.columns-2 .column{ width: 48%; float: left; clear: both;}
.columns-2 .column:nth-child(2n) { margin-right: 0; float: right; clear: none;}
/*---*/
.columns-3 .column{ margin-right: 3.5%; width: 31%; float: left;}
.columns-3 .column:nth-child(3n) { margin-right: 0; float: right; clear: none;}
.columns-3 .column:nth-child(4), .columns-3 .column:nth-child(7), .columns-3 .column:nth-child(10), .columns-3 .column:nth-child(13), .columns-3 .column:nth-child(16), .columns-3 .column:nth-child(19), .columns-3 .column:nth-child(22), .columns-3 .column:nth-child(25), .columns-3 .column:nth-child(28), .columns-3 .column:nth-child(31) { clear: both;}
/*---*/
.columns-4 .column{ margin-right: 2.5%; width: 23.1%; float: left;}
.columns-4 .column:nth-child(4n) { margin-right: 0; float: right; clear: none;}
.columns-4 .column:nth-child(5), .columns-4 .column:nth-child(9), .columns-4 .column:nth-child(13), .columns-4 .column:nth-child(17), .columns-4 .column:nth-child(21), .columns-4 .column:nth-child(25), .columns-4 .column:nth-child(29), .columns-4 .column:nth-child(33) { clear: both;}
/*---*/
.columns-5 .column{ margin-right: 2%; width: 18.4%; float: left;}
.columns-5 .column:nth-child(5n) { margin-right: 0; float: right; clear: none;}
.columns-5 .column:nth-child(6), .columns-5 .column:nth-child(11), .columns-5 .column:nth-child(16), .columns-5 .column:nth-child(21), .columns-5 .column:nth-child(26), .columns-5 .column:nth-child(31) { clear: both;}
/*---*/
@media (max-width: 380px) { 
    .columns-4 .column{ width: 100% !important; float: none !important; clear: both !important; margin-right: 0 !important;}
	.columns-5 .column{ width: 100% !important; float: none !important; clear: both !important; margin-right: 0 !important;}
}
@media (max-width: 449px) { 
    .columns-3 .column{ width: 100% !important; float: none !important; clear: both !important; margin-right: 0 !important;}
}
@media (max-width: 650px) { 
    .columns-2.splited .column{ width: 100% !important; float: none !important; clear: both !important; margin-right: 0 !important;}
}
@media (max-width: 800px) { 
	.columns-3 .column { width: 48%; float: left !important; clear: both !important; margin-right: 0 !important;}
	.columns-3 .column:nth-child(2n) { float: right !important; clear: none !important; margin-right: 0 !important;}
	.columns-3.splited .column{ width: 100% !important; float: none !important; clear: both !important; margin-right: 0 !important;}
	/*---*/
	.columns-4 .column { width: 48%; float: left !important; clear: both !important; margin-right: 0 !important;}
	.columns-4 .column:nth-child(2n) { float: right !important; clear: none !important; margin-right: 0 !important;}
	.columns-4.splited .column{ width: 100% !important; float: none !important; clear: both !important; margin-right: 0 !important;}
	/*---*/
	.columns-5 .column { width: 48%; float: left !important; clear: both !important; margin-right: 0 !important;}
	.columns-5 .column:nth-child(2n) { float: right !important; clear: none !important; margin-right: 0 !important;}
	.columns-5.splited .column{ width: 100% !important; float: none !important; clear: both !important; margin-right: 0 !important;}
}