/*  */

/*--FIN */

/* /sp/common_base.css */
@charset "iso-8859-1";

/* RESET */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}

header,
nav,
article,
footer,
address {
    display: block;
}

html,
body {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

body {
    line-height: 1;
    font-size: 14px;
    color: #333333;
    background: #ffffff;
}

body,
button,
input,
select,
textarea {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table,
td,
th {
    vertical-align: middle;
}

header {
    padding-top: 60px;
}


/* GENERALES */

.bg_gris {
    background-color: #eee;
}

.wauto {
    width: auto!important;
}

.oculto {
    display: none!important;
}

.clear {
    clear: both;
    height: 0px;
}

.clearl {
    clear: left;
    height: 0px;
}

.clearr {
    clear: right;
    height: 0px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.focus {
    font-style: normal!important;
    color: #666666!important;
}

a img {
    border: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 1em;
    line-height: 1.4;
}

p {
    margin: 0 0 0.8em;
    line-height: 1.4;
}

.fs10 {
    font-size: 10px;
}

.fs11 {
    font-size: 11px;
}

.fs12 {
    font-size: 12px;
}

.fs13 {
    font-size: 13px;
}

.fs14 {
    font-size: 14px;
}

.fs15 {
    font-size: 15px;
}

.fs16 {
    font-size: 16px;
}

.fs17 {
    font-size: 17px;
}

.fs18 {
    font-size: 18px;
}

.fs19 {
    font-size: 19px;
}

.fs20 {
    font-size: 20px;
}

.fs21 {
    font-size: 21px;
}

.fs22 {
    font-size: 22px;
}

.fs23 {
    font-size: 23px;
}

.fs24 {
    font-size: 24px;
}

a:link,
a:active,
a:visited {
    color: #0066CC;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #0099FF;
    text-decoration: none;
}

.triangle_c_fd_dd {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #FF6600 transparent;
    -webkit-transform: rotate(360deg);
}

.ic_circle_down,
.ic_circle_up,
.ic_circle_left,
.ic_circle_right,
.ic_circle_left_gris,
.ic_circle_right_gris {
    width: 42px;
    height: 42px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.ic_circle_down {
    background-position: -440px -150px;
}

.ic_circle_up {
    background-position: -485px -150px;
}

.ic_circle_left {
    background-position: -350px -150px;
}

.ic_circle_right {
    background-position: -395px -150px;
}

.ic_circle_left_gris {
    background-position: -440px -103px;
}

.ic_circle_right_gris {
    background-position: -485px -103px;
}


/* ICONOS MATERIAL */


/* Rules for sizing the icon. */

.material-icons.md-12 {
    font-size: 12px;
}

.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}


/* Rules for using icons as black on a light background. */

.material-icons.md-dark {
    color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
    color: rgba(0, 0, 0, 0.26);
}


/* Rules for using icons as white on a dark background. */

.material-icons.md-light {
    color: rgba(255, 255, 255, 1);
}

.material-icons.md-light.md-inactive {
    color: rgba(255, 255, 255, 0.3);
}


/* CARGA SPRITES */

.common {
    background-repeat: no-repeat;
}

.common_1 {
    background-image: url('/img/common_1_sitio_donweb.png');
    background-repeat: no-repeat;
}

.spinner_32_gris {
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-image: url(data:image/gif;base64,R0lGODlhIAAgALMAAP////f39+7u7ubm5t3d3dXV1czMzMTExLu7u7Ozs////wAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAQAKACwAAAAAIAAgAAAE8VDJOUEQxRyEjilCAFBkKQUFlyScyiJFYJoXcbxrjiNEOE+BQYFAQCQ8RKJmRRzKZgHCMBkCWK+1pJOm7Y1+AIF0/KyMC4Py7yQcfxXhIfq9rrRBX0CSQK+bk193an4UKFIDClGHhD9tBAGKMYxQUxdTfZMSelICA0SImSaeBKN4oSRxezGYmalaIqcUrk0CrJOuo6CxE7kYRLaMmyCRg6GGj5G6sY4ygruGaJp7wGDTmr5zrXe1ZnJpjEFyfCRR4txgYuLFiWOHkFdY4U2PP/LtAwL5nfPudTVTTQoIVNVjHY1Se/h9awVpwKhPaWDNiAAAIfkEBQEACgAsBQAAABYABwAABClQyRnIvDgPQkz+WMEVyIckiDVxhNgW5uldxRCAipGgHoxrhwPn9+NEAAAh+QQFAQAKACwHAAAAGAAJAAAEKlBJJYYtM+stCyEYJ2YfYYxbOA2CwCVonCWIPNK0zR1JrmsBw+HzA2YCEQAh+QQFAQAKACwLAAAAFQAOAAAEMDAoReoYM+udKylcmBUkYSRiKggFkr5wLM9IYsxaUhP4VOs9hSBxEAYrwU5yGSJEAAAh+QQFAQAKACwRAAAADwAOAAAEKZCoEZS92JJCesZcV3zZ0CEJmQWj6r5wLM8X2rpGgiCwkPyCV8BgoE0iACH5BAUBAAoALBQAAAAMABQAAAQuUKhJKx3WkkJkVhxhHN+wfVRgoGzrvnCMtAeSEKiRJOtX7KSSoVBg4TCxpGUQAQAh+QQFAQAKACwUAAAADAAYAAAEMDCoSSsVNmtNxi4EAWqCKB7bUKAbsL1wLM80TCjISyRIzvG+zC7B0hQMBRumxqRJIgAh+QQFAQAKACwWAAEACgAWAAAELnCoSau95epNCC+SNRSdYAFEcWgBkmzrJs90bW+IZiSJYbU8j+XgMllSPg3BFAEAIfkEBQEACgAsGAAFAAcAGAAABDBQqSJrJVZSS7otRCFUQ4dJgXFkSJK9cCzP0tFWgmsdCYJIudZGYfBdJINM8jg7WSIAIfkEBQEACgAsGAAJAAgAEwAABC1QyTmmLHYWQsIEXCFYA1dZyGFkSsK+cCxb66wESOJOR5ITvFxNQRgcEBlgJgIAIfkEBQEACgAsFAAIAAwAGAAABC5QyUkBvTjrvQdXhCYURJiNpUiaGXIY3/HNdF0H8HYkeoLwGMLOt3HZLoJNkhMBACH5BAUBAAoALBMADAANABQAAAQwUMlJpahYjcy7/5NQEEQ3kFsGjMTlHV8CznQ9pZxgJAmSDTsEz8A59EocQ8ET+EQAACH5BAUBAAoALBEAEwAPAA0AAAQmUMlJFSGl6lBu0NRwESCFdEJpGmrrvnBZIMlLI4h7JHg7FIVUKwIAIfkEBQEACgAsDgAVABEACwAABClQyUlpqXiGQsrIFECMBGhxhWBSh7e+MDWMxvESSKIj8JHksMEBcTDAIgAh+QQFAQAKACwHABcAGAAJAAAEKVDJSauV4Go8tp9DQSjjd4miqR1EKblKYbRb4RlJrl5Igvy7iuyAOOwiACH5BAUBAAoALAUAGgAWAAYAAAQmUMkhq7WCSFJsEZdFjNomGUlyhBJCllWKIKyiEuBVzHLtK7lfJQIAIfkEBQEACgAsBQAZABYABwAABC9QEUWrvXeeM7CvBWEgSWJ8SjCESkEZCUJiRUi4VEcRpOzZOAAKcyAQdEMMIYCJAAAh+QQFAQAKACwAABcAGgAJAAAELlAFRWW9OF+ijplamB1JcohoVSJmmrJuTCWaIAxYIVcG4WMgWcGn22UKg6QAEwEAIfkEBQEACgAsAAASABUADgAABDGQqEmrvThnqTvhnSUoRzKGFpIkCGoRbOJaRjxX7a3vSCGct4SBUCjqCh/QbDBITgIRACH5BAUBAAoALAAAEgAPAA4AAAQmcKhJq1XGXCuSF1uFIIkWTkVCnmzrvrAbuCpBSGxhEwVr6zIJIQIAIfkEBQEACgAsAAAMAAwAFAAABC9wqEmrvTgroksxQnYgSZEZSWJkRIIcgUbKWm3fuG3EHSFdBwOBYMIIiBzNzyaIAAAh+QQFAQAKACwAAAgADAAYAAAEMVAFRau9OOutBOGFUWxHknwZgiSDprKcgsZ0bd+4BZBFmx0FQlCQERKEmsEsdyHSAhEAIfkEBQEACgAsAAAFAAoAGgAABDVQSUmmvThrKWo2hmcJSYIIF2EiwWWURoZsdG3f+HRoZosdBQLg0iEUBphBUEMQ5SaF52UQAQAh+QQFAQAKACwAAAMABwAYAAAELVDJSaa9d1xiSJVIckxFEgpgaFghNmJwLM9YciGHEVCeJgkFQsHi+ZAwxsswAgAh+QQFAQAKACwAAAMACAAUAAAEKVDJOcic9qKjsjLJdoUJNyKBdq1s677w2B4mRRDDJRQ3MAW3Qkt4ya0iACH5BAUBAAoALAAAAAAMABgAAAQwUMlJlaj04o0P4gqSJAexJeIBkqsRgHAsz6AKGx5IEMW77T0OUIMxwQa0pHICgEUAACH5BAUBAAoALAAAAAANABQAAAQwUMlJVai1GDwJSgenGEnyGQP3JYYgSukrz3StJHMoCwRRAKJBL8bpFVy2pBJGQ8oiACH5BAUBAAoALAAAAAAPAA0AAAQnUMlJlShk1IpQOhvnIWGVIEWprmzbAgbJCkQhq0SuqUFeBKwUgRUBACH5BAkBAAoALAAAAAAgACAAAARFUMlJpzno1M27TEjmjR2SnAhBrtNhEMTAzrSn1exQ4KtQEIUdjxOAwQBDjg4YSHqEzqh0Sq1ar9isdsvter/gsHhMLlciADs=);
}


/***Spinner precios***/

span.esperando {
    position: absolute;
    background-color: #9e9e9e80;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 2s;
    transition: all 2s;
    display: none;
    z-index: 1;
}

span.esperando span.spinner {
    color: #333333;
    border-top-color: rgba(51, 51, 51, 0.8);
    border-right-color: rgba(51, 51, 51, .2);
    border-bottom-color: rgba(51, 51, 51, .8);
    border-left-color: rgba(51, 51, 51, .2);
    margin: 35px auto;
}


/* DEFINE ANCHO CONTENIDO */

.width_wrap {
    width: 1100px;
    max-width: 90%;
    margin: 0 auto;
    position: relative;
}


/* SOPORTE CONTENIDO PAGINAS VIEJAS */

.old_content_wrap {
    background-color: #efefef;
    padding-bottom: 60px;
}


/*  NAV - HEADER - BARRANAV - LOGO  */

i.ic_google_apps,
i.ic_parqueo_redir,
i.ic_gestion_contactos,
i.ic_bloqueo_dominio,
i.ic_gestion_dns {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

i.ic_google_apps {
    background-position: -256px -246px;
}

i.ic_parqueo_redir {
    background-position: -232px -246px;
}

i.ic_gestion_contactos {
    background-position: -208px -246px;
}

i.ic_bloqueo_dominio {
    background-position: -184px -246px;
}

i.ic_gestion_dns {
    background-position: -160px -246px;
}


/* SECCION-IT */

.flag_ar.mini {
    background-position: -190px -150px;
}

.flag_bo.mini {
    background-position: -210px -150px;
}

.flag_br.mini {
    background-position: -230px -150px;
}

.flag_cl.mini {
    background-position: -250px -150px;
}

.flag_co.mini {
    background-position: -270px -150px;
}

.flag_es.mini {
    background-position: -290px -150px;
}

.flag_us.mini {
    background-position: -310px -150px;
}

.flag_int.mini {
    background-position: -330px -150px;
}

.flag_mx.mini {
    background-position: -350px -150px;
}

.flag_pe.mini {
    background-position: -370px -150px;
}

.flag_uy.mini {
    background-position: -390px -150px;
}

.flag_ve.mini,
.flag_ven.mini,
.flag_vet.mini {
    background-position: -410px -150px;
}


/* BOTONES */

.bt {
    position: relative;
    border: none;
    background-color: #56a846;
    color: #ffffff !important;
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 9px 15px;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.bt:hover,
.bt:focus {
    background-color: #78c259;
}

.bt_s {
    line-height: 16px;
    padding: 8px 10px;
    font-size: 11px !important;
    font-weight: 300;
}

.bt_xs {
    line-height: 16px;
    padding: 6px 10px;
    font-size: 11px !important;
    font-weight: 300;
}

.bt_sha_verde {
    border-top: transparent 0px solid;
    border-bottom: #4F8338 3px solid;
}

a.bt_sha_verde:hover,
a.bt_sha_verde:focus {
    border-bottom: 2px #549C41 solid;
    border-top: transparent 1px solid;
}

a.bt_azul {
    background: #3598db;
}

a.bt_azul:hover,
a.bt_azul:focus {
    background: #54ABE7!important;
}

.bt_ic {
    vertical-align: text-top;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

body.secc-it>div i.bt_ic,
body.secc-it>section i.bt_ic,
.footer_cta i.bt_ic {
    background-image: url('/img/servicios-it-sprite_transparente.png');
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: bottom;
}

i.bt_ic_ingresar {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-position: -32px -150px;
    line-height: 16px;
}

i.bt_ic_dalang {
    width: 16px;
    height: 16px;
    margin-left: 1px;
    background-position: -96px -150px;
}

.footer_cta i.bt_ic_dalang {
    width: 10px;
    height: 15px;
    margin-left: 6px;
    background-position: -64px -252px;
}

i.bt_ic_lang {
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background-position: -19px -252px;
}

body.secc-it i.bt_spinner {
    background: url('/img/servicios-it-bt-spinner.gif') 0 0 no-repeat;
    width: 16px;
    height: 16px;
    margin-left: 15px;
    display: inline-block;
    vertical-align: bottom;
}

.bt_chat_experto {
    width: 16px;
    height: 16px;
    margin-left: 6px;
    background-position: -105px -177px;
}


/* FOOTERS */


/* PARA CONSERVAR RETROCOMPATIBILIDAD */

.flag_old_ar {
    background-position: 0 -72px;
}

.flag_old_bo {
    background-position: -20px -72px;
}

.flag_old_br {
    background-position: -40px -72px;
}

.flag_old_cl {
    background-position: -60px -72px;
}

.flag_old_co {
    background-position: -80px -72px;
}

.flag_old_es {
    background-position: -100px -72px;
}

.flag_old_us {
    background-position: -120px -72px;
}

.flag_old_int {
    background-position: -140px -72px;
}

.flag_old_mx {
    background-position: -160px -72px;
}

.flag_old_pe {
    background-position: -180px -72px;
}

.flag_old_uy {
    background-position: -200px -72px;
}

.flag_old_ve {
    background-position: -220px -72px;
}

#TAPA {
    position: absolute;
    color: #555555;
    text-align: center;
    background-color: #FFFFFF;
    z-index: 10000;
}

#TAPA_MSG {
    position: absolute;
    background: #000000 url('/img/spinner-tapa.gif') center center no-repeat;
    width: 80px;
    height: 80px;
    z-index: 10001;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

a.LinkAyuda:link,
a.LinkAyuda:active,
a.LinkAyuda:visited {
    background: url('/img/ic_ayuda.png') 0 center no-repeat;
    text-decoration: underline!important;
    line-height: 18px;
    padding-left: 20px;
}

a.LinkAyuda:hover,
a.LinkAyuda:focus {
    color: #0099FF;
}

.container_bg_gral {
    background: #EEEEEE url("/img/container_bg_gral.jpg") 0 0 repeat-x;
    border: 1px solid #DFDFDF;
    padding: 8px;
    margin-top: 30px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.container_bg_gral_int {
    background: #FFFFFF;
    border: 1px solid #DFDFDF;
    padding: 25px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.sep_content {
    background-position: 0 -825px;
    width: 870px;
    height: 12px;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 50px;
    clear: both;
}


/* MONEDA SEPARADA ENTERO DECIMAL */


/* no se muestran decimales para chile y colombia */

body.cl .num_decimal,
body.co .num_decimal,
body.cl .sep-decimal,
body.co .sep-decimal,
body.cl .as_bp_decimal,
body.co .as_bp_decimal,
body.cl .valor-decimal,
body.co .valor-decimal {
    display: none !important;
}

body.cl .periodo,
body.co .periodo {
    margin-left: 0 !important;
}

.num_decimal {
    line-height: 1.8;
    margin-left: 2px;
    vertical-align: top;
}

body:not(.secc-it) .num_decimal {
    font-size: 0.6em;
}


/* BOXES BANNERS INFERIORES */

#banners_inf_Container {
    margin-top: 30px;
}

.boxes-banners {
    float: left;
    margin-right: 10px;
    height: 150px;
}

.boxes-banners.last {
    margin-right: 0;
}

.bb235 {
    width: 235px;
}

.bb470 {
    width: 470px;
}

.boxes-banners.ssl {
    background-position: 0 0;
}

.boxes-banners.ssl p {
    margin: 58px 60px 10px 15px;
    font-size: 12px;
    color: #777777;
}

.boxes-banners.ssl a {
    margin: 5px 0 0 15px;
}

.boxes-banners.fp {
    background-position: 0 0;
}

.boxes-banners.fp p {
    margin: 5px 100px 8px 19px;
    font-size: 12px;
    color: #777777;
}

.boxes-banners.fp a {
    margin: 0 0 0 19px;
}

.boxes-banners.te_llamamos {
    background-position: -240px 0;
}

.boxes-banners.te_llamamos p {
    margin: 10px 83px 0 15px;
    font-size: 12px;
    color: #777777;
}

.boxes-banners.soporte {
    background-position: -480px 0;
}

.boxes-banners.soporte ul {
    margin: 10px 0 0 40px;
    font-size: 13px;
    color: #777777;
    list-style: disc;
}

.boxes-banners.soporte ul li {
    line-height: 1.4;
}

.boxes-banners.te_llamamos .titulo,
.boxes-banners.fp .titulo,
.boxes-banners.soporte .titulo {
    color: #2f9fcb;
    font-size: 23px;
    margin: 5px 30px 0px 19px;
}

.boxes-banners.te_llamamos .subtitulo,
.boxes-banners.fp .subtitulo {
    font-size: 15px;
    font-weight: 600;
    font-style: oblique;
    margin: 0px 22px 1px 19px;
    color: #464646;
}

.boxes-banners.te_llamamos .titulo,
.boxes-banners.soporte .titulo {
    color: #464646;
    font-weight: 600;
}

.boxes-banners.soporte .titulo span {
    font-size: 15px;
    font-style: oblique;
    color: #464646;
}


/* FORMS */

select {
    color: #777;
    font-size: 14px!important;
    padding: 1px;
}

textarea {
    font-size: 14px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

input.text,
select.select {
    font-weight: 300;
    width: 250px;
    font-size: 14px;
    padding: 6px;
    border: 1px solid #CCCCCC;
    margin-bottom: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.textarea {
    font-weight: 300;
    width: 250px;
    height: 85px;
    font-size: 14px;
    padding: 6px;
    border: 1px solid #CCCCCC;
    margin-bottom: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.porta_input_n,
.porta_input_s,
.porta_input_e,
.porta_select_n,
.porta_select_s,
.porta_select_e,
.porta_ta_n,
.porta_ta_s,
.porta_ta_e {
    border: 1px solid #D0D0D0;
    border-radius: 4px;
    display: block;
    float: left;
    margin-bottom: 10px;
}

.porta_input_s,
.porta_select_s,
.porta_ta_s {
    border-color: #56A846;
}

.porta_input_e,
.porta_select_e,
.porta_ta_e {
    border-color: #f00;
}

.porta_input_n input,
.porta_input_e input,
.porta_input_s input,
.porta_select_n select,
.porta_select_s select,
.porta_select_e select,
.porta_ta_n textarea,
.porta_ta_s textarea,
.porta_ta_e textarea {
    font-size: 16px!important;
    color: #666666;
    background: none;
    border: none;
    display: inline-block;
    padding: 10px;
    margin: 0;
    width: 100%;
}

.porta_input_e input {
    color: #ff0000!important;
}

.porta_input_n span.form_control_bg,
.porta_input_e span.form_control_bg,
.porta_input_s span.form_control_bg {
    display: none;
}


/* MENSAJE CONTROLS */

.common_msg {
    position: relative;
    padding: 5px 15px 6px 30px;
    margin-left: 8px;
    margin-top: 10px;
    z-index: 500;
    float: left;
    font-size: 13px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.common_msg span {
    display: block;
    line-height: 20px;
}

.common_msg .ic {
    width: 34px;
    height: 34px;
    position: absolute;
    top: -10px;
    left: -8px;
}

.common_msg.error {
    background-color: #FFE4D5;
    border: 1px solid #FFC8AA;
    color: #ff0000;
}

.common_msg.error .ic {
    background-position: -34px -425px;
}

.common_msg.warning {
    background-color: #FFEFBF;
    border: 1px solid #FFD555;
    color: #555555;
}

.common_msg.warning .ic {
    background-position: 0 -425px;
}

.common_msg.ok {
    background-color: #DFFFBF;
    border: 1px solid #95FF2B;
    color: #555555;
}

.common_msg.ok .ic {
    background-position: -102px -425px;
}

.common_msg.info {
    background-color: #D5EAFF;
    border: 1px solid #95CAFF;
    color: #555555;
}

.common_msg.info .ic {
    background-position: -68px -425px;
}

.MarginBottom10 {
    margin-bottom: 10px;
}


/* SIMPLE MODAL */

#simplemodal-overlay {
    background-color: #000000;
}

#simplemodal-container {
    background-color: #F4F4F4;
    border: 4px solid #666666;
    padding: 10px 30px;
    -ms-border-radius: 7px;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

#simplemodal-container a.modalCloseImg {
    background: url('/js/simplemodal/x.png') no-repeat;
    width: 32px;
    height: 34px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: -15px;
    right: -16px;
    cursor: pointer;
}


/* ATOOLTIP */

.aToolTip {
    border: 2px solid #EAFF55;
    background: #F4FFAA;
    color: #555555;
    margin: 0 20px 0 0;
    padding: 10px 15px 10px 15px;
    font-size: 13px;
    line-height: 20px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 2px #888888;
    -moz-box-shadow: 1px 1px 2px #888888;
    box-shadow: 1px 1px 2px #888888;
}

#aToolTip {
    position: absolute;
    display: none;
    z-index: 50000;
}

.aToolTip .aToolTipContent {
    position: relative;
    margin: 0;
    padding: 0;
}

.aToolTip .aToolTipContent p {
    margin: 0 0 15px 0;
}

#aToolTipCloseBtn {
    display: block;
    height: 34px;
    width: 32px;
    background: url('/js/atooltip/x.png') no-repeat;
    text-indent: -9999px;
    outline: none;
    position: absolute;
    top: -25px;
    right: -30px;
    margin: 2px;
}


/* NUEVOS BOTONES */

.btn {
    display: inline-block;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
    /* border: 1px solid #ff9900;
    background: #ff7300;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8a2b), to(#ff7300));
    background: -webkit-linear-gradient(top, #ff8a2b, #ff7300);
    background: -moz-linear-gradient(top, #ff8a2b, #ff7300);
    background: -ms-linear-gradient(top, #ff8a2b, #ff7300);
    background: -o-linear-gradient(top, #ff8a2b, #ff7300);
    background: linear-gradient(top, #ff8a2b 0%, #ff7300 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a2b', endColorstr='#ff7300', GradientType=0);*/
    /* IE6-8 */
    /* -moz-box-shadow: 0px 0px 0px 2px rgba(000, 000, 000, 0.1);
    -webkit-box-shadow: 0px 0px 0px 2px rgba(000, 000, 000, 0.1);
    box-shadow: 0px 0px 0px 2px rgba(000, 000, 000, 0.1);
    border: 1px solid #ff7300;
    border-color: #FF9B49 #D06A18 #CF5D01 #FF8C2E;
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);*/
    /*-moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;*/
}


/*
.btn:hover,
.btn:focus {
    background: #ff8a2b;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff7300), to(#ff8a2b));
    background: -webkit-linear-gradient(top, #ff7300, #ff8a2b);
    background: -moz-linear-gradient(top, #ff7300, #ff8a2b);
    background: -ms-linear-gradient(top, #ff7300, #ff8a2b);
    background: -o-linear-gradient(top, #ff7300, #ff8a2b);
    background: linear-gradient(top, #ff7300 0%, #ff8a2b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7300', endColorstr='#ff8a2b', GradientType=0);
    /* IE6-8 */


/* -moz-box-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}*/

.btn_azul {
    background: #26AEE3;
    background: -webkit-gradient(linear, left top, left bottom, from(#35B6E2), to(#1CA8E3));
    background: -webkit-linear-gradient(top, #35B6E2, #1CA8E3);
    background: -moz-linear-gradient(top, #35B6E2, #1CA8E3);
    background: -ms-linear-gradient(top, #35B6E2, #1CA8E3);
    background: -o-linear-gradient(top, #35B6E2, #1CA8E3);
    background: linear-gradient(top, #35B6E2 0%, #1CA8E3 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#35B6E2', endColorstr='#1CA8E3', GradientType=0);
    /* IE6-8 */
    border: 1px solid #1CA8E3;
    border-color: #52C0E6 #1A99D0 #1A99D0 #52C0E6;
    filter: progid: dximagetransform.microsoft.gradient(enabled=false);
}

.btn_azul:hover,
.btn_azul:focus {
    background: #26AEE3;
    background: -webkit-gradient(linear, left top, left bottom, from(#1CA8E3), to(#35B6E2));
    background: -webkit-linear-gradient(top, #1CA8E3, #35B6E2);
    background: -moz-linear-gradient(top, #1CA8E3, #35B6E2);
    background: -ms-linear-gradient(top, #1CA8E3, #35B6E2);
    background: -o-linear-gradient(top, #1CA8E3, #35B6E2);
    background: linear-gradient(top, #1CA8E3 0%, #35B6E2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1CA8E3', endColorstr='#35B6E2', GradientType=0);
    /* IE6-8 */
    border: 1px solid #1CA8E3;
    border-color: #1A99D0 #52C0E6 #52C0E6 #1A99D0;
    filter: progid: dximagetransform.microsoft.gradient(enabled=false);
}

.btn_comprar {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 14px;
    font-weight: normal;
}

.btn_finalizar_compra {
    font-size: 28px;
    line-height: 26px;
    padding: 12px 18px;
}

.btn_continuar_18 {
    font-size: 18px;
    line-height: 21px;
    padding: 5px 10px;
    font-weight: normal;
}

.btn_continuar_20 {
    font-size: 20px;
    line-height: 20px;
    padding: 10px 14px;
}

.btn_acceder,
.btn_crearcuenta,
.btn_acceder_overlay,
.btn_crearcuenta_overlay,
.btn_recuperar_overlay {
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
}


/* ICONOS BOTONES */

.bt_ic_18 {
    display: inline-block;
    vertical-align: bottom;
    width: 18px;
    height: 19px;
    margin-left: 2px;
}

.ic_buscar_18 {
    background-position: 0 -690px;
}

.ic_comprar_18 {
    background-position: -20px -690px;
}

.ic_tilde_18 {
    background-position: -60px -690px;
}

.ic_flecha_18 {
    background-position: -80px -690px;
}

.bt_ic_20 {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin-left: 3px;
}

.ic_flecha_20 {
    background-position: 0 -710px;
}

.bt_ic_28 {
    display: inline-block;
    vertical-align: top;
    width: 28px;
    height: 26px;
    margin-left: 3px;
}

.ic_flecha_28 {
    background-position: -49px -710px;
}


/* BOTONES */

.porta_bt {
    margin-top: 5px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

a.boton_buscar_32 {
    display: block;
    background-position: 0 -160px;
    color: #FFFFFF;
    font-size: 14px;
    padding-left: 10px;
    line-height: 32px;
    width: 86px;
}

a.boton_buscar_32 span {
    float: right;
    height: 32px;
    width: 25px;
    margin-left: 6px;
    background-position: -225px -160px;
    background-color: #FFFFFF;
}

a.boton_buscar_32:hover,
a.boton_buscar_32:focus {
    background-position: 0 -195px;
}

a.boton_buscar_32:hover span,
a.boton_buscar_32:focus span {
    background-position: -225px -195px;
}

a.boton_agregar_tus_compras_42 {
    display: block;
    background-position: 0 -235px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
    padding-left: 10px;
    line-height: 16px;
    width: 132px;
    height: 42px;
}

a.boton_agregar_tus_compras_42 span.common_1 {
    float: right;
    height: 42px;
    width: 25px;
    margin-left: 6px;
    background-position: -225px -235px;
    background-color: #9DD8F6;
    cursor: pointer;
}

a.boton_agregar_tus_compras_42 span.bt_texto {
    padding-top: 4px;
    text-align: center;
    float: left;
    display: block;
    width: 100px;
    cursor: pointer;
    font-size: 14px;
}

a.boton_agregar_tus_compras_42:hover,
a.boton_agregar_tus_compras_42:focus {
    background-position: -260px -235px;
}

a.boton_agregar_tus_compras_42:hover span,
a.boton_agregar_tus_compras_42:focus span {
    background-position: -485px -235px;
}

a.boton_agregar_tus_compras_42_2 {
    display: block;
    background-position: 0 -235px;
    position: relative;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
    padding: 0 5px;
    line-height: 16px;
    height: 42px;
    margin-right: 25px;
}

a.boton_agregar_tus_compras_42_2 span.common_1 {
    position: absolute;
    height: 42px;
    width: 25px;
    background-position: -225px -235px;
    right: -25px;
    cursor: pointer;
}

a.boton_agregar_tus_compras_42_2 span.bt_texto {
    padding-top: 4px;
    text-align: center;
    float: left;
    display: block;
    width: 112px;
    cursor: pointer;
}

a.boton_agregar_tus_compras_42_2:hover,
a.boton_agregar_tus_compras_42_2:focus {
    background-position: -260px -235px;
}

a.boton_agregar_tus_compras_42_2:hover span,
a.boton_agregar_tus_compras_42_2:focus span {
    background-position: -485px -235px;
}

a.boton_agregar_tus_compras_56 {
    display: block;
    background-position: -450px -609px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
    padding-left: 15px;
    line-height: 18px;
    width: 143px;
    height: 56px;
}

a.boton_agregar_tus_compras_56 span.common_1 {
    float: right;
    height: 56px;
    width: 31px;
    margin-left: 6px;
    background-position: -669px -609px;
    background-color: #D3EEFA;
    cursor: pointer;
}

a.boton_agregar_tus_compras_56 span.bt_texto {
    padding-top: 10px;
    text-align: center;
    float: left;
    display: block;
    width: 100px;
    cursor: pointer;
}

a.boton_agregar_tus_compras_56:hover,
a.boton_agregar_tus_compras_56:focus {
    background-position: -710px -609px;
}

a.boton_agregar_tus_compras_56:hover span,
a.boton_agregar_tus_compras_56:focus span {
    background-position: -929px -609px;
}

a.boton_no_gracias_26 {
    display: block;
    background-position: 0 -282px;
    position: relative;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
    padding: 0 5px 0 10px;
    line-height: 26px;
    margin-right: 23px;
}

a.boton_no_gracias_26 span {
    position: absolute;
    height: 26px;
    width: 23px;
    background-position: -177px -282px;
    right: -23px;
    cursor: pointer;
}

a.boton_no_gracias_26:hover,
a.boton_no_gracias_26:focus {
    background-position: -208px -282px;
}

a.boton_no_gracias_26:hover span,
a.boton_no_gracias_26:focus span {
    background-position: -385px -282px;
}

a.boton_continuar_comprando_26 {
    display: block;
    background-position: -145px -430px;
    position: relative;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
    padding: 0 5px 0 10px;
    line-height: 26px;
    margin-right: 22px;
}

a.boton_continuar_comprando_26 span {
    position: absolute;
    height: 26px;
    width: 22px;
    background-position: -282px -470px;
    right: -22px;
    cursor: pointer;
}

a.boton_continuar_comprando_26:hover,
a.boton_continuar_comprando_26:focus {
    background-position: -353px -430px;
}

a.boton_continuar_comprando_26:hover span,
a.boton_continuar_comprando_26:focus span {
    background-position: -318px -470px;
}

#cart_codprom_box a.boton_aplicar_26 {
    float: left;
    margin-left: 6px;
}

a.bt_26_gral,
a.bt_26_tilde,
a.bt_32_buscar,
a.bt_26_flecha,
a.bt_32_flecha,
a.bt_42_flecha,
a.bt_56_flecha {
    display: block;
    position: relative;
    color: #FFFFFF;
    font-weight: 600;
}

a.bt_26_gral,
a.bt_26_flecha,
a.bt_26_tilde {
    background-position: -260px -160px;
    font-size: 13px;
    line-height: 26px;
    height: 26px;
    padding: 0 5px 0 10px;
}

a.bt_26_gral span,
a.bt_26_flecha span,
a.bt_26_tilde span {
    position: absolute;
    height: 26px;
    top: 0;
}

a.bt_26_gral:hover,
a.bt_26_gral:focus,
a.bt_26_flecha:hover,
a.bt_26_flecha:focus,
a.bt_26_tilde:hover,
a.bt_26_tilde:focus {
    background-position: -260px -190px;
}

a.bt_32_flecha,
a.bt_32_buscar {
    background-position: 0 -160px;
    font-size: 15px;
    line-height: 32px;
    height: 32px;
    padding: 0 5px 0 10px;
}

a.bt_32_flecha span,
a.bt_32_buscar span {
    position: absolute;
    height: 32px;
    top: 0;
}

a.bt_32_flecha:hover,
a.bt_32_flecha:focus,
a.bt_32_buscar:hover,
a.bt_32_buscar:focus {
    background-position: 0 -195px;
}

a.bt_42_flecha {
    background-position: 0 -235px;
    font-size: 20px;
    line-height: 42px;
    height: 42px;
    padding: 0 5px 0 15px;
}

a.bt_42_flecha span {
    position: absolute;
    height: 42px;
    top: 0;
}

a.bt_42_flecha:hover,
a.bt_42_flecha:focus {
    background-position: -260px -235px;
}

a.bt_56_flecha {
    background-position: -450px -609px;
    font-size: 26px;
    line-height: 56px;
    height: 56px;
    padding: 0 10px 0 20px;
}

a.bt_56_flecha span {
    position: absolute;
    height: 56px;
    top: 0;
}

a.bt_56_flecha:hover,
a.bt_56_flecha:focus {
    background-position: -710px -609px;
}

a.bt_26_gral {
    margin-right: 5px;
}

a.bt_26_gral span {
    background-position: -855px -275px;
    width: 5px;
    right: -5px;
}

a.bt_26_gral:hover span,
a.bt_26_gral:focus span {
    background-position: -885px -275px;
}

a.bt_26_tilde {
    margin-right: 23px;
}

a.bt_26_tilde span {
    background-position: -867px -200px;
    width: 23px;
    right: -23px;
}

a.bt_26_tilde:hover span,
a.bt_26_tilde:focus span {
    background-position: -832px -200px;
}

a.bt_32_buscar {
    margin-right: 25px;
}

a.bt_32_buscar span {
    background-position: -225px -160px;
    width: 25px;
    right: -25px;
}

a.bt_32_buscar:hover span,
a.bt_32_buscar:focus span {
    background-position: -225px -195px;
}

a.bt_26_flecha {
    margin-right: 23px;
}

a.bt_26_flecha span {
    background-position: -437px -160px;
    width: 23px;
    right: -23px;
}

a.bt_26_flecha:hover span,
a.bt_26_flecha:focus span {
    background-position: -437px -190px;
}

a.bt_32_flecha {
    margin-right: 25px;
}

a.bt_32_flecha span {
    background-position: -935px -200px;
    width: 25px;
    right: -25px;
}

a.bt_32_flecha:hover span,
a.bt_32_flecha:focus span {
    background-position: -900px -200px;
}

a.bt_42_flecha {
    margin-right: 35px;
}

a.bt_42_flecha span {
    background-position: -795px -275px;
    width: 35px;
    right: -35px;
}

a.bt_42_flecha:hover span,
a.bt_42_flecha:focus span {
    background-position: -750px -275px;
}

a.bt_56_flecha {
    margin-right: 40px;
}

a.bt_56_flecha span {
    background-position: -676px -690px;
    width: 40px;
    right: -40px;
}

a.bt_56_flecha:hover span,
a.bt_56_flecha:focus span {
    background-position: -729px -690px;
}


/* OVERLAY LOGIN BOX */

#login_box {
    float: left;
    margin: 0 auto;
}

#login_box h2 {
    font-size: 20px;
    color: #555555;
    line-height: 32px;
    margin-bottom: 7px;
}

#login_box span.form_control_bg {
    background-color: #F4F4F4;
}

#Login_nombre,
#Login_pass,
#Login_pass_fake {
    width: 200px;
    color: #aaaaaa;
}

#Olvido_form input {
    width: 340px;
    color: #aaaaaa;
}

#login_box_1 .left.login {
    margin-left: 10px;
    width: 375px;
}

#Login_form .btn_acceder_overlay {
    float: right;
    margin-top: 48px;
}

#login_box_1 .left.new {
    width: 155px;
    float: right;
    background: #EDEDED;
    padding: 8px 15px;
    color: #999999;
    margin-top: 6px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#login_box_1 .left.new h2 {
    font-size: 16px;
    line-height: 1.3;
}

#login_box_1 .left.new p {
    margin: 0 0 7px 0;
}

#login_box_1,
#login_box_new_user,
#login_box_olvido {
    font-size: 13px;
    color: #777777;
}

#login_box_1 {
    width: 620px;
    padding: 15px 0;
}

#login_box_olvido {
    width: 370px;
    padding: 15px 0;
}

#login_box_olvido_askconfirm_resp {
    width: 370px;
}

.olvido_pass {
    display: block;
    margin-top: 10px;
    text-decoration: underline!important;
}

.link_registrate {
    text-decoration: underline!important;
}

#Olvido_form {
    clear: both;
    padding-top: 8px;
}

#Olvido_form .login_box_volver {
    margin-top: 12px;
}

#login_box_olvido_resp {
    padding: 10px 0;
    width: 400px;
    overflow: hidden;
}

#login_box_olvido_resp a {
    font-size: 14px!important;
    text-decoration: underline!important;
}


/* login con redes sociales */

.sep1,
.sep2 {
    height: 26px;
    clear: both;
}

.sep1 {
    border-bottom: 1px solid #DFDFDF;
}

.sep2 {
    border-top: 1px solid #F9F9F9;
}

.facebook {
    background-position: -114px -654px;
}

.twitter {
    background-position: -228px -654px;
}

.google {
    background-position: -114px -628px;
}

.live {
    background-position: -228px -628px;
}

.mc_loguin_rs_desc {
    font-size: 13px;
    color: #888888;
}

.login_rs_bt {
    display: block;
    width: 110px;
    height: 25px;
    float: left;
    margin-right: 20px;
    text-indent: -9999px;
}

.login_rs_bt.last {
    margin-right: 0;
}


/* login_box_new_user */

#login_box_new_user {
    width: 420px;
    padding: 10px 0;
    max-height: 400px;
    overflow: auto;
}

#NewUser_form {
    clear: both;
    padding-top: 15px;
}

#NewUser_form h2 {
    border: none;
    font-size: 16px;
    margin-bottom: 6px;
    line-height: 18px;
}

#NewUser_form .btn_crearcuenta_overlay {
    margin-top: 94px;
    float: right;
}

