/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Arimo&display=swap');

*,*:before,*:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}

/* Mozilla based browsers */
::-moz-selection {color: red; opacity:.8}

/* Works in Safari */
::selection {color: red; opacity:.8}

body {color: #FFF; background:#000; font-family: 'Oswald', sans-serif; height: 100%; margin: 0; padding: 0; background-image: url(../imagenes/img-noise-361x370.png); background-attachment: fixed; background-repeat: repeat; background-position: center center}

.euro {font-family:'gothamrounded-bold-webfont', sans-serif}

p {font-size:14px; font-weight:normal}

h1, h2, h3, h4, h5 {line-height:120%; margin:5px auto; padding:0px 10px}

.menupp {color:red; text-align:left; font-size:18px; line-height:120%; margin:15px auto 0px} 

.product-title {color:navajowhite; text-align:left; font-size:16px; line-height:100%; margin:10px auto 0px}

.come_bebe {border-radius:15px; background:white; font-size:24px; color:black; padding:30px; display:inline-block; overflow:hidden}

.PROMOCIONES {width: 400px; height:auto; margin: 15px 29px; padding: 10px; display: inline-block; clear:both; overflow:hidden/*float: left; */}

.celebraciones {width:100%; height:315px; padding:5px; background-image: url(../imagenes/cumpleanos_plaza_mayor.jpg); background-repeat: no-repeat; background-position: top center; font-size:1em; color:white}

.domicilio {color:red; font-family:'Insaniburger'; font-size:36px; line-height:100%; text-align:center}

.TELEFONOS {font-size:3.2em; font-family: 'Bai Jamjuree', sans-serif; color:yellow; line-height:100%; text-align:right}

.GIGANTES {color:red; font-family:'Insaniburger'; font-size:2.1em; letter-spacing:3px}

.franquicias_tfno {font-family: 'Burger-Queen', sans-serif; font-size:28px; letter-spacing:3px; color:yellow}

.direccion {font-size:.7em; line-height:1.5em; margin-top:-50px; margin-left:-50px}

.address1 {font-size:.9em}
.address2 {font-size:.7em}

.superbestia {font-size:1.9em; font-family: 'Burger-Queen', sans-serif; color:#65C105; letter-spacing:3px}

.comida {color: white; font-size:1.3em; font-family: 'Burger-Queen', sans-serif; line-height:100%}

.pago_tarjeta {font-family: 'Bai Jamjuree', sans-serif; font-size:18px}

.elige_negro {font-size:16px; font-family: 'Burger-Queen', sans-serif; line-height:100%; color:black; text-align:center}

.elige_rojo {font-size:18px; font-family: 'Bai Jamjuree', sans-serif; line-height:100%; color:red; text-align:center}

.MENUS {-webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; background:yellow; float: left; font-size: 2em; padding: 4px; width: 65%; text-align:center; line-height:100%; font-family: 'Insaniburger', sans-serif}

.precios {-webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; background:red; float: right; font-size: 2em; padding: 5px; width: 35%; text-align:center; font-family: 'Bai Jamjuree', sans-serif; color:white; line-height:100%}

.DOSxTRES {	-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; background:red; font-size: 2.5em; padding: 5px; width: 100%; text-align:center; font-family: 'Bai Jamjuree', sans-serif; color:white; line-height:100%}

.cabecero {padding: 10px 20px; margin:10px auto; z-index: 5; max-width:1400px; overflow:hidden; border-radius: 10px; clear:both; text-align: center}

.footer {padding: 30px 0px; width: 95%; margin: auto; ; z-index: 5; border-radius: 10px; background-image: url(../imagenes/fondoN.png); background-repeat: repeat; background:white; color:grey; opacity:.9; text-align: center}
.footer a {text-decoration:none; color:grey !important; outline:none}
.footer a:hover {color:green !important}
.footer a:visited {color:brown !important}

.botones {margin:10px 5px; width:230px; display:inline-block; border-radius: 10px; clear:both; background-image: url(../imagenes/fondoN.png); background-repeat: repeat; opacity:.9}

.imagen_redes {width:100%; padding:10px; border-radius: 20px}

.footerbot {text-align: center; max-width: 350px; margin: 20px 40px; display: inline-table; vertical-align: middle}


@media only screen and (max-width: 1279px) and (min-width: 500px) {
.footerbot {max-width: 250px; margin: 20px 30px}
.come_bebe {padding:15px; }

.domicilio {font-size:26px}
.TELEFONOS {font-size:2.2em}
.GIGANTES {font-size:1.8em; }
.MENUS {font-size:1.8em; line-height:90%; padding-top:6px}
.precios {font-size:1.8em}
.franquicias_tfno {font-size:18px}
.direccion {margin-top:-20px}
.superbestia {font-size:1.4em}
.comida {font-size:1.2em; }
.pago_tarjeta {font-size:1em}
.DOSxTRES {font-size: 1.8em}
.PROMOCIONES {width: 350px; 	height:auto; margin: 10px 20px; }
.botones {width:200px; margin:5px; }
}

@media only screen and (max-width: 500px) {
.PROMOCIONES {width:90%; height:auto; margin: 20px 0px}
.celebraciones {width:100%}
.domicilio {font-size:32px; }
.MENUS {font-size:1.7em; line-height:90%}
.precios {font-size:1.5em; padding:4px}
.botones {margin:5px auto; padding:3px; width:230px; overflow:hidden}
.address1 {font-size:.7em}
.elige_negro {font-size:14px}
.franquicias_tfno {font-size:17px}
.cabecero {padding:5px; margin:5px}
.imagen_redes {width:300px}
}

@media only screen and (min-width: 400px) and (max-width: 900px) {
.PROMOCIONES {width:350px; height:auto; margin: 20px 10px}
.cabecero {padding:0; margin:0}
}


.product-description, .menuCard-category-description {margin-top:5px; text-align:center; font-size:12px} 

.imagen_radius_shadow {border-radius:10px; box-shadow: 0 2px 18px #000}

.imagen_radius {border-radius:10px}

.imglogos {border-radius:10px}

.social {border-radius:10px; opacity: 0.8; filter: alpha(opacity=50)}

.social:hover {opacity: 1; filter: alpha(opacity=100)}

.linea-separacion {width: 90%; margin: 20px auto 40px auto; text-align: center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e1e1e1}

.button, .buttonvolver {color: #000; background: #f4594f; border: 1px solid #999; cursor: pointer; font-family: inherit; line-height: 1; position: relative; text-align: center; text-decoration: none; border-radius:4px; outline:none}

.button, .button2 {padding:10px 20px; font-size: 18px; letter-spacing:2px}

.buttonvolver {	margin: 10px auto; padding:10px 20px; font-size: 16px}

.button:hover,.button:focus {background:#060}

.button:active {background:#fcceca; color:#000}

.button2 {color: #fff; background:#060; border: 1px solid #999; cursor: pointer; font-family: inherit; line-height: 1; text-align: center; border-radius:4px; text-decoration: none; padding:5px 10px; outline:none; clear:both}

.button2:hover,.button:focus {color: #000; text-decoration: none; background:#f4594f}

a:link {color: white; text-decoration: none; outline:none}

.localidad {text-align:center; color:white; font-size:14px; margin:5px auto 10px auto; line-height:120%}

/*SCROLL*/
#animarscroll {border: 0px}
#finhastaaqui {}
#irarriba {padding: 5px; position: fixed; bottom: 25px; right: 16px}
#irarriba a {color: #fff}
.arriba {text-align: center; padding: 5px; position: fixed; bottom: 70px; right: 20px; cursor: pointer; color: #444; text-decoration: none}
.abajo {text-align: center; padding: 5px; position: fixed; bottom: 40px; right: 20px; cursor: pointer; color: #444; text-decoration: none}
/*SCROLL*/

/*@media only screen and (max-width: 1279px) and (min-width: 768px) {
.audiojs .play-pause {margin-top: -95px ; }
.audiojs .scrubber {visibility:hidden; }
.audiojs .time {visibility:hidden; }
}*/

.video {width:100% !important; height:30vh; margin:30px auto}

@media screen and (max-width: 500px) {
.video {height:37vh}
}

.fade {opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; z-index:0}
.fade:hover {opacity: 0.5}

.fadeoff {opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out}
.fadeoff:hover {opacity: 1}

a {text-decoration:none; color:#724288; outline:none}
a:hover {color: #000}
a:visited {color: #003E00}

.mayor {width: 3500px; padding: 20px; background-color: #ccf}
#detectascroll {background-color: #cfc}

@media print {
* {background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important; /*filter:none !important; */-ms-filter:none !important}
a,a:visited {text-decoration:underline}
a[href]:after {content:" (" attr(href) ")"}
abbr[title]:after {content:" (" attr(title) ")"}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content:""}
pre,blockquote {border:1px solid #999; page-break-inside:avoid}
thead {display:table-header-group}
tr,img {page-break-inside:avoid}
@page {margin:0.5cm}
p,h2,h3 {orphans:3; widows:3}
h2,h3 {page-break-after:avoid}
.hide-on-print {display:none !important}
.print-only {display:block !important}
.hide-for-print {display:none !important}
.show-for-print {display:inherit !important}
.reveal-modal {border:solid 1px #000; background:#fff}
}

.row {max-width: 1600px; margin: auto; padding-left: 5px; padding-right: 5px; text-align: left}

.row.collapse .column, .row.collapse .columns {padding: 0}
.row .row.collapse {margin: 0}

.column, .columns {float: left; min-height: 1px; padding:0px 40px}

@media only screen and (max-width: 500px) {
.column,.columns {padding:0px 10px}
}

.column.centered,.columns.centered {float:none; margin:0 auto}
[class*="column"]+[class*="column"]:last-child {float:right}
[class*="column"]+[class*="column"].end {float:right; clear:both}
.one,.row .one {width:8.33333%}
.two,.row .two {width:16.66667%}
.three,.row .three {width:25%}
.four,.row .four {width:33.33333%}
.five,.row .five {width:41.66667%}
.six,.row .six {width:50%}
.seven,.row .seven {width:58.33333%}
.eight,.row .eight {width:66.66667%}
.nine,.row .nine {width:75%}
.ten,.row .ten {width:83.33333%}
.eleven,.row .eleven {width:91.66667%}
.twelve,.row .twelve {width:100%}
.row .offset-by-one {margin-left: 8.33333%; background-attachment: fixed}
.row .offset-by-two {margin-left:16.66667%}
.row .offset-by-three {margin-left:25%}
.row .offset-by-four {margin-left:33.33333%}
.row .offset-by-five {margin-left:41.66667%}
.row .offset-by-six {margin-left:50%}
.row .offset-by-seven {margin-left:58.33333%}
.row .offset-by-eight {margin-left:66.66667%}
.row .offset-by-nine {margin-left:75%}
.row .offset-by-ten {margin-left:83.33333%}

.push-two {left:16.66667%}
.pull-two {right:16.66667%}
.push-three {left:25%}
.pull-three {right:25%}
.push-four {left:33.33333%}
.pull-four {right:33.33333%}
.push-five {left:41.66667%}
.pull-five {right:41.66667%}
.push-six {left:50%}
.pull-six {right:50%}
.push-seven {left:58.33333%}
.pull-seven {right:58.33333%}
.push-eight {left:66.66667%}
.pull-eight {right:66.66667%}
.push-nine {left:75%}
.pull-nine {right:75%}
.push-ten {left:83.33333%}
.pull-ten {right:83.33333%}

img {height:auto}
img {max-width:100% !important}
object,embed {max-width:100%}
img {-ms-interpolation-mode:bicubic}
#map_canvas img,.map_canvas img {max-width:none!important}
.row {*zoom:1; }
.rowpeque {font-size: 100%; margin:5px; }
.row:before,.row:after {content:" "; display:table}
.row:after {clear:both}

.orbit-wrapper {width:1px; position:relative; }
.orbit {width:1px; position:relative; overflow:hidden; margin-bottom:17px}
.orbit.with-bullets {margin-bottom:0px}
.orbit .orbit-slide {width:100%; position:absolute; top:0; left:0; border-radius: 10px; }
.orbit a.orbit-slide {border:none; line-height:0; display:none}
.orbit div.orbit-slide {width:100%; height:100%; /*filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)*/; opacity:0}
.orbit-wrapper .timer {width:40px; height:40px; overflow:hidden; position:absolute; top:10px; right:10px; opacity:.6; cursor:pointer; z-index:31}
.orbit-wrapper span.rotator {display:block; width:40px; height:40px; position:absolute; top:0; left:-20px; background:url('../imagenes/foundation/orbit/rotator-black.png') no-repeat; z-index:3}
.orbit-wrapper span.rotator.move {left:0}
.orbit-wrapper span.mask {display:block; width:20px; height:40px; position:absolute; top:0; right:0; z-index:2; overflow:hidden}
.orbit-wrapper span.mask.move {width:40px; left:0; background:url('../imagenes/foundation/orbit/timer-black.png') repeat 0 0}
.orbit-wrapper span.pause {display:block; width:40px; height:40px; position:absolute; top:0; left:0; background:url('../imagenes/foundation/orbit/pause-black.png') no-repeat; z-index:4; opacity:0}
.orbit-wrapper span.pause.active {background:url('../imagenes/foundation/orbit/pause-black.png') no-repeat 0 -40px}
.orbit-wrapper .timer:hover span.pause,.orbit-wrapper .timer:focus span.pause,.orbit-wrapper span.pause.active {opacity:1}
.orbit-caption {display:none; font-family:inherit}
.orbit-wrapper .orbit-caption {background:#000; background:rgba(0,0,0,0.6); z-index:30; color:#fff; text-align:center; padding:7px 0; font-size:13px; position:absolute; right:0; bottom:0; width:100%}
.orbit-wrapper .slider-nav {display:block}
.orbit-wrapper .slider-nav span {width:39px; height:50px; text-indent:-9999px; position:absolute; z-index:30; top:50%; margin-top:-25px; cursor:pointer}
.orbit-wrapper .slider-nav span.right {background:url('../imagenes/foundation/orbit/right-arrow.png'); background-size:100%; right:0}
.orbit-wrapper .slider-nav span.left {background:url('../imagenes/foundation/orbit/left-arrow.png'); background-size:100%; left:0}

.lt-ie9 .orbit-wrapper .slider-nav span.right {background:url('../imagenes/foundation/orbit/right-arrow-small.png')}
.lt-ie9 .orbit-wrapper .slider-nav span.left {background:url('../imagenes/foundation/orbit/left-arrow-small.png')}

ul.orbit-bullets {position:absolute; z-index:30; list-style:none; bottom:-40px; left:50%; margin-left:-50px; padding:0}
ul.orbit-bullets li {float:left; margin-left:5px; cursor:pointer; color:#999; text-indent:-9999px; background:url('../imagenes/foundation/orbit/bullets.jpg') no-repeat 4px 0; width:13px; height:12px; overflow:hidden}
ul.orbit-bullets li.active {color:#222; background-position:-8px 0}
ul.orbit-bullets li.has-thumb {background:none; width:100px; height:75px}
ul.orbit-bullets li.active.has-thumb {background-position:0 0; border-top:2px solid #000}
.orbit-slide-counter {position:absolute; bottom:0; z-index:99; background:rgba(0,0,0,0.7); color:#fff; padding:5px}
.orbit img.fluid-placeholder {visibility:hidden; position:static; display:block; width:100%}
.orbit,.orbit-wrapper {height:550px; width:100% !important}
.lt-ie9 .timer {display:none !important}
.lt-ie9 .orbit-caption {background:#000; /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom:1*/}

@media only screen and (max-width: 767px) {
.orbit.orbit-stack-on-small img.fluid-placeholder {visibility:visible}
.orbit.orbit-stack-on-small .orbit-slide {position:static; margin-bottom:10px}
}

.reveal-modal-bg {position:fixed; height:100%; width:100%; background:#000; background:rgba(0,0,0,0.45); z-index:40; display:none; top:0; left:0}
.reveal-modal {background:#fff; visibility:hidden; display:none; top:100px; left:50%; margin-left:-260px; width:520px; position:absolute; z-index:41; padding:30px; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.4); -moz-box-shadow:0 0 10px rgba(0,0,0,0.4); box-shadow:0 0 10px rgba(0,0,0,0.4)}
.reveal-modal .close-reveal-modal:not(.button) {font-size:22px; font-size:2.2rem; line-height:.5; position:absolute; top:8px; right:11px; color:#aaa; text-shadow:0 -1px 1px rgba(0,0,0,0.6); font-weight:bold; cursor:pointer}
.reveal-modal.small {width:30%; margin-left:-15%}
.reveal-modal.medium {width:40%; margin-left:-20%}
.reveal-modal.large {width:60%; margin-left:-30%}
.reveal-modal.xlarge {width:70%; margin-left:-35%}
.reveal-modal.expand {width:90%; margin-left:-45%}
.reveal-modal .row {min-width:0; margin-bottom:10px}
.reveal-modal>:first-child {margin-top:0}
.reveal-modal>:last-child {margin-bottom:0}

.tabs {list-style:none; border-bottom:solid 1px #e6e6e6; display:block; height:40px; padding:0; margin-bottom:20px}
.tabs.contained {margin-bottom:0; margin-left:0}
.tabs dt,.tabs li.section-title {color:#b3b3b3; cursor:default; display:block; float:left; font-size:12px; height:40px; line-height:40px; padding:0; padding-right:9px; padding-left:20px; font-weight:normal; width:auto; text-transform:uppercase}
.tabs dt:first-child,.tabs li.section-title:first-child {padding:0; padding-right:9px}
.tabs dd,.tabs li {display:block; float:left; padding:0; margin:0}
.tabs dd a,.tabs li a {color:#6f6f6f; display:block; font-size:14px; height:40px; line-height:40px; padding:0px 23.8px}
.tabs dd a:focus,.tabs li a:focus {font-weight:bold; color:#2ba6cb}
.tabs dd.active,.tabs li.active {border-top:3px solid #2ba6cb; margin-top:-3px}
.tabs dd.active a,.tabs li.active a {cursor:default; color:#3c3c3c; background:#fff; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; font-weight:bold}
.tabs dd:first-child,.tabs li:first-child {margin-left:0}
.tabs.vertical {height:auto; border-bottom:1px solid #e6e6e6}
.tabs.vertical dt,.tabs.vertical dd,.tabs.vertical li {float:none; height:auto}
.tabs.vertical dd,.tabs.vertical li {border-left:3px solid #ccc}
.tabs.vertical dd a,.tabs.vertical li a {background:#f2f2f2; border:none; border:1px solid #e6e6e6; border-width:1px 1px 0 0; color:#555; display:block; font-size:14px; height:auto; line-height:1; padding:15px 20px; -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset; -moz-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset; box-shadow:0 1px 0 rgba(255,255,255,0.5) inset}
.tabs.vertical dd.active,.tabs.vertical li.active {margin-top:0; border-top:1px solid #4d4d4d; border-left:4px solid #1a1a1a}
.tabs.vertical dd.active a,.tabs.vertical li.active a {background:#4d4d4d; border:none; color:#fff; height:auto; margin:0; position:static; top:0; -webkit-box-shadow:0 0 0; -moz-box-shadow:0 0 0; box-shadow:0 0 0}
.tabs.vertical dd:first-child a.active,.tabs.vertical li:first-child a.active {margin:0}
.tabs.pill {border-bottom:none; margin-bottom:10px}
.tabs.pill dd,.tabs.pill li {margin-right:10px}
.tabs.pill dd:last-child,.tabs.pill li:last-child {margin-right:0}
.tabs.pill dd a,.tabs.pill li a {-webkit-border-radius:1000px; -moz-border-radius:1000px; -ms-border-radius:1000px; -o-border-radius:1000px; border-radius:1000px; background:#e6e6e6; height:26px; line-height:26px; color:#666}
.tabs.pill dd.active,.tabs.pill li.active {border:none; margin-top:0}
.tabs.pill dd.active a,.tabs.pill li.active a {background-color:#2ba6cb; border:none; color:#fff}
.tabs.pill.contained {border-bottom:solid 1px #eee; margin-bottom:0}
.tabs.pill.two-up dd,.tabs.pill.two-up li,.tabs.pill.three-up dd,.tabs.pill.three-up li,.tabs.pill.four-up dd,.tabs.pill.four-up li,.tabs.pill.five-up dd,.tabs.pill.five-up li {margin-right:0}
.tabs.two-up dt a,.tabs.two-up dd a,.tabs.two-up li a,.tabs.three-up dt a,.tabs.three-up dd a,.tabs.three-up li a,.tabs.four-up dt a,.tabs.four-up dd a,.tabs.four-up li a,.tabs.five-up dt a,.tabs.five-up dd a,.tabs.five-up li a {padding:0 17px; text-align:center; overflow:hidden}
.tabs.two-up dt,.tabs.two-up dd,.tabs.two-up li {width:50%}
.tabs.three-up dt,.tabs.three-up dd,.tabs.three-up li {width:33.33%}
.tabs.four-up dt,.tabs.four-up dd,.tabs.four-up li {width:25%}
.tabs.five-up dt,.tabs.five-up dd,.tabs.five-up li {width:20%}
ul.tabs-content {display:block; margin:0 0 20px; padding:0}
ul.tabs-content>li {display:none}
ul.tabs-content>li.active {display:block}
ul.tabs-content.contained {padding:0}
ul.tabs-content.contained>li {border:solid 0 #e6e6e6; border-width:0 1px 1px 1px; padding:20px}
ul.tabs-content.contained.vertical>li {border-width:1px 1px 1px 1px}
.no-js ul.tabs-content>li {display:block}
div.alert-box {display:block; padding:6px 7px 7px; font-weight:bold; font-size:14px; color:#fff; background-color:#2ba6cb; border:1px solid rgba(0,0,0,0.1); margin-bottom:12px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; text-shadow:0 -1px rgba(0,0,0,0.3); position:relative}
div.alert-box.success {background-color:#5da423; color:#fff; text-shadow:0 -1px rgba(0,0,0,0.3)}
div.alert-box.alert {background-color:#c60f13; color:#fff; text-shadow:0 -1px rgba(0,0,0,0.3)}
div.alert-box.secondary {background-color:#e9e9e9; color:#505050; text-shadow:0 1px rgba(255,255,255,0.3)}
div.alert-box a.close {color:#333; position:absolute; right:4px; top:-1px; font-size:17px; opacity:0.2; padding:4px}
div.alert-box a.close:hover,div.alert-box a.close:focus {opacity:0.4}
.label {padding:1px 4px 2px; font-size:12px; font-weight:bold; text-align:center; text-decoration:none; line-height:1; white-space:nowrap; display:inline; position:relative; bottom:1px; color:#fff; background:#2ba6cb}
.label.radius {-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px}
.label.round {padding:1px 7px 2px; -webkit-border-radius:1000px; -moz-border-radius:1000px; -ms-border-radius:1000px; -o-border-radius:1000px; border-radius:1000px}
.label.alert {background-color:#c60f13}
.label.success {background-color:#5da423}
.label.secondary {background-color:#e9e9e9; color:#505050}
.has-tip {border-bottom:dotted 1px #ccc; cursor:help; font-weight:bold; color:#333}
.has-tip:hover,.has-tip:focus {border-bottom:dotted 1px #196177; color:#2ba6cb}
.has-tip.tip-left,.has-tip.tip-right {float:none !important}

.tooltip {display:none; background:#000; background:rgba(0,0,0,0.85); position:absolute; color:#fff; font-weight:bold; font-size:12px; padding:5px; z-index:999; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; line-height:normal}
.tooltip>.nub {display:block; width:0; height:0; border:solid 5px; border-color:transparent transparent #000 transparent; border-color:transparent transparent rgba(0,0,0,0.85) transparent; position:absolute; top:-10px; left:10px}
.tooltip.tip-override>.nub {border-color:transparent transparent #000 transparent !important; border-color:transparent transparent rgba(0,0,0,0.85) transparent !important; top:-10px !important}
.tooltip.tip-top>.nub,.tooltip.tip-centered-top>.nub {border-color:#000 transparent transparent transparent; border-color:rgba(0,0,0,0.85) transparent transparent transparent; top:auto; bottom:-10px}
.tooltip.tip-left,.tooltip.tip-right {float:none !important}
.tooltip.tip-left>.nub {border-color:transparent transparent transparent #000; border-color:transparent transparent transparent rgba(0,0,0,0.85); right:-10px; left:auto}
.tooltip.tip-right>.nub {border-color:transparent #000 transparent transparent; border-color:transparent rgba(0,0,0,0.85) transparent transparent; right:auto; left:-10px}
.tooltip.noradius {-webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0}
.tooltip.opened {color:#2ba6cb !important; border-bottom:dotted 1px #196177 !important}
.tap-to-close {display:block; font-size:10px; font-size:1rem; color:#888; font-weight:normal}

.panel {margin-top:-10px; padding: 0px 9px}
.panel>:first-child {margin-right:auto; margin-left:auto}
.panel>:last-child {margin-right:auto; margin-left:auto}
.panel.callout {background:#2ba6cb; color:#fff; border-color:#2284a1; -webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.5); -moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.5); box-shadow:inset 0px 1px 0px rgba(255,255,255,0.5)}
.panel.callout a {color:#fff}
.panel.callout .button {background:#fff; border:none; color:#2ba6cb; text-shadow:none}
.panel.callout .button:hover,.panel.callout .button:focus {background:rgba(255,255,255,0.8)}
.panel.radius {-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px}

ul.accordion {margin:0 0 22px 0; border-bottom:1px solid #e9e9e9}
ul.accordion>li {list-style:none; margin:0; padding:0; border-top:1px solid #e9e9e9}
ul.accordion>li>div.title {cursor:pointer; background:#f6f6f6; padding:15px; margin:0; position:relative; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; -webkit-transition:0.15s background linear; -moz-transition:0.15s background linear; -o-transition:0.15s background linear; transition:0.15s background linear}
ul.accordion>li>div.title h1,ul.accordion>li>div.title h2,ul.accordion>li>div.title h3,ul.accordion>li>div.title h4,ul.accordion>li>div.title h5 {margin:0}
ul.accordion>li>div.title:after {content:""; display:block; width:0; height:0; border:solid 6px; border-color:transparent #9d9d9d transparent transparent; position:absolute; right:15px; top:21px}
ul.accordion>li .content {display:none; padding:15px}
ul.accordion>li.active {border-top:3px solid #2ba6cb}
ul.accordion>li.active .title {background:#fff; padding-top:13px}
ul.accordion>li.active .title:after {content:""; display:block; width:0; height:0; border:solid 6px; border-color:#9d9d9d transparent transparent transparent}
ul.accordion>li.active .content {background:#fff; display:block; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9}
ul.side-nav {display:block; list-style:none; margin:0; padding:17px 0}
ul.side-nav li {display:block; list-style:none; margin:0 0 7px 0}
ul.side-nav li a {display:block}
ul.side-nav li.active a {color:#4d4d4d; font-weight:bold}
ul.side-nav li.divider {border-top:1px solid #e6e6e6; height:0; padding:0}
dl.sub-nav {display:block; width:auto; overflow:hidden; margin:-4px 0 18px; margin-right:0; margin-left:-9px; padding-top:4px}
dl.sub-nav dt,dl.sub-nav dd {float:left; display:inline; margin-left:9px; margin-bottom:10px}
dl.sub-nav dt {color:#999; font-weight:normal}
dl.sub-nav dd a {text-decoration:none; -webkit-border-radius:1000px; -moz-border-radius:1000px; -ms-border-radius:1000px; -o-border-radius:1000px; border-radius:1000px}
dl.sub-nav dd.active a {font-weight:bold; background:#2ba6cb; color:#fff; padding:3px 9px; cursor:default}
ul.pagination {display:block; height:24px; margin-left:-5px}
ul.pagination li {float:left; display:block; height:24px; color:#999; font-size:14px; margin-left:5px}
ul.pagination li a {display:block; padding:1px 7px 1px; color:#555}
ul.pagination li:hover a,ul.pagination li a:focus {background:#e6e6e6}
ul.pagination li.unavailable a {cursor:default; color:#999}
ul.pagination li.unavailable:hover a,ul.pagination li.unavailable a:focus {background:transparent}
ul.pagination li.current a {background:#2ba6cb; color:#fff; font-weight:bold; cursor:default}
ul.pagination li.current a:hover,ul.pagination li.current a:focus {background:#2ba6cb}
div.pagination-centered {text-align:center}
div.pagination-centered ul>li {float:none; display:inline-block}
ul.breadcrumbs {display:block; background:#f6f6f6; padding:6px 10px 7px; border:1px solid #e9e9e9; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; overflow:hidden; margin-left:0}
ul.breadcrumbs li {margin:0; padding:0 12px 0 0; float:left; list-style:none}
ul.breadcrumbs li a,ul.breadcrumbs li span {text-transform:uppercase; font-size:11px; font-size:1.1rem; padding-left:12px}
ul.breadcrumbs li:first-child a,ul.breadcrumbs li:first-child span {padding-left:0}
ul.breadcrumbs li:before {content:"/"; color:#aaa}
ul.breadcrumbs li:first-child:before {content:" "}
ul.breadcrumbs li.current a {cursor:default; color:#333}
ul.breadcrumbs li:hover a,ul.breadcrumbs li a:focus {text-decoration:underline}
ul.breadcrumbs li.current:hover a,ul.breadcrumbs li.current a:focus {text-decoration:none}
ul.breadcrumbs li.unavailable a {color:#999}
ul.breadcrumbs li.unavailable:hover a,ul.breadcrumbs li.unavailable a:focus {text-decoration:none; color:#999; cursor:default}
ul.inline-list,ul.link-list {margin:0 0 17px -22px; padding:0; list-style:none; overflow:hidden}
ul.inline-list>li,ul.link-list>li {list-style:none; float:left; margin-left:22px; display:block}
ul.inline-list>li>*,ul.link-list>li>* {display:block}

.keystroke,kbd {font-family:"Consolas","Menlo","Courier",monospace; font-size:13px; padding:2px 4px 0px; margin:0; background:#ededed; border:solid 1px #dbdbdb; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px}

/*.th {display:block}

.th img {display:block; border:solid 4px #fff; -webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.2); -moz-box-shadow:0 0 0 1px rgba(0,0,0,0.2); box-shadow:0 0 0 1px rgba(0,0,0,0.2); -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; -webkit-transition-property:box-shadow; -moz-transition-property:box-shadow; -o-transition-property:box-shadow; transition-property:box-shadow; -webkit-transition-duration:300ms; -moz-transition-duration:300ms; -o-transition-duration:300ms; transition-duration:300ms}

.th:hover img,.th:focus img {-webkit-box-shadow:0 0 6px 1px rgba(43,166,203,0.5); -moz-box-shadow:0 0 6px 1px rgba(43,166,203,0.5); box-shadow:0 0 6px 1px rgba(43,166,203,0.5)}*/

.flex-video {position:relative; padding-top:25px; padding-bottom:67.5%; height:0; margin-bottom:16px; overflow:hidden}
.flex-video.widescreen {padding-bottom:57.25%}
.flex-video.vimeo {padding-top:0}
.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video {position:absolute; top:0; left:0; width:100%; height:100%}

/*table {
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
-ms-border-radius: 3px; 
-o-border-radius: 3px; 
border-radius: 3px; 
margin: 0 0 18px; 
border: 2px solid #ddd; 
}

table thead,table tfoot {background:#f5f5f5}*/

table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td {display:table-cell; font-size:14px; line-height:18px; text-align:left}
table thead tr th,table tfoot tr td {padding:8px 10px 9px; font-size:14px; font-weight:bold; color:#222}
table thead tr th:first-child,table tfoot tr td:first-child {border-left:none}
table thead tr th:last-child,table tfoot tr td:last-child {border-right:none}
table tbody tr.even,table tbody tr.alt {background:#f9f9f9}
table tbody tr:nth-child(even) {/*background:#f9f9f9*/}
table tbody tr td {color:#fff; /*vertical-align:top; */border:none}

ul.vcard {display:inline-block; margin:0 0 12px 0; border:1px solid #ddd; padding:10px}
ul.vcard li {margin:0; display:block}
ul.vcard li.fn {font-weight:bold; font-size:15px}

p.vevent span.summary {font-weight:bold}
p.vevent abbr {cursor:default; text-decoration:none; font-weight:bold; border:none; padding:0 1px}

div.progress {padding:2px; margin-bottom:10px; border:1px solid #ccc; height:25px}
div.progress .meter {background:#2ba6cb; height:100%; display:block; width:50%}
div.progress.secondary .meter {background:#e9e9e9}
div.progress.success .meter {background:#5da423}
div.progress.alert .meter {background:#c60f13}
div.progress.radius {-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px}
div.progress.radius .meter {-webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px}
div.progress.round {-webkit-border-radius:1000px; -moz-border-radius:1000px; -ms-border-radius:1000px; -o-border-radius:1000px; border-radius:1000px}
div.progress.round .meter {-webkit-border-radius:1000px; -moz-border-radius:1000px; -ms-border-radius:1000px; -o-border-radius:1000px; border-radius:1000px}

.pricing-table {border:solid 1px #ddd; margin-left:0; margin-bottom:20px}
.pricing-table * {list-style:none; line-height:1}
.pricing-table .title {background-color:#ddd; padding:15px 20px; text-align:center; color:#333; font-weight:bold; font-size:16px}
.pricing-table .price {background-color:#eee; padding:15px 20px; text-align:center; color:#333; font-weight:normal; font-size:20px}
.pricing-table .description {background-color:#fff; padding:15px; text-align:center; color:#777; font-size:12px; font-weight:normal; line-height:1.4; border-bottom:dotted 1px #ddd}
.pricing-table .bullet-item {background-color:#fff; padding:15px; text-align:center; color:#333; font-size:14px; font-weight:normal; border-bottom:dotted 1px #ddd}
.pricing-table .cta-button {background-color:#f5f5f5; text-align:center; padding:20px}
.top-bar-js-breakpoint {width:940px !important; visibility:hidden}
.contain-to-grid {width:100%; background:#222}
.fixed {width:100%; left:0; position:fixed; top:0; z-index:99}
.sticky {float:left; overflow:hidden}
.sticky.fixed {float:none}

.top-bar {background:#fff; /*min-height:45px; line-height:45px; */margin:0 0 30px 0; padding:0; width:100%; position:relative}
.contain-to-grid .top-bar {max-width:940px; margin:0 auto}
.top-bar>ul .name h1 {line-height:45px; margin:0}
.top-bar>ul .name h1 a {font-weight:bold; padding:0 22.5px; font-size:17px !important}
.top-bar>ul .name img {margin-top:-5px; vertical-align:middle}
.top-bar.expanded {margin-bottom:0; background:white; overflow:hidden}
.top-bar ul {display:inline; list-style:none; margin-top:3px}
.top-bar ul>li {float: left; font-weight: bold; color:#f4594f}
.top-bar ul>li a:not(.button) {color:#000; display:block; font-weight:bold; /*font-size:20px; height:45px; padding:0 10px*/line-height:35px; }
.top-bar ul>li:not(.name):hover,.top-bar ul>li:not(.name):focus {background:#fff}
.top-bar ul>li:not(.name).active {background:#fcceca; }
.top-bar ul>li:not(.name):hover a,.top-bar ul>li:not(.name):focus a {color:#f4594f}
.top-bar ul>li:not(.name).active a {color:#f4594f; }
/*.top-bar ul>li.divider {background:#000; -webkit-box-shadow:1px 0 0 rgba(255,255,255,0.1); -moz-box-shadow:1px 0 0 rgba(255,255,255,0.1); box-shadow:1px 0 0 rgba(255,255,255,0.1); height:100%; margin-right:1px; width:1px}*/
.top-bar ul>li.has-button a.button {margin:0 11.25px}
.top-bar ul>li.has-button:hover,.top-bar ul>li.has-button:focus {background:#222}
.top-bar ul>li.has-button:hover a,.top-bar ul>li.has-button:focus a {color:#fff}
.top-bar ul>li.search {padding:0 15px}
.top-bar ul>li.search form {display:inline-block; margin-bottom:0; vertical-align:middle; width:200px}
.top-bar ul>li.search form input[type=text] {-moz-border-radius-topright:0; -webkit-border-top-right-radius:0; border-top-right-radius:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; border-bottom-right-radius:0; float:left; font-size:13px; margin-top:-1px; height:22.5px; margin-bottom:0; width:130px}
.top-bar ul>li.search form input[type=text]+.button {border-left:none; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; border-top-left-radius:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0; float:left; font-size:12px; margin-top:-1px; padding:5px 12px 4px}
.top-bar ul>li.search form input[type=search] {font-size:16px; margin-bottom:0}
.top-bar ul>li.search:hover,.top-bar ul>li.search:focus {background:#222}
.top-bar ul>li.login {padding:0 15px}
.top-bar ul>li.login form {display:inline-block; margin-bottom:0; vertical-align:middle; width:300px}
.top-bar ul>li.login form input {float:left; width:auto; font-size:13px; margin-top:-1px; height:22.5px; margin-bottom:0}
.top-bar ul>li.login form input[type=text] {-moz-border-radius-topright:0; -webkit-border-top-right-radius:0; border-top-right-radius:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; border-bottom-right-radius:0; width:120px}
.top-bar ul>li.login form input[type=password] {margin-bottom:0; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; border-top-left-radius:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0; width:120px}
.top-bar ul>li.login form input[type=password]+.button {border-left:none; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; border-top-left-radius:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0; -moz-border-radius-topright:2px; -webkit-border-top-right-radius:2px; border-top-right-radius:2px; -moz-border-radius-bottomright:2px; -webkit-border-bottom-right-radius:2px; border-bottom-right-radius:2px; float:left; font-size:12px; margin-top:-1px; padding:5px 12px 4px; width:60px}
.top-bar ul>li.login:hover,.top-bar ul>li.login:focus {background:#222}
.top-bar ul>li.toggle-topbar {display:none}
.top-bar ul>li.has-dropdown {position:relative}
.top-bar ul>li.has-dropdown:hover>.dropdown,.top-bar ul>li.has-dropdown:focus>.dropdown {display:block; visibility:visible; padding-right:10px; width:auto}
.top-bar ul>li.has-dropdown a {padding-right:33.75px}
.top-bar ul>li.has-dropdown a:after {content:""; display:block; width:0; height:0; border:solid 7px; border-color:#f4594f transparent transparent transparent; margin-right:15px; margin-top:-2.5px; position:absolute; right:0; top:50%}
.top-bar ul>li.has-dropdown .dropdown {height:inherit; background:#fff; left:0; margin:0; padding:9px 0 0 0; position:absolute; visibility:hidden; overflow:hidden; z-index:99}
.top-bar ul>li.has-dropdown .dropdown li {background:#fff; line-height:1; min-width:100%; padding-right:5px}
.top-bar ul>li.has-dropdown .dropdown li a {color:black; font-weight:normal; height:auto; line-height:1; padding:3px 15px; white-space:nowrap}
.top-bar ul>li.has-dropdown .dropdown li a:after {border:none}
.top-bar ul>li.has-dropdown .dropdown li a:hover,.top-bar ul>li.has-dropdown .dropdown li a:focus {background:#fcceca; width:100%}
.top-bar ul>li.has-dropdown .dropdown li label {color: #f4594f; font-size: 10px; font-weight: bold; margin: 0; /*padding-left:15px; */text-transform: uppercase; letter-spacing: .1em}
.top-bar ul>li.has-dropdown .dropdown li.divider {border-top:solid 1px #ccc; -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.1) inset; -moz-box-shadow:0 10px 0 rgba(255,255,255,0.1) inset; box-shadow:0 1px 0 rgba(255,255,255,0.1) inset; height:5px; padding: 0px; width:100%; margin-top:5px}
.top-bar ul>li.has-dropdown .dropdown li:last-child {padding-bottom:10px}
.top-bar ul>li.has-dropdown .dropdown li.active a {background:#000}
.top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a {padding-right:30px}
.top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a:after {border:none; content:"\00bb"; right:5px; top:6px}
.top-bar ul>li.has-dropdown .dropdown li.has-dropdown .dropdown {position:absolute; left:100%; top:0}
.top-bar ul>li.has-dropdown .dropdown li.has-dropdown:hover>.dropdown,.top-bar ul>li.has-dropdown .dropdown li.has-dropdown:focus>.dropdown {display:block}
.top-bar ul.left {float:left; width:auto; margin-bottom:0}
.top-bar ul.right {float:right; width:auto; margin-bottom:0; font-size:16px !important}
.top-bar ul.right .has-dropdown .dropdown {left:auto; right:0px}
.top-bar ul.right .has-dropdown .dropdown li.has-dropdown>.dropdown {right:100%; left:auto; width:100%}
.top-bar .js-geenerated {display:none}

@-moz-document url-prefix() {
.top-bar ul li .button.small {padding-bottom:6px}
.top-bar ul li.search form input[type=search] {font-size:14px; height:22px; padding:3px}
}

.lt-ie9 .top-bar ul li a {color:#fff; display:block; font-weight:bold; font-size:13px; height:45px; line-height:45px; padding:0 15px}
.lt-ie9 .top-bar ul li a.button {height:auto; line-height:30px; margin-top:7px}
.lt-ie9 .top-bar ul li a img {margin-top:-5px; vertical-align:middle}
.lt-ie9 .top-bar section>ul>li a:hover,.lt-ie9 .top-bar section>ul>li a:focus {color:#ccc}
.lt-ie9 .top-bar section>ul>li:hover,.lt-ie9 .top-bar section>ul>li:focus {background:red}
.lt-ie9 .top-bar section>ul>li.search:hover,.lt-ie9 .top-bar section>ul>li.search:focus,.lt-ie9 .top-bar section>ul>li.has-button:hover,.lt-ie9 .top-bar section>ul>li.has-button:focus {background:none}
.lt-ie9 .top-bar section>ul>li.active {background:#000; color:#d9d9d9}
.lt-ie9 .top-bar ul li.has-dropdown {padding-right:33.75px}
.lt-ie9 .top-bar ul li.has-dropdown>ul li {padding-right:0}

#joyRideTipContent {display:none}
.joyride-tip-guide {display:none; position:absolute; background:#000; background:rgba(0,0,0,0.8); color:#fff; width:300px; z-index:101; top:0; left:0; font-family:inherit; font-weight:normal; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px}
.joyride-content-wrapper {padding:18px 20px 24px}
.joyride-tip-guide span.joyride-nub {display:block; position:absolute; left:22px; width:0; height:0; border:solid 14px}
.joyride-tip-guide span.joyride-nub.top {border-color:#000; border-color:rgba(0,0,0,0.8); border-top-color:transparent !important; border-left-color:transparent !important; border-right-color:transparent !important; top:-28px; bottom:none}
.joyride-tip-guide span.joyride-nub.bottom {border-color:#000; border-color:rgba(0,0,0,0.8) !important; border-bottom-color:transparent !important; border-left-color:transparent !important; border-right-color:transparent !important; bottom:-28px; bottom:none}
.joyride-tip-guide span.joyride-nub.right {border-color:#000; border-color:rgba(0,0,0,0.8) !important; border-top-color:transparent !important; border-right-color:transparent !important; border-bottom-color:transparent !important; top:22px; bottom:none; left:auto; right:-28px}
.joyride-tip-guide span.joyride-nub.left {border-color:#000; border-color:rgba(0,0,0,0.8) !important; border-top-color:transparent !important; border-left-color:transparent !important; border-bottom-color:transparent !important; top:22px; left:-28px; right:auto; bottom:none}
.joyride-tip-guide h1,.joyride-tip-guide h2,.joyride-tip-guide h3,.joyride-tip-guide h4,.joyride-tip-guide h5,.joyride-tip-guide h6 {line-height:1.25; margin:0; font-weight:bold; color:#fff}
.joyride-tip-guide p {margin:0 0 18px 0; font-size:14px; line-height:1.3}
.joyride-timer-indicator-wrap {width:50px; height:3px; border:solid 1px #555; position:absolute; right:17px; bottom:16px}
.joyride-timer-indicator {display:block; width:0; height:inherit; background:#666}
.joyride-close-tip {position:absolute; right:10px; top:10px; color:#777 !important; text-decoration:none; font-size:20px; font-weight:normal; line-height:0.5 !important}
.joyride-close-tip:hover,.joyride-close-tip:focus {color:#eee !important}
.joyride-modal-bg {position:fixed; height:100%; width:100%; background:transparent; background:rgba(0,0,0,0.5); z-index:100; display:none; top:0; left:0; cursor:pointer}

.clearing-blackout {background:#000; background:rgba(0,0,0,0.8); position:fixed; width:100%; height:100%; top:0; left:0; z-index:999}
.clearing-blackout .clearing-close {display:block}
.clearing-container {position:relative; z-index:999; height:100%; overflow:hidden}
.visible-img {height:75%; position:relative}
.visible-img img {position:absolute; left:50%; top:50%; margin-left:-50%; max-height:100%; max-width:100%}
.visible-img .clearing-caption {color:#fff; margin-bottom:0; text-align:center; position:absolute; bottom:0; background:#000; background:rgba(0,0,0,0.7); width:100%; padding:10px 100px}
.clearing-close {z-index:999; position:absolute; top:10px; right:20px; font-size:30px; line-height:1; color:#fff; display:none}
.clearing-close:hover,.clearing-close:focus {color:#ccc}
.clearing-main-left,.clearing-main-right {position:absolute; top:50%; margin-top:-16px}
.clearing-main-left.disabled,.clearing-main-right.disabled {opacity:0.5}
.clearing-main-left:active,.clearing-main-right:active {margin-top:-15px}
.clearing-main-left {left:10px; content:""; display:block; width:0; height:0; border:solid 16px; border-color:transparent #fff transparent transparent}
.clearing-main-right {right:10px; content:""; display:block; width:0; height:0; border:solid 16px; border-color:transparent transparent transparent #fff}
ul[data-clearing].block-grid.three-up>li:nth-child(3n+1) {clear:none}
ul[data-clearing] li {cursor:pointer; display:block}
ul[data-clearing] li.clearing-feature ~ li {display:none}
.clearing-assembled .clearing-container .carousel {background:#000; background:rgba(0,0,0,0.75); height:150px; margin-top:5px}
.clearing-assembled .clearing-container .visible-img {background:#000; background:rgba(0,0,0,0.75); overflow:hidden}
.clearing-assembled .clearing-container ul[data-clearing] {z-index:999; width:200%; height:100%; margin-left:0; position:relative; left:0}
.clearing-assembled .clearing-container ul[data-clearing] li {display:block; width:175px; height:inherit; padding:0; float:left; overflow:hidden; background:#222; margin-right:1px; position:relative}
.clearing-assembled .clearing-container ul[data-clearing] li.fix-height img {min-height:100%; height:100%; max-width:none}
.clearing-assembled .clearing-container ul[data-clearing] li img {cursor:pointer !important; min-width:100% !important}
.clearing-assembled .clearing-container ul[data-clearing] li.visible {border-top:4px solid #fff}
ul.block-grid[data-clearing] {overflow:visible}
.clearing-blackout ul.block-grid[data-clearing].two-up>li:nth-child(2n+1) {clear:none}
.clearing-blackout ul.block-grid[data-clearing].three-up>li:nth-child(3n+1) {clear:none}
.clearing-blackout ul.block-grid[data-clearing].four-up>li:nth-child(4n+1) {clear:none}
.clearing-blackout ul.block-grid[data-clearing].five-up>li:nth-child(5n+1) {clear:none}
.clearing-blackout ul.block-grid[data-clearing].six-up>li:nth-child(6n+1) {clear:none}
.clearing-blackout ul.block-grid[data-clearing].seven-up>li:nth-child(7n+1) {clear:none}
.clearing-blackout ul.block-grid[data-clearing].eight-up>li:nth-child(8n+1) {clear:none}
.clearing-blackout ul.block-grid[data-clearing].nine-up>li:nth-child(9n+1) {clear:none}
.clearing-blackout ul.block-grid[data-clearing].ten-up>li:nth-child(10n+1) {clear:none}
.clearing-blackout ul.block-grid[data-clearing].eleven-up>li:nth-child(11n+1) {clear:none}
.clearing-blackout ul.block-grid[data-clearing].twelve-up>li:nth-child(12n+1) {clear:none}
.clearing-blackout .th img {border:none; -webkit-box-shadow:0 0 0 0 rgba(0,0,0,0); -moz-box-shadow:0 0 0 0 rgba(0,0,0,0); box-shadow:0 0 0 0 rgba(0,0,0,0); -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0}
.clearing-blackout:hover img,.clearing-blackout:focus img {-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0); -moz-box-shadow:0 0 0 0 rgba(0,0,0,0); box-shadow:0 0 0 0 rgba(0,0,0,0)}
.show-for-small,.show-for-medium,.show-for-medium-down,.hide-for-large,.hide-for-large-up,.show-for-xlarge,.show-for-print {display:none !important}
.hide-for-small,.hide-for-medium,.hide-for-medium-down,.show-for-large,.show-for-large-up,.hide-for-xlarge,.hide-for-print {display:inherit !important}


@media only screen and (min-width: 1441px) {
.hide-for-small,.hide-for-medium,.hide-for-medium-down,.hide-for-large,.show-for-large-up,.show-for-xlarge {display:inherit !important}
.show-for-small,.show-for-medium,.show-for-medium-down,.show-for-large,.hide-for-large-up,.hide-for-xlarge {display:none !important}
}

@media only screen and (max-width: 1279px) and (min-width: 768px) {
.logocomunicart {margin: 5px 0px; max-width:70%; float:left}
.top-bar ul > li a:not(.button) {margin-left: 0px}
.hide-for-small,.show-for-medium,.show-for-medium-down,.hide-for-large,.hide-for-large-up,.hide-for-xlarge {display:inherit !important}
.show-for-small,.hide-for-medium,.hide-for-medium-down,.show-for-large,.show-for-large-up,.show-for-xlarge {display:none !important}
.top-bar ul>li a:not(.button) {color:#000; font-size:12px; font-weight:bold; height:35px; /*line-height:45px; */padding:0 3px; margin:0px; float: left}
.touch table.hide-for-xlarge,.touch table.hide-for-large,.touch table.hide-for-small,.touch table.show-for-medium {display:table !important}
body {font-size:95%; margin:0; padding:0}
/*img {max-width:50% !important}*/
h3 {font-size:160%; line-height:100%}
h5 {font-size:120%; line-height:120%}
.imgreducidadcha {margin-left:30px; margin-bottom:30px; max-width:95% !important; float:right}
.top-bar ul>li.has-dropdown a:after {content:""; display:block; width:0; height:0; border:solid 5px; border-color:#f4594f transparent transparent transparent; margin-right:-5px; margin-top:-2.5px; position:absolute; right:0; top:50%}
.touch .nav-bar li a {font-size:13px}
.touch .nav-bar li.has-flyout>a.flyout-toggle {padding:20px !important}
.touch .nav-bar li.has-flyout>a {padding-right:36px !important}
.clearing-main-right,.clearing-main-left {height:100%; width:40px; top:0; border:none}
.clearing-main-right:before,.clearing-main-left:before {position:absolute; top:50%}
.clearing-main-left {left:0}
.clearing-main-left:before {left:5px; content:""; display:block; width:0; height:0; border:solid 16px; border-color:transparent #fff transparent transparent}
.clearing-main-right {height:100%; right:0}
.clearing-main-right:before {content:""; display:block; width:0; height:0; border:solid 16px; border-color:transparent transparent transparent #fff}
}

@media only screen and (max-width: 767px) {
body {font-size:105%; }
h3 {font-size:120%; line-height:120%; margin-top:40px}
.show-for-small,.hide-for-medium,.show-for-medium-down,.hide-for-large,.hide-for-large-up,.hide-for-xlarge {display:inherit !important}
.hide-for-small,.show-for-medium,.hide-for-medium-down,.show-for-large,.show-for-large-up,.show-for-xlarge {display:none !important}
table.hide-for-xlarge,table.hide-for-large,table.hide-for-medium,table.show-for-small {display:table !important}
}

.show-for-landscape,.hide-for-portrait {display:inherit !important}
.hide-for-landscape,.show-for-portrait {display:none !important}

@media screen and (orientation: landscape) {
.show-for-landscape,.hide-for-portrait {display:inherit !important}
.hide-for-landscape,.show-for-portrait {display:none !important}
}

@media screen and (orientation: portrait) {
.show-for-portrait,.hide-for-landscape {display:inherit !important}
.hide-for-portrait,.show-for-landscape {display:none !important}
}

.show-for-touch {display:inherit !important}
.hide-for-touch {display:none !important}
.touch .show-for-touch {display:inherit !important}
.touch .hide-for-touch {display:none !important}
table.show-for-xlarge,table.show-for-large,table.hide-for-small,table.hide-for-medium {display:table !important}


@media only screen and (min-width: 1370px) {
body {font-size:120%}
}


@media only screen and (max-device-width: 1280px) {
.touch .nav-bar li.has-flyout>a {padding-right:36px !important}
}

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {.flex-video {padding-top:0}
}

@media only screen and (max-width: 767px) {
.left,.right {float:none}
body {-webkit-text-size-adjust:none; -ms-text-size-adjust:none; width:100%; min-width:0; margin-left:0; margin-right:0; padding-left:0; padding-right:0}
.row {width:auto; min-width:0; margin-left:5; margin-right:5}
.column,.columns {width:auto !important; float:none}
.column:last-child,.columns:last-child {float:none}
[class*="column"]+[class*="column"]:last-child {float:none}
.column:before,.columns:before,.column:after,.columns:after {content:""; display:table}
.column:after,.columns:after {clear:both}
.offset-by-one,.offset-by-two,.offset-by-three,.offset-by-four,.offset-by-five,.offset-by-six,.offset-by-seven,.offset-by-eight,.offset-by-nine,.offset-by-ten {margin-left:0 !important}
.push-two,.push-three,.push-four,.push-five,.push-six,.push-seven,.push-eight,.push-nine,.push-ten {left:auto}
.pull-two,.pull-three,.pull-four,.pull-five,.pull-six,.pull-seven,.pull-eight,.pull-nine,.pull-ten {right:auto}
.row .mobile-one {width:25% !important; float:left; padding:0 15px}
.row .mobile-one:last-child {float:right}
.row .mobile-one.end {float:left}
.row.collapse .mobile-one {padding:0}
.row .mobile-two {width:50% !important; float:left; padding:0 15px}
.row .mobile-two:last-child {float:right}
.row .mobile-two.end {float:left}
.row.collapse .mobile-two {padding:0}
.row .mobile-three {width:75% !important; float:left; padding:0 15px}
.row .mobile-three:last-child {float:right}
.row .mobile-three.end {float:left}
.row.collapse .mobile-three {padding:0}
.row .mobile-four {width:100% !important; float:left; padding:0 15px}
.row .mobile-four:last-child {float:right}
.row .mobile-four.end {float:left}
.row.collapse .mobile-four {padding:0}
.push-one-mobile {left:25%}
.pull-one-mobile {right:25%}
.push-two-mobile {left:50%}
.pull-two-mobile {right:50%}
.push-three-mobile {left:75%}
.pull-three-mobile {right:75%}
.block-grid.mobile>li {float:none; width:100%; margin-left:0}
.block-grid>li {clear:none}
.block-grid.mobile-one-up>li {width:100%}
.block-grid.mobile-two-up>li {width:50%}
.block-grid.mobile-two-up>li:nth-child(2n+1) {clear:both}
.block-grid.mobile-three-up>li {width:33.33333%}
.block-grid.mobile-three-up>li:nth-child(3n+1) {clear:both}
.block-grid.mobile-four-up>li {width:25%}
.block-grid.mobile-four-up>li:nth-child(4n+1) {clear:both}
.block-grid.mobile-five-up>li {width:20%}
.block-grid.mobile-five-up>li:nth-child(5n+1) {clear:both}
.block-grid.mobile-six-up>li {width:16.66667%}
.block-grid.mobile-six-up>li:nth-child(6n+1) {clear:both}
.block-grid.mobile-seven-up>li {width:14.28571%}
.block-grid.mobile-seven-up>li:nth-child(7n+1) {clear:both}
.block-grid.mobile-eight-up>li {width:12.5%}
.block-grid.mobile-eight-up>li:nth-child(8n+1) {clear:both}
.block-grid.mobile-nine-up>li {width:11.11111%}
.block-grid.mobile-nine-up>li:nth-child(9n+1) {clear:both}
.block-grid.mobile-ten-up>li {width:10%}
.block-grid.mobile-ten-up>li:nth-child(10n+1) {clear:both}
.block-grid.mobile-eleven-up>li {width:9.09091%}
.block-grid.mobile-eleven-up>li:nth-child(11n+1) {clear:both}
.block-grid.mobile-twelve-up>li {width:8.33333%}
.block-grid.mobile-twelve-up>li:nth-child(12n+1) {clear:both}

label.right {text-align:left}

input[type="text"].one,.row input[type="text"].one,input[type="password"].one,.row input[type="password"].one,input[type="date"].one,.row input[type="date"].one,input[type="datetime"].one,.row input[type="datetime"].one,input[type="email"].one,.row input[type="email"].one,input[type="number"].one,.row input[type="number"].one,input[type="search"].one,.row input[type="search"].one,input[type="tel"].one,.row input[type="tel"].one,input[type="time"].one,.row input[type="time"].one,input[type="url"].one,.row input[type="url"].one,textarea.one,.row textarea.one {width:100% !important}

input[type="text"].two,.row input[type="text"].two,input[type="password"].two,.row input[type="password"].two,input[type="date"].two,.row input[type="date"].two,input[type="datetime"].two,.row input[type="datetime"].two,input[type="email"].two,.row input[type="email"].two,input[type="number"].two,.row input[type="number"].two,input[type="search"].two,.row input[type="search"].two,input[type="tel"].two,.row input[type="tel"].two,input[type="time"].two,.row input[type="time"].two,input[type="url"].two,.row input[type="url"].two,textarea.two,.row textarea.two {width:100% !important}

input[type="text"].three,.row input[type="text"].three,input[type="password"].three,.row input[type="password"].three,input[type="date"].three,.row input[type="date"].three,input[type="datetime"].three,.row input[type="datetime"].three,input[type="email"].three,.row input[type="email"].three,input[type="number"].three,.row input[type="number"].three,input[type="search"].three,.row input[type="search"].three,input[type="tel"].three,.row input[type="tel"].three,input[type="time"].three,.row input[type="time"].three,input[type="url"].three,.row input[type="url"].three,textarea.three,.row textarea.three {width:100% !important}

input[type="text"].four,.row input[type="text"].four,input[type="password"].four,.row input[type="password"].four,input[type="date"].four,.row input[type="date"].four,input[type="datetime"].four,.row input[type="datetime"].four,input[type="email"].four,.row input[type="email"].four,input[type="number"].four,.row input[type="number"].four,input[type="search"].four,.row input[type="search"].four,input[type="tel"].four,.row input[type="tel"].four,input[type="time"].four,.row input[type="time"].four,input[type="url"].four,.row input[type="url"].four,textarea.four,.row textarea.four {width:100% !important}

input[type="text"].five,.row input[type="text"].five,input[type="password"].five,.row input[type="password"].five,input[type="date"].five,.row input[type="date"].five,input[type="datetime"].five,.row input[type="datetime"].five,input[type="email"].five,.row input[type="email"].five,input[type="number"].five,.row input[type="number"].five,input[type="search"].five,.row input[type="search"].five,input[type="tel"].five,.row input[type="tel"].five,input[type="time"].five,.row input[type="time"].five,input[type="url"].five,.row input[type="url"].five,textarea.five,.row textarea.five {width:100% !important}

input[type="text"].six,.row input[type="text"].six,input[type="password"].six,.row input[type="password"].six,input[type="date"].six,.row input[type="date"].six,input[type="datetime"].six,.row input[type="datetime"].six,input[type="email"].six,.row input[type="email"].six,input[type="number"].six,.row input[type="number"].six,input[type="search"].six,.row input[type="search"].six,input[type="tel"].six,.row input[type="tel"].six,input[type="time"].six,.row input[type="time"].six,input[type="url"].six,.row input[type="url"].six,textarea.six,.row textarea.six {width:100% !important}

input[type="text"].seven,.row input[type="text"].seven,input[type="password"].seven,.row input[type="password"].seven,input[type="date"].seven,.row input[type="date"].seven,input[type="datetime"].seven,.row input[type="datetime"].seven,input[type="email"].seven,.row input[type="email"].seven,input[type="number"].seven,.row input[type="number"].seven,input[type="search"].seven,.row input[type="search"].seven,input[type="tel"].seven,.row input[type="tel"].seven,input[type="time"].seven,.row input[type="time"].seven,input[type="url"].seven,.row input[type="url"].seven,textarea.seven,.row textarea.seven {width:100% !important}

input[type="text"].eight,.row input[type="text"].eight,input[type="password"].eight,.row input[type="password"].eight,input[type="date"].eight,.row input[type="date"].eight,input[type="datetime"].eight,.row input[type="datetime"].eight,input[type="email"].eight,.row input[type="email"].eight,input[type="number"].eight,.row input[type="number"].eight,input[type="search"].eight,.row input[type="search"].eight,input[type="tel"].eight,.row input[type="tel"].eight,input[type="time"].eight,.row input[type="time"].eight,input[type="url"].eight,.row input[type="url"].eight,textarea.eight,.row textarea.eight {width:100% !important}

input[type="text"].nine,.row input[type="text"].nine,input[type="password"].nine,.row input[type="password"].nine,input[type="date"].nine,.row input[type="date"].nine,input[type="datetime"].nine,.row input[type="datetime"].nine,input[type="email"].nine,.row input[type="email"].nine,input[type="number"].nine,.row input[type="number"].nine,input[type="search"].nine,.row input[type="search"].nine,input[type="tel"].nine,.row input[type="tel"].nine,input[type="time"].nine,.row input[type="time"].nine,input[type="url"].nine,.row input[type="url"].nine,textarea.nine,.row textarea.nine {width:100% !important}

input[type="text"].ten,.row input[type="text"].ten,input[type="password"].ten,.row input[type="password"].ten,input[type="date"].ten,.row input[type="date"].ten,input[type="datetime"].ten,.row input[type="datetime"].ten,input[type="email"].ten,.row input[type="email"].ten,input[type="number"].ten,.row input[type="number"].ten,input[type="search"].ten,.row input[type="search"].ten,input[type="tel"].ten,.row input[type="tel"].ten,input[type="time"].ten,.row input[type="time"].ten,input[type="url"].ten,.row input[type="url"].ten,textarea.ten,.row textarea.ten {width:100% !important}

input[type="text"].eleven,.row input[type="text"].eleven,input[type="password"].eleven,.row input[type="password"].eleven,input[type="date"].eleven,.row input[type="date"].eleven,input[type="datetime"].eleven,.row input[type="datetime"].eleven,input[type="email"].eleven,.row input[type="email"].eleven,input[type="number"].eleven,.row input[type="number"].eleven,input[type="search"].eleven,.row input[type="search"].eleven,input[type="tel"].eleven,.row input[type="tel"].eleven,input[type="time"].eleven,.row input[type="time"].eleven,input[type="url"].eleven,.row input[type="url"].eleven,textarea.eleven,.row textarea.eleven {width:100% !important}

input[type="text"].twelve,.row input[type="text"].twelve,input[type="password"].twelve,.row input[type="password"].twelve,input[type="date"].twelve,.row input[type="date"].twelve,input[type="datetime"].twelve,.row input[type="datetime"].twelve,input[type="email"].twelve,.row input[type="email"].twelve,input[type="number"].twelve,.row input[type="number"].twelve,input[type="search"].twelve,.row input[type="search"].twelve,input[type="tel"].twelve,.row input[type="tel"].twelve,input[type="time"].twelve,.row input[type="time"].twelve,input[type="url"].twelve,.row input[type="url"].twelve,textarea.twelve,.row textarea.twelve {width:100% !important}

.button { text-align:center; }
button.button,input[type="submit"].button,input[type="reset"].button {padding: 5px 10px; margin:0px auto; }
.button-group button.button,.button-group input[type="submit"].button {width:auto; padding:10px 20px 11px}
.button-group button.button.large,.button-group input[type="submit"].button.large {padding:15px 30px 16px}
.button-group button.button.medium,.button-group input[type="submit"].button.medium {padding:10px 20px 11px}
.button-group button.button.small,.button-group input[type="submit"].button.small {padding:7px 14px 8px}
.button-group button.button.tiny,.button-group input[type="submit"].button.tiny {padding:5px 10px 6px}
.button-group.even button.button,.button-group.even input[type="submit"].button {width:100%; padding-left:0; padding-right:0}
.nav-bar {height:auto}
.nav-bar>li {float:none; display:block; border-right:none}
.nav-bar>li>a.main {text-align:left; border-top:1px solid #ddd; border-right:none}
.nav-bar>li:first-child>a.main {border-top:none}
.nav-bar>li.has-flyout>a.flyout-toggle {position:absolute; right:0; top:0; padding:22px; z-index:2; display:block}
.nav-bar>li.has-flyout.is-touch>a.flyout-toggle span {content:""; width:0; height:0; display:block}
.nav-bar>li.has-flyout>a.flyout-toggle:hover span {border-top-color:#141414}
.nav-bar.vertical>li.has-flyout>.flyout {left:0}
.flyout {position:relative; width:100% !important; top:auto; margin-right:-2px; border-width:1px 1px 0 1px}
.flyout.right {float:none; right:auto; left:-1px}
.flyout.small,.flyout.large {width:100% !important}
.flyout p:last-child {margin-bottom:18px}
.reveal-modal-bg {position:absolute}
.reveal-modal,.reveal-modal.small,.reveal-modal.medium,.reveal-modal.large,.reveal-modal.xlarge {width:80%; top:15px; left:50%; margin-left:-40%; padding:20px; height:auto}
.clearing-container {margin:0}
.clearing-close {z-index:99; font-size:37px; top:0px; right:5px}
.clearing-caption {position:fixed; bottom:0; left:0; padding:10px !important; line-height:1.3}
.clearing-main-right,.clearing-main-left {display:none}
.clearing-blackout.clearing-assembled .visible-img,.clearing-blackout.clearing-assembled .clearing-container {height:100%}
.clearing-blackout.clearing-assembled ul[data-clearing] {display:none}
.joyride-tip-guide {width:95% !important; left:2.5% !important; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px}
.joyride-tip-guide-wrapper {width:100%}
.tabs.mobile {width:auto; border-bottom:solid 1px #ccc; height:auto; margin:20px -15px 0px -15px}
.tabs.mobile dt,.tabs.mobile li,.tabs.mobile dd {float:none; height:auto}
.tabs.mobile dd a,.tabs.mobile li a {font-size:15px; display:block; width:auto; height:auto; padding:18px 20px; margin:0; color:#555; line-height:1; border:none; border-left:none; border-right:none; border-top:1px solid #ccc; background:#fff}
.tabs.mobile dd a.active,.tabs.mobile li a.active {border:none; background:#2ba6cb; color:#fff; margin:0; position:static; top:0; height:auto}
.tabs.mobile dd:first-child a.active,.tabs.mobile li:first-child a.active {margin:0}
.tabs.mobile+.tabs-content.contained {margin-left:-15px; margin-right:-15px}
.tabs.mobile .section-title {padding-left:20px !important}
.contained.mobile {margin-bottom:0}
.contained.tabs.mobile dd a,.contained.tabs.mobile li a {padding:18px 20px}
.tabs.mobile+ul.contained {margin-left:-20px; margin-right:-20px; border-width:0 0 1px 0}
.tooltip {line-height:1.4; padding:7px 10px 9px 10px; left:50% !important; max-width:80% !important; margin-left:-40%; font-size:110%}
.tooltip>.nub,.tooltip.top>.nub,.tooltip.left>.nub,.tooltip.right>.nub {border-color:transparent transparent #000 transparent; border-color:transparent transparent rgba(0,0,0,0.85) transparent; top:-12px; left:10px}
}


@media only screen and (max-width: 500px) {
.top-bar {margin-bottom:0; overflow:hidden; height:35px; background:#fff; }
.top-bar .js-generated {display:block}
.contain-to-grid .top-bar {width:auto}
.top-bar section {left:0; position:relative; width:100%; -webkit-transition:left 300ms 0; -moz-transition:left 300ms 0; -o-transition:left 300ms 0; transition:left 300ms 0}
.top-bar ul {width:100%; height:inherit; margin-bottom:0; display:block; }
.top-bar ul>li {float:none; }
.top-bar ul>li {/*float: left; margin-left: 2px; margin-right: 12px; font-size: 22px !important; font-weight: bold; color:#f4594f; */}
.top-bar ul>li.active,.top-bar ul>li:hover {background:#fcceca}
.top-bar ul>li.name {padding-top:2px; padding-bottom:2px; height:45px}
.top-bar ul>li.name h1 {line-height:1}
.top-bar ul>li.name h1 a {color:#fff; display:block; line-height:45px !important; padding-left:15px; height:45px; font-size:10px; }
.top-bar ul>li:hover a,.top-bar ul>li.active a {color:#000}
.top-bar ul>li a:not(.button) {color:#000; }
.top-bar ul>li.toggle-topbar {cursor:pointer; display:block; height:45px; position:absolute; right:0; top:0; width:60%}
.top-bar ul>li.toggle-topbar a {content:""; display:block; width:0; height:0; border:solid 10px; border-color:#000 transparent transparent transparent; padding:0; position:absolute; top:50%; right:22.5px; margin-top:-4px}
.top-bar ul>li.toggle-topbar:hover {background:inherit}
.top-bar ul>li.toggle-topbar a {padding:0 !important}
.top-bar ul>li.divider {border-top:solid 1px #e1e1e1; width:100%}
.top-bar ul>li.search {padding:0 22.5px}
.top-bar ul>li.search form {width:100%}
.top-bar ul>li.search form input[type=text] {width:75%}
.top-bar ul>li.search form .button {top:-1px; width:25%}
.top-bar ul>li.has-dropdown a {padding-right:33.75px}
.top-bar ul>li.has-dropdown a:after {/*content:""; display:block; width:0; height:0; border:solid 5px; border-color:transparent transparent transparent rgba(255,0,0,0.5); margin-right:15px; margin-top:-4.5px; position:absolute; top:50%*/}
.top-bar ul>li.has-dropdown:hover>.dropdown {display:block; visibility:hidden}
.top-bar ul>li.has-dropdown .dropdown {height:inherit; background:white; left:0; margin:0; padding:15px 0 0 0; position:absolute; visibility:hidden; overflow:hidden; z-index:0 !important}
.top-bar ul>li.has-dropdown .dropdown li a {color:black; font-weight:normal; height:1px; padding:0; }
.top-bar ul>li.has-dropdown.moved {position:static}
.top-bar ul>li.has-dropdown.moved>.dropdown {top:0; visibility:visible}
.top-bar ul>li.has-dropdown.moved>.dropdown li label {margin:5px !important; font-size:14px}
.top-bar ul>li.has-dropdown.moved>.dropdown li:not(.title) {padding-bottom:0}
.top-bar ul>li.has-dropdown.moved>.dropdown li:not(.title) a {padding:2px; display:none/*font-size:14px*/}
.top-bar ul>li.has-dropdown.moved>.dropdown li a,.top-bar ul>li.has-dropdown.moved>.dropdown li label {padding:5px 22.5px; line-height:15px}
.top-bar ul>li.has-dropdown.moved>.dropdown li a:hover {background:#fcceca; display:block}
.top-bar ul>li.has-dropdown.moved>.dropdown li.divider {/*border-bottom:solid 1px red; margin-top:8px !important; margin-bottom:8px !important*/}
.top-bar ul>li.has-dropdown.moved .back.title {padding-bottom:20px}
.top-bar ul>li.has-dropdown.moved .back.title a:before {position:absolute; top:50%; left:-5px; margin-top:-5px; content:""; display:block; width:0; height:0; border:solid 10px; border-color:transparent #fcceca transparent transparent}
.top-bar ul>li.has-dropdown.moved .back.title h5 {margin:0; padding-left:15px; position:relative}
.top-bar ul>li.has-dropdown.moved .back.title h5 a {background:transparent; padding-top:2px; padding-bottom:2px; font-size:18px; font-weight:bold}
.top-bar ul>li.has-dropdown .dropdown li {background:transparent}
.top-bar ul>li.has-dropdown .dropdown li.has-dropdown .dropdown {left:100% !important; top:0; right:auto !important}
.top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a {padding-right:33.75px}
.top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a:after {content:""; margin-right:15px; display:block; width:0; height:0; border:solid 5px; border-color:transparent transparent transparent rgba(255,255,255,0.5); position:absolute; top:50%; margin-top:-4.5px}
.top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a li a:hover {background:#3c3c3c}
.top-bar ul>li.has-dropdown .dropdown li.has-dropdown.moved {position:static}
.top-bar ul>li.has-dropdown .dropdown li.has-dropdown.moved .dropdown {top:0; visibility:visible}
.top-bar ul>li.has-dropdown .dropdown li.has-dropdown:hover {display:block}
.top-bar ul.left,.top-bar ul.right {/*float:none; */width:100%}
.top-bar ul.left>li,.top-bar ul.right>li {display:block; float:none; margin:0 !important}
.top-bar ul.left>li.has-dropdown .dropdown,.top-bar ul.right>li.has-dropdown .dropdown {width:100%; left:100% !important; top:0; right:auto !important}
.top-bar section>ul li a:not(.button) {padding-left:100px !important}
.top-bar.expanded { height:auto}
.top-bar ul li.has-button {padding:0px 10px}
.top-bar ul li .button.small {margin:0 !important; display:inline-block; width:100%}
.top-bar ul>li.has-button a.button {margin:0}
.top-bar ul>li:not(.name).active a {/*margin-top:10px; margin-bottom:10px; */ color:#f4594f; }
.top-bar ul>li.has-dropdown .dropdown li {line-height:2; width:350px; }
.top-bar ul>li.has-dropdown .dropdown li.divider {height:0px; padding: 0px; width:100%; margin-top:0px}
#menuCA13 {position: absolute; width:100%; z-index:500; background-color:white}
}

/*************************************************
              MENÚS
*************************************************/

/************
## Toggler ##
************/
.pure-toggle {left: -9999px; position: absolute; top: -9999px}

.pure-toggle:focus ~ .pure-toggle-label {border-color: #00b9c5; color: #00b9c5}

.pure-toggle-label {cursor: pointer; display: block; position: fixed; top: 15px; z-index: 99; color: #5d809d; width: 70px; height: 70px; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; border: 2px solid #5d809d; border-radius: 50%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent}

.pure-toggle-label:hover {border-color: #00b9c5; color: #00b9c5}

.pure-toggle-label:hover .pure-toggle-icon, .pure-toggle-label:hover .pure-toggle-icon:before, .pure-toggle-label:hover .pure-toggle-icon:after {background-color: red}

.pure-toggle-label:active {-webkit-tap-highlight-color: transparent}

.pure-toggle-label .pure-toggle-icon, .pure-toggle-label .pure-toggle-icon:before, .pure-toggle-label .pure-toggle-icon:after {position: absolute; top: 50%; left: 50%; height: 4px; width: 35px; cursor: pointer; background: #5d809d; display: block; content: ''; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out}

.pure-toggle-label .pure-toggle-icon {transform: translate3d(-50%, -4px, 0); webkit-transform: translate3d(-50%, -4px, 0)}

.pure-toggle-label .pure-toggle-icon:before {transform: translate3d(-50%, -14px, 0); webkit-transform: translate3d(-50%, -14px, 0)}

.pure-toggle-label .pure-toggle-icon:after {transform: translate3d(-50%, 10px, 0); webkit-transform: translate3d(-50%, 10px, 0)}

.pure-toggle-label[data-toggle-label='left'] {left: 15px; right: auto}

.pure-toggle-label[data-toggle-label='right'] {right: 28px; left: auto}

.pure-toggle-label[data-toggle-label='top'] {left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0)}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label:not([data-toggle-label='left']), .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label:not([data-toggle-label='right']), .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label:not([data-toggle-label='top']) {opacity: 0; z-index: -1}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'], .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'], .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] {border-color: #00b9c5; color: #00b9c5}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon, .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon, .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon {background-color: transparent}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:before, .pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:after, .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:before, .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:after, .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:before, .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:after {top: 0}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:before, .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:before, .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:before {-ms-transform: translateX(-50%) rotate(45deg);  transform: translateX(-50%) rotate(45deg);  webkit-transform: translateX(-50%) rotate(45deg)}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:after, .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:after, .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:after {-ms-transform: translateX(-50%) translateY(-10px) rotate(-45deg);  transform: translateX(-50%) translateY(-10px) rotate(-45deg); webkit-transform: translateX(-50%) translateY(-10px) rotate(-45deg); top: 10px}

/***********
## Drawer ##
***********/
.pure-drawer {position: fixed; top: 0; left: 0; z-index: 1; height: 100%; visibility: hidden; background-color: #000; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; width: 75%}

@media only screen and (min-width: 40.063em) {
.pure-drawer {width: 300px}
}

@media only screen and (min-width: 64.063em) {
.pure-drawer {width: 300px}
}

.pure-drawer[data-position='right'] {left: auto; right: 0}

.pure-drawer[data-position='top'] {height: 100%; width: 100%}

@media only screen and (min-width: 40.063em) {
.pure-drawer[data-position='top'] {height: 100%}
}

@media only screen and (min-width: 64.063em) {
.pure-drawer[data-position='top'] {height: 100px}
}

/*********************
## Effect - Push ##
*********************/
/* DRAWER */

[data-effect='pure-effect-push'] .pure-drawer {-webkit-transition-duration: 500ms; transition-duration: 500ms}

[data-effect='pure-effect-push'] .pure-drawer[data-position='left'] {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0)}

[data-effect='pure-effect-push'] .pure-drawer[data-position='right'] {-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0)}

[data-effect='pure-effect-push'] .pure-drawer[data-position='top'] {-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0)}

[data-effect='pure-effect-push'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'], [data-effect='pure-effect-push'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'], [data-effect='pure-effect-push'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}

/*MENU*/

.page-wrap {max-width: 1400px; padding:0px 10px; margin: 0 auto; z-index: 1; margin-bottom:30px}
.vbox-open {overflow: hidden }

nav {z-index: 10000; top: 0; width: 100%; max-width: 1400px; /*background-image: url("../imagenes/fondoN.png"); */background-repeat: repeat; height: 120px; position:relative; display: flex; flex-wrap: nowrap; justify-content: space-between; padding-bottom:30px !important}
nav ul.navLeft, nav ul.navRight {display: flex; width: 43%; justify-content: space-around; flex-wrap: nowrap; float: left; margin-bottom: 0; padding: 0 !important; align-items: flex-end}
nav ul.navLeft li, nav ul.navRight li {display: block; list-style: none; text-transform: uppercase; font-family: 'Bai Jamjuree', sans-serif; font-size: 28px}
nav ul.navLeft li a, nav ul.navRight li a {color: #fbf5de; display: block; width: 100%}
nav ul.navLeft li a:hover, nav ul.navRight li a:hover {color: red}
nav ul.navLeft li:hover > ul, nav ul.navRight li:hover > ul {display: block; visibility: visible; opacity: 1}
ul.submenuNav {margin-left:-60px; opacity: 0; visibility: hidden; position: absolute; top: 100%; background-color: orange; color:black; padding: 0; transition: opacity 0.2s ease; margin-top:-30px}
ul.submenuNav li {transition: visibility 0s, opacity 0.5s linear; display: block!important; width: 100%; margin: 0; font-size:18px !important; line-height: 50%; padding:0}
ul.submenuNav li a {line-height: 100%; /*padding: 0.7rem 1.5rem; */padding:7px 14px; color: black!important; float: left; width: 100%; border-bottom: 1px solid white}
ul.submenuNav li a:hover, ul.submenuNav li a:focus {background-color: #ffffff; color: red !important}
nav.pure-drawer li {position: relative}
nav.pure-drawer li ul.submenuNavMobile {margin: 0!important; line-height:90%}
nav.pure-drawer li ul.submenuNavMobile li a {color: red; border-color: green}
nav.pure-drawer li.active ul.submenuNavMobile {background: orange; margin-left: -30px}
nav.pure-drawer li.active ul.submenuNavMobile li a {color: black!important; border-color: white!important; margin-left: -50px}
nav.pure-drawer li.active ul.submenuNavMobile li a:hover, nav.pure-drawer li.active ul.submenuNavMobile li a:focus {background: white; color: red !important}
.closed span.iconPlus {position: absolute; top: 0; right: 0; width: 50px; height: 45px; line-height: 1; text-align: center; padding-top: 10px; font-size: 1.6rem; cursor: pointer; color: #fbf5de; transition: all 0.3 ease; border-bottom: 1px solid transparent}
.closed span.iconPlus:before {content: "\f067"; font-family: 'FontAwesome'}
.closed span.iconPlus:hover, .closed span.iconPlus:focus {color: black; background: rgba(251, 245, 222, 0.8); border-bottom: 1px solid #fbf5de}
.closed ul.submenuNavMobile {display: none; opacity: 0; visibility: hidden}
.active span.iconMinus {position: absolute; top: 0; right: 0; width: 50px; height: 45px; line-height: 1; text-align: center; padding-top: 10px; font-size: 16px; font-size: 1.6rem; cursor: pointer; color: red; transition: all 0.3 ease; border-bottom: 1px solid transparent}
.active span.iconMinus:before {content: "\f068"; font-family: 'FontAwesome'}
.active span.iconMinus:hover, .active span.iconMinus:focus {color: black; background: rgba(251, 245, 222, 0.8); border-bottom: 1px solid #fbf5de}
.active ul.submenuNavMobile {display: block; opacity: 1; visibility: visible}
.logo {position: relative; width: 100px; text-align: center}
.logo a {float: left; width: 100%}
.logo img {width: 100%; height: auto; max-width: 320px; transition: all 0.3s ease}
.active {color: red}
.active a {color: red}
.localizador {position: absolute; right: 2rem; bottom: 3.2rem}
.pure-container {display: none}
.pure-pusher-container {position: absolute; right: 0; width: 100%}
.pure-drawer {display: block; overflow: hidden}
.pure-drawer li {font-family: 'Bai Jamjuree', sans-serif; display: block; font-size: 20px; width: 100%}
.pure-drawer li.active a {color: orange !important; border-color: white!important}
.pure-drawer li a {display: block; color: #fbf5de; padding: .6rem 3rem; border-bottom: 1px solid #fbf5de}
.pure-drawer li a:hover, .pure-drawer li a:focus {color: red; border-color: orange; background:white}

@media (max-width: 1500px) {
nav ul.navLeft, nav ul.navRight {width: 40%}
nav ul.navLeft li, nav ul.navRight li {font-size: 1.5rem}
nav ul.navLeft li:last-child, nav ul.navRight li:last-child {padding-right: 2rem}
nav ul.navLeft li ul.submenuNav li:last-child, nav ul.navRight li ul.submenuNav li:last-child {padding-right: 0!important}
.navRight {padding-right: 2% !important}
}

@media (max-width: 1366px) {
.logo {width: 18%}
nav ul.navLeft, nav ul.navRight {width: 41%}
}

@media (max-width: 1280px) {
.navRight {padding-right: 5%!important}
}

@media (max-width: 900px) {
nav {height: 75px; }
.logo {width: 120px; margin:auto}
.navLeft, .navRight {display: none!important}
.sliderHome, .mTopHeader, .sliderCarta, .slider {margin-top: 70px}
.pure-container {display: block; text-align:center}
.pure-toggle-label {width: 55px; height: 45px; border: none; top: 2px}
.pure-toggle-label .pure-toggle-icon, .pure-toggle-label .pure-toggle-icon:before, .pure-toggle-label .pure-toggle-icon:after {background: green}
.pure-toggle-label[data-toggle-label='right'] {right: 5px}
.localizador {position:relative; right: 30px; top:10px}
.localizador img {width: 100%}
.pure-drawer {border-left: 1px solid red}
}

.logokick img {width:100%}

@media screen and (max-width: 450px) {
.logokick {height:120px}
}


/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================

Made by Justin Aguilar

www.justinaguilar.com/animations/

Questions, comments, concerns, love letters:
justin@justinaguilar.com
==============================================
*/

.hatchpp {

opacity: 1; 
transition: opacity .25s ease-in-out; 
-moz-transition: opacity .25s ease-in-out; 
-webkit-transition: opacity .25s ease-in-out; 

visibility: visible !important; 		
}
.hatchpp:hover {
opacity: 0.7; 
animation-name: hatch; 
-webkit-animation-name: hatch; 	

animation-duration: 2s; 	
-webkit-animation-duration: 2s; 

animation-timing-function: ease-in-out; 	
-webkit-animation-timing-function: ease-in-out; 

transform-origin: 50% 100%; 
ms-transform-origin: 50% 100%; 
webkit-transform-origin: 50% 100%; 

visibility: visible !important; 		
}

@keyframes hatchpp {
0% {transform: rotate(0deg) scaleY(0.6); }
20% {transform: rotate(-2deg) scaleY(1.05); }
35% {transform: rotate(2deg) scaleY(1); }
50% {transform: rotate(-2deg); }	
65% {transform: rotate(1deg); }	
80% {transform: rotate(-1deg); }		
100% {transform: rotate(0deg); }									
}

@-webkit-keyframes hatchpp {
0% {webkit-transform: rotate(0deg) scaleY(0.6); }
20% {webkit-transform: rotate(-2deg) scaleY(1.05); }
35% {webkit-transform: rotate(2deg) scaleY(1); }
50% {webkit-transform: rotate(-2deg); }	
65% {webkit-transform: rotate(1deg); }	
80% {webkit-transform: rotate(-1deg); }		
100% {webkit-transform: rotate(0deg); }		
}

/*
==============================================
slideDown
==============================================
*/
/*#object {
background-color: #fe5652; 

visibility: hidden; 
}*/

.slideDown {
animation-name: slideDown; 
-webkit-animation-name: slideDown; 	

animation-duration: 1s; 	
-webkit-animation-duration: 1s; 

animation-timing-function: ease; 	
-webkit-animation-timing-function: ease; 	

visibility: visible !important; 						
}

@keyframes slideDown {
0% {transform: translateY(-100%)}
50% {transform: translateY(8%)}
65% {transform: translateY(-4%)}
80% {transform: translateY(4%)}
95% {transform: translateY(-2%)}			
100% {transform: translateY(0%)}		
}

@-webkit-keyframes slideDown {
0% {webkit-transform: translateY(-100%)}
50% {webkit-transform: translateY(8%)}
65% {webkit-transform: translateY(-4%)}
80% {webkit-transform: translateY(4%)}
95% {webkit-transform: translateY(-2%)}			
100% {webkit-transform: translateY(0%)}	
}

/*
==============================================
slideUp
==============================================
*/


.slideUp {
animation-name: slideUp; 
-webkit-animation-name: slideUp; 	

animation-duration: 1s; 	
-webkit-animation-duration: 1s; 

animation-timing-function: ease; 	
-webkit-animation-timing-function: ease; 

visibility: visible !important; 			
}

@keyframes slideUp {
0% {transform: translateY(100%)}
50% {transform: translateY(-8%)}
65% {transform: translateY(4%)}
80% {transform: translateY(-4%)}
95% {transform: translateY(2%)}			
100% {transform: translateY(0%)}	
}

@-webkit-keyframes slideUp {
0% {webkit-transform: translateY(100%)}
50% {webkit-transform: translateY(-8%)}
65% {webkit-transform: translateY(4%)}
80% {webkit-transform: translateY(-4%)}
95% {webkit-transform: translateY(2%)}			
100% {webkit-transform: translateY(0%)}	
}

/*
==============================================
slideLeft
==============================================
*/


.slideLeft {
animation-name: slideLeft; 
-webkit-animation-name: slideLeft; 	

animation-duration: 1s; 	
-webkit-animation-duration: 1s; 

animation-timing-function: ease-in-out; 	
-webkit-animation-timing-function: ease-in-out; 		

visibility: visible !important; 	
}

@keyframes slideLeft {
0% {transform: translateX(150%)}
50% {transform: translateX(-8%)}
65% {transform: translateX(4%)}
80% {transform: translateX(-4%)}
95% {transform: translateX(2%)}			
100% {transform: translateX(0%)}
}

@-webkit-keyframes slideLeft {
0% {webkit-transform: translateX(150%)}
50% {webkit-transform: translateX(-8%)}
65% {webkit-transform: translateX(4%)}
80% {webkit-transform: translateX(-4%)}
95% {webkit-transform: translateX(2%)}			
100% {webkit-transform: translateX(0%)}
}

/*
==============================================
slideRight
==============================================
*/


.slideRight {
animation-name: slideRight; 
-webkit-animation-name: slideRight; 	

animation-duration: 4s; 	
-webkit-animation-duration: 4s; 

animation-iteration-count: 1; 
-webkit-animation-iteration-count: 1; 


animation-timing-function: ease-in-out; 	
-webkit-animation-timing-function: ease-in-out; 		

visibility: visible !important; 	
}

@keyframes slideRight {
0% {transform: translateX(-150%)}
50% {transform: translateX(8%)}
65% {transform: translateX(-4%)}
80% {transform: translateX(4%)}
95% {transform: translateX(-2%)}			
100% {transform: translateX(0%)}	
}

@-webkit-keyframes slideRight {
0% {webkit-transform: translateX(-150%)}
50% {webkit-transform: translateX(8%)}
65% {webkit-transform: translateX(-4%)}
80% {webkit-transform: translateX(4%)}
95% {webkit-transform: translateX(-2%)}			
100% {webkit-transform: translateX(0%)}
}

/*
==============================================
slideExpandUp
==============================================
*/


.slideExpandUp {	
animation-name: slideExpandUp; 
-webkit-animation-name: slideExpandUp; 	

animation-duration: 1.6s; 	
-webkit-animation-duration: 1.6s; 

animation-timing-function: ease-out; 	
-webkit-animation-timing-function: ease -out; 

visibility: visible !important; 	
}

@keyframes slideExpandUp {
0% {transform: translateY(100%) scaleX(0.5)}
30% {transform: translateY(-8%) scaleX(0.5)}	
40% {transform: translateY(2%) scaleX(0.5)}
50% {transform: translateY(0%) scaleX(1.1)}
60% {transform: translateY(0%) scaleX(0.9)}
70% {transform: translateY(0%) scaleX(1.05)}			
80% {transform: translateY(0%) scaleX(0.95)}
90% {transform: translateY(0%) scaleX(1.02)}	
100% {transform: translateY(0%) scaleX(1)}
}

@-webkit-keyframes slideExpandUp {
0% {webkit-transform: translateY(100%) scaleX(0.5)}
30% {webkit-transform: translateY(-8%) scaleX(0.5)}	
40% {webkit-transform: translateY(2%) scaleX(0.5)}
50% {webkit-transform: translateY(0%) scaleX(1.1)}
60% {webkit-transform: translateY(0%) scaleX(0.9)}
70% {webkit-transform: translateY(0%) scaleX(1.05)}			
80% {webkit-transform: translateY(0%) scaleX(0.95)}
90% {webkit-transform: translateY(0%) scaleX(1.02)}	
100% {webkit-transform: translateY(0%) scaleX(1)}
}

/*
==============================================
expandUp
==============================================
*/


.expandUp {
animation-name: expandUp; 
-webkit-animation-name: expandUp; 	

animation-duration: 0.7s; 	
-webkit-animation-duration: 0.7s; 

animation-timing-function: ease; 	
-webkit-animation-timing-function: ease; 		

visibility: visible !important; 	
}

@keyframes expandUp {
0% {transform: translateY(100%) scale(0.6) scaleY(0.5)}
60% {transform: translateY(-7%) scaleY(1.12)}
75% {transform: translateY(3%)}	
100% {transform: translateY(0%) scale(1) scaleY(1)}	
}

@-webkit-keyframes expandUp {
0% {webkit-transform: translateY(100%) scale(0.6) scaleY(0.5)}
60% {webkit-transform: translateY(-7%) scaleY(1.12)}
75% {webkit-transform: translateY(3%)}	
100% {webkit-transform: translateY(0%) scale(1) scaleY(1)}	
}

/*
==============================================
fadeIn
==============================================
*/

.fadeIn, .fadeInBlinkapp {
animation-name: fadeIn; 
-webkit-animation-name: fadeIn; 	

animation-duration: 1.5s; 	
-webkit-animation-duration: 1.5s; 

animation-timing-function: ease-in-out; 	
-webkit-animation-timing-function: ease-in-out; 		

visibility: visible !important; 
}

.fadeInBlinkapp {
animation-iteration-count: infinite; 
-webkit-animation-iteration-count: infinite; 

animation-duration: 3s; 	
-webkit-animation-duration: 3s; 
}

@keyframes fadeIn {
0% {transform: scale(0); opacity: 0.0; }
60% {transform: scale(1.1); }
80% {transform: scale(0.9); opacity: 1; }	
100% {transform: scale(1); opacity: 1; }		
}

@-webkit-keyframes fadeIn {
0% {webkit-transform: scale(0); opacity: 0.0; }
60% {webkit-transform: scale(1.1); }
80% {webkit-transform: scale(0.9); 	opacity: 1; }	
100% {webkit-transform: scale(1); opacity: 1; }		
}

/*
==============================================
expandOpen
==============================================
*/


.expandOpen {
animation-name: expandOpen; 
-webkit-animation-name: expandOpen; 	

animation-duration: 1.2s; 	
-webkit-animation-duration: 1.2s; 

animation-timing-function: ease-out; 	
-webkit-animation-timing-function: ease-out; 	

visibility: visible !important; 	
}

@keyframes expandOpen {
0% {transform: scale(1.8)}
50% {transform: scale(0.95)}	
80% {transform: scale(1.05)}
90% {transform: scale(0.98)}	
100% {transform: scale(1)}			
}

@-webkit-keyframes expandOpen {
0% {webkit-transform: scale(1.8)}
50% {webkit-transform: scale(0.95)}	
80% {webkit-transform: scale(1.05)}
90% {webkit-transform: scale(0.98)}	
100% {webkit-transform: scale(1)}					
}

/*
==============================================
bigEntrance
==============================================
*/


.bigEntrance {
animation-name: bigEntrance; 
-webkit-animation-name: bigEntrance; 	

animation-duration: 1.6s; 	
-webkit-animation-duration: 1.6s; 

animation-timing-function: ease-out; 	
-webkit-animation-timing-function: ease-out; 	

visibility: visible !important; 			
}

@keyframes bigEntrance {
0% {transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity: 0.2}
30% {transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity: 1}
45% {transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); 	opacity: 1}
60% {transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity: 1}	
75% {transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity: 1}
90% {transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); 	opacity: 1}	
100% {transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1}		
}

@-webkit-keyframes bigEntrance {
0% {webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); 	opacity: 0.2}
30% {webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity: 1}
45% {webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity: 1}
60% {webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); 	opacity: 1}	
75% {webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity: 1}
90% {webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity: 1}	
100% {webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1}				
}

/*
==============================================
hatch
==============================================
*/

.hatch {
animation-name: hatch; 
-webkit-animation-name: hatch; 	

animation-duration: 2s; 	
-webkit-animation-duration: 2s; 

animation-timing-function: ease-in-out; 	
-webkit-animation-timing-function: ease-in-out; 

transform-origin: 50% 100%; 
ms-transform-origin: 50% 100%; 
webkit-transform-origin: 50% 100%; 

visibility: visible !important; 		
}

@keyframes hatch {
0% {transform: rotate(0deg) scaleY(0.6)}
20% {transform: rotate(-2deg) scaleY(1.05)}
35% {transform: rotate(2deg) scaleY(1)}
50% {transform: rotate(-2deg)}	
65% {transform: rotate(1deg)}	
80% {transform: rotate(-1deg)}		
100% {transform: rotate(0deg)}									
}

@-webkit-keyframes hatch {
0% {webkit-transform: rotate(0deg) scaleY(0.6)}
20% {webkit-transform: rotate(-2deg) scaleY(1.05)}
35% {webkit-transform: rotate(2deg) scaleY(1)}
50% {webkit-transform: rotate(-2deg)}	
65% {webkit-transform: rotate(1deg)}	
80% {webkit-transform: rotate(-1deg)}		
100% {webkit-transform: rotate(0deg)}		
}


/*
==============================================
bounce (bote fuerte)
==============================================
*/


.bounce {
animation-name: bounce; 
-webkit-animation-name: bounce; 	

animation-duration: 1.6s; 	
-webkit-animation-duration: 1.6s; 

animation-timing-function: ease; 	
-webkit-animation-timing-function: ease; 	

transform-origin: 50% 100%; 
ms-transform-origin: 50% 100%; 
webkit-transform-origin: 50% 100%; 	
}

@keyframes bounce {
0% {transform: translateY(0%) scaleY(0.6)}
60% {transform: translateY(-100%) scaleY(1.1)}
70% {transform: translateY(0%) scaleY(0.95) scaleX(1.05)}
80% {transform: translateY(0%) scaleY(1.05) scaleX(1)}	
90% {transform: translateY(0%) scaleY(0.95) scaleX(1)}				
100% {transform: translateY(0%) scaleY(1) scaleX(1)}	
}

@-webkit-keyframes bounce {
0% {webkit-transform: translateY(0%) scaleY(0.6)}
60% {webkit-transform: translateY(-100%) scaleY(1.1)}
70% {webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05)}
80% {webkit-transform: translateY(0%) scaleY(1.05) scaleX(1)}	
90% {webkit-transform: translateY(0%) scaleY(0.95) scaleX(1)}				
100% {webkit-transform: translateY(0%) scaleY(1) scaleX(1)}		
}


/*
==============================================
pulse
==============================================
*/

.pulse {
animation-name: pulse; 
-webkit-animation-name: pulse; 	

animation-duration: 1.5s; 	
-webkit-animation-duration: 1.5s; 

animation-iteration-count: infinite; 
-webkit-animation-iteration-count: infinite; 
}

@keyframes pulse {
0% {transform: scale(0.9); opacity: 0.7}
50% {transform: scale(2); opacity: 1}	
100% {transform: scale(0.9); opacity: 0.7}			
}

@-webkit-keyframes pulse {
0% {webkit-transform: scale(0.95); opacity: 0.7}
50% {webkit-transform: scale(1); opacity: 1 }	
100% {webkit-transform: scale(0.95); opacity: 0.7}			
}

/*
==============================================
floating
==============================================
*/

.floating {
visibility: visible !important; 	
}

.floating:hover {
animation-name: floating; 
-webkit-animation-name: floating; 

animation-duration: 1.5s; 	
-webkit-animation-duration: 1.5s; 

animation-iteration-count: 4; 
-webkit-animation-iteration-count: 4; 
}

@keyframes floating {
0% {transform: translateY(0%)}
50% {transform: translateY(8%)}	
100% {transform: translateY(0%)}			
}

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



/*
==============================================
tossing
==============================================
*/

.tossing {
-webkit-animation-iteration-count: infinite; 
animation-name: tossing; 
-webkit-animation-name: tossing; 	

animation-duration: 2.5s; 	
-webkit-animation-duration: 2.5s; 

animation-iteration-count: infinite; 
webkit-animation-iteration-count: infinite; 
}

@keyframes tossing {
0% {transform: rotate(-4deg); }
50% {transform: rotate(4deg); }
100% {transform: rotate(-4deg); }						
}

@-webkit-keyframes tossing {
0% {webkit-transform: rotate(-4deg); }
50% {webkit-transform: rotate(4deg); }
100% {webkit-transform: rotate(-4deg); }				
}

/*
==============================================
tossingpp
==============================================
*/

.tossingpp {
animation-name: tossingpp; 
-webkit-animation-name: tossingpp; 	

animation-duration: 20s; 	
-webkit-animation-duration: 20s; 

animation-iteration-count: infinite; 
-webkit-animation-iteration-count: infinite; 
}

@keyframes tossingpp {
0% {transform: rotate(-360deg); }
100% {transform: rotate(360deg); }						
}

@-webkit-keyframes tossingpp {
0% {transform: rotate(-360deg); }
100% {transform: rotate(360deg); }			
}

/*
==============================================
pullUp
==============================================
*/

.pullUp {
animation-name: pullUp; 
-webkit-animation-name: pullUp; 	

animation-duration: 1.1s; 	
-webkit-animation-duration: 1.1s; 

animation-timing-function: ease-out; 	
-webkit-animation-timing-function: ease-out; 	

transform-origin: 50% 100%; 
ms-transform-origin: 50% 100%; 
webkit-transform-origin: 50% 100%; 		
}

@keyframes pullUp {
0% {transform: scaleY(0.1)}
40% {transform: scaleY(1.02)}
60% {transform: scaleY(0.98)}
80% {transform: scaleY(1.01)}
100% {transform: scaleY(0.98)}				
80% {transform: scaleY(1.01)}
100% {transform: scaleY(1)}							
}

@-webkit-keyframes pullUp {
0% {webkit-transform: scaleY(0.1)}
40% {webkit-transform: scaleY(1.02)}
60% {webkit-transform: scaleY(0.98)}
80% {webkit-transform: scaleY(1.01)}
100% {webkit-transform: scaleY(0.98)}				
80% {webkit-transform: scaleY(1.01)}
100% {webkit-transform: scaleY(1)}		
}

/*
==============================================
pullDown
==============================================
*/

.pullDown {
animation-name: pullDown; 
-webkit-animation-name: pullDown; 	

animation-duration: 1.1s; 	
-webkit-animation-duration: 1.1s; 

animation-timing-function: ease-out; 	
-webkit-animation-timing-function: ease-out; 	

transform-origin: 50% 0%; 
ms-transform-origin: 50% 0%; 
webkit-transform-origin: 50% 0%; 		
}

@keyframes pullDown {
0% {transform: scaleY(0.1)}
40% {transform: scaleY(1.02)}
60% {transform: scaleY(0.98)}
80% {transform: scaleY(1.01)}
100% {transform: scaleY(0.98)}				
80% {transform: scaleY(1.01)}
100% {transform: scaleY(1)}							
}

@-webkit-keyframes pullDown {
0% {webkit-transform: scaleY(0.1)}
40% {webkit-transform: scaleY(1.02)}
60% {webkit-transform: scaleY(0.98)}
80% {webkit-transform: scaleY(1.01)}
100% {webkit-transform: scaleY(0.98)}				
80% {webkit-transform: scaleY(1.01)}
100% {webkit-transform: scaleY(1)}		
}

/*
==============================================
stretchLeft
==============================================
*/

.stretchLeft {
animation-name: stretchLeft; 
-webkit-animation-name: stretchLeft; 	

animation-duration: 1.5s; 	
-webkit-animation-duration: 1.5s; 

animation-timing-function: ease-out; 	
-webkit-animation-timing-function: ease-out; 	

transform-origin: 100% 0%; 
ms-transform-origin: 100% 0%; 
webkit-transform-origin: 100% 0%; 
}

@keyframes stretchLeft {
0% {transform: scaleX(0.3); }
40% {transform: scaleX(1.02); }
60% {transform: scaleX(0.98); }
80% {transform: scaleX(1.01); }
100% {transform: scaleX(0.98); }				
80% {transform: scaleX(1.01); }

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

@-webkit-keyframes stretchLeft {
0% {webkit-transform: scaleX(0.3); }
40% {webkit-transform: scaleX(1.02); }
60% {webkit-transform: scaleX(0.98); }
80% {webkit-transform: scaleX(1.01); }
100% {webkit-transform: scaleX(0.98); }				
80% {webkit-transform: scaleX(1.01); }
100% {webkit-transform: scaleX(1); }		
}

.moverLeft {

animation-iteration-count: infinite; 
-webkit-animation-iteration-count: infinite; 

animation-name: moverLeft; 
-webkit-animation-name: moverLeft; 	

animation-duration: 3s; 	
-webkit-animation-duration: 3s; 

transform-origin: 100% 0%; 
ms-transform-origin: 100% 0%; 
webkit-transform-origin: 100% 0%; 
}

@keyframes moverLeft {
0% {transform: scaleX(0.3); }
40% {transform: scaleX(1.02); }
60% {transform: scaleX(0.98); }
80% {transform: scaleX(1.01); }
100% {transform: scaleX(0.98); }				
80% {transform: scaleX(1.01); }
100% {transform: scaleX(1); }								
}

@-webkit-keyframes moverLeft {
0% {webkit-transform: scaleX(0.3); }
40% {webkit-transform: scaleX(1.02); }
60% {webkit-transform: scaleX(0.98); }
80% {webkit-transform: scaleX(1.01); }
100% {webkit-transform: scaleX(0.98); }				
80% {webkit-transform: scaleX(1.01); }
100% {webkit-transform: scaleX(1); }
}
/*
==============================================
stretchRight
==============================================
*/

.stretchRight {
animation-name: stretchRight; 
-webkit-animation-name: stretchRight; 	

animation-duration: 1.5s; 	
-webkit-animation-duration: 1.5s; 

animation-timing-function: ease-out; 	
-webkit-animation-timing-function: ease-out; 	

transform-origin: 0% 0%; 
ms-transform-origin: 0% 0%; 
webkit-transform-origin: 0% 0%; 		
}

@keyframes stretchRight {
0% {transform: scaleX(0.3)}
40% {transform: scaleX(1.02)}
60% {transform: scaleX(0.98)}
80% {transform: scaleX(1.01)}
100% {transform: scaleX(0.98)}				
80% {transform: scaleX(1.01)}
100% {transform: scaleX(1)}							
}

@-webkit-keyframes stretchRight {
0% {webkit-transform: scaleX(0.3)}
40% {webkit-transform: scaleX(1.02)}
60% {webkit-transform: scaleX(0.98)}
80% {webkit-transform: scaleX(1.01)}
100% {webkit-transform: scaleX(0.98)}				
80% {webkit-transform: scaleX(1.01)}
100% {webkit-transform: scaleX(1)}		
}