.jctkr-wrapper,.jctkr-wrapper *{box-sizing:border-box}.jctkr-wrapper{display:inline-block;position:relative;width:100%;height:35px;vertical-align:top;overflow:hidden}.jctkr-wrapper ul{position:absolute;left:0;top:0;height:100%;margin:0;padding:0;list-style:none;white-space:nowrap;font-size:0;text-align:left;opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s}.jctkr-wrapper.jctkr-initialized ul{opacity:1}.jctkr-wrapper ul li{display:inline-block;font-family:sans-serif;font-size:16px}.jctkr-label{display:inline-block}.carouselTicker__list { 
padding: 0;
list-style-type: none;
overflow: hidden;
margin-bottom: 0;
}
.carouselTicker__item {
margin: 0 0 0 5px;
float: left; 
width: 200px;
height: 100px;
line-height: 60px;
text-align: center;
}
.carouselTicker__loader {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #fff url(//iebrain.com/wp-content/themes/ingenious-e-brain/assets/images/loader.gif) center center no-repeat;
} .carouselTicker_vertical .carouselTicker__list {
margin: 0;
}
.carouselTicker_vertical .carouselTicker__item {
margin: 0 0 5px 0;
border: 4px solid red;
width: 100px;
height: 60px;
line-height: 60px;
text-align: center;
}
#carouselTicker .carouselTicker__item,
#carouselTicker-destructor-example .carouselTicker__item,
#carouselTicker-buttons-controls-example .carouselTicker__item {
width: auto;
height: auto;
line-height: normal;
}
.carouselTicker__item img {
vertical-align: top;
}.hvr-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
-webkit-transform: scale(1.1);
transform: scale(1.1);
} .hvr-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
-webkit-transform: scale(0.9);
transform: scale(0.9);
} @-webkit-keyframes hvr-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes hvr-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
.hvr-pulse {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
-webkit-animation-name: hvr-pulse;
animation-name: hvr-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes hvr-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@keyframes hvr-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
.hvr-pulse-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
-webkit-animation-name: hvr-pulse-grow;
animation-name: hvr-pulse-grow;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} @-webkit-keyframes hvr-pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes hvr-pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
.hvr-pulse-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
-webkit-animation-name: hvr-pulse-shrink;
animation-name: hvr-pulse-shrink;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} @-webkit-keyframes hvr-push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes hvr-push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.hvr-push {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
-webkit-animation-name: hvr-push;
animation-name: hvr-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes hvr-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
.hvr-pop {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
-webkit-animation-name: hvr-pop;
animation-name: hvr-pop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .hvr-bounce-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
} .hvr-bounce-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
} .hvr-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
} .hvr-grow-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
-webkit-transform: scale(1.1) rotate(4deg);
transform: scale(1.1) rotate(4deg);
} .hvr-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
} .hvr-sink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
-webkit-transform: translateY(8px);
transform: translateY(8px);
} @-webkit-keyframes hvr-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes hvr-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@-webkit-keyframes hvr-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes hvr-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
.hvr-bob {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
-webkit-animation-name: hvr-bob-float, hvr-bob;
animation-name: hvr-bob-float, hvr-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} @-webkit-keyframes hvr-hang {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@keyframes hvr-hang {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@-webkit-keyframes hvr-hang-sink {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@keyframes hvr-hang-sink {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
.hvr-hang {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
-webkit-animation-name: hvr-hang-sink, hvr-hang;
animation-name: hvr-hang-sink, hvr-hang;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} .hvr-skew {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
-webkit-transform: skew(-10deg);
transform: skew(-10deg);
} .hvr-skew-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
-webkit-transform: skew(-10deg);
transform: skew(-10deg);
} .hvr-skew-backward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
-webkit-transform: skew(10deg);
transform: skew(10deg);
} @-webkit-keyframes hvr-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes hvr-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.hvr-wobble-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
-webkit-animation-name: hvr-wobble-vertical;
animation-name: hvr-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.hvr-wobble-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
-webkit-animation-name: hvr-wobble-horizontal;
animation-name: hvr-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px);
}
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px);
}
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes hvr-wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px);
}
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px);
}
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.hvr-wobble-to-bottom-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
-webkit-animation-name: hvr-wobble-to-bottom-right;
animation-name: hvr-wobble-to-bottom-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px, -8px);
transform: translate(8px, -8px);
}
33.3% {
-webkit-transform: translate(-6px, 6px);
transform: translate(-6px, 6px);
}
49.95% {
-webkit-transform: translate(4px, -4px);
transform: translate(4px, -4px);
}
66.6% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
83.25% {
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes hvr-wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px, -8px);
transform: translate(8px, -8px);
}
33.3% {
-webkit-transform: translate(-6px, 6px);
transform: translate(-6px, 6px);
}
49.95% {
-webkit-transform: translate(4px, -4px);
transform: translate(4px, -4px);
}
66.6% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
83.25% {
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.hvr-wobble-to-top-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
-webkit-animation-name: hvr-wobble-to-top-right;
animation-name: hvr-wobble-to-top-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes hvr-wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.hvr-wobble-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
-webkit-animation-name: hvr-wobble-top;
animation-name: hvr-wobble-top;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes hvr-wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.hvr-wobble-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
-webkit-animation-name: hvr-wobble-bottom;
animation-name: hvr-wobble-bottom;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes hvr-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.hvr-wobble-skew {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
-webkit-animation-name: hvr-wobble-skew;
animation-name: hvr-wobble-skew;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
@keyframes hvr-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
.hvr-buzz {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
-webkit-animation-name: hvr-buzz;
animation-name: hvr-buzz;
-webkit-animation-duration: 0.15s;
animation-duration: 0.15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
.hvr-buzz-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
-webkit-animation-name: hvr-buzz-out;
animation-name: hvr-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .hvr-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
-webkit-transform: translateX(8px);
transform: translateX(8px);
} .hvr-backward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
}  .hvr-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
overflow: hidden;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
background-color: #2098D1;
color: white;
} @-webkit-keyframes hvr-back-pulse {
50% {
background-color: rgba(32, 152, 209, 0.75);
}
}
@keyframes hvr-back-pulse {
50% {
background-color: rgba(32, 152, 209, 0.75);
}
}
.hvr-back-pulse {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
overflow: hidden;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
}
.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
-webkit-animation-name: hvr-back-pulse;
animation-name: hvr-back-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
background-color: #2098D1;
background-color: #2098d1;
color: white;
} .hvr-sweep-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
} .hvr-sweep-to-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-sweep-to-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
color: white;
}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
} .hvr-sweep-to-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
} .hvr-sweep-to-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
} .hvr-bounce-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .hvr-bounce-to-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
color: white;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .hvr-bounce-to-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .hvr-bounce-to-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .hvr-radial-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
background: #e1e1e1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-radial-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
color: white;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
-webkit-transform: scale(2);
transform: scale(2);
} .hvr-radial-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
background: #2098D1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-radial-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e1e1e1;
border-radius: 100%;
-webkit-transform: scale(2);
transform: scale(2);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
color: white;
}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
-webkit-transform: scale(0);
transform: scale(0);
} .hvr-rectangle-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #2098D1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e1e1e1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
color: white;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
-webkit-transform: scale(0);
transform: scale(0);
} .hvr-rectangle-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
-webkit-transform: scale(1);
transform: scale(1);
} .hvr-shutter-in-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #2098D1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #e1e1e1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
-webkit-transform: scaleX(0);
transform: scaleX(0);
} .hvr-shutter-out-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
} .hvr-shutter-in-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #2098D1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #e1e1e1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
color: white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
-webkit-transform: scaleY(0);
transform: scaleY(0);
} .hvr-shutter-out-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}  .hvr-border-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); }
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px rgba(0, 0, 0, 0); } .hvr-hollow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: background;
transition-property: background;
box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); }
.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
background: none;
} .hvr-trim {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.hvr-trim:before {
content: '';
position: absolute;
border: white solid 4px;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
opacity: 1;
} @-webkit-keyframes hvr-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
@keyframes hvr-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
.hvr-ripple-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.hvr-ripple-out:before {
content: '';
position: absolute;
border: #e1e1e1 solid 6px;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
-webkit-animation-name: hvr-ripple-out;
animation-name: hvr-ripple-out;
} @-webkit-keyframes hvr-ripple-in {
100% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
}
@keyframes hvr-ripple-in {
100% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
}
.hvr-ripple-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.hvr-ripple-in:before {
content: '';
position: absolute;
border: #e1e1e1 solid 4px;
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
-webkit-animation-name: hvr-ripple-in;
animation-name: hvr-ripple-in;
} .hvr-outline-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.hvr-outline-out:before {
content: '';
position: absolute;
border: #e1e1e1 solid 4px;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: top, right, bottom, left;
transition-property: top, right, bottom, left;
}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
} .hvr-outline-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.hvr-outline-in:before {
pointer-events: none;
content: '';
position: absolute;
border: #e1e1e1 solid 4px;
top: -16px;
right: -16px;
bottom: -16px;
left: -16px;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: top, right, bottom, left;
transition-property: top, right, bottom, left;
}
.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
opacity: 1;
} .hvr-round-corners {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: border-radius;
transition-property: border-radius;
}
.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
border-radius: 1em;
} .hvr-underline-from-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.hvr-underline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
right: 0;
} .hvr-underline-from-center {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.hvr-underline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 51%;
right: 51%;
bottom: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
left: 0;
right: 0;
} .hvr-underline-from-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.hvr-underline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
bottom: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: left;
transition-property: left;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
left: 0;
} .hvr-overline-from-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.hvr-overline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
top: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
right: 0;
} .hvr-overline-from-center {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.hvr-overline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 51%;
right: 51%;
top: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
left: 0;
right: 0;
} .hvr-overline-from-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.hvr-overline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
top: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: left;
transition-property: left;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
left: 0;
} .hvr-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.hvr-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-color: #2098D1;
border-style: solid;
border-width: 0;
-webkit-transition-property: border-width;
transition-property: border-width;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
border-width: 4px;
} .hvr-underline-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.hvr-underline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
height: 4px;
-webkit-transform: translateY(4px);
transform: translateY(4px);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
} .hvr-overline-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.hvr-overline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
background: #2098D1;
height: 4px;
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
}  .hvr-glow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
}
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
} .hvr-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
}
.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
} .hvr-grow-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow, transform;
transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
-webkit-transform: scale(1.1);
transform: scale(1.1);
} .hvr-box-shadow-outset {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
}
.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
} .hvr-box-shadow-inset {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); }
.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); } .hvr-float-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-float-shadow:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); -webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
-webkit-transform: translateY(-5px);
transform: translateY(-5px); }
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px); } .hvr-shadow-radial {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.hvr-shadow-radial:before, .hvr-shadow-radial:after {
pointer-events: none;
position: absolute;
content: '';
left: 0;
width: 100%;
box-sizing: border-box;
background-repeat: no-repeat;
height: 5px;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.hvr-shadow-radial:before {
bottom: 100%;
background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:after {
top: 100%;
background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
opacity: 1;
}  .hvr-bubble-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.hvr-bubble-top:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
left: calc(50% - 10px);
top: 0;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #e1e1e1 transparent;
}
.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
} .hvr-bubble-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.hvr-bubble-right:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
top: calc(50% - 10px);
right: 0;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #e1e1e1;
}
.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
-webkit-transform: translateX(10px);
transform: translateX(10px);
} .hvr-bubble-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.hvr-bubble-bottom:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
left: calc(50% - 10px);
bottom: 0;
border-width: 10px 10px 0 10px;
border-color: #e1e1e1 transparent transparent transparent;
}
.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
-webkit-transform: translateY(10px);
transform: translateY(10px);
} .hvr-bubble-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.hvr-bubble-left:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
top: calc(50% - 10px);
left: 0;
border-width: 10px 10px 10px 0;
border-color: transparent #e1e1e1 transparent transparent;
}
.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
} .hvr-bubble-float-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-top:before {
position: absolute;
z-index: -1;
content: '';
left: calc(50% - 10px);
top: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #e1e1e1 transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
} .hvr-bubble-float-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-right:before {
position: absolute;
z-index: -1;
top: calc(50% - 10px);
right: 0;
content: '';
border-style: solid;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #e1e1e1;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
-webkit-transform: translateX(10px);
transform: translateX(10px);
} .hvr-bubble-float-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-bottom:before {
position: absolute;
z-index: -1;
content: '';
left: calc(50% - 10px);
bottom: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #e1e1e1 transparent transparent transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
-webkit-transform: translateY(10px);
transform: translateY(10px);
} .hvr-bubble-float-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-left:before {
position: absolute;
z-index: -1;
content: '';
top: calc(50% - 10px);
left: 0;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent #e1e1e1 transparent transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}  .hvr-icon-back {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
.hvr-icon-back .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-back:hover .hvr-icon, .hvr-icon-back:focus .hvr-icon, .hvr-icon-back:active .hvr-icon {
-webkit-transform: translateX(-4px);
transform: translateX(-4px);
} .hvr-icon-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
.hvr-icon-forward .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon {
-webkit-transform: translateX(4px);
transform: translateX(4px);
} @-webkit-keyframes hvr-icon-down {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes hvr-icon-down {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
} .hvr-icon-down {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-down .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-down:hover .hvr-icon, .hvr-icon-down:focus .hvr-icon, .hvr-icon-down:active .hvr-icon {
-webkit-animation-name: hvr-icon-down;
animation-name: hvr-icon-down;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} @-webkit-keyframes hvr-icon-up {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes hvr-icon-up {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
} .hvr-icon-up {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-up .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-up:hover .hvr-icon, .hvr-icon-up:focus .hvr-icon, .hvr-icon-up:active .hvr-icon {
-webkit-animation-name: hvr-icon-up;
animation-name: hvr-icon-up;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} .hvr-icon-spin {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-spin .hvr-icon {
-webkit-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
.hvr-icon-spin:hover .hvr-icon, .hvr-icon-spin:focus .hvr-icon, .hvr-icon-spin:active .hvr-icon {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
} @-webkit-keyframes hvr-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
51%,
100% {
opacity: 1;
}
}
@keyframes hvr-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
51%,
100% {
opacity: 1;
}
} .hvr-icon-drop {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-drop .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-drop:hover .hvr-icon, .hvr-icon-drop:focus .hvr-icon, .hvr-icon-drop:active .hvr-icon {
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-animation-name: hvr-icon-drop;
animation-name: hvr-icon-drop;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .hvr-icon-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-fade .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: color;
transition-property: color;
}
.hvr-icon-fade:hover .hvr-icon, .hvr-icon-fade:focus .hvr-icon, .hvr-icon-fade:active .hvr-icon {
color: #0F9E5E;
} @-webkit-keyframes hvr-icon-float-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(-1em);
transform: translateY(-1em);
}
}
@keyframes hvr-icon-float-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(-1em);
transform: translateY(-1em);
}
} .hvr-icon-float-away {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-float-away .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.hvr-icon-float-away:hover .hvr-icon, .hvr-icon-float-away:focus .hvr-icon, .hvr-icon-float-away:active .hvr-icon {
-webkit-animation-name: hvr-icon-float-away;
animation-name: hvr-icon-float-away;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} @-webkit-keyframes hvr-icon-sink-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(1em);
transform: translateY(1em);
}
}
@keyframes hvr-icon-sink-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(1em);
transform: translateY(1em);
}
} .hvr-icon-sink-away {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-sink-away .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.hvr-icon-sink-away:hover .hvr-icon, .hvr-icon-sink-away:focus .hvr-icon, .hvr-icon-sink-away:active .hvr-icon {
-webkit-animation-name: hvr-icon-sink-away;
animation-name: hvr-icon-sink-away;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} .hvr-icon-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-grow .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-grow:hover .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:active .hvr-icon {
-webkit-transform: scale(1.3) translateZ(0);
transform: scale(1.3) translateZ(0);
} .hvr-icon-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-shrink .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-shrink:hover .hvr-icon, .hvr-icon-shrink:focus .hvr-icon, .hvr-icon-shrink:active .hvr-icon {
-webkit-transform: scale(0.8);
transform: scale(0.8);
} @-webkit-keyframes hvr-icon-pulse {
25% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
75% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes hvr-icon-pulse {
25% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
75% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
.hvr-icon-pulse {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-pulse .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-pulse:hover .hvr-icon, .hvr-icon-pulse:focus .hvr-icon, .hvr-icon-pulse:active .hvr-icon {
-webkit-animation-name: hvr-icon-pulse;
animation-name: hvr-icon-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes hvr-icon-pulse-grow {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
@keyframes hvr-icon-pulse-grow {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
.hvr-icon-pulse-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-pulse-grow .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-pulse-grow:hover .hvr-icon, .hvr-icon-pulse-grow:focus .hvr-icon, .hvr-icon-pulse-grow:active .hvr-icon {
-webkit-animation-name: hvr-icon-pulse-grow;
animation-name: hvr-icon-pulse-grow;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} @-webkit-keyframes hvr-icon-pulse-shrink {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes hvr-icon-pulse-shrink {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
.hvr-icon-pulse-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-pulse-shrink .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-pulse-shrink:hover .hvr-icon, .hvr-icon-pulse-shrink:focus .hvr-icon, .hvr-icon-pulse-shrink:active .hvr-icon {
-webkit-animation-name: hvr-icon-pulse-shrink;
animation-name: hvr-icon-pulse-shrink;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} @-webkit-keyframes hvr-icon-push {
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@keyframes hvr-icon-push {
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
.hvr-icon-push {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-push .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-push:hover .hvr-icon, .hvr-icon-push:focus .hvr-icon, .hvr-icon-push:active .hvr-icon {
-webkit-animation-name: hvr-icon-push;
animation-name: hvr-icon-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-icon-pop {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
@keyframes hvr-icon-pop {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
.hvr-icon-pop {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-pop .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-pop:hover .hvr-icon, .hvr-icon-pop:focus .hvr-icon, .hvr-icon-pop:active .hvr-icon {
-webkit-animation-name: hvr-icon-pop;
animation-name: hvr-icon-pop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .hvr-icon-bounce {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-bounce .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-bounce:hover .hvr-icon, .hvr-icon-bounce:focus .hvr-icon, .hvr-icon-bounce:active .hvr-icon {
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
} .hvr-icon-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-rotate .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-rotate:hover .hvr-icon, .hvr-icon-rotate:focus .hvr-icon, .hvr-icon-rotate:active .hvr-icon {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
} .hvr-icon-grow-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-grow-rotate .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-grow-rotate:hover .hvr-icon, .hvr-icon-grow-rotate:focus .hvr-icon, .hvr-icon-grow-rotate:active .hvr-icon {
-webkit-transform: scale(1.5) rotate(12deg);
transform: scale(1.5) rotate(12deg);
} .hvr-icon-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-float .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-float:hover .hvr-icon, .hvr-icon-float:focus .hvr-icon, .hvr-icon-float:active .hvr-icon {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
} .hvr-icon-sink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-sink .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-sink:hover .hvr-icon, .hvr-icon-sink:focus .hvr-icon, .hvr-icon-sink:active .hvr-icon {
-webkit-transform: translateY(4px);
transform: translateY(4px);
} @-webkit-keyframes hvr-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes hvr-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@-webkit-keyframes hvr-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes hvr-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
.hvr-icon-bob {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-bob .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-bob:hover .hvr-icon, .hvr-icon-bob:focus .hvr-icon, .hvr-icon-bob:active .hvr-icon {
-webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
animation-name: hvr-icon-bob-float, hvr-icon-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} @-webkit-keyframes hvr-icon-hang {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes hvr-icon-hang {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@-webkit-keyframes hvr-icon-hang-sink {
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes hvr-icon-hang-sink {
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
.hvr-icon-hang {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-hang .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-hang:hover .hvr-icon, .hvr-icon-hang:focus .hvr-icon, .hvr-icon-hang:active .hvr-icon {
-webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
animation-name: hvr-icon-hang-sink, hvr-icon-hang;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} @-webkit-keyframes hvr-icon-wobble-horizontal {
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
33.3% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes hvr-icon-wobble-horizontal {
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
33.3% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.hvr-icon-wobble-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-wobble-horizontal .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-wobble-horizontal:hover .hvr-icon, .hvr-icon-wobble-horizontal:focus .hvr-icon, .hvr-icon-wobble-horizontal:active .hvr-icon {
-webkit-animation-name: hvr-icon-wobble-horizontal;
animation-name: hvr-icon-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-icon-wobble-vertical {
16.65% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
33.3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes hvr-icon-wobble-vertical {
16.65% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
33.3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.hvr-icon-wobble-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-wobble-vertical .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-wobble-vertical:hover .hvr-icon, .hvr-icon-wobble-vertical:focus .hvr-icon, .hvr-icon-wobble-vertical:active .hvr-icon {
-webkit-animation-name: hvr-icon-wobble-vertical;
animation-name: hvr-icon-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-icon-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
@keyframes hvr-icon-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
.hvr-icon-buzz {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-buzz .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-buzz:hover .hvr-icon, .hvr-icon-buzz:focus .hvr-icon, .hvr-icon-buzz:active .hvr-icon {
-webkit-animation-name: hvr-icon-buzz;
animation-name: hvr-icon-buzz;
-webkit-animation-duration: 0.15s;
animation-duration: 0.15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes hvr-icon-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes hvr-icon-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
.hvr-icon-buzz-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-buzz-out .hvr-icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-buzz-out:hover .hvr-icon, .hvr-icon-buzz-out:focus .hvr-icon, .hvr-icon-buzz-out:active .hvr-icon {
-webkit-animation-name: hvr-icon-buzz-out;
animation-name: hvr-icon-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}  .hvr-curl-top-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.hvr-curl-top-left:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
top: 0;
left: 0;
background: white; background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000'); z-index: 1000;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width, height;
transition-property: width, height;
}
.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
width: 25px;
height: 25px;
} .hvr-curl-top-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.hvr-curl-top-right:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
top: 0;
right: 0;
background: white; background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width, height;
transition-property: width, height;
}
.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
width: 25px;
height: 25px;
} .hvr-curl-bottom-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.hvr-curl-bottom-right:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
bottom: 0;
right: 0;
background: white; background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width, height;
transition-property: width, height;
}
.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
width: 25px;
height: 25px;
} .hvr-curl-bottom-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.hvr-curl-bottom-left:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
bottom: 0;
left: 0;
background: white; background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width, height;
transition-property: width, height;
}
.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
width: 25px;
height: 25px;
}* {
margin: 0;
padding: 0;
box-sizing: border-box;
vertical-align: top;
font-family: "Inter", serif;
}
body{overflow-x: hidden;}
h1,
h2, 
h3,
h4,
h5,
h6 { padding: 0;
}
.inter-<uniquifier> {
font-family: "Inter", serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
}
.short_container {
width: 88%;
margin: 0 auto;
}
body {
font-family: "Inter", serif;
box-sizing: border-box;
}
input,
select,
textarea,
label,
button,
fieldset {
border: none;
outline: none;
}
ul li {
list-style: none;
} .clear {
clear: both;
}
.img-responsive {
width: 100%;
}
a,
button {
text-decoration: none;
transition: 0.5s;
}
a:hover,
button:hover {
transition: 0.5s;
text-decoration: none !important;
}
hr {
width: 100%;
height: 1px;
background: #ccc;
margin: 20px 0;
}
.imgfloat {
float: left;
margin-right: 30px;
border;
1px solid #ccc;
width: 400px;
}
header {
padding: 5px 0px 0; 
position: relative;
left: 0;
top: 0;
width: 100%;
z-index: 999999999;
transition: 0.5s all ease;
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 0 10px #ccc;
}
.hdr_logo img { 
padding-bottom: 5px;
}
.searchbx { 
margin-left: 20px;
}
.clogobox {
display: flex;
flex: 0 0 236px;
width: 236px;
}
.clogobox a.hdr_logo {
display: block;
width: 100%;
}
.a {
color: #ec3237;
font-size: 26px;
text-transform: uppercase;
font-family: "Inter", serif;
font-weight: 600;
}
.menu_in {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.hdr_logo img {
transition: 0.5s all ease;
width: 100%;
}
.sticky {
position:fixed; 
top: 0;
left: 0;
z-index: 999999999;
width: 100%;
box-shadow: 0 0 10px #ccc;
tarnsition: 0.5s;
background: #fff;
}
.sticky img {
max-height: 70px;
transition: 0.5s all ease;
}
.mobtx {
display: flex;
align-items: center;
margin-top: 4px;
}
.mobtx img {
max-height: 24px;
margin-left: 0;
vertical-align: middle;
margin-top: -7px;
}
.header_fixed .mobtx img {
max-height: 25px;
}
.mobtx ul {
margin: 0px;
padding: 0;
}
.mobtx ul li {
list-style: none;
float: left;
margin-right: 0px;
}
.mobtx ul li a {
color: #fff;
font-size: 12px;
letter-spacing: 1px;
}  header .nav {
padding-left: 10px;
} header .navbar {
padding: 0;
min-height: 0px;
margin-bottom: 0px;
}
header .nav ul li {
margin-left: 5px;
}
header .nav ul li a {
font-size: 16px;
font-weight: 600;
line-height: 22px;
letter-spacing: 0.2;
padding:10px 24px 10px 14px !important;
text-transform: capitalize;
display: block;
color: #5E5B5B;
font-family: "Inter", serif;
transition: 0.5s all ease;
position: relative;
text-decoration: none;
position: relative;
}
.header_fixed .nav ul li a {
transition: 0.5s all ease;
}
header .nav ul li:hover a {
color: #04165d;
transition: 0.5s all ease;
}
header .dropdown:hover>.dropdown-menu {
display: block;
margin: 0;
padding: 0px;
border: 0;
background: #fff;
padding: 20px;
}
header .dropdown>.dropdown-toggle:active {
pointer-events: none;
}
header .dropdown:hover>.dropdown-menu li {
padding: 0;
margin: 0;
border-bottom: 1px solid #ccc;
}
header .dropdown:hover>.dropdown-menu li a {
padding: 10px;
color: #04165d;
}
header .dropdown:hover>.dropdown-menu li a:hover {
background: #166aa9;
color: #fff;
}
header .nav .navbar-toggle {
display: none;
}
header .nav ul li a.dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: baseline;
content: "\f107";
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
font: normal normal normal 14px/1 FontAwesome;
font-size: 18px;
color: #000;
position: absolute;
top: 14px;
}
header .nav ul li a.dropdown-toggle:hover::after {
color: #166aa9;
}
.searchbx .input-group {
display: block;
}
.searchbx .input-group input {
width: 100%;
padding-left: 40px;
border-radius: 5px !important;
background: #F5F5F5;
}
li.nav-item.search_item {
width: 180px;
}
.searchbx .input-group .input-group-btn {
position: absolute;
top: 0;
z-index: 9;
}
.searchbx .input-group .input-group-btn i {
line-height: 22px;
font-size: 20px;
}
.searchbx .input-group input:hover, .searchbx .input-group input:focus{box-shadow:0 0 10px #adadad;}
.searchbx button.btn.btn-default img:hover{box-shadow:0 0 10px #adadad;}
header .nav ul li:last-child {
margin-left: 20px;
}
.pd_t50 {
padding: 50px 0;
}  .banner-home {
width: 100%;
margin: 0px auto 0px auto;
position: relative;
}
.banner-home img {
width: 100%;
height: auto;
}
.banner {
width: 100%;
position: relative;
z-index: 9; 
}
.banner img {
width: 100%;
height: auto;
}
.banner .banner_caption {
position: absolute;
top: 40%;
left: 0%;
font-size: 42px;
line-height: 50px;
width: 100%;
color: #fff;
font-weight: 700;
}
.banner .banner_caption h2 , .banner .banner_caption h1{
font-size: 45px;
line-height: 50px;
color: #fff;
font-weight: 700;
margin-bottom: 20px;
margin: 0;
width: 100%;
}
.banner .banner_caption p {
font-size: 20px;
line-height: 34px;
color: #fff;
font-weight: 300;
margin-bottom: 0px;
}
.banner-home .banner_caption {
position: absolute;
top: 32%;
width: 100%;
left: 0;
text-align: left;
}
.banner-home .banner_caption a{ }
.home_banner01 {
min-height: 295px;
}
.banner-home .banner_caption h2 , .banner-home .banner_caption h1{
font-size: 53px;
line-height: 1.1;
color: #fff;
font-weight: 700;
margin-bottom: 20px;
letter-spacing: 1.2px;
}
.banner-home .banner_caption p {
font-size: 20px;
line-height: 34px;
color: #fff;
font-weight: 300;
margin-bottom: 20px;
}
.banner-home .banner_caption .banner_btn {
margin-top: 95px;
}
.banner-home .banner_caption .banner_btn a {
background-image: linear-gradient(90deg, #04165D 20%, #27BDF2 54%, #8DD531 100%);
font-size: 20px;
line-height: 1.5;
padding: 9px 33px;
color: #fff;
font-weight: 700;
border-radius: 13px;
transition: 0.5s;
display: inline-block;
letter-spacing: 2px;
}
.banner-home .banner_caption .banner_btn a:hover {
background-image: linear-gradient(90deg, #04165D 1%, #27BDF2 90%);
transition: 0.5s;
}
#home-banner .owl-dots {
position: absolute;
bottom: 10px;
right: 5%;
text-align: center;
}
#home-banner .owl-dots .owl-dot span {
background: #D9D9D9;
width: 15px;
height: 15px;
margin-left: 10px;
}
#home-banner .owl-dots .owl-dot.active span,
#home-banner .owl-dots .owl-dot:hover span {
background: #27BDF2
}
.maintext {
padding: 100px 0 50px;
width: 100%;
position:relative;
}
.heading {
text-align: center;
width: 100%;
margin-bottom: 10px;
position: relative;
}
.heading h3 , .heading h2{
font-size: 50px;
font-size: 43px;
line-height: 58px;
margin-bottom: 5px;
padding: 0 85px;
color: #04165D;
text-align: center;
padding-bottom: 0px;
display: inline-block;
font-weight: 700;
border-bottom: 3px solid #8DD532;
padding: 0;
}
.heading h3 span , .heading h2 span{
color: #29CFF8;
letter-spacing: 1px;
}
.heading h4 {
font-size: 36px;
font-weight: 700;
line-height: 42px;
margin-bottom: 20px;
color: #04165D;
text-align: center;
padding-bottom: 0px;
display: inline-block;
}
.heading h4 span {
color: #29CFF8;
}
.heading .hborder { }
.wtwedo {
margin: 50px auto 0;
width: 100%;
max-width: 850px;
display: flex;
align-items: flex-start;
margin-top: 0;
}
.wtwedo h4 {
letter-spacing: 2px;
font-size: 32px;
line-height: 1.3;
margin-bottom: 0px;
color: #04165D;
width: 33%;
font-weight: 900;
}
.wtwedo .wtwedotxt {
width: 70%;
}
.wtwedo .wtwedotxt h5 {
font-size: 24px;
line-height: 33px;
margin-bottom: 20px;
color: #04165D;
font-weight: 400;
}
.wtwedo .wtwedotxt h6 {
font-size: 22px;
line-height: 30px;
margin-bottom: 20px;
color: #000;
font-weight: 700;
}
.wtwedo .wtwedotxt p {
font-size: 18px;
line-height: 28px;
margin-bottom: 10px;
color: #000;
}
.wtwedo .wtwedotxt a {  }
.aboutbx {
margin: 0px auto 0;
width: 100%; display: flex;
align-items: flex-start;
padding-left: 4%;
padding-right: 6%;
}
.aboutbx h4 , .aboutbx h2{
letter-spacing: 1px;
font-size: 41px;
margin-bottom: 0px;
color: #04165D;
width: 29%;
font-weight: 900;
line-height: 1.3;
}
.aboutbx .aboutbxtxt {
width: 71%;
}
.aboutbx .aboutbxtxt h5 {
font-size: 28px;
line-height: 32px;
margin-bottom: 40px;
color: #04165D;
}
.aboutbx .aboutbxtxt h6, .aboutbx .aboutbxtxt h3 {
font-size: 22px;
line-height: 30px;
margin-bottom: 20px;
line-height: 1.3;
color: #000;
font-weight: 700;
}
.aboutbx .aboutbxtxt p {
font-size: 18px;
line-height: 1.3;
margin-bottom: 0px;
color: #000;
}
.timelinebx {
padding: 50px 0 0;
}
.whatwebel {
padding: 50px 0 0;
}
.whatwebel .visionbx {
background-image: linear-gradient(to left, #95D623, #4E7012);
padding: 40px;
color: #fff;
border-radius: 10px;
}
.whatwebel .missionbx {
background-image: linear-gradient(to left, #29C4F8, #187392);
padding: 40px;
color: #fff;
border-radius: 10px;
}
.valuebx { padding: 30px;
min-height: 320px;
background: url(//iebrain.com/wp-content/themes/ingenious-e-brain/assets/images/about_bg_value.png) top center no-repeat;
background-size: 100% 100%;
}
.value_slider .owl-stage .owl-item:nth-child(odd) .valuebx,
.about_bg_value_rotate {
background-image: url(//iebrain.com/wp-content/themes/ingenious-e-brain/assets/images/about_bg_value_rotate.png);
}
.valuebx h4 {
font-size: 32px;
line-height: 32px;
font-weight: bold;
margin-bottom: 35px;
color: #04165D;
}
.valuebx img {
margin-right: 20px;
display: inline-block !important;
height: 60px;
vertical-align: middle;
width: auto !important;
}
.whatwebel .our_strenghts .heading {
text-align: center !important;
}
.Personality_Traits .heading {
text-align: center !important;
}
.banner.inner_banner .banner_caption {
top: 50%; transform: translate(0px, -50%);
} .banner.inner_banner .banner_caption h2 {
margin: 0;
}
.awards .areasbx ul li p {
font-weight: 700;
}
.valuebx p {
font-size: 18px;
font-weight: 400;
line-height: 1.3;
text-align: left;
}
.value_slider .owl-nav .owl-prev:hover {
background: none;
}
.value_slider .owl-nav .owl-next:hover {
background: none;
}
.whatsnew {
padding-top: 20px; padding-bottom: 60px; }
.whatsnew .whatsnewbx {
width: 100%;
position: relative;
margin: 40px 0 0px;
}
.whatsnew .whatsnewbx .whatsnewimg {
overflow: hidden;
width: 100%;
border-radius: 20px;
}
.whatsnew .whatsnewbx .whatsnewimg img {
width: 100%;
border-radius: 20px;
transition: 0.5s;
object-fit: cover;
}
.featured-slider .item {
margin: 8px 20px !important;
}
.whatsnew .whatsnewbx:hover .whatsnewimg img {
transform: scale(1.1);
transition: 0.5s;
}
.whatsnew .whatsnewbx .whatsnewbxtxt {
position: absolute;
top: 0%;
left: 0px;
padding: 15px 32px 40px;
height: 100%;
transition: all 0.5s ease-out;
border-radius: 20px;
width: 100%;
opacity: 1;
z-index: 2;
background: linear-gradient(126.54deg, #04165D 1.82%, rgba(4, 22, 93, 0) 99.29%);
}
.whatsnew .whatsnewbx .whatsnewbxtxt h5, .whatsnew .whatsnewbx .whatsnewbxtxt h3 {
font-size: 20px;
font-weight: 600;
line-height: 28px;
margin-bottom: 25px;
color: #fff;
}
.whatsnew .whatsnewbx .whatsnewbxtxt h4 {
font-size: 28px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 20px;
color: #fff;
}
.whatsnew .whatsnewbx .whatsnewbxtxt p {
font-size: 16px;
line-height: 26px;
margin-bottom: 20px;
color: #fff;
transition: 0.5s;
opacity: 0;
}
.whatsnew .whatsnewbx .whatsnewbxtxt button,
.whatsnew .whatsnewbx .whatsnewbxtxt a { opacity: 0;
}
.whatsnew .whatsnewbx:hover .whatsnewbxtxt {
opacity: 1;
transition: all 0.5s ease-out; background: linear-gradient(126.54deg, rgb(4 22 93 / 80%) 80%, rgb(4 22 93 / 80%) 80%)
}
.whatsnew .whatsnewbx:hover .whatsnewbxtxt ul {
opacity: 1;
transition: all 0.5s ease-out;
}
.whatsnew .whatsnewbx:hover .whatsnewbxtxt p,
.whatsnew .whatsnewbx:hover .whatsnewbxtxt button,
.whatsnew .whatsnewbx:hover .whatsnewbxtxt a {
opacity: 1;
transition: all 0.5s ease-out;
}
.industrybxinn .industrybx .industrybxtxt {}
.industrybxinn .industrybx .industrybxtxt button {
font-size: 16px;
line-height: 20px;
margin-bottom: 0px;
font-weight: 400;
transition: 0.5s;
opacity: 0;
background: linear-gradient(126.54deg, #04165D 1.82%, rgba(4, 22, 93, 0) 99.29%);
}
.industrybxinn .industrybx:hover .industrybxtxt {
opacity: 1;
transition: all 0.5s ease-out;
background: rgba(4, 22, 93, 0.8);
background: linear-gradient(126.54deg, rgb(4 22 93 / 80%) 80%, rgb(4 22 93 / 80%) 80%)
}
.industrybxinn .industrybx:hover .industrybxtxt ul {
opacity: 1;
transition: all 0.5s ease-out;
}
.industrybxinn .industrybx:hover .industrybxtxt p,
.industrybxinn .industrybx:hover .industrybxtxt button {
opacity: 1;
transition: all 0.5s ease-out;
}
.industrybxinn .industrybx:hover .industrybximg h4 {
transition: 0.5;
}
.secupport_section01 {
padding: 0 20px;
}
.awards .awardsiner ul {
padding: 0;
}
.ss_impact { padding: 50px 0px;
}
.ss_impactin {
background: url(//iebrain.com/wp-content/themes/ingenious-e-brain/assets/images/bg1.png) top center no-repeat;
padding: 75px 60px 50px;
background-color: #F4F4F4;
border-radius: 25px;
background-size: cover;
background: rgb(244, 244, 244);
background: linear-gradient(180deg, rgba(244, 244, 244, 1) 0%, rgba(244, 244, 244, 1) 35%, rgba(0, 0, 0, 0) 100%);
padding-bottom: 0;
}
.ss_impact .ss_impactbx {
padding: 80px 40px 20px 0;
}
.ss_impact .ss_impactbx p {
font-size: 28px;
line-height: 32px;
margin-bottom: 20px;
color: #04165D;
}
.ss_impact .ss_impactbx h5 {
font-size: 28px;
line-height: 36px;
margin-bottom: 40px;
color: #04165D;
}
.ss_impact .ss_impact_img {
position: relative;
padding: 40px 0 0;
}
.ss_impact .ss_impact_img img {
width: 100%;
}
.ss_impact .ss_impact_img {
padding-left: 50px;
}
.Service {
width: 100%;
padding: 50px 0px;
}
.Servicebx {
width: 100%;
position: relative;
margin-top: 00px;
}
.Servicebx .ServicebxL {
width: 22%;
padding: 4px;
position: absolute;
top: 50%;
left: 0;
background: #fff;
border-radius: 26px;
text-align: center;
box-shadow: 0px 6px 6px #a1a1a1;
transform: translate(0, -50%);
}
.Servicebx .ServicebxL .ServicebxLin {
padding: 38px 20px;
background-image: linear-gradient(to top right, #04165D, #27BDF2 50%, #8DD532);
border-radius: 22px;
text-align: center;
}
.Servicebx .ServicebxL h2, .Servicebx .ServicebxL h3{
font-size: 130px;
font-size: 120px;
line-height: 140px;
margin-bottom: 6px;
color: #fff;
text-shadow: 0px 4px 4px #00000040;
text-shadow: 0px 4px 4px 0px #00000040;
font-weight: 700;
letter-spacing: 3px;
}
.Servicebx .ServicebxL h5 , .Servicebx .ServicebxL h4{
font-size: 48px;
line-height: 1.2;
margin-bottom: 20px;
font-weight: 600;
color: #fff;
letter-spacing: 3px;
}
.Servicebx .ServicebxR {
width: 90%;
margin-left: 10%;
background: url(//iebrain.com/wp-content/themes/ingenious-e-brain/assets/images/border.png) top center no-repeat;
background-size: 100% 100%; padding: 57px 40px 57px 179px;
}
.Servicebx .ServicebxR .ServicebxRin {}
.Servicebx .ServicebxR ul li {
width: 21%;
margin: 20px 10px 10px;
display: inline-block;
}
.Servicebx .ServicebxR ul li:nth-child(4n) {
width: 24%;
}
.Servicebx .ServicebxR ul li h4, .Servicebx .ServicebxR ul li h5 {
font-size: 65px;
font-size: 55px;
line-height: 1;
font-weight: 700;
margin-bottom: 6px;
color: #04165D;
letter-spacing: 2px;
}
.Servicebx .ServicebxR ul li p {
font-size: 24px;
font-size: 22px;
line-height: 30px;
margin-bottom: 0;
color: #04165D;
font-weight: 700;
letter-spacing: 2px;
}
.awards {
padding: 20px 0;
}
.awards .awardsiner {
padding: 50px 0 0;
text-align: center;
}
.awards .awardsiner ul li {
display: inline-block; margin: 8px 48px;
min-height: 142px
}
.awards .areasbx {
padding: 50px 0 0;
text-align: center;
}
.awards .areasbx ul li {
display: inline-block;
margin: 20px 10px;
width: 18%;
}
.awards .areasbx ul li p {
font-size: 22px;
line-height: 28px;
margin-bottom: 10px;
color: #04165D;
display: block;
margin-top: 20px;
}
.awards .areasbxtxt {
padding: 20px 15% 0;
text-align: center;
}
.awards .areasbxtxt p {
font-size: 18px;
line-height: 28px;
margin-bottom: 0px;
color: #171717;
}
.clients {
padding: 50px 0;
}
.clients #client-slider {
padding: 50px 0 0;
}
#client-slider .owl-dots {
position: absolute;
bottom: 10px;
width: 100%;
text-align: center;
}
#client-slider .owl-dots .owl-dot span {
background: #D9D9D9;
width: 15px;
height: 15px;
margin-left: 10px;
}
#client-slider .owl-dots .owl-dot.active span,
#home-banner .owl-dots .owl-dot:hover span {
background: #27BDF2
} #client-slider .owl-nav img {
width: 40px;
}
#client-slider .owl-nav button:hover {
background: none;
}
.testimonials {
padding: 20px 0;
}
.testimonials #testi-slider {
padding: 30px 0;
}
.testimonials-client-trust .testibx {
border-radius: 20px;
background: #04165D;
padding: 30px;
max-width: 900px;
margin: 0 auto;
color: #fff;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
min-height: auto;
} .starbx {
margin-bottom: 16px;
display: flex;
justify-content: flex-start;
gap: 5px;
} .starbx img {
display: block;
width: 21px !important;
margin-right: 0;
}
.testimonial_content {
font-size: 18px;
line-height: 1.4;
margin-bottom: 20px;
text-align: left;
}
.namebx {
text-align: left;
}
.namebx h4, .namebx h5, .namebx h6 {
margin: 5px 0;
} .testimonial-with-video {
display: flex;
flex-wrap: wrap;
align-items: flex-start; gap: 20px;
}
.testimonial-with-video .testimonial-text {
flex: 1 1 60%;
text-align: left;
align-self: flex-start; }
.testimonial-with-video .testimonial-video {
flex: 0 0 350px !important;
width: 350px !important;
height: 197px !important; border: none !important;
text-align: left;
box-sizing: border-box;
}
.testimonial-with-video .testimonial-video img {
width: 100% !important;
height: 100% !important;
max-width: 350px !important;
max-height: 197px !important;
border-radius: 12px !important;
object-fit: cover !important;
display: block !important;
margin: 0 auto !important;
}
.testimonial-with-video .testimonial-video img:hover {
transform: scale(1.05);
} .testimonials-client-trust .testimonial-full {
flex: 1;
display: flex;
flex-direction: column;
justify-content: flex-start;
text-align: left;
}
@media (max-width: 767px) {
.testimonial-with-video {
flex-direction: column;
text-align: left;
}
.testimonial-with-video .testimonial-video {
flex: 0 0 100%;
max-width: 100%;
margin-top: 12px;
border: none !important;
width: auto !important;
height: auto !important;
}
.testimonial-with-video .testimonial-video img {
max-width: 100% !important;
height: auto !important;
}
}
.linear-text-gradient { background: linear-gradient(85.64deg, #04165D -70.5%, #29C4F8 9.47%, #95D623 80.45%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#testi-slider .owl-dots {
position: absolute;
bottom: 10px;
width: 100%;
text-align: center;
}
#testi-slider .owl-dots .owl-dot span {
background: #D9D9D9;
width: 15px;
height: 15px;
margin-left: 10px;
}
#testi-slider .owl-dots .owl-dot.active span,
#home-banner .owl-dots .owl-dot:hover span {
background: #27BDF2
}
.susbox {
width: 100%;
display: flex;
align-items: center; background:
linear-gradient(180deg, rgba(4, 22, 94, 1) 0%, rgba(39, 188, 242, 1) 100%) left / 50% 100% no-repeat,
url(//iebrain.com/wp-content/themes/ingenious-e-brain/assets/images/susbgtest.jpg) right / 50% 100% no-repeat;
}
.susbox h4 {
font-size: 35px;
line-height: 42px;
margin-bottom: 20px;
color: #fff;
min-height: 80px;
font-weight: 700;
letter-spacing: 2px;
}
.susbox .susboxL .susform input.form-control {
padding: 10px;
border-radius: 10px !important;
}
.susbox p {
font-size: 24px;
line-height: 1.3;
margin-bottom: 0px;
color: #fff;
min-height: 150px;
font-weight: 300;
width: 65%;
}
.susbox .susboxL { padding: 43px 30px 50px 0px;
height: 400px;
background-size: cover;
}
.susbox .susboxL .susform {
width: 75%;
}
.susbox .susboxL .susform input {
border-radius: 8px !important;
}
.susbox .susboxL .susform .input-group-btn {
position: absolute;
right: 5px;
top: 3px;
z-index: 9;
}
.susbox .susboxL .susform .input-group-btn button {
background: #8DD532;
color: #fff;
font-size: 16px;
line-height: 20px;
border-radius: 6px;
padding: 8px 15px;
font-weight: 600;
margin-top: 1px;
}
.susbox .susboxL .susform .input-group-btn button:hover{    background-image: linear-gradient(90deg, #27BDF2 1%, #04165D 90%);
transition: 0.5s;}
.susbox .susboxR { padding: 50px 60px;
height: 400px;
background-size: cover;
}
.susbox .susboxR a {
display: inline-block;
padding: 10px 20px;
background: #fff;
color: #04165D;
border-radius: 10px;
font-size: 16px;
line-height: 20px;
font-weight: 700;
}
.susbox .susboxR a:hover {
background: #04165D;
color: #fff;
}
.breadcrum {
width: 100%;
margin: 20px 0;
}
.breadcrum a {
display: inline-block;
font-size: 14px;
line-height: 20px;
color: #000;
}
.breadcrum i {
margin: 0 5px;
font-size: 14px;
line-height: 20px;
color: #000;
}
.bggray {
background: #;
padding;
50px 0;
} .sub_btn {
margin-top: 0px;
background-image: linear-gradient(90deg, #8DD532 10%, #27BDF2 60%, #04165D);
background: linear-gradient(90deg, #04165D 0%, #29CFF8 53.5%, #95D623 100%);
font-size: 20px;
line-height: 24px;
padding: 10px 20px;
color: #fff;
font-weight: 700;
border-radius: 8px;
transition: 0.5s; display: inline-flex !important;
align-items: center;
justify-content: center;
width: auto !important;
min-width: unset !important;
height: 40px !important;
}
.sub_btn:hover {
background-image: linear-gradient(90deg, #27BDF2 1%, #04165D 90%);
transition: 0.5s;
box-shadow: #000 2px 3px 10px 1px;
}
form .sub_btn:hover {
box-shadow: #000000 2px 3px 10px 1px;
}
.sub_btn img {
margin-left: 8px;
max-height: 16px;
width: auto;
}
.industry {
padding: 20px 0 20px;
}
.industry p {
font-size: 16px;
line-height: 24px;
color: #000;
line-height: 1.2;
width: 100%;
margin: 0 auto;
}
.industrybxinn .industrybx {
width: 100%;
position: relative;
margin: 20px 0;
overflow: hidden;
border-radius: 20px;
transition: all 0.5s ease-out;
}
.industrybxinn .industrybx .industrybximg {
width: 100%;
}
.industrybxinn .industrybx .industrybximg h4 {
font-size: 32px;
line-height: 36px;
margin-bottom: 20px;
color: #fff;
position: absolute;
top: 50px;
left: 30px;
z-index: 3;
padding-right: 32px;
transition: 0.5s;
}
.industrybxinn .industrybx .industrybximg span {
overflow: hidden;
width: 100%;
border-radius: 20px;
display: block;
}
.industrybxinn .industrybx .industrybximg span img {
width: 100%;
border-radius: 20px;
transition: 0.5s;
} .industrybxinn .industrybx .industrybxtxt {
position: absolute;
top: 0%;
left: 0px;
padding: 40px 32px 40px;
height: 100%;
transition: all 0.5s ease-out;
border-radius: 20px;
width: 100%;
opacity: 1;
z-index: 2;
background: linear-gradient(126.54deg, #04165D 1.82%, rgba(4, 22, 93, 0) 99.29%);
}
.industrybxinn .industrybx .industrybxtxt h4 , .industrybxinn .industrybx .industrybxtxt h3{
font-size: 32px;
font-weight: 600;
line-height: 36px;
margin-bottom: 30px;
color: #fff;
}
.industrybxinn .industrybx .industrybxtxt p {
font-size: 19px;
line-height: 26px;
margin-bottom: 20px;
color: #fff;
transition: 0.5s;
opacity: 0;
}
.industrybxinn .industrybx .industrybxtxt ul {
padding-left: 0;
transition: 0.5s;
opacity: 0;
}
.industrybxinn .industrybx .industrybxtxt ul li {
font-size: 19px;
line-height: 1.5;
margin-bottom: 10px;
color: #fff;
background: url(//iebrain.com/wp-content/themes/ingenious-e-brain/assets/images/dot.png) top 5px left no-repeat;
padding-left: 25px;
background-size: 14px;
transition: 0.5s;
}
.industrybxinn .industrybx .industrybxtxt button {
font-size: 16px;
line-height: 20px;
margin-bottom: 0px;
font-weight: 400;
transition: 0.5s;
opacity: 0;
}
.industrybxinn .industrybx:hover .industrybxtxt {
opacity: 1;
transition: all 0.5s ease-out;
}
.industrybxinn .industrybx:hover .industrybxtxt ul {
opacity: 1;
transition: all 0.5s ease-out;
}
.industrybxinn .industrybx:hover .industrybxtxt p,
.industrybxinn .industrybx:hover .industrybxtxt button {
opacity: 1;
transition: all 0.5s ease-out;
}
.industrybxinn .industrybx:hover .industrybximg h4 {
transition: 0.5;
}
.contact { background: linear-gradient(180deg, #04165D 0%, #000A31 97.5%);
border-radius: 20px;
margin-bottom: 50px;
padding: 30px 50px;
}
.contact h3 {
font-size: 24px;
line-height: 1.5;
color: #fff;
font-weight: 700;
margin-bottom: 20px;
text-align: center;
text-transform: uppercase;
letter-spacing: 3px;
}
button.btn.btn-gradient:hover {
background: #8DD532;
color: #fff;
}
button.btn.btn-gradient:hover img {}
.whatsnewbxtxt.case_study_content {
height: initial !important;
top: inherit !important;
bottom: 0;
border-radius: 0 !important;
}
.whatsnewbxtxt.case_study_content:hover {
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(1px);
}
.castu_list.whatsnew .whatsnewbxtxt.case_study_content h4 {
opacity: 0;
transition: all 0.5s ease-out !important;
}
.whatsnewbxtxt.case_study_content button,
.whatsnewbxtxt.case_study_content a {
right: initial !important;
}
.whatsnew .whatsnewbx:hover .whatsnewbxtxt a { }
.whatsnew_content {
min-height: 400px;
}
.castu_list .whatsnewbx:hover .whatsnewbxtxt.case_study_content h4 {
opacity: 1;
margin-bottom: 40px;
transition: all 0.5s ease-out !important;
}
.castu_list.whatsnew .whatsnewbx {
margin: 0;
margin-bottom: 20px;
box-shadow: 0px 4px 4px 0px #00000040;
border-radius: 20px;
overflow: hidden;
}
.whatsnewbx.shortmax .whatsnewbxtxt.case_study_content h4 {
font-size: 18px;
margin-bottom: 16px !important;
}
.testimonials #testi-slider {
padding: 50px 0;
padding-bottom: 0;
}
.contact .contactbx {
padding-top: 0px;
color: #404040;
width: 100%;
}
.contact .contactbx .formfeild {
margin: 0px 0;
}
.contact .contactbx input {
width: 100%;
padding: 15px 30px;
color: #404040;
}
.contact .contactbx input,
.contact .contactbx select,
.contact .contactbx textarea {
border-radius: 10px;
}
.contact .contactbx select {
width: 100%;
padding: 15px 30px;
color: #404040;
}
.contact .contactbx textarea {
width: 100%;
padding: 15px 30px;
color: #404040;
}
.submitbx {
margin-top: 60px;
}
.submitbx button {
padding: 15px 40px;
background: #29CFF8;
display: inline-block;
border-radius: 5px;
font-size: 24px;
line-height: 28px;
color: #fff;
font-weight: 700;
}
.submitbx button:hover {
background: #04165D;
color: #fff !important;
}
.csbx {
padding: 40px 0;
}
.csbx .csbxinn {
padding: 50px 0 0;
cursor: pointer;
}
.csbx .csbxinn .csbxinnimg {
position: relative;
}
.csbx .csbxinn .csbxinnimg h6 , 
.csbx .csbxinn .csbxinn .csbxinnimg h4 {
font-size: 20px;
line-height: 24px;
color: #fff;
position: absolute;
bottom: 20px;
left: 0px;
z-index: 3;
padding: 20px 40px 20px 30px;
width: 90%;
transition: 0.5s;
z-index: 9999;
}
.csbx .csbxinn .csbxinnimg span {
overflow: hidden;
width: 100%;
border-radius: 20px;
display: block;
}
.csbx .csbxinn .csbxinnimg span img {
width: 100%;
border-radius: 20px;
transition: 0.5s;
}
.csbx .csbxinn .csbxinnimg:hover span img {
transform: scale(1.05);
transition: 0.5s;
} .contact .contactbx .formfeild.checkbox-field {
margin: 5px 0 !important; padding: 0 !important;
}
.contact .contactbx .formfeild.checkbox-field label {
margin: 0 !important;
line-height: 1.4; }
footer .socialbx ul li a img {
max-width: 38px;
}
img {
max-width: 100%;
}
.flogo img {
width: 80%;
}
.expertsbx {
padding-bottom: 80px;
}
.expertsbxin {
width: 100%;
position: relative;
margin-top: 50px;
}
.expertsbxin .expertsbxinL {
width: 25%;
padding: 10px;
position: absolute;
top: 88px;
transform: translate(0, -50%);
left: 0;
background: #fff;
border-radius: 15px;
text-align: center;
background: #DEDEDE;
}
.expertsbxin .expertsbxinL .expertsbxinLimg {}
.expertsbxin .expertsbxinL .expertsbxinLimg img {
width: 100%;
margin: 0;
}
#leadership-slider .one_leader { }
.expertsbxin .expertsbxinL h5 {
font-size: 48px;
line-height: 56px;
margin-bottom: 20px;
color: #fff;
}
.expertsbxin .expertsbxinR {
width: 83%;
margin-left: 10%;
border: 1px solid #04165D;
border-radius: 20px;
box-shadow: 0px 4px 4px 0px #00000040;
border: navajowhite;
padding: 20px 20px 17px 90px;
}
.expertsbxin .expertsbxinR h5 {
font-size: 24px;
line-height: 30px;
margin-bottom: 10px;
color: #04165D;
}
.expertsbxin .expertsbxinR p {
font-size: 16px;
line-height: 20px;
margin-bottom: 20px;
font-weight: 300;
color: #5E5B5B;
}
.expertsbxin .expertsbxinR .socialbx {
display: flex;
align-items: center;
padding-left: 0;
}
.expertsbxin .expertsbxinR .socialbx li {
margin-right: 10px;
}
.expertsbxin .expertsbxinR .socialbx li a i {
color: #000;
font-size: 21px;
line-height: 20px;
margin-right: 4px;
}
.expertsbxin .expertsbxinR .socialbx li a:hover i {
color: #29CFF8;
}
footer {
background: #04165D;
padding: 80px 0 30px
}
footer p {
font-size: 14px;
line-height: 20px;
color: #fff;
font-weight: 600;
}
footer a {
color: #bbbec1;
font-size: 14px;
line-height: 26px;
}
footer .fmenu {
display: flex;
align-items: center;
}
footer .fmenu ul {
width: 33%;
}
footer .fmenu ul li {
width: 100%;
margin-bottom: 10px;
}
footer .fmenu ul li a {
font-size: 14px;
line-height: 20px;
color: #fff;
}
footer .fmenu ul li:hover a {
margin-left: 5px;
transition: 0.5s;
color: #8DD532;
}
footer h4 {
color: #fff;
font-size: 20px;
line-height: 28px;
margin-bottom: 20px;
margin-top: 0;
}
footer .socialbx {
text-align: right;
padding-top: 30px;
}
footer .socialbx ul {
width: 100%;
}
footer .socialbx ul li {
margin-left: 10px;
display: inline-block;
}
footer .socialbx ul li a {
display: block;
}
footer .socialbx ul li a:hover img {
margin-bottom: 5px;
transition: 0.5s;
}
footer .socialbx ul li a i {
font-size: 20px;
line-height: 30px;
margin-bottom: 10px;
color: #fff;
}
footer .footbtm {
border-top: 1px solid #8DD532;
padding-top: 30px;
margin-top: 30px;
}
.footer {
background: #04165D;
padding: 50px 0 20px
}
.footer .flogo1 {
padding: 10px 0 28px;
}
.footer h5 {
font-size: 16px;
line-height: 22px;
color: #95D623;
font-weight: 700;
margin-bottom: 20px;
letter-spacing: 1px;
}
.footer h5 a{
font-size: 16px !important;
line-height: 22px !important;
color: #95D623 !important;
font-weight: 700 !important;
margin-bottom: 20px !important;
letter-spacing: 1px !important;
}
.footer .fmenu1 {
display: flex;
align-items: start;
width: 88%;
margin: 0 auto;
}
.footer .fmenu1 ul {
width: 33%;
}
.footer .fmenu1 ul.Quicklinks{width:25%;}
.footer .fmenu1 ul.patent_services_link{width:40%;}
.footer .fmenu1 ul.consulting_services_link{width:40%;}
.footer .fmenu1 ul li {
width: 100%;
margin-bottom: 10px;
}
.footer .fmenu1 ul li a {
font-size: 14px;
line-height: 26px;
color: #BDBDBD;
font-weight: 400;
}
.footer .fmenu1 ul li:hover a { 
}
.footer .footbtm {
padding: 20px 0 0;
margin-bottom: 0;
}
.footer p {
font-size: 14px;
line-height: 20px;
color: #fff;
margin-bottom: 0;
}
.footer .fotsusform {
width: 80%;
}
.footer .fotsusform input {
font-size: 14px;
line-height: 20px;
padding: 15px;
width: 100%;
border-radius: 5px !important;
}
.footer .fotsusform .group-btn {
position: absolute;
top: 0;
right: 0;
z-index: 9;
}
.footer .fotsusform .subscrb {
background: #8DD532;
color: #fff;
font-size: 14px;
line-height: 20px;
border-radius: 5px;
padding: 15px 20px;
font-weight: 600;
border-radius: 5px;
}
.footer .fotsusform .subscrb:hover {
background: #29CFF8;
}
.footer .fotsusform small {
margin-top: 10px;
color: #BDBDBD;
display: inline-block;
}
.footer .socialbx {
text-align: right;
width: 20%;
}
.footer .socialbx ul li {
margin-bottom: 15px;
text-align: center;
width: 100%;
}
.footer .socialbx ul li a i {
font-size: 24px;
line-height: 20px;
color: #fff;
}
.footer .socialbx ul li a i:hover {
color: #29CFF8;
}
@media (max-width:1720px) { }
.menu_list_copy .footbtm p {
font-weight: 300;
}
.container-fluid {
max-width: 94%;
width: 1415px;
}
header .dropdown:hover>.dropdown-menu li:last-child {
border: none;
}
.whatwebel .pd_t50 .heading {
text-align: left;
padding-left: 20px;
}
.whatwebel .visionbx p,
.whatwebel .missionbx p {
font-size: 18px;
font-weight: 400;
line-height: 1.4;
letter-spacing: 0.03em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.our_values .heading {
text-align: center !important;
}
.expertsbxin .expertsbxinR h5 {
padding-top: 8px;
font-weight: 600;
margin-bottom: 5px;
}
.contact_us_sticky {
background-image: linear-gradient(90deg, #04165d 10%, #04165d 40%, #27bdf2);
bbackground: #04165d;
position: fixed;border: 2px solid #fff;
top: 50%;border-right: none;
border-bottom: none;
right: 4px;
transform: translateY(-50%) rotate(-90deg);
transform-origin: right center; font-weight: bold;
text-align: center;
border-radius: 6px 6px 6px 6px;
margin-right: 18px;
z-index: 9999;
}
.contact_us_sticky:hover{background-image: linear-gradient(90deg, #27BDF2 1%, #04165D 90%); box-shadow: -3px -2px 10px #ccc;
transition: 0s;}
.contact_us_sticky a {
color: #fff;
padding: 7px 27px;
display:block;
}
.footer .flogo1 img {
max-width: 300px;
}
.menu_list {
border-bottom: 1px solid #ffffff;
border-top: 1px solid #fff;
padding: 50px 0 30px;
}
.footer .fmenu1 ul {
padding: 0;
}
.footer .fmenu1 ul li:last-child {
margin: 0;
}
section.stay_updated_section {
padding: 50px 0;
background: rgb(4, 22, 93);
background: linear-gradient(180deg, rgba(4, 22, 93, 1) 0%, rgba(39, 189, 242, 1) 100%);
}
section.stay_updated_section h4 {
color: #fff;
font-size: 45px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 30px;
color: #fff;
padding: 34px 0;
width: 75%;
}
.fotsusform_stay_updated h5 { font-weight: 600;
font-size: 26px;
line-height: 1.3;
letter-spacing: 0%;
color: #fff;
letter-spacing: 1.3px;
width: 85%;
}
.fotsusform_stay_updated form .input-group input.form-control:focus {
outline: none;
box-shadow: none;
}
.fotsusform_stay_updated form .input-group .group-btn button.btn.subscrb {
background: #8DD532;
text-align: center;
width: 100%; color: #fff;
font-weight: 600;
font-size: 18px;
border-radius: 7px;
padding: 5px 20px;
}
.fotsusform_stay_updated form .input-group input.form-control {
width: 71%;
flex: 0 0 71%;
border: none;
}
.fotsusform_stay_updated form .input-group {
background: #fff;
border-radius: 10px;
padding: 7px;
width: 78%;
}
.fotsusform_stay_updated form .input-group .group-btn {
width: 29%;
flex: 0 0 29%;
}
.fotsusform_stay_updated form {
margin-top: 40px;
}
.intext_text_box {
min-height: 75%;
}
.knowleft_drive_page .industrybx button.sub_btn {
background: none;
float: right;
}
.patentabilitysections_bg {
padding: 0px 50px;
border-radius: 50px;
box-shadow: 0px -11px 4px -6px #00000040;
background: linear-gradient(180deg, #FFFFFF 0%, #EAFBFF 100%);
float: left;
width: 100%;
position: relative;
}
.bakcomse { background: linear-gradient(270deg, #89CA23 0%, #29CFF8 47.5%, #04165D 100%);
width: 80%;
height: 76px;
border-radius: 110px 110px 0 0;
z-index: 0;
top: 27px;  width: 88%;
margin: -36px auto;
position: relative;
}
.one_patentability {
margin: 50px 0;
float: left;
width: 100%;
}
.one_patentability_text h4, .one_patentability_text h3 {
font-weight: 600;
font-size: 32px;
line-height: 1.5;
letter-spacing: 0.2px;
text-align: center;
}
.one_patentability_text p {
font-weight: 300;
font-size: 24px;
line-height: 45px;
letter-spacing: 0px;
padding-left: 25px;
margin-bottom: 20px;
}
.one_patentability_text .read_more_with_border {
position: relative;
}
.read_more_with_border a { }
.one_patentability_text .read_more_with_border {
position: relative;
display: flex;
align-items: end;
justify-content: space-between;
}
span.border_btn {
display: inline-block;
width: 63%;
height: 2px;
background: #04165D;
margin-left: 3%;
float: right;
}
.one_patentability_image_border {
border-radius: 25px;
overflow: hidden;
margin-right: 3%;
z-index: 9;
position: relative;
}
.one_patentability_image_border img {
width: 100%;
}
.one_patentability_image:after {
content: "";
width: 96%;
height: 99%;
position: absolute;
background: #04165D;
top: 20px;
border-radius: 42px;
right: 0;
}
.one_patentability_image {
position: relative;
}
.gradient_text {
background: linear-gradient(90deg, #29CFF8 0%, #04165D 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.one_poer_text {
min-height: 360px;
}
.clear {
clear: both;
}
.one_patte_head {
box-shadow: 0px 4px 4px 0px #00000040;
display: inline-block;
padding: 10px 32px;
border-radius: 35px;
text-align: center;
margin-bottom: 20px;
background: #fff;
}
.one_patentability.left_image_format .one_patentability_image_border {
margin-right: 0;
margin-left: 3%;
}
.one_patentability.left_image_format .one_patentability_image:after {
left: 0;
right: inherit;
background: #29CFF8;
}
.one_patentability.left_image_format .read_more_with_border {
flex-direction: row-reverse;
}
.one_patentability:nth-child(3) ::after,
.one_patentability:nth-child(6) ::after {
background: #89CA23 !important;
}
section.patentabilitysections {
float: left;
width: 100%;
margin: 50px 0;
}
section.maintext.prioart_search_page .industry.text-center {
padding-bottom: 0;
}
.owl-nav button img {
width: 45px;
}
.owl-nav button {
margin-right: 10px !important;
margin-left: 15px !important;
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: none;
}
h3.black_title {
font-size: 29px;
margin-bottom: 14px;
font-weight: 600;
}
.vm h3.black_title {
font-size: 50px;
font-size: 36px;
line-height: 58px;
margin-bottom: 5px;
padding: 0 85px;
color: #04165D;
text-align: center;
padding-bottom: 0px;
display: inline-block;
font-weight: 700;
}
.vm h3.black_title span{    color: #29CFF8;
letter-spacing: 1px;}
.awards .areasbx ul li:hover .iconsime {
box-shadow: 0px 4px 4px 0px #00000040;
transition: all ease .5s;
}
.iconsime {
border-radius: 50%;
transition: all ease .5s;
}
.iconsime { }
.iconsime {
width: 100px; height: 100px; border-radius: 50%;
background: linear-gradient(57.75deg, #04165D 100%, #29C4F8 50.6%, #95D623 88.66%);
padding: 4px; margin: 0 auto;
position: relative;
transition: all ease .5s;
}
.awards .areasbx ul li:hover .iconsime {
background: linear-gradient(57.75deg, #04165D 12.54%, #29C4F8 50.6%, #95D623 88.66%);
transition: all ease .5s;
}
.iconsime::after {
content: "";
position: absolute;
inset: 4px; border-radius: 50%;
background: white; }
.iconsime img {
position: absolute;
z-index: 999;
left: 0px;
margin-top: -6px;
}
.read_more_with_border a:hover { }
.marquee {
width: 100%;
overflow: hidden;
background: #fff;
white-space: nowrap;
position: relative;
}
.marquee-content {
display: flex;
gap: 20px; animation: marquee-scroll 10s linear infinite;
width: max-content;
}
.marquee-content img {
width: 200px; height: auto;
}
@keyframes marquee-scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%); }
}
.iconsime:hover img.nomr_aread {
display: none !important;
}
img.nomr_aread_hovered {
display: none;
}
.awards .areasbx ul li:hover img.nomr_aread_hovered {
display: inline-block;
}
.btn.btn-gradient { background: linear-gradient(90deg, #04165D 0%, #29CFF8 52.5%, #95D623 81%);
box-shadow: 0px 4px 3.9px 0px #00000040;
color: #fff;
border-radius: 40px;
padding: 10px 26px 10px 35px;
font-size: 20px;
font-weight: 600;
}
.view_all_btn a.btn.btn-gradient {
border-radius: 20px;
padding: 5px 20px 5px 28px;
}
.whatsnewbx.shortmax .whatsnewimg img {
height: 70% !important;
}
.whatsnewbx.shortmax .whatsnewimg img {
max-height: 200px;
object-fit: cover;
}
.btn.btn-gradient img {
margin-left: 15px;
}
.whatsnew .whatsnewbx:hover .whatsnewbxtxt.case_study_content {
background: linear-gradient(180deg, transparent 6.5%, #04165D 100%) !important;
}
.castu_list.whatsnew {
padding: 0;
}
section.konowg_list .heading.text-lg-start {
margin-bottom: 20px;
}
.list_ser_one_line {
background: #04165D;
color: #fff;
border-radius: 20px;
padding: 35px 44px 60px 44px;
}
.list_ser_one_line .heading h4 {
line-height: 1;
color: #fff !important;
font-weight: 700;
font-size: 32px;
}
section.list_ser_one_line01 {
margin: 50px 0;
float: left;
width: 100%;
}
.one_inst_news .heading {
margin-bottom: 10px;
text-align: left;
}
.one_box_inst_new {
border-radius: 20px;
position: relative;
overflow: hidden;
width: 90%;
}
.list_ser_one_line .row .col-lg-4:nth-child(2) .one_box_inst_new {
margin: 0 auto;
}
.list_ser_one_line .row .col-lg-4:nth-child(3) .one_box_inst_new {
margin: 0 auto;
float: right;
}
.list_ser_one_line .row .col-lg-4:nth-child(2) .one_inst_news .heading {
padding-left: 5%;
}
.list_ser_one_line .row .col-lg-4:nth-child(3) .one_inst_news .heading {
padding-left: 10%;
}
.one_box_inst_new .view_all_btn {
position: absolute;
bottom: 8%;
left: 5%;
}
.one_box_inst_new .view_all_btn {
opacity: 0;
visibility: hidden;
transition: 0.5s;
}
.one_box_inst_new:hover .view_all_btn {
opacity: 1;
visibility: visible;
}
.item_one_list_isnt {
text-align: center;
}
.item_one_list_isnt p {
font-size: 22px;
line-height: 28px;
margin-bottom: 10px;
color: #04165D;
display: block;
margin-top: 20px;
font-weight: 700;
}
.item_one_list_isnt img.nomr_aread_hovered {
display: none;
}
.item_one_list_isnt:hover .iconsime {
box-shadow: 0px 4px 4px 0px #00000040;
transition: allease .5s;
}
.item_one_list_isnt img {
width: initial !important;
margin: 0 auto;
}
section.our_inst_focus {
padding: 50px 0;
}
.out_inst_list {
padding-top: 50px;
}
.owl-nav {
text-align: center;
padding-top: 20px;
}
.eocjs-newsticker .eocjs-newsticker-container {
height: 100px;
}
.eocjs-newsticker {
background: none;
}
.eocjs-newsticker .eocjs-newsticker-one,
.eocjs-newsticker .eocjs-newsticker-two {
height: 100px !important;
}
.eocjs-newsticker-container img {
width: 200px;
}
.js-conveyor-1 {
height: 100px !important;
margin-top: 50px;
}
path#first_01:hover,
#second_path:hover,
#thirt_path:hover {
fill: #115393;
}
#tpte01:hover,
#tpte02:hover,
#tpte03:hover {
fill: #115393;
}
.ss_impact_img_one svg text { }
.industrybxinn {
margin-top: 30px;
}
.one_box_inst_new:hover img {
transform: scale(1.1);
transition: 0.5s;
}
.one_box_inst_new img {
transition: 0.5s;
}
.carouselTicker {
padding: 50px 0 0;
text-align: center;
}
.one_box_inst_new:hover .boxso_image:before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #000;
z-index: 9;
opacity: .3;
}
.boxso_image {
z-index: 9;
position: relative;
}
.one_box_inst_new .view_all_btn {
z-index: 99999;
}
.castu_list.whatsnew .col-md-4 .view_all_btn {
margin-top: 8px;
float: left;
}
.csbx .csbxinn .csbxinnimg span {
position: relative;
overflow: hidden;
}
.csbx .csbxinn .csbxinnimg span:before {
content: '';
background: linear-gradient(180deg, rgba(4, 22, 93, 0) 0%, rgba(4, 22, 93, 0.8) 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
}
.castu_list.whatsnew .whatsnewbxtxt.case_study_content {
background: none;
}
.heading h5 {
font-family: Inter;
font-weight: 700;
font-size: 32px;
line-height: 52.8px;
letter-spacing: 0.2px;
}
.case_details p {
font-family: Inter;
font-weight: 300;
font-size: 20px;
line-height: 33px;
letter-spacing: 0px;
}
.case_study_page_details .heading h5 {
text-transform: uppercase;
}
h6.sub_inner_head {
font-family: Inter;
font-weight: 600;
font-size: 24px;
line-height: 40px;
letter-spacing: 0.2px;
color: #04165D;
margin: 50px 0 20px;
}
.case_details li {
font-family: Inter;
font-weight: 300;
font-size: 20px;
line-height: 33px;
letter-spacing: 0px;
margin-bottom: 15px;
position: relative;
padding-left: 25px;
}
.case_details li::before {}
.case_details li:before {
position: absolute;
content: '';
background: #141414;
width: 10px;
height: 10px;
border-radius: 20px;
left: 0;
top: 10px;
}
ul.list_bullet {
padding: 0;
margin: 0;
}
.access_form .contact {
padding: 20px 25px;
}
.access_form .contact h3 {
margin-bottom: 10px;
}
.access_form .contact .contactbx input {
padding: 10px 30px !important; }
.access_form .contact .contactbx input.sub_btn{color: #fff;}
.access_form span.wpcf7-not-valid-tip {
font-size: 15px;
}
.access_form label.tern_cn_check span.wpcf7-not-valid-tip {
bottom: -71px;
}
.heading.text-start h3 {
padding: 0;
}
.heading.text-start .hborder {
margin: 0;
}
.one_related_posts {}
.relat_psot_image {
float: left;
box-shadow: 0px 4px 4px 0px #00000040;   width: 248px;
flex: 0 0 141px;
overflow: hidden;
position: relative;
border-radius: 10px;
}
.related_posts_list {
width: 100%;
margin-top: 67px;
float: left;
}
.relat_psot_content {
width: 37%;
float: left;
text-align: left;
padding-left: 16px;
}
.relat_psot_content h4 {
font-family: Inter;
font-weight: 600;
font-size: 16px;
line-height: 19.36px;
height: 112px;
overflow: hidden;
}
.relat_psot_content a {
font-family: Inter;
font-weight: 600;
font-size: 15px;
line-height: 18.15px;
color: rgba(41, 207, 248, 1);
}
.one_related_posts {
margin-bottom: 30px;
float: left;
width: 100%;
}
.related_posts {
float: left;
width: 100%;
}
.access_form {
position: sticky;
top: 20px;
}
.case_study_content_new:after {
content: '';
position: absolute;
width: 1px;
height: 570px;
background: rgba(210, 210, 210, 1);
top: 0;
right: 0;
}
.case_study_content_new {
position: relative;
padding-right: 20px;
}
.listof_etam_onCASER {
position: relative;
height: 100%;
border-right: 1px solid rgba(210, 210, 210, 1);
}
.listof_etam_onCASER .expertsbx {
position: sticky;
top: 0px;
}
.related_posts.rela_sticky {
position: sticky;
top: 35px;
}
.related_posts.rela_sticky .related_posts_list {
margin-top: 25px;
}
section.maintext.case_study_page_details.blog_details_page .case_study_content_new:after {
display: none;
}
.sub_inner_head_bold {
color: rgba(4, 22, 93, 1);
font-family: Inter;
font-weight: 700;
font-size: 20px;
line-height: 40px;
letter-spacing: 0.2px;
margin-bottom: 10px;
}
.related_posts .heading h5 {
font-family: Inter;
font-weight: 700;
font-size: 24px;
line-height: 40px;
letter-spacing: 3px;
}
.relat_psot_image img {
width: 100%;
width: 100%;
transition: 0.5s;
}
.one_related_posts:hover .relat_psot_image img {
transform: scale(1.05);
transition: 0.5s;
}
.relat_psot_image:before {
content: "";
transition: 0.5s;
}
.one_related_posts:hover .relat_psot_image:before {
content: '';
background: linear-gradient(180deg, rgba(4, 22, 93, 0) 0%, rgba(4, 22, 93, 0.8) 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
}
.pdt_50 {
padding-top: 50px;
}
.pdb_50 {
padding-bottom: 50px;
}
.pdt_100 {
padding-top: 100px;
}
.pdb_100 {
padding-bottom: 100px;
}
.out_nint_image_heading h3 {
font-family: Inter;
font-weight: 700;
font-size: 22px;
line-height: 1.5;
letter-spacing: 0%;
margin-bottom: 20px;
}
.out_nint_image img {
width: 100%;
}
.out_nint_image {
border-radius: 10px;
overflow: hidden;
}
.out_nint_image img {
width: 96%;
border-radius: 10px;
overflow: hidden;
}
.our_initiaties_box_line {
margin: 50px 0;
}
.one_risde_left_box {
margin-bottom: 50px;
}
.one_csr_logo img {
width: initial !important;
}
.Collaborators_list {
width: 75%;
margin: 50px auto;
}
.footer .fmenu1 ul li a:hover {
color: #fff !important;
}
li.new_social_links .socialbx {
width: 70%;
}
li.new_social_links .socialbx ul {
width: 100%;
}
li.new_social_links .socialbx ul {
width: 100%;
display: flex;
}
li.new_social_links {
margin-top: 50px !important;
float: left;
}
li.new_social_links .socialbx li a {
display: block;
text-align: center;
font-size: 16px;
}
li.new_social_links .socialbx li a:hover i {
color: #95d03b !important;
}
.one_assist h6 , .one_assist h3{
background: #04165D;
color: #fff;
padding: 15px 20px;
border-radius: 8px;
border-right: 20px solid #95D623;
font-size: 18px;
}
.one_assist p {
padding: 16px 0;
font-size: 15px;
}
.one_assist {
padding: 0 35px;
margin-bottom: 30px;
}
.we_assitst_list {
margin-top: 50px;
}
.one_risde_left_box .col-md-4:nth-last-child(-n+3) .one_assist {
margin-bottom: 0;
padding-bottom: 0;
}
.one_risde_left_box .col-md-4:nth-last-child(-n+3) .one_assist {
margin-bottom: 0;
padding-bottom: 0;
}
.one_risde_left_box .col-md-4:nth-last-child(-n+3) .one_assist p {
margin-bottom: 0;
padding-bottom: 0;
}
.we_assitst_list .one_risde_left_box {
margin-bottom: 0;
}
.whyUs_tefchno {
background: rgb(255, 255, 255);
background: linear-gradient(183deg, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
padding: 10px 30px;
border-radius: 50px;
}
.why_usList {
display: flex;
justify-content: center;
text-align: center;
margin-top: 50px;
}
.one_why_imge {
width: 82px;
height: 82px;
background: #fff;
border-radius: 50%;
padding: 3px 3px;
margin: 0 auto;
margin-bottom: 25px;
}
.whyone_img {
padding: 12px 14px;
background: #fff;
border-radius: 50%;
width: 176px;
height: 176px;
}
.one_why_Us:hover .one_why_imge { background: rgb(5, 26, 96);
background: linear-gradient(90deg, rgba(5, 26, 96, 1) 0%, rgba(40, 203, 245, 1) 100%);
}
section.csbx.onTechsub_page .csbxinn .csbxinnimg span:before {
display: none;
}
.one_why_Us p { font-weight: 300;
font-size: 12px;
line-height: 22px;
letter-spacing: 0px;
text-align: center; 
margin: 0 auto;
width: 75%;
}
.heading.text-left {
text-align: left;
}
.heading.text-left h3 {
padding-left: 0;
}
.heading.text-left .hborder {
margin: 0;
}
.webnair_page .listof_etam_onCASER {
border-right: 0;
}
.webnair_page .case_study_content_new:after {
display: none;
}
section.konowg_list.blogpagelist.vocl303 .col-md-4 .whatsnewbx.shortmax img {
height: 230px !important;
max-height: initial;
}
.pagination { 
text-align: center;
display: block;
}
.pagination  .page-numbers{
background: #04155a;
display: inline-block;
padding: 10px;
border-radius: 3px;
color: #ffff;
}
span.page-numbers.dots {
display: none;
}
.pagination a.page-numbers {
color: #ffff;
background: #ccc;
}
a.btn_gradient {
margin-top: 0px; background: linear-gradient(90deg, #04165D 0%, #29CFF8 53.5%, #95D623 100%);
font-size: 20px;
line-height: 24px;
padding: 7px 16px;
color: #fff;
font-weight: 700;
border-radius: 8px;
transition: 0.5s;
display: inline-block;
letter-spacing: 1px;
font-size: 16px;
position: relative;
padding-right: 30px;
}
a.btn_gradient:after {
content: ' ';
width: 22px;
position: relative;
height: 15px;
background: url(//iebrain.com/wp-content/themes/ingenious-e-brain/assets/images/Arrow%201.png);
position: absolute;
top: 12px;
right: 8px;
background-size: 17px;
background-repeat: no-repeat;
background-position: right;
display:none;
}
.sub_btn img {
display: none;
}
a.btn_gradient:hover {
background-image: linear-gradient(90deg, #27BDF2 1%, #04165D 90%);
transition: 0.5s;
box-shadow: #3e3e3e59 2px 3px 10px 1px;
} .footer .flogo1 img {
max-width: 226px;
}
.footer .flogo1 {
padding: 0 0 20px;
}
.one_leader {
text-align: center;
}
.one_lead_image_text {
text-align: center;
margin-top: 30px;
}
.one_lead_image_text h5 {
font-family: Inter;
font-weight: 700;
font-size: 22px;
line-height: 100%;
letter-spacing: 0%; margin: 10px 0;
}
.one_lead_image_text p { font-weight: 400;
font-size: 18px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: #717171;
margin: 12px 0; }
.one_lead_image_text ul {
padding: 0;
margin: 0;
}
.one_lead_image_text ul li {
display: inline-block;
}
.one_lead_image_text ul li a {
color: #000;
display: block;
padding: 0 6px;
}
.one_lead_image { background: rgb(5, 26, 96);
background: linear-gradient(90deg, rgba(5, 26, 96, 1) 0%, rgba(40, 203, 245, 1) 100%);
padding: 5px;
border-radius: 50%;
overflow: hidden;
width: 60%;
margin: 0 auto;
}
.one_lead_image_text ul li a:hover {
color: #04165d;
}
.one_lead_image01 img {
transition: transform 0.3s ease;    width: 100%; height:100%; object-fit: cover;}
.one_leader:hover img {
transform: scale(1.1);
}
.one_lead_image01 {
overflow: hidden;
padding: 0;
height: 100%;
width: 100%;
border-radius: 100%;
}
.one_leader {
text-align: center;
padding: 0 30px 20px;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 24%, rgba(238, 238, 238, 1) 100%);
border-radius: 20px;
min-height: 310px;
margin-bottom: 30px;
}
.leader_list {
padding: 50px 0;
}
.breadcrumb {
padding: 10px 0;
font-size: 14px;
color: #666;
}
.breadcrumb a:hover {
text-decoration: underline;
}
.breadcrumb {
color: #fff;
}
.breadcrumb a {
color: #167cf7;
text-decoration: none;
display: inline-block;
padding-right: 10px;
}
.value_slider .owl-nav{display: block !important;}
.banner.inner_banner.half_banner01 h1 {
width: 100%;
}
.Knowledge_tabs {
text-align: center;
}
.Knowledge_tabs ul {
padding: 0;    
display: flex;
justify-content: space-between;
}
.Knowledge_tabs ul li {
display: inline-block;
}
.Knowledge_tabs ul li a {
font-size: 16px;
padding: 6px 20px;
display: block;
background:#04165d;
color: #fff;
font-weight: 500;
border-radius: 5px;
}
.Knowledge_tabs {
text-align: center;
margin-top: 50px;
}
.Knowledge_tabs ul li a:hover { background-image: linear-gradient(90deg, #8DD532 10%, #27BDF2 60%, #04165D);
background: linear-gradient(90deg, #04165D 0%, #29CFF8 53.5%, #95D623 100%);
}
.Knowledge_tabs ul li a.active {
background-image: linear-gradient(90deg, #8DD532 10%, #27BDF2 60%, #04165D);
background: linear-gradient(90deg, #04165D 0%, #29CFF8 53.5%, #95D623 100%);
}
.blogmainbx{width:100%; padding-top:50px;}.blogmainbx .bloginnerbx{width:100%; margin-bottom:30px; clear:both;}.blogmainbx .bloginnerbx .bloginnerbxL{width:40%; margin-right:5%; float:left;     border-radius: 10px;
overflow: hidden; }.blogmainbx .bloginnerbx .bloginnerbxR{width:55%; float:right; }.blogmainbx .bloginnerbx .bloginnerbxR h4{font-family: Inter; font-weight: 600; font-size: 22px; line-height: 30px;    letter-spacing: 0px; margin-bottom:20px;}.blogmainbx .bloginnerbx .bloginnerbxR p{font-family: Inter; font-weight: 300; font-size: 18px; line-height: 28px;    letter-spacing: 0px;}.blogmainbx .bloginnerbx:nth-child(2n){clear:both;}.blogmainbx .bloginnerbx:nth-child(2n) .bloginnerbxL{width:40%; margin-left:5%; margin-right:0; float:right; }.blogmainbx .bloginnerbx:nth-child(2n) .bloginnerbxR{width:55%; float:left; }.clear{clear:both}
.blogmainbx .bloginnerbx .bloginnerbxR h4 a {
color: #000;
}
.toolsdetailpage iframe , .toolsdetailpage img {
margin: 30px 0;
max-width:100%;
}
.single-service_sec section.impect_csr ul li {
margin: 10px;
}
.breadcrumb span {
line-height: 2;
}
.case_study_page_details h2 {
font-size: 23px;
margin-top: 30px;
margin-bottom: 10px;
}
.access_form { 
top: 102px;
}
.whatsnew .whatsnewbx:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #04165d;
opacity: .4;
}
.whatsnew .whatsnewbx:after:hover { 
}
.page-template-template-knowledge_drive .whatsnew .whatsnewbx:after {
opacity: 0;
transition: all ease .5s;
}
.page-template-template-knowledge_drive .whatsnew .whatsnewbx:hover:after {
opacity: .4;
transition:
}
.big_thumb_post img {
min-height: 481px;
object-fit: cover;
}
.testimonial_text {
min-height: 250px;
} header .menu_in ul#menu-main-menu .current-menu-item > a , header .menu_in ul#menu-main-menu .current-menu-parent > a, header .menu_in ul#menu-main-menu .current-menu-ancestor > a {
color: #04165d;
} 
header .menu_in ul#menu-main-menu .current-menu-ancestor .current-menu-item.menu-item-has-children > a{    background: #29CFF8}
header .menu_in ul#menu-main-menu  .current-menu-ancestor .current-menu-ancestor .current-menu-item > a{    color: #7fff5e;}
header .menu_in ul#menu-main-menu .current-menu-ancestor .current-menu-ancestor > a { }
header .menu_in ul#menu-main-menu .current-menu-ancestor .current-menu-ancestor ul.sub-menu {
display: flex;
}
.Single_drop_down.current-menu-ancestor .current-menu-item > a{
color: #04165D !important;
background: #F7F7F7;
}
header .menu_in ul#menu-main-menu .current-menu-ancestor > ul.sub-menu:hover > li ul.sub-menu {
display: none;
}
header .menu_in ul#menu-main-menu .current-menu-ancestor > ul.sub-menu:hover > li:hover ul.sub-menu {
display: flex;
} .filter-cols a {
margin: 0 15px 10px 15px;
}
.access_form a {
color: #95D623;
}
.awards .areasbx ul li p a{
font-size: 22px;
line-height: 28px;
margin-bottom: 10px;
color: #04165D;
display: block;
margin-top: 20px;
}
.awards .areasbx ul li:hover p a{background: linear-gradient(57.75deg, #04165D 12.54%, #29C4F8 50.6%, #95D623 88.66%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; background-clip: text;
color: transparent;
}
.item_one_list_isnt:hover .iconsime img.nomr_aread {
display: none !important;
}
.item_one_list_isnt:hover .iconsime img.nomr_aread_hovered {
display: block !important;
}
.item_one_list_isnt:hover .iconsime {
background: linear-gradient(57.75deg, #04165D 12.54%, #29C4F8 50.6%, #95D623 88.66%);
transition: all ease .5s;
}
.item_one_list_isnt:hover p a {
background: linear-gradient(57.75deg, #04165D 12.54%, #29C4F8 50.6%, #95D623 88.66%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
.item_one_list_isnt  p a {
font-size: 22px;
line-height: 28px;
margin-bottom: 10px;
color: #04165D;
display: block;
margin-top: 20px;
}
.search-results .card-body h5.card-title a {
font-weight: 500;
color: #000;
} .tern_cn_check .first.last {
margin: 0;
}
.tern_cn_check .first.last label input[type="checkbox"] {
width: initial;
vertical-align: middle;
}
label.tern_cn_check {
position: relative;
color: #ccc;
}
label.tern_cn_check span.wpcf7-not-valid-tip {
position: absolute;
width: 300px;
}
.access_form label.tern_cn_check {
font-size: 16PX;
line-height: 1.5;
}
.access_form  form.sent .wpcf7-response-output, .contactbx  form.sent .wpcf7-response-output  {
color: #fff;
}
.access_form  form.invalid .wpcf7-response-output, .contactbx  form.invalid .wpcf7-response-output  {
color: #ffb900;
}
.expertsbxin .expertsbxinL {
width: 100px;
height: 100px;
border-radius: 100%;
overflow: hidden;
}
.expertsbxin .expertsbxinL .expertsbxinLimg {
width: 100%;
height: 80px;
border-radius: 10px;
overflow: hidden;
}
.expertsbxin .expertsbxinL .expertsbxinLimg img {
width: 80px;
height: 80px;
object-fit: cover;
border-radius: 100%;
} .awardsiner .featured-slider .owl-nav .owl-prev {
transform: scaleX(-1);
}
.awardsiner .featured-slider .owl-nav .owl-next {
transform: scaleX(-1);
}
.date_and_time {
position: absolute;
bottom: 20px;
z-index: 999;
color: #fff;
width: 100%;
opacity: .5;
font-weight:200;
}
.date_and_time span {
display: inline-block;
margin-right: 15px;
}
.date_and_time span:nth-child(2) { 
margin-left: 15px;
}
span.breadcrumb_last {
display: none;
}
span.bred_sepr.last_seperate {
display: none;
}
.carouselTicker__wrap{position:relative;}
.carouselTicker__wrap:before{content:''; position:absolute; top:0; left:0; width:33%; height:100%; background: #ffffff;
background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 100%); z-index:99;}
.carouselTicker__wrap:after{content:''; position:absolute; top:0; right:0; width:33%; height:100%; background: #ffffff;
background: linear-gradient(-90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 100%); z-index:99;}p{ }
.industrybxinn .industrybx .industrybximg span img {
height: inherit;
} 
.sub_btn1 {
margin-top: 0px;
background-image: linear-gradient(90deg, #8DD532 10%, #27BDF2 60%, #04165D);
font-size: 20px;
line-height: 24px;
padding: 10px 20px;
color: #fff;
font-weight: 700;
border-radius: 8px;
transition: 0.5s;
width: initial !important;
color: #fff !important;
position: relative;
}
.sub_btn1:before {
content: ''; 
background: url(//iebrain.com/wp-content/themes/ingenious-e-brain/assets/images/Arrow1.png) no-repeat center center;
background-size: contain;
width: 20px;
height: 20px;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
.footer_content_form .sub_btn1 {
display: none;
}
.footer_content_form .wpcf7-response-output {
color: #00ff26;
} 
.footer_content_form textarea {
height: 148px;
}
.menu_in .menu-item-has-children > a:after {
content: '';
display: inline-block;
margin-left: 0.255em;
vertical-align: baseline;
content: "\f107";
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
font: normal normal normal 14px / 1 FontAwesome;
font-size: 18px;
color: #000;
position: absolute;
top: 30px;
}
.searchbx {
padding: 0px 0;
}
.date_and_time {
margin-top: 20px;
}
.date_and_time p i {
vertical-align: middle;
display: inline-block;
margin-right: 10px;
}
.menu_in .menu-item-has-children ul.sub-menu li a { 
padding: 10px 37px !important;
text-align: center;
}
.menu_in .menu-item-has-children ul.sub-menu   a:after { 
color: #fff; 
}
.menu_in .menu-item-has-children ul.sub-menu li a:hover {
}
.menu_in .menu-item-has-children ul.sub-menu {
position: absolute;
display: block;
margin: 0;
padding: 0px;
border: 0;
background: #fff;
padding: 20px 0; border-radius: 0 0 10px 10px;
display: none;
background: #031040;
color: #fff;
}
.menu_in .menu-item-has-children:hover ul.sub-menu { 
display: block;
}
.menu_in .menu-item-has-children ul.sub-menu li {
margin: 0;
}
.menu_in .menu-item-has-children ul.sub-menu li a {
color: #fff;
padding-left: 20px !important;
padding-right: 30px !important;
}
header .nav ul li.menu-item-has-children {
padding-right: 0px;
}
.testibx { 
min-height: 440px;
}
section.konowg_list.blogpagelist.blogpagelist_more .whatsnewimg img {
max-height: inherit;
height: 233px !important;
}
.industrybxinn .industrybx .industrybxtxt a.sub_btn {
font-size: 15px;
transition: 0.5s;
opacity: 0;
} 
.industrybxinn .industrybx:hover .industrybxtxt a.sub_btn{
opacity: 1;
transition: all 0.5s ease-out;
}
.expertsbxin .expertsbxinL .expertsbxinLimg {
width: 100%;
height: 80px;
border-radius: 10px;
overflow: hidden;
}
.single-webinars .listof_etam_onCASER ul.socialbx li {
padding-left: 0;
}
.single-webinars .listof_etam_onCASER ul.socialbx li::before {
display:none;
} 
.left-filter .head {
display: flex
;
justify-content: space-between;
}
.why_work_career_page .industrybxinn .industrybx:hover .industrybxtxt h4 {
border-bottom: 2px solid #41a939;
}
.why_work_career_page .industrybxinn .industrybx  .industrybxtxt h4 {
padding-bottom: 10px;
display:inline-block
}
section.maintext.why_work_career_page .industry p {
width: 100%;
}
section.maintext.why_work_career_page .industrybx .industrybximg span img { 
transition: 0.5s;
}
section.maintext.why_work_career_page .industrybx:hover .industrybximg span img {
transform: scale(1.1);
transition: 0.5s;
}
.why_work_career_page .industrybxinn .industrybx .industrybxtxt h4 {
padding-bottom: 10px;
display: inline-block;
font-family: Inter;
font-weight: 700;
font-size: 24px;
line-height: 1.5; 
margin-bottom: 20px;
}
p.posted_date { 
font-weight: 400;
font-style: italic;
font-size: 12px;
line-height: 25px;
color: rgba(154, 154, 154, 1);
margin-top: 10px;
}
.filter_bg:before {
content: "";
position: absolute;
background: #95d524;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9;
border-radius: 10px;
width: 100%;
height: 100%;
transition: all ease .5s;
}
.filter_bg:hover:before { 
top: 10px;
left: 10px ;
transition: all ease .5s;
}
.filter_bg:hover .filter-cols {
border-color: #95d524;
box-shadow: 2px 2px 7px 0px #666666;
}
.filter_bg:hover .filter-cols h4 {
border-color: #95d524;
}
.filter_bg {
position: relative;
}
.left-filter .head label {
font-family: Inter;
font-weight: 600;
font-size: 22px;
line-height: 100%;
letter-spacing: 0%;
color: #fff;
}
.pagination .pag-col{display: flex;justify-content: right;width: 100%;margin-top: 0px;}
.pagination .pag-col ul{display: flex;align-items: center;margin: 0;padding: 0;}
.pagination .pag-col ul li{cursor: pointer; margin-left: 12px;color: #D4D4D4;}
.pagination .pag-col ul li:hover{color: #8DD532;}
.pagination .pag-col ul li img{    width: 18px;}
.h_border{border-bottom: 1px solid #ddd;margin: 20px 0px;}
.filters-row .left-filter{background: #04165D;border-radius: 10px;
padding: 30px 25px;     margin-right: 50px;}
.filters-row .left-filter .head display: flex;
align-items: center;
justify-content: space-between;}
.filters-row .left-filter .head label{    color: #FFFFFF;
font-size: 16px;
font-weight: 600;}
.filters-row .left-filter .head span{    color: #E4E4E4;     margin-right: 8px;
font-weight: 400;
font-size: 18px;
line-height: 100%;}
.filters-row .left-filter .head img{    width: 18px;    float: right;}
.filters-row .scroll::-webkit-scrollbar {
width: 8px;
height: 16px;
background: #f4f4f4;
border-radius: 16px;}
.filters-row .scroll::-webkit-scrollbar {
width: 8px;
height: 16px;
background: #f4f4f4;
border-radius: 16px;}
.filters-row .scroll::-webkit-scrollbar-thumb {
background: #ddd;
border-radius: 16px;}
.filters-row .scroll{overflow-y: scroll;height:424px;overflow-x: hidden;padding-right: 20px;}
.filter-cols{    border: 1px solid #04165D;margin-bottom: 25px;
border-radius: 10px;    min-height: 265px;
padding: 0px;     position: relative;
z-index: 99;
background: #fff;}
.filter-cols h4 {
padding: 10px 15px;
border-bottom: 1px solid transparent;
}
.filter-cols p {
padding: 0 15px 10px 15px;
}
.filter-cols h4{    font-weight: 700;
color: #04165D;
font-size: 22px;
margin-bottom: 12px;}
.filter-cols p{    margin-bottom: 0;
color: #646464;}
.filter-block .top-search{margin-top: 60px;margin-bottom: 50px;}
.filter-block .top-search .d_flex{    display: flex;
justify-content: center;
width: 80%;
margin: 0 auto;}
.filter-block .top-search .d_flex input{width: 100%;
background: #D9D9D9;
border-radius: 10px;
padding: 15px 20px;
color: #696969;
font-size: 16px;
margin-right: 10px;}
.filter-block .top-search .d_flex button{    background: #04165D;
color: #fff;
width: 115px;
border-radius: 10px;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;}
.filter-block .top-search .d_flex button i{    margin-right: 8px;}
.accordion_container{    margin: 15px 0px;
border-bottom: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
padding: 15px 0px;}
.accordion_body .f_lex{      display: flex
;
align-items: center;
justify-content: space-between;
color: #fff;
margin-top: 15px;
font-size: 15px;
margin-bottom: 13px;}
.accordion_body .f_lex label{    display: flex
;
align-items: center;
color: #fff;     color: #fff;
font-family: Inter;
font-weight: 400;
font-size: 16px;
line-height: 100%;}
.accordion_body .f_lex label input{margin-right: 6px;}
.accordion_body .f_lex span{font-size: 15px;     opacity: .5;}
.why_work .why-col{position: relative;margin-top: 25px;    overflow: hidden;
border-radius: 20px;}
.why_work .why-col:hover img{transform: scale(1.1);transition: 0.5s;}
.why_work .why-col img{width: 100%;border-radius: 20px;    transition: 0.5s;}
.why_work .why-col label{position: absolute;top: 0%;line-height: 26px;font-size: 22px;left: 0px;padding: 15px 32px 40px;height: 100%;transition: all 0.5s ease-out;border-radius: 20px;width: 100%;opacity: 1;color: #fff;z-index: 2;background: linear-gradient(126.54deg, #04165D 1.82%, rgba(4, 22, 93, 0) 99.29%);}
.accordion_head {color: #FFFFFF;cursor: pointer;margin-bottom: 5px;font-size: 15px;display: flex;align-items: center;justify-content: space-between; font-family: Inter;
font-weight: 500;
font-size: 20px;
line-height: 100%;
letter-spacing: 0%;
}
.accordion_body p {padding: 18px 5px;margin: 0px;}
.plusminus {float:right;font-size: 22px;}
.whatsnewbx.custom_home01_whatsnew .whatsnewimg img {
height: 480px;
}
.csbx .csbxinn .csbxinnimg span {
height: 250px;
}
.csbx .csbxinn .csbxinnimg span img { 
object-fit: cover;
min-height:100%;
} 
.case_study_content_new .container {
padding: 0;
}
.case_study_content_new .vc_single_image-wrapper img {
height: initial;
}
.case_details h3 {
margin: 20px 0;
}
section.konowg_list.blogpagelist.blogpagelist_more .whatsnewimg img{
}
section.konowg_list.blogpagelist.vocl303 .whatsnewbxtxt a {
opacity: 1;  
} 
section.konowg_list.blogpagelist.vocl303 .whatsnewbxtxt a.btn_gradient { } 
section.konowg_list.blogpagelist .whatsnewbx:hover  .whatsnewbxtxt.case_study_content h4{ } 
section.konowg_list.blogpagelist.vocl303 .whatsnewbx:hover a.btn_gradient { } 
section.konowg_list.blogpagelist .castu_list.whatsnew .whatsnewbx .whatsnewbxtxt.case_study_content h4 {
opacity: 1;
margin: 0;
transition: max-height 0.5s ease-out, opacity 0.5s ease-out, margin-bottom 0.5s ease-out;  
}
.read_more_hidden {
opacity: 0;
max-height: 0;
transition: max-height 0.5s ease-out, opacity 0.5s ease-out;
overflow: hidden;
}
.read_more_hidden.short_m a.btn_gradient {
margin-top: 0 !important;
}
.norm_title h4 {
font-weight: 500 !important;
}
.whatsnewbx:hover .read_more_hidden {
opacity: 1;
max-height: 100px;
}
.read_more_hidden a.btn_gradient {
margin-top: 20px;
}
section.blogpagelist .whatsnewimg:hover .case_study_content {
background: #04165D;
background: linear-gradient(54deg, rgba(4, 22, 93, 1) 0%, rgba(149, 214, 35, 1) 100%);
background: linear-gradient(to top, #04165D, transparent);
}
.wd50 {
width: 50%;
}
.banner_with_thumbnail {
background: #031353;
}
.thum_banner {
position: relative;
}
.thum_banner:after {
background: linear-gradient(271deg, #00000000 0%, #031353 100%) !important;
content: '';
position: absolute;
left: 0;
width: 40%;
z-index: 999;
height: 100%;
}
.related_posts_list .whatsnewbx.shortmax.norm_title .whatsnewbxtxt.case_study_content {
background: linear-gradient(180deg, transparent 6.5%, #04165D 100%) !important;
}
.related_posts_list .whatsnewbx.shortmax.norm_title .whatsnewbxtxt.case_study_content {
padding-bottom: 15px;
padding-top: 15px;
}
.related_posts_list section.konowg_list.blogpagelist.blogpagelist_more .whatsnewimg img {
height: inherit !important;
}
.careerpage .pagination .pag-col li a {
color: #D4D4D4;
}
.careerpage .pagination .pag-col li.active a {
color: rgba(149, 214, 35, 1);
}
.careerpage .pagination {
padding-top: 20px;
}
.left-filter button.btn.btn-default {
background: #8DD532;
color: #fff;
font-size: 16px;
line-height: 20px;
border-radius: 6px;
padding: 8px 15px;
font-weight: 600;
margin-top: 1px;
}
.menu_in .menu-item-has-children ul.sub-menu li {
margin: 0;
position: relative;
}
.menu_in .menu-item-has-children ul.sub-menu ul.sub-menu {
padding: 0 0 0 0px;
display: none;
right: 0;
left: 100%;
min-width: 300px;
top: 0;  
background:#04165D
}
.menu_in .menu-item-has-children ul.sub-menu li:hover ul.sub-menu {
display: block; 
}
.menu_in .menu-item-has-children ul.sub-menu li a::after {
transform: rotate(275deg);
right: 12px;
}
.csbx .csbxinn .csbxinnimg span:before{
pointer-events: none;
}
.whatsnew .whatsnewbx { 
overflow: hidden !important;
border-radius: 20px;
}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu {
position: absolute;
width: 65vw;
left: 0;
transform: translate(-10%, 0px);
display: flex
;
justify-content: space-between;
display: none;
}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown:hover ul.sub-menu { 
display: flex
; 
}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu ul.sub-menu {
position: relative;
display: none;
}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu ul.sub-menu li {
width: 100%;
text-align: center; 
}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu li {
width: 100%; 
}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu li ul.sub-menu  {
display: none;
}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu li:nth-child(1) ul.sub-menu { }
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu ul.sub-menu {
position: relative;
display: block;
width: initial;
transform: translate(0px, 0px);
text-align: left;
}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu ul.sub-menu li {
text-align: left;
}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu ul.sub-menu {
position: relative;
display: block; transform: translate(0px, 0px);
text-align: left;
}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu ul.sub-menu li {
width: 24%;
vertical-align: middle;
float: left;
}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu li:nth-child(1) ul.sub-menu { }
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu li ul.sub-menu {
display: none;
width: 65vw;
position: absolute; top: 62px;
left: 0;
float: left;
padding: 30px 0 30px 30px;
}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu > li {
text-align: center;
position: initial;
}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu > li a:after {
display:none;
}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu {
padding: 0;
border-radius: 0;
}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu > li a {
padding: 20px   !important; 
}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown > ul.sub-menu > li:first-child > a { }
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu > li:hover ul.sub-menu { }
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu > li:hover ul.sub-menu {
display: flex ;
}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu > li ul.sub-menu {
display: none;
flex-flow: wrap;
align-content: flex-start;
justify-content: flex-start; 
}
.industrybxinn .industrybx .industrybxtxt ul { 
max-height: 282px;
overflow: auto;
}
.blogmainbx .bloginnerbx .bloginnerbxR p { 
font-size: 20px !important; 
}
.blogmainbx .bloginnerbx .bloginnerbxR h4 { 
font-size: 27px !important; 
}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown > ul.sub-menu > li > a:hover {
background: #29CFF8;
}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu  ul.sub-menu li a:hover {
color: #7fff5e;
}
section.whatwebel.our_strengths_section {
background: #04165d;
color: #fff;
padding: 100px 0 100px;
}
section.whatwebel.our_strengths_section .heading h4 {
color: #fff;
}
section.whatwebel.our_strengths_section .valuebx {
color: #000;
}
.Single_drop_down > ul.sub-menu {
position: absolute !important;
width: 65vw;
left: 0;
transform: translate(-10%, 0px);
display: none !important;
justify-content: flex-start; padding: 30px 0 30px 30px !important;
flex-wrap: wrap;
background: #04165d !important;
align-content: center;
border-radius: 0 !important
}
.Single_drop_down:hover ul.sub-menu{
display: flex !important
;
}
.Single_drop_down > ul.sub-menu > li {
display: inline-block;
width: 24%;
vertical-align: middle;
float: left;
}
.Single_drop_down > ul.sub-menu > li a:hover {
color: #7fff5e;
}
.w50P {
width: 50%;
}
li.new_social_links .socialbx {
width:80%;
}
li.new_social_links .socialbx li a { 
margin-right: 15px;
}
li.new_social_links .socialbx li a:hover img {
filter: invert(55%) sepia(100%) saturate(1000%) hue-rotate(80deg);
}
path#curvePath2, #curvePath , #curvePath1, #curvePath4, #curvePath1, #curvePath6, #curvePath15, #curvePath10, text{
pointer-events: none;  
}
a text{    pointer-events: auto;}
.new_beadcurms {
position: absolute;
top: 31px;
z-index: 9999;
width: 100%;
}
.searchbx input.form-control:focus {
outline: none;
box-shadow: none; 
}
.searchbx input.form-control {
border: none;
}
.searchbx button.btn.btn-default img {
max-width: 16px;
margin-top: -4px;
}
.new_beadcurms nav.breadcrumb a {
color: #fff;
opacity: .5;
padding-right: 3px;
text-transform: capitalize;
}
.new_beadcurms nav.breadcrumb span.breadcrumb_last {
font-weight: bold;
border-bottom: 1px solid #95D623;
color:#fff;
margin-left: 3px;
text-transform: capitalize;
}
.new_beadcurms .breadcrumb {
color: #6c738e; 
width: 50%; 
}
.page-template-page-awards .awardsiner img {
margin: 10px;
}
.aceedownload {
text-align: center;
}
.aceedownload p {
color: #fff;
} 
.video_webainer video {
width: 100%;
vertical-align: top;
height: initial;
margin-top: 20px;
}
.single-webinars .expertsbxin .expertsbxinL{
width: 100px;
height: 100px;
border-radius: 100%;
overflow: hidden;
}
.single-webinars .expertsbxin .expertsbxinL img {
width: 80px;
height: 80px;
object-fit: cover;
border-radius: 100%;
}
.single-webinars .expertsbxin .expertsbxinR ul.socialbx li {
margin-bottom: 0;
}
.single-webinars .expertsbxin ul.socialbx {
margin-bottom: 0;
}
.single-webinars .expertsbxin .expertsbxinR {
box-shadow: 0px 4px 4px 0px #00000040;
border: navajowhite;
}
.rt_contact{    background: linear-gradient(180deg, #04165D 0%, #000A31 97.5%);
border-radius: 20px;
margin-bottom: 50px;
padding: 30px 50px;}
.rt_contact h4{    text-transform: uppercase;
color: #fff;
text-align: center;
margin-bottom: 35px;}
.rt_contact ul{    padding: 0;
margin: 0;}
.rt_contact ul li a{color: #fff;
line-height: 32px;}
.location-block {
min-height: 225px;
} .blog_details_page h2, .editor_content h2 {
font-size: 29px;
margin: 30px 0 20px;
color: #020f58;
}
.blog_details_page h3 , .editor_content h3  {
font-size: 24px;
margin: 30px 0 20px;
color: #020f58;
}
.blog_details_page h4  , .editor_content h4 {
font-size: 20px;
margin: 30px 0 20px;
color: #020f58;
}
.blog_details_page h5  , .editor_content h5  {
font-size: 16px;
margin: 30px 0 20px;
}
.blog_details_page h6  , .editor_content h6 {
font-size: 12px;
margin: 30px 0 20px;
}
.blog_details_page p  , .editor_content p {
color: #525252  !important; 
line-height: 1.3;
}
.blog_details_page .case_details li, .editor_content .case_details li {
color: #525252 !important;
line-height: 1.3;
}
.page-template-page-awards .awardsiner img {
margin: 10px;
max-width: 160px;
}
.expertsbxin .expertsbxinR .socialbx li::before {
display:none;
}
.searchbx input.form-control:hover {
box-shadow: #3e3e3e59 1px 2px 4px -1px;
}
.blog_details_page h3, .editor_content h3, 
.blog_details_page h2, .editor_content h2,
.blog_details_page h2, .editor_content h4,
.blog_details_page h2, .editor_content h5,
.blog_details_page h2, .editor_content h6,
{
font-weight:bold;
color: #06155d;
}
select.form-control { 
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 20 20' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 7L10 11L14.5 7H5.5Z'/%3E%3C/svg%3E")  !important;
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 23px;
} 
.access_form .contact .contactbx select {
padding: 10px 30px !important;
}
.breadcrumb > span > span:nth-last-child(3) a{
font-weight: bold;
border-bottom: 1px solid #95D623;
color: #fff;
margin-left: 3px;
text-transform: capitalize;
opacity: 1;
}
.access_form label.tern_cn_check a {
color: #0d6efd;
}
.access_form .wpcf7-spinner{
position: relative;
top: -34px;
}
.submit_button_field {
position: relative;
}
.submit_button_field span.wpcf7-spinner {
position: absolute;
top: 34px;
left: 9%;
background: #ffffff;
opacity: 1;
}
.submit_button_field span.wpcf7-spinner::before {
background: #8dd532;
}
.banner_image01{position:relative;}
.thum_banner:before, .banner_image01:before {
content: '';
position: absolute;
top: 0;
background: #000;
left: 0;
width: 100%;
z-index: 99;
height: 100%;
opacity: .4;
}
.banner .banner_caption { 
z-index: 9999;
}
.clogobox {
display: flex;
flex: 0 0 236px;
width: 236px;
float: left;
}
.nav.navigation_list {
width: calc(100% - 236px);
float: left; flex-wrap: wrap;
justify-content: end;
}
.navigation_list ul li {
position: relative;
}
.navigation_list ul.sub-menu {
display: block;
padding: 0;
}
.navigation_list ul.navbar-nav > li { }
.navigation_list ul.navbar-nav > li ul.sub-menu {
position: fixed  ;
top: 67px;
left: 0px  ;
width: 100vw  ;
transform: translate(0px, 0px) ;
background: #E1E1E1  ;
z-index: 9999999;
min-height: 296px;
display: none  ;
}
.navigation_list ul.navbar-nav > li:hover ul.sub-menu{
display: block  ;
}
.navigation_list ul.navbar-nav > li a {
font-size: 16px;
font-weight: 600;
line-height: 22px;
letter-spacing: 0.2; 
padding: 10px 24px 23px 14px !important;
text-transform: capitalize;
display: block;
color: #5E5B5B;
font-family: "Inter", serif;
transition: 0.5s all ease;
position: relative;
text-decoration: none;
position: relative;
}
.navigation_list ul.navbar-nav > li.menu-item-has-children:after {
content: '';
display: inline-block;
margin-left: 0.255em;
vertical-align: baseline;
content: "\f107";
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
font: normal normal normal 14px / 1 FontAwesome;
font-size: 18px;
color: #000;
position: absolute;
color: #29CFF8;
top: 13px;
right: 0;
}
.navigation_list nav.navbar.navbar-expand-md {
padding: 0;
}
.new_header {
position: relative;
z-index: 9999;
}
.navigation_list ul.navbar-nav > li ul.sub-menu ul.sub-menu {
width: calc(100% - 200px) !important;
margin-left: 200px;
background: #F1F1F1 !important;
display: none;
align-content: start;
flex-flow: wrap;
padding: 0px 22px !important;
min-height: 296px;
position: fixed !important;
left: 0px !important;
top: 0;
}
.navigation_list ul.navbar-nav > li ul.sub-menu li:hover ul.sub-menu{
display: flex;
}
.navigation_list ul.navbar-nav > li:hover ul.sub-menu li:first-child ul.sub-menu {
display: flex;
}
.navigation_list ul.navbar-nav > li ul.sub-menu ul.sub-menu li {
width: 22%;
vertical-align: middle;
float: left;
text-align: left;
margin: 6px;
display: flex  ;
align-items: center;
}
.navigation_list ul.navbar-nav > li ul.sub-menu ul.sub-menu li:before {
content: '';
content: '';
position: absolute;
right: 0;
width: 1px;
height: 20px;
background: #D9D9D9;
top: 50%;
z-index: 9999;
transform: translate(0%, -50%);
}
.navigation_list ul.navbar-nav > li ul.sub-menu ul.sub-menu li a {
padding: 14px 20px !important  ;
border-radius: 10px;
margin: 0 15px;
text-align: left  ;
display: inline-block; 
max-width: 100%;
}
.navigation_list ul.navbar-nav > li ul.sub-menu ul.sub-menu li a:hover {
background: #F7F7F7  ; 
color: #04165D  ;
}
.navigation_list ul.navbar-nav > li:hover >  ul.sub-menu > li:first-child {
background: #F1F1F1 !important;
border-left: 6px solid #04165D;
}
.navigation_list ul.navbar-nav > li >  ul.sub-menu > li{
border-left: 6px solid transparent;
}
.navigation_list ul.navbar-nav > li:hover >  ul.sub-menu:hover > li {
background: none !important;
border-left: 6px solid transparent !important;
}
.navigation_list ul.navbar-nav > li:hover >  ul.sub-menu:hover > li:hover{
background: #F1F1F1 !important;
border-left: 6px solid #04165D !important;
}
.navigation_list ul.navbar-nav > li:hover > ul.sub-menu > li a {
max-width: 200px;
}
.navigation_list ul.navbar-nav > li.Single_drop_down ul.sub-menu {
position: fixed !important;
background: #f1f1f1 !important;
}
.navigation_list ul.navbar-nav > li.Single_drop_down ul.sub-menu {
position: fixed !important;
background: #f1f1f1 !important;
padding: 15px 70px !important;
align-items: start !important;
align-content: start;
min-height: initial;
}
.new_menu .navigation_list ul.navbar-nav > li.Single_drop_down ul.sub-menu li {
width: 22%;
vertical-align: middle;
float: left;
text-align: left;
margin: 6px;
display: flex;
align-items: center;
background: none !important;
border: none;
}
.new_menu .navigation_list ul.navbar-nav > li.Single_drop_down ul.sub-menu li a {
max-width: initial;
border: none !important;
padding: 14px 20px !important;
border-radius: 10px;
margin: 0 15px;
text-align: left;
display: inline-block;
max-width: 100%;
}
.new_header .nav.navigation_list ul.navbar-nav li.Single_drop_down ul.sub-menu li {
background: none !important;
border: none !important;
}
.new_header .nav.navigation_list ul.navbar-nav li.Single_drop_down ul.sub-menu li a:hover{}
.new_header .nav.navigation_list ul.navbar-nav li.Single_drop_down ul.sub-menu li a:hover {
background: #F7F7F7;
color: #04165D;
}
.navigation_list ul.navbar-nav > li ul.sub-menu li:before{
content: '';
position: absolute;
right: 0;
width: 1px;
height: 20px;
background: #c1c1c1;
top: 50%;
z-index: 9999;
transform: translate(0%, -50%);
}
.new_header.sticky {
position: fixed;
top: 0;
left: 0;
z-index: 999999999;
width: 100%;
box-shadow: 0 0 10px #ccc;
tarnsition: 0.5s;
background: #fff;
}
.navigation_list .searchbx {
padding: 5px 0;
}
.testimonial_text, .testimonial_text p{    unicode-bidi: plaintext;}
.new_impaect_05 {
margin: 36px 0;
} 
.new_impaect_05_with_png {
position: relative;
width: 500px;
margin:0 auto;
}
.new_impaect_05_with_png .box_images_bgs img {
position: absolute;
top: 0;
width: 100%;
left: 0;
}
.box_images_bgs_content {
position: relative;
z-index: 99999;
text-align: left; }
.box_images_bgs_content h6 {
font-family: Inter;
font-weight: 700;
font-style: Bold;
font-size: 32px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
color: #fff; 
}
.box_images_bgs_content > div {
position: absolute;
}
.box_images_bgs_content .business_consulting {
top: 187px;
transform: rotate(-90deg);
width: 170px;
left: -7px;
letter-spacing: 1px;
}
.strategy_consulting {
top: 43px; width: 170px;
left: 183px;
letter-spacing: 1px;
}
.innovation_Consulting {
top: 252px;
transform: rotate(-90deg);
width: 170px;
right: -8px;
letter-spacing: 1px;
}
.IP_Consulting {
top: 393px; width: 235px;
left: 111px;
letter-spacing: 1px;
}
section.ss_impact.new_ss_impacts01 .heading {
margin-bottom: 50px;
}
.box_images_bgs_content h6 a {
color: #fff;
display: inline-block;
position: relative;
}
.box_images_bgs_content h6 a:before {
content: '';
width: 6px;
display: inline-block;
height: 1%;
background: #fff;
position: absolute;
left: 0;
opacity:0;
transition: all ease .5s;
}
.box_images_bgs_content > div:hover a:before {
opacity:1;
height: 100%;
}
.box_images_bgs_content > div:hover a {
padding-left: 15px;
}
img.box_img01.hovered , img.box_img02.hovered,   img.box_img03.hovered ,   img.box_img04.hovered{
filter: brightness(0) saturate(100%) invert(6%) sepia(89%) saturate(623%) hue-rotate(222deg) brightness(93%) contrast(91%);
}
.navigation_list .searchbx {
padding: 5px 0;
}
div#google_translate_element span {
display: none;
}
div#google_translate_element .skiptranslate.goog-te-gadget {
font-size: 0;
}
.navigation_list ul.navbar-nav > li ul.sub-menu ul.sub-menu li:nth-child(4n):before, .navigation_list ul.navbar-nav > li ul.sub-menu li:nth-child(4n):before{
display:none;
}@media (max-width: 1240px){
.maintext{padding:70px 0;}
.awards .awardsiner ul li img{width:100%;}
.Servicebx .ServicebxL h2 {  font-size: 95px; line-height: 100px;}
.Servicebx .ServicebxL h5 { font-size: 40px; line-height: 46px; margin-bottom:0}
.Servicebx .ServicebxR {margin-left: 5%;}
.Servicebx .ServicebxR ul li {  width: 20%;}
.Servicebx .ServicebxR ul li h4 {  font-size: 50px; line-height: 56px;}
.Servicebx .ServicebxR ul li p { font-size: 20px; line-height: 26px;}
.testibx p { font-size: 16px;  line-height: 26px;  margin-bottom: 30px;}
.testibx .namebx h6 { font-size: 14px;  line-height: 26px;}
.testibx .namebx h5 { font-size: 16px; line-height: 22px;}
.heading h3 { font-size: 40px;  line-height: 50px;}
.heading .hborder { width: 30%;}
}
@media (max-width: 1024px){
.banner-home .banner_caption a {margin-top: 25px;}
}
@media (max-width: 820px){
.menu_in{justify-content: center;}
.banner-home .banner_caption a {margin-top: 0px;}
}
@media only screen and (max-width: 767px){ header .menu_in {display: block;justify-content: inherit;align-items: inherit;flex-wrap: inherit;position: relative; }
header .hdr_logo, .header_fixed .fixedlogo {padding: 0px 0 0 10px;width: 79%;float: left;}
header .menu_in .nav {width: 8%;display: inline-block; margin: 0 10px 0 0;padding: 0;}
header .navbar {padding: 0;position: inherit;}
header .mobtx {display: inline-block;width: 10%;margin-top: 6px;margin-right:0;}
header .nav .navbar-toggle {    margin: 3px 0 0 0;
border: 1px solid #000;
display: block;
position: relative;
float: right;
padding: 9px 10px;
background: none;
border: none;}
header .nav .navbar-toggle:focus{outline: none;}
header .nav .navbar-toggle .icon-bar {background: #000;display: block;width: 22px;height: 2px;border-radius: 1px;margin-bottom: 5px;}
header .nav .navbar-toggle .icon-bar:last-child{margin-bottom: 0;}
header .nav .navbar-collapse {top: 55px;width: 100%;left: 0px;z-index: 999;background: #072837;box-sizing: border-box;overflow: inherit;}
header .nav .collapse.in{display: block;     left: 0;}
header .nav ul li{display: block; width: 100%;border-bottom: 1px solid #204e63;float: left;width: 100%;}
header .nav ul li a, .header_fixed .nav ul li a {line-height: 20px;padding:15px 20px; color: #000;}
header .nav .navbar-collapse { width: 80%;  left: 0px;   z-index: 999;
background: #072837;
box-sizing: border-box;
overflow: inherit; transition: all ease .5s;
position: fixed;
top: 0;
height: 100% !important;
padding: 20px;
left: -100%;
}
header {
position: initial;
padding: 10px 0px;
}
.header_fixed{
position: fixed;
}
header .menu_in .clogobox {
width: 88%;
float: left;
padding: 0;
}
header .menu_in .clogobox a.hdr_logo {
font-size: 0;
padding: 0;
}
header .mobtx {
display: block;
width: 100%;
display:none;
}
header .nav .navbar-collapse { float: left;
}
.hdr_logo img {
max-height: 40px;
}
header .nav ul li a{color:#fff;}
.menu_in .menu-item-has-children > a:after{color:#fff;}
}
@media (max-width: 1470px){      
header .nav ul li a {padding: 25px 13px !important;}
}
@media (max-width: 1440px){ 
.clogobox { 
flex: 0 0 220px;
width: 220px;
}
.awards .awardsiner ul li { 
margin: 2px 10px; 
}
header .nav ul li a {
padding: 25px 13px !important;
}
.wtwedo .wtwedotxt a{
font-size: 18px;
}
.banner-home .banner_caption .banner_btn a{
font-size: 18px;
}
.banner-home .banner_caption h2 {
font-size: 50px; 
}
.whatsnew .whatsnewbx .whatsnewbxtxt h5 {
font-size: 22px; 
}
.whatsnew .whatsnewbx .whatsnewbxtxt h4 {
font-size: 28px; 
}
.whatsnew .whatsnewbx .whatsnewbxtxt p {
font-size: 14px; 
}
.heading h3 {
font-size: 40px; 
}
.sub_btn { 
font-size: 18px; 
}
.Servicebx .ServicebxL h2 {
font-size: 100px;
}
.Servicebx .ServicebxL h5 {
font-size: 40px; 
}
.Servicebx .ServicebxR ul li h4 {
font-size: 50px; 
font-weight: 700;
}
.Servicebx .ServicebxR ul li p {
font-size: 19px;
line-height: 1.3; 
}
.Servicebx .ServicebxR ul li p {
margin-bottom: 20px !important;}
.ss_impact .ss_impactbx h5 {
font-size: 25px;
line-height: 1.4; 
}
.container {
max-width: 1366px;
width: 90%;
}
.industrybxinn .industrybx .industrybxtxt h4{
font-size: 28px;
}
.industrybxinn .industrybx .industrybxtxt ul li{
font-size: 14px;
}
.industry p {
font-size: 18px;
}
.whatwebel .visionbx p, .whatwebel .missionbx p {
font-size: 17px;
}
section.stay_updated_section h4 {
font-size: 40px;
}			
.searchbx { margin-top: 18px;}
.menu_in .menu-item-has-children > a:after { top: 27px !important;}
}
@media (max-width: 1440px){
.expertsbxin .expertsbxinR h5{font-size: 22px;}
.searchbx .input-group input { width: 150px;}
.Knowledge_tabs ul li a { font-size: 16px;  line-height: 22px;  padding: 10px 14px;}
}
@media (max-width: 1360px){	
header .nav ul li a {padding: 25px 8px !important;font-size: 15px;}
}
@media (max-width: 1280px){
.expertsbxin .expertsbxinR h5 {font-size: 18px;}
header .nav ul li a {padding: 25px 8px !important;font-size: 15px;}
.whatsnew .whatsnewbx .whatsnewimg{height: auto;}
.Servicebx .ServicebxR ul li h4{font-size: 38px;}
.Servicebx .ServicebxR ul li p{font-size: 16px;}
.Servicebx .ServicebxL h2{font-size: 75px;}
.Servicebx .ServicebxL h5{font-size: 25px;}
.testibx {min-height: 495px;}
.ss_impact_img_one svg{width: 100%;}
.awards .areasbxtxt{padding: 20px 0% 0;}
.awards .areasbx ul li{width: 21%;}
.blogpagelist .castu_list.whatsnew .whatsnewbx{height: auto !important;}
.blogpagelist .castu_list.whatsnew .whatsnewbx .whatsnewimg{height: auto;}
.whatsnew .whatsnewbx .whatsnewbxtxt h4{font-size: 24px;}
.whatsnewbx.shortmax .whatsnewbxtxt.case_study_content h4{font-size: 16px;}
.banner .banner_caption h2, .banner .banner_caption h1{font-size: 30px;line-height: 30px;}
.Knowledge_tabs ul li a { font-size: 13px; line-height: 20px; padding: 9px 13px;}
.Knowledge_tabs {  top: -80px;}
}
@media (max-width: 1260px){
header .nav ul li a {font-size: 11px;}
.clogobox {flex: 0 0 171px;}
}
@media (max-width: 1024px){
.one_box_inst_new{width: 100%;}
.one_box_inst_new img{width: 100%;}
.item_one_list_isnt p{font-size: 16px;line-height: 22px;}
.list_ser_one_line .heading h4{font-size: 20px;}
.Knowledge_tabs ul li {margin-bottom: 8px;}
.Knowledge_tabs ul{display: inline-block;}
.one_patentability_text h4{font-size: 22px;}
.one_patentability_text p{font-size: 18px;line-height: 35px;}
.expertsbxin .expertsbxinR h5 {line-height: 20px;}
.csbx .csbxinn .csbxinnimg h6{width: 100%;font-size: 12px;line-height: 16px;}
.industrybxinn .industrybx .industrybxtxt h4 {font-size: 16px;line-height: 20px;}
.industry p {font-size: 16px;width: 100%;}
.clogobox{max-width: 151px;}
header .nav ul li a{font-size: 11px;}
.banner-home .banner_caption h2, .banner-home .banner_caption h1{font-size: 36px;}
a.btn_gradient{font-size: 14px;}
.wtwedo h4{font-size: 26px;}
.wtwedo .wtwedotxt h5{font-size: 20px;line-height: 27px;}
.wtwedo .wtwedotxt a{font-size: 15px;}
.heading h3, .heading h2{font-size: 32px;}
.whatsnew .whatsnewbx .whatsnewbxtxt h4{font-size: 18px;}
.whatsnew .whatsnewbx .whatsnewimg {height:auto;}
.whatsnew_content {min-height: 255px;}
.whatsnew .whatsnewbx{height: auto;}
.ss_impact .ss_impactbx h5{font-size: 22px;}
.Servicebx .ServicebxL h2 {font-size: 52px;}
.Servicebx .ServicebxL h5{line-height: 35px;}
.Servicebx .ServicebxR ul li h4{font-size: 32px;}
.Servicebx .ServicebxR ul li p {font-size: 14px;margin-bottom: 0px !important;}
.susbox h4{font-size: 28px;line-height: 35px;}
.susbox p{font-size: 20px;}
.footer h5{font-size: 13px;}
.testibx {min-height:565px;}
.footer .socialbx ul li a i{font-size: 14px;}
.footer .fmenu1{width: 100%;}
.aboutbx h4{font-size: 32px;}
.aboutbx .aboutbxtxt h6{font-size: 20px;}
.one_leader{padding: 0px 20px;}
.one_lead_image_text h5{font-size: 20px;}
h3.black_title{font-size: 25px;}
.valuebx h4{font-size: 22px;display: flex;margin-bottom: 15px;}
.valuebx{padding: 15px;}
.valuebx{min-height: 265px;}
.heading h4{font-size: 32px;}
.awards .areasbx ul li p {font-size: 16px;line-height: 20px;}
.awards .areasbx ul li{width: 22%;}
.filters-row .left-filter{margin-right: 0px;}
.filter-cols h4{font-size: 20px;line-height: 25px;}
.filter-cols{height: 245px;}
.why_work_career_page .industrybxinn .industrybx .industrybxtxt h4{font-size: 18px;}
.industrybxinn .industrybx .industrybxtxt p {font-size: 15px;line-height: 20px;}
.industrybxinn .industrybx .industrybxtxt{    padding: 10px 10px 10px;}
.case_details p{font-size: 16px;}
.case_details ul{padding-left:10px;}
.case_details li{font-size: 16px; line-height:24px;}
.case_details li:before {width: 6px;  height: 6px;}
.access_form { margin-top: 30px;}
.related_posts .heading h5{font-size: 18px;}
.whatsnew .whatsnewbx .whatsnewbxtxt{    padding: 10px 10px 10px;     font-size: 14px;}
.whatsnewbx.shortmax .whatsnewbxtxt.case_study_content h4{margin-bottom: 0 !important;        font-size: 14px;}
.searchbx .input-group input{padding:3px 3px 3px 35px ; width: 100px;    font-size: 14px;}
.searchbx .input-group .input-group-btn i { line-height: 18px;  font-size: 16px;}
.searchbx{padding-top:5px;}
.banner .banner_caption p {  font-size: 18px;   line-height: 30px;}
.banner .banner_caption h2, .banner .banner_caption h1 {     font-size: 28px;     line-height: 30px;     margin-bottom: 10px;}
.banner-home .banner_caption h2, .banner-home .banner_caption h1 {     font-size: 40px;     line-height: 50px;     margin-bottom: 10px;}
.one_assist {    padding: 0 10px;}	
.Knowledge_tabs ul li a { font-size: 12px; line-height: 20px; padding: 9px 11px;}
.searchbx { padding-top: 20px; margin-top:0;}
}
@media (max-width: 1010px){
.access_form .contact h3{font-size: 18px;}
.one_inst_news{margin-bottom: 25px;}
.list_ser_one_line .heading h4{font-size: 28px;display: block;}
.menu_in{justify-content: center;}
.ServicebxRin ul{margin: 0px;padding: 0px;}
.Servicebx .ServicebxR ul li {width: 30%;}
.testibx{min-height: 500px;}
.one_leader {padding: 0px 0px;}
.valuebx {min-height: 320px;}
.filter-cols{height: 270px;}
.related_posts .heading h5{line-height: 32px;}
.wd50{width: 80%;}
.banner-home .banner_caption h2, .banner-home .banner_caption h1 {     font-size: 34px;     line-height: 44px; } 
.whyUs_tefchno { padding: 50px 0px;}
.why_usList {    display: block;}
.one_why_Us { display: inline-block; width: 24%; margin-bottom: 20px;}
.Knowledge_tabs { top: -60px;}
.Knowledge_tabs ul li a { font-size: 11px; line-height: 20px; padding: 7px 6px;}
.searchbx button.btn.btn-default img { margin-top: -15px;}
header .nav ul li a{padding: 15px 12px !important;}
.menu_in .menu-item-has-children > a:after{ top: 16px !important; }
.searchbx {padding-top: 10px;}
header .nav { padding-left: 0;}
ul#menu-main-menu > li { padding-bottom: 0;}
li.nav-item.search_item { width: 120px;}
}
@media (max-width: 820px){
.testibx{min-height: 510px;}
.susbox .susboxR{padding: 50px 10px;}
.footer .fmenu1 ul li a{font-size: 10px;}
.banner .banner_caption p {  font-size: 14px;   line-height: 20px;}
span.border_btn {  width: 56%;}
.sub_btn { font-size: 14px; }
.one_patentability_text h4 { font-size: 26px;}	 
.banner-home .banner_caption h2, .banner-home .banner_caption h1 {     font-size: 30px;     line-height: 40px; }  
ul#menu-main-menu > li {  width: auto;}	
header .nav ul li { margin-left: 8px;}
header .nav ul li a {padding: 10px 8px !important;}
.searchbx button.btn.btn-default img { margin-top: -14px;}
.menu_in .menu-item-has-children > a:after { top: 12px !important; }
.searchbx { padding-top: 7px;}
}
@media (max-width: 790px){
.wtwedo .wtwedotxt h5{font-size: 18px;}
header .nav ul li a{font-size: 10px;}
.aboutbx{padding-left: 0%;padding-right: 0%;}
.aboutbx h4{margin-right: 20px;         font-size: 22px;}
.filter-block .top-search .d_flex{width: 100%;}
.filter-block .top-search .d_flex button{width: 160px;}
.banner .banner_caption h2, .banner .banner_caption h1 { width: 100%; }
.w50P {width: 100%;}
header .menu_in ul#menu-main-menu .current-menu-item > a, header .menu_in ul#menu-main-menu .current-menu-parent > a, header .menu_in ul#menu-main-menu .current-menu-ancestor > a {
color: #7fff5e;
}
header .menu_in ul#menu-main-menu .current-menu-ancestor .current-menu-ancestor > a {
background: none;
color: #7fff5e;
}
header .menu_in ul#menu-main-menu .current-menu-ancestor .current-menu-item.menu-item-has-children > a {
background: none;
}
}
@media (max-width: 767px){
p {
font-size: 14px;
line-height: 1.5; 
}
.contact h3{font-size: 18px;}
.one_poer_text { min-height: auto;}
.one_patentability_image { margin-top: 20px; margin-bottom: 20px;}
.one_patentability_text{padding-top:10px;}
.breadcrumb { font-size: 10px; margin-bottom: 0; padding: 10px 0 0;}
.one_risde_left_box .col-md-4:nth-last-child(-n+3) .one_assist{padding: 0 10px;    margin-bottom: 30px;}
.whyUs_tefchno { padding: 0px 0px; }
.banner .banner_caption h2, .banner .banner_caption h1 {   font-size: 18px;     line-height: 24px;         margin-bottom: 0;}
.banner .banner_caption p {    font-size: 12px;    }
.blogmainbx .bloginnerbx {  margin-bottom: 20px;}
.blogmainbx .bloginnerbx .bloginnerbxL, .blogmainbx .bloginnerbx:nth-child(2n) .bloginnerbxL { width: 100%; margin-right: 0;  float: none;     margin-left: 0;}
.blogmainbx .bloginnerbx .bloginnerbxR, .blogmainbx .bloginnerbx:nth-child(2n) .bloginnerbxR { width: 100%;  float: none;  padding: 20px 0;}
.Knowledge_tabs { position: relative;   top: 0;}
.Knowledge_tabs ul{display:block;}
.Knowledge_tabs ul li a {font-size: 12px; line-height: 20px; padding: 7px 10px; margin: 2px;}
header .menu_in .nav{float: right;margin-right: 0px;}
.menu_in .menu-item-has-children ul.sub-menu{position:relative !important;}
.menu-item-has-children > a{ }
.Single_drop_down > ul.sub-menu{transform: none; width: 100%; position:relative !important; padding:0 !important;}
.Single_drop_down > ul.sub-menu > li { width: 100%;  float: none;}
header .nav ul li:hover a { color: #fff;}
header .nav ul li a { padding: 15px 8px !important;}
.menu_in .menu-item-has-children > a:after{top: 18px;}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu { width: 100% !important;  position: relative; min-height: 100%;  top: 60px;  left: 0;  float: none;  padding: 10px 0 10px 10px;         display: none !important;}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu ul.sub-menu li { width: 100%;  float: none;}
.submenu-toggle {
display: inline-block;
margin-left: 8px;
cursor: pointer;
position: absolute;
top: 15px;
right: 9px;
color: #fff;
width: 50px;
text-align: right;
}
.submenu-toggle::after {
content: '+';
font-size: 16px;
display: inline-block;
}
.submenu-toggle.open::after {
content: '-';
}
.menu_in .menu-item-has-children > a:after{
display:none;
}
header .nav ul li.menu-item-has-children { 
position: relative;
}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu > li { 
position: relative;
}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu li:nth-child(1) ul.sub-menu{
display:none;
}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu.menu_open {
padding: 0 !important;
position: relative !important;
top: initial !important;
left: initial !important;
float: left !important;
transform: translate(0px, 0px) !important;
padding-left: 10px !important;
background: none !important;
display: block !important;
padding-right: 10px !important;
min-height: initial !important;
}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu .menu-item-has-children span.submenu-toggle {
right: -3px;
top: 10px;
}
.menu_in .Single_drop_down ul.sub-menu {
display: none !important;
background: none !important;
}
.menu_in .Single_drop_down ul.sub-menu.menu_open {
display: block !important;
}
#home-banner .owl-dots .owl-dot span { 
width: 10px;
height: 10px;
margin-left: 0;
}
.home_banner01 {
min-height: 129px;
}
a.btn_gradient {
padding: 5px 16px;
padding-right: 30px;
}
a.btn_gradient:after {
top: 10px;
}
.banner-home .banner_caption {
top: 30%;
}
.banner-home .banner_caption p { 
margin-bottom: 10px;
font-size: 12px;
line-height: 1.5;
margin-bottom: 0;
}
.banner-home .banner_caption p br{display:none;}
.banner-home .banner_caption h1 {
font-size: 14px !important;
margin: 0;
}
.aboutbx .aboutbxtxt h6 {
font-size: 16px;
}
.aboutbx .aboutbxtxt p {
font-size: 16px;
line-height: 1.5; 
}
.whatsnewbx.custom_home01_whatsnew .whatsnewimg img {
height: 374px;
object-fit: cover;
}
.whatsnewbx.custom_home01_whatsnew .whatsnewbxtxt a.btn_gradient {
margin-left: 18px;
}
.menu_list .fmenu1 ul {
width: 50% !important;
float: left;
text-align: left;
flex: 0 0 50%;
}
.menu_list .fmenu1 ul li {
text-align: left !important;
}
.menu_list {
float: left;
width: 100%;
}
.footer .fmenu1 {
float: left;
width: 100%;
display: flex !important;
align-content: start;
justify-content: start;
flex-wrap: wrap;
margin-bottom: 50px;
}
.menu_list .fmenu1 ul:last-child {
width: 100%;
flex: 0 0 100%;
}
.footer { 
float: left;
width: 100%;
}
.footer .fmenu1 ul li a {
font-size: 14px !important;
line-height: 1.5 !important;
}
#home-banner .owl-item img { }
.new_beadcurms {
top: 0;
}
.new_beadcurms .breadcrumb {
width: 100%;
}
.banner_caption .wd50 {
width: 100%;
}
.thum_banner:after {
display: none;
}
.one_lead_image_text p {
font-size: 15px;
}
.one_leader { 
margin-bottom: 30px;
}
.heading h3, .heading h2 {
padding: 0;
}
.vm h3.black_title {
font-size: 25px;
padding: 0;
text-align: center;
width: 100%;
}
.awards .areasbx ul li p a {
font-size: 18px;
line-height: 1.5;
}
#leadership-slider .one_leader { 
margin-bottom: 0;
}
.container , .container-fluid{ 
width: 100%; 
max-width: 100%;
}
.industry p {
font-size: 16px;
line-height: 1.5;
}
.one_patentability{
margin: 10px 0;
}
.one_patentability_text h4, .one_patentability_text h3 { 
font-size: 18px; 
text-align:left;
}
.one_patentability_text { 
margin-bottom: 50px;
}
.industrybxinn .industrybx .industrybxtxt {
padding: 25px;
}
.industrybxinn .industrybx .industrybxtxt h4, .industrybxinn .industrybx .industrybxtxt h3 {
font-size: 25px; 
line-height: 1.5;  
}
.industrybxinn .industrybx .industrybxtxt p {
line-height: 1.5;
}
.item_one_list_isnt p a {
font-size: 18px;
line-height: 1.5;
}
.banner.inner_banner .banner_caption {
transform: none;
}
.big_thumb_post img {
min-height: inherit;
}
.banner img {
min-height: 350px;
object-fit: cover;
object-position: right;
}
#home-banner .owl-item img {
min-height: 350px;
object-fit: cover;
object-position: right;
}
.Servicebx .ServicebxR { 
border: 1px solid #ccc;
border-radius: 15px;
background: none; 
}
}
@media (max-width: 540px){
ul.featured-slider{width: 100% !important;}
.banner-home .banner_caption h2, .banner-home .banner_caption h1{line-height: 1.5;}
.whatsnewbx.shortmax .whatsnewbxtxt.case_study_content h4{margin-bottom: 8px !important;}
.list_ser_one_line .heading h4{font-size: 20px;}
.whatsnew .whatsnewbx .whatsnewbxtxt h4{font-size: 15px;}
.one_patentability_text h4{font-size: 18px;}
.one_patentability_text p{padding-left: 0px;}
header .nav .collapse.in{height: 100vh !important;overflow-y: scroll;}
.menu_in .menu-item-has-children ul.sub-menu li a{padding-left: 15px !important;}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown:hover ul.sub-menu{ }
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu li:nth-child(1) ul.sub-menu{padding: 0px;}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu li ul.sub-menu{top: 0px;padding: 0px;}
.menu_in .menu-item-has-children ul.sub-menu li a{text-align: left;}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu > li a {padding: 10px !important;}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown ul.sub-menu ul.sub-menu li:last-child{border-bottom: none;}
.newsub_menu_with_full_drop li.menu-item-has-children.New_sub_dropdown > ul.sub-menu > li:first-child > a{background: none;}
.banner-home .banner_caption h2, .banner-home .banner_caption h1{font-size: 20px;} .csbx .csbxinn .csbxinnimg{margin-bottom: 25px;}
header .nav ul li a{font-size: 12px;}
.menu_in .menu-item-has-children > a:after{right: 0;color: #fff;}
.case_study_content_new{padding-right: 0px;}
.whatsnew .whatsnewbx .whatsnewbxtxt p{line-height: 20px;}
.whatsnew_content{padding: 20px;}
.carouselTicker, .testimonials #testi-slider{padding-top: 25px;}
.footer .footbtm{padding: 8px 0px;}
.Servicebx .ServicebxL .ServicebxLin {padding: 15px 20px;}
a.btn_gradient{font-size: 11px;}
li.new_social_links .socialbx li a img{        width: 22px;}
.wtwedo{display: block;}
.wtwedo{max-width: 100%;}
.wtwedo .wtwedotxt{width: 100%;}
.wtwedo h4 {font-size: 22px;width: 100%;margin-bottom: 10px;}
.wtwedo .wtwedotxt h5{font-size: 18px;}
.ss_impactin{padding: 50px 15px 50px;}
.heading h3, .heading h2 {font-size: 26px;padding: 0;line-height: 32px;}
.Servicebx .ServicebxL{width: 100%;padding: 4px;position: initial;         transform: none;}
.Servicebx .ServicebxR {margin-left: 0%;width: 100%;margin-top: 20px;}
.Servicebx .ServicebxR{padding: 15px 15px 15px 15px;}
.Servicebx .ServicebxR ul li {width: 42%;text-align: center;min-width: 42%;}
.menu_list .row{display: block;}
.menu_list .fmenu1 .Quicklinks{width: 50%;}
.footer .flogo1{text-align: center;}
.footer .fmenu1{display: block;}
.menu_list .fmenu1 .Quicklinks{width: 100%;}
.footer h5{font-size: 18px;}
.footer .fmenu1 ul li a{font-size: 16px;}
.footer .fmenu1 ul li{text-align: center;}
.footer .fmenu1 ul{width: 100%;}
li.new_social_links .socialbx{width: 100%;}
li.new_social_links .socialbx li a{text-align: center;}
.menu_list_copy .footbtm p{text-align: center;}
.ss_impact .ss_impactbx {padding: 10px 0px 20px 0;}
.ss_impact .ss_impactbx h5{font-size: 18px;}
.maintext{padding: 40px 0px;}
.testimonials, .clients, .awards, .whatsnew{padding: 40px 0px;        padding: 40px 0px;}
.awards .awardsiner{padding: 20px 0 0;}
.susbox h4{margin-bottom: 10px;font-size: 24px;min-height: auto;}
.susbox p {font-size: 18px;width: 100%;min-height: auto;margin-bottom: 20px;}
.susbox .susboxL{height: auto;padding: 43px 0px 40px 0px;}
.susbox .susboxR{height: auto;}
header .nav ul li a{color: #fff;}
.searchbx .input-group input {width: 95%; margin-top: 20px;}
.susbox{background: linear-gradient(180deg, rgba(4, 22, 94, 1) 0%, rgba(39, 188, 242, 1) 100%), url(//iebrain.com/wp-content/themes/ingenious-e-brain/assets/images/susbgtest.jpg) no-repeat left center / 100% 100% !important;}
.aboutbx{display: block;}
.aboutbx h4 {margin-right: 0px;width: 100%;font-size: 24px;margin-bottom: 10px;}
.aboutbx .aboutbxtxt {width: 100%;}
h3.black_title{text-align: center;}
.whatwebel .visionbx{margin-bottom: 25px;}
.whatwebel .visionbx, .whatwebel .missionbx{padding: 25px;}
.valuebx{min-height: auto;margin-bottom: 15px;}
.valuebx h4{display: block;}
.valuebx h4{font-size: 20px;}
.awards .areasbx ul{margin: 0px;padding: 0px;}
.awards .areasbx ul li {width: 42%;}
.filters-row .left-filter{margin-bottom: 25px;}
.filter-cols{height: auto;}
.filters-row .scroll {overflow-y: scroll;height: auto;overflow-x: hidden;padding-right: 0px;}
.contact{padding: 30px 15px;}
.banner-home .banner_caption h2, .banner-home .banner_caption h1 br{display: none;}
.ss_impact_img_one svg {    height: auto;    }
.heading h4 { font-size: 28px; }
.iconsime {width: 80px; height: 80px;}
.one_why_Us {  width: 32%;}
.one_why_imge{margin-bottom:0;}
.one_why_Us p{width:100%; font-size: 15px; line-height: 22px;}
.patentabilitysections_bg {  padding: 0px 20px;}
.one_patentability_text p { font-size: 16px;  line-height: 26px;}
span.border_btn {     width: 50%;    }
.sub_btn {  font-size: 12px; }
}
@media (max-width: 430px){ }
@media (max-width: 390px){
.aboutbx h4 {font-size: 22px;line-height: 26px;}
.heading h4 { font-size: 22px;line-height: 26px;}
}
@media (max-width: 767px){
.navigation_list button.navbar-toggle {
margin: 3px 0 0 0;
border: 1px solid #000;
display: block;
position: relative;
float: right;
padding: 9px 10px;
background: none;
border: none;
}
.translator {
padding: 10px;
}
.navigation_list button.navbar-toggle span.icon-bar {
background: #000;
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
margin-bottom: 5px;
}
.nav.navigation_list {
width: 57%;
float: right;
}
.navigation_list .collapse.in {
width: 80%;
left: 0px;
z-index: 999;
background: #072837;
box-sizing: border-box;
overflow: inherit; transition: all ease .5s;
position: fixed;
top: 0;
height: 100% !important;
padding: 20px;
display: block !important;
}
.navigation_list ul.navbar-nav > li ul.sub-menu {
position: initial; 
width: initial;
background: none;
min-height: initial;
}
.navigation_list ul.navbar-nav > li ul.sub-menu ul.sub-menu {
position: inherit !important;
display: block;
min-height: initial;
width: 100% !important;
margin: 0 !important;
}
.navigation_list ul.navbar-nav > li ul.sub-menu ul.sub-menu {
position: inherit !important;
display: block;
min-height: initial;
width: 100% !important;
margin: 0 !important;
}
.navigation_list ul.navbar-nav > li > ul.sub-menu > li {
border: none !important;
}
.navigation_list ul.navbar-nav > li ul.sub-menu ul.sub-menu li {
display: block;
width: 100%;
padding: 0 !important;
margin: 6px 0;
}
.navigation_list ul.navbar-nav > li ul.sub-menu ul.sub-menu li a {
padding: 7px 0 !important;
margin: 0;
}
.navigation_list ul.navbar-nav > li a {
padding: 8px 0px !important;
}
.navigation_list ul.navbar-nav > li a{
color: #ffffff; 
}
.navigation_list ul.navbar-nav > li:hover > ul.sub-menu > li:first-child {
background: none !important;
}
.navigation_list ul.navbar-nav > li ul.sub-menu ul.sub-menu {
background: none !important;
}
.navigation_list ul.navbar-nav > li ul.sub-menu ul.sub-menu li:before, .navigation_list ul.navbar-nav > li ul.sub-menu li:before{
display:none 
}
.navigation_list ul.navbar-nav > li.menu-item-has-children:after {
display:none 
}
.navigation_list ul.navbar-nav span.submenu-toggle {
top: 6px;
}
.navigation_list ul.navbar-nav > li:hover ul.sub-menu {
display: none;
}
.navigation_list ul.navbar-nav > li ul.sub-menu.menu_open {
display: block !important;
}
.navigation_list ul.navbar-nav > li ul.sub-menu ul.sub-menu{
display: none !important;
}
.navigation_list ul.navbar-nav > li ul.sub-menu {
padding-left: 20px;
}
.navigation_list ul.navbar-nav > li ul.sub-menu ul.sub-menu.menu_open {
display: block !important;
background: none !important;
}
.navigation_list ul.navbar-nav > li:hover > ul.sub-menu:hover > li:hover {
background: none !important;
border: none !important;
}
.navigation_list ul.navbar-nav > li a {
font-size: 13px !important;
font-weight: normal !important;
}
.navigation_list ul.navbar-nav > li:hover > ul.sub-menu:hover > li{
border: none !important;
}
.navigation_list ul.navbar-nav > li {
padding: 15px 0 !important;
}
.navigation_list ul.navbar-nav > li > span.submenu-toggle {
top: 22px;
}
.nav.navigation_list li.nav-item.search_item {
width: 100%;
}
.nav.navigation_list li.nav-item.search_item input.form-control {
width: 100%;
padding: 10px 10px 10px 41px;
}
.nav.navigation_list li.nav-item.search_item button.btn.btn-default img {
padding: 20px 0;
}
.navigation_list .searchbx {
margin-left: 0;
}
.navigation_list ul.navbar-nav > li.Single_drop_down ul.sub-menu {
position: initial !important;
background: none !important;
padding: 0 !important;
}
.navigation_list ul.navbar-nav > li.Single_drop_down ul.sub-menu.menu_open {
display: block !important;
}
.navigation_list ul.navbar-nav > li.Single_drop_down ul.sub-menu li {
width: 100% !important;
display: block;
}
.new_menu .navigation_list ul.navbar-nav > li.Single_drop_down ul.sub-menu li a {
padding: 8px 0 !important;
}
.Single_drop_down:hover ul.sub-menu {
display: none !important;
}
.navigation_list .collapse.in {
max-height: 100vh;
overflow: auto;
}
div#navbarSupportedContent {
display: none;
}
.navigation_list ul.navbar-nav > li ul.sub-menu ul.sub-menu li a:hover {
background: none !important;
color: #ccc !important;
}
.navigation_list ul.navbar-nav > li ul.sub-menu  li a:hover {
background: none !important;
color: #ccc !important;
}
}
@media (min-width: 1420px) and (max-width: 1680px){
.clogobox {
padding: 10px 0;
}
.navigation_list .searchbx { }
}
@media (min-width: 1280px) and (max-width: 1400px){
.clogobox {
padding: 10px 0;
}
.navigation_list ul.navbar-nav > li a{
padding: 22px 16px !important;
}
.navigation_list .searchbx {
padding: 0;
}
.home_banner01 {
min-height: 260px;
}
.container-fluid {
max-width: 100%;
}
}
@media (min-width: 1024px) and (max-width:1279px){
.new_menu {
width: 100%;
float: left;
}
.nav.navigation_list {
width: calc(100% - 151px); 
}
li.nav-item.search_item {
width: 130px;
}
.clogobox {
padding: 10px 0;
}
.navigation_list ul.navbar-nav > li a{
padding: 22px 5px !important;
}
.navigation_list .searchbx {
padding: 5px 0;
}
.home_banner01 {
min-height: 260px;
}
.container-fluid {
max-width: 100%;
}
.navigation_list ul.navbar-nav > li.menu-item-has-children:after{
display:none
}
}
@media (min-width: 991px) and (max-width:1023px){
.clogobox {
max-width: 100%;
text-align: center;
width: 100%;
}
.nav.navigation_list {
width: 100%;
}
.clogobox img {
max-width: 250px;
}
.navigation_list ul.navbar-nav > li a {
padding: 23px 18px 23px 5px !important;
}	
}
@media (min-width: 768px) and (max-width:990px){
.clogobox {
max-width: 100%;
text-align: center;
width: 100%;
}
.nav.navigation_list {
width: 100%;
}
.clogobox img {
max-width: 250px;
}
.navigation_list ul.navbar-nav > li a {
padding: 23px 18px 23px 5px !important;
}	
}
@media (min-width: 768px) and (max-width:1023px){
.navigation_list ul.navbar-nav > li ul.sub-menu {
top: 134px;
}
}
@media screen and (min-width: 992px) and  (max-width: 1024px) {
.new_impaect_05_with_png { 
width: 400px; 
margin:0 auto;
}
.box_images_bgs_content h6 { 
font-size: 23px; 
}
.box_images_bgs_content .business_consulting {
top: 135px; 
width: 170px;
left: -11px; 
}
.strategy_consulting { 
left: 158px; 
}
.innovation_Consulting {
top: 193px; 
right: -19px; 
}
.IP_Consulting {
top: 321px; 
left: 101px; 
}
.ss_impact .ss_impactbx {
padding: 0;
}
} 
@media screen and (max-width: 992px) {
.new_impaect_05_with_png .box_images_bgs img.box_img01  {
position: initial; 
}
.box_images_bgs_content { 
position: absolute;
top: 0;
width: 100%;
}
section.ss_impact.new_ss_impacts01 .ss_impactin {
padding: 75px 15px 50px;
}
.secupport_section01 {
padding: 0;
}
}
@media screen and (max-width: 600px) {
.new_impaect_05_with_png .box_images_bgs img.box_img01
{
position: initial;
}
.box_images_bgs_content { 
position: absolute;
top: 0;
width: 100%;
}
.new_impaect_05_with_png { 
width: 386px;
margin: 0 auto;
}
.box_images_bgs_content h6 { 
font-size: 25px; 
}
.box_images_bgs_content .business_consulting {
top: 128px; 
left: -19px; 
}
.strategy_consulting {
top: 29px; 
left: 155px; 
}
.innovation_Consulting {
top: 171px; 
right: -23px; 
}
.IP_Consulting {
top: 305px; 
left: 80px; 
}
}
@media screen and (max-width: 400px) {
.new_impaect_05_with_png {
width: 331px; 
}
.box_images_bgs_content h6 {
font-size: 20px;
}
.box_images_bgs_content .business_consulting {
top: 95px;
left: -26px;
}
.strategy_consulting { 
left: 134px;
}
.innovation_Consulting {
top: 144px;
right: -30px;
}
.IP_Consulting {
top: 267px; 
}
}
@media (min-width: 1200px){
.thum_banner:before, .banner_image01:before{
display:none;
}
}