/*--------------------------------------------------------------------
LAYOUT BODY GRAB(IE8+ FF1.5+ Opera9+)

Version:    1.0 - 2011
author:         Burocratik (alexandre r. gomes)
email:      alex@burocratik.com
website:    http://www.burocratik.com
-----------------------------------------------------------------------*/
body{
    font: 13px/16px Helvetica, Arial, sans-serif;
    background: url(../imgs/body-bg-sky.jpg) repeat-x left -60px, url(../imgs/body-bg-road.jpg) repeat-x left 506px,
    url(../imgs/body-bg-fundo.jpg) repeat top left;
    background-color: #eae8e3; color: #313131;
}
body.small {
    background: url(../imgs/body-bg-sky.jpg),
                url(../imgs/body-bg-road.jpg),
                url(../imgs/body-bg-fundo.jpg);
    background-repeat: repeat-x, repeat-x, repeat;
    background-position: left -210px, left 356px, top left;
}
body.night_small {
    background: url(../imgs/noite/body-bg-sky.jpg),
                url(../imgs/noite/body-bg-road.jpg),
                url(../imgs/noite/body-bg-fundo.jpg);
    background-repeat: repeat-x, repeat-x, repeat;
    background-position: center -210px, center 356px, center top;
    /*background-position: left -210px, left 356px, top left;*/
}

.no-multiplebgs body{background: url(../imgs/body-bg.jpg) repeat top left;}

@font-face {
    font-family: 'dB';
    src: url('../fonts/bold/vistasansbold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bold/vistasansbold.woff') format('woff');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'dBl';
    src: url('../fonts/black/vistasansblack.eot?#iefix') format('embedded-opentype'),
         url('../fonts/black/vistasansblack.woff') format('woff');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'dBo';
    src: url('../fonts/book/vistasansbook.eot?#iefix') format('embedded-opentype'),
         url('../fonts/book/vistasansbook.woff') format('woff');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'dR';
    src: url('../fonts/regular/v-reg?iefix') format('embedded-opentype'),
         url('../fonts/regular/v-reg.woff') format('woff'),
         url('../fonts/regular/v-reg.ttf') format('truetype');
    font-weight: normal; font-style: normal;
}

/*-------------------------------------------------------------------------
=PRELOADING
-------------------------------------------------------------------------*/
.preload{
    position: absolute; top: 0; left:0; width: 100%; height: 100%; overflow: hidden; z-index: 2000;
    background: #ffffff;
}
.small .preload{margin: -150px 0 0 -296px; padding: 0 0 150px 296px;}

#prepreload{
    position: absolute; top: 0; left:0; width: 100%; height: 100%; overflow: hidden; z-index: 10;
}
#prepreload .preloadFundo{position: absolute; top: 0; left:0;}
#prepreload .notyet{opacity:0;}
.preload img.loadId{position: absolute; top: 530px; left: 531px;}
#preloadAnim{
    position: absolute; top: 700px; left: 650px; z-index: 20;
    width: 0; height: 10px; background: #f25905; border-radius: 1px;
    box-shadow: 1px 1px 0px 0px #c64a05;
-webkit-transition: width 400ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
-webkit-transition: width 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
   -moz-transition: width 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -ms-transition: width 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
     -o-transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
        transition: width 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}
/*#preloadAnim img{position: relative; top: 0; left:0;}*/

.preload ul{
    font: normal 25px "dBl", Helvetica, Arial, sans-serif; color: #ffffff;
    letter-spacing: -1px; position: relative; top: -8px;
}
.preload ul li.big{font-size:65px;}
.preload ul li{
    position: absolute; top:0; left: 0; display: block; width:220px; opacity:0;  margin-left: -10px;
    -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.preload ul li.on{margin: 0; opacity:0;}
.preload ul li:nth-of-type(1){left: 130px; top:50px;}
.preload ul li:nth-of-type(2){left: 296px; top:50px;}
.preload ul li:nth-of-type(3){left: 755px; top:50px;}
.preload ul li:nth-of-type(4){left: 1005px; top:50px;}
.preload ul li:nth-of-type(5){left: 105px; top:130px;}
.preload ul li:nth-of-type(6){left: 230px; top:130px;}
.preload ul li:nth-of-type(7){left: 497px; top:130px;}
.preload ul li:nth-of-type(8){left: 825px; top:130px;}
.preload ul li:nth-of-type(9){left: 966px; top:130px;}
.preload ul li:nth-of-type(10){left: 1178px; top:130px;}
.preload ul li:nth-of-type(11){left: 62px; top:195px;}
.preload ul li:nth-of-type(12){left: 327px; top:195px;}
.preload ul li:nth-of-type(13){left: 646px; top:195px;}
.preload ul li:nth-of-type(14){left: 877px; top:228px;}
.preload ul li:nth-of-type(15){left: 1044px; top:195px;}
.preload ul li:nth-of-type(16){left: 108px; top:282px;}
.preload ul li:nth-of-type(17){left: 272px; top:282px;}
.preload ul li:nth-of-type(18){left: 446px; top:282px;}
.preload ul li:nth-of-type(19){left: 682px; top:282px;}
.preload ul li:nth-of-type(20){left: 919px; top:282px;}
.preload ul li:nth-of-type(21){left: 108px; top:330px;}
.preload ul li:nth-of-type(22){left: 369px; top:330px;}
.preload ul li:nth-of-type(23){left: 873px; top:330px;}
.preload ul li:nth-of-type(24){left: 125px; top:411px;}
.preload ul li:nth-of-type(25){left: 377px; top:411px;}
.preload ul li:nth-of-type(26){left: 498px; top:411px;}
.preload ul li:nth-of-type(27){left: 834px; top:411px;}
#preload ul li:nth-of-type(28){left: 1046px; top:411px;}



/*-------------------------------------------------------------------------
=HEADER
-------------------------------------------------------------------------*/
header{
    position: fixed; top:0; left:320px; width: 960px; height: 110px; z-index: 900;
    -moz-transition: left 0.4s linear; -webkit-transition: left 0.4s linear; -o-transition: left 0.4s linear;
    transition: left 0.4s linear;
}
.small header{top:0;left:0;}
.small2 header{top:0; left:320px;}
header h1{
    position: absolute; top: 38px; left:40px; width: 322px; height: 69px;
    background: transparent url(../imgs/brand-main.png) no-repeat; text-indent: -5555px;
}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
    header h1{
        background: transparent url(../imgs/brand-main@2x.png) no-repeat top left;
        background-size: 322px 69px;
    }
}
header h1.rato{cursor: pointer;}

