
.font-oswald {
font-family: 'Oswald', sans-serif;
}


.cafe {
  color: #a09380 !important;
}

.cafe-obs {
  color: #726559 !important;
}

.padding-left-20 {
    padding-left: 20px;
}

.padding-left-35 {
    padding-left: 35px;
}

.padding-left-50 {
    padding-left: 50px;
}


@media (max-width: 768px) {    
  
.padding-left-20 {
    padding-left: -20px;
}

.padding-left-35 {
    padding-left: -35px;
}

.padding-left-50 {
    padding-left: -50px;
    
}
    
}
    
    
.font-12 {
    font-size: 12px;
}

.font-13 {
    font-size: 13px;
}

.font-14 {
    font-size: 14px;
}

.font-15 {
    font-size: 15px;
}

.font-16 {
    font-size: 16px;
}

.font-17 {
    font-size: 17px;
}

.font-18 {
    font-size: 18px;
}

.font-19 {
    font-size: 19px;
}

.font-20 {
    font-size: 20px;
}

.font-21 {
    font-size: 21px;
}

.font-22 {
    font-size: 22px;
}

.font-23 {
    font-size: 23px;
}

.font-30 {
    font-size: 30px;
}


@media (min-width: 300px) and (max-width: 1024px) {    
  
.navbar-icons,
.navbar-search {
  margin: 0px;
  padding: 0;
}


}