#login_box_olvido .btn_recuperar_overlay {
    margin-top: 10px;
    margin-right: 12px;
    float: right;
}

#NU_email,
#NU_email2,
#NU_pass,
#NU_pass_fake,
#NU_pass_oper {
    width: 200px;
    color: #AAA;
}

.NU_declaraciones {
    margin: 15px 0 3px 0;
    font-size: 11px;
    color: #999999;
}

.NU_nodisp {
    display: block;
    position: absolute;
    background-color: #F00;
    color: #FFF;
    margin-left: 130px;
    margin-top: 28px;
    padding: 4px 5px;
    text-align: center;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#login_box_newuswer_resp {
    padding: 10px 0;
    width: 500px;
    overflow: hidden;
}

#login_box_newuswer_resp a {
    font-size: 14px!important;
    text-decoration: underline!important;
}


/* BREADCRUM */

.site_breadcrum {
    float: left;
}

.site_breadcrum span {
    font-size: 13px;
    line-height: 30px;
    height: 30px;
    float: left;
    display: block;
}

.bc_cn {
    background-color: #EEEEEE;
    padding: 0 10px;
    font-weight: normal;
    color: #999999;
}

.bc_cs {
    background-color: #EAFF55;
    padding: 0 10px;
    font-weight: 600;
    color: #666666;
}

.ic_seguro {
    height: 30px;
    width: 13px;
    display: block;
    margin-left: 6px;
    float: right!important;
}

.bc_cn .ic_seguro {
    background-position: -478px -86px;
}

.bc_cs .ic_seguro {
    background-position: -460px -86px;
}

.bc_cn a,
.bc_cn a {
    text-decoration: underline;
}

.bc_ini,
.bc_fin,
.bc_ini_s,
.bc_fin_s {
    width: 5px;
}

.bc_ini {
    background-position: 0 -465px;
}

.bc_fin {
    background-position: -77px -465px;
}

.bc_ini_s {
    background-position: -31px -465px;
}

.bc_fin_s {
    background-position: -26px -465px;
}

.bc_sep,
.bc_sep_l,
.bc_sep_r {
    width: 21px;
}

.bc_sep {
    background-position: -57px -465px;
}

.bc_sep_l {
    background-position: -36px -465px;
}

.bc_sep_r {
    background-position: -5px -465px;
}


/* SLIDE CHAT PROACTIVO */

.paChat {
    background-color: #777777;
    position: fixed;
    z-index: 1000;
    height: 103px;
    width: 450px;
    top: -5px;
    right: 10px;
    -webkit-box-shadow: 0 2px 5px #000000;
    -moz-box-shadow: 0 2px 5px #000000;
    box-shadow: 0 2px 5px #000000;
    border-radius: 0pt 0pt 5px 5px;
    background-position: 100% -500px;
}

.paChatOverlay {
    opacity: 0.6;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 998;
    background: #000000;
}

.paChat h2 {
    color: #FFFFFF;
    height: 34px;
    width: 279px;
    text-indent: -9999px;
    background-position: 0 -505px;
    margin: 17px 0 3px 0;
}

.paChatContent2 {
    float: left;
    position: relative;
    font-size: 15px;
    color: #FFFFFF;
}

.paChatContent2 p {
    width: 200px;
    margin: 0;
    line-height: 16px;
}

.paChatOperName {
    font-weight: 600;
}

.paChatPortaBt {
    position: absolute;
    top: 62px;
    right: -50px;
}

.paChatBt {
    float: right;
}

.closeInvitation {
    float: right;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: 5px;
    background-position: -345px -505px;
}

.paChatFoto {
    float: left;
    width: 77px;
    height: 77px;
    background-position: -380px -505px;
    margin: 15px 13px 0 15px;
}

.paChatFoto a {
    display: block;
    width: 75px;
    height: 75px;
    overflow: hidden;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#jCover {
    cursor: wait;
}

#jCover-msg {
    cursor: wait;
}


/*----- spinner -----*/

.spinner-container {
    background: none repeat scroll 0 0 #FFFFFF;
    opacity: 0.5;
}

.spinner-container>.spinner {
    background: url("/img/spinner-tapa.gif") no-repeat scroll center center #000000;
    border-radius: 5px 5px 5px 5px;
    height: 32px;
    left: 50%;
    margin-left: -26px;
    margin-top: -26px;
    padding: 10px;
    position: absolute;
    top: 50%;
    width: 32px;
}


/*      BOX SPINNER
---------------------------*/

.spinner {
    display: block;
    height: 24px;
    width: 24px;
    margin: 0px auto;
    position: relative;
    vertical-align: middle;
    text-align: center;
    background-color: transparent;
    -webkit-animation: spin .8s infinite;
    -moz-animation: spin .8s infinite;
    -o-animation: spin .8s infinite;
    animation: spin .8s infinite;
    border-top-width: 3px;
    border-right-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 3px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgba(79, 170, 234, .8);
    border-right-color: rgba(79, 170, 234, .2);
    border-bottom-color: rgba(79, 170, 234, .8);
    border-left-color: rgba(79, 170, 234, .2);
    border-radius: 100%;
}

.spinner.s_xs {
    height: 10px;
    width: 10px;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
}

.spinner.s_s {
    height: 16px;
    width: 16px;
    border-top-width: 3px;
    border-right-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 3px;
}

.spinner.s_m {
    height: 32px;
    width: 32px;
    border-top-width: 4px;
    border-right-width: 4px;
    border-bottom-width: 4px;
    border-left-width: 4px;
}

.spinner.s_l {
    height: 48px;
    width: 48px;
    border-top-width: 5px;
    border-right-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 5px;
}

.spinner.s_xl {
    height: 64px;
    width: 64px;
    border-top-width: 6px;
    border-right-width: 6px;
    border-bottom-width: 6px;
    border-left-width: 6px;
}

.spinner.s_white {
    border-top-color: rgba(255, 255, 255, 1);
    border-right-color: rgba(255, 255, 255, .3);
    border-bottom-color: rgba(255, 255, 255, 1);
    border-left-color: rgba(255, 255, 255, .3);
}

.spinner.s_inline {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.spinner.s_doble {
    height: 50px;
    width: 50px;
    border-top-color: rgba(79, 170, 234, .6);
    border-right-color: rgba(79, 170, 234, 0);
    border-bottom-color: rgba(79, 170, 234, .6);
    border-left-color: rgba(79, 170, 234, 0);
    border-top-width: 5px;
    border-right-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 5px;
    -webkit-animation: spin .6s infinite;
    -moz-animation: spin .6s infinite;
    -o-animation: spin .6s infinite;
    animation: spin .6s infinite;
}

.spinner.s_doble_inner {
    position: absolute;
    top: 11px;
    left: 11px;
    height: 20px;
    width: 20px;
    border-top-color: rgba(79, 170, 234, 0);
    border-right-color: rgba(79, 170, 234, .6);
    border-bottom-color: rgba(79, 170, 234, 0);
    border-left-color: rgba(79, 170, 234, .6);
    border-top-width: 4px;
    border-right-width: 4px;
    border-bottom-width: 4px;
    border-left-width: 4px;
    -webkit-animation: spin .6s infinite;
    -moz-animation: spin .6s infinite;
    -o-animation: spin .6s infinite;
    animation: spin .6s infinite;
}


/* POPUP BOXES
---------------------------------------- */

#simplemodal-container.popup-box {
    padding: 0;
    background-color: #DADADA;
    height: auto !important;
}

#simplemodal-container.popup-box button {}

.modal-prompt,
.modal-alert,
.modal-confirm {
    background-color: #FFFFFF;
    margin: 0 0 0 70px;
    max-width: 600px;
    padding: 20px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.modal-prompt .content,
.modal-alert .content,
.modal-confirm .content {}

.modal-prompt .content>.title,
.modal-alert .content>.title,
.modal-confirm .content>.title {
    font-size: 16px;
    display: block;
}

.modal-prompt .content input.prompt {
    margin-right: 5px;
    margin-top: 10px;
    width: 100%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
}

.modal-alert .buttons,
.modal-prompt .buttons,
.modal-confirm .buttons {
    border-top: 1px dotted #ddd;
    margin-top: 20px;
    overflow: hidden;
    padding-top: 20px;
}

.modal-alert .buttons button,
.modal-prompt .buttons button,
.modal-confirm .buttons button {
    background-color: #44BBE4;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 -1px 1px 1px rgba(0, 0, 0, 0.1) inset, 0 23px 0 -10px rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: trebuchet MS;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    padding: 5px 10px;
    position: relative;
    text-transform: uppercase;
    vertical-align: middle;
    z-index: 3;
    font-size: 16px;
    padding: 5px 20px;
    margin: 0;
    float: right;
}

.modal-alert .buttons button.yes,
.modal-prompt .buttons button.yes,
.modal-confirm .buttons button.yes {
    margin-left: 20px;
}

.modal-alert .buttons button.yes,
.modal-prompt .buttons button.yes,
.modal-confirm .buttons button.yes,
.modal-alert .buttons button.important,
.modal-prompt .buttons button.important,
.modal-confirm .buttons button.important {
    background-color: #FEAB21;
}

.modal-confirm .icon-confirm,
.modal-alert .icon-alert,
.modal-prompt .icon-prompt {
    background: url("/img/common_1_sitio_donweb.png") no-repeat scroll -385px -585px transparent;
    display: inline-block;
    height: 50px;
    left: 10px;
    position: absolute;
    top: 15px;
    width: 50px;
}

.modal-alert .icon-alert {
    background-position: -339px -584px;
}

.modal-prompt .icon-prompt {
    background-position: -340px -630px;
}

.simplemodal-wrap .modal-html {
    background-color: #FFFFFF;
    padding: inherit;
    overflow: hidden;
}

.modal-alert .buttons {
    overflow: hidden;
}

.modal-alert .buttons .yes {
    float: right;
}


/* BOX CLIENTES TESTIMONIOS  */

.box_clientes_testimonios_container {
    position: relative;
    background: #FFFFFF;
    padding: 10px 10px 10px 30px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-top: 40px;
}

#box_clientes h3,
#box_testimonios h3 {
    font-size: 21px;
    font-style: italic;
    font-weight: normal;
    color: #666666;
    margin: 20px 0 10px 5px;
}

#box_clientes {
    float: left;
    position: relative;
}

.box_clientes_list {
    overflow: hidden;
    height: 90px;
    background: #EEEEEE;
    padding: 15px 0 15px 15px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.fullWidth .box_clientes_list {
    margin-left: 30px;
}

.box_clientes_list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.box_clientes_list ul li {
    overflow: hidden;
    float: left;
    height: 90px;
}

.box_clientes_list ul li span {
    display: block;
    float: left;
    width: 145px;
    height: 90px;
    margin-right: 15px;
    text-indent: -10000px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-image: url('/img/logos-clientes-sprite.jpg');
    background-repeat: no-repeat;
}

#clientes_anterior,
#clientes_siguiente {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #eeeeee;
    top: 181px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#clientes_anterior {
    background-position: -184px -690px;
    left: 15px;
}

#clientes_siguiente {
    background-position: -214px -690px;
    right: 15px;
}

#clientes_anterior:hover,
#clientes_siguiente:hover {
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.fullWidth #clientes_anterior {
    top: 103px;
    left: -5px;
}

