@import url('font-awesome-dos.css') ;
a, h1, h5 {
color : #252525;
}
.section-title, h2 {
padding-bottom : 10px;
}
.social-icon li, ul.acorh, ul.acorh li, ul.acorh li ul {
list-style : none;
}
body {
background : #fff;
font-family : Montserrat, sans-serif;
overflow-x : hidden;
}
h1, h2, h3, h4, h5, h6 {
font-weight : 700;
line-height : inherit;
}
.section-btn, p {
font-weight : 400;
}
h1, h5 {
font-size : 2.5em;
line-height : 50px;
}
h2 {
color : #353535;
font-size : 2em;
}
h3 {
font-size : 1.5em;
margin-bottom : 0;
}
h3, h3 a {
color : #454545;
}
p {
color : #757575;
font-size : 18px; /* font-size : 14px;  */
line-height : 24px;
}
a {
transition : 0.5s;
text-decoration : none !important ;
}
.fb-btn, .social-icon li a, ul.acorh li a {
text-decoration : none;
}
a:active, a:focus, a:hover {
color : #ce3232;
outline : 0;
}
::-webkit-scrollbar {
width : 8px;
height : 8px;
}
.about-image img, .overlay, .preloader, .team-thumb img {
width : 100%;
}
::-webkit-scrollbar-thumb {
cursor : pointer;
background : #000;
}
.section-title h2 {
margin : 0;
}
.section-title h4 {
color : #bfbdbd;
font-size : 10px;
letter-spacing : 1px;
text-transform : uppercase;
margin-top : 0;
}
.overlay {
background : rgb(0 0 0 / 0.5);
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
height : 100%;
}
section {
position : relative;
padding : 100px 0;
}
#menu, #team, #testimonial {
text-align : center;
}
#google-map iframe {
border : 0;
width : 100%;
height : 390px;
}
.section-btn {
background : #ce3232;
border-radius : 0;
border : 0;
color : #f9f9f9;
font-size : inherit;
padding : 10px 25px;
transition : 0.5s 0.2s;
}
.preloader, .top-nav-collapse {
background : #fff;
}
.preloader {
position : fixed;
top : 0;
left : 0;
height : 100%;
z-index : 99999;
display : flex;
flex-flow : row nowrap;
justify-content : center;
align-items : center;
}
.spinner {
border : transparent solid 1px;
border-radius : 3px;
position : relative;
}
.about-image, .slider .owl-dots, .spinner:before {
position : absolute;
}
.spinner:before {
content : '';
box-sizing : border-box;
top : 50%;
left : 50%;
width : 45px;
height : 45px;
margin-top : -10px;
margin-left : -10px;
border-radius : 50%;
border : green double 30px;
border-top-color : #C00;
animation : spinner 0.8s linear infinite;
}
@keyframes spinner {
to {
transform : rotate(360deg);
}
}
.custom-navbar {
border : none;
margin-bottom : 0;
padding : 25px 0;
}
.custom-navbar .navbar-brand {
color : #fff;
font-size : 18px;
font-weight : 700;
}
.custom-navbar .navbar-brand span {
color : #ce3232;
}
.custom-navbar .navbar-nav.navbar-nav-first {
margin-left : 8em;
}
.custom-navbar .navbar-nav.navbar-right li a {
padding-right : 12px;
padding-left : 12px;
}
.custom-navbar .navbar-nav.navbar-right .section-btn {
display : inline-block;
margin : 0.2em 0 0 1em;
}
.custom-navbar .navbar-nav.navbar-right .section-btn:hover {
background : #292929;
color : #fff;
}
.custom-navbar .navbar-nav.navbar-right .section-btn:focus {
color : #fff;
}
.custom-navbar .navbar-nav.navbar-right .section-btn a {
padding : 10px 25px;
}
.custom-navbar .nav .section-btn a:hover {
color : #fff;
}
.custom-navbar .nav li a {
font-size : 12px;
font-weight : 700;
color : #fff;
padding-right : 22px;
padding-left : 22px;
text-transform : uppercase;
}
.custom-navbar .nav li a:hover {
background : 0 0;
color : #ce3232;
}
.custom-navbar .navbar-nav > li > a:focus, .custom-navbar .navbar-nav > li > a:hover {
background-color : transparent;
}
.custom-navbar .nav li.active > a {
background-color : transparent;
color : #ce3232;
}
.custom-navbar .navbar-toggle {
border : none;
padding-top : 10px;
background-color : transparent;
}
.custom-navbar .navbar-toggle .icon-bar {
background : #252525;
border-color : transparent;
}
@media (min-width:768px) {
.custom-navbar {
border-bottom : 0;
background : 0 0;
}
.custom-navbar.top-nav-collapse {
background : #fff;
box-shadow : 0 1px 30px rgb(0 0 0 / 0.1);
padding : 12px 0;
}
.top-nav-collapse .navbar-brand {
color : #454545;
}
.top-nav-collapse .nav li a {
color : #575757;
}
.top-nav-collapse .nav .section-btn a {
color : #fff;
}
}
#home {
padding : 0;
}
#home h1, h5 {
color : #fff;
padding-bottom : 30px;
}
#home h3 {
color : #f9f9f9;
font-size : 14px;
line-height : inherit;
letter-spacing : 2px;
text-transform : uppercase;
margin : 0;
}
.fb-btn, .menu-thumb .menu-info p, .team-info p {
/* text-transform : uppercase; */
letter-spacing : 1px;
}
@media (min-width:768px) {
.slider .col-md-8 {
padding-left : 0;
}
}
.slider .owl-dots {
top : 50%;
right : 2em;
justify-content : center;
}
.owl-theme .owl-dots .owl-dot {
display : block;
}
.owl-theme .owl-dots .owl-dot span {
width : 12px;
height : 12px;
margin : 7px 10px;
border : #d9d9d9 solid 2px;
background : 0 0;
display : block;
transition : opacity 0.2s ease;
border-radius : 30px;
}
.slider .item, .slider .item2 {
background-position : inherit;
background-repeat : no-repeat;
background-attachment : local;
background-size : cover;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background-color : #fff;
border-color : transparent;
}
.slider .caption {
display : flex;
justify-content : center;
flex-direction : column;
text-align : left;
background-color : rgb(20 20 20 / 0.2);
height : 100%;
color : #fff;
cursor : e-resize;
padding : 4em 0 0 2em;
}
#menu .menu-thumb, .team-thumb {
cursor : pointer;
overflow : hidden;
}
.slider .item {
height : 650px;
}
.slider .item2 {
height : 480px;
}
.slider .item-first {
background-image : url("../images/slider-image1.jpg");
}
.slider .item-second {
background-image : url("../images/slider-image2.jpg");
}
.slider .item-third {
background-image : url("../images/slider-image3.jpg");
}
.slider .item-arcon1 {
background-image : url("../images/slider-arcon1.jpg");
}
.slider .item-arcon2 {
background-image : url("../images/slider-arcon2.jpg");
}
.slider .item-arcon3 {
background-image : url("../images/slider-arcon3.jpg");
}
.slider .item-despensa1 {
background-image : url("../images/slider-despensa1.jpg");
}
.slider .item-despensa2 {
background-image : url("../images/slider-despensa2.jpg");
}
.slider .item-despensa3 {
background-image : url("../images/slider-despensa3.jpg");
}
.slider .item-second .section-btn {
background : #292929;
}
.slider .item-second .section-btn:hover {
background : #fff;
}
.slider .item-third .section-btn {
background : 0 0;
border : #fff solid 1px;
}
.slider .item-third .section-btn:focus, .slider .item-third .section-btn:hover {
background : #ce3232;
border-color : transparent;
color : #fff;
}
#about {
padding-bottom : 0;
}
.about-info {
padding : 0 6em 5em 0;
}
.about-info .section-title {
padding-bottom : 20px;
}
#team {
background : #f9f9f9;
text-align : left;
}
.team-thumb {
position : relative;
}
.team-info {
padding : 10px 30px 20px;
}
#menu, #meseros, #music {
padding-bottom : 0;
}
.team-thumb .team-hover {
position : absolute;
background : #1c1c1c;
width : 100%;
height : 100%;
top : 0;
right : 0;
bottom : 0;
left : 0;
text-align : center;
opacity : 0;
transform : translateY(100%);
transition : 0.5s 0.2s;
}
.team-thumb:hover .team-hover {
opacity : 0.95;
transition-delay : 0.3s;
transform : translateY(0);
}
.team-thumb img {
transition : 0.5s 0.2s;
}
.team-thumb:hover img {
transform : scale(1.2);
}
.team-thumb .social-icon li a {
background : #292929;
border-radius : 100%;
width : 50px;
height : 50px;
line-height : 50px;
color : #d9d9d9;
font-size : 20px;
margin : 15px 5px 0;
}
#menu .container, #meseros .container, #music .container {
width : 100%;
}
.team-thumb .team-item {
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
}
.team-item h4 {
color : #fff;
}
.team-info p {
color : #bfbdbd;
font-size : 12px;
font-weight : 700;
margin-top : 5px;
}
#menu .col-md-4, #meseros .col-md-4, #music .col-md-4 {
margin : 0;
padding : 0;
}
.menu-thumb img {
width : 100%;
transition : 0.5s;
padding : 15px;
}
.menu-thumb:hover img {
transform : scale(1.15);
}
#menu .menu-thumb {
position : relative;
width : 102%;
}
.menu-thumb .menu-info {
position : absolute;
top : 60%;
left : 0;
right : 0;
bottom : 0;
text-align : left;
padding : 25px 30px;
transition : 0.5s 0.2s;
}
.menu-info .menu-item {
float : left;
}
.menu-info .menu-price {
float : right;
}
.menu-info .menu-price span {
font-size : 20px;
font-weight : 700;
line-height : normal;
display : block;
margin-top : 10px;
}
.menu-thumb .menu-info h3, .menu-thumb .menu-info p, .menu-thumb .menu-info span {
transform : translateY(100%);
opacity : 0;
display : block;
transition : 0.5s 0.2s;
color : #fff;
z-index : 2;
position : relative;
}
.menu-thumb .menu-info h3 {
margin-top : 0;
}
.menu-thumb .menu-info p {
color : #d9d9d9;
font-size : 10px;
font-weight : 700;
}
.menu-thumb:hover .menu-info h3, .menu-thumb:hover .menu-info p, .menu-thumb:hover .menu-info span {
transform : translateY(0);
opacity : 1;
}
.menu-thumb:hover .menu-info {
background : rgb(0 0 0 / 0.8);
}
#testimonial {
background : url("../images/testimonial-bg.jpg") center center no-repeat;
background-size : cover;
}
#testimonial .owl-dots {
position : relative;
top : 0;
right : 0;
justify-content : center;
}
#testimonial .owl-theme .owl-dots .owl-dot, #testimonial .owl-theme .owl-dots .owl-dot span {
display : inline-block;
}
#testimonial .owl-theme .owl-dots .owl-dot span {
margin : 20px 5px;
}
.footer-info, .tst-author, footer .social-icon {
margin-top : 20px;
}
#testimonial h2 {
color : #fff;
}
#testimonial p, .tst-author h4, .tst-author span {
display : inline;
}
#testimonial p {
color : #d9d9d9;
font-size : 20px;
line-height : 35px;
}
.tst-author h4, .tst-author span {
color : #b2b2b2;
}
.tst-author span {
margin-left : 5px;
}
#contact .section-title {
padding-bottom : 0;
}
#contact .text-danger, #contact .text-success {
display : none;
}
#contact .form-control {
background : 0 0;
border : 0;
border-bottom : 1px solid #ddd;
border-radius : 0;
box-shadow : none;
font-size : 14px;
font-weight : 400;
margin-bottom : 15px;
transition : all 0.4s ease-in-out;
}
#contact .form-control:focus, #contact .form-control:hover {
border-bottom-color : #c9c9c9;
}
#contact input {
height : 55px;
}
#contact button#cf-submit {
background : #ce3232;
border-radius : 0;
border : 0;
color : #fff;
font-weight : 700;
height : 50px;
}
#contact button#cf-submit:hover {
background : #292929;
color : #fff;
}
footer {
border-top : 1px solid rgb(0 0 0 / 0.05);
padding : 120px 0 80px;
}
footer .section-title {
padding-bottom : 10px;
}
footer h2 {
font-size : 20px;
}
footer a, footer p {
color : #909090;
}
footer strong {
color : #d9d9d9;
}
footer address p {
margin-bottom : 0;
}
.footer-open-hour {
background : url("../images/footer-open-hour-bg.jpg") center center no-repeat;
background-size : cover;
border-radius : 20px;
margin-top : 0;
padding : 40px 0 40px 80px;
overflow : hidden;
position : relative;
z-index : 22;
right : 20px;
bottom : 20px;
}
.footer-open-hour::after {
background : rgb(29 29 29 / 0.85);
content : "";
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
width : 100%;
height : 100%;
z-index : -2222;
}
.footer-open-hour h2 {
color : #fff;
}
.footer-open-hour p {
color : #d9d9d9;
}
.footer-open-hour strong {
color : #f9f9f9;
}
.social-icon {
position : relative;
padding : 0;
margin : 0;
}
.social-icon li {
display : inline-block;
margin-bottom : 5px;
}
.social-icon li a {
border-radius : 100px;
color : #ce3232;
font-size : 15px;
width : 35px;
height : 35px;
line-height : 35px;
text-align : center;
transition : all 0.4s ease-in-out;
position : relative;
}
.social-icon li a:hover {
background : #ce3232;
color : #fff;
}
@media screen and (max-width:1170px) {
.custom-navbar .navbar-nav.navbar-nav-first {
margin-left : inherit;
}
}
@media only screen and (max-width:1200px) {
.about-info {
padding-right : 0;
}
.about-image {
position : relative;
}
}

