@font-face {
    font-family: 'AkzidenzGroteskMedium';
    src: url('../fonts/AkzidenzGroteskMedium.eot');
    src: url('../fonts/AkzidenzGroteskMedium.eot') format('embedded-opentype'),
         url('../fonts/AkzidenzGroteskMedium.woff2') format('woff2'),
         url('../fonts/AkzidenzGroteskMedium.woff') format('woff'),
         url('../fonts/AkzidenzGroteskMedium.ttf') format('truetype'),
         url('../fonts/AkzidenzGroteskMedium.svg#AkzidenzGroteskMedium') format('svg');
}
@font-face {
    font-family: 'AkzidenzGroteskSuper';
    src: url('../fonts/AkzidenzGroteskSuper.eot');
    src: url('../fonts/AkzidenzGroteskSuper.eot') format('embedded-opentype'),
         url('../fonts/AkzidenzGroteskSuper.woff2') format('woff2'),
         url('../fonts/AkzidenzGroteskSuper.woff') format('woff'),
         url('../fonts/AkzidenzGroteskSuper.ttf') format('truetype'),
         url('../fonts/AkzidenzGroteskSuper.svg#AkzidenzGroteskSuper') format('svg');
}

html {
  scroll-behavior: smooth;
}

body {
	background-color:#FFF !important;
}
h1 {
  font-family: 'Jost', sans-serif;
  font-size: 35px;
  font-weight: normal;
  color:#000;
  line-height: 100%;
  margin:0;
}
h2 {
  font-family: 'Jost', sans-serif;
  font-size: 30px;
  font-weight: normal;
  color:#000;
  line-height: 100%;
  margin:0;
}
h3 {
  font-family: 'Jost', sans-serif;
  font-size: 25px;
  font-weight: bold;
  color:#000;
  line-height: 100%;
  margin:0;
  text-align: center;
}
h4 {
  font-size: 20px;
  font-family: 'Jost', sans-serif;
  color: #000;
  margin: 0;
}
h1.quienes {
    font-family:'big_noodle_titling';
    color:#FFF;
    font-size:70px;
    padding:20px 20px 20px 73px;
}
input:focus, button:focus, a {
	outline: none;
}
img.responsive { width:100%;}
p {
	font-family: 'JostRegular', sans-serif;
	font-size: 16px;
	color:#000;
	text-align: left;
	margin:0;
  line-height: 120%;
}
a:hover {
	text-decoration:none;
	color:#000;
 }
.header {
  position: relative;
  z-index: 999;
  padding:20px 0;
}
.dropdown-menu {
    background-color:transparent !important;
 }
