* { padding: 0; margin: 0; border: 0; }
html { position: relative; min-height: 100%; }
html { min-height: 100%; }
body { font-family: "Roboto","Arial",sans-serif; font-size: 14px; padding-top: 98px!important; min-height: 100%; }
ul{ list-style-type: none; }
a { color: #027936; outline: 0; -webkit-transition: opacity 0.1s linear, background-color 0.1s linear; -moz-transition: opacity 0.1s linear, background-color 0.1s linear; -o-transition: opacity 0.1s linear, background-color 0.1s linear; transition: opacity 0.1s linear, background-color 0.1s linear; }
a:hover, a:focus { color: #0B9A49; text-decoration: none; outline: 0; }
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4{ font-family: 'Lobster', cursive; font-weight: normal; margin: 0 0 10px; }
h1, .h1 { font-size: 32px; }
h2, .h2 { font-size: 28px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 18px; }
p { margin-bottom: 15px; }
small { color: #333 !important; }
/* header */
header { width: 100%; min-width:1200px; }
header .navbar { min-height: 100px; }
header .navbar-inverse .navbar-nav { margin: 25px 0; }
header .navbar-brand { line-height: 66px; height: 100px; }
header .navbar-brand img { height: 66px; }
header .navbar-on { min-height: 50px; border-width: 0 0 0!important; }
header .navbar-on .navbar-brand { padding: 2px 15px; line-height: 46px; height: 50px; }
header .navbar-on .navbar-brand img { height: 46px; }
header .navbar-on .navbar-nav { margin: 0!important; }
/* data-header */
header .data-header { text-align: center; }
header .data-header li span { color: #FFF; display: block; padding: 14px 15px; line-height: 20px; }
header .data-header li i { padding: 0 15px; }
header .data-header li span img { height: 22px; width: auto; max-width: 40px; vertical-align: middle; display: inline-block; }
/* footer */ 
footer { width: 100%; min-width:1200px; padding: 6px 0; background-color: #333; margin-bottom: 50px!important; }
footer p, footer a { font-size: 13px; color: #CCC; line-height: 26px; }
footer p { margin-bottom: 0; }
footer span { padding: 0 15px; }
footer p#copyright { text-align: left; }
footer p#byfuzion { text-align: right; }
/* slider */
.slider { position: relative; height: 480px; overflow: hidden; }
.slider .carousel-inner { height: 480px; }
.slider .carousel-inner > .item { height: 480px; }
.slider .carousel-inner > .item > img {
  width: 100%;
  height: 480px;
  object-fit: cover;
  display: block;
}
.slider .carousel-control { width: 25px; }
.slider .carousel-control .icon-prev, .slider .carousel-control .icon-next { width: 15px!important; height: 34px!important; margin-top: -17px; background-image: url('../img/icons/arrows.png'); }
/* boostrap */
.carousel-control { opacity: 0.7; filter: alpha(opacity=70); }
.carousel-caption { left: 50%; right: 10%; bottom: 42%; padding: 15px; }
.carousel-caption h1, .carousel-caption p { color: #FFF; }
.carousel-caption p { font-size: 18px; }
.caption-city { position:absolute; bottom: 65px; right: 15px; font-weight: bold; color: #FFF!important; background-color: rgba(0,0,0,0.7); padding: 5px 10px; border-radius: 5px;}
.carousel-control.left, .carousel-control.right { background: transparent none; background-image: none; background-repeat: no-repeat; filter: none; }
.carousel-control .icon-prev { margin-left: 0!important; left: 10px; background-position: 0 0; }
.carousel-control .icon-next { margin-right: 0!important; right: 10px; background-position: 100% 0; }
.carousel-control:hover, .carousel-control:focus { opacity: 1.0; filter: alpha(opacity=100); }
.carousel-control .icon-prev:before, .carousel-control .icon-next:before { content: ''; }
.container { width: 1200px !important; max-width: none !important; }
.close { text-shadow: none; opacity: 1; filter: alpha(opacity=100); }
.input-group-addon { padding: 0; border-radius: 0; }
.modal-header .close { margin: -35px -35px 0 0; width: 40px; height: 40px; padding: 9px; font-size: 20px; color: #FFF; background-color: #5CB85C; border: 1px solid #4CAE4C; border-radius: 50%; }
.modal-header .close:hover, .modal-header .close:focus { opacity: 1; }
.modal-dialog { width: 708px; }
.navbar { border: 0; border-radius: 0; margin-bottom: 0; }
.navbar-inverse { background-color: #000; }
.navbar-inverse .navbar-nav > li > a { font-weight: bold; color: #FFF; text-transform: uppercase; }
.navbar-inverse .navbar-nav > li > a > .fa, .navbar-inverse .navbar-nav > li > span > .fa { color: #27AE60; }
.navbar-inverse .navbar-nav > li > a:hover > .fa { color: #FFF; }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #FFF; background-color: #27AE60; }
/*non-responsive*/
.container .navbar-header, .container .navbar-collapse { margin-right: 0; margin-left: 0; }
.navbar-header { float: left; }
.navbar-collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; }
.navbar-toggle { display: none; }
.navbar-collapse { border-top: 0; }
.navbar-brand { margin-left: -15px; }
.navbar-nav { float: left; margin: 0; }
.navbar-nav > li { float: left; }
.navbar-nav > li > a { padding: 15px; }
.navbar-nav.navbar-right { float: right; }
/* aux */
.facebook, .twitter, .youtube, .google, .instagram, .pinterest { width:50px !important; text-align:center; padding: 15px !important; }
.facebook:hover { background-color: #3B5998 !important; }
.twitter:hover { background-color: #55ACEE !important; }
.youtube:hover { background-color: #B31217 !important; }
.google:hover { background-color: #DB4437 !important; }
.instagram:hover { background-color: #3F729B !important; }
.pinterest:hover { background-color: #CC2127 !important; }
.home-hero { position: relative; min-width: 1200px; height: 480px; overflow: hidden; }
.home-hero #main-slide.slider { position: absolute; top: 0; left: 0; right: 0; z-index: 1; width: 100%; }
.home-hero .book-filter-wrap { position: relative; z-index: 1020; height: 480px; pointer-events: none; }
.home-hero .book-filter-wrap .book-filter { pointer-events: auto; }
.book-filter { position: absolute; z-index: 1020; top: 60px; left: 15px; width: auto; max-width: 380px; overflow: hidden; padding-bottom: 30px; background-color: #FFF; border-radius: 5px; }
.panel-heading .img-responsive { max-height: 80px; width: auto; }
.book-filter .book-filter-title { color: #FFF; text-align: center; background-color: #27AE60; padding: 15px; margin: 0; border-bottom: 2px solid #FFE778; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.bg-green { background: #F8F8F8 url('../img/media/bg-green.png') repeat-x; }
.border-top-bottom { border-top: 3px solid #FFE778; border-bottom: 3px solid #FFE778; }
.border-text { text-shadow: 2px 2px 2px #FFE778; }
.bold { font-weight: bold; }
.color-red  { color: #F00; }
.color-green { color: #27AE60; }
.color-white { color: #FFF; }
.color-black { color: #000; }
.form textarea{ min-height: 100px !important; resize: none; overflow: auto; }
.font-lgx { font-size: 24px; }
.font-lg { font-size: 18px; }
.frame iframe, .frame object, .frame embed { overflow: hidden; border: 0; }
.list-style { overflow: hidden; margin-bottom: 15px; }
.list-style li { list-style-position: inside; padding-bottom: 10px; }
.list-style li:last-child { padding-bottom: 0; }
.section { padding-top: 30px; padding-bottom: 30px; }
.padding-top-none { padding-top: 0; }
.padding-bottom-none { padding-bottom: 0; }
.padding-none { padding: 0; }
.margin-top { margin-top: 30px; }
.margin-bottom { margin-bottom: 30px; }
.margin-bottom-none { margin-bottom: 0; }
.width-full { width: 100%; }
.home-mundial-note { padding-top: 10px; }
.home-mundial-note p { color: #555; line-height: 1.65; margin-bottom: 14px; }
.home-mundial-note p:last-child { margin-bottom: 0; }
/* sprites */
.banamex, .amex, .bancomer, .banorte, .hsbc, .santander, .mifel, .scotiabank, .ixe, .otros, .inbursa, .bajio, .invexbanco, .itaucard, .liverpool, .banjercito, .famsa, .afirme, .banregio { margin-right: 10px; width: 30px; height: 24px; background: url('../img/icons/sprites.png') no-repeat 0 0; }
.banamex { background-position: 0px 0px; }
.amex { background-position: -31px 0px; }
.bancomer { background-position: -62px 0px; }
.banorte { background-position: -94px 0px; }
.hsbc { background-position: -124px 0px; }
.santander { margin-right: 14px; width: 26px; background-position: -155px 0px; }
.mifel { margin-right: 6px; width: 34px; background-position: -182px 0px; }
.scotiabank { background-position: 0px -25px; }
.ixe { background-position: -30px -25px; }
.otros { background-position: -62px -25px; }
.inbursa { background-position: -92px -25px; }
.bajio { background-position: -125px -25px; }
.invexbanco { margin-right: 8px; width: 32px; background-position: -155px -25px; }
.itaucard { margin-right: 14px; width: 26px; background-position: -186px -25px; }
.liverpool { background-position: -212px -25px; }
.banjercito { margin-right: 14px; width: 26px; background-position: -114px -50px; }
.famsa { margin-right: 20px; width: 20px; background-position: -140px -50px; }
.banregio { margin-right: 2px; width: 38px; background-position: -160px -50px; }
.afirme { margin-right: 6px; width: 34px; background-position: -198px -50px; }
@media (min-width: 992px) {
  #main-slide.slider,
  #main-slide .carousel-inner,
  #main-slide .carousel-inner > .item,
  #main-slide .carousel-inner > .item.active {
    height: 480px;
  }
}