html {
overflow-x: hidden;
font-size: 16px;
}
body {
overflow-x: hidden;
line-height: 1.8em;
}
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(--e-global-color-primary);
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 15px;
margin-bottom: 20px;
text-transform: uppercase;
}
h1 {
letter-spacing: -1px;
}
h2 {
letter-spacing: -0.6px;
}
h3,
h4 {
letter-spacing: -0.36px;
}
h5,
h6 {
letter-spacing: -0.26px;
}
img {
border: 0;
vertical-align: top;
max-width: 100%;
height: auto;
}
svg {
height: auto;
}
.video-responsive {
height: 0;
padding-top: 0;
padding-bottom: 56.25%;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
.video-responsive embed,
.video-responsive iframe,
.video-responsive object,
.video-responsive video {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}
.wp-block-gallery.alignleft {
padding-right: 30px;
margin-top: 6px;
}
.wp-block-gallery.alignright {
padding-left: 30px;
margin-top: 6px;
}
.wp-block-gallery figcaption,
.wp-block-gallery .blocks-gallery-caption {
margin-bottom: 15px;
}
.wp-block-button {
margin-bottom: 10px;
}
.wp-block-button__link {
margin-bottom: 10px;
color: #fff !important;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.wp-block-button__link:hover {
color: #fff !important;
-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.16);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.16);
}
.is-style-outline .wp-block-button__link {
color: #171717 !important;
}
.is-style-outline .wp-block-button__link:hover {
color: #171717 !important;
}
.is-style-squared a {
border-radius: 0 !important;
}
.no-border-radius {
border-radius: 0 !important;
}
figure figcaption {
display: block;
}
figcaption,
figure,
main {
display: block;
}
.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
line-height: 1.2 !important;
padding-top: 10px !important;
}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="number"],
textarea,
select,
#checkout_form .input_group>div input,
#edit_user_profile .input_group>div input {
background-color: #FBFBFB;
border: 1px solid #e2dfeb;
padding: 0 15px;
max-width: 100%;
line-height: 50px;
color: var(--pisole-body-color);
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
input[type="text"]:focus,
input[type="text"]:active,
input[type="text"]:hover,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="tel"]:hover,
input[type="password"]:focus,
input[type="password"]:active,
input[type="password"]:hover,
input[type="email"]:focus,
input[type="email"]:active,
input[type="email"]:hover,
input[type="url"]:focus,
input[type="url"]:active,
input[type="url"]:hover,
input[type="date"]:focus,
input[type="date"]:active,
input[type="date"]:hover,
input[type="number"]:focus,
input[type="number"]:active,
input[type="number"]:hover,
textarea:focus,
textarea:active,
textarea:hover,
select:focus,
select:active,
select:hover,
#checkout_form .input_group>div input:focus,
#checkout_form .input_group>div input:active,
#checkout_form .input_group>div input:hover,
#edit_user_profile .input_group>div input:focus,
#edit_user_profile .input_group>div input:active,
#edit_user_profile .input_group>div input:hover {
outline: none;
}
input:-webkit-autofill {
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: var(--pisole-body-color) !important;
color: var(--pisole-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(--pisole-body-color);
}
input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="email"]::-moz-placeholder {
color: var(--pisole-body-color);
opacity: 1;
}
input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder {
color: var(--pisole-body-color);
opacity: 1;
}
input[type="text"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="email"]:-moz-placeholder {
color: var(--pisole-body-color);
opacity: 1;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("../images/down-arrow.svg") !important;
background-repeat: no-repeat !important;
background-size: 10px !important;
padding-right: 35px;
background-position: right 16px center !important;
}
.input-fw {
width: 100%;
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
cursor: pointer;
}
textarea {
width: 100%;
}
input:focus,
input:active,
input:hover,
textarea:focus,
textarea:active,
textarea:hover,
select:focus,
select:active,
select:hover {
outline: none;
}
.wp-caption {
margin-top: 10px;
margin-bottom: 10px;
max-width: 100%;
}
.wp-caption img {
margin-bottom: 10px;
}
.wp-caption .wp-caption-text {
font-weight: 400;
font-size: 14px;
line-height: 22px;
font-style: italic;
color: #171717;
width: 100%;
display: block;
clear: both;
padding: 8px 15px;
}
.wp-block-image {
margin-top: 1.5em !important;
margin-bottom: 1.5em !important;
}
.wp-block-image .aligncenter {
display: block !important;
}
.wp-block-image .alignleft {
margin-right: 2em !important;
margin-bottom: 0.8em !important;
}
.wp-block-image .alignright {
margin-left: 2em !important;
margin-bottom: 1em !important;
}
.wp-block-image .aligncenter,
.wp-block-image .alignwide,
.wp-block-image .alignfull,
.wp-block-image.aligncenter,
.wp-block-image.alignwide,
.wp-block-image.alignfull {
margin-top: 1.5em !important;
margin-bottom: 1.5em !important;
}
.wp-block-image figcaption {
margin-bottom: 0 !important;
margin-top: 15px;
font-size: 14px;
line-height: 24px;
}
img.alignright {
margin-top: 5px;
margin-bottom: 15px;
}
img.alignright.size-full {
float: right;
clear: both;
}
img.aligncenter {
display: block;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 20px;
margin-bottom: 20px;
}
img.alignnone {
margin-top: 5px;
margin-bottom: 5px;
}
img.alignleft {
margin-top: 5px;
margin-bottom: 10px;
}
.aligncenter {
text-align: center !important;
clear: both;
display: block;
margin: 0 auto 0;
margin-left: auto !important;
margin-right: auto !important;
}
.aligncenter img {
margin: 10px 0;
}
.alignleft {
text-align: left;
float: left;
margin-right: 25px;
}
@media (max-width: 640px) {
.alignleft {
margin-right: 15px;
}
}
.alignleft .wp-caption-text {
padding: 0;
}
.alignright {
text-align: right;
float: right;
margin-left: 25px;
}
@media (max-width: 640px) {
.alignright {
margin-left: 15px;
}
}
.alignright figcaption {
text-align: right;
}
.alignright .wp-caption-text {
padding: 0;
}
.alignnone .wp-caption-text {
padding: 0;
}
@media (max-width: 640px) {
.alignleft,
.alignright {
max-width: 50%;
}
}
.wp-block-cover {
color: #fff !important;
margin-bottom: 20px;
}
.wp-block-cover .wp-block-cover-text {
color: #fff !important;
}
.wp-block-cover-text {
color: #fff !important;
}
.wp-block-image,
.wp-block-gallery,
.wp-block-embed {
margin: 15px 0;
}
.blocks-gallery-caption,
.wp-block-embed figcaption,
.wp-block-image figcaption {
width: 100%;
display: block !important;
}
.wp-block-categories {
padding-left: 0;
list-style: none;
}
.link-pages {
float: left;
width: 100%;
}
.page-links .page-links-title,
.link-pages .page-links-title {
font-weight: 600;
color: #171717;
}
.page-links .post-nav-links,
.link-pages .post-nav-links {
margin-top: 10px;
}
.page-links>a,
.page-links>span:not(.page-links-title),
.page-links .post-nav-links>a,
.page-links .post-nav-links>span,
.link-pages>a,
.link-pages>span:not(.page-links-title),
.link-pages .post-nav-links>a,
.link-pages .post-nav-links>span {
padding: 2px 12px;
line-height: 28px;
text-align: center;
border: 1px solid #e2dfeb;
display: inline-block;
color: #171717;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
min-width: 34px;
font-weight: 500;
}
.page-links>a:hover,
.page-links>span:not(.page-links-title):hover,
.page-links .post-nav-links>a:hover,
.page-links .post-nav-links>span:hover,
.link-pages>a:hover,
.link-pages>span:not(.page-links-title):hover,
.link-pages .post-nav-links>a:hover,
.link-pages .post-nav-links>span:hover {
background: var(--e-global-color-primary);
border-color: var(--e-global-color-primary);
color: #fff;
}
.page-links>span:not(.page-links-title),
.page-links .post-nav-links>span,
.link-pages>span:not(.page-links-title),
.link-pages .post-nav-links>span {
background: var(--e-global-color-primary);
color: #fff;
border-color: var(--e-global-color-primary);
}
.page-links .post-page-numbers {
padding: 2px 12px;
line-height: 28px;
text-align: center;
border: 1px solid #e2dfeb;
color: #171717;
display: inline-block;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.page-links .post-page-numbers:hover {
border-color: var(--e-global-color-primary);
}
.page-links span.post-page-numbers {
border-color: var(--e-global-color-primary);
}
#wp-calendar {
width: 100%;
margin-bottom: 0;
}
#wp-calendar caption {
text-transform: uppercase;
font-family: var(--pisole-heading-font-family);
color: #171717;
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 #e2dfeb;
}
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: #e2dfeb;
border-width: 1px 1px 1px 0;
border-style: solid;
padding: 5px 10px;
}
table>thead>tr>th,
table>tbody>tr>th,
table>tfoot>tr>th {
color: #171717;
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: #171717;
white-space: nowrap;
}
blockquote {
border-left: 2px solid var(--e-global-color-primary) !important;
color: #171717;
font-style: italic;
padding: 5px 10px 5px 25px !important;
position: relative;
-webkit-transition: .2s border ease-in-out;
transition: .2s border ease-in-out;
z-index: 0;
margin-bottom: 30px;
}
blockquote p {
font-size: 1.2em !important;
line-height: 2em !important;
}
blockquote:before {
content: "\f10e";
color: var(--e-global-color-primary);
font-family: "Font Awesome 5 Free";
font-style: normal;
line-height: 1em;
text-align: center;
width: 1em;
font-weight: 900;
font-size: 38px;
margin-bottom: 30px;
display: block;
}
blockquote.format:before,
blockquote.format:after {
display: none;
}
blockquote.book:after {
content: "\f12e";
}
blockquote.podcast:after {
content: "\f32d";
}
blockquote.lyrics:after {
content: "\f333";
}
blockquote.favorite:after {
content: "\f384";
}
blockquote:active:after {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
blockquote cite {
display: block;
font-size: 0.75em;
line-height: 1.8em;
margin-top: 1em;
font-weight: 600;
text-transform: uppercase;
}
blockquote cite:before {
content: '';
width: 30px;
height: 2px;
background-color: #d9d9d9;
display: block;
margin-bottom: 10px;
}
.hentry .entry-content .wp-block-pullquote blockquote,
.editor-styles-wrapper .wp-block-pullquote blockquote,
.wp-block-pullquote blockquote {
border: 0 !important;
margin: 0 1em;
padding: 0;
max-width: 90%;
}
.wp-block-pullquote {
margin: 25px 0 !important;
padding: 2em 0;
text-align: left;
font-size: 1em;
font-weight: 600;
}
.wp-block-pullquote.is-style-solid-color {
background: #f4f4f4;
border-left: 2px solid var(--e-global-color-primary) !important;
}
.wp-block-pullquote.is-style-solid-color .wp-block-quote {
max-width: 90%;
}
.wp-block-pullquote .wp-block-quote {
max-width: 90%;
}
dl {
color: #171717;
font-family: var(--pisole-heading-font-family);
}
dd {
margin: 0 1.5em 1.75em;
}
address {
font-style: italic;
margin: 0 0 1.75em;
}
.no-padding {
padding: 0 !important;
}
a.disable {
pointer-events: none;
cursor: default;
}
ul,
ol {
padding-left: 20px;
}
ul li i,
ol li i {
margin-right: 3px;
}
ul.medium,
ol.medium {
list-style-type: none;
padding-left: 0;
}
ul.medium>li,
ol.medium>li {
line-height: 24px;
font-size: 13px;
margin-bottom: 5px;
}
.hide {
display: none;
}
ul.feature-list,
ul.list-style-1 {
margin-bottom: 20px;
padding-left: 0;
}
ul.feature-list>li,
ul.list-style-1>li {
list-style-type: none;
padding-left: 30px;
position: relative;
margin-bottom: 5px;
}
ul.feature-list>li:after,
ul.list-style-1>li:after {
content: "\f058";
font-family: "Font Awesome 5 Free";
position: absolute;
top: 2px;
left: 2px;
z-index: 1;
color: var(--e-global-color-primary);
font-weight: 700;
}
ul.list-style-2 {
list-style-type: none;
padding: 0;
margin: 0;
}
ul.list-style-2>li {
color: var(--e-global-color-primary);
margin: 0 0 20px;
font-size: 16px;
font-weight: 500;
}
ul.list-style-2>li:last-child {
margin-bottom: 0;
}
ul.inline {
padding: 0;
margin: 0;
}
ul.inline>li {
float: left;
margin-right: 15px;
list-style: none;
}
ul.inline>li:last-child {
margin-right: 0;
}
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/************************* Pagination ************************/
.pager .paginations {
display: inline-block;
}
.pager .paginations span,
.pager .paginations a {
font-size: 14px;
background: #fff;
color: #171717;
font-weight: 500;
padding: 0 15px 0 15px;
line-height: 34px;
position: relative;
z-index: 9;
display: inline-block;
-webkit-transition: all 0.35s !important;
transition: all 0.35s !important;
-moz-transition: all 0.35s !important;
-ms-transition: all 0.35s !important;
text-decoration: none;
border: none;
margin-right: 10px;
border: 2px solid #e2dfeb;
border-radius: 0;
}
.pager .paginations span:hover,
.pager .paginations a:hover {
color: var(--e-global-color-primary);
-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
border-color: var(--e-global-color-primary);
}
.pager .paginations span.active,
.pager .paginations a.active {
background: var(--e-global-color-primary);
border-color: var(--e-global-color-primary);
color: #fff;
}
.pager .paginations span.page-item {
letter-spacing: 1px;
}
.pager .paginations span.current {
color: var(--e-global-color-primary);
border-color: var(--e-global-color-primary);
}
.woocommerce .pager .pages>* {
border: 1px solid #e2dfeb;
font-weight: 600;
display: inline-block;
width: 36px;
height: 36px;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
line-height: 36px;
text-align: center;
margin-right: 10px;
font-size: 14px;
color: #888888;
}
.woocommerce .pager .pages>*:last-child {
margin-right: 0;
}
.woocommerce .pager .pages>*:hover {
color: #242424;
border-color: #242424;
text-decoration: -moz-anchor-decoration;
}
.woocommerce .pager .pages span {
color: #242424;
text-decoration: -moz-anchor-decoration;
border-color: #242424;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.margin-1 {
margin-top: -60px;
}
@media (max-width: 767.98px) {
.margin-1 {
margin-top: 30px;
}
}
.margin-0 {
margin: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-10 {
margin-bottom: 10px !important;
}
.mb-20 {
margin-bottom: 20px !important;
}
.mb-30 {
margin-bottom: 30px !important;
}
.mb-40 {
margin-bottom: 40px !important;
}
.mb-50 {
margin-bottom: 50px !important;
}
.mb-60 {
margin-bottom: 60px !important;
}
.mb-70 {
margin-bottom: 70px !important;
}
.mb-80 {
margin-bottom: 80px !important;
}
.mb-90 {
margin-bottom: 90px !important;
}
.mb-100 {
margin-bottom: 100px !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-10 {
margin-top: 10px !important;
}
.mt-20 {
margin-top: 20px !important;
}
.mt-30 {
margin-top: 30px !important;
}
.mt-40 {
margin-top: 40px !important;
}
.mt-50 {
margin-top: 50px !important;
}
.mt-60 {
margin-top: 60px !important;
}
.mt-70 {
margin-top: 70px !important;
}
.mt-80 {
margin-top: 80px !important;
}
.mt-90 {
margin-top: 90px !important;
}
.mt-100 {
margin-top: 100px !important;
}
.mr-0 {
margin-right: 0 !important;
}
.mr-0.elementor-section>div {
margin-right: 0;
}
.mr-10 {
margin-right: 10px !important;
}
.mr-20 {
margin-right: 20px !important;
}
.mr-30 {
margin-right: 30px !important;
}
.mr-40 {
margin-right: 40px !important;
}
.mr-50 {
margin-right: 50px !important;
}
.mr-60 {
margin-right: 60px !important;
}
.mr-70 {
margin-right: 70px !important;
}
.mr-80 {
margin-right: 80px !important;
}
.mr-90 {
margin-right: 90px !important;
}
.mr-100 {
margin-right: 100px !important;
}
.ml-0 {
margin-left: 0 !important;
}
.ml-0.elementor-section>div {
margin-left: 0;
}
.ml-10 {
margin-left: 10px !important;
}
.ml-20 {
margin-left: 20px !important;
}
.ml-30 {
margin-left: 30px !important;
}
.ml-40 {
margin-left: 40px !important;
}
.ml-50 {
margin-left: 50px !important;
}
.ml-60 {
margin-left: 60px !important;
}
.ml-70 {
margin-left: 70px !important;
}
.ml-80 {
margin-left: 80px !important;
}
.ml-90 {
margin-left: 90px !important;
}
.ml-100 {
margin-left: 100px !important;
}
.padding-1 {
padding: 0 50px;
}
@media (max-width: 1200px) {
.padding-1 {
padding: 0;
}
}
.padding-0 {
padding: 0;
}
.padding-0 .init-carousel-swiper {
padding: 0 !important;
}
.pb-10 {
padding-bottom: 10px !important;
}
.pb-20 {
padding-bottom: 20px !important;
}
.pb-30 {
padding-bottom: 30px !important;
}
.pb-40 {
padding-bottom: 40px !important;
}
.pb-50 {
padding-bottom: 50px !important;
}
.pb-60 {
padding-bottom: 60px !important;
}
.pb-70 {
padding-bottom: 70px !important;
}
.pb-80 {
padding-bottom: 80px !important;
}
.pb-90 {
padding-bottom: 90px !important;
}
.pb-100 {
padding-bottom: 100px !important;
}
.pt-10 {
padding-top: 10px !important;
}
.pt-20 {
padding-top: 20px !important;
}
.pt-30 {
padding-top: 30px !important;
}
.pt-40 {
padding-top: 40px !important;
}
.pt-50 {
padding-top: 50px !important;
}
.pt-60 {
padding-top: 60px !important;
}
.pt-70 {
padding-top: 70px !important;
}
.pt-80 {
padding-top: 80px !important;
}
.pt-90 {
padding-top: 90px !important;
}
.pt-100 {
padding-top: 100px !important;
}
.padding-50 {
padding: 50px !important;
}
@media (max-width: 767.98px) {
.padding-50 {
padding: 30px !important;
}
}
.padding-40 {
padding: 40px !important;
}
.padding-30 {
padding: 30px !important;
}
.padding-20 {
padding: 20px !important;
}
.padding-responsive {
padding: 30px 120px;
}
@media (max-width: 767.98px) {
.padding-responsive {
padding: 30px;
}
}
.special-margin-top {
margin-top: -100px;
}
@media (max-width: 767.98px) {
.special-margin-top {
margin-top: 30px;
}
}
.special-mt-2 {
margin-top: -120px;
}
@media (max-width: 767.98px) {
.special-mt-2 {
margin-top: 10px;
margin-bottom: 30px;
}
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.no-bg {
background: transparent !important;
}
.bg-theme {
background: var(--e-global-color-primary) !important;
}
.bg-theme-2 {
background: var(--e-global-color-primary) !important;
}
.bg-dark {
background: #222 !important;
}
.bg-white {
background: #fff !important;
}
.bg-center {
background-position: center center !important;
background-repeat: no-repeat;
}
.bg-left {
background-position: center left !important;
}
.bg-right {
background-position: center right !important;
}
.no-border {
border: none !important;
}
.radius-1x {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}
.radius-2x {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.radius-5x {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.border-1 {
border: 1px solid #e2dfeb !important;
}
.border-2 {
border: 2px solid #e2dfeb;
}
.border-3 {
border: 3px solid #e2dfeb;
}
.border-4 {
border: 4px solid #e2dfeb;
}
.border-5 {
border: 5px solid #e2dfeb;
}
.top-color-theme>.elementor-widget-container {
border-top-color: var(--e-global-color-primary) !important;
}
.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: #171717;
}
.text-theme {
color: var(--e-global-color-primary) !important;
}
.body-color {
color: var(--pisole-body-color) !important;
}
.hover-color-theme a:hover {
color: var(--e-global-color-primary) !important;
}
.hover-color-theme-2 a:hover {
color: var(--e-global-color-primary) !important;
}
.text-medium {
font-size: 18px;
font-weight: 600;
}
.text-underline {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 3px, rgba(0, 0, 0, 0) 0%);
background-size: 1px 5px;
background-repeat: repeat-x;
background-position: bottom;
text-decoration: none;
padding-bottom: 2px;
}
.letter-spacing-1 {
letter-spacing: -1px !important;
}
.letter-spacing-2 {
letter-spacing: -2px !important;
}
.btn,
.btn-theme,
.btn-theme-2,
.btn-theme-radius,
.btn,
.btn-white,
.btn-gray,
.btn-black,
input[type*="submit"]:not(.fa):not(.btn-theme):not(.newsletter-submit):not(.las),
#tribe-events .tribe-events-button,
.tribe-events-button {
font-size: 14px;
background: var(--e-global-color-primary);
color: #fff;
font-weight: 700;
letter-spacing: 1.4px;
padding: 22px 30px;
line-height: 1;
position: relative;
z-index: 1;
display: inline-block;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
border: none;
border-radius: 0;
text-transform: uppercase;
font-family: var(--pisole-heading-font-family);
}
@media (max-width: 767.98px) {
.btn,
.btn-theme,
.btn-theme-2,
.btn-theme-radius,
.btn,
.btn-white,
.btn-gray,
.btn-black,
input[type*="submit"]:not(.fa):not(.btn-theme):not(.newsletter-submit):not(.las),
#tribe-events .tribe-events-button,
.tribe-events-button {
padding: 20px 20px;
}
}
.btn:hover,
.btn:focus,
.btn:active,
.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme-2:hover,
.btn-theme-2:focus,
.btn-theme-2:active,
.btn-theme-radius:hover,
.btn-theme-radius:focus,
.btn-theme-radius:active,
.btn:hover,
.btn:focus,
.btn:active,
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
input[type*="submit"]:not(.fa):not(.btn-theme):not(.newsletter-submit):not(.las):hover,
input[type*="submit"]:not(.fa):not(.btn-theme):not(.newsletter-submit):not(.las):focus,
input[type*="submit"]:not(.fa):not(.btn-theme):not(.newsletter-submit):not(.las):active,
#tribe-events .tribe-events-button:hover,
#tribe-events .tribe-events-button:focus,
#tribe-events .tribe-events-button:active,
.tribe-events-button:hover,
.tribe-events-button:focus,
.tribe-events-button:active {
cursor: pointer;
-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
color: #fff;
opacity: 0.8;
}
.btn:hover span:after,
.btn:focus span:after,
.btn:active span:after,
.btn-theme:hover span:after,
.btn-theme:focus span:after,
.btn-theme:active span:after,
.btn-theme-2:hover span:after,
.btn-theme-2:focus span:after,
.btn-theme-2:active span:after,
.btn-theme-radius:hover span:after,
.btn-theme-radius:focus span:after,
.btn-theme-radius:active span:after,
.btn:hover span:after,
.btn:focus span:after,
.btn:active span:after,
.btn-white:hover span:after,
.btn-white:focus span:after,
.btn-white:active span:after,
.btn-gray:hover span:after,
.btn-gray:focus span:after,
.btn-gray:active span:after,
.btn-black:hover span:after,
.btn-black:focus span:after,
.btn-black:active span:after,
input[type*="submit"]:not(.fa):not(.btn-theme):not(.newsletter-submit):not(.las):hover span:after,
input[type*="submit"]:not(.fa):not(.btn-theme):not(.newsletter-submit):not(.las):focus span:after,
input[type*="submit"]:not(.fa):not(.btn-theme):not(.newsletter-submit):not(.las):active span:after,
#tribe-events .tribe-events-button:hover span:after,
#tribe-events .tribe-events-button:focus span:after,
#tribe-events .tribe-events-button:active span:after,
.tribe-events-button:hover span:after,
.tribe-events-button:focus span:after,
.tribe-events-button:active span:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.btn.full-width,
.btn-theme.full-width,
.btn-theme-2.full-width,
.btn-theme-radius.full-width,
.btn.full-width,
.btn-white.full-width,
.btn-gray.full-width,
.btn-black.full-width,
input[type*="submit"]:not(.fa):not(.btn-theme):not(.newsletter-submit):not(.las).full-width,
#tribe-events .tribe-events-button.full-width,
.tribe-events-button.full-width {
width: 100%;
padding-left: 15px;
padding-right: 15px;
line-height: 25px;
text-align: center;
}
.btn-theme-2 {
background: var(--e-global-color-secondary);
}
.btn-black {
background: #000000;
}
.btn-black:hover {
color: #fff;
}
.btn-white {
background: #fff;
color: #171717;
}
.btn-white:after {
background: #171717;
}
.btn-white:hover {
color: #171717;
}
.btn-gray {
background: #f4f4f4;
color: #171717;
}
.btn-gray:hover {
color: #171717;
}
.btn-theme-icon {
background: var(--e-global-color-primary);
font-size: 14px;
font-weight: 700;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #fff;
padding: 15px 30px 15px 60px;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
border-radius: 6px;
line-height: 20px;
overflow: hidden;
}
@media (max-width: 1200px) {
.btn-theme-icon {
padding: 15px 16px 15px 16px;
font-size: 13px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.btn-theme-icon i {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 40px;
flex: 0 0 40px;
width: 40px;
height: 100%;
background: rgba(0, 0, 0, 0.2);
position: absolute;
left: 0;
top: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
@media (max-width: 1200px) {
.btn-theme-icon i {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 16px;
flex: 0 0 16px;
width: 16px;
background: none;
margin-right: 3px;
}
}
.btn-theme-icon:hover {
opacity: 0.9;
color: #fff;
}
.btn-theme-icon:hover i {
background: rgba(0, 0, 0, 0.5);
}
@media (max-width: 1200px) {
.btn-theme-icon:hover i {
background: none;
}
}
.btn-gray-icon {
background: #f4f4f4;
color: var(--pisole-heading-color);
font-size: 13px;
font-weight: 700;
padding: 5px 18px;
border-radius: 5px;
display: inline-block;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
}
@media (max-width: 1024px) {
.btn-gray-icon {
font-size: 12px;
padding: 5px 12px;
}
}
.btn-gray-icon i {
margin-right: 5px;
}
.btn-gray-icon:hover {
background: var(--e-global-color-primary);
color: #fff;
}
.btn-gray-icon.bg-theme {
background: var(--e-global-color-primary);
color: #fff;
}
.btn-white-icon {
background: #fff;
color: var(--pisole-heading-color);
font-size: 13px;
font-weight: 700;
padding: 5px 18px;
border-radius: 5px;
display: inline-block;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
}
@media (max-width: 1024px) {
.btn-white-icon {
font-size: 12px;
padding: 5px 12px;
}
}
.btn-white-icon i {
margin-right: 5px;
}
.btn-white-icon:hover {
background: var(--e-global-color-primary);
color: #fff;
}
.btn-white-icon.bg-theme {
background: var(--e-global-color-primary);
color: #fff;
}
.btn-border,
.btn-border-white {
font-size: 14px;
font-weight: 700;
letter-spacing: 1.4px;
font-family: var(--pisole-heading-font-family);
border: 2px solid #e2dfeb;
padding: 15px 30px 15px;
line-height: 22px;
color: #171717;
display: inline-block;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
text-transform: uppercase;
}
@media (max-width: 991.98px) {
.btn-border,
.btn-border-white {
padding: 12px 24px;
font-size: 13px;
}
}
.btn-border:hover,
.btn-border:focus,
.btn-border-white:hover,
.btn-border-white:focus {
background: var(--e-global-color-primary);
border-color: var(--e-global-color-primary);
color: #fff;
}
.btn-border-white {
border-color: #fff;
color: #fff;
}
.btn-border-white:hover,
.btn-border-white:focus {
background: #fff;
border-color: #fff;
color: #171717;
}
#tribe-events .tribe-events-button,
.tribe-events-button {
letter-spacing: 0;
}
#tribe-events .tribe-events-button:hover,
.tribe-events-button:hover {
color: #fff;
background: var(--e-global-color-primary);
}
.btn-medium {
font-size: 15px;
padding: 12px 52px 12px 25px;
}
.btn-small,
.btn-size-small {
font-size: 12px;
font-weight: 600;
letter-spacing: 0;
padding: 10px 25px;
}
.btn-small-arrow {
padding: 2px 38px 2px 20px;
line-height: 30px;
font-size: 12px;
position: relative;
}
.btn-small-arrow:before {
content: '\f061';
color: #fff;
font-family: "Font Awesome 5 Free";
position: absolute;
line-height: 1;
top: 11px;
font-size: 10px;
right: 20px;
z-index: 9;
font-weight: 700;
}
.btn-inline {
font-size: 14px;
color: var(--e-global-color-primary);
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
line-height: 20px;
font-family: var(--pisole-heading-font-family);
font-weight: 700;
padding-right: 18px;
}
.btn-inline:after {
content: "\e90c";
font-family: "picomoon";
position: absolute;
right: 0;
top: 2px;
font-size: 11px;
z-index: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.btn-inline:hover {
color: var(--e-global-color-primary);
}
.btn-inline:hover:after {
right: -5px;
}
.btn-fw {
width: 100%;
}
.width-380 {
width: 380px;
max-width: 100%;
margin: 0 auto !important;
}
.width-400 {
width: 400px;
max-width: 100%;
margin: 0 auto !important;
}
.width-500 {
width: 500px;
max-width: 100%;
margin: 0 auto !important;
}
.width-600 {
width: 600px;
max-width: 100%;
margin: 0 auto !important;
}
.width-700 {
width: 700px;
max-width: 100%;
margin: 0 auto !important;
}
.width-800 {
width: 800px;
max-width: 100%;
margin: 0 auto !important;
}
.width-900 {
width: 900px;
max-width: 100%;
margin: 0 auto !important;
}
.width-950 {
width: 950px;
max-width: 100%;
margin: 0 auto !important;
}
.width-1000 {
width: 1000px;
max-width: 100%;
margin: 0 auto !important;
}
.elementor-section.elementor-section-boxed.width-1370>.elementor-container {
width: 1370px;
max-width: 100%;
margin: 0 auto;
}
.alert {
position: relative;
}
.alert.alert_info {
background: #EEF1F6;
}
.alert .alert_icon {
display: inline-block;
float: left;
margin-right: 10px;
}
.alert .close {
position: absolute;
top: 20px;
right: 15px;
font-size: 16px;
}
.alert .alert_wrapper {
padding: 0 30px;
}
.pagination {
width: 100%;
margin: 0;
}
.pagination .pager {
margin: 15px 0 30px;
}
.pagination .pager_wrapper {
border: none;
}
.max-width-600 {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.max-width-500 {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.list-socials {
text-align: center;
}
.list-socials a {
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
float: left;
margin-right: 25px;
}
.list-socials a:last-child {
margin-right: 0;
}
.list-socials a i {
font-size: 17px;
color: #9E9E9E;
}
.list-socials.white a:hover i {
color: #fff;
}
.socials {
display: inline-block;
text-align: left;
width: 100%;
}
.socials a {
color: #e2dfeb;
text-decoration: none;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
margin-right: 12px;
font-size: 14px;
}
.socials a:last-child {
margin-right: 0;
}
.socials a:hover,
.socials a:focus,
.socials a:active {
opacity: 0.7;
filter: alpha(opacity=70);
}
.socials a i {
color: #fff;
width: 32px;
height: 32px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
display: inline-block;
text-align: center;
line-height: 32px;
font-size: 14px;
background: var(--e-global-color-primary);
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
border: 1px solid rgba(0, 0, 0, 0.06);
}
.socials a i.fa-facebook-square,
.socials a i.fa-facebook {
background: #3b5998;
}
.socials a i.fa-twitter,
.socials a i.fa-twitter-square {
background: #4099ff;
}
.socials a i.fa-skype {
background: #12a5f4;
}
.socials a i.fa-dribbble {
background: #ea4c89;
}
.socials a i.fa-linkedin-square,
.socials a i.fa-linkedin {
background: #0e76a8;
}
.socials a i.fa-apple {
background: #f2f2f2;
}
.socials a i.fa-pinterest {
background: #c92228;
}
.socials a i.fa-google-plus-square,
.socials a i.fa-google-plus {
background: #d34836;
}
.socials a i.fa-youtube-square,
.socials a i.fa-youtube {
background: #c4302b;
}
.socials a i.fa-vimeo-square,
.socials a i.fa-vimeo {
background: #4ebbff;
}
.socials a i.fa-tumblr-square,
.socials a i.fa-tumblr {
background: #35465c;
}
.socials a i.fa-xing-square,
.socials a i.fa-xing {
background: #126567;
}
.socials a i.fa-instagram {
background: #e8e2d9;
}
.socials-2 {
display: inline-block;
text-align: left;
width: 100%;
padding: 0;
margin: 0;
}
.socials-2 li {
list-style: none;
display: inline-block;
margin-right: 12px;
}
.socials-2 li a {
text-decoration: none;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
font-size: 18px;
}
.socials-2 li a i {
color: #dddddd;
display: inline-block;
text-align: center;
}
.socials-2 li a i:hover {
color: var(--e-global-color-primary);
}
.socials-2 li:last-child {
margin-right: 0;
}
.fa-stack {
width: 2.4em !important;
height: 2.4em !important;
line-height: 2.4em;
}
.fa-1x {
font-size: 1.5em !important;
}
.tabs-list {
text-align: center;
margin-bottom: 10px;
}
.tabs-list ul.nav-tabs {
display: inline-block;
width: auto;
float: none;
}
.tabs-list ul.nav-tabs>li {
margin-bottom: 10px;
}
.pieChart {
position: relative;
}
.pieChart .pie-label {
position: absolute;
top: 50%;
left: 0;
margin-top: -5px;
text-align: center;
z-index: 1;
font-weight: 600;
display: block;
width: 100%;
line-height: 1;
}
#gallery-1 img {
border: none !important;
}
.alert-danger {
color: #fff;
background: var(--e-global-color-primary);
}
form.post-password-form input[type*="submit"] {
line-height: 50px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
top: -1px;
}
form.post-password-form input[type*="submit"]:hover {
cursor: pointer;
}
@media (max-width: 576px) {
.d-small-none {
display: none;
}
}
@media (min-width: 1025px) {
.col-xl-70 {
width: 70%;
}
.col-xl-30 {
width: 30%;
}
}
@media (max-width: 1289px) {
.hidden-large {
display: none;
}
}
@media (max-width: 1369px) {
.hidden-large-2 {
display: none;
}
}
/*------------------------------------------------------------------*\
3 - GRID STYLE
\*------------------------------------------------------------------*/
/* #Block grid
--------------------------------------------------------------- */
.item-columns {
padding: 0 15px;
}
[class*="block-grid-"] {
display: block;
margin: 0 -15px;
padding: 0;
}
[class*="block-grid-"]:before,
[class*="block-grid-"]:after {
display: table;
content: " ";
}
[class*="block-grid-"]:after {
clear: both;
}
[class*="block-grid-"]>div {
display: block;
float: left;
height: auto;
padding: 0 15px;
width: 100%;
}
[class*="block-grid-"]>div:after {
display: block;
}
@media (min-width: 380px) {
.xx-block-grid-1>div {
width: 100%;
}
.xx-block-grid-1>div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-1>div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-1>div:nth-of-type(1n+1) {
clear: both;
}
.xx-block-grid-1>div:nth-of-type(1n+1):after {
display: none;
}
.xx-block-grid-1>div:nth-last-child(-n+1):before {
content: none;
}
.xx-block-grid-2>div {
width: 50%;
}
.xx-block-grid-2>div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-2>div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-2>div:nth-of-type(2n+1) {
clear: both;
}
.xx-block-grid-2>div:nth-of-type(2n+1):after {
display: none;
}
.xx-block-grid-2>div:nth-last-child(-n+2):before {
content: none;
}
.xx-block-grid-3>div {
width: 33.33333%;
}
.xx-block-grid-3>div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-3>div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-3>div:nth-of-type(3n+1) {
clear: both;
}
.xx-block-grid-3>div:nth-of-type(3n+1):after {
display: none;
}
.xx-block-grid-3>div:nth-last-child(-n+3):before {
content: none;
}
.xx-block-grid-4>div {
width: 25%;
}
.xx-block-grid-4>div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-4>div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-4>div:nth-of-type(4n+1) {
clear: both;
}
.xx-block-grid-4>div:nth-of-type(4n+1):after {
display: none;
}
.xx-block-grid-4>div:nth-last-child(-n+4):before {
content: none;
}
.xx-block-grid-5>div {
width: 20%;
}
.xx-block-grid-5>div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-5>div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-5>div:nth-of-type(5n+1) {
clear: both;
}
.xx-block-grid-5>div:nth-of-type(5n+1):after {
display: none;
}
.xx-block-grid-5>div:nth-last-child(-n+5):before {
content: none;
}
.xx-block-grid-6>div {
width: 16.66667%;
}
.xx-block-grid-6>div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-6>div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-6>div:nth-of-type(6n+1) {
clear: both;
}
.xx-block-grid-6>div:nth-of-type(6n+1):after {
display: none;
}
.xx-block-grid-6>div:nth-last-child(-n+6):before {
content: none;
}
.xx-block-grid-7>div {
width: 14.28571%;
}
.xx-block-grid-7>div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-7>div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-7>div:nth-of-type(7n+1) {
clear: both;
}
.xx-block-grid-7>div:nth-of-type(7n+1):after {
display: none;
}
.xx-block-grid-7>div:nth-last-child(-n+7):before {
content: none;
}
.xx-block-grid-8>div {
width: 12.5%;
}
.xx-block-grid-8>div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-8>div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-8>div:nth-of-type(8n+1) {
clear: both;
}
.xx-block-grid-8>div:nth-of-type(8n+1):after {
display: none;
}
.xx-block-grid-8>div:nth-last-child(-n+8):before {
content: none;
}
.xx-block-grid-9>div {
width: 11.11111%;
}
.xx-block-grid-9>div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-9>div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-9>div:nth-of-type(9n+1) {
clear: both;
}
.xx-block-grid-9>div:nth-of-type(9n+1):after {
display: none;
}
.xx-block-grid-9>div:nth-last-child(-n+9):before {
content: none;
}
.xx-block-grid-10>div {
width: 10%;
}
.xx-block-grid-10>div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-10>div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-10>div:nth-of-type(10n+1) {
clear: both;
}
.xx-block-grid-10>div:nth-of-type(10n+1):after {
display: none;
}
.xx-block-grid-10>div:nth-last-child(-n+10):before {
content: none;
}
.xx-block-grid-11>div {
width: 9.09091%;
}
.xx-block-grid-11>div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-11>div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-11>div:nth-of-type(11n+1) {
clear: both;
}
.xx-block-grid-11>div:nth-of-type(11n+1):after {
display: none;
}
.xx-block-grid-11>div:nth-last-child(-n+11):before {
content: none;
}
.xx-block-grid-12>div {
width: 8.33333%;
}
.xx-block-grid-12>div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-12>div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-12>div:nth-of-type(12n+1) {
clear: both;
}
.xx-block-grid-12>div:nth-of-type(12n+1):after {
display: none;
}
.xx-block-grid-12>div:nth-last-child(-n+12):before {
content: none;
}
}
@media (min-width: 640px) {
.xs-block-grid-1>div {
width: 100%;
}
.xs-block-grid-1>div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-1>div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-1>div:nth-of-type(1n+1) {
clear: both;
}
.xs-block-grid-1>div:nth-of-type(1n+1):after {
display: none;
}
.xs-block-grid-1>div:nth-last-child(-n+1):before {
content: none;
}
.xs-block-grid-2>div {
width: 50%;
}
.xs-block-grid-2>div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-2>div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-2>div:nth-of-type(2n+1) {
clear: both;
}
.xs-block-grid-2>div:nth-of-type(2n+1):after {
display: none;
}
.xs-block-grid-2>div:nth-last-child(-n+2):before {
content: none;
}
.xs-block-grid-3>div {
width: 33.33333%;
}
.xs-block-grid-3>div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-3>div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-3>div:nth-of-type(3n+1) {
clear: both;
}
.xs-block-grid-3>div:nth-of-type(3n+1):after {
display: none;
}
.xs-block-grid-3>div:nth-last-child(-n+3):before {
content: none;
}
.xs-block-grid-4>div {
width: 25%;
}
.xs-block-grid-4>div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-4>div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-4>div:nth-of-type(4n+1) {
clear: both;
}
.xs-block-grid-4>div:nth-of-type(4n+1):after {
display: none;
}
.xs-block-grid-4>div:nth-last-child(-n+4):before {
content: none;
}
.xs-block-grid-5>div {
width: 20%;
}
.xs-block-grid-5>div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-5>div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-5>div:nth-of-type(5n+1) {
clear: both;
}
.xs-block-grid-5>div:nth-of-type(5n+1):after {
display: none;
}
.xs-block-grid-5>div:nth-last-child(-n+5):before {
content: none;
}
.xs-block-grid-6>div {
width: 16.66667%;
}
.xs-block-grid-6>div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-6>div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-6>div:nth-of-type(6n+1) {
clear: both;
}
.xs-block-grid-6>div:nth-of-type(6n+1):after {
display: none;
}
.xs-block-grid-6>div:nth-last-child(-n+6):before {
content: none;
}
.xs-block-grid-7>div {
width: 14.28571%;
}
.xs-block-grid-7>div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-7>div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-7>div:nth-of-type(7n+1) {
clear: both;
}
.xs-block-grid-7>div:nth-of-type(7n+1):after {
display: none;
}
.xs-block-grid-7>div:nth-last-child(-n+7):before {
content: none;
}
.xs-block-grid-8>div {
width: 12.5%;
}
.xs-block-grid-8>div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-8>div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-8>div:nth-of-type(8n+1) {
clear: both;
}
.xs-block-grid-8>div:nth-of-type(8n+1):after {
display: none;
}
.xs-block-grid-8>div:nth-last-child(-n+8):before {
content: none;
}
.xs-block-grid-9>div {
width: 11.11111%;
}
.xs-block-grid-9>div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-9>div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-9>div:nth-of-type(9n+1) {
clear: both;
}
.xs-block-grid-9>div:nth-of-type(9n+1):after {
display: none;
}
.xs-block-grid-9>div:nth-last-child(-n+9):before {
content: none;
}
.xs-block-grid-10>div {
width: 10%;
}
.xs-block-grid-10>div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-10>div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-10>div:nth-of-type(10n+1) {
clear: both;
}
.xs-block-grid-10>div:nth-of-type(10n+1):after {
display: none;
}
.xs-block-grid-10>div:nth-last-child(-n+10):before {
content: none;
}
.xs-block-grid-11>div {
width: 9.09091%;
}
.xs-block-grid-11>div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-11>div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-11>div:nth-of-type(11n+1) {
clear: both;
}
.xs-block-grid-11>div:nth-of-type(11n+1):after {
display: none;
}
.xs-block-grid-11>div:nth-last-child(-n+11):before {
content: none;
}
.xs-block-grid-12>div {
width: 8.33333%;
}
.xs-block-grid-12>div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-12>div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-12>div:nth-of-type(12n+1) {
clear: both;
}
.xs-block-grid-12>div:nth-of-type(12n+1):after {
display: none;
}
.xs-block-grid-12>div:nth-last-child(-n+12):before {
content: none;
}
}
@media (min-width: 768px) {
.sm-block-grid-1>div {
width: 100%;
}
.sm-block-grid-1>div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-1>div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-1>div:nth-of-type(1n+1) {
clear: both;
}
.sm-block-grid-1>div:nth-of-type(1n+1):after {
display: none;
}
.sm-block-grid-1>div:nth-last-child(-n+1):before {
content: none;
}
.sm-block-grid-2>div {
width: 50%;
}
.sm-block-grid-2>div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-2>div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-2>div:nth-of-type(2n+1) {
clear: both;
}
.sm-block-grid-2>div:nth-of-type(2n+1):after {
display: none;
}
.sm-block-grid-2>div:nth-last-child(-n+2):before {
content: none;
}
.sm-block-grid-3>div {
width: 33.33333%;
}
.sm-block-grid-3>div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-3>div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-3>div:nth-of-type(3n+1) {
clear: both;
}
.sm-block-grid-3>div:nth-of-type(3n+1):after {
display: none;
}
.sm-block-grid-3>div:nth-last-child(-n+3):before {
content: none;
}
.sm-block-grid-4>div {
width: 25%;
}
.sm-block-grid-4>div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-4>div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-4>div:nth-of-type(4n+1) {
clear: both;
}
.sm-block-grid-4>div:nth-of-type(4n+1):after {
display: none;
}
.sm-block-grid-4>div:nth-last-child(-n+4):before {
content: none;
}
.sm-block-grid-5>div {
width: 20%;
}
.sm-block-grid-5>div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-5>div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-5>div:nth-of-type(5n+1) {
clear: both;
}
.sm-block-grid-5>div:nth-of-type(5n+1):after {
display: none;
}
.sm-block-grid-5>div:nth-last-child(-n+5):before {
content: none;
}
.sm-block-grid-6>div {
width: 16.66667%;
}
.sm-block-grid-6>div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-6>div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-6>div:nth-of-type(6n+1) {
clear: both;
}
.sm-block-grid-6>div:nth-of-type(6n+1):after {
display: none;
}
.sm-block-grid-6>div:nth-last-child(-n+6):before {
content: none;
}
.sm-block-grid-7>div {
width: 14.28571%;
}
.sm-block-grid-7>div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-7>div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-7>div:nth-of-type(7n+1) {
clear: both;
}
.sm-block-grid-7>div:nth-of-type(7n+1):after {
display: none;
}
.sm-block-grid-7>div:nth-last-child(-n+7):before {
content: none;
}
.sm-block-grid-8>div {
width: 12.5%;
}
.sm-block-grid-8>div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-8>div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-8>div:nth-of-type(8n+1) {
clear: both;
}
.sm-block-grid-8>div:nth-of-type(8n+1):after {
display: none;
}
.sm-block-grid-8>div:nth-last-child(-n+8):before {
content: none;
}
.sm-block-grid-9>div {
width: 11.11111%;
}
.sm-block-grid-9>div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-9>div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-9>div:nth-of-type(9n+1) {
clear: both;
}
.sm-block-grid-9>div:nth-of-type(9n+1):after {
display: none;
}
.sm-block-grid-9>div:nth-last-child(-n+9):before {
content: none;
}
.sm-block-grid-10>div {
width: 10%;
}
.sm-block-grid-10>div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-10>div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-10>div:nth-of-type(10n+1) {
clear: both;
}
.sm-block-grid-10>div:nth-of-type(10n+1):after {
display: none;
}
.sm-block-grid-10>div:nth-last-child(-n+10):before {
content: none;
}
.sm-block-grid-11>div {
width: 9.09091%;
}
.sm-block-grid-11>div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-11>div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-11>div:nth-of-type(11n+1) {
clear: both;
}
.sm-block-grid-11>div:nth-of-type(11n+1):after {
display: none;
}
.sm-block-grid-11>div:nth-last-child(-n+11):before {
content: none;
}
.sm-block-grid-12>div {
width: 8.33333%;
}
.sm-block-grid-12>div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-12>div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-12>div:nth-of-type(12n+1) {
clear: both;
}
.sm-block-grid-12>div:nth-of-type(12n+1):after {
display: none;
}
.sm-block-grid-12>div:nth-last-child(-n+12):before {
content: none;
}
}
/* Medium */
@media (min-width: 1024.1px) {
[class*="block-grid-"] {
margin: 0 -15px;
}
[class*="block-grid-"]>div {
padding: 0 15px;
}
.item-columns {
padding: 0 15px;
}
.md-block-grid-1>div {
width: 100%;
}
.md-block-grid-1>div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-1>div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-1>div:nth-of-type(1n+1) {
clear: both;
}
.md-block-grid-1>div:nth-of-type(1n+1):after {
display: none;
}
.md-block-grid-1>div:nth-last-child(-n+1):before {
content: none;
}
.md-block-grid-2>div {
width: 50%;
}
.md-block-grid-2>div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-2>div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-2>div:nth-of-type(2n+1) {
clear: both;
}
.md-block-grid-2>div:nth-of-type(2n+1):after {
display: none;
}
.md-block-grid-2>div:nth-last-child(-n+2):before {
content: none;
}
.md-block-grid-3>div {
width: 33.33333%;
}
.md-block-grid-3>div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-3>div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-3>div:nth-of-type(3n+1) {
clear: both;
}
.md-block-grid-3>div:nth-of-type(3n+1):after {
display: none;
}
.md-block-grid-3>div:nth-last-child(-n+3):before {
content: none;
}
.md-block-grid-4>div {
width: 25%;
}
.md-block-grid-4>div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-4>div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-4>div:nth-of-type(4n+1) {
clear: both;
}
.md-block-grid-4>div:nth-of-type(4n+1):after {
display: none;
}
.md-block-grid-4>div:nth-last-child(-n+4):before {
content: none;
}
.md-block-grid-5>div {
width: 20%;
}
.md-block-grid-5>div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-5>div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-5>div:nth-of-type(5n+1) {
clear: both;
}
.md-block-grid-5>div:nth-of-type(5n+1):after {
display: none;
}
.md-block-grid-5>div:nth-last-child(-n+5):before {
content: none;
}
.md-block-grid-6>div {
width: 16.66667%;
}
.md-block-grid-6>div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-6>div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-6>div:nth-of-type(6n+1) {
clear: both;
}
.md-block-grid-6>div:nth-of-type(6n+1):after {
display: none;
}
.md-block-grid-6>div:nth-last-child(-n+6):before {
content: none;
}
.md-block-grid-7>div {
width: 14.28571%;
}
.md-block-grid-7>div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-7>div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-7>div:nth-of-type(7n+1) {
clear: both;
}
.md-block-grid-7>div:nth-of-type(7n+1):after {
display: none;
}
.md-block-grid-7>div:nth-last-child(-n+7):before {
content: none;
}
.md-block-grid-8>div {
width: 12.5%;
}
.md-block-grid-8>div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-8>div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-8>div:nth-of-type(8n+1) {
clear: both;
}
.md-block-grid-8>div:nth-of-type(8n+1):after {
display: none;
}
.md-block-grid-8>div:nth-last-child(-n+8):before {
content: none;
}
.md-block-grid-9>div {
width: 11.11111%;
}
.md-block-grid-9>div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-9>div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-9>div:nth-of-type(9n+1) {
clear: both;
}
.md-block-grid-9>div:nth-of-type(9n+1):after {
display: none;
}
.md-block-grid-9>div:nth-last-child(-n+9):before {
content: none;
}
.md-block-grid-10>div {
width: 10%;
}
.md-block-grid-10>div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-10>div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-10>div:nth-of-type(10n+1) {
clear: both;
}
.md-block-grid-10>div:nth-of-type(10n+1):after {
display: none;
}
.md-block-grid-10>div:nth-last-child(-n+10):before {
content: none;
}
.md-block-grid-11>div {
width: 9.09091%;
}
.md-block-grid-11>div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-11>div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-11>div:nth-of-type(11n+1) {
clear: both;
}
.md-block-grid-11>div:nth-of-type(11n+1):after {
display: none;
}
.md-block-grid-11>div:nth-last-child(-n+11):before {
content: none;
}
.md-block-grid-12>div {
width: 8.33333%;
}
.md-block-grid-12>div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-12>div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-12>div:nth-of-type(12n+1) {
clear: both;
}
.md-block-grid-12>div:nth-of-type(12n+1):after {
display: none;
}
.md-block-grid-12>div:nth-last-child(-n+12):before {
content: none;
}
}
/* Large */
@media (min-width: 1200px) {
[class*="block-grid-"] {
margin: 0 -15px;
}
[class*="block-grid-"]>div {
padding: 0 15px;
}
.item-columns {
padding: 0 15px;
}
.lg-block-grid-1>div {
width: 100%;
}
.lg-block-grid-1>div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-1>div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-1>div:nth-of-type(1n+1) {
clear: both;
}
.lg-block-grid-1>div:nth-of-type(1n+1):after {
display: none;
}
.lg-block-grid-1>div:nth-last-child(-n+1):before {
content: none;
}
.lg-block-grid-2>div {
width: 50%;
}
.lg-block-grid-2>div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-2>div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-2>div:nth-of-type(2n+1) {
clear: both;
}
.lg-block-grid-2>div:nth-of-type(2n+1):after {
display: none;
}
.lg-block-grid-2>div:nth-last-child(-n+2):before {
content: none;
}
.lg-block-grid-3>div {
width: 33.33333%;
}
.lg-block-grid-3>div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-3>div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-3>div:nth-of-type(3n+1) {
clear: both;
}
.lg-block-grid-3>div:nth-of-type(3n+1):after {
display: none;
}
.lg-block-grid-3>div:nth-last-child(-n+3):before {
content: none;
}
.lg-block-grid-4>div {
width: 25%;
}
.lg-block-grid-4>div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-4>div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-4>div:nth-of-type(4n+1) {
clear: both;
}
.lg-block-grid-4>div:nth-of-type(4n+1):after {
display: none;
}
.lg-block-grid-4>div:nth-last-child(-n+4):before {
content: none;
}
.lg-block-grid-5>div {
width: 20%;
}
.lg-block-grid-5>div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-5>div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-5>div:nth-of-type(5n+1) {
clear: both;
}
.lg-block-grid-5>div:nth-of-type(5n+1):after {
display: none;
}
.lg-block-grid-5>div:nth-last-child(-n+5):before {
content: none;
}
.lg-block-grid-6>div {
width: 16.66667%;
}
.lg-block-grid-6>div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-6>div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-6>div:nth-of-type(6n+1) {
clear: both;
}
.lg-block-grid-6>div:nth-of-type(6n+1):after {
display: none;
}
.lg-block-grid-6>div:nth-last-child(-n+6):before {
content: none;
}
.lg-block-grid-7>div {
width: 14.28571%;
}
.lg-block-grid-7>div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-7>div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-7>div:nth-of-type(7n+1) {
clear: both;
}
.lg-block-grid-7>div:nth-of-type(7n+1):after {
display: none;
}
.lg-block-grid-7>div:nth-last-child(-n+7):before {
content: none;
}
.lg-block-grid-8>div {
width: 12.5%;
}
.lg-block-grid-8>div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-8>div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-8>div:nth-of-type(8n+1) {
clear: both;
}
.lg-block-grid-8>div:nth-of-type(8n+1):after {
display: none;
}
.lg-block-grid-8>div:nth-last-child(-n+8):before {
content: none;
}
.lg-block-grid-9>div {
width: 11.11111%;
}
.lg-block-grid-9>div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-9>div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-9>div:nth-of-type(9n+1) {
clear: both;
}
.lg-block-grid-9>div:nth-of-type(9n+1):after {
display: none;
}
.lg-block-grid-9>div:nth-last-child(-n+9):before {
content: none;
}
.lg-block-grid-10>div {
width: 10%;
}
.lg-block-grid-10>div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-10>div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-10>div:nth-of-type(10n+1) {
clear: both;
}
.lg-block-grid-10>div:nth-of-type(10n+1):after {
display: none;
}
.lg-block-grid-10>div:nth-last-child(-n+10):before {
content: none;
}
.lg-block-grid-11>div {
width: 9.09091%;
}
.lg-block-grid-11>div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-11>div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-11>div:nth-of-type(11n+1) {
clear: both;
}
.lg-block-grid-11>div:nth-of-type(11n+1):after {
display: none;
}
.lg-block-grid-11>div:nth-last-child(-n+11):before {
content: none;
}
.lg-block-grid-12>div {
width: 8.33333%;
}
.lg-block-grid-12>div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-12>div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-12>div:nth-of-type(12n+1) {
clear: both;
}
.lg-block-grid-12>div:nth-of-type(12n+1):after {
display: none;
}
.lg-block-grid-12>div:nth-last-child(-n+12):before {
content: none;
}
}
/* Large Listing Page*/
@media (min-width: 1550px) {
.hm_lg-block-grid-1>div {
width: 100%;
}
.hm_lg-block-grid-1>div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-1>div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-1>div:nth-of-type(1n+1) {
clear: both;
}
.hm_lg-block-grid-1>div:nth-of-type(1n+1):after {
display: none;
}
.hm_lg-block-grid-1>div:nth-last-child(-n+1):before {
content: none;
}
.hm_lg-block-grid-2>div {
width: 50%;
}
.hm_lg-block-grid-2>div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-2>div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-2>div:nth-of-type(2n+1) {
clear: both;
}
.hm_lg-block-grid-2>div:nth-of-type(2n+1):after {
display: none;
}
.hm_lg-block-grid-2>div:nth-last-child(-n+2):before {
content: none;
}
.hm_lg-block-grid-3>div {
width: 33.33333%;
}
.hm_lg-block-grid-3>div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-3>div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-3>div:nth-of-type(3n+1) {
clear: both;
}
.hm_lg-block-grid-3>div:nth-of-type(3n+1):after {
display: none;
}
.hm_lg-block-grid-3>div:nth-last-child(-n+3):before {
content: none;
}
.hm_lg-block-grid-4>div {
width: 25%;
}
.hm_lg-block-grid-4>div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-4>div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-4>div:nth-of-type(4n+1) {
clear: both;
}
.hm_lg-block-grid-4>div:nth-of-type(4n+1):after {
display: none;
}
.hm_lg-block-grid-4>div:nth-last-child(-n+4):before {
content: none;
}
.hm_lg-block-grid-5>div {
width: 20%;
}
.hm_lg-block-grid-5>div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-5>div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-5>div:nth-of-type(5n+1) {
clear: both;
}
.hm_lg-block-grid-5>div:nth-of-type(5n+1):after {
display: none;
}
.hm_lg-block-grid-5>div:nth-last-child(-n+5):before {
content: none;
}
.hm_lg-block-grid-6>div {
width: 16.66667%;
}
.hm_lg-block-grid-6>div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-6>div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-6>div:nth-of-type(6n+1) {
clear: both;
}
.hm_lg-block-grid-6>div:nth-of-type(6n+1):after {
display: none;
}
.hm_lg-block-grid-6>div:nth-last-child(-n+6):before {
content: none;
}
.hm_lg-block-grid-7>div {
width: 14.28571%;
}
.hm_lg-block-grid-7>div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-7>div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-7>div:nth-of-type(7n+1) {
clear: both;
}
.hm_lg-block-grid-7>div:nth-of-type(7n+1):after {
display: none;
}
.hm_lg-block-grid-7>div:nth-last-child(-n+7):before {
content: none;
}
.hm_lg-block-grid-8>div {
width: 12.5%;
}
.hm_lg-block-grid-8>div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-8>div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-8>div:nth-of-type(8n+1) {
clear: both;
}
.hm_lg-block-grid-8>div:nth-of-type(8n+1):after {
display: none;
}
.hm_lg-block-grid-8>div:nth-last-child(-n+8):before {
content: none;
}
.hm_lg-block-grid-9>div {
width: 11.11111%;
}
.hm_lg-block-grid-9>div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-9>div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-9>div:nth-of-type(9n+1) {
clear: both;
}
.hm_lg-block-grid-9>div:nth-of-type(9n+1):after {
display: none;
}
.hm_lg-block-grid-9>div:nth-last-child(-n+9):before {
content: none;
}
.hm_lg-block-grid-10>div {
width: 10%;
}
.hm_lg-block-grid-10>div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-10>div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-10>div:nth-of-type(10n+1) {
clear: both;
}
.hm_lg-block-grid-10>div:nth-of-type(10n+1):after {
display: none;
}
.hm_lg-block-grid-10>div:nth-last-child(-n+10):before {
content: none;
}
.hm_lg-block-grid-11>div {
width: 9.09091%;
}
.hm_lg-block-grid-11>div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-11>div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-11>div:nth-of-type(11n+1) {
clear: both;
}
.hm_lg-block-grid-11>div:nth-of-type(11n+1):after {
display: none;
}
.hm_lg-block-grid-11>div:nth-last-child(-n+11):before {
content: none;
}
.hm_lg-block-grid-12>div {
width: 8.33333%;
}
.hm_lg-block-grid-12>div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-12>div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-12>div:nth-of-type(12n+1) {
clear: both;
}
.hm_lg-block-grid-12>div:nth-of-type(12n+1):after {
display: none;
}
.hm_lg-block-grid-12>div:nth-last-child(-n+12):before {
content: none;
}
}
.no-gutter [class*="block-grid-"] {
margin: 0 !important;
}
.no-gutter [class*="block-grid-"]>div {
padding: 0 !important;
}
.no-gutter .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
.no-gutter [class*="col-"],
.no-gutter .item-columns {
padding-left: 0 !important;
padding-right: 0 !important;
}
.small-gutter [class*="block-grid-"] {
margin-left: 1px !important;
margin-right: 1px !important;
}
.small-gutter [class*="block-grid-"]>div {
padding-left: 1px !important;
padding-right: 1px !important;
margin-bottom: 2px;
}
.medium-gutter [class*="block-grid-"] {
margin-left: -10px !important;
margin-right: -10px !important;
}
.medium-gutter [class*="block-grid-"]>div {
padding-left: 10px !important;
padding-right: 10px !important;
}
.cols-3-keep .xx-block-grid-3>div {
width: 33.33333% !important;
}
/*------------------------------------------------------------------*\
4 - LAYOUT STYLE
\*------------------------------------------------------------------*/
body {
min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
body .wrapper-page {
width: 100%;
background: #fff;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
body.boxed-layout,
body.boxed {
background: #efefef;
max-width: 1440px;
-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
margin: 0 auto;
}
body.boxed-layout .wrapper-page,
body.boxed .wrapper-page {
background: #fff;
}
body.open-off-canvas:after {
content: "";
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5000px;
z-index: 99;
}
body .page {
position: relative;
}
body .container-layout-content.container {
margin-bottom: 30px;
}
.main-page-content {
position: relative;
}
#wp-content {
min-height: 150px;
background: #fff;
}
#wp-footer {
position: relative;
z-index: 9;
}
body.footer-fixed #wp-footer {
position: fixed;
bottom: 0;
left: 0;
z-index: 11;
width: 100%;
}
footer .footer-main {
background: var(--pisole-footer-bg-color);
color: var(--pisole-footer-color);
font-size: 16px;
position: relative;
z-index: 111;
}
footer .footer-main a {
color: var(--pisole-footer-color);
}
footer .footer-main a:hover,
footer .footer-main a:focus {
color: #fff;
}
footer .footer-main .footer-main>p {
display: none;
}
footer .footer-main .column>.widget:first-child {
padding-top: 45px;
}
.copyright {
color: var(--pisole-footer-color);
background: #171717;
}
.copyright .copyright-content {
text-align: center;
padding: 35px 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 1025px) {
.container {
max-width: 100%;
}
}
/*------------------------------------------------------------------*\
5 - HEADER STYLE
\*------------------------------------------------------------------*/
.header-default .header_mobile_screen {
display: none;
}
@media (max-width: 1024px) {
.header-default .header_mobile_screen {
display: block;
}
.header-default .header_mobile_screen .canvas-mobile .dropdown-toggle {
font-size: 24px;
}
.header-default .header_mobile_screen .canvas-mobile>.gva-offcanvas {
display: block !important;
}
.header-default .header_default_screen {
display: none;
}
}
.gv-sticky-menu {
position: relative;
-webkit-transition: all 0.36s !important;
transition: all 0.36s !important;
}
.gv-sticky-wrapper {
position: relative;
z-index: 1;
width: 100%;
}
.gv-sticky-wrapper.is-fixed>.gv-sticky-menu {
position: fixed !important;
width: 100%;
z-index: 999;
left: 0;
top: 0;
-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 {
font-size: 22px;
}
.gva-search .control-search:hover i,
.gva-search .control-search:focus i,
.gva-search .control-search.search-open i {
color: var(--e-global-color-primary);
}
.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.08);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
min-width: 250px;
margin-top: 16px;
border: 1px solid rgba(0, 0, 0, 0.06);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
visibility: hidden;
padding: 15px;
}
.gva-search .gva-search-content:after {
content: '';
border: 10px solid transparent;
border-bottom-color: #fff;
position: absolute;
bottom: 100%;
right: 45px;
}
.gva-search .gva-main-search {
padding-top: 0;
}
.gva-search.open .gva-search-content {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
@media (max-width: 767.98px) {
header {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
.header-mobile {
background: #FFF !important;
width: 100%;
position: relative;
-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
}
.header-mobile .topbar-mobile {
padding: 5px 15px;
font-size: 14px;
background: #171717;
color: #d2dce5;
}
.header-mobile .topbar-mobile a {
color: #d2dce5;
}
.header-mobile .topbar-mobile a:hover {
color: var(--e-global-color-primary);
}
.header-mobile .topbar-mobile .topbar-content-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header-mobile .header-mobile-content {
position: relative;
padding: 17px 30px 15px;
}
@media (max-width: 800px) {
.header-mobile .header-mobile-content {
padding: 15px 20px 13px;
}
}
.header-mobile .header-mobile-content .header-content-inner .header-left {
width: 50%;
float: left;
min-height: 20px;
}
.header-mobile .header-mobile-content .header-content-inner .header-left .logo-mobile {
max-width: 150px;
padding-top: 6px;
}
.header-mobile .header-mobile-content .header-content-inner .header-left .logo-mobile img {
max-width: 100%;
}
.header-mobile .header-mobile-content .header-content-inner .header-right {
width: 50%;
float: left;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-mobile .header-mobile-content .header-content-inner .header-right .main-search {
padding-top: 2px;
}
.header-mobile .header-mobile-content .header-content-inner .header-right .main-search .control-search .icon {
color: #171717;
font-size: 20px;
font-weight: 700;
}
.header-mobile .header-mobile-content .header-content-inner .header-right .canvas-mobile {
margin-left: 18px;
margin-top: 5px;
}
.header-mobile .header-mobile-content .header-content-inner .header-right .canvas-mobile .dropdown-toggle .icon {
font-size: 30px;
color: #171717;
border: 1px solid #e2dfeb;
padding: 3px;
border-radius: 6px;
}
.header-mobile .header-mobile-content .header-content-inner .header-right .canvas-mobile .dropdown-toggle:after {
display: none;
}
.header-mobile .header-mobile-content .mini-cart-header {
margin-top: -15px !important;
position: absolute;
top: 50%;
right: 25px;
}
.header-builder-frontend {
position: relative;
z-index: 999;
width: 100%;
}
.header-builder-frontend.header-position-relative .header-builder-inner {
position: relative;
width: 100%;
}
.header-builder-frontend.header-position-absolute .header-builder-inner {
position: absolute;
width: 100%;
}
@media (max-width: 1024px) {
.header-builder-frontend.header-position-absolute .header-builder-inner {
position: relative;
}
}
.header-builder-frontend.header-position-absolute .header-builder-inner .gv-sticky-menu.stuck {
background: #171717;
}
@media (max-width: 1024px) {
.header-builder-frontend.header-position-absolute {
background: var(--e-global-color-secondary);
}
}
@media (max-width: 767.98px) {
.header-builder-frontend {
position: relative;
}
}
.header-default {
background: #fff;
position: relative;
z-index: 999;
}
.header-default .header-bottom {
background: #fff;
position: relative;
}
.header-default .header-bottom .header-bottom-inner {
position: relative;
padding-left: 170px;
min-height: 80px;
padding-right: 28px;
}
.header-default .header-bottom .header-bottom-inner .logo {
position: absolute;
top: 50%;
left: 0;
z-index: 1;
padding: 15px 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 125px;
margin-top: 2px;
}
.header-default .header-bottom .header-bottom-inner ul.gva-nav-menu {
float: right;
}
.header-default .header-bottom .header-bottom-inner ul.gva-nav-menu>li>a {
padding: 30px 2px;
}
.header-default .header-bottom .header-bottom-inner .gsc-search-box {
position: absolute;
right: 0;
top: 50%;
margin-top: -18px;
z-index: 1;
}
.header-default .header-bottom .header-bottom-inner .gsc-search-box .control-search svg {
width: 22px;
fill: #171717;
opacity: 0.9;
}
.header-default .header-bottom .header-bottom-inner .gsc-search-box .control-search:hover svg {
fill: var(--e-global-color-primary);
}
.header-builder {
min-height: 550px;
}
.header-builder.header-bg-black {
padding: 10px 0 30px;
background: url("../images/bg-header-builder.jpg") no-repeat center top transparent;
background-size: cover;
}
body.logged-in.admin-bar .gv-sticky-wrapper.is-fixed>.gv-sticky-menu_ {
top: 32px;
}
@media (max-width: 782px) {
body.logged-in.admin-bar .gv-sticky-wrapper.is-fixed>.gv-sticky-menu_ {
top: 0;
}
}
/*------------------------------------------------------------------*\
5 - MENU STYLE
\*------------------------------------------------------------------*/
ul.gva-nav-menu {
margin-bottom: 0;
padding: 0;
}
ul.gva-nav-menu>li {
margin: 0;
padding: 0;
position: relative;
list-style: none;
float: left;
display: inline-block;
padding: 0 15px;
margin: 26px 0px;
}
@media (max-width: 1300px) {
ul.gva-nav-menu>li {
padding: 0 12px;
}
}
ul.gva-nav-menu>li>a {
font-size: 16px;
font-weight: 600;
height: auto;
position: relative;
display: inline-block;
font-family: sans-serif;
color: var(--pisole-body-color);
text-transform: uppercase;
padding: 4px 18px;
letter-spacing: 1.6px;
}
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: 12px;
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(--e-global-color-primary);
}
ul.gva-nav-menu>li>.submenu-inner:after {
content: '';
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
height: 20px;
display: block;
background: transparent;
}
@media (max-width: 1024px) {
ul.gva-nav-menu>li>.submenu-inner:after {
display: none;
}
}
ul.gva-nav-menu>li .submenu-inner,
ul.gva-nav-menu>li ul.submenu-inner {
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 99;
-webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
-webkit-transition: all 0.39s;
transition: all 0.39s;
-moz-transition: all 0.39s;
-ms-transition: all 0.39s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
border-radius: 0;
min-width: 260px;
padding: 2px 20px;
background: #fff;
list-style-type: none;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
ul.gva-nav-menu>li .submenu-inner.megamenu-wrap-inner,
ul.gva-nav-menu>li ul.submenu-inner.megamenu-wrap-inner {
padding: 18px 20px 12px;
}
ul.gva-nav-menu>li .submenu-inner li,
ul.gva-nav-menu>li ul.submenu-inner li {
background: transparent;
position: relative;
text-align: left;
border-bottom: 1px solid #e2dfeb;
padding: 6px 0;
}
@media (max-width: 767.98px) {
ul.gva-nav-menu>li .submenu-inner li,
ul.gva-nav-menu>li ul.submenu-inner li {
border-bottom: 0;
}
}
ul.gva-nav-menu>li .submenu-inner li:last-child,
ul.gva-nav-menu>li ul.submenu-inner li:last-child {
border-bottom: none;
}
ul.gva-nav-menu>li .submenu-inner li a,
ul.gva-nav-menu>li ul.submenu-inner li a {
display: block;
line-height: 1.4;
padding: 8px 0;
font-size: 15px;
font-weight: 500;
text-transform: capitalize;
position: relative;
color: var(--pisole-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(--e-global-color-primary);
}
ul.gva-nav-menu>li .submenu-inner li ul.submenu-inner,
ul.gva-nav-menu>li ul.submenu-inner li ul.submenu-inner {
position: absolute;
left: 90%;
top: 0;
}
ul.gva-nav-menu>li .submenu-inner li:hover>ul.submenu-inner,
ul.gva-nav-menu>li ul.submenu-inner li:hover>ul.submenu-inner {
display: block;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
ul.gva-nav-menu>li:hover>.submenu-inner {
top: 100%;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
height: auto;
opacity: 1;
filter: alpha(opacity=100);
display: block;
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
@media (max-width: 1600px) {
ul.gva-nav-menu>li:last-child ul.submenu-inner li ul.submenu-inner,
ul.gva-nav-menu>li:nth-last-child(2) ul.submenu-inner li ul.submenu-inner {
right: 100%;
left: auto;
}
}
ul.gva-nav-menu>li.megamenu-main .megamenu-wrap-inner {
max-width: 1170px !important;
background: #fff;
left: 0;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
ul.gva-nav-menu>li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub {
padding: 0;
list-style-type: none;
}
ul.gva-nav-menu>li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub.megamenu-columns-6>li {
width: 16.66667%;
}
ul.gva-nav-menu>li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub.megamenu-columns-5>li {
width: 20%;
}
ul.gva-nav-menu>li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub.megamenu-columns-4>li {
width: 25%;
}
ul.gva-nav-menu>li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub.megamenu-columns-3>li {
width: 33.33333%;
}
ul.gva-nav-menu>li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub.megamenu-columns-2>li {
width: 50%;
}
ul.gva-nav-menu>li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub.megamenu-columns-1>li {
width: 100%;
}
ul.gva-nav-menu>li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub>li {
border: none;
list-style: none;
float: left;
padding-left: 10px;
padding-right: 10px;
}
ul.gva-nav-menu>li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub>li>a {
border-bottom: 1px solid #e2dfeb;
padding: 0 0 10px;
margin: 0 0 5px;
display: block;
color: #171717 !important;
font-weight: 600;
}
ul.gva-nav-menu>li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub>li>a .caret {
display: none;
}
@media (max-width: 767.98px) {
ul.gva-nav-menu>li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub>li>a {
margin-top: 6px;
}
}
ul.gva-nav-menu>li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub>li .submenu-inner {
background: transparent !important;
-webkit-box-shadow: none;
box-shadow: none;
display: block;
position: static;
padding: 0;
min-width: 100%;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
transform: scale(1);
visibility: visible;
max-width: 100% !important;
min-width: 10px !important;
}
ul.gva-nav-menu>li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub>li .submenu-inner li {
list-style: none;
border: none;
padding: 0;
}
ul.gva-nav-menu>li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub>li .submenu-inner li:last-child {
border: none;
}
ul.gva-nav-menu>li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub>li .submenu-inner li.menu-item-has-children>a {
font-weight: 600;
}
ul.gva-nav-menu>li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub>li .submenu-inner li .submenu-inner {
padding-left: 20px !important;
display: block;
}
ul.gva-nav-menu>li.megamenu-main .megamenu-wrap-inner.megamenu-align-left {
left: 0;
right: auto;
}
ul.gva-nav-menu>li.megamenu-main .megamenu-wrap-inner.megamenu-align-right {
right: 0;
left: auto;
}
ul.gva-nav-menu>li.megamenu-main .megamenu-wrap-inner.megamenu-align-center {
left: 50%;
-webkit-transform: rotateX(-90deg) translateX(-50%) !important;
transform: rotateX(-90deg) translateX(-50%) !important;
}
ul.gva-nav-menu>li.megamenu-main .megamenu-wrap-inner.megamenu-align-center:after {
bottom: 100%;
left: 50%;
margin-left: -6px;
}
ul.gva-nav-menu>li.megamenu-main:hover .megamenu-wrap-inner {
-webkit-transform: rotateX(0) translateX(-50%) !important;
transform: rotateX(0) translateX(-50%) !important;
}
.menu-skin-white #mega-menu-main-menu>li>a {
text-transform: uppercase;
font-style: normal !important;
color: #fff !important;
}
.menu-skin-white #mega-menu-main-menu>li>a:hover,
.menu-skin-white #mega-menu-main-menu>li>a:focus,
.menu-skin-white #mega-menu-main-menu>li>a:active {
color: #171717 !important;
}
.gavias-off-canvas-toggle {
font-size: 24px;
float: right;
margin-right: -1px;
border-left: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgba(0, 0, 0, 0.1);
text-align: center;
width: 36px;
height: 36px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
background: var(--e-global-color-primary);
color: #fff;
line-height: 1.5;
margin-bottom: 10px;
}
.gavias-off-canvas-toggle:hover,
.gavias-off-canvas-toggle:focus {
background: #171717;
color: #fff;
}
.gavias-off-canvas-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 9999;
display: block;
}
#gavias-off-canvas {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
background: #fff;
height: 100%;
left: -75%;
position: fixed;
top: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
width: 70%;
z-index: 99998;
bottom: 0;
}
#gavias-off-canvas.active {
left: 0;
}
#gavias-off-canvas .navbar-collapse {
padding-left: 0 !important;
}
#gavias-off-canvas ul {
padding-left: 25px;
}
#gavias-off-canvas .off-canvas-top {
height: 35px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#gavias-off-canvas .off-canvas-top .top-social>a {
line-height: 35px;
-webkit-transition: background 0.35s;
transition: background 0.35s;
-moz-transition: background 0.35s;
-ms-transition: background 0.35s;
padding: 0 15px;
display: block;
border-left: 1px solid rgba(0, 0, 0, 0.1);
float: left;
}
#gavias-off-canvas .off-canvas-top .top-social>a:last-child {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
#gavias-off-canvas .off-canvas-top .top-social>a:hover {
background: var(--e-global-color-primary);
color: #fff;
border-color: var(--e-global-color-primary);
}
#gavias-off-canvas .off-canvas-top .gavias-off-canvas-close {
float: right;
margin-right: 35px;
line-height: 35px;
border-left: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgba(0, 0, 0, 0.1);
padding: 0 15px;
color: #171717;
}
#gavias-off-canvas .off-canvas-top .gavias-off-canvas-close:hover {
cursor: pointer;
background: var(--e-global-color-primary);
color: #fff;
}
#gavias-off-canvas ul#menu-main-menu {
width: 100%;
margin: 0;
padding: 0;
}
#gavias-off-canvas ul#menu-main-menu>li {
list-style: none;
display: block;
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
overflow: hidden;
padding: 10px 20px;
}
#gavias-off-canvas ul#menu-main-menu>li>a {
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
font-weight: 600;
text-transform: uppercase;
padding: 0;
}
#gavias-off-canvas ul#menu-main-menu>li>a:hover,
#gavias-off-canvas ul#menu-main-menu>li>a:focus {
background: transparent;
}
#gavias-off-canvas ul#menu-main-menu>li>a.active>a {
color: var(--e-global-color-primary);
background: transparent;
}
#gavias-off-canvas ul#menu-main-menu>li .submenu-inner.dropdown-menu {
position: relative;
display: block;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
padding-left: 15px;
border: none;
}
#gavias-off-canvas ul#menu-main-menu>li .submenu-inner.dropdown-menu li a {
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
padding: 4px 0;
}
#gavias-off-canvas ul#menu-main-menu>li .submenu-inner.dropdown-menu li a:hover,
#gavias-off-canvas ul#menu-main-menu>li .submenu-inner.dropdown-menu li a:focus {
color: var(--e-global-color-primary);
background: transparent;
}
#gavias-off-canvas ul#menu-main-menu>li .submenu-inner.dropdown-menu li.active>a {
color: var(--e-global-color-primary);
background: transparent;
}
#gavias-off-canvas ul#menu-main-menu .caret {
float: right;
margin-top: 5px;
}
#mega-menu-wrap-primary {
position: static !important;
}
#mega-menu-wrap-primary .mega-menu-horizontal {
position: static !important;
}
.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: #171717;
}
.gva-offcanvas-content a:hover {
color: var(--e-global-color-primary);
}
.gva-offcanvas-content .top-canvas {
background: #332d89;
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 10px 25px;
display: inline-block;
line-height: 1;
}
.gva-offcanvas-content .top-canvas .logo-mm img {
max-height: 40px;
max-width: auto;
}
.gva-offcanvas-content .top-canvas .control-close-mm {
background: #e7a500;
display: inline-block;
width: 45px;
height: 45px;
text-align: center;
color: #fff;
float: right;
margin-top: 7px;
}
.gva-offcanvas-content .top-canvas .control-close-mm:hover {
cursor: pointer;
}
.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: #171717;
}
.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: 14px;
color: #171717;
font-weight: 600;
position: relative;
z-index: 11;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu>li a .caret {
display: none;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu>li a:after {
display: none;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu>li a:hover {
color: var(--e-global-color-primary);
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu>li.menu-item-has-children .caret {
border: none;
position: absolute;
top: 20px;
margin-top: -10px;
right: 0;
width: 150px;
height: 35px;
z-index: 9;
color: #171717;
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(--e-global-color-primary);
}
.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: 8px 0;
font-weight: 500;
text-transform: none;
font-size: 16px;
color: var(--pisole-body-color);
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu>li ul.submenu-inner li a:hover,
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu>li div.submenu-inner li a:hover {
color: var(--e-global-color-primary);
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu>li ul.submenu-inner ul,
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu>li div.submenu-inner ul {
width: 100%;
padding-left: 15px;
display: block !important;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu>li ul.submenu-inner ul>li,
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu>li div.submenu-inner ul>li {
padding: 3px 0;
display: block;
width: 100%;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu>li ul.submenu-inner {
padding-left: 20px;
}
.gva-offcanvas-content #gva-mobile-menu .megamenu-sub>li>a {
font-weight: 700 !important;
font-size: 15px !important;
opacity: 0.8;
}
.gva-offcanvas-content #gva-mobile-menu .megamenu-sub>li .submenu-inner {
padding: 8px 20px 5px !important;
}
.gva-offcanvas-content #gva-mobile-menu .megamenu-sub>li .submenu-inner>li {
padding: 0 !important;
}
.gva-offcanvas-content #gva-mobile-menu .megamenu-sub>li:last-child .submenu-inner {
padding-bottom: 10px !important;
}
.gva-offcanvas-content #gva-mobile-menu .megamenu-sub>li:last-child .submenu-inner li {
margin-bottom: 3px;
}
.gva-offcanvas-content.open {
left: 0;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.megamenu-main .megamenu-wrap-inner {
width: 100%;
left: 0;
right: 0;
margin: auto;
}
.megamenu-main .widget {
text-align: left;
color: var(--pisole-link-color);
}
.megamenu-main .widget .widget-title,
.megamenu-main .widget .widgettitle {
font-size: 16px;
text-align: left;
text-transform: uppercase;
font-weight: 600;
line-height: 20px;
padding: 0;
border: none;
}
.megamenu-main .widget ul {
list-style: none;
padding: 0;
}
.megamenu-main .widget.widget-html ul li {
line-height: 32px;
padding: 5px 0;
}
.megamenu-main .widget.widget-html ul li strong {
color: var(--e-global-color-primary);
font-weight: 600;
}
.megamenu-main .widget .product-block {
margin-bottom: 10px;
}
ul.gva-user-menu li a {
font-size: 15px;
}
body.admin-bar .gva-offcanvas-content.mobile {
padding-top: 32px;
}
@media (max-width: 782px) {
body.admin-bar .gva-offcanvas-content.mobile {
padding-top: 46px;
}
}
/*------------------------------------------------------------------*\
6 - ELEMENTS STYLE
\*------------------------------------------------------------------*/
body.elementor-editor-active[data-elementor-device-mode*="desktop"] .elementor-hidden-desktop[data-widget_type*="gva-navigation-menu.default"],
body.elementor-editor-active[data-elementor-device-mode*="laptop"] .elementor-hidden-laptop[data-widget_type*="gva-navigation-menu.default"],
body.elementor-editor-active[data-elementor-device-mode*="mobile"] .elementor-hidden-mobile[data-widget_type*="gva-navigation-menu.default"],
body.elementor-editor-active[data-elementor-device-mode*="mobile_extra"] .elementor-hidden-mobile_extra[data-widget_type*="gva-navigation-menu.default"],
body.elementor-editor-active[data-elementor-device-mode*="tablet"] .elementor-hidden-tablet[data-widget_type*="gva-navigation-menu"],
body.elementor-editor-active[data-elementor-device-mode*="tablet_extra"] .elementor-hidden-tablet_extra[data-widget_type*="gva-navigation-menu.default"],
body.elementor-editor-active[data-elementor-device-mode*="widescreen"] .elementor-hidden-widescreen[data-widget_type*="gva-navigation-menu.default"] {
max-width: 100px;
max-height: 50px;
overflow: hidden;
display: none;
}
.elementor-slideshow__counter {
display: none;
}
.elementor-sidebar-widget {
padding: 30px;
-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 0, 0, 0.036);
border-radius: 4px;
margin-bottom: 30px;
}
.elementor-sidebar-widget .title {
font-size: 22px;
position: relative;
padding-left: 10px;
margin: 0 0 20px;
}
.elementor-sidebar-widget .title:before {
content: '';
width: 2px;
height: auto;
top: 5px;
bottom: 3px;
left: 0;
background: var(--e-global-color-primary);
position: absolute;
left: 0;
bottom: 5px;
z-index: 1;
}
.gva-element {
min-height: 20px;
}
.row-hero>.elementor-background-slideshow {
max-width: 43.5%;
right: 0;
left: auto;
}
@media (max-width: 1024px) {
.row-hero>.elementor-background-slideshow {
max-width: 100%;
}
.row-hero>.elementor-background-slideshow:after {
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
position: absolute;
top: 0;
left: 0;
z-index: 11;
}
}
.row-hero>.elementor-background-overlay {
max-width: 56.5%;
}
@media (max-width: 1024px) {
.row-hero>.elementor-background-overlay {
display: none;
}
}
.row-explore-full>.elementor-container {
left: calc((100% - 1200px) / 2);
}
@media (max-width: 991.98px) {
.row-explore-full>.elementor-container {
left: 0;
}
}
@media (min-width: 1201px) {
.row-wide-1>.elementor-container {
left: calc((1380px - 1200px) / 2);
}
}
@media (min-width: 1201px) {
.row-wide-2>.elementor-container {
left: calc((1615px - 1200px) / 2);
}
}
.row-hero-1>.elementor-container {
left: calc((1320px - 1200px) / 2);
}
@media (max-width: 991.98px) {
.row-hero-1>.elementor-container {
left: 0;
}
}
.col-contain-left {
padding-right: calc(((100vw - 1200px) / 2) - 15px);
}
@media (max-width: 1024px) {
.col-contain-left {
padding-right: 0;
}
}
.col-contain-right {
padding-left: calc(((100vw - 1200px) / 2) - 15px);
}
@media (max-width: 1024px) {
.col-contain-right {
padding-left: 0;
}
}
.contain-left {
padding-left: calc((100% - 1200px) / 2);
}
.bg-overlay-1 .elementor-background-overlay {
max-width: 1470px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-radius: 10px;
}
.bg-overlay-2 .elementor-background-overlay {
left: -110px;
}
.bg-row-theme,
.bg-col-theme>.elementor-column-wrap,
.bg-col-theme>.elementor-widget-wrap {
background-color: var(--e-global-color-primary);
}
.bg-row-theme-second,
.bg-col-theme-second>.elementor-column-wrap,
.bg-col-theme-second>.elementor-widget-wrap {
background-color: #171717;
}
.column-line-left {
position: relative;
}
.column-line-left:after {
content: '';
width: 12px;
background: var(--e-global-color-primary);
position: absolute;
left: 0;
top: 100px;
bottom: 100px;
z-index: 1;
}
.column-line-right {
position: relative;
}
.column-line-right:after {
content: '';
width: 12px;
background: var(--e-global-color-primary);
border-radius: 0 10px 10px 0;
position: absolute;
left: 100%;
top: 120px;
bottom: 120px;
z-index: 1;
}
.col-white-right {
position: relative;
}
.col-white-right:after {
content: '';
width: 1000px;
height: 100%;
background: #fff;
position: absolute;
left: 100%;
top: 0;
bottom: 0;
z-index: 1;
}
.col-border-line {
position: relative;
padding: 20px 20px 0;
}
.col-border-line:after {
content: '';
width: 100%;
height: 100%;
background: url("../images/bg-line.png") no-repeat top center;
background-size: cover;
border-radius: 6px;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.border-middle-left,
.border-middle-right {
position: relative;
}
.border-middle-left:after,
.border-middle-right:after {
content: '';
width: 1px;
background: rgba(255, 255, 255, 0.15);
position: absolute;
left: 0;
top: 25px;
bottom: 25px;
z-index: 1;
}
.border-middle-right:after {
left: auto;
right: 0;
}
.col-align-right>.elementor-column-wrap {
display: block;
}
.col-align-right>.elementor-column-wrap>.elementor-widget-wrap {
float: right;
}
.elementor-background-slideshow__slide .elementor-background-slideshow__slide__image {
background-repeat: no-repeat !important;
}
.elementor-section>.elementor-container {
z-index: 11;
}
.elementor-section>.particles-js-canvas-el {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.col-bg-theme-inner>.elementor-column-wrap>.elementor-widget-wrap {
background: var(--e-global-color-primary);
}
.elementor-icon-list-icon svg {
height: auto;
}
.elementor-icon,
.elementor-icon i,
.elementor-icon svg {
font-size: inherit;
}
.elementor-icon {
font-size: 14px;
}
.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:last-child {
margin-bottom: 0;
}
.elementor-widget-wp-widget-nav_menu ul.menu>li a {
display: block;
background: #f4f4f4;
padding: 16px 55px 16px 30px;
color: var(--pisole-heading-color);
font-weight: 600;
text-transform: uppercase;
font-size: 18px;
position: relative;
line-height: 22px;
font-family: var(--pisole-heading-font-family);
}
.elementor-widget-wp-widget-nav_menu ul.menu>li a:after {
content: "\e90c";
font-family: "picomoon";
position: absolute;
right: 30px;
top: 50%;
margin-top: -10px;
z-index: 11;
color: var(--pisole-heading-color);
font-size: 12px;
font-weight: 900;
}
@media (max-width: 1200px) {
.elementor-widget-wp-widget-nav_menu ul.menu>li a:after {
right: 20px;
}
}
.elementor-widget-wp-widget-nav_menu ul.menu>li a:hover {
background: var(--e-global-color-primary);
color: #fff;
}
.elementor-widget-wp-widget-nav_menu ul.menu>li a:hover:after {
color: #fff;
}
.elementor-widget-wp-widget-nav_menu ul.menu>li.current-menu-item>a {
background: var(--e-global-color-primary);
color: #fff;
}
.elementor-widget-wp-widget-nav_menu ul.menu>li.current-menu-item>a:after {
color: #fff;
}
.elementor-accordion .elementor-accordion-item {
margin-bottom: 20px;
border: none;
}
.elementor-accordion .elementor-accordion-item:last-child {
margin-bottom: 0;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title {
position: relative;
background: #f4f4f4;
border: 1px solid #f4f4f4;
-webkit-transition: all 0.35s;
transition: all 0.35s;
padding: 30px 40px;
}
@media (max-width: 1024px) {
.elementor-accordion .elementor-accordion-item .elementor-tab-title {
padding: 20px;
}
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title a {
font-family: var(--pisole-heading-font-family);
text-transform: uppercase;
padding: 0;
color: var(--pisole-heading-color);
font-weight: 600;
font-size: 18px;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title .elementor-accordion-icon {
font-size: 14px;
text-align: center;
color: var(--e-global-color-primary);
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active {
background: #fff;
border-color: #d7d7d7;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-content {
border: 1px solid #e2dfeb;
border-top: none;
padding: 40px;
}
.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;
}
@media (max-width: 1024px) {
.elementor-accordion .elementor-accordion-item .elementor-tab-content {
padding: 20px;
}
}
.elementor-accordion .elementor-accordion-item .elementor-tab-content.elementor-active {
/* -webkit-box-shadow: 0px 10px 60px 0 rgba(0, 0, 0, 0.01);
box-shadow: 0px 10px 60px 0 rgba(0, 0, 0, 0.01); */
background-color: #fff;
}
.elementor-widget-progress .elementor-title {
font-weight: 600;
font-size: 18px;
color: var(--pisole-heading-color);
text-transform: uppercase;
margin: 0 0 10px;
font-family: var(--pisole-heading-font-family);
}
.elementor-widget-progress .elementor-progress-wrapper {
border: 1px solid #d7d7d7;
padding: 3px;
background: #fff;
position: relative;
overflow: visible !important;
}
.elementor-widget-progress .elementor-progress-wrapper .elementor-progress-bar {
border-radius: 0;
background: var(--e-global-color-primary);
}
.elementor-widget-progress .elementor-progress-wrapper .elementor-progress-bar .elementor-progress-text {
position: relative;
overflow: visible;
font-size: 0;
}
.elementor-widget-progress .elementor-progress-wrapper .elementor-progress-percentage {
position: absolute;
right: 0;
color: var(--pisole-body-color);
bottom: 22px;
padding-right: 0;
font-size: 14px;
font-weight: 500;
margin-bottom: 5px;
}
.elementor-widget-heading .elementor-heading-title strong {
font-size: 26px;
font-weight: 700;
color: var(--e-global-color-primary);
}
.elementor-widget-button a {
font-family: var(--pisole-heading-font-family);
font-size: 12px;
font-weight: 500;
letter-spacing: 2px;
}
.elementor-widget-icon-box .elementor-icon-box-icon .elementor-icon {
color: var(--e-global-color-primary);
fill: var(--e-global-color-primary);
}
.elementor-widget-icon-box .elementor-icon-box-title {
margin: 0;
}
.elementor-widget-icon-box .elementor-icon-box-title a:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.elementor-widget-icon-box .elementor-icon-box-title a:hover {
color: inherit;
}
.elementor-widget-icon-box .elementor-icon-box-description {
min-height: 0 !important;
}
@media (max-width: 768px) {
.elementor-widget-icon-box.icon-box-left .elementor-icon-box-wrapper {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.elementor-widget-icon-box.icon-box-left .elementor-icon-box-wrapper .elementor-icon-box-icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.elementor-widget-icon-box.icon-box-left .elementor-icon-box-icon {
margin-right: 15px !important;
margin-bottom: 0 !important;
}
.elementor-widget-icon-box.icon-box-left .elementor-icon-box-content {
text-align: left;
}
}
.elementor-icon-list-items .elementor-icon-list-item {
font-size: 16px;
}
.elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon {
color: var(--e-global-color-primary);
}
.elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon span,
.elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text span {
color: var(--e-global-color-primary);
margin-right: 18px;
}
.elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon+.elementor-icon-list-text {
padding: 0;
}
.elementor-icon-box-style-1 {
padding: 0 20px;
}
@media (max-width: 1250px) {
.elementor-icon-box-style-1 {
padding: 0;
}
}
@media (max-width: 1200px) {
.elementor-icon-box-style-1 .elementor-icon-box-wrapper {
display: block !important;
}
.elementor-icon-box-style-1 .elementor-icon-box-wrapper .elementor-icon-box-icon {
display: block;
width: 100%;
margin-bottom: 20px;
}
.elementor-icon-box-style-1 .elementor-icon-box-wrapper .elementor-icon-box-content {
display: block;
width: 100%;
}
}
.elementor-icon-box-style-2 {
padding: 0;
}
@media (max-width: 1024px) {
.elementor-icon-box-style-2 .elementor-icon-box-wrapper {
display: block !important;
text-align: left !important;
}
.elementor-icon-box-style-2 .elementor-icon-box-wrapper .elementor-icon-box-icon {
display: block;
width: 100%;
margin-bottom: 20px !important;
}
.elementor-icon-box-style-2 .elementor-icon-box-wrapper .elementor-icon-box-content {
display: block;
width: 100%;
}
}
.post-breadcrumb .custom-breadcrumb {
margin-bottom: 0;
}
.gv-sidebar-offcanvas .control-mobile,
.gv-sidebar-offcanvas .filter-top {
display: none;
}
@media (max-width: 1024px) {
.gv-sidebar-offcanvas>.elementor-column-wrap,
.gv-sidebar-offcanvas>.elementor-widget-wrap {
position: fixed;
top: 0;
right: -360px;
z-index: 99;
background: #fff;
max-width: 100%;
height: 100%;
width: 350px;
overflow-x: hidden;
overflow-y: scroll;
border-left: 1px solid #e2dfeb;
-webkit-box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1);
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.35s;
transition: all 0.35s;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.gv-sidebar-offcanvas>.elementor-column-wrap .elementor-widget-wrap,
.gv-sidebar-offcanvas>.elementor-widget-wrap .elementor-widget-wrap {
padding: 0 0 20px;
}
.gv-sidebar-offcanvas>.elementor-column-wrap .filter-top,
.gv-sidebar-offcanvas>.elementor-widget-wrap .filter-top {
display: block;
position: relative;
text-align: left;
background: #F1F2F6;
margin-left: 0;
margin-right: 0;
margin-bottom: 20px;
padding: 6px 0;
}
.gv-sidebar-offcanvas>.elementor-column-wrap .filter-top:before,
.gv-sidebar-offcanvas>.elementor-column-wrap .filter-top:after,
.gv-sidebar-offcanvas>.elementor-widget-wrap .filter-top:before,
.gv-sidebar-offcanvas>.elementor-widget-wrap .filter-top:after {
content: '';
width: 500px;
height: 100%;
position: absolute;
background: #F1F2F6;
top: 0;
z-index: 11;
}
.gv-sidebar-offcanvas>.elementor-column-wrap .filter-top:before,
.gv-sidebar-offcanvas>.elementor-widget-wrap .filter-top:before {
left: 100%;
}
.gv-sidebar-offcanvas>.elementor-column-wrap .filter-top:after,
.gv-sidebar-offcanvas>.elementor-widget-wrap .filter-top:after {
right: 100%;
}
.gv-sidebar-offcanvas>.elementor-column-wrap .filter-top .btn-close-filter,
.gv-sidebar-offcanvas>.elementor-widget-wrap .filter-top .btn-close-filter {
display: inline-block;
border-radius: 10px;
color: #1c1e27;
font-size: 20px;
}
.gv-sidebar-offcanvas .control-mobile {
display: block;
padding: 0 15px 10px;
}
.gv-sidebar-offcanvas .control-mobile .control-mobile-link {
color: var(--e-global-color-primary);
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
letter-spacing: 1px;
}
.gv-sidebar-offcanvas .control-mobile .control-mobile-link i {
font-size: 20px;
margin-right: 6px;
position: relative;
top: 2px;
}
.gv-sidebar-offcanvas.open>.elementor-column-wrap,
.gv-sidebar-offcanvas.open>.elementor-widget-wrap {
right: 0;
}
.open-el-sidebar-offcanvas {
overflow: hidden;
}
.open-el-sidebar-offcanvas .wp-site-header,
.open-el-sidebar-offcanvas #wp-toolbar {
z-index: 9;
}
}
.list-style-1 ul>li {
position: relative;
}
.list-style-1 ul>li:before {
content: '/';
padding-right: 8px;
}
.list-style-1 ul>li:first-child:before {
display: none;
}
.post-author-name,
.post-category {
font-size: 15px;
}
.post-author-name a,
.post-category a {
color: var(--pisole-body-color);
text-transform: capitalize;
letter-spacing: 0;
}
.post-author-name i,
.post-category i {
color: var(--e-global-color-primary);
margin-right: 5px;
}
.post-date {
position: absolute;
bottom: calc(100% + 10px);
left: 30px;
background: var(--e-global-color-primary);
color: #fff;
text-align: center;
padding: 10px 15px;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
line-height: 1.1;
border: 10px solid #fff;
font-family: var(--pisole-heading-font-family);
display: inline-block;
}
.post-date span {
display: block;
}
.post-date .date {
font-size: 16px;
}
.elementor-widget.elementor-widget-gva_post_date {
margin-bottom: 0;
}
.gva-element-gva_post_date.gva-element {
min-height: 0;
}
.pisole-post-title .post-title {
font-size: 30px;
margin: 0;
}
.post-tags .title {
font-size: 18px;
font-weight: 700;
color: #171717;
margin-right: 10px;
position: relative;
top: 2px;
}
.post-tags>a {
background: var(--e-global-color-primary);
font-size: 14px;
padding: 0 15px;
line-height: 28px;
color: #fff;
margin: 3px 10px 3px 0;
font-weight: 600;
display: inline-block;
white-space: nowrap;
}
.post-tags>a:last-child {
margin-left: 0;
}
.post-author-box {
background: #f4f4f4;
padding: 50px;
}
.post-author-box img {
border-radius: 0;
}
@media (max-width: 1024px) {
.post-author-box {
padding: 30px;
}
}
.post-author-box .content-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.post-author-box .content-inner .author-image {
max-width: 170px;
-webkit-box-flex: 0;
-ms-flex: 0 0 170px;
flex: 0 0 170px;
border-radius: 0;
overflow: hidden;
}
@media (max-width: 580px) {
.post-author-box .content-inner .author-image {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.post-author-box .content-inner .author-content {
padding-left: 35px;
max-width: calc(100% - 170px);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 170px);
flex: 0 0 calc(100% - 170px);
}
@media (max-width: 1024px) {
.post-author-box .content-inner .author-content {
padding-left: 20px;
}
}
@media (max-width: 580px) {
.post-author-box .content-inner .author-content {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 20px 0 0;
}
}
.post-author-box .content-inner .author-content .author-name {
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
position: relative;
}
.post-author-box .content-inner .author-content .author-bio {
font-size: 16px;
line-height: 30px;
font-weight: 500;
margin-top: 15px;
}
@media (max-width: 1024px) {
.post-author-box .content-inner .author-content .author-bio {
margin-top: 10px;
}
}
.pisole-post-share .social-networks-post {
margin: 0;
padding: 0;
}
.pisole-post-share .social-networks-post>li {
list-style: none;
float: left;
margin: 5px;
}
.pisole-post-share .social-networks-post>li.title-share {
font-family: var(--pisole-heading-font-family);
color: #171717;
font-weight: 600;
padding-top: 5px;
}
.pisole-post-share .social-networks-post>li:not(.title-share) a {
display: inline-block;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
font-size: 14px;
background: #f4f4f4;
color: #171717;
border-radius: 50%;
text-align: center;
}
.pisole-post-share .social-networks-post>li:not(.title-share) a:hover {
background: var(--e-global-color-primary);
color: #fff;
border-color: var(--e-global-color-primary);
}
.pisole-post-share.style-1 .social-networks-post>li.title-share {
display: none;
}
.pisole-post-share.style-2,
.pisole-post-share.style-3 {
position: relative;
}
.pisole-post-share.style-2 .share-content,
.pisole-post-share.style-3 .share-content {
position: absolute;
bottom: 100%;
right: 0;
z-index: 11;
min-width: 250px;
background: #fff;
text-align: center;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
padding: 20px 15px 12px;
border-radius: 6px;
margin-bottom: 16px;
display: none;
}
.pisole-post-share.style-2 .share-content:after,
.pisole-post-share.style-3 .share-content:after {
content: '';
position: absolute;
top: 100%;
right: 45px;
width: 16px;
height: 16px;
border-width: 8px;
border-style: solid;
border-color: #fff transparent transparent transparent;
display: block;
}
.pisole-post-share.style-2 .share-content .title-share,
.pisole-post-share.style-3 .share-content .title-share {
display: none;
}
.pisole-post-share.style-2 .share-content .social-networks-post,
.pisole-post-share.style-3 .share-content .social-networks-post {
display: inline-block;
}
.pisole-post-share.style-2.open .share-content,
.pisole-post-share.style-3.open .share-content {
display: block;
}
.pisole-post-share.style-3 .btn-control-share {
background: #f4f4f4;
}
.gva-brand-carousel .brand-item-content {
text-align: center;
-webkit-transition: all 0.35s;
transition: all 0.35s;
display: block;
width: 100%;
}
.gva-brand-carousel .brand-item-content .brand-item-image {
position: relative;
text-align: center;
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;
padding: 20px;
width: 100%;
-webkit-transition: all 0.5s;
transition: all 0.5s;
background: none;
}
.gva-brand-carousel .brand-item-content .brand-item-image img {
opacity: 0.6;
-webkit-transition: all 0.35s;
transition: all 0.35s;
display: inline-block;
}
.gva-brand-carousel .brand-item-content .brand-item-image:hover img {
opacity: 1;
-webkit-animation: beat 1.5s ease 0s infinite;
animation: beat 1.5s ease 0s infinite;
}
.gva-brand-carousel.style-1 .brand-item-content .brand-item-image {
min-height: 104px;
}
.gva-brand-carousel.style-1 .brand-item-content .brand-item-image:hover {
background: #000;
}
.gva-brand-carousel.style-2 .brand-item-content .brand-item-image {
min-height: 70px;
}
.gva-brand-carousel.style-2 .brand-item-content .brand-item-image:hover {
background: #f4f4f4;
}
.gva-brand-carousel.style-3 .brand-item-content .brand-item-image {
padding: 0;
}
.gva-brand-carousel.style-3 .brand-item-content .brand-item-image img {
opacity: 0.2;
}
.gva-brand-carousel.style-3 .brand-item-content .brand-item-image:hover img {
opacity: 0.8;
}
.item-active.center .brand-item-image img {
opacity: 1;
-webkit-animation: beat 1.5s ease 0s infinite;
animation: beat 1.5s ease 0s infinite;
}
.gva-brand-carousel.style-1 .item-active.center .brand-item-image {
background: #000;
}
.gva-brand-carousel.style-2 .item-active.center .brand-item-image {
background: #f4f4f4;
}
.gva-brand-carousel.style-3 .item-active.center .brand-item-image img {
opacity: 0.8;
}
.gva-blogs-list .post {
width: 100%;
float: left;
}
.gva-blogs-list .post .post-thumbnail {
width: 45%;
float: left;
}
@media (max-width: 767.98px) {
.gva-blogs-list .post .post-thumbnail {
width: 100%;
}
}
.gva-blogs-list .post .post-thumbnail iframe {
height: 250px;
min-height: 250px;
}
.gva-blogs-list .post .entry-content {
width: 55%;
float: left;
padding-left: 30px;
}
@media (max-width: 767.98px) {
.gva-blogs-list .post .entry-content {
width: 100%;
padding-left: 0;
padding-top: 15px;
}
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
.gva-blogs-list .post .entry-content .entry-title {
margin-top: 15px;
}
}
.gva-blogs-list.show-read-more .read-more {
margin-top: 5px;
display: block !important;
visibility: visible !important;
}
.gva-blogs-list .row-item:last-child .post {
margin-bottom: 0 !important;
}
.post-small .post {
margin-bottom: 20px !important;
float: left;
width: 100%;
}
.post-small .post .post-thumbnail {
width: 70px;
float: left;
}
.post-small .post .post-content {
padding-left: 85px;
width: 100%;
float: none;
}
.post-small .post .entry-title {
font-size: 14px !important;
margin: 0;
padding: 0;
}
.post-small .post .cat-links a {
color: var(--e-global-color-primary);
}
.post-small .post .cat-links a:hover {
text-decoration: underline;
}
.post-small .post .entry-meta {
margin: 5px 0;
}
.post-small .post .entry-meta .author {
display: none;
}
.post-small .post .line-1 {
display: none;
}
.gva-navigation-menu.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;
}
.gva-navigation-mobile .dropdown-toggle {
display: inline-block;
line-height: 1;
font-size: 24px;
}
.gva-navigation-mobile .dropdown-toggle:after {
display: none;
}
.gsc-career {
-webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
}
.gsc-career .box-content {
padding: 30px;
}
.gsc-career .box-content .title {
font-size: 22px;
margin: 0 0 10px;
}
.gsc-career .box-content .job-type {
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
color: #fff;
background: var(--e-global-color-primary);
margin-bottom: 10px;
display: inline-block;
letter-spacing: 1px;
line-height: 24px;
border-radius: 30px;
position: absolute;
top: 15px;
right: 15px;
z-index: 1;
}
.gsc-career .box-content .box-information {
font-size: 15px;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #e2dfeb;
}
.gsc-career .box-content .box-information ul {
padding: 0;
margin: 0;
list-style: none;
}
.gsc-career .box-content .box-information ul li {
float: left;
margin-right: 30px;
}
.gsc-career .box-content .box-information ul li:last-child {
margin-right: 0;
}
.gsc-career .box-content .box-information ul li .icon {
margin-right: 6px;
color: var(--e-global-color-primary);
}
.gsc-career .box-content .job-action {
margin-top: 20px;
}
.gsc-cart-box .mini-cart-header {
position: relative;
z-index: 1;
}
.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: 20px;
color: #171717;
position: relative;
top: 1px;
}
.gsc-cart-box .mini-cart-header .mini-cart .mini-cart-items {
position: absolute;
font-size: 12px;
background: var(--e-global-color-secondary);
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: #171717;
}
.gsc-icon-box-group .icon-box-item {
width: 100%;
}
.iconbox-one__single {
border: 1px solid rgba(0, 0, 0, 0.05);
padding: 30px;
margin: 10px 0 30px;
-webkit-box-shadow: 6px 5px 15px 0px rgba(0, 0, 0, 0.06);
box-shadow: 6px 5px 15px 0px rgba(0, 0, 0, 0.06);
position: relative;
width: 100%;
background: #fff;
z-index: 9;
}
@media (max-width: 1024px) {
.iconbox-one__single {
padding: 30px 20px;
}
}
.iconbox-one__single:after {
content: '';
background: var(--e-global-color-primary);
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: 100%;
z-index: -1;
-webkit-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
}
.iconbox-one__icon {
margin: 30px 0 25px;
}
.iconbox-one__icon i {
font-size: 56px;
color: var(--e-global-color-primary);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.iconbox-one__icon svg {
width: 56px;
fill: var(--e-global-color-primary);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.iconbox-one__title {
font-size: 18px;
margin: 0;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.iconbox-one__desc {
font-size: 14px;
letter-spacing: -0.5s;
color: #171717;
font-weight: 400;
position: relative;
line-height: 20px;
margin-top: 15px;
padding-top: 15px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.iconbox-one__desc:after {
content: '';
width: 20px;
height: 2px;
background: #171717;
position: absolute;
top: 0;
left: 0;
z-index: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.iconbox-one__link-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 11;
}
.iconbox-one__single:hover:after,
.iconbox-one__single:focus:after,
.iconbox-one__single.active:after {
bottom: -1px;
opacity: 1;
}
.iconbox-one__single:hover .iconbox-one__title,
.iconbox-one__single:focus .iconbox-one__title,
.iconbox-one__single.active .iconbox-one__title {
color: #fff;
}
.iconbox-one__single:hover .iconbox-one__icon i,
.iconbox-one__single:focus .iconbox-one__icon i,
.iconbox-one__single.active .iconbox-one__icon i {
color: #fff;
}
.iconbox-one__single:hover .iconbox-one__icon svg,
.iconbox-one__single:focus .iconbox-one__icon svg,
.iconbox-one__single.active .iconbox-one__icon svg {
fill: #fff;
}
.iconbox-one__single:hover .iconbox-one__desc,
.iconbox-one__single:focus .iconbox-one__desc,
.iconbox-one__single.active .iconbox-one__desc {
color: #fff;
}
.iconbox-one__single:hover .iconbox-one__desc:after,
.iconbox-one__single:focus .iconbox-one__desc:after,
.iconbox-one__single.active .iconbox-one__desc:after {
width: 50px;
background: #fff;
}
.item-active.center .iconbox-one__single:after {
opacity: 1;
bottom: -1px;
}
.item-active.center .iconbox-one__title {
color: #fff;
}
.item-active.center .iconbox-one__icon i {
color: #fff;
}
.item-active.center .iconbox-one__icon svg {
fill: #fff;
}
.item-active.center .iconbox-one__desc {
color: #fff;
}
.item-active.center .iconbox-one__desc:after {
width: 50px;
background: #fff;
}
.iconbox-two__single {
border: 1px solid rgba(0, 0, 0, 0.05);
padding: 20px 20px 25px 30px;
margin: 0 0 30px;
position: relative;
background: #fff;
z-index: 9;
}
@media (max-width: 1024px) {
.iconbox-two__single {
padding: 30px 18px;
}
}
.iconbox-two__icon-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.iconbox-two__number {
font-size: 30px;
color: #d6dee1;
}
.iconbox-two__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 68px;
flex: 0 0 68px;
width: 68px;
height: 68px;
border-radius: 50%;
background: #f4f4f4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.iconbox-two__icon i {
font-size: 28px;
color: var(--e-global-color-primary);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.iconbox-two__icon svg {
width: 28px;
fill: var(--e-global-color-primary);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.iconbox-two__title {
font-size: 18px;
margin: 6px 0 5px;
}
.iconbox-two__desc {
position: relative;
line-height: 24px;
}
.iconbox-two__link-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 11;
}
.iconbox-two__single:hover .iconbox-two__icon,
.iconbox-two__single:focus .iconbox-two__icon,
.iconbox-two__single.active .iconbox-two__icon {
background: var(--e-global-color-primary);
}
.iconbox-two__single:hover .iconbox-two__icon i,
.iconbox-two__single:focus .iconbox-two__icon i,
.iconbox-two__single.active .iconbox-two__icon i {
color: #fff;
}
.iconbox-two__single:hover .iconbox-two__icon svg,
.iconbox-two__single:focus .iconbox-two__icon svg,
.iconbox-two__single.active .iconbox-two__icon svg {
fill: #fff;
}
.item-active.center .iconbox-two__icon {
background: var(--e-global-color-primary);
}
.item-active.center .iconbox-two__icon i {
color: #fff;
}
.item-active.center .iconbox-two__icon svg {
fill: #fff;
}
.iconbox-three__single {
margin: 0 0 30px;
position: relative;
width: 100%;
z-index: 9;
border: 1px solid #e2dfeb;
padding: 30px 15px;
text-align: center;
}
.iconbox-three__icon {
margin: 0 0 25px;
width: 70px;
height: 70px;
border-radius: 50%;
background: #171720;
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;
margin: 0 auto;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.iconbox-three__icon i {
font-size: 32px;
color: var(--e-global-color-primary);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.iconbox-three__icon svg {
width: 56px;
fill: var(--e-global-color-primary);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.iconbox-three__title {
font-size: 18px;
margin: 25px 0 0;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.iconbox-three__desc {
font-size: 14px;
color: #171717;
font-weight: 400;
position: relative;
line-height: 20px;
margin-top: 15px;
padding-top: 15px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.iconbox-three__desc:after {
content: '';
width: 20px;
height: 2px;
background: #171717;
position: absolute;
top: 0;
left: 50%;
margin-left: -10px;
z-index: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.iconbox-three__link-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 11;
}
.iconbox-three__single:hover .iconbox-three__icon,
.iconbox-three__single:focus .iconbox-three__icon,
.iconbox-three__single.active .iconbox-three__icon {
background: var(--e-global-color-primary);
}
.iconbox-three__single:hover .iconbox-three__icon i,
.iconbox-three__single:focus .iconbox-three__icon i,
.iconbox-three__single.active .iconbox-three__icon i {
color: #fff;
}
.iconbox-three__single:hover .iconbox-three__icon svg,
.iconbox-three__single:focus .iconbox-three__icon svg,
.iconbox-three__single.active .iconbox-three__icon svg {
fill: #fff;
}
.item-active.center .iconbox-three__icon {
background: var(--e-global-color-primary);
}
.item-active.center .iconbox-three__icon i {
color: #fff;
}
.item-active.center .iconbox-three__icon svg {
fill: #fff;
}
.iconbox-four__single {
border: 1px solid #e2dfeb;
padding: 22px 18px 22px 30px;
margin: 0 0 16px;
position: relative;
background: #fff;
z-index: 9;
}
.iconbox-four__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.iconbox-four__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 70px;
flex: 0 0 70px;
width: 70px;
height: 70px;
border-radius: 50%;
background: #f4f4f4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.iconbox-four__icon i {
font-size: 35px;
color: var(--e-global-color-primary);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.iconbox-four__icon svg {
width: 35px;
fill: var(--e-global-color-primary);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.iconbox-four__content {
padding-left: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 70px);
flex: 0 0 calc(100% - 70px);
width: calc(100% - 70px);
}
.iconbox-four__title {
font-size: 19px;
margin: 0 0 4px;
}
.iconbox-four__desc {
position: relative;
line-height: 22px;
font-size: 14px;
font-weight: 400;
}
.iconbox-four__link-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 11;
}
.iconbox-four__single:hover .iconbox-four__icon,
.iconbox-four__single:focus .iconbox-four__icon,
.iconbox-four__single.active .iconbox-four__icon {
background: var(--e-global-color-primary);
}
.iconbox-four__single:hover .iconbox-four__icon i,
.iconbox-four__single:focus .iconbox-four__icon i,
.iconbox-four__single.active .iconbox-four__icon i {
color: #fff;
}
.iconbox-four__single:hover .iconbox-four__icon svg,
.iconbox-four__single:focus .iconbox-four__icon svg,
.iconbox-four__single.active .iconbox-four__icon svg {
fill: #fff;
}
.item-active.center .iconbox-four__icon {
background: var(--e-global-color-primary);
}
.item-active.center .iconbox-four__icon i {
color: #fff;
}
.item-active.center .iconbox-four__icon svg {
fill: #fff;
}
.iconbox-five__single {
border: 1px solid rgba(0, 0, 0, 0.05);
padding: 20px 20px 25px 30px;
margin: 0 0 30px;
position: relative;
background: #fff;
z-index: 9;
}
@media (max-width: 1024px) {
.iconbox-five__single {
padding: 30px 18px;
}
}
.iconbox-five__icon-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.iconbox-five__number {
font-size: 30px;
color: #d6dee1;
}
.iconbox-five__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 68px;
flex: 0 0 68px;
width: 68px;
height: 68px;
border-radius: 50%;
background: #f4f4f4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.iconbox-five__icon i {
font-size: 28px;
color: var(--e-global-color-primary);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.iconbox-five__icon svg {
width: 28px;
fill: var(--e-global-color-primary);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.iconbox-five__content-inner {
padding-top: 25px;
}
.iconbox-five__title {
font-size: 18px;
margin: 0 0 5px;
}
.iconbox-five__desc {
position: relative;
line-height: 22px;
margin-top: 12px;
font-size: 15px;
}
.iconbox-five__link-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 11;
}
.iconbox-five__single:hover .iconbox-five__icon,
.iconbox-five__single:focus .iconbox-five__icon,
.iconbox-five__single.active .iconbox-five__icon {
background: var(--e-global-color-primary);
}
.iconbox-five__single:hover .iconbox-five__icon i,
.iconbox-five__single:focus .iconbox-five__icon i,
.iconbox-five__single.active .iconbox-five__icon i {
color: #fff;
}
.iconbox-five__single:hover .iconbox-five__icon svg,
.iconbox-five__single:focus .iconbox-five__icon svg,
.iconbox-five__single.active .iconbox-five__icon svg {
fill: #fff;
}
.item-active.center .iconbox-five__icon {
background: var(--e-global-color-primary);
}
.item-active.center .iconbox-five__icon i {
color: #fff;
}
.item-active.center .iconbox-five__icon svg {
fill: #fff;
}
.list-icon-one {
margin-bottom: 30px;
}
.list-icon-one ul {
list-style: none;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list-icon-one ul li {
margin-right: 10px;
margin-bottom: 10px;
white-space: nowrap;
}
.list-icon-one ul li:last-child {
margin-right: 0;
}
.list-icon-one ul .title {
font-weight: 600;
color: var(--pisole-heading-color);
position: relative;
margin-right: 15px;
}
.list-icon-one ul .icon-item {
position: relative;
background: rgba(0, 0, 0, 0.3);
border-radius: 5px;
padding: 2px 16px;
color: #fff;
font-size: 12px;
font-weight: 700;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.list-icon-one ul .icon-item .icon {
margin-right: 5px;
}
.list-icon-one ul .icon-item .link-overlay {
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
z-index: 1;
}
.list-icon-one ul .icon-item:hover,
.list-icon-one ul .icon-item:active {
background: var(--e-global-color-primary);
}
.list-icon-one.arrow-1 .title:after {
content: '';
width: 55px;
height: 29px;
background: url("../images/arrow-1.png") no-repeat center center transparent;
position: absolute;
top: 100%;
right: -12px;
margin-top: 3px;
z-index: 1;
}
@media (max-width: 992px) {
.list-icon-one.arrow-1 .title:after {
display: none;
}
}
.list-icon-one.arrow-2 .title:after {
content: '';
width: 81px;
height: 84px;
background: url("../images/arrow-4.png") no-repeat center center transparent;
background-size: 100%;
position: absolute;
bottom: 100%;
right: 100%;
margin-bottom: -24px;
margin-right: 16px;
z-index: 1;
}
.list-icon-one.arrow-3 .title:after {
content: '';
width: 55px;
height: 29px;
background: url("../images/arrow-5.png") no-repeat center center transparent;
position: absolute;
top: 100%;
right: -12px;
margin-top: 3px;
z-index: 1;
}
@media (max-width: 992px) {
.list-icon-one.arrow-3 .title:after {
display: none;
}
}
.box-style-one__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1024px) {
.box-style-one__content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.box-style-one__icon-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 210px;
flex: 0 0 210px;
}
@media (max-width: 1024px) {
.box-style-one__icon-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.box-style-one__icon {
width: 58px;
-webkit-box-flex: 0;
-ms-flex: 0 0 58px;
flex: 0 0 58px;
height: 58px;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--e-global-color-primary);
}
.box-style-one__icon i {
font-size: 20px;
color: #fff;
}
.box-style-one__icon svg {
width: 20px;
fill: #fff;
}
.box-style-one__title {
font-size: 20px;
margin: 0 0 0 20px;
}
@media (max-width: 1024px) {
.box-style-one__title {
font-size: 18px;
}
}
.box-style-one__desc {
line-height: 24px;
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 210px);
flex: 0 0 calc(100% - 210px);
margin-left: 5px;
padding-left: 30px;
padding-top: 5px;
padding-bottom: 5px;
border-left: 1px solid #e2dfeb;
}
@media (max-width: 1024px) {
.box-style-one__desc {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
border-left: 0;
padding: 10px 0 10px;
}
}
.box-style-two__single {
position: relative;
padding: 20px 40px;
background: #ffc807;
}
.box-style-two__icon {
text-align: right;
margin-bottom: -28px;
}
.box-style-two__icon .icon {
width: 54px;
height: 54px;
line-height: 54px;
font-size: 24px;
border-radius: 50%;
text-align: center;
background: var(--e-global-color-secondary);
color: var(--e-global-color-primary);
display: inline-block;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.box-style-two__icon i {
font-size: 24px;
color: var(--e-global-color-primary);
}
.box-style-two__icon svg {
width: 24px;
fill: var(--e-global-color-primary);
}
.box-style-two__title {
font-size: 16px;
font-weight: 500;
color: #fff;
margin-bottom: 5px;
}
.box-style-two__desc {
font-size: 24px;
line-height: 1;
color: #060e2e;
font-weight: 500;
font-family: var(--pisole-heading-font-family);
text-transform: uppercase;
}
.box-style-two__single:hover .box-style-two__icon .icon {
background: #fff;
color: var(--e-global-color-primary);
}
.box-style-three__icon-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
.box-style-three__icon {
width: 120px;
-webkit-box-flex: 0;
-ms-flex: 0 0 120px;
flex: 0 0 120px;
height: 95px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--e-global-color-primary);
}
@media (max-width: 1024px) {
.box-style-three__icon {
width: 90px;
-webkit-box-flex: 0;
-ms-flex: 0 0 90px;
flex: 0 0 90px;
}
}
.box-style-three__icon i {
font-size: 64px;
color: #fff;
}
@media (max-width: 1024px) {
.box-style-three__icon i {
font-size: 46px;
}
}
.box-style-three__icon svg {
width: 64px;
fill: #fff;
}
@media (max-width: 1024px) {
.box-style-three__icon svg {
width: 46px;
}
}
.box-style-three__title {
font-size: 20px;
margin: 0 0 0 20px;
}
@media (max-width: 1024px) {
.box-style-three__title {
font-size: 18px;
}
}
.box-style-three__desc {
font-size: 15px;
line-height: 24px;
margin-top: 20px;
padding-left: 30px;
}
@media (max-width: 1024px) {
.box-style-three__desc {
padding-left: 15px;
}
}
.milestone-one__single {
text-align: center;
display: block;
width: 100%;
margin-bottom: 30px;
}
.milestone-one__icon {
color: var(--e-global-color-primary);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto 20px;
max-width: 300px;
width: 90%;
height: 210px;
background: #fff;
position: relative;
z-index: 1;
-webkit-box-shadow: 0px 10px 60px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0px 10px 60px 0 rgba(0, 0, 0, 0.05);
}
.milestone-one__icon:before {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
content: "";
background-color: #cb2d65;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
z-index: -1;
}
.milestone-one__icon .icon {
color: var(--e-global-color-primary);
font-size: 60px;
line-height: 1;
-webkit-transform: scale(1) rotateY(0deg);
transform: scale(1) rotateY(0deg);
-webkit-transition: all 500ms linear;
transition: all 500ms linear;
}
.milestone-one__content {
display: block;
text-align: center;
float: none;
width: 100%;
}
.milestone-one__number {
font-size: 36px;
font-weight: 500;
line-height: 1;
margin: 0 0 10px;
color: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-family: var(--pisole-heading-font-family);
}
.milestone-one__title {
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #fff;
margin: 0;
font-family: var(--pisole-font-sans-serif);
text-transform: none;
}
.milestone-one__single:hover .milestone-one__icon:before {
-webkit-transform: scale(1);
transform: scale(1);
}
.milestone-one__single:hover .milestone-one__icon .icon {
color: #fff;
-webkit-transform: scale(0.9) rotateY(360deg);
transform: scale(0.9) rotateY(360deg);
}
.milestone-two__single {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.milestone-two__icon {
color: var(--e-global-color-primary);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 118px;
flex: 0 0 118px;
margin-right: 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 118px;
height: 118px;
border-radius: 50%;
background: var(--e-global-color-primary);
font-size: 64px;
}
.milestone-two__icon .icon {
color: #fff;
line-height: 1;
}
.milestone-two__icon i,
.milestone-two__icon svg {
-webkit-transform: scale(1) rotateY(0deg);
transform: scale(1) rotateY(0deg);
-webkit-transition: all 500ms linear;
transition: all 500ms linear;
}
.milestone-two__icon svg {
width: 64px;
}
@media (max-width: 1024px) {
.milestone-two__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
width: 80px;
height: 80px;
font-size: 40px;
margin-right: 15px;
}
.milestone-two__icon svg {
width: 40px;
}
}
.milestone-two__number {
font-size: 40px;
font-weight: 500;
line-height: 1;
margin: 0 0 5px;
color: var(--pisole-heading-color);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-family: var(--pisole-heading-font-family);
}
.milestone-two__number .symbol.after {
margin-left: -5px;
}
.milestone-two__number .symbol.before {
margin-right: -5px;
}
@media (max-width: 1024px) {
.milestone-two__number {
font-size: 30px;
}
}
.milestone-two__title {
font-size: 18px;
margin: 0;
font-weight: 500;
line-height: 26px;
color: var(--pisole-body-color);
font-family: var(--pisole-heading-font-family);
text-transform: uppercase;
letter-spacing: 0;
}
@media (max-width: 1024px) {
.milestone-two__title {
font-size: 16px;
line-height: 20px;
}
}
.milestone-two__link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
}
.milestone-two__single:hover .milestone-two__icon svg,
.milestone-two__single:hover .milestone-two__icon i {
-webkit-transform: scale(0.9) rotateY(360deg);
transform: scale(0.9) rotateY(360deg);
}
.milestone-three__single {
display: block;
padding: 15px;
background: #f4f4f4;
max-width: 260px;
margin: 0 auto;
}
.milestone-three__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-style: solid;
border-width: 2px;
border-image-source: linear-gradient(to left, var(--e-global-color-primary), var(--e-global-color-secondary));
border-image-slice: 1;
background-color: #fff;
padding: 25px 30px;
}
.milestone-three__number {
font-size: 50px;
font-weight: 600;
line-height: 1;
color: var(--e-global-color-secondary);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 20px;
font-family: var(--pisole-heading-font-family);
}
.milestone-three__title {
font-size: 16px;
color: var(--pisole-body-color);
margin: 0;
font-weight: 500;
line-height: 1.25;
font-family: var(--pisole-heading-font-family);
text-transform: uppercase;
}
.milestone-three__single:hover .milestone-three__icon svg,
.milestone-three__single:hover .milestone-three__icon i {
-webkit-animation: beat 1.5s ease 0s infinite;
animation: beat 1.5s ease 0s infinite;
}
.icon-top .milestone-three__icon {
top: -30px;
}
.gva-element-gva-gallery .gallery-item {
position: relative;
margin-bottom: 16px;
overflow: hidden;
}
.gva-element-gva-gallery .gallery-item .photo-gallery {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 4;
cursor: crosshair;
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;
opacity: 0;
}
.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;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.gva-element-gva-gallery .gallery-item .image-content:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
background: rgba(0, 0, 0, 0.68);
}
.gva-element-gva-gallery .gallery-item .image-content .content-inner {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%) !important;
transform: translateY(-50%) !important;
z-index: 3;
text-align: center;
width: 100%;
padding: 0 15px;
}
.gva-element-gva-gallery .gallery-item .image-content .content-inner .title {
margin: 0 0 2px;
font-size: 22px;
color: #fff;
}
.gva-element-gva-gallery .gallery-item .image-content .content-inner .sub-title {
font-size: 17px;
color: #d2dce5;
}
.gva-element-gva-gallery .gallery-item:hover .image-content {
opacity: 1;
}
.gva-element-gva-gallery .gallery-item:hover .photo-gallery {
opacity: 1;
}
.gva-element-gva-gallery .gallery-item.style-1 .photo-gallery i {
display: none;
}
@media (min-width: 380px) {
.gva-element-gva-gallery [class*="block-grid-3"] {
margin: 0 -8px;
}
.gva-element-gva-gallery [class*="block-grid-3"]>div {
padding: 0 8px;
}
}
.gva-element-gva-gallery .item-active.center .gallery-item .image-content {
opacity: 1;
}
.feature-one__single {
position: relative;
overflow: hidden;
max-width: 500px;
margin: 0 auto 30px;
}
.feature-one__image:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(23, 23, 23, 0)), to(rgba(23, 23, 23, 0.7)));
background: linear-gradient(180deg, rgba(23, 23, 23, 0) 0%, rgba(23, 23, 23, 0.7) 100%);
z-index: 1;
-webkit-transition: .4s all ease-in-out;
transition: .4s all ease-in-out;
pointer-events: none;
}
.feature-one__title {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
color: #fff;
z-index: 1;
font-size: 24px;
font-weight: 500;
text-align: center;
-webkit-transition: all 0.35s;
transition: all 0.35s;
padding-bottom: 20px;
border-bottom: 10px solid var(--e-global-color-primary);
margin: 0;
}
@media (max-width: 1024px) {
.feature-one__title {
font-size: 16px;
padding-bottom: 15px;
}
}
.feature-one__content {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
z-index: 2;
padding: 30px;
opacity: 0;
margin-bottom: -120px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
text-align: center;
background: #fff;
}
@media (max-width: 1024px) {
.feature-one__content {
bottom: 15px;
left: 15px;
right: 15px;
padding: 10px;
}
}
.feature-one__content-inner {
max-width: 230px;
margin: 0 auto;
}
@media (max-width: 1024px) {
.feature-one__content-inner {
max-width: 100%;
}
}
.feature-one__content-title {
font-size: 22px;
text-transform: uppercase;
line-height: 28px;
margin: 0 0 10px;
position: relative;
}
@media (max-width: 1024px) {
.feature-one__content-title {
font-size: 16px;
line-height: 24px;
}
}
.feature-one__desc {
font-size: 15px;
font-weight: 500;
line-height: 2;
}
.feature-one__desc p {
margin: 0;
}
@media (max-width: 1024px) {
.feature-one__desc {
font-size: 14px;
line-height: 22px;
}
}
.feature-one__action {
margin-top: 15px;
width: 54px;
height: 54px;
line-height: 54px;
border-radius: 50%;
font-size: 16px;
padding: 0;
}
.feature-one__overlay-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 21;
}
.feature-one__single:hover .feature-one__title,
.feature-one__single.active .feature-one__title {
opacity: 0;
bottom: 120px;
}
.feature-one__single:hover .feature-one__content,
.feature-one__single.active .feature-one__content {
opacity: .9;
margin-bottom: 0;
}
.feature-two__single {
position: relative;
}
.feature-two__icon i {
color: var(--e-global-color-primary);
font-size: 30px;
}
.feature-two__icon svg {
fill: var(--e-global-color-primary);
width: 30px;
height: auto;
}
.feature-two__title {
font-size: 18px;
margin: 0 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.feature-two__number {
color: #ff6f05;
position: relative;
padding-right: 30px;
margin-right: 5px;
}
.feature-two__number:before {
content: "";
width: 23px;
height: 2px;
display: inline-block;
background: #ff6f05;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.feature-two__desc {
font-size: 15px;
font-weight: 500;
}
.feature-three__single {
position: relative;
text-align: center;
margin-bottom: 30px;
}
.feature-three__content {
max-width: 230px;
margin: 0 auto;
}
.feature-three__icon {
position: relative;
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;
height: 168px;
width: 168px;
font-size: 70px;
color: var(--e-global-color-primary);
background: #f4f4f4;
margin: 0 auto 30px;
border-radius: 50%;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.feature-three__icon i,
.feature-three__icon svg {
position: relative;
z-index: 1;
}
.feature-three__icon:after {
position: absolute;
left: -10px;
bottom: -10px;
height: 100%;
width: 100%;
background: var(--e-global-color-primary);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
content: "";
z-index: -1;
border-radius: 50%;
}
.feature-three__icon i {
color: var(--e-global-color-primary);
}
.feature-three__icon svg {
fill: var(--e-global-color-primary);
width: 70px;
height: auto;
}
@media (max-width: 1024px) {
.feature-three__icon {
height: 120px;
width: 120px;
font-size: 50px;
}
.feature-three__icon svg {
width: 50px;
}
}
.feature-three__number {
position: absolute;
left: 10px;
bottom: -10px;
height: 53px;
width: 53px;
font-size: 18px;
font-family: var(--pisole-heading-font-family);
color: #fff;
background-color: var(--e-global-color-secondary);
border-radius: 50%;
font-weight: 600;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
@media (max-width: 1024px) {
.feature-three__number {
left: 5px;
height: 40px;
width: 40px;
font-size: 14px;
}
}
.feature-three__title {
font-size: 24px;
margin-bottom: 10px;
}
.feature-three__single:hover .feature-three__icon {
background: var(--e-global-color-primary);
color: #fff;
}
.feature-three__single:hover .feature-three__icon i {
color: #fff;
}
.feature-three__single:hover .feature-three__icon svg {
fill: #fff;
}
.feature-three__single:hover .feature-three__icon:after {
background: #f4f4f4;
}
.gsc-heading {
display: block;
width: 100%;
margin-bottom: 20px;
}
.gsc-heading:before,
.gsc-heading:after {
content: " ";
display: table;
}
.gsc-heading:after {
clear: both;
}
.gsc-heading .heading-video {
margin-bottom: 50px;
}
.gsc-heading .heading-video .video-link {
display: inline-block;
font-size: 24px;
color: #fff;
background: var(--e-global-color-primary);
text-align: center;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
border-radius: 50%;
}
.gsc-heading .heading-video .video-link::before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
border-radius: 50%;
opacity: 0;
-webkit-animation: pulse-border-2 1.5s linear infinite;
animation: pulse-border-2 1.5s linear infinite;
}
.gsc-heading .heading-video .video-link::after {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
border-radius: 50%;
opacity: 0;
-webkit-animation: pulse-border 1s linear infinite;
animation: pulse-border 1s linear infinite;
}
.gsc-heading .heading-video .video-link span {
background: url("../images/arrow-3.png") no-repeat center center transparent;
width: 31px;
height: 45px;
position: absolute;
top: 100%;
left: 100%;
margin-left: 30px;
margin-top: -10px;
}
.gsc-heading .heading-video .video-link:hover {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.gsc-heading .title {
font-size: 50px;
line-height: normal;
text-transform: uppercase;
position: relative;
margin: 0;
}
.gsc-heading .sub-title .tagline {
position: relative;
}
.gsc-heading .sub-title .tagline:before {
content: "//";
display: inline-block;
margin-right: 5px;
}
.gsc-heading .title-desc {
padding-top: 25px;
line-height: 30px;
}
.gsc-heading .title-desc ul {
margin-bottom: 0;
padding: 0;
}
.gsc-heading .title-desc ul>li {
position: relative;
padding-left: 22px;
list-style: none;
padding-bottom: 6px;
}
.gsc-heading .title-desc ul>li:before {
content: '';
width: 10px;
height: 10px;
background: var(--e-global-color-primary);
position: absolute;
top: 11px;
left: 0;
z-index: 1;
}
.gsc-heading .title-desc ul>li:last-child {
padding-bottom: 0;
}
.gsc-heading .title-desc p {
margin-bottom: 0;
}
.gsc-heading .heading-action {
margin-top: 30px;
}
@media (max-width: 767.98px) {
.gsc-heading .heading-action {
margin-top: 20px;
}
}
.gsc-heading.align-center {
text-align: center;
}
.gsc-heading.align-center .sub-title {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.gsc-heading.align-center .content-inner {
margin: 0 auto;
}
.gsc-heading.align-left {
text-align: left;
}
.gsc-heading.align-left .title-icon {
padding-left: 50px;
}
.gsc-heading.align-right {
text-align: right;
}
.gsc-heading.align-right .title-desc {
float: right;
width: 100%;
text-align: right;
}
.gsc-heading.align-right .title-icon {
padding-right: 50px;
}
.gsc-heading.box-align-center .content-inner {
margin: 0 auto;
}
.gsc-heading.box-align-right .content-inner {
float: right;
}
.gsc-heading.style-1 .sub-title {
margin: auto;
margin-top: -8px;
background: linear-gradient(90deg, #513dc0, #bb2f73, #f9b10c);
width: fit-content;
padding: 0px 18px;
}
.gsc-heading.style-1 .sub-title .tagline {
color: #fff;
font-size: 15px;
font-weight: 600;
}
@media (max-width: 1200px) {
.gsc-heading.auto-responsive.style-1 .title {
font-size: 40px;
}
}
@media (max-width: 1024px) {
.gsc-heading.auto-responsive.style-1 .title {
font-size: 36px;
}
}
@media (max-width: 992px) {
.gsc-heading.auto-responsive.style-1 .title {
font-size: 30px;
}
}
@media (max-width: 768px) {
.gsc-heading.auto-responsive.style-1 .title {
font-size: 28px;
}
}
.gsc-heading.style-2 {
margin-bottom: 10px;
}
.gsc-heading.style-2 .content-inner .sub-title {
font-size: 16px;
text-transform: uppercase;
letter-spacing: 0;
font-family: var(--pisole-heading-font-family);
}
.gsc-heading.style-2 .content-inner .sub-title .tagline:before {
content: none;
}
.gsc-heading.style-2 .content-inner .title {
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
margin: 0;
}
.gsc-heading.style-3 .content-inner .sub-title {
font-size: 16px;
text-transform: none;
letter-spacing: 0;
margin-bottom: 10px;
}
.gsc-heading.style-3 .content-inner .title {
font-size: 20px;
line-height: 22px;
margin: 0;
letter-spacing: 0;
}
.gsc-heading.style-3 .content-inner .title>span {
position: relative;
}
.gsc-heading.style-3 .content-inner .title>span:after {
content: '';
width: 18px;
height: 26px;
background: url("../images/arrow.png") no-repeat center center transparent;
display: inline-block;
position: absolute;
top: 12px;
left: calc(100% + 12px);
}
.gsc-heading.style-4 .sub-title {
line-height: 20px;
}
.gsc-heading.style-4 .tagline {
font-size: 14px;
letter-spacing: 0;
font-weight: 700;
text-transform: none;
}
.gsc-heading.style-4 .title {
font-size: 18px;
line-height: 22px;
letter-spacing: 0;
color: var(--pisole-heading-color);
font-weight: 700;
margin-bottom: 15px;
padding-bottom: 15px;
}
.gsc-heading.style-4 .title:before,
.gsc-heading.style-4 .title:after {
content: '';
position: absolute;
width: 13px;
height: 2px;
background: var(--e-global-color-primary);
bottom: -2px;
z-index: 11;
}
.gsc-heading.style-4 .title:before {
left: 0;
}
.gsc-heading.style-4 .title:after {
left: 18px;
}
.arrow-white .gsc-heading.style-3 .content-inner .title>span:after {
background: url("../images/arrow-white.png") no-repeat center center transparent !important;
}
.about-one__single {
max-width: 400px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.about-one__image {
position: relative;
}
.about-one__content {
position: absolute;
bottom: 0;
left: 0;
padding: 18px 50px 16px 18px;
/* background: rgba(23, 23, 23, 0.8); */
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 1024px) {
.about-one__content {
padding: 40px 15px;
}
}
.about-one__title {
font-size: 22px;
margin: 0;
font-weight: 500;
color: #fff;
line-height: normal;
}
.about-one__title a {
color: #fff;
}
.about-one__action {
margin-top: 15px;
}
.about-one__action a {
padding: 15px 30px;
font-size: 12px;
}
.about-two__single {
max-width: 540px;
margin: 0 auto;
position: relative;
padding-right: 70px;
padding-bottom: 120px;
}
.about-two__image {
position: relative;
z-index: 1;
}
.about-two__image:before {
content: '';
width: 75%;
height: 75%;
position: absolute;
bottom: -50px;
left: -70px;
z-index: 2;
border: 6px solid var(--e-global-color-primary);
}
@media (max-width: 1024px) {
.about-two__image:before {
width: 100%;
height: 80%;
left: -15px;
}
}
.about-two__image-second {
max-width: 70%;
padding: 20px;
padding-bottom: 0;
background: #fff;
position: absolute;
right: 0;
bottom: 0;
z-index: 3;
}
.about-three__wrap {
max-width: 160px;
position: relative;
margin: 0 auto;
}
.about-three__wrap svg {
font-size: 9px;
text-transform: uppercase;
letter-spacing: 4px;
font-weight: 500;
-webkit-animation-name: spin;
animation-name: spin;
-webkit-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-perspective: 100px;
perspective: 100px;
-webkit-transform-origin: center center;
transform-origin: center center;
}
.about-three__image {
max-width: 50px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.about-four__single {
position: relative;
}
.about-four__wrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.about-four__image {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 89px;
flex: 0 0 89px;
margin-right: 20px;
padding: 8px;
border-radius: 50%;
border: 2px solid var(--e-global-color-primary);
}
.about-four__image img {
border-radius: 50%;
}
.about-four__link-overlay {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.about-four__title {
font-size: 24px;
margin: 0 0 10px;
letter-spacing: 2.4px;
font-weight: 500;
line-height: 1;
color: var(--e-global-color-primary);
}
.about-four__title a {
color: var(--e-global-color-primary);
}
.about-four__desc {
font-size: 16px;
font-weight: 500;
letter-spacing: 1.6px;
line-height: 1;
text-transform: uppercase;
font-family: var(--pisole-heading-font-family);
}
.about-five__single {
padding-right: 130px;
position: relative;
}
@media (max-width: 1024px) {
.about-five__single {
max-width: 570px;
margin: 0 auto 30px;
}
}
@media (max-width: 550px) {
.about-five__single {
padding-bottom: 100px;
padding-right: 30px;
}
}
.about-five__single .title {
font-size: 16px;
line-height: 1.2em;
font-weight: 500;
margin: 0 0 15px;
padding-top: 15px;
padding-left: 50%;
text-transform: uppercase;
position: relative;
}
.about-five__single .title:before {
bottom: 100%;
right: 0;
content: "";
position: absolute;
width: 88px;
height: 43px;
background: url("../images/arrow-title.png") no-repeat top left;
}
@media (max-width: 550px) {
.about-five__single .title {
display: none;
}
}
.about-five__image {
position: relative;
overflow: hidden;
}
.about-five__image:before {
top: 0;
left: 0;
content: "";
position: absolute;
width: 335px;
height: 100%;
background: url("../images/bg-image-3.png") no-repeat top left;
}
@media (max-width: 550px) {
.about-five__image:before {
content: none;
}
}
.about-five__image-second {
position: absolute;
right: 0;
bottom: 0px;
}
@media (min-width: 560px) {
.about-five__image-second {
max-width: 41%;
}
}
@media (max-width: 559px) {
.about-five__image-second {
max-width: 70%;
}
}
.about-five__image-second .image-inner {
width: 230px;
height: 325px;
}
.about-five__image-second img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.about-five__link-overlay {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.about-six__single {
position: relative;
margin-left: 30px;
}
@media (max-width: 1024px) {
.about-six__single {
max-width: 615px;
margin: 0 auto;
padding-left: 200px;
}
}
@media (max-width: 767px) {
.about-six__single {
padding-left: 50px;
}
}
.about-six__image img {
-webkit-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
}
.about-six__image-second {
max-width: 70%;
position: absolute;
left: -200px;
bottom: 0;
z-index: 1;
}
.about-six__image-second img {
-webkit-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
}
.about-six__image-second:before {
content: "";
position: absolute;
left: 150px;
bottom: 100px;
width: 100%;
height: 100%;
display: block;
border: 2px solid var(--e-global-color-primary);
-webkit-transform: skewX(-10deg);
transform: skewX(-10deg);
z-index: 2;
}
@media (max-width: 767px) {
.about-six__image-second:before {
left: 50px;
bottom: 50px;
width: 70%;
height: 70%;
}
}
@media (max-width: 1550px) and (min-width: 1025px) {
.about-six__image-second {
left: -30px;
}
.about-six__image-second:before {
left: 100px;
}
}
@media (max-width: 1024px) {
.about-six__image-second {
left: 0;
}
}
.about-sevent__single {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.about-sevent__image {
position: relative;
z-index: 1;
line-height: 1;
-webkit-box-flex: 0;
-ms-flex: 0 0 22px;
flex: 0 0 22px;
margin-right: 20px;
}
.about-sevent__title {
font-size: 16px;
text-transform: uppercase;
letter-spacing: 6px;
margin: 0;
}
.about-eight__single {
position: relative;
margin-bottom: 30px;
text-align: center;
}
.about-eight__image {
margin-bottom: 20px;
}
.about-eight__link-overlay {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.about-eight__title {
font-size: 20px;
margin: 0;
font-weight: 600;
text-transform: uppercase;
}
.about-eight__desc {
margin-top: 20px;
}
.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: #171717;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
text-transform: uppercase;
padding: 0 10px;
}
.gva-posts-grid .posts-grid-filter ul.nav-tabs>li>a.active {
color: var(--e-global-color-primary);
}
.gva-posts-grid .posts-grid-filter .view-all {
float: right;
}
.gva-posts-grid .gva-content-items {
float: left;
width: 100%;
}
.gva-posts-sticky .gva-content-items {
position: relative;
float: left;
width: 100%;
}
.gva-posts-sticky .gva-content-items .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;
max-width: 600px;
}
.gva-posts-sticky .gva-content-items .first-post .post .entry-content {
bottom: 0;
padding: 32px 35px 30px;
background: #f4f4f4;
z-index: 11;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
}
@media (max-width: 1200px) {
.gva-posts-sticky .gva-content-items .first-post .post .entry-content {
padding: 30px;
}
}
.gva-posts-sticky .gva-content-items .first-post .post .entry-content:after {
content: '';
width: 100%;
height: 150px;
background: #f4f4f4;
border-radius: 0;
position: absolute;
top: 100%;
left: 0;
z-index: 11;
}
@media (max-width: 991.98px) {
.gva-posts-sticky .gva-content-items .first-post .post .entry-content {
padding: 20px 30px 20px;
}
}
.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 {
margin-bottom: 6px;
}
.gva-posts-sticky .gva-content-items .first-post .post .entry-content .content-inner .entry-title {
font-size: 26px;
line-height: 40px;
padding: 0;
margin: 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: 30px;
}
}
.gva-posts-sticky .gva-content-items .list-post .post {
margin-bottom: 30px;
position: relative;
}
@media (max-width: 991.98px) {
.gva-posts-sticky .gva-content-items .list-post .post {
margin-bottom: 20px;
}
}
.gva-posts-sticky .gva-content-items .list-post .post .post-thumbnail {
width: 230px;
float: left;
border-radius: 0;
position: relative;
}
@media (max-width: 1024.98px) {
.gva-posts-sticky .gva-content-items .list-post .post .post-thumbnail {
width: 160px;
}
}
@media (max-width: 991.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: 15px 0 0 230px;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
background: none;
}
@media (max-width: 1024.98px) {
.gva-posts-sticky .gva-content-items .list-post .post .entry-content {
padding-top: 0;
padding-left: 160px;
}
}
@media (max-width: 991.98px) {
.gva-posts-sticky .gva-content-items .list-post .post .entry-content {
padding-left: 150px;
}
}
.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: 1024.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: 1024.98px) {
.gva-posts-sticky .gva-content-items .list-post .post .entry-content .content-inner .entry-meta {
margin-bottom: 5px;
}
.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-meta .meta-inline>span:last-child {
margin-right: 0;
}
.gva-posts-sticky .gva-content-items .list-post .post .entry-content .content-inner .entry-title {
float: left;
width: 100%;
font-size: 22px;
line-height: 34px;
padding: 0;
margin: 0;
}
@media (max-width: 1024.98px) {
.gva-posts-sticky .gva-content-items .list-post .post .entry-content .content-inner .entry-title {
font-size: 20px;
line-height: 28px;
}
}
@media (max-width: 991.98px) {
.gva-posts-sticky .gva-content-items .list-post .post .entry-content .content-inner .entry-title {
margin-top: 0;
font-size: 18px;
}
}
.gva-posts-sticky .gva-content-items .list-post .post:last-child {
margin-bottom: 0;
}
.gva-posts-sticky .gva-content-items .list-post .post:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.gva-posts-list-small .gva-content-items>.post:last-child {
margin-bottom: 0;
}
.testimonial-one__single {
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
max-width: 800px;
margin: 0 auto 30px;
}
.testimonial-one__quote {
font-size: 20px;
line-height: 38px;
font-weight: 500;
margin-bottom: 18px;
padding: 40px 60px;
background: #fff;
color: var(--pisole-body-color);
border-radius: 0;
border: 1px solid #e2dfeb;
border-bottom: 4px solid var(--e-global-color-primary);
position: relative;
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.07);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.07);
}
@media (max-width: 1024px) {
.testimonial-one__quote {
padding: 40px 20px;
font-size: 18px;
line-height: 32px;
}
}
.testimonial-one__stars {
font-size: 16px;
letter-spacing: 2px;
margin-bottom: 8px;
}
.testimonial-one__stars i {
color: var(--e-global-color-primary);
}
.testimonial-one__arrow {
display: inline-block;
width: 146px;
height: 50px;
position: absolute;
top: 100%;
left: 60px;
}
@media (max-width: 1024px) {
.testimonial-one__arrow {
height: 30px;
}
}
.testimonial-one__arrow span.first {
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
clip-path: polygon(0 0, 0% 100%, 100% 0);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: -2px;
background: #fff;
z-index: 9;
}
.testimonial-one__arrow span.second {
position: absolute;
left: 0;
right: -4px;
bottom: -4px;
top: 0;
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
clip-path: polygon(0 0, 0% 100%, 100% 0);
background: var(--e-global-color-primary);
z-index: 1;
}
.testimonial-one__quote-icon {
width: 105px;
height: 105px;
position: absolute;
top: 0;
right: 0;
z-index: 1;
background: var(--e-global-color-primary);
border-radius: 0 0 0 100%;
font-size: 42px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 20px;
}
@media (max-width: 1024px) {
.testimonial-one__quote-icon {
width: 86px;
height: 86px;
font-size: 32px;
}
}
.testimonial-one__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
margin-left: 160px;
}
@media (max-width: 1024px) {
.testimonial-one__meta {
margin-left: 30px;
margin-top: 50px;
}
}
.testimonial-one__image {
-webkit-box-flex: 0;
-ms-flex: 0 0 95px;
flex: 0 0 95px;
margin-right: 18px;
padding: 10px;
border: 3px solid var(--e-global-color-primary);
border-radius: 50%;
}
@media (max-width: 1024px) {
.testimonial-one__image {
-webkit-box-flex: 0;
-ms-flex: 0 0 86px;
flex: 0 0 86px;
}
}
.testimonial-one__image img {
border-radius: 50%;
}
.testimonial-one__name {
font-size: 22px;
font-weight: 500;
color: var(--pisole-heading-color);
display: block;
text-transform: uppercase;
font-family: var(--pisole-heading-font-family);
margin-bottom: 5px;
}
.testimonial-one__job {
font-size: 15px;
font-weight: 500;
display: block;
line-height: 18px;
text-transform: uppercase;
font-family: var(--pisole-heading-font-family);
}
.testimonial-two__single {
overflow: hidden;
margin-bottom: 30px;
}
.testimonial-two__stars {
font-size: 12px;
color: var(--e-global-color-primary);
margin-bottom: 5px;
}
.testimonial-two__quote {
font-size: 16px;
font-weight: 500;
line-height: 1.88;
background: #fff;
border-bottom: 6px solid var(--e-global-color-primary);
padding: 40px;
position: relative;
margin-bottom: 35px;
}
.testimonial-two__quote:before {
content: "";
position: absolute;
top: 100%;
left: 40px;
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 40px solid transparent;
border-top: 30px solid #5d38b8;
}
@media (max-width: 1024px) {
.testimonial-two__quote {
padding: 30px;
}
}
.testimonial-two__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 10px;
}
.testimonial-two__image {
margin-right: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 85px;
flex: 0 0 85px;
width: 85px;
height: 85px;
overflow: hidden;
border-radius: 50%;
}
.testimonial-two__image img {
width: 100% !important;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.testimonial-two__name {
font-size: 22px;
font-weight: 500;
margin: 0;
}
.testimonial-two__job {
font-size: 15px;
line-height: 20px;
font-weight: 500;
color: var(--pisole-body-color);
font-family: var(--pisole-heading-font-family);
text-transform: uppercase;
}
.testimonial-three__single {
margin-bottom: 30px;
position: relative;
}
.testimonial-three__quote {
font-size: 20px;
font-weight: 500;
line-height: 1.8;
}
@media (max-width: 1024px) {
.testimonial-three__quote {
font-size: 20px;
}
}
.testimonial-three__stars {
font-size: 16px;
color: var(--e-global-color-primary);
margin-bottom: 10px;
}
.testimonial-three__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 35px;
}
.testimonial-three__image {
margin-right: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 85px;
flex: 0 0 85px;
width: 85px;
height: 85px;
overflow: hidden;
border-radius: 50%;
}
.testimonial-three__image img {
width: 100% !important;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.testimonial-three__name {
font-size: 22px;
font-weight: 500;
display: block;
margin-bottom: 5px;
margin-top: 0;
}
.testimonial-three__job {
font-size: 15px;
font-weight: 500;
display: block;
line-height: 18px;
text-transform: uppercase;
font-family: var(--pisole-heading-font-family);
}
.swiper-slide .testimonial-three__single {
margin-top: 10px;
}
.video-box-one__single {
position: relative;
}
.video-box-one__inner {
min-height: 120px;
min-width: 120px;
text-align: center;
}
@media (max-width: 991.98px) {
.video-box-one__inner {
min-height: 100px;
min-width: 100px;
}
}
@media (max-width: 767.98px) {
.video-box-one__inner {
min-height: 90px;
min-width: 90px;
}
}
@media (max-width: 575.98px) {
.video-box-one__inner {
min-height: 60px;
min-width: 60px;
}
}
.video-box-one__image {
overflow: hidden;
}
.video-box-one__image a {
display: block;
width: 100%;
height: 100%;
}
.video-box-one__image a img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.video-box-one__content {
position: absolute;
bottom: 0;
right: 0;
z-index: 2;
text-align: center;
}
.video-box-one__content>div {
display: inline-block;
}
.video-box-one__title {
font-size: 25px;
color: #fff;
font-weight: 500;
}
@media (max-width: 600px) {
.video-box-one__title {
display: none;
}
}
.video-box-one__action .popup-video {
display: inline-block;
font-size: 28px;
color: #fff;
background: var(--e-global-color-primary);
text-align: center;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
width: 102px;
height: 102px;
line-height: 102px;
}
@media (max-width: 1024px) {
.video-box-one__action .popup-video {
width: 64px;
height: 64px;
line-height: 64px;
font-size: 20px;
}
}
.video-box-one__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;
}
.video-box-one__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;
}
.video-box-two__single {
position: relative;
}
.video-box-two__title {
font-family: var(--pisole-heading-font-family);
font-weight: 700;
color: var(--e-global-color-primary);
font-size: 20px;
margin-top: 30px;
}
.video-box-two__action {
margin: 0 30px;
}
.video-box-two__action .popup-video {
display: inline-block;
font-size: 20px;
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: 96px;
height: 96px;
line-height: 98px;
border-radius: 50%;
background: var(--e-global-color-primary);
}
@media (max-width: 1200px) {
.video-box-two__action .popup-video {
width: 80px;
height: 80px;
line-height: 80px;
}
}
.video-box-two__action .popup-video::before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid var(--e-global-color-primary);
opacity: 0;
border-radius: 50%;
-webkit-animation: pulse-border-2 2s linear infinite;
animation: pulse-border-2 2s linear infinite;
}
.video-box-two__action .popup-video::after {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid var(--e-global-color-primary);
opacity: 0;
border-radius: 50%;
-webkit-animation: pulse-border 1.5s linear infinite;
animation: pulse-border 1.5s linear infinite;
}
.video-box-two__single:hover .video-box-two__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);
}
.video-box-three__single {
position: relative;
}
.video-box-three__title {
font-family: var(--pisole-heading-font-family);
font-weight: 700;
color: var(--e-global-color-primary);
font-size: 20px;
margin-top: 30px;
}
.video-box-three__action {
text-align: center;
}
.video-box-three__action .popup-video {
display: inline-block;
width: 165px;
max-width: 100%;
margin: 0 auto;
font-size: 36px;
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;
border-radius: 0 0 50% 50%;
background: var(--e-global-color-primary);
padding: 66px 10px 60px;
}
@media (max-width: 1024px) {
.video-box-three__action .popup-video {
width: 150px;
padding: 50px 10px 45px;
}
}
.video-box-three__action .popup-video:hover .video-action .popup-video i {
-webkit-animation: beat 1.5s ease 0s infinite;
animation: beat 1.5s ease 0s infinite;
}
.video-box-three__single:hover .video-box-three__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-search-box.style-1>.content-inner {
display: inline-block;
}
.gsc-search-box.style-1>.content-inner .control-search {
position: relative;
line-height: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
color: var(--pisole-body-color);
}
.gsc-pricing {
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gsc-pricing.style-1 {
background: #fff;
padding: 55px 35px 60px;
position: relative;
-webkit-box-shadow: 0px 10px 30px 0px rgba(65, 80, 138, 0.1);
box-shadow: 0px 10px 30px 0px rgba(65, 80, 138, 0.1);
}
@media (max-width: 1024.98px) {
.gsc-pricing.style-1 {
padding: 55px 20px 60px;
}
}
@media (max-width: 991.98px) {
.gsc-pricing.style-1 {
padding: 60px 15px 40px;
max-width: 500px;
margin: 0 auto;
}
}
@media (max-width: 767.98px) {
.gsc-pricing.style-1 {
padding-left: 15px;
padding-right: 15px;
}
}
.gsc-pricing.style-1 .content-inner {
max-width: 260px;
margin: 0 auto;
}
.gsc-pricing.style-1 .content-inner .sub-title {
font-size: 13px;
text-transform: uppercase;
padding: 0 16px;
line-height: 26px;
border-radius: 30px;
background: var(--e-global-color-primary);
display: inline-block;
color: #fff;
font-weight: 500;
position: absolute;
top: 15px;
right: 15px;
letter-spacing: 1px;
}
.gsc-pricing.style-1 .content-inner .plan-price {
padding-bottom: 15px;
color: #171717;
}
.gsc-pricing.style-1 .content-inner .plan-price .plan-price-inner .currency {
font-size: 22px;
position: relative;
top: -20px;
}
.gsc-pricing.style-1 .content-inner .plan-price .plan-price-inner .price {
line-height: 1;
margin-bottom: 10px;
font-weight: 400;
font-size: 60px;
}
@media (max-width: 991.98px) {
.gsc-pricing.style-1 .content-inner .plan-price .plan-price-inner .price {
font-size: 45px;
}
}
@media (max-width: 767.98px) {
.gsc-pricing.style-1 .content-inner .plan-price .plan-price-inner .price {
font-size: 38px;
}
}
.gsc-pricing.style-1 .content-inner .plan-price .plan-price-inner .interval {
font-size: 11px;
text-transform: uppercase;
font-weight: 500;
}
.gsc-pricing.style-1 .content-inner .title {
color: var(--e-global-color-primary);
font-size: 15px;
font-weight: 700;
margin: 0 0 18px;
letter-spacing: 5px;
text-transform: uppercase;
}
.gsc-pricing.style-1 .content-inner .desc {
font-size: 17px;
font-weight: 500;
line-height: 24px;
}
.gsc-pricing.style-1 .content-inner .plan-list {
list-style-type: none;
padding: 0;
margin: 25px 0 8px;
font-size: 17px;
}
@media (max-width: 991.98px) {
.gsc-pricing.style-1 .content-inner .plan-list {
font-size: 15px;
}
}
.gsc-pricing.style-1 .content-inner .plan-list li {
position: relative;
padding: 10px 0 10px 30px;
line-height: 24px;
}
@media (max-width: 991.98px) {
.gsc-pricing.style-1 .content-inner .plan-list li {
padding: 6px 0 6px 26px;
}
}
.gsc-pricing.style-1 .content-inner .plan-list li:after {
content: '\f00c';
font-family: "Font Awesome 5 Free";
position: absolute;
top: 8px;
left: 0;
font-size: 15px;
color: var(--e-global-color-primary);
z-index: 1;
font-weight: 900;
}
@media (max-width: 991.98px) {
.gsc-pricing.style-1 .content-inner .plan-list li:after {
font-size: 13px;
}
}
.gsc-pricing.style-1 .content-inner .plan-list li.no-active {
opacity: 0.38;
}
.gsc-pricing.style-1 .content-inner .pricing-action {
padding-top: 20px;
}
.gsc-pricing.style-1:hover {
-webkit-box-shadow: 0px 20px 20px 0px rgba(63, 56, 54, 0.04);
box-shadow: 0px 20px 20px 0px rgba(63, 56, 54, 0.04);
}
.gsc-pricing.style-1.active-yes {
background: var(--e-global-color-primary);
}
.gsc-pricing.style-1.active-yes .content-inner .sub-title {
color: var(--e-global-color-primary);
background: #fff;
}
.gsc-pricing.style-1.active-yes .content-inner .title {
color: #fff;
}
.gsc-pricing.style-1.active-yes .content-inner .plan-price {
color: #fff;
}
.gsc-pricing.style-1.active-yes .content-inner .desc {
color: #fff;
}
.gsc-pricing.style-1.active-yes .content-inner .plan-list li {
color: #fff;
}
.gsc-pricing.style-1.active-yes .content-inner .plan-list li:after {
color: #fff;
}
.gsc-pricing.style-1.active-yes .content-inner .plan-list li.no-active {
opacity: 0.5;
}
.gsc-pricing.style-1.active-yes .content-inner .pricing-action a {
background: #fff;
color: var(--e-global-color-primary);
}
.team-one__single {
overflow: hidden;
margin-bottom: 30px;
}
.team-one__content {
background: #fff;
padding: 20px 30px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: -30px;
position: relative;
z-index: 2;
max-width: 80%;
padding-right: 15px;
}
@media (max-width: 1024px) {
.team-one__content {
max-width: 85%;
padding-left: 15px;
}
}
.team-one__image {
position: relative;
padding-top: 30px;
padding-right: 30px;
}
.team-one__image:before {
content: "";
position: absolute;
top: -30px;
right: -30px;
width: 100%;
height: 100%;
z-index: -1;
background: url("../images/bg-shape.png") no-repeat calc(100% - 30px) 30px #f4f4f4;
}
.team-one__image:after {
content: "";
position: absolute;
top: -30px;
right: -30px;
width: 100%;
height: 100%;
background-image: linear-gradient(-45deg, rgba(237, 59, 59, 0.3) 0 0%, rgba(255, 255, 255, 0) 40% 0%);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
z-index: -1;
opacity: 0;
}
.team-one__name {
font-size: 22px;
margin: 0;
line-height: 1;
font-weight: 500;
letter-spacing: -0.44px;
}
@media (max-width: 1024px) {
.team-one__name {
font-size: 16px;
}
}
.team-one__job {
font-size: 14px;
line-height: normal;
letter-spacing: 1.4px;
margin-bottom: 5px;
font-weight: 500;
text-transform: uppercase;
font-family: var(--pisole-heading-font-family);
}
.team-one__socials {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
padding: 5px 15px;
padding-right: 0;
border-left: 1px solid #d7d7d7;
}
.team-one__socials a {
position: relative;
height: 35px;
width: 45px;
display: block;
font-size: 14px;
line-height: 35px;
text-align: center;
color: #fff;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.team-one__socials a:hover,
.team-one__socials a:focus,
.team-one__socials a:active {
color: var(--e-global-color-secondary);
}
.team-one__socials .social-control {
display: inline-block;
color: var(--e-global-color-secondary);
width: 45px;
text-align: center;
}
.team-one__socials .social-link {
position: absolute;
right: 0px;
bottom: 100%;
background-color: var(--e-global-color-primary);
padding: 10px 0;
z-index: 3;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
width: 45px;
opacity: 0;
margin-bottom: 5px;
-webkit-transform: scale(0);
transform: scale(0);
}
.team-one__socials .social-link:before {
position: absolute;
content: "";
left: 50%;
bottom: -5px;
border-top: 5px solid var(--e-global-color-primary);
border-right: 7px solid transparent;
border-left: 7px solid transparent;
margin-left: -7px;
}
.team-one__single:hover .team-one__socials .social-link {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.team-one__single:hover .team-one__image:after {
opacity: 1;
}
.swiper-slide.center .team-one__socials .social-link {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.swiper-slide.center .team-one__image:after {
opacity: 1;
}
.gsc-team-item {
text-align: center;
position: relative;
max-width: 400px;
margin: 0 auto;
margin-bottom: 35px;
}
.gsc-team-item .team-image {
position: relative;
text-align: center;
padding-top: 10px;
padding-left: 10px;
}
.gsc-team-item .team-image:after {
content: '';
position: absolute;
top: 0;
right: 80px;
bottom: 80px;
left: 0;
background: #D5D5D5;
z-index: -1;
border-radius: 5px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gsc-team-item .team-image img {
border-radius: 5px;
}
.gsc-team-item .team-image a.link-content {
display: block;
position: relative;
}
.gsc-team-item .team-image a.link-content:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background: rgba(0, 0, 0, 0.3);
opacity: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gsc-team-item .team-image .social-team {
position: absolute;
bottom: -24px;
left: 50%;
margin-left: -25px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
z-index: 99;
width: 46px;
}
.gsc-team-item .team-image .social-team .social-control {
width: 46px;
height: 46px;
border-radius: 50%;
background: var(--e-global-color-primary);
line-height: 46px;
text-align: center;
color: #fff;
}
.gsc-team-item .team-image .social-team .social-control:hover {
cursor: pointer;
}
.gsc-team-item .team-image .social-team .social-links {
background: var(--e-global-color-primary);
border-radius: 5px;
padding: 10px 0;
position: relative;
margin-bottom: 12px;
bottom: -10px;
opacity: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gsc-team-item .team-image .social-team .social-links:after {
content: '';
border: 8px solid transparent;
border-top-color: var(--e-global-color-primary);
position: absolute;
top: 100%;
left: 15px;
z-index: 1;
}
.gsc-team-item .team-image .social-team .social-links a {
display: block;
color: #fff;
margin-bottom: 8px;
font-size: 14px;
text-align: center;
line-height: 25px;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.gsc-team-item .team-image .social-team .social-links a:last-child {
margin-bottom: 0;
}
.gsc-team-item .team-image .social-team .social-links a:hover {
color: var(--pisole-heading-color);
}
.gsc-team-item .team-content {
position: relative;
text-align: center;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
z-index: 11;
padding: 46px 10px 0;
}
.gsc-team-item .team-content .team-name {
font-size: 20px;
margin: 0 0 2px;
line-height: 20px;
}
.gsc-team-item .team-content .team-job {
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
}
.gsc-team-item.active .team-image:after,
.gsc-team-item:hover .team-image:after {
background: var(--e-global-color-primary);
}
.gsc-team-item.active .team-image a.link-content:after,
.gsc-team-item:hover .team-image a.link-content:after {
opacity: 1;
}
.gsc-team-item.active .team-image .social-links,
.gsc-team-item:hover .team-image .social-links {
bottom: 0;
opacity: 1;
}
.item-active.center .gsc-team-item .team-image:after {
background: var(--e-global-color-primary);
}
.service-one__single {
margin-bottom: 30px;
overflow: hidden;
width: 100%;
}
.service-one__content {
position: relative;
padding: 30px;
padding-bottom: 10px;
background: #fff;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-one__content:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 97px;
height: 98px;
z-index: 2;
background: url("../images/bg-service.png") no-repeat top right;
}
.service-one__content:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--e-global-color-primary)), to(#ad3030));
background-image: linear-gradient(to bottom, var(--e-global-color-primary) 0%, #ad3030 100%);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
z-index: 1;
opacity: 0;
}
.service-one__image {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.service-one__image img {
position: absolute;
height: 100% !important;
width: 100% !important;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.service-one__content-inner {
position: relative;
z-index: 9;
}
.service-one__icon {
display: block;
margin-bottom: 15px;
font-size: 62px;
line-height: 1;
color: var(--e-global-color-primary);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-one__title {
font-size: 20px;
font-weight: 600;
margin: 0 0 25px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-one__desc {
font-size: 14px;
line-height: 26px;
margin-bottom: 25px;
}
.service-one__action {
-webkit-box-shadow: 0px -1px 0 0 #d7d7d7;
box-shadow: 0px -1px 0 0 #d7d7d7;
padding-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-one__action .btn-readmore {
font-size: 12px;
font-weight: 500;
letter-spacing: 1.2px;
color: var(--pisole-body-color);
text-transform: uppercase;
font-family: var(--pisole-heading-font-family);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
position: relative;
padding-left: 20px;
}
.service-one__action .btn-readmore:before {
margin-right: 5px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
line-height: 1;
content: "\f30b";
font-size: 14px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.service-one__link-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 11;
}
.service-one__single:hover .service-one__image,
.service-one__single:focus .service-one__image,
.service-one__single.active .service-one__image {
opacity: 0.2;
}
.service-one__single:hover .service-one__content:after,
.service-one__single:focus .service-one__content:after,
.service-one__single.active .service-one__content:after {
opacity: 1;
}
.service-one__single:hover .service-one__icon,
.service-one__single:focus .service-one__icon,
.service-one__single.active .service-one__icon {
color: #fff;
}
.service-one__single:hover .service-one__title,
.service-one__single:focus .service-one__title,
.service-one__single.active .service-one__title {
color: #fff;
}
.service-one__single:hover .service-one__desc,
.service-one__single:focus .service-one__desc,
.service-one__single.active .service-one__desc {
color: #fff;
}
.service-one__single:hover .service-one__action,
.service-one__single:focus .service-one__action,
.service-one__single.active .service-one__action {
-webkit-box-shadow: 0px -1px 0 0 var(--e-global-color-secondary);
box-shadow: 0px -1px 0 0 var(--e-global-color-secondary);
}
.service-one__single:hover .service-one__action a,
.service-one__single:focus .service-one__action a,
.service-one__single.active .service-one__action a {
color: var(--e-global-color-secondary);
}
.service-two__single {
margin: 0 auto 30px;
overflow: hidden;
width: 100%;
max-width: 350px;
}
.service-two__image {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.service-two__image img {
position: absolute;
height: 100% !important;
width: 100% !important;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.service-two__content {
position: relative;
padding: 30px 20px 10px 24px;
padding-bottom: 10px;
background: #f4f4f4;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
border: 1px solid #dddee6;
}
.service-two__icon-two {
visibility: hidden;
padding: 9px 0px;
}
.service-two__content:hover .service-two__icon-two {
visibility: visible;
}
.service-two__single:hover {
box-shadow: 0px 4px 8px 0px #92939c52;
}
.service-two__single:hover .service-two__content::before {
box-shadow: 0px 4px 8px 0px #92939c52;
content: "";
position: absolute;
/* top: 100%; */
width: 100%;
bottom: 0%;
left: 0;
height: 3px;
border-radius: 0px;
background: linear-gradient(130deg, #513dc0, #bb2f73 41.07%, #f9b10c 76.05%);
}
.service-two__single:hover .service-two__content {
border: 0px;
}
/* .service-two__content:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 97px;
height: 98px;
z-index: 2;
background: url("../images/bg-service.png") no-repeat top right;
}
.service-two__content:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(-45deg, rgba(237, 59, 59, 0.3) 0 0%, rgba(255, 255, 255, 0) 40% 0%);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
z-index: 1;
opacity: 0;
} */
.service-two__content-inner {
position: relative;
z-index: 9;
}
.service-two__icon {
margin-bottom: 10px;
font-size: 62px;
line-height: 1;
color: var(--e-global-color-primary);
height: 52px;
}
.service-two__title {
font-size: 20px;
font-weight: 600;
margin: 0 0 25px;
}
.service-two__desc {
font-size: 14px;
line-height: 26px;
margin-bottom: 25px;
}
.service-two__link-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 11;
}
.service-two__action {
border-top: 1px solid #d7d7d7;
padding-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-two__action .btn-readmore {
font-size: 12px;
font-weight: 500;
letter-spacing: 1.2px;
color: var(--pisole-body-color);
text-transform: uppercase;
font-family: var(--pisole-heading-font-family);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
position: relative;
padding-left: 20px;
}
.service-two__action .btn-readmore:before {
margin-right: 5px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
line-height: 1;
content: "\f30b";
font-size: 14px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.service-two__single:hover .service-two__image,
.service-two__single:focus .service-two__image {
opacity: 0.2;
}
.service-two__single:hover .service-two__content:after,
.service-two__single:focus .service-two__content:after {
opacity: 1;
}
.service-two__single:hover .service-two__action,
.service-two__single:focus .service-two__action {
border-top-color: var(--e-global-color-secondary);
}
.service-two__single:hover .service-two__action a,
.service-two__single:focus .service-two__action a {
color: var(--e-global-color-secondary);
}
.service-three__single {
margin-bottom: 30px;
-webkit-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.05);
background: #fff;
}
.service-three__image {
opacity: 0;
position: absolute;
left: 10px;
top: 10px;
right: 10px;
bottom: 10px;
z-index: 2;
-webkit-transition: 1s;
transition: 1s;
-webkit-transition-delay: 0.36s;
transition-delay: 0.36s;
}
.service-three__image img {
position: absolute;
height: 100% !important;
width: 100% !important;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.service-three__content {
padding: 10px;
position: relative;
}
.service-three__content-inner {
z-index: 3;
position: relative;
background: #f4f4f4;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
padding: 40px;
}
@media (max-width: 1024px) {
.service-three__content-inner {
padding: 30px;
}
}
.service-three__content-inner:after {
content: '';
background: var(--e-global-color-secondary);
width: 100%;
height: 0%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
-webkit-transition: all 0.8s;
transition: all 0.8s;
opacity: 0;
}
.service-three__icon {
font-size: 60px;
line-height: 1;
color: var(--e-global-color-primary);
margin-bottom: 20px;
z-index: 3;
position: relative;
}
.service-three__icon svg {
fill: #fff;
}
.service-three__title {
font-size: 20px;
line-height: normal;
margin-bottom: 20px;
text-transform: uppercase;
-webkit-transition: all 0.36s ease;
transition: all 0.36s ease;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
z-index: 3;
position: relative;
}
.service-three__desc {
font-size: 15px;
font-weight: 500;
line-height: 1.75;
-webkit-transition: all 0.36s ease;
transition: all 0.36s ease;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
z-index: 3;
position: relative;
}
.service-three__button {
padding: 5px 40px 10px;
}
.service-three__button a {
color: var(--pisole-body-color);
letter-spacing: 1.4px;
font-size: 14px;
font-weight: 500;
font-family: var(--pisole-heading-font-family);
text-transform: uppercase;
display: block;
position: relative;
}
.service-three__button a:hover,
.service-three__button a:focus {
color: var(--e-global-color-primary);
}
.service-three__button a:before {
content: "\f30b";
font-weight: 900;
font-family: "Font Awesome 5 Free";
display: inline-block;
position: absolute;
right: 0;
font-size: 14px;
}
.service-three__link-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 11;
}
.service-three__single:hover .service-three__image,
.service-three__single:focus .service-three__image,
.service-three__single.active .service-three__image {
opacity: 1;
}
.service-three__single:hover .service-three__content-inner,
.service-three__single:focus .service-three__content-inner,
.service-three__single.active .service-three__content-inner {
background: transparent;
}
.service-three__single:hover .service-three__content-inner:after,
.service-three__single:focus .service-three__content-inner:after,
.service-three__single.active .service-three__content-inner:after {
opacity: 0.8;
height: 100%;
}
.service-three__single:hover .service-three__title,
.service-three__single:focus .service-three__title,
.service-three__single.active .service-three__title {
color: #fff;
}
.service-three__single:hover .service-three__title a,
.service-three__single:focus .service-three__title a,
.service-three__single.active .service-three__title a {
color: #fff;
}
.service-three__single:hover .service-three__desc,
.service-three__single:focus .service-three__desc,
.service-three__single.active .service-three__desc {
color: #fff;
}
.swiper-slide.item-active.center .service-two__image {
opacity: 0.2;
}
.swiper-slide.item-active.center .service-two__content:after {
opacity: 1;
}
.swiper-slide.item-active.center .service-two__action {
border-top-color: var(--e-global-color-secondary);
}
.swiper-slide.item-active.center .service-two__action a {
color: var(--e-global-color-secondary);
}
.swiper-slide.item-active.center .service-three__image {
opacity: 1;
}
.swiper-slide.item-active.center .service-three__content-inner {
background: transparent;
}
.swiper-slide.item-active.center .service-three__content-inner:after {
opacity: 0.8;
height: 100%;
}
.swiper-slide.item-active.center .service-three__title {
color: #fff;
}
.swiper-slide.item-active.center .service-three__title a {
color: #fff;
}
.swiper-slide.item-active.center .service-three__desc {
color: #fff;
}
.service-four__single {
margin-bottom: 30px;
background: #fff;
position: relative;
}
.service-four__content {
padding: 0 30px 30px;
position: relative;
-webkit-box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.08);
}
.service-four__icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #f4f4f4;
width: 100px;
height: 100px;
border-radius: 50%;
border: 8px solid #fff;
font-size: 36px;
color: var(--e-global-color-primary);
margin-top: -50px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.service-four__title {
font-size: 22px;
margin: 25px 0 15px;
}
.service-four__content-desc {
margin-bottom: 20px;
}
.service-four__overlay-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.service-four__single:hover .service-four__icon {
background: var(--e-global-color-primary);
color: #fff;
-webkit-animation: beat 1.5s ease 0s infinite;
animation: beat 1.5s ease 0s infinite;
}
.business-heading__one {
text-align: center;
position: relative;
overflow: hidden;
}
.business-heading__one span {
position: relative;
font-size: 14px;
color: #fff;
font-weight: 400;
padding: 0 20px;
text-transform: uppercase;
letter-spacing: 2px;
}
@media (max-width: 1024px) {
.business-heading__one span {
letter-spacing: 1px;
}
}
.business-heading__one span:after,
.business-heading__one span:before {
content: '';
width: 1000px;
height: 1px;
position: absolute;
top: 50%;
background: rgba(255, 255, 255, 0.2);
}
.business-heading__one span:after {
right: 100%;
}
.business-heading__one span:before {
left: 100%;
}
.text-with-arrow {
font-size: 24px;
color: #fff;
text-align: center;
padding-top: 90px;
line-height: 40px;
}
@media (max-width: 991.98px) {
.text-with-arrow {
padding-top: 68px;
font-size: 22px;
}
}
@media (max-width: 767.98px) {
.text-with-arrow {
font-size: 20px;
line-height: 28px;
padding-top: 15px;
}
}
.text-with-arrow span {
display: inline-block;
position: relative;
}
.text-with-arrow span:after {
content: '';
width: 62px;
height: 86px;
position: absolute;
bottom: 90%;
left: -85px;
background: url("../images/line-arrow.png") no-repeat center center transparent;
background-size: contain;
}
@media (max-width: 991.98px) {
.text-with-arrow span:after {
bottom: calc(100% + 6px);
height: 68px;
left: -60px;
}
}
@media (max-width: 650px) {
.text-with-arrow span:after {
display: none;
}
}
.big-title {
font-size: 60px;
line-height: 68px;
margin: 0 0 5px;
}
@media (max-width: 1180px) {
.big-title {
font-size: 50px;
line-height: 58px;
}
}
@media (max-width: 990px) {
.big-title {
font-size: 36px;
line-height: 48px;
}
}
/*------------------------------------------------------------------*\
7 - WIDGETS STYLE
\*------------------------------------------------------------------*/
.widget,
.wpb_single_image,
.wpb_content_element {
border: none;
}
.widget .widget-title,
.widget .widgettitle,
.widget .wpb_singleimage_heading,
.wpb_single_image .widget-title,
.wpb_single_image .widgettitle,
.wpb_single_image .wpb_singleimage_heading,
.wpb_content_element .widget-title,
.wpb_content_element .widgettitle,
.wpb_content_element .wpb_singleimage_heading {
background: none;
position: relative;
color: #171717;
font-family: var(--pisole-heading-font-family);
z-index: 9;
margin: 0 0 15px;
padding: 0 0 15px;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}
.widget .widget-title:before,
.widget .widget-title:after,
.widget .widgettitle:before,
.widget .widgettitle:after,
.widget .wpb_singleimage_heading:before,
.widget .wpb_singleimage_heading:after,
.wpb_single_image .widget-title:before,
.wpb_single_image .widget-title:after,
.wpb_single_image .widgettitle:before,
.wpb_single_image .widgettitle:after,
.wpb_single_image .wpb_singleimage_heading:before,
.wpb_single_image .wpb_singleimage_heading:after,
.wpb_content_element .widget-title:before,
.wpb_content_element .widget-title:after,
.wpb_content_element .widgettitle:before,
.wpb_content_element .widgettitle:after,
.wpb_content_element .wpb_singleimage_heading:before,
.wpb_content_element .wpb_singleimage_heading:after {
content: '';
position: absolute;
width: 13px;
height: 2px;
background: var(--e-global-color-primary);
bottom: -2px;
z-index: 11;
}
.widget .widget-title:before,
.widget .widgettitle:before,
.widget .wpb_singleimage_heading:before,
.wpb_single_image .widget-title:before,
.wpb_single_image .widgettitle:before,
.wpb_single_image .wpb_singleimage_heading:before,
.wpb_content_element .widget-title:before,
.wpb_content_element .widgettitle:before,
.wpb_content_element .wpb_singleimage_heading:before {
left: 0;
}
.widget .widget-title:after,
.widget .widgettitle:after,
.widget .wpb_singleimage_heading:after,
.wpb_single_image .widget-title:after,
.wpb_single_image .widgettitle:after,
.wpb_single_image .wpb_singleimage_heading:after,
.wpb_content_element .widget-title:after,
.wpb_content_element .widgettitle:after,
.wpb_content_element .wpb_singleimage_heading:after {
left: 18px;
}
.widget.text-center .widget-title,
.widget.text-center .widgettitle,
.widget.text-center .wpb_singleimage_heading,
.wpb_single_image.text-center .widget-title,
.wpb_single_image.text-center .widgettitle,
.wpb_single_image.text-center .wpb_singleimage_heading,
.wpb_content_element.text-center .widget-title,
.wpb_content_element.text-center .widgettitle,
.wpb_content_element.text-center .wpb_singleimage_heading {
text-align: center !important;
}
.widget.widget_block .wp-block-group>.wp-block-group__inner-container>h1,
.widget.widget_block .wp-block-group>.wp-block-group__inner-container>h2,
.widget.widget_block .wp-block-group>.wp-block-group__inner-container>h3,
.widget.widget_block .wp-block-group>.wp-block-group__inner-container>h4,
.widget.widget_block .wp-block-group>.wp-block-group__inner-container>h1,
.widget.widget_block .wp-block-group>.wp-block-group__inner-container>h2,
.widget.widget_block .wp-block-group>.wp-block-group__inner-container>h3,
.widget.widget_block .wp-block-group>.wp-block-group__inner-container>h4,
.widget.widget_block .wp-block-group>.wp-block-group__inner-container>h1,
.widget.widget_block .wp-block-group>.wp-block-group__inner-container>h2,
.widget.widget_block .wp-block-group>.wp-block-group__inner-container>h3,
.widget.widget_block .wp-block-group>.wp-block-group__inner-container>h4,
.widget.widget_block .wp-block-group>.wp-block-group__inner-container>h1,
.widget.widget_block .wp-block-group>.wp-block-group__inner-container>h2,
.widget.widget_block .wp-block-group>.wp-block-group__inner-container>h3,
.widget.widget_block .wp-block-group>.wp-block-group__inner-container>h4 {
margin-bottom: 20px;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
}
.widget.widget_block>h1,
.widget.widget_block h2,
.widget.widget_block h3,
.widget.widget_block h4 {
background: none;
position: relative;
color: #171717;
font-size: 18px;
z-index: 9;
margin: 0 0 15px;
padding: 0 0 15px;
width: 100%;
letter-spacing: 1px;
font-weight: 700;
text-transform: uppercase;
}
.widget.widget_block>h1:before,
.widget.widget_block>h1:after,
.widget.widget_block h2:before,
.widget.widget_block h2:after,
.widget.widget_block h3:before,
.widget.widget_block h3:after,
.widget.widget_block h4:before,
.widget.widget_block h4:after {
content: '';
position: absolute;
width: 13px;
height: 2px;
background: var(--e-global-color-primary);
bottom: -2px;
z-index: 11;
}
.widget.widget_block>h1:before,
.widget.widget_block h2:before,
.widget.widget_block h3:before,
.widget.widget_block h4:before {
left: 0;
}
.widget.widget_block>h1:after,
.widget.widget_block h2:after,
.widget.widget_block h3:after,
.widget.widget_block h4:after {
left: 18px;
}
.widget.widget_block ul,
.widget.widget_block ol {
margin: 0;
padding: 0;
}
.widget.widget_block ul ul,
.widget.widget_block ul ol,
.widget.widget_block ol ul,
.widget.widget_block ol ol {
padding-left: 25px;
}
.widget.widget_block ul li,
.widget.widget_block ol li {
font-weight: 500;
word-wrap: break-word;
line-height: 26px;
}
ol.wp-block-latest-comments {
margin: 0;
padding: 0;
}
ol.wp-block-latest-comments li {
padding: 6px 0;
font-weight: 500;
word-wrap: break-word;
line-height: 26px;
margin: 0;
}
ol.wp-block-latest-comments li time {
margin-top: 5px;
color: var(--e-global-color-primary);
}
/*
** Widget for sidebar
*/
.wp-sidebar input,
.wp-sidebar textarea,
.wp-sidebar select,
.elementor-widget-sidebar input,
.elementor-widget-sidebar textarea,
.elementor-widget-sidebar select {
max-width: 100%;
}
.wp-sidebar .widget,
.elementor-widget-sidebar .widget {
overflow: hidden;
margin-bottom: 30px;
padding: 30px 30px;
position: relative;
border: 1px solid #e2dfeb;
font-size: 16px;
}
.wp-sidebar ul,
.elementor-widget-sidebar ul {
list-style: none;
padding: 0;
margin-bottom: 0 !important;
display: inline-block;
width: 100%;
}
.wp-sidebar ul li,
.elementor-widget-sidebar ul li {
list-style: none;
}
.wp-sidebar ul li a,
.elementor-widget-sidebar ul li a {
padding: 8px 0;
display: inline-block;
}
.wp-sidebar ul li a:hover,
.elementor-widget-sidebar ul li a:hover {
color: var(--e-global-color-primary);
}
.wp-sidebar ul li .count,
.elementor-widget-sidebar ul li .count {
margin-left: 3px;
color: #262626;
}
.wp-sidebar ul>li ul,
.elementor-widget-sidebar ul>li ul {
padding-left: 16px;
}
.wp-sidebar .wpb_single_image,
.elementor-widget-sidebar .wpb_single_image {
margin-bottom: 30px !important;
}
.wp-sidebar .post-author,
.wp-sidebar .post-date,
.elementor-widget-sidebar .post-author,
.elementor-widget-sidebar .post-date {
font-size: 14px;
margin: 0 0 2px;
font-weight: 500;
color: var(--e-global-color-primary);
}
.gva-main-search .gva-search {
position: relative;
}
.gva-main-search .gva-search input {
background: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
height: 46px;
}
.gva-main-search .gva-search input.input-search {
background: #fff;
font-size: 16px;
}
.gva-main-search .gva-search .btn-search {
position: absolute;
width: auto;
height: 100%;
right: 6px;
top: 0;
z-index: 9;
padding: 0;
background: none;
border: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
}
.gva-main-search .gva-search .btn-search input {
border: none;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
font-size: 16px;
color: var(--e-global-color-primary);
}
.widget_calendar .wp-calendar-table td a {
color: var(--e-global-color-primary);
}
.widget_calendar .wp-calendar-table #today {
color: var(--e-global-color-primary);
position: relative;
}
.widget_calendar .wp-calendar-table #today:after {
content: '';
width: 5px;
height: 5px;
position: absolute;
top: 6px;
right: 6px;
background: var(--e-global-color-primary);
border-radius: 50%;
z-index: 1;
}
.widget_calendar .wp-calendar-nav {
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
}
.widget_tag_cloud .tagcloud>a {
display: inline-block;
background: #ededed;
border-radius: 5px;
font-size: 13px !important;
padding: 0 12px;
color: var(--pisole-body-color);
border: 1px solid #f4f4f4;
margin-right: 10px;
margin-bottom: 10px;
font-weight: 700;
}
.widget_tag_cloud .tagcloud>a:last-child {
margin-right: 0;
}
.widget_tag_cloud .tagcloud>a:hover {
color: #fff;
background: var(--e-global-color-primary);
}
/*
** Widget Newletter
*/
.mc4wp-form:before,
.mc4wp-form:after {
content: " ";
display: table;
}
.mc4wp-form:after {
clear: both;
}
.widget_recent_comments ul li {
padding: 6px 0;
font-weight: 500;
word-wrap: break-word;
line-height: 26px;
}
.widget_categories,
.widget_block,
.widget_archive,
.wp-sidebar .widget_nav_menu,
#wp-footer .widget_nav_menu,
.elementor-widget-sidebar .widget_nav_menu,
.widget_pages,
.widget_meta {
overflow: hidden;
}
.widget_categories>ul,
.widget_block>ul,
.widget_archive>ul,
.wp-sidebar .widget_nav_menu>ul,
#wp-footer .widget_nav_menu>ul,
.elementor-widget-sidebar .widget_nav_menu>ul,
.widget_pages>ul,
.widget_meta>ul {
padding: 0;
}
.widget_categories ul>li,
.widget_block ul>li,
.widget_archive ul>li,
.wp-sidebar .widget_nav_menu ul>li,
#wp-footer .widget_nav_menu ul>li,
.elementor-widget-sidebar .widget_nav_menu ul>li,
.widget_pages ul>li,
.widget_meta ul>li {
display: block;
width: 100%;
float: left;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
line-height: 26px;
}
.widget_categories ul>li .count,
.widget_block ul>li .count,
.widget_archive ul>li .count,
.wp-sidebar .widget_nav_menu ul>li .count,
#wp-footer .widget_nav_menu ul>li .count,
.elementor-widget-sidebar .widget_nav_menu ul>li .count,
.widget_pages ul>li .count,
.widget_meta ul>li .count {
position: absolute;
top: 14px;
right: 0;
z-index: 1;
font-size: 14px;
color: var(--pisole-body-color);
}
.widget_categories ul>li>a,
.widget_block ul>li>a,
.widget_archive ul>li>a,
.wp-sidebar .widget_nav_menu ul>li>a,
#wp-footer .widget_nav_menu ul>li>a,
.elementor-widget-sidebar .widget_nav_menu ul>li>a,
.widget_pages ul>li>a,
.widget_meta ul>li>a {
display: block;
text-transform: capitalize;
line-height: 26px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
position: relative;
color: var(--pisole-body-color);
padding: 11px 0;
font-weight: 500;
font-size: 16px;
}
.widget_categories ul>li>a:hover,
.widget_block ul>li>a:hover,
.widget_archive ul>li>a:hover,
.wp-sidebar .widget_nav_menu ul>li>a:hover,
#wp-footer .widget_nav_menu ul>li>a:hover,
.elementor-widget-sidebar .widget_nav_menu ul>li>a:hover,
.widget_pages ul>li>a:hover,
.widget_meta ul>li>a:hover {
color: var(--e-global-color-primary);
}
.widget_categories ul>li ul,
.widget_block ul>li ul,
.widget_archive ul>li ul,
.wp-sidebar .widget_nav_menu ul>li ul,
#wp-footer .widget_nav_menu ul>li ul,
.elementor-widget-sidebar .widget_nav_menu ul>li ul,
.widget_pages ul>li ul,
.widget_meta ul>li ul {
padding-left: 20px;
}
.widget_categories ul>li.current_page_item,
.widget_categories ul>li.current-cat,
.widget_block ul>li.current_page_item,
.widget_block ul>li.current-cat,
.widget_archive ul>li.current_page_item,
.widget_archive ul>li.current-cat,
.wp-sidebar .widget_nav_menu ul>li.current_page_item,
.wp-sidebar .widget_nav_menu ul>li.current-cat,
#wp-footer .widget_nav_menu ul>li.current_page_item,
#wp-footer .widget_nav_menu ul>li.current-cat,
.elementor-widget-sidebar .widget_nav_menu ul>li.current_page_item,
.elementor-widget-sidebar .widget_nav_menu ul>li.current-cat,
.widget_pages ul>li.current_page_item,
.widget_pages ul>li.current-cat,
.widget_meta ul>li.current_page_item,
.widget_meta ul>li.current-cat {
background: #fff;
}
.widget_categories ul>li.current_page_item>a,
.widget_categories ul>li.current-cat>a,
.widget_block ul>li.current_page_item>a,
.widget_block ul>li.current-cat>a,
.widget_archive ul>li.current_page_item>a,
.widget_archive ul>li.current-cat>a,
.wp-sidebar .widget_nav_menu ul>li.current_page_item>a,
.wp-sidebar .widget_nav_menu ul>li.current-cat>a,
#wp-footer .widget_nav_menu ul>li.current_page_item>a,
#wp-footer .widget_nav_menu ul>li.current-cat>a,
.elementor-widget-sidebar .widget_nav_menu ul>li.current_page_item>a,
.elementor-widget-sidebar .widget_nav_menu ul>li.current-cat>a,
.widget_pages ul>li.current_page_item>a,
.widget_pages ul>li.current-cat>a,
.widget_meta ul>li.current_page_item>a,
.widget_meta ul>li.current-cat>a {
color: #171717;
position: relative;
z-index: 1;
}
.widget_categories ul>li.current_page_item:before,
.widget_categories ul>li.current-cat:before,
.widget_block ul>li.current_page_item:before,
.widget_block ul>li.current-cat:before,
.widget_archive ul>li.current_page_item:before,
.widget_archive ul>li.current-cat:before,
.wp-sidebar .widget_nav_menu ul>li.current_page_item:before,
.wp-sidebar .widget_nav_menu ul>li.current-cat:before,
#wp-footer .widget_nav_menu ul>li.current_page_item:before,
#wp-footer .widget_nav_menu ul>li.current-cat:before,
.elementor-widget-sidebar .widget_nav_menu ul>li.current_page_item:before,
.elementor-widget-sidebar .widget_nav_menu ul>li.current-cat:before,
.widget_pages ul>li.current_page_item:before,
.widget_pages ul>li.current-cat:before,
.widget_meta ul>li.current_page_item:before,
.widget_meta ul>li.current-cat:before {
content: '';
left: -15px;
right: -15px;
top: 0;
bottom: 0;
position: absolute;
background: #fff;
z-index: 1;
}
.widget_categories>ul>li:last-child>a,
.widget_block>ul>li:last-child>a,
.widget_archive>ul>li:last-child>a,
.wp-sidebar .widget_nav_menu>ul>li:last-child>a,
#wp-footer .widget_nav_menu>ul>li:last-child>a,
.elementor-widget-sidebar .widget_nav_menu>ul>li:last-child>a,
.widget_pages>ul>li:last-child>a,
.widget_meta>ul>li:last-child>a {
margin-bottom: 0 !important;
}
.widget_rss ul>li,
.widget_recent_entries ul>li,
.gva_widget_recent_entries ul>li {
border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
margin-bottom: 18px;
padding-bottom: 18px;
}
.widget_rss ul>li a,
.widget_recent_entries ul>li a,
.gva_widget_recent_entries ul>li a {
padding: 0;
line-height: 26px;
display: block;
font-weight: 600;
}
.widget_rss ul>li a .post-date,
.widget_recent_entries ul>li a .post-date,
.gva_widget_recent_entries ul>li a .post-date {
color: var(--e-global-color-primary);
}
.widget_rss ul>li:last-child,
.widget_recent_entries ul>li:last-child,
.gva_widget_recent_entries ul>li:last-child {
border: none;
padding-bottom: 0;
margin-bottom: 0;
}
.gva_widget_recent_entries ul li {
border: none;
margin-bottom: 30px;
padding: 0;
position: relative;
z-index: 9;
}
.gva_widget_recent_entries ul li .post-thumbnail {
width: 70px;
overflow: hidden;
float: left;
border-radius: 6px;
}
.gva_widget_recent_entries ul li .post-content {
padding-left: 85px;
}
.gva_widget_recent_entries ul li .post-content .post-comments {
font-size: 14px;
display: block;
line-height: 1;
font-weight: 500;
}
.gva_widget_recent_entries ul li .post-content .post-comments .icon {
color: var(--e-global-color-primary);
}
.gva_widget_recent_entries ul li .post-content .post-title {
margin: 8px 0 0;
font-size: 16px;
}
.gva_widget_recent_entries ul li .post-content .post-title a {
display: block;
line-height: 24px;
font-weight: 500;
}
.gva_widget_recent_entries ul li:last-child {
margin-bottom: 0;
}
.widget_rss>ul li {
margin-bottom: 16px !important;
}
.widget_rss>ul li .rss-date {
color: var(--e-global-color-primary);
font-size: 12px;
}
.widget-custom-text {
color: #fff;
}
.widget-custom-text .widget-title {
text-align: center;
color: #fff;
margin-bottom: 0;
font-weight: 600;
padding: 20px 0;
}
.widget-custom-text .signature {
margin-top: 50px;
}
.widget_custom_html {
padding: 0 !important;
border: none !important;
}
div[class*="elementor-widget-wp-widget"] .elementor-widget-container>h5 {
margin: 0 0 15px;
padding: 0 0 15px;
position: relative;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}
div[class*="elementor-widget-wp-widget"] .elementor-widget-container>h5:before,
div[class*="elementor-widget-wp-widget"] .elementor-widget-container>h5:after {
content: '';
position: absolute;
width: 13px;
height: 2px;
background: var(--e-global-color-primary);
bottom: -2px;
z-index: 11;
}
div[class*="elementor-widget-wp-widget"] .elementor-widget-container>h5:before {
left: 0;
}
div[class*="elementor-widget-wp-widget"] .elementor-widget-container>h5:after {
left: 18px;
}
.elementor-widget-wp-widget-categories .elementor-widget-container h5 {
margin: 0 0 8px;
}
.elementor-widget-wp-widget-categories .elementor-widget-container ul {
padding: 0;
margin: 0;
list-style: none;
}
.elementor-widget-wp-widget-categories .elementor-widget-container ul ul {
padding-left: 30px;
}
.elementor-widget-wp-widget-categories .elementor-widget-container ul li {
font-size: 16px;
margin-bottom: 1px;
}
.elementor-widget-wp-widget-categories .elementor-widget-container ul li a {
color: var(--pisole-body-color);
padding: 10px 0;
display: block;
position: relative;
z-index: 9;
font-weight: 500;
border-bottom: 1px solid #ebe7de;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.elementor-widget-wp-widget-categories .elementor-widget-container ul li a:before {
content: "\f054";
font-family: "Font Awesome 5 Free";
font-size: 11px;
position: absolute;
top: 50%;
right: 0;
z-index: 1;
-webkit-transition: all 0.5s;
transition: all 0.5s;
font-weight: 900;
line-height: 1;
margin-top: -9px;
}
.elementor-widget-wp-widget-categories .elementor-widget-container ul li a:hover {
color: var(--e-global-color-secondary);
background: #fff;
padding-left: 25px;
}
.elementor-widget-wp-widget-categories .elementor-widget-container ul li a:hover:before {
right: 20px;
color: var(--e-global-color-primary);
}
.elementor-widget-wp-widget-categories .elementor-widget-container ul li:first-child a {
padding-top: 5px;
}
.elementor-widget-wp-widget-categories .elementor-widget-container ul li:last-child a {
border-bottom: none;
}
.elementor-widget-wp-widget-categories .elementor-widget-container ul li.current-cat>a {
color: var(--e-global-color-secondary);
background: #fff;
padding-left: 25px;
}
.elementor-widget-wp-widget-categories .elementor-widget-container ul li.current-cat>a:before {
right: 20px;
color: var(--e-global-color-primary);
}
.elementor-widget-wp-widget-tag_cloud .tagcloud {
padding-top: 10px;
}
.elementor-widget-wp-widget-tag_cloud .tagcloud>a {
display: inline-block;
background: #fff;
text-transform: uppercase;
letter-spacing: 1.2px;
font-size: 12px !important;
padding: 15px 20px;
color: var(--pisole-body-color);
margin-right: 6px;
margin-bottom: 10px;
font-weight: 600;
line-height: 1;
font-family: var(--pisole-heading-font-family);
border: 0;
}
.elementor-widget-wp-widget-tag_cloud .tagcloud>a:last-child {
margin-right: 0;
}
.elementor-widget-wp-widget-tag_cloud .tagcloud>a:hover {
color: #fff;
background: var(--e-global-color-primary);
}
.highlight-text-white {
color: #d2dce5;
}
.highlight-text-white a {
color: #fff;
font-weight: 700;
position: relative;
}
.highlight-text-white a:after {
content: '';
width: 100%;
height: 2px;
background: var(--e-global-color-primary);
position: absolute;
bottom: -2px;
left: 0;
z-index: 1;
opacity: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.highlight-text-white a:hover:after {
opacity: 0;
bottom: -10px;
}
.support-box {
background: #171717;
color: #fff;
padding: 50px 50px 40px;
}
@media (max-width: 991.98px) {
.support-box {
padding: 30px;
}
}
.support-box ul {
list-style: none;
padding: 0;
margin: 0;
}
.support-box .title {
font-size: 26px;
font-weight: 600;
margin-bottom: 30px;
}
.support-box .phone {
font-size: 22px;
font-weight: 700;
margin-top: 10px;
}
.support-box .phone a {
color: var(--e-global-color-primary);
}
.support-box .phone a i {
font-size: 30px;
margin-right: 10px;
}
.download-box {
background: #171717;
}
.download-box a {
color: #fff;
font-size: 18px;
font-weight: 600;
padding: 30px;
text-align: center;
display: block;
}
.download-box a:hover {
color: var(--e-global-color-primary);
}
.list-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
}
@media (max-width: 360px) {
.list-button {
display: block;
}
}
.list-button a {
font-weight: 500;
display: inline-block;
font-size: 16px;
background: #F7F7F7;
color: #171717;
padding: 12px 40px;
margin-right: 20px;
border-radius: 8px;
}
@media (max-width: 360px) {
.list-button a {
display: block;
width: 100%;
margin-bottom: 10px;
}
}
.list-button a:last-child() {
margin-right: 0;
}
.list-button a:hover {
background: var(--e-global-color-primary);
color: #fff;
}
/*------------------------------------------------------------------*\
8 - POST TYPE
\*------------------------------------------------------------------*/
.post-one__single {
max-width: 500px;
margin: 0 auto 30px;
background: #fff;
}
.post-one__thumbnail {
position: relative;
overflow: hidden;
}
.post-one__thumbnail a {
position: relative;
}
.post-one__thumbnail a:after {
background: rgba(255, 255, 255, 0.3);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 51%;
top: 0;
opacity: 1;
pointer-events: none;
-webkit-transition: all 600ms linear;
transition: all 600ms linear;
}
.post-one__thumbnail img {
display: block;
width: 100%;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.post-one__thumbnail iframe {
width: 100%;
min-height: 350px;
}
.post-one__entry-date {
background: var(--e-global-color-primary);
color: #fff;
position: absolute;
bottom: calc(100% - 10px);
left: 30px;
z-index: 1;
text-align: center;
padding: 10px 15px;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
line-height: 1.1;
border: 10px solid #fff;
font-family: var(--pisole-heading-font-family);
}
.post-one__entry-date span {
display: block;
}
.post-one__entry-date .day {
font-size: 18px;
}
@media (max-width: 1024px) {
.post-one__entry-date {
left: 20px;
}
}
.post-one__content {
position: relative;
padding: 30px 40px 30px;
background: #fff;
-webkit-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.08);
}
@media (max-width: 1024px) {
.post-one__content {
padding-left: 30px;
padding-right: 30px;
}
}
.post-one__content-inner {
-ms-word-wrap: break-word;
word-wrap: break-word;
margin: 0 auto;
position: relative;
}
.post-one__title {
font-size: 24px;
line-height: 1.5;
font-weight: 600;
margin-top: 10px;
margin-bottom: 25px;
text-transform: uppercase;
}
.post-one__title a {
word-wrap: break-word;
}
.post-one__meta {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.post-one__meta .meta-inline {
font-size: 14px;
line-height: 18px;
font-weight: 500;
text-transform: capitalize;
color: var(--pisole-body-color);
}
.post-one__meta .meta-inline>span {
margin-right: 20px;
}
@media (max-width: 1024px) {
.post-one__meta .meta-inline>span {
margin-right: 10px;
}
}
.post-one__meta .meta-inline>span i {
color: var(--e-global-color-primary);
margin-right: 5px;
}
.post-one__meta .meta-inline>span:last-child() {
margin-right: 0;
}
.post-one__meta .meta-inline a {
color: var(--pisole-body-color);
}
.post-one__footer {
padding-top: 20px;
border-top: 1px solid #e2dfeb;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
font-weight: 500;
color: var(--pisole-body-color);
}
.post-one__footer .left {
width: 33px;
-webkit-box-flex: 0;
-ms-flex: 0 0 33px;
flex: 0 0 33px;
overflow: hidden;
margin-right: 10px;
}
.post-one__footer img {
border-radius: 50%;
}
.post-one__single.has-no-thumbnail .post-one__content {
padding-top: 0;
}
.post-one__single.has-no-thumbnail .post-one__entry-date {
display: inline-block;
position: relative;
top: 0;
left: 0;
margin-bottom: 20px;
border: 0;
}
.post-one__single:hover .post-one__thumbnail a:after,
.post-one__single:focus .post-one__thumbnail a:after {
left: 0;
right: 0;
opacity: 0;
-webkit-transition: all 600ms linear;
transition: all 600ms linear;
}
.post-one__single:hover .post-one__thumbnail img,
.post-one__single:focus .post-one__thumbnail img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.post-two__single {
margin-bottom: 30px;
border: 1px solid #e2dfeb;
-webkit-box-shadow: none;
box-shadow: none;
position: relative;
overflow: hidden;
border-radius: 0;
}
.post-two__link-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 11;
}
.post-two__thumbnail {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-size: cover;
background-position: center center;
}
.post-two__thumbnail:before {
content: '';
background: #171717;
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-two__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-two__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-two__content {
padding: 50px 30px 35px;
}
}
.post-two__content-inner {
padding-bottom: 0;
padding: 0;
}
.post-two__title {
font-size: 24px;
text-transform: uppercase;
margin: 20px 0 10px;
padding-bottom: 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
line-height: 32px;
letter-spacing: 0;
}
.post-two__title:after {
display: none;
}
.post-two__meta {
font-size: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.post-two__meta:after {
display: none;
}
.post-two__meta .left {
width: 52px;
height: 52px;
-webkit-box-flex: 0;
-ms-flex: 0 0 52px;
flex: 0 0 52px;
border: 2px solid #e2dfeb;
border-radius: 0;
}
.post-two__meta .left img {
border-radius: 0;
}
.post-two__meta .right {
padding-left: 20px;
line-height: 28px;
}
.post-two__meta .right span {
display: block;
width: 100%;
}
.post-two__meta .right i {
color: var(--e-global-color-primary);
margin-right: 6px;
}
.post-two__read-more {
margin-top: 25px;
border: none;
padding-top: 0;
}
.post-two__single:hover .post-two__thumbnail:after {
top: 100%;
}
.post-two__single:hover .post-two__content {
color: #fff;
}
.post-two__single:hover .post-two__meta .left {
border-color: var(--e-global-color-primary);
}
.post-two__single:hover .post-two__meta .right {
color: #fff;
}
.post-two__single:hover .post-two__meta .right i {
color: #fff;
}
.post-two__single:hover .post-two__title a {
color: #fff;
}
.post-two__single:hover .post-two__read-more .icon {
color: #fff;
-webkit-animation: beat 1.5s ease 0s infinite;
animation: beat 1.5s ease 0s infinite;
}
.post-three__single {
margin-bottom: 30px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
margin-top: 10px;
}
.post-three__thumbnail {
position: relative;
text-align: center;
z-index: 11;
border-radius: 0;
}
.post-three__thumbnail img {
border-radius: 0;
}
.post-three__thumbnail iframe {
width: 100%;
min-height: 350px;
}
.post-three__entry-date {
background: var(--e-global-color-primary);
color: #fff;
font-size: 12px;
position: absolute;
top: -10px;
right: 20px;
text-transform: uppercase;
font-weight: 600;
padding: 18px 18px 16px;
line-height: 14px;
z-index: 11;
letter-spacing: 1px;
border-radius: 0;
}
.post-three__entry-date:before {
content: '';
position: absolute;
top: 0;
left: -10px;
content: "";
border-right: 0 solid transparent;
border-bottom: 10px solid var(--e-global-color-primary);
border-left: 10px solid transparent;
}
.post-three__entry-date span {
display: block;
}
.post-three__content {
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
padding: 28px 30px 25px;
text-align: left;
border-top: 0;
z-index: 9;
background: #fff;
border-radius: 0;
-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
}
@media (max-width: 1024px) {
.post-three__content {
padding: 28px 15px 25px;
}
}
.post-three__content.has-no-thumbnail {
padding-top: 35px;
}
.post-three__content-inner {
-ms-word-wrap: break-word;
word-wrap: break-word;
margin: 0 auto;
position: relative;
}
.post-three__title {
font-size: 22px;
margin: 5px 0 15px;
-ms-word-wrap: break-word;
word-wrap: break-word;
line-height: 28px;
position: relative;
}
@media (max-width: 1024px) {
.post-three__title {
font-size: 20px;
}
}
.post-three__desc {
-ms-word-wrap: break-word;
word-wrap: break-word;
font-size: 16px;
line-height: 28px;
}
@media (max-width: 1024px) {
.post-three__desc {
font-size: 14px;
line-height: 26px;
}
}
.post-three__meta {
position: relative;
margin-bottom: 15px;
}
.post-three__meta .meta-inline {
font-size: 14px;
line-height: 18px;
font-weight: 500;
text-transform: capitalize;
}
.post-three__meta .meta-inline>span {
margin-right: 18px;
}
@media (max-width: 1400px) {
.post-three__meta .meta-inline>span {
margin-right: 15px;
}
}
.post-three__meta .meta-inline>span i {
color: var(--e-global-color-primary);
margin-right: 5px;
}
.post-three__meta .meta-inline>span:last-child {
margin-right: 0;
}
@media (max-width: 1024px) {
.post-three__meta .meta-inline>span:last-child {
display: none;
}
}
.post-three__footer {
padding: 12px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border: 1px solid #e2dfeb;
background: #fff;
position: relative;
border-radius: 0;
line-height: 28px;
font-size: 13px;
margin-top: 18px;
}
.post-three__category {
font-weight: 500;
}
.post-three__category i {
font-size: 14px;
margin-right: 8px;
color: var(--e-global-color-primary);
position: relative;
top: 2px;
}
.post-three__category a {
font-family: var(--pisole-heading-font-family);
color: var(--pisole-body-color);
}
.post-three__category a:hover {
color: var(--e-global-color-primary);
}
.post-three__read-more a {
color: var(--e-global-color-primary);
position: relative;
top: 2px;
}
.post-three .tag-links {
margin-top: 20px;
display: block;
}
.post-three .tag-links>a {
border: 1px solid #e2dfeb;
padding: 2px 15px;
font-weight: 500;
font-size: 14px;
margin-right: 8px;
margin-bottom: 8px;
display: inline-block;
background: #fff;
}
.post-three .tag-links>a:hover {
background: var(--e-global-color-primary);
color: #fff;
}
.post-three:hover .post-three__content,
.post-three:focus .post-three__content {
-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
}
.post-block-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-small__single {
margin-bottom: 30px;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.post-small__single:before,
.post-small__single:after {
content: " ";
display: table;
}
.post-small__single:after {
clear: both;
}
.post-small__thumbnail {
width: 80px;
float: left;
}
.post-small__content-inner {
padding-left: 95px;
}
.post-small__meta {
margin: -3px 0 0;
float: left;
width: 100%;
padding-bottom: 5px;
}
.post-small__meta>.meta-inline {
margin-right: 5px;
font-size: 12px;
font-weight: 400;
line-height: 18px;
text-transform: capitalize;
font-weight: 500;
}
.post-small__meta>.meta-inline>span {
margin-right: 18px;
}
@media (max-width: 1400px) {
.post-small__meta>.meta-inline>span {
margin-right: 16px;
}
}
.post-small__meta>.meta-inline>span i {
color: var(--e-global-color-primary);
margin-right: 5px;
}
.post-small__meta .cat-links,
.post-small__meta .author,
.post-small__meta .author-seperate {
display: none !important;
}
.post-small__title {
margin: 0;
font-size: 16px;
line-height: 20px;
position: relative;
float: left;
width: 100%;
}
.post-standard__single {
margin-bottom: 30px;
}
.post-standard__thumbnail {
border-radius: 0 !important;
}
.post-standard__thumbnail img {
border-radius: 0;
}
.post-standard__content {
background: #fff;
margin-left: 35px;
margin-right: 35px;
margin-top: -50px;
border: none;
border-radius: 0;
padding: 35px;
position: relative;
z-index: 99;
border-radius: 0;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}
@media (max-width: 1024px) {
.post-standard__content {
margin-left: 20px;
margin-right: 20px;
padding: 35px 20px;
}
}
.post-standard__content:after {
display: none;
}
.post-standard__meta {
position: relative;
margin-bottom: 15px;
}
.post-standard__meta .meta-inline {
font-size: 14px;
line-height: 18px;
font-weight: 500;
text-transform: capitalize;
}
.post-standard__meta .meta-inline>span {
margin-right: 18px;
}
@media (max-width: 1400px) {
.post-standard__meta .meta-inline>span {
margin-right: 15px;
}
}
.post-standard__meta .meta-inline>span i {
color: var(--e-global-color-primary);
margin-right: 5px;
}
.post-standard__meta .meta-inline>span:last-child() {
margin-right: 0;
}
.post-standard__meta a {
color: var(--pisole-body-color);
}
.post-standard__title {
font-size: 24px;
margin-bottom: 10px;
margin-top: 8px;
}
.post-standard__desc {
padding-bottom: 20px;
}
.post-standard__read-more {
border: none;
padding-top: 0;
}
.post-standard__single:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
div[class*="col-md-6"] .post-thumbnail iframe,
div[class*="col-md-4"] .post-thumbnail iframe {
min-height: 235px;
height: 235px;
}
.post-items .post {
margin-bottom: 30px;
}
.post-items .entry-title {
font-size: 18px;
text-transform: none;
margin-top: 10px;
margin-bottom: 12px;
}
.post-items.layout-sticky-on .posts-child .post {
border-bottom: none;
margin-bottom: 0;
}
.post-items.layout-sticky-on .posts-child .post .entry-title {
font-size: 20px;
}
.posts-archive {
margin: 100px 0 60px;
}
@media (max-width: 991.98px) {
.posts-archive {
margin: 80px 0 40px;
}
}
.post-masonry-style>.item-masory {
margin-left: -1px;
}
.post.post-single-content {
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 10px;
}
.post.post-single-content .post-thumbnail {
position: relative;
margin-bottom: 30px;
}
.post.post-single-content .post-thumbnail.without_image {
margin-bottom: 0;
}
.post.post-single-content .entry-content {
border: 0;
background: none;
margin: 0;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-align: left;
}
.post.post-single-content .entry-content:after {
content: none;
}
.post.post-single-content .entry-content .content-inner {
max-width: 100%;
padding: 0;
}
.post.post-single-content .entry-content .entry-meta {
position: relative;
margin: 0 0 10px;
}
.post.post-single-content .entry-content .entry-meta .meta-inline {
font-size: 15px;
text-transform: capitalize;
}
.post.post-single-content .entry-content .entry-meta .meta-inline>span {
margin-right: 22px;
}
@media (max-width: 1400px) {
.post.post-single-content .entry-content .entry-meta .meta-inline>span {
margin-right: 18px;
}
}
.post.post-single-content .entry-content .entry-meta .meta-inline>span:last-child {
margin-right: 0;
}
.post.post-single-content .entry-content .entry-meta .meta-inline>span i {
color: var(--e-global-color-primary);
margin-right: 5px;
}
.post.post-single-content .entry-content .entry-meta .meta-inline .entry-date {
color: var(--e-global-color-primary);
}
.post.post-single-content .entry-content .entry-title {
font-size: 32px;
color: #171717;
padding: 0 0 10px;
position: relative;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
@media (max-width: 991.98px) {
.post.post-single-content .entry-content .entry-title {
font-size: 28px;
}
}
@media (max-width: 767.98px) {
.post.post-single-content .entry-content .entry-title {
font-size: 26px;
}
}
.post.post-single-content .entry-content .entry-title:after {
display: none !important;
}
.post.post-single-content .entry-content .entry-date {
left: 0;
}
.post.post-single-content .entry-content .cat-links i {
margin-right: 6px;
color: var(--e-global-color-primary);
}
.post.post-single-content .entry-content .cat-links a {
color: var(--pisole-body-color);
}
.post.post-single-content .entry-content .cat-links a:hover {
color: var(--e-global-color-primary);
}
.post.post-single-content .entry-content .post-content strong img {
margin-right: 10px;
}
.post.post-single-content .entry-content .post-content .wp-caption {
max-width: 100%;
}
.post.post-single-content .entry-content .post-content input[type="text"],
.post.post-single-content .entry-content .post-content input[type="tel"],
.post.post-single-content .entry-content .post-content input[type="password"],
.post.post-single-content .entry-content .post-content input[type="email"] {
padding: 0 8px;
}
.post.post-single-content .entry-content .post-content input[type="submit"] {
background: var(--e-global-color-primary);
color: #fff;
text-transform: uppercase;
font-size: 12px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 3px 15px;
}
.post.post-single-content .entry-content .post-content input[type="submit"]:hover {
background: #171717;
}
.post.post-single-content .entry-meta-footer {
border-top: 1px solid #e2dfeb;
margin-top: 36px;
padding-top: 12px;
}
.post.post-single-content .tag-links {
margin-top: 20px;
display: block;
}
.post.post-single-content .tag-links .tag-title {
font-size: 18px;
margin-right: 10px;
color: #171717;
font-weight: 500;
position: relative;
top: 2px;
}
.post.post-single-content .tag-links>a {
background: var(--e-global-color-primary);
font-size: 14px;
padding: 0 15px;
line-height: 28px;
color: #fff;
margin: 3px 10px 3px 0;
font-weight: 600;
display: inline-block;
white-space: nowrap;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.post.post-single-content .tag-links>a:hover {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.post.post-single-content.has-post-thumbnail .entry-content .entry-date {
left: 30px;
}
.post-navigation {
width: 100%;
float: left;
margin-top: 30px;
padding-top: 40px;
margin-bottom: 30px;
border-top: 1px solid #e2dfeb;
}
.post-navigation a {
display: inline-block;
font-weight: 600;
border: 2px solid #e2dfeb;
padding: 10px 20px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.post-navigation a span {
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.post-navigation a:hover {
background: var(--e-global-color-primary);
color: #fff;
}
.post-navigation a:hover span {
color: #fff !important;
}
.post-navigation a[rel*="next"] {
float: right;
text-align: right;
}
.post-navigation a span {
display: block;
}
.post-navigation a span.meta-nav {
font-size: 14px;
color: #888888;
}
.post-navigation a span.meta-nav i {
font-size: 10px;
}
.post-navigation a span.meta-nav.next i {
margin-left: 8px;
margin-top: 1px;
}
.post-navigation a span.meta-nav.prev i {
margin-right: 8px;
margin-top: 1px;
}
.tribe-common h1,
.tribe-common h2,
.tribe-common h3,
.tribe-common h4,
.tribe-common h5,
.tribe-common h6,
.tribe-common .tribe-common-h--alt {
font-weight: 700;
}
#tribe-events-content a.btn-black {
color: #fff;
}
#tribe-events-footer {
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
}
.tribe-events-page-title {
margin-bottom: 30px;
}
.tribe-events-list .type-tribe_events {
margin-bottom: 30px;
}
.tribe-event-list-block {
padding: 30px !important;
background: #fff;
border: 1px solid #e2dfeb !important;
-webkit-transition: all 0.35s;
transition: all 0.35s;
margin-bottom: 30px !important;
}
@media (max-width: 1024px) {
.tribe-event-list-block {
padding: 20px;
}
}
@media (max-width: 650px) {
.tribe-event-list-block {
max-width: 450px;
margin: 0 auto;
padding: 0;
border: none;
}
}
.tribe-event-list-block .tribe-event-left {
width: 190px;
float: left;
position: relative;
overflow: hidden;
z-index: 1;
}
@media (max-width: 575.98px) {
.tribe-event-list-block .tribe-event-left {
width: 200px;
}
}
@media (max-width: 650px) {
.tribe-event-list-block .tribe-event-left {
width: 100%;
}
}
.tribe-event-list-block .tribe-event-left .content-inner {
width: 190px;
position: relative;
float: left;
}
@media (max-width: 575.98px) {
.tribe-event-list-block .tribe-event-left .content-inner {
width: 200px;
}
}
@media (max-width: 650px) {
.tribe-event-list-block .tribe-event-left .content-inner {
width: 100%;
}
}
.tribe-event-list-block .tribe-event-left .content-inner .tribe-events-event-image {
width: 100%;
position: relative;
margin: 0;
text-align: center;
}
.tribe-event-list-block .tribe-event-left .content-inner .tribe-events-event-image img {
max-width: 100%;
width: 100%;
height: auto;
max-height: inherit;
}
.tribe-event-list-block .tribe-event-left .content-inner .tribe-start-date {
background: var(--e-global-color-primary);
color: #fff;
width: 52px;
height: 52px;
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
text-align: center;
line-height: 16px;
padding-top: 10px;
position: absolute;
border-radius: 8px 0 0;
right: 0;
bottom: 0;
}
.tribe-event-list-block .tribe-event-right {
padding-left: 200px;
padding-right: 160px;
position: relative;
margin-top: 0;
}
@media (max-width: 767.98px) {
.tribe-event-list-block .tribe-event-right {
padding-right: 0;
}
}
@media (max-width: 575.98px) {
.tribe-event-list-block .tribe-event-right {
padding-left: 220px;
}
}
@media (max-width: 650px) {
.tribe-event-list-block .tribe-event-right {
padding-left: 0;
float: left;
padding: 20px;
border: 1px solid #e2dfeb;
border-top: 0;
}
}
.tribe-event-list-block .tribe-event-right .content-inner {
padding-left: 20px;
float: left;
width: 100%;
}
@media (max-width: 575.98px) {
.tribe-event-list-block .tribe-event-right .content-inner {
padding-left: 0;
}
}
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-event-meta {
font-size: 14px;
margin-bottom: 0;
border: none;
background: #fff;
padding: 0 !important;
margin: 0 !important;
line-height: 24px;
}
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-event-meta .icon {
margin-right: 6px;
color: var(--e-global-color-primary);
}
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-event-meta .tribe-event-schedule-details {
display: block;
width: 100%;
font-size: 15px;
color: var(--pisole-body-color);
padding: 0;
margin-bottom: 6px;
}
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-event-meta .tribe-events-venue-details {
font-size: 15px;
color: var(--pisole-body-color);
margin: 0;
font-style: normal;
line-height: 24px;
margin-top: 6px;
border: none;
padding: 0;
}
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-event-meta .tribe-events-venue-details .tribe-address br {
display: none;
}
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-event-meta .tribe-events-venue-details .tribe-events-gmap {
display: none !important;
}
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-list-event-title {
margin: 10px 0 15px;
}
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-list-event-title .tribe-event-url {
font-size: 22px;
}
@media (max-width: 575.98px) {
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-list-event-title .tribe-event-url {
font-size: 20px;
}
}
.tribe-event-list-block .tribe-event-right .content-inner .tribe-events-list-event-title .tribe-event-url:hover {
color: var(--e-global-color-primary) !important;
}
.tribe-event-list-block .tribe-event-right .content-inner .entry-summary {
max-width: 600px;
line-height: 30px;
max-height: 90px;
overflow: hidden;
}
.tribe-event-list-block .tribe-event-right .event-action {
width: 180px;
position: absolute;
right: 0;
top: 50%;
margin-top: -30px;
text-align: right;
}
@media (max-width: 767.98px) {
.tribe-event-list-block .tribe-event-right .event-action {
display: none;
}
}
.tribe-event-list-block .tribe-event-right .event-action a {
border: 2px solid #e2dfeb;
padding: 15px 25px !important;
}
.tribe-event-list-block .tribe-event-right .event-action a:after {
display: none;
}
.tribe-event-list-block .tribe-event-right .event-action a:hover {
color: #fff !important;
}
.tribe-event-list-block:hover {
-webkit-box-shadow: 0px 20px 20px 0px rgba(63, 56, 54, 0.04);
box-shadow: 0px 20px 20px 0px rgba(63, 56, 54, 0.04);
}
.tribe-event-block {
max-width: 500px;
margin: 0 auto 30px;
position: relative;
overflow: hidden;
}
.tribe-event-block .block-content {
position: relative;
}
.tribe-event-block .block-content .tribe-start-date {
font-size: 14px;
line-height: 20px;
font-weight: 700;
background: var(--e-global-color-primary);
padding: 12px 20px;
color: #fff;
position: absolute;
top: 0;
left: 30px;
z-index: 11;
text-align: center;
text-transform: uppercase;
}
.tribe-event-block .block-content .tribe-events-event-image:after {
content: '';
position: absolute;
background-image: -webkit-gradient(linear, left bottom, left top, from(#171717), color-stop(50%, transparent));
background-image: linear-gradient(to top, #171717, 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: 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(--e-global-color-primary);
color: var(--e-global-color-primary);
}
.tribe-events .tribe-events-c-ical__link:before {
display: none;
}
.tribe-events .tribe-events-c-ical__link:hover,
.tribe-events .tribe-events-c-ical__link:active,
.tribe-events .tribe-events-c-ical__link:focus {
background-color: var(--e-global-color-primary);
}
.tribe-common .tribe-common-c-btn,
.tribe-common a.tribe-common-c-btn {
background: var(--e-global-color-primary);
}
.tribe-common .tribe-common-c-btn:hover,
.tribe-common .tribe-common-c-btn:active,
.tribe-common .tribe-common-c-btn:focus,
.tribe-common a.tribe-common-c-btn:hover,
.tribe-common a.tribe-common-c-btn:active,
.tribe-common a.tribe-common-c-btn:focus {
background: var(--e-global-color-primary);
opacity: 0.8;
}
.tribe-events-l-container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.tribe-events-calendar-list .tribe-events-calendar-list__month-separator {
margin-bottom: 30px;
}
.event-layout-list .event-list-item {
margin-bottom: 30px;
}
.tribe-events-single {
margin: 65px 0 100px !important;
}
@media (max-width: 1024px) {
.tribe-events-single {
margin: 45px 0 60px !important;
}
}
.tribe-events-single .tribe-events-back {
margin-bottom: 5px;
}
.tribe-events-single .tribe-events-single-event-title {
font-size: 32px;
line-height: 42px;
margin-bottom: 15px;
color: var(--pisole-heading-color);
}
.tribe-events-single .tribe-event-content-inner .tribe-events-event-image {
text-align: center;
}
.tribe-events-single .tribe-events-schedule {
color: #171717;
}
.tribe-events-single .tribe-events-schedule .icon {
margin-right: 6px;
color: var(--e-global-color-primary);
}
.tribe-events-single .tribe-events-single-event-description {
font-size: 16px;
color: var(--pisole-body-color);
}
.tribe-events-single .tribe-events-event-meta {
background: none;
border: none;
margin: 0;
padding: 0;
}
.tribe-events-single .tribe-events-event-meta .tribe-events-single-section-title {
font-size: 20px;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-single-detail {
padding: 30px;
border: 1px solid #e2dfeb;
-webkit-box-shadow: 0px 20px 20px 0px rgba(63, 56, 54, 0.04);
box-shadow: 0px 20px 20px 0px rgba(63, 56, 54, 0.04);
margin-top: 30px;
width: 100%;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-single-detail .tribe-events-single-section-title {
display: none;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-single-detail .tribe-event-single-meta-detail>div {
float: left;
margin-right: 20px;
font-size: 16px;
font-weight: 500;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-single-detail .tribe-event-single-meta-detail>div .icon {
color: var(--e-global-color-primary);
margin-right: 3px;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-single-detail .tribe-event-single-meta-detail>div a {
color: var(--pisole-body-color);
}
.tribe-events-single .tribe-events-event-meta .tribe-event-single-detail .tribe-event-single-meta-detail>div a:hover {
text-decoration: underline;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-single-detail .tribe-event-single-meta-detail .event-meta-tags dt,
.tribe-events-single .tribe-events-event-meta .tribe-event-single-detail .tribe-event-single-meta-detail .event-meta-tags dd {
clear: none;
display: inline;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom {
margin: 50px 0;
width: 100%;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .tribe-events-meta-group {
width: 100%;
padding: 0;
margin: 0;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .tribe-events-meta-group .tribe-events-single-section-title {
color: #fff;
margin: 0 0 25px;
font-weight: 600;
font-family: var(--pisole-heading-font-family);
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .tribe-events-venue-map {
padding: 0;
margin: 0;
width: 100%;
border: none;
border-radius: 0;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .tribe-events-venue-map>div,
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .tribe-events-venue-map>iframe {
min-height: 310px;
max-height: 310px;
margin-bottom: -6px;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-organizer {
overflow: hidden;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-organizer>.content-inner {
background: #171717;
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: #171717;
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: 0;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-organizer>.content-inner .meta-item .icon svg {
fill: var(--e-global-color-primary);
width: 22px;
height: auto;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue {
overflow: hidden;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue .tribe-events-single-section-title {
color: #fff;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue>.content-inner {
background: var(--e-global-color-primary);
position: relative;
float: left;
width: 100%;
color: #fff;
padding: 45px 50px;
}
@media (max-width: 991.98px) {
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue>.content-inner {
padding: 50px 30px;
}
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue>.content-inner:after {
content: '';
background: var(--e-global-color-primary);
width: 100%;
height: 200px;
position: absolute;
top: 100%;
left: 0;
z-index: 1;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue>.content-inner a {
color: #fff;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue>.content-inner a:hover {
text-decoration: underline;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue .meta-item {
font-weight: 500;
font-size: 16px;
margin-bottom: 15px;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue .meta-item .icon {
margin-right: 10px;
display: inline-block;
position: relative;
top: 0;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue .meta-item .icon svg {
fill: #fff;
width: 22px;
height: auto;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue .meta-item .tribe-events-address {
font-size: 14px;
line-height: 24px;
}
.tribe-events-single .tribe-events-c-subscribe-dropdown .tribe-common-c-btn-border {
white-space: nowrap;
width: auto;
padding: 15px;
}
.post-type-archive-tribe_events #tribe-events-bar {
background: #fff;
border: 1px solid #e2dfeb;
}
.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 #e2dfeb;
}
.post-type-archive-tribe_events #tribe-events-bar #tribe-bar-form .tribe-bar-submit .tribe-events-button {
background: #171717;
}
.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 #e2dfeb;
}
.post-type-archive-tribe_events table.tribe-events-calendar {
border-left: 0 !important;
border-right: 0 !important;
border-bottom-color: #e2dfeb;
}
.post-type-archive-tribe_events table.tribe-events-calendar thead th {
background: none;
color: #171717;
text-align: left;
border: none;
border-bottom: 1px solid #e2dfeb;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody {
border-left: 1px solid #e2dfeb;
border-right: 1px solid #e2dfeb;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td {
border-color: #e2dfeb !important;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td div[id*=tribe-events-daynum-],
.post-type-archive-tribe_events table.tribe-events-calendar tbody td div[id*=tribe-events-daynum-]>a {
background: none !important;
font-size: 20px;
color: #141827;
font-weight: 500;
padding-top: 10px;
padding-left: 10px;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td .tribe-events-month-event-title {
font-size: 14px !important;
line-height: 22px !important;
font-weight: 500 !important;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td .tribe-events-tooltip {
padding: 20px;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td .tribe-events-tooltip .entry-title {
margin-bottom: 15px;
font-size: 20px;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td .tribe-events-tooltip .tribe-events-event-body .tribe-event-duration {
font-size: 14px;
color: var(--e-global-color-primary);
font-weight: 500;
width: 100%;
margin-bottom: 15px;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td .tribe-events-tooltip .tribe-events-event-body .tribe-events-event-thumb {
width: 90px;
margin-right: 1px;
margin-bottom: 1px;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td .tribe-events-tooltip .tribe-events-event-body .tribe-events-event-thumb img {
max-width: 100%;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td .tribe-events-tooltip .tribe-events-event-body .tribe-event-description {
font-size: 14px;
line-height: 24px;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td:hover {
background: none !important;
border-bottom: 2px solid var(--e-global-color-primary) !important;
}
.events-list .tribe-events-loop,
.single-tribe_organizer .tribe-events-loop,
.single-tribe_venue .tribe-events-loop,
.tribe-events-day .tribe-events-loop {
max-width: 100%;
}
#tribe-events,
#tribe-events-pg-template,
.tribe-events-pg-template {
padding: 0;
}
.tribe-events-sub-nav li a {
background: none !important;
padding: 0 !important;
color: #171717;
}
.portfolio-filter {
margin-bottom: 25px;
width: 100%;
}
.portfolio-filter ul.nav-tabs {
display: inline-block;
text-align: center;
border: none;
width: 100%;
}
.portfolio-filter ul.nav-tabs>li {
padding: 5px 8px 0;
}
.portfolio-filter ul.nav-tabs>li>a {
font-weight: 500;
color: #171717;
-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: #171717;
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(--pisole-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: #171717;
}
.portfolio-filter ul.nav-tabs>li>a:hover:after,
.portfolio-filter ul.nav-tabs>li>a.active:after {
width: 100%;
}
.portfolio-filter ul.nav-tabs>li>a:hover .count,
.portfolio-filter ul.nav-tabs>li>a.active .count {
top: -10px;
opacity: 1;
}
.gva-portfolio-grid .portfolio-one__single {
margin-bottom: 30px;
}
.gva-portfolio-items {
float: left;
width: 100%;
}
.portfolio-one__single {
position: relative;
width: 100%;
}
.portfolio-one__image {
position: relative;
text-align: center;
overflow: hidden;
}
.portfolio-one__image:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(23, 23, 23, 0.5);
-webkit-transition: all 0.8s;
transition: all 0.8s;
}
.portfolio-one__content {
padding: 50px 30px 50px;
padding-left: 60px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media (max-width: 1600px) {
.portfolio-one__content {
padding: 20px 30px 30px;
}
}
.portfolio-one__content:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: var(--e-global-color-primary);
z-index: -1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.portfolio-one__title {
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
font-size: 24px;
font-weight: 600;
line-height: normal;
margin-top: 5px;
margin-bottom: 0;
}
.portfolio-one__title a {
color: #fff;
}
.portfolio-one__title a:hover,
.portfolio-one__title a:focus,
.portfolio-one__title a:active {
text-decoration: underline;
}
.portfolio-one__number {
margin-top: -7px;
-webkit-box-flex: 0;
-ms-flex: 0 0 40px;
flex: 0 0 40px;
margin-right: 20px;
color: rgba(255, 255, 255, 0.2);
font-size: 60px;
line-height: 1;
font-weight: 600;
font-family: var(--pisole-heading-font-family);
}
.portfolio-one__category {
line-height: 1;
color: #fff;
}
.portfolio-one__category a {
font-size: 12px;
font-family: var(--pisole-heading-font-family);
color: #fff;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1.2px;
}
.portfolio-one__category a:hover,
.portfolio-one__category a:focus,
.portfolio-one__category a:active {
text-decoration: underline;
color: #fff;
}
.portfolio-one__single:hover .portfolio-one__content:before {
width: 100%;
}
.portfolio-two__single {
position: relative;
max-width: 680px;
margin: 0 auto 30px;
}
.portfolio-two__image {
position: relative;
text-align: center;
z-index: 1;
overflow: hidden;
}
.portfolio-two__link {
display: block;
}
.portfolio-two__link:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: #171717;
-webkit-transition: all 0.35s;
transition: all 0.35s;
opacity: 0;
}
.portfolio-two__link img {
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.portfolio-two__content {
position: absolute;
left: 20px;
right: 20px;
bottom: 20px;
top: 20px;
padding: 40px;
background: rgba(237, 59, 59, 0.9);
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
z-index: 1;
}
@media (max-width: 1024px) {
.portfolio-two__content {
padding: 20px;
}
}
.portfolio-two__category {
position: relative;
font-size: 12px;
letter-spacing: 1.4px;
font-weight: 600;
text-transform: uppercase;
font-family: var(--pisole-heading-font-family);
color: #fff;
}
.portfolio-two__category a {
color: #fff;
}
.portfolio-two__category a:hover {
text-decoration: underline;
}
.portfolio-two__title {
font-size: 24px;
line-height: 1.25;
margin-top: 0;
margin-bottom: 0;
text-transform: uppercase;
}
@media (max-width: 1024px) {
.portfolio-two__title {
font-size: 20px;
}
}
.portfolio-two__title a {
color: #fff;
}
.portfolio-two__title a:hover {
text-decoration: underline;
}
.portfolio-two__arrow {
width: 68px;
height: 68px;
background: #fff;
color: var(--e-global-color-secondary);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 0;
right: 0;
z-index: 9;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.portfolio-two__arrow span {
display: inline-block;
background: var(--e-global-color-secondary);
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-two__arrow .line-1 {
width: 24px;
height: 2px;
}
.portfolio-two__arrow .line-2 {
width: 2px;
height: 24px;
}
.portfolio-two__arrow:hover span {
background: var(--e-global-color-primary);
}
.portfolio-two__single:hover .portfolio-two__content,
.portfolio-two__single:active .portfolio-two__content,
.portfolio-two__single:focus .portfolio-two__content {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.portfolio-two__single:hover .portfolio-two__link:after,
.portfolio-two__single:active .portfolio-two__link:after,
.portfolio-two__single:focus .portfolio-two__link:after {
opacity: 0.5;
}
.portfolio-three__single {
position: relative;
max-width: 570px;
margin: 0 auto 30px;
}
.portfolio-three__image {
text-align: center;
}
.portfolio-three__content {
position: absolute;
left: 0;
bottom: 0;
padding: 45px 50px;
background: rgba(23, 23, 23, 0.9);
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
z-index: 1;
}
@media (max-width: 1024px) {
.portfolio-three__content {
padding: 30px;
}
}
.portfolio-three__title {
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
font-size: 24px;
line-height: 28px;
margin-top: 5px;
margin-bottom: 0;
}
.portfolio-three__title a {
color: #fff;
}
.portfolio-three__title a:hover,
.portfolio-three__title a:focus,
.portfolio-three__title a:active {
text-decoration: underline;
}
@media (max-width: 1024px) {
.portfolio-three__title {
font-size: 18px;
}
}
.portfolio-three__category {
line-height: 1;
color: var(--e-global-color-primary);
}
.portfolio-three__category a {
font-size: 14px;
font-weight: 600;
letter-spacing: 1.2px;
font-family: var(--pisole-heading-font-family);
color: var(--e-global-color-primary);
text-transform: uppercase;
}
.portfolio-three__category a:hover,
.portfolio-three__category a:focus,
.portfolio-three__category a:active {
text-decoration: underline;
color: #fff;
}
.portfolio-three__arrow {
position: absolute;
right: 0;
top: -20px;
z-index: 2;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.portfolio-three__arrow a {
height: 50px;
width: 50px;
line-height: 50px;
font-size: 16px;
background: var(--e-global-color-primary);
color: #fff;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
display: inline-block;
text-align: center;
}
.portfolio-three__single:hover .portfolio-three__content {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.swiper-slide.center .portfolio-two__content {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.swiper-slide.center .portfolio-two__link:after {
opacity: 0.5;
}
.swiper-slide.center .portfolio-three__content {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
/*------------------------------------------------------------------*\
9 - PAGE STYLE
\*------------------------------------------------------------------*/
.ajax-loading {
display: none;
}
.index-main-page {
margin-top: 30px;
}
.wrapper-page .heading-title {
text-transform: capitalize;
margin-bottom: 0;
display: block;
font-size: 20px;
margin-top: 15px;
}
#wp-main-content {
min-height: 50px;
}
.pagination .disabled {
background: var(--e-global-color-primary);
color: #fff;
}
.pagination .current {
background: var(--e-global-color-primary);
color: #fff;
}
.page.white .wp-content article {
background: #fff;
padding: 20px;
}
/*
** Page 404
*/
body.error404 .header-default {
border-bottom: 2px solid #e2dfeb;
}
body.error404 .breadcrumb-container-inner {
padding: 150px 0 100px;
}
body.error404 .breadcrumb-container-inner .breadcrumb {
display: none;
}
body.error404.header_178 .header-builder-inner {
background: #171717;
position: relative;
}
.not-found-wrapper {
padding: 70px 0 100px;
}
@media (max-width: 991.98px) {
.not-found-wrapper {
padding: 80px 0 80px;
}
}
.not-found-wrapper .not-found-image {
max-width: var(--pisole-nfpage-image-width);
margin: 0 auto;
}
.not-found-wrapper .not-found-title h1 {
font-size: 38px;
line-height: 1;
margin: 20px 0 25px;
}
@media (max-width: 1024.98px) {
.not-found-wrapper .not-found-title h1 {
font-size: 32px;
}
}
@media (max-width: 991.98px) {
.not-found-wrapper .not-found-title h1 {
font-size: 28px;
}
}
.not-found-wrapper .not-found-desc {
font-size: 18px;
max-width: 550px;
margin: 0 auto;
}
.not-found-wrapper .not-found-home {
margin-top: 30px;
}
.not-found-wrapper .not-found-home>a {
padding: 20px 35px;
}
.not-found-wrapper .not-found-home>a:after {
display: none;
}
.not-found-wrapper .not-found-home>a i {
margin-right: 10px;
position: relative;
top: 1px;
}
.woocommerce-cart h2 {
font-size: 25px;
}
.woocommerce-cart .shipping_calculator {
margin-bottom: 30px;
}
.woocommerce-cart .cart-collaterals {
margin-bottom: 40px;
margin-top: 50px;
}
.woocommerce-cart .actions input[name^="update_cart"] {
float: right;
margin-top: 5px;
}
.woocommerce-cart .actions .coupon {
float: left;
margin-bottom: 10px;
}
@media (max-width: 767.98px) {
.woocommerce-cart .actions .coupon {
width: 100%;
}
}
.main-page-index {
margin-top: 90px;
margin-bottom: 50px;
}
.content-page-index .post-masonry-index .post.sticky .post-one__content:before {
content: '\f02e';
font-family: "Font Awesome 5 Free";
position: absolute;
top: 0;
right: 20px;
color: var(--e-global-color-primary);
font-size: 18px;
z-index: 1;
line-height: 1;
}
.search-no-results .main-page-content .search-no-results-content {
padding: 30px;
background: #f4f4f4;
margin-bottom: 30px;
width: 100%;
float: none;
}
.search-no-results .main-page-content .search-no-results-content .message {
color: #171717;
}
body.page .content-page-inner h1.title {
margin-bottom: 30px;
}
body.archive #tribe-events {
padding: 35px 0 60px;
}
@media (max-width: 575.98px) {
body.archive #tribe-events {
padding: 10px 0 30px;
}
}
.single-page-template .single-content-inner.container,
.single-page-template .single-content-inner>.container,
.single-post-template .single-content-inner.container,
.single-post-template .single-content-inner>.container {
padding: 30px 0 50px;
}
/*------------------------------------------------------------------*\
10 - FORM STYLE
\*------------------------------------------------------------------*/
.style-white .wpcf7-form input,
.style-white .wpcf7-form textarea,
.style-white .wpcf7-form select,
.style-white .wpcf7 input,
.style-white .wpcf7 textarea,
.style-white .wpcf7 select {
background: #fff;
}
.style-white .wpcf7-form textarea,
.style-white .wpcf7 textarea {
max-height: 130px;
}
.wpcf7-form,
.wpcf7 {
max-width: 950px;
margin: 0 auto;
}
.wpcf7-form .row,
.wpcf7 .row {
margin: 0 -10px;
}
.wpcf7-form .row>div,
.wpcf7 .row>div {
padding: 0 10px;
}
.wpcf7-form p,
.wpcf7 p {
margin-bottom: 20px;
font-weight: 600;
}
.wpcf7-form .wpcf7-form-control-wrap,
.wpcf7 .wpcf7-form-control-wrap {
display: block;
margin-bottom: 22px;
}
.wpcf7-form label,
.wpcf7 label {
display: inline-block;
font-weight: 500;
color: #171717;
margin-bottom: 5px;
}
.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7 input,
.wpcf7 textarea {
background: #f4f4f4;
}
.wpcf7-form input::-webkit-input-placeholder,
.wpcf7-form textarea::-webkit-input-placeholder,
.wpcf7 input::-webkit-input-placeholder,
.wpcf7 textarea::-webkit-input-placeholder {
color: var(--pisole-body-color);
font-weight: 500;
font-size: 14px;
}
.wpcf7-form input::-moz-placeholder,
.wpcf7-form textarea::-moz-placeholder,
.wpcf7 input::-moz-placeholder,
.wpcf7 textarea::-moz-placeholder {
color: var(--pisole-body-color);
font-weight: 500;
font-size: 14px;
}
.wpcf7-form input:-ms-input-placeholder,
.wpcf7-form textarea:-ms-input-placeholder,
.wpcf7 input:-ms-input-placeholder,
.wpcf7 textarea:-ms-input-placeholder {
color: var(--pisole-body-color);
font-weight: 500;
font-size: 14px;
}
.wpcf7-form input:-moz-placeholder,
.wpcf7-form textarea:-moz-placeholder,
.wpcf7 input:-moz-placeholder,
.wpcf7 textarea:-moz-placeholder {
color: var(--pisole-body-color);
font-weight: 500;
font-size: 14px;
}
.wpcf7-form input[type*="email"],
.wpcf7-form input[type*="text"],
.wpcf7-form input[type*="tel"],
.wpcf7 input[type*="email"],
.wpcf7 input[type*="text"],
.wpcf7 input[type*="tel"] {
width: 100%;
height: 60px;
padding: 0 15px;
border: none !important;
border: 1px solid transparent !important;
font-size: 14px;
border-radius: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.wpcf7-form input[type*="email"]:focus,
.wpcf7-form input[type*="email"]:active,
.wpcf7-form input[type*="text"]:focus,
.wpcf7-form input[type*="text"]:active,
.wpcf7-form input[type*="tel"]:focus,
.wpcf7-form input[type*="tel"]:active,
.wpcf7 input[type*="email"]:focus,
.wpcf7 input[type*="email"]:active,
.wpcf7 input[type*="text"]:focus,
.wpcf7 input[type*="text"]:active,
.wpcf7 input[type*="tel"]:focus,
.wpcf7 input[type*="tel"]:active {
border-color: var(--e-global-color-primary) !important;
}
.wpcf7-form select,
.wpcf7 select {
background: #f4f4f4;
border: 1px solid transparent !important;
line-height: 60px;
height: 60px;
width: 100%;
color: var(--pisole-body-color);
font-size: 14px;
}
.wpcf7-form select:focus,
.wpcf7-form select:active,
.wpcf7 select:focus,
.wpcf7 select:active {
border-color: var(--e-global-color-primary) !important;
}
.wpcf7-form textarea,
.wpcf7 textarea {
width: 100%;
padding: 10px 20px;
max-height: 180px;
border: none !important;
border: 1px solid transparent !important;
font-size: 14px;
border-radius: 0;
}
.wpcf7-form textarea:focus,
.wpcf7-form textarea:active,
.wpcf7 textarea:focus,
.wpcf7 textarea:active {
border-color: var(--e-global-color-primary) !important;
}
.wpcf7-form textarea.size-medium,
.wpcf7 textarea.size-medium {
max-height: 135px;
}
.wpcf7-form .form-action,
.wpcf7 .form-action {
text-align: center;
padding: 0;
position: relative;
}
.wpcf7-form .form-action input,
.wpcf7 .form-action input {
padding: 22px 50px 22px !important;
}
.wpcf7-form .form-action .ajax-loader,
.wpcf7 .form-action .ajax-loader {
position: absolute;
right: 0;
top: 50%;
margin-top: -8px;
}
.form-white .wpcf7-form input[type*="email"],
.form-white .wpcf7-form input[type*="text"],
.form-white .wpcf7-form input[type*="tel"] {
background: #fff;
border: 1px solid #e2dfeb !important;
border-radius: 6px;
}
.form-white select {
background: #fff;
border: 1px solid #e2dfeb !important;
border-radius: 6px;
}
.form-white textarea {
border-radius: 6px;
background: #fff;
border: 1px solid #e2dfeb !important;
}
.form-white textarea:focus,
.form-white textarea:active {
border-color: var(--e-global-color-primary) !important;
}
.newsletter__form {
position: relative;
max-width: 800px;
overflow: hidden;
}
.newsletter__content {
position: relative;
}
.newsletter__content input[type="email"] {
text-align: left;
width: 100%;
height: 50px;
line-height: 1;
padding: 0 15px;
padding-left: 20px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
font-size: 14px;
color: var(--pisole-body-color);
background: #fff;
border: none;
border-radius: 0;
}
@media (max-width: 500px) {
.newsletter__content input[type="email"] {
width: 100%;
margin-right: 0;
}
}
.newsletter__content input[type="email"]::-webkit-input-placeholder {
color: var(--pisole-body-color);
font-size: 14px;
font-weight: 500;
}
.newsletter__content input[type="email"]::-moz-placeholder {
color: var(--pisole-body-color);
font-size: 14px;
font-weight: 500;
}
.newsletter__content input[type="email"]:-ms-input-placeholder {
color: var(--pisole-body-color);
font-size: 14px;
font-weight: 500;
}
.newsletter__content input[type="email"]:-moz-placeholder {
color: var(--pisole-body-color);
font-size: 14px;
font-weight: 500;
}
.newsletter__action {
position: absolute;
right: 4px;
top: 4px;
bottom: 4px;
width: 42px;
background: #1e1d28;
text-align: center;
color: #fff;
background: var(--e-global-color-primary);
height: 42px;
line-height: 42px;
border-radius: 50%;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.newsletter__action:hover {
background: var(--e-global-color-secondary);
color: #fff;
}
.newsletter__submit {
position: absolute !important;
width: 100%;
height: 100%;
left: 0;
right: 0;
z-index: 11;
opacity: 0 !important;
font-size: 0 !important;
color: transparent !important;
padding: 0 !important;
}
.newsletter-v2 input.newsletter-submit {
background: var(--e-global-color-primary) !important;
}
/*------------------------------------------------------------------*\
11 - COMMENT STYLE
\*------------------------------------------------------------------*/
#comments {
margin-top: 15px;
}
#comments:before,
#comments:after {
content: " ";
display: table;
}
#comments:after {
clear: both;
}
#comments .title,
#comments .comments-title {
font-size: 24px;
position: relative;
color: var(--e-global-color-secondary);
text-transform: uppercase;
}
@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(--e-global-color-primary);
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
}
#comments input[type*="email"],
#comments input[type*="text"],
#comments textarea {
padding-left: 10px;
padding-right: 10px;
min-height: 68px;
background: #f4f4f4;
-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(--pisole-body-color);
}
#comments input[type*="email"]::-moz-placeholder,
#comments input[type*="text"]::-moz-placeholder,
#comments textarea::-moz-placeholder {
color: var(--pisole-body-color);
}
#comments input[type*="email"]:-ms-input-placeholder,
#comments input[type*="text"]:-ms-input-placeholder,
#comments textarea:-ms-input-placeholder {
color: var(--pisole-body-color);
}
#comments input[type*="email"]:-moz-placeholder,
#comments input[type*="text"]:-moz-placeholder,
#comments textarea:-moz-placeholder {
color: var(--pisole-body-color);
}
#comments input[type*="email"],
#comments input[type*="text"] {
height: 68px;
padding: 0 20px;
line-height: 68px;
}
#comments textarea {
padding: 20px;
}
#comments .comment-rating {
margin-bottom: 15px;
}
#comments #add_review_button,
#comments #submit {
font-size: 14px;
z-index: 9;
display: inline-block;
text-decoration: none;
width: auto;
}
#comments #add_review_button {
margin-bottom: 20px;
}
#comments .headline {
height: 30px;
text-align: left;
margin-bottom: 10px;
}
#comments .headline h2 {
padding: 0;
}
#comments .headline a {
text-transform: uppercase;
float: right;
margin-top: 2px;
font-size: 12px;
}
#comments #reply-title {
font-size: 28px;
color: var(--e-global-color-primary);
margin: 0;
position: relative;
}
#comments #reply-title:before,
#comments #reply-title:after {
content: " ";
display: table;
}
#comments #reply-title:after {
clear: both;
}
#comments #reply-title small {
float: right;
font-weight: 500;
font-size: 14px;
line-height: 39px;
position: absolute;
top: 0;
right: 0;
z-index: 11;
}
#comments .comment-notes {
margin-bottom: 20px;
}
#comments .comment-form-main {
margin-top: 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 .comment-form .form-group {
margin-bottom: 20px;
}
#comments .comment-form-main .logged-in-as,
#comments .comment-form-main .h-info {
margin-bottom: 30px;
margin-top: 0;
}
#comments .comment-form-main .row {
margin-left: -8px;
margin-right: -8px;
}
#comments .comment-form-main .row>div {
padding-left: 8px;
padding-right: 8px;
}
#comments .comment-form-main .form-submit {
margin-bottom: 20px;
}
#comments ol.comment-list {
list-style: none;
width: 100%;
float: left;
margin: 0;
padding: 0;
display: block;
float: left;
width: 100%;
}
#comments ol.comment-list .comment-body {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
#comments ol.comment-list .comment-body p {
margin-bottom: 5px;
}
#comments ol.comment-list>li {
width: 100%;
float: left;
position: relative;
}
#comments ol.comment-list>li:before {
display: none;
}
#comments ol.comment-list>li li {
position: relative;
}
#comments ol.comment-list>li li:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
#comments ol.comment-list>li:last-child {
padding-bottom: 0;
}
#comments ol.comment-list>li:last-child>.the-comment {
margin-bottom: 18px;
}
#comments ol.comment-list li #respond {
float: left;
width: 100%;
margin: 5px 0 38px;
display: block !important;
}
#comments ol.comment-list li #respond #reply-title {
display: block;
padding-top: 0;
}
#comments ol.comment-list li #respond #reply-title .comments-title {
padding-top: 0;
}
#comments ol.comment-list li #respond #reply-title #cancel-comment-reply-link {
font-family: var(--pisole-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 #e2dfeb;
padding-bottom: 28px;
margin-bottom: 35px;
position: relative;
}
#comments ol.comment-list .the-comment .media-comment-left {
min-width: 90px;
float: left;
}
@media (max-width: 767.98px) {
#comments ol.comment-list .the-comment .media-comment-left {
min-width: 70px;
}
}
@media (max-width: 490px) {
#comments ol.comment-list .the-comment .media-comment-left {
display: block;
}
#comments ol.comment-list .the-comment .media-comment-left .author-image {
margin-bottom: 8px;
}
}
#comments ol.comment-list .the-comment .media-comment-left .author-image {
padding-top: 6px;
}
#comments ol.comment-list .the-comment .media-comment-left .author-image img {
width: 70px;
height: 70px;
overflow: hidden;
border-radius: 50%;
}
@media (max-width: 767.98px) {
#comments ol.comment-list .the-comment .media-comment-left .author-image img {
width: 55px;
height: 55px;
}
}
#comments ol.comment-list .the-comment .media-comment-body {
padding-left: 91px;
}
@media (max-width: 767.98px) {
#comments ol.comment-list .the-comment .media-comment-body {
padding-left: 71px;
}
}
@media (max-width: 500px) {
#comments ol.comment-list .the-comment .media-comment-body {
display: block;
width: 100%;
padding-left: 0;
}
}
#comments ol.comment-list .the-comment .author-meta {
line-height: 1.8;
position: relative;
margin-bottom: 5px;
}
#comments ol.comment-list .the-comment .author-meta a {
font-size: 14px;
}
#comments ol.comment-list .the-comment .author-meta .fn {
font-weight: 500;
display: block;
width: 100%;
font-size: 18px;
font-style: normal;
color: #171717;
}
#comments ol.comment-list .the-comment .author-meta .fn a {
font-size: 18px;
text-transform: uppercase;
font-family: var(--pisole-heading-font-family);
}
#comments ol.comment-list .the-comment .comment-meta {
display: block;
font-size: 12px;
text-transform: uppercase;
margin-bottom: 5px;
color: #676767;
}
#comments ol.comment-list .the-comment .comment-info {
position: relative;
padding-left: 22px;
}
#comments ol.comment-list .the-comment .comment-info:after {
content: '';
width: 12px;
height: 2px;
background: var(--e-global-color-primary);
position: absolute;
top: 12px;
left: 0;
z-index: 1;
}
#comments ol.comment-list .the-comment .comment-info a {
color: #999;
}
#comments ol.comment-list .the-comment .comment-info a:hover {
color: var(--e-global-color-primary);
}
#comments ol.comment-list .the-comment .comment-body {
position: relative;
margin-top: 10px;
}
@media (max-width: 500px) {
#comments ol.comment-list .the-comment .comment-body {
display: block;
float: left;
width: 100%;
margin-bottom: 5px;
}
}
#comments ol.comment-list .the-comment .comment-body img {
margin-bottom: 5px;
}
#comments ol.comment-list .the-comment .awaiting_moderation {
display: block;
position: absolute;
bottom: 0;
right: 0;
color: #fff;
font-weight: bold;
text-transform: uppercase;
font-size: 8px;
padding: 2px 4px;
font-style: normal;
}
#comments ol.comment-list .the-comment .comment-action-wrap {
position: absolute;
top: 2px;
right: 0;
}
@media (max-width: 560px) {
#comments ol.comment-list .the-comment .comment-action-wrap {
position: relative;
top: 0;
margin-top: 10px;
}
}
#comments ol.comment-list .the-comment .comment-action-wrap a {
color: var(--e-global-color-primary);
display: inline-block;
font-weight: 500;
font-size: 14px;
}
#comments ol.comment-list .the-comment .comment-action-wrap a.comment-edit-link {
color: #171717;
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 #e2dfeb;
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: #171717;
}
.pingbacklist>li .the-comment .author-meta .fn a {
font-size: 16px;
}
.pingbacklist>li .the-comment .comment-meta {
display: block;
font-size: 12px;
text-transform: uppercase;
margin-bottom: 5px;
color: #676767;
}
.pingbacklist>li .the-comment .comment-info {
position: relative;
padding-left: 22px;
}
.pingbacklist>li .the-comment .comment-info:after {
content: '';
width: 12px;
height: 2px;
background: var(--e-global-color-primary);
position: absolute;
top: 8px;
left: 0;
z-index: 1;
}
.pingbacklist>li .the-comment .comment-info a {
color: #999;
}
.pingbacklist>li .the-comment .comment-info a:hover {
color: var(--e-global-color-primary);
}
.pingbacklist>li .the-comment .comment-body {
position: relative;
margin-top: 10px;
}
@media (max-width: 500px) {
.pingbacklist>li .the-comment .comment-body {
display: block;
float: left;
width: 100%;
margin-bottom: 5px;
}
}
.pingbacklist>li .the-comment .comment-body img {
margin-bottom: 5px;
}
.pingbacklist>li .the-comment .awaiting_moderation {
display: block;
position: absolute;
bottom: 0;
right: 0;
color: #fff;
font-weight: bold;
text-transform: uppercase;
font-size: 8px;
padding: 2px 4px;
font-style: normal;
}
.pingbacklist>li .the-comment .comment-action-wrap {
position: absolute;
top: 2px;
right: 0;
}
@media (max-width: 560px) {
.pingbacklist>li .the-comment .comment-action-wrap {
position: relative;
top: 0;
margin-top: 10px;
}
}
.pingbacklist>li .the-comment .comment-action-wrap a {
color: var(--e-global-color-primary);
display: inline-block;
font-weight: 500;
font-size: 14px;
}
.pingbacklist>li .the-comment .comment-action-wrap a.comment-edit-link {
color: #171717;
margin-right: 15px;
}
.comment-with-review #lt-comment-reviews {
float: left;
width: 100%;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content {
margin: 20px 0 20px;
position: relative;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner {
padding-right: 210px;
}
@media (max-width: 640px) {
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner {
padding-right: 0;
}
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item {
width: 50%;
float: left;
margin-bottom: 30px;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item:nth-of-type(2n+1) {
clear: both;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item label {
display: block;
font-weight: 500;
font-family: var(--pisole-heading-font-family);
font-weight: 600;
margin-bottom: 6px;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item .select-review {
float: left;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item .select-review .star {
float: right;
cursor: pointer;
color: #DEE2E8;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item .select-review .star:hover,
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item .select-review .star.active {
color: #FFA60C;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item .select-review .star:hover~.star,
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item .select-review .star.active~.star {
color: #FFA60C;
cursor: pointer;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .avg-total-tmp {
width: 200px;
padding: 45px 20px;
background: #f4f4f4;
border-radius: 4px;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 640px) {
.comment-with-review #lt-comment-reviews .comment-reviews-content .avg-total-tmp {
position: relative;
width: 100%;
margin-bottom: 30px;
}
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .avg-total-tmp span {
display: block;
text-align: center;
font-family: var(--pisole-heading-font-family);
font-weight: 600;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .avg-total-tmp span.value {
font-size: 30px;
font-weight: 600;
color: var(--e-global-color-primary);
margin-bottom: 6px;
}
.cld-like-dislike-wrap {
position: relative;
top: 5px;
margin: 0;
}
.cld-like-dislike-wrap .cld-count-wrap {
margin-left: 0;
}
.cld-like-dislike-wrap .cld-like-wrap {
color: var(--e-global-color-primary);
}
.cld-like-dislike-wrap .cld-like-wrap a {
color: var(--e-global-color-primary);
}
.cld-like-dislike-wrap .cld-dislike-wrap {
color: #a0a0a0;
}
.cld-like-dislike-wrap .cld-dislike-wrap a {
color: #a0a0a0;
}
.listing-comments .comment-list .the-comment .media-comment-body .comment-body {
padding-bottom: 30px;
}
.listing-comments .comment-list .the-comment .media-comment-body .comment-body .cld-like-dislike-wrap {
position: absolute;
bottom: -6px;
top: auto !important;
}
.listing-comments .comment-list .the-comment .media-comment-body .comment-action-wrap {
bottom: 20px;
top: auto !important;
}
/*------------------------------------------------------------------*\
12 - EFFECT STYLE
\*------------------------------------------------------------------*/
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes beat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.82);
transform: scale(0.82);
}
}
@keyframes beat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.82);
transform: scale(0.82);
}
}
@-webkit-keyframes 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.4);
transform: scale(1.4);
opacity: 0;
}
}
@keyframes pulse-border {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(1.4);
transform: scale(1.4);
opacity: 0;
}
}
@-webkit-keyframes pulse-border-2 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(1.8);
transform: scale(1.8);
opacity: 0;
}
}
@keyframes pulse-border-2 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(1.8);
transform: scale(1.8);
opacity: 0;
}
}
@-webkit-keyframes shapeMover {
0%,
100% {
-webkit-transform: perspective(200px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
transform: perspective(200px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
}
50% {
-webkit-transform: perspective(200px) rotate(0deg) translateZ(10px) translateY(10px) translateX(10px);
transform: perspective(200px) rotate(0deg) translateZ(10px) translateY(10px) translateX(10px);
}
}
@keyframes shapeMover {
0%,
100% {
-webkit-transform: perspective(200px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
transform: perspective(200px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
}
50% {
-webkit-transform: perspective(200px) rotate(0deg) translateZ(10px) translateY(10px) translateX(10px);
transform: perspective(200px) rotate(0deg) translateZ(10px) translateY(10px) translateX(10px);
}
}
@-webkit-keyframes animation1 {
0%,
100% {
-webkit-transform: rotate(0deg) translateX(0);
transform: rotate(0deg) translateX(0);
}
25%,
75% {
-webkit-transform: rotate(5deg) translateX(15px);
transform: rotate(5deg) translateX(15px);
}
50% {
-webkit-transform: rotate(10deg) translateX(30px);
transform: rotate(10deg) translateX(30px);
}
}
/*** Animation 1 ***/
@-webkit-keyframes animation1 {
0%,
100% {
-webkit-transform: rotate(0deg) translateX(0);
transform: rotate(0deg) translateX(0);
}
25%,
75% {
-webkit-transform: rotate(5deg) translateX(15px);
transform: rotate(5deg) translateX(15px);
}
50% {
-webkit-transform: rotate(10deg) translateX(30px);
transform: rotate(10deg) translateX(30px);
}
}
@keyframes animation1 {
0%,
100% {
-webkit-transform: rotate(0deg) translateX(0);
transform: rotate(0deg) translateX(0);
}
25%,
75% {
-webkit-transform: rotate(5deg) translateX(15px);
transform: rotate(5deg) translateX(15px);
}
50% {
-webkit-transform: rotate(10deg) translateX(30px);
transform: rotate(10deg) translateX(30px);
}
}
/*** Animation 2 ***/
@animation2 {
0% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
100% {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
}
@-webkit-keyframes animation2 {
0% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
100% {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
}
@keyframes animation2 {
0% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
100% {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
}
/*** squareMover 2 ***/
@-webkit-keyframes squareMover {
0%,
100% {
-webkit-transform: translate(0, 0) rotate(0);
transform: translate(0, 0) rotate(0);
}
20%,
60% {
-webkit-transform: translate(20px, 40px) rotate(180deg);
transform: translate(20px, 40px) rotate(180deg);
}
30%,
80% {
-webkit-transform: translate(40px, 60px) rotate(0deg);
transform: translate(40px, 60px) rotate(0deg);
}
}
@keyframes squareMover {
0%,
100% {
-webkit-transform: translate(0, 0) rotate(0);
transform: translate(0, 0) rotate(0);
}
20%,
60% {
-webkit-transform: translate(20px, 40px) rotate(180deg);
transform: translate(20px, 40px) rotate(180deg);
}
30%,
80% {
-webkit-transform: translate(40px, 60px) rotate(0deg);
transform: translate(40px, 60px) rotate(0deg);
}
}
.effect-shape-1 {
-webkit-animation-name: squareMover;
animation-name: squareMover;
-webkit-animation-duration: 10s;
animation-duration: 10s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-perspective: 100px;
perspective: 100px;
-webkit-transform-origin: center center;
transform-origin: center center;
}
.effect-shape-2 {
-webkit-animation: animation1 5s ease-in infinite;
animation: animation1 5s ease-in infinite;
}
/*------------------------------------------------------------------*\
13 - CUSTOMIZE STYLE
\*------------------------------------------------------------------*/
.custom-breadcrumb {
position: relative;
background-color: #171717;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
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: 275px 0 140px;
text-align: center;
}
@media (max-width: 1199px) {
.custom-breadcrumb .breadcrumb-container-inner {
padding-bottom: 235px !important;
padding-top: 100px !important;
}
}
@media (max-width: 1024px) {
.custom-breadcrumb .breadcrumb-container-inner {
padding-bottom: 60px !important;
padding-top: 60px !important;
}
}
@media (max-width: 768px) {
.custom-breadcrumb .breadcrumb-container-inner {
padding-bottom: 40px !important;
padding-top: 40px !important;
}
}
.custom-breadcrumb .heading-title {
font-size: 36px;
color: #fff;
margin: 0;
text-transform: uppercase;
}
@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;
letter-spacing: 1.2px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.6);
font-family: var(--pisole-heading-font-family);
}
@media (max-width: 500px) {
.custom-breadcrumb .breadcrumb {
display: none;
}
}
.custom-breadcrumb .breadcrumb li {
float: left;
position: relative;
line-height: 1;
padding: 0 10px;
}
.custom-breadcrumb .breadcrumb li:after {
content: '/';
position: absolute;
bottom: 0;
left: -3px;
z-index: 1;
color: rgba(255, 255, 255, 0.6);
}
.custom-breadcrumb .breadcrumb li:first-child {
padding-left: 0;
}
.custom-breadcrumb .breadcrumb li:first-child:after {
display: none;
}
.custom-breadcrumb .breadcrumb li a {
color: rgba(255, 255, 255, 0.6);
}
.custom-breadcrumb .breadcrumb li a:hover {
color: var(--e-global-color-primary);
}
.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 .custom-breadcrumb .breadcrumb-container-inner,
body.header_default .custom-breadcrumb .breadcrumb-container-inner {
padding: 90px 0;
}
body.header_default:not(.home) .heading-title {
display: none;
}
/*------------------------------------------------------------------*\
14 - PLUGIN STYLE
\*------------------------------------------------------------------*/
@media (max-width: 767.98px) {
.tparrows {
display: none !important;
}
}
ul.nav-tabs {
overflow: hidden;
display: inline-block;
}
ul.nav-tabs>li {
white-space: nowrap;
display: inline-block;
}
ul.nav-tabs>li>a {
margin: 0 6px;
background: transparent;
padding: 8px 15px;
font-size: 13px;
font-weight: 500;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
ul.nav-tabs>li>a:hover,
ul.nav-tabs>li>a:focus,
ul.nav-tabs>li>a:active {
color: var(--e-global-color-primary);
}
ul.nav-tabs>li.active>a {
background: var(--e-global-color-primary);
}
#gva-filter-overlay,
#gva-overlay {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
top: 0;
left: 0;
z-index: 99;
display: none;
}
#gva-filter-overlay.open,
#gva-overlay.open {
display: block;
}
#gva-filter-overlay:hover,
#gva-overlay:hover {
cursor: pointer;
}
.swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 25%;
}
@media (max-width: 768px) {
.swiper-slide {
width: 100%;
}
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.swiper-content-inner {
margin: 0 -15px;
overflow: hidden;
}
.swiper-content-inner .init-carousel-swiper,
.swiper-content-inner .init-carousel-swiper-theme {
padding: 0 15px;
overflow: visible;
max-height: 320px;
}
.swiper-content-inner .init-carousel-swiper:after,
.swiper-content-inner .init-carousel-swiper-theme:after {
content: "";
background: url("../images/preloader.gif") no-repeat center center #fff;
position: absolute;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100%;
}
.swiper-content-inner .init-carousel-swiper .swiper-wrapper,
.swiper-content-inner .init-carousel-swiper-theme .swiper-wrapper {
opacity: 0;
}
.swiper-content-inner .init-carousel-swiper .swiper-wrapper>.swiper-slide:not(:first-child),
.swiper-content-inner .init-carousel-swiper-theme .swiper-wrapper>.swiper-slide:not(:first-child) {
display: none;
}
.swiper-content-inner .init-carousel-swiper.swiper-initialized,
.swiper-content-inner .init-carousel-swiper.swiper-container-initialized,
.swiper-content-inner .init-carousel-swiper-theme.swiper-initialized,
.swiper-content-inner .init-carousel-swiper-theme.swiper-container-initialized {
max-height: initial;
}
.swiper-content-inner .init-carousel-swiper.swiper-initialized:after,
.swiper-content-inner .init-carousel-swiper.swiper-container-initialized:after,
.swiper-content-inner .init-carousel-swiper-theme.swiper-initialized:after,
.swiper-content-inner .init-carousel-swiper-theme.swiper-container-initialized:after {
display: none !important;
}
.swiper-content-inner .init-carousel-swiper.swiper-initialized .swiper-wrapper,
.swiper-content-inner .init-carousel-swiper.swiper-container-initialized .swiper-wrapper,
.swiper-content-inner .init-carousel-swiper-theme.swiper-initialized .swiper-wrapper,
.swiper-content-inner .init-carousel-swiper-theme.swiper-container-initialized .swiper-wrapper {
opacity: 1;
}
.swiper-content-inner .init-carousel-swiper.swiper-initialized .swiper-wrapper>.swiper-slide,
.swiper-content-inner .init-carousel-swiper.swiper-container-initialized .swiper-wrapper>.swiper-slide,
.swiper-content-inner .init-carousel-swiper-theme.swiper-initialized .swiper-wrapper>.swiper-slide,
.swiper-content-inner .init-carousel-swiper-theme.swiper-container-initialized .swiper-wrapper>.swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.margin-disable .swiper-content-inner {
margin: 0;
}
.margin-disable .swiper-content-inner .init-carousel-swiper,
.margin-disable .swiper-content-inner .init-carousel-swiper-theme {
padding: 0;
}
.swiper-slider-wrapper {
position: relative;
}
.swiper-slider-wrapper .swiper-nav-next,
.swiper-slider-wrapper .swiper-nav-prev {
width: 50px;
height: 50px;
line-height: 48px;
position: absolute;
top: 50%;
margin-top: -25px;
background: #fff;
border: 2px solid #fff;
-webkit-box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.1);
font-size: 16px;
color: var(--e-global-color-secondary);
-webkit-transition: all 0.35s;
transition: all 0.35s;
display: inline-block;
background-size: 10px;
opacity: 0;
z-index: 11;
}
@media (max-width: 1280px) {
.swiper-slider-wrapper .swiper-nav-next,
.swiper-slider-wrapper .swiper-nav-prev {
width: 46px;
height: 46px;
line-height: 46px;
font-size: 14px;
margin-top: -23px;
}
}
.swiper-slider-wrapper .swiper-nav-next:after,
.swiper-slider-wrapper .swiper-nav-prev:after {
font-family: 'picomoon';
text-align: center;
display: inline-block;
width: 100%;
font-weight: 900;
}
.swiper-slider-wrapper .swiper-nav-next:hover,
.swiper-slider-wrapper .swiper-nav-prev:hover {
/* background: linear-gradient(90deg, #513dc0, #bb2f73, #f9b10c); */
background: #332d89;
color: #fff;
}
.swiper-slider-wrapper .swiper-nav-next {
right: -35px !important;
}
@media (max-width: 1280px) {
.swiper-slider-wrapper .swiper-nav-next {
right: -12px !important;
}
}
.swiper-slider-wrapper .swiper-nav-next:after {
content: "\e90c";
}
.swiper-slider-wrapper .swiper-nav-prev {
left: -30px !important;
}
@media (max-width: 1280px) {
.swiper-slider-wrapper .swiper-nav-prev {
left: -12px !important;
}
}
.swiper-slider-wrapper .swiper-nav-prev:after {
content: '\e90d';
}
.swiper-slider-wrapper:hover .swiper-nav-next,
.swiper-slider-wrapper:hover .swiper-nav-prev {
opacity: 1;
}
.swiper-slider-wrapper:hover .swiper-nav-next:hover,
.swiper-slider-wrapper:hover .swiper-nav-next:focus,
.swiper-slider-wrapper:hover .swiper-nav-prev:hover,
.swiper-slider-wrapper:hover .swiper-nav-prev:focus {
opacity: 1;
}
.swiper-slider-wrapper .swiper-pagination {
text-align: center;
position: relative;
padding-top: 2px;
}
.swiper-slider-wrapper .swiper-pagination>span {
margin: 0 8px;
width: 12px;
height: 12px;
border-radius: 50%;
-webkit-transition: all 0.35s;
transition: all 0.35s;
background: #DDE2E3;
position: relative;
opacity: 1;
}
.swiper-slider-wrapper .swiper-pagination>span:after {
content: '';
width: 18px;
height: 18px;
border: 2px solid var(--e-global-color-primary);
position: absolute;
top: -3px;
left: -3px;
opacity: 0;
border-radius: 50%;
-webkit-transform: scale(2);
transform: scale(2);
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.swiper-slider-wrapper .swiper-pagination>span.swiper-pagination-bullet-active {
background: var(--e-global-color-primary);
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.swiper-slider-wrapper .swiper-pagination>span.swiper-pagination-bullet-active:after {
opacity: 1;
}
.swiper-slide img {
max-width: 100%;
width: auto;
height: auto;
}
.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
white-space: nowrap;
}
.swiper-pagination-bullets-dynamic span {
-webkit-transition: .3s transform, .3s left;
transition: .3s transform, .3s left;
}
.carousel-arrow-1 .swiper-nav-next {
right: 10px !important;
}
.carousel-arrow-1 .swiper-nav-prev {
left: 10px !important;
}
.select2-container {
width: 100% !important;
}
.select2-container .select2-dropdown {
border: 1px solid #e2dfeb;
-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.16);
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.16);
}
.select2-container .select2-dropdown .select2-selection__rendered {
outline: none !important;
}
.select2-container .select2-dropdown .select2-search--dropdown {
padding: 15px;
}
.select2-container .select2-dropdown .select2-search--dropdown .select2-search__field {
height: 32px;
}
.select2-container .select2-dropdown ul.select2-results__options li {
padding: 3px 15px;
font-size: 14px;
}
.select2-container .select2-dropdown ul.select2-results__options li.select2-results__option--highlighted {
background: #F6F6F6;
color: var(--e-global-color-primary);
}
.select2-container .select2-dropdown ul.select2-results__options li[aria-selected="true"] {
background: #F6F6F6;
color: var(--e-global-color-primary);
}
.select2-container.option-select2-filter .select2-dropdown--above {
margin-top: -6px;
}
.select2-container.option-select2-filter .select2-dropdown--below {
margin-top: 6px;
}
.select2-container .select2-selection {
outline: none;
height: 51px;
border: 1px solid #e2dfeb !important;
background: #fff;
padding: 0 10px;
line-height: 32px !important;
}
.select2-container .select2-selection.select2-selection--single {
height: 50px;
}
.select2-container .select2-selection .select2-selection__arrow {
background-image: url("../images/down-arrow.svg") !important;
background-repeat: no-repeat;
background-position: center center;
background-size: 12px;
border: none;
width: 12px !important;
height: 12px !important;
top: 50% !important;
right: 16px !important;
margin-top: -3px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.select2-container .select2-selection .select2-selection__arrow b {
display: none;
}
.select2-container .select2-selection .select2-selection__rendered {
outline: none !important;
line-height: 50px !important;
}
.select2-container .select2-selection .select2-selection__rendered .select2-selection__placeholder {
color: var(--pisole-body-color);
line-height: 50px;
}
.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear {
font-size: 18px;
background: var(--e-global-color-primary);
color: #fff;
width: 20px;
height: 20px;
border-radius: 4px;
line-height: 18px;
text-align: center;
position: absolute;
top: 50%;
margin-top: -8px;
right: 16px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
z-index: 11;
}
.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear:hover {
background: #171717;
}
.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 #e2dfeb;
background: #e2dfeb;
color: #171717;
margin: 5px;
line-height: 38px;
padding: 0 15px;
font-weight: 600;
}
.select2-selection.select2-selection--multiple .select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove {
color: #fff;
background: var(--e-global-color-primary);
width: 22px;
height: 22px;
line-height: 21px;
border-radius: 3px;
text-align: center;
margin-right: 6px;
}
.select2-selection.select2-selection--multiple .select2-selection__rendered li.select2-search--inline {
margin: 0 10px;
line-height: 50px;
}
#ui-datepicker-div {
font-size: 14px;
font-family: var(--pisole-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(--pisole-heading-font-family);
background: var(--e-global-color-primary);
color: #fff;
font-size: 12px;
font-weight: 600;
border: none;
}
#ui-datepicker-div .ui-widget-header {
background: #171717;
color: #fff;
border: none;
}
#ui-datepicker-div .ui-widget-header .ui-datepicker-prev,
#ui-datepicker-div .ui-widget-header .ui-datepicker-next {
background: #fff;
top: 2px;
border: none !important;
}
#ui-datepicker-div .ui-widget-header .ui-datepicker-prev {
left: 2px;
top: 2px;
}
#ui-datepicker-div .ui-widget-header .ui-datepicker-next {
right: 2px;
}
#ui-datepicker-div table.ui-datepicker-calendar {
border: none;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: none;
background: #dfdfdf;
padding: 2px 5px;
line-height: 28px;
color: #171717;
}
.ui-state-default.ui-state-highlight,
.ui-widget-content .ui-state-default.ui-state-highlight,
.ui-widget-header .ui-state-default.ui-state-highlight,
.ui-button.ui-state-highlight,
html .ui-button.ui-state-disabled:hover.ui-state-highlight,
html .ui-button.ui-state-disabled:active.ui-state-highlight {
position: relative;
}
.ui-state-default.ui-state-highlight:after,
.ui-widget-content .ui-state-default.ui-state-highlight:after,
.ui-widget-header .ui-state-default.ui-state-highlight:after,
.ui-button.ui-state-highlight:after,
html .ui-button.ui-state-disabled:hover.ui-state-highlight:after,
html .ui-button.ui-state-disabled:active.ui-state-highlight:after {
content: '';
width: 6px;
height: 6px;
background: var(--e-global-color-primary);
border-radius: 50%;
position: absolute;
top: 4px;
left: 4px;
}
.ui-state-default.ui-state-active,
.ui-widget-content .ui-state-default.ui-state-active,
.ui-widget-header .ui-state-default.ui-state-active,
.ui-button.ui-state-active,
html .ui-button.ui-state-disabled:hover.ui-state-active,
html .ui-button.ui-state-disabled:active.ui-state-active {
background: var(--e-global-color-primary);
color: #fff;
}
.ui-state-default.ui-state-active.ui-state-highlight:after,
.ui-widget-content .ui-state-default.ui-state-active.ui-state-highlight:after,
.ui-widget-header .ui-state-default.ui-state-active.ui-state-highlight:after,
.ui-button.ui-state-active.ui-state-highlight:after,
html .ui-button.ui-state-disabled:hover.ui-state-active.ui-state-highlight:after,
html .ui-button.ui-state-disabled:active.ui-state-active.ui-state-highlight:after {
background: #fff;
}
/* My CSS */
.elementor-element-b24bc2a .milestone-one__single:hover .milestone-one__icon .icon img {
content: url(../../../../../images/04/Icon/White/01.png);
}
.elementor-element-108ef64 .milestone-one__single:hover .milestone-one__icon .icon img {
content: url(../../../../../images/04/Icon/White/02.png);
}
.elementor-element-58b3987 .milestone-one__single:hover .milestone-one__icon .icon img {
content: url(../../../../../images/04/Icon/White/03.png);
}
.elementor-element-6cb25ee .milestone-one__single:hover .milestone-one__icon .icon img {
content: url(../../../../../images/04/Icon/White/04.png);
}
.elementor-element-0c5cc1b .gsc-heading.style-1 .sub-title {
margin: inherit;
}
@media only screen and (max-width: 1000px) {
ul.gva-nav-menu>li {
margin: 0px;
}
}
@media only screen and (max-width: 600px) {
.box-style-two__single {
padding: 20px 30px;
}
.box-style-two__desc {
font-size: 20px;
}
}