.dropdown-menu.show {
   top: 45px !important;
    left: -15px !important;
}
ul#menu-home {
  margin: 0 auto;
  padding: 0px;
  display:inline-flex;
}
ul#menu-home li {
  padding: 0px 10px 0 10px;
  list-style: none;
}
ul#menu-home li a {
	font-family: 'AkzidenzGroteskMedium', sans-serif;
	font-size: 15px;
	color:#383838;
  font-weight: normal;
}
ul.redes {
  list-style: none;
  padding:0;
  margin:0;
}
ul.redes li {
  display: inline-block;
  padding:0 5px;
}
ul#menu-home li.uno a:hover {
  border-bottom:3px solid #ff9ca6;
}
ul#menu-home li.dos a:hover {
  border-bottom:3px solid #9d87de;
}
ul#menu-home li.tres a:hover {
  border-bottom:3px solid #8cdbf1;
}
ul#menu-home li.cuatro a:hover {
  border-bottom:3px solid #facc9f;
}
ul#menu-home li.cinco a:hover {
  border-bottom:3px solid #8ce5a7;
}
.dropdown-menu {
	padding:0;
}
.relatives {
  position: relative;
}
.quienes-somos {
    background: url(../img/quienessomos.png)no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 740px; /* Set the initial height of the container */
    position:relative;
}
.gris {
  background-color: #e2e1dc;
}
.ui-widget-content {
  background: transparent !important;
}
.ui-widget.ui-widget-content {
  border:none !important;
}
.ui-widget-header {
  border:none !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background-color: transparent !important;
  border:none !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  background-color: #FFF !important;
  border:none !important;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color:#000 !important;
}
.ui-widget-header {
  background-color: transparent !important;
}
span.titu {
  display: block;
  text-align: center;
  margin: 10px 0;
}
.catalogo {
  background: url(../img/contactanos.png)no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 475px; /* Set the initial height of the container */
  position:relative;
}
span.wp {
    font-family: 'AkzidenzGroteskMedium', sans-serif;
    font-size:35px;
    color:#FFF;
    line-height: 100%;
}
a.cata {
  background-color: #9986be;
  font-family: 'AkzidenzGroteskMedium', sans-serif;
  color:#fff;
  padding: 6px 20px;
  border-radius:5px;
  margin: 20px 0 0 0;
}
a.catap {
  background-color: #8fd7ef;
  font-family: 'AkzidenzGroteskMedium', sans-serif;
  color:#fff;
  padding: 6px 20px;
  border-radius:5px;
  margin: 20px 0 0 0;
}
span.cabeza {
  font-family: 'AkzidenzGroteskMedium', sans-serif;
  color:#383838;
  font-size:45px;
  line-height: 100%;
}
span.pie {
  font-family: 'AkzidenzGroteskMedium', sans-serif;
  color:#383838;
  font-size:36px;
  line-height: 100%;
}
div#n2-ss-6, .n2-ss-slider-3 {
  padding:0 !important;
}
.planner {
  background: url(../img/planner.png)no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 475px; /* Set the initial height of the container */
  position:relative;
}
.bg-options {
  background: url(../img/bg-options.png)no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 730px; /* Set the initial height of the container */
  position:relative;
}
.bg-options2 {
  background: url(../img/bg-options.png)no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 730px; /* Set the initial height of the container */
  position:relative;
}
.mobiliario {
  background: url(../img/planner.png)no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 475px; /* Set the initial height of the container */
  position:relative;
}
a.catam {
  background-color: #ff9ca6;
  font-family: 'AkzidenzGroteskMedium', sans-serif;
  color:#fff;
  padding: 6px 20px;
  border-radius:5px;
  margin: 20px 0 0 0;
}
.calendario {
  background: url(../img/bg-calendario.png)no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height:745px; /* Set the initial height of the container */
  position:relative;
/*background-color: #ffcad5;*/
  padding: 40px 0 60px 0;
  -moz-box-shadow: inset 0 -11px 46px -11px #999;
 -webkit-box-shadow: inset 0 -11px 46px -11px #999;
 box-shadow: inset 0 -11px 46px -11px #999;
}
.calendario img {
  width:100%;
}
span.sche {
  font-family: 'AkzidenzGroteskMedium', sans-serif;
  color:#cc7a8e;
  font-size:45px;
  line-height: 100%;
}
.bg-footer {
    background-color: #9986be;
    padding:40px 0;

}
.bg-footer p {
    color: #fff;
    font-family: 'AkzidenzGroteskMedium', sans-serif;
    font-size: 16px;
    line-height: 120%;
    text-align:left;
}
.contacto {
    background-color:#ffe800;
    padding:40px 0;
}


#footer {
  padding:0px 0;
}

iframe {
  width: 100%;
}
#galleria {
	height:600px;
	width:100%;
}
.h100 { height:120px; }
p.foot {
  text-align: center !important;
  font-family: 'Jost', sans-serif;
  font-size: 16px;
  color:#FFF;
  font-weight: normal;
  margin: 0;
}
button.btn {
	background: url(../img/menu.png) no-repeat;
	width:30px;
	height:30px;
	display: block;
	border:none;
 }
.dropdown-menus {display:none;}
.men {display: none;}
.dropdown button {
    background: url(../img/hamburger.png) no-repeat;
    width:41px;
    height:29px;
}
.ui-tabs .ui-tabs-panel {
    padding: 1em 5.4em !important;
}
/*menu hamburgesa*/

