@charset "utf-8";
/* CSS Document */

@import url('fonts.css');

html { -webkit-text-size-adjust: 100%; padding:0px; margin:0px; overflow-x: hidden;}
body {  height: 100%; background:#fff; font-size:16px; color:#010101; line-height:20px; font-family: 'montserratregular'; padding:0px; margin:0px; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #192432; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:24px; color:#000000; margin:0px; padding:0px; } 
h1, h2, h3, h4, h5, h6 { font-weight:normal;   line-height: 30px;  margin:0px; padding:0px;}
a{ color: #192432; outline:none; }
a:focus, :focus{ outline:none; }
ul,ol, li { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px;  height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.row{ width:1040px; margin:0 auto;  position:relative; }
.row1{ width:1260px; margin:0 auto;  position:relative;}

/* header css */
header {  float:left; width:100%; padding:15px 0 15px; z-index:1; position:relative; top:0; /*transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;*/}
.logo{ width:220px; float: left; margin:0; padding: 0; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}

.lang_select { float:right; position: relative;  }
.lang_select ul li {  display: block; margin-bottom: 6px; text-align: right;}
.lang_select ul li a { font-size: 16px; color: #58585a; font-family: 'sourcesanspro-light'; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; -o-transition:all .4s ease; }
.lang_select ul li a:hover { color: #f28d17;}
.lang_select ul li a.active { color: #f28d17;}

.menu{ float:left; position: relative;top: 38px; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.menu a{ float: left;position: relative;z-index:9999;}
.menu a .menu-ba{float:left;width:38px;}
.menu span{ float:left; background:#000000; width:100%; height:2px; display:block; margin:3px 0 4px;transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
#m-close{ position:absolute; top:42px; right:340px; }
#m-close a{display:block; background:url(../img/mb-close.png) no-repeat left center; font-family: 'roboto_condensedbold'; font-size:13px; color:#ffffff; line-height:14px; padding-left:36px; text-transform:uppercase; letter-spacing:0.5px; line-height:30px}

.is-sticky header {padding:10px 0;height:auto; box-shadow: 0px 0px 6px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.2);z-index: 999; background:#ffffff;}
.is-sticky .logo{ width:220px; }
.is-sticky header .lang_select {top:25px; }
.is-sticky .menu{ top:25px; }

.btm-pad { float: left; width: 100%; }
.btm-menu { float: left; width: 200px; margin-bottom: 0px;}
.btm-menu ul li { float: left; width: 100%; margin-bottom: 5px; }
.btm-menu ul li a { color: #1b1c1e; letter-spacing: 2px; text-transform: uppercase; font-size: 12px; font-family: 'sourcesanspro-bold'; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; -o-transition:all .4s ease;}
.btm-menu ul li a:hover { color: #f28d17;}
.btm-menu ul li:last-child { margin-bottom: 0;}

.social-link { float: left;}
.social-link ul li { float: left; margin-right: 15px;}
.social-link ul li a { color: #5f5f61; font-size: 16px; font-family: 'sourcesanspro-light'; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; -o-transition:all .4s ease;}
.social-link ul li a:hover { color: #f28d17;}

.privacy-link { float: right;}
.privacy-link ul li { float: left; margin-right: 25px;}
.privacy-link ul li a { color: #5f5f61; font-size: 12px; font-family: 'sourcesanspro-regular'; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; -o-transition:all .4s ease;}
.privacy-link ul li:last-child { margin-right: 0;}
.privacy-link ul li a:hover { color: #f28d17;}

/* slider css */
.slider, .nav { width: auto; margin: 0px;}
.nav div {margin: 0px; }
.slick-slide { color: #333; padding: 0px; font-size: 20px; font-family: 'sourcesanspro-light'; }
.slick-prev:before, .slick-next:before { color: black; }
.slick-dots { bottom: -30px;}
/* .slide-div { float: left; width: 100%;} */



.slider-rht { float: right;}
.slider.slider-r { float: right; width: 50%;}
.home-container { position: absolute; top:0; left: 0; right: 0;}
#home.nav.slick-slider .slick-slide { padding: 12px 0; border: none; }



.menu-rht { float: right; overflow:hidden; }
.menu-rht ul { float: left;}
.menu-rht ul li { float: left; margin-right: 30px; line-height: 38px;}
.menu-rht ul li a { font-size: 12px; color: #000; text-transform: uppercase; font-family: 'sourcesanspro-bold'; letter-spacing: 1px; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; -o-transition:all .4s ease;}
.hide-menu ul li a { font-size: 12px; color: #000; text-transform: uppercase; font-family: 'sourcesanspro-bold';}

.menu-rht .menu-ico { float: right; position: relative; z-index: 1; background: none;}
.menu-rht .menu-ico h2 { margin-right: 10px; float: none; line-height: 42px; display: inline-block; font-size: 12px; color: #000; text-transform: uppercase; font-family: 'sourcesanspro-bold';}
.menu-rht .menu-ico a { background:#f38d0f; width: 40px; height: 40px; display: inline-block; vertical-align: middle; position: relative; border-radius: 50%; }
.menu-rht .menu-ico a span { background: url(../img/icones-svg/burger.svg) no-repeat 0 0; width: 16px; height: 16px; display: inline-block;
position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.menu-rht ul li a.txt-org { color: #eb8c0e;}
.menu-rht ul li a:hover { color: #eb8c0e;}

.menu-rht ul li.txt-hide { transform: translateX(350%); transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease;}
.menu-rht.expand ul li.txt-hide { transform: translateX(0%); transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease;}
.menu-rht.expand .menu-ico a { background: url(../img/icones-svg/close.svg) no-repeat 0 0; }
.menu-rht.expand .menu-ico a span { display: none;}


.menu-bg { overflow-y: hidden; background: #ffffff url(../img/backgrounds/burger-fons-1.jpg) no-repeat center center; float: left; width: 100%; background-size: cover; background-attachment: fixed;}
.accordion-left { float: left; width: 100%;}
.accordion_example2 { float: left; width: 50%;}
.lang-rht { float: right;}
.lang-rht .contact-addr p { text-align: right;}
.lang-rht .contact-addr span { display: block; text-align: right;}

.contact-addr p { font-size: 12px; font-family: 'sourcesanspro-regular'; color: #9b9b9d; line-height: 18px;}
.contact-addr p a { color: #9b9b9d;  transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease;}
.contact-addr p a:hover { color: #000;}
.contact-addr p span { color: #eb8c0e; font-family: 'playfairdisplay-italic'; font-size: 14px; margin-bottom: 14px; letter-spacing: 0.5px;}

.btm-pad.btm-sect { position: absolute; bottom: 20px;}
.contact-addr { float: left; width: auto; position: absolute; right: 0; bottom: 180px;}

.accord-pad { margin: 20px 0 0;}
.menu-rht.expand .menu-ico h2.open { display: none;}
.menu-rht.expand .menu-ico h2.close { display: inline-block;transform: translateX(0px); transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease;}  
.menu-rht .menu-ico h2.close { display: none; transform: translateX(-200px);  }


/* mobile menu*/
.mobNav  { display:none; position:fixed; right:0px; overflow:hidden; }
.m-menu { float:right; position:absolute; margin-top:12px; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; -ms-transition: All 0.8s ease; transition: All 0.8s ease; right:20px; display:none;}
.m-menu a { display:inline-block; text-align:right; outline:none; /*padding-left:50px;*/  }
.m-menu div { color: #000000; cursor: pointer; display: inline-block; font-size: 18px; font-weight: bold; padding-right: 20px; position: absolute; right: 25px; text-transform: uppercase; top: 0px; }
.m-menu a span { display:block; background:#000000; width:27px; height:4px; margin-top:4px; border-radius:2px; }
.m-menu a:hover span{ background:#f38d0f;}
.m-menu a:hover div{ color:#ffffff;}
.mobi-logo { height:auto; position:relative; z-index:9; text-align:center; background:#fff; }
.mobi-logo img { max-width: 185px;  z-index: 99; padding:6px 0;}


.origen-lft.origens-title { width: 59%;}
.origen-lft.origens-title p { letter-spacing: 0.2px;}
.origen-rgt.origen-rht { position: relative; width: 32%; float: right; background: #f5f5f5; padding:170px 4% 4%; margin: 160px 0 0 0;}
.origen-rgt.origen-rht p { font-size: 23px; font-family: 'sourcesanspro-light'; color: #000; line-height: 30px; margin-bottom: 30px;}
.origen-rgt.origen-rht a { font-family: 'sourcesanspro-bold'; color: #222224; font-size: 18px; text-decoration: underline; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease;}
.origen-rgt.origen-rht a:hover { color: #eb8c0e;}
.origen-rgt.origen-rht span { color: #eb8c0e; font-size: 23px;}
.origen-rgt.origen-rht img.germans-img { position: absolute; top: -50%; right: 0; width: 87%; border-radius: 50%; margin-top: 30px;}
.origen-lft.fullwidth { width: 100%;  }

.diam-pad { float: left; width: 100%; margin: 10px 0 0 0;}
.origen-lft-cnt.no-pad { padding-top: 0; margin-top: 0;}


.user-pad { float: left; width: 100%; margin: 80px 0 150px 0;}
.user-pad ul li { float: left; width: 100%;}
.user-left { float: left; width: 50%;}
.user-left img { width: 100%; float: left; }
.user-rht { float: left; width: 48%; padding: 3% 11% 3% 6%;}
.user-rht h1 { font-size: 36px; color: #2e2e30; font-family: 'sourcesanspro-bold'; line-height: 38px; margin-bottom: 20px;}
.user-rht h1 span { color: #eb8c0e; display: inline-block; margin: 0;}
.user-rht p { font-size: 14px; color: #1c1d21; font-family: 'sourcesanspro-regular'; line-height: 22px}
.user-rht p strong { font-weight: normal; font-family: 'sourcesanspro-bold'; }
.user-rht p span { color: #eb8c0e; margin: 20px 0; display: block; font-family: 'playfairdisplay-italic'; line-height: 25px; font-size: 18px;}
.user-rht a { color: #eb8c0e; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;  text-decoration: underline; font-family: 'sourcesanspro-regular'; font-size: 14px; margin: 5px 0 0 0; display: inline-block;}
.user-left.right { width: 50%; }
.user-rht.txt-lft { padding: 3% 5% 3% 15%;}
.user-rht a:hover { color: #000;}

.user-rht span.moreellipses { margin: 0;  color: #2e2e30; font-size: 14px; font-family: 'sourcesanspro-regular';}
.user-rht span.morecontent span { margin: 0; color: #2e2e30; font-size: 14px; font-family: 'sourcesanspro-regular';}
.user-rht span.morecontent { margin: 0; }
.user-rht .morecontent span { display: none;}
.user-rht .morelink {display: block;}
span.more {  font-size: 14px; font-family: 'sourcesanspro-regular'; line-height: 22px; color: #1c1d21;}
.user-rht span.morecontent span strong { font-family: 'sourcesanspro-bold'; font-weight: normal;}

.link, .link__container a { font-size: 18px; line-height: 20px;  font-family: 'sourcesanspro-bold'; letter-spacing: .5px;    text-decoration: none;}
.line-lft {  display: inline-block; padding-left: 85px; position: relative; transition: .7s ease-out; margin: 50px 0 0 0; color: #201f25;}
.line-lft::after, .link__container--line-to-left a::after { transition: .6s ease-out; content: ''; display: inline-block; width: 0; height: 1px; background-color: #eb8c0e;  position: absolute; top: 50%; right: 0;}
.line-lft::before, .link__container--line-to-left a::before { transition: .6s ease-out .108s;  content: '';  display: inline-block;  width: 75px; height: 1px; background-color: #eb8c0e; position: absolute; top: 50%; left: 0;}
.line-lft:hover, .line-lft:focus, .link__container--line-to-left a:hover,  .link__container--line-to-left a:focus { padding-left: 0; padding-right: 85px; color: #eb8c0e;}
.line-lft:hover::after, .line-lft:focus::after, .link__container--line-to-left a:hover::after, .link__container--line-to-left a:focus::after { width: 75px; transition-delay: .1s;}
.line-lft:hover::before, .line-lft:focus::before, .link__container--line-to-left a:hover::before, .link__container--line-to-left a:focus::before {width: 0; transition-delay: 0s;}
.line-lft a { font-size: 18px; line-height: 20px;  font-family: 'sourcesanspro-bold'; letter-spacing: .5px;   text-decoration: none; color: #201f25; margin: 0;}
.line-lft a:hover {color: #eb8c0e;}

.grey-bg { float: left; width: 100%; background: #f7f7f7; padding: 100px 0 140px; margin-top: 200px}
.grey-bg ul li { float: left; width: 32%; margin-right: 2%; border-radius: 50%;}
.grey-bg ul li img { width: 100%; border-radius: 50%;}
.grey-bg ul li:last-child { margin-right: 0;}
.origen-lft-cnt.no-pad p { margin-bottom: 0;}
.user-round-img { float: left; width: 100%; position: relative;  margin-top: -24%;}
.faci-pad { float: left; width: 100%; margin-top: -70px; }
.faci-pad h1 { color: #000; font-size: 45px; font-family: 'sourcesanspro-bold'; line-height: 55px; letter-spacing: 1px; margin-bottom: 40px; }
.faci-inner { background: #fff; position: relative; z-index: 1; padding: 5%; width: 70%; margin-left: 100px; box-shadow:0px -2px 2px rgba(0,0,0,0.05); -webkit-box-shadow:0px -2px 2px rgba(0,0,0,0.05); -moz-box-shadow:0px -2px 2px rgba(0,0,0,0.05); -o-box-shadow:0px -2px 2px rgba(0,0,0,0.05); margin-bottom: 70px;}


.line-rht.link.line-lft { color: #eb8c0e; font-size: 13px; text-transform: uppercase; font-family: 'sourcesanspro-bold'; letter-spacing: 0.5px; position: relative; padding-right: 100px; padding-left: 0; margin-bottom: 40px; margin-top: 0;}
.line-rht.link.line-lft::before, .link__container--line-to-left a::before { transition: .6s ease-out;  content: '';  display: inline-block;  width: 0; height: 1px; background-color: #eb8c0e; position: absolute; top: 50%; left: 0;}
.line-rht.link.line-lft::after, .link__container--line-to-left a::after { transition: .6s ease-out .108s; content: ''; display: inline-block; width:75px; height: 1px; background-color: #eb8c0e;  position: absolute; top: 50%; right: 0;}
/* .line-rht.link.line-lft:hover, .line-rht.link.line-lft:focus, .link__container--line-to-left a:hover,  .link__container--line-to-left a:focus { padding-left: 100px; padding-right: 0; color: #eb8c0e;}
.line-rht.link.line-lft:hover::after, .line-rht.link.line-lft:focus::after, .link__container--line-to-left a:hover::after, .link__container--line-to-left a:focus::after { width: 0px; transition-delay: 0s;}
.line-rht.link.line-lft:hover::before, .line-rht.link.line-lft:focus::before, .link__container--line-to-left a:hover::before, .link__container--line-to-left a:focus::before {width: 75px; transition-delay: .1s;} */

.a-link { color: #211b25; font-size: 18px;font-family: 'sourcesanspro-bold'; }
.a-link a { text-decoration: underline;  transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease;}
.a-link a:hover {color: #eb8c0e;}
.a-link span {color: #eb8c0e;}

.faci-pad .faci-inner:hover .line-rht.link.line-lft, .line-rht.link.line-lft:focus, .link__container--line-to-left a,  .link__container--line-to-left a:focus { padding-left: 100px; padding-right: 0; color: #eb8c0e;}
.faci-pad .faci-inner:hover .line-rht.link.line-lft::after, .line-rht.link.line-lft:focus::after, .link__container--line-to-left a::after, .link__container--line-to-left a:focus::after { width: 0px; transition-delay: 0s;}
.faci-pad .faci-inner:hover .line-rht.link.line-lft::before, .line-rht.link.line-lft:focus::before, .link__container--line-to-left a::before, .link__container--line-to-left a:focus::before {width: 75px; transition-delay: .1s;}

.creatives { float: left; width: 100%; text-align: center;}
.creatives h5 { color: #eb8c0e; text-transform: uppercase; font-family: 'sourcesanspro-bold'; font-size: 13px; padding-bottom: 60px; position: relative; margin-bottom: 30px;}
.creatives h5:after { position: absolute; height: 50px; width: 1px; display: block; content: ""; background: #eb8c0e; left: 0; right: 0; margin: 0 auto; bottom: 0;}
.creatives p { color: #000; font-family: 'playfairdisplay-italic'; font-size: 28px; line-height: 40px; padding: 0 130px;}
.creatives a { transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; color: #eb8c0e; font-size: 30px; font-family: 'playfairdisplay-italic'; text-decoration: underline; display: inline-block;margin-top: 8px; line-height: 34px;}
.creatives a:hover { color: #000;}
.creatives img { margin: 70px 0; display: inline-block;}

.swiper-container { width: 100%; height: 100%;}
.swiper-wrapper li img { opacity: 0;} 
.swiper-wrapper li { background-repeat: no-repeat;  height: 560px;  background-size: cover !important;}

.swiper-slide { text-align: center;  font-size: 18px; background: #fff; width: 70%; /* Center slide text vertically */display: -webkit-box;
     display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center;    justify-content: center;
    -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-slide:nth-child(2n) { width: 65%;}
/* .swiper-slide li:first-child { width: 40%;}
.swiper-slide.swiper-slide-next { width: 100%;} */
/*
.swiper-slide:nth-child(3n) {
    width: 40%;
} */

.faci-inner h2 { font-size: 34px; color: #1c1d22; font-family: 'sourcesanspro-bold'; line-height: 50px; margin-bottom: 40px;}
.faci-pad.mar-top { margin-top: -240px;}
.swiper-container.origens-slide.swiper-container-horizontal .swiper-pagination.swiper-pagination-fraction  { width: auto; right:30px; left: auto; text-align: right;
margin: 0 auto; font-family: 'playfairdisplay-italic'; color: #eb8c0e; font-size: 16px; bottom: -10px;}
.swiper-container.origens-slide.swiper-container-horizontal { padding-bottom: 70px;}

.arrow { width: 1000px; left: 0; right: 0; margin: 0px auto; position: absolute;  bottom: 28px;}
.swiper-container.origens-slide.swiper-container-horizontal .arrow .swiper-button-prev { right: 75px; left: auto; background: url(../img/icones-svg/arrow-left.svg) no-repeat 0 0; width: 15px; height: 6px;
 margin-top: 0;}
.swiper-container.origens-slide.swiper-container-horizontal .arrow .swiper-button-next { right:0px;  background: url(../img/icones-svg/arrow-right.svg) no-repeat 0 0; width: 15px; height: 6px;
 margin-top: 0;}

.swiper-container.origens-slide.swiper-container-horizontal .swiper-button-next.swiper-button-disabled,  .swiper-container.origens-slide.swiper-container-horizontal .swiper-button-prev.swiper-button-disabled { opacity: 0.4; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);}


/* .swiper-container.origens-slide.single-img ul li img {opacity: 1;}
.swiper-container.origens-slide.dual-img ul li img {opacity: 1;} */
.swiper-pad { float: left; width: 100%; position: relative}
.swiper-pad.single-img .arrow .swiper-button-prev { right: 75px; left: auto; background: url(../img/icones-svg/arrow-left.svg) no-repeat 0 0; width: 15px; height: 6px; margin-top: 0;}
.swiper-pad.single-img .arrow .swiper-button-next { right:0px;  background: url(../img/icones-svg/arrow-right.svg) no-repeat 0 0; width: 15px; height: 6px; margin-top: 0;}
.swiper-pad.single-img .swiper-pagination.swiper-pagination-fraction  { width: auto; right:30px; left: auto; text-align: right;
margin: 0 auto; font-family: 'playfairdisplay-italic'; color: #eb8c0e; font-size: 16px; bottom: -10px;}
.swiper-pad.single-img .arrow { float: left; width: 100%;}
.swiper-pad.single-img .swiper-container.origens-slide.swiper-container-horizontal { padding-bottom: 0}
.swiper-pad.single-img .arrow { float: left; width: 100%; position: relative; bottom: 0; margin: 45px 0;}
.swiper-pad.single-img .arrow .swiper-button-next.swiper-button-disabled,  .swiper-pad.single-img .arrow .swiper-button-prev.swiper-button-disabled { opacity: 0.4; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);}

.origen-rgt.swiper-pad.double .arrow .swiper-button-next1.swiper-button-disabled, .origen-rgt.swiper-pad.double .arrow .swiper-button-prev1.swiper-button-disabled {
    opacity: 0.4; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);}
.origen-rgt.swiper-pad.double .arrow .swiper-button-prev1 { right: 75px; left: auto; background: url(../img/icones-svg/arrow-left.svg) no-repeat 0 0; width: 15px; height: 6px; margin-top: 0;}
.origen-rgt.swiper-pad.double .arrow .swiper-button-next1 { right:0px;  background: url(../img/icones-svg/arrow-right.svg) no-repeat 0 0; width: 15px; height: 6px; margin-top: 0;}

.swiper-button-next1, .swiper-button-prev1 {position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px;    z-index: 10;
cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat;}
.origen-rgt.swiper-pad.double .arrow { float: left; width: 100%; position: relative; bottom: 0; margin: 45px 0;}
.swiper-container.swiper2.origens-slide.dual-img.swiper-container-horizontal { padding-bottom: 0}

.swiper-container.origens-slide.swiper1.swiper-container-horizontal ul li img { width: 100%;opacity: 1;}


.origen-lft.widt-les { width: 55%;}
.swiper-container.swiper2.origens-slide.dual-img .arrow {  width: 79%;}
.entitats.origen.margin-les { margin: 130px 0;}

#popup { float:left; display:none; background:#fff; width:100%; max-width:850px; }
.about-popup-pad { float:left; width:100%; padding:5% 10%; }
#popup h1{ color:#000; margin-bottom:20px; font-size:45px; line-height:50px;  font-family: 'sourcesanspro-bold'; }
#popup p { margin-bottom: 25px; color:#1f1e23; line-height:24px;  font-family: 'sourcesanspro-regular'; font-size: 15px; letter-spacing: 0.5px;}
.about-popup-pad strong {font-family: 'sourcesanspro-bold'; font-weight: normal; }
#popup img { width: 100%; float: left; margin-bottom: 40px; margin-top: 20px;}

.ant-lft { float: left; font-size: 18px; color: #1f1e23; font-family: 'sourcesanspro-bold'; position: relative; padding-left: 85px;}
.ant-lft::before { position: absolute; display: block; content: ''; left: 0; top:50%; width: 75px; height: 1px; background:#eb8c0e; }

.ant-rht { float: right; font-size: 18px; color: #1f1e23; font-family: 'sourcesanspro-bold'; position: relative; padding-right: 85px;}
.ant-rht::after { position: absolute; display: block; content: ''; right: 0; top:50%; width: 75px; height: 1px; background:#eb8c0e; }


.reserva .jquery-datepicker input.jquery-datepicker__input { background: #f5f5f5 url(../img/calender-img.png) no-repeat right 14px center;  display: block; padding: 10px 50px 10px 10px;  width: 100% !important; text-align: right;}
.jquery-datepicker__table thead { background: #1e1f24;}
.jquery-datepicker__table thead tr th { padding: 0;}
.jquery-datepicker__table thead tr th span { color: #fff;}
.jquery-datepicker__table thead tr th.jquery-datepicker__title span { line-height: 26px; font-size: 13px; color: #fff; font-family: 'sourcesanspro-semibold'; font-weight: normal;}
.jquery-datepicker__table tr td.jquery-datepicker__dayName span { font-size: 13px; color: #1e1f24; }

.contact-form.reserva label { float: left; margin: 18px 0 0 0;  font-family: 'sourcesanspro-regular';font-size: 15px; color: #2e2e30; letter-spacing: 0.5px;}
.contact-form.reserva ul li .hora { padding-bottom: 0px;}

.contact-form.reserva #telefon .sbHolder { width: 27%; letter-spacing: 0.5px;}
.contact-form.reserva #telefon.hora label { margin-top:12px; padding-right: 25px; }




/* home page css */
#home.nav .slick-slide.slick-current.slick-active { font-size: 28px; color: #000;  font-family: 'sourcesanspro-light'; line-height: 34px; 
    transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); }
#home.nav .slick-vertical .slick-slide { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
#home.nav { float: left; width: calc(100% - 62%); margin-left: 4%; position: relative; z-index: 1;}
.round-img { float: left; width: 44%; margin-left: 18%;}
.round-img img { width: 100%;}
.slide-div .row { width: 1000px; justify-content: center;  display: flex;  align-items: center;}
#home.nav .slick-list { padding: 0px 0; /*height: 355px !important;*/}
#home.nav .slider-r .slick-slide{ background-size: cover; background-repeat: no-repeat; height: 100%}
.home-social-btm { position: absolute; width: 100%; bottom: 10px; z-index: 1;}
.slider.slider-r div img { opacity: 0; }

.slide-div {float: left; width: 100%; position: absolute; display: flex; justify-content: center; align-items: center; top: 0; bottom: 0; margin: 0 auto;}
.btm-pad.hom-btm-mnu { width: 100%; position: absolute; bottom: 48px; z-index: 1;}
#home.nav .slick-prev, #home.nav .slick-next { top: 36%;}
.origen-rgtscaro.restar .entitats.origen.margin-les{margin:0;}
.origen-rgtscaro.restar .origen-lft-cnt.restare{position:absolute; left:0; top:15%; margin-top: 20%;}
.nav.slick-slider .slick-prev.slick-arrow { background: url(../img/icones-svg/arrow-down.svg) no-repeat 0 0; text-indent: -9999px; right: -25px;
left: auto; margin-top: 80px;}
.nav.slick-slider .slick-next.slick-arrow { background: url(../img/icones-svg/arrow-up.svg) no-repeat 0 0; text-indent: -9999px;}
.pagingInfo {position: absolute; right: -16px; top: 195px; color: #1f1f21; font-family: 'playfairdisplay-italic'; font-size: 16px;}
#home.nav.slick-slider .slick-slide a:hover { color: #eb8c0e;}
#home.nav.slick-slider .slick-slide a { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}

#orignes.swiper-container.origens-slide.swiper-container-horizontal .swiper-wrapper li img { opacity: 0;}
#orignes.swiper-container.origens-slide .arrow { float: left; width: 100%; position: relative; bottom: 0; margin: 45px 0;}
/* #home.nav.slick-slider div.slick-slide:not(.slick-current) a { opacity: 0.5;}
#home.nav.slick-slider div.slick-slide:not(.slick-current) a:hover { opacity: 1;}
#home.nav.slick-slider div.slick-slide.slick-active:first-child a{ opacity: 0.2;}
#home.nav.slick-slider div.slick-slide.slick-active:nth-child(2) a { opacity: 0.5;} */
#home.nav.slick-slider .slick-slide a.op1 { opacity: 0.2;}
#home.nav.slick-slider .slick-slide a.op2 { opacity: 0.4;}
#home.nav.slick-slider div.slick-slide:not(.slick-current) a { opacity: 0.5;}
#home.nav.slick-slider div.slick-slide:not(.slick-current) a:hover { opacity: 1;}

/* cursor css */
/* html, html * { cursor: none !important;}
#follower { position: absolute; top: 50%; left: 50%; z-index: 1;}
#follower #circle2 { position: absolute; -webkit-animation: pulse 4s ease; animation: pulse 4s ease; background: rgba(0,0,0,0.8);    border-radius: 50%;
height: 22px; width: 22px; margin-top: -0.5em; margin-left: -0.5em; transition: all .6s ease; transform: scale(.4);}
body.hover #follower #circle2 {transform: scale(1); mix-blend-mode: difference; }
#page { float: left; width: 100%;}
body.hover #follower  #circle2 { z-index: 1;}


.contactr .contact-form ul li { z-index: 1;}
.contactr.hover .btn-rightbg::before { z-index: 0;}
.contactr.hover .btn-rightbg:hover::before { background: none;}
.contactr.hover .btn-rightbg:hover { background: none;}
.contactr.hover #follower  #circle2 { z-index: 2;}
.contactr.hover .menu-rht .menu-ico { z-index: 0;} */



/*====================================================style1 css ================================================================*/
/*2-1-2019*/
.entitats.origen .practiq { float:left; width:100%; position:absolute;}
.entitats.origen.time-no-img .practiq { position:relative;}
.entitats.origen.orgiens-col .practiq { position:relative;}
.entitats.informacio-bg .practiq { position:relative;}
.entitats gracies-bg .practiq { position:relative;}
.entitats.origen.time-no-img .diam-pad, .entitats.origen.rest .diam-pad, .practiq.pra-new .diam-pad, .entitats.origen.orgiens-col .diam-pad { margin:50px 0 0;}
.entitats.origen .origen-lft-cnt.sala-la { margin:50px 0 0;}
.entitats.origen.rest .practiq { position: relative;}
.entitats.origen.margin-les.rest .practiq { position: absolute;}
.left-top { position: absolute; left: 0; top: 80px;  transform:  translateX(-50%) translateY(-50%) rotate(-90deg); transition:all 0.5s ease; -webit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; font-size:13px; font-family: 'sourcesanspro-bold';  color:#212123; letter-spacing:1px;}
.entitats{ background:#fff; float:left; width:100%; margin:50px 0 0 0; }
.entitats.greybg { background:#f7f7f7; float:left; width:100%; margin:164px 0 0 0; }
.entitats.origen.rest, .entitats.taula-bg { margin: 50px 0 0;}
.inner-entitats{ width:100%; float:left;padding:0 84px 84px;}
.entitats h2{font-family: 'sourcesanspro-bold'; font-size:44px; color:#202126; letter-spacing:0.5px; line-height:45px; padding:0 0 38px 0;}
.entitats p{font-family: 'sourcesanspro-regular'; font-size:16px; color:#2e2e30; line-height:24px; letter-spacing:0.5px;}

.contact-form{ float:left; width:100%; padding:0px; margin-top:60px; }
.contact-form ul li{ float:left; width:100%; margin-bottom:28px; position:relative;}
.contact-form ul li:last-child{ margin-bottom:0; margin-top:45px;}

.contact-form input[type="text"], .contact-form textarea{ width:100%; background:none;border-bottom: solid 2px #b7b7b7; color:#cdcdcd; height:43px; line-height:50px; font-family: 'sourcesanspro-regular'; font-size:15px; color:#2e2e30; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; border-top:none; border-left:none; border-right:none; letter-spacing: 0.5px;}
.contact-form input[type="text"]:focus, .contact-form textarea:focus{ border-bottom: solid 2px #e84e1b;}
.contact-form textarea{height:250px;}
.contact-form input[type="submit"]{display: inline-block;color: #fff;font-size: 18px;height:61px;line-height:48px;padding: 0px 62px;background:none;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;border:none;margin: 0px; font-family: 'sourcesanspro-bold'; cursor:pointer; position:relative; z-index:1; }
.contact-form input[type="submit"]:hover{ color:#000; }
.contact-form input[type=checkbox]:not(old){position:absolute;width:13px;height:13px;margin: 0;padding: 0;font-size : 1em;opacity: 0; cursor:pointer; display:none; left:3px; top:22px;}
.contact-form input[type=checkbox]:not(old) + label{ display: inline-block;line-height: 1.5em;float:left; width:100%;color:#292929; font-size:15px;margin-top:8px; font-family: 'sourcesanspro-regular'; letter-spacing: 0.5px;}
.contact-form input[type=checkbox]:not(old) + label > span{display: inline-block;width: 16px;height: 16px;margin: -5px 10px 0 0; vertical-align   : middle;border:1px solid #cccccc; position:relative; background:#fff; border-radius: 25px;}
.contact-form input[type=checkbox]:not(old):checked + label > span:before{content: '';display: inline-block; text-align: center; font-weight: bold; cursor:pointer;background:#f48d17; height:10px; width:10px;  position:absolute;top:2px; left:2px; border-radius: 25px;}
.contact-form strong a{color: #1e1f24;text-decoration: underline;font-family: 'sourcesanspro-bold'; font-weight:normal; transition: all .4s ease;-moz-transition: all .4s ease;-webkit-transition: all .4s ease;-o-transition: all .4s ease;}
.contact-form strong a:hover{ color:#f48d17;}
.contact-form ul li.check label {margin-top: 0; width:auto;}
.contact-form ul li.check-1 label {width:auto;}
.contact-form input[type=checkbox]:not(old):checked + label > span.l-txt:before{ display:none;}
.contact-form ul li.check{ margin-bottom:0;}
.check p, .check-1 p { float: right; width: calc(100% - 26px);}
/* Sweep To Right */
.btn-rightbg { display: inline-block; position: relative; overflow:hidden;  background:#1e1f24; }
.btn-rightbg:before { content: ""; position: absolute; z-index: 1; top: 0; left:-100%; bottom: 0; background: #fff; transition:all 0.3s ease-out; width:100%; }
.btn-rightbg:hover, .btn-rightbg:focus, .btn-rightbg:active { color:#ffffff; }
.btn-rightbg:hover:before, .btn-rightbg:focus:before, .btn-rightbg:active:before { left:0px; }

footer {float: left;width: 100%;padding: 17px 0px; border-top:1px solid #ebebeb; }
.foot-lft{ float:left; width: 175px;}
.foot-lft img {vertical-align: middle;}
.foot-rht{ float:right; width:auto;}
.foot-rht ul li { float:left; display:inline-block; margin-right:17px;}
.foot-rht ul li:last-child{ margin-right:0px;}
.foot-rht ul li a{ color:#5f5f61; font-size: 12px;font-family: 'sourcesanspro-regular'; transition: all .4s ease;-moz-transition: all .4s ease;-webkit-transition: all .4s ease;-o-transition: all .4s ease;}
.foot-rht ul li:hover a{ color:#f28d17;}
/*gracies*/
.gracies{ width:100%; float:left; border:1px solid #707070; padding:40px 35px 45px 35px; margin-top:65px; margin-bottom:20%;}
.gracies h3{font-family: 'sourcesanspro-bold'; font-size:25px; color:#202126; letter-spacing:0.5px; line-height:30px; padding:0 0 25px 0;}
.gracies p{font-family: 'sourcesanspro-regular';font-size: 16px;color: #2e2e30;line-height: 24px;letter-spacing: 0.5px;}
/*contact-form.reserva*/
.entitats.taula-bg { width:100%; float:left; background:url(../img/backgrounds/fons-reserva.jpg) no-repeat center right; background-size:cover; padding-bottom:70px;}
.contact-form.reserva{ width:100%; float:left;}
.contact-form.reserva ul li{ width:49%; float:left; margin-right:2%;}
.contact-form.reserva ul li:nth-child(2n+2){ margin-right:0;}
.contact-form.reserva ul li.check{ width:100%;}
.contact-form.reserva ul li.check-1{ width:100%; margin-bottom:0;}
.contact-form.reserva input[type="text"]{ border-bottom: none;}
.contact-form.reserva input[type="submit"]{padding: 0px 25px; height:49px;}
.contact-form.reserva ul li.veure{ margin-top:35px;}
.contact-form.reserva ul li .hora{ width:100%; float:left; border-bottom: 1px solid #6f6f6f;}
.contact-form.reserva ul li .hora input[type="text"]{ width: 100%; float:left;}
.contact-form.reserva ul li a.espera{font-family: 'sourcesanspro-bold'; padding: 0px 25px;height: 49px;}
.btn-rightbg.esp { background: none;}
.contact-form .btn-rightbg.esp input[type="submit"] { color: #1e1f24; text-decoration:underline;}
.contact-form .btn-rightbg.esp input[type="submit"]:hover { color: #f48d17; text-decoration:none;}
.btn-rightbg.esp::before{ background:none;}
.contact-form.reserva ul li .ui-datepicker-trigger {position: absolute;right: 12px;top: 6px;}
.frm-input-ctrl.date {/*background-color: #f5f5f5;border: 1px solid #f5f5f5;*/width: 200px; height: 45px;float: right; margin-bottom:4px; font-family: 'sourcesanspro-bold'; font-size:15px; color:#1e1e20;}

.frm-input-ctrl.date input {float: right;text-align: center;font-family: 'sourcesanspro-bold';font-size: 15px;color: #1e1e20; background-color: #f5f5f5; padding:10px;}
.contact-form.reserva ul li .hora .frm-input-ctrl.date.credit input {width: 23%;height: 43px;float: right; font-family: 'sourcesanspro-semibold'; color: #8D8D8D;}
.contact-form.reserva ul li .hora .frm-input-ctrl.date.credit input:first-child{ width:75%; float:left; margin-right:1%; text-align:left;}
.frm-input-ctrl.date.credit {width: 250px;}
.frm-input-ctrl.date.time {background: #f5f5f5;border: 1px solid #f5f5f5;}
.frm-input-ctrl.date.time .sbHolder{ padding:0 38px 0 0; height:43px; line-height: 26px;}
.frm-input-ctrl.date.time .sbSelector{ text-align: right; top:10px;  font-family: 'sourcesanspro-bold';font-size: 15px;color: #1e1e20;}


/*origens*/
.entitats.origen{position:relative;}
.origen-lft{float:left; width:60%; z-index:9999; position:relative; }
.origen-rgt{position:relative; right:0; float:right; width:54%; top:0;}
.origen-rgt img{width:100%;}
.origen-lft ul li{float:left; width:auto; margin-right:27px;}
.origen-lft ul li:last-child{margin-right:0;}
.origen-lft ul li a{font-family: "sourcesanspro-bold"; font-size:14px;  transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; line-height:14px;}
.origen-lft ul li a:hover, .origen-lft ul li.active a{ color:#f18d1e;}
.origen-lft h1{float:left; width:100%;  font-family: 'sourcesanspro-bold'; font-size:42px; line-height:50px; letter-spacing:1px; margin-bottom:40px;}
.origen-lft-cnt{ margin-top:0;  background:#fff; padding:54px 40px 33px 80px;}
.origen-lft-cnt p{margin-bottom:33px;}
.origen-lft h3{font-family: "sourcesanspro-bold"; font-size:13px; line-height:14px; color:#f18d1e; letter-spacing:0.5px; padding-left:80px; position:relative; float:left; margin-top:75px;}
.origen-lft h3::after{position:absolute; content:""; right:-105px; width:90px; height:1px; background:#f18d1e; top:10px;}

.entitats.origen.origens-img .left-top { margin-top: 110px; top: 0;}
.origen-rgt.time-img { background:url(../img/arrels@2x.jpg) no-repeat right center; background-size:cover;height: 570px;}
.origen-rgt.time-img img { opacity: 0;}

.origen-rgt.img-sala { background:url(../img/sala-ppal@2x.jpg) no-repeat right center; background-size:cover;height: 680px;}
.origen-rgt.img-sala img { opacity: 0;}

.origen-rgt.img-org { background:url(../img/germans-roca-ppal@2x.jpg) no-repeat right center; background-size:cover;height: 680px;}
.origen-rgt.img-org img { opacity: 0;}


.la-equip.timeline { margin-top: 50px;}
.slide-div.lasa { position: relative; display: inherit; justify-content: inherit; align-items: inherit;}
.origens-gallery .una-content { margin-top: 0;}
.la-sal-paging .pagingInfo { position:inherit;}

.origens-gallery{float:left; width:100%; padding-top:0;}
.origens-gallery ul li{float:left; position:relative;}
.origens-gallery ul li .origen-ga-cnt{position:absolute; width:400px; background:rgba(255, 255, 255,0.9); right:18px; bottom:18px; padding:25px 60px 25px 25px; }
.origens-gallery ul li:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); backface-visibility: hidden; -webkit-backface-visibility: hidden;}
.origens-gallery ul li img{float:left; width:100%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.origens-gallery ul.origens-fi li{margin-right:0.1%; margin-bottom:0.1%;}
.origens-gallery ul.origens-fi li:last-child{margin-right:0;}
.origens-gallery ul.origens-fi li:first-child{width:45.96%;}
.origens-gallery ul.origens-fi li:nth-child(2){width:22.56%;}
.origens-gallery ul.origens-fi li:nth-child(3){width:31.26%;}
.origens-gallery ul.origens-tw li{margin-right:0.1%; margin-bottom:0.1%; overflow: hidden;}
.origens-gallery ul.origens-tw li:last-child, .origens-gallery ul.origens-th li:last-child{margin-right:0;}
.origens-gallery ul.origens-tw li:first-child{width:53.65%;}
.origens-gallery ul.origens-tw li:nth-child(2){width:46.15%;}
.origens-gallery ul.origens-th li:first-child{width:43.32%;}
.origens-gallery ul.origens-th li:nth-child(2){width:22.1%;}
.origens-gallery ul.origens-th li:nth-child(3){width:34.3%;}
.origens-gallery ul.origens-th li{margin-right:0.1%; overflow: hidden;}
.origens-gallery ul li .origen-ga-cnt h2{font-family: 'playfairdisplay-italic'; font-size:16px; color:#f18d1e; line-height:16px; float:left; width:100%; margin-bottom:24px;}
.origens-gallery ul li .origen-ga-cnt p{ font-family: 'sourcesanspro-regular'; font-size:16px; line-height:24px;}
.origens-gallery ul.origens-tw li .origen-ga-cnt{opacity:0; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.origens-gallery ul.origens-tw li:hover .origen-ga-cnt{opacity:1;}
.origens-gallery ul li .origen-ga-cnt p span{font-family: 'sourcesanspro-bold';}
ul.pract-but li{float:left; width:49.5%; margin-right:1%;}
ul.pract-but li:last-child{margin-right:0;}
ul.pract-but li a{background:#1e1f24; text-align:center; color:#fff; width:100%; float:left; padding:38px 0;  font-family: 'sourcesanspro-bold';  font-size:18px; position: relative;
-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);}
ul.pract-but li a:before {   content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #fff;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} 
ul.pract-but li a:hover{ color:#000; }
ul.pract-but li a:hover:before{-webkit-transform: scaleX(1); transform: scaleX(1); }
.origens-gallery.practiques ul.origens-tw li:first-child{width:34.0%;}
.origens-gallery.practiques ul.origens-tw li:nth-child(2){width:65.6%;}
.origens-gallery.practiques ul.origens-th li:first-child{width:50.8%;}
.origens-gallery.practiques ul.origens-th li:nth-child(2){width:21.4%;}
.origens-gallery.practiques ul.origens-th li:nth-child(3){width:27.3%;}
.origens-gallery.practiques{padding-top:52px;}
.la-equip { float: left; margin-bottom: 50px;  margin-top: 100px; width: 100%;}
.la-equip h3 {font-family: "sourcesanspro-bold"; font-size:13px; line-height:14px; color:#f18d1e; letter-spacing:0.5px; padding-left:80px; position:relative; float:left;}
.la-equip h3::after {position:absolute; content:""; right:-105px; width:90px; height:1px; background:#f18d1e; top:10px;}
.la-equip h1.his-tit { color: #dd9735; display: inline-block; float: none; font-family: "sourcesanspro-bold"; font-size: 14px; line-height: 14px; margin-top: 0; text-align: center; text-transform: uppercase; width: 100%;}

/*restaurant*/
ul.award{float:left; width:100%; padding-left:80px; margin-bottom:70px;}
ul.award li{float:left; width:20%;}
.origen-lft-cnt.no-pad.restau h1{margin-top:40px;}
.gallery-reata{float:left; width:100%;}
.gallery-reata .owl-item img{float:left; width:100%; }
.origen-lft-cnt.restare h2{ font-family: 'sourcesanspro-light'; line-height:45px; font-size: 32px; padding-bottom: 0;}
.origen-lft-cnt.restare{padding: 54px 40px 33px 80px; margin: 0;}

.origen-lft.origens-title.full-width{width:81%;}

/*time line*/
.histry-section{ float:left; width:100%; position:relative; overflow:hidden; padding:66px 0 100px 0; margin-top:0;}
.histry-block{ float:left; width:100%; position:relative;padding: 50px 0;}
.histry-section::before {  content: "";height: 100%; left: 49.9%;position: absolute;top: 0; width: 1px;
z-index: 99;}
.histry-white-bg{ padding:60px 0 0px;}
.histry-blue-bg{ background:#0c202c; }
.hsty-lft{ float: left; padding: 0 0% 0 18%;text-align: right; width: 50%;}
.hsty-lft img{ float:right; border-radius:50%; margin-top:30px;}
.hsty-lft h2{font-size:15px;color:#fff;  font-family: 'playfairdisplay-italic';  text-align: right; line-height:22px; margin-bottom:15px;}
.hsty-lft p{font-family: 'sourcesanspro-regular'; font-size: 16px; color: #2e2e30; line-height: 24px; letter-spacing: 0.5px; text-align:right;}
.hstry-lft-img{    padding: 0 0 0 20%; position: relative; width: 49.9%;}
.hstry-lft-img img{ border-radius:0}
.hstry-rgt-cont h2{font-size:15px;color:#fff;  font-family: 'playfairdisplay-italic';  text-align: left; line-height:22px; margin-bottom:15px;}
.hsty-rgt.hstry-rgt-cont{ width: 30%;    margin-left: 13%;}
.hstry-rgt-cont p{font-family: 'sourcesanspro-regular'; font-size: 16px; color: #2e2e30; line-height: 24px; letter-spacing: 0.5px;}
.hstry-rgt-cont p span, .hsty-lft p span{ font-family: 'sourcesanspro-bold';}
.hstry-rgt-cont img{border-radius:50%;margin-top:30px; margin-right:15px;}
.timeline-yr{background:  none repeat scroll 0 0;   color: #7f6612;   font-family: "roboto_slablight";  font-size: 20px;  height: 200px; left: 40%;  padding: 0px;  position: absolute;  top: 0%;
width: 200px;   z-index: 99;}
.hsty-rgt { float:left; width:32%;  position: relative; min-height:110px;}
.timeline-content { margin-left: 0;  width:100%;float: left;}
.plus-icon{ height: 55px; position: absolute; text-align: center; top: 37%; width: 98%; opacity:0}
.plus-icon img{ float:none}
.fancybox:hover .plus-icon{ opacity:1}
.histry-white-bg  h2{ color:#fca520}
.hstry-rgt-top{ margin-top:0px;}
.hsty-lft img.margtopnone{margin:-10px 0 0px;}
.hstry-bond-img{ margin-left:3%}
.hstry-lft-bigimg .plus-icon{    width: 82%;}
.hstry-rgt-bigimg .plus-icon{ width: 100%;}
.hstry-lft-img .plus-icon{    width: 60%;}
.hstry-lft-bigimg .plus-icon{    width: 82%;}
.hstry-bond-img{width: 24%;}
.futur-txt{ padding-top:150px;}

.hsty-lft ,.timeline-yr,.hsty-lft { opacity:1;}
.timeline-yr img{float:left; width:100%; border-radius: 100px;}
.histry-white-bg .timeline-yr::before{content: ""; position: absolute; width: 1px; height: 25px; background: #c9975c; left: 0; right: 0; margin: 0 auto; top: -50px;}
.histry-white-bg.fir-line  .timeline-yr::before{height:65px; top:-100px;}
.hsty-rgt img{margin-left:140px;}
h1.his-tit{    font-family: "sourcesanspro-bold";    font-size: 14px;      line-height: 14px; color:#dd9735; text-transform:uppercase; text-align:center; margin-top:53px; display:inline-block; float:none; width:100%;}
.histry-block.histry-white-bg.fir-line {margin-top:35px;}
.origen-rgtscaro{float:left; width:100%; position:relative;}
.origen-rgtscaro .origen-rgt{top:0;}


/*lasala*/
.slider.slider-r.la-sala{float:left; width:100%; position:relative; margin-top:-120px;}
.slide-div.lasa .slick-slide img{float:left; width:100%;}
.slide-div.lasa .nav.slick-slider .slick-prev.slick-arrow{right:0; bottom:0; z-index:9;}
.slide-div.lasa .nav.slick-slider .slick-next.slick-arrow{right:10%; top:100%; z-index:9;}
.slide-div.lasa .nav.slick-slider .slick-slide{position:relative;}
.slick-slide.slick-current.slick-active.slick-center .orig-title{opacity:1;}
.slick-slide.slick-current.slick-active.slick-center::before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);}


.slick-slide.slick-current.slick-active .una-content h1{ animation-name:fadeInUp;  animation-duration:1s;  animation-fill-mode:both;}
.slick-slide.slick-current.slick-active .una-content p{ animation-name:fadeInUp;  animation-duration:1s; animation-delay:0.2s; animation-fill-mode:both; transition-duration: 0.8s, 1.4s;}

@keyframes fadeInUp { 
0% {opacity:0;transform:translate3d(0, 40%, 0)}
25% {opacity:0.2;}
50% {opacity:0.7;}
to { opacity:1; transform:none }
}
.fadeInUp { animation-name:fadeInUp }

.una-content p span{font-family: 'sourcesanspro-bold'; }
.la-sal-paging{position:relative; z-index:9999;}
.la-sal-paging .cara-la-arrow{float:right; margin-right:130px;}
.la-sal-paging .cara-la-arrow .customprevious{ background: #fff url(../img/icones-svg/arrow-left.svg) no-repeat 0 0; width: 15px; height: 6px; border:none; position: relative;
top: -5px;cursor: pointer;}
.la-sal-paging .cara-la-arrow .customprevious-next{ background: #fff url(../img/icones-svg/arrow-right.svg) no-repeat 0 0; width: 15px; height: 6px; border:none; position: relative; top: -5px;cursor: pointer;}
.la-sal-paging .cara-la-arrow .pagingInfo{text-align: right; font-family: 'playfairdisplay-italic'; color: #eb8c0e; font-size: 16px; letter-spacing:3.5px;}

.left-top.contact { margin-top: 45px; top: 0;}
.left-top.entit-thk { margin-top: 80px; top: 0;}
.left-top.ent-tit { margin-top: 80px; top: 0;}
.left-top.la-sala { margin-top: 160px; top: 0; z-index:99999;}
.left-top.rest-top { margin-top: 140px; top: 0;}
.entitats .origen-lft.origens-title.tp-title .left-top { margin-top:70px; top: 0;}
.entitats .origen-lft.origens-title .left-top { margin-top:90px; top: 0;}
.entitats.origen.time-no-img .left-top { margin-top: 44px; top: 0;}
.entitats.origen .left-top.prac-ti { margin-top: 70px; top: 0;}



/*=================================================== style 2 css =======================================================================================*/
/* Social */
.row-inner-social { margin: 0 auto; position: relative; width: 1260px;}
.social-sec { float: left; position: relative; width: 100%;}
.insta-tit { float: left; width: auto;}
.insta-tit span { float:left; background: #f28f1a; border-radius: 50%; height: 40px; padding: 11px 13px; width: 40px; position:relative;}
.insta-tit img { float: left;}
.insta-tit h4 { float: left; margin-left: 20px; padding: 4px 0; color:#f28f1a; text-transform:uppercase; font-size: 12px; font-family: 'sourcesanspro-bold'; letter-spacing: 2px; }
.insta-tag { float:right; padding: 8px 0;}
.insta-tag span { float: left; font-family: 'sourcesanspro-light'; margin-right:50px; font-size:26px; color:#242426;}
.insta-tag span:last-child { margin-right:0;}

.social-portal ul { list-style-type: none;}
.social-portal { float: left; position: relative; width: 100%;}
.social-portal li { background: #fff none repeat scroll 0 0;float: left; overflow: hidden; padding: 22px 0 0; position: relative;}
.social-portal .social-img { float: left; overflow: hidden; width: 100%;}
.social-portal li .social-img  img { transition: all 1s ease 0s;}
.social-portal li:hover .social-img img { background: rgba(32, 169, 222, 0.9) none repeat scroll 0 0; transform: scale(1.2);}
.social-title { float:left; width:100%; padding:0 10px 15px 22px;min-height: 77px; display: flex; display: -webkit-flex; display: -moz-flex; display: -o-flex;
    justify-content: left; -webkit-justify-content: left; -moz-justify-content: left; -o-justify-content: left;
    align-items: center; -webkit-align-items: center; -moz-align-items: center; -o-align-items: center;} 
.social-title h2 { color:#f28f1a; font-family: "sourcesanspro-bold"; font-size: 16px; line-height: 22px; margin: 0; padding: 0; width: auto;}
.social-title span { font-family: 'sourcesanspro-regular'; font-size: 12px; display: block; line-height: normal; color: #000;}
.social-txt-center {  float:left; padding: 22px 25px 22px 25px; width:100%; text-align:left;}
.social-txt-center p { float:left; font-family: 'sourcesanspro-regular'; font-size: 14px; width:100%;line-height: 22px;color: #424244;}
.social-txt-center span { color:#66c1d6;}
.social-txt-center b{font-family: 'sourcesanspro-bold';font-weight: normal;font-size: 15px;}

.social-title-img.wid-a.twt { width: 43px;}
.social-title-cnt.twt span { color:#919191;}
.social-txt-center.twt { padding: 0 25px 25px 25px;}
.twt-cont-main  { float:left; width:100%; padding:0 25px 0 27px;}
.twt-para-cnt { border:1px solid #efefef; float:left; width:100%; padding:20px 15px 15px;}
.twt-cont-main h1 {color: #000000; font-family: "sourcesanspro-bold"; font-size: 14px; line-height: 20px; margin: 0 0 5px; padding: 0; width: auto;letter-spacing: 0.5px;}
.twt-cont-main h2 {color: #f28f1a; font-family: "sourcesanspro-bold"; font-size: 16px; line-height: 22px; margin: 0; padding: 0; width: auto;letter-spacing: 0.5px;}
.twt-cont-main span { color: #3e3e3e;display: block; font-family: "sourcesanspro-regular"; font-size: 12px; line-height: normal; margin-bottom:10px;}
.twt-cont-main .twt-para-cnt p { color: #424244; float: left; font-family: "sourcesanspro-regular"; font-size: 14px; line-height: 22px; letter-spacing: 0.5px; width: 100%; padding-bottom:5px;}
.twt-cont-main .twt-para-cnt a { color: #e1e1e1;display: block; font-family: "sourcesanspro-regular"; font-size: 14px; line-height: normal; margin-bottom:0px; height:auto; text-align:left; width:auto;}
.twt-social-btm { float: left; padding:0 25px 0 27px; margin-bottom:15px; width: 100%;}
.tiles-wrap .twt-social-btm ul li { box-shadow: none; float: left; margin-right: 15px; width: auto;}
.twt-social-btm ul li img { float: left; width: auto; margin-right:8px; position: relative; top: 3px;}
.twt-social-btm ul li span { float: left; width: auto; font-family: "sourcesanspro-regular"; font-size: 12px; line-height: normal; margin-bottom: 15px;color: #e3e3e3;}
.social-title-img.wid-a.twt img { width:100%;}
.social-img.twt { padding:0 25px 0 27px;}
.social-portal li:hover .social-img.twt img { background: none; transform: scale(1);}
.social-portal .re-twt-top { padding:0 25px 0 27px; float:left; width:100%;}
.social-portal .re-twt-top img { float: left; width: auto; margin-right:8px; position: relative; top: 3px;}
.social-portal .re-twt-top span {float: left; width: auto; font-family: "sourcesanspro-regular"; font-size: 12px; line-height: normal; margin-bottom: 15px;color: #e3e3e3;}

.twt-video.lft { float: left; margin-right: 15px; width: 30%;}
.twt-video.lft img { float: left; width: auto;}
.twt-video.rgt { float: left; width: 62%;}
.twt-para-cnt.img { padding: 0;}
.twt-para-cnt.img .twt-video.lft { width: 44%;}
.twt-para-cnt.img .twt-video.rgt { width: 46%;}
.twt-para-cnt.img .twt-video.rgt h1 { padding:15px 0;}

.tiles-wrap.wookmark-initialised.animated li { transition: all 0.3s ease-out 0s;}
.tiles-wrap.wookmark-initialised li { opacity: 1;box-shadow:0px 3px 5px rgba(0,0,0,0.07); -webkit-box-shadow:0px 3px 5px rgba(0,0,0,0.07); -moz-box-shadow:0px 3px 5px rgba(0,0,0,0.07); -o-box-shadow:0px 3px 5px rgba(0,0,0,0.07);}
.social-title-img{float: left;width: 30%;width: 43px;margin: 0px 10px 0px 0px;}
.social-title-img img{float: left;width: 100%;border-radius:100%;}
.social-title-cnt{float: left;width: 65%;}
.twit-section{float: left;width: 100%;}
.fb-section{float: left;width: 100%;}
.fb-top-image{float: left;width: 100%;}
.fb-top-image img{float: left;width: 100%;}
.fb-top-title{float: left;width: 100%;margin-bottom: 0px;}
.fb-top-title .fb-title-img{float: left;width: 40px;margin-right: 10px;}
.fb-top-title .fb-title-img img{float: left;width: auto;/*border-radius: 100%;*/}
.fb-top-title .fb-title-txt {float: left; width: 80%;}
.fb-top-title .fb-title-txt p{float: left;color: #fb881b;text-align: left;font-family: 'sourcesanspro-bold';}
.fb-top-title .fb-title-txt span{float: left; color:#000000;font-family: 'sourcesanspro-regular';}
.fb-all-cnt{float: left;width: 100%;padding:28px 22px 27px 23px;}
.fb-top-cnt p{float: left;font-family: 'sourcesanspro-regular';}
.fb-top-cnt p{float: left;width: 100%;margin-bottom: 0px;font-size: 14px; line-height: 21px;}
.fb-sharing-ico{float: left;width: 100%;}
.fb-sharing-ico ul{float: left;width: 100%;}
.fb-all-cnt .fb-sharing-ico ul li{float: left;width: 15%;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.0);padding: 0;}

.fb-top-title .fb-title-txt h2{float: left;color: #fb881b;text-align: left;font-family: 'sourcesanspro-bold'; font-size: 16px; line-height: 20px; padding-bottom: 0;}
.fb-top-title .fb-title-txt h2 span { font-size: 12px;}

.insta-pad { float: left; width: 100%;}
.entitats.greybg.twt-pad { margin: 0; padding: 80px 0; }

#wookmark2.tiles-wrap { margin-bottom: 0;}
.entitats.twt-pad { margin: 0; padding: 80px 0 0; }
.fb-top-title .fb-title-txt span img { width: auto; display: inline-block; vertical-align: text-bottom;}
.fb-social-btm { float: left; width: 100%; margin-top:20px;}
.tiles-wrap .fb-social-btm ul li { float: left; box-shadow: none; width: auto; margin-right: 15px; padding:0;}
.fb-social-btm ul li img { width: auto;}
.fb-social-btm ul li:last-child { margin-right: 0;}
.title-top { float: left; width: 100%; margin-bottom: 15px;}
/*-------------------*/

.enviar-bg{background: url(../img/backgrounds/fons-press.jpg) no-repeat right bottom;background-size: auto auto;float: left;background-size: cover;width: 100%;}
.inf-paragrap-cnt p{padding-bottom: 20px;}

.informacio-cnt-left{float: left;width: 70%;}
.informacio-cnt-right{float: right;width: 30%;}
.informacio-cnt-left .inner-entitats{padding-right: 33px;}

.inf-paragrap-cnt h2{padding: 0 0 58px 0;}
.inf-paragrap-cnt p a{transition: all .4s ease;-moz-transition: all .4s ease;-webkit-transition: all .4s ease;-o-transition: all .4s ease;}
.inf-paragrap-cnt p a:hover{color: #f48d17;text-decoration:underline;}

.info-actualment{border: 1px solid #000000;padding: 38px 44px 30px 36px;float: left;width: 100%;}
.info-actualment h3{font-family: 'sourcesanspro-bold';font-size: 25px;color: #202126;letter-spacing: 0.5px;line-height: 25px;padding-bottom:16px;}

.info-contact{float: left;width: 100%;background: #f5f5f5;padding: 26px 30px 36px 35px;position: relative;margin-top:180px;}
.info-contact img{float: right;border-radius: 100%;position: absolute;top: -144px;right: 0px;width: 85%;}
.info-contact p{font-family: 'sourcesanspro-regular';padding: 134px 0px 25px 0px;}
.info-contact a{color: #1e1f24;text-decoration: underline;font-family: 'sourcesanspro-bold';font-weight: normal;transition: all .4s ease;-moz-transition: all .4s ease;-webkit-transition: all .4s ease;-o-transition: all .4s ease;}
.info-contact a:hover{color: #f48d17;}
.info-contact span{color: #f48d17;font-family: 'sourcesanspro-bold';}

.inf-horari{float:left;width: 100%;margin: 52px 0px;}
.inf-horari ul li{float:left;width: 32%;margin: 0px 10px 22px 0px;}
.inf-horari ul li:nth-child(3n){margin-right: 0%;}
.inf-horari p, .inf-vacances p{padding-bottom: 0px;font-family: 'sourcesanspro-regular';font-size: 16px;}
.inf-horari span,.inf-vacances span{padding-bottom: 0px;font-family: 'sourcesanspro-bold';font-size: 17px;line-height: 20px;color:  #000000;}

.inf-vacances{float:left;width: 100%;margin-bottom: 45px;}
.inf-vacances ul li{margin-bottom: 20px;}
.inf-vacances ul li:last-child{margin-bottom:0px;}
.inf-vacances h3,.inf-horari h3{font-family: 'sourcesanspro-bold';color: #1e1f24;font-size: 20px;margin-bottom: 16px;}
.informacio-bg{width: 100%;float: left;background: url(../img/backgrounds/fons-reserva.jpg) no-repeat right -311px bottom 0px;background-size: cover;}
.informacio-bg .practiq .informacio-cnt-left .left-top{top:41px;}

.gracies-cnt{float: left;width: 100%;border: 1px solid #6f6f6f;padding: 41px 32px 32px 32px;letter-spacing: 0.5px;margin-bottom: 32px;}
.gracies-bg .left-top{top:41px;}
.gracies-cnt h3{font-family: 'sourcesanspro-bold';color: #1e1f24;font-size: 27px;margin-bottom:16px;}
.gracies-cnt p{font-family: 'sourcesanspro-regular';color: #1e1f24;font-size: 16px;line-height: 32px;margin-bottom: 20px;color: #1b1b1d;}
.gracies-cnt ul{float: left;width: 50%;margin-bottom: 30px;}
.gracies-cnt ul li{float:left;width: 100%;}
.gracies-cnt p a {text-decoration: underline;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.gracies-cnt p a:hover{color: #f48d17; text-decoration: underline;}

.imprimir-btn input[type="submit"]{padding: 0px 24px;}
.gracies-main-cnt{float: left;width: 100%;}
.gracies-main-cnt p{margin-bottom: 18px;letter-spacing: 0px;}
.gracies-main-cnt h4{font-family: 'sourcesanspro-bold';color: #25262a;font-size: 15px;margin:0px 0px 21px 0px;letter-spacing: 0.5px;text-decoration: underline;width: auto;display: inline-block;}
.gracies-main-cnt h3{font-family: 'sourcesanspro-bold';color: #000000;font-size: 20px;margin: 0px 0px 18px 0px;}
.gracies-cnt span{float: right;font-family: 'sourcesanspro-bold';}
.gracies-cnt ul li{font-family: 'sourcesanspro-regular';font-size: 16px;margin-bottom:14px;line-height: 11px;}
.gracies-nom li span{width: 75%;}
.gracies-cognom li span{width: 52%;}

.btn-infor-rightbg a{background: #1e1f24;text-align: center;color: #fff;width:auto;float: left;padding: 18px 22px;font-family: 'sourcesanspro-bold';font-size: 18px;position: relative;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.btn-infor-rightbg a:hover{background: #f48d17;}

ul.btm-link li{float:left;}
ul.btm-link li:last-child{margin-right:0;}
ul.btm-link li a{background:#1e1f24; text-align:center; color:#fff; float:left; padding:18px 22px;  font-family: 'sourcesanspro-bold';  font-size:18px; position: relative;
-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);}
ul.btm-link li a:before {   content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #fff;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} 
ul.btm-link li a:hover{ color:#000; }
ul.btm-link li a:hover:before{-webkit-transform: scaleX(1); transform: scaleX(1); }
ul.btm-link li.btm-link-right a{background: none;color:#000;text-decoration: underline;padding: 18px 44px;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
ul.btm-link li.btm-link-right a:hover{color: #f48d17;}
/****/

/*5-1-2019*/

.origens-gallery ul.origens-fi.la li{ position:relative;}
.orig-title { position:absolute; left:40px; bottom:120px; z-index:999999; opacity:0;}
.orig-title h2{ font-size:26px; color:#fff; font-family: 'sourcesanspro-bold'; margin-bottom:10px; letter-spacing:0.5px;}
.orig-title p{font-family: 'sourcesanspro-regular';color: #fff;font-size: 18px; letter-spacing:0.5px;}
.origens-gallery ul.origens-fi.la li:first-child {width: 26%;}
.origens-gallery ul.origens-fi.la li:nth-child(2) {width: 24%;}
.origens-gallery ul.origens-fi.la li:nth-child(3) {width: 24%;}
.origens-gallery ul.origens-fi.la li:last-child {width: 25%;margin-right: 0;}
.origens-gallery ul.origens-fi.la li img{ width:100%;}
.row2 { width: 1170px;margin: 0 auto;position: relative;}
.una-content{width:100%; float:left; padding:80px 90px; background:#fff; margin-top: -85px;}
.una-content h1 {float: left;width: 100%;font-family: 'sourcesanspro-bold';font-size: 42px;line-height: 50px;letter-spacing: 1px;margin-bottom: 40px;}
.una-content p {font-family: 'sourcesanspro-regular';font-size: 16px;color: #2e2e30;line-height: 24px;letter-spacing: 0.5px; margin-bottom:25px;}
.una-content .una-lft p { width:100%;}
.una-content .una-rht p { width:87%;}
.una-content .una-rht p.es { width:100%;}
.una-content p.es{ color:#f48f19; font-size:26px; line-height:35px; font-family: 'playfairdisplay-italic'; margin:50px 0;}
.una-lft{ width:45%; float: left; margin-right:4%;}
.una-rht{ width:49%; float: left;}
.volutpat{ width:100%; float:left;margin-bottom: 70px;}
.volutpat h3 {font-family: "sourcesanspro-bold";font-size: 13px;line-height: 14px;color: #f18d1e;letter-spacing: 0.5px;padding-left: 75px;position: relative;
float: left; margin-bottom:60px;}
.volutpat h3::after {position: absolute;content: "";right: -105px;width: 90px;height: 1px;background: #f18d1e;top: 10px;}
.volutpat ul{ float:left; width:100%; padding-left:120px;}
.volutpat ul li{font-family: 'sourcesanspro-light'; font-size: 25px;color: #2e2e30;line-height: 28px;letter-spacing: 0.5px; margin-bottom:15px; float:left; width:100%;}
.volutpat ul li:last-child{ margin-bottom:0;}

.entitats.origen .practiq.pra-new{position:relative;}
.user-left.right { float: right;}
.contact-form.reserva ul li .hora .tef-in{float:right;}
.contact-form.reserva ul li.tell .hora input[type="text"]{width:50%;}

.user-pad ul li{height:590px; overflow:hidden; transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out;}
.user-pad ul li.open{height:auto;}


/* #home.nav::after { position: absolute; display: block; content: "";  left: 0; top: 0; height: 29%; width: 100%; z-index: 2;
background: rgba(218,218,218,1);
background: -moz-linear-gradient(left, rgba(218,218,218,1) 0%, rgba(253,253,253,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(218,218,218,1)), color-stop(100%, rgba(253,253,253,1)));
background: -webkit-linear-gradient(left, rgba(218,218,218,1) 0%, rgba(253,253,253,1) 100%);
background: -o-linear-gradient(left, rgba(218,218,218,1) 0%, rgba(253,253,253,1) 100%);
background: -ms-linear-gradient(left, rgba(218,218,218,1) 0%, rgba(253,253,253,1) 100%);
background: linear-gradient(to right, rgba(218,218,218,1) 0%, rgba(253,253,253,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#fdfdfd', GradientType=1 );
} */


.slider.slider-r .slick-slide { background-size: cover;}


/* new css */
.header-revol .logo{ display: flex; align-items: center;}
.header-revol .logo img{ width: 25px;}
.header-revol .logo a.tornar-back { margin-left: 44px;color: #010101;font-family: 'sourcesanspro-bold';font-size:14px; letter-spacing: 2px;transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out;}
.header-revol .logo a.tornar-back:hover{color: #eb8c0e; }
.header-revol .logo a.tornar-back span{background: url(../img/icones-svg/tornar-negre.svg) no-repeat 0 0; width: 7px; height: 10px;
display: inline-block; margin-right: 12px; }
.header-revol .logo a.tornar-back:hover span{background: url(../img/icones-svg/org-arw.svg) no-repeat 0 0; width: 7px; height: 10px;
display: inline-block;background-size: contain; }
 
.menu-rht.menu-rht-new .menu-ico a { background: none;}
.menu-rht.menu-rht-new .menu-ico a span {background: url(../img/icones-svg/blk-menu.svg) no-repeat center center;}
.menu-rht.menu-rht-new.expand .menu-ico a span { display: block; background: url(../img/icones-svg/close-mn.svg) no-repeat center center; background-size: cover;}

.origens-gallery.gal-flex ul { display: flex; flex-wrap: wrap;}
.origens-gallery ul li { overflow: hidden;display: flex;}
.rocam-sec { float: left; width: 100%; padding: 40px 0px 330px; position: relative;}
.rocam-sec .row { width: 510px;}
.rocam-cont{ float: left; width: 100%; text-align: center; padding: 0px 0px;}
.rocam-cont img { margin-bottom: 95px;}
.rocam-cont h1 { font-size:44px;color: #2e2e30;font-family: 'sourcesanspro-light'; line-height:44px;margin-bottom:35px; }
.rocam-cont p {font-family: 'sourcesanspro-light';font-size: 16px;line-height: 24px;color: #2e2e30; margin-bottom:75px;}
.rocam-cont a {display: inline-block; margin-bottom: 60px; color: #010101;font-family: 'sourcesanspro-bold';font-size: 16px; letter-spacing: 2px;transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out;}
.rocam-cont a:hover {color: #eb8c0e; }

.veure-link-sec { float: left; width: 100%; padding: 30px 0px; background: #fafafa;}
.veure-link-sec .line-lft{ margin-top: 0px;}
.rocam-img-1 { position: absolute; left:-125px;top:112px;}
/* .rocam-img-1 img{ width: 300px; } */
.rocam-img-2 { position: absolute; right:-90px;top:185px;}
.rocam-img-3 { position: absolute; left:294px;bottom:-75px;}
.rocam-img-3 img{ float: left;}

.line-lft a span {color: #eb8c0e;display: inline-block; margin: 0;}
.veure-link-sec .line-lft{ margin-top: 0px;padding-left:70px;}
.veure-link-sec .line-lft:hover, .line-lft:focus {
padding-left: 0;padding-right:70px;color: #eb8c0e;}
.veure-link-sec .line-lft::before, .link__container--line-to-left a::before { width: 52px;}
.veure-link-sec .line-lft:hover::after, .veure-link-sec .line-lft:focus::after {width: 52px;transition-delay: .1s;}
.veure-link-sec .line-lft:hover::before, .veure-link-sec .line-lft:focus::before { width:0px; }
.localitz-sec{ float: left; width: 100%; padding: 60px 0px 20px;}
.localitz-sec h1 {font-size:28px;color: #2e2e30;font-family: 'sourcesanspro-bold';line-height:30px;margin-bottom:50px;}
.localitz-sec ul li { float: left; width: 49%; margin-right: 2%; margin-bottom: 20px; position: relative; overflow: hidden;}
.localitz-sec ul li img { float: left; width: 100%;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;}
.localitz-sec ul li:nth-child(2n-2) { margin-right:0px;}
.localitz-sec ul li:hover img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); backface-visibility: hidden; -webkit-backface-visibility: hidden;}
.localitz-sec ul li .localitz-cnt {position: absolute; background: rgba(255, 255, 255,0.9);left: 18px;bottom: 18px;padding: 25px 18px 25px 18px;}
.localitz-sec ul li .localitz-cnt h1 { font-size:20px; color: #2e2e30; font-family: 'sourcesanspro-bold'; line-height:20px; margin-bottom:5px;}
.localitz-sec ul li .localitz-cnt h1 span { color: #eb8c0e; display: inline-block; margin: 0;}
.localitz-sec ul li .localitz-cnt p {font-size:20px;color: #2e2e30;font-family: 'sourcesanspro-light'; line-height:28px;margin-bottom:16px; }
.localitz-cnt .line-lft{ margin: 0px 0px;padding-left:45px;}
.localitz-cnt a {font-size: 16px;line-height: 18px;}
.localitz-cnt .line-lft:hover, .line-lft:focus, .localitz-cnt .link__container--line-to-left a:hover, .localitz-cnt .link__container--line-to-left a:focus {
padding-left: 0;padding-right:45px;color: #eb8c0e;}
.localitz-cnt .line-lft::before, .link__container--line-to-left a::before { width: 32px;}
.localitz-cnt .line-lft:hover::after, .localitz-cnt .line-lft:focus::after {width: 32px;transition-delay: .1s;}
.localitz-cnt .line-lft:hover::before, .localitz-cnt .line-lft:focus::before { width:0px; }
.localitz-cnt .line-lft.m-b-25 { margin-bottom: 25px;}

.localitz-sec.localitz-sec-2 ul li{ width: 100%; margin-right: 0px;}
.localitz-sec.localitz-sec-2 ul li .localitz-cnt { width: 340px;}

footer.foot-revol .foot-lft{ float: right; width: 50%; text-align: right; }
footer.foot-revol .foot-lft p {color: #5f5f61;font-size:13px;font-family: 'sourcesanspro-regular'; }
footer.foot-revol .foot-lft p a{color: #5f5f61;transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out;}
footer.foot-revol .foot-lft p a:hover {color: #eb8c0e;}
footer.foot-revol .foot-rht{ float: left; width: 50%; }


.genaral-page { background: url(../img/fons-blanc.jpg) no-repeat 0 0; background-size: cover;}
.storyboard-sec { float: left; width: 100%; padding: 0px 0px 30px 0px; position: relative;}
.storyboard-sec .row1 { position: static;}
.storyboard-sec h1{ font-size:44px;color: #2e2e30;font-family: 'sourcesanspro-light'; line-height:44px;margin-bottom:0px; }
.storyboard-sec h1 span {color: #eb8c0e;display: inline-block;margin: 0;}
.board-members { float: left; width: 100%; position: relative;padding: 410px 0px;}
.board-members .board-img-1{ position: absolute; top:0px; left: 0px; right: 0px; margin:0px auto; width:209px;}
.board-members .board-img .img-b img { float: left; width: 100%; border-radius: 100%;-webkit-filter: drop-shadow(0px 0px 5px #dcdcdc);
filter: drop-shadow(0px 0px 5px #dcdcdc);}
.board-members .board-img-2{ position: absolute; top:0px; left: 0px; right: 0px; bottom: 0px; margin:auto auto; width:334px; height:358px;}
.board-members .board-img-3{ position: absolute; top:145px; left:240px; width:207px; height:221px;}
.board-members .board-img-4{ position: absolute; bottom:100px; right:270px; width:215px; height:230px;}
.board-members .board-img-5{ position: absolute; bottom:110px; left:245px; width:207px; height:221px;}
.board-members .board-img-6{ position: absolute; top:115px; right:140px; width:214px; height:229px;}

.board-img-cont h3 {font-size:15px;color: #1d1e23;font-family: 'sourcesanspro-bold';line-height:15px;margin-bottom:5px; }
.board-img-cont h3 span {color: #eb8c0e;display: inline-block;margin: 0;}
.board-img-cont p{color: #eb8c0e;font-size:12px;font-family: 'sourcesanspro-regular'; line-height: 16px;}
.board-members .board-img-1 .board-img-cont {position: absolute;float: left; width: 100%; right:-100%; top:32%; }
.board-members .board-img-2 .board-img-cont {position: absolute; top:100%; float: left; width: 100%; text-align: center; }
.board-members .board-img-3 .board-img-cont {position: absolute; right:100%; top:33%; float: left; width: 100%; text-align: right;}
.board-members .board-img-4 .board-img-cont {position: absolute;float: left; width: 100%; right:-100%; top:42%; }
.board-members .board-img-5 .board-img-cont {position: absolute;float: left; width: 100%; right:100%; top:42%; text-align: right;}
.board-members .board-img-6 .board-img-cont {position: absolute;float: left; width: 100%; right:-100%; top:20%; }

.board-members .board-img-1 .board-arw {position: absolute;float: left;top:98%; left: 45%;}
/* .board-members .board-img-1 .board-arw img { width:20px;} */
.board-members .board-img-3 .board-arw {position: absolute;float: left;left:80%; top:88%;}
/* .board-members .board-img-3 .board-arw img { width: 42px;} */
.board-members .board-img-4 .board-arw {position: absolute;float: left;right:82%; top:6%;}
/* .board-members .board-img-4 .board-arw img { width: 42px;} */
.board-members .board-img-5 .board-arw {position: absolute;float: left;left:95%; top:13%;}
/* .board-members .board-img-5 .board-arw img { width: 45px;} */
.board-members .board-img-6 .board-arw {position: absolute;float: left;right:92%; top:70%;}
/* .board-members .board-img-6 .board-arw img { width: 138px;} */

.vert-txt { position: absolute;left: 0;bottom:140px;transform: translateX(-50%) translateY(-50%) rotate(-90deg);
transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;font-size: 12px;font-family: 'sourcesanspro-bold';color: #eb8c0e;letter-spacing: 1px;}
.vert-txt::before {position: absolute;content: "";right: 115px;height: 1px;background: #f18d1e;top: 10px; width:65px;}

footer.foot-revol .foot-lft p.sound-icon{ display: flex; align-items: center; justify-content: right; float: right; font-size: 13px; font-family: 'sourcesanspro-bold'; color: #000000;}
footer.foot-revol .foot-lft p.sound-icon img{ margin-left: 10px;}
.close-up-cont { float: left; width: 100%; height: 100%; padding: 0px 50px;position: absolute;background: #fff; display: none;left: 0px; z-index: 999;}
.close-up-lft { float: left; width: 49%;}
.close-up-lft img { width: 100%;-webkit-filter: drop-shadow(0px 0px 3px #dcdcdc);filter: drop-shadow(0px 0px 3px #dcdcdc);}
.close-up-rgt { float: left; width: 51%; padding-top: 75px; padding-left: 35px;}
.close-up-rgt a.tornar-back { margin-bottom:110px; display: inline-block; color: #010101;font-family: 'sourcesanspro-bold';font-size:14px; letter-spacing: 2px;transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out;}
.close-up-rgt a.tornar-back:hover{color: #eb8c0e; }
.close-up-rgt a.tornar-back span{background: url(../img/icones-svg/tornar-negre.svg) no-repeat 0 0; width: 7px; height: 10px;
display: inline-block; margin-right: 12px; }
.close-up-rgt a.tornar-back:hover span{background: url(../img/icones-svg/org-arw.svg) no-repeat 0 0; width: 7px; height: 10px;
display: inline-block;background-size: contain; }
.close-up-rgt h2 {font-size:42px;color: #1d1e23;font-family: 'sourcesanspro-bold';line-height:42px;margin-bottom:15px; }
.close-up-rgt h2 span {color: #eb8c0e;display: inline-block;margin: 0;}
.close-up-rgt h3{color: #eb8c0e;font-size:20px;font-family: 'sourcesanspro-regular'; line-height:26px;margin-bottom:25px;}
.close-up-rgt p {font-family: 'sourcesanspro-light';font-size: 16px;line-height: 24px;color: #2e2e30; margin-bottom:55px;}
.close-up-rgt .line-lft{ margin-top: 0px;padding-left:70px;}
.close-up-rgt .line-lft a {font-size: 16px;line-height: 18px;}

.close-up-rgt .line-lft:hover, .line-lft:focus {
padding-left: 0;padding-right:70px;color: #eb8c0e;}
.close-up-rgt .line-lft::before { width: 50px;}
.close-up-rgt .line-lft:hover::after, .close-up-rgt .line-lft:focus::after {width: 50px;transition-delay: .1s;}
.close-up-rgt .line-lft:hover::before, .close-up-rgt .line-lft:focus::before { width:0px; }

.close-up-popup { float: left; width: 100%; display: none;}
.mbl-board-cont {float: left; width: 100%; display: none; margin-top: 20px; text-align: center;}
.mbl-board-cont p {font-family: 'sourcesanspro-light';font-size: 16px;
line-height: 24px;color: #2e2e30;margin-bottom: 25px;}
.mbl-board-cont .line-lft { margin-top: 0px;}
.mbl-board-cont .line-lft a { font-size: 16px; line-height: 18px;}

/*selvaraj*/

.encarna {width: 100%;float: left; padding:20px 0px;}
.encarna-logo{width: 100%;float: left; text-align: center;}
.encarna-lst{ width: 100%; float: left; margin-top:80px;}
.encarna-lst ul li{ width: 46%; float: left; margin-right: 2%; position: relative; min-height: 470px;}
.encarna-lst ul li:first-child{ width: 25%;}
.encarna-lst ul li:nth-child(2n){ z-index: 99;}
.encarna-lst ul li:last-child{ margin-right: 0; width: 25%;}
.encarna-lst ul li h2{ width: 100%; float: left; text-align: center; margin-bottom: 45px;font-family: 'sourcesanspro-light'; letter-spacing: 1px;font-size:44px;color: #000;line-height:44px;}
.encarna-lst ul li p{ width: 100%; float: left; font-family: 'sourcesanspro-regular';font-size: 16px;color: #2e2e30;line-height: 24px;letter-spacing: 0.5px; text-align: center; margin-bottom: 65px;position: relative; z-index: 9999;}
.encarna-lst ul li a{ width: 100%; float: left; text-align: center; letter-spacing: 2px; color: #000; font-family: "sourcesanspro-bold"; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.encarna-lst ul li a:hover{ color: #f18c16;}
.e-img1 {position: absolute; left:-72px; top:-100px;}
.e-img2 {position: absolute; right:-100px; bottom:0;}
.e-img1.e-img-other{ left: 0px;}

/*can-roca*/
.can-roca{width: 100%;float: left; padding:20px 0px; background: url(../img/can-roca-background.jpg) no-repeat; background-size: cover; min-height: 760px; text-align: center;display: flex;align-items: center;justify-content: center;}
.can-roca.can-roca-hotel{background: url(../img/hotel-casacacao-background.jpg) no-repeat; background-size:cover;}
.roca {position: absolute; top:0px;}
.can-roca-logo{ width: 100%; float: left;}
.can-roca-logo img { margin-bottom: 70px;}
.can-roca-logo h2{ width: 100%; float: left; text-align: center; margin-bottom: 45px;font-family: 'sourcesanspro-light'; letter-spacing: 1px;font-size: 42px;color: #151108;line-height: 42px;}
.can-roca-logo p{ width: 100%; float: left; font-family: 'sourcesanspro-regular';font-size: 16px;color: #2e2e30;line-height: 24px;letter-spacing: 0.5px; text-align: center; margin-bottom: 65px;position: relative; z-index: 99;}
.can-roca-logo a { width: 100%; float: left; text-align: center; letter-spacing: 2px; color: #000; font-family: "sourcesanspro-bold"; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.can-roca-logo a:hover { color: #f18c16;}


/* animation css starts */

.board-members .board-img-1 { animation:zoom-img1 6s ease 1s forwards; z-index:1;  }
.board-members .board-img-1 img { animation:scale-img1 7s ease 1s forwards;  }
.board-members .board-img-1 .board-img-cont { animation: text-anim 9s ease 0s forwards; }
.board-members .board-img-1 .board-arw { animation: arr-anim 10s ease 1s forwards; opacity:0; }

.board-members .board-img-2 { animation:scale-img 2s ease 3s forwards; z-index:2; opacity:0;}

.board-members .board-img-3 { animation:zoom-img3 5s ease 4s forwards; z-index:1; opacity:0;}
.board-members .board-img-3 img { animation:scale-img2 2.5s ease 6s forwards;  transform: scale(0.6); }
.board-members .board-img-3 .board-img-cont { animation: text-anim 4s ease 6s forwards; opacity:0; }
.board-members .board-img-3 .board-arw { animation: arr-anim 5s ease 6s forwards; opacity:0; }

.board-members .board-img-4 { animation:zoom-img4 5s ease 4s forwards; z-index:1; opacity:0;}
.board-members .board-img-4 img { animation:scale-img2 5s ease 4s forwards;  transform: scale(0.6); }
.board-members .board-img-4 .board-img-cont { animation: text-anim 4s ease 6s forwards; opacity:0; }
.board-members .board-img-4 .board-arw { animation: arr-anim 5s ease 6s forwards; opacity:0; }


.board-members .board-img-5 { animation:zoom-img5 5s ease 4s forwards; z-index:1; opacity:0;}
.board-members .board-img-5 img { animation:scale-img2 5s ease 4s forwards;  transform: scale(0.6); }
.board-members .board-img-5 .board-img-cont { animation: text-anim 4s ease 6s forwards; opacity:0; }
.board-members .board-img-5 .board-arw { animation: arr-anim 5s ease 6s forwards; opacity:0; }


.board-members .board-img-6 { animation:zoom-img6 5s ease 5s forwards; z-index:1; opacity:0;}
.board-members .board-img-6 img { animation:scale-img2 5s ease 4s forwards;  transform: scale(0.6); }
.board-members .board-img-6 .board-img-cont { animation: text-anim 4s ease 7s forwards; opacity:0; }
.board-members .board-img-6 .board-arw { animation: arr-anim 5s ease 7s forwards; opacity:0; }



@keyframes zoom-img1 { 
0% { transform:translate(0px,0px);  } 
50% { transform:translate(0px, 300px); }
65% { transform:translate(0px, 300px); opacity:0;}
100% { opacity: 1; transform:translate(0px, 0px); }
}

@keyframes scale-img1 { 
0% { transform: scale(1); }
45% { transform:scale(0.4); }	
50% { transform:scale(0.25); }
100% { transform: scale(1);}
}

@keyframes scale-img { 
0% { transform: scale(0); opacity:0; }
60% { transform: scale(0); opacity:0; }
100% { transform: scale(1); opacity:1; }
}


@keyframes scale-img2 { 
0% { transform: scale(0); }
30% { transform:scale(0.3); }	
50% { transform:scale(0.5); }
100% { transform: scale(1);}
}

@keyframes text-anim{ 
0% { top:32%; opacity: 0; }
70% { opacity: 0;}
100% { opacity:1;  }
}

@keyframes arr-anim{ 
0% { opacity: 0; }
60% { opacity: 0; }
100% { opacity:1; }
}


@keyframes zoom-img3 { 
0% { transform:translate(265px,205px);  } 
50% { transform:translate(265px,205px); }
65% { transform:translate(265px,205px); }
100% { opacity: 1; transform:translate(0px, 0px); }
}

@keyframes zoom-img4 { 
0% { transform:translate(-275px,-142px);  } 
50% { transform:translate(-275px,-142px); }
65% { transform:translate(-275px,-142px); }
100% { opacity: 1; transform:translate(0px, 0px); }
}

@keyframes zoom-img5 { 
0% { transform:translate(270px,-135px);  } 
50% { transform:translate(270px,-135px); }
65% { transform:translate(270px,-135px); }
100% { opacity: 1; transform:translate(0px, 0px); }
}

@keyframes zoom-img6 { 
0% { transform:translate(-385px,215px);  } 
50% { transform:translate(-385px,215px); }
65% { transform:translate(-385px,215px); }
100% { opacity: 1; transform:translate(0px, 0px); }
}


.rocam-img-1{ animation-name:fadeleft; animation-duration: 8s;  animation-fill-mode: both;}
.rocam-img-2 { animation-name:fadeleft; animation-duration: 8s;  animation-fill-mode: both;}
.rocam-img-3 { animation-name:fadeleft; animation-duration: 8s;  animation-fill-mode: both; }

.encarna-lst ul li:first-child { animation-name:fadeleft; animation-duration: 8s;  animation-fill-mode: both;}
.encarna-lst ul li:last-child {animation-name:fadeleft; animation-duration: 8s;  animation-fill-mode: both;}

/*@keyframes fadeleft 
{
	0% { transform:translateX(100px);}
	50% { transform:translateX(100px); }
	100% { transform:translateX(0px); opacity:1;}	
}*/

@keyframes fadeleft 
{
	from {
        opacity: 0;
        transform: translateY(100px);
    }
    to { opacity: 1; transform: translateY(0px); }
}

/*@keyframes faderight 
{
	0% { transform:translateX(-150px); opacity:0;}
	50% { transform:translateX(-150px); opacity:0;}
	100% { transform:translateX(0px); opacity:1;}	
}
*/
@keyframes fadeup 
{
	0% { transform:translateY(150px); opacity:0;}
	50% { transform:translateY(150px); opacity:0;}
	100% { transform:translateY(0px); opacity:1;}	
}

.lop-txt { overflow:hidden; animation: text-lft 2s ease 0s forwards;}
.vert-txt::before { animation: text-lft 2.5s ease 0s forwards; }
.storyboard-sec h1, .foot-rht { animation: text-lft1 2.8s ease 0s forwards; }

@keyframes text-lft {
	0% { transform: translate3d(0,100%,0); opacity:0;}
	50% { transform: translate3d(0,100%,0); opacity:0;}
	100% { transform: translate3d(0,0%,0); opacity:1;}
}

@keyframes text-lft1 {
	0% { transform: translate3d(10%,0%,0); opacity:0;}
	50% { transform: translate3d(10%, 0%,0); opacity:0;}
	100% { transform: translate3d(0,0%,0); opacity:1;}
}

/*page1*/
.products-main {float: left; width: 100%; padding: 0 35px 65px 35px; background: #ffffff;}
.products-main .products-list { float: left; width: 100%;}
.products-main .products-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; column-gap: 1%; row-gap: 65px;}
.products-main .products-list ul li { float: left; width: 18.5%; flex: 1 1 auto;}
.products-main .products-list ul li .prod-img { float: left; width: 100%; overflow: hidden;}
.products-main .products-list ul li .prod-img img{width: 100%; float: left; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; object-fit: cover;height: 100%; backface-visibility: hidden;
-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;}
.products-main .products-list ul li:hover .prod-img img { transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); backface-visibility: hidden; -webkit-backface-visibility: hidden;}
.products-main .products-list ul li .prod-cnt { float: left; width: 100%; position: relative;}
.products-main .products-list ul li .prod-cnt h4 {float: left; width: 100%; font-family: 'sourcesanspro-regular'; font-size: 16px; line-height: 16px; letter-spacing: 0.5px; color: #1D1D1B; margin-bottom: 10px;text-transform: uppercase; transition:all .5s ease;}
.products-main .products-list ul li .prod-cnt h3{float: left; width: 100%; font-family: 'sourcesanspro-bold'; font-size: 28px; line-height: 28px; letter-spacing: 0.5px; color: #1D1D1B; transition:all .5s ease;}
.products-main .products-list ul li:hover .prod-cnt h3{color: #f5902a;}
.products-main .products-list ul li.half-width { width: 38.9%; padding-right:90px; position: relative;}
.products-main .products-list ul li.half-width .prd-lnk p a{font-size: 20px;line-height: 20px;color: #B7B3AF;letter-spacing: 0.5px; transition:all .5s ease;}
.products-main .products-list ul li.half-width .prd-lnk p a:hover{color: #f5902a;}
.products-main .products-list ul li.half-width .prod-img { display: block; float: left; width: 100%;}
.half-rgt{ position:absolute; content:""; background:#fff; padding:30px 15px 30px 30px; right:0; top:65px; width: auto; max-width: 280px;}
.half-rgt h4{float: left;width: 100%;font-family: 'sourcesanspro-regular';font-size: 20px;line-height: 20px;letter-spacing: 0.5px;color: #1D1D1B;margin-bottom: 5px; text-transform: uppercase;transition: all .5s ease;}
.half-rgt h6{width: 100%;float: left;font-size: 14px;line-height: 14px;font-family: 'sourcesanspro-regular'; color: #B7B3AF; margin-bottom: 12px;}
.half-rgt h3{float: left;width: 100%;font-family: 'sourcesanspro-bold';font-size: 36px;line-height: 36px;letter-spacing: 0.5px; margin-bottom: 5px;color: #1D1D1B; transition:all .5s ease;}
.products-main .products-list ul li.half-width .prod-img img { width: 100%; height: 100%; object-fit: cover;}
.products-main .products-list ul li.half-width .prod-cnt {padding: 20px 0;}
.products-main .products-list ul li.half-width .prod-cnt p{width: 100%; float: left; font-size: 18px; line-height: 20px; font-family: 'sourcesanspro-italic'; color: #B7B3AF;}
.products-main .products-list ul li .prod-cnt {padding: 10px 65px 10px 0;}
.prd-lnk {width: 100%;float: left;display: flex;flex-wrap: wrap;column-gap: 0;row-gap: 0; margin-top: 10px;}
.prd-lnk p {flex: 0 1 auto; padding-right: 10px; margin-right: 10px; position: relative;}
.prd-lnk p:after{position: absolute; content: ""; right: 0; top: 0; width: 1px; height: 100%; background: #B7B3AF;}
.prd-lnk p:last-child:after{display: none;}
.prd-lnk p:last-child{padding: 0; margin: 0;}
.prd-lnk p a{width: auto; float: left; font-family: 'sourcesanspro-bold'; font-size: 18px; line-height: 18px; color: #B7B3AF; letter-spacing: 0.5px;transition:all .5s ease;}
.prd-lnk p a:hover{color: #f5902a;}
.rgt-top{width: auto; position: absolute; right: 0; top: 10px; color: #abaaa7; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 5px;}
.rgt-top {width: auto;position: absolute;right: 0;top: 10px;color: #abaaa7;display: flex;flex-wrap: wrap;column-gap: 0;row-gap: 2px;max-width: 60px;}
.rgt-top span {flex: 0 1 100%;font-family: 'sourcesanspro-regular';font-size: 14px;line-height: 15px;text-align: right; color: #B7B3AF;}
.products-main.page2{width: 100%; float: left; padding: 65px 35px;}
.products-main.page2 h2{float: left;width: 100%;font-family: 'sourcesanspro-bold';font-size: 24px;line-height: 28px;letter-spacing: 0.5px; margin-bottom: 20px;color: #1D1D1B;}
.half-rgt .rgt-top {display: none;}
.products-main.page2 .products-list ul{ column-gap:1%; justify-content: flex-start;}
.products-main.page2 .products-list ul li { width:auto; flex: 0 1 19.2%;}
.foot-revol.foot-full-width .row1 {width: 100%;padding: 0 35px;}
.header-revol.full-width .row1 {width: 100%;padding: 0 35px; position: relative;}
.menu-rht.menu-rht-new .pge-lang{ width:auto; float:right; margin-top: 15px;}
.menu-rht.menu-rht-new .pge-lang ul{width: auto; float: left; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 0;}
.menu-rht.menu-rht-new .pge-lang ul li{flex: 0 1 auto; margin-right: 0; line-height: 22px;}
.menu-rht.menu-rht-new .pge-lang ul li a{color: #0d090d; font-family: 'sourcesanspro-regular'; font-size: 12px; line-height: 22px; transition:all .5s ease;}
.menu-rht.menu-rht-new .pge-lang ul li a:hover{color: #f5902a;}
.menu-rht.menu-rht-new .pge-lang ul li a.active{font-family: 'sourcesanspro-semibold';}
.menu-rht.menu-rht-new .pge-lang.link ul li a{ text-transform:uppercase; font-size: 12px; line-height: 22px; letter-spacing:1.5px; color: #f5902a;font-family: 'sourcesanspro-semibold'; transition:all .5s ease;}
.menu-rht.menu-rht-new .pge-lang.link ul li a:hover{color: #0d090d;}
.header-revol.full-width .logo img{width: 220px;}
.is-sticky .header-revol.full-width.new-logo .logo img{opacity: 1;}
.foot-revol.foot-full-width .foot-rht {width: 100%;text-align: right;}
.foot-revol.foot-full-width .foot-rht ul{float: right;}
.foot-revol.foot-full-width .foot-rht ul li ul.c-link li{position: relative;}
.foot-revol.foot-full-width .foot-rht ul li ul.c-link li:after{position: absolute; content: "/"; right: -10px;top: 1px; color: #5f5f61;
font-size: 12px;font-family: 'sourcesanspro-regular';}
.foot-revol.foot-full-width .foot-rht ul li ul.c-link li:last-child:after{display: none;}
.foot-revol.foot-full-width .foot-rht ul li:hover a {color: #5f5f61;}
.foot-revol.foot-full-width .foot-rht ul li a:hover{color: #f28d17;}
.products-main .products-list ul li.half-width:hover .half-rgt h3{color: #f5902a;}
.menu-rht.menu-rht-new.pge {position: absolute;right: 35px;}
.header-revol.full-width.new-logo .logo{width: 100%; justify-content: center;}
.products-main.page2 .products-list ul li .prod-img {height: inherit;}
.products-main.page2 .products-list ul li .prod-img img{height: auto; object-fit: inherit;}
.encarna-logo.new img{width: 220px;}
.header-revol.full-width.new-logo .logo{padding-top: 75px;}
.is-sticky .header-revol.full-width.new-logo .logo{padding-top: 0;}
.header-revol.full-width.new-logo {padding-bottom: 40px;}
.is-sticky .header-revol.full-width.new-logo {padding-bottom: 10px;}


/*14*/
.horari-sec{width: 100%; float: left; padding: 125px 0; background: #fff;}
.horari-inner{width: 100%; float: left; padding: 0 125px;}
.horari-lft{width: 48.5%; float: left; margin-right: 3%; overflow: hidden; }
.horari-lft img{width: 100%; float: left; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; object-fit: cover;height: 100%; backface-visibility: hidden;
-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;}
.horari-inner:hover .horari-lft img { transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); backface-visibility: hidden; -webkit-backface-visibility: hidden;}

.horari-rgt{width: 48.5%; float: right;}
.horari-sec ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 15px;}
.horari-sec ul li{flex: 0 1 100%;}
.horari-sec ul li h3{width: 100%; float: left; font-family: 'sourcesanspro-semibold';font-size: 24px; line-height: 32px; letter-spacing: 0.5px; color: #1D1D1B;}
.horari-sec ul li p{width: 100%; float: left; font-family: 'sourcesanspro-light'; font-size: 20px; line-height: 24px; letter-spacing: 0.5px; color: #1D1D1B;}
.horari-sec ul li .veure-link-sec{padding: 0; background: transparent; margin-top: 15px;}


.instagram-list{width: 100%; float: left; background: #fff; padding: 0 0 115px 0;}
.instagram-list ul{width: 100%; float: left; display:flex; flex-wrap:wrap; column-gap:2%; row-gap:30px;}
.instagram-list ul li{flex: 0 1 23.5%; overflow: hidden;}
.instagram-list ul li a{width: 100%; float: left;}
.instagram-list ul li img{width: 100%; float: left; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; object-fit: cover;height: 100%; backface-visibility: hidden;
-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;}
.instagram-list ul li:hover img { transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); backface-visibility: hidden; -webkit-backface-visibility: hidden;}

.foot-revol.foot-new{width: 100%; float: left; padding: 25px 0; border-bottom: 1px solid #ebebeb;}
.foot-new-inner{width: 100%; float: left; padding: 0 125px;}
.foot-revol.foot-new ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 6.5%; row-gap: 0;}
.foot-revol.foot-new ul li{flex: 0 1 20%;}
.foot-revol.foot-new ul li h3{float: left;width: 100%;font-family: 'sourcesanspro-bold';font-size: 20px;line-height: 28px;letter-spacing: 0.5px; margin-bottom: 5px;color: #1D1D1B;}
.foot-revol.foot-new ul li p{float: left;width: 100%;font-family: 'sourcesanspro-light'; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; color: #1D1D1B;}
.foot-revol.foot-new ul li a{font-family: 'sourcesanspro-light'; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; color: #1D1D1B; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.foot-revol.foot-new ul li a:hover {color: #f28d17;}
.foot-revol.foot-new ul li ul li{flex: 0 1 100%;}

.foot-logo{width: 100%; float: left; text-align: center; padding: 40px 0 40px 0;}
.foot-logo a img{transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.foot-logo a:hover img{opacity: 0.7;}
.reservar-sec{width: 100%; float: left; display: flex; justify-content: space-between; align-items: center; position: relative;}
.reservar-lang{ float:left; width:33.3%;}
.reservar-lang ul{width: auto; float: left; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 0;}
.reservar-lang ul li{flex: 0 1 auto; margin-right: 0; line-height: 22px;}
.reservar-lang ul li a{ color: #0d090d;font-family: 'sourcesanspro-regular';font-size: 16px; line-height: 22px; letter-spacing:1.5px; transition:all .5s ease; text-transform:uppercase;}
.reservar-lang ul li a:hover{color: #f5902a;}
.reservar-lang ul li a.active{font-family: 'sourcesanspro-semibold';}
.reservar-lang ul li a:hover {color: #f5902a;}
.reservar-rgt{ float:right; width:33.3%; }
.reservar-rgt p{font-family: 'sourcesanspro-semibold';font-size: 16px;line-height: 22px;letter-spacing: 0.5px; color: #1D1D1B; text-align: right;}
.reservar-rgt p a{font-family: 'sourcesanspro-semibold';font-size: 16px;line-height: 22px;letter-spacing: 0.5px; color: #1D1D1B; transition:all .5s ease;}
.reservar-rgt p a:hover {color: #f5902a;}
.logo.reservar{width: 33.3%; float: left; justify-content: center; position: absolute;left: 0;right: 0;margin: 0 auto;top: 110px;}

header.header-revol.roca.reservar {padding: 30px 0;}
.is-sticky header.header-revol.roca.reservar {padding: 10px 0; background: #fff;}
.origens-gallery ul.origens-fi li .demo {width: 100%;float: left;}
.origens-gallery ul.origens-th li .demo {width: 100%;float: left;}

.header-revol.roca.reservar .logo img {width: 220px;}
#sticky-wrapper {height: auto !important;}
.header-revol.roca.reservar .logo.reservar img {width: 172px;}
.is-sticky .header-revol.roca.reservar .logo.reservar{ position:relative; top:0;}
.can-roca.reservar {padding-top: 260px;}

.can-roca.reservar .can-roca-logo h2 {font-size: 62px; line-height: 62px;}
.can-roca.reservar .can-roca-logo p {font-size: 24px; line-height: 30px;}

.foot-logo a{ display: -webkit-inline-box; }
.foot-logo a img{ width:80%; }

.instagram-list{ margin-top:30px; }

/*.origens-gallery ul li img{ width:120%; }*/
.origens-gallery ul li a{ width:100%; }
/*
.origens-gallery.gal-flex ul{
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    column-gap: 2%;
    row-gap: 30px;
}

.origens-gallery ul.origens-fi li a{
	width:100%;
	float:left;
}

.origens-gallery ul.origens-fi li{
	flex: 0 1 23.5%;
}*/

/*.instagram-cont{
	padding-bottom: 80px;
}*/

.legal{
	position: relative;
	float: left;
	width: 100%;
	margin: 50px 0 60px 0;
}

.legal-cont h1{
	font-family: 'sourcesanspro-bold';
	font-size: 46px;
	line-height: 55px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.legal-cont h2, .legal-cont h3{
	font-family: 'sourcesanspro-semibold';
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 15px;
	margin-top: 20px;
}
.legal-cont p{
	font-size: 20px;
	line-height: 28px;
	font-family: 'sourcesanspro-regular';
}

.can-roca.pag-legal{ min-height: 380px;background: url(../img/can-roca-background.jpg) no-repeat center; background-size: cover; }



.inst_hide_item {
	width: 100%;
	float:left;
	height: 30px;
	background: white;
	transform: translate(0, -152px);
	z-index: 100000;
    position: relative;
}

@media screen and (min-width: 1400px) and (max-width: 1700px) {
	.inst_hide_item {
		transform: translate(0, -137px);
	}
}

@media screen and (min-width: 1280px) and (max-width: 1400px) {
	.inst_hide_item {
		transform: translate(0, -137px);
	}
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.inst_hide_item {
		transform: translate(0, -123px);
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.inst_hide_item {
		transform: translate(0, -88px);
	}
}

@media screen and (max-width: 767px) {
	.inst_hide_item {
		transform: translate(0, -48px);
	}
}
/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

#container {width: 80%; max-width: 800px; margin: 0 auto;}
/* Browser Resets */
.flex-container a:active, .flexslider a:active {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; width:100%; display:block; }
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; zoom: 1; z-index:0; overflow:hidden;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative; }
.flexslider .slides > li::after { content:""; background:rgba(0,0,0,0.5); width:100%; height:100%; top:0px; left:0px; position: absolute; z-index:0px;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none;zoom: 1; }
.flex-caption {position:absolute; bottom:130px;  text-align:left; width:100%; z-index:99;}
.flex-caption img{width:auto !important;}


/* Direction Nav */
.flex-direction-nav { display:block; }
.banner-home .flex-direction-nav li a {width:26px; height:45px; margin: 0px 0 0; display: block;  position: absolute; top: 47%; cursor: pointer; text-indent: -9999px; z-index:9999;}
.banner-home .flex-direction-nav li a:hover{ opacity:0.7}
.banner-home .flex-direction-nav li .flex-next {background-position: -25px 0; right:5%;background: url(../images/arrow-right.png) no-repeat 0 0; background-position: 0px 0; }
.banner-home .flex-direction-nav li .flex-prev {left:5%; background: url(../images/arrow-left.png) no-repeat 0 0; background-position: 0px 0; }
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
.inner-banner-pad .flex-direction-nav li a {width:27px; height:45px; margin: 0px 0 0; display: block;  position: absolute; top: 50%; cursor: pointer; }

/* Control Nav */
.flex-control-nav { width:100%; position:absolute; bottom:100px; z-index:9999; text-align:center; right:0; left:0;}
.flex-control-nav li { margin:0px 6px 0 6px; display: inline-block; zoom: 1; }
.flex-control-nav li a { width:8px; height:8px; display: block; background:#ffffff; cursor:pointer; text-indent:-9999999px; border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; }
.flex-control-nav li a:hover, .flex-control-nav li a.flex-active {background:#892d38; }

.banner-home .flex-caption { top:185px; width:100%; left:0px; }
.caption-txt { width:100%; text-align:center;}
.banner-home .flex-caption h1 { color:#fff; font-size:120px; font-family: 'CACChampagne'; line-height:120px; margin-bottom:85px; }

.banner-home .flex-caption a{ background:none; font-family: 'Montserrat-Medium'; color:#fff; font-size:14px; line-height:15px; text-transform:uppercase; letter-spacing:0.5px; padding:16px 58px; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; display: inline-block; box-shadow: 0px 0px 2px rgba(0,0,0,0.3); border:1px solid #fff; }
.banner-home .flex-caption a.btn-rightbg:hover { color:#ffffff; }
.banner-home .flex-control-nav { width:100%; position:absolute; bottom:40px; right:0; left:0px;}

.banner-home .slides > li > img { transform: scale(1.1); }
.banner-home li.flex-active-slide img {
-webkit-animation:zoomout linear 1;
-moz-animation:zoomout linear 1;
-o-animation:zoomout linear 1;
animation:zoomout linear 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:8s;
-moz-animation-duration:8s;
-o-animation-duration:8s;
animation-duration:8s;
}
@-webkit-keyframes zoomout {
	0% { transform: scale(1);  }
	100% { transform: scale(1.1);  }
}
@-moz-keyframes zoomout { 
	0% { transform: scale(1);  }
	100% { transform: scale(1.1);  }
}
@-o-keyframes zoomout {
	0% { transform: scale(1);  }
	100% { transform: scale(1.1);  }
}
@keyframes zoomout {
	0% { transform: scale(1);  }
	100% { transform: scale(1.1);  }
}














@CHARSET "UTF-8";
.sbHolder { padding: 10px 0 10px 0; position: relative; width: 100%; float:left; color:#010101; line-height:24px; }
.sbSelector { display: block; left: 0; outline: none; overflow: hidden; position: relative; text-indent: 0px; top: 0; font-family: 'sourcesanspro-regular';
font-size: 15px;color: #2e2e30; }
.sbSelector:link, .sbSelector:visited, .sbSelector:hover { /*color: #8f8787;*/outline: none; text-decoration: none; }
.sbToggle {box-sizing: border-box;
  height: 7px;
  width: 7px;
  border-style: solid;
  border-color: #010101;
  border-width: 0px 2px 2px 0px;
  transform: rotate(45deg);
  transition: border-width 150ms ease-in-out; position: absolute; right:15px; top: 18px; } 
.sbHolder:hover .sbToggle { }
.sbHolderDisabled { background-color: #3C3C3C; border: solid 1px #515151; }
.sbHolderDisabled .sbHolder { }
.sbHolderDisabled .sbToggle { }
.sbOptions { list-style: none; right: 0px; margin: 0; padding: 0; position: absolute; top: 45px!important; max-height: none; z-index: 99999; /*overflow-y: auto;*/width:100%; background:#fff; }
.sbHolder .sbOptions li { width: 100%; padding: 0px; background:none;  border-bottom:1px solid #d7d7d7;  margin:0; line-height:30px; text-align:right; }
.sbHolder .sbOptions li:last-child { border-bottom:none; margin-top:0;  }
.sbOptions a { display: block; outline: none; padding:5px 15px; color:#010101; font-size:15px; line-height:24px;  font-family: 'sourcesanspro-regular'; }
.sbOptions a:hover { background:#f48d17; color:#fff; }
.sbHolder ul.sbOptions {-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); float:left; border-radius:0px; width:100% !important; float:left;}
.sbOptions a:focus, .sbOptions a.sbFocus {  }
.sbOptions li.last a { border-bottom: none; }
.sbOptions .sbDisabled { border-bottom: dotted 1px #515151; color: #999; display: block; padding: 7px 0 7px 3px; }
.sbOptions .sbGroup { /*border-bottom: dotted 1px #515151;*/padding: 0px 4%; color: #2b2c2e; display: block; font-weight: bold; }
.sbOptions .sbSub { padding-left: 33px !important; }
/**/
.sbHolder .sbOptions li{ width: 100% !important; background:#1e1f24; border-bottom:1px solid #d7d7d7; margin:0; line-height:30px; height:auto;  text-align:left;color:#fff; font-family: 'sourcesanspro-regular'; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; margin-right:0 !important;}
.sbHolder .sbOptions li a{ color:#fff !important; text-decoration:none; padding: 5px 15px;width: 100%; display:inline-block;}
.sbHolder .sbOptions li:hover{ background:#f48d17;}
.sbHolder .sbOptions li:hover a{ color:#fff !important;}
.top-rht .sbHolder .sbOptions li:last-child { border-bottom:none; padding:0; display:block;}
.smk_accordion {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 0px;
  margin-top: 0px;
}
/**
 * --------------------------------------------------------------
 * Section
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in {
  /*border: 1px solid #ccc;*/
  position: relative;
  z-index: 10;
  overflow: hidden;
  padding-bottom:0px;
}
/**
 * --------------------------------------------------------------
 * Head
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_head {
  position: relative;
  padding: 13px 10px 13px 0px;
  font-size: 16px;
  display: block;
  cursor: pointer;
  color:#333333;
  text-transform:uppercase;
  
 
}
.accordion_example2.smk_accordion .accordion_in .acc_head {
  position: relative;
  padding: 0px 0px 12px 0px;
  display: block;
  cursor: pointer;
  color:#000;
  text-transform:none;
  font-family: 'sourcesanspro-light';
 
}
.accordion_example2.smk_accordion .accordion_in .acc_head a {font-size: 25px; display: inline-block; line-height: 30px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease;}
.accordion_example2.smk_accordion .accordion_in .acc_head a:hover { color: #ed8e20; padding-left: 20px;}

.accordion_example2.smk_accordion .accordion_in.acc_active .acc_head {background:none; }
.accordion_example2.smk_accordion .accordion_in .acc_head a span { color: #ed8e20;}
.smk_accordion .accordion_in.acc_active .acc_head {}
.smk_accordion .accordion_in .acc_head .acc_icon_expand {
  display: block;
  width: 45px;
  height: 50px;
  position: absolute;
  right: 2px;
  top: 40%;
  margin-top: -14px;
  
}
/**
 * --------------------------------------------------------------
 * Content
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_content {
  /*background: #F9F9F9;*/
  color:#847975;  font-family: 'sourcesanspro-light'; 
  padding: 0px 0px;
  float:left; width:100%;  
}

.smk_accordion .accordion_in .acc_content h1:first-of-type,
.smk_accordion .accordion_in .acc_content h2:first-of-type,
.smk_accordion .accordion_in .acc_content h3:first-of-type,
.smk_accordion .accordion_in .acc_content h4:first-of-type,
.smk_accordion .accordion_in .acc_content h5:first-of-type,
.smk_accordion .accordion_in .acc_content h6:first-of-type {
  margin-top: 5px;
}
/**
 * --------------------------------------------------------------
 * General
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in:first-of-type,
.smk_accordion .accordion_in:first-of-type .acc_head {
  border-radius: 0px 0px 0 0;
}
.smk_accordion .accordion_in:last-of-type,
.smk_accordion .accordion_in:last-of-type .acc_content {
  border-radius: 0 0 3px 3px;
}
.smk_accordion .accordion_in.acc_active > .acc_content {
  display: block;
}
.smk_accordion .accordion_in.acc_active > .acc_head { 
  color:#000;
}
.smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand {
  background: url(../img/opinion-arrow-act.png) no-repeat center 0px;
}

.smk_accordion.acc_with_icon .accordion_in .acc_head,
.smk_accordion.acc_with_icon .accordion_in .acc_content {
  padding-left: 0;
}

.accordion_example2.smk_accordion .accordion_in .acc_content {
  /*background: #F9F9F9;*/
  color:#847975; 
  padding: 0px; margin:0px 0 15px 30px;
  float:left;width:100%; padding-left: 20px; border-left: 1px solid #f2891c;
}
.accordion_example2.smk_accordion .accordion_in .acc_content ul li { margin-bottom: 12px;}
.accordion_example2.smk_accordion .accordion_in .acc_content ul li a { font-size: 20px;  font-family: 'sourcesanspro-light'; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; }
.accordion_example2.smk_accordion .accordion_in .acc_content ul li:last-child { margin-bottom: 0;}
.accordion_example2.smk_accordion .accordion_in .acc_content ul li a:hover { color: #ed8e20;}

.accordion_example2.smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand {}
.accordion_example2.smk_accordion .accordion_in .acc_head .acc_icon_expand {
  display: none;
  width: 45px;
  height: 50px;
  position: absolute;
  right: 2px;
  top: 40%;
  margin-top: -14px; 
}
 /*  jQuery.mmenu CSS  */
/*  jQuery.mmenu panels CSS  */

.mm-menu.mm-horizontal > .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } 
.mm-menu .mm-hidden { display: none; } 
.mm-wrapper { overflow-x: hidden; position: relative; }
.mm-menu, .mm-menu > .mm-panel { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; } 
.mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; } 
.mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 20px;
		-webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } 
.mm-menu > .mm-panel.mm-opened { border-radius:0px; khtml-border-radius:0px;moz-border-radius:0px;webkit-border-radius:0px; -webkit-transform: translate(0%, 0); -moz-transform: translate(0%, 0); -ms-transform: translate(0%, 0); -o-transform: translate(0%, 0); transform: translate(0%, 0); } 
.mm-menu > .mm-panel.mm-subopened { border-radius:0px; khtml-border-radius:0px;moz-border-radius:0px;webkit-border-radius:0px; -webkit-transform: translate(-30%, 0); -moz-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); transform: translate(-30%, 0); }
.mm-menu > .mm-panel.mm-highest { z-index: 1; } 
.mm-menu .mm-list { padding:62px 0 0; } 
.mm-menu > .mm-list:after { content: ''; display: block; /*height: 40px;*/ } 
.mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } 
.mm-panel > .mm-list:first-child { padding-top: 0; } 
.mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin:0; background:#f5f5f5; border-bottom:1px solid #ddd; } 
.mm-list { font-size:14px; font-family: 'sourcesanspro-regular';} 
.mm-list a, .mm-list a:hover { text-decoration: none; } 
.mm-list > li { position: relative; } 
.mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; overflow: hidden; color: inherit; line-height:30px; display: block; padding:0 10px; margin: 0; } 
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } 
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left:0px; position: relative; left: auto; } 
.mm-list a.mm-subopen { background:#023775; border-left:1px solid #023775; width:40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } 
.mm-list a.mm-subopen:before { content: ''; display: block; height: 100%; position: absolute; left: 0; top: 0; } 
.mm-list a.mm-subopen.mm-fullsubopen { width: 100%; } 
.mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; } 
.mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span {  } 
.mm-list > li.mm-selected > a.mm-subopen { background: transparent; } 
.mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } 
.mm-list a.mm-subclose { ext-indent: 20px; padding-top:0; margin-top:0px; } 
.mm-list > li.mm-label { text-overflow: ellipsis; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } 
.mm-list > li.mm-spacer { padding-top: 40px; } 
.mm-list > li.mm-spacer.mm-label { padding-top: 25px; } 
.mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border:1px solid transparent; display: inline-block; width:8px; height:8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom:-5px; position:absolute; bottom:50%; } 
.mm-list a.mm-subopen:after { border-top: none;  border-left: none; right: 18px; } 
.mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -6px; left: 20px; border-width:2px; }  
.mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } 
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; } 
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; } 
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen { height: 40px; } 
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after { top: 16px; bottom: auto; } 
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } 
.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen { height: 25px; }  
html.mm-opened .mm-page { box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }  
.mm-menu { background:#f5f5f5; color:#333; } 
.mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15); } 
.mm-menu .mm-list > li.mm-subtitle { background:#d50100;  color:#ffffff; } 
.mm-menu .mm-list > li > a.mm-subclose { background:#282828; color:#cccccc; font-size:16px!important; line-height:40px; padding:0 0 0 50px; } 
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 1); } 
.mm-menu .mm-list > li > a.mm-subclose:before { border-color:#ffffff; } 
.mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15); } 
/*.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } */
.mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); } 
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); }  

.mm-list.mm-highest > li { list-style: none; display: block; padding:0px; margin:0px; background:none; border-radius:0px;khtml-border-radius:0px;moz-border-radius:0px;webkit-border-radius:0px; } 
.mm-list.mm-highest > li > a { display:block; font-size:14px; border-radius:0px;khtml-border-radius:0px;moz-border-radius:0px;webkit-border-radius:0px }
.mm-list.mm-highest > li > a:hover {  }
.mm-list.mm-highest > li > a.mm-subclose, .mm-list.mm-highest > li > a.mm-subclose:hover { font-size:16px; font-weight:400; line-height:40px; padding:0 0 0 40px; text-transform:none; border-bottom:0 none; }

.mm-list > li > a { padding:8px 45px 8px 20px; color:#333; }
.mm-list > li > a:hover, .mm-list > li.current > a { color:#ffffff; background:#ed9807; }
.mm-list > li > a span { display:block; color:#5c5c5c; font-weight:700; line-height:20px; text-transform:uppercase; }
.mm-list > li > a span.small, .mm-list > li > a span.small-btm{ color:#5c5c5c;font-size:14px; }
.mm-list > li > a span.big{ color: #ffffff; font-size:18px; }
.mm-list > li > a:hover {  }
.mm-list > li > a:hover span.small{ color:#ffffff; }
.mm-list > li > a:hover span.big{ color: #0b99bc; }
.mm-list a.mm-subopen:hover { background:#023775; }

/*
jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
box-sizing: border-box;
position: relative;
overflow:hidden;}

.mm-slideout {
-webkit-transition: -webkit-transform 0.4s ease;
-ms-transition: -ms-transform 0.4s ease;
transition: transform 0.4s ease; }

html.mm-opened {
overflow: hidden;
position: relative; }
html.mm-opened body {
overflow: hidden; }

html.mm-background .mm-page {
background: inherit; }

#mm-blocker {
background: rgba(3, 2, 1, 0);
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
display: block; }

.mm-menu.mm-offcanvas {
display: none;
position: fixed; }
.mm-menu.mm-current {
display: block; }

.mm-menu {
width:100%;
min-width: 150px;
max-width:265px; }

html.mm-opening .mm-slideout {
-webkit-transform: translate(80%, 0);
-moz-transform: translate(80%, 0);
-ms-transform: translate(80%, 0);
-o-transform: translate(80%, 0);
transform: translate(80%, 0); }

@media all and (max-width: 175px) {
html.mm-opening .mm-slideout {
-webkit-transform: translate(120px, 0);
-moz-transform: translate(120px, 0);
-ms-transform: translate(120px, 0);
-o-transform: translate(120px, 0);
transform: translate(120px, 0); } }
@media all and (min-width: 550px) {
html.mm-opening .mm-slideout {
-webkit-transform: translate(265px, 0);
-moz-transform: translate(265px, 0);
-ms-transform: translate(265px, 0);
-o-transform: translate(265px, 0);
transform: translate(265px, 0); } }
@media all and (max-width: 550px) {
html.mm-opening .mm-slideout {
-webkit-transform: translate(265px, 0);
-moz-transform: translate(265px, 0);
-ms-transform: translate(265px, 0);
-o-transform: translate(265px, 0);
transform: translate(265px, 0); } }
/*
jQuery.mmenu buttonbars addon CSS
*/
.mm-buttonbar {
border: 1px solid transparent;
border-radius: 5px;
text-align: center;
line-height: 20px;
overflow: hidden;
display: block;
padding: 0;
margin: 0;
position: relative; }
.mm-buttonbar:after {
content: '';
display: block;
clear: both; }
.mm-buttonbar > * {
border-left: 1px solid transparent;
box-sizing: border-box;
display: block;
width: 100%;
height: 100%;
float: left;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.mm-buttonbar > a {
text-decoration: none; }
.mm-buttonbar > input {
position: absolute;
left: -1000px;
top: -1000px; }
.mm-buttonbar > input:checked + label {
border-color: transparent  !important; }
.mm-buttonbar > *:first-child,
.mm-buttonbar > input:first-child + * {
border-left: none; }
.mm-buttonbar.mm-buttonbar-2 > * {
width: 50%; }
.mm-buttonbar.mm-buttonbar-3 > * {
width: 33.33%; }
.mm-buttonbar.mm-buttonbar-4 > * {
width: 25%; }
.mm-buttonbar.mm-buttonbar-5 > * {
width: 20%; }

.mm-header .mm-buttonbar {
margin-top: 20px;
margin-left: -30px;
margin-right: -30px; }

.mm-footer .mm-buttonbar {
border: none;
border-radius: none;
line-height: 40px;
margin: -10px -10px 0 -20px; }
.mm-footer .mm-buttonbar > * {
border-left: none; }

.mm-list > li > .mm-buttonbar {
margin: 10px 20px; }

.mm-menu .mm-buttonbar {
border-color: rgba(255, 255, 255, 0.6);
background: #333333; }
.mm-menu .mm-buttonbar > * {
border-color: rgba(255, 255, 255, 0.6); }
.mm-menu .mm-buttonbar > input:checked + label {
background: rgba(255, 255, 255, 0.6);
color: #333333; }

/*  jQuery.mmenu counters addon CSS  */
em.mm-counter {
font: inherit;
font-size: 14px;
font-style: normal;
text-indent: 0;
line-height: 20px;
display: block;
margin-top: -10px;
position: absolute;
right: 40px;
top: 50%; }
em.mm-counter + a.mm-subopen {
padding-left: 40px; }
em.mm-counter + a.mm-subopen + a,
em.mm-counter + a.mm-subopen + span {
margin-right: 80px; }
em.mm-counter + a.mm-fullsubopen {
padding-left: 0; }

.mm-vertical em.mm-counter {
top: 12px;
margin-top: 0; }

.mm-nosubresults > em.mm-counter {
display: none; }

.mm-menu em.mm-counter {
color: rgba(255, 255, 255, 0.3); }

/*
jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging .mm-fixed-top,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging #mm-blocker {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s; }

/*
jQuery.mmenu footer addon CSS
*/
.mm-footer {
background: inherit;
border-top: 1px solid transparent;
text-align: center;
line-height: 20px;
box-sizing: border-box;
width: 100%;
height: 40px;
padding: 10px 10px 0 20px;
position: absolute;
z-index: 2;
bottom: 0;
left: 0; }

.mm-menu.mm-hasfooter > .mm-panel:after {
height: 80px; }

.mm-menu .mm-footer {
border-color: rgba(0, 0, 0, 0.15);
color: rgba(255, 255, 255, 0.3); }

/*
jQuery.mmenu header addon CSS
*/
.mm-header {
background: inherit;
border-bottom: 1px solid transparent;
text-align: center;
line-height: 20px;
box-sizing: border-box;
width: 100%;
height: 60px;
padding: 0 50px;
position: absolute;
z-index: 2;
top: 0;
left: 0; }
.mm-header .mm-title,
.mm-header .mm-prev,
.mm-header .mm-next,
.mm-header .mm-close {
padding-top: 30px; }
.mm-header .mm-title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: inline-block;
width: 100%;
position: relative; }
.mm-header .mm-prev,
.mm-header .mm-next,
.mm-header .mm-close {
text-decoration: none;
display: block;
box-sizing: border-box;
min-width: 10px;
height: 100%;
position: absolute;
top: 0;
z-index: 1; }
.mm-header .mm-prev {
padding-left: 20px;
padding-right: 10px;
left: 0; }
.mm-header .mm-next,
.mm-header .mm-close {
padding-left: 10px;
padding-right: 20px;
right: 0; }
.mm-header [href].mm-prev:before, .mm-header [href].mm-next:after {
content: '';
border: 2px solid transparent;
display: inline-block;
width: 7px;
height: 7px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.mm-header [href].mm-prev:before {
border-right: none;
border-bottom: none;
margin-left: 2px;
margin-right: 5px; }
.mm-header [href].mm-next:after, .mm-header [href].mm-close:after {
margin-left: 5px;
margin-right: -2px; }
.mm-header [href].mm-next:after {
border-top: none;
border-left: none; }
.mm-header [href].mm-close:after {
content: 'x'; }

.mm-menu.mm-hassearch .mm-header {
height: 50px;
top: 50px; }
.mm-menu.mm-hassearch .mm-header .mm-title,
.mm-menu.mm-hassearch .mm-header .mm-prev,
.mm-menu.mm-hassearch .mm-header .mm-next,
.mm-menu.mm-hassearch .mm-header .mm-close {
padding-top: 20px; }

.mm-menu.mm-hasheader li.mm-subtitle {
display: none; }
.mm-menu.mm-hasheader > .mm-panel {
padding-top: 80px; }
.mm-menu.mm-hasheader > .mm-panel.mm-list {
padding-top: 60px; }
.mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child {
margin-top: -20px; }
.mm-menu.mm-hasheader.mm-hassearch > .mm-panel {
padding-top: 120px; }
.mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list {
padding-top: 100px; }

.mm-menu .mm-header {
border-color: rgba(0, 0, 0, 0.15);
color: rgba(255, 255, 255, 0.3); }
.mm-menu .mm-header .mm-prev:before,
.mm-menu .mm-header .mm-next:after,
.mm-menu .mm-header .mm-close:after {
border-color: rgba(255, 255, 255, 0.3); }

/*
jQuery.mmenu labels addon CSS
*/
.mm-list li.mm-label > span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: 0;
line-height: 25px; }
.mm-list li.mm-label.mm-opened a.mm-subopen:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.mm-list li.mm-collapsed:not(.mm-uncollapsed) {
display: none; }

.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen:after {
top: 8.5px; }

.mm-menu .mm-list li.mm-label > div > div {
background: rgba(255, 255, 255, 0.05); }

/*
jQuery.mmenu searchfield addon CSS
*/
.mm-search,
.mm-search input {
box-sizing: border-box; }

.mm-list > li.mm-search {
padding: 10px;
margin-top: -20px; }
.mm-list > li.mm-subtitle + li.mm-search {
margin-top: 0; }

div.mm-panel > div.mm-search {
padding: 0 0 10px 0; }

.mm-menu.mm-hasheader .mm-list > li.mm-search {
margin-top: 0; }

.mm-menu > .mm-search {
background: inherit;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2; }

.mm-search {
padding: 10px; }
.mm-search input {
border: none;
border-radius: 30px;
font: inherit;
font-size: 14px;
line-height: 30px;
outline: none;
display: block;
width: 100%;
height: 30px;
margin: 0;
padding: 0 10px; }
.mm-search input::-ms-clear {
display: none; }

.mm-menu .mm-noresultsmsg {
text-align: center;
font-size: 21px;
display: none;
padding: 60px 0; }
.mm-menu .mm-noresultsmsg:after {
border: none !important; }

.mm-noresults .mm-noresultsmsg {
display: block; }

.mm-menu li.mm-nosubresults > a.mm-subopen {
display: none; }
.mm-menu li.mm-nosubresults > a.mm-subopen + a,
.mm-menu li.mm-nosubresults > a.mm-subopen + span {
padding-right: 10px; }
.mm-menu.mm-hassearch > .mm-panel {
padding-top: 70px; }
.mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child {
margin-top: -20px; }
.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child {
margin-top: -10px; }
.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list {
padding-top: 0; }

.mm-menu .mm-search input {
background: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.6); }
.mm-menu .mm-noresultsmsg {
color: rgba(255, 255, 255, 0.3); }

/*
jQuery.mmenu toggles addon CSS
*/
input.mm-toggle,
input.mm-check {
position: absolute;
left: -10000px; }

label.mm-toggle,
label.mm-check {
margin: 0;
position: absolute;
bottom: 50%;
z-index: 2; }
label.mm-toggle:before,
label.mm-check:before {
content: '';
display: block; }

label.mm-toggle {
border-radius: 30px;
width: 50px;
height: 30px;
margin-bottom: -15px; }
label.mm-toggle:before {
border-radius: 30px;
width: 28px;
height: 28px;
margin: 1px; }

input.mm-toggle:checked ~ label.mm-toggle:before {
float: right; }

label.mm-check {
width: 30px;
height: 30px;
margin-bottom: -15px; }
label.mm-check:before {
border-left: 3px solid;
border-bottom: 3px solid;
width: 40%;
height: 20%;
margin: 25% 0 0 20%;
opacity: 0.1;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }

input.mm-check:checked ~ label.mm-check:before {
opacity: 1; }

.mm-menu.mm-vertical .mm-list > li label.mm-toggle, .mm-menu.mm-vertical .mm-list > li label.mm-check {
bottom: auto;
margin-bottom: 0; }
.mm-menu.mm-vertical .mm-list > li label.mm-toggle {
top: 5px; }
.mm-menu.mm-vertical .mm-list > li label.mm-check {
top: 5px; }

label.mm-toggle, label.mm-check {
right: 20px; }

label.mm-toggle + a,
label.mm-toggle + span {
margin-right: 70px; }

label.mm-check + a,
label.mm-check + span {
margin-right: 50px; }

a.mm-subopen + label.mm-toggle, a.mm-subopen + label.mm-check {
right: 50px; }

a.mm-subopen + label.mm-toggle + a,
a.mm-subopen + label.mm-toggle + span {
margin-right: 100px; }

a.mm-subopen + label.mm-check + a,
a.mm-subopen + label.mm-check + span {
margin-right: 80px; }

em.mm-counter + a.mm-subopen + label.mm-toggle, em.mm-counter + a.mm-subopen + label.mm-check {
right: 90px; }

em.mm-counter + a.mm-subopen + label.mm-toggle + a,
em.mm-counter + a.mm-subopen + label.mm-toggle + span {
margin-right: 140px; }

em.mm-counter + a.mm-subopen + label.mm-check + a,
em.mm-counter + a.mm-subopen + label.mm-check + span {
margin-right: 120px; }

.mm-menu label.mm-toggle {
background: rgba(0, 0, 0, 0.15); }
.mm-menu label.mm-toggle:before {
background: #333333; }
.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
background: #4bd963; }

.mm-menu label.mm-check:before {
border-color: rgba(255, 255, 255, 0.6); }

/*
jQuery.mmenu effects extension CSS
*/
html.mm-slide .mm-menu {
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease; }
html.mm-slide.mm-opened .mm-menu {
-webkit-transform: translateX(-30%);
-moz-transform: translateX(-30%);
-ms-transform: translateX(-30%);
-o-transform: translateX(-30%);
transform: translateX(-30%); }
html.mm-slide.mm-opening .mm-menu {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%); }
html.mm-slide.mm-right.mm-opened .mm-menu {
-webkit-transform: translateX(30%);
-moz-transform: translateX(30%);
-ms-transform: translateX(30%);
-o-transform: translateX(30%);
transform: translateX(30%); }
html.mm-slide.mm-right.mm-opening .mm-menu {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%); }
html.mm-slide.mm-top.mm-opened .mm-menu {
-webkit-transform: translateY(-30%);
-moz-transform: translateY(-30%);
-ms-transform: translateY(-30%);
-o-transform: translateY(-30%);
transform: translateY(-30%); }
html.mm-slide.mm-top.mm-opening .mm-menu {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%); }
html.mm-slide.mm-bottom.mm-opened .mm-menu {
-webkit-transform: translateY(30%);
-moz-transform: translateY(30%);
-ms-transform: translateY(30%);
-o-transform: translateY(30%);
transform: translateY(30%); }
html.mm-slide.mm-bottom.mm-opening .mm-menu {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%); }

html.mm-zoom-menu .mm-menu {
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease; }
html.mm-zoom-menu.mm-opened .mm-menu {
-webkit-transform: scale(0.7, 0.7) translateX(-30%);
-moz-transform: scale(0.7, 0.7) translateX(-30%);
-ms-transform: scale(0.7, 0.7) translateX(-30%);
-o-transform: scale(0.7, 0.7) translateX(-30%);
transform: scale(0.7, 0.7) translateX(-30%);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center; }
html.mm-zoom-menu.mm-opening .mm-menu {
-webkit-transform: scale(1, 1) translateX(0%);
-moz-transform: scale(1, 1) translateX(0%);
-ms-transform: scale(1, 1) translateX(0%);
-o-transform: scale(1, 1) translateX(0%);
transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
-webkit-transform: scale(0.7, 0.7) translateX(30%);
-moz-transform: scale(0.7, 0.7) translateX(30%);
-ms-transform: scale(0.7, 0.7) translateX(30%);
-o-transform: scale(0.7, 0.7) translateX(30%);
transform: scale(0.7, 0.7) translateX(30%);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center; }
html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
-webkit-transform: scale(1, 1) translateX(0%);
-moz-transform: scale(1, 1) translateX(0%);
-ms-transform: scale(1, 1) translateX(0%);
-o-transform: scale(1, 1) translateX(0%);
transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
-webkit-transform: scale(0.7, 0.7) translateY(-30%);
-moz-transform: scale(0.7, 0.7) translateY(-30%);
-ms-transform: scale(0.7, 0.7) translateY(-30%);
-o-transform: scale(0.7, 0.7) translateY(-30%);
transform: scale(0.7, 0.7) translateY(-30%);
-webkit-transform-origin: center top;
-moz-transform-origin: center top;
-ms-transform-origin: center top;
-o-transform-origin: center top;
transform-origin: center top; }
html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
-webkit-transform: scale(1, 1) translateY(0%);
-moz-transform: scale(1, 1) translateY(0%);
-ms-transform: scale(1, 1) translateY(0%);
-o-transform: scale(1, 1) translateY(0%);
transform: scale(1, 1) translateY(0%); }
html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
-webkit-transform: scale(0.7, 0.7) translateY(30%);
-moz-transform: scale(0.7, 0.7) translateY(30%);
-ms-transform: scale(0.7, 0.7) translateY(30%);
-o-transform: scale(0.7, 0.7) translateY(30%);
transform: scale(0.7, 0.7) translateY(30%);
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
-ms-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom; }
html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
-webkit-transform: scale(1, 1) translateY(0%);
-moz-transform: scale(1, 1) translateY(0%);
-ms-transform: scale(1, 1) translateY(0%);
-o-transform: scale(1, 1) translateY(0%);
transform: scale(1, 1) translateY(0%); }

html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel {
-webkit-transform: scale(1.5, 1.5) translateX(100%);
-moz-transform: scale(1.5, 1.5) translateX(100%);
-ms-transform: scale(1.5, 1.5) translateX(100%);
-o-transform: scale(1.5, 1.5) translateX(100%);
transform: scale(1.5, 1.5) translateX(100%);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transition-property: -webkit-transform, left;
transition-property: transform, left; }
html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened {
-webkit-transform: scale(1, 1) translateX(0%);
-moz-transform: scale(1, 1) translateX(0%);
-ms-transform: scale(1, 1) translateX(0%);
-o-transform: scale(1, 1) translateX(0%);
transform: scale(1, 1) translateX(0%); }
html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened {
-webkit-transform: scale(0.7, 0.7) translateX(-30%);
-moz-transform: scale(0.7, 0.7) translateX(-30%);
-ms-transform: scale(0.7, 0.7) translateX(-30%);
-o-transform: scale(0.7, 0.7) translateX(-30%);
transform: scale(0.7, 0.7) translateX(-30%); }

/*
jQuery.mmenu fullscreen extension CSS
*/
.mm-menu.mm-fullscreen {
width: 100%;
min-width: 140px;
max-width: 10000px; }

html.mm-opening.mm-fullscreen .mm-slideout {
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0); }

@media all and (max-width: 140px) {
html.mm-opening.mm-fullscreen .mm-slideout {
-webkit-transform: translate(140px, 0);
-moz-transform: translate(140px, 0);
-ms-transform: translate(140px, 0);
-o-transform: translate(140px, 0);
transform: translate(140px, 0); } }
@media all and (min-width: 10000px) {
html.mm-opening.mm-fullscreen .mm-slideout {
-webkit-transform: translate(10000px, 0);
-moz-transform: translate(10000px, 0);
-ms-transform: translate(10000px, 0);
-o-transform: translate(10000px, 0);
transform: translate(10000px, 0); } }
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0); }

@media all and (max-width: 140px) {
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
-webkit-transform: translate(-140px, 0);
-moz-transform: translate(-140px, 0);
-ms-transform: translate(-140px, 0);
-o-transform: translate(-140px, 0);
transform: translate(-140px, 0); } }
@media all and (min-width: 10000px) {
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
-webkit-transform: translate(-10000px, 0);
-moz-transform: translate(-10000px, 0);
-ms-transform: translate(-10000px, 0);
-o-transform: translate(-10000px, 0);
transform: translate(-10000px, 0); } }
.mm-menu.mm-front.mm-fullscreen.mm-top, .mm-menu.mm-front.mm-fullscreen.mm-bottom {
height: 100%;
min-height: 140px;
max-height: 10000px; }

html.mm-opened.mm-fullscreen .mm-page {
box-shadow: none !important; }

/*
jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top,
.mm-menu.mm-bottom {
width: 100%;
min-width: 100%;
max-width: 100%; }

.mm-menu.mm-right {
left: auto;
right: 0; }

.mm-menu.mm-bottom {
top: auto;
bottom: 0; }

html.mm-right.mm-opening .mm-slideout {
-webkit-transform: translate(-265px, 0);
-moz-transform: translate(-265px, 0);
-ms-transform: translate(-265px, 0);
-o-transform: translate(-265px, 0);
transform: translate(-265px, 0); }

@media all and (max-width: 175px) {
html.mm-right.mm-opening .mm-slideout {
-webkit-transform: translate(-140px, 0);
-moz-transform: translate(-140px, 0);
-ms-transform: translate(-140px, 0);
-o-transform: translate(-140px, 0);
transform: translate(-140px, 0); } }
@media all and (min-width: 550px) {
html.mm-right.mm-opening .mm-slideout {
-webkit-transform: translate(-265px, 0);
-moz-transform: translate(-265px, 0);
-ms-transform: translate(-265px, 0);
-o-transform: translate(-265px, 0);
transform: translate(-265px, 0); } }
/*
jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-slideout {
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
z-index: 0 !important; }

.mm-menu.mm-front {
z-index: 1;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

html.mm-opened.mm-next .mm-page {
box-shadow: none; }

.mm-menu.mm-front, .mm-menu.mm-next {
-webkit-transition: -webkit-transform 0.4s ease;
-ms-transition: -ms-transform 0.4s ease;
transition: transform 0.4s ease;
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0); }
.mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0); }
.mm-menu.mm-front.mm-top {
-webkit-transform: translate(0, -100%);
-moz-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
transform: translate(0, -100%); }
.mm-menu.mm-front.mm-bottom {
-webkit-transform: translate(0, 100%);
-moz-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
transform: translate(0, 100%); }

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); }

.mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom {
height: 80%;
min-height: 140px;
max-height: 880px; }

/*
jQuery.mmenu themes extension CSS
*/
html.mm-opened.mm-light .mm-page {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light {
background: #f3f3f3;
color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light .mm-list > li:after {
border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-light .mm-list > li > a.mm-subclose {
background: rgba(255, 255, 255, 0.6);
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {
border-color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-light .mm-list > li.mm-selected > span {
background: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-light .mm-list > li.mm-label {
background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-buttonbar {
border-color: rgba(0, 0, 0, 0.6);
background: #f3f3f3; }
.mm-menu.mm-light .mm-buttonbar > * {
border-color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light .mm-buttonbar > input:checked + label {
background: rgba(0, 0, 0, 0.6);
color: #f3f3f3; }

.mm-menu.mm-light label.mm-check:before {
border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-light em.mm-counter {
color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-footer {
border-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-header {
border-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light .mm-header .mm-prev:before,
.mm-menu.mm-light .mm-header .mm-next:after,
.mm-menu.mm-light .mm-header .mm-close:after {
border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-list li.mm-label > div > div {
background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-search input {
background: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light .mm-noresultsmsg {
color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light label.mm-toggle {
background: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-light label.mm-toggle:before {
background: #f3f3f3; }
.mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle {
background: #4bd963; }

html.mm-opened.mm-white .mm-page {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white {
background: white;
color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white .mm-list > li:after {
border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-white .mm-list > li > a.mm-subclose {
background: rgba(0, 0, 0, 0.06);
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
border-color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-white .mm-list > li.mm-selected > span {
background: rgba(0, 0, 0, 0.06); }
.mm-menu.mm-white .mm-list > li.mm-label {
background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-buttonbar {
border-color: rgba(0, 0, 0, 0.6);
background: white; }
.mm-menu.mm-white .mm-buttonbar > * {
border-color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white .mm-buttonbar > input:checked + label {
background: rgba(0, 0, 0, 0.6);
color: white; }

.mm-menu.mm-white label.mm-check:before {
border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-white em.mm-counter {
color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-footer {
border-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-header {
border-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white .mm-header .mm-prev:before,
.mm-menu.mm-white .mm-header .mm-next:after,
.mm-menu.mm-white .mm-header .mm-close:after {
border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-list li.mm-label > div > div {
background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-search input {
background: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white .mm-noresultsmsg {
color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white label.mm-toggle {
background: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-white label.mm-toggle:before {
background: white; }
.mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle {
background: #4bd963; }

html.mm-opened.mm-black .mm-page {
box-shadow: none; }

.mm-menu.mm-black {
background: black;
color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black .mm-list > li:after {
border-color: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-black .mm-list > li > a.mm-subclose {
background: rgba(255, 255, 255, 0.25);
color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before {
border-color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
border-color: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-black .mm-list > li.mm-selected > span {
background: rgba(255, 255, 255, 0.25); }
.mm-menu.mm-black .mm-list > li.mm-label {
background: rgba(255, 255, 255, 0.15); }
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-buttonbar {
border-color: rgba(255, 255, 255, 0.6);
background: black; }
.mm-menu.mm-black .mm-buttonbar > * {
border-color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black .mm-buttonbar > input:checked + label {
background: rgba(255, 255, 255, 0.6);
color: black; }

.mm-menu.mm-black label.mm-check:before {
border-color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-black em.mm-counter {
color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-footer {
border-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-header {
border-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black .mm-header .mm-prev:before,
.mm-menu.mm-black .mm-header .mm-next:after,
.mm-menu.mm-black .mm-header .mm-close:after {
border-color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-list li.mm-label > div > div {
background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-search input {
background: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black .mm-noresultsmsg {
color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black label.mm-toggle {
background: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-black label.mm-toggle:before {
background: black; }
.mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle {
background: #4bd963; }



.mm-menu .mm-list li.social-ico { width:100%; text-align:center; border:none; }
.mm-menu .mm-list li.social-ico a { float:none; display:inline-block; padding:0px; width:30px; height:30px; background:url(../img/social-ico.jpg) no-repeat 0px 0px; line-height:30px; text-indent:-999999px; margin-top:20px; 
-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;
}
.mm-menu .mm-list li.social-ico a.fb { background-position:0px 0px; }
.mm-menu .mm-list li.social-ico a.tw { background-position:-30px 0px; }
.mm-menu .mm-list li.social-ico a.gplus { background-position:-60px 0px; }
.mm-menu .mm-list li.social-ico a.lnkdin { background-position:-90px 0px; }
.mm-menu .mm-list li.social-ico a.fb:hover { background-position:0px -30px; }
.mm-menu .mm-list li.social-ico a.tw:hover { background-position:-30px -30px; }
.mm-menu .mm-list li.social-ico a.gplus:hover { background-position:-60px -30px; }
.mm-menu .mm-list li.social-ico a.lnkdin:hover { background-position:-90px -30px; }

.mm-menu .mm-list > li.mob-lang  { float: left; padding: 10px 20px; width: 100%;}
.mm-menu .mm-list > li.mob-lang a { float: left; padding: 0 7px 0 0; border-right: 1px solid #ccc; margin: 0 7px 0 0; line-height: 18px;}
.mm-menu .mm-list > li.mob-lang a:hover { background: none; color: #f38d0f;}
.mm-menu .mm-list > li.mob-lang a:last-child { border-right: none; padding-right: 0; margin-right: 0; }
.mm-menu .mm-list > li.mob-lang a.active { color: #f38d0f;}

.mm-menu .mm-list > li.mob-social  { float: left; padding: 20px 20px 10px; width: 100%; border-bottom: medium none;}
.mm-menu .mm-list > li.mob-social a { float: left; padding: 0 7px 0 0; border-right: 1px solid #ccc; margin: 0 7px 0 0; line-height: 18px;}
.mm-menu .mm-list > li.mob-social a:hover { background: none; color: #f38d0f;}
.mm-menu .mm-list > li.mob-social a:last-child { border-right: none; padding-right: 0; margin-right: 0; }
.mm-menu .mm-list > li.mob-social a.active { color: #f38d0f;}

.mm-menu .mm-list > li.mob-privacy { float: left; padding: 5px 20px; width: 100%; border-bottom: medium none;}
.mm-menu .mm-list > li.mob-privacy a { float: left; padding: 0 7px 0 0; font-size:12px; margin: 0 7px 0 0; line-height: 18px;}
.mm-menu .mm-list > li.mob-privacy a:hover { background: none; color: #f38d0f;}
.mm-menu .mm-list > li.mob-privacy a:last-child { border-right: none; padding-right: 0; margin-right: 0; }
.mm-menu .mm-list > li.mob-privacy a.active { color: #f38d0f;}
/**
 * Lightcase - jQuery Plugin
 * The smart and flexible Lightbox Plugin.
 *
 * @author		Cornel Boppart <cornel@bopp-art.com>
 * @copyright	Author
 *
 * @version		2.5.0 (11/03/2018)
 */
/**
 * Lightcase settings
 *
 * Note: Override default settings for your project without touching this source code by simply
 * defining those variables within a SASS map called '$lightcase-custom'.
 *
 * // Example usage
 * $lightcase-custom: (
 *   'breakpoint': 768px
 * );
 */
@font-face {
  font-family: 'lightcase';
  src: url("fonts/lightcase.eot?55356177");
  src: url("fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), 
  url("fonts/lightcase.woff?55356177") format("woff"), 
  url("fonts/lightcase.ttf?55356177") format("truetype"), 
  url("fonts/lightcase.svg?55356177#lightcase") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 12, ../scss/components/fonts/_font-lightcase.scss */
[class*='lightcase-icon-']:before {
  font-family: 'lightcase', sans-serif;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

/* Codes */
/* line 35, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-play:before {
  content: '\e800';
}

/* line 36, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-pause:before {
  content: '\e801';
}

/* line 37, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-close:before {
  content: '\e802';
}

/* line 38, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-prev:before {
  content: '\e803';
}

/* line 39, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-next:before {
  content: '\e804';
}

/* line 40, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-spin:before {
  content: '\e805';
}

/**
 * Mixin providing icon defaults to be used on top of font-lightcase.
 *
 * Example usage:
 * @include icon(#e9e9e9)
 */
/**
 * Mixin providing icon defaults including a hover status to be used
 * on top of font-lightcase.
 *
 * Example usage:
 * @include icon-hover(#e9e9e9, #fff)
 */
/**
 * Provides natural content overflow behavior and scrolling support
 * even so for touch devices.
 *
 * Example usage:
 * @include overflow()
 */
/**
 * Neutralizes/resets dimensions including width, height, position as well as margins,
 * paddings and styles. Used to enforce a neutral and unstyled look and behavoir!
 *
 * Example usage:
 * @include clear(true)
 *
 * @param boolean $important
 */
@-webkit-keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-moz-keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* line 1, ../scss/components/modules/_case.scss */
#lightcase-case {
  display: none;
  position: fixed;
  z-index: 2002;
  top: 50%;
  left: 50%;
  font-family: arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 640px) {
  /* line 16, ../scss/components/modules/_case.scss */
  html[data-lc-type=inline] #lightcase-case, html[data-lc-type=ajax] #lightcase-case {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    padding: 55px 0 70px 0;
    width: 100% !important;
    height: 100% !important;
    overflow: auto !important;
  }
}

@media screen and (min-width: 641px) {
  /* line 4, ../scss/components/modules/_content.scss */
  html:not([data-lc-type=error]) #lightcase-content {
    position: relative;
    z-index: 1;
    text-shadow: none;
    /* background-color: #fff; */
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -webkit-backface-visibility: hidden;
  }
}
@media screen and (min-width: 641px) {
  /* line 23, ../scss/components/modules/_content.scss */
  html[data-lc-type=image] #lightcase-content, html[data-lc-type=video] #lightcase-content {
    background-color: #333;
  }
}
/* line 31, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
@media screen and (max-width: 640px) {
  /* line 31, ../scss/components/modules/_content.scss */
  html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
  }
}
/* line 43, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  /* line 43, ../scss/components/modules/_content.scss */
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
    padding: 15px;
  }
  /* line 52, ../scss/components/modules/_content.scss */
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner > * {
    width: 100% !important;
    max-width: none !important;
  }
  /* line 59, ../scss/components/modules/_content.scss */
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=error] #lightcase-content .lightcase-contentInner > *:not(iframe) {
    height: auto !important;
    max-height: none !important;
  }
}
@media screen and (max-width: 640px) {
  /* line 70, ../scss/components/modules/_content.scss */
  html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (max-width: 640px) and (min-width: 641px) {
  /* line 74, ../scss/components/modules/_content.scss */
  html[data-lc-type=image] #lightcase-content .lightcase-contentInner, html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
    line-height: 0.75;
  }
}

/* line 82, ../scss/components/modules/_content.scss */
html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
  position: relative;
  overflow: hidden !important;
}
@media screen and (max-width: 640px) {
  /* line 91, ../scss/components/modules/_content.scss */
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
  }
}
@media screen and (min-width: 641px) {
  /* line 100, ../scss/components/modules/_content.scss */
  html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    padding: 0px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 640px) {
  /* line 117, ../scss/components/modules/_content.scss */
  #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
    color: #aaa;
  }
}
@media screen and (min-width: 641px) {
  /* line 117, ../scss/components/modules/_content.scss */
  #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
    color: #333;
  }
}

/* line 3, ../scss/components/modules/_error.scss */
#lightcase-case p.lightcase-error {
  margin: 0;
  font-size: 17px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #aaa;
}
@media screen and (max-width: 640px) {
  /* line 3, ../scss/components/modules/_error.scss */
  #lightcase-case p.lightcase-error {
    padding: 30px 0;
  }
}
@media screen and (min-width: 641px) {
  /* line 3, ../scss/components/modules/_error.scss */
  #lightcase-case p.lightcase-error {
    padding: 0;
  }
}

/* line 4, ../scss/components/modules/_global.scss */
.lightcase-open body {
  overflow: hidden;
}
/* line 8, ../scss/components/modules/_global.scss */
.lightcase-isMobileDevice .lightcase-open body {
  max-width: 100%;
  max-height: 100%;
}

/* line 1, ../scss/components/modules/_info.scss */
#lightcase-info {
  position: absolute;
  padding-top: 15px;
}
/* line 9, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title,
#lightcase-info #lightcase-caption {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-weight: normal;
  text-overflow: ellipsis;
}
/* line 19, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title {
  font-size: 17px;
  color: #aaa;
}
@media screen and (max-width: 640px) {
  /* line 19, ../scss/components/modules/_info.scss */
  #lightcase-info #lightcase-title {
    position: fixed;
    top: 10px;
    left: 0;
    max-width: 87.5%;
    padding: 5px 15px;
    background: #333;
  }
}
/* line 33, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-caption {
  clear: both;
  font-size: 13px;
  color: #aaa;
}
/* line 39, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-sequenceInfo {
  font-size: 11px;
  color: #aaa;
}
@media screen and (max-width: 640px) {
  /* line 45, ../scss/components/modules/_info.scss */
  .lightcase-fullScreenMode #lightcase-info {
    padding-left: 15px;
    padding-right: 15px;
  }
  /* line 51, ../scss/components/modules/_info.scss */
  html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
    position: static;
  }
}

/* line 1, ../scss/components/modules/_loading.scss */
#lightcase-loading {
  position: fixed;
  z-index: 9999;
  width: 1.123em;
  height: auto;
  font-size: 38px;
  line-height: 1;
  text-align: center;
  text-shadow: none;
  position: fixed;
  z-index: 2001;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  opacity: 1;
  font-size: 32px;
  text-shadow: 0 0 15px #fff;
  -moz-transform-origin: 50% 53%;
  -webkit-animation: lightcase-spin 0.5s infinite linear;
  -moz-animation: lightcase-spin 0.5s infinite linear;
  -o-animation: lightcase-spin 0.5s infinite linear;
  animation: lightcase-spin 0.5s infinite linear;
}
/* line 20, ../scss/components/mixins/_presets.scss */
#lightcase-loading, #lightcase-loading:focus {
  text-decoration: none;
  color: #fff;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: color, opacity, ease-in-out 0.25s;
  -moz-transition: color, opacity, ease-in-out 0.25s;
  -o-transition: color, opacity, ease-in-out 0.25s;
  transition: color, opacity, ease-in-out 0.25s;
}
/* line 32, ../scss/components/mixins/_presets.scss */
#lightcase-loading > span {
  display: inline-block;
  text-indent: -9999px;
}

/* line 2, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'] {
  position: fixed;
  z-index: 999999;
  width: 1.123em;
  height: auto;
  font-size: 48px;
  line-height: 1;
  text-align: center;
  text-shadow: none;
  outline: none;
  cursor: pointer;
}
/* line 20, ../scss/components/mixins/_presets.scss */
a[class*='lightcase-icon-'], a[class*='lightcase-icon-']:focus {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.9);
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: color, opacity, ease-in-out 0.25s;
  -moz-transition: color, opacity, ease-in-out 0.25s;
  -o-transition: color, opacity, ease-in-out 0.25s;
  transition: color, opacity, ease-in-out 0.25s;
}
/* line 32, ../scss/components/mixins/_presets.scss */
a[class*='lightcase-icon-'] > span {
  display: inline-block;
  text-indent: -9999px;
}
/* line 49, ../scss/components/mixins/_presets.scss */
a[class*='lightcase-icon-']:hover {
  color: white;
  text-shadow: 0 0 15px white;
}
/* line 10, ../scss/components/modules/_navigation.scss */
.lightcase-isMobileDevice a[class*='lightcase-icon-']:hover {
  color: #aaa;
  text-shadow: none;
}
/* line 17, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-close {
  position: fixed;
  top: 15px;
  right: 15px;
  bottom: auto;
  margin: 0;
  opacity: 0;
  outline: none;
}
/* line 28, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-prev {
  left: 15px;
}
/* line 33, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-next {
  right: 15px;
}
/* line 38, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
  left: 50%;
  margin-left: -0.5em;
}
@media screen and (min-width: 641px) {
  /* line 38, ../scss/components/modules/_navigation.scss */
  a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
    opacity: 0;
  }
}
@media screen and (max-width: 640px) {
  /* line 2, ../scss/components/modules/_navigation.scss */
  a[class*='lightcase-icon-'] {
    bottom: 15px;
    font-size: 24px;
  }
}
@media screen and (min-width: 641px) {
  /* line 2, ../scss/components/modules/_navigation.scss */
  a[class*='lightcase-icon-'] {
    bottom: 50%;
    margin-bottom: -0.5em;
  }
  /* line 57, ../scss/components/modules/_navigation.scss */
  a[class*='lightcase-icon-']:hover, #lightcase-case:hover ~ a[class*='lightcase-icon-'] {
    opacity: 1;
  }
}

/* line 1, ../scss/components/modules/_overlay.scss */
#lightcase-overlay {
  display: none;
  width: 100%;
  min-height: 100%;
  position: fixed;
  z-index: 2000;
  top: -9999px;
  bottom: -9999px;
  left: 0;
  background: #333;
}
@media screen and (max-width: 640px) {
  /* line 1, ../scss/components/modules/_overlay.scss */
  /* #lightcase-overlay {
    opacity: 1 !important;
  } */
}



.lightcase-inlineWrap img { width: 100%;}
@charset "utf-8";
/* CSS Document */


/* #Media Queries
================================================== */
@media screen and (min-width:1920px) {
body{ overflow-x:hidden;}	

.entitats, .entitats.taula-bg { margin:120px 0 0 0; }	
.origen-rgtscaro.restar .origen-lft-cnt.restare { margin-top:50%;}
.btm-pad.hom-btm-mnu { bottom:100px;}
.home-social-btm { bottom:20px;}
.round-img {float: left; width: 52%; margin-left: 10%;}
.slick-slide { font-size:24px;}
#home.nav .slick-slide.slick-current.slick-active { font-size:34px; line-height:40px;}
.pagingInfo { top:50%; margin-top: -7px;}
#home.nav .slick-list { height:360px !important;}

/*page1*/


}
@media screen and (min-width:1400px) and (max-width:1700px) {
/*page1*/
.products-main .products-list ul li .prod-cnt h4 {font-size: 14px; line-height: 16px; letter-spacing: 0;}
.products-main .products-list ul li .prod-cnt h3 {font-size: 22px; line-height: 24px; letter-spacing: 0;}
.prd-lnk p {padding-right: 7px;margin-right: 7px;}
.prd-lnk p a {font-size: 13px; line-height: 15px; letter-spacing: 0;}
.products-main .products-list ul li.half-width .prod-cnt {padding: 12px 0;}
.products-main .products-list ul li.half-width .prod-cnt p {font-size: 16px; line-height: 18px;}
.half-rgt {padding: 22px 15px 22px 22px; max-width: 240px;}
.half-rgt h4 {font-size: 18px;line-height: 18px;}
.half-rgt h3 {font-size: 32px; line-height: 32px;}
.half-rgt h6 {font-size: 13px; margin-bottom: 10px;}
.products-main .products-list ul li.half-width .prd-lnk p a {font-size: 18px;line-height: 18px;}
.products-main .products-list ul {row-gap: 50px;}
.rgt-top span {font-size: 13px;}
/*page3*/
.horari-sec {padding: 100px 0;}
.instagram-list {padding-bottom: 100px;}
.horari-sec ul li h3 {font-size: 20px; line-height: 30px;}
.line-lft a{font-size: 16px;}
.can-roca.reservar .can-roca-logo h2 {font-size: 56px; line-height: 56px;}
.can-roca.reservar .can-roca-logo p {font-size: 20px; line-height: 28px;}
.horari-sec ul li p {font-size: 18px;}
}

@media screen and (min-width:1280px) and (max-width:1400px) {
/*page1*/
.products-main .products-list ul li .prod-cnt h4 {font-size: 14px; line-height: 16px; letter-spacing: 0;}
.products-main .products-list ul li .prod-cnt h3 {font-size: 20px; line-height: 22px; letter-spacing: 0;}
.prd-lnk p {padding-right: 5px;margin-right: 5px;}
.prd-lnk p a {font-size: 12px; line-height: 15px; letter-spacing: 0;}
.products-main .products-list ul li.half-width .prod-cnt {padding: 12px 0;}
.products-main .products-list ul li.half-width .prod-cnt p {font-size: 16px; line-height: 18px;}
.half-rgt {padding: 22px 15px 22px 22px; max-width: 230px; top: 50px;}
.half-rgt h4 {font-size: 16px;line-height: 18px;}
.half-rgt h3 {font-size: 28px; line-height: 30px;}
.half-rgt h6 {font-size: 13px; margin-bottom: 10px;}
.products-main .products-list ul li.half-width .prd-lnk p a {font-size: 16px;line-height: 18px; letter-spacing: 0;}
.products-main .products-list ul {row-gap: 40px;}
.rgt-top span {font-size: 13px;}
/*page3*/
.horari-sec {padding: 100px 0;}
.instagram-list {padding-bottom: 100px;}
.horari-sec ul li h3 {font-size: 20px; line-height: 30px;}
.line-lft a{font-size: 16px;}
.can-roca.reservar .can-roca-logo h2 {font-size: 52px; line-height: 52px;}
.can-roca.reservar .can-roca-logo p {font-size: 20px; line-height: 28px;}
.horari-sec ul li p {font-size: 18px;}
}

@media only screen and (max-width: 1280px) {
body{ overflow-x:hidden;}		
.menu-bg { background-size: 100%; background-repeat: no-repeat;}

/* menu css */
.accordion_example2.smk_accordion .accordion_in .acc_head a { line-height: 25px; font-size: 21px;}
.accordion_example2.smk_accordion .accordion_in .acc_content ul li { margin-bottom: 6px;}
.accordion_example2.smk_accordion .accordion_in .acc_content ul li a { font-size: 18px;}
.accordion_example2.smk_accordion .accordion_in .acc_head { padding-bottom: 10px;}
/*page1*/
.products-main .products-list ul li .prod-cnt h4 {font-size: 12px;}
.prd-lnk p {padding-right: 4px;margin-right: 4px;}
.prd-lnk p a{font-size: 12px;}
.half-rgt h3{font-size: 28px; line-height: 30px;}
.products-main .products-list ul li .prod-cnt h3{font-size: 18px;}
/*page3*/
.horari-sec {padding: 100px 0;}
.instagram-list {padding-bottom: 100px;}
.horari-sec ul li h3 {font-size: 20px; line-height: 30px;}
.line-lft a{font-size: 16px;}
.can-roca.reservar .can-roca-logo h2 {font-size: 46px; line-height: 46px;}
.can-roca.reservar .can-roca-logo p {font-size: 18px; line-height: 26px;}
.horari-sec ul li p {font-size: 18px;}
.foot-revol.foot-new ul li h3 {font-size: 18px; line-height: 27px;}
}


@media screen and (min-width:1024px) and (max-width:1279px) {
img {max-width:100%; }
.row, .row1, .row2 { width:980px; padding:0px; }

.origen-lft h1{font-size:32px; line-height:40px; margin-bottom:20px;}
.entitats{margin-top:80px;}
.origen-lft h1{margin-bottom:40px;}
.hsty-lft{padding:0 0% 0 13%;}
h1.his-tit{margin-top:0;}

/*informacio*/
.informacio-bg{background:url(../img/backgrounds/fons-reserva.jpg) no-repeat right -511px bottom 0px;}
.entitats.taula-bg{background:url(../img/backgrounds/fons-reserva.jpg) no-repeat right -200px center;}
.inner-entitats{padding:0 50px 84px;}

/* Social css */
.row-inner-social {width:980px;}
/* entitats css */
.contact-form ul li:last-child { margin-top: 15px;}
/* la-sala css */
.una-content { margin-top: -65px; padding: 60px 40px;}

.entitats.origen.margin-les.rest .practiq { position: relative;}
.origen-lft-cnt.restare { padding: 55px 60px;}
.origen-lft-cnt.restare h2 {font-size: 30px; line-height: 42px;}
.origen-rgtscaro.restar .origen-lft-cnt.restare {margin-top: 7%;}
ul.award { margin-bottom: 20px;}
.entitats .origen-lft.origens-title .left-top { margin-top: 70px;}	
.entitats.origen.time-no-img .origen-lft.origens-title.full-width .left-top { margin-top: 40px;}	
.user-pad ul li { height: 695px; }
.user-pad {  margin: 40px 0;}

.origen-rgt.img-sala {height: 570px;}
.entitats {  margin-top: 40px;}
.la-equip {margin-top: 50px;}

/* menu css */
.accordion_example2.smk_accordion .accordion_in .acc_head a { line-height: 25px; font-size: 21px;}
.accordion_example2.smk_accordion .accordion_in .acc_content ul li { margin-bottom: 6px;}
.accordion_example2.smk_accordion .accordion_in .acc_content ul li a { font-size: 18px;}
#home.nav.slick-slider .slick-prev.slick-arrow { right: 0;}
#home.nav.slick-slider .slick-next.slick-arrow  { right: 0;}
.pagingInfo { right: 6px; }
.origen-rgt.img-sala { background-position:left center;}

.origen-rgt.img-org { background-position:center center;}
.origen-lft-cnt {padding: 50px 40px 30px;}
.entitats.origen.origens-img .left-top { margin-top: 90px;}
.entitats.origen.origens-img .origen-lft.diam-pad.mid-col { margin-top:40px;}
.faci-inner {margin-bottom: 20px;}
.enviar-bg { background-position: center center;}
.swiper-wrapper li { height:auto;}


/* new page css */
.rocam-img-1 { width:300px;left: -80px;}
.rocam-img-2{ width: 300px;right:-30px;}

.encarna-lst ul li p br { display: none;}
.encarna-lst ul li {min-height: 350px;}


.board-members .board-img-2 {width: 280px;height: 290px;}
.board-members .board-img-3 {left: 130px; top: 170px;}
.board-members .board-img-5 {left: 160px;}
.board-members .board-img-4 { right: 160px;}

.board-members .board-img-2 .board-img-cont { top:105%;}

.board-members .board-img-3 .board-arw {left: 88%;top: 88%;}
.board-members .board-img-3 .board-arw img {max-width: 42px;}

.board-members .board-img-4 .board-arw {right: 90%;}
.board-members .board-img-4 .board-arw img {max-width: 42px;}

.board-members .board-img-5 .board-arw {left: 92%;top: 20%;}
.board-members .board-img-5 .board-arw img {max-width: 45px;}

.board-members .board-img-6 {top: 155px;right:85px;}
.board-members .board-img-6 .board-arw img {max-width: 70px;}
.board-members .board-img-6 .board-img-cont {right: -95%;}

.close-up-rgt a.tornar-back {margin-bottom:25px;}
.close-up-rgt h2 {font-size: 34px;}
.close-up-rgt p br { display: none;}
.close-up-cont { height: 100%;}


@keyframes zoom-img6 { 
0% { transform:translate(-280px,165px);  } 
50% { transform:translate(-280px,165px); }
65% { transform:translate(-280px,165px); }
100% { opacity: 1; transform:translate(0px, 0px); }
}

.e-img2{ right: 0px;}

/*page1*/
.products-main .products-list ul li.half-width {padding-right: 40px;}
.products-main .products-list ul {row-gap: 25px;}
.products-main .products-list ul li .prod-cnt h4 {font-size: 12px; letter-spacing: 0; line-height: 15px; margin-bottom: 8px;}
.products-main .products-list ul li .prod-cnt h3 {font-size: 18px; line-height: 22px; letter-spacing: 0;}
.prd-lnk p a {font-size: 12px;line-height: 14px; letter-spacing: 0;}
.products-main .products-list ul li .prod-cnt {padding: 10px 55px 10px 0;}
.half-rgt h3 {font-size: 24px; line-height: 28px; letter-spacing: 0;}
.products-main{padding-bottom: 40px;}
.products-main .products-list ul li.half-width .prod-img img { object-fit:cover; height:100%;}
.products-main .products-list ul li.half-width .prod-cnt {padding: 10px 0 0 0;}
.products-main .products-list ul li.half-width .prod-cnt p {font-size: 14px; line-height: 18px;}
.products-main.page2 {padding: 35px 15px;}
.products-main.page2 .products-list ul li {flex: 0 1 24.2%;}
.header-revol.full-width .row1 {padding: 0 15px;}
.foot-revol.foot-full-width .row1 {padding: 0 15px;}
.half-rgt{top: 45px; padding: 20px 15px 20px 20px; max-width: 200px;}
.rgt-top span {font-size: 12px; line-height: 14px;}
.rgt-top {max-width: 55px;}
.products-main .products-list ul li {width: 19.5%;}
.prd-lnk p {padding-right: 6px;margin-right: 6px;}
.half-rgt h4 {font-size: 17px; line-height: 18px;}
.half-rgt h6 {margin-bottom: 10px;}
.products-main .products-list ul li.half-width .prd-lnk p a {font-size: 16px;line-height: 16px;letter-spacing: 0px;}
.menu-rht.menu-rht-new.pge {right: 15px;}
/*page3*/
.horari-sec {padding: 85px 0;}
.instagram-list {padding-bottom: 85px;}
.foot-new-inner {padding: 0;}
.foot-revol.foot-new {padding: 20px 0;}
.foot-revol.foot-new ul li h3 {font-size: 20px; line-height: 27px;}
.foot-logo {padding: 20px 0;}
.horari-inner {padding: 0;}
.horari-sec ul li h3 {font-size: 20px; line-height: 30px;}
.horari-sec ul li p{font-size: 18px; line-height: 24px;}
.line-lft a {font-size: 16px;}
.header-revol.roca.reservar .logo.reservar img {width: 155px;}
.can-roca.reservar .can-roca-logo h2 {font-size: 42px; line-height: 42px;}
.can-roca.reservar .can-roca-logo p {font-size: 17px; line-height: 25px;}

}


/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1023px) {
img {max-width:100%; }
.row, .row1, .row2 { width:740px; padding:0px; }
.origen-lft h1{font-size:32px; line-height:40px; margin-bottom:20px;}
.origen-rgt{top:50px;}
.origens-gallery ul li .origen-ga-cnt p{font-size:14px; line-height:18px;}
.origens-gallery ul li .origen-ga-cnt{width:270px; padding:15px;}
.origens-gallery ul li .origen-ga-cnt h2{font-size:15px; line-height:15px; margin-bottom:8px;}
.origen-lft h3{margin-top:10px;}

.entitats{margin-top:80px;}
.origen-lft h1{margin-bottom:20px;}
.origen-lft.origens-title{width:80%;}
.timeline-yr{left:39%; width:150px; height:150px; top:33%;}
.hsty-rgt img{margin-left:80px;}
.hsty-lft{padding:0 1% 0 8%;}
.histry-section{padding-top:0;}
h1.his-tit{margin-top:0;}

/*informacio*/
.informacio-bg{background:url(../img/backgrounds/fons-reserva.jpg) no-repeat right -511px bottom 0px;}
.entitats h2{font-size:32px; padding-bottom:30px;}
.entitats .social-title h2 { font-size: 16px; padding-bottom:0; line-height: 22px;}
.twt-cont-main h2 { font-size: 16px; line-height: 22px; padding-bottom:0; }
.inner-entitats{padding:0 54px 64px;}
.inf-horari ul li{width:30%;}
.info-actualment{padding:25px;}
.info-contact p{padding-top:70px;}
.info-contact img{width:75%; top:-85px;}

.inner-entitats.reser-form {padding:0 25px 64px;}
.frm-input-ctrl.date.credit{width:170px;}
.frm-input-ctrl.date{width:170px;}
.jquery-select-step-element{width:170px;}
.contact-form.reserva ul li.tell .hora input[type="text"]{width:40%;}
.contact-form.reserva #telefon .sbHolder{width:33%;}
.entitats.taula-bg{background:url(../img/backgrounds/fons-reserva.jpg) no-repeat right -350px center;}

.inner-entitats{padding:0 30px 64px;}
.gracies-nom li span{width:61%;}
.gracies-cognom li span{width:45%;}
.gracies-cnt ul{width:40%;}
.gracies-cnt ul.gracies-cognom{width:60%;}

.entitats.origen.time-no-img .origen-lft.origens-title.full-width .left-top { margin-top: 40px;}
/* Social css */
.row-inner-social {width:740px;}
/* entitats css */
.contact-form ul li:last-child { margin-top: 15px;}
/* la-sala css */
.una-content { margin-top: -45px; padding: 50px 40px;}

/* resturant */
ul.award {  padding-left: 20px; margin-bottom: 20px;}
.origen-lft.origens-title { width: 68%;}
.origen-lft-cnt.no-pad.restau, .origen-lft-cnt.no-pad { padding-left:40px;}
.origen-rgt.origen-rht { padding:110px 4% 4%;margin: 50px 0 0;}
.origen-rgt.origen-rht p {font-size: 21px; line-height: 28px;}
.origen-lft h1 { font-size: 26px; line-height: 32px;}
.swiper-wrapper li { height:auto;}
.origen-lft-cnt.restare { padding: 35px 40px;}
.origen-lft-cnt.restare h2 {font-size: 24px; line-height: 32px;}
.origen-rgtscaro.restar .origen-lft-cnt.restare {margin-top: 5%;}
.entitats.origen.margin-les.rest .practiq { position: relative;}
.entitats .origen-lft.origens-title .left-top { margin-top: 70px;}	

/* origens1 */
.user-pad { margin:30px 0;}
.user-left, .user-left.right {width: 30%;}
.user-rht, .user-rht.txt-lft {padding: 3% 3%; width: 70%;}
.user-pad ul li { height:auto; margin-bottom:25px; margin-top: 20px;}
.grey-bg { margin-top: 70px;}
.faci-pad h1 { font-size: 35px; line-height: 44px;}
.faci-inner {margin-bottom: 30px;}
.faci-inner h2 { font-size: 24px; line-height: 36px;}
.arrow { left:auto; right: 15px;}

.origen-rgt.img-sala {height: 580px;}
.entitats.origen .origen-lft-cnt.sala-la {  margin: 75px 0 0;}
.origen-lft-cnt {padding: 35px 40px 20px;} 
.left-top.la-sala { margin-top: 165px;}
.volutpat h3 { padding-left: 40px;margin-bottom: 40px;}
.volutpat ul {padding-left:80px;}
.entitats { margin-top: 30px;}
.una-content {  padding: 60px 40px 40px;}

/* menu css */
.accordion_example2.smk_accordion .accordion_in .acc_head a { line-height: 25px; font-size: 21px;}
.accordion_example2.smk_accordion .accordion_in .acc_content ul li { margin-bottom: 6px;}
.accordion_example2.smk_accordion .accordion_in .acc_content ul li a { font-size: 18px;}
.accordion_example2.smk_accordion .accordion_in .acc_head { padding-bottom: 10px;}
#home.nav.slick-slider .slick-prev.slick-arrow { right: 0; z-index: 1;}
#home.nav.slick-slider .slick-next.slick-arrow  { right: 0; z-index: 1;}
.pagingInfo { right: 10px; top: 156px; }
#home.nav {width: calc(100% - 54%);}
.round-img { width: 44%; margin-left: 10%;}
.slider.slider-r { width: 60%;}
.origen-rgt.img-sala { background-position:left center;}
.origen-rgt.img-org { background-position:center center;}
.entitats.origen.origens-img .origen-lft.diam-pad.mid-col { margin-top:80px;}
.entitats.origen.origens-img .left-top { margin-top: 75px;}
.origen-lft-cnt.no-pad h1 { margin-bottom: 40px;font-size: 32px; line-height: 40px;}
.enviar-bg { background-position: center center;}
.swiper-wrapper li { height:auto;}

.origen-rgt.time-img { background-position: center center; height: 360px;}
.la-equip.timeline { margin-top: 100px;}


/* new page  */
.localitz-sec ul li {width: 100%;margin-right: 0px;}
.rocam-sec {padding:20px 0px 240px;}
.rocam-img-1 { width: 200px; left:-20px;}
.rocam-img-2{ width: 230px;right: -30px;}
.rocam-img-3 { width:300px;left: 20%;bottom: -55px;}
.rocam-cont h1 {font-size: 34px;line-height: 36px;}
.rocam-cont img {margin-bottom: 50px;}
.rocam-cont p { margin-bottom: 50px;}

.encarna-lst ul li p br { display: none;}
.encarna-lst ul li {min-height: 330px;}
.encarna-lst ul li h2 {margin-bottom: 28px; font-size:34px; line-height:36px; }
.encarna-lst ul li p { margin-bottom: 40px;}
.encarna-lst { margin-top: 45px;}

.storyboard-sec h1 {font-size: 34px;line-height: 36px;}

.board-members {padding: 395px 0px;}
.board-members .board-img-2 {width: 280px;height: 290px;}
.board-members .board-img-2 .board-img-cont { top:110%;}

.board-members .board-img-3 {left: 20px;}
.board-members .board-img-5 {left: 30px;}
.board-members .board-img-4 { right: 30px;}

.board-members .board-img-3 .board-arw {left: 88%;top: 88%;}
.board-members .board-img-3 .board-arw img {max-width: 42px;}
.board-members .board-img-3 .board-img-cont {position: relative; right: auto;top: auto;text-align: center;}

.board-members .board-img-4 .board-arw {right: 90%;}
.board-members .board-img-4 .board-arw img {max-width: 42px;}
.board-members .board-img-4 .board-img-cont {position: relative; right: auto;top: auto;text-align: center;}

.board-members .board-img-5 .board-arw {left: 95%;top: 15%;}
.board-members .board-img-5 .board-arw img {max-width: 45px;}
.board-members .board-img-5 .board-img-cont {position: relative; right: auto;top: auto;text-align: center;}

.board-members .board-img-6 {top: 145px;right:-15px;}
.board-members .board-img-6 .board-arw img {max-width: 70px;}
.board-members .board-img-6 .board-img-cont {position: relative; right: auto;top: auto;text-align: center;}

.close-up-rgt a.tornar-back {margin-bottom:25px;}
.close-up-rgt h2 {font-size: 34px;}
.close-up-rgt p br { display: none;}
.close-up-cont { height: 100%;}

.localitz-sec ul li .localitz-cnt {left: 15px; bottom: 15px;padding: 18px 18px 18px 18px;}
.localitz-sec ul li .localitz-cnt p {font-size: 17px;line-height: 24px;margin-bottom: 15px;}


@keyframes zoom-img6 { 
0% { transform:translate(-280px,180px);  } 
50% { transform:translate(-280px,180px); }
65% { transform:translate(-280px,180px); }
100% { opacity: 1; transform:translate(0px, 0px); }
}

.e-img2{ right: 0px;}

/*page-1*/
.products-main .products-list ul li {flex: 0 1 32%;}
.products-main .products-list ul {row-gap: 30px; justify-content: center; column-gap: 1.5%;}
.products-main .products-list ul li.half-width {width: 32%;padding-right: 0px;}
.half-rgt{padding: 10px 0; position: relative; top:0; float: left; max-width: 100%;}
.half-rgt h3 {font-size: 16px; line-height: 22px; margin-bottom: 0;}
.half-rgt h3 br{display: none;}
.products-main .products-list ul li.half-width .prod-cnt{display: none;}
.products-main .products-list ul li .prod-img img{ object-fit: cover; height: 100%;}
.half-rgt h6{display: none;}
.half-rgt .rgt-top {display: block;}
.products-main .products-list ul li.half-width .prod-img img {object-fit: cover; height: 100%;}
.products-main .products-list ul li .prod-cnt h4 {font-size: 12px; letter-spacing: 0; margin-bottom: 8px;}
.products-main .products-list ul li .prod-cnt h3 {font-size: 18px; line-height: 22px; letter-spacing: 0;}
.half-rgt h4 {font-size: 12px; letter-spacing: 0; margin-bottom: 8px; line-height: 16px;}
.prd-lnk p a {font-size: 12px; line-height: 14px;}
.products-main .products-list ul li .prod-cnt {padding: 10px 50px 10px 0;}
.rgt-top {max-width: 50px;}
.products-main {padding: 0 15px 30px 15px;}
.products-main.page2 {padding: 20px 15px 30px 15px;}
.products-main.page2 h2 {font-size: 22px; line-height: 24px;}
.products-main.page2 .products-list ul li {flex: 0 1 32.5%;}
.header-revol.full-width .row1 {padding: 0 15px;}
.foot-revol.foot-full-width .row1 {padding: 0 15px;}
.rgt-top span {font-size: 12px; line-height: 14px;}
.prd-lnk{margin-top: 8px;}
.prd-lnk p {padding-right: 5px;margin-right: 5px;}
.products-main .products-list ul li.half-width .prd-lnk p a {font-size: 12px;line-height: 14px; letter-spacing: 0.5px;}
.products-main .products-list ul li.half-width .rgt-top span {font-size: 12px;line-height: 14px;}
.header-revol.full-width.new-logo .logo img {opacity: 1;}
.menu-rht.menu-rht-new.pge { right: 15px;}
.header-revol.full-width.new-logo .logo{padding-top: 0;}
.is-sticky .header-revol.full-width.new-logo .logo{padding-top: 0;}
.header-revol.full-width.new-logo {padding-bottom: 15px;}
/*page3*/
.horari-sec {padding: 50px 0;}
.horari-inner {padding: 0;}
.horari-sec ul li h3 {font-size: 18px; line-height: 27px;}
.horari-sec ul li p{font-size: 14px; line-height: 22px;}
.line-lft a{font-size: 16px;}
.instagram-list {padding: 0 0 50px 0;}
.foot-new-inner {padding: 0;}
.foot-revol.foot-new ul li {flex: 0 1 21%;}
.foot-revol.foot-new ul {column-gap: 5%;}
.foot-revol.foot-new ul li h3 {font-size: 18px;line-height: 27px;}
.foot-revol.foot-new {padding: 20px 0;}
.foot-revol.foot-new ul li p {font-size: 14px;line-height: 22px;}
.foot-revol.foot-new ul li a {font-size: 14px;line-height: 22px;}
.foot-logo {padding: 20px 0 20px 0;}
.logo.reservar{position: relative; top: 0;}
header.header-revol.roca.reservar {background: transparent; border-bottom: none;}
.header-revol.roca.reservar .logo.reservar img {width: 140px;}
.can-roca.reservar {padding-top: 165px; min-height: inherit;}
.can-roca.reservar .can-roca-logo h2 {font-size: 42px; line-height: 42px;}
.can-roca.reservar .can-roca-logo p {font-size: 16px; line-height: 25px;}
.can-roca-logo p {margin-bottom: 35px;}
.can-roca-logo h2 {margin-bottom: 30px;}

}

/* Smaller than standard 768 (devices and browsers) */
@media screen and (max-width:767px) {
body{ height:auto !important;}
img {max-width:100%; }
.row, .row1, .row2 { width:100%; padding:0 15px; }

.origen-lft h1{font-size:32px; line-height:40px; margin-bottom:20px;}
.origen-rgt{float:left; width:100%; position:relative;}
.origens-gallery ul li .origen-ga-cnt p{font-size:14px; line-height:18px;}
.origens-gallery ul li .origen-ga-cnt{width:270px; padding:15px;}
.origens-gallery ul li .origen-ga-cnt h2{font-size:15px; line-height:15px; margin-bottom:8px;}
.origen-lft h3{margin-top:10px;}
.origen-lft{width:100%; margin-bottom:30px;}
.origens-gallery ul.origens-fi li:first-child{margin-right:0; width:100%;}
.origens-gallery ul.origens-fi li:nth-child(2){width:41.8%;}
.origens-gallery ul.origens-fi li:nth-child(3){width:58%;}
.origens-gallery ul.origens-tw li:first-child{width:100%; margin-right:0;}
.origens-gallery ul.origens-tw li:nth-child(2){width:100%;}
.menu-rht{display:none;}
.entitats{margin-top:30px;}


.origen-lft h1{margin-bottom:60px;}
.origen-lft.origens-title{width:80%;}
.timeline-yr{left:10%;}
.histry-white-bg .timeline-yr::before{display:none;}
.hsty-rgt img{margin-left:80px;}
.hsty-lft{padding-left:0;}
.histry-white-bg{padding-top:45px;}
.hsty-rgt.hstry-rgt-cont{width:50%; margin-left:0;}
.histry-section{padding-top:0; margin-top:0px}
.diam-pad{margin-top:0;}

.origen-lft-cnt{padding:30px 0 0 80px;}

/*informacio*/
.informacio-bg{background:url(../img/backgrounds/fons-reserva.jpg) no-repeat right -511px bottom 0px;}
.entitats h2{font-size:32px; padding-bottom:10px;}
.inner-entitats{padding:0 54px 64px;}
.inf-horari ul li{width:30%;}
.info-actualment{padding:25px;}
.informacio-cnt-left{width:100%; margin-bottom:30px;}
.informacio-cnt-right{float:none; width:45%; margin:0 auto;}
.informacio-bg{background:none; margin-bottom:30px;}

.entitats.taula-bg{background: none; padding-bottom:30px;}
.contact-form.reserva ul li{width:100%;}
.inner-entitats{padding:0;}
.entitats.taula-bg .practiq{position:relative;}
.contact-form.reserva ul li.tell .hora input[type="text"]{width:50%;}

.gracies-cnt ul{width:100%;}
.gracies-nom li span{width:50%;}
.gracies-cognom li span{width:50%;}
.gracies-cnt h3{font-size:20px; line-height:26px; margin-bottom:5px;}
.contact-form{margin-top:30px;}
.gracies-cnt p{line-height:22px;}


.left-top.contact, .gracies-bg .left-top, .left-top.ent-tit, .left-top.entit-thk, .informacio-bg .practiq .informacio-cnt-left .left-top, .entitats .origen-lft.origens-title .left-top, .entitats.taula-bg .left-top, .left-top.rest-top { left: 0; margin-bottom: 10px; margin-top: 0; position: static; top: 0; transform: none; margin-bottom:15px;}
.informacio-cnt-left .inner-entitats{padding-right:0;}
.inf-horari{margin:20px 0;}


/* Social css */
.row-inner-social {width:100%;}
/* entitats css */
.contact-form ul li:last-child { margin-top: 15px;}
.gracies { margin-bottom:0;}

.left-top.contact, .gracies-bg .left-top, .left-top.ent-tit, .left-top.entit-thk, .informacio-bg .practiq .informacio-cnt-left .left-top, .entitats .origen-lft.origens-title .left-top, .left-top.rest-top, .left-top.la-sala, .entitats.origen.origens-img .left-top { left: 0; margin-bottom: 10px; margin-top: 0; position: static; top: 0; transform: none; margin-bottom:15px;}

/* la-sala css */
.una-content { margin-top: -65px; padding: 40px 20px;}

ul.award {padding-left:0;margin-bottom:10px;}
.origen-lft.origens-title { width:100%; text-align: left;}
.origen-lft-cnt.no-pad {padding:0px;margin-bottom: 40px;}
.origen-lft h1 { font-size: 28px; line-height: 34px; text-align:left;margin-bottom: 20px;}
.origen-lft p { text-align:left;}
.origen-rgt.origen-rht p { text-align:left;}
.entitats.origen.time-no-img .diam-pad, .entitats.origen.rest .diam-pad, .practiq.pra-new .diam-pad, .entitats.origen.orgiens-col .diam-pad { margin:0;}
.swiper-wrapper li { height:auto;}
.origen-lft.widt-les { width: 100%;}
.origen-rgtscaro.restar .origen-lft-cnt.restare {  margin-top: 0; position: relative; padding:0; margin-bottom: 20px;}
.origen-rgt.origen-rht { width: 50%; display: inline-block; float: none; margin: 120px 0 0; text-align: left;}
.entitats.origen.rest .diam-pad.mid-col, .entitats.origen.orgiens-col .diam-pad.mid-col { text-align:center; margin-bottom:20px; margin-top:0;}
.diam-pad.mid-col .left-top.rest-top { text-align:left;}
.entitats.origen.margin-les.rest .practiq {position: relative;}
.origen-lft {position: relative;}
.origen-lft-cnt.restare h2 { font-size: 25px; line-height: 36px;}

.user-pad ul li { height:auto;}
.user-pad { margin:20px 0;}
.user-left, .user-left.right   { width: 100%;}
.user-rht, .user-rht.txt-lft{ width:100%; padding: 3% 3% 5%;}
.grey-bg { margin-top: 50px;}
.faci-pad h1 {font-size: 24px; line-height: 36px;}
.faci-inner {margin-bottom: 20px;}
.faci-inner h2 {font-size: 22px; line-height: 34px;}
.arrow { left:auto;right: 5px;}
.creatives p {font-size: 22px; line-height: 32px; padding:0 90px;}
.creatives img { margin:50px 0;}
.faci-pad.mar-top { margin-top: 0;}

.entitats.origen .practiq { position:relative;}
.origen-lft-cnt { padding: 10px 0 0;}
.origen-rgt.img-sala { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; height: auto;}
.origen-rgt.img-sala img { opacity: 1;}
.origen-lft { margin-bottom: 0;}
.la-equip {margin: 30px 0; }
.la-sal-paging .cara-la-arrow { margin-right: 20px;margin-top: 10px;}
.volutpat h3 { padding-left: 40px;margin-bottom: 40px;}
.volutpat ul {padding-left:80px;}
.volutpat ul li {font-size: 22px;line-height: 28px;}
.la-equip h3 { padding-left: 40px;}
.entitats {  margin-top: 25px;background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.slider.slider-r.la-sala {margin-top: -90px;}
.orig-title { bottom: 90px;}


.menu-rht { display:none;}
.m-menu  { display:block; top:0px; }
.m-menu div { top:5px;}
.m-menu a span { width:25px; margin-top:5px; height:3px; }
header { background:#ffffff; border-bottom: 1px solid #d9d9d9; padding:10px 0;}


/* menu css */
.accordion_example2.smk_accordion .accordion_in .acc_head a { line-height: 25px; font-size: 21px;}
.accordion_example2.smk_accordion .accordion_in .acc_content ul li { margin-bottom: 6px;}
.accordion_example2.smk_accordion .accordion_in .acc_content ul li a { font-size: 18px;}
.accordion_example2.smk_accordion .accordion_in .acc_head { padding-bottom: 10px;}
.lang-rht .lang_select.menu-page { display: none;}
.accordion_example2 { float: left; width: 100%;}
.contact-addr { position: relative; bottom: auto; float: left; width: 100%;}
.lang-rht { float: left; margin: 30px 0 0 0;}
.lang-rht .contact-addr p { text-align: left;}
.btm-pad.btm-sect { position: relative; margin: 20px 0; bottom: auto;}
.slide-div { position: relative; margin: 50px 0;}
.btm-pad.hom-btm-mnu { position: relative;  bottom: auto; float: left;  width: 100%; margin-bottom: 30px;}
.home-social-btm { position: relative; }

#home.nav.slick-slider .slick-slide { padding: 11px 0;}
#home.nav.slick-slider .slick-prev.slick-arrow { right: 0; z-index: 1;}
#home.nav.slick-slider .slick-next.slick-arrow  { right: 0; z-index: 1;}
.pagingInfo { right: 3%; top: 50%; margin-top: -10px;}
#home.nav {width: calc(100% - 54%);}
.round-img { width: 51%; margin-left: 3%;}
#home.nav .slick-slide.slick-current.slick-active {font-size: 28px; line-height: 32px;}
/* #home.nav .slick-list {height: 350px !important;} */
.home-container .lang_select.menu-page { display: none;}
.slide-div .row { width: 100%;}
.slider.slider-r { width: 60%;}
.contact-form textarea { height: 150px;}
footer { margin-top:30px;}
.contact-form .btn-rightbg { width:auto;}
.contact-form input[type="submit"] {height: 55px;padding: 0 60px;}
.gracies {margin-top: 40px;}
.slide-div.lasa { margin: 20px 0;}
.volutpat { margin-bottom: 40px; }
.entitats.origen .origen-lft-cnt.sala-la { margin: 30px 0 0;}
.una-content .una-rht p.es { font-size: 24px; line-height: 32px; }
.contact-form.reserva ul li.veure { margin-bottom: 20px;}
.entitats.taula-bg{padding-bottom:20px;}
.entitats.origen.rest, .entitats.taula-bg { margin: 30px 0 0;}
.origen-lft.fullwidth { margin-bottom:20px;}
.origen-rgt.img-org img { opacity:1;}
.origen-rgt.img-org { background:none; height:auto;}
.entitats .origen-lft.origens-title.tp-title .left-top { margin-top:0;}
.swiper-container.origens-slide.swiper-container-horizontal { padding-bottom:0;}
.swiper-wrapper li { height:auto;}
.origen-lft-cnt.no-pad.restau h1 { margin-top: 20px; font-size: 18px;}
.entitats .social-title h2 { font-size: 16px; padding-bottom:0; line-height: 22px;}
.twt-cont-main h2 { font-size: 16px; line-height: 22px; padding-bottom:0; }
.tiles-wrap {margin: 20px 0 40px;}

.origen-rgt.time-img img { opacity: 1;}
.origen-rgt.time-img {background: none; height: auto;}


/* new page  */
.localitz-sec ul li {width: 100%;margin-right: 0px;}
.localitz-sec h1 {font-size: 28px;line-height: 28px;margin-bottom: 35px;}

.rocam-sec {padding:25px 0px 40px;}
.rocam-sec .row {width: 100%;}
.rocam-img-1 { width: 200px; display: none;}
.rocam-img-2{ width: 200px;right: 0px; display: none;}
.rocam-img-3 { width:150px; display: none;}
.rocam-cont h1 {font-size: 34px;line-height: 36px; margin-bottom:25px;}
.rocam-cont img {margin-bottom:35px;}
.rocam-cont p { margin-bottom: 40px;}
.rocam-cont a { margin-bottom: 0px;}

.encarna-lst ul li { min-height: inherit; width: 100%; margin-right: 0px; padding: 0px 15px;}
.encarna-lst ul li:first-child{ display: none;}
.encarna-lst ul li:last-child { display: none;}

.encarna-lst ul li p br { display: none;}
.encarna-lst ul li h2 {margin-bottom: 28px; font-size: 34px; line-height: 36px; }
.encarna-lst ul li p { margin-bottom: 40px;}
.encarna-lst { margin-top:25px; padding-bottom: 20px;}

.can-roca { min-height: inherit; padding-bottom:40px;padding-top: 90px;}
.can-roca-logo { padding: 0px 15px;}
.can-roca-logo p { margin-bottom: 25px;}
.can-roca-logo p br{ display: none;}
.can-roca-logo h2{margin-bottom: 22px; font-size: 34px; line-height: 36px; }
.can-roca-logo img { margin-bottom:35px;}

footer.foot-revol .foot-lft p.sound-icon {justify-content: center;float: none; display: inline-block;}
footer.foot-revol .foot-lft p.sound-icon img { width: auto;}

.storyboard-sec h1 {font-size: 34px;line-height: 36px;}

.board-members {padding: 35px 0px;}

.genaral-page { background-size: inherit;}
.board-img { float: left; width: 100%;padding: 0px 20px;}

.board-members .board-img-1 {left:auto;position: relative;width: 100%; height: auto;}
.board-members .board-img-2 {left:auto;position: relative;width: 100%;  height: auto;}
.board-members .board-img-3 {left:auto;position: relative; top:auto; margin: auto;width: 100%; height: auto;}
.board-members .board-img-5 {left: auto;position: relative; top:auto; margin: auto;bottom: auto;width: 100%; height: auto;}
.board-members .board-img-4 { right: auto;position: relative; top:auto; margin: auto;bottom: auto;width: 100%; height: auto;}
.board-members .board-img-6 { right: auto;position: relative; top:auto; margin: auto;width: 100%; height: auto;}

.board-arw { display: none;}
.board-img-cont { padding-top: 10px;}
.board-members .board-img-1 .board-img-cont {position: relative; right: auto;top: auto;text-align: center;}
.board-members .board-img-2 .board-img-cont{position: relative; right: auto;top: auto;text-align: center;}

.board-members .board-img-3 .board-arw {left: 88%;top: 88%;}
.board-members .board-img-3 .board-arw img {max-width: 42px;}
.board-members .board-img-3 .board-img-cont {position: relative; right: auto;top: auto;text-align: center;}

.board-members .board-img-4 .board-arw {right: 90%;}
.board-members .board-img-4 .board-arw img {max-width: 42px;}
.board-members .board-img-4 .board-img-cont {position: relative; right: auto;top: auto;text-align: center;}

.board-members .board-img-5 .board-arw {left: 92%;top: 20%;}
.board-members .board-img-5 .board-arw img {max-width: 45px;}
.board-members .board-img-5 .board-img-cont {position: relative; right: auto;top: auto;text-align: center;}

.board-members .board-img-6 {top:auto;right:0px; margin-bottom: 25px;}
.board-members .board-img-6 .board-arw img {max-width: 70px;}
.board-members .board-img-6 .board-img-cont {position: relative; right: auto;top: auto;text-align: center;}


.close-up-rgt a.tornar-back {margin-bottom:25px;}
.close-up-rgt h2 {font-size: 34px;}
.close-up-rgt p { margin-bottom: 25px;}
.close-up-rgt p br { display: none;}
.close-up-cont { height: 100%;padding: 0px 20px;}

.mbl-board-cont { display: block;}
.mbl-board-cont p br { display: none;}
.board-img-cont h3 { font-size:24px; line-height:28px;}
.board-img-cont p { font-size: 16px; line-height: 22px;}

.board-members a.open-link { pointer-events: none;}

.localitz-sec {padding:40px 0px 20px;}

.localitz-sec.localitz-sec-2 ul li .localitz-cnt {position: relative; left: 0px;bottom:0px; width: 100%;float: left; background: #fff;}
.localitz-sec.localitz-sec-2 ul li .localitz-cnt p {font-size: 17px;line-height: 24px;margin-bottom: 15px;}


.board-members .board-img-1, .board-members .board-img-2, .board-members .board-img-3, .board-members .board-img-4, 
.board-members .board-img-5, .board-members .board-img-6 {animation:none; opacity:1;}
.board-members .board-img-1 img, .board-members .board-img-2 img, .board-members .board-img-3 img, .board-members .board-img-4 img, 
.board-members .board-img-5 img, .board-members .board-img-6 img {animation:none; transform:none;}

.board-members .board-img-1 .board-img-cont, .board-members .board-img-2 .board-img-cont, .board-members .board-img-3 .board-img-cont, 
.board-members .board-img-4 .board-img-cont, .board-members .board-img-5 .board-img-cont, .board-members .board-img-6 .board-img-cont {animation:none; opacity:1;}

/*page-1*/
.products-main .products-list ul li {flex: 0 1 49%;}
.products-main .products-list ul {row-gap: 25px; justify-content: center; column-gap: 2%;}
.products-main .products-list ul li.half-width {width: 49%;padding-right: 0px;}
.half-rgt{padding: 10px 0; position: relative; top:0; float: left; max-width: 100%; width: 100%;}
.half-rgt h3 {font-size: 18px; line-height: 22px; margin-bottom: 0;}
.half-rgt h3 br{display: none;}
.products-main .products-list ul li.half-width .prod-cnt{display: none;}
.products-main .products-list ul li .prod-img img{height: 100%; object-fit: cover;}
.half-rgt h6{display: none;}
.half-rgt .rgt-top {display: block;}
.products-main .products-list ul li.half-width .prod-img img { width:100%; height:100%; object-fit:cover;}
.products-main .products-list ul li .prod-cnt h4 {font-size: 12px; line-height: 15px; margin-bottom: 8px;}
.products-main .products-list ul li .prod-cnt h3 {font-size: 18px; line-height: 22px;}
.half-rgt h4 {font-size: 12px; line-height: 15px; margin-bottom: 8px;}
.prd-lnk p a{font-size: 12px; line-height: 15px; letter-spacing: 0;}
.products-main .products-list ul li.half-width .prd-lnk p a {font-size: 12px;line-height: 15px;}
.products-main .products-list ul li .prod-cnt {padding: 10px 50px 10px 0;}
.rgt-top {max-width: 50px;}
.products-main {padding: 0 15px;}

.products-main.page2 {padding: 20px 15px 0 15px;}
.products-main.page2 h2 {font-size: 20px; line-height: 24px; text-align: center;}
.products-main.page2 .products-list ul {column-gap: 2%;}
.products-main.page2 .products-list ul li {flex: 0 1 49%;}
.header-revol.full-width .row1 {padding: 0 15px;}
.foot-revol.foot-full-width .row1 {padding: 0 15px;}
.menu-rht.menu-rht-new.pge {display: block;}
.header-revol.full-width .m-menu {display: none;}
.foot-revol.foot-full-width .foot-rht {width: 100%;text-align: center;}
.foot-revol.foot-full-width .foot-rht ul li{margin-right: 10px;}
.foot-revol.foot-full-width .foot-rht ul li ul.c-link li::after {right: -8px;}
.rgt-top span {font-size: 13px;line-height: 14px;}
.prd-lnk p {padding-right: 5px;margin-right: 5px;}
.header-revol.full-width.new-logo .logo img {opacity: 1;}
.products-main .products-list { padding-top: 15px;}
.menu-rht.menu-rht-new.pge { right: 15px;}
.products-main.page2 .products-list {padding-top: 0;}
.header-revol.full-width.new-logo .logo{padding-top: 0;}
.is-sticky .header-revol.full-width.new-logo .logo{padding-top: 0;}
.header-revol.full-width.new-logo {padding-bottom: 10px;}
/*page3*/
.horari-sec {padding: 45px 0;}
.horari-inner {padding: 0;}
.instagram-list ul{row-gap: 15px;}
.instagram-list ul li {flex: 0 1 32%;overflow: hidden;}
.instagram-list {padding: 0 0 10px 0;}
.foot-new-inner {padding: 0px;}
.foot-revol.foot-new ul li h3 {font-size: 16px; line-height: 24px;}
.horari-sec ul li h3 {font-size: 18px;line-height: 25px;}
.horari-sec ul li p {font-size: 14px; line-height: 22px;}
.foot-revol.foot-new ul {row-gap: 20px; column-gap: 2.5%;}
.foot-revol.foot-new ul li {flex: 0 1 48%;}
.foot-revol.foot-new ul li ul {row-gap: 0;}
.foot-revol.foot-new {padding: 20px 0;}
.foot-logo {padding: 20px 0 20px 0;}
.foot-revol.foot-new ul li a {font-size: 14px; line-height: 22px;}
.foot-revol.foot-new ul li p {font-size: 14px; line-height: 20px;}
.line-lft a{font-size: 16px;}
.header-revol.roca.reservar .m-menu {display: none;}
header.header-revol.roca.reservar {padding: 20px 0;}
.reservar-rgt p, .reservar-rgt p a{font-size: 14px; line-height: 20px;}
.reservar-lang ul li a{font-size: 14px; line-height: 20px;}
.logo.reservar{position: relative; top: 0;}
header.header-revol.roca.reservar {background: transparent; border-bottom: none;}
.header-revol.roca.reservar .logo.reservar img {width: 125px;}
.can-roca.reservar {padding-top: 130px;}
.can-roca.reservar .can-roca-logo h2 {font-size: 36px; line-height: 36px;}
.can-roca.reservar .can-roca-logo p {font-size: 16px; line-height: 25px;}
.can-roca.reservar .can-roca-logo p:last-child{margin-bottom: 0;}
}

/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {
	
	

.origens-gallery ul.origens-th li:first-child{width:100%; margin-right:0;}
.origens-gallery ul.origens-th li:nth-child(3){width: 60.8%;}
.origens-gallery ul.origens-th li:nth-child(2){width:39%;}

.origen-lft h1{margin-bottom:30px;}
ul.pract-but li a{font-size:16px;}
.timeline-yr{position:static; float:left; text-align:center; width:100%;}
.timeline-yr img{float:none; margin:0 auto; width:200px;}
.hsty-lft{float:left; width:100%;}
.hsty-rgt.hstry-rgt-cont{width:100%;}
.hsty-rgt img{float:none; margin:0 auto;}
.hsty-rgt{width:100%; min-height:inherit; padding-bottom:20px; border-bottom:1px solid #c9975c; text-align:center;}
.histry-white-bg{padding-top:20px;}
.hsty-rgt.no-bord{border:none;}
.histry-white-bg h2{text-align:center; font-size:18px;}
.hsty-lft p{text-align:center; margin-bottom:15px;}
.histry-section{padding-bottom:20px;}
.histry-block.histry-white-bg.fir-line{margin-top:5px;}
.origen-lft.origens-title.full-width{width:100%;}

.informacio-cnt-right{float:none; width:55%; margin:0 auto; }
.informacio-cnt-left .inner-entitats{padding:0 0px;}
.entitats h2{padding-bottom:10px;}
.info-contact img{width:220px;}
.inf-horari{margin:25px 0;}
.info-contact p{padding-top:100px;}
.gracies-cnt{padding:15px;}
.info-actualment h3{font-size:22px;}

/* Social css */
.insta-tag span { margin:15px 25px 0 0;}
/* entitats */
.inner-entitats { padding: 0;}
.contact-form ul li:last-child { margin-top: 0px;}
.gracies { margin-bottom:0;}

.una-lft, .una-rht { width:100%;}
.volutpat h3 {padding-left: 15px;}
.volutpat ul {padding-left: 30px;}
.origen-rgt.origen-rht { width: 70%;}
.origen-lft-cnt.restare h2 { font-size: 22px; line-height: 32px;}
.origen-lft h1 { font-size: 23px; line-height: 28px;}
.user-round-img { text-align:center;}
.grey-bg ul li { width: 70%;margin-bottom: 2%; margin-right:0; float:none; display:inline-block;}
.faci-pad { margin-top:0;}
.faci-inner { margin-left:0;}
.faci-inner {margin-bottom: 20px; width:100%;}
.grey-bg {padding: 50px 0 30px;}
.creatives p { padding:0;}
.entitats {  margin-top: 15px;}
.slider.slider-r.la-sala {margin-top: -50px;}
.orig-title { bottom: 50px;}
.entitats.origen .origen-lft-cnt.sala-la { padding:0 0 20px;}
.una-content .una-rht p { width:100%;}

#home.nav.slick-slider .slick-slide { padding: 10px 0;}
.round-img { width: 50%; margin-left: 0%; display: none;}
/* #home.nav { width: calc(100% - 50%);} */
#home.nav { width:100%;}
#home.nav .slick-slide.slick-current.slick-active { font-size: 24px; line-height: 28px;}
#home.nav .slick-slide { font-size: 18px;}
.btm-pad.hom-btm-mnu, .home-social-btm { display: none;}
/* #home.nav .slick-list { height: 340px !important;} */
.slider.slider-r { width: 100%;}
.pagingInfo { right: 3.5%;}
.contact-form input[type="submit"] {height: 50px;padding: 0 45px;}
.inf-horari { margin: 15px 0 0;}
.slider.slider-r .slick-slide { background-size: cover;}
.entitats.origen .origen-lft-cnt.sala-la { margin: 40px 0 0;}
.origen-lft h1 { margin-bottom: 20px;}
.contact-form.reserva ul li.veure { margin-bottom: 20px; margin-top: 20px;}
.entitats.taula-bg{padding-bottom:15px;}
.contact-form.reserva ul li.tell .hora input[type="text"] { width: 100%;}
.origen-lft-cnt.no-pad {margin-bottom: 20px;}
footer {  margin-top: 15px;}
.entitats .social-title h2 { font-size: 16px; padding-bottom:0; line-height: 22px;}
.twt-cont-main h2 { font-size: 16px; line-height: 22px; padding-bottom:0; }


/* new page css */
footer.foot-revol .foot-lft {width: 100%;text-align: center;}
footer.foot-revol .foot-rht {width: 100%;text-align: center;}
footer.foot-revol .foot-rht ul li {float: none;}

.close-up-lft {width:100%;}
.close-up-rgt {width:100%;padding-top:25px;padding-left:0px;}

.localitz-sec ul li .localitz-cnt { position: relative; left: 0px;bottom:0px; width: 100%;float: left; background: #fff;}
.localitz-sec ul li .localitz-cnt p {font-size: 18px;line-height: 26px;}
/*page-3*/
.instagram-list ul{row-gap: 8px;}
.instagram-list ul li {flex: 0 1 49%;overflow: hidden;}
.horari-sec ul li h3 {font-size: 16px;line-height: 25px;}
/*.reservar-sec {flex-wrap: wrap;}*/
.reservar-lang {width: 100%; margin-bottom: 8px;}
.logo.reservar {width: 100%; margin-bottom: 8px;}
.reservar-rgt {width: 100%; display: flex; justify-content: center;}
.reservar-lang ul li a{font-size: 12px; line-height: 22px;}
.reservar-rgt p, .reservar-rgt p a{font-size: 12px; line-height: 22px;}
.reservar-lang ul{width: 100%; justify-content: center;}
.is-sticky .reservar-lang{display: none;}
.is-sticky .reservar-rgt{display: none;}
.is-sticky .logo.reservar{ margin-bottom:0;}
.can-roca.reservar {padding-top: 185px;}

.logo.reservar{ position:absolute; top:50px; }
.reservar-lang{ width: 42%;margin-bottom:0; }
.reservar-rgt{ width: 48%; }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {
.origen-lft ul li a{font-size:12px;}
.origen-lft ul li{margin-right:10px;}
.origen-lft h3{padding-left:0; font-size:10px;}	
.origen-lft h1{font-size:23px; line-height:28px;}
.origen-lft-cnt{padding:20px 10px 30px 20px;}
.origens-gallery ul.origens-th li, .origens-gallery ul.origens-fi li{margin-right:0;}
/*.origens-gallery ul.origens-th li:nth-child(3), .origens-gallery ul.origens-fi li:nth-child(2){width: 100%;}
.origens-gallery ul.origens-th li:nth-child(2), .origens-gallery ul.origens-fi li:nth-child(3){width:100%;}*/
.origens-gallery ul li .origen-ga-cnt p{font-size:13px; line-height:15px;}
.origens-gallery ul li .origen-ga-cnt{width:240px; padding:8px; bottom:5px;}
.origens-gallery ul li .origen-ga-cnt h2{font-size:14px; line-height:14px; }

ul.pract-but li{margin-right:0; width:100%; margin-bottom:15px;}
.origens-gallery.practiques ul.origens-tw li:first-child, .origens-gallery.practiques ul.origens-tw li:nth-child(2){width:100%; margin-right:0; margin-bottom:1px;}
.origens-gallery.practiques ul.origens-th li:first-child, .origens-gallery.practiques ul.origens-th li:nth-child(2), .origens-gallery.practiques ul.origens-th li:nth-child(3){width:100%; margin-right:0; margin-bottom:1px;}
.diam-pad{margin-top:0px;}
.entitats .origen-lft.origens-title .left-top{top:65px;}
.origen-lft.origens-title{width:100%;}
ul.pract-but li a{padding:20px 0;}
.diam-pad .origen-lft h1{margin-bottom:5px;}
.origen-lft-cnt.no-pad h1 { margin-bottom: 15px;}
.origen-lft-cnt{ padding:0 0 20px; margin-top:15px;}
.origen-lft-cnt p{margin-bottom:0;}
.foot-lft{width:100%; margin-bottom:5px; text-align:center;}
.foot-lft img{width:60%; margin:0 auto; float:none;}
.foot-rht{width:100%; text-align:center;}
.foot-rht ul li{float:none;}
.informacio-cnt-right{width:100%;}
.info-contact img{width:220px;}
.inf-horari span{font-size:14px; line-height:15px;}
.info-contact p{padding-top:75px;}
.inf-horari ul li{width:30.5%; min-height:90px;}
.inf-horari p{font-size:13px;}
ul.btm-link li a{font-size:16px; padding:15px 5px;}
ul.btm-link li.btm-link-right a{padding:15px; padding-left:0;}
ul.btm-link li{width:55%;}
ul.btm-link li:last-child{width:43%; margin-left:2%;}
.gracies-cnt ul.btm-link li:last-child{ margin-left:0;}
ul.btm-link li a{text-align:center; padding:15px 0; width:100%;}
.entitats h2{font-size:26px; line-height:32px;}
.contact-form.reserva #telefon.hora label{width:100%;}
.contact-form.reserva #telefon .sbHolder{width:100%;}
.contact-form.reserva label{width:100%; margin-bottom:5px;}
.frm-input-ctrl.date{width:100%;}
.jquery-select-step{width:100%;}
.jquery-select-step-element{width:100%;}
.inner-entitats{padding:0;}
.contact-form ul li{margin-bottom:15px;}
.contact-form{margin-top:25px;}
.frm-input-ctrl.date.credit{width:260px;}
.contact-form.reserva ul li.veure{margin-top:5px;}
.contact-form ul li:last-child{margin-top:30px;}
.contact-form.reserva ul li.check-1{margin-top:8px;}
.btn-rightbg.esp input[type="submit"]{padding-left:0;}
.btn-rightbg{width:45%; float:left; margin-right:5%;}
.btn-rightbg.esp{width:48%; margin-right:0;}
.frm-input-ctrl.date.credit{width:100%;}
.entitats.taula-bg{padding-bottom:15px;}
.gracies-nom li span, .gracies-cognom li span{width:100%; margin-top:10px;}
.gracies-cnt ul{margin-bottom:10px;}
.gracies-cnt ul.btm-link li{margin-bottom:0;}


/* entitats */
.inner-entitats { padding: 0;}
.gracies {padding: 30px 25px 35px;}
.left-top.la-sala { margin-top: 20px; top: 0;}

.origen-rgt.origen-rht { width: 100%;}
.origen-lft h1 {  font-size: 20px; line-height: 24px; margin-bottom:15px;}

.origen-rgt.origen-rht img.germans-img {  width: 70%;}
.origen-rgt.origen-rht { padding:130px 4% 8%;}
.user-rht, .user-rht.txt-lft { padding:6% 3% 6%;}
.faci-inner {margin-left:0; width:100%;}
.faci-pad h1 { font-size: 22px; line-height: 30px; margin-bottom: 20px;}
.creatives p { padding:0;}
.faci-pad.mar-top { margin-top:0;}
.user-round-img { text-align:center;}
.grey-bg ul li { width: 70%;margin-bottom: 2%; margin-right:0; float:none; display:inline-block;}
.grey-bg {   padding: 50px 0 60px;}

.entitats .social-title h2 { font-size: 16px; padding-bottom:0; line-height: 22px;}
.twt-cont-main h2 { font-size: 16px; line-height: 22px; padding-bottom:0; }

.una-content h1 {font-size: 34px; line-height: 38px; margin-bottom: 20px;}
.una-lft, .una-rht { margin-right: 0;}
.orig-title h2 {font-size: 18px; line-height: 22px;margin-bottom: 5px;}
.orig-title p {font-size: 16px;}
.volutpat h3 {  margin-bottom: 30px;}
.volutpat ul li {font-size: 20px;line-height: 26px;}
.una-content p.es {font-size: 20px; line-height: 30px; margin: 25px 0;}
.volutpat { margin-bottom: 40px;}
.la-equip h3 { padding-left: 20px;}
.la-equip { margin: 25px 0;}
.una-content { padding: 40px 20px 20px;}
.entitats { margin-top: 20px;}
.orig-title { left:25px;}
.contact-form ul li:last-child { margin-top: 15px;}
.entitats.origen .origen-lft-cnt.sala-la { margin: 35px 0 0;}
/* menu css */
.btm-pad.btm-sect .social-link { width: 100%; text-align: center;}
.btm-pad.btm-sect .social-link ul li { float: none; display: inline-block;}
.btm-pad.btm-sect .privacy-link { width: 100%; text-align: center; margin-top: 10px;}
.btm-pad.btm-sect .privacy-link ul li { float: none; display: inline-block;}
.pagingInfo { margin-top: -8px; right: 22px;} 
#home.nav .slick-slide.slick-current.slick-active a { padding-right: 60px;}
.volutpat { margin-bottom: 20px;}


/* new page  */
.header-revol .logo a.tornar-back {margin-left: 30px;}


.rocam-cont h1 {font-size:28px;line-height:32px;}

.can-roca-logo h2{ font-size:28px; line-height:32px; }

.storyboard-sec h1 {font-size:24px;line-height:26px;}

.close-up-rgt h2 {font-size:28px; line-height: 32px;}

/*page1*/
.products-main .products-list ul li {flex: 0 1 100%;}
.products-main .products-list ul {row-gap: 20px;}
.products-main .products-list ul li.half-width {width: 100%;padding-right: 0px;}
.products-main.page2 h2 {font-size: 18px;line-height: 22px;}
.products-main.page2 .products-list ul li {flex: 0 1 100%;}
.menu-rht.menu-rht-new.pge {display: block; width: 100%;text-align: center;}
.menu-rht.menu-rht-new .pge-lang{width: 100%; float: left;}
.menu-rht.menu-rht-new .pge-lang ul {width: 100%;float: left;text-align: center; justify-content: center;}
.menu-rht.menu-rht-new .pge-lang.link ul li {flex: 0 1 100%;line-height: 22px;}
.header-revol.full-width .logo {width: 100%;justify-content: center;}
.is-sticky .menu-rht.menu-rht-new .pge-lang { display: none;}
.menu-rht.menu-rht-new .pge-lang {margin-top: 5px;}
.menu-rht.menu-rht-new.pge {position: relative;right: 0;}

.foot-revol.foot-new ul {row-gap: 15px;column-gap: 0;text-align: center;}
.horari-lft {width: 100%;float: left;margin: 0 0 20px 0; height: inherit !important;}
.horari-rgt {width: 100%;float: left;}
.foot-revol.foot-new ul li {flex: 0 1 100%;}
}