.btnMudar{/* dia - noite*/
    position: absolute; width: 43px; height: 39px; top: 0; left: 924px;
    -moz-transition: left 0.6s ease; -webkit-transition: left 0.6s linear; -o-transition: left 0.6s linear;
    transition: left 0.6s linear;
}
.btnMudar.out{left: 520px;}
.btnMudar a, .btnMudar span{
    display: block; position: absolute; width: 100%; height: 100%; text-indent: -5555px;
    background: transparent url(../imgs/btn-dia-noite.png) no-repeat left top;
}
.btnMudar a {
    background: transparent url(../imgs/btn-dia-noite.png) no-repeat right top; opacity:0;
    -moz-transition: opacity 0.1s linear; -webkit-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}
.btnMudar a:hover{opacity: 1;}
.toggleNightDay a:hover{padding-left: 2px;}


/*-------------------------------------------------------------------------
=NAVIGATION
-------------------------------------------------------------------------*/
nav{position: absolute; left:503px; top: 20px; width: 485px; height: 79px;}
nav #btnGO{
    position: absolute; left:0; top: 0; width: 76px; height:56px; text-indent: -5555px; z-index: 50;
    background: transparent url(../imgs/nav-btn-grabgo.png) no-repeat; cursor: url(../imgs/cursor-grab.gif), move;
}

.mobile nav #btnGO{
    background: transparent url(../mobile/imgs/nav-btn-grabgo.png) no-repeat 0 14px;
    background-size: auto 44px;
}


nav #btnGO.press{
    cursor: url(../imgs/cursor-grabbing.gif), move;
    background: transparent url(../imgs/nav-btn-grabgo.png) no-repeat left bottom;
}
nav ul{position: absolute; left:0; z-index: 20; top: 48px;}
nav li{display:block; position: absolute; left: 0; top: 0; height: 30px; cursor: pointer;}
nav #navL1{left: 18px; width: 40px;}
nav #navL2{left: 134px; width: 69px;}
nav #navL3{left: 263px; width: 85px;}
nav #navL4{left: 422px; width: 39px;}
nav li span{
    position: absolute; display: block; top:0; left:0; width: 100%; height: 100%; z-index: 5;
    background: transparent url(../imgs/nav-bts.png) no-repeat 0 0;  text-indent: -5555px; opacity:1;
}
nav li span:first-child{
    background:transparent url(../imgs/nav-bts.png) no-repeat 0 -30px; opacity:0; z-index: 10;
    -moz-transition: opacity 0.1s linear; -webkit-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}
nav li:hover span:first-child{opacity:1;}

nav #navL1 span{background-position: 0 0;}
nav #navL2 span{background-position: -118px 0;}
nav #navL3 span{background-position: -245px 0;}
nav #navL4 span{background-position: -405px 0;}

nav #navL1.visited span{background-position: 0 -60px;}
nav #navL2.visited span{background-position: -118px -60px;}
nav #navL3.visited span{background-position: -245px -60px;}
nav #navL4.visited span{background-position: -405px -60px;}
nav #navL1.visited span:first-child{background-position: 0 0;}
nav #navL2.visited span:first-child{background-position: -118px 0;}
nav #navL3.visited span:first-child{background-position: -245px 0;}
nav #navL4.visited span:first-child{background-position: -405px 0;}

.before, .after{
    display: block; width: 443px; height: 10px; position: absolute; top: 48px; left: 18px;
    background: transparent url(../imgs/nav-dots.png) left bottom;
}
.after{background: transparent url(../imgs/nav-dots.png) left top;}


/*-------------------------------------------------------------------------
=CONTENT & ASIDE
-------------------------------------------------------------------------*/
#content{
    position: absolute; top: 0; left:0; width: 100%; height: 100%; overflow: hidden; z-index: 100;
}
.small #content{margin: -150px 0 0 -296px; padding: 0 0 150px 296px;}
.small2 #content{margin: -150px 0 0 0; padding: 0 0 150px 0;}
#content h2{font: normal 45px/42px "dBl", Helvetica, Arial, sans-serif; text-transform: uppercase; margin-bottom: 8px; letter-spacing: -2px;}
#content h3{font: normal 30px/40px "dB", Helvetica, Arial, sans-serif; margin-bottom: 0px; letter-spacing: -2px;}
#content p, .overlayBox p, .overlayBox ul{font: normal 14px/14px "dR", Helvetica, Arial, sans-serif; }
sup{position: relative; bottom: 3px;}

/* Background elements */
.nuvensTop, .nuvensTop2{
    position:absolute; left: 40px; top:-5px; width: 100%; height: 350px; z-index: 125;
    background: transparent url(../imgs/horizonte-nuvens-top.png) repeat-x;
}
.nuvensTop2{background: transparent url(../imgs/horizonte-nuvens-top2.png) repeat-x;}
.forest{
    position:absolute; left: 0; top:455px; width: 110%; height: 51px; z-index: 122;
    background: transparent url(../imgs/horizonte-forest.png) repeat-x; margin: 0 0 0 -20px;
}
.city1{
    position:absolute; left: 0; top: 400px; width: 110%; height: 106px; z-index: 120;
    background: transparent url(../imgs/horizonte-city1.png) repeat-x; margin: 0 0 0 -50px;
}
.city2{
    position:absolute; left: 0; top:399px;  width: 110%; height: 107px; z-index: 118;
    background: transparent url(../imgs/horizonte-city2.png) repeat-x; margin: 0 0 0 -50px;
}
.nuvens{
    position:absolute; left: 0; top:330px;  width: 100%; height: 176px; z-index: 110;
    background: transparent url(../imgs/horizonte-nuvens.png) repeat-x;
}
.sun{
    position:absolute; left: 260px; top:-60px;  width: 1003px; height: 566px; z-index: 105;
    background: transparent url(../imgs/horizonte-sun.png) no-repeat;
}

