@charset "UTF-8";
.wpaddons-parallax-wrapper{
display: none;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden
}
.wpaddons-parallax-left{
position: absolute;
left: 0;
width: 48%;
height: 100%;
}
.wpaddons-parallax-right{
position: absolute;
right: 0;
width: 48%;
height: 100%;
}
@media(max-width: 767px){
.wpaddons-parallax-left{
width: 100%;
}
.wpaddons-parallax-right{
display: none;
}
}
.wpaddons-parallax-wrapper img{
-webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
-moz-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
-ms-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.wpaddons-parallax-wrapper .wpaddons-parallax-right img{
left: auto;
right: 0;
}
.animated.wpaScale3D {
animation-duration: 2s;
}
.wpaScale3D {
animation-name: wpaScale3D;
}
@keyframes wpaScale3D {
from {
transform: scale3d(0, 0, 0);
}
5% {
transform: scale3d(0.08, 0.08, 0.08);
}
10% {
transform: scale3d(0.16, 0.16, 0.16);
}
15% {
transform: scale3d(0.24, 0.24, 0.24);
}
20% {
transform: scale3d(0.32, 0.32, 0.32);
}
25% {
transform: scale3d(0.40, 0.40, 0.40);
}
30% {
transform: scale3d(0.48, 0.48, 0.48);
}
35% {
transform: scale3d(0.56, 0.56, 0.56);
}
40% {
transform: scale3d(0.64, 0.64, 0.64);
}
43% {
transform: scale3d(0.72, 0.72, 0.72);
}
45% {
transform: scale3d(0.80, 0.80, 0.80);
}
47% {
transform: scale3d(0.88, 0.88, 0.88);
}
50% {
transform: scale3d(0.95, 0.95, 0.95);
}
53% {
transform: scale3d(0.95, 0.95, 0.95);
}
55% {
transform: scale3d(0.88, 0.88, 0.88);
}
57% {
transform: scale3d(0.72, 0.72, 0.72);
}
60% {
transform: scale3d(0.64, 0.64, 0.64);
}
65% {
transform: scale3d(0.56, 0.56, 0.56);
}
70% {
transform: scale3d(0.48, 0.48, 0.48);
}
75% {
transform: scale3d(0.48, 0.48, 0.48);
}
80% {
transform: scale3d(0.32, 0.32, 0.32);
}
85% {
transform: scale3d(0.24, 0.24, 0.24);
}
90% {
transform: scale3d(0.16, 0.16, 0.16);
}
95% {
transform: scale3d(0.08, 0.08, 0.8);
}
100% {
transform: scale3d(0, 0, 0);
}
}
 .animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.hinge {
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
animation-duration: .75s;
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transform: translate3d(0,0,0);
}
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0,-4px,0);
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom;
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
animation-name: flash;
} @keyframes pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scale3d(1, 1, 1);
}
}
.pulse {
animation-name: pulse;
}
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, .95, 1);
}
to {
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
animation-name: rubberBand;
}
@keyframes shake {
from, to {
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0);
}
}
.shake {
animation-name: shake;
}
@keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake;
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
to {
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
transform-origin: top center;
animation-name: swing;
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%, 20% {
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.tada {
animation-name: tada;
} @keyframes wobble {
from {
transform: none;
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: none;
}
}
.wobble {
animation-name: wobble;
}
@keyframes jello {
from, 11.1%, to {
transform: none;
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
animation-name: jello;
transform-origin: center;
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
animation-name: bounceIn;
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
.bounceInDown {
animation-name: bounceInDown;
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInLeft {
animation-name: bounceInLeft;
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInRight {
animation-name: bounceInRight;
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
animation-name: bounceOutUp;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDownBig {
animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRightBig {
animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUpBig {
animation-name: fadeInUpBig;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig;
}
@keyframes flip {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(.95, .95, .95);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px);
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip;
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInX;
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInY;
}
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flipOutY {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
opacity: 1;
}
to {
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in;
}
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: none;
opacity: 1;
}
}
.rotateIn {
animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
animation-name: rotateInUpRight;
}
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
animation-name: hinge;
}
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: scale(1);
}
}
.jackInTheBox {
animation-name: jackInTheBox;
} @keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: none;
}
}
.rollIn {
animation-name: rollIn;
} @keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
animation-name: rollOut;
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
animation-name: zoomInDown;
}
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
animation-name: zoomInLeft;
}
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
animation-name: zoomInRight;
}
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
animation-name: zoomInUp;
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
.zoomOutLeft {
animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
.zoomOutRight {
animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
animation-name: zoomOutUp;
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
animation-name: slideInRight;
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
animation-name: slideInUp;
}
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
animation-name: slideOutDown;
}
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
animation-name: slideOutLeft;
}
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
animation-name: slideOutRight;
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
animation-name: slideOutUp;
}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,
01 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;
vertical-align: baseline;
}
html {
line-height: 1;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,
th,
td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q,
blockquote {
quotes: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
display: block;
}
::selection {
color: #fff;
text-shadow: none;
background: #d2583e;
}
.ua-safari::selection {
background: none !important;
}
.b-team-holder {
-moz-user-select: none; -ms-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
} body {
font-size: 16px;
color: #333;
overflow-x: hidden;
}
.layout-theme {
background: #fff;
}
* {
outline: none !important;
}
.vcenter {
display: inline-block;
vertical-align: middle;
float: none;
}
.img-responsive {
display: inline-block;
vertical-align: middle;
}
.vtop {
display: inline-block;
vertical-align: top;
float: none;
}
.vertical-middle {
vertical-align: middle;
}
.vertical-bottom {
vertical-align: bottom;
}
.no-margin {
margin: 0 !important;
}
.row.row-margin {
margin-bottom: 40px;
}
.row.no-gutter {
margin-left: 0;
margin-right: 0;
}
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
padding-left: 0;
padding-right: 0;
}
.relative {
position: relative;
}
.text-white {
color: #fff;
}
.no-border {
border: none !important;
}
.font-bold {
font-weight: bold;
}
.font-bold.btn {
font-weight: bold;
}
.invertX {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
.gmnoprint a,
.gmnoprint span,
.gm-style-cc {
display: none;
}
.gmnoprint div {
background: none !important;
}
.300 {
font-weight: 300;
}
h1 {
font-size: 44px;
margin: 0 0 0.5em;
font-weight: 500;
}
h2 {
font-size: 36px;
margin: 0 0 0.5em;
font-weight: 500;
}
h3 {
font-size: 28px;
margin: 0 0 0.5em;
font-weight: 500;
}
h4 {
font-size: 20px;
margin: 0 0 0.5em;
font-weight: 500;
}
h5 {
font-size: 18px;
margin: 0 0 0.5em;
font-weight: 500;
line-height: 1.6;
}
h6 {
font-size: 16px;
margin: 0 0 0.5em;
font-weight: 500;
}
h1.thin,
h2.thin,
h3.thin,
h4.thin,
h5.thin,
h6.thin {
font-weight: 300;
}
h1.normal,
h2.normal,
h3.normal,
h4.normal,
h5.normal,
h6.normal {
font-weight: 500;
}
h1.bold,
h2.bold,
h3.bold,
h4.bold,
h5.bold,
h6.bold {
font-weight: bold;
}
h1.with-underline.under-orange:after,
h2.with-underline.under-orange:after,
h3.with-underline.under-orange:after,
h4.with-underline.under-orange:after,
h5.with-underline.under-orange:after,
h6.with-underline.under-orange:after {
border-color: #ed912a;
}
h1.with-underline.under-blue:after,
h2.with-underline.under-blue:after,
h3.with-underline.under-blue:after,
h4.with-underline.under-blue:after,
h5.with-underline.under-blue:after,
h6.with-underline.under-blue:after {
border-color: #088cdc;
}
h1.with-underline:after,
h2.with-underline:after,
h3.with-underline:after,
h4.with-underline:after,
h5.with-underline:after,
h6.with-underline:after {
content: "";
display: block;
width: 60px;
max-width: 100%;
border-bottom: 1px solid #088cdc;
margin-top: 20px;
margin-bottom: 0.5em;
}
.bold {
font-weight: bold;
}
a.orange:hover {
color: #ed912a;
}
a:hover {
text-decoration: none;
}
p,
.rtd {
font-size: 15px;
line-height: 1.7;
color: #333;
}
.page-content.rtd {
margin-bottom: 50px;
}
p {
margin-bottom: 10px;
}
p span.hightlited-blue,
p span.hightlited-orange {
padding: 0 5px;
color: #fff;
}
p span.hightlited-blue {
background: #088cdc;
}
p span.hightlited-orange {
background: #ed912a;
}
p span.hightlited-dotted {
border: 1px dotted #777777;
color: #088cdc;
padding: 0 5px;
}
p .first-letter {
font-size: 48px;
width: 60px;
font-weight: bold;
text-align: center;
line-height: 60px;
margin: 8px 15px 15px 0;
float: left;
text-transform: uppercase;
}
p .first-letter.circle {
border-radius: 50%;
}
p .first-letter.blue-first-letter {
background: #237ac6;
color: #fff;
}
p .first-letter.square {
font-size: 32px;
line-height: 40px;
height: 40px;
width: 40px;
}
p .first-letter.orange-first-letter {
background: #ed912a;
color: #fff;
}
blockquote {
display: block;
}
blockquote.blockquote-free {
padding: 15px 0 15px 70px;
font-size: 26px;
color: #333;
font-style: italic;
line-height: 36px;
margin-bottom: 60px;
}
blockquote.blockquote-free .author {
font-size: 14px;
font-weight: bold;
color: #ed912a;
text-transform: uppercase;
font-style: normal;
}
blockquote.blockquote-box {
padding: 15px 35px 10px 35px;
font-size: 14px; font-style: italic;
line-height: 28px;
margin-bottom: 60px;
background: #f6f6f6;
border-left: 5px solid #ed912a;
}
blockquote.blockquote-box p {
font-size: 14px;
font-style: italic;
line-height: 28px;
}
blockquote.blockquote-box.text-left {
text-align: left;
}
blockquote.blockquote-box.white-blockquote {
background-color: #fff;
}
blockquote.blockquote-full {
padding: 50px 25px 50px 135px;
font-size: 16px;
color: #fff;
font-weight: bold;
line-height: 30px;
margin-bottom: 60px;
background-color: #237ac6;
}
blockquote.blockquote-full.blue-blockquote {
background: url(//inmasoft.cl/wp-content/themes/farvis/images/icons/quotes-orange-circle.png) 34px 59px no-repeat;
background-color: #237ac6;
}
.blockquote-box {
text-align: right;
margin-bottom: 20px;
}
.blockquote-box.white-box blockquote {
background: url(//inmasoft.cl/wp-content/themes/farvis/images/icons/quotes-orange.png) 40px 40px no-repeat;
background-color: #fff;
background-size: 25px 20px;
}
.blockquote-box.white-box blockquote:after {
border-left-color: #fff;
}
.blockquote-box.white-box .wrap-author .avatar {
border: 5px solid #fff;
}
.blockquote-box blockquote {
text-align: left;
padding: 40px 20px 40px 80px;
color: #333333;
font-style: italic;
line-height: 28px;
position: relative;
margin-bottom: 30px;
background: url(//inmasoft.cl/wp-content/themes/farvis/images/icons/quotes-orange.png) 40px 40px no-repeat;
background-color: #f6f6f6;
background-size: 25px 20px;
}
.blockquote-box blockquote:after {
content: "";
border: 20px solid transparent;
border-left-color: #f6f6f6;
display: block;
position: absolute;
top: 100%;
right: 30px;
margin-top: -20px;
}
.blockquote-box .wrap-author {
display: inline-block;
text-align: left;
}
.blockquote-box .wrap-author .avatar {
overflow: hidden;
width: 60px;
height: 60px;
border: 5px solid #f6f6f6;
border-radius: 50%;
background: #fff;
}
.blockquote-box .wrap-author .author {
padding-left: 10px;
}
.blockquote-box .wrap-author .author a {
display: block;
color: #237ac6;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
}
.blockquote-box .wrap-author .author span {
color: #777777;
font-size: 13px;
font-style: italic;
text-align: left;
}
.post-password-form input[type=password] {
background: #fff none repeat scroll 0 0;
border: 1px solid #e8ecef;
border-radius: 0;
color: #333;
font-size: 15px;
padding: 5px;
}
.post-password-form input[type=submit] {
position: relative;
top: -1px;
height: 37px;
}
#respond .btn {
margin: 25px 0;
float: right;
}
.btn.btn-warning {
background: #ed912a;
border: 1px solid #ed912a !important;
color: #fff;
font-size: 15px;
font-weight: 400;
padding: 10px 25px;
line-height: 30px;
border-radius: 3px;
text-transform: uppercase;
box-shadow: none !important;
}
.btn .fa {
font-size: 14px;
padding-left: 10px;
}
.btn .icon-envelope {
line-height: 30px;
display: inline-block;
vertical-align: bottom;
margin-right: 10px;
}
.btn.btn-sm {
padding: 5px 15px;
font-size: 13px;
}
.btn.btn-lg {
padding: 15px 35px;
font-size: 18px;
}
.btn.btn-checkbox {
padding: 0;
line-height: 30px;
color: #555555;
text-transform: none;
margin-right: 10px;
}
.btn.btn-checkbox.active:before {
font-family: FontAwesome;
content: "\f00c";
color: #555;
}
.btn.btn-checkbox.checkbox-blue:before {
background: #088cdc;
border-color: #088cdc;
color: #fff;
}
.btn.btn-checkbox.checkbox-orange:before {
background: #ed912a;
border-color: #ed912a;
color: #fff;
}
.btn.btn-checkbox:before {
content: "";
width: 22px;
height: 22px;
border: 1px solid #cccccc;
background: #fff;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
margin-bottom: 5px;
line-height: 20px;
text-align: center;
}
.btn.btn-radio {
padding: 0;
line-height: 30px;
color: #555555;
text-transform: none;
margin-right: 10px;
}
.btn.btn-radio.active:before {
font-family: FontAwesome;
content: "\f111";
color: #555;
}
.btn.btn-radio.radio-blue:before {
background: #088cdc;
border-color: #088cdc;
color: #fff;
}
.btn.btn-radio.radio-white:before {
border: 1px solid #ccc;
background: #fff;
color: #088cdc;
}
.btn.btn-radio:before {
content: "";
width: 18px;
height: 18px;
border: 1px solid #cccccc;
background: #fff;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
margin-bottom: 5px;
line-height: 16px;
text-align: center;
border-radius: 50%;
font-size: 10px;
}
.btn.btn-primary {
border: 1px solid #eee;
font-size: 13px;
letter-spacing: 1px;
color: #222;
background: #fff;
text-transform: uppercase;
}
.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
background: #1664A9;
}
.btn.btn-white-orange {
color: #333;
background: #fff;
border: 1px solid #e8ecef
}
.btn.btn-white-orange.orange {
color: #ed912a;
}
.btn.btn-white-orange.orange i {
color: #088cdc;
}
.btn.btn-white-orange:active,
.btn.btn-white-orange:focus,
.btn.btn-white-orange:hover {
background: #ed912a;
border: 1px solid #ed912a !important;
color: #fff;
}
.btn.btn-white-orange:active i,
.btn.btn-white-orange:focus i,
.btn.btn-white-orange:hover i {
color: #fff;
}
.btn.btn-white-orange:active.no-border,
.btn.btn-white-orange:focus.no-border,
.btn.btn-white-orange:hover.no-border {
border: none !important;
}
.btn.btn-white-orange.no-border {
border: none !important;
}
.post-body .btn {
background: #ed912a;
border: 1px solid #ed912a !important;
color: #fff;
}
.btn.btn-warning:active,
.btn.btn-warning:focus,
.btn.btn-warning:hover {
background: #DF831D;
}
.btn.btn-default {
background: transparent;
border: 1px solid #eee;
border-radius: 100px;
}
.btn.btn-default:active,
.btn.btn-default:focus,
.btn.btn-default:hover {
background: #EFEFEF;
border-color: #EFEFEF;
}
.btn.btn-default.btn-default-bordered {
border: 2px solid #cccccc !important;
}
.btn.btn-transparent {
background: none;
border: none;
box-shadow: none;
}
.btn.btn-transparent.orange i {
color: #237ac6;
}
.btn.btn-transparent.orange:hover {
visibility: hidden;
font-size: 12px;
color: inherit;
text-transform: uppercase;
}
.input-group input[type=text] {
height: 52px;
background: #fff;
}
.input-group input[type=text]:first-child {
padding-left: 15px;
border-radius: 3px 0 0 3px;
}
.form-group.has-feedback input[type=text]-feedback {
line-height: 40px;
height: 40px;
color: #ed912a;
}
.form-group.has-feedback input[type=text] {
padding-right: 45px;
}
textarea {
max-width: 100%;
}
textareainput[type=text] {
margin-bottom: 40px;
min-height: 100px;
resize: none;
}
input[type=text],
html .km_cf7-input-container input[type=email],
html .km_cf7-input-container input[type=text],
html .km_cf7-input-container textarea {
padding: 10px 0;
background-color: #f6f6f6;
box-shadow: none !important;
outline: none;
border: none;
border-radius: 0;
padding-left: 0;
height: 40px;
color: #aaaaaa;
font-size: 15px;
width: 100%;
}
textarea {
background: none;
box-shadow: none !important;
outline: none;
border: none;
border-bottom: 1px solid #e8ecef;
border-radius: 0;
border-radius: none;
padding-left: 0;
color: #999;
color: #aaaaaa;
font-size: 15px;
width: 100%;
padding: 10px 0;
background-color: #f6f6f6;
}
#respond textarea {
background: #f6f6f6;
border: 0;
border-radius: 0 !important;
color: #23272c;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
border-radius: 5px;
color: #333;
font-size: 15px;
height: 40px;
line-height: 26px;
outline: medium none;
padding: 10px 15px;
width: 100%;
min-height: 180px;
}
.logged-in-as {
padding-bottom: 15px;
}
.comment-reply-title {
position: relative;
font-size: 30px;
color: #23272c;
}
.comment-reply-title small {
padding-left: 10px;
font-weight: normal;
}
input[type=text]:focus,
input[type=text]:active {
border-color: #e8ecef;
}
input[type=text].bordered {
border: 1px solid #e8ecef border-radius: 2px;
color: #777777;
font-style: italic;
padding: 0 15px;
}
input[type=text]-feedback { }
.orange + .tooltip .tooltip-inner {
background: #ed912a;
color: #fff;
text-transform: uppercase;
border-radius: 0;
}
.orange + .tooltip .tooltip-arrow {
border-top-color: #ed912a;
}
.blue {
color: #088cdc;
}
.blue + .tooltip .tooltip-inner {
background: #088cdc;
color: #fff;
text-transform: uppercase;
border-radius: 0;
}
.blue + .tooltip .tooltip-arrow {
border-top-color: #088cdc;
}
.grey {
color: #aaaaaa;
}
.dark {
position: relative;
}
.dark.dark-strong:after {
background: #0b0f12;
opacity: 0.9;
}
.dark:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #191919;
opacity: 0.72;
z-index: 1;
}
.blue-dark {
position: relative;
}
.blue-dark:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #237ac6;
opacity: 0.95;
z-index: 1;
}
.blue-dark.solid:after {
opacity: 1;
}
.orange-dark {
position: relative;
}
.orange-dark:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #ed912a;
opacity: 0.95;
z-index: 1;
}
.dark-content {
position: relative;
z-index: 2;
}
.light-title {
font-size: 30px;
margin-bottom: 30px;
font-weight: 100;
color: #777777;
}
ul.list,
ol.list {
margin-bottom: 30px;
}
ul.list.list-round-check.orange-list li:before,
ol.list.list-round-check.orange-list li:before {
color: #ed912a;
}
ul.list.list-round-check li:before,
ol.list.list-round-check li:before {
font-family: FontAwesome;
content: "\f05d";
color: #111;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}
ul.list.list-caret-right li:before,
ol.list.list-caret-right li:before {
font-family: FontAwesome;
content: "\f0da";
color: #237ac6;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}
ul.list.list-check li:before,
ol.list.list-check li:before {
font-family: FontAwesome;
content: "\f00c";
color: #088cdc;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}
ul.list.list-check li.disable:before,
ol.list.list-check li.disable:before {
content: "\f00d";
color: #ed912a;
}
ul.list.list-angle-right li:before,
ol.list.list-angle-right li:before {
font-family: FontAwesome;
content: "\f105";
color: #ed912a;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}
ul.list.list-square li:before,
ol.list.list-square li:before {
font-family: FontAwesome;
content: "\f096";
color: #088cdc;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}
ul.list.list-arrow-right li:before,
ol.list.list-arrow-right li:before {
font-family: FontAwesome;
content: "\f178";
color: #088cdc;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}
ul.list.list-circle li:before,
ol.list.list-circle li:before {
font-family: FontAwesome;
content: "\f111";
color: #ed912a;
font-size: 10px;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}
ul.list li,
ol.list li {
line-height: 30px;
color: #333333;
font-size: 15px;
text-align: left;
}
ul.list-counter,
ol.list-counter {
counter-reset: item;
}
ul.list-counter li,
ol.list-counter li {
line-height: 30px;
color: #333333;
font-size: 15px;
text-align: left;
}
ul.list-counter li:before,
ol.list-counter li:before {
content: counter(item) ". ";
counter-increment: item;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
color: #ed912a;
}
ul.list-counter.list-counter-circle li:before,
ol.list-counter.list-counter-circle li:before {
content: counter(item);
color: #fff;
background: #111;
border-radius: 50%;
line-height: 20px;
width: 20px;
text-align: center;
}
.table {
border: 1px solid #eeeeee;
}
.table thead tr th {
font-weight: bold;
text-transform: uppercase;
color: #333333;
font-size: 14px;
font-weight: 900;
text-align: left;
line-height: 30px;
padding: 12px 15px;
border-bottom: 4px solid #237ac6;
}
.table thead tr th:first-child {
text-align: center;
}
.table tbody tr td {
color: #333333;
font-size: 15px;
font-weight: 400;
line-height: 25px;
text-align: left;
border-bottom: 1px solid #eeeeee;
padding: 10px 15px;
}
.table tbody tr td:first-child {
text-align: center;
}
.table.table-warning thead tr th {
border-bottom: 4px solid #ed912a;
}
.table.table-mixed thead tr th {
background: #237ac6;
color: #fff;
border-left: none;
border-right: none;
border-bottom: 4px solid #ed912a;
}
.table.table-mixed tbody tr td {
border-color: #eeeeee;
} .admin-bar .header-search .close {
top: 30px;
}
.aligncenter {
margin: 0 auto;
display: block;
}
img[class*="wp-image-"] {
display: inline-block;
max-width: 100%;
height: auto;
}
.wp-caption {
text-align: left;
}
.wp-caption-text {
text-align: left;
padding-top: 10px;
}
.gallery-caption {
text-align: left;
}
.alignright {
text-align: right;
float: right;
}
.alignleft {
text-align: left;
float: left;
}
.aligncenter {
text-align: center;
}
.bypostauthor {
text-align: left;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin: 0.4211em 1.6842em 1.6842em 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin: 0.4211em 0 1.6842em 1.6842em;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
margin-top: 0.4211em;
margin-bottom: 1.6842em;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 1.2632em;
}
.alignleft {
display: inline;
float: left;
}
.alignright {
display: inline;
float: right;
}
.wp-caption.alignright {
text-align: right !important;
}
.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
.comment-list .pingback:first-child{
border-top: 1px solid rgba(51, 51, 51, 0.1);
padding-top: 25px;
}
.comment-list .pingback {
padding: 0 0 25px 0;
margin: 0;
border-bottom: 1px solid rgba(51, 51, 51, 0.1);
margin-bottom: 25px;
}
.comment-list .pingback a{
color: inherit;
text-decoration: underline;
}
.comment-list .pingback a:hover{
text-decoration: none;
}
.edit-link:before {
font-family: 'FontAwesome';
content: "\f040";
color: rgba(51, 51, 51, 0.7);
margin-right: 5px;
}
.pingback .edit-link {
margin-left: 1em;
color: rgba(51, 51, 51, 0.7);
text-decoration: none;
}
.comment-edit-link{
text-decoration: none !important;
}
.comment-edit-link:hover{
text-decoration: underline !important;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.rtd h1:not([class]),
.rtd h2:not([class]),
.rtd h3:not([class]),
.rtd h4:not([class]),
.rtd h5:not([class]),
.rtd h6:not([class]) {
font-weight: normal;
margin: 15px 0 10px 0;
padding: 0;
}
.type-post.sticky .post-body > h4:before {
content: "\f06a";
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
color: #fff;
font-size: 20px;
padding: 10px;
position: relative;
left: 0;
width: 40px;
height: 40px;
text-align: center;
top: -3px;
z-index: 777;
background: red;
margin-right: 10px;
}
html blockquote:not([class]) {
position: relative;
padding: 29px 60px 29px 70px;
background: #f6f6f6;
font-size: 14px;
}
.kswr-heading-container blockquote{
border: 0;
}
.rtd blockquote:not([class]) {
margin: 2.5% 0 3% 0;
}
html .post-image blockquote:not([class]),
html .wrap-image blockquote:not([class]) {
padding: 20px;
margin: 0px 0 0px 0;
background: #fff;
font-size: 16px;
line-height: 26px;
}
html blockquote:before {
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
content: "\f10e";
position: absolute;
top: 25px;
left: 25px;
height: 20px;
width: 22px;
font-size: 20px;
color: #dedede;
}
html blockquote:after {
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
content: "\f10e";
position: absolute;
bottom: 25px;
right: 25px;
height: 20px;
width: 22px;
font-size: 20px;
color: #dedede;
}
.bypostauthor {
list-style: none;
background: none;
}
.blog-item-quote .blog-item_desc {
width: 80%;
margin: 0px auto;
float: none !important;
}
.blog-item-quote .blog-item_text {
border: none !important;
}
.blog-quote-source {
font-weight: normal;
display: inline-block;
text-align: right;
width: 100%;
font-size: 15px;
font-style: italic;
}
.rtd h1:not([class]),
.rtd h2:not([class]),
.rtd h3:not([class]),
.rtd h4:not([class]),
.rtd h5:not([class]),
.rtd h6:not([class]) {
line-height: 1.3;
}
.rtd p,
.rtd ul:not([class]) {}
.rtd ul:not([class]) {
padding-left: 15px;
list-style: none;
margin-bottom: 0px;
margin-top: 5px;
}
.rtd ul:not([class]) li:not([class]) {
margin: 0;
line-height: 1.444;
padding-bottom: 5px;
}
.rtd ul:not([class]) li:last-child {
padding-bottom: 0 !important;
}
.rtd ul:not([class]) li:before {
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
display: inline-block;
margin-right: 5px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
ul.list-styled li.disabled {
color: #c8c9cc;
}
ul.list-styled.list-style-ok li::before {
content: '\f00c';
color: #28ad62;
}
ul.list-styled.list-style-ok li.disabled::before {
content: '\f00d';
color: #c8c9cc;
}
.rtd img {
max-width: 100%;
height: auto;
}
.wp-caption {
text-align: left;
max-width: 100%;
}
.rtd table:not([class]) {
margin: 20px 0;
}
.rtd table:not([class]) td:not([class]),
.rtd table:not([class]) th:not([class]),
.rtd table th.views {
padding: 10px;
border: 1px solid #d0d2d7;
font-weight: normal;
}
ul:([class]),
ol:([class]) {
list-style: none;
margin: 0;
padding: 0;
}
.rtd ul:not([class]) li::before {
font-size: 7px;
width: 1.555em;
content: '\f111';
text-align: center;
vertical-align: middle;
position: relative;
top: -1px;
}
.rtd ol:not([class]) > li::before {
display: none !important;
}
.rtd ol:not([class]) {
margin-top: 5px;
margin-left: 0;
padding-left: 15px;
}
.rtd ol:not([class]) li:not([class]) {
padding-bottom: 5px;
line-height: 1.444;
}
.rtd .wpb_singleimage_heading,
.rtd .wp-caption-text {
background: #f9f9f9;
margin: 0 !important;
padding: 10px 15px 7px 15px;
float: left;
font-size: 11px;
font-weight: normal;
line-height: 16px;
min-width: 120px;
text-align: center;
}
.rtd .wp-caption.alignright .wp-caption-text {
float: right !important;
}
html #gallery-1 .gallery-caption {
margin-left: 0;
text-align: center;
width: 100%;
background: none;
}
.wp-caption {
max-width: 100%;
padding-bottom: 10px;
overflow: hidden;
}
.wrap-media img {
max-width: 100%;
height: auto;
}
.gallery-icon a {
text-align: center;
display: inline-block;
}
.rtd iframe {
max-width: 100%;
max-height: 100%;
}
.rtd pre {
padding: 20px;
}
.page-links {
clear: both;
margin-bottom: 1.3333em;
}
.page-links p{
line-height: 1.3 !important;
}
.page-links a,
.page-links > span {
border: 1px solid #eaeaea;
border: 1px solid rgba(51, 51, 51, 0.1);
display: inline-block;
font-size: 12px;
font-size: 1.2rem;
height: 2em;
line-height: 2;
margin: 0 0.3333em 0.3333em 0.3333em;
text-align: center;
width: 2em;
}
.page-links a {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
background-color: #333;
border-color: #333;
color: #fff;
}
.page-links a:hover,
.page-links a:focus {
background-color: #707070;
background-color: rgba(51, 51, 51, 0.7);
border-color: transparent;
color: #fff;
}
.page-links > .page-links-title {
border: 0;
color: #707070;
color: rgba(51, 51, 51, 0.7);
height: auto;
margin: 0;
padding-right: 0.5em;
width: auto;
} aside ul {
list-style: none;
margin: 0;
padding: 0;
}
aside ul ul {
margin-left: 10px;
}
aside .menu > li {
padding: 10px 0;
margin: 0 0 0px 0;
list-style: none;
border-bottom: 1px dotted #eee;
position: relative;
}
aside .widget-title + ul > li,
aside .menu > li {
padding: 5px 0;
margin: 0 0 0px 0;
list-style: none;
font-size: 16px;
line-height: 1.55;
font-weight: normal;
position: relative;
}
aside .children {
margin: 0px 0px 0px 10px;
}
aside ul .children li {
padding: 5px 0;
margin: 0 0 10px 0;
list-style: none;
border-bottom: 0 !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.widget_product_categories .children {
display: none;
}
.widget_product_categories .current-cat .children {
display: block;
}
.widget_product_categories .children {
margin: 0px 0px 5px 10px;
}
.widget_product_categories .children a {
font-size: 10px;
}
aside .widget-title + ul li a,
aside .menu li a,
aside .widget-title + ul li {
font-size: 14px;
font-weight: normal;
color: inherit;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
aside li a + .count {
font-weight: normal;
float: right;
}
aside .submenu-controll-inner {
display: none;
}
.entry-media img {
max-width: 100%;
height: auto;
}
aside .menu li:hover .dropdown-menu {
display: block !important;
}
.menu-main-container ul {
list-style: none !important;
margin-left: 15px;
}
.menu-main-container .submenu-controll-inner {
display: none !important;
} aside img {
max-width: 100%;
height: auto;
margin: 10px 0;
}
aside select {
max-width: 100%;
border: 1px solid #ececec;
padding: 5px;
margin: 5px 0;
border-radius: 0;
font-size: 12px;
color: #333;
font-weight: normal;
width: 100%;
}
aside table,
.wpb_widgetised_column table,
.crtools-table table {
width: 100%;
}
aside table td,
aside table th,
.wpb_widgetised_column td,
.wpb_widgetised_column th,
.crtools-table td,
.crtools-table th {
border: 1px solid #ddd;
padding: 5px;
text-align: center;
}
aside table td a {
color: #222;
}
.widget_rss .rss-date {
display: inline-block;
width: 100%;
padding: 2px 0;
font-weight: normal;
font-size: 12px;
}
.widget_rss .rssSummary {
font-weight: normal;
text-transform: none;
line-height: 20px;
font-size: 12px;
}
.widget_rss cite {
font-size: 12px;
display: inline-block;
text-align: right;
width: 100%;
font-weight: normal;
text-transform: none;
}
.rsswidget {
font-size: 12px;
color: #666;
}
.widget_search label {
display: none !important;
}
#searchform {
position: relative;
}
.widget_search #searchform:before,
.woocommerce-product-search:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
content: "\f002";
position: absolute;
right: 15px;
top: 11px;
}
aside .mc4wp-form-fields:before {
font: normal normal normal 34px/1 FontAwesome;
text-rendering: auto;
position: absolute;
right: -27px;
top: -42px;
content: "\f003";
font-size: 93px;
color: #eee;
transform: rotate(25deg);
}
.mc4wp-alert.mc4wp-error {
padding-top: 14px;
display: inline-block;
}
footer .mc4wp-alert.mc4wp-error {
padding-top: 0;
}
aside .mc4wp-form-fields {
position: relative;
box-shadow: -1px 8px 24px -6px #eee;
padding: 25px;
border: 1px solid #eee;
font-size: 12px;
overflow: hidden;
}
.mc4wp_form_box {
position: relative;
display: inline-block;
width: 100%;
}
aside .mc4wp-form-fields .btn {
position: absolute;
right: 1px;
top: 1px;
padding: 3px !important;
border-radius: 0;
text-align: center;
width: 42px;
border: 0;
height: 37px;
display: inline-block;
color: #fff;
min-width: 65px;
font-weight: normal;
}
aside .mc4wp-form-fields h3 {
font-size: 22px;
margin: 0 0 0.5em;
color: inherit;
}
aside .mc4wp-form-fields p small {
color: #999;
}
.widget_search input[type="submit"],
.woocommerce-product-search input[type="submit"] {
position: absolute;
right: 1px;
top: 1px;
background: transparent !important;
width: 42px;
height: 37px;
display: inline-block;
color: transparent !important;
font-size: 0 !important;
border: 0 !important;
}
.woocommerce-product-search input[type="search"],
.widget_search input[type="search"],
.widget_search input[type="text"],
aside .mc4wp-form-fields input[type="email"] {
width: 100%;
float: left;
margin-right: 0%;
background: #f6f6f6;
border: 0;
padding: 7px 20px !important;
height: 40px !important;
border-radius: 0 !important;
}
.woocommerce-product-search input[type="search"]::-webkit-input-placeholder,
.searchform input[type="text"]::-webkit-input-placeholder,
aside .mc4wp-form-fields input[type="email"]::-webkit-input-placeholder { color: #c5c7cb;
}
.woocommerce-product-search input[type="search"]::-webkit-input-placeholder,
.searchform input[type="text"]:-ms-input-placeholder { color: #c5c7cb;
}
.woocommerce-product-search input[type="search"]::-webkit-input-placeholder,
.searchform input[type="text"]::-moz-placeholder { color: #c5c7cb;
opacity: 1;
}
.woocommerce-product-search input[type="search"]::-webkit-input-placeholder,
.searchform input[type="text"]:-moz-placeholder { color: #c5c7cb;
opacity: 1;
}
.textwidget {
line-height: 20px;
}
.textwidget img {
margin-bottom: 5px;
}
.post-sticky:before {
content: "\f0c6" !important;
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 35px;
position: absolute;
right: 60px;
text-transform: none;
top: -32px;
z-index: 777;
color: #000;
height: 50px;
border: 0;
width: 50px;
border-radius: 10px;
padding: 16px;
}
.post-sticky:nth-child(even):before {
right: auto;
left: -12px;
top: -30px;
} .wp-tag-cloud {
margin-left: -5px !important;
display: inline-block;
}
.tagcloud li {
float: none !important;
display: inline-block !important;
margin: 3px 1px !important;
width: auto !important;
}
.tagcloud {
clear: both;
}
html .tagcloud a {
font-size: 11px !important;
text-transform: uppercase;
display: inline-block;
background: #f9f9f9;
border: 0;
padding: 10px 16px;
margin-right: 0;
margin-bottom: 3px;
color: #333333 !important;
}
html .tagcloud a:hover {
color: #fff !important;
background-color: #2a64d9 !important;
text-decoration: none !important;
}
.tagcloud li:hover a {
color: #fff!important
} .vc-overflow-no {
overflow: inherit !important;
}
.compose-mode .vc_row[data-vc-full-width].vc_hidden {
opacity: 1;
}
.compose-mode .section-gallery {
text-align: center;
}
.compose-mode .gallery-item {
position: relative;
width: 25%;
display: inline-block;
margin-left: -1%;
vertical-align: top;
}
.compose-mode .vc_element,
.view-mode .vc_element {
display: inline-block;
position: relative;
}
.vc_tta-title-text {
list-style: none;
font-weight: bold;
color: #333;
font-size: 14px;
text-transform: uppercase;
}
html .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body,
html .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::after,
html .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::before,
html .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
html .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
border-color: #eee;
} .jarallax {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
z-index: 1;
position: relative;
width: 100%;
}
.jarallax-content,
.jarallax-content-inner {
width: 100%;
}
.background-attachment-fixed {
display: inline-block;
width: 100%;
}
.vc_row_use_jarallax.vc_row {
margin-left: 0;
margin-right: 0;
}
.vc_row.vc_row-flex>.vc_column_container.vc_row_use_jarallax>.vc_column-inner .wpb_wrapper {
display: flex;
height: 100%;
}
.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner .wpb_wrapper .jarallax {
display: flex;
height: 100%;
}
.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner .wpb_wrapper .jarallax .jarallax-content {
display: flex;
height: 100%;
}
.staticblocks-template-default .col-lg-9.col-md-8.col-sm-12.col-xs-12.left-column.sidebar-type-2 {
width: 100% !important;
}
.staticblocks-template-default .col-lg-3.col-md-4.col-sm-12.col-xs-12,
.staticblocks-template-default .post-footer,
.staticblocks-template-default .post-description,
.staticblocks-template-default .post-image,
.staticblocks-template-default .blog-post .post-image {
display: none;
}
.no-image.wrap-blog-post .wrap-image.wrap-image-grid {
display: none !important;
}
.no-image .wrap-info-grid {
float: none;
width: 100%;
}
.no-image.sticky .post-description {
padding-left: 60px !important;
}
.not-found input[type=text] {
width: 200px;
padding: 10px;
}
.no-slide-add-menu img {
width: 100%;
height: auto;
}
.no-slide-add-menu {
margin: 25px 10px;
font-size: 16px;
line-height: 31px;
text-align: left;
color: #fff;
}
html body .header-menu-middle .submenu-controll {
right: 12px;
top: -57px;
} html body .header-menu-middle .menu-marker-dot .submenu-controll:before {
top: -7px !important;
}
html body .header-menu-middle .phone-menu {
list-style: none;
}
[data-off-canvas] li {
position: relative;
}
[data-off-canvas] li .menu-parent-link {
display: inline-block;
position: absolute;
width: 100%;
right: 0;
top: 0;
}
[data-off-canvas] li .submenu-controll {
position: absolute;
right: 15px;
top: 15px;
display: block;
width: 12px;
text-align: center;
z-index: 99;
cursor: pointer;
height: 12px;
}
[data-off-canvas] .side-cart {
display: inline-block;
margin-bottom: 10px;
margin-left: 20px;
padding-top: 25px;
padding-left: 10px;
height: 87px;
}
html [data-off-canvas] .header-cart-count {
position: absolute;
top: -1px;
right: -9px;
}
html [data-off-canvas] .side-logo {
display: inline-block;
width: 100%;
padding: 0 15px;
margin-bottom: 0;
}
.header-section {
z-index: 7;
}
.img-hover-effect img {
vertical-align: top;
}
html .wrap-blog-post .wrap-image.wrap-image-grid img,
html .blog-post .post-image img {
max-width: 100%;
height: auto;
width: auto;
}
html body .type-post.sticky:after {
left: 20px;
}
.wrap-blog-post:hover .wrap-image.wrap-image-grid .post-date {
color: #fff;
}
html .our-services .department-1-item:hover i:after,
html .our-services .department-1-item:hover i:before {
font-size: 50px;
background: #fff;
background: -moz-linear-gradient(top, #fff 0%, #fff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #fff));
background: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
background: -o-linear-gradient(top, #fff 0%, #fff 100%);
background: -ms-linear-gradient(top, #fff 0%, #fff 100%);
background: linear-gradient(to bottom, #fff 0%, #fff 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff', GradientType=0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
html .comment-list .comment,
.comment-list > li {
margin-left: 2%;
}
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
margin-left: 0;
font-size: 45px;
}
html .header-social-link {
position: relative;
top: 2px;
}
.b-last-works .mac-wrapper {
z-index: 9;
}
.header-section {
background-size: cover;
} .vc_row.vc_row-flex>.vc_column_container.vc_row_use_jarallax>.vc_column-inner .wpb_wrapper {
display: flex;
height: 100%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.vc_row.vc_row-flex>.vc_column_container.vc_row_use_jarallax>.vc_column-inner .wpb_wrapper .jarallax {
display: flex;
height: 100%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.header .navbar-brand img {
max-width: 100%;
height: auto;
} .b-upper-title-b-team {
color: #ffffff !important;
margin-top: -25px !important;
margin-bottom: -15.5% !important;
} .pix-gap-disable>.vc_column_container>.vc_column-inner {
padding-left: 0;
padding-right: 0;
} html .kswr-icon-thatc[data-hover=sasuki] .kswr-icon-bg-h:before,
html .kswr-icon-thatc[data-hover=hiroshi] .kswr-icon-bg-h:before,
html .kswr-icon-thatc[data-hover=haruki] .kswr-icon-bg-h:before,
html .kswr-icon-thatc[data-hover=murawa] .kswr-icon-bg-h:before,
html .kswr-icon-thatc[data-hover=sisawa] .kswr-icon-bg-h:before {
left: -6px;
top: -6px;
}
.html kameleon-cf7-container[data-style=qaswara] .km_cf7-input {
padding: 11px 19px;
}
html .kameleon-cf7-container[data-style=qaswara] .km_cf7_label-content {
padding: 0 20px;
} .wpt_widget_content .tab_title a {
font-weight: normal!important;
font-size: 12px;
text-transform: uppercase;
}
.wpt_widget_content a {
color: inherit !important;
}
.wpt_widget_content .entry-title {
font-weight: 400 !important;
line-height: 1.3 !important;
font-size: 14px;
}
.wpt_comment_meta {
font-weight: 500 !important;
line-height: 1.3 !important;
padding-bottom: 3px;
}
.wpt_widget_content .wpt-postmeta,
.wpt_comment_content,
.wpt_excerpt {
color: inherit !important;
font-size: 11px !important;
}
.wpt_avatar {
margin-top: 0 !important;
}
.wpt_avatar img {
margin-top: 0 !important;
}
.wpt_comment_meta {
font-size: 12px;
}
.wpt_comment_content p,
.wpt_excerpt p {
font-size: 12px !important;
}
.wpt_widget_content .wpt-postmeta {
color: #999 !important;
}
html .wpt_widget_content {
position: relative;
border: 1px solid #eee;
}
html .wpt_widget_content .tab_title a {
display: block;
background: #f9f9f9;
border-left: 1px solid #eee;
border-bottom: 1px solid #eee;
}
html .wpt_widget_content #tags-tab-content ul li {
color: inherit;
border: 0;
}
html .wpt_widget_content #tags-tab-content ul li a {
padding: 12px 10px;
background: #f9f9f9;
white-space: nowrap;
display: block;
color: inherit !important;
font-size: 10px;
text-transform: uppercase;
}
.wpt_widget_content #tags-tab-content ul li a:hover {
color: #fff !important;
}
.wpt_widget_content .wpt-pagination a {
margin: 0 15px;
color: #999 !important;
font-size: 12px;
} .owl-nav .owl-prev,
.owl-nav .owl-next {
display: block;
border-radius: 50%;
border: 1px solid #e8ecef;
background: #e88f41;
color: #fff;
width: 48px;
height: 48px;
font-size: 22px;
color: #e8ecef text-align: center;
position: absolute;
cursor: pointer;
left: 0px;
top: 20%;
opacity: 0.7;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.jarallax-content .owl-nav .owl-prev,
.jarallax-content .owl-nav .owl-next {
border: 1px solid rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.1);
}
.owl-nav .owl-next {
left: auto;
right: 30px;
top: 20%;
}
.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
opacity: 1;
}
.owl-nav .owl-next i,
.owl-nav .owl-prev i {
font-size: 36px;
margin-bottom: 24px;
font-size: 24px;
position: relative;
top: 5px;
}
.owl-nav .owl-dots {
text-align: center;
position: relative;
bottom: -8px;
}
.owl-next.disabled,
.owl-prev.disabled {
display: none !important
}
.owl-nav .owl-next i,
.owl-nav .owl-prev i {
font-size: 36px;
margin-bottom: 24px;
font-size: 24px;
position: relative;
top: 0px;
}
.wpmegapack_vc.owl-theme .owl-controls .owl-nav [class*="owl-"] {
padding: 12px;
} .fixed-footer {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
z-index: -2;
}
.footer div.wpcf7 {
margin: 0;
padding: 0;
max-width: 500px;
margin: 0 auto;
display: inline-block;
width: 100%;
}
.footer .kameleon-cf7-container .km_cf7-submit-insider {
border-radius: 100px !important;
}
.footer .common-footer {
padding: 80px 0 40px;
}
.footer.contact-footer {
padding: 100px 0 20px;
}
.footer .footer-text {
margin-bottom: 60px;
color: #fefefe;
}
.footer .footer-logo {
margin-bottom: 20px;
}
.footer .footer-logo img {
max-width: 220px;
height: auto;
}
.footer .list-social {
margin-bottom: 20px;
}
footer ul {
list-style: none;
margin: 0;
padding: 0;
}
.footer .list-social ul li {
display: inline-block;
vertical-align: middle;
}
.footer .list-social ul li a {
font-size: 16px;
color: rgba(170, 170, 170, 0.8);
padding: 0 10px;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.footer .list-social ul li a:hover {
color: #fff;
}
.footer .copyright {
color: #333;
font-size: 12px;
}
.footer input[type=text] {
border-color: #444444;
}
.footer {
margin-top: 0px;
font-size: 16px;
}
.footer a {
color: inherit;
}
.footer a:hover {
color: #246bad;
}
.footer li {
padding-bottom: 10px;
font-size: 16px;
}
.coming-soon-footer {
padding: 60px 0;
border-top: 1px solid #eeeeee;
position: relative;
color: #333;
text-transform: uppercase;
}
.coming-soon-footer .footer-logo {
margin-bottom: 20px;
}
.coming-soon-footer .list-social {
margin-bottom: 20px;
}
.coming-soon-footer .list-social ul li {
display: inline-block;
vertical-align: middle;
}
.coming-soon-footer .list-social ul li a {
font-size: 16px;
color: rgba(170, 170, 170, 0.8);
padding: 0 10px;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.coming-soon-footer .list-social ul li a:hover {
color: #fff;
}
.coming-soon-footer .copyright {
color: #333;
font-size: 12px;
}
.coming-soon-footer:before {
content: "";
background-color: #ffffff;
border: 1px solid #eeeeee;
width: 10px;
height: 11px;
display: block;
position: absolute;
top: 0;
left: 50%;
margin-left: -5px;
margin-top: -5px;
} body {
background: #fff;
transition: background 0.5s ease;
}
.page-layout-full-width .page-content > .container {
width: 100%;
}
.page-layout-boxed {
width: 85%;
overflow: hidden;
margin: 0 auto;
background: #fff;
max-width: 1400px;
}
.page-layout-boxed .home-template > .container , .page-layout-boxed  .header .container {
width: 100% !important;
}
.page-layout-boxed .home-template{
padding: 0 50px;
}
.page-layout-boxed .footer .container {
width: 90% !important;
} .work-body-sticky .sticky {
margin-top: 20px;
position: fixed;
z-index: 101;
}
.work-body-sticky .stop {
position: relative;
z-index: 101;
}
.sidebar-widget {
margin-bottom: 40px;
}
.sidebar-widget .widget-heading {
color: #333333;
font-size: 14px;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 25px;
}
.sidebar-widget .widget-heading:after {
content: "";
display: block;
width: 60px;
max-width: 100%;
border-bottom: 1px solid #e8ecef margin-top: 15px;
margin-bottom: 0.5em;
}
.sidebar-widget.widget-categories .categories-list ul li.active a,
.sidebar-widget.widget-categories .categories-list ul li:hover a {
color: #237ac6;
}
.sidebar-widget.widget-categories .categories-list ul li.active a i,
.sidebar-widget.widget-categories .categories-list ul li:hover a i {
color: #ed912a;
}
.sidebar-widget.widget-categories .categories-list ul li a {
color: #333333;
font-size: 15px;
line-height: 26px;
text-align: left;
display: block;
padding: 12px 0;
border-bottom: 1px solid #eeeeee;
}
.sidebar-widget.widget-categories .categories-list ul li a i {
color: #237ac6;
margin-right: 10px;
}
.sidebar-widget.widget-recents-posts .posts-list .list-item {
padding: 20px 0;
margin: 0;
border-bottom: 1px solid #eeeeee;
}
.sidebar-widget.widget-recents-posts .posts-list .list-item img {
width: 70px;
max-height: 70px;
}
.sidebar-widget.widget-recents-posts .posts-list .list-item .media-left {
padding-right: 20px;
}
.sidebar-widget.widget-recents-posts .posts-list .list-item .post-title {
color: #333333;
font-size: 15px;
font-weight: 500;
line-height: 22px;
text-align: left;
margin-bottom: 10px;
display: block;
}
.sidebar-widget.widget-recents-posts .posts-list .list-item .post-description a {
color: #237ac6;
font-size: 12px;
margin-right: 10px;
}
.sidebar-widget.widget-recents-posts .posts-list .list-item .post-description a span {
color: #e8ecef
}
.sidebar-widget.widget-tags .btn {
margin-bottom: 5px;
text-transform: capitalize;
} .top-arrow-effect {
position: relative;
}
.top-arrow-effect:before {
content: "";
display: block;
pointer-events: none;
height: 10px;
width: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
background: linear-gradient(to top, #f6f6f6, #ececec);
background: -webkit-linear-gradient(to top, #f6f6f6, #ececec);
background: -moz-linear-gradient(to top, #f6f6f6, #ececec);
}
.top-arrow-effect:after {
content: "";
position: absolute;
top: 0;
left: 50%;
border: 20px solid transparent;
border-left-width: 30px;
border-right-width: 30px;
border-top-color: #fff;
margin-left: -30px;
}
.bulge-bottom-container {
margin-top: -90px;
position: relative;
bottom: -90px;
}
.bulge-top-container {
margin-bottom: -70px;
position: relative;
top: -70px;
}
.counter-item .count {
color: #333333;
font-size: 52px;
font-weight: 500;
margin-bottom: 5px;
}
.counter-item .counter-title {
color: #555555;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
}
.counter-item .counter-title:after {
content: "";
display: block;
border-top: 1px solid #237ac6;
width: 40px;
margin-top: 20px;
}
.sep-element {
border-bottom: 1px solid #237ac6;
width: 100px;
display: inline-block;
position: relative;
margin: 0 auto;
}
.sep-element:after {
content: "";
background-color: #ffffff;
border: 1px solid #237ac6;
width: 10px;
height: 11px;
display: block;
position: absolute;
top: 0;
left: 50%;
margin-left: -5px;
margin-top: -5px;
}
.section-heading {
text-align: center;
padding: 50px 0 30px;
}
.section-heading.white-heading .section-subtitle {
color: rgba(170, 170, 170, 0.8);
}
.section-heading.white-heading .section-title {
color: #ffffff;
}
.section-heading.white-heading .sep-element {
border-color: #fff;
}
.section-heading.white-heading .sep-element:after {
border-color: #fff;
background: #2f3849;
}
.section-heading .section-subtitle {
color: rgba(170, 170, 170, 0.8);
font-size: 20px;
font-weight: 400;
margin-bottom: 5px;
text-transform: uppercase;
letter-spacing: 4px;
}
.section-heading .section-title {
color: #333333;
font-size: 44px;
font-weight: 400;
margin-bottom: 30px; }
.header-section {
padding: 180px 0 100px;
text-align: center;
border-bottom: 6px solid #088cdc;
}
.page-title-box {
line-height: 44px;
}
.ui-title-page h1 {
text-transform: capitalize;
color: #fff;
margin: 0;
font-size: 54px;
line-height: 1.2;
}
.ui-title-page.pull-left h1,
.ui-title-page.pull-left .subtitle {
text-align: left;
}
.ui-title-page.pull-right h1,
.ui-title-page.pull-right .subtitle {
text-align: right;
}
.ui-title-page .subtitle {
color: #fff;
display: inline-block;
width: 100%;
font-size: 24px;
max-width: 800px;
font-weight: 300;
line-height: 1.4;
margin: 30px 0;
}
.ui-title-page.pull-left .subtitle {
max-width: 100%;
}
.breadcrumbs {
background: rgba(255, 255, 255, 0.2);
display: inline-block;
margin: 20px auto 20px;
padding: 0px 20px;
border-radius: 100px;
}
.tmpl-plugins-not-activated .breadcrumbs {
display: none;
}
.ui-title-page.pull-left + .breadcrumbs {
background: none;
display: inline-block;
margin: 0;
padding: 0;
border-radius: 100px;
clear: both;
display: inline-block;
width: 100%;
text-align: left;
}
.breadcrumbs,
.breadcrumbs a {
color: #fff;
text-transform: uppercase;
font-size: 12px;
}
.breadcrumbs.text-left {
text-align: left;
float: left;
clear: both;
}
.breadcrumbs.text-right {
text-align: right;
float: right;
clear: both;
}
.header-section p {
color: #fff;
}
.header-section.elements-header {
background: url(//inmasoft.cl/wp-content/themes/img/sections/section-1.jpg) top center no-repeat;
background-size: cover;
}
.header-section.portfolio-single-header {
background: url(//inmasoft.cl/wp-content/themes/img/sections/section-6.jpg) top center no-repeat;
background-size: cover;
}
.section-headings {
padding: 110px 0 80px;
background: #fff;
border-bottom: 1px solid #eeeeee;
margin-bottom: 3px;
}
.section-texts {
padding: 80px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.section-lists {
padding: 80px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.section-blockquotes {
padding: 80px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.section-blockquotes .light-title {
margin-bottom: 70px;
}
.section-buttons {
padding: 80px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.section-buttons .buttons-row {
padding: 17px 0;
}
.section-buttons .buttons-row .btn {
margin: 0 10px;
display: inline-block;
vertical-align: middle;
}
.section-pagination {
padding: 80px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.section-forms {
padding: 80px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.section-alerts {
padding: 80px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.section-bars {
padding: 80px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.section-tables {
padding: 80px 0;
border-top: 1px solid #eee;
}
.section-header-slider .vertical-slider {
text-align: center;
width: 100%;
max-width: 100% !important;
position: relative;
}
.section-header-slider .vertical-slider .sp-buttons {
position: absolute;
right: 30px;
top: 50%;
width: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.section-header-slider .vertical-slider .sp-buttons .sp-button {
display: block;
width: 10px;
height: 10px;
margin-bottom: 5px;
border-radius: 50%;
border: 1px solid #666668;
}
.section-header-slider .vertical-slider .sp-buttons .sp-button:hover,
.section-header-slider .vertical-slider .sp-buttons .sp-button.sp-selected-button {
background: #088cdc;
border-color: #088cdc;
}
.section-header-slider .vertical-slider .sp-layer {
position: relative;
}
.section-header-slider .vertical-slider .sp-mask {
height: 800px !important;
width: 100% !important;
background: #333;
}
.section-header-slider .vertical-slider .slide-item {
width: 100%;
text-align: center;
z-index: 5;
position: absolute;
height: 800px !important;
width: 100% !important;
}
.section-header-slider .vertical-slider .slide-item .slider-title {
font-size: 12px;
text-transform: uppercase;
color: #e8ecef;
font-weight: bold;
margin-bottom: 40px;
}
.section-header-slider .vertical-slider .slide-item .slider-title i {
margin: 0 5px 0 8px;
font-size: 24px;
color: #ed912a;
text-shadow: #393a39 2px 0px, #393a39 2px 2px, #393a39 0px 2px, #393a39 -2px 2px, #393a39 -2px 0px, #393a39 -2px -2px, #393a39 0px -2px, #393a39 2px -2px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px;
}
.section-header-slider .vertical-slider .slide-item p {
color: #fff;
}
.section-header-slider .vertical-slider .slide-item .slide-image {
background: #000;
height: 800px;
overflow: hidden;
}
.section-header-slider .vertical-slider .slide-item .slide-image img {
width: auto;
min-width: 100%;
}
.section-header-slider .vertical-slider .slide-item .time {
color: #999999;
font-size: 13px;
font-style: italic;
margin-bottom: 30px;
display: inline-block;
vertical-align: middle;
}
.section-header-slider .vertical-slider .slide-item .slide-content {
padding: 250px 15px 0;
position: absolute;
top: 0;
left: 0;
right: 0;
padding-top: 320px;
padding-bottom: 280px;
}
.section-header-slider .vertical-slider .slide-item .slide-content.right-slide-content {
text-align: left;
}
.section-header-slider .vertical-slider .slide-item .slide-content .above-title {
color: #ffffff;
font-size: 30px;
font-weight: 300;
text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
text-transform: uppercase;
letter-spacing: 6px;
margin-bottom: 5px;
}
.section-header-slider .vertical-slider .slide-item .slide-content h1 {
color: #ffffff;
font-size: 50px;
font-weight: 500;
text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}
.section-header-slider .vertical-slider .slide-item .slide-content p {
color: #ffffff;
font-size: 18px;
font-weight: 400;
line-height: 26px;
text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
margin-bottom: 30px;
}
.section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn {
color: #fff;
margin: 0 4px;
min-width: 145px;
margin-bottom: 10px;
margin-left: 0;
}
.section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn:first-child {
margin-left: 0;
}
.section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn:hover,
.section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn:focus,
.section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn.active {
color: #fff;
background: #ed912a;
border-color: #ed912a !important;
}
.section-header-slider .vertical-slider .slide-item .slide-content .watch-video {
text-decoration: none !important;
}
.section-header-slider .vertical-slider .slide-item .slide-content .watch-video i {
font-size: 30px;
display: inline-block;
color: #ed912a;
margin-bottom: 15px;
}
.section-header-slider .vertical-slider .slide-item .slide-content .watch-video span {
display: block;
text-transform: uppercase;
color: #ffffff;
font-size: 15px;
font-weight: 500;
font-style: italic;
text-decoration: none !important;
text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
}
.section-header-slider .vertical-slider .owl-dots {
position: absolute;
right: 30px;
top: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.section-header-slider .vertical-slider .owl-dots .owl-dot {
display: block;
width: 10px;
height: 10px;
margin-bottom: 5px;
border-radius: 50%;
border: 1px solid #666668;
}
.section-header-slider .vertical-slider .owl-dots .owl-dot:hover,
.section-header-slider .vertical-slider .owl-dots .owl-dot.active {
background: #088cdc;
border-color: #088cdc;
}
.section-intro .iphone {
margin-top: -60px;
margin-bottom: -60px;
}
.section-intro .arrow {
padding-top: 155px;
margin-bottom: 30px;
}
.section-intro .intro-title {
color: #ffffff;
font-size: 60px;
font-weight: 500;
padding-left: 60px;
text-transform: uppercase;
}
.section-intro .intro-text {
color: #ffffff;
font-size: 28px;
font-weight: 400;
line-height: 42px;
padding-top: 75px;
text-align: left;
margin-bottom: 40px;
}
.section-intro .under-intro-text {
color: #ffffff;
font-size: 28px;
font-weight: 500;
text-align: left;
}
.section-intro-2 {
padding: 60px 0;
border-bottom: 1px solid #ebebeb;
}
.section-intro-2 .counters {
padding-top: 70px;
}
.section-intro-2 p {
margin-bottom: 32px;
}
.section-services-2 {
background: url(//inmasoft.cl/wp-content/themes/img/sections/section-4.jpg) top center no-repeat;
background-size: cover;
background-attachment: fixed;
}
.service-features-section {
padding-bottom: 80px;
position: relative;
}
.service-features-section:before {
content: "";
border-left: 1px solid #4590cf;
position: absolute;
display: block;
top: 55px;
bottom: 145px;
left: 50%;
z-index: 2;
}
.service-features-section .pages a {
display: inline-block;
vertical-align: middle;
margin: 0 5px;
opacity: 0.7;
text-decoration: none;
}
.service-features-section .pages a:hover {
opacity: 1;
}
.service-features-section .pages a i {
font-size: 16px;
color: #fff;
}
.section-gallery {
padding-top: 80px;
}
.error404 .header,
.error404 .footer,
.error404 .header-section {
display: none !important;
}
.section-error-404 {
text-align: center;
padding: 220px 0 0 0;
margin-bottom: 30px;
}
.section-error-404 .logo-container {
background: #f6f6f6;
padding: 0 15px;
}
.section-error-404 .logo-container .text-404 {
width: 378px;
height: 164px;
background: url(//inmasoft.cl/wp-content/themes/img/404.png) center no-repeat;
background-size: contain;
margin: 0 auto -30px;
position: relative;
top: -70px;
max-width: 100%;
}
.section-error-404 .logo-container h5 {
letter-spacing: 7px;
margin-bottom: 75px;
}
.section-error-404 .logo-container p {
font-size: 20px;
margin-bottom: 100px;
}
.section-error-404 .logo-container p strong {
font-weight: bold;
}
.section-error-404 .gohome-container {
background: #237ac6;
padding: 35px 0;
margin-top: -35px;
}
.section-coming-soon {
padding: 140px 0 120px;
background: url(//inmasoft.cl/wp-content/themes/img/sections/section-2.jpg) top center no-repeat;
background-size: cover;
text-align: center;
}
.section-coming-soon .big-logo {
margin-bottom: 35px;
}
.section-coming-soon.section-contact-2 {
background: url(//inmasoft.cl/wp-content/themes/img/sections/section-2.jpg) top center no-repeat;
background-size: cover;
}
.section-coming-soon h5 {
color: #ffffff;
font-size: 26px;
font-weight: 400;
line-height: 26px;
letter-spacing: 7px;
text-transform: uppercase;
margin-bottom: 80px;
}
.section-coming-soon .wrap-email-form {
padding-top: 60px;
}
.section-coming-soon-2 {
background: url(//inmasoft.cl/wp-content/themes/img/sections/section-6.jpg) top center no-repeat;
background-size: cover;
}
.section-contact {
padding: 120px 0;
background: #f6f6f6;
}
.section-socials {
padding: 90px 0;
}
.section-socials h4 {
margin-bottom: 35px;
letter-spacing: 4px;
}
.blog-content-section {
padding: 0 0 50px;
}
.map-section {
padding: 70px 0;
background: url(//inmasoft.cl/wp-content/themes/img/sections/map-section.jpg) top center/cover no-repeat;
}
.map-section a {
color: #ffffff;
font-size: 16px;
text-align: center;
text-transform: uppercase;
letter-spacing: 3px;
display: block;
text-decoration: none;
}
.section-purchase {
padding: 60px 0;
color: #fff;
display: inline-block;
}
.section-purchase h3 {
font-size: 26px;
margin: 0;
}
.section-purchase .btn.btn-default {
color: #fff;
}
.section-purchase .btn.btn-default:hover {
color: #333;
}
.section-purchase .logo-block {
text-transform: uppercase;
border-right: 1px solid #f5c083;
padding: 10px 30px;
}
.section-who-we-are .text-container .col-md-6 {
margin-bottom: 30px;
}
.section-who-we-are .who-we-are-image {
padding-top: 60px;
text-align: center;
}
.section-who-we-are .who-we-are-image img {
max-width: 100%;
}
.section-who-we-are .who-we-are-collage {
padding-top: 60px;
text-align: center;
position: relative;
min-height: 500px;
margin-bottom: -100px;
}
.section-who-we-are .who-we-are-collage img {
max-width: 100%;
}
.section-who-we-are .who-we-are-collage .collage-item {
position: absolute;
}
.section-who-we-are .who-we-are-collage .collage-item.item-brac {
top: 57%;
right: 20%;
}
.section-who-we-are .who-we-are-collage .collage-item.item-camera {
top: 51%;
left: 15%;
}
.section-who-we-are .who-we-are-collage .collage-item.item-clips {
top: 28%;
left: 5%;
}
.section-who-we-are .who-we-are-collage .collage-item.item-headphones {
top: 25%;
right: 0%;
}
.section-who-we-are .who-we-are-collage .collage-item.item-keyboard {
top: 48%;
right: 42%;
}
.section-who-we-are .who-we-are-collage .collage-item.item-mouse {
top: 48%;
right: 32%;
}
.section-who-we-are .who-we-are-collage .collage-item.item-pen {
top: 39%;
right: 26%;
}
.section-skills .feature-section .wrap-feature-content {
position: relative;
margin-top: -45px;
}
.section-skills .feature-section .wrap-feature-content > img {
width: 100%;
}
.section-skills .feature-section .wrap-feature-content .feature-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.section-skills .feature-section .wrap-feature-content .feature-content img {
display: block;
margin: 0 auto 20px;
}
.section-skills .feature-section .wrap-feature-content .feature-content .feature-text {
text-align: center;
color: #ffffff;
font-size: 24px;
font-weight: 500;
line-height: 26px;
}
.section-skills .feature-section .wrap-feature-content .feature-content .feature-text span {
display: block;
color: #cccccc;
font-size: 20px;
font-weight: 400;
line-height: 26px;
}
.section-skills .feature-section .section-heading {
padding-top: 100px;
}
.section-skills .skills-section .skills-features-section {
padding: 70px 15px;
background: url(//inmasoft.cl/wp-content/themes/img/sections/section-9.jpg) bottom center/cover no-repeat;
position: relative;
color: #fff;
}
.section-skills .skills-section .skills-features-section:before {
content: "";
border-left: 1px solid #4590cf;
position: absolute;
display: block;
top: 55px;
bottom: 55px;
left: 50%;
z-index: 2;
}
.section-trust-us {
padding: 120px 0 120px;
position: relative;
}
.section-trust-us .trus-image {
width: 50%;
position: absolute;
right: 50%;
top: 30px;
bottom: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.section-trust-us .trus-image img {
max-width: 100%;
max-height: 100%;
}
.section-trust-us .section-heading {
padding-top: 40px;
text-align: left;
}
.section-trust-us .section-heading .section-title {
margin-bottom: 7px;
}
.section-blog {
background: url(//inmasoft.cl/wp-content/themes/img/sections/section-10.jpg) top center/cover no-repeat;
background-attachment: fixed;
}
.section-blog .blog-list-container {
padding: 55px 15px 35px;
bottom: -80px;
}
.section-feedbacks {
padding-top: 80px;
}
.section-feedbacks .feedbacks-container {
background: #f6f6f6;
padding: 100px 0 100px;
}
.feedbacks-container .feedbacks-carousel .wrap-author {
margin-right: 30px;
}
.owl-dots {
text-align: center;
margin-top: 30px;
}
.owl-dot.active,
.owl-dots .owl-dot:hover {
background: #f3f3f3 !important;
}
.owl-dots .owl-dot {
display: inline-block;
vertical-align: middle;
width: 11px;
height: 11px;
border-radius: 50%;
border: 1px solid #cecece;
margin: 0 4px;
}
.feedbacks-container .carousel-item {
margin: 0 15px;
}
.section-brands {
text-align: center;
}
.section-brands .brand-item {
display: inline-block;
vertical-align: middle;
padding: 10px 30px;
}
.section-price {
padding-bottom: 90px;
}
.section-price .list-prices {
padding: 40px 0 0 0;
}
.big-map-section .big-map {
height: 500px;
max-height: 70vh;
}
.contact-form-section {
padding: 60px 0;
background: #F9F9F9;
}
.contact-form-section .top-info {
margin-bottom: 15px;
}
.contact-form-section .bottom-info i,
.contact-form-section .bottom-info p,
.contact-form-section .bottom-info label {
margin: 0;
display: inline-block;
vertical-align: middle;
}
.contact-form-section .bottom-info i {
margin-right: 5px;
color: #088cdc;
}
.contact-form-section .bottom-info label {
margin-right: 15px;
font-weight: bold;
min-width: 70px;
}
@media (max-width: 991px) {
.contact-form-section .reply-form {
margin-bottom: 30px;
}
} #loftloader-wrapper.pl-imgloading #loader img {
opacity: 1 !important;
}
.loader-center {
height: 60px;
left: 50%;
margin-left: -30px;
margin-top: -30px;
position: absolute;
top: 50%;
width: 60px;
}
.loader01 {
width: 56px;
height: 56px;
border: 8px solid #0052ec;
border-right-color: transparent;
border-radius: 50%;
position: relative;
animation: loader-rotate 1s linear infinite;
top: 50%;
margin: -28px auto 0 auto;
}
.loader01:after {
content: '';
width: 8px;
height: 8px;
background: #0052ec;
border-radius: 50%;
position: absolute;
top: -1px;
left: 33px;
}
@keyframes loader-rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.loader02 {
width: 56px;
height: 56px;
border: 8px solid rgba(0, 82, 236, 0.25);
border-top-color: #0052ec;
border-radius: 50%;
position: relative;
animation: loader-rotate 1s linear infinite;
top: 50%;
margin: -28px auto 0 auto;
}
@keyframes loader-rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.loader03 {
width: 56px;
height: 56px;
border: 8px solid transparent;
border-top-color: #0052ec;
border-bottom-color: #0052ec;
border-radius: 50%;
position: relative;
animation: loader-rotate 1s linear infinite;
top: 50%;
margin: -28px auto 0 auto;
}
@keyframes loader-rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.loader04 {
width: 56px;
height: 56px;
border: 2px solid rgba(0, 82, 236, 0.5);
border-radius: 50%;
position: relative;
animation: loader-rotate 1s ease-in-out infinite;
top: 50%;
margin: -28px auto 0 auto;
}
.loader04:after {
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
background: #0052ec;
position: absolute;
top: -6px;
left: 50%;
margin-left: -5px;
}
@keyframes loader-rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.loader05 {
display: inline-block;
width: 56px;
height: 56px;
border: 4px solid #00c8c8;
border-radius: 50%;
position: relative;
animation: loader-scale 1s ease-out infinite;
top: 50%;
margin: -28px auto 0 auto;
}
@keyframes loader-scale {
0% {
transform: scale(0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1);
opacity: 0;
}
}
.loader06 {
width: 56px;
height: 56px;
border: 4px solid transparent;
border-radius: 50%;
position: relative;
top: 50%;
margin: -28px auto 0 auto;
}
.loader06:before {
content: '';
border: 4px solid rgba(0, 82, 236, 0.5);
border-radius: 50%;
width: 67.2px;
height: 67.2px;
position: absolute;
top: -9.6px;
left: -9.6px;
animation: loader-scale 1s ease-out infinite;
animation-delay: 1s;
opacity: 0;
}
.loader06:after {
content: '';
border: 4px solid #0052ec;
border-radius: 50%;
width: 56px;
height: 56px;
position: absolute;
top: -4px;
left: -4px;
animation: loader-scale 1s ease-out infinite;
animation-delay: 0.5s;
}
@keyframes loader-scale {
0% {
transform: scale(0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1);
opacity: 0;
}
}
.loader07 {
width: 16px;
height: 16px;
border-radius: 50%;
position: relative;
animation: loader-circles 1s linear infinite;
top: 50%;
margin: -8px auto 0 auto;
}
@keyframes loader-circles {
0% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.05), 19px -19px 0 0 rgba(0, 82, 236, 0.1), 27px 0 0 0 rgba(0, 82, 236, 0.2), 19px 19px 0 0 rgba(0, 82, 236, 0.3), 0 27px 0 0 rgba(0, 82, 236, 0.4), -19px 19px 0 0 rgba(0, 82, 236, 0.6), -27px 0 0 0 rgba(0, 82, 236, 0.8), -19px -19px 0 0 #0052ec;
}
12.5% {
box-shadow: 0 -27px 0 0 #0052ec, 19px -19px 0 0 rgba(0, 82, 236, 0.05), 27px 0 0 0 rgba(0, 82, 236, 0.1), 19px 19px 0 0 rgba(0, 82, 236, 0.2), 0 27px 0 0 rgba(0, 82, 236, 0.3), -19px 19px 0 0 rgba(0, 82, 236, 0.4), -27px 0 0 0 rgba(0, 82, 236, 0.6), -19px -19px 0 0 rgba(0, 82, 236, 0.8);
}
25% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.8), 19px -19px 0 0 #0052ec, 27px 0 0 0 rgba(0, 82, 236, 0.05), 19px 19px 0 0 rgba(0, 82, 236, 0.1), 0 27px 0 0 rgba(0, 82, 236, 0.2), -19px 19px 0 0 rgba(0, 82, 236, 0.3), -27px 0 0 0 rgba(0, 82, 236, 0.4), -19px -19px 0 0 rgba(0, 82, 236, 0.6);
}
37.5% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.6), 19px -19px 0 0 rgba(0, 82, 236, 0.8), 27px 0 0 0 #0052ec, 19px 19px 0 0 rgba(0, 82, 236, 0.05), 0 27px 0 0 rgba(0, 82, 236, 0.1), -19px 19px 0 0 rgba(0, 82, 236, 0.2), -27px 0 0 0 rgba(0, 82, 236, 0.3), -19px -19px 0 0 rgba(0, 82, 236, 0.4);
}
50% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.4), 19px -19px 0 0 rgba(0, 82, 236, 0.6), 27px 0 0 0 rgba(0, 82, 236, 0.8), 19px 19px 0 0 #0052ec, 0 27px 0 0 rgba(0, 82, 236, 0.05), -19px 19px 0 0 rgba(0, 82, 236, 0.1), -27px 0 0 0 rgba(0, 82, 236, 0.2), -19px -19px 0 0 rgba(0, 82, 236, 0.3);
}
62.5% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.3), 19px -19px 0 0 rgba(0, 82, 236, 0.4), 27px 0 0 0 rgba(0, 82, 236, 0.6), 19px 19px 0 0 rgba(0, 82, 236, 0.8), 0 27px 0 0 #0052ec, -19px 19px 0 0 rgba(0, 82, 236, 0.05), -27px 0 0 0 rgba(0, 82, 236, 0.1), -19px -19px 0 0 rgba(0, 82, 236, 0.2);
}
75% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.2), 19px -19px 0 0 rgba(0, 82, 236, 0.3), 27px 0 0 0 rgba(0, 82, 236, 0.4), 19px 19px 0 0 rgba(0, 82, 236, 0.6), 0 27px 0 0 rgba(0, 82, 236, 0.8), -19px 19px 0 0 #0052ec, -27px 0 0 0 rgba(0, 82, 236, 0.05), -19px -19px 0 0 rgba(0, 82, 236, 0.1);
}
87.5% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.1), 19px -19px 0 0 rgba(0, 82, 236, 0.2), 27px 0 0 0 rgba(0, 82, 236, 0.3), 19px 19px 0 0 rgba(0, 82, 236, 0.4), 0 27px 0 0 rgba(0, 82, 236, 0.6), -19px 19px 0 0 rgba(0, 82, 236, 0.8), -27px 0 0 0 #0052ec, -19px -19px 0 0 rgba(0, 82, 236, 0.05);
}
100% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.05), 19px -19px 0 0 rgba(0, 82, 236, 0.1), 27px 0 0 0 rgba(0, 82, 236, 0.2), 19px 19px 0 0 rgba(0, 82, 236, 0.3), 0 27px 0 0 rgba(0, 82, 236, 0.4), -19px 19px 0 0 rgba(0, 82, 236, 0.6), -27px 0 0 0 rgba(0, 82, 236, 0.8), -19px -19px 0 0 #0052ec;
}
}
.loader08 {
width: 20px;
height: 20px;
position: relative;
animation: loader08 1s ease infinite;
top: 50%;
margin: -46px auto 0 auto;
}
@keyframes loader08 {
0%,
100% {
box-shadow: -13px 20px 0 #0052ec, 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2);
}
25% {
box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 #0052ec, 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2);
}
50% {
box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 #0052ec, -13px 46px 0 rgba(0, 82, 236, 0.2);
}
75% {
box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 #0052ec;
}
}
.loader09 {
width: 10px;
height: 48px;
background: #0052ec;
position: relative;
animation: loader09 1s ease-in-out infinite;
animation-delay: 0.4s;
top: 50%;
margin: -28px auto 0 auto;
}
.loader09:after,
.loader09:before {
content: '';
position: absolute;
width: 10px;
height: 48px;
background: #0052ec;
animation: loader09 1s ease-in-out infinite;
}
.loader09:before {
right: 18px;
animation-delay: 0.2s;
}
.loader09:after {
left: 18px;
animation-delay: 0.6s;
}
@keyframes loader09 {
0%,
100% {
box-shadow: 0 0 0 #0052ec, 0 0 0 #0052ec;
}
50% {
box-shadow: 0 -8px 0 #0052ec, 0 8px 0 #0052ec;
}
}
.loader10 {
width: 28px;
height: 28px;
border-radius: 50%;
position: relative;
animation: loader10 0.9s ease alternate infinite;
animation-delay: 0.36s;
top: 50%;
margin: -42px auto 0 auto;
}
.loader10:after,
.loader10:before {
content: '';
position: absolute;
width: 28px;
height: 28px;
border-radius: 50%;
animation: loader10 0.9s ease alternate infinite;
}
.loader10:before {
left: -40px;
animation-delay: 0.18s;
}
.loader10:after {
right: -40px;
animation-delay: 0.54s;
}
@keyframes loader10 {
0% {
box-shadow: 0 28px 0 -28px #0052ec;
}
100% {
box-shadow: 0 28px 0 #0052ec;
}
}
.loader11 {
width: 20px;
height: 20px;
border-radius: 50%;
box-shadow: 0 40px 0 #0052ec;
position: relative;
animation: loader11 0.8s ease-in-out alternate infinite;
animation-delay: 0.32s;
top: 50%;
margin: -50px auto 0 auto;
}
.loader11:after,
.loader11:before {
content: '';
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
box-shadow: 0 40px 0 #0052ec;
animation: loader11 0.8s ease-in-out alternate infinite;
}
.loader11:before {
left: -30px;
animation-delay: 0.48s;
}
.loader11:after {
right: -30px;
animation-delay: 0.16s;
}
@keyframes loader11 {
0% {
box-shadow: 0 40px 0 #0052ec;
}
100% {
box-shadow: 0 20px 0 #0052ec;
}
}
.loader12 {
width: 20px;
height: 20px;
border-radius: 50%;
position: relative;
animation: loader12 1s linear alternate infinite;
top: 50%;
margin: -50px auto 0 auto;
}
@keyframes loader12 {
0% {
box-shadow: -60px 40px 0 2px #0052ec, -30px 40px 0 0 rgba(0, 82, 236, 0.2), 0 40px 0 0 rgba(0, 82, 236, 0.2), 30px 40px 0 0 rgba(0, 82, 236, 0.2), 60px 40px 0 0 rgba(0, 82, 236, 0.2);
}
25% {
box-shadow: -60px 40px 0 0 rgba(0, 82, 236, 0.2), -30px 40px 0 2px #0052ec, 0 40px 0 0 rgba(0, 82, 236, 0.2), 30px 40px 0 0 rgba(0, 82, 236, 0.2), 60px 40px 0 0 rgba(0, 82, 236, 0.2);
}
50% {
box-shadow: -60px 40px 0 0 rgba(0, 82, 236, 0.2), -30px 40px 0 0 rgba(0, 82, 236, 0.2), 0 40px 0 2px #0052ec, 30px 40px 0 0 rgba(0, 82, 236, 0.2), 60px 40px 0 0 rgba(0, 82, 236, 0.2);
}
75% {
box-shadow: -60px 40px 0 0 rgba(0, 82, 236, 0.2), -30px 40px 0 0 rgba(0, 82, 236, 0.2), 0 40px 0 0 rgba(0, 82, 236, 0.2), 30px 40px 0 2px #0052ec, 60px 40px 0 0 rgba(0, 82, 236, 0.2);
}
100% {
box-shadow: -60px 40px 0 0 rgba(0, 82, 236, 0.2), -30px 40px 0 0 rgba(0, 82, 236, 0.2), 0 40px 0 0 rgba(0, 82, 236, 0.2), 30px 40px 0 0 rgba(0, 82, 236, 0.2), 60px 40px 0 2px #0052ec;
}
}
.thecube {
width: 75px;
height: 75px;
margin: 0 auto;
margin-top: 50px;
position: relative;
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.thecube .cube {
position: relative;
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.thecube .cube {
float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.thecube .cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #2796de;
-webkit-animation: foldthecube 2.4s infinite linear both;
-moz-animation: foldthecube 2.4s infinite linear both;
-ms-animation: foldthecube 2.4s infinite linear both;
-o-animation: foldthecube 2.4s infinite linear both;
animation: foldthecube 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.thecube .c2 {
-webkit-transform: scale(1.1) rotateZ(90deg);
-moz-transform: scale(1.1) rotateZ(90deg);
-ms-transform: scale(1.1) rotateZ(90deg);
-o-transform: scale(1.1) rotateZ(90deg);
transform: scale(1.1) rotateZ(90deg);
}
.thecube .c3 {
-webkit-transform: scale(1.1) rotateZ(180deg);
-moz-transform: scale(1.1) rotateZ(180deg);
-ms-transform: scale(1.1) rotateZ(180deg);
-o-transform: scale(1.1) rotateZ(180deg);
transform: scale(1.1) rotateZ(180deg);
}
.thecube .c4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
-moz-transform: scale(1.1) rotateZ(270deg);
-ms-transform: scale(1.1) rotateZ(270deg);
-o-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg);
}
.thecube .c2:before {
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
-ms-animation-delay: 0.3s;
-o-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.thecube .c3:before {
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
-ms-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.thecube .c4:before {
-webkit-animation-delay: 0.9s;
-moz-animation-delay: 0.9s;
-ms-animation-delay: 0.9s;
-o-animation-delay: 0.9s;
animation-delay: 0.9s;
}
@-webkit-keyframes foldthecube {
0%,
10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
-moz-transform: perspective(140px) rotateX(-180deg);
-ms-transform: perspective(140px) rotateX(-180deg);
-o-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
-moz-transform: perspective(140px) rotateX(0deg);
-ms-transform: perspective(140px) rotateX(0deg);
-o-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
-moz-transform: perspective(140px) rotateY(180deg);
-ms-transform: perspective(140px) rotateY(180deg);
-o-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
@keyframes foldthecube {
0%,
10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
-moz-transform: perspective(140px) rotateX(-180deg);
-ms-transform: perspective(140px) rotateX(-180deg);
-o-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
-moz-transform: perspective(140px) rotateX(0deg);
-ms-transform: perspective(140px) rotateX(0deg);
-o-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
-moz-transform: perspective(140px) rotateY(180deg);
-ms-transform: perspective(140px) rotateY(180deg);
-o-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
.spinner {
position: absolute;
z-index: 1001;
top: 50%;
left: 50%;
display: block;
width: 100px;
height: 100px;
margin-top: -50px;
margin-left: -50px;
-webkit-animation: spin 2.5s infinite linear;
animation: spin 2.5s infinite linear;
border: 3px solid transparent;
border-top-color: #a91605;
border-radius: 50%;
}
.spinner:before,
.spinner:after {
position: absolute;
content: '';
border-radius: 50%;
}
.spinner:before {
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
border: 3px solid transparent;
border-top-color: red;
}
.spinner:after {
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
-webkit-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
border: 3px solid transparent;
border-top-color: #549404;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#page-preloader {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #f1f3f2;
z-index: 100500;
}
#page-preloader .spinner {
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 100px;
height: 100px;
margin-top: -50px;
margin-left: -50px;
border: 3px solid transparent;
border-top-color: #00c8c8;
border-radius: 50%;
z-index: 1001;
-webkit-animation: spin 2.5s infinite linear;
animation: spin 2.5s infinite linear;
}
#page-preloader .spinner:before,
#page-preloader .spinner:after {
content: '';
position: absolute;
border-radius: 50%;
}
#page-preloader .spinner:before {
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border: 3px solid transparent;
border-top-color: #088cdc;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
#page-preloader .spinner:after {
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border: 3px solid transparent;
border-top-color: #52bf81;
-webkit-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .portfolio-related-projects-section {
padding-top: 50px;
padding-bottom: 50px;
border-top: 1px solid #eee;
overflow: hidden;
}
.portfolio-related-projects-section .list-works {
padding-top: 0;
}
.portfolio-section {
padding: 0 0 50px 0;
}
.portfolio-custom-content .wpb_content_element p {
padding-bottom: 10px;
}
.work-footer {
position: relative;
padding-right: 0;
text-align: center;
padding: 20px;
background: #f9f9f9;
margin-bottom: 0px;
z-index: 8;
}
.work-footer ul{
margin: 0;
padding: 0;
}
.work-footer .category {
margin-bottom: 5px;
}
.work-footer .category a,
.portfolio-section .work-footer .category {
font-size: 12px;
color: #999999;
}
.work-footer .views .icon {
font-size: 16px;
color: #666666;
margin-right: 5px;
vertical-align: middle;
display: inline-block;
}
.work-footer .views span:not(.icon) {
font-size: 12px;
color: #999999;
vertical-align: middle;
display: inline-block;
}
.work-footer .controls ul li {
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}
.work-footer .controls ul li a {
line-height: 24px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.work-footer .controls ul li .fa {
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.work-footer .controls ul li a:hover .fa {
color: #000;
}
.work-footer .controls ul li a .fa {
font-size: 24px;
color: #cccccc;
line-height: 24px;
}
.work-footer .controls ul li a .fa.fa-th {
font-size: 16px;
line-height: 24px;
}
.portfolio-section .work-image {
margin-bottom: 30px;
}
.portfolio-section .work-image .portfolio-gallery-none {
display: none;
}
.portfolio-section .work-image .image {
text-align: center;
position: relative;
}
.portfolio-section .work-image .image img {
max-width: 100%;
height: auto;
}
.portfolio-section .work-image .image .controls {
position: absolute;
bottom: 30px;
right: 30px;
z-index: 8;
}
.portfolio-section .work-image .image .controls .big-view a {
display: block;
width: 40px;
height: 40px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #ff9801;
color: #fff;
text-align: center;
line-height: 44px;
text-decoration: none;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.portfolio-section .work-image .image .controls .big-view a:hover {
opacity: 0.8;
}
.portfolio-section .work-image .image .controls .big-view a span {
color: #fff;
font-size: 16px;
}
.portfolio-section .work-image .owl-controls .owl-pagination {
position: absolute;
top: 100%;
width: 100%;
z-index: 9;
padding: 15px 0;
text-align: center;
}
.portfolio-section .work-image .owl-controls .owl-pagination .owl-page {
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
border: 1px solid #8e9195;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
margin: 0 4px;
cursor: pointer;
}
.portfolio-section .work-image .owl-controls .owl-pagination .owl-page.active {
background: #ff6400;
border-color: #ff6400;
}
.portfolio-section .work-body .work-body-left,
.portfolio-section .work-body .work-body-right {
margin-bottom: 30px;
}
.portfolio-section .work-body .summary-list .col-md-12 {
padding: 15px;
border-bottom: 1px solid #eeeeee;
}
.portfolio-section .work-body .summary-list .col-md-12:first-child {
padding-top: 0;
}
.portfolio-section .work-body .summary-list .type-info {
font-size: 16px;
line-height: 12px;
}
.portfolio-section .work-body .summary-list .type-info i {
min-width: 20px;
font-size: 21px;
display: inline-block;
vertical-align: baseline;
margin-right: 10px;
position: relative;
top: 2px;
}
.work-body .pull-right * {
color: #999;
}
.portfolio-section .work-body .summary-list .info .list-socials li {
display: inline-block;
vertical-align: middle;
padding: 0 3px;
}
.portfolio-section .work-body .summary-list .info .list-socials li a {
color: #333;
}
.work-body .btn {
display: inline-block;
width: 100%;
text-transform: uppercase;
margin-top: 15px;
font-weight: 500;
}
.work-body .btn:hover {
background: #246bad;
color: #fff;
}
.box-sticky {
max-width: 393px;
margin-top: 30px;
}
.stack-portfolio-carousel img {
margin-bottom: 25px;
}
.work-image .owl-dots {
text-align: center;
position: absolute;
bottom: 15px;
width: 100%;
text-align: center;
}
.work-image .owl-dot {
border: 0;
background: #fff;
}
.work-body h5 {
font-weight: 500;
margin-bottom: 0;
font-size: 32px;
padding-bottom: 10px;
}
.work-heading h3 {
font-weight: 500;
margin-bottom: 0;
font-size: 27px;
padding-bottom: 10px;
}
.work-body h5 {
font-weight: 500;
margin-bottom: 20px;
font-size: 17px;
border-bottom: 1px solid #eeeeee;
padding-bottom: 15px;
}
.work-name {
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid #eeeeee;
}
.work-name h3 {
margin-bottom: 10px;
font-weight: 300;
font-size: 37px;
line-height: 1.2;
}
.work-body {
padding-bottom: 25px;
}
.summary-list {
padding-top: 20px;
border-top: 1px solid #eeeeee;
margin-top: 20px;
}
.portfolio-centerd .summary-list {
margin-top: 48px;
}
.portfolio-isotope .summary-list {
margin-top: 70px;
}
.portfolio-isotope {
padding-bottom: 25px;
}
.portfolio-perrow-puzzle .pix-portfolio-thumb,
.portfolio-perrow-puzzle .pix-puzzle-thumb-x {
width: 20%;
}
.portfolio-perrow-puzzle .pix-puzzle-thumb-xy,
.portfolio-perrow-puzzle .pix-puzzle-thumb-y {
width: 10%;
}
.portfolio-perrow-puzzle .portfolio-custom-content {
padding-left: 15px;
padding-right: 15px;
}
.work-category a {
font-size: 14px;
color: #999999;
font-weight: normal;
}
.work-body .pix-social-share li {
list-style: none;
display: inline-block;
margin-right: 10px;
font-size: 16px;
margin-top: 3px;
}
.work-body .pix-social-title {
display: none;
}
.work-body .pix-social-share {
display: inline-block;
width: 100%;
} .folio-isotop-filter ul {
text-align: center;
border: none;
font-size: 0;
padding: 0 0 0px 0;
margin-bottom: 50px;
}
.folio-isotop-filter ul > li {
float: none;
display: inline-block;
border: 0;
border-right: 0;
margin-right: 0;
background: transparent;
margin-bottom: 0;
}
.folio-isotop-filter ul > li a,
esg-filters span {
display: block;
line-height: 1.1;
border: none;
padding: 0 15px;
line-height: 45px;
background: transparent;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
font-size: 14px;
text-transform: uppercase;
position: relative;
margin: 0;
font-weight: 400;
padding-bottom: 15px;
color: inherit;
text-decoration: none;
}
.folio-isotop-filter ul > li a.selected {
background: transparent;
color: #333;
text-decoration: none;
position: relative;
}
.folio-isotop-filter ul > li a.selected:after {
position: absolute;
content: '';
bottom: -1px;
left: 0;
display: inline-block;
width: 100%;
border-bottom: #ff9801 2px solid;
} .img-hover-effect {
position: relative;
overflow: hidden;
display: block;
height: 100%;
width: 100%;
}
.img-hover-effect img {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.img-hover-effect:after {
background: #246bad;
background: -moz-linear-gradient(top, #246bad 0%, #00c8c8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #246bad), color-stop(100%, #00c8c8));
background: -webkit-linear-gradient(top, #246bad 0%, #00c8c8 100%);
background: -o-linear-gradient(top, #246bad 0%, #00c8c8 100%);
background: -ms-linear-gradient(top, #246bad 0%, #00c8c8 100%);
background: linear-gradient(to bottom, #246bad 0%, #00c8c8 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#246bad', endColorstr='#00c8c8', GradientType=0);
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
opacity: 0;
position: absolute;
}
.img-hover-effect:hover img {
transform: scale(1.1);
}
.img-hover-effect:hover:after {
opacity: 0.7;
}
.sidebar-container ul.styled {
margin: 0;
padding: 0;
} #page-preloader {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: 100500;
}
#page-preloader .spinner {
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 100px;
height: 100px;
margin-top: -50px;
margin-left: -50px;
border: 3px solid transparent;
border-top-color: #ed5c2a;
border-radius: 50%;
z-index: 1001;
-webkit-animation: spin 2.5s infinite linear;
animation: spin 2.5s infinite linear;
}
#page-preloader .spinner:before,
#page-preloader .spinner:after {
content: '';
position: absolute;
border-radius: 50%;
}
#page-preloader .spinner:before {
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border: 3px solid transparent;
border-top-color: #ed912a;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
#page-preloader .spinner:after {
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border: 3px solid transparent;
border-top-color: #fff;
-webkit-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .alert {
padding: 5px 20px;
line-height: 30px;
border-radius: 0;
border: none;
color: #fff;
}
.alert.alert-default {
background: #eeeeee;
color: #333333;
}
.alert.alert-default span {
color: #333;
}
.alert.alert-warning {
background: #edb82a;
}
.alert.alert-danger {
background: #ed5c2a;
}
.alert.alert-success {
background: #4fcd24;
}
.alert.alert-info {
background: #237ac6;
}
.alert.alert-default-2 {
background: #7323c6;
}
.alert span {
margin-right: 20px;
font-size: 16px;
color: #fff;
}
.alert.alert-dismissable {
position: relative;
padding: 30px 60px 30px 120px;
background: #fff;
border: 1px solid #eeeeee;
color: #333333;
}
.alert.alert-dismissable .alert-icon {
position: absolute;
top: 50%;
height: 50px;
left: 50px;
margin-top: -25px;
line-height: 50px;
font-size: 30px;
min-width: 30px;
text-align: center;
}
.alert.alert-dismissable .close {
position: absolute;
top: 50%;
right: 15px;
color: #ccc;
margin-top: -10px;
opacity: 1;
}
.alert.alert-dismissable .title {
color: #333333;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
}
.alert.alert-dismissable.alert-warning {
background: #ffecb7;
border: none;
}
.alert.alert-dismissable.alert-warning .alert-icon,
.alert.alert-dismissable.alert-warning .close .fa {
color: #edb82a;
}
.alert.alert-dismissable.alert-danger {
background: #fcccd1;
border: none;
}
.alert.alert-dismissable.alert-danger .alert-icon,
.alert.alert-dismissable.alert-danger .close .fa {
color: #ed5c2a;
}
.alert.alert-dismissable.alert-success {
background: #c0f4af;
border: none;
}
.alert.alert-dismissable.alert-success .alert-icon,
.alert.alert-dismissable.alert-success .close .fa {
color: #4fcd24;
} .progress {
border: 1px solid #eeeeee;
border-radius: 0;
background: #fff;
box-shadow: none;
}
.progress.bordered.progress-primary {
border: 2px solid #237ac6;
}
.progress.bordered.progress-warning {
border: 2px solid #ed912a;
}
.progress.progress-primary .progress-bar {
background-color: #237ac6;
}
.progress.progress-warning .progress-bar {
background-color: #ed912a;
}
.progress.progress-danger .progress-bar {
background-color: #ed5c2a;
}
.progress.progress-custom .progress-bar {
background-color: #7323c6;
}
.progress.progress-custom-2 .progress-bar {
background-color: #c924ab;
}
.progress.progress-success .progress-bar {
background-color: #4fcd24;
}
.progress .progress-bar {
box-shadow: none;
} .left-column .wrap-tabs-content > .container,
.left-column .wrap-tabs > .container,
.right-column .wrap-tabs-content > .container,
.right-column .wrap-tabs > .container {
width: 100%;
}
.wrap-services-tabs .wrap-tabs {
text-align: center;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs {
border: none;
text-align: center;
font-size: 0;
margin-bottom: 55px;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li {
float: none;
display: inline-block;
vertical-align: middle;
font-size: 12px;
border: 1px solid #000 !important;
margin: 0 10px;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li:last-child a {
border: none;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a {
padding: 17px 32px 14px;
margin: 0;
text-align: center;
background: none;
color: #222;
border: none;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.text-white-color .wrap-services-tabs .wrap-tabs .nav.nav-tabs li a {
color: #fff !important;
}
.text-white-color .wrap-services-tabs .wrap-tabs .nav.nav-tabs li {
border-color: #fff !important;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons {
font-size: 20px;
float: left;
margin-right: 7px;
margin-top: -8px;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons:before {
font-size: 20px;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-support {
height: 41px;
background: url(//inmasoft.cl/wp-content/themes/farvis/images/icons/tabs/support.png) top center no-repeat;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-responsive {
background: url(//inmasoft.cl/wp-content/themes/farvis/images/icons/tabs/responsive.png) top center no-repeat;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-analytics {
background: url(//inmasoft.cl/wp-content/themes/farvis/images/icons/tabs/analytics.png) top center no-repeat;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-customizable {
background: url(//inmasoft.cl/wp-content/themes/farvis/images/icons/tabs/customizable.png) top center no-repeat;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-multipurpose {
background: url(//inmasoft.cl/wp-content/themes/farvis/images/icons/tabs/multipurpose.png) top center no-repeat;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a span {
font-size: 13px;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li.active a,
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li:hover a {
background: none;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li.active a .icons,
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li:hover a .icons {
background-position: bottom center;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li.active a span,
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li:hover a span {
color: #fff;
}
.wrap-tabs-content img {
max-width: 100%;
}
.wrap-tabs-content .tab-pane h5,
.wrap-tabs-content .tab-pane p,
.wrap-tabs-content .tab-pane ul {
margin-bottom: 30px;
}
.wrap-tabs-content .tab-pane .designations .last-year {
color: #999999;
font-size: 13px;
font-weight: 500;
text-align: left;
float: left;
margin-right: 30px;
text-transform: uppercase;
}
.wrap-tabs-content .tab-pane .designations .last-year span {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
background-color: #237ac6;
width: 15px;
height: 10px;
}
.wrap-tabs-content .tab-pane .designations .this-year {
color: #999999;
font-size: 13px;
font-weight: 500;
text-align: left;
float: left;
margin-right: 30px;
text-transform: uppercase;
}
.wrap-tabs-content .tab-pane .designations .this-year span {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
background-color: #cccccc;
width: 15px;
height: 10px;
} .service-item {
padding-top: 0;
padding-bottom: 0;
}
.service-icon {
font-size: 38px;
}
.service-heading {
padding: 15px 0 10px;
margin: 0;
font-weight: 500;
}
.service-content {
font-weight: 300;
font-size: 17px;
line-height: 28px;
}
.service-item.border-bottom {
border-bottom: 1px solid #4590cf;
}
.service-item.right-text-item {
text-align: right;
}
.service-item.right-text-item .item-heading > .icon {
margin-right: 0;
margin-left: 15px;
}
.service-item.right-text-item .item-heading .title {
position: relative;
margin-bottom: 16px;
}
.service-item.right-text-item .item-heading .title:after {
position: absolute;
right: 0;
}
.service-item.right-text-item .item-body p {
text-align: right;
}
.service-item .item-heading {
margin-bottom: 30px;
}
.service-item .item-heading > .icon {
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
.service-item .item-heading > .icon span {
font-size: 44px;
color: #fff;
}
.service-item .item-heading .title {
display: inline-block;
vertical-align: middle;
color: #ffffff;
font-size: 18px;
font-weight: 400;
text-align: left;
}
.service-item .item-heading .title:after {
width: 40px;
content: "";
display: block;
border-bottom: 1px solid #92c0e4;
margin-top: 15px;
}
.service-item .item-body,
.service-item .item-body p {
margin: 0;
color: #b7deff;
line-height: 28px;
text-align: left;
} .counters .counter-item {
margin-bottom: 15px;
display: inline-block;
vertical-align: middle;
padding: 0 30px 0;
}
.counters .counter-item:last-child .top-counter:after {
display: none;
}
.counters .counter-item .top-counter {
border-radius: 50%;
width: 115px;
height: 115px;
text-align: center;
border: 1px solid #fff;
margin-bottom: 30px;
position: relative;
}
.counters .counter-item .top-counter:after {
content: ":";
font-size: 48px;
font-weight: bold;
color: #fff;
display: block;
position: absolute;
top: 50%;
line-height: 40px;
margin-top: -25px;
left: 133%;
margin-left: -10px;
}
.counters .counter-item .top-counter span {
line-height: 115px;
color: #fff;
font-size: 48px;
font-weight: bold;
}
.counters .counter-item .bottom-counter {
position: relative;
color: #ffffff;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
}
.counters .counter-item .bottom-counter:after {
content: "";
width: 40px;
border-top: 1px solid #fff;
margin: 25px auto 0;
display: block;
} .social-list {
display: inline-block;
font-size: 0;
}
.social-list.round-social-list li {
margin: 0 4px 8px;
}
.social-list.round-social-list li a {
margin: 0;
border-radius: 50%;
border-color: #cdcdcd;
color: #999999;
}
.social-list.round-social-list li a:hover {
border-color: #088cdc;
background: #088cdc;
}
.social-list li {
display: inline-block;
vertical-align: middle;
font-size: 15px;
}
.social-list li a {
display: block;
line-height: 48px;
width: 48px;
height: 48px;
border: 1px solid #cccccc;
margin-right: -1px;
margin-top: -1px;
color: #ccc;
}
.social-list li a:hover {
background: #088cdc;
border-color: #088cdc;
color: #fff;
} .pagination.text-center {
text-align: center;
width: 100%;
}
.pagination ul li {
display: inline-block;
vertical-align: middle;
margin: 0 5px 5px;
}
.pagination ul li span.current {
line-height: 33px;
text-align: center;
width: 36px;
height: 36px;
font-size: 14px;
display: inline-block;
background: #f6f8f9;
border: 1px solid #f6f8f9;
border-radius: 0;
}
.pagination ul li a {
line-height: 33px;
width: 36px;
height: 36px;
text-align: center;
font-size: 14px;
display: inline-block;
border: 1px solid #eee;
text-decoration: none;
border-radius: 0;
color: inherit;
}
.pagination ul li:hover a {
background: #246bad;
border-color: #246bad;
color: #fff;
}
.pagination.orange-pagination ul li a:hover {
color: #ed912a;
}
.pagination.orange-pagination ul li.active span {
background: #ed912a;
border: 3px solid #ed912a;
}
.pagination.blue-pagination ul li a:hover {
color: #237ac6;
}
.pagination.blue-pagination ul li.active span {
background: #237ac6;
border: 3px solid #237ac6;
} .nav.nav-tabs.theme-tab {
border: none;
text-align: center;
font-size: 0;
}
.nav.nav-tabs.theme-tab li {
border: none;
background: none;
float: none;
display: inline-block;
vertical-align: middle;
margin: 0;
font-size: 14px;
}
.nav.nav-tabs.theme-tab li:hover a,
.nav.nav-tabs.theme-tab li.active a {
border-color: #27ae60;
color: #fff !important;
background: transparent !important;
}
.nav.nav-tabs.theme-tab li a {
padding: 20px 65px;
line-height: 1;
margin: 0;
background: none;
border: none;
border-bottom: 3px solid #555555;
color: rgba(170, 170, 170, 0.8);
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
}
.tab-content.theme-tab-content {
padding: 70px 0 70px;
} .contact-item .dotted-line {
position: absolute;
top: 0;
right: -51%;
overflow: hidden;
width: 100%;
}
.contact-item .dotted-line:after {
font-size: 30px;
line-height: 100px;
content: '\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022';
letter-spacing: 14px;
color: #555555;
font-size: 20px;
}
.contact-item h5 {
margin-top: 27px;
color: #ffffff;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
.contact-item p {
color: #cccccc;
font-size: 14px;
font-weight: 400;
line-height: 28px;
}
.contact-item .striped-icon-xlarge {
font-size: 36px;
font-weight: 500;
line-height: 100px;
position: relative;
width: 100px;
height: 100px;
margin: auto;
text-align: center;
color: #fff;
border-radius: 50%;
background: rgba(35, 122, 198, 0.4);
}
.contact-item .striped-icon-xlarge:after {
position: absolute;
z-index: 0;
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
content: '';
border-radius: 50%;
background: content-box #237ac6;
}
.contact-item .striped-icon-xlarge span {
vertical-align: middle;
position: relative;
z-index: 1;
top: -5px;
} .gallery-controls {
text-align: center;
margin-bottom: 40px;
}
.gallery-controls .btn-group a {
background: none !important;
border: 0;
color: #555555;
font-size: 17px;
text-transform: uppercase;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.gallery-controls .btn-group a i {
opacity: 0;
display: block;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: translate(0, -10px);
transform: translate(0, -10px);
padding: 0;
margin: auto;
font-size: 22px;
}
.gallery-controls .btn-group a:hover,
.gallery-controls .btn-group a.active {
color: #ed912a;
}
.gallery-controls .btn-group a:hover i,
.gallery-controls .btn-group a.active i {
color: #ed912a;
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.gallery-item {
position: relative;
width: 25%;
}
.gallery-item img {
vertical-align: middle;
width: 100%;
height: auto
}
.gallery-item .pix-gallery-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.8);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
opacity: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.gallery-item .pix-gallery-info .description {
text-align: center;
}
.gallery-item .pix-gallery-info .description a {
color: #fff;
}
.gallery-item .pix-gallery-info .description a span {
font-size: 22px;
color: #ed912a;
margin-bottom: 20px;
}
.gallery-item:hover .description span {
top: 0px;
}
.gallery-item .pix-gallery-info .description span {
display: block;
color: #ffffff;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 10px;
position: relative;
top: -30px;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.gallery-item .pix-gallery-info .description span + span a,
.gallery-item .pix-gallery-info .description span + span {
color: #cccccc;
font-size: 13px;
}
.gallery-item:hover .pix-gallery-info {
opacity: 1;
} .feature-item {
margin-bottom: 30px;
height: 77px;
}
.feature-divider {
height: auto !important;
}
.feature-item h5 {
color: #222;
font-size: 20px;
font-weight: 400;
}
.feature-item h5 span {
color: #e88f41;
font-size: 20px;
font-weight: 300;
margin-right: 10px;
}
.feature-item p {
font-size: 15px;
line-height: 1.7;
}
.feature-item.right-feature-item {
text-align: left;
}
.feature-item.right-feature-item h5 span {
margin-left: 10px;
margin-right: 0;
}
.feature-item.right-feature-item.feature-divider .feature-divider-item {
margin-left: 0;
}
.feature-item.feature-divider .feature-divider-item {
width: 125px;
height: 2px;
background: #eee;
position: relative;
margin-left: auto;
}
.feature-item.feature-divider .feature-divider-item:before {
content: "";
width: 5px;
height: 5px;
background: #eee;
border-radius: 50%;
position: absolute;
left: 0;
top: -1px;
}
.feature-item.feature-divider .feature-divider-item:after {
content: "";
width: 5px;
height: 5px;
background: #eee;
border-radius: 50%;
position: absolute;
right: 0;
top: -1px;
} .skill-item {
margin-bottom: 50px;
}
.skill-item:last-child {
margin-bottom: 0;
}
.skill-item .skill-label {
color: #ffffff;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
}
.skill-item .skill-label span {
margin-right: 15px;
}
.skill-item .skill-line {
height: 3px;
width: 100%;
background: #519ad4;
position: relative;
}
.skill-item .skill-line span {
display: block;
height: 3px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
background: #fff;
}
.skill-item .skill-count {
color: #7cb0e4;
font-size: 22px;
line-height: 10px;
} .panel-alt-two {
position: relative;
border: 0;
border: none;
box-shadow: none;
}
.panel-alt-two::after {
content: "";
position: absolute;
top: 25px;
bottom: 25px;
left: 25px;
width: 2px;
background: #eeeeee;
}
.panel-alt-two:before {
content: "";
position: absolute;
width: 8px;
height: 8px;
bottom: 25px;
left: 22px;
border-radius: 50%;
background: #eeeeee;
}
.panel-alt-two .panel-heading {
padding-left: 70px;
}
.panel-alt-two .panel-body {
padding-left: 70px;
padding-top: 0;
line-height: 28px;
font-size: 17px;
padding-bottom: 35px;
}
.panel-alt-two .panel-body p {
color: #555555;
}
.panel-alt-two .panel-heading {
border: 0;
padding-bottom: 40px;
background: none;
}
.text-white-color .panel-alt-two .panel-title a {
color: #fff !important;
}
.panel-alt-two .panel-heading .panel-title {
position: relative;
font-weight: 500;
}
.panel-alt-two .panel-heading .panel-title a {
color: #2b2e33;
font-weight: 500;
text-decoration: none;
}
.panel-alt-two .panel-heading .panel-title a b {
font-weight: bold;
}
.panel-alt-two .panel-heading .panel-title a:after {
content: "";
width: 40px;
border-top: 1px solid #e8ecef display: block;
margin-top: 15px;
}
.panel-alt-two .panel-heading .panel-title a:hover {
color: #237ac6;
}
.panel-alt-two .panel-heading a:hover .accordion-icon {
background: rgba(221, 221, 221, 0.3);
}
.panel-alt-two .panel-heading.active a {
color: #237ac6;
}
.panel-alt-two .panel-heading.active .accordion-icon {
background: rgba(221, 221, 221, 0.5);
}
.panel-alt-two .panel-heading.active .accordion-icon .stacked-icon {
color: white;
background: #237ac6;
}
#accordion-one .panel-heading,
#accordion-one .panel {
border: 0 !important;
background: none !important;
}
.accordion-icon {
position: absolute;
top: -18px;
left: -72px;
background: transparent;
border-radius: 50%;
width: 56px;
height: 56px;
line-height: 50px;
padding: 3px;
z-index: 3;
}
.accordion-icon .stacked-icon {
height: 100%;
background: white;
border: 2px solid #e8e9ed;
border-radius: 50%;
color: #cacddb;
font-size: 18px;
text-align: center;
display: block;
}
.text-white-color .accordion-icon .stacked-icon {
color: #000;
}
.text-white .accordion-icon .stacked-icon,
.text-white .accordion-icon .stacked-icon * {
color: #000 !important;
}
.text-white .active .accordion-icon .stacked-icon,
.text-white .active .accordion-icon .stacked-icon * {
color: #fff !important;
} .wrap-team-slider {
margin-bottom: 0px;
padding: 0;
}
.wrap-team-slider .sp-thumbnail {
border: medium none;
max-width: 300px;
margin: 0 10px;
position: relative;
}
.wrap-team-slider .wrap-user-images {
font-size: 0;
margin-right: -15px;
}
.wrap-team-slider .team-slider { padding-left: 15px;
}
.wrap-team-slider .team-slider:after {
content: "";
display: table;
clear: both;
height: 0;
}
.wrap-team-slider .team-slider .sp-slides-container {
padding-left: calc((100vw - 1200px) / 2);
width: 50%;
float: left;
padding-right: 15px;
}
.wrap-team-slider .team-slider .sp-slides-container .sp-mask {
width: 100% !important;
}
.wrap-team-slider .team-slider .sp-slides-container .sp-mask .sp-slides .sp-slide {
width: 100% !important;
}
.wrap-team-slider .team-slider .sp-thumbnails-container {
width: 50% !important;
float: left;
margin: 0;
}
.sp-thumbnail {
border: medium none;
max-width: 300px;
position: relative;
}
.sp-thumbnail:hover .image-overlay {
opacity: 1 !important;
}
.wrap-team-slider .team-slider .sp-thumbnails-container .wrap-user-images .sp-thumbnail-container {
margin: 0;
font-size: 14px;
display: inline-block;
vertical-align: top;
width: 212px !important;
position: relative;
height: auto !important;
}
.wrap-team-slider img {
max-width: 100%;
width: 100%;
vertical-align: middle;
}
.wrap-team-slider .image-overlay ul {}
.wrap-team-slider .image-overlay:hover ul li {
top: 0;
}
.wrap-team-slider .image-overlay ul li {
display: inline-block;
position: relative;
top: 50px;
transition: all 0.3s ease-out;
}
.wrap-team-slider .image-overlay ul li a {
margin: 0 5px;
}
.wrap-team-slider .image-overlay ul li i {
color: #fff;
font-size: 18px;
}
.wrap-team-slider .image-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.8);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
transition: all 0.3s ease-out;
opacity: 0;
}
.wrap-team-slider .team-slider .sp-thumbnails-container .wrap-user-images .sp-thumbnail-container .image-overlay ul li {
display: inline-block;
vertical-align: middle;
color: #cccccc;
margin: 0 5px;
}
.wrap-team-slider .team-slider .sp-thumbnails-container .wrap-user-images .sp-thumbnail-container .image-overlay ul li a {
color: #ccc;
}
.person-description {
padding: 20px 10px;
text-align: center;
}
.person-description h5 {
color: #000000;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
}
.person-description .under-name {
color: #8a8a8a;
font-size: 14px;
margin-bottom: 35px;
text-transform: uppercase;
}
.portfolio-image .under-name:after {
margin: 15px 0 0;
width: 40px;
} .responsive-features-list {
font-size: 0;
}
.responsive-features-list .list-item {
display: inline-block;
vertical-align: middle;
width: 50%;
font-size: 14px;
margin-bottom: 30px;
}
.responsive-features-list .list-item .icon {
height: 56px;
width: 56px;
background: #fff;
line-height: 56px;
text-align: center;
margin-right: 10px;
}
.responsive-features-list .list-item .icon span {
color: #ed912a;
font-size: 20px;
line-height: 56px;
}
.responsive-features-list .list-item > span {
color: #ff9801;
font-size: 14px;
font-weight: 500;
line-height: 22px;
text-align: left;
} .sidebar-services {
border-top: 20px solid #000;
border-bottom: 20px solid #000;
margin-right: 0;
margin-bottom: 50px;
}
.portfolio-list-section .col-sm-3.sticky-bar {
max-width: 23%;
}
.portfolio-list-section .col-sm-3.sticky-bar .sidebar-services {
margin-right: 0;
}
.taxonomy-page {
padding-bottom: 80px;
}
.sidebar-services ul {
margin: 0 !important;
padding: 0 !important;
}
.sidebar-services li {
position: relative;
list-style: none;
margin-bottom: 0;
border-bottom: 0;
}
.sidebar-services li a {
padding: 15px 35px;
display: inline-block;
width: 100%;
font-size: 14px;
font-weight: normal;
border: 0;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
text-decoration: none !important;
position: relative;
z-index: 7;
color: #fff;
}
.sidebar-services li:after {
background: #000;
content: '';
position: absolute;
left: 0;
top: 0;
display: inline-block;
width: 100%;
height: 100%;
}
.sidebar-services .active:after,
.sidebar-services .current-cat:after {
opacity: 0.9 !important;
}
.sidebar-services li:hover:after {
opacity: 0.8 !important;
}
.sidebar-services li .children {
margin-left: 20px;
margin-bottom: 10px;
margin-top: -10px;
}
.sidebar-services li .children li {
border: 0;
}
.sidebar-services li .children a {
padding: 5px 0;
border: 0;
}
.sidebar-services li .children li a:before {
font-family: 'FontAwesome';
content: "\f105";
display: inline-block;
margin-right: 10px;
position: relative;
top: -1px;
}
.sidebar-services li:before {
display: none !important;
}
.sidebar-services .active a,
.sidebar-services .current-cat a {
text-decoration: none;
background: transparent;
}
.sidebar-services .active a:before,
.sidebar-services .current-cat a:before {
content: "";
display: inline-block;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-left: 7px solid #000;
}
html .sidebar-services li a:hover {
color: #fff !important;
text-decoration: none;
}
.services-text-uppercase .services h4 {
text-transform: uppercase;
}
.services h4 {
font-size: 20px !important;
margin: 0 !important;
padding: 0 0 15px 0 !important;
color: inherit;
}
.application .app-features h5 span:before {
margin-right: 8px;
position: relative;
top: 1px;
font-size: 18px;
}
.services .service-item {
display: inline-block;
vertical-align: top;
margin-bottom: 25px;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.row.services .col-lg-4:nth-of-type(4),
.row.services .col-lg-4:nth-of-type(7),
.row.services .col-lg-4:nth-of-type(11) {
clear: both;
}
.services .col-sm-4:nth-of-type(4),
.services .col-sm-4:nth-of-type(7),
.services .col-sm-4:nth-of-type(11) {
clear: both;
}
.services-style2 .services .service-item:hover {
box-shadow: 0px 8px 16px -1px #ddd;
}
.services-style2 .services .service-item {
background: #fff;
}
.services-style2 .service-item-footer {
padding: 25px 35px;
}
.services-text-center .service-item-footer {
text-align: center;
}
.service-item-footer {
padding: 25px 0 25px 0;
background-color: #fff;
}
.services .service-item {
padding-top: 0;
width: 100%;
}
.service-item-image img {
width: 100%;
height: auto;
}
.services-style2 .service-item .btn {
color: #fff !important;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.services-style2 .service-item .btn:hover {
opacity: 0.9;
}
.service-item .btn {
margin-top: 10px;
border-radius: 0;
border: 2px solid;
}
.service-item .img-hover-effect:after {
display: none !important;
}
.services .isotope-frame {
padding-top: 20px;
}
.services .nav-tabs > a {
float: none;
display: inline-block;
border: 0;
margin-right: 0;
}
.services .nav-tabs > a + a {
margin: 0;
}
.services .nav-tabs > a.btn.active,
.nav-tabs > a.btn.active:focus,
.nav-tabs > a.btn.active:hover {
color: #333;
}
.services .nav-tabs > a.btn.active:after {
position: absolute;
content: '';
bottom: -1px;
left: 0;
display: inline-block;
width: 100%;
border-bottom: #ff9801 2px solid;
}
.services .nav-tabs > a.btn {
position: relative;
border-radius: 0;
margin-right: 0px;
font-weight: 500;
font-size: 13px;
padding: 15px 20px 50px 20px;
text-transform: uppercase;
color: inherit;
background: transparent !important;
}
.services .nav-tabs > a.btn > i {
display: none;
}
.services .nav-tabs {
max-width: 100%;
text-align: center;
margin: 0 auto 30px;
border-bottom: 1px solid #e8ecef;
}  .tmpl-portfolio-box-shadow {
position: relative;
overflow: hidden;
-webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.19);
-moz-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.19);
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.19);
background-color: #fff;
border: 10px solid #fff;
margin-bottom: 30px !important;
}
.portfolio-item:hover .gallery-item-hover {
display: flex;
}
.tmpl-portfolio-box-shadow.portfolio-item:hover .gallery-item-hover {
display: none;
}
.tmpl-portfolio-inner .gallery-item-hover {
display: none;
}
.btn-portfolio-first,
.btn-portfolio-second {
border: 2px solid #fff;
color: #fff;
padding: 10px 20px;
display: inline-block;
text-align: center;
min-width: 40%;
text-transform: uppercase;
font-size: 14px;
}
.btn-portfolio-first:hover,
.btn-portfolio-second:hover {
color: inherit;
transform: scale(1.1);
}
.tmpl-portfolio-external {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 100%;
height: 100%;
color: #fff;
display: flex;
display: -webkit-flex;
align-items: flex-end;
-webkit-align-items: flex-end;
padding: 10%;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.portfolio-image:hover h3,
.portfolio-image:hover .tmpl-portfolio-desc,
.portfolio-image:hover .btn-portfolio-first,
.portfolio-image:hover .btn-portfolio-second {
opacity: 1;
bottom: 0;
}
.tmpl-portfolio-external h3 {
opacity: 0;
transition: all 0.1s ease-out;
-webkit-transition: all 0.2s ease-out;
position: relative;
bottom: -20px;
}
.tmpl-portfolio-desc {
padding-bottom: 20px;
opacity: 0;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
position: relative;
bottom: -20px;
}
.tmpl-portfolio-external .btn-portfolio-first,
.tmpl-portfolio-external .btn-portfolio-second {
opacity: 0;
transition: all 0.3s ease-out;
-webkit-transition: all 0.4s ease-out;
position: relative;
bottom: -20px;
margin: 0 10px 0 0;
} .portfolio-item {
margin: 0 0 0px 0;
}
.portfolio-perrow-puzzle .pix-no-space {
padding-right: 0 !important;
padding-left: 0 !important;
}
.pix-no-space .portfolio-item-body {
display: none !important;
}
.pix-no-space .portfolio-item,
.pix-no-space .portfolio-image {
padding-bottom: 0px !important;
margin-bottom: 0 !important;
}
.pix-no-space .portfolio-item {
padding-bottom: 30px !important;
}
.portfolio-perrow-puzzle .pix-no-space .portfolio-item {
padding-bottom: 0px !important;
}
.portfolio-item .portfolio-image {
position: relative;
cursor: pointer;
overflow: hidden;
padding-bottom: 0px;
}
.portfolio-item .portfolio-image:hover > a::after {
opacity: 0.6 !important;
}
.portfolio-item .portfolio-image > a {
display: block;
position: relative;
}
.portfolio-item .portfolio-image > a:after {
content: "";
background-color: #000 !important;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.portfolio-item .portfolio-image img {
width: 100%;
height: auto;
vertical-align: middle;
min-width: 100%;
}
.portfolio-item:hover .portfolio-image .portfolio-item-body {
margin-top: -70px;
}
.portfolio-item .portfolio-image .portfolio-item-body {
background: rgba(255, 255, 255, 1.97);
border-radius: 2px;
width: 92%;
height: 100px;
margin: -50px auto 25px;
position: relative;
z-index: 4;
padding: 15px 15px;
-webkit-box-shadow: -1px 8px 24px -6px #eee;
-moz-box-shadow: -1px 8px 24px -6px #eee;
box-shadow: -1px 8px 24px -6px #eee;
border: 1px solid #eeeeee;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.portfolio-item .portfolio-image .portfolio-item-body.center-body {
top: 50%;
margin-top: -20px;
left: 0;
right: 0;
text-align: center;
}
.portfolio-item .portfolio-image .portfolio-item-body.center-body ul li {
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}
.portfolio-item .portfolio-image .portfolio-item-body.center-body ul li a {
display: block;
width: 40px;
height: 40px;
border: 1px solid #fff;
border-radius: 50%;
text-align: center;
text-decoration: none;
color: #fff;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.portfolio-item .portfolio-image .portfolio-item-body.center-body ul li a:hover {
background: #ed912a;
border-color: #ed912a;
}
.portfolio-item .portfolio-image .portfolio-item-body.center-body ul li a span {
font-size: 16px;
line-height: 40px;
}
.portfolio-item .portfolio-image .portfolio-item-body .name {
color: #23272c;
font-size: 16px;
margin-bottom: 0px;
font-weight: 500;
text-align: center;
}
.portfolio-pagination-loading {
display: none;
}
.portfolio-item .portfolio-image .portfolio-item-body .under-name,
.portfolio-item .portfolio-image .portfolio-item-body .under-name a {
color: #999;
font-size: 14px;
font-weight: normal;
text-align: center;
line-height: 1.4;
}
.portfolio-item .portfolio-item-footer {
padding-top: 25px;
position: relative;
padding-bottom: 25px;
border-bottom: 1px solid #eff2f7;
}
.portfolio-item .portfolio-item-footer .name {
font-size: 14px;
color: #333;
text-transform: uppercase;
margin-bottom: 5px;
font-weight: 500;
}
.portfolio-item .portfolio-item-footer .under-name {
color: #999999;
font-size: 12px;
}
.portfolio-item .portfolio-item-footer .views {
position: absolute;
line-height: 20px;
top: 50%;
margin-top: -10px;
right: 0;
}
.portfolio-item .portfolio-item-footer .views .icon {
font-size: 16px;
color: #666666;
margin-right: 5px;
vertical-align: middle;
display: inline-block;
}
.portfolio-item .portfolio-item-footer .views span:not(.icon) {
font-size: 12px;
color: #999999;
vertical-align: middle;
display: inline-block;
}
.portfolio-item .portfolio-item-footer .under-name:after {
display: none !important;
} .wrap-contact-form input[type="text"],
.wrap-contact-form input[type="email"],
.wrap-contact-form input[type="phone"],
.wrap-contact-form input[type="password"],
.wrap-contact-form textarea {
color: #fff;
}
.wrap-contact-form input[type="text"]:-moz-placeholder,
.wrap-contact-form input[type="email"]:-moz-placeholder,
.wrap-contact-form input[type="phone"]:-moz-placeholder,
.wrap-contact-form input[type="password"]:-moz-placeholder,
.wrap-contact-form textarea:-moz-placeholder {
color: #fff;
opacity: 1;
}
.wrap-contact-form input[type="text"]::-moz-placeholder,
.wrap-contact-form input[type="email"]::-moz-placeholder,
.wrap-contact-form input[type="phone"]::-moz-placeholder,
.wrap-contact-form input[type="password"]::-moz-placeholder,
.wrap-contact-form textarea::-moz-placeholder {
color: #fff;
opacity: 1;
}
.wrap-contact-form input[type="text"]:-ms-input-placeholder,
.wrap-contact-form input[type="email"]:-ms-input-placeholder,
.wrap-contact-form input[type="phone"]:-ms-input-placeholder,
.wrap-contact-form input[type="password"]:-ms-input-placeholder,
.wrap-contact-form textarea:-ms-input-placeholder {
color: #fff;
}
.wrap-contact-form input[type="text"]::-webkit-input-placeholder,
.wrap-contact-form input[type="email"]::-webkit-input-placeholder,
.wrap-contact-form input[type="phone"]::-webkit-input-placeholder,
.wrap-contact-form input[type="password"]::-webkit-input-placeholder,
.wrap-contact-form textarea::-webkit-input-placeholder {
color: #fff;
} @media (max-width: 1199px) {
.header .navbar .navbar-nav li a {
font-size: 12px;
padding: 0 8px;
}
.portfolio-item .portfolio-image img {
height: 295px;
}
.portfolio-list-section .list-works.mini-list-works .portfolio-item .portfolio-image img {
height: 212px;
}
.section-intro .arrow {
padding-top: 70px;
}
.section-intro .intro-title {
padding-left: 0;
}
.section-intro .intro-text {
padding-top: 25px;
margin-bottom: 25px;
}
.section-intro .under-intro-text {
margin-bottom: 20px;
}
.section-intro .iphone img {
max-width: 100%;
}
.feature-item.feature-divider {
padding: 10px 0;
}
.wrap-team-slider .team-slider {
padding-left: 0;
}
.wrap-team-slider .team-slider .sp-slides-container {
padding-left: 15px;
}
.section-who-we-are .who-we-are-collage .collage-item.item-headphones {
right: -9%;
}
.section-who-we-are .who-we-are-collage .collage-item.item-clips {
left: -3%;
}
.section-who-we-are .who-we-are-collage .collage-item.item-keyboard {
top: 44%;
right: 36%;
}
}
@media (max-width: 991px) {
.header .navbar .navbar-nav li a {
padding: 0 4px;
margin: 0 0px;
font-size: 11px;
}
.portfolio-item .portfolio-image .portfolio-item-body {
bottom: 15px;
left: 0;
}
.portfolio-item .portfolio-image img {
height: 220px;
}
.counters .counter-item .top-counter {
width: 90px;
height: 90px;
}
.counters .counter-item .top-counter span {
font-size: 36px;
line-height: 90px;
}
.section-intro-2 .counters {
padding-top: 0;
}
.section-intro-2 .counters .counter-item {
padding: 0;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a {
padding-left: 15px;
padding-right: 15px;
}
.section-skills .feature-section .wrap-feature-content {
display: none !important;
}
.feature-item {
display: inline-block;
width: 49%;
vertical-align: top;
text-align: left !important;
}
.feature-item.feature-divider {
display: none;
}
.wrap-team-slider .team-slider .team-slide .person-description {
margin-bottom: 30px;
}
.wrap-team-slider .team-slider .sp-slides-container {
float: none;
width: 100%;
}
.wrap-team-slider .team-slider .sp-thumbnails-container {
width: 100% !important;
float: none;
}
.section-trust-us .trus-image {
display: none !important;
}
}
@media (max-width: 767px) {
.header .navbar.navbar-default {
position: static !important;
}
.portfolio-item .portfolio-image {
height: 220px;
}
.portfolio-item .portfolio-image img {
height: auto;
max-width: 100%;
}
.portfolio-list-section .list-works.mini-list-works .portfolio-item .portfolio-image {
height: 250px;
}
.portfolio-list-section .list-works.mini-list-works .portfolio-item .portfolio-image img {
height: auto;
min-height: 100%;
min-width: 100%;
max-width: 100%;
}
.header .navbar.navbar-default {
background: rgba(255, 255, 255, 0.9);
border-bottom: 1px solid #E4E4E4;
padding-top: 20px;
padding-bottom: 19px;
}
.header .navbar.navbar-default .navbar-nav li {
padding: 0;
}
.header .navbar.navbar-default .navbar-nav li a {
color: #333;
}
.header .navbar.navbar-default .normal-logo {
display: none;
}
.header .navbar.navbar-default .scroll-logo {
display: inline-block !important;
}
.wrap-inside-nav {
position: static;
padding: 0;
}
.wrap-inside-nav .inside-col {
padding: 15px 0;
border-right: none;
border-bottom: 1px solid #26282d;
}
.wrap-inside-nav .inside-col .inside-nav li {
float: left;
width: 49%;
}
.wrap-inside-nav .inside-col .inside-nav li a {
font-size: 12px;
padding-left: 20px;
}
.header .navbar .main-menu > li.hidden-menu-item {
position: static;
right: 0;
}
.header .right-nav-block {
float: none !important;
}
.header .right-nav-block .navbar-collapse {
margin-top: 55px;
border: none;
box-shadow: none;
}
.header .right-nav-block .navbar-collapse .navbar-nav {
display: block;
}
.header .right-nav-block .navbar-collapse .navbar-nav.social-nav li {
display: inline-block;
}
.header .right-nav-block .navbar-collapse .navbar-nav.social-nav li a {
padding: 0 15px;
}
.header .navbar .navbar-nav li a {
padding: 0 15px;
margin-bottom: 5px;
}
.wrap-blog-post .post-description {
padding: 15px 15px 0 15px;
}
.wrap-blog-post.wrap-wide-blog-post .wrap-image .post-date {
left: 15px;
bottom: 15px;
}
.wrap-blog-post .wrap-image .post-date {
right: 15px;
bottom: 15px;
}
.wrap-blog-post .post-body {
padding: 0 15px 15px 15px;
}
.counters .counter-item {
width: 48%;
margin-bottom: 30px;
}
.counters .counter-item .top-counter {
margin-left: auto;
margin-right: auto;
}
.counters .counter-item .top-counter:after {
display: none;
}
.section-coming-soon {
padding: 40px 0;
}
.footer {
padding-bottom: 0px;
}
.footer .tab-content.theme-tab-content {
padding: 30px 0 40px;
}
blockquote.blockquote-box {
padding: 35px 15px 35px 15px;
}
blockquote.blockquote-box.blue-blockquote {
background-position: 15px 5px;
}
blockquote.blockquote-full.blue-blockquote {
padding: 60px 15px 50px 15px;
background-position: 15px 15px;
background-size: 40px 40px;
}
.blog-post .post-body {
padding-left: 15px;
padding-right: 15px;
}
.post-footer {
margin-left: 15px;
margin-right: 15px;
}
.blog-comments .comment-item {
padding: 15px;
}
.blog-comments .comment-item .media-left img {
width: 50px;
}
.blog-comments .comment-item .comment-item-heading .btn {
margin-top: 10px;
}
.counters .counter-item {
width: 100%;
}
.service-item {
padding: 15px 0;
border: none !important;
text-align: left !important;
}
.service-item .item-body p {
text-align: left !important;
}
.service-item.right-text-item .item-heading > .icon {
float: left;
margin-left: 0;
margin-right: 15px;
}
.service-item.right-text-item .item-heading .title:after {
right: auto;
left: 0;
}
.service-features-section:before {
display: none;
}
.gallery-item {
width: 50%;
}
.section-purchase .logo-block {
text-align: left;
padding: 10px 15px;
}
.section-purchase .col-md-2.text-right {
text-align: left !important;
}
.skill-item:last-child {
margin-bottom: 50px;
}
.section-skills .skills-section .skills-features-section:before {
display: none;
}
.section-trust-us {
padding: 60px 0;
}
.section-intro {
padding: 30px 0;
}
.section-header-slider .vertical-slider .slide-item .slide-content {
padding-top: 170px;
padding-bottom: 170px;
padding-left: 15px;
padding-right: 15px;
}
.section-header-slider .vertical-slider .slide-item .slide-content .above-title {
font-size: 22px;
}
.section-header-slider .vertical-slider .slide-item .slide-content h1 {
font-size: 38px;
}
.section-header-slider .vertical-slider .slide-item .slide-content p {
font-size: 16px;
}
.section-header-slider .vertical-slider .sp-mask {
height: 500px !important;
}
.section-header-slider .vertical-slider .slide-item {
height: 500px !important;
}
.wrap-team-slider .team-slider .sp-thumbnails-container .wrap-user-images .sp-thumbnail-container {
min-width: 200px;
}
}
@media (max-width: 500px) {
.list-works .col-xs-6 {
width: 100%;
float: none;
}
.list-works .portfolio-item .portfolio-image {
height: auto;
}
.list-works .portfolio-item .portfolio-image img {
width: 100%;
}
.list-works.mini-list-works .portfolio-item .portfolio-image {
height: auto;
}
.list-works.mini-list-works .portfolio-item .portfolio-image img {
width: 100%;
}
} .pricing-switcher {
margin-bottom: 60px;
text-align: center;
padding-top: 0;
}
.pricing-switcher .btn-info {
background-color: #fff;
border: 1px solid #eee;
color: #333;
}
.pricing-switcher .btn:hover,
html .orange-heading .btn.btn-default:hover {
color: #fff !important;
}
.pricing-switcher .btn.active {
color: #fff;
background-color: #246bad !important;
border-color: #246bad !important;
}
.touch .cd-pricing-wrapper {
-webkit-perspective: 2000px;
-moz-perspective: 2000px;
perspective: 2000px;
}
.cd-pricing-wrapper {
position: relative;
}
.cd-pricing-wrapper .is-visible {
position: relative;
}
.cd-pricing-wrapper .is-hidden {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.cd-pricing-wrapper .is-selected {
z-index: 3!important;
}
.cd-pricing-wrapper.is-switched .is-visible {
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-animation: cd-rotate .5s;
-o-animation: cd-rotate .5s;
animation: cd-rotate .5s;
}
.cd-pricing-wrapper.is-switched .is-hidden {
-webkit-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-animation: cd-rotate-inverse .5s;
-o-animation: cd-rotate-inverse .5s;
animation: cd-rotate-inverse .5s;
opacity: 0;
}
.cd-pricing-wrapper.is-switched .is-selected {
opacity: 1;
}
.cd-pricing-wrapper.is-switched.reverse-animation .is-visible {
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-animation: cd-rotate-back .5s;
-o-animation: cd-rotate-back .5s;
animation: cd-rotate-back .5s;
}
.cd-pricing-wrapper.is-switched.reverse-animation .is-hidden {
-webkit-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-animation: cd-rotate-inverse-back .5s;
-o-animation: cd-rotate-inverse-back .5s;
animation: cd-rotate-inverse-back .5s;
opacity: 0;
}
.cd-pricing-wrapper.is-switched.reverse-animation .is-selected {
opacity: 1;
}
.cd-pricing-wrapper > li {
outline: 1px solid transparent;
background-color: #fff;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
background: transparent;
}
.cd-pricing-wrapper > li .is-ended::after {
display: none;
}
.cd-pricing-wrapper.panel-highlited {
margin: -10px;
position: relative;
z-index: 8;
}
.cd-pricing-wrapper.panel-highlited .panel {
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
}
.cd-pricing-wrapper.panel-highlited .panel .gap {
width: 100%;
height: 10px;
margin: 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background-color: #28ad62;
}
.cd-pricing-wrapper.panel-highlited .panel .panel-footer {
padding-bottom: 50px;
}
.panel-highlited .btn.btn-info {
background-color: #28ad62;
border-color: #28ad62;
color: #fff;
}
.no-js .cd-pricing-wrapper .is-hidden {
position: relative;
margin-top: 1em;
-webkit-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
@-webkit-keyframes cd-rotate {
0% {
-webkit-transform: perspective(2000px) rotateY(0);
}
70% {
-webkit-transform: perspective(2000px) rotateY(200deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(180deg);
}
}
@-moz-keyframes cd-rotate {
0% {
-moz-transform: perspective(2000px) rotateY(0);
}
70% {
-moz-transform: perspective(2000px) rotateY(200deg);
}
100% {
-moz-transform: perspective(2000px) rotateY(180deg);
}
}
@keyframes cd-rotate {
0% {
-webkit-transform: perspective(2000px) rotateY(0);
-moz-transform: perspective(2000px) rotateY(0);
-ms-transform: perspective(2000px) rotateY(0);
-o-transform: perspective(2000px) rotateY(0);
transform: perspective(2000px) rotateY(0);
}
70% {
-webkit-transform: perspective(2000px) rotateY(200deg);
-moz-transform: perspective(2000px) rotateY(200deg);
-ms-transform: perspective(2000px) rotateY(200deg);
-o-transform: perspective(2000px) rotateY(200deg);
transform: perspective(2000px) rotateY(200deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(180deg);
-moz-transform: perspective(2000px) rotateY(180deg);
-ms-transform: perspective(2000px) rotateY(180deg);
-o-transform: perspective(2000px) rotateY(180deg);
transform: perspective(2000px) rotateY(180deg);
}
}
@-webkit-keyframes cd-rotate-inverse {
0% {
-webkit-transform: perspective(2000px) rotateY(-180deg);
}
70% {
-webkit-transform: perspective(2000px) rotateY(20deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(0);
}
}
@-moz-keyframes cd-rotate-inverse {
0% {
-moz-transform: perspective(2000px) rotateY(-180deg);
}
70% {
-moz-transform: perspective(2000px) rotateY(20deg);
}
100% {
-moz-transform: perspective(2000px) rotateY(0);
}
}
@keyframes cd-rotate-inverse {
0% {
-webkit-transform: perspective(2000px) rotateY(-180deg);
-moz-transform: perspective(2000px) rotateY(-180deg);
-ms-transform: perspective(2000px) rotateY(-180deg);
-o-transform: perspective(2000px) rotateY(-180deg);
transform: perspective(2000px) rotateY(-180deg);
}
70% {
-webkit-transform: perspective(2000px) rotateY(20deg);
-moz-transform: perspective(2000px) rotateY(20deg);
-ms-transform: perspective(2000px) rotateY(20deg);
-o-transform: perspective(2000px) rotateY(20deg);
transform: perspective(2000px) rotateY(20deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(0);
-moz-transform: perspective(2000px) rotateY(0);
-ms-transform: perspective(2000px) rotateY(0);
-o-transform: perspective(2000px) rotateY(0);
transform: perspective(2000px) rotateY(0);
}
}
@-webkit-keyframes cd-rotate-back {
0% {
-webkit-transform: perspective(2000px) rotateY(0);
}
70% {
-webkit-transform: perspective(2000px) rotateY(-200deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(-180deg);
}
}
@-moz-keyframes cd-rotate-back {
0% {
-moz-transform: perspective(2000px) rotateY(0);
}
70% {
-moz-transform: perspective(2000px) rotateY(-200deg);
}
100% {
-moz-transform: perspective(2000px) rotateY(-180deg);
}
}
@keyframes cd-rotate-back {
0% {
-webkit-transform: perspective(2000px) rotateY(0);
-moz-transform: perspective(2000px) rotateY(0);
-ms-transform: perspective(2000px) rotateY(0);
-o-transform: perspective(2000px) rotateY(0);
transform: perspective(2000px) rotateY(0);
}
70% {
-webkit-transform: perspective(2000px) rotateY(-200deg);
-moz-transform: perspective(2000px) rotateY(-200deg);
-ms-transform: perspective(2000px) rotateY(-200deg);
-o-transform: perspective(2000px) rotateY(-200deg);
transform: perspective(2000px) rotateY(-200deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(-180deg);
-moz-transform: perspective(2000px) rotateY(-180deg);
-ms-transform: perspective(2000px) rotateY(-180deg);
-o-transform: perspective(2000px) rotateY(-180deg);
transform: perspective(2000px) rotateY(-180deg);
}
}
@-webkit-keyframes cd-rotate-inverse-back {
0% {
-webkit-transform: perspective(2000px) rotateY(180deg);
}
70% {
-webkit-transform: perspective(2000px) rotateY(-20deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(0);
}
}
@-moz-keyframes cd-rotate-inverse-back {
0% {
-moz-transform: perspective(2000px) rotateY(180deg);
}
70% {
-moz-transform: perspective(2000px) rotateY(-20deg);
}
100% {
-moz-transform: perspective(2000px) rotateY(0);
}
}
@keyframes cd-rotate-inverse-back {
0% {
-webkit-transform: perspective(2000px) rotateY(180deg);
-moz-transform: perspective(2000px) rotateY(180deg);
-ms-transform: perspective(2000px) rotateY(180deg);
-o-transform: perspective(2000px) rotateY(180deg);
transform: perspective(2000px) rotateY(180deg);
}
70% {
-webkit-transform: perspective(2000px) rotateY(-20deg);
-moz-transform: perspective(2000px) rotateY(-20deg);
-ms-transform: perspective(2000px) rotateY(-20deg);
-o-transform: perspective(2000px) rotateY(-20deg);
transform: perspective(2000px) rotateY(-20deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(0);
-moz-transform: perspective(2000px) rotateY(0);
-ms-transform: perspective(2000px) rotateY(0);
-o-transform: perspective(2000px) rotateY(0);
transform: perspective(2000px) rotateY(0);
}
}
.cd-pricing-wrapper .panel {
border: 0;
}
.pricing__feature-list li {
border-bottom: 1px solid #eeeeee;
padding: 10px;
}
.list-prices .panel {
border: 0 !important;
list-style: none;
margin-bottom: 0;
padding: 0 20px;
}
.list-prices .btn {
text-transform: uppercase;
border-radius: 0;
min-width: 125px;
padding: 12px;
text-align: center;
margin-top: 0;
font-size: 14px;
background: #fff;
}
.price-simple-table .list-prices .panel {
margin: 10px !important;
}
.pricing * {
line-height: 1.42857143;
color: #333;
}
.pricing__currency {
margin-right: 5px;
color: #fff;
}
.plan-item {
text-align: center;
margin: 0;
box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1);
background: #fff;
padding-bottom: 20px;
}
.orange-heading .plan-item {
text-align: center;
}
.orange-heading .plan-item {
position: relative;
}
.plan-item .item-heading {
padding: 20px;
}
.plan-item .item-heading.blue-heading {
position: relative;
background: red;
color: #fff;
}
.plan-item .item-heading.orange-heading {
position: relative;
}
.plan-item .item-heading.orange-heading:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0.9;
z-index: 1;
}
.plan-item .item-heading h4 {
font-size: 20px;
font-weight: 500;
text-transform: uppercase;
position: relative;
z-index: 2;
margin-bottom: 5px;
color: #fff;
}
.plan-item .item-heading span {
position: relative;
z-index: 2;
}
.plan-item .item-body {
padding: 0;
}
.plan-item .item-body .price-count {
text-align: center;
position: relative;
z-index: 3;
padding: 35px 0 25px 0;
margin-bottom: 0;
}
.plan-item .item-body .price-count span {
color: #333333;
position: relative;
font-size: 60px;
font-weight: 300;
top: 0;
line-height: 60px;
}
.plan-item .item-body .price-count span i {
font-size: 44px;
position: relative;
left: -6px;
top: -4px;
font-style: normal;
}
.plan-item .item-body .price-type {
color: #555555;
position: relative;
margin-bottom: 20px;
text-transform: uppercase;
font-weight: 500;
padding-top: 20px;
}
.plan-item .item-body ul {
margin-bottom: 20px;
}
.plan-item .item-body ul li {
padding: 0 0 5px 0;
line-height: 30px;
color: #7f858f;
font-size: 17px;
list-style: none;
font-weight: 300;
}
.plan-item .item-body ul li:before {
display: none !important;
}
.plan-item .item-body ul li:last-child {
border-bottom: none;
}
.pricing {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
margin: 0 auto 3em;
}
.pricing__item {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: stretch;
align-items: stretch;
text-align: center;
-webkit-flex: 0 1 330px;
flex: 0 1 330px;
}
.pricing__feature-list {
text-align: left;
}
.pricing__action {
color: inherit;
border: none;
background: none;
}
.pricing__action:focus {
outline: none;
}
.price-btn-footer {
clear: both;
padding: 20px;
} .pricing--sonam .pricing__item {
margin: 1em;
padding: 2em;
cursor: default;
border-radius: 10px;
background: #1F1F1F;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05), 0 15px 30px -10px rgba(0, 0, 0, 0.3);
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.pricing--sonam .pricing__item:hover {
background: #141315;
}
.pricing--sonam .pricing__title {
font-size: 2em;
width: 100%;
margin: 0 0 0.25em;
padding: 0 0 0.5em;
border-bottom: 3px solid rgb(27, 26, 28);
}
.pricing--sonam .pricing__price {
color: #E06060;
font-size: 1.75em;
padding: 1em 0 0.75em;
}
.pricing--sonam .pricing__sentence {
font-weight: bold;
}
.pricing--sonam .pricing__feature-list {
margin: 0;
padding: 1em 1.25em 2em;
}
.pricing--sonam .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 0.75em 2em;
border-radius: 5px;
background: #E06060;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.pricing--sonam .pricing__action:hover,
.pricing--sonam .pricing__action:focus {
background: #BD3C3C;
} .pricing--jinpa .pricing__item {
margin: 1.5em 0;
padding: 2em;
cursor: default;
color: #fff;
border: 2px solid #eeeeee;
-webkit-transition: background-color 0.6s, color 0.3s;
transition: background-color 0.6s, color 0.3s;
}
.pricing--jinpa .pricing__item:nth-child(2) {
border-right: none;
border-left: none;
}
.pricing--jinpa .pricing__item:hover {}
.pricing--jinpa .pricing__title {
font-size: 2em;
width: 100%;
margin: 0;
padding: 0;
}
.pricing--jinpa .pricing__price {
font-size: 1.45em;
font-weight: bold;
line-height: 95px;
width: 100px;
height: 100px;
margin: 1.15em auto 1em;
border-radius: 50%;
color: #fff;
background: #ea716e;
-webkit-transition: color 0.3s, background 0.3s;
transition: color 0.3s, background 0.3s;
}
.pricing--jinpa .pricing__item:first-child .pricing__price {
background: #eac36e;
}
.pricing--jinpa .pricing__item:nth-child(2) .pricing__price {
background: #eaa36e;
}
.pricing--jinpa .pricing__item:hover .pricing__price {
color: #fff;
background: #088cdc;
}
.pricing--jinpa .pricing__sentence {}
.pricing--jinpa .pricing__feature-list {
margin: 0;
padding: 1em 1em 2em 1em;
list-style: none;
text-align: center;
}
.pricing--jinpa .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 0.75em 2em;
opacity: 0;
color: #fff;
background: #088cdc;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
.pricing--jinpa .pricing__item:hover .pricing__action {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.pricing--jinpa .pricing__action:hover,
.pricing--jinpa .pricing__action:focus {
background: #6EA76B;
}
@media screen and (max-width: 60em) {
.pricing--jinpa .pricing__item {
max-width: none;
width: 90%;
flex: none;
}
.pricing--jinpa .pricing__item:nth-child(2) {
border: 1px solid #fff;
}
} .pricing--tenzin .pricing__item {
margin: 1em;
padding: 2em 2.5em;
text-align: left;
color: #262b38;
background: #EEF0F3;
border-top: 3px solid #EEF0F3;
-webkit-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.pricing--tenzin .pricing__item:hover {
border-color: #3e62e0;
}
.pricing--tenzin .pricing__title {
font-size: 1em;
margin: 0 0 1em;
}
.pricing--tenzin .pricing__price {
font-size: 2em;
font-weight: bold;
padding: 0.5em 0 0.75em;
border-top: 3px solid rgba(139, 144, 157, 0.18);
}
.pricing--tenzin .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--tenzin .pricing__sentence {
font-weight: bold;
padding: 0 0 0.5em;
color: #9CA0A9;
border-bottom: 3px solid rgba(139, 144, 157, 0.18);
}
.pricing--tenzin .pricing__feature-list {
font-size: 0.85em;
font-style: italic;
margin: 0;
padding: 0.25em 0 2.5em;
list-style: none;
text-align: right;
color: #8b909d;
}
.pricing--tenzin .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 1em 2em;
color: #fff;
border-radius: 30px;
background: #3e62e0;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.pricing--tenzin .pricing__action:hover,
.pricing--tenzin .pricing__action:focus {
background-color: #3b5ac5;
} .pricing--yama .pricing__item {
margin: 1em;
padding: 0 0 2em;
color: #fff;
background: #1e1c20;
}
.pricing--yama .pricing__title {
font-size: 2.35em;
font-weight: 900;
line-height: 1;
width: 290px;
margin: 0 auto;
padding: 1em 1em 0em;
}
.pricing__amp {
padding: 0.15em 0 0.1em;
color: #0f0e0f;
}
.pricing--yama .pricing__sentence {
margin-bottom: 2em;
color: #555357;
}
.pricing--yama .pricing__price {
font-size: 2em;
font-weight: bold;
position: relative;
z-index: 10;
overflow: hidden;
padding: 0.75em;
cursor: default;
color: #ef7d46;
background: #1a181b;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.pricing--yama .pricing__item:hover .pricing__price {
color: #fff;
}
.pricing--yama .pricing__price::before {
content: '';
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background: #141315;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translate3d(-150%, 0, 0) skewX(40deg);
transform: translate3d(-150%, 0, 0) skewX(40deg);
}
.pricing--yama .pricing__item:hover .pricing__price::before {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) skewX(0deg);
transform: translate3d(0, 0, 0) skewX(0deg);
}
.pricing--yama .pricing__period {
font-size: 0.5em;
font-weight: normal;
display: block;
color: #2a272c;
}
.pricing--yama .pricing__feature-list {
margin: 0;
padding: 2em 1em;
list-style: none;
text-align: center;
color: #6a6563;
}
.pricing--yama .pricing__action {
font-weight: bold;
margin: 0 2em;
padding: 1em 2em;
border-radius: 4px;
background: #ef7d46;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.pricing--yama .pricing__action:hover,
.pricing--yama .pricing__action:focus {
color: #ef7d46;
background: #fff;
} .pricing--rabten .pricing__item {
padding: 2em 4em;
cursor: default;
color: #262b38;
max-width: 320px;
}
.pricing--rabten .pricing__item:nth-child(2) {
border-right: 1px solid rgba(139, 144, 157, 0.18);
border-left: 1px solid rgba(139, 144, 157, 0.18);
}
.pricing--rabten .pricing__title {
font-size: 1em;
margin: 1.5em 0 0;
}
.pricing--rabten .icon {
font-size: 2.5em;
color: #8b909d;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.pricing--rabten .pricing__item:hover .icon {
color: #E03E3E;
}
.pricing--rabten .pricing__price {
font-size: 2em;
font-weight: bold;
margin: 0.5em 0 0.75em;
overflow: hidden;
}
.pricing--rabten .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--rabten .pricing__period {
font-size: 0.35em;
color: #8b909d;
}
.pricing--rabten .pricing__anim {
display: inline-block;
position: relative;
}
.pricing--rabten .pricing__item:hover .pricing__anim {
-webkit-animation: moveUp 0.4s forwards;
animation: moveUp 0.4s forwards;
-webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.pricing--rabten .pricing__item:hover .pricing__anim--2 {
-webkit-animation-delay: 0.05s;
animation-delay: 0.05s;
}
@-webkit-keyframes moveUp {
50% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
51% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
52% {
opacity: 1;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes moveUp {
50% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
51% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
52% {
opacity: 1;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.pricing--rabten .pricing__sentence {
font-weight: bold;
margin: 0 0 1em 0;
padding: 0 0 0.5em;
color: #8b909d;
}
.pricing--rabten .pricing__feature-list {
font-size: 0.85em;
margin: 0;
padding: 0.25em 0 2.5em;
list-style: none;
text-align: center;
color: #8b909d;
}
.pricing--rabten .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 1em 2em;
color: #fff;
border-radius: 30px;
background: #E03E3E;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.pricing--rabten .pricing__action:hover,
.pricing--rabten .pricing__action:focus {
background-color: #C53737;
}
@media screen and (max-width: 60em) {
.pricing--rabten .pricing__item {
max-width: none;
width: 90%;
flex: none;
border: none !important;
opacity: 1 !important;
}
} .pricing--pema .pricing__item {
padding: 2em 3em;
margin: 1em;
color: #262b38;
background: #fff;
cursor: default;
overflow: hidden;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 66.250em) {
.pricing--pema .pricing__item {
margin: 1.5em 0;
}
.pricing--pema .pricing__item--featured {
z-index: 10;
margin: 0;
font-size: 1.15em;
}
}
.pricing--pema .pricing__title {
font-size: 2em;
margin: 0.5em 0 0;
color: #1d211f;
}
.pricing--pema .icon {
display: inline-block;
min-width: 2em;
color: #8A9790;
vertical-align: middle;
}
.pricing--pema .pricing__price {
font-size: 5em;
font-weight: 800;
color: #6ed19c;
position: relative;
z-index: 100;
}
.pricing--pema .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--pema .pricing__period {
font-size: 0.25em;
display: inline-block;
padding: 0 0 0 0.5em;
color: #CEDED6;
}
.pricing--pema .pricing__sentence {
font-weight: bold;
margin: 0 0 1em 0;
padding: 0 0 0.5em;
color: #6ed19c;
}
.pricing--pema .pricing__feature-list {
font-size: 0.95em;
margin: 0;
padding: 1.5em 0.5em 2.5em;
list-style: none;
}
.pricing--pema .pricing__feature {
padding: 0.15em 0;
}
.pricing--pema .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 1em 2em;
color: #fff;
border-radius: 5px;
background: #6ed19c;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.pricing--pema .pricing__action:hover,
.pricing--pema .pricing__action:focus {
background-color: #4F5F56;
} .pricing--karma .pricing__item {
margin: 1em;
color: #382628;
background: #fff;
cursor: default;
text-transform: uppercase;
letter-spacing: 4px;
border: 2px solid #382628;
border-radius: 5px;
}
.pricing--karma .pricing__title {
font-size: 1em;
font-weight: 500;
margin: 0.5em 0 0;
padding: 1em;
border-bottom: 2px solid #382628;
}
.pricing--karma .icon {
display: inline-block;
min-width: 2em;
}
.pricing--karma .pricing__price {
font-size: 3em;
padding: 0.5em 0 0 0;
margin: 1em;
font-weight: bold;
border: 2px solid #382628;
position: relative;
z-index: 100;
}
.pricing--karma .pricing__item--featured .pricing__price::after {
background: url(//inmasoft.cl/wp-content/themes/img/stamp.png);
background-size: cover;
content: '';
position: absolute;
top: -30px;
right: -20px;
width: 100px;
height: 100px;
pointer-events: none;
}
.pricing--karma .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--karma .pricing__period {
font-size: 0.25em;
display: block;
padding: 1em;
margin-top: 1.25em;
border-top: 2px solid #382628;
}
.pricing--karma .pricing__sentence {
margin: 0 0 1em 0;
padding: 1em;
font-size: 0.85em;
border-bottom: 2px solid #382628;
}
.pricing--karma .pricing__feature-list {
font-size: 0.85em;
margin: 0;
letter-spacing: 0;
padding: 0 1em 2.5em 4em;
list-style-type: square;
}
.pricing--karma .pricing__action {
font-weight: bold;
flex: none;
margin: auto 1em 1em;
padding: 1.25em 2em;
color: #fff;
background: #382628;
letter-spacing: 2px;
border-radius: 5px;
border: 2px solid #382628;
font-size: 0.95em;
text-transform: uppercase;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.pricing--karma .pricing__action:hover,
.pricing--karma .pricing__action:focus {
background-color: #ffdbd5;
color: #382628;
} .pricing--norbu .pricing__item {
margin: 1em;
color: #fff;
cursor: default;
border: 1px solid rgba(255, 255, 255, 0.4);
background: rgba(255, 255, 255, 0.08);
border-radius: 10px;
-webkit-transition: border-color 0.3s, background 0.3s;
transition: border-color 0.3s, background 0.3s;
}
.pricing--norbu .pricing__item:hover {
border: 1px solid rgba(255, 255, 255, 1);
background: rgba(255, 255, 255, 0.18);
}
.pricing--norbu .pricing__title {
font-size: 2em;
font-weight: 400;
margin: 0.5em 0;
padding: 1em;
position: relative;
}
.pricing--norbu .pricing__title::after {
content: '';
position: absolute;
width: 20%;
height: 1px;
background: #fff;
left: 40%;
bottom: 0;
}
.pricing--norbu .icon {
display: inline-block;
min-width: 2em;
}
.pricing--norbu .pricing__price {
font-size: 3.5em;
padding: 0.5em 0 0 0;
font-weight: 400;
position: relative;
z-index: 100;
}
.pricing--norbu .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--norbu .pricing__period {
font-size: 0.25em;
display: block;
padding: 1em;
}
.pricing--norbu .pricing__sentence {
padding: 1em 2em;
font-size: 1em;
margin: 0 auto 1em;
}
.pricing--norbu .pricing__feature-list {
font-size: 1.15em;
margin: 0 2em;
letter-spacing: 0;
padding: 2em 0;
list-style: none;
}
.pricing--norbu .pricing__feature {
line-height: 1.4;
}
.pricing--norbu .pricing__feature::before {
content: "\e87a";
font-family: 'linearicons';
display: inline-block;
vertical-align: middle;
padding: 0 0.75em 0 0;
}
.pricing--norbu .pricing__action {
font-weight: bold;
flex: none;
margin: auto 1em 1em;
padding: 1.25em 2em;
color: #4aa8e4;
background: rgba(255, 255, 255, 0.7);
border-radius: 5px;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.pricing--norbu .pricing__action:hover,
.pricing--norbu .pricing__action:focus {
background: #fff;
} .pricing--dawa .pricing__item {
padding: 0 2em;
}
.pricing--dawa .pricing__title {
font-weight: bold;
font-size: 1.8em;
padding: 0 0 0.5em;
background: url(//inmasoft.cl/wp-content/themes/img/line.png) no-repeat 50% 100%;
}
.pricing--dawa .pricing__price {
font-size: 3.75em;
line-height: 1;
margin: 1em 0 0.65em;
}
.pricing--dawa .pricing__period {
font-size: 0.25em;
display: block;
}
.pricing--dawa .pricing__sentence {
margin: 0;
}
.pricing--dawa .pricing__feature-list {
margin: 0 0 1.5em;
padding: 1em;
list-style: none;
text-align: center;
}
.pricing--dawa .pricing__action {
border-radius: 30px;
font-size: 1.5em;
padding: 0.5em 1.5em;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.pricing--dawa .pricing__action:hover,
.pricing--dawa .pricing__action:focus {
color: #fffa5c;
}
@media screen and (max-width: 40em) {
.pricing--dawa .pricing__item {
border: 1px solid rgba(255, 255, 255, 0.6);
margin: 1em;
}
} .pricing--yonten .pricing__item {
padding: 2em 4em;
cursor: default;
color: #fff;
margin: 1em;
border: 1px solid #5c6552;
max-width: 320px;
}
@media screen and (min-width: 66.250em) {
.pricing--yonten .pricing__item {
margin: 0;
}
.pricing--yonten .pricing__item:nth-child(2) {
border-right: none;
border-left: none;
}
}
.pricing--yonten .pricing__item:hover {
z-index: 100;
}
.pricing--yonten .pricing__item:hover::after {
content: '';
pointer-events: none;
position: absolute;
top: -5px;
left: -5px;
width: 100%;
height: 100%;
box-sizing: content-box;
border: 5px solid #8bc34a;
}
.pricing--yonten .pricing__title {
font-size: 1.5em;
margin: 0 0 0.5em 0;
padding: 0 0 0.5em;
}
.pricing--yonten .icon {
font-size: 3em;
margin: 0 0 0.5em 0;
color: #85c34a;
}
.pricing--yonten .pricing__price {
font-size: 2em;
margin: 0 0 0.5em 0;
font-weight: bold;
color: #85c34a;
}
.pricing--yonten .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--yonten .pricing__period {
font-size: 0.35em;
padding: 0 0 0 0.5em;
color: #646D5B;
}
.pricing--yonten .pricing__feature-list {
margin: 0;
padding: 0.25em 0 8em;
list-style: none;
text-align: center;
color: #81867D;
}
.pricing--yonten .pricing__feature {
padding: 0.25em;
}
.pricing--yonten .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 1em 2em;
border-radius: 40px;
background: #85c34a;
color: ;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.pricing--yonten .pricing__action:hover,
.pricing--yonten .pricing__action:focus {
color: #85c34a;
background: #fff;
} .pricing--tashi .pricing__item {
margin: 0.5em;
padding: 2em 2.5em;
text-align: left;
color: #fff;
background: #262c37;
}
.pricing--tashi .pricing__title {
font-size: 2em;
font-weight: 300;
margin: 0 0 0.15em;
color: #E25A77;
}
.pricing--tashi .pricing__item:nth-child(2) .pricing__title {
color: #E25ABC;
}
.pricing--tashi .pricing__item:nth-child(3) .pricing__title {
color: #7E5AE2;
}
.pricing--tashi .pricing__price {
font-size: 3em;
font-weight: 300;
padding: 0.85em 0;
}
.pricing--tashi .pricing__currency {
font-size: 0.65em;
vertical-align: super;
color: #394150;
}
.pricing--tashi .pricing__period {
font-size: 0.35em;
padding: 0 0 0 0.5em;
color: #535965;
}
.pricing--tashi .pricing__sentence {
padding: 0 0 0.5em;
margin: 0;
color: #535965;
}
.pricing--tashi .pricing__feature-list {
font-size: 0.95em;
margin: 0;
padding: 0 0 2.5em;
list-style: none;
color: #757983;
}
.pricing--tashi .pricing__feature {
position: relative;
display: block;
padding: 0 0 0 20px;
line-height: 1.5;
}
.pricing--tashi .pricing__feature::before {
content: '';
position: absolute;
width: 10px;
height: 2px;
background: #1F242D;
left: 0;
top: 50%;
margin: -2px 0 0 0;
}
.pricing--tashi .pricing__action {
-webkit-align-self: flex-end;
align-self: flex-end;
margin-top: auto;
font-size: 1.55em;
width: 60px;
height: 60px;
line-height: 60px;
color: #fff;
border-radius: 30px;
background: #E25A77;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.pricing--tashi .pricing__item:nth-child(2) .pricing__action {
background: #E25ABC;
}
.pricing--tashi .pricing__item:nth-child(3) .pricing__action {
background: #7E5AE2;
}
.pricing--tashi .pricing__action:hover,
.pricing--tashi .pricing__action:focus {
background: #1A1F28 !important;
} .pricing--palden .pricing__item {
cursor: default;
color: #84697c;
background: #fff;
box-shadow: 0 0 10px rgba(46, 59, 125, 0.23);
border-radius: 20px 20px 10px 10px;
margin: 1em;
}
@media screen and (min-width: 66.250em) {
.pricing--palden .pricing__item {
margin: 1em -0.5em;
}
.pricing--palden .pricing__item--featured {
margin: 0;
z-index: 10;
box-shadow: 0 0 20px rgba(46, 59, 125, 0.23);
}
}
.pricing--palden .pricing__deco {
border-radius: 10px 10px 0 0;
background: #7a90ff;
padding: 4em 0 9em;
position: relative;
}
.pricing--palden .pricing__deco-img {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 160px;
}
.pricing--palden .pricing__item--featured .pricing__deco {
padding: 5em 0 8.885em 0;
}
.pricing--palden .pricing__title {
font-size: 0.75em;
margin: 0;
text-transform: uppercase;
letter-spacing: 5px;
color: #ffd5bd;
}
.pricing--palden .deco-layer {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.pricing--palden .pricing__item:hover .deco-layer--1 {
-webkit-transform: translate3d(15px, 0, 0);
transform: translate3d(15px, 0, 0);
}
.pricing--palden .pricing__item:hover .deco-layer--2 {
-webkit-transform: translate3d(-15px, 0, 0);
transform: translate3d(-15px, 0, 0);
}
.pricing--palden .icon {
font-size: 2.5em;
}
.pricing--palden .pricing__price {
font-size: 5em;
font-weight: bold;
padding: 0;
color: #fff;
margin: 0 0 0.25em 0;
line-height: 0.75;
}
.pricing--palden .pricing__currency {
font-size: 0.15em;
vertical-align: top;
color: rgba(0, 0, 0, 0.4);
}
.pricing--palden .pricing__period {
font-size: 0.15em;
padding: 0 0 0 0.5em;
color: rgba(0, 0, 0, 0.4);
font-style: italic;
}
.pricing--palden .pricing__sentence {
font-weight: bold;
margin: 0 0 1em 0;
padding: 0 0 0.5em;
}
.pricing--palden .pricing__feature-list {
margin: 0;
padding: 0.25em 0 2.5em;
list-style: none;
text-align: center;
}
.pricing--palden .pricing__feature {
padding: 1em 0;
}
.pricing--palden .pricing__action {
font-weight: bold;
margin: auto 3em 2em 3em;
padding: 1em 2em;
color: #fff;
border-radius: 30px;
background: #ffae7e;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.pricing--palden .pricing__action:hover,
.pricing--palden .pricing__action:focus {
background-color: #f38747;
} .wpb_gallery_slides.flexslider .slides img {
max-width: 100%;
display: block;
height: auto;
}
html .wpb_heading.wpb_pie_chart_heading {
color: #8a8a8a;
padding-top: 20px;
font-size: 14px;
text-transform: uppercase;
}
.home-template {
background: #fff;
}
.home-template .vc_row {
position: relative;
z-index: inherit;
}
.vc_row-overlay {
display: inline-block;
position: absolute !important;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.vc_row-overlay:after {
display: block;
content: '';
background-color: rgba(0, 0, 0, 0.1);
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
}
.vc_row-overlay .wpb_column {
position: relative;
z-index: 3;
}
@media (max-width:480px) {
html body .vc_row.vc_row-padding-top {
padding-top: 50px;
}
html body .vc_row.vc_row-padding-bottom {
padding-bottom: 50px;
}
html body .vc_row.vc_row-padding-both {
padding-top: 50px;
padding-bottom: 50px;
}
}
html .vc_row.vc_row-padding-top {
padding-top: 100px;
}
html .vc_row.vc_row-padding-bottom {
padding-bottom: 100px;
}
.vc_row.vc_row-padding-both {
padding-top: 100px;
padding-bottom: 100px;
}
.home-template .vc_col-has-fill>.vc_column-inner,
.home-template .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.home-template .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.home-template .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.home-template .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
.home-template .vc_row-has-fill>.vc_column_container>.vc_column-inner,
.home-template .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.home-template .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
.home-template .vc_section.vc_section-has-fill,
.home-template .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section,
.home-template .vc_section.vc_section-has-fill+.vc_section {
padding-top: 0;
}
.vc_row.pix-vc_row-no-padding .vc_column-inner:not([class*='vc_custom_']) {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.vc_row.vc_row-no-padding .vc_column-inner {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
}
.no-overlay,
.pix-row-overlay.pix-row-decor {
overflow: visible !important;
z-index: inherit;
}
.no-overlay .syn-hotspot-insider {
overflow: visible !important;
}
.text-white-color a {
color: #fff;
}
html body .container .text-white-color,
html body .container .text-white-color p,
html .text-white-color .service-icon i {
color: #fff;
}
.rtd .text-white-color h1:not([class]),
.rtd .text-white-color h2:not([class]),
.rtd .text-white-color h3:not([class]),
.rtd .text-white-color h4:not([class]),
.rtd .text-white-color h5:not([class]),
.rtd .text-white-color h6:not([class]) {
color: #fff;
}
.text-white-color .service-icon i {
color: #fff !important;
}
.text-white-color .gallery-controls .btn-group a,
.text-white-color .section-heading,
.white-heading *,
.gallery-controls .btn-group a:hover i,
.text-white-color .gallery-controls .btn-group a.active i {
color: #fff !important;
}
.text-white-color .b-info-column .info-column-icon .step-number {
background-color: #f68863 !important;
color: #fff !important;
opacity: 0.9;
}
html body .container .text-white-color .b-info-column .info-column-icon i:before {
color: #fff !important;
}
.skills-features-section {
position: relative;
z-index: 88;
}
aside .widget-title {
color: #23272c;
font-size: 20px;
font-weight: 400;
text-transform: none;
margin-bottom: 15px;
border-bottom: 1px solid #eee;
padding-bottom: 15px;
}
aside .widget-title span span:before {
margin-right: 12px;
font-size: 20px;
color: #28ad62;
position: relative;
top: 1px;
}
.block_content {
margin-bottom: 20px;
padding-bottom: 20px;
display: inline-block;
width: 100%;
} .vc_progress_bar .vc_single_bar {
background: #eff2f7 !important;
margin-bottom: 63px !important;
height: 10px;
margin-top: 45px;
}
.vc_progress_bar .vc_single_bar .vc_label {
padding: .5em 0 !important;
top: -35px !important;
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
}
.vc_progress_bar .vc_single_bar .vc_label .vc_label_units {
float: right;
color: #999;
}
.vc_progress_bar .wpb_progress_bar_heading {
margin-bottom: 55px;
}
.wpb_content_element,
.wpb_row {
margin-bottom: 0 !important;
} .vc_row.jarallax-nopadding {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.jarallax {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
z-index: 1;
position: relative;
width: 100%;
}
.jarallax-content,
.jarallax-content-inner {
width: 100%;
}
.vc_row_use_jarallax .vc_column_container>.vc_column-inner {
padding-left: 0;
padding-right: 0;
width: 100%;
}
.background-attachment-fixed {
background-attachment: fixed !important;
display: inline-block;
width: 100%;
}
.vc_row_use_jarallax.vc_row {
margin-left: 0;
margin-right: 0;
}
.vc_row.vc_row-flex>.vc_column_container.vc_row_use_jarallax>.vc_column-inner .wpb_wrapper {
display: flex;
height: 100%;
}
.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner .wpb_wrapper .jarallax {
display: flex;
height: 100%;
}
.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner .wpb_wrapper .jarallax .jarallax-content {
display: flex;
height: 100%;
} .btn1 {
font-weight: 500 !important;
position: relative;
font-size: 12px !important;
padding: 11px 23px !Important;
text-transform: uppercase;
border-radius: 0px;
border: 1px solid #acacac;
color: #313647;
background: #fff;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
html .btn-style-1 {
font-weight: 500 !important;
position: relative;
font-size: 12px !important;
padding: 11px 23px !Important;
text-transform: uppercase;
border-radius: 0px;
border: 1px solid #acacac;
color: #313647;
background: #fff;
border-right: 0;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
html .btn-style-1:before,
.btn-style-1-hovered:before {
content: "";
display: block;
position: absolute;
right: 0px;
top: -1px;
bottom: -1px;
width: 4px;
opacity: 1;
transition: 0.4s;
transition-timing-function: cubic-bezier(.36, .99, .69, 1.2);
z-index: 1;
background: #0060c1;
}
html .btn-style-1:hover:before,
.btn-style-1-hovered:before {
width: 100% !important;
z-index: 1 !important;
}
html .btn-style-1:hover,
html .btn-style-1:hover > button {
color: #fff !important;
}
.btn-style-1-hovered {
color: #fff !important;
border-left: 0 !important;
}
.btn-style-1-hovered:hover {
opacity: 0.8;
}
html .btn-style-1 span {
position: relative;
z-index: 2;
}
.farvis-column-info .btn-style-1 {
margin: 35px 0 0 0;
display: inline-block;
padding: 13px 24px 13px 20px;
}
html .btn-style-1 button {
padding: 0 !important;
margin: 0 !important;
position: relative;
z-index: 2;
background: transparent !important;
color: #000 !important;
text-transform: uppercase;
}
.column-info h3 {
margin-top: 40px;
margin-bottom: 25px;
font-size: 19px;
}
html .btn-style-1:hover {
box-shadow: 5px 6px 8px #ccc;
}
.btn-style-1-hovered {
box-shadow: none !important;
} html .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-sm.vc_icon_element-have-style-inner {
width: auto !important;
height: auto !important;
margin: 0px 5px 0 10px !important;
}
footer .pix_icon_element_content {}
.vc_icon_element {
line-height: 0;
font-size: 14px;
margin: 0px 5px 0 0 !important;
display: inline-block;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xs.vc_icon_element-have-style-inner {
border: 1px solid #555;
}
.pix_icon_element_content {
width: 100%;
display: inline-block;
}
.pix_icon_element .vc_icon_element-inner {
margin-right: 25px;
}
.pix_icon_element_content .vc_icon_element-inner {
float: left;
}
.vc_icon_content {
float: left;
padding-top: 0;
margin-top: -5px;
padding-bottom: 22px;
margin-left: 0;
}
footer .vc_icon_content strong {
color: #fff;
}
.vc_icon_content p {
padding: 0;
margin: 0;
}
.pix_icon_element_content .vc_icon_element-inner {
float: left;
width: auto !important;
margin: 0 22px 0 0;
}
footer .pix_icon_element_content .fa-map-marker {
position: relative;
top: 5px !important;
}
.pix_icon_element_content .vc_icon_content {
padding-left: 10px;
}
.vc_icon_element-style-boxed-outline .vc_icon_element-icon {
border: 1px solid #eee !important;
border-right: #333 5px solid !important;
margin: 20px 10px 0 0;
padding: 16px 0 0 0;
width: 40px;
height: 40px;
}
.vc_icon_element-style-boxed-outline .vc_icon_element-icon:before {
font-size: 16px !important;
top: -8px;
position: relative;
left: -3px;
}
.vc_icon_element-outer .vc_icon_content {
padding-left: 30px !important;
padding-top: 8px;
padding-bottom: 9px;
}
footer .vc_icon_element-outer .vc_icon_content {
padding-left: 0 !important;
padding-top: 0;
padding-bottom: 20px;
}
footer .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon {
top: 0 !important;
}
footer .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
height: auto !important;
}
.wpb_map_wraper iframe {
pointer-events: none;
} .shuffle {
min-height: 26px;
opacity: 0;
}
.shuffle-start {
opacity: 1 !important;
}
.vc_custom_heading.shuffle {
opacity: 0;
min-height: 72px;
}
.vc_custom_heading.shuffle.shuffle-start {
opacity: 1;
}
.section-decor-wrap {
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 90px;
text-align: center;
opacity: 1 !important;
z-index: 9;
}
.section-decor-wrap.bottom {
top: auto;
bottom: -1px;
}
.brands {
margin-top: 70px;
}
.brand-logo {
display: table;
width: 100%;
height: 120px;
text-align: center;
background-color: #fff;
box-shadow: 0 0 0 1px #e8e9ed;
margin-top: 2px;
}
.brand-logo .brand-logo-wrap {
display: table-cell;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
vertical-align: bottom;
opacity: .7;
}
.brand-logo .brand-logo-wrap:hover {
opacity: 1;
} .tooltip {
position: relative;
display: inline-block;
}
.tooltip__trigger {
cursor: pointer;
position: relative;
}
.tooltip__trigger-text {
display: block;
padding: 0.85em;
pointer-events: none;
}
.tooltip__base {
position: absolute;
bottom: 2em;
left: 50%;
margin-left: -150px;
width: 300px;
height: 200px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
pointer-events: none;
}
.tooltip__content {
color: #4a4a4a;
display: flex;
position: relative;
align-items: center;
justify-content: center;
width: 65%;
padding: 0 1em;
opacity: 0;
font-size: 0.85em;
}
.tooltip__shape,
.tooltip__deco {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.b-team-holder .tooltip__shape {
fill: #fff;
}
.tooltip__shape {
fill: #eee;
}
.b-team-holder .tooltip__trigger {
cursor: pointer;
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
z-index: 77;
}
.b-team-holder .tooltip {
position: absolute;
display: inline-block;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.b-team-holder .tooltip__base {
bottom: auto !important;
top: -88px !important;
right: -92px;
left: auto !important;
}
.b-team-holder .tooltip__content {
display: flex !important;
position: relative !important;
align-items: center !important;
justify-content: center !important;
width: 146px !important;
padding: 23px!important;
opacity: 0;
font-size: 14px !important;
line-height: 20px !important;
color: #000 !important;
}  .tooltip--cora .tooltip__base {
transform-origin: 50% 100%;
}
.tooltip--cora .tooltip__content {
margin-bottom: 1em;
} .tooltip--smaug .tooltip__base {
bottom: -0.5em;
transform-origin: 50% 100%;
}
.tooltip--smaug .tooltip__content {
padding: 0;
} .tooltip--dori .tooltip__base {
bottom: -0.5em;
}
.tooltip--dori .tooltip__content {
margin: 0 0 1em;
} .tooltip--walda .tooltip__base {
left: 0;
bottom: 0.75em;
position: absolute;
margin-left: 0;
width: 250px;
height: 100px;
padding: 0 0 0 0.25em;
}
.tooltip--walda .tooltip__trigger-text {
padding: 1em;
}
.tooltip--walda .tooltip__content {
margin: 0;
width: 100%;
height: 100%;
align-items: flex-start;
text-align: left;
font-size: 0.85em;
line-height: 2;
opacity: 1;
justify-content: flex-start;
}
.tooltip--walda .tooltip__letters span {
display: inline-block;
white-space: pre;
opacity: 0;
}
.tooltip--walda .tooltip__deco {
width: 4px;
height: 100%;
background: #141514;
transform-origin: 50% 100%;
} .tooltip--gram .tooltip__base {
bottom: -0.5em;
} .path-narvi {
transform-origin: 200px 150px;
}
.tooltip--narvi .tooltip__content {
width: 80%;
} .path-amras-1 {
transform-origin: 115px 111px;
}
.path-amras-2 {
transform-origin: 204px 107px;
}
.path-amras-3 {
transform-origin: 279px 66px;
}
.path-amras-4 {
transform-origin: 320px 99px;
}
.path-amras-5 {
transform-origin: 137px 199px;
}
.path-amras-6 {
transform-origin: 222px 217px;
}
.path-amras-7 {
transform-origin: 80px 168px;
}
.path-amras-8 {
transform-origin: 296px 211px;
}
.path-amras-9 {
transform-origin: 310px 167px;
} .tooltip--hador .tooltip__base {
bottom: 2.25em;
margin-left: -115px;
}
.path-hador-1 {
transform-origin: 148px 284px;
}
.path-hador-2 {
transform-origin: 160px 268px;
}
.path-hador-3 {
transform-origin: 171px 246px;
}
.path-hador-4 {
transform-origin: 200px 120px;
}
.tooltip--hador .tooltip__content {
width: 50%;
margin: 0 0 2.5em;
} .tooltip--malva .tooltip__content {
width: 50%;
} .tooltip--sadoc .tooltip__base {
bottom: 2.5em;
}
.tooltip--sadoc .tooltip__shape path {
fill: #1d1f1e;
stroke: #5a5c5b;
stroke-width: 3px;
}
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
font-size: 16px;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
font-size: 16px;
}
#bbpress-forums .bbp-forums-list li {
display: inline;
font-size: 12px;
}
.bbpress #bbpress-forums fieldset.bbp-form legend {
padding: 5px 15px 3px;
color: #333333;
border: 1px solid #eee;
}
.bbpress .button {
line-height: 1.1;
border-color: #eeeeee;
font-size: 11px;
text-transform: uppercase;
padding: 15px 25px;
border: 1px solid #eeeeee;
background: transparent;
border-radius: 3px;
}
.subscription-toggle {
line-height: 1.1;
border-color: #eeeeee;
font-size: 13px;
color: #337ab7;
text-transform: uppercase;
padding: 15px 25px;
border: 1px solid #eeeeee;
background: transparent;
border-radius: 3px;
float: right;
padding-top: 10px !important;
}
#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar {
margin-bottom: -1px;
border: 1px double #ddd;
}
html span.bbp-admin-links a:hover {
color: #000 !important;
}
html .bbp-search-form #bbp_search_submit {
padding: 10px;
font-size: 10px;
margin-bottom: 11px;
margin-top: 11px;
}
#bbpress-forums div.bbp-forum-author a.bbp-author-name,
#bbpress-forums div.bbp-topic-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
display: inline-block;
font-size: 12px;
line-height: 1.3;
color: #333;
}
#bbpress-forums div.bbp-topic-content a,
#bbpress-forums div.bbp-reply-content a {
font-size: 13px;
text-transform: uppercase;
padding-top: 8px !important;
}
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
font-weight: normal !important;
}
#bbpress-forums label {
font-weight: normal;
}
html #bbpress-forums div.bbp-topic-tags {
float: left;
} html body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time {
font-weight: normal;
}
body .booked-calendar-wrap .booked-appt-list h2,
.booked-no-prev strong,
.booked-appt-list strong {
text-align: center;
color: #23272c !important;
font-size: 24px;
margin: 0 0 30px;
line-height: 1.4;
font-weight: 400;
}
html body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-title {
color: inherit!important;
}
html body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button {
padding: 10px 20px;
text-transform: uppercase;
}
html body .booked-calendar-wrap .booked-appt-list .timeslot {
padding-bottom: 20px;
}
html body .booked-modal .bm-window p small {
font-weight: normal;
}
html .km-teammate-position {
font-style: normal;
}
html .km-teammate-container[data-style=style3] .km-teammate-content {
margin-top: 10px;
font-size: 12px;
border-top: 1px dotted #ddd;
padding-top: 20px;
border-bottom: 1px dotted #ddd;
padding-bottom: 20px;
} .page-404 {
text-align: center;
padding: 5% 0 3%;
}
.page-404 p {
line-height: 2.2;
}
.page-404 img {
max-width: 100%;
height: auto;
}
.notfound_button {
font-size: 14px;
padding: 10px 20px !important;
margin-top: 20px;
display: inline-block;
text-transform: uppercase;
background: #222;
color: #fff !important;
}
.page-404-info {
text-align: center;
margin-top: -120px;
margin-bottom: 120px;
}
.notfound_title {
margin: 0 0 10px 0 !important;
padding: 0 !important;
}
.notfound_description {
margin: 0 !important;
padding: 0 !important;
} html .vc_toggle {
margin: 0 0 21.74px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 21.74px;
}
html .text-white-color .vc_toggle {
border-bottom-color: #4d5153;
}
html .text-white-color .vc_toggle.vc_toggle_arrow .vc_toggle_icon::after,
html .text-white-color .vc_toggle.vc_toggle_arrow .vc_toggle_icon::before {
border-color: #4d5153;
}
html .vc_toggle_content {
padding: 0;
margin-bottom: 0;
}
html .vc_toggle_arrow .vc_toggle_icon {
position: absolute;
right: 0;
bottom: 0px;
}
.vc_toggle_arrow .vc_toggle_content {
padding-right: 50px !important;
}
.vc_toggle_title>h4 {
display: inline;
font-size: 20px;
} .box-form-7 {
background: #2d363e;
padding: 50px 50px;
border-radius: 30px;
max-width: 500px;
position: relative;
}
.box-form-7:after {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-color: #2d363e transparent transparent transparent;
border-width: 45px 0px 0 36px;
position: absolute;
left: 50px;
bottom: -43px;
}
.box-form-7 p,
.box-form-7 h3 {
color: #fff;
text-align: center;
font-weight: 300;
}
.box-form-7 h3 {
font-size: 36px;
line-height: 46px;
} .call-us-btn {
font-size: 28px;
background: #f4f4f4;
padding: 5px 31px 5px 70px;
border-radius: 100px;
position: relative;
display: inline-block;
line-height: 1.7;
height: 55px;
text-align: left;
}
.call-us-btn i {
background: #2d363e;
color: #fff;
width: 55px;
height: 55px;
border-radius: 100px;
text-align: center;
line-height: 53px;
position: absolute;
left: 0;
top: 0;
font-size: 30px;
} .blog-layout-grid .wrap-blog-post .wrap-image.wrap-image-grid {
position: relative;
min-height: 50px;
width: 43%;
float: left;
margin-right: 5%;
overflow: hidden;
}
.wrap-blog-post .wrap-image.wrap-image-grid img {
max-width: 100%;
height: auto;
}
.blog-layout-grid .wrap-info-grid {
float: left;
width: 58%;
}
.wrap-blog-post .wrap-image.wrap-image-grid .post-date {
position: absolute;
bottom: -60px;
right: 0px;
background: #000;
box-shadow: none;
transition: all .1s ease-out;
opacity: 0.6;
}
.post-get_the_date {
font-size: 12px;
color: #fff !important;
}
.wrap-blog-post .wrap-image.wrap-image-grid .post-date a {
color: #fff;
}
.wrap-blog-post:hover .wrap-image.wrap-image-grid .post-date {
bottom: 0;
}
.wrap-info.wrap-info-grid .post-description .author {
display: initial;
width: auto;
margin-right: 10px;
}
.wrap-blog-post .post-description .author {
color: #999;
font-size: 14px;
text-transform: none;
margin-right: 10px;
text-align: left;
display: inline-block;
width: 100%;
}
.blog-layout-grid .wrap-info {
border: 0;
padding: 0px;
}
.blog-layout-grid .wrap-blog-post {
display: inline-block;
width: 100%;
margin-bottom: 2%;
max-width: 48%;
vertical-align: top;
margin-left: -2px;
-webkit-box-shadow: 0px 3px 15px 4px #e7e7e7;
-moz-box-shadow: 0px 3px 15px 4px #e7e7e7;
box-shadow: 0px 3px 15px 4px #e7e7e7;
margin-right: 2%;
}
.more-link {
display: none;
}
.blog-layout-grid .sidebar-type-left .wrap-blog-post,
.blog-layout-grid .sidebar-type-right .wrap-blog-post {
max-width: 100%;
}
.blog-layout-grid .sidebar-type-left .wrap-image.wrap-image-grid,
.blog-layout-grid .sidebar-type-right .wrap-image.wrap-image-grid {
width: 37% !important;
margin-right: 4% !important;
}
.blog-layout-grid .wrap-blog-post.no-image {
padding-left: 2%;
}
.blog-layout-grid .sidebar-type-left .wrap-blog-post,
.blog-layout-grid .sidebar-type-right .wrap-blog-post {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.blog-layout-grid .post-description {
display: none !important;
}
.blog-layout-grid .post-body > h4 a {
font-size: 25px;
}
.blog-layout-grid .wrap-blog-post .wrap-image.wrap-image-grid {
position: relative;
min-height: 50px;
width: 53%;
float: left;
margin-right: 5%;
overflow: hidden;
}
.blog-layout-grid .wrap-image-grid .bx-pager {
display: none !important;
}
.wrap-blog-post {
display: inline-block;
width: 100%;
margin-bottom: 45px;
}
.wrap-blog-post.wrap-wide-blog-post {
background: #f6f6f6;
}
.wrap-blog-post.wrap-wide-blog-post .wrap-image .post-date {
right: auto;
left: 40px;
}
.wrap-blog-post .wrap-image {
position: relative;
min-height: 50px;
overflow: hidden;
}
.blog-layout-grid .wrap-blog-post .wrap-image img {
margin: 0;
max-width: inherit;
width: 100%;
}
.wrap-blog-post .wrap-image img {
max-width: 100%;
height: auto;
margin: 0 auto;
display: block;
}
.wrap-image iframe,
.post-image iframe {
max-width: 100%;
width: 100%;
}
.no-image .post-date {
position: relative !Important;
}
.wrap-blog-post .wrap-image .post-date {
color: inherit;
font-size: 11px;
font-weight: 300;
display: inline-block;
position: relative;
bottom: 0;
right: 0;
padding: 20px 20px 10px 20px;
opacity: 1;
left: 0;
width: 100%;
box-shadow: 0px 3px 15px 4px #e7e7e7;
}
.wrap-blog-post .wrap-image .post-date a,
.post-get_the_date {
color: inherit;
position: relative;
z-index: 7;
border-right: 1px solid #fff;
padding-left: 0;
line-height: 9px;
padding: 0 5px 0px 5px;
display: inline-block;
margin-bottom: 10px;
}
.wrap-blog-post .wrap-image .post-date a:last-child {
border: 0;
}
.wrap-blog-post .post-description {
padding: 15px 0px 0px 0px;
line-height: 25px;
font-size: 11px;
border: 0;
border-bottom: 0;
border-top: 0;
}
.wrap-blog-post .post-description .author {
color: #999;
font-size: 14px;
text-transform: none;
margin-right: 0;
text-align: left;
display: inline-block;
width: 100%;
}
.wrap-blog-post .post-description .author a {
color: #999;
}
.wrap-blog-post .post-description a {
color: #999;
}
.wrap-blog-post .post-description .post-avatar img {
border-radius: 100px;
overflow: hidden;
display: inline-block;
position: absolute;
top: -40px;
right: 40px;
border: 5px solid #fff;
max-width: 80px;
}
.wrap-blog-post .post-description .fa-comment-o {
color: rgba(170, 170, 170, 0.8);
margin-right: 5px;
}
.post-description .icon-heart {
position: relative;
top: 1px;
margin-right: 5px;
}
.post_footer {
clear: both;
display: inline-block;
width: 100%;
}
.post-body .post_footer {
padding-top: 25px;
}
.post_read_more {
font-size: 12px;
font-weight: 500;
padding: 9px 30px 7px 25px;
line-height: 30px;
border-radius: 100px;
text-transform: uppercase;
box-shadow: none !important;
text-decoration: none !important;
-webkit-transition: all .1s ease-out;
transition: all .1s ease-out;
margin-top: 0;
display: inline-block;
clear: both;
border: 0;
text-align: center;
color: #fff !important;
}
.post_read_more:hover .fa {
left: -2px;
}
.post_read_more .fa {
position: relative;
margin-left: 7px;
margin-right: -7px;
transition: all .1s ease-out;
}
.post_read_more:hover {
background: #246bad;
color: #fff;
}
.wrap-blog-post .post-body {
padding: 0 0px 0px 0px;
font-size: 14px;
line-height: 1.7;
border: 0;
border-top: 0;
}
.wrap-blog-post .post-body p {
margin: 15px 0 15px;
font-size: 14px;
line-height: 1.7;
}
.list-blog-item {
max-width: 290px;
margin: 0 auto 20px;
}
.list-blog-item .blog-image {
margin-bottom: 35px;
}
.list-blog-item .blog-image img {
max-width: 100%;
height: auto
}
.list-blog-item .tags {
margin-bottom: 10px;
font-size: 11px;
}
.list-blog-item .tags span {
color: #2b395b;
font-size: 10px;
text-transform: uppercase;
font-weight: normal;
}
.list-blog-item .blog-description p {
color: #ffffff;
font-size: 14px;
font-weight: normal;
line-height: 22px;
}
.list-blog-item .blog-description .read-more {
color: #fff;
opacity: 0.8;
display: inline-block;
padding-left: 14px;
border-radius: 0;
padding: 4px 12px;
float: right;
border-right: 1px solid rgba(255, 255, 255, 0.5);
margin-top: 20px;
}
.list-blog-item .blog-description .read-more:hover {
opacity: 1;
}
.blog-description h4 a {
color: #fff;
font-size: 24px;
font-weight: 700;
}
.blog-description h4 a {
font-size: 16px;
text-transform: uppercase;
}
.tags *,
.tags a {
color: #fff !important;
} .blog-post {
margin-bottom: 100px;
}
.blog-post .post-image {
position: relative;
min-height: 50px;
background: #fff;
margin-bottom: 25px;
border: 1px solid #eee;
}
.post-image + .post-header{
margin-top: -25px;
}
.post-header {
margin-bottom: 20px;
display: inline-block;
width: 100%;
margin-top: -6px;
}
.post-info .pull-left,
.post-info .pull-right {
padding-bottom: 0 !important;
margin-bottom: 5px !important;
}
.post-header .avatar {
margin-top: -15px;
border-radius: 100px;
padding: 5px;
background: #fff;
position: relative;
left: 7px;
top: 2px;
box-shadow: #E4E4E4 0px 2px 3px;
width: 72px;
height: 72px;
}
.post-header .avatar img {
max-width: 100%;
height: auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.post-header .wrap-post-info {
padding: 0;
}
.post-header .wrap-post-info {
padding: 0;
}
.post-header .post-info {
border-bottom: 1px dotted #E4E4E4;
margin-left: 15px;
font-size: 14px;
}
.post-header .post-info a,
.post-header .post-info {
color: inherit;
}
.post-header .post-info h5 {
padding-top: 12px;
font-size: 14px;
}
.post-header .post-info ul li {
padding-top: 20px;
margin-right: 0;
margin-left: 0;
margin-bottom: 5px;
}
.post-header .post-info ul li .fa {
margin-right: 7px;
}
.post-header .col-md-1 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.wrap-info {
position: relative;
min-height: 50px;
background: #fff;
margin-bottom: 25px;
border: 1px solid #eee;
padding: 10px 30px 30px 30px;
}
.blog-post .post-image img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.blog-post .post-image .post-date {
color: inherit;
font-size: 12px;
font-weight: 300;
background: #fff;
opacity: 0.7;
display: inline-block;
position: relative;
bottom: 0;
left: 0;
padding: 19px 20px;
width: 100%;
}
.blog-post .post-image .post-date .vcenter {
display: inline-block;
vertical-align: middle;
float: none;
margin: 0 10px 0 0;
position: relative;
top: -2px;
font-size: 12px;
}
.blog-post .post-image .post-date .vcenter a,
.blog-post .post-image .post-date a.vcenter {
color: #246bad;
}
.blog-post .post-image .post-date,
.blog-post .post-image .post-date .fa-comment-o:before {
color: inherit;
}
.blog-post .post-description {
padding: 15px 0px 0px 0px;
line-height: 25px;
}
.blog-post .post-description .author {
color: #999;
font-size: 14px;
text-transform: none;
margin-right: 0;
}
.blog-post .post-description .author a {
color: #999;
}
.blog-post .post-description a {
color: #237ac6;
}
.blog-post .post-description a span {
color: rgba(170, 170, 170, 0.8);
margin-right: 5px;
}
.blog-post .post-body {
padding: 0 0px 45px 0px;
}
html .post-body > h4 {
padding: 0;
margin: 0;
line-height: 1.4;
font-size: 26px;
padding-right: 90px;
}
html .post-body > h4 a {
color: inherit;
font-size: 26px;
padding-bottom: 15px;
display: inline-block;
}
.blog-post .post-body p , .rtd p {
margin-bottom: 20px;
line-height: 1.9;
}
.blog-post .post-body img.pull-right {
margin: 0 0 10px 15px;
}
.blog-post .post-body img.pull-left {
margin: 0 15px 10px 0;
}
.post-footer a.btn.btn-transparent {
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: none;
background: #237ac6;
padding-left: 5px;
margin-right: -1px;
text-align: center;
text-transform: uppercase;
font-size: 12px;
}
.post-footer .blog-footer-title {
box-shadow: none;
padding-left: 20px;
margin-right: 0;
margin-left: -7px;
text-align: center;
text-transform: uppercase;
font-size: 12px;
padding: 5px 20px;
display: inline-block;
font-weight: 500;
}
.post-footer {
position: relative;
padding: 35px 35px 15px 35px;
background: #fff;
margin-left: 0;
margin-right: 0;
bottom: -52px;
border: 1px solid #eee;
margin-bottom: 52px;
margin-top: -52px;
clear: both;
}
.post-footer * {
-webkit-transition: all .1s ease-out;
transition: all .1s ease-out;
}
.footer-meta:nth-child(even) {
text-align: right;
position: relative;
right: -17px;
}
.post-footer .blog-footer-categories,
.post-footer .blog-footer-tags,
.post-footer .btn-social {
width: 49%;
display: inline-block;
margin-bottom: 20px;
vertical-align: top;
}
.blog-cat-footer + .pull-right {
max-width: 50%;
display: inline-block;
vertical-align: top;
float: right;
}
.post-footer a {
background: #f9f9f9;
font-size: 11px;
text-transform: uppercase;
border: 1px solid #fff;
border-radius: 0;
line-height: 32px;
padding: 1px 15px 0;
margin: -3px 2px 2px -7px;
height: auto;
display: inline-block;
color: inherit;
}
.footer-meta.btn-social a {
font-size: 14px;
}
.tmpl-social-pinterest {
background-color: #BD081B !important;
color: #fff !important;
}
.tmpl-social-twitter {
background-color: #1EA1F3 !important;
color: #fff !important;
}
.tmpl-social-facebook {
background-color: #3B5998 !important;
color: #fff !important;
}
.tmpl-social-google {
background-color: #FFCE45 !important;
color: #fff !important;
}
.pix-social-title {
background: #237ac6;
color: #ffffff;
font-size: 11px;
text-transform: uppercase;
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 0;
line-height: 35px;
padding: 1px 15px;
margin: 0 2px 2px -7px;
height: auto;
display: inline-block;
}
.pix-social-share {
float: right;
width: 40%;
text-align: right;
}
.post-footer a:hover,
.post-footer a.btn.btn-transparent:hover,
.post-footer .btn.btn-transparent:hover {
background: #246bad;
color: #fff !important;
}
.pix-social-share a {
margin-left: -7px;
} .comment-list .reply {
position: absolute;
right: 10px;
top: 15px;
color: inherit;
}
.comment-list .reply * {
color: inherit !important;
}
.comment-reply-link {
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: translate(0, -10px);
font-size: 15px;
padding: 10px 15px 10px 25px;
line-height: 30px;
border-radius: 100px;
box-shadow: none !important;
background: #fff;
position: relative;
color: #237ac6;
font-weight: 500;
}
.reply .comment-reply-link:after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
content: "\f178";
margin-left: 10px;
color: inherit;
}
.reply .comment-reply-link:hover {
background: #246bad;
color: #fff !important;
text-decoration: none;
}
.reply .comment-reply-link:hover:after {
color: #fff;
}
.comment-list cite , .comment-list cite a {
color: inherit;
text-transform: uppercase;
}
.comment-meta {
padding: 0 0 10px 0;
}
.comment-meta + p{
font-size: 11px;
}
.comment-meta a {
font-size: 12px !important;
color: #666;
}
.comment-info-content cite {
color: inherit;
font-size: 14px;
font-weight: normal;
line-height: 25px;
font-style: normal;
}
.comment-list {
margin-top: 45px;
padding: 25px 0px 25px 0px;
background-color: #fff;
margin-bottom: 50px;
}
.comment-list .comment-info-content {
margin-left: 110px;
padding-bottom: 10px;
font-size: 14px;
border-bottom: 1px dotted #cccccc;
padding-top: 20px;
}
.comment-list .comment-info-content p {
font-size: 14px;
font-style: normal;
}
.comment-list .comment-author {
float: left;
width: 95px;
height: 95px;
border: 0;
border-radius: 100px;
overflow: hidden;
}
.comment-list .comment-author img {
width: 100%;
height: auto;
}
.comment-list .comment,
.comment-list > li {
position: relative;
list-style: none;
margin: 0;
margin-bottom: 20px;
margin-left: 1%;
}
.comment-list .comment .comment {
position: inherit;
margin-bottom: 0;
padding-bottom: 0;
}
.comment-list ol.children {
margin-top: 20px;
margin-left: 0;
padding-left: 0;
}
.comment-respond {
padding: 0;
margin: 50px 0;
display: inline-block;
width: 100%;
}
.comment-notes {
margin-bottom: 20px;
padding-left: 0;
}
.comment-respond input[type=text],
.comment-respond i input[type=tel],
.comment-respond i input[type=password],
.comment-respond input[type=email],
.comment-respond input[type=url],
.comment-respond textarea {
background: #f2f3f6;
border: 0;
border-radius: 0 !important;
color: #23272c;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
border-radius: 5px;
color: #333;
font-size: 15px;
height: 40px;
line-height: 26px;
outline: medium none;
padding: 10px 15px;
width: 100%;
}
.comment-respond .wrap__btn-skew-r { margin-top: 10px;
padding-left: 12px;
padding-right: 12px;
overflow: hidden;
}
.comment-reply {
position: absolute;
top: 30px;
right: 30px;
}
.comment-reply .btn {
background-color: #f8f8f8;
}
#respond .form-submit {
text-align: right;
}
#respond .form-submit input {
font-size: 12px;
font-weight: 500;
padding: 7px 30px 7px 25px;
line-height: 30px;
border-radius: 2px;
text-transform: uppercase;
box-shadow: none !important;
background: #fff;
color: #fff;
text-decoration: none !important;
-webkit-transition: all .1s ease-out;
transition: all .1s ease-out;
margin-top: 0;
display: inline-block;
clear: both;
border: 0;
border-radius: 100px;
background: #28ad62;
cursor: pointer;
}
.blog-comments {
margin-bottom: 40px;
}
.blog-comments h4 {
margin-bottom: 40px;
}
.blog-comments .comment-item {
background-color: #f6f6f6;
padding: 25px;
margin-bottom: 30px;
}
.blog-comments .comment-item .media-left {
padding-right: 25px;
}
.blog-comments .comment-item .media-left img {
max-width: 120px;
}
.blog-comments .comment-item .comment-item-heading {
margin-bottom: 10px;
}
.blog-comments .comment-item .comment-item-heading .author {
color: #237ac6;
font-size: 14px;
font-weight: 700;
line-height: 25px;
}
.blog-comments .comment-item .comment-item-heading .date {
color: rgba(170, 170, 170, 0.8);
font-size: 14px;
font-style: italic;
text-transform: uppercase;
}
.blog-comments .comment-item .comment-body p {
line-height: 24px;
}
.carousel-post img {
width: 100%;
height: auto;
}
.wrap-image .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 65px;
z-index: 777;
width: 100%;
}
.wrap-image .bx-wrapper .bx-pager,
.post-image .bx-wrapper .bx-pager {
display: none !important;
}
.post-image .bx-wrapper .bx-pager {
position: absolute;
bottom: 20px;
width: 100%;
}
.post-image .bx-controls-direction,
.wrap-image .bx-controls-direction {
opacity: 0;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.post-image:hover .bx-controls-direction,
.wrap-image:hover .bx-controls-direction {
opacity: 1;
}
.wrap-image .bx-wrapper .bx-controls-direction a,
.post-image .bx-wrapper .bx-controls-direction a {
width: 32px;
height: 63px;
} .top-bar li i{
margin-right: 5px;
}
@media (min-width:990px) and (max-width:1200px) {
.services .row  .col-md-9 {
width: 73% !important;
}
} @media (max-width:480px) {
.home-template .vc_row{
clear: both !important;
}
}/*/*//**//*/*/@media (max-width:1900px) {
.wpaddons-parallax-left {
position: absolute;
left: 0;
width: 20%;
height: 100%;
}
.wpaddons-parallax-wrapper img {
max-width: 100%;
height: auto;
}
}/**/@media (max-width:1240px) {
html .vc_custom_1530544704147 {
padding-top: 0px !important;
}
}
@media (max-width:1000px) {
.header-navibox-1 {
padding-top: 26px !important;
}
html .menu-mobile-button {
display: block !important;
}
.vc_custom_1530544704147 {
padding-top: 0px !important;
padding-bottom: 50px;
}
}
@media (min-width:468px) and (max-width:1200px) {
.mobile-slidebar-menu .toggle-menu-button {
display: none !important;
}
} @media (max-width: 1190px) {
html body .tmpl-cc-container * {
text-align: left !important;
}
html body .tmpl-cc-container {
text-align: left !important;
max-width: 100% !important;
width: 100% !important;
height: auto !important;
margin-bottom: 25px;
}
}
@media (min-width:768px) and (max-width:1200px) {
html .post-header .post-info h5 {
font-size: 19px;
}
.mobile-slidebar-menu .toggle-menu-button {
display: none !important;
}
html .post-header .col-md-1 {
display: none !important;
}
html .post-header .col-md-11 {
width: 100% !important;
}
html .post-header .post-info {
margin-left: 0;
}
} @media (min-width:1022px) and (max-width:1229px) {
html .yamm > li.fa a {
margin-left: 20px !important;
margin-right: 10px !important;
}
html .big-progress-title {
width: 100%;
text-align: center;
}
html .b-progress-list__item {
text-align: center;
width: 50%;
}
.yp-demo-link {
display: none !important;
}
html .blog-post-item {
width: 290px;
}
html .isotope-desc-content {
display: none;
}
html .pp-box-wrap {
float: none;
margin: 0 auto;
}
html .isotope-filter .product-grid li {
margin: 0 1% 2%;
width: 22%;
}
html .full-title-name {
display: inline-block;
font-size: 22px;
left: 0;
min-width: 295px;
padding: 10px 30px;
position: relative;
text-transform: uppercase;
top: 0;
}
html #filter {
margin-top: 0;
padding-left: 0;
}
html .pp-box-item {
display: block;
float: none;
margin: 20px auto;
width: 580px;
overflow: hidden;
}
} @media (max-width:990px) {
.tmpl-plugins-not-activated .navbar-fixed-top.navbar-sticky-top {
min-height: 75px;
}
html .our-services .department-1-item {
width: 100%;
max-width: 500px;
}
.department-2-item {
width: 100%;
margin: 0 auto;
max-width: 500px;
}
.b-info-columns-holder.b-steps-list .b-info-column::before,
html .custom-slideshow-controls span {
display: none !important;
}
html .b-home-features .b-features-columns-holder {
margin-top: -120px;
}
html .page-404-info {
margin-top: 30px !important;
}
html .tmpl-stats-type-01 .tmpl-stats-box {
float: none !important;
display: inline-block !important;
width: 100% !important;
text-align: center !important;
}
.tmpl-stats-type-01 .tmpl-stats-icon {
float: none !important;
display: inline-block !important;
width: 100% !important;
text-align: center !important;
}
.tmpl-stats-type-01 .tmpl-stats-box:before {
display: none !important;
}
} @media (min-width:768px) and (max-width:990px) {
html .vc_custom_1505411071620 {
padding-top: 30px !important;
}
html .big-progress-title {
width: 100%;
text-align: center;
}
html .b-progress-list__item,
html .b-big-progress .big-progress-description {
text-align: center;
width: 100% !important;
}
.yp-demo-link {
display: none !important;
}
html .blog-post-item {
width: 30% !important;
}
html .yamm .nav > li > a {
margin: 9px 5px;
padding: 10px 5px !important;
}
html .yamm .nav > li > a {
font-size: 13px;
}
html .top-header .social-box .nav {
float: none !important;
text-align: center;
}
html .top-cart {
padding: 10px;
}
html #filter {
height: auto;
margin-top: -31px;
padding-left: 0;
text-align: center;
}
html .ft-icons-simple {
display: inline-block;
float: none;
height: 100%;
width: 100%;
}
html .ft-content {
border-left: 0;
float: none;
padding-left: 0;
padding-top: 5%;
text-align: center;
width: 100%;
}
html .footer-shop img {
max-width: 100%;
height: auto;
}
.home-section .vc_row {
background-image: none !important;
}
html .pp-box-item {
display: block;
float: none;
margin: 20px auto;
width: 580px;
overflow: hidden;
}
html .featured-item-simple-icon:after {
display: none !important;
}
html .isotope-filter .product-grid li {
margin: 0 1% 2%;
width: 22% !important;
}
html .yamm .nav > li > a {
padding: 20px 10px;
}
html .right-header {
text-align: center;
}
html .bg-mobile-hidden {
background: none !important;
}
html .header .top-cart {
display: inline-block;
float: none;
margin: 0 !important;
padding-left: 0;
position: relative;
text-align: center;
top: 0;
width: 100%;
}
.header #search-global-mobile {
background: none repeat scroll 0 0 #fff;
border: 1px solid #ddd !important;
color: #ddd !important;
display: block !important;
float: none;
margin: 10px auto;
position: relative;
right: 0;
top: 0;
width: 300px;
}
html .header .menu-item-has-children > a::after {
top: 9px;
}
html .yamm .dropdown-menu {
top: 60px;
}
.featured-item-simple-icon {
min-height: 160px;
}
.filter {
text-align: center;
}
html .isotope-desc-content {
display: none;
}
html .isotope-filter {
text-align: center;
}
html .isotope-item {
width: 33.33% !important;
}
.header #search-global-mobile #search,
#search-global-mobile button i {
color: #000 !important;
}
#search-global-mobile input {
border: medium none;
width: 80% !important;
}
.header .navbar-collapse #search-global-menu {
display: none !important;
}
html .breadcrumb {
float: none;
font-size: 14px;
list-style: outside none none;
margin-bottom: 0;
padding: 0;
}
.header {
height: auto;
text-align: center;
}
html .fa-content {
display: inline-block;
margin-left: 2%;
padding-right: 4%;
padding-top: 2%;
width: 62%;
}
.banner-full-width * {
text-align: center !important;
}
html .btn-fw-banner {
padding-right: 0;
}
html .carousel-item-content .carousel-title {
margin: 20px 0 15px;
}
html .full-title-name {
display: inline-block;
font-size: 22px;
left: 0;
min-width: 295px;
padding: 10px 30px;
position: relative;
text-transform: uppercase;
top: 0;
}
.info-top {
margin: 10px;
text-align: center;
}
.info-top ul {
padding: 0;
}
.header .navbar-nav > li {
display: inline-block;
float: none;
}
.header .yamm,
.header .yamm .navbar-nav {
float: none;
margin: 0;
width: 100%;
}
.header .yamm,
.header .yamm .navbar-nav > li {
display: inline-block;
float: none;
}
.header .top-cart {
display: inline-block;
float: none;
padding-left: 0;
position: relative;
text-align: left;
top: 0;
width: 100%;
}
.header .top-cart .qty-top-cart-active {
right: 14px;
top: -3px;
}
html .post .entry-title {
margin: 20px 0;
}
html .bx-controls {
margin-bottom: 30px;
}
.carousel-brand .bx-prev,
.carousel-brand .bx-next {
display: none !important;
}
html .featured-item-simple-icon {
margin: 10px 0;
}
html .featured-item-simple-icon {
min-height: 160px;
}
html .full-title-name .btn {
bottom: -55px;
font-size: 13px;
left: 0;
width: 100%;
}
.product-right {
margin: 20px 0;
}
.tmpl-half-menu-middle {
width: 100% !important;
}
.tmpl-half-menu-right,
.tmpl-half-menu-left {
display: none !important;
}
html .tmpl-half-menu-middle .menu-mobile-button {
top: 26px;
right: -14px !important;
}
} @media (max-width:767px) {
html .vc_custom_1507108320350 {
padding-bottom: 0px !important;
}
html .tmpl-plugins-not-activated .header .navbar-brand {
margin-top: -10px;
}
html .b-video {
min-height: inherit !important;
}
.post-header .col-md-1 {
display: none !important;
}
html .post-header {
margin-bottom: 20px;
display: inline-block;
width: 100%;
margin-top: -22px;
}
html .post-header .post-info {
margin-left: 0;
font-size: 14px;
}
html .wrap-cards .box-heading {
margin-top: 0;
padding-right: 0;
height: auto;
}
html .b-video h5 {
font-size: 18px !important;
line-height: 1.3;
margin-top: 20px;
}
.admin-bar .mobile-slidebar-menu .menu-mobile-button {
top: 63px !important;
}
html .page-layout-boxed .home-template {
padding: 0;
}
html.vc_desktop {
margin-top: 0 !important;
}
html body {
padding: 0 !important;
}
.kswr-heading-container div {
line-height: 1.3;
}
html .tmpl-content-container,
html .tmpl-cc-container {
max-width: 100% !important;
height: auto !important;
}
html .tmpl-cc-container * {
text-align: center !important;
}
html .big-progress-title {
width: 100%;
text-align: center;
}
html .b-progress-list__item,
html .b-big-progress .big-progress-description {
text-align: center;
width: 100% !important;
}
html .header.navbar-scrolling.navbar-fixed-top {
position: absolute !important;
}
.sidebar {
margin: 30px 0;
}
html .wrap-blog-post {
margin-bottom: 0;
}
.post-header .pull-right {
display: inline-block;
float: none !important;
margin: -20px 0 10px 0;
width: 100%;
text-align: left;
}
html .sidebar-services {
padding-right: 0;
text-align: center;
}
html .tmp-post-box {
width: 50% !important;
}
.b-video {
box-shadow: none !important;
}
html .navbar-fixed-top {
position: absolute !important;
}
html .wrap-works .post .post-body {
padding: 10px 0px 20px;
text-align: left;
min-height: 175px;
}
.portfolio-item .portfolio-image {
height: auto !important;
}
.pix-portfolio-thumb,
.pix-puzzle-thumb-x {
width: 100% !important;
height: auto !important;
}
html .pix-portfolio-thumb,
.pix-puzzle-thumb-x {
width: 100%;
height: auto !important;
}
.pix-puzzle-thumb-xy,
.pix-puzzle-thumb-y {
width: 100%;
height: auto !important;
}
.pix-puzzle-thumb-xy,
.pix-puzzle-thumb-y {
width: 100% !important;
}
html .feature-item {
height: auto !important;
text-align: center !important;
width: 100% !important;
}
html .latest-carousel-item .blog-item-content {
width: 100%;
float: none;
}
html .b-team-holder .b-slick-holder {
padding-top: 0;
}
.footer .vc_custom_heading {
padding-top: 25px;
}
.review-title {
line-height: 1.3;
}
.home-template {
overflow: hidden;
}
.layout-theme {
overflow: hidden;
display: inline-block;
width: 100%;
margin-bottom: 0 !important;
}
.ua-chrome .admin-bar .navbar-fixed-top.navbar-sticky-top{
top: 45px  !important;
}
.fixed-footer {
position: relative !important;
z-index: inherit !important;
}
html .wrap-cards {
margin-bottom: 25px;
padding: 120px 25px 25px 25px;
}
html .wrap-cards .striped-icon-large {
position: absolute;
left: 0;
top: -80px;
right: inherit;
}
.b-slick-arrows,
.gallery-carousel-controls {
display: none !important;
}
.b-about-tabs .tabs-controls li .tabs-circle {
display: none !important;
}
.b-regular-tabs .tabs-controls li {
min-width: auto !important;
}
.b-regular-tabs .tabs-controls li {
min-width: auto !important;
width: 100%;
}
.b-about-tabs .tabs-controls li {
display: inline-block;
width: 100%;
}
html .b-about-tabs .tabs-controls li {
margin: 0 auto;
}
.yp-demo-link {
display: none !important;
}
html .services .service-item {
margin-left: 0;
}
html body #filter {
height: auto;
margin-top: 0;
padding-left: 0;
}
#filter li a {
width: 100%;
}
.slide-desc tbody,
.slide-desc .detail-item {
height: 100%;
}
.slide-desc .icons {
margin-top: 40%;
}
.wrap-user-control i:before {
color: #2b2e33;
}
html .decor-line::after {
background: rgba(0, 0, 0, 0) url(//inmasoft.cl/wp-content/themes/farvis/images/graph-home2.svg) no-repeat scroll center top / cover;
bottom: -3px;
height: 100px;
left: 0;
right: 0;
top: auto;
}
html .quote-form span.wpcf7-form-control-wrap {
height: auto;
}
html .one-news > div {
margin-left: 0;
}
html .one-news {
padding-right: 0px;
padding-left: 0px;
}
html .two-news {
display: none;
}
html .testimonial-content {
margin-left: 50px;
}
.team .soc-icons {
padding-bottom: 20px;
}
.owl-nav {
display: none;
}
html #main-menu li .dropdown-menu {
background: #2a2d32 none repeat scroll 0 0;
border-top: 2px solid #009cce;
float: none;
left: 0;
margin-top: -2px;
right: auto;
width: 95%;
}
html body .isotope-item {
width: 100% !important;
}
html .floated .navbar-nav > li {
margin: 0;
padding: 0 40px;
text-align: left;
width: 100%;
}
#search-global-mobile {
margin-left: 25px;
}
html .header .menu-item-has-children > a:after {
right: 25px;
}
html .breadcrumb {
float: none;
font-size: 14px;
list-style: outside none none;
margin-bottom: 0;
padding: 0;
}
html .top-header .social-box .nav {
float: none !important;
text-align: center;
}
html .top-cart {
padding: 10px;
}
html #filter {
height: auto;
margin-top: 0;
padding-left: 0;
text-align: center;
}
html .pp-box-item {
float: none;
width: 580px;
display: inline-block;
margin-top: -6px;
}
html .ft-icons-simple {
display: inline-block;
float: none;
height: 100%;
width: 100%;
}
html .ft-content {
border-left: 0;
float: none;
padding-left: 0;
padding-top: 5%;
text-align: center;
width: 100%;
}
.vc_custom_1479385064911,
.vc_custom_1480073809579 {
text-align: center !important;
}
html .ui-title-page h1 {
font-size: 28px;
line-height: 1.2;
padding-left: 10px;
}
.b-team-holder .b-upper-title {
display: none !important;
}
html .col-lg-12.col-md-12.col-sm-12.col-xs-12 > .wrap-blog-post {
display: inline-block;
width: 100%;
float: none;
margin-bottom: 2%;
max-width: 100%;
display: inline-block;
}
html .col-lg-12.col-md-12.col-sm-12.col-xs-12 .wrap-blog-post .wrap-image.wrap-image-grid {
position: relative;
min-height: 50px;
width: 100%;
float: none;
margin-right: 0;
overflow: hidden;
display: inline-block;
}
html .col-lg-12.col-md-12.col-sm-12.col-xs-12 .wrap-blog-post .wrap-info-grid {
float: none;
width: 100%;
padding: 5%;
display: inline-block;
}
footer .vc_column_container {
padding-left: 15px;
padding-right: 15px;
}
footer .vc_column_container .vc_column_container {
padding-left: 0;
padding-right: 0;
}
html .footer-shop img {
max-width: 100%;
height: auto;
}
.home-section .vc_row {
background-image: none !important;
}
html .home-section .featured-item-simple-icon {
margin: 45px 0 !important;
}
html .pp-box-wrap {
float: none;
margin: 0 auto;
}
html .bg-mobile-hidden {
background: none !important;
}
html .featured-item-simple-icon {
margin: 10px 0;
}
.header {
height: auto;
text-align: center;
}
.info-top {
margin: 10px;
text-align: center;
}
.info-top ul {
padding: 0;
}
.right-header {
text-align: center;
}
html .right-header .col-right-header {
display: inline-block;
margin-top: 15px;
padding-left: 30px;
padding-right: 30px;
vertical-align: top;
width: 100%;
text-align: center;
}
.header .navbar-nav > li {
display: inline-block;
float: none;
}
.yamm {
position: relative;
padding-left: 0 !important;
}
.yamm .navbar-header {
background: none repeat scroll 0 0 #ffc300;
}
.yamm .navbar-collapse {
background: none repeat scroll 0 0 #333333;
}
.yamm .nav li a {
color: #fff !important;
}
.header #search-global-menu {
border: 1px solid #ddd !important;
color: #ddd !important;
margin: 0 auto 10px;
position: relative;
right: 0;
top: 0;
width: 100%;
}
.header #search-global-mobile #search {
margin-left: 20px;
}
#search-global-mobile button {
position: relative;
left: -35px;
}
.header #search-global-mobile #search,
#search-global-mobile button i {
color: #000 !important;
}
.header #search-global-menu #search {
padding: 7px 2px 7px 1px !important;
width: 83%;
}
html .yamm #search-global-menu {
display: none !important;
}
.header .yamm .navbar-nav a:hover {
background: none repeat scroll 0 0 #526aff !important;
color: #fff !important;
}
.header .yamm,
.header .yamm .navbar-nav {
float: none;
margin: 0;
width: 100%;
}
.header .yamm,
.header .yamm .navbar-nav > li {
display: inline-block;
float: none;
text-align: left;
width: 100%;
position: relative;
padding-left: 0;
}
.header .top-cart {
float: none;
margin: 30px auto 20px auto;
position: relative;
width: 120px;
border: none;
}
.header .top-cart .qty-top-cart-active {
right: 14px;
top: -3px;
}
html .post .entry-title {
margin: 20px 0;
text-align: left;
}
.ver-tabs.horiz-tabs .nav > li {
width: 100%;
}
.banner-full-width * {
text-align: center !important;
}
.btn-fw-banner {
padding: 0 !important;
}
.btn-fw-banner .btn {
margin: 10px;
}
html .full-title-name {
display: inline-block;
font-size: 12px;
font-weight: 600;
left: 0;
min-width: auto;
padding: 7px 22px;
position: relative;
text-transform: uppercase;
top: 7px;
width: 100%;
}
html #filter {
height: auto;
margin-top: -25px;
padding-left: 0;
}
html #filter li {
display: inline-block;
list-style: outside none none;
margin-bottom: 10px;
width: 100%;
}
html .isotope-desc-content {
display: none;
}
html .isotope-item {
width: 49% !important;
}
.isotope-frame {
text-align: center;
}
html .full-title-name .btn {
bottom: -55px;
font-size: 13px;
left: 0;
width: 100%;
}
html .carousel-3 .media {
display: inline-block;
position: relative;
width: 100%;
}
html .carousel-3 .carousel-item-content {
display: inline-block;
padding: 3% 0 0 3% !important;
vertical-align: top;
width: 100%;
}
.carousel-brand .bx-prev,
.carousel-brand .bx-next {
display: none !important;
}
html .product-grid {
margin: 0;
padding: 0;
text-align: center;
width: 100%;
}
html .product-grid li {
margin: 5%;
width: 90%;
}
.product-grid li .slider_img {
display: none !important;
}
.testi-box {
display: inline-block;
margin: 20px 0;
}
.cd-floating-background img {
display: none !important;
}
.contact-section {
height: auto !important;
}
html .copy {
padding-bottom: 20px;
padding-top: 20px;
text-align: center;
}
html .footer-absolute .social-box {
float: none;
margin-top: 20px;
text-align: center;
width: 100%;
}
html .footer-panel .social-links {
display: inline-block;
margin: 0;
padding: 0;
vertical-align: top;
}
html .footer-panel .social-links li {
margin: 10px 0 0;
}
html .pp-box-item {
float: none;
width: 580px;
display: inline-block;
margin-top: -6px;
}
html .product-right {
padding-bottom: 50px;
}
html .product-grid.bxslider li {}
html .fa-box .fa,
{
display: block;
font-size: 34px !important;
}
html .fa-box {
margin-left: -6% !important;
margin-right: 6% !important;
padding: 5% 2% 5% 8% !important;
width: 30% !important;
}
html .ver-tabs.horiz-tabs .fa-content {
display: inline-block;
margin-left: 0;
padding: 1%;
text-align: left;
width: 67%;
}
html .ver-tabs.horiz-tabs .fa-box {
width: 30% !important;
}
html .isotope-filter .product-grid li {
margin: 0 1% 2%;
width: 21%;
height: auto !important;
}
.logo-box {
display: block !important;
margin: 0 auto !important;
padding: 10px !important;
text-align: center;
width: 100% !important;
}
html .box-date-post {
position: relative;
text-align: center;
}
html .post .entry-main {
padding-left: 0;
position: relative;
}
.footer-shop .row {
margin-left: 0px;
margin-right: 0px;
}
.product-right {
margin: 20px 0;
}
html body .pp-box-item {
display: inline-block;
float: none;
margin: 0 auto;
width: 292px;
}
html .pp-box {
float: none !important;
}
html .layout-header2 .yamm .navbar-nav > li {
background: #333 !important;
}
html .box-date-post {
border: 1px solid #eeeeee;
height: auto;
width: auto;
}
.wrap-works {
margin-bottom: 50px;
text-align: center;
}
.blog-post-item {
margin: 20px auto !important;
} .woocommerce table {
padding: 5px !important;
}
.woocommerce table td,
.woocommerce table th {
margin: 1px !important;
}
.woocommerce table,
.woocommerce tbody,
.woocommerce table tr,
.woocommerce table td,
.woocommerce table th,
.woocommerce thead,
.woocommerce tfooter {
display: inline-block;
max-width: 100% !important;
width: 100% !important;
text-align: center !important;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
float: none !important;
width: 100% !important;
}
.woocommerce .related ul li.product,
.woocommerce .related ul.products li.product,
.woocommerce .upsells.products ul li.product,
.woocommerce .upsells.products ul.products li.product,
.woocommerce-page .related ul li.product,
.woocommerce-page .related ul.products li.product,
.woocommerce-page .upsells.products ul li.product,
.woocommerce-page .upsells.products ul.products li.product {
margin: 0 0 5% 0 !important;
width: 100% !important;
}
html .woocommerce-cart table.cart td.actions .coupon .input-text {
margin: 0 0 10px 0 !important;
padding: 10px !important;
width: 100% !important;
}
.coupon {
float: none !important;
}
html .woocommerce a.remove {
display: inline-block;
}
.shop_table .button {
margin-bottom: 10px !important;
width: 100%;
}
.woocommerce-cart .qty {
margin: 0 auto !important;
}
.col-1,
.col-2 {
float: none !important;
width: 100% !important;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
float: none !important;
margin: 0 0 10px !important;
width: 100% !important;
}
html .woocommerce #payment .terms,
.woocommerce-page #payment .terms {
padding: 0 1em;
text-align: center;
}
html .yamm .nav .hot a {
border: none !important;
}
html .wrap-services-tabs .wrap-tabs .nav.nav-tabs li {
margin: 10px !important;
width: 100% !important;
}
html .portfolio-list-section .col-sm-3.sticky-bar {
max-width: 100%;
}
.post-footer .blog-footer-categories,
.post-footer .blog-footer-tags,
.post-footer .btn-social,
.post-footer .blog-footer-title,
.post-footer a {
width: 100% !important;
margin: 0 auto !important;
text-align: center !important;
}
html .footer-meta:nth-child(2n) {
text-align: right;
position: relative;
right: 0;
}
.post-footer .blog-footer-title {
border: 1px solid rgba(255, 255, 255, 0.5);
padding-left: 20px;
margin-right: 0;
margin-left: 0;
text-align: center;
font-size: 12px;
padding: 12px 20px;
display: inline-block;
text-align: center;
}
html .blog-post .post-body {
padding: 0 20px 20px 20px;
}
html .post-footer,
.post-footer a,
.post-footer .blog-footer-title,
.reply a:hover {
margin-bottom: 5px !important;
}
.tmpl-half-menu-middle {
width: 100% !important;
}
.tmpl-half-menu-right,
.tmpl-half-menu-left {
display: none !important;
}
html .tmpl-half-menu-middle .menu-mobile-button {
top: 26px;
right: -14px !important;
}
html #btc_calc input[type=text] {
display: block !important;
width: auto !important;
margin: 20px auto !important;
}
} @media (max-width:480px) {
html body .vc_custom_1504904221464 {
padding-top: 80px !important;
}
html .vc_custom_1504906252592 {
padding-bottom: 50px !important;
}
html .b-video {
padding-left: 20px;
padding-right: 20px;
}
html .rtd ul:not([class]) {
padding-left: 0;
}
html .vc_custom_1504903439817 {
padding-top: 0px !important;
}
html .vc_custom_1504884949802 {
margin-bottom: 0px !important;
}
html .b-video {
min-height: auto;
}
html .b-video h5 {
font-size: 22px;
}
html .vc_custom_1504900462567 {
padding-top: 50px !important;
}
html .wp-caption.alignleft,
html .wp-caption.alignright,
html .wp-caption.aligncenter {
margin-bottom: 1em;
}
html blockquote.alignleft,
html .wp-caption.alignleft,
html img.alignleft {
margin: 1em 1em 1em 0;
}
html .type-post.sticky .post-body > h4:before {
top: -8px !important
}
html .list-services__item .icon {
float: none;
margin-bottom: 10px;
}
html .header-section {
padding-top: 150px !important;
}
html .page-title-box {
line-height: 23px;
}
html .wrap-blog-post .wrap-image {
overflow: inherit;
}
html .wrap-blog-post .wrap-image.wrap-image-grid .post-date {
bottom: 0;
}
html .post-body > h4 a {
padding-bottom: 0 !important;
}
html .post-body .post_footer {
padding-top: 0;
}
html .post-body > h4 {
padding-right: 0 !important;
}
html .wrap-blog-post .post-body p {
word-wrap: break-word;
}
html .rtd iframe {
max-width: 100%;
max-height: 200px;
}
html .post-password-form input[type=password],
html .post-password-form label {
width: 100%;
}
html .post-password-form input[type=submit] {
top: 0;
width: 100%;
}
html blockquote:not([class]) {
padding: 65px 30px 36px 30px !important;
}
.rtd table:not([class]) td:not([class]),
.rtd table:not([class]) th:not([class]),
.rtd table:not([class]) thead:not([class]),
.rtd table:not([class]) tbody:not([class]),
.rtd table:not([class]) tr:not([class]) {
display: inline-block;
width: 100%;
}
.rtd table:not([class]) td:not([class]),
.rtd table:not([class]) th:not([class]) {
border-top: 0;
min-height: 35px;
text-align: center;
}
.rtd table:not([class]) {
border-top: 1px solid #d0d2d7;
}
html .tmpl-content-container,
html .tmpl-cc-container {
width: 100% !important;
height: auto !important;
}
html .blog-layout-grid .sidebar-type-left .wrap-image.wrap-image-grid,
html .blog-layout-grid .sidebar-type-right .wrap-image.wrap-image-grid {
width: 100% !important;
margin-right: 0 !important;
}
html .blog-layout-grid .wrap-blog-post .wrap-info-grid {
float: none;
width: 100%;
}
body:not(.blog) .breadcrumbs {
padding: 10px 15px;
}
.woocommerce-breadcrumb {
line-height: 1.7;
}
html .services .nav-tabs > a.btn {
padding: 15px 20px 15px 20px;
width: 100%;
}
html .portfolio-item .portfolio-image .portfolio-item-body {
left: 0;
}
html .stats > div > div {
margin: 0 auto;
}
html .comment-list .comment,
.comment-list > li {
margin-left: 0;
}
html #gallery-1 .gallery-item {
float: none;
margin-top: 10px;
text-align: center;
width: 100%;
}
html body .folio-isotop-filter ul > li a {
padding-bottom: 10px;
padding-top: 10px;
margin: 0 30px;
}
html .b-home-features .b-features-columns-holder {
margin-top: 0;
}
.post-footer .blog-footer-categories,
.post-footer .blog-footer-tags,
.post-footer .btn-social,
.post-footer .blog-footer-title,
.post-footer a {
width: 100% !important;
margin: 0 auto !important;
text-align: center !important;
}
html .footer-meta:nth-child(2n) {
text-align: right;
position: relative;
right: 0;
}
.post-footer .blog-footer-title {
border: 1px solid rgba(255, 255, 255, 0.5);
padding-left: 20px;
margin-right: 0;
margin-left: 0;
text-align: center;
font-size: 12px;
padding: 12px 20px;
display: inline-block;
text-align: center;
}
html .blog-post .post-body {
padding: 0 20px 20px 20px;
}
html .comment-list .comment-info-content {
margin-left: 0;
padding-bottom: 0;
font-size: 14px;
padding-top: 20px;
}
html .post-footer,
.post-footer a,
.post-footer .blog-footer-title,
.reply a:hover {
margin-bottom: 5px !important;
}
html .reply {
position: relative;
right: 0;
top: 0;
}
html .comment-list {
margin-top: 0;
padding: 0px 0 0 0px;
background-color: #fff;
margin-bottom: 0;
}
html .post-footer {
padding: 25px 25px 25px 25px;
}
html .comment-list .comment-author {
float: none !important;
}
.summary-list .pull-left,
.summary-list .pull-right {
float: none !important;
width: 100% !important;
text-align: center;
padding: 10px;
}
.work-body .pix-social-share {
display: inline-block;
width: 100%;
text-align: center !important;
}
html .section-heading .section-title {
font-size: 28px;
margin-bottom: 0;
}
html .our-services div > a > span {
text-align: center;
padding-top: 0;
width: 80px;
height: 80px;
position: relative;
left: 0;
top: 0;
display: block;
margin: 0 auto 30px;
}
html body .services .service-item {
margin-left: 0;
padding: 20px;
}
html .og-expander-inner {
height: 100%;
width: auto;
}
html .og-details {
float: none;
width: 100%;
}
.og-details {
padding: 20px;
overflow: auto;
}
html .our-services div > a {
padding: 20px;
text-align: center !important;
}
html .wpcf7 .order-form label {
display: inline-block !important;
width: 100% !important;
margin: 10px;
font-size: 39px;
}
html #accordion-one {
margin-left: 25px;
margin-right: 25px;
}
html .our-services div > a {
text-align: left;
}
#fleet-gallery .owl-carousel.owl-drag .owl-item {
margin-left: -20px;
}
.carlos-scroll .section-heading {
text-align: center;
padding: 85px 20px 50px;
}
html .disable-owl-carousel > div {
display: inline-block;
max-width: 100%;
}
.jarallax-content .container {
padding-right: 0;
padding-left: 0;
}
html .stats > div > div {
padding: 10px 30px 28px 25px;
}
html .b-team-list .team-list-item {
float: none;
position: relative;
overflow: hidden;
width: 100%;
display: inline-block;
margin-left: 0;
}
html .stats .counter-item {
margin-right: 0;
}
html .jarallax.jarallax-full-width {
margin-left: 0 !important;
}
.hero-module,
.tp-bullets,
.tparrows {
display: none !important;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li,
html .folio-isotop-filter ul > li {
width: 100%;
}
html .feature-item {
display: inline-block;
width: 100%;
vertical-align: top;
text-align: center !important;
padding: 0 20px;
}
.section-skills .feature-item {
height: auto !important;
}
html .feature-item h5 {
padding-bottom: 10px;
}
html .section-intro .under-intro-text,
html .intro-text * {
text-align: center;
}
html .section-intro .intro-text {
height: auto;
min-height: 165px;
}
html .section-heading {
text-align: center;
padding: 50px 20px 50px;
}
html .section-brands .brand-item {
display: block;
vertical-align: middle;
padding: 10px 30px;
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a {
border: 0 !important;
}
.service-features-section {
padding-bottom: 80px;
position: relative;
padding-left: 20px;
padding-top: 20px;
padding-right: 20px;
}
html .blog-post-item {
display: inline-block;
margin: 10px auto !important;
vertical-align: top;
width: 100%;
}
html .panel-price .panel-heading h2 {
font-size: 38px;
line-height: 40px;
margin: 0;
}
.cd-pricing-switcher .btn {
float: none !important;
}
html .full-title-name {
margin-left: -10px;
}
html .section-header .heading {
font-size: 18px;
}
html .full-width-box::after {
width: 40% !important;
}
html .icon-line h3 {
font-size: 15px !important;
padding: 14px 20px;
}
html .product-info .nav-tabs > li {
margin-right: 0;
width: 100%;
}
html .person-text {
padding-left: 10px;
padding-top: 20px;
position: relative;
}
.carousel1 .bx-viewport {
height: auto !important;
max-width: 380px;
margin: 0 auto;
}
html .isotope-filter .product-grid li {
margin: 0 !important;
width: 100% !important;
}
html .wrap-services .service-item {
margin-bottom: 0;
padding-bottom: 30px;
}
html .wrap-services .service-icon {
float: none !important;
padding-top: 20px;
text-align: center !important;
width: 100%;
}
html .wrap-services .service-text {
text-align: center !important;
float: none !important;
padding-top: 20px;
width: 100%;
}
html .nav-tabs-vertical {
display: inline-block;
width: 100%;
}
html .img-circle {
margin: 0 auto;
max-width: 240px;
}
html .wrap-blog-post .wrap-post-description .list-inline {
margin-left: 0;
}
.wrap-blog-post .wrap-post-description {
padding: 15px !important;
}
.wrap-blog-post .list-inline {
display: none !important;
}
html .page-header {
height: auto;
padding-bottom: 235px;
}
.post-header .pull-right {
display: inline-block;
float: none !important;
margin: -20px 0 10px 0;
width: 100%;
}
.post-header .post-info h5 {
padding-top: 5px !important;
float: none !important;
font-size: 21px !important;
padding-bottom: 10px !important;
}
html body .post-header .post-info {
margin-left: 0;
font-size: 14px;
text-align: left;
}
.wrap-downloads .download-item .ico {
text-align: center;
}
.wrap-downloads .download-item .ico .down-ico {
margin: 0 auto;
}
#nav .floated {
margin: 77px -15px 0 !important;
position: absolute;
width: 100vw;
}
html .dropdown-menu .dropdown-menu {
left: 0 !important;
position: relative !important;
top: 0 !important;
}
html .portfolio-col-3 .isotope-item,
html .portfolio-col-2 .isotope-item,
html .portfolio-col-4 .isotope-item {
margin: 1%;
width: 100% !important;
}
footer .widget_nav_menu li {
display: inline-block;
width: 100%;
float: none;
text-align: center;
margin: 0 !important;
padding: 0 0 10px 0 !important;
}
}/*/*//**//*/*//**/@media (min-width:768px) and (max-width:990px) {
html .b-video {
box-shadow: none;
}
html .vc_custom_1504904221464 {
padding-top: 100px !important;
padding-bottom: 50px !important;
}
html .vc_custom_1512485934215 {
margin-left: 0px !important;
}
.wrap-cards .box-heading {
height: auto !important;
padding-top: 0 !important;
}
} @media (max-width:767px) {
html .b-video {
box-shadow: none;
}
.vc_custom_1507903670863 {
margin-left: 10px !important;
}
html .vc_custom_1505411071620 {
padding-top: 80px !important;
}
html .kswr-heading-container div {
line-height: 1.7;
}
html .vc_custom_1504904221464 {
padding-top: 100px !important;
padding-bottom: 50px !important;
}
html .vc_custom_1504904114698 {
padding-top: 0px !important;
}
html .vc_custom_1504904462403 blockquote:not([class]) {
padding: 65px 0px 36px 0px !important;
}
html .vc_custom_1505126245099 {
padding-bottom: 50px !important;
}
html .vc_custom_1504904462403 blockquote:before {
left: 0;
}
html .vc_custom_1504904462403 blockquote:after {
right: 0;
}
html .vc_custom_1530544704147 {
padding-bottom: 25px !important;
}
html .vc_custom_1522684567939 {
padding-left: 0 !important;
}
html .slick-slider:hover .slick-next,
.slick-slider:hover .slick-prev {
display: none !important;
}
html .vc_custom_1524572198675 {
margin-top: -80px;
}
.wpaddons-parallax-left {
display: none;
}
html .service-application {
display: block;
}
html .application .app-features {
position: relative;
width: 100%;
margin-bottom: 40px;
margin-top: 40px;
}
html .km-modal-video-tgr img {
max-width: 100%;
height: auto;
}
html .vc_custom_1512485934215 {
margin-left: 0px !important;
}
html .vc_custom_1487787229091 {
padding-left: 0px !important;
}
html .vc_custom_1485525386322 {
text-align: center !important;
}
html .vc_custom_1511134593738 {
padding-left: 15px !important;
}
html .tmp-post-box {
width: 100% !important;
}
html .vc_custom_1503911945229 {
margin-top: 0 !important;
}
html .vc_custom_1497992349164 {
padding-top: 0px !important;
}
html .b-progress-list__item {
padding: 35px 30px 20px;
height: auto;
}
.section-decor-wrap svg:not(:root) {
overflow: inherit !important;
}
html .service-item {
text-align: center !important;
}
html .vc_custom_1496997276176 {
padding: 0 !important;
}
.wrap-features {
text-align: center;
}
.wrap-downloads .download-item {
margin-bottom: 25px;
text-align: center;
}
.wrap-tabs .col-middle {
margin-bottom: 50px;
}
.wrap-tabs .tab-pane-vertical p,
.wrap-tabs .tab-pane-vertical h4 {
margin-left: 0px !important;
}
html .wrap-tabs {
padding: 0;
}
html .wrap-timeline .left-row,
html .wrap-timeline .right-row {
text-align: left !important;
margin-bottom: 20px;
padding-left: 110px !important;
}
html .wrap-timeline .left-row .time-item {
padding-right: 20px;
padding-left: 0;
}
html .wrap-timeline .right-row .time-item {
padding-left: 0 !important;
}
html .wrap-timeline .row > .round-ico.little:after {
left: 100%;
top: 6px;
}
html .wrap-timeline .row > .round-ico.little:before {
right: -37px;
}
html .wrap-timeline .top-row .time-title .round-ico {
left: 20px;
}
html .wrap-timeline:after {
left: 17px;
}
html .wrap-timeline .row > .round-ico.little {
left: 33px;
}
html .wrap-timeline .row > .round-ico.big {
left: 32px;
}
html .wrap-timeline .plus .plus-ico {
margin: 0 0 0 -9px;
}
.wrap-service-nav {
padding: 0;
}
.cd-single-point .cd-more-info {
display: none !important;
}
html .wrap-service-nav {
padding: 0;
}
html .vc_custom_1496933493562 {
padding-top: 100px !important;
padding-bottom: 0 !important;
}
html .spl-title h2 {
font-size: 26px;
margin-bottom: 24px !important;
}
html .post-header .wrap-post-info {
margin-left: 0;
padding: 0;
text-align: center;
}
html .post-header .avatar {
margin: 0 auto;
text-align: center;
}
html .post-header .post-info h5 {
padding-top: 5px;
float: none !important;
text-align: left;
font-size: 20px;
}
html .wrap-blog-post .post-description .post-avatar img {
top: -31px;
right: 14px;
max-width: 50px;
}
html .b-upper-title {
min-height: auto !important;
}
html .blog-post-item {
width: 100%;
}
.latest-carousel-item .blog-item-content .blog-item-img {
height: auto !important;
overflow: hidden;
}
html .vc_icon_element-outer .vc_icon_content {
text-align: left;
}
html .our-services .department-1-item {
width: 100%;
}
html .nav-tabs-vertical {
display: inline-block;
width: 100%;
}
.creative-brand .vc_figure {
border: 0 !important;
}
}