@font-face {
    font-family: 'titilliumweb_regular';
    src: url('../fonts/titilliumweb_regular.eot');
    src: url('../fonts/titilliumweb_regular.eot') format('embedded-opentype'),
         url('../fonts/titilliumweb_regular.woff2') format('woff2'),
         url('../fonts/titilliumweb_regular.woff') format('woff'),
         url('../fonts/titilliumweb_regular.ttf') format('truetype'),
         url('../fonts/titilliumweb_regular.svg#titilliumweb_regular') format('svg');
}
@font-face {
    font-family: 'Geometos';
    src: url('../fonts/Geometos.eot');
    src: url('../fonts/Geometos.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Geometos.woff2') format('woff2'),
        url('../fonts/Geometos.woff') format('woff'),
        url('../fonts/Geometos.ttf') format('truetype'),
        url('../fonts/Geometos.svg#Geometos') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	background-color:#E6E7E8;
}
body.home {
	background-color:#FFF;
}
body.single .header { background-color:#000; }
input:focus, button:focus, a {
	outline: none;
}
img.responsive { width:100%; height:100%; }
p {
	font-family: 'titilliumweb_regular';
	font-size: 16px;
	color:#000;	
	text-align: center;
	margin:0;
}
a:hover { 
	text-decoration:none;
	color:#000;
 }
h3.search {
	font-size: 30px;
	color:#000;
}
h1.titulo-banner {
	font-size: 65px;
	color:#FFF;
	line-height: 100%;
}
.header {
	background-color: rgba(0, 0, 0, 0.5);
	max-height: 100%;
	position: absolute;
	z-index: 9999;
	width:1110px;

}
.dropdown-menu { 
    background-color:transparent !important;
 }
.yellows {
	/*background-color: #FFC629;*/
    background-color:rgba(255, 198, 41, 0.9);
    width:1109px;
}
.dropdown-menu.show {
   top: 45px !important;
    left: -15px !important;
}
ul.inline{
	list-style: none;
	padding:0;
}
ul.inline li {
	padding:3px 0;
	text-align:center;
}
body.home li {
  padding:6px 0;
}
ul.inline li a {
	font-family: 'titilliumweb_regular';
	font-size: 30.5px;
	color:#231F20;
}
ul.inline li a:hover {
  font-weight: bold;
}
.dropdown-menu {
	padding:0;
}
p.list {
	font-size: 24px;
	
}
p.lista {
  font-size: 22px;
  display: inline;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  font-size:50px !important;
}
.bg-nosotros {
	background: url(../img/bg-nosotros.png)no-repeat;
	background-color: #FFC629;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center -42px;
    background-repeat: no-repeat;
    height:345px;
    max-height: 500px;
    max-height: 100%;
}
.bg-nosotros p {
    font-size: 24px;
}
.bg-localizacion {
	background: url(../img/localizacion.png)no-repeat;
	background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center -42px;
    background-repeat: no-repeat;
    max-height: 100%;
}
.bg-localizacion p{
	color:#FFF;
}
span.titu {
  font-family:'Geometos';
  font-weight: bold;
}
.bg-footer { 
	background-color:#FFC629;
	max-height: 100%;
 }
 .bg-int {
 	background: url(../img/general.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;
    max-height: 100%;
 	height:600px;
 }
 body.translatepress-en_US li.borrar {
    display: none;
 }
  body.translatepress-en_US .bg-nosotros p {
    padding: 60px 0;
  }
 .bg-gruas {
 	background: url(../img/back-02.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;
    max-height: 100%;
 	height:600px;
 }
 .marco {
 	background: url(../img/marco.png)no-repeat;
 	display: block;
 	height:172px;
 }
 #searchs {
 	display: none;
 }
 button#formButton {
	background: url(../img/icon-search.png) no-repeat;
	width:30px;
	height:30px;
	display:block;
	border:none;
    margin: -3px 7px 0 0px;
    float:right;
}
form input#q {
	width: 110px;
    float: right;
    height: 26px;
    background-color: #FFF;
    border:none;
  	margin: 0px 10px 0 0;
}
form input#b {
	background: #FFC629;
    border: none;
    color: #FFF;
    font-family: 'Brother1816Regular';
}
.texts {
	width: 100%;
    position: relative;
    top: 0;
    left: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	border-radius:0;
	/*background-color: rgba(0,0,0,0.75);*/
	display: table;
}
.texts {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.texts {
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
span.text-content span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  line-height: 100%;
  font-family: 'Geometos';
  padding:0 0;
  width:320px;
}
span.text-content:hover {
  opacity: 1;
}
span.text-content {
	background-color: rgba(0,0,0,0.5);
    color: #FFF;
    cursor: pointer;
    display: table;
    height: 264px;
    left: 15px;
    padding: 15px;
    position: absolute;
    top: 15px;
    width: 351px;
    opacity: 0;
    text-transform: uppercase;
    font-family: 'TitilliumRegular';
    font-size: 18px;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 700ms;
}
#galleria {
	height:800px;
	width:100%;
}
.h100 { height:100px; }
.align-left p, .page-content p,  body.search p { 
	text-align: left;
 }
