@charset "utf-8";
/* CSS Document */


body { background: #fff; }
.color-yellow {color:#932005;}
.bg-yellow {background-color: #942209;}
.bg-yellow-us {background-color: #932005;}
.bg-white {background-color: #fff;}
.bg-red {background-color: #932005;}
.bg-black {background-color: #000;}

/* ------------------------------------------------------------------ */
/* Tipografías
/* ------------------------------------------------------------------ */

#nav-wrap {font-family: 'Squada One', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 21px;}
.carousel-caption p {font-weight: 300;}


/* ------------------------------------------------------------------ */
/* Slider
/* ------------------------------------------------------------------ */

.carousel-caption h2 {color: #fff; font-size: 52px; line-height: 52px; font-weight: normal;}
.carousel-caption p {color: #fff; font-size: 32px; line-height: 37px;}

@media screen and (max-width: 2560px) {
.carousel-caption {width: 50%; right: 25%; left: 25%; bottom: 10%;}
}


/* ------------------------------------------------------------------ */
/* b. Titulares y botones
/* ------------------------------------------------------------------ */

section h3 {font-family: 'Squada One', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 52px; text-transform: uppercase; line-height: 52px;}
section.bg-yellow h3 {color:#fff;}
section.bg-yellow-us h3 {color:#fff;}
section.bg-red h3 {color:#fff;}
section.bg-black h3 {color:#fff;}

section h4 {font-family: 'Helvetica Condensed', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 32px; line-height: 32px; margin-bottom: 60px;}
section.bg-yellow h4 {color:#fff;}
section.bg-yellow-us h4 {color:#000;}

#nosotros h4 a {border: 1px solid #fff; color: #fff; display: inline-block; margin-top: 20px; padding: 20px; width: auto;}
#nosotros h4 a:hover {color: #fff; text-decoration: none; border: 1px solid transparent; background: black;}

section p {text-align: justify;}
section.bg-yellow p {color:#fff;}
section.bg-yellow-us p {color:#fff;}
section.bg-red p {color:#fff;}

section .boton a {font-size: 22px; padding: 10px 20px; border: solid 1px; text-align: center; font-family: 'Helvetica Condensed', Arial, Helvetica, sans-serif; 
font-weight: normal; background-color: transparent; text-decoration: none;}
section .boton a:hover {text-decoration: none;}
section.bg-yellow .boton a {border-color: #fff; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
section.bg-yellow .boton a {color: #fff; text-decoration: none;}
section.bg-yellow .boton a:hover {color: #fff; text-decoration: none; background-color: rgba(0, 0, 0, 0.85); -webkit-transition: all 1s ease;-moz-transition: all 1s ease;
   -o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease; border-color:transparent;}

section.bg-yellow-us .boton a {border-color: #fff; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
section.bg-yellow-us .boton a {color: #fff; text-decoration: none;}
section.bg-yellow-us .boton a:hover {color: #fff; text-decoration: none; background-color: rgba(0, 0, 0, 0.85); -webkit-transition: all 1s ease;-moz-transition: all 1s ease;
   -o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease; border-color:transparent;}

section.bg-white .boton a {border-color: #932005; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
section.bg-white .boton a {color: #000; text-decoration: none;}
section.bg-white .boton a:hover {color: #fff; text-decoration: none; background-color: rgba(147, 32, 5, 0.85); -webkit-transition: all 1s ease;-moz-transition: all 1s ease;
   -o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease; border-color:transparent;}


section.bg-red .boton a {border-color: #fff; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
section.bg-red .boton a {color: #fff; text-decoration: none;}
section.bg-red .boton a:hover {color: #fff; text-decoration: none; background-color: rgba(0, 0, 0, 0.85); -webkit-transition: all 1s ease;-moz-transition: all 1s ease;
   -o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease; border-color:transparent;}

section.bg-black .boton a {border-color: #fff; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
section.bg-black .boton a {color: #fff; text-decoration: none;}
section.bg-black .boton a:hover {color: #fff; text-decoration: none; background-color: rgba(0, 0, 0, 0.85); -webkit-transition: all 1s ease;-moz-transition: all 1s ease;
   -o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease; border-color:transparent;}   


.section-head { padding: 0 4%; text-align: center; margin-bottom: 56px;}
.section-head p {color:#000; text-align: center;}
.section-head h1 { font: 20px/36px 'montserrat-bold', sans-serif; color: #333; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 12px;}
.section-bottom { padding: 0 4%; text-align: center; margin-top: 96px;}

/* for css animations */

.show { opacity: 1; }
.js #mc_embed_signup input[type="email"],
.js #mc_embed_signup input[type="submit"] {opacity: 0;}
.boton {margin-bottom: 45px;}

/* ------------------------------------------------------------------ */
/* b. Header Styles
/* ------------------------------------------------------------------ */

header { height: 54px; width: 100%; background-color: rgba(0, 0, 0, 0.75); position: fixed; left: 0; top: 10px; z-index: 990;}

/* header logo */
header .logo { margin-left: 36px; margin-right: 20px; margin-top: 0px; float: left; width: auto;  z-index: 991;  position: relative; }
header .logo a { display: block; margin: 0; padding: 0; border: none; outline: none; width: 64px; height: 18px;   }

/* header social */

header .header-social {	font-size: 20px;   font-weight: normal;   line-height: 54px;   color: #fff;   margin: 0 10px 0 0;   padding: 0;   float: right;}
header .header-social li {   display: inline-block;   /*margin-right: 20px;*/}
header .header-social li a { background-color: #932005;   display: inline-block;   height: 40px;   margin-right: 10px;   padding: 10px;   text-align: center;
   width: 40px;    color:#fff;}
header .header-social li a:hover { color: #fff; background-color: #000;}

/* primary navigation
--------------------------------------------------------------------- */
#nav-wrap, #nav-wrap ul, #nav-wrap li, #nav-wrap a {	 margin: 0;	 padding: 0;	 border: none;	 outline: none;}

/* nav-wrap */
#nav-wrap {   text-transform: uppercase;   letter-spacing: 1.5px;   float: left;}

/* hide toggle button */
#nav-wrap > a { display: none; }

ul#nav {   min-height: 54px;   width: auto;   /* left align the menu */   text-align: left;}
ul#nav li {   position: relative;   list-style: none;   height: 54px;   display: inline-block;}

/* Links */
ul#nav li a {   /* 8px padding top + 8px padding bottom + 38px line-height = 54px */
   display: inline-block;   padding: 8px 8px;   line-height: 38px;	text-decoration: none;   text-align: left;   color: #fff;
	-webkit-transition: color .2s ease-in-out;	-moz-transition: color .2s ease-in-out;	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;	transition: color .2s ease-in-out;}
ul#nav li a:hover { color: #fff; background-color: #932005;}
ul#nav li a:active { color: #fff; background-color: #932005; }
ul#nav li.current a {color: #fff; background-color: #932005;}

/* ------------------------------------------------------------------ */
/* c. Hero Section
/* ------------------------------------------------------------------ */

#hero {   padding-top: 66px;   background: #23292f url(img/hero-bg.png);   overflow: hidden;}

/* For high-res devices */
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

	#hero {  background: #23292f url(img/hero-bg_@2X.png);  background-size: 200px 200px;	}
  
}

#hero .row { max-width: 1040px; }

/* Hero Text */

.hero-text {	color: #676e73;   width: 83%;   text-align: center;   margin: 54px auto 24px auto;}
.hero-text h1 {   font: 40px/1.2em 'montserrat-regular', sans-serif;    color: #fff;   padding: 0;   margin: 0;   text-shadow: 0px 1px 4px rgba(0, 0, 0, .2);}
.hero-text h1 span,.hero-text a { color: #932005; }
.hero-text p {   font: 16px/30px 'opensans-regular', sans-serif;   padding: 0;   margin: 12px 8% 0;   text-shadow: 0px 1px 2px rgba(0, 0, 0, .2);}

/* Hero Image */

.hero-image {   width: 100%;   margin: 0 auto;}
.hero-image img {   vertical-align: bottom;   display: block;}

/* Hero CTA Buttons */

#hero .buttons {   text-align: center;   margin: 0 0 18px 0;}
#hero .buttons .button {   font: 14px/24px 'montserrat-bold', sans-serif;   text-transform : uppercase;   letter-spacing: 2px;}
#hero .buttons .trial {   background: #f64b39;   margin-right: 30px;   -webkit-animation-delay: 10s;      -moz-animation-delay: 10s;       -ms-animation-delay: 10s;
        -o-animation-delay: 10s;   -webkit-animation-iteration-count: 3;      -moz-animation-iteration-count: 3;  }
#hero .buttons .trial:hover { background: #F86A5A; }
#hero .buttons .learn-more {}

/* ------------------------------------------------------------------ */
/* d. Qué hacemos
/* ------------------------------------------------------------------ */

#quehacemos {   padding-top: 96px;   padding-bottom: 78px;   overflow: hidden;}
#quehacemos .feature {   margin-top: 30px;   margin-bottom: 54px;}
#quehacemos .right {   padding-left: 32px;   float: right;   }
#quehacemos .left {   padding-right: 32px;   float: left;   }
.fluid-video-wrapper { margin-top: 18px; }

/*----------------------------------------------*/
/*	e. Horarios
/*----------------------------------------------*/

#horarios {   padding-top: 96px;   padding-bottom: 78px;   overflow: hidden;}
#pricing .price-block {   background: #fff;   border: 1px solid #E6E6E6;   text-align: center;   margin-bottom: 36px;}
.plan-title {  	font: 15px/30px 'montserrat-regular', sans-serif;  	padding: 30px 20px 6px 20px;   margin-bottom: 0px;  	text-align: center;   text-transform: uppercase;   letter-spacing: 2px;}
.plan-title .fa {  	display: block;  	margin-bottom: 6px;   font-size: 26px;}
.plan-price {	font-family: 'montserrat-bold', sans-serif;   font-size: 30px;   color: #333;	padding: 6px 30px 6px 30px;   margin-bottom: 0;	text-align: center;   letter-spacing: .5px;}
.plan-price span {	font-family: 'opensans-light', sans-serif;	font-size: 15px;	color: #999;		display: block;	margin-top: 0;}

ul.features {   margin: 12px 0 0 0;   list-style: none;}
ul.features li {   line-height: 39px;   margin-bottom: 0;}
ul.features li:nth-child(odd) { }
ul.features li:nth-child(even) { }

.plan-sign-up {  	padding: 24px 15px;   margin: 0;   text-align: center;}
.plan-sign-up .button {   font: 13px/24px 'montserrat-bold', sans-serif;   text-transform: uppercase;   letter-spacing: 2px;}

/* ------------------------------------------------------------------ */
/* c. Galería
/* ------------------------------------------------------------------ */

#galeria {   padding-top: 96px;   padding-bottom: 120px;}

/* For high-res devices */
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

}

/* Portfolio Content */

#screenshots-wrapper .columns { padding: 0; }
.item .item-wrap {   background: #000;   overflow: hidden;   position: relative;   -webkit-transition: all 0.3s ease-in-out;	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;	-ms-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;}
.item .item-wrap a {   display: block;   cursor: pointer;}

/* overlay */

.item .item-wrap .overlay {   position: absolute;   left: 0;   top: 0;   width: 100%;   height: 100%;	opacity: 0;	-moz-opacity: 0;	filter:alpha(opacity=0);
 -webkit-transition: opacity 0.3s ease-in-out;	-moz-transition: opacity 0.3s ease-in-out;	-o-transition: opacity 0.3s ease-in-out;	transition: opacity 0.3s ease-in-out;
   background: url(img/overlay-bg.png) repeat;}
.item .item-wrap .link-icon {   display: block;   color: #932005;   height: 40px;   width: 50px;   font-size: 18px;   line-height: 30px;   text-align: center;   border:solid 1px #932005;
   padding: 2px;   opacity: 0;	-moz-opacity: 0;	filter:alpha(opacity=0);   -webkit-transition: opacity 0.3s ease-in-out;	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;	transition: opacity 0.3s ease-in-out;   position: absolute;   top: 50%;   left: 50%;   margin-left: -15px;   margin-top: -15px;}
.item .item-wrap img {   vertical-align: bottom;   -webkit-transition: all 0.3s ease-out;	-moz-transition: all 0.3s ease-out;	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;	transition: all 0.3s ease-out;}

/* on hover */

.item:hover .overlay {	opacity: 1;	-moz-opacity: 1;	filter:alpha(opacity=100);}
.item:hover .link-icon {   opacity: 1;	-moz-opacity: 1;	filter:alpha(opacity=100);}
.item:hover .item-wrap img {   -moz-transform: scale(1.2);	-o-transform: scale(1.2);	-webkit-transform: scale(1.2);	transform: scale(1.2);}

/* ------------------------------------------------------------------ */
/* g. Horarios
/* ------------------------------------------------------------------ */

#call-to-action .border-right {border-right: 2px solid #fff;}
#call-to-action {   padding-top: 72px;   padding-bottom: 48px;}
#call-to-action h1 {   font: 18px/24px 'montserrat-bold', sans-serif;   text-transform: uppercase;   letter-spacing: 3px;   color: #fff;}
#call-to-action h1 span { display: none; }
#call-to-action .header-col h1:before {   font-family: 'FontAwesome';   content: "\f093";	padding-right: 18px;	padding-top: 6px;	font-size: 72px;
   line-height: 72px;   text-align: center;   float: right;   /*color: #EBEEEE;  */}
#call-to-action .action { margin-top: 18px; }
#call-to-action .action .button { text-align: center; }
#call-to-action h2 {   font: 28px/36px 'montserrat-bold', sans-serif;   /*color: #EBEEEE;*/   margin-bottom: 12px;}
#call-to-action h2 a {   color: inherit;}#call-to-action p {   padding-left: 45px; }
#call-to-action p span {	font-family: 'opensans-semibold', sans-serif; 	color: #A9B5C0;}

/* ------------------------------------------------------------------
/* h. Nosotros
/* ------------------------------------------------------------------ */

#nosotros {   padding-top: 96px;   padding-bottom: 78px;   overflow: hidden;}
#nosotros .feature {   margin-top: 30px;   margin-bottom: 54px;}
#nosotros .right {   padding-left: 32px;   float: right;   }
#nosotros .left {   padding-right: 32px;   float: left;   }

/* ------------------------------------------------------------------ */
/* d. Ubicacion
/* ------------------------------------------------------------------ */

#ubicacion {   padding-top: 96px;   padding-bottom: 78px;   overflow: hidden;}
#ubicacion .feature {   margin-top: 30px;   margin-bottom: 54px;}
#ubicacion .right {   padding-left: 32px;   float: right;   }
#ubicacion .left {   padding-right: 32px;   float: left;   }

/* Flex Slider
/* ------------------------------------------------------------------ */

/* Reset */
.flexslider a:active,.flexslider a:focus  { outline: none; }
.slides,.flex-control-nav,.flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.slides li { margin: 0; padding: 0;}

/* Necessary Styles */
.flexslider {   position: relative;   zoom: 1;   margin: 0;   padding: 0;}
.flexslider .slides { zoom: 1; }
.flexslider .slides > li { position: relative; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
/* Suggested container for slide animation setups. Can replace this with your own */
.flex-container { zoom: 1; position: relative; }

/* Clearfix for .slides */
.slides:before,.slides:after {   content: " ";   display: table;}
.slides:after {   clear: both;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

/* Slider Styles */
.slides { zoom: 1; }
.slides > li {   /*margin-right: 5px; */   overflow: hidden;}

/* Control Nav */
.flex-control-nav {   width: 100%;   text-align: center;}
.flex-control-nav li {   margin: 0 6px;   display: inline-block;   zoom: 1;   *display: inline;}
.flex-control-paging li a {   width: 12px;   height: 12px;   display: block;   background: #ddd;   background: rgba(255, 255, 255, .3);   cursor: pointer;
   text-indent: -9999px;   border-radius: 20px;   box-shadow: inset 0 0 3px rgba(255, 255, 255, .3);}
.flex-control-paging li a:hover {    background: #CCC;    background: rgba(255, 255, 255, .7);}
.flex-control-paging li a.flex-active {    background: #fff;    background: rgba(255, 255, 255, .9);    cursor: default;}

/* ------------------------------------------------------------------ */
/* i. Contacto
/* ------------------------------------------------------------------ */

#contacto {   padding-top: 96px;   padding-bottom: 66px;   overflow: hidden;   text-align: center;}
#contacto a, #contacto a:visited  { color: #000; text-decoration: none;}
#contacto a:hover, #contacto a:focus { color: #932005;  text-decoration: none;}
#contacto h1 { color: #fff; }
#contacto .section-head p {text-align: center;}
#contacto p {   color: #000;   text-align: left;   font-size: 18px;   padding: 0;}
.form-bottom {border: 1px solid #932005;    overflow: hidden;    padding: 10%;}
.form-control { display:block; width:100%; height:54px; padding:6px 12px; font-size:14px; line-height:1.42857143; 
   color:#b9b5b6; background-color:#fff; background-image:none; border:1px solid #932005; border-radius:0px; 
   -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.0); box-shadow:inset 0 1px 1px rgba(0,0,0,.0); 
   -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s, 
   box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s 
}
.form-control:focus { border-color:#000; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.0), 0 0 8px rgba(102,175,233,.0); 
   box-shadow:inset 0 1px 1px rgba(0,0,0,.0), 0 0 8px rgba(102,175,233,.0) 
}
.form-control::-moz-placeholder {  color: #b9b5b6;  opacity: 1;}
.form-control:-ms-input-placeholder {  color: #b9b5b6;}
.form-control::-webkit-input-placeholder {  color: #b9b5b6;}
textarea.form-control {min-height: 108px;}
.form-bottom .input_3 label {font-size: 14px; text-align: left; display: block;}
.form-bottom .nopadding {padding: 0;}
.form-bottom .btn.green {float: left; border-radius: 0; background-color: #932005; color:#fff; text-align: center; min-width: 200px;}
.form-bottom .btn.green:hover {background-color: #000; color:#fff;}

/* ------------------------------------------------------------------ */
/* j. Footer
/* ------------------------------------------------------------------ */

footer {   background-color: #000;    color: #fff;    font-size: 13px;    line-height: 24px;    margin-bottom: 0;    padding-bottom: 0;    padding-top: 84px;    position: relative;}
footer a, footer a:visited { color: #0A6567; }
footer a:hover, footer a:focus { color: #fff; }
footer .info { padding-right: 90px; }
footer .footer-logo a {   display: block;   margin-bottom: 12px;   margin-top: 12px;   margin-left: 3px;}
footer .footer-logo a img {   height: auto;   width: 197px;}
footer .right-cols .columns {   padding-right: 15px;   padding-left: 15px;   width: 25%; ;}
footer .right-cols .columns p { margin-bottom: 6px; color:#fff; text-transform: uppercase;}
footer h3 {   font-family: 'Squada One', Arial, Helvetica, sans-serif;    font-weight: normal;    font-size: 21px;   margin-bottom: 0;   font-weight: normal;
   color: #932005;   text-transform: uppercase;   letter-spacing: 1px;}
footer h3:before {   font-family: 'FontAwesome';   	margin: 0 0 6px 3px;	font-size: 30px;   line-height: 48px;   text-align: left;   color: #932005;   display: block;}
footer h3.irka:before { content: "\f007"; }
footer h3.address:before { content: "\f041"; }
footer h3.social:before { content: "\f0c0"; }
footer h3.contact:before { content: "\f0e0"; }

footer ul {   margin: 0;   padding: 0;}
footer ul li {   margin: 0;   line-height: 24px;}
footer ul li a, footer .copyright a, 
footer ul li a:visited { color: #fff; text-decoration: none;}
footer ul li a:hover, footer .copyright a:hover, footer .copyright a:focus, 
footer ul li a:focus { color: #932005; text-decoration: none;}

/* copyright */

footer .copyright {   border-top: 1px solid #932005;    clear: both;    margin: 40px auto 0px;    padding: 18px;    text-align: center;    text-transform: uppercase;    font-size: 12px;}

/* Go To Top Button */

#go-top {	position: absolute;	top: -24px;   left: 50%;   margin-left: -30px;   text-align: center;   z-index: 889;}
#go-top a {	text-decoration: none;	border: 0 none;	display: block;	width: 60px;	height: 60px;	background: #932005;	-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;   -o-transition: all 0.2s ease-in-out;   -ms-transition: all 0.2s ease-in-out;   transition: all 0.2s ease-in-out;
   color: #fff;   font-size: 21px;   line-height: 60px; 	border-radius: 100%;}
#go-top a:hover { background: #525252; }

/* ------------------------------------------------------------------ */
/* k. lightbox
/* ------------------------------------------------------------------ */

#imagelightbox {   cursor: pointer;   position: fixed;   z-index: 995;   -ms-touch-action: none;   touch-action: none;   -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .3 ); /* 50 */
   -moz-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .3 ); /* 50 */   box-shadow: 0 0 3.125em rgba( 0, 0, 0, .3 ); /* 50 */}

/* activity indication */

#imagelightbox-loading, #imagelightbox-loading div { border-radius: 50%; }
#imagelightbox-loading {   width: 2.5em; /* 40 */   height: 2.5em; /* 40 */   background-color: #444;   background-color: rgba( 0, 0, 0, .5 );   position: fixed;   z-index: 999;
   top: 50%;   left: 50%;   padding: 0.625em; /* 10 */   margin: -1.25em 0 0 -1.25em; /* 20 */   -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .3 ); /* 40 */
   -moz-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .3 ); /* 40 */   box-shadow: 0 0 2.5em rgba( 0, 0, 0, .3 ); /* 40 */}
#imagelightbox-loading div {   width: 1.25em; /* 20 */   height: 1.25em; /* 20 */   background-color: #fff;
   -webkit-animation: imagelightbox-loading .5s ease infinite;   -moz-animation: imagelightbox-loading .5s ease infinite;   -o-animation: imagelightbox-loading .5s ease infinite;
   animation: imagelightbox-loading .5s ease infinite;}

@-webkit-keyframes imagelightbox-loading {
	from { opacity: .5; -webkit-transform: scale( .75 ); }
	50% { opacity: 1; -webkit-transform: scale( 1 ); }
	to { opacity: .5; -webkit-transform: scale( .75 ); }
}   
@-moz-keyframes imagelightbox-loading {
	from { opacity: .5; -moz-transform: scale( .75 ); }
	50% { opacity: 1; -moz-transform: scale( 1 ); }
	to { opacity: .5; -moz-transform: scale( .75 ); }
}
@-o-keyframes imagelightbox-loading {
	from { opacity: .5; -o-transform: scale( .75 ); }
	50% { opacity: 1; -o-transform: scale( 1 ); }
	to { opacity: .5; -o-transform: scale( .75 ); }
}
@keyframes imagelightbox-loading {
	from { opacity: .5; transform: scale( .75 ); }
	50% { opacity: 1; transform: scale( 1 ); }
	to { opacity: .5; transform: scale( .75 ); }
}

/* lightbox overlay */

#imagelightbox-overlay {   background-color: #383838;   background-color: rgba( 0, 0, 0, .8 );   position: fixed;   z-index: 994;   top: 0;   right: 0;   bottom: 0;   left: 0;}

/* close button */

#imagelightbox-close {	     position: fixed;   z-index: 999;   top: 2.5em; /* 40 */   right: 2.5em; /* 40 */ }
#imagelightbox-close i {	  	display: block;	background: #fff;	padding: 10px 13px;	border-radius: 100%;
	-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .5 ); /* 40 */	-moz-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .5 ); /* 40 */	box-shadow: 0 0 2.5em rgba( 0, 0, 0, .5 ); /* 40 */}
a#imagelightbox-close { color: #333; }
a#imagelightbox-close:hover, a#imagelightbox-close:focus { color: #932005; text-decoration: none;}

/* lightbox caption */

#imagelightbox-caption {	text-align: center;	color: #fff;	background-color: #000;	position: fixed;	z-index: 999;	left: 0;	right: 0;	bottom: 0;	padding: 0.625em; /* 10 */}
#imagelightbox-loading,#imagelightbox-overlay,#imagelightbox-close,#imagelightbox-caption {	-webkit-animation: fade-in .25s linear;	-moz-animation: fade-in .25s linear;
	-o-animation: fade-in .25s linear;	animation: fade-in .25s linear;}

@-webkit-keyframes fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-moz-keyframes fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-o-keyframes fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@media only screen and (max-width: 41.250em) { /* 660 */

	#container	{ width: 100%; }
	#imagelightbox-close	{		top: 1.25em; /* 20 */		right: 1.25em; /* 20 */	}

} 

/* ------------------------------------------------------------------ */
/* Video
/* ------------------------------------------------------------------ */

.video-container {position: relative;padding-bottom: 56.25%;padding-top: 25px; height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* ------------------------------------------------------------------ */
/* Redes en Texto
/* ------------------------------------------------------------------ */

.redes-texto {margin-top: 20px}
.redes-texto .header-social {   font-size: 20px;   font-weight: normal;   line-height: 54px;   color: #424a56;   margin: 0 10px 0 0;   padding: 0;   float: left;}
.redes-texto .header-social li {display: inline-block;}
.redes-texto .header-social li a{   background-color: #932005;   display: inline-block;   height: 40px;   margin-right: 10px;   padding: 10px;   text-align: center;   width: 40px;}
.redes-texto .header-social li a { color: #fff; }
.redes-texto .header-social li a:hover { color: #fff; background-color: #000;}

/* ------------------------------------------------------------------ */
/* Redes en Pie
/* ------------------------------------------------------------------ */

.redes-pie {margin-top: 20px}
.redes-pie .header-social {   font-size: 20px;   font-weight: normal;   line-height: 54px;   color: #424a56;   margin: 0 10px 0 0;   padding: 0;   float: left;}
.redes-pie .header-social li {display: inline-block;}
.redes-pie .header-social li a{   background-color: #932005;   display: inline-block;   height: 40px;   margin-right: 10px;   padding: 10px;   text-align: center;   width: 40px;}
.redes-pie .header-social li a { color: #fff; }
.redes-pie .header-social li a:hover { color: #000; background-color: #fff;}


/* ------------------------------------------------------------------ */
/* d. Promociones
/* ------------------------------------------------------------------ */

#promociones {   /*padding-top: 96px;   padding-bottom: 78px;*/   overflow: hidden;}
#promociones .feature {   /*margin-top: 30px;   margin-bottom: 54px;*/}
#promociones .img-responsive {  width: 100%!important;}
#promociones .left { margin-top: 30px; padding-top: 96px; margin-left: 2%; border:2px dotted #932005;}
#promociones .right { padding:0; float: right;}
#promociones .left-right{ margin-top: 30px; padding-top: 96px; float: right; border:2px dotted #932005;}
#promociones .right-left { padding:0; float: left;}

section h4.resaltado {background-color: #932005; padding:12px; display: inline-block; color:#fff;}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {margin:0 auto;}

/* ------------------------------------------------------------------ */
/* j. Responsive
/* ------------------------------------------------------------------ */

@media only screen and (max-width: 1280px) {
   #promociones .left {margin-left: 0; margin-bottom: 45px; padding-top: 46px;}
   #promociones .right-left {margin-top: 45px;}
   #promociones .left-right {margin-top: 0; padding-top: 45px; margin-bottom: 46px;}
   .boton {margin-bottom: 15px;}
   section.bg-white .boton a {display: inline-block;}
}
@media only screen and (max-width: 1024px) {
   header {top: 0; background-color: rgba(0, 0, 0, 0.9)}
   #top {padding-top:54px;}
   #horarios h3 {margin-top: 20px}
   #call-to-action .border-right {border:0;}
   #call-to-action p {padding-left: 0; padding-top: 45px;}
   #promociones .left {margin-left: 0; margin-bottom: 45px; padding-top: 46px;}
   #promociones .right-left {margin-top: 45px;}
   #promociones .left-right {margin-top: 0; padding-top: 45px; margin-bottom: 46px;}
   footer .right-cols .columns {width:50%;}
   #quehacemos {padding-top: 46px; padding-bottom: 46px;}
   #horarios {padding-top: 46px; padding-bottom: 46px;}
   #call-to-action {padding-top: 46px; padding-bottom: 46px;}
   #galeria {padding-top: 46px; padding-bottom: 46px;}
   .section-head { margin-bottom: 36px;}
   .section-bottom {margin-top: 46px;}
   .boton {margin-bottom: 15px;}
   #nosotros {padding-top: 46px; padding-bottom: 46px;}
   #ubicacion {padding-top: 46px; padding-bottom: 0px;}
   #contacto {padding-top: 46px; padding-bottom: 46px;}
   .form-bottom {padding:5%;}
   .row .three {width: 100%;}
   footer {padding-top: 46px;}
   .redes-pie .header-social {float: none;}
   .redes-pie .header-social li:last-child a{margin-right: 0;}
   footer .footer-logo a {margin-left: 0;}
   footer .info {padding-right: 15px!important; padding-left: 15px!important;}
}   

@media only screen and (max-width: 768px) {
   #screenshots-wrapper .columns {width: 50%;}
   .form-bottom .btn.green {width: 100%;}
}   

@media only screen and (max-width: 667px) {
   #quehacemos {padding-top: 10px; padding-bottom: 10px;}
   #horarios {padding-top: 10px; padding-bottom: 10px;}
   #call-to-action {padding-top: 10px; padding-bottom: 10px;}
   #galeria {padding-top: 10px; padding-bottom: 10px;}
   .section-head { margin-bottom: 10px;}
   .section-bottom {margin-top: 10px;}
   #nosotros {padding-top: 10px; padding-bottom: 10px;}
   #ubicacion {padding-top: 10px; padding-bottom: 0px;}
   #contacto {padding-top: 10px; padding-bottom: 10px;}
   footer {padding-top: 10px;}
   #call-to-action p {padding-top: 10px;}
   #promociones .left {padding-top: 10px; padding-bottom: 10px;}
   #promociones .left-right {margin-top: 0; padding-top: 10px; margin-bottom: 10px;}
   #screenshots-wrapper {width: 100%!important;}
   #screenshots-wrapper .columns {width: 100%!important;}
   .boton {margin-bottom: 15px; margin-top: 15px;}
}
@media only screen and (max-width: 568px) {
   #go-top {display: none!important;}
}
@media only screen and (max-width: 460px) {
   .carousel-caption {width: 90%!important; left:5%!important; right:5%!important;}
   .carousel-caption h2 {font-size: 22px!important; line-height: 22px!important;}
   .carousel-caption p {font-size: 18px!important; line-height: 22px!important;}
   header .logo img {max-width: 90%!important;}
   #ubicacion .feature {margin-top: 0px!important; margin-bottom: 10px!important;}
   #contacto p {text-align: center!important;}
   footer .right-cols .columns { padding: 0 10px!important; width: 100%!important;} 
   section .boton a {display:block!important;}
   .redes-texto .header-social {float: none!important; text-align: center!important;}
   .redes-texto .header-social li:last-child a{margin-right: 0!important;}
}
@media only screen and (max-width: 375px) {
   .carousel-caption {width: 90%!important; left:5%!important; right:5%!important; top: 0!important;}
   .carousel-caption h2 {font-size: 18px!important; line-height: 18px!important;}
   .carousel-caption p {font-size: 16px!important; line-height: 16px!important;}
   header .logo img {max-width: 90%!important;}
   #ubicacion .feature {margin-top: 0px!important; margin-bottom: 10px!important;}
   #contacto p {text-align: center!important;}
   footer .right-cols .columns { padding: 0 10px!important; width: 100%!important;} 
   section .boton a {display:block!important;}
   .redes-texto .header-social {float: none!important; text-align: center!important;}
   .redes-texto .header-social li:last-child a{margin-right: 0!important;}
   .carousel-indicators {bottom: -10px!important;}
}