.fullWidth #clientes_siguiente {
    top: 103px;
    right: -35px;
}

#box_testimonios {
    float: right;
    width: 355px;
    height: 190px;
    position: relative;
    background: #eeeeee;
    padding: 0px 10px 30px 30px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#box_testimonios ul {
    width: 355px;
    height: 131px;
    background-position: -310px -690px;
}

.box_testimonios_desc {
    margin: 12px 0 0 13px;
    width: 315px;
    height: 90px;
    font-family: Arial, helvetica, sans-serif;
    font-size: 13px;
    font-style: italic;
    line-height: 1.4;
    color: #999999;
    overflow: hidden;
}

.box_testimonios_desc span {
    display: block;
    margin-bottom: 5px;
}

.box_testimonios_desc span.last {
    margin-bottom: 0;
}

.box_testimonios_desc a {
    color: #666666;
    text-decoration: underline;
    font-style: normal;
}

.box_testimonios_firma {
    line-height: 1.5;
    position: absolute;
    top: 122px;
    left: 43px;
    font-size: 12px;
    color: #999999;
    font-family: Arial, helvetica, sans-serif;
}

#testimonio_anterior,
#testimonio_siguiente {
    display: block;
    position: absolute;
    width: 20px;
    height: 30px;
    background-color: #eeeeee;
    top: 177px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 99;
}

#testimonio_anterior {
    background-position: -189px -690px;
    right: 45px;
}

#testimonio_siguiente {
    background-position: -219px -690px;
    right: 25px;
}

#testimonio_anterior:hover,
#testimonio_siguiente:hover {
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}


/* ESTILOS LEANMODAL */

#lean_overlay {
    position: fixed;
    z-index: 10001;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}


/* ESTILOS POPOVER */

.popover {
    color: black;
    font-weight: normal;
    line-height: 1;
    cursor: auto;
    position: absolute;
    display: none;
    opacity: 0;
    background-color: white;
    border: 2px solid #999999;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    -webkit-transition: opacity 0.25s linear;
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    -moz-transition: opacity 0.25s linear;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    transition: opacity 0.25s linear;
}

.popover.active {
    opacity: 1;
}

.popover>.triangle {
    position: absolute;
    top: -22px;
    float: left;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid #999999;
}

.popover>.header {
    font-weight: 600;
    margin: 0;
    padding: 3px;
    height: 40px;
    color: white;
    background-color: black;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), color-stop(0.2, rgba(255, 255, 255, 0.4)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(transparent));
    text-align: center;
}

.popover>.content {
    min-width: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}


/* SimpTip v1.0.2 A simple CSS tooltip made with Sass
// source: https://github.com/arashmanteghi/simptip/
*/


/********************************* Core ******************************/

[data-tooltip] {
    position: relative;
    display: inline-block;
}