/* Levels*/
#z150, #z180, #z185, #z190, #z195, #z200, #z275, #z280, #z285, #z290, #z295, #z300
{z-index: 150; position: absolute; left: 0; top: 0; height: 100%;}
#z180{z-index: 180;}
#z185{z-index: 185;}
#z190{z-index: 190;}
#z195{z-index: 195;}
#z200{z-index: 200;}
#z275{z-index: 200;}
#z280{z-index: 280;}
#z285{z-index: 285;}
#z290{z-index: 290;}
#z295{z-index: 295;}
#z300{z-index: 300;}


/*-------------------------------------------------------------------------
=HOME
-------------------------------------------------------------------------*/
.store{
    position: absolute; left:0; top: 22px; width: 768px; height: 731px;
    background: transparent url(../pics/obj-home-store.png) no-repeat;
}
.small .store{background: transparent url(../pics/obj-home-store-small.png) no-repeat;}
.night_small .store {background: transparent url(../pics/noite/obj-home-store-small.png) no-repeat;}
.small .store div img {display: none;}

.fritasMonte{position: absolute; left: 520px; bottom: -50px; top: auto;}
.fritasMonte2{position: absolute; left:600px; top:auto; bottom:180px; }
.frita3{position: absolute; left:320px; top: 837px;}
.frita4{position: absolute; left:1250px; top: 824px;}
.frita5{position: absolute; left:453px; top: 913px;}
.frita6{position: absolute; left:1379px; top: 37px;}
.frita7{position: absolute; left:484px; top: 375px;}
.frita8{position: absolute; left:608px; top: 151px;}
.frita9{position: absolute; left:1182px; top: 295px;}
.frita10{position: absolute; left:-110px; top: 140px;}

#home{position: absolute; left: 0; top: 0; height: 100%;}
#home .main{
    position: absolute; left: 785px; top: 300px; z-index: 300;  width: 400px;
    font: normal 15px/22px "dR", Helvetica, Arial, sans-serif;
}
#content p{line-height: 22px;}

#home .main p:first-child{font: normal 18px/20px "dB", Helvetica, Arial, sans-serif; text-transform: uppercase; }
#home .main h2{margin-bottom: 7px;}
.franchising, .contact {color:#313131; text-decoration: underline; cursor: pointer;}
.franchising:hover, .contact:hover {text-decoration: none;}

/* store*/
.store .pub1{ position: absolute; top: 56px; left: 308px;}
.store .pub2{ position: absolute; top: 56px; left: 0px;}

.store ul{position: absolute; top:0; left: 0;}
.store ul li{position: absolute;}
.store li.bola{
    display: table; width: 122px; height: 122px; border: 0; outline: 0; overflow: hidden;
  background-color: transparent;
  background-image: -webkit-linear-gradient(bottom, rgba(239,77, 0, 0.9), rgba(255,120, 43, 0.9));
  background-image: -moz-linear-gradient(bottom, rgba(239,77, 0, 0.9), rgba(255,120, 43, 0.9));
  background-image: -ms-linear-gradient(bottom, rgba(239,77, 0, 0.9), rgba(255,120, 43, 0.9));
  background-image: -o-linear-gradient(bottom, rgba(239,77, 0, 0.9), rgba(255,120, 43, 0.9));
  -webkit-box-shadow: 0px 0px 6px 2px rgba(117,42, 0, 0.3);
    -moz-box-shadow: 0px 0px 6px 2px rgba(117,42, 0, 0.3);
    box-shadow: 0px 0px 6px 2px rgba(117,42, 0, 0.3);
    -webkit-border-radius: 50%; -moz-border-radius: 50%;
    -o-border-radius: 50%; border-radius: 50%;
    -webkit-transform: scale(0.3); -moz-transform: scale(0.3);
    -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3);
    -webkit-transition: all 0.3s ease;  -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease; transition: all 0.2s ease;
}
#content .store li.bola span:first-child{
    display: table-cell; font: italic bold 16px/18px Georgia, Helvetica, Arial, sans-serif; color: #fdeee5;
    -webkit-transform: scale(1.5); -moz-transform: scale(1.5);
    -ms-transform: scale(1.5); -o-transform: scale(3.5); transform: scale(1.5);
    background: transparent url(../imgs/i-info.png) no-repeat center center;
}
#content .store li.bola span{
  display: none; width: 110px; margin: 0 auto; overflow: hidden;
    vertical-align: middle; text-align: center; background: none;
    font: normal 15px/18px "dB", Helvetica, Arial, sans-serif; color: #fdeee5;
}
#content .store li.bola:hover span:first-child{display: none;}
#content .store li.bola:hover span{display: table-cell;}
.store li.bola:hover{
    -webkit-transform: scale(1);    -moz-transform: scale(1);   -ms-transform: scale(1);
    -o-transform: scale(1); transform: scale(1);
}
.store #infoExt{left: 126px; top: 475px;}
.store #infoInt{left: 280px; top: 410px;}

.store ul #storePdf{
    display: block; width: 50px; height: 57px; left: 406px; top: 447px;
}
.store ul #storePdf a{
    display: block; position: absolute; width: 230px; height: 56px;  margin-left: 60px; display: none;
    background: transparent url(../pics/home-pdf-pt.png) no-repeat; text-indent: -5555px;
}


/*-------------------------------------------------------------------------
=PRODUTOS (1x1600)
-------------------------------------------------------------------------*/
.txtfooddrinks{position: absolute; left:1860px; top: 358px;}
.cup{position: absolute; left: 2650px; top: 450px;}
.cola{position: absolute; left: 1400px; bottom: 0px; top: auto;}

