/* Theme Name: SUNNER
Author: You Media
Author URI: http://www.youmedia.es
Description: Theme creado para SUNNER por You Media.
Version: 1.1
License: Copyrighted
*/

@import url('css/reset.css');
@import url('css/fonts.css');

/* Structure
//////////////////////////////////////////////////// */
html {background-color: #efb789;}

body {font: normal 1em/130% 'Gotham-Light', Arial, sans-serif; color: #000; background-color: #eeb688; height: auto; letter-spacing: -0.02em;
  text-rendering: optimizeLegibility; overflow-x: hidden;
 -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: 'liga', 'kern';
}

.wrapper {position: relative; margin: 0; outline:none; overflow-x: hidden; background-color: #dddddd}
    
.noscroll {overflow: hidden;}
.nofull {height: auto;}
.fullheight,  
.fullheight canvas { height: 100%; min-height: 820px;}

section {position: relative; overflow: hidden;}
.menu-hidden section {padding-left: 0;}

.ct {position: relative;}
.ct::before,
.ct::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 0; z-index: 0}

a {outline:none !important; color: #b20079; /*position: relative;*/ }

a, a svg {
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

a:hover {color: #ff6900} 

a.link {color: #b20079; font-family: 'Gotham-Medium'; text-transform: uppercase;}
a.link::before {content: '['}
a.link::after {content: ']'}
a.link:hover {color: #000;}

b, strong, .bold {font-weight: normal; font-family: 'Gotham-Medium'}
.semibold {font-family: 'Gotham-Book';}
.xbold {font-family: 'Gotham-Black'; letter-spacing: -0.06em}
.nobold,
.regular {font-family: 'Gotham-Light';}

.text-left {text-align: left;}
.text-justify {text-align: justify;}
.text-center {text-align: center;}
.text-right {text-align: right}

.text-xxsmall {font-size: 70%; line-height: 110%}
.text-xsmall, small {font-size: 80%; line-height: 110%}
.text-small {font-size: 90%; line-height: 120%}
.text-med {font-size: 110%; line-height: 130%}
.text-big {font-size: 120%; line-height: 120%}
.text-xbig {font-size: 130%; line-height: 120%}
.text-xxbig {font-size: 145%; line-height: 110%}
.text-xxxbig {font-size: 205%; line-height: 110%}
.text-huge {font-size: 400%; line-height: 110%}

.inline {display: inline !important;}

mark {color: #FFF; background: #b20079}
::-moz-selection {color: #FFF; background: #b20079; opacity: 1}
::selection {color: #FFF; background: #b20079}

abbr {text-decoration: none;}

.animado {visibility: hidden;}
/*html.touch .animado {
  -webkit-animation-name: none;
  animation-name: none;
}*/
.upper {text-transform: uppercase;}
.lower {text-transform: lowercase;}

.hidden {opacity: 0; visibility: hidden;
  -webkit-transition: all 0.8s ease-out;
  -moz-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}

/* Colores */
.greylight {color: #dedede !important}
.grey {color: #888888 !important}
.greydark {color: #626262 !important}
.black {color: #000 !important}
a.black:hover {color: #ff6900 !important}
.white {color: #FFF !important}
.orange {color: #ff6900 !important} 
.purple {color: #b20079 !important;}
.purple2 {color: #9D0781 !important;}
.pink {color: #ED075E !important;}
a.white:hover {color: #b20079 !important}

.bg-greylight,
.btn.greylight::after {background-color: #e9e9e9 !important;}
.bg-grey {background-color: #aeaeae !important;}
.bg-black {background-color: #000 !important;}
.bg-white {background-color: #FFF !important; color: #787878;}
.bg-orange {background-color: #ff6900 !important;}
.bg-purple {background-color: #b20079 !important;}

.bg-gradient {
  background: #b20079;
  background: -moz-linear-gradient(left, cover, #b20079 0%, #ff6900 100%);
  background: -webkit-linear-gradient(left, cover, #b20079 0%, #ff6900 100%);
  background: linear-gradient(to left, #b20079 0%, #ff6900 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6900', endColorstr='#b20079',GradientType=1 );
}

.bg-gradient2 {
  background: #430012;
  background: -moz-linear-gradient(left,  #430012 0%, #ff0110 5%, #ff611d 20%, #eeb688 35%, #eeb688 56%, #faa372 92%, #b7646d 100%);
  background: -webkit-linear-gradient(left,  #430012 0%,#ff0110 5%,#ff611d 20%,#eeb688 35%,#eeb688 56%,#faa372 92%,#b7646d 100%);
  background: linear-gradient(to right,  #430012 0%,#ff0110 5%,#ff6621 20%,#efb17c 35%,#eeb688 56%,#ff7f5f 92%,#b7646d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#430012', endColorstr='#b7646d',GradientType=1 );
}

.grayscale {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.fullwidth,
.fullwidth svg,
.fullwidth img,
.wp-block-image.size-full img {display: block; width: 100%; height: auto; max-width: 1000%;}

.fullscreen {overflow: hidden;}

/* Iconos rec */
i:not(.no-tran) {
    display: inline-block;  
    -ms-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; 
    position: relative;
}

.svg-ct {height: 100%; display: block;}
.svg-ct img {width: 100%; max-width: 1000%;}


/* Separadores */
/*hr {height: 0; left: 50%; clear: both; position: relative; width: 250px; margin:0 0 0 -125px; border-top: 1px solid #CCC; background: none; }*/
hr {
  -ms-transition: all 1s linear;
  -webkit-transition: all 1s linear;
  transition: all 1s linear; 
}

@-webkit-keyframes growing {
  from {
    width: 0;
  }
  to {
    width: 100%
  }
}

@keyframes growing {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

.growing {
  /*-webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;*/
  -webkit-animation-name: growing;
  animation-name: growing;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


/* Máscaras de imagen */
figure.img-mask {position: relative; overflow: hidden;}
figure.img-mask .mask {position: relative; margin: -1px 0;}
figure.img-mask .bg {position: absolute; top: -5%; left: -10%; width: 110%;
    -webkit-transition: 1s ease;
    transition: 1s ease; 
    /*-webkit-animation-delay: 0.2s;*/
    /*animation-delay: 0.2s;*/
}

/************************************************************************
    MENU
************************************************************************/
ul.menu {position: relative; z-index: 20; font-family: 'Gotham-Medium'}
ul.menu > li {display: inline-block; padding: 0 .5em; position: relative;}
ul.menu > li a {display: inline-block; text-transform: uppercase; text-decoration: none; cursor: pointer; position: relative;}

/* Menus del header */
.main-nav-ct {
  width: 100%;
  left: 102%;
  /*left: 0%;*/
  width: 84%;
  padding-left: 8%; 
  padding-right: 8%;
  background-size: 105%;
  font-size: 160%;
  line-height: 110%;
  height: 100%;
  top: 0;
  position: fixed; 
  z-index: 600;
  -ms-transition: left .6s ease-in-out;
  -webkit-transition: left .6s ease-in-out;
  transition: left .6s ease-in-out; 
}

.menu-wp,
.menu-ct {width: 100%;}
.menu-wp {display: flex; height: 100%; overflow: auto; align-items: center;}
.menu-ct {display: flex; justify-content: space-between;}

.site-navigation {width: 41%}

.menu-logo {max-width: 40%; display: block;}
.main-nav-ct ul.menu {font-family: 'Gotham-Medium';}
.main-nav-ct ul.menu > li {display: block; letter-spacing: -0.03em; margin: .4em 0;}
.main-nav-ct ul.menu > li:first-of-type {margin-top: 0}
.main-nav-ct ul.menu li a {color: #FFF;}
.main-nav-ct ul.menu li a:hover,
.main-nav-ct ul.menu li.current-menu-item a {color: #000}

.main-nav-ct .nav-social {position: absolute; left: 1em; bottom: 0}

/* Menu principal */
body.page-template-home .main-nav ul li.item-home {display: none;}

/* Menu trigger */
.nav-trigger,
.lang-navigation {display: block; position: fixed; top: 2em; right: 2em; cursor: pointer; width: 40px; height: 26px; z-index: 500;}

.btn-nav-icon,
.btn-nav-text {display: inline-block; vertical-align: middle;}
.btn-nav-icon {cursor: pointer;}

.btn-nav-icon i,
.btn-nav-icon i::after, 
.btn-nav-icon i::before {position: absolute; left: 0; height: 5px; width: 40px; 
  cursor: pointer; background-color: #000; 
  display: block; content: '';
  transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
}

.btn-nav-icon i::before {
  transform: translate3d(0,-9px,0);
  -webkit-transform: translate3d(0,-9px,0);
}
.btn-nav-icon i::after {
  transform: translate3d(0,9px,0);
  -webkit-transform: translate3d(0,9px,0);
}
.nav-trigger.active {z-index:600;}
.nav-trigger.active i::before {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.nav-trigger.active i::after {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.nav-trigger.active.hover i, .nav-trigger.active i {background-color: transparent!important;}

/* Hover & active state */
body.menu-open .main-nav-ct {left: 0;}

.nav-trigger:hover .btn-nav-icon i,
.nav-trigger:hover .btn-nav-icon i::before,
.nav-trigger:hover .btn-nav-icon i::after,
.nav-trigger.hover .btn-nav-icon i,
.nav-trigger.hover .btn-nav-icon i::before,
.nav-trigger.hover .btn-nav-icon i::after {background-color: #b20079;}

.nav-trigger.active .btn-nav-icon i::before,
.nav-trigger.active .btn-nav-icon i::after {background-color: #FFF;}
.nav-trigger.active:hover .btn-nav-icon i::before,
.nav-trigger.active:hover .btn-nav-icon i::after,
.nav-trigger.active.hover .btn-nav-icon i::before,
.nav-trigger.active.hover .btn-nav-icon i::after {background-color: #000;}

.touch .nav-trigger.active:hover .btn-nav-icon i::before,
.touch .nav-trigger.active:hover .btn-nav-icon i::after,
.touch .nav-trigger.active.hover .btn-nav-icon i::before,
.touch .nav-trigger.active.hover .btn-nav-icon i::after {background-color: #FFF;}

.touch .nav-trigger:hover .btn-nav-icon i,
.touch .nav-trigger:hover .btn-nav-icon i::before,
.touch .nav-trigger:hover .btn-nav-icon i::after,
.touch .nav-trigger.hover .btn-nav-icon i,
.touch .nav-trigger.hover .btn-nav-icon i::before,
.touch .nav-trigger.hover .btn-nav-icon i::after {background-color: #000;}

/*.nav-trigger.active {position: fixed;}*/
.nav-trigger.active a.btn-nav-text::after {width: 20px; height: 4px; 
  -webkit-transform: rotate(-45deg ) translate(14px, 6px);
  transform: rotate(-45deg ) translate(14px, 6px);
}

/*.main-nav-ct ul.menu li a::after, .nav-trigger a.btn-nav-text::after*/


/* Fixed */
/*.nav-trigger.nav-fixed {-webkit-box-shadow: 0 0 11px rgba(0,0,0,.2); -moz-box-shadow: 0 0 11px rgba(0,0,0,.2); box-shadow: 0 0 11px rgba(0,0,0,.2);}*/


/* Menú social + secundario
//////////////////////////////////////////////////// */
.nav-social {padding: 1em 0; }
.nav-social ul.menu > li {display: inline-block; margin: 0 0.3em 0 0; padding: 0}
.nav-social ul.menu > li > a {color: #000; text-transform: uppercase; padding-bottom: 0; font-size: 1.6em; text-decoration: none;}
.nav-social ul.menu > li > a:hover {color: #FFF;}
.nav-social i, .nav-social span {-webkit-transition: none; transition: none;} 
.nav-social i img {width: 32px; height: 32px;}

/* Menú de idioma */
.lang-navigation {top: 4.5em; color: #000; width: auto;}
.lang-navigation li {display: inline-block; position: relative; padding-right: 10px}
.lang-navigation li::after {content: ''; position: absolute; right: 0.1em; top: 0.2em; width: 2px; height: 1em; background: #000;}
.lang-navigation li:last-of-type {padding-right: 0px}
.lang-navigation li:last-of-type::after,
.lang-navigation .wpml-ls-menu-item .wpml-ls-flag {display: none;}
.lang-navigation a {color: #000; font-family: 'Gotham-Black'; text-align: center;
  display: block; width: 1.6em; height: 1.6em; text-indent: -10000px; position: relative; overflow: hidden;}
.lang-navigation li a:hover,
.lang-navigation li a:hover::before,
.lang-navigation li.wpml-ls-current-language a,
.lang-navigation li.wpml-ls-current-language a::before {color: #b20079;}
.lang-navigation a::before {content: ''; position: absolute; right: 0; top: 0; z-index: 60; color: #000; text-indent: 0; font-size: 1.1em}
.lang-navigation li.wpml-ls-item-es a::before {content: 'ES';}
.lang-navigation li.wpml-ls-item-en a::before {content: 'EN';}

/*body.dark-theme .lang-navigation,
body.dark-theme .lang-navigation li a:hover,
body.dark-theme .lang-navigation li a:hover::before,
body.dark-theme .lang-navigation li.wpml-ls-current-language a,
body.dark-theme .lang-navigation li.wpml-ls-current-language a::before,
body.page-template-productos .lang-navigation,
body.page-template-productos .lang-navigation li a:hover,
body.page-template-productos .lang-navigation li a:hover::before,
body.page-template-productos .lang-navigation li.wpml-ls-current-language a,
body.page-template-productos .lang-navigation li.wpml-ls-current-language a::before,
body.menu-open .lang-navigation,
body.menu-open .lang-navigation li a:hover,
body.menu-open .lang-navigation li a:hover::before,
body.menu-open .lang-navigation li.wpml-ls-current-language a,
body.menu-open .lang-navigation li.wpml-ls-current-language a::before {color: #FFF;}
body.dark-theme .lang-navigation a,
body.dark-theme .lang-navigation a::before,
body.page-template-productos .lang-navigation a,
body.page-template-productos .lang-navigation a::before,
body.menu-open .lang-navigation a,
body.menu-open .lang-navigation a::before {color: rgba(255,255,255,.6);}

/* Botón de scroll*/
//////////////////////////////////////////////////// */

.scroll-btn {display: inline-block; color: #b20079; z-index: 80; /*font-size: 120%;*/ height: 100px;}
.scroll-btn a {color: #b20079}
.scroll-btn span {display: block; width: 5px; height: 5px; 
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  margin: -1px 0 3px 7px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.scroll-btn span.arrow-one { margin-top: 6px; width: 15px; height: 15px; border-right: 4px solid white;
    border-bottom: 4px solid white; margin-left: 0;}

.scroll-btn span.arrow-two {margin-top: -3px; width: 9px; height: 9px; border-right: 3px solid white;
    border-bottom: 3px solid white; margin-left: 4px;}
/*.scroll-btn span.arrow-two { margin-top: 6px; width: 15px; border-right: 4px solid white;
    border-bottom: 4px solid white; margin-left: 0; height: 15px;}*/


.arrow-one,
.arrow-two,
.arrow-three {
    -webkit-animation: arrow-scroll 1s infinite;
    -moz-animation: arrow-scroll 1s infinite;
}

.arrow-one {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-direction: alternate;
}

.arrow-two {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-direction: alternate;
}

.arrow-three {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-direction: alternate;
}



@-webkit-keyframes arrow-scroll {
    0% {opacity: 0; }
    50% {opacity: .5; }
    100% {opacity: 1; }
}

@-moz-keyframes arrow-scroll {
    0% {opacity: 0; }
    50% {opacity: .5; }
    100% {opacity: 1; }
}

@-o-keyframes arrow-scroll {
    0% {opacity: 0; }
    50% {opacity: .5; }
    100% {opacity: 1; }
}

@keyframes arrow-scroll {
    0% {opacity: 0; }
    50% {opacity: .5; }
    100% {opacity: 1; }
}

/* Ratón */
.mouse-ct {width: 29px; height: 42px; position: fixed; top: 9em; right: 3em; z-index: 70}
.mouse-ct .mouse {width: 25px; height: 38px; border: 2px #000 solid; border-radius: 50px; background: #FFF}
/*.mouse-ct .mouse::after { content: ''; height: 17px; width: 1px; background: #000; position: absolute; left: 14px; top: 13px;}*/
.mouse-ct .scroller {position: absolute; height: 6px; width: 6px; left: 50%; top: 10px; transform: translateX(-50%); border-radius: 50px;
  background-color: #000; z-index: 15;
  animation : backAndForth 3.5s infinite ease-out;
}

@keyframes backAndForth {20% {top: 10px; } 60%, 80% {top: 26px; } 90% {top: 10px; } }



/* Scrollable
//////////////////////////////////////////////////// */ 
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: rgba(255,255,255,.1)}

/* Scroll Down
//////////////////////////////////////////////////// */
.dummy {position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 85%;}
#dummytop {max-height: 240px; height: 37%;}

/* Content
//////////////////////////////////////////////////// */

h1, h2, h3, h4, h5, h6, .entry-title, .entry-subtile {line-height: 1; font-weight: normal; letter-spacing: -0.05em; font-family: 'Gotham-Medium'; }

h1 {font-size: 4em; }
.entry-title {font-family: 'Gotham-Book'; font-size: 1.65em;}
h2, .entry-subtitle  {font-size: 1.3em; }
h3 {font-size: 1.1em; padding-top: 1.8em; padding-bottom: 0.3em; text-transform: uppercase; font-family: 'Gotham-Medium';}
.sec-text h3 {border-bottom: 1px solid #999; padding-bottom: 0.6em; margin-bottom: 0.6em; text-transform: none;}
h4 {font-size: 1.2em;}
h5 {font-size: 85%;}
h6 {font-size: 76%;}

a .title-imago {display: block;}
.title-imago .imago {width: 50px; margin: .4em 0 }
.title-imago .imago svg path {fill: #C3C4CA;}


p {margin: .5em 0}

/*ul + h3:first-of-type ,
ol + h3:first-of-type ,
p + h3:first-of-type  {padding-top: 1em}*/
h3 + h4 { margin-top: 0 }  
h3 + p,
h4 + p { margin-top: 0 !important }  

.floatLeft {float: left !important;}
.floatRight {float: right !important;}

/* Imagenes */
img.aligncenter {display: block; margin: 0 auto; clear: both; overflow: hidden;}
img.alignleft {float: left; margin: 0 3.7% 8px 0;}
img.alignright {float: right; margin: 0 0 8px 3.7%;}

/* Contenedores */
.container {margin: 0 auto; padding: 4em 0; width: 80%; max-width: 1880px; position: relative;}
.container.xsmall-width {width: 28%}
.container.small-width {width: 36%}
.container.inter-width {width: 50%}
.container.medium-width {width: 70%}
.container.big-width {width: 90%}
.container.full-width {width: 100%;/* max-width: 100%*/}

.entry-content,
.hidden-content {position: relative; z-index: 99;}
.hidden-content {display: none; clear: both;}
.entry-content img {max-width: 100%; height: auto}
.entry-content ul,
.entry-content ol {margin: 1em 2em 1em 4em;}
.entry-content ul ul,
.entry-content ul ol,
.entry-content ol ul
.entry-content ol ol {margin: .5em 1em .5em 3em;}
/*.entry-content ul {margin-left: 2em}*/
/*.entry-content ol {margin-left: 3.5em}*/
.entry-content ul li {position: relative; padding: 0 0 .5em 0; line-height: 100%}
.entry-content ol li {list-style-type: decimal;}
.entry-content ul li:last-of-type,
.entry-content ol li:last-of-type {padding-bottom: 0}
.entry-content ul:not(.no-bullets) li::before {content: '· '; color: #000; font-size: 140%; position: absolute; top: -0.1em; left: -.6em;} 
.text-center .entry-content ul li::before,
.entry-content.text-center ul li::before {position: static;}

.entry-content ul ol li::before {display: none;}

.entry-content p {margin: 1em 0; }
/*.entry-content p:last-of-type {margin-bottom: 0}*/
.container.entry-text {margin-top: 1em; margin-bottom: 1em;}
.entry-content .entry-text { margin-top: .8em;}
.entry-content .entry-container {max-width: 48%; margin-left: auto; margin-right: auto}
.entry-content h2 {padding-bottom: 1em; margin-top: 2.4em;}
.entry-content h3 {}
.entry-content h2 + p {margin-top: 0}

blockquote {padding: 1em 2em; clear: both; font-size: 110%; font-family: 'Gotham-Medium'; line-height: 100%;}
.entry-content blockquote {max-width: 35%;}
blockquote p {margin: 0}

/* FILAS Y COLUMNAS */
.row {clear: both; overflow: hidden; position: relative; display: block;}
.columns {display: flex;}

.col2-ct {
	-moz-column-count: 2;
	-moz-column-gap: 4em;
	-moz-column-rule: none;
	-webkit-column-count: 2;
	-webkit-column-gap: 4em;
	-webkit-column-rule: none;
}

[class^="col-"], 
[class*=" col-"] {float: left; margin: 0; padding: 0 !important}
/*.columns [class^="col-"], 
.columns [class*=" col-"] {float: none;}
*/
.col-1-6 {width: 16.66666%;}
.col-5-6 {width: 83.33333%;}

.col-1-5 {width: 20%;}
.col-2-5 {width: 40%;}
.col-3-5 {width: 60%;}
.col-4-5 {width: 80%;}

.col-1-3,
.col-2-6 {width: 33.33333%;}
.col-2-3,
.col-4-6 {width: 66.66666%;}

.col-2,
.col-2-4,
.col-3-6 {width: 50%;}

.col-1-4 {width: 25%;}
.col-3-4 {width: 75%;}

.flex-ct {display: flex; align-items: center; flex-wrap: wrap;}
.columns [class^="col-"],
.columns [class*=" col-"],
.flex-ct [class^="col-"], 
.flex-ct [class*=" col-"]{float: none;}

.flex-ct.text-center,
.flex-ct.align-center {justify-content: center; flex-wrap: nowrap;}
.flex-ct.valign-top {align-items: flex-start}
.flex-ct.valign-bottom {align-items: flex-end}

.columns [class^="col-"],
.columns [class*=" col-"] {display: inline-block;}




/* ALINEACION VERTICAL */
.vertical-align-container {height: 100%; width: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 99}
.vertical-align-ct {height: 100%; display: table !important; width: 100%}
.vertical-align-inner {display: table-cell !important; vertical-align: middle;}

/* PESTAÑAS / TABS 
//////////////////////////////////////////////////// */
.tabs {height: 100%; position: relative; clear: both;}
.tab-nav {position: relative; margin-top: 1em; clear: both; overflow: hidden; }
.tab-nav li {display: inline-block; color: #4e4e4e; font-family: 'Gotham-Medium'; font-size: 1.6em; text-transform: lowercase;}
.tab-nav li::after {content: '/'; display: inline-block;}
.tab-nav li a {color: #4e4e4e; padding: 0.6em 0.4em 0.4em 0.2em; }
.tab-nav li a i {
  -webkit-transition: color 0.4s ease;
  -moz-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
.tab-nav li.active a,
.tab-nav li a:hover {color: #b20079}

.tab-container .tab-title {border-bottom: 2px solid #4e4e4e; display: inline-block; text-transform: lowercase; padding: 0 4em 0.2em 2em}


/* ACORDEONES */
.expanded {}
.collapsed {}
.acc-container {padding: 2em}
.acc:not(.first) .acc-ct,
.acc2:not(.first) .acc2-ct {display:none; }
.acc .acc-title {margin: 1em 0}
.acc .acc-toggle,
.acc2 .acc2-toggle {cursor: pointer; 
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}
/*.acc-ct a {text-decoration: underline;}
.acc-ct a:hover {color: #000;}
*/

.acc2 .row {overflow: visible;}
.acc2.row-1 .acc2-ct .row::before {height: 16px; width: 16px; background: #b20079; border-radius: 50em; left: -31px; top: 4px; z-index: 10}
.acc2.row-1 .acc2-ct .row::after {height: 100%; width: 2px; background: #999; left: -24px; top: 0; z-index: 5}
.acc2.row-1 .acc2-ct .row:first-of-type::after {top: 4px}
.acc2.row-1 .acc2-ct .row:last-of-type::after {height: 16px}
.acc2 .acc2-ct h3 {padding: 0}

/* TABLAS */
table {width: 100%; border: 0; font-size: 80%; display: grid; overflow-x: auto; }
table caption {display: none;}
table th,
table td {padding: .5em .8em; color: #000; border-bottom: 1px solid #999;}
table td {background: #f6f6f6}
table th {border-bottom: 3px solid #b20079; font-family: 'Gotham-Medium'; background: none; font-size: 120%; }
table tr:nth-child(odd) td {background: #FFF}

.wp-block-table tbody {display: inline-table;}

/* EFECTOS DE IMAGEN
//////////////////////////////////////////////////// */
figure.zoomin img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}
a:hover figure.zoomin img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

/* MÁSCARAS DE IMAGEN 
//////////////////////////////////////////////////// */
.imgmask-ct {display: block;}
.imgmask-ct::before,
.imgmask-ct::after {opacity: 0;
  -ms-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  transition: all .4s ease; 
}
.imgmask-ct::before {z-index: 5; height: 100%; background-color: rgba(255,105,0,.3);/*background-color: rgba(178,0,121,.3);*/}
.imgmask-ct .imgmask-text {display: block; position: absolute; z-index: 10; color: #FFF; bottom: 0; left: 0; width: 86%; padding: 0 7% 2em 7%; }
.imgmask-ct .imgmask-text * {z-index: 50}
.imgmask-ct .imgmask-text .img-title {display: block; text-transform: uppercase; 
    font-size: 135%; padding-bottom: .2em; padding-top: 1em; max-width: 78%}
.imgmask-ct.mask-overlay::before {opacity: 1;}
.imgmask-ct::after {width: 60px; height: 60px; top: 50%; left: 50%; margin: -30px 0 0 -30px; z-index: 60; background: url('images/icons/plus-blanco.svg') no-repeat center; background-size: 40px; }

.hover .imgmask-ct img,
a:hover .imgmask-ct img,
a.imgmask-ct:hover img {z-index: 0;}
.hover .imgmask-ct::before,
a:hover .imgmask-ct::before,
a.imgmask-ct:hover::before,
.hover .imgmask-ct::after,
a:hover .imgmask-ct::after,
a.imgmask-ct:hover::after {opacity: 1}
.hover .imgmask-ct.mask-overlay::before,
a:hover .imgmask-ct.mask-overlay::before,
a.imgmask-ct.mask-overlay:hover::before {opacity: 0}
.hover .imgmask-ct .img-title,
a:hover .imgmask-ct .img-title,
a.imgmask-ct:hover .img-title {color: #FFF}

.hover .imgmask-ct::after,
a:hover .imgmask-ct::after,
a.imgmask-ct:hover::after {right: -3px;}


/* Page default / TEXT
//////////////////////////////////////////////////// */
.sec-default .header * {position: relative;}
.sec-default.sec-text > .container {padding-top: 20em;}
.sec-default .widget-area{display: none;}

/* ERROR404 page
//////////////////////////////////////////////////// */
/*body.error404 .wrapper {height: 100%}
section.sec-404 {min-height: 100%;}
*/

/* Header
//////////////////////////////////////////////////// */
.header {}
.header h1 {padding-bottom: 0}
.header h2 {}

.header.logo {position: absolute; top: 5em; left: 5em; width: 27em; height: 7em; z-index: 200}

/*.entry-summary {font-size: 135%; line-height: 1; padding: 0; color: #7a7a7a}*/

/* Footer
//////////////////////////////////////////////////// */

.footer {clear: both; color: #000; position: relative; z-index: 50; overflow: hidden; }
.footer a {color: #000}
.footer .current-menu-item a, .footer a:hover {color: #FFF}
.footer a:hover svg {fill: #FFF}

.footer .footer-ct {padding: 1.5em 0 0.5em 0; position: relative; font-family: 'Gotham-Medium'; font-size: 85%;
/* background: #edc3a8 url('images/pie.jpg') no-repeat center; background-size: cover;*/
  display: flex; align-items: start; justify-content: space-between; border-top: 2px solid #000;}
.footer .footer-logo {display: flex; margin-left: 2em;}
.footer .footer-logo figure svg {width: 8em; height: 2em; }
.footer .footer-logo span {margin-left: .5em;}
.footer .footer-navigation {overflow: hidden; }
.footer .footer-navigation ul.menu {padding: 0 2em;}
.footer .footer-nav {text-align: center}

/* BOTONES
//////////////////////////////////////////////////// */

/* Reseteamos el botón de Wordpres */
.wp-block-button__link {background: none; padding: 0; font-size: inherit;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.btn,
input[type="button"], input[type="reset"], input[type="submit"], button[type="button"], button[type="submit"],
.wp-block-button__link  {
    -webkit-appearance:none !important;
    border: 0; 
    position: relative;
    cursor: pointer;
    display: inline-block;	 
    line-height: 1;
    font-family: 'Gotham-Book';
    /*font-size: 140%;*/
    width: auto;
    color: #FFFFFF;
    background-color: #b20079;
    margin: 0;
    text-align: center;
    padding: 0.5em 1.4em .4em;
    z-index: 1;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: -0.03em;
    border: none;
    outline: none !important;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
} 

a.btn::after {bottom: .15em;}

/* Por defecto / Default */
.btn:hover, .btn:focus,
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button[type="button"]:hover, button[type="submit"]:hover,
input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button[type="button"]:focus, button[type="submit"]:focus,
.wp-block-button__link {
  background-color: #ff6900;
  color: #000;
}

.reverse {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.btn.bg-black {color: #FFF; padding: .8em 1.8em; font-size: 120%; }
.btn.bg-black:hover {background: #b20079 !important;}
    /*margin-top: 1em;}*/

/* Con skewed */
.skewed {position: relative; display: inline-block; padding: 10px 20px;}
.skewed + .skewed {margin-left: 15px;}
.skewed * {border: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; position: relative; z-index: 20}
.skewed::before,
.skewed::after {height: 100%; background: white; width: 20px;}
.skewed::before {left: -10px; 
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  transform: skew(-20deg);
}

.skewed::after {left: auto; right: -10px;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  transform: skew(-20deg);
}

/* Botones de Wordpress */
.wp-block-buttons {margin-top: 1em;}
.wp-block-buttons>.wp-block-button {margin-bottom: 0}
.wp-block-buttons.is-content-justification-right > .wp-block-button.wp-block-button, 
.wp-block-buttons > .wp-block-button.wp-block-button {margin-right: 0.6em;}
.wp-block-buttons>.wp-block-button:last-child {margin-right: 0}
.wp-block-button__link,
.wp-block-button__link:active, 
.wp-block-button__link:focus, 
.wp-block-button__link:visited {color: #000;}
.wp-block-button__link:focus, 
.wp-block-button__link:hover {color: #b20079;}
a.wp-block-button__link::after {bottom: 0.15em;}

/* Cerrar / Close */
.btn-close { position: absolute; top: 1em; right: 1em; z-index: 80; color: #000; text-align: center;}
.btn-close.btn {color: #FFF; width: 2em; height: 2em; line-height: 2em; padding: 0; border-radius: 100%;}
.btn-close:hover {color: #b20079}
.btn-close.btn:hover {color: #000}

/* Para acceder al contenido */
.btn-access-ct {position: absolute; bottom: 2em; left: 0; text-align: center; width: 100%; z-index: 90}
.btn-access-ct b {display: block; margin: .4em 0;}
.btn-access-ct a:hover {opacity: .65; color: #ABC0CB}
.btn-access-ct.access-down a {display: inline-block;
	animation: 1.4s ease-out normal none infinite floating;
	-webkit-animation: 1.4s ease-out normal none infinite floating
}
.btn-access-ct.access-down a {color: #FFF}

@-webkit-keyframes floating{0%{-webkit-transform:translateY(-8px)}50%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-8px)}}
@-moz-keyframes floating{0%{-moz-transform:translateY(-8px)}50%{-moz-transform:translateY(8px)}100%{-moz-transform:translateY(-8px)}}


/* Varios
//////////////////////////////////////////////////// */

.overlay {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.85); z-index: 510; 
	visibility: hidden; opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.overlay.inner {background: rgba(0,0,0,.8);}
.overlay.ov-blog {background: rgba(0,0,0,.6);}
.sec-prod .overlay.inner {background: rgba(0,0,0,.5);}

.overlay.active {position: fixed;}
.overlay.inner.active {position: absolute;}
/*.sec-prod .overlay.inner.active {background: rgba(0,0,0,.8);}*/

.clear {clear: both;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,*:first-child+html .clearfix{zoom:1}
.imagen {width: 100%;}
.mobile, .none {display: none;}
.hidden {visibility: hidden !important; opacity: 0 !important;}
.active {visibility: visible !important; opacity: 1 !important;}
.fixed {position: fixed;}
footer.fixed {bottom: 0}

.section-overlay {
    position: absolute;
    background: url('images/bgs/bg-dotted.png');
    height: 100%;
    width: 100%;
    z-index: 200;
    opacity: .4;
}

/* ==========================================================================
   Corección plugin de cookies
   ========================================================================== */

#cookie-law-info-bar {position: absolute; opacity: .9; font-size: .8em; line-height: 130%; z-index: 1500;}
/*#cookie-law-info-bar span {color: #000 !important;}*/
#cookie-law-info-bar .cli-plugin-button, 
#cookie-law-info-bar .cli-plugin-button:visited, 
#cookie-law-info-bar .medium.cli-plugin-button,
#cookie-law-info-bar .medium.cli-plugin-button:visited {
	-webkit-border-radius: 0;
		-moz-border-radius: 0;
		 -ms-border-radius: 0;
		  -o-border-radius: 0;
			  border-radius: 0;
	text-shadow: none; 
	border-bottom: 0
}


/* ==========================================================================
   COLORBOXES 
   ========================================================================== */

#cboxOverlay {background-color: #000;}
#cboxLoadedContent {border: none; background: #FFF}
#cboxClose {
    background: none;
    height: 38px;
    right: -10px;
    top: -38px;
    width: 38px;
    text-indent: 0;
    /*padding: 8px 10px 0;*/
    overflow: hidden;
    color: #FFF;
}

#cboxClose:before { content: 'X'; font-size: 32px; margin-bottom: 1.5em; font-weight: 600;
	display: inline-block;
/*	-ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg); 
    transform: rotate(45deg);*/
}
#cboxContent {margin-top: 40px;  background: #FFF;}

/* Título */
#cboxTitle {top: -42px; font-family: 'Gotham-Medium'; text-transform: uppercase; font-size: 40px; line-height: 40px;}
/*#cboxTitle {color: #7c64a4;}*/

/* Galería */
#cboxPrevious, #cboxNext, #cboxSlideshow {overflow: hidden;}
#cboxPrevious,
#cboxNext {background: none; text-indent: 0; width: 28px; height: 38px; 
		line-height: 38px; color: #b20079; }
#cboxPrevious {left: 4px;}
#cboxNext {right: 14px;}
#cboxPrevious:before,
#cboxNext:before {display: block; font-family: "icons"; font-size: 38px; /*text-shadow: 1px 2px 5px rgba(0,0,0,0.5);*/ }
#cboxPrevious:before {content: '\e802';}
#cboxNext:before {content: '\e80e';}
/*.gallery-colorbox #cboxTitle {position: absolute; top: auto; bottom: 0; left: 0; color: #FFF; background-color: rgba(0,0,0,.6); width: 96%; padding: 1em 2% 1.6em; text-transform: uppercase; letter-spacing: .03em; }*/

#cboxLoadingGraphic {background: url('images/loading.svg') no-repeat center center;}

/* Template page-lightbox */
#colorbox .wrapper {background: #FFF; height: auto; }
.page-colorbox#colorbox .entry-content {padding: 1.5em 4em 3em 4em; background: #FFF; margin-top: 2em; width: auto; float: none;
  text-align: inherit;
}
.page-colorbox#colorbox .entry-content hr {background-color: #FFF; margin: 0em 0 0;}
.page-colorbox#colorbox .entry-header {padding: 1em 0 1.4em 0; margin: 0}
.page-colorbox#colorbox .entry-header h2 {font-size: 2em; line-height: 100%; color: #ABC0CB; text-transform: uppercase;}
.page-colorbox#colorbox .entry-content h3 {font-size: 140%; padding-bottom: 0.6em;}
.page-colorbox#colorbox .entry-content p + h3:first-of-type {padding-top: 1em;}
.page-colorbox#colorbox .entry-content h4 {text-transform: uppercase; font-size: 110%; line-height: 100%; padding-bottom: 0.4em}

.lightbox-ct .entry-content a {color: #000; border-color: #000;}
/*.lightbox-ct h2 {font-size:150%; text-align: left}*/

.lightbox-ct{width: 40%;margin:0 auto; padding:3%; color: #000}
#cboxLoadedContent .lightbox-ct{width: 100%; margin: 0; padding:0; background:#fff;}
div.wpcf7-response-output{font-size:15px;}


/* Toogles 
//////////////////////////////////////////////////////*/
.btn-toggle {}
.btn-toggle span {display: none;}
.btn-toggle span.active {display: inline;}
.btn-toggle.active {}
.btn-toggle.active::after {}

.toggle-content {display: none }
.entry-content .toggle-content p:first-of-type {margin-top: 0}


/* Claims 
//////////////////////////////////////////////////////*/
.claim {padding: 0; margin: 0; text-transform: uppercase; font: normal 135%/1 '', sans-serif;}
.claim p::before, .claim p::after {display: none;}

.claim-bar {position: relative; color: #FFF; text-align: center; width: 100%; overflow: hidden;
    clear: both; overflow: hidden; }
.claim-bar .claim {padding: 1.4em; letter-spacing: .2em; font-size: 145%; float: none; position: relative; z-index: 10;
  text-shadow: 0 0 3px rgba(0,0,0,.4)
}

/* Videos
//////////////////////////////////////////////////// */
.video-item {display: block;}
.video-item::before {height: 100%; background-color: rgba(0,0,0,.3); z-index: 10;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.video-item .play-button {position: absolute; top: 50%; left: 50%; margin: -32px 0 0 -32px; width: 64px; height: 64px; color: #fff; z-index: 30}
.video-item:hover::before {background-color: rgba(0,0,0,0);}
.video-item .play-button:hover,
.video-item:hover .play-button {color: #b20079}

.bg-video {overflow: hidden; display: block;}
.bg-video video {width: 100%; height: auto; display: block;}

/* Formularios / FORMS
//////////////////////////////////////////////////////*/
input,
select,
textarea,
button:not(.mgbutton) {padding: .4em 0; background: none; color: #000; width: 100%; border: none; border-bottom: 2px solid #000; outline: none !important; 
  font-family: 'Gotham-Light'; text-transform: uppercase;
}

textarea {resize: none; height: 5em;}

input[type="text"],input[type="search"], textarea {-webkit-appearance: none; resize:none;}
input[type="checkbox"] {display: inline; width: auto;}

input:focus,
textarea:focus {border-bottom-color: #b20079; font-family: 'Gotham-Medium'; text-transform: none;}
select:focus {box-shadow: none; outline: none;}

input[type=button]:hover,
input[type="reset"]:hover,
input[type=submit]:hover,
input[type=button]:focus,
input[type="reset"]:focus,
input[type=submit]:focus {text-transform: uppercase; font-family: 'Gotham-Light'}
input[type=button]:disabled,
input[type="reset"]:disabled,
input[type=submit]:disabled,
input[type=button]:disabled:hover,
input[type="reset"]:disabled:hover,
input[type=submit]:disabled:hover,
input[type=button]:disabled:focus,
input[type="reset"]:disabled:focus,
input[type=submit]:disabled:focus {opacity: .6;}


/* Alineación */
.text-center input,
.text-center select,
.text-center select option,
.text-center textarea {text-align: center}

/* Changing behaviour in Safari because of contacts-auto-fill*/
input::-webkit-contacts-auto-fill-button,
input::-webkit-credentials-auto-fill-button {
    background-color: #b20079 !important;
    margin-top: 4px !important;
    right: .5em !important;
    position: absolute !important;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    transition: background-color .2s ease;
}

input::-webkit-contacts-auto-fill-button:hover,
input::-webkit-credentials-auto-fill-button:hover {
    background-color: #b20079 !important;
}

input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 100000px #FFF inset !important;
    /*border-color: #000;*/
    -webkit-text-fill-color: #000 !important;
}

.sec-contacto input:-webkit-autofill, 
.sec-contacto textarea:-webkit-autofill, 
.sec-contacto select:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 100000px #000 inset !important;
    /*border-color: #000;*/
    -webkit-text-fill-color: #FFF !important;
}

input::selection,
textarea::selection,
select::selection {-webkit-text-fill-color: #000 !important;}

option {-moz-appearance: none;}

select {width: 100%; background: #dedede url('images/icons/plus-rd-blue.svg') no-repeat 97%; background-size: 20px; 
  padding-right: 60px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
select:focus {background-image: url('images/icons/minus-rd-blue.svg');}

label {display: none; margin: .4em 0 0 0; text-transform: uppercase; font-size: 80%; font-family: ''}
/*

.input {margin: 1em 0;}
.wpcf7-form p {margin: 1em 0;}
*/
/*input[type=checkbox],
input[type=radio] {display: inline-block; width: auto; margin-right: .4em; vertical-align: middle; }
*/

input[type=checkbox],
input[type=radio] {
  opacity: 0;
  position: absolute;
  z-index: 50;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.checkbox label, .radio label {display: inline; text-transform: none; font-weight: 400; font-size: 100%;}

.entry-comments input[type=checkbox],
.acceptance input[type=checkbox] {
  opacity: 1;
  width: auto;
  height: auto;
  position: relative;
  display: inline-block;margin-right: 6px;
  /*vertical-align: text-bottom;*/
}
.acceptance label,
.entry-comments label {}

.checkbox .wpcf7-list-item,
.radio .wpcf7-list-item {
  width: 10px;
  height: 10px;
  background: #CCC;
  margin: 0 .8em;
  position: relative;
  border-radius: 100%;
}

.acceptance.checkbox .wpcf7-list-item,
.acceptance.radio .wpcf7-list-item {background: none; width: auto; margin: 0}

.recaptcha {margin-top: 8px;}

.radio .wpcf7-list-item {width: auto; height: auto; background: none; margin: 0}
.radio .wpcf7-list-item .wpcf7-list-item-label {margin: 0 1em 0 2em;}

.checkbox .wpcf7-list-item .wpcf7-list-item-label,
.radio .wpcf7-list-item .wpcf7-list-item-label::before {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transition: all .5s ease;
  cursor: pointer;
  position: absolute;
  top: -3px;
  left: -3px;
  background: #CCC;
  text-indent: -3000px;
}

.radio .wpcf7-list-item .wpcf7-list-item-label::before {
  content: ''; top: 2px; left: 0;
}

/*.radio .wpcf7-list-item .wpcf7-list-item-label::after {
  content:''; width: 14px; height: 14px; top: 4px; left: 2px;
}*/

input[type=checkbox]:checked + .wpcf7-list-item-label,
input[type=radio]:checked + .wpcf7-list-item-label::before{
  background: #b20079;
}


/* Campos agrupados */
div.group-input span,
div.group-input .input {width: 50%; display: inline-block; vertical-align: top; }
div.group-input span span.wpcf7-not-valid-tip {width: 100%}
div.group-input span:last-of-type {margin-right:0;}

/*.input.acceptance {padding-bottom: 0;}*/
.acceptance input[type=checkbox] {opacity: 1; width: auto; height: auto; position: relative; display: inline-block; }
.acceptance span.wpcf7-list-item {margin-left: 0;}
.acceptance label {display: inline; text-transform: none; font-weight: 200}

/* Estilos del CONTACT 7 FORM */
div.wpcf7 {position: relative;}
.entry-content div.wpcf7 p.input {margin: 0.4em 0}
span.wpcf7-not-valid-tip {margin: 0; color: #000; display: inline-block; text-transform: uppercase;
  background-color: #ff6900; padding: .3em 1em; font-size: 85%; line-height: 110%;}
.acceptance span.wpcf7-not-valid-tip,
.radio span.wpcf7-not-valid-tip {display: inline;}

span.wpcf7-not-valid-tip::before {content: '↑'; padding-right: 4px;}
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok,
div.wpcf7-response-output {
    background: #b20079;
    background: -moz-linear-gradient(left, cover, #b20079 0%, #ff6900 100%);
    background: -webkit-linear-gradient(left, cover, #b20079 0%, #ff6900 100%);
    background: linear-gradient(to left, #b20079 0%, #ff6900 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6900', endColorstr='#b20079',GradientType=1 );
    color: #FFF; border: 0 !important; bottom: 0; left: 0;  position: fixed;
    width: 84%; z-index: 520; margin: 0 !important; padding: 1em 8% !important; line-height: 110%; font-size: 100%; text-align: center;
    -webkit-border-radius: 0; font-family: 'Gotham-Medium';
    border-radius: 0;}
div.wpcf7-mail-sent-ok {background: #b20079; color: #FFF}
div.wpcf7 .ajax-loader {background: url('images/loading.svg') no-repeat center; 
  width: 50px; height: 50px; position: absolute; top: 0; left: 50%; margin: -50px 0 0 -25px; background-size: 50px; opacity: 1;
}
.wpcf7 .ajax-loader::before {display: none;}

/* Placeholder */
::-webkit-input-placeholder {color: #FFF;}
:-moz-placeholder {color: #FFF; opacity: 1;}
::-moz-placeholder {color: #FFF; opacity: 1;}
:-ms-input-placeholder {color: #FFF;}

/* Por páginas
//////////////////////////////////////////////////// */

/* //// HOME 
///////////////////////////////////////////////*/
.home-top {position: relative; z-index: 10; background: url('images/home/top.jpg') no-repeat center top; background-size: 100%}
.home-top figure a {display: block;}
.home-top figure a:hover {opacity: .6}
.home-top .container {position: absolute; left: 0; top: 0; padding-top: 16%; padding-bottom: 2em; max-width: 100%;}
.home-logo {height: 8.5em; margin:5.5em auto 2em}
.home-products {position: relative;}
.home-summary {position: absolute; width: 26%; top: 4em; right: 10%; font-size: 110%; line-height: 110%; letter-spacing: -0.05em;
  letter-spacing: -0.05em;  font-family: 'Gotham-Bold'; }
.home-summary li {padding-bottom: .5em; position: relative;}
.home-summary li::before {content: '\e817'; font-family: 'icons'; font-size: .5em; color: #7c1132;position: absolute; left: -1.6em;}
.home-products .products {width: 58%; margin: 0 5%}
.home-products .home-title {font-size: 2.25em; position: absolute; right: 6%; bottom: 27%;}
/*.home-subtitle {color: #c7c7c7; position: absolute; bottom: 18%; right: 3.5%; font-size: 195%;}*/
.home-summary .home-subtitle {font-size: 127%; color: rgba(255,255,255,.5); padding-top: 0.4em;}


.nav-products {font-size: 170%; line-height: 1; font-family: 'Gotham-Bold';}
.sec-home .nav-products .products-ct {position: relative;}
.sec-home .nav-products ul {}
.sec-home .nav-products ul li {text-align: center; position: absolute; bottom: 0}
.sec-home .nav-products ul li.prod-tcu,
.sec-home .nav-products ul li#prod-135,
.sec-home .nav-products ul li#prod-233 {bottom: 19%; left: 62%;}
.sec-home .nav-products ul li.prod-hsu,
.sec-home .nav-products ul li#prod-146,
.sec-home .nav-products ul li#prod-234 {bottom: 0; left: 38%}
.sec-home .nav-products ul li.prod-ncu,
.sec-home .nav-products ul li#prod-149,
.sec-home .nav-products ul li#prod-235 {bottom: 41%; left: 3%}
.nav-products ul li {display: inline-block !important}
.nav-products ul li a.btn {background-color: #7c1132; text-transform: none; font-size: 50%; font-family: 'Gotham-Bold'; padding: 0.2em .5em; margin-top: 1.2em}
.nav-products ul li a.btn:hover,
.nav-products ul li a.btn:focus {background-color: #ff9852; color: #FFF;}
.sec-home .nav-products ul li a.btn {margin-top: 0;}
.sec-home .nav-products ul li a.btn:hover {margin-top: 1.6em;}

.home-center {margin: 2em 0 0 0}
.home-bottom .home-title {font-size: 2.45em; padding-bottom: .2em;}
.home-title a {color: #000}
.home-title a:hover {color: #7c1132}

.home-bottom {background: url('images/home/bottom.jpg') no-repeat bottom right; background-size: 100%; padding-bottom: 19em;}
/*.home-bottom .col-2 {float: none;}*/
.home-bottom .container.columns {padding-top: 0; justify-content: center;}
/*.home-bottom > .container {padding-top: 0}*/
/*.graph-sunner .st0{opacity:0.65;}
.graph-sunner .st1{opacity:0.19;}
.graph-sunner .st2{fill:#1E3F57;}
.graph-sunner .st3{fill:#FFFFFF;}
.graph-sunner .st4{fill:none;stroke:#ED075E;stroke-width:10;stroke-miterlimit:10;}
.graph-sunner .st5{fill:none;stroke:#9D0781;stroke-width:10;stroke-miterlimit:10;}
.graph-sunner .st6{fill:none;stroke:#140B3F;stroke-width:2;stroke-miterlimit:10;}
.graph-sunner .st7{fill:#14093F;}
.graph-sunner .st8{font-family:'Gotham-Black';}
.graph-sunner .st9{font-size:172%;}
.graph-sunner .st10{font-family:'Gotham-Medium';}
.graph-sunner .st11{font-size:100%;}*/
/*.graph-sunner .st12{letter-spacing:-0.1em;}*/

.graph-sunner .st0{opacity:0.65;}
.graph-sunner .st1{opacity:0.19;}
.graph-sunner .st2{fill:#1E3F57;}
.graph-sunner .st3{fill:#FFFFFF;}
.graph-sunner .st4{fill:none;stroke:#140B3F;stroke-width:2;stroke-miterlimit:10;}
.graph-sunner .st5{fill:none;stroke:#ED075E;stroke-width:10;stroke-miterlimit:10;}
.graph-sunner .st6{fill:none;stroke:#9D0781;stroke-width:10;stroke-miterlimit:10;}
.graph-sunner .st7{fill:none;stroke:#F74F00;stroke-width:10;stroke-miterlimit:10;}
.graph-sunner .st8{fill:#14093F;}
.graph-sunner .st9{font-family:'Gotham-Black';}
.graph-sunner .st10{font-size:172%;}
.graph-sunner .st11{font-family:'Gotham-Medium';}
.graph-sunner .st12{font-size:100%;}

.is-english .graph-sunner .txt_products {transform: matrix(1, 0, 0, 1, 44.3162, 236.913);}
.is-english .graph-sunner .txt_developed {transform: matrix(1, 0, 0, 1, 36.9162, 249.613);}
.is-english .graph-sunner .txt_years {transform: matrix(1, 0, 0, 1, 235.411, 236.913);}
.is-english .graph-sunner .txt_continents {transform: matrix(1, 0, 0, 1, 134.879, 385.828);}

.h-scroll {width: 64px; background: #fff; height: 64px; border-radius: 100%; line-height: 80px; position: absolute; top: 12em;}
.h-scroll .h-scroll-icon {width: 22px;
  -webkit-animation-name: wobble;
  animation-name: wobble;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Noticias */
.sec-home .row-news {padding: 0;}
.row-news-header {position: relative; padding: 4em 0 0; display: flex; justify-content: flex-end; }
.row-news-header .news-header-ct {}
.row-news-header h3 {border-bottom: 2px solid #000; padding-right: 7em; padding-bottom: 0.2em;}
.row-news .btn:hover {color: #000;}
.row-news .noticia-item {padding-bottom: 0}

/* Subvenciones */
.subvencion {background: #fff; overflow: hidden; padding: 2em 10%; text-align: center; border-top: 1px solid #eaeaea}
.subvencion img, .subvencion .subvencion-text {display: inline-block; vertical-align: middle; }
.subvencion img {max-height: 6em;}
.subvencion .subvencion-text {width: 42%; margin-left: 3%; text-align: left;}

/* //// SOMOS
///////////////////////////////////////////////*/
body.page-template-somos .header.logo {width: 37em; height: 10em;}
.sec-somos {background: url('images/somos/bg.jpg') no-repeat center bottom; background-size: 100%; padding-top: 10em; padding-bottom: 22em;}
.sec-somos .container {padding-bottom: 0}
.sec-somos .entry-title {padding-bottom: 0}
.sec-somos .graph-sunner {margin-top: 6em;}

/* //// ELECTRONICITY 
///////////////////////////////////////////////*/
body.page-template-electronicity .header.logo {left: 50%; margin-left: -13.5em;}
.sec-electronicity {background: url('images/home/bottom.jpg') no-repeat bottom right; background-size: 100%; padding-top: 10em; padding-bottom: 19em;}
/*.sec-electronicity .animado {visibility: visible}*/

.sec-electronicity .container {padding-bottom: 0;}
.sec-electronicity > .container {padding-top: 0}
.sec-electronicity .graph-electronicity {padding-top: 13em;}
.graph-electronicity .columns {align-items: center;}
.graph-electronicity .logo-sunner {float: right; width: 88%}
.graph-electronicity .feat-icon {width: 36%; height: auto;}
.graph-electronicity p {margin: 0}
.graph-electronicity hr {height: 4px; background-color: #b20079; margin: 1em 0}

.electronicity-claim {opacity: .4}

.electronicity-bottom h2,
.electronicity-bottom h3 {font-family: 'Gotham-Book'; text-transform: none;}
/*.electronicity-bottom h2 {font-size: 1.65em}*/
.electronicity-bottom h3 {font-size: 1.5em; padding-top: 0.4em;}
.electronicity-bottom .entry-title {/*border-bottom: 3px solid #b20079; padding-bottom: 0.4em; */padding-top: 2em; }

.feat-icon {width: 4.2em; height: 4.2em;}
.text-center .feat-icon,
.feat-nav .feat-icon {margin:0 auto;}
.feat-item {padding-bottom: 1em !important;}
.feat-nav {flex-flow: wrap;}
.productos-top .feat-nav {justify-content: flex-end; flex-wrap: wrap-reverse}
.feat-nav .feat-desc {margin: 0 8%; display: block;}
.feat-nav .feat-desc small {display: block;}
.prod-caract-list .feat-nav .feat-desc small {line-height: 130%}
.feat-item ul {margin-left: 1em; margin-right: 1em;}

/* PRODUCTO //// 
///////////////////////////////////////////////*/
body.page-template-productos .header.logo {left: 50%; margin-left: -13.5em;}
.sec-productos {background: url('images/productos/bg.jpg') no-repeat center top; background-size: 100%}
.sec-productos .productos-body {position: absolute; top: 13em; left: 29%;}
.productos-main.columns {padding-top: 17em; align-items: flex-end; padding-bottom: 4em;}
.productos-main .productos-top > .container {width: 96%; margin-right: 4%; padding-bottom: 0}
.productos-main .productos-top .entry-summary {padding-bottom: 3em;padding-right: 1em;}
.productos-main .products {margin-left: -10%; width: 60%;}
.productos-main .nav-products {margin-top: 1.6em;}
.productos-main .nav-products .columns {justify-content: space-between;}

.producto-title span.nobold,
.nav-products li span.nobold {display: block; padding-top: .35em;}

/* Fichas */
.producto-ficha {background-color: #FFF; position: relative;
  -webkit-transition: all .4s linear;
  -moz-transition: all .4s linear;
  transition: all .4s linear;
}
.producto-ficha .btn-close.btn {background-color: #7c1132}
.producto-ficha .btn-close.btn:hover,
.producto-ficha .btn-close.btn:focus {background-color: #ff9852; color: #FFF}
.producto-ficha .producto-title {font-size: 2.8em;}


/* NAVEGACIÓN CATEGORÍAS y LISTADO NUEVO */


.producto-show .productos-body,
.sec-productos-list .productos-body {padding-bottom: 25em;}
.nav-prod ul.menu {column-gap: 2.2em; align-items: start; flex-wrap: wrap;}
.nav-prod ul li.item {vertical-align: top; width: 22.5%; padding: 0}
.nav-prod ul li.item span:not(.none) {display: block;}
.nav-prod ul li.item img {margin: 0 auto; border: 1px solid #CCC;}
.nav-prod.nav-prod-categories ul li.item img {filter: brightness(0); border: 0;max-width: 60%; }
.nav-prod ul li.item a {color: #000}
.nav-prod:not(.nav-prod-categories) a .producto-body br {display: none}
.nav-prod ul li.item span.more-link {display: inline-block;}

/* //// MAPA 
///////////////////////////////////////////////*/
.sedes-container {position: relative; padding-top: 2em;}
.sedes-container .address-item {position: absolute; width: 10em; margin-left: -2.5em;}
.sedes-container .address-item .icon-dot::before {font-size: 100%;}
.sedes-container .address-item h3 {padding: .3em 1em; color: #FFF; background-color: #b20079; /*font-family: 'Gotham-Light';*/ display: inline-block;
  font-size: 85%;
}
.sedes-container .address-item h3::after {height: 6em; width: 1px; background-color: #b20079; }
.sedes-container .address-item.address-spain {top: 20.4%; left: 44.1%}
.sedes-container .address-item.address-india {top: 36%; left: 66.6%;}
.sedes-container .address-item.address-china {top: 30.6%; left: 75.6%;}
.sedes-container .address-item.address-usa {top: 25.4%; left: 14.7%;}


/* //// NOTICIAS 
///////////////////////////////////////////////*/
.noti-list-container {display: flex; justify-content: center; align-items: flex-start;}

/* Listado */
.noti-list-ct {margin-left: -2%; margin-right: -2%}
.noticia-item {margin: 0 2%; display: inline-block; width: 28.9%; color: #000; vertical-align: top; padding-bottom: 6em;}
a.noticia-item *:not(.none) {display: block}
a.noticia-item:hover {color: #000;}

.noticia-item .noticia-meta {padding: 2.4em 0 0 }
.noticia-item:nth-child(3n) .noticia-meta {padding-right: 0.5em}
.noticia-meta span {display: inline;}

.noticia-item .noticia-body {padding: 1.4em 0 2.4em; letter-spacing: -0.03em;}
.noticia-title {font-size: 1.4em; line-height: 110%; font-family: 'Gotham-Medium'; font-style: italic;}
.noticia-excerpt {margin-top: 1.6em; line-height: 110%;}
.noticia-content .more-link .inline {opacity: 0}

/* Página listado */
.sec-blog {padding-top: 5.5em;}
.sec-blog .entry-summary {width: 30%; margin-left: 55.5%}
.sec-blog > .container {padding-bottom: 0}
.noti-list {padding-bottom: 4em; overflow: hidden; z-index: 20}

.noticia-item.noticia-featured {width: 100%; margin: 0; border-bottom: 3px solid #CCC; overflow: hidden; padding-bottom: 2em;}
.noticia-item.noticia-featured .noticia-content {padding: 0}
.noticia-item.noticia-featured .noticia-meta {padding-top: 0}
.noticia-item.noticia-featured .noticia-title {font-size: 2.2em; padding-bottom: 0.5em;}
/*.noticia-item.noticia-featured .noticia-title::after {width: 33%; height: 2px; top: auto; bottom: 0; background-color: #CCC}*/
.noticia-item.noticia-featured * {position: relative;}

/* Archivos */
.sec-blog.blog-archive h1.entry-title {padding-bottom: 2em;}
.sec-blog.blog-archive .header-ct {display: flex; justify-content: space-between; align-items: flex-end}
.sec-blog.blog-archive > .container {padding-bottom: 0}

/* Noticia ampliada */
.sec-blog.blog-archive,
.sec-blog.blog-show {padding-top: 10.5em}
/*.blog-show .noticia-item.noticia-featured::before { width: 40%; height: 100%; top: auto; bottom: -2em; background: url('images/logos/imago-gris-xclaro.svg') no-repeat bottom left; background-size: 100%; }*/
.blog-show article {position: relative; z-index: 20}
.blog-show article > .container {padding-bottom: 0; padding-top: 1em;}
.blog-show .noticia-body h2 {font-size: 140%; color: #888; padding-top: 1em; padding-bottom: .4em;}
.blog-show .noticia-body h3 {font-size: 130%;}

.blog-show .wp-block-image img {display: block;}
.blog-show .wp-block-image figcaption {background-color: #eee; margin: 0; padding: .5em .5em .2em; border-bottom: 1px solid #ccc; text-align: center; font-size: 85%; font-family: 'Gotham-Medium';}

.row-news .container {padding-top: 0}

.post-navigation {display: flex; justify-content: space-between; align-items: flex-end; margin-top: 1em;}
.post-navigation {align-items: center;}
.post-navigation .previous {margin-right: 1em;}
.post-navigation .next {margin-left: 1em}

/* Archivos no encontrados */
.no-entries {min-height: 310px;}

/**************
    SIDEBARS
***************/

/* General */
.is-sidebar {z-index: 30;}
.sidebar {clear: both; width: 100%; height: 2.2em; border-bottom: 3px solid #ccc;}
.sidebar .widget-area {float: right;}
.sidebar .widget-area h2,
.sidebar .widget .widget-title {font-family: 'Gotham-Medium'; font-size: 106%; text-transform: lowercase; cursor: pointer; display: block;
  -webkit-transition: color .4s linear;
  transition: color .4s linear;
}
.sidebar .widget {position: relative; display: inline-block; vertical-align: bottom; padding-right: 12px; padding-left: 8px;}
.sidebar .widget::after,
.widget ul > li::before {display: block; content: ''; position: absolute; right: 0; top: 50%; width: 4px; height: 4px; background-color: #000;
  margin-top: -1px; border-radius: 100%; }
.sidebar .widget:last-of-type::after {display:none;}
.sidebar .widget h2 > a,
.sidebar .widget .widget-title a {color: #000}

.sidebar .widget h2 + div,
.sidebar .widget h2 + form,
.sidebar .widget h2 + ul,
.sidebar .widget .widget-title + div,
.sidebar .widget .widget-title + form,
.sidebar .widget .widget-title + ul,
.sidebar .widget.widget_categories label.screen-reader-text + form {position: absolute; opacity: 0; background-color: #FFF; padding: .6em 1em; 
  margin-top: 1.15em; min-width: 150px;
}

.sidebar .widget h2.active,
.sidebar .widget .widget-title.active {color: #ff6900}
.sidebar .widget h2:hover,
.sidebar .widget .widget-title:hover,
.sidebar .widget h2 > a:hover,
.sidebar .widget .widget-title > a:hover {color: #b20079}
.sidebar .widget h2.active::before,
.sidebar .widget .widget-title.active::before,
.sidebar .widget h2:hover::before,
.sidebar .widget .widget-title:hover::before {opacity: 1; left: -1.6em;}

/* List block */
.widget ul > li {padding: .2em .8em .2em .8em; position: relative; font-size: 90%}
.widget ul > li::before {right: auto; left: 0}
.widget ul > li > a {color: #000; font-family: 'Gotham-Medium'}
.widget ul > li > a:hover {color: #b20079;}


/* Widget Form */
.widget input,
.widget select,
.widget textarea,
.widget .search-block .wp-block-search .wp-block-search__input {border: 0; padding: 0; text-transform: lowercase; color: #000; font-family: 'Gotham-Medium'; 
  font-size: 106%; line-height: 100%;
}
/*.widget .search-block .wp-block-search .wp-block-search__input,
.widget.widget_search .search-field {min-width: 16em; width: auto}
*/
.widget ::-webkit-input-placeholder {color: #000;}
.widget :-moz-placeholder {color: #000; opacity: 1;}
.widget ::-moz-placeholder {color: #000; opacity: 1;}
.widget :-ms-input-placeholder {color: #000;}

.widget select {background-color: #FFF}
.widget select, 
.widget select option {text-align: left;}

/* Search block */
.widget.widget_search .wp-block-search__input {padding-right: 2em; width: 9em; min-width: 4em;}
.widget .search-block .wp-block-search .wp-block-search__inside-wrapper {display: block;}
.widget .search-block .wp-block-search .wp-block-search__button,
.widget.widget_search .wp-block-search .wp-block-search__button,
.widget.widget_search #searchsubmit {
    background: url('images/icons/webfonts/zoom.svg') no-repeat center center;
    background-size: 2em; padding: 0; position: absolute; bottom: -.35em; right: 0; margin: 0; width: 2em; height: 2em;
    text-indent: -1500em; overflow: hidden; border: 0; z-index: 30; border-radius: 50em;}
.widget .search-block .wp-block-search .wp-block-search__button:hover, 
.widget .search-block .wp-block-search .wp-block-search__button:focus,
.widget.widget_search .wp-block-search .wp-block-search__button:focus,
.widget.widget_search .wp-block-search .wp-block-search__button:hover,
.widget.widget_search #searchsubmit:hover,
.widget.widget_search #searchsubmit:focus {background-image: url('images/icons/zoom-purple.svg')}

/* Direcciones */
.sidebar-footer {background-color: #eaeaea; color: #000;}
.sidebar-footer > .container {display: flex; justify-content: space-between;}
.sidebar-footer h3 {font-size: 1em; padding-top: 0;}
.sidebar-footer a {color: #000}
.sidebar-footer a:hover {color: #666;}
.sidebar-footer .widget.widget_block {position: relative; line-height: 160%}
.sidebar-footer .widget.widget_block > .wp-block-separator {margin: 0; height: 100%; position: absolute; top: 0; left: 0; border-bottom: 0;
    background: none; border: 0; border-left: 2px solid #821535; }
.sidebar-footer .widget.widget_block .wp-block-group__inner-container p:last-of-type {margin-bottom: 0}

/* CONTACTO 
/////////////////////////////////*/
.btn-contacto {
  position: fixed; top: 40%; right: -4.5em; z-index: 500; border-radius: 50em 50em 0 0; box-sizing: content-box;
  background-color: #b20079; color: #FFF; width: 5em; height: 5em; padding: 1.4em 2em; text-align: center; line-height: 0.9;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.btn-contacto.is_english {
  right: -5em; width: 6em; height: 6em; padding: 2em 1.6em; font-size: 150%;
}
.btn-contacto:hover {background-color: #FFF; box-shadow: 0 0 95px rgb(0 159 227 / 80%); color: #000 !important;}
body.blog .btn-contacto {top: 10em;}

.sec-contacto {background: #edc3a8 url('images/contacto/bg.jpg') no-repeat bottom center; background-size: 100%;}
.sec-contacto::after {height: 22px; background-color: #eaeaea; top: auto; bottom: -10px; z-index: 60;}
.sec-contacto .contacto-body.container {padding: 8em 0 0 0; z-index: 20}
.sec-contacto .contacto-map.container {padding: 0; margin-top: 4em; z-index: 10}

.address-item {cursor: pointer;}
.address-body {width: 230px;/*width: 320px;*/ opacity: 0; visibility: hidden; background-color: #FFF; padding: 20px; margin-top: 4em;
    -webkit-transform: translate3d(-55px, 14px, 0);
    transform: translate3d(-55px, 14px, 0);
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
}

.sec-contacto .address-body .address-dir {margin-top: 1em;}
.sec-contacto .address-body .address-dir a {text-transform: none; color: #b20079;}

.sec-contacto .address-item.active .address-body {opacity: 1; visibility: visible;}
body.page-template-contacto .sidebar-footer > .container {padding-top: 1em}

/* 202405 FOOTER SEO */
.footer-seo {/*background-color: #1c1c1c;*/ font-size: 90%;}
.footer-seo h3 {font-size: 1.25em; padding-top: 0; color: #000; padding-bottom: 1em;text-transform: none;}
.footer-seo a {color: #000}

.footer-seo .widget {padding: 0 5%; }
.footer-seo ul, 
.footer-seo ol {padding-left: 1.4em;  margin-left: 0;text-align: center;}
.footer-seo .entry-content ul:not(.no-bullets) li::before {color: #821535;}

.footer-seo .widget ul > li::before {display: block; content: '|'; position: absolute; right: 0; top: .3em; width: 0; height: 0; background-color: #000;
  margin-top: -1px; border-radius: 100%; font-family: 'Gotham-Medium';}
  .footer-seo .widget ul > li:first-child::before{content: '';}

.footer-seo .widget ul > li{display: inline-block;}


/* PRODUCTOS NEW */
.producto-content .producto-files {padding-top: 2em;}
.producto-files ul {margin-left: 0; margin-right: 0}
.producto-files ul li::before {display: none;}
.producto-files ul li a {column-gap: 1em; color: #000;}
.producto-files ul li a:hover {color: #999;}
.producto-files ul li span.file-icon {width: 2.4em;}
.producto-files ul li a:hover span.file-icon {opacity: .3}
.producto-files ul li span.file-name {text-transform: uppercase; font-weight: 800; font-size: 70%;}



/* ELEMENTOR */
.elementor-content ul,
.elementor-content ol {margin: 1em 2em;}
/*.elementor-content ul ul,
.elementor-content ul ol,
.elementor-content ol ul
.elementor-content ol ol {margin: initial;}*/
.elementor-content ul li,
.elementor-content ol li {list-style-type: initial;}

.e-con.e-con>.e-con-inner>.elementor-widget, .elementor.elementor .e-con>.elementor-widget{color: #000;font-family: 'Gotham-Light';}

/* HACK FOR IE 10/11 */
@media all and (-ms-high-contrast:none) {
                    select::-ms-expand {display: none; }
    *::-ms-backdrop select::-ms-expand {display: none; }    

}

/* HACK FOR EDGE 12+ */
@supports (-ms-ime-align:auto) {}