[data-tooltip]:before,
[data-tooltip]:after {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 999999;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

[data-tooltip]:before {
    content: '';
    border: 6px solid transparent;
}

[data-tooltip]:after {
    height: 22px;
    padding: 11px 11px 0 11px;
    font-size: 13px;
    line-height: 11px;
    content: attr(data-tooltip);
    white-space: nowrap;
}

[data-tooltip].simptip-position-top:before {
    border-top-color: #323232;
}

[data-tooltip].simptip-position-top:after {
    background-color: #323232;
    color: #ecf0f1;
}

[data-tooltip].simptip-position-bottom:before {
    border-bottom-color: #323232;
}

[data-tooltip].simptip-position-bottom:after {
    background-color: #323232;
    color: #ecf0f1;
}

[data-tooltip].simptip-position-left:before {
    border-left-color: #323232;
}

[data-tooltip].simptip-position-left:after {
    background-color: #323232;
    color: #ecf0f1;
}

[data-tooltip].simptip-position-right:before {
    border-right-color: #323232;
}

[data-tooltip].simptip-position-right:after {
    background-color: #323232;
    color: #ecf0f1;
}

[data-tooltip].simptip-position-top.half-arrow:before {
    border-right: 7px solid #323232;
}

[data-tooltip].simptip-position-bottom.half-arrow:before {
    border-right: 7px solid #323232;
}

[data-tooltip]:hover,
[data-tooltip]:focus {
    background-color: transparent;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after {
    opacity: 1;
    visibility: visible;
}


/******************************* Position ****************************/

.simptip-position-right:before,
.simptip-position-left:before,
.simptip-position-right:after,
.simptip-position-left:after {
    bottom: 50%;
}

.simptip-position-right:before,
.simptip-position-left:before {
    margin-bottom: -5px;
}

.simptip-position-right:after,
.simptip-position-left:after {
    margin-bottom: -14.66667px;
}

.half-arrow.simptip-position-right:before,
.half-arrow.simptip-position-left:before {
    bottom: 16px;
    border-style: none;
    border-top: 7px solid transparent;
}

.simptip-multiline.simptip-position-right:before,
.simptip-multiline.simptip-position-left:before,
.simptip-multiline.simptip-position-right:after,
.simptip-multiline.simptip-position-left:after {
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-filter: blur(0px);
    filter: blur(0px);
}

.simptip-multiline.simptip-position-right:before,
.simptip-multiline.simptip-position-left:before {
    margin-bottom: 0;
}

.simptip-multiline.half-arrow.simptip-position-right:before,
.simptip-multiline.half-arrow.simptip-position-left:before {
    margin-bottom: -2px;
}

.simptip-position-right:before,
.simptip-position-right:after {
    left: 100%;
}

.simptip-position-right:before {
    margin-left: -2px;
}

.simptip-position-right:after {
    margin-left: 10px;
}

.simptip-position-right.simptip-movable:before {
    margin-left: -10px;
}

.simptip-position-right.simptip-movable:after {
    margin-left: 2px;
}

.simptip-position-right.simptip-movable:hover:before,
.simptip-position-right.simptip-movable:hover:after {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
}

.simptip-position-right.simptip-movable.half-arrow:before {
    margin-left: -5px;
}

.simptip-position-right.half-arrow:before {
    margin-left: 3px;
    border-right: 7px solid #323232;
}

.simptip-position-left:before,
.simptip-position-left:after {
    right: 100%;
}

.simptip-position-left:before {
    margin-right: -2px;
}

.simptip-position-left:after {
    margin-right: 10px;
}

.simptip-position-left.simptip-movable:before {
    margin-right: -10px;
}

.simptip-position-left.simptip-movable:after {
    margin-right: 2px;
}

.simptip-position-left.simptip-movable:hover:before,
.simptip-position-left.simptip-movable:hover:after {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
}

.simptip-position-left.simptip-movable.half-arrow:before {
    margin-right: -5px;
}

.simptip-position-left.half-arrow:before {
    margin-right: 3px;
    border-left: 7px solid #323232;
}

.simptip-position-bottom:before,
.simptip-position-top:before,
.simptip-position-bottom:after,
.simptip-position-top:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.simptip-position-bottom:after,
.simptip-position-top:after {
    width: auto;
}

.half-arrow.simptip-position-bottom:before,
.half-arrow.simptip-position-top:before {
    border-style: none;
    border-right: 7px solid #323232;
}

.simptip-position-bottom:before,
.simptip-position-bottom:after {
    top: 100%;
}

.simptip-position-bottom:before {
    margin-top: -5px;
}

.simptip-position-bottom:after {
    margin-top: 7px;
}

.simptip-position-bottom:hover:before,
.simptip-position-bottom:hover:after {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.simptip-position-bottom.simptip-movable:before {
    margin-top: -15px;
}

.simptip-position-bottom.simptip-movable:after {
    margin-top: -3px;
}

.simptip-position-bottom.simptip-movable:hover:before,
.simptip-position-bottom.simptip-movable:hover:after {
    -webkit-transform: translate(-50%, 10px);
    -moz-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    -o-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
}

.simptip-position-bottom.simptip-movable.half-arrow:before {
    margin-top: -10px;
}

.simptip-position-bottom.half-arrow:before {
    margin-top: 0;
    border-top: 7px solid transparent;
}

.simptip-position-top:before,
.simptip-position-top:after {
    bottom: 100%;
}

.simptip-position-top:before {
    margin-bottom: -5px;
}

.simptip-position-top:after {
    margin-bottom: 7px;
}

.simptip-position-top:hover:before,
.simptip-position-top:hover:after {
    -webkit-transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}

.simptip-position-top.simptip-movable:before {
    margin-bottom: -15px;
}

.simptip-position-top.simptip-movable:after {
    margin-bottom: -3px;
}

.simptip-position-top.simptip-movable:hover:before,
.simptip-position-top.simptip-movable:hover:after {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    -o-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
}

.simptip-position-top.simptip-movable.half-arrow:before {
    margin-bottom: -10px;
}

.simptip-position-top.half-arrow:before {
    margin-bottom: 0;
    border-bottom: 7px solid transparent;
}


/******************************* Features ****************************/

.simptip-movable:before,
.simptip-movable:after {
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.simptip-smooth:after {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.simptip-fade:before,
.simptip-fade:after {
    -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition: opacity 0.2s linear, visibility 0.2s linear;
    -o-transition: opacity 0.2s linear, visibility 0.2s linear;
    -ms-transition: opacity 0.2s linear, visibility 0.2s linear;
    transition: opacity 0.2s linear, visibility 0.2s linear;
}

.simptip-multiline:after {
    height: auto;
    width: 150px;
    padding: 11px;
    line-height: 19px;
    white-space: normal;
    text-align: left;
}


/**************************** Diverse Colors *************************/

.simptip-success.simptip-position-top:before {
    border-top-color: #62c462;
}

.simptip-success.simptip-position-top:after {
    background-color: #62c462;
    color: #ecf0f1;
}

.simptip-success.simptip-position-bottom:before {
    border-bottom-color: #62c462;
}

.simptip-success.simptip-position-bottom:after {
    background-color: #62c462;
    color: #ecf0f1;
}

.simptip-success.simptip-position-left:before {
    border-left-color: #62c462;
}

.simptip-success.simptip-position-left:after {
    background-color: #62c462;
    color: #ecf0f1;
}

.simptip-success.simptip-position-right:before {
    border-right-color: #62c462;
}

.simptip-success.simptip-position-right:after {
    background-color: #62c462;
    color: #ecf0f1;
}

.simptip-success.simptip-position-top.half-arrow:before {
    border-right: 7px solid #62c462;
}

.simptip-success.simptip-position-bottom.half-arrow:before {
    border-right: 7px solid #62c462;
}

.simptip-info.simptip-position-top:before {
    border-top-color: #5bc0de;
}

.simptip-info.simptip-position-top:after {
    background-color: #5bc0de;
    color: #ecf0f1;
}

.simptip-info.simptip-position-bottom:before {
    border-bottom-color: #5bc0de;
}

.simptip-info.simptip-position-bottom:after {
    background-color: #5bc0de;
    color: #ecf0f1;
}

.simptip-info.simptip-position-left:before {
    border-left-color: #5bc0de;
}

.simptip-info.simptip-position-left:after {
    background-color: #5bc0de;
    color: #ecf0f1;
}

.simptip-info.simptip-position-right:before {
    border-right-color: #5bc0de;
}

.simptip-info.simptip-position-right:after {
    background-color: #5bc0de;
    color: #ecf0f1;
}

.simptip-info.simptip-position-top.half-arrow:before {
    border-right: 7px solid #5bc0de;
}

.simptip-info.simptip-position-bottom.half-arrow:before {
    border-right: 7px solid #5bc0de;
}

.simptip-danger.simptip-position-top:before {
    border-top-color: #e74c3c;
}

.simptip-danger.simptip-position-top:after {
    background-color: #e74c3c;
    color: #ecf0f1;
}

.simptip-danger.simptip-position-bottom:before {
    border-bottom-color: #e74c3c;
}

.simptip-danger.simptip-position-bottom:after {
    background-color: #e74c3c;
    color: #ecf0f1;
}

.simptip-danger.simptip-position-left:before {
    border-left-color: #e74c3c;
}

.simptip-danger.simptip-position-left:after {
    background-color: #e74c3c;
    color: #ecf0f1;
}

.simptip-danger.simptip-position-right:before {
    border-right-color: #e74c3c;
}

.simptip-danger.simptip-position-right:after {
    background-color: #e74c3c;
    color: #ecf0f1;
}

.simptip-danger.simptip-position-top.half-arrow:before {
    border-right: 7px solid #e74c3c;
}

.simptip-danger.simptip-position-bottom.half-arrow:before {
    border-right: 7px solid #e74c3c;
}

.simptip-warning.simptip-position-top:before {
    border-top-color: #e67e22;
}

.simptip-warning.simptip-position-top:after {
    background-color: #e67e22;
    color: #ecf0f1;
}

.simptip-warning.simptip-position-bottom:before {
    border-bottom-color: #e67e22;
}

.simptip-warning.simptip-position-bottom:after {
    background-color: #e67e22;
    color: #ecf0f1;
}

.simptip-warning.simptip-position-left:before {
    border-left-color: #e67e22;
}

.simptip-warning.simptip-position-left:after {
    background-color: #e67e22;
    color: #ecf0f1;
}

.simptip-warning.simptip-position-right:before {
    border-right-color: #e67e22;
}

.simptip-warning.simptip-position-right:after {
    background-color: #e67e22;
    color: #ecf0f1;
}

.simptip-warning.simptip-position-top.half-arrow:before {
    border-right: 7px solid #e67e22;
}

.simptip-warning.simptip-position-bottom.half-arrow:before {
    border-right: 7px solid #e67e22;
}


/* ICONOS VIAS DE PAGO */

.ic_fp_bf {
    background: transparent url('/img/ic_formas_pago.png') no-repeat;
    height: 48px;
}

.ic_fp_visa {
    width: 70px;
    background-position: -250px -156px;
}

.ic_fp_mastercard {
    width: 58px;
    background-position: -322px -156px;
}

.ic_fp_american-express {
    width: 44px;
    background-position: -382px -156px;
}

.ic_fp_cabal {
    width: 42px;
    background-position: -428px -156px;
}

.ic_fp_banco-galicia {
    width: 128px;
    background-position: -728px -108px;
}

.ic_fp_banco-santander-rio {
    width: 98px;
    background-position: -301px -62px;
}

.ic_fp_bbva-banco-frances {
    width: 135px;
    background-position: -207px -108px;
}

.ic_fp_debito-automatico {
    width: 94px;
    background-position: -745px -60px;
}

.ic_fp_citibank {
    width: 56px;
    background-position: -146px -156px;
}

.ic_fp_pagofacil {
    width: 47px;
    background-position: -1px -156px;
}

.ic_fp_rapipago {
    width: 88px;
    background-position: -540px -156px;
}

.ic_fp_pagomiscuentas {
    width: 127px;
    background-position: -1px -60px;
}

.ic_fp_paypal-verified {
    width: 46px;
    background-position: -50px -156px;
}

.ic_fp_moneybookers {
    width: 73px;
    background-position: -130px -60px;
}

.ic_fp_dineromail {
    width: 101px;
    background-position: -625px -108px;
}

.ic_fp_correo-argentino {
    width: 108px;
    background-position: -630px -156px;
}

.ic_fp_western-union {
    width: 88px;
    background-position: -740px -156px;
}

.ic_fp_money-gram {
    width: 118px;
    background-position: -505px -108px;
}

.ic_fp_banco-mercantil-santa-cruz {
    width: 168px;
    background-position: -395px -252px;
}

.ic_fp_banco-credito-bolivia {
    width: 91px;
    background-position: -230px -348px;
}

.ic_fp_banco-itau {
    width: 44px;
    background-position: -204px -156px;
}

.ic_fp_grupo-santander {
    width: 98px;
    background-position: -301px -62px;
}

.ic_fp_banco-banesto {
    width: 98px;
    background-position: -301px -60px;
}

.ic_fp_dineromail-mexico {
    width: 190px;
    background-position: -679px -252px;
}

.ic_fp_banco-banamex {
    width: 108px;
    background-position: -636px -60px;
}

.ic_fp_banco-bbva-bancomer {
    width: 110px;
    background-position: -95px -108px;
}

.ic_fp_banco-banorte {
    width: 112px;
    background-position: -565px -252px;
}

.ic_fp_bbv-banco-continental {
    width: 159px;
    background-position: -344px -108px;
}

.ic_fp_bbva-banco {
    width: 92px;
    background-position: -1px -108px;
}

.ic_fp_credit-uruguay {
    width: 112px;
    background-position: 0 -204px;
}

.ic_fp_banco-banesco {
    width: 109px;
    background-position: -401px -60px;
}

.ic_fp_banco-mercantil-venezuela {
    width: 103px;
    background-position: -120px -252px;
}

.ic_fp_naranja {
    width: 68px;
    background-position: 0 -300px;
}

.ic_fp_red-link {
    width: 48px;
    background-position: -97px -157px;
}

.ic_fp_banco-de-chile {
    width: 104px;
    background-position: -730px -204px;
}

.ic_fp_banco-bicentenario-universal {
    width: 140px;
    background-position: -70px -300px;
}

.ic_fp_banco-venezuela {
    width: 162px;
    background-position: -215px -308px;
}

.ic_fp_spvisa {
    width: 120px;
    background-position: -380px -300px;
}

.ic_fp_hsbc-mexico {
    width: 115px;
    background-position: -505px -300px;
}

.ic_fp_credito-peru {
    width: 168px;
    background-position: -225px -252px;
}

.ic_fp_banco-de-venezuela {
    width: 162px;
    background-position: -215px -300px;
}

.ic_fp_banco-macro {
    width: 114px;
    background-position: -630px -300px;
}

.ic_fp_banco-santafe {
    width: 140px;
    background-position: -750px -300px;
}

.ic_fp_banco-de-la-nacion-argentina {
    width: 140px;
    background-position: -588px -204px;
}

.ic_fp_davivienda {
    width: 48px;
    background-position: 0 -348px;
}

.ic_fp_7eleven {
    width: 46px;
    background-position: -50px -348px;
}

.ic_fp_scotiabank-uy {
    width: 126px;
    background-position: -100px -348px;
}

.ic_fp_banco-sabadell {
    width: 120px;
    background-position: -330px -348px;
}

.ic_fp_banco-bancolombia {
    height: 39px;
    width: 118px;
    background-position: -460px -350px;
}

.ic_fp_banco-santander-mexico {
    width: 98px;
    background-position: -301px -62px;
}

.ic_fp_banco_venezolano_credito {
    width: 153px;
    background-position: -530px -444px;
}

.ic_fp_payuco {
    width: 75px;
    background-position: -585px -348px;
}

.ic_fp_payumx {
    width: 75px;
    background-position: -585px -348px;
}

.ic_fp_baloto {
    width: 92px;
    background-position: -710px -348px;
}

.ic_fp_pse-co {
    width: 38px;
    background-position: -665px -348px;
}

.ic_fp_efecty {
    width: 78px;
    background-position: -810px -348px;
}

.ic_fp_sured {
    width: 83px;
    background-position: 0px -396px;
}

.ic_fp_banco-bogota {
    width: 160px;
    background-position: -90px -396px;
}

.ic_fp_banco-davivienda {
    width: 182px;
    background-position: -260px -396px;
}

.ic_fp_diners {
    width: 125px;
    background-position: -450px -396px;
}

.ic_fp_codensa {
    width: 92px;
    background-position: -585px -396px;
}

.ic_fp_oxxo {
    width: 67px;
    background-position: -740px -396px;
}

.ic_fp_spe-mx {
    width: 90px;
    background-position: -180px -444px;
}

.ic_fp_farmacias-ahorro {
    width: 85px;
    background-position: -430px -444px;
}

.ic_fp_farmacias-benavides {
    width: 143px;
    background-position: -280px -444px;
}


/* BANDERAS CLIENTES */

.clientes_flags {
    width: 16px;
    height: 11px;
    background: url('/img/banderas.png') no-repeat;
}

.cf-ag {
    background-position: -16px 0
}

.cf-ai {
    background-position: -32px 0
}

.cf-an {
    background-position: -48px 0
}

.cf-ar {
    background-position: -64px 0
}

.cf-aw {
    background-position: -80px 0
}

.cf-bb {
    background-position: -96px 0
}

.cf-bm {
    background-position: -112px 0
}

.cf-bo {
    background-position: 0 -11px
}

.cf-br {
    background-position: -16px -11px
}

.cf-bs {
    background-position: -32px -11px
}

.cf-bz {
    background-position: -48px -11px
}

.cf-ca {
    background-position: -64px -11px
}

.cf-ch {
    background-position: -80px -11px
}

.cf-cl {
    background-position: -96px -11px
}

.cf-co {
    background-position: -112px -11px
}

.cf-cr {
    background-position: 0 -22px
}

.cf-cu {
    background-position: -16px -22px
}

.cf-cw {
    background-position: -32px -22px
}

.cf-de {
    background-position: -48px -22px
}

.cf-dm {
    background-position: -64px -22px
}

.cf-do {
    background-position: -80px -22px
}

.cf-ec {
    background-position: -96px -22px
}

.cf-es {
    background-position: -112px -22px
}

.cf-fk {
    background-position: 0 -33px
}

.cf-fr {
    background-position: -16px -33px
}

.cf-gb {
    background-position: -32px -33px
}

.cf-gd {
    background-position: -48px -33px
}

.cf-gf {
    background-position: -64px -33px
}

.cf-gl {
    background-position: -80px -33px
}

.cf-gp {
    background-position: -96px -33px
}

.cf-gt {
    background-position: -112px -33px
}

.cf-gy {
    background-position: 0 -44px
}

.cf-hn {
    background-position: -16px -44px
}

.cf-ht {
    background-position: -32px -44px
}

.cf-it {
    background-position: -48px -44px
}

.cf-jm {
    background-position: -64px -44px
}

.cf-kn {
    background-position: -80px -44px
}

.cf-ky {
    background-position: -96px -44px
}

.cf-lc {
    background-position: -112px -44px
}

.cf-mq {
    background-position: 0 -55px
}

.cf-ms {
    background-position: -16px -55px
}

.cf-mx {
    background-position: -32px -55px
}

.cf-ni {
    background-position: -48px -55px
}

.cf-pa {
    background-position: -64px -55px
}

.cf-pe {
    background-position: -80px -55px
}

.cf-pm {
    background-position: -96px -55px
}

.cf-pr {
    background-position: -112px -55px
}

.cf-py {
    background-position: 0 -66px
}

.cf-sr {
    background-position: -16px -66px
}

.cf-sv {
    background-position: -32px -66px
}

.cf-tc {
    background-position: -48px -66px
}

.cf-tt {
    background-position: -64px -66px
}

.cf-us {
    background-position: -80px -66px
}

.cf-uy {
    background-position: -96px -66px
}

.cf-vc {
    background-position: -112px -66px
}

.cf-ve {
    background-position: 0 -77px
}

.cf-vg {
    background-position: -16px -77px
}

.cf-vi {
    background-position: -32px -77px
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-table;
}


/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.mobile,
.tel_otros_paises .otros_paises.mobile {
    display: none;
}

#mobile-preloader {
    background-color: #fff;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    opacity: 0.8;
}


/* <TEMPLATES> */


/* Template: seccion_clientes */

.clientes_slider {
    color: #ffffff;
    font-size: 13px;
    font-weight: 300;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.clientes_slider p {
    color: #444;
    font-size: 16px;
}

.clientes_slider p strong {
    font-weight: 500;
}

.clientes_slider p em {
    font-style: normal;
}

.clientes_slider p.titulo {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 32px !important;
    text-shadow: none;
    margin-top: 0px;
    text-align: center;
}

.clientes_slider p.titulo strong {
    font-weight: 600;
}

.clientes_slider ul.clientes_container {
    margin-top: 50px;
}

.clientes_slider ul.clientes_container li {
    margin: 0 auto;
    display: block;
    width: 940px;
    height: 100px;
    background-repeat: no-repeat;
}

.clientes_slider li.clientes_1 {
    background-position: 0 0;
}

.clientes_slider li.clientes_2 {
    background-position: 0 -100px;
}

.clientes_slider li.clientes_3 {
    background-position: 0 -200px;
}

.clientes_slider li.clientes_4 {
    background-position: 0 -300px;
}

.clientes_slider li.clientes_5 {
    background-position: 0 -400px;
}

.clientes_slider div.clientes_pager {
    margin: 0 auto;
    margin-top: 50px;
    text-align: center;
}

.clientes_slider div.clientes_pager a {
    text-indent: -9999px;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #cccccc;
}

.clientes_slider div.clientes_pager a.activeSlide {
    background-color: #ffffff;
    border: 1px solid #cccccc;
}


/* <PLUGINS-IT> */


/* </PLUGINS-IT> */


/* <SECCIONES-IT> */

body.secc-it:not(.mobile) .content_wrap {
    width: 940px;
    margin: 0 auto;
}


/* ESPACIADO VERTICAL BLOQUES */

.pb60 {
    padding-bottom: 60px;
}

.pb80 {
    padding-bottom: 80px;
}

.pb100 {
    padding-bottom: 100px;
}

.pb120 {
    padding-bottom: 120px;
}

.pt60 {
    padding-top: 60px;
}

.pt80 {
    padding-top: 80px;
}

.pt100 {
    padding-top: 100px;
}

.pt120 {
    padding-top: 120px;
}


/* BOTONES */

.acceso_clientes .btn.oscuro {
    margin: 0px;
}

.secc-it .btn,
.footer_cta .btn {
    /* padding: 13px 24px; */
    border: none;
    box-shadow: none;
    background: #b6bec1;
}

.secc-it .btn {
    line-height: 14px;
    font-weight: normal;
}

.btn.btn_verde {
    background: #339900;
    color: #ffffff;
}

.btn.btn_verde:hover,
.btn.btn_verde:focus {
    background: #78c259;
}

.btn_xs {
    padding: 6px 10px !important;
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 1px;
}

.btn_s {
    padding: 8px 10px !important;
    line-height: 15px;
    font-size: 11px;
    font-weight: 300;
}

.btn_l {
    padding: 12px 30px !important;
    font-size: 16px;
    letter-spacing: 1px;
}

.btn_xl {
    padding: 14px 36px !important;
    font-size: 18px;
    letter-spacing: 1px;
}

.secc-it .btn_azul,
.footer_cta .btn_azul {
    background: #3598db;
    box-shadow: none;
    border: none;
    text-transform: uppercase;
    font-weight: normal;
}

.btn_azul:hover,
.btn_azul:focus {
    background: #54ABE7!important;
}


/* CARGA SPRITES */

.sprite_1 {
    background-image: url('/img/servicios-it-sprite_transparente.png');
    background-repeat: no-repeat;
}

.sprite_2 {
    background-image: url('/img/servicio it ic chat animado.gif');
    background-repeat: no-repeat;
}

.sprite_3 {
    background-repeat: no-repeat;
    background-color: #ffffff!important;
}


/* SECCION CLIENTES */

.clientes_1 {
    background-position: 0 0;
    text-indent: -9999px;
}

.clientes_2 {
    background-position: 0 -100px;
    text-indent: -9999px;
}

.clientes_3 {
    background-position: 0 -200px;
    text-indent: -9999px;
}

.clientes_4 {
    background-position: 0 -300px;
    text-indent: -9999px;
}

.clientes_5 {
    background-position: 0 -400px;
    text-indent: -9999px;
}


/* </SECCIONES-IT> */


/* KEYFRAMES */

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotateZ(0deg);
    }
    to {
        -webkit-transform: rotateZ(359deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotateZ(0deg);
    }
    to {
        -moz-transform: rotateZ(359deg);
    }
}

@-o-keyframes spin {
    from {
        -o-transform: rotateZ(0deg);
    }
    to {
        -o-transform: rotateZ(359deg);
    }
}

@keyframes spin {
    from {
        transform: rotateZ(0deg);
    }
    to {
        transform: rotateZ(359deg);
    }
}


/* CLASES PARA VERSION MOBILE */


/* MEDIA QUERIES */

@media(max-width:979px) {
    body {
        padding-top: 0px;
    }
    body.mobile,
    html {
        padding: 0;
        margin: 0;
        border: none;
        font-family: 'Open Sans', sans-serif;
        position: relative;
    }
    .movil_contenido {
        display: block;
        width: 93%;
        margin-left: 4%;
        position: relative;
        height: 100%;
    }
    .movil_sprite {
        background: url("/img/sprite_mobile.png") no-repeat 0 0 transparent;
    }
    #movil_logo {
        position: absolute;
        top: 50%;
        margin-top: -20px;
        left: 0;
        width: 125px;
        height: 35px;
        text-decoration: none;
        background-position: -100px 3px;
        text-indent: -9999px;
    }
    #movil_logo a {
        display: block;
        height: 100%;
    }
    #movil_menu .movil_contenido {
        overflow: hidden;
    }
    #movil_barra-contacto {
        width: 100%;
        height: auto;
        border-bottom: 3px solid #e3e6e8;
        background: #eceff1;
    }
    .magictime {
        -webkit-animation-duration: 0.3s !important;
        -moz-animation-duration: 0.3s !important;
        -o-animation-duration: 0.3s !important;
        animation-duration: 0.3s !important;
    }
    .movil_arrow {
        position: relative;
        border: none;
        display: block;
    }
    .movil_arrow:after,
    .movil_arrow:before {
        top: 50%;
        margin-top: -4px;
        left: 90%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    .movil_arrow:after {
        border-color: transparent;
        border-top-color: #fff;
        border-width: 6px;
        margin-left: -8px;
    }
    .movil_arrow:before {
        border-color: rgba(0, 0, 0, 0);
        border-top-color: #b2bec3;
        border-width: 8px;
        margin-left: -10px;
    }
    .movil_accion,
    a.movil_accion {
        background: #56a846;
        padding-left: 40px;
        padding-right: 40px;
        border-radius: 3px;
        border-bottom: solid 2px #3c7d2f;
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        line-height: 60px;
        display: inline-block;
    }
    .movil_accion:hover,
    a.movil_accion:hover {
        background: #5bb949;
    }
    .movil_accion:active,
    a.movil_accion:active {
        margin-top: 2px;
        border-bottom: none;
    }
    /*    .footer.mobile li a{
        line-height: 60px;
        padding-left: 22px;
        padding-right: 10px;
        color: #627984;
        display: block;
        text-align:left;
        font-weight: 600;
        font-size: 15px;
    }*/
    /*    .footer.mobile ul {
        width: 49%;
        float:left;
    }*/
    /*    .footer.mobile ul li {
        border:none;
        border-top: solid 1px #e2e5e6;
        border-right:solid 1px #e2e5e6;
    }*/
    /*    .footer.mobile ul li.first {
        border-top:none;
    }

    .footer.mobile ul.right-links li {
        border-right:none;
    }
                    
    .footer.mobile{
        background:#ecf0f1;
        padding: 1%;
        padding-top:40px;
        padding-bottom:40px;
    }*/
    .tel_otros_paises ul.otros_paises_list {
        right: auto;
        left: 0;
        width: 100%;
        bottom: 33px;
    }
    .movil_slide .movil_accion:active {
        margin-top: 43px;
    }
    /****************************
    ESCONDO EL SITIO
    *****************************/
    section.productos_box,
    section.dominio_box {
        display: none;
    }
    .cambio_pais a {
        line-height: 50px;
    }
    .cambio_pais ul {
        padding: 0;
        float: left;
        left: 1%;
        position: absolute;
        top: 98%;
        visibility: hidden;
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
        z-index: 541;
        -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.4);
    }
    .fd_dd {
        background-color: #fff;
        border-radius: 0 0 2px 2px;
        -moz-border-radius: 0 0 2px 2px;
        -webkit-border-radius: 0 0 2px 2px;
    }
    .tel_otros_paises ul.otros_paises_list {
        z-index: 1000;
    }
    .tel_otros_paises ul.otros_paises_list li a {
        line-height: 45px;
        text-transform: uppercase;
    }
    .mobile_wrapper {
        width: 400px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    .tel_otros_paises .otros_paises {
        display: none;
    }
    .tel_otros_paises .otros_paises.mobile {
        display: block;
        background: transparent;
        border: none;
    }
    .tel_otros_paises {
        position: absolute;
        right: 0;
        top: 0;
    }
    .tel_otros_paises ul.otros_paises_list {
        right: 10px;
        left: auto;
        width: 220px;
        bottom: auto;
        top: 40px;
        height: 215px;
        overflow: auto;
    }
    .otros_paises.mobile {
        overflow: hidden;
        position: absolute;
        top: 6px;
        right: 2px;
    }
    .otros_paises.mobile i {
        width: 45px;
        height: 40px;
        background-position: -70px -382px;
        display: block;
    }
    .mobile {
        display: block;
    }
}

@media(max-width:480px) {
    .mobile_wrapper {
        width: 100%;
    }
}


/*** Data Dropdown ***/

[data-dropdown] {
    cursor: pointer;
}


/********************/


/*******************************
Este archivo agrega estilos existentes en  nuevo/css/comunes/common.css
En algunos casos, reescribe estilos existentes en common_base 
*******************************/

@media (max-width: 979px) {
    .mobile_wrapper {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
}


/* -------------------- *\
    #COLUMNAS
\* -------------------- */

[class^="col-"] {
    display: inline-block;
    box-sizing: border-box;
}

.col-1-1 {
    width: 100%;
}

.col-1-2 {
    width: 50%;
}

.col-1-3 {
    width: 33.3333%;
}

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

.col-1-5 {
    width: 20%;
}

.col-1-6 {
    width: 16.6666%;
}

.col-2-3 {
    width: 66.6666%;
}

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

.col-2-5 {
    width: 40%;
}

.col-3-5 {
    width: 60%;
}

.col-4-5 {
    width: 80%;
}

.col-5-6 {
    width: 83.3333%;
}


/* -------------------- *\
    #BANDERAS
\* -------------------- */

.ic_flag {
    width: 27px;
    height: 18px;
    line-height: 18px;
    vertical-align: text-top;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flag_ar {
    background-position: 0 -125px;
}

.flag_bo {
    background-position: -30px -125px;
}

.flag_br {
    background-position: -60px -125px;
}

.flag_cl {
    background-position: -90px -125px;
}

.flag_co {
    background-position: -120px -125px;
}

.flag_es {
    background-position: -150px -125px;
}

.flag_us {
    background-position: -180px -125px;
}

.flag_int {
    background-position: -210px -125px;
}

.flag_mx {
    background-position: -240px -125px;
}

.flag_pe {
    background-position: -270px -125px;
}

.flag_uy {
    background-position: -300px -125px;
}

.flag_ve,
.flag_ven,
.flag_vet {
    background-position: -330px -125px;
}

.bt_ic {
    vertical-align: text-top;
    display: inline-block;
    zoom: 1;
}


/* -------------------- *\
    #REDES SOCIALES
\* -------------------- */

.redes_sociales_lks {
    list-style: none!important;
    padding: 0!important;
    margin: 0!important;
}

.redes_sociales_lks li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-right: 3px;
}

.redes_sociales_lks li a {
    display: block;
    width: 36px;
    height: 36px;
    text-indent: -9999px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.redes_sociales_lks li a:hover,
.redes_sociales_lks li a:focus {
    opacity: 0.6;
}


/* -------------------- *\
    #RESPONSIVE
\* -------------------- */

.mobile,
.solo_mobile {
    display: none;
}

@media (min-width: 980px) {
    .no-desktop {
        display: none!important;
    }
}

@media(max-width: 979px) {
    body {
        padding-top: 60px;
    }
    .no-mobile {
        display: none!important;
    }
    .solo_mobile {
        display: block;
    }
    section {
        padding: 4em 0;
    }
    section>.bloques {
        padding: 0 1.5em;
    }
    section>.bloques>.bloque .titulo {
        margin-bottom: 1.5em;
    }
}

@media(max-width: 979px) {
    .mobile {
        display: block;
    }
}

.bt,
.btxt,
.btn {
    position: relative;
    border: none;
    background-color: #a2aaad;
    color: #ffffff;
    display: inline-block;
    zoom: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
    border-radius: 3px;
    cursor: pointer;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.btn:hover,
.btn:focus {
    background-color: #b6bec1;
}


/* -------------------- *\
    #TAMA�OS
\* -------------------- */

.btn.small {
    padding: 5px 12px !important;
}

.btn.large {
    padding: 19px 35px !important;
}


/* -------------------- *\
    #COLORES
\* -------------------- */


/* Sobre-escribe las clases existentes de common_base.css */

.btn.principal {
    display: inline-block;
    box-shadow: none;
    text-align: center;
    font-size: 14px;
    background-color: #339900;
    padding: 14px 20px;
    border-radius: 4px;
    line-height: 24px;
    color: #ffffff;
    cursor: pointer;
    font-weight: 400;
    text-transform: uppercase;
    box-sizing: border-box;
}

.btn.principal:hover,
.btn.principal:focus {
    background-color: #78c259;
}

.btn.principal.info {
    padding: 10px 18px;
}

.btn.secundario {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    background-color: transparent;
    border: 1px solid #666666;
    border-radius: 4px;
    text-transform: uppercase;
    padding: 14px 20px;
    display: inline-block;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
}

.btn.secundario:hover,
.btn.secundario:focus {
    background-color: rgba(192, 192, 192, .4);
}

.btn.secundario.white {
    color: #ffffff;
    background-color: transparent;
    border: 1px solid #ffffff;
}

.btn.secundario.white:hover,
.btn.secundario.white:focus {
    background-color: rgb(254, 254, 254, 0.4);
}

.bt_azul,
.btxt_azul,
.btn.secondaty {
    background: #26AEE3;
}

.bt_azul:hover,
.bt_azul:focus,
.btn.secondaty:hover,
.btn.secondaty:focus {
    background: #3da1c8;
}

.btn.oscuro {
    background: #666;
    background-color: #666!important;
}

.btn.oscuro:hover {
    background: #888;
    background-color: #888!important;
    box-shadow: none!important;
}

.acceso_clientes .btn.oscuro {
    margin: 0px;
}


/**** Para compatibilizar la actualizacion de Common_base con las p�ginas viejas ****/

.bt {
    background: none;
    background-color: #56a846;
    box-shadow: none;
    line-height: 24px;
}

.triangle_c_fd_dd {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #FF6600 transparent;
    -webkit-transform: rotate(360deg);
}

.ic_circle_down,
.ic_circle_up,
.ic_circle_left,
.ic_circle_right,
.ic_circle_left_gris,
.ic_circle_right_gris {
    width: 42px;
    height: 42px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.ic_circle_down {
    background-position: -440px -150px;
}

.ic_circle_up {
    background-position: -485px -150px;
}

.ic_circle_left {
    background-position: -350px -150px;
}

.ic_circle_right {
    background-position: -395px -150px;
}

.ic_circle_left_gris {
    background-position: -440px -103px;
}

.ic_circle_right_gris {
    background-position: -485px -103px;
}


/* ICONOS MATERIAL */


/* Rules for sizing the icon. */

.material-icons.md-12 {
    font-size: 12px;
}

.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}


/* Rules for using icons as black on a light background. */

.material-icons.md-dark {
    color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
    color: rgba(0, 0, 0, 0.26);
}


/* Rules for using icons as white on a dark background. */

.material-icons.md-light {
    color: rgba(255, 255, 255, 1);
}

.material-icons.md-light.md-inactive {
    color: rgba(255, 255, 255, 0.3);
}

i.ic_google_apps,
i.ic_parqueo_redir,
i.ic_gestion_contactos,
i.ic_bloqueo_dominio,
i.ic_gestion_dns {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

i.ic_google_apps {
    background-position: -256px -246px;
}

i.ic_parqueo_redir {
    background-position: -232px -246px;
}

i.ic_gestion_contactos {
    background-position: -208px -246px;
}

i.ic_bloqueo_dominio {
    background-position: -184px -246px;
}

i.ic_gestion_dns {
    background-position: -160px -246px;
}


/* -------------------- *\
    #REDES SOCIALES
\* -------------------- */

.ic_social_fb {
    background-position: -380px 0;
}

.ic_social_tt {
    background-position: -420px 0;
}

.ic_social_gp {
    background-position: -460px 0;
}

.ic_social_yt {
    background-position: -500px 0;
}

.ic_social_db {
    background-position: -540px 0;
}

.ic_social_in {
    background-position: -500px -40px;
}

.ic_social_ln {
    background-position: -539px -40px;
}


/*******
Nuevo
*******/

.spinner.jcover {
    border-bottom-color: rgb(58, 60, 68);
    border-right-color: rgba(58, 60, 68, 0.3);
    border-left-color: rgba(58, 60, 68, 0.3);
    border-top-color: rgba(58, 60, 68, 0.3);
    border-width: 4px;
    -webkit-animation: spin 0.5s linear infinite;
    -moz-animation: spin 0.5s linear infinite;
    -o-animation: spin 0.5s linear infinite;
    animation: spin 0.5s linear infinite;
    height: 45px;
    width: 45px;
}


/**
 * Template Overlay
 */

.difm-10 {
    display: none;
}

[data-template="overlay-msg"] {
    display: none;
}

[data-template="overlay-msg"] {
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    opacity: 0;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
    display: none;
}

[data-template="overlay-msg"].flexible {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}

[data-template="overlay-msg"].active {
    opacity: 1;
}

[data-template="overlay-msg"] .overlay {
    width: 654px;
    max-width: 96%;
    box-sizing: border-box;
    padding: 30px 30px 20px 30px;
    border-radius: 5px;
    background-color: #fff;
    position: relative;
}

[data-template="overlay-msg"] i.close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 24px;
    padding: 10px;
    color: #777;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
}

[data-template="overlay-msg"] i.close:hover {
    color: #000;
    cursor: pointer;
}

[data-template="overlay-msg"] p.title {
    font-weight: 700;
    margin: 0;
    padding: 0 0 20px 0;
    font-family: 'Oxygen';
    font-size: 28px;
    line-height: 1.4;
    color: #3a3f4e;
}

[data-template="overlay-msg"] hr.sep-title {
    height: 2px;
    margin: 0 0 10px 0;
    background-color: #deefff;
    border: none;
    margin: auto;
    width: 100%;
}

[data-template="overlay-msg"] p.title b,
[data-template="overlay-msg"] p.title strong {
    font-weight: 600;
}

[data-template="overlay-msg"] p.title.error {
    color: #b90000;
}

[data-template="overlay-msg"] p.title.info {
    color: #f60;
}

[data-template="overlay-msg"] .row {
    padding: 15px 0;
}

[data-template="overlay-msg"] p.bajada-popup {
    font-size: 17px;
    font-weight: 600;
    color: #333333;
}

[data-template="overlay-msg"] p.text {
    font-size: 15px;
    color: #333333;
    margin: 0 0 20px 0;
}

[data-template="overlay-msg"] p.title i {
    font-size: 28px;
    position: relative;
    top: 5px;
    padding: 0 10px 0 0;
}

[data-template="overlay-msg"] .action::after {
    content: '';
    display: block;
    clear: both;
}

[data-template="overlay-msg"] a.main {
    line-height: 1;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 15px;
    float: right;
    background-color: transparent;
    color: #2d2d2d!important;
    border: 1px solid #2d2d2d;
    font-weight: 600;
}

[data-template="overlay-msg"] div.action {
    margin: 20px 0 0 0;
}

[data-template="overlay-msg"] a.main:hover,
[data-template="overlay-msg"] a.main:focus {
    background-color: rgba(0, 0, 0, 0.1);
}

[data-template="overlay-msg"] a.secondary {
    display: none;
}

[data-template="overlay-msg"].fix-responsive .overlay {
    position: fixed;
    top: 0;
    height: 100vh;
    overflow: auto;
    border-radius: 0px;
    max-width: 100%;
}

body.no-scroll {
    overflow: hidden;
}

body.no-scroll nav {
    z-index: 1;
}


/*captcha envialosimple*/

.mostrarCaptcha {
    display: none;
}

.mostrarCaptcha .inputs.captcha {
    display: block;
    width: 100%;
    margin-bottom: 60px;
    margin-top: 20px;
}

.mostrarCaptcha img#imgCaptcha {
    display: block;
    margin-bottom: 20px;
}

.mostrarCaptcha .contenedor-input {
    position: relative;
    width: 46%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.mostrarCaptcha input {
    width: 100%;
    height: 45px;
    border-radius: 6px;
    margin-right: 15px;
    font-size: 14px;
    border: none;
    background: rgba(255, 255, 255, .8);
    box-sizing: border-box;
    padding: 0 0 0 15px;
}

.mostrarCaptcha .mensaje-error {
    position: absolute;
    background-color: #f26363;
    font-size: 13px;
    padding: 5px;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    top: -15px;
    right: 0;
    display: none;
}


/**
* Checkbox Lead Forms RGDP
*/

div.lead-options {
    text-align: left;
    margin: 15px 0 0 0;
}

div.lead-options .option {
    cursor: pointer;
}

div.lead-options .option::after {
    content: '';
    display: block;
    clear: both;
}

div.lead-options i {
    font-size: 18px;
    display: inline-block;
    float: left;
}

div.lead-options i.checked {
    display: none;
}

div.lead-options span {
    width: calc( 100% - 20px);
    padding: 0 0 0 5px;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.2;
}

div.lead-options span strong {
    font-weight: 600;
}

div.lead-options span.error {
    opacity: 0;
    float: right;
    padding: 10px 0 0 0;
    font-size: 11px;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
}

div.lead-options .checked i {
    display: none;
}

div.lead-options .checked i.checked {
    display: inline-block;
}

div.lead-options.error span.error {
    opacity: 1;
}


/**
Banner RGDP
**/

.optanon-alert-box-wrapper {
    z-index: 999999999999!important;
}

.input.custom-select {
    position: relative;
}

.input.custom-select i {
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -12px 0 0 0;
}

.input.custom-select input {
    cursor: pointer;
}

.input.custom-select ul {
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 10;
    list-style: none;
    max-height: 200px;
    padding: 0;
    border: 1px solid #ccc;
    background-color: #fff;
    overflow: auto;
}

.input.custom-select ul li {
    border-bottom: 1px solid #ccc;
    padding: 10px 15px;
    cursor: pointer;
    -webkit-transition: .15s all;
    -moz-transition: .15s all;
    -o-transition: .15s all;
    transition: .15s all;
}

.input.custom-select ul li:hover {
    background-color: #efefef;
}

.input.custom-select ul li.sep_option {
    font-size: 11px;
    font-weight: 700;
    color: #2d2d2d;
    background-color: #ccc;
    padding: 5px 15px;
    cursor: initial;
}


/* leyenda no incluye iva */

#leyenda-sin-iva {
    text-align: center;
    margin-bottom: 50px;
}

.grecaptcha-badge {
    display: none !important;
}
/*--FIN /sp/common_base.css */

/* /sp/common_chat.css */
/***
Formulario
***/
.dw-form{
}

.dw-form .select,
.dw-form .input{
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #ccc;
    position: relative;
    box-sizing: border-box;
    margin: 0 0 20px 0;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
}

.dw-form .select label,
.dw-form .input label{
    height: 14px;
    font-size: 14px;
    font-weight: 300;
    color: #999;
    position: absolute;
    top: 50%;
    left: 10px;
    margin: -7px 0 0 0;
    z-index: 0;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
}

.dw-form .input input{
    width: 100%;
    height: 100%;
    border: none;
    font-size: 14px;
    color: #2d2d2d!important;
    z-index: 1;
    background: transparent;
    position: relative;
    box-sizing: border-box;
    padding: 15px 10px 5px 10px;
}

.dw-form .select.active label,
.dw-form .input.active label{
    font-size: 10px;
    top: 11px;
}

.dw-form .input.error,
.dw-form .select.error {
    border-color: #c33;
}

.dw-form .select.error label,
.dw-form .input.error label {
    color: #c33;
}

.captcha .input span.error,
.dw-form .input span.error,
.dw-form .select span.error {
    position: absolute;
    bottom: -15px;
    left: 10px;
    font-size: 11px;
    color: #c33;
    opacity: 0;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
}

.captcha .input.error span.error,
.dw-form .input.error span.error,
.dw-form .select.error span.error {
    opacity: 1;
}

@media(max-width: 420px){
    .dw-form .grupo-telefono .input:nth-child(1),
    .dw-form .grupo-telefono .input:nth-child(2){
        width: calc(50% - 7px);
    }

    .dw-form .grupo-telefono .input:nth-child(2){
        margin: 0;
    }

    .dw-form .grupo-telefono .input:nth-child(3){
        width: 100%;
        margin: 10px 0 0 0;
    }
}
/* Chat Flotante */
.chat-container {
    pointer-events: none;
    position: fixed;
    bottom: 45px;
    right: 40px;
    z-index: 1000;
    -webkit-transition: .1s all linear;
       -moz-transition: .1s all linear;
         -o-transition: .1s all linear;
            transition: .1s all linear;
}
.contacto_item_trigger, .contacto_items div {
    display: inline;
}
.contacto_item_trigger {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .25s cubic-bezier(.55,0,.55,.2);
    -moz-transition: all .25s cubic-bezier(.55,0,.55,.2);
    -ms-transition: all .25s cubic-bezier(.55,0,.55,.2);
    transition: all .25s cubic-bezier(.55,0,.55,.2);
    position: relative;
}
.chat-container.active .contacto_item_trigger {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.btn_item_trigger {
    display: inline-block;
    pointer-events: auto;
    background-color: #FF6600;
    border-radius: 50%;
    min-width: 0;
    width: 56px;
    height: 56px;
    line-height: 56px;
    vertical-align: middle;
    background-clip: padding-box;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    -webkit-transition: all .15s cubic-bezier(.55,0,.55,.2);
    -moz-transition: all .15s cubic-bezier(.55,0,.55,.2);
    -ms-transition: all .15s cubic-bezier(.55,0,.55,.2);
    transition: all .15s cubic-bezier(.55,0,.55,.2);
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    padding: 0;
    margin: 0 0 0 20px;
    white-space: nowrap;
}
.btn_item_trigger:hover, .chat-container.open .btn_item_trigger {
    opacity: 0.9;
}
.btn_item_trigger i {
    line-height: 56px;
    color: #fff;
}
.contacto_items {
    display: inline-block;
    pointer-events: none;
    padding: 5px 0px;
    margin-right: -10px;
    box-sizing: border-box;
}
.chat-container.open, .chat-container.open .contacto_items {
    pointer-events: auto;
}
.contacto_items > div {
    margin: 0 5px;
    position: relative;
}
.contacto_items > div span.item_tooltip {
    display: block;
    position: absolute;
    top: -43px;
    right: -18px;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    padding: 5px 10px;
    white-space: nowrap;
    text-align: center;
    border-radius: 4px;
    line-height: 1.2;
    opacity: 0;
    -webkit-transition: all .15s cubic-bezier(.55,0,.55,.2);
    -moz-transition: all .15s cubic-bezier(.55,0,.55,.2);
    -ms-transition: all .15s cubic-bezier(.55,0,.55,.2);
    transition: all .15s cubic-bezier(.55,0,.55,.2);
    box-sizing: border-box;
}
.contacto_items > div.contacto_item_contacto span.item_tooltip {
    right: -14px;
}
.contacto_items > div.contacto_item_telefono span.item_tooltip {
    right: -10px;
}
.contacto_items > div span.item_tooltip:after {
    content:"";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -2px;
    bottom: -4px;
    left: 50%;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(0,0,0,0.7);
}
.contacto_items > div:hover span.item_tooltip {
    opacity: 1;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}
.contacto_item_chat a, .contacto_item_formulario a, .contacto_item_telefono a {
    display: inline-block;
    background-color: #FFF;
    border-radius: 50%;
    min-width: 0;
    width: 42px;
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
    background-clip: padding-box;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    -webkit-transition: all .15s cubic-bezier(.55,0,.55,.2);
    -moz-transition: all .15s cubic-bezier(.55,0,.55,.2);
    -ms-transition: all .15s cubic-bezier(.55,0,.55,.2);
    transition: all .15s cubic-bezier(.55,0,.55,.2);
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.chat-container.open .contacto_items div a {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.contacto_item_chat a {
    -webkit-transition-delay: 120ms;
    -moz-transition-delay: 120ms;
    -ms-transition-delay: 120ms;
    transition-delay: 120ms;
}
.contacto_item_formulario a {
    -webkit-transition-delay: 60ms;
    -moz-transition-delay: 60ms;
    -ms-transition-delay: 60ms;
    transition-delay: 60ms;
}
.contacto_item_telefono a {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -ms-transition-delay: 0ms;
    transition-delay: 0ms;
}
.chat-container.open .contacto_item_chat a {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -ms-transition-delay: 0ms;
    transition-delay: 0ms;
}
.chat-container.open .contacto_item_formulario a {
    -webkit-transition-delay: 60ms;
    -moz-transition-delay: 60ms;
    -ms-transition-delay: 60ms;
    transition-delay: 60ms;
}
.chat-container.open .contacto_item_telefono a {
    -webkit-transition-delay: 120ms;
    -moz-transition-delay: 120ms;
    -ms-transition-delay: 120ms;
    transition-delay: 120ms;
}
.contacto_items div a i {
    line-height: 42px;
    color: #333;
}
.contacto_items div a:hover i {
    color: #FF6600;
}

/*** animaciones chat ***/
.chat-container .contacto_item_trigger .anima-chat {
    background-color: white;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    z-index: -1;
    position: absolute;
    top: -14px;
    left: 23px;
}

.chat-container .contacto_item_trigger .anima-chat .anim {
    background-color: #FF6600;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    opacity: .2;
    position: absolute;
    top: 0px;
    right: 0px;
}

@-webkit-keyframes circ {
    0% {
    }

    50% {
    -webkit-transform: scale(2);
    }

    100% {
    -webkit-transform: scale(1);
    }
}

@-moz-keyframes circ {
    0% {
    }

    50% {
    -moz-transform: scale(2);
    }

    100% {
    -moz-transform: scale(1);
    }
}

@keyframes circ {
    0% {
    }

    50% {
    transform: scale(2);
    }

    100% {
    transform: scale(1);
    }
}

.chat-container .contacto_item_trigger .anima-chat .anim-1 {
    animation: circ 1s forwards .2s;
    -webkit-animation: circ 1s forwards .2s;
    -moz-animation: circ 1s forwards .2s;
    -o-animation: circ 1s forwards .2s;
    animation: circ 1s forwards .2s;
}

.chat-container .contacto_item_trigger .anima-chat .anim-2 {
    animation: circ 1.5s forwards .3s;
    -webkit-animation: circ 1.5s forwards .3s;
    -moz-animation: circ 1.5s forwards .3s;
    -o-animation: circ 1.5s forwards .3s;
    animation: circ 1.5s forwards .3s;
}

.chat-container .contacto_item_trigger .anima-chat .anim-3 {
    animation: circ 1.9s forwards .5s;
    -webkit-animation: circ 1.9s forwards .5s;
    -moz-animation: circ 1.9s forwards .5s;
    -o-animation: circ 1.9s forwards .5s;
    animation: circ 1.9s forwards .5s;
}

/*tooltip nuevo*/

.tooltip-chatea {
    display: block;
    position: absolute;
    top: -52px;
    left: -30px;
    right: -30px;
    text-transform: uppercase;
    z-index: 5;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    padding: 7px 7px 3px;
    text-align: center;
    border-radius: 4px;
    line-height: 1.3;
    opacity: 0;
    -webkit-transition: all .15s cubic-bezier(.55,0,.55,.2);
    -moz-transition: all .15s cubic-bezier(.55,0,.55,.2);
    -ms-transition: all .15s cubic-bezier(.55,0,.55,.2);
    transition: all .15s cubic-bezier(.55,0,.55,.2);
    box-sizing: border-box;
    padding-bottom: 8px;
}

.mostrar-tooltip-al-inicio {
    -webkit-animation: anima-tooltip 5s forwards;
    -moz-animation: anima-tooltip 5s forwards;
    -ms-animation: anima-tooltip 5s forwards;
    -o-animation: anima-tooltip 5s forwards;
    animation: anima-tooltip 5s forwards;
}

@-webkit-keyframes anima-tooltip {
    0% {
        opacity: 0;
    }

    15% {
        opacity: 1;
        -webkit-transform: translateY(-5px);
    }

    85% {
        opacity: 1;
        -webkit-transform: translateY(-5px);
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes anima-tooltip {
    0% {
        opacity: 0;
    }

    15% {
        opacity: 1;
        -moz-transform: translateY(-5px);
    }

    85% {
        opacity: 1;
        -moz-transform: translateY(-5px);
    }

    100% {
        opacity: 0;
    }
}

@keyframes anima-tooltip {
    0% {
        opacity: 0;
    }

    15% {
        opacity: 1;
        transform: translateY(-5px);
    }

    85% {
        opacity: 1;
        transform: translateY(-5px);
    }

    100% {
        opacity: 0;
    }
}

.tooltip-chatea:after {
    content:"";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -2px;
    bottom: -4px;
    left: 50%;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(0,0,0,0.7);
}

@media (min-width: 800px) {
.chat-container .contacto_item_trigger:hover .tooltip-chatea {
        opacity: 1;
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -o-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@media (max-width: 980px){
    .chat-container {
        bottom: 20px;
        right: 20px;
    }
}

div[data-template="chat-tc"] {
    display: none;
}

.chat-tc .overlay {
    position: fixed;
    background-color: rgba(0,0,0,0.8);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999999;
}

.chat-tc .overlay .cont {
    background: #fff;
    width: 440px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px 30px;
    border-radius: 6px;
    box-sizing: border-box;
}

.chat-tc .overlay .cont i.close {
    color: #333;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 26px;
    cursor: pointer;
}

.chat-tc .overlay p.tit {
    color: #333;
    line-height: 1.3;
    font-weight: 300;
    font-size: 20px;
    margin: 0 0 25px 0;
}

.chat-tc .overlay .tarjetas {
    text-align: center;
    margin: 0 0 20px 0;
    padding: 0;
}

.chat-tc .overlay .tarjetas li {
    display: inline-block;
    cursor: pointer;
    margin: 0 20px;
}

.chat-tc .overlay .tarjetas li:first-child {
    margin-left: 0; 
}

.chat-tc .overlay .tarjetas li:last-child {
    margin-right: 0; 
}

.chat-tc .overlay .tarjetas img {
    height: 40px;
}

.chat-tc .sprite-tc.visa {
    width: 87px;
    background-position: 0px -47px;
}

.chat-tc .sprite-tc.master {
    background-position: -127px -45px;
    width: 53px;
}

.chat-tc .sprite-tc.american {
    background-position: -230px -45px;
    width: 41px;
}

.chat-tc .sprite-tc.naranja {
    background-position: -325px -45px;
    width: 30px;
}

.chat-tc .sprite-tc.visa.active {
    background-position: 0px -5px;
}

.chat-tc .sprite-tc.master.active {
    background-position: -127px -3px;
}

.chat-tc .sprite-tc.american.active {
    background-position: -230px -3px;
}

.chat-tc .sprite-tc.naranja.active {
    background-position: -325px -3px;
}

.chat-tc .overlay .info-tc {
    margin: 0 0 40px 0;
}

.chat-tc .overlay form {
    max-width: 380px;
    margin: 0 auto;
}

.chat-tc .vencimiento {
    position: relative;
    float: left;
}

.chat-tc .vencimiento::after {
    content: '';
    display: block;
    clear: both;
}

.chat-tc .vencimiento span.error {
    position: absolute;
    bottom: -15px;
    left: 10px;
    font-size: 11px;
    color: #c33;
    opacity: 0;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
}

.chat-tc .vencimiento.error span.error {
    opacity: 1;
}

.chat-tc .vencimiento.error div.select {
    border-color: #c33;
}

.chat-tc .overlay .info-tc::after {
    content: '';
    display: block;
    clear: both;
}
.chat-tc .overlay .info-tc .input {
    width: calc( 100% - 220px );
    display: inline-block;
    margin: 0;
    float: right;
}

.chat-tc .overlay .info-tc .select {
    display: inline-block;
    width: 100px;
    margin: 0 10px 0 0;
    float: left;
}

.chat-tc .overlay .info-tc .select,
.chat-tc .overlay .info-tc .select label,
.chat-tc .overlay .info-tc .select span {
    cursor: pointer;
}

.chat-tc .overlay .info-tc .select span.valor {
    display: inline-block;
    padding: 15px 10px 5px 10px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;   
}

.chat-tc .overlay .info-tc .select i {
    color: #ccc;
    position: absolute;
    top: 50%;
    right: 5px;
    margin: -10px 0 0 0;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
}

.chat-tc .overlay .info-tc .select ul {
    display: none;
    border: 1px solid #ccc;
    border-radius: 0 0 5px 5px;
    height: 200px;
    overflow: auto;
    background-color: #fff;
    position: absolute;
    top: 38px;
    left: -1px;
    right: -1px;
}

.chat-tc .overlay .info-tc .select ul li {
    padding: 10px;
    background-color: white;
    position: relative;
    z-index: 10;
    border-bottom: 1px solid #ddd;
}

.chat-tc .overlay .info-tc .select.open {
    border-radius: 5px 5px 0 0;
}

.chat-tc .overlay .info-tc .select.open i {
    -webkit-transform: rotate( 180deg );
    -moz-transform: rotate( 180deg );
    -ms-transform: rotate( 180deg );
    -o-transform: rotate( 180deg );
    transform: rotate( 180deg );
}

.chat-tc .footer {
    background-color: #fff;
}

.chat-tc .footer::after {
    content: '';
    display: block;
    clear: both;
}

.chat-tc .footer p {
    float: left;
    margin: 0;
    line-height: 35px;
    color: #999;
    font-weight: 300;
    font-style: italic;
    font-size: 15px;
    position: relative;
    padding: 0 0 0 30px;  
}

.chat-tc .footer p img {
    background-position: -8px -90px;
    width: 27px;
    height: 36px;
    position: absolute;
    top: -1px;
    left: 0;
}

.chat-tc .footer a {
    float: right;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 15px;
    width: 100px;
    box-sizing: border-box;
}

.chat-tc .envio {
    text-align: center;
}

.chat-tc .envio a {
    color: #0099FF;
    cursor: pointer;
    text-decoration: underline;
}

@media( max-width: 460px ), ( max-height: 430px ) {
    .chat-tc .overlay .cont {
        max-width: 100%;
        width: 100%;
        top: 0! important;
        margin: 0 !important;
        text-align: center;
        overflow: auto;
        height: 100vh;
    }

    .chat-tc .overlay .cont i.close {
        color: #333;
        position: static;
        display: block;
        text-align: right;
        margin: 0 0 30px 0;
    }

    .chat-tc .vencimiento {
        position: relative;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .chat-tc .overlay .info-tc .select {
        width: calc( 50% - 5px );
    }

    .chat-tc .vencimiento .select:nth-child(2) {
        margin: 0;
    }

    .chat-tc .overlay .info-tc .input {
        width: 100%;
    }

    .chat-tc .overlay .tarjetas li {
        margin: 0 0 10px -4px;
        width: 50%;
    }
}

/* Nuevo Chat*/
#livechat-compact-container {
    right: 30px !important;
    bottom: 20px !important;
}
/*--FIN /sp/common_chat.css */

/* /sp/common_footer_2.css */
/* FOOTER 2 */

.btn.principal {
    color: #fff;
    line-height: 24px;
}

form.suscripcion_footer select {
    max-width: 100%;
    height: 34px;
    border-radius: 5px;
    overflow: hidden;
    background-color: white;
    padding-left: 10px;
}

.checkbox_error {
    background-color: #f26363;
    font-size: 13px;
    padding: 5px;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    top: -15px;
    right: 0;
    display: none;
    margin-bottom: 5px;
}

.footer_2 {
    background: #242632;
}

.footer_2 .width_wrap {
    position: relative;
    padding: 50px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer_2 .width_wrap .whatsapp-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 175px;
    height: 45px;
    margin-top: 40px;
    text-transform: none;
    cursor: pointer;
}

.footer_2 .width_wrap .whatsapp-footer>span {
    margin-right: 6px;
}

.footer_2 .width_wrap .titulo {
    font-size: 22px;
    color: #ff6600;
    font-family: "Oxygen", "Arial";
    margin: 0;
    text-align: left;
}

.footer_2 .width_wrap .bajada {
    color: #ffffff;
    margin: 30px 0;
    font-weight: 300;
}

.footer_2 .width_wrap ul {
    text-decoration: none;
    margin-top: 20px;
}

.footer_2 .width_wrap ul li {
    margin: 20px 0;
}

.footer_2 .width_wrap ul li.bold {
    font-weight: 600;
}

.footer_2 .width_wrap ul li a {
    color: #ffffff;
    cursor: pointer;
}

.footer_2 .width_wrap ul li a:hover {
    text-decoration: underline;
}

.footer_2 .width_wrap ul.redes_sociales_lks li {
    margin: 0;
}

.footer_2 .width_wrap ul li a.facebook {
    background-position: -394px 0;
}

.footer_2 .width_wrap ul li a.twitter {
    background-position: -433px 0px;
}

.footer_2 .width_wrap ul li a.youtube {
    background-position: -474px 0;
}

.footer_2 .width_wrap ul li a.instagram {
    background-position: -514px 0;
}

.footer_2 .width_wrap ul li a.linkedin {
    background-position: -554px 0;
}

.footer_2 .foot_empresa {
    width: 318px;
    color: #333;
}

.foot_empresa .logo-donweb-footer {
    width: 126px;
    height: 36px;
    display: block;
    background-position: -591px 0;
}

.footer_2 .foot_empresa p.small {
    font-size: 12px;
}

.footer_2 .foot_empresa .separador {
    height: 1px;
    margin: 20px 0 20px 0;
    background-color: #BEC3C6;
}

.footer_2 .foot_empresa div[data-tipo] {
    position: relative;
}

.footer_2 .foot_empresa div[data-tipo] span.error {
    display: none;
}

.footer_2 .foot_empresa div[data-tipo].error span.error {
    display: block;
}

.footer_2 form[name="emailMarketingSubscription"] input[type="text"] {
    font-size: 16px;
    font-weight: 300;
    width: 92%;
    color: #2d2d2d;
    border: 1px solid #cccccc;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    background: #ebebeb;
}

.footer_2 form[name="emailMarketingSubscription"] input[type="text"].error,
.pais_actual.error {
    border-color: #f00;
}

.footer_2 .news_paises {
    position: relative;
}

.footer_2 .pais_actual {
    display: block;
    line-height: 32px;
    border: 1px solid #BEC3C6;
    background-color: #fff;
    /*#ECF0F1;*/
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #666666!important;
    text-decoration: none;
    padding: 0 8px 0 10px;
    margin-bottom: 10px;
}

.footer_2 .pais_actual:hover,
.pais_actual:focus {
    text-decoration: none!important;
    cursor: pointer;
}

.footer_2 .news_paises_list {
    z-index: 1;
    position: absolute;
    top: 34px;
    width: 100%;
    left: 0;
    right: 0;
    height: 150px;
    overflow: scroll;
    background-color: #ffffff;
    list-style: none!important;
    padding: 0!important;
    margin: 0;
    overflow-x: hidden;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.footer_2 .news_paises_list li {
    line-height: 28px;
    border-bottom: 1px solid #dddddd;
    padding: 0 11px;
    cursor: pointer;
}

.footer_2 .news_paises_list li.sep_option {
    color: #ffffff;
    font-style: italic;
    background-color: #cccccc;
}

.footer_2 .news_paises_list li:hover {
    color: #ffffff;
    background-color: #4F4F4F;
}

.footer_2 .tip_message {
    font-size: 12px;
    display: block;
    padding: 6px 10px;
    position: absolute;
    top: -8px;
    right: 0px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.footer_2 .tip_message.error {
    background-color: #E44D3A;
    color: #FFFFFF;
}

.footer_2 .news_paises .tip_message {
    top: -6px;
}

.footer_2 .news_spinner {
    line-height: 32px;
    color: #999999;
}

.footer_2 .news_spinner img {
    vertical-align: middle;
    margin-right: 4px;
}

.footer_2 .news_respuesta p {
    color: #999999;
}

.footer_2 .news_respuesta p:first-child {
    font-size: 24px;
    color: #57A947;
    line-height: 1.3;
    margin-bottom: 10px;
}

.footer_2 .news_lk_privacidad {
    float: left;
    font-size: 11px;
    margin-top: 30px;
}

.footer_2 .foot_section_tit {
    padding: 0;
}

.footer_2 .btn.secundario {
    border: 1px solid #ffffff;
    color: #ffffff;
}

.footer_2 .width_wrap.responsive {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
}

.footer_2 .width_wrap.responsive .links {
    display: flex;
    flex-wrap: wrap;
}

.footer_2 .width_wrap.responsive .links .link {
    width: calc(50% - 21px);
    height: 60px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #444444;
    padding: 0 10px;
    line-height: 1.3;
}

.footer_2 .width_wrap.responsive .links .link:nth-child(odd) {
    border-right: 1px solid #444444;
}

.footer_2 .width_wrap.responsive .links {
    border-top: 1px solid #444444;
}

@media(min-width: 769px) {
    .footer_2 .width_wrap.responsive {
        display: none;
    }
}

@media(max-width: 768px) {
    .footer_2 .width_wrap.desktop {
        display: none;
    }
    .footer_2 .width_wrap.responsive .columna.foot_empresa,
    .footer_2 .width_wrap.responsive .links {
        margin: 0 0 40px 0;
    }
}

.footer_2 .width_wrap .div-telefono {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 40px;
}

.footer_2 .width_wrap .otros_paises {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 8px;
}

.footer_2 .width_wrap .otros_paises:hover {
    color: #ffffff;
}

.footer_2 .width_wrap .otros_paises span.material-icons {
    color: #898989;
    font-size: 36px;
}

.footer_2 .width_wrap .desplegable-paises {
    position: relative;
    background-color: #373D4D;
    color: #dddddd;
    border-radius: 4px;
    width: 170px;
    margin-right: 20px;
}

.footer_2 .width_wrap .desplegable-paises .otros_paises_list {
    display: block;
    position: absolute;
    background: rgb(255, 255, 255);
    z-index: 10;
    padding: 0px;
    bottom: 30px;
    right: -130px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.footer_2 .width_wrap .desplegable-paises .otros_paises_list li {
    font-size: 13px;
    padding: 7px 15px;
    color: #777777;
    transition: background .5s;
    margin: 0;
}

.footer_2 .width_wrap .desplegable-paises .otros_paises_list li:hover {
    background: #4f4f4f;
}

.footer_2 .width_wrap .desplegable-paises .otros_paises_list li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #666666;
}

.footer_2 .width_wrap .desplegable-paises .otros_paises_list li:hover a {
    color: #ffffff;
    text-decoration: none;
}

.footer_2 .width_wrap .desplegable-paises .otros_paises_list li .menu-footer-sprite {
    width: 27px;
    height: 18px;
    display: block;
    background-position-y: -50px;
}

.footer_2 .width_wrap .desplegable-paises .otros_paises_list li .pais-bo {
    background-position-x: -30px;
}

.footer_2 .width_wrap .desplegable-paises .otros_paises_list li .pais-br {
    background-position-x: -60px;
}

.footer_2 .width_wrap .desplegable-paises .otros_paises_list li .pais-cl {
    background-position-x: -90px;
}

.footer_2 .width_wrap .desplegable-paises .otros_paises_list li .pais-co {
    background-position-x: -120px;
}

.footer_2 .width_wrap .desplegable-paises .otros_paises_list li .pais-es {
    background-position-x: -150px;
}

.footer_2 .width_wrap .desplegable-paises .otros_paises_list li .pais-us {
    background-position-x: -180px;
}

.footer_2 .width_wrap .desplegable-paises .otros_paises_list li .pais-int {
    background-position-x: -210px;
}

.footer_2 .width_wrap .desplegable-paises .otros_paises_list li .pais-mx {
    background-position-x: -240px;
}

.footer_2 .width_wrap .desplegable-paises .otros_paises_list li .pais-pe {
    background-position-x: -270px;
}

.footer_2 .width_wrap .desplegable-paises .otros_paises_list li .pais-uy {
    background-position-x: -300px;
}

.footer_2 .width_wrap .desplegable-paises .otros_paises_list li .pais-ve {
    background-position-x: -330px;
}

.footer_2 .width_wrap .num-telefonos {
    color: #dddddd;
    font-weight: 700;
    font-size: 16px;
}

@media (max-width: 1100px) {
    .footer_2 .width_wrap {
        font-size: 16px;
        justify-content: flex-start;
    }
    .footer_2 .width_wrap .otros_paises span.material-icons {
        font-size: 35px;
    }
    .footer_2 .width_wrap .desplegable-paises .otros_paises_list {
        left: 32px;
    }
    .footer_2 .width_wrap .columna {
        width: 33%;
    }
    .footer_2 .width_wrap .columna.foot_empresa {
        width: 96%;
        margin: auto;
        margin: 0 0 40px 0;
    }
}

@media (max-width: 380px) {
    .footer_2 .width_wrap.responsive .links .link {
        font-size: 13px;
    }
}
/*--FIN /sp/common_footer_2.css */

/* /sp/common_footer_3.css */
/* FOOTER 3 */

.footer_3 {
    background-color: #242632;
    padding: 0px 0 20px 0;    
    text-align: center;
}

.footer_3 .width_wrap {
    padding: 0;
}

.footer_3 .width_wrap .desplegar-prod {
    font-size: 14px;
    color: #89c4fe;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    cursor: pointer;
}

.footer_3 .width_wrap .desplegar-prod span.material-icons {
    transition: all .5s;
}

.footer_3 .width_wrap .desplegar-prod.desplegado span.material-icons {
    transform: rotate(180deg);
}

.footer_3 .width_wrap .contenido {
    display: none;
}

.footer_3 ul li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding: 0 10px;
    border-right: 1px solid #cccccc;
    margin: 0 0 5px 0;
}

.footer_3 ul li.last {
    border-right: none;
}

.footer_3 ul li a {
    color: #ffffff;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 1.4;
}

.footer_3 p#leyenda-sin-iva {
    color: #ffffff;
    font-size: 12px;
    margin-top: 25px;
}

@media(max-width: 680px) {
    .footer_3 {
        padding: 0 0 25px 0;
    }
}
/*--FIN /sp/common_footer_3.css */

/* /sp/common_footer_final.css */
.footer_final {
    background: #393f4d;
}

.footer_final .width_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
}

.footer_final .width_wrap ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

.footer_final .width_wrap ul li {
    margin: 0 5px;
}

.footer_final .width_wrap ul li a.menu-footer-sprite {
    display: none;
    width: 34px;
    height: 34px;
}

.co .footer_final .width_wrap ul li a.comercio {
    background-position: 495px 0;
    width: 74px;
    display: block;
}

.mx .footer_final .width_wrap ul li a.amipci {
    background-position: 592px 0;
    width: 97px;
    display: block;
}

.footer_final .width_wrap ul li a.iccan {
    background-position: -294px 0;
    display: block;
}

.footer_final .width_wrap ul li a.iso {
    background-position: -328px 0;
    display: block;
}

.footer_final .width_wrap ul li a.iram {
    background-position: -360px 0;
    display: block;
}

.footer_final .width_wrap ul li.item-capese {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #9c9e9d;
    font-size: 12px;
}

.footer_final .width_wrap ul li span.capese {
    background-position: -360px -38px;
    display: block;
    width: 108px;
    height: 34px;
    margin-left: 5px;
}

.ar .footer_final .width_wrap ul li a.datafiscal {
    width: 38px;
    height: 50px;
    display: block;
    background-position: -85px 0;
    display: block;
}

.comercio-electronio-co {
    width: 75px;
    height: 30px;
    display: block;
    background-position: -220px -2px;
}

.amipci {
    width: 95px;
    height: 32px;
    display: block;
    background-position: -123px 0;
}

.footer_final .width_wrap img {
    cursor: pointer;
}

@media(max-width: 520px) {
    .footer_final .width_wrap ul {
        justify-content: center;
    }
    .footer_final .width_wrap ul li a.menu-footer-sprite.comercio,
    .footer_final .width_wrap ul li a.menu-footer-sprite.amipci {
        display: none;
    }
    .footer_final .width_wrap ul li.item-capese .texto {
        display: none;
    }
}
/*--FIN /sp/common_footer_final.css */

/* /sp/common_base_atomic.css */

/*------------------------------------*\
  #ATOMIC
\*------------------------------------*/

    .bg-n { background: none !important; }

    .bgc-t { background-color: transparent !important; }
    .bgc-blanco { background-color: white; }

    .b-n  { border: none !important; }
    .bt-n { border-top: none !important; }
    .bb-n { border-bottom: none !important; }
    .br-1 { border-right: 1px solid #ccc; }

    .cl-b { clear: both; }

    .cur-p{
        cursor: pointer;
    }

    .d-b  { display: block !important; }
    .d-i  { display: inline; }
    .d-ib { display: inline-block !important; }
    .d-n  { display: none !important; }

    .fc-blanco { color: white !important; }
    .fc-rojo { color: red; }
    .fc-verde { color: green; }

    .fl-l { float: left; }
    .fl-r { float: right; }

    .fz-1x          {font-size: 1em; !important}
    .fz-1_5x          {font-size: 1.5em; !important}
    .fz-2x          {font-size: 2em; !important}
    .fz-3x          {font-size: 3em; !important}
    .fz-4x          {font-size: 4em; !important}
    .fz-5x          {font-size: 5em; !important}
    .fz-6x          {font-size: 6em; !important}

    .fz-small-x     { font-size: .6em !important; line-height: 1.2em !important; }
    .fz-small       { font-size: .8em !important; line-height: 1.2em !important; }
    *.fz-smaller    { font-size: .85em; }
    .fz-medium-s    { font-size: .9em !important; /*line-height: 1.2em !important;*/ }
    .fz-medium      { font-size:  1em; line-height: 1.2em; }
    .fz-medium-l    { font-size: 1.1em; line-height: 1.4em; }
    .fz-medium-xl   { font-size: 1.2em; line-height: 1.4em; }
    *.fz-larger     { font-size: 1.25em; }
    .fz-large       { font-size: 1.4em !important; line-height: 1.6em !important;}    

    .fc-w { color: #fff !important; }
    .fs-i { font-style: italic !important; }

    .fw-n { font-weight: normal !important; }
    .fw-l { font-weight: 300 !important; }
    .fw-b { font-weight: 700 !important; }
    .fw-sb { font-weight: 600 !important; }

    .m-1x { margin: 1em; }
    .m-2x { margin: 2em; }
    .m-3x { margin: 3em; }
    .m-4x { margin: 4em; }
    .m-5x { margin: 5em; }

    .mb-5  { margin-bottom: 5px; }
    .mb-10 { margin-bottom: 10px; }
    .mb-20 { margin-bottom: 20px; }
    .mb-30 { margin-bottom: 30px; }

    .mb-1x { margin-bottom: 1em !important; }
    .mb-2x { margin-bottom: 2em !important; }
    .mb-3x { margin-bottom: 3em !important; }
    .mb-4x { margin-bottom: 4em !important; }
    .mb-5x { margin-bottom: 5em !important; }

    .mt-1x { margin-top: 1em !important; }
    .mt-2x { margin-top: 2em !important; }
    .mt-3x { margin-top: 3em !important; }
    .mt-4x { margin-top: 4em !important; }
    .mt-5x { margin-top: 5em !important; }

    .mt-5  { margin-top: 5px; }
    .mt-10 { margin-top: 10px; }
    .mt-20 { margin-top: 20px; }
    .mt-30 { margin-top: 30px; }

    .ml-1x { margin-left: 1em !important; }
    .ml-2x { margin-left: 2em !important; }
    .ml-3x { margin-left: 3em !important; }
    .ml-4x { margin-left: 4em !important; }
    .ml-5x { margin-left: 5em !important; }

    .mr-10 { margin-right: 10px; }
    .mr-20 { margin-right: 20px; }
    .mr-30 { margin-right: 30px; }

    .mr-1x { margin-right: 1em !important; }
    .mr-2x { margin-right: 2em !important; }
    .mr-3x { margin-right: 3em !important; }
    .mr-4x { margin-right: 4em !important; }
    .mr-5x { margin-right: 5em !important; }
    .mr-6x { margin-right: 6em !important; }
    .mr-7x { margin-right: 7em !important; }
    .mr-8x { margin-right: 8em !important; }

    .mw-1x { min-width: 1em; }
    .mw-2x { min-width: 2em; }
    .mw-3x { min-width: 3em; }
    .mw-4x { min-width: 4em; }
    .mw-5x { min-width: 5em; }
    .mw-6x { min-width: 6em; }
    .mw-7x { min-width: 7em; }

    .of-h { overflow: hidden; }

    .p-1x { padding: 1em; }
    .p-2x { padding: 2em; }
    .p-3x { padding: 3em; }

    .pb-10 { padding-bottom: 10px; }
    .pb-20 { padding-bottom: 20px; }
    .pb-30 { padding-bottom: 30px; }

    .pb-1x { padding-bottom: 1em; }
    .pb-2x { padding-bottom: 2em; }
    .pb-3x { padding-bottom: 3em; }

    .pl-10 { padding-left: 10px; }
    .pl-20 { padding-left: 20px; }
    .pl-30 { padding-left: 30px; }

    .pl-1x { padding-left: 1em; }
    .pl-2x { padding-left: 2em; }
    .pl-3x { padding-left: 3em; }

    .pr-10 { padding-right: 10px; }
    .pr-20 { padding-right: 20px; }
    .pr-30 { padding-right: 30px; }

    .pr-1x { padding-right: 1em; }
    .pr-2x { padding-right: 2em; }
    .pr-3x { padding-right: 3em; }

    .pt-1x { padding-top: 1em; }
    .pt-2x { padding-top: 2em; }
    .pt-3x { padding-top: 3em; }

    .ta-l { text-align: left; }
    .ta-c { text-align: center; }
    .ta-r { text-align: right; }

    .td-u { text-decoration: underline; }

    .tt-u { text-transform: uppercase; }
    .tt-c { text-transform: capitalize; }

    .w-full,
    .w-1-2,
    .w-1-3,
    .w-2-3,
    .w-1-4,
    .w-3-4,
    .w-1-5,
    .w-4-5,
    .w-2-5,
    .w-1-6,
    .w-1-7,
    .w-1-12 {
        display: inline-block;
        margin-right: -4px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        }
        .w-1-2:last-child,
        .w-1-3:last-child,
        .w-2-3:last-child,
        .w-1-4:last-child,
        .w-3-4:last-child,
        .w-1-5:last-child,
        .w-4-5:last-child,
        .w-1-6:last-child,
        .w-1-7:last-child,
        .w-1-12:last-child { margin-right: 0; }

        .w-full { width: 100%; }
        .w-1-2 { width: 50% !important; }
        .w-1-3 { width: 33.333333% !important; }
        .w-2-3 { width: 66.666666% !important; }
        .w-1-4 { width: 25% !important; }
        .w-3-4 { width: 74.9% !important; }
        .w-1-5 { width: 20% !important; }
        .w-4-5 { width: 80% !important; }
        .w-2-5 { width: 40% !important; }
        .w-1-6 { width: 16.666666% !important; }
        .w-1-7 { width: 14.2% !important; }
        .w-1-12 { width: 8.333333% !important; }

    .h-full { height: 100% !important; }



/*--FIN /sp/common_base_atomic.css */

/* /sp/common_header.css */
nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    background: #242732;
    width: 100%;
    transition: top .3s linear;
    z-index: 999;
}

nav:not(.menu-fixed) {
    transition: background .3s linear, top .3s linear;
}

nav.transparente {
    background: transparent;
}

nav.responsive {
    display: none;
}

nav.menu-fixed {
    background: #ffffff;
    box-shadow: 0px -10px 8px 10px rgba(0, 0, 0, 0.62);
}

nav.menu-fixed .contenido-menu {
    color: #333333;
}

nav.menu-fixed .contenido-menu div>a:not(.btn):hover {
    color: #333333;
}

nav.hide {
    top: -66px;
}

nav .contenido-menu {
    width: 92%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #ffffff;
    position: relative;
}

nav .contenido-menu>div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
}

nav .contenido-menu .servicios .logo-menu {
    padding: 0;
    margin-right: 10px;
    cursor: pointer;
}

nav .contenido-menu .servicios .logo-menu>a>span {
    width: 85px;
    height: 35px;
    display: block;
}

nav .contenido-menu .servicios .logo-menu>a>img {
    position: relative;
    bottom: 3px;
}

nav .contenido-menu .servicios>div>a {
    height: 60px;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    cursor: pointer;
    position: relative;
    line-height: 1.3;
    text-align: center;
}

nav .contenido-menu>div>div .triangulo {
    width: 28px;
    height: 14px;
    overflow: hidden;
    position: absolute;
    left: calc(50% - 22px);
    bottom: -2px;
    z-index: 999;
    opacity: 0;
    transition: opacity .15s linear;
}

nav .contenido-menu>div>.activo .triangulo {
    opacity: 1;
}

nav .contenido-menu>div>div .triangulo>span {
    width: 18px;
    height: 18px;
    background: #ffffff;
    display: block;
    border-top: 2px solid #54a1f7;
    border-right: 2px solid #54a1f7;
    transform: rotate(-45deg);
    position: relative;
    left: 4px;
    top: 4px;
}

nav .contenido-menu div>div .logo-desplegable {
    font-size: 15px;
    font-weight: 300;
    transition: all .15s linear;
    margin-left: 5px;
    line-height: 1;
}

nav .contenido-menu div>.activo .logo-desplegable {
    transform: rotate(-180deg);
    color: #f26721;
}

nav .contenido-menu .servicios .menu-container {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 100;
    display: none;
    padding: 0 20px;
    box-sizing: border-box;
    box-shadow: 0px 5px 10px 0 rgba(39, 50, 84, 0.2);
    border-radius: 5px;
}

nav .contenido-menu .servicios .menu-container .items {
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    border-top: 2px solid #54a1f7;
    width: 100%;
}

nav .contenido-menu .servicios .menu-container .items .item {
    border-radius: 10px;
    transition: background .2s linear;
    width: 50%;
    box-sizing: border-box;
    margin: 8px 0;
}

nav .contenido-menu .servicios .menu-container .items .item:hover {
    background: #ebf5ff;
}

#cloud-dedicados-menu .items .item .texto {
    padding: 13px;
    border-radius: 5px;
    transition: all .3s linear;
}

#cloud-dedicados-menu .items .item:hover .texto {
    background: #ebf5ff;
}

nav .contenido-menu .servicios .menu-container .items .item a {
    display: flex;
    align-items: center;
    justify-self: start;
    width: 100%;
    padding: 10px;
}

nav .contenido-menu .servicios .menu-container .items .item .logo {
    width: 33px;
    height: 33px;
    margin-right: 20px;
}

nav .contenido-menu .servicios .menu-container .items .item .texto {
    display: inline-block;
    vertical-align: middle;
}

nav .contenido-menu .servicios .menu-container .items .item .texto .titulo-menu {
    color: #4d4d4d;
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 5px;
    font-family: "Oxygen", "Arial";
    letter-spacing: .5px;
}

nav .contenido-menu .servicios .menu-container .items .item .texto .bajada-menu {
    color: #888888;
    font-weight: 300;
    margin: 0;
}


/*menu dominio*/

#dominio-menu {
    width: 910px;
}

#dominio-menu::after {
    left: 120px;
}

#dominio-menu .items .item.reg-dominio .logo {
    background-position: -434px -77px;
}

#dominio-menu .items .item.regional .logo {
    background-position: -472px -77px;
}

#dominio-menu .items .item.reg-privado .logo {
    background-position: -510px -77px;
}

#dominio-menu .items .item.tranf-dominio .logo {
    background-position: -549px -77px;
}

#dominio-menu .items .item.whois .logo {
    background-position: -587px -77px;
    position: relative;
    left: 2px;
}


