html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
*, *:before, *:after {
box-sizing: inherit;
z-index: 1;
}
a {
text-decoration: none;
color: #007CC3;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
a:hover {
color: #64b2e1;
} a img{
border: 0px;
}
.clear {
clear: both;
}
html {
box-sizing: border-box;
height: 100%;
}
body {
font-size: 100%; font-family: 'Titillium Web', sans-serif;
overflow-x: hidden;
height: 100%;
position: relative;
font-weight: 300;
}
.site {
height: 100%;
-webkit-transition: margin-right .3s ease;
-moz-transition: margin-right .3s ease;
-ms-transition: margin-right .3s ease;
-o-transition: margin-right .3s ease;
transition: margin-right .3s ease;
}
h1,h2,h3,h4,h5{
font-family: 'Titillium Web', sans-serif;
font-weight: 300;
}
h2,h3,h4,h5,h6{
margin: 0 0 20px;
}
h1 {
font-size: 3em;
}
h2 {
font-size: 2.5em;
}
h3 {
font-size: 2em;
}
h4 {
font-size: 1.5em;
color: #fff;
}
h5 {
font-size: 1em;
}
.content h4{
color: #007ec3;
margin:40px 0 20px 0;
}
.content ul{
margin:20px 0 30px 0;
}
p {
font-size: 1em;
font-family: arial, sans-serif;
color:#797979;
margin: 0 0 17px;
}
blockquote p {
color: #444;
font-weight: bold;
font-style: oblique;
margin: 25px 0;
}
.content ol, .content li{
margin: 0 0 10px 30px;
position: relative;
list-style:none;
font-family:arial,sans-serif;
}
.content ol:after , .content li:after{
content: '';
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/icons/arrow-red.png);
top: 8px;
left:-18px;
width: 10px;
height:10px;
background-size: 100%;
position: absolute;
background-repeat: no-repeat;
}
.wrap {
width: 1280px;
margin: 0 auto;
position: relative;
}
.wrap:after {
content: "";
display: table;
clear: both;
}
.content-wrap {
padding: 0px 0 100px;
}
@media(max-width:1300px){
.wrap{
width:90%;
margin-left: 5%;
}
} .grey-bar{
background: #010101;
position: fixed;
float: left;
width:100%;
top: 0;
left: 0;
z-index: 1000;
padding: 0 40px;
height:29px;
}
.grey-nav{
float: right;
}
.grey-nav li {
list-style: none;
display: inline-block;
padding: 0 20px;
}
.grey-nav li:last-child{
padding: 0 0 0 20px;
}
.grey-nav li a{
font-weight: 500;
color:#fff;
font-size: 12px;
text-transform: uppercase;
}
.grey-nav li a:hover{
color: #999;
}
header {
background: rgba(255,255,255,.97);
position: fixed;
width: 100%;
top: 29px;
right: 0;
padding: 30px 40px;
z-index: 999;
height: 110px;
-webkit-transition: box-shadow .3s ease-in-out, right .3s ease;
-moz-transition: box-shadow .3s ease-in-out right .3s ease;
-ms-transition: box-shadow .3s ease-in-out right .3s ease;
-o-transition: box-shadow .3s ease-in-out, right .3s ease;
transition: box-shadow .3s ease-in-out, right .3s ease;
}
.scrolled header{
box-shadow: 10px -6px 42px #333;
}
.logo {
background: url(//centurion.net.au/wp-content/themes/centurion/images/logo.svg) no-repeat top center;
background-size: 100%;
display: inline-block;
width: 310px;
height: 44px;
float: left;
text-indent: -9999em;
z-index: 999;
}
.social {
position: relative;
float: right;
clear: right;
}
.social .fa {
font-size: 23px;
padding: 0 5px;
color: #fff;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.social .fa:hover {
color: #007CC3;
}
.social a {
display: inline-block;
}
.phone-menu {
float: right;
clear: right;
cursor:pointer;
color: #007CC3;
font-weight: 400;
font-size: 24px;
position: relative;
padding: 1px 0;
}
.phone-menu span{
color:#64b2e1;
}
.phone-menu:hover{
color: #007CC3;
}
.phone-menu > i {
color: #007CC3 !important;
}
.phone-menu > span {
display: none;
}
header {
padding-right: 20px;
}
@media(min-width: 1500px) {
.phone-menu > span {
display: inline-block;
}
} @media(max-width:1400px){
.logo{
float: none;
width:250px;
margin: 0 auto 0;
display: block;
background-size: 100%;
}
.grey-bar{
padding: 6px 15px;
height:40px;
}
header{
padding: 10px 0;
height: 60px;
top:40px;
}
}
@media(max-width:500px){
.grey-nav {
float: none;
text-align: center;
}
.grey-nav li:last-child{
padding: 0 10px 0 10px;
}
.grey-nav li{
padding: 0 10px 0 10px;
}
.logo{
background-position: 0px 5px;
}
}
@media(max-width:400px){
.logo{
width: 60%;
}
} .header-nav {
position: relative;
font-size: 14px;
text-transform: uppercase;
z-index: 90;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
float:left;
font-weight: 400;
margin:0 0 0 32px;
}
.header-nav:after {
content: "";
display: table;
clear: both;
}
.header-nav li {
position: relative;
float: left;
text-align: left;
list-style: none;
padding: 10px 32px;
}
.header-nav li:first-child{
padding-left: 32px;
}
.header-nav li a {
display: block;
padding: 10px 20px;
color: #444445;
text-transform: uppercase;
-webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-ms-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
font-weight: 400;
}
.header-nav li a:hover{
color:#007CC3;
}
.header-nav .current_page_item li a:link,.header-nav .current_page_item li a:visited {
background-image: none;
color:#fff;
} .header-nav ul > li {
display: inline-block;
vertical-align: top;
padding: 10px 10px 40px;
}
.header-nav ul > li:first-child {
margin-left: 0;
}
.header-nav ul > li > a {
} .header-nav ul > li > ul {
text-align: left;
width: auto;
opacity: 0;
visibility: hidden;
background: #007EC3;
position: absolute;
top: 80px;
left: 0;
z-index: 9999999;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.header-nav ul li ul li{
padding: 5px 10px;
}
.header-nav ul ul li:first-child{
padding: 5px 10px;
}
.header-nav ul > li:hover > ul {
opacity: 1;
visibility: visible;
padding: 7px;
}
.header-nav ul ul li a, .header-nav ul ul ul li a {
color: #fff;
min-width: 230px;
padding: 5px 20px;
}
.header-nav ul ul{
padding: 0;
}
.header-nav ul ul li:hover{
background: #0889d2;
}
.header-nav ul ul li a:hover{
color:#fff;
-webkit-transition: color .3s ease-in-out , opacity .3s ease-in-out, visibility .3s ease-in-out ;
-moz-transition: color .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
-ms-transition: color .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
-o-transition: color .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
transition: color .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
}
.header-nav ul ul li a:before{
content: '';
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/icons/arrow-red.png);
top: 16px;
left:8px;
width: 10px;
height:10px;
background-size: 100%;
position: absolute;
background-repeat: no-repeat;
visibility:hidden;
opacity:0;
-webkit-transition: color .3s ease-in-out , opacity .3s ease-in-out, visibility .3s ease-in-out ;
-moz-transition: color .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
-ms-transition: color .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
-o-transition: color .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
transition: color .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
}
.header-nav ul ul li a:hover:before{
visibility: visible;
opacity: 1;
-webkit-transition: color .3s ease-in-out , opacity .3s ease-in-out, visibility .3s ease-in-out ;
-moz-transition: color .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
-ms-transition: color .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
-o-transition: color .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
transition: color .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
} .header-nav ul > li > ul > li > ul {
text-align: left;
opacity: 0;
visibility: hidden;
background: #007EC3;
position: absolute;
left: 251px;
top: -7px;
z-index: 9999999;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.header-nav ul > li > ul > li:hover > ul {
opacity: 1;
visibility: visible;
}
.header-nav ul ul ul li {}
.header-nav ul ul ul li a {}
.header-nav ul ul ul li a:hover {
} .header-nav ul > li > ul > li > ul > li > ul {
text-align: left;
opacity: 0;
visibility: hidden;
background: rgba(17, 23, 94, .9);
position: absolute;
left: 100%;
top: 0;
z-index: 9999999;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.header-nav ul > li > ul > li > ul > li:hover > ul {
opacity: 1;
visibility: visible;
}
.header-nav ul ul ul ul li {}
.header-nav ul ul ul li ul a {}
.header-nav ul ul ul li ul a:hover {}
@media(max-width:1400px){
.header-nav, .phone-menu {
display: none;
}
}
@media(max-width:1200px){
.header-nav li a{
padding: 10px 10px 40px;
}
} .split{
display:none!important;
}
.off-canvas {
width: 350px;
height: 100%;
position: fixed;
right: -350px;
top: 0;
background: #007CC3;
z-index: 9999;
-webkit-transition: right .5s ease-in-out;
-moz-transition: right .5s ease-in-out;
-ms-transition: right .5s ease-in-out;
-o-transition: right .5s ease-in-out;
transition: right .5s ease-in-out;
padding: 30px 10px;
overflow: scroll;
background-image:url(//centurion.net.au/wp-content/themes/centurion/images/logo-b.svg);
background-size: 800px;
background-repeat: no-repeat;
background-position: 100% 120%;
}
.mob-clicked .off-canvas{
right:0;
}
.mob-overlay {
visibility: hidden;
opacity: 0;
width: 100%;
height: 100%;
position: fixed;
background: rgba(255,255,255,.8);
z-index: 9998;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.mob-clicked .mob-overlay, .ctaform-open .cta-overlay{
visibility: visible;
opacity: 1;
}
.off-canvas ul{
list-style: none;
}
.off-canvas ul li{
margin: 4px 0;
}
.off-canvas .current-menu-item{
border: none;
margin-bottom: 0;
}
.off-canvas ul ul{
padding: 0px 0 0 10px;
}
.off-canvas li a {
text-transform: uppercase;
font-size: 17px;
background: rgba(0, 158, 249, 0.3);
padding: 14px 45px 14px 15px;
display: block;
color: #fff;
}
.off-canvas li a:hover {
background: rgba(0, 158, 249, 1);
}
.off-canvas ul .menu-item-has-children{
position: relative;
}
.off-canvas .menu-item-has-children span{
position: absolute;
right: 6px;
z-index: 999;
top: 6px;
color: #fff;
font-size: 26px;
cursor: pointer;
background: #0693e3;
height: 42px;
width: 42px;
padding: 0px 14px 0px;
}
.off-canvas .sub-menu {
visibility:hidden;
opacity: 0;
display: none;
}
.off-canvas .open .sub-menu{
visibility: visible;
opacity: 1;
display: block;
}
.off-canvas .open .sub-menu .sub-menu{
visibility:hidden;
opacity: 0;
display: none;
}
.off-canvas .open .sub-menu  .open .sub-menu{
visibility:visible;;
opacity: 1;
display: block;
}
.off-canvas ul .menu-item-has-children:hover:after{
color:#ED1C2E;
}
.off-canvas ul ul li a{
font-size: 16px;
background: #0794e4;
}
.off-canvas ul ul ul li a{
background: #00a3ff;
}
.off-canvas .menu-main-menu-container{
padding: 0 10px;
}
.top-icons {
display:none;
top: 29px;
right: 0;
position: fixed;
height: 110px;
z-index: 1000;
}
i.icons{
display: block;
color: #007CC3;
font-size: 34px;
text-align: center;
padding: 6px 12px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
height: 50%;
cursor: pointer;
}
i.icons:hover{
color:#18abff;
}
.mob-toggle span{
display: block;
font-size: 12px;
text-align: center;
color: #007CC3;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.mob-toggle:hover span{
color:#18abff;
}
.fa-phone{
color: #fff;
font-size: 34px;
text-align: center;
padding: 6px 12px;
}
i.icons.fa.fa-phone {
padding: 12px 0 0 0;
}
.off-canvas .fa-times {
position: relative;
float: right;
width: 30px;
color: #fff;
margin: 10px 26px 20px;
font-size: 17px;
}
.off-canvas .fa-times:before {
content: "\f00d";
position: absolute;
left: -20px;
top: 1px;
}
.off-canvas .fa-times:hover, .three-content .fa-times:hover{
color: #0ea7ff;
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
cursor: pointer;
}
.three-content .fa-times {
color: #fff;
position: relative;
float: right;
margin: 10px 0;
}
.three-content .fa-times:after, .off-canvas .fa-times:after {
right: 15px;
top: 15px;
content: 'CLOSE';
font-size: 14px;
font-family: arial,sans-serif;
}
@media (max-width:1400px){
.top-icons{
display:none;
}
.split{
display:block!important;
}
i.icons.fa.fa-phone{
padding: 13px 0 0 18px;
}
.split.fa-bars{
left: 0;
position: absolute;
top: 7px;
height:50px;
}
.split.fa-phone {
top:2px;
position: absolute;
right:11px;
}
}
@media(max-width:768px){
.off-canvas li a{
font-size: 14px;
}
}
@media (max-width:450px){
.off-canvas li a{
font-size: 12px;
}
}
@media (max-width:400px){
.off-canvas{
width: 85%;
right:-85%;
}
} .slide {
width: 100%;
background-size: cover;
background-position: center;
height: 100%;
z-index: 2;
}
.page-template-default .slide {
width: 100%;
background-size: cover;
}
.hero-wrap{
position: absolute;
top:0;
left:0;
margin-top:0;
width:100%;
height:100%;
}
.hero-content {
position: absolute;
top: 44%;
width: 70%;
left: 10%;
z-index: 2;
text-shadow: 0px 0px 40px rgba(0,0,0,.6);
}
.hero-content h1 {
color: #fff;
text-transform: uppercase;
line-height:1.2;
}
.rslides-wrap {
top: 0;
width: 100%;
height: 80%;
z-index: 9;
}
.rslides {
position: fixed;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
height: 100%;
right:0;
-webkit-transition: right .3s ease;
-moz-transition: right .3s ease;
-ms-transition: right .3s ease;
-o-transition: right .3s ease;
transition: right .3s ease;
}
.cta-clicked .rslides{
right:400px;
-webkit-transition: right .5s ease;
-moz-transition: right .5s ease;
-ms-transition: right .5s ease;
-o-transition: right .5s ease;
transition: right .5s ease;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: fixed;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
.home .grad-bottom {
background: rgba(0,0,0,.1) linear-gradient( rgba(0,0,0,0), rgba(0,0,0,1) );
position: absolute;
width: 100%;
height: 100%;
opacity: .8;
top:0;
}
.grad-bottom{
bottom: -450px;
opacity: .7;
z-index: 0;
}
.rslides_nav {
top: 50%;
}
.rslides1_nav.prev {
right: 0;
}
@media(max-width:1440px){
.hero-content{
width: 70%;
left: 0;
margin-left: 50px;
}
.hero-head{
font-size: 42px;
}
}
@media(max-width:1280px){
.hero-head{
font-size: 35px;
}
.hero-text{
font-size: 20px;
}
}
@media(max-width:1280px){
.hero-head{
font-size: 30px;
}
}
@media(max-width:1024px){
.hero-content {
top: 50%;
width: 90%;
margin: -30px 0 0 5%;
text-align: center;
}
.home .grad-bottom{
bottom: 0;
}
.cta-clicked .rslides{
right:0;
}
.rslides{
position: relative;
}
}
@media(max-width:600px){
.hero-content {
margin: -60px 0 0 5%;
}
}
@media(max-width:400px){
.hero-content {
margin: -100px 0 0 5%;
}
}  .mob{
display:none;
}
.cta{
position: fixed;
top:50%;
right:0;
margin-top: -110px;
height:20%;
z-index: 99;
-webkit-transition: height .6s ease, top .6s ease, margin-top .6s ease ;
-moz-transition: height .6s ease, top .6s ease, margin-top .6s ease  ;
-o-transition: height .6s ease, top .6s ease, margin-top .6s ease  ;
-ms-transition: height .6s ease, top .6s ease, margin-top .6s ease  ;
}
.cta-scrolled .desk{
top:140px;
margin-top: 0;
-webkit-transition: margin-top .6s ease, top .6s ease ;
-moz-transition: margin-top .6s ease, top .6s ease ;
-o-transition: margin-top .6s ease, top .6s ease ;
-ms-transition: margin-top .6s ease, top .6s ease ;
transition: margin-top .6s ease, top .6s ease ;
}
.cta-content {
height:60px;
display: block;
background: #007ec3;
font-size: 16px;
color: #fff;
text-align: right;
position: relative;
margin-bottom: 1px;
width:250px;
overflow: hidden;
cursor: pointer;
}
.cta-content .gform_wrapper{
padding: 50px;
}
.cta-content .gform_wrapper span:after{
background-image: none!important;
}
.cta-content .gform_wrapper .gform_title, .cta-content .gform_wrapper .gfield_label{
display: none!important;
}
.cta-content span {
position: absolute;
top: 30px;
width: 177px;
height: 20px;
left: 0px;
margin-top: -12px;
}
.cta-content span:after{
background-repeat: no-repeat;
background-position: center;
position: absolute;
}
.cta-no-account {
border: none;
padding: 20px;
font-size: 15px;
float: left;
width: 100%;
margin: 0 0 13px;
text-align: left;
visibility: visible;
opacity: 1;
color: #ddd;
}
.cta-no-account a{
text-decoration: none;
color: #fff;
text-decoration: underline;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.cta-no-account a:hover {
color: #fff;
}
#cta-one:hover, #cta-won:hover , #cta-two:hover, #cta-three:hover{
background: #0693e0;
-webkit-transition: height .4s ease, right .4s ease .6s, background .4s ease;
-moz-transition: height .4s ease, right .4s ease .6s, background .4s ease;
-o-transition: height .4s ease, right .4s ease .6s, background .4s ease;
-ms-transition: height .4s ease, right .4s ease .6s, background .4s ease;
transition: height .4s ease, right .4s ease .6s, background .4s ease;
}
#cta-one{
width:250px;
height:60px;
right:0px;
-webkit-transition: height .4s ease, right .4s ease .6s, background .4s ease;
-moz-transition: height .4s ease, right .4s ease .6s, background .4s ease;
-o-transition: height .4s ease, right .4s ease .6s, background .4s ease;
-ms-transition: height .4s ease, right .4s ease .6s, background .4s ease;
transition: height .4s ease, right .4s ease .6s, background .4s ease;
}
#cta-two{
width:250px;
height:60px;
right:0;
-webkit-transition: height .4s ease, right .4s ease .6s, background .4s ease;
-moz-transition: height .4s ease, right .4s ease .6s, background .4s ease;
-o-transition: height .4s ease, right .4s ease .6s, background .4s ease;
-ms-transition: height .4s ease, right .4s ease .6s, background .4s ease;
transition: height .4s ease, right .4s ease .6s, background .4s ease;
}
#cta-three{
width:250px;
height:60px;
right:0;
-webkit-transition: height .4s ease, right .4s ease .6s, background .4s ease;
-moz-transition: height .4s ease, right .4s ease .6s, background .4s ease;
-o-transition: height .4s ease, right .4s ease .6s, background .4s ease;
-ms-transition: height .4s ease, right .4s ease .6s, background .4s ease;
transition: height .4s ease, right .4s ease .6s, background .4s ease;
}
.cta-one-clicked #cta-one:hover, .cta-one-clicked #cta-won:hover, .cta-two-clicked #cta-two:hover{
background: #007EC3;
} .cta-one-clicked #cta-two, .cta-one-clicked #cta-three{
right:-300px;
-webkit-transition: right .4s ease;
-moz-transition: right .4s ease;
-o-transition: right .4s ease;
-ms-transition: right .4s ease;
transition: right .4s ease;
}
.cta-one-clicked #cta-one{
height: 340px;
z-index: 99;
position:relative;
-webkit-transition: height .3s ease .3s;
-moz-transition: height .3s ease .3s;
-o-transition: height .3s ease .3s;
-ms-transition: height .3s ease .3s;
transition: height .3s ease .3s;
} .cta-two-clicked #cta-one, .cta-two-clicked #cta-won, .cta-two-clicked #cta-three{
right:-300px;
-webkit-transition: right .4s ease;
-moz-transition: right .4s ease;
-o-transition: right .4s ease;
-ms-transition: right .4s ease;
transition: right .4s ease;
}
.cta-two-clicked #cta-two{
height: 340px;
position:relative;
z-index: 99;
-webkit-transition: height .3s ease .3s;
-moz-transition: height .3s ease .3s;
-o-transition: height .3s ease .3s;
-ms-transition: height .3s ease .3s;
transition: height .3s ease .3s;
}
#cta-three:after{
content: '';
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/logo-b.svg);
bottom:-650px;
right: 10px;
width: 80%;
height: 120%;
background-size: 100%;
opacity: 0.17;
z-index: -1;
position: absolute;
opacity: 0;
background-repeat: no-repeat;
visibility: hidden;
-webkit-transition: opacity .4s ease 1.5s, visibility .4s ease 1.5s;
-moz-transition: opacity .4s ease 1.5s, visibility .4s ease 1.5s;
-o-transition: opacity .4s ease 1.5s, visibility .4s ease 1.5s;
-ms-transition: opacity .4s ease 1.5s, visibility .4s ease 1.5s;
transition: opacity .4s ease 1.5s, visibility .4s ease 1.5s;
}
#cta-two:after, #cta-one:after{
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/logo-b.svg);
top:0;
right:0;
position: absolute;
width:600px;
height:600px;
opacity: 0;
content: '';
background-size: 100%;
visibility: hidden;
z-index: -1;
-webkit-transition: opacity .5s ease , visibility .5s ease;
-moz-transition: opacity .5s ease, visibility .5s ease;
-o-transition: opacity .5s ease, visibility .5s ease;
-ms-transition: opacity .5s ease, visibility .5s ease;
transition: opacity .5s ease, visibility .5s ease;
}
.cta-one-wrap, .cta-two-wrap {
position:relative;
}
#close-one, #close-two {
position: absolute;
top: 18px;
left: 17px;
opacity: 0;
z-index: 99999;
font-size: 22px;
visibility:hidden;
-webkit-transition: opacity .5s ease , visibility .5s ease;
-moz-transition: opacity .5s ease, visibility .5s ease;
-o-transition: opacity .5s ease, visibility .5s ease;
-ms-transition: opacity .5s ease, visibility .5s ease;
transition: opacity .5s ease, visibility .5s ease;
color:#fff;
cursor:pointer;
}
.cta-one-clicked #close-one, .cta-two-clicked #close-two, .cta-two-clicked #cta-two:after , .cta-one-clicked #cta-one:after{
opacity: .9;
visibility: visible;
-webkit-transition: opacity .5s ease , visibility .5s ease;
-moz-transition: opacity .5s ease, visibility .5s ease;
-o-transition: opacity .5s ease, visibility .5s ease;
-ms-transition: opacity .5s ease, visibility .5s ease;
transition: opacity .5s ease, visibility .5s ease;
} .con-note, .login{
visibility:hidden;
opacity:0;
padding: 20px;
-webkit-transition: opacity .4s ease , visibility .4s ease ;
-moz-transition: opacity .4s ease , visibility .4s ease ;
-o-transition: opacity .4s ease , visibility .4s ease ;
-ms-transition: opacity .4s ease , visibility .4s ease ;
transition: opacity .4s ease , visibility .4s ease ;
}
.cta-two-clicked .track, .cta-one-clicked .login{
visibility:visible;
opacity: 1;
}
.track input[type="button"], .track input[type="button"] {
float: left;
}
.con-note input[type=text],  .track input[type=text]{
border: none;
padding: 10px;
font-size: 14px;
float: left;
width: 100%;
margin: 0 0 13px;
}
.track input[type=text]{
width:210px;
}
.login input[type=text]:first-child{
margin: 50px 0 13px;
}
.login input[type=text]{
border: none;
padding: 10px;
font-size: 14px;
float: left;
width: 100%;
margin: 0 0 13px;
}
.login input[type=password]{
border: none;
padding: 10px;
font-size: 14px;
float: left;
width: 100%;
margin: 0 0 13px;
}
.con-note input[type=placeholder], .login input[type=placeholder]{
text-transform: uppercase;font-size: 14px;
}
.con-note input[type=submit], .login input[type=submit], .track input[type=submit]{
background: #ee3e4d;
color: #fff;
border: none;
padding: 7px 40px;
font-size: 15px;
font-family: 'Titillium Web', sans-serif;
-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
-ms-transition: background .3s ease-in-out;
-o-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
float: left;
}
.con-note input[type=submit]:hover, .login input[type=submit]:hover, .track input[type=submit]:hover{
background: #f4182c;
}
.search-but:hover, .track-but:hover{
background: #007CC3;
}
.track label{
display: block;
width: 160px;
text-align: left;
margin: -3px 0 16px;
}
.track input[type=radio]{
width:20px;
float: left;
}
.track {
position: absolute;
top: 120px;
left: 20px;
}
.mob .track{
top:140px;
width: 90%;
}
.search{
padding: 20px;
visibility: hidden;
opacity: 0;
}
.search, .search-but, .track-but{
visibility: hidden;
opacity: 0;
}
.cta-two-clicked .search-but, .cta-two-clicked .track-but{
visibility: visible;
opacity: 1;
}
.search-but, .track-but {
display: inline-block;
float: left;
text-align: center;
padding: 8px;
background: #0b95e4;
width: 100px;
-webkit-transition: background .3s ease;
-moz-transition: background .3s ease;
-ms-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease;
}
.search-but:hover, .track-but:hover{
background: #269ee4;
-webkit-transition: background .3s ease;
-moz-transition: background .3s ease;
-ms-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease;
}
.track-but {
margin: 60px 10px 0 20px;
}
.search-but{
margin: 60px 0 15px;
}
.searchtype {
display:none;
}
@media(max-width:768px){
.login input[type=text]{
padding: 15px 10px;
}
.mob .login input[type=text]{
padding: 10px;
}
} .white-ol{
width: 100%;
height:100%;
position: fixed;
background: rgba(255,255,255,.8);
top:0;
left: 0;
z-index: 9998;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility .3s ease, opacity .3s ease;
-moz-transition: visibility .3s ease, opacity .3s ease;
-ms-transition: visibility .3s ease, opacity .3s ease;
-o-transition: visibility .3s ease, opacity .3s ease;
transition: visibility .3s ease, opacity .3s ease;
}
.clear-ol{
width: 100%;
height:100%;
position: fixed;
top:0;
left: 0;
z-index: 1;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility .3s ease, opacity .3s ease;
-moz-transition: visibility .3s ease, opacity .3s ease;
-ms-transition: visibility .3s ease, opacity .3s ease;
-o-transition: visibility .3s ease, opacity .3s ease;
transition: visibility .3s ease, opacity .3s ease;
}
.cta-two-clicked .clear-ol, .cta-one-clicked .clear-ol{
visibility: visible;
opacity: 1;
} .cta-clicked .site{
margin-right: 400px;
-webkit-transition: margin-right .5s ease;
-moz-transition: margin-right .5s ease;
-ms-transition: margin-right .5s ease;
-o-transition: margin-right .5s ease;
transition: margin-right .5s ease;
}
.cta-three-clicked .three-content {
right:0;
position: fixed;
overflow:scroll;
height:100%;
-webkit-transition: right .5s ease;
-moz-transition: right .5s ease;
-ms-transition: right .5s ease;
-o-transition: right .5s ease;
transition: right .5s ease;
overflow: scroll;
}
.cta-clicked header{
right:400px;
left:auto;
-webkit-transition: right .5s ease;
-moz-transition: right .5s ease;
-ms-transition: right .5s ease;
-o-transition: right .5s ease;
transition: right .5s ease;
}
.cta-clicked .white-ol {
visibility: visible;
opacity: 1;
-webkit-transition: visibility .5s ease, opacity .5s ease;
-moz-transition: visibility .5s ease, opacity .5s ease;
-ms-transition: visibility .5s ease, opacity .5s ease;
-o-transition: visibility .5s ease, opacity .5s ease;
transition: visibility .5s ease, opacity .5s ease;
} .three-content{
width:400px;
height: 100%;
position: fixed;
right: -400px;
top: 0;
z-index: 9999;
background: #007CC3;
-webkit-transition: right .3s ease;
-moz-transition: right .3s ease;
-ms-transition: right .3s ease;
-o-transition: right .3s ease;
transition: right .3s ease;
padding: 30px;
background-image:url(//centurion.net.au/wp-content/themes/centurion/images/logo-b.svg);
background-size: 800px;
background-repeat: no-repeat;
background-position: 100% 120%;
overflow: scroll;
}
@media(max-width:1400px){
.cta-scrolled .desk{
top: 101px;
}
} #cta-one span:after{
content: '';
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/icons/lock.png);
top: 2px;
right: -40px;
width: 14px;
height: 20px;
background-size: 100%;
}
#cta-won span:after{
content: '';
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/icons/lock.png);
top: 2px;
right: -40px;
width: 14px;
height: 20px;
background-size: 100%;
}
#cta-two span:after{
content: '';
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/icons/search.svg);
top: 2px;
right: -40px;
width: 14px;
height: 20px;
background-size: 100%;
}
#cta-three span:after{
content: '';
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/icons/arrow.svg);
top: 2px;
right: -40px;
width: 14px;
height: 20px;
background-size: 100%;
}
@media(max-width:1024px){
.cta-clicked .site{
margin-right: 0;
}
.cta-clicked header{
right:0;
}
.cta{
display:none;
}
.mob{
display: block;
position: relative;
margin-top: 0;
top:0;
cursor: pointer;
height:auto;
}
.mob, .mob #cta-one, .mob #cta-two, .mob #cta-three{
width:100%;
text-align: center;
}
.rslides-wrap{
height: 633px;
}
.cta-content span{
text-align: center;
width: 100%;
position: relative;
float: left;
}
input[type=button]{
padding: 10px 40px;
}
.three-content{
position: fixed;
} .cta-two-clicked .mob #cta-one, .cta-two-clicked .mob #cta-three{
right:0;
}
.cta-one-clicked .mob #cta-two, .cta-one-clicked .mob #cta-three{
right:0;
}
.cta-two-clicked .mob #cta-two{
height: 340px;
z-index: 9999;
-webkit-transition: height .3s ease .3s;
-moz-transition: height .3s ease .3s;
-o-transition: height .3s ease .3s;
-ms-transition: height .3s ease .3s;
transition: height .3s ease .3s;
} .cta-one-clicked .mob #cta-one{
height: 340px;
z-index: 9999;
-webkit-transition: height .3s ease .3s;
-moz-transition: height .3s ease .3s;
-o-transition: height .3s ease .3s;
-ms-transition: height .3s ease .3s;
transition: height .3s ease .3s;
}
.track input[type=text]{
width:100%;
}
}
@media(max-width:768px){
.three-content{
width:80%;
right: -80%;
}
} .part-strip{
width:100%;
height:90px;
background: rgba(0,0,0,.7);
position: absolute;
top: -90px;
left: 0;
}
.part {
padding: 0 20px;
border-top: 1px solid rgba(192,192,191,.3);
}
.part-img{
width:113px;
float: left;
height:90px;
background-repeat: no-repeat;
background-position: center;
position: relative;
top: 0;
left: 0;
}
.part h4{
float: left;
color:#007ec3;
text-transform: uppercase;
padding: 32px 0;
font-size: 16px;
font-weight: 400;
}
#part-one{
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/other-logos/rio.png);
background-size:80px;
margin-left: 20px;
}
#part-two{
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/other-logos/chev.png);
background-size: 40px;
}
#part-three{
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/other-logos/coles.png);
background-size: 80px;
}
#part-four{
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/other-logos/bhp.png);
background-size: 60px;
}
#part-five{
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/other-logos/leigh.png);
background-size: 40px;
}
#part-six{
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/other-logos/sand.png);
background-size: 70px;
}
#part-seven{
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/other-logos/wood.png);
background-size: 80px;
}
#part-eight{
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/other-logos/retra.png);
background-size: 90px;
}
#part-nine{
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/other-logos/wool.png);
background-size: 90px;
} .feat-wrap{
width:100%;
}
.feat {
width: 1280px;
margin: 0 auto;
}
.feat-item {
position: relative;
width: 24.85%;
float: left;
height: 360px;
background-size: contain;
background-size: cover;
margin: -5px .15% 0 0;
border-top: 5px solid #007ec3;
overflow:hidden;
}
.feat-ol{
position: absolute;
width: 100%;
top:0;
left:0;
height:80px;
background: rgba(255,255,255,.95);
-webkit-transition: height .4s ease-in-out, opacity .4s ease-in-out;
-moz-transition: height .4s ease-in-out, opacity .4s ease-in-out;
-ms-transition: height .4s ease-in-out, opacity .4s ease-in-out;
-o-transition: height .4s ease-in-out, opacity .4s ease-in-out;
transition: height .4s ease-in-out, opacity .4s ease-in-out;
}
.feat-title {
text-transform: uppercase;
font-size: 18px;
font-weight: 300;
color: #444545;
position: absolute;
top: 30px;
text-align:center;
margin:0;
width:100%;
}
.feat-title span{
color:#ED1B2E;
font-size:.8em;
position: absolute;
margin:3px 0 0 15px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.feat-item:hover .feat-title span {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.feat-text{
opacity: 0;
visibility: hidden;
font-size: 16px;
font-weight: 400;
color: #444545;
width:80%;
margin: 100px 0 0 10%;
font-family: 'Titillium Web', sans-serif;
}
.feat-link {
background:#ED1B2E;
padding:5px;
color:#fff;
text-transform:uppercase;
text-align:center;
width:100%;
position:absolute;
bottom:-30px;
margin:0;
opacity:0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.feat-item:hover .feat-link {
opacity: 1;
bottom:0;
}
.feat-item:hover .feat-ol{
height:100%;
opacity: 1;
}
.feat-item:hover .feat-text{
opacity: 1;
visibility: visible;
-webkit-transition: opacity .8s ease-in-out, visibility .8s ease-in-out;
-moz-transition: opacity .8s ease-in-out, visibility .8s ease-in-out;
-ms-transition: opacity .8s ease-in-out, visibility .8s ease-in-out;
-o-transition: opacity .8s ease-in-out, visibility .8s ease-in-out;
transition: opacity .8s ease-in-out, visibility .8s ease-in-out;
}
.truck-lower{
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/reflection.jpg);
background-size: cover;
width:100%;
background-repeat: no-repeat;
background-position: center;
position: relative;
top: 0;
left: 0;
background-attachment: fixed;
height:390px;
}
.overlay-lower{
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/overlay-lower.png);
width:100%;
height: 100%;
position: absolute;
top:0;
left: 0;
background-position: bottom;
}
@media(max-width:1500px){
.feat{
width:100%;
text-align: center;
}
.feat-item{
height:28vw;
}
}
@media(max-width:1024px){
.feat-item{
height:30vw;
width:50%;
margin: 0;
}
.feat-wrap{
margin-top: -1px;
}
.truck-lower{
background-attachment:scroll;
}
}
@media(max-width:768px){
.feat-item {
height: 400px;
width: 90%;
left: 5%;
background-position: 0 30%;
border-top: none;
}
.feat-title{
left: -10px;
}
.feat-item:hover .feat-text{
opacity: 0;
}
.feat-item:hover .feat-ol{
height:80px;
}
.feat-ol{
background: rgba(255,255,255,1);
}
} .map-wrap{
position: relative;
float: left;
width:100%;
height:520px;
}
.maps{
position: relative;
z-index: 998;
width:100%;
height: 100%;
}
.map-address {
position:absolute;
z-index:999999 !important;
padding:15px 25px;
background: rgba(255, 255, 255, 0.8);
width:77%;
text-align:center;
bottom:0;
}
.map-address p {
padding:0;
margin:0;
line-height:1.5em;
color:#4a4a4b;
font-size:1.1em;
text-transform:uppercase;
font-family: 'Titillium Web', sans-serif;
}
.map-zero .click-zero, .map-zero .click-zero:hover, .map-one .click-one, .map-one .click-one:hover, .map-two .click-two, .map-two .click-two:hover, .map-three .click-three, .map-three .click-three:hover, .map-four .click-four, .map-four .click-four:hover, .map-five .click-five, .map-five .click-five:hover, .map-six .click-six, .map-six .click-six:hover, .map-seven .click-seven, .map-seven .click-seven:hover, .map-eight .click-eight, .map-eight .click-eight:hover, .map-nine .click-nine, .map-nine .click-nine:hover{
color:#ed1b2e;
} .locations{
opacity: 0;
visibility: hidden;
}
.locations.perth.active{
opacity:1;
visibility: visible;
}
.locations.active{
visibility: visible;
opacity: 1;
}
.map-wrap:first-child{
z-index: 10;
}
.loc-deets{
position: absolute;
top:0;
left:0;
z-index: 999;
width:41%;
height:100%;
padding: 80px 60px 0 0;
overflow: hidden;
}
.loc-deets h4{
font-size: 30px;
color:#4a4a4b;
text-transform: uppercase;
line-height: 1;
margin: 0 0 20px;
top:-20px;
position:relative;
}
.loc-text{
float:right;
}
.marker {
position: absolute;
left: 50%;
top: 50%;
margin: -20px 0 0 0;
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
-ms-animation-name: bounce;
animation-name: bounce;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
-ms-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
-ms-animation-duration: 1s;
animation-duration: 1s;
}
.marker:after{
content:'';
background: url(//centurion.net.au/wp-content/themes/centurion/images/map-marker.png) no-repeat center center;
background-size: 100%;
width: 60px;
height: 90px;
position: absolute;
}
@-moz-keyframes bounce {
0% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transform: translateY(-2000px) rotate(-45deg);
-moz-transform: translateY(-2000px) rotate(-45deg);
-o-transform: translateY(-2000px) rotate(-45deg);
-ms-transform: translateY(-2000px) rotate(-45deg);
transform: translateY(-2000px) rotate(-45deg);
}
60% {
opacity: 1;
-ms-filter: none;
filter: none;
-webkit-transform: translateY(30px) rotate(-45deg);
-moz-transform: translateY(30px) rotate(-45deg);
-o-transform: translateY(30px) rotate(-45deg);
-ms-transform: translateY(30px) rotate(-45deg);
transform: translateY(30px) rotate(-45deg);
}
80% {
-webkit-transform: translateY(-10px) rotate(-45deg);
-moz-transform: translateY(-10px) rotate(-45deg);
-o-transform: translateY(-10px) rotate(-45deg);
-ms-transform: translateY(-10px) rotate(-45deg);
transform: translateY(-10px) rotate(-45deg);
}
100% {
-webkit-transform: translateY(0) rotate(-45deg);
-moz-transform: translateY(0) rotate(-45deg);
-o-transform: translateY(0) rotate(-45deg);
-ms-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);
}
}
@-webkit-keyframes bounce {
0% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transform: translateY(-2000px) rotate(-45deg);
-moz-transform: translateY(-2000px) rotate(-45deg);
-o-transform: translateY(-2000px) rotate(-45deg);
-ms-transform: translateY(-2000px) rotate(-45deg);
transform: translateY(-2000px) rotate(-45deg);
}
60% {
opacity: 1;
-ms-filter: none;
filter: none;
-webkit-transform: translateY(30px) rotate(-45deg);
-moz-transform: translateY(30px) rotate(-45deg);
-o-transform: translateY(30px) rotate(-45deg);
-ms-transform: translateY(30px) rotate(-45deg);
transform: translateY(30px) rotate(-45deg);
}
80% {
-webkit-transform: translateY(-10px) rotate(-45deg);
-moz-transform: translateY(-10px) rotate(-45deg);
-o-transform: translateY(-10px) rotate(-45deg);
-ms-transform: translateY(-10px) rotate(-45deg);
transform: translateY(-10px) rotate(-45deg);
}
100% {
-webkit-transform: translateY(0) rotate(-45deg);
-moz-transform: translateY(0) rotate(-45deg);
-o-transform: translateY(0) rotate(-45deg);
-ms-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);
}
}
@-o-keyframes bounce {
0% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transform: translateY(-2000px) rotate(-45deg);
-moz-transform: translateY(-2000px) rotate(-45deg);
-o-transform: translateY(-2000px) rotate(-45deg);
-ms-transform: translateY(-2000px) rotate(-45deg);
transform: translateY(-2000px) rotate(-45deg);
}
60% {
opacity: 1;
-ms-filter: none;
filter: none;
-webkit-transform: translateY(30px) rotate(-45deg);
-moz-transform: translateY(30px) rotate(-45deg);
-o-transform: translateY(30px) rotate(-45deg);
-ms-transform: translateY(30px) rotate(-45deg);
transform: translateY(30px) rotate(-45deg);
}
80% {
-webkit-transform: translateY(-10px) rotate(-45deg);
-moz-transform: translateY(-10px) rotate(-45deg);
-o-transform: translateY(-10px) rotate(-45deg);
-ms-transform: translateY(-10px) rotate(-45deg);
transform: translateY(-10px) rotate(-45deg);
}
100% {
-webkit-transform: translateY(0) rotate(-45deg);
-moz-transform: translateY(0) rotate(-45deg);
-o-transform: translateY(0) rotate(-45deg);
-ms-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);
}
}
@keyframes bounce {
0% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transform: translateY(-2000px) rotate(-45deg);
-moz-transform: translateY(-2000px) rotate(-45deg);
-o-transform: translateY(-2000px) rotate(-45deg);
-ms-transform: translateY(-2000px) rotate(-45deg);
transform: translateY(-2000px) rotate(-45deg);
}
60% {
opacity: 1;
-ms-filter: none;
filter: none;
-webkit-transform: translateY(30px) rotate(-45deg);
-moz-transform: translateY(30px) rotate(-45deg);
-o-transform: translateY(30px) rotate(-45deg);
-ms-transform: translateY(30px) rotate(-45deg);
transform: translateY(30px) rotate(-45deg);
}
80% {
-webkit-transform: translateY(-10px) rotate(-45deg);
-moz-transform: translateY(-10px) rotate(-45deg);
-o-transform: translateY(-10px) rotate(-45deg);
-ms-transform: translateY(-10px) rotate(-45deg);
transform: translateY(-10px) rotate(-45deg);
}
100% {
-webkit-transform: translateY(0) rotate(-45deg);
-moz-transform: translateY(0) rotate(-45deg);
-o-transform: translateY(0) rotate(-45deg);
-ms-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);
}
}
.content-wrap{
padding:100px 0;
}
.map-one .locations, .map-two .locations, .map-three .locations,.map-four .locations,.map-five .locations,.map-six .locations,.map-seven .locations,.map-eight .locations,.map-nine .locations, .map-ten .locations, .map-eleven .locations, .map-twelve .locations{
-webkit-transition: opacity .3s ease, visibility .3s ease;
-moz-transition: opacity .3s ease, visibility .3s ease;
-ms-transition: opacity .3s ease, visibility .3s ease;
-o-transition: opacity .3s ease, visibility .3s ease;
transition: opacity .3s ease, visibility .3s ease;
}
.locations{
position: absolute;
top:0;
left:0;
height:520px;
width: 130vw;
margin: 0 auto;
border-bottom: 1px solid #e2e2e1;
-webkit-transition: opacity .6s ease, visibility .6s ease;
-moz-transition: opacity .6s ease, visibility .6s ease;
-ms-transition: opacity .6s ease, visibility .6s ease;
-o-transition: opacity .6s ease, visibility .6s ease;
transition: opacity .6s ease, visibility .6s ease;
}
.loc-deets ul {
float: left;
margin-left: 90px;
}
.loc-deets li{
padding: 13px 0;
line-height: 1;
color:#5797d1;
list-style: none;
text-align: left;
font-size: 18px;
font-weight: bold;
position: relative;
cursor: pointer;
}
.loc-deets li:hover{
color: #64b2e1;
}
.loc-deets li:hover:before{
-webkit-transition: transform .3s ease;
-moz-transition: transform .3s ease;
-ms-transition: transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .4s ease;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.loc-deets #list-one {
margin-left: 60px;
}
.loc-deets ul {
margin-top:0px;
}
.loc-deets li:before{
content: '';
position: absolute;
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/icons/arrow-red.png);
width:12px;
height:12px;
background-size: 100%;
top:15px;
left:-25px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: transform .3s ease;
-moz-transition: transform .3s ease;
-ms-transition: transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .4s ease;
}  .bread-wrap{
background: #000;
}
.breadcrumbs{
width:1280px;
margin: 0 auto;
z-index: 99;
left:-6px;
position:relative;
}
.breadcrumbs li {
display: inline-block;
padding: 10px 6px;
text-transform: uppercase;
color:#007CC3;
font-weight:600;
font-size:14px
}
.breadcrumbs strong {
color:#71c8fa;
font-weight:300;
}
.breadcrumbs li a{
color:#007CC3;
font-weight: lighter;
}
.breadcrumbs li a:hover {
color:#71c8fa;
}
.bread-current{
color:#71c8fa;
font-weight: 100;
}
.news {
float: left;
}
.cycle-slide{
width:900px;
}
.news-home{
position: relative;
padding: 70px 0 100px;
}
.news-home h4{
font-size: 30px;
color: #4a4a4b;
text-transform: uppercase;
font-weight: 600;
float: left;
width:280px;
line-height: 1;
margin: 0;
}
.news-slide-thumb{
background-size: 100%;
width: 175px;
height: 110px;
position: relative;
background-repeat: no-repeat;
float: left;
margin: 5px 0 0 80px;
}
.news-text h3{
color:#007CC3;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
display: inline-block;
line-height: 1;
margin: 0;
float: left;
width: 100%;
}
.news-text{
margin: 0 0 0 30px;
float: left;
width: 530px;
}
.slide-ex p{
font-size: 13px;
}
.news-text h3:hover, .news-text .readmore:hover{
color: #64b2e1;
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}
.news-text h3{
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}
.readmore{
color:#007CC3;
font-size: 13px;
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}
.news-text .slide-date{
color:#010101;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
font-family: 'Titillium Web', sans-serif;
font-weight: 600;
width: 100%;
float: left;
margin: 0 0 10px;
}
.cycle-pager {
position: absolute;
right: -50px;
bottom: -30px;
}
.cycle-pager span {
font-size: 55px;
color: #767676;
cursor: pointer;
}
.cycle-pager-active{
color:#ed1b2e!important;
}
.loc-deets:after{
content: '';
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/head-ol.svg);
background-size: 90%;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
opacity: .04;
z-index: 0;
display:none;
}
@media(max-width:1340px){
.news-home h4{
text-align: center;
width:100%;
float: none;
margin: 0 0 40px;
}
.breadcrumbs{
width:90%;
}
.news {
float: none;
display: block;
position: relative;
margin: 0 auto;
width: 890px;
}
.page-template-news-grid .news{
width: 100%;
}
.news-slide-thumb{
margin: 5px 0 0 0;
}
.loc-deets{
width:69%;
padding: 90px 1px 0 70px;
}
.loc-deets li{
display:inline-block;
width:190px;
}
.loc-deets #list-one{
margin-left: 90px;
}
}
@media(max-width:1080px){
.map-wrap{
height:700px;
}
.loc-deets {
width: 100%;
padding: 60px 0 0 0;
text-align: center;
}
.loc-deets ul, .loc-deets #list-one{
width:100%;
margin-left: 70px;
}
.locations{
width: 100%;
height: 700px;
}
}
@media(max-width:1024px){
.home .news{
width:100%;
}
.news-text{
width: 63%;
margin: 0 0 0 40px;
}
.news-slide-thumb{
width: 30%;
height: 180px;
}
.news-slide {
width: 100%;
}
.cycle-pager{
right:0;
bottom: -27px;
top:auto;
}
.cycle-slide{
width:100%;
}
.map-one, .map-two, .map-three, .map-four, .map-five, .map-six, .map-seven, .map-eight, .map-nine{
}
}
@media(max-width:768px){
.locations{
display:none;
}
.loc-deets h4{
margin: 0 auto 40px;
width: 90%;
}
.loc-deets:after{
display:block;
}
.loc-deets {
width: 100%;
padding: 70px 0;
text-align: center;
background: #efefef;
height: auto;
}
.news-slide-thumb {
width: 100%;
height: 280px;
background-position: center;
}
.news-text {
width: 100%;
margin: 50px 0;
}
.map-wrap {
height: 380px;
}
.news-home h4{
margin: 0;
}
}
@media(max-width:600px){
.loc-deets li {
display: block;
width: 200px;
margin: 0 auto;
}
.loc-deets ul, .loc-deets #list-one{
margin-left: 50px;
}
.map-wrap {
height: 720px;
}
.news-text{
margin: 0;;
}
} .news-inner {
position:relative;
display:block;
width:100%;
}
.news-item{
float:left;
width:290px;
position: relative;
margin: 0 20px 0 0;
-webkit-transition: background-size 1s ease-in-out;
-moz-transition: background-size .3s ease-in-out;
-ms-transition: background-size .3s ease-in-out;
-o-transition: background-size .3s ease-in-out;
transition: background-size .3s ease-in-out;
}
.newsthumbnail{
background-size: 100%;
width:100%;
height:200px;
position: relative;
background-repeat: no-repeat;
-webkit-transition: background-size 1s ease-in-out;
-moz-transition: background-size .3s ease-in-out;
-ms-transition: background-size .3s ease-in-out;
-o-transition: background-size .3s ease-in-out;
transition: background-size .3s ease-in-out;
}
.news-item:hover .newsthumbnail{
background-size: 103%;
}
.news-pagination {
margin:50px 0 0 0;
font-size:1.1em !important;
font-weight:bold;
color:#fff;
}
.home .news-pagination{
display:none;
}
.news-pagination a {
padding:0 12px;
background:#007ec3;
color:#fff;
}
.news-pagination a:hover {
background:#000;
}
.news-pagination span{
padding:0 10px;
background:#000;
color:#fff;
}
.newsright {
background: rgba(233, 233, 233, 0.5);
min-height: 240px;
padding: 20px;
position:relative;
border-bottom: 5px #007CC3 solid;
}
.newsthumbnail:after {
content: " ";
width: 34px;
height: 12px;
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/news-arrow.svg);
background-repeat: no-repeat;
position: absolute;
bottom:0;
left: 50%;
margin-left: -17px;
}
.newsright h3{
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
color: #007CC3;
top: 30px;
left: 40px;
}
.newsright h3:after{
content: '';
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/icons/arrow-red.png);
margin: 0px 0 2px 5px;
display: inline-block;
width: 10px;
height: 10px;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
transition: all 1s linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.date{
font-size: 13px;
font-weight: bold;
font-family: 'Titillium Web', sans-serif;
}
.ex {
margin: 15px 0 0 0;
position: relative;
float: left;
}
@media(max-width:1300px){
.news-item{
width:25%;
}
.newsthumbnail{
height:20vw;
background-size: cover;
}
}
@media(max-width:1024px){
.news-item{
width:33.3%;
}
}
@media(max-width:1024px){
.news-item{
display: inline-block;
width:47.7%;
}
.newsthumbnail{
background-position: center;
}
.news-item:nth-child(2), .news-item:nth-child(4), .news-item:nth-child(6){
margin-right: 0;
}
}
@media(max-width:600px){
.news-item{
width:100%;
margin: 0 0 40px;
}
.newsthumbnail{
height:200px;
}
} .error404 .content{
margin: 100px 0 0;
}
.post{
padding: 40px 0 0 40px;
}
.main {
width: 100%;
padding: 100px 0 100px;
position: relative;
color: #333;
overflow: hidden;
background: url(//centurion.net.au/wp-content/themes/centurion/images/head-ol.svg)no-repeat bottom left #fff;
width: 100%;
z-index: 1;
background-size: 70%;
}
.home .main{
padding: 0;
}
.main:after {
content: '';
}
.content img {
max-width:100%;
height:auto;
position:relative;
}
.content .post strong{
color:#444546;
font-size: 16px;
}
.mob-banner {
width: 100%;
margin: 100px 0 0;
height: 330px;
background-attachment: scroll;
background-size: 100%;
background-repeat: no-repeat;
object-fit: cover;
}
.page-title{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: rgba(0,0,0,.7);
}
.page-title h1 {
font-size: 40px;
padding: 14px 0;
color:#fff;
}
.page-title .wrap{
border-top: 1px solid rgba(192,192,191,.3)
}
.post {
padding: 0px 0 0 40px;
}
.page-title .word1{
font-weight: 600;
}
.sub-heading {
font-size: 28px;
text-transform: uppercase;
margin: 0 0 48px;
color: #007CC3;
}
.sub-heading strong{
font-weight: 600;
}
.content {
width: 60%;
float: left;
line-height: 1.6;
}
.page-template-news-grid .content , .home .content {
width: 100%;
float: left;
line-height: 1.6;
}
.content h2{
color: #007ec3;
font-size: 30px;
font-weight: 300;
text-transform: uppercase;
}
.home .content h2{
margin: 0 0 60px;
}
.page-banner {
width: 100%;
height: 80%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
background-attachment: fixed;
color:#007CC3;
text-transform: uppercase;
}
.home .content .word1, .home .content .word2, .home .content .word3, .home .content .word4{
font-weight: 600;
}
.think {
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/think.png);
background-size: cover;
width: 160px;
height: 70px;
background-repeat: no-repeat;
background-position: center;
position: relative;
float: left;
margin: 60px 50px 0;
}
.lower-but {
text-transform: uppercase;
color: #007CC3;
position: relative;
float: right;
margin: 70px 0 0;
font-size: 18px;
}
.lower-but:hover:after{
-webkit-transition: transform .3s ease;
-moz-transition: transform .3s ease;
-ms-transition: transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .4s ease;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.lower-but:after{
content:'';
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/icons/arrow-red.png);
top: 9px;
right: -20px;
position: absolute;
width: 10px;
height: 10px;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
-webkit-backface-visibility: hidden; backface-visibility: hidden;
-webkit-transition: transform .3s ease;
-moz-transition: transform .3s ease;
-ms-transition: transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
}
@media(max-width:1024px){
.lower-but{
float: left;
}
.main:after{
top: -500px;
width:1000px;
}
.page-template-default .main, .single-post .main, .page-template-page-customform .main{
padding: 20px 0 100px;
}
.page-template-news-grid .main{
padding: 60px 0 100px;
}
.page-banner, .page-template-news-grid .page-banner, .single-post .page-banner{
position: relative;
background-attachment: scroll;
}
.think{
margin: 20px 0 0;
background-size: 150px;
width:100%;
height: 70px;
}
.lower-but{
display: block;
position: relative;
float: none;
width: 410px;
text-align: center;
margin: 60px auto 0;
}
}
@media(max-width:768px){
.content{
width:100%;
padding: 0 0 100px;
}
.lower-but{
width:75%;
}
.lower-but:after{
display:none;
}
.post{
padding: 0;
}
.page-banner{
height: 450px;
}
.page-title h1{
font-size:26px;
}
}
@media(max-width:500px){
.content{
padding: 0 0 30px;
}
} .three-content .gform_body{
padding:30px 0 0 0;
}
.gform_description a {
color:rgba(255,255,255,.6);
}
.sidebar .gform_title{
font-size: 30px;
color:#454546;
text-transform: uppercase;
margin: 0 0 36px;
}
.sidebar .gform_description{
margin: 0 0 36px;
float: left;
}
.sidebar {
width: 40%;
float: right;
padding: 0 0 0 173px;
font-family: arial,sans-serif;
color:#797979;
}
.sidebar iframe {
width:100%;
}
.sidebar img{
width:100%;
height:auto;
padding:30px 0;
}
.sidebar h3 {
font-size: 30px;
color:#454546;
text-transform: uppercase;
margin: 0 0 36px;
}
.sidebar .gform_title .word2{
font-weight: 600;
}
@media(max-width:1300px){
.sidebar{
padding: 0 0 0 40px;
}
}
@media(max-width:768px){
.sidebar{
width:400px;
margin: 0 auto;
float: none;
padding: 0;
}
}
@media(max-width:450px){
.sidebar{
width:100%;
}
} .gform_body h2 {
color:#fff;
font-size:20px;
padding:0;
margin:40px 0 10px 0;
font-weight:bold;
}
.three-content textarea{
height:80px !important;
}
#field_2_13 label {
display:block;
background:none;
}
.ginput_container_radio {
margin:10px 0 40px 0;
}
.ginput_container_radio li {
list-style:none;
clear:both;
}
.ginput_container_radio input{
margin:3px 10px 5px 0;
float:left;
}
.ginput_container_radio label{
display:block !important;
color:#fff;
float:left;
margin:-2px 0 0 0;
position:relative;
}
.gform_wrapper {
font-weight: 300;
margin: 0 auto;
}
.gform_validation_container {
display:none;
}
.gform_fields {
margin: 0;
padding: 0;
list-style: none;
}
.gform_wrapper label {
display: none;
}
.gform_wrapper input[type="text"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="email"], .gform_wrapper input[type="password"], .gform_wrapper input[type="file"], .gform_wrapper textarea, .gform_wrapper select {
border: 0;
width: 100%;
padding: 15px 25px;
height:56px;
margin: 0 0 1px;
color: #8b8b8b;
line-height: 1em;
display: block;
background: #e4e4e4;
font-size: 13px;
font-family: arial,sans-serif;
font-weight: 300;
}
.gform_wrapper textarea {
height: 120px;
overflow: auto;
}
.gfield {
position: relative;
}
.gfield_description {
margin: 10px 0;
}
.gform_button {
border: 0;
text-transform: uppercase;
color: #fff;
font-weight: 500;
font-size: 18px;
float: left;
cursor: pointer;
position: relative;
transition: all 0.5s ease;
background: #007ec3;
width: 100%;
height: 57px;
font-family: 'Titillium Web', sans-serif;
margin: 18px 0 0 ;
}
.validation_error {
display:none;
}
.validation_message {
color: #fff;
padding: 15px 30px;
position: absolute;
left: -220px;
background: #EE3B4A;
margin: 0!important;
top: 8px;
max-width: 70%;
}
@media(min-width: 1400px) {
.validation_message {
max-width: 62.5%;
}
}
.validation_message:after{
border-left: 15px solid #EE3B4A;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
content: "";
height: 0;
right: -15px;
position: absolute;
top: 14px;
}
.sidebar .validation_message{
left:-225px;
top:0;
}
.sidebar .validation_message:after{
top: 12px;
}
.gform_wrapper textarea.medium{
width:100%!important;
}
::-webkit-input-placeholder {
color: #8b8b8b;
text-transform: uppercase;
}
::-moz-placeholder {
color: #8b8b8b;
text-transform: uppercase;
}
:-ms-input-placeholder {
color: #8b8b8b;
text-transform: uppercase;
}
.gform_wrapper .gform_heading {
width: 98%;
margin:0;
}
.gform_wrapper .top_label .gfield_label {
color: #fff!important;
background: #6695cd;
}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
width: 100%!important;
} .three-content .gform_title{
color: #fff;
text-transform: uppercase;
font-size: 27px;
}
.three-content .gform_description{
color:#fff;
}
.three-content .gform_wrapper input[type="text"],.three-content  .gform_wrapper input[type="tel"],.three-content  .gform_wrapper input[type="email"],.three-content  .gform_wrapper input[type="password"],.three-content  .gform_wrapper input[type="file"],.three-content  .gform_wrapper textarea,.three-content  .gform_wrapper select {
width: 100%;
padding: 10px;
height:auto;
color: #fff;
background: rgba(255,255,255,.05);
font-size: 14px;
font-family: arial,sans-serif;
font-weight: 300;
margin: 0 0 10px 0;
border: 1px solid rgba(255,255,255,.2);
}
.three-content ::-webkit-input-placeholder {
color: #a6dfff;
text-transform: none;
}
.three-content ::-moz-placeholder {
color: #a6dfff;
text-transform: none;
}
.three-content  ::-ms-input-placeholder {
color: #a6dfff;
text-transform: none;
}
.three-content .gform_title .word1{
font-weight: 600;
}
.three-content .gform_button{
background: #ee3e4d;
color:#fff;
}
.gform_button:hover, .three-content .gform_button:hover{
background: #f4182c;
}
@media(max-width:768px){
.three-content .gform_title {
font-size: 24px;
}
.validation_message{
font-size: 12px;
padding: 10px 15px;
left: auto;
right:0;
}
.sidebar .validation_message{
font-size: 12px;
padding: 10px 15px;
left: auto;
right:0;
top:8px;
}
.validation_message:after{
display: none;
}
.validation_message:before{
border-right: 15px solid #EE3E4D;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
content: "";
height: 0;
left: -5px;
position: absolute;
top: 5px;
display:block;
}
} footer {
position: relative;
z-index: 1;
width: 100%;
overflow: hidden;
margin: 0;
background: #000;
padding: 47px 0;
}
.footer-map {
width: 100%;
height: 390px;
position: absolute;
z-index: 2;
}
.footer-wrap {
position: relative;
z-index: 10;
width:1280px;
margin:0 auto;
padding: 0 40px;
}
.footer-logo {
background: url(//centurion.net.au/wp-content/themes/centurion/images/logo-white.svg) no-repeat top left;
background-size: 100%;
position: relative;
display: inline-block;
width: 240px;
height: 40px;
text-indent: -9999em;
z-index: 999;
}
.social-logo{
float:right;
width:50%;
text-align: right;
}
.social{
display: inline-block;
margin: 8px 0 0 16px;
}
.linkedin, .google{
display: inline-block;
width: 25px;
height: 25px;
position: relative;
background-size: 85%;
background-repeat: no-repeat;
background-position: center;
border-radius: 3px;
}
.linkedin{
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/svg/linkedin-w.svg);
}
.google{
background-image: url(//centurion.net.au/wp-content/themes/centurion/images/svg/google-w.svg);
}
.footer-text {
position: relative;
text-align: left;
float: left;
width:40%;
}
.phone a{
color:#fff !important;
}
.footer-info {
font-size: 12px;
text-transform: uppercase;
background: #000;
width: 100%;
color: #fff;
padding: 20px 0;
position: relative;
}
.footer-info .copyright {
float: left;
}
.footer-info .credits {
float: right;
}
.footer-info .credits a:hover {
color: #85b6e5;
}
.gm-style-iw * {
display: block;
width: 100%;
}
.gm-style-iw h4, .gm-style-iw p {
margin: 0;
padding: 0;
}
.gm-style-iw a {
color: #4272db;
}
.footer-text, .copy-cred p{
text-transform: uppercase;
color:#fff;
}
.copy-cred {
float: right;
width: 60%;
text-align: right;
}
.copy-cred p {
font-size: 12px;
}
#copy{
color:#007ec3;
}
#cred a, #cred{
color: #4b4a4b;
}
#cred a{
font-weight: 700;
font: 'Montserrat', arial, sans-serif !important;
}
.footer-text h4{
font-size: 18px;
}
#bus-name{
color:#007ec3;
font-weight: 800;
margin: 0;
}
.footer-text h5{
font-size: 13px;
font-weight: lighter;
font-family: arial,sans-serif;
margin: 10px 0;;
}
.footer-text h5 strong, .footer-text h4 strong{
color:#007ec3;
font-weight:lighter;
}
@media(max-width:1300px){
.footer-wrap{
width:100%;
}
}
@media(max-width:768px){
.social-logo, .footer-text{
width:100%;
text-align: center;
}
.social {
float: none;
display: block;
margin: 0px 0px 10px;
}
.copy-cred{
float: none;
text-align: center;
width:100%;
}
}
.post-edit-link {
color:#71c8fa;
text-decoration:none !important;
text-transform: uppercase;
position:absolute;
line-height:none !important;
left:-170px;
font-weight:800 !important;
top:33px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.home .post-edit-link {
top:113px;
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateX(0);
transform: translateX(0);
}
40% {
-moz-transform: translateX(-10px);
transform: translateX(-10px);
}
60% {
-moz-transform: translateX(-3px);
transform: translateX(-3px);
}
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
40% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
60% {
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
40% {
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
60% {
-moz-transform: translateX(-3px);
-ms-transform: translateX(-3px);
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
}
}
.bounce {
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}
.post-edit-link:hover {
color:#000;
}
.post-edit-link span{
font-size:2em;
position: absolute;
line-height:none;
top:-13px;
right:-43px;
}