@charset "utf-8";
/* OMATECH Xtreme Web Culture */
/****** RBA COLECCIONES ******/

/* RESET */
abbr { border:none; }
address { font-style:normal; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
ul, ol, dl { margin:0; padding:0; }
ul, ol { list-style:none; }
form { margin:0; padding:0; display:block; }
fieldset { border:0; margin:0; padding:0; }
legend { padding:0; white-space:normal; }
p, blockquote, figure, article { margin:0; padding:0; }
a img { border:0; }
hr { display:none; }
sup { text-transform:none !important; }
a, a:focus, a:active { outline:none !important; }


/* FONTS */
/* Montserrat */
@font-face {
    font-family:'montserrat_regular';
    src: url('font/Montserrat-Regular.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'montserrat_bold';
    src: url('font/Montserrat-Bold.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
/* RALEWAY */
@font-face {
    font-family:'raleway_light';
    src: url('font/Raleway-Light.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'raleway_regular';
    src: url('font/Raleway-Regular.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'raleway_medium';
    src: url('font/Raleway-Medium.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'raleway_semibold';
    src: url('font/Raleway-SemiBold.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'raleway_bold';
    src: url('font/Raleway-Bold.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}


/* INIT */

html{max-width: 100%; overflow-x: hidden;}

body { font-family:Helvetica, Arial, sans-serif; font-size:13px; margin:0; padding:0; overflow-y:auto; overflow-x:hidden;}
h1, h2, h3, h4, h5, h6 { font-family:Helvetica, Arial, sans-serif; font-weight:normal; }
textarea, input, select, button { font-family:Helvetica, Arial, sans-serif; }
.img img { max-width:100%; }
.btn { font-weight:normal !important; }

/* STICKY */
#sticky { z-index:1000; }

/* HEADER */
#header { padding:20px 0; }
#header .page-tit { visibility:hidden; height:1px; }
#header .logo { text-align:center; }
#header .logo-rba { text-align:left; }
#header .logo-colec { text-align:center; }
#header .logo-colec a { display:block; }
#header .logo img, #header .logo-rba img, #header .logo-colec img { max-width:100%; }
#header .phone { text-align:center; }
#header .phone p { font-size:18px; text-align:right; margin-bottom:5px; }
#header .phone p a { cursor:default; }
#header .phone p a:hover { text-decoration:none; }
#header .phone .btn { font-family:'raleway_bold'; font-size:15px; text-decoration:none; text-transform:uppercase; border-width:1px; border-style:solid; border-radius:0; }
#header .phone .btncall { padding: 6px 15px; }
#header .menu-btn button { width:50px; margin:0; }
#header .menu-btn button span { width:100%; height:3px; }


/* NAVEGACIO */
#nav { z-index:10; }
#nav a { text-transform:uppercase; text-decoration:none; }
#nav #navbar { padding:0; }
#nav .nav { padding:0 !important; }
#nav .nav {}
#nav .nav > li { font-family:'raleway_bold'; font-size:15px; vertical-align:middle; height:50px; }
#nav .nav > li.btns { font-family:'raleway_light'; margin-left:20px; }
#nav .nav > li > a { padding-top:0; padding-bottom:0px; text-align:left; vertical-align:1.2; }
#nav .nav > li:first-child > a { padding-left:0; }
#nav .nav > li.btns span { display:block; }
#nav .nav > li.btns a { border:1px solid; margin:5px 10px; }
#nav .nav > li > a:hover {}
/**/
#nav .subs {}
#nav .subs > div { display:table; width:90%; height:50px; float: right;}
#nav .subs .promo { font-family:'montserrat_bold'; font-size:15px; line-height:1.25; display:table-cell; width:46%; height:90%; vertical-align:middle; padding:5px 10px; white-space:nowrap; /*border:10px solid; border-right-width:25px;*/ }

#nav .subs .promo, #nav .subs .promo a, #nav .subs .promo a:hover { text-transform: none;}

#nav .subs a.btn { font-family:'montserrat_bold'; font-size:19px; font-weight:normal; display:table-cell; height:100%; vertical-align:middle; border-radius:0; padding-left:10px; padding-right:10px; }



/* CONTINGUT */
#main { margin:0 auto 20px auto; }
#main .content-block { margin-top:40px; margin-bottom:40px; }
#main .panel-collapse { padding-top:30px; padding-bottom:30px; }

/* CAROUSEL */
#main .carousel-rba {}
#main .carousel-rba .owl-item { margin-top:0; }
#main .carousel-rba .owl-controls { position:absolute; top:50%; }
#main .carousel-rba .owl-controls .owl-nav .owl-prev { margin-left:10px; }
#main .carousel-rba .owl-controls .owl-nav .owl-next { margin-right:10px; }


/* seccions amb background */
#main .bg-holder { margin:0 -999px; padding:30px 0 50px 0; }
#main .bg-holder > .row { margin:0 999px; }
#main .bg-holder.stick-block { padding-top:0; padding-bottom:0; }


/* TITOL */
#main .title { text-align:center; position:relative; margin:10px 0 30px 0; }
#main .title:after { position:absolute; top:50%; display:block; height:1px; width:100%; margin-top:-0.5px; content:''; }
#main .title h2 { font-family:'montserrat_regular'; font-size:26px; text-transform:uppercase; text-align:center; letter-spacing:-0.5px; }
#main .title h2 span { display:inline-block; padding:10px 30px; position:relative; z-index:1; }


/* SUBTITOL */
#main .sub-title { text-align:center; margin:20px 0 30px 0; letter-spacing:-0.5px; }
#main .sub-title h2 { font-family:'montserrat_regular'; font-size:26px; text-transform:uppercase; text-align:center; }


/* BOTO */
#main .btn-row { text-align:center; margin:0 auto; }
#main .btn, .RBA-modal .btn { font-family:'montserrat_bold'; font-size:16px; display:inline-block; text-transform:uppercase; text-align:center; text-decoration:none; border-radius:0; padding:15px 30px; border:none; }
#main .panel-collapse .btn-row .btn { padding-left:70px; padding-right:70px; margin-top:30px; }


/* BOTO ICONES */
#main .btn-ico { display:block; width:36px; height:36px; border-radius:50%; font-size:16px; text-decoration:none; text-align:center; line-height:36px; }


/* BARRA DE LINK */
#main .linkbar { text-align:center; margin:0 -999px; margin-top:20px; }
#main .linkbar:hover { cursor:pointer; }
#main .linkbar a { font-family:'montserrat_bold'; font-size:16px; text-transform:uppercase; text-align:center; display:block; padding:15px 0; position:relative; }
#main .linkbar a:hover { text-decoration:none; }
#main .linkbar a span { position:relative; top:2px; }

/**/
#main .stick-block { margin-top:0; margin-bottom:0; }
#main .stick-block .linkbar { margin-top:0; }

/* CARRUSEL COLECCION */
#main .carrousel { position:relative; background-repeat:no-repeat;  background-size:cover;}
#main .carrousel .info { padding:30px 20px 20px 20px; margin:50px -15px 25px 15px; }
#main .carrousel .info .tit { font-family:'montserrat_bold'; font-size:27px; line-height:1.2; text-transform:uppercase; margin-bottom:5px; }
#main .carrousel .info .txt { font-family:'raleway_medium'; font-size:24px; margin-bottom:0; }
#main .carrousel .info .btn { margin-top:10px; }
#main .carrousel .btn-row { text-align:left; }
#main .carrousel .bg-carrousel { min-height:459px; /*height:auto;*/ /*background-image:url(../images/carrousel-pic-01.png); background-repeat:no-repeat;*/ background-size:contain; margin:0; }
/* boto */
#main .carrousel .btn-box { float:right; padding:10px 15px 15px 15px; margin:0 0 25px 0; margin-right:-15px; text-align:center; }
#main .carrousel .btn-box .offer-txt { font-family:'montserrat_bold'; font-size:18px; text-align:center; }
#main .carrousel .btn-box .btn { font-size:20px; padding-bottom:10px; padding-top:10px; margin-top: 10px; display:none; }
#main .carrousel .btn-box .offer-subtxt { font-family:'montserrat_regular'; font-size:16px; text-align:center; color: #000;}
#main .active .carrousel .btn-box .btn { display:inline-block; }

/* social */
#main .carrousel .social { position:absolute; right:0; top:120px; }
#main .carrousel .social li { margin-bottom:8px; }
#main .carrousel .social li a { display:block; width:55px; height:35px; overflow:hidden; text-indent:-999px; }
/* scroll */
#main .carrousel .btn-scroll { background:url(img/scroll-btn.png) no-repeat; background-size:100%; position:absolute; left:49%; bottom:30px; display:none; width:46px; height:45px; margin-left:-23px; text-indent:-999px; }
#main .active .carrousel .btn-scroll { display:block; }

/* COLECCIONES */
#main .collection { margin-bottom:20px; }
.readmore {color: #BC0D1A; font-size: 1.2em; text-decoration: underline;}
.readmore:hover{color: #000000; font-size: 1.2em; text-decoration: underline;}
.a_pdf_collection {color: #c10023; font-size: 1.2em; font-weight: bold; text-decoration: underline;}
.a_pdf_collection:hover {color: #000000;}
.a_pdf_collection:after{ margin: 5px 10px; content: url('/images/pdf-icon.png');}

/* TEXT */
#main .text { font-family:'raleway_light'; font-size:16px; margin-bottom:20px; }
#main .text h3, #main .text strong { font-family:'raleway_bold'; font-size:16px; font-weight:normal; margin-bottom:10px; }
#main .text h3 {text-transform:uppercase;}
#main .text p { font-family:'raleway_light'; font-size:16px; margin-bottom:20px; }
#main .text ul, #main .text ol { list-style:outside; padding-left:20px; margin-bottom:20px; }
#main .text ol { list-style:decimal; }
#main .text li { font-family:'raleway_light'; font-size:16px; }
#main .text ul li {}
#main .text ol li {}
#main .text blockquote { font-family:'raleway_bold'; font-size:16px; border:none; margin-bottom:20px; }
#main .text blockquote:before { content:'« '; }
#main .text blockquote:after { content:' »'; }


/* SLIDE ENTREGAS */
#main .delivery-slide {}
#main .delivery-slide .owl-entregas {}
#main .delivery-slide .owl-entregas .owl-stage-outer { padding:0 40px;    padding-left: 51px;}
#main .delivery-slide .owl-entregas { min-height:250px; }
#main .delivery-slide .slide-list { min-height:250px; text-align:center; margin-bottom:30px; }
#main .delivery-slide .slide-list:before, #main .delivery-slide .slide-list:after { content:" "; display:table; }
#main .delivery-slide .slide-list:after { clear:both; }
#main .delivery-slide .slide-list > li { display:inline-block; vertical-align:middle; margin:0 40px; }
#main .delivery-slide .owl-item,
#main .delivery-slide .active { margin-top:0; }
#main .delivery-slide .delivery-li { text-align:center; }
#main .delivery-slide .tit { text-transform:uppercase; text-align:center; margin-bottom:10px; /*opacity:0;*/ }
#main .delivery-slide .tit a { text-decoration:none; }
#main .delivery-slide .tit h3 { font-family:'raleway_bold'; font-size:16px; margin-bottom:5px; }
#main .delivery-slide .tit h4 { font-family:'raleway_bold'; font-size:16px; }
#main .delivery-slide .img { /*background-color:#000;*/ width:90%; text-align:center; margin-left:auto; margin-right:auto; cursor:pointer;}
#main .delivery-slide .center .img { width:100%; }
#main .delivery-slide .img img { /*opacity:0.7;*/ }
#main .delivery-slide .center .delivery-li .img img { /*opacity:1;*/ }
#main .delivery-slide .img img:hover { opacity:0.7; }

@media (max-width: 769px) {
    #main .delivery-slide .img img:hover { opacity:1; }
    #main .delivery-slide .img {cursor: default;}
}

@media (max-width: 650px) {
    #main .delivery-slide .owl-entregas .owl-stage-outer { padding:0 40px;    padding-left: 20px;}
}
/* active */
/*#main .delivery-slide .active .delivery-li .tit { opacity:1; -webkit-transition:opacity, 0.5s, ease-in-out; -moz-transition: opacity, 0.5s, ease-in-out; -ms-transition: opacity, 0.5s, ease-in-out; -o-transition: opacity, 0.5s, ease-in-out; transition: opacity, 0.5s, ease-in-out; }
#main .delivery-slide .active .delivery-li .img { width:235px; -webkit-transition:width, 0.5s, ease-in-out; -moz-transition: width, 0.5s, ease-in-out; -ms-transition: width, 0.5s, ease-in-out; -o-transition: width, 0.5s, ease-in-out; transition: width, 0.5s, ease-in-out; }
#main .delivery-slide .active .delivery-li .img img { opacity:1; -webkit-transition:opacity, 0.5s, ease-in-out; -moz-transition: opacity, 0.5s, ease-in-out; -ms-transition: opacity, 0.5s, ease-in-out; -o-transition: opacity, 0.5s, ease-in-out; transition: opacity, 0.5s, ease-in-out; }*/
/* center */
#main .delivery-slide .center .delivery-li .tit { opacity:1; -webkit-transition:opacity, 0.5s, ease-in-out; -moz-transition: opacity, 0.5s, ease-in-out; -ms-transition: opacity, 0.5s, ease-in-out; -o-transition: opacity, 0.5s, ease-in-out; transition: opacity, 0.5s, ease-in-out; }
/* hover */
/*
#main .delivery-slide .delivery-li:hover { cursor:pointer; }
#main .delivery-slide .delivery-li:hover .tit { opacity:1; -webkit-transition:opacity, 0.5s, ease-in-out; -moz-transition: opacity, 0.5s, ease-in-out; -ms-transition: opacity, 0.5s, ease-in-out; -o-transition: opacity, 0.5s, ease-in-out; transition: opacity, 0.5s, ease-in-out; }
#main .delivery-slide .delivery-li:hover .img { width:100%; -webkit-transition:width, 0.5s, ease-in-out; -moz-transition: width, 0.5s, ease-in-out; -ms-transition: width, 0.5s, ease-in-out; -o-transition: width, 0.5s, ease-in-out; transition: width, 0.5s, ease-in-out; }
#main .delivery-slide .delivery-li:hover .img img { opacity:1; -webkit-transition:opacity, 0.5s, ease-in-out; -moz-transition: opacity, 0.5s, ease-in-out; -ms-transition: opacity, 0.5s, ease-in-out; -o-transition: opacity, 0.5s, ease-in-out; transition: opacity, 0.5s, ease-in-out; }
*/

/**/
#main .owl-entregas .owl-stage { display:table; }
#main .owl-entregas .owl-item { display:table-cell; float:none; height: 100%; vertical-align: top; }

/* mobil */
#main .delivery-slide .phone-info { display:none; padding:0 20px 30px 0; }
#main .delivery-slide .phone-info .thumbs-list { text-align:center; }
#main .delivery-slide .phone-info .thumbs-list li { display:inline-block; width:65px; height:50px; max-height:50px; border:1px solid; margin:0 8px 8px 0; text-align:center; vertical-align:top; overflow:hidden; }
#main .delivery-slide .phone-info .thumbs-list li .img { display:table-cell; height:65px; width:50px; vertical-align:middle; text-align:center; }
#main .delivery-slide .phone-info .item-unfold .thumbs-list li img { max-width:100%; max-height:100%; }
#main .delivery-slide .phone-info .txt p { text-align:left; margin:10px 15px 20px 15px; }
#main .delivery-slide .phone-info .btn { font-size:14px; padding:7px 15px; }


/* ENTREGAS */
#main .delivery-list {}
#main .delivery-list > div:first-of-type { padding-right:33px; }
#main .delivery-list > div:last-of-type { padding-left:33px; }
#main .delivery-list div > ul {}
#main .delivery-list div > ul > li { margin-bottom:20px; }
#main .delivery-list div > ul > li h3 { font-family:'raleway_bold'; font-size:16px; text-transform:uppercase; margin-bottom:10px; font-weight:normal; padding-bottom:5px; border-bottom:1px solid; }
#main .delivery-list div > ul > li ul {}
#main .delivery-list div > ul > li ul li { font-family:'raleway_light'; font-size:16px; }
#main .delivery-list div > ul > li ul li span { font-family:'raleway_semibold'; }
#main .delivery-list div > ul > li sup { text-transform:lowercase; }


/* ENTREGAS DESPLEGAT */
#main .delivery-item { padding:20px 60px 0 60px; margin:0 80px; position:relative; }
#main .delivery-item .delivery-pics { margin-bottom:20px; }
#main .delivery-item .delivery-pics:before, #main .delivery-item .delivery-pics:after { content:''; display:table; }
#main .delivery-item .delivery-pics:after { clear:both; }
#main .delivery-item .delivery-pics .delivery-pic { float:left; width:42%; }
#main .delivery-item .delivery-pics .delivery-pic img { margin:0 auto; text-align:center; }
#main .delivery-item .delivery-pics .item-unfold { width:48%; float:right; }
#main .delivery-item .delivery-pics .item-unfold .main-pic { border:1px solid; margin-bottom:15px; text-align:center; }
#main .delivery-item .delivery-pics .item-unfold .main-pic img {}
#main .delivery-item .delivery-pics .item-unfold .thumbs-list {}
#main .delivery-item .delivery-pics .item-unfold .thumbs-list li { display:inline-block; width:80px; height:65px; max-height:65px; border:1px solid; margin:0 8px 8px 0; text-align:center; vertical-align:top; overflow:hidden; }
#main .delivery-item .delivery-pics .item-unfold .thumbs-list li .img { display:table-cell; height:65px; width:80px; vertical-align:middle; text-align:center; }
#main .delivery-item .delivery-pics .item-unfold .thumbs-list li img { max-width:100%; max-height:100%; }
#main .delivery-item .delivery-info {}
#main .delivery-item .delivery-info:before, #main .delivery-item .delivery-info:after { content:''; display:table; }
#main .delivery-item .delivery-info:after { clear:both; }
#main .delivery-item .delivery-info .tit { margin-bottom:15px; }
#main .delivery-item .delivery-info .tit h3 { font-family:'raleway_bold'; font-size:16px; font-weight:normal; text-transform:uppercase; }
#main .delivery-item .delivery-info .tit h4 { font-family:'raleway_bold'; font-size:16px; font-weight:normal; text-transform:uppercase; }
#main .delivery-item .delivery-info .txt { float:left; width:65%; min-height: 70px;}
#main .delivery-item .delivery-info .txt p { font-family:'raleway_light'; font-size:16px; margin-right:30px; }
#main .delivery-item .delivery-info .btn-holder { float:right; width:35%; margin-top:10px; }
#main .delivery-item .delivery-info .btn { float:right; }
#main .delivery-item .close { position:absolute; top:-5px; right:0; border-radius:50%; font-size:16px; font-weight:normal; line-height:29px; width:27px; height:27px; text-align:center; display:block; }
#main .delivery-item .thumbs-list img:hover {opacity: 0.7;}

/* sense gadgets */
#main .item-nogadget:before, #main .item-nogadget:after { content:''; display:table; }
#main .item-nogadget:after { clear:both; }
#main .item-nogadget .delivery-pics { float:left; width:48%; }
#main .item-nogadget .delivery-pics .delivery-pic { float:none; width:100%; }
#main .item-nogadget .delivery-pics .item-unfold { display:none; }
#main .item-nogadget .delivery-info { float:right; width:48%; }
#main .item-nogadget .delivery-info .tit { /*text-align:center;*/ margin-bottom:20px; }
#main .item-nogadget .delivery-info .txt { float:none; width:auto; }
#main .item-nogadget .delivery-info .txt p { margin:0 0 30px 0; }
#main .item-nogadget .delivery-info .btn-holder { float:none; /*text-align:center;*/ width:auto; }
#main .item-nogadget .delivery-info .btn { float:none; }

/**/
#main #entregas { position:relative; z-index:8; }
#main .entregadetailcontainer { position:relative; padding-top:45px; }
#main .entregadetailcontainer:after { position:absolute; top:-50px; left:50%; display:block; width:100px; height:100px; margin-left:-50px; content:'';
    -ms-transform: rotate(45deg) skew(-25deg, -25deg); /* IE 9 */
    -webkit-transform: rotate(45deg) skew(-25deg, -25deg); /* Safari */
    transform: rotate(45deg) skew(-25deg, -25deg);

}

/* SLIDE CONTROLS */
#main .owl-carousel { position:relative; }
#main .owl-controls { width:100%; }
#main .owl-controls .owl-nav {}
#main .owl-controls .owl-nav a:before, #main .owl-carousel .owl-controls .owl-nav a:after { content:''; display:table; }
#main .owl-controls .owl-nav a:after { clear:both; }
#main .owl-controls .owl-nav > div { position:relative; display:block; width:27px; height:27px; }
#main .owl-controls .owl-nav > div a { position:absolute; width:27px; height:27px; display:block; float:none; overflow:hidden; text-indent:-9999px; line-height:100; border-radius:50%; }

#main .owl-controls .owl-nav > div a:after { position:absolute; border-width:3px 3px 0 0; border-style:solid; top:50%; left:50%; display:block; width:11px; height:11px; margin-top:-6px; content:''; }

#main .owl-controls .owl-nav .owl-prev { float:left; }
#main .owl-controls .owl-nav .owl-prev a {}
#main .owl-controls .owl-nav .owl-prev a:after { margin-left:-4px; -ms-transform:rotate(-135deg); -webkit-transform:rotate(-135deg); transform:rotate(-135deg); }
#main .owl-controls .owl-nav .owl-next { float:right; }
#main .owl-controls .owl-nav .owl-next a {}
#main .owl-controls .owl-nav .owl-next a:after { margin-left:-7px; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); }
/* slide coleccion */
#main .owl-coleccion {}
#main .owl-coleccion .owl-controls { width:70px; margin:35px auto 20px auto; }
#main .owl-coleccion .owl-controls .owl-nav > div {}
/* slide entregas */
#main .owl-entregas {}
#main .owl-entregas .owl-controls {}
#main .owl-entregas .owl-controls .owl-nav > div { position:absolute; top:50%; margin-top:-12px; }
#main .owl-entregas .owl-controls .owl-nav .owl-prev { left:0; }
#main .owl-entregas .owl-controls .owl-nav .owl-next { right:0; }
/* item desplegat */
#main .delivery-item .owl-controls {}
#main .delivery-item .owl-controls .owl-nav {}
#main .delivery-item .owl-controls .owl-nav > div { position:absolute; top:35%; margin-top:-12px; width:200px; height:100px; }
#main .item-nogadget .owl-controls .owl-nav > div { top:50%; }
#main .delivery-item .owl-controls .owl-nav > div a { top:50%; margin-top:-13px; }
#main .delivery-item .owl-controls .owl-nav .owl-prev { left:-180px; }
#main .delivery-item .owl-controls .owl-nav .owl-prev a { right:20px; }
#main .delivery-item .owl-controls .owl-nav .owl-next { right:-180px; }
#main .delivery-item .owl-controls .owl-nav .owl-next a { left:20px; }


/* VENTAJAS */
#main .advant-list {}
#main .advant-list li { margin-bottom:20px; max-height:162px; }
#main .advant-list a { padding:6px; display:table; width:100%; text-decoration:none; text-align:center; }
#main .advant-list span { display:block; margin:4px 6px; }
#main .advant-list a > span { border:1px solid; display:table-cell; vertical-align:middle; text-align:center; height:150px; width:100%; }
#main .advant-list .ordinal { font-family:'raleway_bold'; font-size:26px; }
#main .advant-list .tit { font-family:'raleway_bold'; font-size:16px; text-transform:uppercase; }
#main .advant-list .tit sup { text-transform:lowercase; }
#main .advant-list .price { font-family:'raleway_bold'; font-size:12px; }
#main .advant-list .price em { font-style:normal; font-size:16px; }
#main .advant-list .img { margin-top:10px; }


/* REGALOS */
#main .gift-list {}
#main .gift-list > div { float:none; display:inline-block; vertical-align:top; margin-bottom:30px; }

/*#main .gift-list > div:nth-of-type(3n-2) { padding-right:33px; }
#main .gift-list > div:nth-of-type(3n-1) { padding-left:24px; padding-right:24px }
#main .gift-list > div:nth-of-type(3n) { padding-left:33px; }*/

#main .gift-list.three-columns > div:nth-of-type(3n-2) { padding-right:33px; }
#main .gift-list.three-columns > div:nth-of-type(3n-1) { padding-left:24px; padding-right:24px }
#main .gift-list.three-columns > div:nth-of-type(3n) { padding-left:33px; }

#main .gift-list.two-columns > div:nth-of-type(2n-1) { padding-right:24px; }
#main .gift-list.two-columns > div:nth-of-type(2n) { padding-left:24px; }

#main .gift-list .img { position:relative; border:1px solid; display:block; text-align:center; min-height:212px; margin-bottom:20px; }
#main .gift-list .img a { display:block; }
#main .gift-list .img a:hover img { opacity:0.7; }
#main .gift-list .img .btn-ico { position:absolute; top:10px; right:10px; z-index:8; }
#main .gift-list .tit { text-transform:uppercase; margin-bottom:10px; }
#main .gift-list .tit a { text-decoration:none; }
#main .gift-list .tit h3 { font-family:'raleway_bold'; font-size:16px; margin-bottom:5px; }
#main .gift-list .tit h4 { font-family:'raleway_bold'; font-size:16px; }
#main .gift-list .text {}
#main .gift-list .text p { font-family:'raleway_light'; font-size:16px; }


/* DESCUENTOS */
#main .discount-list {}
#main .discount-list .tit { text-transform:uppercase; margin-bottom:10px; }
#main .discount-list .tit a { text-decoration:none; }
#main .discount-list .tit h3 { font-family:'raleway_regular'; font-size:16px; margin:0 0 8px 12px; text-transform:none; }
#main .discount-list .tit h4 { font-family:'raleway_bold'; font-size:16px; display:inline-block; text-transform:none; padding:8px 24px 8px 12px; }
#main .discount-list .tit h4 .price {}


/* VENTAJAS SUBSCRIPTOR */
#main .advant-panel { margin-bottom:0; }
#main .advant-panel .panel { border:none; margin-top:20px; border-radius:0; box-shadow:none; }
#main .advant-panel .panel-heading { padding:16px 34px; }
#main .advant-panel .panel-title { font-family:'montserrat_regular'; font-weight:normal; font-size:23px; position:relative; padding-left:50px; }
#main .advant-panel .panel-title span { font-family:'montserrat_bold'; }
#main .advant-panel .panel-title a {}
#main .advant-panel .panel-title a:hover { text-decoration:none; }
#main .advant-panel .panel-title .num { position:absolute; top:50%; left:0; margin-top:-18px; display:inline-block; width:36px; height:36px; text-align:center; line-height:36px; border-radius:50%; }
#main .advant-panel .panel-collapse { padding-bottom:0; }
#main .advant-panel .panel-body { border:none; padding:0; }


/* JUEGOS */
#main .games-list {}
#main .games-list ul {}
#main .games-list ul li { margin-bottom:30px; perspective:1000; }
#main .games-list ul li > div { width:100%; height:170px; border:10px solid; text-align:center; }
#main .games-list ul li .front {}
#main .games-list ul li .back { /*max-height:150px; overflow:hidden;*/ display:none; }
#main .games-list ul li h3 { font-family:'montserrat_bold'; font-size:23px; text-transform:uppercase; margin:15px 5px; }
#main .games-list ul li p { font-family:'raleway_regular'; font-size:16px; margin:5px 10px; }



/* FAQ */
#main .faq {}
#main .faq .btn { margin-bottom:30px; }
#main .faq p { font-family:'raleway_regular'; font-size:16px; margin-bottom:20px; }
#main .faq dl { font-size:16px; }
#main .faq dt { font-family:'raleway_bold'; text-transform:uppercase; margin-bottom:10px; font-weight:normal; }
#main .faq dd { font-family:'raleway_regular'; margin-bottom:20px; }


/* FOOTER */
#footer { padding:50px 0 75px 0; }
#footer .row { border-bottom:1px solid; margin-left:0; margin-right:0; }
#footer .row div:first-of-type { padding-left:0; }
#footer .row div:last-of-type { padding-right:0; }
#footer p { margin-bottom:10px; font-size:12px; font-weight:300; }
#footer .link { text-transform:uppercase; margin-top:12px; }
#footer .link a { text-decoration:none; }
#footer .logo-col p { display:inline-block; }
#footer .logo-col .logo { margin-right:20px; }
#footer .logo-col .link { top:9px; position:relative; margin-top:0; }
#footer ul.links { float:right; }
#footer ul.links li { text-transform:uppercase; margin-top:14px; display:inline-block; margin-left:15px; padding-left:15px; line-height:1; border-left:1px solid; }
#footer ul.links li:first-child { border-left:none; }
#footer ul.links li a { text-decoration:none; }
#footer ul.links li a:hover { text-decoration:none; }
#footer a:hover { text-decoration:none; }
/* mobil */
#footer .btn-border { border:1px solid; display:inline-block; padding:8px 10px; text-decoration:none; text-transform:uppercase; }
#footer .phone-call a { display:inline-block; padding:0; text-decoration:none; text-transform:uppercase; }

/* MODAL */
.RBA-modal { border-radius:0 0 6px 6px; }
.RBA-modal .contact { height:auto; }
.RBA-modal .modal-dialog { width:auto; max-width:800px; }
.RBA-modal .modal-header { padding:30px 40px 25px 40px; height:auto; position:relative; border:none; }
.RBA-modal .modal-header .close { width:27px; height:27px; border-radius:50%; font-size:15px; position:absolute; top:10px; right:10px; text-align:center; line-height:30px; }
.RBA-modal .modal-header h2 { font-family:'montserrat_regular'; font-size:18px; text-transform:uppercase; line-height:1; height:auto; }
.RBA-modal .modal-content { padding:20px 40px 30px 40px; border:none; border-radius:0; box-shadow:none; }
.RBA-modal .modal-content .txt { margin-bottom:20px; }
.RBA-modal .modal-content .txt p { font-family:'raleway_regular'; font-size:16px; }
.RBA-modal .modal-content .form {}
.RBA-modal .modal-content .form .form-control { font-family:'raleway_regular'; font-size:14px; margin-bottom:10px; border:none; border-radius:0; box-shadow:none; margin-bottom:10px; }
.RBA-modal .modal-content .form .checkbox { font-family:'raleway_regular'; font-size:12px; margin-bottom:20px; }
.RBA-modal .modal-content .btn { font-size:14px; padding:5px 30px; }

/* comentado para la galeria de primeras páginas */
/* .featherlight .featherlight-image { width:90% !important; } */


/******** RESPONSIVE ********/
/* de tablet en amunt */
@media (min-width: 769px) {
    /* ventajas suscriptor */
    #main .advant-panel .collapse { display:block; }
}

@media (max-width: 1199px) {
    #header .logo-colec { margin-top:5px; }
    /* nav */
    #nav .subs .promo { font-size:14px; border-left-width:0; border-right-width:15px; }
    #nav .subs a.btn { font-size:16px; }
    /* entregas */
    #main .delivery-list > div { padding-left:30px; padding-right:30px; }
    /* entregas desplegat */
    #main .delivery-item { padding-left:50px; padding-right:50px; margin:0 60px; }
    #main .delivery-item .delivery-info .txt { width:55%; }
    #main .delivery-item .delivery-info .btn-holder { width:100%; }
    /* no gadget */
    #main .item-nogadget .delivery-info .txt { width:auto; }
    /* carrusel */
    #main .carrousel .info { margin-top:30px; }
    #main .carrousel .social { top:70px; }
    #main .carrousel .info .tit { font-size:25px; }
    #main .carrousel .info .txt { font-size:23px; }
    #main .carrousel .bg-carrousel { /*height:379px;*/ height:auto; }
    #main .carrousel .btn-scroll { left:47%; }
    /* regals */
    #main .gift-list > div:nth-of-type(3n-2) { padding-right:23px; }
    #main .gift-list > div:nth-of-type(3n-1) { padding-left:19px; padding-right:19px }
    #main .gift-list > div:nth-of-type(3n) { padding-left:23px; }
}

@media (max-width: 991px) {
    #header .logo-rba { margin-top:5px; }
    #header .logo-colec { margin-top:10px; }
    /* entregas */
    #main .delivery-list > div { padding-left:20px; padding-right:20px; }
    /*navegacio*/
    #nav .nav > li > a { padding-left:5px; padding-right:5px; }
    #nav .nav > li.btns a { margin-left:5px; margin-right:5px; }
    #nav .subs a.btn { padding-left:15px; padding-right:15px; }
    #nav .subs a.btn { font-family:'montserrat_regular'; font-size:16px; }
    /* carrusel */
    #main .carrousel .info { margin-top:20px; padding-top:20px; padding-bottom:20px; }
    #main .carrousel .social { top:40px; }
    #main .carrousel .info .tit { font-size:22px; }
    #main .carrousel .info .txt { font-size:20px; line-height:1.1; display:none; }
    #main .carrousel .bg-carrousel { /*height:290px;*/ height:auto; }
    #main .carrousel .btn-scroll { width:40px; height:40px; bottom:25px; }
    /* entregas desplegat */
    #main .delivery-item { padding-left:40px; padding-right:40px; margin:0; }
    /* regals */
    #main .gift-list > div:nth-of-type(2n-1) { padding-left: 15px !important; padding-right:22px !important; }
    #main .gift-list > div:nth-of-type(2n) { padding-left:22px !important; padding-right: 15px !important; }
    /*footer*/
    #footer { padding:35px 0 50px 0; }

    #main .btn, .RBA-modal .btn { font-size: 12px !important; }
    .featherlight-next, .featherlight-previous { top: 50% !important;}
    .featherlight-next { right: 10px !important; left: auto !important;}
    .featherlight-previous { left: 10px !important; }
    .featherlight-next span, .featherlight-previous span { margin-top: 0 !important }
}


@media (min-width: 769px) {
    /* NAVEGACIO FIXA */
    #sticky.static-nav { position:relative; }
    #sticky.static-nav .container { position:relative; }
    #sticky.static-nav #header { height:0; padding:0; transition-delay:0s; transition-duration:0.4s; transition-property:all; transition-timing-function:ease-out; }
    #sticky.static-nav #header .row, #sticky.static-nav #header .row > div { padding:0; margin:0; }
    #sticky.static-nav #header .menu-btn { display:block !important; position:absolute; top:10px; left:0; z-index:100; transition-delay:0s; transition-duration:0.4s; transition-property:all; transition-timing-function:ease-out; }
    #sticky.static-nav #header .menu-btn .navbar-sticky-toggle { display:block !important; float:left; }
    #sticky.static-nav #header .logo-rba { display:none; transition-delay:0s; transition-duration:0.4s; transition-property:all; transition-timing-function:ease-out; }
    #sticky.static-nav #header .logo-colec { position:absolute; z-index:1001; height:60px; left:100px; top:5px; width:45%; text-align:left; transition-delay:0s; transition-duration:0.4s; transition-property:all; transition-timing-function:ease-out; }
    #sticky.static-nav #header .logo-colec img { height:60px !important; text-align:left; transition-delay:0s; transition-duration:0.4s; transition-property:all; transition-timing-function:ease-out; }
    #sticky.static-nav #header .phone { display:none; }

    #sticky.static-nav #nav { height:71px !important; }
    #sticky.static-nav #nav #navbar, #sticky.static-nav #nav #navbar.collapsing { height:71px !important; }
    #sticky.static-nav #nav #navbar > div:first-of-type { display:none; }

    #sticky.static-nav #nav #navbar.collapsing .subs { position:relative; top:1px; }

    #sticky.static-nav #nav #navbar > div#navmenu.collapse.in { display:block !important; position:absolute; top:70px; padding:0 !important; width:auto; }
    #sticky.static-nav #nav #navbar > div#navmenu.collapse.in .nav { display:block !important; float:left; background-color:#000; min-width:350px; }
    #sticky.static-nav #nav #navbar > div#navmenu.collapse.in .nav > li { display:block; float:none; text-align:center; width:auto; height:auto; border-top-width:1px; border-top-style:solid; }
    #sticky.static-nav #nav #navbar > div#navmenu.collapse.in .nav > li.selected,
    #sticky.static-nav #nav #navbar > div#navmenu.collapse.in .nav > li:hover { background-color:#fff; color:#5c5b5f; }
    #sticky.static-nav #nav #navbar > div#navmenu.collapse.in .nav > li a { padding:20px 50px; text-align:center; }
    #sticky.static-nav #nav #navbar > div#navmenu.collapse.in .nav > li.selected a,
    #sticky.static-nav #nav #navbar > div#navmenu.collapse.in .nav > li:hover a { background-color:#fff; color:#5c5b5f; }
    #sticky.static-nav #nav #navbar > div:last-of-type { float:right; }
    #sticky.static-nav #nav #navbar .nav { display:none; transition-delay:0s; transition-duration:0.4s; transition-property:all; transition-timing-function:ease-out; }
    #sticky.static-nav #nav #navbar .subs { position:relative; z-index:1002; }
    #sticky.static-nav #nav #navbar .subs > div { height:70px; transition-delay:0s; transition-duration:0.4s; transition-property:all; transition-timing-function:ease-out; }
    #sticky.static-nav #nav #navbar .subs .promo , #sticky.static-nav #nav #navbar .subs a.btn { height:100%; padding-left:10px; padding-right:10px; }

    #sticky #nav #navbar #navmenu { display:none !important; }
    #sticky.static-nav #nav #navbar #navmenu { display:none; }

}


@media (max-width: 768px) {
    #header .logo { margin-top:5px; }
    /**/
    #main { padding-bottom:130px; overflow:hidden; padding-top: 80px;}
    #main .bg-holder { margin-left:-15px; margin-right:-15px; }
    #main .bg-holder > .row { margin-left:0; margin-right:0; }
    /**/
    #main .linkbar { margin-left:-15px; margin-right:-15px; }
    /*header*/
    #header { padding:10px 0;}
    #header .logo { text-align:center; }
    /*navegacio*/
    #nav { position:static !important; top:auto !important; left:auto !important; width:auto !important; }
    #nav #navbar { /*padding:0 0 1px 0;*/ }
    #nav #navbar > div { padding:0; }
    #nav .nav { padding:0 !important; }
    #nav .nav > li { text-align:center; font-size:14px; border-bottom:1px solid #dfdfdf; }
    #nav .nav > li.btns { margin-left:0; font-family:'raleway_bold'; margin-left:0; }
    #nav .nav > li > a { text-align:center; margin-bottom:0; padding:15px 0; }
    #nav .nav > li.btns a { border:none; margin:0; padding:15px 0; }
    #nav .nav > li > a:hover {}
    /**/
    #nav .subs { float:none !important; }
    #nav .subs > div { width:100%; text-align:center; margin:0 auto; display:block; height:auto; }
    #nav .subs .promo { display:none; }
    #nav .subs a.btn { display:block; padding:15px 0; }
    /**/
    /* #main .content-block { margin-top:30px; margin-bottom:30px; } */



    /* carrusel */
    #main .carrousel { background-size:cover; }
    #main .carrousel .container .bg-carrousel { background-image:none !important; height:auto; }
    #main .carrousel .img { margin-left:-30px; margin-right:-30px; }
    #main .carrousel .social { top:50px; }
    #main .carrousel .info { margin:20px 0 55px; }
    #main .carrousel .info .tit { font-size:19px; }
    #main .carrousel .info .txt { font-size:16px; display:block; }
    #main .carrousel .clearfix { text-align:center; }
    #main .carrousel .btn-box { margin-right:0; display:inline-block; text-align:center; float:none; margin:-30px auto 60px; }
    #main .carrousel .social li a { width:40px; }
    #main .carrousel .btn-scroll { width:33px; height:33px; bottom:15px; }


    #main .carrousel { background-color:#fff !important; background-size:contain; background-repeat:no-repeat; position:relative; padding-bottom:10px; }
    #main .carrousel:after { position:absolute; display:block; height:20%; width:100%; bottom:-20px; content:''; z-index:1; }
    #main .carrousel .container .bg-carrousel { background-image:none !important; height:auto; min-height:1px !important; }
    #main .carrousel .img {}
    #main .carrousel .img img { max-width:100%; }
    #main .carrousel .social { position:relative; z-index:10; left:auto; top:auto; right:auto; bottom:auto; margin:0 auto; }
    #main .carrousel .social li { display:inline-block; margin-bottom:0; }
    #main .carrousel .info { margin:25px -15px; padding:0; position:relative; z-index:10; }
    #main .carrousel .info .tit {}
    #main .carrousel .info .txt {}
    #main .carrousel .btn-box { margin:15px auto 0; padding-left:20px; padding-right:20px; border-width:1px; border-style:solid; position:relative; z-index:10; }
    #main .carrousel .btn-scroll { display:none !important; }

    /* slide */
    #main .delivery-slide .phone-info { display:block; }
    #main .delivery-slide .owl-item { margin-top:0; }
    #main .delivery-slide .delivery-li .tit { opacity:1; }

    /* titol */
    #main .title h2 { font-size:22px; }
    /* text */
    #main .text, #main .text p, #main .text li { font-size:14px; }
    /* boto */
    #main .btn, .RBA-modal .btn { font-size:14px; padding:12px 26px; }
    /* entregas */
    #main .delivery-list > div { padding-left:15px; padding-right:15px; }
    #main .delivery-list > div:last-of-type { padding-left:15px; padding-right:15px; }
    /* entregas desplegat */
    #main .delivery-item { margin:0 20px; }
    /* no gadget */
    #main .item-nogadget .delivery-pics { float:left; width:38%; }
    #main .item-nogadget .delivery-info { float:right; width:58%; }
    #main .item-nogadget .delivery-info .txt {}
    #main .item-nogadget .delivery-info .txt p { font-size:15px; }
    /* regals */
    #main .gift-list > div { padding-left:15px !important; padding-right:15px !important; }
    #main .gift-list .tit h3 { font-size:14px; }
    #main .gift-list .tit h4 { font-size:14px; }
    #main .gift-list .text p { font-size:14px; }
    /* ventajas */
    #main .advant-panel .panel-heading { padding:10px 20px; }
    #main .advant-panel .panel-title { font-size:18px; }
    #main .advant-panel .panel-title .num { font-size:16px; width:22px; height:22px; line-height:22px; margin-right:10px; }
    /*footer*/
    #footer { position:fixed; bottom:0; padding:0; text-align:center; width:100%; z-index:100; }
    #footer a { font-family:'montserrat_bold'; font-size:14px; }
    #footer .btn-border { font-size:12px; white-space:nowrap; }
    #footer .container { padding:0; }
    #footer .row > div { padding:15px 5px; }
}

@media (max-width: 610px) {
    #main .title { margin:20px 0; }
    /* carrusel */
    #main .carrousel .info .tit { font-size:19px; }
    #main .carrousel .info .txt { font-size:16px; }
    /* slide
    #main .delivery-slide .phone-info { display:block; }
    #main .delivery-slide .owl-item { margin-top:0; }
    #main .delivery-slide .delivery-li .tit { opacity:1; }
    */

    /*
	#main .delivery-slide .delivery-li:hover .img { width:300px; -webkit-transition:width, 0; -moz-transition: width, 0; -ms-transition: width, 0; -o-transition: width, 0; transition: width, 0; }
	#main .delivery-slide .delivery-li:hover .img img { opacity:1; -webkit-transition:opacity, 0; -moz-transition: opacity, 0; -ms-transition: opacity, 0; -o-transition: opacity, 0; transition: opacity, 0; }
	*/


}

@media (max-width: 480px) {
    #header .logo { padding-top:10px; }
    #main .title h2 span { padding-left:15px; padding-right:15px; }
    #nav .subs > div { display:table; width:100%; height:50px;}
    /* carrusel */
    #main .carrousel .info .tit { font-size:18px; }
    /**/
    #main .gift-list .tit { text-align:left; }
    #main .bg-holder.stick-block { padding-top:0; padding-bottom:0; }
    #main .content-block {  margin-top: 0px; margin-bottom: 0px;}
}

.visible-xxs {
    display: none !important;
}

.visible-xxs.entrega-ver-mas {
    width: 90%;
    text-align: center;
    margin-top: 10px;
}

.visible-xxs.entrega-ver-mas > a {
    margin-top: 5px;
    text-decoration: underline;
    font-weight: bold;
    color: #666;
}

.visible-xxs.entrega-ver-mas > a:hover {
    text-decoration: none;
}

@media (max-width: 649px) {
    .hidden-xxs {
        display: none !important;
    }
    .visible-xxs{
        display: block !important;
    }

    #main .item-nogadget .delivery-info {
        width: 100% !important;
    }

    #main .delivery-item {
        padding-left: 10px;
        padding-right: 10px;
    }

    #main .delivery-item .delivery-info .txt {
        width: 100% !important;
    }

    #entregas .btn.btncta.smoothScroll {
        display: none;
    }

    #entregas-entregadetailrow .owl-controls.owl-controls-detail {
        display: none;
    }

    .thumbs-list-mobile {
        display: none !important;
    }

    #delivery-item {
        margin: 0;
    }

    #delivery-item .delivery-info .txt p {
        margin-right: 0px !important;
        margin-bottom: 10px !important;
    }

    #main .delivery-slide .delivery-li .tit {
        width: 90% !important;
    }
}

.thumbs-list-mobile figure a img {
    display: block;
    margin: auto;
}