/*menu hosting*/

#hosting-menu {
    width: 1024px;
}

#hosting-menu::after {
    left: 220px;
}

nav .items .item .texto {
    display: inline-block;
    vertical-align: middle;
}

#hosting-menu .items .item .logo {
    width: 37px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
}

#hosting-menu .items .item.hosting-menu .logo {
    background-position: 0px -77px;
    width: 36px;
    position: relative;
    left: 2px;
    display: inline-block;
    vertical-align: middle;
}

#hosting-menu .items .item.revendedores-menu .logo {
    background-position: -393px -77px;
}

#hosting-menu .items .item.cloud-menu .logo {
    background-position: -36px -77px;
}

#hosting-menu .items .item.wordpress-menu .logo {
    background-position: -155px -77px;
}

#hosting-menu .items .item.dedicados-menu .logo {
    background-position: -76px -77px;
}

#hosting-menu .items .item.correo-menu .logo {
    background-position: -192px -77px;
}


/*menu cloud y dedicados*/

#cloud-dedicados-menu {
    width: 845px;
}

#cloud-dedicados-menu::after {
    left: 370px;
}

#cloud-dedicados-menu .items {
    padding: 5px 0 5px 0;
}

#cloud-dedicados-menu .items .item {
    padding: 0;
    margin: 0;
}

