@font-face {
font-family: 'Avenir-Black';
src: url(//www.impera.pe/wp-content/themes/impera-theme/fonts/Avenir-Black.eot);
src: url(//www.impera.pe/wp-content/themes/impera-theme/fonts/Avenir-Black.eot) format('embedded-opentype'),
url(//www.impera.pe/wp-content/themes/impera-theme/fonts/Avenir-Black.svg#Avenir-Black) format('svg'),
local('Avenir-Black'), local('Avenir-Black'), url(//www.impera.pe/wp-content/themes/impera-theme/fonts/Avenir-Black.ttf) format('truetype');
}
@font-face {
font-family: 'Avenir-Light';
src: url(//www.impera.pe/wp-content/themes/impera-theme/fonts/Avenir-Light.eot);
src: url(//www.impera.pe/wp-content/themes/impera-theme/fonts/Avenir-Light.eot) format('embedded-opentype'),
url(//www.impera.pe/wp-content/themes/impera-theme/fonts/Avenir-Light.svg#Avenir-Light) format('svg'),
local('Avenir-Light'), local('Avenir-Light'), url(//www.impera.pe/wp-content/themes/impera-theme/fonts/Avenir-Light.ttf) format('truetype');
}
@font-face {
font-family: 'Avenir-Medium';
src: url(//www.impera.pe/wp-content/themes/impera-theme/fonts/Avenir-Medium.eot);
src: url(//www.impera.pe/wp-content/themes/impera-theme/fonts/Avenir-Medium.eot) format('embedded-opentype'),
url(//www.impera.pe/wp-content/themes/impera-theme/fonts/Avenir-Medium.svg#Avenir-Medium) format('svg'),
local('Avenir-Medium'), local('Avenir-Medium'), url(//www.impera.pe/wp-content/themes/impera-theme/fonts/Avenir-Medium.ttf) format('truetype');
}
@font-face {
font-family: 'Avenir-Roman';
font-style: normal;
font-weight: normal;
src: url(//www.impera.pe/wp-content/themes/impera-theme/fonts/Avenir-Roman.eot);
src: url(//www.impera.pe/wp-content/themes/impera-theme/fonts/Avenir-Roman.eot) format('embedded-opentype'),
url(//www.impera.pe/wp-content/themes/impera-theme/fonts/Avenir-Roman.svg#Avenir-Roman) format('svg'),
local('Avenir-Roman'), local('Avenir-Roman'), url(//www.impera.pe/wp-content/themes/impera-theme/fonts/Avenir-Roman.ttf) format('truetype');
}
h1, h2, h3, h4{
font-family: 'Avenir-Medium', sans-serif;
}
body, html { }
body {
font-size: 17px;
color: #465B68;
font-family: 'Avenir-Roman', sans-serif;
}
a {
color: #465B68;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
a:hover, a:focus {
color: #F4511E;
text-decoration: none;
}
:focus {
outline: 0 !important;
text-decoration: none !important;
} .btn {
text-transform: uppercase;
font-size: 16px;
font-weight: 200;
padding-left: 35px;
padding-right: 35px;
}
.btn.btn-default {
border: 2px solid #fff;
background: none;
}
.btn.btn-default:hover {
border: 2px solid #FF6D36;
background: none;
color: #FF6D36;
}
.btn.btn-primary {
background: #FF6D36;
border: 0 none;
padding-left: 0px;
padding-right: 0px;
font-size: 18px;
font-weight: normal;
}
.btn.btn-primary:hover {
background: #F4511E;
} .wrapper-menu {
}
.wrapper-menu h1 {
margin: 0;
}
.wrapper-menu a.logo {
width: 231px !important;
height: 86px;
display: block;
overflow: hidden;
text-indent: 200%;
background: url(//www.impera.pe/wp-content/themes/impera-theme/images/logo.png) 0 0 no-repeat;
margin-top: 18px;
margin-bottom: 13px;
}
#menu-menu-principal {
padding-top: 70px;
}
#menu-menu-principal > li {
text-transform: uppercase;
font-size: 17px;
font-weight: bold;
border-right: 1px solid #c3c3c3;
}
#menu-menu-principal > li:first-child {
border-left: 1px solid #c3c3c3;
}
#menu-menu-principal > li > a {
color: #212121;
padding: 0 20px;
line-height: 1;
font-family: 'Avenir-Medium', sans-serif;
}
#menu-menu-principal > li > a:hover {
background: none;
color: #FF5721;
}
#menu-menu-principal > li.current-menu-item > a {
color: #FF5721;
}
section.primera-seccion {
}
.wrapper-titulo {
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: relative;
}
.wrapper-titulo:before {
content: '';
background: url(//www.impera.pe/wp-content/themes/impera-theme/images/tex1.png) center center repeat;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
position: absolute;
z-index: 1;
}
.wrapper-titulo .h1-bloque {
text-align: center;
position: relative;
z-index: 2;
padding-top: 120px;
padding-bottom: 70px;
}
.wrapper-titulo .h1-bloque h1 {
margin: 0;
padding: 0;
text-transform: uppercase;
color: #fff;
font-size: 40px;
font-weight: normal;
position: relative;
}
.wrapper-titulo .h1-bloque h1:after {
content: url(//www.impera.pe/wp-content/themes/impera-theme/images/flecha.png);
position: absolute;
bottom: -32px;
line-height: 0;
left: 50%;
margin-left: -18px;
}
.wrapper-destacado {
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: relative;
}
.wrapper-destacado:before {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url(//www.impera.pe/wp-content/themes/impera-theme/images/tex1.png) center center repeat;
z-index: 1;
}
.cuerpo-desta {
height: 450px;
color: #fff;
position: relative;
z-index: 2;
padding-left: 60px;
padding-right: 60px;
}
.cuerpo-desta .corona {
background: url(//www.impera.pe/wp-content/themes/impera-theme/images/corona.png) center bottom no-repeat;
padding-top: 128px;
margin-bottom: 18px;
}
.cuerpo-desta h2 {
margin: 0 0 22px;
padding: 0;
font-size: 45px;
font-weight: normal;
}
.cuerpo-desta p {
margin: 0 0 28px;
padding: 0;
font-size: 23px;
font-weight: 200;
}
.cuerpo-desta a {
}
.wrapper-proyectos {
padding-top: 40px;
}
.wrapper-proyectos-gris {
background: #F2F3F4;
position: relative;
}
.wrapper-proyectos-gris span.blanquito {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 350px;
background: #fff;
z-index: 1;
}
.wrapper-proyectos h2 {
text-transform: uppercase;
font-size: 32px;
color: #27383F;
font-weight: normal;
padding: 0;
margin: 0 0 30px;
position: relative;
z-index: 2;
}
.wrapper-proyectos .item-casa {
background: #fff;
position: relative;
z-index: 2;
margin-bottom: 30px;
}
.wrapper-proyectos .item-casa a .img {
height: 325px;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
}
.wrapper-proyectos .item-casa a h3 {
margin: 0;
padding: 0;
background: #FF6D36;
font-size: 27px;
color: #fff;
padding: 9px 15px;
position: relative;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.wrapper-proyectos .item-casa a h3:after {
content: '';
background: none;
display: block;
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -6px;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 10px solid #FF6D36;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.wrapper-proyectos .item-casa a:hover h3 {
background: #F4511E;
}
.wrapper-proyectos .item-casa a:hover h3:after {
border-top: 10px solid #F4511E;
}
.wrapper-proyectos .item-casa p {
border-left: 1px solid #DAE0E4;
border-right: 1px solid #DAE0E4;
border-bottom: 4px solid #DAE0E4;
padding: 35px 20px 0;
font-size: 19px;
color: #465A67;
margin: 0;
}
.wrapper-proyectos .item-casa.item-viejo a .img {
height: 204px;
}
.wrapper-proyectos .item-casa.item-viejo a h3 {
background: #73919E;
}
.wrapper-proyectos .item-casa.item-viejo a h3:after {
border-top: 10px solid #73919E;
}
.wrapper-proyectos .item-casa.item-viejo a:hover h3 {
background: #607D8B;
}
.wrapper-proyectos .item-casa.item-viejo a:hover h3:after {
border-top: 10px solid #607D8B;
}
.wrapper-proyectos .item-casa p {
font-size: 17px;
}
.ver-todos-pro {
text-align: center;
padding-bottom: 60px;
text-transform: uppercase;
}
.ver-todos-pro a {
font-size: 14px;
color: #28383F;
display: inline-block;
padding-right: 18px;
position: relative;
}
.ver-todos-pro a:after {
content: url(//www.impera.pe/wp-content/themes/impera-theme/images/fle.png);
position: absolute;
right: 0;
top: 0;
}
.wrapper-testi {
background: #FF6E40;
}
.testi {
padding-top: 45px;
padding-bottom: 45px;
}
#carrusel-testi {
padding-left: 100px;
padding-right: 100px;
}
.wrapper-testi .item {
overflow: hidden;
color: #FFC5B3;
font-size: 21px;
font-weight: 200;
}
.wrapper-testi .item .img {
float: left;
height: 175px;
width: 175px;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: relative;
margin-right: 30px;
}
.wrapper-testi .item .img:after {
content: url(//www.impera.pe/wp-content/themes/impera-theme/images/esquina.gif);
position: absolute;
right: 0;
top: 0;
}
.wrapper-testi .item-cuerpo {
overflow: hidden;
padding-top: 28px;
}
.wrapper-testi .item-cuerpo p{
margin-bottom:0;
}
.wrapper-testi h3 {
margin: 0;
padding: 0 0 18px;
color: #EBEEF1;
font-size: 19px;
font-weight: normal;
}
.wrapper-testi p {
margin: 0;
padding: 0;
line-height: 1.35;
}
.wrapper-testi a.carousel-control {
width: 8%;
box-shadow: none;
background: none;
opacity: .3;
}
.wrapper-testi a.carousel-control:hover {
opacity: 1;
}
.wrapper-pie-barra {
background: #3C5159;
}
.cuerpo-wrapper {
}
.cuerpo {
padding-top: 45px;
padding-bottom: 75px;
}
.cuerpo-pro {
padding-bottom: 0;
}
.formato {
}
.formato p {
font-size: 18px;
color: #465A67;
line-height: 1.5;
margin-bottom: 24px;
}
.formato h2 {
font-weight: normal;
padding: 25px 0 0;
margin: 0 0 25px;
}
.formato ul {
padding: 0;
list-style: none;
}
.formato ul li {
margin: 0 0 3px;
font-size: 18px;
}
.equipo {
margin-left: -10px;
margin-right: -10px;
margin-bottom: 20px;
}
.equipo .bloque {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
.equipo .bloque-content {
border: 1px solid #ddd;
border-right: 4px solid #FF5722;
overflow: hidden;
}
.equipo .bloque .foto {
float: left;
width: 160px;
height: 150px;
height: 225px;
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.equipo .bloque .equipo-pro {
overflow: hidden;
padding: 25px 15px 15px;
min-height: 225px;
}
.equipo .bloque h3 {
margin: 0 0 6px;
padding: 0;
font-weight: bold;
font-size: 20px;
color: #27383F;
}
.equipo .bloque p {
font-size: 17px;
margin-bottom: 12px;
}
.equipo .bloque ul {
padding: 0;
}
.equipo .bloque ul li {
font-size: 17px;
}
.tambien {
}
.tambien p {
border-bottom: 1px solid #DDD;
padding-bottom: 9px;
margin-bottom: 10px;
}
.tambien p strong {
}
.wrapper-contacto {
padding-bottom: 75px;
}
.pie-barra a.logo-blanco {
display: block;
background: url(//www.impera.pe/wp-content/themes/impera-theme/images/logo-blanco.png) 0 0 no-repeat;
height: 64px;
width: 171px;
}
.pie-barra {
padding-top: 25px;
padding-bottom: 25px;
}
.pie-barra .mas-info a {
color: #CED3D5;
}
.pie-barra .mas-info .mi-mail {
float:left;
background: url(//www.impera.pe/wp-content/themes/impera-theme/images/mi-mail.png) 0 0 no-repeat;
padding-left: 35px;
}
.pie-barra .mas-info .mi-dire {
float: left;
padding-left: 26px;	
background: url(//www.impera.pe/wp-content/themes/impera-theme/images/mi-dire.png) 0 0 no-repeat;
margin-right:20px;
text-align:left;
}
.pie-barra .mas-info .mi-telf {
padding-left: 31px;
float: left;
margin-right:20px;
background: url(//www.impera.pe/wp-content/themes/impera-theme/images/mi-telf.png) 0 0 no-repeat;
}
.pie-barra .mas-info {
text-align: right;
overflow: hidden;
font-size: 17px;
color: #CED3D5;
font-weight: 200;
padding-top: 10px;
}
.pie-barra .mas-info div{
margin-top:10px;
padding-top:5px;
}
@media (min-width: 768px) {
.pie-barra .mas-info {
padding-top: 30px;
}
.pie-barra .mas-info div{
margin-top:0;
}
.pie-barra .mas-info .mi-mail {
float: right;
}
.pie-barra .mas-info .mi-dire {
float: right;
margin-left: 30px;
margin-right:0;
}
.pie-barra .mas-info .mi-telf {
float: right;
margin-left: 30px;
margin-right:0;
}
}
.wrapper-pie {
background: #ECEFF1;
}
.pie {
}
.pie .redes {
padding-top: 20px;
padding-bottom: 15px;
}
.pie .redes a {
display: inline-block;
width: 33px;
height: 33px;
background-position: center center;
background-repeat: no-repeat;
line-height: 1;
margin: 0 7px;
opacity: .5;
}
.pie .redes a.ico-fb {
background-image: url(//www.impera.pe/wp-content/themes/impera-theme/images/ico-fb.png);
}
.pie .redes a.ico-yt {
background-image: url(//www.impera.pe/wp-content/themes/impera-theme/images/ico-yt.png);
}
.pie .redes a.ico-pi {
background-image: url(//www.impera.pe/wp-content/themes/impera-theme/images/ico-pi.png);
}
.pie .redes a:hover {
opacity: 1;
}
.pie .copy {
text-align: center;
font-size: 15px;
color: #33464D;
font-weight: 200;
opacity: .5;
padding-bottom: 30px;
}  .wrapper-titulo .h1-contacto h1 {
padding-bottom: 5px;
}
.wrapper-titulo .h1-contacto h1:after {
bottom: -60px;
left: 50%;
}
.gorro {
color: #fff;
font-size: 18px;
font-weight: 300;
}
.contacto-formulario .contacto-modu {
margin-bottom: 5px;
}
.contacto-formulario .input-group {
width: 100%;
}
.contacto-formulario .texto-area textarea {
height: auto;
color: color;
font-weight: 300;
}
.contacto-formulario .contacto-modu input, .contacto-formulario .contacto-modu .group-asunto select {
height: 45px;
}
.contacto-formulario .contacto-modu input, .contacto-formulario .texto-area textarea, .contacto-formulario .contacto-modu .group-asunto select {
font-size: 16px;
font-weight: 400;
padding: 3px 0 3px 7px;
width: 100%;
margin-bottom: 6px;
border-bottom: 2px solid #C6C4CD;
border-top: none;
border-right: none;
border-left: none;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
color:#333;
font-family: 'Avenir-Medium', sans-serif;
}
input::-webkit-input-placeholder {
color: #333;
}
input:-moz-placeholder {
color: #333;
opacity: 1;
}
input::-moz-placeholder {
color: #333;
opacity: 1;
}
input:placeholder-shown{
color: #333;
opacity: 1;
}
input:-ms-input-placeholder { 
color: #333; 
} textarea::-webkit-input-placeholder {
color: #333 !important;
}
textarea:-moz-placeholder {
color: #333 !important;  
}
textarea::-moz-placeholder {
color: #333 !important;  
}
textarea:-ms-input-placeholder {  
color: #333 !important;  
}
.contacto-formulario .contacto-modu input:hover, .contacto-formulario .texto-area textarea:hover, .contacto-formulario .contacto-modu .group-asunto select:hover {
border-bottom: 2px solid #777777;
}
.contacto-formulario .texto-area span {
font-weight: 400;
color: #333;
display: block;
padding-left: 7px;
font-size: 16px;
margin-bottom: 10px;
}
.contacto-formulario .checkbox {
color: #333;
font-weight: 300;
font-size: 15px;
margin-top: 30px;
text-align: center;
font-family: Avenir-Medium;
}  #cd-timeline {
position: relative; margin-bottom: 2em;
margin-top: -50px;
}
#cd-timeline:before { content: '';
position: absolute;
top: 0;
left: 18px;
height: 100%;
width: 2px;
background: #d7e4ed;
}
.cd-timeline-content img {
float: left;
margin-right: 15px;
}
.timeline-wrapper {
width: 1140px;
margin: 0 auto;
}
@media only screen and (min-width: 1170px) {
#cd-timeline {
margin-top: -90px;
margin-bottom: 3em;
}
#cd-timeline::before {
left: 50%;
margin-left: -1px;
}
}
.cd-timeline-block {
position: relative;
padding: 1em 0;
}
.cd-timeline-block:after {
content: "";
display: table;
clear: both;
}
.cd-timeline-block:first-child { padding-top:0;
}
.cd-timeline-block:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
.cd-timeline-block {
padding: 0 0 2em 0;
}
.cd-timeline-block:first-child {
margin-top: 0;
padding-top:0;
}
.cd-timeline-block:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.cd-date { top: 0;
left: 0;
padding: 5px 20px;
margin-left: 47%;
}
}
.cd-timeline-img {
position: absolute;
top: 25px;
left:-40px;
width: 11px;
height: 11px;
border-radius: 50%;
background:#5E7D8D;
}
.cd-timeline-img {
position: absolute;  }
.cd-date { top: 0;
left: 0;
padding: 5px 20px;
font-family: 'Avenir-Medium', sans-serif;
}
.anio{
height:auto;
margin-bottom:30px;
}
.anio-en-blanco{
opacity:0.3;
}
@media only screen and (min-width: 1170px) {
.cd-timeline-img {
background: #5D7D8E;
width: 11px;
height: 11px;
right:-7.6%;
top:30px;
left:auto;
margin-left: -5px; -webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
position:absolute;
border-radius:20px;
}
.cd-timeline-block:nth-child(2n) .cd-timeline-img{
left:-6.4%;
position:absolute;
}
.cd-date {
text-transform: uppercase;
left: 47%;
margin-left: 47%;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
}
.cssanimations .cd-timeline-img.is-hidden {
visibility: hidden;
}
.cssanimations .cd-timeline-img.bounce-in {
visibility: visible;
-webkit-animation: cd-bounce-1 0.6s;
-moz-animation: cd-bounce-1 0.6s;
animation: cd-bounce-1 0.6s;
}
}
@-webkit-keyframes cd-bounce-1 {
0% {
opacity: 0;
-webkit-transform: scale(0.5);
}
60% {
opacity: 1;
-webkit-transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes cd-bounce-1 {
0% {
opacity: 0;
-moz-transform: scale(0.5);
}
60% {
opacity: 1;
-moz-transform: scale(1.2);
}
100% {
-moz-transform: scale(1);
}
}
@keyframes cd-bounce-1 {
0% {
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
60% {
opacity: 1;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
.cd-timeline-content {
position: relative;
margin-left: 50px;
background: white;
border: 1px solid #DAE0E4;
border-left: 4px solid #FF5722;
}
.cd-timeline-content:after {
content: "";
display: table;
clear: both;
}
.cd-timeline-content h2 {
color: #303e49;
font-size: 22px;
font-weight: 400;
margin-top:0;
padding-top:20px;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more {
font-size: 16px; }
.cd-timeline-content .cd-date {
background: #5E7D8D;
color: #fff;
font-size: 16px;
text-transform: uppercase;
}
.cd-date {
background: #5E7D8D;
color: #fff;
font-size: 16px;
text-transform: uppercase;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
display: inline-block;
}
.cd-timeline-content p {
margin: 1em;
line-height: 1.4;
margin-top: 0.8em;
}
.cd-timeline-content .cd-read-more {
float: right;
padding: .8em 1em;
background: #acb7c0;
color: white;
border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
float: left;
padding: .8em 0;
opacity: .7;
}
.cd-timeline-content::before {
content: '';
position: absolute;
top: 16px;
right: 100%;
height: 0;
width: 0;
border: 12px solid transparent;
border-right: 12px solid #FF5722;
background: none;
}
@media only screen and (min-width: 768px) {
.cd-timeline-content h2 {
font-size: 20px;
font-size: 22px;
margin-bottom: 0;
margin-left: 15px;
margin-right: 15px;
padding-top:20px;
margin-top:0;
}
.cd-timeline-content p {
font-size: 16px;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
font-size: 14px;
font-size: 0.875rem;
}
}
@media only screen and (min-width: 1170px) {
.cd-timeline-content {
margin-left: 0; width: 47%;
}
.cd-timeline-content:before {
top: 24px;
left: 100%;
background: #fff url(//www.impera.pe/wp-content/themes/impera-theme/images/flecha.svg) no-repeat 0 0;
width: 15px;
height: 20px;
border:none;
}
.cd-timeline-content .cd-read-more {
float: left;
}
.cd-timeline-block:nth-child(2n) .cd-timeline-content {
border-right: 4px solid #FF5722;
border-left: 1px solid #DAE0E4;
}
.cd-timeline-block:nth-child(2n) .cd-timeline-content img {
float: right;
margin-right: 0;
margin-left: 15px;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content {
float: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
top: 24px;
left: auto;
right: 100%;
border-color: transparent;
border-right-color: #DAE0E4;
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
float: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
left: auto;
right: 122%;
text-align: right;
}
.cssanimations .grupo.is-hidden {
visibility: hidden;
}
.cssanimations .grupo.bounce-in {
visibility: visible;
-webkit-animation: cd-bounce-2 0.6s;
-moz-animation: cd-bounce-2 0.6s;
animation: cd-bounce-2 0.6s;
}
}
@media only screen and (min-width: 1170px) { .cssanimations .grupo:nth-child(even) .grupo.bounce-in {
-webkit-animation: cd-bounce-2-inverse 0.6s;
-moz-animation: cd-bounce-2-inverse 0.6s;
animation: cd-bounce-2-inverse 0.6s;
}
}
@-webkit-keyframes cd-bounce-2 {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
}
60% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes cd-bounce-2 {
0% {
opacity: 0;
-moz-transform: translateX(-100px);
}
60% {
opacity: 1;
-moz-transform: translateX(20px);
}
100% {
-moz-transform: translateX(0);
}
}
@keyframes cd-bounce-2 {
0% {
opacity: 0;
}
60% {
opacity: 1;
}
100% {
}
}
@-webkit-keyframes cd-bounce-2-inverse {
0% {
opacity: 0;
}
60% {
opacity: 1;
}
100% {
}
}
@-moz-keyframes cd-bounce-2-inverse {
0% {
opacity: 0;
}
60% {
opacity: 1;
}
100% {
}
}
@keyframes cd-bounce-2-inverse {
0% {
opacity: 0;
}
60% {
opacity: 1;
}
100% {
}
}
@media only screen and (max-width: 768px) {
.cd-timeline-content img {
width: 50%;
height: auto;
}
.cd-timeline-content:before {
content: '';
position: absolute;
top: 16px;
right: 100%;
height: 0;
width: 0;
border: 12px solid transparent;
border-right: 12px solid #FF5722;
background: none;
}
}  .primera-seccion .h1-naranja {
font-size: 38px;
text-align: center;
color: #fff;
background: #FF6D36;
opacity: 1;
padding: 10px;
position: relative;
font-family: 'Avenir-Medium', sans-serif;
}
.primera-seccion .h1-naranja:after{
content: '';
position: absolute;
width: 0; 
height: 0; 
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #FF6D36;
bottom: -10px;
left: 50%;
}
.cuerpo-2{
padding-top: 40px;
padding-bottom: 40px;
} h3.titu-acabados{
font-size: 22px;
font-weight: 400;
margin-top: 60px;
}
.wrapper-gris{
background:#F2F3F4;
}
.sec-caracter .tabla{
width: 100%;
background: #fff;
overflow: auto;
margin-bottom: 25px;
font-family: 'Avenir-Medium', sans-serif;
}
.sec-caracter .tabla .th{
font-size:15px;
font-weight: 300;
border-bottom: 1px solid #DFE0E2;
padding: 6px 10px;
}
.sec-caracter .tabla .td{
font-size:23px;
color:#FF5721;
padding: 6px 10px;
margin-bottom: 5px;
}
.sec-caracter .tabla .grup{
border-left:5px solid #F2F3F4;
border-bottom: 1px solid #B5B6B9;
padding: 0;
} .cuerpo-wrapper ul {
}
.cuerpo-wrapper ul li {
padding-left: 22px;
position: relative;
}
.cuerpo-wrapper ul li:before {
content: "";
width: 7px;
height: 7px;
background: #465B68 !important;
position: absolute;
border-radius: 20px;
left: 3px;
top:8px;
} .desplegable-1 .panel-default, .desplegable-2 .panel-default{
position: relative;
}
.desplegable-1 h2.panel-title, .desplegable-2 h2.panel-title{
margin-bottom: 0;
padding: 4px 10px !important;
}
.desplegable-1 .panel-heading h2, .desplegable-2 .panel-heading h2 {
margin: 0;
font-weight: normal;
}
.desplegable-1 .panel-heading h2 a:after, .desplegable-2 .panel-heading h2 a:after {
content: "+";
display: block;
font-size: 20px;
position: absolute;
color: #465C69;
line-height: 1;
padding: 5px 5px 6px 6px;
margin: 0;
right: 15px;
top: 9px;
cursor: pointer;
z-index: 2;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.desplegable-1 .panel-heading h2 a[aria-expanded="true"]::after, .desplegable-2 .panel-heading h2 a[aria-expanded="true"]::after {
content: '-';
}
.desplegable-1 .panel-heading{
background:#fff;
position: relative;
}
.desplegable-1 .panel-heading .items{
overflow: auto;
position: relative;
}
.desplegable-1 .panel-heading .items .item{
text-transform: uppercase;
}
.desplegable-1 .disponible:before{
content:'';
position: absolute;
background: url(//www.impera.pe/wp-content/themes/impera-theme/images/triangle.svg) no-repeat 0 0;
top:0;
left:0;
width: 19px;
height: 17px;
}
.desplegable-1 .no-disponible{
opacity:0.5;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.desplegable-1 .no-disponible:hover{
opacity: 1;
cursor: pointer;
}
.desplegable-1 .panel-heading .item-measure span{
background: url(//www.impera.pe/wp-content/themes/impera-theme/images/measure.svg) no-repeat 0 0;
margin-right: 5px;
display: inline-block;
vertical-align: middle;
width:16px;
height: 16px;
}
.desplegable-1 .panel-heading .item-bed span{
background: url(//www.impera.pe/wp-content/themes/impera-theme/images/bed.svg) no-repeat 0 0;
margin-right: 5px;
display: inline-block;
vertical-align: middle;
width:18px;
height: 16px;
}
.desplegable-1 .panel-heading .item-bath span{
background: url(//www.impera.pe/wp-content/themes/impera-theme/images/bath.svg) no-repeat 0 0;
margin-right: 5px;
display: inline-block;
vertical-align: middle;
width:17px;
height: 16px;
}
.desplegable-1 .personal-listado .item img {
width: 100%;
}
.panel-title > a{
display: block;
}
.centrar{
text-align: center;
}
.cuerpo-2 h2{
padding-top:0;
}
.cuerpo-2 .direccion span{
width:20px;
height: 25px;
content: '';
background: url(//www.impera.pe/wp-content/themes/impera-theme/images/mapa.svg) no-repeat 0 0;
display: inline-block;
vertical-align: middle;
}
.contactos .contact-info{
position: relative;
}
.contactos .contact-info .contact-info-modu:after{
content: '';
width: 29px;
height: 33px;
background: url(//www.impera.pe/wp-content/themes/impera-theme/images/solapa.gif) no-repeat 0 0;
right: 0;
top: 0;
position: absolute;
}
.contactos .contact-info .contact-info-modu{
background: #8197A3;
padding: 25px;
font-size: 16px;
height: auto;
color:#fff;
font-weight: 300;
padding-left:60px;
}
.contactos .contact-info-modu  div{
position: relative;
margin-top: 20px;
}
.contactos .contact-info-modu div:first-child{
margin-top:0;
}
.contactos .contact-info-modu .time:before, 
.contactos .contact-info-modu .ubi:before,
.contactos .contact-info-modu .info:before{
opacity: 0.5;
position: absolute;
left: -30px;
top:5px;
}
.contactos .contact-info-modu .time:before{
content: '';
background: url(//www.impera.pe/wp-content/themes/impera-theme/images/time.svg) no-repeat 0 0;
width:21px;
height: 21px;	
}
.contactos .contact-info-modu .ubi:before{
content: '';
background: url(//www.impera.pe/wp-content/themes/impera-theme/images/ubi.svg) no-repeat 0 0;
width:21px;
height: 24px;
}
.contactos .contact-info-modu .info:before{
content: '';
background: url(//www.impera.pe/wp-content/themes/impera-theme/images/info.svg) no-repeat 0 0;
width:21px;
height: 24px;
}
.contactos .contact-info .contact-info-modu strong{
font-weight: 600;
}
.contactos .contacto-formulario .texto-area {
margin-top: 15px;
}
.contactos .contacto-formulario .texto-area textarea{
height: 130px;
}
.contactos .contacto-formulario .checkbox {
text-align:left;
padding-left: 20px;
font-family: 'Avenir-Medium', sans-serif;
}
.text-center{
clear:both;
}
.separacion-doble{
height: 30px;
}
.wrapper-titulo .h1-destacado {
text-align: center;
position: relative;
z-index: 2;
height: 430px;
}
.wrapper-menu .logo-interna{
position: relative;
z-index: 3;
}
.wrapper-menu .logo-interna .logo img{
position: absolute;
top:0;
left:0;
}
.wrapper-menu a{
z-index: 3;
}
.wrapper-menu{
position: relative;
}
.sub{
width:100%;
background:#3D5058;
opacity: 0.9;
position: relative;
}
.submenu{
background: #465D68;
bottom: -15px;
left:0;
position: absolute;
z-index: 2;
height: 45px;
}
.submenu ul{
float: right;
margin-right: 15px;
height: 45px;
}
.submenu ul li{
display: inline-block;
color:#fff;
font-weight: 300;
height: 45px;
}
.submenu ul li a{
color:#D2D8DC;
font-size:16px;
font-weight: 400;
padding: 10px;
display: block;
}
.submenu ul li a:hover{
color:#fff;
}
.submenu .titu{
text-transform: uppercase;
}
.tabs-submenu {
background: #DDDEE0;
height: 100px;
border-top: 1px solid #465D68;
height: auto;
margin: 30px -15px -30px;
padding: 20px 15px 0;
clear: both;
margin-top: 80px;
}
.tabs-submenu select{
margin-top:3px !important;
margin-bottom: 15px !important;
}
.tabs-submenu form{
overflow: auto;
background: #DDDEE0;
width: 100%;
}
.nav-interna{
padding-top:56px !important;
}
.carousel-indicators .active {
background-color: #FF6D36;
}
.carousel-indicators li {
border: 1px solid #FF6D36;
}
#menu-principal{
float:right;
}
#menu-menu-principal {
float: right;
padding-top: 60px;
padding-bottom: 20px;
}
.navbar-default {
background-color: #fff;
border:none;
margin-bottom: 0;
border-bottom: 1px solid #5C7D8F;
}
section.primera-seccion {
margin-top: 117px;
}
.wrapper-titulo-2:before{
background-image: none;
} .wrapper-maps{
background:#F2F3F4;
padding-bottom: 0;
}
.wrapper-maps .maps{
width: 100%;
height:460px;
border-top:8px solid #465D68;
background: #465D68;
clear: both;
overflow: auto;
width: 100%;
}
.gruptabs {
position: relative;
float: right;
}
.gruptabs .tabs a {
display: block;
padding: 15px 15px 15px 50px;
color: #404646;
font-weight: 300;
}
.gruptabs .tabs {
float: left;
margin-right: 5px;
padding: 0;
background: #DDDEE0;
}
.gruptabs .tab-01 a:hover,
.gruptabs .tab-01 a.tab-active {
background: #465D68 url(//www.impera.pe/wp-content/themes/impera-theme/images/ico-per-on.png) 16px 12px no-repeat;
color:#fff;
}
.gruptabs .tab-02 a:hover,
.gruptabs .tab-02 a.tab-active {
background: #465D68 url(//www.impera.pe/wp-content/themes/impera-theme/images/ico-map-on.png) 16px 12px no-repeat;
color:#fff;
}
.gruptabs .tab-01 a {
background: url(//www.impera.pe/wp-content/themes/impera-theme/images/ico-per-off.png) 16px 12px no-repeat;
}
.gruptabs .tab-02 a {
background: url(//www.impera.pe/wp-content/themes/impera-theme/images/ico-map-off.png) 16px 12px no-repeat;
}
.tabs-movil select {
width: 100%;
border: 1px solid #BFC9CC;
padding: 10px 15px;
margin-bottom: 20px;
margin-top: 15px;
}
.enviar-derecha{
float:right;
padding-top: 30px;
}
.container > .navbar-header{
float: right;
}
@media (min-width: 1060px) {
.container-1000 {
width: 1030px;
}
}
@media (min-width: 1199px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 359px) {
}  @media only screen and (max-width: 1199px){
#menu-menu-principal > li > a {
padding: 0 15px;
}
.wrapper-menu a.logo-interna{	
background-size: contain;
}
.wrapper-menu .logo-interna .logo img {
display: none;
}
.cuerpo {
padding-bottom: 30px !important;
}
.wrapper-proyectos {
padding-top: 20px;
}
.wrapper-destacado{
margin-bottom: 40px;
}
.wrapper-testi {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 992px){
#menu-menu-principal > li > a {
padding:0 10px !important;
}
.submenu{
bottom: -35px;
}
.submenu .container{
padding:0;
}
.submenu ul li a{
padding:10px 7px;
}
#menu-menu-principal > li > a {
padding:0 7px !important;
font-size:15px;
}
.submenu ul {
padding-left: 0;
}
.wrapper-menu a.logo {
width: 90% !important;
background-size: contain;
margin-top: 20px;
margin-bottom: 10px;
}
.wrapper-proyectos {
padding-top: 0px;
}
.sec-caracter .tabla .th{
min-height: 60px;
}
}
@media only screen and (max-width: 767px) { #menu-menu-principal > li > a {
font-size:15px !important;
padding:15px 7px !important;
}
#menu-menu-principal > li{
border-left:none;
border-right:none;
border-bottom: 1px solid #c3c3c3;
}
#menu-menu-principal > li:first-child {
border-left: none;
border-top: 1px solid #c3c3c3;
}
#menu-menu-principal {
padding-top: 50px;
margin-bottom: 0;
float: none;
}
.wrapper-menu a.logo {
position: absolute;
width: 160px;
height: 55px;
left: 0;
margin-top:10px;
}
.navbar-default { 
padding-bottom: 30px;
}   
.navbar-toggle {
top:15px;
right: 0;
background:#465D68;
} 
section.primera-seccion {
margin-top: 80px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: transparent;
} .wrapper-testi .item-cuerpo {
width:100%;
}
#carrusel-testi {
padding-left: 40px;
padding-right: 40px;
} .cuerpo-desta{
padding-left: 10px;
padding-right: 10px;
}
.cuerpo-desta h2{
font-size:30px;
}
.cuerpo-desta p{
font-size:18px;
margin-bottom:13px;
}
.enviar-derecha {
text-align: center;
margin-bottom: 30px;
float: none;
}
.sec-caracter .tabla .th {
min-height: 40px;
}	
}
@media only screen and (max-width: 480px) {
.wrapper-titulo .h1-bloque {
padding-top: 70px;
} .wrapper-menu a.logo {
margin-top:10px;
} .equipo .bloque .equipo-pro{
width:100%;
}
.enviar-derecha{
float: none !important;
text-align: center;
padding-bottom: 50px;
}
}
@media only screen and (max-width:1199px) and (min-width: 992px){
.submenu {
bottom: -35px;
}
#menu-menu-principal {
padding-top: 75px;
}
} .navbar-toggle .icon-bar:nth-of-type(2) {
top: 1px;
}
.navbar-toggle .icon-bar:nth-of-type(3) {
top: 2px;
}
.navbar-toggle .icon-bar {
position: relative;
transition: all 500ms ease-in-out;
}
.navbar-toggle.active .icon-bar:nth-of-type(1) {
top: 6px;
transform: rotate(45deg);
}
.navbar-toggle.active .icon-bar:nth-of-type(2) {
background-color: transparent;
}
.navbar-toggle.active .icon-bar:nth-of-type(3) {
top: -6px;
transform: rotate(-45deg);
}