/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, figure { margin: 0; padding: 0 }
html, body, div, header, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline }
img, fieldset { border: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
span { display: inline-block }
img { max-width: 100%; height: auto }
@media \0screen {
    img { width: auto }
}

@font-face {
    font-family: "LT Wave";
    src: url("../fonts/LTWave-Regular.ttf");
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
html, body { height: 100%; margin: 0; padding: 0; }
body { color: #282624;  font-family: 'Inter', sans-serif; font-weight: 400;  font-size: 16px; height: 100%;      background: #dde3e5;    border-bottom: 3px solid #bcc4c7;}
a { color: #282624; text-decoration: none; outline: none; }
hr { border-bottom: 2px dashed #0e232a; border-top: 0; margin-bottom: 18px; height: 0; }
#content p a:not(.btn) { border-bottom: 1px solid #E0DCDC; }
a:hover { text-decoration: underline; }
#content  p a:not(.btn):hover { text-decoration: none; border-bottom: 1px solid #272c32; }
:focus { box-shadow: 0 0 2px #ccc; }
p { margin: 0 0 1.2em; padding: 0; font-weight: 500; line-height: 145%; }
small { font-size: 87%; }
blockquote { font: italic 110%/130% "Times New Roman", Times, serif; padding: 8px 30px 15px; }
#page { width: 100%;  background: #fff; margin: 0 auto; }
#page.loaded:not(.is_home) {  }
body.noscroll { overflow: hidden; }
#content { margin-top: 20px; }
p strong, .bold {     font-weight: 700;  }
b {
    font-weight: 700;
}

/* LIST

================================================ */
ul, ol { margin: 0px 0 1.4em 22px; padding: 0; line-height: 140%; }
li { margin: 0 0 .5em 0; padding: 0; }

/* HEADINGS
================================================ */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "LT Wave"; line-height: 130%; margin: 0; font-weight: 500;   }
h1, .h1 { font-size: 2em; }
h2, .h2 { font-size: 1.8em; position: relative; margin-bottom: 0px;  line-height: 1.5; }
h3, .h3 { font-size: 1.6em; margin-bottom: 10px; }
h4, .h4 { font-size: 1.4em; margin-bottom: 10px;}
h5, .h5 { font-size: 1.2em; }
h6, .h6 { font-size: 1em;  }
.fsize60 { font-size: 60px; font-weight: 300; margin-bottom: 20px; line-height: 1.2; }
.fsize30 { font-size: 30px; font-weight: 300; line-height: 1.2; margin-bottom: 10px; }
.fsize20 { font-size: 20px; font-weight: 300; line-height: 1.2; }
h2 a, .h2 a { color: inherit; }
.jumbotitle { font-size: 4em  }
h2.border { border-bottom: 1px solid #082141;   }
.fsize18 { font-size: 18px;  }
/*=========== FORMS =========== */
/* form input */
input, textarea, select, input[type=search], button { font-size: 100%; font-family: inherit; box-sizing: border-box; font-family: 'Inter'; }
input[type=text], input[type=email], input[type=password], textarea, select, input[type=date], input[type=tel] { padding: 10px 15px; border: 2px solid  #282624; font-size: 16px; font-weight: 400; font-family: 'Inter'; width: 100%; box-sizing: border-box; margin-bottom: 10px; border-radius: 0; color:  #282624;   }
input[type=text], input[type=email], input[type=date], input[type=tel] { width: 100%; box-sizing: border-box; }
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #082141; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #082141; opacity: 1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #082141; opacity: 1; }
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #082141; }

/* text area */
textarea { }
select { }

/* form input:focus */
textarea:focus, input[type=password]:focus, input[type=text]:focus, input[type=date]:focus, input[type=tel]:focus, input[type=email]:focus { outline: none; background: rgb(254, 255, 216); }

/* form button */
input[type=reset], input[type=submit], button { cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-appearance: none; background: #cb1f1b; color: #fff; border: none; padding: 10px 20px; cursor: pointer;    /* width: 100%; */ text-transform: uppercase; float: right; font-size: 18px; border-radius: 2px; }


input[type="file"] {    background: #FFFEF3; width: 100%; margin: 20px 0; padding: 30px;    text-align: center; border: 6px dotted #CCC; border-radius: 10px; position: relative; }

/*=========== Estructura =========== */

/* main page width */
.container { width: 92%; max-width: 1640px; margin: 0 auto; position: relative; }
.container.header_cont { max-width: 100%; width: 100%; padding: 0 20px; box-sizing: border-box; }
.container.max { max-width: 92%; width: 92%; }
.container.full { max-width: 100%; width:100%; }
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
section { overflow: initial; }
#page {     padding-top: 95px; }
section.bg_landpage {     color: #fff;     box-sizing: border-box; }
.bg_image { background-clip: border-box; background-color: #000; background-origin: padding-box; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative }
.bg_image.parallax { -webkit-transition: all 0.05s linear; -o-transition: all 0.05s linear; transition: all 0.05s linear;   background-size: cover; background-position: center 55%; transform: translateZ(0); will-change: transform }
.bg_image.overlay:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.92 }
.bg_image.overlay.over_corp1:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--corporativo1) }
.bg_image.overlay.over_corp2:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--corporativo2) }
.bg_image.overlay.over_deg:before { opacity: 0.98; background: linear-gradient(45deg, var(--corporativo1) 30%, var(--corporativo2) 100%) }
.bg_image.overlay.over_deg_up_down:before { opacity: 0.98; background: linear-gradient(180deg, var(--corporativo1) 30%, var(--corporativo2) 100%) }
.bg_image.overlay.over_deg_up_down_reverse:before { opacity: 0.98; background: linear-gradient(180deg, var(--corporativo2) 50%, var(--corporativo1) 100%) }
.bg_image.overlay.over_white:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--blanco) }
.bg_image.overlay.opacity09:before { opacity: 0.9 }
.bg_image.overlay.opacity08:before { opacity: 0.8 }
.bg_image.overlay.opacity07:before { opacity: 0.7 }
.bg_image.overlay.opacity075:before { opacity: 0.75 }
.bg_image.overlay.opacity05:before { opacity: 0.5 }
.bg_image.overlay.opacity03:before { opacity: 0.3 }
.bg_image.overlay.opacity02:before { opacity: 0.2 }
.bg_image.overlay > * { position: relative }
a.bg_image, a.bg_image * { -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear }
a.bg_image { display: block }
a.bg_image:hover, a.bg_image:focus { opacity: 0.85; display: block; text-decoration: none }
@supports (-webkit-overflow-scrolling:touch) {
    .bg_image.parallax { background-attachment: initial }
}
.bg_image { position: relative; background-clip: border-box; background-color: #000; background-origin: padding-box; background-position: center top; background-repeat: no-repeat; background-size: cover; }
.embed-youtube,.embed-container, .yt-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom:20px; }
.embed-container iframe  , .yt-video iframe,.embed-youtube iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
section.bg_primary_color, section.bg_primary { background: #0e232a; color: #fff; }
section.bg_black, div.bg_black { background: var(--negro); color: #fff; }
section.bg_green { background: #006f9d; color: #fff; }
section.bg_blue {   background: var(--corporativo1); color: #fff; }
section.bg_white { background: #fff; }
section.bg_gray { background: #9da0a7; color: #fff; }
section.bg_red { background: #cb1f1b; }
section.bg_lgray { background: #dde3e5; }
section.bg_orange { background: #EC9132; color: #fff; }
section.bg_lightblue { background: #e8f3ff; }
section.sec_pagina { }
section.pt10 { padding-top: 10px; }
section.pb10 { padding-bottom: 10px; }
section.pt20 { padding-top: 20px; }
section.pb20 { padding-bottom: 20px; }
section.pt30 { padding-top: 30px; }
section.pb30 { padding-bottom: 30px; }
section.pt40 { padding-top: 40px; }
section.pb40 { padding-bottom: 40px; }
section.pb80 { padding-bottom: 80px; }
section.pb100 { padding-bottom: 100px; }
section.pt100 { padding-top: 100px; }
section.pt25vh { padding-top: 25vh; }  
.minheight75vh { min-height:75vh  } 
.borderbottom { border-bottom: 1px solid; }
.sub_section_50 { width: 50%; display: inline-block; float: left; box-sizing: border-box; padding: 20px 5%; min-height: 50vmin; }  
.page-title.t_post { text-shadow: none !important; font-weight: 400; }
.feat_dep { margin-bottom: 0; }
.colorwhite { color: white; }
.colorprimary { color: #0055A6; }
.colorsecondary { color: #8cc63e; }
.colorgray { color: #dde3e5; }
.colorwhite a { color: inherit !important; }
.p_no_m p, .p_no_m p img { margin: 0 !important; }
.fontlight { } 

/*=========== GRID =========== */
.col { position: relative; margin-bottom: 20px; float: left; box-sizing: border-box; padding: 10px; }
.col.one { width: 6.25%; }
.col.two { width: 12.5%; }
.col.three { width: 18.75%; }
.col.four { width: 25%; }
.col.five { width: 31.25%; }
.col.six { width: 37.5%; }
.col.seven { width: 43.75%; }
.col.eight { width: 50%; }
.col.nine { width: 56.25%; }
.col.ten { width: 62.5%; }
.col.eleven { width: 68.75%; }
.col.twelve { width: 75%; }
.col.thirteen { width: 81.25%; }
.col.fourteen { width: 87.5%; }
.col.fiveteen { width: 93.75%; }
.col.sixteen { width: 100%; }
.col.third { width: 33.333334%; }
.col.twothird { width: 66%; }
.np { padding: 0; }
.npt { padding-top: 0; }
.npb { padding-bottom: 0; }
.npl { padding-left: 0; }
.npr { padding-right: 0; }
.nm { margin: 0; }
.nmt { margin-top: 0; }
.nmb { margin-bottom: 0; }
.nml { margin-left: 0; }
.nmr { margin-right: 0; }
.col.npl { padding-left: 0; padding-right: 10px; }
.col.npr { padding-left: 10px; padding-right: 0px; }
.col.nplr { padding-left: 0; padding-right: 0px; }
.col.nptb { padding-top: 0; padding-bottom: 0px; }

/* =========== HEADER =========== */
header, header * { -webkit-transition: all linear 0.1s; -o-transition: all linear 0.1s; transition: all linear 0.1s; }
header { position: fixed; width: 100%; z-index: 1005; background: #FFF;  box-shadow: 2px 0 4px #ccc;   top: 0; min-height: 70px; }
header.scroll {   }
header .col { margin: 0; }
header a:focus { box-shadow: none; }


.flota_titulo { color: white; margin: 0; font-size: 40px; line-height: 100px; opacity: 0.4; }
.telefono_contacto { font-size: 25px; line-height: 30px; }

/* SITE LOGO */
.logo_cont { display: inline-block; float: left; }
#logo { line-height: 1; padding: 5px; display: block; }
#logo:hover { opacity: 0.9; text-decoration: none; }
#logo:focus { opacity: 0.9; text-decoration: none; }
#page #logo img {     margin: 5px 0; }
a.boton_spain { background: #ffde00; height: 120px; padding: 10px; box-sizing: border-box; width: 120px; line-height: 1; display: block; float: right; }
.nota_header { color: #000; font-weight: 500; padding: 0 20px; display: block; text-align: right; margin-top: 10px; line-height: 1; }
.nota_header.tel { font-size: 33px; margin-top: 5px; }


.cont_menu { }
#navigation { margin: 0; margin-top: 20px; display: block; font-family: "LT Wave"; }
#navigation * { -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; }
#navigation ul { text-align: center; font-size: 0; margin: 0; clear: both; }
#page.is_home  #navigation ul { }
#page.is_home.scroll #navigation ul { }
#navigation ul li { list-style: none; display: inline-block; margin: 0; padding: 0px 0px; position: relative; margin: 0; text-align: center; vertical-align: top; margin: 0 2px; }
#navigation ul li a { padding: 5px 5px;  color:  #0055A6;   line-height: 18px; font-weight: 500; display: inline-block;     letter-spacing: -0.5px;
    font-size: 17px; border-bottom: 2px solid transparent; }
#navigation ul li a i { font-size: 28px; clear: both; display: block; margin-bottom: 3px; margin-top: 3px; }
#navigation ul li a.activo { border-bottom: 2px solid; }
#navigation ul:hover li a { }
#navigation ul li a:hover, #navigation ul li a:focus { text-decoration: none; opacity: 1; border-bottom: 2px solid; }
.trigger_menu { position: fixed; display: none; width: 40px; top: 12px; right: 4%; right: calc(4% + 10px); height: 40px; border-radius: 50%; border: none; text-align: center; background: #0055A6; }
.trigger_menu span { display: block; background: #FFF; height: 2px; margin: 0 auto; margin-top: 4px; width: 23px; }

.trigger_menu span:nth-child(1) {   margin-top: 12px; }
.trigger_menu span:nth-child(2) {}
.trigger_menu span:nth-child(3) { }
.trigger_menu:hover span, .trigger_menu:focus span { width: 27px; }

.trigger_menu.abierto { z-index: 1001; }
.trigger_menu.abierto span { opacity: 0.1; background: #fff; width: 40px !important; }
.trigger_menu:hover span, .trigger_menu:focus span { width: 30px; }
.trigger_menu.abierto span:nth-child(1) {margin-left: -8px; opacity: 1; transform: rotate(45deg); margin-top: 16px; width: 50px!important; }
.trigger_menu.abierto span:nth-child(2) { opacity: 0; width: 40px; }
.trigger_menu.abierto span:nth-child(3) {margin-left: -2px; opacity: 1; transform: rotate(-45deg); margin-top: -8px; width: 50px!important; }


.has-submenu { padding-right: 15px!important;  }
.has-submenu:after { content: '▼';
    position: absolute;
    right: 2px;
    top: 14px;
    font-size: 10px;
    vertical-align: middle;
    color: #0055a6;
    display: inline-block;
    height: 12px; }
.submenu {     margin: 0;
    background: white;
    overflow: hidden;
    height: 0;
    position: absolute;
    width: 240px; 
    border-radius: 10px;
    top: 35px;
     padding: 5px; border: 2px solid #0055a6;
    box-sizing: border-box;  opacity: 0;
}
.submenu li { display: block; width: 100%;  }
.submenu li a { text-align: left;  display: block; width: 100%; }
.has-submenu:hover .submenu { height: initial; padding: 5px; border: 2px solid #0055a6;  opacity: 1; ;}

#cerrar_sesion { }
#cerrar_sesion_movil { display: initial; position: fixed; right: 0px; bottom: 0px; }
#contacto_movil { right: -100px; position: fixed; top: 5px; }
#contacto_movil2 { right: -100px; position: fixed; top: 5px; }


.container.floattop {
    position: fixed;
    top: 85px;
    left: 2%;
    width: 96%;
    z-index: 999;
}

/* =========== FIN HEADER =========== */

/*=========== FOOTER =========== */
footer { border-top: 2px solid #bcc4c7; background: #dde3e5; text-align: center; padding-bottom: 20px; margin-top: 80px; padding-top: 30px; }
#creditos { font-weight: 500 }
#creditos a { }
#creditos i { opacity: 0.5; font-size: 24px; line-height: 16px; vertical-align: middle; margin-right: 5px; }
#footer .container { padding-top: 10px; }
/*=========== FIN FOOTER =========== */

/*=========== Pagina =========== */
.bg_titulo { line-height: 0; }
.bg_titulo img { width: 100%; }
ul#crumbs { margin: 0; color: #8cc63e; line-height: 30px; display: inline-block; padding: 5px 0; }
#crumbs li { display: inline-block; margin: 0; }
#crumbs li  a { margin-right: 20px; }
#crumbs li  a:visited { color: #8cc63e; }
#crumbs li a:after { content: " >"; }
.google-maps { position: relative; /* padding-bottom: 75%; // This is the aspect ratio  height: 0;*/ overflow: hidden; height: 400px; }
.google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.sharedaddy.sd-sharing-enabled { margin-bottom: 20px; }
.is_home .sharedaddy.sd-sharing-enabled { margin-left: 10px; }
.col.np  >  .sharedaddy.sd-sharing-enabled { margin-left: 10px; }

/*=========== BOTONES =========== */
input.btn { border: none; color: #fff !important;}
.btn {     border-radius: 3px; font-weight: normal; background: #0e232a;  font-weight: 500;  font-family: "LT Wave"; color: #fff !important; padding: 10px; min-width: 40px; text-align: center; display: inline-block; margin: 5px 0px; margin-right: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 15px; line-height: 1; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.btn:hover { background: #275766; color: #fff; text-decoration: none; }
.uppercase { text-transform: uppercase; }
.btn.wfull { width: 100%; margin: 5px 0px; }
.btn.min300 { min-width: 300px; }
.btn.right { float: right; margin-left: 5px; margin-right: 0; max-width: 100%; }
.btn.center { clear: both; float: none; margin: 5px auto; display: block; max-width: 250px; }
.btn.h60 { padding: 12px; }
.btn.h80 { padding: 28px; }
.btn.nmr { margin-right: 0!important;  }
.btn.border { background: none !important; border: 2px solid #0e232a; color: #0e232a !important; padding: 6px 15px; }
.btn.border:hover { background: #0e232a !important; color: #fff !important; }
.btn.big { font-size: 22px; line-height: 40px; padding: 10px 30px; }
.btn.large { font-size: 18px; line-height: 34px; padding: 5px 20px; }
.btn.nomargin { margin: 0; }
.btn.bigger { }
.btn.small { padding: 5px; margin: 0; font-size: 14px; line-height: 18px; }

.btn.white { background: #FFF; color: #000!important; }
.btn.white:hover { background: #ECEEF5; }
.btn.border.white { border-color: #FFF; color: #FFF; color: #FFF !important; }
.btn.border.white:hover { background: #FFF !important; color: #595153!important; }

.btn.blue { background: #0055A6; color: #fff !important; }
.btn.blue:hover { background: #327ed5; }
.btn.border.blue { border-color: #0055A6; color: #0055A6 !important; }
.btn.border.blue:hover { background: #0055A6!important; color: #fff!important; }

.btn.green { background: #8cc63e; color: #fff !important; }
.btn.green:hover { background: #aadd47; }
.btn.border.green { border-color: #8cc63e; color: #8cc63e !important; }
.btn.border.green:hover { background: #8cc63e !important; color: #fff !important; }


.btn.red { background: #cb1f1b; color: #fff !important; }
.btn.red:hover { background: #E8305E; }
.btn.border.red { border-color: #cb1f1b; color: #cb1f1b!important; }
.btn.border.red:hover { background: #cb1f1b !important; color: #fff !important; }

.btn.lgray { background: #bcc4c7; color: #000 !important; }
.btn.lgray:hover { background: #dde3e5; }
.btn.border.lgray { border-color: #bcc4c7; color: #bcc4c7!important; }
.btn.border.lgray:hover { background: #bcc4c7!important; color: #000 !important; }

.btn.transparent { background: transparent; color: #000!important; }
.btn.transparent:hover { background: transparent; }
.btn.border.transparent { border-color: transparent; color: #000 !important; }
.btn.border.transparent:hover { background: transparent !important;   }

.btn.yellow { background: #fedd01; color: #000 !important; }
.btn.yellow:hover {     background: #ffed77; }
.btn.border.yellow { border-color:#fedd01; color: #fedd01!important; }
.btn.border.yellow:hover { background: #fedd01 !important; color: #000 !important; }

.btn.disabled { opacity: 0.40;  }


.btn.round { border-radius: 18px; }
.btn:focus { box-shadow: 0px 0px 4px #595153 }
.btn.circle { border-radius: 50%; width: 45px; height: 45px; line-height: 1.8; font-size: 25px; padding: 0; }

/* Botones redes sociales */
.btn.social { padding: 12px;  }
.btn.twitter { background: #00aced; }
.btn.instagram { background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%); background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%); background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%); background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%); background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%); }
.btn.facebook { background: #3b5998; }
.btn.linkedin { background: #0e76a8; }
.btn.youtube { background: #e52d27; }
.btn.whatsapp { background: #25d366; }
.btn.facebook:hover,.btn.facebook:focus { background: #4F6DAC; }
.btn.youtube:hover,.btn.youtube:focus { background: #f1534e; }
.btn.instagram:hover,.btn.instagram:focus { background: #000; }
.btn.whatsapp:hover, .btn.whatsapp:focus { background: #128c7e }
.btn.linkedin:hover,.btn.linkedin:focus { background: #0778af; }

.link_corporativo { color:#8cc63e;  }
header .btn { vertical-align: middle;  }
.margen_redes { margin-top:28px!important; padding-right: 10px;  }

.fsize0 { font-size: 0;  }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: rgb(197, 197, 197); }
::-moz-placeholder { /* Firefox 19+ */
color: rgb(197, 197, 197); }
:-ms-input-placeholder { /* IE 10+ */
color: rgb(197, 197, 197); }
:-moz-placeholder { /* Firefox 18- */
color: rgb(197, 197, 197); }

/*fin Estilo de botones*/

/* PORTADA */
#mensaje_login, .mensaje_alerta { border: 2px solid #cb0000; background: #cb0000; color: #fff; text-align: center; padding: 8px;  }
.mensaje_alerta.ok { border: 2px solid #58920a; background: #58920a; }
.mensaje_alerta.descuento {    border: 2px solid #fedd01;
    background: #fedd01;
    font-size: 30px;
    color: #000;
    font-weight: 400; }
.formulario_login, .formulario_registro {     border: 2px solid #0e232a;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 5px;
    max-width: 100%;
    width: 420px;
    margin: 30px auto;  
    position: relative;}
.boton_registro {     background: #07adec;
    padding: 10px 20px;
    color: #fff;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    box-sizing: border-box;
    text-align: center; }
.boton_registro:hover, .boton_registro:focus { text-decoration: none; background: #036b92; color: #fff; }
.table_responsive table { width: 100%; border-collapse: collapse; border-radius: 5px;  border: 2px solid  #0055a6; }

.table_responsive tbody {     border-radius: 5px;
     overflow: hidden; 
    border: 2px solid #0055a6;  }

.table_responsive td, .table_responsive table th {       border: 1px solid  #0055a6; padding: 3px 7px 2px 7px;     vertical-align: middle; }
.table_responsive table th { font-size: 13px; padding-top: 5px; padding-bottom: 4px; background-color: #196ab7; color: #fff; }
.table_responsive table tr:nth-child(even) td { color: #000; background-color: #eefaff; }
.check_documento { display: inline-block; padding: 0 5px; background: #ccc; color: RGBA(255, 255, 255, 0.7); }
.check_documento.ok { background: #8cc63e; }
.check_documento.no { background: #c63e3e; }
.nota_tabla { background: #fffdab; padding: 5px; line-height: 20px; display: inline-block; margin: 5px 0; }
.alerta_paso_siguiente { font-size: 30px; background: #ddf6ff; border: 3px solid #01aced; text-align: center; padding: 10px; margin-bottom: 10px; border-radius: 50px; }

.nota_inscripcion {
    border: 3px dotted #fedd01;
    background: #fffdf3;
    padding: 15px;
    border-radius: 10px;
}
/*CURSOS*/
.item_curso.listado { border: 2px solid #ccc; overflow: auto; padding: 10px; margin-bottom: 20px; }
.item_curso.oculto { visibility: hidden; }
.item_curso a:not(.btn) { display: block; line-height: 1; font-size: 0; vertical-align: middle; display: inline-block; width: 100%; }
.sede_curso { background: #f1f1f1; display: block; padding: 5px; border-radius: 5px; text-align: center; font-size: 120%; }
.nota_curso * { font-family: 'LT Wave' !important; font-weight: 500; }
.nota_curso { background: #0055A6; display: block; color: white; margin-top: 10px; padding: 10px; border-radius: 5px; text-align: center; font-size: 120%; }
.fechas_curso { background: #FFF; display: block; padding: 5px; border-radius: 5px; }
.precio_curso { background: #f1f1f1; display: block; padding: 10px; border-radius: 5px; overflow: hidden; margin-top: 20px; }
.color_precio { padding: 3px 0; border-top: 1px dashed #a5a4a4; margin-top: 5px; padding-top: 7px; }
.color_precio.desactivada { opacity: 0.5; }
.color_precio.actual { font-weight: 500; }
.color_precio.actual:before { content: 'PRECIO ACTUAL: '; background: #fbff3f; padding: 0 10px; margin-right: 10px; }
.color_precio.actual b { border-bottom: 2px solid #ced21f; background: #fbff3f; padding: 0 8px; border-radius: 12px; }
.descuento_equipacion { border: 2px #5b95cd solid; background: #d2e9ff; padding: 5px; text-align: center; font-weight: bold; margin-top: 11px; border-radius: 6px; }
.descuento_equipacion_inscripcion { border-bottom: 3px #8cc63f dotted; border-top: 3px #8cc63f dotted; background: #f9fff2; padding: 5px; text-align: center; font-weight: 500; }
.descuento_equipacion_inscripcion .texto_desc {line-height: 20px;
    margin-left: 10px;
    font-size: 16px; }
.item_curso { border-radius: 10px; overflow: hidden; }
.imagen_curso { border-radius: 10px; overflow: hidden;     text-align: center; }
.cont_tag {    position: absolute;    top: 70px;    right: 13px; }
.resumen_tag { background: #0055A6; padding: 10px; }
.resumen_tag h3 { margin: 0; min-height: 40px; }
.resumen_tag h3 a { color: #fff; font-size: 18px !important; text-align: center; margin: 0; }
.item_tag { font-family: 'LT Wave'; display: inline-block; background: #242424; color: #fff; padding: 3px 10px; text-align: center; border-radius: 10px; text-transform: uppercase; font-weight: 500; letter-spacing: -0.5px; font-size: 86%; }
.btn_sel { }
.btn_sel.activo { background: #8cc63e; }
.btn_sel.inactivo { opacity: 0.1; }
.precio_final { margin: 0; padding: 5px 0; background: #fcfff7; border-top: 2px solid #8cc63e; border-bottom: 2px solid #8cc63e; margin-bottom: 10px; font-size: 32px; color: #8cc63e; font-weight: 500; }
.precio_final .a_pagar { background: #8cc63e; color: #fff; padding: 0px 6px; }
.pago_transferencia { border: 2px solid #157db7; background: #ecf8ff; margin-top: 20px; font-size: 125%; padding: 8px; margin: 20px auto; }
.pago_transferencia_total {     background: #dfffb3;
    font-size: 30px;
    margin: 20px auto;
    padding: 10px;
    border-radius: 5px; }
.filtros { border: 2px solid #4f4f4f; background: #f7f7f7; margin-bottom: 10px; border-radius: 5px; }
.celda_rellena { background: #007dad !important; }
td.contiene_hijos { padding: 0; background: #ececec !important; }
.item_alumno { padding: 5px 5px 5px 40px; }
td .item_alumno:nth-child(odd) { background: transparent; }
td .item_alumno:nth-child(even) { background: #f6fbfd; }

/*PEDIDOS*/
.total_pedido { border: 2px dotted; padding: 10px; margin-bottom: 20px; background: #fdffec;  }
      .item_articulo {      border-bottom: 1px solid #bcddf9;     line-height: 1;    clear: both;      overflow: auto; padding: 5px; }
      .nombre_articulo { font-size: 85%; max-width: 80%;     width: 80%; display: inline-block; float: left; padding-top: 5px;  }
      .add_articulo,.add_cantidad { max-width: 18%;     width: 18%; display: inline-block; float: left; text-align: right;  }
        #cesta .add_articulo { display: none; }
        #cesta .add_cantidad { display: initial; }
        #articulos .add_articulo { display: initial; }
        #articulos .add_cantidad { display: none; }

      .add_articulo .btn, .add_cantidad .btn {     padding: 2px;  }
      .item_articulo:nth-child(even) {     background-color: #e9eff4; }
      .input_cantidad {      vertical-align: unset;  max-width: 52px;    text-align: center;    border: 2px solid #8cc63e;    margin: 0;    padding: 0;  }

.select_pedido {  margin: 0;     padding: 5px;   }
.select_pedido_0 {     border-color: #01b1e2; background-color: #01b1e255;  }
.select_pedido_1 {      border-color: #fedd01; background-color: #fedd0155; }
.select_pedido_2 {      border-color: #8cc63e; background-color: #8cc63e55; }
.select_pedido_3 {     border-color: #c63e3e;     background-color: #c63e3e55;}

.select_correccion {  margin: 0;     padding: 5px;   } 
.select_correccion_0 {      border-color: #fedd01; background-color: #fedd0155; }
.select_correccion_1 {      border-color: #8cc63e; background-color: #8cc63e55; } 

.select_interesado {  margin: 0;     padding: 5px;   } 
.select_interesado_0 {      border-color: #fedd01; background-color: #fedd0155; }
.select_interesado_1 {      border-color: #8cc63e; background-color: #8cc63e55; } 

.modal_pedido { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; background: #000000c2; }
.modal_cont { background: #fff; border-radius: 20px; max-height: 88vh; margin-top: 5vh; overflow-y: scroll; }

/* The switch - the box around the slider */
.switch { position: relative; display: inline-block; width: 60px; height: 34px; vertical-align: middle; }
#flota_pedido, #flota_pedido * { -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
#flota_pedido {      padding: 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 9999;
    left: 0;
    top: 72px;
    height: calc(100vh - 72px);
    width: 500px;
    background: #e9eff4; }
#flota.abierto { }
.boton_imagen { position: relative; }
.popup, .popup * { -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
.popup { position: fixed; width: 100%; height: 100%; opacity: 0; visibility: hidden; left: 0; top: 0; background: RGBA(0, 0, 0, 0.8); z-index: 09999; padding: 8vh 0; }
.popup .container { background: #fff; padding: 50px 20px; max-height: 90vh; overflow-y: scroll; box-sizing: border-box; }
.popup.abierto { opacity: 1; visibility: visible; }
.close_popup { position: absolute; right: 0px; top: 0px; }
.container.pedido { margin-left: 500px; width: auto; }


ul,ol{margin:0px 0 1.4em 22px;padding:0;line-height:140%}li{margin:0 0 .5em 0;padding:0}ul.no-dots{list-style:none;margin:0;margin-bottom:30px}ul.list-border{list-style:none;margin:0;margin-bottom:30px}ul.list-border li{border-bottom:1px solid var(--gris);margin:0;padding:10px 0}ul.list-border li > a{display:block}ul.list-border li > a:hover,ul.list-border li > a:focus{background:#f7f7f7;text-decoration:none}ul.fsize20 li{padding-left:1.3em}li.li-with-actions,li.li-with-actions-fixed{padding-right:120px!important;position:relative;overflow:auto}.li-actions, .li-actions-fixed{position:absolute;top:6px;right:5px;text-align:right}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


.unslider{position:relative; 
    margin: 0 auto!important;}
.slideshow{     height: 41.66vw;
    min-height: 41.66vw;
    max-height: 41.66vw;
    width: 100vw;
    overflow: hidden;
    font-size: 18px;
    line-height: 24px;
    color: rgba(00,00,00,0.6);
    background: #000;}
.slideshow ul{list-style:none;margin:0;padding:0 ; overflow: hidden;}
.slideshow ul li{box-sizing:border-box;-moz-background-size:100% 100%;-o-background-size:100% 100%;-ms-background-size:100% 100%; background-position:center;position:relative;text-align:center;color:#fff;background-clip:border-box;background-color:var(--negro);background-origin:padding-box;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative; }
.unslider{overflow:hidden;margin:0;padding:0}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel li{float:left}
.unslider-vertical>ul{height:100%}
.unslider-vertical li{float:none;width:100%}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}
.slideshow ul li{overflow:hidden;height:41.66vw;    min-height: 41.66vw; }
.unslider-arrow{position:absolute;left:20px;z-index:50;cursor:pointer;font-size:0;top:56%;opacity:.5;color:#fff;font-family:"Font Awesome 5 Free";font-weight:900}
.unslider-arrow:before{content:"\f053";font-size:40px!important;  display: none;}
.unslider-arrow.next:before{content:"\f054";font-size:40px!important;  display: none;}
.unslider-arrow.next{left:auto;right:20px; display: none;}
.over_slide{position:absolute;z-index:0;top:0;left:0;width:100%;overflow:hidden;box-sizing:border-box;background:#000d16;height:100%;opacity:.0}
a.unslider-arrow:hover{color:rgba(255,255,255,0.8);text-decoration:none; display: none;}
.unslider-nav{margin:0;position:absolute;box-sizing:border-box;bottom:15px;font-size:0;z-index:900;width:100%}
.unslider-nav ol{display: none; list-style:none;max-width:100%;width:100%;text-align:center}
.unslider-nav ol li{margin:5px;background:#fff;opacity:.5;width:20px;height:20px;border-radius:50%;display:inline-block}
.unslider-nav ol li.unslider-active{opacity:1}
@media screen and (max-width: 1030px) {
.slideshow{ }
}
@media screen and (max-width: 480px) {  
}
@media only screen and (max-width:320px) {
.slideshow{ }
}



.container .pulse_circle { position: absolute; height: 25px; width: 25px; background: #40c340; border-radius: 100%; left: 15px; top: 15px; }
.container .pulse_circle:before, .container .pulse_circle:after { border: 1px solid #40c340; content: ""; width: 100%; display: block; position: absolute; height: auto; top: 0; right: 0; bottom: 0; left: 0; border-radius: 100%; transform-origin: center center; opacity: 0; box-sizing: border-box; }
.container .pulse_circle:before { animation: 1s 0.1s pulse2 infinite linear; }
.container .pulse_circle::after { animation: 1s pulse infinite linear; }
@keyframes pulse {
    0% { transform: scale(2); opacity: 0.2; }
    100% { transform: scale(2.3); opacity: 0; }
}
@keyframes pulse2 {
    0% { transform: scale(1.5); opacity: 0.5; }
    100% { transform: scale(1.8); opacity: 0; }
}

/*TOGGLE CONTENT*/

.toggle_title { background: #FCFCFC; border: 2px solid #8cc63e; line-height: 40px; width: 100%; box-sizing: border-box; font-size: 22px; color: #8cc63e; cursor: pointer; padding: 5px 5px 5px 48px; user-select: none; -webkit-user-select: none; -moz-user-select: none; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; margin-top: 10px; font-weight: 500; color: #8cc63e; }
.toggle_title::before { content: "+"; color: #8cc63e; cursor: pointer; position: absolute; left: 17px; font-size: 40px; line-height: 40px; }
.toggle_active.toggle_title::before { content: "-"; }
.toggle_active { border-bottom: 4px solid #8cc63e; margin-bottom: 0 !important; }
.toggle_content { background: #FCFCFC; color: #515151; border-left: 1px solid #8cc63e; border-bottom: 1px solid #8cc63e; border-right: 1px solid #8cc63e; overflow: auto; margin: 0px 0 15px; padding: 5px 15px; }


/* Formularios  */ 
.input_full { width: 100%; display: block; margin-bottom: 5px; }
.input_half { width: 50%; display: inline-block; }
.input_full > .input_half:first-child { margin-right: 5px; }
.input_full > .input_half:last-child { margin-left: 5px; }
.acepto_lopd { font-size: 13px; margin: 0 15px; line-height: 16px !important; }
.acepto_lopd a { font-size: 13px; line-height: 16px !important; }
.input_full.radio { line-height: 35px; margin-bottom: 10px; }
.input_full.radio input { visibility: hidden; display: none; }
.input_full label {  margin: 8px 0; display: block;  }
.input_full.radio * { vertical-align: middle; line-height: 35px; }
.input_full.radio i { font-size: 25px; margin: 0 10px; }
.input_for { cursor: pointer; display: inline-block; width: 30px; height: 30px; background: #FFF; border: 1px solid; }
input[type="radio"]:checked+label, input[type="checkbox"]:checked+label { background: #1CC068; }


/*=========== CLEAR AND ALIGNMENT =========== */
.clear { clear: both }
.left { float: left }
.right { float: right }
.textleft { text-align: left }
.textright { text-align: right }
.textcenter { text-align: center }
.dblock { display: block }
.inline-block { display: inline-block }
.nomargin { margin: 0 !important }
.nopadding { padding: 0 !important }
.overflowvisible { overflow: visible }
.lh_100p { line-height: 100% }
.lh_120p { line-height: 120% }
.lh_120p { line-height: 140% }
.lh_10px { line-height: 10px }
.lh_20px { line-height: 20px }
.lh_30px { line-height: 30px }
.lh_40px { line-height: 40px }
.lh_50px { line-height: 50px }
.lh_60px { line-height: 60px }
.lh_70px { line-height: 70px }
.lh_80px { line-height: 80px }
.lh_90px { line-height: 90px }
.lh_100px { line-height: 100px }
.lh_120px { line-height: 120px }
.pb10 { padding-bottom: 10px }
.pb15 { padding-bottom: 15px }
.pb20 { padding-bottom: 20px }
.pb25 { padding-bottom: 25px }
.pb30 { padding-bottom: 30px }
.pb35 { padding-bottom: 35px }
.pb40 { padding-bottom: 40px }
.pb50 { padding-bottom: 50px }
.pb60 { padding-bottom: 60px }
.pb70 { padding-bottom: 70px }
.pb80 { padding-bottom: 80px }
.pb90 { padding-bottom: 90px }
.pb100 { padding-bottom: 100px }
.pt10 { padding-top: 10px }
.pt15 { padding-top: 15px }
.pt20 { padding-top: 20px }
.pt25 { padding-top: 25px }
.pt30 { padding-top: 30px }
.pt35 { padding-top: 35px }
.pt40 { padding-top: 40px }
.pt50 { padding-top: 50px }
.pt60 { padding-top: 60px }
.pt70 { padding-top: 70px }
.pt80 { padding-top: 80px }
.pt90 { padding-top: 90px }
.pt100 { padding-top: 100px }
.mt5 { margin-top: 5px !important }
.mt10 { margin-top: 10px !important }
.mt15 { margin-top: 15px !important }
.mt20 { margin-top: 20px !important }
.mt25 { margin-top: 25px !important }
.mt30 { margin-top: 30px !important }
.mt35 { margin-top: 35px !important }
.mt40 { margin-top: 40px !important }
.mb5 { margin-bottom: 5px !important }
.mb10 { margin-bottom: 10px !important }
.mb15 { margin-bottom: 15px !important }
.mb20 { margin-bottom: 20px !important }
.mb25 { margin-bottom: 25px !important }
.mb30 { margin-bottom: 30px !important }
.mb35 { margin-bottom: 35px !important }
.mb40 { margin-bottom: 40px !important }
.forzar_100p { width: 100% }
.margin10negativo { margin: 0 -10px }
.margin14 { margin: 14px!important; }
.p10{ padding:10px;  }
.p20{ padding:20px;  }
.p30{ padding:30px;  }
.border-radius-5{border-radius:5px;overflow:hidden}.border-radius-20{border-radius:20px;overflow:hidden}.border-radius-50{border-radius:50px;overflow:hidden}
.displayblock  { display: block;  }
/* clearfix */
.clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after, #content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content { display: inline-block; }

/* clearfix for ie7 */
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content { display: block; zoom: 1; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.pchide { display: none!important; }
.tablethide { display: initial!important; }
@media screen and (max-width:1600px) {
    .container { max-width: 1280px; }
}
@media screen and (max-width:1330px) {
    .container { max-width: 1280px; }
    .col.c1400full { width: 100%; } 

}
@media screen and (max-width:1240px) {
    .container { max-width: 1024px; }
    .col.third.t_two{ width: 50%; } 
    .t_third{ width: 33.333334%; } 
    .flota_titulo {  font-size: 30px; } 
    #page { padding-top: 80px;  }
    #page.loaded.is_home {   }
    #page.loaded:not(.is_home) {  }
    section.bg_landpage { }
    .tablettextleft { text-align: left; }
     .tablettextcenter { text-align: center; }
    .container { max-width: calc(100% - 15px); }
    .container.max { max-width: 100%; }
    .col.one { width: 33%; }
    .col.two { width: 33%; }
    .col.three, .col.four, .col.five, .col.six { width: 50%; }
    .col.seven { width: 50%; }
    
    .col.eight, .col.nine, .col.ten, .col.eleven, .col.twelve, .col.thirteen, .col.fourteen, .col.fiveteen, .col.sixteen, .col.tabletfull, .col.third.t_two,.col.four.t_two { width: 100%; }
    .col.third, .col.twothird,.col.t_third, .col.third.t_third ,.col.tablethalf { width: 50%; }
    .col.eight.tablethalf { width: 50%; }
    .tablethide { display: none!important; }
    .pchide { display: initial!important; }
    .npl, .npr { padding: 10px !important; }
    .col > .npl, .col >  .npr , .tabletnp{ padding: 0px !important; } 
    header .col { width: initial !important; }
    header, #page.scroll header { padding: 0 !important;    min-height: 65px;    top: 0;}
    #logo { display: block; line-height: 1; margin-right: 20px; }
    #logo { z-index: 1001; top: 3px;  position: fixed;    padding: 0; }
    #logo img { max-width: 220px; opacity: 1; }
    #page #logo img {     margin-top: -2px;   }
    .cont_nav { display: none; }
    a.enlace_tel_menu { font-size: 15px; padding: 20px 10px; }
    #navigation {     display: block; z-index: 1000; height: 0; top: 65px; opacity: 0;      padding: 30px 7%;    left: 0;  width: 100vw; max-height: 100vh; box-sizing: border-box; height: 100vh; position: fixed; background: rgba(0, 72, 174, 0.95); color: #fff; margin-top: 0; overflow: hidden; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; }
    #navigation.abierto { padding-bottom: 150px; opacity: 1; visibility: visible; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; overflow-y: scroll; }
    #navigation > ul { text-align: center; width: 100%; margin-left: -40px; }
    #navigation.abierto > ul { display: block; margin-left: 0px; }
    #navigation ul li { display: block; width: 100%; margin-bottom: 0; padding: 0px; margin: 0px; }
    #navigation ul li a {     display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    text-align: left;
    line-height: 25px;
    padding: 5px 10px;
    margin-bottom: 5px;
    color: #fff;
    box-sizing: border-box; }
    #navigation ul li.current_page_item a { color: #e7e7e7; }
    #navigation ul li a i { display: inline-block; margin-bottom: 3px; margin-top: 3px; margin-right: 10px; }
    .trigger_menu { display: block; }

    .submenu {
        border:  none!important;
        position: relative;
        height: initial;
        opacity: 1;
        overflow: initial;
        top: 0;
        background: none;
        padding-left: 20px!important;
            width: auto;
    }
    .submenu li a { font-size: 20px!important;  }

    .table_responsive { width: 100%; overflow-y: auto; overflow-x: visible; margin: 0 0 1em; }
  .table_responsive th.tmin120 { min-width: 120px; }
  .table_responsive th.tmin200 { min-width: 200px; }
  .table_responsive { margin-top: 20px; position: relative; }
  .table_responsive:after { content: 'Deslizar tabla...'; position: absolute; bottom: 0px; opacity: 0.5; right: 10px; }
  .table_responsive:before {  }

  .table_responsive td, .table_responsive table th {  min-width: 125px; }
  #contacto_movil { right: 73px;  } #contacto_movil2 { right: 126px;  }
    
    #flota_pedido{
        left: -900px;
        top: 65px;
        height: calc(100vh - 65px);
        width: 100%;
    } 
    #flota_pedido.abierto { left: 0;  }
    .container.pedido {    margin-left: 4%;  width: 92%; }
    #boton_carrito_s_h { position: fixed; bottom: 20px; right: 20px; z-index: 9999  }


    #ver_sedes {   }

    .tabletmb10 { margin-bottom: 10px; }
  
}
@media screen and (max-width:760px) {

    .col.third, .col.twothird, .col.t768full { width: 100%!important; }
    .col.nmb { margin-bottom: 0; }
    .hide_t { display: none; }
    #map { height: 460px; }
    h1, .h1, .page_title { font-size: 1.8em !important; }
    h2, .h2 { font-size: 1.5em !important; }
    .titulo_sup { font-size: 21px; }
    .fsize60 { font-size: 2em !important; }
    .boton-60 { line-height: 30px; font-size: 20px; }
    #footer * { }
    .intro_titulo { line-height: 120%; margin-bottom: 10px; }
    .intro_titulo span { font-weight: 400; display: block; font-size: 18px; }
    .intro_texto { font-size: 0.9em; line-height: 140%; max-width: 100%; margin: 0 auto; text-align: center; }
    .input_full { display: block; }
    .input_half { display: block; width: 100%; }
    .input_full > .input_half:first-child { margin-right: 0px; margin-bottom: 5px }
    .input_full > .input_half:last-child { margin-left: 0px; } 
    .smart_small { font-size: 80%; } 
}
@media screen and (max-width:480px) {
    /* disable webkit text size adjust (for iPhone) */
    html { -webkit-text-size-adjust: none; }
    .col.one, .col.two, .col.three, .col.four, .col.five, .col.six, .col.seven, .col.eight, .col.nine, .col.ten, .col.eleven, .col.twelve, .col.thirteen, .col.fourteen, .col.fiveteen, .col.sixteen, .col.third, .col.twothird { width: 100%; }

    /* post */
    .post { width: 100%; margin-left: 0; float: none; }
    .post-nav .prev, .post-nav .next { display: block; width: 100%; clear: both; margin-bottom: 10px; }
    .commentlist { padding-left: 0; }
    .commentlist .commententry { clear: left; }
    .commentlist .avatar { float: left; width: 40px; height: 40px; margin: 0 10px 10px 0; }
}

@media screen and (max-width:410px) {
    
}
@media screen and (max-width:340px) {
    h1, .h1 { font-size: 1.5em; } 
    
}

/* line 1426, ../sass/style.scss */
.buzz-out, .icon_menu { display: block; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; }

/* line 1432, ../sass/style.scss */
.buzz-out:hover, .buzz-out:focus, .buzz-out:active, .buzz-out.shake, .icon_menu:hover, .icon_menu:focus, .icon_menu:active, #navigation li:hover .icon_menu, #navigation li a:focus .icon_menu, .icon_menu:active, .icon_menu.shake { -webkit-animation-name: buzz-out; animation-name: buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

/****************************************************************Phone Buzz*/
/* Buzz Out */
@-webkit-keyframes buzz-out {
    10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
    20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
    30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
    40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
    50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
    60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
    70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
    80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
    90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); }
    100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); }
}
@keyframes buzz-out {
    10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
    20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
    30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
    40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
    50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
    60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
    70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
    80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
    90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); }
    100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); }
}



.toggle { cursor: pointer;
        display: block;
    width: 100%;
    text-align: center;
    background: #8cc63e;
    color: white;
    font-size: 18px; font-weight: 500;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
}

.toggle_cont {    border: 2px solid #8cc63e;
    padding: 10px;
    padding-top: 15px;
    box-sizing: border-box;
    margin-top: -6px;
    border-radius: 5px;}


.item_block_border { border: 1px solid var(--gris); padding: 25px; border-radius: 5px; position: relative;
    font-size: 16px; line-height: 120%;
 }
.item_block_border.p5 { padding: 5px }
.item_block_border.p10 { padding: 10px }
.item_block_border.p15 { padding: 15px }
.item_block_border.p20 { padding: 20px }


.border-radius-10 { border-radius: 10px;  }


.masonry { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; column-gap: 1em;
 }
.item_masonry {   display: inline-block; margin: 0 0 1em; width: 100% }
.masonry { margin: 1.5em 0; padding: 0; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em; font-size: .85em }
.item_masonry { display: inline-block;  margin: 0 0 1.5em; width: 100%; -webkit-transition: 1s ease all; box-sizing: border-box; -moz-box-sizing: border-box }
.item_masonry img { max-width: 100% }
@media only screen and (min-width:400px) {
    .masonry { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2 }
}
@media only screen and (min-width:700px) {
    .masonry { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3 }
}
@media only screen and (min-width:900px) {
    .masonry { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3 }
}
@media only screen and (min-width:1100px) {
    .masonry { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4 }
}
@media only screen and (min-width:1280px) {
    .wrapper { width: 1260px }
}