#cloud-dedicados-menu .items .item:hover {
    background: #ffffff;
}

.desktop #cloud-dedicados-menu .items .item a {
    padding: 0;
}

#cloud-dedicados-menu .items .item .texto .titulo-menu {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
}

#cloud-dedicados-menu .items .item.cloud-menu .logo {
    background-position-x: 265px;
    width: 135px;
    height: 140px;
    right: 23px;
    position: relative;
    margin-right: -3px;
}

#cloud-dedicados-menu .items .item.dedicados-menu .logo {
    width: 125px;
    height: 150px;
    background-position-x: 128px;
    background-position-y: 11px;
    position: relative;
}


/*menu mas*/

#mas-menu {
    width: 980px;
}

#mas-menu::after {
    right: 135px;
}

#mas-menu .items .item .logo {
    width: 37px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
}

#mas-menu .items .item.revende-menu .logo {
    background-position: -116px -77px;
}

#mas-menu .items .item.revendedores-menu .logo {
    background-position: -393px -77px;
}

#mas-menu .items .item.radio-menu .logo {
    background-position: -313px -77px;
}

#mas-menu .items .item.ferozo-menu .logo {
    background-position: -273px -77px;
}

#mas-menu .items .item.chat-menu .logo {
    background-position: -354px -77px;
}

#mas-menu .items .item.correo-menu .logo {
    background-position: -192px -77px;
}

nav .contenido-menu .contacto .menu-container {
    display: none;
}

nav .contenido-menu .contacto>div {
    cursor: pointer;
    margin: 0 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
}

nav .contenido-menu div>a:not(.btn):hover {
    color: #ffffff;
}

nav .contenido-menu .contacto .menu-acceso .btn.secundario {
    padding: 8px 16px;
    text-transform: initial;
    border: 1px solid #ffffff;
    color: #ffffff;
    width: auto;
}

nav.menu-fixed .contenido-menu .contacto .menu-acceso .btn.secundario {
    border: 1px solid #333333;
    color: #333333;
}

nav .contenido-menu .contacto .cont-numero {
    position: absolute;
    background-color: #e5eaed;
    border-radius: 0 0 2px 2px;
    width: 115px;
    padding: 5px;
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.4);
    top: 45px;
    left: 0;
}

nav .contenido-menu .contacto .cont-numero>span {
    display: block;
    color: #000000;
}

nav .contenido-menu .contacto .cont-numero .titulo {
    font-size: 12px;
    line-height: 1.3;
    margin-bottom: 6px;
}

nav .contenido-menu .contacto .cont-numero .numero {
    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
}

nav .contenido-menu .contacto .carrito-menu {
    position: relative;
}

nav .contenido-menu .contacto .carrito-menu .cantidad {
    color: #fff;
    background-color: #f60;
    text-align: center;
    font-size: 11px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    display: block;
    position: absolute;
    top: 12px;
    right: -7px;
    border-radius: 50%;
}

nav .contenido-menu .contacto .menu-cliente {
    position: relative;
}

nav .contenido-menu .contacto .menu-cliente .acl_lk {
    width: 82px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

nav .contenido-menu .contacto .menu-cliente .fd_dd {
    position: absolute;
    display: none;
    top: 50px;
    border-radius: 0 0 2px 2px;
    background-color: #E5EAED;
    right: 0;
    left: 0;
    width: 115px;
}

nav .contenido-menu .contacto .menu-cliente .fd_dd::after {
    content: '';
    position: absolute;
    top: -4px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    background-color: #E5EAED;
    left: 46px;
    z-index: -1;
}

nav .contenido-menu .contacto .menu-cliente .fd_dd li {
    border-bottom: 1px solid #dddddd;
    padding: 10px 13px 10px 13px;
    transition: all .15s linear;
}

nav .contenido-menu .contacto .menu-cliente .fd_dd li .item {
    color: #333333;
    white-space: nowrap;
    display: block;
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
    text-decoration: none;
    transition: all .15s linear;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.3;
}

nav .contenido-menu .contacto .menu-cliente .fd_dd>li:hover {
    background: #4f4f4f;
}

nav .contenido-menu .contacto .menu-cliente .fd_dd>li:hover .item {
    color: #ffffff;
}

nav .contenido-menu .contacto .menu-cliente-operador>a {
    color: #ffffff;
}

nav.menu-fixed .contenido-menu .contacto .menu-cliente-operador>a {
    color: #333333;
}

nav .contenido-menu .contacto>div>a {
    font-size: 15px;
}

nav .contenido-menu .contacto .menu-pais>a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}

nav .contenido-menu .contacto .menu-pais .fd_dd {
    position: absolute;
    display: none;
    top: 60px;
    right: 0;
    width: 190px;
    background: #ffffff;
    color: #333333;
    font-weight: 300;
    border-radius: 5px;
    overflow: hidden;
    padding: 0 8px;
}

nav .contenido-menu .contacto .menu-pais .fd_dd>div {
    padding: 8px 0;
    border-top: 2px solid #54a1f7;
}

nav .contenido-menu .contacto .menu-pais .fd_dd>div>li {
    display: block;
    border-radius: 5px;
    position: relative;
}

nav .contenido-menu .contacto .menu-pais .fd_dd>div>li .item {
    display: block;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    padding: 10px 13px;
    box-sizing: border-box;
}

nav .contenido-menu .contacto .menu-pais .fd_dd>div>li .item:hover {
    color: #ffffff;
}

nav .contenido-menu .contacto .menu-pais .fd_dd>div>li:hover {
    color: #ffffff;
    background: #4f4f4f;
}

nav .contenido-menu .contacto .menu-pais .fd_dd>div>li>.item .menu-footer-sprite,
nav .menu-desplegable .item .menu-footer-sprite {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    background-position-y: -51px;
    margin-right: 10px;
    border-radius: 50%;
    border: 1px solid #deefff;
}

nav .contenido-menu .contacto .menu-pais .fd_dd>div>li>.item .pais-ar,
nav .menu-desplegable .item .pais-ar {
    background-position-x: -4.5px;
}

nav .contenido-menu .contacto .menu-pais .fd_dd>div>li>.item .pais-bo,
nav .menu-desplegable .item .pais-bo {
    background-position-x: -34.5px;
}

nav .contenido-menu .contacto .menu-pais .fd_dd>div>li>.item .pais-br,
nav .menu-desplegable .item .pais-br {
    background-position-x: -64.5px;
}

nav .contenido-menu .contacto .menu-pais .fd_dd>div>li>.item .pais-cl,
nav .menu-desplegable .item .pais-cl {
    background-position-x: -90px;
}

nav .contenido-menu .fd_dd>div>li>.item .pais-co,
nav .menu-desplegable .contenido-desplegable .item .pais-co {
    background-position-x: -120px;
}

nav .contenido-menu .contacto .menu-pais .fd_dd>div>li>.item .pais-es,
nav .menu-desplegable .item .pais-es {
    background-position-x: -150px;
}

nav .contenido-menu .contacto .menu-pais .fd_dd>div>li>.item .pais-us,
nav .menu-desplegable .item .pais-us {
    background-position-x: -180px;
}

nav .contenido-menu .contacto .menu-pais .fd_dd>div>li>.item .pais-int,
nav .menu-desplegable .item .pais-int {
    background-position-x: -214.5px;
}

nav .contenido-menu .contacto .menu-pais .fd_dd>div>li>.item .pais-mx,
nav .menu-desplegable .item .pais-mx {
    background-position-x: -244.5px;
}

nav .contenido-menu .contacto .menu-pais .fd_dd>div>li>.item .pais-pe,
nav .menu-desplegable .item .pais-pe {
    background-position-x: -274.5px;
}

nav .contenido-menu .contacto .menu-pais .fd_dd>div>li>.item .pais-uy,
nav .menu-desplegable .item .pais-uy {
    background-position-x: -300px;
}

nav .contenido-menu .contacto .menu-pais .fd_dd>div>li>.item .pais-ve,
nav .menu-desplegable .item .pais-ve {
    background-position-x: -334.5px;
}


/* Menu Desplegable */

#movil_abrirMenu {
    width: 23px;
    height: 23px;
    cursor: pointer;
    position: relative;
    margin-top: 0;
}

#movil_abrirMenu div {
    width: 23px;
    height: 23px;
    position: relative;
}

#movil_abrirMenu span {
    display: block;
    width: 23px;
    height: 4px;
    position: absolute;
    animation-fill-mode: forwards;
    background: #ffffff;
    transition: all .15s linear;
}

nav.menu-fixed #movil_abrirMenu span {
    background: #333333;
}

#movil_abrirMenu span.top {
    top: 0px;
}

#movil_abrirMenu span.middle {
    top: 9px;
}

#movil_abrirMenu span.bottom {
    top: 18px;
}

#movil_abrirMenu.visible span.top {
    -webkit-animation: inTop 0.3s forwards !important;
    -moz-animation: inTop 0.3s forwards !important;
    animation: inTop 0.3s forwards !important;
}

#movil_abrirMenu.visible span.middle {
    -webkit-animation: inMiddle 0.3s forwards !important;
    -moz-animation: inMiddle 0.3s forwards !important;
    animation: inMiddle 0.3s forwards !important;
}

#movil_abrirMenu.visible span.bottom {
    -webkit-animation: inBottom 0.3s forwards !important;
    -moz-animation: inBottom 0.3s forwards !important;
    animation: inBottom 0.3s forwards !important;
}

#movil_abrirMenu.hidden span.top {
    -webkit-animation: outTop 0.3s backwards !important;
    -webkit-animation-direction: reverse !important;
    -moz-animation: outTop 0.3s backwards !important;
    -moz-animation-direction: reverse !important;
    animation: outTop 0.3s backwards !important;
    animation-direction: reverse !important;
}

#movil_abrirMenu.hidden span.middle {
    -webkit-animation: outMiddle 0.3s backwards !important;
    -webkit-animation-direction: reverse !important;
    -moz-animation: outMiddle 0.3s backwards !important;
    -moz-animation-direction: reverse !important;
    animation: outMiddle 0.3s backwards !important;
    animation-direction: reverse !important;
}

#movil_abrirMenu.hidden span.bottom {
    -webkit-animation: outBottom 0.3s backwards !important;
    -webkit-animation-direction: reverse !important;
    -moz-animation: outBottom 0.3s backwards !important;
    -moz-animation-direction: reverse !important;
    animation: outBottom 0.3s backwards !important;
    animation-direction: reverse !important;
}

@-webkit-keyframes inMiddle {
    25% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(45deg);
    }
}

@-moz-keyframes inMiddle {
    25% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(45deg);
    }
}

@keyframes inMiddle {
    25% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes outMiddle {
    50% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(45deg);
    }
}

@-moz-keyframes outMiddle {
    50% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(45deg);
    }
}

