/**
* 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
\*------------------------------------------------------------------*/
@font-face {
font-family: 'reey';
font-style: normal;
font-weight: normal;
src: url("../fonts/reey/reey-regular.ttf") format("ttf"), url("../fonts/reey/reey-regular.woff") format("woff"), url("../fonts/reey/reey-regular.eot") format("eot"), url("../fonts/reey/reey-regular.otf") format("otf"), url("../fonts/reey/reey-regular.svg") format("svg");
}
/*------------------------------------------------------------------*\
2 - BASE STYLE
\*------------------------------------------------------------------*/
html {
font-size: 16px;
overflow-x: hidden;
}
body {
line-height: 1.8em;
overflow-x: hidden;
}
.zilom-site-loading {
background: #fff;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999;
}
a:hover, a:active, a:focus, button:hover, button:active, button:focus {
outline: none;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
text-decoration: none;
cursor: pointer;
}
a:hover {
color: var(--zilom-theme-color);
}
a.dropdown-toggle:after {
display: none;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 15px;
margin-bottom: 20px;
}
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;
}
iframe {
max-width: 100%;
}
.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: #1c1e27 !important;
}
.is-style-outline .wp-block-button__link:hover {
color: #1c1e27 !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;
}
.wp-block-group {
margin-bottom: 30px !important;
}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="number"],
textarea, select {
background-color: #FFF;
padding: 0 20px;
max-width: 100%;
line-height: 50px;
color: var(--zilom-body-color);
font-size: 16px;
border: 1px solid rgba(0, 0, 0, 0.09);
-webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.09);
box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.09);
border-radius: 4px;
}
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 {
outline: none;
}
input:-webkit-autofill {
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: var(--zilom-body-color) !important;
color: var(--zilom-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(--zilom-body-color);
}
input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="email"]::-moz-placeholder {
color: var(--zilom-body-color);
}
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(--zilom-body-color);
}
input[type="text"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="email"]:-moz-placeholder {
color: var(--zilom-body-color);
}
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: #1c1e27;
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%;
}
.link-pages > p {
margin-top: 10px;
}
.page-links .page-links-title, .link-pages .page-links-title {
font-weight: 700;
color: #1c1e27;
}
.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: 4px 12px 0;
line-height: 28px;
text-align: center;
border: 1px solid #dee2e6;
border-radius: 5px;
color: #1c1e27;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
display: inline-block;
}
.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 {
border-color: var(--zilom-theme-color);
}
.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(--zilom-theme-color);
color: #fff;
border: 1px solid var(--zilom-theme-color);
}
.page-links .post-page-numbers {
padding: 4px 12px 0;
line-height: 28px;
text-align: center;
border: 1px solid #dee2e6;
color: #1c1e27;
}
.page-links .post-page-numbers:hover {
border-color: var(--zilom-theme-color);
}
.page-links span.post-page-numbers {
border-color: var(--zilom-theme-color);
}
#wp-calendar {
width: 100%;
margin-bottom: 0;
}
#wp-calendar caption {
text-transform: uppercase;
font-family: var(--zilom-heading-font-family);
color: #1c1e27;
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 #dee2e6;
}
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: #dee2e6;
border-width: 1px 1px 1px 0;
border-style: solid;
padding: 10px;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th {
color: #1c1e27;
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: #1c1e27;
white-space: nowrap;
}
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 19.5px;
overflow-y: hidden;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
}
.table-responsive table {
border: 1px solid #dee2e6;
}
}
blockquote {
border-left: 2px solid var(--zilom-theme-color) !important;
color: #1c1e27;
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.1em !important;
line-height: 1.6em !important;
}
blockquote:before {
content: "\f10e";
color: #222;
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.is-style-solid-color {
background: #F1F2F6;
border-left: 2px solid var(--zilom-theme-color) !important;
}
dl {
color: #1c1e27;
font-family: var(--zilom-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;
}
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(--zilom-theme-color);
font-weight: 700;
}
ul.list-style-2 {
list-style-type: none;
padding: 0;
margin: 0;
}
ul.list-style-2 > li {
color: var(--zilom-theme-color);
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.page-numbers, .pager .paginations a {
font-size: 14px;
background: #fff;
color: #1c1e27;
padding: 3px 15px 0 15px;
line-height: 30px;
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 #dee2e6;
border-radius: 4px;
}
.pager .paginations span.page-numbers:hover, .pager .paginations a:hover {
color: var(--zilom-theme-color);
-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(--zilom-theme-color);
}
.pager .paginations span.page-numbers.active, .pager .paginations span.page-numbers.current, .pager .paginations a.active, .pager .paginations a.current {
background: var(--zilom-theme-color);
border-color: var(--zilom-theme-color);
color: #fff;
}
.pager .paginations span.page-item {
padding-right: 5px;
letter-spacing: 1px;
}
.tutor-pagination-wrap {
text-align: center;
margin-top: 15px;
}
.tutor-pagination-wrap a, .tutor-pagination-wrap span {
font-size: 14px;
background: #fff;
color: var(--zilom-body-color);
padding: 3px 15px 0 15px;
line-height: 32px;
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;
margin-right: 10px;
border: 2px solid #dee2e6;
border-radius: 4px;
}
.tutor-pagination-wrap a:hover, .tutor-pagination-wrap span:hover {
color: var(--zilom-theme-color);
-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(--zilom-theme-color);
}
.tutor-pagination-wrap a.current, .tutor-pagination-wrap span.current {
background: var(--zilom-theme-color);
border-color: var(--zilom-theme-color);
color: #fff;
}
.woocommerce .pager .pages > * {
border: 1px solid #dee2e6;
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;
}
}
.no-margin {
margin: 0 !important;
}
.margin-bottom-0 {
margin-bottom: 0 !important;
}
.margin-bottom-10 {
margin-bottom: 10px !important;
}
.margin-bottom-20 {
margin-bottom: 20px !important;
}
.margin-bottom-30 {
margin-bottom: 30px !important;
}
.margin-bottom-40 {
margin-bottom: 40px !important;
}
.margin-bottom-50 {
margin-bottom: 50px !important;
}
.margin-bottom-60 {
margin-bottom: 60px !important;
}
.margin-bottom-70 {
margin-bottom: 70px !important;
}
.margin-bottom-80 {
margin-bottom: 80px !important;
}
.margin-bottom-90 {
margin-bottom: 90px !important;
}
.margin-bottom-100 {
margin-bottom: 100px !important;
}
.margin-top-0 {
margin-top: 0 !important;
}
.margin-top-10 {
margin-top: 10px !important;
}
.margin-top-20 {
margin-top: 20px !important;
}
.margin-top-30 {
margin-top: 30px !important;
}
.margin-top-40 {
margin-top: 40px !important;
}
.margin-top-50 {
margin-top: 50px !important;
}
.margin-top-60 {
margin-top: 60px !important;
}
.margin-top-70 {
margin-top: 70px !important;
}
.margin-top-80 {
margin-top: 80px !important;
}
.margin-top-90 {
margin-top: 90px !important;
}
.margin-top-100 {
margin-top: 100px !important;
}
.margin-right-0 {
margin-right: 0 !important;
}
.margin-right-10 {
margin-right: 10px !important;
}
.margin-right-20 {
margin-right: 20px !important;
}
.margin-right-30 {
margin-right: 30px !important;
}
.margin-right-40 {
margin-right: 40px !important;
}
.margin-right-50 {
margin-right: 50px !important;
}
.margin-right-60 {
margin-right: 60px !important;
}
.margin-right-70 {
margin-right: 70px !important;
}
.margin-right-80 {
margin-right: 80px !important;
}
.margin-right-90 {
margin-right: 90px !important;
}
.margin-right-100 {
margin-right: 100px !important;
}
.margin-left-0 {
margin-left: 0 !important;
}
.margin-left-10 {
margin-left: 10px !important;
}
.margin-left-20 {
margin-left: 20px !important;
}
.margin-left-30 {
margin-left: 30px !important;
}
.margin-left-40 {
margin-left: 40px !important;
}
.margin-left-50 {
margin-left: 50px !important;
}
.margin-left-60 {
margin-left: 60px !important;
}
.margin-left-70 {
margin-left: 70px !important;
}
.margin-left-80 {
margin-left: 80px !important;
}
.margin-left-90 {
margin-left: 90px !important;
}
.margin-left-100 {
margin-left: 100px !important;
}
.padding-bottom-10 {
padding-bottom: 10px !important;
}
.padding-bottom-20 {
padding-bottom: 20px !important;
}
.padding-bottom-30 {
padding-bottom: 30px !important;
}
.padding-bottom-40 {
padding-bottom: 40px !important;
}
.padding-bottom-50 {
padding-bottom: 50px !important;
}
.padding-bottom-60 {
padding-bottom: 60px !important;
}
.padding-bottom-70 {
padding-bottom: 70px !important;
}
.padding-bottom-80 {
padding-bottom: 80px !important;
}
.padding-bottom-90 {
padding-bottom: 90px !important;
}
.padding-bottom-100 {
padding-bottom: 100px !important;
}
.padding-top-10 {
padding-top: 10px !important;
}
.padding-top-20 {
padding-top: 20px !important;
}
.padding-top-30 {
padding-top: 30px !important;
}
.padding-top-40 {
padding-top: 40px !important;
}
.padding-top-50 {
padding-top: 50px !important;
}
.padding-top-60 {
padding-top: 60px !important;
}
.padding-top-70 {
padding-top: 70px !important;
}
.padding-top-80 {
padding-top: 80px !important;
}
.padding-top-90 {
padding-top: 90px !important;
}
.padding-top-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;
}
.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-margin-top-2 {
margin-top: -120px;
}
@media (max-width: 767.98px) {
.special-margin-top-2 {
margin-top: 10px;
margin-bottom: 30px;
}
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.no-bg {
background: transparent !important;
}
.bg-theme {
background: var(--zilom-theme-color) !important;
}
.bg-theme-2 {
background: var(--zilom-theme-color) !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 #dee2e6 !important;
}
.border-2 {
border: 2px solid #dee2e6;
}
.border-3 {
border: 3px solid #dee2e6;
}
.border-4 {
border: 4px solid #dee2e6;
}
.border-5 {
border: 5px solid #dee2e6;
}
.hidden {
display: none !important;
}
.over-hidden {
overflow: hidden;
}
.pstatic {
position: static !important;
}
.prelative {
position: relative !important;
}
.text-white {
color: #fff !important;
}
.text-white * {
color: #fff !important;
}
.text-black {
color: #1c1e27;
}
.text-theme {
color: var(--zilom-theme-color) !important;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.hover-color-theme a:hover {
color: var(--zilom-theme-color) !important;
}
.hover-color-theme-2 a:hover {
color: var(--zilom-theme-color) !important;
}
.text-medium {
font-size: 18px;
font-weight: 600;
}
.font-second {
font-family: "reey";
}
.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-second, .btn, .btn-white, .btn-gray, .btn-black, .btn-black-2, input[type*="submit"]:not(.fa):not(.las):not(.btn-theme), #tribe-events .tribe-events-button, .tribe-events-button {
font-size: 14px;
background: var(--zilom-theme-color);
color: #fff;
font-weight: 700;
padding: 22px 30px 20px;
line-height: 15px;
position: relative;
z-index: 9;
display: inline-block;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
text-transform: uppercase;
border: none;
letter-spacing: 2px;
border-radius: 10px;
overflow: hidden;
}
@media (max-width: 991.98px) {
.btn, .btn-theme, .btn-theme-2, .btn-theme-second, .btn, .btn-white, .btn-gray, .btn-black, .btn-black-2, input[type*="submit"]:not(.fa):not(.las):not(.btn-theme), #tribe-events .tribe-events-button, .tribe-events-button {
padding: 20px 25px 18px;
font-size: 13px;
}
}
@media (max-width: 767.98px) {
.btn, .btn-theme, .btn-theme-2, .btn-theme-second, .btn, .btn-white, .btn-gray, .btn-black, .btn-black-2, input[type*="submit"]:not(.fa):not(.las):not(.btn-theme), #tribe-events .tribe-events-button, .tribe-events-button {
padding: 16px 22px 14px;
font-size: 12px;
}
}
.btn .btn-hover-effect, .btn-theme .btn-hover-effect, .btn-theme-2 .btn-hover-effect, .btn-theme-second .btn-hover-effect, .btn .btn-hover-effect, .btn-white .btn-hover-effect, .btn-gray .btn-hover-effect, .btn-black .btn-hover-effect, .btn-black-2 .btn-hover-effect, input[type*="submit"]:not(.fa):not(.las):not(.btn-theme) .btn-hover-effect, #tribe-events .tribe-events-button .btn-hover-effect, .tribe-events-button .btn-hover-effect {
z-index: -1;
content: "";
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: radial-gradient(circle closest-side, rgba(255, 255, 255, 0.32), transparent);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: width .2s ease, height .2s ease;
transition: width .2s ease, height .2s ease;
}
.btn:hover, .btn-theme:hover, .btn-theme-2:hover, .btn-theme-second:hover, .btn:hover, .btn-white:hover, .btn-gray:hover, .btn-black:hover, .btn-black-2:hover, input[type*="submit"]:not(.fa):not(.las):not(.btn-theme):hover, #tribe-events .tribe-events-button:hover, .tribe-events-button:hover {
color: #fff;
}
.btn:hover .btn-hover-effect, .btn-theme:hover .btn-hover-effect, .btn-theme-2:hover .btn-hover-effect, .btn-theme-second:hover .btn-hover-effect, .btn:hover .btn-hover-effect, .btn-white:hover .btn-hover-effect, .btn-gray:hover .btn-hover-effect, .btn-black:hover .btn-hover-effect, .btn-black-2:hover .btn-hover-effect, input[type*="submit"]:not(.fa):not(.las):not(.btn-theme):hover .btn-hover-effect, #tribe-events .tribe-events-button:hover .btn-hover-effect, .tribe-events-button:hover .btn-hover-effect {
width: 250px;
height: 250px;
}
.btn-theme-2, .btn-theme-second {
background: #FFD45F;
color: #1c1e27;
}
.btn-theme-2 .btn-hover-effect, .btn-theme-second .btn-hover-effect {
background: radial-gradient(circle closest-side, rgba(255, 255, 255, 0.32), transparent);
}
.btn-theme-2:hover, .btn-theme-second:hover {
color: #1c1e27;
}
.btn-black {
background: #1c1e27;
}
.btn-black .btn-hover-effect {
background: radial-gradient(circle closest-side, #656565, transparent);
}
.btn-black:hover {
color: #fff;
}
.btn-gray {
background: #F1F2F6;
color: #757783 !important;
}
.btn-gray .btn-hover-effect {
background: radial-gradient(circle closest-side, var(--zilom-theme-color), transparent);
opacity: 0.26;
}
.btn-gray-icon, .tutor-social-share > .tutor-btn-ghost {
background: #F1F2F6;
color: var(--zilom-body-color);
font-size: 12px !important;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: 1px;
padding: 10px 18px 6px;
line-height: 20px;
border-radius: 6px;
display: inline-block;
}
.btn-gray-icon i, .tutor-social-share > .tutor-btn-ghost i {
margin-right: 5px;
font-size: 14px !important;
}
.btn-gray-icon.has-wish-listed, .tutor-social-share > .tutor-btn-ghost.has-wish-listed {
background: var(--zilom-theme-color);
color: #fff;
}
.btn-gray-icon.has-wish-listed .icon:before, .tutor-social-share > .tutor-btn-ghost.has-wish-listed .icon:before {
color: #fff;
font-weight: 900;
}
.btn-gray-icon.has-wish-listed:hover, .tutor-social-share > .tutor-btn-ghost.has-wish-listed:hover {
opacity: 0.8;
}
.btn-gray-icon:hover:not(.tutor-course-wishlist-btn), .tutor-social-share > .tutor-btn-ghost:hover:not(.tutor-course-wishlist-btn) {
background: var(--zilom-theme-color);
color: #fff !important;
}
.btn-white {
background: #fff;
color: #1c1e27 !important;
}
.btn-white .btn-hover-effect {
background: radial-gradient(circle closest-side, var(--zilom-theme-color), transparent);
opacity: 0.26;
}
.btn-rev-slider {
position: relative;
overflow: hidden;
}
.btn-rev-slider .btn-hover-effect {
z-index: -1;
content: "";
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: radial-gradient(circle closest-side, rgba(255, 255, 255, 0.32), transparent);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: width .2s ease, height .2s ease;
transition: width .2s ease, height .2s ease;
}
.btn-rev-slider:hover {
color: #fff;
}
.btn-rev-slider:hover .btn-hover-effect {
width: 250px;
height: 250px;
}
#tribe-events .tribe-events-button, .tribe-events-button {
padding: 18px 30px;
text-transform: none;
letter-spacing: 0;
border-radius: 0;
text-transform: uppercase;
letter-spacing: 2px;
}
#tribe-events .tribe-events-button:hover, .tribe-events-button:hover {
background: var(--zilom-theme-color);
}
.btn-medium {
padding: 25px 40px;
}
@media (max-width: 991.98px) {
.btn-medium {
padding: 20px 30px;
}
}
@media (max-width: 767.98px) {
.btn-medium {
padding: 18px 25px;
}
}
.btn-small, .btn-size-small {
font-size: 12px;
padding: 12px 30px 8px;
}
.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: 12px;
text-transform: uppercase;
color: var(--zilom-theme-color);
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
font-weight: 700;
padding-right: 24px;
z-index: 2;
letter-spacing: 2px;
}
.btn-inline:before {
content: "\f061";
font-family: 'Line Awesome Free';
position: absolute;
right: 0;
top: -4px;
color: var(--zilom-theme-color);
font-size: 17px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
line-height: 1;
}
.btn-inline:hover {
color: var(--zilom-theme-color);
}
.btn-inline:hover:before {
right: -6px;
}
.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: #dee2e6;
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(--zilom-theme-color);
-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: #818181;
display: inline-block;
text-align: center;
}
.socials-2 li a i:hover {
color: var(--zilom-theme-color);
}
.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(--zilom-theme-color);
}
.desc-slider a {
color: var(--zilom-theme-color);
}
.desc-slider a:hover {
text-decoration: underline;
}
.text-line-bottom {
position: relative;
}
.text-line-bottom:after {
content: '';
width: 100%;
height: 1px;
background: #fff;
position: absolute;
bottom: 10px;
left: 0;
z-index: 1;
}
@media (max-width: 767.98px) {
.text-line-bottom:after {
display: none;
}
}
.text-line-bottom:before {
content: '';
width: 100%;
height: 1px;
background: #fff;
position: absolute;
bottom: 6px;
left: 0;
z-index: 1;
}
@media (max-width: 767.98px) {
.text-line-bottom:before {
display: none;
}
}
form.post-password-form input[type*="submit"] {
line-height: 50px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
form.post-password-form input[type*="submit"]:hover {
cursor: pointer;
}
.fa, .far, .fas {
font-family: "Font Awesome 5 Free" !important;
}
/*------------------------------------------------------------------*\
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: 280px) {
.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: 580px) {
.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: 1px !important;
margin-right: 1px !important;
}
.small-gutter [class*="block-grid-"] > div {
padding-left: 1px !important;
padding-right: 1px !important;
margin-bottom: 2px;
}
/*------------------------------------------------------------------*\
4 - LAYOUT STYLE
\*------------------------------------------------------------------*/
body .wrapper-page {
width: 100%;
background: #fff;
position: relative;
}
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;
}
.base-layout.has-sidebar .container {
width: 100% !important;
padding: 0 !important;
}
.main-page-content {
position: relative;
}
body.page .main-page-content.has-one-sidebar {
margin-top: 110px;
}
#wp-content {
min-height: 150px;
background: #fff;
}
footer .footer-main {
background: var(--zilom-footer-bg-color);
color: var(--zilom-footer-color);
font-size: 16px;
position: relative;
z-index: 11;
}
footer .footer-main a {
color: var(--zilom-footer-color-link);
}
footer .footer-main a:hover {
color: var(--zilom-footer-color-link-hover);
}
footer .footer-main .footer-main > p {
display: none;
}
footer .footer-main .column > .widget:first-child {
padding-top: 45px;
}
.copyright {
color: var(--zilom-footer-color);
background: var(--zilom-footer-bg-color);
}
.copyright .copyright-content {
text-align: center;
padding: 35px 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.return-top {
background-color: #444444;
border: 2px solid #444444;
color: #fff;
font-weight: 700;
text-align: center;
position: fixed;
bottom: 30px;
right: 30px;
z-index: 999;
width: 45px;
height: 45px;
text-transform: uppercase;
line-height: 52px;
display: none;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.return-top i {
font-size: 24px;
}
.return-top:hover {
cursor: pointer;
background: #fff;
color: #444444;
}
@media (max-width: 1025px) {
.container {
max-width: 100%;
}
}
/*------------------------------------------------------------------*\
5 - HEADER STYLE
\*------------------------------------------------------------------*/
.header_mobile_screen {
display: none;
}
@media (max-width: 1024px) {
.header_mobile_screen {
display: block;
}
.header_default_screen {
display: none;
}
}
.gv-sticky-menu {
position: relative;
-webkit-transition: all 0.05s !important;
transition: all 0.05s !important;
}
.gv-sticky-wrapper {
position: relative;
z-index: 1;
width: 100%;
}
.gv-sticky-wrapper.is-fixed > .elementor-section {
position: fixed !important;
width: 100%;
z-index: 999;
left: 0;
top: 0;
-webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.1);
box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.1);
}
.gva-search {
position: relative;
}
.gva-search .control-search {
display: inline-block;
text-align: center;
line-height: 30px;
}
.gva-search .control-search .icon {
color: #1c1e27;
font-size: 22px;
}
.gva-search .control-search i {
font-size: 22px;
color: #1c1e27;
}
.gva-search .control-search:hover i, .gva-search .control-search:focus i, .gva-search .control-search.search-open i {
color: var(--zilom-theme-color);
}
.gva-search .gva-search-content {
position: absolute;
top: 100%;
right: -35px;
z-index: 1;
background: #fff;
z-index: 9;
-webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
min-width: 250px;
margin-top: 16px;
border: 1px solid rgba(0, 0, 0, 0.05);
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: #dee2e6;
position: absolute;
bottom: 100%;
right: 35px;
}
.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 .gva-user {
float: right;
}
.header-mobile .gva-user .profile .icon {
margin-top: 1px;
font-size: 30px;
}
.header-mobile .gva-user .login-account.open .icon {
color: var(--zilom-theme-color);
}
.header-mobile .gva-user .login-account .user-account {
right: -15px;
margin-top: 5px;
width: 250px;
padding: 20px;
}
.header-mobile .gva-user .login-account .user-account .gva-nav-menu > li > a {
padding: 4px 0;
}
.header-mobile .gva-user .login-account .user-account .gva-nav-menu > li > a.login-link:before {
content: '\e963';
}
.header-mobile .gva-user .login-account .user-account .gva-nav-menu > li > a.register-link:before {
content: '\e987';
position: relative;
top: -2px;
}
.header-mobile .gva-user .listing-account-nav .tutor-dashboard-menu-purchase_history,
.header-mobile .gva-user .listing-account-nav .tutor-dashboard-menu-my-quiz-attempts,
.header-mobile .gva-user .listing-account-nav .tutor-dashboard-menu-quiz-attempts,
.header-mobile .gva-user .listing-account-nav .tutor-dashboard-menu-announcements,
.header-mobile .gva-user .listing-account-nav .tutor-dashboard-menu-reviews,
.header-mobile .gva-user .listing-account-nav .tutor-dashboard-menu-question-answer {
display: none !important;
}
.header-mobile .header-mobile-content {
position: relative;
padding: 15px 30px;
}
@media (max-width: 800px) {
.header-mobile .header-mobile-content {
padding: 10px 20px;
}
}
.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: 130px;
padding-top: 10px;
}
.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;
padding-top: 10px;
}
.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: #1c1e27;
font-size: 20px;
font-weight: 700;
}
.header-mobile .header-mobile-content .header-content-inner .header-right .canvas-mobile {
margin-left: 20px;
}
.header-mobile .header-mobile-content .header-content-inner .header-right .canvas-mobile .canvas-menu .icon {
font-size: 30px;
color: #1c1e27;
}
.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: 99;
width: 100%;
}
.header-builder-frontend.header-position-relative .header-builder-inner {
position: relative;
width: 100%;
}
.header-builder-frontend.header-position-absolute .header-builder-inner {
position: absolute;
width: 100%;
}
.header-builder-frontend.header-position-absolute .header-builder-inner .gv-sticky-menu.stuck {
background: #1c1e27;
}
@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: 35px;
}
.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: 148px;
}
.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: -16px;
z-index: 1;
}
.header-default .header-bottom .header-bottom-inner .gsc-search-box .control-search svg {
width: 16px;
fill: #1c1e27;
}
.header-default .header-bottom .header-bottom-inner .gsc-search-box .control-search:hover svg {
fill: var(--zilom-theme-color);
}
.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;
}
/*------------------------------------------------------------------*\
5 - MENU STYLE
\*------------------------------------------------------------------*/
ul.gva-nav-menu {
margin-bottom: 0;
padding: 0;
}
ul.gva-nav-menu > li {
margin: 0;
position: relative;
list-style: none;
float: left;
display: inline-block;
padding: 0 18px;
}
ul.gva-nav-menu > li > a {
font-size: 16px;
height: auto;
position: relative;
display: inline-block;
padding: 32px 0;
color: var(--zilom-body-color);
}
ul.gva-nav-menu > li > a .menu-title {
position: relative;
}
ul.gva-nav-menu > li > a .caret {
margin-left: 3px;
top: 2px;
position: relative;
height: 8px;
width: 10px;
display: inline-block;
font-size: 14px;
}
ul.gva-nav-menu > li > a .caret:after {
content: '\f107';
position: absolute;
left: 0;
top: 50%;
margin-top: -7px;
z-index: 1;
font-family: 'Font Awesome 5 Free';
line-height: 1;
font-size: 11px;
font-weight: 700;
opacity: 0.8;
}
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(--zilom-theme-color);
}
ul.gva-nav-menu > li > .submenu-inner:after {
content: '';
position: absolute;
bottom: 100%;
left: 32px;
width: 16px;
height: 16px;
border-width: 8px;
border-style: solid;
border-color: transparent transparent #fff transparent;
display: block;
}
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;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
top: 100%;
z-index: 99;
margin-top: -1px;
-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.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
border-radius: 6px;
min-width: 250px;
padding: 20px 20px 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 li, ul.gva-nav-menu > li ul.submenu-inner li {
background: transparent;
position: relative;
text-align: left;
border-bottom: 1px solid #dee2e6;
padding: 3px 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.current-menu-item > a, ul.gva-nav-menu > li ul.submenu-inner li.current-menu-item > a {
color: var(--zilom-theme-color);
}
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: 16px;
text-transform: capitalize;
position: relative;
color: var(--zilom-body-color);
}
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(--zilom-theme-color);
}
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;
padding-top: 30px;
-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: 15px;
padding-right: 15px;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub > li > a {
border-bottom: 1px solid #dee2e6;
padding: 0 0 15px;
margin: 0 0 10px;
display: block;
color: #1c1e27 !important;
font-weight: 700;
}
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: #1c1e27 !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(--zilom-theme-color);
color: #fff;
line-height: 1.5;
margin-bottom: 10px;
}
.gavias-off-canvas-toggle:hover, .gavias-off-canvas-toggle:focus {
background: #1c1e27;
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(--zilom-theme-color);
color: #fff;
border-color: var(--zilom-theme-color);
}
#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: #1c1e27;
}
#gavias-off-canvas .off-canvas-top .gavias-off-canvas-close:hover {
cursor: pointer;
background: var(--zilom-theme-color);
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(--zilom-theme-color);
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(--zilom-theme-color);
background: transparent;
}
#gavias-off-canvas ul#menu-main-menu > li .submenu-inner.dropdown-menu li.active > a {
color: var(--zilom-theme-color);
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;
}
.gva-offcanvas-content {
position: fixed;
left: -350px;
width: 350px;
max-width: 100%;
top: 0;
bottom: 0;
z-index: 9999;
visibility: hidden;
background: #fff;
-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 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.gva-offcanvas-content a {
color: #1c1e27;
}
.gva-offcanvas-content a:hover {
color: var(--zilom-theme-color);
}
.gva-offcanvas-content .top-canvas {
background: #F1F2F6;
width: 100%;
z-index: 9;
font-size: 18px;
line-height: 45px;
}
.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;
padding: 10px 10px 0 25px;
display: inline-block;
line-height: 1;
}
.gva-offcanvas-content .top-canvas .logo-mm img {
max-height: 22px;
max-width: auto;
}
.gva-offcanvas-content .top-canvas .control-close-mm {
background: var(--zilom-theme-color);
display: inline-block;
width: 45px;
height: 45px;
text-align: center;
color: #fff;
float: right;
}
.gva-offcanvas-content .top-canvas .control-close-mm:hover {
cursor: pointer;
color: var(--zilom-theme-color);
}
.gva-offcanvas-content .wp-sidebar .widget {
padding-top: 20px;
margin-bottom: 10px;
}
.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: #1c1e27;
}
.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 {
overflow-x: hidden;
height: 100%;
padding: 10px 25px 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;
}
.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: 16px;
color: #1c1e27;
font-weight: 700;
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(--zilom-theme-color);
}
.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: #1c1e27;
background: url("../images/plus.png") no-repeat center right transparent;
}
.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(--zilom-theme-color);
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li.menu-item-has-children.menu-active .caret {
background: url("../images/minium.png") no-repeat center right transparent;
}
.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: 10px 0;
font-weight: 400;
text-transform: none;
font-size: 16px;
color: var(--zilom-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(--zilom-theme-color);
}
.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(--zilom-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(--zilom-theme-color);
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
\*------------------------------------------------------------------*/
.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(--zilom-theme-color);
position: absolute;
left: 0;
bottom: 5px;
z-index: 1;
}
.gva-element {
min-height: 20px;
}
.column-style-bg-overflow-right .elementor-widget-wrap, .column-style-bg-overflow-right .elementor-widget-wrap {
z-index: 9;
}
.column-style-bg-overflow-right .elementor-column-wrap .bg-overfolow, .column-style-bg-overflow-right .elementor-widget-wrap .bg-overfolow {
content: '';
width: 2000px;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
border-radius: 6px;
background: inherit;
}
.column-style-bg-overflow-left .elementor-widget-wrap, .column-style-bg-overflow-left .elementor-widget-wrap {
z-index: 9;
}
.column-style-bg-overflow-left .elementor-background-overlay {
z-index: 2;
}
.column-style-bg-overflow-left .elementor-column-wrap .bg-overfolow, .column-style-bg-overflow-left .elementor-widget-wrap .bg-overfolow {
content: '';
width: 2000px;
height: 100%;
position: absolute;
right: 0;
top: 0;
z-index: 1;
border-radius: 6px;
background: inherit;
}
.row-testimonial-full > .elementor-container {
left: calc((100% - 1200px) / 2);
}
@media (max-width: 1199.98px) {
.row-testimonial-full > .elementor-container {
left: 0;
}
}
.contain-left {
padding-left: calc((100% - 1200px) / 2);
}
.bg-row-theme, .bg-col-theme > .elementor-column-wrap, .bg-col-theme > .elementor-widget-wrap {
background-color: var(--zilom-theme-color);
}
.bg-row-theme-second, .bg-col-theme-second > .elementor-column-wrap, .bg-col-theme-second > .elementor-widget-wrap {
background-color: #1c1e27;
}
.column-style-1 > .elementor-column-wrap, .column-style-1 > .elementor-widget-wrap {
width: 120%;
position: absolute;
top: 0;
left: 0;
}
@media (max-width: 767.98px) {
.column-style-1 > .elementor-column-wrap, .column-style-1 > .elementor-widget-wrap {
width: 150%;
}
}
@media (max-width: 766px) {
.column-style-1 > .elementor-column-wrap, .column-style-1 > .elementor-widget-wrap {
position: relative;
width: 100%;
}
}
.elementor-background-slideshow__slide .elementor-background-slideshow__slide__image {
background-repeat: no-repeat !important;
}
.row-custom-1 {
position: relative;
margin-bottom: 90px;
}
.row-custom-1 > .elementor-container {
position: relative;
z-index: 11;
}
.row-custom-1:before {
content: '';
background: #F7F7F7;
height: 120px;
width: calc((100% - 1200px) / 2 + 175px);
position: absolute;
top: calc(100% - 30px);
left: 0;
z-index: 1;
}
.row-custom-1:after {
content: '';
background: #1c1e27;
height: 100px;
width: 10px;
left: calc((100% - 1200px) / 2 + 195px);
position: absolute;
top: calc(100% - 10px);
z-index: 1;
}
.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-column-wrap > .elementor-widget-wrap {
background: var(--zilom-theme-color);
}
.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: 10px;
}
.elementor-widget-wp-widget-nav_menu ul.menu > li a {
display: block;
background: #F7F7F7;
padding: 20px 30px 20px 45px;
color: #1c1e27;
font-weight: 700;
font-size: 16px;
position: relative;
line-height: 24px;
}
@media (max-width: 991.98px) {
.elementor-widget-wp-widget-nav_menu ul.menu > li a {
font-size: 14px;
padding-left: 15px;
padding-right: 35px;
}
}
.elementor-widget-wp-widget-nav_menu ul.menu > li a:after {
content: '';
font-family: 'Line Awesome Free';
content: "\f30b";
position: absolute;
right: 26px;
top: 50%;
margin-top: -14px;
z-index: 11;
color: #1c1e27;
font-size: 26px;
}
@media (max-width: 991.98px) {
.elementor-widget-wp-widget-nav_menu ul.menu > li a:after {
font-size: 20px;
right: 15px;
margin-top: -12px;
}
}
.elementor-widget-wp-widget-nav_menu ul.menu > li a:hover {
background: var(--zilom-theme-color);
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(--zilom-theme-color);
color: #fff;
}
.elementor-widget-wp-widget-nav_menu ul.menu > li.current-menu-item > a:after {
color: #fff;
}
.elementor-accordion {
background: #fff;
-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
}
.elementor-accordion .elementor-accordion-item {
border-left: 0 !important;
border-right: 0 !important;
border-top: 0 !important;
}
.elementor-accordion .elementor-accordion-item:last-child {
border-bottom: 0;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title {
background: #fff;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title a {
padding: 0;
color: var(--zilom-heading-color);
font-weight: 600;
font-size: 18px;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title .elementor-accordion-icon {
font-size: 12px;
text-align: center;
color: #1c1e27;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-content {
border: 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-widget-progress .elementor-title {
font-weight: 700;
color: #1c1e27;
font-size: 16px;
text-transform: uppercase;
}
.elementor-widget-progress .elementor-progress-wrapper {
margin-top: 5px;
position: relative;
overflow: visible !important;
}
.elementor-widget-progress .elementor-progress-wrapper .elementor-progress-bar {
border-radius: 30px;
background: var(--zilom-theme-color);
}
.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-bar .elementor-progress-text:after {
content: '';
width: 12px;
height: 12px;
background: var(--zilom-theme-color);
position: absolute;
left: 100%;
top: 50%;
margin-top: -6px;
z-index: 1;
border-radius: 50%;
}
.elementor-widget-progress .elementor-progress-wrapper .elementor-progress-percentage {
position: absolute;
right: 0;
color: #737373;
bottom: 18px;
padding-right: 0;
font-size: 16px;
font-weight: 400;
}
.elementor-widget-button a {
font-family: var(--zilom-heading-font-family);
font-size: 12px;
font-weight: 500;
letter-spacing: 2px;
}
.elementor-widget-icon-box .elementor-icon-box-icon .elementor-icon {
color: var(--zilom-theme-color);
fill: var(--zilom-theme-color);
}
.elementor-widget-icon-box .elementor-icon-box-title {
margin: 0;
font-size: 20px;
}
.elementor-widget-icon-box .elementor-icon-box-description {
min-height: 0 !important;
}
@media (max-width: 767px) {
.elementor-widget-icon-box.icon-box-left .elementor-icon-box-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.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 .elementor-icon-list-icon {
color: var(--zilom-theme-color);
position: relative;
top: 2px;
}
.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(--zilom-theme-color);
margin-right: 18px;
}
@media (max-width: 380px) {
.elementor-col-25 {
width: 100% !important;
}
}
.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%;
}
}
.gva-brand-carousel .brand-item-content {
text-align: center;
-webkit-transition: all 0.35s;
transition: all 0.35s;
padding: 10px 10px;
}
.gva-brand-carousel .brand-item-content img {
opacity: 0.5;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gva-brand-carousel .brand-item-content:hover img {
opacity: 1;
-webkit-animation: beat 1.5s ease 0s infinite;
animation: beat 1.5s ease 0s infinite;
}
.gva-brand-carousel .owl-item.center .brand-item-content img {
opacity: 1;
-webkit-animation: beat 1.5s ease 0s infinite;
animation: beat 1.5s ease 0s infinite;
}
.gsc-brand-hover .brand-item .brand-item-content {
background: #fff;
text-align: center;
margin-bottom: 30px;
padding: 30px 20px;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gsc-brand-hover .brand-item .brand-item-content:after {
content: '';
background: url("../images/brand-pattern.png") repeat-x bottom center transparent;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
height: 30px;
opacity: 0;
}
.gsc-brand-hover .brand-item .brand-item-content:before {
content: '';
width: 0;
height: 1px;
background: var(--zilom-theme-color);
position: absolute;
bottom: -5px;
left: 0;
z-index: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gsc-brand-hover .brand-item .brand-item-content .brand-image {
position: relative;
z-index: 10;
}
.gsc-brand-hover .brand-item .brand-item-content.brand-hover .brand-image-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
padding: 30px 20px;
}
.gsc-brand-hover .brand-item .brand-item-content.brand-hover:hover, .gsc-brand-hover .brand-item .brand-item-content.brand-hover.active {
background: var(--zilom-theme-color);
}
.gsc-brand-hover .brand-item .brand-item-content.brand-hover:hover:after, .gsc-brand-hover .brand-item .brand-item-content.brand-hover.active:after {
opacity: 1;
}
.gsc-brand-hover .brand-item .brand-item-content.brand-hover:hover:before, .gsc-brand-hover .brand-item .brand-item-content.brand-hover.active:before {
width: 100%;
}
.gsc-brand-hover .brand-item .brand-item-content.brand-hover:hover .brand-image, .gsc-brand-hover .brand-item .brand-item-content.brand-hover.active .brand-image {
z-index: 1;
opacity: 0;
}
.gsc-brand-hover .brand-item .brand-item-content.brand-hover:hover .brand-image-hover, .gsc-brand-hover .brand-item .brand-item-content.brand-hover.active .brand-image-hover {
z-index: 11;
opacity: 1;
}
.gsc-brand-hover .brand-item .brand-item-content .link-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 12;
}
.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(--zilom-theme-color);
}
.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.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;
}
.gsc-career {
border: 1px solid #dee2e6;
display: table;
width: 100%;
}
.gsc-career .image-box {
width: 180px;
text-align: center;
padding: 10px 20px;
display: table-cell;
vertical-align: middle;
}
@media (max-width: 767.98px) {
.gsc-career .image-box {
width: 100px;
padding: 30px 30px 0;
text-align: left;
}
}
@media (max-width: 575.98px) {
.gsc-career .image-box {
display: block;
width: 100%;
}
}
.gsc-career .box-content {
display: table-cell;
padding: 25px;
border-left: 1px solid #dee2e6;
}
@media (max-width: 575.98px) {
.gsc-career .box-content {
display: block;
width: 100%;
}
}
.gsc-career .box-content .title {
font-size: 20px;
}
.gsc-career .box-content .job-type {
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
color: #fff;
background: var(--zilom-theme-color);
margin-bottom: 10px;
display: inline-block;
letter-spacing: 1px;
}
.gsc-career .box-content .box-information {
font-size: 13px;
padding-top: 15px;
margin-top: 15px;
border-top: 1px solid #dee2e6;
}
.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;
}
.gsc-cart-box .mini-cart-header {
position: relative;
z-index: 1;
}
.gsc-cart-box .mini-cart-header .mini-cart {
text-align: center;
display: inline-block;
font-weight: 600;
position: relative;
padding-right: 5px;
line-height: 32px;
}
.gsc-cart-box .mini-cart-header .mini-cart .title-cart {
font-size: 24px;
color: #1c1e27;
position: relative;
top: 6px;
}
.gsc-cart-box .mini-cart-header .mini-cart .mini-cart-items {
position: absolute;
font-size: 12px;
background: var(--zilom-theme-color);
color: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
top: -2px;
right: -8px;
min-width: 18px;
line-height: 18px;
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 .total {
color: #1c1e27;
}
.gva-hover-box-carousel .hover-box-item {
position: relative;
width: 100%;
}
.gva-hover-box-carousel .hover-box-item .box-background {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background-size: cover;
background-position: center center;
}
.gva-hover-box-carousel .hover-box-item .box-background:after {
content: " ";
position: absolute;
display: block;
width: 100%;
height: 100%;
z-index: 1;
bottom: 0;
left: 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, 0.8)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.8) 80%);
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gva-hover-box-carousel .hover-box-item .box-background:before {
content: " ";
position: absolute;
display: block;
width: 100%;
height: 100%;
z-index: 1;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
-webkit-transition: all 0.35s;
transition: all 0.35s;
opacity: 0;
}
.gva-hover-box-carousel .hover-box-item .box-content {
position: absolute;
z-index: 11;
padding: 30px 20px 60px;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
}
.gva-hover-box-carousel .hover-box-item .box-content .content-inner {
max-width: 260px;
margin: 0 auto;
}
.gva-hover-box-carousel .hover-box-item .box-content .box-icon {
display: inline-block;
width: 80px;
height: 80px;
background: var(--zilom-theme-color);
line-height: 1;
margin: 0 auto 20px;
font-size: 30px;
color: #fff;
line-height: 80px;
padding-top: 10px;
text-align: center;
}
.gva-hover-box-carousel .hover-box-item .box-content .box-icon svg {
width: 52px;
height: auto;
fill: #fff;
}
.gva-hover-box-carousel .hover-box-item .box-content .box-title {
color: #fff;
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
}
.gva-hover-box-carousel .hover-box-item .box-content .box-desc {
color: #fff;
height: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
overflow: hidden;
}
.gva-hover-box-carousel .hover-box-item:hover .box-background:after {
opacity: 0;
}
.gva-hover-box-carousel .hover-box-item:hover .box-background:before {
opacity: 1;
}
.gva-hover-box-carousel .hover-box-item:hover .box-desc {
height: 200px;
opacity: 1;
}
.gsc-countdown {
background: var(--zilom-theme-color);
}
.gsc-countdown .content-inner {
display: table;
width: 100%;
}
@media (max-width: 767.98px) {
.gsc-countdown .content-inner {
display: block;
}
.gsc-countdown .content-inner:before, .gsc-countdown .content-inner:after {
content: " ";
display: table;
}
.gsc-countdown .content-inner:after {
clear: both;
}
}
.gsc-countdown .content-inner .title {
display: table-cell;
width: 50%;
vertical-align: middle;
color: #fff;
font-size: 30px;
}
@media (max-width: 767.98px) {
.gsc-countdown .content-inner .title {
display: block;
width: 100%;
}
}
.gsc-countdown .content-inner .gva-countdown-inner {
display: table-cell;
vertical-align: middle;
}
.gsc-countdown .content-inner .gva-countdown-inner:before, .gsc-countdown .content-inner .gva-countdown-inner:after {
content: " ";
display: table;
}
.gsc-countdown .content-inner .gva-countdown-inner:after {
clear: both;
}
@media (max-width: 767.98px) {
.gsc-countdown .content-inner .gva-countdown-inner {
display: block;
width: 100%;
margin-top: 20px;
}
}
.gsc-countdown .gva-countdown-inner {
display: inline-block;
float: right;
}
.gsc-countdown .gva-countdown-inner .countdown-times {
display: block;
}
.gsc-countdown .gva-countdown-inner .countdown-times > div {
display: inline-block;
float: left;
padding: 25px 10px;
line-height: 1;
text-align: center;
border: 1px solid rgba(255, 255, 255, 0.1);
margin-right: 10px;
margin-bottom: 15px;
min-width: 110px;
}
@media (max-width: 991.98px) {
.gsc-countdown .gva-countdown-inner .countdown-times > div {
min-width: 70px;
padding: 20px 10px;
}
}
@media (max-width: 767.98px) {
.gsc-countdown .gva-countdown-inner .countdown-times > div {
min-width: 90px;
padding: 20px 10px;
}
}
@media (max-width: 550px) {
.gsc-countdown .gva-countdown-inner .countdown-times > div {
width: 45%;
margin-right: 5%;
}
}
.gsc-countdown .gva-countdown-inner .countdown-times > div:last-child {
margin-right: 0;
}
.gsc-countdown .gva-countdown-inner .countdown-times > div b {
display: block;
font-size: 26px;
color: #fff;
font-weight: 400;
padding: 0;
display: inline-block;
}
@media (max-width: 991.98px) {
.gsc-countdown .gva-countdown-inner .countdown-times > div b {
font-size: 22px;
}
}
@media (max-width: 767.98px) {
.gsc-countdown .gva-countdown-inner .countdown-times > div b {
font-size: 20px;
}
}
.gsc-countdown .gva-countdown-inner .countdown-times > div .label {
font-size: 14px;
display: block;
color: #fff;
padding: 5px 0 0;
}
.gsc-countdown.align-left .gva-countdown-inner {
float: left;
}
.gsc-countdown.align-center .gva-countdown-inner {
float: none;
}
.gsc-countdown.align-right .gva-countdown-inner {
float: right;
}
.gsc-icon-box-group .icon-box-item.style-1 .item-box {
-webkit-box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.07);
box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.07);
border-radius: 10px;
margin: 20px 0 30px;
padding: 30px 30px 20px;
border: 1px solid transparent;
border-bottom: 9px solid transparent;
-webkit-transition: all 0.35s;
transition: all 0.35s;
position: relative;
}
@media (max-width: 991.98px) {
.gsc-icon-box-group .icon-box-item.style-1 .item-box {
padding: 30px 20px 20px;
}
}
.gsc-icon-box-group .icon-box-item.style-1 .item-box .link-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 11;
}
.gsc-icon-box-group .icon-box-item.style-1 .item-box .item-box-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.gsc-icon-box-group .icon-box-item.style-1 .item-box .item-box-content .box-icon i {
font-size: 62px;
color: #1c1e27;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gsc-icon-box-group .icon-box-item.style-1 .item-box .item-box-content .box-icon svg {
width: 62px;
fill: #1c1e27;
}
.gsc-icon-box-group .icon-box-item.style-1 .item-box .item-box-content .box-content {
padding-left: 20px;
padding-top: 5px;
}
.gsc-icon-box-group .icon-box-item.style-1 .item-box .item-box-content .box-content .title {
margin: 0 0 6px;
font-size: 20px;
}
.gsc-icon-box-group .icon-box-item.style-1 .item-box .item-box-content .box-content .desc {
line-height: 22px;
}
.gsc-icon-box-group .icon-box-item.style-1 .item-box:hover {
border-color: var(--zilom-theme-color);
}
.gsc-icon-box-group .icon-box-item.style-1 .item-box:hover .box-icon i {
color: var(--zilom-theme-color);
}
.gsc-icon-box-group .icon-box-item.style-1 .item-box:hover .box-icon svg {
fill: var(--zilom-theme-color);
}
.gsc-icon-box-group .icon-box-item.style-1.active .item-box {
border-color: var(--zilom-theme-color);
}
.gsc-icon-box-group .icon-box-item.style-1.active .item-box .box-icon i {
color: var(--zilom-theme-color);
}
.gsc-icon-box-group .icon-box-item.style-1.active .item-box .box-icon svg {
fill: var(--zilom-theme-color);
}
.gsc-icon-box-group .active.center .item-box {
border-color: var(--zilom-theme-color);
}
.gsc-icon-box-styles.style-1 {
position: relative;
}
.gsc-icon-box-styles.style-1 .icon-box-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.gsc-icon-box-styles.style-1 .icon-box-content .box-icon {
position: relative;
display: inline-block;
z-index: 11;
padding-right: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.gsc-icon-box-styles.style-1 .icon-box-content .box-icon .box-icon-inner i {
color: #1c1e27;
-webkit-transition: all 0.35s;
transition: all 0.35s;
font-size: 64px;
}
.gsc-icon-box-styles.style-1 .icon-box-content .box-icon .box-icon-inner svg {
fill: #1c1e27;
width: 64px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gsc-icon-box-styles.style-1 .icon-box-content .box-icon .number {
width: 32px;
height: 32px;
background: #1c1e27;
color: #fff;
border-radius: 50%;
font-size: 14px;
text-align: center;
line-height: 32px;
display: inline-block;
position: absolute;
top: 0;
right: 0;
z-index: 11;
-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
}
.gsc-icon-box-styles.style-1 .icon-box-content .box-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.gsc-icon-box-styles.style-1 .icon-box-content .box-content .title {
color: #1c1e27;
font-size: 20px;
line-height: 28px;
margin-top: 0;
display: block;
-webkit-transition: all 0.35s;
transition: all 0.35s;
margin-bottom: 0;
}
@media (max-width: 991.98px) {
.gsc-icon-box-styles.style-1 .icon-box-content .box-content .title {
font-size: 18px;
line-height: 22px;
}
}
@media (max-width: 767.98px) {
.gsc-icon-box-styles.style-1 .icon-box-content .box-content .desc {
font-size: 14px;
line-height: 26px;
font-weight: 500;
}
}
.gsc-icon-box-styles.style-1 .icon-box-content .link-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.gsc-icon-box-styles.style-1 .icon-box-content:hover .icon-box-content, .gsc-icon-box-styles.style-1 .icon-box-content.active .icon-box-content {
background: var(--zilom-theme-color);
}
.gsc-icon-box-styles.style-1 .icon-box-content:hover .icon-box-content .icon-inner .box-icon svg, .gsc-icon-box-styles.style-1 .icon-box-content:hover .icon-box-content .icon-inner .box-icon i, .gsc-icon-box-styles.style-1 .icon-box-content.active .icon-box-content .icon-inner .box-icon svg, .gsc-icon-box-styles.style-1 .icon-box-content.active .icon-box-content .icon-inner .box-icon i {
color: #fff;
fill: #fff;
-webkit-animation: beat 1.5s ease 0s infinite;
animation: beat 1.5s ease 0s infinite;
}
.gsc-icon-box-styles.style-1 .icon-box-content:hover .icon-box-content .box-content .title, .gsc-icon-box-styles.style-1 .icon-box-content.active .icon-box-content .box-content .title {
color: #fff;
}
.gsc-icon-box-styles.style-1 .icon-box-content:hover .icon-box-content .box-content .desc, .gsc-icon-box-styles.style-1 .icon-box-content.active .icon-box-content .box-content .desc {
color: #fff;
}
.gsc-icon-box-styles.style-2 {
position: relative;
text-align: center;
margin-bottom: 85px;
border-radius: 4px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gsc-icon-box-styles.style-2:before, .gsc-icon-box-styles.style-2:after {
content: " ";
display: table;
}
.gsc-icon-box-styles.style-2:after {
clear: both;
}
.gsc-icon-box-styles.style-2 .box-icon {
display: inline-block;
background: #fff;
text-align: center;
-webkit-transition: all 0.35s;
transition: all 0.35s;
width: 130px;
height: 130px;
border-radius: 50%;
position: relative;
z-index: 11;
margin-bottom: -65px;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.gsc-icon-box-styles.style-2 .box-icon:after {
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #1c1e27;
position: absolute;
z-index: 1;
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 0.5s;
transition: all 0.5s;
border-radius: 50%;
}
.gsc-icon-box-styles.style-2 .box-icon .box-icon-inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
z-index: 11;
}
.gsc-icon-box-styles.style-2 .box-icon .box-icon-inner i, .gsc-icon-box-styles.style-2 .box-icon .box-icon-inner svg {
color: var(--zilom-theme-color);
fill: var(--zilom-theme-color);
-webkit-transition: all 0.35s;
transition: all 0.35s;
z-index: 11;
height: auto;
}
.gsc-icon-box-styles.style-2 .content-inner {
position: relative;
padding: 55px 50px 50px;
text-align: center;
max-width: 400px;
margin: 0 auto;
}
@media (max-width: 991.98px) {
.gsc-icon-box-styles.style-2 .content-inner {
padding: 30px 15px 30px;
}
}
.gsc-icon-box-styles.style-2 .content-inner .title {
color: #fff;
font-size: 26px;
display: block;
line-height: 32px;
position: relative;
z-index: 11;
margin: 0 0 15px;
}
@media (max-width: 767.98px) {
.gsc-icon-box-styles.style-2 .content-inner .title {
font-size: 22px;
line-height: 30px;
}
}
.gsc-icon-box-styles.style-2 .content-inner .desc {
position: relative;
z-index: 11;
color: #fff;
}
.gsc-icon-box-styles.style-2 .bg-image {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
overflow: hidden;
background: #1c1e27;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gsc-icon-box-styles.style-2 .bg-image img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
mix-blend-mode: luminosity;
opacity: 0.2;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gsc-icon-box-styles.style-2:hover .box-icon:after, .gsc-icon-box-styles.style-2.active .box-icon:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.gsc-icon-box-styles.style-2:hover .box-icon i, .gsc-icon-box-styles.style-2:hover .box-icon svg, .gsc-icon-box-styles.style-2.active .box-icon i, .gsc-icon-box-styles.style-2.active .box-icon svg {
color: var(--zilom-theme-color) !important;
fill: var(--zilom-theme-color) !important;
}
.gsc-icon-box-styles.style-2:hover .bg-image, .gsc-icon-box-styles.style-2.active .bg-image {
background: var(--zilom-theme-color);
}
.gsc-icon-box-styles.style-2:hover .bg-image img, .gsc-icon-box-styles.style-2.active .bg-image img {
opacity: 0.1;
}
.gsc-icon-box-styles.style-3 {
position: relative;
text-align: center;
margin-bottom: 30px;
}
.gsc-icon-box-styles.style-3:before, .gsc-icon-box-styles.style-3:after {
content: " ";
display: table;
}
.gsc-icon-box-styles.style-3:after {
clear: both;
}
.gsc-icon-box-styles.style-3 .box-icon {
display: inline-block;
background: #F7F7F7;
text-align: center;
-webkit-transition: all 0.35s;
transition: all 0.35s;
width: 100%;
max-width: 100%;
width: 186px;
height: 186px;
position: relative;
border-radius: 50%;
margin-bottom: 25px;
}
.gsc-icon-box-styles.style-3 .box-icon:after {
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #1c1e27;
position: absolute;
z-index: 1;
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 0.5s;
transition: all 0.5s;
border-radius: 50%;
}
.gsc-icon-box-styles.style-3 .box-icon .box-icon-inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
z-index: 11;
}
.gsc-icon-box-styles.style-3 .box-icon .box-icon-inner i, .gsc-icon-box-styles.style-3 .box-icon .box-icon-inner svg {
color: #1c1e27;
fill: #1c1e27;
-webkit-transition: all 0.35s;
transition: all 0.35s;
z-index: 11;
height: auto;
}
.gsc-icon-box-styles.style-3 .box-icon .number {
width: 60px;
height: 60px;
background: #1c1e27;
color: #fff;
border-radius: 50%;
font-size: 20px;
font-weight: 700;
text-align: center;
line-height: 60px;
display: inline-block;
position: absolute;
top: 0;
right: -15px;
z-index: 11;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gsc-icon-box-styles.style-3 .content-inner {
position: relative;
padding: 0;
text-align: center;
}
.gsc-icon-box-styles.style-3 .content-inner .title {
color: #1c1e27;
font-size: 24px;
display: block;
line-height: 28px;
position: relative;
z-index: 11;
margin: 10px 0 0;
font-weight: 700;
}
@media (max-width: 767.98px) {
.gsc-icon-box-styles.style-3 .content-inner .title {
font-size: 20px;
}
}
.gsc-icon-box-styles.style-3 .content-inner .desc {
position: relative;
z-index: 11;
margin-top: 30px;
}
.gsc-icon-box-styles.style-3:hover .box-icon:after, .gsc-icon-box-styles.style-3.active .box-icon:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.gsc-icon-box-styles.style-3:hover .box-icon i, .gsc-icon-box-styles.style-3:hover .box-icon svg, .gsc-icon-box-styles.style-3.active .box-icon i, .gsc-icon-box-styles.style-3.active .box-icon svg {
color: #fff;
fill: #fff;
}
.gsc-icon-box-styles.style-3:hover .box-icon .number, .gsc-icon-box-styles.style-3.active .box-icon .number {
background: #F7F7F7;
color: #1c1e27;
}
.gsc-icon-box-styles.style-4 {
position: relative;
text-align: center;
border: 1px solid #dee2e6;
border-radius: 10px;
padding: 30px;
margin-bottom: 30px;
}
.gsc-icon-box-styles.style-4:before, .gsc-icon-box-styles.style-4:after {
content: " ";
display: table;
}
.gsc-icon-box-styles.style-4:after {
clear: both;
}
.gsc-icon-box-styles.style-4 .box-icon {
display: inline-block;
background: #F1F2F6;
text-align: center;
-webkit-transition: all 0.35s;
transition: all 0.35s;
width: 100%;
max-width: 100%;
width: 150px;
height: 150px;
position: relative;
border-radius: 50%;
margin-bottom: 10px;
}
.gsc-icon-box-styles.style-4 .box-icon:after {
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background: var(--zilom-theme-color);
position: absolute;
z-index: 1;
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 0.5s;
transition: all 0.5s;
border-radius: 50%;
}
.gsc-icon-box-styles.style-4 .box-icon .box-icon-inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
z-index: 11;
}
.gsc-icon-box-styles.style-4 .box-icon .box-icon-inner i, .gsc-icon-box-styles.style-4 .box-icon .box-icon-inner svg {
color: var(--zilom-theme-color);
fill: var(--zilom-theme-color);
-webkit-transition: all 0.35s;
transition: all 0.35s;
z-index: 11;
height: auto;
}
.gsc-icon-box-styles.style-4 .box-icon .number {
width: 60px;
height: 60px;
background: #1c1e27;
color: #fff;
border-radius: 50%;
font-size: 20px;
font-weight: 700;
text-align: center;
line-height: 60px;
display: inline-block;
position: absolute;
top: 0;
right: -15px;
z-index: 11;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gsc-icon-box-styles.style-4 .content-inner {
position: relative;
padding: 0;
text-align: center;
}
.gsc-icon-box-styles.style-4 .content-inner .title {
color: #1c1e27;
font-size: 20px;
display: block;
line-height: 28px;
position: relative;
z-index: 11;
margin: 10px 0 0;
font-weight: 700;
}
@media (max-width: 767.98px) {
.gsc-icon-box-styles.style-4 .content-inner .title {
font-size: 20px;
}
}
.gsc-icon-box-styles.style-4 .content-inner .desc {
position: relative;
z-index: 11;
margin-top: 30px;
}
.gsc-icon-box-styles.style-4:hover .box-icon:after, .gsc-icon-box-styles.style-4.active .box-icon:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.gsc-icon-box-styles.style-4:hover .box-icon i, .gsc-icon-box-styles.style-4:hover .box-icon svg, .gsc-icon-box-styles.style-4.active .box-icon i, .gsc-icon-box-styles.style-4.active .box-icon svg {
color: #fff;
fill: #fff;
}
.gsc-icon-box-styles.style-4:hover .box-icon .number, .gsc-icon-box-styles.style-4.active .box-icon .number {
background: #F7F7F7;
color: #1c1e27;
}
.gsc-icon-box-styles:hover .icon-inner .box-icon svg, .gsc-icon-box-styles:hover .icon-inner .box-icon i, .gsc-icon-box-styles.active .icon-inner .box-icon svg, .gsc-icon-box-styles.active .icon-inner .box-icon i {
color: #fff;
fill: #fff;
-webkit-animation: beat 1.5s ease 0s infinite;
animation: beat 1.5s ease 0s infinite;
}
.milestone-block {
position: relative;
}
.milestone-block .milestone-content .milestone-number-inner .symbol.after {
margin-left: -5px;
}
.milestone-block .milestone-content .milestone-number-inner .symbol.before {
margin-right: -5px;
}
.milestone-block .link-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
}
.milestone-block.style-1 {
text-align: center;
}
.milestone-block.style-1 .milestone-icon {
margin-bottom: 5px;
}
.milestone-block.style-1 .milestone-icon .icon i {
font-size: 64px;
color: #1c1e27;
}
.milestone-block.style-1 .milestone-icon .icon svg {
width: 64px;
fill: #1c1e27;
}
.milestone-block.style-1 .milestone-content .milestone-number-inner {
font-size: 24px;
color: #1c1e27;
font-weight: 700;
}
.milestone-block.style-1 .milestone-content .milestone-text {
font-size: 16px;
font-weight: 500;
margin-top: 10px;
}
.milestone-block.style-2 .box-content {
position: relative;
display: table;
}
.milestone-block.style-2 .box-content .milestone-icon {
display: block;
line-height: 1;
display: table-cell;
vertical-align: middle;
}
.milestone-block.style-2 .box-content .milestone-icon .icon {
color: var(--zilom-theme-color);
}
.milestone-block.style-2 .box-content .milestone-icon .icon svg {
fill: var(--zilom-theme-color);
}
.milestone-block.style-2 .box-content .milestone-content {
display: table-cell;
text-align: left;
}
.milestone-block.style-2 .box-content .milestone-content .milestone-number-inner {
font-size: 32px;
line-height: 1;
color: #1c1e27;
margin-bottom: 6px;
font-weight: 700;
}
@media (max-width: 767.98px) {
.milestone-block.style-2 .box-content .milestone-content .milestone-number-inner {
font-size: 30px;
}
}
.milestone-block.style-2 .box-content .milestone-content .milestone-text {
font-size: 18px;
color: var(--zilom-body-color);
}
.milestone-block.style-3 {
text-align: center;
background: #0D0F13;
padding: 38px 20px 30px;
border-radius: 10px;
overflow: hidden;
}
.milestone-block.style-3 .milestone-icon {
margin-bottom: 8px;
}
.milestone-block.style-3 .milestone-icon .icon {
display: inline-block;
}
.milestone-block.style-3 .milestone-icon .icon i {
font-size: 64px;
color: var(--zilom-theme-color);
}
.milestone-block.style-3 .milestone-icon .icon svg {
width: 64px;
fill: var(--zilom-theme-color);
}
.milestone-block.style-3 .milestone-content .milestone-number-inner {
font-size: 24px;
color: #1c1e27;
font-weight: 700;
line-height: 1;
}
.milestone-block.style-3 .milestone-content .milestone-text {
font-size: 16px;
padding-top: 5px;
}
.milestone-block.style-3:hover .milestone-icon .icon {
-webkit-animation: beat 1.5s ease 0s infinite;
animation: beat 1.5s ease 0s infinite;
}
.milestone-block:hover .milestone-icon .icon {
-webkit-animation: beat 1.5s ease 0s infinite;
animation: beat 1.5s ease 0s infinite;
}
.gva-element-gva-gallery .gallery-item {
position: relative;
margin-bottom: 30px;
border-radius: 10px;
overflow: hidden;
}
.gva-element-gva-gallery .gallery-item .photo-gallery {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 111;
cursor: crosshair;
}
.gva-element-gva-gallery .gallery-item .image-content {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gva-element-gva-gallery .gallery-item .image-content:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 11;
background: #1c1e27;
opacity: 0.8;
}
.gva-element-gva-gallery .gallery-item .image-content .content-inner {
position: relative;
z-index: 99;
text-align: center;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 15px;
}
.gva-element-gva-gallery .gallery-item .image-content .content-inner .title {
margin: 0 0 15px;
font-size: 24px;
color: #fff;
}
.gva-element-gva-gallery .gallery-item .image-content .content-inner .sub-title {
font-family: "reey";
font-size: 30px;
color: #fff;
font-weight: 400;
}
.gva-element-gva-gallery .gallery-item:hover .image-content {
opacity: 1;
}
.gva-element-gva-gallery .owl-item.center .gallery-item .image-content {
opacity: 1;
}
.gsc-heading {
display: block;
width: 100%;
}
.gsc-heading:before, .gsc-heading:after {
content: " ";
display: table;
}
.gsc-heading:after {
clear: both;
}
.gsc-heading .heading-icon {
line-height: 1;
margin-bottom: 6px;
}
.gsc-heading .heading-video {
margin-bottom: 50px;
}
.gsc-heading .heading-video .video-link {
display: inline-block;
font-size: 24px;
color: #fff;
background: var(--zilom-theme-color);
text-align: center;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.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;
}
.gsc-heading .title strong {
color: var(--zilom-theme-color);
}
.gsc-heading .title span span {
color: #FFD45F;
}
.gsc-heading .title .typed-effect {
color: var(--zilom-theme-color);
}
.gsc-heading .sub-title {
font-size: 18px;
position: relative;
display: inline-block;
color: var(--zilom-theme-color);
}
.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(--zilom-theme-color);
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: 42px;
}
@media (max-width: 991.98px) {
.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 .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-2 {
overflow: hidden;
}
.gsc-heading.style-2 .content-inner .title {
font-size: 14px;
position: relative;
margin: 0;
line-height: 1.2;
color: #1c1e27;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 2px;
}
.gsc-heading.style-2 .content-inner .title span {
display: inline-block;
padding: 0 20px;
position: relative;
}
.gsc-heading.style-2 .content-inner .title span:before, .gsc-heading.style-2 .content-inner .title span:after {
content: '';
width: 1000px;
height: 1px;
background: #dee2e6;
position: absolute;
top: 50%;
margin-top: -1px;
z-index: 1;
}
.gsc-heading.style-2 .content-inner .title span:before {
right: 100%;
}
.gsc-heading.style-2 .content-inner .title span:after {
left: 100%;
}
@media (max-width: 991.98px) {
.gsc-heading.auto-responsive.style-1 .title {
font-size: 42px;
}
}
@media (max-width: 767.98px) {
.gsc-heading.auto-responsive.style-1 .title {
font-size: 36px;
}
}
@media (max-width: 575.98px) {
.gsc-heading.auto-responsive.style-1 .title {
font-size: 30px;
}
}
.gsc-image-content.skin-v1 {
text-align: center;
position: relative;
margin: 0 auto 30px;
padding-right: 50px;
padding-left: 20px;
max-width: 700px;
}
@media (max-width: 1400px) {
.gsc-image-content.skin-v1 {
padding-right: 10px;
}
}
.gsc-image-content.skin-v1 .images > div {
position: relative;
overflow: hidden;
width: calc(50% - 5px);
float: left;
border-radius: 10px;
}
.gsc-image-content.skin-v1 .images > div img {
-webkit-transition: all 6s;
transition: all 6s;
}
.gsc-image-content.skin-v1 .images > div img:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.gsc-image-content.skin-v1 .images .image-first {
margin-right: 5px;
}
.gsc-image-content.skin-v1 .images .image-second {
margin-left: 5px;
}
.gsc-image-content.skin-v1 .box-content {
position: absolute;
right: 0;
bottom: 20px;
background: #fff;
padding: 28px 30px 16px;
max-width: 280px;
border-radius: 10px;
z-index: 11;
-webkit-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07);
box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07);
text-align: left;
}
@media (max-width: 991.98px) {
.gsc-image-content.skin-v1 .box-content {
padding: 20px;
}
}
@media (max-width: 767.98px) {
.gsc-image-content.skin-v1 .box-content {
padding: 10px 10px 5px;
}
}
@media (max-width: 410px) {
.gsc-image-content.skin-v1 .box-content {
display: none;
}
}
.gsc-image-content.skin-v1 .box-content .content-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.gsc-image-content.skin-v1 .box-content .content-inner .icon i {
font-size: 62px;
color: var(--zilom-theme-color);
}
.gsc-image-content.skin-v1 .box-content .content-inner .icon svg {
width: 62px;
fill: var(--zilom-theme-color);
}
.gsc-image-content.skin-v1 .box-content .content-inner .title {
font-size: 16px;
margin: 0;
padding-left: 18px;
}
.gsc-image-content.skin-v1 .line-color {
position: absolute;
top: 30px;
bottom: 30px;
left: 0;
width: 20px;
background: var(--zilom-theme-color);
border-radius: 10px 0 0 10px;
}
.gsc-image-content.skin-v1 .link-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
}
.gsc-image-content.skin-v1:hover .image img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.gsc-image-content.skin-v1:hover .box-content .title span {
background-size: 100% 2px;
}
.gsc-image-content.skin-v2 {
position: relative;
margin: 0 auto 30px;
border-radius: 10px;
overflow: hidden;
max-width: 780px;
}
.gsc-image-content.skin-v2 .box-content {
text-align: center;
position: absolute;
top: 60px;
bottom: 60px;
left: 0;
width: 60px;
background: var(--zilom-theme-color);
border-radius: 0 10px 10px 0;
}
@media (max-width: 991.98px) {
.gsc-image-content.skin-v2 .box-content {
top: 30px;
bottom: 30px;
}
}
@media (max-width: 767.98px) {
.gsc-image-content.skin-v2 .box-content {
top: 10px;
bottom: 10px;
}
}
.gsc-image-content.skin-v2 .box-content .title {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: mixed;
font-size: 14px;
color: #fff;
height: 100%;
padding: 10px 20px;
margin: 0;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.gsc-image-content.skin-v3 {
position: relative;
text-align: left;
max-width: 600px;
margin: 0 auto 20px;
}
.gsc-image-content.skin-v3 .image {
position: relative;
overflow: hidden;
text-align: center;
border-radius: 50%;
}
.gsc-image-content.skin-v3 .image img {
border-radius: 50%;
}
.gsc-image-content.skin-v3 .shape-1 {
position: absolute;
top: 120px;
left: -41px;
height: 95px;
width: 95px;
background-color: #FFD45F;
border-radius: 50%;
-webkit-animation-name: shapeMover;
animation-name: shapeMover;
-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;
}
.gsc-image-content.skin-v3 .shape-2 {
position: absolute;
bottom: -60px;
right: 57px;
height: 180px;
width: 180px;
background-color: var(--zilom-theme-color);
border-radius: 50%;
z-index: -1;
-webkit-animation-name: shapeMover;
animation-name: shapeMover;
-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;
}
.gsc-image-content.skin-v4 {
text-align: center;
position: relative;
max-width: 600px;
margin: 0 auto 30px;
padding-left: 100px;
overflow: hidden;
}
.gsc-image-content.skin-v4 img {
-webkit-transition: all 5s;
transition: all 5s;
}
.gsc-image-content.skin-v4 .image {
position: relative;
}
.gsc-image-content.skin-v4 .image .image-inner {
overflow: hidden;
border-radius: 10px;
}
.gsc-image-content.skin-v4 .image .line-color {
width: 20px;
position: absolute;
top: 30px;
bottom: 300px;
border-radius: 10px 0 0 10px;
right: 100%;
z-index: 9;
background: var(--zilom-theme-color);
}
.gsc-image-content.skin-v4 .image:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.gsc-image-content.skin-v4 .image-second {
position: absolute;
left: 0;
bottom: 0;
z-index: 11;
width: 260px;
max-width: 55%;
}
@media (max-width: 767.98px) {
.gsc-image-content.skin-v4 .image-second {
bottom: 0;
}
}
.gsc-image-content.skin-v4 .image-second .image-second-inner {
overflow: hidden;
border-radius: 10px;
}
.gsc-image-content.skin-v4 .image-second:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.gsc-image-content.skin-v5 {
position: relative;
max-width: 680px;
margin: 0 auto 30px;
padding-right: 70px;
padding-bottom: 30px;
}
@media (max-width: 1024.98px) {
.gsc-image-content.skin-v5 {
padding-right: 30px;
}
}
@media (max-width: 380px) {
.gsc-image-content.skin-v5 {
padding-bottom: 0;
padding-right: 0;
}
}
.gsc-image-content.skin-v5 .image {
position: relative;
border-radius: 10px;
overflow: hidden;
}
.gsc-image-content.skin-v5 .image img {
-webkit-transition: all 5s;
transition: all 5s;
}
.gsc-image-content.skin-v5 .box-content {
max-width: 80%;
width: 350px;
position: absolute;
right: 0;
bottom: 0;
z-index: 11;
border-radius: 10px;
background: var(--zilom-theme-color);
padding: 30px 30px;
}
@media (max-width: 1024.98px) {
.gsc-image-content.skin-v5 .box-content {
padding: 30px 20px;
}
}
@media (max-width: 380px) {
.gsc-image-content.skin-v5 .box-content {
max-width: 100%;
width: 100%;
position: relative;
margin-top: -15px;
}
}
.gsc-image-content.skin-v5 .box-content .title {
color: #fff;
font-size: 22px;
margin: 0;
}
@media (max-width: 1024.98px) {
.gsc-image-content.skin-v5 .box-content .title {
font-size: 20px;
}
}
.gsc-image-content.skin-v5 .box-content .desc {
margin-top: 15px;
font-size: 16px;
line-height: 28px;
color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 1024.98px) {
.gsc-image-content.skin-v5 .box-content .desc {
font-size: 14px;
line-height: 22px;
}
}
.gsc-image-content.skin-v5:hover .image img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.gsc-image-content.skin-v6 {
position: relative;
text-align: left;
max-width: 500px;
margin: 0 auto 30px;
}
.gsc-image-content.skin-v6 .box-content {
position: relative;
margin-bottom: 30px;
}
.gsc-image-content.skin-v6 .box-content:after {
content: '';
width: 100%;
height: 1px;
background: #1c1e27;
position: absolute;
bottom: -5px;
left: 0;
z-index: 1;
}
.gsc-image-content.skin-v6 .box-content .content-inner {
position: relative;
z-index: 11;
padding: 55px 60px 60px;
text-align: center;
}
@media (max-width: 991.98px) {
.gsc-image-content.skin-v6 .box-content .content-inner {
padding: 45px 20px 50px;
}
}
.gsc-image-content.skin-v6 .box-content .content-inner .title {
margin: 0 0 30px;
}
.gsc-image-content.skin-v6 .box-content .content-inner .title a {
color: #fff;
}
.gsc-image-content.skin-v6 .box-content .content-inner .desc {
color: #9d9d9d;
}
.gsc-image-content.skin-v6 .box-content .content-inner .desc .medium {
color: #fff;
display: block;
margin-top: 30px;
font-size: 22px;
font-weight: 700;
}
.gsc-image-content.skin-v6 .box-content .content-inner .read-more {
padding-top: 5px;
}
.gsc-image-content.skin-v6 .box-content .bg-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-size: cover;
background-position: center center;
}
.gsc-image-content.skin-v6 .box-content .bg-image:after {
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.gsc-image-content.skin-v7 {
position: relative;
margin-bottom: 30px;
text-align: left;
padding: 30px 45px;
border: 1px solid #dee2e6;
border-radius: 10px;
}
@media (max-width: 991.98px) {
.gsc-image-content.skin-v7 {
padding: 30px 20px;
}
}
.gsc-image-content.skin-v7 .image {
position: relative;
overflow: hidden;
text-align: center;
}
.gsc-image-content.skin-v7 .image img {
-webkit-transition: all 3s;
transition: all 3s;
-moz-transition: all 3s;
-ms-transition: all 3s;
}
.gsc-image-content.skin-v7 .box-content {
background: #fff;
z-index: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
text-align: center;
}
.gsc-image-content.skin-v7 .box-content .title {
margin: 20px 0 0;
font-size: 20px;
color: #1c1e27;
line-height: 32px;
}
.gsc-image-content.skin-v7 .box-content .desc {
margin-top: 25px;
color: var(--zilom-body-color);
}
.gsc-image-content.skin-v7 .box-content .read-more {
margin-top: 28px;
}
.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: #1c1e27;
-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(--zilom-theme-color);
}
.gva-posts-grid .posts-grid-filter .view-all {
float: right;
}
.gva-posts-grid .gva-content-items {
float: left;
width: 100%;
}
.gva-posts-grid .post {
margin-bottom: 30px;
}
.gva-posts-grid .post .read-more {
display: block !important;
visible: visibility !important;
}
.gva-posts-carousel .post {
background: #fff;
}
.gva-posts-sticky .gva-content-items {
position: relative;
float: left;
width: 100%;
}
.gva-posts-sticky .gva-content-items .first-post {
overflow: hidden;
}
@media (max-width: 767.98px) {
.gva-posts-sticky .gva-content-items .first-post {
width: 100%;
position: relative;
margin-bottom: 30px;
}
}
.gva-posts-sticky .gva-content-items .first-post .post {
margin-bottom: 0 !important;
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
}
.gva-posts-sticky .gva-content-items .first-post .post .entry-content {
bottom: 0;
padding: 30px 0 0;
z-index: 11;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.gva-posts-sticky .gva-content-items .first-post .post .entry-content .content-inner {
text-align: left;
padding: 0;
}
.gva-posts-sticky .gva-content-items .first-post .post .entry-content .content-inner .entry-meta {
padding: 0;
background: none;
top: 0;
}
.gva-posts-sticky .gva-content-items .first-post .post .entry-content .content-inner .entry-title {
font-size: 26px;
line-height: 40px;
padding: 0;
}
@media (max-width: 991.98px) {
.gva-posts-sticky .gva-content-items .first-post .post .entry-content .content-inner .entry-title {
font-size: 22px;
line-height: 36px;
}
}
.gva-posts-sticky .gva-content-items .list-post .post {
margin-bottom: 30px;
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.gva-posts-sticky .gva-content-items .list-post .post .post-thumbnail {
width: 280px;
z-index: 1;
float: left;
}
@media (max-width: 767.98px) {
.gva-posts-sticky .gva-content-items .list-post .post .post-thumbnail {
width: 150px;
}
}
.gva-posts-sticky .gva-content-items .list-post .post .entry-content {
width: 100%;
padding: 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.gva-posts-sticky .gva-content-items .list-post .post .entry-content .content-inner {
text-align: left;
max-width: unset;
padding-left: 30px;
width: 100%;
}
@media (max-width: 991.98px) {
.gva-posts-sticky .gva-content-items .list-post .post .entry-content .content-inner {
padding-left: 20px;
}
}
.gva-posts-sticky .gva-content-items .list-post .post .entry-content .content-inner .entry-meta {
-webkit-box-shadow: none;
box-shadow: none;
float: left;
width: 100%;
padding: 0;
text-align: left;
margin-top: 0;
}
@media (max-width: 860px) {
.gva-posts-sticky .gva-content-items .list-post .post .entry-content .content-inner .entry-meta .author-seperate, .gva-posts-sticky .gva-content-items .list-post .post .entry-content .content-inner .entry-meta .post-comment {
display: none;
}
}
.gva-posts-sticky .gva-content-items .list-post .post .entry-content .content-inner .entry-title {
float: left;
width: 100%;
font-size: 22px;
line-height: 32px;
padding: 0;
margin: 10px 0 0;
}
@media (max-width: 991.98px) {
.gva-posts-sticky .gva-content-items .list-post .post .entry-content .content-inner .entry-title {
font-size: 18px;
line-height: 26px;
margin-top: 5px;
}
}
.gva-posts-sticky .gva-content-items .list-post .post:last-child {
margin-bottom: 0;
}
.gva-testimonial-carousel.style-1 .testimonial-item {
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
padding-left: 65px;
max-width: 800px;
margin: 0 auto 45px;
}
@media (max-width: 575.98px) {
.gva-testimonial-carousel.style-1 .testimonial-item {
padding-top: 65px;
padding-left: 0;
}
}
.gva-testimonial-carousel.style-1 .testimonial-item .testimonial-content {
background: #fff;
-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.07);
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.07);
position: relative;
border-radius: 4px;
}
.gva-testimonial-carousel.style-1 .testimonial-item .testimonial-content:after {
content: '';
background: url("../images//bg-arrow.png") repeat bottom center transparent;
width: 166px;
height: 110px;
position: absolute;
top: 100%;
left: 30px;
z-index: 11;
}
.gva-testimonial-carousel.style-1 .testimonial-item .testimonial-image {
border: 10px solid #fff;
padding: 10px;
border-radius: 50%;
position: absolute;
top: 60px;
left: -65px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
@media (max-width: 991.98px) {
.gva-testimonial-carousel.style-1 .testimonial-item .testimonial-image {
left: -60px;
}
}
@media (max-width: 575.98px) {
.gva-testimonial-carousel.style-1 .testimonial-item .testimonial-image {
top: -60px;
left: 30px;
}
}
.gva-testimonial-carousel.style-1 .testimonial-item .testimonial-image img {
width: 90px;
height: 90px;
border-radius: 50%;
}
@media (max-width: 991.98px) {
.gva-testimonial-carousel.style-1 .testimonial-item .testimonial-image img {
width: 80px;
height: 80px;
}
}
.gva-testimonial-carousel.style-1 .testimonial-item .testimonial-content-inner {
padding: 50px 45px 55px 95px;
margin: 0 auto;
position: relative;
}
@media (max-width: 991.98px) {
.gva-testimonial-carousel.style-1 .testimonial-item .testimonial-content-inner {
padding: 50px 30px 55px 85px;
}
}
@media (max-width: 575.98px) {
.gva-testimonial-carousel.style-1 .testimonial-item .testimonial-content-inner {
padding: 85px 30px 30px;
}
}
.gva-testimonial-carousel.style-1 .testimonial-item .testimonial-content-inner .testimonial-meta {
position: relative;
z-index: 11;
}
.gva-testimonial-carousel.style-1 .testimonial-item .testimonial-content-inner .quote-icon {
font-size: 60px;
color: #F0F3F6;
position: absolute;
bottom: 50px;
right: 45px;
z-index: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
@media (max-width: 991.98px) {
.gva-testimonial-carousel.style-1 .testimonial-item .testimonial-content-inner .quote-icon {
font-size: 45px;
right: 30px;
color: #F0F3F6 !important;
}
}
.gva-testimonial-carousel.style-1 .testimonial-item .testimonial-content-inner .testimonial-quote {
font-size: 18px;
line-height: 34px;
font-weight: 500;
margin-bottom: 15px;
margin: 0 auto;
}
.gva-testimonial-carousel.style-1 .testimonial-item .testimonial-content-inner .testimonial-information {
margin: 30px 0 0;
}
.gva-testimonial-carousel.style-1 .testimonial-item .testimonial-content-inner .testimonial-information span.testimonial-name {
font-size: 20px;
font-weight: 600;
color: #1c1e27;
font-family: var(--zilom-heading-font-family);
}
.gva-testimonial-carousel.style-1 .testimonial-item .testimonial-content-inner .testimonial-information span.testimonial-job {
font-size: 14px;
line-height: 1.1;
font-weight: 600;
}
.gva-testimonial-carousel.style-1 .testimonial-item:hover .testimonial-image {
border-color: var(--zilom-theme-color);
}
.gva-testimonial-carousel.style-1 .testimonial-item:hover .testimonial-content-inner .quote-icon {
color: var(--zilom-theme-color);
}
.gva-testimonial-carousel.style-1 .owl-item.first .testimonial-image {
border-color: var(--zilom-theme-color);
}
.gva-testimonial-carousel.style-1 .owl-item.first .testimonial-content-inner .quote-icon {
color: var(--zilom-theme-color);
}
.gva-testimonial-carousel.style-2 .testimonial-item {
text-align: left;
position: relative;
max-width: 820px;
margin: 0 auto 30px;
background: #fff;
-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
border-radius: 10px;
}
.gva-testimonial-carousel.style-2 .testimonial-item .testimonial-item-content {
position: relative;
padding: 45px 50px 55px;
}
@media (max-width: 1199.98px) {
.gva-testimonial-carousel.style-2 .testimonial-item .testimonial-item-content {
padding: 35px 30px 45px;
}
}
.gva-testimonial-carousel.style-2 .testimonial-item .testimonial-item-content .testimonial-title {
font-size: 18px;
font-weight: 700;
color: var(--zilom-theme-color);
margin-bottom: 20px;
}
.gva-testimonial-carousel.style-2 .testimonial-item .testimonial-item-content .testimonial-content {
font-size: 18px;
line-height: 36px;
margin: 0 0 25px;
}
.gva-testimonial-carousel.style-2 .testimonial-item .testimonial-item-content .testimonial-meta .testimonial-image {
width: 58px;
float: left;
}
.gva-testimonial-carousel.style-2 .testimonial-item .testimonial-item-content .testimonial-meta .testimonial-image img {
border-radius: 50%;
width: 58px;
height: 58px;
}
.gva-testimonial-carousel.style-2 .testimonial-item .testimonial-item-content .testimonial-meta .testimonial-information {
padding-left: 75px;
padding-top: 5px;
line-height: 24px;
position: relative;
}
.gva-testimonial-carousel.style-2 .testimonial-item .testimonial-item-content .testimonial-meta .testimonial-information .testimonial-name {
font-size: 16px;
font-weight: 700;
color: #1c1e27;
display: block;
text-transform: capitalize;
}
.gva-testimonial-carousel.style-2 .testimonial-item .testimonial-item-content .testimonial-meta .testimonial-information .testimonial-job {
font-size: 14px;
display: block;
text-transform: capitalize;
}
.gva-testimonial-carousel.style-2 .active.center .testimonial-item .line-1:before, .gva-testimonial-carousel.style-2 .active.center .testimonial-item .line-2:before {
width: 1px;
height: 100%;
}
.gva-testimonial-carousel.style-2 .active.center .testimonial-item .line-1:after, .gva-testimonial-carousel.style-2 .active.center .testimonial-item .line-2:after {
width: 100%;
height: 1px;
}
.gva-testimonial-carousel.style-3 .testimonial-item {
text-align: left;
position: relative;
max-width: 820px;
margin: 0 auto 30px;
background: #fff;
padding: 60px;
-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
}
@media (max-width: 991.98px) {
.gva-testimonial-carousel.style-3 .testimonial-item {
padding: 50px 30px;
}
}
.gva-testimonial-carousel.style-3 .testimonial-item .testimonial-item-content {
position: relative;
}
.gva-testimonial-carousel.style-3 .testimonial-item .testimonial-item-content .testimonial-image {
position: relative;
width: 76px;
height: 76px;
float: left;
}
.gva-testimonial-carousel.style-3 .testimonial-item .testimonial-item-content .testimonial-image img {
border-radius: 50%;
width: 76px;
height: 76px;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.036);
}
.gva-testimonial-carousel.style-3 .testimonial-item .testimonial-item-content .testimonial-image .icon-quote {
position: absolute;
top: 50%;
right: -21px;
margin-top: -21px;
z-index: 11;
font-size: 50px;
color: #fff;
background: var(--zilom-theme-color);
line-height: 1.2;
width: 42px;
height: 42px;
border-radius: 50%;
text-align: center;
display: inline-block;
font-weight: 900;
}
.gva-testimonial-carousel.style-3 .testimonial-item .testimonial-item-content .testimonial-information {
margin: 22px 0 22px;
line-height: 26px;
position: relative;
padding-left: 115px;
padding-top: 10px;
}
.gva-testimonial-carousel.style-3 .testimonial-item .testimonial-item-content .testimonial-information .testimonial-name {
font-size: 18px;
font-weight: 800;
color: #1c1e27;
display: block;
}
.gva-testimonial-carousel.style-3 .testimonial-item .testimonial-item-content .testimonial-information .testimonial-job {
font-size: 15px;
display: block;
font-weight: 700;
}
.gva-testimonial-carousel.style-3 .testimonial-item .testimonial-item-content .testimonial-content {
font-size: 18px;
line-height: 36px;
font-weight: 400;
padding-top: 10px;
}
.gva-testimonial-carousel.style-3 .testimonial-item .testimonial-item-content:hover .icon-quote {
background: var(--zilom-theme-color);
color: #fff;
}
.gva-user .login-account {
position: relative;
font-size: 15px;
display: inline-block;
text-transform: capitalize;
}
.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(--zilom-theme-color);
}
.gva-user .login-account .profile .avata {
width: 28px;
height: 28px;
border-radius: 50%;
overflow: hidden;
float: left;
margin-top: 3px;
}
.gva-user .login-account .profile .name {
padding-left: 38px;
padding-top: 5px;
color: #1c1e27;
}
.gva-user .login-account .profile .name .icon {
margin-left: 3px;
position: relative;
top: 2px;
font-size: 14px;
color: var(--zilom-body-color);
}
.gva-user .login-account .user-account {
position: absolute;
top: 100%;
right: -20px;
width: 280px;
background: #fff;
z-index: 11;
padding: 20px 30px;
margin-top: 10px;
-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 #dee2e6;
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: 0.3rem;
}
.gva-user .login-account .user-account .gva-nav-menu > li {
display: block;
width: 100%;
text-align: left;
padding: 0;
}
.gva-user .login-account .user-account .gva-nav-menu > li:after {
display: none;
}
.gva-user .login-account .user-account .gva-nav-menu > li > a {
padding: 5px 0;
font-weight: 400;
font-size: 15px;
}
.gva-user .login-account .user-account .gva-nav-menu > li > a:before {
opacity: 1;
color: var(--zilom-body-color);
font-size: 22px;
margin-right: 5px;
}
.gva-user .login-account .user-account .gva-nav-menu > li > a:hover {
color: var(--zilom-theme-color);
}
.gva-user .login-account .user-account .gva-nav-menu > li > a:hover:before {
color: var(--zilom-theme-color);
}
.gva-user .login-account .user-account .gva-nav-menu > li.tutor-dashboard-menu-divider {
margin: 10px 0 15px;
}
.gva-user .login-account .user-account .gva-nav-menu > li.tutor-dashboard-menu-divider-header {
color: #1c1e27;
font-weight: 700;
text-transform: uppercase;
}
.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(--zilom-heading-font-family);
font-size: 16px;
color: var(--zilom-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(--zilom-theme-color);
}
.gva-user .login-account.open .user-account {
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity: 1;
}
.gva-user .login-account:hover .profile .name {
color: var(--zilom-theme-color);
}
.gva-user .login-account:hover .profile .name .icon {
color: var(--zilom-theme-color);
}
.gva-user .login-register {
font-size: 13px;
}
.gva-user .login-register .box-icon {
margin-right: 2px;
}
.gva-user .login-register a {
color: var(--zilom-body-color);
}
.gva-user .login-register a .icon {
color: var(--zilom-theme-color);
margin-right: 6px;
font-size: 18px;
position: relative;
top: 3px;
}
.gva-user .login-register a:hover {
color: var(--zilom-theme-color);
}
.modal-ajax-user-form .close {
width: 28px;
height: 28px;
background: var(--zilom-theme-color);
color: #fff;
position: absolute;
top: 0;
right: 0;
opacity: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
font-size: 24px;
line-height: 24px;
border: 0;
border-radius: 0 0 0 4px;
z-index: 99;
}
.modal-ajax-user-form .close:hover {
opacity: 0.8;
}
.modal-ajax-user-form .ajax-user-form {
padding: 15px 35px 5px;
}
.modal-ajax-user-form .ajax-user-form .form-status {
font-size: 14px;
line-height: 24px;
}
.modal-ajax-user-form .ajax-user-form .form-status a {
display: none !important;
}
.modal-ajax-user-form .ajax-user-form .title {
text-align: center;
font-size: 22px;
margin: 0 0 20px;
padding: 0 0 10px;
font-weight: 600;
position: relative;
}
.modal-ajax-user-form .ajax-user-form .title:after {
content: '';
width: 50px;
height: 2px;
background: var(--zilom-theme-color);
position: absolute;
bottom: 0;
left: 50%;
margin-left: -25px;
z-index: 1;
}
.modal-ajax-user-form .ajax-user-form form .form-group {
margin-bottom: 20px;
}
.modal-ajax-user-form .ajax-user-form form .form-group label {
color: #1c1e27;
font-weight: 600;
}
.modal-ajax-user-form .ajax-user-form form .form-action input {
padding: 16px;
}
.modal-ajax-user-form .ajax-user-form .lost-password, .modal-ajax-user-form .ajax-user-form .user-registration {
text-align: center;
}
.modal-ajax-user-form .ajax-user-form .lost-password a, .modal-ajax-user-form .ajax-user-form .user-registration a {
color: var(--zilom-theme-color);
}
.modal-ajax-user-form .ajax-user-form .lost-password a:hover, .modal-ajax-user-form .ajax-user-form .user-registration a:hover {
text-decoration: underline;
}
.modal-ajax-user-form .ajax-user-form .user-registration {
margin-top: 10px;
}
.modal-ajax-user-form .ajax-form-content.ajax-preload .form-action {
position: relative;
}
.modal-ajax-user-form .ajax-form-content.ajax-preload .form-action:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 11;
border: 1px solid var(--zilom-theme-color);
background: url("../images//preloader-2.gif") no-repeat center center rgba(255, 255, 255, 0.92);
}
.gsc-video-box {
position: relative;
}
.gsc-video-box.style-1 .video-inner {
min-height: 120px;
min-width: 120px;
text-align: center;
}
@media (max-width: 991.98px) {
.gsc-video-box.style-1 .video-inner {
min-height: 100px;
min-width: 100px;
}
}
@media (max-width: 767.98px) {
.gsc-video-box.style-1 .video-inner {
min-height: 90px;
min-width: 90px;
}
}
@media (max-width: 575.98px) {
.gsc-video-box.style-1 .video-inner {
min-height: 60px;
min-width: 60px;
}
}
.gsc-video-box.style-1 .video-inner .video-image {
overflow: hidden;
border-radius: 10px;
position: relative;
}
.gsc-video-box.style-1 .video-inner .video-image:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 11;
background: url("../images/bg-video-text.png") no-repeat center center transparent;
}
@media (max-width: 600px) {
.gsc-video-box.style-1 .video-inner .video-image:after {
background-size: 60%;
}
}
.gsc-video-box.style-1 .video-inner .video-content {
position: absolute;
top: 50%;
left: 0;
margin-top: -55px;
z-index: 11;
text-align: center;
width: 100%;
}
@media (max-width: 991.98px) {
.gsc-video-box.style-1 .video-inner .video-content {
margin-top: -50px;
}
}
@media (max-width: 767.98px) {
.gsc-video-box.style-1 .video-inner .video-content {
margin-top: -45px;
}
}
@media (max-width: 575.98px) {
.gsc-video-box.style-1 .video-inner .video-content {
margin-top: -30px;
}
}
.gsc-video-box.style-1 .video-inner .video-content > div {
display: inline-block;
}
.gsc-video-box.style-1 .video-inner .video-content .title {
font-size: 25px;
color: #fff;
font-weight: 500;
}
@media (max-width: 600px) {
.gsc-video-box.style-1 .video-inner .video-content .title {
display: none;
}
}
.gsc-video-box.style-1 .video-inner .video-content .video-action {
margin: 0 30px;
}
.gsc-video-box.style-1 .video-inner .video-content .video-action .popup-video {
display: inline-block;
font-size: 32px;
color: var(--zilom-theme-color);
background: #FFD45F;
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: 110px;
height: 110px;
line-height: 116px;
border-radius: 50%;
padding-left: 5px;
}
@media (max-width: 991.98px) {
.gsc-video-box.style-1 .video-inner .video-content .video-action .popup-video {
height: 100px;
width: 100px;
line-height: 106px;
}
}
@media (max-width: 767.98px) {
.gsc-video-box.style-1 .video-inner .video-content .video-action .popup-video {
height: 90px;
width: 90px;
line-height: 96px;
font-size: 28px;
}
}
@media (max-width: 575.98px) {
.gsc-video-box.style-1 .video-inner .video-content .video-action .popup-video {
height: 60px;
width: 60px;
line-height: 66px;
font-size: 24px;
}
}
.gsc-video-box.style-1 .video-inner .video-content .video-action .popup-video::before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
opacity: 0;
-webkit-animation: pulse-border-2 1.5s linear infinite;
animation: pulse-border-2 1.5s linear infinite;
border-radius: 50%;
}
.gsc-video-box.style-1 .video-inner .video-content .video-action .popup-video::after {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
opacity: 0;
-webkit-animation: pulse-border 1s linear infinite;
animation: pulse-border 1s linear infinite;
border-radius: 50%;
}
.gsc-video-box.style-1 .video-inner:hover .video-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(0.8);
transform: scale(0.8);
}
.gsc-video-box.style-2 .video-inner .video-content .video-action .popup-video {
display: inline-block;
font-size: 24px;
color: #fff;
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: 160px;
height: 140px;
line-height: 122px;
border: 20px solid #F7F7F7;
border-bottom: 0;
background: var(--zilom-theme-color);
}
.gsc-video-box.style-2 .video-inner .video-content .video-action .popup-video::before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid var(--zilom-theme-color);
opacity: 0;
border-radius: 4px;
-webkit-animation: pulse-border-2 1.5s linear infinite;
animation: pulse-border-2 1.5s linear infinite;
}
.gsc-video-box.style-2 .video-inner .video-content .video-action .popup-video::after {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid var(--zilom-theme-color);
opacity: 0;
border-radius: 4px;
-webkit-animation: pulse-border 1s linear infinite;
animation: pulse-border 1s linear infinite;
}
.gsc-video-box.style-2 .video-inner .video-content .title {
font-family: "reey";
color: var(--zilom-theme-color);
font-size: 30px;
padding-left: 55px;
margin-top: 10px;
}
.gva-video-carousel .video-item-inner {
position: relative;
}
.gva-video-carousel .video-item-inner .video-image {
text-align: center;
}
.gva-video-carousel .video-item-inner .video-link {
width: 115px;
height: 115px;
color: #fff;
font-size: 18px;
line-height: 115px;
text-align: center;
display: inline-block;
position: absolute;
right: 0;
bottom: 0;
background: var(--zilom-theme-color);
-webkit-transition: all 0.35s;
transition: all 0.35s;
border-left: 2px solid #fff;
}
@media (max-width: 991.98px) {
.gva-video-carousel .video-item-inner .video-link {
width: 100px;
height: 100px;
line-height: 100px;
}
}
@media (max-width: 767.98px) {
.gva-video-carousel .video-item-inner .video-link {
width: 90px;
height: 90px;
line-height: 90px;
}
}
@media (max-width: 575.98px) {
.gva-video-carousel .video-item-inner .video-link {
width: 60px;
height: 60px;
line-height: 60px;
}
}
.gva-video-carousel .video-item-inner .video-link:hover {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.gva-video-carousel .video-item-inner .video-title {
background: rgba(0, 0, 0, 0.6);
padding: 20px 30px;
font-size: 20px;
color: #fff;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 1;
}
.gsc-search-box.style-1 > .content-inner {
display: inline-block;
}
.gsc-search-box.style-1 > .content-inner .control-search {
position: relative;
top: 6px;
}
.gsc-pricing {
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gsc-pricing.style-1, .gsc-pricing.style-2 {
background: #fff;
padding: 55px 40px 60px;
position: relative;
background: #000000;
-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: 767.98px) {
.gsc-pricing.style-1, .gsc-pricing.style-2 {
padding: 60px 30px 40px;
max-width: 500px;
margin: 0 auto;
}
}
@media (max-width: 575.98px) {
.gsc-pricing.style-1, .gsc-pricing.style-2 {
padding-left: 15px;
padding-right: 15px;
}
}
.gsc-pricing.style-1 .content-inner, .gsc-pricing.style-2 .content-inner {
max-width: 260px;
margin: 0 auto;
}
.gsc-pricing.style-1 .content-inner .plan-price, .gsc-pricing.style-2 .content-inner .plan-price {
padding-bottom: 25px;
text-align: center;
color: #fff;
font-size: 1px;
border-bottom: 1px solid rgba(255, 255, 255, 0.26);
}
.gsc-pricing.style-1 .content-inner .plan-price .plan-price-inner .currency, .gsc-pricing.style-2 .content-inner .plan-price .plan-price-inner .currency {
font-size: 26px;
position: relative;
top: -12px;
}
.gsc-pricing.style-1 .content-inner .plan-price .plan-price-inner .price, .gsc-pricing.style-2 .content-inner .plan-price .plan-price-inner .price {
line-height: 1;
margin-bottom: 10px;
font-weight: 400;
font-size: 46px;
}
@media (max-width: 767.98px) {
.gsc-pricing.style-1 .content-inner .plan-price .plan-price-inner .price, .gsc-pricing.style-2 .content-inner .plan-price .plan-price-inner .price {
font-size: 42px;
}
}
.gsc-pricing.style-1 .content-inner .plan-price .plan-price-inner .interval, .gsc-pricing.style-2 .content-inner .plan-price .plan-price-inner .interval {
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1px;
}
.gsc-pricing.style-1 .content-inner .title, .gsc-pricing.style-2 .content-inner .title {
color: #fff;
font-size: 20px;
text-align: center;
font-weight: 500;
margin: 35px 0 6px;
}
.gsc-pricing.style-1 .content-inner .plan-list, .gsc-pricing.style-2 .content-inner .plan-list {
list-style-type: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.26);
padding: 20px 0 30px;
text-align: center;
font-size: 16px;
}
.gsc-pricing.style-1 .content-inner .plan-list li, .gsc-pricing.style-2 .content-inner .plan-list li {
position: relative;
padding: 5px 20px 5px 0;
color: #9d9d9d;
line-height: 24px;
}
.gsc-pricing.style-1 .content-inner .pricing-action, .gsc-pricing.style-2 .content-inner .pricing-action {
padding-top: 30px;
text-align: center;
}
.gsc-pricing.style-1:hover, .gsc-pricing.style-2: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-2 {
-webkit-transform: scale(0.92, 0.92);
transform: scale(0.92, 0.92);
background: #222222;
}
@media (max-width: 767px) {
.gsc-pricing.style-2 {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@media (max-width: 767px) {
.hover-z-index {
position: relative !important;
margin-top: 30px;
}
}
@media (min-width: 768px) {
.hover-z-index:hover {
z-index: 11 !important;
}
.hover-z-index:hover .gsc-pricing {
-webkit-transform: scale(0.96, 0.96) !important;
transform: scale(0.96, 0.96) !important;
}
}
.gsc-team .social-icons a {
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
margin-right: 10px;
display: inline-block;
color: #fff;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.gsc-team .social-icons a:hover {
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
}
.gsc-team .team-name {
font-size: 14px;
text-transform: uppercase;
padding: 0 0 15px;
position: relative;
font-weight: 600;
margin: 0;
letter-spacing: 1px;
}
.gsc-team .team-position {
text-transform: capitalize;
color: var(--zilom-theme-color);
font-weight: 400;
font-size: 13px;
}
.gsc-team .team-info {
margin: 15px 0;
}
.gsc-team.team-horizontal {
margin-top: 50px;
}
.gsc-team.team-horizontal .team-header {
position: relative;
overflow: hidden;
}
.gsc-team.team-horizontal .team-header img {
-webkit-transition: all 3s;
transition: all 3s;
-moz-transition: all 3s;
-ms-transition: all 3s;
display: inline-block;
}
.gsc-team.team-horizontal .team-header .box-hover {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0.8);
transform: scale(0.8);
position: absolute;
top: 0;
left: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
}
.gsc-team.team-horizontal .team-header .box-hover .content-inner {
position: absolute;
top: 50%;
margin-top: -15px;
left: 0;
width: 100%;
height: auto;
padding: 0 20px;
}
.gsc-team.team-horizontal .team-header .social-list a {
background: none;
color: #fff !important;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
margin-right: 20px;
display: inline-block;
font-size: 16px;
}
.gsc-team.team-horizontal .team-header .social-list a:last-child {
margin-right: 0;
}
.gsc-team.team-horizontal .team-header .social-list a:hover {
color: var(--zilom-theme-color) !important;
}
.gsc-team.team-horizontal .team-name {
font-size: 14px;
margin: 0 0 12px 0;
text-transform: uppercase;
padding: 0 0 12px;
position: relative;
font-weight: 800;
}
.gsc-team.team-horizontal .team-name:after {
bottom: 0;
left: 0;
content: "";
background: var(--zilom-theme-color);
width: 45px;
height: 1px;
position: absolute;
}
.gsc-team.team-horizontal:hover .box-hover {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
transform: scale(1);
}
.gsc-team.team-horizontal:hover .team-header img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.gsc-team.team-vertical-small {
background: #F6F6F6;
padding: 30px;
text-align: center;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.gsc-team.team-vertical-small .team-header {
width: 110px;
height: 110px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
display: inline-block;
}
.gsc-team.team-vertical-small:hover {
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.gsc-team.team-vertical {
margin-bottom: 30px;
position: relative;
background: none;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
}
.gsc-team.team-vertical .team-header {
overflow: hidden;
position: relative;
}
.gsc-team.team-vertical .team-header img {
-webkit-transition: all 3s;
transition: all 3s;
-moz-transition: all 3s;
-ms-transition: all 3s;
display: inline-block;
}
.gsc-team.team-vertical .social-list a {
background: none;
color: #fff !important;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
margin-right: 20px;
display: inline-block;
font-size: 16px;
}
.gsc-team.team-vertical .social-list a:last-child {
margin-right: 0;
}
.gsc-team.team-vertical .social-list a:hover {
color: #1c1e27 !important;
}
.gsc-team.team-vertical .team-name {
padding: 0;
color: #fff;
}
.gsc-team.team-vertical .team-position {
color: #fff;
}
.gsc-team.team-vertical .team-content {
color: #fff;
}
.gsc-team.team-vertical .box-hover {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0.8);
transform: scale(0.8);
position: absolute;
top: 0;
left: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
}
.gsc-team.team-vertical .box-hover .team-content {
position: absolute;
left: 0;
width: 100%;
height: auto;
padding: 0 20px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.gsc-team.team-vertical .team-body {
bottom: 0;
left: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.gsc-team.team-vertical .team-body .content-hover {
opacity: 0;
filter: alpha(opacity=0);
}
.gsc-team.team-vertical .team-body .info {
padding: 20px 15px;
position: relative;
margin-top: -35px;
margin-left: 15px;
margin-right: 15px;
z-index: 99;
background: var(--zilom-theme-color);
}
.gsc-team.team-vertical:hover .box-hover {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
transform: scale(1);
}
.gsc-team.team-circle .team-header, .gsc-team.team-circle .box-hover {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.gsc-work-process {
position: relative;
overflow: hidden;
padding: 0 15px;
margin-bottom: 30px;
}
.gsc-work-process .box-content {
position: relative;
margin: 0 auto 50px;
padding: 0 10px;
max-width: 100%;
}
.gsc-work-process .box-content .box-line {
background: #1c1e27;
height: 6px;
position: absolute;
top: 50%;
margin-top: -3px;
width: 300px;
}
@media (max-width: 768px) {
.gsc-work-process .box-content .box-line {
display: none;
}
}
.gsc-work-process .box-content .box-line.line-left {
right: 100%;
}
.gsc-work-process .box-content .box-line.line-right {
left: 100%;
}
.gsc-work-process .box-content .box-background {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background-size: cover;
}
.gsc-work-process .box-content .icon-inner {
position: relative;
left: 0;
z-index: 11;
width: 100%;
text-align: center;
}
.gsc-work-process .box-content .icon-inner .box-icon {
display: inline-block;
}
.gsc-work-process .box-content .icon-inner .box-icon i {
color: #fff;
font-size: 64px;
}
.gsc-work-process .box-content .icon-inner .box-icon svg {
fill: #fff;
width: 64px;
}
.gsc-work-process .box-content .number-text {
width: 60px;
height: 60px;
border-radius: 50%;
background: var(--zilom-theme-color);
color: #fff;
font-family: var(--zilom-heading-font-family);
font-size: 20px;
text-align: center;
line-height: 60px;
position: absolute;
bottom: -30px;
left: 50%;
margin-left: -30px;
z-index: 11;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gsc-work-process .box-content .number-text:after {
content: '';
width: 20px;
height: 20px;
background: #fff;
-webkit-transform: scale(0);
transform: scale(0);
position: absolute;
top: -3px;
right: -3px;
z-index: 11;
border-radius: 50%;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gsc-work-process .box-title {
text-align: center;
font-size: 24px;
margin-bottom: 0;
}
@media (max-width: 991.98px) {
.gsc-work-process .box-title {
font-size: 20px;
}
}
@media (max-width: 767.98px) {
.gsc-work-process .box-title {
font-size: 18px;
}
}
.gsc-work-process:hover .box-content .number-text, .gsc-work-process.active .box-content .number-text {
background: var(--zilom-theme-color);
color: #1c1e27;
}
.gsc-work-process:hover .box-content .number-text:after, .gsc-work-process.active .box-content .number-text:after {
-webkit-transform: scale(1);
transform: scale(1);
}
.gsc-listings-banner {
position: relative;
border-radius: 4px;
overflow: hidden;
margin-bottom: 30px;
}
.gsc-listings-banner .banner-image {
position: relative;
display: inline-block;
}
.gsc-listings-banner .banner-image:after {
content: '';
position: absolute;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, transparent), to(#062443));
background-image: linear-gradient(to bottom, transparent 30%, #062443 100%);
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
opacity: 0.6;
}
.gsc-listings-banner .banner-image img {
-webkit-transition: all 10s;
transition: all 10s;
}
.gsc-listings-banner .banner-content {
position: absolute;
bottom: 0;
left: 0;
z-index: 11;
width: 100%;
padding: 15px 30px 30px;
}
@media (max-width: 991.98px) {
.gsc-listings-banner .banner-content {
padding: 20px;
}
}
.gsc-listings-banner .banner-content .subtitle {
font-size: 16px;
color: #fff;
}
.gsc-listings-banner .banner-content .title {
font-size: 20px;
color: #fff;
margin: 0;
line-height: 1.2;
}
@media (max-width: 991.98px) {
.gsc-listings-banner .banner-content .title {
font-size: 18px;
}
}
.gsc-listings-banner .number-listings {
font-size: 14px;
font-weight: 600;
background: var(--zilom-theme-color);
color: #fff;
padding: 6px 30px;
text-align: center;
border-radius: 4px 4px 0 0;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 12;
white-space: nowrap;
}
@media (max-width: 991.98px) {
.gsc-listings-banner .number-listings {
padding: 6px 18px;
}
}
.gsc-listings-banner .link-term-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 15;
}
.gsc-listings-banner.text-left .number-listings {
left: auto;
right: 60px;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.gsc-listings-banner.text-right .number-listings {
left: 60px;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.gsc-listings-banner:hover .banner-image img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.service-item {
position: relative;
background: #fff;
overflow: hidden;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
margin-bottom: 30px;
}
.service-item.style-1 .service-item-content {
position: relative;
z-index: 2;
text-align: center;
}
.service-item.style-1 .service-item-content .service-content {
padding: 35px 30px 30px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.service-item.style-1 .service-item-content .service-content .title {
font-size: 18px;
margin: 0 0 10px;
}
.service-item.style-1 .service-item-content .service-content .desc {
padding-bottom: 10px;
}
.service-item.style-1 .service-item-content .service-content .read-more a {
font-size: 11px;
}
.service-item.style-1 .link-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
}
.service-item.style-1:hover .service-item-content .service-content {
background: var(--zilom-theme-color);
}
.service-item.style-1:hover .service-item-content .service-content .title {
color: #fff;
}
.service-item.style-1:hover .service-item-content .service-content .desc {
color: rgba(255, 255, 255, 0.8);
}
.service-item.style-1:hover .service-item-content .service-content .read-more a {
color: #fff;
}
.service-item.style-1:hover .service-item-content .service-content .read-more a:before {
color: #fff;
}
.active .service-item.style-1 {
-webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
}
.gsc-circle-progress {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.gsc-circle-progress .circle-progress {
position: relative;
display: inline-block;
width: 138px;
float: left;
}
.gsc-circle-progress .circle-progress strong {
position: absolute;
top: 50%;
left: 50%;
display: block;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
font-size: 26px;
font-weight: 300;
line-height: 1;
margin-top: -5px;
}
.gsc-circle-progress .title {
padding-left: 20px;
line-height: 30px;
position: relative;
font-size: 24px;
font-weight: 500;
color: #1c1e27;
}
.gva-locations-map {
position: relative;
}
.gva-locations-map .map_canvas {
z-index: 11 !important;
}
.gva-locations-map .gm-style div {
border: none !important;
}
.gva-locations-map .gm-style-iw {
max-width: 590px;
padding: 0;
}
.gva-locations-map .gm-style-iw > div {
max-width: 100% !important;
width: 100%;
}
.gva-locations-map .gm-style-iw div {
height: auto !important;
overflow: hidden;
}
.gva-locations-map .gm-style-iw div .marker {
width: 99%;
max-width: 590px;
background: #fff !important;
padding: 30px 10px 20px 30px;
margin-top: 1px;
margin-left: 1px;
}
.gva-locations-map .gm-style-iw div .marker .image {
width: 45%;
float: left;
}
@media (max-width: 640px) {
.gva-locations-map .gm-style-iw div .marker .image {
width: 100%;
}
}
.gva-locations-map .gm-style-iw div .marker .image img {
width: 100%;
height: auto;
}
.gva-locations-map .gm-style-iw div .marker .info {
float: left;
width: 55%;
padding-left: 20px;
}
@media (max-width: 640px) {
.gva-locations-map .gm-style-iw div .marker .info {
width: 100%;
padding-left: 0;
}
}
.gva-locations-map .gm-style-iw div .marker .info .title {
font-size: 18px;
text-transform: none;
margin: 0 0 10px;
}
@media (max-width: 640px) {
.gva-locations-map .gm-style-iw div .marker .info .title {
margin-top: 20px;
}
}
.gva-locations-map .gm-style-iw div .marker .info .desc {
line-height: 24px;
font-weight: 500;
font-size: 14px;
margin-bottom: 15px;
}
.gva-locations-map .gm-style-iw div .marker .info p {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
.gva-locations-map .makers {
padding: 50px 30px 20px;
background: #F7F7F9;
}
.gva-locations-map .makers .location-item {
margin-bottom: 35px;
}
.gva-locations-map .makers .location-item .maker-item-inner {
font-size: 14px;
margin-top: 0;
}
@media (max-width: 767.98px) {
.gva-locations-map .makers .location-item .maker-item-inner {
margin-bottom: 20px;
}
}
.gva-locations-map .makers .location-item .maker-item-inner .left {
width: 30px;
height: auto;
float: left;
}
.gva-locations-map .makers .location-item .maker-item-inner .left .icon {
font-size: 24px;
margin-top: 2px;
color: #1c1e27;
}
.gva-locations-map .makers .location-item .maker-item-inner .right {
padding-left: 35px;
line-height: 24px;
}
.gva-locations-map .makers .location-item .maker-item-inner .right .location-title {
font-size: 18px;
text-transform: none;
margin-top: 0;
margin-bottom: 5px;
}
.gva-locations-map .makers .location-item .maker-item-inner .right .location-title:hover {
cursor: pointer;
color: var(--zilom-theme-color);
}
.gva-locations-map .makers .location-item .maker-item-inner:hover, .gva-locations-map .makers .location-item .maker-item-inner.active {
cursor: pointer;
}
.gva-locations-map .makers .location-item .maker-item-inner:hover .location-title, .gva-locations-map .makers .location-item .maker-item-inner.active .location-title {
color: var(--zilom-theme-color);
}
.gva-locations-map .makers .location-item .maker-item-inner:hover .icon, .gva-locations-map .makers .location-item .maker-item-inner.active .icon {
color: var(--zilom-theme-color);
-webkit-animation: bounce 800ms ease-out;
animation: bounce 800ms ease-out;
}
.gva-course-carousel .course-block {
-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06) !important;
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06) !important;
}
.gsc-course-banner-group.style-1 .banner-item-content {
position: relative;
margin: 15px 0 30px;
overflow: hidden;
border-radius: 10px;
}
.gsc-course-banner-group.style-1 .banner-item-content .link-term-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
}
.gsc-course-banner-group.style-1 .banner-item-content .banner-image {
position: relative;
z-index: 1;
}
.gsc-course-banner-group.style-1 .banner-item-content .banner-image:after {
content: '';
position: absolute;
background: rgba(0, 0, 0, 0.2);
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
opacity: 0;
}
.gsc-course-banner-group.style-1 .banner-item-content .banner-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
z-index: 11;
padding: 20px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.gsc-course-banner-group.style-1 .banner-item-content .banner-content .number-course {
display: inline-block;
background: #1c1e27;
color: #aeb2c2;
font-size: 14px;
padding: 2px 20px;
border-radius: 10px 10px 0 0;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gsc-course-banner-group.style-1 .banner-item-content .banner-content .title {
background: var(--zilom-theme-color);
color: #fff;
font-size: 16px;
font-weight: 700;
margin: 0;
position: relative;
z-index: 11;
min-width: 190px;
max-width: 100%;
padding: 15px 20px;
display: inline-block;
border-radius: 0 10px 10px 10px;
}
@media (max-width: 767.98px) {
.gsc-course-banner-group.style-1 .banner-item-content .banner-content .title {
font-size: 14px;
}
}
.gsc-course-banner-group.style-1 .banner-item-content:hover {
-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);
}
.gsc-course-banner-group.style-1 .banner-item-content:hover .banner-image:after {
opacity: 1;
}
.gsc-course-banner-group.style-1 .owl-item.center .course-banner-item {
-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);
}
.gsc-course-banner-group.style-1 .owl-item.center .course-banner-item .banner-image:after {
opacity: 1;
}
.gsc-course-banner-group.style-2 .banner-item-content {
border-radius: 10px;
background: #fff;
border: 1px solid #dee2e6;
overflow: hidden;
position: relative;
text-align: center;
padding: 30px 20px;
margin-bottom: 30px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gsc-course-banner-group.style-2 .banner-item-content .banner-image {
width: 120px;
height: 120px;
position: relative;
display: inline-block;
}
.gsc-course-banner-group.style-2 .banner-item-content .banner-image .background {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background-size: 0;
border-radius: 50%;
overflow: hidden;
}
.gsc-course-banner-group.style-2 .banner-item-content .banner-image .background:after {
content: '';
background: #F1F2F6;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 11;
opacity: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gsc-course-banner-group.style-2 .banner-item-content .banner-image .box-icon {
position: relative;
top: 52%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 11;
line-height: 1;
display: inline-block;
}
.gsc-course-banner-group.style-2 .banner-item-content .banner-image .box-icon i {
font-size: 62px;
color: var(--zilom-theme-color);
}
.gsc-course-banner-group.style-2 .banner-item-content .banner-image .box-icon svg {
width: 62px;
fill: var(--zilom-theme-color);
}
.gsc-course-banner-group.style-2 .banner-item-content .banner-image .number-course {
display: inline-block;
height: 36px;
min-width: 36px;
border-radius: 50%;
background: #fff;
color: #1c1e27;
font-size: 14px;
line-height: 39px;
text-align: center;
padding: 0 5px;
position: absolute;
bottom: 0;
right: 0;
z-index: 11;
-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gsc-course-banner-group.style-2 .banner-item-content .banner-content {
text-align: center;
position: relative;
}
.gsc-course-banner-group.style-2 .banner-item-content .banner-content .title {
font-size: 16px;
margin: 30px 0 6px;
}
.gsc-course-banner-group.style-2 .banner-item-content .banner-content .sub-title {
font-size: 14px;
line-height: 24px;
}
.gsc-course-banner-group.style-2 .banner-item-content .link-term-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
}
.gsc-course-banner-group.style-2 .banner-item-content:hover {
-webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
}
.gsc-course-banner-group.style-2 .banner-item-content:hover .banner-image .background {
background-size: cover;
}
.gsc-course-banner-group.style-2 .banner-item-content:hover .banner-image .background:after {
background: var(--zilom-theme-color);
opacity: 0.8;
}
.gsc-course-banner-group.style-2 .banner-item-content:hover .banner-image .box-icon i {
color: #fff;
}
.gsc-course-banner-group.style-2 .banner-item-content:hover .banner-image .box-icon svg {
fill: var(--zilom-theme-color);
}
.gsc-course-banner-group.style-2 .banner-item-content:hover .banner-image .number-course {
background: #1c1e27;
color: #fff;
}
.gsc-course-banner-group.style-2 .owl-item.center .banner-item-content {
-webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
}
.gsc-course-banner-group.style-2 .owl-item.center .banner-item-content .banner-image .background {
background-size: cover;
}
.gsc-course-banner-group.style-2 .owl-item.center .banner-item-content .banner-image .background:after {
background: var(--zilom-theme-color);
opacity: 0.8;
}
.gsc-course-banner-group.style-2 .owl-item.center .banner-item-content .banner-image .box-icon i {
color: #fff;
}
.gsc-course-banner-group.style-2 .owl-item.center .banner-item-content .banner-image .box-icon svg {
fill: var(--zilom-theme-color);
}
.gsc-course-banner-group.style-2 .owl-item.center .banner-item-content .banner-image .number-course {
background: #1c1e27;
color: #fff;
}
.gsc-course-banner-group.style-3 .course-banner-item-content {
border-radius: 4px;
overflow: hidden;
position: relative;
}
.gsc-course-banner-group.style-3 .course-banner-item-content:after {
content: '';
background: #1c1e27;
opacity: 0.36;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.gsc-course-banner-group.style-3 .course-banner-item-content .banner-content {
padding: 30px;
text-align: center;
position: absolute;
left: 0;
width: 100%;
z-index: 11;
top: 50%;
-webkit-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
opacity: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gsc-course-banner-group.style-3 .course-banner-item-content .banner-content .title {
margin: 0;
font-size: 30px;
font-weight: 700;
color: #fff;
}
.gsc-course-banner-group.style-3 .course-banner-item-content .banner-hover {
position: absolute;
width: 100%;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
z-index: 11;
text-align: center;
opacity: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
padding: 15px 20px;
}
.gsc-course-banner-group.style-3 .course-banner-item-content .banner-hover .subtitle {
font-size: 18px;
color: #fff;
margin: 0 0 15px;
}
.gsc-course-banner-group.style-3 .course-banner-item-content .banner-hover .number-course {
font-size: 12px;
font-weight: 600;
color: #fff;
background: var(--zilom-theme-color);
padding: 2px 20px;
display: inline-block;
border-radius: 4px;
letter-spacing: 0.5px;
}
.gsc-course-banner-group.style-3 .course-banner-item-content .link-term-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
}
.gsc-course-banner-group.style-3 .course-banner-item-content:hover {
-webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}
.gsc-course-banner-group.style-3 .course-banner-item-content:hover:after {
opacity: 0.6;
}
.gsc-course-banner-group.style-3 .course-banner-item-content:hover .banner-content {
opacity: 0;
-webkit-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
}
.gsc-course-banner-group.style-3 .course-banner-item-content:hover .banner-hover {
opacity: 1;
-webkit-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
}
.gsc-course-filter-form {
max-width: 1030px;
margin: 0 auto;
}
.gsc-course-filter-form .search-form-content {
position: relative;
padding-right: 190px;
z-index: 11;
}
@media (max-width: 710px) {
.gsc-course-filter-form .search-form-content {
padding-right: 0;
}
}
.gsc-course-filter-form .search-form-content .search-form-fields {
background: #fff;
border-radius: 4px;
}
.gsc-course-filter-form .search-form-content .search-form-fields > div {
float: left;
border-left: 1px solid #dee2e6;
padding: 8px 5px 0;
height: 65px;
}
@media (max-width: 710px) {
.gsc-course-filter-form .search-form-content .search-form-fields > div {
width: 100% !important;
border-left: 0;
border-top: 1px solid #dee2e6;
}
}
.gsc-course-filter-form .search-form-content .search-form-fields > div:first-child {
border: none;
}
.gsc-course-filter-form .search-form-content .search-form-fields > div input, .gsc-course-filter-form .search-form-content .search-form-fields > div select {
width: 100%;
border: none;
background: none;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.gsc-course-filter-form .search-form-content .search-form-fields > div .select2-selection {
border: none !important;
}
.gsc-course-filter-form .search-form-content .search-form-fields .select2-container .select2-selection {
background: #fff;
}
.gsc-course-filter-form .search-form-content .search-form-fields .course-filter_search input {
font-size: 16px;
}
.gsc-course-filter-form .search-form-content .search-form-fields .course-filter_search i {
display: none;
}
.gsc-course-filter-form .search-form-content .search-form-fields.cols-5 > div {
width: 20%;
}
.gsc-course-filter-form .search-form-content .search-form-fields.cols-4 > div {
width: 25%;
}
.gsc-course-filter-form .search-form-content .search-form-fields.cols-3 > div {
width: 33.33%;
}
.gsc-course-filter-form .search-form-content .search-form-fields.cols-2 > div {
width: 50%;
}
.gsc-course-filter-form .search-form-content .search-form-fields.clos-1 > div {
width: 100%;
}
.gsc-course-filter-form .search-form-content .form-action {
position: absolute;
top: 0;
right: 0;
width: 190px;
padding-left: 10px;
}
@media (max-width: 710px) {
.gsc-course-filter-form .search-form-content .form-action {
position: relative;
width: 100%;
padding-left: 0;
margin-top: 10px;
}
}
.gsc-course-filter-form .search-form-content .form-action .btn-action {
width: 100%;
height: 65px;
}
.gsc-course-filter-form.style-1 .search-form-content .search-form-fields .select2-selection {
-webkit-box-shadow: none;
box-shadow: none;
}
.gsc-course-filter-form.style-2 .search-form-content {
padding: 0;
}
.gsc-course-filter-form.style-2 .search-form-content .search-form-fields {
background: none;
}
.gsc-course-filter-form.style-2 .search-form-content .search-form-fields > div {
width: 100%;
margin-bottom: 30px;
background: #fff;
border: none;
height: 60px;
padding: 6px 0 0;
}
.gsc-course-filter-form.style-2 .search-form-content .search-form-fields .select2-selection {
-webkit-box-shadow: none;
box-shadow: none;
}
.gsc-course-filter-form.style-2 .search-form-content .form-action {
width: 100%;
position: relative;
padding: 0;
}
.gsc-course-filter-form.style-3 {
background: #fff;
padding: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
border: 1px solid rgba(0, 0, 0, 0.06);
}
.gsc-course-filter-form.style-3 .search-form-content .search-form-fields > div {
height: 50px;
padding: 0;
}
.gsc-course-filter-form.style-3 .search-form-content .search-form-fields > div input[type="text"] {
line-height: 55px;
}
.gsc-course-filter-form.style-3 .search-form-content .search-form-fields > div .select2-selection {
-webkit-box-shadow: none;
box-shadow: none;
}
.gsc-course-filter-form.style-3 .search-form-content .form-action .btn-action {
padding: 10px 15px;
height: auto;
line-height: 30px;
}
/*------------------------------------------------------------------*\
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: #1c1e27;
font-size: 16px;
z-index: 9;
font-weight: 700;
padding-bottom: 20px;
margin-bottom: 20px;
margin-top: 0;
letter-spacing: 1px;
text-transform: uppercase;
}
.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 {
content: '';
width: 45px;
height: 2px;
background: var(--zilom-theme-color);
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
}
.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.title-black .widget-title, .widget.title-black .widgettitle, .widget.title-black .wpb_singleimage_heading, .wpb_single_image.title-black .widget-title, .wpb_single_image.title-black .widgettitle, .wpb_single_image.title-black .wpb_singleimage_heading, .wpb_content_element.title-black .widget-title, .wpb_content_element.title-black .widgettitle, .wpb_content_element.title-black .wpb_singleimage_heading {
color: #1c1e27 !important;
}
.color-theme .widget-title, .color-theme .widgettitle {
color: var(--zilom-theme-color) !important;
}
/*
** 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: 35px 30px;
background: #F1F2F6;
position: relative;
border-radius: 10px;
}
.wp-sidebar ul, .elementor-widget-sidebar ul {
list-style: none;
padding: 0;
margin-bottom: 0 !important;
}
.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(--zilom-theme-color);
}
.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(--zilom-theme-color);
}
.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;
font-size: 20px;
}
.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;
}
#wp-footer .footer-widgets .tagcloud a:hover {
color: #fff;
}
#wp-footer .footer-widgets .widget {
padding-bottom: 45px;
}
#wp-footer .footer-widgets .widget .widget-title, #wp-footer .footer-widgets .widget .widgettitle, #wp-footer .footer-widgets .widget .wpb_singleimage_heading {
color: #fff;
}
#wp-footer .footer-widgets .widget .widget-title:after, #wp-footer .footer-widgets .widget .widgettitle:after, #wp-footer .footer-widgets .widget .wpb_singleimage_heading:after {
background: #fff;
}
#wp-footer .footer-widgets .widget:last-child {
padding-bottom: 25px;
}
#wp-footer .footer-widgets .widget_rss ul > li, #wp-footer .footer-widgets .widget_recent_entries ul > li {
border-color: rgba(255, 255, 255, 0.1);
}
#wp-footer .footer-widgets .widget_rss ul > li .rsswidget, #wp-footer .footer-widgets .widget_recent_entries ul > li .rsswidget {
font-size: 18px !important;
color: #fff !important;
}
#wp-footer .footer-widgets .widget_rss ul > li .rsswidget:hover, #wp-footer .footer-widgets .widget_recent_entries ul > li .rsswidget:hover {
text-decoration: underline;
}
#wp-footer .footer-widgets .widget_rss ul > li .rss-date, #wp-footer .footer-widgets .widget_recent_entries ul > li .rss-date {
color: rgba(255, 255, 255, 0.8);
}
#wp-footer .footer-widgets .widget, #wp-footer .footer-widgets .wpb_single_image, #wp-footer .footer-widgets .widget_nav_menu {
background: none;
}
#wp-footer .footer-widgets .widget ul, #wp-footer .footer-widgets .wpb_single_image ul, #wp-footer .footer-widgets .widget_nav_menu ul {
padding: 0;
list-style: none;
}
#wp-footer .footer-widgets .widget ul li a, #wp-footer .footer-widgets .wpb_single_image ul li a, #wp-footer .footer-widgets .widget_nav_menu ul li a {
color: #c2c9de !important;
}
#wp-footer .footer-widgets .widget ul li a:hover, #wp-footer .footer-widgets .wpb_single_image ul li a:hover, #wp-footer .footer-widgets .widget_nav_menu ul li a:hover {
color: #fff !important;
}
#wp-footer .footer-widgets .widget ul li ul, #wp-footer .footer-widgets .wpb_single_image ul li ul, #wp-footer .footer-widgets .widget_nav_menu ul li ul {
padding-left: 20px;
}
#wp-footer .footer-widgets .widget_recent_comments li.recentcomments a {
color: #fff !important;
}
#wp-footer .footer-widgets .widget_recent_comments li.recentcomments a:hover {
text-decoration: underline;
}
#wp-footer .footer-widgets .widget_calendar caption {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
color: #fff;
}
#wp-footer .footer-widgets .widget_calendar td a {
color: #fff !important;
font-weight: 600;
}
#wp-footer .footer-widgets .widget_calendar #today {
color: #fff !important;
font-weight: 600;
}
#wp-footer .footer-widgets .widget_calendar #today:after {
background: #fff;
}
#wp-footer .footer-widgets table > thead > tr > th, #wp-footer .footer-widgets table > thead > tr > td, #wp-footer .footer-widgets table > tbody > tr > th, #wp-footer .footer-widgets table > tbody > tr > td, #wp-footer .footer-widgets table > tfoot > tr > th, #wp-footer .footer-widgets table > tfoot > tr > td {
border: 1px solid #D0D2D4;
color: #abafb5;
}
#wp-footer .footer-widgets .widget_categories a, #wp-footer .footer-widgets .widget_archive a, #wp-footer .footer-widgets .wp-sidebar .widget_nav_menu a, #wp-footer .footer-widgets #wp-footer .widget_nav_menu a, #wp-footer .footer-widgets .elementor-widget-sidebar .widget_nav_menu a, #wp-footer .footer-widgets .widget_pages a, #wp-footer .footer-widgets .widget_meta a {
color: #abafb5 !important;
}
#wp-footer .footer-widgets .widget_categories a:hover, #wp-footer .footer-widgets .widget_archive a:hover, #wp-footer .footer-widgets .wp-sidebar .widget_nav_menu a:hover, #wp-footer .footer-widgets #wp-footer .widget_nav_menu a:hover, #wp-footer .footer-widgets .elementor-widget-sidebar .widget_nav_menu a:hover, #wp-footer .footer-widgets .widget_pages a:hover, #wp-footer .footer-widgets .widget_meta a:hover {
color: var(--zilom-theme-color) !important;
}
#wp-footer .footer-widgets .widget_categories .count, #wp-footer .footer-widgets .widget_archive .count, #wp-footer .footer-widgets .wp-sidebar .widget_nav_menu .count, #wp-footer .footer-widgets #wp-footer .widget_nav_menu .count, #wp-footer .footer-widgets .elementor-widget-sidebar .widget_nav_menu .count, #wp-footer .footer-widgets .widget_pages .count, #wp-footer .footer-widgets .widget_meta .count {
color: #abafb5 !important;
}
#wp-footer .footer-widgets .widget_tag_cloud .tagcloud > a {
color: var(--zilom-body-color);
}
#wp-footer .footer-widgets .widget_tag_cloud .tagcloud > a:hover {
border-color: var(--zilom-theme-color);
color: #fff;
}
#wp-footer .footer-widgets .wp-caption .wp-caption-text {
color: #c2c9de;
}
.widget_calendar .wp-calendar-table td a {
color: var(--zilom-theme-color);
}
.widget_calendar .wp-calendar-table #today {
color: var(--zilom-theme-color);
position: relative;
}
.widget_calendar .wp-calendar-table #today:after {
content: '';
width: 5px;
height: 5px;
position: absolute;
top: 6px;
right: 6px;
background: var(--zilom-theme-color);
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 {
background: #fff;
padding: 4px 12px 2px;
font-size: 10px !important;
font-weight: 700;
margin-right: 5px;
margin-bottom: 10px;
display: inline-block;
border-radius: 8px;
letter-spacing: 1px;
text-transform: uppercase;
border: 1px solid rgba(0, 0, 0, 0.1);
color: var(--zilom-body-color);
}
.widget_tag_cloud .tagcloud > a:hover {
background: var(--zilom-theme-color);
color: #fff;
}
.widget_recent_comments ul li {
padding: 6px 0;
font-weight: 400;
word-wrap: break-word;
}
.widget_categories, .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 > 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_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(--zilom-body-color);
}
.widget_categories 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(--zilom-body-color);
padding: 12px 0;
font-weight: 500;
font-size: 16px;
}
.widget_categories 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(--zilom-theme-color);
}
.widget_categories 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_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_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: #1c1e27;
position: relative;
z-index: 1;
}
.widget_categories ul > li.current_page_item:before, .widget_categories 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_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(--zilom-theme-color);
}
.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;
}
.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(--zilom-theme-color);
}
.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;
}
.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(--zilom-theme-color);
font-size: 12px;
}
/*
** Widget Custom Text
*/
.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;
}
.text-about {
max-width: 460px;
margin: 0 auto;
text-align: center;
}
.opening-time {
padding: 20px 35px;
}
@media (max-width) {
.opening-time {
padding: 20px 25px;
}
}
.opening-time .phone {
font-size: 36px;
color: var(--zilom-theme-color);
font-weight: 600;
}
.opening-time .hr {
width: 180px;
display: inline-block;
margin: 30px 0;
height: 1px;
background: #dee2e6;
}
.opening-time h3 {
margin-top: 0;
font-size: 24px;
font-weight: 400;
color: #262626;
}
.widget_custom_html {
padding: 0 !important;
border: none !important;
}
.helping-text {
font-family: 'reey';
font-size: 50px;
color: var(--zilom-theme-color);
}
.support-box {
background: #1c1e27;
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(--zilom-theme-color);
}
.support-box .phone a i {
font-size: 30px;
margin-right: 10px;
}
.download-box {
background: #1c1e27;
}
.download-box a {
color: #fff;
font-size: 18px;
font-weight: 600;
padding: 30px;
text-align: center;
display: block;
}
.download-box a:hover {
color: var(--zilom-theme-color);
}
.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: #1c1e27;
padding: 12px 40px;
margin-right: 20px;
}
@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: #1c1e27;
color: #fff;
}
.text-with-arrow {
font-size: 30px;
color: #fff;
text-align: center;
padding-top: 115px;
line-height: 40px;
}
@media (max-width: 991.98px) {
.text-with-arrow {
padding-top: 68px;
font-size: 28px;
}
}
@media (max-width: 767.98px) {
.text-with-arrow {
font-size: 18px;
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;
}
}
.block-banner {
position: relative;
border-radius: 10px;
overflow: hidden;
margin-bottom: 30px;
}
.block-banner .banner-image {
position: relative;
display: inline-block;
}
.block-banner .banner-image:after {
content: '';
position: absolute;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), to(#1c1e27));
background-image: linear-gradient(to bottom, transparent 40%, #1c1e27 100%);
width: 100%;
height: 90%;
bottom: 0;
left: 0;
z-index: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.block-banner .banner-image img {
-webkit-transition: all 10s;
transition: all 10s;
}
.block-banner .banner-content {
position: absolute;
bottom: 0;
left: 0;
z-index: 11;
width: 100%;
padding: 15px 30px 30px;
}
@media (max-width: 991.98px) {
.block-banner .banner-content {
padding: 20px;
}
}
.block-banner .banner-content .subtitle {
font-size: 16px;
color: #fff;
}
.block-banner .banner-content .title {
font-size: 20px;
color: #fff;
margin: 0;
line-height: 1.2;
}
@media (max-width: 991.98px) {
.block-banner .banner-content .title {
font-size: 18px;
}
}
.block-banner .link-term-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 15;
}
.block-banner.text-left .number-listings {
left: auto;
right: 60px;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.block-banner.text-right .number-listings {
left: 60px;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.block-banner:hover .banner-image img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
/*------------------------------------------------------------------*\
8 - POST TYPE
\*------------------------------------------------------------------*/
.post:not(.post-single-content) {
margin-bottom: 30px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
border-radius: 10px;
overflow: hidden;
}
.post:not(.post-single-content) .post-thumbnail {
position: relative;
text-align: center;
min-height: 26px;
}
.post:not(.post-single-content) .post-thumbnail iframe {
width: 100%;
min-height: 350px;
}
.post:not(.post-single-content) .post-thumbnail .entry-meta {
border-radius: 10px;
-webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
background: #fff;
padding: 10px 15px;
text-align: center;
position: absolute;
left: 30px;
right: 30px;
bottom: -15px;
z-index: 11;
}
.post:not(.post-single-content) .post-thumbnail.without_image .entry-meta {
border: 1px solid #dee2e6;
}
.post:not(.post-single-content) .entry-meta {
position: relative;
}
.post:not(.post-single-content) .entry-meta .meta-inline {
font-size: 13px;
font-weight: 400;
line-height: 18px;
font-weight: 500;
}
.post:not(.post-single-content) .entry-meta .meta-inline > span {
margin-right: 15px;
}
.post:not(.post-single-content) .entry-meta .meta-inline > span:last-child {
margin-right: 0;
}
.post:not(.post-single-content) .entry-meta .meta-inline > span i {
color: var(--zilom-theme-color);
margin-right: 5px;
}
.post:not(.post-single-content) .entry-content {
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
padding: 40px 35px 30px 35px;
border: 1px solid #dee2e6;
text-align: left;
background: #fff;
border-radius: 0 0 10px 10px;
overflow: hidden;
}
.post:not(.post-single-content) .entry-content .content-inner {
-ms-word-wrap: break-word;
word-wrap: break-word;
margin: 0 auto;
position: relative;
}
.post:not(.post-single-content) .entry-content .content-inner .entry-title {
font-size: 24px;
margin: 15px 0 25px;
-ms-word-wrap: break-word;
word-wrap: break-word;
line-height: 30px;
position: relative;
}
@media (max-width: 991.98px) {
.post:not(.post-single-content) .entry-content .content-inner .entry-title {
font-size: 20px;
line-height: 30px;
}
}
.post:not(.post-single-content) .entry-content .content-inner .entry-desc {
-ms-word-wrap: break-word;
word-wrap: break-word;
padding-bottom: 5px;
}
.post:not(.post-single-content) .entry-content .content-inner .read-more {
margin-top: 18px;
}
.post:not(.post-single-content) .tag-links {
margin-top: 20px;
display: block;
}
.post:not(.post-single-content) .tag-links > a {
border: 1px solid #dee2e6;
padding: 2px 15px;
font-weight: 700;
font-size: 12px;
margin-right: 8px;
margin-bottom: 8px;
display: inline-block;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 8px;
background: #fff;
}
.post:not(.post-single-content) .tag-links > a:hover {
background: var(--zilom-theme-color);
color: #fff;
}
.post:not(.post-single-content):hover {
-webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
}
.post-style-1 .post-thumbnail .entry-meta {
border: 1px solid #dee2e6;
}
.owl-item.center .post-style-1 {
-webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
}
.post.post-style-2 {
margin-bottom: 30px;
border: 1px solid #dee2e6;
-webkit-box-shadow: none;
box-shadow: none;
position: relative;
overflow: hidden;
border-radius: 10px;
}
.post.post-style-2 .link-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 11;
}
.post.post-style-2 .post-thumbnail {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-size: cover;
background-position: center center;
}
.post.post-style-2 .post-thumbnail:before {
content: '';
background: #1c1e27;
opacity: 0.6;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.post.post-style-2 .post-thumbnail:after {
content: '';
background: #fff;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 9;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.post.post-style-2 .entry-content {
padding: 60px 35px 45px;
border: none;
position: relative;
z-index: 11;
-webkit-transition: all 0.35s;
transition: all 0.35s;
background: none !important;
-webkit-box-shadow: none;
box-shadow: none;
text-align: left;
}
@media (max-width: 991.98px) {
.post.post-style-2 .entry-content {
padding: 50px 30px 35px;
}
}
.post.post-style-2 .entry-content .content-inner {
padding-bottom: 0;
padding: 0;
}
.post.post-style-2 .entry-content .content-inner .entry-title {
font-size: 24px;
margin: 20px 0 10px;
padding-bottom: 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
line-height: 32px;
letter-spacing: 0;
}
.post.post-style-2 .entry-content .content-inner .entry-title:after {
display: none;
}
.post.post-style-2 .entry-content .content-inner .entry-title a {
background: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor)) 0px 89%/0px 2px no-repeat;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 89%/0px 2px no-repeat;
display: inline;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.post.post-style-2 .entry-content .entry-meta {
font-size: 14px;
position: relative;
padding: 0;
background: none;
}
.post.post-style-2 .entry-content .entry-meta:after {
display: none;
}
.post.post-style-2 .entry-content .entry-meta .left {
width: 52px;
height: 52px;
float: left;
border: 2px solid var(--zilom-theme-color);
border-radius: 6px;
}
.post.post-style-2 .entry-content .entry-meta .right {
padding-left: 72px;
}
.post.post-style-2 .entry-content .entry-meta .right span {
display: block;
width: 100%;
}
.post.post-style-2 .entry-content .entry-meta .right i {
color: var(--zilom-theme-color);
margin-right: 6px;
}
.post.post-style-2 .entry-content .read-more {
margin-top: 25px;
}
.post.post-style-2 .entry-content .read-more .icon {
font-size: 28px;
color: #1c1e27;
}
.post.post-style-2 .entry-content .read-more .icon:before {
display: inline-block;
}
.post.post-style-2:hover .post-thumbnail:after {
top: 100%;
}
.post.post-style-2:hover .entry-content {
color: #fff;
}
.post.post-style-2:hover .entry-content .entry-meta .left {
border-color: var(--zilom-theme-color);
}
.post.post-style-2:hover .entry-content .entry-meta .right {
color: #fff;
}
.post.post-style-2:hover .entry-content .entry-meta .right i {
color: #fff;
}
.post.post-style-2:hover .entry-content .entry-title a {
background-size: 100% 2px !important;
color: #fff;
}
.post.post-style-2:hover .entry-content .read-more .icon {
color: #fff;
-webkit-animation: beat 1.5s ease 0s infinite;
animation: beat 1.5s ease 0s infinite;
}
.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;
}
.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 .post-thumbnail img {
border-radius: 6px;
}
.post-block-small .post-content .content-inner {
padding-left: 95px;
}
.post-block-small .post-content .content-inner .entry-meta {
margin: 0;
float: left;
width: 100%;
padding-bottom: 8px;
}
.post-block-small .post-content .content-inner .entry-meta > .meta-inline {
margin-right: 5px;
font-size: 14px;
}
.post-block-small .post-content .content-inner .entry-meta > .meta-inline i {
color: #FFD45F;
}
.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, .post-block-small .post-content .content-inner .entry-meta .post-comment {
display: none !important;
}
.post-block-small .post-content .content-inner .entry-title {
margin: 0;
font-size: 16px;
line-height: 28px;
position: relative;
float: left;
width: 100%;
font-weight: 700;
}
.post-block-small .post-content .content-inner .entry-title a:hover {
text-decoration: underline;
}
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;
}
.post.post-single-content .post-thumbnail .thumbnail-content {
margin-bottom: 35px;
}
.post.post-single-content .post-thumbnail .meta-inline > span {
margin-right: 16px;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
}
.post.post-single-content .post-thumbnail .meta-inline > span i {
font-size: 13px;
color: var(--zilom-theme-color);
margin-right: 6px;
}
.post.post-single-content .post-thumbnail.without_image {
min-height: 40px;
}
.post.post-single-content .post-thumbnail.without_image .entry-date {
left: 0;
right: auto;
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-title {
font-size: 36px;
color: #1c1e27;
padding: 0 0 10px;
margin: 10px 0 15px;
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: 32px;
}
}
@media (max-width: 767.98px) {
.post.post-single-content .entry-content .entry-title {
font-size: 30px;
}
}
.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 .entry-meta {
padding-top: 30px;
margin: 0 0 10px;
}
.post.post-single-content .entry-content .entry-meta .meta-inline {
text-align: left;
}
.post.post-single-content .entry-content .entry-meta .meta-inline > span {
margin-right: 12px;
font-size: 14px;
}
.post.post-single-content .entry-content .cat-links {
padding-top: 20px;
}
.post.post-single-content .entry-content .cat-links i {
margin-right: 6px;
color: var(--zilom-theme-color);
}
.post.post-single-content .entry-content .cat-links a {
color: var(--zilom-body-color);
}
.post.post-single-content .entry-content .cat-links a:hover {
color: var(--zilom-theme-color);
}
.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(--zilom-theme-color);
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;
}
.post.post-single-content .entry-content .post-content input[type="submit"]:hover {
background: #1c1e27;
}
.post.post-single-content .tag-links {
margin-top: 25px;
display: block;
}
.post.post-single-content .tag-links > a {
border: 1px solid #dee2e6;
padding: 2px 15px 0;
font-weight: 700;
font-size: 10px;
border-radius: 8px;
margin-right: 8px;
margin-bottom: 8px;
display: inline-block;
background: #fff;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--zilom-body-color);
}
.post.post-single-content .tag-links > a:hover {
background: var(--zilom-theme-color);
border-color: var(--zilom-theme-color);
color: #fff;
}
.post.post-single-content .tag-links span {
font-weight: 700;
color: #1c1e27;
display: inline-block;
margin-right: 6px;
}
.post.post-single-content.has-post-thumbnail .entry-content .entry-date {
left: 30px;
}
.social-networks-post {
width: 100%;
padding: 20px 0 10px;
margin: 45px 0 0;
border-top: 1px solid #dee2e6;
border-bottom: 1px solid #dee2e6;
}
.social-networks-post > li {
list-style: none;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.social-networks-post > li.title-share {
font-family: var(--zilom-heading-font-family);
color: #1c1e27;
font-weight: 600;
padding-top: 5px;
}
.social-networks-post > li:not(.title-share) a {
display: inline-block;
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 50%;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.02);
font-size: 14px;
background: #F1F2F6;
color: var(--zilom-body-color);
}
.social-networks-post > li:not(.title-share) a:hover {
background: var(--zilom-theme-color);
color: #fff;
border-color: var(--zilom-theme-color);
}
.post-navigation {
width: 100%;
float: left;
margin-top: 30px;
padding-top: 40px;
margin-bottom: 30px;
border-top: 1px solid #dee2e6;
}
.post-navigation a {
display: inline-block;
font-weight: 600;
border: 2px solid #dee2e6;
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(--zilom-theme-color);
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;
}
#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;
background: #fff;
border: 1px solid #dee2e6;
border-radius: 10px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.tribe-event-list-block > .event-content {
position: relative;
}
@media (max-width: 575.98px) {
.tribe-event-list-block {
padding: 30px 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;
}
@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(--zilom-theme-color);
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;
right: 0;
bottom: 0;
}
.tribe-event-list-block .tribe-event-right {
padding-left: 200px;
padding-right: 180px;
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 #dee2e6;
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;
}
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-event-meta .icon {
margin-right: 6px;
color: var(--zilom-theme-color);
}
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-event-meta .tribe-event-schedule-details {
display: block;
width: 100%;
font-size: 14px;
color: var(--zilom-body-color);
font-weight: 500;
padding: 0;
}
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-event-meta .tribe-events-venue-details {
font-size: 14px;
color: var(--zilom-body-color);
font-weight: 500;
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: inline-block !important;
}
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-list-event-title {
font-size: 24px;
margin: 10px 0 15px;
}
@media (max-width: 575.98px) {
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-list-event-title {
font-size: 20px;
}
}
.tribe-event-list-block .tribe-event-right .content-inner .entry-summary {
max-width: 600px;
}
.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 {
padding: 20px 22px 18px;
font-size: 12px;
}
.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;
border-radius: 10px;
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(--zilom-theme-color);
padding: 12px 20px;
color: #fff;
position: absolute;
top: 0;
left: 30px;
z-index: 11;
text-align: center;
text-transform: uppercase;
border-radius: 0 0 6px 6px;
}
.tribe-event-block .block-content .tribe-events-event-image:after {
content: '';
position: absolute;
background-image: -webkit-gradient(linear, left bottom, left top, from(#1c1e27), color-stop(50%, transparent));
background-image: linear-gradient(to top, #1c1e27, 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-event-content {
position: absolute;
bottom: 0;
left: 0;
z-index: 11;
color: #fff;
padding: 30px 30px 25px;
}
.tribe-event-block .block-content .tribe-event-content .tribe-events-event-meta {
font-size: 14px;
font-weight: 700;
}
.tribe-event-block .block-content .tribe-event-content .tribe-events-event-meta i {
margin-right: 5px;
}
.tribe-event-block .block-content .tribe-event-content .event-title {
color: #fff;
font-size: 20px;
line-height: 28px;
margin: 5px 0 0;
}
.tribe-event-block .tribe-event-url {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
}
.tribe-events .tribe-events-c-ical__link {
border-color: var(--zilom-theme-color);
color: var(--zilom-theme-color);
}
.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(--zilom-theme-color);
}
.tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn {
background: var(--zilom-theme-color);
}
.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(--zilom-theme-color);
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-single {
margin: 0 !important;
}
.tribe-events-single .tribe-events-back {
margin-bottom: 5px;
}
.tribe-events-single .tribe-events-single-event-title {
font-size: 38px;
line-height: 42px;
margin-bottom: 25px;
}
.tribe-events-single .tribe-event-content-inner .tribe-events-event-image {
text-align: center;
}
.tribe-events-single .tribe-events-schedule {
color: #1c1e27;
}
.tribe-events-single .tribe-events-schedule .icon {
margin-right: 6px;
color: var(--zilom-theme-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: 24px;
font-weight: normal;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-single-detail {
padding: 30px;
border: 1px solid #dee2e6;
-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;
}
.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(--zilom-theme-color);
margin-right: 3px;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-single-detail .tribe-event-single-meta-detail > div a {
color: var(--zilom-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;
}
.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 {
min-height: 380px;
}
.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: #1c1e27;
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: #1c1e27;
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(--zilom-theme-color);
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 > .content-inner {
background: var(--zilom-theme-color);
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(--zilom-theme-color);
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;
}
.post-type-archive-tribe_events #tribe-events-bar {
background: #fff;
border: 1px solid #dee2e6;
}
.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 #dee2e6;
}
.post-type-archive-tribe_events #tribe-events-bar #tribe-bar-form .tribe-bar-submit .tribe-events-button {
background: #1c1e27;
}
.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 #dee2e6;
}
.post-type-archive-tribe_events table.tribe-events-calendar {
border-left: 0 !important;
border-right: 0 !important;
border-bottom-color: #dee2e6;
}
.post-type-archive-tribe_events table.tribe-events-calendar thead th {
background: none;
color: #1c1e27;
text-align: left;
border: none;
border-bottom: 1px solid #dee2e6;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody {
border-left: 1px solid #dee2e6;
border-right: 1px solid #dee2e6;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td {
border-color: #dee2e6 !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(--zilom-theme-color);
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(--zilom-theme-color) !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: #1c1e27;
}
.team-progress-wrapper {
margin-bottom: 30px;
}
.team-progress-wrapper .team__progress-label {
font-weight: 500;
color: #1c1e27;
padding-bottom: 4px;
text-transform: uppercase;
font-size: 14px;
}
.team-progress-wrapper .team__progress {
background-color: #ccc;
position: relative;
overflow: visible;
z-index: 11;
}
.team-progress-wrapper .team__progress .team__progress-bar {
-webkit-transition: width 1s ease-in-out;
transition: width 1s ease-in-out;
-moz-transition: width 1s ease-in-out;
-ms-transition: width 1s ease-in-out;
height: 2px;
background: #1c1e27;
position: relative;
display: block;
width: 0;
}
.team-progress-wrapper .team__progress .team__progress-bar .percentage {
position: absolute;
bottom: 100%;
left: 100%;
z-index: 1;
padding: 6px 8px;
background: #1c1e27;
font-size: 12px;
color: #fff;
margin-bottom: 10px;
line-height: 1;
font-weight: 600;
}
.team-progress-wrapper .team__progress .team__progress-bar .percentage:after {
content: "";
border: 6px solid transparent;
border-top-color: #1c1e27;
position: absolute;
top: 100%;
left: 0;
z-index: 1;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
margin-top: -6px;
}
.team-progress-wrapper .team__progress .team__progress-bar .percentage.percentage-left {
left: auto;
right: 0;
}
.team-progress-wrapper .team__progress .team__progress-bar .percentage.percentage-left:after {
right: 0;
left: auto;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-right: 2px;
}
.team-block.team-v1 {
margin: 0 auto 30px;
background: #fff;
text-align: center;
}
.team-block.team-v1 .team-image {
position: relative;
padding: 20px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
margin: 0 0 28px;
border-radius: 10px;
}
.team-block.team-v1 .team-image:after {
content: '';
position: absolute;
background: rgba(0, 0, 0, 0.7);
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
z-index: 9;
opacity: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.team-block.team-v1 .team-image .socials-team {
position: absolute;
top: 50%;
left: 0;
width: 100%;
z-index: 11;
margin-top: -12px;
text-align: center;
opacity: 0;
}
.team-block.team-v1 .team-image .socials-team a {
margin-left: 20px;
font-size: 20px;
color: #fff;
}
.team-block.team-v1 .team-image .socials-team a:hover {
color: var(--zilom-theme-color);
}
.team-block.team-v1 .team-image .socials-team a:first-child {
margin-left: 0;
}
.team-block.team-v1 .team-image .line-1:before, .team-block.team-v1 .team-image .line-1:after {
content: '';
background: var(--zilom-theme-color);
position: absolute;
top: 0;
left: 0;
z-index: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.team-block.team-v1 .team-image .line-2:before, .team-block.team-v1 .team-image .line-2:after {
content: '';
position: absolute;
z-index: 1;
background: var(--zilom-theme-color);
bottom: 0;
right: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.team-block.team-v1 .team-image .line-1:before, .team-block.team-v1 .team-image .line-2:before {
width: 1px;
height: 0;
}
.team-block.team-v1 .team-image .line-1:after, .team-block.team-v1 .team-image .line-2:after {
width: 0;
height: 1px;
}
.team-block.team-v1 .team-content {
border-top: 0;
padding: 0;
background: #fff;
position: relative;
z-index: 11;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.team-block.team-v1 .team-content .team-name {
font-size: 20px;
margin: 0 0 2px;
}
.team-block.team-v1 .team-content .team-job {
font-size: 14px;
color: #737373;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: 1px;
}
.team-block.team-v1 .team-content .socials-team {
margin-top: 20px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.team-block.team-v1 .team-content .socials-team a {
width: 36px;
height: 36px;
font-size: 14px;
display: inline-block;
margin-right: 10px;
color: #1c1e27;
-webkit-transition: all 0.35s;
transition: all 0.35s;
line-height: 38px;
border-radius: 50%;
background: #E5EEEC;
text-align: center;
}
.team-block.team-v1 .team-content .socials-team a:last-child() {
margin-right: 0;
}
.team-block.team-v1 .team-content .socials-team a:hover {
background: var(--zilom-theme-color);
color: #fff;
}
.team-block.team-v1:hover .team-image:after {
opacity: 1;
}
.team-block.team-v1:hover .team-image .socials-team {
opacity: 1;
}
.team-block.team-v1:hover .team-image .line-1:before, .team-block.team-v1:hover .team-image .line-2:before {
width: 1px;
height: 100%;
}
.team-block.team-v1:hover .team-image .line-1:after, .team-block.team-v1:hover .team-image .line-2:after {
width: 100%;
height: 1px;
}
.owl-carousel .team-block .team-v1 {
margin-top: 10px;
}
.team-block-single {
margin: 0 0 30px;
}
.team-block-single .team-thumbnail {
border: 1px solid rgba(0, 0, 0, 0.06);
-webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06);
margin: 0 0 30px;
}
.team-block-single .team-thumbnail .team-content {
padding: 30px;
margin-bottom: 0;
}
.team-block-single .team-thumbnail .heading-contact {
margin-top: 0;
}
.team-block-single .team-right-content {
padding-left: 50px;
}
@media (max-width: 991.98px) {
.team-block-single .team-right-content {
padding-left: 15px;
}
}
.team-block-single .heading, .team-block-single .heading-contact {
font-size: 20px;
position: relative;
float: left;
width: 100%;
padding-bottom: 15px;
margin-bottom: 15px;
}
.team-block-single .heading:after, .team-block-single .heading-contact:after {
content: '';
width: 60px;
height: 1px;
background: #1c1e27;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
}
.team-block-single .team-name {
color: #1c1e27;
font-size: 26px;
margin: 0 0 2px;
}
.team-block-single .team-email, .team-block-single .team-phone {
float: left;
width: 100%;
margin-bottom: 10px;
font-weight: 500;
}
.team-block-single .team-job {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
.team-block-single .team-educations {
margin-top: 30px;
margin-bottom: 30px;
}
.team-block-single .team-skills {
margin-bottom: 20px;
}
.team-block-single .team-content {
margin-bottom: 40px;
}
.team-block-single .team-quote {
font-size: 16px;
color: #999999;
margin-top: 20px;
padding-left: 50px;
position: relative;
font-style: italic;
}
.team-block-single .team-quote:after {
font-family: "Font Awesome 5 Free";
content: "\f10d";
left: 0;
top: 0;
position: absolute;
z-index: 1;
color: #1c1e27;
font-size: 24px;
text-align: center;
line-height: 40px;
font-weight: 700;
}
.team-block-single .socials-team {
margin-top: 10px;
float: left;
width: 100%;
}
.team-block-single .socials-team a {
width: 38px;
height: 38px;
font-size: 14px;
display: inline-block;
margin-right: 15px;
color: var(--zilom-body-color);
-webkit-transition: all 0.35s;
transition: all 0.35s;
line-height: 38px;
border-radius: 50%;
text-align: center;
border: 1px solid #dee2e6;
}
.team-block-single .socials-team a:hover {
background: var(--zilom-theme-color);
color: #fff;
border-color: var(--zilom-theme-color);
}
.portfolio-v1 {
position: relative;
overflow: hidden;
max-width: 500px;
margin: 0 auto 30px;
border-radius: 10px;
}
.portfolio-v1 .images {
position: relative;
text-align: center;
}
.portfolio-v1 .images a.link-image-content {
display: block;
}
.portfolio-v1 .images a.link-image-content:after {
content: "";
position: absolute;
top: 35px;
left: 35px;
right: 35px;
bottom: 35px;
background: #1c1e27;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0.96);
transform: scale(0.96);
z-index: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.portfolio-v1 .images .link-gallery {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.45s;
transition: all 0.45s;
-moz-transition: all 0.45s;
-ms-transition: all 0.45s;
width: 36px;
height: 36px;
background: #fff;
line-height: 36px;
position: absolute;
top: 50px;
right: 50px;
z-index: 99;
font-size: 16px;
}
.portfolio-v1 .images .link-gallery:hover {
background: var(--zilom-theme-color);
color: #fff;
}
.portfolio-v1 .portfolio-content {
position: absolute;
left: 35px;
right: 35px;
bottom: 35px;
z-index: 1;
padding: 0 30px 20px;
opacity: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.portfolio-v1 .portfolio-content .content-inner .portfolio-meta {
font-size: 14px;
padding-top: 2px;
text-transform: uppercase;
position: relative;
letter-spacing: 1px;
}
.portfolio-v1 .portfolio-content .content-inner .portfolio-meta a {
color: #9d9d9d;
display: inline-block;
position: relative;
}
.portfolio-v1 .portfolio-content .content-inner .portfolio-meta a:after {
position: absolute;
bottom: 7px;
right: 0;
left: 0;
content: "";
background-color: #3e3d3d;
z-index: -1;
height: 6px;
}
.portfolio-v1 .portfolio-content .content-inner .portfolio-meta a:hover {
color: #fff;
}
.portfolio-v1 .portfolio-content .content-inner .title {
display: block;
font-size: 20px;
font-weight: 700;
margin: 0 0 4px;
}
.portfolio-v1 .portfolio-content .content-inner .title a {
color: #fff;
}
.portfolio-v1 .portfolio-content .content-inner .title a:hover {
text-decoration: underline;
}
.portfolio-v1:hover .portfolio-content, .portfolio-v1:active .portfolio-content, .portfolio-v1:focus .portfolio-content {
opacity: 1;
}
.portfolio-v1:hover .images a.link-image-content:after, .portfolio-v1:active .images a.link-image-content:after, .portfolio-v1:focus .images a.link-image-content:after {
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transform: scale(1);
transform: scale(1);
}
.portfolio-v1:hover .images a.link-gallery, .portfolio-v1:active .images a.link-gallery, .portfolio-v1:focus .images a.link-gallery {
opacity: 1;
filter: alpha(opacity=100);
margin-top: 0;
}
.owl-carousel .owl-item.center .portfolio-v1 .portfolio-content {
opacity: 1;
}
.owl-carousel .owl-item.center .portfolio-v1 .images a.link-image-content:after {
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transform: scale(1);
transform: scale(1);
}
.owl-carousel .owl-item.center .portfolio-v1 .images a.link {
opacity: 1;
filter: alpha(opacity=100);
margin-top: 0;
}
.portfolio-v2 {
position: relative;
margin: 0 auto 30px;
}
.portfolio-v2 .images {
position: relative;
text-align: center;
}
.portfolio-v2 .images a.link-image-content {
display: block;
}
.portfolio-v2 .images a.link-image-content:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #1c1e27;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0.5);
transform: scale(0.5);
z-index: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.portfolio-v2 .images .link {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.45s;
transition: all 0.45s;
-moz-transition: all 0.45s;
-ms-transition: all 0.45s;
width: 32px;
height: 32px;
background: #fff;
line-height: 33px;
position: absolute;
top: 15px;
right: 15px;
z-index: 99;
text-align: center;
margin-top: 45px;
}
.portfolio-v2 .images .link:hover {
background: var(--zilom-theme-color);
color: #fff;
}
.portfolio-v2 .portfolio-content {
border-top: none;
background: #fff;
position: absolute;
z-index: 9;
width: auto;
right: 20px;
left: 20px;
bottom: 20px;
z-index: 11;
padding: 18px 20px;
border-radius: 10px;
-webkit-transition: background 0.35s;
transition: background 0.35s;
-moz-transition: background 0.35s;
-ms-transition: background 0.35s;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
}
.portfolio-v2 .portfolio-content .content-inner {
position: relative;
}
.portfolio-v2 .portfolio-content .content-inner .title {
display: block;
font-size: 20px;
font-weight: 700;
line-height: 32px;
text-align: center;
margin: 0;
}
@media (max-width: 991.98px) {
.portfolio-v2 .portfolio-content .content-inner .title {
font-size: 18px;
}
}
.portfolio-v2:hover, .portfolio-v2:active, .portfolio-v2:focus {
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.portfolio-v2:hover .portfolio-content, .portfolio-v2:active .portfolio-content, .portfolio-v2:focus .portfolio-content {
background: var(--zilom-theme-color);
}
.portfolio-v2:hover .portfolio-content .title a, .portfolio-v2:active .portfolio-content .title a, .portfolio-v2:focus .portfolio-content .title a {
color: #fff;
}
.portfolio-v2:hover .portfolio-content .title a:hover, .portfolio-v2:active .portfolio-content .title a:hover, .portfolio-v2:focus .portfolio-content .title a:hover {
text-decoration: underline;
}
.portfolio-v2:hover .images a.link-image-content:after, .portfolio-v2:active .images a.link-image-content:after, .portfolio-v2:focus .images a.link-image-content:after {
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transform: scale(1);
transform: scale(1);
}
.portfolio-v2:hover .images a.link, .portfolio-v2:active .images a.link, .portfolio-v2:focus .images a.link {
opacity: 1;
filter: alpha(opacity=100);
margin-top: 0;
}
.no-gutter .portfolio-block {
margin-bottom: 0;
}
.owl-carousel .portfolio-v1, .owl-carousel .portfolio-v2 {
margin-bottom: 0;
}
.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 {
color: #1c1e27;
-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: var(--zilom-theme-color);
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(--zilom-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: #1c1e27;
}
.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;
}
.portfolio-filter .view-all {
float: right;
}
.gva-portfolio-items {
float: left;
width: 100%;
}
.gsc-portfolio-carousel.remove-padding .init-carousel-owl {
margin-left: 0 !important;
margin-right: 0 !important;
}
.gsc-portfolio-carousel.remove-padding .init-carousel-owl .owl-item {
padding-left: 0 !important;
padding-right: 0 !important;
}
.single-portfolio .portfolio-content {
float: left;
width: 100%;
margin: 10px 0 30px;
}
.single-portfolio .portfolio-content .title {
margin: 20px 0 25px;
}
.single-portfolio .portfolio-content .portfolio-information {
float: right;
margin: 36px 0 15px 10px;
padding: 20px 30px;
min-width: 300px;
border: 1px solid #dee2e6;
text-align: left;
}
@media (max-width: 991.98px) {
.single-portfolio .portfolio-content .portfolio-information {
padding: 20px;
}
}
@media (max-width: 600px) {
.single-portfolio .portfolio-content .portfolio-information {
width: 100%;
min-width: 100%;
margin-bottom: 30px;
}
}
.single-portfolio .portfolio-content .portfolio-information ul {
list-style: none;
padding: 0;
margin: 0;
}
.single-portfolio .portfolio-content .portfolio-information ul li {
padding: 9px 0;
}
.single-portfolio .portfolio-content .portfolio-information ul li .label {
font-size: 14px;
min-width: 110px;
display: block;
text-align: left;
color: #1c1e27;
font-weight: 700;
width: 100%;
}
.single-portfolio .portfolio-thumbnail .owl-carousel .owl-dots {
margin-top: 25px;
}
.single-portfolio .portfolio-thumbnail .gallery-item {
position: relative;
}
.single-portfolio .portfolio-thumbnail .gallery-item .photo-gallery {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
background: rgba(0, 0, 0, 0.6);
color: #fff;
text-align: center;
opacity: 0;
}
.single-portfolio .portfolio-thumbnail .gallery-item .photo-gallery i {
font-size: 36px;
position: relative;
top: 50%;
margin-top: -20px;
}
.single-portfolio .portfolio-thumbnail .gallery-item:hover .photo-gallery {
opacity: 1;
}
.single-portfolio .post-navigation {
margin-bottom: 50px;
}
.single.single-portfolio .main-page-content {
padding: 75px 0 50px;
}
@media (max-width: 767.98px) {
.single.single-portfolio .main-page-content {
padding: 35px 0 15px;
}
}
/*------------------------------------------------------------------*\
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(--zilom-theme-color);
color: #fff;
}
.pagination .current {
background: var(--zilom-theme-color);
color: #fff;
}
.page.white .wp-content article {
background: #fff;
padding: 20px;
}
/*
** Page 404
*/
body.error404 .header-default {
border-bottom: 2px solid #dee2e6;
}
.not-found-wrapper {
padding: 280px 0 250px;
background: url("../images//bg-404.jpg") repeat-x center center transparent;
background-size: cover;
}
@media (max-width: 767.98px) {
.not-found-wrapper {
padding: 100px 0 120px;
}
}
.not-found-wrapper .not-found-title h1 {
font-size: 120px;
text-transform: uppercase;
margin-bottom: 0;
line-height: 1;
color: #fff;
}
@media (max-width: 767.98px) {
.not-found-wrapper .not-found-title h1 {
font-size: 42px;
}
}
.not-found-wrapper .not-found-desc {
font-size: 16px;
max-width: 550px;
margin: 0 auto;
color: #ccc;
}
.not-found-wrapper .not-found-subtitle {
font-size: 32px;
font-weight: 700;
margin: 15px 0 20px;
color: #fff;
text-transform: uppercase;
}
@media (max-width: 767.98px) {
.not-found-wrapper .not-found-subtitle {
font-size: 28px;
}
}
.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 i {
margin-right: 10px;
position: relative;
top: 2px;
}
.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 .post-thumbnail {
min-height: 26px;
}
.content-page-index .post-masonry-index .post .entry-content {
position: relative;
margin-right: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 32px;
}
.content-page-index .post-masonry-index .post.sticky .entry-content:before {
content: '\f02e';
font-family: "Font Awesome 5 Free";
position: absolute;
top: -1px;
left: 0;
color: var(--zilom-theme-color);
font-size: 18px;
z-index: 1;
line-height: 1;
font-weight: 900;
}
.content-page-index .post-masonry-index .post.sticky:hover .entry-content:before {
color: #FFD45F;
}
.search-results .main-page-content {
margin: 80px 0 50px;
}
@media (max-width: 991.98px) {
.search-results .main-page-content {
margin: 50px 0 30px;
}
}
.search-no-results .main-page-content {
margin: 80px 0 50px;
}
@media (max-width: 991.98px) {
.search-no-results .main-page-content {
margin: 50px 0 30px;
}
}
.search-no-results .main-page-content .search-no-results-content {
padding: 30px;
background: #F1F2F6;
margin-bottom: 30px;
border-radius: 10px;
}
.search-no-results .main-page-content .search-no-results-content .message {
margin-bottom: 15px;
color: #1c1e27;
}
.archive .search-no-results-content {
padding: 30px;
background: #F1F2F6;
margin-bottom: 30px;
border-radius: 10px;
}
.archive .search-no-results-content .message {
margin-bottom: 15px;
color: #1c1e27;
}
body.page .content-page-inner h1.title {
margin-top: 58px;
margin-bottom: 30px;
}
body[class*='single-']:not(.page) .main-page-content {
padding: 55px 0 60px;
}
@media (max-width: 575.98px) {
body[class*='single-']:not(.page) .main-page-content {
padding: 25px 0 30px;
}
}
body.archive #tribe-events {
padding: 35px 0 60px;
}
@media (max-width: 575.98px) {
body.archive #tribe-events {
padding: 10px 0 30px;
}
}
/*------------------------------------------------------------------*\
10 - FORM STYLE
\*------------------------------------------------------------------*/
.wpcf7-form {
max-width: 950px;
margin: 0 auto;
}
.wpcf7-form .row {
margin: 0 -10px;
}
.wpcf7-form .row > div {
padding: 0 10px;
}
.wpcf7-form p {
margin-bottom: 20px;
font-weight: 600;
}
.wpcf7-form .wpcf7-form-control-wrap {
display: block;
margin-bottom: 20px;
}
.wpcf7-form input[type*="email"], .wpcf7-form input[type*="text"], .wpcf7-form input[type*="tel"] {
width: 100%;
height: 60px;
padding: 0 15px;
border: none !important;
background: #F1F2F6;
-webkit-box-shadow: none;
box-shadow: none;
}
.wpcf7-form select {
background: var(--zilom-theme-color);
line-height: 68px;
height: 68px;
width: 100%;
color: var(--zilom-body-color);
}
.wpcf7-form textarea {
width: 100%;
padding: 10px 20px;
max-height: 220px;
background: #F1F2F6;
-webkit-box-shadow: none;
box-shadow: none;
border: none !important;
}
.wpcf7-form textarea::-webkit-input-placeholder {
color: var(--zilom-body-color);
}
.wpcf7-form textarea::-moz-placeholder {
color: var(--zilom-body-color);
}
.wpcf7-form textarea:-ms-input-placeholder {
color: var(--zilom-body-color);
}
.wpcf7-form textarea:-moz-placeholder {
color: var(--zilom-body-color);
}
.wpcf7-form textarea.size-medium {
max-height: 135px;
}
.wpcf7-form .form-action {
text-align: center;
padding: 0;
position: relative;
}
.wpcf7-form .form-action input {
background: none !important;
}
.wpcf7-form .form-action .ajax-loader {
position: absolute;
right: 0;
top: 50%;
margin-top: -8px;
}
.newsletter-form {
position: relative;
max-width: 710px;
overflow: hidden;
margin: 0 auto;
}
.newsletter-form input {
border: none;
padding: 0 10px;
display: block;
line-height: 64px;
width: 100%;
background: none;
}
.newsletter-form input[type="email"] {
padding: 0 35px 0 0;
width: 100%;
border: none;
line-height: 65px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
text-align: left;
font-size: 16px;
font-weight: 500;
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
border-radius: 0;
color: #fff;
}
.newsletter-form input[type="email"]:focus {
border-bottom-color: #FFD45F;
}
.newsletter-form input[type="email"]::-webkit-input-placeholder {
color: #fff;
}
.newsletter-form input[type="email"]::-moz-placeholder {
color: #fff;
}
.newsletter-form input[type="email"]:-ms-input-placeholder {
color: #fff;
}
.newsletter-form input[type="email"]:-moz-placeholder {
color: #fff;
}
.newsletter-form .form-action {
line-height: 42px;
position: absolute;
top: 0;
right: 0;
z-index: 11;
width: 35px;
height: 60px;
}
.newsletter-form .form-action i {
position: absolute;
top: 50%;
right: 0;
z-index: 11;
margin-top: -7px;
font-size: 22px;
color: #fff;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.newsletter-form .form-action input.newsletter-submit {
border: none;
padding: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 11;
opacity: 0;
}
.newsletter-form .form-action:hover i {
color: #FFD45F;
}
.mc4wp-form:before, .mc4wp-form:after {
content: " ";
display: table;
}
.mc4wp-form:after {
clear: both;
}
.mc4wp-form .mc4wp-response {
margin-top: 8px;
color: #fff;
opacity: 0.8;
}
.mc4wp-form .mc4wp-response a {
color: #fff;
}
.mc4wp-form .mc4wp-response p {
margin: 0;
}
.form-black .mc4wp-form .newsletter-form input[type="email"] {
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
color: var(--zilom-body-color);
}
.form-black .mc4wp-form .newsletter-form input[type="email"]:focus {
border-bottom-color: #FFD45F;
}
.form-black .mc4wp-form .newsletter-form input[type="email"]::-webkit-input-placeholder {
color: var(--zilom-body-color);
}
.form-black .mc4wp-form .newsletter-form input[type="email"]::-moz-placeholder {
color: var(--zilom-body-color);
}
.form-black .mc4wp-form .newsletter-form input[type="email"]:-ms-input-placeholder {
color: var(--zilom-body-color);
}
.form-black .mc4wp-form .newsletter-form input[type="email"]:-moz-placeholder {
color: var(--zilom-body-color);
}
.form-black .mc4wp-form .mc4wp-response {
color: #1c1e27;
}
.form-black .mc4wp-form .mc4wp-response a {
color: #1c1e27;
}
.form-black .mc4wp-form .mc4wp-response p {
margin: 0;
}
/*------------------------------------------------------------------*\
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: 22px;
position: relative;
color: #1c1e27;
}
@media (max-width: 767.98px) {
#comments .title, #comments .comments-title {
font-size: 20px;
}
}
#comments .comments-title {
padding: 28px 0 15px;
margin: 0 0 30px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
#comments .comments-title:after {
content: '';
width: 50px;
height: 2px;
background: var(--zilom-theme-color);
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: #F1F2F6;
-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(--zilom-body-color);
}
#comments input[type*="email"]::-moz-placeholder, #comments input[type*="text"]::-moz-placeholder, #comments textarea::-moz-placeholder {
color: var(--zilom-body-color);
}
#comments input[type*="email"]:-ms-input-placeholder, #comments input[type*="text"]:-ms-input-placeholder, #comments textarea:-ms-input-placeholder {
color: var(--zilom-body-color);
}
#comments input[type*="email"]:-moz-placeholder, #comments input[type*="text"]:-moz-placeholder, #comments textarea:-moz-placeholder {
color: var(--zilom-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;
background: var(--zilom-theme-color);
color: #fff;
font-weight: 700;
padding: 22px 38px;
line-height: 1.2;
position: relative;
z-index: 9;
display: inline-block;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
text-decoration: none;
width: auto;
}
#comments #add_review_button:hover,
#comments #submit:hover {
opacity: 0.8;
}
#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(--zilom-theme-color);
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: 2px;
}
#comments .comment-form-main:before, #comments .comment-form-main:after {
content: " ";
display: table;
}
#comments .comment-form-main:after {
clear: both;
}
#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(--zilom-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 #dee2e6;
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: 700;
display: block;
width: 100%;
font-size: 16px;
font-style: normal;
color: #1c1e27;
}
#comments ol.comment-list .the-comment .author-meta .fn a {
font-size: 16px;
}
#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(--zilom-theme-color);
position: absolute;
top: 8px;
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(--zilom-theme-color);
}
#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(--zilom-theme-color);
display: inline-block;
font-weight: 500;
font-size: 14px;
}
#comments ol.comment-list .the-comment .comment-action-wrap a.comment-edit-link {
color: #1c1e27;
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;
margin-bottom: 30px;
}
#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 #dee2e6;
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: #1c1e27;
}
.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(--zilom-theme-color);
position: absolute;
top: 5px;
left: 0;
z-index: 1;
}
.pingbacklist > li .the-comment .comment-info a {
color: #999;
}
.pingbacklist > li .the-comment .comment-info a:hover {
color: var(--zilom-theme-color);
}
.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(--zilom-theme-color);
display: inline-block;
font-weight: 500;
font-size: 14px;
}
.pingbacklist > li .the-comment .comment-action-wrap a.comment-edit-link {
color: #1c1e27;
margin-right: 15px;
}
.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(--zilom-theme-color);
}
.cld-like-dislike-wrap .cld-like-wrap a {
color: var(--zilom-theme-color);
}
.cld-like-dislike-wrap .cld-dislike-wrap {
color: #a0a0a0;
}
.cld-like-dislike-wrap .cld-dislike-wrap a {
color: #a0a0a0;
}
body.logged-in .gav-comment-list .the-comment .author-meta {
padding-right: 50px;
}
/*------------------------------------------------------------------*\
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 placeHolderShimmer {
0% {
background-position: -468px 0;
}
100% {
background-position: 468px 0;
}
}
@keyframes placeHolderShimmer {
0% {
background-position: -468px 0;
}
100% {
background-position: 468px 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.5);
transform: scale(1.5);
opacity: 0;
}
}
@keyframes pulse-border {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
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(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
}
50% {
-webkit-transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px);
transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px);
}
}
@keyframes shapeMover {
0%, 100% {
-webkit-transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
}
50% {
-webkit-transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px);
transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px);
}
}
/*------------------------------------------------------------------*\
13 - CUSTOMIZE STYLE
\*------------------------------------------------------------------*/
.custom-breadcrumb {
position: relative;
background-color: #1c1e27;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 35px;
position: relative;
z-index: 1;
}
.custom-breadcrumb .breadcrumb-main {
position: relative;
z-index: 11;
}
.custom-breadcrumb .breadcrumb-container-inner {
position: relative;
padding: 136px 0 136px;
}
@media (max-width: 991.98px) {
.custom-breadcrumb .breadcrumb-container-inner {
padding-bottom: 100px !important;
padding-top: 100px !important;
}
}
@media (max-width: 767.98px) {
.custom-breadcrumb .breadcrumb-container-inner {
padding-bottom: 80px !important;
padding-top: 80px !important;
}
}
@media (max-width: 575.98px) {
.custom-breadcrumb .breadcrumb-container-inner {
padding-bottom: 60px !important;
padding-top: 60px !important;
}
}
.custom-breadcrumb .heading-title {
font-size: 36px;
color: var(--zilom-heading-color);
margin: 0;
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: 15px;
font-weight: 500;
position: absolute;
right: 0;
bottom: 0;
z-index: 9;
padding: 25px 25px 22px;
background: #fff;
color: var(--zilom-theme-color);
border-radius: 10px 10px 0 0;
}
@media (max-width: 500px) {
.custom-breadcrumb .breadcrumb {
display: none;
}
}
.custom-breadcrumb .breadcrumb li {
float: left;
position: relative;
z-index: 11;
line-height: 1;
font-weight: 700;
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: #1c1e27;
}
.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
\*------------------------------------------------------------------*/
.twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before {
content: " ";
display: block;
background: #fff;
position: absolute;
z-index: 30;
-webkit-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-horizontal .twentytwenty-handle:before {
width: 3px;
height: 9999px;
left: 50%;
margin-left: -1.5px;
}
.twentytwenty-vertical .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before {
width: 9999px;
height: 3px;
top: 50%;
margin-top: -1.5px;
}
.twentytwenty-after-label, .twentytwenty-before-label, .twentytwenty-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.twentytwenty-after-label, .twentytwenty-before-label, .twentytwenty-overlay {
-webkit-transition-duration: .5s;
transition-duration: .5s;
}
.twentytwenty-after-label, .twentytwenty-before-label {
-webkit-transition-property: opacity;
transition-property: opacity;
}
.twentytwenty-after-label:before, .twentytwenty-before-label:before {
color: #fff;
font-size: 13px;
letter-spacing: .1em;
}
.twentytwenty-after-label:before, .twentytwenty-before-label:before {
position: absolute;
background: rgba(255, 255, 255, 0.2);
line-height: 38px;
padding: 0 20px;
border-radius: 2px;
}
.twentytwenty-horizontal .twentytwenty-after-label:before, .twentytwenty-horizontal .twentytwenty-before-label:before {
top: 50%;
margin-top: -19px;
}
.twentytwenty-vertical .twentytwenty-after-label:before, .twentytwenty-vertical .twentytwenty-before-label:before {
left: 50%;
margin-left: -45px;
text-align: center;
width: 90px;
}
.twentytwenty-down-arrow, .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute;
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
top: 50%;
margin-top: -6px;
}
.twentytwenty-down-arrow, .twentytwenty-up-arrow {
left: 50%;
margin-left: -6px;
}
.twentytwenty-container {
-webkit-box-sizing: content-box;
box-sizing: content-box;
z-index: 0;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.twentytwenty-container img {
max-width: 100%;
position: absolute;
top: 0;
display: block;
}
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
background: rgba(0, 0, 0, 0);
}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label {
opacity: 0;
}
.twentytwenty-container * {
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.twentytwenty-before-label {
opacity: 0;
}
.twentytwenty-before-label:before {
content: attr(data-content);
}
.twentytwenty-after-label {
opacity: 0;
}
.twentytwenty-after-label:before {
content: attr(data-content);
}
.twentytwenty-horizontal .twentytwenty-before-label:before {
left: 10px;
}
.twentytwenty-horizontal .twentytwenty-after-label:before {
right: 10px;
}
.twentytwenty-vertical .twentytwenty-before-label:before {
top: 10px;
}
.twentytwenty-vertical .twentytwenty-after-label:before {
bottom: 10px;
}
.twentytwenty-overlay {
-webkit-transition-property: background;
transition-property: background;
background: rgba(0, 0, 0, 0);
z-index: 25;
}
.twentytwenty-overlay:hover {
background: rgba(0, 0, 0, 0.5);
}
.twentytwenty-overlay:hover .twentytwenty-after-label {
opacity: 1;
}
.twentytwenty-overlay:hover .twentytwenty-before-label {
opacity: 1;
}
.twentytwenty-before {
z-index: 20;
}
.twentytwenty-after {
z-index: 10;
}
.twentytwenty-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border: 3px solid #fff;
border-radius: 1000px;
-webkit-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
z-index: 40;
cursor: pointer;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 22px;
-webkit-box-shadow: 0 3px 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 3px 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:after {
top: 50%;
margin-top: 22px;
-webkit-box-shadow: 0 -3px 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 -3px 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:before {
left: 50%;
margin-left: 22px;
-webkit-box-shadow: 3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5);
box-shadow: 3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:after {
right: 50%;
margin-right: 22px;
-webkit-box-shadow: -3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5);
box-shadow: -3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-left-arrow {
border-right: 6px solid #fff;
left: 50%;
margin-left: -17px;
}
.twentytwenty-right-arrow {
border-left: 6px solid #fff;
right: 50%;
margin-right: -17px;
}
.twentytwenty-up-arrow {
border-bottom: 6px solid #fff;
top: 50%;
margin-top: -17px;
}
.twentytwenty-down-arrow {
border-top: 6px solid #fff;
bottom: 50%;
margin-bottom: -17px;
}
@media (max-width: 767.98px) {
.tparrows {
display: none !important;
}
}
.owl-carousel, .flex-control-nav, .ctf-tweets {
position: relative;
max-height: 300px;
overflow: hidden;
}
.owl-carousel:after, .flex-control-nav:after, .ctf-tweets: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%;
}
.owl-carousel.owl-loaded, .flex-control-nav.owl-loaded, .ctf-tweets.owl-loaded {
max-height: none;
overflow: visible;
}
.owl-carousel.owl-loaded:after, .flex-control-nav.owl-loaded:after, .ctf-tweets.owl-loaded:after {
display: none !important;
}
.owl-carousel .owl-nav, .flex-control-nav .owl-nav, .ctf-tweets .owl-nav {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 0.35s;
transition: 0.35s;
}
.owl-carousel .owl-nav.disabled, .flex-control-nav .owl-nav.disabled, .ctf-tweets .owl-nav.disabled {
display: none !important;
}
.owl-carousel .owl-nav > div, .flex-control-nav .owl-nav > div, .ctf-tweets .owl-nav > div {
position: absolute;
top: 50%;
margin-top: -24px;
z-index: 99;
line-height: 56px;
text-align: center;
width: 48px;
height: 48px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
color: #1c1e27;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(60%, #E3E8EF));
background: linear-gradient(180deg, #fff 0%, #E3E8EF 60%);
-webkit-box-shadow: -5px 0 15px 0 rgba(99, 115, 137, 0.15), -2px 0 4px 0 rgba(99, 115, 137, 0.2), inset 2px 0 0 0 #c2cfde;
box-shadow: -5px 0 15px 0 rgba(99, 115, 137, 0.15), -2px 0 4px 0 rgba(99, 115, 137, 0.2), inset 2px 0 0 0 #c2cfde;
border-radius: 50%;
cursor: pointer;
transition: all 0.35s;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.owl-carousel .owl-nav > div span, .flex-control-nav .owl-nav > div span, .ctf-tweets .owl-nav > div span {
position: relative;
z-index: 11;
}
.owl-carousel .owl-nav > div i, .flex-control-nav .owl-nav > div i, .ctf-tweets .owl-nav > div i {
margin: 0;
font-size: 22px;
}
.owl-carousel .owl-nav > div.disabled, .flex-control-nav .owl-nav > div.disabled, .ctf-tweets .owl-nav > div.disabled {
opacity: 0.3;
filter: alpha(opacity=30);
}
.owl-carousel .owl-nav > div.owl-prev, .flex-control-nav .owl-nav > div.owl-prev, .ctf-tweets .owl-nav > div.owl-prev {
left: -50px;
}
@media (max-width: 1400px) {
.owl-carousel .owl-nav > div.owl-prev, .flex-control-nav .owl-nav > div.owl-prev, .ctf-tweets .owl-nav > div.owl-prev {
left: 5px;
}
}
.owl-carousel .owl-nav > div.owl-next, .flex-control-nav .owl-nav > div.owl-next, .ctf-tweets .owl-nav > div.owl-next {
right: -50px;
}
@media (max-width: 1400px) {
.owl-carousel .owl-nav > div.owl-next, .flex-control-nav .owl-nav > div.owl-next, .ctf-tweets .owl-nav > div.owl-next {
right: 5px;
}
}
.owl-carousel .owl-nav > div:hover, .owl-carousel .owl-nav > div:focus, .flex-control-nav .owl-nav > div:hover, .flex-control-nav .owl-nav > div:focus, .ctf-tweets .owl-nav > div:hover, .ctf-tweets .owl-nav > div:focus {
background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(60%, #DCE5EF));
background: linear-gradient(180deg, #fff 0%, #DCE5EF 60%);
opacity: 1;
filter: alpha(opacity=100);
}
.owl-carousel .owl-dots, .flex-control-nav .owl-dots, .ctf-tweets .owl-dots {
margin-top: 15px;
width: 100%;
text-align: center;
line-height: 1;
counter-reset: count;
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;
}
.owl-carousel .owl-dots .owl-dot, .flex-control-nav .owl-dots .owl-dot, .ctf-tweets .owl-dots .owl-dot {
display: inline-block;
margin: 0 5px;
position: relative;
border: none;
padding: 0;
width: 15px;
height: 15px;
background: #F1F2F6;
border-radius: 50%;
}
.owl-carousel .owl-dots .owl-dot.active, .flex-control-nav .owl-dots .owl-dot.active, .ctf-tweets .owl-dots .owl-dot.active {
background: var(--zilom-theme-color);
}
.owl-carousel .owl-dots .owl-dot:hover, .flex-control-nav .owl-dots .owl-dot:hover, .ctf-tweets .owl-dots .owl-dot:hover {
cursor: pointer;
}
.owl-carousel:hover .owl-nav, .flex-control-nav:hover .owl-nav, .ctf-tweets:hover .owl-nav {
opacity: 1;
filter: alpha(opacity=100);
}
.owl-carousel:hover .owl-nav > div.disabled, .flex-control-nav:hover .owl-nav > div.disabled, .ctf-tweets:hover .owl-nav > div.disabled {
opacity: 0.6;
filter: alpha(opacity=60);
pointer: disabled;
color: #1c1e27;
}
.owl-carousel:hover .owl-nav > div.disabled:hover, .flex-control-nav:hover .owl-nav > div.disabled:hover, .ctf-tweets:hover .owl-nav > div.disabled:hover {
cursor: no-drop;
}
.dots-left .owl-dots {
float: left;
text-align: left;
margin-left: 13px;
}
.owl-carousel .owl-item img {
max-width: 100%;
display: inline-block;
transform-style: unset !important;
-webkit-transform-style: unset !important;
-o-transform-style: unset !important;
-ms-transform-style: unset !important;
}
.owl-carousel {
margin: 0 -15px;
width: auto !important;
}
.owl-carousel .owl-item {
padding-left: 15px;
padding-right: 15px;
}
.owl-carousel.dot-left .owl-dots {
position: absolute;
width: 50px;
left: -50px;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.owl-carousel.dot-left .owl-dots .owl-dot {
display: block;
margin-bottom: 10px;
}
.owl-carousel.dot-right .owl-dots {
position: absolute;
width: 50px;
right: -50px;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.owl-carousel.dot-right .owl-dots .owl-dot {
display: block;
margin-bottom: 10px;
}
.owl-carousel.dot-bottom-left .owl-dots {
margin-top: 20px;
text-align: left;
}
.owl-carousel.dot-bottom-right .owl-dots {
margin-top: 20px;
text-align: right;
}
.owl-carousel.dot-bottom-center .owl-dots {
margin-top: 20px;
float: none;
text-align: center;
}
.small-gutter .owl-carousel {
margin: 0 -1px;
width: auto !important;
}
.small-gutter .owl-carousel .owl-item {
padding-left: 1px;
padding-right: 1px;
}
.no-gutter .owl-carousel {
margin: 0;
width: auto !important;
}
.no-gutter .owl-carousel .owl-item {
padding-left: 0;
padding-right: 0;
}
.init-carousel-owl-theme.owl-carousel .owl-nav > div.owl-prev, .init-carousel-owl-theme .flex-control-nav .owl-nav > div.owl-prev {
left: 0;
}
.init-carousel-owl-theme.owl-carousel .owl-nav > div.owl-next, .init-carousel-owl-theme .flex-control-nav .owl-nav > div.owl-next {
right: 0;
}
.owl-boxshadow-carousel {
margin: 0 -15px;
width: auto !important;
}
.owl-boxshadow-carousel .owl-item .item {
overflow: hidden;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.owl-boxshadow-carousel .owl-item.active .item {
overflow: visible;
opacity: 1;
}
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(--zilom-theme-color);
}
ul.nav-tabs > li.active > a {
background: var(--zilom-theme-color);
}
#gva-filter-overlay, #gva-overlay {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
top: 0;
left: 0;
z-index: 9;
display: none;
}
#gva-filter-overlay.open, #gva-overlay.open {
display: block;
}
#gva-filter-overlay:hover, #gva-overlay:hover {
cursor: pointer;
}
/* perfect-scrollbar */
.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;
filter: alpha(opacity=90);
}
.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;
filter: alpha(opacity=90);
}
.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;
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;
height: 8px;
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
position: absolute;
background-color: #aaa;
border-radius: 4px;
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
bottom: 0;
height: 8px;
}
.ps-container > .ps-scrollbar-y-rail {
display: none;
position: absolute;
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;
width: 4px;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
position: absolute;
background-color: #aaa;
border-radius: 4px;
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
right: 0;
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;
filter: alpha(opacity=90);
}
.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;
filter: alpha(opacity=90);
}
.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;
filter: alpha(opacity=60);
}
.ps-container:hover > .ps-scrollbar-x-rail:hover {
background-color: #eee;
opacity: 0.6;
filter: alpha(opacity=60);
}
.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;
filter: alpha(opacity=60);
}
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
background-color: #999;
}
.select2-container {
width: 100% !important;
}
.select2-container .select2-dropdown {
border: 1px solid #dee2e6;
-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 .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(--zilom-theme-color);
}
.select2-container .select2-dropdown ul.select2-results__options li[aria-selected="true"] {
background: #F6F6F6;
color: var(--zilom-theme-color);
}
.select2-container .select2-selection {
outline: none;
height: 51px;
border: 1px solid #dee2e6 !important;
background: #FFF;
padding: 0 10px;
line-height: 50px !important;
position: relative;
-webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.09);
box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.09);
}
.select2-container .select2-selection.select2-selection--single {
height: 50px;
border-radius: 4px;
}
.select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered {
padding: 0;
list-style: none;
overflow: hidden;
}
.select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered > li {
display: inline-block;
font-size: 12px;
}
.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: 12px !important;
margin-top: -5px;
display: inline-block;
-webkit-transition: all 0.35s;
transition: all 0.35s;
position: absolute;
}
.select2-container .select2-selection .select2-selection__arrow b {
display: none;
}
.select2-container .select2-selection .select2-selection__rendered {
outline: none !important;
line-height: 50px !important;
color: var(--zilom-body-color) !important;
font-size: 14px;
}
.select2-container .select2-selection .select2-selection__rendered .select2-selection__placeholder {
color: var(--zilom-body-color);
line-height: 50px;
}
.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear {
font-size: 18px;
background: var(--zilom-theme-color);
color: #fff;
width: 20px;
height: 20px;
border-radius: 4px;
line-height: 20px;
text-align: center;
position: absolute;
top: 50%;
margin-top: -10px;
right: 10px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
z-index: 11;
}
.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear:hover {
background: #1c1e27;
}
.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 #dee2e6;
background: #dee2e6;
color: #1c1e27;
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(--zilom-theme-color);
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(--zilom-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(--zilom-heading-font-family);
background: var(--zilom-theme-color);
color: #fff;
font-size: 12px;
font-weight: 600;
border: none;
}
#ui-datepicker-div .ui-widget-header {
background: var(--zilom-theme-color);
color: #fff;
border: none;
}
.nsl-container-block {
text-align: center !important;
padding-top: 10px !important;
}
div.nsl-container[data-align="left"] {
text-align: left;
}
div.nsl-container[data-align="center"] {
text-align: center;
}
div.nsl-container[data-align="right"] {
text-align: right;
}
div.nsl-container .nsl-container-buttons a {
text-decoration: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 0;
}
div.nsl-container .nsl-container-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 5px 0;
}
div.nsl-container.nsl-container-block .nsl-container-buttons {
display: inline-grid;
grid-template-columns: minmax(145px, auto);
}
div.nsl-container-block-fullwidth .nsl-container-buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div.nsl-container-block-fullwidth .nsl-container-buttons a,
div.nsl-container-block .nsl-container-buttons a {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: block;
margin: 5px 0;
width: 100%;
}
div.nsl-container-inline {
margin: -5px;
text-align: left;
}
div.nsl-container-inline .nsl-container-buttons {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
div.nsl-container-inline .nsl-container-buttons a {
margin: 5px;
display: inline-block;
}
div.nsl-container-grid .nsl-container-buttons {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
div.nsl-container-grid .nsl-container-buttons a {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: block;
margin: 5px;
max-width: 280px;
width: 100%;
}
@media only screen and (min-width: 650px) {
div.nsl-container-grid .nsl-container-buttons a {
width: auto;
}
}
div.nsl-container .nsl-button {
cursor: pointer;
vertical-align: top;
border-radius: 4px;
}
div.nsl-container .nsl-button-default {
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
div.nsl-container .nsl-button-icon {
display: inline-block;
}
div.nsl-container .nsl-button-svg-container {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div.nsl-container svg {
height: 24px;
width: 24px;
vertical-align: top;
}
div.nsl-container .nsl-button-default div.nsl-button-label-container {
margin: 0 24px 0 12px;
padding: 10px 0;
font-size: 16px;
line-height: 20px;
letter-spacing: .25px;
overflow: hidden;
text-align: center;
text-overflow: clip;
white-space: nowrap;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-transform: none;
display: inline-block;
}
div.nsl-container .nsl-button-google[data-skin="dark"] .nsl-button-svg-container {
margin: 1px;
padding: 7px;
border-radius: 3px;
background: #fff;
}
div.nsl-container .nsl-button-google[data-skin="light"] {
border-radius: 1px;
-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
color: RGBA(0, 0, 0, 0.54);
}
div.nsl-container .nsl-button-apple .nsl-button-svg-container {
padding: 0 6px;
}
div.nsl-container .nsl-button-apple .nsl-button-svg-container svg {
height: 40px;
width: auto;
}
div.nsl-container .nsl-button-apple[data-skin="light"] {
color: #000;
-webkit-box-shadow: 0 0 0 1px #000;
box-shadow: 0 0 0 1px #000;
}
div.nsl-container .nsl-button-facebook[data-skin="white"] {
color: #000;
-webkit-box-shadow: inset 0 0 0 1px #000;
box-shadow: inset 0 0 0 1px #000;
}
div.nsl-container .nsl-button-facebook[data-skin="light"] {
color: #1877F2;
-webkit-box-shadow: inset 0 0 0 1px #1877F2;
box-shadow: inset 0 0 0 1px #1877F2;
}
div.nsl-container .nsl-button-apple div.nsl-button-label-container {
font-size: 17px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.nsl-clear {
clear: both;
}
.nsl-container {
clear: both;
}
/*Button align start*/
div.nsl-container-inline[data-align="left"] .nsl-container-buttons {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
div.nsl-container-inline[data-align="center"] .nsl-container-buttons {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
div.nsl-container-inline[data-align="right"] .nsl-container-buttons {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
div.nsl-container-grid[data-align="left"] .nsl-container-buttons {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
div.nsl-container-grid[data-align="center"] .nsl-container-buttons {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
div.nsl-container-grid[data-align="right"] .nsl-container-buttons {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
div.nsl-container-grid[data-align="space-around"] .nsl-container-buttons {
-ms-flex-pack: distribute;
justify-content: space-around;
}
div.nsl-container-grid[data-align="space-between"] .nsl-container-buttons {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}