@font-face {
  font-family: museo;
  src: url(fonts/Museo 100.otf);
}

body{
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
  color: #666;
  overflow-x: hidden; 
  height: 100vh;
}

nav{
  height: 0px;
}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  
  /* Set up positioning */
  position: fixed;
  bottom: -5%;
  left: 0;
}

.costa-message{
  position: absolute; 
  z-index: 1000; 
  width: 100%;
  color: #000;
  padding-left: 50%;
  padding-right: 20%;
  text-align: left;
  text-shadow: 1px 1px 10px #9b6161;
  font-weight: bold !important;
}

.costa-furniture{
  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
  position: absolute; 
  z-index: 1000; 
  width: 100%;
  text-align: center;
  text-shadow: 1px 1px 10px #000;
  font-weight: bold !important;
  bottom: 40%;
  font-size: 17px;
}

#bg{
  width: 100%;
}


.costa-message p{
  font-size: 18px;
}


.a-category-title{
  color: #656565;
}

.breadcrumb-midy{
  margin-top: 2%;
}

.button-collapse{
  visibility: hidden;
}

.icon-button-collapse{
  background-color: rgba(208, 208, 208, 0.54);
  color:#fff;
  padding: 5px;
  border-radius: 5px;
  margin: 5px;
  position: fixed;
  font-size: 100px;
  z-index: 100;
}

.carousel{
  /*height: 100%;*/
}

.carousel-midy{
  height: 100%;
}

.carousel-next{
  width: 100%;
  height: 100%;
  position: absolute;
}
.carousel-before{
  width: 20%;
  height: 100%;
  position: absolute;
}

.carousel-furniture{
  /*height: 550px !important;*/
  
}

.full-image{
  width: 100%;
  border-radius: 10px;
}

.furniture-category-img{
  width: 100%;
  border-radius: 10px;
}

.furniture-collection-img{
  width: 50%;
  border-radius: 10px;
}

.furniture-category-title{
  color: #669999;
  margin-bottom: 0px;
}

.furniture_img_item{
  position: absolute;
}

.logo{
  width: 75%;
}

.midy-continer{
  padding: 50px;
  padding-top: 20px;
}

.midi-logo-bg{
  width: 30%;
}

.midy-title-section{
  font-size: 16px;
}

.logo-home{
  position: absolute;
/*  text-align: right;*/
  bottom: 90px;
/*  padding-right: 130px;*/
}

.logo-catalog{
  position: absolute;
  text-align: center;
  bottom: 3%;
}

.menu{
	position: absolute;
  background-color: #fff;
  width: 100%;
  bottom: 0px;
  height: 35px;
  text-align: -webkit-center;
  position: fixed;
  left: 0px;
}

.menu-element{
  display: table-cell;
  padding: 5px;
  padding-left: 5px;
  font-size: 13px;
}

.menu-element-icon{
  display: table-cell;
  padding: 5px;
  font-size: 13px;
}

.menu-element:hover{
  background-color: #ddd;
}

.costa-color{
  color: #F06457 !important;
}
a{
	color: #669999 !important;
}

p{
  font-size: 13px;
}

.property_furniture{
  color: #656565;
  font-size: 13px;
}

.side-nav-mobile{
  color: #669999;
  font-size: 40px;
  margin: 50px;
}
.side-nav-mobile{
  width: auto !important; 
}


.text_furniture_casamidy {
    color: #eee;
    font-size: 24px;
    letter-spacing: 3px;
    font-weight: 80px;
}

.title_furniture{
  color: #669999;
  font-size: 13px;
  padding-top: 6%;
  padding-bottom: 6%;
}

.price_furniture{
  color: #666ca;
}

.title_property_furniture{
  color: #669999;
  font-size: 13px;
}

