/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@font-face { font-family: 'NeutraTextTF-Bold'; src: url("../fonts/NeutraTextTF-Bold.eot"); src: url("../fonts/NeutraTextTF-Bold.woff") format("woff"), url("../fonts/NeutraTextTF-Bold.ttf") format("truetype"), url("../fonts/NeutraTextTF-Bold.svg") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'NeutraTextTF-Book'; src: url("../fonts/NeutraTextTF-Book.eot"); src: url("../fonts/NeutraTextTF-Book.woff") format("woff"), url("../fonts/NeutraTextTF-Book.ttf") format("truetype"), url("../fonts/NeutraTextTF-Book.svg") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'NeutraTextTF-Demi'; src: url("../fonts/NeutraTextTF-Demi.eot"); src: url("../fonts/NeutraTextTF-Demi.woff") format("woff"), url("../fonts/NeutraTextTF-Demi.ttf") format("truetype"), url("../fonts/NeutraTextTF-Demi.svg") format("svg"); font-weight: normal; font-style: normal; }
@media (max-width: 555px) { .col-xxs-12 { width: 100%; } }

.filter-tab { padding: 25px 15px; }
@media (max-width: 555px) { .filter-tab { display: none; } }
.filter-tab button { background: #fff; box-shadow: 1px 3px 0px rgba(0, 0, 0, 0.3); border: 1px solid #e5e5e5; outline: none !important; margin-right: 10px; }

.slide-marcas .container { background: #ffe000; }
.slide-marcas .container .row { position: relative; }
.slide-marcas .container .row div[class*="col-"] { padding: 0; }
@media only screen and (min-width: 992px) { .slide-marcas .container .row div:nth-of-type(2) { position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } }
.slide-marcas .container .row img { width: 100%; }
@media (max-width: 992px) { .slide-marcas .container .row .content-slide { padding: 20px 10px; } }
.slide-marcas .container .row .content-slide h1 { font-family: 'ttroundscondenseduploadedfile'; font-size: 50px; text-align: center; text-transform: uppercase; letter-spacing: 5px; line-height: 65px; }
@media (max-width: 1200px) { .slide-marcas .container .row .content-slide h1 { font-size: 40px; } }
@media (max-width: 992px) { .slide-marcas .container .row .content-slide h1 { line-height: 50px; } }
@media (max-width: 555px) { .slide-marcas .container .row .content-slide h1 { font-size: 35px; } }
.slide-marcas .container .row .content-slide h2 { font-family: 'ttroundscondenseduploadedfile'; font-size: 30px; text-align: center; text-transform: uppercase; letter-spacing: 4px; line-height: 45px; margin-top: 30px; }
@media (max-width: 1200px) { .slide-marcas .container .row .content-slide h2 { font-size: 25px; } }
@media (max-width: 992px) { .slide-marcas .container .row .content-slide h2 { line-height: 35px; } }
@media (max-width: 555px) { .slide-marcas .container .row .content-slide h2 { font-size: 20px; } }

.marcas { padding: 100px 0; }
@media (max-width: 767px) { .marcas { padding: 50px 0; } }
.marcas .owl-carousel { display: none !important; }
@media (max-width: 555px) { .marcas .owl-carousel { display: block !important; } }
.marcas .owl-carousel .owl-item { padding: 0 15px; }
.marcas .owl-carousel .owl-item img { display: inline; }
.marcas .owl-carousel .owl-controls .owl-nav .owl-next { background: url(../images/arrow-right.png) no-repeat; height: 32px; text-indent: -9999em; position: absolute; right: 30px; top: 35%; width: 20px; }
.marcas .owl-carousel .owl-controls .owl-nav .owl-prev { background: url(../images/arrow-left.png) no-repeat; height: 32px; text-indent: -9999em; position: absolute; left: 30px; top: 35%; width: 20px; }
@media (max-width: 555px) { .marcas .grid-full { display: none; } }
@media (max-width: 992px) { .marcas a.suma .card-marca { min-height: 80px; } }
@media (max-width: 992px) { .marcas a.suma .card-marca h2 { font-size: 20px; } }
.marcas a .card-marca { text-align: center; margin-bottom: 30px; border: 1px solid #e5e5e5; border-radius: 5px; box-shadow: 5px 8px 0px rgba(0, 0, 0, 0.3); background: white; min-height: 150px; position: relative; }
.marcas a .card-marca h2 { text-transform: uppercase; font-family: 'ttroundscondenseduploadedfile'; font-size: 25px; color: black; width: 85%; position: absolute; margin: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.marcas a .card-marca h2 span { font-size: 20px; }
.marcas a .suma-local { background: #ffe000; }
.marcas a .suma-local h2 { font-size: 35px; }

.proximas-propuestas { padding: 0 0 100px 0 !important; }
@media (max-width: 767px) { .proximas-propuestas { padding: 0 0 50px 0 !important; } }
.proximas-propuestas h1 { font-family: 'ttroundscondenseduploadedfile'; text-transform: uppercase; text-align: center; font-size: 40px; letter-spacing: 4px; position: relative; overflow: hidden; margin-bottom: 100px; }
.proximas-propuestas h1:before, .proximas-propuestas h1:after { position: absolute; top: 51%; overflow: hidden; width: 48%; height: 1px; content: '\a0'; background-color: #cccccc; margin-left: 2%; }
@media (max-width: 767px) { .proximas-propuestas h1:before, .proximas-propuestas h1:after { display: none; } }
.proximas-propuestas h1:before { margin-left: -50%; text-align: right; }

body { font-family: 'NeutraTextTF-Book'; overflow-x: hidden; position: relative; }

strong { font-family: 'NeutraTextTF-Bold'; }

header { background: #fff; overflow: hidden; position: relative; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.05); z-index: 10; }
header .navbar-brand { background: url(../images/logo.png) no-repeat; height: 109px; padding: 0; text-indent: -9999px; width: 130px; }
header .navbar { margin-bottom: 0; background: #fff; padding: 20px 0; 
  /* box-shadow: 0 3px 7px rgba(0, 0, 0, 0.05);  */
}
@media (max-width: 767px) { header .navbar .navbar-header { width: auto; } }
header .navbar .navbar-nav { margin-top: 25px; padding: 0 30px; }
header .navbar .navbar-nav > li { padding: 0 10px; vertical-align: top; }
header .navbar .navbar-nav > li > a { color: #d6d6d6; background: transparent; font-size: 22px; border-radius: 50%; border: 3px solid; height: 50px; padding-left: 22%; padding-top: 22%; width: 50px; text-transform: uppercase; }
header .navbar .navbar-nav > li.active > a { font-family: 'NeutraTextTF-Bold'; }
header .navbar .navbar-nav > li:nth-of-type(1):hover > a { color: #0678ad; }
header .navbar .navbar-nav > li:nth-of-type(2):hover > a { color: #de2d16; }
header .navbar .navbar-nav > li:nth-of-type(3) { border-left: 1px solid #b8b8b8; }
header .navbar .navbar-nav > li:nth-of-type(3) > a { background: url(../images/paseo.png) no-repeat; border: none; text-indent: -9999em; }

body { overflow-x: hidden; width: 100%; }

.shadow { box-shadow: 5px 8px 0px rgba(0, 0, 0, 0.3); border-radius: 5px; }

body > .container { overflow: hidden; position: relative; z-index: 3; }

#sliders { margin-bottom: 50px; overflow: hidden; }
#sliders .carousel-fade .carousel-inner .item { transition-property: opacity; overflow: hidden; }
#sliders .carousel-fade .carousel-inner .item, #sliders .carousel-fade .carousel-inner .active.left, #sliders .carousel-fade .carousel-inner .active.right { opacity: 0; }
#sliders .carousel-fade .carousel-inner .active, #sliders .carousel-fade .carousel-inner .next.left, #sliders .carousel-fade .carousel-inner .prev.right { opacity: 1; }
#sliders .carousel-fade .carousel-inner .next, #sliders .carousel-fade .carousel-inner .prev, #sliders .carousel-fade .carousel-inner .active.left, #sliders .carousel-fade .carousel-inner .active.right { left: 0; transform: translate3d(0, 0, 0); }
#sliders .carousel-fade .carousel-control { z-index: 2; }
#sliders .carousel-fade .carousel-control.right, #sliders .carousel-fade .carousel-control.left { background: none; }
#sliders .carousel-fade .carousel-indicators { background: rgba(0, 0, 0, 0.25); border-radius: 18px; bottom: 15px; left: 15px; margin: 0; padding: 8px 10px; width: auto; }
#sliders .carousel-fade .carousel-indicators li { background: rgba(0, 0, 0, 0.2); border: none; float: left; height: 15px; margin: 0 2.5px; width: 15px; }
#sliders .carousel-fade .carousel-indicators li.active { background: rgba(0, 0, 0, 0.6); }
#sliders .col-md-3 .carousel-fade:first-child { margin-bottom: 30px; }

#boxs { margin-bottom: 130px; }
#boxs .col-sm-4 div { border-radius: 5px; box-shadow: 7px 7px 0 rgba(0, 0, 0, 0.1); overflow: hidden; position: relative; }
#boxs .col-sm-4 div img { height: auto; float: left; width: 100%; }
#boxs .col-sm-4 div h2 { font-size: 30px; height: 72px; margin-top: -36px; padding-top: 12px; position: absolute; text-align: center; text-transform: uppercase; top: 50%; width: 100%; }
@media (max-width: 767px) { #boxs .col-sm-4 div.t1 { margin-top: 15px; } }
#boxs a .t1 h2, #boxs a .t2 h2, #boxs a .t3 h2 { color: #222; }

.modal .modal-dialog { width: 800px; }
@media (max-width: 992px) { .modal .modal-dialog { width: 750px; } }
@media (max-width: 767px) { .modal .modal-dialog { width: 100%; margin: 0; } }
.modal .modal-dialog .modal-content { border-radius: 0; box-shadow: 5px 8px 0px rgba(0, 0, 0, 0.3); position: relative; }
.modal .modal-dialog .modal-content .close { position: absolute; right: -15px; top: -10px; width: 40px; font-size: 40px; z-index: 9; opacity: 1; background: #a81816; border-radius: 20px; outline: none; font-weight: 300; color: #fff; }
@media (max-width: 992px) { .modal .modal-dialog .modal-content .close { right: -2px; } }
@media (max-width: 767px) { .modal .modal-dialog .modal-content .close { top: 7px; right: 10px; } }
.modal .modal-dialog .modal-content .close span { vertical-align: top; top: -3px; position: relative; }
.modal .modal-dialog .modal-content .modal-body { padding: 20px; min-height: 400px; }
@media (max-width: 767px) { .modal .modal-dialog .modal-content .modal-body { min-height: 300px; } }
@media (max-width: 555px) { .modal .modal-dialog .modal-content .modal-body .subrubro { display: none; } }
@media (max-width: 555px) { .modal .modal-dialog .modal-content .modal-body tbody tr td:nth-of-type(3) { display: none; } }
.modal .modal-dialog .modal-content .modal-body .table-bordered { border: none; }
.modal .modal-dialog .modal-content .modal-body .table-bordered > tbody, .modal .modal-dialog .modal-content .modal-body .table-bordered > thead { border-bottom: 1px solid #000; }
.modal .modal-dialog .modal-content .modal-body .table-bordered > tbody > tr > td, .modal .modal-dialog .modal-content .modal-body .table-bordered > tbody > tr > th, .modal .modal-dialog .modal-content .modal-body .table-bordered > thead > tr > td, .modal .modal-dialog .modal-content .modal-body .table-bordered > thead > tr > th { border: none; }
.modal .modal-dialog .modal-content .modal-body .dataTables_paginate .pagination li { padding: 0; }
.modal .modal-dialog .modal-content .modal-body .dataTables_paginate .pagination li:hover { border: 1px solid #efa721; background: #efa721; }
.modal .modal-dialog .modal-content .modal-body .dataTables_paginate .pagination li a { font-size: 12px; line-height: 20px; background: transparent; color: #efa721; border: 1px solid #efa721; }
.modal .modal-dialog .modal-content .modal-body .dataTables_paginate .pagination li a:hover { background: #efa721; color: #fff; }
.modal .modal-dialog .modal-content .modal-body .modal-img { width: 70%; height: 100%; min-height: 400px; }
@media (max-width: 767px) { .modal .modal-dialog .modal-content .modal-body .modal-img { width: 100%; min-height: 300px; } }
.modal .modal-dialog .modal-content .modal-body .modal-info { width: 30%; position: relative; min-height: 400px; }
@media (max-width: 767px) { .modal .modal-dialog .modal-content .modal-body .modal-info { min-height: 300px; padding: 0px; text-align: center; } }
.modal .modal-dialog .modal-content .modal-body .modal-info img, .modal .modal-dialog .modal-content .modal-body .modal-info h1, .modal .modal-dialog .modal-content .modal-body .modal-info h2 { text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.modal .modal-dialog .modal-content .modal-body .modal-info h1, .modal .modal-dialog .modal-content .modal-body .modal-info h2, .modal .modal-dialog .modal-content .modal-body .modal-info h3 { text-transform: uppercase; width: 100%; text-align: center; }
@media (max-width: 767px) { .modal .modal-dialog .modal-content .modal-body .modal-info img { width: 30%; } }
@media (max-width: 555px) { .modal .modal-dialog .modal-content .modal-body .modal-info img { width: 50%; } }
.modal .modal-dialog .modal-content .modal-body .modal-info h1 { font-size: 30px; text-align: center; margin-bottom: 20px; }
@media only screen and (min-width: 768px) { .modal .modal-dialog .modal-content .modal-body .modal-info h1 { position: absolute; } }
.modal .modal-dialog .modal-content .modal-body .modal-info h2 { bottom: 70px; letter-spacing: 2px; }
.modal .modal-dialog .modal-content .modal-body .modal-info h3 { bottom: 30px; letter-spacing: 2px; font-size: 14px; position: absolute; }
.modal .modal-dialog .modal-content .modal-body .modal-info a { color: black; text-decoration: none; }
@media (max-width: 767px) { .modal .modal-dialog .modal-content .modal-body .modal-info { width: 100%; } }
@media only screen and (min-width: 768px) { .modal .modal-dialog .modal-content .modal-body .modal-info img { width: 100%; padding: 30px; } }

#propuestas { margin-bottom: 130px; text-align: center; }
@media (max-width: 767px) { #propuestas { margin-bottom: 50px; } }
#propuestas h3 { color: #901617; font-family: 'NeutraTextTF-Bold'; font-size: 30px; margin-bottom: 70px; position: relative; text-transform: uppercase; }
#propuestas h3 span { background: #fff; text-align: center; position: relative; z-index: 2; border-bottom: 1px solid #efa721; }
@media (max-width: 555px) { #propuestas h3 span { padding: 0; } }
#propuestas img { -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%); opacity: .5; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
#propuestas img:hover { -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%); opacity: 1; }
#propuestas .bt { margin-top: 80px; text-align: center; }
#propuestas .bt a { background: transparent; color: #efa721; border: 1px solid #efa721; font-family: 'NeutraTextTF-Demi'; display: inline-block; font-size: 20px; line-height: 40px; padding: 0 20px; position: relative; text-transform: uppercase; z-index: 2; }
#propuestas .bt a:hover, #propuestas .bt a:focus { text-decoration: none; background: #efa721; color: #fff; }
#propuestas .owl-carousel { padding: 0 50px; }
#propuestas .owl-carousel .item img { margin: 0 auto; }
#propuestas .owl-controls .owl-nav .owl-prev { background: url(../images/arrow-left.png) no-repeat; height: 32px; text-indent: -9999em; position: absolute; left: 0; top: 50%; width: 20px; }
#propuestas .owl-controls .owl-nav .owl-next { background: url(../images/arrow-right.png) no-repeat; height: 32px; text-indent: -9999em; position: absolute; right: 0; top: 50%; width: 20px; }

#proximamente { background: #f6f6f6; padding: 50px 0; text-align: center; }
#proximamente h3 { color: #efa721; font-size: 30px; margin-bottom: 20px; position: relative; text-transform: uppercase; }
#proximamente h3 span { padding: 0 20px; position: relative; z-index: 2; }
@media (max-width: 555px) { #proximamente h3 span { padding: 0; } }
#proximamente ul { padding: 0; margin: 0; }
#proximamente ul li { display: inline-block; margin: 0 15px; }
#proximamente ul li img { -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%); opacity: .5; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
#proximamente ul li img:hover { -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%); opacity: 1; }
#proximamente .bt { margin-top: 80px; text-align: center; }
#proximamente .bt a { background: #fd0; border-radius: 20px; color: #000; display: inline-block; font-size: 20px; line-height: 40px; padding: 0 20px; position: relative; text-transform: uppercase; z-index: 2; }
#proximamente .bt a:hover { text-decoration: none; }
#proximamente .bt:before { background: #eaeaea; content: ""; display: block; margin-top: 20px; position: absolute; height: 1px; width: 100%; z-index: 1; }
#proximamente img { border-radius: 5px; }

#myMap { width: 100%; height: 500px; }
@media (max-width: 992px) { #myMap { height: 400px; } }
@media (max-width: 767px) { #myMap { height: 300px; } }

#plus { background: #fd0; border-radius: 5px; margin-bottom: 130px; overflow: hidden; }
#plus .carousel-fade { background: #FFF; border-radius: 5px; overflow: hidden; }
#plus .carousel-fade .carousel-inner .item { border-radius: 5px; transition-property: opacity; overflow: hidden; }
#plus .carousel-fade .carousel-inner .item, #plus .carousel-fade .carousel-inner .active.left, #plus .carousel-fade .carousel-inner .active.right { opacity: 0; }
#plus .carousel-fade .carousel-inner .active, #plus .carousel-fade .carousel-inner .next.left, #plus .carousel-fade .carousel-inner .prev.right { opacity: 1; }
#plus .carousel-fade .carousel-inner .next, #plus .carousel-fade .carousel-inner .prev, #plus .carousel-fade .carousel-inner .active.left, #plus .carousel-fade .carousel-inner .active.right { left: 0; transform: translate3d(0, 0, 0); }
#plus .carousel-fade .carousel-control { z-index: 2; }
#plus .carousel-fade .carousel-indicators { background: rgba(0, 0, 0, 0.25); border-radius: 18px; bottom: 15px; left: 15px; margin: 0; padding: 8px 10px; width: auto; }
#plus .carousel-fade .carousel-indicators li { background: rgba(0, 0, 0, 0.2); border: none; float: left; height: 15px; margin: 0 2.5px; width: 15px; }
#plus .carousel-fade .carousel-indicators li.active { background: rgba(0, 0, 0, 0.6); }
#plus .col-md-5 { padding: 100px 0 0 80px; }
#plus .col-md-5 h1 { color: #000; font-size: 66px; margin-bottom: 30px; text-transform: uppercase; }
#plus .col-md-5 a { color: #000; font-size: 30px; text-transform: uppercase; }
#plus .col-md-5 a:hover { text-decoration: none; }

.services { background: #8cddf9; }

.horarios { background: #ffc3fa; }

.encontranos { background: #ffe000; }

footer { background: #901617; color: #FFF; font-size: 12px; padding: 40px 0; position: relative; text-align: center; z-index: 3; }
footer img { margin-bottom: 35px; }
footer .container { text-align: left; }
footer .container .columnas { border-right: 1px solid #ac5051; min-height: 150px; }
@media (max-width: 992px) { footer .container .columnas { border: none; } }
@media (max-width: 767px) { footer .container .columnas { min-height: 50px; } }
@media (max-width: 992px) { footer .container .columnas:nth-of-type(2) { border-right: none; } }
footer .container .columnas:nth-of-type(4) { border-right: none; }
footer h3 { text-transform: uppercase; font-size: 16px; }
footer strong { font-family: 'NeutraTextTF-Demi'; }
footer p { font-family: 'NeutraTextTF-Book'; line-height: 1.6; font-size: 16px; margin-bottom: 20px; }
footer a { margin: 0 15px; }
footer a .fa { color: #fff; font-size: 18px; }
footer .white { color: #fff; }
footer .white:hover { text-decoration: none; }

.copyright { background: #510202; color: #fff; overflow: hidden; padding: 15px 0; }
@media (max-width: 767px) { .copyright { text-align: center; } }
.copyright p { font-family: 'NeutraTextTF-Book'; margin: 0; }
.copyright a { display: block; }
@media (max-width: 767px) { .copyright a { padding-top: 10px; } }
@media (max-width: 767px) { .copyright .pull-right, .copyright .pull-left { float: none !important; } }

@media (max-width: 1199px) { header .navbar .navbar-nav { padding: 0 15px; }
  #plus .col-md-5 { padding: 50px 0 0 40px; } }
@media (max-width: 991px) { .navbar-header { width: 100%; }
  header .navbar-brand { display: inline-block; float: none; margin: 0 auto; }
  header .navbar .navbar-nav { text-align: center; width: 100%; }
  header .navbar .navbar-nav > li { display: inline-block; float: none; }
  #sliders .col-md-3 { margin-top: 30px; }
  #sliders .col-md-3 #carousel2 { float: right; padding-left: 15px; width: 50%; }
  #sliders .col-md-3 #carousel3 { float: left; padding-right: 15px; width: 50%; }
  .carousel-inner > .item > img { height: auto; width: 100%; }
  #plus .col-md-5 { padding-bottom: 40px; }
  footer nav li { margin: 0 10px; } }
@media (max-width: 767px) { .container-fluid { padding: 0; }
  .container-fluid > .navbar-header { margin: 0; }
  .navbar-toggle { float: none; margin: 10px auto 0; }
  .navbar-toggle span { background: #000; width: 33px !important; }
  .ekko-lightbox .modal-body { min-height: auto !important; }
  #boxs .col-sm-4 { margin-bottom: 30px; }
  #partners h3 { font-size: 28px; }
  #plus .col-md-5 h1 { font-size: 48px; }
  footer nav li { margin: 0 0 10px; width: 100%; } }