body section.homeSlider div.social span a svg {
display: inline-block;
width: 4rem;
height: 1.5rem;
fill: #fff
}
.topSocial {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
opacity: .25;
z-index: 1000;
padding-left: 1.5rem;
padding-bottom: 3rem
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
.submenu {
background: #153e67;
right: 0;
width: 60%;
animation: 1s fadeInFromRight;
padding-left: 50px;
padding: 80px 10px 10px 10px
}
.submenu-header {
color: #fff;
display: block;
font-family: open sans condensed, sans-serif;
font-size: 2.4rem;
font-weight: 300;
float: none;
height: 30px;
margin: 0;
overflow: visible;
padding: 0 3rem 5rem 1rem;
text-align: left;
text-transform: uppercase;
width: 100%;
position: absolute;
left: 20px;
top: 20px
}
.submenu-header a {
display: inline
}
.submenu-header a:hover {
background: 0 0;
border: none
}
.submenu-header a img {
display: inline;
height: 2rem;
width: 2rem;
vertical-align: top;
margin-top: 8px
}
.submenu-header-backlink a {
color: #fff
}
.submenu li {
margin: .2rem 3rem .2rem 0 !important;
width: 180px !important
}
.submenu li a {
text-transform: uppercase
}
.pangea-gdpr.pangea-gdpr--theme-abans {
background-color: #f6a032;
color: #fff
}
.pangea-gdpr--theme-abans .pangea-gdpr__link,
.pangea-gdpr--theme-abans .pangea-gdpr__link:active,
.pangea-gdpr--theme-abans .pangea-gdpr__link:focus,
.pangea-gdpr--theme-abans .pangea-gdpr__link:hover {
color: inherit
}
.pangea-gdpr--theme-abans .pangea-gdpr__btn--accept {
background-color: #266fa9;
color: #fff
}
.pangea-gdpr--theme-abans .pangea-gdpr__btn--accept:active,
.pangea-gdpr--theme-abans .pangea-gdpr__btn--accept:focus,
.pangea-gdpr--theme-abans .pangea-gdpr__btn--accept:hover {
background-color: #eee;
color: #111
}
@-webkit-viewport {
width: device-width
}
@-moz-viewport {
width: device-width
}
@-ms-viewport {
width: device-width
}
@-o-viewport {
width: device-width
}
@viewport {
width: device-width
}
@-webkit-keyframes fadeIn {
0% {
-webkit-opacity: 0
}
100% {
-webkit-opacity: 1
}
}
@-moz-keyframes fadeIn {
0% {
-moz-opacity: 0
}
100% {
-moz-opacity: 1
}
}
@-ms-keyframes fadeIn {
0% {
-ms-opacity: 0
}
100% {
-ms-opacity: 1
}
}
@-o-keyframes fadeIn {
0% {
-o-opacity: 0
}
100% {
-o-opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes fadeInSlow {
0% {
-webkit-opacity: 0
}
50% {
-webkit-opacity: 0
}
100% {
-webkit-opacity: 1
}
}
@-moz-keyframes fadeInSlow {
0% {
-moz-opacity: 0
}
50% {
-moz-opacity: 0
}
100% {
-moz-opacity: 1
}
}
@-ms-keyframes fadeInSlow {
0% {
-ms-opacity: 0
}
50% {
-ms-opacity: 0
}
100% {
-ms-opacity: 1
}
}
@-o-keyframes fadeInSlow {
0% {
-o-opacity: 0
}
50% {
-o-opacity: 0
}
100% {
-o-opacity: 1
}
}
@keyframes fadeInSlow {
0% {
opacity: 0
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes fadeInZoomInRotate {
0% {
-webkit-opacity: 0;
-webkit-transform: scale(0) rotate(-360deg)
}
100% {
-webkit-opacity: 1;
-webkit-transform: scale(1) rotate(0)
}
}
@-moz-keyframes fadeInZoomInRotate {
0% {
-moz-opacity: 0;
-moz-transform: scale(0) rotate(-360deg)
}
100% {
-moz-opacity: 1;
-moz-transform: scale(1) rotate(0)
}
}
@-ms-keyframes fadeInZoomInRotate {
0% {
-ms-opacity: 0;
-ms-transform: scale(0) rotate(-360deg)
}
100% {
-ms-opacity: 1;
-ms-transform: scale(1) rotate(0)
}
}
@-o-keyframes fadeInZoomInRotate {
0% {
-o-opacity: 0;
-o-transform: scale(0) rotate(-360deg)
}
100% {
-o-opacity: 1;
-o-transform: scale(1) rotate(0)
}
}
@keyframes fadeInZoomInRotate {
0% {
opacity: 0;
transform: scale(0) rotate(-360deg)
}
100% {
opacity: 1;
transform: scale(1) rotate(0)
}
}
@-webkit-keyframes fadeInFromTop {
0% {
-webkit-opacity: 0;
-webkit-transform: translate3d(0, -4vw, 0)
}
100% {
-webkit-opacity: 1;
-webkit-transform: translate3d(0, 0, 0)
}
}
@-moz-keyframes fadeInFromTop {
0% {
-moz-opacity: 0;
-moz-transform: translate3d(0, -4vw, 0)
}
100% {
-moz-opacity: 1;
-moz-transform: translate3d(0, 0, 0)
}
}
@-ms-keyframes fadeInFromTop {
0% {
-ms-opacity: 0;
-ms-transform: translate3d(0, -4vw, 0)
}
100% {
-ms-opacity: 1;
-ms-transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInFromTop {
0% {
-o-opacity: 0;
-o-transform: translate3d(0, -4vw, 0)
}
100% {
-o-opacity: 1;
-o-transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInFromTop {
0% {
opacity: 0;
transform: translate3d(0, -4vw, 0)
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes headerIn {
0% {
-webkit-opacity: 0;
-webkit-transform: translate3d(0, -4vw, 3000px)
}
100% {
-webkit-opacity: 1;
-webkit-transform: translate3d(0, 0, 3000px)
}
}
@-moz-keyframes headerIn {
0% {
-moz-opacity: 0;
-moz-transform: translate3d(0, -4vw, 3000px)
}
100% {
-moz-opacity: 1;
-moz-transform: translate3d(0, 0, 3000px)
}
}
@-ms-keyframes headerIn {
0% {
-ms-opacity: 0;
-ms-transform: translate3d(0, -4vw, 3000px)
}
100% {
-ms-opacity: 1;
-ms-transform: translate3d(0, 0, 3000px)
}
}
@-o-keyframes headerIn {
0% {
-o-opacity: 0;
-o-transform: translate3d(0, -4vw, 3000px)
}
100% {
-o-opacity: 1;
-o-transform: translate3d(0, 0, 3000px)
}
}
@keyframes headerIn {
0% {
opacity: 0;
transform: translate3d(0, -4vw, 3000px)
}
100% {
opacity: 1;
transform: translate3d(0, 0, 3000px)
}
}
@-webkit-keyframes fadeInFromLeft {
0% {
-webkit-opacity: 0;
-webkit-transform: translate3d(-2vw, 0, 0)
}
100% {
-webkit-opacity: 1;
-webkit-transform: translate3d(0, 0, 0)
}
}
@-moz-keyframes fadeInFromLeft {
0% {
-moz-opacity: 0;
-moz-transform: translate3d(-2vw, 0, 0)
}
100% {
-moz-opacity: 1;
-moz-transform: translate3d(0, 0, 0)
}
}
@-ms-keyframes fadeInFromLeft {
0% {
-ms-opacity: 0;
-ms-transform: translate3d(-2vw, 0, 0)
}
100% {
-ms-opacity: 1;
-ms-transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInFromLeft {
0% {
-o-opacity: 0;
-o-transform: translate3d(-2vw, 0, 0)
}
100% {
-o-opacity: 1;
-o-transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInFromLeft {
0% {
opacity: 0;
transform: translate3d(-2vw, 0, 0)
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes fadeInFromLeft30 {
0% {
-webkit-opacity: 0;
-webkit-transform: translate3d(30vw, 0, 0)
}
100% {
-webkit-opacity: 1;
-webkit-transform: translate3d(0, 0, 0)
}
}
@-moz-keyframes fadeInFromLeft30 {
0% {
-moz-opacity: 0;
-moz-transform: translate3d(30vw, 0, 0)
}
100% {
-moz-opacity: 1;
-moz-transform: translate3d(0, 0, 0)
}
}
@-ms-keyframes fadeInFromLeft30 {
0% {
-ms-opacity: 0;
-ms-transform: translate3d(30vw, 0, 0)
}
100% {
-ms-opacity: 1;
-ms-transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInFromLeft30 {
0% {
-o-opacity: 0;
-o-transform: translate3d(30vw, 0, 0)
}
100% {
-o-opacity: 1;
-o-transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInFromLeft30 {
0% {
opacity: 0;
transform: translate3d(30vw, 0, 0)
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes fadeInFromRight2 {
0% {
-webkit-opacity: 0;
-webkit-transform: translate3d(2vw, 0, 0)
}
100% {
-webkit-opacity: 1;
-webkit-transform: translate3d(0, 0, 0)
}
}
@-moz-keyframes fadeInFromRight2 {
0% {
-moz-opacity: 0;
-moz-transform: translate3d(2vw, 0, 0)
}
100% {
-moz-opacity: 1;
-moz-transform: translate3d(0, 0, 0)
}
}
@-ms-keyframes fadeInFromRight2 {
0% {
-ms-opacity: 0;
-ms-transform: translate3d(2vw, 0, 0)
}
100% {
-ms-opacity: 1;
-ms-transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInFromRight2 {
0% {
-o-opacity: 0;
-o-transform: translate3d(2vw, 0, 0)
}
100% {
-o-opacity: 1;
-o-transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInFromRight2 {
0% {
opacity: 0;
transform: translate3d(2vw, 0, 0)
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes fadeInFromRight30 {
0% {
-webkit-opacity: 0;
-webkit-transform: translate3d(-30vw, 0, 0)
}
100% {
-webkit-opacity: 1;
-webkit-transform: translate3d(0, 0, 0)
}
}
@-moz-keyframes fadeInFromRight30 {
0% {
-moz-opacity: 0;
-moz-transform: translate3d(-30vw, 0, 0)
}
100% {
-moz-opacity: 1;
-moz-transform: translate3d(0, 0, 0)
}
}
@-ms-keyframes fadeInFromRight30 {
0% {
-ms-opacity: 0;
-ms-transform: translate3d(-30vw, 0, 0)
}
100% {
-ms-opacity: 1;
-ms-transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInFromRight30 {
0% {
-o-opacity: 0;
-o-transform: translate3d(-30vw, 0, 0)
}
100% {
-o-opacity: 1;
-o-transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInFromRight30 {
0% {
opacity: 0;
transform: translate3d(-30vw, 0, 0)
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes fadeInFromRight {
0% {
-webkit-opacity: 0;
-webkit-transform: translate3d(15vw, 0, 0)
}
100% {
-webkit-opacity: 1;
-webkit-transform: translate3d(0, 0, 0)
}
}
@-moz-keyframes fadeInFromRight {
0% {
-moz-opacity: 0;
-moz-transform: translate3d(15vw, 0, 0)
}
100% {
-moz-opacity: 1;
-moz-transform: translate3d(0, 0, 0)
}
}
@-ms-keyframes fadeInFromRight {
0% {
-ms-opacity: 0;
-ms-transform: translate3d(15vw, 0, 0)
}
100% {
-ms-opacity: 1;
-ms-transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInFromRight {
0% {
-o-opacity: 0;
-o-transform: translate3d(15vw, 0, 0)
}
100% {
-o-opacity: 1;
-o-transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInFromRight {
0% {
opacity: 0;
transform: translate3d(15vw, 0, 0)
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes fadeInFromLeftSlow {
0% {
-webkit-opacity: 0;
-webkit-transform: translate3d(-2vw, 0, 0)
}
50% {
-webkit-opacity: 0;
-webkit-transform: translate3d(-2vw, 0, 0)
}
100% {
-webkit-opacity: 1;
-webkit-transform: translate3d(0, 0, 0)
}
}
@-moz-keyframes fadeInFromLeftSlow {
0% {
-moz-opacity: 0;
-moz-transform: translate3d(-2vw, 0, 0)
}
50% {
-moz-opacity: 0;
-moz-transform: translate3d(-2vw, 0, 0)
}
100% {
-moz-opacity: 1;
-moz-transform: translate3d(0, 0, 0)
}
}
@-ms-keyframes fadeInFromLeftSlow {
0% {
-ms-opacity: 0;
-ms-transform: translate3d(-2vw, 0, 0)
}
50% {
-ms-opacity: 0;
-ms-transform: translate3d(-2vw, 0, 0)
}
100% {
-ms-opacity: 1;
-ms-transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInFromLeftSlow {
0% {
-o-opacity: 0;
-o-transform: translate3d(-2vw, 0, 0)
}
50% {
-o-opacity: 0;
-o-transform: translate3d(-2vw, 0, 0)
}
100% {
-o-opacity: 1;
-o-transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInFromLeftSlow {
0% {
opacity: 0;
transform: translate3d(-2vw, 0, 0)
}
50% {
opacity: 0;
transform: translate3d(-2vw, 0, 0)
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes fadeInFromRightTop {
0% {
-webkit-opacity: 0;
-webkit-transform: translate3d(50px, -50px, 4000px) rotate(90deg)
}
100% {
-webkit-opacity: 1;
-webkit-transform: translate3d(0, 0, 4000px) rotate(90deg)
}
}
@-moz-keyframes fadeInFromRightTop {
0% {
-moz-opacity: 0;
-moz-transform: translate3d(50px, -50px, 4000px) rotate(90deg)
}
100% {
-moz-opacity: 1;
-moz-transform: translate3d(0, 0, 4000px) rotate(90deg)
}
}
@-ms-keyframes fadeInFromRightTop {
0% {
-ms-opacity: 0;
-ms-transform: translate3d(50px, -50px, 4000px) rotate(90deg)
}
100% {
-ms-opacity: 1;
-ms-transform: translate3d(0, 0, 4000px) rotate(90deg)
}
}
@-o-keyframes fadeInFromRightTop {
0% {
-o-opacity: 0;
-o-transform: translate3d(50px, -50px, 4000px) rotate(90deg)
}
100% {
-o-opacity: 1;
-o-transform: translate3d(0, 0, 4000px) rotate(90deg)
}
}
@keyframes fadeInFromRightTop {
0% {
opacity: 0;
transform: translate3d(50px, -50px, 4000px) rotate(90deg)
}
100% {
opacity: 1;
transform: translate3d(0, 0, 4000px) rotate(90deg)
}
}
@-webkit-keyframes fadeInFromBottom {
0% {
-webkit-opacity: 0;
-webkit-transform: translate3d(0, 4vw, 0)
}
100% {
-webkit-opacity: 1;
-webkit-transform: translate3d(0, 0, 0)
}
}
@-moz-keyframes fadeInFromBottom {
0% {
-moz-opacity: 0;
-moz-transform: translate3d(0, 4vw, 0)
}
100% {
-moz-opacity: 1;
-moz-transform: translate3d(0, 0, 0)
}
}
@-ms-keyframes fadeInFromBottom {
0% {
-ms-opacity: 0;
-ms-transform: translate3d(0, 4vw, 0)
}
100% {
-ms-opacity: 1;
-ms-transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInFromBottom {
0% {
-o-opacity: 0;
-o-transform: translate3d(0, 4vw, 0)
}
100% {
-o-opacity: 1;
-o-transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInFromBottom {
0% {
opacity: 0;
transform: translate3d(0, 4vw, 0)
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes fadeOutToBottom {
0% {
-webkit-opacity: 1;
-webkit-transform: translate3d(0, 0, 0)
}
100% {
-webkit-opacity: 0;
-webkit-transform: translate3d(0, 4vw, 0)
}
}
@-moz-keyframes fadeOutToBottom {
0% {
-moz-opacity: 1;
-moz-transform: translate3d(0, 0, 0)
}
100% {
-moz-opacity: 0;
-moz-transform: translate3d(0, 4vw, 0)
}
}
@-ms-keyframes fadeOutToBottom {
0% {
-ms-opacity: 1;
-ms-transform: translate3d(0, 0, 0)
}
100% {
-ms-opacity: 0;
-ms-transform: translate3d(0, 4vw, 0)
}
}
@-o-keyframes fadeOutToBottom {
0% {
-o-opacity: 1;
-o-transform: translate3d(0, 0, 0)
}
100% {
-o-opacity: 0;
-o-transform: translate3d(0, 4vw, 0)
}
}
@keyframes fadeOutToBottom {
0% {
opacity: 1;
transform: translate3d(0, 0, 0)
}
100% {
opacity: 0;
transform: translate3d(0, 4vw, 0)
}
}
@-webkit-keyframes fadeOutToLeft30 {
0% {
-webkit-opacity: 1;
-webkit-transform: translate3d(0, 0, 0)
}
100% {
-webkit-opacity: 0;
-webkit-transform: translate3d(-30vw, 0, 0)
}
}
@-moz-keyframes fadeOutToLeft30 {
0% {
-moz-opacity: 1;
-moz-transform: translate3d(0, 0, 0)
}
100% {
-moz-opacity: 0;
-moz-transform: translate3d(-30vw, 0, 0)
}
}
@-ms-keyframes fadeOutToLeft30 {
0% {
-ms-opacity: 1;
-ms-transform: translate3d(0, 0, 0)
}
100% {
-ms-opacity: 0;
-ms-transform: translate3d(-30vw, 0, 0)
}
}
@-o-keyframes fadeOutToLeft30 {
0% {
-o-opacity: 1;
-o-transform: translate3d(0, 0, 0)
}
100% {
-o-opacity: 0;
-o-transform: translate3d(-30vw, 0, 0)
}
}
@keyframes fadeOutToLeft30 {
0% {
opacity: 1;
transform: translate3d(0, 0, 0)
}
100% {
opacity: 0;
transform: translate3d(-30vw, 0, 0)
}
}
@-webkit-keyframes fadeOutToRight30 {
0% {
-webkit-opacity: 1;
-webkit-transform: translate3d(0, 0, 0)
}
100% {
-webkit-opacity: 0;
-webkit-transform: translate3d(30vw, 0, 0)
}
}
@-moz-keyframes fadeOutToRight30 {
0% {
-moz-opacity: 1;
-moz-transform: translate3d(0, 0, 0)
}
100% {
-moz-opacity: 0;
-moz-transform: translate3d(30vw, 0, 0)
}
}
@-ms-keyframes fadeOutToRight30 {
0% {
-ms-opacity: 1;
-ms-transform: translate3d(0, 0, 0)
}
100% {
-ms-opacity: 0;
-ms-transform: translate3d(30vw, 0, 0)
}
}
@-o-keyframes fadeOutToRight30 {
0% {
-o-opacity: 1;
-o-transform: translate3d(0, 0, 0)
}
100% {
-o-opacity: 0;
-o-transform: translate3d(30vw, 0, 0)
}
}
@keyframes fadeOutToRight30 {
0% {
opacity: 1;
transform: translate3d(0, 0, 0)
}
100% {
opacity: 0;
transform: translate3d(30vw, 0, 0)
}
}
@-webkit-keyframes fadeOutZoomOut {
0% {
-webkit-opacity: 1;
transform: scale(1)
}
100% {
-webkit-opacity: 0;
transform: scale(0)
}
}
@-moz-keyframes fadeOutZoomOut {
0% {
-moz-opacity: 1;
transform: scale(1)
}
100% {
-moz-opacity: 0;
transform: scale(0)
}
}
@-ms-keyframes fadeOutZoomOut {
0% {
-ms-opacity: 1;
transform: scale(1)
}
100% {
-ms-opacity: 0;
transform: scale(0)
}
}
@-o-keyframes fadeOutZoomOut {
0% {
-o-opacity: 1;
transform: scale(1)
}
100% {
opacity: 0;
transform: scale(0)
}
}
@keyframes fadeOutZoomOut {
0% {
opacity: 1;
transform: scale(1)
}
100% {
opacity: 0;
transform: scale(0)
}
}
@-webkit-keyframes fadeInZoomOut {
0% {
-webkit-opacity: 0;
transform: scale(1.5)
}
100% {
-webkit-opacity: 1;
transform: scale(1)
}
}
@-moz-keyframes fadeInZoomOut {
0% {
-moz-opacity: 0;
transform: scale(1.5)
}
100% {
-moz-opacity: 1;
transform: scale(1)
}
}
@-ms-keyframes fadeInZoomOut {
0% {
-ms-opacity: 0;
transform: scale(1.5)
}
100% {
-ms-opacity: 1;
transform: scale(1)
}
}
@-o-keyframes fadeInZoomOut {
0% {
-o-opacity: 0;
transform: scale(1.5)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@keyframes fadeInZoomOut {
0% {
opacity: 0;
transform: scale(1.5)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@-webkit-keyframes fadeInToRight {
0% {
-webkit-opacity: 0;
-webkit-transform: translate3d(-5vw, 0, 0)
}
100% {
-webkit-opacity: 1;
-webkit-transform: translate3d(0, 0, 0)
}
}
@-moz-keyframes fadeInToRight {
0% {
-moz-opacity: 0;
-moz-transform: translate3d(-5vw, 0, 0)
}
100% {
-moz-opacity: 1;
-moz-transform: translate3d(0, 0, 0)
}
}
@-ms-keyframes fadeInToRight {
0% {
-ms-opacity: 0;
-ms-transform: translate3d(-5vw, 0, 0)
}
100% {
-ms-opacity: 1;
-ms-transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInToRight {
0% {
-o-opacity: 0;
-o-transform: translate3d(-5vw, 0, 0)
}
100% {
-o-opacity: 1;
-o-transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInToRight {
0% {
opacity: 0;
transform: translate3d(-5vw, 0, 0)
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes fadeOut {
0% {
-webkit-opacity: 1
}
100% {
-webkit-opacity: 0
}
}
@-moz-keyframes fadeOut {
0% {
-moz-opacity: 1
}
100% {
-moz-opacity: 0
}
}
@-ms-keyframes fadeOut {
0% {
-ms-opacity: 1
}
100% {
-ms-opacity: 0
}
}
@-o-keyframes fadeOut {
0% {
-o-opacity: 1
}
100% {
-o-opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-webkit-keyframes fadeOutFast {
0% {
-webkit-opacity: 1
}
50% {
-webkit-opacity: 0
}
100% {
-webkit-opacity: 0
}
}
@-moz-keyframes fadeOutFast {
0% {
-moz-opacity: 1
}
50% {
-moz-opacity: 0
}
100% {
-moz-opacity: 0
}
}
@-ms-keyframes fadeOutFast {
0% {
-ms-opacity: 1
}
50% {
-ms-opacity: 0
}
100% {
-ms-opacity: 0
}
}
@-o-keyframes fadeOutFast {
0% {
-o-opacity: 1
}
50% {
-o-opacity: 0
}
100% {
-o-opacity: 0
}
}
@keyframes fadeOutFast {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 0
}
}
@-webkit-keyframes fadeOutHeight {
0% {
-webkit-opacity: 1;
height: 100vh
}
50% {
-webkit-opacity: 0;
height: 100vh
}
100% {
-webkit-opacity: 0;
height: 0
}
}
@-moz-keyframes fadeOutHeight {
0% {
-moz-opacity: 1;
height: 100vh
}
50% {
-moz-opacity: 0;
height: 100vh
}
100% {
-moz-opacity: 0;
height: 0
}
}
@-ms-keyframes fadeOutHeight {
0% {
-ms-opacity: 1;
height: 100vh
}
50% {
-ms-opacity: 0;
height: 100vh
}
100% {
-ms-opacity: 0;
height: 0
}
}
@-o-keyframes fadeOutHeight {
0% {
-o-opacity: 1;
height: 100vh
}
50% {
-o-opacity: 0;
height: 100vh
}
100% {
-o-opacity: 0;
height: 0
}
}
@keyframes fadeOutHeight {
0% {
opacity: 1;
height: 100vh
}
50% {
opacity: 0;
height: 100vh
}
100% {
opacity: 0;
height: 0
}
}
@-webkit-keyframes zoomIn {
0% {
-webkit-transform: scale(0)
}
100% {
-webkit-transform: scale(1)
}
}
@-moz-keyframes zoomIn {
0% {
-moz-transform: scale(0)
}
100% {
-moz-transform: scale(1)
}
}
@-ms-keyframes zoomIn {
0% {
-ms-transform: scale(0)
}
100% {
-ms-transform: scale(1)
}
}
@-o-keyframes zoomIn {
0% {
-o-transform: scale(0)
}
100% {
-o-transform: scale(1)
}
}
@keyframes zoomIn {
0% {
transform: scale(0)
}
100% {
transform: scale(1)
}
}
@-webkit-keyframes fadeInZoomIn50 {
0% {
-webkit-opacity: 0;
-webkit-transform: scale(0)
}
50% {
-webkit-opacity: 0;
-webkit-transform: scale(0)
}
100% {
-webkit-opacity: 1;
-webkit-transform: scale(1)
}
}
@-moz-keyframes fadeInZoomIn50 {
0% {
-moz-opacity: 0;
-moz-transform: scale(0)
}
50% {
-moz-opacity: 0;
-moz-transform: scale(0)
}
100% {
-moz-opacity: 1;
-moz-transform: scale(1)
}
}
@-ms-keyframes fadeInZoomIn50 {
0% {
-ms-opacity: 0;
-ms-transform: scale(0)
}
50% {
-ms-opacity: 0;
-ms-transform: scale(0)
}
100% {
-ms-opacity: 1;
-ms-transform: scale(1)
}
}
@-o-keyframes fadeInZoomIn50 {
0% {
-o-opacity: 0;
-o-transform: scale(0)
}
50% {
-o-opacity: 0;
-o-transform: scale(0)
}
100% {
-o-opacity: 1;
-o-transform: scale(1)
}
}
@keyframes fadeInZoomIn50 {
0% {
opacity: 0;
transform: scale(0)
}
50% {
opacity: 0;
transform: scale(0)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@-webkit-keyframes fadeInZoomIn {
0% {
-webkit-opacity: 0;
-webkit-transform: scale(0)
}
100% {
-webkit-opacity: 1;
-webkit-transform: scale(1)
}
}
@-moz-keyframes fadeInZoomIn {
0% {
-moz-opacity: 0;
-moz-transform: scale(0)
}
100% {
-moz-opacity: 1;
-moz-transform: scale(1)
}
}
@-ms-keyframes fadeInZoomIn {
0% {
-ms-opacity: 0;
-ms-transform: scale(0)
}
100% {
-ms-opacity: 1;
-ms-transform: scale(1)
}
}
@-o-keyframes fadeInZoomIn {
0% {
-o-opacity: 0;
-o-transform: scale(0)
}
100% {
-o-opacity: 1;
-o-transform: scale(1)
}
}
@keyframes fadeInZoomIn {
0% {
opacity: 0;
transform: scale(0)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@-webkit-keyframes fadeInZoomInSlow {
0% {
-webkit-opacity: 0
}
50% {
-webkit-opacity: 0;
-webkit-transform: scale(.5, .5);
-moz-transform: scale(.5, .5);
-ms-transform: scale(.5, .5);
-o-transform: scale(.5, .5);
transform: scale(.5, .5)
}
100% {
-webkit-opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@-moz-keyframes fadeInZoomInSlow {
0% {
-moz-opacity: 0
}
50% {
-moz-opacity: 0;
-webkit-transform: scale(.5, .5);
-moz-transform: scale(.5, .5);
-ms-transform: scale(.5, .5);
-o-transform: scale(.5, .5);
transform: scale(.5, .5)
}
100% {
-moz-opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@-ms-keyframes fadeInZoomInSlow {
0% {
-ms-opacity: 0
}
50% {
-ms-opacity: 0;
-webkit-transform: scale(.5, .5);
-moz-transform: scale(.5, .5);
-ms-transform: scale(.5, .5);
-o-transform: scale(.5, .5);
transform: scale(.5, .5)
}
100% {
-ms-opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@-o-keyframes fadeInZoomInSlow {
0% {
-o-opacity: 0
}
50% {
-o-opacity: 0;
-webkit-transform: scale(.5, .5);
-moz-transform: scale(.5, .5);
-ms-transform: scale(.5, .5);
-o-transform: scale(.5, .5);
transform: scale(.5, .5)
}
100% {
-o-opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@keyframes fadeInZoomInSlow {
0% {
opacity: 0
}
50% {
opacity: 0;
-webkit-transform: scale(.5, .5);
-moz-transform: scale(.5, .5);
-ms-transform: scale(.5, .5);
-o-transform: scale(.5, .5);
transform: scale(.5, .5)
}
100% {
opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@-webkit-keyframes fadeInZoomInSlowBounce {
0% {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0)
}
50% {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0)
}
80% {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
95% {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-webkit-transform: scale(.98, .98);
-moz-transform: scale(.98, .98);
-ms-transform: scale(.98, .98);
-o-transform: scale(.98, .98);
transform: scale(.98, .98)
}
100% {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@-moz-keyframes fadeInZoomInSlowBounce {
0% {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0)
}
50% {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0)
}
80% {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
95% {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-webkit-transform: scale(.98, .98);
-moz-transform: scale(.98, .98);
-ms-transform: scale(.98, .98);
-o-transform: scale(.98, .98);
transform: scale(.98, .98)
}
100% {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@-ms-keyframes fadeInZoomInSlowBounce {
0% {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0)
}
50% {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0)
}
80% {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
95% {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-webkit-transform: scale(.98, .98);
-moz-transform: scale(.98, .98);
-ms-transform: scale(.98, .98);
-o-transform: scale(.98, .98);
transform: scale(.98, .98)
}
100% {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@-o-keyframes fadeInZoomInSlowBounce {
0% {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0)
}
50% {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0)
}
80% {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
95% {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-webkit-transform: scale(.98, .98);
-moz-transform: scale(.98, .98);
-ms-transform: scale(.98, .98);
-o-transform: scale(.98, .98);
transform: scale(.98, .98)
}
100% {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@keyframes fadeInZoomInSlowBounce {
0% {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0)
}
50% {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0)
}
80% {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
95% {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-webkit-transform: scale(.98, .98);
-moz-transform: scale(.98, .98);
-ms-transform: scale(.98, .98);
-o-transform: scale(.98, .98);
transform: scale(.98, .98)
}
100% {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@-webkit-keyframes fadeInZoomInYSlow {
0% {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0
}
50% {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transform: scaleY(.5);
-moz-transform: scaleY(.5);
-ms-transform: scaleY(.5);
-o-transform: scaleY(.5);
transform: scaleY(.5)
}
100% {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1)
}
}
@-moz-keyframes fadeInZoomInYSlow {
0% {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0
}
50% {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transform: scaleY(.5);
-moz-transform: scaleY(.5);
-ms-transform: scaleY(.5);
-o-transform: scaleY(.5);
transform: scaleY(.5)
}
100% {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1)
}
}
@-ms-keyframes fadeInZoomInYSlow {
0% {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0
}
50% {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transform: scaleY(.5);
-moz-transform: scaleY(.5);
-ms-transform: scaleY(.5);
-o-transform: scaleY(.5);
transform: scaleY(.5)
}
100% {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1)
}
}
@-o-keyframes fadeInZoomInYSlow {
0% {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0
}
50% {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transform: scaleY(.5);
-moz-transform: scaleY(.5);
-ms-transform: scaleY(.5);
-o-transform: scaleY(.5);
transform: scaleY(.5)
}
100% {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1)
}
}
@keyframes fadeInZoomInYSlow {
0% {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0
}
50% {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transform: scaleY(.5);
-moz-transform: scaleY(.5);
-ms-transform: scaleY(.5);
-o-transform: scaleY(.5);
transform: scaleY(.5)
}
100% {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1)
}
}
@-webkit-keyframes jump {
0% {
-webkit-transform: translate3d(0, 0, 0)
}
50% {
-webkit-transform: translate3d(0, -1vw, 0)
}
100% {
-webkit-transform: translate3d(0, 0, 0)
}
}
@-moz-keyframes jump {
0% {
-moz-transform: translate3d(0, 0, 0)
}
50% {
-moz-transform: translate3d(0, -1vw, 0)
}
100% {
-moz-transform: translate3d(0, 0, 0)
}
}
@-ms-keyframes jump {
0% {
-ms-transform: translate3d(0, 0, 0)
}
50% {
-ms-transform: translate3d(0, -1vw, 0)
}
100% {
-ms-transform: translate3d(0, 0, 0)
}
}
@-o-keyframes jump {
0% {
-o-transform: translate3d(0, 0, 0)
}
50% {
-o-transform: translate3d(0, -1vw, 0)
}
100% {
-o-transform: translate3d(0, 0, 0)
}
}
@keyframes jump {
0% {
transform: translate3d(0, 0, 0)
}
50% {
transform: translate3d(0, -1vw, 0)
}
100% {
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes fromLeft {
0% {
-webkit-transform: translate3d(-55vw, 0, 0)
}
50% {
-webkit-transform: translate3d(-55vw, 0, 0)
}
100% {
-webkit-transform: translate3d(0, 0, 0)
}
}
@-moz-keyframes fromLeft {
0% {
-moz-transform: translate3d(-55vw, 0, 0)
}
50% {
-moz-transform: translate3d(-55vw, 0, 0)
}
100% {
-moz-transform: translate3d(0, 0, 0)
}
}
@-ms-keyframes fromLeft {
0% {
-ms-transform: translate3d(-55vw, 0, 0)
}
50% {
-ms-transform: translate3d(-55vw, 0, 0)
}
100% {
-ms-transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fromLeft {
0% {
-o-transform: translate3d(-55vw, 0, 0)
}
50% {
-o-transform: translate3d(-55vw, 0, 0)
}
100% {
-o-transform: translate3d(0, 0, 0)
}
}
@keyframes fromLeft {
0% {
transform: translate3d(-55vw, 0, 0)
}
50% {
transform: translate3d(-55vw, 0, 0)
}
100% {
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes fromRight {
0% {
-webkit-transform: translate3d(72.8vw, 0, 0)
}
50% {
-webkit-transform: translate3d(72.8vw, 0, 0)
}
100% {
-webkit-transform: translate3d(0, 0, 0)
}
}
@-moz-keyframes fromRight {
0% {
-moz-transform: translate3d(72.8vw, 0, 0)
}
50% {
-moz-transform: translate3d(72.8vw, 0, 0)
}
100% {
-moz-transform: translate3d(0, 0, 0)
}
}
@-ms-keyframes fromRight {
0% {
-ms-transform: translate3d(72.8vw, 0, 0)
}
50% {
-ms-transform: translate3d(72.8vw, 0, 0)
}
100% {
-ms-transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fromRight {
0% {
-o-transform: translate3d(72.8vw, 0, 0)
}
50% {
-o-transform: translate3d(72.8vw, 0, 0)
}
100% {
-o-transform: translate3d(0, 0, 0)
}
}
@keyframes fromRight {
0% {
transform: translate3d(72.8vw, 0, 0)
}
50% {
transform: translate3d(72.8vw, 0, 0)
}
100% {
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes toLeft {
0% {
-webkit-transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(-55vw, 0, 0)
}
}
@-moz-keyframes toLeft {
0% {
-moz-transform: translate3d(0, 0, 0)
}
100% {
-moz-transform: translate3d(-55vw, 0, 0)
}
}
@-ms-keyframes toLeft {
0% {
-ms-transform: translate3d(0, 0, 0)
}
100% {
-ms-transform: translate3d(-55vw, 0, 0)
}
}
@-o-keyframes toLeft {
0% {
-o-transform: translate3d(0, 0, 0)
}
100% {
-o-transform: translate3d(-55vw, 0, 0)
}
}
@keyframes toLeft {
0% {
transform: translate3d(0, 0, 0)
}
100% {
transform: translate3d(-55vw, 0, 0)
}
}
@-webkit-keyframes toRight {
0% {
-webkit-transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(72.8vw, 0, 0)
}
}
@-moz-keyframes toRight {
0% {
-moz-transform: translate3d(0, 0, 0)
}
100% {
-moz-transform: translate3d(72.8vw, 0, 0)
}
}
@-ms-keyframes toRight {
0% {
-ms-transform: translate3d(0, 0, 0)
}
100% {
-ms-transform: translate3d(72.8vw, 0, 0)
}
}
@-o-keyframes toRight {
0% {
-o-transform: translate3d(0, 0, 0)
}
100% {
-o-transform: translate3d(72.8vw, 0, 0)
}
}
@keyframes toRight {
0% {
transform: translate3d(0, 0, 0)
}
100% {
transform: translate3d(72.8vw, 0, 0)
}
}
@-webkit-keyframes zoomBounce {
0% {
-webkit-transform: scale(.9)
}
50% {
-webkit-transform: scale(1.15)
}
100% {
-webkit-transform: scale(.9)
}
}
@-moz-keyframes zoomBounce {
0% {
-moz-transform: scale(.9)
}
50% {
-moz-transform: scale(1.15)
}
100% {
-moz-transform: scale(.9)
}
}
@-ms-keyframes zoomBounce {
0% {
-ms-transform: scale(.9)
}
50% {
-ms-transform: scale(1.15)
}
100% {
-ms-transform: scale(.9)
}
}
@-o-keyframes zoomBounce {
0% {
-o-transform: scale(.9)
}
50% {
-o-transform: scale(1.15)
}
100% {
-o-transform: scale(.9)
}
}
@keyframes zoomBounce {
0% {
transform: scale(.9)
}
50% {
transform: scale(1.15)
}
100% {
transform: scale(.9)
}
}
@-webkit-keyframes lineAnimation {
0% {
width: 0
}
100% {
width: 67.5vw
}
}
@-moz-keyframes lineAnimation {
0% {
width: 0
}
100% {
width: 67.5vw
}
}
@-ms-keyframes lineAnimation {
0% {
width: 0
}
100% {
width: 67.5vw
}
}
@-o-keyframes lineAnimation {
0% {
width: 0
}
100% {
width: 67.5vw
}
}
@keyframes lineAnimation {
0% {
width: 0
}
100% {
width: 67.5vw
}
}
@-webkit-keyframes lineAnimation960 {
0% {
width: 0
}
100% {
width: 730px
}
}
@-moz-keyframes lineAnimation960 {
0% {
width: 0
}
100% {
width: 730px
}
}
@-ms-keyframes lineAnimation960 {
0% {
width: 0
}
100% {
width: 730px
}
}
@-o-keyframes lineAnimation960 {
0% {
width: 0
}
100% {
width: 730px
}
}
@keyframes lineAnimation960 {
0% {
width: 0
}
100% {
width: 730px
}
}
@-webkit-keyframes lineAnimation1200 {
0% {
width: 0
}
100% {
width: calc(30vw + 600px)
}
}
@-moz-keyframes lineAnimation1200 {
0% {
width: 0
}
100% {
width: calc(30vw + 600px)
}
}
@-ms-keyframes lineAnimation1200 {
0% {
width: 0
}
100% {
width: calc(30vw + 600px)
}
}
@-o-keyframes lineAnimation1200 {
0% {
width: 0
}
100% {
width: calc(30vw + 600px)
}
}
@keyframes lineAnimation1200 {
0% {
width: 0
}
100% {
width: calc(30vw + 600px)
}
}
@-webkit-keyframes dash1 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 180
}
}
@-moz-keyframes dash1 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 180
}
}
@-ms-keyframes dash1 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 180
}
}
@-o-keyframes dash1 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 180
}
}
@keyframes dash1 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 180
}
}
@-webkit-keyframes dash2 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 123
}
}
@-moz-keyframes dash2 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 123
}
}
@-ms-keyframes dash2 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 123
}
}
@-o-keyframes dash2 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 123
}
}
@keyframes dash2 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 123
}
}
@-webkit-keyframes dash3 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 270
}
}
@-moz-keyframes dash3 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 270
}
}
@-ms-keyframes dash3 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 270
}
}
@-o-keyframes dash3 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 270
}
}
@keyframes dash3 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 270
}
}
@-webkit-keyframes dash4 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 200
}
}
@-moz-keyframes dash4 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 200
}
}
@-ms-keyframes dash4 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 200
}
}
@-o-keyframes dash4 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 200
}
}
@keyframes dash4 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 200
}
}
@-webkit-keyframes dash5 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 143.5
}
}
@-moz-keyframes dash5 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 143.5
}
}
@-ms-keyframes dash5 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 143.5
}
}
@-o-keyframes dash5 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 143.5
}
}
@keyframes dash5 {
0% {
stroke-dashoffset: 360
}
100% {
stroke-dashoffset: 143.5
}
}
@-webkit-keyframes fadeFlipInX1900 {
0% {
-webkit-opacity: 0
}
15% {
-webkit-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in;
-webkit-opacity: 0
}
45% {
-webkit-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 20deg);
transition-timing-function: ease-out;
-webkit-opacity: 1
}
60% {
-webkit-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -10deg);
transition-timing-function: ease-in;
-webkit-opacity: 1
}
80% {
-webkit-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 5deg);
transition-timing-function: ease-out;
-webkit-opacity: 1
}
100% {
-webkit-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out;
-webkit-opacity: 1
}
}
@-moz-keyframes fadeFlipInX1900 {
0% {
-moz-opacity: 0
}
15% {
-moz-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in;
-moz-opacity: 0
}
45% {
-moz-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 20deg);
transition-timing-function: ease-out;
-moz-opacity: 1
}
60% {
-moz-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -10deg);
transition-timing-function: ease-in;
-moz-opacity: 1
}
80% {
-moz-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 5deg);
transition-timing-function: ease-out;
-moz-opacity: 1
}
100% {
-moz-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out;
-moz-opacity: 1
}
}
@-ms-keyframes fadeFlipInX1900 {
0% {
-ms-opacity: 0
}
15% {
-ms-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in;
-ms-opacity: 0
}
45% {
-ms-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 20deg);
transition-timing-function: ease-out;
-ms-opacity: 1
}
60% {
-ms-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -10deg);
transition-timing-function: ease-in;
-ms-opacity: 1
}
80% {
transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 5deg);
transition-timing-function: ease-out;
-ms-opacity: 1
}
100% {
-ms-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out;
-ms-opacity: 1
}
}
@-o-keyframes fadeFlipInX1900 {
0% {
-o-opacity: 0
}
15% {
-o-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in;
-o-opacity: 0
}
45% {
-o-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 20deg);
transition-timing-function: ease-out;
-o-opacity: 1
}
60% {
-o-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -10deg);
transition-timing-function: ease-in;
-o-opacity: 1
}
80% {
-o-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 5deg);
transition-timing-function: ease-out;
-o-opacity: 1
}
100% {
-o-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out;
-o-opacity: 1
}
}
@keyframes fadeFlipInX1900 {
0% {
opacity: 0
}
15% {
transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in;
opacity: 0
}
45% {
transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 20deg);
transition-timing-function: ease-out;
opacity: 1
}
60% {
transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -10deg);
transition-timing-function: ease-in;
opacity: 1
}
80% {
transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 5deg);
transition-timing-function: ease-out;
opacity: 1
}
100% {
transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out;
opacity: 1
}
}
@-webkit-keyframes flipInX1900 {
0% {
-webkit-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
40% {
-webkit-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 20deg);
transition-timing-function: ease-out
}
60% {
-webkit-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -10deg);
transition-timing-function: ease-in
}
80% {
-webkit-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 5deg);
transition-timing-function: ease-out
}
100% {
-webkit-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
}
@-moz-keyframes flipInX1900 {
0% {
-moz-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
40% {
-moz-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 20deg);
transition-timing-function: ease-out
}
60% {
-moz-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -10deg);
transition-timing-function: ease-in
}
80% {
-moz-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 5deg);
transition-timing-function: ease-out
}
100% {
-moz-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
}
@-ms-keyframes flipInX1900 {
0% {
-ms-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
40% {
-ms-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 20deg);
transition-timing-function: ease-out
}
60% {
-ms-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -10deg);
transition-timing-function: ease-in
}
80% {
transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 5deg);
transition-timing-function: ease-out
}
100% {
-ms-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
}
@-o-keyframes flipInX1900 {
0% {
-o-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
40% {
-o-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 20deg);
transition-timing-function: ease-out
}
60% {
-o-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -10deg);
transition-timing-function: ease-in
}
80% {
-o-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 5deg);
transition-timing-function: ease-out
}
100% {
-o-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
}
@keyframes flipInX1900 {
0% {
transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
40% {
transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 20deg);
transition-timing-function: ease-out
}
60% {
transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -10deg);
transition-timing-function: ease-in
}
80% {
transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 5deg);
transition-timing-function: ease-out
}
100% {
transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
}
@-webkit-keyframes flipInX600 {
0% {
-webkit-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
40% {
-webkit-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 20deg);
transition-timing-function: ease-out
}
60% {
-webkit-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -10deg);
transition-timing-function: ease-in
}
80% {
-webkit-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 5deg);
transition-timing-function: ease-out
}
100% {
-webkit-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
}
@-moz-keyframes flipInX600 {
0% {
-moz-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
40% {
-moz-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 20deg);
transition-timing-function: ease-out
}
60% {
-moz-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -10deg);
transition-timing-function: ease-in
}
80% {
-moz-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 5deg);
transition-timing-function: ease-out
}
100% {
-moz-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
}
@-ms-keyframes flipInX600 {
0% {
-ms-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
40% {
-ms-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 20deg);
transition-timing-function: ease-out
}
60% {
-ms-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -10deg);
transition-timing-function: ease-in
}
80% {
transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 5deg);
transition-timing-function: ease-out
}
100% {
-ms-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
}
@-o-keyframes flipInX600 {
0% {
-o-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
40% {
-o-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 20deg);
transition-timing-function: ease-out
}
60% {
-o-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -10deg);
transition-timing-function: ease-in
}
80% {
-o-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 5deg);
transition-timing-function: ease-out
}
100% {
-o-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
}
@keyframes flipInX600 {
0% {
transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
40% {
transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 20deg);
transition-timing-function: ease-out
}
60% {
transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -10deg);
transition-timing-function: ease-in
}
80% {
transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 5deg);
transition-timing-function: ease-out
}
100% {
transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
}
@-webkit-keyframes flipInX600Slow {
0% {
-webkit-opacity: 0
}
49% {
-webkit-opacity: 0;
-webkit-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -90deg)
}
50% {
-webkit-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
70% {
-webkit-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 20deg);
transition-timing-function: ease-out
}
80% {
-webkit-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -10deg);
transition-timing-function: ease-in
}
90% {
-webkit-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 5deg);
transition-timing-function: ease-out
}
100% {
-webkit-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
}
@-moz-keyframes flipInX600Slow {
0% {
-moz-opacity: 0
}
49% {
-moz-opacity: 0;
-moz-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -90deg)
}
50% {
-moz-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
70% {
-moz-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 20deg);
transition-timing-function: ease-out
}
80% {
-moz-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -10deg);
transition-timing-function: ease-in
}
90% {
-moz-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 5deg);
transition-timing-function: ease-out
}
100% {
-moz-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
}
@-ms-keyframes flipInX600Slow {
0% {
-ms-opacity: 0
}
49% {
-ms-opacity: 0;
-ms-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -90deg)
}
50% {
-ms-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
70% {
-ms-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 20deg);
transition-timing-function: ease-out
}
80% {
-ms-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -10deg);
transition-timing-function: ease-in
}
90% {
transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 5deg);
transition-timing-function: ease-out
}
100% {
-ms-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
}
@-o-keyframes flipInX600Slow {
0% {
-o-opacity: 0
}
49% {
-o-opacity: 0;
-o-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -90deg)
}
50% {
-o-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
70% {
-o-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 20deg);
transition-timing-function: ease-out
}
80% {
-o-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -10deg);
transition-timing-function: ease-in
}
90% {
-o-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 5deg);
transition-timing-function: ease-out
}
100% {
-o-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
}
@keyframes flipInX600Slow {
0% {
opacity: 0
}
49% {
opacity: 0;
transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -90deg)
}
50% {
transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
70% {
transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 20deg);
transition-timing-function: ease-out
}
80% {
transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -10deg);
transition-timing-function: ease-in
}
90% {
transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 5deg);
transition-timing-function: ease-out
}
100% {
transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-webkit-opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
-webkit-opacity: 1
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
-webkit-opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
-webkit-opacity: 1
}
100% {
-webkit-transform: perspective(400px);
-webkit-opacity: 1
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
-moz-opacity: 0
}
40% {
-moz-transform: perspective(400px) rotateY(-20deg);
-moz-opacity: 1
}
60% {
-moz-transform: perspective(400px) rotateY(10deg);
-moz-opacity: 1
}
80% {
-moz-transform: perspective(400px) rotateY(-5deg);
-moz-opacity: 1
}
100% {
-moz-transform: perspective(400px);
-moz-opacity: 1
}
}
@-ms-keyframes flipInY {
0% {
-ms-transform: perspective(400px) rotateY(90deg);
-ms-opacity: 0
}
40% {
-ms-transform: perspective(400px) rotateY(-20deg);
-ms-opacity: 1
}
60% {
-ms-transform: perspective(400px) rotateY(10deg);
-ms-opacity: 1
}
80% {
-ms-transform: perspective(400px) rotateY(-5deg);
-ms-opacity: 1
}
100% {
-ms-transform: perspective(400px);
-ms-opacity: 1
}
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
-o-opacity: 0
}
40% {
-o-transform: perspective(400px) rotateY(-20deg);
-o-opacity: 1
}
60% {
-o-transform: perspective(400px) rotateY(10deg);
-o-opacity: 1
}
80% {
-o-transform: perspective(400px) rotateY(-5deg);
-o-opacity: 1
}
100% {
-o-transform: perspective(400px);
-o-opacity: 1
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
transform: perspective(400px) rotateY(-20deg);
opacity: 1
}
60% {
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
transform: perspective(400px) rotateY(-5deg);
opacity: 1
}
100% {
transform: perspective(400px);
opacity: 1
}
}
@-webkit-keyframes flipInY1900 {
0% {
-webkit-transform: perspective(1900px) rotateY(90deg);
-webkit-opacity: 0
}
40% {
-webkit-transform: perspective(1900px) rotateY(-20deg)
}
60% {
-webkit-transform: perspective(1900px) rotateY(10deg);
-webkit-opacity: 1
}
80% {
-webkit-transform: perspective(1900px) rotateY(-5deg)
}
100% {
-webkit-transform: perspective(1900px);
-webkit-opacity: 1
}
}
@-moz-keyframes flipInY1900 {
0% {
-moz-transform: perspective(1900px) rotateY(90deg);
-moz-opacity: 0
}
40% {
-moz-transform: perspective(1900px) rotateY(-20deg)
}
60% {
-moz-transform: perspective(1900px) rotateY(10deg);
-moz-opacity: 1
}
80% {
-moz-transform: perspective(1900px) rotateY(-5deg)
}
100% {
-moz-transform: perspective(1900px);
-moz-opacity: 1
}
}
@-ms-keyframes flipInY1900 {
0% {
-ms-transform: perspective(1900px) rotateY(90deg);
-ms-opacity: 0
}
40% {
-ms-transform: perspective(1900px) rotateY(-20deg)
}
60% {
-ms-transform: perspective(1900px) rotateY(10deg);
-ms-opacity: 1
}
80% {
-ms-transform: perspective(1900px) rotateY(-5deg)
}
100% {
-ms-transform: perspective(1900px);
-ms-opacity: 1
}
}
@-o-keyframes flipInY1900 {
0% {
-o-transform: perspective(1900px) rotateY(90deg);
-o-opacity: 0
}
40% {
-o-transform: perspective(1900px) rotateY(-20deg)
}
60% {
-o-transform: perspective(1900px) rotateY(10deg);
-o-opacity: 1
}
80% {
-o-transform: perspective(1900px) rotateY(-5deg)
}
100% {
-o-transform: perspective(1900px);
-o-opacity: 1
}
}
@keyframes flipInY1900 {
0% {
transform: perspective(1900px) rotateY(90deg);
opacity: 0
}
40% {
transform: perspective(1900px) rotateY(-20deg)
}
60% {
transform: perspective(1900px) rotateY(10deg);
opacity: 1
}
80% {
transform: perspective(1900px) rotateY(-5deg)
}
100% {
transform: perspective(1900px);
opacity: 1
}
}
@-webkit-keyframes flipInY500 {
0% {
-webkit-transform: perspective(500px) rotateY(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(500px) rotateY(-20deg)
}
60% {
-webkit-transform: perspective(500px) rotateY(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(500px) rotateY(-5deg)
}
100% {
-webkit-transform: perspective(500px);
opacity: 1
}
}
@-moz-keyframes flipInY500 {
0% {
-moz-transform: perspective(500px) rotateY(90deg);
-moz-opacity: 0
}
40% {
-moz-transform: perspective(500px) rotateY(-20deg)
}
60% {
-moz-transform: perspective(500px) rotateY(10deg);
-moz-opacity: 1
}
80% {
-moz-transform: perspective(500px) rotateY(-5deg)
}
100% {
-moz-transform: perspective(500px);
-moz-opacity: 1
}
}
@-ms-keyframes flipInY500 {
0% {
-ms-transform: perspective(500px) rotateY(90deg);
-ms-opacity: 0
}
40% {
-ms-transform: perspective(500px) rotateY(-20deg)
}
60% {
-ms-transform: perspective(500px) rotateY(10deg);
-ms-opacity: 1
}
80% {
-ms-transform: perspective(500px) rotateY(-5deg)
}
100% {
-ms-transform: perspective(500px);
-ms-opacity: 1
}
}
@-o-keyframes flipInY500 {
0% {
-o-transform: perspective(500px) rotateY(90deg);
-o-opacity: 0
}
40% {
-o-transform: perspective(500px) rotateY(-20deg)
}
60% {
-o-transform: perspective(500px) rotateY(10deg);
-o-opacity: 1
}
80% {
-o-transform: perspective(500px) rotateY(-5deg)
}
100% {
-o-transform: perspective(500px);
-o-opacity: 1
}
}
@keyframes flipInY500 {
0% {
transform: perspective(500px) rotateY(90deg);
opacity: 0
}
40% {
transform: perspective(500px) rotateY(-20deg)
}
60% {
transform: perspective(500px) rotateY(10deg);
opacity: 1
}
80% {
transform: perspective(500px) rotateY(-5deg)
}
100% {
transform: perspective(500px);
opacity: 1
}
}
@-webkit-keyframes flipOutX1900 {
0% {
-webkit-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
100% {
-webkit-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
}
@-moz-keyframes flipOutX1900 {
0% {
-moz-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
100% {
-moz-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
}
@-ms-keyframes flipOutX1900 {
0% {
-ms-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
100% {
-ms-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
}
@-o-keyframes flipOutX1900 {
0% {
-o-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
100% {
-o-transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
}
@keyframes flipOutX1900 {
0% {
transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
100% {
transform: translateZ(1900px) perspective(1900px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
}
@-webkit-keyframes flipOutX500 {
0% {
-webkit-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
100% {
-webkit-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
}
@-moz-keyframes flipOutX500 {
0% {
-moz-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
100% {
-moz-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
}
@-ms-keyframes flipOutX500 {
0% {
-ms-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
100% {
-ms-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
}
@-o-keyframes flipOutX500 {
0% {
-o-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
100% {
-o-transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
}
@keyframes flipOutX500 {
0% {
transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, 0deg);
transition-timing-function: ease-out
}
100% {
transform: translateZ(500px) perspective(500px) rotate3d(1, 0, 0, -90deg);
transition-timing-function: ease-in
}
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: none
}
15% {
-webkit-transform: translate3d(-25%, 0, 1px) rotate(-5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 1px) rotate(3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 1px) rotate(-3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 1px) rotate(2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 1px) rotate(-1deg)
}
to {
-webkit-transform: none
}
}
@-moz-keyframes wobble {
0% {
-moz-transform: none
}
15% {
-moz-transform: translate3d(-25%, 0, 1px) rotate(-5deg)
}
30% {
-moz-transform: translate3d(20%, 0, 1px) rotate(3deg)
}
45% {
-moz-transform: translate3d(-15%, 0, 1px) rotate(-3deg)
}
60% {
-moz-transform: translate3d(10%, 0, 1px) rotate(2deg)
}
75% {
-moz-transform: translate3d(-5%, 0, 1px) rotate(-1deg)
}
to {
-moz-transform: none
}
}
@-ms-keyframes wobble {
0% {
-ms-transform: none
}
15% {
-ms-transform: translate3d(-25%, 0, 1px) rotate(-5deg)
}
30% {
-ms-transform: translate3d(20%, 0, 1px) rotate(3deg)
}
45% {
-ms-transform: translate3d(-15%, 0, 1px) rotate(-3deg)
}
60% {
-ms-transform: translate3d(10%, 0, 1px) rotate(2deg)
}
75% {
-ms-transform: translate3d(-5%, 0, 1px) rotate(-1deg)
}
to {
-ms-transform: none
}
}
@-o-keyframes wobble {
0% {
-o-transform: none
}
15% {
-o-transform: translate3d(-25%, 0, 1px) rotate(-5deg)
}
30% {
-o-transform: translate3d(20%, 0, 1px) rotate(3deg)
}
45% {
-o-transform: translate3d(-15%, 0, 1px) rotate(-3deg)
}
60% {
-o-transform: translate3d(10%, 0, 1px) rotate(2deg)
}
75% {
-o-transform: translate3d(-5%, 0, 1px) rotate(-1deg)
}
to {
-o-transform: none
}
}
@keyframes wobble {
0% {
transform: none
}
15% {
transform: translate3d(-25%, 0, 1px) rotate(-5deg)
}
30% {
transform: translate3d(20%, 0, 1px) rotate(3deg)
}
45% {
transform: translate3d(-15%, 0, 1px) rotate(-3deg)
}
60% {
transform: translate3d(10%, 0, 1px) rotate(2deg)
}
75% {
transform: translate3d(-5%, 0, 1px) rotate(-1deg)
}
to {
transform: none
}
}
@-webkit-keyframes bubble1 {
0% {
height: 0;
width: 0;
-webkit-border-radius: 0;
-webkit-transform: translate3d(-28.3vw, 6.3vw, 0)
}
100% {
height: 18vw;
width: 18vw;
-webkit-border-radius: 9vw;
-webkit-transform: translate3d(0, 0, 0)
}
}
@-moz-keyframes bubble1 {
0% {
height: 0;
width: 0;
-moz-border-radius: 0;
-moz-transform: translate3d(-28.3vw, 6.3vw, 0)
}
100% {
height: 18vw;
width: 18vw;
-moz-border-radius: 9vw;
-moz-transform: translate3d(0, 0, 0)
}
}
@-ms-keyframes bubble1 {
0% {
height: 0;
width: 0;
-ms-border-radius: 0;
-ms-transform: translate3d(-28.3vw, 6.3vw, 0)
}
100% {
height: 18vw;
width: 18vw;
-ms-border-radius: 9vw;
-ms-transform: translate3d(0, 0, 0)
}
}
@-o-keyframes bubble1 {
0% {
height: 0;
width: 0;
-o-border-radius: 0;
-o-transform: translate3d(-28.3vw, 6.3vw, 0)
}
100% {
height: 18vw;
width: 18vw;
-o-border-radius: 9vw;
-o-transform: translate3d(0, 0, 0)
}
}
@keyframes bubble1 {
0% {
height: 0;
width: 0;
border-radius: 0;
transform: translate3d(-28.3vw, 6.3vw, 0)
}
100% {
height: 18vw;
width: 18vw;
border-radius: 9vw;
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes bubble2 {
0% {
height: 0;
width: 0;
-webkit-border-radius: 0;
-webkit-transform: translate3d(-14.9vw, -6vw, 0)
}
100% {
height: 12.8vw;
width: 12.8vw;
-webkit-border-radius: 6.4vw;
-webkit-transform: translate3d(0, 0, 0)
}
}
@-moz-keyframes bubble2 {
0% {
height: 0;
width: 0;
-moz-border-radius: 0;
-moz-transform: translate3d(-14.9vw, -6vw, 0)
}
100% {
height: 12.8vw;
width: 12.8vw;
-moz-border-radius: 6.4vw;
-moz-transform: translate3d(0, 0, 0)
}
}
@-ms-keyframes bubble2 {
0% {
height: 0;
width: 0;
-ms-border-radius: 0;
-ms-transform: translate3d(-14.9vw, -6vw, 0)
}
100% {
height: 12.8vw;
width: 12.8vw;
-ms-border-radius: 6.4vw;
-ms-transform: translate3d(0, 0, 0)
}
}
@-o-keyframes bubble2 {
0% {
height: 0;
width: 0;
-o-border-radius: 0;
-o-transform: translate3d(-14.9vw, -6vw, 0)
}
100% {
height: 12.8vw;
width: 12.8vw;
-o-border-radius: 6.4vw;
-o-transform: translate3d(0, 0, 0)
}
}
@keyframes bubble2 {
0% {
height: 0;
width: 0;
border-radius: 0;
transform: translate3d(-14.9vw, -6vw, 0)
}
100% {
height: 12.8vw;
width: 12.8vw;
border-radius: 6.4vw;
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes bubble3 {
0% {
height: 0;
width: 0;
-webkit-border-radius: 0;
-webkit-transform: translate3d(-46.6vw, -5vw, 0)
}
100% {
height: 23vw;
width: 23vw;
-webkit-border-radius: 11.5vw;
-webkit-transform: translate3d(0, 0, 0)
}
}
@-moz-keyframes bubble3 {
0% {
height: 0;
width: 0;
-moz-border-radius: 0;
-moz-transform: translate3d(-46.6vw, -5vw, 0)
}
100% {
height: 23vw;
width: 23vw;
-moz-border-radius: 11.5vw;
-moz-transform: translate3d(0, 0, 0)
}
}
@-ms-keyframes bubble3 {
0% {
height: 0;
width: 0;
-ms-border-radius: 0;
-ms-transform: translate3d(-46.6vw, -5vw, 0)
}
100% {
height: 23vw;
width: 23vw;
-ms-border-radius: 11.5vw;
-ms-transform: translate3d(0, 0, 0)
}
}
@-o-keyframes bubble3 {
0% {
height: 0;
width: 0;
-o-border-radius: 0;
-o-transform: translate3d(-46.6vw, -5vw, 0)
}
100% {
height: 23vw;
width: 23vw;
-o-border-radius: 11.5vw;
-o-transform: translate3d(0, 0, 0)
}
}
@keyframes bubble3 {
0% {
height: 0;
width: 0;
border-radius: 0;
transform: translate3d(-46.6vw, -5vw, 0)
}
100% {
height: 23vw;
width: 23vw;
border-radius: 11.5vw;
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes bubble4 {
0% {
height: 0;
width: 0;
-webkit-border-radius: 0;
-webkit-transform: translate3d(-15.1vw, 4vw, 0)
}
100% {
height: 6.2vw;
width: 6.2vw;
-webkit-border-radius: 3.1vw;
-webkit-transform: translate3d(0, 0, 0)
}
}
@-moz-keyframes bubble4 {
0% {
height: 0;
width: 0;
-moz-border-radius: 0;
-moz-transform: translate3d(-15.1vw, 4vw, 0)
}
100% {
height: 6.2vw;
width: 6.2vw;
-moz-border-radius: 3.1vw;
-moz-transform: translate3d(0, 0, 0)
}
}
@-ms-keyframes bubble4 {
0% {
height: 0;
width: 0;
-ms-border-radius: 0;
-ms-transform: translate3d(-15.1vw, 4vw, 0)
}
100% {
height: 6.2vw;
width: 6.2vw;
-ms-border-radius: 3.1vw;
-ms-transform: translate3d(0, 0, 0)
}
}
@-o-keyframes bubble4 {
0% {
height: 0;
width: 0;
-o-border-radius: 0;
-o-transform: translate3d(-15.1vw, 4vw, 0)
}
100% {
height: 6.2vw;
width: 6.2vw;
-o-border-radius: 3.1vw;
-o-transform: translate3d(0, 0, 0)
}
}
@keyframes bubble4 {
0% {
height: 0;
width: 0;
border-radius: 0;
transform: translate3d(-15.1vw, 4vw, 0)
}
100% {
height: 6.2vw;
width: 6.2vw;
border-radius: 3.1vw;
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes bubble5 {
0% {
height: 0;
width: 0;
-webkit-border-radius: 0;
-webkit-transform: translate3d(-50.6vw, 6.5vw, 0)
}
100% {
height: 8.7vw;
width: 8.7vw;
-webkit-border-radius: 4.35vw;
-webkit-transform: translate3d(0, 0, 0)
}
}
@-moz-keyframes bubble5 {
0% {
height: 0;
width: 0;
-moz-border-radius: 0;
-moz-transform: translate3d(-50.6vw, 6.5vw, 0)
}
100% {
height: 8.7vw;
width: 8.7vw;
-moz-border-radius: 4.35vw;
-moz-transform: translate3d(0, 0, 0)
}
}
@-ms-keyframes bubble5 {
0% {
height: 0;
width: 0;
-ms-border-radius: 0;
-ms-transform: translate3d(-50.6vw, 6.5vw, 0)
}
100% {
height: 8.7vw;
width: 8.7vw;
-ms-border-radius: 4.35vw;
-ms-transform: translate3d(0, 0, 0)
}
}
@-o-keyframes bubble5 {
0% {
height: 0;
width: 0;
-o-border-radius: 0;
-o-transform: translate3d(-50.6vw, 6.5vw, 0)
}
100% {
height: 8.7vw;
width: 8.7vw;
-o-border-radius: 4.35vw;
-o-transform: translate3d(0, 0, 0)
}
}
@keyframes bubble5 {
0% {
height: 0;
width: 0;
border-radius: 0;
transform: translate3d(-50.6vw, 6.5vw, 0)
}
100% {
height: 8.7vw;
width: 8.7vw;
border-radius: 4.35vw;
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes bubble6 {
0% {
height: 0;
width: 0;
-webkit-border-radius: 0;
-webkit-transform: translate3d(-28vw, -15.1vw, 0)
}
100% {
height: 12.8vw;
width: 12.8vw;
-webkit-border-radius: 6.4vw;
-webkit-transform: translate3d(0, 0, 0)
}
}
@-moz-keyframes bubble6 {
0% {
height: 0;
width: 0;
-moz-border-radius: 0;
-moz-transform: translate3d(-28vw, -15.1vw, 0)
}
100% {
height: 12.8vw;
width: 12.8vw;
-moz-border-radius: 6.4vw;
-moz-transform: translate3d(0, 0, 0)
}
}
@-ms-keyframes bubble6 {
0% {
height: 0;
width: 0;
-ms-border-radius: 0;
-ms-transform: translate3d(-28vw, -15.1vw, 0)
}
100% {
height: 12.8vw;
width: 12.8vw;
-ms-border-radius: 6.4vw;
-ms-transform: translate3d(0, 0, 0)
}
}
@-o-keyframes bubble6 {
0% {
height: 0;
width: 0;
-o-border-radius: 0;
-o-transform: translate3d(-28vw, -15.1vw, 0)
}
100% {
height: 12.8vw;
width: 12.8vw;
-o-border-radius: 6.4vw;
-o-transform: translate3d(0, 0, 0)
}
}
@keyframes bubble6 {
0% {
height: 0;
width: 0;
border-radius: 0;
transform: translate3d(-28vw, -15.1vw, 0)
}
100% {
height: 12.8vw;
width: 12.8vw;
border-radius: 6.4vw;
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes bubble7 {
0% {
height: 0;
width: 0;
-webkit-border-radius: 0;
-webkit-transform: translate3d(-5.6vw, -.5vw, 0)
}
100% {
height: 4.2vw;
width: 4.2vw;
-webkit-border-radius: 2.1vw;
-webkit-transform: translate3d(0, 0, 0)
}
}
@-moz-keyframes bubble7 {
0% {
height: 0;
width: 0;
-moz-border-radius: 0;
-moz-transform: translate3d(-5.6vw, -.5vw, 0)
}
100% {
height: 4.2vw;
width: 4.2vw;
-moz-border-radius: 2.1vw;
-moz-transform: translate3d(0, 0, 0)
}
}
@-ms-keyframes bubble7 {
0% {
height: 0;
width: 0;
-ms-border-radius: 0;
-ms-transform: translate3d(-5.6vw, -.5vw, 0)
}
100% {
height: 4.2vw;
width: 4.2vw;
-ms-border-radius: 2.1vw;
-ms-transform: translate3d(0, 0, 0)
}
}
@-o-keyframes bubble7 {
0% {
height: 0;
width: 0;
-o-border-radius: 0;
-o-transform: translate3d(-5.6vw, -.5vw, 0)
}
100% {
height: 4.2vw;
width: 4.2vw;
-o-border-radius: 2.1vw;
-o-transform: translate3d(0, 0, 0)
}
}
@keyframes bubble7 {
0% {
height: 0;
width: 0;
border-radius: 0;
transform: translate3d(-5.6vw, -.5vw, 0)
}
100% {
height: 4.2vw;
width: 4.2vw;
border-radius: 2.1vw;
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes floatingBubble {
0% {
-webkit-transform: scale(1) translate3d(0, 0, 0)
}
25% {
-webkit-transform: scale(1.05) translate3d(-.5vw, -.5vw, 0)
}
50% {
-webkit-transform: scale(1) translate3d(0, 0, 0)
}
75% {
-webkit-transform: scale(.95) translate3d(.5vw, .5vw, 0)
}
100% {
-webkit-transform: scale(1) translate3d(0, 0, 0)
}
}
@-moz-keyframes floatingBubble {
0% {
-moz-transform: scale(1) translate3d(0, 0, 0)
}
25% {
-moz-transform: scale(1.05) translate3d(-.5vw, -.5vw, 0)
}
50% {
-moz-transform: scale(1) translate3d(0, 0, 0)
}
75% {
-moz-transform: scale(.95) translate3d(.5vw, .5vw, 0)
}
100% {
-moz-transform: scale(1) translate3d(0, 0, 0)
}
}
@-ms-keyframes floatingBubble {
0% {
-ms-transform: scale(1) translate3d(0, 0, 0)
}
25% {
-ms-transform: scale(1.05) translate3d(-.5vw, -.5vw, 0)
}
50% {
-ms-transform: scale(1) translate3d(0, 0, 0)
}
75% {
-ms-transform: scale(.95) translate3d(.5vw, .5vw, 0)
}
100% {
-ms-transform: scale(1) translate3d(0, 0, 0)
}
}
@-o-keyframes floatingBubble {
0% {
-o-transform: scale(1) translate3d(0, 0, 0)
}
25% {
-o-transform: scale(1.05) translate3d(-.5vw, -.5vw, 0)
}
50% {
-o-transform: scale(1) translate3d(0, 0, 0)
}
75% {
-o-transform: scale(.95) translate3d(.5vw, .5vw, 0)
}
100% {
-o-transform: scale(1) translate3d(0, 0, 0)
}
}
@keyframes floatingBubble {
0% {
transform: scale(1) translate3d(0, 0, 0)
}
25% {
transform: scale(1.05) translate3d(-.5vw, -.5vw, 0)
}
50% {
transform: scale(1) translate3d(0, 0, 0)
}
75% {
transform: scale(.95) translate3d(.5vw, .5vw, 0)
}
100% {
transform: scale(1) translate3d(0, 0, 0)
}
}
@-webkit-keyframes award1 {
0% {
-webkit-transform: translate3d(-165.64vw, 0, 0)
}
100% {
-webkit-transform: translate3d(-70.35vw, 0, 0)
}
}
@-moz-keyframes award1 {
0% {
-moz-transform: translate3d(-165.64vw, 0, 0)
}
100% {
-moz-transform: translate3d(-54.68vw, 0, 0)
}
}
@-ms-keyframes award1 {
0% {
-ms-transform: translate3d(-165.64vw, 0, 0)
}
100% {
-ms-transform: translate3d(-54.68vw, 0, 0)
}
}
@-o-keyframes award1 {
0% {
-o-transform: translate3d(-165.64vw, 0, 0)
}
100% {
-o-transform: translate3d(-54.68vw, 0, 0)
}
}
@keyframes award1 {
0% {
transform: translate3d(-165.64vw, 0, 0)
}
100% {
transform: translate3d(-54.68vw, 0, 0)
}
}
@-webkit-keyframes award2 {
0% {
-webkit-transform: translate3d(-54.68vw, 0, 0)
}
100% {
-webkit-transform: translate3d(54.68vw, 0, 0)
}
}
@-moz-keyframes award2 {
0% {
-moz-transform: translate3d(-54.68vw, 0, 0)
}
100% {
-moz-transform: translate3d(54.68vw, 0, 0)
}
}
@-ms-keyframes award2 {
0% {
-ms-transform: translate3d(-54.68vw, 0, 0)
}
100% {
-ms-transform: translate3d(54.68vw, 0, 0)
}
}
@-o-keyframes award2 {
0% {
-o-transform: translate3d(-54.68vw, 0, 0)
}
100% {
-o-transform: translate3d(54.68vw, 0, 0)
}
}
@keyframes award2 {
0% {
transform: translate3d(-54.68vw, 0, 0)
}
100% {
transform: translate3d(54.68vw, 0, 0)
}
}
@-webkit-keyframes award3 {
0% {
-webkit-transform: translate3d(54.68vw, 0, 0)
}
100% {
-webkit-transform: translate3d(165.64vw, 0, 0)
}
}
@-moz-keyframes award3 {
0% {
-moz-transform: translate3d(54.68vw, 0, 0)
}
100% {
-moz-transform: translate3d(165.64vw, 0, 0)
}
}
@-ms-keyframes award3 {
0% {
-ms-transform: translate3d(54.68vw, 0, 0)
}
100% {
-ms-transform: translate3d(165.64vw, 0, 0)
}
}
@-o-keyframes award3 {
0% {
-o-transform: translate3d(54.68vw, 0, 0)
}
100% {
-o-transform: translate3d(165.64vw, 0, 0)
}
}
@keyframes award3 {
0% {
transform: translate3d(54.68vw, 0, 0)
}
100% {
transform: translate3d(165.64vw, 0, 0)
}
}
@-webkit-keyframes circleGo1 {
0% {
stroke-dashoffset: 1100;
stroke: #fbb339;
stroke-width: 0;
fill: #0000
}
50% {
stroke-dashoffset: 1100;
stroke: #fbb339;
stroke-width: 0;
fill: #0000
}
95% {
stroke-dashoffset: 502;
stroke: #fbb339;
stroke-width: 3;
fill: #0000
}
100% {
stroke-dashoffset: 0;
stroke-width: 0;
stroke: #0000;
fill: #fbb339
}
}
@-moz-keyframes circleGo1 {
0% {
stroke-dashoffset: 1100;
stroke: #fbb339;
stroke-width: 0;
fill: #0000
}
50% {
stroke-dashoffset: 1100;
stroke: #fbb339;
stroke-width: 0;
fill: #0000
}
95% {
stroke-dashoffset: 502;
stroke: #fbb339;
stroke-width: 3;
fill: #0000
}
100% {
stroke-dashoffset: 0;
stroke-width: 0;
stroke: #0000;
fill: #fbb339
}
}
@-ms-keyframes circleGo1 {
0% {
stroke-dashoffset: 1100;
stroke: #fbb339;
stroke-width: 0;
fill: #0000
}
50% {
stroke-dashoffset: 1100;
stroke: #fbb339;
stroke-width: 0;
fill: #0000
}
95% {
stroke-dashoffset: 502;
stroke: #fbb339;
stroke-width: 3;
fill: #0000
}
100% {
stroke-dashoffset: 0;
stroke-width: 0;
stroke: #0000;
fill: #fbb339
}
}
@-o-keyframes circleGo1 {
0% {
stroke-dashoffset: 1100;
stroke: #fbb339;
stroke-width: 0;
fill: #0000
}
50% {
stroke-dashoffset: 1100;
stroke: #fbb339;
stroke-width: 0;
fill: #0000
}
95% {
stroke-dashoffset: 502;
stroke: #fbb339;
stroke-width: 3;
fill: #0000
}
100% {
stroke-dashoffset: 0;
stroke-width: 0;
stroke: #0000;
fill: #fbb339
}
}
@keyframes circleGo1 {
0% {
stroke-dashoffset: 1100;
stroke: #fbb339;
stroke-width: 0;
fill: #0000
}
50% {
stroke-dashoffset: 1100;
stroke: #fbb339;
stroke-width: 0;
fill: #0000
}
95% {
stroke-dashoffset: 502;
stroke: #fbb339;
stroke-width: 3;
fill: #0000
}
100% {
stroke-dashoffset: 0;
stroke-width: 0;
stroke: #0000;
fill: #fbb339
}
}
@-webkit-keyframes circleGo2 {
0% {
stroke-dashoffset: 1100;
stroke: #1d77b6;
stroke-width: 0;
fill: #0000
}
60% {
stroke-dashoffset: 1100;
stroke: #1d77b6;
stroke-width: 0;
fill: #0000
}
96% {
stroke-dashoffset: 502;
stroke: #1d77b6;
stroke-width: 3;
fill: #0000
}
100% {
stroke-dashoffset: 0;
stroke-width: 0;
stroke: #0000;
fill: #1d77b6
}
}
@-moz-keyframes circleGo2 {
0% {
stroke-dashoffset: 1100;
stroke: #1d77b6;
stroke-width: 0;
fill: #0000
}
60% {
stroke-dashoffset: 1100;
stroke: #1d77b6;
stroke-width: 0;
fill: #0000
}
96% {
stroke-dashoffset: 502;
stroke: #1d77b6;
stroke-width: 3;
fill: #0000
}
100% {
stroke-dashoffset: 0;
stroke-width: 0;
stroke: #0000;
fill: #1d77b6
}
}
@-ms-keyframes circleGo2 {
0% {
stroke-dashoffset: 1100;
stroke: #1d77b6;
stroke-width: 0;
fill: #0000
}
60% {
stroke-dashoffset: 1100;
stroke: #1d77b6;
stroke-width: 0;
fill: #0000
}
96% {
stroke-dashoffset: 502;
stroke: #1d77b6;
stroke-width: 3;
fill: #0000
}
100% {
stroke-dashoffset: 0;
stroke-width: 0;
stroke: #0000;
fill: #1d77b6
}
}
@-o-keyframes circleGo2 {
0% {
stroke-dashoffset: 1100;
stroke: #1d77b6;
stroke-width: 0;
fill: #0000
}
60% {
stroke-dashoffset: 1100;
stroke: #1d77b6;
stroke-width: 0;
fill: #0000
}
96% {
stroke-dashoffset: 502;
stroke: #1d77b6;
stroke-width: 3;
fill: #0000
}
100% {
stroke-dashoffset: 0;
stroke-width: 0;
stroke: #0000;
fill: #1d77b6
}
}
@keyframes circleGo2 {
0% {
stroke-dashoffset: 1100;
stroke: #1d77b6;
stroke-width: 0;
fill: #0000
}
60% {
stroke-dashoffset: 1100;
stroke: #1d77b6;
stroke-width: 0;
fill: #0000
}
96% {
stroke-dashoffset: 502;
stroke: #1d77b6;
stroke-width: 3;
fill: #0000
}
100% {
stroke-dashoffset: 0;
stroke-width: 0;
stroke: #0000;
fill: #1d77b6
}
}
@-webkit-keyframes circleGo3 {
0% {
stroke-dashoffset: 1100;
stroke: #29ade3;
stroke-width: 0;
fill: #0000
}
65% {
stroke-dashoffset: 1100;
stroke: #29ade3;
stroke-width: 0;
fill: #0000
}
99.5% {
stroke-dashoffset: 502;
stroke: #29ade3;
stroke-width: 3;
fill: #0000
}
100% {
stroke-dashoffset: 0;
stroke-width: 0;
stroke: #0000;
fill: #29ade3
}
}
@-moz-keyframes circleGo3 {
0% {
stroke-dashoffset: 1100;
stroke: #29ade3;
stroke-width: 0;
fill: #0000
}
65% {
stroke-dashoffset: 1100;
stroke: #29ade3;
stroke-width: 0;
fill: #0000
}
99.5% {
stroke-dashoffset: 502;
stroke: #29ade3;
stroke-width: 3;
fill: #0000
}
100% {
stroke-dashoffset: 0;
stroke-width: 0;
stroke: #0000;
fill: #29ade3
}
}
@-ms-keyframes circleGo3 {
0% {
stroke-dashoffset: 1100;
stroke: #29ade3;
stroke-width: 0;
fill: #0000
}
65% {
stroke-dashoffset: 1100;
stroke: #29ade3;
stroke-width: 0;
fill: #0000
}
99.5% {
stroke-dashoffset: 502;
stroke: #29ade3;
stroke-width: 3;
fill: #0000
}
100% {
stroke-dashoffset: 0;
stroke-width: 0;
stroke: #0000;
fill: #29ade3
}
}
@-o-keyframes circleGo3 {
0% {
stroke-dashoffset: 1100;
stroke: #29ade3;
stroke-width: 0;
fill: #0000
}
65% {
stroke-dashoffset: 1100;
stroke: #29ade3;
stroke-width: 0;
fill: #0000
}
99.5% {
stroke-dashoffset: 502;
stroke: #29ade3;
stroke-width: 3;
fill: #0000
}
100% {
stroke-dashoffset: 0;
stroke-width: 0;
stroke: #0000;
fill: #29ade3
}
}
@keyframes circleGo3 {
0% {
stroke-dashoffset: 1100;
stroke: #29ade3;
stroke-width: 0;
fill: #0000
}
65% {
stroke-dashoffset: 1100;
stroke: #29ade3;
stroke-width: 0;
fill: #0000
}
99.5% {
stroke-dashoffset: 502;
stroke: #29ade3;
stroke-width: 3;
fill: #0000
}
100% {
stroke-dashoffset: 0;
stroke-width: 0;
stroke: #0000;
fill: #29ade3
}
}
@-webkit-keyframes createCircle {
0% {
border-color: #0000;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
25% {
border-color: #0000 #fff #0000 #0000;
-webkit-transform: rotate(-35deg);
-moz-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);
-o-transform: rotate(-35deg);
transform: rotate(-35deg)
}
50% {
border-color: #0000 #fff #fff #0000
}
75% {
border-color: #0000 #fff #fff #fff
}
100% {
border-color: #fff;
-webkit-transform: rotate(-300deg);
-moz-transform: rotate(-300deg);
-ms-transform: rotate(-300deg);
-o-transform: rotate(-300deg);
transform: rotate(-300deg)
}
}
@-moz-keyframes createCircle {
0% {
border-color: #0000;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
25% {
border-color: #0000 #fff #0000 #0000;
-webkit-transform: rotate(-35deg);
-moz-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);
-o-transform: rotate(-35deg);
transform: rotate(-35deg)
}
50% {
border-color: #0000 #fff #fff #0000
}
75% {
border-color: #0000 #fff #fff #fff
}
100% {
border-color: #fff;
-webkit-transform: rotate(-300deg);
-moz-transform: rotate(-300deg);
-ms-transform: rotate(-300deg);
-o-transform: rotate(-300deg);
transform: rotate(-300deg)
}
}
@-ms-keyframes createCircle {
0% {
border-color: #0000;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
25% {
border-color: #0000 #fff #0000 #0000;
-webkit-transform: rotate(-35deg);
-moz-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);
-o-transform: rotate(-35deg);
transform: rotate(-35deg)
}
50% {
border-color: #0000 #fff #fff #0000
}
75% {
border-color: #0000 #fff #fff #fff
}
100% {
border-color: #fff;
-webkit-transform: rotate(-300deg);
-moz-transform: rotate(-300deg);
-ms-transform: rotate(-300deg);
-o-transform: rotate(-300deg);
transform: rotate(-300deg)
}
}
@-o-keyframes createCircle {
0% {
border-color: #0000;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
25% {
border-color: #0000 #fff #0000 #0000;
-webkit-transform: rotate(-35deg);
-moz-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);
-o-transform: rotate(-35deg);
transform: rotate(-35deg)
}
50% {
border-color: #0000 #fff #fff #0000
}
75% {
border-color: #0000 #fff #fff #fff
}
100% {
border-color: #fff;
-webkit-transform: rotate(-300deg);
-moz-transform: rotate(-300deg);
-ms-transform: rotate(-300deg);
-o-transform: rotate(-300deg);
transform: rotate(-300deg)
}
}
@keyframes createCircle {
0% {
border-color: #0000;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
25% {
border-color: #0000 #fff #0000 #0000;
-webkit-transform: rotate(-35deg);
-moz-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);
-o-transform: rotate(-35deg);
transform: rotate(-35deg)
}
50% {
border-color: #0000 #fff #fff #0000
}
75% {
border-color: #0000 #fff #fff #fff
}
100% {
border-color: #fff;
-webkit-transform: rotate(-300deg);
-moz-transform: rotate(-300deg);
-ms-transform: rotate(-300deg);
-o-transform: rotate(-300deg);
transform: rotate(-300deg)
}
}
@-webkit-keyframes homeAwards1 {
0% {
-webkit-transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(-191vw, 0, 0)
}
}
@-moz-keyframes homeAwards1 {
0% {
-moz-transform: translate3d(0, 0, 0)
}
100% {
-moz-transform: translate3d(-191vw, 0, 0)
}
}
@-ms-keyframes homeAwards1 {
0% {
-ms-transform: translate3d(0, 0, 0)
}
100% {
-ms-transform: translate3d(-191vw, 0, 0)
}
}
@-o-keyframes homeAwards1 {
0% {
-o-transform: translate3d(0, 0, 0)
}
100% {
-o-transform: translate3d(-191vw, 0, 0)
}
}
@keyframes homeAwards1 {
0% {
transform: translate3d(0, 0, 0)
}
100% {
transform: translate3d(-191vw, 0, 0)
}
}
@-webkit-keyframes homeAwards2 {
0% {
-webkit-transform: translate3d(191vw, 0, 0)
}
100% {
-webkit-transform: translate3d(0, 0, 0)
}
}
@-moz-keyframes homeAwards2 {
0% {
-moz-transform: translate3d(191vw, 0, 0)
}
100% {
-moz-transform: translate3d(0, 0, 0)
}
}
@-ms-keyframes homeAwards2 {
0% {
-ms-transform: translate3d(191vw, 0, 0)
}
100% {
-ms-transform: translate3d(0, 0, 0)
}
}
@-o-keyframes homeAwards2 {
0% {
-o-transform: translate3d(191vw, 0, 0)
}
100% {
-o-transform: translate3d(0, 0, 0)
}
}
@keyframes homeAwards2 {
0% {
transform: translate3d(191vw, 0, 0)
}
100% {
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes fadeInFromLeftTopH2 {
0% {
-webkit-opacity: 0;
-webkit-transform: translate3d(-30vw, 0, 260px)
}
100% {
-webkit-opacity: 1;
-webkit-transform: translate3d(0, 0, 260px)
}
}
@-moz-keyframes fadeInFromLeftTopH2 {
0% {
-moz-opacity: 0;
-moz-transform: translate3d(-30vw, 0, 260px)
}
100% {
-moz-opacity: 1;
-moz-transform: translate3d(0, 0, 260px)
}
}
@-ms-keyframes fadeInFromLeftTopH2 {
0% {
-ms-opacity: 0;
-ms-transform: translate3d(-30vw, 0, 260px)
}
100% {
-ms-opacity: 1;
-ms-transform: translate3d(0, 0, 260px)
}
}
@-o-keyframes fadeInFromLeftTopH2 {
0% {
-o-opacity: 0;
-o-transform: translate3d(-30vw, 0, 260px)
}
100% {
-o-opacity: 1;
-o-transform: translate3d(0, 0, 260px)
}
}
@keyframes fadeInFromLeftTopH2 {
0% {
opacity: 0;
transform: translate3d(-30vw, 0, 260px)
}
100% {
opacity: 1;
transform: translate3d(0, 0, 260px)
}
}
@-webkit-keyframes fadeInFromRightTopP {
0% {
-webkit-opacity: 0;
-webkit-transform: translate3d(30vw, 0, 0)
}
100% {
-webkit-opacity: 1;
-webkit-transform: translate3d(0, 0, 250px)
}
}
@-moz-keyframes fadeInFromRightTopP {
0% {
-moz-opacity: 0;
-moz-transform: translate3d(30vw, 0, 0)
}
100% {
-moz-opacity: 1;
-moz-transform: translate3d(0, 0, 250px)
}
}
@-ms-keyframes fadeInFromRightTopP {
0% {
-ms-opacity: 0;
-ms-transform: translate3d(30vw, 0, 0)
}
100% {
-ms-opacity: 1;
-ms-transform: translate3d(0, 0, 250px)
}
}
@-o-keyframes fadeInFromRightTopP {
0% {
-o-opacity: 0;
-o-transform: translate3d(30vw, 0, 0)
}
100% {
-o-opacity: 1;
-o-transform: translate3d(0, 0, 250px)
}
}
@keyframes fadeInFromRightTopP {
0% {
opacity: 0;
transform: translate3d(30vw, 0, 0)
}
100% {
opacity: 1;
transform: translate3d(0, 0, 250px)
}
}
@-webkit-keyframes fadeOutToLeftTopH2 {
0% {
-webkit-opacity: 1;
-webkit-transform: translate3d(0, 0, 0)
}
100% {
-webkit-opacity: 0;
-webkit-transform: translate3d(-30vw, 0, 260px)
}
}
@-moz-keyframes fadeOutToLeftTopH2 {
0% {
-moz-opacity: 1;
-moz-transform: translate3d(0, 0, 0)
}
100% {
-moz-opacity: 0;
-moz-transform: translate3d(-30vw, 0, 260px)
}
}
@-ms-keyframes fadeOutToLeftTopH2 {
0% {
-ms-opacity: 1;
-ms-transform: translate3d(0, 0, 0)
}
100% {
-ms-opacity: 0;
-ms-transform: translate3d(-30vw, 0, 260px)
}
}
@-o-keyframes fadeOutToLeftTopH2 {
0% {
-o-opacity: 1;
-o-transform: translate3d(0, 0, 0)
}
100% {
-o-opacity: 0;
-o-transform: translate3d(-30vw, 0, 260px)
}
}
@keyframes fadeOutToLeftTopH2 {
0% {
opacity: 1;
transform: translate3d(0, 0, 0)
}
100% {
opacity: 0;
transform: translate3d(-30vw, 0, 260px)
}
}
@-webkit-keyframes fadeOutToRightTopP {
0% {
-webkit-opacity: 1;
-webkit-transform: translate3d(0, 0, 0)
}
100% {
-webkit-opacity: 0;
-webkit-transform: translate3d(30vw, 0, 250px)
}
}
@-moz-keyframes fadeOutToRightTopP {
0% {
-moz-opacity: 1;
-moz-transform: translate3d(0, 0, 0)
}
100% {
-moz-opacity: 0;
-moz-transform: translate3d(30vw, 0, 250px)
}
}
@-ms-keyframes fadeOutToRightTopP {
0% {
-ms-opacity: 1;
-ms-transform: translate3d(0, 0, 0)
}
100% {
-ms-opacity: 0;
-ms-transform: translate3d(30vw, 0, 250px)
}
}
@-o-keyframes fadeOutToRightTopP {
0% {
-o-opacity: 1;
-o-transform: translate3d(0, 0, 0)
}
100% {
-o-opacity: 0;
-o-transform: translate3d(30vw, 0, 250px)
}
}
@keyframes fadeOutToRightTopP {
0% {
opacity: 1;
transform: translate3d(0, 0, 0)
}
100% {
opacity: 0;
transform: translate3d(30vw, 0, 250px)
}
}
@-webkit-keyframes fourManLine {
0% {
width: 0
}
100% {
width: 31.1vw
}
}
@-moz-keyframes fourManLine {
0% {
width: 0
}
100% {
width: 31.1vw
}
}
@-ms-keyframes fourManLine {
0% {
width: 0
}
100% {
width: 31.1vw
}
}
@-o-keyframes fourManLine {
0% {
width: 0
}
100% {
width: 31.1vw
}
}
@keyframes fourManLine {
0% {
width: 0
}
100% {
width: 31.1vw
}
}
@-webkit-keyframes fourManLineMob {
0% {
width: 0
}
100% {
width: 40rem
}
}
@-moz-keyframes fourManLineMob {
0% {
width: 0
}
100% {
width: 40rem
}
}
@-ms-keyframes fourManLineMob {
0% {
width: 0
}
100% {
width: 40rem
}
}
@-o-keyframes fourManLineMob {
0% {
width: 0
}
100% {
width: 40rem
}
}
@keyframes fourManLineMob {
0% {
width: 0
}
100% {
width: 40rem
}
}
@-webkit-keyframes fourManLine1 {
0% {
-webkit-transform: scaleX(0)
}
100% {
-webkit-transform: scaleX(1)
}
}
@-moz-keyframes fourManLine1 {
0% {
-moz-transform: scaleX(0)
}
100% {
-moz-transform: scaleX(1)
}
}
@-ms-keyframes fourManLine1 {
0% {
-ms-transform: scaleX(0)
}
100% {
-ms-transform: scaleX(1)
}
}
@-o-keyframes fourManLine1 {
0% {
-o-transform: scaleX(0)
}
100% {
-o-transform: scaleX(1)
}
}
@keyframes fourManLine1 {
0% {
transform: scaleX(0)
}
100% {
transform: scaleX(1)
}
}
@-webkit-keyframes fourManFigure {
0% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-webkit-opacity: 0
}
10% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(-20deg)
}
15% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-webkit-opacity: 1
}
19% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(-5deg)
}
20% {
-webkit-transform: translateZ(250px) perspective(400px);
-webkit-opacity: 1
}
85% {
-webkit-transform: translateZ(250px) perspective(400px);
-webkit-opacity: 1
}
100% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-webkit-opacity: 0
}
}
@-moz-keyframes fourManFigure {
0% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-moz-opacity: 0
}
10% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(-20deg)
}
15% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-moz-opacity: 1
}
19% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(-5deg)
}
20% {
-moz-transform: translateZ(250px) perspective(400px);
-moz-opacity: 1
}
85% {
-moz-transform: translateZ(250px) perspective(400px);
-moz-opacity: 1
}
100% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-moz-opacity: 0
}
}
@-ms-keyframes fourManFigure {
0% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-ms-opacity: 0
}
10% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(-20deg)
}
15% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-ms-opacity: 1
}
19% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(-5deg)
}
20% {
-ms-transform: translateZ(250px) perspective(400px);
-ms-opacity: 1
}
85% {
-ms-transform: translateZ(250px) perspective(400px);
-ms-opacity: 1
}
100% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-ms-opacity: 0
}
}
@-o-keyframes fourManFigure {
0% {
-o-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-o-opacity: 0
}
10% {
-o-transform: translateZ(250px) perspective(400px) rotateY(-20deg)
}
15% {
-o-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-o-opacity: 1
}
19% {
-o-transform: translateZ(250px) perspective(400px) rotateY(-5deg)
}
20% {
-o-transform: translateZ(250px) perspective(400px);
-o-opacity: 1
}
85% {
-o-transform: translateZ(250px) perspective(400px);
-o-opacity: 1
}
100% {
-o-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-o-opacity: 0
}
}
@keyframes fourManFigure {
0% {
transform: translateZ(250px) perspective(400px) rotateY(90deg);
opacity: 0
}
10% {
transform: translateZ(250px) perspective(400px) rotateY(-20deg)
}
15% {
transform: translateZ(250px) perspective(400px) rotateY(10deg);
opacity: 1
}
19% {
transform: translateZ(250px) perspective(400px) rotateY(-5deg)
}
20% {
transform: translateZ(250px) perspective(400px);
opacity: 1
}
85% {
transform: translateZ(250px) perspective(400px);
opacity: 1
}
100% {
transform: translateZ(250px) perspective(400px) rotateY(90deg);
opacity: 0
}
}
@-webkit-keyframes requestAQuote {
0% {
-webkit-transform: scale(1) rotate(90deg)
}
21% {
-webkit-transform: scale(1) rotate(90deg)
}
21.75% {
-webkit-transform: scale(1.3) rotate(90deg)
}
22.5% {
-webkit-transform: scale(1) rotate(90deg)
}
23.25% {
-webkit-transform: scale(1.3) rotate(90deg)
}
24% {
-webkit-transform: scale(1) rotate(90deg)
}
100% {
-webkit-transform: scale(1) rotate(90deg)
}
}
@-moz-keyframes requestAQuote {
0% {
-moz-transform: scale(1) rotate(90deg)
}
21% {
-moz-transform: scale(1) rotate(90deg)
}
21.75% {
-moz-transform: scale(1.3) rotate(90deg)
}
22.5% {
-moz-transform: scale(1) rotate(90deg)
}
23.25% {
-moz-transform: scale(1.3) rotate(90deg)
}
24% {
-moz-transform: scale(1) rotate(90deg)
}
100% {
-moz-transform: scale(1) rotate(90deg)
}
}
@-ms-keyframes requestAQuote {
0% {
-ms-transform: scale(1) rotate(90deg)
}
21% {
-ms-transform: scale(1) rotate(90deg)
}
21.75% {
-ms-transform: scale(1.3) rotate(90deg)
}
22.5% {
-ms-transform: scale(1) rotate(90deg)
}
23.25% {
-ms-transform: scale(1.3) rotate(90deg)
}
24% {
-ms-transform: scale(1) rotate(90deg)
}
100% {
-ms-transform: scale(1) rotate(90deg)
}
}
@-o-keyframes requestAQuote {
0% {
-o-transform: scale(1) rotate(90deg)
}
21% {
-o-transform: scale(1) rotate(90deg)
}
21.75% {
-o-transform: scale(1.3) rotate(90deg)
}
22.5% {
-o-transform: scale(1) rotate(90deg)
}
23.25% {
-o-transform: scale(1.3) rotate(90deg)
}
24% {
-o-transform: scale(1) rotate(90deg)
}
100% {
-o-transform: scale(1) rotate(90deg)
}
}
@keyframes requestAQuote {
0% {
transform: scale(1) rotate(90deg)
}
21% {
transform: scale(1) rotate(90deg)
}
21.75% {
transform: scale(1.3) rotate(90deg)
}
22.5% {
transform: scale(1) rotate(90deg)
}
23.25% {
transform: scale(1.3) rotate(90deg)
}
24% {
transform: scale(1) rotate(90deg)
}
100% {
transform: scale(1) rotate(90deg)
}
}
@-webkit-keyframes requestAQuoteFill {
0% {
fill: #fcb239
}
21% {
fill: #fcb239
}
21.75% {
fill: #1d77b6
}
22.5% {
fill: #fcb239
}
23.25% {
fill: #1d77b6
}
24% {
fill: #fcb239
}
100% {
fill: #fcb239
}
}
@-moz-keyframes requestAQuoteFill {
0% {
fill: #fcb239
}
21% {
fill: #fcb239
}
21.75% {
fill: #1d77b6
}
22.5% {
fill: #fcb239
}
23.25% {
fill: #1d77b6
}
24% {
fill: #fcb239
}
100% {
fill: #fcb239
}
}
@-ms-keyframes requestAQuoteFill {
0% {
fill: #fcb239
}
21% {
fill: #fcb239
}
21.75% {
fill: #1d77b6
}
22.5% {
fill: #fcb239
}
23.25% {
fill: #1d77b6
}
24% {
fill: #fcb239
}
100% {
fill: #fcb239
}
}
@-o-keyframes requestAQuoteFill {
0% {
fill: #fcb239
}
21% {
fill: #fcb239
}
21.75% {
fill: #1d77b6
}
22.5% {
fill: #fcb239
}
23.25% {
fill: #1d77b6
}
24% {
fill: #fcb239
}
100% {
fill: #fcb239
}
}
@keyframes requestAQuoteFill {
0% {
fill: #fcb239
}
21% {
fill: #fcb239
}
21.75% {
fill: #1d77b6
}
22.5% {
fill: #fcb239
}
23.25% {
fill: #1d77b6
}
24% {
fill: #fcb239
}
100% {
fill: #fcb239
}
}
@-webkit-keyframes flipInY1 {
0% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-webkit-opacity: 0
}
13.33% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(-20deg);
-webkit-opacity: 1
}
20% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-webkit-opacity: 1
}
26.66% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(-5deg);
-webkit-opacity: 1
}
33.33% {
-webkit-transform: translateZ(250px) perspective(400px);
-webkit-opacity: 1
}
100% {
-webkit-transform: translateZ(250px) perspective(400px);
-webkit-opacity: 1
}
}
@-moz-keyframes flipInY1 {
0% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-moz-opacity: 0
}
13.33% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(-20deg);
-moz-opacity: 1
}
20% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-moz-opacity: 1
}
26.66% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(-5deg);
-moz-opacity: 1
}
33.33% {
-moz-transform: translateZ(250px) perspective(400px);
-moz-opacity: 1
}
100% {
-moz-transform: translateZ(250px) perspective(400px);
-moz-opacity: 1
}
}
@-ms-keyframes flipInY1 {
0% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-ms-opacity: 0
}
13.33% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(-20deg);
-ms-opacity: 1
}
20% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-ms-opacity: 1
}
26.66% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(-5deg);
-ms-opacity: 1
}
33.33% {
-ms-transform: translateZ(250px) perspective(400px);
-ms-opacity: 1
}
100% {
-ms-transform: translateZ(250px) perspective(400px);
-ms-opacity: 1
}
}
@-o-keyframes flipInY1 {
0% {
-o-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-o-opacity: 0
}
13.33% {
-o-transform: translateZ(250px) perspective(400px) rotateY(-20deg);
-o-opacity: 1
}
20% {
-o-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-o-opacity: 1
}
26.66% {
-o-transform: translateZ(250px) perspective(400px) rotateY(-5deg);
-o-opacity: 1
}
33.33% {
-o-transform: translateZ(250px) perspective(400px);
-o-opacity: 1
}
100% {
-o-transform: translateZ(250px) perspective(400px);
-o-opacity: 1
}
}
@keyframes flipInY1 {
0% {
transform: translateZ(250px) perspective(400px) rotateY(90deg);
opacity: 0
}
13.33% {
transform: translateZ(250px) perspective(400px) rotateY(-20deg);
opacity: 1
}
20% {
transform: translateZ(250px) perspective(400px) rotateY(10deg);
opacity: 1
}
26.66% {
transform: translateZ(250px) perspective(400px) rotateY(-5deg);
opacity: 1
}
33.33% {
transform: translateZ(250px) perspective(400px);
opacity: 1
}
100% {
transform: translateZ(250px) perspective(400px);
opacity: 1
}
}
@-webkit-keyframes flipInY2 {
0% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-webkit-opacity: 0
}
5.334% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-webkit-opacity: 0
}
18.664% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(-20deg);
-webkit-opacity: 1
}
25.334% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-webkit-opacity: 1
}
31.994% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(-5deg);
-webkit-opacity: 1
}
38.664% {
-webkit-transform: translateZ(250px) perspective(400px);
-webkit-opacity: 1
}
100% {
-webkit-transform: translateZ(250px) perspective(400px);
-webkit-opacity: 1
}
}
@-moz-keyframes flipInY2 {
0% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-moz-opacity: 0
}
5.334% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-moz-opacity: 0
}
18.664% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(-20deg);
-moz-opacity: 1
}
25.334% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-moz-opacity: 1
}
31.994% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(-5deg);
-moz-opacity: 1
}
38.664% {
-moz-transform: translateZ(250px) perspective(400px);
-moz-opacity: 1
}
100% {
-moz-transform: translateZ(250px) perspective(400px);
-moz-opacity: 1
}
}
@-ms-keyframes flipInY2 {
0% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-ms-opacity: 0
}
5.334% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-ms-opacity: 0
}
18.664% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(-20deg);
-ms-opacity: 1
}
25.334% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-ms-opacity: 1
}
31.994% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(-5deg);
-ms-opacity: 1
}
38.664% {
-ms-transform: translateZ(250px) perspective(400px);
-ms-opacity: 1
}
100% {
-ms-transform: translateZ(250px) perspective(400px);
-ms-opacity: 1
}
}
@-o-keyframes flipInY2 {
0% {
-o-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-o-opacity: 0
}
5.334% {
-o-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-o-opacity: 0
}
18.664% {
-o-transform: translateZ(250px) perspective(400px) rotateY(-20deg);
-o-opacity: 1
}
25.334% {
-o-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-o-opacity: 1
}
31.994% {
-o-transform: translateZ(250px) perspective(400px) rotateY(-5deg);
-o-opacity: 1
}
38.664% {
-o-transform: translateZ(250px) perspective(400px);
-o-opacity: 1
}
100% {
-o-transform: translateZ(250px) perspective(400px);
-o-opacity: 1
}
}
@keyframes flipInY2 {
0% {
transform: translateZ(250px) perspective(400px) rotateY(90deg);
opacity: 0
}
5.334% {
transform: translateZ(250px) perspective(400px) rotateY(90deg);
opacity: 0
}
18.664% {
transform: translateZ(250px) perspective(400px) rotateY(-20deg);
opacity: 1
}
25.334% {
transform: translateZ(250px) perspective(400px) rotateY(10deg);
opacity: 1
}
31.994% {
transform: translateZ(250px) perspective(400px) rotateY(-5deg);
opacity: 1
}
38.664% {
transform: translateZ(250px) perspective(400px);
opacity: 1
}
100% {
transform: translateZ(250px) perspective(400px);
opacity: 1
}
}
@-webkit-keyframes flipInY3 {
0% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-webkit-opacity: 0
}
10.668% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-webkit-opacity: 0
}
23.998% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(-20deg);
-webkit-opacity: 1
}
30.668% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-webkit-opacity: 1
}
37.328% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(-5deg);
-webkit-opacity: 1
}
43.998% {
-webkit-transform: translateZ(250px) perspective(400px);
-webkit-opacity: 1
}
100% {
-webkit-transform: translateZ(250px) perspective(400px);
-webkit-opacity: 1
}
}
@-moz-keyframes flipInY3 {
0% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-moz-opacity: 0
}
10.668% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-moz-opacity: 0
}
23.998% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(-20deg);
-moz-opacity: 1
}
30.668% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-moz-opacity: 1
}
37.328% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(-5deg);
-moz-opacity: 1
}
43.998% {
-moz-transform: translateZ(250px) perspective(400px);
-moz-opacity: 1
}
100% {
-moz-transform: translateZ(250px) perspective(400px);
-moz-opacity: 1
}
}
@-ms-keyframes flipInY3 {
0% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-ms-opacity: 0
}
10.668% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-ms-opacity: 0
}
23.998% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(-20deg);
-ms-opacity: 1
}
30.668% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-ms-opacity: 1
}
37.328% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(-5deg);
-ms-opacity: 1
}
43.998% {
-ms-transform: translateZ(250px) perspective(400px);
-ms-opacity: 1
}
100% {
-ms-transform: translateZ(250px) perspective(400px);
-ms-opacity: 1
}
}
@-o-keyframes flipInY3 {
0% {
-o-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-o-opacity: 0
}
10.668% {
-o-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-o-opacity: 0
}
23.998% {
-o-transform: translateZ(250px) perspective(400px) rotateY(-20deg);
-o-opacity: 1
}
30.668% {
-o-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-o-opacity: 1
}
37.328% {
-o-transform: translateZ(250px) perspective(400px) rotateY(-5deg);
-o-opacity: 1
}
43.998% {
-o-transform: translateZ(250px) perspective(400px);
-o-opacity: 1
}
100% {
-o-transform: translateZ(250px) perspective(400px);
-o-opacity: 1
}
}
@keyframes flipInY3 {
0% {
transform: translateZ(250px) perspective(400px) rotateY(90deg);
opacity: 0
}
10.668% {
transform: translateZ(250px) perspective(400px) rotateY(90deg);
opacity: 0
}
23.998% {
transform: translateZ(250px) perspective(400px) rotateY(-20deg);
opacity: 1
}
30.668% {
transform: translateZ(250px) perspective(400px) rotateY(10deg);
opacity: 1
}
37.328% {
transform: translateZ(250px) perspective(400px) rotateY(-5deg);
opacity: 1
}
43.998% {
transform: translateZ(250px) perspective(400px);
opacity: 1
}
100% {
transform: translateZ(250px) perspective(400px);
opacity: 1
}
}
@-webkit-keyframes flipInY4 {
0% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-webkit-opacity: 0
}
16.002% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-webkit-opacity: 0
}
29.332% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(-20deg);
-webkit-opacity: 1
}
36.002% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-webkit-opacity: 1
}
42.662% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(-5deg);
-webkit-opacity: 1
}
49.332% {
-webkit-transform: translateZ(250px) perspective(400px);
-webkit-opacity: 1
}
100% {
-webkit-transform: translateZ(250px) perspective(400px);
-webkit-opacity: 1
}
}
@-moz-keyframes flipInY4 {
0% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-moz-opacity: 0
}
16.002% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-moz-opacity: 0
}
29.332% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(-20deg);
-moz-opacity: 1
}
36.002% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-moz-opacity: 1
}
42.662% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(-5deg);
-moz-opacity: 1
}
49.332% {
-moz-transform: translateZ(250px) perspective(400px);
-moz-opacity: 1
}
100% {
-moz-transform: translateZ(250px) perspective(400px);
-moz-opacity: 1
}
}
@-ms-keyframes flipInY4 {
0% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-ms-opacity: 0
}
16.002% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-ms-opacity: 0
}
29.332% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(-20deg);
-ms-opacity: 1
}
36.002% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-ms-opacity: 1
}
42.662% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(-5deg);
-ms-opacity: 1
}
49.332% {
-ms-transform: translateZ(250px) perspective(400px);
-ms-opacity: 1
}
100% {
-ms-transform: translateZ(250px) perspective(400px);
-ms-opacity: 1
}
}
@-o-keyframes flipInY4 {
0% {
-o-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-o-opacity: 0
}
16.002% {
-o-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-o-opacity: 0
}
29.332% {
-o-transform: translateZ(250px) perspective(400px) rotateY(-20deg);
-o-opacity: 1
}
36.002% {
-o-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-o-opacity: 1
}
42.662% {
-o-transform: translateZ(250px) perspective(400px) rotateY(-5deg);
-o-opacity: 1
}
49.332% {
-o-transform: translateZ(250px) perspective(400px);
-o-opacity: 1
}
100% {
-o-transform: translateZ(250px) perspective(400px);
-o-opacity: 1
}
}
@keyframes flipInY4 {
0% {
transform: translateZ(250px) perspective(400px) rotateY(90deg);
opacity: 0
}
16.002% {
transform: translateZ(250px) perspective(400px) rotateY(90deg);
opacity: 0
}
29.332% {
transform: translateZ(250px) perspective(400px) rotateY(-20deg);
opacity: 1
}
36.002% {
transform: translateZ(250px) perspective(400px) rotateY(10deg);
opacity: 1
}
42.662% {
transform: translateZ(250px) perspective(400px) rotateY(-5deg);
opacity: 1
}
49.332% {
transform: translateZ(250px) perspective(400px);
opacity: 1
}
100% {
transform: translateZ(250px) perspective(400px);
opacity: 1
}
}
@-webkit-keyframes flipInY5 {
0% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-webkit-opacity: 0
}
21.336% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-webkit-opacity: 0
}
34.666% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(-20deg);
-webkit-opacity: 1
}
41.336% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-webkit-opacity: 1
}
47.996% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(-5deg);
-webkit-opacity: 1
}
54.666% {
-webkit-transform: translateZ(250px) perspective(400px);
-webkit-opacity: 1
}
100% {
-webkit-transform: translateZ(250px) perspective(400px);
-webkit-opacity: 1
}
}
@-moz-keyframes flipInY5 {
0% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-moz-opacity: 0
}
21.336% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-moz-opacity: 0
}
34.666% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(-20deg);
-moz-opacity: 1
}
41.336% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-moz-opacity: 1
}
47.996% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(-5deg);
-moz-opacity: 1
}
54.666% {
-moz-transform: translateZ(250px) perspective(400px);
-moz-opacity: 1
}
100% {
-moz-transform: translateZ(250px) perspective(400px);
-moz-opacity: 1
}
}
@-ms-keyframes flipInY5 {
0% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-ms-opacity: 0
}
21.336% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-ms-opacity: 0
}
34.666% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(-20deg);
-ms-opacity: 1
}
41.336% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-ms-opacity: 1
}
47.996% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(-5deg);
-ms-opacity: 1
}
54.666% {
-ms-transform: translateZ(250px) perspective(400px);
-ms-opacity: 1
}
100% {
-ms-transform: translateZ(250px) perspective(400px);
-ms-opacity: 1
}
}
@-o-keyframes flipInY5 {
0% {
-o-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-o-opacity: 0
}
21.336% {
-o-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-o-opacity: 0
}
34.666% {
-o-transform: translateZ(250px) perspective(400px) rotateY(-20deg);
-o-opacity: 1
}
41.336% {
-o-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-o-opacity: 1
}
47.996% {
-o-transform: translateZ(250px) perspective(400px) rotateY(-5deg);
-o-opacity: 1
}
54.666% {
-o-transform: translateZ(250px) perspective(400px);
-o-opacity: 1
}
100% {
-o-transform: translateZ(250px) perspective(400px);
-o-opacity: 1
}
}
@keyframes flipInY5 {
0% {
transform: translateZ(250px) perspective(400px) rotateY(90deg);
opacity: 0
}
21.336% {
transform: translateZ(250px) perspective(400px) rotateY(90deg);
opacity: 0
}
34.666% {
transform: translateZ(250px) perspective(400px) rotateY(-20deg);
opacity: 1
}
41.336% {
transform: translateZ(250px) perspective(400px) rotateY(10deg);
opacity: 1
}
47.996% {
transform: translateZ(250px) perspective(400px) rotateY(-5deg);
opacity: 1
}
54.666% {
transform: translateZ(250px) perspective(400px);
opacity: 1
}
100% {
transform: translateZ(250px) perspective(400px);
opacity: 1
}
}
@-webkit-keyframes flipInY6 {
0% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-webkit-opacity: 0
}
26.67% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-webkit-opacity: 0
}
40% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(-20deg);
-webkit-opacity: 1
}
46.67% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-webkit-opacity: 1
}
53.33% {
-webkit-transform: translateZ(250px) perspective(400px) rotateY(-5deg);
-webkit-opacity: 1
}
60% {
-webkit-transform: translateZ(250px) perspective(400px);
-webkit-opacity: 1
}
100% {
-webkit-transform: translateZ(250px) perspective(400px);
-webkit-opacity: 1
}
}
@-moz-keyframes flipInY6 {
0% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-moz-opacity: 0
}
26.67% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-moz-opacity: 0
}
40% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(-20deg);
-moz-opacity: 1
}
46.67% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-moz-opacity: 1
}
53.33% {
-moz-transform: translateZ(250px) perspective(400px) rotateY(-5deg);
-moz-opacity: 1
}
60% {
-moz-transform: translateZ(250px) perspective(400px);
-moz-opacity: 1
}
100% {
-moz-transform: translateZ(250px) perspective(400px);
-moz-opacity: 1
}
}
@-ms-keyframes flipInY6 {
0% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-ms-opacity: 0
}
26.67% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-ms-opacity: 0
}
40% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(-20deg);
-ms-opacity: 1
}
46.67% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-ms-opacity: 1
}
53.33% {
-ms-transform: translateZ(250px) perspective(400px) rotateY(-5deg);
-ms-opacity: 1
}
60% {
-ms-transform: translateZ(250px) perspective(400px);
-ms-opacity: 1
}
100% {
-ms-transform: translateZ(250px) perspective(400px);
-ms-opacity: 1
}
}
@-o-keyframes flipInY6 {
0% {
-o-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-o-opacity: 0
}
26.67% {
-o-transform: translateZ(250px) perspective(400px) rotateY(90deg);
-o-opacity: 0
}
40% {
-o-transform: translateZ(250px) perspective(400px) rotateY(-20deg);
-o-opacity: 1
}
46.67% {
-o-transform: translateZ(250px) perspective(400px) rotateY(10deg);
-o-opacity: 1
}
53.33% {
-o-transform: translateZ(250px) perspective(400px) rotateY(-5deg);
-o-opacity: 1
}
60% {
-o-transform: translateZ(250px) perspective(400px);
-o-opacity: 1
}
100% {
-o-transform: translateZ(250px) perspective(400px);
-o-opacity: 1
}
}
@keyframes flipInY6 {
0% {
transform: translateZ(250px) perspective(400px) rotateY(90deg);
opacity: 0
}
26.67% {
transform: translateZ(250px) perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
transform: translateZ(250px) perspective(400px) rotateY(-20deg);
opacity: 1
}
46.67% {
transform: translateZ(250px) perspective(400px) rotateY(10deg);
opacity: 1
}
53.33% {
transform: translateZ(250px) perspective(400px) rotateY(-5deg);
opacity: 1
}
60% {
transform: translateZ(250px) perspective(400px);
opacity: 1
}
100% {
transform: translateZ(250px) perspective(400px);
opacity: 1
}
}
@-webkit-keyframes hand {
0% {
-webkit-transform: rotate(90deg)
}
60% {
-webkit-transform: rotate(90deg)
}
80% {
-webkit-transform: rotate(0)
}
100% {
-webkit-transform: rotate(-45deg)
}
}
@-moz-keyframes hand {
0% {
-moz-transform: rotate(90deg)
}
60% {
-moz-transform: rotate(90deg)
}
80% {
-moz-transform: rotate(0)
}
100% {
-moz-transform: rotate(-45deg)
}
}
@-ms-keyframes hand {
0% {
-ms-transform: rotate(90deg)
}
60% {
-ms-transform: rotate(90deg)
}
80% {
-ms-transform: rotate(0)
}
100% {
-ms-transform: rotate(-45deg)
}
}
@-o-keyframes hand {
0% {
-o-transform: rotate(90deg)
}
60% {
-o-transform: rotate(90deg)
}
80% {
-o-transform: rotate(0)
}
100% {
-o-transform: rotate(-45deg)
}
}
@keyframes hand {
0% {
transform: rotate(90deg)
}
60% {
transform: rotate(90deg)
}
80% {
transform: rotate(0)
}
100% {
transform: rotate(-45deg)
}
}
@-webkit-keyframes handSide {
0% {
-webkit-transform: translate3d(0, 0, 0)
}
60% {
-webkit-transform: translate3d(0, 10vw, 0)
}
70% {
-webkit-transform: translate3d(30vw, -30vw, 0)
}
80% {
-webkit-transform: translate3d(20vw, 30vw, 0)
}
90% {
-webkit-transform: translate3d(70vw, -120vw, 0)
}
100% {
-webkit-transform: translate3d(0, 20vw, 0)
}
}
@-moz-keyframes handSide {
0% {
-moz-transform: translate3d(0, 0, 0)
}
60% {
-moz-transform: translate3d(0, 10vw, 0)
}
70% {
-moz-transform: translate3d(30vw, -30vw, 0)
}
80% {
-moz-transform: translate3d(20vw, 30vw, 0)
}
90% {
-moz-transform: translate3d(70vw, -120vw, 0)
}
100% {
-moz-transform: translate3d(0, 20vw, 0)
}
}
@-ms-keyframes handSide {
0% {
-ms-transform: translate3d(0, 0, 0)
}
60% {
-ms-transform: translate3d(0, 10vw, 0)
}
70% {
-ms-transform: translate3d(30vw, -30vw, 0)
}
80% {
-ms-transform: translate3d(20vw, 30vw, 0)
}
90% {
-ms-transform: translate3d(70vw, -120vw, 0)
}
100% {
-ms-transform: translate3d(0, 20vw, 0)
}
}
@-o-keyframes handSide {
0% {
-o-transform: translate3d(0, 0, 0)
}
60% {
-o-transform: translate3d(0, 10vw, 0)
}
70% {
-o-transform: translate3d(30vw, -30vw, 0)
}
80% {
-o-transform: translate3d(20vw, 30vw, 0)
}
90% {
-o-transform: translate3d(70vw, -120vw, 0)
}
100% {
-o-transform: translate3d(0, 20vw, 0)
}
}
@keyframes handSide {
0% {
transform: translate3d(0, 0, 0)
}
60% {
transform: translate3d(0, 10vw, 0)
}
70% {
transform: translate3d(30vw, -30vw, 0)
}
80% {
transform: translate3d(20vw, 30vw, 0)
}
90% {
transform: translate3d(70vw, -120vw, 0)
}
100% {
transform: translate3d(0, 20vw, 0)
}
}
.d-block {
display: block
}
.d-inherit {
display: inherit
}
.d-inline {
display: inline
}
.d-inline-block {
display: inline-block
}
.d-none {
display: none
}
.prettyText {
text-rendering: optimizeLegibility;
-webkit-font-feature-settings: "kern"1;
-moz-font-feature-settings: "kern"1;
-ms-font-feature-settings: "kern"1;
-o-font-feature-settings: "kern"1;
font-feature-settings: "kern"1;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto
}
.clearfix {
display: block;
zoom: 1
}
.clearfix:after {
content: " ";
display: block;
font-size: 0;
height: 0;
clear: both;
visibility: hidden
}
.nomargin {
margin: 0
}
.nopadding {
padding: 0
}
.bg-light-orange {
background-color: #ffd79a
}
.bg-orange {
background-color: #ffcb01
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
:focus {
outline: 0 !important
}
a,
article,
blockquote,
button,
cite,
div,
figure,
footer,
header,
li,
nav,
p,
section,
span {
text-rendering: optimizeLegibility;
-webkit-font-feature-settings: "kern"1;
-moz-font-feature-settings: "kern"1;
-ms-font-feature-settings: "kern"1;
-o-font-feature-settings: "kern"1;
font-feature-settings: "kern"1;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto
}
article,
blockquote,
body,
div,
figure,
footer,
header,
html,
nav,
p,
section,
ul {
display: block;
position: relative
}
article,
blockquote,
body,
div,
figure,
footer,
header,
html,
img,
nav,
section {
margin: 0;
padding: 0
}
button,
input,
select,
textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
h1,
h2,
h3 {
font-family: open sans condensed, sans-serif
}
h1 {
font-size: 6.5rem;
line-height: 1.3
}
h1.small {
font-size: 3.9rem;
line-height: 1.4
}
@media (max-width:1199px) and (min-width:992px) {
h1.small {
font-size: 3.4rem !important
}
}
h2 {
font-size: 3.9rem;
line-height: 1.4;
margin-bottom: 2rem
}
h2.large {
font-size: 6.5rem;
line-height: 1.3;
margin-bottom: 2.5rem
}
h3 {
font-size: 2.8rem;
line-height: 1.5;
margin-bottom: 1.5rem
}
h4 {
font-size: 2rem;
line-height: 1.5
}
p {
margin: 2rem 0
}
html {
font-size: 62.5%;
overflow-x: hidden
}
@media (max-width:575px) {
html {
font-size: 52.5%
}
}
body {
-webkit-transition: all 2s ease 0s;
-moz-transition: all 2s ease 0s;
-ms-transition: all 2s ease 0s;
-o-transition: all 2s ease 0s;
transition: all 2s ease 0s;
color: #555;
font-family: open sans, sans-serif;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.5;
min-height: 100vh;
padding-top: 14rem
}
body.fadingOut {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0
}
@media (max-width:575px) {
body {
font-size: 16px
}
nav.mini>ul {
margin-top: 50px !important
}
.main-menu .current-menu-ancestor>a,
.main-menu .current_page_item>a {
color: #ffcb01 !important
}
body footer #footer p.copyright {
margin-bottom: 100px !important
}
.hexa.gon h4 {
line-height: 12px !important;
font-size: 11px !important
}
.hexa.gon:hover h5 {
font-size: 11px !important
}
html.home section.homeIndustry article h3 {
font-size: 18px !important
}
}
@media (max-width:1024px) {
nav.mini>ul {
margin-top: 50px !important
}
}
body a.btn,
body button.btn {
-webkit-border-radius: .5rem;
-moz-border-radius: .5rem;
-ms-border-radius: .5rem;
-o-border-radius: .5rem;
border-radius: .5rem;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
text-align: center;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
font-family: open sans condensed, sans-serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.5;
padding: .5rem 1rem;
text-decoration: none;
text-transform: uppercase;
width: auto
}
body a.btn i.fa,
body button.btn i.fa {
font-size: 1.8rem
}
body a.btn.btn-primary,
body button.btn.btn-primary {
background-color: #781d7e
}
body a.btn.btn-warning,
body button.btn.btn-warning {
background-color: #ffcb01
}
body a.btn.btn-lg,
body button.btn.btn-lg {
padding: 1rem 2rem
}
body a.btn:hover,
body button.btn:hover {
cursor: pointer;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s
}
body>header {
-webkit-animation: headerIn 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: headerIn 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: headerIn 1s ease-in-out 0s 1 normal forwards running;
-o-animation: headerIn 1s ease-in-out 0s 1 normal forwards running;
animation: headerIn 1s ease-in-out 0s 1 normal forwards running;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
background-image: linear-gradient(#f7d450, #ffe892);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #ffc161;
height: 14rem;
z-index: 2000;
-webkit-transform: translateZ(2000px);
-moz-transform: translateZ(2000px);
-ms-transform: translateZ(2000px);
-o-transform: translateZ(2000px);
transform: translateZ(2000px)
}
body>header>.container {
overflow: visible
}
@media (min-width:0px) {
body>header .container {
max-width: 100%
}
}
body>header a#logo {
display: block;
margin: 1.125rem auto;
z-index: 3000;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s
}
body>header a#logo:after {
content: '';
position: absolute;
border-bottom: solid 25rem #ffcb01;
border-right: solid 25rem #ffcb01;
border-radius: 78%;
-webkit-transform-origin: 0;
-moz-transform-origin: 0;
-o-transform-origin: 0;
transform-origin: 0;
top: -11.5rem;
left: -3.7rem;
-webkit-transition: opacity .5s ease 0s;
-moz-transition: opacity .5s ease 0s;
-o-transition: opacity .5s ease 0s;
transition: opacity .5s ease 0s;
box-shadow: 0 0 30px #b59000;
z-index: 2898;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s
}
body>header a#logo figure {
margin: .5rem 0 0;
height: 8.4rem;
width: calc((14rem * .6) * (300 / 142));
display: inherit;
background-color: #0000;
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
z-index: 3000;
-webkit-transition: all 1.5s ease 0s;
-moz-transition: all 1.5s ease 0s;
-ms-transition: all 1.5s ease 0s;
-o-transition: all 1.5s ease 0s;
transition: all 1.5s ease 0s
}
body>header a#logo figure img {
display: inherit;
height: 8.4rem;
width: calc((14rem * .6) * (300 / 142));
-webkit-transition: all 1.5s ease 0s;
-moz-transition: all 1.5s ease 0s;
-ms-transition: all 1.5s ease 0s;
-o-transition: all 1.5s ease 0s;
transition: all 1.5s ease 0s
}
body>header a#logo figure figcaption {
display: none;
width: 0;
height: 0
}
@media (min-width:992px) {
body>header a#logo {
display: inline-block
}
}
@media (min-width:992px) {
body>header nav {
z-index: 2000
}
body>header nav>ul {
display: block;
width: auto;
height: auto;
text-align: right;
list-style-type: none;
margin: 0;
font-size: 0
}
body>header nav>ul>li {
display: inline-block;
vertical-align: middle;
white-space: nowrap
}
body>header nav>ul>li:nth-of-type(1)>a {
-webkit-animation: flipInY1900 2s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY1900 2s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY1900 2s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY1900 2s ease-in-out 0s 1 normal forwards running;
animation: flipInY1900 2s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li:nth-of-type(2)>a {
-webkit-animation: flipInY1900 2.2s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY1900 2.2s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY1900 2.2s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY1900 2.2s ease-in-out 0s 1 normal forwards running;
animation: flipInY1900 2.2s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li:nth-of-type(3)>a {
-webkit-animation: flipInY1900 2.4s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY1900 2.4s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY1900 2.4s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY1900 2.4s ease-in-out 0s 1 normal forwards running;
animation: flipInY1900 2.4s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li:nth-of-type(4)>a {
-webkit-animation: flipInY1900 2.6s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY1900 2.6s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY1900 2.6s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY1900 2.6s ease-in-out 0s 1 normal forwards running;
animation: flipInY1900 2.6s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li:nth-of-type(5)>a {
-webkit-animation: flipInY1900 2.8s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY1900 2.8s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY1900 2.8s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY1900 2.8s ease-in-out 0s 1 normal forwards running;
animation: flipInY1900 2.8s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li:nth-of-type(6)>a {
-webkit-animation: flipInY1900 3s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY1900 3s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY1900 3s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY1900 3s ease-in-out 0s 1 normal forwards running;
animation: flipInY1900 3s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li:nth-of-type(7)>a {
-webkit-animation: flipInY1900 3.2s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY1900 3.2s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY1900 3.2s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY1900 3.2s ease-in-out 0s 1 normal forwards running;
animation: flipInY1900 3.2s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li>a {
display: block;
width: auto;
height: 14rem;
color: #781d7e;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
border-bottom: .5rem solid #0000;
font-family: open sans condensed, sans-serif;
font-size: 2.2rem;
font-weight: 400;
line-height: 14rem;
padding: 0 1rem;
text-align: center;
text-decoration: none !important;
text-transform: uppercase;
white-space: nowrap;
word-break: keep-all
}
body>header nav>ul>li>a:hover {
background-color: #ffffff1a;
border-bottom: .5rem solid #ffd40e;
color: #fefefe;
cursor: pointer
}
body>header nav>ul>li div.left {
-webkit-border-bottom-left-radius: 2.5vw;
-moz-border-bottom-left-radius: 2.5vw;
-ms-border-bottom-left-radius: 2.5vw;
-o-border-bottom-left-radius: 2.5vw;
border-bottom-left-radius: 2.5vw;
display: none;
width: 28rem;
height: 28rem;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
background-color: #ffcb01;
background-image: url(//abansiss.com/wp-content/themes/Abans/imgs/menu-left.png);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 28rem 28rem;
border-bottom: 0 solid #0000;
border-top: .25rem solid #0000;
margin-left: -28rem;
position: absolute;
z-index: 2100
}
body>header nav>ul>li div.left>a {
display: block;
width: 30rem;
height: auto;
color: #6e4505;
text-align: left;
-webkit-transform-origin: 25% 50% 0;
-moz-transform-origin: 25% 50% 0;
-ms-transform-origin: 25% 50% 0;
-o-transform-origin: 25% 50% 0;
transform-origin: 25% 50% 0;
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s;
line-height: 3rem;
font-family: open sans condensed, sans-serif;
font-size: 2.4rem;
font-weight: 300;
padding: 0 2rem 1.8rem;
text-decoration: none;
text-transform: uppercase;
white-space: normal;
word-break: keep-all
}
body>header nav>ul>li div.left>a.mobileOnly {
display: none
}
body>header nav>ul>li div.left>a:hover {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
cursor: pointer
}
body>header nav>ul>li div.left>a.mobileOnly+a,
body>header nav>ul>li div.left>a:nth-of-type(1) {
padding-top: 20px
}
body>header nav>ul>li>ul {
display: none;
width: auto;
height: auto;
background-color: #ffcb01;
border-top: 1px solid #0000;
list-style-type: none;
margin: 0;
padding: 2rem 0;
position: absolute;
z-index: 2100;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s
}
body>header nav>ul>li>ul>li {
display: block;
width: 28rem;
height: 3rem;
overflow: hidden;
margin: .5rem 0
}
body>header nav>ul>li>ul>li>a {
display: block;
width: 28rem;
height: 3rem;
color: #fefefe;
text-align: left;
-webkit-transform-origin: 25% 50% 0;
-moz-transform-origin: 25% 50% 0;
-ms-transform-origin: 25% 50% 0;
-o-transform-origin: 25% 50% 0;
transform-origin: 25% 50% 0;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
border-bottom: 0 solid #0000;
font-family: open sans condensed, sans-serif;
font-size: 1.8rem;
font-weight: 400;
line-height: 3rem;
padding-left: 1.5rem;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
word-break: keep-all
}
body>header nav>ul>li>ul>li>a img {
display: inline-block;
width: 2.4rem;
height: 2.4rem;
margin-right: 1.5rem;
vertical-align: middle
}
body>header nav>ul>li>ul>li>a.active {
background-color: #ffffff13;
border-bottom: .25rem solid #ffd40e;
color: #fefefe;
text-decoration: none
}
body>header nav>ul>li>ul>li>a:hover {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s;
background-color: #ffffff13;
border-bottom: .25rem solid #ffd40e;
color: #fefefe;
cursor: pointer;
text-decoration: none
}
body>header nav>ul>li.cleaning>ul {
-webkit-border-bottom-right-radius: 2rem;
-moz-border-bottom-right-radius: 2rem;
-ms-border-bottom-right-radius: 2rem;
-o-border-bottom-right-radius: 2rem;
border-bottom-right-radius: 2rem;
height: 28rem
}
body>header nav>ul>li.cleaning>ul>li {
float: left;
margin-right: 3rem
}
body>header nav>ul>li.cleaning>ul>li:nth-of-type(1) {
-webkit-animation: fadeInSlow .6s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow .6s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow .6s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow .6s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow .6s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.cleaning>ul>li:nth-of-type(2) {
-webkit-animation: fadeInSlow .7s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow .7s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow .7s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow .7s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow .7s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.cleaning>ul>li:nth-of-type(3) {
-webkit-animation: fadeInSlow .8s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow .8s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow .8s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow .8s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow .8s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.cleaning>ul>li:nth-of-type(4) {
-webkit-animation: fadeInSlow .9s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow .9s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow .9s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow .9s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow .9s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.cleaning>ul>li:nth-of-type(5) {
-webkit-animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.cleaning>ul>li:nth-of-type(6) {
-webkit-animation: fadeInSlow 1.1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.1s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.1s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.cleaning>ul>li:nth-of-type(7) {
-webkit-animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.cleaning>ul>li:nth-of-type(8) {
-webkit-animation: fadeInSlow 1.3s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.3s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.3s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.3s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.3s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.cleaning>ul>li:nth-of-type(9) {
-webkit-animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.cleaning>ul>li:nth-of-type(10) {
-webkit-animation: fadeInSlow 1.5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.5s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.5s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.cleaning>ul>li:nth-of-type(11) {
-webkit-animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.cleaning>ul>li:nth-of-type(12) {
-webkit-animation: fadeInSlow 1.7s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.7s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.7s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.7s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.7s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.cleaning.active>a {
border-bottom: .25rem solid #ffd40e;
background-color: #ffffff1a
}
body>header nav>ul>li.cleaning.active div.left {
-webkit-animation: fadeInFromTop .25s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromTop .25s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromTop .25s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromTop .25s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromTop .25s ease-in-out 0s 1 normal forwards running;
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s;
border-top: 1px solid #ffff3b99;
cursor: default;
display: block
}
body>header nav>ul>li.cleaning.active div.left>a {
-webkit-animation: fadeInSlow .8s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow .8s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow .8s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow .8s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow .8s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.cleaning.active>ul {
-webkit-animation: fadeInFromTop .25s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromTop .25s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromTop .25s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromTop .25s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromTop .25s ease-in-out 0s 1 normal forwards running;
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s;
border-top: 1px solid #ffff3b99;
cursor: default;
display: block
}
body>header nav>ul>li.cleaning.active>ul.submenu {
-webkit-animation: fadeInFromRight .25s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromRight .25s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromRight .25s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromRight .25s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromRight .25s ease-in-out 0s 1 normal forwards running;
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s;
border-top: 1px solid #ffff3b99;
cursor: default;
display: block
}
body>header nav>ul>li.cleaning.active.hiding div.left {
-webkit-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
animation: fadeOut .5s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.cleaning.active.hiding>ul {
-webkit-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
animation: fadeOut .5s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.contact>ul>li>a {
text-align: right;
padding-right: 1.5rem;
-webkit-transform-origin: 75% 50% 0;
-moz-transform-origin: 75% 50% 0;
-ms-transform-origin: 75% 50% 0;
-o-transform-origin: 75% 50% 0;
transform-origin: 75% 50% 0
}
body>header nav>ul>li.about>ul,
body>header nav>ul>li.contact>ul {
-webkit-border-bottom-left-radius: 2rem;
-moz-border-bottom-left-radius: 2rem;
-ms-border-bottom-left-radius: 2rem;
-o-border-bottom-left-radius: 2rem;
border-bottom-left-radius: 2rem;
-webkit-border-bottom-right-radius: 2rem;
-moz-border-bottom-right-radius: 2rem;
-ms-border-bottom-right-radius: 2rem;
-o-border-bottom-right-radius: 2rem;
border-bottom-right-radius: 2rem
}
body>header nav>ul>li.about>ul>li:nth-of-type(1),
body>header nav>ul>li.contact>ul>li:nth-of-type(1) {
-webkit-animation: fadeInSlow .6s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow .6s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow .6s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow .6s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow .6s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.about>ul>li:nth-of-type(2),
body>header nav>ul>li.contact>ul>li:nth-of-type(2) {
-webkit-animation: fadeInSlow .7s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow .7s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow .7s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow .7s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow .7s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.about>ul>li:nth-of-type(3),
body>header nav>ul>li.contact>ul>li:nth-of-type(3) {
-webkit-animation: fadeInSlow .8s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow .8s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow .8s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow .8s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow .8s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.about>ul>li:nth-of-type(4),
body>header nav>ul>li.contact>ul>li:nth-of-type(4) {
-webkit-animation: fadeInSlow .9s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow .9s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow .9s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow .9s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow .9s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.about>ul>li:nth-of-type(5),
body>header nav>ul>li.contact>ul>li:nth-of-type(5) {
-webkit-animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.about>ul>li:nth-of-type(6),
body>header nav>ul>li.contact>ul>li:nth-of-type(6) {
-webkit-animation: fadeInSlow 1.1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.1s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.1s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.about>ul>li:nth-of-type(7),
body>header nav>ul>li.contact>ul>li:nth-of-type(7) {
-webkit-animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.about>ul>li:nth-of-type(8),
body>header nav>ul>li.contact>ul>li:nth-of-type(8) {
-webkit-animation: fadeInSlow 1.3s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.3s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.3s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.3s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.3s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.about>ul>li:nth-of-type(9),
body>header nav>ul>li.contact>ul>li:nth-of-type(9) {
-webkit-animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.about>ul>li:nth-of-type(10),
body>header nav>ul>li.contact>ul>li:nth-of-type(10) {
-webkit-animation: fadeInSlow 1.5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.5s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.5s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.about>ul>li:nth-of-type(11),
body>header nav>ul>li.contact>ul>li:nth-of-type(11) {
-webkit-animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.about>ul>li:nth-of-type(12),
body>header nav>ul>li.contact>ul>li:nth-of-type(12) {
-webkit-animation: fadeInSlow 1.7s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.7s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.7s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.7s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.7s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.about.active>a,
body>header nav>ul>li.contact.active>a {
border-bottom: .25rem solid #ffd40e;
background-color: #ffffff1a
}
body>header nav>ul>li.about.active>ul,
body>header nav>ul>li.contact.active>ul {
-webkit-animation: fadeInFromTop .25s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromTop .25s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromTop .25s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromTop .25s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromTop .25s ease-in-out 0s 1 normal forwards running;
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s;
cursor: default;
display: block
}
body>header nav>ul>li.about.active.hiding>ul,
body>header nav>ul>li.contact.active.hiding>ul {
-webkit-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
animation: fadeOut .5s ease-in-out 0s 1 normal forwards running
}
body>header nav>ul>li.contact>ul {
margin-left: -19.4rem
}
}
body>header #subheader {
display: block;
width: 100%;
position: absolute;
left: 0;
top: 14rem;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
visibility: visible;
background-color: #0000;
background-image: url(//abansiss.com/wp-content/themes/Abans/imgs/bgtop.png);
background-position: calc(50vw - 30px) 0;
background-repeat: no-repeat;
background-attachment: scroll;
height: 5.3rem;
overflow: hidden;
z-index: 1800
}
@media (max-width:1199px) and (min-width:992px) {
body>header #subheader {
background-position: calc(50vw - 130px) 0
}
}
@media (max-width:991px) {
body>header #subheader {
background-position: 100%
}
}
body>header #subheader p {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fefefe;
text-align: center;
font-family: open sans condensed, sans-serif;
font-size: 2.4rem;
font-style: normal;
font-weight: 300;
line-height: 4.77rem;
margin: 0;
padding: 0;
white-space: nowrap;
word-break: keep-all
}
body>header #subheader p a {
display: inline-block;
color: #fefefe;
text-align: left;
margin-left: 1rem;
text-decoration: none
}
body>header #subheader p a img {
display: inline-block;
width: 1.8rem;
height: 1.8rem;
margin-right: .5rem;
vertical-align: baseline
}
body>header #subheader p a:hover {
cursor: pointer;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s
}
body>header #subheader p em {
display: inline-block;
font-style: italic;
padding: 0 .5rem;
text-decoration: underline
}
body>header #subheader p sup {
display: inline-block;
font-size: 1rem;
line-height: 4.24rem;
padding-left: .25rem;
vertical-align: top
}
@media (min-width:992px) {
body>header #subheader p {
text-align: right
}
}
body>header:not(body>header.small) #subheader {
-webkit-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
animation: fadeIn 1s ease-in-out 0s 1 normal forwards running
}
@media (max-width:767px) and (min-width:576px) {
body>header:not(body>header.small) #subheader {
display: none
}
}
body>header.small {
height: 9rem
}
body>header.small a#logo {
margin: 1.125rem auto;
margin-top: 0
}
body>header.small a#logo:after {
border-bottom: solid 21rem #ffcb01;
left: -5.3rem
}
body>header.small a#logo figure {
height: 6.75rem;
width: calc((14rem * .6 * .75) * (300 / 142))
}
body>header.small a#logo figure img {
height: 6.75rem;
width: calc((14rem * .6 * .75) * (300 / 142))
}
body>header.small #subheader {
top: 9rem;
height: 0;
border-bottom: 0 solid #0000;
-webkit-opacity: 0 !important;
-moz-opacity: 0 !important;
-ms-opacity: 0 !important;
-o-opacity: 0 !important;
opacity: 0 !important;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
visibility: hidden
}
@media (min-width:992px) {
body>header.small nav {
height: 9rem
}
body>header.small nav>ul>li>a {
height: 9rem;
line-height: 9rem
}
}
body>header+section#top {
display: block;
width: 100vw;
height: 26vw;
-webkit-transition: all 2s ease 0s;
-moz-transition: all 2s ease 0s;
-ms-transition: all 2s ease 0s;
-o-transition: all 2s ease 0s;
transition: all 2s ease 0s
}
body>header+section#top article {
display: block;
width: 100vw;
height: 26vw;
overflow: hidden;
background-size: 4px 4px;
background-image: linear-gradient(-45deg, #de9016 25%, transparent 25%, transparent 50%, #de9016 50%, #de9016 75%, transparent 75%, transparent);
background-color: #ffcb01
}
body>header+section#top article video {
display: block;
width: 100vw;
height: auto;
position: absolute;
-webkit-animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
z-index: 0
}
body>header+section#top article>button {
display: block;
width: 5vw;
height: 26vw;
position: absolute;
background-color: #0000;
background-position: 50%;
background-size: 2vw;
background-repeat: no-repeat;
font-size: 0;
color: #0000;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transform: translateZ(500px);
-moz-transform: translateZ(500px);
-ms-transform: translateZ(500px);
-o-transform: translateZ(500px);
transform: translateZ(500px);
z-index: 500
}
body>header+section#top article>button#topPrev {
left: 1vw;
background-image: url(//abansiss.com/wp-content/themes/Abans/imgs/arr-prev-slim.svg);
-webkit-animation: fadeInFromLeft .5s ease-in-out .5s 1 normal forwards running;
-moz-animation: fadeInFromLeft .5s ease-in-out .5s 1 normal forwards running;
-ms-animation: fadeInFromLeft .5s ease-in-out .5s 1 normal forwards running;
-o-animation: fadeInFromLeft .5s ease-in-out .5s 1 normal forwards running;
animation: fadeInFromLeft .5s ease-in-out .5s 1 normal forwards running
}
body>header+section#top article>button#topNext {
right: 1vw;
background-image: url(//abansiss.com/wp-content/themes/Abans/imgs/arr-next-slim.svg);
-webkit-animation: fadeInFromRight .5s ease-in-out .5s 1 normal forwards running;
-moz-animation: fadeInFromRight .5s ease-in-out .5s 1 normal forwards running;
-ms-animation: fadeInFromRight .5s ease-in-out .5s 1 normal forwards running;
-o-animation: fadeInFromRight .5s ease-in-out .5s 1 normal forwards running;
animation: fadeInFromRight .5s ease-in-out .5s 1 normal forwards running
}
body>header+section#top article>button:hover {
cursor: pointer
}
body>header+section#top article>div {
display: block;
width: 100vw;
height: 26vw;
display: -moz-box;
display: -ms-box;
display: -webkit-box;
display: box;
-webkit-box-orient: vertical;
display: -webkit-flexbox;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
-moz-flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
position: absolute;
visibility: hidden
}
body>header+section#top article>div h2 {
display: block;
font-family: open sans condensed, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fefefe;
text-align: left;
line-height: 6.5vw;
font-size: 5vw;
letter-spacing: -.2vw;
word-spacing: -.1vw;
font-weight: 300;
white-space: normal;
word-break: keep-all;
text-shadow: .1vw .1vw #00000040;
-webkit-transform-origin: 50% 100% 0;
-moz-transform-origin: 50% 100% 0;
-ms-transform-origin: 50% 100% 0;
-o-transform-origin: 50% 100% 0;
transform-origin: 50% 100% 0
}
body>header+section#top article>div p {
display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fefefe;
text-align: left;
line-height: 2.5vw;
font-size: 2.15vw;
letter-spacing: -.1vw;
word-spacing: -.1vw;
font-weight: 300;
white-space: normal;
word-break: keep-all;
text-shadow: .1vw .1vw #00000040;
-webkit-transform-origin: 50% 100% 0;
-moz-transform-origin: 50% 100% 0;
-ms-transform-origin: 50% 100% 0;
-o-transform-origin: 50% 100% 0;
transform-origin: 50% 100% 0
}
body>header+section#top article>div.active {
-webkit-animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
visibility: visible
}
body>header+section#top article>div.active h2 {
-webkit-animation: fadeInFromLeft30 2s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromLeft30 2s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromLeft30 2s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromLeft30 2s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromLeft30 2s ease-in-out 0s 1 normal forwards running
}
body>header+section#top article>div.active p {
-webkit-animation: fadeInFromRight30 2s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromRight30 2s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromRight30 2s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromRight30 2s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromRight30 2s ease-in-out 0s 1 normal forwards running
}
body>header+section#top article>div.hiding {
-webkit-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
visibility: visible
}
body>header+section#top article>div.hiding h2 {
-webkit-animation: fadeOutToRight30 .5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeOutToRight30 .5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeOutToRight30 .5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeOutToRight30 .5s ease-in-out 0s 1 normal forwards running;
animation: fadeOutToRight30 .5s ease-in-out 0s 1 normal forwards running
}
body>header+section#top article>div.hiding p {
-webkit-animation: fadeOutToLeft30 .5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeOutToLeft30 .5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeOutToLeft30 .5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeOutToLeft30 .5s ease-in-out 0s 1 normal forwards running;
animation: fadeOutToLeft30 .5s ease-in-out 0s 1 normal forwards running
}
@media (max-width:767px) and (min-width:576px) and (min-aspect-ratio:1) {
body {
padding-top: 9rem
}
body>header {
height: 9rem
}
body>header a#logo {
margin: 1.125rem auto;
margin-top: -1rem
}
body>header a#logo figure {
margin-top: .5rem;
height: 8.4rem !important;
width: calc(8.4rem * (300 / 142)) !important
}
body>header a#logo figure img {
height: 8.4rem !important;
width: calc(8.4rem * (300 / 142)) !important
}
body>header a#logo:after {
display: none
}
body>header .hamburger {
padding-top: 1.5rem;
margin-right: -1rem
}
body>header figure {
background-size: auto 6.75rem
}
body>header figure img {
height: 6.75rem
}
body>header #subheader {
display: none
}
}
body footer {
background-image: linear-gradient(#ffe892, #f7d450)
}
body footer nav {
background-color: #781d7e;
padding: 5rem 0
}
body footer nav .column>ul {
display: block;
list-style-type: none;
margin: 0;
padding: 0
}
body footer nav .column>ul>li {
margin-top: 20px
}
body footer nav .column>ul>li>a {
display: block;
font-family: open sans condensed, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fefefe;
text-align: left;
letter-spacing: .05rem;
word-spacing: .05rem;
font-weight: 700;
text-transform: uppercase;
white-space: normal;
word-break: keep-all;
text-decoration: none
}
body footer nav .column>ul>li>a:hover {
cursor: pointer;
text-decoration: underline
}
body footer nav .column>ul>li>ul {
display: block;
margin: 0;
margin-top: .5rem;
padding: 0;
list-style-type: none
}
body footer nav .column>ul>li>ul>li a {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fefefe;
text-align: left;
display: block;
font-family: open sans condensed, sans-serif;
letter-spacing: .05rem;
word-spacing: .05rem;
font-weight: 400;
white-space: normal;
word-break: keep-all;
text-decoration: none
}
body footer nav .column>ul>li>ul>li a:hover {
cursor: pointer;
text-decoration: underline
}
body footer nav.animated {
-webkit-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
animation: fadeIn 1s ease-in-out 0s 1 normal forwards running
}
body footer nav.animated .column>ul>li>a {
-webkit-animation: fadeInFromTop 2.1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromTop 2.1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromTop 2.1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromTop 2.1s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromTop 2.1s ease-in-out 0s 1 normal forwards running
}
body footer nav.animated .column>ul>li>ul>li:nth-of-type(1) {
-webkit-animation: fadeInFromTop 1.6s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromTop 1.6s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromTop 1.6s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromTop 1.6s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromTop 1.6s ease-in-out 0s 1 normal forwards running
}
body footer nav.animated .column>ul>li>ul>li:nth-of-type(2) {
-webkit-animation: fadeInFromTop 1.5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromTop 1.5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromTop 1.5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromTop 1.5s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromTop 1.5s ease-in-out 0s 1 normal forwards running
}
body footer nav.animated .column>ul>li>ul>li:nth-of-type(3) {
-webkit-animation: fadeInFromTop 1.4s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromTop 1.4s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromTop 1.4s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromTop 1.4s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromTop 1.4s ease-in-out 0s 1 normal forwards running
}
body footer nav.animated .column>ul>li>ul>li:nth-of-type(4) {
-webkit-animation: fadeInFromTop 1.3s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromTop 1.3s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromTop 1.3s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromTop 1.3s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromTop 1.3s ease-in-out 0s 1 normal forwards running
}
body footer nav.animated .column>ul>li>ul>li:nth-of-type(5) {
-webkit-animation: fadeInFromTop 1.2s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromTop 1.2s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromTop 1.2s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromTop 1.2s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromTop 1.2s ease-in-out 0s 1 normal forwards running
}
body footer nav.animated .column>ul>li>ul>li:nth-of-type(6) {
-webkit-animation: fadeInFromTop 1.1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromTop 1.1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromTop 1.1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromTop 1.1s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromTop 1.1s ease-in-out 0s 1 normal forwards running
}
body footer nav.animated .column>ul>li>ul>li:nth-of-type(7) {
-webkit-animation: fadeInFromTop 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromTop 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromTop 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromTop 1s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromTop 1s ease-in-out 0s 1 normal forwards running
}
body footer nav.animated .column>ul>li>ul>li:nth-of-type(8) {
-webkit-animation: fadeInFromTop .9s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromTop .9s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromTop .9s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromTop .9s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromTop .9s ease-in-out 0s 1 normal forwards running
}
body footer nav.animated .column>ul>li>ul>li:nth-of-type(9) {
-webkit-animation: fadeInFromTop .8s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromTop .8s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromTop .8s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromTop .8s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromTop .8s ease-in-out 0s 1 normal forwards running
}
body footer nav.animated .column>ul>li>ul>li:nth-of-type(10) {
-webkit-animation: fadeInFromTop .7s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromTop .7s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromTop .7s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromTop .7s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromTop .7s ease-in-out 0s 1 normal forwards running
}
body footer nav.animated .column>ul>li>ul>li:nth-of-type(11) {
-webkit-animation: fadeInFromTop .6s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromTop .6s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromTop .6s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromTop .6s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromTop .6s ease-in-out 0s 1 normal forwards running
}
body footer nav.animated .column>ul>li>ul>li:nth-of-type(12) {
-webkit-animation: fadeInFromTop .5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromTop .5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromTop .5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromTop .5s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromTop .5s ease-in-out 0s 1 normal forwards running
}
body footer #footer #footerLogo {
display: block;
width: 200px;
height: auto;
margin: auto
}
body footer #footer #footerLogo img {
display: block;
width: 200px;
height: auto
}
body footer #footer div.social {
text-align: center
}
body footer #footer div.social span {
display: block;
margin-top: 2rem;
white-space: nowrap
}
body footer #footer div.social span a {
display: inline-block;
width: 4rem;
height: 2rem;
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s;
text-decoration: none
}
body footer #footer div.social span a svg {
display: inline-block;
width: 4rem;
height: 2rem
}
body footer #footer div.social span a svg path {
fill: #000
}
body footer #footer div.social span a:hover {
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
cursor: pointer
}
@media (max-width:767px) {
body footer #footer div.social span {
display: inline-block
}
}
@media (min-width:1200px) {
body footer #footer div.social span {
display: inline-block
}
body footer #footer p.copyright {
font-size: 1.2rem !important
}
}
@media (min-width:768px) {
body footer #footer div.social span:first-of-type {
margin-top: 5rem
}
}
body footer #footer p.copyright {
margin-top: 0;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #000;
line-height: 1.5;
font-size: 1.2rem !important;
letter-spacing: .05rem;
word-spacing: .05rem;
font-weight: 400;
padding-top: 0;
white-space: normal;
word-break: keep-all;
text-align: right;
text-decoration: none
}
@media (max-width:767px) {
body footer #footer p.copyright {
text-align: center
}
}
body footer #footer p.disclaimer {
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #000;
text-align: justify;
font-size: 1.2rem;
line-height: 1.5;
letter-spacing: 0;
word-spacing: 0;
font-weight: 400;
white-space: normal;
word-break: keep-all;
text-decoration: none
}
@media (max-width:767px) {
body footer #footer p.disclaimer {
text-align: center
}
}
body footer #footer.animated {
-webkit-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
animation: fadeIn 1s ease-in-out 0s 1 normal forwards running
}
body ul.checks {
display: block;
list-style-type: none;
margin: 0;
padding: 0;
padding-top: 1rem
}
body ul.checks li {
display: block;
padding-bottom: 1.5rem;
padding-left: 3rem;
font-size: 1.8rem
}
body ul.checks:not(.no-check-bg) li {
background-color: #0000;
background-image: url(//abansiss.com/wp-content/themes/Abans/imgs/v.svg);
background-position: 0 .5rem;
background-size: 1.6rem 1.6rem;
background-repeat: no-repeat
}
body ul.checks.checks-alt li {
color: #ffcc7e;
font-size: 20px;
font-style: italic;
font-weight: 300;
letter-spacing: -.5px;
line-height: 1.15;
padding: 10px 0;
word-break: keep-all;
word-spacing: -.5px
}
body ul.checks.animated li {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0
}
html.ios9 body ul.checks.animated li {
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
-ms-opacity: 1 !important;
-o-opacity: 1 !important;
opacity: 1 !important
}
body ul.checks.animated li:nth-of-type(1) {
-webkit-animation: fadeInFromLeft .5s ease-in-out 1s 1 normal forwards running;
-moz-animation: fadeInFromLeft .5s ease-in-out 1s 1 normal forwards running;
-ms-animation: fadeInFromLeft .5s ease-in-out 1s 1 normal forwards running;
-o-animation: fadeInFromLeft .5s ease-in-out 1s 1 normal forwards running;
animation: fadeInFromLeft .5s ease-in-out 1s 1 normal forwards running
}
body ul.checks.animated li:nth-of-type(2) {
-webkit-animation: fadeInFromLeft .5s ease-in-out 1.5s 1 normal forwards running;
-moz-animation: fadeInFromLeft .5s ease-in-out 1.5s 1 normal forwards running;
-ms-animation: fadeInFromLeft .5s ease-in-out 1.5s 1 normal forwards running;
-o-animation: fadeInFromLeft .5s ease-in-out 1.5s 1 normal forwards running;
animation: fadeInFromLeft .5s ease-in-out 1.5s 1 normal forwards running
}
body ul.checks.animated li:nth-of-type(3) {
-webkit-animation: fadeInFromLeft .5s ease-in-out 2s 1 normal forwards running;
-moz-animation: fadeInFromLeft .5s ease-in-out 2s 1 normal forwards running;
-ms-animation: fadeInFromLeft .5s ease-in-out 2s 1 normal forwards running;
-o-animation: fadeInFromLeft .5s ease-in-out 2s 1 normal forwards running;
animation: fadeInFromLeft .5s ease-in-out 2s 1 normal forwards running
}
body ul.checks.animated li:nth-of-type(4) {
-webkit-animation: fadeInFromLeft .5s ease-in-out 2.5s 1 normal forwards running;
-moz-animation: fadeInFromLeft .5s ease-in-out 2.5s 1 normal forwards running;
-ms-animation: fadeInFromLeft .5s ease-in-out 2.5s 1 normal forwards running;
-o-animation: fadeInFromLeft .5s ease-in-out 2.5s 1 normal forwards running;
animation: fadeInFromLeft .5s ease-in-out 2.5s 1 normal forwards running
}
body ul.checks.animated li:nth-of-type(5) {
-webkit-animation: fadeInFromLeft .5s ease-in-out 3s 1 normal forwards running;
-moz-animation: fadeInFromLeft .5s ease-in-out 3s 1 normal forwards running;
-ms-animation: fadeInFromLeft .5s ease-in-out 3s 1 normal forwards running;
-o-animation: fadeInFromLeft .5s ease-in-out 3s 1 normal forwards running;
animation: fadeInFromLeft .5s ease-in-out 3s 1 normal forwards running
}
body ul.checks.animated li:nth-of-type(6) {
-webkit-animation: fadeInFromLeft .5s ease-in-out 3.25s 1 normal forwards running;
-moz-animation: fadeInFromLeft .5s ease-in-out 3.25s 1 normal forwards running;
-ms-animation: fadeInFromLeft .5s ease-in-out 3.25s 1 normal forwards running;
-o-animation: fadeInFromLeft .5s ease-in-out 3.25s 1 normal forwards running;
animation: fadeInFromLeft .5s ease-in-out 3.25s 1 normal forwards running
}
body ul.checks.animated li:nth-of-type(7) {
-webkit-animation: fadeInFromLeft .5s ease-in-out 3.5s 1 normal forwards running;
-moz-animation: fadeInFromLeft .5s ease-in-out 3.5s 1 normal forwards running;
-ms-animation: fadeInFromLeft .5s ease-in-out 3.5s 1 normal forwards running;
-o-animation: fadeInFromLeft .5s ease-in-out 3.5s 1 normal forwards running;
animation: fadeInFromLeft .5s ease-in-out 3.5s 1 normal forwards running
}
body ul.checks.animated li:nth-of-type(8) {
-webkit-animation: fadeInFromLeft .5s ease-in-out 3.75s 1 normal forwards running;
-moz-animation: fadeInFromLeft .5s ease-in-out 3.75s 1 normal forwards running;
-ms-animation: fadeInFromLeft .5s ease-in-out 3.75s 1 normal forwards running;
-o-animation: fadeInFromLeft .5s ease-in-out 3.75s 1 normal forwards running;
animation: fadeInFromLeft .5s ease-in-out 3.75s 1 normal forwards running
}
body section.blank {
padding: 10rem 0
}
body section.blank.animated>img {
-webkit-animation: fadeInFromRight 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromRight 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromRight 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromRight 1s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromRight 1s ease-in-out 0s 1 normal forwards running
}
body section.blank.animated h2 {
-webkit-animation: fadeIn 1.2s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeIn 1.2s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeIn 1.2s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeIn 1.2s ease-in-out 0s 1 normal forwards running;
animation: fadeIn 1.2s ease-in-out 0s 1 normal forwards running
}
body section.blank.animated p {
-webkit-animation: fadeIn 1.4s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeIn 1.4s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeIn 1.4s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeIn 1.4s ease-in-out 0s 1 normal forwards running;
animation: fadeIn 1.4s ease-in-out 0s 1 normal forwards running
}
body section.blockquotes {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: auto;
height: auto;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
background: url(//abansiss.com/wp-content/themes/Abans/imgs/home-quotes.jpg) 50% 0 no-repeat;
border-bottom: 1rem solid #ffcb01;
padding: 5rem 0;
z-index: 0
}
body section.blockquotes ul.slideshow {
display: block;
width: auto;
height: auto;
margin: 0;
padding: 0;
font-size: 0;
word-break: keep-all;
white-space: nowrap
}
body section.blockquotes ul.slideshow li {
display: inline-block;
width: 100%;
height: auto;
margin: auto;
-webkit-transform: translateZ(500px) perspective(1000px) rotate3d(0, 1, 0, -90deg);
-khtml-transform: translateZ(500px) perspective(1000px) rotate3d(0, 1, 0, -90deg);
-moz-transform: translateZ(500px) perspective(1000px) rotate3d(0, 1, 0, -90deg);
-ms-transform: translateZ(500px) perspective(1000px) rotate3d(0, 1, 0, -90deg);
-o-transform: translateZ(500px) perspective(1000px) rotate3d(0, 1, 0, -90deg);
transform: translateZ(500px) perspective(1000px) rotate3d(0, 1, 0, -90deg);
-webkit-transform-origin: 50% 50% 0;
-moz-transform-origin: 50% 50% 0;
-ms-transform-origin: 50% 50% 0;
-o-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s
}
body section.blockquotes ul.slideshow li.cycle-slide-active {
-webkit-transform: translateZ(500px) perspective(1000px) rotate3d(0, 1, 0, 0deg);
-khtml-transform: translateZ(500px) perspective(1000px) rotate3d(0, 1, 0, 0deg);
-moz-transform: translateZ(500px) perspective(1000px) rotate3d(0, 1, 0, 0deg);
-ms-transform: translateZ(500px) perspective(1000px) rotate3d(0, 1, 0, 0deg);
-o-transform: translateZ(500px) perspective(1000px) rotate3d(0, 1, 0, 0deg);
transform: translateZ(500px) perspective(1000px) rotate3d(0, 1, 0, 0deg);
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
-ms-opacity: 1 !important;
-o-opacity: 1 !important;
opacity: 1 !important;
-webkit-transition: all 2s ease 0s;
-moz-transition: all 2s ease 0s;
-ms-transition: all 2s ease 0s;
-o-transition: all 2s ease 0s;
transition: all 2s ease 0s
}
body section.blockquotes ul.slideshow li blockquote {
display: block;
width: auto;
height: auto;
margin: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 2rem;
margin: 0;
-webkit-animation: flipInY500 3s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY500 3s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY500 3s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY500 3s ease-in-out 0s 1 normal forwards running;
animation: flipInY500 3s ease-in-out 0s 1 normal forwards running;
-webkit-transform-origin: 50% 50% 0;
-moz-transform-origin: 50% 50% 0;
-ms-transform-origin: 50% 50% 0;
-o-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0
}
body section.blockquotes ul.slideshow li blockquote p {
display: block;
font-family: open sans condensed, sans-serif;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #000;
text-align: center;
line-height: 1.4;
font-size: 3.9rem;
letter-spacing: -.05rem;
word-spacing: -.05rem;
font-weight: 300;
white-space: normal;
word-break: keep-all;
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s
}
body section.blockquotes ul.slideshow li blockquote p:before {
display: block;
width: 6rem;
height: 6rem;
margin: -3rem 0 2rem;
background: url(//abansiss.com/wp-content/themes/Abans/imgs/quotes2.svg) 50%/6rem 6rem no-repeat;
content: ""
}
body section.blockquotes ul.slideshow li blockquote p:after {
display: block;
width: 6rem;
height: 6rem;
float: right;
margin: 3rem 0 0;
background: url(//abansiss.com/wp-content/themes/Abans/imgs/quotes2.svg) 50%/6rem 6rem no-repeat;
content: "";
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
body section.blockquotes ul.slideshow li blockquote cite {
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #000;
text-align: center;
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s;
display: block;
font-size: 1.6rem;
font-style: italic;
font-weight: 300;
line-height: 1.5;
letter-spacing: -.05rem;
margin-top: 2.5rem;
word-spacing: -.05rem;
white-space: normal;
word-break: keep-all
}
body section.blockquotes.animated {
-webkit-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
animation: fadeIn 1s ease-in-out 0s 1 normal forwards running
}
@media (max-width:992px) {
body section.blockquotes ul.slideshow li blockquote {
min-height: 33rem
}
}
body section.iso {
display: block;
zoom: 1;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
background-color: #ffcb01;
padding: 5rem 0;
z-index: 0
}
body section.iso:after {
content: " ";
display: block;
font-size: 0;
height: 0;
clear: both;
visibility: hidden
}
body section.iso article {
display: none;
padding-top: 2.5rem;
min-height: 20rem;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0
}
body section.iso article h4,
body section.iso article p {
display: block;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #000;
text-align: justify
}
body section.iso article h4 {
font-weight: 700
}
body section.iso article.active {
display: block;
-webkit-animation: fadeInZoomIn 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInZoomIn 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInZoomIn 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInZoomIn 1s ease-in-out 0s 1 normal forwards running;
animation: fadeInZoomIn 1s ease-in-out 0s 1 normal forwards running
}
html.ios9 body section.iso article.active {
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
-ms-opacity: 1 !important;
-o-opacity: 1 !important;
opacity: 1 !important
}
body section.iso article.hiding {
display: none;
-webkit-animation: fadeOutZoomOut 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeOutZoomOut 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeOutZoomOut 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeOutZoomOut 1s ease-in-out 0s 1 normal forwards running;
animation: fadeOutZoomOut 1s ease-in-out 0s 1 normal forwards running
}
@media (max-width:575px) {
body section.iso article {
padding-top: 0
}
}
body section.iso aside {
display: block;
padding-bottom: 2.5rem
}
body section.iso aside h2 {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
text-align: left;
background: url(//abansiss.com/wp-content/themes/Abans/imgs/home-award-title.svg) 50% no-repeat;
display: inline-block;
font-style: italic;
font-weight: 700;
margin-left: -5.2rem;
padding: 1rem 5rem;
text-transform: uppercase;
white-space: nowrap
}
body section.iso aside h2.animated {
-webkit-animation: fadeInFromLeft30 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromLeft30 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromLeft30 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromLeft30 1s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromLeft30 1s ease-in-out 0s 1 normal forwards running
}
body section.iso aside>p {
display: block;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #000;
text-align: justify
}
@media (max-width:575px) {
body section.iso aside {
padding-bottom: 0
}
}
body section.iso figure {
display: block;
width: 420px;
height: 420px;
margin: 0;
padding: 0;
position: relative;
overflow: hidden
}
body section.iso figure.margin-auto {
margin: auto
}
@media (max-width:575px) {
body section.iso figure {
-webkit-transform: scale(.75, .75);
-moz-transform: scale(.75, .75);
-ms-transform: scale(.75, .75);
-o-transform: scale(.75, .75);
transform: scale(.75, .75);
margin-left: -15% !important
}
}
body section.iso figure figcaption {
display: block;
width: 420px;
height: 420px;
position: absolute;
left: 0;
top: 0
}
body section.iso figure figcaption a {
display: block;
position: absolute;
z-index: 100
}
body section.iso figure figcaption a:nth-of-type(1) {
-webkit-animation: zoomBounce 3.5s linear .5s infinite normal forwards running;
-moz-animation: zoomBounce 3.5s linear .5s infinite normal forwards running;
-ms-animation: zoomBounce 3.5s linear .5s infinite normal forwards running;
-o-animation: zoomBounce 3.5s linear .5s infinite normal forwards running;
animation: zoomBounce 3.5s linear .5s infinite normal forwards running
}
body section.iso figure figcaption a:nth-of-type(2) {
-webkit-animation: zoomBounce 3.4s linear .1s infinite normal forwards running;
-moz-animation: zoomBounce 3.4s linear .1s infinite normal forwards running;
-ms-animation: zoomBounce 3.4s linear .1s infinite normal forwards running;
-o-animation: zoomBounce 3.4s linear .1s infinite normal forwards running;
animation: zoomBounce 3.4s linear .1s infinite normal forwards running
}
body section.iso figure figcaption a:nth-of-type(3) {
-webkit-animation: zoomBounce 3.2s linear .3s infinite normal forwards running;
-moz-animation: zoomBounce 3.2s linear .3s infinite normal forwards running;
-ms-animation: zoomBounce 3.2s linear .3s infinite normal forwards running;
-o-animation: zoomBounce 3.2s linear .3s infinite normal forwards running;
animation: zoomBounce 3.2s linear .3s infinite normal forwards running
}
body section.iso figure figcaption a:nth-of-type(4) {
-webkit-animation: zoomBounce 3.3s linear .4s infinite normal forwards running;
-moz-animation: zoomBounce 3.3s linear .4s infinite normal forwards running;
-ms-animation: zoomBounce 3.3s linear .4s infinite normal forwards running;
-o-animation: zoomBounce 3.3s linear .4s infinite normal forwards running;
animation: zoomBounce 3.3s linear .4s infinite normal forwards running
}
body section.iso figure figcaption a svg {
display: block;
width: 40px;
height: 40px;
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s
}
body section.iso figure figcaption a svg path {
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s
}
body section.iso figure figcaption a svg path:nth-of-type(1),
body section.iso figure figcaption a svg path:nth-of-type(2),
body section.iso figure figcaption a svg path:nth-of-type(4),
body section.iso figure figcaption a svg path:nth-of-type(5) {
fill: #013c6a
}
body section.iso figure figcaption a svg path:nth-of-type(3) {
fill: #fff
}
body section.iso figure figcaption a.active svg {
-webkit-transform: scale(1.15, 1.15);
-moz-transform: scale(1.15, 1.15);
-ms-transform: scale(1.15, 1.15);
-o-transform: scale(1.15, 1.15);
transform: scale(1.15, 1.15);
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s
}
body section.iso figure figcaption a.active svg path:nth-of-type(1),
body section.iso figure figcaption a.active svg path:nth-of-type(2),
body section.iso figure figcaption a.active svg path:nth-of-type(4),
body section.iso figure figcaption a.active svg path:nth-of-type(5) {
fill: #ffcb01;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s
}
body section.iso figure figcaption img {
height: 420px;
width: 420px
}
body section.money {
background-color: #0000;
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto;
max-height: 438px;
padding: 10rem 0;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
z-index: 0
}
body section.money h2 {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
text-align: left;
background: url(//abansiss.com/wp-content/themes/Abans/imgs/home-award-title.svg) 50% no-repeat;
display: inline-block;
font-style: italic;
font-weight: 700;
margin-left: -5.2rem;
margin-bottom: 5rem;
padding: 1rem 5rem;
text-transform: uppercase;
white-space: nowrap
}
body section.money h2.animated {
-webkit-animation: fadeInFromRight30 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromRight30 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromRight30 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromRight30 1s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromRight30 1s ease-in-out 0s 1 normal forwards running
}
body section.money p {
display: block;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #000;
text-align: left;
letter-spacing: .05rem;
word-spacing: .05rem;
font-weight: 400
}
body section.octagons {
background: 0 0;
text-align: center
}
body section.octagons .row>div {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s
}
body section.octagons .row>div figure img {
display: block;
height: 185px;
width: 200px;
margin: 20px auto;
padding: 0
}
body section.octagons .row>div figure figcaption h4 {
font-weight: 300
}
body section.octagons.animated .row>div {
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
-ms-opacity: 1 !important;
-o-opacity: 1 !important;
opacity: 1 !important
}
body section.octagons.animated .row>div:nth-of-type(1) {
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
-webkit-animation: flipInY500 1.5s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY500 1.5s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY500 1.5s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY500 1.5s ease-in-out 0s 1 normal forwards running;
animation: flipInY500 1.5s ease-in-out 0s 1 normal forwards running
}
body section.octagons.animated .row>div:nth-of-type(1) figcaption {
-webkit-animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running
}
body section.octagons.animated .row>div:nth-of-type(2) {
-webkit-animation: flipInY500 1.7s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY500 1.7s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY500 1.7s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY500 1.7s ease-in-out 0s 1 normal forwards running;
animation: flipInY500 1.7s ease-in-out 0s 1 normal forwards running
}
body section.octagons.animated .row>div:nth-of-type(2) figcaption {
-webkit-animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running
}
body section.octagons.animated .row>div:nth-of-type(3) {
-webkit-animation: flipInY500 1.9s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY500 1.9s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY500 1.9s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY500 1.9s ease-in-out 0s 1 normal forwards running;
animation: flipInY500 1.9s ease-in-out 0s 1 normal forwards running
}
body section.octagons.animated .row>div:nth-of-type(3) figcaption {
-webkit-animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running
}
body section.octagons.animated .row>div:nth-of-type(4) {
-webkit-animation: flipInY500 2.1s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY500 2.1s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY500 2.1s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY500 2.1s ease-in-out 0s 1 normal forwards running;
animation: flipInY500 2.1s ease-in-out 0s 1 normal forwards running
}
body section.octagons.animated .row>div:nth-of-type(4) figcaption {
-webkit-animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running
}
html.smartclean body section.octagons {
background: 0 0
}
body section.stripe {
color: #000;
text-align: center;
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s;
background-color: #ffcb01;
font-size: 2.8rem;
font-style: italic;
font-weight: 300;
letter-spacing: -.05rem;
line-height: 1.5;
padding: 2rem 0;
word-break: keep-all;
word-spacing: -.05rem
}
body section.stripe a {
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #000;
text-align: center;
display: inline-block;
text-decoration: none
}
body section.stripe img.thingsHand {
display: inline-block;
width: 18.9rem;
height: 12.3rem;
vertical-align: bottom;
margin-bottom: -2rem;
margin-top: -6.1rem;
margin-right: -4rem
}
@media (max-width:991px) {
body section.stripe img.thingsHand {
display: none
}
}
body section.stripe img:not(.thingsHand) {
display: inline-block;
width: 2rem;
height: 2rem;
margin-right: 1rem;
vertical-align: baseline
}
@media (max-width:992px) {
body section.stripe img:not(.thingsHand) {
display: block;
width: 4rem;
height: 4rem;
margin: auto;
padding-bottom: 1rem
}
}
body section.stripe span {
white-space: nowrap
}
body section.stripe.blue {
background-color: #781d7e;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
text-align: center
}
body section.stripe.blue a {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
text-align: center;
text-decoration: none
}
body section.stripe.fiveThings>div>div>div {
text-indent: 5rem
}
body section.stripe.fiveThings>div>div>div * {
text-indent: 0
}
@media (max-width:991px) {
body section.stripe.fiveThings>div>div>div {
text-indent: 0
}
}
body section.threeOptions {
background-color: #fefefe;
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto;
height: 55rem;
overflow: hidden
}
body section.threeOptions nav {
background-color: #fff
}
body section.threeOptions nav .container {
background-color: #fefefe;
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto
}
body section.threeOptions nav a {
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #000;
text-align: center;
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s;
background-color: #fefefe;
display: block;
font-family: open sans condensed, sans-serif;
font-size: 3.9rem;
font-weight: 300;
letter-spacing: .05rem;
line-height: 9rem;
text-decoration: none;
white-space: nowrap;
word-break: keep-all;
word-spacing: .05rem
}
body section.threeOptions nav a.active {
background-color: #000 !important;
color: #fff;
cursor: pointer;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s
}
body section.threeOptions nav a:hover {
background-color: rgba(254, 254, 254, .5019607843137255);
cursor: pointer;
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s
}
@media (max-width:991px) {
body section.threeOptions nav a {
font-size: 2.4rem;
line-height: 5rem
}
}
@media (max-width:575px) {
body section.threeOptions nav a {
font-size: 2rem
}
}
body section.threeOptions article {
position: absolute;
left: 0;
top: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 3s ease 0s;
-moz-transition: all 3s ease 0s;
-ms-transition: all 3s ease 0s;
-o-transition: all 3s ease 0s;
transition: all 3s ease 0s;
height: 50rem;
width: 100%;
padding: 10rem 2rem;
visibility: hidden
}
body section.threeOptions article figure {
position: absolute;
right: 0;
top: 0;
display: block
}
body section.threeOptions article figure:before {
content: "";
display: block;
width: 0;
height: 3px;
background-color: rgba(0, 0, 0, 0);
-webkit-transform-origin: 100% 50% 0;
-moz-transform-origin: 100% 50% 0;
-ms-transform-origin: 100% 50% 0;
-o-transform-origin: 100% 50% 0;
transform-origin: 100% 50% 0;
position: relative;
margin-top: 16.5rem;
right: 20vw;
-webkit-transition: all 3s ease 0s;
-moz-transition: all 3s ease 0s;
-ms-transition: all 3s ease 0s;
-o-transition: all 3s ease 0s;
transition: all 3s ease 0s
}
@media (max-width:1199px) and (min-width:992px) {
html.ios9 body section.threeOptions article figure:before {
width: 730px !important
}
}
@media (min-width:1200px) {
html.ios9 body section.threeOptions article figure:before {
width: 67.5vw !important
}
}
body section.threeOptions article figure img {
-webkit-border-radius: 38rem;
-moz-border-radius: 38rem;
-ms-border-radius: 38rem;
-o-border-radius: 38rem;
border-radius: 38rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 38rem;
height: 38rem;
position: absolute;
right: 0;
top: 5rem;
-webkit-transition: all 1.5s ease 0s;
-moz-transition: all 1.5s ease 0s;
-ms-transition: all 1.5s ease 0s;
-o-transition: all 1.5s ease 0s;
transition: all 1.5s ease 0s;
border: 5px solid #ffcb01;
float: right;
visibility: hidden;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0)
}
html.ios9 body section.threeOptions article figure img {
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
-ms-opacity: 1 !important;
-o-opacity: 1 !important;
opacity: 1 !important;
-webkit-transform: scale(1, 1) !important;
-moz-transform: scale(1, 1) !important;
-ms-transform: scale(1, 1) !important;
-o-transform: scale(1, 1) !important;
transform: scale(1, 1) !important
}
@media (max-width:992px) {
body section.threeOptions article figure {
display: none
}
}
body section.threeOptions article h2 {
display: block;
width: 75%;
height: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fefefe;
text-align: left;
font-family: open sans condensed, sans-serif;
font-weight: 300;
letter-spacing: .05rem;
padding-bottom: 1rem;
white-space: normal;
word-break: keep-all;
word-spacing: .05rem
}
body section.threeOptions article p {
display: block;
width: 50%;
height: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fefefe;
text-align: left;
font-weight: 400;
white-space: normal;
word-break: keep-all
}
body section.threeOptions article p:first-of-type {
padding-top: 1rem
}
@media (max-width:992px) {
body section.threeOptions article p {
width: auto
}
.main-sec {
margin-top: -53px
}
}
@media (max-width:772px) {
p.number-down {
text-align: center
}
}
body section.threeOptions article:not(.active) {
-webkit-opacity: 0 !important;
-moz-opacity: 0 !important;
-ms-opacity: 0 !important;
-o-opacity: 0 !important;
opacity: 0 !important;
-webkit-transition: all 0s ease 0s;
-moz-transition: all 0s ease 0s;
-ms-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s
}
body section.threeOptions article.active {
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 1.5s ease 0s;
-moz-transition: all 1.5s ease 0s;
-ms-transition: all 1.5s ease 0s;
-o-transition: all 1.5s ease 0s;
transition: all 1.5s ease 0s
}
body section.threeOptions article.active figure {
-webkit-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
animation: fadeIn .5s ease-in-out 0s 1 normal forwards running
}
body section.threeOptions article.active figure:before {
background-color: #ffcb01
}
@media (max-width:1199px) and (min-width:992px) {
body section.threeOptions article.active figure:before {
-webkit-animation: lineAnimation960 1s ease-in-out 1.5s 1 normal forwards running;
-moz-animation: lineAnimation960 1s ease-in-out 1.5s 1 normal forwards running;
-ms-animation: lineAnimation960 1s ease-in-out 1.5s 1 normal forwards running;
-o-animation: lineAnimation960 1s ease-in-out 1.5s 1 normal forwards running;
animation: lineAnimation960 1s ease-in-out 1.5s 1 normal forwards running
}
}
@media (min-width:1200px) {
body section.threeOptions article.active figure:before {
-webkit-animation: lineAnimation 1s ease-in-out 1.5s 1 normal forwards running;
-moz-animation: lineAnimation 1s ease-in-out 1.5s 1 normal forwards running;
-ms-animation: lineAnimation 1s ease-in-out 1.5s 1 normal forwards running;
-o-animation: lineAnimation 1s ease-in-out 1.5s 1 normal forwards running;
animation: lineAnimation 1s ease-in-out 1.5s 1 normal forwards running
}
}
body section.threeOptions article.active figure img {
-webkit-animation: fadeInZoomInSlowBounce 2.5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInZoomInSlowBounce 2.5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInZoomInSlowBounce 2.5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInZoomInSlowBounce 2.5s ease-in-out 0s 1 normal forwards running;
animation: fadeInZoomInSlowBounce 2.5s ease-in-out 0s 1 normal forwards running;
visibility: visible;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s
}
body section.threeOptions article.active.prev {
-webkit-transform: translateX(-100%) !important;
-moz-transform: translateX(-100%) !important;
-ms-transform: translateX(-100%) !important;
-o-transform: translateX(-100%) !important;
transform: translateX(-100%) !important
}
body section.threeOptions article.active.prev figure {
-webkit-animation: fadeOut 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeOut 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeOut 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeOut 1s ease-in-out 0s 1 normal forwards running;
animation: fadeOut 1s ease-in-out 0s 1 normal forwards running
}
body section.threeOptions.dark article h2,
body section.threeOptions.dark article p {
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #000;
text-align: left
}
body section.threeOptions.bgOffice,
body section.threeOptions.bgOffice nav .container {
background-image: url(//abansiss.com/wp-content/themes/Abans/imgs/tea/tea-bg.jpg)
}
body section.weirdlist {
-webkit-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
padding-bottom: 8rem
}
body section.weirdlist article {
display: block;
zoom: 1;
padding-top: 25px;
background: url(//abansiss.com/wp-content/themes/Abans/imgs/shadow.png) 50% 0/70% no-repeat
}
body section.weirdlist article:after {
content: " ";
display: block;
font-size: 0;
height: 0;
clear: both;
visibility: hidden
}
body section.weirdlist article>figure {
display: inline-block;
width: 240px;
height: 150px;
background-color: #0000;
background-image: url(//abansiss.com/wp-content/themes/Abans/imgs/list12orange.png);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 240px 160px;
position: static;
vertical-align: bottom
}
body section.weirdlist article>figure a,
body section.weirdlist article>figure a:active,
body section.weirdlist article>figure a:hover,
body section.weirdlist article>figure a:visited {
text-decoration: none
}
body section.weirdlist article>figure img {
display: block;
width: auto;
height: 80px;
margin: auto;
margin-top: 35px
}
body section.weirdlist article>figure figcaption {
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #00335b;
text-align: center;
font-size: 20px;
font-weight: 400;
line-height: 50px;
margin-left: 40px
}
@media (max-width:991px) {
body section.weirdlist article>figure {
display: none
}
}
body section.weirdlist article>div {
padding-top: 1rem;
position: relative;
display: inline-block;
vertical-align: bottom;
padding-bottom: 3rem;
margin-left: 0 !important;
width: calc(100% - 30rem);
text-align: center
}
body section.weirdlist article>div h3 {
font-weight: 300
}
body section.weirdlist article>div p {
margin: 0
}
body section.weirdlist article>div p>a {
float: right
}
@media (max-width:991px) {
body section.weirdlist article>div p>a {
float: none;
margin: 2rem auto 0
}
body section.weirdlist article>div p>a.btn-lg {
padding: .5rem 1rem
}
}
@media (min-width:992px) {
body section.weirdlist article>div {
margin-left: 280px;
text-align: left
}
}
@media (max-width:991px) {
body section.weirdlist article>div {
width: 100%
}
}
body section.weirdlist article:nth-of-type(1) {
background: 0 0
}
body section.weirdlist article:nth-of-type(1) h2 {
-webkit-transform: translateZ(6px);
-moz-transform: translateZ(6px);
-ms-transform: translateZ(6px);
-o-transform: translateZ(6px);
transform: translateZ(6px);
z-index: 6
}
body section.weirdlist article:nth-of-type(2) h2 {
-webkit-transform: translateZ(5px);
-moz-transform: translateZ(5px);
-ms-transform: translateZ(5px);
-o-transform: translateZ(5px);
transform: translateZ(5px);
z-index: 5
}
body section.weirdlist article:nth-of-type(3) h2 {
-webkit-transform: translateZ(4px);
-moz-transform: translateZ(4px);
-ms-transform: translateZ(4px);
-o-transform: translateZ(4px);
transform: translateZ(4px);
z-index: 4
}
body section.weirdlist article:nth-of-type(4) h2 {
-webkit-transform: translateZ(3px);
-moz-transform: translateZ(3px);
-ms-transform: translateZ(3px);
-o-transform: translateZ(3px);
transform: translateZ(3px);
z-index: 3
}
body section.weirdlist article:nth-of-type(5) h2 {
-webkit-transform: translateZ(2px);
-moz-transform: translateZ(2px);
-ms-transform: translateZ(2px);
-o-transform: translateZ(2px);
transform: translateZ(2px);
z-index: 2
}
body section.weirdlist article:nth-of-type(6) h2 {
-webkit-transform: translateZ(1px);
-moz-transform: translateZ(1px);
-ms-transform: translateZ(1px);
-o-transform: translateZ(1px);
transform: translateZ(1px);
z-index: 1
}
body section.weirdlist article:nth-of-type(even) h2 {
background-image: url(//abansiss.com/wp-content/themes/Abans/imgs/list12blue.png)
}
body section.weirdlist article.animated {
-webkit-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
animation: fadeIn .5s ease-in-out 0s 1 normal forwards running
}
body section.weirdlist article.animated>figure {
-webkit-animation: fadeInFromLeft .5s ease-in-out .5s 1 normal forwards running;
-moz-animation: fadeInFromLeft .5s ease-in-out .5s 1 normal forwards running;
-ms-animation: fadeInFromLeft .5s ease-in-out .5s 1 normal forwards running;
-o-animation: fadeInFromLeft .5s ease-in-out .5s 1 normal forwards running;
animation: fadeInFromLeft .5s ease-in-out .5s 1 normal forwards running
}
body section.weirdlist article.animated>div {
-webkit-animation: fadeInFromRight .5s ease-in-out .5s 1 normal forwards running;
-moz-animation: fadeInFromRight .5s ease-in-out .5s 1 normal forwards running;
-ms-animation: fadeInFromRight .5s ease-in-out .5s 1 normal forwards running;
-o-animation: fadeInFromRight .5s ease-in-out .5s 1 normal forwards running;
animation: fadeInFromRight .5s ease-in-out .5s 1 normal forwards running
}
body section.main p {
text-align: justify
}
body section.main h1 {
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #555;
text-align: center;
padding: 12rem 0 5rem;
font-family: open sans condensed, sans-serif;
font-size: 6.5rem;
font-weight: 300;
line-height: 1.3
}
body section.main h1 sup {
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #555;
text-align: center;
display: inline-block;
vertical-align: top;
font-family: open sans condensed, sans-serif;
font-size: 1rem;
font-weight: 300;
line-height: 4.875rem
}
body section.main h2 {
text-align: center;
margin: 0;
font-size: 5rem;
color: #444;
font-style: italic;
font-weight: 700;
text-transform: uppercase
}
@media (min-width:768px) {
body section.main h2.bordered {
white-space: nowrap;
word-break: keep-all
}
body section.main h2.bordered:before {
display: inline-block;
background-color: #ffcb01;
content: "";
height: .3rem;
margin-right: 2rem;
vertical-align: middle;
width: 10vw
}
body section.main h2.bordered:after {
display: inline-block;
background-color: #ffcb01;
content: "";
height: .3rem;
margin-left: 2rem;
vertical-align: middle;
width: 10vw
}
}
body section.main h3 {
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #555;
font-family: open sans condensed, sans-serif;
font-weight: 300;
text-align: center
}
body section.main h3 span {
display: inline-block
}
body section.main h3.bordered {
white-space: nowrap;
word-break: keep-all
}
@media (min-width:768px) {
body section.main h3.bordered:before {
display: inline-block;
background-color: #ffcb01;
content: "";
height: .3rem;
margin-right: 2rem;
vertical-align: middle;
width: 10rem
}
body section.main h3.bordered:after {
display: inline-block;
background-color: #ffcb01;
content: "";
height: .3rem;
margin-left: 2rem;
vertical-align: middle;
width: 10rem
}
}
body section.main h3.outlined {
font-size: 3.2rem;
font-weight: 700;
line-height: 1.5;
text-transform: uppercase
}
body section.main h3.outlined span {
border-top: 1px solid #1d68a4;
border-bottom: 1px solid #1d68a4
}
body section.main h3.rotatingText {
margin: 0;
padding: 2rem 0
}
body section.main h3.rotatingText strong.rotatingHeader {
vertical-align: top;
padding-right: 1.5rem
}
body section.main h3.rotatingText ul.rotatingOptions {
display: block;
zoom: 1;
display: inline-block;
width: 30rem;
height: 4.5rem;
background-color: #ffd79a;
margin: 0;
padding: 0
}
body section.main h3.rotatingText ul.rotatingOptions:after {
content: " ";
display: block;
font-size: 0;
height: 0;
clear: both;
visibility: hidden
}
body section.main h3.rotatingText ul.rotatingOptions li {
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #555;
text-align: center;
display: block;
font-family: open sans condensed, sans-serif;
font-size: 2.8rem;
font-weight: 300;
line-height: 1.5;
position: absolute;
width: 30rem;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0
}
body section.main h3.rotatingText ul.rotatingOptions li.active {
-webkit-animation: fadeInFromTop 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromTop 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromTop 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromTop 1s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromTop 1s ease-in-out 0s 1 normal forwards running
}
html.ios9 body section.main h3.rotatingText ul.rotatingOptions li.active {
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
-ms-opacity: 1 !important;
-o-opacity: 1 !important;
opacity: 1 !important
}
body section.main h3.rotatingText ul.rotatingOptions li.hiding {
-webkit-animation: fadeOutToBottom 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeOutToBottom 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeOutToBottom 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeOutToBottom 1s ease-in-out 0s 1 normal forwards running;
animation: fadeOutToBottom 1s ease-in-out 0s 1 normal forwards running
}
body section.versus {
padding: 5rem 0
}
body section.versus figure.vs-image {
display: block;
width: 100%;
height: 20rem;
-webkit-transform-origin: 50% 50% 0;
-moz-transform-origin: 50% 50% 0;
-ms-transform-origin: 50% 50% 0;
-o-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
position: relative
}
body section.versus figure.vs-image img {
display: block;
height: 100%;
object-fit: contain
}
body section.versus figure.vs-image figcaption {
height: 100%;
width: 100%;
position: absolute
}
body section.versus figure.vs-image figcaption figure.vs-caption figcaption {
display: block;
width: 60px;
height: 60px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
text-align: center;
line-height: 60px;
font-size: 1.4rem;
font-weight: 700
}
body section.versus figure.vs-image figcaption figure.vs-caption img {
display: block;
width: 60px;
height: 60px
}
body section.versus.animated figure.vs-image {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-animation: fadeInFromRight 1s ease-in-out 1s 1 normal forwards running;
-moz-animation: fadeInFromRight 1s ease-in-out 1s 1 normal forwards running;
-ms-animation: fadeInFromRight 1s ease-in-out 1s 1 normal forwards running;
-o-animation: fadeInFromRight 1s ease-in-out 1s 1 normal forwards running;
animation: fadeInFromRight 1s ease-in-out 1s 1 normal forwards running
}
html.ios9 body section.versus.animated figure.vs-image {
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
-ms-opacity: 1 !important;
-o-opacity: 1 !important;
opacity: 1 !important
}
body section.versus.animated figure.vs-caption {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-animation: fadeInZoomInRotate 1s ease-in-out 2s 1 normal forwards running;
-moz-animation: fadeInZoomInRotate 1s ease-in-out 2s 1 normal forwards running;
-ms-animation: fadeInZoomInRotate 1s ease-in-out 2s 1 normal forwards running;
-o-animation: fadeInZoomInRotate 1s ease-in-out 2s 1 normal forwards running;
animation: fadeInZoomInRotate 1s ease-in-out 2s 1 normal forwards running
}
html.ios9 body section.versus.animated figure.vs-caption {
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
-ms-opacity: 1 !important;
-o-opacity: 1 !important;
opacity: 1 !important
}
body section.versus:nth-of-type(odd) {
background-color: #ffd79a
}
.requestAQuote {
font-size: 0;
text-decoration: none !important;
z-index: 3000
}
.requestAQuote>.aRequestBg {
position: absolute;
display: block;
width: 23rem;
height: 4rem;
z-index: 3000
}
.requestAQuote>.aRequestBg path {
fill: #905d0b !important;
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s
}
.requestAQuote>span {
display: block;
padding: 0 1.5rem;
position: relative;
z-index: 3100;
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fefefe;
text-align: center;
font-size: 1.6rem;
font-weight: 700
}
.requestAQuote:hover {
cursor: pointer
}
a.requestAQuote.hover>.aRequestBg path,
a.requestAQuote:hover>.aRequestBg path {
fill: #781d7e !important
}
.requestAQuote:hover>.aRequestBg path {
fill: #781d7e !important
}
a.requestAQuote.hover>.aRequestBg path {
fill: #781d7e !important
}
.requestAQuote.hover>span,
.requestAQuote:hover>span {
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s;
color: #fff
}
@media (max-width:767px) {
.requestAQuote {
position: fixed;
left: 0;
bottom: 0;
height: 10vh;
width: 100%;
background-color: #ffcb01
}
.requestAQuote>.aRequestBg {
display: none
}
.requestAQuote>span {
background-image: none;
background-color: #781d7e;
position: absolute;
right: 7.5vw;
margin-top: 3vh;
font-family: open sans condensed, sans-serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.5;
padding: .5rem 1rem;
white-space: nowrap;
-webkit-border-radius: .5rem;
-moz-border-radius: .5rem;
-ms-border-radius: .5rem;
-o-border-radius: .5rem;
border-radius: .5rem
}
}
@media (min-width:768px) {
.requestAQuote {
display: block;
width: 23rem;
height: 4rem;
position: fixed;
right: -9.5rem;
top: 50vh;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg)
}
.requestAQuote>span {
line-height: 4rem;
background: url(//abansiss.com/wp-content/themes/Abans/imgs/a-request-hover.svg) 50%/0 0 no-repeat
}
.requestAQuote:not(.hover) {
-webkit-animation: requestAQuote 30s linear 0s infinite normal forwards running;
-moz-animation: requestAQuote 30s linear 0s infinite normal forwards running;
-ms-animation: requestAQuote 30s linear 0s infinite normal forwards running;
-o-animation: requestAQuote 30s linear 0s infinite normal forwards running;
animation: requestAQuote 30s linear 0s infinite normal forwards running
}
.requestAQuote:not(.hover)>.aRequestBg path {
-webkit-animation: requestAQuoteFill 30s linear 0s infinite normal forwards running;
-moz-animation: requestAQuoteFill 30s linear 0s infinite normal forwards running;
-ms-animation: requestAQuoteFill 30s linear 0s infinite normal forwards running;
-o-animation: requestAQuoteFill 30s linear 0s infinite normal forwards running;
animation: requestAQuoteFill 30s linear 0s infinite normal forwards running
}
}
@media (max-width:767px) and (min-width:576px) and (min-aspect-ratio:1) {
.requestAQuote {
position: fixed;
width: 15rem;
left: calc(50vw - 3rem);
bottom: auto;
top: 3rem;
background-color: #0000;
-webkit-animation: fadeInSlow 1.75s linear 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.75s linear 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.75s linear 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.75s linear 0s 1 normal forwards running;
animation: fadeInSlow 1.75s linear 0s 1 normal forwards running;
-webkit-transform: translateZ(3001px);
-moz-transform: translateZ(3001px);
-ms-transform: translateZ(3001px);
-o-transform: translateZ(3001px);
transform: translateZ(3001px);
z-index: 3001
}
.requestAQuote>span {
position: static;
font-size: 1.8rem;
margin-top: 0;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
text-align: center;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
text-decoration: none;
text-transform: uppercase;
width: auto;
background-color: #781d7e
}
}
@media (max-width:767px) {
body a#callUs {
display: block;
width: 10vw;
height: 10vh;
font-size: 0;
position: fixed;
left: 7.5vw;
bottom: 0;
z-index: 3000 !important;
-webkit-transform: translateZ(3001px);
-moz-transform: translateZ(3001px);
-ms-transform: translateZ(3001px);
-o-transform: translateZ(3001px);
transform: translateZ(3001px);
background: url(//abansiss.com/wp-content/themes/Abans/imgs/phone-call-black.svg) 50%/5vw 7.5vh no-repeat
}
}
@media (min-width:768px) {
body a#callUs {
display: none
}
}
@media (max-width:767px) and (min-width:576px) and (min-aspect-ratio:1) {
body a#callUs {
-webkit-animation: fadeInSlow 2s linear 0s 1 normal forwards running;
-moz-animation: fadeInSlow 2s linear 0s 1 normal forwards running;
-ms-animation: fadeInSlow 2s linear 0s 1 normal forwards running;
-o-animation: fadeInSlow 2s linear 0s 1 normal forwards running;
animation: fadeInSlow 2s linear 0s 1 normal forwards running;
bottom: auto;
top: 2.75rem;
left: calc(50vw + 13rem);
height: 4rem;
background-size: 5vw 4rem
}
}
body form#sidebarQuoteForm {
display: block;
width: 40vw;
height: 100vh;
overflow: scroll;
position: fixed;
top: 0;
right: -100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 20px 0;
border-left: 3px solid #013c6a;
background: #206eac url(//abansiss.com/wp-content/themes/Abans/imgs/quote.jpg) 50% 100%/100% no-repeat;
-webkit-transform: translateZ(4100px);
-moz-transform: translateZ(4100px);
-ms-transform: translateZ(4100px);
-o-transform: translateZ(4100px);
transform: translateZ(4100px);
z-index: 4100;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s
}
body form#sidebarQuoteForm legend {
display: block;
width: 100%
}
body form#sidebarQuoteForm legend h2 {
display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fefefe
}
body form#sidebarQuoteForm legend p {
display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fefefe;
text-align: left;
line-height: 20px;
font-size: 13px;
font-weight: 400;
white-space: normal;
word-break: keep-all
}
body form#sidebarQuoteForm input[type=email],
body form#sidebarQuoteForm input[type=text] {
display: block;
width: 100%;
height: 30px;
margin: 10px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding-left: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #013c6a;
text-align: left;
line-height: 30px;
font-size: 13px;
font-weight: 400;
white-space: normal;
word-break: keep-all
}
body form#sidebarQuoteForm input[type=email]:-moz-placeholder,
body form#sidebarQuoteForm input[type=text]:-moz-placeholder {
color: #013c6a
}
body form#sidebarQuoteForm input[type=email]::-moz-placeholder,
body form#sidebarQuoteForm input[type=text]::-moz-placeholder {
color: #013c6a
}
body form#sidebarQuoteForm input[type=email]:-ms-input-placeholder,
body form#sidebarQuoteForm input[type=text]:-ms-input-placeholder {
color: #013c6a
}
body form#sidebarQuoteForm input[type=email]::-webkit-input-placeholder,
body form#sidebarQuoteForm input[type=text]::-webkit-input-placeholder {
color: #013c6a
}
body form#sidebarQuoteForm select {
display: block;
width: 100%;
height: 30px;
margin: 10px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding-left: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #013c6a;
text-align: left;
line-height: 30px;
font-size: 13px;
font-weight: 400;
white-space: normal;
word-break: keep-all;
cursor: pointer
}
body form#sidebarQuoteForm textarea {
display: block;
width: 100%;
height: 100px;
margin: 10px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #013c6a;
text-align: left;
line-height: 20px;
font-size: 13px;
font-weight: 400;
white-space: normal;
word-break: keep-all
}
body form#sidebarQuoteForm textarea:-moz-placeholder {
color: #013c6a
}
body form#sidebarQuoteForm textarea::-moz-placeholder {
color: #013c6a
}
body form#sidebarQuoteForm textarea:-ms-input-placeholder {
color: #013c6a
}
body form#sidebarQuoteForm textarea::-webkit-input-placeholder {
color: #013c6a
}
body form#sidebarQuoteForm input[type=submit] {
display: inline-block;
width: auto;
height: 30px;
float: right;
margin: 10px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 0 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
text-align: center;
line-height: 30px;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
white-space: normal;
word-break: keep-all;
background-color: #ffcb01;
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s
}
body form#sidebarQuoteForm input[type=submit]:hover {
cursor: pointer;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s
}
body form#sidebarQuoteForm a#closeQuote {
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 10px;
right: 10px;
background: #206eac url(//abansiss.com/wp-content/themes/Abans/imgs/close.svg) 50%/10px auto no-repeat;
text-decoration: none;
font-size: 0;
-webkit-transform-origin: 100% 0 0;
-moz-transform-origin: 100% 0 0;
-ms-transform-origin: 100% 0 0;
-o-transform-origin: 100% 0 0;
transform-origin: 100% 0 0;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s
}
body form#sidebarQuoteForm.active {
right: 0
}
@media (max-width:991px) {
body form#sidebarQuoteForm {
width: 100%
}
}
@media (max-width:1199px) and (min-width:992px) {
body form#sidebarQuoteForm {
width: 40vw
}
}
@media (min-width:1200px) {
body form#sidebarQuoteForm {
width: 30vw
}
}
body form#sidebarFranchiseRequestForm {
display: block;
width: 40vw;
height: 100vh;
overflow: scroll;
position: fixed;
top: 0;
right: -100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 20px 0;
border-left: 3px solid #013c6a;
background: #206eac url(//abansiss.com/wp-content/themes/Abans/imgs/quote.jpg) 50% 100%/100% no-repeat;
-webkit-transform: translateZ(4100px);
-moz-transform: translateZ(4100px);
-ms-transform: translateZ(4100px);
-o-transform: translateZ(4100px);
transform: translateZ(4100px);
z-index: 4100;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s
}
body form#sidebarFranchiseRequestForm legend {
display: block;
width: 100%
}
body form#sidebarFranchiseRequestForm legend h2 {
display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fefefe
}
body form#sidebarFranchiseRequestForm legend p {
display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fefefe;
text-align: left;
line-height: 20px;
font-size: 13px;
font-weight: 400;
white-space: normal;
word-break: keep-all
}
body form#sidebarFranchiseRequestForm input[type=email],
body form#sidebarFranchiseRequestForm input[type=text] {
display: block;
width: 100%;
height: 30px;
margin: 10px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding-left: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #013c6a;
text-align: left;
line-height: 30px;
font-size: 13px;
font-weight: 400;
white-space: normal;
word-break: keep-all
}
body form#sidebarFranchiseRequestForm input[type=email]:-moz-placeholder,
body form#sidebarFranchiseRequestForm input[type=text]:-moz-placeholder {
color: #013c6a
}
body form#sidebarFranchiseRequestForm input[type=email]::-moz-placeholder,
body form#sidebarFranchiseRequestForm input[type=text]::-moz-placeholder {
color: #013c6a
}
body form#sidebarFranchiseRequestForm input[type=email]:-ms-input-placeholder,
body form#sidebarFranchiseRequestForm input[type=text]:-ms-input-placeholder {
color: #013c6a
}
body form#sidebarFranchiseRequestForm input[type=email]::-webkit-input-placeholder,
body form#sidebarFranchiseRequestForm input[type=text]::-webkit-input-placeholder {
color: #013c6a
}
body form#sidebarFranchiseRequestForm select {
display: block;
width: 100%;
height: 30px;
margin: 10px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding-left: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #013c6a;
text-align: left;
line-height: 30px;
font-size: 13px;
font-weight: 400;
white-space: normal;
word-break: keep-all;
cursor: pointer
}
body form#sidebarFranchiseRequestForm textarea {
display: block;
width: 100%;
height: 100px;
margin: 10px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #013c6a;
text-align: left;
line-height: 20px;
font-size: 13px;
font-weight: 400;
white-space: normal;
word-break: keep-all
}
body form#sidebarFranchiseRequestForm textarea:-moz-placeholder {
color: #013c6a
}
body form#sidebarFranchiseRequestForm textarea::-moz-placeholder {
color: #013c6a
}
body form#sidebarFranchiseRequestForm textarea:-ms-input-placeholder {
color: #013c6a
}
body form#sidebarFranchiseRequestForm textarea::-webkit-input-placeholder {
color: #013c6a
}
body form#sidebarFranchiseRequestForm input[type=submit] {
display: inline-block;
width: auto;
height: 2.5vw;
float: right;
margin: 10px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 0 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
text-align: center;
line-height: 20px;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
white-space: normal;
word-break: keep-all;
background-color: #ffcb01;
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s
}
body form#sidebarFranchiseRequestForm input[type=submit]:hover {
cursor: pointer;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s
}
body form#sidebarFranchiseRequestForm a#closeQuote {
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 10px;
right: 10px;
background: #206eac url(//abansiss.com/wp-content/themes/Abans/imgs/close.svg) 50%/10px auto no-repeat;
text-decoration: none;
font-size: 0;
-webkit-transform-origin: 100% 0 0;
-moz-transform-origin: 100% 0 0;
-ms-transform-origin: 100% 0 0;
-o-transform-origin: 100% 0 0;
transform-origin: 100% 0 0;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s
}
body form#sidebarFranchiseRequestForm.active {
right: 0
}
@media (max-width:991px) {
body form#sidebarFranchiseRequestForm {
width: 100%
}
}
@media (max-width:1199px) and (min-width:992px) {
body form#sidebarFranchiseRequestForm {
width: 40vw
}
}
@media (min-width:1200px) {
body form#sidebarFranchiseRequestForm {
width: 30vw
}
}
body figure.isoAll {
-webkit-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
animation: fadeIn .5s ease-in-out 0s 1 normal forwards running
}
body figure.isoAll figcaption {
display: block;
width: 900px;
height: 315px;
background-color: #0000;
background-position: 50%;
background-repeat: no-repeat;
background-size: 100% 100%;
margin: auto
}
body figure.isoAll figcaption ul {
margin: 0;
padding: 0
}
body figure.isoAll figcaption ul li {
-webkit-animation: fadeInZoomIn 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInZoomIn 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInZoomIn 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInZoomIn 1s ease-in-out 0s 1 normal forwards running;
animation: fadeInZoomIn 1s ease-in-out 0s 1 normal forwards running;
display: block;
width: 140px;
height: 140px;
padding: 1rem;
position: absolute;
z-index: 100
}
body figure.isoAll figcaption ul li a {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
background-color: #000000a6;
height: 100%;
text-decoration: none;
width: 100%
}
body figure.isoAll figcaption ul li a:hover {
text-decoration: none
}
body figure.isoAll figcaption ul li a span {
display: block;
width: 100%;
height: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0);
color: #fefefe;
text-align: center;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
font-family: open sans condensed, sans-serif;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.5;
text-transform: uppercase;
white-space: nowrap;
word-break: keep-all
}
body figure.isoAll figcaption ul li:nth-of-type(1) {
margin: 110px 0 0 65px
}
body figure.isoAll figcaption ul li:nth-of-type(2) {
margin: 5px 0 0 145px
}
body figure.isoAll figcaption ul li:nth-of-type(3) {
margin: 110px 0 0 225px
}
body figure.isoAll figcaption ul li:nth-of-type(4) {
margin: 5px 0 0 305px
}
body figure.isoAll figcaption ul li:nth-of-type(5) {
margin: 110px 0 0 380px
}
body figure.isoAll figcaption ul li:nth-of-type(6) {
margin: 5px 0 0 460px
}
body figure.isoAll figcaption ul li:nth-of-type(7) {
margin: 110px 0 0 540px
}
body figure.isoAll figcaption ul li:nth-of-type(8) {
margin: 5px 0 0 620px
}
body figure.isoAll figcaption ul li:nth-of-type(9) {
margin: 110px 0 0 700px
}
body figure.isoAll figcaption ul li.active a {
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
-ms-opacity: 1 !important;
-o-opacity: 1 !important;
opacity: 1 !important
}
body figure.isoAll figcaption ul li.active a span {
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
-ms-opacity: 1 !important;
-o-opacity: 1 !important;
opacity: 1 !important
}
html.cleaning body section.header {
margin-bottom: -7.5rem;
position: relative;
z-index: 1;
background: url(//abansiss.com/wp-content/themes/Abans/imgs/top-bg-cut.svg) -65vw top/125vw auto no-repeat
}
html.cleaning body section.header h1 {
float: left;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #99815b;
text-align: left;
font-size: 3.9rem;
line-height: 6rem;
padding-top: 1rem
}
html.cleaning body section.header h1 img {
display: inline-block;
width: auto;
height: 3.2rem;
margin-right: 1rem;
vertical-align: baseline
}
@media (max-width:767px) {
html.cleaning body section.header h1 {
text-align: center
}
}
html.cleaning body section.header a.btn {
margin: 1.25rem 0 0 5rem
}
@media (max-width:991px) and (min-width:768px) {
html.cleaning body section.header {
padding-top: 6rem
}
}
@media (max-width:991px) {
html.cleaning body section.header {
padding-top: 0;
background: #ffefd6
}
html.cleaning body section.header h1 {
padding-top: 1rem
}
}
html.cleaning body section.main {
background: url(//abansiss.com/wp-content/themes/Abans/imgs/top-cleaning.jpg) 50% 0/100% no-repeat;
padding-bottom: 7rem;
text-align: justify
}
@media (max-width:767px) {
html.cleaning body section.main {
background-size: auto
}
}
html.cleaning body section.main h2 {
margin: 13rem 0 5rem;
text-align: center
}
@media (max-width:767px) {
html.cleaning body section.main h2 {
margin: 14rem 0 6rem
}
}
div.bg {
background-color: #0000;
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 105%
}
div.bg.dark {
color: #fefefe !important
}
div.bg.dark h1,
div.bg.dark h2,
div.bg.dark h3,
div.bg.dark li,
div.bg.dark p {
color: #fefefe !important
}
div.counters {
display: block;
width: auto;
height: auto;
padding: 5rem 0
}
div.counters>div {
color: #000;
font-size: 4vw;
line-height: 1;
text-align: center;
white-space: nowrap;
word-break: keep-all;
width: 25vw
}
div.counters>div>var {
font-size: 8vw;
font-style: normal
}
div.counters>div>span {
color: #777;
display: block;
font-size: 2vw;
white-space: normal
}
div#franchiseModel {
display: block;
width: auto;
height: auto;
margin: 0 auto 5vw;
-webkit-transform-origin: 50% 0 0;
-moz-transform-origin: 50% 0 0;
-ms-transform-origin: 50% 0 0;
-o-transform-origin: 50% 0 0;
transform-origin: 50% 0 0
}
div#franchiseModel ul#svgFranchiseText {
display: block;
width: 90rem;
height: 85rem;
padding: 0;
position: absolute;
left: 0;
-webkit-transform-origin: 50% 0 0;
-moz-transform-origin: 50% 0 0;
-ms-transform-origin: 50% 0 0;
-o-transform-origin: 50% 0 0;
transform-origin: 50% 0 0
}
div#franchiseModel ul#svgFranchiseText li {
display: block;
width: 20rem;
position: absolute
}
div#franchiseModel ul#svgFranchiseText li p {
display: block;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #000;
text-align: center
}
div#franchiseModel ul#svgFranchiseText li p strong {
display: inline;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #000;
text-align: center;
font-weight: 700
}
div#franchiseModel ul#svgFranchiseText li:nth-of-type(1) {
margin-left: 35rem;
margin-top: 20rem
}
div#franchiseModel ul#svgFranchiseText li:nth-of-type(2) {
margin-left: 55rem;
margin-top: 55rem
}
div#franchiseModel ul#svgFranchiseText li:nth-of-type(3) {
margin-left: 15rem;
margin-top: 55rem
}
div#franchiseModel svg#svgFranchise {
display: block;
width: 90rem;
height: 85rem;
margin: 0 auto;
-webkit-transform-origin: 50% 0 0;
-moz-transform-origin: 50% 0 0;
-ms-transform-origin: 50% 0 0;
-o-transform-origin: 50% 0 0;
transform-origin: 50% 0 0
}
div#franchiseModel svg#svgFranchise path#inner1 {
fill: #1d77b6
}
div#franchiseModel svg#svgFranchise path#inner2 {
fill: #fbb339
}
div#franchiseModel svg#svgFranchise path#inner3 {
fill: #29ade3
}
div#franchiseModel svg#svgFranchise path#figure1 {
fill: #fbb339
}
div#franchiseModel svg#svgFranchise path#figure2 {
fill: #1d77b6
}
div#franchiseModel svg#svgFranchise path#figure3 {
fill: #29ade3
}
div#franchiseModel svg#svgFranchise path#circle3 {
fill: #29ade3;
stroke-dasharray: 1100;
stroke-location: inside
}
div#franchiseModel svg#svgFranchise path#circle2 {
fill: #1d77b6;
stroke-dasharray: 1100;
stroke-location: inside
}
div#franchiseModel svg#svgFranchise path#circle1 {
fill: #fbb339;
stroke-dasharray: 1100;
stroke-location: inside
}
div#franchiseModel.animated {
-webkit-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
animation: fadeIn 1s ease-in-out 0s 1 normal forwards running
}
div#franchiseModel.animated ul#svgFranchiseText li:nth-of-type(1) {
-webkit-animation: fadeInSlow 3.5s linear 0s 1 normal forwards running;
-moz-animation: fadeInSlow 3.5s linear 0s 1 normal forwards running;
-ms-animation: fadeInSlow 3.5s linear 0s 1 normal forwards running;
-o-animation: fadeInSlow 3.5s linear 0s 1 normal forwards running;
animation: fadeInSlow 3.5s linear 0s 1 normal forwards running
}
div#franchiseModel.animated ul#svgFranchiseText li:nth-of-type(2) {
-webkit-animation: fadeInSlow 5.5s linear 0s 1 normal forwards running;
-moz-animation: fadeInSlow 5.5s linear 0s 1 normal forwards running;
-ms-animation: fadeInSlow 5.5s linear 0s 1 normal forwards running;
-o-animation: fadeInSlow 5.5s linear 0s 1 normal forwards running;
animation: fadeInSlow 5.5s linear 0s 1 normal forwards running
}
div#franchiseModel.animated ul#svgFranchiseText li:nth-of-type(3) {
-webkit-animation: fadeInSlow 8s linear 0s 1 normal forwards running;
-moz-animation: fadeInSlow 8s linear 0s 1 normal forwards running;
-ms-animation: fadeInSlow 8s linear 0s 1 normal forwards running;
-o-animation: fadeInSlow 8s linear 0s 1 normal forwards running;
animation: fadeInSlow 8s linear 0s 1 normal forwards running
}
div#franchiseModel.animated svg#svgFranchise path#inner1 {
-webkit-animation: fadeIn 1s linear 0s 1 normal forwards running;
-moz-animation: fadeIn 1s linear 0s 1 normal forwards running;
-ms-animation: fadeIn 1s linear 0s 1 normal forwards running;
-o-animation: fadeIn 1s linear 0s 1 normal forwards running;
animation: fadeIn 1s linear 0s 1 normal forwards running
}
div#franchiseModel.animated svg#svgFranchise path#inner2 {
-webkit-animation: fadeIn 1s linear 0s 1 normal forwards running;
-moz-animation: fadeIn 1s linear 0s 1 normal forwards running;
-ms-animation: fadeIn 1s linear 0s 1 normal forwards running;
-o-animation: fadeIn 1s linear 0s 1 normal forwards running;
animation: fadeIn 1s linear 0s 1 normal forwards running
}
div#franchiseModel.animated svg#svgFranchise path#inner3 {
-webkit-animation: fadeIn 1s linear 0s 1 normal forwards running;
-moz-animation: fadeIn 1s linear 0s 1 normal forwards running;
-ms-animation: fadeIn 1s linear 0s 1 normal forwards running;
-o-animation: fadeIn 1s linear 0s 1 normal forwards running;
animation: fadeIn 1s linear 0s 1 normal forwards running
}
div#franchiseModel.animated svg#svgFranchise path#figure1 {
-webkit-animation: fadeInSlow 3s linear 0s 1 normal forwards running;
-moz-animation: fadeInSlow 3s linear 0s 1 normal forwards running;
-ms-animation: fadeInSlow 3s linear 0s 1 normal forwards running;
-o-animation: fadeInSlow 3s linear 0s 1 normal forwards running;
animation: fadeInSlow 3s linear 0s 1 normal forwards running
}
div#franchiseModel.animated svg#svgFranchise path#figure2 {
-webkit-animation: fadeInSlow 5s linear 0s 1 normal forwards running;
-moz-animation: fadeInSlow 5s linear 0s 1 normal forwards running;
-ms-animation: fadeInSlow 5s linear 0s 1 normal forwards running;
-o-animation: fadeInSlow 5s linear 0s 1 normal forwards running;
animation: fadeInSlow 5s linear 0s 1 normal forwards running
}
div#franchiseModel.animated svg#svgFranchise path#figure3 {
-webkit-animation: fadeInSlow 7.5s linear 0s 1 normal forwards running;
-moz-animation: fadeInSlow 7.5s linear 0s 1 normal forwards running;
-ms-animation: fadeInSlow 7.5s linear 0s 1 normal forwards running;
-o-animation: fadeInSlow 7.5s linear 0s 1 normal forwards running;
animation: fadeInSlow 7.5s linear 0s 1 normal forwards running
}
div#franchiseModel.animated svg#svgFranchise path#circle3 {
-webkit-animation: circleGo3 5.75s linear 0s 1 normal forwards running;
-moz-animation: circleGo3 5.75s linear 0s 1 normal forwards running;
-ms-animation: circleGo3 5.75s linear 0s 1 normal forwards running;
-o-animation: circleGo3 5.75s linear 0s 1 normal forwards running;
animation: circleGo3 5.75s linear 0s 1 normal forwards running
}
div#franchiseModel.animated svg#svgFranchise path#circle2 {
-webkit-animation: circleGo2 4s linear 0s 1 normal forwards running;
-moz-animation: circleGo2 4s linear 0s 1 normal forwards running;
-ms-animation: circleGo2 4s linear 0s 1 normal forwards running;
-o-animation: circleGo2 4s linear 0s 1 normal forwards running;
animation: circleGo2 4s linear 0s 1 normal forwards running
}
div#franchiseModel.animated svg#svgFranchise path#circle1 {
-webkit-animation: circleGo1 2.5s linear 0s 1 normal forwards running;
-moz-animation: circleGo1 2.5s linear 0s 1 normal forwards running;
-ms-animation: circleGo1 2.5s linear 0s 1 normal forwards running;
-o-animation: circleGo1 2.5s linear 0s 1 normal forwards running;
animation: circleGo1 2.5s linear 0s 1 normal forwards running
}
@media (max-width:575px) {
div#franchiseModel ul#svgFranchiseText {
width: 91vw;
height: 85.436vw;
left: calc(4.5vw - 15px)
}
div#franchiseModel ul#svgFranchiseText li {
width: 30.836vw
}
div#franchiseModel ul#svgFranchiseText li p {
line-height: 2.5vw;
font-size: 2.4vw;
letter-spacing: -.01vw;
word-spacing: .18vw;
font-weight: 300
}
div#franchiseModel ul#svgFranchiseText li p strong {
line-height: 2.5vw;
font-size: 2.4vw;
letter-spacing: -.01vw;
word-spacing: .18vw
}
div#franchiseModel ul#svgFranchiseText li:nth-of-type(1) {
margin-left: 29.9vw;
margin-top: 16vw
}
div#franchiseModel ul#svgFranchiseText li:nth-of-type(2) {
margin-left: 50.7vw;
margin-top: 51vw
}
div#franchiseModel ul#svgFranchiseText li:nth-of-type(3) {
margin-left: 11.05vw;
margin-top: 51vw
}
div#franchiseModel svg#svgFranchise {
width: 91vw;
height: 85.436vw;
left: calc(4.5vw - 15px)
}
}
@media (max-width:767px) and (min-width:576px) {
div#franchiseModel {
-webkit-transform: scale(.75, .75);
-moz-transform: scale(.75, .75);
-ms-transform: scale(.75, .75);
-o-transform: scale(.75, .75);
transform: scale(.75, .75);
margin-bottom: -15vw
}
div#franchiseModel ul#svgFranchiseText {
left: calc(510px - 70rem)
}
div#franchiseModel svg#svgFranchise {
margin-left: calc(510px - 70rem)
}
}
@media (max-width:991px) and (min-width:768px) {
div#franchiseModel {
-webkit-transform: scale(.75, .75);
-moz-transform: scale(.75, .75);
-ms-transform: scale(.75, .75);
-o-transform: scale(.75, .75);
transform: scale(.75, .75);
margin-bottom: -15vw
}
div#franchiseModel ul#svgFranchiseText {
left: calc(690px - 80rem)
}
div#franchiseModel svg#svgFranchise {
margin-left: calc(690px - 80rem)
}
}
@media (max-width:1199px) and (min-width:992px) {
div#franchiseModel {
-webkit-transform: scale(.8, .8);
-moz-transform: scale(.8, .8);
-ms-transform: scale(.8, .8);
-o-transform: scale(.8, .8);
transform: scale(.8, .8);
margin-bottom: -10vw
}
div#franchiseModel ul#svgFranchiseText {
left: 2rem
}
}
@media (min-width:1200px) {
div#franchiseModel {
display: block;
width: auto;
height: auto;
margin-bottom: -10vw
}
div#franchiseModel ul#svgFranchiseText {
-webkit-transform: scale(.75, .75);
-moz-transform: scale(.75, .75);
-ms-transform: scale(.75, .75);
-o-transform: scale(.75, .75);
transform: scale(.75, .75)
}
div#franchiseModel svg#svgFranchise {
-webkit-transform: scale(.75, .75);
-moz-transform: scale(.75, .75);
-ms-transform: scale(.75, .75);
-o-transform: scale(.75, .75);
transform: scale(.75, .75)
}
}
section#germMitigation {
display: block;
width: 100vw;
height: 40vw
}
section#germMitigation figure#spray {
display: block;
width: 27vw;
height: 32vw;
position: absolute;
margin: 8vw 0 0 4vw
}
section#germMitigation figure#spray img {
display: block;
width: auto;
height: 32vw
}
section#germMitigation>article,
section#germMitigation>div {
display: block;
position: absolute;
background-color: #00a8ff;
overflow: hidden;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transform-origin: 100% 100% 0;
-moz-transform-origin: 100% 100% 0;
-ms-transform-origin: 100% 100% 0;
-o-transform-origin: 100% 100% 0;
transform-origin: 100% 100% 0
}
section#germMitigation>article.loading,
section#germMitigation>article.shaking,
section#germMitigation>div.loading,
section#germMitigation>div.shaking {
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
-ms-opacity: 1 !important;
-o-opacity: 1 !important;
opacity: 1 !important
}
section#germMitigation>article>div,
section#germMitigation>div>div {
display: -moz-box;
display: -ms-box;
display: -webkit-box;
display: box;
-webkit-box-orient: vertical;
display: -webkit-flexbox;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
-moz-flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
section#germMitigation>article>div p,
section#germMitigation>div>div p {
font-family: open sans condensed, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: initial;
color: #fefefe;
text-align: center;
line-height: 2.5vw;
font-size: 1.5vw;
font-weight: 400;
text-transform: uppercase
}
section#germMitigation>article#bubble1,
section#germMitigation>div#bubble1 {
width: 18vw;
height: 18vw;
-webkit-border-radius: 9vw;
-moz-border-radius: 9vw;
-ms-border-radius: 9vw;
-o-border-radius: 9vw;
border-radius: 9vw;
margin: 2.8vw 0 0 50.5vw
}
section#germMitigation>article#bubble1>div,
section#germMitigation>div#bubble1>div {
width: 18vw;
height: 18vw
}
section#germMitigation>article#bubble1.loading,
section#germMitigation>div#bubble1.loading {
-webkit-animation: bubble1 1.9s ease-out 0s 1 normal forwards running;
-moz-animation: bubble1 1.9s ease-out 0s 1 normal forwards running;
-ms-animation: bubble1 1.9s ease-out 0s 1 normal forwards running;
-o-animation: bubble1 1.9s ease-out 0s 1 normal forwards running;
animation: bubble1 1.9s ease-out 0s 1 normal forwards running
}
section#germMitigation>article#bubble1.shaking,
section#germMitigation>div#bubble1.shaking {
-webkit-animation: floatingBubble 10s linear 1s infinite normal forwards running;
-moz-animation: floatingBubble 10s linear 1s infinite normal forwards running;
-ms-animation: floatingBubble 10s linear 1s infinite normal forwards running;
-o-animation: floatingBubble 10s linear 1s infinite normal forwards running;
animation: floatingBubble 10s linear 1s infinite normal forwards running
}
section#germMitigation>article#bubble2,
section#germMitigation>div#bubble2 {
width: 12.8vw;
height: 12.8vw;
-webkit-border-radius: 6.4vw;
-moz-border-radius: 6.4vw;
-ms-border-radius: 6.4vw;
-o-border-radius: 6.4vw;
border-radius: 6.4vw;
margin: 15.8vw 0 0 37.25vw
}
section#germMitigation>article#bubble2>div,
section#germMitigation>div#bubble2>div {
width: 12.8vw;
height: 12.8vw
}
section#germMitigation>article#bubble2.loading,
section#germMitigation>div#bubble2.loading {
-webkit-animation: bubble2 1.8s ease-out 0s 1 normal forwards running;
-moz-animation: bubble2 1.8s ease-out 0s 1 normal forwards running;
-ms-animation: bubble2 1.8s ease-out 0s 1 normal forwards running;
-o-animation: bubble2 1.8s ease-out 0s 1 normal forwards running;
animation: bubble2 1.8s ease-out 0s 1 normal forwards running
}
section#germMitigation>article#bubble2.shaking,
section#germMitigation>div#bubble2.shaking {
-webkit-animation: floatingBubble 11s linear 1.2s infinite normal forwards running;
-moz-animation: floatingBubble 11s linear 1.2s infinite normal forwards running;
-ms-animation: floatingBubble 11s linear 1.2s infinite normal forwards running;
-o-animation: floatingBubble 11s linear 1.2s infinite normal forwards running;
animation: floatingBubble 11s linear 1.2s infinite normal forwards running
}
section#germMitigation>article#bubble3,
section#germMitigation>div#bubble3 {
width: 23vw;
height: 23vw;
-webkit-border-radius: 11.5vw;
-moz-border-radius: 11.5vw;
-ms-border-radius: 11.5vw;
-o-border-radius: 11.5vw;
border-radius: 11.5vw;
margin: 14.5vw 0 0 69vw
}
section#germMitigation>article#bubble3>div,
section#germMitigation>div#bubble3>div {
width: 23vw;
height: 23vw
}
section#germMitigation>article#bubble3.loading,
section#germMitigation>div#bubble3.loading {
-webkit-animation: bubble3 1.8s ease-out 0s 1 normal forwards running;
-moz-animation: bubble3 1.8s ease-out 0s 1 normal forwards running;
-ms-animation: bubble3 1.8s ease-out 0s 1 normal forwards running;
-o-animation: bubble3 1.8s ease-out 0s 1 normal forwards running;
animation: bubble3 1.8s ease-out 0s 1 normal forwards running
}
section#germMitigation>article#bubble3.shaking,
section#germMitigation>div#bubble3.shaking {
-webkit-animation: floatingBubble 9s linear .5s infinite reverse forwards running;
-moz-animation: floatingBubble 9s linear .5s infinite reverse forwards running;
-ms-animation: floatingBubble 9s linear .5s infinite reverse forwards running;
-o-animation: floatingBubble 9s linear .5s infinite reverse forwards running;
animation: floatingBubble 9s linear .5s infinite reverse forwards running
}
section#germMitigation>article#bubble4,
section#germMitigation>div#bubble4 {
width: 6.2vw;
height: 6.2vw;
-webkit-border-radius: 3.1vw;
-moz-border-radius: 3.1vw;
-ms-border-radius: 3.1vw;
-o-border-radius: 3.1vw;
border-radius: 3.1vw;
margin: 5.8vw 0 0 37.5vw
}
section#germMitigation>article#bubble4.loading,
section#germMitigation>div#bubble4.loading {
-webkit-animation: bubble4 1.3s ease-out 0s 1 normal forwards running;
-moz-animation: bubble4 1.3s ease-out 0s 1 normal forwards running;
-ms-animation: bubble4 1.3s ease-out 0s 1 normal forwards running;
-o-animation: bubble4 1.3s ease-out 0s 1 normal forwards running;
animation: bubble4 1.3s ease-out 0s 1 normal forwards running
}
section#germMitigation>article#bubble4.shaking,
section#germMitigation>div#bubble4.shaking {
-webkit-animation: floatingBubble 16s linear .25s infinite reverse forwards running;
-moz-animation: floatingBubble 16s linear .25s infinite reverse forwards running;
-ms-animation: floatingBubble 16s linear .25s infinite reverse forwards running;
-o-animation: floatingBubble 16s linear .25s infinite reverse forwards running;
animation: floatingBubble 16s linear .25s infinite reverse forwards running
}
section#germMitigation>article#bubble5,
section#germMitigation>div#bubble5 {
width: 8.7vw;
height: 8.7vw;
-webkit-border-radius: 4.35vw;
-moz-border-radius: 4.35vw;
-ms-border-radius: 4.35vw;
-o-border-radius: 4.35vw;
border-radius: 4.35vw;
margin: 3.2vw 0 0 73vw
}
section#germMitigation>article#bubble5.loading,
section#germMitigation>div#bubble5.loading {
-webkit-animation: bubble5 1.4s ease-out 0s 1 normal forwards running;
-moz-animation: bubble5 1.4s ease-out 0s 1 normal forwards running;
-ms-animation: bubble5 1.4s ease-out 0s 1 normal forwards running;
-o-animation: bubble5 1.4s ease-out 0s 1 normal forwards running;
animation: bubble5 1.4s ease-out 0s 1 normal forwards running
}
section#germMitigation>article#bubble5.shaking,
section#germMitigation>div#bubble5.shaking {
-webkit-animation: floatingBubble 14s linear .7s infinite reverse forwards running;
-moz-animation: floatingBubble 14s linear .7s infinite reverse forwards running;
-ms-animation: floatingBubble 14s linear .7s infinite reverse forwards running;
-o-animation: floatingBubble 14s linear .7s infinite reverse forwards running;
animation: floatingBubble 14s linear .7s infinite reverse forwards running
}
section#germMitigation>article#bubble6,
section#germMitigation>div#bubble6 {
width: 12.8vw;
height: 12.8vw;
-webkit-border-radius: 6.4vw;
-moz-border-radius: 6.4vw;
-ms-border-radius: 6.4vw;
-o-border-radius: 6.4vw;
border-radius: 6.4vw;
margin: 24.8vw 0 0 50.5vw
}
section#germMitigation>article#bubble6>div,
section#germMitigation>div#bubble6>div {
width: 12.8vw;
height: 12.8vw
}
section#germMitigation>article#bubble6.loading,
section#germMitigation>div#bubble6.loading {
-webkit-animation: bubble6 1.5s ease-out 0s 1 normal forwards running;
-moz-animation: bubble6 1.5s ease-out 0s 1 normal forwards running;
-ms-animation: bubble6 1.5s ease-out 0s 1 normal forwards running;
-o-animation: bubble6 1.5s ease-out 0s 1 normal forwards running;
animation: bubble6 1.5s ease-out 0s 1 normal forwards running
}
section#germMitigation>article#bubble6.shaking,
section#germMitigation>div#bubble6.shaking {
-webkit-animation: floatingBubble 15s linear 0s infinite normal forwards running;
-moz-animation: floatingBubble 15s linear 0s infinite normal forwards running;
-ms-animation: floatingBubble 15s linear 0s infinite normal forwards running;
-o-animation: floatingBubble 15s linear 0s infinite normal forwards running;
animation: floatingBubble 15s linear 0s infinite normal forwards running
}
section#germMitigation>article#bubble7,
section#germMitigation>div#bubble7 {
width: 4.2vw;
height: 4.2vw;
-webkit-border-radius: 2.1vw;
-moz-border-radius: 2.1vw;
-ms-border-radius: 2.1vw;
-o-border-radius: 2.1vw;
border-radius: 2.1vw;
margin: 10vw 0 0 28vw
}
section#germMitigation>article#bubble7.loading,
section#germMitigation>div#bubble7.loading {
-webkit-animation: bubble7 1s ease-out 0s 1 normal forwards running;
-moz-animation: bubble7 1s ease-out 0s 1 normal forwards running;
-ms-animation: bubble7 1s ease-out 0s 1 normal forwards running;
-o-animation: bubble7 1s ease-out 0s 1 normal forwards running;
animation: bubble7 1s ease-out 0s 1 normal forwards running
}
section#germMitigation>article#bubble7.shaking,
section#germMitigation>div#bubble7.shaking {
-webkit-animation: floatingBubble 10s linear 0s infinite reverse forwards running;
-moz-animation: floatingBubble 10s linear 0s infinite reverse forwards running;
-ms-animation: floatingBubble 10s linear 0s infinite reverse forwards running;
-o-animation: floatingBubble 10s linear 0s infinite reverse forwards running;
animation: floatingBubble 10s linear 0s infinite reverse forwards running
}
section#germMitigation.animated>article>div p,
section#germMitigation.animated>div>div p {
-webkit-animation: fadeInSlow 3s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 3s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 3s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 3s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 3s ease-in-out 0s 1 normal forwards running
}
section.extra figure.center {
display: block;
clear: both
}
section.extra figure.center img {
display: block;
width: auto;
height: auto;
max-width: 70vw;
max-height: 10vw;
margin: 0 auto
}
section.extra figure.big {
display: inline-block;
float: right;
padding: 0 0 2.5vw 2.5vw
}
section.extra figure.big img {
display: block;
width: 15vw;
height: auto
}
section.extra figure.rounded {
display: inline-block;
float: right;
padding: 0 0 3rem 3rem
}
section.extra figure.rounded img {
display: block;
width: 10vw;
height: 10vw;
-webkit-border-radius: 5vw;
-moz-border-radius: 5vw;
-ms-border-radius: 5vw;
-o-border-radius: 5vw;
border-radius: 5vw
}
section.awardsAll {
display: block;
width: 100vw;
height: 30.5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
padding-top: 5.5vw;
background: url(//abansiss.com/wp-content/themes/Abans/imgs/awards-page-bg.jpg) 50%/100vw auto no-repeat;
font-size: 0;
-webkit-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
animation: fadeIn 1s ease-in-out 0s 1 normal forwards running
}
section.awardsAll figure {
display: inline-block;
width: 112.56vw;
height: 20.4vw;
position: absolute;
vertical-align: top;
margin-left: -16.28vw
}
section.awardsAll figure img {
display: block;
width: 112.56vw;
height: 20.4vw;
-webkit-animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running
}
section.awardsAll figure:nth-of-type(1) {
-webkit-animation: award1 30s linear 0s infinite normal forwards running;
-moz-animation: award1 30s linear 0s infinite normal forwards running;
-ms-animation: award1 30s linear 0s infinite normal forwards running;
-o-animation: award1 30s linear 0s infinite normal forwards running;
animation: award1 30s linear 0s infinite normal forwards running
}
section.awardsAll figure:nth-of-type(2) {
-webkit-animation: award2 30s linear 0s infinite normal forwards running;
-moz-animation: award2 30s linear 0s infinite normal forwards running;
-ms-animation: award2 30s linear 0s infinite normal forwards running;
-o-animation: award2 30s linear 0s infinite normal forwards running;
animation: award2 30s linear 0s infinite normal forwards running
}
section.awardsAll figure:nth-of-type(3) {
-webkit-animation: award3 30s linear 0s infinite normal forwards running;
-moz-animation: award3 30s linear 0s infinite normal forwards running;
-ms-animation: award3 30s linear 0s infinite normal forwards running;
-o-animation: award3 30s linear 0s infinite normal forwards running;
animation: award3 30s linear 0s infinite normal forwards running
}
section.numberList {
-webkit-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
animation: fadeIn .5s ease-in-out 0s 1 normal forwards running
}
section.numberList article {
background: url(//abansiss.com/wp-content/themes/Abans/imgs/shadow.png) 50% 0/100% no-repeat;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0
}
html.ios9 section.numberList article {
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
-ms-opacity: 1 !important;
-o-opacity: 1 !important;
opacity: 1 !important
}
section.numberList article div.numberBlock {
display: block;
width: 18rem;
height: 20rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
color: #fefefe;
text-align: center;
background: url(//abansiss.com/wp-content/themes/Abans/imgs/list12orange.png) 50% 0/18rem 22rem no-repeat;
font-size: 3.5rem;
font-weight: 700;
line-height: 20rem
}
html.ios9 section.numberList article div.numberBlock {
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
-ms-opacity: 1 !important;
-o-opacity: 1 !important;
opacity: 1 !important
}
@media (max-width:767px) {
section.numberList article div.numberBlock {
display: block;
width: 18rem;
height: 8rem;
background-size: 18rem 8rem;
line-height: 8rem;
margin-bottom: 2rem
}
}
section.numberList article div.content {
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
color: #000;
text-align: left
}
html.ios9 section.numberList article div.content {
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
-ms-opacity: 1 !important;
-o-opacity: 1 !important;
opacity: 1 !important
}
@media (max-width:767px) {
section.numberList article div.content {
text-align: center
}
}
section.numberList article:nth-of-type(1) {
background: 0 0
}
section.numberList article:nth-of-type(1) div.numberBlock {
z-index: 6
}
section.numberList article:nth-of-type(2) div.numberBlock {
z-index: 5
}
section.numberList article:nth-of-type(3) div.numberBlock {
z-index: 4
}
section.numberList article:nth-of-type(4) div.numberBlock {
z-index: 3
}
section.numberList article:nth-of-type(5) div.numberBlock {
z-index: 2
}
section.numberList article:nth-of-type(6) div.numberBlock {
z-index: 1
}
section.numberList article:nth-of-type(even) div.numberBlock {
background-image: url(//abansiss.com/wp-content/themes/Abans/imgs/list12blue.png)
}
section.numberList article.animated {
-webkit-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
animation: fadeIn .5s ease-in-out 0s 1 normal forwards running
}
section.numberList article.animated div.numberBlock {
-webkit-animation: fadeInFromLeft .5s ease-in-out .5s 1 normal forwards running;
-moz-animation: fadeInFromLeft .5s ease-in-out .5s 1 normal forwards running;
-ms-animation: fadeInFromLeft .5s ease-in-out .5s 1 normal forwards running;
-o-animation: fadeInFromLeft .5s ease-in-out .5s 1 normal forwards running;
animation: fadeInFromLeft .5s ease-in-out .5s 1 normal forwards running
}
section.numberList article.animated div.content {
-webkit-animation: fadeInFromRight .5s ease-in-out .5s 1 normal forwards running;
-moz-animation: fadeInFromRight .5s ease-in-out .5s 1 normal forwards running;
-ms-animation: fadeInFromRight .5s ease-in-out .5s 1 normal forwards running;
-o-animation: fadeInFromRight .5s ease-in-out .5s 1 normal forwards running;
animation: fadeInFromRight .5s ease-in-out .5s 1 normal forwards running
}
.hamburger {
display: block;
width: auto;
height: auto;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
padding-top: 3.25rem;
z-index: 2100
}
header.small .hamburger {
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
padding-top: 1.25rem
}
.hamburger .menu {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
display: block;
width: 7.5rem;
height: 7.5rem;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
border: .5rem solid #0000;
cursor: pointer;
margin: auto;
overflow: hidden;
padding-top: 1rem;
position: relative
}
.hamburger .menu .bar {
height: .5rem;
width: 4rem;
display: block;
margin: .5rem auto;
position: relative;
background-color: #fff;
-webkit-transition: all .4s ease 0s;
-moz-transition: all .4s ease 0s;
-ms-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
transition: all .4s ease 0s
}
.hamburger .menu:after {
content: '';
width: 90%;
height: 90%;
left: 0;
top: 0;
position: absolute;
border: .5rem solid #0000;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%
}
.hamburger .menu.active:after {
-webkit-animation: createCircle 1s ease 0s 1 normal forwards running;
-moz-animation: createCircle 1s ease 0s 1 normal forwards running;
-ms-animation: createCircle 1s ease 0s 1 normal forwards running;
-o-animation: createCircle 1s ease 0s 1 normal forwards running;
animation: createCircle 1s ease 0s 1 normal forwards running
}
.hamburger .menu.active .bar:nth-of-type(1) {
margin-left: 1rem;
margin-top: .65rem;
-webkit-transform: translateY(1rem) rotate(45deg);
-moz-transform: translateY(1rem) rotate(45deg);
-ms-transform: translateY(1rem) rotate(45deg);
-o-transform: translateY(1rem) rotate(45deg);
transform: translateY(1rem) rotate(45deg)
}
.hamburger .menu.active .bar:nth-of-type(2) {
-webkit-transform: translateX(8rem);
-moz-transform: translateX(8rem);
-ms-transform: translateX(8rem);
-o-transform: translateX(8rem);
transform: translateX(8rem);
-webkit-transition: all .4s ease 0s;
-moz-transition: all .4s ease 0s;
-ms-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
transition: all .4s ease 0s
}
.hamburger .menu.active .bar:nth-of-type(3) {
margin-left: 1rem;
-webkit-transform: translateY(-1rem) rotate(-45deg);
-moz-transform: translateY(-1rem) rotate(-45deg);
-ms-transform: translateY(-1rem) rotate(-45deg);
-o-transform: translateY(-1rem) rotate(-45deg);
transform: translateY(-1rem) rotate(-45deg)
}
nav.mini {
display: block;
zoom: 1;
display: none;
width: 100%;
height: auto;
position: absolute;
left: 0;
top: 9rem;
-webkit-animation: fadeInFromTop 1.5s easeIn 0s 1 normal forwards running;
-moz-animation: fadeInFromTop 1.5s easeIn 0s 1 normal forwards running;
-ms-animation: fadeInFromTop 1.5s easeIn 0s 1 normal forwards running;
-o-animation: fadeInFromTop 1.5s easeIn 0s 1 normal forwards running;
animation: fadeInFromTop 1.5s easeIn 0s 1 normal forwards running;
-webkit-transition: all 1.5s ease 0s;
-moz-transition: all 1.5s ease 0s;
-ms-transition: all 1.5s ease 0s;
-o-transition: all 1.5s ease 0s;
transition: all 1.5s ease 0s;
background-color: #013c6a;
overflow-x: hidden;
overflow-y: scroll;
padding: 0 0 2rem;
z-index: 2000
}
nav.mini:after {
content: " ";
display: block;
font-size: 0;
height: 0;
clear: both;
visibility: hidden
}
nav.mini.small {
top: 9rem
}
nav.mini>ul {
display: block;
width: auto;
height: auto;
list-style-type: none;
margin: 0;
padding: 0
}
nav.mini>ul>li {
display: block
}
nav.mini>ul>li:nth-of-type(1)>a {
-webkit-animation: flipInY1900 2s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY1900 2s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY1900 2s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY1900 2s ease-in-out 0s 1 normal forwards running;
animation: flipInY1900 2s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li:nth-of-type(2)>a {
-webkit-animation: flipInY1900 2.2s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY1900 2.2s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY1900 2.2s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY1900 2.2s ease-in-out 0s 1 normal forwards running;
animation: flipInY1900 2.2s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li:nth-of-type(3)>a {
-webkit-animation: flipInY1900 2.4s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY1900 2.4s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY1900 2.4s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY1900 2.4s ease-in-out 0s 1 normal forwards running;
animation: flipInY1900 2.4s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li:nth-of-type(4)>a {
-webkit-animation: flipInY1900 2.6s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY1900 2.6s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY1900 2.6s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY1900 2.6s ease-in-out 0s 1 normal forwards running;
animation: flipInY1900 2.6s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li:nth-of-type(5)>a {
-webkit-animation: flipInY1900 2.8s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY1900 2.8s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY1900 2.8s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY1900 2.8s ease-in-out 0s 1 normal forwards running;
animation: flipInY1900 2.8s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li:nth-of-type(6)>a {
-webkit-animation: flipInY1900 3s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY1900 3s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY1900 3s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY1900 3s ease-in-out 0s 1 normal forwards running;
animation: flipInY1900 3s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li:nth-of-type(7)>a {
-webkit-animation: flipInY1900 3.2s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY1900 3.2s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY1900 3.2s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY1900 3.2s ease-in-out 0s 1 normal forwards running;
animation: flipInY1900 3.2s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li>a {
display: block;
width: auto;
height: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fefefe;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
border-bottom: .5rem solid #0000;
font-family: open sans condensed, sans-serif;
font-size: 2.8rem;
font-weight: 400;
line-height: 2;
padding: 0 1rem;
text-align: center;
text-decoration: none !important;
text-transform: uppercase;
white-space: nowrap;
word-break: keep-all
}
nav.mini>ul>li>a:hover {
background-color: #ffffff1a;
border-bottom: .5rem solid #ffd40e;
color: #fefefe;
cursor: pointer
}
nav.mini>ul>li div.left {
display: none;
width: auto;
height: auto;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
background-color: #555;
padding: 2rem
}
nav.mini>ul>li div.left>a {
display: block;
width: auto;
height: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fefefe;
text-align: center;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
border-bottom: 0 solid #0000;
font-family: open sans condensed, sans-serif;
font-size: 2.4rem;
font-weight: 400;
line-height: 4rem;
padding-left: 0;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
word-break: keep-all
}
nav.mini>ul>li div.left>a:hover {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
cursor: pointer
}
nav.mini>ul>li>ul {
display: none;
width: auto;
height: auto;
background-color: #ffcb01;
border-top: 1px solid #0000;
list-style-type: none;
margin: 0;
padding: 2rem 0;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s
}
nav.mini>ul>li>ul>li {
display: block;
width: auto;
height: auto;
overflow: hidden;
margin: .5rem 0
}
nav.mini>ul>li>ul>li>a {
display: block;
width: auto;
height: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fefefe;
text-align: center;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
border-bottom: 0 solid #0000;
font-family: open sans condensed, sans-serif;
font-size: 2.4rem;
font-weight: 400;
line-height: 4rem;
padding-left: 0;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
word-break: keep-all
}
nav.mini>ul>li>ul>li>a.mobileOnly {
display: block
}
nav.mini>ul>li>ul>li>a img {
display: inline-block;
width: 2.4rem;
height: 2.4rem;
margin-right: 1.5rem;
vertical-align: middle
}
nav.mini>ul>li>ul>li>a.active {
background-color: #ffffff13;
border-bottom: .25rem solid #ffd40e;
color: #fefefe;
text-decoration: none
}
nav.mini>ul>li>ul>li>a:hover {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s;
background-color: #ffffff13;
border-bottom: .25rem solid #ffd40e;
color: #fefefe;
cursor: pointer;
text-decoration: none
}
@media (max-width:991px) {
nav.mini>ul>li.cleaning>ul {
display: none !important
}
}
nav.mini>ul>li.cleaning>ul>li:nth-of-type(1) {
-webkit-animation: fadeInSlow .9s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow .9s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow .9s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow .9s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow .9s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.cleaning>ul>li:nth-of-type(2) {
-webkit-animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.cleaning>ul>li:nth-of-type(3) {
-webkit-animation: fadeInSlow 1.1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.1s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.1s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.cleaning>ul>li:nth-of-type(4) {
-webkit-animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.cleaning>ul>li:nth-of-type(5) {
-webkit-animation: fadeInSlow 1.3s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.3s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.3s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.3s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.3s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.cleaning>ul>li:nth-of-type(6) {
-webkit-animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.cleaning>ul>li:nth-of-type(7) {
-webkit-animation: fadeInSlow 1.5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.5s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.5s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.cleaning>ul>li:nth-of-type(8) {
-webkit-animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.cleaning>ul>li:nth-of-type(9) {
-webkit-animation: fadeInSlow 1.7s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.7s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.7s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.7s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.7s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.cleaning>ul>li:nth-of-type(10) {
-webkit-animation: fadeInSlow 1.8s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.8s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.8s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.8s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.8s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.cleaning>ul>li:nth-of-type(11) {
-webkit-animation: fadeInSlow 1.9s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.9s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.9s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.9s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.9s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.cleaning>ul>li:nth-of-type(12) {
-webkit-animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.cleaning.active>a,
nav.mini>ul>li.cleaning:hover>a {
border-bottom: .25rem solid #ffd40e;
background-color: #ffffff1a
}
nav.mini>ul>li.cleaning.active div.left,
nav.mini>ul>li.cleaning:hover div.left {
-webkit-animation: fadeInFromTop .5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromTop .5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromTop .5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromTop .5s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromTop .5s ease-in-out 0s 1 normal forwards running;
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s;
border-top: 1px solid #ffff3b99;
cursor: default;
display: block
}
@media (max-width:991px) {
nav.mini>ul>li.cleaning.active div.left,
nav.mini>ul>li.cleaning:hover div.left {
background-color: #ffcb01;
text-align: center
}
}
nav.mini>ul>li.cleaning.active div.left>a,
nav.mini>ul>li.cleaning:hover div.left>a {
-webkit-animation: fadeInSlow .8s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow .8s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow .8s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow .8s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow .8s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.cleaning.active>ul,
nav.mini>ul>li.cleaning:hover>ul {
-webkit-animation: fadeInFromTop .5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromTop .5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromTop .5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromTop .5s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromTop .5s ease-in-out 0s 1 normal forwards running;
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s;
border-top: 1px solid #ffff3b99;
cursor: default;
display: block
}
nav.mini>ul>li.cleaning.active.hiding div.left,
nav.mini>ul>li.cleaning:hover.hiding div.left {
-webkit-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
animation: fadeOut .5s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.cleaning.active.hiding>ul,
nav.mini>ul>li.cleaning:hover.hiding>ul {
-webkit-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
animation: fadeOut .5s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.about>ul>li:nth-of-type(1),
nav.mini>ul>li.contact>ul>li:nth-of-type(1) {
-webkit-animation: fadeInSlow .9s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow .9s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow .9s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow .9s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow .9s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.about>ul>li:nth-of-type(2),
nav.mini>ul>li.contact>ul>li:nth-of-type(2) {
-webkit-animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.about>ul>li:nth-of-type(3),
nav.mini>ul>li.contact>ul>li:nth-of-type(3) {
-webkit-animation: fadeInSlow 1.1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.1s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.1s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.about>ul>li:nth-of-type(4),
nav.mini>ul>li.contact>ul>li:nth-of-type(4) {
-webkit-animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.2s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.about>ul>li:nth-of-type(5),
nav.mini>ul>li.contact>ul>li:nth-of-type(5) {
-webkit-animation: fadeInSlow 1.3s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.3s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.3s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.3s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.3s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.about>ul>li:nth-of-type(6),
nav.mini>ul>li.contact>ul>li:nth-of-type(6) {
-webkit-animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.4s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.about>ul>li:nth-of-type(7),
nav.mini>ul>li.contact>ul>li:nth-of-type(7) {
-webkit-animation: fadeInSlow 1.5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.5s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.5s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.about>ul>li:nth-of-type(8),
nav.mini>ul>li.contact>ul>li:nth-of-type(8) {
-webkit-animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.6s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.about>ul>li:nth-of-type(9),
nav.mini>ul>li.contact>ul>li:nth-of-type(9) {
-webkit-animation: fadeInSlow 1.7s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.7s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.7s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.7s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.7s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.about>ul>li:nth-of-type(10),
nav.mini>ul>li.contact>ul>li:nth-of-type(10) {
-webkit-animation: fadeInSlow 1.8s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.8s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.8s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.8s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.8s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.about>ul>li:nth-of-type(11),
nav.mini>ul>li.contact>ul>li:nth-of-type(11) {
-webkit-animation: fadeInSlow 1.9s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 1.9s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 1.9s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 1.9s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 1.9s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.about>ul>li:nth-of-type(12),
nav.mini>ul>li.contact>ul>li:nth-of-type(12) {
-webkit-animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running
}
nav.mini>ul>li.about.active>a,
nav.mini>ul>li.about:hover>a,
nav.mini>ul>li.contact.active>a,
nav.mini>ul>li.contact:hover>a {
border-bottom: .25rem solid #ffd40e;
background-color: #ffffff1a
}
nav.mini>ul>li.about.active>ul,
nav.mini>ul>li.about:hover>ul,
nav.mini>ul>li.contact.active>ul,
nav.mini>ul>li.contact:hover>ul {
-webkit-animation: fadeInFromTop .5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromTop .5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromTop .5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromTop .5s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromTop .5s ease-in-out 0s 1 normal forwards running;
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
transition: all .25s ease 0s;
border-top: .25rem solid #ffff3b99;
cursor: default;
display: block
}
nav.mini>ul>li.about.active.hiding>ul,
nav.mini>ul>li.about:hover.hiding>ul,
nav.mini>ul>li.contact.active.hiding>ul,
nav.mini>ul>li.contact:hover.hiding>ul {
-webkit-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
animation: fadeOut .5s ease-in-out 0s 1 normal forwards running
}
@media (min-width:0px) {
.text-xs-center {
text-align: center !important
}
}
@media (min-width:0px) {
.text-xs-left {
text-align: left !important
}
}
@media (min-width:0px) {
.text-xs-right {
text-align: right !important
}
}
@media (min-width:576px) {
.text-sm-center {
text-align: center !important
}
}
@media (min-width:576px) {
.text-sm-left {
text-align: left !important
}
}
@media (min-width:576px) {
.text-sm-right {
text-align: right !important
}
}
@media (min-width:768px) {
.text-md-center {
text-align: center !important
}
}
@media (min-width:768px) {
.text-md-left {
text-align: left !important
}
}
@media (min-width:768px) {
.text-md-right {
text-align: right !important
}
}
@media (min-width:992px) {
.text-lg-center {
text-align: center !important
}
}
@media (min-width:992px) {
.text-lg-left {
text-align: left !important
}
}
@media (min-width:992px) {
.text-lg-right {
text-align: right !important
}
}
@media (min-width:1200px) {
.text-xl-center {
text-align: center !important
}
}
@media (min-width:1200px) {
.text-xl-left {
text-align: left !important
}
}
@media (min-width:1200px) {
.text-xl-right {
text-align: right !important
}
}
html.ios9 section.homeFour article:before {
display: none !important
}
html.home section.homeSlider {
-webkit-transition: all 2s ease 0s;
-moz-transition: all 2s ease 0s;
-ms-transition: all 2s ease 0s;
-o-transition: all 2s ease 0s;
transition: all 2s ease 0s
}
html.home section.homeSlider article {
display: block;
width: 100vw;
height: 26vw;
overflow: hidden;
background-color: #ffcb01;
background-image: linear-gradient(-45deg, #de9016 25%, transparent 25%, transparent 50%, #de9016 50%, #de9016 75%, transparent 75%, transparent);
background-size: 4px 4px
}
html.home section.homeSlider article>button {
display: block;
width: 5vw;
height: 26vw;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
background-color: #0000;
background-position: 50%;
background-repeat: no-repeat;
background-size: 2vw;
border-style: none !important;
color: #0000;
position: absolute;
z-index: 500
}
html.home section.homeSlider article>button.prev {
-webkit-animation: fadeInFromLeft .5s ease-in-out .5s 1 normal forwards running;
-moz-animation: fadeInFromLeft .5s ease-in-out .5s 1 normal forwards running;
-ms-animation: fadeInFromLeft .5s ease-in-out .5s 1 normal forwards running;
-o-animation: fadeInFromLeft .5s ease-in-out .5s 1 normal forwards running;
animation: fadeInFromLeft .5s ease-in-out .5s 1 normal forwards running;
background-image: url(//abansiss.com/wp-content/themes/Abans/imgs/arr-prev-slim.svg);
left: 1vw
}
html.home section.homeSlider article>button.next {
-webkit-animation: fadeInFromRight .5s ease-in-out .5s 1 normal forwards running;
-moz-animation: fadeInFromRight .5s ease-in-out .5s 1 normal forwards running;
-ms-animation: fadeInFromRight .5s ease-in-out .5s 1 normal forwards running;
-o-animation: fadeInFromRight .5s ease-in-out .5s 1 normal forwards running;
animation: fadeInFromRight .5s ease-in-out .5s 1 normal forwards running;
background-image: url(//abansiss.com/wp-content/themes/Abans/imgs/arr-next-slim.svg);
right: 1vw
}
html.home section.homeSlider article>button:hover {
cursor: pointer
}
html.home section.homeSlider article>div {
display: block;
width: 100vw;
height: 26vw;
position: absolute;
visibility: hidden;
z-index: 250
}
figure#footerLogo img {
margin-top: 10px
}
html.home section.homeSlider article>div h2 {
display: none;
position: absolute;
margin-top: calc(9vw - 6rem);
left: calc(50% - 20rem);
z-index: 260;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
html.home section.homeSlider article>div h2 strong {
display: block;
width: 40rem;
height: 12rem;
position: absolute;
z-index: 250;
font-family: open sans condensed, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fefefe;
text-align: center;
line-height: 11.5rem;
font-size: 4.5rem;
letter-spacing: .025vw;
word-spacing: .025vw;
font-weight: 700;
text-transform: uppercase;
font-style: italic;
white-space: normal;
word-break: keep-all;
background-color: #ffcb01;
background: url(//abansiss.com/wp-content/themes/Abans/imgs/home-industry-title.svg) 50%/100% 100% no-repeat
}
html.home section.homeSlider article>div p {
display: none;
width: 100vw;
height: 26vw;
position: absolute;
-webkit-transform-origin: 50% 100% 0;
-moz-transform-origin: 50% 100% 0;
-ms-transform-origin: 50% 100% 0;
-o-transform-origin: 50% 100% 0;
transform-origin: 50% 100% 0;
margin: 0;
z-index: 250
}
html.home section.homeSlider article>div p strong {
display: block;
width: 100vw;
height: 26vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding-top: calc(15.5vw - 4.5rem);
font-family: open sans condensed, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
text-align: center;
line-height: 9.5rem;
font-size: 9.5rem;
letter-spacing: .05vw;
font-style: italic;
font-weight: 700;
text-transform: uppercase;
white-space: normal;
word-break: keep-all;
text-shadow: .1vw .1vw #00000040;
-webkit-transform-origin: 50% 100% 0;
-moz-transform-origin: 50% 100% 0;
-ms-transform-origin: 50% 100% 0;
-o-transform-origin: 50% 100% 0;
transform-origin: 50% 100% 0;
background: url(//abansiss.com/wp-content/themes/Abans/imgs/topbgtxt.png) 50% 10vw 13.5rem no-repeat
}
@media (max-width:320px) {
.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha {
margin-left: -40px
}
}
@media (max-width:991px) {
html.home section.homeSlider article>div h2 {
margin-top: calc(10.5vw - 8.75rem)
}
html.home section.homeSlider article>div h2 strong {
font-size: 3.5rem;
width: 40rem;
margin-top: 50px
}
html.home section.homeSlider article {
height: 30vw
}
html.home section.homeSlider article video {
top: 0
}
html.home section.homeSlider article.clean-img img {
top: 0
}
html.home section.homeSlider article>div p strong {
font-size: 6.5rem;
padding-top: calc(20.5vw - 2.5rem)
}
}
html.home section.homeSlider article>div.active {
-webkit-animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
visibility: visible
}
html.home section.homeSlider article>div.active h2 {
display: block;
-webkit-animation: fadeInFromLeftTopH2 2s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromLeftTopH2 2s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromLeftTopH2 2s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromLeftTopH2 2s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromLeftTopH2 2s ease-in-out 0s 1 normal forwards running
}
html.home section.homeSlider article>div.active h2:before {
visibility: visible
}
html.home section.homeSlider article>div.active p {
display: block;
-webkit-animation: fadeInFromRightTopP 2s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromRightTopP 2s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromRightTopP 2s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromRightTopP 2s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromRightTopP 2s ease-in-out 0s 1 normal forwards running
}
html.home section.homeSlider article>div.hiding {
-webkit-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
animation: fadeOut .5s ease-in-out 0s 1 normal forwards running;
visibility: visible
}
html.home section.homeSlider article>div.hiding h2 {
display: block;
-webkit-animation: fadeOutToLeftTopH2 .5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeOutToLeftTopH2 .5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeOutToLeftTopH2 .5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeOutToLeftTopH2 .5s ease-in-out 0s 1 normal forwards running;
animation: fadeOutToLeftTopH2 .5s ease-in-out 0s 1 normal forwards running
}
html.home section.homeSlider article>div.hiding h2:before {
visibility: visible
}
html.home section.homeSlider article>div.hiding p {
display: block;
-webkit-animation: fadeOutToRightTopP .5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeOutToRightTopP .5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeOutToRightTopP .5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeOutToRightTopP .5s ease-in-out 0s 1 normal forwards running;
animation: fadeOutToRightTopP .5s ease-in-out 0s 1 normal forwards running
}
html.home section.homeSlider article video {
-webkit-animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
animation: fadeInSlow 2s ease-in-out 0s 1 normal forwards running;
display: block;
width: 100%;
top: -20%;
position: absolute
}
@media (max-width:767px) {
html.home section.homeSlider {
display: none
}
}
html.home section.homeFour {
background: #fff url(//abansiss.com/wp-content/themes/Abans/imgs/home-four-bg.jpg) 50% 0/100vw auto no-repeat;
display: block;
width: 100vw;
height: 51vw;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
z-index: 0
}
html.home section.homeFour article {
display: block;
width: 31.1vw;
height: 18.4vw;
position: absolute;
background-color: #fff;
-webkit-box-shadow: 0 0 3vw 0 #0003;
-moz-box-shadow: 0 0 3vw 0 #0003;
-ms-box-shadow: 0 0 3vw 0 #0003;
-o-box-shadow: 0 0 3vw 0 #0003;
box-shadow: 0 0 3vw 0 #0003
}
html.home section.homeFour article:before {
content: "";
display: none;
height: 3px;
width: 31.1vw;
position: absolute;
background-color: #ffcb01;
z-index: 1;
-webkit-transform-origin: 0 0 0;
-moz-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
transform-origin: 0 0 0
}
html.home section.homeFour article h2 {
display: block;
width: 31.1vw;
position: absolute;
margin-top: 1.5vw;
font-family: open sans condensed, sans-serif;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #781d7e;
text-align: center;
line-height: 3vw;
font-size: 2.5vw;
letter-spacing: .025vw;
word-spacing: .25vw;
text-indent: .5vw;
font-weight: 700;
font-style: italic;
text-transform: uppercase;
white-space: normal;
word-break: keep-all;
text-shadow: .1vw .1vw #ffffff40
}
html.home section.homeFour article p {
display: block;
width: 31.1vw;
height: 10.5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 0 3vw;
position: absolute;
margin-top: 5.7vw;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #000;
text-align: center;
line-height: 1.9vw;
font-size: 1.2vw;
letter-spacing: .01vw;
word-spacing: .18vw;
font-weight: 300
}
html.home section.homeFour article a {
display: block;
width: 12vw;
height: 3.5vw;
position: absolute;
margin-top: 16.35vw;
-webkit-transform-origin: 50% 100% 0;
-moz-transform-origin: 50% 100% 0;
-ms-transform-origin: 50% 100% 0;
-o-transform-origin: 50% 100% 0;
transform-origin: 50% 100% 0;
-webkit-transform: translateZ(4px);
-moz-transform: translateZ(4px);
-ms-transform: translateZ(4px);
-o-transform: translateZ(4px);
transform: translateZ(4px);
z-index: 4;
text-decoration: none;
white-space: nowrap;
font-size: 0
}
html.home section.homeFour article a strong {
display: inline-block;
width: 10vw;
height: 3.5vw;
vertical-align: top;
font-family: open sans condensed, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fefefe;
text-align: center;
line-height: 3.5vw;
font-size: 1.55vw;
letter-spacing: .025vw;
word-spacing: .025vw;
font-weight: 700;
text-transform: uppercase;
font-style: italic;
white-space: normal;
word-break: keep-all;
background-color: #781d7e;
-webkit-transform-origin: 50% 100% 0;
-moz-transform-origin: 50% 100% 0;
-ms-transform-origin: 50% 100% 0;
-o-transform-origin: 50% 100% 0;
transform-origin: 50% 100% 0
}
html.home section.homeFour article a:before {
content: "";
display: inline-block;
width: 0;
height: 0;
vertical-align: bottom;
margin-left: calc(-1.55vw + 1px);
border-style: solid;
border-width: 0 0 3.5vw 1.6vw;
border-color: #0000 #0000 #781d7e #0000
}
html.home section.homeFour article a:after {
content: "";
display: inline-block;
width: 0;
height: 0;
vertical-align: top;
border-style: solid;
border-width: 3.5vw 1.6vw 0 0;
border-color: #781d7e #0000 #0000 #0000
}
html.home section.homeFour article:nth-of-type(1) {
margin-top: -1.5vw;
left: 14.2vw
}
html.home section.homeFour article:nth-of-type(1) a {
margin-left: 3vw
}
html.home section.homeFour article:nth-of-type(2) {
margin-top: -1.5vw;
left: 54.85vw
}
html.home section.homeFour article:nth-of-type(2) a {
margin-left: 17vw
}
html.home section.homeFour article:nth-of-type(3) {
margin-top: 22.3vw;
left: 14.2vw
}
html.home section.homeFour article:nth-of-type(3) a {
margin-left: 3vw
}
html.home section.homeFour article:nth-of-type(4) {
margin-top: 22.3vw;
left: 54.85vw
}
html.home section.homeFour article:nth-of-type(4) a {
margin-left: 17vw
}
html.home section.homeFour article+figure {
display: none;
width: 21vw;
height: 26vw;
position: absolute;
left: 39.75vw;
margin-top: 5.8vw;
-webkit-transform: translateZ(250px);
-moz-transform: translateZ(250px);
-ms-transform: translateZ(250px);
-o-transform: translateZ(250px);
transform: translateZ(250px);
z-index: 250
}
html.home section.homeFour article+figure img {
display: block;
width: 21vw;
height: 26vw
}
html.home section.homeFour article.active {
background-color: #fff1dd
}
html.home section.homeFour article.active:before {
display: block;
width: 100%;
-webkit-animation: fourManLine1 5s linear 0s 1 normal forwards running;
-moz-animation: fourManLine1 5s linear 0s 1 normal forwards running;
-ms-animation: fourManLine1 5s linear 0s 1 normal forwards running;
-o-animation: fourManLine1 5s linear 0s 1 normal forwards running;
animation: fourManLine1 5s linear 0s 1 normal forwards running
}
html.home section.homeFour article.active h2 {
color: #ffcb01
}
html.home section.homeFour article.active a strong {
background-color: #ffcb01
}
html.home section.homeFour article.active a:before {
border-color: #0000 #0000 #ffcb01 #0000
}
html.home section.homeFour article.active a:after {
border-color: #ffcb01 #0000 #0000 #0000
}
html.home section.homeFour article.active+figure {
display: block;
-webkit-animation: fourManFigure 5s linear 0s 1 normal forwards running;
-moz-animation: fourManFigure 5s linear 0s 1 normal forwards running;
-ms-animation: fourManFigure 5s linear 0s 1 normal forwards running;
-o-animation: fourManFigure 5s linear 0s 1 normal forwards running;
animation: fourManFigure 5s linear 0s 1 normal forwards running
}
html.home section.homeFour.animated article:nth-of-type(1) {
-webkit-animation: fadeInFromRight30 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromRight30 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromRight30 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromRight30 1s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromRight30 1s ease-in-out 0s 1 normal forwards running
}
html.home section.homeFour.animated article:nth-of-type(2) {
-webkit-animation: fadeInFromLeft30 1.2s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromLeft30 1.2s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromLeft30 1.2s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromLeft30 1.2s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromLeft30 1.2s ease-in-out 0s 1 normal forwards running
}
html.home section.homeFour.animated article:nth-of-type(3) {
-webkit-animation: fadeInFromRight30 1.4s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromRight30 1.4s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromRight30 1.4s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromRight30 1.4s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromRight30 1.4s ease-in-out 0s 1 normal forwards running
}
html.home section.homeFour.animated article:nth-of-type(4) {
-webkit-animation: fadeInFromLeft30 1.6s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromLeft30 1.6s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromLeft30 1.6s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromLeft30 1.6s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromLeft30 1.6s ease-in-out 0s 1 normal forwards running
}
@media (max-width:991px) {
html.home section.homeFour {
display: block;
width: 100vw;
height: 42rem;
padding-top: 2rem;
background: #fff url(//abansiss.com/wp-content/themes/Abans/imgs/home-four-bg.jpg) 50% 0/100vw auto no-repeat
}
html.home section.homeFour article {
-webkit-box-shadow: 0 0 4rem 0 #0003;
-moz-box-shadow: 0 0 4rem 0 #0003;
-ms-box-shadow: 0 0 4rem 0 #0003;
-o-box-shadow: 0 0 4rem 0 #0003;
box-shadow: 0 0 4rem 0 #0003;
display: none;
width: 40rem;
height: 33rem;
max-width: 100vw;
background-color: #fff;
left: auto !important;
right: auto !important;
position: relative;
margin: 0 auto !important;
z-index: 500
}
html.home section.homeFour article:before {
width: 40rem
}
html.home section.homeFour article h2 {
width: auto;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #781d7e;
text-align: center;
font-family: open sans condensed, sans-serif;
font-weight: 300;
font-size: 4rem;
font-style: italic;
line-height: 4.5rem;
text-transform: uppercase;
white-space: normal;
word-break: keep-all;
text-shadow: .5rem .5rem #ffffff40;
position: relative;
margin: 0 auto;
padding: 5vw 0 2.5vw;
font-weight: 700
}
html.home section.homeFour article p {
position: relative;
width: 100%;
height: auto;
margin: 0 auto !important;
font-size: 1.9rem;
line-height: 2.7rem
}
html.home section.homeFour article a {
display: block;
width: 20rem;
height: 5rem;
position: absolute !important;
left: calc(50% - 11rem) !important;
bottom: -2.5rem !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fefefe;
text-align: center;
-webkit-transform-origin: 50% 100% 0;
-moz-transform-origin: 50% 100% 0;
-ms-transform-origin: 50% 100% 0;
-o-transform-origin: 50% 100% 0;
transform-origin: 50% 100% 0;
background-color: #ffcb01;
font-style: italic;
line-height: 5rem;
margin-left: 0 !important;
text-decoration: none !important;
text-transform: uppercase;
white-space: nowrap;
word-break: keep-all
}
html.home section.homeFour article a strong {
height: 5rem;
width: auto;
white-space: nowrap;
line-height: 5rem;
font-size: 2.5rem
}
html.home section.homeFour article a:after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
margin-left: 19.8rem;
margin-top: -5rem;
border-style: solid;
border-width: 5rem 3rem 0 0;
border-color: #ffcb01 #0000 #0000 #0000
}
html.home section.homeFour article a:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
margin-left: -2.8rem;
border-style: solid;
border-width: 0 0 5rem 3rem;
border-color: #0000 #0000 #ffcb01 #0000
}
html.home section.homeFour article+figure {
display: none !important
}
html.home section.homeFour article.active {
display: block;
background-color: #fff !important
}
html.home section.homeFour.animated article:nth-of-type(1) {
-webkit-animation: fadeInFromRight30 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromRight30 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromRight30 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromRight30 1s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromRight30 1s ease-in-out 0s 1 normal forwards running
}
html.home section.homeFour.animated article:nth-of-type(2) {
-webkit-animation: fadeInFromLeft30 1.2s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromLeft30 1.2s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromLeft30 1.2s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromLeft30 1.2s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromLeft30 1.2s ease-in-out 0s 1 normal forwards running
}
html.home section.homeFour.animated article:nth-of-type(3) {
-webkit-animation: fadeInFromRight30 1.4s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromRight30 1.4s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromRight30 1.4s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromRight30 1.4s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromRight30 1.4s ease-in-out 0s 1 normal forwards running
}
html.home section.homeFour.animated article:nth-of-type(4) {
-webkit-animation: fadeInFromLeft30 1.6s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromLeft30 1.6s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromLeft30 1.6s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromLeft30 1.6s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromLeft30 1.6s ease-in-out 0s 1 normal forwards running
}
}
html.home section.homeSix {
zoom: 1;
display: block;
width: 100vw;
height: auto;
background: #ffcb01 url(//abansiss.com/wp-content/themes/Abans/imgs/m-bg.png) 50% 100%/100vw auto no-repeat
}
html.home section.homeSix:after {
content: " ";
display: block;
font-size: 0;
height: 0;
clear: both;
visibility: hidden
}
html.home section.homeSix div.shadow {
background: url(//abansiss.com/wp-content/themes/Abans/imgs/m-shad.jpg) 50% 0/100vw auto no-repeat
}
html.home section.homeSix div.gradient {
background: url(//abansiss.com/wp-content/themes/Abans/imgs/m-grad.png) 50%/100vw auto no-repeat
}
html.home section.homeSix h2 {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
text-align: center;
padding-top: 8rem;
font-family: open sans condensed, sans-serif;
font-style: italic;
font-weight: 700;
text-transform: uppercase;
white-space: normal;
word-break: keep-all
}
html.home section.homeSix h2 span {
white-space: nowrap
}
html.home section.homeSix article {
zoom: 1;
display: block;
width: auto;
height: auto;
padding: 2rem 0 19rem
}
html.home section.homeSix article:after {
content: " ";
display: block;
font-size: 0;
height: 0;
clear: both;
visibility: hidden
}
html.home section.homeSix article figure {
display: inline-block;
width: 20rem;
height: 20rem;
margin-bottom: 1rem;
background: #017812;
margin: 5px 5px;
border-radius: 10px
}
html.home section.homeSix article figure img {
display: block;
width: 4rem;
height: 4rem;
margin: 4rem 0 3rem 8rem
}
html.home section.homeSix article figure figcaption {
display: block;
width: 16rem;
height: 7rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
text-align: center;
font-family: open sans condensed, sans-serif;
font-size: 2rem;
background-color: #017812;
text-align: center;
justify-content: center;
margin: 0 auto
}
html.home section.homeSix.animated article figure:nth-of-type(1) {
-webkit-animation: flipInY1 4s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY1 4s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY1 4s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY1 4s ease-in-out 0s 1 normal forwards running;
animation: flipInY1 4s ease-in-out 0s 1 normal forwards running
}
html.home section.homeSix.animated article figure:nth-of-type(2) {
-webkit-animation: flipInY2 4s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY2 4s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY2 4s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY2 4s ease-in-out 0s 1 normal forwards running;
animation: flipInY2 4s ease-in-out 0s 1 normal forwards running
}
html.home section.homeSix.animated article figure:nth-of-type(3) {
-webkit-animation: flipInY3 4s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY3 4s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY3 4s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY3 4s ease-in-out 0s 1 normal forwards running;
animation: flipInY3 4s ease-in-out 0s 1 normal forwards running
}
html.home section.homeSix.animated article figure:nth-of-type(4) {
-webkit-animation: flipInY4 4s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY4 4s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY4 4s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY4 4s ease-in-out 0s 1 normal forwards running;
animation: flipInY4 4s ease-in-out 0s 1 normal forwards running
}
html.home section.homeSix.animated article figure:nth-of-type(5) {
-webkit-animation: flipInY5 4s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY5 4s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY5 4s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY5 4s ease-in-out 0s 1 normal forwards running;
animation: flipInY5 4s ease-in-out 0s 1 normal forwards running
}
html.home section.homeSix.animated article figure:nth-of-type(6) {
-webkit-animation: flipInY6 4s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY6 4s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY6 4s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY6 4s ease-in-out 0s 1 normal forwards running;
animation: flipInY6 4s ease-in-out 0s 1 normal forwards running
}
html.home section.FloatingDude {
position: relative;
z-index: 2
}
html.home section.FloatingDude+section {
z-index: 3
}
@media (min-width:992px) {
html.home section.FloatingDude {
margin-top: -15rem
}
}
@media (max-width:1199px) and (min-width:992px) {
html.home section.FloatingDude {
margin-top: -10rem
}
}
html.home section.homeAwardsTop {
zoom: 1;
display: block;
width: 100vw;
height: 27rem;
background: url(//abansiss.com/wp-content/themes/Abans/imgs/home-award-bg.png) 50% 0/100vw 30rem no-repeat;
margin-top: -15rem
}
html.home section.homeAwardsTop:after {
content: " ";
display: block;
font-size: 0;
height: 0;
clear: both;
visibility: hidden
}
html.home section.homeAwardsTop h2 {
-webkit-animation: fadeInFromLeft 1.5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromLeft 1.5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromLeft 1.5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromLeft 1.5s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromLeft 1.5s ease-in-out 0s 1 normal forwards running;
display: block;
width: 36rem;
height: 8rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
text-align: center;
background: url(//abansiss.com/wp-content/themes/Abans/imgs/home-award-title.svg) 50%/36rem 8rem no-repeat;
font-family: open sans condensed, sans-serif;
font-weight: 700;
font-style: italic;
line-height: 8rem;
margin-bottom: 4rem;
text-transform: uppercase
}
html.home section.homeAwardsTop h2.animated {
-webkit-animation: fadeInFromLeft30 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromLeft30 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromLeft30 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromLeft30 1s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromLeft30 1s ease-in-out 0s 1 normal forwards running
}
@media (min-width:992px) {
html.home section.homeAwardsTop h2 {
margin-left: -18rem
}
}
@media (max-width:991px) {
html.home section.homeAwardsTop h2 {
margin-left: auto !important;
margin-right: auto !important
}
}
html.home .accoladeCarousel {
height: 100px;
text-align: center;
margin: 45px auto;
overflow: hidden
}
html.home #carousel img {
margin-left: 20px;
margin-right: 20px
}
html.home section.homeAwards {
background-color: #ffcb01
}
html.home section.homeAwards article {
-webkit-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
animation: fadeIn .5s ease-in-out 0s 1 normal forwards running
}
html.home section.homeAwards article>figure {
display: block;
width: 100vw;
height: 16.5vw;
overflow: hidden;
padding-top: 0
}
html.home section.homeAwards article>figure img {
display: block;
width: 189vw;
height: 11.1vw;
margin-left: 3.975vw;
-webkit-animation: homeAwards1 20s linear 0s infinite normal forwards running;
-moz-animation: homeAwards1 20s linear 0s infinite normal forwards running;
-ms-animation: homeAwards1 20s linear 0s infinite normal forwards running;
-o-animation: homeAwards1 20s linear 0s infinite normal forwards running;
animation: homeAwards1 20s linear 0s infinite normal forwards running;
position: absolute;
-webkit-transform: translateZ(3px);
-moz-transform: translateZ(3px);
-ms-transform: translateZ(3px);
-o-transform: translateZ(3px);
transform: translateZ(3px);
z-index: 3
}
html.home section.homeAwards article>figure figcaption {
display: block;
width: 189vw;
height: 11.1vw;
margin-left: 3.975vw;
font-size: 0;
color: #0000;
-webkit-animation: homeAwards2 20s linear 0s infinite normal forwards running;
-moz-animation: homeAwards2 20s linear 0s infinite normal forwards running;
-ms-animation: homeAwards2 20s linear 0s infinite normal forwards running;
-o-animation: homeAwards2 20s linear 0s infinite normal forwards running;
animation: homeAwards2 20s linear 0s infinite normal forwards running;
position: absolute;
-webkit-transform: translateZ(3px);
-moz-transform: translateZ(3px);
-ms-transform: translateZ(3px);
-o-transform: translateZ(3px);
transform: translateZ(3px);
z-index: 3
}
html.home section.homeGuarantee article {
background-color: #0000;
background-image: url(//abansiss.com/wp-content/themes/Abans/imgs/home-total-satisfaction.png);
background-position: 50% 4rem;
background-repeat: no-repeat;
background-size: 50rem;
color: #000;
text-align: justify;
padding: 25rem 0 8rem
}
@media (min-width:1200px) {
html.home section.homeGuarantee article {
background-color: #0000;
background-image: url(//abansiss.com/wp-content/themes/Abans/imgs/home-total-satisfaction.png);
background-position: 50% 4rem;
background-repeat: no-repeat;
background-size: 63rem
}
}
@media (min-width:992px) {
html.home section.homeGuarantee article {
padding: 10rem 0 8rem
}
}
html.home section.homeIndustry article {
background-color: #0000;
background-image: url(//abansiss.com/wp-content/themes/Abans/imgs/home-industry-title.png);
background-position: 50% 4rem;
background-repeat: no-repeat;
background-size: 80vw;
color: #000;
text-align: center
}
html.home section.homeIndustry article h2 {
margin: 0;
font-size: 5rem;
color: #444;
font-style: italic;
font-weight: 700;
text-transform: uppercase
}
html.home section.homeIndustry article h2+p {
margin-bottom: 4rem
}
html.home section.homeIndustry article h3 {
-webkit-animation: fadeInFromLeft 1.5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromLeft 1.5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromLeft 1.5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromLeft 1.5s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromLeft 1.5s ease-in-out 0s 1 normal forwards running;
display: block;
width: 36rem;
height: 8rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
text-align: center;
background: url(//abansiss.com/wp-content/themes/Abans/imgs/home-industry-title.svg) 50%/36rem 8rem no-repeat;
font-family: open sans condensed, sans-serif;
font-weight: 700;
font-style: italic;
line-height: 8rem;
margin: 0 auto;
text-transform: uppercase
}
@media (max-width:991px) {
html.home section.homeIndustry article h3 {
margin: 0 auto 2rem
}
}
html.home section.homeReasons {
display: block;
width: 100vw;
height: 13vw;
margin-top: -5.7vw;
position: relative;
background: url(//abansiss.com/wp-content/themes/Abans/imgs/orange.png) 50% 100%/100vw 7.3vw repeat-x;
font-size: 0;
-webkit-transform: translateZ(1px);
-moz-transform: translateZ(1px);
-ms-transform: translateZ(1px);
-o-transform: translateZ(1px);
transform: translateZ(1px);
z-index: 1
}
html.home section.homeReasons.animated {
-webkit-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeIn 1s ease-in-out 0s 1 normal forwards running;
animation: fadeIn 1s ease-in-out 0s 1 normal forwards running
}
html.home section.homeReasons.animated article {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0
}
html.home section.homeReasons.animated article:first-child {
-webkit-animation: fadeInFromLeft 1s ease-in-out 1s 1 normal forwards running;
-moz-animation: fadeInFromLeft 1s ease-in-out 1s 1 normal forwards running;
-ms-animation: fadeInFromLeft 1s ease-in-out 1s 1 normal forwards running;
-o-animation: fadeInFromLeft 1s ease-in-out 1s 1 normal forwards running;
animation: fadeInFromLeft 1s ease-in-out 1s 1 normal forwards running
}
html.home section.homeReasons.animated article:last-child {
-webkit-animation: fadeInFromRight2 1s ease-in-out 1.25s 1 normal forwards running;
-moz-animation: fadeInFromRight2 1s ease-in-out 1.25s 1 normal forwards running;
-ms-animation: fadeInFromRight2 1s ease-in-out 1.25s 1 normal forwards running;
-o-animation: fadeInFromRight2 1s ease-in-out 1.25s 1 normal forwards running;
animation: fadeInFromRight2 1s ease-in-out 1.25s 1 normal forwards running
}
@media (max-width:767px) {
html.home section.homeReasons {
display: none
}
}
html.home section.homeReasons a {
display: block;
width: 41vw;
height: 13vw;
margin: 0 auto;
vertical-align: top
}
html.home section.homeReasons a figure {
display: block;
width: 41vw;
height: 13vw
}
html.home section.homeReasons a figure figcaption {
display: block;
width: 29.5vw;
height: 7.3vw;
position: absolute;
margin: 1.25vw 0 0 11.5vw;
text-decoration: none
}
html.home section.homeReasons a figure figcaption p {
display: inline-block;
width: 24vw;
height: 7.3vw;
vertical-align: top;
width: 24.5vw;
background-color: #ffd897;
margin: 0
}
html.home section.homeReasons a figure figcaption p strong {
display: inline-block;
float: left;
padding-left: .7vw;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #000;
text-align: left;
line-height: 5.7vw;
font-size: 5.7vw;
letter-spacing: .01vw;
word-spacing: .05vw;
font-weight: 700;
font-style: italic
}
html.home section.homeReasons a figure figcaption p em {
display: inline-block;
vertical-align: top;
width: 20.5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
font-family: open sans condensed, sans-serif;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
line-height: 2.3vw;
font-size: 2.3vw;
letter-spacing: -.02vw;
word-spacing: .05vw;
font-weight: 400;
font-style: normal
}
html.home section.homeReasons a figure figcaption p em:first-of-type {
padding: .95vw 0 0 1.2vw;
color: #000;
text-align: left
}
html.home section.homeReasons a figure figcaption p em:last-of-type {
padding: .8vw 1.5vw 0 0;
color: #000;
text-align: center
}
html.home section.homeReasons a figure figcaption:before {
content: "";
display: inline-block;
vertical-align: top;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 7.3vw 2.5vw;
border-color: #0000 #0000 #ffd897 #0000
}
html.home section.homeReasons a figure figcaption:after {
content: "";
display: inline-block;
vertical-align: top;
width: 0;
height: 0;
border-style: solid;
border-width: 7.3vw 2.5vw 0 0;
border-color: #ffd897 #0000 #0000 #0000
}
html.home section.homeReasons a img {
display: block;
width: 20vw;
height: 13vw;
position: absolute;
-webkit-transform: translateZ(1px);
-moz-transform: translateZ(1px);
-ms-transform: translateZ(1px);
-o-transform: translateZ(1px);
transform: translateZ(1px);
z-index: 1
}
html.home section.homeReasons a.animated {
-webkit-animation: fadeIn 2s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeIn 2s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeIn 2s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeIn 2s ease-in-out 0s 1 normal forwards running;
animation: fadeIn 2s ease-in-out 0s 1 normal forwards running
}
html.home section.blockquotes {
border-style: none;
padding-bottom: 5rem
}
form.styled {
-webkit-border-radius: .5rem;
-moz-border-radius: .5rem;
-ms-border-radius: .5rem;
-o-border-radius: .5rem;
border-radius: .5rem;
background: #013c6a;
color: #fefefe;
padding: 4rem
}
form.styled input[type=email].form-control,
form.styled input[type=password].form-control,
form.styled input[type=text].form-control,
form.styled select.form-control,
form.styled textarea.form-control {
background-color: #fff3;
border: 1px solid #14f00080;
color: #fefefe;
font-weight: 300
}
form.styled input[type=email].form-control:placeholder-shown,
form.styled input[type=password].form-control:placeholder-shown,
form.styled input[type=text].form-control:placeholder-shown,
form.styled select.form-control:placeholder-shown,
form.styled textarea.form-control:placeholder-shown {
background-color: #0000;
border-color: #f0f0f033;
color: #f0f0f080
}
form.styled input[type=email].form-control::-webkit-input-placeholder,
form.styled input[type=password].form-control::-webkit-input-placeholder,
form.styled input[type=text].form-control::-webkit-input-placeholder,
form.styled select.form-control::-webkit-input-placeholder,
form.styled textarea.form-control::-webkit-input-placeholder {
color: #f0f0f080
}
form.styled input[type=email].form-control::-moz-placeholder,
form.styled input[type=password].form-control::-moz-placeholder,
form.styled input[type=text].form-control::-moz-placeholder,
form.styled select.form-control::-moz-placeholder,
form.styled textarea.form-control::-moz-placeholder {
color: #f0f0f080;
opacity: 1
}
form.styled input[type=email].form-control:-moz-placeholder,
form.styled input[type=password].form-control:-moz-placeholder,
form.styled input[type=text].form-control:-moz-placeholder,
form.styled select.form-control:-moz-placeholder,
form.styled textarea.form-control:-moz-placeholder {
color: #f0f0f080;
opacity: 1
}
form.styled input[type=email].form-control:-ms-input-placeholder,
form.styled input[type=password].form-control:-ms-input-placeholder,
form.styled input[type=text].form-control:-ms-input-placeholder,
form.styled select.form-control:-ms-input-placeholder,
form.styled textarea.form-control:-ms-input-placeholder {
color: #f0f0f080
}
form.styled input[type=email].form-control:focus,
form.styled input[type=password].form-control:focus,
form.styled input[type=text].form-control:focus,
form.styled select.form-control:focus,
form.styled textarea.form-control:focus {
background-color: #fff3;
border-color: #ffffff80;
color: #fefefe
}
form.styled select.form-control option {
background-color: #336387
}
.form-control {
font-size: 1.6rem;
line-height: 1.5
}
figure#isoAll {
display: block;
width: 90vw;
height: 35.5vw;
margin: 0 auto
}
figure#isoAll figcaption {
display: block;
width: 90vw;
height: 35.5vw;
position: absolute;
-webkit-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
animation: fadeIn .5s ease-in-out 0s 1 normal forwards running;
z-index: 2
}
figure#isoAll figcaption ul {
display: block;
width: 90vw;
height: 35.5vw;
padding: 0
}
figure#isoAll figcaption ul li {
display: block;
width: 10vw;
height: 10vw;
position: absolute;
-webkit-animation: fadeInZoomIn 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInZoomIn 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInZoomIn 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInZoomIn 1s ease-in-out 0s 1 normal forwards running;
animation: fadeInZoomIn 1s ease-in-out 0s 1 normal forwards running
}
figure#isoAll figcaption ul li a {
display: block;
width: 10vw;
height: 10vw;
text-decoration: none
}
figure#isoAll figcaption ul li a strong {
display: block;
width: 10vw;
height: 10vw;
display: -moz-box;
display: -ms-box;
display: -webkit-box;
display: box;
-webkit-box-orient: vertical;
display: -webkit-flexbox;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
-moz-flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-border-radius: 5vw;
-moz-border-radius: 5vw;
-ms-border-radius: 5vw;
-o-border-radius: 5vw;
border-radius: 5vw;
background-color: #000000a6;
font-family: open sans condensed, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fefefe;
text-align: center;
line-height: 1.4vw;
font-size: 1.2vw;
font-weight: 700;
text-transform: uppercase;
white-space: nowrap;
word-break: keep-all;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0
}
figure#isoAll figcaption ul li:nth-of-type(1) {
margin: 15vw 0 0 8.5vw
}
figure#isoAll figcaption ul li:nth-of-type(2) {
margin: 3.2vw 0 0 16.3vw
}
figure#isoAll figcaption ul li:nth-of-type(3) {
margin: 15vw 0 0 24.4vw
}
figure#isoAll figcaption ul li:nth-of-type(4) {
margin: 3.2vw 0 0 32.3vw
}
figure#isoAll figcaption ul li:nth-of-type(5) {
margin: 15vw 0 0 40.1vw
}
figure#isoAll figcaption ul li:nth-of-type(6) {
margin: 3.2vw 0 0 48.3vw
}
figure#isoAll figcaption ul li:nth-of-type(7) {
margin: 15vw 0 0 56vw
}
figure#isoAll figcaption ul li:nth-of-type(8) {
margin: 3.2vw 0 0 63.8vw
}
figure#isoAll figcaption ul li:nth-of-type(9) {
margin: 15vw 0 0 71.75vw
}
figure#isoAll figcaption ul li.active a strong {
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
-ms-opacity: 1 !important;
-o-opacity: 1 !important;
opacity: 1 !important
}
figure#isoAll img {
display: block;
width: 90vw;
height: 35.5vw;
position: relative;
z-index: 1
}
@media (max-width:992px) {
figure#isoAll {
height: 79.32vw
}
figure#isoAll figcaption {
height: 79.32vw
}
figure#isoAll figcaption ul li {
width: 20vw;
height: 20vw
}
figure#isoAll figcaption ul li a {
width: 20vw;
height: 20vw
}
figure#isoAll figcaption ul li a strong {
width: 20vw;
height: 20vw;
line-height: 3vw;
font-size: 2.7vw;
-webkit-border-radius: 10vw;
-moz-border-radius: 10vw;
-ms-border-radius: 10vw;
-o-border-radius: 10vw;
border-radius: 10vw
}
figure#isoAll figcaption ul li:nth-of-type(1) {
margin: 48vw 0 0 7.5vw
}
figure#isoAll figcaption ul li:nth-of-type(2) {
margin: 27vw 0 0 21.5vw
}
figure#isoAll figcaption ul li:nth-of-type(3) {
margin: 48vw 0 0 37vw
}
figure#isoAll figcaption ul li:nth-of-type(4) {
margin: 27vw 0 0 51vw
}
figure#isoAll figcaption ul li:nth-of-type(5) {
margin: 48vw 0 0 65vw
}
figure#isoAll figcaption ul li:nth-of-type(6) {
display: none
}
figure#isoAll figcaption ul li:nth-of-type(7) {
margin: 5vw 0 0 36vw
}
figure#isoAll figcaption ul li:nth-of-type(8) {
margin: 5vw 0 0 66vw
}
figure#isoAll figcaption ul li:nth-of-type(9) {
margin: 5vw 0 0 7vw
}
figure#isoAll img {
height: 79.32vw
}
}
form#contactForm {
background-color: #781d7e;
margin: 5rem 0
}
form#contactForm:before {
content: "";
display: block;
width: 190px;
height: 358px;
background: url(//abansiss.com/wp-content/themes/Abans/imgs/contact-us-guy.png) 50%/190px 358px no-repeat;
position: absolute;
margin-left: -176px;
z-index: 50
}
#contactForm:before {
content: "";
display: block;
width: 190px;
height: 358px;
background: url(//abansiss.com/wp-content/themes/Abans/imgs/contact-us-guy.png) 50%/190px 358px no-repeat;
position: absolute;
margin-left: -187px;
z-index: 50
}
@media (max-width:575px) {
form#contactForm:before {
display: none
}
}
form#requestPricingForm {
display: block;
width: 100%;
height: 450px;
margin: 0 auto 5vw;
background-color: #fff;
border: .5vw solid #ffcb01;
-webkit-border-radius: .5vw;
-moz-border-radius: .5vw;
-ms-border-radius: .5vw;
-o-border-radius: .5vw;
border-radius: .5vw
}
form#requestPricingForm .validate-invalid {
border-color: #ff282880 !important;
border-width: 5px !important
}
form#requestPricingForm .validate-valid {
border-color: #14f00080 !important
}
form#requestPricingForm legend {
display: block;
width: 100%;
height: auto;
background-color: #ffcb01;
position: absolute;
top: calc(450px - 7.4rem - .5vw);
left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 0
}
form#requestPricingForm legend h2 {
display: block;
font-family: open sans condensed, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
text-align: center
}
form#requestPricingForm>div {
display: block;
width: 100%;
height: 340px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding-top: 10px;
position: absolute;
overflow: hidden
}
form#requestPricingForm>div fieldset {
display: block;
width: 100%;
visibility: hidden;
padding: 0 20px;
position: absolute
}
form#requestPricingForm>div fieldset p {
display: block;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #000;
text-align: left;
margin-bottom: 8px;
font-weight: 400
}
form#requestPricingForm>div fieldset p strong {
display: block;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #000;
text-align: left;
font-weight: 700
}
form#requestPricingForm>div fieldset p em {
display: block;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #000;
text-align: left;
font-weight: 300;
font-style: italic
}
form#requestPricingForm>div fieldset label {
display: block
}
form#requestPricingForm>div fieldset label+p {
margin-top: 1vw
}
form#requestPricingForm>div fieldset label input[type=radio] {
-webkit-appearance: radio
}
form#requestPricingForm>div fieldset label input[type=radio]:hover {
cursor: pointer
}
form#requestPricingForm>div fieldset label strong {
display: inline-block;
text-indent: 5px;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #000;
text-align: left;
font-weight: 400
}
form#requestPricingForm>div fieldset label:hover {
cursor: pointer
}
form#requestPricingForm>div fieldset input[type=email],
form#requestPricingForm>div fieldset input[type=text] {
display: block;
width: 100%;
height: 30px;
margin: .5vw 0 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 0 .5vw;
border: 1px solid #ffd79a;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #000;
text-align: left;
font-weight: 400
}
form#requestPricingForm>div fieldset input[type=email]:-moz-placeholder,
form#requestPricingForm>div fieldset input[type=text]:-moz-placeholder {
color: #6c7a89
}
form#requestPricingForm>div fieldset input[type=email]::-moz-placeholder,
form#requestPricingForm>div fieldset input[type=text]::-moz-placeholder {
color: #6c7a89
}
form#requestPricingForm>div fieldset input[type=email]:-ms-input-placeholder,
form#requestPricingForm>div fieldset input[type=text]:-ms-input-placeholder {
color: #6c7a89
}
form#requestPricingForm>div fieldset input[type=email]::-webkit-input-placeholder,
form#requestPricingForm>div fieldset input[type=text]::-webkit-input-placeholder {
color: #6c7a89
}
form#requestPricingForm>div fieldset textarea {
display: block;
width: 100%;
height: 60px;
margin: .5vw 0 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 5px 0;
border: 1px solid #ffd79a;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #000;
text-align: left;
font-weight: 400;
resize: none
}
form#requestPricingForm>div fieldset textarea:-moz-placeholder {
color: #6c7a89
}
form#requestPricingForm>div fieldset textarea::-moz-placeholder {
color: #6c7a89
}
form#requestPricingForm>div fieldset textarea:-ms-input-placeholder {
color: #6c7a89
}
form#requestPricingForm>div fieldset textarea::-webkit-input-placeholder {
color: #6c7a89
}
form#requestPricingForm>div fieldset.active {
visibility: visible
}
html.ios9 form#requestPricingForm>div fieldset.active {
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
-ms-opacity: 1 !important;
-o-opacity: 1 !important;
opacity: 1 !important;
display: block !important
}
form#requestPricingForm>div fieldset.active.fromLeft {
-webkit-animation: fadeInFromRight30 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromRight30 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromRight30 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromRight30 1s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromRight30 1s ease-in-out 0s 1 normal forwards running
}
form#requestPricingForm>div fieldset.active.fromRight {
-webkit-animation: fadeInFromLeft30 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromLeft30 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromLeft30 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromLeft30 1s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromLeft30 1s ease-in-out 0s 1 normal forwards running
}
form#requestPricingForm>div fieldset.prev {
visibility: visible;
-webkit-animation: fadeOutToLeft30 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeOutToLeft30 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeOutToLeft30 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeOutToLeft30 1s ease-in-out 0s 1 normal forwards running;
animation: fadeOutToLeft30 1s ease-in-out 0s 1 normal forwards running
}
html.ios9 form#requestPricingForm>div fieldset.prev {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
display: none
}
form#requestPricingForm>div fieldset.next {
visibility: visible;
-webkit-animation: fadeOutToRight30 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeOutToRight30 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeOutToRight30 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeOutToRight30 1s ease-in-out 0s 1 normal forwards running;
animation: fadeOutToRight30 1s ease-in-out 0s 1 normal forwards running
}
html.ios9 form#requestPricingForm>div fieldset.next {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
display: none
}
form#requestPricingForm input[type=reset],
form#requestPricingForm input[type=submit] {
display: none;
position: absolute;
height: 3.06rem;
top: calc(450px - 12rem - .5vw);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fefefe;
text-align: center;
background-color: #025aa5;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s
}
form#requestPricingForm input[type=reset]:hover,
form#requestPricingForm input[type=submit]:hover {
cursor: pointer
}
form#requestPricingForm input[type=reset].active,
form#requestPricingForm input[type=submit].active {
display: block
}
form#requestPricingForm input[type=reset] {
left: 2.5vw
}
form#requestPricingForm input[type=submit] {
right: 2.5vw
}
form#requestPricingForm.animated {
-webkit-animation: flipInY1900 2s ease-in-out 0s 1 normal forwards running;
-moz-animation: flipInY1900 2s ease-in-out 0s 1 normal forwards running;
-ms-animation: flipInY1900 2s ease-in-out 0s 1 normal forwards running;
-o-animation: flipInY1900 2s ease-in-out 0s 1 normal forwards running;
animation: flipInY1900 2s ease-in-out 0s 1 normal forwards running
}
html.germ-mitigation section.main {
background: url(//abansiss.com/wp-content/themes/Abans/imgs/top-bg-anago-process.jpg) 50% 0/100vw auto no-repeat
}
html.smartclean section.main {
background: url(//abansiss.com/wp-content/themes/Abans/imgs/top-bg-anago-process.jpg) 50% 0/100vw auto no-repeat
}
@media (max-width:991px) {
section.main p button.btn>i {
display: none
}
section.main p button.btn.btn-primary {
margin-top: 70px
}
section.main p button.btn.btn-primary:before {
content: "";
display: block;
width: 50px;
height: 80px;
position: absolute;
margin: -91px 0 0 -25px;
left: 50%
}
section.main p button.btn.btn-warning {
margin-top: 70px;
margin-bottom: 70px
}
section.main p button.btn.btn-warning:before {
content: "";
display: block;
width: 50px;
height: 80px;
position: absolute;
margin: -91px 0 0 -25px;
left: 50%
}
}
@media (max-width:1199px) and (min-width:992px) {
html section.main p button.btn {
font-size: 1.2rem;
line-height: 1.9
}
}
html.cleaning section.blank img.img-fluid.animated,
html.commercial-cleaning-unit section.blank img.img-fluid.animated {
-webkit-animation: fadeInFromRight 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromRight 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromRight 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromRight 1s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromRight 1s ease-in-out 0s 1 normal forwards running
}
.footerphone {
display: block;
font-family: open sans, sans-serif;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #000;
text-align: right;
font-size: 2.8rem;
font-style: italic;
font-weight: 300;
letter-spacing: -.05rem;
margin-bottom: 0
}
.footerphone a {
display: inline-block;
font-family: open sans, sans-serif;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #000;
text-align: right;
font-size: 2.8rem;
font-style: italic;
font-weight: 300;
letter-spacing: -.05rem;
font-weight: 700
}
.footerphone a:hover {
text-decoration: underline;
cursor: pointer
}
@media (max-width:992px) {
.footerphone {
text-align: center
}
.footerphone a {
text-align: center
}
}
.floatingDudeText {
padding: 6rem 0 18rem
}
@media (max-width:1199px) and (min-width:992px) {
.floatingDudeText {
padding: 6rem 0 14rem
}
}
h3.locationsTitle {
margin-bottom: 0;
line-height: 1.2 !important;
padding: 2rem 0 0 !important;
color: #ffcb01 !important;
text-align: left !important;
font-weight: 700 !important;
text-transform: uppercase !important
}
a.locationsLink {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #000;
text-align: left;
font-family: open sans condensed, sans-serif;
font-size: 2.4rem;
font-style: normal;
font-weight: 300;
line-height: 2.4rem;
margin: 0;
padding: 0;
text-decoration: none
}
a.locationsLink+p {
margin: 0
}
a.locationsLink+p+a {
margin: 0 0 2rem
}
a.locationsLink:hover {
text-decoration: underline;
cursor: pointer
}
#formprocMsgbox {
display: none;
padding: 30px;
margin: 20px;
background-color: #ffffffe5;
z-index: 5000;
position: fixed;
right: 0;
top: 0;
width: 280px
}
.bouncing {
-webkit-animation: zoomBounce 3.5s linear 0s infinite normal forwards running;
-moz-animation: zoomBounce 3.5s linear 0s infinite normal forwards running;
-ms-animation: zoomBounce 3.5s linear 0s infinite normal forwards running;
-o-animation: zoomBounce 3.5s linear 0s infinite normal forwards running;
animation: zoomBounce 3.5s linear 0s infinite normal forwards running
}
.bntxl {
font-size: 2.5rem !important;
padding-top: 2rem !important;
padding-bottom: 2rem !important
}
.slideFromRight {
-webkit-animation: fadeInFromLeft30 1s ease-in-out 0s 1 normal forwards running;
-moz-animation: fadeInFromLeft30 1s ease-in-out 0s 1 normal forwards running;
-ms-animation: fadeInFromLeft30 1s ease-in-out 0s 1 normal forwards running;
-o-animation: fadeInFromLeft30 1s ease-in-out 0s 1 normal forwards running;
animation: fadeInFromLeft30 1s ease-in-out 0s 1 normal forwards running
}
.phoneNum {
font-family: open sans, sans-serif;
font-style: italic;
font-size: 2.8rem;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #000;
text-align: left;
padding-left: 2.5rem;
background: url(//abansiss.com/wp-content/themes/Abans/imgs/phone.svg) 0/2rem auto no-repeat
}
[data-type=video] {
cursor: pointer
}
figure#homeMobileHand {
display: none
}
.copyline {
display: flex
}
p.site-by {
display: block;
position: absolute;
right: 0;
margin: 0
}
li.top-social-media a i {
display: block;
width: auto;
height: 14rem;
color: #781d7e;
-webkit-transition: all .2s ease 0s;
-moz-transition: all .2s ease 0s;
-ms-transition: all .2s ease 0s;
-o-transition: all .2s ease 0s;
transition: all .2s ease 0s;
border-bottom: .5rem solid #0000;
font-size: 2.2rem;
font-weight: 400;
line-height: 14rem;
padding: 0 1rem;
text-align: center;
text-decoration: none !important;
text-transform: uppercase;
white-space: nowrap;
word-break: keep-all
}
li.top-social-media {
display: inline-block;
vertical-align: middle;
white-space: nowrap
}
li.top-social-media a {
display: inline-block;
vertical-align: middle;
white-space: nowrap;
text-decoration: none !important
}
li.top-social-media a i:hover {
font-size: 2.5rem
}
.social a i {
font-size: 23px;
color: #781d7e
}
p.number-down {
float: right;
color: #000;
margin-top: 0
}
@media (max-width:767px) {
figure#homeMobileHand {
display: block;
width: 90vw;
height: 66vw;
position: fixed;
top: calc(50vh - 33vw);
right: -15vw;
-webkit-animation: hand 6s linear 0s 1 normal forwards running;
-moz-animation: hand 6s linear 0s 1 normal forwards running;
-ms-animation: hand 6s linear 0s 1 normal forwards running;
-o-animation: hand 6s linear 0s 1 normal forwards running;
animation: hand 6s linear 0s 1 normal forwards running;
z-index: 3001;
-webkit-transform-origin: 200% 50% 0;
-moz-transform-origin: 200% 50% 0;
-ms-transform-origin: 200% 50% 0;
-o-transform-origin: 200% 50% 0;
transform-origin: 200% 50% 0
}
figure#homeMobileHand img {
display: block;
width: 90vw;
height: 66vw;
-webkit-animation: handSide 6s linear 0s 1 normal forwards running;
-moz-animation: handSide 6s linear 0s 1 normal forwards running;
-ms-animation: handSide 6s linear 0s 1 normal forwards running;
-o-animation: handSide 6s linear 0s 1 normal forwards running;
animation: handSide 6s linear 0s 1 normal forwards running
}
html.ios9 figure#homeMobileHand {
display: none
}
}
article#topMobile {
display: none
}
@media (max-width:767px) {
article#topMobile {
display: block;
width: 100%;
height: 100vw
}
article#topMobile div.imgbg {
display: block;
width: 100%;
height: 100vw;
background-size: auto 100vw;
background-position: 50%;
background-repeat: no-repeat
}
article#topMobile div.imgbg h2 {
display: block;
width: 100%;
height: 100vw;
background-color: #00000080;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding-top: 25vw
}
article#topMobile div.imgbg h2 strong {
display: block;
width: 80vw;
height: 10vw;
margin: 0 auto;
font-family: open sans condensed, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fefefe;
text-align: center;
line-height: 10vw;
font-size: 18px;
letter-spacing: .025vw;
word-spacing: .025vw;
font-weight: 700;
text-transform: uppercase;
font-style: italic;
white-space: normal;
word-break: keep-all;
background: url(//abansiss.com/wp-content/themes/Abans/imgs/home-industry-title.svg) 50%/100% 100% no-repeat
}
article#topMobile div.imgbg h2 em {
display: block;
width: 80vw;
height: auto;
margin: 0 auto;
padding-top: 4vw;
font-family: open sans condensed, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
text-align: center;
line-height: 1;
font-size: 20vw;
letter-spacing: .05vw;
font-style: italic;
font-weight: 700;
text-transform: uppercase;
white-space: normal;
word-break: keep-all;
text-shadow: .1vw .1vw #00000040
}
article#topMobile div.imgbg h2 em sup {
font-size: 1vw;
top: -3.3vw;
padding-left: .3vw
}
}
.customVideoBlueBox {
margin-bottom: 5rem;
text-align: center;
width: 100%;
border: #fff 5px solid !important;
border-radius: 1rem;
box-shadow: 0 0 5px #aaa;
-webkit-box-shadow: 0 0 5px #aaa;
-moz-box-shadow: 0 0 5px #aaa;
background: #178fc0;
background: -moz-linear-gradient(top, #178fc0 0, #106289 100%);
background: -webkit-linear-gradient(top, #178fc0 0, #106289 100%);
background: linear-gradient(to bottom, #178fc0 0, #106289 100%)
}
.customVideoBlueBox h2 {
padding: 1rem;
font-family: open sans condensed, sans-serif;
font-size: 3rem;
font-style: italic;
font-weight: 700;
color: #fff;
text-transform: uppercase
}
.customVideoBlueBox .shadowDivider {
display: block;
width: 90%;
text-align: center;
margin: 0 auto
}
.customVideoBlueBox #lightbox_video1,
.customVideoBlueBox #lightbox_video2 {
text-align: center;
margin: 0 auto;
padding: .37rem .9rem;
height: 100%;
width: 100%;
resize: both
}
header.fixed-top.small li.top-social-media {
height: 9rem
}
header.fixed-top.small li.top-social-media a i {
line-height: 10rem
}
@media only screen and (max-width:405px) {
.customVideoBlueBox #lightbox_video1,
.customVideoBlueBox #lightbox_video2 {
padding: .65rem 0
}
}
@media only screen and (max-width:405px) {
.customVideoBlueBox .jw-aspect {
padding-top: 52% !important
}
}
.customVideoBlueBox:after {
content: "";
display: block;
width: 15rem;
height: 15rem;
position: absolute;
margin-left: calc(100% - 16rem);
margin-top: -7.5rem;
z-index: 1
}
@media (max-width:767px) {
.customVideoBlueBox:after {
margin-left: calc(100% - 11rem);
margin-top: -4.5rem;
width: 10rem;
height: 10rem;
background-size: 10rem
}
}
@media (max-width:991px) and (min-width:768px) {
.customVideoBlueBox:after {
margin-left: calc(100% - 11rem);
margin-top: -5rem;
width: 8rem;
height: 8rem;
background-size: 8rem
}
}
@media (max-width:1199px) and (min-width:992px) {
.customVideoBlueBox:after {
margin-left: calc(100% - 11rem);
margin-top: -5rem;
width: 10rem;
height: 10rem;
background-size: 10rem
}
}
.centerUnderLarge {
margin-top: 2.5rem;
margin-bottom: 5rem
}
@media (max-width:1199px) {
.centerUnderLarge {
text-align: center
}
}
#wrapper .fusion-page-title-bar {
border: 0;
padding-top: 0;
padding-bottom: 0;
background: url(//abansiss.com/wp-content/themes/Abans/imgs/top-bg-cut.svg) -65vw top/125vw auto no-repeat !important
}
@media (max-width:991px) {
#wrapper .fusion-page-title-bar {
background: #ffefd6 !important
}
}
#wrapper .fusion-page-title-bar .fusion-page-title-captions h1 {
float: left;
font-family: open sans condensed, sans-serif;
-webkit-font-smoothing: subpixel-antialiased;
color: #99815b;
text-align: left;
font-size: 3.9rem;
line-height: 6rem;
font-weight: 400
}
#wrapper .fusion-page-title-bar .fusion-page-title-captions h1:before {
content: "";
display: inline-block;
width: 3.2rem;
height: 2.4rem;
margin-right: 1rem;
vertical-align: baseline;
background: url(//abansiss.com/wp-content/themes/Abans/imgs/newspaper.svg) 50%/contain no-repeat
}
.fusion-collapse-month {
-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-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
-webkit-perspective: 2 e3px;
-moz-perspective: 2 e3px;
-ms-perspective: 2 e3px;
-o-perspective: 2 e3px;
perspective: 2 e3px;
-webkit-transform: translateZ(50px);
-moz-transform: translateZ(50px);
-ms-transform: translateZ(50px);
-o-transform: translateZ(50px);
transform: translateZ(50px)
}
.fusion-left-column {
-webkit-transform-origin: 0 50% 100px;
-moz-transform-origin: 0 50% 100px;
-ms-transform-origin: 0 50% 100px;
-o-transform-origin: 0 50% 100px;
transform-origin: 0 50% 100px
}
.fusion-right-column {
-webkit-transform-origin: 100% 50% 100px;
-moz-transform-origin: 100% 50% 100px;
-ms-transform-origin: 100% 50% 100px;
-o-transform-origin: 100% 50% 100px;
transform-origin: 100% 50% 100px
}
@media only screen and (max-width:800px) {
.fusion-body .fusion-page-title-bar {
min-height: 50px
}
}
p.k2-content {
color: #fff
}
.hex {
width: 180px;
height: 103.9231px;
background-color: #fff;
background-repeat: no-repeat;
background-position: 50% 50%;
-moz-background-size: auto 126px;
-o-background-size: auto 126px;
-webkit-background-size: auto 126px;
background-size: auto 126px;
position: relative;
float: left;
margin-top: 36.24px;
margin-right: 6px;
margin-bottom: 36.24px;
margin-left: 6px;
text-align: center;
zoom: 1;
border-right: 1px solid #000;
border-left: 1px solid #000
}
.hex.hex-gap {
margin-left: 103.9231px
}
.hex:hover {
cursor: pointer;
opacity: .5;
-moz-box-shadow: red 2px 2px 10px;
-webkit-box-shadow: red 2px 2px 10px;
box-shadow: red 2px 2px 10px
}
.hex a {
display: block;
width: 100%;
height: 100%;
text-indent: -9999em;
position: absolute;
top: 0;
left: 0
}
.hex .corner-1,
.hex .corner-2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: inherit;
z-index: -2;
border-right: 1px solid #000;
border-left: 1px solid #000;
overflow: hidden;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.hex .corner-1:before,
.hex .corner-2:before {
width: 207.6px;
height: 207.6px;
content: '';
position: absolute;
background: inherit;
top: 0;
left: 0;
z-index: 1;
background: inherit;
background-repeat: no-repeat;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.hex .corner-1 {
z-index: -1;
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
transform: rotate(60deg)
}
.hex .corner-1:before {
-moz-transform: rotate(-60deg) translate(-103.9231px, 0);
-ms-transform: rotate(-60deg) translate(-103.9231px, 0);
-webkit-transform: rotate(-60deg) translate(-103.9231px, 0);
transform: rotate(-60deg) translate(-103.9231px, 0);
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
.hex .corner-2 {
-moz-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg)
}
.hex .corner-2:before {
-moz-transform: rotate(60deg) translate(-51.96155px, -14px);
-ms-transform: rotate(60deg) translate(-51.96155px, -14px);
-webkit-transform: rotate(60deg) translate(-51.96155px, -14px);
transform: rotate(60deg) translate(-51.96155px, -14px);
bottom: 0
}
.hex .inner {
color: #333
}
.hex h4 {
font-family: 'Josefin Sans', sans-serif;
font-size: 1.44em;
margin: 0
}
.hex hr {
width: 60%;
border: 0;
border-top: 3px solid #eee;
margin: 12px auto
}
.hex p {
font-size: 1.2em;
font-family: 'Kotta One', serif;
width: 80%;
margin: 0 auto
}
.hex.hex-1 {
background: #74cddb
}
.hex.hex-2 {
background: #f5c53c
}
.hex.hex-3 {
background: #80b971
}
.hexa {
width: 190px;
-webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
-moz-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
-ms-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%)
}
.gon {
width: 200px;
height: 200px;
background: url(//abansiss.com/wp-content/themes/Abans/imgs/clean/bg1.jpg) no-repeat 50% 50%;
background-size: 220px 220px;
line-height: 220px;
text-align: center;
font-family: sans-serif;
font-size: 15px;
font-weight: 700;
letter-spacing: 1px;
color: #fff;
color: rgba(255, 255, 255, );
cursor: pointer;
transition: color .5s ease, text-shadow .5s ease
}
.gon:hover {
color: rgba(255, 255, 255, 0);
text-shadow: 0 0 10px #fff
}
.hexa.gon:first-child {
margin-left: 10%
}
.hexa.gon {
float: left;
margin: 0 auto;
margin-right: 10px;
margin-top: -43px
}
.hexone {
background: url(//abansiss.com/wp-content/themes/Abans/imgs/clean/Corporates.JPG) no-repeat 50% 50%;
background-size: cover
}
.hextwo {
background: url(//abansiss.com/wp-content/themes/Abans/imgs/clean/shopping.png) no-repeat 50% 50%;
background-size: cover
}
.hexthree {
background: url(//abansiss.com/wp-content/themes/Abans/imgs/clean/fac.png) no-repeat 50% 50%;
background-size: cover
}
.hexfour {
background: url(//abansiss.com/wp-content/themes/Abans/imgs/clean/hospitl.jpg) no-repeat 50% 50%;
background-size: cover
}
.hexfive {
background: url(//abansiss.com/wp-content/themes/Abans/imgs/clean/market.jpg) no-repeat 50% 50%;
background-size: cover
}
.hexsix {
background: url(//abansiss.com/wp-content/themes/Abans/imgs/clean/apartments.png) no-repeat 50% 50%;
background-size: cover
}
.hexseven {
background: url(//abansiss.com/wp-content/themes/Abans/imgs/clean/hospitality.png) no-repeat 50% 50%;
background-size: cover
}
.hexeight {
background: url(//abansiss.com/wp-content/themes/Abans/imgs/clean/institute.png) no-repeat 50% 50%;
background-size: cover
}
.hexnine {
background: url(//abansiss.com/wp-content/themes/Abans/imgs/clean/hotel.png) no-repeat 50% 50%;
background-size: cover
}
.hexa.gon h5 {
color: #781d7e;
position: absolute;
display: block;
margin: 0 auto;
left: 50%;
top: 70%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
display: none;
-webkit-animation: fadeInSlow .2s linear 0s 1 normal forwards running;
-moz-animation: fadeInSlow .2s linear 0s 1 normal forwards running;
-ms-animation: fadeInSlow .2s linear 0s 1 normal forwards running;
-o-animation: fadeInSlow .2s linear 0s 1 normal forwards running;
animation: fadeInSlow .2s linear 0s 1 normal forwards running;
transition: ease
}
.hexa.gon:hover h5 {
display: block;
-webkit-animation: fadeInSlow .2s linear 0s 1 normal forwards running;
-moz-animation: fadeInSlow .2s linear 0s 1 normal forwards running;
-ms-animation: fadeInSlow .2s linear 0s 1 normal forwards running;
-o-animation: fadeInSlow .2s linear 0s 1 normal forwards running;
animation: fadeInSlow .2s linear 0s 1 normal forwards running;
width: 90%;
line-height: 20px;
font-weight: 600;
top: 50%;
transition: ease
}
.hexa.gon:hover:after {
content: "";
display: block;
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: rgba(255, 255, 255, .54);
-webkit-animation: fadeInSlow .2s linear 0s 1 normal forwards running;
-moz-animation: fadeInSlow .2s linear 0s 1 normal forwards running;
-ms-animation: fadeInSlow .2s linear 0s 1 normal forwards running;
-o-animation: fadeInSlow .2s linear 0s 1 normal forwards running;
animation: fadeInSlow .2s linear 0s 1 normal forwards running
}
.col-md-12.hexo {
margin-top: 64px
}
article.clean-img img {
width: inherit
}
.hexa.gon p {
text-shadow: 0 0 7px #000
}
.hexa.gon h4 {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 21px;
font-weight: 200;
font-size: 1.5rem;
width: 90%;
font-size: initial;
line-height: 21px;
text-shadow: 0 0 7px #000;
z-index: 1
}
.hexa.gon:hover h4 {
text-shadow: none
}
.hexa.gon:after {
content: "";
display: block;
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, .25)
}
section.homeIndustry {
margin-bottom: 5%
}
.testimonial {
background-color: #781d7e;
color: #fff;
height: 50px;
text-align: center
}
section.blockquotes.animated {
padding: 0
}
.col.testimonials {
margin-top: 20px
}
figure#footerLogo-two img {
display: block;
width: 200px;
height: auto;
margin: auto
}
figure#footerLogo-one img {
display: block;
width: 200px;
height: auto;
margin: auto
}
h2.topic1 {
font-weight: 600;
position: relative
}
hr {
position: absolute;
width: -webkit-fill-available;
margin-left: 250px;
bottom: 0;
background-color: #ffd40e;
border: 0;
height: 5px
}
h2.topic1.genaral hr {
margin-left: 325px
}
section.homeIndustry.pest-control-page {
margin-top: 45px
}
img.Evolution {
width: 100%
}
article.clean-img img {
width: 100%;
height: auto;
position: absolute;
top: -20%
}
@media (min-width:1000px) {
#timeline .demo-card:nth-child(even) .head::after,
#timeline .demo-card:nth-child(odd) .head::after {
position: absolute;
content: "";
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent
}
#timeline .demo-card:nth-child(even) .head::before,
#timeline .demo-card:nth-child(odd) .head::before {
position: absolute;
content: "";
width: 9px;
height: 9px;
background-color: #bdbdbd;
border-radius: 9px;
box-shadow: 0 0 2px 8px #f7f7f7
}
}
.demo-card:nth-child(1) {
order: 1
}
.demo-card:nth-child(2) {
order: 4
}
.demo-card:nth-child(3) {
order: 2
}
.demo-card:nth-child(4) {
order: 5
}
.demo-card:nth-child(5) {
order: 3
}
.demo-card:nth-child(6) {
order: 6
}
* {
box-sizing: border-box
}
body-news {
font-family: Roboto
}
#timeline {
padding: 100px 0;
background: #f7f7f7;
border-top: 1px solid rgba(191, 191, 191, .4);
border-bottom: 1px solid rgba(191, 191, 191, .4)
}
#timeline h1 {
text-align: center;
font-size: 3rem;
font-weight: 200;
margin-bottom: 20px
}
#timeline p.leader {
text-align: center;
max-width: 90%;
margin: auto;
margin-bottom: 45px
}
#timeline .demo-card-wrapper {
position: relative;
margin: auto
}
@media (min-width:1000px) {
#timeline .demo-card-wrapper {
display: flex;
flex-flow: column wrap;
width: 1170px;
height: 1650px;
margin: 0 auto
}
}
#timeline .demo-card-wrapper::after {
z-index: 1;
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
border-left: 1px solid rgba(191, 191, 191, .4)
}
@media (min-width:1000px) {
#timeline .demo-card-wrapper::after {
border-left: 1px solid #bdbdbd
}
}
#timeline .demo-card {
position: relative;
display: block;
margin: 10px auto 80px;
max-width: 94%;
z-index: 2
}
@media (min-width:480px) {
#timeline .demo-card {
max-width: 60%;
box-shadow: 0 1px 22px 4px rgba(0, 0, 0, .07)
}
}
@media (min-width:720px) {
#timeline .demo-card {
max-width: 40%
}
}
@media (min-width:1000px) {
#timeline .demo-card {
max-width: 450px;
height: 400px;
margin: 90px;
margin-top: 45px;
margin-bottom: 45px
}
#timeline .demo-card:nth-child(odd) {
margin-right: 45px
}
#timeline .demo-card:nth-child(odd) .head::after {
border-left-width: 15px;
border-left-style: solid;
left: 100%
}
#timeline .demo-card:nth-child(odd) .head::before {
left: 491.5px
}
#timeline .demo-card:nth-child(even) {
margin-left: 45px
}
#timeline .demo-card:nth-child(even) .head::after {
border-right-width: 15px;
border-right-style: solid;
right: 100%
}
#timeline .demo-card:nth-child(even) .head::before {
right: 489.5px
}
#timeline .demo-card:nth-child(2) {
margin-top: 180px
}
}
#timeline .demo-card .head {
position: relative;
display: flex;
align-items: center;
color: #fff;
font-weight: 400
}
#timeline .demo-card .head .number-box {
display: inline;
float: left;
margin: 15px;
padding: 10px;
font-size: 35px;
line-height: 35px;
font-weight: 600;
background: rgba(0, 0, 0, .17)
}
#timeline .demo-card .head h2 {
text-transform: uppercase;
font-size: 2.3rem !important;
font-weight: inherit;
letter-spacing: 2px;
margin: 0;
padding-bottom: 6px;
line-height: 3rem !important
}
@media (min-width:480px) {
#timeline .demo-card .head h2 {
font-size: 165%;
line-height: 2.2rem
}
}
#timeline .demo-card .head h2 span {
display: block;
font-size: .6rem;
margin: 0
}
@media (min-width:480px) {
#timeline .demo-card .head h2 span {
font-size: .8rem
}
}
#timeline .demo-card .body-news {
background: #fff;
border: 1px solid rgba(191, 191, 191, .4);
border-top: 0;
padding: 15px
}
@media (min-width:1000px) {
#timeline .demo-card .body-news {
height: 315px
}
}
#timeline .demo-card .body-news p {
font-size: 14px;
line-height: 18px;
margin-bottom: 15px
}
#timeline .demo-card .body-news img {
display: block;
width: 100%
}
#timeline .demo-card--step1 {
background-color: #46b8e9
}
#timeline .demo-card--step1 .head::after {
border-color: #46b8e9
}
#timeline .demo-card--step2 {
background-color: #3ee9d1
}
#timeline .demo-card--step2 .head::after {
border-color: #3ee9d1
}
#timeline .demo-card--step3 {
background-color: #ce43eb
}
#timeline .demo-card--step3 .head::after {
border-color: #ce43eb
}
#timeline .demo-card--step4 {
background-color: #4d92eb
}
#timeline .demo-card--step4 .head::after {
border-color: #4d92eb
}
#timeline .demo-card--step5 {
background-color: #46b8e9
}
#timeline .demo-card--step5 .head::after {
border-color: #46b8e9
}
.col-md-12.hexo-main {
padding: initial
}
h2.partners {
text-align: center
}
.slick-slide {
margin: 0 20px
}
.slick-slide img {
width: 100%
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block
}
.slick-track:after,
.slick-track:before {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
min-height: 1px
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.svk-form {
background-color: #216eab;
margin: 0 !important;
padding: 20px 50px
}
select.form-control:not([size]):not([multiple]) {
height: auto !important
}
.svk-form p {
color: #fff
}
.main-menu .current-menu-ancestor>a,
.main-menu .current_page_item>a {
color: #fff
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
color: #fff !important
}
.wpcf7-not-valid-tip {
color: #ffb000 !important
}
@media (max-width:767px) {
article#topMobile div.imgbg {
display: block;
width: 100%;
height: 100vw;
background-size: auto 100vw;
background-position: 17%;
background-repeat: no-repeat
}
article#topMobile div.imgbg h2 {
display: block;
width: 100%;
height: 100vw;
background-color: #00000080;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding-top: 40vw
}
}
.slick-track {
margin: 0 auto
}
section.contactForm h1 {
display: block;
z-index: 200;
position: inherit;
}
.footelink  a{
text-decoration: none;
display: block;
font-family: open sans, sans-serif;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
color: #781d7e;
text-align: right;
font-size: 2.5rem; font-weight: 300; margin-bottom: 0;
}
.footelink{
text-decoration: none;
color: #781d7e;
}
@media (max-width: 992px){
.footelink a {
text-align: center;
}
}@media only screen and (max-width:1200px) and (min-width:992px) {
.hexa.gon:first-child {
margin-left: 12%
}
.hexa.gon.hexeight:nth-child(8) {
margin-left: 12%
}
}
@media only screen and (max-width:991.9px) and (min-width:768px) {
.hexa.gon:first-child {
margin-left: 16%
}
.hexa.gon:nth-child(6) {
margin-left: 16%
}
}
@media (max-width: 767px) {
body footer #footer p.disclaimer {
text-align: center;
font-size: 14px;
}
}
@media only screen and (max-width:767.9px) and (min-width:600px) {
.col-md-12.hexo {
margin: 10%
}
.hexa.gon:first-child {
margin-left: 0
}
.hexa.gon:nth-child(3) {
margin-left: 22%
}
.hexa.gon:nth-child(6) {
margin-left: 22%
}
.hexa.gon:nth-child(9) {
margin-left: 22%
}
}
@media only screen and (max-width:599.9px) and (min-width:320px) {
.hexa.gon:first-child {
margin-left: 0
}
.gon {
width: 140px;
height: 140px
}
.col-md-12.hexo {
margin: 8%
}
.hexa.gon:nth-child(4) {
margin-left: 16%
}
.hexa.gon:nth-child(9) {
margin-left: 16%
}
.hexa.gon {
margin-top: -28px
}
.col-md-12.hexo-main {
padding: initial;
margin-left: -20px;
}
}
@media only screen and (max-width:510px) and (min-width:431px) {
.gon {
width: 120px;
height: 120px
}
.hexa.gon:nth-child(3) {
margin-left: 0
}
.hexa.gon {
margin-right: 4px
}
}
@media only screen and (max-width:432px) and (min-width:320px) {
.gon {
width: 31%;
height: 120px
}
.hexa.gon:nth-child(3) {
margin-left: 0
}
.hexa.gon {
margin-right: 4px
}
.hexa.gon h4 {
font-size: 12px;
font-weight: 100
}
}
#timeline {
padding: 10px 0;
background: #f7f7f7;
border-top: 1px solid rgba(191, 191, 191, .4);
border-bottom: 1px solid rgba(191, 191, 191, .4);
}
@media (max-width: 992px) {
.main-menu .current-menu-ancestor>a,
.main-menu .current_page_item>a {
color: #ffcb01;
}
section.contactForm {
margin-top: 50px;
}
section#timeline {
margin-top: 50px;
}
}