@media only screen and (max-width:992px) {
#google-map, .footer-info, .team-info {
margin-bottom : 50px;
}
section {
padding : 60px 0;
}
.custom-navbar .section-btn {
margin-left : 1em;
}
.slider .item {
background-position : center;
}
.about-info {
padding:20px;
}
#menu .menu-thumb {
width : 103%;
}
#testimonial {
background-position : 50% 0 !important ;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.custom-navbar .nav li a {
padding-right : 10px;
padding-left : 10px;
}
}
@media only screen and (max-width:767px) {
h1 {
font-size : 2.5em;
}
h1, h2, h3 {
line-height : normal;
}
.custom-navbar {
background : #fff;
box-shadow : 0 1px 30px rgb(0 0 0 / 0.1);
padding : 10px 0;
text-align : center;
}
.custom-navbar .nav li a {
line-height : normal;
padding : 10px;
}
.custom-navbar .navbar-brand, .top-nav-collapse .navbar-brand {
color : #252525;
font-weight : 600;
}
.custom-navbar .nav li a, .top-nav-collapse .nav li a {
color : #575757;
}
.custom-navbar .navbar-nav.navbar-right li {
display : inline-block;
}
.custom-navbar .navbar-nav.navbar-right .section-btn {
display : block !important ;
width : 50%;
margin : 10px auto;
padding : 10px;
}
.custom-navbar .section-btn a {
color : #fff !important ;
}
.slider .caption {
padding : 0;
}
.menu-thumb .menu-info {
top : 80%;
}
footer {
padding : 60px 0;
}
.footer-open-hour {
right : 0;
bottom : 0;
margin-top : 30px;
}
}
@media only screen and (max-width:580px) {
h1 {
font-size : 2.1em;
}
h2 {
font-size : 1.8em;
}
.menu-thumb .menu-info {
top : 60%;
}
}

