.container {max-width:980px; min-width:360px;}

body {
text-align: center!important;
font-family: 'Montserrat', sans-serif;
overflow-x:hidden;
color:#4A4F4F;}

.row {margin: 0 auto;}

h4, h6 {font-family: 'Comfortaa', cursive;}


button:focus {
    outline: 1px solid!important;
    outline: 5px auto #745296!important;
}

/*============ FOOTER ================================*/
footer {
height: 60px;
background-color: #fff;
box-shadow: 4px 0px 8px 0 rgba(0, 0, 0, 0.2);}

footer a {
font-size: 28px;
color:#D5D5D5;}

footer a i {
margin:18px 8px 0;
float:right;
}

.redes i:hover {
transform: scale(1.4);
transition: 0.3s;}

.red-w:hover{color:#61D361;}

.red-f:hover{color:#173064;}

.red-i:hover{color:#A60067;}

footer p {
margin-top:25px;
float:left;
color:#D5D5D5;
font-size: 15px;}

.redes {
width:980px;
min-width:360px;
margin: 0 auto;}

.red {font-size:10px;
text-decoration: none;
margin-top: 27px;}

.red:hover{color:red;
text-decoration:none;
}

.red span {font-size:15px;}

.copy {color:#fff;}

/*============== HEADER + NAV ================================*/


header {
width: 100%!important;}

.logo {width:150px; 
 margin-left: 10%;}

.navbar-toggler { margin-right: 10%;}

nav a {font-weight: 400;}

nav {
width: 100%!important; 
position:fixed; 
z-index:99;
margin: 0 auto;
height:100px;
background-color:#fff;
box-shadow: 8px 0px 4px 0 rgba(0, 0, 0, 0.2);}



.navbar-nav{
text-transform: uppercase;
font-weight:600;
margin-right:10%;
padding-top: 47px;}

.navbar-nav a {color:#4A4F4F!important;} /*color-azul-marca*/

.navbar-nav a:hover {
color:#745296!important;
transition: 0.5s;
transform: translateY(-5px);
} /*color-gris-marca*/

.collapse {
background-color: #fff;
width:100%;}

#carouselExampleIndicators {margin-top:100px; transform: skewY(5deg);}

#carouselExampleIndicators ol li {height: 5px; width: 60px;}


/*============== LA EMPRESA - index ================================*/

section h1 {
font-family: 'Dancing Script', cursive;}

h1 {
color:#4A4F4F;
margin: 0px 0 20px;
padding-bottom:10px;
text-align:center;}

.sec-empresa p {
color:#4A4F4F;
text-align: justify-center;
margin: 20px 10px;
}
.sec-empresa{
margin:50px 0 20px;
float:left;}

.sec-empresa img,.serv img, .sec-agasajo img, .serv-menu1 img, .img-b{
padding:0; 
float:left;
border-radius: 15px;
margin: 0 auto;
}

.sec-agasajo h5{text-transform:uppercase;}

section img:hover, .serv-menu1 img:hover, .img-b:hover, .owl-carousel img:hover{
transition: 1.5s;
}






/*============== SERVICIOS - index ================================*/

.cont-serv {
margin:20px 0 0;}

.cont-serv a {color:#4A4F4F;}

.cont-eq {margin-bottom:44px;}

.cont-serv article, .cont-barra article, .cont-vaj article {
margin: 0 5px;}

.cont-serv .img-b {
margin-bottom:5px;}

.cont-serv h2, .cont-barra h2, .cont-vaj h2{
margin-bottom: 20px;
font-size: 27px;
text-transform:uppercase;}



.cont-serv h6 {
margin: 0 0 5px 0;
font-weight: 600;}

.serv {
display: inline-block;
padding: 10px;
vertical-align: top;}

.serv:hover{
transform: translateY(-10px);
transition: 0.5s;}

.serv p {
text-align: center;
font-size:12px;
margin:0;}

.serv img {
    margin-bottom: 14px;}

/*============== INTEGRAL ================================*/

.sec-integral,
.sec-agasajo,
.sec-contacto,
.sec-barra,
.sec-vaj {
margin:50px auto 0px;}

.sec-integral h1,
.sec-agasajo h1 {
margin-bottom:0;}

.sec-integral p, .sec-vaj p {
margin-bottom: 29px!important;}





.owl-dots {
display: inline-block;   
position: relative;
top: -26px;

}


.owl-next {
position: relative;
right: -120px;
}

.owl-prev{
position: relative;
left: -120px;
}

.owl-carousel {margin-bottom: 30px;}


.serv-of {
margin:31px auto 50px;
}

.serv-of h4{
margin-bottom:20px;
}


.serv-of p {font-size:12px;}

.icon{
font-size:70px;
color:#D5D5D5;
margin-bottom:20px;}

.serv-of article {
float:left;
margin-bottom:20px;
height: 200px;}

.serv-of article:hover, .listas:hover {
transform: translateY(-10px);
transition: 0.5s }




.constr {
background-color:#360568;
opacity:0.5;
height: 300px;
position:fixed;
top: 100px;
z-index:102;}

.constr h4 {
color: #fff;
font-size: 80px;
margin-top: 70px;}

/*============== + + SEC-AGASAJO + + ================================*/

.sec-agasajo {
margin-bottom:30px;}



.sec-agasajo h5 {
padding-bottom:5px;
margin:30px 0 0;}

.sec-agasajo
article p {
text-align:center;}

.sec-agasajo article div {display:inline-block; margin: 20px 5px 30px;}

.serv-menu1{
margin-bottom: 100px;}

.serv-menu1 article{
float:left;
margin-top: 20px;
padding:5px;}



.serv-menu1 h4 {
text-transform:uppercase;
margin: 4px 0 -1px;
padding-bottom: 5px;}

.serv-menu1 h5 {
margin: 0 0 10px;
font-size:18px;}

.menu2:hover {transform: scale(1.1);
transition: transform .0.3s;}

.menu:hover, .owl-carousel img:hover{
transform: scale(1.3);
transition: transform .0.3s;}

.owl-carousel .item {
overflow:hidden;
}



.img-b {
overflow:hidden;
float:left;} 

.owl-carousel .item {border-radius:15px;}
/*============== + + TRAGOS + + ================================*/

.tragos {
display:inline-block;
height:100px;}

.sec-barra {margin:50px auto 20px;}

.sec-barra h1{margin:0;}

.cont-barra {margin: 0 auto;}

.cont-barra h2 {
margin-bottom: 20px;
font-size: 25px;
text-transform:uppercase;}

.cont-barra h6 {
margin: 10px 0  0;
font-weight: 600;}

.cont-barra article i {
font-size:70px;
margin-bottom: 20px;
color: #d5d5d5;}

.barra article {margin: 0 5px 74px;}

/*============== + + BREAKS  Y VAJILLA + + ================================*/

.servm img {margin-bottom: 15px;}

.cont-vaj {margin-bottom: 50px;}

.lista {text-align: left; float:left;}

.listas h5 {
border-bottom: solid 1px #eaeaea;
margin-bottom: 20px;
padding-bottom:10px;
text-transform: uppercase;}

.listas h6 {
font-size: 12px;}
.lista2 {margin-bottom:100px!important;}














/*============== + + CONTACTO + + ================================*/

form {
margin: 0 auto 20px;
}

.sub {
color: #fff;
background-color: #745296;
border: #745296 solid 1px;
}
.rounded{
    margin-top: 20px !important;
}

.sub:hover {
transform: scale(1.2);
transition: transform 0.5s;
}

textarea {
height: 210px;}

.cont {
margin:0 0 20px;}

.cont-redes {
margin-bottom: 80px;}

.cont-redes h6 {
font-size:15px;
display:block;
color:#745296;
}

.cont-redes h6:hover {
color:#4A4F4F;
transition: 0.5s;
}




.form-control {color:#745296;}




/*============== + + CONFIRMA + + ================================*/
.cont-confirma {margin-top:150px;}


.logo-conf {
text-align:center!important;
margin:50px 0;
width: 200px;}

.h1-conf {font-family: 'Dancing Script', cursive; margin:0;}

/*============== + + MEDIAQUERIS + + ================================*/


@media screen and (max-width:575px) {

 #carouselExampleIndicators ol{ bottom: -11px;}
 #carouselExampleIndicators ol li{ height: 3px; width: 50px;}

 footer p {font-size: 12px;}

 section h1 {font-size:33px;}
 section p {font-size:14px;}
  

.constr h4 {font-size: 20px; margin-top: 50px;}
.constr {height: 100px; top: 300px;}
} 





@media screen and (min-width:991px) {
.collapse {background-color:transparent!important;}
}