#produtos{position: absolute; left: 0; top: 0; height: 100%;}
#produtos .main{
    position: absolute; left: 2405px; top: 300px; z-index: 300; width: 370px;
    background: transparent url(../pics/produtos-stiker.gif) no-repeat right -392px;
}
#produtos .main:hover{background-position: right top;}
#produtos .main p.first{font: normal 22px/24px "dB", Helvetica, Arial, sans-serif; margin-top: 5px;}
#produtos .main p{font: normal 15px/20px "dR", Helvetica, Arial, sans-serif; }
#produtos .bebida{
    position: absolute; left: 1920px; top: 620px;  z-index: 300; width: 250px; padding: 0 0 0 62px;
    background: transparent url(../pics/produtos-bebidafria.gif) no-repeat left -451px;
}
#produtos .bebida h3{padding-top: 8px;}
#produtos .bebida p{font: normal 15px/18px "dBo", Helvetica, Arial, sans-serif; }
#produtos .bebidaQ{
    position: absolute; left: 2343px; top: 620px; z-index: 300; width: 260px; padding: 0 0 0 62px;
    background: transparent url(../pics/produtos-bebidaquente.gif) no-repeat left -451px;
}
#produtos .bebidaQ h3{padding-top: 8px;}
#produtos .bebidaQ p{font: normal 15px/18px "dBo", Helvetica, Arial, sans-serif; }
#produtos .bebida:hover, #produtos .bebidaQ:hover{background-position: left top;}

/* comidas */
#produtos #comes{
    position: absolute; left: 1920px; top: 300px; z-index: 300; width: 307px;
}
#produtos #comes section{margin-top: 45px; padding: 0 0 0 62px;}
#produtos #comes h3{padding-top: 8px;}
#produtos #comes p{font: normal 15px/18px "dBo", Helvetica, Arial, sans-serif;}

#produtos #comes ul{position: absolute; overflow: hidden;}
#produtos #comes ul li{
    display: block; float: left;  width: 52px; height: 49px; text-indent: -5555px; margin-right: 10px;
    background: transparent url(../pics/produtos-varios.gif) no-repeat left bottom; cursor: pointer;
}
#produtos #comes ul li.l1{background-position: -104px -902px;}
#produtos #comes ul li.l2{background-position: -207px -902px;}
#produtos #comes ul li.l3{background-position: -312px -902px;}
#produtos #comes ul li.l4{background-position: 0 -902px;}
#produtos #comes ul li.on{cursor: default;}
#produtos #comes ul li.l1:hover, #produtos #comes ul li.l1.on{background-position: -104px 0;}
#produtos #comes ul li.l2:hover, #produtos #comes ul li.l2.on{background-position: -207px 0;}
#produtos #comes ul li.l3:hover, #produtos #comes ul li.l3.on{background-position: -312px 0;}
#produtos #comes ul li.l4:hover, #produtos #comes ul li.l4.on{background-position: 0 0;}
#comes section:nth-of-type(2), #comes section:nth-of-type(3), #comes section:nth-of-type(4){opacity:0;}

#sandes{position: absolute; left: 1799px; top: 435px; width: 358px; height: 176px; overflow: hidden;}
#sandes li{position: absolute; top: 0; left: 0;}
#sandes li:nth-of-type(2), #sandes li:nth-of-type(3), #sandes li:nth-of-type(4){opacity:0;}


/*-------------------------------------------------------------------------
=FRANCHISING (2x1600 = 3200)
-------------------------------------------------------------------------*/
.pipocas1{position: absolute; left: 3100px; bottom: -70px; top: auto;}/* 2x1600*/
.pipocas2{position: absolute; left: 4285px; bottom: 50px; top: auto;}/* 2x1600*/
.pipoca1{position: absolute; left: 4417px; top: 30px;}/* 2x1600*/
.pipoca2{position: absolute; left: 3326px; top: 150px;}/* 2x1600*/
.pipoca3{position: absolute; left: 4216px; top: 280px;}/* 2x1600*/
/*.pipoca4{position: absolute; left: 3490px; top: 400px;} 2x1600*/
.pipoca4{position: absolute; left: 3420px; top: 360px; }/* 2x1600*/
.pipoca5{position: absolute; left: 4328px; top: 526px;}/* 2x1600*/
.pipoca6{position: absolute; left: 4532px; top: 382px;}/* 2x1600*/
.pipoca7{position: absolute; left: 4068px; bottom: -35px; top: auto;}/* 2x1600*/
.pipoca8{position: absolute; left: 4180px; bottom: -30px; top: auto;}/* 2x1600*/
.pipoca9{position: absolute; left: 3826px; top: 720px;}/* 2x1600*/
.pipoca10{position: absolute; left: 3513px; top: 640px;}/* 2x1600*/

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
    }
}
.rotate {
    -webkit-animation: rotation 40s infinite linear;
            animation: rotation 40s infinite linear;
            left: 3395px; top: 335px;
}
#z285 a .yt-video {
    -webkit-transition: .2s transform ease-in-out;
    transition: .2s transform ease-in-out;
}
#z285 a:hover .yt-video {
    -webkit-transform: scale(.9);
    transform: scale(.9);
}

