body { margin: 0; padding: 0; font-family: neris-light-webfont, Arial; color: #c2c2c2; }
*{box-sizing: content-box;}
input, textarea{outline: none;}
/* COMMON */
.upper{text-transform: uppercase;}
iframe{position: absolute;}
div#ferrero-banner-root div#ferrero-banner-container div#ferrero-banner-closed {top: -180px !important;}
a { color: #c2c2c2; text-decoration: none; }
header a:hover { color: #c2c2c2; text-decoration: none; }
header a:active { color: #c2c2c2; text-decoration: none; }
header a:visited { color: #c2c2c2; text-decoration: none; }
footer a:hover { color: #c2c2c2; text-decoration: none; }
footer a:active { color: #c2c2c2; text-decoration: none; }
footer a:visited { color: #c2c2c2; text-decoration: none; }
.top { width: 100%; height: 10px; border-bottom: 1px solid #c2c2c2; min-width: 460px; }

.container {
 xmax-width: 1280px; margin: 0 auto; width: 100%; min-width: 460px; position: relative;


}
header { width: 100%; background: #fff;}
header .header-content { max-width: 950px; min-width:460px; margin: 32px auto 35px; }
header nav { position: relative; }
header nav .logo-raffaello { margin-left: 30px;}
header nav .logo-raffaello a { display: block; width: 206px; height: 97px; background: url('../images/main/logo-raffaello.png') left top no-repeat; }
header nav ul.menu {
    padding: 0;
    margin: 0;
    min-height: 50px;
    min-width: 320px;
    position: absolute;
    top: 20px;
    left: 330px;
}


header ul.menu-perfectgift.submenu {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 21px;
    width: 467px;
    position: absolute;
    top: 35px;
    left: -213px;
}



header ul.menu>li {display: inline-block; float: left; position: relative; top: 25px;  padding: 0 15px; height: 25px; border-bottom: 1px solid #ccc; }
header ul.menu>li:first-child { padding-left: 0; }
header ul.menu>li:last-child { padding-right: 0; }
header ul.menu>li:hover, ul.menu>li.active  { border-bottom: 1px solid #e60004; }
header ul.menu li a { text-transform: uppercase; font-size: 14px; text-decoration: none !important;   color: #c2c2c2 !important;}


header ul.menu>li>div { display: none; }
header ul.menu>li.active>div { display: block; }
header ul.submenu { list-style: none; padding: 0; margin: 0; height: 21px; width: 346px; position: absolute; top: 35px;  }
header ul.menu-raffaello { width: 370px; }
header ul.menu-pralinki { width: 450px; width:550px;left: 0px;}
header ul.menu-news { width: 324px; left: -60px;}
header ul.submenu li { display: inline-block; float: left; padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #ccc;}
header ul.submenu li.active, ul.submenu li:hover { border-bottom: 1px solid #e60004}
header ul.submenu li a { text-transform: uppercase; font-size: 11px; }
header ul.submenu li:last-child { padding-right: 0; }
header ul.submenu li:first-child { padding-left: 0; }

header .lang{position: absolute; right: 0px; top: -21px; font-size: 11px;}
header .lang a{color: #c2c2c2; font-size: 11px;}




/*@media (max-width: 700px){
    header nav .logo-raffaello{margin-left: 0px;}
    header nav .logo-raffaello a{margin:auto;}
    header nav ul.menu{position: relative; left: auto; margin-top:0px; width: 380px; margin: auto; padding-left: 97px; top: 10px;}
    header{margin-bottom: 70px;}
}*/


.container-tiles {  xmax-width: 1000px; margin: 0 auto 20px; }
.container-tiles .tiles{ height: auto; position: relative;}

.tiles .tile { height: 225px; background: #ccc; margin: 5px; position: absolute;  color: #000; overflow: hidden; cursor: pointer; }
.tiles .tile .hover { height: 225px; position: absolute; overflow: hidden; }
.tiles .tile .hover .text { color: #fff; }
.tiles .tile150 { width: 150px; }
.tiles .tile310 { width: 310px; }
.tiles .tile470 { width: 470px; }
.tiles .tile630 { width: 630px; }
.cursor-default { cursor: default !important; }

#row1, #row2,#row3{
    position: relative;
    height: 225px;
    margin-bottom: 10px;
}

footer { border-top: 1px solid #787878 !important; min-height: 50px; width: 100%; min-width: 460px;}
footer section { max-width: 1280px; margin: 0 auto; text-align: center }
footer section a, footer section span { display: inline-block; margin: 20px 20px 0px; text-transform: uppercase; font-size: 11px; color: #787878; }


/* MAIN */
/*#main-site{height: 490px;}*/
#main-site{height: 815px;}
#main-site a{text-decoration: none;}
#main-site .container-tiles{width: 950px; height: 490px; position: relative; margin: 0 auto 20px;}
#main-site .container-tiles .tile {height: 225px; margin-bottom: 10px; position: absolute;}

#main-site .container-tiles .tile.story.lt {width: 950px; height: 305px; background: url('../images/main/banner_story_lt.jpg') no-repeat; left:0px; top:0px;}
#main-site .container-tiles .tile.story.lv {width: 950px; height: 305px; background: url('../images/main/banner_story_lv.jpg') no-repeat; left:0px; top:0px;}
#main-site .container-tiles .tile.story.ee {width: 950px; height: 305px; background: url('../images/main/Raffaello_Vasara_Banneris_950x225_Fix2.jpg') no-repeat; left:0px; top:0px;}
#main-site .container-tiles .tile.story.ru {width: 950px; height: 305px; background: url('../images/main/banner_story_ru.jpg') no-repeat; left:0px; top:0px;}






#main-site .container-tiles .tile.tile1 {width: 470px;  background: url('../images/main/main_blank1.jpg') no-repeat; left:0px; top: 314px;}
#main-site .container-tiles .tile.tile2 {width: 470px; background: url('../images/main/main_blank2.jpg') no-repeat; left:480px; top: 314px; }
#main-site .container-tiles .tile.tile3 {width: 714px; background: url('../images/main/raffaello_baltics_ads.jpg') no-repeat; left:0px; top: 550px;}
#main-site .container-tiles .tile.tile1 .text{text-transform: uppercase; color: #868686; font-size: 18px; margin-left: 34px; margin-top: 95px; width: 50px;}
#main-site .container-tiles .tile.tile2 .text{color: #fff; font-size: 18px; margin-top: 90px; text-align: center;}
#main-site .container-tiles .tile.tile2 .text span{font-family: neris-semibold;}
#main-site .container-tiles .tile.tile3 .play {
    background: url('../images/main/play.png') no-repeat;
    width: 76px;
    height: 76px;
    position: absolute;
    left: 334px;
    top:84px;
}


/* REKLAMY */
#filmy .mejs-container .mejs-controls {
    position: absolute;
    list-style-type: none;
    margin: auto;
    padding: 15px 0px 0 15px;
    bottom: 10%;
    background: url(background.png);
    background: rgba(0, 0, 0, 0.7);
    height: 46px;
    width: 50%;
    left:20%;
}
.mejs-fullscreen-button { visibility: hidden !important;}
.mejs-controls .mejs-time-rail .mejs-time-loaded {background: #444;}
#filmy .mejs-fullscreen-button {visibility: hidden;}
#filmy { position: relative; overflow: hidden; width: 100%; margin-bottom: 10px;}
#filmy .history { position:absolute; }
#filmy .history-panel { position: absolute; right: -220px; top: 0; width: 270px; height: 100%; background: #2d2d2d; }
#filmy .history-panel .history { margin: 65px 40px 65px 50px; padding-right: 20px; height: 100%; }
#filmy .history-panel .history h1 { font-size: 32px; color: #fff; margin-top: 0; }
#filmy .history-panel .history p { font-size: 12px; color: #707070; }
#filmy .history-panel .history-control { position: absolute; overflow: hidden; width: 55px; height: 25px; left: -25px; top: 50%; }
#filmy .history-panel .history-control span { display: inline-block; width: 55px; height: 25px; position: absolute; }
#filmy .history-panel .history-control .opened { background: url('../images/reklamy/arrow-red-left.png') 40px 10px no-repeat #fff; }
#filmy .history-panel .history-control .closed { background: url('../images/reklamy/ico-closed.png') 10px 7px no-repeat #2d2d2d; left: 55px;}
#filmy .history-panel .history img{ display: block; margin-bottom: 25px; width: 187px;}
#filmy .scroll-pane{width: 190px; xheight: 200px; overflow: hidden; outline: none; margin-bottom: 13px;}




/* SMAK */
#smak{height: 830px; background: url('../images/smak/bg.jpg') left top repeat #fff; width: 100%;}
#smak .container-tiles{width: 100%; height: 480px; position: relative;}
#smak .tiles { width: 960px; margin: 0 auto;}
#smak .tiles .text1{color: #fff; text-align: center; text-transform: uppercase; margin-top: 80px; font-size: 16px; font-family: neris-thin-webfont;}
#smak .tiles .text2{color: #fff; text-align: center; margin-top: 30px; font-size: 14px; font-family: neris-thin-webfont; padding: 0 20px;}
#smak .tiles .text3{color: #fff; text-align: center; margin-top: 0px; font-size: 14px; font-family: neris-thin-webfont; padding: 0 20px;}
#smak .tile .szlaczek{ width: 47px; height: 13px; background: url('../images/smak/szlaczek.png') left top; margin-left: 133px; margin-bottom: 10px;}
#smak .tile .title{ color:#fff; font-size: 18px; text-align: center; width: 310px;}
#smak .tile .desc{color:#fff; font-size: 12px; text-align: center; padding: 10px 30px;}
#smak-tile1{ top:0; left:0; background: url('../images/smak/smak1_2.jpg') left top no-repeat; }
#smak-tile2{ top:0; left:320px; background: url('../images/smak/smak2_3.png') left top no-repeat; }
#smak-tile3{ top:0; left:800px; background: url('../images/smak/smak3_2.jpg') left top no-repeat; }
#smak-tile4{ top:0; left:0; background: url('../images/smak/smak4.jpg') left top no-repeat; }
#smak-tile4 .hover { width: 310px;  left: -310px; background: url('../images/smak/tile-hover-opacity-dark.png') left top no-repeat; }
#smak-tile4 .hover .text { display: block; position: absolute; top: 45px; left: -150px; width: 310px; height: 60px; color: #fff; font-size: 14px; text-transform: uppercase; }
#smak-tile5{ top:0; left:320px; background: url('../images/smak/smak5.jpg') left top no-repeat; }
#smak-tile5 .hover { width: 310px;  left: -310px; background: url('../images/smak/tile-hover-opacity-dark.png') left top no-repeat; }
#smak-tile5 .hover .text { display: block; position: absolute; top: 45px; left: -150px; width: 310px; height: 60px; color: #fff; font-size: 14px; text-transform: uppercase; }
#smak-tile6{ top:0; left:640px; background: url('../images/smak/smak6.jpg') left top no-repeat; }
#smak-tile6 .hover { width: 310px;  left: -310px; background: url('../images/smak/tile-hover-opacity-dark.png') left top no-repeat; }
#smak-tile6 .hover .text { display: block; position: absolute; top: 45px; left: -150px; width: 310px; height: 60px; color: #fff; font-size: 14px; text-transform: uppercase; }


/* PRODUCTS */
#products{overflow: hidden;}
#products .products-menu ul li a{white-space:nowrap}
#products .products-menu ul li a:hover{color:#c2c2c2}
#products .products-menu ul li a:active{color:#c2c2c2}
#products .products-menu ul li a:visited{color:#c2c2c2}
#products { background: #f7f7f8; margin-bottom: 10px; }
#products .products-menu { height: 40px; margin: 0 auto 0; position: absolute; top: 10px; width: 100%; text-align: center;}
#products .products-menu ul {list-style: none; padding: 0; top: 0; background: #fff; left: auto; position: relative; width: auto; display: inline-block; margin: auto;}
#products .products-menu ul li { display: inline-block; width: 105px; height: 40px; margin: 0; padding: 0; text-align: center; text-indent: 0; border: none; border-radius: 0; background: none; }
#products .products-menu ul li a { font-size: 12px; line-height: 40px; }
#products .products-menu ul li.active a { color: #e60004; }
#products .carousel-control { top:50%;}
#products .products-list { width: 100%; height: 750px; position: relative; overflow: hidden; }
#products .products-list { margin: auto; }
#products .products-list .product { width: 100%; height: 100%; xmax-width: 1500px; margin: auto;}
#products .products-list .product div{ width: 100%; height: 100%; xmax-width: 1500px; margin: auto;}
#products .products-list #product-raff-90 div{ background: url('../images/opakowania/raff-90.png') center center no-repeat; background-size: 100%; }
#products .products-list #product-raff-300 div{ background: url('../images/opakowania/raffaello_t30.png') center center no-repeat; background-size: 100%; }
#products .products-list #product-raff-30 div{ background: url('../images/opakowania/raff-30.png') center center no-repeat; background-size: 100%; }
#products .products-list #product-t14-merci div{ background: url('../images/opakowania/T14-merci.png') center center no-repeat; background-size: 100%; }
#products .products-list #product-t14-serce div{ background: url('../images/opakowania/serce_T14.png') center center no-repeat; background-size: 100%; }
#products .products-list #product-t8 div{ background: url('../images/opakowania/Tuba_T8.png') center center no-repeat; background-size: 100%; }
#products .products-list #product-giotto div{ background: url('../images/opakowania/packshot-giotto.png') center center no-repeat; background-size: 100%; }
#products .products-list #product-rasp div{ background: url('../images/opakowania/packshot-rasp.jpg') center center no-repeat; background-size: 100%; }

#products .products-list #product-raff-30c div{ background: url('../images/opakowania/RAFFAELLO_g300-Cubo_928x635.png') center center no-repeat; background-size: 100%; }
#products .products-list #product-raff-70 div{ background: url('../images/opakowania/RAFFAELLO_-g70_928-x635.png') center center no-repeat; background-size: 100%; }
#products .products-list #product-fc-269 div{ background: url('../images/opakowania/T24-Collection_928x635.png') center center no-repeat; background-size: 100%; }
#products .products-list #product-fc-172 div{ background: url('../images/opakowania/T15-Collection_928x635.png') center center no-repeat; background-size: 100%; }
#products .products-list #product-fc-129 div{ background: url('../images/opakowania/Choinka-Collection_300_928x635.png') center center no-repeat; background-size: 100%; }

#products .products-list #product-2 div{ background: url('../images/opakowania/packshot3.jpg') center center no-repeat; background-size: 100%; }
#products .products-list #product-2-1 div{ background: url('../images/opakowania/raff_230_1.jpg') center center no-repeat; background-size: 100%; }
#products .products-list #product-2-2 div{ background: url('../images/opakowania/raff_230_2.jpg') center center no-repeat; background-size: 100%; }
#products .products-list #product-2-3 div{ background: url('../images/opakowania/raff_230_3.jpg') center center no-repeat; background-size: 100%; }
#products .products-list #product-2-4 div{ background: url('../images/opakowania/raff_230_4.jpg') center center no-repeat; background-size: 100%; }
#products .products-list #product-1 div{ background: url('../images/opakowania/packshot4a.jpg') center center no-repeat; background-size: 100%; }
#products .products-list #product-3 div{ background: url('../images/opakowania/packshot1.jpg') center center no-repeat; background-size: 100%; }
#products .products-list #product-3-1 div{ background: url('../images/opakowania/raff_150_1.jpg') center center no-repeat; background-size: 100%; }
#products .products-list #product-3-2 div{ background: url('../images/opakowania/raff_150_2.jpg') center center no-repeat; background-size: 100%; }
#products .products-list #product-3-3 div{ background: url('../images/opakowania/raff_150_3.jpg') center center no-repeat; background-size: 100%; }
#products .products-list #product-3-4 div{ background: url('../images/opakowania/raff_150_4.jpg') center center no-repeat; background-size: 100%; }
#products .products-list #product-4 div{ background: url('../images/opakowania/packshot2.jpg') center center no-repeat; background-size: 100%; }
#products .carousel-control { opacity: 1; border-radius: 0; border: none; background: url('../images/opakowania/carousel-nav.png') 0 0 no-repeat transparent; width: 50px; height: 50px; }
#products .carousel-control.right {right: 15px;left: auto;  background-position: -50px 0; }
#products .carousel-control.left {left: 15px; right: auto;}


/* KONTAKT */
#kontakt{ background: url('../images/kontakt/bg-text.jpg') no-repeat center top; width: 100%; padding: 20px 0;}
#kontakt .content{max-width: 960px; width: 100%; margin: 0 auto; position: relative; overflow: hidden;}
#kontakt .kontakt-form{min-height: 640px; color: #000;}
#kontakt .title{font-size: 37px; margin-bottom: 20px; line-height: 40px; color: #7a7a7a;}
#kontakt .content-box{float: left; background: #fff;  width: 430px; padding: 20px; margin-right: 10px;}
#kontakt .content-box.left{padding: 0px; background: transparent;}
#kontakt .content-box.left .content-box-item{background: #fff;  padding: 20px; margin-bottom: 10px;}


#kontakt .content-box.right{width: 420px; padding: 20px 25px;}
#kontakt .content-box .desc-kontakt{float: left; width: 50%; font-size: 12px; color: #838383;}
#kontakt .input-label{width: 90px; color: #838383; font-size: 10px; display: inline-block;}
#kontakt .input-box input{ margin-left: 5px; width: 306px; background: #f3f3f3; border: 1px solid #f3f3f3; margin-top: 15px; height: 28px; padding: 0 6px}
#kontakt .input-box input.error{border: 1px solid #b00c00;}
#kontakt .input-box textarea{margin-left: 5px; width: 306px; height: 139px; background: #f3f3f3; margin-top: 15px; resize:none; border: 1px solid #f3f3f3; padding: 6px;}
#kontakt .input-box textarea.error{border: 1px solid #b00c00;}
#kontakt .info{width: 400px; margin-top: 15px; color: #838383; font-size: 10px; line-height: 14px;}
#kontakt .checkboxes{ margin-top: 20px;}
#kontakt .send-box{ color: #000; font-size: 14px; margin-top: 36px; margin-bottom: 18px; text-transform: uppercase;}
#kontakt .send-box .submit{background: url('../images/kontakt/submit_mail.jpg'); width: 40px; height: 13px; display: inline-block; margin-left: 15px; cursor: pointer;}
#kontakt .checkbox{ display: none;}
#kontakt .post-stages{ margin-left: 97px;}
#kontakt .error-box{ color: #b00c00; position: absolute; font-size: 11px; margin-left: 0px; line-height: 14px; margin-top: 47px;}
#kontakt .error-box div{color: #b00c00; display: none;}
#kontakt .dropdown-toggle{width: 309px; background: #f3f3f3; margin-top: 15px; display: block; height: 28px; padding-left: 10px; color: #000; line-height: 27px;  border: 1px solid #f3f3f3;}
#kontakt .dropdown-toggle.error{border: 1px solid #b00c00;}
#kontakt .checkboxLabel{
    background: url('../images/kontakt/checkbox_off.jpg') no-repeat;
    width: 500px;
    min-height: 15px;
    display: block;
    cursor: pointer;
    z-index: 9999;
    color: #838383;
    font-size: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 12px;
}
#kontakt .checked{background-image: url('../images/kontakt/checkbox_on.jpg');}
#kontakt .label_text{margin-left: 20px; text-align: justify; width: 395px; margin-bottom: 15px;}
#kontakt .checkboxLabel.error .label_text{color:#b00c00;}
#kontakt .dropdown-menu>li>a:hover{background: #999;}
#kontakt .select-arrow{ background: url('../images/kontakt/select_arrow.png'); width: 18px; height: 12px; margin: -18px 0 0 280px; cursor: pointer; display: block; position: absolute;}

/* SKLADNIKI */
#skladniki,#ingredients{
    background: url('../images/skladniki/tlo_skladniki4.jpg') no-repeat center top;
    width: 100%;
    color: #868686;
    margin-bottom: 10px;
    position: relative;
    padding-top: 60px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    line-height: 20px;
}

#skladniki .skladniki-contener{width:960px; margin: auto;}
#skladniki .sklad-opis{width:410px; height: 177px; background: #fff; margin-bottom: 10px; padding: 50px 30px 0 30px; float:left;}
#skladniki .sklad-opis .title{ color:#a1a1a1; font-size: 18px; margin-bottom: 25px;}
#skladniki .sklad-opis .desc{ font-size: 14px;}
#skladniki .sklad-photo{
    width:470px;
    height: 227px;
    background: url('../images/skladniki/skladniki2.jpg') no-repeat;
    float:left;
    margin-left: 10px;
    width: 179px;
    background-position: center top;

}

#skladniki .sklad-table{ clear: both; background: #fff;width: 599px; font-size: 9px; padding: 20px 30px;}
#skladniki .sklad-table table {width: 590px;}
#skladniki .sklad-table .header{font-size: 11px; border-bottom: 1px solid #e60004; color: #a1a1a1;}
#skladniki .sklad-table .header td{padding-bottom: 5px;}
#skladniki .sklad-table .first td{padding-top: 5px;}
#skladniki .sklad-table table tr td:nth-child(1){width: 174px;}
#skladniki .sklad-table table tr td:nth-child(2){width: 50px; text-align: right;}
#skladniki .sklad-table table tr td:nth-child(3){width: 113px; padding-left: 73px; text-align: center;}
#skladniki .sklad-table table tr td:nth-child(4){width: 183px; text-align: center;}
#skladniki .sklad-box-bottom{width: 599px; background: #fff; padding: 10px 30px; font-size: 9px; margin-top: 10px;}

#ingredients .container{
  font-family: 'Montserrat', sans-serif;
  width:960px;
  margin:0 auto;
  position:relative;
  padding:40px 100px;
  box-sizing:border-box;
}
#ingredients .container > *{
  position:relative;
}
#ingredients .container::before{
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background:#ffffff url('../images/flower-grey-desktop.svg') no-repeat;
}
#ingredients h2{
  font-size:40px;
  line-height:120%;
  font-weight:300;
  color:#db2516;
  margin:0 0 20px 0;
}
#ingredients .info{
  width:360px;
  float:left;
}
#ingredients h3{
  font-size:32px;
  line-height:40px;
  letter-spacing:-1px;
  font-weight:300;
  color:#433a3a;
  margin:0 0 20px 0;
}
#ingredients p{
  font-size:16px;
  line-height:24px;
  font-weight:400;
  color:#433a3a;
  margin:0 0 20px 0;
}
#ingredients .table{
  width:360px;
  float:right;
}
#ingredients .table table{
}
#ingredients .table th{
  font-size:16px;
  line-height:24px;
  font-weight:600;
  color:#433a3a;
  margin:0 0 20px 0;
}
#ingredients .table th,
#ingredients .table td{
  text-align:left;
  padding:2px 5px;
  margin:0;
  vertical-align:top;
}
#ingredients .table th + th,
#ingredients .table td +td{
  text-align:right;
  white-space:nowrap;
}
#ingredients .table dir{
  margin:0 0 0 10px;
  padding:0;
}
#ingredients .table dir::before{
  content:'-';
  position:absolute;
  margin:0 0 0 -10px;
}

.scroll-pane{width: 390px; xheight: 200px; overflow: hidden; outline: none; margin-bottom: 13px;}
.horizontal-only{ width: auto !important; max-width: 800px; overflow-y: hidden !important;}
.jspVerticalBar .jspDrag{width: 8px; background: #707070; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.jspVerticalBar .jspTrack{background: transparent;}
.jspVerticalBar, .jspHorizontalBar{background: transparent;}
.jspVerticalBar{background: transparent;}

#polityka{ background: url('../images/polityka/bg-text.jpg') no-repeat scroll left top / 100% auto #FFFFFF; width: 100%; padding: 20px 0;}
#polityka .bgtext{background: #fff; max-width: 920px; width: 100%; padding: 20px; margin: 0 auto; height: 600px; position: relative; overflow: hidden;}
#polityka .bgtext .title{font-size: 45px; margin-bottom: 20px; line-height: 45px;}
.polityka-content{position: relative; overflow: hidden; height: 600px; outline: none;}
.polityka-content .jspVerticalBar .jspDrag{background-color: #C2C2C2;}