@import url(https://fonts.googleapis.com/css?family=Nothing+You+Could+Do);

#marketingheader,#developerheader,#pricingheader{
 background-color:#333;
color:#fff;
margin:0 0 20px 0;
}
#emailsavestrees{

height:300px;
background-image:url(./images/wallpaper-1771803.jpg);
background-position:center center;
}
.well{
background-color:#fafafa !important;

}
.featureimg{ 
background-image:url(./images/ee2.jpg);
background-position:center 0;
border-bottom:solid 2px #ccc;
}
.featureimg .col-lg-8{ min-height:400px}

#logo a img{ width:200px}

#EEDashboard #Top1{ display:none}
#EEDashboard #Top2{ display:none}
#EEDashboard #Top3{ display:none}
#EEDashboard #Top6{ display:none}
#EEDashboard #Top7{ display:none}

#EEDashboard .container{ width:100% !important}
#EEDashboard .upperfooter{ display:none}
.ShowMediaAttachment{ float:right;margin:0 0 20px 20px}
.ShowMediaDate{ text-align:left;margin:0 0 20px 0}

.panel-body h3{ margin-top:10px !important}

.ListItemBorder{ padding:15px !important}

.navbar{ border:0 !important}
#reputation-stars{
font-size:14pt;
}
#reputation-stars td{
padding:3px;
}

#testimonials{
margin:30px 0 30px 0;
clear:both;
padding:20px;
min-height:200px;
}
.testimonial{
font-family:'Nothing You Could Do',cursive;
font-size:30px;
line-height:36px;
}
.testimonial table{
margin:0 auto 0 auto;
}
.testimonial p{
 font-family:'Roboto',sans-serif;
 font-size:20px;
 margin:0;
 padding:0;
}
.testimonial img{
margin:0 30px 0 0;
}

.smalltestimonial{
font-family:'Nothing You Could Do',cursive;
font-size:16px;
line-height:20px;
}
.smalltestimonial table{
margin:0 auto 0 auto;
}
.smalltestimonial p{
 font-family:'Roboto',sans-serif;
 font-size:13px;
 margin:0;
 padding:0;
}
.smalltestimonial img{
width:60px;
margin:0 30px 0 0;
}body 
{
background-color:#fff;
}
.navbar{ margin:0 !important}
#TopMenu{
text-transform:uppercase;
font-size:14px;
}

#TopMenu a{
color:#666;
}
#Top7 a:hover{
background-color:#009900 !important;
}
#Top7{
background-color:#00aa00;
color:#fff;
}
#Top7 a{
color:#fff;
}body{ font-size:14px;line-height:22px}footer{
min-height:280px;
background-color:#333;
color:#fff;
font-size:12px;
padding:20px 0 0 0;
margin:0;
}

#EEDashboard footer{ min-height:60px;padding:0;position:absolute;bottom:0;width:100%}

footer textarea{color:#000}
.upperfooter{
min-height:220px;
}
.lowerfooter{ 
background-color:#222;
min-height:60px;
}
footer .ListItem{ padding:10px 0 0 0;border-top:solid 1px #444}

html{
position:relative;
min-height:100%;
}
#EEDashboard{
margin-bottom:60px;
}
header{ border-bottom:solid 2px #ccc}
*,*::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-intro{
height:260px;
}
.cd-words-wrapper{
display:inline-block;
position:relative;
text-align:left;
}
.cd-words-wrapper b{
display:inline-block;
position:absolute;
color:#5cb85c;
left:0;
top:20px;
}
.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.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%);
}
}
