*{
margin: 0;
padding: 0;
}
html{
width: 100%;
font-family: 'Roboto', sans-serif;
}
body{
width: 100%;
}
header {
width: 100%;
height: 70px;
border-bottom: 1px solid #eee;
position: fixed;
z-index: 999;
background: rgb(255, 255, 255);
}
div.hero {
max-width: 100%;
height: 450px;
background: linear-gradient(rgba(0, 0, 0, 0.07),rgb(0, 85, 165)),url(../img/hero.jpg);
background: linear-gradient(rgba(0, 93, 167, 0.61),rgb(0, 85, 165)),url(../img/hero.jpg);
background-attachment: fixed;
background-size: cover;
position: relative;
}
.hero.sub-page {
height: 300px;
}
.hero.sub-page h1 {
margin-top: -30px;
}
nav {
max-width: 1000px;
margin: auto;
padding-left: 30px;
padding-right: 30px;
position: relative;
}
nav.responsive-nav {
display: none;
background-color: rgba(255, 255, 255, 0.97);
padding: 24px 25px 22px 23px;
margin-top: 0px;
border-top: 0px solid #eee;
top: 12px;
animation-duration: 300ms;
}
.responsive-nav ul.site-nav {
margin-top: 0px;
margin-left: 0px;
display: block;
}
.responsive-nav ul.site-nav li{
display: block;
}
ul.top-menu {
margin-top: 4px;
}
ul.top-menu li {
display: inline;
}
li.menu-btn {
color: #0054a4;
margin-left: 14px;
display: none !important;
font-size: 16px;
border: 1px solid;
padding: 7px;
border-radius: 4px;
cursor: pointer;
position: relative;
top: -5px;
left: -26px;
}
li.menu-btn:hover {
background: #0054a4;
color: white;
outline: none;
}
div#logincta img {
width: 16px;
}
div#logincta_2 img {
width: 16px;
}
.top-menu a img {
width: 112px;
margin-top: 8px;
margin-bottom: -5px;
}
ul.site-nav {
margin-top: -24px;
margin-left: 139px;
}
ul.site-nav li {
padding: 10px 9px;
display: inline;
}
li.request-ctabtn {
text-decoration: none;
color: #507dab;
font-size: 14px;
cursor: pointer;
}
.site-nav a {
text-decoration: none;
color: #507dab;
font-size: 14px;
}
.site-nav a:hover {
color: #0055a5;
}
.hero.sub-page .homepage-message {
max-width: 900px;
}
.hero.sub-page h2 {
font-size: 18px;
}
.homepage-message {
position: absolute;
max-width: 800px;
height: 300px;
background: transparent;
left: 0;
right: 0;
margin: auto;
padding-right: 30px;
padding-left: 30px;
top: 160px;
}
.homepage-message h1 {
text-align: center;
margin-top: 30px;
font-size: 28px;
font-weight: 100;
text-transform: capitalize;
color: #ffffff;
}
.homepage-message h2 {
text-align: center;
margin-top: 20px;
font-size: 25px;
font-weight: 400;
color: #ffffff;
}
.wrapper {
max-width: 1200px;
margin: auto;
position: relative;
margin-top: 1px;
margin-bottom: 50px;
background-color:transparent;
}
.aside {
width: 35%;
height: 600px;
}
.section {
width: 100%;
min-height: 300px;
background: white;
padding-top: 18px;
text-align: center;
}
.section h1 {
padding-top: 80px;
font-size: 30px;
font-weight: 400;
color: #0055a5;
max-width: 800px;
padding-right: 20px;
padding-left: 20px;
margin: auto;
margin-top: -50px;
}
.section a {
color: #777;
cursor: pointer;
text-decoration: none;
}
a h2 span {
color: #f78f1e;
}
.section h2 {
font-size: 20px;
font-weight: 100;
color: #232e38;
max-width: 800px;
padding-right: 20px;
padding-left: 20px;
margin: auto;
margin-top: 20px;
line-height: 1.5;
}
h3 {
padding: 0.5rem;
color: #f78f1e;
}
h4 {
color: #989898;
font-weight: 400;
margin-top: -10px;
margin-bottom: 16px;
}
.widget {
max-width: 300px;
margin-top: 50px;
border: 1px solid #eee;
box-shadow: 3px 11px 30px rgba(0, 0, 0, 0.13);
border-radius: 4px;
overflow: hidden;
padding-bottom: 10px;
padding: 10px;
}
.widget p {
padding: 0.5rem;
margin-top: -14px;
}
.widget a {
display: block;
padding: 10px;
color: #507dab;
text-decoration: none;
}
.container {
width: 100%;
min-height: 500px;
background: transparent;
}
.container.sub-page-center {
left: 0;
right: 0;
margin: auto;
}
.container.small.sub-page-center {
max-width: 600px;
}
.sub-page-center iframe {
width: 100%;
height: 1500px;
border: none;
}
article {
padding: 0.8rem;
max-width: 650px;
margin-top: 16px;
}
article a {
text-decoration: none;
}
article h1 {
line-height: 2.5;
color: #0055a5;
text-decoration: underline;
}
p {
margin-top: 10px;
line-height: 1.7;
color: #555;
}
form#form2 {
padding: 10px;
}
select {
display: block;
width: 100%;
height: 30px;
font-size: 13px;
background: white;
border: 1px solid #eee;
margin-bottom: 20px;
margin-top: 10px;
}
input[type="submit"] {
width: 100%;
border: none;
padding: 10px;
font-size: 15px;
background: #0055a5;
color: white;
border-radius: 4px;
box-shadow: 2px 2px 23px #326eab;
cursor: pointer;
}
input[type="submit"]:hover{
background: #6b9cce;
}
ul.logo-controls {
position: absolute;
right: 10px;
top: 95px;
transition: 500ms ease-out;
}
ul.logo-controls li {
display: inline-block;
}
li a {
text-decoration: none;
}
div#logincta span {
color: #cc7312;
padding-left: 6px;
padding-right: 6px;
}
div#logincta_2 span {
color: #cc7312;
padding-left: 6px;
padding-right: 6px;
}
.cta-container {
text-align: center;
max-width: 700px;
margin: auto;
margin-top: 50px;
height: 100px;
}
a.orange-cta {
background: #f78f1e;
border: none;
padding: 9px 33px;
font-size: 16px;
color: white;
border-radius: 4px;
font-weight: 100;
outline: none;
margin-right: 10px;
text-decoration: none;
}
a.orange-cta:hover{
background: #fb9a31;
}
span.request-ctabtn, p a, h4 a {
color: #f78f1e;
text-decoration: none;
}
span.showvideo-ctabtn, p a {
color: #f78f1e;
margin-left: 4px;
cursor: pointer;
}
ul.logo-controls li #logincta {
background: #f78f1e;
border: none;
padding: 10px;
font-size: 15px;
color: white;
border-radius: 4px;
outline: none;
margin-right: 10px;
/*box-shadow: 2px 2px 23px #f9880e;*/
}
ul.logo-controls li #logincta_2 {
background: #f78f1e;
border: none;
padding: 10px;
font-size: 15px;
color: white;
border-radius: 4px;
outline: none;
margin-right: 10px;
/*box-shadow: 2px 2px 23px #f9880e;*/
}
ul.logo-controls li input:hover{
background: #fba03d;
}
.section-wrapper {
max-width: 1000px;
margin: auto;
}
.product-features {
max-width: 100%;
height: 195px;
background: linear-gradient(120deg,#f78f1e,#ffbc24);
/* transform: skewY(-8deg); */
transform-origin: 0;
overflow: hidden;
}
.col-3 {
width: 30%;
min-height: 150px;
display: inline-block;
padding: 15px;
text-align: center;
padding-bottom: 30px;
background: transparent;
cursor: pointer;
color: #ad671b;
text-decoration: none;
font-size: 18px;
}
.col-3 svg {
display: block;
margin: auto;
fill: #ad671b;
margin-bottom: 24px;
margin-top: 30px;
}
.col-3 a {
color: #ad671b;
text-decoration: none;
font-size: 18px;
}
.col-3:hover {
background: #d46e00;
cursor: pointer;
color: rgba(8, 8, 8, 0.32);
}
.col-3:hover svg {
fill: rgba(8, 8, 8, 0.32);
}
.col-3:hover a{
color: rgba(8, 8, 8, 0.32);
}
footer {
padding: 20px;
background: #eae8e8;
border-top: 1px solid #eae8e8;
padding-bottom: 45px;
}
.footer-wrapper {
max-width: 1000px;
margin: auto;
color: rgba(35, 46, 56, 0.55);
margin-top: 5px;
}
footer ul li {
display: inline-block;
margin-right: 10px;
margin-top: 10px;
color: rgba(35, 46, 56, 0.55);
}
footer ul li a, footer li.request-ctabtn{
color: rgba(35, 46, 56, 0.55);
}
.poweredby {
text-align: right;
margin-top: -123px;
padding-bottom: 20px;
}
footer span {
display: block;
margin-right: 27px;
}
.footer-section-right {
position: relative;
}
ul.footer-rightside li a svg {
fill: #0957a3;
vertical-align: middle;
}
ul.footer-rightside li a svg:hover {
fill: #0957a3;
}
.footer-section-right .sponsar-social-links {
display: inline-block;
}
ul.footer-rightside {
position: relative;
top: 17px;
text-align: left;
right: 40px;
font-size: 17px;
}
ul.poweredby.responsive-footer {
text-align: left;
margin-left: 40px;
margin-top: -20px;
}
.strip {
width: 100%;
height: 100px;
background: linear-gradient(-10deg,#f78f1e,#ffbc24);
position: absolute;
bottom: 0;
transform: skewY(5deg);
transform-origin: 0;
display: none;
}
.section.light-gray {
background: #f7f7f7;
}
.Newsletter-container input[type="email"] {
padding: 12px 53px 12px 12px;
font-size: 17px;
border: none;
margin-top: 20px;
outline: none;
}
input#NewsletterSubmit {
width: inherit;
box-shadow: none;
border-radius: 0;
font-size: 17px;
padding: 12px;
margin-left: -4px;
background: #0957a2;
}
/**********************************
Contact Form
**********************************/
.overlay-contactcontainer {
width: 100%;
height: 100%;
background: rgba(16, 40, 62, 0.49);
position: fixed;
top: 0;
left: 0;
z-index: 9;
background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.89) 10%, rgba(0, 0, 0, 0.89) 0%);
background: -ms-linear-gradient(0deg, rgba(0, 0, 0, 0.89) 10%, rgba(0, 0, 0, 0.89) 0%);
background: -o-linear-gradient(0deg, rgba(0, 0, 0, 0.89) 10%, rgba(0, 0, 0, 0.89) 0%);
z-index: 9999;
display: none;
}
.contact-container {
max-width: 500px;
min-height: 275px;
background: #FFFFFF;
margin: auto;
margin-top: 100px;
padding-top: 10px;
padding-right: 9px;
padding-left: 9px;
padding-bottom: 15px;
box-shadow: 1px 1px 7px 4px rgba(18, 18, 19, 0.15);
border-radius: 5px;
position: relative;
overflow: hidden;
transition: 200ms ease-in;
}
.contact-container form {
margin: 13px;
}
.contact-container input[type="text"], .contact-container input[type="email"], .contact-container input[type="tel"] {
width: 94%;
height: 34px;
padding: 1px 12px;
margin-bottom: 34px;
margin-top: 6px;
font-size: 13px;
line-height: 1.42857143;
color: #4E4E4E;
background-color: rgba(0, 0, 0, 0.02);
background-image: none;
border: none;
border-bottom: 0px solid #d1d1d1;
border-radius: 0px;
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
outline: none !important;
}
.field-group input, .field-group lable {
width: 41.9% !important;
margin-right: 11px;
display: inline-grid;
}
.field-group:first-child {
max-width: 200px;
margin: auto;
margin-bottom: 50px;
}
.field-group {
position: relative;
}
label {
font-size: 14px;
color: #777;
line-height: 1.9;
position: absolute;
top: -23px;
}
.cached-logo-picture {
width: 208px;
height: 93px;
background-repeat: no-repeat;
background-size: cover;
background-position-x: 0px;
background-position-y: 7px;
margin: auto;
margin-top: 19px;
margin-bottom: 30px;
overflow: hidden;
transition: 200ms ease-in;
}
.field-group.requested #RequestedDemo {
width: 48%;
height: 38px;
display: inline-block;
}
textarea#CompanyMsg {
width: 94%;
height: 34px;
padding: 10px 12px;
margin-bottom: 34px;
margin-top: -10px;
font-size: 13px;
line-height: 1.42857143;
color: #4E4E4E;
background-color: rgba(0, 0, 0, 0.02);
background-image: none;
border: none;
border-bottom: 0px solid #d1d1d1;
border-radius: 0px;
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
outline: none !important;
}
span.request-ctabtn:hover {
cursor: pointer;
text-decoration: underline;
}
.homepage-message .request-ctabtn {
background: #f9880e;
border: none;
padding: 10px;
font-size: 18px;
color: white;
border-radius: 3px;
outline: none;
margin-right: 10px;
width: 160px;
margin: auto;
margin-top: 24px;
cursor: pointer;
}
.homepage-message .request-ctabtn:hover{
background: #fb9a31;
}
input.closebtn {
color: #0055a5;
font-size: 14px;
border: 1px solid #eee;
background: white;
padding: 5px;
border-radius: 10px;
height: 34px;
}
input.Loginbtn
{
width: 100%;
border: none;
padding: 10px;
font-size: 15px;
background: #ff9900;
color: white;
border-radius: 4px;
box-shadow: 2px 2px 23px #326eab;
cursor: pointer;
}
input.Phonebtn
{
margin-bottom: 2px;
margin-top: 0px;
width: 50px;
height: 25px;
border: 1px solid #eee;
Outline: none;
padding: 2px;
font-size: 12px;
background: Grey;
color: white;
cursor: pointer;
border-radius: none;
box-shadow: none;
}
.popup-videoplayercontainer {
width: 100%;
height: 100%;
background: rgba(24,25,33,0.47);
position: fixed;
top: 0;
left: 0;
z-index: 9;
background: -moz-linear-gradient(0deg,rgba(0,0,0,0.89) 10%,rgba(0,0,0,0.89) 0%);
background: -ms-linear-gradient(0deg,rgba(0,0,0,0.89) 10%,rgba(0,0,0,0.89) 0%);
background: -o-linear-gradient(0deg,rgba(0,0,0,0.89) 10%,rgba(0,0,0,0.89) 0%);
z-index: 9999;
display:none;
}
.video-wrapper {
max-width: 600px;
min-height: 375px;
background: #FFFFFF;
margin: auto;
margin-top: 200px;
padding-top: 10px;
padding-right: 9px;
padding-left: 9px;
padding-bottom: 15px;
box-shadow: 1px 1px 7px 4px rgba(0,0,0,0.12);
border-radius: 5px;
position: relative;
overflow: hidden;
transition: 200ms ease-in;
}
.hide-extra {
display: none;
}
.showbtn {
color: #f78f1e;
border: 1px solid;
max-width: 64px;
padding: 5px 6px;
font-size: 12px;
margin-top: 10px;
cursor: pointer;
}
.showbtn:hover{
background: #f78f1e;
color: white;
}
h1.cd-headline.letters.type {
font-size: 56px;
margin-top: 0;
}
h1.cd-headline.letters.type span {
padding-right: 20px;
font-size:45px;
}
@media(max-width: 1060px){
.site-nav{
display: none;
}
ul.logo-controls {
position: absolute;
right: 10px;
top: 12px;
transition: 500ms ease-in;
}
nav.responsive-nav{
}
li.menu-btn{
display: inline-block !important;
}
article {
padding: 1.9rem;
}
}
@media(max-width: 600px){
.homepage-message{
}
}
.cd-section h1,.cd-section p,.touch .cd-nav-trigger span{left:50%;-webkit-transform:translateX(-50%) translateY(-50%)}.cd-headline.type .cd-words-wrapper.selected::after,.cd-headline.type b{visibility:hidden}.cd-title{position:relative;height:160px;line-height:230px;text-align:center}.cd-title h1{font-size:2.4rem;font-weight:700}.cd-img-replace{display:inline-block;overflow:hidden;text-indent:100%;white-space:nowrap}.cd-section{min-height:100%;position:relative;padding:2em 0}.cd-section:nth-of-type(odd){background-color:#3e3947}.cd-section:nth-of-type(odd) p{color:#898099}.cd-section:nth-of-type(even){background-color:#745360}.cd-section:nth-of-type(even) p{color:#bda3ad}.cd-section h1,.cd-section p{position:absolute;top:50%;bottom:auto;right:auto;-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:90%;max-width:768px;text-align:center}.cd-section h1{color:#fff;font-weight:300;text-transform:uppercase;font-size:20px;font-size:1.25rem}.cd-section p{line-height:1.6}@media only screen and (min-width:768px){.cd-section h1{font-size:30px;font-size:1.875rem}.cd-section p{font-size:20px;font-size:1.25rem;line-height:2}}.cd-scroll-down{position:absolute;left:50%;right:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);bottom:20px;width:38px;height:44px;background:url(../img/cd-arrow-bottom.svg) center center no-repeat}.cd-nav-trigger{display:none}.no-touch #cd-vertical-nav{position:fixed;right:40px;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:1}.no-touch #cd-vertical-nav li{text-align:right}.no-touch #cd-vertical-nav a{display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.no-touch #cd-vertical-nav a:after{content:"";display:table;clear:both}.no-touch #cd-vertical-nav a span{float:right;display:inline-block;-webkit-transform:scale(.6);-moz-transform:scale(.6);-ms-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6)}.no-touch #cd-vertical-nav a:hover span{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.no-touch #cd-vertical-nav a:hover .cd-label{opacity:1}.no-touch #cd-vertical-nav a.is-selected .cd-dot{background-color:#fff}.no-touch #cd-vertical-nav .cd-dot{position:relative;top:8px;height:12px;width:12px;border-radius:50%;background-color:#FFF;-webkit-transition:-webkit-transform .2s,background-color .5s;-moz-transition:-moz-transform .2s,background-color .5s;transition:transform .2s,background-color .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}.no-touch #cd-vertical-nav .cd-label{position:relative;margin-right:10px;padding:.4em .5em;color:#fff;font-size:14px;font-size:.875rem;-webkit-transition:-webkit-transform .2s,opacity .2s;-moz-transition:-moz-transform .2s,opacity .2s;transition:transform .2s,opacity .2s;opacity:0;-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%}.touch .cd-nav-trigger{display:block;z-index:2;position:fixed;bottom:30px;right:5%;height:44px;width:44px;border-radius:.25em;background:rgba(255,255,255,.9)}.touch .cd-nav-trigger span{position:absolute;height:4px;width:4px;background-color:#3e3947;border-radius:50%;top:50%;bottom:auto;right:auto;-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.touch .cd-nav-trigger span::after,.touch .cd-nav-trigger span::before{content:'';height:100%;width:100%;position:absolute;left:0;background-color:inherit;border-radius:inherit}.touch .cd-nav-trigger span::before{top:-9px}.touch .cd-nav-trigger span::after{bottom:-9px}.touch #cd-vertical-nav{position:fixed;z-index:1;right:5%;bottom:30px;width:90%;max-width:400px;max-height:90%;overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-o-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;border-radius:.25em;background-color:rgba(255,255,255,.9)}.cd-headline.clip .cd-words-wrapper,.cd-headline.loading-bar .cd-words-wrapper,.cd-headline.slide .cd-words-wrapper,.cd-headline.type .cd-words-wrapper{overflow:hidden;vertical-align:top}.touch #cd-vertical-nav a{display:block;padding:1em;border-bottom:1px solid rgba(62,57,71,.1)}.touch #cd-vertical-nav a span:first-child{display:none}.touch #cd-vertical-nav a.is-selected span:last-child{color:#d88683}.touch #cd-vertical-nav.open{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.touch #cd-vertical-nav.open+.cd-nav-trigger{background-color:transparent}.touch #cd-vertical-nav.open+.cd-nav-trigger span{background-color:rgba(62,57,71,0)}.touch #cd-vertical-nav.open+.cd-nav-trigger span::after,.touch #cd-vertical-nav.open+.cd-nav-trigger span::before{background-color:#3e3947;height:3px;width:20px;border-radius:0;left:-8px}.touch #cd-vertical-nav.open+.cd-nav-trigger span::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:1px}.touch #cd-vertical-nav.open+.cd-nav-trigger span::after{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);bottom:0}.touch #cd-vertical-nav li:last-child a{border-bottom:none}.cd-intro{width:90%;max-width:768px;text-align:center;margin:4em auto}@media only screen and (min-width:768px){.touch #cd-vertical-nav,.touch .cd-nav-trigger{bottom:40px}.cd-title{line-height:250px}.cd-intro{margin:5em auto}}@media only screen and (min-width:1170px){.cd-title{height:200px;line-height:300px}.cd-title h1{font-size:3rem}.cd-intro{margin:6em auto}}.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}.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(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0);-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(0);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(0);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(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0);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::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:#fff}.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:rgba(79,148,255,.54)}.cd-headline.type .cd-words-wrapper.selected b{color:#fff}.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(.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(.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(.9);-moz-transform:translateY(-50%) scale(.9);-ms-transform:translateY(-50%) scale(.9);-o-transform:translateY(-50%) scale(.9);transform:translateY(-50%) scale(.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 em,.cd-headline.rotate-2 i{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 .4s forwards;-moz-animation:cd-rotate-2-in .4s forwards;animation:cd-rotate-2-in .4s forwards}.cd-headline.rotate-2 i.out{-webkit-animation:cd-rotate-2-out .4s forwards;-moz-animation:cd-rotate-2-out .4s forwards;animation:cd-rotate-2-out .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(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0);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(0)}}@-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(0)}}@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(0);-moz-transform:translateZ(-20px) rotateX(0);-ms-transform:translateZ(-20px) rotateX(0);-o-transform:translateZ(-20px) rotateX(0);transform:translateZ(-20px) rotateX(0)}}@-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::after{content:'';position:absolute;left:0;bottom:0;height:3px;width:0;background:#0096a7;z-index:2;-webkit-transition:width .3s -.1s;-moz-transition:width .3s -.1s;transition:width .3s -.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 .3s;-moz-transition:opacity .3s;transition:opacity .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 b{opacity:0;top:.2em}.cd-headline.slide b.is-visible{top:0;opacity:1;-webkit-animation:slide-in .6s;-moz-animation:slide-in .6s;animation:slide-in .6s}.cd-headline.slide b.is-hidden{-webkit-animation:slide-out .6s;-moz-animation:slide-out .6s;animation:slide-out .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::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 .8s;-moz-animation:zoom-in .8s;animation:zoom-in .8s}.cd-headline.zoom b.is-hidden{-webkit-animation:zoom-out .8s;-moz-animation:zoom-out .8s;animation:zoom-out .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(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}.cd-headline.rotate-3 i.in{-webkit-animation:cd-rotate-3-in .6s forwards;-moz-animation:cd-rotate-3-in .6s forwards;animation:cd-rotate-3-in .6s forwards}.cd-headline.rotate-3 i.out{-webkit-animation:cd-rotate-3-out .6s forwards;-moz-animation:cd-rotate-3-out .6s forwards;animation:cd-rotate-3-out .6s forwards}.no-csstransitions .cd-headline.rotate-3 i{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0);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(0)}}@-moz-keyframes cd-rotate-3-in{0%{-moz-transform:rotateY(180deg)}100%{-moz-transform:rotateY(0)}}@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(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}}@-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 .6s forwards;-moz-animation:scale-up .6s forwards;animation:scale-up .6s forwards}.cd-headline.scale i.out{-webkit-animation:scale-down .6s forwards;-moz-animation:scale-down .6s forwards;animation:scale-down .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 .6s;-moz-animation:push-in .6s;animation:push-in .6s}.cd-headline.push b.is-hidden{-webkit-animation:push-out .6s;-moz-animation:push-out .6s;animation:push-out .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%)}}