.fondo-desvana {

background: #bbbcbd;
background: -moz-linear-gradient(45deg, #bbbcbd 0%, #f6f6f6 53%, #ffffff 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, #bbbcbd), color-stop(53%, #f6f6f6), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(45deg, #bbbcbd 0%, #f6f6f6 53%, #ffffff 100%);
background: -o-linear-gradient(45deg, #bbbcbd 0%, #f6f6f6 53%, #ffffff 100%);
background: -ms-linear-gradient(45deg, #bbbcbd 0%, #f6f6f6 53%, #ffffff 100%);
background: linear-gradient(45deg, #bbbcbd 0%, #f6f6f6 53%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbcbd', endColorstr='#ffffff', GradientType=1 );
}


   
   

.raya-menu {
border-bottom: solid 4px #7080a6;
margin-top: 10px;
padding-bottom: 10px;
}


@media (max-width: 1024px) {  
    
.raya-menu {
border-bottom: none;

}
    
}

.margin-contacto-icon {
    margin-left: 17px;

}



.margin-slide {
  margin-top: 40px !important;
  margin-bottom: 80px !important;
}


@media (min-width: 300px) and (max-width: 1024px) {    
  
.margin-slide {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}


}



@media (min-width: 300px) and (max-width: 568px) {    
  
.awe-logo {
 
  margin-right: 15px;
    margin-top: 10px;
    width: 50%;
}

}

@media (min-width: 569px) and (max-width: 768px) { 
  
.awe-logo {
 
  margin-right: 15px;
    margin-top: 10px;
    width: 55%;
}

}



@media (min-width: 769px) and (max-width: 1024px) {   
.awe-logo {
 
  margin-right: 15px;
    margin-left: 30px;
    margin-top: 10px;
    width: 70%;
}

}

@media (min-width: 769px) and (max-width: 1024px) {  
    
.awemenu-mobile-default .awemenu-bars {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  display: inline-block;
  margin-top: 40px !important;
    margin-right: 20px;
    
}
    

}

@media (max-width: 768px) {  
    
.awemenu-mobile-default .awemenu-bars {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  display: inline-block;
  margin-top: 25px !important;
    margin-right: 0px;
    
}
    

}



@media (max-width: 1024px) {  
    
.footer-copyright .footer-nav {
    float: none;
    text-align: center;
  }
    
.footer-copyright .copyright {
    float: none;
    text-align: center;
  }
    
.footer .back-top {
  display: none;
}    
    
}




/*ARTISTAS BIO ISABEL*/

.lookbook .content-bio {
  z-index: 1;
  position: relative;
  
}

.lookbook .foto-bio {

    max-width: 620px;
  
}

@media (max-width: 768px) and (min-width: 667px) {
 
.lookbook .foto-bio {

    max-width: 720px;
  
}
}

@media (max-width: 1024px) and (min-width: 780px) {
 
.lookbook .foto-bio {

    max-width: 600px;
}
}

.lookbook .boton-right {

    text-align: right;
  
}

.lookbook .content-bio h3 {
 
    font-family: 'Slabo 27px', serif;
    color: #fff;
    font-size: 30px;
    line-height: 8px;
}


.lookbook .pie-titu-bio h3 {
 
    font-family: 'Slabo 13px', serif;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;

}


.lookbook .content-bio h5 {
 
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 8px;
}


.lookbook .content-bio:before, .lookbook .content-bio:after {
  content: " ";
  display: table;
}

.lookbook .content-body-bio {
   background: rgba(175, 163, 147, 0.9);
  position: relative;
  float: right;
  z-index: 10;
    padding: 25px;
}

.lookbook .heading-bio {
    float: left;
}

.lookbook .content-body-bio p {
  color: #fff;
  line-height: 23px;
  margin-bottom: 15px;
 font-family: 'Slabo 27px', serif;
    font-size: 17px;
}


@media (min-width: 992px) {

  .lookbook .content-bio {
    margin-left: 0px;
    margin-right: 0px;
      color: #fff;
  }
    

    
 .lookbook .content-body-bio {
    width: 50%;
    margin-top: -650px;
     padding-left: 80px;
     padding-right: 50px;
     padding-top: 50px;
     padding-bottom: 20px;
  }
}


@media (max-width: 767px) and (min-width: 480px) {
 
  .lookbook .content-body-bio {
    width: inherit;
/*    margin: -100px 50px 0;*/
    padding: 30px;
  }
  
}

/*ARTISTAS BIO ISABEL*/







/*ARTISTAS BIO MAITE*/

.lookbook .content-bio2 {
  z-index: 1;
  position: relative;
  
}

.lookbook .content-bio2 h3 {
 
    font-family: 'Slabo 27px', serif;
    color: #fff;
    font-size: 30px;
    line-height: 8px;
}




.lookbook .pie-titu-bio2 h3 {
 
    font-family: 'Slabo 13px', serif;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;

}


.lookbook .content-bio2 h5 {
 
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 8px;
}


.lookbook .content-bio2:before, .lookbook .content-bio2:after {
  content: " ";
  display: table;
}

.lookbook .content-body-bio2 {
   background: rgba(175, 163, 147, 0.9);
  position: relative;
  float: left;
  z-index: 10;
    padding: 25px;
}

.lookbook .heading-bio2 {
    float: right;
}


.lookbook .content-body-bio2 p {
  color: #fff;
  line-height: 23px;
  margin-bottom: 15px;
 font-family: 'Slabo 27px', serif;
    font-size: 17px;
}


@media (min-width: 992px) {

  .lookbook .content-bio2 {
    margin-left: 0px;
    margin-right: 0px;
      color: #fff;
  }
    

    
 .lookbook .content-body-bio2 {
    width: 50%;
    margin-top: -850px;
     padding-left: 50px;
     padding-right: 80px;
     padding-top: 50px;
     padding-bottom: 20px;
  }
}


@media (max-width: 767px) and (min-width: 480px) {
 
  .lookbook .content-body-bio2 {
    width: inherit;
/*    margin: -100px 50px 0;*/
    padding: 30px;
  }
    
  
    
}



@media (max-width: 375px) {
 
.lookbook .content-bio2 h3 {
 
    font-family: 'Slabo 27px', serif;
    color: #fff;
    font-size: 28px;
    line-height: 29px;
}   
    
.lookbook .boton-right {

    text-align: left;
  
}    
    
    
}

/*ARTISTAS BIO MAITE*/








/* The Modal*/



::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-button {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  background: #6f6455;
  border: 0px none #ffffff;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #d4cbbb;
}
::-webkit-scrollbar-thumb:active {
  background: #6f6455;
}
::-webkit-scrollbar-track {
/*  background: #fff;*/
background: transparent;    
  border: 20px none #ffffff;
  border-radius: 20px;
}
::-webkit-scrollbar-track:hover {
  background: #928471;
}
::-webkit-scrollbar-track:active {
  background: #d4cbbb;
}
::-webkit-scrollbar-corner {
  background: transparent;
}


.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 20000;  /*Sit on top */
    padding-top: 50px; /* Location of the box */
    padding-bottom: 50px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto;  /*Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(64,64,65,0.8); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #a09382;
    margin: auto;
    padding: 0;
    border: 1px solid #a09382;
    width: 90%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    color: #fff;    
}


div.scroll-modal {
    background: transparent;
    width: 100%;
    height: 370px;
    overflow-x: hidden;
    overflow-y: scroll;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: #a09382;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-right: 20px;
    margin-top: 20px;
    opacity: 0.9;
  filter: alpha(opacity=90);
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
      opacity: 0.5;
  filter: alpha(opacity=50);
}





.modal-txt {
 /* font: 14px/22px normal helvetica, sans-serif;*/
  margin-top: 30px;
  margin-bottom: 10px;
    color: #fff;
  
} 



.modal-body {margin:40px;}

@media only screen and (min-width: 320px) and (max-width: 667px) {

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 20000;  /*Sit on top */
    padding-top: 30px; /* Location of the box */
    padding-bottom: 30px;
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(255,255,255,0.8); /* Black w/ opacity */
}
    
    .modal-content {
    position: relative;
    background-color: #a09382;
    margin: auto;
    padding: 0;
    border: 1px solid #a09382;
    width: 90%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
        color: white;
}
    
div.scroll-modal {
    background: transparent;
    width: 100%;
    height: 240px;
/*    overflow: scroll;*/
    overflow-x: hidden;
    overflow-y: scroll;
}
    
.modal-body {margin:30px;}
    
.modal-txt {
  margin-top: 20px;
  margin-bottom: 10px;
    color: white;
  /*margin-left: 50px;*/

}  
    
.close {
    color: #a09382;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-right: 8px;
    margin-top: 12px;
}
    
}    


/* The Modal (background) */



.no-gutter-obra {
  margin-left: 4px;
  margin-right: 4px;
}

.no-gutter-obra > [class*='col-'] {
  padding-right: 4px;
  padding-left: 4px;
}


.pie-obra {
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 5px;
  text-align: left;
  background: transparent;    
  
}


/*heading text left*/	

.lms_title_left {
	width: 100%;
	float: left;
	text-align: left;
}
.lms_title_left p {
	color: #5b5b5b;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 70px;
}
.lms_title_left h2 {
	font-size: 34px;
}



.lms_heading_left {
	text-align: left;
	display: inline-block;
    color:#404041;
}
.lms_heading_left .lms_heading_title {
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px 0px 20px 0px;
/*	border-bottom: 1px solid #404041;*/
	position: relative;
}
.lms_heading_left .lms_heading_title:after {
	content: "";
	position: absolute;
	top: 100%;
	margin: -5px 0 0 0;
	left: 0;
	width: 60px;
	height: 2px;
	background: #404041;
}


.lms_heading_left_claro {
	text-align: left;
	display: inline-block;
    color:#78787a;
}
.lms_heading_left_claro .lms_heading_title_claro {
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px 0px 20px 0px;
/*	border-bottom: 1px solid #404041;*/
	position: relative;
}
.lms_heading_left_claro .lms_heading_title_claro:after {
	content: "";
	position: absolute;
	top: 100%;
	margin: -5px 0 0 0;
	left: 0;
	width: 60px;
	height: 2px;
	background: #78787a;
}







/*FLECHAS SLIDE PRODUCTOS-OBRA*/

@media only screen and (min-width: 320px) and (max-width: 384px) {
    
.product-slider-main .swiper-button-next {
  right: 15px;
  top:90px;    
  
}

.product-slider-main .swiper-button-prev {
 left: 15px;
 top:90px;
}    
      
    
 }

@media only screen and (min-width: 385px) and (max-width: 414px) {
    
.product-slider-main .swiper-button-next {
  right: 15px;
  top:120px;    
  
}

.product-slider-main .swiper-button-prev {
 left: 15px;
 top:120px;
}    
      
    
 }

@media only screen and (min-width: 500px) and (max-width: 736px) {
    
.product-slider-main .swiper-button-next {
  right: 15px;
  top:180px;    
  
}

.product-slider-main .swiper-button-prev {
 left: 15px;
 top:180px;
}    
      
    
 }

@media only screen and (min-width: 737px) and (max-width: 840px) {
    
.product-slider-main .swiper-button-next {
  right: 15px;
  top:220px;    
  
}

.product-slider-main .swiper-button-prev {
 left: 15px;
 top:220px;
}    
      
    
 }

@media only screen and (min-width: 841px) and (max-width: 1100px) {
    
.product-slider-main .swiper-button-next {
  right: 15px;
  top:250px;    
  
}

.product-slider-main .swiper-button-prev {
 left: 15px;
 top:250px;
}    
      
    
 }

/*FLECHAS SLIDE PRODUCTOS-OBRA*/



.btn-dark.btn-outline-b, .btn-outline-b.search-submit {
  color: #fff;
  border-color: #fff;
  background: transparent;
}

.btn-dark.btn-outline-b:hover, .btn-outline-b.search-submit:hover {
  color: #fff;
  border-color: #716557;
  background: #716557;
}

