.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}.ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
} .ps__rail-x {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
height: 15px; bottom: 0px; position: absolute;
}
.ps__rail-y {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
width: 15px; right: 0; position: absolute;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
display: block;
background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
background-color: #eee;
opacity: 0.9;
} .ps__thumb-x {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, height .2s ease-in-out;
-webkit-transition: background-color .2s linear, height .2s ease-in-out;
height: 6px; bottom: 2px; position: absolute;
}
.ps__thumb-y {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, width .2s ease-in-out;
-webkit-transition: background-color .2s linear, width .2s ease-in-out;
width: 6px; right: 2px; position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
background-color: #999;
height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #999;
width: 11px;
} @supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps {
overflow: auto !important;
}
}.hvr-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-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 transparent;
-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 transparent;
}
.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 transparent;
}
.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 transparent;
}
.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 transparent;
}
.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 transparent;
}
.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 transparent;
-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 transparent;
-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 transparent;
-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 transparent;
-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 transparent;
-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 transparent;
-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 transparent;
}
.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 transparent;
}
.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 transparent;
-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 transparent;
-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 transparent;
-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 transparent;
}
.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 transparent;
}
.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 transparent;
}
.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 transparent;
}
.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 transparent;
-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 transparent;
-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 transparent;
}
.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 transparent;
}
.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 transparent;
}
.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 transparent;
-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 transparent;
-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 transparent;
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: #f15b26;
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 transparent;
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: #f15b26;
background-color: #f15b26;
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 transparent;
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: #f15b26;
-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 transparent;
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: #f15b26;
-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 transparent;
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: #f15b26;
-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 transparent;
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: #f15b26;
-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 transparent;
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: #f15b26;
-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 transparent;
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: #f15b26;
-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 transparent;
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: #f15b26;
-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 transparent;
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: #f15b26;
-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 transparent;
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: #f15b26;
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 transparent;
position: relative;
overflow: hidden;
background: #f15b26;
-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 transparent;
position: relative;
background: #f15b26;
-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 transparent;
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: #f15b26;
-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 transparent;
position: relative;
background: #f15b26;
-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 transparent;
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: #f15b26;
-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 transparent;
position: relative;
background: #f15b26;
-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 transparent;
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: #f15b26;
-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 transparent;
-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 transparent; }
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
box-shadow: inset 0 0 0 4px #f15b26, 0 0 1px transparent; } .hvr-hollow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-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 transparent; }
.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 transparent;
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 transparent;
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 transparent;
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 transparent;
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 transparent;
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 transparent;
-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 transparent;
position: relative;
overflow: hidden;
}
.hvr-underline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
background: #f15b26;
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 transparent;
position: relative;
overflow: hidden;
}
.hvr-underline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
bottom: 0;
background: #f15b26;
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 transparent;
position: relative;
overflow: hidden;
}
.hvr-underline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
bottom: 0;
background: #f15b26;
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 transparent;
position: relative;
overflow: hidden;
}
.hvr-overline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
top: 0;
background: #f15b26;
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 transparent;
position: relative;
overflow: hidden;
}
.hvr-overline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
top: 0;
background: #f15b26;
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 transparent;
position: relative;
overflow: hidden;
}
.hvr-overline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
top: 0;
background: #f15b26;
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 transparent;
position: relative;
overflow: hidden;
}
.hvr-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-color: #f15b26;
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 transparent;
position: relative;
overflow: hidden;
}
.hvr-underline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
background: #f15b26;
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 transparent;
position: relative;
overflow: hidden;
}
.hvr-overline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
background: #f15b26;
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 transparent;
-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 transparent;
-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 transparent;
-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 transparent;
-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 transparent;
-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 transparent; }
.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 transparent; } .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 transparent;
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%, transparent 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 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 transparent;
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%, transparent 80%);
background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
}
.hvr-shadow-radial:after {
top: 100%;
background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 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 transparent;
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 transparent;
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 transparent;
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 transparent;
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 transparent;
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 transparent;
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 transparent;
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 transparent;
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 transparent;
position: relative;
padding-left: 2.2em;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
.hvr-icon-back:before {
content: "\f137";
position: absolute;
left: 1em;
padding: 0 1px;
font-family: FontAwesome;
-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:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
-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 transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
.hvr-icon-forward:before {
content: "\f138";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-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:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
-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 transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-down:before {
content: "\f01a";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {
-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 transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-up:before {
content: "\f01b";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before {
-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 transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-spin:before {
content: "\f021";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-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:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {
-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 transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-drop:before {
content: "\f041";
position: absolute;
right: 1em;
opacity: 1;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
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 transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-fade:before {
content: "\f00c";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-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:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {
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 transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-float-away:before, .hvr-icon-float-away:after {
content: "\f055";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
}
.hvr-icon-float-away:after {
opacity: 0;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after {
-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 transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
content: "\f056";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-sink-away:after {
opacity: 0;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {
-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 transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-grow:before {
content: "\f118";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-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:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before {
-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 transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-shrink:before {
content: "\f119";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-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:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before {
-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 transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-pulse:before {
content: "\f015";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before {
-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 transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-pulse-grow:before {
content: "\f015";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {
-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 transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-pulse-shrink:before {
content: "\f015";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before {
-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 transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-push:before {
content: "\f006";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-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:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before {
-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 transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-pop:before {
content: "\f005";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-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:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before {
-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 transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-bounce:before {
content: "\f087";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-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:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
-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 transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-rotate:before {
content: "\f0c6";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-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:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
-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 transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-grow-rotate:before {
content: "\f095";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-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:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before {
-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 transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-float:before {
content: "\f01b";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-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:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {
-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 transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-sink:before {
content: "\f01a";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-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:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before {
-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 transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-bob:before {
content: "\f077";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
-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 transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-hang:before {
content: "\f078";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {
-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 transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-wobble-horizontal:before {
content: "\f061";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
-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 transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-wobble-vertical:before {
content: "\f062";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before {
-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 transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-buzz:before {
content: "\f017";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before {
-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 transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-buzz-out:before {
content: "\f023";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before {
-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 transparent;
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 transparent;
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 transparent;
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 transparent;
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;
}html {
overflow-x: hidden;
scroll-behavior: smooth;
}
body {
font-family: 'Open Sans', sans-serif;
overflow-x: hidden;
}
.row {
margin-bottom: 0px;
}
header {
position: fixed;
top: 0px;
width: 100%;
z-index: 99;
}
.logo {
float: left;
padding-top: 19px;
display: block;
position: relative;
z-index: 999;
}
.logo img {
width: 100%;
max-width: 219px;
transition: all 0.5s;
transform: scale(1.1);
}
.logo a {
display: block;
z-index: 99999;
}
.menu {
float: right;
padding: 20px 0px 23px;
}
.menu>ul {
padding-left: 0px;
margin: 0px;
}
.menu>ul>li {
display: inline-block;
padding: 0px 15px;
}
.menu>ul>li a {
font-size: 15px;
color: rgb(255, 255, 255);
font-weight: 600;
display: block;
transition: 0.5s;
}
.header .current-menu-item a {
color: #fb3b3b !important;
}
#mega-menu-wrap-primary_menu {
clear: initial;
}
.sub-menu li {
padding: 10px 30px;
}
a.mega-menu-link {
font-weight: 600 !important;
}
.mega-current_page_item a.mega-menu-link {
color: #f93f3f !important;
background: transparent !important;
}
.mega-current-menu-item a.mega-menu-link {
color: #f93f3f !important;
}
#mega-menu-wrap-primary_menu #mega-menu-primary_menu>li.mega-menu-item>a.mega-menu-link:hover {
background: no-repeat;
color: #f93f3f !important;
}
ul.mega-sub-menu {
margin-top: 16px !important;
}
.menu>ul>li a:hover {
color: rgb(253, 65, 65);
}
ul.sub-menu {
position: absolute;
background: #00000082;
margin-top: 23px;
padding-top: 0;
display: block;
opacity: 0;
transition: opacity 0.5s;
}
.sub-menu a {
color: #fff !important;
}
.sub-menu a:hover {
color: rgb(253, 65, 65) !important;
}
.menu>ul>li:hover ul.sub-menu {
opacity: 1;
}
.mobile_menu {
display: none;
}
.mobile_menu span {
height: 3px;
margin-bottom: 8px;
width: 40px;
display: block;
background-color: #16526a;
border-radius: 5px;
}
.mobile_menu {
width: 40px;
float: right;
margin-left: 20px;
}
.dr-hed {
background-color: #232121;
}
.qu-acs {
text-align: right;
}
.qu-acs a {
display: inline-block;
font-size: 13px;
color: rgba(255, 255, 255, 0.878);
font-weight: 600;
position: relative;
vertical-align: middle;
}
a.faq {
padding: 0 14px 0 15px;
margin-left: -5px;
}
.qu-acs a:after {
position: absolute;
left: 0px;
top: 0px;
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/icons.png);
content: '';
display: block;
}
.tel:after {
width: 14px;
height: 13px;
background-position: -39px 0px;
top: 12px !important;
left: 14px !important;
}
.mail:after {
width: 15px;
top: 12px !important;
height: 13px;
background-position: -52px 0px;
left: 14px !important;
}
.faq:after {
width: 15px;
top: 3px !important;
height: 18px;
background-position: -73px -1px;
left: -12px !important;
display: none !important;
}
.fb:after {
width: 20px;
height: 17px;
background-position: 2px 0px;
}
.in:after {
width: 18px;
height: 18px;
background-position: -19px 0px;
}
.tel, .mail, .faq{
padding: 10px 15px 10px 40px;
border-left: 1px solid #272c27;
border-right: 1px solid #272c27;
}
.mail {
margin-left: -5px;
}
.fb, .in {
padding: 10px 20px;
height: 40px;
border-left: 1px solid #272c27;
border-right: 1px solid #272c27;
margin-left: -5px;
}
.fb:after, .in:after {
right: 0px;
top: 11px !important;
margin: 0 auto;
}
.back-lit {
background-color: rgba(0, 0, 0, 0.7);
}
.slid-itm h4 {
font-size: 60px; font-family: 'Merriweather', serif;
color: rgb(255, 255, 255);
font-weight: 600;
line-height: 1.098;
text-shadow: 0px 1px 8.46px rgba(0, 0, 0, 0.25);
}
.slid-itm p {
font-size: 20px;
font-family: 'Raleway', sans-serif;
color: rgb(255, 255, 255);
font-weight: 600;
}
.slid-itm>div {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0px;
right: 0px;
}
.slid-cont {
width: 50%;
margin: 0 auto;
text-align: center;
}
.welcm {
background-color: #f2f9fc;
position: relative;
padding: 80px 0px;
}
.welcm:after {
width: 600px;
height: 600px;
border-radius: 300px;
position: absolute;
top: -266px;
left: -242px;
content: '';
background-color: #e6f3f9;
display: block;
}
.welcm>div {
position: relative;
z-index: 10;
}
.wel-cont {}
.wel-cont h1 {
font-size: 45px;
font-family: 'Raleway', sans-serif;
color: rgb(58, 80, 97);
font-weight: 800;
line-height: 1.292;
margin: 0px 0px 25px;
}
.wel-cont p {
font-size: 16px;
font-family: 'Raleway', sans-serif;
color: rgb(58, 80, 97);
line-height: 1.849;
}
.wel-cont img {
margin-top: -60px;
margin-bottom: -100px;
}
.ft-hed {
text-align: center;
margin: 40px 0px;
}
.ft-hed h4 {
font-size: 36px;
font-family: 'Raleway', sans-serif;
color: rgb(54, 72, 80);
font-weight: 800;
line-height: 1.363;
margin: 0px;
}
.ft-hed p {
font-size: 16px;
font-family: 'Raleway', sans-serif;
color: rgb(58, 80, 97);
line-height: 1.849;
margin-top: 0;
}
.ft-cont {
text-align: center;
position: relative;
background-size: cover;
padding: 50px 40px;
display: block;
vertical-align: middle;
}
.ft-cont span {
font-size: 13px;
color: rgb(255, 255, 255);
font-weight: 400;
text-transform: uppercase;
background-color: rgba(0, 134, 190, 0.8);
padding: 8px 23px;
}
.ft-cont h5 {
font-size: 31px;
font-family: 'Raleway', sans-serif;
color: rgb(255, 255, 255);
font-weight: 600;
margin-top: 23px;
margin-bottom: 0px;
}
.ft-cont h6 {
font-size: 16px;
color: rgb(255, 255, 255);
font-weight: 600;
position: relative;
margin: 0px;
padding-top: 65px;
}
.ft-cont h6:after {
content: '';
width: 180px;
height: 30px;
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/icons.png);
position: absolute;
display: block;
left: 0px;
right: 0px;
top: 32px;
margin: 0 auto;
background-position: 0px -16px;
}
.ft-cont p {
font-size: 13px;
color: rgb(255, 255, 255);
line-height: 1.583;
font-family: 'Raleway', sans-serif;
margin-top: 24px;
margin-bottom: 0px;
}
.ft-cont>div {
position: absolute;
z-index: 10;
width: 100%;
top: 50%;
transform: translateY(-50%);
left: 0px;
padding: 0px 40px;
}
.ft-cont>div>div {
max-height: 0px;
transition: all 2s;
overflow: hidden;
}
.ft-cont:hover>div>div {
max-height: 500px;
}
.ft-cont:after {
content: '';
background-color: rgba(0, 0, 0, 0.3);
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
transition: all 0.5s;
}
.ft-cont:hover:after {
background-color: rgba(0, 0, 0, 0.8);
}
.tf6 {
height: 430px;
margin-bottom: 20px;
}
.reco-hed {
text-align: left;
}
.rec-cont {
background-color: rgb(255, 255, 255);
box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.1);
margin-bottom: 10px;
}
.rec-cont>div.rec-img {
position: relative;
}
.rec-cont>div img {}
.rec-cont>div span {
font-size: 13px;
color: rgb(255, 255, 255);
font-weight: 600;
text-transform: uppercase;
position: absolute;
bottom: 25px;
background-color: #214a5b;
padding: 5px 23px;
left: 26px;
}
.rec-cont>div>h5 {
font-size: 19px;
font-family: 'Raleway', sans-serif;
color: rgb(10, 10, 10);
font-weight: 700;
margin: 0px;
margin-bottom: 9px;
}
.rec-cont>div>h6 {
font-size: 14px;
font-family: 'Raleway', sans-serif;
color: rgb(58, 80, 97);
margin: 0px
}
.rec-cont>div.rec-det {
padding: 20px 30px;
}
.owl-recommended {
margin: 60px -5px 70px;
padding: 0px 5px;
overflow: hidden;
}
#owl-recommended .owl-stage-outer {
overflow: visible;
}
.expr-sectio {
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/expr-back.png);
background-position: bottom;
background-size: cover;
background-color: #f7f9fa;
padding: 70px 0px 104px 0;
}
.rec-img a img {
transition: 0.5s;
}
.rec-img a img:hover {
filter: brightness(150%);
}
.rec-det a {
color: #000;
transition: 0.5s;
}
.rec-det a:hover {
color: #0f67c1;
}
.expr h3 {
font-size: 55px;
color: rgb(58, 78, 96);
font-weight: 800;
line-height: 1.163;
margin-bottom: 30px;
letter-spacing: -2px;
}
.expr p {
font-size: 14px;
font-family: 'Raleway', sans-serif;
color: rgb(58, 80, 97);
line-height: 1.756;
}
.expr a {
font-size: 12px;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
background-color: #da0b13;
font-weight: 800;
color: #fff;
padding: 11px 23px;
margin-top: 40px;
display: block;
width: 175px;
text-align: center;
transition: 0.5s;
}
.expr a:hover {
background-color: #9c040a;
}
.map-id {
position: relative;
display: inline-block;
vertical-align: top;
}
.map-id span {
position: absolute;
width: 15px;
height: 15px;
display: block;
background-color: #e373c3 !important;
border-radius: 10px;
border: 2px solid #e8e8e8;
top: 0px;
cursor: pointer;
left: 0px;
transition: all 0.5s;
}
.map-id span.green {
background-color: #8ebe82 !important;
}
.map-id span img {
display: none;
}
.map-id span.active img {
display: block;
}
.map-id span.active {
background-color: #1987c9 !important;
width: 30px;
height: 30px;
padding: 5px;
border-radius: 15px;
}
.map-id span:hover {
background-color: #1987c9 !important;
width: 22px;
height: 22px;
padding: 5px;
border-radius: 15px;
}
.map-discrip {
position: relative;
display: inline-block;
vertical-align: top;
width: 340px;
margin-top: 40px;
}
.map-discrip .disco {
visibility: hidden;
opacity: 0;
position: absolute;
top: 0px;
left: 0px;
background-color: #fff;
transition: all 0.4s;
box-shadow: 1px 1px 16px #cccccc5e;
}
.map-discrip .disco.active {
visibility: visible;
opacity: 1;
}
.disco {}
.disco .pls {
padding: 20px 20px 10px;
}
.disco .pls h4 {
font-size: 40px;
font-family: 'Caveat', cursive;
color: rgb(36, 136, 179);
line-height: 0.988;
-moz-transform: matrix( 1.01902090804247, -0.10153971665565, 0.10153971665565, 1.01902090804247, 0, 0);
-webkit-transform: matrix( 1.01902090804247, -0.10153971665565, 0.10153971665565, 1.01902090804247, 0, 0);
-ms-transform: matrix( 1.01902090804247, -0.10153971665565, 0.10153971665565, 1.01902090804247, 0, 0);
margin: 0px 0px 35px;
}
.disco .pls p {
font-size: 13px;
font-family: 'Raleway', sans-serif;
color: rgb(58, 80, 97);
line-height: 1.737;
}
.disco .wtx {
background-color: #fbfbfb;
}
.disco .wtx h6 {
font-size: 20px;
font-family: 'Raleway', sans-serif;
color: rgb(54, 72, 80);
font-weight: 700;
line-height: 3.028;
border-bottom: 1px solid #dfe5e0;
text-align: left;
padding: 0px 30px;
}
.wtx ul {
margin: 35px 45px;
}
.wtx ul li {
list-style: disc;
padding-left: 10px;
font-size: 16px;
font-family: 'Raleway', sans-serif;
color: rgb(58, 80, 97);
margin-bottom: 20px;
}
.wtx ul li p {
font-size: 12px;
font-family: 'Raleway', sans-serif;
color: rgb(58, 80, 97);
margin: 0px
}
.wtx ul li b {
font-size: 14px;
font-family: 'Raleway', sans-serif;
color: rgba(54, 72, 80, 0.851);
font-weight: bold;
}
.map-discrip span {
position: absolute;
right: -14px;
top: -15px;
background-color: #edecec;
z-index: 10;
padding: 13px 14px 9px;
cursor: pointer;
}
.map-discrip span.rum {
-webkit-animation: thefade 0.6s infinite linear;
-webkit-animation-iteration-count: 1;
} @-webkit-keyframes thefade {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.finsihed {
display: none;
}
.wcu {
background-color: #162931;
}
.cw {
max-width: 580px;
float: right;
background-color: #2d5364;
position: relative;
padding-bottom: 40px;
margin-top: -50px;
margin-bottom: 60px;
padding-top: 20px;
}
.subscribe {
position: relative;
width: 90%;
display: block;
margin-top: 40px;
}
.sendpress-signup label { }
p.submit input {
font-size: 15px;
font-family: 'Raleway', sans-serif;
color: rgb(255, 255, 255);
font-weight: 700;
text-transform: uppercase;
background-color: #da0b13;
border-radius: 5px;
padding: 10px 31px !important;
cursor: pointer;
transition: all 0.5s;
width: auto !important;
margin-bottom: 0px !important;
margin-top: 10px;
float: right;
border: 0px;
}
.sendpress-signup-form #error {
color: #DF1111 !important;
}
.sendpress-signup-form #thanks {
color: #49ca3b !important;
}
.cw:after {
width: 100%;
position: absolute;
height: 100%;
top: 0px;
content: '';
left: -100%;
background-color: #2d5364;
}
.cw h4 {
font-size: 27px;
font-family: 'Raleway', sans-serif;
color: rgb(255, 255, 255);
font-weight: 700;
line-height: 2.271;
}
.rew-min {
padding-right: 185px;
padding-top: 55px;
}
.rew-min>p {
font-size: 21px;
color: rgb(255, 255, 255);
font-style: italic;
line-height: 1.503;
padding-left: 15px;
position: relative;
font-family: 'Open Sans', sans-serif !important;
}
.rew-min>p:after {
content: '';
width: 41px;
height: 28px;
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/coma.png);
position: absolute;
left: 4px;
top: -21px;
}
.rew-min>span {
display: block;
font-size: 18px;
color: rgb(255, 255, 255);
padding-left: 15px;
font-weight: 300;
font-style: italic;
}
.rew-min>div span:nth-child(1) {
display: block;
font-size: 58px;
color: #fff;
line-height: 44px;
font-weight: 900;
margin-top: 17px;
margin-bottom: 12px;
}
.rew-min>div span:nth-child(2) {}
.rew-min>div span:nth-child(2) i {
font-size: 18px;
color: #f0b557;
}
.rew-min>div span:nth-child(3) {
display: block;
color: #fff;
text-align: center;
font-weight: 300;
font-style: italic;
font-family: 'Open Sans', sans-serif !important;
}
.rew-min>div {
width: 100px;
text-align: center;
position: absolute;
right: 60px;
top: -14px;
}
#owl-reviews {
margin-top: -60px;
}
.wcu .owl-theme .owl-dots .owl-dot span {
border-radius: 0;
margin: 5px 13px;
}
.wcu .owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 10px;
text-align: right;
padding-right: 50px;
}
input.sp_email.required {
color: #fff;
font-style: italic;
}
.nwslt {
padding: 35px 40px;
}
.nwslt h4 {
font-size: 36px;
font-family: 'Raleway', sans-serif;
color: rgb(254, 254, 254);
font-weight: 800;
margin-bottom: 0px;
}
.nwslt p {
font-size: 17px;
color: rgb(255, 255, 255);
line-height: 1.74;
margin-top: 0px;
}
#owl-partnr img {
width: auto;
}
.partnr h6 {
font-size: 25px;
font-family: 'Raleway', sans-serif;
color: rgb(54, 72, 80);
font-weight: 700;
margin-bottom: 30px;
}
.partnr {
padding-top: 30px;
}
#owl-partnr img {
margin: 0 auto;
}
#owl-certification img {
width: 80%;
}
#owl-certification img {
width: auto;
}
.certification {
position: relative;
background-color: #f2f2f2;
padding-bottom: 40px;
margin-bottom: 50px;
padding-left: 60px;
}
.certification:after {
width: 100%;
position: absolute;
height: 100%;
top: 0px;
content: '';
right: -100%;
background-color: #f2f2f2;
}
footer {
background-color: #182528;
padding: 28px 0px;
z-index: 9;
position: relative;
}
.fot-top>div {
display: inline-block;
vertical-align: middle;
}
.any-qu {
margin-right: 60px;
}
.any-qu span {
display: block;
font-size: 15px;
font-family: 'Raleway', sans-serif;
color: rgba(255, 255, 255, 0.6);
font-weight: 400;
}
.any-qu a {
display: block;
font-size: 22px;
color: rgb(255, 255, 255);
font-weight: 600;
transition: all 0.5s;
}
.any-qu a:hover {
color: rgb(216, 12, 62);
}
.fot-logo {
border-right: 1px solid #44494a;
padding: 19px 50px 19px 0px; margin-right: 21px;
}
.fot-top {
border-bottom: 1px solid #44494a;
width: 80%;
padding-bottom: 20px;
margin-bottom: 15px;
display: inline-block;
}
.fot-menu h4 {
font-size: 19px;
font-family: 'Raleway', sans-serif;
color: rgb(255, 255, 255);
font-weight: 700;
margin-bottom: 28px;
margin-top: 20px;
}
.fot-menu ul {}
.fot-menu ul li {
padding-bottom: 8px;
}
.fot-menu ul li a {
font-size: 14px;
font-family: 'Raleway', sans-serif;
color: rgb(254, 255, 255);
}
.fotmenu>div {
width: 23%;
float: left;
}
.footer-info {
width: 19%;
display: inline-block;
text-align: right;
vertical-align: top;
position: relative;
}
.footer-info span {
font-size: 17px;
font-family: 'Raleway', sans-serif;
color: rgba(255, 255, 255, 0.6);
}
.footer-info p {
font-size: 20px;
font-family: 'Raleway', sans-serif;
color: rgb(255, 255, 255);
font-weight: 600;
text-decoration: underline;
margin: 5px 0px 20px;
}
.contacts {
font-size: 20px;
font-family: 'Raleway', sans-serif;
color: rgb(255, 255, 255);
font-weight: 600;
text-decoration: underline;
margin: 5px 0px 20px !important;
width: 100%;
}
.footer-info>a {
display: inline-block;
width: 34px;
height: 34px;
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/icons.png);
margin: 0px 10px;
opacity: 1;
transition: all 0.2s;
}
.footer-info a:hover {
opacity: 0.8
}
.fot-fb {
background-position: 3px 34px;
}
.fot-ins {
background-position: -31px 34px;
}
.footer-info:after {
position: absolute;
content: '';
width: 211px;
height: 73px;
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/glu.png);
bottom: -100px;
left: -50px;
}
.cpoyry {
float: left;
font-size: 13px;
color: rgb(110, 110, 110);
}
.desby {
float: right;
font-size: 13px;
padding-top: 15px;
color: rgb(110, 110, 110);
}
.copy-div {
border-top: 1px solid #44494a;
padding-top: 15px;
margin-top: 25px;
}
.desby a {
font-size: 13px;
color: rgb(110, 110, 110);
display: inline-block;
}
.desby img {
transform: translateY(3px);
}
.berdcmp {
background-color: #323031;
padding-top: 180px;
padding-bottom: 60px;
background-size: cover;
}
.bred {
color: rgb(255, 255, 255);
}
.bred a {
display: inline-block;
color: rgb(255, 255, 255);
}
.bred span {
display: inline-block;
}
.berdcmp h1 {
font-size: 57px;
font-family: 'Raleway', sans-serif;
color: rgb(255, 255, 255);
font-weight: 700;
line-height: 1.098;
margin: 0px;
}
.exp-img {}
.exp-img img {
width: 100%
}
.cul-hed .select-wrapper input.select-dropdown {
border: 1px solid #cdcdcd;
padding-left: 10px;
width: 98%;
}
.gary {
background-color: #f8f8f8;
}
.dropdown-content li>a, .dropdown-content li>span {
font-size: 13px;
}
.tours-template-default .list-ban {
height: 560px;
}
.exp-cont span {}
.exp-cont h4 {
font-size: 47px;
color: rgb(7, 73, 72);
font-weight: 700;
position: relative;
z-index: 10;
margin-top: 0px;
margin-bottom: 25pX;
}
.exp-cont p {
font-size: 14px;
color: rgb(0, 0, 0);
padding-right: 20px;
line-height: 25px;
max-height: 275px;
overflow: hidden;
}
.last-pad {
overflow: hidden;
margin-bottom: 30px;
}
.last-pad>div:last-child {
padding-bottom: 140px
}
.exp-cont p.open {
max-height: 500px;
}
.exp-row {
padding: 140px 0px 0px;
border-left: 1px solid #eaebeb;
}
.exp-cont.lef {
padding-left: 55px;
}
.exp-img.rit {
padding-left: 25px;
}
.exp-cont span.adv {
display: block;
font-size: 31px;
font-family: 'Caveat', cursive;
color: rgba(0, 0, 0, 0.431);
}
.exp-cont.rit {}
.exp-cont.rit span.adv {
text-align: right;
}
.exp-cont.rit h4 {
text-align: right;
margin-right: 0px; }
.exp-cont.rit p {
padding-left: 10px;
}
.exp-cont span.more {
font-size: 13px;
color: rgb(106, 105, 105);
font-weight: 600;
text-transform: uppercase;
display: inline-block;
padding-left: 25px;
position: relative;
cursor: pointer;
}
.exp-cont span.more:after {
content: '';
display: block;
position: absolute;
left: 0px;
top: 7px;
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/right-arrow.png);
width: 13px;
height: 7px;
transform: rotate(0deg);
transition: all 0.5s;
}
.exp-cont span.more.open:after {
transform: rotate(180deg);
}
.list-ban {
height: 530px;
background-size: cover;
position: relative;
background-position: center;
}
.bot-berd {
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
padding: 25px 0px;
}
.bot-berd h1 {
font-size: 35px;
font-family: 'Raleway', sans-serif;
color: rgb(255, 255, 255);
font-weight: 800;
margin: 0px 0px 10px;
}
.cul-hed span {
color: #3d556d;
}
.cul-hed {
padding: 35px 0px;
}
.cul-hed h5 {
font-size: 24px;
color: rgb(92, 114, 135);
font-weight: 600;
}
.ld-row div span {
font-family: 'Raleway', sans-serif;
font-size: 10px;
color: rgb(11, 11, 12);
text-transform: uppercase;
display: block;
margin-bottom: 3px;
}
.cul-hed .dropdown-content li>a, .cul-hed .dropdown-content li>span {
font-size: 16px;
color: #414847;
}
.ld-row div h6 {
margin: 0px;
font-size: 13px;
font-family: 'Raleway', sans-serif;
color: rgb(96, 117, 124);
font-weight: 600;
}
.ld-row div {
float: left;
padding-left: 20px;
padding-top: 7px;
padding-bottom: 12px;
border-bottom: 1px solid #e2e2e2;
}
.mk-ofer, .featured-of {
position: relative;
}
.mk-ofer>span, .featured-of>span {
position: absolute;
top: 10px;
right: 10px;
background-color: #ee2121;
color: #fff;
text-transform: uppercase;
font-size: 12px;
padding: 2px 10px;
border-radius: 5px;
}
.img-tou img {
width: 100%;
}
.tou-list {
box-shadow: 0px 4px 7px 1px rgba(0, 0, 0, 0.05);
}
.location {
border-right: 1px solid #e2e2e2;
width: 55%;
}
.duration {
width: 45%;
}
.location h6 {
padding-left: 15px;
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/maps-and-flags.png);
background-repeat: no-repeat;
}
.ld-cont {
clear: left;
margin-bottom: 50px;
padding-top: 10px;
}
.ld-cont p {
font-size: 13px;
font-family: 'Raleway', sans-serif;
color: rgb(58, 80, 97);
line-height: 1.506;
padding: 0px 20px;
margin-bottom: 30px;
min-height: 60px;
}
.tou-list .ld-cont a {
font-size: 14px;
font-family: 'Raleway', sans-serif;
color: rgba(124, 133, 139, 0.969);
font-weight: 600;
display: block;
background-color: #f9fbfb;
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/left-arrow.png);
background-repeat: no-repeat;
padding: 17px 20px;
background-position: 90% 23px;
transition: all 0.5s;
}
.tou-list:hover .ld-cont a {
background-position: 95% 23px;
background-color: #ececec;
}
.ld-cont h5>a {
font-size: 19px !important;
font-family: 'Raleway', sans-serif;
color: rgb(10, 10, 10) !important;
font-weight: 700 !important;
padding: 0px 20px !important;
background-color: transparent !important;
background: none !important;
}
.tourinfos {
position: relative;
display: block;
color: #fff;
padding-top: 241px;
}
.tourratingwrap {
position: relative;
display: block;
}
span.daywrap {
position: relative;
display: block;
background-color: #d71440;
float: left;
padding: 8px 39px 8px 0;
}
span.daywrap::before {
content: '';
position: absolute;
display: block;
height: 100%;
width: 300%;
top: 0;
left: -299%;
background-color: #d71440;
}
span.starwrap {
position: relative;
align-items: center;
display: flex;
padding-left: 21px;
}
span.starcount {
font-size: 20px;
font-weight: 700;
}
.starwrap a {
display: block;
float: left;
margin: 10px 5px;
}
.tourtitle {
position: relative;
display: block;
float: left;
width: 100%;
}
.tourtitle h1 {
font-size: 38px;
margin: 8px 0;
font-weight: 700;
font-family: 'Raleway', sans-serif;
}
.tinfo {
position: relative;
display: flex;
margin-top: 30px;
float: left;
}
span.infocol1 {
font-size: 13px;
text-transform: uppercase;
width: 100%;
float: left;
}
span.infocol2 {
position: relative;
display: block;
width: 100%;
float: left;
font-size: 18px;
font-weight: 700;
}
.tinfowrap {
position: relative;
display: block;
width: 43%;  }
.tinfowrap:first-child::before {
content: '';
position: absolute;
display: block;
width: 1px;
height: 100%;
background-color: #fff;
top: 0;
right: 11%;
}
.tinfowrap:last-child {
border: 0;
padding-left: 5px;
}
.tailor-div.fixed {
top: 70px;
z-index: 1;
}
.featured-div h3 {
font-size: 19.52px;
font-family: 'Raleway', sans-serif;
color: rgb(54, 72, 80);
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
padding: 60px 0px 45px;
margin: 0px;
}
.featured-of {
position: relative;
}
.featured-of img {
width: 100%;
}
.featured-of div {
position: absolute;
width: 100%;
bottom: 0px;
left: 0px;
padding: 40px 160px 40px 40px;
z-index: 10;
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/ofer-arrow.png);
background-repeat: no-repeat;
background-position: 90% 80%;
transition: all 0.5s;
}
.featured-of:hover div {
background-position: 95% 80%
}
.featured-of div h4 {
font-size: 42px;
color: rgb(255, 255, 255);
font-weight: 700;
margin: 5px 0px 25px;
}
.featured-of div p {
font-size: 15px;
color: rgb(255, 255, 255);
}
.featured-of div>span {
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/offer.png);
background-repeat: no-repeat;
font-size: 28.281px;
color: rgb(255, 255, 255);
font-weight: 700;
display: block;
padding: 0px 14px 16px;
}
.featured-of div>span>span {
font-size: 20px;
color: rgb(255, 255, 255);
font-weight: 400;
position: relative;
top: -2px;
}
.featured-of:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(0, 0, 0, 0.1);
top: 0px;
left: 0px;
z-index: 1;
transition: all 0.5s;
}
.featured-of:hover:after {
background-color: rgba(0, 0, 0, 0.3);
}
.make-ofer {
background-color: #e5e9eb;
padding-left: 35px;
padding-right: 0px;
padding-bottom: 110px;
position: relative;
}
.make-ofer:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
background-color: #e5e9eb;
right: -100%;
top: 0px;
}
.featured-div {
padding-right: 10px;
}
.mk-ofer div {
position: absolute;
width: 100%;
bottom: 0px;
left: 0px;
z-index: 10;
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/offer-arrow.png);
background-repeat: no-repeat;
background-position: 90% 80%;
transition: all 0.5s;
padding: 35px 15px 20px 22px;
background-color: rgba(0, 0, 0, 0.4);
}
.mk-ofer:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(0, 0, 0, 0.1);
top: 0px;
left: 0px;
z-index: 1;
transition: all 0.5s;
}
.mk-ofer:hover:after {
background-color: rgba(0, 0, 0, 0.3);
}
.mk-ofer>div h4 {
font-size: 21px;
color: rgb(255, 255, 255);
margin: 0px;
padding-bottom: 10px;
font-weight: 600;
}
.mk-ofer>div p {
font-size: 13px;
color: rgb(255, 255, 255);
margin: 0px;
}
.mk-ofer>div span {
position: absolute;
background-color: #1856b4;
color: #fff;
top: -10px;
font-size: 16.538px;
color: rgb(255, 255, 255);
font-weight: 600;
padding: 2px 10px;
}
.featured-div {
margin-right: -33px;
}
.featured-div.make-ofer {
margin-left: 33px;
margin-right: 0px;
}
#owl-offers .owl-dot.active span {
background-color: #000000;
}
#owl-offers .owl-dots .owl-dot span {
border-radius: 0px;
margin: 0px 15px;
}
#owl-offers .owl-dots {
text-align: right;
position: absolute;
top: -75px;
right: -10px;
}
.tailor-div {}
.tailor-div h2 {
font-size: 35px;
color: rgb(58, 80, 97);
font-weight: 700;
font-family: 'Raleway', sans-serif;
margin-bottom: 40px;
margin-top: 50px;
}
[type="checkbox"].filled-in:checked+span:not(.lever):after {
width: 17px !important;
height: 17px !important;
}
[type="checkbox"].filled-in:checked+span:not(.lever):after {}
.tailor-div p {
font-size: 14px;
color: rgb(0, 0, 0);
line-height: 1.756;
font-family: 'Raleway', sans-serif;
margin-bottom: 25px;
}
[type="checkbox"].filled-in:checked+span:not(.lever)::after {
border: 2px solid #1a67a3;
background-color: #1a67a3;
}
.tailor-div label {
font-size: 14px;
font-family: 'Raleway', sans-serif;
color: rgb(0, 0, 0);
font-weight: 400;
}
.tailor-div label a {
display: block;
color: #0b74aa;
text-decoration: underline;
font-weight: 600;
}
[type="checkbox"].filled-in+span:not(.lever)::after {
border-radius: 0px;
}
.post-type-archive-reviews .gary {
background-color: #f8f8f8; }
.trai-frm {
background-color: #fff;
padding: 0px 4px 50px 50px;
position: relative;
box-shadow: 0px 3px 15.04px 0.96px rgba(0, 0, 0, 0.07);
}
.trai-frm:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
right: -100%;
top: 0px;
background-color: #fff;
}
.trai-frm label {
font-size: 14px;
color: rgb(51, 50, 50);
font-weight: 600;
display: block;
margin-bottom: 10px;
}
.trai-frm select, .trai-frm input {
border: 1px solid #d3cdcd !important;
border-radius: 5px !important;
padding-left: 10px !important;
width: calc(100% - 10px)!important;
margin-bottom: 20px !important;
}
.trai-frm h4 {
font-size: 26px;
font-family: 'Raleway', sans-serif;
color: rgb(85, 102, 110);
font-weight: 700;
margin-top: 0px;
margin-bottom: 36px;
padding-top: 50px;
}
.num-inp {
border: 1px solid #d3cdcd !important;
border-radius: 5px !important;
}
.num-inp>div {
width: 50%;
float: left;
padding: 0px 20px;
}
.trai-frm .num-inp input {
border: 0px !important;
margin-bottom: 0px !important;
height: 30px;
}
.number-input button {
border: 0px;
background-color: #fff;
width: 21%;
float: left;
height: 30px;
cursor: pointer;
}
.number-input input {
width: calc(50% - 10px)!important;
float: left;
text-align: center;
font-size: 20px;
font-family: 'Raleway', sans-serif;
color: rgb(85, 102, 110);
font-weight: 600;
}
#sub, #sub2 {
font-size: 30px;
color: #a3a3a3;
position: relative;
top: -3px;
}
.understood {
margin-top: 25px;
}
.understood [type="checkbox"].filled-in:checked+span:not(.lever)::after {
width: 20px !important;
height: 20px !important;
}
#add, #add2 {
font-size: 25px;
color: #a3a3a3
}
.number-input span {
display: block;
text-align: center;
font-size: 11px;
color: rgba(51, 50, 50, 0.51);
}
.num-inp>span {
display: block;
}
#field1 {
border-right: 1px solid #d3cdcd !important;
}
.date-day {
border: 1px solid #d3cdcd !important;
border-radius: 5px !important;
}
.date-day>div:first-child {
border-right: 1px solid #d3cdcd !important;
width: 60%;
float: left;
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/calnder.png);
background-repeat: no-repeat;
background-position: 90% 15px;
}
.trai-frm .date-day input {
border: 0px !important;
margin-bottom: 0px !important;
}
.date-day>div {
width: 40%;
float: left;
}
.date-day span {
display: block;
}
.trai-frm textarea {
border: 1px solid #d3cdcd !important;
border-radius: 5px !important;
height: 130px;
}
.bord {
background-color: #e8e8e8;
height: 1px;
margin-top: 50px;
}
.trai-frm p {
font-size: 14px;
color: rgb(51, 50, 50);
margin: 0px;
margin-top: -5px;
}
.submi {
margin-top: 30px;
}
.submi input {
font-size: 15px;
font-family: 'Raleway', sans-serif;
color: rgb(255, 255, 255);
font-weight: 700;
text-transform: uppercase;
background-color: #da0b13;
border-radius: 5px;
padding: 15px 45px !important;
cursor: pointer;
transition: all 0.5s;
width: auto !important;
}
.submi input:hover {
background-color: #931015;
}
[type="checkbox"]:checked+span:not(.lever)::before {
border-right: 2px solid #1a67a3;
border-bottom: 2px solid #1a67a3;
}
.wkh h6 {
font-size: 16px;
color: rgb(51, 50, 50);
font-weight: 600;
margin-top: 50px;
margin-bottom: 20px;
}
.wkh label {
font-size: 14px;
color: rgb(51, 50, 50);
font-weight: 500;
}
[type="checkbox"]+span:not(.lever)::before, [type="checkbox"]:not(.filled-in)+span:not(.lever)::after {
border: 2px solid #a1a1a1;
}
input.valid:not([type]), input.valid:not([type]):focus, input.valid[type="text"]:not(.browser-default), input.valid[type="text"]:not(.browser-default):focus, input.valid[type="password"]:not(.browser-default), input.valid[type="password"]:not(.browser-default):focus, input.valid[type="email"]:not(.browser-default), input.valid[type="email"]:not(.browser-default):focus, input.valid[type="url"]:not(.browser-default), input.valid[type="url"]:not(.browser-default):focus, input.valid[type="time"]:not(.browser-default), input.valid[type="time"]:not(.browser-default):focus, input.valid[type="date"]:not(.browser-default), input.valid[type="date"]:not(.browser-default):focus, input.valid[type="datetime"]:not(.browser-default), input.valid[type="datetime"]:not(.browser-default):focus, input.valid[type="datetime-local"]:not(.browser-default), input.valid[type="datetime-local"]:not(.browser-default):focus, input.valid[type="tel"]:not(.browser-default), input.valid[type="tel"]:not(.browser-default):focus, input.valid[type="number"]:not(.browser-default), input.valid[type="number"]:not(.browser-default):focus, input.valid[type="search"]:not(.browser-default), input.valid[type="search"]:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid>input.select-dropdown {
border-bottom: 1px solid #a1a1a1;
-webkit-box-shadow: 0 1px 0 0 #a1a1a1;
box-shadow: 0 1px 0 0 #a1a1a1;
}
.clint-div {
background-color: rgb(254, 254, 254);
box-shadow: 0px 3px 46.06px 2.94px rgba(0, 0, 0, 0.1);
padding: 35px;
margin-bottom: 30px
}
.clint-div p {
font-size: 19px;
color: rgb(1, 1, 1);
font-style: italic;
line-height: 1.662;
margin: 0px;
min-height: 110px;
}
.rc-div {
margin-bottom: -55px
}
.rc-div .reat {
background-color: #2d5364;
width: 100px;
text-align: center;
margin-top: 30px;
padding: 8px 0px;
display: inline-block;
vertical-align: top;
}
.rc-div .reat span:nth-child(1) {
display: block;
font-size: 50px;
color: #fff;
line-height: 50px;
font-weight: 800;
font-size: 33px;
}
.rc-div .reat span:nth-child(2) i {
font-size: 15px;
color: #f0b557;
margin-left: -1px;
margin-right: -1px;
}
.rc-div .clint {
padding-top: 30px;
padding-left: 15px;
} #grid {
position: relative;
max-width: 100%;
width: 100%;
}
.white-panel {
position: absolute;
}
.clint {
display: inline-block;
vertical-align: top;
}
.clint h6 {
font-size: 16px;
color: rgb(26, 26, 26);
font-weight: 600;
font-style: italic;
line-height: 22px;
}
.clint h6 span {
display: block;
font-size: 13px;
color: rgb(26, 26, 26);
font-style: italic;
font-weight: 400;
}
.grd-div {
padding: 50px 0px;
}
.trai-frm {
position: relative;
}
.trai-frm.disb:before {
content: '';
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.79);
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
}
.online-bok {
padding-top: 40px;
}
.online-bok h3 {
font-size: 16px;
color: rgb(51, 50, 50);
font-weight: 600;
text-transform: uppercase;
margin-bottom: 20px;
}
.online-bok ul {
list-style: disc;
padding-left: 15px;
}
.online-bok ul li {
font-size: 13px;
color: rgb(51, 50, 50);
line-height: 1.769;
padding-bottom: 25px;
list-style: disc;
}
.online-bok div {
background-color: #e5e5e5;
height: 1px;
width: 100%;
}
.online-bok img {}
.online-form select, .online-form input {
border: 1px solid #d3cdcd !important;
border-radius: 5px !important;
padding-left: 10px !important;
width: calc(100% - 10px)!important;
margin-bottom: 20px !important;
}
.online-form label {
font-size: 14px;
color: rgb(51, 50, 50);
font-weight: 600;
display: block;
margin-bottom: 10px;
}
.online-form {
background-color: #fff;
box-shadow: 0px 3px 15.04px 0.96px rgba(0, 0, 0, 0.07);
padding: 40px;
margin-right: 30px;
margin-top: 30px;
margin-bottom: 80px;
}
.online-form h3 {
font-size: 26px;
font-family: 'Raleway', sans-serif;
color: rgb(85, 102, 110);
font-weight: 600;
margin-top: 0px;
margin-bottom: 40px;
}
.termmain-div {
border: 1px solid #d3cdcd !important;
border-radius: 5px !important;
background-color: #fbfbfb;
}
.termmain-div p {
font-size: 12px;
color: rgb(51, 50, 50);
line-height: 1.75;
}
.termmain {
padding: 40px;
max-height: 360px;
overflow-x: hidden;
overflow-y: scroll;
position: relative;
}
.termmain-div h4 {
font-size: 17px;
color: rgb(94, 112, 129);
font-weight: 600;
text-transform: uppercase;
margin-top: 0px;
margin-bottom: 20px;
}
.termmain-agry {
padding: 30px 40px 20px 40px;
border-top: 1px solid #d3cdcd;
margin-top: 40px;
}
.proceed_to_pay {}
.proceed_to_pay input {
font-size: 15px;
font-family: 'Raleway', sans-serif;
color: rgb(255, 255, 255);
font-weight: 700;
text-transform: uppercase;
background-color: #da0b13;
border-radius: 5px;
padding: 15px 45px !important;
cursor: pointer;
transition: all 0.5s;
width: auto !important;
margin-bottom: 0px !important;
margin-top: 30px;
float: right
}
.proceed_to_pay input:hover {
background-color: #931015;
}
.stcy-bar {
background-color: #fbfafa;
}
.stcy-menu {
padding: 20px 0px;
}
.stcy-menu a {
display: inline-block;
font-size: 15px;
color: rgb(58, 80, 97);
font-weight: 600;
margin-right: 30px;
padding-bottom: 5px;
}
.stcy-menu a.actv {
border-bottom: 2px solid #f65c62;
}
.desit-siv {
padding: 20px 0px 20px 0;
}
.desit-siv h4 {
font-size: 28px;
font-family: 'Raleway', sans-serif;
color: rgb(58, 80, 97);
font-weight: 800;
margin-bottom: 25px;
margin-top: 0px;
}
.lg-outer .lg-img-wrap {
background-color: #00000082;
}
.desit-siv p {
font-size: 14px;
font-family: 'Raleway', sans-serif;
color: rgb(0, 0, 0);
line-height: 27px;
}
.desit-siv h5 {
font-size: 22px;
font-family: 'Raleway', sans-serif;
color: rgb(0, 0, 0);
font-weight: 700;
margin: 0px 0px 20px;
}
.iten-div {
position: relative;
}
.iten-div span {
font-size: 19px;
color: rgb(72, 82, 89);
font-weight: 700;
text-transform: uppercase;
position: absolute;
left: 35px;
top: 0px;
}
.iten-cont {
margin-left: 230px;
padding-bottom: 70px;
}
.sfi {
font-size: 15px;
font-family: 'Raleway', sans-serif;
color: rgb(100, 96, 96);
font-weight: 600;
background-color: #eaeaea;
width: 170px;
text-align: center;
padding: 10px;
box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.1);
margin-left: 120px;
margin-top: 20px;
cursor: pointer;
transition: all 0.5s;
}
.sfi:hover {    background-color: #cacaca;
}
.iten-cont img {
width: 100%;
margin-bottom: 20px;
}
.iten-div:after {
content: '';
position: absolute;
width: 19px;
height: 19px;
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/ellipse.png);
left: 155px;
top: 0px;
}
.iten-div:before {
content: '';
position: absolute;
width: 1px;
height: 100%;
background-color: #d8d7d7;
left: 163px;
top: 0px;
}
.stcy-bar.fix {
position: fixed;
top: 98px;
width: 100%;
left: 0px;
z-index: 1;
}
.about-div {
padding-right: 70px;
}
.about-div h4, .about-div h3 {
font-size: 35.576px;
font-family: 'Raleway', sans-serif;
color: rgb(44, 116, 132);
font-weight: 600;
margin-top: 60px;
margin-bottom: 30px;
}
.about-div h6 {
font-size: 18px;
font-family: 'Raleway', sans-serif;
color: rgb(0, 0, 0);
margin-bottom: 40px;
line-height: 1.81;
}
.about-div p {
font-size: 15px;
font-family: 'Raleway', sans-serif;
color: rgb(0, 0, 0);
line-height: 1.772;
}
.about-rit {
background-color: rgb(255, 255, 255);
box-shadow: 0px 3px 25.38px 1.62px rgba(0, 0, 0, 0.07);
padding: 45px 45px 95px;
margin-top: -50px;
position: relative;
}
.about-rit p {
font-size: 15px;
font-family: 'Raleway', sans-serif;
color: rgb(0, 0, 0);
line-height: 1.772;
margin: 0px
}
.main-vim {
max-width: 580px;
float: right;
position: relative;
}
.vim {
padding-left: 85px;
padding-bottom: 20px;
position: relative;
}
.vim:after {
content: '';
width: 16px;
height: 16px;
border: 2px solid #c8c8c8;
position: absolute;
left: 20px;
top: 6px;
border-radius: 8px;
}
.vim:before {
content: '';
width: 1px;
position: absolute;
height: 100%;
background: #c8c8c8;
left: 27px;
top: 29px;
}
.vim h3 {
font-size: 30px;
font-family: 'Raleway', sans-serif;
color: rgb(21, 82, 110);
font-weight: 600;
}
.vim p {
font-size: 14px;
font-family: 'Raleway', sans-serif;
color: rgb(0, 0, 0);
line-height: 1.827;
}
.main-section {
background-color: #f8f8f8;
padding: 80px 0px;
}
.back-img {
height: 500px;
width: 100%;
background-size: cover;
position: relative;
right: -40px;
background-position: center;
}
.main-vim:after {
content: '';
width: 1px;
position: absolute;
height: 145px;
background: #c8c8c8;
left: 27px;
top: -109px;
}
.choose-us {
position: relative;
}
.choose-section {
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/whychoose.jpg);
background-size: cover;
padding: 100px 0px;
background-attachment: fixed;
position: relative;
background-position: center 50%;
}
.choose-us h3 {
font-size: 43px;
font-family: 'Raleway', sans-serif;
color: rgb(255, 255, 255);
font-weight: 700;
width: 90%;
line-height: 46px;
}
.choose-section::before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #0003;
}
.choose-us>div {
width: calc(33.33% - 50px)!important;
float: left;
margin-right: 50px;
}
.choose-div {
position: relative;
}
.page-id-547 .about-div h4 {
display: none;
}
.page-id-202 .about-div>h4 {
display: none;
}
.page-id-202 .about-div h3, .page-id-547 .about-div h3 {
font-family: open sans;
font-weight: 600;
}
.map-cont .icon::before, .map-cont .icon::after {
content: '';
position: absolute;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 50%;
border: 50%;
border: 1px solid #fff;
transition: 0.5s; animation: mymove 1.5s linear infinite;
opacity: 0;
}
.map-cont .icon::after {
animation-delay: 0.5s;
}
@keyframes mymove {
0% {
transform: scale(0.5);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: scale(2.5);
opacity: 0;
}
}
.choose-div h6 {
font-size: 19px;
font-family: 'Raleway', sans-serif;
color: rgb(255, 255, 255);
font-weight: 700;
line-height: 26px;
}
.choose-div p {
font-size: 14px;
font-family: 'Raleway', sans-serif;
color: rgb(255, 255, 255);
line-height: 1.541;
}
.choose-div img {
margin: 0 auto;
display: block;
padding: 35px 0px;
}
.choose-div:after {
content: '';
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/rit-angl.png);
width: 28px;
height: 26px;
position: absolute;
display: block;
right: 0px;
top: 0px;
}
.abou-partners h3 {
font-size: 24px;
font-family: 'Raleway', sans-serif;
color: rgb(21, 82, 110);
font-weight: 600;
}
.abou-partners p {
font-size: 14px;
font-family: 'Raleway', sans-serif;
color: rgb(0, 0, 0);
line-height: 1.827;
}
.abou-part {
padding-top: 30px
}
.partners-section {
padding: 20px 0px 30px;
display: none;
}
.back-min {
margin: 0px -15px;
}
.map-frm {
height: 450px;
width: 100%;
}
#itinerary {
background-color: #fbfcfc; padding: 35px 43px 35px 0;
position: relative;
margin-top: 10px;
margin-bottom: 25px;
}
#itinerary:after {
content: '';
width: 100%;
height: 100%;
left: -100%;
top: 0px;
position: absolute;
background-color: #fbfcfc;
}
#itinerary:before {
content: '';
width: 100%;
height: 100%;
right: -100%;
top: 0px;
position: absolute;
background-color: #fbfcfc;
}
.iten-main {
margin-top: 50px;
}
#information {
background-color: #fbfcfc;
position: relative;
padding: 40px 0px;
margin-top: 40px;
}
#information:after {
content: '';
width: 100%;
height: 100%;
left: -100%;
top: 0px;
position: absolute;
background-color: #fbfcfc;
}
#information:before {
content: '';
width: 100%;
height: 100%;
right: -100%;
top: 0px;
position: absolute;
background-color: #fbfcfc;
}
.frm-sd.fixed {
transition: all 0.5s;
}
.frm-sd.fixed .inpu-qit {
margin-top: 15px;
}
.frm-sd.fixed input[type="text"], .frm-sd.fixed input.datepicker, .frm-sd.fixed input[type="email"] {
height: 37px;
}
.frm-sd.fixed .fix-marg {
margin-bottom: 13px;
}
.frm-sd.fixed .inpu-sub input {
margin-top: 11px;
}
.infro-div h5 {
font-size: 17px;
color: rgb(0, 0, 0);
font-weight: 600;
display: inline-block;
vertical-align: top;
width: 180px;
}
.infro-div ul {
display: inline-block;
vertical-align: top;
margin: 0px;
}
.infro-div ul li {
font-size: 14px;
font-family: 'Raleway', sans-serif;
color: rgb(0, 0, 0);
font-weight: 400;
margin-bottom: 14px;
background-repeat: no-repeat;
background-position: 0px 3px;
}
.inc ul li {
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/tick.png);
padding-left: 25px;
}
.exc ul li {
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/no-stopping.png);
padding-left: 25px;
font-weight: 600
}
.nee ul li {
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/bul-rund.png);
padding-left: 25px;
}
.can ul li {}
.infro-div {
border-bottom: 1px solid #cfd0d0;
padding-bottom: 20px;
margin-bottom: 35px;
}
.infro-div.can {
border-bottom: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
}
#gallery {}
#gallery a {
width: calc(25% - 10px)!important;
float: left;
margin-right: 10px;
margin-bottom: 5px;
}
#gallery a img {
width: 100%;
}
#gallery {
padding-top: 50px;
padding-bottom: 50px;
}
.ad-frm {}
.contact-ban {
background-color: #242a2e; padding: 200px 0px 74px;
position: relative;
} .contact-ban:after {
background: rgb(30, 87, 153);
background: linear-gradient(0deg, #242a2e00 27%, rgba(30, 87, 153, 0) 49%, #fff 47%);
content: '';
width: 100%;
height: 222px;
position: absolute;
bottom: -217px;
left: 0px;
transform-origin: bottom left;
transform: skewY(-3deg);
}
.contact-ban h1 {
font-size: 47px;
font-family: 'Raleway', sans-serif;
color: rgb(255, 255, 255);
font-weight: 600;
line-height: 1.098;
margin: 0px;
}
.top-infr {}
.top-infr address {
font-size: 15px;
color: rgb(255, 255, 255);
line-height: 1.743;
margin: 50px 0px 30px;
font-style: normal;
}
.top-infr address b {
font-weight: 600
}
.top-infr a {
color: rgb(255, 255, 255);
width: 50%;
float: left;
font-size: 22px;
font-weight: 600;
position: relative;
z-index: 10;
}
.contact-ban .breadcrumbs {
font-family: 'Raleway', sans-serif;
}
.adr-cont {
margin-top: 50px;
position: relative;
}
.top-infr a span {
font-size: 15px;
display: block;
font-weight: 400
}
.top-infr {
width: 450px
}
.adr-cont>div {
width: 49%;
display: inline-block;
line-height: 24px;
vertical-align: top;
margin-bottom: 30px;
}
.adr-cont h4 {
font-size: 18px;
font-weight: 600;
}
.adr-cont address {
font-size: 14px;
color: rgb(27, 27, 27);
display: block;
font-style: normal;
}
.adr-cont a, .adr-cont span {
font-size: 14px;
color: rgb(27, 27, 27);
display: block;
}
.adr-cont>div a:nth-child(3) {
margin-bottom: 10px;
}
.cont-frm {
padding: 45px;
box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.05);
margin-top: -200px;
position: relative;
z-index: 9;
background-color: #fff;
border-radius: 15px;
}
.cont-frm h3 {
font-size: 36px;
color: rgb(21, 82, 110);
font-weight: 800;
margin-top: 0px;
margin-bottom: 0px;
}
.cont-frm p {
margin-top: 0px;
font-size: 17px;
font-family: 'Raleway', sans-serif;
color: rgb(116, 122, 124);
margin-bottom: 25px;
}
.cont-frm input {
border: 1px solid #bebebe !important;
border-radius: 5px !important;
padding-left: 10px !important;
width: calc(100% - 10px) !important;
}
.cont-frm label {
font-size: 14px;
color: rgb(0, 0, 0);
font-weight: 600;
margin-top: 10px;
display: block;
margin-bottom: 5px;
}
input.wpcf7-form-control, textarea.wpcf7-form-control {
box-shadow: 1px 1px 2px #ccc !important;
}
.cont-frm textarea {
border: 1px solid #bebebe !important;
border-radius: 5px !important;
padding-left: 10px !important;
padding-top: 10px !important;
height: 200px;
}
.submit-btn input {
font-size: 15px;
font-family: 'Raleway', sans-serif;
color: rgb(255, 255, 255);
font-weight: 700;
text-transform: uppercase;
background-color: #da0b13;
border-radius: 5px;
padding: 15px 45px !important;
cursor: pointer;
transition: all 0.5s;
width: auto !important;
margin-bottom: 0px !important;
margin-top: 30px;
float: right;
}
.cant-section {
padding-bottom: 70px;
}
.car-main {}
.car-div {
width: calc(33.33% - 30px)!important;
float: left;
box-shadow: 0px 3px 5.64px 0.36px rgba(0, 0, 0, 0.29);
margin-right: 30px;
margin-bottom: 30px
}
.car-div h5 {
font-size: 15px;
font-family: 'Raleway', sans-serif;
color: rgb(97, 108, 129);
font-weight: 700;
text-transform: uppercase;
text-align: center;
margin: 20px 0px 10px;
}
.car-img img {
display: block;
margin: 0 auto;
width: 100%;
}
.car-img img {
display: block;
margin: 0 auto;
}
.car-fit {
text-align: center;
}
.car-fit span {
display: inline-block;
font-size: 11px;
color: rgb(95, 92, 92);
background-color: #f4f8f9;
margin: 5px 1px;
padding: 4px 10px;
border-radius: 5px;
}
.car-anc {
border-top: 1px solid #e3e3e3;
margin-top: 25px;
}
.car-anc span {
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/user-silhouette.png);
background-repeat: no-repeat;
display: inline-block;
width: 30%;
text-align: center;
padding: 8px 10px 8px 30px;
background-position: 20px 13px;
vertical-align: middle;
}
.car-anc a {
display: inline-block;
width: 68%;
background-color: #33535d;
text-align: center;
font-size: 12px;
font-family: 'Raleway', sans-serif;
color: rgb(255, 255, 255);
font-weight: 600;
padding: 10px;
}
.tran-hed {}
.tran-hed h3 {
font-size: 26px;
font-family: 'Raleway', sans-serif;
color: rgb(58, 80, 97);
font-weight: 800;
margin: 55px 0px 35px;
}
.frm-trans {
border-style: solid;
border-width: 1px;
border-color: rgb(245, 241, 241);
background-color: rgb(254, 254, 254);
box-shadow: 0px 3px 46.06px 2.94px rgba(0, 0, 0, 0.1);
position: relative;
z-index: 2;
}
.datepicker-modal {
max-width: 625px;
margin-top: 98px;
}
.pr-rw {
border-bottom: 1px solid #dedede;
}
.prisc {
border-right: 1px solid #dedede;
width: 55%;
float: left;
padding: 15px 20px;
}
.prisc span {
display: block;
font-size: 12px;
font-family: "Raleway";
color: rgba(15, 17, 18, 0.969);
font-weight: 600;
text-transform: uppercase;
}
.prisc h4 {
font-size: 24px;
color: rgb(10, 149, 206);
font-weight: 600;
margin: 0px;
padding-left: 25px;
padding-top: 10px;
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/tagb.png);
background-repeat: no-repeat;
background-position: 0px 15px;
}
.seater {
width: 45%;
float: left;
padding: 15px 20px;
}
.seater span {
display: block;
font-size: 12px;
font-family: "Raleway";
color: rgba(15, 17, 18, 0.969);
font-weight: 600;
text-transform: uppercase;
}
.seater h4 {
font-size: 24px;
color: rgb(9, 9, 9);
font-weight: 600;
margin: 0px;
padding-left: 25px;
padding-top: 10px;
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/avatarb.png);
background-repeat: no-repeat;
background-position: 0px 13px;
}
.hm-fech {
padding-bottom: 100px;
}
.afq {
padding: 25px;
}
.afq h4 {
font-size: 21px;
color: rgb(27, 41, 47);
font-weight: 600;
border-bottom: 1px solid #dedede;
margin: 0px;
position: relative;
padding-bottom: 15px;
}
.afq h4:after {
content: '';
width: 100px;
height: 2px;
background-color: #eb5151;
position: absolute;
left: 0px;
bottom: 0px
}
.inpu {
border: 1px solid #dbd7d7;
margin-top: 25px;
}
section.partners {
display: none;
}
select::-ms-expand {
display: none;
}
.select-dropdown {
-webkit-appearance: none;
appearance: none;
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/selectarrow.jpg);
background-repeat: no-repeat;
background-position: 98% center;
}
.dropdown-content.select-dropdown {
background-image: none !important;
}
.select-wrapper .dropdown-trigger {
font-size: 13px !important;
}
.tour_item {
min-height: 761px !important;
}
.stcy-menu span {
display: none;
} .falg-s input, .dat-s input {
border-bottom: 0px solid #d3cdcd !important;
width: calc(50% - 41px) !important;
float: left;
padding-left: 40px !important;
margin-bottom: 0px !important;
}
.falg-s input {
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/calendar.png);
background-repeat: no-repeat;
background-position: 14px 15px;
border-right: 1px solid #d3cdcd !important;
}
.dat-s input {
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/white-flag-symbbol.png);
background-repeat: no-repeat;
background-position: 14px 15px;
}
.inpu-qit input {
border: 1px solid #dbd7d7 !important;
width: calc(100% - 10px) !important;
padding-left: 10px !important;
margin-bottom: 0px !important;
}
.inpu-qit {
margin-top: 15px;
}
.page-id-164 .inpu-qit {
margin-top: 36px;
}
.page-id-164 span.help-block {
margin: 4px 0 0 0;
}
.page-id-164 .datepicker-modal~.form-error {
margin-top: 51px;
}
.inpu-qit textarea {
border: 1px solid #dbd7d7 !important;
padding: 10px;
height: 100px;
}
.inpu-sub input {
font-size: 15px;
font-family: 'Raleway', sans-serif;
color: rgb(255, 255, 255);
font-weight: 700;
text-transform: uppercase;
background-color: #da0b13;
border-radius: 0px;
border: 0px;
padding: 15px 45px !important;
cursor: pointer;
transition: all 0.5s;
width: 100% !important;
margin-bottom: 0px !important;
margin-top: 30px;
}
.inpu.numb span {
width: 50%;
display: block;
float: left;
height: 40px;
font-size: 13px;
font-family: 'Raleway', sans-serif;
color: rgb(81, 83, 84);
font-weight: 600;
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/family-room.png);
background-repeat: no-repeat;
background-position: 14px 15px;
padding: 14px 44px;
}
.num-s {
width: 25% !important;
float: left;
}
.num-s input {
margin-bottom: 0px !important;
border-bottom: 0px solid #d3cdcd !important;
text-align: center;
}
.numb>div:nth-child(2) {
border-right: 1px solid #dbd7d7 !important;
}
.fix-marg {
margin-top: 15px;
margin-bottom: 35px
}
.frm-sd {
margin-top: -140px;
background-color: #fff;
}
.loading {
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/loading.svg);
width: 100%;
height: 50px;
display: none;
background-repeat: no-repeat;
float: left;
margin-bottom: 30px;
background-size: auto;
background-position: center;
}
.inc_form.loader:before, .trai-frm.loader:before {
content: '';
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.79);
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/loading.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
}
.select_vehicle.selected {
background-color: #4caf50;
}
.date-day span.help-block.form-error {
margin-top: 2px;
}
span.help-block {
position: absolute;
display: block;
color: #c00;
font-size: 13px;
margin: -19px 0 0 0;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 12px;
font-weight: normal;
display: block;
}
.thankwrap h1 {
font-size: 28px;
font-weight: 700;
padding-top: 29px;
color: #3a5061;
}
.terms {
position: relative;
display: block;
margin-top: 20px;
}
div.wpcf7-response-output {
margin: 62px 0.5em 1em;
position: absolute;
}
.fixed {
position: fixed;
top: 250px;
z-index: 9;
}
.error404 .list-ban {
height: 170px;
}
section.list-ban::before {
content: '';
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #00000042;
}
#myVideo {
position: relative;
right: 0;
bottom: 0;
width: 100%;
}
.slider-vid {
position: relative;
z-index: 10;
}
.slider-vid>div {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0px;
right: 0px;
}
.page-id-547 .about-div h5, .page-id-202 .about-div h5 {
font-size: 25px;
font-family: 'Raleway', sans-serif;
color: rgb(44, 116, 132);
font-weight: 600;
margin-top: 60px;
}
.page-id-547 .about-div, .page-id-202 .about-div {
margin-bottom: 80px;
}
.page-template-template-about .main-section {
margin-top: 70px;
}
.map-id span:hover img {
display: block;
}
.map-id span.active:hover {
width: 30px;
height: 30px;
}
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
color: #D8000C;
background-color: #FFBABA;
border: 0;
padding: 10px;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
color: #4F8A10;
background-color: #DFF2BF;
border: 0;
padding: 10px;
}
div.wpcf7-mail-sent-ok:before, div.wpcf7-validation-errors:before {
font: 26px/30px dashicons;
margin-right: 16px;
vertical-align: middle;
}
div.wpcf7-mail-sent-ok:before {
content: "\f147";
}
div.wpcf7-validation-errors:before {
content: "\f158";
}
.cont-frm .wpcf7-response-output{
position: relative;
margin: 25px 0px 0px;
padding: 5px !important;
}
.page-template-template-contact .gary {
background-color: #fff
}@media( min-width: 2000px) {
.list-ban {
height: 530px;
background-size: cover;
position: relative;
background-position: center 72%;
}
}
@media( max-width: 1024px) {
.top-infr a {
font-size: 17px;
}
.adr-cont>div {
width: 100%;
margin-bottom: 15px;
}
.top-infr a {
width: 44%;
}
.mk-ofer, .featured-of {
max-height: 460px;
}
.rc-div .clint {
padding-left: 10px;
}
.clint-div p {
font-size: 16px;
}
.clint-div {
padding: 25px;
}
.rc-div .reat span:nth-child(1) {
font-size: 35px;
}
.rc-div .reat span:nth-child(2) i {
font-size: 14px
}
.trai-frm::after {
display: none;
}
.rc-div .reat {
width: 75px;
}
#mega-menu-wrap-primary_menu #mega-menu-primary_menu>li.mega-menu-item>a.mega-menu-link {
padding: 10px 11px 0px 7px;
}
.fixed {
position: relative;
top: 0;
z-index: 1;
}
.frm-sd {
margin-top: 0;
}
.logo img {
max-width: 182px;
transform: scale(1);
}
.fot-logo {
padding: 19px 18px 19px 0px;
margin-right: 10px;
}
.any-qu a {
font-size: 19px;
}
.any-qu {
margin-right: 20px;
}
.desit-siv {
padding: 0;
}
.wel-cont h1 {
font-size: 41px;
text-align: center;
}
.wel-cont {
text-align: center;
}
.welcm {
padding: 32px 0px;
}
.wel-cont img {
margin-top: 0;
margin-bottom: 0;
}
.ft-hed.reco-hed {
text-align: center;
}
.expr-sectio {
padding: 0 0px 104px 0;
text-align: center;
}
.disco .wtx {
text-align: left;
}
.expr a {
margin: 0 auto;
}
.cw:after {
display: none;
}
.cw {
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
padding: 36px;
}
.nwslt {
padding: 35px 40px;
text-align: center;
}
.rec-cont>div>h5 {
font-size: 15px;
}
.logo a {
display: block;
z-index: 9;
}
.choose-us h3 {
text-align: center;
margin-bottom: 30px;
}
.order {
display: flex;
flex-flow: column;
}
.ch1 {
order: 1
}
.ch2 {
order: 2
}
.exp-img.rit {
padding-left: 0px;
}
.exp-cont.rit h4 {
text-align: center;
margin-left: 0;
}
.exp-cont.rit span.adv {
text-align: center;
}
.exp-cont p, .exp-cont {
text-align: center;
}
.exp-cont.lef {
padding-left: 0px;
padding-top: 33px;
}
.exp-row {
padding: 48px 0px 0px;
}
.exp-cont h4 {
margin-right: 0px;
}
.choose-section {
background-attachment: initial;
}
.choose-us h3 {
width: 100%;
}
}
@media( max-width: 868px ) {
.map-discrip {
position: relative;
display: inline-block;
vertical-align: top;
width: 285px;
margin-top: 40px;
}
.map-id {
transform: scale(0.85);
}
}
@media( max-width: 800px) {
.owl-recommended {
margin: 60px 0px 70px;
padding: 0px;
}
.wcu {
padding: 40px 50px;
}
.adr-cont>div {
width: 49%;
}
.mk-ofer, .featured-of {
max-height: 100%;
}
.main-section {
padding: 20px 0px 80px;
}
.choose-section {
padding: 20px 0px;
}
.cw::before {
display: none;
}
#myVideo {
display: none;
}
.slider-vid {
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/slider3.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.car-div {
width: calc(50% - 30px) !important;
}
.about-div {
padding-right: 0px;
text-align: center;
margin-bottom: 50px;
}
.about-rit p {
text-align: center;
}
.main-vim {
max-width: 90%;
float: none;
position: relative;
text-align: center;
margin: 0 auto 20px;
}
.choose-us h3 {
font-size: 35px;
width: 100%;
text-align: center;
margin-bottom: 50px;
}
.abou-part {
padding-top: 0px;
}
.abou-partners {
text-align: center;
}
.main-vim::after {
display: none;
}
.vim {
padding-left: 0px;
}
.about-rit {
margin-top: 0px;
}
.vim::before {
display: none;
}
.vim::after {
display: none;
}
.back-img {
right: 0px;
}
.online-form {
margin-right: 0px;
margin-bottom: 0px;
}
.online-bok {
margin-bottom: 50px;
}
.tailor-div {
margin-bottom: 50px;
}
.trai-frm::after {
display: none;
}
.trai-frm {
padding: 0px 25px 30px;
margin-bottom: 35px;
}
.featured-div {
margin-right: 0px;
}
.featured-div.make-ofer {
margin-left: 0px;
}
.make-ofer {
padding-left: 0px;
margin-top: 60px;
}
.make-ofer::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
background-color: #e5e9eb;
left: -100%;
top: 0px;
}
.exp-row {
padding: 80px 0px 0px;
border-left: 0px;
}
.mobile_menu {
display: block;
position: absolute;
right: 21px;
top: 53px;
}
.logo {
float: none;
padding-top: 19px;
text-align: left;
width: 80%;
position: relative;
z-index: 9;
}
.menu {
float: none;
padding: 0;
width: 100%;
max-height: 0px;
overflow: hidden;
}
.menu>ul>li {
display: block;
}
.slid-itm {
height: 510px;
}
.slid-cont {
width: 100%;
text-align: center;
}
.slid-itm>div {
bottom: auto;
left: 0px;
right: 0px;
top: 63%;
}
.slid-itm h4 {
font-size: 30px;
}
.slid-itm p {
font-size: 15px;
}
.wel-cont h1 {
font-size: 35px;
}
.wel-cont {
text-align: center;
}
.wel-cont img {
margin-top: 0px;
margin-bottom: 0px;
width: 100%;
}
.ft-hed {
text-align: center;
}
.ft-hed h4 {
font-size: 35px;
}
.map-id {
display: none;
}
.map-discrip .disco {
position: relative;
max-height: 70px;
overflow: hidden;
margin-bottom: 10px;
}
.map-discrip .disco.opn {
max-height: 700px;
}
.map-discrip {
width: 100%;
}
.map-discrip span {
display: none;
}
.map-discrip .disco {
visibility: visible;
opacity: 1;
}
.disco .pls h4 {
margin: 0px 0px 20px;
font-size: 30px;
position: relative;
-moz-transform: inherit;
-webkit-transform: inherit;
-ms-transform: inherit;
}
.disco .wtx {
padding-bottom: 10px;
margin-bottom: 10px;
}
.disco .pls h4:after {
content: '+';
position: absolute;
right: 0px;
top: 0px;
}
.disco.opn .pls h4:after {
content: '-';
}
.expr h3 {
font-size: 35px;
}
.expr {
text-align: center;
}
.expr a {
margin: 20px auto 0px;
}
.expr-sectio {
padding: 30px 0px 70px;
}
.cw::before {
width: 100%;
position: absolute;
height: 100%;
top: 0px;
content: '';
right: -100%;
background-color: #2d5364;
}
.cw {
max-width: 90%;
float: none;
margin: 25px auto;
padding: 20px 20px 40px;
}
.rew-min>p {
font-size: 18px;
}
.nwslt {
text-align: center;
}
.nwslt h4 {
font-size: 35px;
}
.partnr {
padding-top: 50px;
text-align: center;
}
#owl-partnr img {
margin: 0 auto;
}
.exp-cont p {
padding-right: 0px;
}
.exp-cont.rit p {
padding-left: 0px;
}
.featured-div {
padding-right: 0px;
}
.clint-div p {
font-size: 16px;
min-height: auto;
}
.clint-div {
padding: 25px;
width: 100% !important;
}
.adr-cont address {
max-width: 200px;
}
.back-lit {
height: 70px;
}
#mega-menu-wrap-primary_menu {
clear: initial;
transform: translateY(-46px);
}
.expr-sectio {
background-attachment: fixed;
}  .certification:before {
width: 100%;
position: absolute;
height: 100%;
top: 0px;
content: '';
right: 100%;
background-color: #f2f2f2;
}
.certification {
padding-left: 0;
}
.fotmenu>div {
width: 33%;
float: left;
text-align: left;
}
.footer-info:after {
display: none;
}
.subscribe {
position: relative;
width: 100%;
}
.post-type-archive-reviews .gary {
height: auto;
}
.cont-frm {
z-index: 9;
}
.tailor-div.fixed {
top: 0;
position: relative !important;
z-index: 1;
}
.hm-fech .row .col.m6 {
width: 100%;
margin-left: auto;
left: auto;
right: auto;
}
#mega-menu-primary_menu .mega-sub-menu {
margin-top: 0px !important;
}
.mega-sub-menu li {
background-color: #606060 !important;
margin-bottom: 1px !important;
}
#mega-menu-primary_menu>li {}
#mega-menu-wrap-primary_menu #mega-menu-primary_menu>li.mega-menu-item>a.mega-menu-link {
padding: 0px 10px 0px 10px;
border-bottom: 1px solid #424040;
}
#mega-menu-wrap-primary_menu #mega-menu-primary_menu>li.mega-menu-item:last-child>a.mega-menu-link {
border-bottom: 0px solid #424040;
}
}
@media( max-width: 767px) {
.qu-acs {
text-align: center;
}
.qu-acs a {
color: transparent;
}
a.tel {
width: 11%;
height: 37px;
padding: 5px;
}
a.mail {
width: 12%;
padding: 9px;
height: 37px;
}
a.faq {
width: 9%;
padding: 9px;
height: 37px;
margin-left: 9px;
border-left: 0;
}
.faq:after {
top: 12px !important;  
left: -1px !important;
display: block !important;
}
.wel-cont h1 {
font-size: 30px;
}
.ft-cont h5 {
font-size: 26px;
}
.ft-cont>div>div {
max-height: 100%;
}
.tf6 {
height: 300px;
}
.ft-cont h6 {
padding-top: 18px;
}
.ft-cont p {
margin-top: 30px;
}
.choose-section {
padding: 20px 0px;
}
.choose-us h3 {
margin-bottom: 4px;
}
.ft-hed h4 {
font-size: 28px;
margin-bottom: 12px;
}
.owl-recommended {
margin: 0;
padding: 0px 0;
overflow: hidden;
}
.rew-min {
padding-right: 0;
padding-top: 0;
}
.cw h4 {
font-size: 25px;
text-align: center;
}
.rew-min>div {
width: 100%;
text-align: center;
position: relative;
right: 0;
top: 0;
margin: 54px auto 20px auto;
}
.rew-min>p {
padding-left: 0;
}
.wcu .owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 10px;
text-align: center;
padding-right: 0;
}
.nwslt h4 {
font-size: 30px;
margin-bottom: 20px;
}
.partnr {
padding-top: 15px;
}
.cw::before {
display: none;
}
.fot-logo {
padding: 5px;
margin-right: 10px;
width: 100%;
text-align: center;
}
.fot-top {
width: 100%;
}
.fot-logo {
border-right: 0;
}
.any-qu {
width: 100%;
text-align: center;
margin-bottom: 16px;
}
.footer-info {
width: 100%;
text-align: center;
}
.fotmenu>div {
width: 100%;
text-align: center;
}
.cpoyry {
width: 100%;
text-align: center;
}
.desby {
width: 100%;
text-align: center;
padding-top: 0;
}
.list-ban {
height: 348px;
background-size: cover;
position: relative;
background-repeat: no-repeat;
}
.main-section {
padding: 16px 0px;
}
.cul-hed {
padding: 13px 0px 0;
text-align: center;
}
.bot-berd h1 {
text-align: center;
}
.tourtitle h1 {
font-size: 31px;
margin: 6px 0;
}
.tinfo {
margin-top: 8px;
}
.tourinfos {
padding-top: 133px;
}
span.infocol2 {
font-size: 13px;
}
span.infocol1 {
font-size: 11px;
}
.iten-cont {
margin-left: 0;
padding-bottom: 29px;
}
.iten-div span {
display: block;
position: relative;
left: 0;
top: 0px;
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.desit-siv h4 {
text-align: center;
font-size: 21px;
}
.iten-div:after, .iten-div:before {
display: none;
}
#itinerary {
background-color: #fbfcfc;
padding: 10px 0;
text-align: center;
}
.sfi {
width: 100%;
margin-left: 0;
}
.datepicker-date-display .date-text {
font-size: 15px;
}
.stcy-bar.fix {
z-index: 2;
}
.inpu.numb span {
padding: 14px 18px;
text-indent: 20px;
}
.wkh h6 {
margin-top: 14px;
line-height: 27px;
}
.rc-div .reat {
transform: scale(0.75);
}
.rc-div .reat span:nth-child(1) {
font-size: 38px;
}
.top-infr a {
width: 100%;
margin-bottom: 20px;
}
.contact-ban {
padding: 152px 0px 25px;
}
.contact-ban h1 {
font-size: 38px;
text-align: center;
margin-bottom: 20px;
}
div.wpcf7-response-output {
margin: 31px 0.5em 1em;
}
.stcy-menu {
padding: 20px 0px;
max-height: 0;
overflow: hidden;
border: 1px solid #ccc;
margin: 30px 0;
}
.stcy-menu span {
display: block;
padding: 8px 0;
transform: translateY(-19px);
padding-left: 16px;
background-image: url(//www.naagholidays.com/wp-content/themes/naag_holidays/assets/img/selectarrow.jpg);
background-repeat: no-repeat;
background-position: 98% center;
width: 100%;
background-color: #fff;
margin-bottom: -18px;
}
.stcy-menu a {
display: block;
margin-right: 0;
padding-bottom: 5px;
text-align: center;
}
.stcy-menu.ativ {
max-height: 258px;
}
span.daywrap {
padding: 8px 39px 8px 5px;
}
.stcy-menu a.actv {
border-bottom: none;
font-weight: 800;
color: #f35d5d;
}
.frm-trans {
z-index: 1;
}
.stcy-bar {
margin-bottom: 20px;
} .tinfowrap {
width: 100%;
}
.tinfowrap:last-child {
border: 0;
padding-left: 3px;
}
.fotmenu>div:nth-child(1) h4 {
border-bottom: 1px solid #424242;
padding-bottom: 7px;
}
.fotmenu>div:nth-child(2) h4 {
border-bottom: 1px solid #424242;
padding-bottom: 7px;
}
.stcy-bar {
background-color: #fff;
}
}
@media( max-width: 480px) {
#lightgallery {
margin-right: -10px;
}
#gallery a {
width: calc(50% - 10px) !important;
}
#gallery {
padding-top: 0px;}
.wcu {
padding: 20px 0px;
}
.stcy-menu a {
padding: 10px;
border-bottom: 1px solid #e1e1e1 !important;
text-align: left;
}
.tours-template-default .list-ban {
height: 410px;
}
.tours-template-default .bred {
text-align: left;
}
.post-type-archive-tours .s6.tour_item {
width: 100%;
}
.cw {
padding: 5px 20px 40px 20px;
}
.afq {
padding: 20px 10px;
}
.top-infr {
width: 100%;
text-align: center;
}
.tour_item {
min-height: auto !important;
}
.cul-hed {
padding: 13px 0px 20px;
}
.submit-btn {
text-align: center;
}
.submit-btn input {
float: none;
}
.adr-cont address {
max-width: 100%;
}
.cont-frm {
padding: 25px;
}
.cont-frm h3 {
font-size: 23px;
}
.adr-cont>div {
width: 100%;
text-align: center;
}
.cont-frm p {
margin-top: 10px;
font-size: 13px;
}
.cont-frm h3 {
text-align: center;
}
.cont-frm p {
text-align: center;
}
.cont-frm {
margin-top: 30px;
}
.bred {
text-align: center;
}
.choose-us>div {
width: calc(100% - 0px) !important;
float: none;
margin-right: 0px;
text-align: center;
}
.about-rit {
padding: 20px;
}
.online-bok img {
display: block;
margin: 0px auto;
}
.proceed_to_pay input {
float: none;
margin: 22px auto 0px;
display: block;
}
.online-form h3 {
font-size: 25px;
margin-bottom: 25px;
text-align: center;
}
.online-bok h3 {
text-align: center;
}
.termmain-agry {
padding: 30px 20px 20px 20px;
}
.termmain {
padding: 15px;
}
.online-form {
padding: 20px;
}
.make-ofer {
padding-bottom: 60px;
}
.featured-of div h4 {
font-size: 25px;
}
.exp-cont h4 {
font-size: 30px;
}
.berdcmp h1 {
font-size: 30px;
}
.berdcmp {
text-align: center;
}
.featured-of div {
background-image: inherit;
padding: 20px;
}
.featured-of div>span {
transform: scale(0.8);
position: relative;
left: -26px;
}
.tailor-div {
text-align: center;
}
.tailor-div h2 {
font-size: 30px;
margin-bottom: 20px;
margin-top: 40px;
}
.submi input {
margin: 0 auto !important;
display: block;
}
.trai-frm {
padding: 0px 15px 30px;
margin-bottom: 37px;
}
.trai-frm h4 {
padding-top: 20px;
padding-bottom: 0px;
margin-bottom: 25px;
}
.bord {
margin-top: 20px;
margin-bottom: 10px;
}
.num-inp, .date-day {
margin-bottom: 20px;
}
.car-div {
margin-right: 0px;
width: calc(100% - 0px) !important;
}
.tran-hed h3 {
text-align: center;
font-size: 25px;
}
.frm-trans {
margin-bottom: 50px;
}
.tinfowrap {
width: 100%;
}
.fot-menu h4 {
margin-bottom: 0px;
position: relative;
text-align: left;
}
.fot-menu h4:after {
content: '+';
position: absolute;
right: 0px;
top: 0px;
color: #fff;
font-size: 30px;
font-weight: 400;
}
.fot-menu.opn h4:after {
content: '-'
}
.fot-menu.opn ul {
max-height: 400px;
margin-top: 20px;
}
.fot-menu ul {
transition: all 0.5s;
max-height: 0px;
overflow: hidden;
margin: 0px;
}
.fot-menu.opn ul {
max-height: 400px;
margin-top: 20px;
text-align: left;
}
div.wpcf7-mail-sent-ok::before, div.wpcf7-validation-errors::before {
display: none;
}
}.sendpress-signup-form{
position:relative;
} .sendpress-signup-form label{
display:block;
word-wrap: none;
padding:0 5px 0 0;
} .sendpress-signup-form input[type=text]{
width: 100%;
} .sendpress-submit{
margin-top: 20px;
display: inline-block !important;
} .sendpress-signup-form #error{
color:#8B0000;
margin:10px 0px;
display:none;
} .sendpress-signup-form #thanks,
.sendpress-signup-form #exists{
margin:10px 0px;
display:none;
} .signup-fields-bottom label{ display:inline;
}
.ajaxloader{
margin-left:5px;
display:none;
}