@font-face {
    font-family: 'JostRegular';
    src: url('../fonts/JostRegular.eot');
    src: url('../fonts/JostRegular.eot') format('embedded-opentype'),
         url('../fonts/JostRegular.woff2') format('woff2'),
         url('../fonts/JostRegular.woff') format('woff'),
         url('../fonts/JostRegular.ttf') format('truetype'),
         url('../fonts/JostRegular.svg#JostRegular') format('svg');
}
@font-face {
    font-family: 'JostMedium';
    src: url('../fonts/JostMedium.eot');
    src: url('../fonts/JostMedium.eot') format('embedded-opentype'),
         url('../fonts/JostMedium.woff2') format('woff2'),
         url('../fonts/JostMedium.woff') format('woff'),
         url('../fonts/JostMedium.ttf') format('truetype'),
         url('../fonts/JostMedium.svg#JostMedium') format('svg');
}
@font-face {
    font-family: 'JostBold';
    src: url('../fonts/JostBold.eot');
    src: url('../fonts/JostBold.eot') format('embedded-opentype'),
         url('../fonts/JostBold.woff2') format('woff2'),
         url('../fonts/JostBold.woff') format('woff'),
         url('../fonts/JostBold.ttf') format('truetype'),
         url('../fonts/JostBold.svg#JostBold') format('svg');
}
@font-face {
    font-family: 'MONBAITI';
    src: url('../fonts/MONBAITI.eot');
    src: url('../fonts/MONBAITI.eot') format('embedded-opentype'),
         url('../fonts/MONBAITI.woff2') format('woff2'),
         url('../fonts/MONBAITI.woff') format('woff'),
         url('../fonts/MONBAITI.ttf') format('truetype'),
         url('../fonts/MONBAITI.svg#MONBAITI') 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;
}

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 {
	max-height: 100%;
  position: relative;
  z-index: 999;
  background-color: #fff;
}
.header-one {
    max-height: 100%;
  position: relative;
  z-index: 999;
  background-color: #1D71B6;
}
.header-two {
    max-height: 100%;
  position: relative;
  z-index: 999;
  background-color: #274954;
}
.border-gris {
    border-bottom:1px solid #231f20;
    width:100%;
}
.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 15px 0 15px;
  list-style: none;
}
ul#menu-home li a {
	font-family: 'JostMedium', sans-serif;
	font-size: 18px;
	color:#515457;
  font-weight: normal;
  text-transform: uppercase;
}
body.page-id-9 .header, body.page-id-9 .bg-footer {
    display:none;
}
.contadorback {
    background: url(../img/contadorboda.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: 1330px;
    position:relative;
}
.dropdown-menu {
	padding:0;
}
#countdown {
    background-color:#b69a86;
    position: absolute;
    padding: 20px 40px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);}
#countdown span {
    font-family:'MONBAITI';
    font-size:85pt;
    color:#FFF;
    line-height:100%;
    display: table-cell;
}
.relatives {
  position: relative;
}
.datos-civil {
    background-color:#b69a86;
}
span.titu {
    color:#FFF;
    font-size:44px;
    display: block;
    text-align:center;
}
span.hora {
    color:#645d5b;
    font-size:28px;
    display: block;
    text-align:center;
}
.datos-civil p, a.mapa {
    color:#FFF;
    font-size:27px;
    line-height:120%;
    text-align:center;
    display: block;
}



.bg-home {
    background: url(../img/home.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: 900px;
}
.banner-nosotross {
    background: url(../img/manager.jpg)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: 900px;
    position: relative;
}

.bg-footer {
    background-color: #231f20;
    max-height: 100%;
  
}
.bg-footer p {
    color: #fff;
    font-family: 'JostMedium', sans-serif;
    font-size: 16px;
    line-height: 120%;
    text-align:center;
}



.s {
  height:200px;
}
#footer {
  padding:0px 0;
}
.darkgreen {
    background-color: #235b68;
    height: 100%;
}



 

iframe {
  width: 100%;
}

.blu {
  background-color: #191c1f;
  padding: 10px 0;
  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;}


/*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;
    padding: 12px 15px;
    outline: none;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    font-family:'JostRegular' !important;
    color: #707070;
    margin: 0;
    height: 30px !important;
    width: 100%;
    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;
    padding: 12px 15px;
    outline: none;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    font-family:'JostRegular' !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;
  font-family: 'JostMedium', 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: transparent !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: relative;
    margin: 0px 0 0 0;
    background-color: #1C75BC;
    width:100%;
}
.menn {display:none !important;}
.logos {
        text-align: center;
        display: block;
    }  
.dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.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: center;
    z-index: 9000000;
    position: relative;
}
.dropdown button {
    background-color: #1C75BC;
    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: #1C75BC;
    color: #fff;
}
.dropdown a:hover {
    background: #191C1F;
}   
.r {
  width:100%;
}
h1 { font-size: 35px; }
h2{ font-size:29px !important; }
#countdown span { font-size:25pt; }
.datos-civil p, a.mapa { font-size:18px; padding: 0 20px; }
.contadorback { height:680px; } 
span.titu { font-size:30px; }
}



/*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: relative;
    margin: 0px 0 0 0;
    background-color: #1C75BC;
    width:100%;
}
.menn {display:none !important;}
.logos {
        text-align: center;
        display: block;
    }  
.dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.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: center;
    z-index: 9000000;
    position: relative;
}
.dropdown button {
    background-color: #1C75BC;
    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: #1C75BC;
    color: #fff;
}
.dropdown a:hover {
    background: #191C1F;
}
  .header { position:relative; }
  .servi p { left:50px; }

}
/*ipad pro*/ 	
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait) {
    .men {display: none;}
.dropdown-menus{display: block;}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-menus {    
    display: block;
    position: relative;
    margin: 0px 0 0 0;
    background-color: #1C75BC;
    width:100%;
}
.menn {display:none !important;}
.logos {
        text-align: center;
        display: block;
    }  
.dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.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: center;
    z-index: 9000000;
    position: relative;
}
.dropdown button {
    background-color: #1C75BC;
    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: #1C75BC;
    color: #fff;
}
.dropdown a:hover {
    background: #191C1F;
}
  .header { position:relative; }
  

}
/* fin media queries*/