p.foot { text-align: center !important; }
button.btn { 
	background: url(../img/menu.png) no-repeat;
	width:30px;
	height:30px;
	display: block;
	border:none;
 }
 .dropdown-toggle::after { 
	display: none;
  }
ul.dot {
    list-style: none;
    padding:0;
    list-style-position: outside;
}
ul.dot li {
    text-indent: -20px;
    margin: 0 0 0 20px;
}
ul.dot li:before {
    content:url(../img/dot.png);
    position: relative;
    top: 4px;
    margin-right: 6px;

}
iframe { 
	width:100%;
 }
li.nav-item {
	padding:0 !important;
	background-color:#58595B;
	border:none;
}
li.nav-item a {
	color:#FFF;
	font-family: 'Geometos';
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background-color:#FFC629;
	color:#000;
	border-radius:0;
}
video {
  width:100%;
}
.nav-link { 
	padding: .7rem 1rem;
 }
#trp-floater-ls {
    left: 81% !important;
}


/* media queries*/
/* iphone 5s*/
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
  	.header { width:290px; top:0;}
    body.home .header {background-color:#000;}
	.yellows { width:260px; }
	.c { text-align: center !important; }
	form input#b { float:right; }
  .margen-banner { margin-top: 234px; }
	.r { margin-top:100px; }
   body.home {  }
   button.btn { margin:0 auto; }
  ul.inline li a { font-size:20px; }
  #galleria { height:300px; margin-top: 100px; }
  .dropdown-menu.show { top: 22px !important; left: -24px !important; }
  .bg-nosotros { height:540px; }
  .bg-nosotros p { font-size: 19px; }
  .sticky-popup-right .popup-header {
    width: 48px;
    margin-top: 0;
    float: left;
    height: 90px !important;
    border-radius: 4px 0 0 4px;
    padding: 0px;
    background-position: 0 -235px !important;
    margin: 0px 0px 0 0 !important;
  }
  #trp-floater-ls { right:4%; }
  img { width:100%; }
}

/*iphone portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
 
	.header { width:345px; top:0;}
  body.home .header {background-color:#000;}
	.c { text-align:center !important; }
	button#formButton { /*float:none; text-align:center; margin:0 auto; */     position: absolute;
    top: -158px;}
	.margen-banner { margin-top: 234px; }
	form input#q { float:none; }
	form input#b { /*position: relative; top: 0px; right: 91px; */position: absolute;
    top: -130px;
    left: 128px;}
	.yellows { width:316px; }
	.dropdown-menu.show { top: 0 !important;     left: -24px !important; }
	#galleria { height:300px; margin-top: 100px; }
	form input#q { /*margin:0;*/position: absolute;
    top: -130px;
    left: 18px; }
	.r { margin-top:100px; }
  button.btn { margin:0 auto; }
  ul.inline li a { font-size:25px; }
  .bg-nosotros { height:410px; }
  .bg-nosotros p { font-size: 19px; }
  .sticky-popup-right .popup-header {
    width: 48px;
    margin-top: 0;
    float: left;
    height: 90px !important;
    border-radius: 4px 0 0 4px;
    padding: 0px;
    background-position: 0 -235px !important;
    margin: 0px 0px 0 0 !important;
  }
 

 }
 /* 1792x828px at 326ppi  iphone xr */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) { 


    }
  /* 2436x1125px at 458ppi iphone xs */
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 

    }
  /* 2688x1242px at 458ppi iphone xs max*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3) { 

    }
/* ipad */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.header { width:690px; top:0;}
	.yellows { width:660px; }
	span.text-content { width:210px; height:160px; }
	#galleria { height:500px; }
	form input#q { width:75px; }
}
/*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) {
	.header { width:930px; top:0;}
	span.text-content {width: 291px; height: 216px;}
	.yellows { width:910px; }
}
/* fin media queries*/