/*fin menu hamburgesa*/
/* #Forms
================================================== */

  form {
  }
  fieldset {
    margin-bottom: 20px; }
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="tel"],
  select {
    border: none !important;
    padding: 12px 15px;
    outline: none;
    letter-spacing: 2px;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    font-family:'big_noodle_titling' !important;
    color: #c9c9c9 !important;
    text-transform:lowercase !important;
    margin: 0;
    height: 34px !important;
    width: 100%;
    font-size:25px !important;
    float:left;
    margin-bottom: 21px;
    background: #fff; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus,
  input[type="tel"]:focus,
  textarea:focus {


  }
  input[type="radio"] {

      }
  textarea {
        height: 150px !important;
        border: none !important;
    padding: 12px 15px;
    letter-spacing:2px;
    font-size:25px !important;
    color: #c9c9c9 !important;
    outline: none;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    font-family:'big_noodle_titling' !important;
    width:100%;
     }

  label,
  legend
   {

    font-family: 'JostMedium', sans-serif;
    font-weight: normal;
    color:#fff;
    font-size: 20px;  }
  select {
    width: 220px; }
  input[type="checkbox"] {
    display: inline; }
  label span,
  legend span {
    font-weight: normal;
    font-size: 13px;
    color: #444; }
button[type="submit"] {
  border:none !important;
  font-family: 'big_noodle_titling', sans-serif;
  font-size: 18px  !important;
  display: block;
  font-weight: normal !important;
  text-align: center;
  color:#fff !important;
  padding:6px 8px;
  float: right !important;
  background-color: #231f20 !important;
  cursor: pointer;
  margin:0 auto;
}
.wpcf7-not-valid-tip {
   font-family: 'JostMedium', sans-serif;
  color:#FFF !important;
  font-weight:bold !important;
      border-color: #ffb900;
}
div.wpcf7-response-output {
    font-family: 'JostMedium', sans-serif;
  color:#FFF;
  font-weight:bold;
}
input.wpcf7-submit {
    background-color:transparent;
    font-family: 'JostMedium', sans-serif;
    color:#FFF;
    border:none;
    font-size:20px;
    float:right;
    text-transform:uppercase;
}

/* media queries*/
/* iphone 5s*/
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
  .men {display: none;}
.dropdown-menus{display: block;}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-menus {
    display: block;
    position:absolute;
    margin: 0px 0 0 0;
    background-color: #ffcad5;
    padding:10px;
    top:98px;
    left:0px;
}
.menn {display:none !important;}
.logos {
        text-align: center;
        display: block;
    }
.dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    border:none;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown .dropdown-menu {
    position: relative;
    top: 100%;
    display: none;
    margin: 0;
    list-style: none; /** Remove list bullets */
    width: 100%; /** Set the width to 100% of it's parent */
    padding: 0;
}

.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown-menu li {
    margin:0;
    width: 100%;
    text-align: left;
    z-index: 9000000;
    position: relative;
}
.dropdown button {
    background-color: #ffcad5;
    color: #FFFFFF;
    border: none;
    margin: 0;
    padding: 10px 10px;
    font-size: 1em;
    text-align: center;
    float:none;
}
.dropdown a {
    display: block;
    padding: 5px 5px;
        text-decoration: none;
    background-color: #ffcad5;
    color: #9986be;
}
.dropdown a:hover {
    background: #9986be;
    color:#fff;
}
.r {
  width:100%;
}
h1 { font-size: 35px; }
h2{ font-size:29px !important; }
.quienes-somos { height:420px; }
h1.quienes{ font-size:35px;     padding: 20px 20px 20px 30px; }
.titulo-quienes { top:20px; }
.contenido-quienes { top:95px; padding: 10px 30px 10px 0; }
.contenido-quienes p { padding-left:25px; width: 310px; font-size: 15px; }
img.diag { left:37px; width:300px; }
.nuestros-servicios { background-position:0 0; height:430px; }
.como-cotizar { padding:25px 0; height:1010px;}
img.ejemplo { position:absolute; top: 145px; height: 365px;}
img.pasouno, img.pasodos { width:100%; height:100%; }
img.nopoder { top: 538px; width: 330px; }
.como-pasar { height:640px; }
.master-slider-parent { margin-top:-112px; }
.ui-tabs .ui-tabs-nav li { margin:0 !important;}
ul.redes { margin:20px 0;}
span.cabeza {font-size:30px;}
span.wp {font-size:17px;}
.catalogo, .planner, .mobiliario {height:190px;}
span.pie {font-size:25px;}
.bg-options img, .calendario img {width:100%;}
.bg-options { height:1540px;}
.calendario { height:1200px;}
.bg-options2 { height:475px;}
}



/*iphone portrait */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {



}
/* ipad */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .men {display: none;}
    .dropdown-menus{display: block;}
    .dropdown {
        position: relative;
        display: inline-block;
    }
    .dropdown-menus {
        display: block;
        position:absolute;
        margin: 0px 0 0 0;
        background-color: #ffcad5;
        padding:10px;
        top:58px;
        left:0px;
    }
    .menn {display:none !important;}
    .logos {
            text-align: center;
            display: block;
        }
    .dropdown .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        margin: 0;
        border:none;
    }
    .dropdown:hover .dropdown-menu {
        display: block;
    }
    .dropdown {
        position: relative;
        display: inline-block;
    }
    .dropdown .dropdown-menu {
        position: relative;
        top: 100%;
        display: none;
        margin: 0;
        list-style: none; /** Remove list bullets */
        width: 100%; /** Set the width to 100% of it's parent */
        padding: 0;
    }

    .dropdown:hover .dropdown-menu {
        display: block;
    }
    .dropdown-menu li {
        margin:0;
        width: 100%;
        text-align: left;
        z-index: 9000000;
        position: relative;
    }
    .dropdown button {
        background-color: #ffcad5;
        color: #FFFFFF;
        border: none;
        margin: 0;
        padding: 10px 10px;
        font-size: 1em;
        text-align: center;
        float:none;
    }
    .dropdown a {
        display: block;
        padding: 5px 5px;
            text-decoration: none;
        background-color: #ffcad5;
        color: #9986be;
    }
    .dropdown a:hover {
        background: #9986be;
        color:#fff;
    }
  .header { position:relative; }
  .bg-options img, .calendario img { width:100%;}
  span.pie {font-size:23px; text-align: center;}
  .bg-options, .calendario { height:500px;}
  .bg-options2 { height: 420px;}

}
@media only screen
  and (min-width: 1024px)
  and (max-height: 1366px)
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .men {display: none;}
    .dropdown-menus{display: block;}
    .dropdown {
        position: relative;
        display: inline-block;
    }
    .dropdown-menus {
        display: block;
        position:absolute;
        margin: 0px 0 0 0;
        background-color: #ffcad5;
        padding:10px;
        top:58px;
        left:0px;
    }
    .menn {display:none !important;}
    .logos {
            text-align: center;
            display: block;
        }
    .dropdown .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        margin: 0;
        border:none;
    }
    .dropdown:hover .dropdown-menu {
        display: block;
    }
    .dropdown {
        position: relative;
        display: inline-block;
    }
    .dropdown .dropdown-menu {
        position: relative;
        top: 100%;
        display: none;
        margin: 0;
        list-style: none; /** Remove list bullets */
        width: 100%; /** Set the width to 100% of it's parent */
        padding: 0;
    }

    .dropdown:hover .dropdown-menu {
        display: block;
    }
    .dropdown-menu li {
        margin:0;
        width: 100%;
        text-align: left;
        z-index: 9000000;
        position: relative;
    }
    .dropdown button {
        background-color: #ffcad5;
        color: #FFFFFF;
        border: none;
        margin: 0;
        padding: 10px 10px;
        font-size: 1em;
        text-align: center;
        float:none;
    }
    .dropdown a {
        display: block;
        padding: 5px 5px;
            text-decoration: none;
        background-color: #ffcad5;
        color: #9986be;
    }
    .dropdown a:hover {
        background: #9986be;
        color:#fff;
    }
  .header { position:relative; }
  .bg-options img, .calendario img { width:100%;}
  span.pie {font-size:23px; text-align: center;}
  .bg-options, .calendario { height:500px;}
  .bg-options2 { height: 420px;}
}
/* fin media queries*/