.fb-btn {
display : inline-block;
background-color:#66FFCC;
border : red solid 4px;
padding : 40px 30px;        /*  padding : 8px 15px;   */
font-size : 18px;
text-align:center;
color : #fff;
transition : all 0.5s;
}
.fb-btn a:hover {
color : #232323;
background-color : #fff;
}


.fb-btn2 {
display : inline-block;
background-color:#FFCC00;
border : lime solid 4px;
padding : 40px 30px;        /*  padding : 8px 15px;   */
font-size : 18px;
text-align:center;
color : #fff;
transition : all 0.5s;
}
.fb-btn2 a:hover {
color : #232323;
background-color : #fff;
}

.altogrupo {
left : 0;
top : 0;
height : 250px;
}

ul.acorh, ul.acorh * {
margin : 0;
padding : 0;
border : 0;
}
ul.acorh {
margin : 10px auto;
padding : 0;
width : 1%;
font-size : 2px;
}
ul.acorh li a {
display : block;
padding : 10px 10px 10px 20px;
background : inherit;
color : inherit;
box-sizing : border-box;
}
ul.acorh li ul {
max-height : 0;
margin : 0;
padding : 0;
overflow : hidden;
transition : all 0.3s ease-in;
}
ul.acorh li li a {
padding : 10px 10px 10px 40px;
background : #999;
color : #000;
font-size : 12px;
border : 0;
border-bottom : 1px solid #ccc;
box-sizing : border-box;
}
ul.acorc li li:last-child a {
border-bottom : 0;
}
ul.acorh li:target ul {
max-height : 2px;
transition : all 0.3s ease-in;
}
ul.acorh li a:hover {
background : inherit;
color : inherit;
}





@media only screen and (max-width:1200px) {
.altogrupo {
left : 0;
top : 0;
height : 450px;
}