@keyframes outMiddle {
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes inTop {
    0% {
        top: 0;
    }
    25% {
        top: 9px;
        -webkit-transform: rotate(0deg);
    }
    100% {
        top: 9px;
        -webkit-transform: rotate(135deg);
    }
}

@-moz-keyframes inTop {
    0% {
        top: 0;
    }
    25% {
        top: 9px;
        -moz-transform: rotate(0deg);
    }
    100% {
        top: 9px;
        -moz-transform: rotate(135deg);
    }
}

@keyframes inTop {
    0% {
        top: 0;
    }
    25% {
        top: 9px;
        transform: rotate(0deg);
    }
    100% {
        top: 9px;
        transform: rotate(135deg);
    }
}

@-webkit-keyframes outTop {
    0% {
        top: 0;
    }
    50% {
        top: 9px;
        -webkit-transform: rotate(0deg);
    }
    100% {
        top: 9px;
        -webkit-transform: rotate(135deg);
    }
}

@-moz-keyframes outTop {
    0% {
        top: 0;
    }
    50% {
        top: 9px;
        -moz-transform: rotate(0deg);
    }
    100% {
        top: 9px;
        -moz-transform: rotate(135deg);
    }
}

@keyframes outTop {
    0% {
        top: 0;
    }
    50% {
        top: 9px;
        transform: rotate(0deg);
    }
    100% {
        top: 9px;
        transform: rotate(135deg);
    }
}

@-webkit-keyframes inBottom {
    0% {
        top: 18px;
    }
    25% {
        top: 9px;
        -webkit-transform: rotate(0deg);
        opacity: 1;
    }
    100% {
        top: 9px;
        -webkit-transform: rotate(135deg);
        opacity: 0;
    }
}

@-moz-keyframes inBottom {
    0% {
        top: 18px;
    }
    25% {
        top: 9px;
        -moz-transform: rotate(0deg);
        opacity: 1;
    }
    100% {
        top: 9px;
        -moz-transform: rotate(135deg);
        opacity: 0;
    }
}

@keyframes inBottom {
    0% {
        top: 18px;
    }
    25% {
        top: 9px;
        transform: rotate(0deg);
        opacity: 1;
    }
    100% {
        top: 9px;
        transform: rotate(135deg);
        opacity: 0;
    }
}

@-webkit-keyframes outBottom {
    0% {
        top: 18px;
    }
    50% {
        top: 9px;
        -webkit-transform: rotate(0deg);
        opacity: 0;
    }
    100% {
        top: 9px;
        -webkit-transform: rotate(135deg);
        opacity: 1;
    }
}

@-moz-keyframes outBottom {
    0% {
        top: 18px;
    }
    50% {
        top: 9px;
        -moz-transform: rotate(0deg);
        opacity: 0;
    }
    100% {
        top: 9px;
        -moz-transform: rotate(135deg);
        opacity: 1;
    }
}

@keyframes outBottom {
    0% {
        top: 18px;
    }
    50% {
        top: 9px;
        transform: rotate(0deg);
        opacity: 0;
    }
    100% {
        top: 9px;
        transform: rotate(135deg);
        opacity: 1;
    }
}


/*responsive*/

nav.responsive.activo {
    background: #ffffff;
}

nav.responsive.activo .contenido-menu {
    color: #333333;
}

nav.responsive.activo .contenido-menu #movil_abrirMenu span {
    background: #333333;
}

nav .menu-desplegable {
    width: 100%;
    background: #ffffff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    max-height: calc(100vh - 60px);
    overflow-y: scroll;
}

nav.responsive.pais-activo .menu-desplegable>div:not(.menu-pais) {
    display: none!important;
}


/* nav.responsive .menu-desplegable .menu-pais {
    display: none;
} */

nav .menu-desplegable>div {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


/* 
nav .menu-desplegable .menu-logueado {
    display: none;
} */

nav .menu-desplegable .servicios>div {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

nav .menu-desplegable .menu-container {
    width: 100%!important;
    background: #f4faff;
    display: flex;
    justify-content: center;
    align-items: center;
}

nav .menu-desplegable .menu-container .items {
    width: 92%;
}

nav .menu-desplegable .menu-container .items .item {
    border-bottom: 1px solid #deefff;
    position: relative;
}

nav .menu-desplegable .menu-container .items .item:last-child {
    border-bottom: 1px solid transparent;
}

nav .menu-desplegable #cloud-dedicados-menu .items .item {
    border-bottom: 1px solid #deefff;
}

nav .menu-desplegable #cloud-dedicados-menu .items .item:last-child {
    border-bottom: 1px solid transparent;
}

nav .menu-desplegable .menu-container .items .item>a {
    display: block;
    width: 100%;
    position: relative;
    padding: 15px 0;
    box-sizing: border-box;
}

nav .menu-desplegable #cloud-dedicados-menu .items .item>a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

nav .menu-desplegable .menu-container .items .item .logo {
    width: 21px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

nav .menu-desplegable #dominio-menu .items .item .texto {
    display: inline-block;
    vertical-align: middle;
}

nav .menu-desplegable #dominio-menu .items .item.reg-dominio .logo {
    background-position: -270px -118px;
}

nav .menu-desplegable #dominio-menu .items .item.reg-privado .logo {
    background-position: -315px -118px;
}

nav .menu-desplegable #dominio-menu .items .item.regional .logo {
    background-position: -292px -118px;
}

nav .menu-desplegable #dominio-menu .items .item.tranf-dominio .logo {
    background-position: -338px -118px;
}

nav .menu-desplegable #dominio-menu .items .item.whois .logo {
    background-position: -362px -118px;
}

nav .menu-desplegable #hosting-menu .items .item .logo {
    width: 23px;
    display: inline-block;
    vertical-align: middle;
}

nav .menu-desplegable #hosting-menu .items .item.hosting-menu .logo {
    background-position: 1px -118px;
}

nav .menu-desplegable #hosting-menu .items .item.revendedores-menu .logo {
    background-position: -72px -118px;
}

nav .menu-desplegable #hosting-menu .items .item.cloud-menu .logo {
    background-position: -23px -118px;
}

nav .menu-desplegable #hosting-menu .items .item.wordpress-menu .logo {
    background-position: -96px -118px;
}

nav .menu-desplegable #hosting-menu .items .item.dedicados-menu .logo {
    background-position: -48px -118px;
}

nav .menu-desplegable #hosting-menu .items .item.correo-menu .logo {
    background-position: -120px -118px;
}

nav .menu-desplegable #cloud-dedicados-menu .items .item .logo {
    width: 23px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
}

nav .menu-desplegable #cloud-dedicados-menu .items .item.cloud-menu .logo {
    background-position: -23px -118px;
}

nav .menu-desplegable #cloud-dedicados-menu .items .item.dedicados-menu .logo {
    background-position: -48px -118px;
}

nav .menu-desplegable #mas-menu .items .logo {
    width: 24px;
    display: inline-block;
    vertical-align: middle;
}

nav .menu-desplegable #mas-menu .items .revende-menu .logo {
    background-position: -144px -118px;
}

nav .menu-desplegable #mas-menu .items .item.revendedores-menu .logo {
    background-position: -72px -118px;
}

nav .menu-desplegable #mas-menu .items .item.radio-menu .logo {
    background-position: -194px -118px;
}

nav .menu-desplegable #mas-menu .items .item.correo-menu .logo {
    background-position: -119px -118px;
}

nav .menu-desplegable #mas-menu .items .item.chat-menu .logo {
    background-position: -219px -118px;
}

nav .menu-desplegable #mas-menu .items .item.ferozo-menu .logo {
    background-position: -170px -118px;
}

nav .menu-desplegable .menu-container .items .item .titulo-menu {
    margin: 0;
    color: #4d4d4d;
    font-size: 15px;
    font-family: "Oxygen", "Arial";
    letter-spacing: .5px;
}

nav .menu-desplegable #cloud-dedicados-menu .items .item .titulo-menu {
    margin: 0;
    color: #4d4d4d;
    font-size: 15px;
    font-family: "Oxygen", "Arial";
    letter-spacing: .5px;
    font-weight: 300;
}

nav .menu-desplegable #cloud-dedicados-menu .items .item.cloud-menu .logo {
    right: 0;
    margin-right: 10px;
}

nav .menu-desplegable .contenido-desplegable {
    width: 92%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 0;
}

nav .menu-desplegable .contenido-desplegable .info-usuario {
    display: flex;
    justify-content: center;
    align-items: center;
}

nav.responsive .menu-desplegable .contenido-desplegable .paises-responsive {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    color: #777777;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

nav.responsive .menu-desplegable .menu-pais {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background: #f4faff;
    box-sizing: border-box;
    max-height: calc(100vh - 60px);
    overflow: scroll;
}

nav.responsive .menu-desplegable .menu-pais>div {
    width: 92%;
    height: 46px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 2px solid #deefff;
}

nav.responsive .menu-desplegable .menu-pais>div:last-child {
    border-bottom: none;
}

nav.responsive .menu-desplegable .menu-pais>div>a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

nav .menu-desplegable .servicios>div>a:hover {
    color: #333333;
}

nav .menu-desplegable .servicios>div>a>.logo {
    transition: all .15s linear;
}

nav .menu-desplegable .servicios>.activo>a>.logo {
    transform: rotate(-180deg);
    color: #f26721;
}

nav .menu-desplegable .servicios .contenido-desplegable {
    justify-content: space-between;
    font-size: 16px;
    font-family: "Oxygen", "Arial";
    letter-spacing: .5px;
    font-weight: 800;
}

nav .menu-desplegable .servicios .contenido-desplegable.no-desplegable {
    justify-content: flex-start;
}

nav .menu-desplegable .menu-ingresar {
    display: flex;
    align-items: center;
    justify-content: center;
}

nav .menu-desplegable .menu-logueado .cont-avatar {
    margin-right: 10px;
    border-radius: 250px;
    border: 3px solid #0b79f4;
    overflow: hidden;
    width: 55px;
    height: 55px;
    background-size: 100% 100%;
}

nav .menu-desplegable .menu-logueado .avatar {
    max-width: 100%;
}

nav .menu-desplegable .menu-logueado .texto-usuario>div {
    color: #333333;
    font-family: "Oxygen", "Arial";
    letter-spacing: .5px;
}

nav .menu-desplegable .menu-logueado .texto-usuario>div:hover {
    color: #333333;
}

nav .menu-desplegable .menu-logueado .texto-usuario .usuario {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
}

nav .menu-desplegable .menu-logueado .texto-usuario .id-cliente {
    margin: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: 3px;
}

nav .menu-desplegable .menu-logueado .texto-usuario .link-usuario {
    color: #0b79f4;
    font-weight: 600;
    font-family: "Oxygen", "Arial";
    letter-spacing: .5px;
    line-height: 1.3;
}

nav .menu-desplegable .menu-logueado .texto-usuario .link-usuario>a {
    cursor: pointer;
    color: #0b79f4;
}

nav .menu-desplegable .separacion {
    display: block;
    height: 2px;
    background: #deefff;
    padding: 0;
}

nav .menu-desplegable .menu-ingresar a.btn.secundario {
    color: #0b79f4;
    border: 2px solid #0b79f4;
    width: 320px;
    max-width: 100%;
    border-radius: 10px;
}

#buscador-header {
    display: block;
    position: fixed;
    width: 100%;
    height: calc(100vh - 60px);
    left: 0;
    top: 60px;
    background: #ffffff;
    display: none;
    padding-top: 30px;
    overflow: scroll;
}

#buscador-header .spinner {
    margin: 2em auto 1em;
}

#buscador-header i.close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #777;
    font-size: 35px;
    padding: 10px;
    z-index: 1;
}

#buscador-header .items {
    visibility: visible;
    float: none;
    text-align: left;
}

#buscador-header .items li {
    border: none;
}

#buscador-header .items li>a {
    color: #333333;
    font-size: 20px;
    padding: 5px 0;
    line-height: 1.3;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#buscador-header .items li>a:hover {
    background-color: transparent;
    color: #f60;
}

#buscador-header .sin-resultados {
    font-size: 1.4em;
    text-align: center;
    color: #aaa;
    font-weight: 300;
}

.input-buscador {
    box-sizing: border-box;
    border-bottom: solid 1px #999;
    margin-top: 30px;
    position: relative;
    width: 100%;
}

.input-buscador input {
    border: none;
    color: #000;
    font-size: 20px;
    font-weight: 300;
    width: calc(100% - 50px);
    padding: 20px 0;
    display: inline-block;
}

.input-buscador .boton-buscar {
    display: inline-block;
    height: 28px;
    width: 28px;
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.input-buscador .material-icons {
    color: #777;
    vertical-align: middle;
}

.input-buscador input::-webkit-input-placeholder {
    color: #777;
    font-weight: 300;
    font-style: italic;
}

.input-buscador input:-moz-placeholder {
    color: #777;
    font-weight: 300;
    font-style: italic;
}

.input-buscador input:-ms-input-placeholder {
    color: #777;
    font-weight: 300;
    font-style: italic;
}

nav #buscador-header .width_wrap {
    padding: 4em 0;
}

nav #buscador-header a[data-target] {
    display: inline-block;
    position: relative;
}

nav #buscador-header a[data-target].activo::after {
    content: ' ';
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    background-color: #fff;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -moz-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    -o-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%);
    left: 50%;
    bottom: -18px;
}

nav .input-buscador,
nav .resultados-busqueda {
    max-width: 730px;
    margin: auto;
    display: flex;
    align-items: center;
}

nav #buscador-header .resultado-busqueda-dominio {
    display: none;
    max-width: 730px;
    margin: 30px auto 0 auto;
}

nav #buscador-header .resultado-busqueda-dominio i.check {
    color: #78c259;
    font-size: 30px;
    position: relative;
    top: 8px;
    left: 23px;
}

nav #buscador-header .resultado-busqueda-dominio span.dominio {
    color: #2d2d2d;
    font-weight: 600;
    font-size: 22px;
    display: inline-block;
    margin: 0 0 0 30px;
}

nav #buscador-header .resultado-busqueda-dominio span.texto {
    color: #000;
    display: inline-block;
    margin: 0 10px;
}

nav #buscador-header .resultado-busqueda-dominio a.btn {
    background: rgba(220, 220, 220, 0.1);
    color: #7e8184!important;
    line-height: 1;
    padding: 15px 45px 15px 15px;
    position: relative;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

nav #buscador-header .resultado-busqueda-dominio a.btn i {
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 13px;
}

nav #buscador-header .resultado-busqueda-dominio a.btn:hover {
    background: #56a846;
    color: white!important;
}

nav .input-buscador input {
    padding: 10px 0;
    font-size: 1.71em;
}

nav .input-buscador input::-webkit-input-placeholder {
    color: #ccc;
}

nav .input-buscador input:-moz-placeholder {
    color: #ccc;
}

nav .input-buscador input:-ms-input-placeholder {
    color: #ccc;
}

nav .resultados-busqueda {
    text-align: center;
    padding-top: 2em;
}

nav .busqueda .menu-container {
    position: fixed;
    top: 50px;
    z-index: 2000;
    opacity: 1;
    display: none;
    height: calc(100vh - 60px);
    overflow: auto;
    box-sizing: border-box;
    cursor: initial;
}

nav .busqueda .menu-container.activo {
    display: block;
}

nav .busqueda .material-icons {
    cursor: pointer;
}

nav .resultado-busqueda-dominio {
    display: none;
}

@media (max-width: 1450px) {
    nav .contenido-menu .servicios .menu-cloud-dedicados {
        display: none;
    }
}

@media (max-width: 1366px) {
    nav .contenido-menu .contacto .soporte-menu {
        display: none;
    }
}

@media (max-width: 1199px) {
    nav.desktop {
        display: none;
    }
    nav.responsive {
        display: flex;
    }
    #cloud-dedicados-menu .items .item .texto {
        padding: 0;
    }
    nav .menu-desplegable #cloud-dedicados-menu .items .item.cloud-menu .logo {
        margin-right: 15px;
    }
    nav .menu-desplegable .menu-container .items .item .logo {
        margin-right: 15px;
    }
}

@media (max-width: 400px) {
    nav .contenido-menu .contacto>div {
        margin: 0 5px;
    }
}
/*--FIN /sp/common_header.css */

/* /sp/animate.min.css */
@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
}

.animated.faster,
.animated.medioSeg {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.animated.unSeg {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.animated.slow,
.animated.dosSeg {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.slower,
.animated.tresSeg {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

.animated.cuatroSeg {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}

@media (print),
(prefers-reduced-motion: reduce) {
    .animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
    }
}
/*--FIN /sp/animate.min.css */

/* /sp/templates/css/template-componente-alerts.css */
.alerts-wrapper {
    position: fixed;
    left: 10px;
    z-index: 9999999999;
    bottom: 25px;
    line-height: initial;
    max-width: calc(100% - 20px);
    width: auto;
} 

.alert {
    border-radius: 4px;
    position: relative;  
    left: 0px;
    width: auto;
    visibility: initial;
    display: table;
    padding: 15px 30px 15px 15px;
    margin: 0px 0px 5px 0px;
    transition-property: left, opacity;
    transition-delay: 0s, 0s;
    transition-duration: 1.5s , 1.8s;
}

.alert.error{
    background: #dc3545;
}
.alert.warning{
    background: #ffc107;
}
.alert.info{
    background: #222222;
}

.alert.hidden {
    opacity: 0;
    left: -150%;
}
.alert span.text{
    display: inline;
    color: #ffffff;
    vertical-align: super;
    margin: 0px 10px 0px 0px;
}
.alert span.action{
    display: inline-block;    
    color: #3497DB;
    vertical-align: super;
    font-size: 15px;
    cursor: pointer;
}
.alert span.action:hover{
    color: #7dcaff;
}
.alert i{
    position: absolute;
    right: 10px;
    top: 33%;
    font-size: 18px;
    vertical-align: middle;
    color: #FFF;
    padding: 0px 0px 0px 10px;
    cursor: pointer;
}

.alert.info i{
    color: #777;
}

.alert i:hover{
    color: #FFF;
}
.template-alert{
    display: none;
}


/*--FIN /sp/templates/css/template-componente-alerts.css */

/* /sp/templates/css/template-popup-mantenimiento.css */
/*overlay*/

#overlay {
    position: relative;
}

.overlay_webhosting_caracteristicas .width_wrap {
    width: 96%;
}

.overlay-msg p.text {
    margin: 20px 0;
}

.overlay-msg .overlay.mantenimiento {
    max-width: 500px;
    text-align: center;
    position: relative;
}

.overlay-msg .overlay.mantenimiento p strong {
    font-weight: 700;
}

.overlay-msg .overlay.mantenimiento .popup-header {
    width: 100%
}

.overlay-msg .overlay.mantenimiento .title {
    font-size: 20px;
    color: #333333;
    font-weight: 400;
}

.overlay-msg .overlay.mantenimiento .row {
    padding: 0 0 15px 0;
}

.overlay-msg .overlay.mantenimiento .row.overflow {
    float: right;
    text-align: left;
    width: 100%;
}

@media (max-width: 600px) {
    .overlay-msg .overlay {
        max-height: 100vh;
    }
    .overlay-msg .overlay.mantenimiento .row {
        padding: 0;
    }
    .overlay-msg .overlay.mantenimiento .row.overflow {
        width: 100%;
        margin: auto;
        display: block;
        float: none;
        padding: 30px 0 15px 0;
    }
}
/*--FIN /sp/templates/css/template-popup-mantenimiento.css */

/* /sp/templates/css/template-acordeon.css */
.acordeon {
    width: 100%;
}

ul.acordeon>li {
    margin-bottom: 15px;
    width: 100%;
    background: #f5f5f5;
    border-radius: 7px;
    padding: 10px;
    padding-right: 0px;
}

.acordeon .titulo-acordeon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000000;
    font-weight: 800;
}

.contenido-acordeon {
    margin-top: 10px;
}

.acordeon .titulo-contenido {
    font-weight: 800;
    margin: 0;
}

.acordeon .titulo-acordeon .icono {
    width: 10%;
    font-size: 42px;
}

.acordeon .titulo-acordeon .icono i {
    font-size: 42px;
}

.acordeon .titulo-acordeon .icono-titulo {
    width: 10%;
    display: flex;
    justify-content: flex-end;
    margin-right: 10px;
}

.acordeon .titulo-acordeon .titulo-texto {
    width: 80%;
    font-size: 16px;
    padding: 10px;
    font-weight: 600;
}

.acordeon .titulo-acordeon {
    cursor: pointer;
}

.icono-titulo i {
    transition: all 1s;
}

.icono-titulo i.desplegado {
    transform: rotate(180deg);
}
/*--FIN /sp/templates/css/template-acordeon.css */

/* /sp/contacto.css */
header {
    background: #0b79f4;
    position: relative;
    padding-top: 120px;
}

header .fondo {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
}

header .width_wrap {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    color: #ffffff;
}

header .width_wrap>div {
    width: 50%;
}

header .width_wrap .cont-texto {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}

header .width_wrap .cont-texto .titulo {
    font-family: 'Oxygen';
    font-size: 60px;
    font-weight: 800;
    margin: 0 0 20px 0;
    line-height: 1;
}

header .width_wrap .cont-texto .bajada {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 85px;
}

header .width_wrap .cont-formularios {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

header .width_wrap .cont-formularios>div {
    width: 100%;
}

header .width_wrap .cont-formularios .formularios #formulario {
    margin-bottom: 80px;
}

header .width_wrap .cont-formularios .formularios #te-llamamos {
    margin-bottom: 80px;
}

header .width_wrap .cont-formularios .formularios #chat-online {
    height: 500px;
}

header .width_wrap .cont-formularios .formularios #chat-online .titulo {
    font-size: 25px;
    font-weight: 400;
}

header .width_wrap .cont-formularios>div .boton {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

header .width_wrap .cont-formularios>div input,
header .width_wrap .cont-formularios>div textarea,
header .width_wrap .cont-formularios>div .select-box {
    width: 100%;
    height: 45px;
    border-radius: 10px;
    background: #f4faff;
    border: none;
    padding: 0 0 0 20px;
    font-size: 16px;
    font-weight: 300;
    box-sizing: border-box;
    color: #333333;
}

header .width_wrap .cont-formularios>div textarea {
    height: 130px;
    margin-bottom: 0;
    padding: 15px 15px 15px 20px;
}

header .width_wrap .cont-formularios>div .select-box,
header .width_wrap .cont-formularios>div .input-box {
    margin-bottom: 20px;
    position: relative;
}

header .width_wrap .cont-formularios .error input,
header .width_wrap .cont-formularios .error textarea,
header .width_wrap .cont-formularios .error.select-box {
    border: 1px solid #dc4437;
}

header .width_wrap .cont-formularios>div .horario-box .horario {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .width_wrap .cont-formularios>div .horario-box .horario>div>label {
    margin: 0 0 10px 0;
}

header .width_wrap .cont-formularios>div input::placeholder,
header .width_wrap .cont-formularios>div textarea::placeholder {
    font-style: italic;
    color: #777777;
}

header .width_wrap .cont-formularios>div .btn.principal {
    padding: 0;
    border: 1px solid #ffffff;
    width: 95px;
    height: 40px;
    font-weight: 600;
}

header .width_wrap .cont-formularios .selectores {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 25px 0;
}

header .width_wrap .cont-formularios .selectores .selector {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

header .width_wrap .cont-formularios .selectores .selector .radio {
    width: 20px;
    height: 20px;
    display: block;
    background-position: 0 -25px;
    margin-right: 8px;
}

header .width_wrap .cont-formularios .selectores .selector.activo .radio {
    background-position: -22px -25px;
}

section#mesa-ayuda {
    padding: 120px 0 160px 0;
    position: relative;
}

section#mesa-ayuda .fondo {
    position: absolute;
    bottom: 0;
    background-position: center;
    width: 100%;
    height: 80px;
    background-repeat: no-repeat;
}

section#mesa-ayuda .width_wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

section#mesa-ayuda .width_wrap>div {
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

section#mesa-ayuda .width_wrap>div .titulo {
    font-family: 'Oxygen';
    font-size: 40px;
    font-weight: 800;
}

section#mesa-ayuda .width_wrap .cont-ingreso>div {
    width: 100%;
}

section#mesa-ayuda .width_wrap .cont-ingreso .cont-inputs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 15px;
}

section#mesa-ayuda .width_wrap .cont-ingreso .cont-inputs .input-box {
    position: relative;
}

section#mesa-ayuda .width_wrap .cont-ingreso .cont-inputs .input-box.error input {
    border: 1px solid #df6245;
}

section#mesa-ayuda .width_wrap .cont-ingreso .cont-inputs .tip_message.error {
    background: #df6245;
    position: absolute;
    color: #ffffff;
    top: -14px;
    z-index: 2;
    right: 0;
    border-radius: 2px;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 600;
    width: auto;
}

section#mesa-ayuda .width_wrap .cont-ingreso .cont-inputs form {
    width: 100%;
}

section#mesa-ayuda .width_wrap .cont-ingreso .cont-inputs input {
    width: 100%;
    height: 45px;
    border-radius: 10px;
    margin-bottom: 15px;
    background: #f4faff;
    border: none;
    padding: 0 0 0 20px;
    font-size: 16px;
    font-weight: 300;
    box-sizing: border-box;
}

section#mesa-ayuda .width_wrap .cont-ingreso .cont-inputs input::placeholder {
    font-style: italic;
    color: #777777;
}

section#mesa-ayuda .width_wrap .cont-ingreso .botones {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

section#mesa-ayuda .width_wrap .cont-ingreso .botones .link {
    font-style: italic;
    color: #0066cc;
    font-size: 14px;
    font-weight: 300;
    text-decoration: underline;
    cursor: pointer;
}

section#mesa-ayuda .width_wrap .cont-telefonos .titulo-telefono {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

section#mesa-ayuda .width_wrap .cont-telefonos .numero-wts {
    font-size: 16px;
    font-weight: 300;
    padding-left: 40px;
    cursor: pointer;
}

section#mesa-ayuda .width_wrap .cont-telefonos .titulo-telefono .logo {
    display: block;
    width: 25px;
    height: 25px;
    background-position: 0 0;
    margin-right: 15px;
}

section#mesa-ayuda .width_wrap .cont-telefonos .wts .titulo-telefono .logo {
    background-position: -25px 0;
}

section#mesa-ayuda .width_wrap .cont-telefonos .numero-llamada {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    font-weight: 300;
    padding-left: 40px;
    margin-bottom: 30px;
}

section#mesa-ayuda .width_wrap .cont-telefonos .desplegable {
    padding-left: 40px;
    font-size: 14px;
    font-weight: 300;
    text-decoration: underline;
}

section#mesa-ayuda .width_wrap .cont-telefonos .numero-llamada .telefono-llamada {
    margin: 0;
}

section#mesa-ayuda .width_wrap .cont-telefonos .numero-llamada .ic_flag {
    margin-right: 15px;
    border-radius: 50%;
    border: 1px solid #deefff;
    width: 18px;
    height: 18px;
}

