body,
html {height: 100%;}

body {background: #f77a1d; overflow-x: hidden; font-family: 'Roboto', sans-serif;}


/* HOME */
/* #home {height: 67px;} */
.header {background: #f77a1d url(../img/bg-logo.png) no-repeat 50% 0; position: relative; padding: 0 0 4px;  color: #091957;}

.bg-logo {background: url(../img/borda.png) repeat-x center 0;}

.logo { margin: 0; padding: 12px 0 0; text-align: center; height: 55px;}


.ico-rede {display: inline-block; height: 32px; width: 32px; background: #f77a1d; border-radius: 50%; text-align: center; line-height: 27px; margin: 0 2px; border: 2px solid #fff;}
.ico-rede svg {width: 20px; height: 20px; vertical-align: middle; margin: 0; fill: #000; position: relative; }

.header .redes {margin: 30px 0 0; float: right;}

.header .container {position: relative; z-index: 1000;}

.header .navbar-brand {padding: 0; margin: 0; position: relative; z-index: 1000; height: auto;}

.sec-nav {background: none; height: 60px; margin-bottom: 5px;}
.sec-nav .navbar {margin: 0; border-radius: 0; z-index: 1000;}
.sec-nav .navbar-default {border: 0; background-color: transparent;}

@media screen and (min-width: 1100px) {
  .nav-fixed .navbar-right, .nav-fixed .navbar-nav {
      float: none !important; display: inline-block;
  }

}
.sec-nav .navbar-default.nav-fixed {border: 0;background: rgba(247, 122, 29, 0.8);}
.sec-nav .sep-fixed {display: none;}
.nav-fixed .sep-fixed {display: block;}
.nav-fixed {text-align: center; height: auto; padding: 5px 0 0;}

.sec-nav .navbar-nav { padding: 0; /*background: url(../img/menu.png); */ position: relative;}
.main .sec-nav .navbar-nav {margin-top: 0;}
.sec-nav  .navbar-nav>li>a { line-height: 48px; font-weight: 500; text-transform: uppercase; font-size: 15px; padding: 0 9px; color: #000; font-family: 'Roboto', sans-serif;}
.sec-nav .sep {width: 0; border-right: 1px dotted #000; height: 45px; margin: 0; }
.sec-nav .bullet {line-height: 60px; color: #dc0303; font-size: 30px;}
.bullet {color: #2575de; font-size: 30px; position: relative; top: 0px;}
.sec-nav .navbar-nav>li>a:hover,
.sec-nav .navbar-nav>li.active,
.sec-nav .navbar-nav>li>a:focus {background: linear-gradient(to bottom, transparent, #ffaa17); color: #000;}
.sec-nav .dropdown-menu {background: #febe36;}
.sec-nav .dropdown-menu a {font-family: 'Roboto', sans-serif; font-size: 15px; color: #000; padding: 5px 10px; font-weight: 500; }
.sec-nav .dropdown-menu a:hover {background: #f4861a;}

.sec-painel {overflow: hidden;}
.painel {padding: 0; margin: 0px; list-style: none;}
.painel img {display: block; width: 100%;}
.painel .slick-prev {left: 20px; width: 51px;height: 93px;}
.painel .slick-next {right: 20px; width: 51px;height: 93px;}
.painel .slick-dots {bottom: 30px;}
.slick-prev {left: -60px;}

.painel .slick-prev:before {content: url(../img/prev2.png);}
.painel .slick-next:before {content: url(../img/next2.png);}

.sec-agenda {background: #151313; padding: 40px 0;}
.t1 {background: url(../img/bg-tt1.png) no-repeat 50% 50%; color: #fff; font-size: 42px;}

.list-agenda {padding: 0; margin: 0; list-style: none;}
.agenda{list-style: none; padding: 0; margin: 0; }
.agenda li{float: left; width: 33%;} 
.item1 {padding: 10px; text-align: center;}
.item1 img {max-width: 100%; border: 2px solid #fff; display: inline-block;}
.list-agenda .slick-prev {width: 51px;height: 93px;}
.list-agenda .slick-next {width: 51px;height: 93px; right: -60px;}
.list-agenda .slick-prev:before {content: url(../img/prev1.png);}
.list-agenda .slick-next:before {content: url(../img/next1.png);}

.item1 {position: relative; }
.txt-agenda {position: absolute; left: 50%; transform: translateX(-50%); top: 30%; background: rgba(0,0,0,.9); padding: 15px; font-size: 20px; text-align: center; box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.6); color: #fff; opacity: 0; transition: all .5s;}
.item1:hover .txt-agenda {opacity: 1;}
.txt-agenda strong {font-size: 24px; color: #ff8327;}

.sec-info {background: #221f1e; color: #fff; padding: 20px 0 30px;}
.ico2 {height: 50px; width: 50px; background: #f58634; border-radius: 50%; text-align: center; line-height: 50px; margin: 0 0 10px;}
.ico2 a {display: block }
.ico2 svg {width: 30px;vertical-align: middle; height: 30px;}
.t2 {font-size: 22px;}
.t2 span {color: #fff;}
.hr1 {position: absolute; right: 0px; border-right: 1px dotted #fff; width: 0; height: 110px; top: 0;}
.size-tel {font-size: 30px;}

.sec-qs {background: #101010; padding: 50px 0 30px; color: #fff;}
.slg1 strong {font-size: 36px; color: #f58634;}

.link1 {color: #f58634;}
.t3 {font-size: 20px;}

.fts {padding: 0; margin: 0; list-style: none;}
.fts li {width: 33%; float: left;}
.item2 {padding: 1px; overflow: hidden;}
.item2 img {max-width: 100%;}

.item2 img {transform: scale(1) rotate(0deg); transition: all .5s;}
.item2:hover img {transform: scale(1.3) rotate(10deg);}

.sec-group1 {background: #000; color: #fff; padding: 20px 0 30px;}
.promo {background: #1a1817; padding: 0 15px 5px; margin: 0 0 3px;}
.body-promo {position: relative;}
.body-promo h3 {font-size: 18px; margin-bottom: 0;}
.area-promo {color: #f58634;}
.preco {color: #f58634;}
.real {font-size: 32px; font-weight: bold;}
.cent {font-size: 24px;}
.hr2 {position: absolute; right: 0; top: 0; width: 0; height: 80px; border-right: 1px solid #f58634;}
.footer-promo {float: right; width: 32%;}
.hr3 {border-top: 1px dotted #999; margin: 5px 0; display: none;}

.t4 {color: #f58634;}

.ico4 {display: inline-block; width: 35px; height: 35px; border: 1px solid #fff; border-radius: 50%; text-align: center;}
.ico4 svg {fill: #fff; width: 20px; max-height: 35px; vertical-align: middle;}

.b1 {background: #f58634; color: #000; border: 1px solid #f58634; border-radius: 30px;}
.b1:hover {background: #e5711c; color: #000; border: 1px solid #f58634;}
.b2 {background: #184c31; color:#fff;}
.b2:hover {background: #053a1e; color:#fff;}

.pratica {margin: 10px 0 0;}

.footer {background: #f77a1d url(../img/borda.png) no-repeat 50% top; position: relative; color: #000; padding:  70px 0 10px;}
.footer h4 {color: #fff; background: #000; border-radius: 10px; padding: 8px 10px; font-size: 16px;}
.footer a {color: #000;}
.logo-footer {text-align: center; position: relative; top: -105px; margin: 0px; height: 0; z-index: 100;}
.last {text-align: center; background: linear-gradient(to top, #044873, #0668a5 50px); margin: 0 0 10px;}
#index .footer {margin-top: 0;}

.footer hr {margin: 0 0 5px; border-color: #bd3333;}
 #int .hr1 {margin: 40px 0 0;}

.scroll-up {background-image: url("../img/top.png");bottom: 20px;right: 20px;width: 38px;height: 38px;position: fixed;z-index: 1200;display: none;opacity: .8;}
.scroll-active {display: block;}
.nav-fixed {position: fixed; left: 0; top: -100%; width: 100%; }
.show-nav {transition-property: top; transition-duration:  1s; transition-timing-function:  ease-in-out; top: 0%;}

.mt10 {margin-top: 10px;}

.fade1 {transition: all .5s; opacity: 0;}

@-webkit-keyframes fade1 {0% {opacity: 0; left: -20px;}100% {opacity: 1; left: 0px;}}
@-moz-keyframes fade1 {0% {opacity: 0; left: -20px;}100% {opacity: 1; left: 0px;}}
@-o-keyframes fade1 {0% {opacity: 0; left: -20px;}100% {opacity: 1; left: 0px;}}
@-ms-keyframes fade1 {0% {opacity: 0; left: -20px;}100% {opacity: 1; left: 0px;}}
@keyframes fade1 {0% {opacity: 0; left: -20px;}100% {opacity: 1; left: 0px;}}

.slick-active .fade1 {
   position: relative; left: -20px;
    opacity: 0; 
    -webkit-animation: fade1 .5s ease-in-out 0.5s 1 normal forwards;
    -moz-animation: fade1 .5s ease-in-out 0.5s 1 normal forwards;
    -o-animation: fade1 .5s ease-in-out 0.5s 1 normal forwards;
    -ms-animation: fade1 .5s ease-in-out 0.5s 1 normal forwards;
    animation: fade1 .5s ease-in-out 0.5s 1 normal forwards;
}

/* Internas */
.main {font-size: 15px; background: #020202; color: #fff; padding: 45px 0 70px;}
.sec-tt { margin: 0 0 30px; }
.sec-tt h1 {color: #fc7c1c; font-size: 36px; padding: 10px 0 10px 0;   margin-top: 0; font-family: 'Roboto', sans-serif; position: relative; border-top: 1px dotted #fff; border-bottom: 1px dotted #fff; text-transform: uppercase;}

/* Fotos */
.ico-foto:before {content: url(../img/ico-tt-foto.png); margin: 0 15px 0 0;}

.fig1 {margin: 0 0 35px;}
.fig1 figcaption {margin: 10px 0 0;}
.fig1 figcaption span {color: #ff7e1e;}

._thumbnail {position: relative; overflow: hidden;}
.overlay1 {position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,.5); opacity: 0; transition: all .5s;  }
.arrow1 {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/lupa.png) no-repeat 50% 50%; opacity: 0; transform: scale(2); transition: all .5s;}

.fig1:hover .overlay1 {opacity: 1;}
.fig1:hover .arrow1 {opacity: 1; transform: scale(1);}

/* Quem Somos */
.ico-qs:before {content: url(../img/ico-qs.png); margin: 0 15px 0 0;} 
.media-body1 {border-bottom: 1px dotted #fff;}

/* Aniversariantes */
.ico-niver:before {content: url(../img/ico-niver.png); margin: 0 15px 0 0;} 
.list-niver{padding: 0 25px !important;}
.list-niver .fig1{padding: 10px;}
.list-niver .slick-prev , .list-niver .slick-next {top: 37%;}
.kit-festa{float: left; width: 100%; margin-bottom: 10px;}
.kit-qnt{width: 83px; height: 83px; background: #000; border:1px solid #ff7e1e; float: left; text-align: center; line-height: 83px; font-size: 48px;margin-top: 15px; }
.content-festa{border-bottom: 1px dotted #fff; padding: 10px; float: right; width: 80%;}
.texto-festa{float: left; width: 60%; padding-right: 20px; border-right: 1px solid #fff; margin-right: 20px;}
.valor{color: #ff8d39; float: left; font-size: 18px; width: 145px; }
.valor small{display: block; font-size: 16px; color: #fff; }
.valor b{font-size: 48px; }

/* Clube Whisky */
.ico-clube:before {content: url(../img/ico-clube.png); margin: 0 15px 0 0;} 
.btn-sumit {background: #ff7e1e; color: #000; margin-top: 25px; padding: 7px 22px; border:none; }
.clear{clear: both;}
.cor-link{color: #ff7e1e;}
.list-marcas{padding: 0; margin: 0; list-style: none;}
.list-marcas .slick-prev {left: 0px;}
.list-marcas .slick-next {right: 0px;}
.list-marcas .slick-prev:before {content: url(../img/prev-marcas.png);}
.list-marcas .slick-next:before {content: url(../img/next-marcas.png);}

/* Promoções */
.ico-promo:before {content: url(../img/ico-promo.png); margin: 0 15px 0 0;}
.sec-promo {background: #131111; border: 1px solid #282727; padding: 10px ; text-align: center; margin: 0 0 30px;}
.sec-promo img {display: inline;}
 
/* Bandas */
.ico-bandas:before {content: url(../img/ico-bandas.png); margin: 0 15px 0 0;} 
.bandas {background: #dad5d9; border: 1px solid #fc7c1c; position: relative; margin: 0 auto 35px; max-width: 385px;}
.bandas figcaption {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.8); padding: 5px 15px; text-align: center; height: 70px; overflow: hidden; transition: all .5s; }
.bandas h2 {text-transform: uppercase; font-size: 18px;  transition: all .5s;}
.bandas p {opacity: 0;  transition: all .5s;}

.bandas a {color: #fff;}
.bandas:hover h2,
.play-circle {color: #fc7c1c;}
.bandas:hover figcaption {height: 100%; padding: 50px 15px 5px;}
.bandas:hover p {opacity: 1;}
.t2 {color: #ff7e1e;}

.scroll1 {overflow-y: scroll; height: 312px; padding: 0 15px 0 0; margin-top: 10px;}

/* Agenda */
.ico-ag:before {content: url(../img/ico-ag.png); margin: 0 15px 0 0;} 
.t5 {color: #f58634;}
.t5 span {color: #fff;}
.hr4 {position: absolute; right: 5px; top: -10px; width: 0; height: 90px; border-right: 1px solid #f58634;}
.hr5 {position: absolute; right: 5px; border-right: 1px dotted #fff; width: 0; height: 90px; top: -10px;}
.weekly {text-align: right; padding-right: 10px;}

/* Loja */
.ico-loja:before {content: url(../img/ico-loja.png); margin: 0 15px 0 0;} 
.tt-loja a{font-size: 16px; padding-top: 15px; float: left; color: #fff;}
.preco-loja{color: #ff7e1e; font-size: 32px;}
.preco-loja small{color: #ff7e1e; font-size: 12px;}
.btn-loja {background: #1a1a1a; color: #fff;}
.btn-loja:hover{color: #ff7e1e;}
.btn-loja i{color: #ff7e1e;}
.mb-1{margin-bottom: 35px;}

.detalhe-produto .btn-loja{margin-top: 10px;}
/* Conceitos */
.bnr-cct {background: url(../img/topo-conceitos.jpg) no-repeat 50% 0; -webkit-background-size: cover; background-size: cover;}

/* Clientes */
.bnr-cli {background: url(../img/topo-clientes.jpg) no-repeat 50% 0; -webkit-background-size: cover; background-size: cover;}
.cli {border: 1px solid #b7b7b7; border-radius: 10px; height: 200px; margin: 0 0 30px; text-align: center; line-height: 200px; padding: 0 10px;}
.cli img { max-width: 100%; max-height: 100px;}

/* Fale Conosco */
.ico-email:before {content: url(../img/ico_email.png); margin: 0 15px 0 0;} 

.form .form-control {background: #131111; border: 1px solid #353434; color: #fff;}

.map {background: #fff; padding: 3px;}
.map iframe {width: 100%; height: 300px;}

.mt0 {margin-top: 0;}

.btns-mobile {display: none;}

.pagination>li>a, .pagination>li>span {background: #000; color: #f77a1d; border: 1px solid #f77a1d;}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, 
.pagination>.active>span:hover, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover
{background: #f77a1d; border-color: #f77a1d; color: #000;}


.default {cursor: default;}


.scroll1::-webkit-scrollbar {width: 12px;} .scroll1::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3); border-radius: 10px;}.scroll1::-webkit-scrollbar-thumb {border-radius: 10px;background: #fc7c1c;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }

.dfc {
    display: flex;
    align-items: center; /*centraliza horizontalmente*/
    justify-content: center; /*cetraliza verticalmente*/
}
.dfc .hr2 {margin: 0;}
.dfc .mt20 {margin-top: 20px;}
/*.dfc div {min-height: 132px;}*/



@media screen and (min-width: 1001px) {
  .dropdown:hover .dropdown-menu {display: block;}
  .img-tra {width: 100%;}
}

@media screen and (max-width: 1200px) {
.header {padding: 0 0 10px; border-top: 3px solid #eee; color: #aaa; position: relative;}
.sec-nav {height: 50px;}

.logo {background: none; left: 0; position: relative; width: auto; padding: 15px;}

.header .navbar-brand {margin-left: 10px;}

.sec-nav {overflow: visible; margin: 10px 0 0;}

.navbar-header {float: none; position: relative;}
.navbar-left,.navbar-right {float: none !important;}
.navbar-toggle {display: block;}
.navbar-collapse {z-index: 2000;border-top: 1px solid transparent;background:#0e477b;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-fixed-top {top: 0;border-width: 0 0 1px;}
.navbar-collapse.collapse {display: none!important;}
.navbar-nav {float: none!important;margin-top: 7.5px;}
.navbar-nav>li {float: none;}
.navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
.collapse.in{display:block !important;}

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: #cd5903; border: 1px solid #cd5903;}
.navbar-default .navbar-toggle .icon-bar {background: #fff;}

.sec-nav .navbar-nav>li>a {line-height: 40px; border: 0; border-bottom: 1px dotted #000; height: auto;}
.sec-nav .navbar-nav>li>a:hover {background: #f77a1d; border: 0;}
.sec-nav .bullet {display: none;}
.sec-nav .navbar-nav,
.navbar-default .navbar-collapse {border-radius: 0;border: 0; border-color: none; background: #cd5903; margin: 0;}

.menu {position: absolute;left: -45px; font-size: 13px; color: #fff; } 

.navbar-default .navbar-nav .open .dropdown-menu>li>a,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color: #fff;border-bottom: 1px solid #A02020;}

.sec-nav .sep {display: none;}  

.btns-mobile {display: block; position: absolute; left: 15px; top: 8px;}

.bnr { height: 150px;}
.footer {padding-top: 60px;}
.logo-footer {top: -90px;}
.logo-footer img {width: 120px; }

.hr4 {position: relative; right: 0; top: 0; width: auto; height: 1px; border: 0; border-bottom: 1px solid #f58634; margin-top: 0;}
.weekly {text-align: center; padding-right: 0px;}

}

@media screen and (max-width: 1000px) {

/* Internas */
.logo {display: block; text-align: center;}
.util {padding: 4px 0;}

.footer {text-align: center;}

.sec-promo .hr2 {position: relative; width: auto; height: 0; border-top: 1px solid #333; margin: 0;}

.scroll1 {height: auto; overflow-y: hidden;}

.dfc {display: block;}

.hr5 {position: relative; right: 0; border: 0; border-bottom: 1px dotted #aaa; width: auto; height: 1px; top: 0px;}

}

@media screen and (max-width: 768px) {
.caption {margin: 90px 0; }
.caption h2 {font-size: 24px; padding: 0 20px; line-height: 28px;}

.sec-serv {padding-bottom: 40px;}
.serv {height: auto; padding: 10px 0; margin: 0 0 1px;}
.serv h3 {margin: 0;}

.sec-tt h1 {padding: 15px 40px 5px 10px;}

.tb1 {width: 800px;}

.hr1 {height: 1px; border: 0; width: auto; border-bottom: 1px dotted #fff; position: relative;}

} 


@media screen and (max-width: 600px) {
  .bnr {height: 100px;}
  .caption {margin: 50px 0; }
  .caption h2 {font-size: 18px; padding: 0 20px; line-height: 24px;}
  .menu {display: none;}
  .agenda li{float: left; width: 50%;} 
  .texto-festa{border:none; width: 100%; margin-right: 0; padding-right: 0;}
  .content-festa{width: 75%;}
}


.app_blog_post_video {
  width: 900px;
  max-width: 100%;
  margin: 10px auto 0 auto;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}