/home/blackyak/www/wordpress/wp-content/themes/travivu/assets/css/template.css
/**
* Table of Contents:
*
* 1 - FONT
* 2 - BASE STYLE
* 3 - LAYOUT STYLE
* 4 - MENU STYLE
* 5 - WIDGETS STYLE
* 6 - POST STYLE
* 7 - PAGE STYLE
* 8 - TYPOGRAPHY STYLE
* 9 - EFFECT STYLE
* 10 - CUSTOMIZE STYLE
*/
/****/
/*------------------------------------------------------------------*\
1 - FONT
\*------------------------------------------------------------------*/
/*------------------------------------------------------------------*\
2 - BASE STYLE
\*------------------------------------------------------------------*/
html {
font-size: 16px;
overflow-x: hidden;
}
body {
overflow-x: hidden;
line-height: 1.8em;
}
.travivu-page-loading {
background: #fff;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999;
display: none !important;
}
a, button {
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
a:hover, a:active, a:focus, button:hover, button:active, button:focus {
outline: none;
text-decoration: none;
cursor: pointer;
}
a:hover {
color: var(--e-global-color-primary);
}
h1, h2, h3, h4, h5, h6 {
margin-top: 15px;
margin-bottom: 20px;
letter-spacing: -0.02em;
}
img {
border: 0;
vertical-align: top;
max-width: 100%;
height: auto;
}
svg {
height: auto;
}
.video-responsive {
height: 0;
padding-top: 0;
padding-bottom: 56.25%;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
.video-responsive embed, .video-responsive iframe, .video-responsive object, .video-responsive video {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}
.wp-block-gallery.alignleft {
padding-right: 30px;
margin-top: 6px;
}
.wp-block-gallery.alignright {
padding-left: 30px;
margin-top: 6px;
}
.wp-block-gallery figcaption, .wp-block-gallery .blocks-gallery-caption {
margin-bottom: 15px;
}
.wp-block-button {
margin-bottom: 10px;
}
.wp-block-button__link {
margin-bottom: 10px;
color: #fff !important;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.wp-block-button__link:hover {
color: #fff !important;
-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.16);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.16);
}
.is-style-outline .wp-block-button__link {
color: #16243D !important;
}
.is-style-outline .wp-block-button__link:hover {
color: #16243D !important;
}
.is-style-squared a {
border-radius: 0 !important;
}
.no-border-radius {
border-radius: 0 !important;
}
figure figcaption {
display: block;
}
figcaption, figure, main {
display: block;
}
.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
line-height: 1.2 !important;
padding-top: 10px !important;
}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="number"],
textarea, select,
#checkout_form .input_group > div input, #edit_user_profile .input_group > div input {
background-color: #FBFBFB;
border: 1px solid #DFDFDF;
padding: 0 15px !important;
max-width: 100%;
border-radius: 5px;
line-height: 50px;
color: var(--travivu-body-color);
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
input[type="text"]:focus, input[type="text"]:active, input[type="text"]:hover,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="tel"]:hover,
input[type="password"]:focus,
input[type="password"]:active,
input[type="password"]:hover,
input[type="email"]:focus,
input[type="email"]:active,
input[type="email"]:hover,
input[type="url"]:focus,
input[type="url"]:active,
input[type="url"]:hover,
input[type="date"]:focus,
input[type="date"]:active,
input[type="date"]:hover,
input[type="number"]:focus,
input[type="number"]:active,
input[type="number"]:hover,
textarea:focus,
textarea:active,
textarea:hover, select:focus, select:active, select:hover,
#checkout_form .input_group > div input:focus,
#checkout_form .input_group > div input:active,
#checkout_form .input_group > div input:hover, #edit_user_profile .input_group > div input:focus, #edit_user_profile .input_group > div input:active, #edit_user_profile .input_group > div input:hover {
outline: none;
}
input:-webkit-autofill {
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: var(--travivu-body-color) !important;
color: var(--travivu-body-color) !important;
}
input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder {
color: var(--travivu-body-color);
}
input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="email"]::-moz-placeholder {
color: var(--travivu-body-color);
opacity: 1;
}
input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder {
color: var(--travivu-body-color);
opacity: 1;
}
input[type="text"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="email"]:-moz-placeholder {
color: var(--travivu-body-color);
opacity: 1;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("../images/down-arrow.svg") !important;
background-repeat: no-repeat !important;
background-size: 10px !important;
padding-right: 35px;
background-position: right 16px center !important;
}
.input-fw {
width: 100%;
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover {
cursor: pointer;
}
textarea {
width: 100%;
}
input:focus, input:active, input:hover, textarea:focus, textarea:active, textarea:hover, select:focus, select:active, select:hover {
outline: none;
}
.wp-caption {
margin-top: 10px;
margin-bottom: 10px;
max-width: 100%;
}
.wp-caption img {
margin-bottom: 10px;
}
.wp-caption .wp-caption-text {
font-weight: 400;
font-size: 14px;
line-height: 22px;
font-style: italic;
color: #16243D;
width: 100%;
display: block;
clear: both;
padding: 8px 15px;
}
.wp-block-image {
margin-top: 1.5em !important;
margin-bottom: 1.5em !important;
}
.wp-block-image .aligncenter {
display: block !important;
}
.wp-block-image .alignleft {
margin-right: 2em !important;
margin-bottom: 0.8em !important;
}
.wp-block-image .alignright {
margin-left: 2em !important;
margin-bottom: 1em !important;
}
.wp-block-image .aligncenter, .wp-block-image .alignwide, .wp-block-image .alignfull, .wp-block-image.aligncenter, .wp-block-image.alignwide, .wp-block-image.alignfull {
margin-top: 1.5em !important;
margin-bottom: 1.5em !important;
}
.wp-block-image figcaption {
margin-bottom: 0 !important;
margin-top: 15px;
font-size: 14px;
line-height: 24px;
}
img.alignright {
margin-top: 5px;
margin-bottom: 15px;
}
img.alignright.size-full {
float: right;
clear: both;
}
img.aligncenter {
display: block;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 20px;
margin-bottom: 20px;
}
img.alignnone {
margin-top: 5px;
margin-bottom: 5px;
}
img.alignleft {
margin-top: 5px;
margin-bottom: 10px;
}
.aligncenter {
text-align: center !important;
clear: both;
display: block;
margin: 0 auto 0;
margin-left: auto !important;
margin-right: auto !important;
}
.aligncenter img {
margin: 10px 0;
}
.alignleft {
text-align: left;
float: left;
margin-right: 25px;
}
@media (max-width: 640px) {
.alignleft {
margin-right: 15px;
}
}
.alignleft .wp-caption-text {
padding: 0;
}
.alignright {
text-align: right;
float: right;
margin-left: 25px;
}
@media (max-width: 640px) {
.alignright {
margin-left: 15px;
}
}
.alignright figcaption {
text-align: right;
}
.alignright .wp-caption-text {
padding: 0;
}
.alignnone .wp-caption-text {
padding: 0;
}
@media (max-width: 640px) {
.alignleft, .alignright {
max-width: 50%;
}
}
.wp-block-cover {
color: #fff !important;
margin-bottom: 20px;
}
.wp-block-cover .wp-block-cover-text {
color: #fff !important;
}
.wp-block-cover-text {
color: #fff !important;
}
.wp-block-image, .wp-block-gallery, .wp-block-embed {
margin: 15px 0;
}
.blocks-gallery-caption, .wp-block-embed figcaption, .wp-block-image figcaption {
width: 100%;
display: block !important;
}
.wp-block-categories {
padding-left: 0;
list-style: none;
}
.link-pages {
float: left;
width: 100%;
}
.page-links .page-links-title, .link-pages .page-links-title {
font-weight: 600;
color: #16243D;
}
.page-links .post-nav-links, .link-pages .post-nav-links {
margin-top: 10px;
}
.page-links > a, .page-links > span:not(.page-links-title), .page-links .post-nav-links > a, .page-links .post-nav-links > span, .link-pages > a, .link-pages > span:not(.page-links-title), .link-pages .post-nav-links > a, .link-pages .post-nav-links > span {
padding: 2px 12px;
line-height: 28px;
text-align: center;
border: 1px solid #DFDFDF;
display: inline-block;
color: #16243D;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
border-radius: 6px;
min-width: 34px;
font-weight: 500;
}
.page-links > a:hover, .page-links > span:not(.page-links-title):hover, .page-links .post-nav-links > a:hover, .page-links .post-nav-links > span:hover, .link-pages > a:hover, .link-pages > span:not(.page-links-title):hover, .link-pages .post-nav-links > a:hover, .link-pages .post-nav-links > span:hover {
background: var(--e-global-color-primary);
border-color: var(--e-global-color-primary);
color: #fff;
}
.page-links > span:not(.page-links-title), .page-links .post-nav-links > span, .link-pages > span:not(.page-links-title), .link-pages .post-nav-links > span {
background: var(--e-global-color-primary);
color: #fff;
border-color: var(--e-global-color-primary);
}
.page-links .post-page-numbers {
padding: 2px 12px;
line-height: 28px;
text-align: center;
border: 1px solid #DFDFDF;
color: #16243D;
display: inline-block;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.page-links .post-page-numbers:hover {
border-color: var(--e-global-color-primary);
}
.page-links span.post-page-numbers {
border-color: var(--e-global-color-primary);
}
#wp-calendar {
width: 100%;
margin-bottom: 0;
}
#wp-calendar caption {
text-transform: uppercase;
font-family: var(--travivu-heading-font-family);
color: #16243D;
font-weight: 600;
}
#wp-calendar td, #wp-calendar th {
padding: 5px;
text-align: center;
}
#wp-calendar > thead > tr > th,
#wp-calendar > thead > tr > td {
border-bottom-width: 0px !important;
}
table {
width: 100%;
margin-bottom: 20px;
border: 1px solid #DFDFDF;
}
table > thead > tr > th, table > thead > tr > td, table > tbody > tr > th, table > tbody > tr > td, table > tfoot > tr > th, table > tfoot > tr > td {
border-color: #DFDFDF;
border-width: 1px 1px 1px 0;
border-style: solid;
padding: 5px 10px;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th {
color: #16243D;
font-weight: 600;
word-wrap: normal;
}
table > thead > tr > th.views, table > tbody > tr > th.views, table > tfoot > tr > th.views {
min-width: 120px;
}
table > thead > tr > th,
table > thead > tr > td {
border-bottom-width: 2px;
color: #16243D;
white-space: nowrap;
}
blockquote {
border-left: 2px solid var(--e-global-color-primary) !important;
color: #16243D;
font-style: italic;
padding: 5px 10px 5px 25px !important;
position: relative;
-webkit-transition: .2s border ease-in-out;
transition: .2s border ease-in-out;
z-index: 0;
margin-bottom: 30px;
}
blockquote p {
font-size: 1.2em !important;
line-height: 2em !important;
}
blockquote:before {
content: "\f10e";
color: var(--e-global-color-primary);
font-family: "Font Awesome 5 Free";
font-style: normal;
line-height: 1em;
text-align: center;
width: 1em;
font-weight: 900;
font-size: 38px;
margin-bottom: 30px;
display: block;
}
blockquote.format:before, blockquote.format:after {
display: none;
}
blockquote.book:after {
content: "\f12e";
}
blockquote.podcast:after {
content: "\f32d";
}
blockquote.lyrics:after {
content: "\f333";
}
blockquote.favorite:after {
content: "\f384";
}
blockquote:active:after {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
blockquote cite {
display: block;
font-size: 0.75em;
line-height: 1.8em;
margin-top: 1em;
font-weight: 600;
text-transform: uppercase;
}
blockquote cite:before {
content: '';
width: 30px;
height: 2px;
background-color: #d9d9d9;
display: block;
margin-bottom: 10px;
}
.hentry .entry-content .wp-block-pullquote blockquote,
.editor-styles-wrapper .wp-block-pullquote blockquote,
.wp-block-pullquote blockquote {
border: 0 !important;
margin: 0 1em;
padding: 0;
max-width: 90%;
}
.wp-block-pullquote {
margin: 25px 0 !important;
padding: 2em 0;
text-align: left;
font-size: 1em;
font-weight: 600;
}
.wp-block-pullquote.is-style-solid-color {
background: #F2F5F9;
border-left: 2px solid var(--e-global-color-primary) !important;
}
.wp-block-pullquote.is-style-solid-color .wp-block-quote {
max-width: 90%;
}
.wp-block-pullquote .wp-block-quote {
max-width: 90%;
}
dl {
color: #16243D;
font-family: var(--travivu-heading-font-family);
}
dd {
margin: 0 1.5em 1.75em;
}
address {
font-style: italic;
margin: 0 0 1.75em;
}
.no-padding {
padding: 0 !important;
}
a.disable {
pointer-events: none;
cursor: default;
}
ul, ol {
padding-left: 20px;
}
ul li i, ol li i {
margin-right: 3px;
}
ul.medium, ol.medium {
list-style-type: none;
padding-left: 0;
}
ul.medium > li, ol.medium > li {
line-height: 24px;
font-size: 13px;
margin-bottom: 5px;
}
.hide {
display: none;
}
ul.feature-list, ul.list-style-1 {
margin-bottom: 20px;
padding-left: 0;
}
ul.feature-list > li, ul.list-style-1 > li {
list-style-type: none;
padding-left: 30px;
position: relative;
margin-bottom: 5px;
}
ul.feature-list > li:after, ul.list-style-1 > li:after {
content: "\f058";
font-family: "Font Awesome 5 Free";
position: absolute;
top: 2px;
left: 2px;
z-index: 1;
color: var(--e-global-color-primary);
font-weight: 700;
}
ul.list-style-2 {
list-style-type: none;
padding: 0;
margin: 0;
}
ul.list-style-2 > li {
color: var(--e-global-color-primary);
margin: 0 0 20px;
font-size: 16px;
font-weight: 500;
}
ul.list-style-2 > li:last-child {
margin-bottom: 0;
}
ul.inline {
padding: 0;
margin: 0;
}
ul.inline > li {
float: left;
margin-right: 15px;
list-style: none;
}
ul.inline > li:last-child {
margin-right: 0;
}
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/************************* Pagination ************************/
.pager .paginations {
display: inline-block;
}
.pager .paginations span, .pager .paginations a {
font-size: 14px;
background: #fff;
color: #16243D;
font-weight: 500;
padding: 0 15px 0 15px;
line-height: 34px;
position: relative;
z-index: 9;
display: inline-block;
-webkit-transition: all 0.35s !important;
transition: all 0.35s !important;
-moz-transition: all 0.35s !important;
-ms-transition: all 0.35s !important;
text-decoration: none;
border: none;
margin-right: 10px;
border: 2px solid #DFDFDF;
border-radius: 4px;
}
.pager .paginations span:hover, .pager .paginations a:hover {
color: var(--e-global-color-primary);
-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
border-color: var(--e-global-color-primary);
}
.pager .paginations span.active, .pager .paginations a.active {
background: var(--e-global-color-primary);
border-color: var(--e-global-color-primary);
color: #fff;
}
.pager .paginations span.page-item {
letter-spacing: 1px;
}
.pager .paginations span.current {
color: var(--e-global-color-primary);
border-color: var(--e-global-color-primary);
}
.woocommerce .pager .pages > * {
border: 1px solid #DFDFDF;
font-weight: 600;
display: inline-block;
width: 36px;
height: 36px;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
line-height: 36px;
text-align: center;
margin-right: 10px;
font-size: 14px;
color: #888888;
}
.woocommerce .pager .pages > *:last-child {
margin-right: 0;
}
.woocommerce .pager .pages > *:hover {
color: #242424;
border-color: #242424;
text-decoration: -moz-anchor-decoration;
}
.woocommerce .pager .pages span {
color: #242424;
text-decoration: -moz-anchor-decoration;
border-color: #242424;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.margin-1 {
margin-top: -60px;
}
@media (max-width: 767.98px) {
.margin-1 {
margin-top: 30px;
}
}
.margin-0 {
margin: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-10 {
margin-bottom: 10px !important;
}
.mb-20 {
margin-bottom: 20px !important;
}
.mb-30 {
margin-bottom: 30px !important;
}
.mb-40 {
margin-bottom: 40px !important;
}
.mb-50 {
margin-bottom: 50px !important;
}
.mb-60 {
margin-bottom: 60px !important;
}
.mb-70 {
margin-bottom: 70px !important;
}
.mb-80 {
margin-bottom: 80px !important;
}
.mb-90 {
margin-bottom: 90px !important;
}
.mb-100 {
margin-bottom: 100px !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-10 {
margin-top: 10px !important;
}
.mt-20 {
margin-top: 20px !important;
}
.mt-30 {
margin-top: 30px !important;
}
.mt-40 {
margin-top: 40px !important;
}
.mt-50 {
margin-top: 50px !important;
}
.mt-60 {
margin-top: 60px !important;
}
.mt-70 {
margin-top: 70px !important;
}
.mt-80 {
margin-top: 80px !important;
}
.mt-90 {
margin-top: 90px !important;
}
.mt-100 {
margin-top: 100px !important;
}
.mr-0 {
margin-right: 0 !important;
}
.mr-0.elementor-section > div {
margin-right: 0;
}
.mr-10 {
margin-right: 10px !important;
}
.mr-20 {
margin-right: 20px !important;
}
.mr-30 {
margin-right: 30px !important;
}
.mr-40 {
margin-right: 40px !important;
}
.mr-50 {
margin-right: 50px !important;
}
.mr-60 {
margin-right: 60px !important;
}
.mr-70 {
margin-right: 70px !important;
}
.mr-80 {
margin-right: 80px !important;
}
.mr-90 {
margin-right: 90px !important;
}
.mr-100 {
margin-right: 100px !important;
}
.ml-0 {
margin-left: 0 !important;
}
.ml-0.elementor-section > div {
margin-left: 0;
}
.ml-10 {
margin-left: 10px !important;
}
.ml-20 {
margin-left: 20px !important;
}
.ml-30 {
margin-left: 30px !important;
}
.ml-40 {
margin-left: 40px !important;
}
.ml-50 {
margin-left: 50px !important;
}
.ml-60 {
margin-left: 60px !important;
}
.ml-70 {
margin-left: 70px !important;
}
.ml-80 {
margin-left: 80px !important;
}
.ml-90 {
margin-left: 90px !important;
}
.ml-100 {
margin-left: 100px !important;
}
.padding-1 {
padding: 0 50px;
}
@media (max-width: 1200px) {
.padding-1 {
padding: 0;
}
}
.padding-0 {
padding: 0;
}
.padding-0 .init-carousel-swiper {
padding: 0 !important;
}
.pb-10 {
padding-bottom: 10px !important;
}
.pb-20 {
padding-bottom: 20px !important;
}
.pb-30 {
padding-bottom: 30px !important;
}
.pb-40 {
padding-bottom: 40px !important;
}
.pb-50 {
padding-bottom: 50px !important;
}
.pb-60 {
padding-bottom: 60px !important;
}
.pb-70 {
padding-bottom: 70px !important;
}
.pb-80 {
padding-bottom: 80px !important;
}
.pb-90 {
padding-bottom: 90px !important;
}
.pb-100 {
padding-bottom: 100px !important;
}
.pt-10 {
padding-top: 10px !important;
}
.pt-20 {
padding-top: 20px !important;
}
.pt-30 {
padding-top: 30px !important;
}
.pt-40 {
padding-top: 40px !important;
}
.pt-50 {
padding-top: 50px !important;
}
.pt-60 {
padding-top: 60px !important;
}
.pt-70 {
padding-top: 70px !important;
}
.pt-80 {
padding-top: 80px !important;
}
.pt-90 {
padding-top: 90px !important;
}
.pt-100 {
padding-top: 100px !important;
}
.padding-50 {
padding: 50px !important;
}
@media (max-width: 767.98px) {
.padding-50 {
padding: 30px !important;
}
}
.padding-40 {
padding: 40px !important;
}
.padding-30 {
padding: 30px !important;
}
.padding-20 {
padding: 20px !important;
}
@media (max-width: 360px) {
.hide-360 {
display: none;
}
}
@media (max-width: 400px) {
.hide-400 {
display: none;
}
}
@media (max-width: 500px) {
.hide-500 {
display: none;
}
}
.padding-responsive {
padding: 30px 120px;
}
@media (max-width: 767.98px) {
.padding-responsive {
padding: 30px;
}
}
.special-margin-top {
margin-top: -100px;
}
@media (max-width: 767.98px) {
.special-margin-top {
margin-top: 30px;
}
}
.special-mt-2 {
margin-top: -120px;
}
@media (max-width: 767.98px) {
.special-mt-2 {
margin-top: 10px;
margin-bottom: 30px;
}
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.no-bg {
background: transparent !important;
}
.bg-theme {
background: var(--e-global-color-primary) !important;
}
.bg-theme-2 {
background: var(--e-global-color-primary) !important;
}
.bg-dark {
background: #222 !important;
}
.bg-white {
background: #fff !important;
}
.bg-center {
background-position: center center !important;
background-repeat: no-repeat;
}
.bg-left {
background-position: center left !important;
}
.bg-right {
background-position: center right !important;
}
.no-border {
border: none !important;
}
.radius-1x {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}
.radius-2x {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.radius-5x {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.border-1 {
border: 1px solid #DFDFDF !important;
}
.border-2 {
border: 2px solid #DFDFDF;
}
.border-3 {
border: 3px solid #DFDFDF;
}
.border-4 {
border: 4px solid #DFDFDF;
}
.border-5 {
border: 5px solid #DFDFDF;
}
.top-color-theme > .elementor-widget-container {
border-top-color: var(--e-global-color-primary) !important;
}
.hidden {
display: none !important;
}
.over-hidden {
overflow: hidden;
}
.over-hidden > .elementor-widget-container {
overflow: hidden;
}
.mx-500 {
max-width: 500px !important;
margin: 0 auto !important;
}
.mx-600 {
max-width: 600px !important;
margin: 0 auto !important;
}
.mx-700 {
max-width: 700px !important;
margin: 0 auto !important;
}
.pstatic {
position: static !important;
}
.prelative {
position: relative !important;
}
.text-white {
color: #fff !important;
}
.text-white * {
color: #fff !important;
}
.text-black {
color: #16243D;
}
.text-theme {
color: var(--e-global-color-primary) !important;
}
.body-color {
color: var(--travivu-body-color) !important;
}
.hover-color-theme a:hover {
color: var(--e-global-color-primary) !important;
}
.hover-color-theme-2 a:hover {
color: var(--e-global-color-primary) !important;
}
.text-medium {
font-size: 18px;
font-weight: 600;
}
.text-underline {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 3px, rgba(0, 0, 0, 0) 0%);
background-size: 1px 5px;
background-repeat: repeat-x;
background-position: bottom;
text-decoration: none;
padding-bottom: 2px;
}
.letter-spacing-1 {
letter-spacing: -1px !important;
}
.letter-spacing-2 {
letter-spacing: -2px !important;
}
.btn, .btn-theme, .btn-theme-2, .btn-theme-radius, .btn, .btn-white, .btn-gray, .btn-black, input[type*="submit"]:not(.fa):not(.btn-theme):not(.newsletter-submit):not(.fas), #tribe-events .tribe-events-button, .tribe-events-button {
background: var(--e-global-color-primary);
color: #fff;
font-weight: 700;
padding: 18px 30px;
line-height: 1;
font-size: 16px;
border-radius: 30px;
position: relative;
z-index: 9;
display: inline-block;
white-space: nowrap;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
border: none;
}
@media (max-width: 991.98px) {
.btn, .btn-theme, .btn-theme-2, .btn-theme-radius, .btn, .btn-white, .btn-gray, .btn-black, input[type*="submit"]:not(.fa):not(.btn-theme):not(.newsletter-submit):not(.fas), #tribe-events .tribe-events-button, .tribe-events-button {
padding: 15px 25px;
}
}
.btn:hover, .btn:focus, .btn:active, .btn-theme:hover, .btn-theme:focus, .btn-theme:active, .btn-theme-2:hover, .btn-theme-2:focus, .btn-theme-2:active, .btn-theme-radius:hover, .btn-theme-radius:focus, .btn-theme-radius:active, .btn:hover, .btn:focus, .btn:active, .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-black:hover, .btn-black:focus, .btn-black:active, input[type*="submit"]:not(.fa):not(.btn-theme):not(.newsletter-submit):not(.fas):hover, input[type*="submit"]:not(.fa):not(.btn-theme):not(.newsletter-submit):not(.fas):focus, input[type*="submit"]:not(.fa):not(.btn-theme):not(.newsletter-submit):not(.fas):active, #tribe-events .tribe-events-button:hover, #tribe-events .tribe-events-button:focus, #tribe-events .tribe-events-button:active, .tribe-events-button:hover, .tribe-events-button:focus, .tribe-events-button:active {
color: #fff;
opacity: 0.8;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.btn-theme-2 {
background: var(--e-global-color-secondary);
color: #fff;
}
.btn-theme-2:hover {
background: var(--e-global-color-primary);
color: #fff;
}
.btn-gray {
background: #F2F5F9;
color: #16243D;
}
.btn-gray:hover {
color: #16243D;
}
.btn-icon {
margin-right: 10px;
}
.btn-theme-icon {
background: var(--e-global-color-primary);
font-size: 14px;
font-weight: 700;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #fff;
padding: 15px 30px 15px 60px;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
border-radius: 6px;
line-height: 20px;
overflow: hidden;
}
@media (max-width: 1200px) {
.btn-theme-icon {
padding: 15px 16px 15px 16px;
font-size: 13px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.btn-theme-icon i {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 40px;
flex: 0 0 40px;
width: 40px;
height: 100%;
background: rgba(0, 0, 0, 0.2);
position: absolute;
left: 0;
top: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
@media (max-width: 1200px) {
.btn-theme-icon i {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 16px;
flex: 0 0 16px;
width: 16px;
background: none;
margin-right: 3px;
}
}
.btn-theme-icon:hover {
opacity: 0.9;
color: #fff;
}
.btn-theme-icon:hover i {
background: rgba(0, 0, 0, 0.5);
}
@media (max-width: 1200px) {
.btn-theme-icon:hover i {
background: none;
}
}
.btn-gray-icon {
background: #F2F5F9;
color: var(--travivu-heading-color);
font-size: 13px;
font-weight: 700;
padding: 5px 18px;
border-radius: 5px;
display: inline-block;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
}
@media (max-width: 1024px) {
.btn-gray-icon {
font-size: 12px;
padding: 5px 12px;
}
}
.btn-gray-icon i {
margin-right: 5px;
}
.btn-gray-icon:hover {
background: var(--e-global-color-primary);
color: #fff;
}
.btn-gray-icon.bg-theme {
background: var(--e-global-color-primary);
color: #fff;
}
.btn-white-icon {
background: #fff;
color: var(--travivu-heading-color);
font-size: 13px;
font-weight: 700;
padding: 5px 18px;
border-radius: 5px;
display: inline-block;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
}
@media (max-width: 1024px) {
.btn-white-icon {
font-size: 12px;
padding: 5px 12px;
}
}
.btn-white-icon i {
margin-right: 5px;
}
.btn-white-icon:hover {
background: var(--e-global-color-primary);
color: #fff;
}
.btn-white-icon.bg-theme {
background: var(--e-global-color-primary);
color: #fff;
}
.btn-black {
background: #16243D;
color: #fff;
}
.btn-black:hover {
background: var(--e-global-color-secondary);
opacity: 0.9;
}
.btn-white {
background: #fff;
color: var(--travivu-link-color);
}
.btn-white:hover, .btn-white:focus, .btn-white:active {
background: var(--e-global-color-secondary);
color: #fff;
}
.btn-border, .btn-border-white, .btn-border-theme, .btn-border-theme-2, .btn-border-theme-3 {
font-size: 16px;
font-weight: 700;
border: 1px solid #DFDFDF;
padding: 18px 30px;
border-radius: 30px;
line-height: 1;
color: #16243D;
display: inline-block;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.btn-border:hover, .btn-border:focus, .btn-border-white:hover, .btn-border-white:focus, .btn-border-theme:hover, .btn-border-theme:focus, .btn-border-theme-2:hover, .btn-border-theme-2:focus, .btn-border-theme-3:hover, .btn-border-theme-3:focus {
background: var(--e-global-color-primary);
border-color: var(--e-global-color-primary);
color: #fff;
}
.btn-border-theme {
border-color: var(--e-global-color-primary);
color: var(--e-global-color-primary);
}
.btn-border-theme-2 {
border-color: var(--e-global-color-secondary);
color: var(--e-global-color-secondary);
}
.btn-border-theme-3 {
border-color: var(--travivu-color-three);
color: var(--travivu-color-three);
}
.btn-border-white {
border-color: #fff;
color: #fff;
}
#tribe-events .tribe-events-button, .tribe-events-button {
letter-spacing: 0;
}
#tribe-events .tribe-events-button:hover, .tribe-events-button:hover {
color: #fff;
background: var(--e-global-color-primary);
}
.btn-medium {
font-size: 14px;
padding: 8px 20px 10px;
}
.btn-small, .btn-size-small {
font-size: 12px;
padding: 8px 15px;
}
.btn-small-arrow {
padding: 2px 38px 2px 20px;
line-height: 30px;
font-size: 12px;
position: relative;
}
.btn-small-arrow:before {
content: '\f061';
color: #fff;
font-family: "Font Awesome 5 Free";
position: absolute;
line-height: 1;
top: 11px;
font-size: 10px;
right: 20px;
z-index: 9;
font-weight: 700;
}
.btn-inline {
font-size: 14px;
color: var(--e-global-color-primary);
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
line-height: 20px;
font-family: var(--travivu-heading-font-family);
font-weight: 700;
padding-right: 18px;
}
.btn-inline:after {
content: "\e90a";
font-family: "ticomoon";
position: absolute;
right: 0;
top: 2px;
font-size: 11px;
z-index: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.btn-inline:hover {
color: var(--e-global-color-primary);
}
.btn-inline:hover:after {
right: -5px;
}
.btn-fw {
width: 100%;
}
.width-380 {
width: 380px;
max-width: 100%;
margin: 0 auto !important;
}
.width-400 {
width: 400px;
max-width: 100%;
margin: 0 auto !important;
}
.width-500 {
width: 500px;
max-width: 100%;
margin: 0 auto !important;
}
.width-600 {
width: 600px;
max-width: 100%;
margin: 0 auto !important;
}
.width-700 {
width: 700px;
max-width: 100%;
margin: 0 auto !important;
}
.width-800 {
width: 800px;
max-width: 100%;
margin: 0 auto !important;
}
.width-900 {
width: 900px;
max-width: 100%;
margin: 0 auto !important;
}
.width-950 {
width: 950px;
max-width: 100%;
margin: 0 auto !important;
}
.width-1000 {
width: 1000px;
max-width: 100%;
margin: 0 auto !important;
}
.elementor-section.elementor-section-boxed.width-1370 > .elementor-container {
width: 1370px;
max-width: 100%;
margin: 0 auto;
}
.alert {
position: relative;
}
.alert.alert_info {
background: #EEF1F6;
}
.alert .alert_icon {
display: inline-block;
float: left;
margin-right: 10px;
}
.alert .close {
position: absolute;
top: 20px;
right: 15px;
font-size: 16px;
}
.alert .alert_wrapper {
padding: 0 30px;
}
.pagination {
width: 100%;
margin: 0;
}
.pagination .pager {
margin: 15px 0 30px;
}
.pagination .pager_wrapper {
border: none;
}
.max-width-600 {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.max-width-500 {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.list-socials {
text-align: center;
}
.list-socials a {
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
float: left;
margin-right: 25px;
}
.list-socials a:last-child {
margin-right: 0;
}
.list-socials a i {
font-size: 17px;
color: #9E9E9E;
}
.list-socials.white a:hover i {
color: #fff;
}
.socials {
display: inline-block;
text-align: left;
width: 100%;
}
.socials a {
color: #DFDFDF;
text-decoration: none;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
margin-right: 12px;
font-size: 14px;
}
.socials a:last-child {
margin-right: 0;
}
.socials a:hover, .socials a:focus, .socials a:active {
opacity: 0.7;
filter: alpha(opacity=70);
}
.socials a i {
color: #fff;
width: 32px;
height: 32px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
display: inline-block;
text-align: center;
line-height: 32px;
font-size: 14px;
background: var(--e-global-color-primary);
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
border: 1px solid rgba(0, 0, 0, 0.06);
}
.socials a i.fa-facebook-square, .socials a i.fa-facebook {
background: #3b5998;
}
.socials a i.fa-twitter, .socials a i.fa-twitter-square {
background: #4099ff;
}
.socials a i.fa-skype {
background: #12a5f4;
}
.socials a i.fa-dribbble {
background: #ea4c89;
}
.socials a i.fa-linkedin-square, .socials a i.fa-linkedin {
background: #0e76a8;
}
.socials a i.fa-apple {
background: #f2f2f2;
}
.socials a i.fa-pinterest {
background: #c92228;
}
.socials a i.fa-google-plus-square, .socials a i.fa-google-plus {
background: #d34836;
}
.socials a i.fa-youtube-square, .socials a i.fa-youtube {
background: #c4302b;
}
.socials a i.fa-vimeo-square, .socials a i.fa-vimeo {
background: #4ebbff;
}
.socials a i.fa-tumblr-square, .socials a i.fa-tumblr {
background: #35465c;
}
.socials a i.fa-xing-square, .socials a i.fa-xing {
background: #126567;
}
.socials a i.fa-instagram {
background: #e8e2d9;
}
.socials-2 {
display: inline-block;
text-align: left;
width: 100%;
padding: 0;
margin: 0;
}
.socials-2 li {
list-style: none;
display: inline-block;
margin-right: 12px;
}
.socials-2 li a {
text-decoration: none;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
font-size: 18px;
}
.socials-2 li a i {
color: #dddddd;
display: inline-block;
text-align: center;
}
.socials-2 li a i:hover {
color: var(--e-global-color-primary);
}
.socials-2 li:last-child {
margin-right: 0;
}
.fa-stack {
width: 2.4em !important;
height: 2.4em !important;
line-height: 2.4em;
}
.fa-1x {
font-size: 1.5em !important;
}
.tabs-list {
text-align: center;
margin-bottom: 10px;
}
.tabs-list ul.nav-tabs {
display: inline-block;
width: auto;
float: none;
}
.tabs-list ul.nav-tabs > li {
margin-bottom: 10px;
}
.pieChart {
position: relative;
}
.pieChart .pie-label {
position: absolute;
top: 50%;
left: 0;
margin-top: -5px;
text-align: center;
z-index: 1;
font-weight: 600;
display: block;
width: 100%;
line-height: 1;
}
#gallery-1 img {
border: none !important;
}
.alert-danger {
color: #fff;
background: var(--e-global-color-primary);
}
form.post-password-form input[type*="submit"] {
line-height: 50px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
top: -1px;
}
form.post-password-form input[type*="submit"]:hover {
cursor: pointer;
}
@media (max-width: 576px) {
.d-small-none {
display: none;
}
}
@media (min-width: 1025px) {
.col-xl-70 {
width: 70%;
}
.col-xl-30 {
width: 30%;
}
}
/*------------------------------------------------------------------*\
3 - GRID STYLE
\*------------------------------------------------------------------*/
/* #Block grid
--------------------------------------------------------------- */
.item-columns {
padding: 0 15px;
}
[class*="block-grid-"] {
display: block;
margin: 0 -15px;
padding: 0;
}
[class*="block-grid-"]:before, [class*="block-grid-"]:after {
display: table;
content: " ";
}
[class*="block-grid-"]:after {
clear: both;
}
[class*="block-grid-"] > div {
display: block;
float: left;
height: auto;
padding: 0 15px;
width: 100%;
}
[class*="block-grid-"] > div:after {
display: block;
}
@media (min-width: 380px) {
.xx-block-grid-1 > div {
width: 100%;
}
.xx-block-grid-1 > div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-1 > div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-1 > div:nth-of-type(1n+1) {
clear: both;
}
.xx-block-grid-1 > div:nth-of-type(1n+1):after {
display: none;
}
.xx-block-grid-1 > div:nth-last-child(-n+1):before {
content: none;
}
.xx-block-grid-2 > div {
width: 50%;
}
.xx-block-grid-2 > div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-2 > div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-2 > div:nth-of-type(2n+1) {
clear: both;
}
.xx-block-grid-2 > div:nth-of-type(2n+1):after {
display: none;
}
.xx-block-grid-2 > div:nth-last-child(-n+2):before {
content: none;
}
.xx-block-grid-3 > div {
width: 33.33333%;
}
.xx-block-grid-3 > div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-3 > div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-3 > div:nth-of-type(3n+1) {
clear: both;
}
.xx-block-grid-3 > div:nth-of-type(3n+1):after {
display: none;
}
.xx-block-grid-3 > div:nth-last-child(-n+3):before {
content: none;
}
.xx-block-grid-4 > div {
width: 25%;
}
.xx-block-grid-4 > div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-4 > div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-4 > div:nth-of-type(4n+1) {
clear: both;
}
.xx-block-grid-4 > div:nth-of-type(4n+1):after {
display: none;
}
.xx-block-grid-4 > div:nth-last-child(-n+4):before {
content: none;
}
.xx-block-grid-5 > div {
width: 20%;
}
.xx-block-grid-5 > div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-5 > div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-5 > div:nth-of-type(5n+1) {
clear: both;
}
.xx-block-grid-5 > div:nth-of-type(5n+1):after {
display: none;
}
.xx-block-grid-5 > div:nth-last-child(-n+5):before {
content: none;
}
.xx-block-grid-6 > div {
width: 16.66667%;
}
.xx-block-grid-6 > div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-6 > div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-6 > div:nth-of-type(6n+1) {
clear: both;
}
.xx-block-grid-6 > div:nth-of-type(6n+1):after {
display: none;
}
.xx-block-grid-6 > div:nth-last-child(-n+6):before {
content: none;
}
.xx-block-grid-7 > div {
width: 14.28571%;
}
.xx-block-grid-7 > div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-7 > div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-7 > div:nth-of-type(7n+1) {
clear: both;
}
.xx-block-grid-7 > div:nth-of-type(7n+1):after {
display: none;
}
.xx-block-grid-7 > div:nth-last-child(-n+7):before {
content: none;
}
.xx-block-grid-8 > div {
width: 12.5%;
}
.xx-block-grid-8 > div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-8 > div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-8 > div:nth-of-type(8n+1) {
clear: both;
}
.xx-block-grid-8 > div:nth-of-type(8n+1):after {
display: none;
}
.xx-block-grid-8 > div:nth-last-child(-n+8):before {
content: none;
}
.xx-block-grid-9 > div {
width: 11.11111%;
}
.xx-block-grid-9 > div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-9 > div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-9 > div:nth-of-type(9n+1) {
clear: both;
}
.xx-block-grid-9 > div:nth-of-type(9n+1):after {
display: none;
}
.xx-block-grid-9 > div:nth-last-child(-n+9):before {
content: none;
}
.xx-block-grid-10 > div {
width: 10%;
}
.xx-block-grid-10 > div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-10 > div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-10 > div:nth-of-type(10n+1) {
clear: both;
}
.xx-block-grid-10 > div:nth-of-type(10n+1):after {
display: none;
}
.xx-block-grid-10 > div:nth-last-child(-n+10):before {
content: none;
}
.xx-block-grid-11 > div {
width: 9.09091%;
}
.xx-block-grid-11 > div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-11 > div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-11 > div:nth-of-type(11n+1) {
clear: both;
}
.xx-block-grid-11 > div:nth-of-type(11n+1):after {
display: none;
}
.xx-block-grid-11 > div:nth-last-child(-n+11):before {
content: none;
}
.xx-block-grid-12 > div {
width: 8.33333%;
}
.xx-block-grid-12 > div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-12 > div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-12 > div:nth-of-type(12n+1) {
clear: both;
}
.xx-block-grid-12 > div:nth-of-type(12n+1):after {
display: none;
}
.xx-block-grid-12 > div:nth-last-child(-n+12):before {
content: none;
}
}
@media (min-width: 640px) {
.xs-block-grid-1 > div {
width: 100%;
}
.xs-block-grid-1 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-1 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-1 > div:nth-of-type(1n+1) {
clear: both;
}
.xs-block-grid-1 > div:nth-of-type(1n+1):after {
display: none;
}
.xs-block-grid-1 > div:nth-last-child(-n+1):before {
content: none;
}
.xs-block-grid-2 > div {
width: 50%;
}
.xs-block-grid-2 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-2 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-2 > div:nth-of-type(2n+1) {
clear: both;
}
.xs-block-grid-2 > div:nth-of-type(2n+1):after {
display: none;
}
.xs-block-grid-2 > div:nth-last-child(-n+2):before {
content: none;
}
.xs-block-grid-3 > div {
width: 33.33333%;
}
.xs-block-grid-3 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-3 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-3 > div:nth-of-type(3n+1) {
clear: both;
}
.xs-block-grid-3 > div:nth-of-type(3n+1):after {
display: none;
}
.xs-block-grid-3 > div:nth-last-child(-n+3):before {
content: none;
}
.xs-block-grid-4 > div {
width: 25%;
}
.xs-block-grid-4 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-4 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-4 > div:nth-of-type(4n+1) {
clear: both;
}
.xs-block-grid-4 > div:nth-of-type(4n+1):after {
display: none;
}
.xs-block-grid-4 > div:nth-last-child(-n+4):before {
content: none;
}
.xs-block-grid-5 > div {
width: 20%;
}
.xs-block-grid-5 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-5 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-5 > div:nth-of-type(5n+1) {
clear: both;
}
.xs-block-grid-5 > div:nth-of-type(5n+1):after {
display: none;
}
.xs-block-grid-5 > div:nth-last-child(-n+5):before {
content: none;
}
.xs-block-grid-6 > div {
width: 16.66667%;
}
.xs-block-grid-6 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-6 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-6 > div:nth-of-type(6n+1) {
clear: both;
}
.xs-block-grid-6 > div:nth-of-type(6n+1):after {
display: none;
}
.xs-block-grid-6 > div:nth-last-child(-n+6):before {
content: none;
}
.xs-block-grid-7 > div {
width: 14.28571%;
}
.xs-block-grid-7 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-7 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-7 > div:nth-of-type(7n+1) {
clear: both;
}
.xs-block-grid-7 > div:nth-of-type(7n+1):after {
display: none;
}
.xs-block-grid-7 > div:nth-last-child(-n+7):before {
content: none;
}
.xs-block-grid-8 > div {
width: 12.5%;
}
.xs-block-grid-8 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-8 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-8 > div:nth-of-type(8n+1) {
clear: both;
}
.xs-block-grid-8 > div:nth-of-type(8n+1):after {
display: none;
}
.xs-block-grid-8 > div:nth-last-child(-n+8):before {
content: none;
}
.xs-block-grid-9 > div {
width: 11.11111%;
}
.xs-block-grid-9 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-9 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-9 > div:nth-of-type(9n+1) {
clear: both;
}
.xs-block-grid-9 > div:nth-of-type(9n+1):after {
display: none;
}
.xs-block-grid-9 > div:nth-last-child(-n+9):before {
content: none;
}
.xs-block-grid-10 > div {
width: 10%;
}
.xs-block-grid-10 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-10 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-10 > div:nth-of-type(10n+1) {
clear: both;
}
.xs-block-grid-10 > div:nth-of-type(10n+1):after {
display: none;
}
.xs-block-grid-10 > div:nth-last-child(-n+10):before {
content: none;
}
.xs-block-grid-11 > div {
width: 9.09091%;
}
.xs-block-grid-11 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-11 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-11 > div:nth-of-type(11n+1) {
clear: both;
}
.xs-block-grid-11 > div:nth-of-type(11n+1):after {
display: none;
}
.xs-block-grid-11 > div:nth-last-child(-n+11):before {
content: none;
}
.xs-block-grid-12 > div {
width: 8.33333%;
}
.xs-block-grid-12 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-12 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-12 > div:nth-of-type(12n+1) {
clear: both;
}
.xs-block-grid-12 > div:nth-of-type(12n+1):after {
display: none;
}
.xs-block-grid-12 > div:nth-last-child(-n+12):before {
content: none;
}
}
@media (min-width: 768px) {
.sm-block-grid-1 > div {
width: 100%;
}
.sm-block-grid-1 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-1 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-1 > div:nth-of-type(1n+1) {
clear: both;
}
.sm-block-grid-1 > div:nth-of-type(1n+1):after {
display: none;
}
.sm-block-grid-1 > div:nth-last-child(-n+1):before {
content: none;
}
.sm-block-grid-2 > div {
width: 50%;
}
.sm-block-grid-2 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-2 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-2 > div:nth-of-type(2n+1) {
clear: both;
}
.sm-block-grid-2 > div:nth-of-type(2n+1):after {
display: none;
}
.sm-block-grid-2 > div:nth-last-child(-n+2):before {
content: none;
}
.sm-block-grid-3 > div {
width: 33.33333%;
}
.sm-block-grid-3 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-3 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-3 > div:nth-of-type(3n+1) {
clear: both;
}
.sm-block-grid-3 > div:nth-of-type(3n+1):after {
display: none;
}
.sm-block-grid-3 > div:nth-last-child(-n+3):before {
content: none;
}
.sm-block-grid-4 > div {
width: 25%;
}
.sm-block-grid-4 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-4 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-4 > div:nth-of-type(4n+1) {
clear: both;
}
.sm-block-grid-4 > div:nth-of-type(4n+1):after {
display: none;
}
.sm-block-grid-4 > div:nth-last-child(-n+4):before {
content: none;
}
.sm-block-grid-5 > div {
width: 20%;
}
.sm-block-grid-5 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-5 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-5 > div:nth-of-type(5n+1) {
clear: both;
}
.sm-block-grid-5 > div:nth-of-type(5n+1):after {
display: none;
}
.sm-block-grid-5 > div:nth-last-child(-n+5):before {
content: none;
}
.sm-block-grid-6 > div {
width: 16.66667%;
}
.sm-block-grid-6 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-6 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-6 > div:nth-of-type(6n+1) {
clear: both;
}
.sm-block-grid-6 > div:nth-of-type(6n+1):after {
display: none;
}
.sm-block-grid-6 > div:nth-last-child(-n+6):before {
content: none;
}
.sm-block-grid-7 > div {
width: 14.28571%;
}
.sm-block-grid-7 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-7 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-7 > div:nth-of-type(7n+1) {
clear: both;
}
.sm-block-grid-7 > div:nth-of-type(7n+1):after {
display: none;
}
.sm-block-grid-7 > div:nth-last-child(-n+7):before {
content: none;
}
.sm-block-grid-8 > div {
width: 12.5%;
}
.sm-block-grid-8 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-8 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-8 > div:nth-of-type(8n+1) {
clear: both;
}
.sm-block-grid-8 > div:nth-of-type(8n+1):after {
display: none;
}
.sm-block-grid-8 > div:nth-last-child(-n+8):before {
content: none;
}
.sm-block-grid-9 > div {
width: 11.11111%;
}
.sm-block-grid-9 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-9 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-9 > div:nth-of-type(9n+1) {
clear: both;
}
.sm-block-grid-9 > div:nth-of-type(9n+1):after {
display: none;
}
.sm-block-grid-9 > div:nth-last-child(-n+9):before {
content: none;
}
.sm-block-grid-10 > div {
width: 10%;
}
.sm-block-grid-10 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-10 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-10 > div:nth-of-type(10n+1) {
clear: both;
}
.sm-block-grid-10 > div:nth-of-type(10n+1):after {
display: none;
}
.sm-block-grid-10 > div:nth-last-child(-n+10):before {
content: none;
}
.sm-block-grid-11 > div {
width: 9.09091%;
}
.sm-block-grid-11 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-11 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-11 > div:nth-of-type(11n+1) {
clear: both;
}
.sm-block-grid-11 > div:nth-of-type(11n+1):after {
display: none;
}
.sm-block-grid-11 > div:nth-last-child(-n+11):before {
content: none;
}
.sm-block-grid-12 > div {
width: 8.33333%;
}
.sm-block-grid-12 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-12 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-12 > div:nth-of-type(12n+1) {
clear: both;
}
.sm-block-grid-12 > div:nth-of-type(12n+1):after {
display: none;
}
.sm-block-grid-12 > div:nth-last-child(-n+12):before {
content: none;
}
}
/* Medium */
@media (min-width: 1024.1px) {
[class*="block-grid-"] {
margin: 0 -15px;
}
[class*="block-grid-"] > div {
padding: 0 15px;
}
.item-columns {
padding: 0 15px;
}
.md-block-grid-1 > div {
width: 100%;
}
.md-block-grid-1 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-1 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-1 > div:nth-of-type(1n+1) {
clear: both;
}
.md-block-grid-1 > div:nth-of-type(1n+1):after {
display: none;
}
.md-block-grid-1 > div:nth-last-child(-n+1):before {
content: none;
}
.md-block-grid-2 > div {
width: 50%;
}
.md-block-grid-2 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-2 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-2 > div:nth-of-type(2n+1) {
clear: both;
}
.md-block-grid-2 > div:nth-of-type(2n+1):after {
display: none;
}
.md-block-grid-2 > div:nth-last-child(-n+2):before {
content: none;
}
.md-block-grid-3 > div {
width: 33.33333%;
}
.md-block-grid-3 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-3 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-3 > div:nth-of-type(3n+1) {
clear: both;
}
.md-block-grid-3 > div:nth-of-type(3n+1):after {
display: none;
}
.md-block-grid-3 > div:nth-last-child(-n+3):before {
content: none;
}
.md-block-grid-4 > div {
width: 25%;
}
.md-block-grid-4 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-4 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-4 > div:nth-of-type(4n+1) {
clear: both;
}
.md-block-grid-4 > div:nth-of-type(4n+1):after {
display: none;
}
.md-block-grid-4 > div:nth-last-child(-n+4):before {
content: none;
}
.md-block-grid-5 > div {
width: 20%;
}
.md-block-grid-5 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-5 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-5 > div:nth-of-type(5n+1) {
clear: both;
}
.md-block-grid-5 > div:nth-of-type(5n+1):after {
display: none;
}
.md-block-grid-5 > div:nth-last-child(-n+5):before {
content: none;
}
.md-block-grid-6 > div {
width: 16.66667%;
}
.md-block-grid-6 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-6 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-6 > div:nth-of-type(6n+1) {
clear: both;
}
.md-block-grid-6 > div:nth-of-type(6n+1):after {
display: none;
}
.md-block-grid-6 > div:nth-last-child(-n+6):before {
content: none;
}
.md-block-grid-7 > div {
width: 14.28571%;
}
.md-block-grid-7 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-7 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-7 > div:nth-of-type(7n+1) {
clear: both;
}
.md-block-grid-7 > div:nth-of-type(7n+1):after {
display: none;
}
.md-block-grid-7 > div:nth-last-child(-n+7):before {
content: none;
}
.md-block-grid-8 > div {
width: 12.5%;
}
.md-block-grid-8 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-8 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-8 > div:nth-of-type(8n+1) {
clear: both;
}
.md-block-grid-8 > div:nth-of-type(8n+1):after {
display: none;
}
.md-block-grid-8 > div:nth-last-child(-n+8):before {
content: none;
}
.md-block-grid-9 > div {
width: 11.11111%;
}
.md-block-grid-9 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-9 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-9 > div:nth-of-type(9n+1) {
clear: both;
}
.md-block-grid-9 > div:nth-of-type(9n+1):after {
display: none;
}
.md-block-grid-9 > div:nth-last-child(-n+9):before {
content: none;
}
.md-block-grid-10 > div {
width: 10%;
}
.md-block-grid-10 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-10 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-10 > div:nth-of-type(10n+1) {
clear: both;
}
.md-block-grid-10 > div:nth-of-type(10n+1):after {
display: none;
}
.md-block-grid-10 > div:nth-last-child(-n+10):before {
content: none;
}
.md-block-grid-11 > div {
width: 9.09091%;
}
.md-block-grid-11 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-11 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-11 > div:nth-of-type(11n+1) {
clear: both;
}
.md-block-grid-11 > div:nth-of-type(11n+1):after {
display: none;
}
.md-block-grid-11 > div:nth-last-child(-n+11):before {
content: none;
}
.md-block-grid-12 > div {
width: 8.33333%;
}
.md-block-grid-12 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-12 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-12 > div:nth-of-type(12n+1) {
clear: both;
}
.md-block-grid-12 > div:nth-of-type(12n+1):after {
display: none;
}
.md-block-grid-12 > div:nth-last-child(-n+12):before {
content: none;
}
}
/* Large */
@media (min-width: 1200px) {
[class*="block-grid-"] {
margin: 0 -15px;
}
[class*="block-grid-"] > div {
padding: 0 15px;
}
.item-columns {
padding: 0 15px;
}
.lg-block-grid-1 > div {
width: 100%;
}
.lg-block-grid-1 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-1 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-1 > div:nth-of-type(1n+1) {
clear: both;
}
.lg-block-grid-1 > div:nth-of-type(1n+1):after {
display: none;
}
.lg-block-grid-1 > div:nth-last-child(-n+1):before {
content: none;
}
.lg-block-grid-2 > div {
width: 50%;
}
.lg-block-grid-2 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-2 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-2 > div:nth-of-type(2n+1) {
clear: both;
}
.lg-block-grid-2 > div:nth-of-type(2n+1):after {
display: none;
}
.lg-block-grid-2 > div:nth-last-child(-n+2):before {
content: none;
}
.lg-block-grid-3 > div {
width: 33.33333%;
}
.lg-block-grid-3 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-3 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-3 > div:nth-of-type(3n+1) {
clear: both;
}
.lg-block-grid-3 > div:nth-of-type(3n+1):after {
display: none;
}
.lg-block-grid-3 > div:nth-last-child(-n+3):before {
content: none;
}
.lg-block-grid-4 > div {
width: 25%;
}
.lg-block-grid-4 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-4 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-4 > div:nth-of-type(4n+1) {
clear: both;
}
.lg-block-grid-4 > div:nth-of-type(4n+1):after {
display: none;
}
.lg-block-grid-4 > div:nth-last-child(-n+4):before {
content: none;
}
.lg-block-grid-5 > div {
width: 20%;
}
.lg-block-grid-5 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-5 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-5 > div:nth-of-type(5n+1) {
clear: both;
}
.lg-block-grid-5 > div:nth-of-type(5n+1):after {
display: none;
}
.lg-block-grid-5 > div:nth-last-child(-n+5):before {
content: none;
}
.lg-block-grid-6 > div {
width: 16.66667%;
}
.lg-block-grid-6 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-6 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-6 > div:nth-of-type(6n+1) {
clear: both;
}
.lg-block-grid-6 > div:nth-of-type(6n+1):after {
display: none;
}
.lg-block-grid-6 > div:nth-last-child(-n+6):before {
content: none;
}
.lg-block-grid-7 > div {
width: 14.28571%;
}
.lg-block-grid-7 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-7 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-7 > div:nth-of-type(7n+1) {
clear: both;
}
.lg-block-grid-7 > div:nth-of-type(7n+1):after {
display: none;
}
.lg-block-grid-7 > div:nth-last-child(-n+7):before {
content: none;
}
.lg-block-grid-8 > div {
width: 12.5%;
}
.lg-block-grid-8 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-8 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-8 > div:nth-of-type(8n+1) {
clear: both;
}
.lg-block-grid-8 > div:nth-of-type(8n+1):after {
display: none;
}
.lg-block-grid-8 > div:nth-last-child(-n+8):before {
content: none;
}
.lg-block-grid-9 > div {
width: 11.11111%;
}
.lg-block-grid-9 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-9 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-9 > div:nth-of-type(9n+1) {
clear: both;
}
.lg-block-grid-9 > div:nth-of-type(9n+1):after {
display: none;
}
.lg-block-grid-9 > div:nth-last-child(-n+9):before {
content: none;
}
.lg-block-grid-10 > div {
width: 10%;
}
.lg-block-grid-10 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-10 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-10 > div:nth-of-type(10n+1) {
clear: both;
}
.lg-block-grid-10 > div:nth-of-type(10n+1):after {
display: none;
}
.lg-block-grid-10 > div:nth-last-child(-n+10):before {
content: none;
}
.lg-block-grid-11 > div {
width: 9.09091%;
}
.lg-block-grid-11 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-11 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-11 > div:nth-of-type(11n+1) {
clear: both;
}
.lg-block-grid-11 > div:nth-of-type(11n+1):after {
display: none;
}
.lg-block-grid-11 > div:nth-last-child(-n+11):before {
content: none;
}
.lg-block-grid-12 > div {
width: 8.33333%;
}
.lg-block-grid-12 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-12 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-12 > div:nth-of-type(12n+1) {
clear: both;
}
.lg-block-grid-12 > div:nth-of-type(12n+1):after {
display: none;
}
.lg-block-grid-12 > div:nth-last-child(-n+12):before {
content: none;
}
}
/* Large Listing Page*/
@media (min-width: 1550px) {
.hm_lg-block-grid-1 > div {
width: 100%;
}
.hm_lg-block-grid-1 > div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-1 > div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-1 > div:nth-of-type(1n+1) {
clear: both;
}
.hm_lg-block-grid-1 > div:nth-of-type(1n+1):after {
display: none;
}
.hm_lg-block-grid-1 > div:nth-last-child(-n+1):before {
content: none;
}
.hm_lg-block-grid-2 > div {
width: 50%;
}
.hm_lg-block-grid-2 > div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-2 > div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-2 > div:nth-of-type(2n+1) {
clear: both;
}
.hm_lg-block-grid-2 > div:nth-of-type(2n+1):after {
display: none;
}
.hm_lg-block-grid-2 > div:nth-last-child(-n+2):before {
content: none;
}
.hm_lg-block-grid-3 > div {
width: 33.33333%;
}
.hm_lg-block-grid-3 > div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-3 > div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-3 > div:nth-of-type(3n+1) {
clear: both;
}
.hm_lg-block-grid-3 > div:nth-of-type(3n+1):after {
display: none;
}
.hm_lg-block-grid-3 > div:nth-last-child(-n+3):before {
content: none;
}
.hm_lg-block-grid-4 > div {
width: 25%;
}
.hm_lg-block-grid-4 > div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-4 > div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-4 > div:nth-of-type(4n+1) {
clear: both;
}
.hm_lg-block-grid-4 > div:nth-of-type(4n+1):after {
display: none;
}
.hm_lg-block-grid-4 > div:nth-last-child(-n+4):before {
content: none;
}
.hm_lg-block-grid-5 > div {
width: 20%;
}
.hm_lg-block-grid-5 > div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-5 > div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-5 > div:nth-of-type(5n+1) {
clear: both;
}
.hm_lg-block-grid-5 > div:nth-of-type(5n+1):after {
display: none;
}
.hm_lg-block-grid-5 > div:nth-last-child(-n+5):before {
content: none;
}
.hm_lg-block-grid-6 > div {
width: 16.66667%;
}
.hm_lg-block-grid-6 > div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-6 > div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-6 > div:nth-of-type(6n+1) {
clear: both;
}
.hm_lg-block-grid-6 > div:nth-of-type(6n+1):after {
display: none;
}
.hm_lg-block-grid-6 > div:nth-last-child(-n+6):before {
content: none;
}
.hm_lg-block-grid-7 > div {
width: 14.28571%;
}
.hm_lg-block-grid-7 > div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-7 > div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-7 > div:nth-of-type(7n+1) {
clear: both;
}
.hm_lg-block-grid-7 > div:nth-of-type(7n+1):after {
display: none;
}
.hm_lg-block-grid-7 > div:nth-last-child(-n+7):before {
content: none;
}
.hm_lg-block-grid-8 > div {
width: 12.5%;
}
.hm_lg-block-grid-8 > div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-8 > div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-8 > div:nth-of-type(8n+1) {
clear: both;
}
.hm_lg-block-grid-8 > div:nth-of-type(8n+1):after {
display: none;
}
.hm_lg-block-grid-8 > div:nth-last-child(-n+8):before {
content: none;
}
.hm_lg-block-grid-9 > div {
width: 11.11111%;
}
.hm_lg-block-grid-9 > div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-9 > div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-9 > div:nth-of-type(9n+1) {
clear: both;
}
.hm_lg-block-grid-9 > div:nth-of-type(9n+1):after {
display: none;
}
.hm_lg-block-grid-9 > div:nth-last-child(-n+9):before {
content: none;
}
.hm_lg-block-grid-10 > div {
width: 10%;
}
.hm_lg-block-grid-10 > div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-10 > div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-10 > div:nth-of-type(10n+1) {
clear: both;
}
.hm_lg-block-grid-10 > div:nth-of-type(10n+1):after {
display: none;
}
.hm_lg-block-grid-10 > div:nth-last-child(-n+10):before {
content: none;
}
.hm_lg-block-grid-11 > div {
width: 9.09091%;
}
.hm_lg-block-grid-11 > div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-11 > div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-11 > div:nth-of-type(11n+1) {
clear: both;
}
.hm_lg-block-grid-11 > div:nth-of-type(11n+1):after {
display: none;
}
.hm_lg-block-grid-11 > div:nth-last-child(-n+11):before {
content: none;
}
.hm_lg-block-grid-12 > div {
width: 8.33333%;
}
.hm_lg-block-grid-12 > div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-12 > div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-12 > div:nth-of-type(12n+1) {
clear: both;
}
.hm_lg-block-grid-12 > div:nth-of-type(12n+1):after {
display: none;
}
.hm_lg-block-grid-12 > div:nth-last-child(-n+12):before {
content: none;
}
}
.no-gutter [class*="block-grid-"] {
margin: 0 !important;
}
.no-gutter [class*="block-grid-"] > div {
padding: 0 !important;
}
.no-gutter .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
.no-gutter [class*="col-"], .no-gutter .item-columns {
padding-left: 0 !important;
padding-right: 0 !important;
}
.small-gutter [class*="block-grid-"] {
margin-left: -5px !important;
margin-right: -5px !important;
}
.small-gutter [class*="block-grid-"] > div {
padding-left: 5px !important;
padding-right: 5px !important;
}
.small-gutter.gva-gallery-grid .gallery-two__single {
margin-bottom: 10px;
}
.medium-gutter [class*="block-grid-"] {
margin-left: -10px !important;
margin-right: -10px !important;
}
.medium-gutter [class*="block-grid-"] > div {
padding-left: 10px !important;
padding-right: 10px !important;
}
/*------------------------------------------------------------------*\
4 - LAYOUT STYLE
\*------------------------------------------------------------------*/
body {
min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
body .wrapper-page {
width: 100%;
background: #fff;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
body.boxed-layout, body.boxed {
background: #efefef;
max-width: 1440px;
-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
margin: 0 auto;
}
body.boxed-layout .wrapper-page, body.boxed .wrapper-page {
background: #fff;
}
body.open-off-canvas:after {
content: "";
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5000px;
z-index: 99;
}
body .page {
position: relative;
}
body .container-layout-content.container {
margin-bottom: 30px;
}
.main-page-content {
position: relative;
}
#wp-content {
min-height: 150px;
background: #fff;
}
#wp-footer {
position: relative;
z-index: 9;
}
body.footer-fixed #wp-footer {
position: fixed;
bottom: 0;
left: 0;
z-index: 11;
width: 100%;
}
footer .footer-main {
background: var(--travivu-footer-bg-color);
color: var(--travivu-footer-color);
font-size: 16px;
position: relative;
z-index: 111;
}
footer .footer-main a {
color: var(--travivu-footer-color);
}
footer .footer-main a:hover, footer .footer-main a:focus {
color: #fff;
}
footer .footer-main .footer-main > p {
display: none;
}
footer .footer-main .column > .widget:first-child {
padding-top: 45px;
}
.copyright {
color: var(--travivu-footer-color);
background: #16243D;
}
.copyright .copyright-content {
text-align: center;
padding: 35px 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 1025px) {
.container {
max-width: 100%;
}
}
/*------------------------------------------------------------------*\
5 - HEADER STYLE
\*------------------------------------------------------------------*/
.header-default .header_mobile_screen {
display: none;
}
@media (max-width: 1024px) {
.header-default .header_mobile_screen {
display: block;
}
.header-default .header_mobile_screen .canvas-mobile > .gva-offcanvas {
display: block !important;
}
.header-default .header_default_screen {
display: none;
}
}
.gv-sticky-menu {
position: relative;
-webkit-transition: all 0.36s !important;
transition: all 0.36s !important;
}
.gv-sticky-wrapper {
position: relative;
z-index: 1;
width: 100%;
}
.gv-sticky-wrapper.is-fixed > .gv-sticky-menu {
position: fixed !important;
width: 100%;
z-index: 999;
left: 0;
top: 0;
background: #fff;
-webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.1);
box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.1);
}
.is-fixed .gv-sticky-menu.sticky-theme {
background: var(--e-global-color-secondary);
}
.is-fixed .gv-sticky-menu.sticky-black {
background: #16243D;
}
.gva-search {
position: relative;
}
.gva-search .control-search {
display: inline-block;
text-align: center;
line-height: 30px;
}
.gva-search .control-search .icon {
font-size: 22px;
}
.gva-search .gva-search-content {
position: absolute;
top: 100%;
right: -15px;
z-index: 1;
background: #fff;
z-index: 9;
-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
min-width: 250px;
margin-top: 16px;
border: 1px solid rgba(0, 0, 0, 0.06);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
visibility: hidden;
padding: 15px;
}
.gva-search .gva-search-content:after {
content: '';
border: 10px solid transparent;
border-bottom-color: #fff;
position: absolute;
bottom: 100%;
right: 13px;
}
.gva-search .gva-main-search {
padding-top: 0;
}
.gva-search.open .gva-search-content {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
@media (max-width: 767.98px) {
header {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
.header-mobile {
background: #FFF !important;
width: 100%;
position: relative;
-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
}
.header-mobile .topbar-mobile {
padding: 5px 15px;
font-size: 14px;
background: #16243D;
color: #d2dce5;
}
.header-mobile .topbar-mobile a {
color: #d2dce5;
}
.header-mobile .topbar-mobile a:hover {
color: var(--e-global-color-primary);
}
.header-mobile .topbar-mobile .topbar-content-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header-mobile .header-mobile-content {
position: relative;
padding: 17px 30px 15px;
}
@media (max-width: 800px) {
.header-mobile .header-mobile-content {
padding: 15px 20px 13px;
}
}
.header-mobile .header-mobile-content .header-content-inner .header-left {
width: 50%;
float: left;
min-height: 20px;
}
.header-mobile .header-mobile-content .header-content-inner .header-left .logo-mobile {
max-width: 150px;
}
.header-mobile .header-mobile-content .header-content-inner .header-left .logo-mobile img {
max-width: 100%;
}
.header-mobile .header-mobile-content .header-content-inner .header-right {
width: 50%;
float: left;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-mobile .header-mobile-content .header-content-inner .header-right .main-search {
padding-top: 2px;
}
.header-mobile .header-mobile-content .header-content-inner .header-right .main-search .control-search .icon {
color: #16243D;
font-size: 20px;
font-weight: 700;
}
.header-mobile .header-mobile-content .header-content-inner .header-right .canvas-mobile {
margin-left: 18px;
margin-top: 5px;
}
.header-mobile .header-mobile-content .header-content-inner .header-right .canvas-mobile .dropdown-toggle .icon {
font-size: 22px;
color: #16243D;
border: 1px solid #DFDFDF;
padding: 6px;
border-radius: 6px;
}
.header-mobile .header-mobile-content .header-content-inner .header-right .canvas-mobile .dropdown-toggle:after {
display: none;
}
.header-mobile .header-mobile-content .mini-cart-header {
margin-top: -15px !important;
position: absolute;
top: 50%;
right: 25px;
}
.header-builder-frontend {
position: relative;
z-index: 999;
width: 100%;
}
.header-builder-frontend.header-position-relative .header-builder-inner {
position: relative;
width: 100%;
}
.header-builder-frontend.header-position-absolute {
background: var(--travivu-link-color);
}
.header-builder-frontend.header-position-absolute .header-builder-inner {
position: absolute;
width: 100%;
}
@media (max-width: 1024px) {
.header-builder-frontend.header-position-absolute .header-builder-inner {
position: relative;
}
}
.header-builder-frontend.header-position-absolute .header-builder-inner .gv-sticky-menu.stuck {
background: #16243D;
}
@media (max-width: 767.98px) {
.header-builder-frontend {
position: relative;
}
}
.header-default {
background: #fff;
position: relative;
z-index: 999;
}
.header-default .header-bottom {
background: #fff;
position: relative;
}
.header-default .header-bottom .header-bottom-inner {
position: relative;
padding-left: 170px;
min-height: 80px;
padding-right: 28px;
}
.header-default .header-bottom .header-bottom-inner .logo {
position: absolute;
top: 50%;
left: 0;
z-index: 1;
padding: 15px 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 125px;
margin-top: 2px;
}
.header-default .header-bottom .header-bottom-inner ul.gva-nav-menu {
float: right;
}
.header-default .header-bottom .header-bottom-inner ul.gva-nav-menu > li > a {
padding: 30px 2px;
}
.header-default .header-bottom .header-bottom-inner .gsc-search-box {
position: absolute;
right: 0;
top: 50%;
margin-top: -18px;
z-index: 1;
}
.header-default .header-bottom .header-bottom-inner .gsc-search-box .control-search svg {
width: 22px;
fill: #16243D;
opacity: 0.9;
}
.header-default .header-bottom .header-bottom-inner .gsc-search-box .control-search:hover svg {
fill: var(--e-global-color-primary);
}
.header-builder {
min-height: 550px;
}
.header-builder.header-bg-black {
padding: 10px 0 30px;
background: url("../images/bg-header-builder.jpg") no-repeat center top transparent;
background-size: cover;
}
body.logged-in.admin-bar .gv-sticky-wrapper.is-fixed > .gv-sticky-menu_ {
top: 32px;
}
@media (max-width: 782px) {
body.logged-in.admin-bar .gv-sticky-wrapper.is-fixed > .gv-sticky-menu_ {
top: 0;
}
}
/*------------------------------------------------------------------*\
5 - MENU STYLE
\*------------------------------------------------------------------*/
ul.gva-nav-menu {
margin-bottom: 0;
padding: 0;
}
ul.gva-nav-menu > li {
margin: 0;
padding: 0;
position: relative;
list-style: none;
float: left;
display: inline-block;
padding: 0 14px;
}
@media (max-width: 1390px) {
ul.gva-nav-menu > li {
padding: 0 12px;
}
}
ul.gva-nav-menu > li > a {
font-size: 16px;
font-weight: 500;
height: auto;
position: relative;
display: inline-block;
color: var(--travivu-body-color);
padding: 25px 0;
}
ul.gva-nav-menu > li > a .caret {
margin-left: 3px;
top: 3px;
position: relative;
display: inline-block;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.978478 0.313439C1.15599 0.135928 1.43376 0.11979 1.62951 0.265027L1.68558 0.313439L5.9987 4.62632L10.3118 0.313439C10.4893 0.135928 10.7671 0.11979 10.9628 0.265027L11.0189 0.313439C11.1964 0.49095 11.2126 0.768726 11.0673 0.964466L11.0189 1.02055L6.35225 5.68721C6.17474 5.86472 5.89697 5.88086 5.70122 5.73562L5.64514 5.68721L0.978478 1.02055C0.783216 0.825283 0.783216 0.508701 0.978478 0.313439Z' fill='currentColor'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.978478 0.313439C1.15599 0.135928 1.43376 0.11979 1.62951 0.265027L1.68558 0.313439L5.9987 4.62632L10.3118 0.313439C10.4893 0.135928 10.7671 0.11979 10.9628 0.265027L11.0189 0.313439C11.1964 0.49095 11.2126 0.768726 11.0673 0.964466L11.0189 1.02055L6.35225 5.68721C6.17474 5.86472 5.89697 5.88086 5.70122 5.73562L5.64514 5.68721L0.978478 1.02055C0.783216 0.825283 0.783216 0.508701 0.978478 0.313439Z' fill='currentColor'/%3E%3C/svg%3E");
-webkit-mask-size: 10px;
mask-size: 10px;
width: 12px;
height: 14px;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
line-height: 15px;
font-size: 12px;
font-weight: 700;
background: var(--travivu-body-color);
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
ul.gva-nav-menu > li:hover > a, ul.gva-nav-menu > li:active > a, ul.gva-nav-menu > li:focus > a, ul.gva-nav-menu > li.current_page_parent > a {
color: var(--e-global-color-primary);
}
ul.gva-nav-menu > li:hover > a .caret, ul.gva-nav-menu > li:active > a .caret, ul.gva-nav-menu > li:focus > a .caret, ul.gva-nav-menu > li.current_page_parent > a .caret {
background: var(--e-global-color-primary);
}
ul.gva-nav-menu > li > .submenu-inner:after {
content: '';
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
height: 20px;
display: block;
background: transparent;
}
@media (max-width: 1024px) {
ul.gva-nav-menu > li > .submenu-inner:after {
display: none;
}
}
ul.gva-nav-menu > li .submenu-inner, ul.gva-nav-menu > li ul.submenu-inner {
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 99;
-webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
-webkit-transition: all 0.39s;
transition: all 0.39s;
-moz-transition: all 0.39s;
-ms-transition: all 0.39s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
border-radius: 6px;
min-width: 260px;
padding: 2px 20px;
background: #fff;
list-style-type: none;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
ul.gva-nav-menu > li .submenu-inner.megamenu-wrap-inner, ul.gva-nav-menu > li ul.submenu-inner.megamenu-wrap-inner {
padding: 18px 20px 12px;
}
ul.gva-nav-menu > li .submenu-inner li, ul.gva-nav-menu > li ul.submenu-inner li {
background: transparent;
position: relative;
text-align: left;
border-bottom: 1px solid #DFDFDF;
padding: 6px 0;
}
@media (max-width: 767.98px) {
ul.gva-nav-menu > li .submenu-inner li, ul.gva-nav-menu > li ul.submenu-inner li {
border-bottom: 0;
}
}
ul.gva-nav-menu > li .submenu-inner li:last-child, ul.gva-nav-menu > li ul.submenu-inner li:last-child {
border-bottom: none;
}
ul.gva-nav-menu > li .submenu-inner li a, ul.gva-nav-menu > li ul.submenu-inner li a {
display: block;
line-height: 1.4;
padding: 8px 0;
font-size: 15px;
font-weight: 500;
text-transform: capitalize;
position: relative;
color: var(--travivu-body-color);
font-family: var(--travivu-heading-font-family);
}
ul.gva-nav-menu > li .submenu-inner li a .caret, ul.gva-nav-menu > li ul.submenu-inner li a .caret {
top: 18px;
position: absolute;
right: 0;
height: 8px;
width: 10px;
display: inline-block;
}
ul.gva-nav-menu > li .submenu-inner li a .caret:after, ul.gva-nav-menu > li ul.submenu-inner li a .caret:after {
content: '\f054';
position: absolute;
left: 0;
top: 50%;
margin-top: -8px;
z-index: 1;
font-family: "Font Awesome 5 Free";
line-height: 1;
font-size: 12px;
font-weight: 700;
}
ul.gva-nav-menu > li .submenu-inner li a:hover, ul.gva-nav-menu > li .submenu-inner li a:focus, ul.gva-nav-menu > li .submenu-inner li a:active, ul.gva-nav-menu > li ul.submenu-inner li a:hover, ul.gva-nav-menu > li ul.submenu-inner li a:focus, ul.gva-nav-menu > li ul.submenu-inner li a:active {
color: var(--e-global-color-primary);
}
ul.gva-nav-menu > li .submenu-inner li ul.submenu-inner, ul.gva-nav-menu > li ul.submenu-inner li ul.submenu-inner {
position: absolute;
left: 90%;
top: 0;
}
ul.gva-nav-menu > li .submenu-inner li:hover > ul.submenu-inner, ul.gva-nav-menu > li ul.submenu-inner li:hover > ul.submenu-inner {
display: block;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
ul.gva-nav-menu > li:hover > .submenu-inner {
top: 100%;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
height: auto;
opacity: 1;
filter: alpha(opacity=100);
display: block;
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
@media (max-width: 1600px) {
ul.gva-nav-menu > li:last-child ul.submenu-inner li ul.submenu-inner, ul.gva-nav-menu > li:nth-last-child(2) ul.submenu-inner li ul.submenu-inner {
right: 100%;
left: auto;
}
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner {
max-width: 1170px !important;
background: #fff;
left: 0;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub {
padding: 0;
list-style-type: none;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub.megamenu-columns-6 > li {
width: 16.66667%;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub.megamenu-columns-5 > li {
width: 20%;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub.megamenu-columns-4 > li {
width: 25%;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub.megamenu-columns-3 > li {
width: 33.33333%;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub.megamenu-columns-2 > li {
width: 50%;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub.megamenu-columns-1 > li {
width: 100%;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub > li {
border: none;
list-style: none;
float: left;
padding-left: 10px;
padding-right: 10px;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub > li > a {
border-bottom: 1px solid #DFDFDF;
padding: 0 0 10px;
margin: 0 0 5px;
display: block;
color: #16243D !important;
font-weight: 600;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub > li > a .caret {
display: none;
}
@media (max-width: 767.98px) {
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub > li > a {
margin-top: 6px;
}
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub > li .submenu-inner {
background: transparent !important;
-webkit-box-shadow: none;
box-shadow: none;
display: block;
position: static;
padding: 0;
min-width: 100%;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
transform: scale(1);
visibility: visible;
max-width: 100% !important;
min-width: 10px !important;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub > li .submenu-inner li {
list-style: none;
border: none;
padding: 0;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub > li .submenu-inner li:last-child {
border: none;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub > li .submenu-inner li.menu-item-has-children > a {
font-weight: 600;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub > li .submenu-inner li .submenu-inner {
padding-left: 20px !important;
display: block;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner.megamenu-align-left {
left: 0;
right: auto;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner.megamenu-align-right {
right: 0;
left: auto;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner.megamenu-align-center {
left: 50%;
-webkit-transform: rotateX(-90deg) translateX(-50%) !important;
transform: rotateX(-90deg) translateX(-50%) !important;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner.megamenu-align-center:after {
bottom: 100%;
left: 50%;
margin-left: -6px;
}
ul.gva-nav-menu > li.megamenu-main:hover .megamenu-wrap-inner {
-webkit-transform: rotateX(0) translateX(-50%) !important;
transform: rotateX(0) translateX(-50%) !important;
}
.menu-skin-white #mega-menu-main-menu > li > a {
text-transform: uppercase;
font-style: normal !important;
color: #fff !important;
}
.menu-skin-white #mega-menu-main-menu > li > a:hover, .menu-skin-white #mega-menu-main-menu > li > a:focus, .menu-skin-white #mega-menu-main-menu > li > a:active {
color: #16243D !important;
}
.gavias-off-canvas-toggle {
font-size: 24px;
float: right;
margin-right: -1px;
border-left: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgba(0, 0, 0, 0.1);
text-align: center;
width: 36px;
height: 36px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
background: var(--e-global-color-primary);
color: #fff;
line-height: 1.5;
margin-bottom: 10px;
}
.gavias-off-canvas-toggle:hover, .gavias-off-canvas-toggle:focus {
background: #16243D;
color: #fff;
}
.gavias-off-canvas-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 9999;
display: block;
}
#gavias-off-canvas {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
background: #fff;
height: 100%;
left: -75%;
position: fixed;
top: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
width: 70%;
z-index: 99998;
bottom: 0;
}
#gavias-off-canvas.active {
left: 0;
}
#gavias-off-canvas .navbar-collapse {
padding-left: 0 !important;
}
#gavias-off-canvas ul {
padding-left: 25px;
}
#gavias-off-canvas .off-canvas-top {
height: 35px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#gavias-off-canvas .off-canvas-top .top-social > a {
line-height: 35px;
-webkit-transition: background 0.35s;
transition: background 0.35s;
-moz-transition: background 0.35s;
-ms-transition: background 0.35s;
padding: 0 15px;
display: block;
border-left: 1px solid rgba(0, 0, 0, 0.1);
float: left;
}
#gavias-off-canvas .off-canvas-top .top-social > a:last-child {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
#gavias-off-canvas .off-canvas-top .top-social > a:hover {
background: var(--e-global-color-primary);
color: #fff;
border-color: var(--e-global-color-primary);
}
#gavias-off-canvas .off-canvas-top .gavias-off-canvas-close {
float: right;
margin-right: 35px;
line-height: 35px;
border-left: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgba(0, 0, 0, 0.1);
padding: 0 15px;
color: #16243D;
}
#gavias-off-canvas .off-canvas-top .gavias-off-canvas-close:hover {
cursor: pointer;
background: var(--e-global-color-primary);
color: #fff;
}
#gavias-off-canvas ul#menu-main-menu {
width: 100%;
margin: 0;
padding: 0;
}
#gavias-off-canvas ul#menu-main-menu > li {
list-style: none;
display: block;
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
overflow: hidden;
padding: 10px 20px;
}
#gavias-off-canvas ul#menu-main-menu > li > a {
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
font-weight: 600;
text-transform: uppercase;
padding: 0;
}
#gavias-off-canvas ul#menu-main-menu > li > a:hover, #gavias-off-canvas ul#menu-main-menu > li > a:focus {
background: transparent;
}
#gavias-off-canvas ul#menu-main-menu > li > a.active > a {
color: var(--e-global-color-primary);
background: transparent;
}
#gavias-off-canvas ul#menu-main-menu > li .submenu-inner.dropdown-menu {
position: relative;
display: block;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
padding-left: 15px;
border: none;
}
#gavias-off-canvas ul#menu-main-menu > li .submenu-inner.dropdown-menu li a {
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
padding: 4px 0;
}
#gavias-off-canvas ul#menu-main-menu > li .submenu-inner.dropdown-menu li a:hover, #gavias-off-canvas ul#menu-main-menu > li .submenu-inner.dropdown-menu li a:focus {
color: var(--e-global-color-primary);
background: transparent;
}
#gavias-off-canvas ul#menu-main-menu > li .submenu-inner.dropdown-menu li.active > a {
color: var(--e-global-color-primary);
background: transparent;
}
#gavias-off-canvas ul#menu-main-menu .caret {
float: right;
margin-top: 5px;
}
#mega-menu-wrap-primary {
position: static !important;
}
#mega-menu-wrap-primary .mega-menu-horizontal {
position: static !important;
}
.menu-bar, .menu-bar-close {
display: inline-block;
height: 32px;
width: 30px;
cursor: pointer;
position: relative;
}
.menu-bar span, .menu-bar-close span {
display: block;
width: 30px;
height: 2px;
background-color: var(--e-global-color-primary);
position: absolute;
right: 0;
margin: auto;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.menu-bar span.one, .menu-bar-close span.one {
top: 6px;
}
.menu-bar span.two, .menu-bar-close span.two {
top: 0;
bottom: 0;
}
.menu-bar span.three, .menu-bar-close span.three {
bottom: 6px;
}
.menu-bar:hover .one {
-webkit-transform: rotate(28deg);
transform: rotate(28deg);
width: 22px;
-webkit-transform-origin: 16% 100%;
transform-origin: 16% 100%;
}
.menu-bar:hover .three {
-webkit-transform: rotate(-28deg);
transform: rotate(-28deg);
-webkit-transform-origin: 16% 100%;
transform-origin: 16% 100%;
width: 22px;
right: -1px;
}
.menu-mobile-open .menu-bar .one {
-webkit-transform: rotate(28deg);
transform: rotate(28deg);
width: 22px;
-webkit-transform-origin: 16% 100%;
transform-origin: 16% 100%;
}
.menu-mobile-open .menu-bar .three {
-webkit-transform: rotate(-28deg);
transform: rotate(-28deg);
-webkit-transform-origin: 16% 100%;
transform-origin: 16% 100%;
width: 22px;
right: -1px;
}
.menu-bar-close {
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.menu-bar-close span.one {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 0;
bottom: 0;
}
.menu-bar-close span.two {
opacity: 0;
}
.menu-bar-close span.three {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 0;
top: 0;
bottom: 0;
}
.menu-bar-close:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.gva-offcanvas-content {
position: fixed;
left: -520px;
width: 520px;
max-width: 100%;
top: 0;
bottom: 0;
z-index: 9999;
visibility: hidden;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 680ms cubic-bezier(0, 0.42, 0.69, 0.99);
transition: all 680ms cubic-bezier(0, 0.42, 0.69, 0.99);
background: #fff;
}
.gva-offcanvas-content .first-layer, .gva-offcanvas-content .second-layer {
position: absolute;
height: 100%;
width: 100%;
background-color: var(--e-global-color-primary);
opacity: 0.9;
top: 0;
left: 100%;
right: auto;
bottom: 0;
width: 0;
margin-left: 0;
-webkit-transition: width 0.5s ease-out;
transition: width 0.5s ease-out;
}
.gva-offcanvas-content .second-layer {
opacity: 0.9;
background: var(--e-global-color-secondary);
-webkit-transition: width 0.5s ease-out;
transition: width 0.5s ease-out;
}
.gva-offcanvas-content.open {
-webkit-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}
.gva-offcanvas-content.open .first-layer {
width: 100vw;
}
.gva-offcanvas-content.open .second-layer {
width: calc(100vw - 500px);
}
.gva-offcanvas-content a {
color: #16243D;
}
.gva-offcanvas-content a:hover {
color: var(--e-global-color-primary);
}
.gva-offcanvas-content .top-canvas {
width: 100%;
z-index: 9;
padding: 30px 25px 20px;
}
.gva-offcanvas-content .top-canvas:before, .gva-offcanvas-content .top-canvas:after {
content: " ";
display: table;
}
.gva-offcanvas-content .top-canvas:after {
clear: both;
}
.gva-offcanvas-content .top-canvas .logo-mm {
float: left;
display: inline-block;
line-height: 1;
}
.gva-offcanvas-content .top-canvas .logo-mm img {
max-width: 180px;
}
.gva-offcanvas-content .top-canvas .control-close-mm {
display: inline-block;
text-align: center;
float: right;
font-size: 30px;
}
.gva-offcanvas-content .top-canvas .control-close-mm:hover {
cursor: pointer;
}
.gva-offcanvas-content .mobile-menu-footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 12px 30px 8px;
border-top: 1px solid var(--e-global-color-primary);
text-align: left;
background: #16243D;
z-index: 11;
}
.gva-offcanvas-content .mobile-menu-footer a {
display: inline-block;
font-size: 16px;
margin: 0 10px;
color: #fff;
}
.gva-offcanvas-content .mobile-menu-footer a:hover {
color: var(--e-global-color-primary);
}
.gva-offcanvas-content .mobile-menu-footer a:first-child {
margin-left: 0;
}
.gva-offcanvas-content .wp-sidebar .widget {
padding-top: 20px;
margin-top: 20px;
padding: 20px 30px;
}
.gva-offcanvas-content .wp-sidebar .widget:last-child {
border-bottom: 0;
}
.gva-offcanvas-content .wp-sidebar .widget .widget-title {
color: #fff;
text-align: center;
}
.gva-offcanvas-content .wp-sidebar .widget .widget-title span {
font-size: 18px;
color: #16243D;
}
.gva-offcanvas-content .wp-sidebar .widget .widget-title:before {
left: 50%;
margin-left: -40px;
}
.gva-offcanvas-content .wp-sidebar .widget .widget-title:after {
left: 50%;
margin-left: -25px;
}
.gva-offcanvas-content .wp-sidebar {
height: calc(100% - 120px);
padding: 10px 30px 60px;
position: relative;
z-index: 9;
}
@media (max-width: 678px) {
.gva-offcanvas-content .wp-sidebar {
padding: 10px 20px 60px;
}
}
.gva-offcanvas-content #gva-mobile-menu {
padding: 0;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu {
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li {
position: relative !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
display: block;
width: 100%;
padding: 0;
text-align: left;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li:after {
display: none !important;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li > .submenu-inner {
padding-bottom: 15px !important;
-webkit-transition: 0s;
transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li > .submenu-inner li {
border: none;
padding: 0 !important;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li a {
padding: 12px 0 12px;
font-size: 15px;
color: var(--travivu-heading-color);
font-weight: 600;
position: relative;
z-index: 11;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li a .caret {
display: none;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li a:after {
display: none;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li a:hover {
color: var(--e-global-color-primary);
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li.menu-item-has-children .caret {
border: none;
position: absolute;
top: 20px;
margin-top: -10px;
right: 0;
width: 150px;
height: 35px;
z-index: 9;
color: #16243D;
-webkit-mask-image: url("../images/plus.png");
mask-image: url("../images/plus.png");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center right;
mask-position: center right;
background: var(--travivu-heading-color);
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li.menu-item-has-children .caret:after {
display: none;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li.menu-item-has-children .caret:hover {
cursor: pointer;
color: var(--e-global-color-primary);
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li.menu-item-has-children.menu-active .caret {
-webkit-mask-image: url("../images/minium.png");
mask-image: url("../images/minium.png");
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li > a {
display: inline-block;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li > ul {
display: none;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner {
position: relative;
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100);
visibility: visible !important;
background: none;
left: auto;
top: auto;
padding: 0;
border: none !important;
-webkit-box-shadow: none;
box-shadow: none;
display: none;
max-width: 100% !important;
-webkit-transform: rotateX(0) !important;
transform: rotateX(0) !important;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner:before, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner:after, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner:before, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner:after {
content: " ";
display: table;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner:after, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner:after {
clear: both;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner:before, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner:after, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner:before, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner:after {
content: " ";
display: table;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner:after, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner:after {
clear: both;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner .caret, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner .caret {
display: none;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner li a, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner li a {
padding: 8px 0;
font-weight: 400;
text-transform: none;
font-size: 15px;
color: var(--travivu-body-color);
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner li a:hover, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner li a:hover {
color: var(--e-global-color-primary);
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner ul, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner ul {
width: 100%;
padding-left: 15px;
display: block !important;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner ul > li, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner ul > li {
padding: 3px 0;
display: block;
width: 100%;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner {
padding-left: 20px;
}
.gva-offcanvas-content #gva-mobile-menu .megamenu-sub > li > a {
font-weight: 700 !important;
font-size: 15px !important;
opacity: 0.8;
}
.gva-offcanvas-content #gva-mobile-menu .megamenu-sub > li .submenu-inner {
padding: 8px 20px 5px !important;
}
.gva-offcanvas-content #gva-mobile-menu .megamenu-sub > li .submenu-inner > li {
padding: 0 !important;
}
.gva-offcanvas-content #gva-mobile-menu .megamenu-sub > li:last-child .submenu-inner {
padding-bottom: 10px !important;
}
.gva-offcanvas-content #gva-mobile-menu .megamenu-sub > li:last-child .submenu-inner li {
margin-bottom: 3px;
}
.gva-offcanvas-content.open {
left: 0;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.megamenu-main .megamenu-wrap-inner {
width: 100%;
left: 0;
right: 0;
margin: auto;
}
.megamenu-main .widget {
text-align: left;
color: var(--travivu-link-color);
}
.megamenu-main .widget .widget-title,
.megamenu-main .widget .widgettitle {
font-size: 16px;
text-align: left;
text-transform: uppercase;
font-weight: 600;
line-height: 20px;
padding: 0;
border: none;
}
.megamenu-main .widget ul {
list-style: none;
padding: 0;
}
.megamenu-main .widget.widget-html ul li {
line-height: 32px;
padding: 5px 0;
}
.megamenu-main .widget.widget-html ul li strong {
color: var(--e-global-color-primary);
font-weight: 600;
}
.megamenu-main .widget .product-block {
margin-bottom: 10px;
}
ul.gva-user-menu li a {
font-size: 15px;
}
body.admin-bar .gva-offcanvas-content.mobile {
padding-top: 32px;
}
@media (max-width: 782px) {
body.admin-bar .gva-offcanvas-content.mobile {
padding-top: 46px;
}
}
/*------------------------------------------------------------------*\
6 - ELEMENTS STYLE
\*------------------------------------------------------------------*/
body.elementor-editor-active[data-elementor-device-mode*="desktop"] .elementor-hidden-desktop[data-widget_type*="gva-navigation-menu.default"],
body.elementor-editor-active[data-elementor-device-mode*="laptop"] .elementor-hidden-laptop[data-widget_type*="gva-navigation-menu.default"],
body.elementor-editor-active[data-elementor-device-mode*="mobile"] .elementor-hidden-mobile[data-widget_type*="gva-navigation-menu.default"],
body.elementor-editor-active[data-elementor-device-mode*="mobile_extra"] .elementor-hidden-mobile_extra[data-widget_type*="gva-navigation-menu.default"],
body.elementor-editor-active[data-elementor-device-mode*="tablet"] .elementor-hidden-tablet[data-widget_type*="gva-navigation-menu"],
body.elementor-editor-active[data-elementor-device-mode*="tablet_extra"] .elementor-hidden-tablet_extra[data-widget_type*="gva-navigation-menu.default"],
body.elementor-editor-active[data-elementor-device-mode*="widescreen"] .elementor-hidden-widescreen[data-widget_type*="gva-navigation-menu.default"] {
max-width: 100px;
max-height: 50px;
overflow: hidden;
display: none;
}
.e-con-full.e-child {
max-width: 100%;
}
.elementor-slideshow__counter {
display: none;
}
.elementor-sidebar-widget {
padding: 30px;
-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 0, 0, 0.036);
border-radius: 4px;
margin-bottom: 30px;
}
.elementor-sidebar-widget .title {
font-size: 22px;
position: relative;
padding-left: 10px;
margin: 0 0 20px;
}
.elementor-sidebar-widget .title:before {
content: '';
width: 2px;
height: auto;
top: 5px;
bottom: 3px;
left: 0;
background: var(--e-global-color-primary);
position: absolute;
left: 0;
bottom: 5px;
z-index: 1;
}
.gva-element {
min-height: 20px;
}
.row-hero > .elementor-background-slideshow {
max-width: 43.5%;
right: 0;
left: auto;
}
@media (max-width: 1024px) {
.row-hero > .elementor-background-slideshow {
max-width: 100%;
}
.row-hero > .elementor-background-slideshow:after {
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
position: absolute;
top: 0;
left: 0;
z-index: 11;
}
}
.row-hero > .elementor-background-overlay {
max-width: 56.5%;
}
@media (max-width: 1024px) {
.row-hero > .elementor-background-overlay {
display: none;
}
}
.row-explore-full > .elementor-element {
max-width: 1690px;
margin-left: 0;
left: calc((100% - 1200px) / 2);
}
@media (max-width: 1200px) {
.row-explore-full > .elementor-element {
left: 0;
}
}
.row-explore-full-2 > .elementor-element {
max-width: 1690px;
margin-right: 0;
right: calc((100% - 1200px) / 2);
}
@media (max-width: 1200px) {
.row-explore-full-2 > .elementor-element {
right: 0;
}
}
.row-full-two > .elementor-element {
max-width: 1690px;
margin-left: 0;
left: calc((100% - 1440px) / 2);
}
@media (max-width: 1520px) {
.row-full-two > .elementor-element {
left: 0;
}
}
.row-wide-1 > .elementor-element {
max-width: 1590px;
margin-left: 0;
left: calc((100% - 1200px) / 2);
}
@media (max-width: 1200px) {
.row-wide-1 > .elementor-element {
left: 0;
}
}
.row-wide-1 .row-align-left > div {
margin: 0;
}
.contain-left {
padding-left: calc((100% - 1200px) / 2);
}
.contain-right {
padding-right: calc((100% - 1200px) / 2);
}
.bg-overlay-1:before {
width: 100vw;
height: 100%;
left: 100%;
top: 0;
}
.bg-overlay-2 .elementor-background-overlay {
left: -110px;
}
.mr-0 .e-con-inner {
margin-right: 0;
}
.bg-row-theme, .bg-col-theme > .elementor-column-wrap, .bg-col-theme > .elementor-widget-wrap {
background-color: var(--e-global-color-primary);
}
.bg-row-theme-second, .bg-col-theme-second > .elementor-column-wrap, .bg-col-theme-second > .elementor-widget-wrap {
background-color: #16243D;
}
.column-line-left {
position: relative;
}
.column-line-left:after {
content: '';
width: 12px;
background: var(--e-global-color-primary);
position: absolute;
left: 0;
top: 100px;
bottom: 100px;
z-index: 1;
}
.column-line-right {
position: relative;
}
.column-line-right:after {
content: '';
width: 12px;
background: var(--e-global-color-primary);
border-radius: 0 10px 10px 0;
position: absolute;
left: 100%;
top: 120px;
bottom: 120px;
z-index: 1;
}
.col-white-right {
position: relative;
}
.col-white-right:after {
content: '';
width: 1000px;
height: 100%;
background: #fff;
position: absolute;
left: 100%;
top: 0;
bottom: 0;
z-index: 1;
}
.col-border-line {
position: relative;
padding: 20px 20px 0;
}
.col-border-line:after {
content: '';
width: 100%;
height: 100%;
background: url("../images/bg-line.png") no-repeat top center;
background-size: cover;
border-radius: 6px;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.border-middle-left, .border-middle-right {
position: relative;
}
.border-middle-left:after, .border-middle-right:after {
content: '';
width: 1px;
background: rgba(255, 255, 255, 0.15);
position: absolute;
left: 0;
top: 25px;
bottom: 25px;
z-index: 1;
}
.border-middle-right:after {
left: auto;
right: 0;
}
.col-align-right > .elementor-widget-wrap {
float: right;
}
.elementor-background-slideshow__slide .elementor-background-slideshow__slide__image {
background-repeat: no-repeat !important;
}
.elementor-section > .elementor-container {
z-index: 11;
}
.elementor-section > .particles-js-canvas-el {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.col-bg-theme-inner .elementor-widget-wrap {
background: var(--e-global-color-primary);
}
.elementor-icon-list-icon svg {
height: auto;
}
.gsc-logo .site-branding-logo {
display: inline-block;
}
.elementor-widget-wp-widget-nav_menu ul.menu {
list-style: none;
padding: 0;
}
.elementor-widget-wp-widget-nav_menu ul.menu > li {
margin-bottom: 2px;
}
.elementor-widget-wp-widget-nav_menu ul.menu > li a {
display: block;
background: #F2F5F9;
padding: 20px 55px 20px 30px;
color: var(--travivu-heading-color);
font-weight: 700;
font-size: 16px;
position: relative;
line-height: 24px;
font-family: var(--travivu-heading-font-family);
}
@media (max-width: 1200px) {
.elementor-widget-wp-widget-nav_menu ul.menu > li a {
padding: 22px 45px 22px 20px;
}
}
.elementor-widget-wp-widget-nav_menu ul.menu > li a:after {
content: "\e90a";
font-family: "ticomoon";
position: absolute;
right: 30px;
top: 50%;
margin-top: -12px;
z-index: 11;
color: var(--travivu-heading-color);
font-size: 12px;
font-weight: 900;
}
@media (max-width: 1200px) {
.elementor-widget-wp-widget-nav_menu ul.menu > li a:after {
right: 20px;
}
}
.elementor-widget-wp-widget-nav_menu ul.menu > li a:hover {
background: var(--e-global-color-primary);
color: #fff;
}
.elementor-widget-wp-widget-nav_menu ul.menu > li a:hover:after {
color: #fff;
}
.elementor-widget-wp-widget-nav_menu ul.menu > li.current-menu-item > a {
background: var(--e-global-color-primary);
color: #fff;
}
.elementor-widget-wp-widget-nav_menu ul.menu > li.current-menu-item > a:after {
color: #fff;
}
.elementor-accordion .elementor-accordion-item {
margin-bottom: 20px;
border: none;
}
.elementor-accordion .elementor-accordion-item:last-child {
margin-bottom: 0;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title {
position: relative;
background: #F2F5F9;
border: 1px solid #F2F5F9;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title a {
font-family: var(--travivu-heading-font-family);
padding: 0;
color: var(--travivu-heading-color);
font-weight: 700;
font-size: 18px;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title .elementor-accordion-icon {
font-size: 16px;
text-align: center;
color: #16243D;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active {
background: #fff;
border-color: #DFDFDF;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-content {
border: 1px solid #DFDFDF;
border-top: none;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-content:before, .elementor-accordion .elementor-accordion-item .elementor-tab-content:after {
content: " ";
display: table;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-content:after {
clear: both;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-content.elementor-active {
-webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);
}
.elementor-widget-progress .elementor-title {
font-weight: 700;
font-size: 16px;
color: var(--travivu-heading-color);
margin: 0 0 12px;
}
.elementor-widget-progress .elementor-progress-wrapper {
margin-top: 3px;
position: relative;
overflow: visible !important;
}
.elementor-widget-progress .elementor-progress-wrapper .elementor-progress-bar {
border-radius: 30px;
background: var(--e-global-color-primary);
}
.elementor-widget-progress .elementor-progress-wrapper .elementor-progress-bar .elementor-progress-text {
position: relative;
overflow: visible;
font-size: 0;
}
.elementor-widget-progress .elementor-progress-wrapper .elementor-progress-percentage {
position: absolute;
right: 0;
color: var(--travivu-body-color);
bottom: 22px;
padding-right: 0;
font-size: 16px;
font-weight: 500;
margin-bottom: 5px;
}
.elementor-widget-heading .elementor-heading-title strong {
font-size: 26px;
font-weight: 700;
color: var(--e-global-color-primary);
}
.elementor-widget-button a.elementor-button {
font-size: 16px;
font-weight: 700;
}
.elementor-widget-button a.elementor-button .elementor-button-content-wrapper {
white-space: nowrap;
}
.elementor-widget-icon-box .elementor-icon-box-icon .elementor-icon {
color: var(--e-global-color-primary);
fill: var(--e-global-color-primary);
}
.elementor-widget-icon-box .elementor-icon-box-title {
margin: 0;
}
.elementor-widget-icon-box .elementor-icon-box-title a:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.elementor-widget-icon-box .elementor-icon-box-title a:hover {
color: inherit;
}
.elementor-widget-icon-box .elementor-icon-box-description {
min-height: 0 !important;
}
@media (max-width: 768px) {
.elementor-widget-icon-box.icon-box-left .elementor-icon-box-wrapper {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.elementor-widget-icon-box.icon-box-left .elementor-icon-box-wrapper .elementor-icon-box-icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.elementor-widget-icon-box.icon-box-left .elementor-icon-box-icon {
margin-right: 15px !important;
margin-bottom: 0 !important;
}
.elementor-widget-icon-box.icon-box-left .elementor-icon-box-content {
text-align: left;
}
}
.elementor-icon-list-items .elementor-icon-list-item {
font-size: 16px;
}
.elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon {
color: var(--e-global-color-primary);
}
.elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon span, .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text span {
color: var(--e-global-color-primary);
margin-right: 18px;
}
.elementor-icon-box-style-1 {
padding: 0 20px;
}
@media (max-width: 1250px) {
.elementor-icon-box-style-1 {
padding: 0;
}
}
@media (max-width: 1200px) {
.elementor-icon-box-style-1 .elementor-icon-box-wrapper {
display: block !important;
}
.elementor-icon-box-style-1 .elementor-icon-box-wrapper .elementor-icon-box-icon {
display: block;
width: 100%;
margin-bottom: 20px;
}
.elementor-icon-box-style-1 .elementor-icon-box-wrapper .elementor-icon-box-content {
display: block;
width: 100%;
}
}
.elementor-icon-box-style-2 {
padding: 0;
}
@media (max-width: 1024px) {
.elementor-icon-box-style-2 .elementor-icon-box-wrapper {
display: block !important;
text-align: left !important;
}
.elementor-icon-box-style-2 .elementor-icon-box-wrapper .elementor-icon-box-icon {
display: block;
width: 100%;
margin-bottom: 20px !important;
}
.elementor-icon-box-style-2 .elementor-icon-box-wrapper .elementor-icon-box-content {
display: block;
width: 100%;
}
}
.post-breadcrumb .custom-breadcrumb {
margin-bottom: 0;
background: none;
}
.gv-sidebar-offcanvas .control-mobile, .gv-sidebar-offcanvas .filter-top {
display: none;
}
@media (max-width: 1024px) {
.gv-sidebar-offcanvas > .elementor-column-wrap, .gv-sidebar-offcanvas > .elementor-widget-wrap {
position: fixed;
top: 0;
right: -360px;
z-index: 99;
background: #fff;
max-width: 100%;
height: 100%;
width: 350px;
overflow-x: hidden;
overflow-y: scroll;
border-left: 1px solid #DFDFDF;
-webkit-box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1);
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.35s;
transition: all 0.35s;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.gv-sidebar-offcanvas > .elementor-column-wrap .elementor-widget-wrap, .gv-sidebar-offcanvas > .elementor-widget-wrap .elementor-widget-wrap {
padding: 0 0 20px;
}
.gv-sidebar-offcanvas > .elementor-column-wrap .filter-top, .gv-sidebar-offcanvas > .elementor-widget-wrap .filter-top {
display: block;
position: relative;
text-align: left;
background: #F1F2F6;
margin-left: 0;
margin-right: 0;
margin-bottom: 20px;
padding: 6px 0;
}
.gv-sidebar-offcanvas > .elementor-column-wrap .filter-top:before, .gv-sidebar-offcanvas > .elementor-column-wrap .filter-top:after, .gv-sidebar-offcanvas > .elementor-widget-wrap .filter-top:before, .gv-sidebar-offcanvas > .elementor-widget-wrap .filter-top:after {
content: '';
width: 500px;
height: 100%;
position: absolute;
background: #F1F2F6;
top: 0;
z-index: 11;
}
.gv-sidebar-offcanvas > .elementor-column-wrap .filter-top:before, .gv-sidebar-offcanvas > .elementor-widget-wrap .filter-top:before {
left: 100%;
}
.gv-sidebar-offcanvas > .elementor-column-wrap .filter-top:after, .gv-sidebar-offcanvas > .elementor-widget-wrap .filter-top:after {
right: 100%;
}
.gv-sidebar-offcanvas > .elementor-column-wrap .filter-top .btn-close-filter, .gv-sidebar-offcanvas > .elementor-widget-wrap .filter-top .btn-close-filter {
display: inline-block;
border-radius: 10px;
color: #1c1e27;
font-size: 20px;
}
.gv-sidebar-offcanvas .control-mobile {
display: block;
padding: 0 15px 10px;
}
.gv-sidebar-offcanvas .control-mobile .control-mobile-link {
color: var(--e-global-color-primary);
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
letter-spacing: 1px;
}
.gv-sidebar-offcanvas .control-mobile .control-mobile-link i {
font-size: 20px;
margin-right: 6px;
position: relative;
top: 2px;
}
.gv-sidebar-offcanvas.open > .elementor-column-wrap, .gv-sidebar-offcanvas.open > .elementor-widget-wrap {
right: 0;
}
.open-el-sidebar-offcanvas {
overflow: hidden;
}
.open-el-sidebar-offcanvas .wp-site-header, .open-el-sidebar-offcanvas #wp-toolbar {
z-index: 9;
}
}
.list-style-1 ul > li {
position: relative;
}
.list-style-1 ul > li:before {
content: '/';
padding-right: 5px;
}
.list-style-1 ul > li:first-child:before {
display: none;
}
.elementor-icon, .elementor-icon i, .elementor-icon svg {
font-size: inherit;
}
.elementor-icon {
font-size: 14px;
}
.post-author-name, .post-category {
font-size: 15px;
}
.post-author-name a, .post-category a {
color: var(--travivu-body-color);
text-transform: capitalize;
letter-spacing: 0;
}
.post-author-name i, .post-category i {
color: var(--e-global-color-primary);
margin-right: 5px;
}
.travivu-post-title .post-title {
font-size: 30px;
margin: 0;
}
.post-tags .title {
font-size: 18px;
font-weight: 700;
color: #16243D;
margin-right: 10px;
position: relative;
top: 2px;
}
.post-tags > a {
background: #F2F5F9;
font-size: 14px;
padding: 0 15px 2px;
line-height: 28px;
color: var(--travivu-body-color);
border: 1px solid rgba(0, 0, 0, 0.06);
margin: 3px 10px 3px 0;
font-weight: 500;
display: inline-block;
white-space: nowrap;
border-radius: 5px;
}
.post-tags > a:hover {
background: var(--e-global-color-primary);
color: #fff;
border-color: var(--e-global-color-primary);
}
.post-tags > a:last-child {
margin-left: 0;
}
.post-author-box {
background: #F2F5F9;
padding: 50px;
}
.post-author-box img {
border-radius: 8px;
}
@media (max-width: 1024px) {
.post-author-box {
padding: 30px;
}
}
.post-author-box .content-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.post-author-box .content-inner .author-image {
max-width: 170px;
-webkit-box-flex: 0;
-ms-flex: 0 0 170px;
flex: 0 0 170px;
border-radius: 8px;
overflow: hidden;
}
@media (max-width: 580px) {
.post-author-box .content-inner .author-image {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.post-author-box .content-inner .author-content {
padding-left: 35px;
max-width: calc(100% - 170px);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 170px);
flex: 0 0 calc(100% - 170px);
}
@media (max-width: 1024px) {
.post-author-box .content-inner .author-content {
padding-left: 20px;
}
}
@media (max-width: 580px) {
.post-author-box .content-inner .author-content {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 20px 0 0;
}
}
.post-author-box .content-inner .author-content .author-name {
font-size: 20px;
font-weight: 700;
text-transform: capitalize;
position: relative;
padding-bottom: 15px;
}
@media (max-width: 1024px) {
.post-author-box .content-inner .author-content .author-name {
padding-bottom: 10px;
}
}
.post-author-box .content-inner .author-content .author-name:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 38px;
height: 3px;
background: var(--e-global-color-primary);
z-index: 11;
}
.post-author-box .content-inner .author-content .author-bio {
font-size: 16px;
line-height: 30px;
font-weight: 500;
margin-top: 15px;
}
@media (max-width: 1024px) {
.post-author-box .content-inner .author-content .author-bio {
margin-top: 10px;
}
}
.travivu-post-share .social-networks-post {
margin: 0;
padding: 0;
}
.travivu-post-share .social-networks-post > li {
list-style: none;
float: left;
margin: 5px;
}
.travivu-post-share .social-networks-post > li.title-share {
font-family: var(--travivu-heading-font-family);
color: #16243D;
font-weight: 600;
padding-top: 5px;
}
.travivu-post-share .social-networks-post > li:not(.title-share) a {
display: inline-block;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
font-size: 14px;
background: #F2F5F9;
color: #16243D;
border-radius: 50%;
text-align: center;
}
.travivu-post-share .social-networks-post > li:not(.title-share) a:hover {
background: var(--e-global-color-primary);
color: #fff;
border-color: var(--e-global-color-primary);
}
.travivu-post-share.style-1 .social-networks-post > li.title-share {
display: none;
}
.travivu-post-share.style-2, .travivu-post-share.style-3 {
position: relative;
}
.travivu-post-share.style-2 .share-content, .travivu-post-share.style-3 .share-content {
position: absolute;
bottom: 100%;
right: 0;
z-index: 11;
min-width: 250px;
background: #fff;
text-align: center;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
padding: 20px 15px 12px;
border-radius: 6px;
margin-bottom: 16px;
display: none;
}
.travivu-post-share.style-2 .share-content:after, .travivu-post-share.style-3 .share-content:after {
content: '';
position: absolute;
top: 100%;
right: 45px;
width: 16px;
height: 16px;
border-width: 8px;
border-style: solid;
border-color: #fff transparent transparent transparent;
display: block;
}
.travivu-post-share.style-2 .share-content .title-share, .travivu-post-share.style-3 .share-content .title-share {
display: none;
}
.travivu-post-share.style-2 .share-content .social-networks-post, .travivu-post-share.style-3 .share-content .social-networks-post {
display: inline-block;
}
.travivu-post-share.style-2.open .share-content, .travivu-post-share.style-3.open .share-content {
display: block;
}
.travivu-post-share.style-3 .btn-control-share {
background: #F2F5F9;
}
.elementor-widget-gva_post_thumbnail img {
border-radius: 6px;
}
.gva-brand-carousel .brand-item-content {
text-align: center;
-webkit-transition: all 0.35s;
transition: all 0.35s;
display: block;
width: 100%;
}
.gva-brand-carousel .brand-item-content .brand-item-image {
position: relative;
text-align: center;
}
.gva-brand-carousel .brand-item-content .brand-item-image img {
opacity: 0.36;
-webkit-transition: all 0.35s;
transition: all 0.35s;
display: inline-block;
}
.gva-brand-carousel .brand-item-content .brand-item-image:hover img {
opacity: 1;
-webkit-animation: beat 1.5s ease 0s infinite;
animation: beat 1.5s ease 0s infinite;
}
.gva-brand-carousel.style-2 .brand-item-content .brand-item-image {
background: none;
margin-bottom: 20px;
height: 115px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #F7F9F8;
padding: 20px;
width: 100%;
}
.gva-brand-carousel.style-2 .brand-item-content .brand-item-image:last-child {
margin-bottom: 0;
}
.gva-brand-carousel.style-3 .brand-item-content .brand-item-image img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.item-active.center .brand-item-image img {
opacity: 1;
-webkit-animation: beat 1.5s ease 0s infinite;
animation: beat 1.5s ease 0s infinite;
}
.gva-blogs-list .post {
width: 100%;
float: left;
}
.gva-blogs-list .post .post-thumbnail {
width: 45%;
float: left;
}
@media (max-width: 767.98px) {
.gva-blogs-list .post .post-thumbnail {
width: 100%;
}
}
.gva-blogs-list .post .post-thumbnail iframe {
height: 250px;
min-height: 250px;
}
.gva-blogs-list .post .entry-content {
width: 55%;
float: left;
padding-left: 30px;
}
@media (max-width: 767.98px) {
.gva-blogs-list .post .entry-content {
width: 100%;
padding-left: 0;
padding-top: 15px;
}
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
.gva-blogs-list .post .entry-content .entry-title {
margin-top: 15px;
}
}
.gva-blogs-list.show-read-more .read-more {
margin-top: 5px;
display: block !important;
visibility: visible !important;
}
.gva-blogs-list .row-item:last-child .post {
margin-bottom: 0 !important;
}
.post-small .post {
margin-bottom: 20px !important;
float: left;
width: 100%;
}
.post-small .post .post-thumbnail {
width: 70px;
float: left;
}
.post-small .post .post-content {
padding-left: 85px;
width: 100%;
float: none;
}
.post-small .post .entry-title {
font-size: 14px !important;
margin: 0;
padding: 0;
}
.post-small .post .cat-links a {
color: var(--e-global-color-primary);
}
.post-small .post .cat-links a:hover {
text-decoration: underline;
}
.post-small .post .entry-meta {
margin: 5px 0;
}
.post-small .post .entry-meta .author {
display: none;
}
.post-small .post .line-1 {
display: none;
}
.gva-navigation-menu .gva-nav-menu:before, .gva-navigation-menu .gva-nav-menu:after {
content: " ";
display: table;
}
.gva-navigation-menu .gva-nav-menu:after {
clear: both;
}
.gva-navigation-menu.menu-align-center {
text-align: center;
}
.gva-navigation-menu.menu-align-center .gva-nav-menu {
display: inline-block;
float: none;
margin-bottom: -10px;
}
.gva-navigation-menu.menu-align-right .gva-nav-menu {
float: right;
}
.gv-sticky-wrapper.is-fixed .elementor-widget-gva-navigation-menu.elementor-absolute {
margin: 0;
top: 0;
position: relative;
}
.nav-one__mobile {
display: none;
padding: 12px 5px;
line-height: 1;
}
.nav-one__mobile .dropdown-toggle:after {
display: none;
}
.nav-one__mobile .dropdown-toggle i {
font-size: 22px;
}
.mobile-breakpoint-9800 .nav-screen__default {
display: none;
}
.mobile-breakpoint-9800 .nav-screen__mobile {
display: block;
}
@media (max-width: 1920px) {
.mobile-breakpoint-1920 .nav-screen__default {
display: none;
}
.mobile-breakpoint-1920 .nav-screen__mobile {
display: block;
}
}
@media (max-width: 1420px) {
.mobile-breakpoint-1420 .nav-screen__default {
display: none;
}
.mobile-breakpoint-1420 .nav-screen__mobile {
display: block;
}
}
@media (max-width: 1380px) {
.mobile-breakpoint-1380 .nav-screen__default {
display: none;
}
.mobile-breakpoint-1380 .nav-screen__mobile {
display: block;
}
}
@media (max-width: 1300px) {
.mobile-breakpoint-1300 .nav-screen__default {
display: none;
}
.mobile-breakpoint-1300 .nav-screen__mobile {
display: block;
}
}
@media (max-width: 1250px) {
.mobile-breakpoint-1250 .nav-screen__default {
display: none;
}
.mobile-breakpoint-1250 .nav-screen__mobile {
display: block;
}
}
@media (max-width: 1200px) {
.mobile-breakpoint-1200 .nav-screen__default {
display: none;
}
.mobile-breakpoint-1200 .nav-screen__mobile {
display: block;
}
}
@media (max-width: 1150px) {
.mobile-breakpoint-1150 .nav-screen__default {
display: none;
}
.mobile-breakpoint-1150 .nav-screen__mobile {
display: block;
}
}
@media (max-width: 1100px) {
.mobile-breakpoint-1100 .nav-screen__default {
display: none;
}
.mobile-breakpoint-1100 .nav-screen__mobile {
display: block;
}
}
@media (max-width: 1080px) {
.mobile-breakpoint-1080 .nav-screen__default {
display: none;
}
.mobile-breakpoint-1080 .nav-screen__mobile {
display: block;
}
}
@media (max-width: 1024px) {
.mobile-breakpoint-1024 .nav-screen__default {
display: none;
}
.mobile-breakpoint-1024 .nav-screen__mobile {
display: block;
}
}
@media (max-width: 992px) {
.mobile-breakpoint-992 .nav-screen__default {
display: none;
}
.mobile-breakpoint-992 .nav-screen__mobile {
display: block;
}
}
@media (max-width: 768px) {
.mobile-breakpoint-768 .nav-screen__default {
display: none;
}
.mobile-breakpoint-768 .nav-screen__mobile {
display: block;
}
}
.gsc-career {
-webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
}
.gsc-career .box-content {
padding: 30px;
}
.gsc-career .box-content .title {
font-size: 22px;
margin: 0 0 10px;
}
.gsc-career .box-content .job-type {
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
color: #fff;
background: var(--e-global-color-primary);
margin-bottom: 10px;
display: inline-block;
letter-spacing: 1px;
line-height: 24px;
border-radius: 30px;
position: absolute;
top: 15px;
right: 15px;
z-index: 1;
}
.gsc-career .box-content .box-information {
font-size: 15px;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #DFDFDF;
}
.gsc-career .box-content .box-information ul {
padding: 0;
margin: 0;
list-style: none;
}
.gsc-career .box-content .box-information ul li {
float: left;
margin-right: 30px;
}
.gsc-career .box-content .box-information ul li:last-child {
margin-right: 0;
}
.gsc-career .box-content .box-information ul li .icon {
margin-right: 6px;
color: var(--e-global-color-primary);
}
.gsc-career .box-content .job-action {
margin-top: 20px;
}
.gsc-cart-box .mini-cart-header {
position: relative;
z-index: 1;
top: 4px;
}
.gsc-cart-box .mini-cart-header .mini-cart {
text-align: center;
display: inline-block;
position: relative;
line-height: 1;
font-size: 20px;
}
.gsc-cart-box .mini-cart-header .mini-cart .icon-cart {
-webkit-transition: all 0.35s;
transition: all 0.35s;
position: relative;
top: 1px;
}
.gsc-cart-box .mini-cart-header .mini-cart .mini-cart-items {
position: absolute;
font-size: 11px;
background: var(--e-global-color-primary);
color: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
top: -5px;
right: -9px;
width: 16px;
height: 16px;
border-radius: 50%;
line-height: 16px;
text-align: center;
}
.gsc-cart-box .mini-cart-header .mini-cart .mini-cart-items-title {
display: none;
}
.gsc-cart-box .mini-cart-header .mini-cart .amount {
display: none;
}
.gsc-cart-box .mini-cart-header .mini-cart:hover {
color: var(--e-global-color-secondary);
}
.gsc-cart-box .mini-cart-header .total {
color: #16243D;
}
.gsc-icon-box-group .icon-box-item {
width: 100%;
}
.iconbox-one__single {
margin: 0 auto 30px;
position: relative;
width: 100%;
text-align: center;
max-width: 210px;
}
.iconbox-one__number {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 60px;
height: 60px;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 18px;
font-weight: 700;
background: #DFDFDF;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.iconbox-one__content {
border-radius: 20px;
text-align: center;
padding: 30px 20px 22px;
position: relative;
overflow: hidden;
-webkit-clip-path: polygon(68px 0, 100% 0, 100% 100%, 0 100%, 0% 68px);
clip-path: polygon(68px 0, 100% 0, 100% 100%, 0 100%, 0% 68px);
background: rgba(0, 0, 0, 0.2);
}
@media (max-width: 1320px) {
.iconbox-one__content {
padding: 30px 12px 22px;
}
}
.iconbox-one__content:before {
content: "";
position: absolute;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
-webkit-clip-path: polygon(68px 0, 100% 0, 100% 100%, 0 100%, 0% 68px);
clip-path: polygon(68px 0, 100% 0, 100% 100%, 0 100%, 0% 68px);
background: #fff;
padding: 2px;
border-radius: 20px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.iconbox-one__content-inner {
position: relative;
}
.iconbox-one__icon {
font-size: 60px;
color: var(--e-global-color-primary);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.iconbox-one__icon svg {
width: 60px;
fill: var(--e-global-color-primary);
}
.iconbox-one__title {
font-size: 20px;
margin: 15px 0 0;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
@media (max-width: 1320px) {
.iconbox-one__title {
font-size: 18px;
}
}
.iconbox-one__desc {
font-size: 14px;
line-height: 24px;
font-weight: 500;
margin-top: 10px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.iconbox-one__link-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 11;
}
.iconbox-one__single:hover .iconbox-one__content, .iconbox-one__single:focus .iconbox-one__content, .iconbox-one__single.active .iconbox-one__content {
background: none;
}
.iconbox-one__single:hover .iconbox-one__content:before, .iconbox-one__single:focus .iconbox-one__content:before, .iconbox-one__single.active .iconbox-one__content:before {
background: var(--e-global-color-secondary);
}
.iconbox-one__single:hover .iconbox-one__number, .iconbox-one__single:focus .iconbox-one__number, .iconbox-one__single.active .iconbox-one__number {
color: #fff;
background: var(--e-global-color-primary);
}
.iconbox-one__single:hover .iconbox-one__icon, .iconbox-one__single:focus .iconbox-one__icon, .iconbox-one__single.active .iconbox-one__icon {
color: #fff;
}
.iconbox-one__single:hover .iconbox-one__title, .iconbox-one__single:focus .iconbox-one__title, .iconbox-one__single.active .iconbox-one__title {
color: #fff;
}
.iconbox-one__single:hover .iconbox-one__desc, .iconbox-one__single:focus .iconbox-one__desc, .iconbox-one__single.active .iconbox-one__desc {
color: #fff;
}
.iconbox-two__single {
padding: 32px 30px;
position: relative;
background: #fff;
overflow: hidden;
}
@media (max-width: 1200px) {
.iconbox-two__single {
padding: 30px 12px;
}
}
@media (max-width: 1024px) {
.iconbox-two__single {
padding: 20px 12px;
}
}
.iconbox-two__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.iconbox-two__icon {
margin-right: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
width: 80px;
height: 80px;
border-radius: 50%;
background: #FDF8F4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 38px;
color: var(--travivu-link-color);
}
@media (max-width: 1200px) {
.iconbox-two__icon {
margin-right: 12px;
-webkit-box-flex: 0;
-ms-flex: 0 0 68px;
flex: 0 0 68px;
width: 68px;
height: 68px;
font-size: 30px;
}
}
.iconbox-two__icon i {
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.iconbox-two__icon svg {
width: 38px;
fill: var(--travivu-link-color);
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.iconbox-two__title {
font-size: 19px;
font-weight: 700;
margin: 0;
}
@media (max-width: 1200px) {
.iconbox-two__title {
font-size: 17px;
}
}
.iconbox-two__desc {
position: relative;
line-height: 24px;
}
.iconbox-two__link-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 11;
}
.iconbox-two__single:hover .iconbox-two__icon, .iconbox-two__single:focus .iconbox-two__icon, .iconbox-two__single.active .iconbox-two__icon {
background: var(--e-global-color-primary);
color: #fff;
}
.iconbox-two__single:hover .iconbox-two__icon svg, .iconbox-two__single:focus .iconbox-two__icon svg, .iconbox-two__single.active .iconbox-two__icon svg {
fill: #fff;
}
.skin-border {
border-radius: 30px;
overflow: hidden;
}
.skin-border .item-columns {
border-right: 1px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
}
.skin-border .item-columns:nth-of-type(1) .iconbox-two__single, .skin-border .item-columns:nth-of-type(4) .iconbox-two__single, .skin-border .item-columns:nth-of-type(5) .iconbox-two__single {
background: #F2F5F9;
}
.item-active.center .iconbox-two__icon {
background: var(--e-global-color-primary);
}
.item-active.center .iconbox-two__icon i {
color: #fff;
}
.item-active.center .iconbox-two__icon svg {
fill: #fff;
}
.iconbox-three__single {
margin: 0 0 20px;
position: relative;
width: 100%;
background: #F2F5F9;
border-radius: 20px;
padding: 30px 15px;
text-align: center;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.iconbox-three__icon {
font-size: 50px;
color: var(--e-global-color-primary);
}
.iconbox-three__icon i {
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.iconbox-three__icon svg {
width: 50px;
fill: var(--e-global-color-primary);
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.iconbox-three__title {
font-size: 18px;
margin: 10px 0 0;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.iconbox-three__desc {
margin-top: 15px;
}
.iconbox-three__link-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 11;
}
.iconbox-three__single:hover, .iconbox-three__single:focus, .iconbox-three__single.active {
background: var(--e-global-color-primary);
}
.iconbox-three__single:hover .iconbox-three__icon, .iconbox-three__single:focus .iconbox-three__icon, .iconbox-three__single.active .iconbox-three__icon {
color: #fff;
}
.iconbox-three__single:hover .iconbox-three__icon svg, .iconbox-three__single:focus .iconbox-three__icon svg, .iconbox-three__single.active .iconbox-three__icon svg {
fill: #fff;
}
.iconbox-three__single:hover .iconbox-three__title, .iconbox-three__single:hover .iconbox-three__desc, .iconbox-three__single:focus .iconbox-three__title, .iconbox-three__single:focus .iconbox-three__desc, .iconbox-three__single.active .iconbox-three__title, .iconbox-three__single.active .iconbox-three__desc {
color: #fff;
}
.item-active.center .iconbox-three__icon {
background: var(--e-global-color-primary);
}
.item-active.center .iconbox-three__icon i {
color: #fff;
}
.item-active.center .iconbox-three__icon svg {
fill: #fff;
}
.iconbox-four__single {
border: 1px solid #DFDFDF;
padding: 22px 18px 22px 30px;
margin: 0 0 16px;
position: relative;
background: #fff;
z-index: 9;
border-radius: 5px;
}
.iconbox-four__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.iconbox-four__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 70px;
flex: 0 0 70px;
width: 70px;
height: 70px;
border-radius: 50%;
background: #F2F5F9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.iconbox-four__icon i {
font-size: 35px;
color: var(--e-global-color-primary);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.iconbox-four__icon svg {
width: 35px;
fill: var(--e-global-color-primary);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.iconbox-four__content {
padding-left: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 70px);
flex: 0 0 calc(100% - 70px);
width: calc(100% - 70px);
}
.iconbox-four__title {
font-size: 18px;
margin: 0 0 4px;
}
.iconbox-four__desc {
position: relative;
line-height: 22px;
font-size: 14px;
font-weight: 400;
}
.iconbox-four__link-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 11;
}
.iconbox-four__single:hover .iconbox-four__icon, .iconbox-four__single:focus .iconbox-four__icon, .iconbox-four__single.active .iconbox-four__icon {
background: var(--e-global-color-primary);
}
.iconbox-four__single:hover .iconbox-four__icon i, .iconbox-four__single:focus .iconbox-four__icon i, .iconbox-four__single.active .iconbox-four__icon i {
color: #fff;
}
.iconbox-four__single:hover .iconbox-four__icon svg, .iconbox-four__single:focus .iconbox-four__icon svg, .iconbox-four__single.active .iconbox-four__icon svg {
fill: #fff;
}
.item-active.center .iconbox-four__icon {
background: var(--e-global-color-primary);
}
.item-active.center .iconbox-four__icon i {
color: #fff;
}
.item-active.center .iconbox-four__icon svg {
fill: #fff;
}
.iconbox-five__single {
border: 1px solid rgba(0, 0, 0, 0.05);
padding: 20px 20px 25px 30px;
margin: 0 0 30px;
position: relative;
background: #fff;
z-index: 9;
}
@media (max-width: 1024px) {
.iconbox-five__single {
padding: 30px 18px;
}
}
.iconbox-five__icon-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.iconbox-five__number {
font-size: 30px;
color: #d6dee1;
}
.iconbox-five__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 68px;
flex: 0 0 68px;
width: 68px;
height: 68px;
border-radius: 50%;
background: #F2F5F9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.iconbox-five__icon i {
font-size: 28px;
color: var(--e-global-color-primary);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.iconbox-five__icon svg {
width: 28px;
fill: var(--e-global-color-primary);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.iconbox-five__content-inner {
padding-top: 25px;
}
.iconbox-five__title {
font-size: 18px;
margin: 0 0 5px;
}
.iconbox-five__desc {
position: relative;
line-height: 22px;
margin-top: 12px;
font-size: 15px;
}
.iconbox-five__link-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 11;
}
.iconbox-five__single:hover .iconbox-five__icon, .iconbox-five__single:focus .iconbox-five__icon, .iconbox-five__single.active .iconbox-five__icon {
background: var(--e-global-color-primary);
}
.iconbox-five__single:hover .iconbox-five__icon i, .iconbox-five__single:focus .iconbox-five__icon i, .iconbox-five__single.active .iconbox-five__icon i {
color: #fff;
}
.iconbox-five__single:hover .iconbox-five__icon svg, .iconbox-five__single:focus .iconbox-five__icon svg, .iconbox-five__single.active .iconbox-five__icon svg {
fill: #fff;
}
.item-active.center .iconbox-five__icon {
background: var(--e-global-color-primary);
}
.item-active.center .iconbox-five__icon i {
color: #fff;
}
.item-active.center .iconbox-five__icon svg {
fill: #fff;
}
.list-icon-one {
margin-bottom: 30px;
}
.list-icon-one ul {
list-style: none;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list-icon-one ul li {
margin-right: 10px;
margin-bottom: 10px;
white-space: nowrap;
}
.list-icon-one ul li:last-child {
margin-right: 0;
}
.list-icon-one ul .title {
font-weight: 600;
color: var(--travivu-heading-color);
position: relative;
margin-right: 15px;
}
.list-icon-one ul .icon-item {
position: relative;
background: rgba(0, 0, 0, 0.3);
border-radius: 5px;
padding: 2px 16px;
color: #fff;
font-size: 12px;
font-weight: 700;
-webkit-transition: all 0.35s;
transition: all 0.35s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.list-icon-one ul .icon-item .icon {
margin-right: 5px;
font-size: 14px;
}
.list-icon-one ul .icon-item .link-overlay {
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
z-index: 1;
}
.list-icon-one ul .icon-item:hover, .list-icon-one ul .icon-item:active {
background: var(--e-global-color-primary);
}
.list-icon-one.arrow-1 .title:after {
content: '';
width: 55px;
height: 29px;
background: url("../images/arrow-1.png") no-repeat center center transparent;
position: absolute;
top: 100%;
right: -12px;
margin-top: 3px;
z-index: 1;
}
@media (max-width: 992px) {
.list-icon-one.arrow-1 .title:after {
display: none;
}
}
.list-icon-one.arrow-2 .title:after {
content: '';
width: 81px;
height: 84px;
background: url("../images/arrow-4.png") no-repeat center center transparent;
background-size: 100%;
position: absolute;
bottom: 100%;
right: 100%;
margin-bottom: -24px;
margin-right: 16px;
z-index: 1;
}
.list-icon-one.arrow-3 .title:after {
content: '';
width: 55px;
height: 29px;
background: url("../images/arrow-5.png") no-repeat center center transparent;
position: absolute;
top: 100%;
right: -12px;
margin-top: 3px;
z-index: 1;
}
@media (max-width: 992px) {
.list-icon-one.arrow-3 .title:after {
display: none;
}
}
.box-style-one__single {
position: relative;
margin-bottom: 30px;
}
.box-style-one__link-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.box-style-one__content-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.box-style-one__icon-inner {
-webkit-box-flex: 0;
-ms-flex: 0 0 70px;
flex: 0 0 70px;
margin-right: 15px;
}
.box-style-one__icon {
border-radius: 50%;
width: 70px;
height: 70px;
font-size: 52px;
background: var(--e-global-color-secondary);
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.box-style-one__title {
font-size: 20px;
font-weight: 700;
line-height: 25px;
margin: 0;
}
.box-style-one__desc {
margin-top: 15px;
font-size: 16px;
line-height: 30px;
font-weight: 500;
}
.box-style-one__single:hover .box-style-one__icon-inner svg, .box-style-one__single:hover .box-style-one__icon-inner i, .box-style-one__single.active .box-style-one__icon-inner svg, .box-style-one__single.active .box-style-one__icon-inner i {
-webkit-animation: beat 1.5s ease 0s infinite;
animation: beat 1.5s ease 0s infinite;
}
.box-style-two__single {
position: relative;
}
.box-style-two__wrap {
display: inline-block;
text-align: center;
background: #FDF8F4;
border-radius: 30px;
padding: 30px 25px;
border: 1px solid #DFDFDF;
}
.box-style-two__icon i {
font-size: 62px;
color: var(--e-global-color-secondary);
}
.box-style-two__icon svg {
width: 62px;
fill: var(--e-global-color-secondary);
}
.box-style-two__title {
font-size: 16px;
margin: 30px auto 0;
max-width: 128px;
}
.box-style-two__desc {
margin-top: 20px;
}
.box-style-three__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.box-style-three__icon {
width: 80px;
-webkit-box-flex: 0;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
height: 80px;
margin-right: 20px;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #FDF8F4;
font-size: 45px;
color: var(--travivu-link-color);
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.box-style-three__icon svg {
width: 45px;
fill: var(--travivu-link-color);
}
.box-style-three__title {
font-size: 20px;
line-height: 30px;
margin: 0;
}
.box-style-three__desc {
margin-top: 10px;
}
.box-style-three__single:hover .box-style-three__icon {
background: var(--e-global-color-primary);
color: #fff;
}
.milestone-one__single {
position: relative;
}
.milestone-one__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.milestone-one__number {
font-size: 40px;
font-weight: 600;
color: var(--travivu-heading-color);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 40px;
flex: 0 0 40px;
margin-right: 10px;
}
.milestone-one__title {
font-size: 16px;
line-height: 20px;
font-weight: 500;
}
.milestone-one__link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
}
.milestone-one__single:hover .milestone-one__icon .icon svg, .milestone-one__single:hover .milestone-one__icon .icon i {
-webkit-animation: beat 1.5s ease 0s infinite;
animation: beat 1.5s ease 0s infinite;
}
.milestone-two__single {
position: relative;
}
.milestone-two__content {
position: relative;
text-align: center;
}
.milestone-two__icon {
width: 100px;
height: 100px;
border: 1px solid #DFDFDF;
border-radius: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #fff;
color: var(--e-global-color-primary);
font-size: 44px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.milestone-two__icon svg {
fill: var(--e-global-color-primary);
width: 44px;
}
.milestone-two__number {
font-size: 40px;
font-weight: 700;
color: var(--travivu-link-color);
margin-top: 20px;
}
@media (max-width: 1200px) {
.milestone-two__number {
font-size: 36px;
}
}
@media (max-width: 1024px) {
.milestone-two__number {
font-size: 30px;
}
}
.milestone-two__title {
position: relative;
font-size: 16px;
font-weight: 500;
color: var(--travivu-body-color);
-webkit-transition: all 0.5s;
transition: all 0.5s;
margin: 10px 0 0;
}
.milestone-two__desc {
margin-top: 10px;
}
.milestone-two__link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
}
.milestone-two__single:hover .milestone-two__icon {
background: var(--e-global-color-secondary);
color: #fff;
border-color: var(--e-global-color-secondary);
}
.milestone-two__single:hover .milestone-two__icon svg {
fill: #fff;
}
.milestone-three__single {
position: relative;
width: 192px;
height: 192px;
background: var(--e-global-color-primary);
padding: 20px;
border-radius: 50%;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 1024px) {
.milestone-three__single {
width: 160px;
height: 160px;
padding: 15px;
}
}
.milestone-three__wrap {
text-align: center;
}
.milestone-three__icon {
width: 62px;
height: 62px;
border-radius: 50%;
background: #fff;
color: var(--travivu-heading-color);
font-size: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
bottom: -30px;
left: 50%;
margin-left: -31px;
}
@media (max-width: 1024px) {
.milestone-three__icon {
width: 50px;
height: 50px;
margin-left: -25px;
bottom: -25px;
font-size: 24px;
}
}
.milestone-three__number {
font-size: 40px;
font-weight: 800;
color: #fff;
margin: 10px 0 5px;
}
@media (max-width: 1200px) {
.milestone-three__number {
font-size: 36px;
}
}
.milestone-three__title {
position: relative;
display: inline-block;
font-size: 14px;
font-weight: 500;
margin-top: 10px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
line-height: 20px;
color: #fff;
opacity: 0.6;
text-transform: uppercase;
}
.milestone-three__link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
}
.milestone-three__single:hover .milestone-three__icon svg, .milestone-three__single:hover .milestone-three__icon i {
-webkit-animation: beat 1.5s ease 0s infinite;
animation: beat 1.5s ease 0s infinite;
}
.icon-top .milestone-three__icon {
top: -30px;
}
.gallery-one__single {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.gallery-one__photo {
width: 50px;
height: 50px;
position: absolute;
top: 20px;
right: 20px;
background: var(--e-global-color-primary);
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 3;
cursor: crosshair;
opacity: 0;
border-radius: 50%;
-webkit-transition: all 0.8s;
transition: all 0.8s;
}
.gallery-one__photo:hover {
background: var(--e-global-color-secondary);
color: #fff;
}
.gallery-one__content {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.6s;
transition: all 0.6s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.gallery-one__content:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
background: var(--e-global-color-primary);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(41, 183, 155, 0)), to(rgba(0, 0, 0, 0.8)));
background: linear-gradient(180deg, rgba(41, 183, 155, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
-webkit-transform: translateY(30px);
transform: translateY(30px);
-webkit-transition: all 1s;
transition: all 1s;
}
.gallery-one__content-inner {
position: relative;
z-index: 3;
width: 100%;
height: 100%;
padding: 30px 30px 50px;
-webkit-transform: translateY(30px);
transform: translateY(30px);
-webkit-transition: all 0.6s;
transition: all 0.6s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 1024px) {
.gallery-one__content-inner {
padding: 30px 15px 40px;
}
}
.gallery-one__title {
margin: 0;
font-size: 20px;
line-height: 30px;
color: #fff;
font-weight: 700;
text-transform: capitalize;
}
.gallery-one__sub-title {
font-size: 12px;
line-height: 1;
display: inline-block;
padding: 0 0 2px;
color: #f1f1f1;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
}
.gallery-one__single:hover .gallery-one__photo {
opacity: 1;
}
.gallery-one__single:hover .gallery-one__content {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.gallery-one__single:hover .gallery-one__content:before {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.gallery-one__single:hover .gallery-one__content:after {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.gallery-one__single:hover .gallery-one__content-inner {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.gallery-two__single {
overflow: hidden;
margin-bottom: 30px;
}
.gallery-two__image img {
border-radius: 167.5px;
}
.gallery-two__photo {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
z-index: 11;
font-size: 24px;
background: rgba(22, 36, 61, 0.6);
border-radius: 167.5px;
color: #fff;
opacity: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gallery-two__photo:hover {
color: #fff;
}
.gallery-two__single {
position: relative;
}
.gallery-two__single:hover .gallery-two__photo {
opacity: 1;
}
.item-active.center .gallery-one__photo {
opacity: 1;
}
.item-active.center .gallery-one__content {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.item-active.center .gallery-one__content:before {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.item-active.center .gallery-one__content:after {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.item-active.center .gallery-one__content-inner {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.item-active.center .gallery-two__photo {
opacity: 1;
}
.feature-one__wrap {
position: relative;
margin: 0 auto 30px;
max-width: 270px;
overflow: hidden;
border-radius: 22px;
}
.feature-one__image {
position: relative;
z-index: 1;
}
.feature-one__image img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 1s;
transition: all 1s;
}
.feature-one__icon {
font-size: 45px;
width: 75px;
height: 75px;
border-radius: 50%;
background: var(--e-global-color-secondary);
color: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.feature-one__icon svg {
width: 45px;
fill: #fff;
}
.feature-one__content {
text-align: center;
position: absolute;
bottom: 0;
z-index: 1;
padding: 30px;
overflow: hidden;
}
.feature-one__content:before {
content: "";
position: absolute;
top: 0;
left: 40px;
width: 200%;
height: 100%;
background: #F2F5F9;
border-radius: 25px;
z-index: -1;
-webkit-transform: rotate(-25deg);
transform: rotate(-25deg);
}
.feature-one__inner {
margin-left: 40px;
}
.feature-one__title {
margin: 10px 0 10px;
font-size: 20px;
font-weight: 700;
}
.feature-one__desc {
font-size: 14px;
line-height: 24px;
color: #8297B0;
font-weight: 500;
}
.feature-one__link-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 9;
}
.feature-one.active .feature-one__icon {
background: var(--e-global-color-primary);
}
.feature-one:hover .feature-one__image img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.feature-one:hover .feature-one__icon {
background: var(--e-global-color-primary);
}
.feature-two__wrap {
position: relative;
margin-bottom: 30px;
}
.feature-two__image {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 130px 130px 0 130px;
}
.feature-two__image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 130px 130px 0 130px;
}
.feature-two__image:before {
border-radius: 0 0 0 130px;
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: #16243d;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 36, 61, 0)), to(#16243d));
background: linear-gradient(180deg, rgba(22, 36, 61, 0) 0%, #16243d 100%);
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.feature-two__image:after {
border-radius: 130px 130px 0 130px;
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: var(--e-global-color-secondary);
opacity: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-webkit-transform: scale(0);
transform: scale(0);
}
.feature-two__icon {
font-size: 30px;
width: 67px;
height: 67px;
border-radius: 50%;
background: #fff;
color: var(--e-global-color-secondary);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 15px, 0);
}
.feature-two__icon svg {
width: 68px;
fill: var(--e-global-color-secondary);
}
.feature-two__content {
text-align: center;
height: 355px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
z-index: 2;
padding: 20px 15px 30px;
overflow: hidden;
}
.feature-two__content-inner {
max-width: 208px;
display: inline-block;
}
.feature-two__title {
margin: 10px 0 10px;
font-size: 20px;
font-weight: 700;
color: #fff;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.feature-two__desc {
font-size: 14px;
line-height: 24px;
font-weight: 500;
margin-bottom: 15px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0);
color: rgba(255, 255, 255, 0.8);
}
.feature-two__action {
opacity: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.feature-two__action a {
width: 40px;
height: 40px;
padding: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
}
.feature-two__single:hover .feature-two__image:before, .feature-two__single.active .feature-two__image:before {
opacity: 0;
}
.feature-two__single:hover .feature-two__image:after, .feature-two__single.active .feature-two__image:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.8;
}
.feature-two__single:hover .feature-two__icon, .feature-two__single.active .feature-two__icon {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.feature-two__single:hover .feature-two__title, .feature-two__single.active .feature-two__title {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.feature-two__single:hover .feature-two__desc, .feature-two__single.active .feature-two__desc {
color: #fff;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.feature-two__single:hover .feature-two__action, .feature-two__single.active .feature-two__action {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.radius-top-right .feature-two__image, .radius-top-right .feature-two__image img, .radius-top-right .feature-two__image:before, .radius-top-right .feature-two__image:after {
border-radius: 130px 0 130px 130px;
}
.radius-bottom-left .feature-two__image, .radius-bottom-left .feature-two__image img, .radius-bottom-left .feature-two__image:before, .radius-bottom-left .feature-two__image:after {
border-radius: 130px 130px 130px 0;
}
.radius-top-left .feature-two__image, .radius-top-left .feature-two__image img, .radius-top-left .feature-two__image:before, .radius-top-left .feature-two__image:after {
border-radius: 0 130px 130px 130px;
}
.feature-three__single {
position: relative;
margin-bottom: 30px;
}
.feature-three__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.feature-three__icon {
color: var(--e-global-color-primary);
font-size: 87px;
margin-right: 20px;
}
.feature-three__icon svg {
fill: var(--e-global-color-primary);
width: 87px;
}
@media (max-width: 1024px) {
.feature-three__icon {
font-size: 50px;
}
.feature-three__icon svg {
width: 50px;
}
}
.feature-three__number {
width: 152px;
height: 152px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #F2F5F9;
border-radius: 50%;
font-size: 60px;
font-weight: 600;
color: var(--travivu-heading-color);
margin-bottom: 20px;
}
@media (max-width: 1024px) {
.feature-three__number {
width: 100px;
height: 100px;
font-size: 36px;
}
}
@media (max-width: 768px) {
.feature-three__number {
width: 80px;
height: 80px;
font-size: 30px;
}
}
.feature-three__title {
font-size: 40px;
font-weight: 700;
margin: 0;
}
@media (max-width: 1024px) {
.feature-three__title {
font-size: 30px;
}
}
@media (max-width: 992px) {
.feature-three__title {
font-size: 24px;
}
}
.feature-three__desc {
font-size: 16px;
line-height: 30px;
font-weight: 500;
}
.feature-three__single:hover .feature-three__icon:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.feature-four__wrap {
position: relative;
background: var(--e-global-color-secondary);
border-radius: 30px 30px 30px 0;
overflow: hidden;
}
.feature-four__image {
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
width: 383px;
height: 266px;
}
.feature-four__image:after {
content: "";
z-index: 3;
position: absolute;
bottom: 30px;
left: -30px;
width: 135px;
height: 68px;
display: inline-block;
background: url("../images/polygon-f-2.png") no-repeat;
display: block;
}
.feature-four__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 2.2s;
transition: all 2.2s;
}
.feature-four__image-inner {
display: inline-block;
-webkit-mask-image: url("../images/polygon-f-1.png");
mask-image: url("../images/polygon-f-1.png");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
width: 303px;
height: 228px;
overflow: hidden;
position: absolute;
right: 0;
bottom: 0;
}
.feature-four__icon {
font-size: 44px;
width: 74px;
height: 74px;
border-radius: 50%;
background: var(--e-global-color-secondary);
color: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.feature-four__icon svg {
width: 74px;
fill: #fff;
}
.feature-four__shape {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
display: inline-block;
background: url("../images/polygon-f-3.png") no-repeat;
display: block;
}
.feature-four__shape-2 {
position: absolute;
right: 0;
bottom: 0;
width: 329px;
height: 241px;
background: url("../images/polygon-f-4.png") no-repeat;
display: block;
}
.feature-four__content {
padding: 60px 40px;
position: relative;
z-index: 3;
}
@media (max-width: 1024px) {
.feature-four__content {
padding-top: 30px;
padding-bottom: 150px;
}
}
@media (max-width: 850px) {
.feature-four__content {
padding-bottom: 250px;
}
}
.feature-four__content-inner {
max-width: 250px;
}
.feature-four__title {
margin: 0 0 20px;
font-size: 24px;
line-height: 30px;
color: #fff;
}
.feature-four__sub-title {
font-family: "Covered By Your Grace", cursive;
font-size: 20px;
font-weight: 500;
color: #fff;
}
.feature-four__desc {
font-size: 14px;
line-height: 24px;
color: #fff;
font-weight: 500;
}
.feature-four__single:hover .feature-four__image img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.feature-five__wrap {
position: relative;
background: var(--e-global-color-primary);
border-radius: 30px 30px 0 30px;
overflow: hidden;
}
.feature-five__wrap:after {
content: "";
z-index: 3;
position: absolute;
bottom: 5px;
right: 40px;
width: 56px;
height: 53px;
display: inline-block;
background: url("../images/polygon-r-4.png") no-repeat;
display: block;
}
.feature-five__image {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
width: 411px;
height: 265px;
}
.feature-five__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 2.2s;
transition: all 2.2s;
}
.feature-five__image-inner {
display: inline-block;
-webkit-mask-image: url("../images/polygon-r-3.png");
mask-image: url("../images/polygon-r-3.png");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
width: 357px;
height: 236px;
overflow: hidden;
position: absolute;
left: 0;
bottom: 0;
}
.feature-five__icon {
font-size: 44px;
width: 74px;
height: 74px;
border-radius: 50%;
background: var(--e-global-color-secondary);
color: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.feature-five__icon svg {
width: 74px;
fill: #fff;
}
.feature-five__shape {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../images/polygon-r-1.png") no-repeat;
display: block;
}
.feature-five__shape-2 {
position: absolute;
left: 0;
bottom: 0;
width: 373px;
height: 249px;
display: inline-block;
background: url("../images/polygon-r-2.png") no-repeat;
display: block;
}
.feature-five__content {
padding: 60px 40px;
position: relative;
z-index: 3;
text-align: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 1024px) {
.feature-five__content {
padding-top: 30px;
padding-bottom: 150px;
}
}
@media (max-width: 850px) {
.feature-five__content {
padding-bottom: 250px;
}
}
.feature-five__content-inner {
max-width: 250px;
}
.feature-five__title {
margin: 0 0 20px;
font-size: 24px;
line-height: 30px;
color: #fff;
}
.feature-five__sub-title {
font-family: "Covered By Your Grace", cursive;
font-size: 20px;
font-weight: 500;
color: #fff;
}
.feature-five__desc {
font-size: 14px;
line-height: 24px;
color: #fff;
font-weight: 500;
}
.feature-five__single:hover .feature-five__image img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.gsc-heading {
display: block;
width: 100%;
margin-bottom: 50px;
}
.gsc-heading:before, .gsc-heading:after {
content: " ";
display: table;
}
.gsc-heading:after {
clear: both;
}
@media (max-width: 1024px) {
.gsc-heading {
margin-bottom: 30px;
}
}
.gsc-heading .heading-video {
margin-bottom: 50px;
}
.gsc-heading .heading-video .video-link {
display: inline-block;
font-size: 24px;
color: #fff;
background: var(--e-global-color-primary);
text-align: center;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
border-radius: 50%;
}
.gsc-heading .heading-video .video-link::before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid var(--e-global-color-primary);
border-radius: 50%;
opacity: 0;
-webkit-animation: pulse-border-2 1.5s linear infinite;
animation: pulse-border-2 1.5s linear infinite;
}
.gsc-heading .heading-video .video-link::after {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid var(--e-global-color-primary);
border-radius: 50%;
opacity: 0;
-webkit-animation: pulse-border 1s linear infinite;
animation: pulse-border 1s linear infinite;
}
.gsc-heading .heading-video .video-link span {
background: url("../images/arrow-3.png") no-repeat center center transparent;
width: 31px;
height: 45px;
position: absolute;
top: 100%;
left: 100%;
margin-left: 30px;
margin-top: -10px;
}
.gsc-heading .heading-video .video-link:hover {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.gsc-heading .title {
font-size: 50px;
position: relative;
margin: 0;
font-weight: 700;
}
.gsc-heading .sub-title .tagline {
font-size: 13px;
font-weight: 600;
line-height: 28px;
color: var(--travivu-heading-color);
position: relative;
text-transform: uppercase;
}
.gsc-heading .title-desc {
line-height: 30px;
font-weight: 500;
}
.gsc-heading .title-desc ul {
margin-bottom: 0;
padding: 0;
}
.gsc-heading .title-desc ul > li {
position: relative;
padding-left: 22px;
list-style: none;
padding-bottom: 6px;
}
.gsc-heading .title-desc ul > li:before {
content: '';
width: 10px;
height: 10px;
background: var(--e-global-color-primary);
position: absolute;
top: 11px;
left: 0;
z-index: 1;
}
.gsc-heading .title-desc ul > li:last-child {
padding-bottom: 0;
}
.gsc-heading .title-desc p {
margin-bottom: 0;
}
.gsc-heading .heading-action {
margin-top: 30px;
}
@media (max-width: 767.98px) {
.gsc-heading .heading-action {
margin-top: 20px;
}
}
.gsc-heading.align-center {
text-align: center;
}
.gsc-heading.align-center .sub-title {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.gsc-heading.align-center .content-inner {
margin: 0 auto;
}
.gsc-heading.align-left {
text-align: left;
}
.gsc-heading.align-left .title-icon {
padding-left: 50px;
}
.gsc-heading.align-right {
text-align: right;
}
.gsc-heading.align-right .title-desc {
float: right;
width: 100%;
text-align: right;
}
.gsc-heading.align-right .title-icon {
padding-right: 50px;
}
.gsc-heading.box-align-center .content-inner {
margin: 0 auto;
}
.gsc-heading.box-align-right .content-inner {
float: right;
}
.gsc-heading.style-1 .sub-title .tagline {
letter-spacing: 1px;
position: relative;
background: #F2F5F9;
padding: 4px 20px 6px;
border-radius: 50px;
display: inline-block;
}
.gsc-heading.style-1 .sub-title .tagline:before {
font-size: 18px;
position: relative;
top: 3px;
margin-right: 10px;
content: "\e909";
font-weight: 500;
color: var(--e-global-color-secondary);
font-family: 'ticomoon' !important;
}
.gsc-heading.style-1 .title em {
font-style: normal;
color: var(--travivu-color-three);
}
.gsc-heading.style-1.align-left .sub-title .tagline:after, .gsc-heading.style-1.align-center .sub-title .tagline:after {
display: inline-block;
}
@media (max-width: 768px) {
.gsc-heading.style-1.align-left .sub-title .tagline:after, .gsc-heading.style-1.align-center .sub-title .tagline:after {
display: none;
}
}
@media (max-width: 1200px) {
.gsc-heading.auto-responsive.style-1 .title {
font-size: 40px;
}
}
@media (max-width: 1024px) {
.gsc-heading.auto-responsive.style-1 .title {
font-size: 36px;
}
}
@media (max-width: 992px) {
.gsc-heading.auto-responsive.style-1 .title {
font-size: 30px;
}
}
@media (max-width: 768px) {
.gsc-heading.auto-responsive.style-1 .title {
font-size: 28px;
}
}
.gsc-heading.style-2 .content-inner .sub-title .tagline {
color: var(--e-global-color-primary);
font-family: "Covered By Your Grace", cursive;
font-size: 30px;
}
.gsc-heading.style-2 .content-inner .title {
font-size: 40px;
line-height: 46px;
font-weight: 700;
margin: 0;
}
@media (max-width: 1024px) {
.gsc-heading.auto-responsive.style-2 .sub-title .tagline {
font-size: 22px;
}
}
@media (max-width: 1024px) {
.gsc-heading.auto-responsive.style-2 .title {
font-size: 36px;
line-height: 42px;
}
}
@media (max-width: 992px) {
.gsc-heading.auto-responsive.style-2 .title {
font-size: 30px;
line-height: 40px;
}
}
@media (max-width: 768px) {
.gsc-heading.auto-responsive.style-2 .title {
font-size: 28px;
line-height: 38px;
}
}
@media (max-width: 1024px) {
.gsc-heading.auto-responsive.style-2 .heading-action {
margin-bottom: 15px;
}
}
.gsc-heading.style-3 .content-inner .sub-title {
font-size: 16px;
text-transform: none;
letter-spacing: 0;
margin-bottom: 10px;
}
.gsc-heading.style-3 .content-inner .title {
font-size: 20px;
line-height: 22px;
margin: 0;
letter-spacing: 0;
}
.gsc-heading.style-3 .content-inner .title > span {
position: relative;
}
.gsc-heading.style-3 .content-inner .title > span:after {
content: '';
width: 18px;
height: 26px;
background: url("../images/arrow.png") no-repeat center center transparent;
display: inline-block;
position: absolute;
top: 12px;
left: calc(100% + 12px);
}
.gsc-heading.style-4 .sub-title {
line-height: 20px;
}
.gsc-heading.style-4 .tagline {
font-size: 14px;
letter-spacing: 0;
font-weight: 600;
text-transform: none;
}
.gsc-heading.style-4 .title {
font-size: 18px;
line-height: 22px;
margin: 0;
letter-spacing: 0;
color: var(--travivu-heading-color);
}
@media (max-width: 1200px) {
.gsc-heading.style-4 .title {
font-size: 16px;
}
}
.gsc-heading.style-4 .title span {
position: relative;
}
.gsc-heading.style-4 .title span:after {
content: '';
width: 18px;
height: 3px;
background: var(--e-global-color-primary);
position: absolute;
top: 50%;
left: 100%;
z-index: 1;
margin-left: 10px;
margin-top: 1px;
border-radius: 5px;
}
@media (max-width: 1200px) {
.gsc-heading.style-4 .title span:after {
display: none;
}
}
.gsc-heading.style-5 {
padding-left: 30px;
}
.gsc-heading.style-5 .content-inner {
border-left: 1px solid var(--e-global-color-primary);
padding-left: 30px;
}
@media (max-width: 767px) {
.gsc-heading.style-5 .content-inner {
padding-left: 20px;
}
}
.gsc-heading.style-5 .sub-title {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
position: absolute;
left: 0;
top: 0;
}
.gsc-heading.style-5 .sub-title .tagline {
font-size: 16px;
font-weight: 700;
}
.gsc-heading.style-5 .heading-number {
font-size: 100px;
line-height: 1;
color: var(--e-global-color-primary);
margin-bottom: 60px;
}
@media (max-width: 1024px) {
.gsc-heading.style-5 .heading-number {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.gsc-heading.style-5 .heading-number {
font-size: 50px;
}
}
.gsc-heading.style-5 .title {
font-size: 30px;
}
@media (max-width: 767px) {
.gsc-heading.style-5 .title {
font-size: 24px;
}
}
.style-black .gsc-heading.style-2 .content-inner .title span:before {
background: var(--e-global-color-secondary);
}
.arrow-white .gsc-heading.style-3 .content-inner .title > span:after {
background: url("../images/arrow-white.png") no-repeat center center transparent !important;
}
.about-one__single {
position: relative;
}
.about-one__image {
display: inline-block;
max-width: 126px;
-webkit-box-flex: 0;
-ms-flex: 0 0 126px;
flex: 0 0 126px;
margin-right: -62px;
position: relative;
z-index: 1;
}
@media (max-width: 575px) {
.about-one__image {
margin-right: 0px;
margin-bottom: -70px;
margin-left: 30px;
}
}
.about-one__image img {
-webkit-transition: all 5s;
transition: all 5s;
border-radius: 50%;
border: 15px solid #fff;
}
.about-one__link-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5;
}
.about-one__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 575px) {
.about-one__wrap {
display: block;
}
}
.about-one__content {
background: #F2F5F9;
border-radius: 6px;
padding: 30px;
padding-left: 93px;
}
@media (max-width: 575px) {
.about-one__content {
padding-left: 30px;
padding-top: 100px;
}
}
.about-one__title {
font-size: 20px;
font-weight: 700;
margin: 0 0 15px;
}
.about-one__desc {
font-size: 16px;
line-height: 24px;
font-weight: 500;
}
.about-one__single:hover .about-one__image img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.about-two__single {
position: relative;
max-width: 768px;
margin: 0 auto;
}
.about-two__logo {
position: absolute;
top: 15%;
right: 0;
z-index: 3;
}
.about-two__logo img {
-webkit-animation: scaleOut2 3s ease 0s infinite;
animation: scaleOut2 3s ease 0s infinite;
}
.about-two__image {
position: relative;
z-index: 1;
text-align: right;
padding-right: 50px;
padding-bottom: 120px;
}
.about-two__image .content-inner {
overflow: hidden;
display: inline-block;
}
.about-two__image .content-inner img {
-webkit-transition: all 5s;
transition: all 5s;
border-radius: 40px;
}
.about-two__image-second {
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
max-width: 50%;
}
.about-two__image-second .content-inner {
overflow: hidden;
display: inline-block;
padding-top: 15px;
padding-left: 15px;
position: relative;
border-radius: 40px;
}
.about-two__image-second .content-inner img {
border-radius: 40px;
}
.about-two__image-second .content-inner:before {
content: "";
background: #F2F5F9;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 40px;
z-index: -1;
}
.about-two__image-third {
position: absolute;
left: 0;
bottom: 0;
z-index: 3;
max-width: 70%;
}
.about-three__single {
position: relative;
max-width: 718px;
margin: 0 auto;
}
.about-three__logo {
position: absolute;
top: 15%;
left: 0;
z-index: 3;
max-width: 33%;
}
.about-three__logo img {
-webkit-animation: scaleOut2 5s ease 0s infinite;
animation: scaleOut2 5s ease 0s infinite;
}
.about-three__image {
position: relative;
z-index: 2;
padding-left: 30px;
}
.about-three__image .content-inner {
display: inline-block;
}
.about-three__image .content-inner img {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
left: 0;
right: 0;
-webkit-transition: all 0.2s;
transition: all 0.2s;
-webkit-animation: scaleOut3 3.8s ease infinite;
animation: scaleOut3 3.8s ease infinite;
}
.about-three__image-second {
position: absolute;
right: 0;
top: 0;
z-index: 1;
max-width: 50%;
}
.about-three__image-second .content-inner {
overflow: hidden;
display: inline-block;
}
.about-three__image-third {
position: absolute;
left: -45%;
bottom: 0;
z-index: 3;
max-width: 65%;
}
.e-parent:hover .about-three__image .content-inner img {
-webkit-animation: none;
animation: none;
}
.about-four__single {
position: relative;
max-width: 660px;
}
.about-four__image {
position: relative;
z-index: 1;
padding-bottom: 60px;
max-width: 658px;
}
.about-four__image .content-inner {
padding: 30px;
background: #fff;
border-radius: 50%;
overflow: hidden;
display: inline-block;
}
.about-four__image .content-inner img {
-webkit-transition: all 5s;
transition: all 5s;
border-radius: 50%;
-webkit-transform: scale(1) matrix(-1, 0, 0, 1, 0, 0);
transform: scale(1) matrix(-1, 0, 0, 1, 0, 0);
}
.about-four__image-second {
position: absolute;
left: 0;
bottom: 30px;
z-index: 2;
}
.about-four__image-second .content-inner {
padding: 15px;
background: #fff;
border-radius: 50%;
overflow: hidden;
display: inline-block;
max-width: 324px;
}
.about-four__image-second .content-inner img {
-webkit-transition: all 5s;
transition: all 5s;
border-radius: 50%;
-webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
transform: matrix(-1, 0, 0, 1, 0, 0);
-webkit-transform: scale(1) matrix(-1, 0, 0, 1, 0, 0);
transform: scale(1) matrix(-1, 0, 0, 1, 0, 0);
}
.about-four__image-third {
position: absolute;
right: 0;
bottom: 0;
z-index: 3;
}
.about-four__single:hover .about-four__image .content-inner img {
-webkit-transform: scale(1.2) matrix(-1, 0, 0, 1, 0, 0);
transform: scale(1.2) matrix(-1, 0, 0, 1, 0, 0);
}
.about-four__single:hover .about-four__image-second .content-inner img {
-webkit-transform: scale(1.2) matrix(-1, 0, 0, 1, 0, 0);
transform: scale(1.2) matrix(-1, 0, 0, 1, 0, 0);
}
.about-five__single {
position: relative;
max-width: 620px;
margin: 0 auto;
overflow: hidden;
}
.about-five__logo {
position: absolute;
top: 60px;
right: 0;
z-index: 2;
}
.about-five__logo img {
-webkit-animation: scaleOut-2 5s ease-in-out infinite;
animation: scaleOut-2 5s ease-in-out infinite;
}
.about-five__image {
position: relative;
padding-right: 30px;
padding-bottom: 150px;
}
.about-five__image .content-inner {
overflow: hidden;
display: inline-block;
}
.about-five__image .content-inner img {
-webkit-transition: all 5s;
transition: all 5s;
border-radius: 30px;
}
.about-five__title {
background: var(--e-global-color-primary);
padding: 20px 30px;
color: #fff;
font-size: 20px;
font-weight: 600;
border-radius: 0 0 0 30px;
margin-left: 50px;
}
@media (max-width: 1200px) {
.about-five__title {
font-size: 18px;
margin-left: 30px;
}
}
.about-five__image-second {
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
max-width: 55%;
}
.about-five__image-second .content-inner {
overflow: hidden;
display: inline-block;
}
.about-five__image-second .content-inner img {
border-radius: 30px;
-webkit-transition: all 5s;
transition: all 5s;
}
.about-six__single {
position: relative;
max-width: 100%;
width: 892px;
margin: 0 auto;
}
.about-six__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.about-six__image .content-inner {
display: inline-block;
-webkit-mask-image: url("../images/mask-img.png");
mask-image: url("../images/mask-img.png");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
max-width: 100%;
overflow: hidden;
}
.about-six__image .content-inner img {
-webkit-transition: all 5s;
transition: all 5s;
}
.about-six__image:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.about-six__content {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
}
.about-six__title {
font-size: 20px;
margin: 0 0 15px;
}
.about-seven__single {
position: relative;
max-width: 690px;
margin: 0 auto;
}
.about-seven__image {
position: relative;
z-index: 1;
padding-bottom: 100px;
border-radius: 50%;
}
.about-seven__image .content-inner {
overflow: hidden;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
border-radius: 50%;
}
.about-seven__image .content-inner img {
-webkit-transition: all 0.35s;
transition: all 0.35s;
border-radius: 50%;
}
.about-seven__image:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.about-seven__image-second {
position: absolute;
bottom: 0;
right: 0;
z-index: 2;
border-radius: 50%;
border: 15px solid #fff;
}
.about-seven__image-second .content-inner {
overflow: hidden;
border-radius: 50%;
}
.about-seven__image-second .content-inner img {
-webkit-transition: all 0.35s;
transition: all 0.35s;
border-radius: 50%;
}
.about-seven__image-second:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.about-seven__image-third {
position: absolute;
bottom: 0;
left: -100px;
z-index: 3;
max-width: 75%;
}
@media (max-width: 1440px) {
.about-seven__image-third {
left: 0;
max-width: 50%;
}
}
.about-eight__single {
position: relative;
}
.about-eight__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 480px) {
.about-eight__content {
display: block;
}
}
.about-eight__title {
font-size: 160px;
line-height: 1;
color: var(--e-global-color-primary);
margin: 0;
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media (max-width: 480px) {
.about-eight__title {
font-size: 110px;
}
}
.about-eight__sub-title {
font-size: 14px;
color: var(--travivu-link-color);
font-weight: 700;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
margin-right: 20px;
letter-spacing: 4px;
}
@media (max-width: 480px) {
.about-eight__sub-title {
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
-webkit-transform: none;
transform: none;
}
}
.about-nine__single {
position: relative;
overflow: hidden;
max-width: 960px;
}
.about-nine__image {
position: relative;
z-index: 1;
text-align: right;
padding-left: 180px;
padding-bottom: 100px;
}
@media (max-width: 1800px) {
.about-nine__image {
padding-left: 160px;
}
}
@media (max-width: 1440px) {
.about-nine__image {
padding-left: 110px;
padding-bottom: 65px;
}
}
@media (max-width: 1200px) {
.about-nine__image {
padding-left: 100px;
}
}
@media (max-width: 1024px) {
.about-nine__image {
padding-left: 80px;
}
}
.about-nine__image .content-inner {
overflow: hidden;
display: inline-block;
}
.about-nine__image .content-inner img {
-webkit-transition: all 5s;
transition: all 5s;
position: absolute;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
z-index: 11;
}
.about-nine__image .shape-1 {
position: absolute;
top: 0;
left: 0;
z-index: 1;
text-align: left;
width: 910px;
}
@media (max-width: 1600px) {
.about-nine__image .shape-1 {
width: 866px;
}
}
@media (max-width: 1440px) {
.about-nine__image .shape-1 {
width: 800px;
}
}
@media (max-width: 1200px) {
.about-nine__image .shape-1 {
width: 820px;
}
}
@media (max-width: 1024px) {
.about-nine__image .shape-1 {
width: 700px;
}
}
.about-nine__image .shape-1 svg {
max-width: 100%;
}
.about-nine__image .shape-2 {
position: absolute;
right: 2%;
bottom: 35px;
z-index: 6;
-webkit-animation: animation_top_bottom_2 8s ease 0s infinite;
animation: animation_top_bottom_2 8s ease 0s infinite;
}
@media (max-width: 1024px) {
.about-nine__image .shape-2 {
display: none;
}
}
@media (max-width: 1800px) {
.about-nine__image .shape-2 {
width: 350px;
right: 6%;
}
}
@media (max-width: 1600px) {
.about-nine__image .shape-2 {
width: 300px;
}
}
@media (max-width: 1440px) {
.about-nine__image .shape-2 {
right: 0;
bottom: 0;
}
}
.about-nine__image .shape-2 svg {
width: 100%;
height: auto;
}
.about-nine__image .shape-3 {
position: absolute;
right: 0;
bottom: -60px;
z-index: 2;
}
.about-nine__img {
display: inline-block;
-webkit-mask-image: url("../images/polygon-about.png");
mask-image: url("../images/polygon-about.png");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
max-width: 100%;
position: relative;
z-index: 9;
width: 780px;
height: 740px;
}
@media (max-width: 1600px) {
.about-nine__img {
width: 735px;
height: 715px;
}
}
@media (max-width: 1440px) {
.about-nine__img {
width: 700px;
height: 680px;
}
}
@media (max-width: 1024px) {
.about-nine__img {
width: 635px;
height: 615px;
}
}
.about-nine__image-second {
position: absolute;
top: 36%;
left: 12%;
z-index: 2;
width: 255px;
max-width: 50%;
-webkit-transition: all 5s;
transition: all 5s;
-webkit-animation: animation_top_bottom_2 10s ease 0s infinite;
animation: animation_top_bottom_2 10s ease 0s infinite;
}
@media (max-width: 1600px) {
.about-nine__image-second {
width: 200px;
}
}
@media (max-width: 1024px) {
.about-nine__image-second {
width: 150px;
left: 10%;
top: 40%;
}
}
.about-nine__image-second .content-inner {
width: 100%;
position: relative;
-webkit-mask-image: url("../images/polygon-image.png");
mask-image: url("../images/polygon-image.png");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
}
.about-nine__logo {
position: absolute;
top: -55px;
left: -40px;
display: block;
width: 205px;
height: 135px;
}
@media (max-width: 1600px) {
.about-nine__logo {
width: 155px;
height: 115px;
top: -40px;
left: -25px;
}
}
@media (max-width: 1024px) {
.about-nine__logo {
width: 130px;
height: 115px;
top: -28px;
left: -22px;
}
}
.gva-posts-grid .posts-grid-filter {
margin-bottom: 15px;
width: 100%;
float: left;
}
.gva-posts-grid .posts-grid-filter ul.nav-tabs {
display: inline-block;
text-align: left;
float: left;
padding-top: 15px;
}
.gva-posts-grid .posts-grid-filter ul.nav-tabs > li > a {
background: none;
font-weight: 500;
color: #16243D;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
text-transform: uppercase;
padding: 0 10px;
}
.gva-posts-grid .posts-grid-filter ul.nav-tabs > li > a.active {
color: var(--e-global-color-primary);
}
.gva-posts-grid .posts-grid-filter .view-all {
float: right;
}
.gva-posts-grid .gva-content-items {
float: left;
width: 100%;
}
.gva-posts-sticky .gva-content-items {
position: relative;
float: left;
width: 100%;
}
.gva-posts-sticky .gva-content-items .content-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.gva-posts-sticky .gva-content-items .content-wrap > div {
padding: 0 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
padding: 0 15px;
}
@media (max-width: 767px) {
.gva-posts-sticky .gva-content-items .content-wrap > div {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
@media (max-width: 480px) {
.gva-posts-sticky .gva-content-items .content-wrap > div {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.gva-posts-sticky .gva-content-items .list-post {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.4%;
flex: 0 0 33.4%;
}
@media (max-width: 767px) {
.gva-posts-sticky .gva-content-items .list-post {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
}
}
.gva-posts-sticky .gva-content-items .list-post .post-block-sticky__single:last-child {
margin-bottom: 0;
}
.gva-posts-sticky .gva-content-items .list-post .post-block-sticky__thumbnail {
opacity: 0;
border-radius: 20px;
display: none;
}
.gva-posts-sticky .gva-content-items .list-post .post-block-sticky__thumbnail img {
border-radius: 20px;
}
.gva-posts-sticky .gva-content-items .list-post .post-block-sticky__content {
min-height: 0;
background: #F2F5F9;
border-radius: 20px;
display: block;
}
.gva-posts-sticky .gva-content-items .list-post .post-block-sticky__date {
position: initial;
width: auto;
height: auto;
display: block;
border-radius: 0;
background: transparent;
color: var(--travivu-link-color);
font-weight: 500;
line-height: 1;
}
.gva-posts-sticky .gva-content-items .list-post .post-block-sticky__date .day {
font-size: 14px;
}
.gva-posts-sticky .gva-content-items .list-post .post-block-sticky__date .month {
font-size: 14px;
text-transform: capitalize;
}
.gva-posts-sticky .gva-content-items .list-post .post-block-sticky__title {
font-size: 24px;
font-weight: 700;
line-height: 34px;
}
.gva-posts-sticky .gva-content-items .list-post .post-block-sticky__title a {
color: var(--travivu-link-color);
}
.gva-posts-sticky .gva-content-items .list-post .post-block-sticky__meta {
border-top: 1px solid #DFDFDF;
}
.gva-posts-sticky .gva-content-items .list-post .post-block-sticky__comment {
color: var(--travivu-body-color);
}
.gva-posts-list-small .gva-content-items > .post:last-child {
margin-bottom: 0;
}
.testimonial-one__single {
position: relative;
width: 100%;
max-width: 600px;
margin: 10px auto 30px;
border-radius: 30px;
background: #fff;
border: 1px solid #DFDFDF;
-webkit-box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);
padding: 0 20px 30px;
text-align: center;
}
.testimonial-one__meta {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #F2F5F9;
border-radius: 30px;
text-align: left;
max-width: 316px;
}
.testimonial-one__image {
position: relative;
z-index: 1;
top: -10px;
margin-bottom: -10px;
-webkit-box-flex: 0;
-ms-flex: 0 0 112px;
flex: 0 0 112px;
padding-bottom: 15px;
background: var(--e-global-color-secondary);
border-radius: 100px;
border-bottom-right-radius: 0;
margin-right: 30px;
}
.testimonial-one__image img {
border-radius: 100px;
}
.testimonial-one__icon {
font-size: 26px;
line-height: 1;
color: var(--e-global-color-primary);
margin-top: 25px;
display: block;
}
.testimonial-one__name {
font-size: 22px;
font-weight: 700;
color: var(--travivu-heading-color);
display: block;
margin: 2px 0 2px;
}
.testimonial-one__job {
font-size: 14px;
font-weight: 500;
display: block;
}
.testimonial-one__stars {
font-size: 14px;
letter-spacing: 0.5px;
}
.testimonial-one__stars i {
color: var(--e-global-color-primary);
}
.testimonial-one__quote {
font-size: 18px;
line-height: 30px;
font-weight: 500;
color: var(--travivu-link-color);
display: block;
max-width: 450px;
margin: 15px auto 0;
padding: 0 15px;
}
@media (max-width: 1024px) {
.testimonial-one__quote {
padding: 0 5px;
}
}
@media (min-width: 768px) {
.testimonial-opacity .swiper-slide .testimonial-one__single {
opacity: 0.5;
margin-top: 30px;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.testimonial-opacity .swiper-slide .testimonial-one__image {
background: #CBCBCC;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.testimonial-opacity .swiper-slide .testimonial-one__stars i, .testimonial-opacity .swiper-slide .testimonial-one__icon {
color: #CBCBCC;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.testimonial-opacity .swiper-slide.item-active.center .testimonial-one__single {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
opacity: 1;
}
.testimonial-opacity .swiper-slide.item-active.center .testimonial-one__image {
background: var(--e-global-color-secondary);
}
.testimonial-opacity .swiper-slide.item-active.center .testimonial-one__stars i, .testimonial-opacity .swiper-slide.item-active.center .testimonial-one__icon {
color: var(--e-global-color-primary);
}
}
.dot-left .swiper-slider-wrapper .swiper-pagination {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.testimonial-two__single {
position: relative;
background: #fff;
z-index: 1;
width: 100%;
margin-bottom: 46px;
border-radius: 0 50px 0 50px;
padding: 50px 0;
}
.testimonial-two__single:before {
content: "";
position: absolute;
top: 100%;
right: 50px;
border-top: 46px solid #fff;
border-left: 118px solid transparent;
}
@media (max-width: 1024px) {
.testimonial-two__single {
padding: 30px 0;
}
}
.testimonial-two__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
overflow: hidden;
}
@media (max-width: 480px) {
.testimonial-two__content {
display: block;
}
}
.testimonial-two__meta {
padding-left: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1600px) {
.testimonial-two__meta {
padding-left: 20px;
}
}
@media (max-width: 1024px) {
.testimonial-two__meta {
padding-left: 10px;
}
}
.testimonial-two__image {
-webkit-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
margin-right: 30px;
border-radius: 50%;
position: relative;
}
@media (max-width: 1600px) {
.testimonial-two__image {
margin-right: 12px;
}
}
.testimonial-two__image img {
border-radius: 50%;
}
.testimonial-two__image:before {
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: -50%;
background: var(--e-global-color-secondary);
width: 100%;
height: 100%;
z-index: -1;
}
@media (max-width: 480px) {
.testimonial-two__image {
margin-right: 20px;
}
}
.testimonial-two__icon {
font-size: 27px;
width: 95px;
height: 80px;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
background: #F2F5F9;
color: var(--travivu-link-color);
z-index: 2;
position: absolute;
bottom: -42px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.testimonial-two__date {
font-size: 14px;
line-height: 1;
font-weight: 500;
color: var(--travivu-link-color);
background: #F2F5F9;
padding: 0 50px;
height: 72px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 40px 0 0 40px;
white-space: nowrap;
}
@media (max-width: 1600px) {
.testimonial-two__date {
padding: 0 20px;
height: 60px;
}
}
@media (max-width: 1024px) {
.testimonial-two__date {
padding: 0 10px;
height: 50px;
}
}
@media (max-width: 480px) {
.testimonial-two__date {
margin-top: 20px;
margin-left: 20px;
}
}
.testimonial-two__name {
font-size: 20px;
font-weight: 600;
color: var(--travivu-heading-color);
display: block;
margin: 5px 0 0;
}
.testimonial-two__job {
font-size: 15px;
font-weight: 500;
display: block;
}
.testimonial-two__stars {
font-size: 14px;
letter-spacing: 0.5px;
}
.testimonial-two__stars i {
color: var(--e-global-color-primary);
}
.testimonial-two__quote {
font-size: 18px;
font-weight: 500;
line-height: 30px;
display: block;
color: var(--travivu-link-color);
padding: 40px 50px 20px;
}
@media (max-width: 1600px) {
.testimonial-two__quote {
padding: 30px 50px 20px;
}
}
@media (max-width: 1024px) {
.testimonial-two__quote {
padding: 30px 20px 20px;
}
}
@media (max-width: 480px) {
.testimonial-two__quote {
padding: 20px;
}
}
.testimonial-three__single {
margin-bottom: 30px;
position: relative;
}
.testimonial-three__image-inner {
position: relative;
display: inline-block;
margin-top: 15px;
max-width: 80px !important;
}
.testimonial-three__image-inner img {
border-radius: 50%;
border: 5px solid #fff;
}
.testimonial-three__icon {
left: 25px;
bottom: -15px;
z-index: 2;
position: absolute;
color: #fff;
background: var(--e-global-color-secondary);
font-size: 11px;
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 30px;
height: 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.testimonial-three__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.testimonial-three__stars {
margin-top: 10px;
font-size: 18px;
letter-spacing: 1px;
}
.testimonial-three__stars i {
color: var(--e-global-color-primary);
}
.testimonial-three__name {
margin: 0 0 6px;
font-size: 22px;
font-weight: 700;
color: var(--travivu-heading-color);
}
.testimonial-three__job {
font-size: 16px;
font-weight: 500;
}
.testimonial-three__quote {
font-weight: 400;
font-size: 18px;
line-height: 34px;
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #DFDFDF;
}
.testimonial-three__quote br {
content: '';
display: block;
height: 8px;
}
.testimonial-three__quote > strong {
color: var(--travivu-heading-color);
}
.gsc-testimonial.style-3 .swiper-pagination {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.video-one__single {
position: relative;
width: 320px;
height: 458px;
margin-bottom: 30px;
}
@media (max-width: 450px) {
.video-one__single {
width: 280px;
height: 380px;
}
}
@media (max-width: 360px) {
.video-one__single {
width: 200px;
height: 290px;
}
}
.video-one__bg {
position: absolute;
top: 0;
left: 0;
width: 440px;
height: 100%;
background: url("../images/bg-video-one.png") no-repeat center center;
background-size: cover;
}
@media (max-width: 450px) {
.video-one__bg {
width: 380px;
}
}
@media (max-width: 360px) {
.video-one__bg {
width: 290px;
}
}
.video-one__inner {
text-align: center;
}
.video-one__image {
position: absolute;
left: 10px;
right: 10px;
top: 10px;
bottom: 10px;
border-radius: 150px;
overflow: hidden;
}
.video-one__image:after {
content: '';
background-image: -webkit-gradient(linear, left bottom, left top, from(var(--e-global-color-secondary)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, var(--e-global-color-secondary) 0%, rgba(0, 0, 0, 0) 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-one__image img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 5s;
transition: all 5s;
}
.video-one__content {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
text-align: center;
z-index: 1;
padding-top: 70px;
}
.video-one__title {
font-size: 20px;
color: #fff;
font-weight: 700;
}
.video-one__action .popup-video {
display: inline-block;
font-size: 20px;
color: #fff;
background: var(--e-global-color-primary);
text-align: center;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
width: 80px;
height: 80px;
line-height: 80px;
border-radius: 50%;
}
@media (max-width: 767px) {
.video-one__action .popup-video {
width: 60px;
height: 60px;
line-height: 60px;
}
}
.video-one__action .popup-video::before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid var(--e-global-color-primary);
opacity: 0;
border-radius: 50%;
-webkit-animation: pulse-border-2 1.5s linear infinite;
animation: pulse-border-2 1.5s linear infinite;
}
.video-one__action .popup-video::after {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid var(--e-global-color-primary);
opacity: 0;
border-radius: 50%;
-webkit-animation: pulse-border 1s linear infinite;
animation: pulse-border 1s linear infinite;
}
.video-one__single:hover .video-one__image img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.video-one__single:hover .video-one__action .popup-video {
-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.video-two__action {
text-align: center;
}
.video-two__action .popup-video {
display: inline-block;
font-size: 27px;
color: #fff;
background: var(--e-global-color-secondary);
text-align: center;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
width: 102px;
height: 90px;
line-height: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 10px 0 0 10px;
}
@media (max-width: 767.98px) {
.video-two__action .popup-video {
height: 80px;
width: 80px;
font-size: 20px;
}
}
.video-two__action .popup-video::before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid var(--e-global-color-secondary);
opacity: 0;
border-radius: 10px 0 0 10px;
-webkit-animation: pulse-border-2 1.5s linear infinite;
animation: pulse-border-2 1.5s linear infinite;
}
.video-two__action .popup-video::after {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid var(--e-global-color-secondary);
opacity: 0;
border-radius: 10px 0 0 10px;
-webkit-animation: pulse-border 1s linear infinite;
animation: pulse-border 1s linear infinite;
}
.video-two__title {
fill: #fff;
font-size: 20px;
letter-spacing: 3px;
}
.video-three__single {
position: relative;
}
.video-three__inner {
min-height: 120px;
min-width: 120px;
text-align: center;
position: relative;
}
@media (max-width: 767.98px) {
.video-three__inner {
min-height: 80px;
min-width: 80px;
}
}
.video-three__image {
overflow: hidden;
position: relative;
border-radius: 7px;
}
.video-three__image a {
display: block;
width: 100%;
height: 100%;
}
.video-three__image a img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 7px;
}
.video-three__image:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.2;
z-index: 1;
mix-blend-mode: multiply;
border-radius: 7px;
background-color: #1e2845;
}
.video-three__content {
position: absolute;
bottom: 0;
right: 0;
z-index: 2;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.video-three__title {
font-size: 25px;
color: #fff;
font-weight: 500;
}
@media (max-width: 600px) {
.video-three__title {
display: none;
}
}
.video-three__action .popup-video {
display: inline-block;
font-size: 27px;
color: #fff;
background: rgba(125, 113, 112, 0.8);
text-align: center;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
width: 102px;
height: 102px;
border: 1px solid #fff;
line-height: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
}
@media (max-width: 767.98px) {
.video-three__action .popup-video {
height: 80px;
width: 80px;
font-size: 20px;
}
}
.video-three__action .popup-video::before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
opacity: 0;
border-radius: 50%;
-webkit-animation: pulse-border-2 1.5s linear infinite;
animation: pulse-border-2 1.5s linear infinite;
}
.video-three__action .popup-video::after {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
opacity: 0;
border-radius: 50%;
-webkit-animation: pulse-border 1s linear infinite;
animation: pulse-border 1s linear infinite;
}
.video-four__content {
position: relative;
min-height: 300px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.video-four__content:before {
content: "";
position: absolute;
bottom: 0;
right: 100%;
margin-right: -100px;
width: 320px;
height: 320px;
display: block;
border-radius: 50%;
opacity: 0.2;
border: solid 1px #fff;
}
@media (max-width: 1024px) {
.video-four__content {
min-height: 235px;
}
}
.video-four__action {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 3;
}
.video-four__action .popup-video {
display: inline-block;
font-size: 26px;
color: #fff;
background: var(--e-global-color-primary);
text-align: center;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
width: 100px;
height: 100px;
line-height: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
}
.video-four__action .popup-video::before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
opacity: 0;
border-radius: 50%;
-webkit-animation: pulse-border-2 1.5s linear infinite;
animation: pulse-border-2 1.5s linear infinite;
}
.video-four__action .popup-video::after {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
opacity: 0;
border-radius: 50%;
-webkit-animation: pulse-border 1s linear infinite;
animation: pulse-border 1s linear infinite;
}
.video-four__title {
width: 100%;
opacity: 0.2;
color: #fff;
font-size: 220px;
line-height: 1;
font-weight: 700;
text-align: center;
}
@media (max-width: 1024px) {
.video-four__title {
font-size: 180px;
}
}
@media (max-width: 767px) {
.video-four__title {
font-size: 100px;
}
}
.gsc-search-box.style-1 > .content-inner {
display: inline-block;
}
.gsc-search-box.style-1 > .content-inner .control-search {
position: relative;
line-height: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
font-size: 18px;
top: 2px;
}
.gsc-search-box.style-1 > .content-inner .control-search:hover {
color: var(--e-global-color-secondary);
}
.gsc-pricing {
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gsc-pricing.style-1 {
background: #fff;
padding: 55px 35px 60px;
position: relative;
-webkit-box-shadow: 0px 10px 30px 0px rgba(65, 80, 138, 0.1);
box-shadow: 0px 10px 30px 0px rgba(65, 80, 138, 0.1);
}
@media (max-width: 1024.98px) {
.gsc-pricing.style-1 {
padding: 55px 20px 60px;
}
}
@media (max-width: 991.98px) {
.gsc-pricing.style-1 {
padding: 60px 15px 40px;
max-width: 500px;
margin: 0 auto;
}
}
@media (max-width: 767.98px) {
.gsc-pricing.style-1 {
padding-left: 15px;
padding-right: 15px;
}
}
.gsc-pricing.style-1 .content-inner {
max-width: 260px;
margin: 0 auto;
}
.gsc-pricing.style-1 .content-inner .sub-title {
font-size: 13px;
text-transform: uppercase;
padding: 0 16px;
line-height: 26px;
border-radius: 30px;
background: var(--e-global-color-primary);
display: inline-block;
color: #fff;
font-weight: 500;
position: absolute;
top: 15px;
right: 15px;
letter-spacing: 1px;
}
.gsc-pricing.style-1 .content-inner .plan-price {
padding-bottom: 15px;
color: #16243D;
}
.gsc-pricing.style-1 .content-inner .plan-price .plan-price-inner .currency {
font-size: 22px;
position: relative;
top: -20px;
}
.gsc-pricing.style-1 .content-inner .plan-price .plan-price-inner .price {
line-height: 1;
margin-bottom: 10px;
font-weight: 400;
font-size: 60px;
}
@media (max-width: 991.98px) {
.gsc-pricing.style-1 .content-inner .plan-price .plan-price-inner .price {
font-size: 45px;
}
}
@media (max-width: 767.98px) {
.gsc-pricing.style-1 .content-inner .plan-price .plan-price-inner .price {
font-size: 38px;
}
}
.gsc-pricing.style-1 .content-inner .plan-price .plan-price-inner .interval {
font-size: 11px;
text-transform: uppercase;
font-weight: 500;
}
.gsc-pricing.style-1 .content-inner .title {
color: var(--e-global-color-primary);
font-size: 15px;
font-weight: 700;
margin: 0 0 18px;
letter-spacing: 5px;
text-transform: uppercase;
}
.gsc-pricing.style-1 .content-inner .desc {
font-size: 17px;
font-weight: 500;
line-height: 24px;
}
.gsc-pricing.style-1 .content-inner .plan-list {
list-style-type: none;
padding: 0;
margin: 25px 0 8px;
font-size: 17px;
}
@media (max-width: 991.98px) {
.gsc-pricing.style-1 .content-inner .plan-list {
font-size: 15px;
}
}
.gsc-pricing.style-1 .content-inner .plan-list li {
position: relative;
padding: 10px 0 10px 30px;
line-height: 24px;
}
@media (max-width: 991.98px) {
.gsc-pricing.style-1 .content-inner .plan-list li {
padding: 6px 0 6px 26px;
}
}
.gsc-pricing.style-1 .content-inner .plan-list li:after {
content: '\f00c';
font-family: "Font Awesome 5 Free";
position: absolute;
top: 8px;
left: 0;
font-size: 15px;
color: var(--e-global-color-primary);
z-index: 1;
font-weight: 900;
}
@media (max-width: 991.98px) {
.gsc-pricing.style-1 .content-inner .plan-list li:after {
font-size: 13px;
}
}
.gsc-pricing.style-1 .content-inner .plan-list li.no-active {
opacity: 0.38;
}
.gsc-pricing.style-1 .content-inner .pricing-action {
padding-top: 20px;
}
.gsc-pricing.style-1:hover {
-webkit-box-shadow: 0px 20px 20px 0px rgba(63, 56, 54, 0.04);
box-shadow: 0px 20px 20px 0px rgba(63, 56, 54, 0.04);
}
.gsc-pricing.style-1.active-yes {
background: var(--e-global-color-primary);
}
.gsc-pricing.style-1.active-yes .content-inner .sub-title {
color: var(--e-global-color-primary);
background: #fff;
}
.gsc-pricing.style-1.active-yes .content-inner .title {
color: #fff;
}
.gsc-pricing.style-1.active-yes .content-inner .plan-price {
color: #fff;
}
.gsc-pricing.style-1.active-yes .content-inner .desc {
color: #fff;
}
.gsc-pricing.style-1.active-yes .content-inner .plan-list li {
color: #fff;
}
.gsc-pricing.style-1.active-yes .content-inner .plan-list li:after {
color: #fff;
}
.gsc-pricing.style-1.active-yes .content-inner .plan-list li.no-active {
opacity: 0.5;
}
.gsc-pricing.style-1.active-yes .content-inner .pricing-action a {
background: #fff;
color: var(--e-global-color-primary);
}
.team-one__single {
position: relative;
margin-bottom: 30px;
}
.team-one__image {
border-radius: 15px;
overflow: hidden;
}
.team-one__image img {
border-radius: 15px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.team-one__content {
position: relative;
z-index: 1;
padding-right: 30px;
margin-top: -70px;
}
.team-one__content:before {
content: "";
position: absolute;
bottom: 30px;
left: 30px;
right: 50px;
display: block;
-webkit-mask-image: url("../images/polygon-team-2.png");
mask-image: url("../images/polygon-team-2.png");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
min-height: 152px;
background: var(--e-global-color-secondary);
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
@media (max-width: 375px) {
.team-one__content:before {
min-height: 135px;
}
}
.team-one__content-inner {
background: #F2F5F9;
-webkit-transition: all 0.35s;
transition: all 0.35s;
padding: 40px 10px 20px 25px;
border-radius: 0 20px 20px 20px;
position: relative;
overflow: hidden;
width: 100%;
-webkit-mask-image: url("../images/polygon-team.png");
mask-image: url("../images/polygon-team.png");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
min-height: 159px;
-webkit-box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
@media (max-width: 375px) {
.team-one__content-inner {
min-height: 135px;
}
}
.team-one__socials {
position: absolute;
bottom: 100%;
left: 40px;
margin-bottom: -65px;
z-index: 2;
background: #fff;
padding: 10px;
border-radius: 30px;
opacity: 0;
-webkit-transform: translateY(30px);
transform: translateY(30px);
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.team-one__social-control {
width: 36px;
height: 36px;
border-radius: 50%;
background: #F2F5F9;
line-height: 36px;
font-size: 14px;
text-align: center;
color: #fff;
}
.team-one__social-control:hover {
cursor: pointer;
background: var(--e-global-color-primary);
}
.team-one__social-links {
position: relative;
-webkit-transform: translateY(30px);
transform: translateY(30px);
z-index: -1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.team-one__social-links a {
display: block;
margin-bottom: 5px;
width: 36px;
height: 36px;
border-radius: 50%;
background: #F2F5F9;
line-height: 36px;
font-size: 14px;
text-align: center;
color: var(--travivu-link-color);
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.team-one__social-links a:hover {
color: #fff;
background: var(--e-global-color-primary);
}
.team-one__name {
font-weight: 700;
font-size: 18px;
margin: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.team-one__job {
font-size: 14px;
font-weight: 500;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.team-one__single:hover .team-one__content:before {
background: var(--e-global-color-primary);
}
.team-one__single:hover .team-one__content-inner {
background: var(--e-global-color-secondary);
}
.team-one__single:hover .team-one__socials {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.team-one__single:hover .team-one__social-links {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.team-one__single:hover .team-one__name {
color: #fff;
}
.team-one__single:hover .team-one__job {
color: #fff;
}
.team-two__single {
position: relative;
margin-bottom: 30px;
}
.team-two__image {
border-radius: 20px;
position: relative;
overflow: hidden;
width: 100%;
-webkit-mask-image: url("../images/polygon-team-2.png");
mask-image: url("../images/polygon-team-2.png");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
}
.team-two__image img {
-webkit-transition: all 0.35s;
transition: all 0.35s;
border-radius: 20px;
}
.team-two__image:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
-webkit-transition: .5s;
transition: .5s;
background: var(--e-global-color-primary);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 13, 63, 0)), to(#12292B));
background: linear-gradient(180deg, rgba(13, 13, 63, 0) 0%, #12292B 100%);
}
.team-two__content {
position: relative;
z-index: 1;
border-radius: 20px;
padding: 20px 30px;
-webkit-transition: all .5s;
transition: all .5s;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.team-two__social-control {
position: absolute;
left: 15px;
top: 15px;
width: 39px;
height: 39px;
border-radius: 50%;
background: var(--e-global-color-primary);
line-height: 36px;
font-size: 14px;
text-align: center;
color: #fff;
}
.team-two__social-control:hover {
cursor: pointer;
}
.team-two__social-links {
position: absolute;
top: 0;
right: 8px;
z-index: 2;
-webkit-transition: all 0.35s;
transition: all 0.35s;
border-radius: 30px;
background: #F1F3F3;
padding: 10px;
}
.team-two__social-links a {
display: block;
margin-bottom: 5px;
width: 36px;
height: 36px;
border-radius: 50%;
background: #fff;
line-height: 36px;
font-size: 14px;
text-align: center;
color: var(--e-global-color-secondary);
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.team-two__social-links a:hover {
color: #fff;
background: var(--e-global-color-primary);
}
.team-two__name {
font-weight: 600;
font-size: 22px;
margin: 0 0 5px;
color: #fff;
}
.team-two__job {
color: #fff;
}
.team-two__desc {
color: #fff;
}
.team-three__single {
position: relative;
margin-bottom: 30px;
}
.team-three__image {
border-radius: 15px;
overflow: hidden;
}
.team-three__image img {
border-radius: 15px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.team-three__content {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.team-three__content-inner {
background: #fff;
-webkit-transition: all 0.35s;
transition: all 0.35s;
padding: 40px 15px;
padding-top: 60px;
border-radius: 0 0 16px 16px;
text-align: center;
position: relative;
overflow: hidden;
width: 100%;
-webkit-mask-image: url("../images/polygon-team-3.png");
mask-image: url("../images/polygon-team-3.png");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
}
.team-three__content-inner:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
display: block;
background: var(--e-global-color-primary);
opacity: 0;
z-index: -1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.team-three__socials {
position: absolute;
top: 25px;
right: 25px;
z-index: 2;
}
.team-three__social-control {
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--e-global-color-primary);
line-height: 36px;
font-size: 14px;
text-align: center;
color: #fff;
}
.team-three__social-control:hover {
cursor: pointer;
}
.team-three__social-links {
position: relative;
opacity: 0;
-webkit-transform: translateY(30px);
transform: translateY(30px);
z-index: -1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.team-three__social-links a {
display: block;
margin-top: 5px;
width: 36px;
height: 36px;
border-radius: 50%;
background: #fff;
line-height: 36px;
font-size: 14px;
text-align: center;
color: var(--e-global-color-secondary);
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.team-three__social-links a:hover {
color: #fff;
background: var(--e-global-color-secondary);
}
.team-three__name {
font-weight: 600;
font-size: 22px;
margin: 0 0 5px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.team-three__desc {
font-size: 16px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.team-three__single:hover .team-three__social-links {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.team-three__single:hover .team-three__content-inner:before {
opacity: 1;
height: 100%;
}
.team-three__single:hover .team-three__name, .team-three__single:hover .team-three__desc {
color: #fff;
}
.item-active.center .team-one__content:before {
background: var(--e-global-color-primary);
}
.item-active.center .team-one__content-inner {
background: var(--e-global-color-secondary);
}
.item-active.center .team-one__socials {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.item-active.center .team-one__social-links {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.item-active.center .team-one__name {
color: #fff;
}
.item-active.center .team-one__job {
color: #fff;
}
.item-active.center .team-three__social-links {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.item-active.center .team-three__content-inner:before {
opacity: 1;
height: 100%;
}
.item-active.center .team-three__name, .item-active.center .team-three__desc {
color: #fff;
}
.gva-user {
line-height: 1;
}
.gva-user .login-account {
position: relative;
}
.gva-user .login-account .profile {
display: inline-block;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gva-user .login-account .profile:hover {
cursor: pointer;
color: var(--e-global-color-primary);
}
.gva-user .login-account .profile .avata {
width: 42px;
height: 42px;
border-radius: 50%;
overflow: hidden;
margin-top: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.gva-user .login-account .user-account {
position: absolute;
top: 100%;
right: -20px;
width: 280px;
background: #fff;
z-index: 11;
margin-top: 15px;
padding: 25px 30px 20px;
-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
border: 1px solid #DFDFDF;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: all 0.25s;
transition: all 0.25s;
border-radius: 4px;
}
.gva-user .login-account .user-account:after {
content: '';
border: 10px solid transparent;
border-bottom-color: #fff;
position: absolute;
bottom: 100%;
right: 35px;
z-index: 1;
}
.gva-user .login-account .user-account .hi-account {
font-family: var(--travivu-heading-font-family);
color: #16243D;
font-weight: 600;
border-bottom: 1px solid #DFDFDF;
text-align: left;
padding-bottom: 15px;
margin-bottom: 5px;
}
.gva-user .login-account .user-account .gva-user-menu {
padding: 0;
list-style: none;
margin: 0;
}
.gva-user .login-account .user-account .gva-user-menu > li {
display: block;
width: 100%;
text-align: left;
padding: 0;
}
.gva-user .login-account .user-account .gva-user-menu > li:after {
display: none;
}
.gva-user .login-account .user-account .gva-user-menu > li > a {
padding: 10px 0;
font-weight: 500;
position: relative;
display: block;
line-height: 20px;
color: var(--travivu-body-color);
}
.gva-user .login-account .user-account .gva-user-menu > li > a:after {
content: '';
position: absolute;
height: 100%;
top: 0;
left: -10px;
right: -10px;
background: #F2F5F9;
z-index: -1;
opacity: 0;
border-radius: 6px;
}
.gva-user .login-account .user-account .gva-user-menu > li > a i {
margin-right: 10px;
}
.gva-user .login-account .user-account .gva-user-menu > li > a:hover {
color: var(--e-global-color-primary);
}
.gva-user .login-account .user-account .gva-user-menu > li > a:hover:after {
opacity: 1;
}
.gva-user .login-account .user-account .menu-item-logout {
text-align: left;
padding-top: 3px;
}
.gva-user .login-account .user-account .menu-item-logout a {
font-weight: 400;
font-family: var(--travivu-heading-font-family);
font-size: 16px;
color: var(--travivu-body-color);
}
.gva-user .login-account .user-account .menu-item-logout a i {
margin-right: 10px;
}
.gva-user .login-account .user-account .menu-item-logout a:hover {
color: var(--e-global-color-primary);
}
.gva-user .login-account.open .user-account {
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity: 1;
}
.gva-user .login-account.without-login .user-account {
max-width: 200px;
padding: 18px 30px;
}
.gva-user .login-account.without-login .user-account .gva-user-menu li a .icon {
font-size: 20px;
position: relative;
top: 3px;
margin-right: 5px;
}
.gva-user.style-1 .login-account .profile .username {
display: none;
}
.gva-user.style-1 .login-account.without-login .profile .avata-icon {
width: 42px;
height: 42px;
border: 1px solid #DFDFDF;
font-size: 18px;
line-height: 50px;
text-align: center;
-webkit-transition: all 0.35s;
transition: all 0.35s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.gva-user.style-1 .login-account.without-login .profile .avata-icon:hover {
background: var(--e-global-color-primary);
color: #fff;
border-color: var(--e-global-color-primary);
}
.gva-user.style-2 .login-account .profile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.gva-user.style-2 .login-account .profile .avata {
width: 28px;
height: 28px;
}
.gva-user.style-2 .login-account .profile .username {
margin-left: 6px;
text-transform: capitalize;
font-size: 13px;
font-weight: 600;
}
.gva-user.style-2 .login-account .profile .username i {
font-size: 13px;
position: relative;
top: 2px;
}
.gva-user.style-2 .login-register {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 13px;
padding-top: 2px;
font-weight: 600;
}
.gva-user.style-2 .login-register .text-or {
opacity: 0.69;
padding: 0 3px;
}
.gva-user.style-2 .login-register .box-icon {
font-size: 16px;
margin-right: 6px;
position: relative;
}
.banner-one__wrap {
position: relative;
}
.banner-one__image {
overflow: hidden;
border-radius: 30px;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: all 12s;
transition: all 12s;
}
.banner-one__image img {
-webkit-transition: all 0.35s;
transition: all 0.35s;
border-radius: 30px;
position: absolute;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.banner-one__image:before {
z-index: 1;
content: "";
position: absolute;
top: 0;
left: 0;
width: 60%;
height: 100%;
background: #16243d;
background: -webkit-gradient(linear, right top, left top, from(rgba(22, 36, 61, 0)), to(#16243d));
background: linear-gradient(-90deg, rgba(22, 36, 61, 0) 0%, #16243d 100%);
}
.banner-one__content {
position: absolute;
left: 30px;
bottom: 30px;
z-index: 2;
border-left: 1px solid var(--e-global-color-primary);
}
.banner-one__count {
display: inline-block;
background: var(--e-global-color-primary);
padding: 10px 15px;
color: #fff;
font-size: 13px;
line-height: 1;
font-weight: 600;
border-radius: 0 20px 20px 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
margin-bottom: 15px;
text-transform: capitalize;
}
.banner-one__sub-title {
color: var(--e-global-color-primary);
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
letter-spacing: 0.8px;
position: relative;
z-index: 9;
line-height: 16px;
padding-left: 10px;
}
.banner-one__title {
font-size: 24px;
font-weight: 700;
margin: 0;
padding-left: 10px;
color: #fff;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.banner-one__desc {
font-size: 14px;
line-height: 24px;
font-weight: 500;
-webkit-transition: all 0.35s;
transition: all 0.35s;
color: #fff;
}
.banner-one__arrow {
margin-top: 15px;
width: 40px;
height: 40px;
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #F2F5F9;
color: var(--travivu-link-color);
}
.banner-one__link-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 15;
}
.banner-two__single {
position: relative;
overflow: hidden;
border-radius: 5px;
}
.banner-two__image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: all 12s;
transition: all 12s;
}
.banner-two__image:after {
content: '';
position: absolute;
background: -webkit-gradient(linear, left bottom, left top, from(#111429), color-stop(34%, rgba(17, 20, 41, 0.53)), to(rgba(17, 20, 41, 0.05882)));
background: linear-gradient(0deg, #111429 0%, rgba(17, 20, 41, 0.53) 34%, rgba(17, 20, 41, 0.05882) 100%);
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.banner-two__image img {
position: absolute;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.banner-two__content {
position: absolute;
bottom: 0;
left: 0;
z-index: 11;
width: 100%;
padding: 15px 30px 24px 30px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
@media (max-width: 991.98px) {
.banner-two__content {
padding: 15px 20px 20px;
}
}
@media (max-width: 767.98px) {
.banner-two__content {
padding: 15px 15px 20px;
}
}
.banner-two__content-hover {
position: absolute;
left: 10px;
right: 10px;
bottom: -10px;
padding: 20px 30px 25px;
background: var(--e-global-color-primary);
line-height: 1.3;
z-index: 11;
border-radius: 5px;
opacity: 0;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
@media (max-width: 1024px) {
.banner-two__content-hover {
padding: 15px 15px 20px;
}
}
.banner-two__content-hover:after {
content: '\e977';
font-family: 'ticomoon';
width: 52px;
height: 52px;
border-radius: 50%;
background: #fff;
position: absolute;
top: -26px;
right: 20px;
z-index: 1;
font-size: 18px;
color: var(--travivu-heading-color);
text-align: center;
line-height: 52px;
}
@media (max-width: 1024px) {
.banner-two__content-hover:after {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 14px;
top: -20px;
}
}
.banner-two__hover-count {
color: #fff;
font-size: 10px;
text-transform: uppercase;
font-weight: 700;
}
.banner-two__hover-title {
color: #fff;
margin: 0;
}
@media (max-width: 1024px) {
.banner-two__hover-title {
font-size: 20px;
}
}
.banner-two__title-wrap {
position: relative;
display: inline-block;
clear: both;
}
.banner-two__title {
font-size: 26px;
color: #fff;
margin: 0;
line-height: 1.1;
}
@media (max-width: 1024px) {
.banner-two__title {
font-size: 20px;
}
}
.banner-two__count {
font-size: 10px;
font-weight: 700;
background: var(--e-global-color-primary);
color: #fff;
padding: 0 10px;
line-height: 26px;
text-align: center;
border-radius: 5px 5px 5px 0;
text-transform: uppercase;
position: absolute;
left: 100%;
bottom: 100%;
z-index: 12;
margin-left: -10px;
margin-bottom: 10px;
white-space: nowrap;
}
@media (max-width: 1024px) {
.banner-two__count {
margin-left: -35px;
}
}
.banner-two__count:after {
content: '';
border: 8px solid transparent;
border-left-color: var(--e-global-color-primary);
position: absolute;
left: 0;
top: 100%;
margin-top: -9px;
}
.banner-two__desc {
font-size: 16px;
color: rgba(255, 255, 255, 0.9);
line-height: 20px;
margin-top: 6px;
}
.banner-two__link-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 15;
}
.banner-two__single.active-yes .banner-two__content, .banner-two__single:hover .banner-two__content {
opacity: 0;
}
.banner-two__single.active-yes .banner-two__content-hover, .banner-two__single:hover .banner-two__content-hover {
bottom: 10px;
opacity: 1;
}
.banner-three__single {
position: relative;
text-align: center;
margin-bottom: 30px;
}
.banner-three__image {
z-index: 4;
text-align: center;
position: relative;
}
.banner-three__image img {
border-radius: 135px;
}
.banner-three__content {
position: relative;
border-bottom-left-radius: 135px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.banner-three__content:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 250px;
width: 100%;
z-index: 2;
background: #FDF8F4;
border-bottom-left-radius: 115px;
}
.banner-three__content:after {
content: "";
position: absolute;
left: 0;
bottom: 100px;
height: 220px;
width: 100%;
z-index: 3;
background: var(--e-global-color-secondary);
border-bottom-left-radius: 115px;
opacity: 0;
-webkit-transition: all 0.39s;
transition: all 0.39s;
}
.banner-three__count {
background: var(--e-global-color-primary);
padding: 10px 15px;
color: #fff;
position: absolute;
bottom: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 2;
font-size: 12px;
line-height: 1;
font-weight: 600;
border-radius: 30px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.banner-three__content-wrap {
padding-left: 15px;
margin: 22px 0 26px;
position: relative;
z-index: 4;
}
.banner-three__sub-title {
color: var(--e-global-color-primary);
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
letter-spacing: 0.8px;
position: relative;
z-index: 9;
line-height: 16px;
}
.banner-three__title {
font-size: 22px;
font-weight: 700;
-webkit-transition: all 0.35s;
transition: all 0.35s;
margin: 0;
}
@media (max-width: 1260px) {
.banner-three__title {
font-size: 20px;
}
}
.banner-three__desc {
font-size: 16px;
color: rgba(255, 255, 255, 0.9);
line-height: 20px;
margin-top: 6px;
}
.banner-three__overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 15;
}
.banner-three__single.active-yes .banner-three__count, .banner-three__single:hover .banner-three__count {
background: var(--e-global-color-secondary);
}
.banner-three__single.active-yes .banner-three__title, .banner-three__single:hover .banner-three__title {
color: #fff;
}
.banner-three__single.active-yes .banner-three__content:after, .banner-three__single:hover .banner-three__content:after {
opacity: 1;
bottom: 0;
}
.item-active.center .banner-three__count {
background: var(--e-global-color-secondary);
}
.item-active.center .banner-three__title {
color: #fff;
}
.item-active.center .banner-three__content:after {
opacity: 1;
bottom: 0;
}
.banner-four__single {
position: relative;
text-align: center;
margin-bottom: 30px;
}
.banner-four__image {
position: relative;
border-radius: 185px;
overflow: hidden;
}
.banner-four__image img {
border-radius: 185px;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.banner-four__content {
position: absolute;
bottom: 35px;
left: 40px;
right: 40px;
background: #fff;
-webkit-transition: all 0.6s;
transition: all 0.6s;
border-radius: 0 0 135px 135px;
text-align: center;
padding: 50px 30px 30px;
}
@media (max-width: 1024px) {
.banner-four__content {
left: 20px;
right: 20px;
bottom: 20px;
}
}
.banner-four__count {
display: inline-block;
background: var(--e-global-color-secondary);
padding: 10px 15px;
color: #fff;
font-size: 12px;
border: 10px solid #fff;
line-height: 1;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 30px;
-webkit-transition: all 0.6s;
transition: all 0.6s;
position: absolute;
top: -15px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.banner-four__sub-title {
color: var(--e-global-color-primary);
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
letter-spacing: 0.8px;
position: relative;
z-index: 9;
line-height: 18px;
}
.banner-four__title {
font-size: 24px;
font-weight: 700;
margin: 2px 0 15px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.banner-four__desc {
font-size: 14px;
line-height: 24px;
font-weight: 500;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.banner-four__arrow {
margin-top: 15px;
width: 40px;
height: 40px;
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #F2F5F9;
color: var(--travivu-link-color);
}
.banner-four__link-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 15;
}
.banner-four__single.active-yes .banner-four__image img, .banner-four__single:hover .banner-four__image img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.banner-four__single.active-yes .banner-four__content, .banner-four__single:hover .banner-four__content {
background: var(--e-global-color-secondary);
}
.banner-four__single.active-yes .banner-four__count, .banner-four__single:hover .banner-four__count {
background: #fff;
border-color: var(--e-global-color-secondary);
color: var(--travivu-link-color);
}
.banner-four__single.active-yes .banner-four__title, .banner-four__single:hover .banner-four__title {
color: #fff;
}
.banner-four__single.active-yes .banner-four__desc, .banner-four__single:hover .banner-four__desc {
color: #fff;
}
.banner-four__single.active-yes .banner-four__arrow, .banner-four__single:hover .banner-four__arrow {
background: var(--e-global-color-primary);
color: #fff;
}
.banner-five__single {
width: 100%;
margin: 15px 0;
}
.banner-five__wrap {
border-radius: 5px;
overflow: hidden;
-webkit-box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.08);
position: relative;
background: #fff;
padding: 10px;
}
.banner-five__image {
position: absolute;
top: -6px;
left: -6px;
right: -6px;
bottom: -6px;
border-radius: 5px;
overflow: hidden;
opacity: 0;
-webkit-transform: scale(0.6);
transform: scale(0.6);
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.banner-five__image:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(22, 22, 22, 0.8);
z-index: 1;
border-radius: 5px;
}
.banner-five__image img {
position: absolute;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.banner-five__content-inner {
width: 100%;
position: relative;
z-index: 11;
padding: 28px 30px 20px;
background: #F5F5F5;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.banner-five__icon {
color: var(--e-global-color-primary);
display: inline-block;
}
.banner-five__icon i {
color: var(--e-global-color-primary);
font-size: 56px;
}
.banner-five__icon svg {
fill: var(--e-global-color-primary);
width: 56px;
}
.banner-five__title {
margin: 12px 0 0;
font-size: 16px;
font-weight: 800;
}
.banner-five__number {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}
.banner-five__arrow {
font-size: 16px;
z-index: 11;
-webkit-transition: all 0.35s;
transition: all 0.35s;
width: 52px;
height: 52px;
border-radius: 50%;
background: var(--e-global-color-primary);
color: #fff;
position: absolute;
top: 30px;
right: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
}
.banner-five__overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
}
.banner-five__single:hover .banner-five__content-inner {
background: rgba(255, 255, 255, 0);
}
.banner-five__single:hover .banner-five__image {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.banner-five__single:hover .banner-five__title {
color: #fff;
}
.banner-five__single:hover .banner-five__number {
color: #fff;
}
.banner-five__single:hover .banner-five__arrow {
opacity: 1;
}
.item-active.center .banner-five__content-inner {
background: rgba(255, 255, 255, 0);
}
.item-active.center .banner-five__image {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.item-active.center .banner-five__title {
color: #fff;
}
.item-active.center .banner-five__number {
color: #fff;
}
.item-active.center .banner-five__arrow {
opacity: 1;
}
.text-with-arrow {
font-size: 28px;
color: #fff;
text-align: center;
padding-top: 115px;
line-height: 40px;
}
@media (max-width: 991.98px) {
.text-with-arrow {
padding-top: 68px;
font-size: 24px;
}
}
@media (max-width: 767.98px) {
.text-with-arrow {
font-size: 20px;
line-height: 28px;
padding-top: 15px;
}
}
.text-with-arrow span {
display: inline-block;
position: relative;
}
.text-with-arrow span:after {
content: '';
width: 64px;
height: 110px;
position: absolute;
bottom: 90%;
left: -85px;
background: url("../images/line-arrow.png") no-repeat center center transparent;
background-size: contain;
}
@media (max-width: 991.98px) {
.text-with-arrow span:after {
bottom: calc(100% + 6px);
height: 68px;
left: -60px;
}
}
@media (max-width: 650px) {
.text-with-arrow span:after {
display: none;
}
}
.big-title {
font-size: 78px;
line-height: 100px;
margin: 0;
max-width: 600px;
}
@media (max-width: 1180px) {
.big-title {
font-size: 50px;
line-height: 68px;
}
}
@media (max-width: 990px) {
.big-title {
font-size: 36px;
line-height: 48px;
}
}
.big-title-2 {
font-size: 78px;
line-height: 100px;
margin: 0 auto;
max-width: 900px;
}
@media (max-width: 1180px) {
.big-title-2 {
font-size: 50px;
line-height: 68px;
}
}
@media (max-width: 990px) {
.big-title-2 {
font-size: 36px;
line-height: 48px;
}
}
.big-title-3 {
font-size: 78px;
line-height: 100px;
margin: 0;
max-width: 600px;
}
.big-title-3 span {
color: var(--travivu-color-three) !important;
}
@media (max-width: 1180px) {
.big-title-3 {
font-size: 50px;
line-height: 68px;
}
}
@media (max-width: 990px) {
.big-title-3 {
font-size: 36px;
line-height: 48px;
}
}
/*------------------------------------------------------------------*\
7 - WIDGETS STYLE
\*------------------------------------------------------------------*/
.widget, .wpb_single_image, .wpb_content_element {
border: none;
}
.widget .widget-title, .widget .widgettitle, .widget .wpb_singleimage_heading, .wpb_single_image .widget-title, .wpb_single_image .widgettitle, .wpb_single_image .wpb_singleimage_heading, .wpb_content_element .widget-title, .wpb_content_element .widgettitle, .wpb_content_element .wpb_singleimage_heading {
background: none;
position: relative;
color: #16243D;
font-family: var(--travivu-heading-font-family);
z-index: 9;
margin: 0 0 15px;
padding: 0 0 15px;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}
.widget .widget-title:before, .widget .widget-title:after, .widget .widgettitle:before, .widget .widgettitle:after, .widget .wpb_singleimage_heading:before, .widget .wpb_singleimage_heading:after, .wpb_single_image .widget-title:before, .wpb_single_image .widget-title:after, .wpb_single_image .widgettitle:before, .wpb_single_image .widgettitle:after, .wpb_single_image .wpb_singleimage_heading:before, .wpb_single_image .wpb_singleimage_heading:after, .wpb_content_element .widget-title:before, .wpb_content_element .widget-title:after, .wpb_content_element .widgettitle:before, .wpb_content_element .widgettitle:after, .wpb_content_element .wpb_singleimage_heading:before, .wpb_content_element .wpb_singleimage_heading:after {
content: '';
position: absolute;
width: 13px;
height: 2px;
background: var(--e-global-color-primary);
bottom: -2px;
z-index: 11;
}
.widget .widget-title:before, .widget .widgettitle:before, .widget .wpb_singleimage_heading:before, .wpb_single_image .widget-title:before, .wpb_single_image .widgettitle:before, .wpb_single_image .wpb_singleimage_heading:before, .wpb_content_element .widget-title:before, .wpb_content_element .widgettitle:before, .wpb_content_element .wpb_singleimage_heading:before {
left: 0;
}
.widget .widget-title:after, .widget .widgettitle:after, .widget .wpb_singleimage_heading:after, .wpb_single_image .widget-title:after, .wpb_single_image .widgettitle:after, .wpb_single_image .wpb_singleimage_heading:after, .wpb_content_element .widget-title:after, .wpb_content_element .widgettitle:after, .wpb_content_element .wpb_singleimage_heading:after {
left: 18px;
}
.widget.text-center .widget-title, .widget.text-center .widgettitle, .widget.text-center .wpb_singleimage_heading, .wpb_single_image.text-center .widget-title, .wpb_single_image.text-center .widgettitle, .wpb_single_image.text-center .wpb_singleimage_heading, .wpb_content_element.text-center .widget-title, .wpb_content_element.text-center .widgettitle, .wpb_content_element.text-center .wpb_singleimage_heading {
text-align: center !important;
}
.widget.widget_block .wp-block-group > .wp-block-group__inner-container > h1, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h2, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h3, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h4, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h1, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h2, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h3, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h4, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h1, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h2, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h3, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h4, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h1, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h2, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h3, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h4 {
margin-bottom: 20px;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
}
.widget.widget_block > h1, .widget.widget_block h2, .widget.widget_block h3, .widget.widget_block h4 {
background: none;
position: relative;
color: #16243D;
font-size: 18px;
z-index: 9;
margin: 0 0 15px;
padding: 0 0 15px;
width: 100%;
letter-spacing: 1px;
font-weight: 700;
text-transform: uppercase;
}
.widget.widget_block > h1:before, .widget.widget_block > h1:after, .widget.widget_block h2:before, .widget.widget_block h2:after, .widget.widget_block h3:before, .widget.widget_block h3:after, .widget.widget_block h4:before, .widget.widget_block h4:after {
content: '';
position: absolute;
width: 13px;
height: 2px;
background: var(--e-global-color-primary);
bottom: -2px;
z-index: 11;
}
.widget.widget_block > h1:before, .widget.widget_block h2:before, .widget.widget_block h3:before, .widget.widget_block h4:before {
left: 0;
}
.widget.widget_block > h1:after, .widget.widget_block h2:after, .widget.widget_block h3:after, .widget.widget_block h4:after {
left: 18px;
}
.widget.widget_block ul, .widget.widget_block ol {
margin: 0;
padding: 0;
}
.widget.widget_block ul ul, .widget.widget_block ul ol, .widget.widget_block ol ul, .widget.widget_block ol ol {
padding-left: 25px;
}
.widget.widget_block ul li, .widget.widget_block ol li {
font-weight: 500;
word-wrap: break-word;
line-height: 26px;
}
ol.wp-block-latest-comments {
margin: 0;
padding: 0;
}
ol.wp-block-latest-comments li {
padding: 6px 0;
font-weight: 500;
word-wrap: break-word;
line-height: 26px;
margin: 0;
}
ol.wp-block-latest-comments li time {
margin-top: 5px;
color: var(--e-global-color-primary);
}
/*
** Widget for sidebar
*/
.wp-sidebar input, .wp-sidebar textarea, .wp-sidebar select, .elementor-widget-sidebar input, .elementor-widget-sidebar textarea, .elementor-widget-sidebar select {
max-width: 100%;
}
.wp-sidebar .widget, .elementor-widget-sidebar .widget {
overflow: hidden;
margin-bottom: 30px;
padding: 30px 30px;
position: relative;
border: 1px solid #DFDFDF;
border-radius: 6px;
font-size: 16px;
}
.wp-sidebar ul, .elementor-widget-sidebar ul {
list-style: none;
padding: 0;
margin-bottom: 0 !important;
display: inline-block;
width: 100%;
}
.wp-sidebar ul li, .elementor-widget-sidebar ul li {
list-style: none;
}
.wp-sidebar ul li a, .elementor-widget-sidebar ul li a {
padding: 8px 0;
display: inline-block;
}
.wp-sidebar ul li a:hover, .elementor-widget-sidebar ul li a:hover {
color: var(--e-global-color-primary);
}
.wp-sidebar ul li .count, .elementor-widget-sidebar ul li .count {
margin-left: 3px;
color: #262626;
}
.wp-sidebar ul > li ul, .elementor-widget-sidebar ul > li ul {
padding-left: 16px;
}
.wp-sidebar .wpb_single_image, .elementor-widget-sidebar .wpb_single_image {
margin-bottom: 30px !important;
}
.wp-sidebar .post-author, .wp-sidebar .post-date, .elementor-widget-sidebar .post-author, .elementor-widget-sidebar .post-date {
font-size: 14px;
margin: 0 0 2px;
font-weight: 500;
color: var(--e-global-color-primary);
}
.gva-main-search .gva-search {
position: relative;
}
.gva-main-search .gva-search input {
background: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
height: 46px;
}
.gva-main-search .gva-search input.input-search {
background: #fff;
font-size: 16px;
}
.gva-main-search .gva-search .btn-search {
position: absolute;
width: auto;
height: 100%;
right: 6px;
top: 0;
z-index: 9;
padding: 0;
background: none;
border: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
}
.gva-main-search .gva-search .btn-search input {
border: none;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
font-size: 16px;
color: var(--e-global-color-primary);
font-weight: 900;
padding: 0 12px;
}
.widget_calendar .wp-calendar-table td a {
color: var(--e-global-color-primary);
}
.widget_calendar .wp-calendar-table #today {
color: var(--e-global-color-primary);
position: relative;
}
.widget_calendar .wp-calendar-table #today:after {
content: '';
width: 5px;
height: 5px;
position: absolute;
top: 6px;
right: 6px;
background: var(--e-global-color-primary);
border-radius: 50%;
z-index: 1;
}
.widget_calendar .wp-calendar-nav {
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
}
.widget_tag_cloud .tagcloud > a {
display: inline-block;
background: #ededed;
border-radius: 5px;
font-size: 13px !important;
padding: 0 12px;
color: var(--travivu-body-color);
border: 1px solid #F2F5F9;
margin-right: 10px;
margin-bottom: 10px;
font-weight: 700;
}
.widget_tag_cloud .tagcloud > a:last-child {
margin-right: 0;
}
.widget_tag_cloud .tagcloud > a:hover {
color: #fff;
background: var(--e-global-color-primary);
}
/*
** Widget Newletter
*/
.mc4wp-form:before, .mc4wp-form:after {
content: " ";
display: table;
}
.mc4wp-form:after {
clear: both;
}
.widget_recent_comments ul li {
padding: 6px 0;
font-weight: 500;
word-wrap: break-word;
line-height: 26px;
}
.widget_categories, .widget_block, .widget_archive, .wp-sidebar .widget_nav_menu, #wp-footer .widget_nav_menu, .elementor-widget-sidebar .widget_nav_menu, .widget_pages, .widget_meta {
overflow: hidden;
}
.widget_categories > ul, .widget_block > ul, .widget_archive > ul, .wp-sidebar .widget_nav_menu > ul, #wp-footer .widget_nav_menu > ul, .elementor-widget-sidebar .widget_nav_menu > ul, .widget_pages > ul, .widget_meta > ul {
padding: 0;
}
.widget_categories ul > li, .widget_block ul > li, .widget_archive ul > li, .wp-sidebar .widget_nav_menu ul > li, #wp-footer .widget_nav_menu ul > li, .elementor-widget-sidebar .widget_nav_menu ul > li, .widget_pages ul > li, .widget_meta ul > li {
display: block;
width: 100%;
float: left;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
line-height: 26px;
}
.widget_categories ul > li .count, .widget_block ul > li .count, .widget_archive ul > li .count, .wp-sidebar .widget_nav_menu ul > li .count, #wp-footer .widget_nav_menu ul > li .count, .elementor-widget-sidebar .widget_nav_menu ul > li .count, .widget_pages ul > li .count, .widget_meta ul > li .count {
position: absolute;
top: 14px;
right: 0;
z-index: 1;
font-size: 14px;
color: var(--travivu-body-color);
}
.widget_categories ul > li > a, .widget_block ul > li > a, .widget_archive ul > li > a, .wp-sidebar .widget_nav_menu ul > li > a, #wp-footer .widget_nav_menu ul > li > a, .elementor-widget-sidebar .widget_nav_menu ul > li > a, .widget_pages ul > li > a, .widget_meta ul > li > a {
display: block;
text-transform: capitalize;
line-height: 26px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
position: relative;
color: var(--travivu-body-color);
padding: 11px 0;
font-weight: 500;
font-size: 16px;
}
.widget_categories ul > li > a:hover, .widget_block ul > li > a:hover, .widget_archive ul > li > a:hover, .wp-sidebar .widget_nav_menu ul > li > a:hover, #wp-footer .widget_nav_menu ul > li > a:hover, .elementor-widget-sidebar .widget_nav_menu ul > li > a:hover, .widget_pages ul > li > a:hover, .widget_meta ul > li > a:hover {
color: var(--e-global-color-primary);
}
.widget_categories ul > li ul, .widget_block ul > li ul, .widget_archive ul > li ul, .wp-sidebar .widget_nav_menu ul > li ul, #wp-footer .widget_nav_menu ul > li ul, .elementor-widget-sidebar .widget_nav_menu ul > li ul, .widget_pages ul > li ul, .widget_meta ul > li ul {
padding-left: 20px;
}
.widget_categories ul > li.current_page_item, .widget_categories ul > li.current-cat, .widget_block ul > li.current_page_item, .widget_block ul > li.current-cat, .widget_archive ul > li.current_page_item, .widget_archive ul > li.current-cat, .wp-sidebar .widget_nav_menu ul > li.current_page_item, .wp-sidebar .widget_nav_menu ul > li.current-cat, #wp-footer .widget_nav_menu ul > li.current_page_item, #wp-footer .widget_nav_menu ul > li.current-cat, .elementor-widget-sidebar .widget_nav_menu ul > li.current_page_item, .elementor-widget-sidebar .widget_nav_menu ul > li.current-cat, .widget_pages ul > li.current_page_item, .widget_pages ul > li.current-cat, .widget_meta ul > li.current_page_item, .widget_meta ul > li.current-cat {
background: #fff;
}
.widget_categories ul > li.current_page_item > a, .widget_categories ul > li.current-cat > a, .widget_block ul > li.current_page_item > a, .widget_block ul > li.current-cat > a, .widget_archive ul > li.current_page_item > a, .widget_archive ul > li.current-cat > a, .wp-sidebar .widget_nav_menu ul > li.current_page_item > a, .wp-sidebar .widget_nav_menu ul > li.current-cat > a, #wp-footer .widget_nav_menu ul > li.current_page_item > a, #wp-footer .widget_nav_menu ul > li.current-cat > a, .elementor-widget-sidebar .widget_nav_menu ul > li.current_page_item > a, .elementor-widget-sidebar .widget_nav_menu ul > li.current-cat > a, .widget_pages ul > li.current_page_item > a, .widget_pages ul > li.current-cat > a, .widget_meta ul > li.current_page_item > a, .widget_meta ul > li.current-cat > a {
color: #16243D;
position: relative;
z-index: 1;
}
.widget_categories ul > li.current_page_item:before, .widget_categories ul > li.current-cat:before, .widget_block ul > li.current_page_item:before, .widget_block ul > li.current-cat:before, .widget_archive ul > li.current_page_item:before, .widget_archive ul > li.current-cat:before, .wp-sidebar .widget_nav_menu ul > li.current_page_item:before, .wp-sidebar .widget_nav_menu ul > li.current-cat:before, #wp-footer .widget_nav_menu ul > li.current_page_item:before, #wp-footer .widget_nav_menu ul > li.current-cat:before, .elementor-widget-sidebar .widget_nav_menu ul > li.current_page_item:before, .elementor-widget-sidebar .widget_nav_menu ul > li.current-cat:before, .widget_pages ul > li.current_page_item:before, .widget_pages ul > li.current-cat:before, .widget_meta ul > li.current_page_item:before, .widget_meta ul > li.current-cat:before {
content: '';
left: -15px;
right: -15px;
top: 0;
bottom: 0;
position: absolute;
background: #fff;
z-index: 1;
}
.widget_categories > ul > li:last-child > a, .widget_block > ul > li:last-child > a, .widget_archive > ul > li:last-child > a, .wp-sidebar .widget_nav_menu > ul > li:last-child > a, #wp-footer .widget_nav_menu > ul > li:last-child > a, .elementor-widget-sidebar .widget_nav_menu > ul > li:last-child > a, .widget_pages > ul > li:last-child > a, .widget_meta > ul > li:last-child > a {
margin-bottom: 0 !important;
}
.widget_rss ul > li, .widget_recent_entries ul > li, .gva_widget_recent_entries ul > li {
border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
margin-bottom: 18px;
padding-bottom: 18px;
}
.widget_rss ul > li a, .widget_recent_entries ul > li a, .gva_widget_recent_entries ul > li a {
padding: 0;
line-height: 26px;
display: block;
font-weight: 600;
}
.widget_rss ul > li a .post-date, .widget_recent_entries ul > li a .post-date, .gva_widget_recent_entries ul > li a .post-date {
color: var(--e-global-color-primary);
}
.widget_rss ul > li:last-child, .widget_recent_entries ul > li:last-child, .gva_widget_recent_entries ul > li:last-child {
border: none;
padding-bottom: 0;
margin-bottom: 0;
}
.gva_widget_recent_entries ul li {
border: none;
margin-bottom: 30px;
padding: 0;
position: relative;
z-index: 9;
}
.gva_widget_recent_entries ul li .post-thumbnail {
width: 70px;
overflow: hidden;
float: left;
border-radius: 6px;
}
.gva_widget_recent_entries ul li .post-content {
padding-left: 85px;
}
.gva_widget_recent_entries ul li .post-content .post-comments {
font-size: 14px;
display: block;
line-height: 1;
font-weight: 500;
}
.gva_widget_recent_entries ul li .post-content .post-comments .icon {
color: var(--e-global-color-primary);
}
.gva_widget_recent_entries ul li .post-content .post-title {
margin: 8px 0 0;
font-size: 16px;
}
.gva_widget_recent_entries ul li .post-content .post-title a {
display: block;
line-height: 24px;
font-weight: 500;
}
.gva_widget_recent_entries ul li:last-child {
margin-bottom: 0;
}
.widget_rss > ul li {
margin-bottom: 16px !important;
}
.widget_rss > ul li .rss-date {
color: var(--e-global-color-primary);
font-size: 12px;
}
.widget-custom-text {
color: #fff;
}
.widget-custom-text .widget-title {
text-align: center;
color: #fff;
margin-bottom: 0;
font-weight: 600;
padding: 20px 0;
}
.widget-custom-text .signature {
margin-top: 50px;
}
.widget_custom_html {
padding: 0 !important;
border: none !important;
}
div[class*="elementor-widget-wp-widget"] .elementor-widget-container > h5, .sidebar .elementor-widget-container > h5 {
margin: 0 0 15px;
padding: 0 0 15px;
position: relative;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}
div[class*="elementor-widget-wp-widget"] .elementor-widget-container > h5:before, div[class*="elementor-widget-wp-widget"] .elementor-widget-container > h5:after, .sidebar .elementor-widget-container > h5:before, .sidebar .elementor-widget-container > h5:after {
content: '';
position: absolute;
width: 13px;
height: 2px;
background: var(--e-global-color-primary);
bottom: -2px;
z-index: 11;
}
div[class*="elementor-widget-wp-widget"] .elementor-widget-container > h5:before, .sidebar .elementor-widget-container > h5:before {
left: 0;
}
div[class*="elementor-widget-wp-widget"] .elementor-widget-container > h5:after, .sidebar .elementor-widget-container > h5:after {
left: 18px;
}
.elementor-widget-wp-widget-categories .elementor-widget-container h5 {
margin: 0 0 8px;
}
.elementor-widget-wp-widget-categories .elementor-widget-container ul {
padding: 0;
margin: 0;
list-style: none;
}
.elementor-widget-wp-widget-categories .elementor-widget-container ul ul {
padding-left: 30px;
}
.elementor-widget-wp-widget-categories .elementor-widget-container ul li {
font-size: 17px;
}
.elementor-widget-wp-widget-categories .elementor-widget-container ul li a {
color: var(--travivu-body-color);
display: inline-block;
padding: 8px 0;
}
.elementor-widget-wp-widget-categories .elementor-widget-container ul li a:hover {
color: var(--e-global-color-primary);
}
.elementor-widget-wp-widget-categories .elementor-widget-container ul li:last-child a {
padding-bottom: 0;
}
.elementor-widget-wp-widget-tag_cloud .tagcloud {
padding-top: 10px;
}
.elementor-widget-wp-widget-tag_cloud .tagcloud > a {
display: inline-block;
background: #F2F5F9;
font-size: 14px !important;
padding: 0 12px;
color: var(--travivu-body-color);
border-radius: 5px;
margin-right: 10px;
margin-bottom: 10px;
font-weight: 500;
border: 1px solid rgba(0, 0, 0, 0.06);
}
.elementor-widget-wp-widget-tag_cloud .tagcloud > a:last-child {
margin-right: 0;
}
.elementor-widget-wp-widget-tag_cloud .tagcloud > a:hover {
color: #fff;
background: var(--e-global-color-primary);
}
.custormer-reviews {
max-width: 580px;
margin: 0 auto;
border-radius: 20px 20px 0 0;
padding: 30px 25px 0;
overflow: hidden;
position: relative;
background: radial-gradient(151.64% 120.36% at 47.19% -0.63%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
-webkit-backdrop-filter: blur(21px);
backdrop-filter: blur(21px);
}
@media (max-width: 1199px) {
.custormer-reviews {
max-width: 460px;
}
}
@media (max-width: 767px) {
.custormer-reviews {
max-width: 280px;
}
}
@media (max-width: 1024px) {
.custormer-reviews {
padding: 20px 15px 0;
}
}
.custormer-reviews:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 63px;
width: 1px;
background: rgba(255, 255, 255, 0.3);
display: block;
}
@media (max-width: 767px) {
.custormer-reviews:before {
content: none;
}
}
.custormer-reviews .box-review {
margin-bottom: 30px;
padding: 0 15px;
}
@media (max-width: 1024px) {
.custormer-reviews .box-review {
margin-bottom: 20px;
}
}
.custormer-reviews .title {
color: #fff;
font-size: 20px;
margin: 0 0 15px;
}
.custormer-reviews .title i {
color: #00B67A;
font-size: 16px;
}
.custormer-reviews .box-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.custormer-reviews .image {
margin-right: 10px;
}
.custormer-reviews .star {
color: #FBB03B;
font-size: 10px;
line-height: 1;
letter-spacing: 1px;
}
.custormer-reviews .review {
font-size: 13px;
color: #fff;
}
.custormer-reviews.style-2 {
margin: 0;
border-radius: 20px;
}
.highlight-text-white {
color: #d2dce5;
}
.highlight-text-white a {
color: #fff;
font-weight: 700;
position: relative;
}
.highlight-text-white a:after {
content: '';
width: 100%;
height: 2px;
background: var(--e-global-color-primary);
position: absolute;
bottom: -2px;
left: 0;
z-index: 1;
opacity: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.highlight-text-white a:hover:after {
opacity: 0;
bottom: -10px;
}
.support-box {
background: #16243D;
color: #fff;
padding: 50px 50px 40px;
}
@media (max-width: 991.98px) {
.support-box {
padding: 30px;
}
}
.support-box ul {
list-style: none;
padding: 0;
margin: 0;
}
.support-box .title {
font-size: 26px;
font-weight: 600;
margin-bottom: 30px;
}
.support-box .phone {
font-size: 22px;
font-weight: 700;
margin-top: 10px;
}
.support-box .phone a {
color: var(--e-global-color-primary);
}
.support-box .phone a i {
font-size: 30px;
margin-right: 10px;
}
.download-box {
background: #16243D;
}
.download-box a {
color: #fff;
font-size: 18px;
font-weight: 600;
padding: 30px;
text-align: center;
display: block;
}
.download-box a:hover {
color: var(--e-global-color-primary);
}
.list-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
}
@media (max-width: 360px) {
.list-button {
display: block;
}
}
.list-button a {
font-weight: 500;
display: inline-block;
font-size: 16px;
background: #F7F7F7;
color: #16243D;
padding: 12px 40px;
margin-right: 20px;
border-radius: 8px;
}
@media (max-width: 360px) {
.list-button a {
display: block;
width: 100%;
margin-bottom: 10px;
}
}
.list-button a:last-child() {
margin-right: 0;
}
.list-button a:hover {
background: var(--e-global-color-primary);
color: #fff;
}
/*------------------------------------------------------------------*\
8 - POST TYPE
\*------------------------------------------------------------------*/
.post-one__single {
margin-bottom: 30px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.post-one__thumbnail {
position: relative;
text-align: center;
border-radius: 20px 20px 0 0;
overflow: hidden;
}
.post-one__thumbnail img {
border-radius: 20px 20px 0 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.post-one__thumbnail iframe {
width: 100%;
min-height: 350px;
}
.post-one__content {
position: relative;
z-index: 2;
-webkit-transition: all 0.35s;
transition: all 0.35s;
margin-top: -36px;
}
.post-one__content.has-no-thumbnail {
margin-top: 0;
}
.post-one__content-inner {
padding: 30px;
background: #F2F5F9;
border-radius: 10px 10px 0 0;
}
.post-one__title {
font-size: 22px;
margin: 5px 0 0px;
line-height: 30px;
position: relative;
}
@media (max-width: 1024px) {
.post-one__title {
font-size: 20px;
}
}
.post-one__date {
padding-left: 30px;
line-height: 1;
}
.post-one__date .date-inner {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 8px 20px;
background: var(--e-global-color-secondary);
color: #fff;
border-radius: 10px 10px 0 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.post-one__date .day {
font-size: 20px;
font-weight: 700;
margin-right: 5px;
}
.post-one__date .month {
font-size: 13px;
font-weight: 500;
}
.post-one__desc {
font-size: 16px;
line-height: 28px;
}
.post-one__meta {
margin-bottom: 15px;
position: relative;
font-size: 14px;
font-weight: 500;
line-height: 1;
}
.post-one__meta .meta-inline > span + span {
margin-left: 30px;
}
.post-one__meta i {
color: var(--e-global-color-secondary);
margin-right: 5px;
position: relative;
top: 2px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.post-one__read-more {
background: #F2F5F9;
border-radius: 0 0 10px 10px;
border-top: 1px solid #fff;
padding: 10px 30px;
}
.post-one__read-more a {
color: #666;
font-size: 14px;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.post-one__read-more a i {
margin-left: 5px;
position: relative;
top: 3px;
line-height: 25px;
}
.post-one__read-more a:hover {
color: var(--e-global-color-primary);
}
.post-one__single:hover .post-one__thumbnail img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.post-one__single:hover .post-one__meta i {
color: var(--e-global-color-primary);
}
.post-one__single:hover .post-one__date .date-inner {
background: var(--e-global-color-primary);
}
.post-two__single {
margin-bottom: 30px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.post-two__thumbnail {
margin-top: 20px;
position: relative;
text-align: center;
border-radius: 20px;
overflow: hidden;
}
.post-two__thumbnail img {
border-radius: 20px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.post-two__thumbnail iframe {
width: 100%;
min-height: 370px;
}
.post-two__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.post-two__content-inner {
background: #F2F5F9;
border-radius: 10px 10px 0 0;
padding: 30px 40px;
}
.post-two__meta-inner {
background: var(--e-global-color-secondary);
padding: 10px 20px;
border-radius: 10px 10px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.post-two__infor {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
.post-two__infor .left {
margin-right: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 35px;
flex: 0 0 35px;
}
.post-two__infor .left img {
border-radius: 100%;
max-width: 35px;
}
.post-two__title {
font-size: 24px;
margin: 0;
line-height: 30px;
position: relative;
}
.post-two__meta {
position: relative;
color: #fff;
font-size: 14px;
font-weight: 600;
line-height: 14px;
padding: 0 40px;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.post-two__meta i {
margin-right: 5px;
font-size: 14px;
}
.post-two__read-more {
background: #F2F5F9;
border-radius: 0 0 10px 10px;
border-top: 1px solid #fff;
padding: 10px 40px;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.post-two__read-more a {
color: #666;
font-size: 14px;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.post-two__read-more a i {
margin-left: 5px;
position: relative;
top: 8px;
}
.post-two__read-more a:hover {
color: var(--e-global-color-primary);
}
.post-two__single:hover .post-two__thumbnail img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.item-even .post-two__content {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.item-even .post-two__thumbnail {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin: 0 0 20px;
}
.item-even .post-two__meta {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.item-even .post-two__meta-inner {
border-radius: 0 0 10px 10px;
}
.post-three__single {
margin-bottom: 30px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
margin-top: 10px;
}
.post-three__thumbnail {
position: relative;
text-align: center;
z-index: 11;
border-radius: 5px 5px 0 0;
}
.post-three__thumbnail img {
border-radius: 5px 5px 0 0;
}
.post-three__thumbnail iframe {
width: 100%;
min-height: 350px;
}
.post-three__entry-date {
background: var(--e-global-color-primary);
color: #fff;
font-size: 12px;
position: absolute;
top: -10px;
right: 20px;
text-transform: uppercase;
font-weight: 600;
padding: 18px 18px 16px;
line-height: 14px;
z-index: 11;
letter-spacing: 1px;
border-radius: 0 4px 4px 4px;
}
.post-three__entry-date:before {
content: '';
position: absolute;
top: 0;
left: -10px;
content: "";
border-right: 0 solid transparent;
border-bottom: 10px solid var(--e-global-color-primary);
border-left: 10px solid transparent;
}
.post-three__entry-date span {
display: block;
}
.post-three__content {
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
padding: 28px 30px 25px;
text-align: left;
border-top: 0;
z-index: 9;
background: #fff;
border-radius: 0 6px 6px 0;
-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
}
@media (max-width: 1024px) {
.post-three__content {
padding: 28px 15px 25px;
}
}
.post-three__content.has-no-thumbnail {
padding-top: 35px;
}
.post-three__content-inner {
-ms-word-wrap: break-word;
word-wrap: break-word;
margin: 0 auto;
position: relative;
}
.post-three__title {
font-size: 22px;
margin: 5px 0 15px;
-ms-word-wrap: break-word;
word-wrap: break-word;
line-height: 28px;
position: relative;
}
@media (max-width: 1024px) {
.post-three__title {
font-size: 20px;
}
}
.post-three__desc {
-ms-word-wrap: break-word;
word-wrap: break-word;
font-size: 16px;
line-height: 28px;
}
@media (max-width: 1024px) {
.post-three__desc {
font-size: 14px;
line-height: 26px;
}
}
.post-three__meta {
position: relative;
margin-bottom: 15px;
}
.post-three__meta .meta-inline {
font-size: 14px;
line-height: 18px;
font-weight: 500;
text-transform: capitalize;
}
.post-three__meta .meta-inline > span {
margin-right: 18px;
}
@media (max-width: 1400px) {
.post-three__meta .meta-inline > span {
margin-right: 15px;
}
}
.post-three__meta .meta-inline > span i {
color: var(--e-global-color-primary);
margin-right: 5px;
position: relative;
top: 3px;
}
.post-three__meta .meta-inline > span:last-child {
margin-right: 0;
}
@media (max-width: 1024px) {
.post-three__meta .meta-inline > span:last-child {
display: none;
}
}
.post-three__footer {
padding: 12px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border: 1px solid #DFDFDF;
background: #fff;
position: relative;
border-radius: 5px;
line-height: 28px;
font-size: 13px;
margin-top: 18px;
}
.post-three__category {
font-weight: 500;
}
.post-three__category i {
font-size: 14px;
margin-right: 8px;
color: var(--e-global-color-primary);
position: relative;
top: 2px;
}
.post-three__category a {
font-family: var(--travivu-heading-font-family);
color: var(--travivu-body-color);
}
.post-three__category a:hover {
color: var(--e-global-color-primary);
}
.post-three__read-more a {
color: var(--e-global-color-primary);
position: relative;
top: 2px;
}
.post-three .tag-links {
margin-top: 20px;
display: block;
}
.post-three .tag-links > a {
border: 1px solid #DFDFDF;
padding: 2px 15px;
font-weight: 500;
font-size: 14px;
margin-right: 8px;
margin-bottom: 8px;
display: inline-block;
background: #fff;
}
.post-three .tag-links > a:hover {
background: var(--e-global-color-primary);
color: #fff;
}
.post-three:hover .post-three__content, .post-three:focus .post-three__content {
-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
}
.post-block-sticky__single {
position: relative;
margin-bottom: 30px;
}
.post-block-sticky__thumbnail {
border-radius: 30px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.post-block-sticky__thumbnail a {
display: block;
}
.post-block-sticky__thumbnail:before {
z-index: 1;
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 70%;
background: #16243d;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 36, 61, 0)), to(#16243d));
background: linear-gradient(180deg, rgba(22, 36, 61, 0) 0%, #16243d 100%);
}
.post-block-sticky__thumbnail img {
-webkit-transition: all 0.35s;
transition: all 0.35s;
border-radius: 30px;
position: absolute;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.post-block-sticky__content {
min-height: 500px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding: 30px;
border-radius: 30px;
position: relative;
z-index: 2;
}
.post-block-sticky__content-inner {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.post-block-sticky__date {
position: absolute;
right: 20px;
top: 20px;
width: 84px;
height: 84px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
background: var(--e-global-color-primary);
color: #fff;
font-weight: 700;
line-height: 1;
}
.post-block-sticky__date .day {
font-size: 24px;
}
.post-block-sticky__date .month {
font-size: 14px;
text-transform: uppercase;
}
.post-block-sticky__title {
font-size: 24px;
font-weight: 600;
line-height: 34px;
}
.post-block-sticky__title a {
color: #fff;
}
.post-block-sticky__meta {
border-top: 1px solid rgba(255, 255, 255, 0.2);
margin-top: 20px;
padding-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.post-block-sticky__comment {
font-size: 14px;
font-weight: 500;
color: #e3e5e7;
}
.post-block-sticky__comment i {
color: var(--e-global-color-primary);
margin-right: 5px;
}
.post-block-sticky__read-more a {
color: var(--e-global-color-primary);
}
.post-block-list {
margin-bottom: 30px;
}
.post-block-list:before, .post-block-list:after {
content: " ";
display: table;
}
.post-block-list:after {
clear: both;
}
@media (max-width: 400px) {
.post-block-list {
max-width: 220px;
margin: 0 auto;
}
}
.post-block-list .post-content .post-thumbnail {
width: 170px;
float: left;
}
@media (max-width: 400px) {
.post-block-list .post-content .post-thumbnail {
width: 100%;
margin-bottom: 20px;
}
}
.post-block-list .post-content .content-inner {
padding-left: 200px;
}
@media (max-width: 900px) {
.post-block-list .post-content .content-inner {
padding-left: 190px;
}
}
@media (max-width: 400px) {
.post-block-list .post-content .content-inner {
padding-left: 0;
}
}
.post-block-list .post-content .content-inner .entry-meta {
margin-bottom: 5px;
}
.post-block-list .post-content .content-inner .entry-title {
margin: 0;
}
@media (max-width: 500px) {
.post-block-list .post-content .content-inner .entry-title {
font-size: 18px;
line-height: 30px;
}
}
.post-block-small {
margin-bottom: 30px;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.post-block-small:before, .post-block-small:after {
content: " ";
display: table;
}
.post-block-small:after {
clear: both;
}
.post-block-small .post-content .post-thumbnail {
width: 80px;
float: left;
}
.post-block-small .post-content .content-inner {
padding-left: 95px;
}
.post-block-small .post-content .content-inner .entry-meta {
margin: -3px 0 0;
float: left;
width: 100%;
padding-bottom: 5px;
}
.post-block-small .post-content .content-inner .entry-meta > .meta-inline {
margin-right: 5px;
font-size: 12px;
font-weight: 400;
line-height: 18px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1px;
}
.post-block-small .post-content .content-inner .entry-meta > .meta-inline > span {
margin-right: 18px;
}
@media (max-width: 1400px) {
.post-block-small .post-content .content-inner .entry-meta > .meta-inline > span {
margin-right: 16px;
}
}
.post-block-small .post-content .content-inner .entry-meta > .meta-inline > span i {
color: var(--e-global-color-primary);
margin-right: 5px;
}
.post-block-small .post-content .content-inner .entry-meta .cat-links, .post-block-small .post-content .content-inner .entry-meta .author, .post-block-small .post-content .content-inner .entry-meta .author-seperate {
display: none !important;
}
.post-block-small .post-content .content-inner .entry-title {
margin: 0;
font-size: 16px;
line-height: 24px;
position: relative;
float: left;
width: 100%;
}
.post-standard__single {
margin-bottom: 30px;
}
.post-standard__thumbnail {
border-radius: 0 !important;
}
.post-standard__thumbnail img {
border-radius: 5px;
}
.post-standard__content {
background: #fff;
margin-left: 35px;
margin-right: 35px;
margin-top: -50px;
border: none;
border-radius: 0;
padding: 35px;
position: relative;
z-index: 99;
border-radius: 5px;
}
@media (max-width: 1024px) {
.post-standard__content {
margin-left: 20px;
margin-right: 20px;
padding: 35px 20px;
}
}
.post-standard__content:after {
display: none;
}
.post-standard__meta {
position: relative;
margin-bottom: 15px;
}
.post-standard__meta .meta-inline {
font-size: 14px;
line-height: 18px;
font-weight: 500;
text-transform: capitalize;
}
.post-standard__meta .meta-inline > span {
margin-right: 18px;
}
@media (max-width: 1400px) {
.post-standard__meta .meta-inline > span {
margin-right: 15px;
}
}
.post-standard__meta .meta-inline > span i {
color: var(--e-global-color-primary);
margin-right: 5px;
}
.post-standard__meta .meta-inline > span:last-child() {
margin-right: 0;
}
.post-standard__title {
font-size: 24px;
margin-bottom: 10px;
margin-top: 8px;
}
.post-standard__desc {
padding-bottom: 20px;
}
.post-standard__read-more {
border: none;
padding-top: 0;
}
.post-standard__single:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.post-standard__single:hover .post-standard__content {
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}
div[class*="col-md-6"] .post-thumbnail iframe, div[class*="col-md-4"] .post-thumbnail iframe {
min-height: 235px;
height: 235px;
}
.post-items .post {
margin-bottom: 30px;
}
.post-items .entry-title {
font-size: 18px;
text-transform: none;
margin-top: 10px;
margin-bottom: 12px;
}
.post-items.layout-sticky-on .posts-child .post {
border-bottom: none;
margin-bottom: 0;
}
.post-items.layout-sticky-on .posts-child .post .entry-title {
font-size: 20px;
}
.posts-archive {
margin: 100px 0 60px;
}
@media (max-width: 991.98px) {
.posts-archive {
margin: 80px 0 40px;
}
}
.post-masonry-style > .item-masory {
margin-left: -1px;
}
.post.post-single-content {
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 10px;
}
.post.post-single-content .post-thumbnail {
position: relative;
margin-bottom: 30px;
}
.post.post-single-content .post-thumbnail.without_image {
margin-bottom: 0;
}
.post.post-single-content .entry-content {
border: 0;
background: none;
margin: 0;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-align: left;
}
.post.post-single-content .entry-content:after {
content: none;
}
.post.post-single-content .entry-content .content-inner {
max-width: 100%;
padding: 0;
}
.post.post-single-content .entry-content .entry-meta {
position: relative;
margin: 0 0 10px;
}
.post.post-single-content .entry-content .entry-meta .meta-inline {
font-size: 15px;
text-transform: capitalize;
}
.post.post-single-content .entry-content .entry-meta .meta-inline > span {
margin-right: 22px;
}
@media (max-width: 1400px) {
.post.post-single-content .entry-content .entry-meta .meta-inline > span {
margin-right: 18px;
}
}
.post.post-single-content .entry-content .entry-meta .meta-inline > span:last-child {
margin-right: 0;
}
.post.post-single-content .entry-content .entry-meta .meta-inline > span i {
color: var(--e-global-color-primary);
margin-right: 5px;
}
.post.post-single-content .entry-content .entry-meta .meta-inline .entry-date {
color: var(--e-global-color-primary);
}
.post.post-single-content .entry-content .entry-title {
font-size: 32px;
color: #16243D;
padding: 0 0 10px;
position: relative;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
@media (max-width: 991.98px) {
.post.post-single-content .entry-content .entry-title {
font-size: 28px;
}
}
@media (max-width: 767.98px) {
.post.post-single-content .entry-content .entry-title {
font-size: 26px;
}
}
.post.post-single-content .entry-content .entry-title:after {
display: none !important;
}
.post.post-single-content .entry-content .entry-date {
left: 0;
}
.post.post-single-content .entry-content .cat-links i {
margin-right: 6px;
color: var(--e-global-color-primary);
}
.post.post-single-content .entry-content .cat-links a {
color: var(--travivu-body-color);
}
.post.post-single-content .entry-content .cat-links a:hover {
color: var(--e-global-color-primary);
}
.post.post-single-content .entry-content .post-content strong img {
margin-right: 10px;
}
.post.post-single-content .entry-content .post-content .wp-caption {
max-width: 100%;
}
.post.post-single-content .entry-content .post-content input[type="text"],
.post.post-single-content .entry-content .post-content input[type="tel"],
.post.post-single-content .entry-content .post-content input[type="password"],
.post.post-single-content .entry-content .post-content input[type="email"] {
padding: 0 8px;
}
.post.post-single-content .entry-content .post-content input[type="submit"] {
background: var(--e-global-color-primary);
color: #fff;
text-transform: uppercase;
font-size: 12px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 3px 15px;
border-radius: 8px;
}
.post.post-single-content .entry-content .post-content input[type="submit"]:hover {
background: #16243D;
}
.post.post-single-content .entry-meta-footer {
border-top: 1px solid #DFDFDF;
margin-top: 36px;
padding-top: 12px;
}
.post.post-single-content .tag-links {
margin-top: 20px;
display: block;
}
.post.post-single-content .tag-links .tag-title {
font-size: 18px;
margin-right: 10px;
color: #16243D;
font-weight: 500;
position: relative;
top: 2px;
}
.post.post-single-content .tag-links > a {
background: #F2F5F9;
font-size: 14px;
padding: 0 15px 2px;
line-height: 28px;
color: var(--travivu-body-color);
border: 1px solid rgba(0, 0, 0, 0.06);
margin: 3px 10px 3px 0;
font-weight: 500;
display: inline-block;
white-space: nowrap;
border-radius: 5px;
}
.post.post-single-content .tag-links > a:hover {
background: var(--e-global-color-primary);
color: #fff;
border-color: var(--e-global-color-primary);
}
.post.post-single-content .tag-links > a:last-child {
margin-left: 0;
}
.post.post-single-content.has-post-thumbnail .entry-content .entry-date {
left: 30px;
}
.post-navigation {
width: 100%;
float: left;
margin-top: 30px;
padding-top: 40px;
margin-bottom: 30px;
border-top: 1px solid #DFDFDF;
}
.post-navigation a {
display: inline-block;
font-weight: 600;
border: 2px solid #DFDFDF;
padding: 10px 20px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.post-navigation a span {
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.post-navigation a:hover {
background: var(--e-global-color-primary);
color: #fff;
}
.post-navigation a:hover span {
color: #fff !important;
}
.post-navigation a[rel*="next"] {
float: right;
text-align: right;
}
.post-navigation a span {
display: block;
}
.post-navigation a span.meta-nav {
font-size: 14px;
color: #888888;
}
.post-navigation a span.meta-nav i {
font-size: 10px;
}
.post-navigation a span.meta-nav.next i {
margin-left: 8px;
margin-top: 1px;
}
.post-navigation a span.meta-nav.prev i {
margin-right: 8px;
margin-top: 1px;
}
.single-post .heateor_sss_sharing_ul > a > span {
padding: 6px !important;
}
.elementor-widget-shortcode .heateor_sss_sharing_ul > a > span {
padding: 8px !important;
background: #F2F5F9 !important;
width: 22px !important;
height: 22px !important;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.elementor-widget-shortcode .heateor_sss_sharing_ul > a > span svg path {
stroke: var(--travivu-body-color) !important;
}
.elementor-widget-shortcode .heateor_sss_sharing_ul > a > span svg path:not(.heateor_sss_svg_stroke) {
fill: var(--travivu-body-color) !important;
stroke: none !important;
}
.elementor-widget-shortcode .heateor_sss_sharing_ul > a:hover > span {
background: var(--e-global-color-primary) !important;
}
.elementor-widget-shortcode .heateor_sss_sharing_ul > a:hover > span svg path {
stroke: #fff !important;
}
.elementor-widget-shortcode .heateor_sss_sharing_ul > a:hover > span svg path:not(.heateor_sss_svg_stroke) {
fill: #fff !important;
stroke: none !important;
}
.tribe-common h1, .tribe-common h2, .tribe-common h3, .tribe-common h4, .tribe-common h5, .tribe-common h6, .tribe-common .tribe-common-h--alt {
font-weight: 700;
}
#tribe-events-content a.btn-black {
color: #fff;
}
#tribe-events-footer {
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
}
.tribe-events-page-title {
margin-bottom: 30px;
}
.tribe-events-list .type-tribe_events {
margin-bottom: 30px;
}
.tribe-event-list-block {
padding: 30px !important;
background: #fff;
border: 1px solid #DFDFDF !important;
-webkit-transition: all 0.35s;
transition: all 0.35s;
margin-bottom: 30px !important;
}
@media (max-width: 1024px) {
.tribe-event-list-block {
padding: 20px;
}
}
@media (max-width: 650px) {
.tribe-event-list-block {
max-width: 450px;
margin: 0 auto;
padding: 0;
border: none;
}
}
.tribe-event-list-block .tribe-event-left {
width: 190px;
float: left;
position: relative;
overflow: hidden;
z-index: 1;
}
@media (max-width: 575.98px) {
.tribe-event-list-block .tribe-event-left {
width: 200px;
}
}
@media (max-width: 650px) {
.tribe-event-list-block .tribe-event-left {
width: 100%;
}
}
.tribe-event-list-block .tribe-event-left .content-inner {
width: 190px;
position: relative;
float: left;
}
@media (max-width: 575.98px) {
.tribe-event-list-block .tribe-event-left .content-inner {
width: 200px;
}
}
@media (max-width: 650px) {
.tribe-event-list-block .tribe-event-left .content-inner {
width: 100%;
}
}
.tribe-event-list-block .tribe-event-left .content-inner .tribe-events-event-image {
width: 100%;
position: relative;
margin: 0;
text-align: center;
}
.tribe-event-list-block .tribe-event-left .content-inner .tribe-events-event-image img {
max-width: 100%;
width: 100%;
height: auto;
max-height: inherit;
}
.tribe-event-list-block .tribe-event-left .content-inner .tribe-start-date {
background: var(--e-global-color-primary);
color: #fff;
width: 52px;
height: 52px;
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
text-align: center;
line-height: 16px;
padding-top: 10px;
position: absolute;
border-radius: 8px 0 0;
right: 0;
bottom: 0;
}
.tribe-event-list-block .tribe-event-right {
padding-left: 200px;
padding-right: 160px;
position: relative;
margin-top: 0;
}
@media (max-width: 767.98px) {
.tribe-event-list-block .tribe-event-right {
padding-right: 0;
}
}
@media (max-width: 575.98px) {
.tribe-event-list-block .tribe-event-right {
padding-left: 220px;
}
}
@media (max-width: 650px) {
.tribe-event-list-block .tribe-event-right {
padding-left: 0;
float: left;
padding: 20px;
border: 1px solid #DFDFDF;
border-top: 0;
}
}
.tribe-event-list-block .tribe-event-right .content-inner {
padding-left: 20px;
float: left;
width: 100%;
}
@media (max-width: 575.98px) {
.tribe-event-list-block .tribe-event-right .content-inner {
padding-left: 0;
}
}
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-event-meta {
font-size: 14px;
margin-bottom: 0;
border: none;
background: #fff;
padding: 0 !important;
margin: 0 !important;
line-height: 24px;
}
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-event-meta .icon {
margin-right: 6px;
color: var(--e-global-color-primary);
}
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-event-meta .tribe-event-schedule-details {
display: block;
width: 100%;
font-size: 15px;
color: var(--travivu-body-color);
padding: 0;
margin-bottom: 6px;
}
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-event-meta .tribe-events-venue-details {
font-size: 15px;
color: var(--travivu-body-color);
margin: 0;
font-style: normal;
line-height: 24px;
margin-top: 6px;
border: none;
padding: 0;
}
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-event-meta .tribe-events-venue-details .tribe-address br {
display: none;
}
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-event-meta .tribe-events-venue-details .tribe-events-gmap {
display: none !important;
}
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-list-event-title {
margin: 10px 0 15px;
}
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-list-event-title .tribe-event-url {
font-size: 22px;
}
@media (max-width: 575.98px) {
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-list-event-title .tribe-event-url {
font-size: 20px;
}
}
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-list-event-title .tribe-event-url:hover {
color: var(--e-global-color-primary) !important;
}
.tribe-event-list-block .tribe-event-right .content-inner .entry-summary {
max-width: 600px;
line-height: 30px;
max-height: 90px;
overflow: hidden;
}
.tribe-event-list-block .tribe-event-right .event-action {
width: 180px;
position: absolute;
right: 0;
top: 50%;
margin-top: -30px;
text-align: right;
}
@media (max-width: 767.98px) {
.tribe-event-list-block .tribe-event-right .event-action {
display: none;
}
}
.tribe-event-list-block .tribe-event-right .event-action a {
border: 2px solid #DFDFDF;
padding: 15px 25px !important;
}
.tribe-event-list-block .tribe-event-right .event-action a:after {
display: none;
}
.tribe-event-list-block .tribe-event-right .event-action a:hover {
color: #fff !important;
}
.tribe-event-list-block:hover {
-webkit-box-shadow: 0px 20px 20px 0px rgba(63, 56, 54, 0.04);
box-shadow: 0px 20px 20px 0px rgba(63, 56, 54, 0.04);
}
.tribe-event-block {
max-width: 500px;
margin: 0 auto 30px;
position: relative;
border-radius: 8px;
overflow: hidden;
}
.tribe-event-block .block-content {
position: relative;
}
.tribe-event-block .block-content .tribe-start-date {
font-size: 14px;
line-height: 20px;
font-weight: 700;
background: var(--e-global-color-primary);
padding: 12px 20px;
color: #fff;
position: absolute;
top: 0;
left: 30px;
z-index: 11;
border-radius: 0 0 8px 8px;
text-align: center;
text-transform: uppercase;
}
.tribe-event-block .block-content .tribe-events-event-image {
margin-bottom: 0;
}
.tribe-event-block .block-content .tribe-events-event-image:after {
content: '';
position: absolute;
background-image: -webkit-gradient(linear, left bottom, left top, from(#16243D), color-stop(50%, transparent));
background-image: linear-gradient(to top, #16243D, transparent 50%);
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
opacity: 1;
}
.tribe-event-block .block-content .tribe-events-event-image img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 5s;
transition: all 5s;
}
.tribe-event-block .block-content .tribe-event-content {
position: absolute;
bottom: 0;
left: 0;
z-index: 11;
color: #fff;
padding: 15px 30px 25px;
}
@media (max-width: 1024px) {
.tribe-event-block .block-content .tribe-event-content {
padding: 15px 12px 18px;
}
}
.tribe-event-block .block-content .tribe-event-content .tribe-events-event-meta {
font-size: 14px;
font-weight: 700;
color: rgba(255, 255, 255, 0.9);
margin-bottom: 4px;
}
.tribe-event-block .block-content .tribe-event-content .tribe-events-event-meta .tribe-event-schedule-details {
line-height: 18px;
display: inline-block;
}
.tribe-event-block .block-content .tribe-event-content .tribe-events-event-meta:before {
display: none !important;
}
.tribe-event-block .block-content .tribe-event-content .tribe-events-event-meta i {
margin-right: 5px;
color: var(--e-global-color-primary);
}
.tribe-event-block .block-content .tribe-event-content .event-title {
color: #fff;
font-size: 20px;
line-height: 28px;
margin: 0;
}
.tribe-event-block .tribe-event-url {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
}
.tribe-event-block:hover .tribe-events-event-image img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.tribe-events .tribe-events-c-ical__link {
border-color: var(--e-global-color-primary);
color: var(--e-global-color-primary);
}
.tribe-events .tribe-events-c-ical__link:before {
display: none;
}
.tribe-events .tribe-events-c-ical__link:hover, .tribe-events .tribe-events-c-ical__link:active, .tribe-events .tribe-events-c-ical__link:focus {
background-color: var(--e-global-color-primary);
}
.tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn {
background: var(--e-global-color-primary);
}
.tribe-common .tribe-common-c-btn:hover, .tribe-common .tribe-common-c-btn:active, .tribe-common .tribe-common-c-btn:focus, .tribe-common a.tribe-common-c-btn:hover, .tribe-common a.tribe-common-c-btn:active, .tribe-common a.tribe-common-c-btn:focus {
background: var(--e-global-color-primary);
opacity: 0.8;
}
.tribe-events-l-container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.tribe-events-calendar-list .tribe-events-calendar-list__month-separator {
margin-bottom: 30px;
}
.event-layout-list .event-list-item {
margin-bottom: 30px;
}
#tribe-events-pg-template {
max-width: 100%;
}
.tribe-events-single {
margin: 65px 0 100px !important;
}
@media (max-width: 1024px) {
.tribe-events-single {
margin: 45px 0 60px !important;
}
}
.tribe-events-single .tribe-events-back {
margin-bottom: 5px;
}
.tribe-events-single .tribe-events-single-event-title {
font-size: 32px;
line-height: 42px;
margin-bottom: 15px;
color: var(--travivu-heading-color);
}
.tribe-events-single .tribe-event-content-inner .tribe-events-event-image {
text-align: center;
}
.tribe-events-single .tribe-events-schedule {
color: #16243D;
}
.tribe-events-single .tribe-events-schedule .icon {
margin-right: 6px;
color: var(--e-global-color-primary);
}
.tribe-events-single .tribe-events-single-event-description {
font-size: 16px;
color: var(--travivu-body-color);
}
.tribe-events-single .tribe-events-event-meta {
background: none;
border: none;
margin: 0;
padding: 0;
}
.tribe-events-single .tribe-events-event-meta .tribe-events-single-section-title {
font-size: 20px;
font-weight: normal;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-single-detail {
padding: 30px;
border: 1px solid #DFDFDF;
-webkit-box-shadow: 0px 20px 20px 0px rgba(63, 56, 54, 0.04);
box-shadow: 0px 20px 20px 0px rgba(63, 56, 54, 0.04);
margin-top: 30px;
width: 100%;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-single-detail .tribe-events-single-section-title {
display: none;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-single-detail .tribe-event-single-meta-detail > div {
float: left;
margin-right: 20px;
font-size: 16px;
font-weight: 500;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-single-detail .tribe-event-single-meta-detail > div .icon {
color: var(--e-global-color-primary);
margin-right: 3px;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-single-detail .tribe-event-single-meta-detail > div a {
color: var(--travivu-body-color);
}
.tribe-events-single .tribe-events-event-meta .tribe-event-single-detail .tribe-event-single-meta-detail > div a:hover {
text-decoration: underline;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-single-detail .tribe-event-single-meta-detail .event-meta-tags dt, .tribe-events-single .tribe-events-event-meta .tribe-event-single-detail .tribe-event-single-meta-detail .event-meta-tags dd {
clear: none;
display: inline;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom {
margin: 50px 0;
width: 100%;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .tribe-events-meta-group {
width: 100%;
padding: 0;
margin: 0;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .tribe-events-meta-group .tribe-events-single-section-title {
color: #fff;
margin: 0 0 35px;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .tribe-events-venue-map {
padding: 0;
margin: 0;
width: 100%;
border: none;
border-radius: 0;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .tribe-events-venue-map > div, .tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .tribe-events-venue-map > iframe {
min-height: 310px;
max-height: 310px;
margin-bottom: -6px;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-organizer {
overflow: hidden;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-organizer > .content-inner {
background: #16243D;
position: relative;
float: left;
width: 100%;
padding: 45px 50px;
color: #fff;
}
@media (max-width: 991.98px) {
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-organizer > .content-inner {
padding: 35px 30px;
}
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-organizer > .content-inner:after {
content: '';
background: #16243D;
width: 100%;
height: 200px;
position: absolute;
top: 100%;
left: 0;
z-index: 1;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-organizer > .content-inner a {
color: #fff;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-organizer > .content-inner a:hover {
text-decoration: underline;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-organizer > .content-inner .meta-item {
font-weight: 500;
font-size: 16px;
margin-bottom: 15px;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-organizer > .content-inner .meta-item .icon {
margin-right: 10px;
display: inline-block;
position: relative;
top: 5px;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-organizer > .content-inner .meta-item .icon svg {
fill: var(--e-global-color-primary);
width: 25px;
height: auto;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue {
overflow: hidden;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue .tribe-events-single-section-title {
color: #fff;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue > .content-inner {
background: var(--e-global-color-primary);
position: relative;
float: left;
width: 100%;
color: #fff;
padding: 45px 50px;
}
@media (max-width: 991.98px) {
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue > .content-inner {
padding: 50px 30px;
}
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue > .content-inner:after {
content: '';
background: var(--e-global-color-primary);
width: 100%;
height: 200px;
position: absolute;
top: 100%;
left: 0;
z-index: 1;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue > .content-inner a {
color: #fff;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue > .content-inner a:hover {
text-decoration: underline;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue .meta-item {
font-weight: 500;
font-size: 16px;
margin-bottom: 15px;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue .meta-item .icon {
margin-right: 10px;
display: inline-block;
position: relative;
top: 5px;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue .meta-item .icon svg {
fill: #fff;
width: 25px;
height: auto;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue .meta-item .tribe-events-address {
font-size: 14px;
line-height: 24px;
}
.tribe-events-single .tribe-events-c-subscribe-dropdown .tribe-common-c-btn-border {
white-space: nowrap;
width: auto;
padding: 15px;
}
.post-type-archive-tribe_events #tribe-events-bar {
background: #fff;
border: 1px solid #DFDFDF;
}
.post-type-archive-tribe_events #tribe-events-bar #tribe-bar-form {
background: #fff;
}
.post-type-archive-tribe_events #tribe-events-bar #tribe-bar-form input[type=text] {
outline: none;
border-bottom: 1px dashed #DFDFDF;
}
.post-type-archive-tribe_events #tribe-events-bar #tribe-bar-form .tribe-bar-submit .tribe-events-button {
background: #16243D;
}
.post-type-archive-tribe_events #tribe-events-bar #tribe-bar-form .tribe-bar-views .tribe-bar-views-inner {
background: #fff;
}
.post-type-archive-tribe_events #tribe-events-bar #tribe-bar-form .tribe-bar-views .tribe-bar-views-inner #tribe-bar-views-toggle:focus, .post-type-archive-tribe_events #tribe-events-bar #tribe-bar-form .tribe-bar-views .tribe-bar-views-inner #tribe-bar-views-toggle:hover {
background: #fff;
outline: none;
}
.post-type-archive-tribe_events #tribe-events-bar #tribe-bar-form .tribe-bar-views .tribe-bar-views-inner .tribe-bar-views-list {
background: #fff;
border: 1px solid #DFDFDF;
}
.post-type-archive-tribe_events table.tribe-events-calendar {
border-left: 0 !important;
border-right: 0 !important;
border-bottom-color: #DFDFDF;
}
.post-type-archive-tribe_events table.tribe-events-calendar thead th {
background: none;
color: #16243D;
text-align: left;
border: none;
border-bottom: 1px solid #DFDFDF;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody {
border-left: 1px solid #DFDFDF;
border-right: 1px solid #DFDFDF;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td {
border-color: #DFDFDF !important;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td div[id*=tribe-events-daynum-], .post-type-archive-tribe_events table.tribe-events-calendar tbody td div[id*=tribe-events-daynum-] > a {
background: none !important;
font-size: 20px;
color: #141827;
font-weight: 500;
padding-top: 10px;
padding-left: 10px;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td .tribe-events-month-event-title {
font-size: 14px !important;
line-height: 22px !important;
font-weight: 500 !important;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td .tribe-events-tooltip {
padding: 20px;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td .tribe-events-tooltip .entry-title {
margin-bottom: 15px;
font-size: 20px;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td .tribe-events-tooltip .tribe-events-event-body .tribe-event-duration {
font-size: 14px;
color: var(--e-global-color-primary);
font-weight: 500;
width: 100%;
margin-bottom: 15px;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td .tribe-events-tooltip .tribe-events-event-body .tribe-events-event-thumb {
width: 90px;
margin-right: 1px;
margin-bottom: 1px;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td .tribe-events-tooltip .tribe-events-event-body .tribe-events-event-thumb img {
max-width: 100%;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td .tribe-events-tooltip .tribe-events-event-body .tribe-event-description {
font-size: 14px;
line-height: 24px;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td:hover {
background: none !important;
border-bottom: 2px solid var(--e-global-color-primary) !important;
}
.events-list .tribe-events-loop, .single-tribe_organizer .tribe-events-loop, .single-tribe_venue .tribe-events-loop, .tribe-events-day .tribe-events-loop {
max-width: 100%;
}
#tribe-events, #tribe-events-pg-template, .tribe-events-pg-template {
padding: 0;
}
.tribe-events-sub-nav li a {
background: none !important;
padding: 0 !important;
color: #16243D;
}
.portfolio-one__single {
position: relative;
max-width: 680px;
margin: 0 auto 30px;
}
.portfolio-one__image {
position: relative;
text-align: center;
z-index: 1;
border-radius: 8px;
overflow: hidden;
}
.portfolio-one__link {
display: block;
}
.portfolio-one__link:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: #16243D;
-webkit-transition: all 0.35s;
transition: all 0.35s;
opacity: 0;
}
.portfolio-one__link img {
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.portfolio-one__content {
padding: 30px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.07);
box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.07);
border-radius: 0 10px 10px 10px;
position: relative;
z-index: 9;
margin-top: -40px;
margin-right: 30px;
background: #fff;
}
@media (max-width: 1024px) {
.portfolio-one__content {
padding: 20px 15px;
}
}
.portfolio-one__category {
font-size: 16px;
line-height: 18px;
}
.portfolio-one__category a {
color: var(--travivu-body-color);
}
.portfolio-one__category a:hover {
color: var(--e-global-color-primary);
text-decoration: underline;
}
.portfolio-one__title {
display: block;
font-size: 20px;
margin: 5px 0 6px;
}
@media (max-width: 1024px) {
.portfolio-one__title {
font-size: 18px;
}
}
.portfolio-one__title a:hover {
text-decoration: underline;
}
.portfolio-one__arrow {
width: 50px;
height: 50px;
background: var(--e-global-color-primary);
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: -25px;
right: 20px;
z-index: 9;
font-size: 14px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
border-radius: 50%;
}
.portfolio-one__single:hover .portfolio-one__arrow, .portfolio-one__single:active .portfolio-one__arrow, .portfolio-one__single:focus .portfolio-one__arrow {
background: var(--e-global-color-secondary);
}
.portfolio-one__single:hover .portfolio-one__link:after, .portfolio-one__single:active .portfolio-one__link:after, .portfolio-one__single:focus .portfolio-one__link:after {
opacity: 0.5;
}
.portfolio-filter {
margin-bottom: 25px;
width: 100%;
}
.portfolio-filter ul.nav-tabs {
display: inline-block;
text-align: center;
border: none;
width: 100%;
}
.portfolio-filter ul.nav-tabs > li {
padding: 5px 8px 0;
}
.portfolio-filter ul.nav-tabs > li > a {
font-weight: 500;
color: #16243D;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
padding: 0;
font-size: 16px;
position: relative;
z-index: 11;
}
.portfolio-filter ul.nav-tabs > li > a:after {
content: '';
width: 0;
height: 2px;
background: #16243D;
position: absolute;
bottom: 0;
left: 0;
z-index: -1px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.portfolio-filter ul.nav-tabs > li > a .count {
border-radius: 50%;
z-index: 1;
position: absolute;
top: -20px;
right: -17px;
font-size: 12px;
color: var(--travivu-body-color);
opacity: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.portfolio-filter ul.nav-tabs > li > a:hover, .portfolio-filter ul.nav-tabs > li > a.active {
color: #16243D;
}
.portfolio-filter ul.nav-tabs > li > a:hover:after, .portfolio-filter ul.nav-tabs > li > a.active:after {
width: 100%;
}
.portfolio-filter ul.nav-tabs > li > a:hover .count, .portfolio-filter ul.nav-tabs > li > a.active .count {
top: -10px;
opacity: 1;
}
.gva-portfolio-items {
float: left;
width: 100%;
}
/*------------------------------------------------------------------*\
9 - PAGE STYLE
\*------------------------------------------------------------------*/
.ajax-loading {
display: none;
}
.index-main-page {
margin-top: 30px;
}
.wrapper-page .heading-title {
text-transform: capitalize;
margin-bottom: 0;
display: block;
font-size: 20px;
margin-top: 15px;
}
#wp-main-content {
min-height: 50px;
}
.pagination .disabled {
background: var(--e-global-color-primary);
color: #fff;
}
.pagination .current {
background: var(--e-global-color-primary);
color: #fff;
}
.page.white .wp-content article {
background: #fff;
padding: 20px;
}
/*
** Page 404
*/
body.error404 .header-default {
border-bottom: 2px solid #DFDFDF;
}
.not-found-wrapper {
padding: 100px 0 100px;
}
@media (max-width: 991.98px) {
.not-found-wrapper {
padding: 80px 0 80px;
}
}
.not-found-wrapper .not-found-image {
max-width: var(--travivu-nfpage-image-width);
margin: 0 auto;
}
.not-found-wrapper .not-found-title h1 {
font-size: 38px;
line-height: 1;
margin: 20px 0 25px;
}
@media (max-width: 1024.98px) {
.not-found-wrapper .not-found-title h1 {
font-size: 32px;
}
}
@media (max-width: 991.98px) {
.not-found-wrapper .not-found-title h1 {
font-size: 28px;
}
}
.not-found-wrapper .not-found-desc {
font-size: 18px;
max-width: 550px;
margin: 0 auto;
}
.not-found-wrapper .not-found-home {
margin-top: 30px;
}
.not-found-wrapper .not-found-home > a {
padding: 20px 35px;
}
.not-found-wrapper .not-found-home > a:after {
display: none;
}
.not-found-wrapper .not-found-home > a i {
margin-right: 10px;
position: relative;
top: 1px;
}
.woocommerce-cart h2 {
font-size: 25px;
}
.woocommerce-cart .shipping_calculator {
margin-bottom: 30px;
}
.woocommerce-cart .cart-collaterals {
margin-bottom: 40px;
margin-top: 50px;
}
.woocommerce-cart .actions input[name^="update_cart"] {
float: right;
margin-top: 5px;
}
.woocommerce-cart .actions .coupon {
float: left;
margin-bottom: 10px;
}
@media (max-width: 767.98px) {
.woocommerce-cart .actions .coupon {
width: 100%;
}
}
.main-page-index {
margin-top: 90px;
margin-bottom: 50px;
}
.content-page-index .post-masonry-index .post {
margin-bottom: 30px;
}
.content-page-index .post-masonry-index .post.sticky .entry-content:before {
content: '\f02e';
font-family: "Font Awesome 5 Free";
position: absolute;
top: -1px;
left: 35px;
color: var(--e-global-color-primary);
font-size: 18px;
z-index: 1;
line-height: 1;
}
.search-no-results .main-page-content .search-no-results-content {
padding: 30px;
background: #F2F5F9;
margin-bottom: 30px;
width: 100%;
float: none;
}
.search-no-results .main-page-content .search-no-results-content .message {
color: #16243D;
}
body.page .content-page-inner h1.title {
margin-bottom: 30px;
}
body.archive #tribe-events {
padding: 35px 0 60px;
}
@media (max-width: 575.98px) {
body.archive #tribe-events {
padding: 10px 0 30px;
}
}
.single-page-template .single-content-inner.container, .single-page-template .single-content-inner > .container, .single-post-template .single-content-inner.container, .single-post-template .single-content-inner > .container {
padding: 30px 0 50px;
}
.single-page-template .post-content iframe, .single-post-template .post-content iframe {
max-width: 100%;
}
/*------------------------------------------------------------------*\
10 - FORM STYLE
\*------------------------------------------------------------------*/
.wpcf7-form .row, .wpcf7 .row {
margin: 0 -10px;
}
.wpcf7-form .row > div, .wpcf7 .row > div {
padding: 0 10px;
}
.wpcf7-form p, .wpcf7 p {
margin-bottom: 20px;
font-weight: 600;
}
.wpcf7-form .wpcf7-form-control-wrap, .wpcf7 .wpcf7-form-control-wrap {
display: block;
margin-bottom: 22px;
}
.wpcf7-form label, .wpcf7 label {
display: inline-block;
font-weight: 500;
color: #16243D;
margin-bottom: 5px;
}
.wpcf7-form input[type*="email"], .wpcf7-form input[type*="text"], .wpcf7-form input[type*="tel"], .wpcf7 input[type*="email"], .wpcf7 input[type*="text"], .wpcf7 input[type*="tel"] {
width: 100%;
height: 50px;
padding: 0 20px;
border: 1px solid rgba(46, 87, 87, 0.3) !important;
background: transparent;
font-size: 14px;
border-radius: 30px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.wpcf7-form input[type*="email"]:focus, .wpcf7-form input[type*="email"]:active, .wpcf7-form input[type*="text"]:focus, .wpcf7-form input[type*="text"]:active, .wpcf7-form input[type*="tel"]:focus, .wpcf7-form input[type*="tel"]:active, .wpcf7 input[type*="email"]:focus, .wpcf7 input[type*="email"]:active, .wpcf7 input[type*="text"]:focus, .wpcf7 input[type*="text"]:active, .wpcf7 input[type*="tel"]:focus, .wpcf7 input[type*="tel"]:active {
border-color: var(--e-global-color-primary) !important;
}
.wpcf7-form select, .wpcf7 select {
border: 1px solid rgba(46, 87, 87, 0.3) !important;
background: transparent;
line-height: 50px;
height: 50px;
width: 100%;
color: var(--travivu-body-color);
border-radius: 30px;
font-size: 14px;
}
.wpcf7-form select:focus, .wpcf7-form select:active, .wpcf7 select:focus, .wpcf7 select:active {
border-color: var(--e-global-color-primary) !important;
}
.wpcf7-form textarea, .wpcf7 textarea {
width: 100%;
padding: 10px 20px;
max-height: 180px;
border: 1px solid rgba(46, 87, 87, 0.3) !important;
background: transparent;
font-size: 14px;
border-radius: 30px;
}
.wpcf7-form textarea::-webkit-input-placeholder, .wpcf7 textarea::-webkit-input-placeholder {
color: var(--travivu-body-color);
}
.wpcf7-form textarea::-moz-placeholder, .wpcf7 textarea::-moz-placeholder {
color: var(--travivu-body-color);
}
.wpcf7-form textarea:-ms-input-placeholder, .wpcf7 textarea:-ms-input-placeholder {
color: var(--travivu-body-color);
}
.wpcf7-form textarea:-moz-placeholder, .wpcf7 textarea:-moz-placeholder {
color: var(--travivu-body-color);
}
.wpcf7-form textarea:focus, .wpcf7-form textarea:active, .wpcf7 textarea:focus, .wpcf7 textarea:active {
border-color: var(--e-global-color-primary) !important;
}
.wpcf7-form textarea.size-medium, .wpcf7 textarea.size-medium {
max-height: 135px;
}
.wpcf7-form .form-action, .wpcf7 .form-action {
text-align: center;
padding: 0;
position: relative;
}
.wpcf7-form .form-action input, .wpcf7 .form-action input {
padding: 22px 50px 22px !important;
}
.wpcf7-form .form-action .ajax-loader, .wpcf7 .form-action .ajax-loader {
position: absolute;
right: 0;
top: 50%;
margin-top: -8px;
}
.wpcf7-form .form-action .wpcf7-spinner, .wpcf7 .form-action .wpcf7-spinner {
position: absolute;
left: 0;
top: 50%;
margin-top: -8px;
}
.skin-border .wpcf7-form input[type*="email"], .skin-border .wpcf7-form input[type*="text"], .skin-border .wpcf7-form input[type*="tel"] {
border: 1px solid #2E5757 !important;
}
.skin-border .wpcf7-form input[type*="email"]::-webkit-input-placeholder, .skin-border .wpcf7-form input[type*="text"]::-webkit-input-placeholder, .skin-border .wpcf7-form input[type*="tel"]::-webkit-input-placeholder {
color: #fff;
}
.skin-border .wpcf7-form input[type*="email"]::-moz-placeholder, .skin-border .wpcf7-form input[type*="text"]::-moz-placeholder, .skin-border .wpcf7-form input[type*="tel"]::-moz-placeholder {
color: #fff;
}
.skin-border .wpcf7-form input[type*="email"]:-ms-input-placeholder, .skin-border .wpcf7-form input[type*="text"]:-ms-input-placeholder, .skin-border .wpcf7-form input[type*="tel"]:-ms-input-placeholder {
color: #fff;
}
.skin-border .wpcf7-form input[type*="email"]:-moz-placeholder, .skin-border .wpcf7-form input[type*="text"]:-moz-placeholder, .skin-border .wpcf7-form input[type*="tel"]:-moz-placeholder {
color: #fff;
}
.skin-border .wpcf7-form select {
border: 1px solid #2E5757 !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: linear-gradient(45deg, transparent 50%, var(--e-global-color-primary) 50%), linear-gradient(135deg, var(--e-global-color-primary) 50%, transparent 50%) !important;
background-size: 8px 7px, 8px 7px !important;
background-repeat: no-repeat !important;
background-position: calc(100% - 17px), calc(100% - 10px) !important;
}
.skin-border .wpcf7-form textarea {
border: 1px solid #2E5757 !important;
}
.skin-border .wpcf7-form input, .skin-border .wpcf7-form select, .skin-border .wpcf7-form textarea {
color: #fff;
}
.skin-border .wpcf7-form input::-webkit-input-placeholder, .skin-border .wpcf7-form select::-webkit-input-placeholder, .skin-border .wpcf7-form textarea::-webkit-input-placeholder {
color: #fff;
}
.skin-border .wpcf7-form input::-moz-placeholder, .skin-border .wpcf7-form select::-moz-placeholder, .skin-border .wpcf7-form textarea::-moz-placeholder {
color: #fff;
}
.skin-border .wpcf7-form input:-ms-input-placeholder, .skin-border .wpcf7-form select:-ms-input-placeholder, .skin-border .wpcf7-form textarea:-ms-input-placeholder {
color: #fff;
}
.skin-border .wpcf7-form input:-moz-placeholder, .skin-border .wpcf7-form select:-moz-placeholder, .skin-border .wpcf7-form textarea:-moz-placeholder {
color: #fff;
}
.skin-border .wpcf7-form input[type*="submit"]:not(.fa):not(.btn-theme):not(.newsletter-submit):not(.las) {
background: transparent;
border: 1px solid var(--travivu-color-three);
color: var(--travivu-color-three);
}
.skin-border .wpcf7-form input[type*="submit"]:not(.fa):not(.btn-theme):not(.newsletter-submit):not(.las):hover, .skin-border .wpcf7-form input[type*="submit"]:not(.fa):not(.btn-theme):not(.newsletter-submit):not(.las):focus {
background: var(--e-global-color-primary);
border-color: var(--e-global-color-primary);
color: #fff;
}
.skin-full .wpcf7-form .row > div {
width: 100%;
}
.skin-full .wpcf7-form input, .skin-full .wpcf7-form select, .skin-full .wpcf7-form textarea {
border-radius: 10px;
background: #F2F5F9;
border-color: #F2F5F9 !important;
min-height: 60px;
}
.form-white .wpcf7-form input[type*="email"], .form-white .wpcf7-form input[type*="text"], .form-white .wpcf7-form input[type*="tel"] {
background: #fff;
border: 1px solid #DFDFDF !important;
border-radius: 6px;
}
.form-white select {
background: #fff;
border: 1px solid #DFDFDF !important;
border-radius: 6px;
}
.form-white textarea {
border-radius: 6px;
background: #fff;
border: 1px solid #DFDFDF !important;
}
.form-white textarea:focus, .form-white textarea:active {
border-color: var(--e-global-color-primary) !important;
}
.newsletter__form {
position: relative;
max-width: 800px;
overflow: hidden;
}
.newsletter__content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.newsletter__content input[type=email] {
text-align: left;
width: 100%;
line-height: 54px;
padding: 0 20px;
-webkit-transition: all .35s;
transition: all .35s;
font-size: 14px;
color: var(--travivu-body-color);
border-radius: 10px 0 0 10px;
background: #fff;
border: none;
}
.newsletter__content input[type=email]::-webkit-input-placeholder {
color: var(--welowe-footer-color);
}
.newsletter__content input[type=email]::-moz-placeholder {
color: var(--welowe-footer-color);
}
.newsletter__content input[type=email]::-ms-input-placeholder {
color: var(--welowe-footer-color);
}
.newsletter__content input[type=email]::-moz-placeholder {
color: var(--welowe-footer-color);
}
.newsletter__action {
display: inline-block;
width: 54px;
height: 54px;
background: var(--e-global-color-primary);
border-radius: 50%;
text-align: center;
color: #fff;
line-height: 54px;
-webkit-transition: all .35s;
transition: all .35s;
border-radius: 0 10px 10px 0;
}
.newsletter__action:hover, .newsletter__action:focus {
background: var(--e-global-color-secondary);
}
.newsletter__icon {
font-size: 14px;
position: relative;
z-index: 11;
}
.newsletter__submit {
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
z-index: 11;
border: none;
opacity: 0 !important;
font-size: 0 !important;
color: transparent !important;
padding: 0;
}
.newsletter-v2 input.newsletter-submit {
background: var(--e-global-color-primary) !important;
}
/*------------------------------------------------------------------*\
11 - COMMENT STYLE
\*------------------------------------------------------------------*/
#comments {
margin-top: 15px;
}
#comments:before, #comments:after {
content: " ";
display: table;
}
#comments:after {
clear: both;
}
#comments .title, #comments .comments-title {
font-size: 24px;
position: relative;
color: #16243D;
}
@media (max-width: 767.98px) {
#comments .title, #comments .comments-title {
font-size: 20px;
}
}
#comments .comments-title {
padding: 28px 0 15px;
margin: 0 0 20px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
#comments .comments-title:after {
content: '';
width: 50px;
height: 2px;
background: var(--e-global-color-primary);
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
}
#comments input[type*="email"], #comments input[type*="text"], #comments textarea {
padding-left: 10px;
padding-right: 10px;
min-height: 68px;
background: #F2F5F9;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
}
#comments input[type*="email"]::-webkit-input-placeholder, #comments input[type*="text"]::-webkit-input-placeholder, #comments textarea::-webkit-input-placeholder {
color: var(--travivu-body-color);
}
#comments input[type*="email"]::-moz-placeholder, #comments input[type*="text"]::-moz-placeholder, #comments textarea::-moz-placeholder {
color: var(--travivu-body-color);
}
#comments input[type*="email"]:-ms-input-placeholder, #comments input[type*="text"]:-ms-input-placeholder, #comments textarea:-ms-input-placeholder {
color: var(--travivu-body-color);
}
#comments input[type*="email"]:-moz-placeholder, #comments input[type*="text"]:-moz-placeholder, #comments textarea:-moz-placeholder {
color: var(--travivu-body-color);
}
#comments input[type*="email"], #comments input[type*="text"] {
height: 68px;
padding: 0 20px;
line-height: 68px;
}
#comments textarea {
padding: 20px;
}
#comments .comment-rating {
margin-bottom: 15px;
}
#comments #add_review_button,
#comments #submit {
font-size: 14px;
z-index: 9;
display: inline-block;
text-decoration: none;
width: auto;
}
#comments #add_review_button {
margin-bottom: 20px;
}
#comments .headline {
height: 30px;
text-align: left;
margin-bottom: 10px;
}
#comments .headline h2 {
padding: 0;
}
#comments .headline a {
text-transform: uppercase;
float: right;
margin-top: 2px;
font-size: 12px;
}
#comments #reply-title {
font-size: 28px;
color: var(--e-global-color-primary);
margin: 0;
position: relative;
}
#comments #reply-title:before, #comments #reply-title:after {
content: " ";
display: table;
}
#comments #reply-title:after {
clear: both;
}
#comments #reply-title small {
float: right;
font-weight: 500;
font-size: 14px;
line-height: 39px;
position: absolute;
top: 0;
right: 0;
z-index: 11;
}
#comments .comment-notes {
margin-bottom: 20px;
}
#comments .comment-form-main {
margin-top: 20px;
}
#comments .comment-form-main:before, #comments .comment-form-main:after {
content: " ";
display: table;
}
#comments .comment-form-main:after {
clear: both;
}
#comments .comment-form-main .comment-form .form-group {
margin-bottom: 20px;
}
#comments .comment-form-main .logged-in-as, #comments .comment-form-main .h-info {
margin-bottom: 30px;
margin-top: 0;
}
#comments .comment-form-main .row {
margin-left: -8px;
margin-right: -8px;
}
#comments .comment-form-main .row > div {
padding-left: 8px;
padding-right: 8px;
}
#comments .comment-form-main .form-submit {
margin-bottom: 20px;
}
#comments ol.comment-list {
list-style: none;
width: 100%;
float: left;
margin: 0;
padding: 0;
display: block;
float: left;
width: 100%;
}
#comments ol.comment-list .comment-body {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
#comments ol.comment-list .comment-body p {
margin-bottom: 5px;
}
#comments ol.comment-list > li {
width: 100%;
float: left;
position: relative;
}
#comments ol.comment-list > li:before {
display: none;
}
#comments ol.comment-list > li li {
position: relative;
}
#comments ol.comment-list > li li:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
#comments ol.comment-list > li:last-child {
padding-bottom: 0;
}
#comments ol.comment-list > li:last-child > .the-comment {
margin-bottom: 18px;
}
#comments ol.comment-list li #respond {
float: left;
width: 100%;
margin: 5px 0 38px;
display: block !important;
}
#comments ol.comment-list li #respond #reply-title {
display: block;
padding-top: 0;
}
#comments ol.comment-list li #respond #reply-title .comments-title {
padding-top: 0;
}
#comments ol.comment-list li #respond #reply-title #cancel-comment-reply-link {
font-family: var(--travivu-font-sans-serif);
}
#comments ol.comment-list li #respond .logged-in-as {
margin-bottom: 30px;
}
#comments ol.comment-list .the-comment {
border-bottom: 1px solid #DFDFDF;
padding-bottom: 28px;
margin-bottom: 35px;
position: relative;
}
#comments ol.comment-list .the-comment .media-comment-left {
min-width: 90px;
float: left;
}
@media (max-width: 767.98px) {
#comments ol.comment-list .the-comment .media-comment-left {
min-width: 70px;
}
}
@media (max-width: 490px) {
#comments ol.comment-list .the-comment .media-comment-left {
display: block;
}
#comments ol.comment-list .the-comment .media-comment-left .author-image {
margin-bottom: 8px;
}
}
#comments ol.comment-list .the-comment .media-comment-left .author-image {
padding-top: 6px;
}
#comments ol.comment-list .the-comment .media-comment-left .author-image img {
width: 70px;
height: 70px;
overflow: hidden;
border-radius: 50%;
}
@media (max-width: 767.98px) {
#comments ol.comment-list .the-comment .media-comment-left .author-image img {
width: 55px;
height: 55px;
}
}
#comments ol.comment-list .the-comment .media-comment-body {
padding-left: 91px;
}
@media (max-width: 767.98px) {
#comments ol.comment-list .the-comment .media-comment-body {
padding-left: 71px;
}
}
@media (max-width: 500px) {
#comments ol.comment-list .the-comment .media-comment-body {
display: block;
width: 100%;
padding-left: 0;
}
}
#comments ol.comment-list .the-comment .author-meta {
line-height: 1.8;
position: relative;
margin-bottom: 5px;
}
#comments ol.comment-list .the-comment .author-meta a {
font-size: 14px;
}
#comments ol.comment-list .the-comment .author-meta .fn {
font-weight: 500;
display: block;
width: 100%;
font-size: 18px;
font-style: normal;
color: #16243D;
}
#comments ol.comment-list .the-comment .author-meta .fn a {
font-size: 18px;
}
#comments ol.comment-list .the-comment .comment-meta {
display: block;
font-size: 12px;
text-transform: uppercase;
margin-bottom: 5px;
color: #676767;
}
#comments ol.comment-list .the-comment .comment-info {
position: relative;
padding-left: 22px;
}
#comments ol.comment-list .the-comment .comment-info:after {
content: '';
width: 12px;
height: 2px;
background: var(--e-global-color-primary);
position: absolute;
top: 12px;
left: 0;
z-index: 1;
}
#comments ol.comment-list .the-comment .comment-info a {
color: #999;
}
#comments ol.comment-list .the-comment .comment-info a:hover {
color: var(--e-global-color-primary);
}
#comments ol.comment-list .the-comment .comment-body {
position: relative;
margin-top: 10px;
}
@media (max-width: 500px) {
#comments ol.comment-list .the-comment .comment-body {
display: block;
float: left;
width: 100%;
margin-bottom: 5px;
}
}
#comments ol.comment-list .the-comment .comment-body img {
margin-bottom: 5px;
}
#comments ol.comment-list .the-comment .awaiting_moderation {
display: block;
position: absolute;
bottom: 0;
right: 0;
color: #fff;
font-weight: bold;
text-transform: uppercase;
font-size: 8px;
padding: 2px 4px;
font-style: normal;
}
#comments ol.comment-list .the-comment .comment-action-wrap {
position: absolute;
top: 2px;
right: 0;
}
@media (max-width: 560px) {
#comments ol.comment-list .the-comment .comment-action-wrap {
position: relative;
top: 0;
margin-top: 10px;
}
}
#comments ol.comment-list .the-comment .comment-action-wrap a {
color: var(--e-global-color-primary);
display: inline-block;
font-weight: 500;
font-size: 14px;
}
#comments ol.comment-list .the-comment .comment-action-wrap a.comment-edit-link {
color: #16243D;
margin-right: 15px;
}
#comments ol.comment-list .children {
display: block;
float: left;
width: 100%;
padding-left: 50px;
list-style: none;
}
@media (max-width: 767.98px) {
#comments ol.comment-list .children {
padding-left: 40px;
}
}
#comments ol.comment-list .children .comment-author {
padding-left: 70px;
}
#comments ol.comment-list .children .children {
padding-left: 50px;
}
@media (max-width: 767.98px) {
#comments ol.comment-list .children .children {
padding-left: 30px;
}
}
@media (max-width: 575.98px) {
#comments ol.comment-list .children .children {
padding-left: 20px;
}
}
#respond {
clear: left;
padding: 0 !important;
margin-bottom: 30px;
background: none;
}
#respond input[type="text"],
#respond input[type="tel"],
#respond input[type="password"],
#respond input[type="email"],
#respond textarea {
width: 100%;
}
#respond .form-submit {
margin: 16px 0 0;
}
#comment_popup {
background: #fff;
padding: 50px;
max-width: 50%;
position: relative;
margin: 0 auto;
}
@media (max-width: 767.98px) {
#comment_popup {
max-width: 100%;
}
}
@media (max-width: 767.98px) {
#comment_popup {
padding: 30px;
}
}
.pingbacklist {
list-style-type: none;
padding: 0;
}
.pingbacklist > li .the-comment {
border-bottom: 1px solid #DFDFDF;
padding-bottom: 20px;
margin-bottom: 35px;
position: relative;
}
.pingbacklist > li .the-comment .media-comment-left {
display: none;
}
.pingbacklist > li .the-comment .media-comment-body {
display: block;
width: 100%;
padding-left: 0;
}
.pingbacklist > li .the-comment .author-meta {
line-height: 1.8;
position: relative;
margin-bottom: 5px;
font-size: 14px;
}
.pingbacklist > li .the-comment .author-meta .fn {
font-weight: 700;
display: block;
width: 100%;
font-size: 16px;
font-style: normal;
color: #16243D;
}
.pingbacklist > li .the-comment .author-meta .fn a {
font-size: 16px;
}
.pingbacklist > li .the-comment .comment-meta {
display: block;
font-size: 12px;
text-transform: uppercase;
margin-bottom: 5px;
color: #676767;
}
.pingbacklist > li .the-comment .comment-info {
position: relative;
padding-left: 22px;
}
.pingbacklist > li .the-comment .comment-info:after {
content: '';
width: 12px;
height: 2px;
background: var(--e-global-color-primary);
position: absolute;
top: 8px;
left: 0;
z-index: 1;
}
.pingbacklist > li .the-comment .comment-info a {
color: #999;
}
.pingbacklist > li .the-comment .comment-info a:hover {
color: var(--e-global-color-primary);
}
.pingbacklist > li .the-comment .comment-body {
position: relative;
margin-top: 10px;
}
@media (max-width: 500px) {
.pingbacklist > li .the-comment .comment-body {
display: block;
float: left;
width: 100%;
margin-bottom: 5px;
}
}
.pingbacklist > li .the-comment .comment-body img {
margin-bottom: 5px;
}
.pingbacklist > li .the-comment .awaiting_moderation {
display: block;
position: absolute;
bottom: 0;
right: 0;
color: #fff;
font-weight: bold;
text-transform: uppercase;
font-size: 8px;
padding: 2px 4px;
font-style: normal;
}
.pingbacklist > li .the-comment .comment-action-wrap {
position: absolute;
top: 2px;
right: 0;
}
@media (max-width: 560px) {
.pingbacklist > li .the-comment .comment-action-wrap {
position: relative;
top: 0;
margin-top: 10px;
}
}
.pingbacklist > li .the-comment .comment-action-wrap a {
color: var(--e-global-color-primary);
display: inline-block;
font-weight: 500;
font-size: 14px;
}
.pingbacklist > li .the-comment .comment-action-wrap a.comment-edit-link {
color: #16243D;
margin-right: 15px;
}
.comment-with-review #lt-comment-reviews {
float: left;
width: 100%;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content {
margin: 20px 0 20px;
position: relative;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner {
padding-right: 210px;
}
@media (max-width: 640px) {
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner {
padding-right: 0;
}
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item {
width: 50%;
float: left;
margin-bottom: 30px;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item:nth-of-type(2n+1) {
clear: both;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item label {
display: block;
font-weight: 500;
font-family: var(--travivu-heading-font-family);
font-weight: 600;
margin-bottom: 6px;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item .select-review {
float: left;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item .select-review .star {
float: right;
cursor: pointer;
color: #DEE2E8;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item .select-review .star:hover, .comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item .select-review .star.active {
color: #FFA60C;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item .select-review .star:hover ~ .star, .comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item .select-review .star.active ~ .star {
color: #FFA60C;
cursor: pointer;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .avg-total-tmp {
width: 200px;
padding: 45px 20px;
background: #F2F5F9;
border-radius: 4px;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 640px) {
.comment-with-review #lt-comment-reviews .comment-reviews-content .avg-total-tmp {
position: relative;
width: 100%;
margin-bottom: 30px;
}
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .avg-total-tmp span {
display: block;
text-align: center;
font-family: var(--travivu-heading-font-family);
font-weight: 600;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .avg-total-tmp span.value {
font-size: 30px;
font-weight: 600;
color: var(--e-global-color-primary);
margin-bottom: 6px;
}
.cld-like-dislike-wrap {
position: relative;
top: 5px;
margin: 0;
}
.cld-like-dislike-wrap .cld-count-wrap {
margin-left: 0;
}
.cld-like-dislike-wrap .cld-like-wrap {
color: var(--e-global-color-primary);
}
.cld-like-dislike-wrap .cld-like-wrap a {
color: var(--e-global-color-primary);
}
.cld-like-dislike-wrap .cld-dislike-wrap {
color: #a0a0a0;
}
.cld-like-dislike-wrap .cld-dislike-wrap a {
color: #a0a0a0;
}
.listing-comments .comment-list .the-comment .media-comment-body .comment-body {
padding-bottom: 30px;
}
.listing-comments .comment-list .the-comment .media-comment-body .comment-body .cld-like-dislike-wrap {
position: absolute;
bottom: -6px;
top: auto !important;
}
.listing-comments .comment-list .the-comment .media-comment-body .comment-action-wrap {
bottom: 20px;
top: auto !important;
}
/*------------------------------------------------------------------*\
12 - EFFECT STYLE
\*------------------------------------------------------------------*/
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes beat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.82);
transform: scale(0.82);
}
}
@keyframes beat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.82);
transform: scale(0.82);
}
}
@-webkit-keyframes rotate-circle {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes rotate-circle {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-webkit-keyframes scaleOut {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scaleOut {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes scaleOut2 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
}
@keyframes scaleOut2 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
}
@-webkit-keyframes scaleOut3 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes scaleOut3 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@-webkit-keyframes rotation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes placeHolderShimmer {
0% {
background-position: -468px 0;
}
100% {
background-position: 468px 0;
}
}
@keyframes placeHolderShimmer {
0% {
background-position: -468px 0;
}
100% {
background-position: 468px 0;
}
}
@keyframes animation_top_bottom {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes animation_top_bottom {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.animated-background {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: placeHolderShimmer;
animation-name: placeHolderShimmer;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
background: #f6f7f8;
background: #eeeeee;
background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
background-size: 800px 104px;
height: 96px;
position: relative;
}
.background-masker {
background: #fff;
position: absolute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.blur {
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
-webkit-filter: url(#blur-filter);
filter: url(#blur-filter);
-webkit-filter: blur(3px);
filter: blur(3px);
}
.blur-svg {
display: none;
}
@-webkit-keyframes pulse-border {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(1.4);
transform: scale(1.4);
opacity: 0;
}
}
@keyframes pulse-border {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(1.4);
transform: scale(1.4);
opacity: 0;
}
}
@-webkit-keyframes pulse-border-2 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(1.8);
transform: scale(1.8);
opacity: 0;
}
}
@keyframes pulse-border-2 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(1.8);
transform: scale(1.8);
opacity: 0;
}
}
@-webkit-keyframes shapeMover {
0%, 100% {
-webkit-transform: perspective(200px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
transform: perspective(200px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
}
50% {
-webkit-transform: perspective(200px) rotate(0deg) translateZ(10px) translateY(10px) translateX(10px);
transform: perspective(200px) rotate(0deg) translateZ(10px) translateY(10px) translateX(10px);
}
}
@keyframes shapeMover {
0%, 100% {
-webkit-transform: perspective(200px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
transform: perspective(200px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
}
50% {
-webkit-transform: perspective(200px) rotate(0deg) translateZ(10px) translateY(10px) translateX(10px);
transform: perspective(200px) rotate(0deg) translateZ(10px) translateY(10px) translateX(10px);
}
}
@-webkit-keyframes animation1 {
0%,
100% {
-webkit-transform: rotate(0deg) translateX(0);
transform: rotate(0deg) translateX(0);
}
25%,
75% {
-webkit-transform: rotate(5deg) translateX(15px);
transform: rotate(5deg) translateX(15px);
}
50% {
-webkit-transform: rotate(10deg) translateX(30px);
transform: rotate(10deg) translateX(30px);
}
}
/*** Animation 1 ***/
@-webkit-keyframes animation1 {
0%,
100% {
-webkit-transform: rotate(0deg) translateX(0);
transform: rotate(0deg) translateX(0);
}
25%,
75% {
-webkit-transform: rotate(5deg) translateX(15px);
transform: rotate(5deg) translateX(15px);
}
50% {
-webkit-transform: rotate(10deg) translateX(30px);
transform: rotate(10deg) translateX(30px);
}
}
@keyframes animation1 {
0%,
100% {
-webkit-transform: rotate(0deg) translateX(0);
transform: rotate(0deg) translateX(0);
}
25%,
75% {
-webkit-transform: rotate(5deg) translateX(15px);
transform: rotate(5deg) translateX(15px);
}
50% {
-webkit-transform: rotate(10deg) translateX(30px);
transform: rotate(10deg) translateX(30px);
}
}
/*** Animation 2 ***/
@animation2 {
0% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
100% {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
}
@-webkit-keyframes animation2 {
0% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
100% {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
}
@keyframes animation2 {
0% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
100% {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
}
/*** squareMover 2 ***/
@-webkit-keyframes squareMover {
0%,
100% {
-webkit-transform: translate(0, 0) rotate(0);
transform: translate(0, 0) rotate(0);
}
20%,
60% {
-webkit-transform: translate(20px, 40px) rotate(180deg);
transform: translate(20px, 40px) rotate(180deg);
}
30%,
80% {
-webkit-transform: translate(40px, 60px) rotate(0deg);
transform: translate(40px, 60px) rotate(0deg);
}
}
@keyframes squareMover {
0%,
100% {
-webkit-transform: translate(0, 0) rotate(0);
transform: translate(0, 0) rotate(0);
}
20%,
60% {
-webkit-transform: translate(20px, 40px) rotate(180deg);
transform: translate(20px, 40px) rotate(180deg);
}
30%,
80% {
-webkit-transform: translate(40px, 60px) rotate(0deg);
transform: translate(40px, 60px) rotate(0deg);
}
}
.effect-shape-1 {
-webkit-animation-name: squareMover;
animation-name: squareMover;
-webkit-animation-duration: 10s;
animation-duration: 10s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-perspective: 100px;
perspective: 100px;
-webkit-transform-origin: center center;
transform-origin: center center;
}
.effect-shape-2 {
-webkit-animation: animation1 5s ease-in infinite;
animation: animation1 5s ease-in infinite;
}
/*------------------------------------------------------------------*\
13 - CUSTOMIZE STYLE
\*------------------------------------------------------------------*/
.custom-breadcrumb {
position: relative;
background: #16243D;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 35px;
position: relative;
z-index: 1;
text-align: center;
}
.custom-breadcrumb .breadcrumb-main {
position: relative;
z-index: 11;
}
.custom-breadcrumb .breadcrumb-container-inner {
position: relative;
padding: 100px 0 100px;
}
@media (max-width: 991.98px) {
.custom-breadcrumb .breadcrumb-container-inner {
padding-bottom: 80px;
padding-top: 80px;
}
}
@media (max-width: 767.98px) {
.custom-breadcrumb .breadcrumb-container-inner {
padding-bottom: 60px;
padding-top: 60px;
}
}
@media (max-width: 575.98px) {
.custom-breadcrumb .breadcrumb-container-inner {
padding-bottom: 50px;
padding-top: 50px;
}
}
.custom-breadcrumb .heading-title {
font-size: 36px;
color: #fff;
margin: 0 0 12px;
font-weight: 700;
}
@media (max-width: 991.98px) {
.custom-breadcrumb .heading-title {
font-size: 32px;
}
}
@media (max-width: 767.98px) {
.custom-breadcrumb .heading-title {
font-size: 30px;
}
}
@media (max-width: 575.98px) {
.custom-breadcrumb .heading-title {
font-size: 26px;
}
}
.custom-breadcrumb .breadcrumb {
margin-bottom: 0;
display: inline-block;
font-size: 16px;
font-weight: 500;
color: #fff;
position: relative;
padding-top: 18px;
}
.custom-breadcrumb .breadcrumb:after {
content: '';
width: 50px;
height: 2px;
background: var(--e-global-color-primary);
position: absolute;
left: 50%;
top: 0;
margin-left: -25px;
z-index: 11;
}
@media (max-width: 500px) {
.custom-breadcrumb .breadcrumb {
display: none;
}
}
.custom-breadcrumb .breadcrumb li {
float: left;
position: relative;
z-index: 11;
line-height: 1;
padding: 0 10px;
}
.custom-breadcrumb .breadcrumb li:after {
content: '/';
position: absolute;
bottom: 0;
left: -3px;
z-index: 1;
color: #ccc;
}
.custom-breadcrumb .breadcrumb li:first-child:after {
display: none;
}
.custom-breadcrumb .breadcrumb li a {
color: #fff;
}
.custom-breadcrumb .breadcrumb li a:hover {
text-decoration: underline;
}
.custom-breadcrumb .breadcrumb-overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
top: 0;
left: 0;
}
.custom-breadcrumb.text-light .heading-title {
color: #fff;
}
body.home.blog .title-layout-standard .custom-breadcrumb .heading-title {
display: inline-block !important;
float: left;
font-size: 18px;
margin: 5px 0 0;
}
/*------------------------------------------------------------------*\
14 - PLUGIN STYLE
\*------------------------------------------------------------------*/
@media (max-width: 767.98px) {
.tparrows {
display: none !important;
}
}
ul.nav-tabs {
overflow: hidden;
display: inline-block;
}
ul.nav-tabs > li {
white-space: nowrap;
display: inline-block;
}
ul.nav-tabs > li > a {
margin: 0 6px;
background: transparent;
padding: 8px 15px;
font-size: 13px;
font-weight: 500;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
ul.nav-tabs > li > a:hover, ul.nav-tabs > li > a:focus, ul.nav-tabs > li > a:active {
color: var(--e-global-color-primary);
}
ul.nav-tabs > li.active > a {
background: var(--e-global-color-primary);
}
#gva-filter-overlay, #gva-overlay {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
top: 0;
left: 0;
z-index: 99;
display: none;
}
#gva-filter-overlay.open, #gva-overlay.open {
display: block;
}
#gva-filter-overlay:hover, #gva-overlay:hover {
cursor: pointer;
}
.swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 25%;
}
@media (max-width: 768px) {
.swiper-slide {
width: 100%;
}
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.swiper-content-inner {
margin: 0 -15px;
overflow: hidden;
}
.swiper-content-inner .init-carousel-swiper, .swiper-content-inner .init-carousel-swiper-theme {
padding: 0 15px;
overflow: visible;
max-height: 320px;
}
.swiper-content-inner .init-carousel-swiper:after, .swiper-content-inner .init-carousel-swiper-theme:after {
content: "";
background: url("../images/preloader.gif") no-repeat center center #fff;
position: absolute;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100%;
}
.swiper-content-inner .init-carousel-swiper .swiper-wrapper, .swiper-content-inner .init-carousel-swiper-theme .swiper-wrapper {
opacity: 0;
}
.swiper-content-inner .init-carousel-swiper .swiper-wrapper > .swiper-slide:not(:first-child), .swiper-content-inner .init-carousel-swiper-theme .swiper-wrapper > .swiper-slide:not(:first-child) {
display: none;
}
.swiper-content-inner .init-carousel-swiper.swiper-initialized, .swiper-content-inner .init-carousel-swiper.swiper-container-initialized, .swiper-content-inner .init-carousel-swiper-theme.swiper-initialized, .swiper-content-inner .init-carousel-swiper-theme.swiper-container-initialized {
max-height: initial;
}
.swiper-content-inner .init-carousel-swiper.swiper-initialized:after, .swiper-content-inner .init-carousel-swiper.swiper-container-initialized:after, .swiper-content-inner .init-carousel-swiper-theme.swiper-initialized:after, .swiper-content-inner .init-carousel-swiper-theme.swiper-container-initialized:after {
display: none !important;
}
.swiper-content-inner .init-carousel-swiper.swiper-initialized .swiper-wrapper, .swiper-content-inner .init-carousel-swiper.swiper-container-initialized .swiper-wrapper, .swiper-content-inner .init-carousel-swiper-theme.swiper-initialized .swiper-wrapper, .swiper-content-inner .init-carousel-swiper-theme.swiper-container-initialized .swiper-wrapper {
opacity: 1;
}
.swiper-content-inner .init-carousel-swiper.swiper-initialized .swiper-wrapper > .swiper-slide, .swiper-content-inner .init-carousel-swiper.swiper-container-initialized .swiper-wrapper > .swiper-slide, .swiper-content-inner .init-carousel-swiper-theme.swiper-initialized .swiper-wrapper > .swiper-slide, .swiper-content-inner .init-carousel-swiper-theme.swiper-container-initialized .swiper-wrapper > .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.margin-disable .swiper-content-inner {
margin: 0;
}
.margin-disable .swiper-content-inner .init-carousel-swiper, .margin-disable .swiper-content-inner .init-carousel-swiper-theme {
padding: 0;
}
.swiper-slider-wrapper {
position: relative;
}
.swiper-slider-wrapper .swiper-nav-next, .swiper-slider-wrapper .swiper-nav-prev {
width: 56px;
height: 56px;
line-height: 1;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.1);
color: var(--e-global-color-primary);
-webkit-transition: all 0.35s;
transition: all 0.35s;
background-size: 10px;
opacity: 0;
z-index: 11;
font-size: 18px;
}
@media (max-width: 1280px) {
.swiper-slider-wrapper .swiper-nav-next, .swiper-slider-wrapper .swiper-nav-prev {
width: 40px;
height: 40px;
font-size: 16px;
}
}
.swiper-slider-wrapper .swiper-nav-next:after, .swiper-slider-wrapper .swiper-nav-prev:after {
font-family: 'ticomoon';
text-align: center;
display: inline-block;
width: 100%;
font-weight: 900;
}
.swiper-slider-wrapper .swiper-nav-next:hover, .swiper-slider-wrapper .swiper-nav-prev:hover {
background: var(--e-global-color-primary);
color: #fff;
}
.swiper-slider-wrapper .swiper-nav-next {
right: -30px !important;
}
@media (max-width: 1280px) {
.swiper-slider-wrapper .swiper-nav-next {
right: -10px !important;
}
}
.swiper-slider-wrapper .swiper-nav-next:after {
content: "\e936";
}
.swiper-slider-wrapper .swiper-nav-prev {
left: -30px !important;
}
@media (max-width: 1280px) {
.swiper-slider-wrapper .swiper-nav-prev {
left: -10px !important;
}
}
.swiper-slider-wrapper .swiper-nav-prev:after {
content: '\e937';
}
.swiper-slider-wrapper:hover .swiper-nav-next, .swiper-slider-wrapper:hover .swiper-nav-prev {
opacity: 1;
}
.swiper-slider-wrapper:hover .swiper-nav-next:hover, .swiper-slider-wrapper:hover .swiper-nav-next:focus, .swiper-slider-wrapper:hover .swiper-nav-prev:hover, .swiper-slider-wrapper:hover .swiper-nav-prev:focus {
opacity: 1;
}
.swiper-slider-wrapper .swiper-pagination {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px;
}
.swiper-slider-wrapper .swiper-pagination > span {
margin: 0 5px;
width: 35px;
height: 3px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
background: transparent;
border-radius: 0;
background: #DFDFDF;
position: relative;
opacity: 1;
border-radius: 5px;
position: relative;
}
.swiper-slider-wrapper .swiper-pagination > span:after {
content: '';
height: 20px;
width: 100%;
position: absolute;
top: -8px;
left: 0;
z-index: 11;
}
.swiper-slider-wrapper .swiper-pagination > span.swiper-pagination-bullet-active {
background: var(--e-global-color-primary);
}
.swiper-slide img {
max-width: 100%;
width: auto;
height: auto;
}
.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
white-space: nowrap;
}
.swiper-pagination-bullets-dynamic span {
-webkit-transition: .3s transform,.3s left;
transition: .3s transform,.3s left;
}
.select2-container {
width: 100% !important;
}
.select2-container .select2-dropdown {
border: 1px solid #DFDFDF;
-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.16);
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.16);
}
.select2-container .select2-dropdown .select2-selection__rendered {
outline: none !important;
}
.select2-container .select2-dropdown .select2-search--dropdown {
padding: 15px;
}
.select2-container .select2-dropdown .select2-search--dropdown .select2-search__field {
height: 32px;
}
.select2-container .select2-dropdown ul.select2-results__options li {
padding: 3px 15px;
font-size: 14px;
}
.select2-container .select2-dropdown ul.select2-results__options li.select2-results__option--highlighted {
background: #F6F6F6;
color: var(--e-global-color-primary);
}
.select2-container .select2-dropdown ul.select2-results__options li[aria-selected="true"] {
background: #F6F6F6;
color: var(--e-global-color-primary);
}
.select2-container.option-select2-filter .select2-dropdown--above {
margin-top: -6px;
}
.select2-container.option-select2-filter .select2-dropdown--below {
margin-top: 6px;
}
.select2-container .select2-selection {
outline: none;
height: 51px;
border: 1px solid #DFDFDF !important;
background: #fff;
padding: 0 10px;
line-height: 32px !important;
}
.select2-container .select2-selection.select2-selection--single {
height: 50px;
}
.select2-container .select2-selection .select2-selection__arrow {
background-image: url("../images/down-arrow.svg") !important;
background-repeat: no-repeat;
background-position: center center;
background-size: 12px;
border: none;
width: 12px !important;
height: 12px !important;
top: 50% !important;
right: 16px !important;
margin-top: -3px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.select2-container .select2-selection .select2-selection__arrow b {
display: none;
}
.select2-container .select2-selection .select2-selection__rendered {
outline: none !important;
line-height: 50px !important;
}
.select2-container .select2-selection .select2-selection__rendered .select2-selection__placeholder {
color: var(--travivu-body-color);
line-height: 50px;
}
.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear {
font-size: 18px;
background: var(--e-global-color-primary);
color: #fff;
width: 20px;
height: 20px;
border-radius: 4px;
line-height: 18px;
text-align: center;
position: absolute;
top: 50%;
margin-top: -8px;
right: 16px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
z-index: 11;
}
.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear:hover {
background: #16243D;
}
.select2-container.select2-container--open .select2-selection .select2-selection__arrow {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
body.logged-in.admin-bar .select2-container .select2-dropdown--below, body.logged-in.admin-bar .select2-container .select2-dropdown--above {
top: 32px;
}
.select2-selection.select2-selection--multiple .select2-selection__rendered {
padding: 0;
}
.select2-selection.select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
border: 1px solid #DFDFDF;
background: #DFDFDF;
color: #16243D;
margin: 5px;
line-height: 38px;
padding: 0 15px;
font-weight: 600;
}
.select2-selection.select2-selection--multiple .select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove {
color: #fff;
background: var(--e-global-color-primary);
width: 22px;
height: 22px;
line-height: 21px;
border-radius: 3px;
text-align: center;
margin-right: 6px;
}
.select2-selection.select2-selection--multiple .select2-selection__rendered li.select2-search--inline {
margin: 0 10px;
line-height: 50px;
}
#ui-datepicker-div {
font-size: 14px;
font-family: var(--travivu-heading-font-family);
font-weight: 500;
}
#ui-datepicker-div select {
height: 32px;
line-height: 32px;
background: #FAFBFC;
}
#ui-datepicker-div button {
text-transform: uppercase;
letter-spacing: 1px;
font-family: var(--travivu-heading-font-family);
background: var(--e-global-color-primary);
color: #fff;
font-size: 12px;
font-weight: 600;
border: none;
}
#ui-datepicker-div .ui-widget-header {
background: #16243D;
color: #fff;
border: none;
}
#ui-datepicker-div .ui-widget-header .ui-datepicker-prev, #ui-datepicker-div .ui-widget-header .ui-datepicker-next {
background: #fff;
top: 2px;
border: none !important;
}
#ui-datepicker-div .ui-widget-header .ui-datepicker-prev {
left: 2px;
top: 2px;
}
#ui-datepicker-div .ui-widget-header .ui-datepicker-next {
right: 2px;
}
#ui-datepicker-div table.ui-datepicker-calendar {
border: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
border: none;
background: #dfdfdf;
padding: 2px 5px;
line-height: 28px;
color: #16243D;
}
.ui-state-default.ui-state-highlight, .ui-widget-content .ui-state-default.ui-state-highlight, .ui-widget-header .ui-state-default.ui-state-highlight, .ui-button.ui-state-highlight, html .ui-button.ui-state-disabled:hover.ui-state-highlight, html .ui-button.ui-state-disabled:active.ui-state-highlight {
position: relative;
}
.ui-state-default.ui-state-highlight:after, .ui-widget-content .ui-state-default.ui-state-highlight:after, .ui-widget-header .ui-state-default.ui-state-highlight:after, .ui-button.ui-state-highlight:after, html .ui-button.ui-state-disabled:hover.ui-state-highlight:after, html .ui-button.ui-state-disabled:active.ui-state-highlight:after {
content: '';
width: 6px;
height: 6px;
background: var(--e-global-color-primary);
border-radius: 50%;
position: absolute;
top: 4px;
left: 4px;
}
.ui-state-default.ui-state-active, .ui-widget-content .ui-state-default.ui-state-active, .ui-widget-header .ui-state-default.ui-state-active, .ui-button.ui-state-active, html .ui-button.ui-state-disabled:hover.ui-state-active, html .ui-button.ui-state-disabled:active.ui-state-active {
background: var(--e-global-color-primary);
color: #fff;
}
.ui-state-default.ui-state-active.ui-state-highlight:after, .ui-widget-content .ui-state-default.ui-state-active.ui-state-highlight:after, .ui-widget-header .ui-state-default.ui-state-active.ui-state-highlight:after, .ui-button.ui-state-active.ui-state-highlight:after, html .ui-button.ui-state-disabled:hover.ui-state-active.ui-state-highlight:after, html .ui-button.ui-state-disabled:active.ui-state-active.ui-state-highlight:after {
background: #fff;
}
/* perfect-scrollbar v0.6.7 */
.ps-container {
-ms-touch-action: none;
overflow: hidden !important;
}
.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
display: block;
}
.ps-container.ps-in-scrolling {
pointer-events: none;
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: #eee;
opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: #999;
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: #eee;
opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: #999;
}
.ps-container > .ps-scrollbar-x-rail {
display: none;
position: absolute;
/* please don't change 'position' */
border-radius: 4px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
transition: background-color 0.2s linear, opacity 0.2s linear;
bottom: 3px;
/* there must be 'bottom' for ps-scrollbar-x-rail */
height: 8px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
position: absolute;
/* please don't change 'position' */
background-color: #aaa;
border-radius: 4px;
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
bottom: 0;
/* there must be 'bottom' for ps-scrollbar-x */
height: 8px;
}
.ps-container > .ps-scrollbar-y-rail {
display: none;
position: absolute;
/* please don't change 'position' */
border-radius: 4px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
transition: background-color 0.2s linear, opacity 0.2s linear;
right: 3px;
/* there must be 'right' for ps-scrollbar-y-rail */
width: 4px;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
position: absolute;
/* please don't change 'position' */
background-color: #aaa;
border-radius: 4px;
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
right: 0;
/* there must be 'right' for ps-scrollbar-y */
width: 5px;
}
.ps-container:hover.ps-in-scrolling {
pointer-events: none;
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: #eee;
opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: #999;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: #eee;
opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: #999;
}
.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
opacity: 0.6;
}
.ps-container:hover > .ps-scrollbar-x-rail:hover {
background-color: #eee;
opacity: 0.6;
}
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
background-color: #999;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover {
background-color: #eee;
opacity: 0.6;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
background-color: #999;
}