@charset "UTF-8";
.box-container,
.box-container-fluid{
margin-left: auto;
margin-right: auto;
}
.box-container-fluid{
width: 100%;
}
.clearfix:after,
.box-container:after,
.box-container-fluid:after{
content: "";
display: block;
width: 100%;
height: 0;
clear: both;	
}
.box-1, .box-2, .box-3, .box-4, .box-5, .box-6, .box-7, .box-8, .box-9, .box-10, .box-11, .box-12 {
display:block;
float: left;
padding-left: 10px;
padding-right: 10px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.box-1 {
width: 8.33333333%;
}
.box-2 {
width: 16.66666667%;
}
.box-3 {
width: 25%;
}
.box-4 {
width: 33.33333333%;
}
.box-5 {
width: 41.66666667%;
}.box-6 {
width: 50%;
}
.box-7 {
width: 58.33333333%;
}
.box-8 {
width: 66.66666667%;
}
.box-9 {
width: 75%;
}
.box-10 {
width: 83.33333333%;
}
.box-11 {
width: 91.66666667%;
}
.box-12 {
width: 100%;
} .box-offset-1 {
margin-left: 8.33333333%;
}
.box-offset-2 {
margin-left: 16.66666667%;
}
.box-offset-3 {
margin-left: 25%;
}
.box-offset-4 {
margin-left: 33.33333333%;
}
.box-offset-5 {
margin-left: 41.66666667%;
}
.box-offset-6 {
margin-left: 50%;
}
.box-offset-7 {
margin-left: 58.33333333%;
}
.box-offset-8 {
margin-left: 66.66666667%;
}
.box-offset-9 {
margin-left: 75%;
}
.box-offset-10 {
margin-left: 83.33333333%;
}
.box-offset-11 {
margin-left: 91.66666667%;
}
.box-offset-12 {
margin-left: 100%;
} @media (min-width: 1245px) {
.box-container {
width: 1200px;
}
}
@media (min-width: 960) and (max-width: 1199px) {
.box-container {
width: 960px;
}
}
@media (max-width: 767px) {
.box-container {
width: 90%;
}
.box-1, .box-2, .box-3, .box-4, .box-5, .box-6, .box-7, .box-8, .box-9, .box-10, .box-11, .box-12 {
width: 100%;
padding-left: 0;
padding-right: 0;
} .box-offset-1, .box-offset-2, .box-offset-3, .box-offset-4, .box-offset-5, .box-offset-6, .box-offset-7, .box-offset-8, .box-offset-9, .box-offset-10, .box-offset-11, .box-offset-12 {
margin-left: 0;
}
} .rsp-img,
.scale{
width: 100%;
height: auto;
} .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}a,
p,
span,
input,
.rev-sm-cap,
.spo-quote p,
.spo-service-wrap h3,
.spo-section-subtitle,
.spo-portfolio-item-cats,
.spo-portfolio-item-title,
#spo-portfolio-filter li a,
.spo-portfolio-drag-item-title{
font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
}
.rev-big-cap,
.spo-subtitle,
.about-subtitle,
.spo-section-title,
h1, h2, h3, h4, h5,
.pricing-table-title,
.spo-portfolio-item-cats,
.spo-intro-heading .spo-intro-subtitle{
font-family: 'Raleway', sans-serif, Arial, Verdana, 'Tahoma';
} @font-face {
font-family: 'icomoon';
src:url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/fonts/icomoon.eot?ucu0dk);
src:url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/fonts/icomoon.eot?#iefixucu0dk) format('embedded-opentype'),
url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/fonts/icomoon.woff?ucu0dk) format('woff'),
url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/fonts/icomoon.ttf?ucu0dk) format('truetype'),
url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/fonts/icomoon.svg?ucu0dk#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-heart2:before {
content: "\e734";
}
.icon-cloud:before {
content: "\e735";
}
.icon-star2:before {
content: "\e736";
}
.icon-tv:before {
content: "\e737";
}
.icon-sound:before {
content: "\e738";
}
.icon-video2:before {
content: "\e739";
}
.icon-trash2:before {
content: "\e73a";
}
.icon-user2:before {
content: "\e73b";
}
.icon-key2:before {
content: "\e73c";
}
.icon-search:before {
content: "\e73d";
}
.icon-settings:before {
content: "\e73e";
}
.icon-camera2:before {
content: "\e73f";
}
.icon-tag2:before {
content: "\e740";
}
.icon-lock:before {
content: "\e741";
}
.icon-bulb:before {
content: "\e742";
}
.icon-pen2:before {
content: "\e743";
}
.icon-diamond:before {
content: "\e744";
}
.icon-display:before {
content: "\e745";
}
.icon-location2:before {
content: "\e746";
}
.icon-eye2:before {
content: "\e747";
}
.icon-bubble:before {
content: "\e748";
}
.icon-stack:before {
content: "\e749";
}
.icon-cup:before {
content: "\e74a";
}
.icon-phone2:before {
content: "\e74b";
}
.icon-news2:before {
content: "\e74c";
}
.icon-mail2:before {
content: "\e74d";
}
.icon-like:before {
content: "\e74e";
}
.icon-photo:before {
content: "\e74f";
}
.icon-note:before {
content: "\e750";
}
.icon-clock:before {
content: "\e751";
}
.icon-paperplane:before {
content: "\e752";
}
.icon-params:before {
content: "\e753";
}
.icon-banknote:before {
content: "\e754";
}
.icon-data:before {
content: "\e755";
}
.icon-music:before {
content: "\e756";
}
.icon-megaphone:before {
content: "\e757";
}
.icon-study:before {
content: "\e758";
}
.icon-lab:before {
content: "\e759";
}
.icon-food:before {
content: "\e75a";
}
.icon-t-shirt:before {
content: "\e75b";
}
.icon-fire:before {
content: "\e75c";
}
.icon-clip:before {
content: "\e75d";
}
.icon-shop:before {
content: "\e75e";
}
.icon-calendar:before {
content: "\e75f";
}
.icon-wallet:before {
content: "\e760";
}
.icon-vynil:before {
content: "\e761";
}
.icon-truck:before {
content: "\e762";
}
.icon-world2:before {
content: "\e763";
}
.icon-phone:before {
content: "\e600";
}
.icon-mobile:before {
content: "\e601";
}
.icon-mouse:before {
content: "\e602";
}
.icon-directions:before {
content: "\e603";
}
.icon-mail22:before {
content: "\e604";
}
.icon-paperplane2:before {
content: "\e605";
}
.icon-pencil:before {
content: "\e606";
}
.icon-feather:before {
content: "\e607";
}
.icon-paperclip:before {
content: "\e608";
}
.icon-drawer:before {
content: "\e609";
}
.icon-reply:before {
content: "\e60a";
}
.icon-reply-all:before {
content: "\e60b";
}
.icon-forward:before {
content: "\e60c";
}
.icon-user:before {
content: "\e60d";
}
.icon-users:before {
content: "\e60e";
}
.icon-user-add:before {
content: "\e60f";
}
.icon-vcard:before {
content: "\e610";
}
.icon-export:before {
content: "\e611";
}
.icon-location:before {
content: "\e612";
}
.icon-map:before {
content: "\e613";
}
.icon-compass:before {
content: "\e614";
}
.icon-location22:before {
content: "\e615";
}
.icon-target:before {
content: "\e616";
}
.icon-share:before {
content: "\e617";
}
.icon-sharable:before {
content: "\e618";
}
.icon-heart:before {
content: "\e619";
}
.icon-heart22:before {
content: "\e61a";
}
.icon-star:before {
content: "\e61b";
}
.icon-star22:before {
content: "\e61c";
}
.icon-thumbsup:before {
content: "\e61d";
}
.icon-thumbsdown:before {
content: "\e61e";
}
.icon-chat:before {
content: "\e61f";
}
.icon-comment:before {
content: "\e620";
}
.icon-quote:before {
content: "\e621";
}
.icon-house:before {
content: "\e622";
}
.icon-popup:before {
content: "\e623";
}
.icon-search2:before {
content: "\e624";
}
.icon-flashlight:before {
content: "\e625";
}
.icon-printer:before {
content: "\e626";
}
.icon-bell:before {
content: "\e627";
}
.icon-link:before {
content: "\e628";
}
.icon-flag:before {
content: "\e629";
}
.icon-cog:before {
content: "\e62a";
}
.icon-tools:before {
content: "\e62b";
}
.icon-trophy:before {
content: "\e62c";
}
.icon-tag:before {
content: "\e62d";
}
.icon-camera:before {
content: "\e62e";
}
.icon-megaphone2:before {
content: "\e62f";
}
.icon-moon:before {
content: "\e630";
}
.icon-palette:before {
content: "\e631";
}
.icon-leaf:before {
content: "\e632";
}
.icon-music2:before {
content: "\e633";
}
.icon-music22:before {
content: "\e634";
}
.icon-new:before {
content: "\e635";
}
.icon-graduation:before {
content: "\e636";
}
.icon-book:before {
content: "\e637";
}
.icon-newspaper:before {
content: "\e638";
}
.icon-bag:before {
content: "\e639";
}
.icon-airplane:before {
content: "\e63a";
}
.icon-lifebuoy:before {
content: "\e63b";
}
.icon-eye:before {
content: "\e63c";
}
.icon-clock2:before {
content: "\e63d";
}
.icon-microphone:before {
content: "\e63e";
}
.icon-calendar2:before {
content: "\e63f";
}
.icon-bolt:before {
content: "\e640";
}
.icon-thunder:before {
content: "\e641";
}
.icon-droplet:before {
content: "\e642";
}
.icon-cd:before {
content: "\e643";
}
.icon-briefcase:before {
content: "\e644";
}
.icon-air:before {
content: "\e645";
}
.icon-hourglass:before {
content: "\e646";
}
.icon-gauge:before {
content: "\e647";
}
.icon-language:before {
content: "\e648";
}
.icon-network:before {
content: "\e649";
}
.icon-key:before {
content: "\e64a";
}
.icon-battery:before {
content: "\e64b";
}
.icon-bucket:before {
content: "\e64c";
}
.icon-magnet:before {
content: "\e64d";
}
.icon-drive:before {
content: "\e64e";
}
.icon-cup2:before {
content: "\e64f";
}
.icon-rocket:before {
content: "\e650";
}
.icon-brush:before {
content: "\e651";
}
.icon-suitcase:before {
content: "\e652";
}
.icon-cone:before {
content: "\e653";
}
.icon-earth:before {
content: "\e654";
}
.icon-keyboard:before {
content: "\e655";
}
.icon-browser:before {
content: "\e656";
}
.icon-publish:before {
content: "\e657";
}
.icon-progress-3:before {
content: "\e658";
}
.icon-progress-2:before {
content: "\e659";
}
.icon-brogress-1:before {
content: "\e65a";
}
.icon-progress-0:before {
content: "\e65b";
}
.icon-sun:before {
content: "\e65c";
}
.icon-sun2:before {
content: "\e65d";
}
.icon-adjust:before {
content: "\e65e";
}
.icon-code:before {
content: "\e65f";
}
.icon-screen:before {
content: "\e660";
}
.icon-infinity:before {
content: "\e661";
}
.icon-light-bulb:before {
content: "\e662";
}
.icon-creditcard:before {
content: "\e663";
}
.icon-database:before {
content: "\e664";
}
.icon-voicemail:before {
content: "\e665";
}
.icon-clipboard:before {
content: "\e666";
}
.icon-cart:before {
content: "\e667";
}
.icon-box:before {
content: "\e668";
}
.icon-ticket:before {
content: "\e669";
}
.icon-rss:before {
content: "\e66a";
}
.icon-signal:before {
content: "\e66b";
}
.icon-thermometer:before {
content: "\e66c";
}
.icon-droplets:before {
content: "\e66d";
}
.icon-uniE66E:before {
content: "\e66e";
}
.icon-statistics:before {
content: "\e66f";
}
.icon-pie:before {
content: "\e670";
}
.icon-bars:before {
content: "\e671";
}
.icon-graph:before {
content: "\e672";
}
.icon-lock2:before {
content: "\e673";
}
.icon-lock-open:before {
content: "\e674";
}
.icon-logout:before {
content: "\e675";
}
.icon-login:before {
content: "\e676";
}
.icon-checkmark:before {
content: "\e677";
}
.icon-cross:before {
content: "\e678";
}
.icon-minus:before {
content: "\e679";
}
.icon-plus:before {
content: "\e67a";
}
.icon-cross2:before {
content: "\e67b";
}
.icon-minus2:before {
content: "\e67c";
}
.icon-plus2:before {
content: "\e67d";
}
.icon-cross3:before {
content: "\e67e";
}
.icon-minus3:before {
content: "\e67f";
}
.icon-plus3:before {
content: "\e680";
}
.icon-erase:before {
content: "\e681";
}
.icon-blocked:before {
content: "\e682";
}
.icon-info:before {
content: "\e683";
}
.icon-info2:before {
content: "\e684";
}
.icon-question:before {
content: "\e685";
}
.icon-help:before {
content: "\e686";
}
.icon-warning:before {
content: "\e687";
}
.icon-cycle:before {
content: "\e688";
}
.icon-cw:before {
content: "\e689";
}
.icon-ccw:before {
content: "\e68a";
}
.icon-shuffle:before {
content: "\e68b";
}
.icon-arrow:before {
content: "\e68c";
}
.icon-arrow2:before {
content: "\e68d";
}
.icon-retweet:before {
content: "\e68e";
}
.icon-loop:before {
content: "\e68f";
}
.icon-history:before {
content: "\e690";
}
.icon-back:before {
content: "\e691";
}
.icon-switch:before {
content: "\e692";
}
.icon-list:before {
content: "\e693";
}
.icon-add-to-list:before {
content: "\e694";
}
.icon-layout:before {
content: "\e695";
}
.icon-list2:before {
content: "\e696";
}
.icon-text:before {
content: "\e697";
}
.icon-text2:before {
content: "\e698";
}
.icon-document:before {
content: "\e699";
}
.icon-docs:before {
content: "\e69a";
}
.icon-landscape:before {
content: "\e69b";
}
.icon-pictures:before {
content: "\e69c";
}
.icon-video:before {
content: "\e69d";
}
.icon-music3:before {
content: "\e69e";
}
.icon-folder:before {
content: "\e69f";
}
.icon-archive:before {
content: "\e6a0";
}
.icon-trash:before {
content: "\e6a1";
}
.icon-upload:before {
content: "\e6a2";
}
.icon-download:before {
content: "\e6a3";
}
.icon-disk:before {
content: "\e6a4";
}
.icon-install:before {
content: "\e6a5";
}
.icon-cloud2:before {
content: "\e6a6";
}
.icon-upload2:before {
content: "\e6a7";
}
.icon-bookmark:before {
content: "\e6a8";
}
.icon-bookmarks:before {
content: "\e6a9";
}
.icon-book2:before {
content: "\e6aa";
}
.icon-play:before {
content: "\e6ab";
}
.icon-pause:before {
content: "\e6ac";
}
.icon-record:before {
content: "\e6ad";
}
.icon-stop:before {
content: "\e6ae";
}
.icon-next:before {
content: "\e6af";
}
.icon-previous:before {
content: "\e6b0";
}
.icon-first:before {
content: "\e6b1";
}
.icon-last:before {
content: "\e6b2";
}
.icon-resize-enlarge:before {
content: "\e6b3";
}
.icon-resize-shrink:before {
content: "\e6b4";
}
.icon-volume:before {
content: "\e6b5";
}
.icon-sound2:before {
content: "\e6b6";
}
.icon-mute:before {
content: "\e6b7";
}
.icon-flow-cascade:before {
content: "\e6b8";
}
.icon-flow-branch:before {
content: "\e6b9";
}
.icon-flow-tree:before {
content: "\e6ba";
}
.icon-flow-line:before {
content: "\e6bb";
}
.icon-flow-parallel:before {
content: "\e6bc";
}
.icon-arrow-left:before {
content: "\e6bd";
}
.icon-arrow-down:before {
content: "\e6be";
}
.icon-arrow-up-upload:before {
content: "\e6bf";
}
.icon-arrow-right:before {
content: "\e6c0";
}
.icon-arrow-left2:before {
content: "\e6c1";
}
.icon-arrow-down2:before {
content: "\e6c2";
}
.icon-arrow-up:before {
content: "\e6c3";
}
.icon-arrow-right2:before {
content: "\e6c4";
}
.icon-arrow-left3:before {
content: "\e6c5";
}
.icon-arrow-down3:before {
content: "\e6c6";
}
.icon-arrow-up2:before {
content: "\e6c7";
}
.icon-arrow-right3:before {
content: "\e6c8";
}
.icon-arrow-left4:before {
content: "\e6c9";
}
.icon-arrow-down4:before {
content: "\e6ca";
}
.icon-arrow-up3:before {
content: "\e6cb";
}
.icon-arrow-right4:before {
content: "\e6cc";
}
.icon-arrow-left5:before {
content: "\e6cd";
}
.icon-arrow-down5:before {
content: "\e6ce";
}
.icon-arrow-up4:before {
content: "\e6cf";
}
.icon-arrow-right5:before {
content: "\e6d0";
}
.icon-arrow-left6:before {
content: "\e6d1";
}
.icon-arrow-down6:before {
content: "\e6d2";
}
.icon-arrow-up5:before {
content: "\e6d3";
}
.icon-arrow-right6:before {
content: "\e6d4";
}
.icon-arrow-left7:before {
content: "\e6d5";
}
.icon-arrow-down7:before {
content: "\e6d6";
}
.icon-arrow-up6:before {
content: "\e6d7";
}
.icon-uniE6D8:before {
content: "\e6d8";
}
.icon-arrow-left8:before {
content: "\e6d9";
}
.icon-arrow-down8:before {
content: "\e6da";
}
.icon-arrow-up7:before {
content: "\e6db";
}
.icon-arrow-right7:before {
content: "\e6dc";
}
.icon-menu:before {
content: "\e6dd";
}
.icon-ellipsis:before {
content: "\e6de";
}
.icon-dots:before {
content: "\e6df";
}
.icon-dot:before {
content: "\e6e0";
}
.icon-cc:before {
content: "\e6e1";
}
.icon-cc-by:before {
content: "\e6e2";
}
.icon-cc-nc:before {
content: "\e6e3";
}
.icon-cc-nc-eu:before {
content: "\e6e4";
}
.icon-cc-nc-jp:before {
content: "\e6e5";
}
.icon-cc-sa:before {
content: "\e6e6";
}
.icon-cc-nd:before {
content: "\e6e7";
}
.icon-cc-pd:before {
content: "\e6e8";
}
.icon-cc-zero:before {
content: "\e6e9";
}
.icon-cc-share:before {
content: "\e6ea";
}
.icon-cc-share2:before {
content: "\e6eb";
}
.icon-danielbruce:before {
content: "\e6ec";
}
.icon-danielbruce2:before {
content: "\e6ed";
}
.icon-github:before {
content: "\e6ee";
}
.icon-github2:before {
content: "\e6ef";
}
.icon-flickr:before {
content: "\e6f0";
}
.icon-flickr2:before {
content: "\e6f1";
}
.icon-vimeo:before {
content: "\e6f2";
}
.icon-vimeo2:before {
content: "\e6f3";
}
.icon-twitter:before {
content: "\e6f4";
}
.icon-twitter2:before {
content: "\e6f5";
}
.icon-facebook:before {
content: "\e6f6";
}
.icon-facebook2:before {
content: "\e6f7";
}
.icon-facebook3:before {
content: "\e6f8";
}
.icon-googleplus:before {
content: "\e6f9";
}
.icon-googleplus2:before {
content: "\e6fa";
}
.icon-pinterest:before {
content: "\e6fb";
}
.icon-pinterest2:before {
content: "\e6fc";
}
.icon-tumblr:before {
content: "\e6fd";
}
.icon-tumblr2:before {
content: "\e6fe";
}
.icon-linkedin:before {
content: "\e6ff";
}
.icon-linkedin2:before {
content: "\e700";
}
.icon-dribbble:before {
content: "\e701";
}
.icon-dribbble2:before {
content: "\e702";
}
.icon-stumbleupon:before {
content: "\e703";
}
.icon-stumbleupon2:before {
content: "\e704";
}
.icon-lastfm:before {
content: "\e705";
}
.icon-lastfm2:before {
content: "\e706";
}
.icon-rdio:before {
content: "\e707";
}
.icon-rdio2:before {
content: "\e708";
}
.icon-spotify:before {
content: "\e709";
}
.icon-spotify2:before {
content: "\e70a";
}
.icon-qq:before {
content: "\e70b";
}
.icon-instagram:before {
content: "\e70c";
}
.icon-dropbox:before {
content: "\e70d";
}
.icon-evernote:before {
content: "\e70e";
}
.icon-flattr:before {
content: "\e70f";
}
.icon-skype:before {
content: "\e710";
}
.icon-skype2:before {
content: "\e711";
}
.icon-renren:before {
content: "\e712";
}
.icon-sina-weibo:before {
content: "\e713";
}
.icon-paypal:before {
content: "\e714";
}
.icon-picasa:before {
content: "\e715";
}
.icon-soundcloud:before {
content: "\e716";
}
.icon-mixi:before {
content: "\e717";
}
.icon-behance:before {
content: "\e718";
}
.icon-circles:before {
content: "\e719";
}
.icon-vk:before {
content: "\e71a";
}
.icon-smashing:before {
content: "\e71b";
} html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
outline: none;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, video, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
} html{
height: 100%;
width: 100%;
float: left;
overflow-y: scroll;
}
body{
background: #ffffff;
color: #444444;
font: normal 13px Arial, 'sans-serif', Verdana;
width: 100%;
float: left;
}
a{
color: #333333;
text-decoration: none;
-webkit-transition: color 0.4s, background 0.4s;
-moz-transition:    color 0.4s, background 0.4s;
-o-transition:      color 0.4s, background 0.4s;
transition:         color 0.4s, background 0.4s;
}
a,p{
font-size: 1.02em;
}
h1, h2, h3, h4, h5{
line-height: 140%;
color: #444444;
}
h1{
font-size:2.2em;
margin: 0 0 30px;
margin-bottom:20px;
}
h2{
font-size:1.9em;
margin-bottom:20px;
}
h3{
font-size:1.5em;
margin-bottom:10px;
}
h4{
font-size:1.2em;
margin-bottom:10px;
}
h5{
font-size:1em;
margin-bottom:10px;
}
p{
line-height: 160%;
margin: 0px 0px 20px;
}
img{
margin: 0 0 20px;
display: block;
max-width:100%;
height:100%;
}
section{
width: 100%;
float: left;
padding: 60px 0;
overflow: hidden;
} textarea, input[type="text"],
input[type="password"],
input[type="search"]{
background-color: #ffffff;
border: 1px solid #dddddd;
color: #666666;
font-size: 1em;
text-indent: 10px;
outline: none;
width: 100%;
}
input[type="text"],
input[type="password"],
input[type="search"]{
height: 35px;
}
textarea{
resize: none;
overflow: auto;
margin-bottom: 10px;
padding: 10px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}  .team,
.in-touch,
.blog-masonry,
.portfolio-page,
.spo-blog-masonry,
.spo-single-blog-page,
.spo-blog-full-width, 
.spo-blog-full-width-sidebar,
.spo-single-portfolio-page{
background: #f1f1f1;
}
.promo{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.spo-counter{
position:center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover!important;
}
.quote{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover!important;
padding:140px 0px;
}
.quote-two{
background: url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/images/bg/vase.jpg) center center fixed no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 140px 0;
}
.ads{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
.in-touch{
background: url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/images/bg/wood.png) center center fixed repeat;
padding: 140px 0;
}
.intro-2{
background: url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/images/bg/class.jpg) center center fixed no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
}
.intro-3{
background: url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/images/bg/coffee.jpg) center center fixed no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
} #content{
float: left;
width: 100%;
height: 100%;
margin-top: 90px;
} .left	{ float: left; }
.right	{ float: right; }
.no-m	{ margin: 0 !important; }
.no-m-t	{ margin-top: 0 !important; }
.no-m-b	{ margin-bottom: 0 !important; }
.no-m-l	{ margin-left: 0 !important; }
.no-m-r	{ margin-right: 0 !important; }
.no-pd	{ padding: 0 !important; }
.no-pd-t{ padding-top: 0 !important; }
.no-pd-b{ padding-bottom: 0 !important; }
.no-pd-l{ padding-left: 0 !important; }
.no-pd-r{ padding-right: 0 !important; }
.auto	{ margin: 0 auto; }
.align-left{ text-align: left; }
.align-right{ text-align: right; }
.align-center{ text-align: center; }
.thin{ font-weight: 300; } .bold{ font-weight: bold; }
.italic{ font-style: italic; }
.upper{ text-transform: uppercase; }
.white{ color: #ffffff; } .clearfix:after,.container:after, .media:after{
content: "";
clear: both;
display: block;
width: 100%;
}
.f-l {float: left;}
.f-r {float: right;}
.scale {max-width: 100%; height: auto;} .separator{
width: 100%;
display: block;
float: left;
height: 0;
border-top: 1px solid #e4e4e4;
margin: 30px 0;
} .media,
.bd {
overflow: hidden;
_overflow: visible;
zoom: 1;
}
.media .cl {
float: left;
margin-right: 20px;
}
.media .cl img {
display: block;
}
.media .cr {
float: right;
margin-left: 20px;
} .spo-media-icon{ 
margin-top:    20px;
margin-bottom: 20px; 
}
.spo-media-icon i,
.spo-media-icon-2 i{
font-size: 32px;
display: block;
text-align: center;
zoom: 1;
}
.spo-media-icon-2 i{
border-radius: 100%;
color: #ffffff;
padding: 10px;
} .spo-heading-wrap,
.spo-heading-wrap-trans{
margin-bottom: 60px;
}
.spo-heading-wrap-left{
margin-bottom: 30px;
}
.spo-section-title,
.spo-section-title-left{
width: 100%;
font-size:3em;
margin: 60px 0 12px;
text-align: center;
position: relative;
text-transform: uppercase;
}
.spo-section-title-left{
text-align: left;
}
.spo-section-subtitle,
.spo-section-subtitle-left{
color: #999999;
font-size: 1.4em;
font-weight: 300;
display: block;
line-height: 160%;
text-align: center;
width: 100%;
position: relative;
text-transform: uppercase;
margin-top: 35px;	
}
.spo-section-subtitle-left{
text-align: left;
}
.spo-section-title:after{
content: "";
background: url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/images/media/wavy.png) no-repeat;
display: block;
width: 35px;
height: 7px;
margin: 5px auto;
}
.spo-heading-wrap-trans .spo-section-title:after{
background: url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/images/media/wavyw.png) no-repeat;
}
.spo-heading-wrap-trans .spo-section-title,
.spo-heading-wrap-trans .spo-section-subtitle{
color: #ffffff;
}
.spo-heading-wrap-trans .spo-section-title:after{
border-color: #ffffff;
}
.spo-section-second-title,
.spo-section-second-title-trans{
font-size: 1.8em;
text-transform: uppercase;
}
.spo-section-second-title:after,
.spo-section-second-title-trans:after{
border-top: 1px solid #444444;
display: block;
content: "";
width: 30px;
height: 0px;
margin-top: 12px;
}
.spo-heading-wrap-left:after{
content: "";
display: block;
width: 30px;
height: 5px;
margin-top: 20px;
}
.spo-section-second-title-trans{
color: #ffffff;
}
.spo-section-second-title-trans:after{
border-color: #ffffff;
}
.spo-sticky-title{
color: #aaaaaa;
}
.spo-subtitle{
display: block;
font-size: 1.4em;
text-transform: uppercase;
margin-bottom: 40px;
} .spo-section-box-title{
text-align: center;
}
.spo-section-box-title h1{
color: #ffffff;
margin-top: 38%;
text-transform: uppercase;
} .spo-page-title-section {
padding: 70px 0 20px;
}
.spo-page-title {
color: #ffffff;
font-size: 24px;
font-weight: 400;
line-height: 100%;
margin: 0;
}
.spo-page-cover-section{
padding: 80px 0;
}
.spo-page-cover-section .spo-page-title{
display: inline;
font-size: 4em;
text-transform: uppercase;
} .post-nav-ctrl{
width: 100%;
height: 		40px;
line-height:  40px;
margin-top: 30px;
margin-bottom: 20px;
float: left;
position: relative;
box-sizing: border-box;
-webkit-border-radius: 5px;
-moz-border-radius:    5px;
-o-border-radius:      5px;
-ms-border-radius:     5px;
border-radius:         5px;
}
.arrw-prev,
.arrw-next{
position: absolute;
top: 0;
}
.arrw-prev{ left: 0; }
.arrw-next{ right: 0; }
.arrw-prev a,
.arrw-next a,
.return a{
background: #dddddd;
color: #888888;
display: block;
font-size: 24px;
width:  40px;
height: 40px;
text-align: center;
border-radius: 5px;
}
.arrw-prev i,
.arrw-next i,
.return i{
line-height: 40px;
}
.arrw-prev a:hover,
.arrw-next a:hover,
.return a:hover{
background: #cccccc;
}
.return{
margin: 0 auto;
width: 40px;
height: 40px;
} .spo-pagination{
height: 40px;
position: relative;
margin-top: 30px;
margin-bottom: 20px;
width: 100%;
float: left;
}
.spo-pagination-arrows a{
background: #dddddd;
color: #999999;
border-radius: 3px;
display: block;
font-size: 24px;
width:  40px;
height: 40px;
line-height: 40px;
position: absolute;
text-align: center;
top: 0;
}
.spo-pagination-arrows a:hover{
background: #cccccc;
color: #888888;
}
.spo-pagination-arrows a i{
line-height: 40px;
font-weight: bold;
}
.spo-pagination-arrows a.spo-prev-page{
left: 0;
}
.spo-pagination-arrows a.spo-next-page{
right: 0;
}
.spo-pagination-count{
margin: 0 auto;
text-align: center;
}
.spo-pagination-count li{
display: inline-block;
margin-right: 5px;
}
.spo-pagination-count li a{
background: #444444;
border-radius: 3px;
display: block;
color: #ffffff;
font-size: 1.3em;
font-weight: bold;
width:  	 40px;
height: 	 40px;
line-height: 40px;
} .spo-see-full{
color: #ffffff;
border-radius: 100%;
width: 60px;
height: 60px;
line-height: 60px;
display: block;
font: 1.5em 'aleobold', 'sans-serif', Arial, Verdana;
margin: 30px auto 0;
text-align: center;
-webkit-transition: opacity 0.4s;
-moz-transition:    opacity 0.4s;
-o-transition:      opacity 0.4s;
transition:         opacity 0.4s;
}
.spo-see-full i{
line-height: 60px;
font-size: 1.6em;
}
.spo-see-full:hover{
color: #ffffff;
opacity: .7;
} .spo-button,
.spo-button-b,
.spo-button-c,
.spo-button-d{
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 1.4em;
line-height: 1;
outline: none;
padding: 15px 20px;
position: relative;
text-align: center;
text-decoration: none;
border-radius: 3px;
}
.spo-button a,
.spo-button-b a,
.spo-button-c a,
.spo-button-d a{
color: #ffffff;
}
.spo-button:hover{
background: #222222;
color: #ffffff;
}
.spo-button-b,
.spo-button-d{
background: transparent;
border: 3px solid #ffffff;
text-transform: uppercase;
}
.spo-button-b:hover{
background: #ffffff;
color: #333333;
}
.spo-button-c{
background: #ffffff;
border: 3px solid #ffffff;
color: #222222;
text-transform: uppercase;
}
.spo-button-c:hover{
background: #222222;
border-color: #222222;
color: #ffffff;
}
.spo-button-d{
border-color: #222222;
color: #222222;
}
.spo-button-d:hover{
background: #222222;
color: #ffffff;
} .spo-audio-player-container{
width: 100%;
}
.spo-audio-player{
display: block;
width: 100%;
margin-bottom: 20px;
} .spo-social-icon-container{
width: 100%;
float: left;
text-align: center;
margin-bottom: 20px;
} .spo-video-bg-container{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -100;
overflow: hidden;
}
video.full-video {
min-width: 100%; min-height: 100%;
width: auto; height: auto;
background-size: cover;
} .spo-video-container{
position: relative;
padding-bottom: 56.25%; height: 0;
margin-bottom: 20px;
}
.spo-video-container iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} header {
background: #ffffff;
position: fixed;
width: 100%;
left: 0;
z-index: 3000;
-webkit-transition: all 0.3s;
-moz-transition:    all 0.3s;
-o-transition:      all 0.3s;
transition:         all 0.3s;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
}
.header-container{
margin-bottom: 0;
} .spo-logo{
display: block;
float: left;
width: 240px;
height: 90px;
overflow:hidden;
margin: 0;
max-width:240px;
}
.spo-logo img{
width:70%;
position: relative;
top: 18px;
}
.spo-logo a{
display: block;
} .spo-primary-navigation{
float: right;
}
.spo-primary-navigation>ul>li{
float: left;
display: block;
margin-left:  18px;
position: relative;
}
.spo-primary-navigation>ul>li>a{
color: #fff;
height: 90px;
line-height: 90px;
font-size: 1.05em;
text-transform: uppercase;
}
.spo-primary-navigation>ul>li:hover>a{
color: #999999;
}
.spo-primary-navigation>ul>li.dropped>a:after{
content: " \e6ce";
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}
.spo-primary-navigation>ul>li.selected:after{
content: "";
border-radius: 100%;
display: block;
width:  8px;
height: 8px;
margin-left: -4px;
position: absolute;
top: 60px;
left: 50%;
}
.spo-primary-navigation>ul>li>ul{
background: #222222;
display: none;
width: 240px;
position: absolute;
top: 90px;
left: -130px;
}
.spo-primary-navigation>ul>li:hover>ul{
display: block;
}
.spo-primary-navigation>ul>li>ul>li{
width: 100%;
display: block;
}
.spo-primary-navigation>ul>li>ul>li>a{
border-bottom: 1px solid #333333;
color: #dddddd;
display: block;
width: 100%;
font-size: .90em;
line-height: 100%;
padding: 14px 0 14px 12px;
text-transform: uppercase;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.spo-primary-navigation>ul>li>ul>li:last-child>a{
border: none;
}
.spo-primary-navigation>ul>li>ul>li:hover>a{
background: #303030;
color: #cccccc;
}
.spo-primary-navigation>ul>li>ul li ul{
background: #222222;
display: none;
width: 240px;
position: absolute;
top: 0px;
left: 100%;
}
.spo-primary-navigation>ul>li>ul li:hover> ul{
display: block;
}
.spo-primary-navigation>ul>li>ul>li ul li{
width: 100%;
display: block;
position:relative;
}
.spo-primary-navigation>ul>li>ul>li> ul li a{
border-bottom: 1px solid #333333;
color: #dddddd;
display: block;
width: 100%;
font-size: .90em;
line-height: 100%;
padding: 14px 0 14px 12px;
text-transform: uppercase;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.spo-primary-navigation>ul>li>ul>li ul li:last-child>a{
border: none;
}
.spo-primary-navigation>ul>li>ul>li ul li:hover>a{
background: #303030;
color: #cccccc;
} .spo-responsive-trigger{
background: url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/images/media/responsive-trigger.png) no-repeat;
width:  36px;
height: 36px;
display: none;
float: right;
margin: 27px 0 0;
cursor: pointer;
}
.black-header .spo-responsive-trigger{
background: url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/images/media/responsive-trigger-w.png) no-repeat;
}
.spo-responsive-navigation>ul{
background: #333333;
width: 100%;
display: none;
float: left;
overflow: hidden;
}
.spo-responsive-navigation>ul>li{
width: 100%;
border-bottom: 1px solid #444444;
padding: 15px 0 15px 15px; 
}
.spo-responsive-navigation>ul>li:hover{
background: #222222;
}
.spo-responsive-navigation>ul>li.selected{
background: #222222;
}
.spo-responsive-navigation>ul>li>a{
color: #aaaaaa;
display: block;
font-size: 1.4em;
font-weight: bold;
width: 100%;
}
.spo-responsive-navigation>ul>li:hover>a,
.spo-responsive-navigation>ul>li.selected>a{
color: #ffffff;
}
.spo-responsive-navigation>ul>li>ul{
background: #000000;
margin-top: 10px;
}
.spo-responsive-navigation>ul>li>ul>li{
border-bottom: 1px solid #222222;
}
.spo-responsive-navigation>ul>li>ul>li>a{
color: #aaaaaa;
display: block;
font-size: 1.1em;
font-weight: bold;
width: 100%;
padding: 20px 30px;
text-transform: uppercase;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.spo-responsive-navigation>ul>li>ul>li:hover>a{
color: #ffffff;
}
.spo-responsive-navigation>ul>li>ul li ul{
background: #000000;
margin-top: 10px;
}
.spo-responsive-navigation>ul>li>ul>li ul li{
border-bottom: 1px solid #222222;
}
.spo-responsive-navigation>ul>li>ul>li> ul li a{
color: #aaaaaa;
display: block;
font-size: 1.1em;
font-weight: bold;
width: 100%;
padding: 20px 30px;
text-transform: uppercase;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.spo-responsive-navigation>ul>li>ul>li ul li:hover>a{
color: #ffffff;
}  .black-header{
background: #000000;
}
.black-header .spo-primary-navigation>ul>li>a{
color: #aaaaaa;
}
.black-header .spo-primary-navigation>ul>li.selected>a{
color: #ffffff;
}
.black-header .spo-primary-navigation>ul>li.selected:after{
background: #ffffff;
} header.transparent{
background: transparent!important;
box-shadow: none;
}
header.transparent .spo-primary-navigation>ul>li>a{
color: #ffffff;
}
header.transparent .spo-primary-navigation>ul>li.selected:after{
background: #ffffff;
} .spo-header-fw .box-container-fluid{
padding: 0 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .spo-intro-heading{
margin: 30% auto 0;
text-align: center;
width: 80%;
}
.spo-intro-title{
font-size: 3.2em;
}
.spo-intro-subtitle{
font-size: 1.6em;
line-height: 160%;
display: block;
margin-bottom: 30px;
}
@-webkit-keyframes spo-scroll-icon {
0%{bottom: 20px;}
50%{bottom: 40px;}
100%{bottom: 20px;}
}
@-moz-keyframes spo-scroll-icon {
0%{bottom: 20px;}
50%{bottom: 40px;}
100%{bottom: 20px;}
}
.spo-scroll-icon{
border: 2px solid #ffffff;
border-radius: 10px;
color: #ffffff;
display: block;
width: 20px;
height: 35px;
margin-left: -12px;
line-height: 35px;
text-align: center;
text-transform: uppercase;
position: absolute;
bottom: 20px;
left: 50%;
-webkit-animation: spo-scroll-icon 1s ease-in-out infinite;
-moz-animation: spo-scroll-icon 1s ease-in-out infinite;
}
.spo-video-button{
border: 4px solid #ffffff;
border-radius: 100%;
display: inline-block;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
cursor: pointer;
position: relative;
}
.spo-video-button:after{
content: "\e6cc";
color: #ffffff;
font-family: 'icomoon';
font-size: 3.5em;
width: 60px;
height: 60px;
line-height: 60px;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
position: absolute;
top: 0;
left: 0;
} .promo{
text-align: center;
} .fullwidthbanner-container{
width:100%;
position:relative;
padding:0;
}
.banner{
width:100%;
position:relative;
} .rev-big-cap,
.rev-big-cap-b{
color: #ffffff;
font-size: 3.4em;
font-weight: bold;
text-transform: uppercase;
}
.rev-big-cap-b{color: #222222;}
.rev-sm-cap,
.rev-sm-cap-b{
color: #ffffff;
text-transform: uppercase;
font-size: 1.4em;
font-weight: 300;
}
.rev-sm-cap-b{color: #222222;} .animated-box{
position: relative;
height: auto;
margin-bottom: 30px;
}
.animated-box img{
margin: 0;
}
.animated-box .animated-img{
position: absolute;
top: 0;
left: 0;
}
.spo-about-image{
margin-bottom: 20px;
}
.spo-about-icon {
border-radius: 100%;
color: #ffffff;
display: block;
font-size: 36px;
height: 90px;
line-height: 90px;
margin: 0 auto;
text-align: center;
width: 90px;
}
.spo-about-icon i{
text-align: 60px;
} .about-title{
margin-bottom: 10px;
}
.about-subtitle{
display: block;
font-size: 1.8em;
margin-bottom: 10px;
} .about-process{
background: #f1f1f1;
width: 100%;
float: left;
padding: 60px 0;
} .spo-service-wrap h4{
text-transform: uppercase;
}  .spo-portfolio-navigation{
width: 100%;
float: left;
}
.spo-portfolio-filter{
width: 100%;
float: left;	
margin-bottom: 40px;
text-align: center;
}
.spo-portfolio-filter li{
display: inline-block;
margin: 0 6px 0 0;
}
.spo-portfolio-filter li a{
background: transparent;
border: 1px solid #dddddd;
color: #666;
display: block;
padding: 8px 12px;
font-size: 1.05em;
text-transform: uppercase;
position: relative;
} .spo-portfolio-filter li a.current-filter{
color: #fff;
}
.spo-portfolio-navigation-full .spo-portfolio-filter{
padding: 30px 0;
margin: 0;
} .spo-portfolio-container,
.spo-portfolio-container-full,
.spo-portfolio-container-full-5,
.spo-portfolio-container-full-6{
width: 100%;
float: left;
} .spo-portfolio-container .spo-portfolio-item{
width: 25%;
display: block;
overflow: hidden;
position: relative;
}
.spo-portfolio-item img{
width: 100%;
height: auto;
margin: 0;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}
.spo-portfolio-item:hover img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-webkit-transform: scale(1.1);
-o-webkit-transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.spo-portfolio-item-caption{
color: #ffffff;
width:  95%;
height: 95%;
display: block;
text-align: center;
opacity: 0;
position: absolute;
top: 2.5%;
left: 2.5%;
overflow: hidden;
z-index: 1000;
}
.spo-cap-bg{
width:  95%;
height: 95%;
position: absolute;
top: 2.5%;
left: 2.5%;
opacity: 0;
}
.spo-portfolio-item:hover .spo-portfolio-item-caption{
color: #ffffff;
}
.spo-portfolio-item-caption .spo-portfolio-item-title{
color: #ffffff;
font-size: 1.4em;
font-weight: 500;
margin-top: 38%;
margin-bottom: 10px;
text-transform: uppercase;
}
.spo-portfolio-item-cats{
color: #ffffff;
}
.spo-portfolio-item-cats span:after{
content: ",";
}
.spo-portfolio-item-cats span:last-child:after{
content: "";
}
.spo-portfolio-item-btn{
position: absolute;
bottom: 0;
}
.spo-portfolio-item-nav{
width: 100%;
margin-top: 15px;
}
.spo-portfolio-item-nav span a{
background: rgba(0,0,0,.8);
border-radius: 100%;
font-size: 1.2em;
color: #ffffff;
display: inline-block;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
}
.spo-portfolio-item-nav span a i{
line-height: 35px;
} .spo-portfolio-container-full-5 .spo-portfolio-item{
width: 19.99%;
} .spo-portfolio-container-full-6 .spo-portfolio-item{
width: 16.6666666%;
}
.spo-portfolio-container-full-5 .spo-portfolio-item-title,
.spo-portfolio-container-full-6 .spo-portfolio-item-title,
.spo-portfolio-gutters-4 .spo-portfolio-item-title,
.spo-portfolio-gutters-3 .spo-portfolio-item-title
{
font-size: 1.4em;
} .spo-portfolio-gutters-4,
.spo-portfolio-gutters-3{
margin-bottom: 20px; 
}
.spo-portfolio-gutters-4 .spo-portfolio-item{
width: 24%;
margin: 0 0.5% 10px;
}
.spo-portfolio-gutters-3 .spo-portfolio-item{
width: 32.33%;
margin: 0 0.5% 10px;
}
.spo-portfolio-gutters-2 .spo-portfolio-item{
width: 49%;
margin: 0 0.5% 10px;
} .spo-project-title{
text-transform: uppercase;
}
.spo-project-details{
padding-left: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.spo-project-details h3{
margin-bottom: 30px;
}
.spo-project-details>ul>li{
border-bottom: 1px solid #dddddd;
margin-bottom:  10px;
padding-bottom: 10px;
float: left;
clear: both;
width: 100%;
}
.spo-project-details>ul>li:last-child{
border: none;
}
.spo-project-details>ul>li>span{
color: #444444;
font-weight: bold;
margin-right: 10px;
}
.spo-project-details>ul>li>ul{
display: inline-block;
}
.spo-project-details>ul>li>ul>li{
display: inline;
margin-bottom: 10px;
}
.spo-project-details>ul>li>ul>li:after{
content: " / "
}
.spo-related-projects{
background: #222222;
padding-top: 30px;
} #spo-drag-carousel{
width: 100%;
float: left;
}
.spo-portfolio-drag{
position: relative;
}
.spo-portfolio-drag-item{
display: block;
height: auto;
float: left;
position: relative;
overflow: hidden;
text-align: center;
}
.spo-portfolio-drag-item h2{ font-size:13px; padding-top:20px;}
.spo-portfolio-drag-item img{
width: 60%;
height: auto;
margin: 0 64px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}
.spo-portfolio-drag-item:hover img{
}
.spo-portfolio-drag-item-cap{
display: block;
width:  95%;
height: 95%;
z-index: 10;
position: absolute;
top:  2.5%;
left: 2.5%;
opacity: 0;
}
.spo-portfolio-drag-item-title{
color: #ffffff;
font-size: 1.5em;
text-align: center;
margin-top: 30%;
text-transform: uppercase;
margin-bottom: 30px;
}  .spo-quote-slider,
.spo-quote-slider-trans{
width: 100%;
float: left;
overflow: hidden;
position: relative;
font-style: italic;
text-align: center;
padding-bottom: 40px;
}
.spo-quote-slider:before,
.spo-quote-slider-trans:before,
.spo-quote:before{
content: "\e621";
color: #ffffff;
border-radius: 100%;
display: block;
font-family: 'icomoon';
font-size: 2.8em;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
width:  65px;
height: 65px;
line-height: 65px;
margin: 0 auto 30px;
text-align: center;
}
.spo-quote-slider ul li p,
.spo-quote-slider-trans ul li p{
font-size: 2em;
font-weight: 300;
margin-bottom: 40px;
}
.spo-quote-slider ul li img,
.spo-quote-slider-trans ul li img{
border-radius: 100%;
width:  80px;
height: 80px;
margin: 20px auto;
}
.spo-quote-w-author{
color: #444444;
font-size: 1.4em;
}
.spo-quote-slider-trans .spo-quote-w-author,
.spo-quote-slider-trans  ul li p{
color: #ffffff;
}
.spo-quote-slider-trans ul li img{
border-color: #ffffff;
} .spo-quote{
color: #222222;
text-align: center;
position: relative;
}
.spo-quote p{
font-size: 2em;
font-weight: 300;
font-style: italic;
text-align: center;
}
.spo-quote-author{
display: inline-block;
font-size: 1.8em;
font-style: italic;
font-weight: bold;
}
.spo-quote-author:before,
.spo-quote-author:after{
content: "-";
}
.spo-quote-author:before{
padding-right: 5px;
}
.spo-quote-author:after{
padding-left: 5px;
} .spo-counter-item{
text-align: center;
color: #ffffff;
}
.spo-counter-item .timer{
font-size: 3em;
display: block;
margin-bottom: 20px;
position: relative;
}
.spo-counter-item .timer:after{
border-top: 2px solid #ffffff;
content: "";
display: block;
width: 30px;
height: 0;
margin: 20px auto;
}
.spo-counter-item span{
font-size: 1.3em;
text-transform: uppercase;
}
.spo-counter-item-icon{
background: rgba(0,0,0,.5);
border-radius: 100%;
width:  90px;
height: 90px;
line-height: 90px;
display: inline-block;
font-size: 2.8em;
margin-bottom: 20px;
} .ads{
padding: 100px 0;
}
.animated-box{
position: relative;
height: auto;
margin-bottom: 30px;
}
.animated-box img{
margin: 0;
}
.animated-box .animated-img{
position: absolute;
top: 0;
left: 0;
}  .spo-blog-article{
background: #ffffff;
border-radius: 3px;
width: 100%;
overflow: hidden;
margin-bottom: 30px;
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.spo-blog-article-header{
margin-bottom: 20px;
}
.spo-blog-article-type{
background: #444444;
border-radius: 100%;
display: block;
width:  	 60px;
height: 	 60px;
line-height: 60px;
text-align: center;
}
.spo-blog-article-type i{
color: #ffffff;
font-size: 2.2em;
height: 	 60px;
line-height: 60px;
}
.spo-blog-article-title{
font-size: 2.3em;
margin-bottom: 8px;
line-height: 100%;
}
.spo-blog-article-title a{
color: #333333;
}
.spo-blog-article-info span{
font-style: italic;
margin-right: 10px;
}
.spo-blog-article-info a{
color: #888888;
}
.spo-blog-article-info a:hover{
color: #222222;
}
.spo-blog-article-img img{
border-radius: 3px;
}
.spo-blog-article-content{
margin-bottom: 40px;
}
.spo-blog-article-content p{
color: #888888;
font-size: 1.12em;
}
.spo-blog-article-footer{
width: 100%;
border-top: 1px solid #dddddd;
padding-top: 20px;
}
.spo-blog-article-author{
margin-right: 20px;
float: left;
}
.spo-blog-article-author .spo-author-img{
background: #dddddd;
border-radius: 100%;
width: 	60px;
height: 60px;
overflow: hidden;
}
.spo-blog-article-author .spo-author-img img{
width: 100%;
}
.spo-blog-article-author .spo-author-name span{
color: #999999;
display: block;
margin-top: 10px;
font-style: italic;
}
.spo-blog-article-author .spo-author-name a{
font-weight: bold;
font-size: 1.2em;
}
.blog-article-comments-count{
margin-right: 10px;
}
.blog-article-comments-count,
.blog-article-read-more{
background-color: #444444;
border-radius: 100%;
float: right;
width:  60px;
height: 60px;
text-align: center;
-webkit-transition: background-color 0.4s;
-moz-transition:    background-color 0.4s;
-o-transition:      background-color 0.4s;
transition:         background-color 0.4s;
}
.blog-article-comments-count i{
display: block;
margin: 10px 0 1px;
font-size: 22px;
}
.blog-article-comments-count .comment-count{
display: block;
font-weight: bold;
width: 100%;
}
.blog-article-read-more a,
.blog-article-comments-count a{
color: #ffffff;
display: block;
width: 100%;
height: 100%;
}
.blog-article-read-more a:hover,
.blog-article-comments-count a:hover{
color: #ffffff;
}
.blog-article-read-more i{
font-size: 24px;
line-height: 60px;
} .link-post-type .spo-blog-article-header{
margin-bottom: 0;
}
.link-post-type .spo-blog-article-title{
font-size: 3.4em;
margin-top: 5px;
}
.quote-post-type .spo-blog-article-content p{
color: #aaaaaa;
font-size: 1.4em;
font-style: italic;
border-left: 5px solid #dddddd;
padding-left: 10px;
} .spo-sidebar-widgets{
padding-left: 20px;
}
.spo-sidebar-widget{
margin-bottom: 40px;
}
.spo-sidebar-widget-title{
font-size: 1.4em;
margin-bottom: 20px;
}
.spo-sidebar-widget ul li{
padding: 10px 0;
border-bottom: 1px solid #dddddd;
font-size: .96em;
}
.spo-sidebar-widget ul li:last-child{
border:none;
}
.spo-sidebar-widget ul li a{
color: #666666;
}
.spo-sidebar-widget ul li a:hover{
color: #444444;
}
.widget_tag_cloud a{
font-size:12px!important;
color: #ffffff;
display: inline-block;
padding: 6px 10px;
background: #444444;
margin:0 3px 3px 0;
-webkit-border-radius: 3px;
-moz-border-radius:    3px;
-o-border-radius:      3px;
-ms-border-radius:     3px;
border-radius:         3px;
}
.widget_tag_cloud a:hover{
color: #ffffff;
}
.spo-latest-posts-widget .cl a img{
width:  60px;
height: 60px;
margin-bottom: 0;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius:    5px;
-o-border-radius:      5px;
-ms-border-radius:     5px;
border-radius:         5px;
}
.spo-flickr-widget ul li{
border: none;
padding: 0;
}
.spo-flickr-widget img{
margin: 0;
}  .spo-comments-container{
border-top: 1px solid #dddddd;
padding-top: 40px;
float: left;
min-width:100%;
max-width:100%;
}
.spo-comments-count{
margin-bottom: 30px;
}
.spo-comments-list li{
background: #ffffff;
border: 1px solid #dddddd;
padding: 20px;
margin-bottom: 20px;
box-sizing: border-box;
-webkit-border-radius: 5px;
-moz-border-radius:    5px;
-o-border-radius:      5px;
-ms-border-radius:     5px;
border-radius:         5px;
}
.spo-comment-author-img img{
width: 75px;
height: 75px;
-webkit-border-radius: 100%;
-moz-border-radius:    100%;
-o-border-radius:      100%;
-ms-border-radius:     100%;
border-radius:         100%;
}
.spo-comments-list li .spo-comment-info{
display: block;
font-style: italic;
margin-bottom: 15px;
}
.spo-comments-list li .spo-comment-info a{
background: #ffffff;
border: 1px solid #dddddd;
border-radius: 3px;
margin-left: 5px;
padding: 2px 5px;
}
.spo-comment-reply{
float: left;
width: 100%;
margin-top: 20px;
}
.spo-comment-reply span{
display: block;
margin-bottom: 30px;
}
.spo-comment-reply .input-container{
width: 32.2%;
float: left;
margin: 0 1.69% 20px 0;
}
.spo-comment-reply .input-container-last{
margin-right: 0;
}
.spo-article-author{
background: #ffffff;
border: 2px solid #dddddd;
border-radius: 5px;
padding: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.spo-article-author-image img{
border-radius: 5px;
width: 80px;
height: auto;
}
.spo-article-author-name{
font-size: 1.2em;
font-weight: bold;
margin-bottom: 5px;
}
.spo-article-author-desc span{
display: block;
font-style: italic;
margin-bottom: 10px;
}
.spo-article-author-desc p{
color: #444444;
font-size: 1.2em;
font-style: italic;
} .spo-blog-masonry-article{
background: #ffffff;
border-radius: 3px;
float: left;
width: 380px;
margin: 0 10px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.spo-blog-masonry-article .inner-box{
padding: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.spo-blog-masonry-article-img,
.spo-blog-masonry-article-gallrey{
width: 100%;
min-height: 253px;
height: auto;
margin-bottom: 10px;
overflow: hidden;
}
.spo-blog-masonry-article img{
width: 100%;
min-height: 253px;
height: auto;
margin: 0;
}
.spo-blog-masonry-article-title{
font-size: 1.4em;
margin-bottom: 5px;
text-transform: uppercase;
}
.spo-blog-masonry-article-info{
margin-bottom: 10px;
}
.spo-blog-masonry-article-content{
margin-bottom: 20px;
}
.spo-blog-masonry-article-content p{
color: #888888;
} .spo-blog-masonry-container{
width: 100%;
float: left;
}
.blog-masonry-article-header{
margin-bottom: 10px;
}
.blog-masonry-article-header span{
margin-right: 10px;
}
.blog-masonry-article-author a{
font-size: .85em;
font-weight: bold;
text-transform: uppercase;
}
.masonry-quote-post-type p{
border-left: 3px solid #eeeeee;
color: #aaaaaa;
font: 1.2em Arial,'sans-serif', 'Verdana';
font-style: italic;
line-height: 160%;
padding-left: 10px;
}
.masonry-quote-post-type .spo-blog-masonry-article-date,
.masonry-link-post-type .spo-blog-masonry-article-date{
color: #666666;
}
.spo-blog-masonry-article-icon{
color: #ffffff;
border-radius: 100%;
margin: 0 0 20px;
width:  40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.masonry-link-post-type a{
width: 100%;
}
.masonry-link-post-type .link-post{
font: 1.5em Arial , 'sans-serif', 'Verdana';
font-weight: bold;
}
.spo-blog-masonry-article-icon i{
font-size: 18px;
line-height: 40px;
} .clients{
padding: 60px 0; 
}
.spo-clients-list li{
width: 16.66666667%;
float: left;
}
.spo-clients-list li img{
margin: 0 auto;
} .contact{
color: #ffffff;
}
.spo-our-office p{
margin-bottom: 10px;
}
.spo-contact-icon{
background: rgba(0,0,0,.7);
border-radius: 100%;
display: inline-block;
font-size: 1.3em;
width:  36px;
height: 36px;
margin-right: 10px;
line-height: 36px;
text-align: center;
}
.spo-input-container{
width: 31%;
margin-right: 2%;
margin-bottom: 15px;
float: left;
}
.spo-contact-form input{
height: 40px;
}
.spo-contact-form textarea{
height: 150px;
width: 98%;
}
.spo-contact-form input,
.spo-contact-form textarea{
background: rgba(0,0,0,0);
border: none;
border: 2px solid rgba(255,255,255,.3); color: #ffffff;
}
.spo-contact-form input:focus,
.spo-contact-form textarea:focus{
border-color: rgba(255,255,255,.9);
}
.spo-contact-form input::-webkit-input-placeholder,
.spo-contact-form textarea::-webkit-input-placeholder {
color: #ffffff;
}
.spo-contact-form input:-moz-placeholder,
.spo-contact-form textarea:-moz-placeholder { color: #ffffff;  
}
.spo-contact-form input::-moz-placeholder,
.spo-contact-form textarea:-moz-placeholder { color: #ffffff;  
}
.spo-contact-form input:-ms-input-placeholder,
.spo-contact-form textarea:-moz-placeholder {  
color: #ffffff;  
} .in-touch{
padding: 80px 0;
}
.subscribe-title{
margin-bottom: 10px;
}
.subscribe-form{
width: 100%;
height: 60px;
margin-bottom: 10px;
}
.shortcode_wysija input[type="text"]{
background: transparent;
border: none;
border-bottom: 2px solid rgba(255,255,255,.3);
color: #ffffff;
height: 60px;
width: 100%;
font-size: 1.4em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.shortcode_wysija input[type="text"]:focus{
border-color: rgba(255,255,255,.9);
}
.shortcode_wysija input[type="text"]::-webkit-input-placeholder{
color: #ffffff;
}
.shortcode_wysija input[type="text"]:-moz-placeholder{ color: #ffffff;  
}
.shortcode_wysija input[type="text"]::-moz-placeholder{ color: #ffffff;  
}
.shortcode_wysija input[type="text"]:-ms-input-placeholder{  
color: #ffffff;  
}
.shortcode_wysija input[type="text"]{
background: transparent;
border: none;
border-bottom: 2px solid rgba(255,255,255,.3);
color: #ffffff;
height: 60px;
float:left;
font-size: 1.4em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.shortcode_wysija .wysija-submit{
background-image:url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/images/sp-send.png);
} footer{
background: #000;
width: 100%;
float: left;
text-align: center;
padding-top: 30px;
}
footer p{
color: #777777;
} footer h1.logo-footer a{
display: block;
height: 90px;
width: 145px;
}
.spo-back-top{
background: #222222;
border: 5px solid #ffffff;
border-radius: 100%;
cursor: pointer;
display: block;
width: 50px;
height: 50px;
margin-left: -30px;
position: absolute;
top: -60px;
left: 50%;
text-align: center;
}
.spo-back-top i{
color: #ffffff;
font-size: 1.8em;
line-height: 50px;
} #preloader{
background: #ffffff;
width: 100%;
height: 100%;
position: fixed;
top: 0;
right: 0
left: 0;
bottom: 0;
z-index: 5000;
}
#status{
border-radius: 100%;
display: block;
width:  80px;
height: 80px;
margin: -40px 0 0 -40px;
position: absolute;
top: 50%;
left: 50%;
-webkit-animation-duration: .8s;
-webkit-animation-delay: .6s;
-webkit-animation-iteration-count: infinite;
-moz-animation-duration: .8s;
-moz-animation-delay: .6s;
-moz-animation-iteration-count: infinite;
} @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){ .spo-logo,
.white-header .spo-logo{
background-size: 100% !important;
}
footer h1.logo-footer{
background-size: 100%;
}
.black-logo{
background-size: 100% !important;
} .flex-direction-nav li a.flex-next,
.owl-navigation .next{
background-image: url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/images/media/right-arrow2@x.png);
background-size: 100%;
}
.flex-direction-nav li a.flex-prev,
.owl-navigation .prev{
background-image: url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/images/media/left-arrow2@x.png);
background-size: 100%;
}
.spo-section-title:after{
background: url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/images/media/wavy2@x.png) no-repeat;
background-size: 100%;
}
.spo-heading-wrap-trans .spo-section-title:after{
background: url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/images/media/wavyw2@x.png) no-repeat;
background-size: 100%;
} .spo-responsive-trigger{
background: url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/images/media/responsive-trigger2@x.png) no-repeat;
background-size: 100%;
}
.black-header .spo-responsive-trigger{
background: url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/images/media/responsive-trigger-w2@x.png) no-repeat;
background-size: 100%;
}
}  .qvs-standard-list,
.qvs-counter-list{
margin-bottom: 30px;
}
.qvs-standard-list li{
margin-bottom: 10px;
line-height: 160%;
padding-left: 24px;
position: relative;
}
.qvs-standard-list li:before{
content: "";
display: block;
width:  10px;
height: 10px;
background: #25b7e7;
position: absolute;
left: 0;
top: 5px;
-webkit-border-radius: 10px;
-moz-border-radius:    10px;
-o-border-radius:      10px;
-ms-border-radius:     10px;
border-radius:         10px;
}
.qvs-standard-list.qvs-white-list li{
color: #ffffff;
}
.qvs-standard-list.qvs-white-list li:before{
background: #ffffff;
}
.qvs-counter-list{
counter-reset: my-counter;
}
.qvs-counter-list li{
counter-increment: my-counter;
margin-bottom: 10px;
line-height: 160%;
padding-left: 28px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.qvs-counter-list li:before {
background: #444444;
display: block;
float: left;
content: counter(my-counter); color: #ffffff;
width:  20px;
height: 20px;
line-height: 20px;
text-align: center;
font-size: .8em;
position: absolute;
top: 0;
left: 0;
-webkit-border-radius: 20px;
-moz-border-radius:    20px;
-o-border-radius:      20px;
-ms-border-radius:     20px;
border-radius:         20px;
}
.qvs-border-list li{
border-bottom: 1px solid #eeeeee;
padding-bottom: 10px;
}
.qvs-border-list li:last-child{
border: none;
} .qvs-button {
color: #ffffff;
cursor: pointer;
display: inline-block;
font:  1em 'Arial', 'sans-serif', Arial, Verdana;
line-height: 1;
outline: none;
padding: 8px 10px;
position: relative;
text-align: center;
text-decoration: none;
opacity: 1;
border-radius: 3px;
text-shadow: 0 1px 1px #888888;
-webkit-transition: opacity 0.5s;                  
-moz-transition:    opacity 0.5s;                 
-o-transition:      opacity 0.5s;   
-ms-transition:     opacity 0.5s;          
transition:         opacity 0.5s;
}
.qvs-button,
.qvs-button a{
color: #ffffff;
}
.qvs-button:hover,
.qvs-button a:hover{
color: #ffffff;
}
.qvs-button:hover{
opacity: .85;
} .qvs-button-red { background: #ae2f2f; }
.qvs-button-blue { background: #02aace; }
.qvs-button-green { background: #5bc247; }
.qvs-button-orange { background: #f49602; }
.qvs-button-pink { background: #eb98b9; }
.qvs-button-purple { background: #6f3b79; }
.qvs-button-grey { background: #afaeaf; }
.qvs-button-black { background: #333333; }
.qvs-button-trans{ background: rgba(0,0,0,.3); } .qvs-button-3d.qvs-button-red 	{ 	border-bottom: 3px solid #912727; }
.qvs-button-3d.qvs-button-blue { 		border-bottom: 3px solid #0184a1; }
.qvs-button-3d.qvs-button-green { 	border-bottom: 3px solid #499f39; }
.qvs-button-3d.qvs-button-orange {	border-bottom: 3px solid #cc7d01; }
.qvs-button-3d.qvs-button-pink { 		border-bottom: 3px solid #c57d9a; }
.qvs-button-3d.qvs-button-purple {	border-bottom: 3px solid #4f2a56; }
.qvs-button-3d.qvs-button-grey { 		border-bottom: 3px solid #8f8e8e; }
.qvs-button-3d.qvs-button-black { 	border-bottom: 3px solid #141414; } .qvs-send-button{
background-color: rgba(0,0,0,.7);
border-radius: 100%;
color: #ffffff;
display: inline-block;
font-size: 1.7em;
width:  70px;
height: 70px;
line-height: 70px;
text-align: center;
color:transparent!important;
border:none;
cursor:pointer;
}
.qvs-send-button:hover{
color: #ffffff;
}
.qvs-button-small {	padding: 10px 12px; }
.qvs-button-medium { font-size: 1.1em; padding: 15px 20px; }
.qvs-button-big    { font-size: 1.4em; padding: 20px 26px; }
.qvs-button-full{ padding-left: 0; padding-right: 0; width: 100%;}
.qvs-button i{ margin-right: 5px;} .qvs-accordion,
.qvs-toggle{
margin-bottom: 30px;
}
.qvs-accordion dt{
background: #fafafa;
border: 1px solid #dddddd;
display: block;
cursor: pointer;
font-size: 1.2em;
font-weight: bold;
width: 100%;
line-height: 100%;
margin-bottom: 3px;
padding: 15px 0 15px 15px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.qvs-accordion dt:before,
.qvs-toggle dt:before{
content: "";
background: #888888 url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/images/media/toggle.png) no-repeat;
width:  15px;
height: 15px;
display: block;
position: absolute;
-webkit-border-radius: 15px;
-moz-border-radius:    15px;
-o-border-radius:      15px;
-ms-border-radius:     15px;
border-radius:         15px;
}
.qvs-accordion dt:before{ right: 15px; }
.qvs-toggle dt:before{ left: 0; top: 2px; }
.qvs-accordion dt.ui-state-active:before,
.qvs-toggle dt.active:before{
background: #888888 url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/images/media/toggle.png) 0 -15px no-repeat;
}
.qvs-accordion dd,
.qvs-toggle dd{
line-height: 160%;
padding: 15px;
margin: 0;
}
.qvs-toggle dd{
padding: 0 10px 30px 30px;
}
.qvs-toggle dt{
position: relative;
padding-left: 30px;
cursor: pointer;
font-size: 1.2em;
font-weight: bold;
margin-bottom: 20px;
} .qvs-tab-nav{
float: left;
}
.qvs-tab-nav li{
float: left;
margin-left: -1px;
outline: none;
}
.qvs-tab-nav li a{
background: #f1f1f1;
border: 1px solid #dddddd;
border-bottom: none;
color: #666666;
display: block;
padding: 10px 12px;
outline: none;
font-weight: bold;
}
.qvs-tab-nav li.ui-state-active a{
background: #ffffff;
}
.qvs-tab-content{
border: 1px solid #dddddd;
line-height: 160%;
padding: 15px;
margin: 0 0 20px -1px;
width: 100%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .qvs-tabs-two .qvs-tab-nav{
margin-left: 10px;
}
.qvs-tabs-two .qvs-tab-content{
border-right: none;
border-left: none;
padding-bottom: 30px;
} .qvs-side-tabs .qvs-tab-nav{
width: 200px;
border-right: 1px solid #dddddd;
padding: 30px 0;
}
.qvs-side-tabs .qvs-tab-nav li{
float: none;
width: 100%;
margin-left: 0;
}
.qvs-side-tabs .qvs-tab-nav li a{
border: 1px solid #dddddd;
border-right: 0;
margin-top: -1px;
}
.qvs-side-tabs .qvs-tab-content{
border: none;
float:  none;
margin-left: 200px;
width:  auto;
} .qvs-tabs.qvs-tabs-icon .qvs-tab-nav{
margin-bottom: 10px;
}
.qvs-tabs-icon .qvs-tab-nav li a{
border: 1px solid #dddddd;
border-radius: 100%;
font-size: 1.4em;
width:  40px;
height: 40px;
line-height: 40px;
margin-right: 10px;
padding: 0;
text-align: center;
}
.qvs-tabs-icon .qvs-tab-nav li a i{
line-height: 40px;
}
.qvs-side-tabs.qvs-tabs-icon .qvs-tab-nav li a{
margin-bottom: 10px;
}
.qvs-tabs-icon .qvs-tab-nav li.ui-state-active a{
border-style: solid;
border-width: 1px;
}
.qvs-side-tabs.qvs-tabs-icon .qvs-tab-nav{
width: 60px;
padding: 0;
}
.qvs-side-tabs.qvs-tabs-icon .qvs-tab-content{
margin-left: 60px;
} .qvs-skill{
background: #eeeeee;
width: 100%;
height: 38px;
display: block;
overflow: hidden;
position: relative;
margin-bottom: 	10px;
-webkit-border-radius: 5px;
-moz-border-radius:    5px;
-o-border-radius:      5px;
-ms-border-radius:     5px;
border-radius:         5px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
}
.qvs-skill-title{
background: rgba(0,0,0,.2);
display: inline-block;
color: #ffffff;
height: 	 28px;
line-height: 28px;
padding: 0 10px;
z-index: 1;
position: absolute;
top: 5px;
left: 5px;
-webkit-border-radius: 3px;
-moz-border-radius:    3px;
-o-border-radius:      3px;
-ms-border-radius:     3px;
border-radius:         3px;
}
.qvs-skill-percent{
display: block;
height: 38px;
position: absolute;
left: 0;
top: 0;
z-index: 0;
-webkit-transition: width 4s ease-in-out;
-moz-transition: width 	  4s ease-in-out;
-ms-transition: width     4s ease-in-out;
-o-transition: width      4s ease-in-out;
transition: width         4s ease-in-out;
} .qvs-skill-default { background: #25b7e7; }
.qvs-skill-red { background: #b80505; }
.qvs-skill-blue { background: #02aace; }
.qvs-skill-green { background: #60c200; }
.qvs-skill-orange { background: #f49602; }
.qvs-skill-pink { background: #ff9ff9; }
.qvs-skill-purple { background: #a134ce; }
.qvs-skill-grey { background: #afaeaf; }
.qvs-skill-black { background: #333333; } .qvs-testimonial{
margin-bottom: 20px;
}
.qvs-testimonial-quote{
background: #f1f1f1;
border-radius: 3px;
margin-bottom: 30px;
padding: 20px;
position: relative;
box-sizing: border-box;
min-height:200px;
}
.qvs-testimonial-quote:after{
content: "";
display: block;
width: 0px;
height: 0px;
border: 20px solid transparent;
border-left-color: #f1f1f1;
position: absolute;
bottom: -20px;
left:   40px;
}
.qvs-testimonial-quote p{
margin: 0;
} .qvs-testimonial-author-info{
float: left;
margin-top: 15px;
}
.qvs-testimonial-author-img img{
width:  70px;
height: 70px;
-webkit-border-radius: 36px;
-moz-border-radius:    36px;
border-radius:         36px;
}
.qvs-testimonial-author-name{
color:#dd002e;
font-size: 19px;
font-weight: bold;
display: block;
padding-bottom:30px;
} .qvs-team-member{
margin-bottom: 20px;
position: relative;
text-align: center;
}
.qvs-team-wrap{
position: relative;
margin-bottom: 20px;
}
.qvs-team-cap{
background: rgba(0,0,0,.5);
color: #ffffff;
width:  100%;
height: 100%;
position: absolute;
top:  0;
left: 0;
opacity: 0;
-webkit-transition: opacity 0.4s;
-moz-transition:    opacity 0.4s;
-o-transition:      opacity 0.4s;
transition:         opacity 0.4s;
}
.qvs-team-wrap-content{
width: 100%;
position: absolute;
bottom: 30px;
left: 0;
}
.qvs-team-cap:hover{
opacity: 1;
}
.qvs-team-member-name{
color: #333333;
width: 100%;
margin-bottom: 10px;
text-transform: uppercase;
}
.qvs-team-member img{
width:  100%;
height: auto;
margin: 0;
position: relative;
}
.qvs-team-member-role{
width: 100%;
display: block;
font-size: 1.1em;
margin-bottom: 15px;
}
.qvs-team-member-social-icons{
width: 100%;
position: absolute;
top: 10%;
margin-top: -15px;
-webkit-transition: all 0.4s;
-moz-transition:    all 0.4s;
-o-transition:      all 0.4s;
transition:         all 0.4s;
}
.qvs-team-cap:hover .qvs-team-member-social-icons{
top: 50%;
}
.qvs-team-member-social-icons a{
background: rgba(255,255,255,.4);
border-radius: 100%;
color: #ffffff;
display: inline-block;
width: 30px;
height: 30px;
}
.qvs-team-member-social-icons a:hover{
color: #ffffff;
}
.qvs-team-member-social-icons a i{
line-height: 30px;
} .qvs-social-icon-wrapper{
margin-bottom: 40px;
}
.qvs-icon-social{
display: inline-block;
width:  40px;
height: 40px;
margin:0 5px;
position: relative;
}
.qvs-icon-social a i{
background: #dd002e;
border-radius: 100%;
color: #ffffff;
display: block;
width:  40px;
height: 40px;
line-height: 40px;
font-size: 1.1em;
margin: 0 auto 10px;
text-align: center;
-webkit-transition: background 0.4s;
-moz-transition:    background 0.4s;
-o-transition:      background 0.4s;
transition:         background 0.4s;
} .qvs-media-item{
background: #ffffff;
border-radius: 5px;
width: 100%;
margin-bottom: 20px;
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.qvs-media-item p{
color: #888888;
margin: 0;
}
.qvs-media-item-icon{
border-style: solid;
border-width: 2px;
border-radius: 100%;
width:  50px;
height: 50px;
text-align: center;
}
.qvs-media-item-icon i{
font-size: 2em;
line-height: 50px;
}
.qvs-media-item-title{
text-transform: uppercase;
} .qvs-social-icon-container{
width: 100%;
}
.qvs-social-icon-container a{
margin-right: 10px;
color: #666666;
}
.qvs-social-icon-container i{
font-size: 14px;
}
.qvs-social-icon-container a:hover{
color: #25b7e7;
}
.qvs-social-icon-wrapper{
float: left;
width: 100%;
text-align: center;
}
.qvs-social-icon-center-container{
display: inline-block;
} .qvs-pricing-table{
background: #ffffff;
border: 4px solid #dddddd;
border-radius: 5px;
color: #888888;
padding: 0 30px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.qvs-pricing-table.active{
border-style: solid;
border-width: 3px;
-webkit-transform:  scale(1.05);
-moz-transform: 	scale(1.05);
-o-transform: 		scale(1.05);
transform: 			scale(1.05);
}
.qvs-pricing-table div{
border-bottom: 2px solid #eeeeee;
padding-top:    25px;
padding-bottom: 25px;
}
.qvs-pricing-table div:last-child{
border: none;
}
.pricing-table-title{
font-size: 2.4em;
text-transform: uppercase;
}
.pricing-table-price{
font-size: 3.2em;
}
.pricing-table-price span{
font-size: .5em;
}
.pricing-table-features li{
font-size: 1.2em;
margin-bottom: 10px;
}
.pricing-table-features li:last-child{
margin: 0;
}
.pricing-table-button a{
background: #aaaaaa;
border-radius: 3px;
color: #ffffff;
display: block;
font-size: 1.4em;
width: 100%;
padding: 15px 0;
}
.pricing-table-button a:hover{
background: #222222;
color: #ffffff;
} .qvs-banner{
position: relative;
overflow: hidden;
}
.qvs-banner-cap{
background: rgba(0,0,0,.2);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
text-align: center;
}
.qvs-banner-title{
color: #ffffff;
line-height: 100%;
text-transform: uppercase;
margin-top: 45%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.qvs-banner-subtitle{
color: #ffffff;
display: inline-block;
font-size: 1.1em;
font-weight: 300;
text-transform: uppercase;
margin-top: 40px;
opacity: 0;
}
.qvs-banner-cap,
.qvs-banner img,
.qvs-banner-title,
.qvs-banner-subtitle{
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}
.qvs-banner:hover .qvs-banner-cap{
background: rgba(0,0,0,.7);
}
.qvs-banner:hover img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-webkit-transform: scale(1.1);
-o-webkit-transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.qvs-banner:hover .qvs-banner-subtitle{
opacity: 1;
margin-top: 10px;
} .qvs-column{
float:left;
margin-right:4%;
margin-bottom: 20px;
position:relative;
overflow:hidden;
padding-bottom:10px;
}
.one-half{width:48%;}
.one-third{width:30.66%;}
.two-third{width:65.33%;}
.one-fourth{width:22%;}
.two-fourth{width:48%;}
.three-fourth{width:74%;}
.one-fifth{width:16.8%;}
.two-fifth{width:37.6%;}
.three-fifth{width:58.4%;}
.four-fifth{width:67.2%;}
.one-sixth{width:13.33%;}
.two-sixth{width:30.66%;}
.three-sixth{width:47.99%;}
.four-sixth{width:65.33%;}
.five-sixth{width:82.67%;}
.last{margin-right:0;}
@media only screen and (max-width: 480px){
.qvs-column{width:100%;}
}
.qvs-column img{
max-width: 100%;
width: auto;
height: auto;
zoom:expression( function(elm) {
if (elm.width>100%) {
var oldVW = elm.width;
elm.width=100%;
elm.height = elm.height*(100% /oldVW);
}
elm.style.zoom = '1';
}
(this));
}  .box-text-center{text-align:center;}
.box-text-left{text-align:left;}
.box-text-right{text-align:right;}
.spo-audio-player-container iframe{width:100%; margin-bottom:10px;}
.sp-sin-comment {background:transparent!important;border:none; width:100%; height:100%; padding:0px!important;  font-size: 18px;}
.sp-blg-short iframe{max-height:123px;}
.widget.widget_search label{display:none;}
.widget.widget_search #searchsubmit{display:none;}
.wpcf7-submit.qvs-send-button{
background-image:url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/images/sp-send.png);
height:70px!important;
border:none;
background-color: rgba(0,0,0,.7);
}
.error-sp-txt{text-align:center;}
.error-ico-sp {font-size: 130px;}
.qvs-team-member-social-icons a{margin-left: 4px;}
.page-template-frontpage .spo-lightbox {margin-right:2px;} .th-setting ol{
display: block;
list-style-type: decimal;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
.th-setting ul{
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
.th-setting h2{clear:both;}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.428571429;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;}
table thead:first-child tr:first-child th,  table tbody:first-child tr:first-child th,  table tbody:first-child tr:first-child td {
border-top: 0;
}
table th,  table td {
padding: 8px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
vertical-align: top;
text-align: left;
line-height: 18px;
}
table {
margin: 20px 0;
width: 100%;
border: 1px solid #ddd;
border-collapse: separate;
border-left: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
table th,  table td {
padding: 8px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
vertical-align: top;
text-align: left;
line-height: 18px;
}
iframe{width:100%;}
embed{width:100%;}
.widget select{width:100%;}
.widget img.wp-smiley{width:auto;}
.widget_rss img{width:auto;}
.widget table{width:100%; text-align:center;}
.wp-image-967{width:100%; height:595px;}
.widget .size-large{height: 181px;}
#attachment_907{width:100%!important;}
#attachment_907 img{width:100%!important;}
.wp-image-907{width:100%!important;}
.wp-image-904{margin-bottom: 25px;}
.wp-image-905{margin-bottom: 25px;}
.widget select{
background-color: #ffffff;
border: 1px solid #dddddd;
color: #666666;
font-size: 1em;
text-indent: 10px;
outline: none;
width: 100%;
height:39px;
}
.read-btn {
padding: 14px 69px !important; background:#dd002e !important; box-shadow:none !important; border-radius:0px !important;
font-weight: 100;
}
.read-btn a:hover{ color:#011b40 !important; }
.contact-btn {
padding: 14px 69px !important; background:#011b40 !important; box-shadow:none !important; border-radius:0px !important;
font-weight: 100;
}
.box-container-fluid {
background-color: #000; 
}
.projects  .box-container-fluid {
background-color: #fff; 
}
#about h3 {
font-weight: 600;
text-transform: capitalize;
margin-top: 30px;
}
.sys-btn {
padding: 6px 15px;
background: none;
border: 2px solid #011b40;
color: #dd002e;
font-weight: 700;
cursor:pointer;
display:block;
width:50%;
margin:auto;
text-align:center;
}
#status, .spo-button, .spo-cap-bg, .spo-see-full, .spo-about-icon, .qvs-send-button:hover, .spo-quote-slider:before, .spo-quote-slider-trans:before, .spo-quote:before, .spo-counter-item-icon, .qvs-button-default, .spo-media-icon-2 i, .spo-page-title-section, .qvs-accordion dt:before, .qvs-toggle dt:before, .qvs-icon-social a i:hover, .blog-article-read-more:hover, .widget_tag_cloud a:hover, .spo-pagination-count li.active a, .spo-heading-wrap-left:after, .spo-blog-masonry-article-icon, .blog-grid-article-cap, .blog-article-comments-count:hover, .spo-pagination-count li a:hover, .qvs-team-member-social-icons a:hover, .spo-portfolio-filter li a.current-filter, .spo-primary-navigation>ul>li.selected:after, .qvs-pricing-table.active .pricing-table-button a{  background-color: #dd002e !important;  } a:hover, .spo-default-color, .spo-media-icon i, .qvs-media-item-icon i, .spo-blog-article-title a:hover, .qvs-tab-nav li.ui-state-active a, .spo-project-details>ul>li>dd>a:hover, .spo-primary-navigation>ul>li.selected>a, .spo-primary-navigation>ul>li>ul>li:hover>a, .spo-project-details>ul>li>dd>ul>li>a:hover, .qvs-tabs-icon .qvs-tab-nav li.ui-state-active a{   color: #dd002e !important; }
.spo-portfolio-filter a:hover, .spo-default-color, .spo-media-icon i, .qvs-media-item-icon i, .spo-blog-article-title a:hover, .qvs-tab-nav li.ui-state-active a, .spo-project-details>ul>li>dd>a:hover,.spo-project-details>ul>li>dd>ul>li>a:hover, .qvs-tabs-icon .qvs-tab-nav li.ui-state-active a{   color: #000 !important; background:#dd002e !important }
#ipad-sec {
background: #dd002e !important;
}
.wpb_wrapper h1 {
color: #fff;
}
.wpb_wrapper {
margin-top: 23%;
}
.wpb_wrapper p {
font-size: 17px;
line-height: 20px;
}
.ad-btn {
cursor: pointer;
padding: 12px 30px;
background: #003151;
border: none;
color: #fff;
font-size: 16px;
margin-top: 5%;
}
.wpb_text_column img {
max-width: 100%;
margin-bottom: -20px;
}
.sys-btn:hover {
background: #dd002e none repeat scroll 0 0;
border: 2px solid #dd002e;
color: #fff !important;
}
.spo-about-icon{ margin:0 auto; }
.sys-box h3 {
text-align: center;
}
.sys-box p {
text-align: center;
}
@media only screen and (max-width:1013px)
{
#rev_slider_1_1_wrapper { display: none !important; }
}
@media only screen and (min-width:320px) and (max-width:1013px)
{
.mob-bg{  display: block !important; margin-top:-46px; }
#about { padding: 0px !important;}	
.box-12.mob.mob-bg{display:block !important; background-color: #DD002E; margin-top: -73px; margin-bottom: 23px;}	
.box-12.mob.mob-bg > h1{display:block !important; color: #fff; margin-left:10px; padding-left: 15px; padding-top: 14px;}
}
@media only screen and (max-width:530px)
{
.spo-portfolio-item-caption .spo-portfolio-item-title{ margin-top: 27%; }
}
.mob-bg{ display: none; }
#sp-page-heder {
background: #000 none repeat scroll 0 0 !important;
}
@media only screen and (min-width:320px) and (max-width:325px)
{
.phone p {
margin-right: 2px !important;
}
}
.spo-about-icon {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
border: 3px solid #dd002e;
color: #dd002e;
margin: 0 auto; cursor:pointer;
}
.spo-about-icon:hover{ background:#dd002e !important; color:#fff; }
.qvs-icon-social a i:hover{ background:#454545 !important; }
#about {
padding: 20px 0px;
}
#about h2 {
text-align: center;
}
.sys-box {
margin-top: 30px;
}
#sector .sys-btn {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #011b40;
color: #dd002e;
cursor: pointer;
font-weight: 700;
margin-left: 51px;
margin-top: 6px;
padding: 5px 10px;
margin-bottom: 10px;
}
#sector .sys-btn:hover {
background: #dd002e none repeat scroll 0 0;
border: 2px solid #dd002e;
color: #fff !important;
}
.spo-media-icon {
margin-bottom: 0px;
margin-top: 60px;
}
.phone {
color: #fff;
font-size: 23px;
margin-top: 10px;
font-weight: 700;
margin-right: 10px
}
.decor-list {
background: #f0f0f0 none repeat scroll 0 0;
border: 1px solid #dedede;
border-radius: 6px;
line-height: 21px;
list-style-type: circle;
padding: 21px;
}
.nav-head {
margin-top: -25px;
}
.side img {
float: left;
margin-bottom: 10px;
width:15% !important;
margin-right: 10px;
}
.side-text {
float: left;
margin-top: -10px;
}
.widget h5 {
font-size: 22px;
margin-bottom: 22px;
}
.side div {
background: #fff none repeat scroll 0 0;
border: 1px solid #ffbdcb;
border-radius: 5px;
color: #fff;
margin-top: 0px;
padding: 8px;
}
.logo-footer img {
margin-left: -8px;
}
.phone p {
float: right;
margin-right: 30px;
margin-top: 10px;
}
.phone input[type="text"] {
background: #dd002e none repeat scroll 0 0;
border: medium none;
color: #fff;
float: right;
font-size: 14px;
font-weight: 700;
margin-top: 10px;
padding: 0px 10px;
}
.search-form {
float: right;
}
.mob-bg img {
max-width: 100%;
width: 100%;
}
#team {
padding-top: 0px;
}
.promo a:hover {
background: #666 none repeat scroll 0 0 !important;
color: #fff !important;
}
.tp-revslider-slidesli a:hover {
color: #fff !important;
}
.decor-list li {
background: rgba(0, 0, 0, 0) url(http://192.168.7.128/acrylicon/wp-content/uploads/2015/05/tick-acry.png) no-repeat scroll 0 center;
border-bottom: 1px dashed #666;
height: 24px;
list-style-type: none;
padding-bottom: 7px;
padding-left: 30px;
padding-top: 7px;
}
.box-12.mob.mob-bg{
display:none;
}
.box-12.mob.mob-bg > h1{display:none; color: #fff; margin-left:10px;}
.spo-heading-wrap, .spo-heading-wrap-trans{ margin-bottom:0;}
#spo-drag-carousel{ margin-bottom:30px;}
.owl-navigation .next, .owl-navigation .prev{margin-top: -70px !important; background:#dd002e !important;}
#searchsubmit
{
float: right;
position: absolute;
right: 0;
top: 10px;
background: MAROON;
border: none;
width: 24%;
font-size: 18px;
height: 35px;
COLOR: #fff;
}
input::-webkit-input-placeholder {
color: #000000;
}
input::-moz-placeholder {
color: #000000;
}
input:-moz-placeholder { color: #000000;
}
input:-ms-input-placeholder { 
color: #000000;
}
input::-moz-placeholder {
color: #000000;
}
.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
width: 100%;
}
footer a{ font-weight:bold !important; color:#DD002E; }
footer p{ font-weight:bold;}.tp-bullets.preview4 						{ 	height: 17px}
.tp-bullets.preview4 .bullet 				{	cursor: pointer;
position: relative !important;
background: rgba(0, 0, 0, 0.5) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 0) !important;
display: inline-block;
margin-right: 2px !important;
margin-bottom: 0px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float:none !important;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}
.tp-bullets.preview4 .bullet.last 			{	margin-right: 0px}
.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected 		{	-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: rgba(255, 255, 255, 1) !important;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 1) !important;
}#status,
.spo-button,
.spo-cap-bg,
.spo-see-full,
.spo-about-icon,
.qvs-send-button:hover,
.spo-quote-slider:before,
.spo-quote-slider-trans:before,
.spo-quote:before,
.spo-counter-item-icon,
.qvs-button-default,
.spo-media-icon-2 i,
.spo-page-title-section,
.qvs-accordion dt:before,
.qvs-toggle dt:before,
.qvs-icon-social a i:hover,
.blog-article-read-more:hover,
.widget_tag_cloud a:hover,
.spo-pagination-count li.active a,
.spo-heading-wrap-left:after,
.spo-blog-masonry-article-icon,
.blog-grid-article-cap,
.blog-article-comments-count:hover,
.spo-pagination-count li a:hover,
.qvs-team-member-social-icons a:hover,
.spo-portfolio-filter li a.current-filter,
.spo-primary-navigation>ul>li.selected:after,
.qvs-pricing-table.active .pricing-table-button a{
background-color: #1fb2e2;
} a:hover,
.spo-default-color,
.spo-media-icon i,
.qvs-media-item-icon i,
.spo-blog-article-title a:hover,
.qvs-tab-nav li.ui-state-active a,
.spo-project-details>ul>li>dd>a:hover,
.spo-primary-navigation>ul>li.selected>a,
.spo-primary-navigation>ul>li>ul>li:hover>a,
.spo-project-details>ul>li>dd>ul>li>a:hover,
.qvs-tabs-icon .qvs-tab-nav li.ui-state-active a{
color: #1fb2e2;
} .qvs-media-item-icon,
.qvs-pricing-table.active,
.spo-portfolio-filter li a.current-filter,
.qvs-tabs-icon .qvs-tab-nav li.ui-state-active a{
border-color: #1fb2e2;
}.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li {
position: relative;
}
.sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
}
.sf-menu > li {
float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display: block;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu ul ul {
top: 0;
left: 100%;
} .owl-navigation .next,
.owl-navigation .prev{
background: rgba(0,0,0,.7);
border-radius: 100%;
color: #ffffff;
cursor: pointer;
display: block;
width:  55px;
height: 55px;
margin-top: -20px;
position: absolute;
top: 50%;
margin-right: -5%;
margin-left: -6%;
}
.owl-navigation .next{
right: 5px;
}
.owl-navigation .prev{
left: 5px;
}
.owl-navigation .next:after,
.owl-navigation .prev:after{
display: block;
width:  55px;
height: 55px;
line-height: 55px;
font-family: 'icomoon';
font-size: 2em;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
position: absolute;
text-align: center;
left: 0;
top: 0;
}
.owl-navigation .next:after{
content: "\e6d0";
}
.owl-navigation .prev:after{
content: "\e6cd";
} .flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{
outline:none;
}
.slides,.flex-control-nav,.flex-direction-nav{
margin:0;
padding:0;
list-style:none;
}
.flexslider{
}
.flexslider .slides>li{
display:none;
-webkit-backface-visibility:hidden;
}
.flexslider .slides img{
max-width:100%;display:block;
}
.flex-pauseplay span{
text-transform:capitalize;
}
.slides:after{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
html[xmlns] .slides{
display:block;
}
* html .slides{
height:1%;
}
.no-js .slides>li:first-child{
display:block;
}
.flexslider{
position:relative;
zoom:1;
}
.flexslider .slides{
zoom:1;
}
.flexslider .slides>li{
position:relative;
}
.flex-container{
zoom:1;
position:relative;
}
.flex-caption{
filter:alpha(opacity=80); zoom:1;
}
.flex-caption{
width:40%;
padding:15px 20px;
margin:0;
position:absolute;
left:20px;
top:35px;
color:#fff;
line-height:25px;
}
.flex-caption h1{
color: #ffffff;
font-size: 40px;
text-shadow: 0px 1px 3px rgba(0,0,0,0.2);
}
.flex-caption p{
font-size: 18px;
text-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}
.flex-caption span {
display:block;
padding:0 0 7px 0;
}
.flex-direction-nav li{
width: 33px;
height: 100%;
display: block;
}
.flex-direction-nav li a{
background: rgba(0,0,0,.9);
position: absolute;
width:  40px;
height: 40px;
display: block;
text-indent: -9999em;
margin: -20px 0 0 0;
}
.flex-direction-nav li a.flex-prev{
background-image: url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/images/media/left-arrow.png);
top: 50%;
left: 5px;
}
.flex-direction-nav li a.flex-next{
background-image: url(//www.acrylicon.ie/wp-content/themes/acrylicon/includes/images/media/right-arrow.png);
top: 50%;
right: 5px;
}
.flex-control-nav{
width:100%;
position:absolute;
bottom: 0;
text-align:center;
}
.flex-control-nav li{
margin:0 0 0 8px;
display:inline-block;
zoom:1;
*display:inline;
}
.flex-control-nav li:first-child{
margin:0;
}
.flex-control-nav li a{
border-radius: 100%;
width:15px;
height:15px;
background: rgba(0,0,0,.2);
display:block;
cursor:pointer;
text-indent:-9999px;
}
.flex-control-nav li a.flex-active{
background: rgba(0,0,0,.4);
}
.flex-trans .flex-control-nav li a{
background: rgba(255,255,255,.5);
}
.flex-trans .flex-control-nav li a.flex-active{
background: rgba(255,255,255,.8);
}  .isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
} .isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:         top, left, opacity;
transition-property:         transform, opacity;
} .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}  .isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}   .owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} .grabbing { 
cursor: move;
} .owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}  .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 4000;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 4000;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 4000;
-webkit-transition: all 0.4s;
-moz-transition:    all 0.4s;
-o-transition:      all 0.4s;
transition:         all 0.4s;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 4000; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 4000;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0;
-webkit-transition: all 0.4s;
-moz-transition:    all 0.4s;
-o-transition:      all 0.4s;
transition:         all 0.4s;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; }
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; }
}
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }@media only screen and (max-width : 1480px) {
.spo-portfolio-container-full-6 .spo-portfolio-item {
width: 25%;
}
}
@media only screen and (max-width : 1200px) {
.spo-portfolio-container-full-5 .spo-portfolio-item {
width: 25%;
}
.qvs-banner-title{
font-size: 1.8em;
}
}
@media only screen and (max-width : 1023px) {
.no-tab-view{
display: none;
} header {
position: relative;
}
.spo-primary-navigation {
display: none;
}
.spo-responsive-trigger {
display: block;
}
header.transparent{
background: #ffffff;
}
header.black-header{
background: #222222;
} .spo-intro-title{
font-size: 2.5em;
}
.spo-intro-subtitle{
font-size: 1.4em;
} #content {
margin-top: 0;
} .blog-grid-article{
width: 50%;
}
.blog-carousel-title{
font-size: 1.2em;
margin-top: 10%;
} .spo-services-container{
width: 48%;
margin-left: 1%;
margin-right: 1%;  
} .spo-portfolio-container .spo-portfolio-item,
.spo-portfolio-gutters-4 .spo-portfolio-item,
.spo-portfolio-container-full-5 .spo-portfolio-item,
.spo-portfolio-container-full-6 .spo-portfolio-item {
width: 49%;	
} .spo-counter-item{
width: 50%;
margin-bottom: 30px;
} .qvs-banner-title{
width: 100%;
font-size: 1.6em;
}
} @media only screen and (max-width : 767px) { .no-phone-view{
display: none;
} h1 { font-size: 1.8em;}
h2 { font-size: 1.5em;}
h3 { font-size: 1.3em;}
h4 { font-size: 1.2em;}
h5 { font-size: 1em;} .spo-section-title{
font-size: 1.8em;
}
.spo-section-box-title{
padding: 30px 0;
}
.spo-section-box-title h1{
margin-top: 0;
}  .qvs-pricing-table {
margin-bottom: 30px;
} #spo-portfolio-filter {
text-align: left;
}
#spo-portfolio-filter li {
margin-bottom: 8px;
}
.spo-portfolio-container .spo-portfolio-item,
.spo-portfolio-container-full-5 .spo-portfolio-item,
.spo-portfolio-container-full-6 .spo-portfolio-item {
width: 50%;
}
.spo-portfolio-gutters-4 .spo-portfolio-item,
.spo-portfolio-gutters-3 .spo-portfolio-item,
.spo-portfolio-gutters-2 .spo-portfolio-item {
width: 49%;
}
.spo-portfolio-item-caption .spo-portfolio-item-title,
.spo-portfolio-drag-item-title {
font-size: 1.5em;
}
.spo-sidebar-widgets {
padding: 0;
}
.spo-blog-pagination {
margin-bottom: 30px;
}
.spo-project-details{
padding-left: 0;
} .spo-blog-article-title,
.link-post-type .spo-blog-article-title {
font-size: 1.8em;
}
.link-post-type .spo-blog-article-title {
margin-top: 15px;
}
.spo-comment-reply{
margin-bottom: 40px;
}
.blog-article-comments-count, .blog-article-read-more{
width: 40px;
height: 40px;
}
.blog-article-read-more i{
font-size: 1.3em;
line-height: 40px;
}
.blog-article-comments-count i{
font-size: 1.2em;
margin-top: 5px;
}
.blog-article-comments-count span{
font-size: .8em;
}
.spo-blog-masonry-article{
width: 100%;
}
.spo-blog-masonry-list li{
width: 100%;
} .spo-quote-slider ul li p,
.spo-quote-slider-trans ul li p {
font-size: 1.4em;
} .spo-services-container{
width: 100%;
margin-left: 0;
margin-right: 0;  
}
.spo-service-box{
margin-bottom: 20px; 
} .subscribe-button{
font-size: 1em;
} .qvs-banner{
width: 100%;
}
.qvs-team-member{
width: 50%;
} .spo-input-container,
.spo-comment-reply .input-container{
width: 100%;
margin-right: 0;
}
}
@media only screen and (max-width : 480px) { .spo-portfolio-container .spo-portfolio-item,
.spo-portfolio-gutters-4 .spo-portfolio-item,
.spo-portfolio-gutters-3 .spo-portfolio-item,
.spo-portfolio-gutters-2 .spo-portfolio-item,
.spo-portfolio-container-full-5 .spo-portfolio-item,
.spo-portfolio-container-full-6 .spo-portfolio-item {
width: 100%;	
} .spo-blog-masonry-list li{
width: 100%;
}
.spo-blog-masonry-article{
width: 100%;
}
.spo-comment-author-img{
display: none;
}
}