@charset "UTF-8";
 * {
box-sizing: border-box;
} .grid {
margin: 0 auto; } .grid:after {
content: '';
display: block;
clear: both;
} .grid-item {
float: left;
width: auto;
border-color: hsla(0, 0%, 0%, 0.7);
}
.grid-item--height2 {
height: 200px;
}
.grid-item,
.grid-sizer {
width: 33.33%;
} .dropdown .dropdown-menu .caret {
border: 4px solid transparent;
border-left-color: #000;
float: right;
margin-top: 6px;
}
.dropdown-menu {
min-width: 250px;
}
.dropdown-menu > li.open > a {
background-color: #F5F5F5;
color: #262626;
text-decoration: none;
}
.dropdown-menu .dropdown-menu {
left: 100%;
margin: 0;
right: auto;
top: -1px;
}
.dropdown-menu-right .dropdown-menu,
.navbar-right .dropdown-menu .dropdown-menu,
.pull-right .dropdown-menu .dropdown-menu {
left: auto;
right: 100%;
}
.dropdown-menu.animated {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
}
.dropdown-menu.animated:before {
content: " ";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 99;
}
.dropdownhover-top {
margin-bottom: 2px;
margin-top: 0;
}
.navbar-fixed-bottom .dropdown-menu .dropdown-menu,
.dropdownhover-top .dropdown-menu {
bottom: -1px;
top: auto;
}
.navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
}
.dropdownhover-bottom {
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.dropdownhover-left {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.dropdownhover-right {
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.dropdownhover-top {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.masonary-addon .grid-item {
padding: 15px;
}  .valley-btn-default {
color: #fff;
}
.valley-btn-primary,
.bttn,
.valley-btn-lg,
.valley-btn-md,
.valley-btn-sm,
.valley-btn-xs {
color: #f37321;
}
.valley-btn-warning {
color: #feab3a;
}
.valley-btn-danger {
color: #ff5964;
}
.valley-btn-success {
color: #28b78d;
}
.valley-btn-royal {
color: #bd2df5;
}
.bttn,
.valley-btn-lg,
.valley-btn-md,
.valley-btn-sm,
.valley-btn-xs {
margin: 0;
padding: 0;
border-width: 0;
border-color: transparent;
background: transparent;
font-weight: 400;
cursor: pointer;
position: relative;
}
.valley-btn-lg {
padding: 8px 15px;
font-size: 24px;
font-family: inherit;
}
.valley-btn-md {
font-size: 20px;
font-family: inherit;
padding: 5px 12px;
}
.valley-btn-sm {
padding: 4px 10px;
font-size: 16px;
font-family: inherit;
}
.valley-btn-xs {
padding: 3px 8px;
font-size: 12px;
font-family: inherit;
}
.valley-btn-unite {
margin: 0;
padding: 0;
border-width: 0;
border-color: transparent;
background: transparent;
font-weight: 400;
cursor: pointer;
position: relative;
font-size: 20px;
font-family: inherit;
padding: 5px 12px;
z-index: 0;
overflow: hidden;
border: 2px solid #f37321;
border-radius: 100px;
background: #fff;
color: #f37321;
-webkit-transition: color 0.3s cubic-bezier(0.02, 0.01, 0.47, 1), border-color 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
transition: color 0.3s cubic-bezier(0.02, 0.01, 0.47, 1), border-color 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.valley-btn-unite:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 120%;
background: #d6e3ff;
content: '';
opacity: 0;
z-index: -1;
-webkit-transition: opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
transition: opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
transition: transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
transition: transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
-webkit-transform: translate3d(-110%, -10%, 0) skewX(-20deg);
transform: translate3d(-110%, -10%, 0) skewX(-20deg);
}
.valley-btn-unite:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 120%;
background: rgba(214, 227, 255, 0.7);
content: '';
opacity: 0;
z-index: -1;
-webkit-transition: opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
transition: opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
transition: transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
transition: transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
-webkit-transform: translate3d(110%, -10%, 0) skewX(-20deg);
transform: translate3d(110%, -10%, 0) skewX(-20deg);
}
.valley-btn-unite:hover,
.valley-btn-unite:focus {
box-shadow: 0 1px 8px rgba(58, 51, 53, 0.3);
color: #f37321;
-webkit-transition: all 0.5s cubic-bezier(0.02, 0.01, 0.47, 1);
transition: all 0.5s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.valley-btn-unite:hover:before,
.valley-btn-unite:focus:before {
opacity: 1;
-webkit-transition: opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
transition: opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
transition: transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
transition: transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
-webkit-transform: translate3d(-50%, -10%, 0) skewX(-20deg);
transform: translate3d(-50%, -10%, 0) skewX(-20deg);
}
.valley-btn-unite:hover:after,
.valley-btn-unite:focus:after {
opacity: 1;
-webkit-transition: opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
transition: opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
transition: transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
transition: transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
-webkit-transform: translate3d(50%, -10%, 0) skewX(-20deg);
transform: translate3d(50%, -10%, 0) skewX(-20deg);
}
.valley-btn-unite.valley-btn-xs {
padding: 3px 8px;
font-size: 12px;
font-family: inherit;
}
.valley-btn-unite.valley-btn-xs:hover,
.valley-btn-unite.valley-btn-xs:focus {
box-shadow: 0 1px 4px rgba(58, 51, 53, 0.3);
}
.valley-btn-unite.valley-btn-sm {
padding: 4px 10px;
font-size: 16px;
font-family: inherit;
}
.valley-btn-unite.valley-btn-sm:hover,
.valley-btn-unite.valley-btn-sm:focus {
box-shadow: 0 1px 6px rgba(58, 51, 53, 0.3);
}
.valley-btn-unite.valley-btn-md {
font-size: 14px;
font-family: inherit;
padding: 11px 30px;
}
.valley-btn-unite.valley-btn-md:hover,
.valley-btn-unite.valley-btn-md:focus {
box-shadow: 0 1px 8px rgba(58, 51, 53, 0.3);
}
.valley-btn-unite.valley-btn-lg {
padding: 8px 15px;
font-size: 24px;
font-family: inherit;
}
.valley-btn-unite.valley-btn-lg:hover,
.valley-btn-unite.valley-btn-lg:focus {
box-shadow: 0 1px 10px rgba(58, 51, 53, 0.3);
}
.valley-btn-unite.valley-btn-default {
border-color: #f37321;
color: #f37321;
}
.valley-btn-unite.valley-btn-default:hover,
.valley-btn-unite.valley-btn-default:focus {
background: #d6e3ff;
color: #f37321;
}
.valley-btn-unite.valley-btn-default:before {
background: #a7c3ff;
}
.valley-btn-unite.valley-btn-default:after {
background: #d6e3ff;
}
.valley-btn-unite.valley-btn-primary {
border-color: #424242;
color: #424242;
}
.valley-btn-unite.valley-btn-primary:hover,
.valley-btn-unite.valley-btn-primary:focus {
background: #f37321;
border-color: #f37321;
color: #fff;
}
.valley-btn-unite.valley-btn-primary:before {
background: #006de3;
}
.valley-btn-unite.valley-btn-primary:after {
background: #f37321;
}
.valley-btn-unite.valley-btn-warning {
border-color: #feab3a;
color: #feab3a;
}
.valley-btn-unite.valley-btn-warning:hover,
.valley-btn-unite.valley-btn-warning:focus {
background: #feab3a;
color: #fff;
}
.valley-btn-unite.valley-btn-warning:before {
background: #f89001;
}
.valley-btn-unite.valley-btn-warning:after {
background: #feab3a;
}
.valley-btn-unite.valley-btn-danger {
border-color: #ff5964;
color: #ff5964;
}
.valley-btn-unite.valley-btn-danger:hover,
.valley-btn-unite.valley-btn-danger:focus {
background: #ff5964;
color: #fff;
}
.valley-btn-unite.valley-btn-danger:before {
background: #ff1424;
}
.valley-btn-unite.valley-btn-danger:after {
background: #ff5964;
}
.valley-btn-unite.valley-btn-success {
border-color: #28b78d;
color: #28b78d;
}
.valley-btn-unite.valley-btn-success:hover,
.valley-btn-unite.valley-btn-success:focus {
background: #28b78d;
color: #fff;
}
.valley-btn-unite.valley-btn-success:before {
background: #209271;
}
.valley-btn-unite.valley-btn-success:after {
background: #28b78d;
}
.valley-btn-unite.valley-btn-royal {
border-color: #bd2df5;
color: #bd2df5;
}
.valley-btn-unite.valley-btn-royal:hover,
.valley-btn-unite.valley-btn-royal:focus {
background: #bd2df5;
color: #fff;
}
.valley-btn-unite.valley-btn-royal:before {
background: #a20bdd;
}
.valley-btn-unite.valley-btn-royal:after {
background: #bd2df5;
}
.tx-site-pusher,
.tx-site-container,
.tx-site-content {
height: 100%;
}
.tx-site-content-inner,
.tx-site-content {
position: relative;
}
.tx-site-container {
position: relative;
overflow: hidden;
}
.tx-site-pusher {
position: relative;
left: 0;
z-index: 99;
height: 100%;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.tx-site-pusher::after {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
z-index: 9999999;
background: rgba(0, 0, 0, 0.6);
content: '';
opacity: 0;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.tx-menu-open .tx-site-pusher::after {
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.tx-menu {
position: fixed;
top: 0;
left: 0;
z-index: 100;
visibility: hidden;
width: 300px;
height: auto;
background: #0098bd;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.tx-menu::after {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
content: '';
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.tx-menu-open .tx-menu::after {
width: 0;
height: 0;
opacity: 0;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
} .tx-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.tx-menu h2 {
margin: 0;
padding: 1em;
color: rgba(0, 0, 0, 0.4);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
font-weight: 300;
font-size: 2em;
}
.tx-menu ul li a {
display: block;
padding: 1em 1em 1em 1.2em;
outline: none;
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
color: #f3efe0;
text-transform: uppercase;
text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
letter-spacing: 1px;
font-weight: 400;
-webkit-transition: background 0.3s, box-shadow 0.3s;
transition: background 0.3s, box-shadow 0.3s;
}
.tx-menu ul li:first-child a {
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2);
}
.tx-menu ul li a:hover {
background: rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
color: #fff;
}  .tx-effect-1.tx-menu {
visibility: visible;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.tx-effect-1.tx-menu-open .tx-effect-1.tx-menu {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.tx-effect-1.tx-menu::after {
display: none;
} .tx-effect-2.tx-menu-open .tx-site-pusher {
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
.tx-effect-2.tx-menu {
z-index: 1;
}
.tx-effect-2.tx-menu-open .tx-effect-2.tx-menu {
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.tx-effect-2.tx-menu::after {
display: none;
} .tx-effect-3.tx-menu-open .tx-site-pusher {
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
.tx-effect-3.tx-menu {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.tx-effect-3.tx-menu-open .tx-effect-3.tx-menu {
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.tx-effect-3.tx-menu::after {
display: none;
} .tx-effect-4.tx-menu-open .tx-site-pusher {
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
.tx-effect-4.tx-menu {
z-index: 1;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.tx-effect-4.tx-menu-open .tx-effect-4.tx-menu {
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.tx-effect-4.tx-menu::after {
display: none;
} .tx-effect-5.tx-menu-open .tx-site-pusher {
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
.tx-effect-5.tx-menu {
z-index: 1;
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
.tx-effect-5.tx-menu-open .tx-effect-5.tx-menu {
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} .tx-effect-6.tx-container {
-webkit-perspective: 1500px;
perspective: 1500px;
}
.tx-effect-6 .tx-site-pusher {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.tx-effect-6.tx-menu-open .tx-site-pusher {
-webkit-transform: translate3d(300px, 0, 0) rotateY(-15deg);
transform: translate3d(300px, 0, 0) rotateY(-15deg);
}
.tx-effect-6.tx-menu {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.tx-effect-6.tx-menu-open .tx-effect-6.tx-menu {
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(-100%, 0, 0) rotateY(15deg);
transform: translate3d(-100%, 0, 0) rotateY(15deg);
}
.tx-effect-6.tx-menu::after {
display: none;
} .tx-effect-7.tx-container {
-webkit-perspective: 1500px;
perspective: 1500px;
-webkit-perspective-origin: 0% 50%;
perspective-origin: 0% 50%;
}
.tx-effect-7 .tx-site-pusher {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.tx-effect-7.tx-menu-open .tx-site-pusher {
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
.tx-effect-7.tx-menu {
-webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
transform: translate3d(-100%, 0, 0) rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.tx-effect-7.tx-menu-open .tx-effect-7.tx-menu {
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
transform: translate3d(-100%, 0, 0) rotateY(0deg);
} .tx-effect-8.tx-container {
-webkit-perspective: 1500px;
perspective: 1500px;
-webkit-perspective-origin: 0% 50%;
perspective-origin: 0% 50%;
}
.tx-effect-8 .tx-site-pusher {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.tx-effect-8.tx-menu-open .tx-site-pusher {
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
.tx-effect-8.tx-menu {
-webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg);
transform: translate3d(-100%, 0, 0) rotateY(90deg);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.tx-effect-8.tx-menu-open .tx-effect-8.tx-menu {
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
transform: translate3d(-100%, 0, 0) rotateY(0deg);
}
.tx-effect-8.tx-menu::after {
display: none;
} .tx-effect-9.tx-container {
-webkit-perspective: 1500px;
perspective: 1500px;
}
.tx-effect-9 .tx-site-pusher {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.tx-effect-9.tx-menu-open .tx-site-pusher {
-webkit-transform: translate3d(0, 0, -300px);
transform: translate3d(0, 0, -300px);
}
.tx-effect-9.tx-menu {
opacity: 1;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.tx-effect-9.tx-menu-open .tx-effect-9.tx-menu {
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.tx-effect-9.tx-menu::after {
display: none;
} .tx-effect-10.tx-container {
-webkit-perspective: 1500px;
perspective: 1500px;
-webkit-perspective-origin: 0% 50%;
perspective-origin: 0% 50%;
}
.tx-effect-10.tx-menu-open .tx-site-pusher {
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
.tx-effect-10.tx-menu {
z-index: 1;
opacity: 1;
-webkit-transform: translate3d(0, 0, -300px);
transform: translate3d(0, 0, -300px);
}
.tx-effect-10.tx-menu-open .tx-effect-10.tx-menu {
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} .tx-effect-11.tx-container {
-webkit-perspective: 1500px;
perspective: 1500px;
}
.tx-effect-11 .tx-site-pusher {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.tx-effect-11.tx-menu-open .tx-site-pusher {
-webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg);
transform: translate3d(100px, 0, -600px) rotateY(-20deg);
}
.tx-effect-11.tx-menu {
opacity: 1;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.tx-effect-11.tx-menu-open .tx-effect-11.tx-menu {
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.tx-effect-11.tx-menu::after {
display: none;
} .tx-effect-12.tx-container {
-webkit-perspective: 1500px;
perspective: 1500px;
}
.tx-effect-12 .tx-site-pusher {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.tx-effect-12.tx-menu-open .tx-site-pusher {
-webkit-transform: rotateY(-10deg);
transform: rotateY(-10deg);
}
.tx-effect-12.tx-menu {
opacity: 1;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.tx-effect-12.tx-menu-open .tx-effect-12.tx-menu {
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.tx-effect-12.tx-menu::after {
display: none;
} .tx-effect-13.tx-container {
-webkit-perspective: 1500px;
perspective: 1500px;
-webkit-perspective-origin: 0% 50%;
perspective-origin: 0% 50%;
}
.tx-effect-13.tx-menu-open .tx-site-pusher {
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
.tx-effect-13.tx-menu {
z-index: 1;
opacity: 1;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.tx-effect-13.tx-menu-open .tx-effect-13.tx-menu {
visibility: visible;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition-speed: 0.2s;
transition-speed: 0.2s;
} .tx-effect-14.tx-container {
-webkit-perspective: 1500px;
perspective: 1500px;
-webkit-perspective-origin: 0% 50%;
perspective-origin: 0% 50%;
}
.tx-effect-14 .tx-site-pusher {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.tx-effect-14.tx-menu-open .tx-site-pusher {
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
.tx-effect-14.tx-menu {
-webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg);
transform: translate3d(-100%, 0, 0) rotateY(90deg);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.tx-effect-14.tx-menu-open .tx-effect-14.tx-menu {
visibility: visible;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
transform: translate3d(-100%, 0, 0) rotateY(0deg);
} .no-csstransforms3d .tx-site-pusher,
.no-js .tx-site-pusher {
padding-left: 300px;
}  .card {
position: relative;
margin: 0 auto;
transition: box-shadow 0.15s ease-out, transform 0.25s ease;
perspective: 500px;
perspective-origin: 50% 50%;
transform-style: preserve-3d;
}
.card:hover {
transform: scale(1);
box-shadow: none;
}
.card.hover--ending {
transition: box-shadow 0.5s ease;
}
@include breakpoint(540px) {
display: inline-block;
}
.card + .card {
margin: 45px auto 0;
}
@include breakpoint(540px) {
margin: 0 0 0 25px;
} .highlight {
display: block;
position: absolute;
width: 100px;
height: 100px;
top: 0;
right: 0;
opacity: 0;
z-index: 3;
transition: opacity 0.25s ease;
background: radial-gradient(60px at 50%, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0) 100%);
} .card__link {
display: block;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
transform-origin: center center;
transform-style: preserve-3d;
transition: all 0.1s ease;
} .card__image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
} .card__title {
font-size: 14px;
width: 100%;
height: 24px;
line-height: 24px;
text-align: center;
color: #FFFFFF;
position: absolute;
left: 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
opacity: 0;
transition: opacity 0.15s ease-in;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.06); }
.card:hover .card__title {
opacity: 0.8;
} [tooltip] {
position: relative; } [tooltip]::before,
[tooltip]::after {
text-transform: none; font-size: 0.9em; line-height: 1;
user-select: none;
pointer-events: none;
position: absolute;
display: none;
opacity: 0;
}
[tooltip]::before {
content: '';
border: 5px solid transparent; z-index: 1001; }
[tooltip]::after {
content: attr(tooltip);  font-family: Helvetica, sans-serif;
text-align: center; min-width: 3em;
max-width: 21em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 1ch 1.5ch;
border-radius: 0.3ch;
box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
background: white;
color: #424242;
z-index: 1000; } [tooltip]:hover::before,
[tooltip]:hover::after {
display: block;
} [tooltip='']::before,
[tooltip='']::after {
display: none !important;
} [tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
bottom: 100%;
border-bottom-width: 0;
border-top-color: white;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
left: 50%;
transform: translate(-50%, -0.5em);
} [tooltip][flow^="down"]::before {
top: 100%;
border-top-width: 0;
border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
left: 50%;
transform: translate(-50%, 0.5em);
} [tooltip][flow^="left"]::before {
top: 50%;
border-right-width: 0;
border-left-color: #333;
left: calc(0em - 5px);
transform: translate(-0.5em, -50%);
}
[tooltip][flow^="left"]::after {
top: 50%;
right: calc(100% + 5px);
transform: translate(-0.5em, -50%);
} [tooltip][flow^="right"]::before {
top: 50%;
border-left-width: 0;
border-right-color: #333;
right: calc(0em - 5px);
transform: translate(0.5em, -50%);
}
[tooltip][flow^="right"]::after {
top: 50%;
left: calc(100% + 5px);
transform: translate(0.5em, -50%);
} @keyframes tooltips-vert {
to {
opacity: 0.9;
transform: translate(-50%, 0);
}
}
@keyframes tooltips-horz {
to {
opacity: 0.9;
transform: translate(0, -50%);
}
} [tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
animation: tooltips-vert 300ms ease-out forwards;
}
[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
animation: tooltips-horz 300ms ease-out forwards;
}
.fullscreen-wrapper {
overflow: hidden;
} .background {
background-repeat: no-repeat; background-position: 50% 50%; background-position: 50% 50%\9 !important;
}
.fullscreen,
.content-a {
width: 100%;
height: 100%;
overflow: hidden;
}
.fullscreen.overflow,
.fullscreen.overflow .content-a {
height: auto;
min-height: 100%;
} .content-a {
display: table;
}
.content-b {
display: table-cell;
position: relative;
vertical-align: middle;
text-align: center;
}
.not-fullscreen {
height: 50%;
}
.border-radius {
border-radius: 7px;
}
.border-radius img {
border-radius: 7px;
}
.grid {
position: relative;
margin: 0 auto;
padding: 1em 0 4em;
max-width: 1000px;
list-style: none;
text-align: center;
} .grid figure {
position: relative;
float: left;
overflow: hidden;
margin: 10px 15px;
background: #3085a3;
text-align: center;
cursor: pointer;
}
.grid figure img {
position: relative;
display: block;
min-height: 100%;
max-width: 100%;
opacity: 0.8;
}
.grid figure figcaption {
padding: 2em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}  .grid figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
.grid figure h2 {
word-spacing: -0.15em;
font-weight: 300;
}
.grid figure h2 span {
font-weight: 800;
}
.grid figure h2,
.grid figure p {
margin: 0;
}
.grid figure p {
letter-spacing: 1px;
font-size: 68.5%;
}    figure.effect-lily img {
max-width: none;
width: -webkit-calc(150%);
width: calc(100% + 50px);
opacity: 0.7;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0);
}
figure.effect-lily figcaption {
text-align: left;
}
figure.effect-lily figcaption > div {
position: absolute;
bottom: 0;
left: 0;
padding: 2em;
width: 100%;
height: 50%;
}
figure.effect-lily h2,
figure.effect-lily p {
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
figure.effect-lily h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-lily p {
color: rgba(255, 255, 255, 0.8);
opacity: 0;
-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
transition: opacity 0.2s, transform 0.35s;
}
figure.effect-lily:hover img,
figure.effect-lily:hover p {
opacity: 1;
}
figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-lily:hover p {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
}   figure.effect-sadie figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
figure.effect-sadie h2 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
color: #484c61;
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
figure.effect-sadie figcaption::before,
figure.effect-sadie p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-sadie p {
position: absolute;
bottom: 0;
left: 0;
padding: 2em;
width: 100%;
opacity: 0;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
figure.effect-sadie:hover h2 {
color: #fff;
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
}
figure.effect-sadie:hover figcaption::before,
figure.effect-sadie:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   figure.effect-roxy img {
max-width: none;
width: -webkit-calc(160%);
width: calc(100% + 60px);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
}
figure.effect-roxy figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
figure.effect-roxy figcaption {
padding: 3em;
text-align: left;
}
figure.effect-roxy h2 {
padding: 30% 0 10px 0;
}
figure.effect-roxy p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.content-wrapper:hover figure.effect-roxy img {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   figure.effect-bubba {
background: #9e5406;
position: relative;
}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-bubba figcaption::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
figure.effect-bubba figcaption::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
figure.effect-bubba h2 {
padding-top: 30%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
figure.effect-bubba p {
padding: 20px 2.5em;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
.content-wrapper:hover figure.effect-bubba figcaption::before,
.content-wrapper:hover figure.effect-bubba figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   figure.effect-romeo {
-webkit-perspective: 1000px;
perspective: 1000px;
}
figure.effect-romeo img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 0, 300px);
transform: translate3d(0, 0, 300px);
}
figure.effect-romeo:hover img {
opacity: 0.6;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-romeo figcaption::before,
figure.effect-romeo figcaption::after {
position: absolute;
top: 50%;
left: 50%;
width: 80%;
height: 1px;
background: #fff;
content: '';
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
figure.effect-romeo:hover figcaption::before {
opacity: 0.5;
-webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
figure.effect-romeo:hover figcaption::after {
opacity: 0.5;
-webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
figure.effect-romeo h2,
figure.effect-romeo p {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-romeo h2 {
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
}
figure.effect-romeo p {
padding: 0.25em 2em;
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0);
}
figure.effect-romeo:hover h2 {
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
}
figure.effect-romeo:hover p {
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
}   figure.effect-layla {
background: transparent;
}
figure.effect-layla figcaption {
padding: 3em;
}
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
position: absolute;
content: '';
opacity: 0;
}
figure.effect-layla figcaption::before {
top: 50px;
right: 30px;
bottom: 50px;
left: 30px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
figure.effect-layla figcaption::after {
top: 30px;
right: 50px;
bottom: 30px;
left: 50px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
figure.effect-layla h2 {
padding-top: 26%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-layla p {
padding: 0.5em 2em;
text-transform: none;
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
figure.effect-layla img,
figure.effect-layla h2 {
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-layla:hover img {
opacity: 0.7;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-layla:hover h2,
figure.effect-layla:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}   figure.effect-honey {
background: #4a3753;
}
figure.effect-honey img {
opacity: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-honey:hover img {
opacity: 0.5;
}
figure.effect-honey figcaption::before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 10px;
background: #fff;
content: '';
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
figure.effect-honey h2 {
position: absolute;
bottom: 0;
left: 0;
padding: 1em 1.5em;
width: 100%;
text-align: left;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
figure.effect-honey h2 i {
font-style: normal;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
figure.effect-honey figcaption::before,
figure.effect-honey h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover h2,
figure.effect-honey:hover h2 i {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   figure.effect-oscar {
background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
background: linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
}
figure.effect-oscar img {
opacity: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-oscar figcaption {
padding: 3em;
background-color: rgba(58, 52, 42, 0.7);
-webkit-transition: background-color 0.35s;
transition: background-color 0.35s;
}
figure.effect-oscar figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
}
figure.effect-oscar h2 {
margin: 20% 0 10px 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
figure.effect-oscar figcaption::before,
figure.effect-oscar p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(0);
transform: scale(0);
}
figure.effect-oscar:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-oscar:hover figcaption {
background-color: rgba(58, 52, 42, 0);
}
figure.effect-oscar:hover img {
opacity: 0.4;
}   figure.effect-marley figcaption {
text-align: right;
}
figure.effect-marley h2,
figure.effect-marley p {
position: absolute;
right: 30px;
left: 30px;
padding: 10px 0;
}
figure.effect-marley p {
bottom: 30px;
line-height: 1.5;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
figure.effect-marley h2 {
top: 30px;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
figure.effect-marley:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-marley h2::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background: #fff;
content: '';
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
figure.effect-marley h2::after,
figure.effect-marley p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   figure.effect-ruby {
background-color: #17819c;
overflow: hidden;
}
figure.effect-ruby img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.content-wrapper:hover figure.effect-ruby img {
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-ruby h2 {
margin-top: 20%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
figure.effect-ruby p {
margin: 1em 0 0;
padding: 3em;
border: 1px solid #fff;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0) scale(1.1);
transform: translate3d(0, 20px, 0) scale(1.1);
}
figure.effect-ruby:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-ruby:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}   figure.effect-milo {
background: #2e5d5a;
}
figure.effect-milo img {
max-width: none;
width: -webkit-calc(160%);
width: calc(100% + 60px);
opacity: 1;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
transform: translate3d(-30px, 0, 0) scale(1.12);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.effect-milo:hover img {
opacity: 0.5;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
figure.effect-milo h2 {
position: absolute;
right: 0;
bottom: 0;
padding: 1em 1.2em;
}
figure.effect-milo p {
padding: 0 10px 0 0;
width: 50%;
border-right: 1px solid #fff;
text-align: right;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0);
}
figure.effect-milo:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   figure.effect-dexter {
background: -webkit-linear-gradient(top, #258dc8 0%, #683c13 100%);
background: linear-gradient(to bottom, #258dc8 0%, #683c13 100%);
}
figure.effect-dexter img {
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-dexter:hover img {
opacity: 0.4;
}
figure.effect-dexter figcaption::after {
position: absolute;
right: 30px;
bottom: 30px;
left: 30px;
height: -webkit-calc(20%);
height: calc(50% - 30px);
border: 7px solid #fff;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
figure.effect-dexter:hover figcaption::after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-dexter figcaption {
padding: 3em;
text-align: left;
}
figure.effect-dexter p {
position: absolute;
right: 60px;
bottom: 60px;
left: 60px;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0);
}
figure.effect-dexter:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   figure.effect-sarah {
background: #42b078;
}
figure.effect-sarah img {
max-width: none;
width: -webkit-calc(120%);
width: calc(100% + 20px);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.effect-sarah:hover img {
opacity: 0.4;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-sarah figcaption {
text-align: left;
}
figure.effect-sarah h2 {
position: relative;
overflow: hidden;
padding: 0.5em 0;
}
figure.effect-sarah h2::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #fff;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
figure.effect-sarah:hover h2::after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-sarah p {
padding: 1em 0;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
figure.effect-sarah:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   figure.effect-zoe figcaption {
top: auto;
bottom: 0;
padding: 1em;
height: 3.75em;
background: #fff;
color: #3c4a50;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.effect-zoe figcaption {
display: flex;
align-items: center;
justify-content: space-between;
}
.effect-zoe figcaption h2 {
text-transform: capitalize;
}
figure.effect-zoe h2 {
float: left;
}
figure.effect-zoe p.icon-links a {
float: right;
color: #3c4a50;
font-size: 1.4em;
}
figure.effect-zoe:hover p.icon-links a:hover,
figure.effect-zoe:hover p.icon-links a:focus {
color: #252d31;
}
figure.effect-zoe p.description {
position: absolute;
bottom: 8em;
padding: 2em;
color: #fff;
text-transform: none;
font-size: 90%;
opacity: 0;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
-webkit-backface-visibility: hidden; }
figure.effect-zoe h2,
figure.effect-zoe p.icon-links a {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 200%, 0);
transform: translate3d(0, 200%, 0);
}
figure.effect-zoe p.icon-links a span::before {
display: inline-block;
padding: 8px 10px;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-eye::before {
content: '\e000';
}
.icon-paper-clip::before {
content: '\e001';
}
.icon-heart::before {
content: '\e024';
}
figure.effect-zoe h2 {
display: inline-block;
}
figure.effect-zoe:hover p.description {
opacity: 1;
}
figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover p.icon-links a {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-zoe:hover h2 {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
figure.effect-zoe:hover p.icon-links a:nth-child(3) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
figure.effect-zoe:hover p.icon-links a:nth-child(2) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
figure.effect-zoe:hover p.icon-links a:first-child {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
figure.effect-zoe:hover p.icon-links a:last-child {
-webkit-transition-delay: 0.25s;
transition-delay: 0.05s;
}   figure.effect-chico img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.12);
transform: scale(1.12);
}
figure.effect-chico:hover img {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-chico figcaption {
padding: 3em;
}
figure.effect-chico figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
figure.effect-chico figcaption::before,
figure.effect-chico p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-chico h2 {
padding: 20% 0 20px 0;
}
figure.effect-chico p {
margin: 0 auto;
max-width: 200px;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
@media screen and (max-width: 50em) {
.content {
padding: 0 10px;
text-align: center;
}
.grid figure {
display: inline-block;
float: none;
margin: 10px auto;
width: 100%;
}
}    figure.effect-julia {
background: #2f3238;
}
figure.effect-julia img {
max-width: 100%;
height: 400px;
-webkit-transition: opacity 1s, -webkit-transform 1s;
transition: opacity 1s, transform 1s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.effect-julia figcaption {
text-align: left;
}
figure.effect-julia h2 {
position: relative;
padding: 0.5em 0;
}
figure.effect-julia p {
display: inline-block;
margin: 0 0 0.25em;
padding: 0.4em 1em;
background: rgba(255, 255, 255, 0.9);
color: #2f3238;
text-transform: none;
font-weight: 500;
font-size: 75%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-360px, 0, 0);
transform: translate3d(-360px, 0, 0);
}
figure.effect-julia p:first-child {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
figure.effect-julia p:nth-of-type(2) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
figure.effect-julia p:nth-of-type(3) {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
figure.effect-julia:hover p:first-child {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
figure.effect-julia:hover p:nth-of-type(2) {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
figure.effect-julia:hover p:nth-of-type(3) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
figure.effect-julia:hover img {
opacity: 0.4;
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
figure.effect-julia:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   figure.effect-goliath {
background: #f37321;
}
figure.effect-goliath img,
figure.effect-goliath h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-goliath img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.effect-goliath h2,
figure.effect-goliath p {
position: absolute;
bottom: 0;
left: 0;
padding: 30px;
}
figure.effect-goliath p {
text-transform: none;
font-size: 90%;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
figure.effect-goliath:hover img {
-webkit-transform: translate3d(0, -80px, 0);
transform: translate3d(0, -80px, 0);
}
figure.effect-goliath:hover h2 {
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0);
}
figure.effect-goliath:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   figure.effect-hera {
background: #303fa9;
}
figure.effect-hera h2 {
font-size: 158.75%;
}
figure.effect-hera h2,
figure.effect-hera p {
position: absolute;
top: 50%;
left: 50%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
}
figure.effect-hera figcaption::before {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
border: 2px solid #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
}
figure.effect-hera p {
width: 100px;
text-transform: none;
font-size: 131%;
line-height: 2;
}
figure.effect-hera p a {
color: #fff;
}
figure.effect-hera p a:hover,
figure.effect-hera p a:focus {
opacity: 0.6;
}
figure.effect-hera p a i {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-hera p a:first-child i {
-webkit-transform: translate3d(-60px, -60px, 0);
transform: translate3d(-60px, -60px, 0);
}
figure.effect-hera p a:nth-child(2) i {
-webkit-transform: translate3d(60px, -60px, 0);
transform: translate3d(60px, -60px, 0);
}
figure.effect-hera p a:nth-child(3) i {
-webkit-transform: translate3d(-60px, 60px, 0);
transform: translate3d(-60px, 60px, 0);
}
figure.effect-hera p a:nth-child(4) i {
-webkit-transform: translate3d(60px, 60px, 0);
transform: translate3d(60px, 60px, 0);
}
figure.effect-hera:hover figcaption::before {
opacity: 1;
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
}
figure.effect-hera:hover h2 {
opacity: 0;
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
}
figure.effect-hera:hover p i:empty {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); opacity: 1;
}   figure.effect-winston {
background: #162633;
text-align: left;
}
figure.effect-winston img {
-webkit-transition: opacity 0.45s;
transition: opacity 0.45s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.effect-winston figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: red;
background-size: 100% 100%;
content: '';
-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
transition: opacity 0.45s, transform 0.45s;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
figure.effect-winston h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
figure.effect-winston p {
position: absolute;
right: 0;
bottom: 0;
padding: 0 1.5em 7% 0;
}
figure.effect-winston a {
margin: 0 10px;
color: #5d504f;
font-size: 170%;
}
figure.effect-winston a:hover,
figure.effect-winston a:focus {
color: #cc6055;
}
figure.effect-winston p a i {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
figure.effect-winston:hover img {
opacity: 0.6;
}
figure.effect-winston:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-winston:hover figcaption::before {
opacity: 0.7;
-webkit-transform: rotate3d(0, 0, 1, 20deg);
transform: rotate3d(0, 0, 1, 20deg);
}
figure.effect-winston:hover p i {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-winston:hover p a:nth-child(3) i {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
figure.effect-winston:hover p a:nth-child(2) i {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
figure.effect-winston:hover p a:first-child i {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}   figure.effect-selena {
background: #fff;
}
figure.effect-selena img {
opacity: 0.95;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
figure.effect-selena:hover img {
-webkit-transform: scale3d(0.95, 0.95, 1);
transform: scale3d(0.95, 0.95, 1);
}
figure.effect-selena h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
figure.effect-selena p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
figure.effect-selena:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-selena:hover p {
opacity: 1;
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0);
transform: perspective(1000px) rotate3d(1, 0, 0, 0);
}   figure.effect-terry {
background: #34495e;
}
figure.effect-terry figcaption {
padding: 1em;
}
figure.effect-terry figcaption::before,
figure.effect-terry figcaption::after {
position: absolute;
width: 200%;
height: 200%;
border-style: solid;
border-color: #101010;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-terry figcaption::before {
right: 0;
bottom: 0;
border-width: 0 70px 60px 0;
-webkit-transform: translate3d(70px, 60px, 0);
transform: translate3d(70px, 60px, 0);
}
figure.effect-terry figcaption::after {
top: 0;
left: 0;
border-width: 15px 0 0 15px;
-webkit-transform: translate3d(-15px, -15px, 0);
transform: translate3d(-15px, -15px, 0);
}
figure.effect-terry img,
figure.effect-terry p a {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-terry img {
opacity: 0.85;
}
figure.effect-terry h2 {
position: absolute;
bottom: 0;
left: 0;
padding: 0.4em 10px;
width: 50%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
@media screen and (max-width: 920px) {
figure.effect-terry h2 {
padding: 0.75em 10px;
font-size: 120%;
}
}
figure.effect-terry p {
float: right;
clear: both;
text-align: left;
text-transform: none;
font-size: 111%;
}
figure.effect-terry p a {
display: block;
margin-bottom: 1em;
color: #fff;
opacity: 0;
-webkit-transform: translate3d(90px, 0, 0);
transform: translate3d(90px, 0, 0);
}
figure.effect-terry p a:hover,
figure.effect-terry p a:focus {
color: #f3cf3f;
}
figure.effect-terry:hover figcaption::before,
figure.effect-terry:hover figcaption::after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-terry:hover img {
opacity: 0.6;
}
figure.effect-terry:hover h2,
figure.effect-terry:hover p a {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-terry:hover p a {
opacity: 1;
}
figure.effect-terry:hover p a:first-child {
-webkit-transition-delay: 0.025s;
transition-delay: 0.025s;
}
figure.effect-terry:hover p a:nth-child(2) {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
figure.effect-terry:hover p a:nth-child(3) {
-webkit-transition-delay: 0.075s;
transition-delay: 0.075s;
}
figure.effect-terry:hover p a:nth-child(4) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}   figure.effect-phoebe {
background: #675983;
}
figure.effect-phoebe img {
opacity: 0.85;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-phoebe:hover img {
opacity: 0.6;
}
figure.effect-phoebe figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//kutchholidays.com/kutchholidays/dist/img/triangle2.svg) no-repeat center center;
background-size: 100% 100%;
content: '';
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(5, 2.5, 1);
transform: scale3d(5, 2.5, 1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
figure.effect-phoebe:hover figcaption::before {
opacity: 0.6;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
figure.effect-phoebe h2 {
margin-top: 1em;
-webkit-transition: transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
figure.effect-phoebe:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-phoebe p a {
color: #fff;
font-size: 140%;
opacity: 0;
position: relative;
display: inline-block;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-phoebe p a:first-child {
-webkit-transform: translate3d(-60px, -60px, 0);
transform: translate3d(-60px, -60px, 0);
}
figure.effect-phoebe p a:nth-child(2) {
-webkit-transform: translate3d(0, 60px, 0);
transform: translate3d(0, 60px, 0);
}
figure.effect-phoebe p a:nth-child(3) {
-webkit-transform: translate3d(60px, -60px, 0);
transform: translate3d(60px, -60px, 0);
}
figure.effect-phoebe:hover p a {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   figure.effect-apollo {
background: #3498db;
}
figure.effect-apollo img {
opacity: 0.95;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
}
figure.effect-apollo figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}
figure.effect-apollo p {
position: absolute;
right: 0;
bottom: 0;
margin: 3em;
padding: 0 1em;
max-width: 150px;
border-right: 4px solid #fff;
text-align: right;
opacity: 0;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-apollo h2 {
text-align: left;
}
figure.effect-apollo:hover img {
opacity: 0.6;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
figure.effect-apollo:hover figcaption::before {
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}
figure.effect-apollo:hover p {
opacity: 1;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}   figure.effect-kira {
background: #fff;
text-align: left;
}
figure.effect-kira img {
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-kira figcaption {
z-index: 1;
}
figure.effect-kira p {
padding: 2.25em 0.5em;
font-weight: 600;
font-size: 100%;
line-height: 1.5;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
figure.effect-kira p a {
margin: 0 0.5em;
color: #101010;
}
figure.effect-kira p a:hover,
figure.effect-kira p a:focus {
opacity: 0.6;
}
figure.effect-kira figcaption::before {
position: absolute;
top: 0;
right: 2em;
left: 2em;
z-index: -1;
height: 3.5em;
background: #fff;
content: '';
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 4em, 0) scale3d(1, 0.023, 1);
transform: translate3d(0, 4em, 0) scale3d(1, 0.023, 1);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
figure.effect-kira:hover img {
opacity: 0.5;
}
figure.effect-kira:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-kira:hover figcaption::before {
opacity: 0.7;
-webkit-transform: translate3d(0, 5em, 0) scale3d(1, 1, 1);
transform: translate3d(0, 5em, 0) scale3d(1, 1, 1);
}   figure.effect-steve {
z-index: auto;
overflow: visible;
background: transparent;
}
figure.effect-steve:before,
figure.effect-steve h2:before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background: transparent;
content: '';
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-steve:before {
box-shadow: 0 3px 30px rgba(0, 0, 0, 0.8);
opacity: 0;
}
figure.effect-steve figcaption {
z-index: 1;
}
figure.effect-steve img {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: perspective(1000px) translate3d(0, 0, 0);
transform: perspective(1000px) translate3d(0, 0, 0);
}
figure.effect-steve h2,
figure.effect-steve p {
background: #fff;
color: #2d434e;
}
figure.effect-steve h2 {
position: relative;
margin-top: 2em;
padding: 0.25em;
}
figure.effect-steve h2:before {
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}
figure.effect-steve p {
margin-top: 1em;
padding: 0.5em;
font-weight: 800;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(0.9, 0.9, 1);
transform: scale3d(0.9, 0.9, 1);
}
figure.effect-steve:hover:before {
opacity: 1;
}
figure.effect-steve:hover img {
-webkit-transform: perspective(1000px) translate3d(0, 0, 21px);
transform: perspective(1000px) translate3d(0, 0, 21px);
}
figure.effect-steve:hover h2:before {
opacity: 0;
}
figure.effect-steve:hover p {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}   figure.effect-moses {
background: -webkit-linear-gradient(-45deg, #EC65B7 0%, #05E0D8 100%);
background: linear-gradient(-45deg, #EC65B7 0%, #05E0D8 100%);
}
figure.effect-moses img {
opacity: 0.85;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-moses h2,
figure.effect-moses p {
padding: 20px;
width: 50%;
height: 50%;
border: 2px solid #fff;
}
figure.effect-moses h2 {
padding: 20px;
width: 50%;
height: 50%;
text-align: left;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(10px, 10px, 0);
transform: translate3d(10px, 10px, 0);
}
figure.effect-moses p {
float: right;
padding: 20px;
text-align: right;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
figure.effect-moses:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-moses:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-moses:hover img {
opacity: 0.6;
}   figure.effect-jazz {
background: -webkit-linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%);
background: linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%);
}
figure.effect-jazz img {
opacity: 0.9;
}
figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-jazz figcaption::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
figure.effect-jazz h2,
figure.effect-jazz p {
opacity: 1;
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
}
figure.effect-jazz h2 {
padding-top: 26%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-jazz p {
padding: 0.5em 2em;
text-transform: none;
font-size: 0.85em;
opacity: 0;
}
figure.effect-jazz:hover img {
opacity: 0.7;
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
}
figure.effect-jazz:hover figcaption::after {
opacity: 1;
-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
}
figure.effect-jazz:hover h2,
figure.effect-jazz:hover p {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}   figure.effect-ming {
background: #030c17;
}
figure.effect-ming img {
opacity: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-ming figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 2px solid #fff;
box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2);
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.4, 1.4, 1);
transform: scale3d(1.4, 1.4, 1);
}
figure.effect-ming h2 {
margin: 20% 0 10px 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-ming p {
padding: 1em;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
figure.effect-ming:hover h2 {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
figure.effect-ming:hover figcaption {
background-color: rgba(58, 52, 42, 0);
}
figure.effect-ming:hover img {
opacity: 0.4;
}   figure.effect-lexi {
background: -webkit-linear-gradient(-45deg, #000 0%, #fff 100%);
background: linear-gradient(-45deg, #000 0%, #fff 100%);
}
figure.effect-lexi img {
margin: -10px 0 0 -10px;
max-width: none;
width: -webkit-calc(110%);
width: calc(100% + 10px);
opacity: 0.9;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(10px, 10px, 0);
transform: translate3d(10px, 10px, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.effect-lexi figcaption::before,
figure.effect-lexi p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-lexi figcaption::before {
position: absolute;
right: -100px;
bottom: -100px;
width: 300px;
height: 300px;
border: 2px solid #fff;
border-radius: 50%;
box-shadow: 0 0 0 900px rgba(255, 255, 255, 0.2);
content: '';
opacity: 0;
-webkit-transform: scale3d(0.5, 0.5, 1);
transform: scale3d(0.5, 0.5, 1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
figure.effect-lexi:hover img {
opacity: 0.6;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-lexi h2 {
text-align: left;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(5px, 5px, 0);
transform: translate3d(5px, 5px, 0);
}
figure.effect-lexi p {
position: absolute;
right: 0;
bottom: 0;
padding: 0 1.5em 1.5em 0;
width: 140px;
text-align: right;
opacity: 0;
-webkit-transform: translate3d(20px, 20px, 0);
transform: translate3d(20px, 20px, 0);
}
figure.effect-lexi:hover figcaption::before {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
figure.effect-lexi:hover h2,
figure.effect-lexi:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   figure.effect-duke {
background: -webkit-linear-gradient(-45deg, #34495e 0%, #cc6055 100%);
background: linear-gradient(-45deg, #34495e 0%, #cc6055 100%);
}
figure.effect-duke img,
figure.effect-duke p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-duke:hover img {
opacity: 0.1;
-webkit-transform: scale3d(2, 2, 1);
transform: scale3d(2, 2, 1);
}
figure.effect-duke h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
figure.effect-duke p {
position: absolute;
bottom: 0;
left: 0;
margin: 20px;
padding: 30px;
border: 2px solid #fff;
text-transform: none;
font-size: 90%;
opacity: 0;
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
-webkit-transform-origin: 50% -100%;
transform-origin: 50% -100%;
}
figure.effect-duke:hover h2,
figure.effect-duke:hover p {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
} @media screen and (max-width: 50em) {
.content {
padding: 0 10px;
text-align: center;
}
.grid figure {
display: inline-block;
float: none;
margin: 10px auto;
width: 100%;
}
}
.datepicker {
padding: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
direction: ltr;
}
.datepicker-inline {
width: 220px;
}
.datepicker.datepicker-rtl {
direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
float: right;
}
.datepicker-dropdown {
top: 0;
left: 0;
}
.datepicker-dropdown:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #999;
border-top: 0;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
}
.datepicker-dropdown:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-top: 0;
position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
bottom: -7px;
border-bottom: 0;
border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-top:after {
bottom: -6px;
border-bottom: 0;
border-top: 6px solid #fff;
}
.datepicker table {
margin: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.datepicker td,
.datepicker th {
text-align: center;
width: 20px;
height: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
background: #eee;
cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
color: #999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
background: none;
color: #999;
cursor: default;
}
.datepicker table tr td.highlighted {
background: #d9edf7;
border-radius: 0;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
background-color: #fbd8b2;
background-image: -moz-linear-gradient(to bottom, #fbcfb2, #fbe7b2);
background-image: -ms-linear-gradient(to bottom, #fbcfb2, #fbe7b2);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbcfb2), to(#fbe7b2));
background-image: -webkit-linear-gradient(to bottom, #fbcfb2, #fbe7b2);
background-image: -o-linear-gradient(to bottom, #fbcfb2, #fbe7b2);
background-image: linear-gradient(to bottom, #fbcfb2, #fbe7b2);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbcfb2', endColorstr='#fbe7b2', GradientType=0);
border-color: #fbe7b2 #fbe7b2 #f7d06a;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
background-color: #fbe7b2;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
background-color: #f8d882 \9;
}
.datepicker table tr td.today:hover:hover {
color: #000;
}
.datepicker table tr td.today.active:hover {
color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
background: #eee;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
background-color: #f1bf88;
background-image: -moz-linear-gradient(to bottom, #f1b188, #f1d388);
background-image: -ms-linear-gradient(to bottom, #f1b188, #f1d388);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1b188), to(#f1d388));
background-image: -webkit-linear-gradient(to bottom, #f1b188, #f1d388);
background-image: -o-linear-gradient(to bottom, #f1b188, #f1d388);
background-image: linear-gradient(to bottom, #f1b188, #f1d388);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1b188', endColorstr='#f1d388', GradientType=0);
border-color: #f1d388 #f1d388 #e8bb43;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
background-color: #f1d388;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
background-color: #ebc35a \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
background-color: #9e9e9e;
background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
background-image: linear-gradient(to bottom, #b3b3b3, #808080);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
border-color: #808080 #808080 #595959;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
background-color: #006dcc;
background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
background-image: linear-gradient(to bottom, #08c, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
background-color: #003399 \9;
}
.datepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
background: #eee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
background: none;
color: #999;
cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
background-color: #006dcc;
background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
background-image: linear-gradient(to bottom, #08c, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
color: #999;
}
.datepicker .datepicker-switch {
width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
background: #eee;
}
.datepicker .cw {
font-size: 10px;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
margin-top: 3px;
}
.input-daterange input {
text-align: center;
}
.input-daterange input:first-child {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
display: inline-block;
width: auto;
min-width: 16px;
height: 18px;
padding: 4px 5px;
font-weight: normal;
line-height: 18px;
text-align: center;
text-shadow: 0 1px 0 #fff;
vertical-align: middle;
background-color: #eee;
border: 1px solid #ccc;
margin-left: -5px;
margin-right: -5px;
}          .element-variation .items {
width: 50%;
float: left;
}
body {
font-family: 'Lato', sans-serif;
font-size: 14px;
line-height: 26px;
letter-spacing: 0.4px;
background-color: #f5f5f5;
}
a:hover {
text-decoration: none !important;
}
a:visited {
color: #424242;
}
.page-content,
.entry-content {
margin: 0;
} .search-form {
display: flex;
position: relative;
}
.search-form input[type="submit"] {
box-shadow: none;
text-shadow: none;
font-size: 14px;
margin-left: 5px;
}
.search-form input.search-field {
height: 40px;
width: 100%;
}
.search-form button.search-submit {
height: 38px;
position: absolute;
right: 0px;
background: transparent;
border: none;
box-shadow: none;
border-left: 0;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
text-shadow: none;
line-height: 24px;
}
.search-form input.search-field {
padding-left: 10px;
padding-right: 37px;
}
.search-form input.search-field:focus {
outline: none;
}
.search-form input.search-field::-webkit-input-placeholder { font-style: italic;
letter-spacing: 0.4px;
color: #b3b3b3;
font-weight: normal;
}
.search-form input.search-field::-moz-placeholder { font-style: italic;
letter-spacing: 0.4px;
color: #b3b3b3;
font-weight: normal;
}
.search-form input.search-field:-ms-input-placeholder { font-style: italic;
letter-spacing: 0.4px;
color: #b3b3b3;
font-weight: normal;
}
.search-form input.search-field:-moz-placeholder { font-style: italic;
letter-spacing: 0.4px;
color: #b3b3b3;
font-weight: normal;
} h1,
h2,
h3,
h4,
h5,
h6 {
letter-spacing: 0.4px;
color: #424242;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: #424242;
}
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited,
h1 a:active,
h2 a:active,
h3 a:active,
h4 a:active,
h5 a:active,
h6 a:active,
h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus,
h5 a:focus,
h6 a:focus {
color: #424242;
}
figure {
margin-bottom: 0 !important;
}
p {
margin: 0px;
}
h3.sectin-title {
font-size: 36px;
color: #424242;
} .valley-gallery {
position: relative;
}
.valley-gallery .owl-carousel-left,
.valley-gallery .owl-carousel-right {
position: absolute;
top: 46%;
width: 60px;
height: 50px;
background: rgba(243, 115, 33, 0.5);
color: white;
text-align: center;
font-size: 20px;
cursor: pointer;
text-shadow: none;
box-shadow: none;
border: none;
border-radius: 0px;
padding: 0;
}
.valley-gallery .owl-carousel-left:focus,
.valley-gallery .owl-carousel-right:focus {
outline: none;
}
.valley-gallery .owl-carousel-left {
left: 0;
}
.valley-gallery .owl-carousel-right {
right: 0;
} .st-ff-droid-serif {
font-family: 'Lato', sans-serif;
}
.st-ff-oxygen {
font-family: 'Open Sans', sans-serif;
}
.st-ff-open-sans {
font-family: 'Open Sans', sans-serif;
} .modal-backdrop.in {
z-index: 0;
}
.single-header-information .fade.in {
transition: all 0.5s ease;
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.18), #5696f1);
} .modal-backdrop.in {
display: none;
}
.booking-modal input {
margin-top: 5px;
}
.booking-modal h2 {
margin-top: 15px;
}
.booking-modal input,
.booking-modal textarea {
border: solid 1px rgba(243, 115, 33, 0.5);
transition: all 0.5s ease;
}
.booking-modal input:focus,
.booking-modal textarea:focus {
border: solid 1px #f37321;
}
.booking-modal .modal-dialog {
width: 70%;
}
@media (max-width: 768px) {
.booking-modal .modal-dialog {
width: 98%;
}
.booking-modal .modal-dialog .booking-row .col-md-12 {
width: 100%;
}
}
.booking-modal .modal-body-content {
padding: 10px 15px;
}
.booking-modal .modal-body-content .booking-row {
display: flex;
margin-bottom: 15px;
}
.booking-modal .modal-body-content .booking-row label {
width: 100%;
text-align: left;
font-weight: normal;
margin-bottom: 10px;
}
.booking-modal .modal-body-content .booking-row label input.wpcf7-form-control {
width: 100%;
padding: 5px 10px;
}
.booking-modal .modal-body-content .booking-row label input.wpcf7-form-control:focus {
outline: none;
}
.booking-modal .modal-body-content .booking-row textarea {
padding: 5px 10px;
}
.booking-modal .modal-body-content .booking-row textarea:focus {
outline: none;
}
.booking-modal .modal-body-content .booking-row input[type="submit"] {
background: white;
padding: 11px 30px;
display: inline-block;
border: solid 2px #67676b;
font-size: 14px;
transition: all 0.5s ease;
border-radius: 50px;
margin: 20px 0px;
box-shadow: none;
text-shadow: none;
}
.booking-modal .modal-body-content .booking-row input[type="submit"]:focus {
box-shadow: none;
outline: none;
}
.booking-modal .modal-body-content .booking-row input[type="submit"]:hover {
background: #f37321;
border-color: #f37321;
color: white;
}
.booking-modal .modal-footer button {
background: white;
padding: 8px 30px;
display: inline-block;
border: solid 2px #67676b;
font-size: 14px;
transition: all 0.5s ease;
border-radius: 50px;
box-shadow: none;
text-shadow: none;
}
.booking-modal .modal-footer button:focus {
box-shadow: none;
outline: none;
}
.booking-modal .modal-footer button:hover {
background: #f37321;
border-color: #f37321;
color: white;
} .carousel-bg {
background-position: 0px 5px !important;
} .shapeb {
position: relative;
}
.shapeb .shapeb1 {
position: absolute;
width: 100%;
height: 100%;
left: 0;
}
.shapeb .shapeb1 .shapeb11 {
position: absolute;
display: block;
width: 100%;
height: 100%;
}
.shapeb .shapeb1 .shapeb11:before {
content: '';
position: absolute;
width: 300px;
height: 300px;
background: rgba(255, 74, 82, 0.2);
border-radius: 50%;
left: -10%;
top: -17%;
}
.shapeb .shapeb1 .shapeb11:after {
content: '';
position: absolute;
width: 300px;
height: 300px;
background: rgba(0, 166, 255, 0.2);
border-radius: 50%;
top: -36%;
left: -2%;
}
.shapeb .shapeb1 .shapeb12 {
width: 50px;
height: 50px;
border: solid 10px rgba(36, 195, 88, 0.2);
position: absolute;
transform: rotate(20deg);
left: 10%;
bottom: 15%;
}
.shapeb .shapeb1 .shapeb13 {
position: absolute;
width: 100%;
height: 100%;
}
.shapeb .shapeb1 .shapeb13:before {
content: '';
width: 80px;
height: 80px;
border: solid 10px rgba(243, 115, 33, 0.3);
right: 13%;
top: 7%;
position: absolute;
border-radius: 50%;
}
.shapeb .shapeb1 .shapeb13:after {
content: '';
width: 60px;
height: 60px;
border: solid 10px rgba(36, 195, 88, 0.3);
right: 14.5%;
top: 13%;
position: absolute;
border-radius: 50%;
}
.shapeb .shapeb2 {
position: absolute;
width: 100%;
height: 100%;
right: 0;
bottom: 0;
}
.shapeb .shapeb2 .shapeb23 {
position: absolute;
display: block;
width: 100px;
height: 100px;
bottom: -9%;
right: -2%;
background-color: rgba(49, 27, 146, 0.8);
border-radius: 50%;
border: solid 1px rgba(49, 27, 146, 0.3);
animation: ripple 1s linear infinite;
}
@keyframes ripple {
0% {
box-shadow: 0 0 0 0 rgba(49, 27, 146, 0.3), 0 0 0 1em rgba(49, 27, 146, 0.3), 0 0 0 3em rgba(49, 27, 146, 0.3), 0 0 0 5em rgba(49, 27, 146, 0.3);
}
100% {
box-shadow: 0 0 0 1em rgba(49, 27, 146, 0.3), 0 0 0 3em rgba(49, 27, 146, 0.3), 0 0 0 5em rgba(49, 27, 146, 0.3), 0 0 0 8em rgba(49, 27, 146, 0);
}
}
.shapeb .shapeb2 .shapeb21 {
position: absolute;
width: 200px;
height: 200px;
border: solid 20px rgba(0, 166, 255, 0.1);
right: 0%;
bottom: -14%;
border-radius: 50%;
}
.shapeb .shapeb2 .shapeb22 {
position: absolute;
width: 200px;
height: 200px;
border: solid 20px rgba(36, 195, 88, 0.1);
right: -4%;
bottom: -4%;
border-radius: 50%;
} #valley-preloader {
position: fixed;
background: white;
width: 100%;
height: 100vh;
z-index: 1000;
left: 0;
}
.loader {
margin: 100px auto;
width: 40px;
height: 40px;
position: relative;
}
.stick1,
.stick2,
.stick3,
.stick4 {
background-color: #333;
width: 50px;
height: 3px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
-webkit-animation: sk-cubemove 1.8s infinite linear;
animation: sk-cubemove 1.8s infinite linear;
}
.stick1 {
background-color: #00a6ff;
}
.stick2 {
background-color: #24C358;
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.stick3 {
background-color: #FF4A52;
-webkit-animation-delay: -1.35s;
animation-delay: -1.35s;
}
.stick4 {
background-color: #311B92;
-webkit-animation-delay: -0.45s;
animation-delay: -0.45s;
}
@-webkit-keyframes sk-cubemove {
25% {
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.9);
}
50% {
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.9);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes sk-cubemove {
25% {
transform: translateX(42px) rotate(-90deg) scale(0.9);
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.9);
}
50% {
transform: translateX(42px) translateY(42px) rotate(-179deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
}
50.1% {
transform: translateX(42px) translateY(42px) rotate(-180deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.9);
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.9);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
} .valley-full-section-overlay {
position: relative;
}
.valley-full-section-overlay:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(243, 115, 33, 0.8);
display: block !important;
}
.valley-full-section-overlay-fixed {
position: relative;
background: fixed !important;
}
.valley-full-section-overlay-fixed:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(to right, rgba(0, 166, 255, 0.8), rgba(49, 27, 146, 0.5));
display: block !important;
}
.valley-full-section-overlay-black {
position: relative;
}
.valley-full-section-overlay-black:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
display: block !important;
}
.valley-full-section-overlay-black-fixed {
position: relative;
background: fixed !important;
}
.valley-full-section-overlay-black-fixed:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
display: block !important;
}
.dest-no-border .destination-list .content-wrapper {
border: none !important;
} .boxed-width {
width: 1170px;
position: relative;
margin: 0 auto;
box-shadow: 0px 0px 10px #e8e8e8;
overflow: hidden;
} .valley-container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.valley-container {
width: 750px;
margin: 0 auto !important;
}
}
@media (min-width: 992px) {
.valley-container {
width: 970px;
margin: 0 auto !important;
}
}
@media (min-width: 1200px) {
.valley-container {
width: 1170px;
margin: 0 auto !important;
}
} .visibility-hidden {
display: none;
}
.region-list .single-region:nth-child(1) {
animation-delay: 0.5s;
}
.region-list .single-region:nth-child(2) {
animation-delay: 0.55s;
}
.region-list .single-region:nth-child(4) {
animation-delay: 0.6s;
}
.region-list .single-region:nth-child(5) {
animation-delay: 0.65s;
}
.valley-section-header {
animation-delay: 0.2s;
}
.masonary-image-wrapper .grid .grid-item:nth-child(1) {
animation-delay: 0.5s;
}
.masonary-image-wrapper .grid .grid-item:nth-child(2) {
animation-delay: 0.55s;
}
.masonary-image-wrapper .grid .grid-item:nth-child(3) {
animation-delay: 0.6s;
}
.masonary-image-wrapper .grid .grid-item:nth-child(4) {
animation-delay: 0.65s;
}
.gallery-items-wrapper .col-md-4:nth-child(1) {
animation-delay: 0.3s;
}
.gallery-items-wrapper .col-md-4:nth-child(2) {
animation-delay: 0.33s;
}
.gallery-items-wrapper .col-md-4:nth-child(3) {
animation-delay: 0.34s;
}
.gallery-items-wrapper .col-md-4:nth-child(4) {
animation-delay: 0.35s;
}
.gallery-items-wrapper .col-md-4:nth-child(5) {
animation-delay: 0.36s;
}
.gallery-items-wrapper .col-md-4:nth-child(6) {
animation-delay: 0.37s;
}
.none {
transition-property: none !important;
transform: none !important;
animation: none !important;
} .widget ul {
margin: 0;
padding: 0;
}
.widget ul li {
list-style-type: none;
} .main-archive-page {
position: relative;
overflow: hidden;
}
.main-archive-page .site-branding {
z-index: 1;
}
.main-archive-page .archive-featured-image {
position: absolute;
}
.main-archive-page .archive-taxonomy-list {
position: relative;
z-index: 1;
}
.main-archive-page .archive-taxonomy-list .taxonomy-list {
margin: 100px 0px;
text-align: center;
}
.main-archive-page .archive-taxonomy-list .taxonomy-list .breadcrumb-link {
margin: 35px 0px 25px;
}
.main-archive-page .archive-taxonomy-list .taxonomy-list .single-taxonomy {
display: inline-block;
border: solid 1px white;
padding: 5px 10px;
margin-right: 5px;
border-radius: 20px;
color: white;
}
.archive-content .page-header {
margin: 0px;
padding-bottom: 40px;
}
.archive-content .no-results.not-found .page-header {
padding-bottom: 20px;
}
.archive-content .no-results.not-found .page-content {
padding: 20px 0px;
} .archive-main-content {
margin-top: 56px;
}
.archive-main-content .archive-grid .featured-image {
margin: 15px 0px 30px;
}
.archive-main-content .archive-grid .featured-image img {
border-radius: 7px;
} .archive-content,
.adventure-archive-content,
.destination-archive-content {
margin: 0;
padding: 0;
margin-top: 50px;
margin-bottom: 50px;
}
@media (max-width: 991px) {
.archive-content,
.adventure-archive-content,
.destination-archive-content {
padding: 0px 15px;
}
}
.archive-content .single-archive-content > article,
.adventure-archive-content .single-archive-content > article,
.destination-archive-content .single-archive-content > article {
padding: 20px;
box-shadow: 0px 1px 10px rgba(103, 103, 107, 0.1);
margin-bottom: 30px;
background: white;
transition: all 0.4s ease;
border-radius: 4px;
}
.archive-content .single-archive-content > article:hover,
.adventure-archive-content .single-archive-content > article:hover,
.destination-archive-content .single-archive-content > article:hover {
box-shadow: 0px 3px 30px rgba(103, 103, 107, 0.3);
}
.archive-content .single-archive-content article.card img,
.adventure-archive-content .single-archive-content article.card img,
.destination-archive-content .single-archive-content article.card img {
border-radius: 4px;
}
.archive-content .single-archive-content .content-info,
.adventure-archive-content .single-archive-content .content-info,
.destination-archive-content .single-archive-content .content-info {
height: auto;
color: #424242;
margin-top: 10px;
}
.archive-content .single-archive-content .content-info h3,
.adventure-archive-content .single-archive-content .content-info h3,
.destination-archive-content .single-archive-content .content-info h3 {
font-size: 24px;
text-transform: capitalize;
margin-bottom: 7px;
}
.archive-content .single-archive-content .content-info p,
.adventure-archive-content .single-archive-content .content-info p,
.destination-archive-content .single-archive-content .content-info p {
margin: 0px 0px 7px;
}
.archive-content .single-archive-content .content-info .single-taxonomy-name,
.adventure-archive-content .single-archive-content .content-info .single-taxonomy-name,
.destination-archive-content .single-archive-content .content-info .single-taxonomy-name {
font-size: 12px;
margin-right: 6px;
letter-spacing: 1px;
}
.archive-content .single-archive-content .content-info a,
.adventure-archive-content .single-archive-content .content-info a,
.destination-archive-content .single-archive-content .content-info a {
transition: all 0.5s ease;
}
.archive-content .single-archive-content .content-info a h3,
.adventure-archive-content .single-archive-content .content-info a h3,
.destination-archive-content .single-archive-content .content-info a h3 {
display: inline-block;
transition: all 0.5s ease;
}
.archive-content .single-archive-content .content-info a:hover,
.adventure-archive-content .single-archive-content .content-info a:hover,
.destination-archive-content .single-archive-content .content-info a:hover {
color: #f37321;
}
.archive-content .single-archive-content .content-info a:hover h3,
.adventure-archive-content .single-archive-content .content-info a:hover h3,
.destination-archive-content .single-archive-content .content-info a:hover h3 {
color: #f37321;
}
.archive-content .single-archive-content .content-info .book-now a,
.adventure-archive-content .single-archive-content .content-info .book-now a,
.destination-archive-content .single-archive-content .content-info .book-now a {
display: inline-block;
padding: 8px 23px;
margin-top: 10px;
}
.archive-content .single-archive-content .content-info .book-now a span:last-child,
.adventure-archive-content .single-archive-content .content-info .book-now a span:last-child,
.destination-archive-content .single-archive-content .content-info .book-now a span:last-child {
font-weight: bold;
letter-spacing: 0.6px;
}
.destination-archive .valley_pagination,
.adventure-archive .valley_pagination {
margin: 0;
padding: 30px 0px;
}
.adventure-archive-content .adventure-thumb figure:before {
width: 100%;
height: 100%;
content: '';
position: absolute;
top: 0;
left: 0;
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.18) 60%, rgba(74, 63, 173, 0.79));
z-index: 1;
}
.adventure-archive-content .adventure-thumb figure figcaption.adv-content-wrapper {
color: white;
z-index: 2;
}
.adventure-archive-content .adventure-thumb figure figcaption.adv-content-wrapper h3 {
color: white;
}
.destination-archive-content .destination-thumb figure:before {
width: 100%;
height: 100%;
content: '';
position: absolute;
top: 0;
left: 0;
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.18) 60%, rgba(74, 63, 173, 0.79));
z-index: 1;
}
.destination-archive-content .destination-thumb figure figcaption.dest-content-wrapper {
color: white;
z-index: 2;
}
.destination-archive-content .destination-thumb figure figcaption.dest-content-wrapper h3 {
color: white;
} .dest-result-wrapper .search-archive-content {
padding: 20px;
box-shadow: 0px 1px 10px rgba(103, 103, 107, 0.1);
background: white;
transition: all 0.4s ease;
}
.dest-result-wrapper .search-archive-content:hover {
box-shadow: 0px 3px 30px rgba(103, 103, 107, 0.3);
}
.boxed-width .main-blog {
padding: 0 30px;
}
.boxed-width .destination-archive {
padding: 0 30px;
}
.boxed-width .single-destination {
padding: 0 30px;
}
.boxed-width .adventure-archive {
padding: 0 30px;
}
.boxed-width .single-adventure {
padding: 0 30px;
}
.boxed-width .site-info {
padding: 0 30px;
}
.boxed-width .copyright {
padding: 0 30px;
}
.boxed-width .gallery-items {
padding: 0 30px 0 0px;
margin: 0 0px 0 -20px;
}
.boxed-width .gallery-items .col-md-12 {
padding: 0;
}
.boxed-width .single-blog-post {
padding: 0 30px;
}
.boxed-width .wooshop_woo_pages {
padding: 0 30px;
}
.boxed-width .archive-content {
padding: 0 30px;
}
.boxed-width .shop-page-wrapper {
padding: 0 30px 0 15px;
}
.main-blog {
margin-top: 100px;
}
.main-blog article.post,
.main-blog article.page {
margin: 0px 0px 70px;
}
article.post .thumb-img,
article.page .thumb-img {
overflow: hidden;
position: relative;
}
article.post .thumb-img:hover img,
article.page .thumb-img:hover img {
-webkit-transform: scale(1.3, 1.3) rotate(7deg);
-moz-transform: scale(1.3, 1.3) rotate(7deg);
transform: scale(1.3, 1.3) rotate(7deg);
}
article.post .thumb-img:hover .post-cat-wrapper,
article.page .thumb-img:hover .post-cat-wrapper {
bottom: 0px;
}
article.post .thumb-img .sticky-post,
article.page .thumb-img .sticky-post {
margin: 0;
position: absolute;
top: 0px;
right: 0px;
width: 0px;
height: 0px;
z-index: 5;
border-top: 80px solid #f37321;
border-left: 80px solid transparent;
}
article.post .thumb-img .sticky-post span,
article.page .thumb-img .sticky-post span {
position: absolute;
left: -37px;
top: -65px;
color: white;
}
article.post .thumb-img .sticky-post span i,
article.page .thumb-img .sticky-post span i {
font-size: 20px;
}
article.post .thumb-img img,
article.page .thumb-img img {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
article.post .thumb-img .post-cat-wrapper,
article.page .thumb-img .post-cat-wrapper {
position: absolute;
bottom: -54px;
width: 100%;
padding: 15px 20px;
background: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
article.post .thumb-img .post-cat-wrapper .post-cat a.cat-link,
article.page .thumb-img .post-cat-wrapper .post-cat a.cat-link {
font-family: 'Lato', sans-serif;
font-size: 14px;
color: white;
text-transform: capitalize;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
article.post .thumb-img .post-cat-wrapper .post-cat a.cat-link:hover,
article.page .thumb-img .post-cat-wrapper .post-cat a.cat-link:hover {
text-decoration: none;
color: #f37321;
}
article.post .single-thumn-img,
article.page .single-thumn-img {
overflow: hidden;
position: relative;
}
article.post .single-thumn-img:hover .post-cat-wrapper,
article.page .single-thumn-img:hover .post-cat-wrapper {
bottom: 0px;
}
article.post .single-thumn-img .sticky-post,
article.page .single-thumn-img .sticky-post {
margin: 0;
position: absolute;
top: 0px;
right: 0px;
width: 0px;
height: 0px;
z-index: 5;
border-top: 80px solid #f37321;
border-left: 80px solid transparent;
}
article.post .single-thumn-img .sticky-post span,
article.page .single-thumn-img .sticky-post span {
position: absolute;
left: -37px;
top: -65px;
color: white;
}
article.post .single-thumn-img .sticky-post span i,
article.page .single-thumn-img .sticky-post span i {
font-size: 20px;
}
article.post .single-thumn-img img,
article.page .single-thumn-img img {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
article.post .single-thumn-img .post-cat-wrapper,
article.page .single-thumn-img .post-cat-wrapper {
position: absolute;
bottom: -54px;
width: 100%;
padding: 15px 20px;
background: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
article.post .single-thumn-img .post-cat-wrapper .post-cat a.cat-link,
article.page .single-thumn-img .post-cat-wrapper .post-cat a.cat-link {
font-family: 'Lato', sans-serif;
font-size: 14px;
color: white;
text-transform: capitalize;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
article.post .single-thumn-img .post-cat-wrapper .post-cat a.cat-link:hover,
article.page .single-thumn-img .post-cat-wrapper .post-cat a.cat-link:hover {
text-decoration: none;
color: #f37321;
}
article.post .content-excerpt,
article.page .content-excerpt {
margin-top: 20px;
}
article.post ul,
article.page ul {
margin: 0;
padding: 0;
margin-left: 15px;
}
article.post ul li ul,
article.page ul li ul {
margin-left: 35px;
}
article.post ul li ul li ul,
article.page ul li ul li ul {
margin-left: 35px;
}
article.post ol,
article.page ol {
margin: 0;
padding: 0;
margin-left: 15px;
}
article.post ol li ol,
article.page ol li ol {
margin-left: 35px;
}
article.post ol li ol li ol,
article.page ol li ol li ol {
margin-left: 35px;
}
article.post table tr,
article.page table tr,
article.post table th,
article.page table th,
article.post table td,
article.page table td {
border: solid 1px #67676b;
text-align: center;
padding: 5px 0px;
}
article.post table tr a,
article.page table tr a,
article.post table th a,
article.page table th a,
article.post table td a,
article.page table td a {
color: #424242;
transition: all 0.5s ease;
}
article.post table tr a:hover,
article.page table tr a:hover,
article.post table th a:hover,
article.page table th a:hover,
article.post table td a:hover,
article.page table td a:hover {
color: #f37321;
}
article.post blockquote,
article.page blockquote {
border-left-color: #f37321;
line-height: 30px;
}
article.post h1,
article.page h1,
article.post h2,
article.page h2,
article.post h3,
article.page h3,
article.post h4,
article.page h4,
article.post h5,
article.page h5,
article.post h6,
article.page h6 {
margin-bottom: 20px;
}
article.post h2,
article.page h2 {
margin-bottom: 8px;
}
article.post pre,
article.page pre {
border-color: #67676b;
}
article.post time,
article.page time {
color: #f37321;
}
article.post h2 a,
article.page h2 a {
color: #424242;
transition: all 0.5s ease;
}
article.post h2 a:hover,
article.page h2 a:hover {
color: #f37321;
}
article.post h2 a:focus,
article.page h2 a:focus {
outline: none;
text-decoration: none;
}
article.post .entry-footer,
article.page .entry-footer {
margin: 25px 0px;
}
article.post .entry-meta,
article.page .entry-meta {
color: #67676b;
}
article.post .entry-meta time,
article.page .entry-meta time {
color: #424242;
}
article.post .entry-meta .fa,
article.page .entry-meta .fa {
color: #717375;
}
article.post .entry-meta a,
article.page .entry-meta a {
color: #67676b;
}
article.post .edit-link a.post-edit-link,
article.page .edit-link a.post-edit-link {
font-weight: bold;
display: inline-block;
padding: 1px 10px;
margin: 5px 0px 5px;
transition: all 0.5s ease;
}
article.post .edit-link a.post-edit-link:hover,
article.page .edit-link a.post-edit-link:hover {
color: #f37321;
border-color: #f37321;
}
article.post a,
article.page a {
color: #424242;
}
article.post a:hover,
article.page a:hover {
color: #f37321;
}
article.post .thumb-img,
article.page .thumb-img,
article.post .single-thumn-img,
article.page .single-thumn-img {
margin-bottom: 35px;
}
article.post .separator,
article.page .separator {
margin: 0px 7px;
}
article.post .post-read-more,
article.page .post-read-more {
display: inline-block;
margin: 27px 0px 0px;
text-transform: uppercase;
font-weight: bold;
}
.post-password-required p {
display: flex;
}
.post-password-required input[type="submit"] {
box-shadow: none;
text-shadow: none;
font-size: 14px;
margin-left: 10px;
background: #f37321;
color: white;
line-height: 1px;
}
.post-password-required input[type="submit"]:focus {
outline: none;
}
.post-password-required input[name="post_password"],
.post-password-required input[type="submit"] {
height: 40px;
}
.post-password-required input[name="post_password"] {
margin-left: 5px;
padding-left: 10px;
}
.post-password-required input[name="post_password"]:focus {
outline: none;
}
.post-password-required input[name="post_password"]::-webkit-input-placeholder { font-style: italic;
letter-spacing: 0.4px;
color: #eee;
}
.post-password-required input[name="post_password"]::-moz-placeholder { font-style: italic;
letter-spacing: 0.4px;
color: #eee;
}
.post-password-required input[name="post_password"]:-ms-input-placeholder { font-style: italic;
letter-spacing: 0.4px;
color: #eee;
}
.post-password-required input[name="post_password"]:-moz-placeholder { font-style: italic;
letter-spacing: 0.4px;
color: #eee;
}
.format-gallery .gallery {
position: relative;
}
.format-gallery .gallery .owl-carousel-left,
.format-gallery .gallery .owl-carousel-right {
position: absolute;
top: 50%;
width: 60px;
height: 50px;
background: rgba(0, 0, 0, 0.5);
color: white;
line-height: 50px;
text-align: center;
font-size: 20px;
cursor: pointer;
}
.format-gallery .gallery .owl-carousel-left {
left: 0;
}
.format-gallery .gallery .owl-carousel-right {
right: 0;
}
.format-gallery .gallery .gallery-item {
position: relative;
text-align: center;
}
.format-gallery .gallery .gallery-item figcaption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 25px 0px;
background: linear-gradient(-180deg, rgba(37, 53, 73, 0), #5696f1);
color: white;
}
.format-image figure.wp-caption {
position: relative;
text-align: center;
}
.format-image figure.wp-caption figcaption.wp-caption-text {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 25px 35px;
background: linear-gradient(-180deg, rgba(37, 53, 73, 0), #5696f1);
color: white;
margin: 0;
}
.format-link .link-excerpt-wrapper {
background: #f37321;
text-align: center;
padding: 35px;
color: white;
}
.format-link .link-excerpt-wrapper .link-icon i {
font-size: 35px;
}
.format-link .link-excerpt-wrapper a {
color: white;
transition: all 0.5s ease;
}
.format-link .link-excerpt-wrapper a:hover {
color: white;
}
.format-quote .quote-excerpt-wrapper .quote-icon {
background: #f37321;
text-align: center;
font-size: 35px;
margin-bottom: 20px;
padding: 35px;
color: white;
}
.site-main .posts-navigation {
margin: 100px 0px;
} .post-navigation-link {
padding: 0px 15px;
}
.post-navigation-link .left a,
.post-navigation-link .right a {
background: white;
padding: 5px 15px;
border: none;
border-radius: 5px;
transition: all 0.5s ease;
box-shadow: 0px 1px 10px rgba(103, 103, 107, 0.1);
font-weight: bold;
color: #424242;
display: inline-block;
font-size: 14px;
}
.post-navigation-link .left a:hover,
.post-navigation-link .right a:hover {
box-shadow: 0px 3px 30px rgba(103, 103, 107, 0.3);
transform: translateY(-5px);
} .valley_pagination {
margin: 100px 0px;
}
.valley_pagination ul {
margin: 0;
padding: 0;
}
.valley_pagination ul li {
list-style-type: none;
display: inline-block;
margin-right: 5px;
transition: all 0.5s ease;
}
.valley_pagination ul li a {
display: inline-block;
padding: 5px 15px;
border: solid 2px #67676b;
border-radius: 7px;
color: #424242;
font-weight: bold;
}
.valley_pagination ul li a i {
font-weight: bold;
}
.valley_pagination ul li a:focus {
color: #424242;
outline: none;
text-decoration: none;
}
.valley_pagination ul li:hover a {
color: #f37321;
border-color: #f37321;
}
.valley_pagination ul li.active a {
color: #f37321;
border-color: #f37321;
} .single-blog-post {
margin-top: 100px;
}
.single-blog-post .single-content .entry-meta {
margin-bottom: 10px;
}
.single-blog-post .single-content .post-navigation-link {
font-weight: bold;
font-size: 16px;
margin: 0px 0px 35px;
font-family: 'Open Sans', sans-serif;
}
.single-blog-post .single-content .post-navigation-link .col-md-6 {
padding: 0;
}
.single-blog-post .single-content .post-navigation-link .col-md-6 a {
transition: all 0.5s ease;
font-family: 'Open Sans', sans-serif;
}
.single-blog-post .single-content .post-navigation-link .col-md-6 a:hover {
color: #f37321;
}
.single-blog-post .single-content .post-navigation-link i {
font-size: 20px;
}
.single-blog-post .single-content .post-navigation-link .fa-angle-left {
margin-right: 5px;
}
.single-blog-post .single-content .post-navigation-link .fa-angle-right {
margin-left: 5px;
}
@media (min-width: 991px) {
.single-blog-post .single-content .post-navigation-link .right {
text-align: right;
}
}
.single-blog-post .navigation.post-navigation {
margin: 35px 0px;
}
.single-blog-post form .form-submit input[type="submit"] {
text-shadow: none;
font-size: 15px;
}
.single-blog-post form .form-submit input[type="submit"]:hover {
box-shadow: none;
}
.single-blog-post form .logged-in-as {
font-weight: bold;
margin-bottom: 25px;
}
.single-blog-post form .logged-in-as a {
color: #424242;
}
.single-blog-post .comment-form-comment textarea {
border: solid 1px rgba(103, 103, 107, 0.2);
padding: 10px;
box-shadow: none;
}
.single-blog-post .comment-form-comment textarea:focus {
box-shadow: none;
outline: none;
}
.single-blog-post .commentor-info .form-group input {
box-shadow: none;
border: solid 1px rgba(103, 103, 107, 0.2);
padding-left: 10px;
}
.single-blog-post .commentor-info .form-group input:focus {
box-shadow: none;
outline: none;
}
.post-navigation-link {
font-weight: bold;
font-size: 16px;
margin: 50px 0px 50px;
font-family: 'Open Sans', sans-serif;
}
.post-navigation-link .col-md-6 {
padding: 0;
}
.post-navigation-link .col-md-6 a {
transition: all 0.5s ease;
font-family: 'Open Sans', sans-serif;
}
.post-navigation-link .col-md-6 a:hover {
color: #f37321;
}
.post-navigation-link i {
font-size: 20px;
}
.post-navigation-link .fa-angle-left {
margin-right: 5px;
}
.post-navigation-link .fa-angle-right {
margin-left: 5px;
}
@media (min-width: 991px) {
.post-navigation-link .right {
text-align: right;
float: right;
}
}
#comments .comments-title {
margin: 50px 0px;
}
#comments > ol {
list-style-type: none;
}
#comments ol.comment-list {
margin: 0;
padding: 0;
}
#comments ol.comment-list li.comment {
margin-bottom: 30px;
margin-left: 15px;
list-style-type: none;
}
#comments ol.comment-list li.comment .children {
margin-top: 30px;
}
#comments .comment ul {
margin: 0;
padding: 0;
margin-left: 15px;
}
#comments .comment ul li ul {
margin-left: 35px;
}
@media (max-width: 768px) {
#comments .comment ul li ul {
margin-left: 10px;
}
}
#comments .comment ul li ul li ul {
margin-left: 35px;
}
@media (max-width: 768px) {
#comments .comment ul li ul li ul {
margin-left: 10px;
}
}
#comments .comment ol {
margin: 0;
padding: 0;
margin-left: 15px;
}
#comments .comment ol li ol {
margin-left: 35px;
}
@media (max-width: 768px) {
#comments .comment ol li ol {
margin-left: 10px;
}
}
#comments .comment ol li ol li ol {
margin-left: 35px;
}
@media (max-width: 768px) {
#comments .comment ol li ol li ol {
margin-left: 10px;
}
}
#comments .comment table tr,
#comments .comment table th,
#comments .comment table td {
border: solid 1px #67676b;
text-align: center;
padding: 5px 0px;
}
#comments .comment table tr a,
#comments .comment table th a,
#comments .comment table td a {
color: #424242;
transition: all 0.5s ease;
}
#comments .comment table tr a:hover,
#comments .comment table th a:hover,
#comments .comment table td a:hover {
color: #f37321;
}
#comments .comment blockquote {
border-left-color: #f37321;
line-height: 30px;
}
#comments .comment h1,
#comments .comment h2,
#comments .comment h3,
#comments .comment h4,
#comments .comment h5,
#comments .comment h6 {
margin-bottom: 20px;
}
#comments .comment h2 {
margin-bottom: 8px;
}
#comments .comment pre {
border-color: #67676b;
}
#comments .comment time {
color: #f37321;
}
#comments .comment pre {
border-color: #f37321;
}
#comments .comment h2 a {
color: #424242;
transition: all 0.5s ease;
}
#comments .comment h2 a:hover {
color: #f37321;
}
#comments .comment h2 a:focus {
outline: none;
text-decoration: none;
}
#comments .comment .entry-footer {
margin: 25px 0px;
}
#comments .comment .entry-meta {
color: #67676b;
}
#comments .comment .entry-meta time {
color: #424242;
}
#comments .comment .entry-meta .fa {
color: #717375;
}
#comments .comment .entry-meta a {
color: #67676b;
}
#comments .comment .edit-link a.post-edit-link {
font-weight: bold;
display: inline-block;
padding: 1px 10px;
margin: 5px 0px 5px;
transition: all 0.5s ease;
}
#comments .comment .edit-link a.post-edit-link:hover {
color: #f37321;
border-color: #f37321;
}
#comments .comment a {
color: #424242;
}
#comments .comment a:hover {
color: #f37321;
}
#comments .comment .thumb-img,
#comments .comment .single-thumn-img {
margin-bottom: 35px;
}
#comments .comment .separator {
margin: 0px 7px;
}
#comments .comment .reply a {
color: #424242;
transition: all 0.5s ease;
font-weight: bold;
border: solid 1px #f37321;
display: inline-block;
border-radius: 50px;
padding: 2px 14px;
font-size: 12px;
}
#comments .comment .reply a:hover {
background: #f37321;
color: white;
}
#comments .comment .comment-author img.avatar {
border-radius: 50px;
border: solid 2px rgba(243, 115, 33, 0.5);
margin-right: 5px;
}
#comments .comment-respond input.form-control,
#comments .comment-respond textarea {
border-color: rgba(243, 115, 33, 0.5);
background: transparent;
transition: all 0.5s ease;
}
#comments .comment-respond input.form-control:focus,
#comments .comment-respond textarea:focus {
border-color: #f37321;
}
#comments .comment-respond .form-submit input[type="submit"] {
text-shadow: none;
border-color: #f37321;
} .testimonial-list {
text-align: center;
}
.testimonial-list .testimonial-list-wrapper {
position: relative;
}
.testimonial-list .testimonial-list-wrapper .owl-carousel-left,
.testimonial-list .testimonial-list-wrapper .owl-carousel-right {
position: absolute;
top: 46%;
width: 60px;
height: 50px;
background: rgba(243, 115, 33, 0.5);
color: white;
text-align: center;
font-size: 20px;
cursor: pointer;
text-shadow: none;
box-shadow: none;
border: none;
border-radius: 0px;
padding: 0;
}
.testimonial-list .testimonial-list-wrapper .owl-carousel-left:focus,
.testimonial-list .testimonial-list-wrapper .owl-carousel-right:focus {
outline: none;
}
.testimonial-list .testimonial-list-wrapper .owl-carousel-left {
left: 0;
}
.testimonial-list .testimonial-list-wrapper .owl-carousel-right {
right: 0;
}
.testimonial-list .content-wrapper .thumbnail-wrapper {
width: 83px;
height: 82px;
margin: 0 auto 25px;
}
.testimonial-list .content-wrapper .thumbnail-wrapper img {
border-radius: 7px;
}
.testimonial-list .content-wrapper .speech-wrapper {
width: 80%;
margin: 0 auto 30px;
font-size: 16px;
color: #616161;
}
@media (max-width: 768px) {
.testimonial-list .content-wrapper .speech-wrapper {
width: 95%;
margin: 0 auto;
}
}
.testimonial-list .content-wrapper .speech-wrapper img {
border-radius: 2px;
}
.testimonial-list .content-wrapper .testimonial-content-wrapper h5 {
margin-bottom: 0px;
font-size: 16px;
}
.testimonial-list .content-wrapper .testimonial-content-wrapper .author-designation {
color: #9e9e9e;
font-size: 14px;
}
.testimonial-list .owl-nav .owl-carousel-left {
left: -45px;
}
.testimonial-list .owl-nav .owl-carousel-right {
right: -45px;
}
.testimonial-list .owl-nav .owl-carousel-left,
.testimonial-list .owl-nav .owl-carousel-right {
width: 40px;
height: 40px;
border-radius: 2px;
line-height: 38px;
}
.testimonial-list.testimonial-v1 {
text-align: center;
}
.testimonial-list.testimonial-v1 .testimonial-wrapper {
position: relative;
}
.testimonial-list.testimonial-v1 .testimonial-wrapper .owl-carousel-left,
.testimonial-list.testimonial-v1 .testimonial-wrapper .owl-carousel-right {
position: absolute;
top: 46%;
width: 60px;
height: 50px;
background: rgba(243, 115, 33, 0.5);
color: white;
text-align: center;
font-size: 20px;
cursor: pointer;
text-shadow: none;
box-shadow: none;
border: none;
border-radius: 0px;
padding: 0;
}
.testimonial-list.testimonial-v1 .testimonial-wrapper .owl-carousel-left:focus,
.testimonial-list.testimonial-v1 .testimonial-wrapper .owl-carousel-right:focus {
outline: none;
}
.testimonial-list.testimonial-v1 .testimonial-wrapper .owl-carousel-left {
left: 0;
}
.testimonial-list.testimonial-v1 .testimonial-wrapper .owl-carousel-right {
right: 0;
}
.testimonial-list.testimonial-v1 .content-wrapper .thumbnail-wrapper {
width: 83px;
height: 82px;
margin: 0 auto 25px;
}
.testimonial-list.testimonial-v1 .content-wrapper .thumbnail-wrapper img {
border-radius: 7px;
}
.testimonial-list.testimonial-v1 .content-wrapper .speech-wrapper {
width: 80%;
margin: 0 auto 30px;
font-size: 16px;
color: #616161;
}
@media (max-width: 768px) {
.testimonial-list.testimonial-v1 .content-wrapper .speech-wrapper {
width: 95%;
margin: 0 auto;
}
}
.testimonial-list.testimonial-v1 .content-wrapper .speech-wrapper img {
border-radius: 2px;
}
.testimonial-list.testimonial-v1 .content-wrapper .testimonial-content-wrapper h5 {
margin-bottom: 0px;
font-size: 16px;
}
.testimonial-list.testimonial-v1 .content-wrapper .testimonial-content-wrapper .author-designation {
color: #9e9e9e;
font-size: 14px;
}
.testimonial-list.testimonial-v1 .owl-nav .owl-carousel-left {
left: -45px;
}
.testimonial-list.testimonial-v1 .owl-nav .owl-carousel-right {
right: -45px;
}
.testimonial-list.testimonial-v1 .owl-nav .owl-carousel-left,
.testimonial-list.testimonial-v1 .owl-nav .owl-carousel-right {
width: 40px;
height: 40px;
border-radius: 2px;
line-height: 38px;
}
.testimonial-list.testimonial-v1 .owl-dots {
position: absolute;
top: 45%;
left: 34%;
}
.testimonial-list.testimonial-v1 .owl-dots .owl-dot {
display: inline-block;
width: 14px;
height: 14px;
border-radius: 50%;
margin: 0px 3px;
border: solid 1px #616161;
transition: all 0.5s ease;
cursor: pointer;
}
.testimonial-list.testimonial-v1 .owl-dots .owl-dot.active {
background: #00a6ff;
border: solid 1px #00a6ff;
}
.testimonial-list.testimonial-v2 {
text-align: left;
}
.testimonial-list.testimonial-v2 .testimonial-wrapper {
position: relative;
}
.testimonial-list.testimonial-v2 .testimonial-wrapper .owl-carousel-left,
.testimonial-list.testimonial-v2 .testimonial-wrapper .owl-carousel-right {
position: absolute;
top: 46%;
width: 60px;
height: 50px;
background: rgba(243, 115, 33, 0.5);
color: white;
text-align: center;
font-size: 20px;
cursor: pointer;
text-shadow: none;
box-shadow: none;
border: none;
border-radius: 0px;
}
.testimonial-list.testimonial-v2 .testimonial-wrapper .owl-carousel-left:focus,
.testimonial-list.testimonial-v2 .testimonial-wrapper .owl-carousel-right:focus {
outline: none;
}
.testimonial-list.testimonial-v2 .testimonial-wrapper .owl-carousel-left {
left: 0;
}
.testimonial-list.testimonial-v2 .testimonial-wrapper .owl-carousel-right {
right: 0;
}
.testimonial-list.testimonial-v2 .content-wrapper .thumbnail-wrapper {
width: 100%;
height: auto;
margin: 0 auto 25px;
}
.testimonial-list.testimonial-v2 .content-wrapper .thumbnail-wrapper img {
border-radius: 7px;
}
.testimonial-list.testimonial-v2 .content-wrapper .speech-wrapper {
width: 100%;
margin: 0 auto 30px;
font-size: 16px;
color: #616161;
}
@media (max-width: 768px) {
.testimonial-list.testimonial-v2 .content-wrapper .speech-wrapper {
width: 95%;
margin: 0 auto;
}
}
.testimonial-list.testimonial-v2 .content-wrapper .speech-wrapper img {
border-radius: 2px;
}
.testimonial-list.testimonial-v2 .content-wrapper .testimonial-content-wrapper h5 {
margin-bottom: 0px;
font-size: 16px;
}
.testimonial-list.testimonial-v2 .content-wrapper .testimonial-content-wrapper .author-designation {
color: #9e9e9e;
font-size: 14px;
}
.testimonial-list.testimonial-v2 .owl-nav .owl-carousel-left {
left: -45px;
}
.testimonial-list.testimonial-v2 .owl-nav .owl-carousel-right {
right: -45px;
}
.testimonial-list.testimonial-v2 .owl-nav .owl-carousel-left,
.testimonial-list.testimonial-v2 .owl-nav .owl-carousel-right {
width: 40px;
height: 40px;
border-radius: 2px;
line-height: 38px;
}
.testimonial-list.testimonial-v2 .owl-dots {
position: absolute;
top: 45%;
left: 34%;
}
.testimonial-list.testimonial-v2 .owl-dots .owl-dot {
display: inline-block;
width: 14px;
height: 14px;
border-radius: 50%;
margin: 0px 3px;
border: solid 1px #616161;
transition: all 0.5s ease;
cursor: pointer;
}
.testimonial-list.testimonial-v2 .owl-dots .owl-dot.active {
background: #00a6ff;
border: solid 1px #00a6ff;
}
@media (max-width: 768px) {
.testimonial-list .owl-nav .owl-carousel-left {
left: 45px;
}
.testimonial-list .owl-nav .owl-carousel-right {
right: 45px;
}
.testimonial-list.testimonial-v1 .owl-nav {
display: none;
}
.testimonial-list.testimonial-v2 .owl-nav {
display: none;
}
}
.archive .valley-sidebar {
margin-top: 50px;
}
.valley-sidebar .widget {
margin-bottom: 30px;
padding: 0px 25px;
border: solid 1px rgba(103, 103, 107, 0.2);
padding-bottom: 25px;
border-radius: 7px;
}
.valley-sidebar .widget .widget-title {
font-size: 20px;
position: relative;
margin-bottom: 35px;
margin-top: 35px;
}
.valley-sidebar .widget .widget-title:after {
content: '';
width: 50px;
height: 2px;
background: rgba(103, 103, 107, 0.2);
display: block;
margin: 15px 0px 20px;
}
.valley-sidebar .widget .search-form {
margin: 30px 0px 0px;
}
.valley-sidebar .widget .search-form input[type="search"]::-webkit-input-placeholder { font-style: italic;
letter-spacing: 0.4px;
color: #b3b3b3;
font-weight: normal;
}
.valley-sidebar .widget .search-form input[type="search"]::-moz-placeholder { font-style: italic;
letter-spacing: 0.4px;
color: #b3b3b3;
font-weight: normal;
}
.valley-sidebar .widget .search-form input[type="search"]:-ms-input-placeholder { font-style: italic;
letter-spacing: 0.4px;
color: #b3b3b3;
font-weight: normal;
}
.valley-sidebar .widget .search-form input[type="search"]:-moz-placeholder { font-style: italic;
letter-spacing: 0.4px;
color: #b3b3b3;
font-weight: normal;
}
.widget_blogpost .post-wrapper {
display: flex;
border-bottom: solid 1px rgba(103, 103, 107, 0.2);
padding: 15px 0px;
}
.widget_blogpost .post-wrapper:nth-child(2) {
padding-top: 0px;
}
.widget_blogpost .post-wrapper:last-child {
border-bottom: 0px;
}
.widget_blogpost .post-wrapper .title-time {
margin-left: 15px;
}
.widget_blogpost .post-wrapper .title-time h4 {
margin-bottom: 3px;
}
.widget_blogpost .post-wrapper .title-time h4 a {
transition: all 0.5s ease;
}
.widget_blogpost .post-wrapper .title-time h4 a:hover {
color: #f37321;
}
.widget_blogpost .post-wrapper .post-time {
font-size: 12px;
}
.widget_blogpost .post-wrapper .img-wrapper {
overflow: hidden;
}
.widget_blogpost .post-wrapper .img-wrapper img {
transition: all 0.5s ease;
}
.widget_blogpost .post-wrapper .img-wrapper img:hover {
-webkit-transform: scale(1.3, 1.3) rotate(7deg);
-moz-transform: scale(1.3, 1.3) rotate(7deg);
transform: scale(1.3, 1.3) rotate(7deg);
}
.widget_categories ul li:after,
.widget_archive ul li:after,
.widget_pages ul li:after,
.widget_nav_menu ul li:after {
content: '';
width: 100%;
height: 1px;
background: rgba(103, 103, 107, 0.2);
display: block;
margin: 8px 0px;
}
.widget_categories ul li:last-child,
.widget_archive ul li:last-child,
.widget_pages ul li:last-child,
.widget_nav_menu ul li:last-child {
padding-bottom: 8px;
}
.widget_categories ul li:last-child:after,
.widget_archive ul li:last-child:after,
.widget_pages ul li:last-child:after,
.widget_nav_menu ul li:last-child:after {
content: none;
}
.widget_categories ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_nav_menu ul li a {
color: #424242;
text-transform: capitalize;
}
.widget_categories ul li ul.children,
.widget_archive ul li ul.children,
.widget_pages ul li ul.children,
.widget_nav_menu ul li ul.children {
margin-left: 15px;
margin-top: 10px;
}
.widget_categories ul li ul.children li:after,
.widget_archive ul li ul.children li:after,
.widget_pages ul li ul.children li:after,
.widget_nav_menu ul li ul.children li:after {
content: '';
width: 100%;
height: 1px;
background: rgba(103, 103, 107, 0.2);
display: block;
margin: 8px 0px;
}
.widget_categories ul li ul.children li:last-child,
.widget_archive ul li ul.children li:last-child,
.widget_pages ul li ul.children li:last-child,
.widget_nav_menu ul li ul.children li:last-child {
padding-bottom: 8px;
}
.widget_categories ul li ul.children li:last-child:after,
.widget_archive ul li ul.children li:last-child:after,
.widget_pages ul li ul.children li:last-child:after,
.widget_nav_menu ul li ul.children li:last-child:after {
content: none;
}
.widget_categories ul li ul.children li:before,
.widget_archive ul li ul.children li:before,
.widget_pages ul li ul.children li:before,
.widget_nav_menu ul li ul.children li:before {
content: '\f0da';
font-family: FontAwesome;
margin-right: 5px;
}
.widget_categories ul li ul.sub-menu,
.widget_archive ul li ul.sub-menu,
.widget_pages ul li ul.sub-menu,
.widget_nav_menu ul li ul.sub-menu {
margin-left: 15px;
margin-top: 10px;
}
.widget_categories ul li ul.sub-menu li:after,
.widget_archive ul li ul.sub-menu li:after,
.widget_pages ul li ul.sub-menu li:after,
.widget_nav_menu ul li ul.sub-menu li:after {
content: '';
width: 100%;
height: 1px;
background: rgba(103, 103, 107, 0.2);
display: block;
margin: 8px 0px;
}
.widget_categories ul li ul.sub-menu li:last-child,
.widget_archive ul li ul.sub-menu li:last-child,
.widget_pages ul li ul.sub-menu li:last-child,
.widget_nav_menu ul li ul.sub-menu li:last-child {
padding-bottom: 8px;
}
.widget_categories ul li ul.sub-menu li:last-child:after,
.widget_archive ul li ul.sub-menu li:last-child:after,
.widget_pages ul li ul.sub-menu li:last-child:after,
.widget_nav_menu ul li ul.sub-menu li:last-child:after {
content: none;
}
.widget_categories ul li ul.sub-menu li:before,
.widget_archive ul li ul.sub-menu li:before,
.widget_pages ul li ul.sub-menu li:before,
.widget_nav_menu ul li ul.sub-menu li:before {
content: '\f0da';
font-family: FontAwesome;
margin-right: 5px;
}
.widget_tag_cloud .tagcloud a {
border: solid 1px rgba(103, 103, 107, 0.2);
padding: 5px 10px;
display: inline-block;
margin: 5px 0px;
color: #424242;
}
.widget_calendar table tr,
.widget_calendar table td,
.widget_calendar table th {
border: solid 1px rgba(103, 103, 107, 0.2);
text-align: center;
}
.widget_calendar table td.pad {
border: none;
}
.widget_calendar table tfoot tr,
.widget_calendar table tfoot td {
border: none;
text-align: left;
padding: 10px 0px;
}
.widget_recent_entries ul li:after,
.widget_meta ul li:after,
.widget_recent_comments ul li:after,
.widget_rss ul li:after {
content: '';
width: 100%;
height: 1px;
background: rgba(103, 103, 107, 0.2);
display: block;
margin: 8px 0px;
}
.widget_recent_entries ul li:last-child,
.widget_meta ul li:last-child,
.widget_recent_comments ul li:last-child,
.widget_rss ul li:last-child {
padding-bottom: 8px;
}
.widget_recent_entries ul li:last-child:after,
.widget_meta ul li:last-child:after,
.widget_recent_comments ul li:last-child:after,
.widget_rss ul li:last-child:after {
content: none;
}
.widget_recent_entries ul li a,
.widget_meta ul li a,
.widget_recent_comments ul li a,
.widget_rss ul li a {
color: #424242;
}
.widget_rss a {
font-weight: bold;
}
.widget_categories select,
.widget_text select,
.widget_archive select {
width: 100%;
padding: 7px;
border-radius: 7px;
}
.widget_categories select:focus,
.widget_text select:focus,
.widget_archive select:focus {
outline: none;
}
.shop-page-wrapper {
margin-top: 100px;
margin-bottom: 70px;
}
.woocommerce-message {
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
border-radius: 4px;
} .shop-content .page-title {
margin-top: 0px;
}
.shop-content .products {
margin-top: 35px !important;
display: inline-block;
}
.wooshop_woo_pages {
margin-top: 100px;
}
.wooshop_woo_pages .price {
color: #f37321;
}
.wooshop_woo_pages .woocommerce-product-gallery .product-thumbnail {
margin-bottom: 30px;
}
.woocommerce {    }
.woocommerce span.onsale {
background: #f37321;
left: 10px;
right: auto;
top: 10px;
padding: 3px 7px;
}
.woocommerce .star-rating {
color: #f37321;
}
.woocommerce .star-rating:before {
color: #f37321 !important;
}
.woocommerce .star-rating span:before {
color: #f37321 !important;
}
.woocommerce div.product { }
.woocommerce div.product .images .product-galley-image .woocommerce-product-gallery__image:nth-child(n+2) {
width: 33.33%;
}
.woocommerce div.product .summary {
margin-top: 0px;
}
.woocommerce div.product .summary .tagged_as {
display: block;
}
.woocommerce div.product form.variations_form .variations {
margin: 15px 0px 25px;
}
.woocommerce div.product form.variations_form .variations td label {
color: #424242;
font-size: 14px;
margin-bottom: 0px;
margin-top: 5px;
text-transform: capitalize;
}
.woocommerce div.product form.variations_form .variations td select {
padding: 7px;
border-radius: 7px;
background: transparent;
}
.woocommerce div.product form.variations_form .variations td select:focus {
outline: none;
}
.woocommerce div.product form.variations_form .variations td .reset_variations {
color: #424242;
font-size: 14px;
margin-bottom: 0px;
margin-top: 5px;
}
.woocommerce div.product form.variations_form .single_variation_wrap .woocommerce-variation-price {
margin-bottom: 25px;
}
.woocommerce div.product form.variations_form .single_variation_wrap .woocommerce-variation-price .price {
color: #f37321;
font-size: 20px;
letter-spacing: 1px;
font-weight: bold;
}
.woocommerce div.product form.variations_form .single_variation_wrap .woocommerce-variation-price .price del,
.woocommerce div.product form.variations_form .single_variation_wrap .woocommerce-variation-price .price ins {
margin: 0px 5px;
}
.woocommerce div.product .woocommerce-review-link {
color: #424242;
}
.woocommerce div.product p.price {
color: #f37321;
}
.woocommerce div.product div[itemprop="description"] {
margin: 20px 0px;
}
.woocommerce div.product form.cart {
margin: 30px 0px;
}
.woocommerce div.product form.cart button.button {
background: #f37321;
padding: 10px 15px;
}
.woocommerce div.product .product_meta {
font-size: 12px;
}
.woocommerce div.product .product_meta a {
color: #424242;
font-weight: bold;
}
.woocommerce div.product .woocommerce-tabs {
padding: 20px 0px 0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
text-align: center;
margin: 22px 0px 50px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: none;
margin: 0px 8px;
border-radius: 3px;
transition: all 0.5s ease;
background: white;
border: solid 1px rgba(103, 103, 107, 0.2);
text-transform: uppercase;
color: #f37321;
}
@media (max-width: 991px) {
.woocommerce div.product .woocommerce-tabs ul.tabs li {
margin-bottom: 10px;
}
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 8px 15px;
color: #f37321;
transition: all 0.5s ease;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: #f37321;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
content: none;
border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover {
background: #f37321;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a {
color: white;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
border: solid 1px #f37321;
border-bottom: solid 1px #f37321;
color: white;
background: #f37321;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: white;
transition: all 0.5s ease;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:hover {
color: white;
}
.woocommerce div.product .woocommerce-tabs .panel {
padding: 50px;
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Reviews #comments {
margin-bottom: 50px;
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Reviews #comments .woocommerce-Reviews-title {
margin-bottom: 50px;
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Reviews #comments ol.commentlist {
padding: 0;
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Reviews #comments ol.commentlist li {
margin-bottom: 30px;
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Reviews #review_form_wrapper #review_form p.form-submit input[type="submit"] {
background: #f37321;
padding: 15px 30px;
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Reviews #review_form_wrapper #review_form .comment-form textarea {
padding: 10px;
transition: all 0.5s ease;
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Reviews #review_form_wrapper #review_form .comment-form textarea:focus {
outline: none;
border: solid 1px #f37321;
}
.woocommerce div.product .related,
.woocommerce div.product .upsells {
margin-top: 50px;
}
.woocommerce div.product .related h2,
.woocommerce div.product .upsells h2 {
margin-bottom: 50px;
}
.woocommerce div.product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
box-sizing: border-box;
border-right: solid 1px rgba(103, 103, 107, 0.2);
}
.woocommerce div.product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child {
border: none;
border-bottom: solid 1px rgba(103, 103, 107, 0.2);
}
.woocommerce div.product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:last-child {
border-right: none;
}
.woocommerce ul.products {
margin: 0 -25px 0 0;
}
.woocommerce ul.products li.product {
text-align: center; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
margin: 15px;
border-radius: 4px;
padding-bottom: 30px;
clear: initial;
border: 1px solid #ddd;
}
.woocommerce ul.products li.product.col-md-6 {
width: 46%;
}
.woocommerce ul.products li.product.col-md-4 {
width: 20%;
}
.woocommerce ul.products li.product.col-md-3 {
width: 29%;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 16px;
font-weight: bold;
}
.woocommerce ul.products li.product a.add_to_cart_button {
font-size: 12px;
}
.woocommerce ul.products li.product .onsale {
background: #f37321;
left: 10px;
right: auto;
top: 10px;
padding: 3px 7px;
}
.woocommerce ul.products li.product .add_to_cart_button {
border: solid 2px #67676b;
display: inline-block;
padding: 11px 30px;
border-radius: 50px;
margin: 20px 0px 5px;
transition: all 0.5s ease;
text-transform: uppercase;
font-weight: bold;
background: transparent;
}
.woocommerce ul.products li.product .add_to_cart_button:hover {
background: #f37321;
color: white;
border-color: #f37321;
}
.woocommerce ul.products li.product .add_to_cart_button.added {
background: #f37321;
color: white;
border-color: #f37321;
}
.woocommerce ul.products li.product .added_to_cart {
color: #f37321;
font-weight: bold;
}
.woocommerce ul.products li.product h3 {
text-align: center;
letter-spacing: 1px;
}
.woocommerce ul.products li.product .star-rating {
text-align: center;
margin: 15px auto;
}
.woocommerce ul.products li.product .star-rating:before {
color: #424242;
}
.woocommerce ul.products li.product .star-rating span:before {
color: #424242;
}
.woocommerce ul.products li.product .price {
display: flex;
justify-content: center;
color: #f37321;
font-size: 16px;
letter-spacing: 1px;
font-weight: bold;
}
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price ins {
margin: 0px 5px;
}
@media (max-width: 768px) {
.woocommerce ul.products {
margin: 0;
}
.woocommerce ul.products .product {
clear: unset !important;
}
.woocommerce ul.products .col-md-6 {
width: 46% !important;
}
.woocommerce ul.products .col-md-4 {
width: 46% !important;
}
.woocommerce ul.products .col-md-3 {
width: 46% !important;
}
}
.woocommerce table.cart {
margin-top: 100px;
}
.woocommerce table.cart td.product-thumbnail a img {
width: 100px;
height: 100px;
}
.woocommerce table.cart td.product-name a {
color: #424242;
}
.woocommerce table.cart tr:last-child td {
padding: 20px;
}
.woocommerce table.cart td.actions .input-text {
width: 127px !important;
padding: 14px !important;
}
.woocommerce table.cart td.actions input[type="submit"] {
padding: 15px;
background: white;
border: solid 1px rgba(103, 103, 107, 0.2);
}
.woocommerce table.cart td.actions input[type="submit"]:hover {
box-shadow: none;
}
.woocommerce .cart-collaterals {
margin-top: 80px;
}
.woocommerce .cart-collaterals .cart_totals .shop_table {
margin: 35px 0px;
}
.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a {
background: #f37321;
}
.woocommerce a.remove {
background: red;
color: white !important;
}
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info {
border-top-color: #f37321;
}
.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-info:before {
color: #f37321;
}
.woocommerce .checkout h3 {
margin-bottom: 35px;
}
.woocommerce .checkout input {
padding: 7px;
border-radius: 7px;
background: transparent;
}
.woocommerce .checkout input:focus {
outline: none;
}
.woocommerce .checkout .place-order input[type="submit"] {
padding: 10px 30px;
background: #f37321;
} .shop-sidebar .widget {
margin-bottom: 50px;
padding: 0px 25px;
border: solid 1px rgba(103, 103, 107, 0.2);
padding-bottom: 25px;
border-radius: 7px;
}
.shop-sidebar .widget .widget-title {
font-size: 20px;
position: relative;
margin-bottom: 35px;
}
.shop-sidebar .widget .widget-title:after {
content: '';
width: 50px;
height: 2px;
background: rgba(103, 103, 107, 0.2);
display: block;
margin: 15px 0px 20px;
}
.widget_product_categories ul li:after {
content: '';
width: 100%;
height: 1px;
background: rgba(103, 103, 107, 0.2);
display: block;
margin: 8px 0px;
}
.widget_product_categories ul li:last-child {
padding-bottom: 8px;
}
.widget_product_categories ul li:last-child:after {
content: none;
}
.widget_product_categories ul li a {
color: #424242;
text-transform: capitalize;
}
.widget_product_categories ul li ul.children {
margin-left: 15px;
margin-top: 10px;
}
.widget_product_categories ul li ul.children li:after {
content: '';
width: 100%;
height: 1px;
background: rgba(103, 103, 107, 0.2);
display: block;
margin: 8px 0px;
}
.widget_product_categories ul li ul.children li:last-child {
padding-bottom: 8px;
}
.widget_product_categories ul li ul.children li:last-child:after {
content: none;
}
.widget_product_categories ul li ul.children li:before {
content: '\f0da';
font-family: FontAwesome;
margin-right: 5px;
}
.widget_product_categories ul li ul.sub-menu {
margin-left: 15px;
margin-top: 10px;
}
.widget_product_categories ul li ul.sub-menu li:after {
content: '';
width: 100%;
height: 1px;
background: rgba(103, 103, 107, 0.2);
display: block;
margin: 8px 0px;
}
.widget_product_categories ul li ul.sub-menu li:last-child {
padding-bottom: 8px;
}
.widget_product_categories ul li ul.sub-menu li:last-child:after {
content: none;
}
.widget_product_categories ul li ul.sub-menu li:before {
content: '\f0da';
font-family: FontAwesome;
margin-right: 5px;
}
.woocommerce-ordering select {
padding: 7px;
border-radius: 7px;
background: transparent;
}
.woocommerce-ordering select:focus {
outline: none;
} .shop-list .shop-list-wrapper .col-md-3 {
padding: 0px 10px;
}
.shop-list .shop-list-wrapper .content-wrapper {
margin-bottom: 35px;
border-radius: 2px;
transition: all 0.5s ease;
background: #fafafa;
}
.shop-list .shop-list-wrapper .content-wrapper:hover {
box-shadow: 5px 9px 50px rgba(0, 0, 0, 0.1);
}
.shop-list .shop-list-wrapper .content-wrapper:hover .thumbnail-wrapper .hover-wrapper {
opacity: 1;
}
.shop-list .shop-list-wrapper .content-wrapper .thumbnail-wrapper {
position: relative;
transition: all 0.5s ease;
overflow: hidden;
}
.shop-list .shop-list-wrapper .content-wrapper .thumbnail-wrapper .img-wrapper {
overflow: hidden;
transition: all 0.3s ease;
}
.shop-list .shop-list-wrapper .content-wrapper .thumbnail-wrapper .img-wrapper img {
transition: all 0.3s ease;
transform: scale(1);
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.shop-list .shop-list-wrapper .content-wrapper .thumbnail-wrapper .hover-wrapper {
position: absolute;
top: 0;
display: inline-block;
width: 100%;
height: 100%;
background: rgba(243, 115, 33, 0.5);
text-align: center;
transition: all 0.5s ease;
opacity: 0;
}
.shop-list .shop-list-wrapper .content-wrapper .thumbnail-wrapper .hover-wrapper .hover-content {
position: absolute;
left: 0;
right: 0;
top: 40%;
}
.shop-list .shop-list-wrapper .content-wrapper .thumbnail-wrapper .hover-wrapper .hover-content .product-categories {
margin-bottom: 10px;
color: white;
}
.shop-list .shop-list-wrapper .content-wrapper .thumbnail-wrapper .hover-wrapper .hover-content .product-rating .star-rating {
float: none !important;
margin: 0 auto !important;
color: white;
}
.shop-list .shop-list-wrapper .content-wrapper .shop-content-wrapper {
padding: 15px 20px 23px;
border-radius: 2px;
text-align: center;
}
.shop-list .shop-list-wrapper .content-wrapper .shop-content-wrapper .shop-title {
margin: 7px 0px 10px;
}
.shop-list .shop-list-wrapper .content-wrapper .shop-content-wrapper .shop-title a {
transition: all 0.5s ease;
}
.shop-list .shop-list-wrapper .content-wrapper .shop-content-wrapper .product-pricing {
margin-bottom: 3px;
}
.shop-list .shop-list-wrapper .content-wrapper .shop-content-wrapper .product-pricing .price {
font-weight: bold;
font-size: 16px;
color: #f37321;
margin-bottom: 0px;
}
.shop-list .shop-list-wrapper .content-wrapper .shop-content-wrapper .product-pricing .price ins {
margin-left: 5px;
background: transparent;
}
.shop-list .shop-list-wrapper .content-wrapper .shop-content-wrapper .product-add-to-cart {
margin: 15px 0px 10px;
}
.shop-list .shop-list-wrapper .content-wrapper .shop-content-wrapper .product-add-to-cart a {
background: #f37321;
color: white;
border-radius: 2px;
padding: 10px 30px;
}
.shop-list .shop-list-wrapper .content-wrapper .shop-content-wrapper .product-add-to-cart .added_to_cart {
padding: 4px 20px;
margin-top: 5px;
}
.shop-list .shop-list-wrapper .content-wrapper:hover .img-wrapper img {
transition: all 0.3s ease;
transform: scale(1.1);
}
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
letter-spacing: 0.4px;
color: #424242;
}
.editor-styles-wrapper h1 a,
.editor-styles-wrapper h2 a,
.editor-styles-wrapper h3 a,
.editor-styles-wrapper h4 a,
.editor-styles-wrapper h5 a,
.editor-styles-wrapper h6 a {
color: #424242;
}
.editor-styles-wrapper h1 a:visited,
.editor-styles-wrapper h2 a:visited,
.editor-styles-wrapper h3 a:visited,
.editor-styles-wrapper h4 a:visited,
.editor-styles-wrapper h5 a:visited,
.editor-styles-wrapper h6 a:visited,
.editor-styles-wrapper h1 a:active,
.editor-styles-wrapper h2 a:active,
.editor-styles-wrapper h3 a:active,
.editor-styles-wrapper h4 a:active,
.editor-styles-wrapper h5 a:active,
.editor-styles-wrapper h6 a:active,
.editor-styles-wrapper h1 a:focus,
.editor-styles-wrapper h2 a:focus,
.editor-styles-wrapper h3 a:focus,
.editor-styles-wrapper h4 a:focus,
.editor-styles-wrapper h5 a:focus,
.editor-styles-wrapper h6 a:focus {
color: #424242;
}
.editor-styles-wrapper div,
.editor-styles-wrapper p {
font-family: 'Lato', sans-serif;
} .wp-block {
max-width: 750px;
}
.wp-block-table td {
padding: 7px;
}
.wp-block-latest-posts a,
.wp-block-archives a {
color: #f37321;
}
.wp-block-latest-posts a:hover,
.wp-block-archives a:hover {
color: #f37321;
} .wp-block-button__link {
background: transparent;
padding: 8px 30px;
transition: all 0.4s ease;
display: inline-block;
cursor: pointer;
border: solid 2px #f37321;
border-radius: 40px;
color: #424242;
}
.wp-block-button__link:hover {
background: #f37321;
color: white !important;
border-color: #f37321;
}
.wp-block-button__link:visited {
background: #f37321;
color: #424242;
} .wp-block[data-align="wide"] {
max-width: 1080px;
} .wp-block[data-align="full"] {
max-width: none;
}
.wp-block-columns {
display: flex;
}
.wp-block-quote.is-style-large {
border-left: solid 4px #f37321;
}
.wp-block-quote:not(.is-large):not(.is-style-large) {
border-left: solid 4px #f37321;
border-left-color: #f37321;
font-style: italic;
}
.wp-block-pullquote blockquote {
border-left: 0px solid;
}
.wp-block-pullquote blockquote cite {
color: inherit;
} .full-width-page .alignwide,
.full-width-post .alignwide {
margin-left: -100px;
margin-right: -100px;
max-width: 100vw;
width: 1340px;
}
.full-width-page .alignfull,
.full-width-post .alignfull {
margin: 32px calc(50% - 50vw);
max-width: 100vw;
width: 100vw;
}
article.page ul.alignfull {
margin: 32px calc(50% - 50vw);
max-width: 100vw;
width: 100vw;
}
.wp-block-file {
display: inline-block;
}
.title-description {
width: 60%;
margin: 10px auto 0px;
} article.page .wp-block-latest-posts a,
article.post .wp-block-latest-posts a,
article.page .wp-block-archives a,
article.post .wp-block-archives a {
color: #f37321;
text-decoration: underline;
}
article.page .wp-block-latest-posts a:hover,
article.post .wp-block-latest-posts a:hover,
article.page .wp-block-archives a:hover,
article.post .wp-block-archives a:hover {
color: #f37321;
text-decoration: underline;
}  header.site-header {
transition: all 0.3s ease-out; }
header.site-header .site-branding {
z-index: 1;
margin: 0 0 10px;
}
header.site-header .valley-nav ul.nav li a {
transition: all 0.5s ease;
}
header.site-header .valley-nav ul.nav li a:hover {
background: transparent;
}
header.site-header .valley-nav ul.nav li a:focus {
background: transparent;
outline: none;
}
header.site-header .valley-nav ul.nav > .menu-item {
transition: all 0.5s ease;
}
header.site-header .valley-nav ul.nav > .menu-item > a {
transition: all 0.5s ease;
letter-spacing: 1.5px;
padding: 0 !important;
margin: 10px 15px;
color: #424242;
}
@media (max-width: 768px) {
header.site-header .valley-nav ul.nav > .menu-item > a {
font-size: 12px;
margin: 10px;
}
}
header.site-header .valley-nav ul.nav > .menu-item > a:before {
content: '';
position: absolute;
top: 100%;
left: 0;
width: 95%;
height: 2px;
background: #f37321;
transition: transform 0.5s;
transform: scale3d(0, 1, 1);
margin-top: 5px;
}
header.site-header .valley-nav ul.nav > .menu-item:hover a {
color: #f37321 !important;
background: transparent;
}
header.site-header .valley-nav ul.nav > .menu-item:hover a:before {
transform: scale3d(1, 1, 1);
}
header.site-header .valley-nav ul.nav > .menu-item:focus {
background-color: transparent;
}
header.site-header .valley-nav ul.nav .menu-item-has-children.open > a {
background: transparent;
}
header.site-header .valley-nav ul.nav .menu-item-has-children.open > .dropdown-menu {
border-radius: 0px;
background-color: #f37321;
padding: 0;
}
header.site-header .valley-nav ul.nav .menu-item-has-children.open > .dropdown-menu a {
color: white !important;
background: transparent;
}
header.site-header .valley-nav ul.nav .menu-item-has-children.open > .dropdown-menu > .menu-item-has-children {
position: relative;
display: inline-block;
width: 100%;
}
header.site-header .valley-nav ul.nav .menu-item-has-children.open > .dropdown-menu > .menu-item-has-children ul.dropdown-menu {
position: absolute;
top: -1px;
margin-top: 0;
left: 100%;
}
header.site-header .valley-nav ul.nav .menu-item-has-children.open > .dropdown-menu .menu-item {
position: relative;
display: inline-block;
width: 100%;
border-bottom: solid 1px rgba(66, 66, 66, 0.2);
}
header.site-header .valley-nav ul.nav .menu-item-has-children.open > .dropdown-menu .menu-item a {
font-size: 14px;
transition: all 0.5s ease;
padding: 10px 0px 10px 10px;
}
header.site-header .valley-nav ul.nav .menu-item-has-children.open > .dropdown-menu .menu-item a:hover {
margin-left: 10px;
}
header.site-header .valley-nav ul.nav .menu-item-has-children.open > .dropdown-menu .menu-item:last-child {
border-bottom: 0px;
}
header.site-header .valley-nav ul.nav .menu-item-has-children.open:hover a:before {
transform: scale3d(0, 1, 1);
}
header.site-header .valley-nav ul.nav a {
transition: all 0.5s ease;
}
header.site-header .valley-nav ul.nav a :hover {
background: transparent;
}
header.site-header .single-header-information {
text-align: center;
position: relative;
z-index: 1;
padding: 50px 0px 80px;
}
header.site-header .single-header-information h1.adv-page-title {
padding: 20px 0px;
margin: 30px 0px 10px;
text-transform: capitalize;
letter-spacing: 5px;
color: white;
font-size: 60px;
line-height: 80px;
font-weight: 700;
text-shadow: 1px 2px 6px #42424259;
}
@media (max-width: 768px) {
header.site-header .single-header-information h1.adv-page-title {
line-height: 45px;
font-size: 32px;
}
}
header.site-header .single-header-information h2.subtitle {
margin: 0px 0px 0px;
text-transform: uppercase;
letter-spacing: 6px;
word-spacing: 0px;
color: white;
font-size: 24px;
line-height: 2;
}
@media (max-width: 768px) {
header.site-header .single-header-information h2.subtitle {
letter-spacing: 0px;
font-size: 20px;
}
}
header.site-header .single-header-information .map-icon {
margin: 0px 0px 50px;
cursor: pointer;
display: inline-block;
}
header.site-header .single-header-information .inquery-button {
display: inline-block;
margin: 0px 0px 100px;
}
header.site-header .page-header-breadcrumb {
text-align: center;
position: relative;
padding: 10vh 0px;
z-index: 1;
color: white;
}
header.site-header .page-header-breadcrumb .page-title,
header.site-header .page-header-breadcrumb .single-page-title,
header.site-header .page-header-breadcrumb .cpt-title,
header.site-header .page-header-breadcrumb h2 {
text-transform: capitalize;
color: white;
font-size: 56px;
}
header.site-header .page-header-breadcrumb .page-title h1,
header.site-header .page-header-breadcrumb .single-page-title h1,
header.site-header .page-header-breadcrumb .cpt-title h1,
header.site-header .page-header-breadcrumb h2 h1,
header.site-header .page-header-breadcrumb .page-title h3,
header.site-header .page-header-breadcrumb .single-page-title h3,
header.site-header .page-header-breadcrumb .cpt-title h3,
header.site-header .page-header-breadcrumb h2 h3,
header.site-header .page-header-breadcrumb .page-title a,
header.site-header .page-header-breadcrumb .single-page-title a,
header.site-header .page-header-breadcrumb .cpt-title a,
header.site-header .page-header-breadcrumb h2 a {
color: white;
}
header.site-header .page-header-breadcrumb .breadcrumb-link {
margin: 15px 0px 35px;
text-transform: capitalize;
font-size: 15px;
letter-spacing: 1px;
}
header.site-header .page-header-breadcrumb .breadcrumb-link .woocommerce-breadcrumb,
header.site-header .page-header-breadcrumb .breadcrumb-link a {
color: white;
} nav a {
transition: all 0.5s ease;
}
nav a:hover {
background: transparent !important;
} .default-header,
.main-destination-page,
.main-adventure-page,
.main-adventure_type-page,
.main-region-page,
.main-archive-page,
.travel-single-page-header,
.main-blog-page,
.main-shop-page {
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.default-header:before,
.main-destination-page:before,
.main-adventure-page:before,
.main-adventure_type-page:before,
.main-region-page:before,
.main-archive-page:before,
.travel-single-page-header:before,
.main-blog-page:before,
.main-shop-page:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
}
.travel-single-page-header {
overflow: hidden;
} .home:not(.blog) .main-front-page {
position: absolute;
width: 100%;
margin: 0 auto;
} .tx-menu .mobile-searchform label {
width: 100%;
margin: 0;
}
.tx-menu .mobile-searchform input[type="search"] {
background: transparent;
color: white;
width: 100%;
letter-spacing: 1px;
}
.tx-menu .mobile-searchform input[type="submit"] {
margin-left: 0px;
}
.tx-menu .mobile-searchform button {
color: white;
} .main-front-page {
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.main-front-page:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
z-index: 1;
} .main-shop-page .shop-page {
text-align: center;
position: relative;
z-index: 1;
padding: 100px 0px;
color: white;
}
.main-shop-page .shop-page h2 {
font-size: 56px;
color: white;
}
.main-shop-page .shop-page .breadcrumb-link .woocommerce-breadcrumb,
.main-shop-page .shop-page .breadcrumb-link a {
color: white;
}
.breadcrumb-adventure_type-page .archive-taxonomy-list {
position: relative;
z-index: 1;
}
.breadcrumb-adventure_type-page .archive-taxonomy-list .archive-page-title {
text-align: center;
}
.breadcrumb-adventure_type-page .archive-taxonomy-list .archive-page-title .breadcrumb-link {
margin: 35px 0px 25px;
} .header-1 {
z-index: 3;
position: relative;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center center !important;
}
.header-1 .header-1-wrapper {
display: flex;
align-items: center;
padding-top: 10px;
}
.header-1 .header-1-wrapper .menu-right-side {
width: 100%;
z-index: 3;
transition: all 0.5s ease;
}
.header-1 .header-1-wrapper .menu-right-side .valley-nav {
float: right;
}
.header-1 .header-1-wrapper .menu-right-side .valley-nav > ul.nav li:last-child a {
margin-right: 0;
} #blurryscroll {
position: fixed;
left: 0;
right: 0;
}
.affix #blurryscroll {
width: 100%;
height: 9rem;
overflow: hidden;
position: fixed;
filter: blur(4px);
}
header.affix {
-webkit-filter: none;
filter: none;
}
.header-2 {
z-index: 3;
position: relative;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center center !important;
}
.header-2.affix-top:before {
background: none !important;
}
.header-2 .header-2-wrapper {
display: flex;
align-items: center;
}
.header-2 .header-2-wrapper .menu-right-side {
width: 100%;
z-index: 3;
transition: all 0.5s ease;
}
.header-2 .header-2-wrapper .menu-right-side .valley-nav {
float: left;
}
.header-2 .header-2-wrapper .menu-right-side .valley-nav > ul.nav li:last-child a {
margin-right: 0;
}
.header-2 .header-2-wrapper .contact {
width: 25%;
text-align: center;
position: relative;
z-index: 9;
}
.header-2 .header-2-wrapper .search .search-icon {
cursor: pointer;
position: relative;
z-index: 9;
}
.header-2 .header-2-wrapper .search .search-submit {
outline: none;
margin: -4px 0;
}
.header-2 .container-fluid {
padding-left: 0;
padding-right: 40px;
}
@media (max-width: 768px) {
.header-2 .container-fluid {
padding-right: 15px;
}
}
.header-2 .site-branding {
z-index: 1;
margin: 0px !important;
padding: 20px;
transition: all 0.3s ease-out;
}
.header-2.affix {
position: fixed !important;
transition: 0.2s linear;
transition: all 0.3s ease;
width: 100%;
left: 0;
right: 0;
z-index: 99;
top: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
box-shadow: 0 1px 1px rgba(6, 8, 8, 0.1), 0 3px 10px rgba(6, 8, 9, 0.1);
-o-box-shadow: 0 1px 1px rgba(6, 8, 8, 0.1), 0 3px 10px rgba(6, 8, 9, 0.1);
-moz-box-shadow: 0 1px 1px rgba(6, 8, 8, 0.1), 0 3px 10px rgba(6, 8, 9, 0.1);
-webkit-box-shadow: 0 1px 1px rgba(6, 8, 8, 0.1), 0 3px 10px rgba(6, 8, 9, 0.1);
}
.header-2.affix .site-branding {
padding-top: 10px;
transition: all 0.3s ease-out;
}
.header-2.affix .header-transparent {
position: relative;
}
.header-2.affix .header-transparent:before {
position: absolute;
width: 100%;
height: 100%;
content: "";
-webkit-backdrop-filter: blur(2em);
backdrop-filter: blur(2em);
}
.modal-open .menu-right-side {
width: 100%;
z-index: 0 !important;
} .header-3 {
z-index: 3;
position: relative;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center center !important;
width: 100%;
}
.header-3 .header-3-wrapper {
display: flex;
align-items: center;
padding-top: 10px;
}
.header-3 .header-3-wrapper .menu-right-side {
width: 100%;
z-index: 3;
transition: all 0.5s ease;
}
.header-3 .header-3-wrapper .menu-right-side .valley-nav {
float: right;
}
.header-3 .header-3-wrapper .menu-right-side .valley-nav > ul.nav > li:hover > a {
color: #f37321 !important;
}
.header-3 .header-3-wrapper .menu-right-side .valley-nav > ul.nav > li:hover > a:before {
background: #f37321;
}
.header-3 .header-3-wrapper .menu-right-side .valley-nav > ul.nav li a {
color: #424242;
}
.header-3 .header-3-wrapper .menu-right-side .valley-nav > ul.nav li a:before {
background: white;
}
.header-3 .header-3-wrapper .menu-right-side .valley-nav > ul.nav li:last-child a {
margin-right: 0;
} .header-4 {
position: relative;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center center !important;
}
.header-4 .left-side-menu,
.header-4 .right-side-menu {
z-index: 1;
}
.header-4:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
}
.header-4 .header-4-wrapper {
display: flex;
justify-content: space-around;
align-items: center;
padding-top: 20px;
position: relative;
z-index: 9;
}
.header-4 .page-featured-image {
position: absolute;
width: 100%;
height: 100%;
}
.header-4 .valley-nav .navbar-nav .menu-item a {
color: #424242;
text-transform: uppercase;
}
.header-4 .valley-nav .navbar-nav .menu-item a:hover {
background: none;
}
.header-4 .valley-nav .navbar-nav .menu-item a:focus {
background: none;
outline: none;
}
.header-4 .site-branding {
z-index: 1;
}
.header-4 .archive-featured-image {
position: absolute;
}
.header-4 .archive-taxonomy-list {
position: relative;
z-index: 0;
text-align: center;
}
.header-4 .archive-taxonomy-list h2 {
font-size: 56px;
}
.header-4 .archive-taxonomy-list .taxonomy-list {
text-align: center;
}
.header-4 .archive-taxonomy-list .taxonomy-list .cpt-title h1 {
font-size: 56px;
margin-bottom: 15px;
}
.header-4 .archive-taxonomy-list .taxonomy-list .breadcrumb-link {
margin: 15px 0px 25px;
}
.header-4 .archive-taxonomy-list .taxonomy-list .single-taxonomy {
display: inline-block;
border: solid 1px #424242;
padding: 5px 10px;
margin-right: 5px;
border-radius: 20px;
color: #424242;
} .header-5 {
z-index: 3;
position: relative;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center center !important;
}
.header-5 .header-5-wrapper {
display: flex;
align-items: center;
padding: 0 40px;
transition: all 0.3s ease;
}
.header-5 .header-5-wrapper .menu-right-side {
width: 100%;
z-index: 3;
transition: all 0.5s ease;
}
.header-5 .header-5-wrapper .menu-right-side .valley-nav {
float: right;
}
.header-5 .header-5-wrapper .menu-right-side .valley-nav > ul.nav li:last-child a {
margin-right: 0;
}
.header-5 .header-5-wrapper .site-branding {
z-index: 1;
margin: 5px 0 10px;
}
.header-5 .affix {
position: fixed !important;
transition: 0.2s linear;
transition: all 0.3s ease;
left: 0;
right: 0;
z-index: 99;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
padding-top: 10px;
padding-bottom: 10px;
box-shadow: 0 1px 1px rgba(6, 8, 8, 0.1), 0 3px 10px rgba(6, 8, 9, 0.1);
-o-box-shadow: 0 1px 1px rgba(6, 8, 8, 0.1), 0 3px 10px rgba(6, 8, 9, 0.1);
-moz-box-shadow: 0 1px 1px rgba(6, 8, 8, 0.1), 0 3px 10px rgba(6, 8, 9, 0.1);
-webkit-box-shadow: 0 1px 1px rgba(6, 8, 8, 0.1), 0 3px 10px rgba(6, 8, 9, 0.1);
} @media (min-width: 769px) {
header.site-header .valley-res-menu-icon-wrapper {
display: none;
}
}
@media (max-width: 768px) {
header.site-header .left-side-menu {
display: none;
}
header.site-header .right-side-menu {
display: none;
}
header.site-header .valley-res-menu-icon-wrapper {
display: none;
}
header.site-header .header-4-wrapper {
justify-content: initial;
}
header.site-header .contact {
display: none;
}
header.site-header .search {
display: none;
}
}
@media (max-width: 480px) {
header.site-header .valley-res-menu-icon-wrapper {
display: inline-block;
z-index: 1;
width: 80%;
text-align: right;
position: absolute;
right: 20px;
}
header.site-header .valley-res-menu-icon-wrapper #tx-trigger-effects button {
background: white;
box-shadow: none;
text-shadow: none;
border: solid 2px #67676b;
padding: 5px 15px;
}
} @media (max-width: 768px) {
div#rv-dis-none-768 {
display: none !important;
}
}
@media (max-width: 768px) {
div.rv-dis-none-768 {
display: none !important;
}
}
h2.slide-headline {
font-family: 'Cookie', cursive;
font-size: 120px !important;
color: white;
letter-spacing: 6px !important;
text-shadow: -3px -4px 0px #f37321;
}
h3.slide-sub-headline {
font-family: 'Open Sans', sans-serif;
font-size: 27px !important;
margin-top: 25px !important;
color: white;
letter-spacing: 6px !important;
}
.slider-hero-text {
text-shadow: -3px -4px 0px #f37321;
}
i.pe-7s-mouse {
font-size: 64px;
}
.scroll-downs {
width: 34px;
height: 55px;
cursor: pointer;
}
.mousey {
width: 3px;
padding: 10px 15px !important;
height: 55px;
border: 2px solid #fff;
border-radius: 25px;
opacity: 1;
}
.scroller {
width: 3px;
height: 10px;
border-radius: 25%;
background-color: #fff;
animation-name: scroll;
animation-duration: 2.2s;
animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
animation-iteration-count: infinite;
}
@keyframes scroll {
0% {
opacity: 0;
}
10% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(15px);
opacity: 0;
}
} .sliderv1-button-wrapper .valley-default-btn-2 {
font-size: 14px !important;
text-transform: uppercase;
font-weight: 600 !important;
padding: 14px 30px !important;
margin-right: 10px;
border: solid 1px transparent;
}
.sliderv1-button-wrapper .valley-default-btn-transparent {
font-size: 14px !important;
text-transform: uppercase;
font-weight: 600 !important;
padding: 14px 30px !important;
border: solid 1px white;
transition: all 0.5s ease !important;
}
.sliderv1-button-wrapper .valley-default-btn-transparent:hover {
background: #f37321;
border-color: #f37321;
color: white;
} .header-breadcrumb {
width: 100%;
display: block;
text-align: center;
}
.header-breadcrumb .page-header-breadcrumb {
padding: 100px 0px;
color: white;
position: relative;
z-index: 1;
}
.header-breadcrumb .page-header-breadcrumb h1,
.header-breadcrumb .page-header-breadcrumb h3,
.header-breadcrumb .page-header-breadcrumb a {
color: white;
text-transform: capitalize;
font-weight: normal;
}
.header-breadcrumb .page-header-breadcrumb .page-title,
.header-breadcrumb .page-header-breadcrumb .cpt-title,
.header-breadcrumb .page-header-breadcrumb .single-page-title,
.header-breadcrumb .page-header-breadcrumb h2 {
font-size: 45px;
letter-spacing: 1px;
font-weight: 700;
color: white;
}
.header-breadcrumb .page-header-breadcrumb .page-title h1,
.header-breadcrumb .page-header-breadcrumb .cpt-title h1,
.header-breadcrumb .page-header-breadcrumb .single-page-title h1,
.header-breadcrumb .page-header-breadcrumb h2 h1,
.header-breadcrumb .page-header-breadcrumb .page-title a,
.header-breadcrumb .page-header-breadcrumb .cpt-title a,
.header-breadcrumb .page-header-breadcrumb .single-page-title a,
.header-breadcrumb .page-header-breadcrumb h2 a {
color: white;
font-weight: 700;
}
.header-breadcrumb .page-header-breadcrumb .breadcrumb-link {
font-size: 16px;
}
.position-absolute {
position: absolute;
left: 0;
right: 0;
width: 100%;
}
.position-relative {
position: relative;
left: 0;
right: 0;
width: 100%;
}
.position-fixed {
position: fixed;
left: 0;
right: 0;
width: 100%;
}
.elementor-editor-active .site-header {
z-index: -1;
}
.elementor-editor-active div#gamez-preloader {
display: none !important;
} .valley-search-modal {
display: none; position: fixed; z-index: 10; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: #000000; background-color: rgba(0, 0, 0, 0.8); padding-top: 60px;   }
.valley-search-modal .container {
display: inline-block;
width: 100%;
}
@media (min-width: 768px) {
.valley-search-modal .container {
padding: 20px 50px 50px;
}
}
.valley-search-modal .valley-title {
text-align: left;
margin-bottom: 35px;
}
.valley-search-modal .modal-content {
background-color: #fefefe;
margin: 3% auto 0 auto; border: 1px solid #888;
width: 40%; padding-bottom: 40px;
}
.valley-search-modal .close {
position: absolute;
right: 20px;
top: 20px;
width: 32px;
height: 32px;
opacity: 0.6;
transition: all 0.5s ease;
background-color: transparent;
}
.valley-search-modal .close:hover {
opacity: 1;
}
.valley-search-modal .close:before,
.valley-search-modal .close:after {
position: absolute;
left: 15px;
content: ' ';
height: 33px;
width: 2px;
}
.valley-search-modal .close:before {
transform: rotate(45deg);
}
.valley-search-modal .close:after {
transform: rotate(-45deg);
}
.valley-search-modal .close:hover,
.valley-search-modal .close:focus {
cursor: pointer;
}
.valley-search-modal .cross-icon {
width: 30px;
height: 30px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
transition: all 0.5s ease;
padding: 0;
position: absolute;
right: 20px;
top: 20px;
box-sizing: content-box; }
.valley-search-modal .cross-icon.cross-delete .cross-x-mark {
position: relative;
display: block;
}
.valley-search-modal .cross-icon.cross-delete .cross-delete-line {
position: absolute;
height: 2px;
width: 15px;
background-color: #67676b;
display: block;
top: 14px;
border-radius: 2px;
transition: all 0.5s ease;
}
.valley-search-modal .cross-icon.cross-delete .cross-delete-line.cross-delete-left {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: 8px;
}
.valley-search-modal .cross-icon.cross-delete .cross-delete-line.cross-delete-right {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 7px;
}
.valley-search-modal .cross-icon.cross-delete .cross-delete-line.cross-delete-left {
-ms-transform: rotate(45deg);
}
.valley-search-modal .cross-icon.cross-delete .cross-delete-line.cross-delete-right {
-ms-transform: rotate(-45deg);
}
@-webkit-keyframes animateDeleteIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0;
}
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
@keyframes animateDeleteIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0;
}
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
.valley-search-modal .animateDeleteIcon {
-webkit-animation: animateDeleteIcon 0.5s;
animation: animateDeleteIcon 0.5s;
}
@-webkit-keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1;
}
}
@keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1;
}
}
.valley-search-modal .animateXMark {
-webkit-animation: animateXMark 0.5s;
animation: animateXMark 0.5s;
}
.valley-search-modal .animate {
-webkit-animation: animatezoom 0.6s;
animation: animatezoom 0.6s;
}
@-webkit-keyframes animatezoom {
from {
-webkit-transform: scale(0);
}
to {
-webkit-transform: scale(1);
}
}
@keyframes animatezoom {
from {
transform: scale(0);
}
to {
transform: scale(1);
}
}
@media screen and (max-width: 300px) {
.valley-search-modal span.psw {
display: block;
float: none;
}
.valley-search-modal .cancelbtn {
width: 100%;
}
}
@media (min-width: 768px) {
.container-boxed {
width: 750px ;
margin: auto;
}
}
@media (min-width: 992px) {
.container-boxed {
width: 970px ;
margin: auto;
}
}
@media (min-width: 1200px) {
.container-boxed {
width: 1300px;
margin: auto;
}
}
@media (min-width: 1600px) {
.container-boxed {
width: 1600px;
margin: auto;
}
.travel-overlay .elementor-background-overlay {
display: block;
background-image: linear-gradient(180deg, #5ea8d1 50.4%, #ffffff 49%) !important;
}
}
.phone {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
display: none;
z-index: 999;
position: relative;
}
@media (max-width: 480px) {
.phone {
display: block;
}
}
.phone .content {
width: 94%;
height: 91%;
background-color: #f5f6fa;
overflow: hidden;
}
.phone nav {
height: 65px;
}
.phone #menuToggle {
display: flex;
flex-direction: column;
position: relative;
top: 13px;
left: 0;
right: 0;
z-index: 1;
-webkit-user-select: none;
user-select: none;
background: #f37321;
float: right;
padding: 10px 10px 6px;
}
.phone #menuToggle input {
display: flex;
width: 40px;
height: 32px;
position: absolute;
cursor: pointer;
opacity: 0;
z-index: 2;
}
.phone #menuToggle span {
display: flex;
width: 29px;
height: 2px;
margin-bottom: 5px;
position: relative;
background: #ffffff;
border-radius: 3px;
z-index: 1;
transform-origin: 5px 0px;
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}
.phone #menuToggle span:first-child {
transform-origin: 0% 0%;
}
.phone #menuToggle span:nth-last-child(2) {
transform-origin: 0% 100%;
}
.phone #menuToggle input:checked ~ span {
opacity: 1;
transform: rotate(45deg) translate(-3px, -1px);
background: #36383f;
}
.phone #menuToggle input:checked ~ span:nth-last-child(3) {
opacity: 0;
transform: rotate(0deg) scale(0.2, 0.2);
}
.phone #menuToggle input:checked ~ span:nth-last-child(2) {
transform: rotate(-45deg) translate(0, -1px);
}
.phone #menuToggle input:checked ~ ul {
transform: none;
}
.phone .menu {
position: absolute;
width: 200px;
height: auto;
box-shadow: 0 0 10px #85888c;
margin: -50px 0 0 -50px;
padding: 10px 20px;
padding-top: 75px;
background-color: #f5f6fa;
-webkit-font-smoothing: antialiased;
transform-origin: 0% 0%;
transform: translate(100%, 0);
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
left: -83px;
}
.phone .menu li {
padding: 10px;
transition-delay: 2s;
list-style: none;
}
.phone .menu li a {
color: #404040;
font-size: 16px;
text-align: left;
width: 100%;
transition: all 0.3s;
cursor: pointer;
}
.header-5 .menu {
left: -61px;
}
.mobile-container {
margin: 0 30px;
position: relative;
width: 320px;
display: none;
}
@media (max-width: 768px) {
.mobile-container {
display: block;
}
}
.mobile-container .content {
display: block;
height: 100%;
width: 100%;
}
.mobile-container .content nav {
height: 60px;
position: relative;
}
.mobile-container .content .nav-links {
display: block;
position: absolute;
top: 65px;
left: 26px;
width: auto;
padding: 0;
margin: 0;
}
.mobile-container .content .nav-links li {
border-bottom: 1px solid #f3f3f3;
opacity: 0;
visibility: hidden;
transform: translateY(-20px);
transition: all 0.3s;
list-style: none;
}
.mobile-container .content .nav-links li a {
background: #fff !important;
color: #404040;
display: block;
padding: 12px 20px;
text-align: left;
width: 100%;
transition: all 0.3s;
}
.mobile-container .content .nav-links li a:hover {
color: #f37321;
}
.mobile-container input[type="checkbox"] {
position: absolute;
opacity: 0;
visibility: hidden;
}
.mobile-container input[type="checkbox"]:checked + label {
border: none;
height: 28px;
top: 13px;
right: -43px;
width: 28px;
transform: rotate(-135deg);
}
.mobile-container input[type="checkbox"]:checked + label::before {
background: silver;
top: 8px;
left: 4px;
width: 26px;
}
.mobile-container input[type="checkbox"]:checked + label::after {
background: silver;
opacity: 1;
top: 8px;
left: 4px;
visibility: visible;
width: 26px;
}
.mobile-container input[type="checkbox"]:checked + label:hover {
border-color: #f37321;
}
.mobile-container input[type="checkbox"]:checked + label:hover::before,
.mobile-container input[type="checkbox"]:checked + label:hover::after {
background: #f37321;
}
.mobile-container input[type="checkbox"]:checked ~ .nav-links::before {
opacity: 1;
visibility: visible;
}
.mobile-container input[type="checkbox"]:checked ~ .nav-links li {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.mobile-container input[type="checkbox"]:checked ~ .nav-links li:nth-child(1) {
transition-delay: 0s;
}
.mobile-container input[type="checkbox"]:checked ~ .nav-links li:nth-child(2) {
transition-delay: 0.1s;
}
.mobile-container input[type="checkbox"]:checked ~ .nav-links li:nth-child(3) {
transition-delay: 0.2s;
}
.mobile-container input[type="checkbox"]:checked ~ .nav-links li:nth-child(4) {
transition-delay: 0.3s;
}
.mobile-container input[type="checkbox"]:checked ~ .nav-links li:nth-child(5) {
transition-delay: 0.5s;
}
.mobile-container input[type="checkbox"]:checked ~ .nav-links li:nth-child(6) {
transition-delay: 0.7s;
}
.mobile-container input[type="checkbox"]:checked ~ .nav-links li:nth-child(7) {
transition-delay: 0.9s;
}
.mobile-container input[type="checkbox"]:checked ~ .nav-links li:nth-child(8) {
transition-delay: 0.11s;
}
.mobile-container input[type="checkbox"]:checked ~ .nav-links li:nth-child(9) {
transition-delay: 0.13s;
}
.mobile-container input[type="checkbox"]:checked ~ .nav-links li:nth-child(10) {
transition-delay: 0.15s;
}
.mobile-container input[type="checkbox"]:checked ~ .nav-links li:nth-child(11) {
transition-delay: 0.17s;
}
.mobile-container input[type="checkbox"]:checked ~ .nav-links li:nth-child(12) {
transition-delay: 0.19s;
}
.mobile-container label {
background: none transparent;
border: 4px solid #f37321;
border-left: 0 solid transparent;
border-right: 0 solid transparent;
cursor: pointer;
display: block;
height: 24px;
position: absolute;
top: 18px;
right: -35px;
width: 24px;
transition: all 0.2s;
}
.mobile-container label:before {
background: #f37321;
content: "";
height: 4px;
left: 0;
position: absolute;
top: 6px;
width: 24px;
transition: all 0.2s;
}
.mobile-container label:after {
background: #f37321;
content: "";
height: 4px;
left: 0;
position: absolute;
top: 6px;
opacity: 0;
visibility: hidden;
width: 100%;
transform: rotate(90deg);
transition: all 0.2s;
}
.header-4 .mobile-container .content .nav-links {
left: 105px;
}
.header-5 .mobile-container .content .nav-links {
left: 39px;
}   footer {
color: #333333;
}
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
color: #333333;
font-style: normal;
}
footer a {
color: #545454;
transition: all 0.4s ease;
font-size: 14px;
}
footer a:active,
footer a:visited {
color: #545454;
}
footer a:hover {
color: #f37321;
}
footer h2 {
margin-bottom: 40px;
font-size: 18px;
text-transform: capitalize;
letter-spacing: 3px;
}
footer .site-info {
margin-bottom: 80px;
}
@media (max-width: 991px) {
footer .site-info {
padding: 0px 10px;
margin-bottom: 40px;
}
}
.padding {
padding: 80px 20px;
}
.boxed {
padding: 80px 40px;
background: #fff;
margin: auto;
}
@media (max-width: 768px) {
.boxed {
width: auto;
padding: 50px 20px;
}
} .site-footer {
position: relative;
overflow: hidden;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center center !important;
}
.site-footer:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
background: linear-gradient(180deg, #f5f5f5, rgba(255, 255, 255, 0));
}
.site-footer .container {
padding: 80px 15px 20px;
}
.site-footer .widget_nav_menu ul li {
transition: all 0.5s ease;
}
.site-footer .widget_nav_menu ul li:after {
content: none;
}
.site-footer .widget_nav_menu ul li a {
transition: all 0.5s ease;
}
.site-footer .widget_nav_menu ul li a:hover {
color: #f37321;
}
.site-footer .fw-site-info .textwidget {
font-style: normal;
}
@media (max-width: 991px) {
.site-footer .fw-bottom-menu .menu-footer-bottom-menu-container ul {
display: block;
padding: 0px 10px;
}
}
.site-footer .fw-bottom-menu .menu-footer-bottom-menu-container ul li {
display: inline-block;
}
.site-footer .fw-bottom-menu .menu-footer-bottom-menu-container ul li:after {
content: none;
}
.site-footer .fw-bottom-menu .menu-footer-bottom-menu-container ul li a {
padding: 0 30px 0 0px;
}
.site-footer .widget_nav_menu .menu .menu-item {
margin-bottom: 5px;
}
.site-footer .widget_nav_menu .menu .menu-item a {
color: #333333;
transition: all 0.5s ease;
}
.site-footer .widget_nav_menu .menu .menu-item a:hover {
color: #f37321 !important;
}
.site-footer .mc4wp-form-fields {
display: flex;
}
.site-footer .mc4wp-form-fields label {
display: none;
}
.site-footer .mc4wp-form-fields input[type="email"] {
padding: 6px 10px;
border-radius: 5px 0px 0px 5px;
border-color: transparent;
box-shadow: 0px 0px 20px rgba(33, 33, 33, 0.23);
width: 250px;
}
@media (max-width: 768px) {
.site-footer .mc4wp-form-fields input[type="email"] {
width: 200px;
}
}
.site-footer .mc4wp-form-fields input[type="email"]:focus {
outline: none;
}
.site-footer .mc4wp-form-fields input[type="submit"] {
margin: 30px 0;
padding: 14px 20px;
font-size: 14px;
border-radius: 0 5px 5px 0;
background: #f37321;
border-color: #f37321;
box-shadow: none;
color: #fff;
text-shadow: none;
font-weight: 400;
font-style: normal;
}
.site-footer .footer-social-wrapper {
margin: 0px 0 30px;
}
.site-footer .footer-social-wrapper a {
padding: 0 5px;
font-size: 14px;
color: #acacac;
}
.site-footer .footer-social-wrapper a:hover {
color: #f37321;
}
.site-footer .footer-social-wrapper span {
margin: 0 20px 0 0;
font-size: 12px;
letter-spacing: 2px;
}
.site-footer .fw-site-info h5 {
margin: 30px 0 15px;
letter-spacing: 1px;
font-size: 14px;
}
.site-footer .mc4wp-form {
margin: -15px 0;
}
.site-footer .copyright-text {
text-align: right;
font-size: 12px;
}
@media (max-width: 991px) {
.site-footer .copyright-text {
text-align: center;
}
}
.site-footer .copyright-text a {
font-size: 12px;
font-weight: bold;
}
.site-footer .text-left {
text-align: left;
}
.site-footer.footer3:before {
z-index: -1;
background: #f9f9f9;
}  .single-header-information .valley-default-btn {
color: white;
border-color: white;
font-size: 16px;
transition: all 0.5s ease;
}
.single-header-information .valley-default-btn:hover {
box-shadow: 0px 2px 13px #f37321;
}
.single-header-information .inquery-button {
border: none;
padding: 10px 30px;
border-radius: 50px;
text-transform: uppercase;
}
.single-header-information .inquery-button:hover {
background: white;
}
.single-header-information .inquery-button:focus {
box-shadow: none;
background: white;
outline: none;
} .dest-single-map {
transition: all 0.4s ease;
}
.dest-single-map #map {
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
transition: all 0.4s ease;
}
.dest-single-map .map-toggle {
top: 0;
transition: all 0.4s ease;
}
.dest-single-map .close-button {
position: absolute;
z-index: 20;
top: 20px;
right: 20px;
} .dest-content-header .dest-page-title {
text-align: center;
} .package-short-info {
margin: 80px 0px 100px;
}
.package-short-info .package-short-info-wrapper {
background: #E6E9EB;
padding: 40px 10px;
overflow: hidden;
}
.package-short-info .package-short-info-wrapper .row {
display: flex;
justify-content: center;
margin: 0px 25px;
}
@media (max-width: 768px) {
.package-short-info .package-short-info-wrapper .row {
display: block;
margin: 10px;
}
.package-short-info .package-short-info-wrapper .row .col-md-2 {
position: relative;
}
.package-short-info .package-short-info-wrapper .row .col-md-2:after {
content: '';
height: 1px;
width: 100%;
display: block;
background: #d3d3d3;
margin: 25px 0px;
}
.package-short-info .package-short-info-wrapper .row .col-md-2:last-child:after {
content: none;
}
}
.package-short-info .package-short-info-wrapper .col-md-2 {
text-align: center;
border: solid 1px #E6E9EB;
background: #f5f5f5;
padding-bottom: 20px;
border-radius: 4px;
}
@media (max-width: 768px) {
.package-short-info .package-short-info-wrapper .col-md-2 {
border: none;
}
}
.package-short-info .package-short-info-wrapper .col-md-2 .short-info-heading {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
}
.package-short-info .package-short-info-wrapper .col-md-2 .shot-info-details {
font-size: 12px;
}
.package-short-info .package-short-info-wrapper .destination-more-info {
margin-top: 35px;
margin-left: 0px;
display: inline-block;
padding: 0px 12px;
}
@media (max-width: 768px) {
.package-short-info .package-short-info-wrapper .destination-more-info .col-md-8 {
padding: 0;
}
}
.package-short-info .package-short-info-wrapper .destination-more-info .more-info {
display: flex;
padding: 10px 10px;
border: solid 1px #d3d3d3;
margin-top: -1px;
}
@media (max-width: 768px) {
.package-short-info .package-short-info-wrapper .destination-more-info .more-info {
display: inline-block;
width: 100%;
}
.package-short-info .package-short-info-wrapper .destination-more-info .more-info b {
margin-right: 7px;
}
}
.package-short-info .package-short-info-wrapper .destination-more-info .more-info b {
width: 35%;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
}
.package-short-info .package-short-info-wrapper .destination-more-info .more-info span {
width: 75%;
}
@media (max-width: 768px) {
.package-short-info .package-short-info-wrapper .destination-more-info .guide-image {
margin-top: 35px;
}
}
.package-short-info .package-short-info-wrapper .destination-more-info .guide-image .guide-image-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10px 20px;
}
.package-short-info .package-short-info-wrapper .destination-more-info .guide-image .guide-image-wrapper img {
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 50%;
}
.package-short-info .package-short-info-wrapper .destination-more-info .guide-image .guide-image-wrapper h2 {
margin-top: 0;
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
}
.package-short-info .package-short-info-wrapper .destination-more-info .guide-image .guide-image-wrapper h3 {
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
}
.package-short-info .package-short-info-wrapper .destination-more-info .guide-image .guide-image-wrapper p {
text-align: center;
} .destination-meta-data {
text-align: center;
}
.destination-meta-data .nav.nav-tabs {
margin: 0;
border-bottom: none;
display: inline-block;
transition: all 0.4s ease;
margin-bottom: 50px;
}
.destination-meta-data .nav.nav-tabs li {
background: white;
margin: 0px 8px;
border: none;
border-radius: 5px;
transition: all 0.5s ease;
box-shadow: 0px 1px 10px rgba(103, 103, 107, 0.1);
font-weight: bold;
}
.destination-meta-data .nav.nav-tabs li:hover {
box-shadow: 0px 3px 30px rgba(103, 103, 107, 0.3);
transform: translateY(-5px);
}
.destination-meta-data .nav.nav-tabs li:hover a {
border: none;
}
.destination-meta-data .nav.nav-tabs li a {
text-transform: capitalize;
padding: 15px 30px;
border: none;
transition: all 0.5s ease;
margin-right: 0px;
border-radius: 5px;
color: #424242;
}
.destination-meta-data .nav.nav-tabs li a:hover {
background: white;
}
@media (max-width: 991px) {
.destination-meta-data .nav.nav-tabs li {
margin-bottom: 15px;
}
}
.destination-meta-data .nav.nav-tabs li.active {
border-radius: 5px;
transition: all 0.5s ease;
box-shadow: 0px 3px 30px rgba(243, 115, 33, 0.1);
}
.destination-meta-data .nav.nav-tabs li.active a {
border: none;
background: white;
color: #f37321;
border-radius: 5px;
transition: all 0.5s ease;
} .experience-content-wrapper .editor-content p {
display: inline-block;
margin: 50px 0px 35px;
}
.experience-content-wrapper .editor-content p img {
box-shadow: 0px 0px 50px rgba(66, 66, 66, 0.6);
}
.experience-content-wrapper .activity-header {
margin: 40px 0px 70px;
}
.experience-content-wrapper .activity-content {
margin: 30px 0px;
}
.experience-content-wrapper .activity-content .exp-right-content {
border-left: solid 1px #d3d3d3;
text-align: left;
padding: 15px 0px 15px 50px;
}
@media (max-width: 768px) {
.experience-content-wrapper .activity-content .exp-right-content {
border-left: none;
border-bottom: solid 1px #d3d3d3;
padding: 15px 0px 45px 50px;
}
}
.experience-content-wrapper .activity-content .exp-right-content h2.act-title {
margin: 0;
margin-bottom: 35px;
}
@media (max-width: 768px) {
.experience-content-wrapper .activity-content:last-child .exp-right-content {
border-left: none;
border-bottom: none;
}
} .itinerary-content-wrapper .left-side img,
.accommodation-content-wrapper .left-side img,
.adventure-content-wrapper .left-side img {
border-radius: 5px;
}
.itinerary-content-wrapper .right-side,
.accommodation-content-wrapper .right-side,
.adventure-content-wrapper .right-side {
text-align: left;
}
.itinerary-content-wrapper .right-side .title h2,
.accommodation-content-wrapper .right-side .title h2,
.adventure-content-wrapper .right-side .title h2 {
position: relative;
margin: 0;
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
text-transform: capitalize;
border: solid 1px rgba(103, 103, 107, 0.1);
display: inline-block;
padding: 10px 30px;
border-radius: 5px;
transition: all 0.5s ease;
cursor: pointer;
color: #424242;
box-shadow: 0px 1px 10px rgba(103, 103, 107, 0.1);
background: white;
}
.itinerary-content-wrapper .right-side .title h2:hover,
.accommodation-content-wrapper .right-side .title h2:hover,
.adventure-content-wrapper .right-side .title h2:hover {
box-shadow: 0px 3px 30px rgba(103, 103, 107, 0.3);
}
.itinerary-content-wrapper .right-side .day-description,
.accommodation-content-wrapper .right-side .day-description,
.adventure-content-wrapper .right-side .day-description {
position: relative;
border-left: dashed 1px rgba(103, 103, 107, 0.1);
padding: 20px;
border-radius: 5px;
padding-bottom: 10px;
box-shadow: 0px 1px 10px rgba(103, 103, 107, 0.1);
background: white;
} .itinerary-content-wrapper .single-iti-content {
margin-bottom: 35px;
} .accommodation-content-wrapper .single-acc-content {
margin-bottom: 35px;
} .gallery-content-wrapper .dest-gallery-items-wrapper .col-md-4 {
padding: 8px;
}
.gallery-content-wrapper .dest-gallery-items-wrapper .col-md-4 img {
border-radius: 5px;
} .adventure-content-wrapper .single-adv-content {
margin-bottom: 35px;
}
.adventure-content-wrapper .single-adv-content .right-side {
text-align: left;
}
.adventure-content-wrapper .single-adv-content .right-side .excerpt {
position: relative;
border-left: dashed 1px rgba(103, 103, 107, 0.1);
padding: 20px;
border-radius: 5px;
padding-bottom: 10px;
box-shadow: 0px 1px 10px rgba(103, 103, 107, 0.1);
background: white;
} .dest-content p {
margin: 20px 0px;
}
.dest-content h2 {
margin-bottom: 30px;
}
.dest-content h3 {
margin-bottom: 30px;
}
.dest-content .gallery {
display: flex;
}
.dest-content .gallery .gallery-item {
margin: 0px 15px;
}
.dest-content .gallery .gallery-item img {
border-radius: 7px;
}
.dest-content .gallery .gallery-item:first-child {
margin-left: 0px;
}
.dest-content .gallery .gallery-item:last-child {
margin-right: 0px;
}
.dest-content:before {
content: '';
height: 1px;
width: 100%;
background: #d3d3d3;
display: block;
margin: 70px 0px;
} .dest-testimonial {
margin: 50px 0px;
}
.dest-testimonial .dest-testimonial-wrapper {
background: white;
width: 90%;
margin: 0 auto;
padding: 50px 60px;
}
.dest-testimonial .dest-testimonial-wrapper .testimonial-icon,
.dest-testimonial .dest-testimonial-wrapper .testimonial-content {
margin-bottom: 35px;
} .suggested-random-destination h2 {
margin-bottom: 70px;
text-align: center;
}
.suggested-random-destination .suggested-single-destination {
text-align: center;
position: relative;
}
.suggested-random-destination .suggested-single-destination .post-thumbnail {
position: relative;
transition: all 0.5s ease;
border-radius: 7px;
overflow: hidden;
}
.suggested-random-destination .suggested-single-destination .post-thumbnail:after {
content: '';
position: absolute;
left: 0;
display: block;
width: 100%;
height: 100%;
top: 0;
transition: all 0.5s ease;
}
.suggested-random-destination .suggested-single-destination .post-data {
position: absolute;
bottom: 10px;
left: 0px;
right: 0;
transition: all 0.4s ease;
}
.suggested-random-destination .suggested-single-destination .post-data h4 {
line-height: 26px;
margin-bottom: 0px;
}
.suggested-random-destination .suggested-single-destination .post-data a {
color: white;
}
.suggested-random-destination .suggested-single-destination .post-data .dest-region a {
margin-right: 3px;
font-size: 12px;
}
.suggested-random-destination .suggested-single-destination:nth-child(2) .post-thumbnail:after {
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.18) 20%, #5696f1);
}
.suggested-random-destination .suggested-single-destination:nth-child(3) .post-thumbnail:after {
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.18) 20%, #a57835);
}
.suggested-random-destination .suggested-single-destination:nth-child(4) .post-thumbnail:after {
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.18) 20%, #56313a);
}
@media (max-width: 991px) {
.suggested-random-destination .suggested-single-destination {
margin-bottom: 35px;
}
}
.suggested-random-destination .suggested-single-destination:hover .post-thumbnail {
transform: translateY(-5px);
box-shadow: 0 3px 20px #b7b7b7;
}
.suggested-random-destination .suggested-single-destination:hover .post-data {
transform: translateY(-15px);
} .single-destination-content .post-navigation .nav-links {
display: flex;
margin: 70px 0px 0px;
}
.single-destination-content .post-navigation .nav-links .nav-previous,
.single-destination-content .post-navigation .nav-links .nav-next {
border: solid 1px #67676b;
padding: 20px 15px;
font-size: 16px;
display: inline-block;
margin: 0px 15px;
}
.single-destination-content .post-navigation .nav-links .nav-previous a,
.single-destination-content .post-navigation .nav-links .nav-next a {
color: #424242;
}
.single-destination-content .post-navigation .nav-links .nav-previous:before {
content: '\f104';
font-family: fontAwesome;
font-size: 24px;
margin-right: 10px;
}
.single-destination-content .post-navigation .nav-links .nav-next:after {
content: '\f105';
font-family: fontAwesome;
font-size: 24px;
margin-left: 10px;
}
@media (max-width: 768px) {
.region-shortcode-wrapper .single-region {
padding: 10px 20px;
}
.region-shortcode-wrapper .featured-region {
padding: 10px 5px;
}
}  .adv-content-header .adv-page-title {
text-align: center;
} .adv-short-info {
margin: 80px 0px 100px;
}
.adv-short-info .adv-short-info-wrapper {
background: #E6E9EB;
padding: 40px 10px;
overflow: hidden;
}
.adv-short-info .adv-short-info-wrapper .col-md-2 {
text-align: center;
border-right: solid 1px #d3d3d3;
}
.adv-short-info .adv-short-info-wrapper .col-md-2 .short-info-heading {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
}
.adv-short-info .adv-short-info-wrapper .col-md-2 .shot-info-details {
font-size: 12px;
} .adv-content {
margin-top: 50px;
}
.adv-content p {
margin: 20px 0px;
}
.adv-content h2 {
margin-bottom: 30px;
}
.adv-content h3 {
margin-bottom: 30px;
}
.adv-content .gallery {
display: flex;
}
.adv-content .gallery .gallery-item {
margin: 0px 15px;
}
.adv-content .gallery .gallery-item img {
border-radius: 7px;
}
.adv-content .gallery .gallery-item:first-child {
margin-left: 0px;
}
.adv-content .gallery .gallery-item:last-child {
margin-right: 0px;
} .day-info {
text-align: center;
}
.day-info .nav.nav-tabs {
margin: 0;
border-bottom: none;
display: inline-block;
transition: all 0.4s ease;
margin-bottom: 70px;
}
.day-info .nav.nav-tabs li {
background: white;
margin: 0px 8px;
border: none;
border-radius: 4px;
box-shadow: 1px 1px 19px #e4e4e4;
}
.day-info .nav.nav-tabs li:hover a {
border: none;
}
.day-info .nav.nav-tabs li a {
text-transform: capitalize;
padding: 13px 30px;
font-weight: normal;
border: none;
transition: all 0.5s ease;
border-radius: 4px;
margin-right: 0;
color: #f37321;
}
.day-info .nav.nav-tabs li a:hover {
color: white;
background: #f37321;
}
.day-info .nav.nav-tabs li.active {
border-radius: 4px;
}
.day-info .nav.nav-tabs li.active a {
border: none;
background: #f37321;
color: white;
border-radius: 4px;
} .adventure-day-tab-content .editor-content p {
display: inline-block;
margin: 0px 0px 50px;
}
.adventure-day-tab-content .activity-header {
margin: 50px 0px 100px;
}
.adventure-day-tab-content .activity-content {
margin: 30px 0px;
}
.adventure-day-tab-content .activity-content .exp-right-content {
border-left: solid 1px #d3d3d3;
text-align: left;
padding: 15px 0px 15px 50px;
}
.adventure-day-tab-content .activity-content .exp-right-content h2.act-title {
margin: 0;
margin-bottom: 35px;
} .dest-testimonial {
margin: 50px 0px;
}
.dest-testimonial .dest-testimonial-wrapper {
background: white;
width: 90%;
margin: 0 auto;
padding: 50px 60px;
}
.dest-testimonial .dest-testimonial-wrapper .testimonial-icon,
.dest-testimonial .dest-testimonial-wrapper .testimonial-content {
margin-bottom: 35px;
} .adv-galley .gallery-content-wrapper h2 {
margin-bottom: 60px;
text-align: center;
}
.adv-galley .gallery-items .gallery-items-wrapper .col-md-12 {
padding: 0;
padding: 15px;
}
.adv-galley .gallery-items .gallery-items-wrapper .col-md-12:focus {
outline: none;
}
.destination-list .item-wrapper {
position: relative;
background: #fff;
box-shadow: 0px 0px 10px #dddddd7d;
transition: all 0.3s ease;
}
.destination-list .item-wrapper .caption {
padding: 20px;
}
.destination-list .item-wrapper .caption .captial {
color: #4d5b6c;
font-size: 14px;
}
.destination-list .item-wrapper .caption .tour-title {
font-size: 18px;
line-height: 26px;
margin: 30px 0;
position: relative;
}
.destination-list .item-wrapper .caption .tour-title:before {
position: absolute;
content: "";
background: #f37321;
width: 60px;
height: 2px;
top: -15px;
left: 0;
right: 0;
text-align: center;
margin: auto;
}
.destination-list .item-wrapper .caption .tour-title a {
color: #1e2329;
transition: all 0.3s ease;
}
.destination-list .item-wrapper .caption .tour-title a:hover {
color: #f37321;
transition: all 0.3s ease;
}
.destination-list .item-wrapper .caption .readmore-btn {
margin: 20px 0;
}
.destination-list .item-wrapper .caption .readmore-btn a {
border: 1px solid #ddd;
display: inline-block;
padding: 5px 20px;
border-radius: 4px;
transition: all 0.3s ease;
color: #1e2329;
}
.destination-list .item-wrapper .caption .readmore-btn a:hover {
background: #f37321;
color: #fff;
border-color: #f37321;
transition: all 0.3s ease;
}
.destination-list .item-wrapper .caption .readmore-btn a i {
margin-left: 10px;
}
.destination-list .item-wrapper:hover {
transition: all 0.3s ease;
}
@media (max-width: 768px) {
.destination-list .item-wrapper {
margin: 30px 5px;
}
} .region-shortcode-wrapper .header-wrapper {
text-align: center;
margin: 50px 0px 100px;
}
.region-shortcode-wrapper .header-wrapper .shortcode-subtitle {
font-family: 'Lato', sans-serif;
font-style: italic;
margin: 0;
}
.region-shortcode-wrapper .header-wrapper h2 {
font-family: 'Open Sans', sans-serif;
font-weight: bold;
margin: 0;
padding: 0;
text-transform: capitalize;
}
.region-shortcode-wrapper .featured-region {
text-align: center;
position: relative;
transition: all 0.5s ease;
}
.region-shortcode-wrapper .featured-region .region-sc-appletv img {
border-radius: 7px;
}
.region-shortcode-wrapper .featured-region .region-sc-appletv .card__title {
color: #f37321;
font-size: 20px;
}
.region-shortcode-wrapper .featured-region .featured-image {
position: relative;
border-radius: 7px;
overflow: hidden;
transition: all 0.4s ease;
}
.region-shortcode-wrapper .featured-region .featured-image:after {
border-radius: 7px;
content: '';
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.18), #244e6d);
display: block;
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
transition: all 0.4s ease;
opacity: 0;
}
.region-shortcode-wrapper .featured-region .featured-info {
position: absolute;
bottom: 33%;
padding: 0px 50px;
opacity: 0;
transition: all 0.4s ease;
color: white;
}
.region-shortcode-wrapper .featured-region .featured-info h3 {
color: white;
}
.region-shortcode-wrapper .featured-region:hover .featured-image:after {
border-radius: 7px;
bottom: 0;
opacity: 1;
}
.region-shortcode-wrapper .featured-region:hover .featured-info {
opacity: 1;
bottom: 35%;
z-index: 2;
}
@media (max-width: 991px) {
.region-shortcode-wrapper .featured-region {
margin-bottom: 35px;
}
}
.region-shortcode-wrapper .region-list {
margin: 0;
padding: 0;
padding-right: 15px;
}
@media (max-width: 991px) {
.region-shortcode-wrapper .region-list {
padding-right: 0px;
}
}
.region-shortcode-wrapper .region-list .tilter {
height: auto;
}
.region-shortcode-wrapper .region-list .col-md-12 {
margin: 10px 0px;
}
.region-shortcode-wrapper .region-list .featured-image {
position: relative;
border-radius: 7px;
overflow: hidden;
transition: all 0.4s ease;
}
.region-shortcode-wrapper .region-list .featured-image:after {
border-radius: 7px;
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
bottom: 0px;
opacity: 1;
transition: all 0.4s ease;
}
.region-shortcode-wrapper .region-list .single-region:first-child .single-region-wrapper .featured-image {
position: relative;
transition: all 0.5s ease;
}
.region-shortcode-wrapper .region-list .single-region:first-child .single-region-wrapper .featured-image:after {
position: absolute;
border-radius: 7px;
bottom: 0px;
opacity: 1;
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.18), #5c0eb1);
transition: all 0.5s ease;
}
.region-shortcode-wrapper .region-list .single-region:first-child .single-region-wrapper:hover .featured-image:after {
bottom: 0px;
opacity: 1;
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.18), #5c0eb1);
}
.region-shortcode-wrapper .region-list .single-region:nth-child(2) .single-region-wrapper .featured-image {
position: relative;
transition: all 0.5s ease;
}
.region-shortcode-wrapper .region-list .single-region:nth-child(2) .single-region-wrapper .featured-image:after {
position: absolute;
border-radius: 7px;
bottom: 0px;
opacity: 1;
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.18), #56313a);
transition: all 0.5s ease;
}
.region-shortcode-wrapper .region-list .single-region:nth-child(2) .single-region-wrapper:hover .featured-image:after {
bottom: 0px;
opacity: 1;
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.18), #56313a);
}
.region-shortcode-wrapper .region-list .single-region:nth-child(4) .single-region-wrapper .featured-image {
position: relative;
transition: all 0.5s ease;
}
.region-shortcode-wrapper .region-list .single-region:nth-child(4) .single-region-wrapper .featured-image:after {
position: absolute;
border-radius: 7px;
bottom: 0px;
opacity: 1;
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.18), #4a6d24);
transition: all 0.5s ease;
}
.region-shortcode-wrapper .region-list .single-region:nth-child(4) .single-region-wrapper:hover .featured-image:after {
bottom: 0px;
opacity: 1;
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.18), #4a6d24);
}
.region-shortcode-wrapper .region-list .single-region:nth-child(5) .single-region-wrapper .featured-image {
position: relative;
transition: all 0.5s ease;
}
.region-shortcode-wrapper .region-list .single-region:nth-child(5) .single-region-wrapper .featured-image:after {
position: absolute;
border-radius: 7px;
bottom: 0px;
opacity: 1;
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.18), #35a59b);
transition: all 0.5s ease;
}
.region-shortcode-wrapper .region-list .single-region:nth-child(5) .single-region-wrapper:hover .featured-image:after {
bottom: 0px;
opacity: 1;
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.18), #35a59b);
}
.region-shortcode-wrapper .region-list .single-region .single-region-wrapper {
position: relative;
display: inline-block;
text-align: center;
}
.region-shortcode-wrapper .region-list .single-region .single-region-wrapper .tax-name {
position: absolute;
bottom: 30px;
left: 0;
right: 0;
opacity: 1;
transition: all 0.4s ease;
color: white;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
}
.region-shortcode-wrapper .region-list .single-region .single-region-wrapper .region-content {
position: absolute;
bottom: 5px;
left: 0;
right: 0;
opacity: 0;
transition: all 0.4s ease;
color: white;
margin: 5px auto;
font-size: 12px;
line-height: 17px;
padding: 5px 10px;
font-family: 'Lato', sans-serif;
}
.region-shortcode-wrapper .region-list .single-region .single-region-wrapper .direction {
position: absolute;
bottom: 25px;
left: 43%;
opacity: 0;
transition: all 0.2s ease;
color: white;
margin: 5px auto;
font-size: 24px;
transition-delay: 0.2s;
}
.region-shortcode-wrapper .region-list .single-region .single-region-wrapper:hover .tax-name {
opacity: 1;
bottom: 105px;
font-size: 20px;
}
.region-shortcode-wrapper .region-list .single-region .single-region-wrapper:hover .region-content {
opacity: 1;
bottom: 50px;
}
.region-shortcode-wrapper .region-list .single-region .single-region-wrapper:hover .direction {
opacity: 1;
left: 46%;
}
.region-shortcode-wrapper .region-list p.tilter__description {
margin: 0;
} .region-v2 .region-v2-info {
display: flex;
}
@media (max-width: 768px) {
.region-v2 .region-v2-info {
display: block;
}
}
.region-v2 .region-v2-info .region-v2-info-wrapper {
position: relative;
transition: all 0.5s ease;
overflow: hidden;
}
@media (max-width: 768px) {
.region-v2 .region-v2-info .region-v2-info-wrapper {
display: inline-block;
margin: 15px 0px;
}
}
.region-v2 .region-v2-info .region-v2-info-wrapper:before {
content: '';
width: 100%;
height: 100%;
display: block;
background: rgba(243, 115, 33, 0.5);
background: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
position: absolute;
left: 0;
top: 0;
opacity: 1;
transition: all 0.5s ease;
}
.region-v2 .region-v2-info .region-v2-info-wrapper .info-data,
.region-v2 .region-v2-info .region-v2-info-wrapper .info-all-dest {
position: absolute;
padding: 10px 20px 0px;
margin: 0;
left: 0;
color: white;
}
.region-v2 .region-v2-info .region-v2-info-wrapper .info-data .dest-count,
.region-v2 .region-v2-info .region-v2-info-wrapper .info-all-dest .dest-count {
float: right;
font-size: 12px;
margin-top: 3px;
}
.region-v2 .region-v2-info .region-v2-info-wrapper .info-data {
width: 100%;
bottom: 15px;
transition: all 0.5s ease;
}
.region-v2 .region-v2-info .region-v2-info-wrapper .info-data a {
font-size: 16px;
color: white;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
}
.region-v2 .region-v2-info .region-v2-info-wrapper .info-data a i {
font-size: 20px;
margin-right: 4px;
}
.region-v2 .region-v2-info .region-v2-info-wrapper .info-all-dest {
bottom: -40px;
transition: all 0.5s ease;
width: 100%;
border-bottom: solid 5px #f37321;
padding-bottom: 9px;
}
.region-v2 .region-v2-info .region-v2-info-wrapper .info-all-dest a {
color: #f37321;
font-weight: bold;
}
.region-v2 .region-v2-info .region-v2-info-wrapper:hover:before {
opacity: 1;
}
.region-v2 .region-v2-info .region-v2-info-wrapper:hover .info-data {
bottom: 45px;
}
.region-v2 .region-v2-info .region-v2-info-wrapper:hover .info-all-dest {
bottom: 0px;
transition: all 0.5s ease;
transition-delay: 0.1s;
}
.region-v2 .column-gap .region-v2-info-wrapper {
margin: 0px 15px;
}
@media (max-width: 768px) {
.region-v2 .column-gap .region-v2-info-wrapper {
margin: 15px 0px;
display: inline-block;
}
}
.region-v2 .column-gap .region-v2-info-wrapper:first-child {
margin-left: 0px;
}
@media (max-width: 768px) {
}
.region-v2 .column-gap .region-v2-info-wrapper:last-child {
margin-right: 0px;
}
@media (max-width: 768px) {
} .featured-region .region-header {
display: flex;
justify-content: space-around;
}
.featured-region .region-header .region-header-tab-wrapper {
transition: all 0.5s ease;
}
.featured-region .region-header .region-header-tab-wrapper a {
text-align: center;
display: inline-block;
margin-bottom: 30px;
transition: all 0.5s ease;
}
.featured-region .region-header .region-header-tab-wrapper a .tab-icon .icon {
width: 128px;
height: 128px;
line-height: 116px;
border-radius: 50%;
text-align: center;
box-shadow: 0px 4px 20px rgba(214, 214, 214, 0.57);
margin-bottom: 18px;
transition: all 0.5s ease;
}
.featured-region .region-header .region-header-tab-wrapper a .tab-icon .icon img {
width: 65px;
}
.featured-region .region-header .region-header-tab-wrapper a .tab-icon .icon-text span {
font-size: 17px;
}
.featured-region .region-header .region-header-tab-wrapper a:hover .tab-icon .icon {
box-shadow: 0px 6px 20px rgba(243, 115, 33, 0.2);
}
.featured-region .region-header .region-header-tab-wrapper a:focus {
text-decoration: none;
}
.featured-region .region-header .region-header-tab-wrapper.active a .tab-icon .icon {
box-shadow: 0px 6px 20px rgba(243, 115, 33, 0.2);
}
.featured-region .region-header .region-header-tab-wrapper.active a .tab-icon .icon-text {
color: #f37321;
}
.featured-region .region-body {
padding: 50px 0px;
position: relative;
}
.featured-region .region-body .content-wrapper {
border: solid 1px #e0e0e0;
margin-bottom: 35px;
border-radius: 2px;
transition: all 0.5s ease;
}
.featured-region .region-body .content-wrapper:hover {
box-shadow: 5px 9px 50px #e0e0e0;
}
.featured-region .region-body .content-wrapper .thumbnail-wrapper img {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.featured-region .region-body .content-wrapper .dest-content-wrapper {
padding: 15px 20px 23px;
border-radius: 2px;
}
.featured-region .region-body .content-wrapper .dest-content-wrapper .destination-title {
margin-bottom: 5px;
}
.featured-region .region-body .content-wrapper .dest-content-wrapper .destination-title a {
transition: all 0.5s ease;
}
.featured-region .region-body .content-wrapper .dest-content-wrapper .destination-place {
position: relative;
font-family: 'Lato', sans-serif;
color: #9e9e9e;
font-size: 12px;
letter-spacing: 0.8px;
transition: all 0.5s ease;
}
.featured-region .region-body .content-wrapper .dest-content-wrapper .destination-place a {
color: #9e9e9e;
}
.featured-region .region-body .content-wrapper .dest-content-wrapper .destination-place a:hover {
color: #f37321;
}
.featured-region .region-body .content-wrapper .dest-content-wrapper .destination-place:after {
content: '';
width: 100%;
height: 1px;
background: #e0e0e0;
display: block;
margin: 10px 0px;
}
.featured-region .region-body .content-wrapper .dest-content-wrapper .destination-time {
font-family: 'Lato', sans-serif;
font-size: 14px;
color: #616161;
margin-bottom: 20px;
}
.featured-region .region-body .content-wrapper .dest-content-wrapper .bottom-part p {
display: inline-block;
}
.featured-region .region-body .content-wrapper .dest-content-wrapper .bottom-part .dest-price {
font-size: 18px;
font-weight: bold;
color: #f37321;
letter-spacing: 0.8px;
}
.featured-region .region-body .content-wrapper .dest-content-wrapper .bottom-part .book-now-btn {
float: right;
}
.featured-region .region-body .content-wrapper .dest-content-wrapper .bottom-part .book-now-btn a {
font-size: 14px;
background: #f37321;
color: white;
padding: 10px 30px;
border-radius: 2px;
}
.featured-region .region-tab .region-header {
display: block;
}  .cf {
height: 380px;
background: rgba(245, 245, 245, 0.9);
display: none;
align-items: center;
justify-content: center;
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
}
.cf .cf:before,
.cf .cf:after {
content: " "; display: table; }
.cf .cf:after {
clear: both;
}
.cf .location_indicator {
position: relative;
}
.cf .location_indicator:before,
.cf .location_indicator:after {
position: absolute;
content: "";
}
.cf .location_indicator:before {
position: absolute;
width: 20px;
height: 20px;
border-radius: 100% 100% 100% 0;
box-shadow: 0px 0px 0px 2px #f37321;
-webkit-animation: mapping 1s linear infinite;
-moz-animation: mapping 1s linear infinite;
animation: mapping 1s linear infinite;
-webkit-transform: rotate(-46deg);
-moz-transform: rotate(-46deg);
transform: rotate(-46deg);
}
.cf .location_indicator:after {
position: absolute;
width: 30px;
height: 10px;
border-radius: 100%;
left: -4px;
background-color: rgba(243, 115, 33, 0.2);
top: 24px;
z-index: 1;
}
@-webkit-keyframes mapping {
0% {
top: 0;
}
50% {
top: -5px;
}
100% {
top: 0;
}
}
@-moz-keyframes mapping {
0% {
top: 0;
}
50% {
top: -5px;
}
100% {
top: 0;
}
}
@-keyframes mapping {
0% {
top: 0;
}
50% {
top: -5px;
}
100% {
top: 0;
}
}
.cf.loading {
display: flex;
}  .valley-default-btn {
background: transparent;
padding: 11px 30px;
transition: all 0.4s ease;
display: inline-block;
cursor: pointer;
border: solid 2px #67676b;
border-radius: 4px;
color: #424242;
}
.valley-default-btn:hover {
background: #f37321;
color: white !important;
border-color: #f37321;
}
.valley-default-btn:visited {
background: #f37321;
color: #424242;
} .valley-default-btn-2 {
font-size: 14px;
background: #f37321;
color: white !important;
padding: 10px 30px;
border-radius: 2px;
border: none;
text-shadow: none;
box-shadow: none;
}
.valley-default-btn-transparent {
font-size: 14px;
background: transparent;
color: white !important;
padding: 10px 30px;
border-radius: 2px;
border: solid 1px white;
text-shadow: none;
box-shadow: none;
}
.valley-btn-primary-3 {
padding: 17px 30px;
box-shadow: -1px 15px 50px rgba(212, 212, 212, 0.73);
border-radius: 40px;
position: relative;
overflow: hidden;
transition: all 0.5s ease;
min-width: 196px;
min-height: 61px;
}
.valley-btn-primary-3:hover {
color: #424242;
}
.valley-btn-primary-3:before {
content: '';
width: 25px;
height: 65px;
display: block;
position: absolute;
background: rgba(36, 195, 88, 0.15);
top: -16px;
right: 69px;
transform: rotate(29deg);
transition: all 0.5s ease;
}
.valley-btn-primary-3:after {
content: '';
width: 25px;
height: 65px;
display: block;
position: absolute;
background: rgba(255, 74, 82, 0.15);
bottom: -16px;
left: 66px;
transform: rotate(29deg);
transition: all 0.5s ease;
}
.valley-btn-primary-3:hover {
color: #424242 !important;
}
.valley-btn-primary-3:hover:before {
transform: rotate(29deg) scaleY(3);
}
.valley-btn-primary-3:hover:after {
transform: rotate(29deg) scaleY(3);
} .valley-testimonial {
background: white;
padding: 5px 40px 5px 20px;
transition: all 0.5s ease;
display: inline-block;
cursor: pointer;
color: #424242;
position: relative;
}
.valley-testimonial:before {
content: '\f178';
font-family: FontAwesome ;
color: #f37321;
position: absolute;
right: 0;
transition: all 0.5s ease;
margin: 0px 15px;
}
.valley-testimonial:after {
content: '';
width: 10px;
height: 100%;
position: absolute;
right: -18px;
transition: all 0.5s ease;
top: 0px;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 18px solid white;
}
.valley-testimonial:hover {
background: #f37321;
color: white;
border-color: #f37321;
}
.valley-testimonial:hover:after {
border-left-color: #f37321;
}
.valley-testimonial:hover:before {
color: white;
}
.valley-testimonial:visited {
background: #f37321;
color: white;
} .valley-disable-btn {
background: white;
box-shadow: 2px 2px 17px -4px rgba(66, 66, 66, 0.2);
padding: 12px 30px;
transition: all 0.4s ease;
display: inline-block;
cursor: not-allowed;
}
.valley-disable-btn:hover {
box-shadow: 5px 10px 24px 0px rgba(66, 66, 66, 0.1);
} .valley-large-btn {
background: white;
box-shadow: 2px 2px 17px -4px rgba(66, 66, 66, 0.2);
padding: 24px 50px;
transition: all 0.4s ease;
display: inline-block;
font-size: 30px;
cursor: pointer;
}
.valley-large-btn:hover {
box-shadow: 5px 10px 24px 0px rgba(66, 66, 66, 0.1);
} .valley-medium-btn {
background: white;
box-shadow: 2px 2px 17px -4px rgba(66, 66, 66, 0.2);
padding: 18px 40px;
transition: all 0.4s ease;
display: inline-block;
font-size: 20px;
cursor: pointer;
}
.valley-medium-btn:hover {
box-shadow: 5px 10px 24px 0px rgba(66, 66, 66, 0.1);
} .valley-small-btn {
background: white;
box-shadow: 2px 2px 17px -4px rgba(66, 66, 66, 0.2);
padding: 12px 30px;
transition: all 0.4s ease;
display: inline-block;
font-size: 12px;
cursor: pointer;
}
.valley-small-btn:hover {
box-shadow: 5px 10px 24px 0px rgba(66, 66, 66, 0.1);
} .call-to-action-btn {
padding: 22px 90px;
display: inline-block;
background: #f37321;
color: white !important;
margin: 10px 0px 20px;
font-size: 28px;
font-weight: 400;
} .valley-theme-buy-btn-small {
background: #67676b;
color: white !important;
display: inline-block;
padding: 12px 30px;
} form .form-submit input[type="submit"] {
padding: 12px 30px;
display: inline-block;
background: #f37321;
color: white !important;
margin: 10px 0px 20px;
font-size: 16px;
font-weight: 400;
box-shadow: none;
border-radius: 50px;
}
form .form-submit input[type="submit"]:hover {
box-shadow: 5px 10px 24px 0px rgba(66, 66, 66, 0.1);
}
form .form-submit input[type="submit"]:active {
box-shadow: none;
}
form .form-submit input[type="submit"]:focus {
outline: none;
} .valley-grd-btn {
background: linear-gradient(45deg, #4eb864 0, #1a9992 100%);
box-shadow: 2px 2px 17px -4px rgba(66, 66, 66, 0.2);
padding: 18px 42px;
transition: all 0.4s ease;
display: inline-block;
cursor: pointer;
color: white !important;
position: relative;
border-radius: 40px;
text-transform: uppercase;
letter-spacing: 1px;
}
.valley-grd-btn:after {
content: attr(btn-text);
position: absolute;
top: 2px;
bottom: 2px;
left: 2px;
right: 2px;
transition: all 0.4s ease;
border-radius: 40px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(45deg, #4eb864 0, #1a9992 100%);
}
.valley-grd-btn:hover:after {
background: white;
color: j #424242;
} .valley-grd-md-btn {
background: linear-gradient(45deg, #4eb864 0, #1a9992 100%);
box-shadow: 2px 2px 17px -4px rgba(66, 66, 66, 0.2);
padding: 18px 42px;
transition: all 0.4s ease;
display: inline-block;
cursor: pointer;
font-size: 17px;
color: white !important;
position: relative;
border-radius: 40px;
text-transform: uppercase;
letter-spacing: 1px;
}
.valley-grd-md-btn:after {
content: attr(btn-text);
position: absolute;
top: 2px;
bottom: 2px;
left: 2px;
right: 2px;
transition: all 0.4s ease;
border-radius: 40px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(45deg, #4eb864 0, #1a9992 100%);
}
.valley-grd-md-btn:hover:after {
background: white;
color: j #424242;
} .valley-radius-btn {
background: transparent;
box-shadow: 2px 2px 17px -4px rgba(66, 66, 66, 0.2);
padding: 15px 30px;
transition: all 0.4s ease;
display: inline-block;
font-size: 17px;
cursor: pointer;
border: solid 2px white;
border-radius: 40px;
color: white !important;
text-transform: uppercase;
letter-spacing: 0.6px;
}
.valley-radius-btn:hover {
background: white;
border: solid 2px #67676b;
color: #67676b !important;
box-shadow: 5px 10px 24px 0px rgba(66, 66, 66, 0.1);
} .valley-radius-md-btn {
background: white;
box-shadow: 2px 2px 17px -4px rgba(66, 66, 66, 0.2);
padding: 14px 45px;
transition: all 0.4s ease;
display: inline-block;
font-size: 17px;
cursor: pointer;
border: solid 2px white;
border-radius: 40px;
color: #67676b !important;
text-transform: capitalize;
letter-spacing: 0.6px;
}
.valley-radius-md-btn:hover {
background: transparent;
border: solid 2px white;
color: white !important;
box-shadow: 5px 10px 24px 0px rgba(66, 66, 66, 0.1);
} .valley-double-border-btn {
border: solid 1px #67676b;
display: inline-block;
color: #67676b;
position: relative;
transition: all 0.4s ease;
display: flex;
align-items: flex-start;
width: 150px;
height: 100px;
justify-content: center;
padding-top: 27px;
}
.valley-double-border-btn:before {
content: '';
position: absolute;
top: -13px;
border: solid 1px red;
width: 100%;
height: 100%;
left: -15px;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
transition: all 0.4s ease;
}
.valley-double-border-btn:hover {
padding-top: 35px;
}
.valley-double-border-btn:hover:before {
content: '';
opacity: 0;
top: 0;
left: 0;
}
.valley-section-header {
position: relative;
z-index: 20;
}
.valley-section-header h2,
.valley-section-header p {
margin: 0;
padding: 0;
}
.valley-section-header .title-wrapper h2 {
margin: 0;
font-weight: 700;
}
.valley-section-header .subtitle-wrapper h3 {
margin: 0;
font-family: 'Lato', sans-serif;
}
.adventure-shortcode {
position: relative;
z-index: 20;
}
.adventure-shortcode .tilter {
height: auto;
}
.adventure-shortcode .adventure-shortcode-wrapper {
position: relative;
text-align: center;
}
.adventure-shortcode .adventure-shortcode-wrapper .owl-dots {
transition: all 0.5s ease;
opacity: 0;
}
.adventure-shortcode .adventure-shortcode-wrapper .owl-dots .owl-dot {
width: 12px;
height: 12px;
background: rgba(243, 115, 33, 0.3);
border-radius: 50%;
display: inline-block;
margin-right: 5px;
transition: all 0.5s ease;
}
.adventure-shortcode .adventure-shortcode-wrapper .owl-dots .owl-dot.active {
background: rgba(243, 115, 33, 0.5);
}
.adventure-shortcode .adventure-shortcode-wrapper:hover .owl-dots {
opacity: 1;
}
.adventure-shortcode .adventure-slider {
position: relative;
}
.adventure-shortcode .adventure-slider .owl-carousel-left,
.adventure-shortcode .adventure-slider .owl-carousel-right {
position: absolute;
top: 38%;
width: 60px;
height: 60px;
line-height: 50px;
text-align: center;
font-size: 20px;
cursor: pointer;
color: white;
border-radius: 50%;
}
.adventure-shortcode .adventure-slider .owl-carousel-left i,
.adventure-shortcode .adventure-slider .owl-carousel-right i {
color: #f37321;
}
.adventure-shortcode .adventure-slider .owl-carousel-left {
left: -70px;
}
.adventure-shortcode .adventure-slider .owl-carousel-right {
right: -70px;
}
.adventure-shortcode .adventure-slider .slider-item {
border-radius: 7px;
padding: 0 15px;
}
.adventure-shortcode .adventure-slider .slider-item a {
overflow: hidden;
}
.adventure-shortcode .adventure-slider .slider-item a p.adventure-title {
color: white;
margin: 0;
padding: 0;
opacity: 1;
transition: all 0.5s ease;
margin-bottom: 20px;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
text-transform: capitalize;
}
.adventure-shortcode .adventure-slider .slider-item img {
border-radius: 7px;
}
.adventure-shortcode .adventure-slider .slider-item .adventure-thumbnail:after {
border-radius: 7px;
}
.adventure-shortcode .adventure-slider .slider-item:nth-child(4n + 1) .adventure-slide-item .adventure-thumbnail {
position: relative;
}
.adventure-shortcode .adventure-slider .slider-item:nth-child(4n + 1) .adventure-slide-item .adventure-thumbnail:after {
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
bottom: 0;
transition: all 0.4s ease;
opacity: 1;
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.18), #5c0eb1);
}
.adventure-shortcode .adventure-slider .slider-item:nth-child(4n - 2) .adventure-slide-item .adventure-thumbnail {
position: relative;
}
.adventure-shortcode .adventure-slider .slider-item:nth-child(4n - 2) .adventure-slide-item .adventure-thumbnail:after {
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
bottom: 0;
transition: all 0.4s ease;
opacity: 1;
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.18), #56313a);
}
.adventure-shortcode .adventure-slider .slider-item:nth-child(4n + 3) .adventure-slide-item .adventure-thumbnail {
position: relative;
}
.adventure-shortcode .adventure-slider .slider-item:nth-child(4n + 3) .adventure-slide-item .adventure-thumbnail:after {
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
bottom: 0;
transition: all 0.4s ease;
opacity: 1;
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.18), #4a6d24);
}
.adventure-shortcode .adventure-slider .slider-item:nth-child(4n) .adventure-slide-item .adventure-thumbnail {
position: relative;
}
.adventure-shortcode .adventure-slider .slider-item:nth-child(4n) .adventure-slide-item .adventure-thumbnail:after {
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
bottom: 0;
transition: all 0.4s ease;
opacity: 1;
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.18), #a57835);
}
.adventure-shortcode .adventure-slider .slider-item:hover .adventure-slide-item .adventure-thumbnail:after {
opacity: 1;
}
.adventure-shortcode .adventure-slider .slider-item:hover .adventure-slide-item .adventure-title {
opacity: 1;
bottom: 35px;
}
.adventure-shortcode .adventure-slider .slider-item:hover .adventure-slide-item .adv-acc-info {
opacity: 1;
bottom: 22px;
}
.adventure-shortcode .adventure-slider .owl-item img {
border-radius: 7px;
}
.adventure-shortcode .adventure-slide-item {
position: relative;
display: inline-block;
text-align: center;
}
.adventure-shortcode .adventure-slide-item .adventure-title {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.adventure-shortcode .adventure-slide-item .adventure-title strong {
display: block;
margin-top: 5px;
font-size: 20px;
font-family: 'Lato', sans-serif;
font-weight: normal;
}
.adventure-shortcode .adventure-slide-item .adv-acc-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
transition: all 0.5s ease;
opacity: 0;
color: white;
margin: 0;
padding: 0;
font-size: 12px;
font-family: 'Lato', sans-serif;
text-transform: capitalize;
} .destination-list .destination-list-wrapper .content-wrapper {
border: solid 1px #e0e0e0;
margin-bottom: 35px;
border-radius: 2px;
transition: all 0.5s ease;
background: #f5f5f5;
overflow: hidden;
}
.destination-list .destination-list-wrapper .content-wrapper .thumbnail-wrapper {
position: relative;
transition: all 0.5s ease;
overflow: hidden;
}
.destination-list .destination-list-wrapper .content-wrapper .thumbnail-wrapper img {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.destination-list .destination-list-wrapper .content-wrapper .thumbnail-wrapper:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
z-index: 1;
}
.destination-list .destination-list-wrapper .content-wrapper:hover {
box-shadow: 5px 9px 50px rgba(0, 0, 0, 0.1);
}
.destination-list .destination-list-wrapper .content-wrapper:hover .thumbnail-wrapper:before {
webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}
.destination-list .destination-list-wrapper .content-wrapper .dest-content-wrapper {
padding: 15px 20px 23px;
border-radius: 2px;
}
.destination-list .destination-list-wrapper .content-wrapper .dest-content-wrapper .destination-title {
margin-bottom: 5px;
}
.destination-list .destination-list-wrapper .content-wrapper .dest-content-wrapper .destination-title a {
transition: all 0.5s ease;
}
.destination-list .destination-list-wrapper .content-wrapper .dest-content-wrapper .destination-place {
position: relative;
font-family: 'Lato', sans-serif;
color: #9e9e9e;
font-size: 12px;
letter-spacing: 0.8px;
transition: all 0.5s ease;
}
.destination-list .destination-list-wrapper .content-wrapper .dest-content-wrapper .destination-place a {
color: #9e9e9e;
}
.destination-list .destination-list-wrapper .content-wrapper .dest-content-wrapper .destination-place a:hover {
color: #f37321;
}
.destination-list .destination-list-wrapper .content-wrapper .dest-content-wrapper .destination-place:after {
content: '';
width: 100%;
height: 1px;
background: #e0e0e0;
display: block;
margin: 10px 0px;
}
.destination-list .destination-list-wrapper .content-wrapper .dest-content-wrapper .destination {
color: #9e9e9e;
font-size: 12px;
letter-spacing: 0.8px;
transition: all 0.5s ease;
margin: 20px 0;
padding: 5px 0;
border-bottom: 1px solid #9e9e9e;
}
.destination-list .destination-list-wrapper .content-wrapper .dest-content-wrapper .destination a {
color: #9e9e9e;
}
.destination-list .destination-list-wrapper .content-wrapper .dest-content-wrapper .destination a:hover {
color: #f37321;
}
.destination-list .destination-list-wrapper .content-wrapper .dest-content-wrapper .destination-time {
font-family: 'Lato', sans-serif;
font-size: 14px;
color: #616161;
margin-bottom: 20px;
}
.destination-list .destination-list-wrapper .content-wrapper .dest-content-wrapper .bottom-part p {
display: inline-block;
}
.destination-list .destination-list-wrapper .content-wrapper .dest-content-wrapper .bottom-part .dest-price {
font-size: 18px;
font-weight: bold;
color: #f37321;
letter-spacing: 0.8px;
}
.destination-list .destination-list-wrapper .content-wrapper .dest-content-wrapper .bottom-part .book-now-btn {
float: right;
margin-top: 0px;
}
.destination-list .destination-list-wrapper .content-wrapper .dest-content-wrapper .bottom-part .book-now-btn a {
font-size: 14px;
background: #f37321;
color: white;
padding: 10px 30px;
border-radius: 2px;
} .adventure-list .adventure-list-wrapper {
padding: 50px 0px;
}
.adventure-list .adventure-list-wrapper .content-wrapper {
border: solid 1px #e0e0e0;
margin-bottom: 35px;
border-radius: 2px;
transition: all 0.5s ease;
}
.adventure-list .adventure-list-wrapper .content-wrapper .thumbnail-wrapper {
position: relative;
transition: all 0.5s ease;
overflow: hidden;
}
.adventure-list .adventure-list-wrapper .content-wrapper .thumbnail-wrapper img {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.adventure-list .adventure-list-wrapper .content-wrapper .thumbnail-wrapper:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
z-index: 1;
}
.adventure-list .adventure-list-wrapper .content-wrapper:hover {
box-shadow: 5px 9px 50px rgba(0, 0, 0, 0.1);
}
.adventure-list .adventure-list-wrapper .content-wrapper:hover .thumbnail-wrapper:before {
webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}
.adventure-list .adventure-list-wrapper .content-wrapper .dest-content-wrapper {
padding: 15px 20px 23px;
border-radius: 2px;
}
.adventure-list .adventure-list-wrapper .content-wrapper .dest-content-wrapper .destination-title {
margin-bottom: 5px;
}
.adventure-list .adventure-list-wrapper .content-wrapper .dest-content-wrapper .destination-title a {
transition: all 0.5s ease;
}
.adventure-list .adventure-list-wrapper .content-wrapper .dest-content-wrapper .destination-place {
position: relative;
font-family: 'Lato', sans-serif;
color: #9e9e9e;
font-size: 12px;
letter-spacing: 0.8px;
transition: all 0.5s ease;
}
.adventure-list .adventure-list-wrapper .content-wrapper .dest-content-wrapper .destination-place a {
color: #9e9e9e;
}
.adventure-list .adventure-list-wrapper .content-wrapper .dest-content-wrapper .destination-place a:hover {
color: #f37321;
}
.adventure-list .adventure-list-wrapper .content-wrapper .dest-content-wrapper .destination-place:after {
content: '';
width: 100%;
height: 1px;
background: #e0e0e0;
display: block;
margin: 10px 0px;
}
.adventure-list .adventure-list-wrapper .content-wrapper .dest-content-wrapper .destination-time {
font-family: 'Lato', sans-serif;
font-size: 14px;
color: #616161;
margin-bottom: 20px;
}
.adventure-list .adventure-list-wrapper .content-wrapper .dest-content-wrapper .bottom-part p {
display: inline-block;
}
.adventure-list .adventure-list-wrapper .content-wrapper .dest-content-wrapper .bottom-part .dest-price {
font-size: 18px;
font-weight: bold;
color: #f37321;
letter-spacing: 0.8px;
}
.adventure-list .adventure-list-wrapper .content-wrapper .dest-content-wrapper .bottom-part .book-now-btn {
float: right;
margin-top: 0px;
}
.adventure-list .adventure-list-wrapper .content-wrapper .dest-content-wrapper .bottom-part .book-now-btn a {
font-size: 14px;
background: #f37321;
color: white;
padding: 10px 30px;
border-radius: 2px;
}
.delay-1 {
animation-delay: 0.1s;
}
.delay-2 {
animation-delay: 0.3s;
}
.delay-3 {
animation-delay: 0.5s;
}
.delay-4 {
animation-delay: 0.7s;
}
.delay-5 {
animation-delay: 0.9s;
}
.destination-carousel .item {
position: relative;
overflow: hidden;
transition: all 0.3s ease;
}
.destination-carousel .item .featured-image:before {
position: absolute;
content: "";
background: linear-gradient(-180deg, rgba(255, 255, 255, 0), #000);
width: 100%;
height: 100%;
left: 0;
right: 0;
opacity: 1;
}
.destination-carousel .item .title-caption {
position: absolute;
text-align: center;
left: 0;
right: 0;
bottom: 20px;
transition: all 0.3s ease;
}
.destination-carousel .item .title-caption .tax-name {
color: #fff;
border-top: 2px solid #fff;
padding: 10px 0;
display: inline-block;
}
.destination-carousel .item:hover .title-caption {
bottom: 60px;
transition: all 0.3s ease;
}
.destination-carousel .owl-nav {
display: block !important;
}
.destination-carousel .owl-nav .owl-carousel-left,
.destination-carousel .owl-nav .owl-carousel-right {
font-size: 12px;
width: 40px;
height: 40px;
line-height: 47px;
border-radius: 4px;
background: transparent;
box-shadow: none;
border: 1px solid #404040;
color: #404040;
top: -85px;
text-align: center;
position: absolute;
padding: 0;
text-shadow: none;
outline: none;
}
.destination-carousel .owl-nav .owl-carousel-left {
float: left;
right: 50px;
}
.destination-carousel .owl-nav .owl-carousel-right {
right: 0;
float: right;
}
.destination-carousel .adventure .item-wrapper {
box-shadow: 0px 0px 10px #dddddd7d;
background: rgba(37, 53, 73, 0.03);
border-radius: 4px;
overflow: hidden;
}
.destination-carousel .adventure .item-wrapper .caption {
padding: 20px 0 30px;
background: rgba(37, 53, 73, 0.03);
}
.destination-carousel .adventure .item-wrapper .caption .readmore-btn a {
padding: 5px 20px;
margin: 20px 0;
display: inline-block;
border: 1px solid #1e2329;
color: #1e2329;
border-radius: 4px;
}
.destination-carousel .adventure .item-wrapper .caption .readmore-btn a i {
margin: 0 0px 0 10px;
}
.destination-carousel .adventure .item-wrapper .caption .readmore-btn a:hover {
background: #f37321;
color: #fff !important;
border-color: #f37321 !important;
transition: all 0.3s ease;
}
.destination-carousel .adventure .item-wrapper .caption .adventure-title {
position: relative;
padding: 10px 0 0;
}
.destination-carousel .adventure .item-wrapper .caption .adventure-title:before {
position: absolute;
content: "";
background: #f37321;
width: 60px;
height: 2px;
top: -10px;
left: 0;
right: 0;
text-align: center;
margin: auto;
}
.destination-carousel .adventure .item-wrapper .caption .tags a {
color: #4d5b6c;
}
.valley-video-popup .valley-video-popup-wrapper {
position: relative;
z-index: 20;
display: inline-block;
}
.valley-video-popup .valley-video-popup-wrapper .video-left-image {
padding: 0;
}
.valley-video-popup .valley-video-popup-wrapper .video-left-image img {
position: relative;
z-index: 1;
border-radius: 7px;
}
.valley-video-popup .valley-video-popup-wrapper .video-left-image span.video-shape-1 {
width: 150px;
height: 150px;
display: inline-block;
z-index: 1;
position: absolute;
border: solid 27px rgba(255, 74, 82, 0.3);
top: 8%;
right: -38%;
transform: rotate(26deg);
}
.valley-video-popup .valley-video-popup-wrapper .video-left-image span.video-shape-2 {
width: 150px;
height: 150px;
display: inline-block;
z-index: 1;
position: absolute;
border: solid 27px rgba(243, 115, 33, 0.3);
bottom: -36%;
border-radius: 50%;
left: 39%;
}
.valley-video-popup .valley-video-popup-wrapper .video-left-image:after {
content: '';
width: 101%;
height: 113%;
border: solid 27px rgba(36, 195, 88, 0.3);
display: block;
position: absolute;
top: 8%;
left: 28%;
}
@media (max-width: 480px) {
.valley-video-popup .valley-video-popup-wrapper .video-left-image {
padding: 0 20px;
}
.valley-video-popup .valley-video-popup-wrapper .video-left-image:after {
display: none;
}
}
.valley-video-popup .valley-video-popup-wrapper .video-cover-image {
position: absolute;
top: 25%;
right: 21%;
z-index: 2;
}
@media (max-width: 992px) {
.valley-video-popup .valley-video-popup-wrapper .video-cover-image {
position: relative;
right: 3%;
margin-top: 35px;
padding: 0;
}
}
@media (max-width: 480px) {
.valley-video-popup .valley-video-popup-wrapper .video-cover-image {
position: relative;
right: 0;
margin-top: 35px;
padding: 0 20px;
}
}
.valley-video-popup .image-wrapper {
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center center !important;
height: 470px;
width: 780px;
margin: 0 auto;
border-radius: 7px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 992px) {
.valley-video-popup .image-wrapper {
width: auto;
}
}
@media (max-width: 768px) {
.valley-video-popup .image-wrapper {
width: auto;
}
}
.valley-video-popup .image-wrapper a {
-webkit-transition: all 0.9s ease;
}
.valley-video-popup .image-wrapper a svg {
height: 100px;
width: 100px;
background: rgba(0, 0, 0, 0.5);
background: rgba(36, 195, 88, 0.3);
border-radius: 50%;
}
.valley-video-popup .image-wrapper a .triangle {
-webkit-transition: all 0.7s ease-in-out;
stroke-dasharray: 240;
stroke-dashoffset: 480;
stroke: white;
transform: translateY(0);
}
.valley-video-popup .image-wrapper a .circle {
stroke: white;
stroke-dasharray: 650;
stroke-dashoffset: 650;
-webkit-transition: all 0.9s ease-in-out;
opacity: 0.6;
fill: rgba(0, 0, 0, 0.6);
fill: rgba(36, 195, 88, 0.3);
fill-rule: nonzero;
z-index: 5;
}
.valley-video-popup .image-wrapper a:hover .triangle {
stroke-dashoffset: 0;
opacity: 1;
stroke: white;
z-index: 10;
}
.valley-video-popup .image-wrapper a:hover .circle {
stroke-dashoffset: 0;
opacity: 1;
}
.mfp-iframe-holder .mfp-close {
top: -44px;
border: 2px solid #fafafa;
width: unset;
border-radius: 50%;
color: #fafafa;
right: -44px;
text-align: center;
padding: 0 12px;
transition: all 0.3s;
}
.region-archive-content .tilter {
height: auto;
}
.region-archive-content .tilter__caption {
padding: 10px;
}
.region-archive-content .tilter__title {
font-size: 16px;
color: white;
}
.region-archive-content p.tilter__description {
margin: 0;
margin-top: 2px;
color: white;
}
.region-archive-content .region-child-info {
text-align: center;
margin-bottom: 40px;
}
.region-archive-content .region-child-info .tax-info a {
transition: all 0.5s ease;
display: inline-block;
}
.region-archive-content .region-child-info .tax-info a h3 {
font-size: 28px;
font-weight: bold;
text-transform: uppercase;
transition: all 0.5s ease;
margin: 0;
margin: 20px 0px 22px;
}
.region-archive-content .region-child-info .tax-info a:hover h3 {
color: #f37321;
}
.region-archive-content .region-child-info .region-child-post-info {
display: flex;
justify-content: center;
}
.region-archive-content .region-child-info .region-child-post-info .child-post-info-wrapper {
transition: all 0.5s ease;
margin-bottom: 15px;
}
.region-archive-content .region-child-info .region-child-post-info .child-post-info-wrapper a {
color: #424242;
transition: all 0.4s ease;
border: solid 1px rgba(103, 103, 107, 0.1);
padding: 5px 20px;
margin-right: 5px;
border-radius: 20px;
display: inline-block;
background: white;
box-shadow: 0px 1px 10px rgba(103, 103, 107, 0.1);
}
.region-archive-content .region-child-info .region-child-post-info .child-post-info-wrapper a:hover {
transform: translateY(-5px);
box-shadow: 0px 3px 30px rgba(103, 103, 107, 0.15);
color: #f37321;
}
.region-archive-content .region-child-info .region-child-post-info .child-post-info-wrapper a:hover .child-post-count {
color: #f37321;
}
.region-archive-content .region-child-info .region-child-post-info .child-post-info-wrapper a .child-post-count {
transition: all 0.5s ease;
border: solid 1px #d3d3d3;
padding: 5px 7px;
border-radius: 50px;
font-size: 10px;
}
.region-archive-content .region-archive-info {
transition: all 0.5s ease;
}
.region-archive-content .region-archive-info .featured-image img {
border-radius: 7px;
}
@media (max-width: 991px) {
.region-archive-content .region-archive-info {
margin-bottom: 35px;
}
}
.region-archive-content .region-archive-posts {
padding-right: 5px;
}
@media (max-width: 991px) {
.region-archive-content .region-archive-posts {
padding-left: 5px;
}
}
.region-archive-content .region-archive-posts img {
border-radius: 7px;
}
.region-archive-content .region-archive-posts .col-md-12 {
margin: 12px 0px;
}
.region-archive-content .region-archive-posts .taxonomy-single-post {
position: relative;
text-align: center;
}
.region-archive-content .region-archive-posts .taxonomy-single-post figure {
margin: 0;
}
@media (max-width: 768px) {
.region-archive-content .region-archive-posts .taxonomy-single-post {
margin-bottom: 20px;
}
}
.region-archive-content .region-archive-posts .taxonomy-single-post .taxonomy-single-post-wrapper {
display: inline-block;
transition: all 0.4s ease;
border-radius: 7px;
}
.region-archive-content .region-archive-posts .taxonomy-single-post .taxonomy-single-post-wrapper .tax-post-info {
position: absolute;
bottom: 0px;
left: 0;
right: 0;
transition: all 0.5s ease;
opacity: 1;
}
.region-archive-content .region-archive-posts .taxonomy-single-post .taxonomy-single-post-wrapper .tax-post-info a {
color: white;
}
.region-archive-content .region-archive-posts .taxonomy-single-post .taxonomy-single-post-wrapper .tax-post-info .tax-post-title {
margin: 0;
text-transform: capitalize;
font-size: 14px;
letter-spacing: 1px;
}
.region-archive-content .region-archive-posts .taxonomy-single-post .taxonomy-single-post-wrapper .tax-post-info .tax-post-title p {
margin: 0;
font-size: 20px;
}
.region-archive-content .region-archive-posts .taxonomy-single-post .taxonomy-single-post-wrapper .thumbnail-wrapper {
display: inline-block;
position: relative;
transition: all 0.5s ease;
color: white;
}
.region-archive-content .region-archive-posts .taxonomy-single-post .taxonomy-single-post-wrapper .thumbnail-wrapper:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.2) 50%, #5696f1);
bottom: 0;
left: 0;
opacity: 1;
display: block;
transition: all 0.5s ease;
border-radius: 7px;
}
.region-archive-content .region-archive-posts .taxonomy-single-post .taxonomy-single-post-wrapper:hover {
transform: translateY(-7px);
box-shadow: 0px 3px 30px rgba(103, 103, 107, 0.15);
}
.region-archive-content .region-archive-posts .taxonomy-single-post .taxonomy-single-post-wrapper:hover .tax-post-info {
bottom: 20px;
opacity: 1;
}
.region-archive-content .region-archive-posts .taxonomy-single-post .taxonomy-single-post-wrapper:hover .thumbnail-wrapper:after {
opacity: 1;
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.2) 0%, #5696f1);
}
.region-archive-content .region-archive-posts .taxonomy-single-post:first-child .taxonomy-single-post-wrapper .thumbnail-wrapper:after {
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.18), #5c0eb1);
}
.region-archive-content .region-archive-posts .taxonomy-single-post:nth-child(2) .taxonomy-single-post-wrapper .thumbnail-wrapper:after {
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.18), #56313a);
}
.region-archive-content .region-archive-posts .taxonomy-single-post:nth-child(4) .taxonomy-single-post-wrapper .thumbnail-wrapper:after {
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.18), #4a6d24);
}
.region-archive-content .region-archive-posts .taxonomy-single-post:nth-child(5) .taxonomy-single-post-wrapper .thumbnail-wrapper:after {
background: linear-gradient(-180deg, rgba(37, 53, 73, 0.18), #35a59b);
}
.region-archive-content .tax-featured-thumb img {
border-radius: 7px;
}
.tax-archive-content {
margin-top: 50px;
box-shadow: 0px 1px 10px rgba(103, 103, 107, 0.1);
padding: 35px;
border-radius: 10px;
background: white;
}
.blurb-image .image-wrapper img {
border-radius: 7px;
position: relative;
}
.blurb-image .heffect-on {
position: relative;
transition: all 0.5s ease;
overflow: hidden;
}
.blurb-image .heffect-on:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
z-index: 1;
}
.blurb-image .heffect-on:hover:before {
webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}
@media (max-width: 768px) {
.blurb-image {
margin-bottom: 35px;
}
}
@media (max-width: 991px) {
.blurb-content .call-to-action {
text-align: center !important;
margin-bottom: 35px;
}
}
@media (max-width: 991px) {
.blurb-content .content-section {
margin: 35px !important;
}
}
.counter-wrapper {
position: relative;
display: inline-block;
text-align: center;
color: white;
width: 100%;
}
.counter-wrapper img {
border-radius: 7px;
width: 100%;
}
.counter-wrapper .counter-content {
position: absolute;
left: 0;
right: 0;
bottom: 32%;
}
.counter-wrapper .counter-content h1 {
margin-bottom: 7px;
}
@media (max-width: 768px) {
.counter-wrapper {
margin-bottom: 35px;
}
}
.dest-meta-query {
padding-top: 50px;
}
.dest-meta-query h2 {
margin-bottom: 50px !important;
text-align: center;
}
.dest-meta-query .dest-query-form {
text-align: center;
display: flex;
align-items: center;
margin-bottom: 50px;
}
@media (max-width: 768px) {
.dest-meta-query .dest-query-form {
display: block;
}
}
.dest-meta-query .dest-query-form .col-md-3 {
padding: 0px 10px;
}
.dest-meta-query .dest-query-form .col-md-3 p.query-label {
text-align: left;
margin-left: 7px;
margin-bottom: 8px;
font-size: 16px;
color: #757575;
}
.dest-meta-query .dest-query-form .col-md-3 select {
padding: 2px 10px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.dest-meta-query .dest-query-form .col-md-3 select,
.dest-meta-query .dest-query-form .col-md-3 input {
color: #c3c3c3;
padding: 0px 14px;
height: 40px;
border: none;
font-weight: 300;
letter-spacing: 0.6px;
outline: 0;
box-shadow: none;
}
.dest-meta-query .dest-query-form .col-md-3 select::-webkit-input-placeholder,
.dest-meta-query .dest-query-form .col-md-3 input::-webkit-input-placeholder { color: #c3c3c3;
}
.dest-meta-query .dest-query-form .col-md-3 select::-moz-placeholder,
.dest-meta-query .dest-query-form .col-md-3 input::-moz-placeholder { color: #c3c3c3;
}
.dest-meta-query .dest-query-form .col-md-3 select:-ms-input-placeholder,
.dest-meta-query .dest-query-form .col-md-3 input:-ms-input-placeholder { color: #c3c3c3;
}
.dest-meta-query .dest-query-form .col-md-3 select:-moz-placeholder,
.dest-meta-query .dest-query-form .col-md-3 input:-moz-placeholder { color: #c3c3c3;
}
.dest-meta-query .dest-query-form .submit-button {
margin-top: 20px;
}
.dest-meta-query .dest-query-form .submit-button button {
box-shadow: none;
text-shadow: none;
border-radius: 2px;
padding: 7px 30px;
text-transform: capitalize;
letter-spacing: 0.6px;
width: 100%;
}
@media (max-width: 991px) {
.dest-meta-query .destination-query-result .dest-result-wrapper .col-md-6 {
margin-bottom: 35px;
}
}
.dest-meta-query .destination-query-result .dest-result-wrapper h4 {
margin-left: 15px;
margin-bottom: 30px;
}
.dest-meta-query .destination-query-result .dest-result-wrapper a.tilter figure figcaption {
z-index: 1;
}
.dest-meta-query .destination-query-result .dest-result-wrapper a.tilter figure figcaption h3.tilter__title {
color: white;
}
.dest-meta-query .destination-query-result .dest-result-wrapper a.tilter figure figcaption p.tilter__description span {
color: white;
}
.dest-meta-query .destination-query-result .dest-result-wrapper .book-now a {
display: inline-block;
padding: 8px 23px;
margin-top: 10px;
}
.dest-meta-query .destination-query-result .dest-result-wrapper .col-md-12 {
margin: 35px 0px 0px;
padding: 20px 0px 0px;
}
.dest-meta-query .destination-query-result .no-destination {
margin: 130px 0px;
}
@media (max-width: 768px) {
.dest-meta-query {
padding: 50px 10px;
}
} .chart-shortcode {
float: right;
}
.chart-shortcode .chart-shortcode-wrapper h2 {
color: #253549;
}
.chart-shortcode .chart-shortcode-wrapper p {
color: #a8acb9;
}
.chart-shortcode .chart-shortcode-wrapper canvas.myChart {
width: 450px !important;
height: 450px !important;
}
@media (max-width: 991px) {
.chart-shortcode .chart-shortcode-wrapper canvas.myChart {
width: 100% !important;
height: auto !important;
}
}
@media (max-width: 991px) {
.chart-shortcode {
float: none;
}
}
.image-title-wrapper .card__image {
position: inherit;
border-radius: 7px;
}
.image-title-wrapper h2.card__title {
color: #f37321 !important;
}  .blog-list .blog-list-wrapper .content-wrapper {
border: solid 1px #e0e0e0;
margin-bottom: 35px;
border-radius: 2px;
transition: all 0.5s ease;
overflow: hidden;
}
.blog-list .blog-list-wrapper .content-wrapper .thumbnail-wrapper {
position: relative;
transition: all 0.5s ease;
overflow: hidden;
}
.blog-list .blog-list-wrapper .content-wrapper .thumbnail-wrapper img {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.blog-list .blog-list-wrapper .content-wrapper .thumbnail-wrapper:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
z-index: 1;
}
.blog-list .blog-list-wrapper .content-wrapper:hover {
box-shadow: 5px 9px 50px rgba(0, 0, 0, 0.1);
}
.blog-list .blog-list-wrapper .content-wrapper:hover .thumbnail-wrapper:before {
webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}
.blog-list .blog-list-wrapper .content-wrapper .blog-content-wrapper {
padding: 15px 20px 23px;
border-radius: 2px;
}
.blog-list .blog-list-wrapper .content-wrapper .blog-content-wrapper .post-time {
color: #9e9e9e;
font-size: 12px;
}
.blog-list .blog-list-wrapper .content-wrapper .blog-content-wrapper .post-time .seperator {
margin: 0px 3px;
}
.blog-list .blog-list-wrapper .content-wrapper .blog-content-wrapper .post-time .cat-wrapper a {
color: #9e9e9e;
font-size: 12px;
transition: all 0.5s ease;
}
.blog-list .blog-list-wrapper .content-wrapper .blog-content-wrapper .blog-title {
margin: 7px 0px 15px;
}
.blog-list .blog-list-wrapper .content-wrapper .blog-content-wrapper .blog-title a {
transition: all 0.5s ease;
}
.blog-list .blog-list-wrapper .content-wrapper .blog-content-wrapper .read-more-btn {
margin: 30px 0px 10px;
}
.blog-list .blog-list-wrapper .content-wrapper .img-wrapper {
height: 200px;
overflow: hidden;
} .testimonial-v2 .testimonial-list-wrapper {
position: relative;
}
.testimonial-v2 .testimonial-list-wrapper .content-wrapper {
display: flex;
align-items: center;
}
.testimonial-v2 .testimonial-list-wrapper .speech-wrapper {
width: 80%;
margin-bottom: 30px;
font-size: 16px;
color: #616161;
}
.testimonial-v2 .testimonial-list-wrapper .testimonial-content-wrapper h5 {
margin-bottom: 5px;
color: #f37321;
}
.testimonial-v2 .testimonial-list-wrapper .testimonial-content-wrapper .author-designation {
color: #9e9e9e;
}
.testimonial-v2 .testimonial-list-wrapper .owl-dots {
transition: all 0.5s ease;
position: absolute;
top: 75%;
left: 34%;
}
.testimonial-v2 .testimonial-list-wrapper .owl-dots .owl-dot {
display: inline-block;
width: 14px;
height: 14px;
border-radius: 50%;
margin: 0px 3px;
border: solid 1px #616161;
transition: all 0.5s ease;
}
.testimonial-v2 .testimonial-list-wrapper .owl-dots .owl-dot.active {
background: #f37321;
border: solid 1px #f37321;
} .recent-post {
padding: 0 15px;
margin: 0 15px;
overflow: hidden;
}
.cat-post-list-wrapper {
display: grid;
min-height: 500px;
grid-gap: 20px;
grid-template-rows: [row] auto [row] auto [row];
}
.cat-post-list-wrapper .regular-post {
transition: all 0.3s ease;
position: relative;
}
.cat-post-list-wrapper .regular-post.post-1 {
grid-column: 1 / span 2;
}
.cat-post-list-wrapper .regular-post.post-1 .thumb-wrapper {
max-height: 300px;
overflow: hidden;
}
.cat-post-list-wrapper .regular-post.post-2 {
grid-column: col 2 / span 2;
}
.cat-post-list-wrapper .regular-post.post-2 .thumb-wrapper {
max-height: 300px;
overflow: hidden;
}
.cat-post-list-wrapper .regular-post.post-3 {
grid-column: 1 ;
grid-row: 2 ;
}
.cat-post-list-wrapper .regular-post.post-4 {
grid-column: 2 ;
grid-row: 2 ;
}
.cat-post-list-wrapper .regular-post.post-5 {
grid-column: col 2 / span 2;
}
.cat-post-list-wrapper .regular-post.post-5 .thumb-wrapper {
max-height: 250px;
overflow: hidden;
}
.cat-post-list-wrapper .regular-post.post-6 {
grid-column: 1 / span 2;
}
.cat-post-list-wrapper .regular-post .post-thumb .post-data {
position: absolute;
width: 90%;
left: 5%;
color: #fff;
bottom: 10px;
z-index: 10;
}
.cat-post-list-wrapper .regular-post .post-thumb .post-data .post-title {
margin: -15px 0 0;
}
.cat-post-list-wrapper .regular-post .post-thumb .post-data .post-title a {
color: #fff;
}
.cat-post-list-wrapper .regular-post .post-thumb .post-data .seperator {
padding: 0 10px;
}
.cat-post-list-wrapper .regular-post .post-thumb .post-data .post-category a {
color: #fff;
}
.cat-post-list-wrapper .regular-post .post-thumb .thumb-wrapper {
display: block;
}
.cat-post-list-wrapper .regular-post .post-thumb .thumb-wrapper:before {
background: linear-gradient(to top, #000 0%, #000e 18%, rgba(255, 255, 255, 0) 36%);
position: absolute;
content: "";
width: 100%;
height: 100%;
z-index: 9;
}
.cat-post-list-wrapper .regular-post:hover {
transition: all 0.3s ease;
}
@media (max-width: 768px) {
.cat-post-list-wrapper .regular-post.post-1 {
grid-column: 1 / span 2;
}
.cat-post-list-wrapper .regular-post.post-2 {
grid-column: col 2 / span 2;
}
.cat-post-list-wrapper .regular-post.post-3 {
grid-column: 1 / span 2;
grid-row: 2;
}
.cat-post-list-wrapper .regular-post.post-4 {
grid-column: col 2 / span 2;
grid-row: 2;
}
.cat-post-list-wrapper .regular-post.post-5 {
grid-column: 1 / span 4;
max-height: none;
}
.cat-post-list-wrapper .regular-post.post-6 {
grid-column: 2 / span 2;
}
}
@media (max-width: 480px) {
.cat-post-list-wrapper {
grid-gap: 20px 0;
}
.cat-post-list-wrapper .regular-post.post-1 {
grid-column: 2 / span 1;
padding: 0 ;
}
.cat-post-list-wrapper .regular-post.post-2 {
grid-column: col 1 / span 1;
padding: 0 0px 0 0px;
}
.cat-post-list-wrapper .regular-post.post-3 {
grid-column: 2;
grid-row: 2;
}
.cat-post-list-wrapper .regular-post.post-4 {
grid-column: 2;
grid-row: 3;
}
.cat-post-list-wrapper .regular-post.post-5 {
grid-column: col 1 / span 1;
max-height: none;
}
.cat-post-list-wrapper .regular-post.post-6 {
grid-column: 2 / span 1;
}
.padding {
padding: 80px 20px 20px 15px;
}
}
.fullscreen .section-title h1 {
font-size: 70px;
font-weight: bold;
}
.fullscreen .section-sub-title {
margin: 25px 0px;
}
.fullscreen .section-sub-title h2 {
font-size: 50px;
}
.fullscreen .section-button {
margin: 50px 0px 0px;
}
.fullscreen-video {
position: relative;
}
.fullscreen-video .content-b {
position: inherit;
}
.fullscreen-video .section-heading {
position: relative;
z-index: 2;
}
.fullscreen-video video,
.fullscreen-video .iframe-video {
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.fullscreen-video .iframe-video {
width: 100%;
height: 100%;
}