#agx-mapa-wrapper {
position: relative;
width: 100%;
height: 780px;
}
#agx-mapa {
width: 100%;
height: 780px;
}
#agx-mapa-panel {
position: absolute;
top: 0;
right: 0;
width: 35%;
max-width: 420px;
height: fit-content;
max-height: 100%;
background: #fff;
box-shadow: -4px 0 12px rgba(0,0,0,.15);
z-index: 1000;
padding: 20px;
overflow-y: auto;
display: none;
}
#agx-mapa-panel.abierto {
display: block;
}
.agx-panel-cerrar {
position: absolute;
top: 10px;
right: 12px;
background: none;
border: none;
font-size: 22px;
cursor: pointer;
}
.leaflet-popup-content-wrapper {
padding: 20px !important;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 0 !important
}
.tabla-edificio * {
font-family: Arial, sans-serif;
font-size: 11px;
color: #333;
}
.tabla-edificio td {
padding: 2px 5px;
}
.map-legend {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
margin-bottom: 25px;
}
.map-legend div {
max-width: 30%;
}
.map-legend div img {
height: 20px;
margin-right: 5px;
}.agx-error input,
.agx-error select {
border: 2px solid #d63638;
}
.agx-mensaje-error {
color: #d63638;
font-size: 0.85em;
margin-top: 4px;
}
#message-sent {
margin-top: 20px;
display: inline-flex;
justify-content: center;
width: 100%;
}
.agx-sent-success {
border: 1px solid #339c33;
padding: 20px;
border-radius: 10px;
max-width: 300px;
background: rgba(51, 156, 51, .3);
}
.agx-sent-error {
border: 1px solid #c81414;
padding: 20px;
border-radius: 10px;
max-width: 300px;
background: rgba(200, 20, 20, .3);
}
.formulario-campo-dependiente:not(.seleccionado) {
display: none;
}
.formulario-leyenda {
padding: 0 30px;
font-size: 13px;
line-height: 1.5em;
font-style: italic;
font-weight: 100;
}
input[type="file"] {
height: fit-content !important
}
.wpcf7-acceptance .agx-error {
flex-direction: column;
align-items: flex-start !important;
}#powerTip{cursor:default;background-color:#333;background-color:rgba(0,0,0,.8);border-radius:6px;color:#fff;display:none;padding:10px;position:absolute;white-space:nowrap;z-index:2147483647}#powerTip:before{content:"";position:absolute}#powerTip.n:before,#powerTip.s:before{border-right:5px solid transparent;border-left:5px solid transparent;left:50%;margin-left:-5px}#powerTip.e:before,#powerTip.w:before{border-bottom:5px solid transparent;border-top:5px solid transparent;margin-top:-5px;top:50%}#powerTip.n:before{border-top:10px solid #333;border-top:10px solid rgba(0,0,0,.8);bottom:-10px}#powerTip.e:before{border-right:10px solid #333;border-right:10px solid rgba(0,0,0,.8);left:-10px}#powerTip.s:before{border-bottom:10px solid #333;border-bottom:10px solid rgba(0,0,0,.8);top:-10px}#powerTip.w:before{border-left:10px solid #333;border-left:10px solid rgba(0,0,0,.8);right:-10px}#powerTip.ne:before,#powerTip.se:before{border-right:10px solid transparent;border-left:0;left:10px}#powerTip.nw:before,#powerTip.sw:before{border-left:10px solid transparent;border-right:0;right:10px}#powerTip.ne:before,#powerTip.nw:before{border-top:10px solid #333;border-top:10px solid rgba(0,0,0,.8);bottom:-10px}#powerTip.se:before,#powerTip.sw:before{border-bottom:10px solid #333;border-bottom:10px solid rgba(0,0,0,.8);top:-10px}#powerTip.ne-alt:before,#powerTip.nw-alt:before,#powerTip.se-alt:before,#powerTip.sw-alt:before{border-top:10px solid #333;border-top:10px solid rgba(0,0,0,.8);bottom:-10px;border-left:5px solid transparent;border-right:5px solid transparent;left:10px}#powerTip.ne-alt:before,#powerTip.se-alt:before{left:auto;right:10px}#powerTip.se-alt:before,#powerTip.sw-alt:before{border-top:none;border-bottom:10px solid #333;border-bottom:10px solid rgba(0,0,0,.8);bottom:auto;top:-10px}body{
position: inherit !important;
}
@-moz-keyframes Ani {
0% {
box-shadow: 0 0 0 rgba(255,255,255,0);
border: 1px solid rgba(255,255,255,0);
-webkit-transform: scale(0);
transform: scale(0)
}
70% {
box-shadow: 0 0 50px #fff;
border: 1px solid #fff;
-webkit-transform: scale(1);
transform: scale(1)
}
100% {
box-shadow: 0 0 60px rgba(255,255,255,0);
border: 0 solid rgba(255,255,255,0);
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
}
@-webkit-keyframes Ani {
0% {
box-shadow: 0 0 0 rgba(255,255,255,0);
border: 1px solid rgba(255,255,255,0);
-webkit-transform: scale(0);
transform: scale(0)
}
70% {
box-shadow: 0 0 50px #fff;
border: 1px solid #fff;
-webkit-transform: scale(1);
transform: scale(1)
}
100% {
box-shadow: 0 0 60px rgba(255,255,255,0);
border: 0 solid rgba(255,255,255,0);
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
}
@keyframes Ani {
0% {
box-shadow: 0 0 0 rgba(255,255,255,0);
border: 1px solid rgba(255,255,255,0);
-webkit-transform: scale(0);
transform: scale(0)
}
70% {
box-shadow: 0 0 50px #fff;
border: 1px solid #fff;
-webkit-transform: scale(1);
transform: scale(1)
}
100% {
box-shadow: 0 0 60px rgba(255,255,255,0);
border: 0 solid rgba(255,255,255,0);
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
}
#powerTip {
background-color: #000;
}
#powerTip.n:before {
border-top: 10px solid rgba(0,0,0,1);
}
#powerTip.s:before {
border-bottom: 10px solid #000;
}
#powerTip.e:before {
border-right: 10px solid #000;
}
#powerTip.w:before {
border-left: 10px solid #000;
right: -10px
}
#powerTip.ne:before,#powerTip.nw:before {
border-top: 10px solid #000;
border-top: 10px solid rgba(0,0,0,1);
}
#powerTip.se:before,#powerTip.sw:before {
border-bottom: 10px solid #000;
border-bottom: 10px solid rgba(0,0,0,1);
}
#powerTip.nw-alt:before,#powerTip.ne-alt:before,#powerTip.sw-alt:before,#powerTip.se-alt:before {
border-top: 10px solid #000;
border-top: 10px solid rgba(0,0,0,1);
}
#powerTip.sw-alt:before,#powerTip.se-alt:before {
border-bottom: 10px solid #000;
border-bottom: 10px solid rgba(0,0,0,1);
}
.wrap_svl {
position: relative;
float: left;
margin: 0 auto;    
max-width: 100%;
}
.wrap_svl:after{
content: "";
display: table;
clear: both;
}
.images_wrap img {
width: 100%;
height: auto;
display: block;
}
.drag_element {
position: absolute;
top: 0;
left: 0;
min-width: 1px;
min-height: 1px;
}
.point_style{
position: relative;
z-index: 10;
display: block;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
box-sizing: border-box;
text-align: center;
}
.point_style img{
position: absolute;
top: 0;
left: 0;
width: inherit;
max-width: inherit;
}
body .wrap_svl img.pins_image_hover,
body .wrap_svl .point_style.has-hover:hover img.pins_image {
display: none !important;
}
body .wrap_svl .point_style.has-hover:hover img.pins_image_hover {
display: block !important;
}
.tolltip_points{
text-align: center;
}
.tolltip_points img{
width: 130px;
height: 130px;
border: 1px solid #fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.tolltip_points .points_name{
display: block;
font-size: 16px;
}
.tolltip_points .points_desc{
display: block;
font-size: 14px;
}
.mobile_points_wrap{
display: none;
}
.mobile_points_box {
width: 50%;
float: left;
padding: 0 5px 15px 5px;
text-align: center;
}
.img_points_box {
display: inline-block;
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
border: 1px solid #fff;
}
.img_points_box img {
width: 100%;
height: 100%;
}
.mobile_points_box:nth-child(2n+1) {
clear: both;
}
ul.list_content_point {
list-style: none;
margin: 0 0 10px;
padding: 0;
}
ul.list_content_point li {
position: relative;
padding: 3px 0 0 20px;
margin: 0 0 5px 0;
}
ul.list_content_point li:before {
content: "";
font-family: FontAwesome;  
position: absolute;
top: 0;
left: 0;
font-size: 20px;  
}
ul.list_content_point li.address_point:before {
content: "\f041";    
}
ul.list_content_point li.person_point:before {
content: "\f183";    
}
ul.list_content_point li.tel_point:before {
content: "\f095";    
}
ul.list_content_point li.fax_point:before {
content: "\f1ac";    
font-size: 15px;
top: 4px;
}
ul.list_content_point li.mail_point:before {
content: "\f0e0";    
font-size: 15px;
top: 4px;
}
.box_view_html {
color: #fff;
font-weight: 300;
max-width: 530px;
white-space: normal;
overflow: hidden;
position: relative;
}
.thumb_point {
float: left;
width: 30%;
}
.has-thumb .content_point {
width: 70%;
float: left;
padding: 0 0 0 15px;
}
.has-thumb .content_point h3 {
font-size: 19px;
}
.linkto_point {
text-align: right;
margin: 20px 0 0 0;
}
.wrap_svl_center {
text-align: center;
}
.wrap_svl_center_box {
display: inline-block;
}
body .point_style a img,
body .point_style img {
max-width: inherit !important;
vertical-align: inherit;
border-radius: 0 !important;;
-moz-border-radius: 0 !important;;
-webkit-border-radius: 0 !important;;
box-shadow: none !important;;
-moz-box-shadow: none !important;;
-webkit-box-shadow: none !important;;
}
.pins_animation{
border: 3px solid rgba(255,255,255,.5);
width: 30px;
height: 30px;
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
box-shadow: 0 0 20px rgba(255,255,255,.5);
pointer-events: none;
}
.pins_animation.ihotspot_pulse{
-moz-animation: Ani 2s infinite;
-webkit-animation: Ani 2s infinite;
animation: Ani 2s infinite;
}
span.close_ihp {
display: none;
}
body .point_style a:hover img {
background: transparent !important;
}
span.close_ihp svg {
width: 25px;
height: 25px;
}
@media (max-width: 500px){
.ihp_popup_full div#powerTip {
position: fixed;
top: 0 !important;
left: 0 !important;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.ihp_popup_full span.close_ihp {
display: block;
float: right;
width: 25px;
height: 25px;
}
.ihp_popup_full span.close_ihp svg {
fill: #fff;
}
}.attachment svg,.widget_media_image svg{max-width:100%;height:auto}.agx-tfont {
font-family: Rubik !important;
} .w100 {
width: 100% !important;
} .fw-light {
font-weight: 100 !important;
}
.tcenter {
text-align: center;
} .btn {
border-radius: 5px;
}
.btn-line-green {
background: transparent;
border: 1px solid #339c33 !important;
color: #339c33 !important;
}
.btn-line-green:hover {
background-color: #339c33 !important;
color: #fff !important;
border-color: #339c33 !important;
}
.btn-line-gray {
background: transparent;
border: 1px solid #2e3b4a !important;
color: #2e3b4a !important;
}
.btn-line-gray:hover {
background-color: #2e3b4a !important;
color: #fff !important;
border-color: #2e3b4a !important;
}
.btn-line-danger {
background: transparent;
border: 1px solid #c81414 !important;
color: #c81414 !important;
}
.btn-line-danger:hover {
background-color: #c81414 !important;
color: #fff !important;
border-color: #c81414 !important;
}
.btn-h-green:hover {
background-color: #339c33 !important;
color:white !important;
} .cred {
color: #c81414 !important;
}
.cwhite {
color: #ffffff !important;
}
.cgreen {
color: #339c33 !important;
}
.bggreen {
background-color: #339c33 !important;
}
.cblue {
color: #9cccff !important;
}
.bgwhite {
background-color: #ffffff !important;
}
.bgblue {
background-color: #9cccff !important;
}
.cgray {
color: #2e3b4a !important;
}
.bggray {
background-color: #2e3b4a !important;
}
.cyellow {
color: #ffc733 !important;
}
.bgyellow {
background-color: #ffc733 !important;
} .site-header-sticky img.logo.logoDefault {
height: 55px;
width: auto;
}
.message {
padding: 5px;
text-align: center;
border-radius: 5px;
color: #fff;
}
.message-ok {
background-color: #339c33 !important;
}
.message-ko {
background-color: #c81414 !important;
} sr7-bg.sr7-layer:after {
background-color: rgba(0, 0, 0, 0) !important;
}
.home-banner sr7-bg.sr7-layer:after {
background-color: rgba(0, 0, 0, .3) !important;
}
.home-section-2 li > div {
padding: 10px;
background-color: white;
border-radius: 10px;
box-shadow: 0 10px 60px rgba(0, 0, 0, 0.12);
} .header-info-text {
display: inline-flex !important;
height: 100%;
align-items: center;
gap: 30px;
}
.head-logo-agenex img {
height: 80px;
}
.footer-widgets-inner.wrap {
border-top: 1px solid rgba(255, 255, 255, .3);
padding: 40px 0 0 0;
}
.agx-footer {
display: flex;
width: 100%;
flex-wrap: wrap;
gap: 1%;
border-top: 1px solid rgba(0, 0, 0, .2);
padding-top: 35px;
font-size: 13px;
font-weight: 100;
justify-content: space-between;
}
.agx-footer > div {
width: 24%;
padding: 10px;
}
.agx-footer .agx-footer-logos {
display: flex;
flex-direction: column;
gap: 35px;
}
.agx-footer h4 {
margin-top: 0;
color: #339c33;
}
.agx-footer ul li {
margin-bottom: 10px;
}
#hojaruta figure, #hojaruta div, #hojaruta img {
width: 100%;
}
.content-bottom-widgets {
background-image: url(//facilitaex.agenex.net/wp-content/uploads/2018/09/10.jpg) !important;
padding: 80px 0;
}
.info-formulario-asesoramiento {
background-color: rgba(46, 59, 74,.6);
padding: 70px;
}
.info-formulario-asesoramiento p {font-weight: 100;}
.formulario-asesoramiento {
background-color: #fff;
}
.formulario-asesoramiento .vc_column_container > .vc_column-inner { padding: 0 !important; }
.formulario-asesoramiento .agx-formulario{
padding: 40px;
}
.formulario-asesoramiento .agx-formulario .row {
margin: 15px 0;
}
.formulario-asesoramiento label {
font-size: 16px;
font-weight: 100;
}
.formulario-asesoramiento input, .formulario-asesoramiento select {
width: 100%;
padding: 8px !important;
height: 45px;
font-size: 15px;
}
.agx-formulario .wpcf7-acceptance .wpcf7-list-item-label {
font-size: 12px;
}
.agx-formulario .wpcf7-submit {
line-height: 1.1rem;
}
div#home-banner {
background-position: right !important;
}
div#home-banner-text {
z-index: 2;
}
div#home-banner-title {
font-size: 25px;
margin: 30px 0 30px 0;
max-width: 550px;
line-height: 1.2em;
}
div#home-banner-subtitle {
margin-top: 20px;
font-size: 20px;
max-width: 300px;
font-weight: 100;
}
#home-banner::before {
background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0)) !important;
z-index: 1;
position: absolute;
inset: 0;
content: "";
width: 80%;
height: 100%;
}
.home-section-que-facilitaex > .row-inner {
margin-top: -100px !important;
gap: 3%;
justify-content: center;
}
.home-section-que-facilitaex-section {
background-color: white;
max-width: 31%;
box-shadow: 5px 5px 10px rgba(0, 0, 0, .1);
padding: 0 !important;
}
.home-section-que-facilitaex-section > .vc_column-inner {
padding: 25px;
}
.home-section-que-facilitaex-section-img, 
.home-section-que-facilitaex-section-img figure,
.home-section-que-facilitaex-section-img figure .vc_single_image-wrapper,
.home-section-que-facilitaex-section-img img {
width: 100%;
}
.home-section-que-facilitaex-section-overtitle {
font-size: 15px;
margin-top: 10px;
color: #339c33;
font-weight: 100;
}
.home-section-que-facilitaex-section-title {
font-size: 25px;
margin-top: 10px;
color: #339c33;
}
.home-section-que-facilitaex-section-title a {
color: #339c33;
}
.home-section-que-facilitaex-section-title a:hover {
color: #339c33;
text-decoration: underline;
}
.home-section-que-facilitaex-section-text {
margin-top: 15px;
}
.agx-section-degradado-v-gris {
background: linear-gradient(to bottom, #eeeeee, #ffffff) !important;
}
.home-paralax {
background-size: cover;
background-position: center;
background-attachment: fixed !important;
}
#formulario-asesoramiento .form-img img {
height: 80px;
}
.agx-subpage-title {
color: #2e3b4a;
font-size: 60px;
text-align: left;
margin-top: 20px;
line-height: .8em;
min-height: 100px;
}
.agx-subpage-subtitle {
color: white;
font-size: 20px;
text-align: left;
margin-top: 20px;
font-weight: 100;
}
.agx-subpage-overtitle {
color: #339c33;
font-size: 15px;
text-align: left;
font-weight: 400;
}
.agx-faq {
color: #fff;
}
.agx-faq h4 {
color: #fff !important;
}
.agx-faq .vc_toggle_content {
padding-top: 20px !important;
}
.agx-faq .vc_toggle_content p {
border-top: 1px solid #fff;
padding-top: 20px;
}
.agx-sub-menu {
z-index: 100 !important;
}
.agx-sub-menu-fijo {
top: 90px;
transition: transform 0.5s;
width: 1170px;
height: 62.5px;
position: fixed;
}
.linea-temporal-overtitle, .linea-temporal-title, .linea-temporal-subtitle {
text-align: left;
}
.linea-temporal-overtitle {
font-weight: 100;
font-size: 14px;
}
.linea-temporal-overtitle.agx-fase-1 {
color: #ffc733;
}
.linea-temporal-overtitle.agx-fase-2 {
color: #9cccff;
}
.linea-temporal-overtitle.agx-fase-3 {
color: #339c33;
}
.linea-temporal-title {
color: white;
font-size: 25px;
}
.linea-temporal-subtitle {
color: #339c33;
font-weight: 100;
font-size: 16px;
}
.agx-facilita-progreso {
display: inline-flex;
width: 100%;
}
.agx-facilita-progreso-mes {
height: 30px;
flex: 1;
border-color: rgba(255,255,255,.7);
border-style: solid;
border-top-width: 3px;
border-bottom-width: 3px;
border-left-width: 1px;
border-right-width: 1px;
}
.agx-facilita-progreso-mes.agx-primera {
border-left-width: 3px;
}
.agx-facilita-progreso-mes.agx-ultima {
border-right-width: 3px;
}
.agx-facilita-progreso-mes.agx-fase-1 {
border-top-color: #ffc733;
border-bottom-color: #ffc733;
}
.agx-facilita-progreso-mes.agx-fase-1.agx-primera {
border-left-color: #ffc733;
}
.agx-facilita-progreso-mes.agx-fase-1.agx-ultima {
border-right-color: #ffc733;
}
.agx-facilita-progreso-mes.agx-fase-2 {
border-top-color: #9cccff;
border-bottom-color: #9cccff;
}
.agx-facilita-progreso-mes.agx-fase-2.agx-primera {
border-left-color: #9cccff;
}
.agx-facilita-progreso-mes.agx-fase-2.agx-ultima {
border-right-color: #9cccff;
}
.agx-facilita-progreso-mes.agx-fase-3 {
border-top-color: #339c33;
border-bottom-color: #339c33;
}
.agx-facilita-progreso-mes.agx-fase-3.agx-primera {
border-left-color: #339c33;
}
.agx-facilita-progreso-mes.agx-fase-3.agx-ultima {
border-right-color: #339c33;
}
.agx-facilita-progreso-mes.agx-consumido {
background-color: rgba(255,255,255,.5);
}
.agx-facilita-progreso-leyenda {
flex: 1;
}
.agx-facilita-progreso-leyenda {
font-weight: 100;
font-size: 12px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.agx-facilita-progreso-leyenda > div {color: white;}
.agx-inicio-periodo, .agx-fin-periodo {width: 44%;}
.agx-nombre-periodo {width: 100%;text-align: center;font-size: 16px;font-weight: bold;}
.agx-nombre-periodo.agx-fase-1 {color: #ffc733;}
.agx-nombre-periodo.agx-fase-2 {color: #9cccff;}
.agx-nombre-periodo.agx-fase-3 {color: #339c33;}
.agx-fin-periodo {text-align: right;}
#site .iconlist.iconlist-icon-small li .iconlist-item-icon {
margin-right: 20px !important;
}
#site .iconlist.iconlist-icon-small li .iconlist-item-icon img {
max-width: 75px;
width: 75px;
}
.agx-entidades-colaboradoras {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-evenly;
gap: 20px;
}
.agx-entidad-colaboradora {
width: fit-content;
max-width: 300px;
}
.agx-entidad-colaboradora a {
display: flex;
flex-direction: column;
}
.agx-entidad-colaboradora-img {
height: 100px;
width: auto;
max-width: 260px;
object-fit: contain;
display: block;
margin: 0 auto;
}
.agx-entidad-colaboradora-title > h4 {
text-align: center;
margin-top: 10px;
color: rgb(46, 59, 74);
}
.agx-entidad-colaboradora:hover > h4 {
color: #fff;
}
.agx-entidad-colaboradora-title > div {
display: none;
text-align: center;
font-size: 14px;
font-weight: 100;
color: rgb(46, 59, 74);
}
.agx-entidad-colaboradora:hover {
border-radius: 20px;
padding: 10px;
border: 1px solid rgba(46, 59, 74, 0.6);
}
.agx-entidad-colaboradora:hover .agx-entidad-colaboradora-title > div {
display: block;
}
.agx-boton-centrado {
margin: 0 auto;
display: block;
}
#popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0,0,0,0.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 9998;
}
#popup-box {
background: #fff;
padding: 20px 25px;
border-radius: 8px;
max-width: 800px;
width: 90%;
text-align: center;
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
z-index: 9999;
}
#popup-box p {
margin-bottom: 20px;
}
.popup-buttons {
display: flex;
justify-content: center;
gap: 15px;
}
.home-section-que-facilitaex-section.agx-mapa-tras-reforma,
.home-section-que-facilitaex-section.agx-hub-results-container {
width: 100% !important;
max-width: none !important;
min-height: 300px !important;
}
.home-section-que-facilitaex-section.agx-mapa-tras-reforma {
min-height: 800px !important;
}
.single-post .content-header, .single-post .post-categories {
display: none;
}
.single-post .post-thumbnail {
text-align: center;
}
.single-post .post-thumbnail {
text-align: center;
}
.single-post .post-thumbnail img {
max-width: 700px;
width: auto;
}
.no-max-width {
max-width: none !important;
}
.agx-built-by {
padding: 20px 0;
font-weight: 100;
}
.agx-built-by a:hover {
font-weight: bold !important;
}*, *::after, *::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html * {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cd-headline {
font-size: 3rem;
line-height: 1.2;
}
@media only screen and (min-width: 768px) {
.cd-headline {
font-size: 4.4rem;
font-weight: 300;
}
}
@media only screen and (min-width: 1170px) {
.cd-headline {
font-size: 6rem;
}
}
.cd-words-wrapper {
display: inline-block;
position: relative;
text-align: left;
}
.cd-words-wrapper b {
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
top: 0;
font-weight: normal;
}
.cd-words-wrapper b.is-visible {
position: relative;
}
.no-js .cd-words-wrapper b {
opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
opacity: 1;
}
.cd-headline b i, .cd-headline b i em{ font-style: normal;} .cd-headline.rotate-1 .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.cd-headline.rotate-1 b {
opacity: 0;
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.cd-headline.rotate-1 b.is-visible {
opacity: 1;
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-animation: cd-rotate-1-in 1.2s;
-moz-animation: cd-rotate-1-in 1.2s;
animation: cd-rotate-1-in 1.2s;
}
.cd-headline.rotate-1 b.is-hidden {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-animation: cd-rotate-1-out 1.2s;
-moz-animation: cd-rotate-1-out 1.2s;
animation: cd-rotate-1-out 1.2s;
}
@-webkit-keyframes cd-rotate-1-in {
0% {
-webkit-transform: rotateX(180deg);
opacity: 0;
}
35% {
-webkit-transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(360deg);
opacity: 1;
}
}
@-moz-keyframes cd-rotate-1-in {
0% {
-moz-transform: rotateX(180deg);
opacity: 0;
}
35% {
-moz-transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-moz-transform: rotateX(360deg);
opacity: 1;
}
}
@keyframes cd-rotate-1-in {
0% {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0;
}
35% {
-webkit-transform: rotateX(120deg);
-moz-transform: rotateX(120deg);
-ms-transform: rotateX(120deg);
-o-transform: rotateX(120deg);
transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(360deg);
-moz-transform: rotateX(360deg);
-ms-transform: rotateX(360deg);
-o-transform: rotateX(360deg);
transform: rotateX(360deg);
opacity: 1;
}
}
@-webkit-keyframes cd-rotate-1-out {
0% {
-webkit-transform: rotateX(0deg);
opacity: 1;
}
35% {
-webkit-transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(180deg);
opacity: 0;
}
}
@-moz-keyframes cd-rotate-1-out {
0% {
-moz-transform: rotateX(0deg);
opacity: 1;
}
35% {
-moz-transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-moz-transform: rotateX(180deg);
opacity: 0;
}
}
@keyframes cd-rotate-1-out {
0% {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
35% {
-webkit-transform: rotateX(-40deg);
-moz-transform: rotateX(-40deg);
-ms-transform: rotateX(-40deg);
-o-transform: rotateX(-40deg);
transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0;
}
} .cd-headline.type .cd-words-wrapper {
vertical-align: top;
overflow: hidden;
}
.cd-headline.type .cd-words-wrapper::after { content: '';
position: absolute;
right: 0;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 90%;
width: 1px;
background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.waiting::after {
-webkit-animation: cd-pulse 1s infinite;
-moz-animation: cd-pulse 1s infinite;
animation: cd-pulse 1s infinite;
}
.cd-headline.type .cd-words-wrapper.selected {
background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.selected::after {
visibility: hidden;
}
.cd-headline.type .cd-words-wrapper.selected b {
color: #0d0d0d;
}
.cd-headline.type b {
visibility: hidden;
}
.cd-headline.type b.is-visible {
visibility: visible;
}
.cd-headline.type i {
position: absolute;
visibility: hidden;
}
.cd-headline.type i.in {
position: relative;
visibility: visible;
}
@-webkit-keyframes cd-pulse {
0% {
-webkit-transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-webkit-transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-webkit-transform: translateY(-50%) scale(0);
opacity: 0;
}
}
@-moz-keyframes cd-pulse {
0% {
-moz-transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-moz-transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-moz-transform: translateY(-50%) scale(0);
opacity: 0;
}
}
@keyframes cd-pulse {
0% {
-webkit-transform: translateY(-50%) scale(1);
-moz-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
-o-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-webkit-transform: translateY(-50%) scale(0.9);
-moz-transform: translateY(-50%) scale(0.9);
-ms-transform: translateY(-50%) scale(0.9);
-o-transform: translateY(-50%) scale(0.9);
transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-webkit-transform: translateY(-50%) scale(0);
-moz-transform: translateY(-50%) scale(0);
-ms-transform: translateY(-50%) scale(0);
-o-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
opacity: 0;
}
} .cd-headline.rotate-2 .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.cd-headline.rotate-2 i, .cd-headline.rotate-2 em {
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-headline.rotate-2 b {
opacity: 0;
}
.cd-headline.rotate-2 i {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(-20px) rotateX(90deg);
-moz-transform: translateZ(-20px) rotateX(90deg);
-ms-transform: translateZ(-20px) rotateX(90deg);
-o-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
opacity: 0;
}
.is-visible .cd-headline.rotate-2 i {
opacity: 1;
}
.cd-headline.rotate-2 i.in {
-webkit-animation: cd-rotate-2-in 0.4s forwards;
-moz-animation: cd-rotate-2-in 0.4s forwards;
animation: cd-rotate-2-in 0.4s forwards;
}
.cd-headline.rotate-2 i.out {
-webkit-animation: cd-rotate-2-out 0.4s forwards;
-moz-animation: cd-rotate-2-out 0.4s forwards;
animation: cd-rotate-2-out 0.4s forwards;
}
.cd-headline.rotate-2 em {
-webkit-transform: translateZ(20px);
-moz-transform: translateZ(20px);
-ms-transform: translateZ(20px);
-o-transform: translateZ(20px);
transform: translateZ(20px);
}
.no-csstransitions .cd-headline.rotate-2 i {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 0;
}
.no-csstransitions .cd-headline.rotate-2 i em {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.no-csstransitions .cd-headline.rotate-2 .is-visible i {
opacity: 1;
}
@-webkit-keyframes cd-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
}
}
@-moz-keyframes cd-rotate-2-in {
0% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(0deg);
}
}
@keyframes cd-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
-moz-transform: translateZ(-20px) rotateX(90deg);
-ms-transform: translateZ(-20px) rotateX(90deg);
-o-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
-moz-transform: translateZ(-20px) rotateX(-10deg);
-ms-transform: translateZ(-20px) rotateX(-10deg);
-o-transform: translateZ(-20px) rotateX(-10deg);
transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
-moz-transform: translateZ(-20px) rotateX(0deg);
-ms-transform: translateZ(-20px) rotateX(0deg);
-o-transform: translateZ(-20px) rotateX(0deg);
transform: translateZ(-20px) rotateX(0deg);
}
}
@-webkit-keyframes cd-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
}
}
@-moz-keyframes cd-rotate-2-out {
0% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(-90deg);
}
}
@keyframes cd-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
-moz-transform: translateZ(-20px) rotateX(0);
-ms-transform: translateZ(-20px) rotateX(0);
-o-transform: translateZ(-20px) rotateX(0);
transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
-moz-transform: translateZ(-20px) rotateX(-100deg);
-ms-transform: translateZ(-20px) rotateX(-100deg);
-o-transform: translateZ(-20px) rotateX(-100deg);
transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
-moz-transform: translateZ(-20px) rotateX(-90deg);
-ms-transform: translateZ(-20px) rotateX(-90deg);
-o-transform: translateZ(-20px) rotateX(-90deg);
transform: translateZ(-20px) rotateX(-90deg);
}
} .cd-headline.loading-bar span {
display: inline-block;
padding: .2em 0;
}
.cd-headline.loading-bar .cd-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.cd-headline.loading-bar .cd-words-wrapper::after { content: '';
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 0;
background: #0096a7;
z-index: 2;
-webkit-transition: width 0.3s -0.1s;
-moz-transition: width 0.3s -0.1s;
transition: width 0.3s -0.1s;
}
.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
width: 100%;
-webkit-transition: width 3s;
-moz-transition: width 3s;
transition: width 3s;
}
.cd-headline.loading-bar b {
top: .2em;
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.cd-headline.loading-bar b.is-visible {
opacity: 1;
top: 0;
} .cd-headline.slide span {
display: inline-block;
padding: .2em 0;
}
.cd-headline.slide .cd-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.cd-headline.slide b {
opacity: 0;
top: .2em;
}
.cd-headline.slide b.is-visible {
top: 0;
opacity: 1;
-webkit-animation: slide-in 0.6s;
-moz-animation: slide-in 0.6s;
animation: slide-in 0.6s;
}
.cd-headline.slide b.is-hidden {
-webkit-animation: slide-out 0.6s;
-moz-animation: slide-out 0.6s;
animation: slide-out 0.6s;
}
@-webkit-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes slide-in {
0% {
opacity: 0;
-moz-transform: translateY(-100%);
}
60% {
opacity: 1;
-moz-transform: translateY(20%);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
-moz-transform: translateY(20%);
-ms-transform: translateY(20%);
-o-transform: translateY(20%);
transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
}
}
@-moz-keyframes slide-out {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
60% {
opacity: 0;
-moz-transform: translateY(120%);
}
100% {
opacity: 0;
-moz-transform: translateY(100%);
}
}
@keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
-moz-transform: translateY(120%);
-ms-transform: translateY(120%);
-o-transform: translateY(120%);
transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
} .cd-headline.clip span {
display: inline-block;
padding: .2em 0;
}
.cd-headline.clip .cd-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.cd-headline.clip .cd-words-wrapper::after { content: '';
position: absolute;
top: 0;
right: 0;
width: 2px;
height: 100%;
background-color: #aebcb9;
}
.cd-headline.clip b {
opacity: 0;
}
.cd-headline.clip b.is-visible {
opacity: 1;
} .cd-headline.zoom .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.cd-headline.zoom b {
opacity: 0;
}
.cd-headline.zoom b.is-visible {
opacity: 1;
-webkit-animation: zoom-in 0.8s;
-moz-animation: zoom-in 0.8s;
animation: zoom-in 0.8s;
}
.cd-headline.zoom b.is-hidden {
-webkit-animation: zoom-out 0.8s;
-moz-animation: zoom-out 0.8s;
animation: zoom-out 0.8s;
}
@-webkit-keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
}
}
@-moz-keyframes zoom-in {
0% {
opacity: 0;
-moz-transform: translateZ(100px);
}
100% {
opacity: 1;
-moz-transform: translateZ(0);
}
}
@keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px);
-moz-transform: translateZ(100px);
-ms-transform: translateZ(100px);
-o-transform: translateZ(100px);
transform: translateZ(100px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
}
@-webkit-keyframes zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px);
}
}
@-moz-keyframes zoom-out {
0% {
opacity: 1;
-moz-transform: translateZ(0);
}
100% {
opacity: 0;
-moz-transform: translateZ(-100px);
}
}
@keyframes zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px);
-moz-transform: translateZ(-100px);
-ms-transform: translateZ(-100px);
-o-transform: translateZ(-100px);
transform: translateZ(-100px);
}
} .cd-headline.rotate-3 .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.cd-headline.rotate-3 b {
opacity: 0;
}
.cd-headline.rotate-3 i {
display: inline-block;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.is-visible .cd-headline.rotate-3 i {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.cd-headline.rotate-3 i.in {
-webkit-animation: cd-rotate-3-in 0.6s forwards;
-moz-animation: cd-rotate-3-in 0.6s forwards;
animation: cd-rotate-3-in 0.6s forwards;
}
.cd-headline.rotate-3 i.out {
-webkit-animation: cd-rotate-3-out 0.6s forwards;
-moz-animation: cd-rotate-3-out 0.6s forwards;
animation: cd-rotate-3-out 0.6s forwards;
}
.no-csstransitions .cd-headline.rotate-3 i {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 0;
}
.no-csstransitions .cd-headline.rotate-3 .is-visible i {
opacity: 1;
}
@-webkit-keyframes cd-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
}
}
@-moz-keyframes cd-rotate-3-in {
0% {
-moz-transform: rotateY(180deg);
}
100% {
-moz-transform: rotateY(0deg);
}
}
@keyframes cd-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
@-webkit-keyframes cd-rotate-3-out {
0% {
-webkit-transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
}
}
@-moz-keyframes cd-rotate-3-out {
0% {
-moz-transform: rotateY(0);
}
100% {
-moz-transform: rotateY(-180deg);
}
}
@keyframes cd-rotate-3-out {
0% {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
} .cd-headline.scale b {
opacity: 0;
}
.cd-headline.scale i {
display: inline-block;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.is-visible .cd-headline.scale i {
opacity: 1;
}
.cd-headline.scale i.in {
-webkit-animation: scale-up 0.6s forwards;
-moz-animation: scale-up 0.6s forwards;
animation: scale-up 0.6s forwards;
}
.cd-headline.scale i.out {
-webkit-animation: scale-down 0.6s forwards;
-moz-animation: scale-down 0.6s forwards;
animation: scale-down 0.6s forwards;
}
.no-csstransitions .cd-headline.scale i {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0;
}
.no-csstransitions .cd-headline.scale .is-visible i {
opacity: 1;
}
@-webkit-keyframes scale-up {
0% {
-webkit-transform: scale(0);
opacity: 0;
}
60% {
-webkit-transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes scale-up {
0% {
-moz-transform: scale(0);
opacity: 0;
}
60% {
-moz-transform: scale(1.2);
opacity: 1;
}
100% {
-moz-transform: scale(1);
opacity: 1;
}
}
@keyframes scale-up {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
}
60% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes scale-down {
0% {
-webkit-transform: scale(1);
opacity: 1;
}
60% {
-webkit-transform: scale(0);
opacity: 0;
}
}
@-moz-keyframes scale-down {
0% {
-moz-transform: scale(1);
opacity: 1;
}
60% {
-moz-transform: scale(0);
opacity: 0;
}
}
@keyframes scale-down {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
60% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
}
} .cd-headline.push b {
opacity: 0;
}
.cd-headline.push b.is-visible {
opacity: 1;
-webkit-animation: push-in 0.6s;
-moz-animation: push-in 0.6s;
animation: push-in 0.6s;
}
.cd-headline.push b.is-hidden {
-webkit-animation: push-out 0.6s;
-moz-animation: push-out 0.6s;
animation: push-out 0.6s;
}
@-webkit-keyframes push-in {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateX(10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes push-in {
0% {
opacity: 0;
-moz-transform: translateX(-100%);
}
60% {
opacity: 1;
-moz-transform: translateX(10%);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@keyframes push-in {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateX(10%);
-moz-transform: translateX(10%);
-ms-transform: translateX(10%);
-o-transform: translateX(10%);
transform: translateX(10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes push-out {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateX(110%);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%);
}
}
@-moz-keyframes push-out {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
60% {
opacity: 0;
-moz-transform: translateX(110%);
}
100% {
opacity: 0;
-moz-transform: translateX(100%);
}
}
@keyframes push-out {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateX(110%);
-moz-transform: translateX(110%);
-ms-transform: translateX(110%);
-o-transform: translateX(110%);
transform: translateX(110%);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
}