section#mesa-ayuda .width_wrap .cont-telefonos .numero-llamada .flag_ar {
    background-position-x: -4.5px;
}

section#mesa-ayuda .width_wrap .cont-telefonos .numero-llamada .flag_bo {
    background-position-x: -34.5px;
}

section#mesa-ayuda .width_wrap .cont-telefonos .numero-llamada .flag_br {
    background-position-x: -64.5px;
}

section#mesa-ayuda .width_wrap .cont-telefonos .numero-llamada .flag_cl {
    background-position-x: -90px;
}

section#mesa-ayuda .width_wrap .cont-telefonos .numero-llamada .flag_co {
    background-position-x: -120px;
}

section#mesa-ayuda .width_wrap .cont-telefonos .numero-llamada .flag_es {
    background-position-x: -150px;
}

section#mesa-ayuda .width_wrap .cont-telefonos .numero-llamada .flag_us {
    background-position-x: -180px;
}

section#mesa-ayuda .width_wrap .cont-telefonos .numero-llamada .flag_int {
    background-position-x: -214.5px;
}

section#mesa-ayuda .width_wrap .cont-telefonos .numero-llamada .flag_mx {
    background-position-x: -244.5px;
}

section#mesa-ayuda .width_wrap .cont-telefonos .numero-llamada .flag_pe {
    background-position-x: -274.5px;
}

section#mesa-ayuda .width_wrap .cont-telefonos .numero-llamada .flag_uy {
    background-position-x: -300px;
}

section#mesa-ayuda .width_wrap .cont-telefonos .numero-llamada .flag_ve {
    background-position-x: -334.5px;
}

section#mesa-ayuda .width_wrap .cont-telefonos .numero-llamada .ciudad-telefono {
    margin-right: 15px;
}

section#mesa-ayuda .width_wrap .cont-telefonos .llamada {
    margin-bottom: 75px;
}

section#trabaja {
    padding: 160px 0;
    background: #f4faff;
}

section#trabaja .width_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

section#trabaja .width_wrap .titulo {
    font-family: 'Oxygen';
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 50px;
}

section#mapa {
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-position: center top;
}

section#mapa .fondo {
    position: absolute;
    top: 0;
    background-position: center;
    width: 100%;
    height: 80px;
    background-repeat: no-repeat;
}

section#mapa .fondo-2 {
    position: absolute;
    bottom: 0;
    background-position: center;
    width: 100%;
    height: 80px;
    background-repeat: no-repeat;
}

section#mapa .width_wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

section#mapa .width_wrap .cont-texto {
    background: #ff6600;
    border-radius: 10px;
    color: #ffffff;
    padding: 25px;
    display: flex;
    align-self: flex-start;
    justify-content: center;
}

section#mapa .width_wrap .cont-texto .logo {
    display: block;
    width: 22px;
    height: 24px;
    background-position: -50px 0;
    margin-right: 15px;
}

section#mapa .width_wrap .cont-texto .titulo-texto {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}

section#mapa .width_wrap .cont-texto .bajada-texto {
    font-style: italic;
    font-size: 14px;
    font-weight: 300;
    text-decoration: underline;
    color: #ffffff;
}

.overlay_incidente {
    padding: 40px 30px;
    position: fixed;
    top: 20%;
    width: 70%;
    font-size: 14px;
    z-index: 9999;
    left: 15%;
    background-color: #ddd;
    -webkit-box-shadow: 10px 10px 21px 1px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 10px 10px 21px 1px rgba(0, 0, 0, 0.08);
    box-shadow: 10px 10px 21px 1px rgba(0, 0, 0, 0.08);
}

.overlay_incidente p {
    margin-bottom: 10px;
}

.overlay_incidente>a {
    margin-top: -20px;
    margin-left: -10px;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ccc;
    float: right;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    line-height: 2;
}

section {
    position: relative;
}

section .left {
    float: left;
    width: 50%;
}

section .right {
    float: right;
    width: 50%;
    position: relative;
}

h2 {
    font-size: 30px;
    font-weight: 300;
    margin: 0 auto;
}


/* TABS */

.tabs {
    background-color: #ecf0f1;
    z-index: 1;
    margin-top: 60px;
}

.tabs li {
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
    height: auto;
    margin: 0 -4px 0 0;
    text-align: center;
}

.tabs li a {
    position: relative;
    display: block;
    height: 80px;
    width: 100%;
    padding: 25px 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #6d6e71;
    text-decoration: none;
    cursor: pointer;
}

.tabs li a:hover,
.tabs li a.activa {
    color: #f60;
}

.tabs li a::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
    content: '';
    -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
    transition: transform 0.3s, background-color 0.3s;
    -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(900px) rotate3d(1, 0, 0, 90deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-perspective-origin: 50% 100%;
    perspective-origin: 50% 100%;
}

.tabs li a.activa::before {
    background-color: #fff;
    -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
    transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
}

.tabs li a::after {
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -15px;
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid transparent;
    transition: border-color 0.3s;
}

.tabs li a.activa::after {
    border-top-color: #fff;
}

.tabs li a i.icon {
    display: block;
    width: 44px;
    height: 40px;
    margin: 10px auto;
    background-repeat: no-repeat;
}

.iconc {
    background-position: 0 0;
}

.icont {
    background-position: -44px 0;
}

.icons {
    background-position: -88px 0;
}

a:hover .iconc,
.activa .iconc {
    background-position: 0 -40px;
}

a:hover .icont,
.activa .icont {
    background-position: -44px -40px;
}

a:hover .icons,
.activa .icons {
    background-position: -88px -40px;
}


/* SELECTS */

.select-box {
    position: relative;
}

.select-box .ic_op_da {
    margin-top: 3px;
    position: absolute;
    right: 10px;
}

.select-box ul.desplegable {
    display: none;
    border: 1px solid #ddd;
    position: absolute;
    top: 40px;
    left: -1px;
    z-index: 2;
    width: 100%;
    height: 200px;
    overflow-x: hidden;
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 10;
    background: #ffffff;
}

.select-box ul li {
    padding: 8px 10px;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    color: #000;
    cursor: pointer;
    line-height: 20px;
}

.select-box ul li:hover {
    color: #aaa;
}

.select-box ul.desplegable ul li {
    padding-left: 20px;
}

.select-box ul.desplegable ul li:last-child {
    border-bottom: none;
}


/* SECCION FORMULARIOS */

section.formularios {
    background-color: #f4f6f5;
}

.formularios .left,
.formularios .right {
    float: none;
    display: inline-block;
    vertical-align: top;
}

.formularios .left {
    margin-right: -4px;
}

.formularios .left .seccion {
    padding-top: 65px;
}

div.lead-options span.error {
    background: #df6245;
    position: absolute;
    color: #ffffff;
    top: -28px;
    z-index: 2;
    right: 0;
    border-radius: 2px;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 600;
    width: auto;
}

div.lead-options {
    position: relative;
}

.elegir-accion {
    margin-bottom: 25px;
}

.elegir-accion li {
    display: inline-block! important;
    width: 33.33%;
    vertical-align: top;
    margin: 0 -4px 0 0;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    color: #999;
}

.elegir-accion li.activa {
    color: #333;
}

.radio-box {}

.radio-box input {
    display: none;
}

.radio-box .circulo {
    display: inline-block;
    width: 23px;
    height: 23px;
    border: 1px solid #ccc;
    border-radius: 12px;
    background-color: #fff;
    vertical-align: middle;
    margin: 0 15px 0 0;
}

.radio-box .circulo span {
    display: block;
    width: 19px;
    height: 19px;
    background-color: transparent;
    border-radius: 10px;
    margin: 2px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.radio-box.activa .circulo span {
    background-color: #f60;
}

.radio-box.small .circulo {
    width: 16px;
    height: 16px;
    margin: 10px;
}

.radio-box.small .circulo span {
    width: 12px;
    height: 12px;
}


/* .formularios .input-box,
.formularios .textarea-box,
.formularios .select-box {
    border-width: 1px;
    border-style: solid;
    border-color: #d4d6d5;
    background-color: #fff;
    padding: 10px;
    border-radius: 2px;
    width: 96%;
    margin: 0 0 19px;
    position: relative;
    float: none;
} */


/* .formularios .input-box,
.formularios .select-box {
    height: 22px;
} */

.formularios .input-box input,
.formularios .textarea-box textarea,
.formularios .select-box .valor {
    border: none;
    width: 100%;
    height: inherit;
    background: transparent;
    line-height: 20px;
    font-size: 16px;
    text-indent: 2px;
    font-style: italic;
    color: #aaa;
}

.formularios .input-box input,
.formularios .select-box .valor {
    height: 22px;
}

.formularios .input-box input {
    /* resetea valores de 'porta_input_*' */
    padding: 0;
}

.formularios .textarea-box textarea {
    width: 100%;
    height: 100px;
    resize: none;
}

.formularios .select-box .valor {
    color: #747677;
    border-color: #747677;
    z-index: 1;
    position: relative;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    height: 42px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.formularios .select-box .no-click>.txt,
.formularios .select-box .no-click:hover>.txt {
    cursor: default;
    font-style: italic;
    color: #aaa;
}

.formularios .input-box.success,
.formularios .textarea-box.success,
.formularios .select-box.success {
    /*border-color: #56a846;*/
}

.formularios .input-box.success input,
.formularios .textarea-box.success textarea,
.formularios .select-box.success .valor {
    font-style: normal;
    /*color: #56a846*/
}

.formularios .textarea-box {
    position: relative;
}

.formularios .input-box.error,
.formularios .textarea-box.error,
.formularios .select-box.error,
.formularios .radio-box.error .circulo {
    border-color: #df6245;
}

.formularios .left,
.formularios .right {
    min-height: 630px;
    height: auto;
    padding: 0 0 20px 0;
    box-sizing: border-box;
}

span#aviso_form {
    display: block;
    position: relative;
}

.formularios .tip_message {
    background: #df6245;
    position: absolute;
    color: #ffffff;
    top: -15px;
    z-index: 2;
    right: 0;
    border-radius: 2px;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 600;
}

.formularios .respuesta {
    padding-top: 0;
    min-height: 450px;
}

.formularios .respuesta>h2 {
    margin-bottom: 20px;
}

div.lead-options .option {
    margin-bottom: 20px;
}


/* SECC-TELLAMAMOS */

#secc-tellamamos .telefono-box {
    position: relative;
}

#secc-tellamamos .telefono-box.error .input-box {
    border-color: #df6245;
}

#secc-tellamamos .telefono-completo>div {
    width: 93px;
    display: inline-block;
    margin-right: 1%;
}

#secc-tellamamos .telefono-completo>div:last-child {
    width: calc( 100% - 100px);
    margin-right: -10px
}

#secc-tellamamos .telefono-completo .tip_message {
    display: none!important;
}

#secc-tellamamos .telefono-completo .input-box:last-child input {
    text-align: left;
}

#secc-tellamamos .tipo-telefono-box {
    text-align: right;
    position: relative;
}

#secc-tellamamos .tipo-telefono-box .radio-box {
    display: inline-block;
    margin-left: 20px;
}

.horario-box .titulo {
    display: block;
    margin: 0px 0 20px;
}

.horario {}

.horario>div {
    display: inline-block;
    width: 43%;
    vertical-align: top;
}

.horario>div:last-child {
    width: 55px;
    margin: 15px 0;
}

.horario .desde>label,
.horario .hasta>label {
    float: left;
    width: 45px;
    margin: 13px 10px 0 0;
}

.horario .desde>.select-box,
.horario .hasta>.select-box {
    width: 61%;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

#tab-tellamamos-respuesta {}

#tab-tellamamos-respuesta strong {
    margin-right: 10px;
    /*display: inline-block;
  width: 130px;  
  text-align: right;*/
}


/* TAB-TELEFONOS */

#tab-telefonos {}

#tab-telefonos .inner {
    width: 75%;
    margin: 0 0 0 2%;
    position: relative;
}

#tab-telefonos h3 {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 8px;
}

#tab-telefonos .inner h3+img.ic_flag {
    position: absolute;
    top: 0;
    right: 0;
}

#tab-telefonos ul.lista_telefonos {
    padding-top: 10px;
}

#tab-telefonos ul.lista_telefonos li {
    padding: 8px 0 8px 8px;
}

#tab-telefonos ul.lista_telefonos li span {
    display: inline-block;
    vertical-align: bottom;
    width: 50%;
}

#tab-telefonos ul.lista_telefonos li span:first-child {
    font-weight: 700;
    color: #5f5f5e;
}

#tab-telefonos ul.lista_telefonos li span:last-child {
    text-align: right;
}

#tab-telefonos ul.lista_telefonos+a {
    margin: 20px 8px;
    display: block;
    text-decoration: underline;
}

#tab-telefonos .icon {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background-position: 0 0;
    margin: 0 8px 0 0;
}

#tab-telefonos .ico_tel {
    background-position: -133px -23px;
}

#tab-telefonos .ico_whatsapp {
    background-position: -159px -48px;
}

#tab-telefonos .ico_vcard {
    background-position: -133px -48px;
}

#tab-telefonos .ico_fax {
    background-position: -156px -22px;
}

#whatsapp h3+a,
#atencion-al-cliente h3+a,
#vcard h3+a,
#fax h3+span {
    padding: 5px 0;
    text-decoration: underline;
    display: block;
}

#fax h3+span {
    text-decoration: none;
    display: block;
    margin-top: -8px;
}

#tab-telefonos .inner>div {
    padding: 30px 0;
}

#tab-telefonos .inner>div:first-child {
    padding-top: 0;
    border: none;
}


/* KCAPTCHA */

.captcha-box {
    float: right;
    display: block;
    text-align: center;
    padding: 0 20px;
    margin: 9px 0;
}

.captcha-box img {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.captcha-box input {
    padding: 11px 10px;
    width: 75px;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 3px;
}


/* LOGIN */

#identificacion {
    padding-top: 50px;
    position: relative;
}

#identificacion .secondary-txt {
    float: left;
    margin: 20px 0;
}

#identificacion #frm-login input,
#identificacion #frm-registro input,
#identificacion #frm-reset-password input {
    background-image: url('/img/sprite_frm.png');
    background-position: left center;
    background-repeat: no-repeat;
}

#frm-login.identificacion-error .input-box,
#frm-registro.identificacion-error .input-box,
#frm-reset-password.identificacion-error .input-box {
    background-color: #fff2f2 !important;
    border-color: #df6245 !important;
}

#identificacion #frm-login .identificacion-input-email,
#identificacion #frm-registro .identificacion-input-email,
#identificacion #frm-registro .identificacion-input-retry-email,
#identificacion #frm-reset-password .identificacion-input-email {
    background-position: 111% -128px;
}

#identificacion #frm-login.identificacion-error .identificacion-input-email,
#identificacion #frm-registro.identificacion-error .identificacion-input-email,
#identificacion #frm-registro.identificacion-error .identificacion-input-retry-email,
#identificacion #frm-reset-password.identificacion-error .identificacion-input-email {
    background-position: 111% -522px !important;
}

#identificacion #frm-login input.user,
#identificacion #frm-registro input.user,
#identificacion #frm-reset-password input.user {
    background-position: 111% 0;
}

#identificacion #frm-login.identificacion-error input.user,
#identificacion #frm-registro.identificacion-error input.user,
#identificacion #frm-reset-password.identificacion-error input.user {
    background-position: 111% -394px !important;
}

#identificacion #frm-login input.pass,
#identificacion #frm-registro input.pass,
#identificacion #frm-reset-password input.pass {
    background-position: 111% -70px;
}

#identificacion #frm-login.identificacion-error input.pass,
#identificacion #frm-registro.identificacion-error input.pass,
#identificacion #frm-reset-password.identificacion-error input.pass {
    background-position: 111% -464px !important;
}

#identificacion #frm-login input:focus,
#identificacion #frm-registro input:focus,
#identificacion #frm-reset-password input:focus {
    border-color: #56a846;
}

#identificacion #frm-registro .secondary-txt {
    color: #878787;
    font-weight: 300;
    line-height: 18px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-top: 20px;
    text-align: left;
    width: 55%;
}

#identificacion #frm-registro .secondary-txt a,
#identificacion #frm-registro .secondary-txt {
    font-size: 12px;
}

#identificacion>.txt>p {
    color: #484848;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    margin-bottom: 45px;
    margin-top: 40px;
    text-align: center;
    text-transform: uppercase;
    font-family: "Armata";
    float: left;
}

#identificacion>.txt {
    margin-left: auto;
    margin-right: auto;
}

#identificacion>.txt.account {
    width: 410px;
}

#identificacion>.txt.account-free {
    width: 380px;
}

#identificacion .error-msg {
    background: none repeat scroll 0 0 transparent;
    border-radius: 4px;
    color: #a94442;
    line-height: 18px;
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 5px;
    position: absolute;
    text-align: left;
    width: 53%;
    top: 30px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: 600ms;
}

#identificacion .frm.identificacion-error .error-msg {
    top: 5px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

#identificacion .main-action i {
    background: url("/img/sprite_frm.png") no-repeat scroll -3px -302px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 16px;
    margin-left: 8px;
    margin-top: -2px;
    vertical-align: middle;
    width: 16px;
}

#identificacion #frm-reset-password h4 {
    color: #4f4f4f;
    font-size: 21px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 0px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 100%;
}

#identificacion #detalle-acciones {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 165px;
    height: 70px;
}

#identificacion #lnk-continue {
    width: 155px;
    margin-top: 40px;
    text-transform: uppercase;
}

#identificacion #frm-reset-password .identificacion-mensaje-ok {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    display: none;
    margin-top: 25px;
}

#login-container {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 150px;
}

#identificacion #contenido-reset-password {
    padding-top: 55px;
    position: relative;
}

#identificacion #frm-reset-password .error-msg {
    width: 96%;
}

#identificacion #frm-reset-password form {
    padding-top: 0;
}


/* /LOGIN */

.empleados {}

.empleados .texto {
    position: absolute;
    bottom: 2%;
    right: 0%;
    background-color: #f4f6f5;
    opacity: .8;
    z-index: 1;
    padding: 10px 20px;
    border-radius: 2px;
}

.empleados .texto strong {
    display: block;
}

.empleados img {
    width: 344px;
    height: 570px;
    position: absolute;
    bottom: -40px;
    right: 0;
}


/* SELECTOR PAIS TELEFONO */

.select_pais_cont {
    height: 1px;
    position: relative;
}

#select_pais {
    background-color: #fff;
    position: absolute;
    z-index: 101;
    padding: 8px 12px;
    border: 1px solid #CCC;
    top: 2px;
    left: -15px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px #888888;
    -moz-box-shadow: 1px 1px 2px #888888;
    box-shadow: 1px 1px 2px #888888;
}

#select_pais ul li {
    display: inline-block;
    margin: 0 5px 5px 0;
}

.ct_flag {
    height: 13px;
    vertical-align: middle;
    width: 16px;
}


/* SECCION TRABAJA EN DONWEB */

section.trabajaendw {
    background-color: #fff;
    padding: 110px 0 90px;
}

.trabajaendw {
    text-align: center;
}

.trabajaendw h2 {}

.trabajaendw .titulo {
    font-size: 26px;
    font-weight: 400;
    margin: 0 auto;
    letter-spacing: -2px;
}

.trabajaendw .titulo strong {}

.trabajaendw .titulo strong:last-child {
    color: #f60;
}

.trabajaendw a {
    display: block;
    color: #f60;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    width: 100px;
    border: 1px solid #f60;
    padding: 10px 20px;
    margin: 30px auto;
}

.trabajaendw a:hover {
    color: #000;
    border-color: #000;
}


/* SECCION MAPA */

section.mapa {
    height: 469px;
    background-position: 0 0;
    /*background-repeat: no-repeat;*/
    clear: both;
    float: none;
}

.mapa .info {
    position: relative;
    float: right;
    margin: 100px 0;
    padding: 60px 80px;
    background-color: rgba(255, 255, 255, .9);
    line-height: 20px;
}

.mapa .info a {
    display: block;
    margin-bottom: 8px;
}

.mapa .info h3 {
    font-size: 14px;
    margin-bottom: 5px;
}

.mapa .info h1 {
    font-weight: 400;
    font-size: 14px;
}

.mapa .info .tel {
    display: block;
    font-size: 18px;
    font-weight: 300;
    margin: 10px 0;
}

.mapa .info .ico-mundo {
    display: block;
    width: 25px;
    height: 24px;
    background-position: -133px 0;
    position: absolute;
    top: 65px;
    left: 45px;
}

.mapa .lnk_direccion {}


/* SECCION NEWSLETTER */

section.newsletter {
    float: none;
    clear: both;
    background-color: #f4f6f5;
    padding: 80px 0;
    min-height: 170px;
}

.newsletter h2 {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 15px;
}

.newsletter .foot_empresa {
    width: 80%;
    float: right;
}

.newsletter .foot_empresa input[type="text"] {
    width: 362px;
}

.newsletter .foot_empresa .bt_verde {
    margin-top: 30px;
}

@media (max-width: 1200px) {
    section#mesa-ayuda .width_wrap>div .titulo {
        font-size: 35px;
    }
}

@media (max-width: 1050px) {
    header .width_wrap .cont-texto .titulo {
        font-size: 50px;
    }
    header .width_wrap .cont-texto .bajada {
        font-size: 25px;
    }
    section#mesa-ayuda .width_wrap {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    section#mesa-ayuda .width_wrap>div {
        align-items: center;
    }
    section#mesa-ayuda .width_wrap .cont-telefonos {
        margin-bottom: 50px;
    }
    section#mesa-ayuda .width_wrap .cont-telefonos .llamada {
        margin-bottom: 30px;
    }
    section#mesa-ayuda .width_wrap .cont-telefonos .numero-wts {
        padding: 0;
        text-align: center;
    }
    section#mesa-ayuda .width_wrap .cont-telefonos .numero-llamada {
        padding: 0;
        justify-content: center;
    }
    section#mesa-ayuda .width_wrap>div {
        max-width: 100%;
        width: 450px;
    }
    section#mesa-ayuda .width_wrap>div .titulo {
        text-align: center;
    }
}

@media (max-width: 980px) {
    header .width_wrap {
        align-items: center;
        padding-bottom: 80px;
        flex-direction: column;
    }
    header .width_wrap .cont-texto {
        text-align: center;
        align-items: center;
        justify-content: center;
    }
    header .width_wrap .cont-texto .bajada {
        margin-bottom: 50px;
    }
    header .width_wrap .cont-texto img {
        display: none;
    }
    header .width_wrap .cont-formularios .formularios #formulario {
        margin: 0;
    }
    header .width_wrap>div {
        max-width: 100%;
        width: 450px;
    }
    section#trabaja .width_wrap .titulo {
        font-size: 35px;
    }
    header .width_wrap .cont-formularios>div .boton {
        justify-content: center;
        margin-top: 40px;
    }
    header .width_wrap .cont-formularios .formularios #chat-online {
        height: auto;
    }
    header .width_wrap .cont-formularios .formularios #chat-online .titulo {
        text-align: center;
    }
    div.lead-options span.error {
        top: auto;
        bottom: -40px;
    }
    .formularios .respuesta {
        height: auto;
        min-height: auto;
        text-align: center;
    }
}

@media (max-width: 500px) {
    .radio-box {
        text-align: center;
    }
    .radio-box .circulo,
    .radio-box.small .circulo {
        display: block;
        margin: 10px auto;
    }
    .horario .desde>label,
    .horario .hasta>label {
        float: none;
        clear: both;
        margin: 10px auto;
        display: block;
    }
    section#mapa .width_wrap .cont-texto {
        position: relative;
        bottom: 60px;
    }
}

@media (max-width: 450px) {
    header .width_wrap .cont-formularios .selectores .selector {
        font-size: 12px;
    }
    header .width_wrap .cont-formularios .selectores .selector .radio {
        margin-right: 4px;
    }
    .horario>div {
        width: 35%;
    }
    section#mapa .width_wrap .cont-texto {
        flex-direction: column;
        align-items: center;
    }
    section#mapa .width_wrap .cont-texto .logo {
        margin: 0 0 20px 0;
    }
    section#mapa .width_wrap .cont-texto .titulo-texto {
        text-align: center;
    }
    section#mapa .width_wrap .cont-texto .bajada-texto {
        text-align: center;
        line-height: 1.3;
        display: block;
    }
    section#mapa .width_wrap .cont-texto .bajada-texto br {
        display: none;
    }
    section#mesa-ayuda .width_wrap .cont-telefonos .titulo-telefono {
        font-size: 14px;
        margin-bottom: 10px;
        justify-content: center;
    }
    section#mesa-ayuda .width_wrap .cont-telefonos .titulo-telefono .logo {
        margin-right: 5px;
    }
    header .width_wrap .cont-texto .titulo {
        font-size: 45px;
    }
    header .width_wrap .cont-texto .bajada {
        font-size: 22px;
    }
    section#mesa-ayuda .width_wrap .cont-telefonos {
        align-items: flex-start;
    }
    section#mesa-ayuda .width_wrap .cont-telefonos .titulo {
        width: 100%;
        text-align: center;
    }
    section#mesa-ayuda .width_wrap .cont-telefonos .titulo-telefono {
        justify-content: flex-start;
    }
    section#mesa-ayuda .width_wrap .cont-telefonos .numero-wts {
        justify-content: flex-start;
        text-align: left;
    }
}

[data-tipo] .tip_message {
    display: none;
}

[data-tipo].error .tip_message {
    display: block;
}
/*--FIN /sp/contacto.css */