#franch{position: absolute; left: 0; top: 0; height: 100%;}
#franch .main, #franch .sec{
    position: absolute; left: 3580px; top: 300px; z-index: 300; width: 633px;
    font: normal 15px/18px "dBo", Helvetica, Arial, sans-serif;
}
#franch .main p{margin-bottom: 8px;}
#franch .main p.first{font: normal 22px/24px "dB", Helvetica, Arial, sans-serif;  margin-top: -3px;}
#franch .sec{top: 530px;}
#franch .sec h3{font: normal 34px/40px "dB", Helvetica, Arial, sans-serif; margin-bottom: 8px; letter-spacing: 0px;}
#franch .sec ul{float: left; width: 300px; font: normal 18px/20px "dB", Helvetica, Arial, sans-serif; text-transform: uppercase;}
#franch .sec ul.last{width: 320px;}
#franch .sec ul li{padding: 2px 0 10px 40px; background: transparent url(../imgs/franch-icon-certo.png) no-repeat;}
#franch .sec ul span{display: block; text-transform: none; font: normal 15px/20px "dBo", Helvetica, Arial, sans-serif;}
#franch .sec ul li.botoes{background: none; padding-left: 0; width: 340px;}
#franch .sec ul li.botoes p{text-indent: -5555px; display: inline-block;}
#franch .sec ul li .btn{
    width: 149px; height: 38px; margin-top: 4px; padding: 0;
    background: transparent url(../imgs/franch-btn-formopen.gif) no-repeat 0 -460px; cursor: pointer;
}
#franch .sec ul li .btn2{
    width: 178px; height: 38px; margin: 4px 5px 0 0; padding: 0; display: block;
    background: transparent url(../imgs/franch-btn-catalogo.gif) no-repeat 0 -460px; cursor: pointer;
}
#franch .sec ul li .btn:hover{background: transparent url(../imgs/franch-btn-formopen.gif) no-repeat 0 0;}
#franch .sec ul li .btn2:hover{background: transparent url(../imgs/franch-btn-catalogo.gif) no-repeat 0 0;}

#franch .franch-logos {
    display: block;
    position: absolute;
    right: -140px;
    top: -20px;
    width: 90px;
}

#franch .franch-logos.right-column {
    right: -280px;
}
#franch .franch-logos img {
	display: block;
	width: 100%;
	}

#franch .franch-logos .pmelider {
	margin-bottom: 20px;
	width: 90px;
    margin: 0 auto 20px;
}

#franch .franch-logos .pmeexcel {
	margin-bottom: 20px;
	width: 68px;
    margin: 0 auto 20px;
}

#franch .franch-logos .frans17 {
	margin-top: 20px;
}


/****FORM*/
.night_bg .overlayBox .whiteText{
    color: #313131;
}
.overlay{
    position: absolute; top: 0; left: 0; z-index: 1100; display:none;
    width: 100%; height: 150px; background-color:#f16111; opacity: 0.55;
}
.overlayBox{
    position: fixed; top: 45px; z-index: 1110; display:none;    margin-left: -59px;
    padding: 55px 59px 59px 59px; width:658px; height:512px;  background: #ffffff;
    -webkit-box-shadow: 0px 0px 15px 3px rgba(0,0, 0, 0.3);
    -moz-box-shadow: 0px 0px 15px 3px rgba(0,0, 0, 0.3);
    boxs-shadow: 0px 0px 15px 3px rgba(0,0, 0, 0.3);
}
.overlayBox div{position: absolute; top: 126px; left:59px;  width: 306px;}
.overlayBox form{position: absolute; top: 245px; left:435px;  width: 291px;}
.overlayBox .btClose{
    position: absolute; top: 33px; right:30px; text-indent: -5555px; width: 72px; height: 13px;
    background: transparent url(../imgs/franch-form-btn-close.gif) no-repeat left top; cursor: pointer;
}
.overlayBox .btClose:hover{background-position: left bottom;}
.overlayBox h2{
    font: normal 45px/42px "dBl", Helvetica, Arial, sans-serif; text-transform: uppercase;
    margin-bottom: -5px 0 8px 0; letter-spacing: -2px;
}
.overlayBox p.info{font: normal 22px/26px "dB", Helvetica, Arial, sans-serif; margin-bottom: 15px;}
.overlayBox ul{margin-top: 10px;}
.overlayBox ul li span{font-size: 20px;}
.overlayBox ul li span.tab{font-size: 15px; display: block; padding-left: 40px;}

.overlayBox form p{margin-bottom: 26px; position: relative;}
.overlayBox form label{position: absolute; left: -5555px; height: -5555px;}
.overlayBox form input, .overlayBox form textarea{
    width: 265px; height: 28px; margin: 0; padding: 0 10px 0 5px;
    font: bold 13px/22px Helvetica, Arial, sans-serif; color: #313131;
    background: transparent url(../imgs/franch-form-input-bg.gif) no-repeat left top;
    background-size: 280px auto; border: 1px solid #d5d2cb;
}
.overlayBox form input:hover, .overlayBox form input:focus,
.overlayBox form textarea:hover, .overlayBox form textarea:focus{
    border: 1px solid #d63d1a; background-position: 0 -292px;
}
.overlayBox form input:hover, .overlayBox form input:focus{background-position: left bottom;}
.overlayBox form input:focus, .overlayBox form textarea:focus{outline: none;}
.overlayBox textarea{
    line-height: 24px; padding-top: 4px; height: 110px; overflow: hidden; resize: none;
    background: transparent url(../imgs/franch-form-textarea-bg.gif) no-repeat left top;
}
.overlayBox select{
    font: bold 13px/22px Helvetica, Arial, sans-serif; color: #313131;
    margin: 0; padding:5px 0 0 0; width: 284px; height: 30px; vertical-align: middle;
}