/*Carrusel*/
* {box-sizing: border-box}
body {font-family: Verdana, sans-serif; margin:0}
.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next-car {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next-car {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  font-size: 15px;
  padding: 8px 12px;
  position: relative;
  bottom: 40px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  /*color: #f2f2f2;*/
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #ddd;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active_dot{
  background-color: #699;
}

.active .dot:hover {
  background-color: #699;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2s;
  animation-name: fade;
  animation-duration: 2s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

@media (orientation: landscape) and (max-width: 1024px){
  img.bg {
    width: 100vw !important;

    margin-left: -0px !important;   /* 50% */

    /*height: 120vh !important;*/
  }
  #bg {
    width: 100vw !important;

    margin-left: -0px !important;   /* 50% */

    /*height: 120vh !important;*/
  }
  .side-nav li.active{
    height: 50px !important;
  }

  .side-nav li>a{
    font-size: 25px !important;
    padding: 0px 32px 0px !important;
  }
  .side-nav{
    width: 350px !important;
  }
  .logo-home{
    bottom: 0px;
  }
}

/*Fin Carrucel*/

@media screen and (max-width: 1024px) { /* Specific to this particular image */



  .costa-message{
    position: absolute; 
    z-index: 1000; 
    width: 100%;
    color: #000;
    padding-left: 10%;
    padding-right: 10%;
    text-align: left;
    text-shadow: 1px 1px 10px #9b6161;
    font-weight: bold !important;
    /*font-size: ;*/
  }
  .costa-message p{
    font-size: 40px;
  }
  .costa-message h3{
    font-size: 100px;
  }
  img.bg {

    /*bottom:0% !important;*/
    width: 300vw;
    left: 0% !important;
    top:0% !important;
    /*height: 100vh !important;*/

    margin-left: -1200px;   /* 50% */

    /*height: 150vh !important;*/
  }

  .menu-element{
  	padding: 6px;
  }

  .menu{
    visibility: hidden;
  }

  .button-collapse{
    visibility: visible;
  }

  .furniture-category-title{
    font-size: 2em;
  }

  .text_furniture_casamidy{
    font-size: 5em;
  }
  .title_furniture{
    font-size: 3em;
  }
  .title_property_furniture{
    font-size: 3em;
  }
  .property_furniture{
    font-size: 3em;
  }

  .dot{
    height: 50px;
    width: 50px;
  }
  .breadcrumb-midy{
    font-size: 2em;
  }

  .text-media{
    font-size: 1.5em;
  }
  .midi-logo-bg{
    width: 50%;
  }
  .text {
    bottom: 60px;
  }

  .img-bg {
    height: auto;
  }

  .carousel-furniture{
    height: 1200px !important;
  }


  .costa-furniture{
    position: absolute; 
    z-index: 1000; 
    width: 100%;
    text-align: center;
    text-shadow: 1px 1px 10px #000;
    font-weight: bold !important;
    bottom: 30%;
    font-size: 30px;
  }

  img.bg{
    top:-30%;
  }

  #bg{
    /*bottom: -10% !important;*/
    left: 0% !important;
    height: 150vh !important;
    margin-left: -50%;
    width: auto;
  }
  
  .bg-furniture{
    bottom: -48% !important;
    margin-left: -1750px !important;
  }
  
  .bg-mirror{
    margin-left: -2050px !important;
  }
  
  .bg-interior{
    margin-left: -1950px !important;
  }
  
  .bg-rentals{
    margin-left: -1400px !important;
  }
  
  .bg-press{
    margin-left: -800px !important;
  }
  
  .bg-about{
    margin-left: -2200px !important;
  }
  
  .bg-artisans{
    bottom: -48% !important;
    margin-left: -2200px !important;
  }
  
  .bg-contact{
    margin-left: -2100px !important;
  }



  .logo-home{
    position: absolute;
    text-align: center;
    bottom: 90px;
    padding-right: 0px;
  }
  

  .side-nav li>a:hover{
    /*background-color: rgba(0,0,0,0);*/
  }
  .side-nav li.active{
    background-color: rgba(102,153,153,0.2);
    height: 120px;
  }

  .side-nav li>a{
    font-size: 40px;
    padding: 40px 32px 40px;
    color: #699;
  }
  .side-nav{
    width: 500px;
  }
  .about-mobile{
    font-size: 1.75em;
  }


  .video_furniture{
    padding-top: 10%;
    width: 80% !important;
  }

  #icon_video_cam{
    font-size: 75px !important;
  }
}

.carousel .indicators .indicator-item.active{
  background-color: #000;
}

.carousel .indicators .indicator-item{
  background-color: #676767;
}

header, main, footer {
  padding-left: 300px;
}

@media only screen and (max-width : 992px) {
  header, main, footer {
    padding-left: 0;
  }
}

.side-nav.fixed.right-aligned{
  right: auto !important;
}

.col-sm-6{
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px;
   width: 50%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.col-sm-12{
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px;
   width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.col-sm-5{
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px;
  width: 41.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.col-sm-7{
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px;
  width: 58.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.paginate_button + .active{
  background-color: #669999 !important;
}

.full-modal{
    width: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
    top: 0px !important;
}

.text-midy-color{
  color: #669999;
}

.modal .modal-content{
  padding: 0px;
}
.btn-download{
  bottom: 20px;
  background: #699;
}

#bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  
  /* Set up proportionate scaling */
  /*width: 100%;*/
  height: auto;
  
  /* Set up positioning */
  position: fixed;
  bottom: -10%;
  left: 0;
  z-index: 100;
}

.mobile-text{
  font-size: 2em;
}

.icon-about-us{
  width: 50px;
  margin-right: 40px;
}

.title-bigbook{
  font-size: 12px;
  padding: 10px !important;
}

.midi-logo-bigbook{
  width: 25%;
  position: absolute;
}

.menu-bigbook{
  position: relative;
}

.page-print{
  position: absolute;
  bottom: -17%;
  cursor:pointer;
}
.page-bigbook{
  position: absolute;
  width: 95%;
  visibility: hidden;
}

.pointer{
  cursor: pointer;
}

.text-catalog{
  font-size: 20px;
  color: #fff;
  border: 1px solid;
  width: 50%;
  margin-left: 25%;
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
   img.bg {

    /*bottom:0% !important;*/
    width: 300vw;
    left: 0% !important;
/*    top:-20% !important;*/
    /*height: 100vh !important;*/

    margin-left: -1063px;   /* 50% */

    /*height: 150vh !important;*/
  }
}

#video_modal{
  width: 100%;
  height: 100%;
  max-height: 100% !important;
  top: 0% !important;
  background-color: rgb(0,0,0,.5);
}

.content_modal_video{
  height: 100% !important;
  /*overflow-y: hidden !important;*/
}

.video_furniture{
  width: 30%;
}

#video_viewer {
padding-top: 3%;

}
#instagram-embed-0{
  margin: auto !important;
}

.icon-explorer{
  width: 10%;
}

.modal-fixed-footer{
  width: 100%;
  top: 0px !important;
  max-height: 100% !important;
  height: 100% !important;
}
.collection .collection-item{
      padding: 30px 25px;
}
.input_order{
  margin-top: 0px !important;
}

.fade-in-image { animation: fadeIn 5s; }

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.oculto{
  visibility: hidden;
}