.overlayBox .end{position: relative;  margin: 0; padding: 0; top: 0; left: 0; float: none; overflow: hidden;}
.overlayBox .end p{float: left; font: bold 13px/40px Helvetica, Arial, sans-serif; color: #f05600;  text-indent: 10px;}
.overlayBox .btnEnviar{
    position: relative; line-height: 40px; float: right; margin: 0 22px 0 0; padding: 0;
    width: 135px; height: 40px; text-indent: -5555px; border: 0 none;   overflow: hidden; vertical-align: middle;
    background: transparent url(../imgs/franch-form-btn-send.gif) no-repeat left top; cursor: pointer;
}
.overlayBox .btnEnviar:hover{background: transparent url(../imgs/franch-form-btn-send.gif) no-repeat left bottom;}
/* mensagens*/
.overlayBox form .loadSend{
    position: absolute; left:120px; top:13px;   text-indent: -5555px; width: 16px; height: 16px; float: none;
    background: transparent url(../imgs/loading.gif) no-repeat; opacity:0; display: none;
}
.overlayBox form .send{opacity:0; display: none;}
.overlayBox form .mainError{line-height: 16px; text-indent: 0px; padding-top: 5px; opacity:0; display: none;}

.overlayBox form p span{
    display: block; position: absolute; top: 3px; left: -120px; margin-left: -8px;
    padding: 5px 7px; height: 12px; width: 95px; text-align: left; opacity: 0;
    font: normal normal 11px/100%  Helvetica, Arial, sans-serif; color: #ffffff!important;
    -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em;
    -webkit-border-bottom-left-radius: 1px; -moz-border-bottom-left-radius: 1px; border-bottom-left-radius: 1px;
    -webkit-border-top-left-radius: 1px; -moz-border-top-left-radius: 1px; border-top-left-radius: 1px;
    background-color: transparent;
    background-image: -webkit-linear-gradient(bottom, rgba(239,77, 0, 1), rgba(255,120, 43, 1));
    background-image: -moz-linear-gradient(bottom, rgba(239,77, 0, 1), rgba(255,120, 43, 1));
    background-image: -ms-linear-gradient(bottom, rgba(239,77, 0, 1), rgba(255,120, 43, 1));
    background-image: -o-linear-gradient(bottom, rgba(239,77, 0, 1), rgba(255,120, 43, 1));
    -webkit-box-shadow:2px 2px 2px 0px rgba(117,42, 0, 0.2);-moz-box-shadow: 2px 2px 2px 0px rgba(117,42, 0, 0.2);
    box-shadow: 2px 2px 2px 0px rgba(117,42, 0, 0.2);
    -webkit-transition: opacity 0.3s linear;  -moz-transition: all .3s ease;
    -o-transition: opacity 0.3s linear; transition: all 0.3s linear;
}
.overlayBox form p span.on{opacity:1; margin-left:0px;}
.overlayBox a.email{color:#313131;}
.overlayBox a.email:hover{text-decoration:none; color: #f25905;}


.overlayBox form p.g-recaptcha div {
	position: relative;
	top: auto;
	left: auto;
	width: auto;
}

.overlayBox form p.recaptcha-msg {
	position: absolute;
    bottom: 176px;
        margin: 0;
}
.overlayBox form p.recaptcha-msg.on span {
    opacity: 1;
    margin-left: 0px;
}

/*-------------------------------------------------------------------------
=LOJAS(3x1600 = 4800)
-------------------------------------------------------------------------*/
.small .ipad {top: 350px;}
.small .btn_lojas {top: 290px;}
.small #lojas h2 {top: 300px;}
.small .vglobal {top:320px;}
.small .list_wrap {top: 343px;}
#lojas{position: absolute; left: 0; top: 0; height: 100%;}
.ipad{/* 3x1600*/
position: absolute;
left: 5120px;
top: 250px;
width: 960px;
border-radius: 10px;
/*box-shadow: 0 8px 15px -6px black;*/
height: 435px;
}
#lojas h2 {
position: absolute;
left: 5140px;
top: 190px;
width: 250px;
z-index: 999;
}
#lojas .main{
    position: absolute; left: 5630px; top: 0; z-index: 300; width: 390px;
    font: normal 15px/18px "dBo", Helvetica, Arial, sans-serif;
}
#lojas p{
    position: absolute; left: 5690px; top: 652px; z-index: 300; width: 250px;
    font: normal 15px/17px "dBo", Helvetica, Arial, sans-serif;
}

.navMap { margin-top: -77px; }

@media all and (max-height: 730px) {
  .small .ipad {height: 375px;}
  .small .ipad #mapaID {height: 375px;}
}


#lojas p.porto{top: 472px;}
#lojas p span{display: block; padding-bottom: 4px;}
#lojas ul.lista2{left: 5860px;}
#lojas ul span{display: block; text-transform: none; font: normal 15px/15px "dBo", Helvetica, Arial, sans-serif;}
#lojas ul li{color: #f4ce8a;padding: 2px 0 12px 0; cursor: pointer;}
#lojas ul li:hover, #lojas ul li.on{background-position: 0 0; color:#f16111;}
#lojas ul li:hover span, #lojas ul li.on span{color: #313131;}
#lojas ul li.on{cursor: default;}
/*#lojas ul li:first-child{margin-bottom: 73px;}*/

/* map */
#mapaID{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 435px;
z-index: 10;
/*JONNY*/
background-image: url(../imgs/website-lojas.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
/*******/
}
/*JONNY*/
#mapaID .button{
  border-radius: 41px;
  padding: 22px 50px;
  font: normal 20px/18px "dB", Helvetica, Arial, sans-serif;
  color: #fc692b;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  box-shadow: 0 5px 15px -7px rgba(0,0,0,0.5);
  -moz-transition: all .1s linear; -webkit-transition: all .1s linear; -o-transition: all .1s linear;
  transition: all .1s linear;
}
.abrir-lojas{
  fill:none;
  stroke:#cecece;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-miterlimit:10;
  width: 13px;
  height: 12px;
  margin-left: 10px;
  -moz-transition: all .1s linear; -webkit-transition: all .1s linear; -o-transition: all .1s linear;
  transition: all .1s linear;
}
#mapaID .button:hover{
  color: #fff;
  background-color: #fc692b;
}
#mapaID .button:hover .abrir-lojas{
  stroke: #fff;
}
.stores-arrow{
  width: 13px;
  height: 12px;
  margin-left: 10px;
}
/**********/
.infobox-wrapper { display:none; }
.local { background:rgba(0,0,0, 0.89); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding-bottom: 20px; }
.local * {  font: normal 13px "dBo", Helvetica, Arial, sans-serif; }
.local p { font: normal 13px/16px "dBo", Helvetica, Arial, sans-serif !important; }
.local .boxTlf, .local .email { line-height: 12px; margin-top: -4px; font: normal 13px "dBo", Helvetica, Arial, sans-serif; }

.infoBox img {
top: 20px;
right: 10px;
display: none;
}
.ipad .local{
z-index: 20;
overflow: hidden;
font: normal 13px/15px "dBo", Helvetica, Arial, sans-serif;
color: #ffffff;
background: rgba(0,0,0,0.9);
padding: 0 0 20px 0;
width: 100%;
}
.ipad .local h6{
width: 80%;
color: #f16111;
text-transform: uppercase;
font: normal 20px/20px "dB", Helvetica, Arial, sans-serif !important;
float: left;
padding: 0px 25px 6px 25px;
display: block;
margin-top: 25px;
}
.ipad .local ul{
   float: left;
   padding: 0 25px;
   font-size: 1.2em;
}
.ipad .local ul li:first-child{margin-bottom: 6px; margin-top: -4px;}
.ipad .local ul li{margin-bottom: 4px;}
.ipad .local a{color: #f16111; text-decoration: none;}
.ipad .local .fechar{
    position: absolute; top: 13px; right: 13px; width: 9px; height: 9px; text-indent: -5555px; cursor: pointer;
    background: transparent url(../imgs/lojas-fechar.png) no-repeat;
}
.btn_lojas {
  display: none;
background: url('../imgs/btn_bg.png') no-repeat;
width: 275px;
height: 35px;
position: absolute;
left: 5812px;
top: 190px;
z-index: 900;
color: #f4ce8a;
cursor: pointer;
text-transform: uppercase;
font-weight: bold;
padding: 16px 0 0 25px;
font: normal 18px "dBl", Helvetica, Arial, sans-serif;
}
.btn_lojas .maps-title-todas.off, .btn_lojas .maps-title-on{display: none;}
.btn_lojas .maps-title-todas, .btn_lojas .maps-title-on.on{display: block;/*  width: 220px; */ position: absolute;}
.btn_arrow {
background: url('../imgs/btn_arrow.png') no-repeat;
position: absolute;
right: 20px;
top: 20px;
height: 11px;
width: 21px;
}
#lojas ul {
font: normal 18px/18px "dB", Helvetica, Arial, sans-serif;
text-transform: uppercase;
overflow: hidden;
float: left;
width: 100%;
position: relative;
top: 77px;
height: 100%;
cursor: pointer;
}
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: rgba(255,255,255, 0.3);
}
.list_wrap {
/* display: none; */
border-radius: 15px;
background-color: #363535;
background-image: -webkit-gradient(
    linear,
    right top,
    right bottom,
    color-stop(0.21, #363535),
    color-stop(1, #101010)
);
background-image: -o-linear-gradient(bottom, #363535 21%, #101010 100%);
background-image: -moz-linear-gradient(bottom, #363535 21%, #101010 100%);
background-image: -webkit-linear-gradient(bottom, #363535 21%, #101010 100%);
background-image: -ms-linear-gradient(bottom, #363535 21%, #101010 100%);
background-image: linear-gradient(to bottom, #363535 21%, #101010 100%);
position: absolute;
left: -5555px;
top: 244px;
z-index: 300;
width: 275px;
height: 380px;
padding: 10px;
border: 1px solid #000;
}
.list_wrap.show {left: 5783px;}
.btn_pt, .list_pt.show { left: 5783px; }
/*-------------------------------------------------------------------------
=FOOTER
-------------------------------------------------------------------------*/
footer{
    position: fixed; left:320px; bottom: 50px; width: 960px; height: 25px; z-index: 1000;
    font: 11px/16px Helvetica, Arial, sans-serif; color: #313131;
    -moz-transition: left 0.4s linear; -webkit-transition: left 0.4s linear; -o-transition: left 0.4s linear;
    transition: left 0.4s linear;
}
.small footer{left:0;}
.small2 footer{left:320px;}
footer p{position: relative; left:32px; padding-top: 40px; float: left;}
/*footer p.fbgrab{ margin-top: -35px; }*/

footer p.byburo{position: absolute; left:auto; right:0; top: 0;}
footer a,.fb_contact{color:#313131; cursor: pointer; text-decoration: underline;}
footer a:hover, footer .byburo a, .fb_contact:hover{text-decoration: none;}
footer .byburo a:hover{color:#b6b8ba; }

footer .byburo a:hover, .fb:hover{color:#151515;}
.fb{
    margin-left: 15px; text-decoration: none; padding: 2px 0 2px 18px;
    background: transparent url(../imgs/icon-fb.png) no-repeat;
}
.fb_iframe_widget {
    float: left; padding-top: 38px;
}

/*-------------------------------------------------------------------------
=PRE DEFINICOES e COMUNS A ESTE SITE
------------------------------------------------------------------*/
.nomouse{cursor:default !important;}
::-moz-selection{background: #ff5e00;color: #ffffff;}
::selection{background: #ff5e00;color: #ffffff;}


/*-------------------------------------------------------------------------
=PREMIOS
------------------------------------------------------------------*/
.premio{display: block; position: fixed; z-index: 0; right: 0; }
#cssdesignawards{top: 145px;}
#awwwards{top:270px;}
#csswinner{top: 255px;}
.small #cssdesignawards{top:95px;}
.small #csswinner{top: 200px;}
/*-------------------------------------------------------------------------
=ESTILOS DA NOITE!
------------------------------------------------------------------*/
.greyText, .greyText:hover {color: #c7ccd1;}
.whiteText {color: #FFF;}
.orangeText {color: #ff6d14;}
.night_logo {background: transparent url(../imgs/noite/brand-main.png) no-repeat;}
.toggleNightDay a, .toggleNightDay span{
    display: block; position: absolute; width: 100%; height: 100%; text-indent: -5555px;
    background: transparent url(../imgs/noite/btn-dia-noite.png) no-repeat left top;
}
.toggleNightDay a {
    background: transparent url(../imgs/noite/btn-dia-noite.png) no-repeat right top; opacity:0;
    padding-left: 2px;
    -moz-transition: opacity 0.1s linear; -webkit-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}
.navNight {
  background: transparent url(../imgs/noite/nav-bts.png) no-repeat 0 0;
}
.before_night, .night_small .before, .after_night, .night_small .after{
    display: block; width: 443px; height: 10px; position: absolute; top: 48px; left: 18px;
    background: transparent url(../imgs/noite/nav-dots.png) left bottom;
}
.after_night, .night_small .after{background: transparent url(../imgs/noite/nav-dots.png) left top;}
.fb_icon {background: transparent url(../imgs/noite/icon-fb.png) no-repeat;}
.orangeHeaderText {
    font: normal 45px/42px "dBl", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: -2px;
    color: #ff6d14;
}
.orangeSubText {
    font: normal 34px/40px "dB", Helvetica, Arial, sans-serif;
    margin-bottom: 0;
    letter-spacing: 0px;
    color: #ff6d14;
}
.whiteHeaderText {
    font: normal 22px/24px "dB", Helvetica, Arial, sans-serif;
    margin-top: -3px;
}
body.night_bg {
    background: url(../imgs/noite/body-bg-sky.jpg) repeat-x left -60px,
                url(../imgs/noite/body-bg-road.jpg) repeat-x left 506px,
                url(../imgs/noite/body-bg-fundo.jpg) repeat top left;
}
.night_store {
    background: transparent url(../pics/noite/obj-home-store.png) no-repeat;
}
.nightTime {display: none;}
/* Background elements */
.night_6, .night_7{
    position:absolute; left: 40px; top:-5px; width: 100%; height: 350px; z-index: 125;
    background: transparent url(../imgs/noite/horizonte-nuvens-top.png) repeat-x;
}
.night_7{background: transparent url(../imgs/noite/horizonte-nuvens-top2.png) repeat-x;}
.night_5{
    position:absolute; left: 0; top:455px; width: 110%; height: 51px; z-index: 122;
    background: transparent url(../imgs/noite/horizonte-forest.png) repeat-x; margin: 0 0 0 -20px;
}
.night_4{
    position:absolute; left: 0; top: 400px; width: 110%; height: 106px; z-index: 120;
    background: transparent url(../imgs/noite/horizonte-city1.png) repeat-x; margin: 0 0 0 -50px;
}
.night_3{
    position:absolute; left: 0; top:399px;  width: 110%; height: 107px; z-index: 118;
    background: transparent url(../imgs/noite/horizonte-city2.png) repeat-x; margin: 0 0 0 -50px;
}
.night_2{
    position:absolute; left: 0; top:330px;  width: 100%; height: 176px; z-index: 110;
    background: transparent url(../imgs/noite/horizonte-nuvens.png) repeat-x;
}
.night_1{
    position:absolute; left: 260px; top:-60px;  width: 1003px; height: 566px; z-index: 105;
    background: transparent url(../imgs/noite/horizonte-sun.png) no-repeat;
}
#produtos #comes ul .night_comidaQuente {
background: transparent url(../pics/noite/produtos-varios.gif) no-repeat left bottom;
}
#produtos .night_bebidaFria {
background: transparent url(../pics/noite/produtos-bebidafria.gif) no-repeat left -451px;
}
#produtos .night_bebidaQuente {
background: transparent url(../pics/noite/produtos-bebidaquente.gif) no-repeat left -451px;
}
#produtos .night_main {
background: transparent url(../pics/noite/produtos-stiker.gif) no-repeat right -392px;
}
#franch .sec ul .night_arrow {
background: transparent url(../imgs/noite/franch-icon-certo.png) no-repeat;
}
#franch .sec ul li .night_catalogo {
background: transparent url(../imgs/noite/night-franch-btn-catalogo.gif) no-repeat 0 -460px !important;
}
#franch .sec ul li .night_catalogo:hover {
background: transparent url(../imgs/noite/night-franch-btn-catalogo.gif) no-repeat 0 0 !important;
}
#franch .sec ul li .night_contacto {
background: transparent url(../imgs/noite/night-franch-btn-formopen.gif) no-repeat 0 -460px !important;
}
#franch .sec ul li .night_contacto:hover {
background: transparent url(../imgs/noite/night-franch-btn-formopen.gif) no-repeat 0 0 !important;
}
.night_overlay {background-color: #1a1f30;}
.night_preload {
    background: #ffffff url(../pics/noite/loading-bg.jpg) no-repeat;
}
/****************/
.vglobal {
position: absolute;
display: none;
left: 5360px;
top: 210px;
width: 90px;
z-index: 999;
text-decoration: underline;
font-family: "dBl", Helvetica, Arial, sans-serif;
font-size: 1.1em;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.vglobal:hover {
color: #FF6100;
}
/*-------------------------------------------------------------------------
=ESTILOS DO SCROLL NA JANELA DOS DISTRITOS
------------------------------------------------------------------*/
.ps-container .ps-scrollbar-x-rail {
position:absolute;
bottom:3px;
height:8px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
opacity:0;
filter:alpha(opacity=0);
-o-transition:background-color .2s linear,opacity .2s linear;
-webkit-transition:background-color.2s linear,opacity .2s linear;
-moz-transition:background-color .2s linear,opacity .2s linear;
transition:background-color .2s linear,opacity .2s linear;
}

.ps-container .ps-scrollbar-y-rail {
position:absolute;
right:3px;
width:8px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
opacity:1;
filter:alpha(opacity=0);
-o-transition:background-color .2s linear,opacity .2s linear;
-webkit-transition:background-color.2s linear,opacity .2s linear;
-moz-transition:background-color .2s linear,opacity .2s linear;
transition:background-color .2s linear,opacity .2s linear;
}

.ps-container .ps-scrollbar-x {
position:absolute;
bottom:0;
height:8px;
background-color:#aaa;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-o-transition:background-color .2s linear;
-webkit-transition:background-color.2s linear;
-moz-transition:background-color .2s linear;
transition:background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-x {
font-size:0;
}

.ps-container .ps-scrollbar-y {
position:absolute;
right:0;
width:8px;
background-color:#aaa;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-o-transition:background-color .2s linear;
-webkit-transition:background-color.2s linear;
-moz-transition:background-color .2s linear;
transition:background-color .2s linear;
}
.ps-container .ps-scrollbar-x-rail.in-scrolling,.ps-container .ps-scrollbar-y-rail.in-scrolling {
opacity:.9;
filter:alpha(opacity=90);
}
.ps-container .ps-scrollbar-y-rail {
    background: #3a3a3a;
}
.ps-container .ps-scrollbar-y {
    background: #949494;
}