@charset "UTF-8";
      html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} html {
overflow-x: hidden;
}
*, *::before, *::after {
box-sizing: border-box;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0;
padding: 0;
font-size: var(--font-size);
line-height: var(--line-height);
color: var(--text);
font-family: var(--primary-font);
letter-spacing: var(--letter-spacing);
}
@media (max-width: 1024px) {
body {
overflow-x: hidden;
}
}
body.admin-bar {
top: 32px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--heading);
font-family: var(--secondary-font);
font-weight: bold;
clear: both;
margin: 1em 0 0.5em 0px;
}
h1 {
font-size: 2em;
line-height: 1.21;
}
h2 {
font-size: 1.7411em;
line-height: 1.21;
}
h3 {
font-size: 1.5157em;
}
h4 {
font-size: 1.3195em;
}
h5 {
font-size: 1.1487em;
}
h6 {
font-size: 1em;
}
a {
text-decoration: none;
color: var(--primary);
}
a:hover, a:focus {
text-decoration: none;
outline: none;
}
p {
line-height: var(--line-height);
margin: 0 0 2em;
}
p:empty {
height: 0;
margin: 0;
}
.elementor-text-editor p {
line-height: inherit;
margin: 0;
}
blockquote {
position: relative;
font-weight: 600;
color: var(--heading);
padding: 20px 60px 20px;
margin: 0;
font-size: 1.2em;
font-style: italic;
}
@media (max-width: 767px) {
blockquote {
padding: 0;
margin: 10px;
}
}
blockquote.wp-block-quote.is-style-large {
padding: 20px 60px 20px;
}
@media (max-width: 767px) {
blockquote.wp-block-quote.is-style-large {
padding: 35px;
margin: 10px;
}
}
blockquote.wp-block-quote.is-style-large:not(.is-style-plain) {
padding: 20px 60px 20px;
}
blockquote p {
margin-bottom: 30px;
}
blockquote cite {
text-decoration: underline;
}
blockquote:before {
position: absolute;
left: 10px;
top: 25px;
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
font-size: 30px;
color: var(--primary);
}
@media (max-width: 767px) {
blockquote:before {
left: -20px;
top: -5px;
font-size: 15px;
}
}
blockquote.has-text-align-right:before {
right: 0;
left: auto;
transform: rotate(180deg);
width: 30px;
height: 30px;
text-align: right;
position: absolute;
}
@media (max-width: 767px) {
blockquote.has-text-align-right:before {
right: -20px;
width: 15px;
height: 15px;
}
}
blockquote.left {
margin-right: 20px;
text-align: right;
margin-left: 0;
width: 33%;
float: left;
}
blockquote.right {
margin-left: 20px;
text-align: left;
margin-right: 0;
width: 33%;
float: right;
}
address {
font-style: italic;
margin: 0 0 24px;
}
cite,
em,
var,
address,
dfn {
font-style: italic;
}
pre {
border: 1px solid #d1d1d1;
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin: 1.75em 0 1.75em 0;
max-width: 100%;
overflow: auto;
padding: 1.75em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin: 0 0 1em;
}
.elementor-widget-text-editor p {
line-height: inherit;
}
.btn,
.button {
border-radius: 0;
padding: 12px 25px;
line-height: 1.5em;
}
@font-face {
font-family: Reey;
src: url(//dlpropertyindonesia.com/wp-content/themes/retirio/assets/libs/fonts/Reey-Regular.otf) format("woff");
font-weight: normal;
font-style: normal;
} body {
background-color: #fff;
}
body.container_boxed .wrap-fullwidth {
max-width: var(--container-width);
margin: 0 auto;
background-color: #fff;
}
body.container_boxed .row_site {
padding: var(--boxed-offset);
}
body .row_site {
margin: 0 auto;
}
body .container_site {
padding-left: 10px;
padding-right: 10px;
}
body .row_site,
body .elementor-section.elementor-section-boxed > .elementor-container {
max-width: var(--container-width);
}
@media (max-width: 1023px) {
body .row_site,
body .elementor-section.elementor-section-boxed > .elementor-container {
padding-left: 10px;
padding-right: 10px;
}
}
body.page-template-default .elementor-section.elementor-section-boxed > .elementor-container {
padding-left: 0px;
padding-right: 0px;
}
body.layout_1c #main-content {
max-width: 100%;
}
body.layout_2l #main-content {
float: right;
}
body.layout_2l #sidebar {
float: left;
}
body.layout_2r #main-content {
float: left;
}
body.layout_2r #sidebar {
float: right;
}
body #main-content {
max-width: calc( var(--main-content) - 30px );
width: 100%;
margin-bottom: 60px;
}
@media (max-width: 1023px) {
body #main-content {
max-width: 100%;
}
}
body #sidebar {
max-width: var(--width-sidebar);
width: 100%;
}
@media (max-width: 1023px) {
body #sidebar {
max-width: 100%;
}
}
body .wrap_footer {
clear: both;
}
body .inside-content {
min-height: calc(100vh - 200px);
}
.compensate-for-scrollbar {
padding: 0 !important;
margin: 0 !important;
} .wrap_header {
padding-top: 15px;
padding-bottom: 15px;
}
@media (min-width: 1024px) {
.wrap_header {
display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
}
}
.wrap_header a.navbar-brand img {
width: 180px;
} .site-brand a .blogname {
font-weight: bold;
font-size: 2em;
line-height: 1.5em;
color: var(--primary);
}
@media (max-width: 1023px) {
.site-brand {
display: block;
float: left;
max-width: calc(100% - 120px);
z-index: 1;
position: relative;
}
}  button.menu-toggle {
cursor: pointer;
text-align: left;
position: relative;
border: 2px solid transparent;
box-shadow: none;
border-radius: 4px;
background-image: none;
padding: 0.6180469716em 0.875em 0.6180469716em 2.617924em;
font-size: 0.875em;
max-width: 120px;
display: block;
margin-left: auto;
color: #fff;
background-color: var(--primary);
}
@media (min-width: 1024px) {
button.menu-toggle {
display: none;
}
}
button.menu-toggle:hover {
background-color: var(--primary);
color: #fff;
}
button.menu-toggle span:before {
transition: all, ease, 0.2s;
}
button.menu-toggle:before, button.menu-toggle:after,
button.menu-toggle span:before {
content: "";
display: block;
height: 2px;
width: 14px;
position: absolute;
top: 50%;
left: 1em;
margin-top: -1px;
transition: all, ease, 0.2s;
border-radius: 3px;
background-color: #fff;
}
button.menu-toggle:before {
transform: translateY(-4px);
}
button.menu-toggle:after {
transform: translateY(4px);
}
.toggled button.menu-toggle::before, .toggled button.menu-toggle::after {
transform: rotate(45deg);
}
.toggled button.menu-toggle::after {
transform: rotate(-45deg);
}
.toggled button.menu-toggle span::before {
opacity: 0;
}
ul.menu li.current-menu-item > a, ul.menu li.current-menu-ancestor > a, ul.menu li.current-menu-parent > a {
color: var(--primary);
}
.main-navigation {
position: relative;
}
.main-navigation .menu {
clear: both;
}
.main-navigation ul {
list-style: none;
}
.main-navigation ul.menu {
margin-left: 0;
margin-bottom: 0;
}
.main-navigation ul.menu ul {
display: block;
margin-left: 1em;
}
.main-navigation ul li {
display: inline-block;
position: relative;
text-align: left;
}
@media (max-width: 1023px) {
.main-navigation ul li {
display: block;
}
}
.main-navigation ul li.menu-item.current-menu-parent > a, .main-navigation ul li.menu-item.current-menu-item > a, .main-navigation ul li.menu-item.current-menu-ancestor > a {
color: var(--primary);
}
.main-navigation ul li.menu-item .sub-menu .menu-item:hover > a {
color: var(--primary);
background-color: rgba(0, 0, 0, 0.03);
}
.main-navigation ul li a {
color: var(--text);
padding: 0.6180469716em;
display: block;
}
.main-navigation ul li a:hover {
color: var(--primary);
}
.main-navigation.toggled .primary-navigation ul.menu {
max-height: 999px;
}
.main-navigation .dropdown-toggle {
background: transparent;
position: absolute;
top: 3px;
right: 0;
display: block;
padding: 0.5em 1em;
color: inherit;
border-radius: 0;
border: 1px solid #eee;
}
.main-navigation .dropdown-toggle::after {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
font-size: 0.6em;
}
.main-navigation .dropdown-toggle:focus {
outline: none;
}
.main-navigation .dropdown-toggle:hover {
background: transparent;
}
.main-navigation .dropdown-toggle.toggled-on:after {
content: "";
font-family: "ovaicon";
}
@media (min-width: 1024px) {
.main-navigation .dropdown-toggle {
display: none;
}
}
@media (max-width: 1023px) {
.main-navigation .primary-navigation ul {
max-height: 0;
overflow: hidden;
transition: all ease 0.4s;
margin: 0;
padding: 0;
}
.main-navigation .primary-navigation ul.show {
max-height: 999px;
}
}
@media (min-width: 1024px) {
.main-navigation ul li {
display: inline-block;
position: relative;
text-align: left;
}
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
left: 1.1em;
display: block;
opacity: 1;
visibility: visible;
}
.main-navigation ul li:hover > ul li > ul, .main-navigation ul li.focus > ul li > ul {
left: -9999px; opacity: 0;
visibility: hidden;
}
.main-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device, .main-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device {
display: none;
left: 0;
}
.main-navigation ul li:hover > ul li:hover > ul, .main-navigation ul li:hover > ul li.focus > ul, .main-navigation ul li.focus > ul li:hover > ul, .main-navigation ul li.focus > ul li.focus > ul {
left: 100%;
top: 0;
display: block;
opacity: 1;
visibility: visible;
}
.main-navigation ul ul.sub-menu {
float: left;
position: absolute;
top: 100%;
z-index: 99999;
left: 0; opacity: 0;
visibility: hidden;
border-radius: 3px;
background-color: #fff;
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.07);
padding: 15px 0;
}
.main-navigation ul ul.sub-menu.sub-menu--is-touch-device {
display: none;
left: 0;
}
.main-navigation ul ul.sub-menu li {
display: block;
min-width: 260px;
}
.main-navigation ul.menu {
max-height: none;
overflow: visible;
margin-top: 0;
transition: none;
}
.main-navigation ul.menu > li > a {
padding: 1em;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.main-navigation ul.menu > li.menu-item-has-children:hover::after, .main-navigation ul.menu > li.page_item_has_children:hover::after {
display: block;
}
.main-navigation ul.menu > li.menu-item-has-children > a:after, .main-navigation ul.menu > li.page_item_has_children > a:after, .main-navigation ul.menu > li.has-mega-menu > a:after {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
margin-left: 0.7em;
font-size: 0.5em;
font-weight: 500;
-ms-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-webkit-transition: transform 0.3s ease;
transition: transform 0.3s ease;
}
.main-navigation ul.menu > li:last-child > a {
padding-right: 0;
}
.main-navigation ul.menu ul.sub-menu {
margin: 0;
padding: 15px 0px;
}
.main-navigation ul.menu ul.sub-menu li.menu-item a {
padding: 8px 25px 8px;
font-weight: 400;
font-size: 14px;
line-height: 1.5;
}
.main-navigation ul.menu ul.sub-menu li.menu-item:last-child {
border-bottom: 0;
margin-bottom: 0;
}
.main-navigation ul.menu ul.sub-menu ul {
margin: 0;
}
.main-navigation ul.menu ul.sub-menu li.menu-item-has-children > a::after, .main-navigation ul.menu ul.sub-menu li.page_item_has_children > a::after {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
float: right;
margin-left: 10px;
margin-top: 7px;
font-size: 0.5em;
font-weight: 500;
line-height: 1;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
} footer.footer {
clear: both;
padding-bottom: 45px;
padding-top: 45px;
background-color: #333;
color: #fff;
text-align: center;
margin-top: 60px;
}  article.post-wrap {
margin-bottom: 70px;
}
article.post-wrap.sticky {
background: #f9f9f9;
padding: 30px;
border-top: 5px solid;
border-color: var(--primary);
}
article.post-wrap.sticky .post-excerpt {
text-align: justify;
}
article.post-wrap .post-title {
margin: 0px 0px 20px 0px;
padding: 0;
line-height: 1.3em;
font-weight: bold;
color: var(--heading);
-webkit-hyphens: unset;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;
word-break: break-word;
}
article.post-wrap .post-title:hover {
color: var(--primary);
}
article.post-wrap .post-media {
margin-bottom: 30px;
}
article.post-wrap ul.post-meta {
list-style-type: none;
margin: 0 0px 25px 0px;
padding: 0;
display: inline-block;
}
article.post-wrap ul.post-meta li {
display: inline-block;
margin: 0 10px 0px 0;
color: var(--text);
}
article.post-wrap ul.post-meta li i {
font-size: 0.8em;
color: var(--primary);
padding-right: 3px;
}
article.post-wrap ul.post-meta li a {
color: var(--text);
}
article.post-wrap ul.post-meta li a:hover {
color: var(--primary);
}
article.post-wrap .post-excerpt > p {
margin-top: 0px;
margin-bottom: 25px;
}
article.post-wrap a.readmore {
clear: both;
background-color: var(--primary);
border-color: var(--primary);
border: 1px solid;
color: #fff;
font-size: 1em;
text-transform: none;
font-weight: 600;
box-shadow: none;
display: inline-block;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
article.post-wrap a.readmore:hover {
color: var(--primary);
border-color: var(--primary);
background-color: #fff;
} .blog_default .post-title {
font-weight: normal;
}
.blog_default .post-excerpt {
font-size: 1em;
}
.blog_default .date {
font-size: 1em;
}
.layout_1c .blog_default {
max-width: 1000px;
margin: 0 auto;
} .blog_grid {
display: grid;
gap: 25px;
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1023px) {
.blog_grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.blog_grid {
grid-template-columns: repeat(1, 1fr);
}
}
.blog_grid article.post-wrap .post-media {
margin-bottom: 15px;
}
.blog_grid article.post-wrap .post-title {
font-size: 22px;
}
.blog_grid article.post-wrap .post-excerpt {
font-size: 1em;
}
.blog_grid article.post-wrap ul.post-meta {
margin-bottom: 15px;
}
.blog_grid article.post-wrap ul.post-meta .date {
font-size: 1em;
}
.layout_2l .blog_grid, .layout_2r .blog_grid {
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 767px) {
.layout_2l .blog_grid, .layout_2r .blog_grid {
grid-template-columns: repeat(1, 1fr);
}
} .blog_masonry {
margin-left: -15px;
margin-right: -15px;
}
.blog_masonry article {
width: 33.3%;
}
@media (max-width: 1200px) {
.blog_masonry article {
width: 50%;
}
}
@media (max-width: 767px) {
.blog_masonry article {
width: 100%;
}
}
.blog_masonry .content {
margin: 0px 15px;
position: relative;
min-height: 100px;
}
.blog_masonry .content .post-media {
margin-bottom: 15px;
}
.blog_masonry .content .post-title {
font-size: 22px;
}
.blog_masonry .content .post-excerpt {
font-size: 1em;
}
.blog_masonry .content ul.post-meta {
margin-bottom: 15px;
}
.blog_masonry .content ul.post-meta .date {
font-size: 1em;
}
.blog_masonry .content a.readmore {
clear: both;
background-color: transparent;
border-color: var(--primary);
border: 1px solid;
color: var(--primary);
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
.blog_masonry .content a.readmore:hover {
color: #fff;
border-color: var(--primary);
background-color: var(--primary);
}
.layout_2l .blog_masonry article, .layout_2r .blog_masonry article {
width: 50%;
min-height: 200px;
}
@media (max-width: 767px) {
.layout_2l .blog_masonry article, .layout_2r .blog_masonry article {
width: 100%;
}
} .single article.post-wrap .post-title {
-webkit-hyphens: unset;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;
margin-bottom: 20px;
margin-top: 0;
word-break: break-word;
}
.single article.post-wrap .post-content {
margin-bottom: 50px;
}
.single article.post-wrap .post-content:before, .single article.post-wrap .post-content:after {
clear: both;
content: "";
display: table;
}
.single article.post-wrap .post-tags-and-share {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
row-gap: 15px;
padding: 30px 0;
border-top: 1px solid #f3f3f3;
}
.single article.post-wrap .post-tags-and-share .post-tags {
clear: both;
}
.single article.post-wrap .post-tags-and-share .post-tags a {
margin: 0px 10px 10px 0px;
display: inline-block;
background-color: #dddddd;
font-weight: bold;
color: var(--heading);
border-radius: 0;
padding: 8px 20px;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
.single article.post-wrap .post-tags-and-share .post-tags a:hover {
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
}
.single article.post-wrap .post-tags-and-share .share-social-icons {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
row-gap: 10px;
list-style: none;
padding: 0 0 0 10px;
margin: 0;
}
.single article.post-wrap .post-tags-and-share .share-social-icons li {
display: inline-block;
}
.single article.post-wrap .post-tags-and-share .share-social-icons li:not(:last-child) {
margin-right: 12px;
}
.single article.post-wrap .post-tags-and-share .share-social-icons li a {
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #f5f5f5;
width: 40px;
height: 40px;
border-radius: 50%;
font-family: var(--secondary-font);
font-weight: 400;
font-size: 14px;
line-height: 1.2;
font-feature-settings: "pnum" on, "lnum" on, "ordn" on;
color: var(--heading);
}
.single article.post-wrap .post-tags-and-share .share-social-icons li a:hover {
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
background-color: var(--primary);
color: #fff;
}
.single article.post-wrap .ova-next-pre-post {
display: flex;
}
@media (max-width: 767px) {
.single article.post-wrap .ova-next-pre-post {
flex-direction: column;
}
}
.single article.post-wrap .ova-next-pre-post .pre, .single article.post-wrap .ova-next-pre-post .next {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: calc(50% - 15px);
padding: 60px;
background-color: #f5f5f5;
font-size: 22px;
font-weight: 700;
line-height: 1.2;
color: var(--heading);
}
@media (max-width: 767px) {
.single article.post-wrap .ova-next-pre-post .pre, .single article.post-wrap .ova-next-pre-post .next {
width: 100%;
}
}
.single article.post-wrap .ova-next-pre-post .pre:hover, .single article.post-wrap .ova-next-pre-post .next:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: var(--primary);
color: #fff;
}
.single article.post-wrap .ova-next-pre-post .none-pre {
margin-right: 15px;
width: calc(50% - 15px);
}
@media (max-width: 767px) {
.single article.post-wrap .ova-next-pre-post .none-pre {
width: 100%;
margin-right: 0px;
}
}
.single article.post-wrap .ova-next-pre-post .pre {
margin-right: 15px;
word-break: break-word;
}
@media (max-width: 767px) {
.single article.post-wrap .ova-next-pre-post .pre {
margin-right: 0px;
}
}
.single article.post-wrap .ova-next-pre-post .next {
text-align: right;
margin-left: 15px;
word-break: break-word;
}
@media (max-width: 767px) {
.single article.post-wrap .ova-next-pre-post .next {
flex-direction: row;
text-align: left;
margin-top: 30px;
margin-left: 0px;
}
}
.single article.post-wrap.sticky .post-tags {
border-top: 1px solid #e1e1e1;
}
.single.layout_1c #main-content {
max-width: 1000px;
margin: 0 auto;
} h1.page-title {
margin-top: 0;
-webkit-hyphens: unset;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;
}
.search .page-header .page-title {
margin-bottom: 60px;
border-bottom: 1px solid #e1e1e1;
padding-bottom: 15px;
}
.search .page-header .page-title span {
color: var(--primary);
} .page article.post-wrap {
display: flow-root;
} .sidebar .widget {
display: block;
margin-bottom: 45px;
padding-bottom: 45px;
border-bottom: 1px solid #eee;
float: left;
width: 100%;
background: #f3f3f3;
padding: 30px;     }
.sidebar .widget:last-child {
border-bottom: none;
}
.sidebar .widget a {
color: var(--text);
}
.sidebar .widget a:hover {
color: var(--primary);
}
.sidebar .widget h4.widget-title {
color: var(--heading);
padding-bottom: 15px;
margin-bottom: 15px;
margin-top: 0;
position: relative;
}
.sidebar .widget p {
margin-top: 0;
}
.sidebar .widget img {
width: auto;
}
.sidebar .widget ul {
list-style-type: none;
margin: 0;
padding-left: 0px;
}
.sidebar .widget ul li {
padding: 0.5em 0;
}
.sidebar .widget ul li:first-child {
border-top: 0;
}
.sidebar .widget ul li:last-child {
padding-bottom: 0;
}
.sidebar .widget ul.children, .sidebar .widget ul.sub-menu {
margin: 0.5em 0 0 0.8em;
}
.sidebar .widget .screen-reader-text {
display: none;
}
.sidebar .widget.widget_rss ul li {
padding-top: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #eee;
}
.sidebar .widget.widget_rss ul li:first-child {
padding-top: 0;
}
.sidebar .widget.widget_rss ul li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.sidebar .widget.widget_rss ul li a.rsswidget {
font-weight: 600;
display: block;
line-height: 1.5em;
margin-bottom: 12px;
color: var(--heading);
font-size: 15px;
}
.sidebar .widget.widget_rss ul li a.rsswidget:hover {
color: var(--primary);
}
.sidebar .widget.widget_rss ul li .rss-date {
display: inline-block;
margin-bottom: 12px;
font-weight: 500;
opacity: 0.7;
}
.sidebar .widget.widget_rss ul li .rssSummary {
margin-bottom: 12px;
color: var(--text);
}
.sidebar .widget.widget_rss ul li cite {
color: var(--text);
opacity: 0.8;
text-decoration: underline;
}
.sidebar .widget.widget_calendar {
width: 100%;
}
.sidebar .widget.widget_calendar caption {
background: transparent;
color: var(--heading);
font-weight: bold;
text-align: center;
border: none;
padding: 5px 0px;
}
.sidebar .widget.widget_calendar table {
margin-bottom: 0;
}
.sidebar .widget.widget_calendar table thead {
border: 1px solid #eee;
}
.sidebar .widget.widget_calendar table thead tr th {
background-color: #f1f1f1;
color: var(--heading);
border: 1px solid #e4e4e4;
text-align: center;
}
.sidebar .widget.widget_calendar table tbody tr td {
border: none;
text-align: center;
border: 1px solid #e4e4e4;
}
.sidebar .widget.widget_calendar nav {
border: none;
padding: 10px 0px 0px 0px;
display: flex;
justify-content: space-between;
}
.sidebar .widget.widget_calendar nav a {
color: var(--primary);
}
.sidebar .widget.widget_calendar nav a:hover {
color: #343434;
}
.sidebar .widget.widget_tag_cloud .tagcloud {
position: relative;
width: 100%;
float: left;
}
.sidebar .widget.widget_tag_cloud .tagcloud a {
float: left;
margin: 0 10px 10px 0;
display: block;
font-size: 0.9em !important;
background-color: #dddddd;
font-weight: bold;
color: var(--heading);
border-radius: 0;
padding: 8px 20px;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
.sidebar .widget.widget_tag_cloud .tagcloud a:hover {
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
}
.sidebar .widget.widget_search form {
position: relative;
}
.sidebar .widget.widget_search form:before {
font-size: 18px;
color: var(--text);
opacity: 0.8;
font-family: "ovaicon";
content: "";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
position: absolute;
top: 50%;
right: 20px;
line-height: 1;
transform: translate(0, -50%);
cursor: pointer;
}
.sidebar .widget.widget_search form input[type=search] {
width: 100%;
padding-right: 50px;
padding-left: 20px;
}
.sidebar .widget.widget_search form input[type=submit] {
position: absolute;
right: 0px;
top: 0;
background-color: transparent;
border: none;
font-size: 0;
width: 50px;
}
.sidebar .widget.widget_categories ul li, .sidebar .widget.widget_archive ul li {
line-height: 30px;
color: var(--text);
}
.sidebar .widget.widget_categories ul li:before, .sidebar .widget.widget_archive ul li:before {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
color: var(--text);
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.sidebar .widget.widget_categories ul li a, .sidebar .widget.widget_archive ul li a {
color: var(--text);
text-align: left;
}
.sidebar .widget.widget_categories ul li a:hover, .sidebar .widget.widget_archive ul li a:hover {
color: var(--primary);
}
.sidebar .widget.widget_categories .widget-custom ul li, .sidebar .widget.widget_archive .widget-custom ul li {
line-height: 30px;
}
.sidebar .widget.widget_categories .widget-custom ul li:before, .sidebar .widget.widget_archive .widget-custom ul li:before {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
opacity: 0.5;
width: 1em;
font-size: 0.9em;
}
.sidebar .widget.widget_categories .widget-custom ul li a, .sidebar .widget.widget_archive .widget-custom ul li a {
display: flex;
justify-content: space-between;
}
.sidebar .widget.widget_categories .widget-custom ul li a .number, .sidebar .widget.widget_archive .widget-custom ul li a .number {
background: #eee;
border-radius: 50%;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
}
.sidebar .widget.widget_categories ul li:before {
content: "";
font-family: "ovaicon";
}
.sidebar .widget.widget_categories .widget-custom ul li {
line-height: 30px;
}
.sidebar .widget.widget_categories .widget-custom ul li:before {
content: "";
font-family: "ovaicon";
}
.sidebar .widget.widget_pages ul li:before {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.sidebar .widget.widget_nav_menu ul li:before {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.sidebar .widget.widget_meta ul li:before {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.sidebar .widget.widget_recent_comments ul li {
color: var(--text);
opacity: 0.8;
}
.sidebar .widget.widget_recent_comments ul li:before {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.sidebar .widget.widget_recent_comments ul li .comment-author-link {
color: var(--heading);
text-decoration: underline;
}
.sidebar .widget.widget_recent_comments ul li .comment-author-link a:hover {
color: var(--primary);
} table {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #ededed;
font-size: 100%;
line-height: 2;
margin: 0 0 20px;
width: 100%;
}
table thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
}
table thead tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
table thead tr td, table thead tr th {
padding: 5px 10px;
font-weight: bold;
color: var(--heading);
border: 1px solid #ededed;
text-align: left;
}
table thead tr td a, table thead tr th a {
color: var(--heading);
}
table tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
table tbody tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
table tbody tr td, table tbody tr th {
padding: 5px 10px;
border: 1px solid #ededed;
color: var(--text);
text-align: left;
}
table tbody tr td a, table tbody tr th a {
color: var(--heading);
border-bottom: 1px solid var(--primary);
font-weight: normal;
}
table tbody tr td a:hover, table tbody tr th a:hover {
color: var(--primary);
}
table tbody tr th {
color: var(--heading);
} button,
input,
select,
textarea {
color: var(--text);
line-height: 1.5em;
}
button:focus,
input:focus,
select:focus,
textarea:focus {
outline: none;
}
button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
input[type=search],
textarea,
.input-text {
border-radius: 0;
padding: 12px 15px;
border-color: #e0e0e0;
background-color: #ffffff;
color: var(--text);
border-width: 1px;
border-style: solid;
-webkit-appearance: none;
box-sizing: border-box;
font-weight: normal;
outline: 0;
transition: all ease-in-out 0.3s;
font-size: 1em;
}
input[type=text]::placeholder,
input[type=number]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=url]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
textarea::placeholder,
.input-text::placeholder {
color: var(--text);
}
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
textarea:focus,
.input-text:focus {
color: var(--heading);
}
.form-light input[type=text],
.form-light input[type=number],
.form-light input[type=email],
.form-light input[type=tel],
.form-light input[type=url],
.form-light input[type=password],
.form-light input[type=search],
.form-light textarea,
.form-light .input-text {
color: #fff;
}
.form-light input[type=text]::placeholder,
.form-light input[type=number]::placeholder,
.form-light input[type=email]::placeholder,
.form-light input[type=tel]::placeholder,
.form-light input[type=url]::placeholder,
.form-light input[type=password]::placeholder,
.form-light input[type=search]::placeholder,
.form-light textarea::placeholder,
.form-light .input-text::placeholder {
color: #fff;
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
border: 1px solid;
border-radius: 0;
padding: 12px 25px;
font-size: 1em;
border-color: var(--primary);
background-color: var(--primary);
color: #fff;
cursor: pointer;
font-weight: 600;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
background-color: transparent;
border-color: var(--primary);
color: var(--primary);
}
select:not([size]):not([multiple]) {
background-color: #ffffff;
color: var(--text);
border: 1px solid #e0e0e0;
border-radius: 0;
padding: 12px 15px;
max-width: 100%;
-webkit-appearance: none;
-moz-appearance: textfield;
appearance: none;
width: 100%;
background-image: url(https://dlpropertyindonesia.com/wp-content/themes/retirio/assets/img/base/select-arrow.svg);
background-position: calc(100% - 12px) center;
background-repeat: no-repeat;
background-size: 10px 10px;
}
textarea {
overflow: auto; vertical-align: top; width: 100%;
}
label {
font-weight: 400;
}
label.inline input {
width: auto;
} [placeholder]:focus::-webkit-input-placeholder {
-webkit-transition: opacity 0.5s 0.5s ease;
-moz-transition: opacity 0.5s 0.5s ease;
transition: opacity 0.5s 0.5s ease;
opacity: 0;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 0.5;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 0.5;
}
input::placeholder, textarea::placeholder {
opacity: 0.5;
} .gallery-caption {
width: 100%;
}
.slide_gallery {
clear: both;
margin-bottom: 30px;
}
.slide_gallery .owl-dots {
z-index: 1;
position: absolute;
left: 0;
bottom: 30px;
width: 100%;
text-align: center;
}
.slide_gallery .owl-dots .owl-dot {
width: 10px;
height: 10px;
background-color: #fff;
border: 1px solid;
border-radius: 50%;
border-color: #ccc;
margin: 0px 3px;
}
.slide_gallery .owl-dots .owl-dot.active, .slide_gallery .owl-dots .owl-dot:hover {
background-color: var(--primary);
border-color: var(--primary);
}
@media (max-width: 568px) {
.wp-block-gallery .blocks-gallery-grid .blocks-gallery-item {
width: 100%;
margin: 0 0 20px 0px;
}
}
@media (max-width: 568px) {
.gallery .gallery-item {
width: 100% !important;
}
} img {
max-width: 100%;
height: auto;
}
.alignleft,
img.alignleft {
margin-right: 2.2em;
margin-bottom: 1em;
display: inline;
float: left;
}
.alignright,
img.alignright {
margin-left: 1.5em;
margin-bottom: 1em;
display: inline;
float: right;
}
.aligncenter,
img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
} img.ajax-loader {
width: 16px;
height: 16px;
display: block;
text-align: center;
margin: 0 auto;
margin-left: auto;
}
.wp-smiley {
margin: 0 !important;
max-height: 1em;
}
.bypostauthor {
position: relative;
} embed,
iframe,
object,
video {
max-width: 100%;
}
p > embed,
p > iframe,
p > object,
p > video {
margin-bottom: 0;
}  #comments {  }
#comments .title-comments {
text-transform: uppercase;
margin-bottom: 30px;
font-size: 1.4em;
}
#comments .comment-lists {
list-style-type: none;
padding-left: 0;
margin-left: 0;  }
#comments .comment-lists .children {
list-style-type: none;
padding-left: 0;
margin-left: 70px;
}
@media (max-width: 767px) {
#comments .comment-lists .children {
margin-left: 15px;
}
}
#comments .comment-lists .trackback .comment-body,
#comments .comment-lists .pingback .comment-body,
#comments .comment-lists .comment .comment-body {
padding-left: 140px;
min-height: 100px;
margin-bottom: 40px;
}
@media (max-width: 767px) {
#comments .comment-lists .trackback .comment-body,
#comments .comment-lists .pingback .comment-body,
#comments .comment-lists .comment .comment-body {
padding-left: 0;
}
}
#comments .comment-lists .trackback .comment-body .comment-meta,
#comments .comment-lists .pingback .comment-body .comment-meta,
#comments .comment-lists .comment .comment-body .comment-meta {
position: relative;
margin-bottom: 10px;
}
#comments .comment-lists .trackback .comment-body .comment-meta .avatar,
#comments .comment-lists .pingback .comment-body .comment-meta .avatar,
#comments .comment-lists .comment .comment-body .comment-meta .avatar {
position: absolute;
left: -140px;
top: 5px;
border-radius: 50%;
width: 100px;
height: auto;
}
@media (max-width: 767px) {
#comments .comment-lists .trackback .comment-body .comment-meta .avatar,
#comments .comment-lists .pingback .comment-body .comment-meta .avatar,
#comments .comment-lists .comment .comment-body .comment-meta .avatar {
display: none;
}
}
#comments .comment-lists .trackback .comment-body .comment-meta cite,
#comments .comment-lists .pingback .comment-body .comment-meta cite,
#comments .comment-lists .comment .comment-body .comment-meta cite {
font-weight: 600;
color: #333;
font-style: normal;
font-size: 1.1em;
}
#comments .comment-lists .trackback .comment-body .comment-meta cite a,
#comments .comment-lists .pingback .comment-body .comment-meta cite a,
#comments .comment-lists .comment .comment-body .comment-meta cite a {
font-weight: 600;
color: #333;
font-style: normal;
font-size: 1.1em;
}
#comments .comment-lists .trackback .comment-body .comment-meta .comment-date time,
#comments .comment-lists .pingback .comment-body .comment-meta .comment-date time,
#comments .comment-lists .comment .comment-body .comment-meta .comment-date time {
font-size: 0.9em;
color: #999;
font-weight: 500;
line-height: 1.4;
font-style: italic;
}
#comments .comment-lists .trackback .comment-body .comment-content,
#comments .comment-lists .pingback .comment-body .comment-content,
#comments .comment-lists .comment .comment-body .comment-content {
padding-bottom: 40px;
border-bottom: 1px solid;
border-color: #eee;
}
#comments .comment-lists .trackback .comment-body .comment-content .comment-text p,
#comments .comment-lists .pingback .comment-body .comment-content .comment-text p,
#comments .comment-lists .comment .comment-body .comment-content .comment-text p {
margin: 0 0 10px 0;
padding: 0;
}
#comments .comment-lists .trackback .comment-body .comment-content .reply a,
#comments .comment-lists .pingback .comment-body .comment-content .reply a,
#comments .comment-lists .comment .comment-body .comment-content .reply a {
font-weight: 500;
color: var(--primary);
}
#comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-reply-link,
#comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-reply-link,
#comments .comment-lists .comment .comment-body .comment-content .reply a.comment-reply-link {
margin-right: 10px;
font-weight: bold;
color: var(--primary);
position: relative;
padding-left: 18px;
text-transform: uppercase;
font-size: 12px;
}
#comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-reply-link:before,
#comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-reply-link:before,
#comments .comment-lists .comment .comment-body .comment-content .reply a.comment-reply-link:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -7px;
content: "";
font-weight: 600;
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
vertical-align: middle;
}
#comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-reply-link:hover,
#comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-reply-link:hover,
#comments .comment-lists .comment .comment-body .comment-content .reply a.comment-reply-link:hover {
color: #333;
}
#comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-edit-link,
#comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-edit-link,
#comments .comment-lists .comment .comment-body .comment-content .reply a.comment-edit-link {
margin-right: 10px;
font-weight: bold;
color: var(--primary);
position: relative;
padding-left: 18px;
text-transform: uppercase;
font-size: 12px;
}
#comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-edit-link:before,
#comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-edit-link:before,
#comments .comment-lists .comment .comment-body .comment-content .reply a.comment-edit-link:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -7px;
content: "";
font-weight: 600;
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
vertical-align: middle;
}
#comments .comment-lists .trackback .comment-body #respond,
#comments .comment-lists .pingback .comment-body #respond,
#comments .comment-lists .comment .comment-body #respond {
margin-top: 0;
border: 1px solid #eee;
border-top: none;
border-radius: 0;
padding: 22px 25px 25px 25px;
}
#comments .comment-lists .trackback .comment-body, #comments .comment-lists .pingback .comment-body {
padding-left: 0;
} #respond {
clear: both;
margin: 30px 0px;
position: relative;
}
#respond .logged-in-as {
padding-bottom: 15px;
}
#respond #reply-title {
margin-top: 0;
margin-bottom: 5px;
text-transform: uppercase;
font-size: 1.4em;
}
#respond #reply-title #cancel-comment-reply-link {
float: right;
text-align: right;
position: relative;
color: red;
}
#respond #commentform {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
clear: both;
}
#respond #commentform p {
padding: 0px 15px;
margin: 0;
}
#respond #commentform p.logged-in-as {
padding-bottom: 15px;
}
#respond #commentform label {
font-weight: bold;
text-transform: uppercase;
margin-bottom: 5px;
font-size: 0.9em;
display: inherit;
}
#respond #commentform .comment-notes {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 30px;
}
#respond #commentform .comment-form-author,
#respond #commentform .comment-form-email,
#respond #commentform .comment-form-url {
flex: 0 0 100%;
max-width: 100%;
order: 1;
margin-bottom: 30px;
}
@media (min-width: 1024px) {
#respond #commentform .comment-form-author,
#respond #commentform .comment-form-email,
#respond #commentform .comment-form-url {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
}
#respond #commentform .comment-form-author input,
#respond #commentform .comment-form-email input,
#respond #commentform .comment-form-url input {
width: 100%;
}
#respond #commentform .comment-form-comment {
flex: 0 0 100%;
max-width: 100%;
order: 2;
margin-bottom: 30px;
}
#respond #commentform .comment-form-comment textarea {
width: 100%;
}
#respond #commentform .form-submit {
flex: 0 0 100%;
max-width: 100%;
order: 3;
}
#respond #commentform .comment-form-cookies-consent {
display: flex;
line-height: 1;
margin-bottom: 15px;
width: 100%;
}
#respond #commentform .comment-form-cookies-consent label {
padding-left: 5px;
text-transform: inherit;
font-weight: 500;
}  .woocommerce.woocommerce-pagination, .woocommerce.pagination,
nav.woocommerce-pagination,
nav.pagination {
margin: 60px 0px;
}
.woocommerce.woocommerce-pagination ul.page-numbers,
.woocommerce .page-numbers,
nav.woocommerce-pagination ul.page-numbers,
nav .page-numbers {
display: inline-block;
list-style-type: none;
width: 100%;
padding: 0;
margin: 0;
text-align: center;
border: none;
clear: both;
white-space: inherit;
}
.woocommerce.woocommerce-pagination ul.page-numbers li,
.woocommerce .page-numbers li,
nav.woocommerce-pagination ul.page-numbers li,
nav .page-numbers li {
display: inline-block;
margin: 0px 2px 10px 2px;
border: none;
padding: 0;
float: none;
}
.woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers,
.woocommerce .page-numbers li .page-numbers,
nav.woocommerce-pagination ul.page-numbers li .page-numbers,
nav .page-numbers li .page-numbers {
border: 1px solid;
border-color: #f1f1f1;
border-radius: 4px;
background: #f1f1f1;
padding: 0px 10px 0px 10px;
min-width: 45px;
text-align: center;
font-weight: 600;
color: var(--text);
line-height: 43px;
font-size: 1em;
text-shadow: none;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
.woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers i,
.woocommerce .page-numbers li .page-numbers i,
nav.woocommerce-pagination ul.page-numbers li .page-numbers i,
nav .page-numbers li .page-numbers i {
font-size: 0.7em;
line-height: 1;
}
.woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers i:before,
.woocommerce .page-numbers li .page-numbers i:before,
nav.woocommerce-pagination ul.page-numbers li .page-numbers i:before,
nav .page-numbers li .page-numbers i:before {
font-weight: bold !important;
}
.woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers:hover, .woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers:focus, .woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers.current,
.woocommerce .page-numbers li .page-numbers:hover,
.woocommerce .page-numbers li .page-numbers:focus,
.woocommerce .page-numbers li .page-numbers.current,
nav.woocommerce-pagination ul.page-numbers li .page-numbers:hover,
nav.woocommerce-pagination ul.page-numbers li .page-numbers:focus,
nav.woocommerce-pagination ul.page-numbers li .page-numbers.current,
nav .page-numbers li .page-numbers:hover,
nav .page-numbers li .page-numbers:focus,
nav .page-numbers li .page-numbers.current {
background-color: var(--primary);
color: #fff;
} .page-links {
clear: both;
margin: 20px 0px 30px 0px;
float: left;
}
.page-links .post-page-numbers {
border: 1px solid;
border-radius: 2px;
display: inline-block;
font-size: 1rem;
height: 1.8461538462em;
line-height: 1.6923076923em;
margin-right: 0.3076923077em;
text-align: center;
width: 1.8461538462em;
font-weight: 600;
background-color: transparent;
border-color: var(--primary);
color: var(--text);
}
.page-links .post-page-numbers:hover, .page-links .post-page-numbers:focus, .page-links .post-page-numbers.current {
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
}
.page-links > .page-links-title {
border: 0;
color: #1a1a1a;
height: auto;
margin: 0;
padding-right: 0.6153846154em;
width: auto;
}
.page-links .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text {
display: none;
} .wrap_breadcrumbs {
background-color: #fafafa;
margin-bottom: 60px;
position: relative;
}
.wrap_breadcrumbs:before {
position: absolute;
left: -1000px;
background-color: #fafafa;
height: 100%;
width: 10000px;
top: 0;
content: "";
z-index: -1;
}
ul.breadcrumb {
margin: 0;
padding: 20px 0px;
display: inline-block;
list-style-type: none;
}
ul.breadcrumb li {
color: var(--primary);
-webkit-hyphens: auto;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;
display: inline-block;
padding-right: 5px;
word-break: break-word;
}
ul.breadcrumb li a {
color: var(--text);
}
ul.breadcrumb li a:hover {
color: var(--primary);
}
ul.breadcrumb li .separator i {
font-size: 0.6em;
color: var(--text);
opacity: 0.5;
position: relative;
} #scrollUp {
bottom: 20px;
right: 20px;
border-radius: 4px;
background-color: var(--primary);
color: #fff;
text-align: center;
}
#scrollUp:hover {
background-color: #333;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
#scrollUp i {
color: #fff;
text-align: center;
display: block;
font-weight: bold;
position: relative;
padding: 10px 10px 5px 10px;
}
#scrollUp i:before {
font-weight: bold !important;
} .wp-caption {
margin-bottom: 1.5em;
text-align: center;
padding-top: 5px;
max-width: 100%;
}
.wp-caption img {
border: 0 none;
padding: 0;
margin: 0;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin: 0;
}
.wp-caption .wp-caption-text {
text-align: left;
font-style: italic;
border-bottom: 2px solid #e6e6e6;
padding: 0.5407911001em 0;
font-size: 0.875em;
color: var(--text);
opacity: 0.8;
}  .wp-block-button {
margin: 10px 0px;
}
.wp-block-button a {
text-transform: uppercase;
font-weight: 600;
}
.wp-block-button.alignleft {
margin-right: 20px;
}
.wp-block-button.is-style-outline .wp-block-button__link {
border-style: dashed;
}
.wp-block-button.is-style-squared .wp-block-button__link {
border-radius: 5px;
}
.wp-block-button.alignright {
margin-left: 20px;
} .wp-block-image figcaption,
figure figcaption {
text-align: left;
font-style: italic;
border-bottom: 2px solid #e6e6e6;
padding: 0.5407911001em 0;
font-size: 0.875em;
color: var(--text);
opacity: 0.8;
padding-top: 0;
margin-top: 5px;
} .wp-block-cover {
margin-bottom: 30px;
}
.wp-block-cover.has-background-dim {
color: #fff;
} .wp-block-gallery {
margin: 0 0 30px 0;
}
.wp-block-gallery:not(.has-nested-images).alignleft {
margin-right: 30px;
}
.wp-block-gallery:not(.has-nested-images) {
margin-bottom: 30px;
}  .wp-block-columns blockquote {
padding: 20px 10px 20px 50px;
}
.wp-block-columns blockquote:before {
left: 10px;
top: 5px;
} .wp-block-group.has-background {
margin-bottom: 30px;
padding: 30px;
} .wp-block-media-text {
margin-bottom: 30px;
} .wp-block-archives.wp-block-archives-list {
list-style-type: none;
margin: 0 0 30px 0;
padding: 0;
}
.wp-block-archives.wp-block-archives-list li {
margin: 5px 0px;
}
.wp-block-archives.wp-block-archives-list li a {
position: relative;
}
.wp-block-archives.wp-block-archives-list li a:before {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
color: var(--text);
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
} .wp-block-calendar {
margin-bottom: 30px;
} .wp-block-categories {
list-style-type: none;
margin: 0 0 30px 0;
padding: 0;
}
.wp-block-categories li {
margin: 5px 0px;
}
.wp-block-categories li a {
position: relative;
}
.wp-block-categories li a:before {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
color: var(--text);
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
} .wp-block-latest-comments {
padding-left: 0;
}
.wp-block-latest-comments.has-avatars li:before {
display: none;
}
.wp-block-latest-comments li {
margin-bottom: 2em;
line-height: 1.5em;
}
.wp-block-latest-comments li:before {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.wp-block-latest-comments li .wp-block-latest-comments__comment-author {
text-decoration: underline;
}
.wp-block-latest-comments li a {
color: var(--primary);
}
.wp-block-latest-comments li time {
padding-top: 10px;
} .wp-block-search {
margin-bottom: 30px;
}
.wp-block-search .wp-block-search__label {
margin-bottom: 10px;
display: block;
}
.wp-block-search:before {
display: none !important;
}
.wp-block-search .wp-block-search__input {
border-color: #e0e0e0;
background-color: #ffffff;
padding-right: 20px !important;
padding-left: 20px !important;
}
.wp-block-search .wp-block-search__button {
padding: 12px 25px;
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
font-weight: 600;
margin-left: 5px;
}
.wp-block-search .wp-block-search__button:hover {
background-color: transparent;
color: var(--primary);
} .wp-block-latest-posts li a {
position: relative;
}
.wp-block-latest-posts li a:before {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
color: var(--text);
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.wp-block-latest-posts.has-dates li {
margin-bottom: 15px;
}
.wp-block-latest-posts.has-dates time {
padding-left: 20px;
} .wp-block-tag-cloud {
clear: both;
position: relative;
}
.wp-block-tag-cloud:after {
clear: both;
content: "";
display: inline-block;
width: 100%;
}
.wp-block-tag-cloud a {
float: left;
margin: 0 10px 10px 0;
display: block;
font-size: 0.9em !important;
background-color: #dddddd;
font-weight: bold;
color: var(--heading);
border-radius: 0;
padding: 8px 20px;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
.wp-block-tag-cloud a:hover {
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
} .wp-block-rss {
margin: 0;
padding: 0;
list-style-type: none;
}
.wp-block-rss li {
margin-bottom: 5px;
}
.wp-block-rss li a:before {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
color: var(--text);
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.widget_block .wp-block-group__inner-container > h2 {
font-size: 1.3195em;
padding-bottom: 15px;
margin-bottom: 15px;
} .header_sticky.sticky_bg_dark.active_sticky {
background-color: #000;
}
.header_sticky.active_sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
padding-top: 10px !important;
padding-bottom: 10px !important;
background-color: #fff;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
} .page_404 .message {
margin-top: 0;
padding-top: 0;
}
.ova_404_page {
text-align: center;
padding: 0 30px;
margin-top: 90px;
}
.ova_404_page .title-404 {
margin: 0;
font-size: 350px;
font-weight: 400;
line-height: 1;
color: var(--primary);
}
@media screen and (max-width: 666px) {
.ova_404_page .title-404 {
font-size: 170px;
}
}
@media screen and (max-width: 400px) {
.ova_404_page .title-404 {
font-size: 130px;
}
}
.ova_404_page .title {
margin-bottom: 29px;
font-size: 40px;
line-height: 1.2;
font-weight: 500;
color: var(--heading);
}
.ova_404_page .description {
margin-bottom: 60px;
font-size: 20px;
line-height: 1.2;
color: var(--text);
}
.ova_404_page form {
position: relative;
width: 100%;
height: 80px;
max-width: 550px;
display: inline-block;
margin-bottom: 40px;
}
.ova_404_page form:before {
font-size: 24px;
color: var(--heading);
font-family: "ovaicon";
content: "";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
position: absolute;
top: 50%;
right: 50px;
line-height: 1;
transform: translate(0, -50%);
cursor: pointer;
}
.ova_404_page form input[type=search] {
width: 100%;
height: 100%;
border: none;
border-radius: 0;
background-color: #e9edf2;
font-size: 16px;
line-height: 1.2;
color: var(--text);
padding-left: 50px;
}
.ova_404_page form input[type=submit] {
position: absolute;
right: 0px;
top: 0;
background-color: transparent;
border: none;
font-size: 0;
width: 110px;
height: 100%;
}
.ova_404_page .ova-go-home {
margin-bottom: 120px;
}
.ova_404_page .ova-go-home a {
display: inline-block;
position: relative;
z-index: 1;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
line-height: 1.2;
color: #FFFFFF;
padding: 24px 70px;
background-color: var(--primary);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova_404_page .ova-go-home a:before {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
position: absolute;
content: "";
bottom: 0;
right: 0;
height: 8px;
width: 8px;
background-color: var(--heading);
z-index: -1;
}
.ova_404_page .ova-go-home a:hover:before {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
width: 100%;
height: 100%;
} body.woocommerce.woo_layout_1c #woo_main {
max-width: 100%;
}
body.woocommerce.woo_layout_1c #woo_main #primary {
flex: 0 0 100%;
}
body.woocommerce.woo_layout_2l #woo_main {
float: right;
}
body.woocommerce.woo_layout_2l #woo_sidebar {
float: left;
}
body.woocommerce.woo_layout_2r #woo_main {
float: left;
}
body.woocommerce.woo_layout_2r #woo_sidebar {
float: right;
}
body.woocommerce #woo_main {
max-width: calc( var(--woo-main-content) - 30px );
width: 100%;
}
@media (max-width: 1023px) {
body.woocommerce #woo_main {
max-width: 100%;
}
}
body.woocommerce #woo_sidebar {
max-width: var(--woo-width-sidebar);
width: 100%;
}
@media (max-width: 1023px) {
body.woocommerce #woo_sidebar {
max-width: 100%;
margin-bottom: 70px;
}
} .woocommerce-message,
.woocommerce-info {
border-top-color: var(--primary);
}
.woocommerce-message::before {
color: var(--primary);
}
.woocommerce-info::before {
color: var(--primary);
} .woocommerce .select2-container .select2-selection--single .select2-selection__arrow {
background-image: url(https://dlpropertyindonesia.com/wp-content/themes/retirio/assets/img/base/select-arrow.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 12px 12px;
}
.woocommerce .select2-container .select2-selection--single .select2-selection__arrow b {
display: none;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.checkout-button,
.woocommerce #review_form #submit {
line-height: 1.5em;
border-radius: 0;
padding: 12px 25px;
font-size: 1em;
font-weight: 600;
}
@media (max-width: 1024px -1) {
.woocommerce #woo_main .content-area {
flex: 0 0 100%;
padding-left: 0px;
width: 100%;
}
}
.woocommerce #woo_main .content-area .woocommerce-result-count {
margin: 12px 0 0 0;
font-size: 18px;
line-height: 26px;
color: var(--text);
}
.woocommerce #woo_main .content-area .woocommerce-ordering {
width: 320px;
margin-bottom: 30px;
}
.woocommerce #woo_main .content-area .woocommerce-ordering select {
border: none;
padding: 20px 30px;
background-color: #f5f5f5;
border-radius: 0;
}
@media (max-width: 580px) {
.woocommerce #woo_main .content-area .woocommerce-ordering {
float: none;
}
.woocommerce #woo_main .content-area .woocommerce-ordering select {
margin-top: 20px;
}
}
.woocommerce #woo_main .content-area ul.products {
margin-bottom: 70px;
}
@media (max-width: 991px) {
.woocommerce #woo_main .content-area ul.products {
margin-bottom: 0px;
}
}
.woocommerce #woo_main .content-area ul.products li.product {
text-align: center;
position: relative;
overflow: hidden;
}
@media (max-width: 580px) {
.woocommerce #woo_main .content-area ul.products li.product {
width: 100%;
float: none;
}
}
.woocommerce #woo_main .content-area ul.products li.product .cat_product {
display: none;
color: var(--text);
font-size: 16px;
line-height: 1.4;
font-weight: 500;
line-height: 50px;
padding: 0 15px;
}
.woocommerce #woo_main .content-area ul.products li.product .button {
visibility: visible;
opacity: 1;
}
.woocommerce #woo_main .content-area ul.products li.product a.woocommerce-loop-product__link {
display: inline-flex;
flex-direction: column;
width: 100%;
}
.woocommerce #woo_main .content-area ul.products li.product .star-rating {
font-size: 13px;
margin: 0 auto 10px auto;
order: 3;
}
.woocommerce #woo_main .content-area ul.products li.product .onsale {
display: inline-block;
top: 10px;
right: 10px;
left: auto;
background: var(--primary);
padding: 0 10px;
margin: 0;
min-height: 25px;
line-height: 25px;
font-size: 14px;
font-weight: 600;
min-width: unset;
border-radius: 0;
text-transform: uppercase;
}
.woocommerce #woo_main .content-area ul.products li.product .woocommerce-loop-product__title {
font-size: 20px;
line-height: 1.4;
color: var(--heading);
padding: 8px 15px;
z-index: 3;
font-weight: 600;
}
.woocommerce #woo_main .content-area ul.products li.product .price {
font-size: 16px;
line-height: 1.2;
color: var(--text);
font-weight: 800;
margin-bottom: 12px;
}
.woocommerce #woo_main .content-area ul.products li.product .price ins {
margin-left: 6px;
text-decoration: none;
}
.woocommerce #woo_main .content-area ul.products li.product .button,
.woocommerce #woo_main .content-area ul.products li.product a.add_to_cart_button {
color: #fff;
border-radius: 0;
transition: 0.4s;
z-index: 2;
margin: 10px 15px 0px 15px;
background: var(--primary);
border: 1px solid var(--primary);
}
.woocommerce #woo_main .content-area ul.products li.product .button.loading:after,
.woocommerce #woo_main .content-area ul.products li.product a.add_to_cart_button.loading:after {
right: 0.5em;
}
.woocommerce #woo_main .content-area ul.products li.product .button:hover,
.woocommerce #woo_main .content-area ul.products li.product a.add_to_cart_button:hover {
background: var(--heading);
border-color: var(--heading);
}
.woocommerce #woo_main .content-area ul.products li.product a.added_to_cart {
margin-top: 20px;
display: inline-block;
visibility: visible;
opacity: 1;
background-color: transparent !important;
color: var(--heading);
text-decoration: underline;
text-transform: capitalize;
padding: 0px 15px 0px 15px;
}
.woocommerce #woo_main .content-area ul.products li.product a.added_to_cart:hover {
color: var(--primary);
transition: 0.3s ease;
}
.woocommerce #woo_main .content-area ul.products li.product a.added_to_cart:after {
padding-left: 5px;
}
.woocommerce #woo_main .content-area ul.products li.product .product_type_external:after,
.woocommerce #woo_main .content-area ul.products li.product .product_type_grouped:after,
.woocommerce #woo_main .content-area ul.products li.product .product_type_variable:after {
position: absolute;
top: 0;
right: 10px;
}
.woocommerce.elementor-default #woo_main {
padding: 0 10px;
}
.woocommerce div.product {       }
.woocommerce div.product .share-social-icons {
display: flex;
align-items: center;
flex-wrap: wrap;
row-gap: 10px;
list-style: none;
padding: 0;
margin: 30px 0 0 0;
clear: both;
}
.woocommerce div.product .share-social-icons li {
display: inline-block;
}
.woocommerce div.product .share-social-icons li:not(:last-child) {
margin-right: 12px;
}
.woocommerce div.product .share-social-icons li a {
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #f5f5f5;
width: 40px;
height: 40px;
border-radius: 50%;
font-family: var(--secondary-font);
font-weight: 400;
font-size: 14px;
line-height: 1.2;
font-feature-settings: "pnum" on, "lnum" on, "ordn" on;
color: var(--heading);
}
.woocommerce div.product .share-social-icons li a:hover {
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
background-color: var(--primary);
color: #fff;
}
.woocommerce div.product .onsale {
display: inline-block;
top: 10px;
left: 10px;
right: auto;
background: var(--primary);
padding: 0 10px;
margin: 0;
min-height: 25px;
line-height: 25px;
font-size: 14px;
font-weight: 600;
min-width: unset;
border-radius: 0;
text-transform: uppercase;
}
.woocommerce div.product .woocommerce-product-gallery {
margin: 0 0px 60px 0px;
}
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image:first-child {
margin-left: 0px;
margin-right: 0px;
display: block;
}
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image:not(:first-child) {
margin-top: 10px;
padding: 0px 0px 0 0px;
}
.woocommerce div.product .summary .product_title {
font-size: 34px;
line-height: 1.2;
font-weight: 800;
letter-spacing: 0.2px;
color: var(--heading);
margin-bottom: 15px;
}
.woocommerce div.product .summary .woocommerce-product-rating {
display: flex;
align-items: center;
padding: 0 0 30px 0;
margin: 0 0 30px 0;
border-bottom: 1px solid #e5e5e5;
}
.woocommerce div.product .summary .woocommerce-product-rating .star-rating {
font-size: 15px;
margin: 0 4px 0 0;
color: var(--primary);
}
.woocommerce div.product .summary .woocommerce-product-rating .woocommerce-review-link {
font-size: 16px;
color: var(--text);
line-height: 1.2;
}
.woocommerce div.product .summary .price {
margin: 0 0 20px 0;
color: var(--primary);
}
.woocommerce div.product .summary .price .woocommerce-Price-amount {
font-size: 25px;
line-height: 1.2;
color: var(--primary);
}
.woocommerce div.product .summary .price ins {
margin-left: 3px;
text-decoration: none;
}
.woocommerce div.product .summary .woocommerce-product-details__short-description {
margin-bottom: 35px;
}
.woocommerce div.product .summary .woocommerce-product-details__short-description p {
margin: 0px;
}
.woocommerce div.product .summary .stock {
margin: 0 0 18px 0;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.3px;
color: #0067da;
}
.woocommerce div.product .summary form.cart {
float: left;
margin-right: 12px;
}
.woocommerce div.product .summary form.cart table.group_table {
border: none;
}
.woocommerce div.product .summary form.cart table.group_table tr {
border: none;
}
.woocommerce div.product .summary form.cart table.group_table td {
border-color: #e8e8e8;
}
.woocommerce div.product .summary form.cart table.group_table td {
vertical-align: middle;
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #202b5d;
}
.woocommerce div.product .summary form.cart table.group_table td label {
margin: 0;
}
.woocommerce div.product .summary form.cart table.variations {
margin: 0;
}
.woocommerce div.product .summary form.cart table.variations tr {
border: none;
}
.woocommerce div.product .summary form.cart table.variations tr td {
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #62718d;
}
.woocommerce div.product .summary form.cart table.variations tr td label {
font-weight: 400;
margin: 0;
}
.woocommerce div.product .summary form.cart table.variations tr td .reset_variations {
font-size: 15px;
line-height: 1.2;
color: #202b5d;
margin-top: 10px;
display: inline-block !important;
}
.woocommerce div.product .summary form.cart table.variations tr td .select2-container {
height: 40px;
}
.woocommerce div.product .summary form.cart table.variations tr td .select2-selection--single {
border: 1px solid #e8e8e8;
border-radius: 2px;
}
.woocommerce div.product .summary form.cart table.variations tr td .select2-selection__rendered {
padding: 0 14px;
font-size: 15px;
color: #919baf;
}
.woocommerce div.product .summary form.cart .single_variation_wrap .woocommerce-variation-price {
margin-bottom: 23px;
}
.woocommerce div.product .summary form.cart .quantity {
margin: 0 15px 0 0;
}
.woocommerce div.product .summary form.cart .quantity input {
font-size: 16px;
color: var(--text);
padding-left: 20px;
padding-right: 10px;
border-color: #e5e5e5;
width: 80px;
height: 50px;
line-height: 50px;
border-radius: 0;
}
.woocommerce div.product .summary form.cart .quantity input::placeholder {
font-size: 16px;
color: var(--text);
}
.woocommerce div.product .summary form.cart .single_add_to_cart_button {
position: relative;
font-size: 12px;
border-radius: 0;
padding: 16px 25px;
line-height: 1.5em;
font-weight: 700;
color: #fff;
text-transform: uppercase;
background-color: var(--primary);
z-index: 1;
}
.woocommerce div.product .summary form.cart .single_add_to_cart_button:hover:before {
transition: all 0.5s ease;
width: 100%;
height: 100%;
}
.woocommerce div.product .summary form.cart .single_add_to_cart_button:before {
transition: all 0.5s ease;
position: absolute;
content: "";
bottom: 0;
right: 0;
height: 8px;
width: 8px;
background-color: var(--heading);
z-index: -1;
}
.woocommerce div.product .summary form.cart .single_add_to_cart_button:focus {
outline: none;
}
.woocommerce div.product .summary .product_meta {
clear: both;
}
.woocommerce div.product .summary .product_meta .posted_in {
display: none;
margin-bottom: 8px;
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
}
.woocommerce div.product .summary .product_meta .posted_in a {
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
}
.woocommerce div.product .summary .product_meta .tagged_as {
display: block;
font-size: 17px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #62718d;
}
.woocommerce div.product .summary .product_meta .tagged_as a {
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #202b5d;
}
.woocommerce div.product .summary .product_meta .sku_wrapper {
margin-bottom: 8px;
display: block;
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #62718d;
}
.woocommerce div.product .summary .product_meta .sku_wrapper .sku {
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #202b5d;
}
.woocommerce div.product .woocommerce-tabs {
margin-bottom: 55px;
padding-top: 50px;
}
.woocommerce div.product .woocommerce-tabs .panel {
border: 1px solid #e8e8e8;
border-top: none;
padding: 36px 30px 20px 30px;
}
.woocommerce div.product .woocommerce-tabs .panel#tab-additional_information h2 {
font-size: 24px;
line-height: 1.2;
color: #202b5d;
font-weight: 600;
margin: 0 0 20px 0;
display: inline-block;
}
.woocommerce div.product .woocommerce-tabs .panel#tab-additional_information table.shop_attributes {
border: 1px solid #e8e8e8;
}
.woocommerce div.product .woocommerce-tabs .panel#tab-additional_information table.shop_attributes th {
font-size: 17px;
line-height: 1.2;
font-weight: 400;
letter-spacing: 0.2px;
color: #202b5d;
text-transform: capitalize;
padding: 5px 15px;
}
.woocommerce div.product .woocommerce-tabs .panel#tab-additional_information table.shop_attributes td {
font-size: 16px;
line-height: 1.2;
font-weight: 400;
letter-spacing: 0.2px;
color: #62718d;
padding: 5px 15px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments .woocommerce-Reviews-title {
font-size: 24px;
margin-bottom: 35px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments .woocommerce-noreviews {
margin: -25px 0 29px 0;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist {
padding: 0;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li:not(:last-child) {
margin-bottom: 35px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container img.avatar {
width: 80px;
border: none;
border-radius: 50%;
background: transparent;
padding: 0;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text {
margin: 0 0 0 105px;
border: none;
padding: 0;
border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .star-rating {
font-size: 16px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .star-rating span:before {
color: #e3b25a;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .meta .woocommerce-review__author {
display: block;
font-size: 18px;
font-weight: 600;
color: var(--heading);
margin-bottom: 4px;
text-transform: capitalize;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .meta .woocommerce-review__dash, .woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .meta .woocommerce-review__verified {
display: none;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .meta .woocommerce-review__published-date {
font-size: 14px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-reply-title {
font-size: 20px;
line-height: 1.2;
font-weight: 600;
color: #2c2734;
margin-bottom: 35px;
font-family: var(--secondary-font);
text-transform: none;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form {
margin: 15px 0px 0px 0px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form p {
margin: 0 0 20px 0;
padding: 0;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-notes {
font-size: 16px;
line-height: 24px;
color: var(--text);
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-notes .required {
color: #ff623f;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form label {
display: inline-block;
font-size: 16px;
line-height: 24px;
font-weight: 500;
letter-spacing: 0.2px;
color: var(--heading);
text-transform: capitalize;
margin-bottom: 10px;
margin-right: 5px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form label .required {
color: #ff623f;
}
@media (max-width: 767px) {
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form label {
display: block;
}
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form textarea {
border: 1px solid #e8e8e8;
background-color: #fff;
height: 145px;
margin: 0;
padding: 12px 15px;
border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form input {
border: 1px solid #e8e8e8;
background-color: #fff;
width: calc(100% - 150px);
margin: 0;
}
@media (max-width: 767px) {
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form input {
width: 100%;
}
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-rating {
width: 100%;
margin-bottom: 15px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-rating label {
width: 100%;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-rating .stars {
display: inline-flex;
align-items: center;
margin: 0;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-rating .select2-container--default {
display: none;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-cookies-consent {
display: none;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .form-submit input {
display: inline-block;
font-size: 12px;
font-weight: 800;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
padding: 18px 35px;
width: unset;
border-radius: 0;
background-color: var(--primary);
border-color: var(--primary);
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .form-submit input:hover {
background: #222222;
border-color: #222222;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
margin: 0px;
display: flex;
background: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
border-bottom: 1px solid #e8e8e8;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: none;
background: #fff;
border-radius: 0px;
padding: 0 30px;
margin: 0;
position: relative;
z-index: 3;
border-bottom: 1px solid #e8e8e8;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
border: 1px solid #e8e8e8;
border-bottom: none;
border-top: 2px solid var(--primary);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:first-child {
margin-left: 1px;
border-left: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:first-child:before {
content: "";
position: absolute;
display: block;
top: 0;
left: -1px;
width: 1px;
height: 100%;
background: #e8e8e8;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 20px;
line-height: 26px;
font-weight: 500;
padding: 15px 0;
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .woocommerce-Reviews-title {
font-size: 20px;
line-height: 1.2;
margin: 0;
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel#tab-description > p {
margin-bottom: 30px;
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel#tab-description li {
color: var(--heading);
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel#tab-description li::marker {
color: var(--primary);
}
@media (max-width: 1023px) {
.woocommerce div.product .related {
margin-bottom: 60px;
}
}
.woocommerce div.product .related > h2 {
font-size: 34px;
line-height: 1.2;
color: var(--heading);
margin: 0 0 35px 0;
}
.woocommerce div.product .yith-wcwl-wishlistexistsbrowse, .woocommerce div.product .yith-wcwl-wishlistaddedbrowse {
padding-top: 8px;
}
.woocommerce div.product .yith-wcwl-wishlistexistsbrowse i, .woocommerce div.product .yith-wcwl-wishlistaddedbrowse i {
color: var(--primary);
}
.woocommerce div.product .yith-wcwl-add-button .button {
position: relative;
background-color: var(--heading);
}
.woocommerce div.product .yith-wcwl-add-button .button i {
display: none;
}
.woocommerce div.product .yith-wcwl-add-button .button span {
position: relative;
z-index: 1;
text-transform: uppercase;
font-size: 12px;
}
.woocommerce div.product .yith-wcwl-add-button .button:hover:before {
transition: all 0.5s ease;
width: 100%;
height: 100%;
}
.woocommerce div.product .yith-wcwl-add-button .button:before {
transition: all 0.5s ease;
position: absolute;
content: "";
bottom: 0;
right: 0;
height: 8px;
width: 8px;
background-color: var(--primary);
}
.woocommerce-checkout {     }
.woocommerce-checkout h3 {
text-transform: uppercase;
font-size: 1.2em;
margin-top: 0;
}
.woocommerce-checkout form.checkout_coupon p {
margin-bottom: 10px;
margin-top: 0;
}
.woocommerce-checkout form.checkout_coupon .form-row-first,
.woocommerce-checkout form.checkout_coupon .form-row-last {
width: 49% !important;
}
.woocommerce-checkout form.checkout_coupon input.input-text {
line-height: 1.5em;
}
.woocommerce-checkout form.checkout_coupon .button {
line-height: 1.5em;
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
padding: 12px 25px;
}
.woocommerce-checkout form.checkout_coupon .button:hover {
background-color: var(--heading);
color: #fff;
}
.woocommerce-checkout #customer_details {
margin-bottom: 30px;
}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
max-width: 100%;
padding: 0;
}
.woocommerce-checkout #customer_details label {
display: block;
width: 100%;
font-size: 1em;
color: var(--heading);
font-weight: 600;
margin-bottom: 5px;
margin-top: 5px;
}
.woocommerce-checkout #customer_details input {
border: 1px solid;
border-color: #e0e0e0;
line-height: 1.5em;
padding: 12px 15px;
color: var(--text);
border-radius: 0;
background: #ffffff;
}
.woocommerce-checkout #customer_details textarea {
border: 1px solid;
border-color: #e0e0e0;
height: 100px;
padding: 10px 15px;
border-radius: 0;
color: var(--text);
background: #ffffff;
}
.woocommerce-checkout #customer_details .select2-container .select2-selection--single {
height: 45px;
border: 1px solid;
border-color: #e0e0e0;
border-radius: 0;
}
.woocommerce-checkout #customer_details .select2-container .select2-selection--single .select2-selection__arrow {
height: 45px;
position: absolute;
top: 1px;
right: 10px;
width: 20px;
}
.woocommerce-checkout #customer_details .select2-container .select2-selection--single .select2-selection__rendered {
color: var(--text);
padding-left: 15px;
line-height: 45px;
}
.woocommerce-checkout #customer_details .form-row {
margin-top: 0;
margin-bottom: 15px;
padding: 0;
width: 100%;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper {
display: flex;
flex-wrap: wrap;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_first_name_field {
order: 1;
width: 50%;
padding-right: 10px;
}
@media (max-width: 767px) {
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_first_name_field {
padding-right: 0px;
width: 100%;
}
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_last_name_field {
order: 2;
width: 50%;
padding-left: 10px;
}
@media (max-width: 767px) {
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_last_name_field {
padding-left: 0px;
width: 100%;
}
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_company_field {
order: 3;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_phone_field {
order: 4;
width: 50%;
padding-right: 10px;
}
@media (max-width: 767px) {
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_phone_field {
padding-right: 0px;
width: 100%;
}
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_email_field {
order: 5;
width: 50%;
padding-left: 10px;
}
@media (max-width: 767px) {
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_email_field {
padding-left: 0;
width: 100%;
}
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_country_field {
order: 7;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_address_1_field {
order: 8;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_address_2_field {
order: 9;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_city_field {
order: 10;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_state_field {
order: 11;
width: 50%;
padding-right: 10px;
}
@media (max-width: 767px) {
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_state_field {
padding-right: 0px;
width: 100%;
}
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_postcode_field {
order: 12;
width: 50%;
}
@media (max-width: 767px) {
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_postcode_field {
padding: 0;
width: 100%;
}
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row .woocommerce-input-wrapper {
width: 100%;
display: block;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields h3 label {
margin: 0;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields h3 label input {
height: unset;
margin: 0 5px 0 0;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields h3 label span {
font-weight: 600;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields .form-row {
margin: 0 0 15px 0;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields .form-row.form-row-first {
width: 100%;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields .form-row.form-row-last {
width: 100%;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields .form-row .woocommerce-input-wrapper {
width: 100%;
}
.woocommerce-checkout #customer_details .woocommerce-additional-fields .form-row {
margin: 0 0 15px 0;
padding: 0;
}
.woocommerce-checkout table.shop_table {
border: 1px solid;
border-color: #e0e0e0;
}
.woocommerce-checkout table.shop_table thead tr th {
border: none;
border-bottom: 1px solid #e0e0e0;
}
.woocommerce-checkout table.shop_table thead tr th.product-name {
border-right: 1px solid #e0e0e0;
}
.woocommerce-checkout table.shop_table tbody tr {
border: none;
}
.woocommerce-checkout table.shop_table tbody tr td {
border: none;
}
.woocommerce-checkout table.shop_table tbody tr td.product-name {
border-right: 1px solid #e0e0e0;
}
.woocommerce-checkout #payment {
border-radius: 0px;
background: #e8eaee;
}
.woocommerce-checkout #payment ul.wc_payment_methods {
padding: 32px 25px 32px 25px;
border-bottom-color: #e0e0e0;
}
.woocommerce-checkout #payment ul.wc_payment_methods li input {
height: unset;
margin: 0 8px 0 0;
}
.woocommerce-checkout #payment ul.wc_payment_methods li label {
margin: 0 0 0 0;
font-size: 18px;
line-height: 1.2;
letter-spacing: 0.2px;
color: var(--heading);
font-weight: 500;
}
.woocommerce-checkout #payment ul.wc_payment_methods li .payment_box {
background: #fff;
margin: 12px 0 22px 0;
border-radius: 0;
}
.woocommerce-checkout #payment ul.wc_payment_methods li .payment_box:before {
border-bottom-color: #fff;
}
.woocommerce-checkout #payment ul.wc_payment_methods li .payment_box p {
font-size: 17px;
line-height: 22px;
color: var(--text);
}
.woocommerce-checkout #payment ul.wc_payment_methods li.payment_method_paypal label {
width: calc(100% - 26px);
}
.woocommerce-checkout #payment ul.wc_payment_methods li.payment_method_paypal label a {
float: right;
}
.woocommerce-checkout #payment ul.wc_payment_methods li.payment_method_paypal label a:after {
content: "";
display: block;
clear: both;
}
.woocommerce-checkout #payment .place-order {
justify-content: flex-end;
padding: 20px 25px 20px 20px;
}
.woocommerce-checkout #payment .place-order #place_order {
font-size: 1.2em;
color: #fff;
background: #333;
}
.woocommerce-checkout #payment .place-order #place_order:hover {
background: var(--primary);
}
.woocommerce { }
.woocommerce .woocommerce-cart-form table, .woocommerce .woocommerce-cart-form tr, .woocommerce .woocommerce-cart-form td, .woocommerce .woocommerce-cart-form th {
border: none;
}
.woocommerce .woocommerce-cart-form table.shop_table td {
border: none;
}
.woocommerce .woocommerce-cart-form table.shop_table thead tr {
display: flex;
flex-wrap: wrap;
align-items: center;
background: #e8eaee;
height: 55px;
padding: 0 0 0 13px;
}
.woocommerce .woocommerce-cart-form table.shop_table thead tr th {
font-size: 1em;
color: var(--heading);
text-transform: uppercase;
}
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-remove {
order: 9;
flex: 0 0 60px;
}
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-thumbnail {
display: none;
}
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-name {
flex: 0 0 calc(100% - 610px);
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-name {
flex: 0 0 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-price {
flex: 0 0 150px;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-price {
flex: 0 0 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-quantity {
flex: 0 0 165px;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-quantity {
flex: 0 0 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-subtotal {
flex: 0 0 235px;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-subtotal {
flex: 0 0 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0 0 0 13px;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr {
padding: 0;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr:not(:last-child) {
border-bottom: 1px solid #e8e8e8;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr:last-child {
padding: 0;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr:last-child td {
padding: 25px 0px 20px 0px;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td {
font-size: 16px;
letter-spacing: 0.2px;
padding: 20px 12px;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td input {
border-radius: 0;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-remove {
order: 9;
flex: 0 0 60px;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-remove {
order: unset;
flex: 0 0 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-remove a {
font-size: 20px;
border: 1px solid #e5e5e5;
width: 25px;
height: 25px;
font-weight: normal;
padding: 1px 0px 0px 1px;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-remove a:hover {
color: #fff !important;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-thumbnail {
flex: 0 0 90px;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-name {
flex: 0 0 calc(100% - 700px);
padding-left: 0;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-name {
flex: 0 0 100%;
padding-left: 12px;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-name a {
font-size: 1em;
color: var(--heading);
font-weight: bold;
border-bottom: none;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-name a:hover {
color: var(--primary);
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-price {
flex: 0 0 150px;
color: var(--text);
line-height: 1.2;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-price {
flex: 0 0 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-quantity {
flex: 0 0 165px;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-quantity {
flex: 0 0 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-quantity input {
font-size: 16px;
color: var(--text);
height: 33px;
width: 70px;
line-height: 33px;
border: 1px solid #e8e8e8;
padding-right: 0;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-subtotal {
flex: 0 0 235px;
color: var(--text);
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-subtotal {
flex: 0 0 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon {
width: 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .input-text {
min-width: 160px;
border: 1px solid;
border-color: #e0e0e0;
line-height: 1.5em;
padding: 12px 15px;
margin-right: 10px;
font-size: 15px;
color: var(--text);
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .input-text::placeholder {
font-size: 15px;
color: #62718d;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .input-text {
width: 100%;
display: block;
margin-bottom: 20px;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .button {
background: var(--primary);
line-height: 1.5em;
padding: 12px 25px;
border-radius: 0;
color: #fff;
font-weight: 600;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .button:hover {
background-color: var(--heading);
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .button:focus {
background-color: var(--heading);
outline: none;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .button {
display: block;
width: 100%;
margin-bottom: 20px;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .button[name=update_cart] {
background: var(--primary);
color: #fff;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .button[name=update_cart]:hover {
background: var(--heading);
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .button[name=update_cart] {
display: block;
width: 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td a {
display: inline-block;
border-bottom: none;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td a img {
width: 60px;
}
.woocommerce .cart-collaterals {
margin-bottom: 80px;
}
.woocommerce .cart-collaterals .cart_totals > h2 {
font-size: 1.2em;
text-transform: uppercase;
color: var(--heading);
margin-bottom: 15px;
}
@media (max-width: 767px) {
.woocommerce .cart-collaterals .cart_totals table, .woocommerce .cart-collaterals .cart_totals tr, .woocommerce .cart-collaterals .cart_totals td, .woocommerce .cart-collaterals .cart_totals th {
border: none;
}
}
.woocommerce .cart-collaterals .cart_totals .shop_table {
border: 1px solid #e0e0e0;
border-collapse: separate !important;
border-bottom: none;
border-radius: 0;
}
.woocommerce .cart-collaterals .cart_totals .shop_table tbody tr th {
border: none;
border-right: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}
.woocommerce .cart-collaterals .cart_totals .shop_table tbody tr td {
border: none;
border-bottom: 1px solid #e0e0e0;
}
.woocommerce .cart-collaterals .cart_totals .shop_table .select2-container .select2-selection--single {
height: 45px;
border: 1px solid;
border-color: #e0e0e0;
border-radius: 0;
}
.woocommerce .cart-collaterals .cart_totals .shop_table .select2-container .select2-selection--single .select2-selection__arrow {
height: 45px;
position: absolute;
top: 1px;
right: 10px;
width: 20px;
}
.woocommerce .cart-collaterals .cart_totals .shop_table .select2-container .select2-selection--single .select2-selection__rendered {
color: var(--text);
padding-left: 15px;
line-height: 45px;
}
.woocommerce .cart-collaterals .cart_totals .shop_table button[name=calc_shipping] {
background: var(--primary);
line-height: 1.5em;
padding: 12px 25px;
border-radius: 0;
color: #fff;
}
.woocommerce .cart-collaterals .cart_totals .shop_table button[name=calc_shipping]:hover {
background-color: var(--heading);
color: #fff;
}
.woocommerce .cart-collaterals .cart_totals .checkout-button {
background-color: var(--heading);
}
.woocommerce .cart-collaterals .cart_totals .checkout-button:hover {
background: var(--primary);
}
.woocommerce .woocommerce-order h2 {
font-size: 1.3em;
text-transform: uppercase;
margin-bottom: 15px;
}
.woocommerce .woocommerce-order .order_details {
padding-left: 15px;
}
.woocommerce .woocommerce-order .order_details li {
margin-bottom: 10px;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-order .order_details li {
display: block;
width: 100%;
margin: 0 0 15px 0px;
padding: 0;
border-right: none;
}
}
.woocommerce {  }
.woocommerce ul.ova-login-register-woo {
list-style-type: none;
padding: 0;
margin: 0 0 50px 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.woocommerce ul.ova-login-register-woo li {
padding: 0 13px;
}
.woocommerce ul.ova-login-register-woo li.active a {
position: relative;
}
.woocommerce ul.ova-login-register-woo li.active a:after {
position: absolute;
bottom: -6px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #f00;
}
.woocommerce ul.ova-login-register-woo li a {
font-size: 24px;
line-height: 26px;
color: #202b5d;
letter-spacing: 0.2px;
font-weight: 400;
}
.woocommerce #customer_login.col2-set .col-1, .woocommerce #customer_login.col2-set .col-2 {
max-width: 100%;
float: unset;
margin: 0 auto;
}
.woocommerce #customer_login.col2-set .col-1 > h2, .woocommerce #customer_login.col2-set .col-2 > h2 {
display: none;
}
.woocommerce #customer_login .woocommerce-form {
border: none;
margin-top: 0;
padding-top: 0;
}
.woocommerce #customer_login .woocommerce-form .woocommerce-form-row {
padding: 0;
margin: 0 0 15px 0;
}
.woocommerce #customer_login .woocommerce-form .woocommerce-form-row label {
font-size: 17px;
line-height: 24px;
color: var(--heading);
display: block;
width: 100%;
margin: 0 0 6px 0;
font-weight: 600;
}
.woocommerce #customer_login .woocommerce-form .woocommerce-form-row input {
min-width: 400px;
border-radius: 0;
padding: 12px 15px;
line-height: 1.5em;
color: var(--text);
}
.woocommerce #customer_login .woocommerce-form .woocommerce-form-row .show-password-input {
right: 10px;
}
.woocommerce #customer_login .woocommerce-form .form-row {
display: flex;
flex-direction: column;
}
.woocommerce #customer_login .woocommerce-form .form-row .woocommerce-form-login__rememberme {
order: 1;
margin-bottom: 10px;
}
.woocommerce #customer_login .woocommerce-form .form-row button {
order: 2;
}
.woocommerce #customer_login .woocommerce-form button[type=submit] {
border-radius: 0;
padding: 12px 25px;
line-height: 1.5em;
background-color: var(--primary);
color: #fff;
min-width: 400px;
}
.woocommerce #customer_login .woocommerce-form button[type=submit]:hover {
background-color: var(--heading);
color: #fff;
}
.woocommerce #customer_login .woocommerce-form .woocommerce-LostPassword {
margin-top: 7px;
}
.woocommerce #customer_login .woocommerce-form .woocommerce-LostPassword a {
color: var(--heading);
text-decoration: underline;
}
.woocommerce #customer_login .woocommerce-form .woocommerce-LostPassword a:hover {
color: var(--primary);
}
.woocommerce #customer_login .woocommerce-form.woocommerce-form-register {
display: none;
border: none;
max-width: 400px;
padding: 0;
margin: -5px auto 80px auto;
}
.woocommerce #customer_login .woocommerce-form.woocommerce-form-register .woocommerce-form-row, .woocommerce #customer_login .woocommerce-form.woocommerce-form-register .woocommerce-privacy-policy-text {
margin-bottom: 15px;
}
.woocommerce #customer_login .woocommerce-form.woocommerce-form-register p {
margin-bottom: 10px;
}
.woocommerce #customer_login .woocommerce-form.woocommerce-form-register .woocommerce-form-register__submit {
border-radius: 0;
padding: 12px 25px;
line-height: 1.5em;
background-color: var(--primary);
color: #fff;
min-width: 400px;
}
.woocommerce #customer_login .woocommerce-form.woocommerce-form-register .woocommerce-form-register__submit:hover {
background-color: var(--heading);
color: #fff;
} .woocommerce-account .page-title {
display: none;
}
.woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li:hover a {
background-color: var(--primary);
color: #fff;
}
.woocommerce-MyAccount-navigation ul li a {
list-style-type: none;
background-color: #f1f1f1;
margin-bottom: 10px;
padding: 10px 15px;
display: block;
color: var(--heading);
font-weight: bold;
}
.woocommerce .woo-sidebar {
flex: 0 0 320px;
}
@media (max-width: 991px) {
.woocommerce .woo-sidebar {
flex: 0 0 100%;
}
}
.woocommerce .woo-sidebar .woo_widget {
margin-bottom: 30px;
padding: 30px;
border: 1px solid #e5e5e5;
}
.woocommerce .woo-sidebar .woo_widget.widget_product_search {
padding: 0;
border: none;
}
.woocommerce .woo-sidebar .woo_widget.widget_product_categories h4.widget-title {
margin-bottom: 10px;
}
.woocommerce .woo-sidebar .woo_widget.widget_product_categories li {
padding: 5px 15px;
margin: 0 -15px;
}
.woocommerce .woo-sidebar .woo_widget.widget_product_categories li:hover {
background-color: #f5f5f5;
}
.woocommerce .woo-sidebar .woo_widget.widget_product_categories li:hover a {
color: var(--heading);
}
.woocommerce .woo-sidebar .woo_widget.widget_product_categories li a:hover {
color: var(--primary);
}
.woocommerce .woo-sidebar .woo_widget ul {
margin: 0;
}
.woocommerce .woo-sidebar .woo_widget h4.widget-title {
font-size: 20px;
font-weight: 800;
padding: 0;
margin-bottom: 20px;
}
.woocommerce .woo-sidebar .widget_products {
padding: 50px 30px 40px 30px;
background-color: #f7f4f2;
border-radius: 10px;
}
@media (max-width: 991px) {
.woocommerce .woo-sidebar .widget_products ul.product_list_widget {
padding: 0 20px 0 0;
}
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li:not(:last-child) {
border-bottom: 1px solid #e5e5e5;
margin: 0 0 20px 0;
padding: 0 0 40px 0;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li a {
display: flex;
margin-bottom: -47px;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li a img {
float: unset;
width: 80px;
flex: 0 0 80px;
border: 1px solid #e5e5e5;
border-radius: 5px;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li a .product-title {
flex: 0 0 calc(100% - 100px);
font-size: 18px;
line-height: 26px;
letter-spacing: 0.2px;
font-weight: 400;
color: #2c2734;
margin-left: 20px;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li .star-rating {
margin: 0 0 8px 104px;
font-size: 13px;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li .woocommerce-Price-amount {
font-size: 20px;
line-height: 26px;
color: #88858e;
font-weight: 400;
margin-left: 104px;
position: relative;
bottom: -20px;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li ins .woocommerce-Price-amount {
margin-left: 2px;
}
.woocommerce .woo-sidebar .widget_product_search .woocommerce-product-search {
display: flex;
}
.woocommerce .woo-sidebar .widget_product_search .woocommerce-product-search .search-field {
border-radius: 0;
padding: 20px 8px 20px 30px;
max-width: calc( var(--woo-width-sidebar) - 85px );
}
.woocommerce .woo-sidebar .widget_product_search .woocommerce-product-search button {
border-radius: 0;
padding: 12px 15px;
}
.woocommerce .woo-sidebar .widget_product_search .woocommerce-product-search button:hover {
background-color: var(--heading);
border-color: var(--heading);
color: #fff;
}
.woocommerce .woo-sidebar .widget_product_tag_cloud .tagcloud a {
float: left;
display: block;
margin: 0 10px 10px 0;
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #f5f5f5;
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-range {
background-color: var(--primary);
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle {
background: var(--primary);
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount {
display: flex;
flex-wrap: wrap;
row-gap: 10px;
justify-content: space-between;
align-items: center;
flex-direction: row-reverse;
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount .button {
font-size: 12px;
text-transform: uppercase;
color: #fff;
font-weight: 700;
background: var(--primary);
height: 40px;
line-height: 1;
padding: 12px 18px;
border-radius: 0;
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount .price_label {
font-size: 14px;
font-weight: 500;
line-height: 1.2;
color: var(--text);
text-transform: uppercase;
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount .clear {
display: none;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
line-height: 3em;
}
@media (max-width: 767px) {
.woocommerce-error, .woocommerce-info, .woocommerce-message {
line-height: 1.6em;
}
} .brand_el .logo_desktop {
display: block;
}
@media (max-width: 1023px) {
.brand_el .logo_desktop {
display: none;
}
}
.brand_el .logo_mobile {
display: none;
}
@media (max-width: 1023px) {
.brand_el .logo_mobile {
display: block;
}
}
.brand_el .logo_sticky {
display: none;
}
.header_sticky.active_sticky .brand_el .logo_desktop,
.header_sticky.active_sticky .brand_el .logo_mobile {
display: none;
}
.header_sticky.active_sticky .brand_el .logo_sticky {
display: block;
}
@media (max-width: 1023px) {
.elementor-widget-ova_menu .primary-navigation {
position: absolute;
left: 0;
top: 0;
}
}  .align_right > .elementor-container {
float: right;
width: 100%;
} .ova_openNav {
display: none;
}
.ova_nav {
width: 100%;  }
.ova_nav .ova_closeNav {
display: none;
}
.ova_nav .dropdown-menu {
padding: 0px;
margin: 0;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.ova_nav .dropdown-menu > li {
width: 100%;
position: relative;
}
.ova_nav .dropdown-menu > li > a {
color: #343434;
display: block;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
}
.ova_nav ul.menu {
display: flex;
list-style: none;
margin: 0;
padding: 0; }
.ova_nav ul.menu > li {
padding: 0px 15px;
}
.ova_nav ul.menu > li > a {
color: #343434;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
}
.ova_nav ul.menu button.dropdown-toggle {
display: none;
}
.ova_nav ul.menu button.dropdown-toggle:after {
display: none;
} .sub_menu_dir_left .dropdown-menu li {
text-align: right;
position: relative; }
.sub_menu_dir_left .dropdown-menu li.dropdown a i {
position: absolute;
left: 10px;
top: 50%;
margin-top: -10px;
}
.sub_menu_dir_left .dropdown-menu li.dropdown a i:before {
content: "4";
font-family: "eleganticons";
}
.sub_menu_dir_left .dropdown-menu li .dropdown-menu {
position: absolute;
left: auto;
right: 100%;
top: 0;
}
.sub_menu_dir_right .dropdown-menu li {
text-align: left; }
.sub_menu_dir_right .dropdown-menu li.dropdown a i {
position: absolute;
right: 10px;
top: 50%;
margin-top: -10px;
}
.sub_menu_dir_right .dropdown-menu li.dropdown a i:before {
content: "5";
font-family: "eleganticons";
}
.sub_menu_dir_right .dropdown-menu li .dropdown-menu {
position: absolute;
right: auto;
left: 100%;
top: 0;
} .ova_closeCanvas {
height: 100%;
width: 100%;
position: fixed;
z-index: -1;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.7);
overflow-y: auto;
overflow-x: hidden;
text-align: center;
opacity: 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
visibility: hidden;
}
.ova_closeCanvas.show {
opacity: 1;
z-index: 9998;
visibility: visible;
}
@media (min-width: 1025px) { .ova_wrap_nav.column ul.menu.sub_menu_dir_right > li.dropdown > a i:before {
content: "5";
font-family: "eleganticons";
}
.ova_wrap_nav.column ul.menu > li {
width: 100%;
}
.ova_wrap_nav.column ul.menu > li > .dropdown-menu {
left: 100%;
top: 0 !important;
}
.ova_nav ul.menu { }
.ova_nav ul.menu .dropdown-menu {
visibility: hidden;
display: block;
top: 110%;
z-index: -1;
}
.ova_nav ul.menu > li:hover > .dropdown-menu {
display: block;
z-index: 9999;
webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
visibility: visible;
top: 100%;
}
.ova_nav ul.menu > li:hover > .dropdown-menu > li:hover > .dropdown-menu {
display: block;
opacity: 1;
z-index: 9999;
webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
visibility: visible;
top: 0;
}
} @media (max-width: 1024px) { .ova-wrapp {
transition: margin-left 0.5s;
}
.ova_openNav {
display: block;
border: none;
outline: none;
cursor: pointer;
}
.ova_openNav:focus {
outline: none;
} .NavBtn_right {
float: right;
margin: 0;
padding: 0;
}
.NavBtn_left {
float: left;
}
.NavBtn_center {
justify-content: center;
} .logged-in .ova_nav {
padding-top: 60px;
}
.ova_nav {
height: 100%;
width: 250px;
position: fixed;
z-index: 9999;
top: 0;
overflow-x: hidden;
padding-top: 30px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);   }
.ova_nav ul.menu li {
width: 100%;
display: block;
align-items: center; }
.ova_nav ul.menu li a {
width: 100%;
}
.ova_nav ul.menu li a i {
display: none;
}
.ova_nav ul.menu li button.dropdown-toggle {
display: block;
position: absolute;
top: 3px;
right: 10px;
background: transparent;
border: none;
outline: none;
}
.ova_nav ul.menu li.active_sub > .dropdown-menu {
display: block;
}
.ova_nav ul.menu li.active_sub > button.dropdown-toggle > i:before {
content: "2";
font-family: "eleganticons";
}
.ova_nav ul.menu .dropdown-menu {
position: relative !important;
transform: none !important;
left: 0;
top: 0;
right: auto;
border: none !important;
background: transparent !important;
display: none;
opacity: 1;
visibility: visible;
width: 100%;
}
.ova_nav.canvas_left {
left: 0;
-webkit-transform: translateX(-250px);
-ms-transform: translateX(-250px);
transform: translateX(-250px); }
.ova_nav.canvas_left.show {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.ova_nav.canvas_left .ova_closeNav {
display: block;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
color: #fff;
text-align: right;
}
.ova_nav.canvas_left ul.menu {
align-items: flex-start;
text-align: left;  }
.ova_nav.canvas_left ul.menu button.dropdown-toggle {
right: 10px;
}
.ova_nav.canvas_left ul.menu .dropdown-menu {
transition: unset; }
.ova_nav.canvas_left ul.menu .dropdown-menu li {
text-align: left;
border: none !important;
background: transparent !important;
clear: both;
}
.ova_nav.canvas_left ul.menu .dropdown-menu .dropdown-menu {
padding-left: 15px;
}
.ova_nav.canvas_right {
right: 0;
-webkit-transform: translateX(250px);
-ms-transform: translateX(250px);
transform: translateX(250px); }
.ova_nav.canvas_right.show {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.ova_nav.canvas_right .ova_closeNav {
display: block;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
color: #fff;
text-align: left;
}
.ova_nav.canvas_right ul.menu {
align-items: flex-end;
text-align: right;  }
.ova_nav.canvas_right ul.menu button.dropdown-toggle {
left: 10px;
}
.ova_nav.canvas_right ul.menu .dropdown-menu {
transition: unset; }
.ova_nav.canvas_right ul.menu .dropdown-menu li {
text-align: right;
border: none !important;
background: transparent !important;
}
.ova_nav.canvas_right ul.menu .dropdown-menu .dropdown-menu {
padding-right: 15px;
}
.ova_nav.canvas_bg_gray {
background-color: #343434;
}
.ova_nav.canvas_bg_gray ul.menu li a,
.ova_nav.canvas_bg_gray ul.menu li .dropdown-toggle {
color: #fff !important;
}
.ova_nav.canvas_bg_white {
background-color: #fff;
}
.ova_nav.canvas_bg_white ul.menu li a,
.ova_nav.canvas_bg_white ul.menu li .dropdown-toggle {
color: #343434 !important;
}
.ova_nav ul.menu {
flex-direction: column !important;
}
}
@media (max-width: 767px) { .NavBtn_right, .NavBtn_left {
float: none;
margin: 0;
padding: 0;
}
.NavBtn_right_m {
float: right;
margin: 0;
padding: 0;
}
.NavBtn_left_m {
float: left;
}
.NavBtn_center_m {
justify-content: center;
}
.mobi_no_shrink {
position: relative !important;
}
} .menu-canvas { }
.menu-canvas .menu-toggle {
display: block;
z-index: 999;
padding: 0px;
width: 25px;
height: 25px;
border: none;
background-color: transparent;
}
.menu-canvas .menu-toggle:before, .menu-canvas .menu-toggle:after,
.menu-canvas .menu-toggle span:before {
width: 25px;
left: 0px;
background-color: var(--primary);
}
.menu-canvas .menu-toggle:before {
transform: translateY(-7px);
}
.menu-canvas .menu-toggle:after {
transform: translateY(7px);
}
.menu-canvas .container-menu {
overflow: hidden;
overflow-y: auto;
position: fixed;
top: 0;
bottom: 0;
background-color: #222;
color: #fff;
width: 290px;
padding: 30px;
z-index: 999;
opacity: 1;
transition: transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-webkit-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
}
.menu-canvas .container-menu .close-menu {
padding-top: 0px;
color: #fff;
font-size: 1em;
z-index: 999;
cursor: pointer;
text-align: right;
}
.menu-canvas .container-menu.dir_left {
left: 0;
-webkit-transform: translate3d(-290px, 0, 0);
transform: translate3d(-290px, 0, 0);
}
.menu-canvas .container-menu.dir_right {
right: 0;
-webkit-transform: translate3d(290px, 0, 0);
transform: translate3d(290px, 0, 0);
}
.menu-canvas .site-overlay {
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
background-color: #000;
opacity: 0;
visibility: hidden;
position: fixed;
z-index: 998;
}
.menu-canvas.toggled .menu-toggle:before, .menu-canvas.toggled .menu-toggle:after,
.menu-canvas.toggled .menu-toggle span:before {
background-color: #fff !important;
}
.menu-canvas.toggled .container-menu {
transform: none;
-webkit-transform: none;
}
.menu-canvas.toggled .site-overlay {
opacity: 0.8;
visibility: visible;
transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-webkit-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
}
.menu-canvas .menu {
clear: both;
}
.menu-canvas ul {
list-style: none;
}
.menu-canvas ul.menu {
margin: 0;
padding: 0;
}
.menu-canvas ul.menu ul {
max-height: 0;
overflow: hidden;
transition: all ease 0.4s;
margin: 0 0px 0 15px;
padding: 0;
}
.menu-canvas ul.menu ul.show {
max-height: 999px;
}
.menu-canvas ul li {
display: inline-block;
position: relative;
text-align: left;
display: block;
}
.menu-canvas ul li a {
color: #fff;
padding: 0.6180469716em 0;
display: block;
border-bottom: 1px solid #333;
}
.menu-canvas ul li a:hover {
opacity: 0.7;
}
.menu-canvas .dropdown-toggle {
background: transparent;
position: absolute;
top: 0;
right: 0;
display: block;
padding: 0.5em 0 0.5em 10px;
color: inherit;
border-radius: 0;
border: none;
cursor: pointer;
}
.menu-canvas .dropdown-toggle::after {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
font-size: 0.6em;
}
.menu-canvas .dropdown-toggle:focus {
outline: none;
}
.menu-canvas .dropdown-toggle:hover {
background: transparent;
}
.menu-canvas .dropdown-toggle.toggled-on:after {
content: "";
font-family: "ovaicon";
}
.wrap_header_banner {
width: 100%;
position: relative; }
.wrap_header_banner.left ul.breadcrumb {
justify-content: flex-start;
}
.wrap_header_banner.right ul.breadcrumb {
justify-content: flex-end;
}
.wrap_header_banner.center ul.breadcrumb {
justify-content: center;
}
.wrap_header_banner ul.breadcrumb {
margin: 0;
padding: 0;
}
.wrap_header_banner ul.breadcrumb li .separator i {
opacity: 0.6;
}
.wrap_header_banner.bg_feature_img {
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}
.wrap_header_banner .cover_color {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wrap_header_banner .header_banner_el {
position: relative;
z-index: 1;
}
.wrap_header_banner .header_title {
margin: 0;
padding: 0;
font-size: 26px;
text-transform: uppercase;
line-height: 1.1em;
font-weight: 500;
} .ova-move-up {
animation-name: ovaMoveUp;
-moz-animation-name: ovaMoveUp;
-webkit-animation-name: ovaMoveUp;
}
@-webkit-keyframes ovaMoveUp {
from {
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes ovaMoveUp {
from {
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-ms-keyframes ovaMoveUp {
from {
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes ovaMoveUp {
from {
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.ova-move-down {
animation-name: ovaMoveDown;
-moz-animation-name: ovaMoveDown;
-webkit-animation-name: ovaMoveDown;
}
@-webkit-keyframes ovaMoveDown {
from {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes ovaMoveDown {
from {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-ms-keyframes ovaMoveDown {
from {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes ovaMoveDown {
from {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.ova-move-left {
animation-name: ovaMoveLeft;
-moz-animation-name: ovaMoveLeft;
-webkit-animation-name: ovaMoveLeft;
}
@-webkit-keyframes ovaMoveLeft {
from {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@-moz-keyframes ovaMoveLeft {
from {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@-ms-keyframes ovaMoveLeft {
from {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes ovaMoveLeft {
from {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.ova-move-right {
animation-name: ovaMoveRight;
-moz-animation-name: ovaMoveRight;
-webkit-animation-name: ovaMoveRight;
}
@-webkit-keyframes ovaMoveRight {
from {
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@-moz-keyframes ovaMoveRight {
from {
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@-ms-keyframes ovaMoveRight {
from {
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes ovaMoveRight {
from {
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.ova-scale-up {
animation-name: ovaScaleUp;
-moz-animation-name: ovaScaleUp;
-webkit-animation-name: ovaScaleUp;
}
@-webkit-keyframes ovaScaleUp {
from {
opacity: 0;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
to {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes ovaScaleUp {
from {
opacity: 0;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
to {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-ms-keyframes ovaScaleUp {
from {
opacity: 0;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
to {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes ovaScaleUp {
from {
opacity: 0;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
to {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.ova-flip {
animation-name: ovaFlip;
-moz-animation-name: ovaFlip;
-webkit-animation-name: ovaFlip;
}
@-webkit-keyframes ovaFlip {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
to {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes ovaFlip {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
to {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
@-ms-keyframes ovaFlip {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
to {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
@keyframes ovaFlip {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
to {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
.ova-helix {
animation-name: ovaHelix;
-moz-animation-name: ovaHelix;
-webkit-animation-name: ovaHelix;
}
@-webkit-keyframes ovaHelix {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
to {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes ovaHelix {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
to {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
}
@-ms-keyframes ovaHelix {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
to {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
}
@keyframes ovaHelix {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
to {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
}
.ova-popup {
animation: ovaPopup;
-moz-animation-name: ovaPopup;
-webkit-animation-name: ovaPopup;
}
@-webkit-keyframes ovaPopup {
from {
opacity: 0;
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1300px;
perspective: 1300px;
}
70% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
opacity: 0.8;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
}
to {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes ovaPopup {
from {
opacity: 0;
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1300px;
perspective: 1300px;
}
70% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
opacity: 0.8;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
}
to {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
}
@-ms-keyframes ovaPopup {
from {
opacity: 0;
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1300px;
perspective: 1300px;
}
70% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
opacity: 0.8;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
}
to {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes ovaPopup {
from {
opacity: 0;
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1300px;
perspective: 1300px;
}
70% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
opacity: 0.8;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
}
to {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
}
.elementor-widget-tabs .elementor-tabs .elementor-tabs-content-wrapper > .elementor-tab-mobile-title:before {
font-size: 14px;
float: right;
content: "";
font-family: ovaicon !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.elementor-widget-tabs .elementor-tabs .elementor-tabs-content-wrapper > .elementor-tab-mobile-title.elementor-active:before {
content: "";
}
.elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .ova-toggle-title {
display: flex;
padding-right: 5px;
}
.elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .ova-icon i {
line-height: 26px;
}
.elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .ova-before-title {
position: relative;
}
.elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .ova-before-title:before {
position: absolute;
content: "";
width: 4px;
height: 24px;
top: 50%;
left: -12px;
margin-top: -12px;
background-color: var(--secondary);
}
.elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .ova-boxes-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
background-color: #E9E9E9;
border-radius: 2px;
}
.elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .ova-boxes-icon i {
vertical-align: middle;
}
.ova-counter {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
text-align: left;
display: flex;
align-items: center;
position: relative;
}
.ova-counter:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-counter:hover .title, .ova-counter:hover .odometer, .ova-counter:hover .suffix, .ova-counter:hover .icon {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-counter:before {
position: absolute;
content: "";
bottom: -20px;
left: 50px;
width: 0;
border-top: 20px solid transparent;
border-right: 65px solid transparent;
}
.ova-counter .icon {
display: flex;
justify-content: center;
align-items: center;
margin-right: 18px;
}
.ova-counter .icon svg {
display: inline-flex;
width: 72px;
height: auto;
fill: var(--primary);
}
.ova-counter .icon svg path {
fill: var(--primary);
}
.ova-counter .icon i {
font-size: 72px;
display: inline-flex;
color: var(--primary);
}
.ova-counter .odometer {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
font-size: 36px;
font-weight: 800;
color: var(--heading);
line-height: 1.2;
font-feature-settings: "pnum" on, "onum" on;
}
.ova-counter .odometer .odometer-formatting-mark {
display: none;
}
.ova-counter .odometer .odometer-value {
line-height: 1;
}
.ova-counter .suffix {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
font-size: 36px;
font-weight: 800;
color: var(--heading);
}
.ova-counter .title {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
margin: 0;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
color: var(--text);
}
.ova-counter.ova-counter-template2 {
align-items: flex-end;
max-width: 340px;
min-height: 214px;
padding: 40px;
background-color: rgba(36, 36, 36, 0.6);
border: 3px solid var(--primary);
}
.ova-counter.ova-counter-template2:after {
position: absolute;
z-index: 1;
left: -3px;
top: -3px;
content: "";
width: 152px;
height: 49px;
border-bottom: 3px solid var(--primary);
border-right: 3px solid var(--primary);
background: #fff;
}
.ova-counter.ova-counter-template2 .odometer {
position: absolute;
right: 40px;
top: 20px;
font-size: 100px;
color: var(--primary);
}
.ova-counter.ova-counter-template2 .odometer.odometer-auto-theme {
line-height: 1;
}
.ova-counter.ova-counter-template2 .title {
font-size: 40px;
font-weight: 800;
color: #fff;
}
.ova_wrap_search_popup {
position: relative;
display: inline-flex;
vertical-align: middle;
}
.ova_wrap_search_popup .ova_search_close {
display: none;
}
.ova_wrap_search_popup.show .ova_search_popup {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.ova_wrap_search_popup i {
color: #fff;
border-radius: 100px 100px 100px 100px;
font-size: 26px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
cursor: pointer;
display: inline-flex;
transform: rotateY(180deg);
}
.ova_wrap_search_popup i:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: var(--primary);
}
.ova_wrap_search_popup .ova_search_popup {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 9999;
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;
-webkit-transform: translateY(-110%);
transform: translateY(-110%);
}
.ova_wrap_search_popup .ova_search_popup .search-popup__overlay {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--heading);
opacity: 0.75;
cursor: pointer;
z-index: -1;
}
.ova_wrap_search_popup .ova_search_popup .container {
width: 100%;
max-width: 500px;
}
@media (max-width: 600px) {
.ova_wrap_search_popup .ova_search_popup .container {
max-width: 300px;
}
}
.ova_wrap_search_popup .ova_search_popup .container .search-form {
display: inline-flex;
justify-content: center;
width: 100%;
}
.ova_wrap_search_popup .ova_search_popup .container .search-form .search-field {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
width: 100%;
background-color: #fff;
color: var(--heading);
font-weight: 500;
font-size: 16px;
border: none;
outline: none;
height: 66px;
padding-left: 30px;
transition: all 0.3s;
border-radius: 0;
}
.ova_wrap_search_popup .ova_search_popup .container .search-form .search-field::placeholder {
color: var(--heading);
font-weight: 500;
}
.ova_wrap_search_popup .ova_search_popup .container .search-form .search-submit {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: flex;
justify-content: center;
align-items: center;
border: unset;
cursor: pointer;
-webkit-border-radius: 0;
background-color: #FAEEED;
border-color: #FAEEED;
border-radius: 0;
}
.ova_wrap_search_popup .ova_search_popup .container .search-form .search-submit i {
color: var(--primary);
background-color: unset;
padding: 0;
border-radius: unset;
}
.ova_wrap_search_popup .ova_search_popup .container .search-form .search-submit i:hover {
background-color: unset;
color: unset;
}
.ova_wrap_search_popup .ova_search_popup .container .search-form .search-submit:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: var(--primary);
border: unset;
}
.ova_wrap_search_popup .ova_search_popup .container .search-form .search-submit:hover i {
color: #fff;
}
.ova-contact-info {
display: flex;
align-items: center;
}
.ova-contact-info .icon {
color: var(--text);
font-size: 16px;
margin-right: 12px;
margin-top: 10px;
position: relative;
z-index: 5;
}
.ova-contact-info .icon svg {
width: 16px;
height: auto;
fill: var(--text);
}
.ova-contact-info .icon svg path {
fill: var(--text);
}
.ova-contact-info .icon i {
display: flex;
position: relative;
z-index: 4;
}
.ova-contact-info .icon:after {
content: "";
display: block;
position: absolute;
width: 0px;
height: 0px;
bottom: 0;
right: 0;
z-index: 2;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.ova-contact-info .icon:hover:after {
width: 100% !important;
height: 100% !important;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.ova-contact-info .contact .label {
font-size: 24px;
margin: 0 0px 10px 0px;
padding: 0;
font-weight: 600;
line-height: 1.2em;
}
.ova-contact-info .contact .info {
list-style-type: none;
padding: 0;
margin: 0;
}
.ova-contact-info .contact .info .item {
color: var(--text);
padding: 0;
}
.ova-contact-info .contact .info .item a {
color: var(--text);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
}
.ova-contact-info .contact .info .item a:before {
position: absolute;
content: "";
width: 0%;
height: 1px;
left: 0px;
bottom: 0px;
transition: all 500ms ease;
background-color: var(--primary);
}
.ova-contact-info .contact .info .item a:hover {
color: var(--primary);
}
.ova-contact-info .contact .info .item a:hover:before {
width: 100%;
}
.ova-menu-footer .menu {
list-style: none;
margin: 0;
padding: 0;
}
.ova-menu-footer .menu a {
text-decoration: none;
position: relative;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-menu-footer .menu a:before {
position: absolute;
content: "";
width: 0%;
height: 1px;
left: 0px;
bottom: 0px;
transition: all 500ms ease;
background-color: var(--primary);
}
.ova-menu-footer .menu a:hover:before {
width: 100%;
}
.ova-menu-footer .menu .sub-menu {
list-style: none;
}
.mc4wp-style-1 .ova-mc4wp-form {
position: relative;
}
.mc4wp-style-1 .ova-mc4wp-form .email {
display: flex;
align-items: center;
width: 100%;
}
.mc4wp-style-1 .ova-mc4wp-form .email input {
border-radius: unset;
border-left: unset;
border-top: unset;
border-right: unset;
border-bottom-color: #3a3a3a;
border-width: 2px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1.2;
color: var(--text);
width: 100%;
padding-bottom: 21px;
padding-top: 22px;
padding-left: 0px;
background-color: transparent;
}
.mc4wp-style-1 .ova-mc4wp-form .email input::placeholder { color: var(--text);
opacity: 1; }
.mc4wp-style-1 .ova-mc4wp-form .email input:-webkit-autofill {
transition-delay: 600s;
}
.mc4wp-style-1 .ova-mc4wp-form .submit {
position: absolute;
right: 0%;
top: 50%;
transform: translate(0px, -50%);
}
.mc4wp-style-1 .ova-mc4wp-form .submit button {
padding: 10px 0px;
background-color: transparent;
border-color: transparent;
color: var(--text);
}
.mc4wp-style-1 .ova-mc4wp-form .submit button span {
font-size: 12px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
line-height: 1.2;
}
.mc4wp-style-1 .ova-mc4wp-form .submit button:hover {
background-color: var(--heading);
border-color: var(--heading);
color: var(--primary);
}
.mc4wp-style-1 .mc4wp-response p {
color: #FFFFFF;
margin: 15px 0px;
}
.ova-title {
text-align: center;
}
.ova-title .sub-title {
color: var(--text);
font-size: 16px;
font-weight: 600;
line-height: 1.2;
margin: 0;
margin-bottom: 8px;
text-transform: uppercase;
}
.ova-title .title {
color: var(--heading);
font-size: 50px;
font-weight: 800;
line-height: 1.2;
margin: 0;
margin-bottom: 30px;
}
.ova-title .title a {
color: var(--heading);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-title .title a:hover {
color: var(--primary);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-title .title .underline {
text-decoration: none;
position: relative;
z-index: 3;
}
.ova-title .title .underline:after {
position: absolute;
z-index: -1;
content: "";
height: 6px;
bottom: 11px;
margin: 0 auto;
left: 0;
right: 0;
width: 100%;
background: var(--primary); -o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.ova-title .description {
margin: 0;
margin-bottom: 15px;
}
.ova-contact-page {
position: relative;
}
.ova-contact-page .contact {
position: absolute;
width: 50% !important;
top: 0;
right: 0;
}
@media (max-width: 767px) {
.ova-contact-page .contact {
position: relative;
width: 100% !important;
height: auto;
padding: 30px 0px;
}
}
.ova-contact-page .contact-form {
background: transparent;
box-shadow: 0px 1px 45px rgba(0, 0, 0, 0.07);
height: auto;
}
@media (max-width: 1024px) {
.ova-contact-page .contact-form {
padding-right: 15px;
}
}
@media (max-width: 767px) {
.ova-contact-page .contact-form {
padding: 30px 15px;
}
}
.ova-contact-page .contact-form span input {
width: 100%;
padding-left: 30px;
border-radius: 0px;
padding-top: 14px;
padding-bottom: 14px;
background-color: transparent;
border-color: #3a3a3a;
font-size: 14px;
font-weight: 400;
}
.ova-contact-page .contact-form span input::placeholder { color: var(--text);
opacity: 1; }
.ova-contact-page .contact-form span input:focus {
color: var(--text);
opacity: 1;
}
.ova-contact-page .contact-form span textarea {
resize: none;
border-radius: 0px;
height: 150px;
padding-left: 30px;
background-color: transparent;
border-color: #3a3a3a;
font-size: 14px;
font-weight: 400;
}
.ova-contact-page .contact-form span textarea::placeholder { color: var(--text);
opacity: 1; }
.ova-contact-page .contact-form span textarea:focus {
color: var(--text);
opacity: 1;
}
.ova-contact-page .contact-form span .wpcf7-not-valid-tip {
padding-left: 30px;
font-size: 14px;
}
.ova-contact-page .contact-form > div {
margin-bottom: 16px;
position: relative;
}
.ova-contact-page .contact-form .ova-submit button {
padding-top: 17px;
padding-bottom: 17px;
padding-left: 40px;
padding-right: 40px;
width: auto;
border-radius: 0px;
background-color: #ffffff;
border: unset;
color: var(--heading);
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
position: relative;
z-index: 5;
}
.ova-contact-page .contact-form .ova-submit button span {
position: relative;
z-index: 4;
}
.ova-contact-page .contact-form .ova-submit button:after {
content: "";
display: block;
position: absolute;
background-color: var(--primary);
width: 8px;
height: 8px;
bottom: 0;
right: 0;
z-index: 2;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.ova-contact-page .contact-form .ova-submit button:hover:after {
width: 100%;
height: 100%;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.ova-contact-page .contact-form .ova-submit .wpcf7-spinner {
margin-top: 15px;
}
.ova-contact-page form.invalid .wpcf7-response-output {
color: #dc3232;
border-color: #dc3232;
}
.elementor-widget-progress .elementor-title-percentage {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 8px;
}
.elementor-widget-progress .elementor-title-percentage .elementor-title {
font-weight: 800;
color: var(--heading);
}
.ova-icon-box {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
position: relative;
z-index: 1;
text-align: left;
}
.ova-icon-box:after {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
height: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: bottom;
transform-origin: bottom;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ova-icon-box:hover:after {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.ova-icon-box:hover .icon i {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-icon-box:hover .title {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-icon-box:hover .description {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-icon-box .text-number {
position: absolute;
top: 8px;
right: 0;
font-size: 60px;
font-weight: 800;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px #fff;
opacity: 0.1;
z-index: 2;
}
.ova-icon-box .icon {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: inline-flex;
align-items: flex-end;
width: 54px;
height: 54px;
background-color: #2f2f2f;
margin: 0 0 30px 30px;
position: relative;
z-index: 2;
}
.ova-icon-box .icon svg {
display: inline-flex;
width: 68px;
height: auto;
fill: var(--primary);
margin-left: -30px;
}
.ova-icon-box .icon svg path {
fill: var(--primary);
}
.ova-icon-box .icon i {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: inline-flex;
font-size: 68px;
color: var(--primary);
margin-left: -30px;
}
.ova-icon-box .title {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
margin: 0;
margin-bottom: 30px;
font-weight: 800;
font-size: 24px;
line-height: 1.2;
color: #fff;
position: relative;
z-index: 2;
}
.ova-icon-box .description {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
margin: 0;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
position: relative;
z-index: 2;
}
.ova-icon-box.ova-icon-box-template2 {
padding: 60px 45px;
text-align: center;
background-color: #fff;
}
@media (max-width: 500px) {
.ova-icon-box.ova-icon-box-template2 {
padding: 40px 30px;
}
}
.ova-icon-box.ova-icon-box-template2:after {
background-color: var(--heading);
}
.ova-icon-box.ova-icon-box-template2:hover .mask {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
opacity: 0.1;
}
.ova-icon-box.ova-icon-box-template2:hover .icon:after {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.ova-icon-box.ova-icon-box-template2:hover .title {
color: #fff;
}
.ova-icon-box.ova-icon-box-template2:hover .description {
color: var(--text);
}
.ova-icon-box.ova-icon-box-template2.ova-icon-box-active:after {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.ova-icon-box.ova-icon-box-template2.ova-icon-box-active .mask {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
opacity: 0.1;
}
.ova-icon-box.ova-icon-box-template2.ova-icon-box-active .icon:after {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.ova-icon-box.ova-icon-box-template2.ova-icon-box-active .icon i {
transform: scale(0.9);
}
.ova-icon-box.ova-icon-box-template2.ova-icon-box-active .title {
color: #fff;
}
.ova-icon-box.ova-icon-box-template2.ova-icon-box-active .description {
color: #949494;
}
.ova-icon-box.ova-icon-box-template2 .mask {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
z-index: 1;
}
.ova-icon-box.ova-icon-box-template2 .icon {
background-color: transparent;
margin: 0 0 30px 0;
}
.ova-icon-box.ova-icon-box-template2 .icon svg {
margin: 0;
}
.ova-icon-box.ova-icon-box-template2 .icon i {
margin: 0;
}
.ova-icon-box.ova-icon-box-template2 .title {
color: var(--heading);
}
.ova-icon-box.ova-icon-box-template2 .description {
font-size: 16px;
color: var(--text);
}
.elementor-button-wrapper .elementor-button {
position: relative;
overflow: hidden;
}
.elementor-button-wrapper .elementor-button:hover:before {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
width: 100%;
height: 100%;
}
.elementor-button-wrapper .elementor-button:before {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
position: absolute;
content: "";
bottom: 0;
right: 0;
height: 8px;
width: 8px;
background-color: var(--heading);
}
.elementor-button-wrapper .elementor-button .elementor-button-text {
z-index: 1;
letter-spacing: 1px;
}
.ova-testimonial .owl-stage-outer {
padding: 50px 0;
}
.ova-testimonial .owl-carousel .owl-stage-outer {
margin-right: -30px;
margin-left: -30px;
padding-left: 30px;
padding-right: 30px;
width: calc(100% + 60px);
}
@media (max-width: 1290px) {
.ova-testimonial .owl-carousel .owl-stage-outer {
margin-right: 0px;
margin-left: 0px;
padding-left: 0px;
padding-right: 0px;
width: 100%;
}
}
.ova-testimonial.version_1 .slide-testimonials .item .line-bottom {
background-image: repeating-linear-gradient(-45deg, #ffffff, #ffffff 2px, transparent 0px, transparent 6px);
position: absolute;
right: 0;
bottom: -17px;
width: calc( 100% - 20px );
height: 20px;
}
.ova-testimonial.version_1 .slide-testimonials .item .line-right {
background-image: repeating-linear-gradient(-45deg, #ffffff, #ffffff 2px, transparent 0px, transparent 6px);
position: absolute;
bottom: 0px;
right: 0;
width: 20px;
height: 62%;
}
.ova-testimonial.version_1 .slide-testimonials .client_info {
margin-right: 20px;
background-color: #ffffff;
padding: 16px 40px 29px 40px;
}
@media (max-width: 1024px) {
.ova-testimonial.version_1 .slide-testimonials .client_info {
margin-left: 20px;
}
}
.ova-testimonial.version_1 .slide-testimonials .client_info .info {
display: flex;
justify-content: flex-start;
align-items: top;
padding-bottom: 40px;
border-bottom: 1px solid var(--light);
}
@media (max-width: 479px) {
.ova-testimonial.version_1 .slide-testimonials .client_info .info {
flex-flow: column;
}
.ova-testimonial.version_1 .slide-testimonials .client_info .info .client {
margin: 0;
margin-bottom: 30px;
}
}
.ova-testimonial.version_1 .slide-testimonials .client_info p.evaluate {
margin-top: 40px;
margin-bottom: 0px;
}
.ova-testimonial.version_1 .slide-testimonials .client_info .ova-rating {
justify-content: center;
}
.ova-testimonial.version_1 .slide-testimonials .client_info .ova-rating .elementor-star-rating {
font-size: 12px;
color: #ccd6df;
font-family: eicons;
display: inline-block;
}
.ova-testimonial.version_1 .slide-testimonials .client_info .ova-rating .elementor-star-rating .elementor-star-full::before {
content: "";
display: block;
font-size: inherit;
font-family: inherit;
position: absolute;
color: #FFBF48;
top: 0;
left: 0;
}
.ova-testimonial.version_1 .slide-testimonials .client_info .ova-rating .elementor-star-rating i {
display: inline-block;
position: relative;
font-style: normal;
cursor: default;
line-height: 100%;
vertical-align: middle;
font-family: eicons;
}
.ova-testimonial.version_1 .slide-testimonials .client_info .ova-rating .elementor-star-rating i::before {
display: block;
font-size: inherit;
font-family: inherit;
position: absolute;
overflow: hidden;
color: #FFBF48;
top: 0;
left: 0;
}
.ova-testimonial.version_1 .slide-testimonials .client_info .ova-rating .elementor-star-rating i.elementor-star-1::before {
content: "";
width: 10%;
}
.ova-testimonial.version_1 .slide-testimonials .client_info .ova-rating .elementor-star-rating i.elementor-star-2::before {
content: "";
width: 20%;
}
.ova-testimonial.version_1 .slide-testimonials .client_info .ova-rating .elementor-star-rating i.elementor-star-3::before {
content: "";
width: 30%;
}
.ova-testimonial.version_1 .slide-testimonials .client_info .ova-rating .elementor-star-rating i.elementor-star-4::before {
content: "";
width: 40%;
}
.ova-testimonial.version_1 .slide-testimonials .client_info .ova-rating .elementor-star-rating i.elementor-star-5::before {
content: "";
width: 50%;
}
.ova-testimonial.version_1 .slide-testimonials .client_info .ova-rating .elementor-star-rating i.elementor-star-6::before {
content: "";
width: 60%;
}
.ova-testimonial.version_1 .slide-testimonials .client_info .ova-rating .elementor-star-rating i.elementor-star-7::before {
content: "";
width: 70%;
}
.ova-testimonial.version_1 .slide-testimonials .client_info .ova-rating .elementor-star-rating i.elementor-star-8::before {
content: "";
width: 80%;
}
.ova-testimonial.version_1 .slide-testimonials .client_info .ova-rating .elementor-star-rating i.elementor-star-9::before {
content: "";
width: 90%;
}
.ova-testimonial.version_1 .slide-testimonials .client_info .ova-rating.star_unicode .elementor-star-rating i.elementor-star-1::before,
.ova-testimonial.version_1 .slide-testimonials .client_info .ova-rating.star_unicode .elementor-star-rating i.elementor-star-2::before,
.ova-testimonial.version_1 .slide-testimonials .client_info .ova-rating.star_unicode .elementor-star-rating i.elementor-star-3::before,
.ova-testimonial.version_1 .slide-testimonials .client_info .ova-rating.star_unicode .elementor-star-rating i.elementor-star-4::before,
.ova-testimonial.version_1 .slide-testimonials .client_info .ova-rating.star_unicode .elementor-star-rating i.elementor-star-5::before,
.ova-testimonial.version_1 .slide-testimonials .client_info .ova-rating.star_unicode .elementor-star-rating i.elementor-star-6::before,
.ova-testimonial.version_1 .slide-testimonials .client_info .ova-rating.star_unicode .elementor-star-rating i.elementor-star-7::before,
.ova-testimonial.version_1 .slide-testimonials .client_info .ova-rating.star_unicode .elementor-star-rating i.elementor-star-8::before,
.ova-testimonial.version_1 .slide-testimonials .client_info .ova-rating.star_unicode .elementor-star-rating i.elementor-star-9::before {
content: "★";
}
.ova-testimonial.version_1 .slide-testimonials .client_info .ova-rating.star_unicode .elementor-star-rating .elementor-star-full::before {
content: "★";
}
.ova-testimonial.version_1 .slide-testimonials .client_info .icon-quote {
line-height: 1;
text-align: right;
}
@media (max-width: 767px) {
.ova-testimonial.version_1 .slide-testimonials .client_info .icon-quote {
display: none;
}
}
.ova-testimonial.version_1 .slide-testimonials .client_info .icon-quote i {
line-height: 1;
color: var(--primary);
}
.ova-testimonial.version_2 .slide-testimonials .owl-item.active .client_info {
box-shadow: none;
}
.ova-testimonial.version_2 .slide-testimonials .client_info {
padding: 0;
background: transparent;
box-shadow: none;
}
.ova-testimonial.version_2 .slide-testimonials .client_info p.evaluate {
font-size: 16px;
line-height: 26px;
color: var(--text);
margin-bottom: 40px;
padding-bottom: 37px;
border-bottom: 1px solid var(--light);
}
@media (max-width: 767px) {
.ova-testimonial.version_2 .slide-testimonials .client_info p.evaluate {
font-size: 20px;
line-height: 28px;
margin-top: 15px;
}
}
.ova-testimonial.version_2 .slide-testimonials .client_info .testimonial {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 767px) {
.ova-testimonial.version_2 .slide-testimonials .client_info {
display: block;
}
}
@media (max-width: 767px) {
.ova-testimonial.version_2 .slide-testimonials .client_info .client {
margin-bottom: 40px;
margin: 0 auto;
}
}
.ova-testimonial.version_2 .slide-testimonials .client_info .info {
display: flex;
align-items: center;
padding: 0px;
}
@media (max-width: 767px) {
.ova-testimonial.version_2 .slide-testimonials .client_info .info {
padding: 0;
text-align: center;
width: 100%;
}
}
@media (max-width: 479px) {
.ova-testimonial.version_2 .slide-testimonials .client_info .info {
flex-flow: column;
text-align: start;
align-items: start;
}
}
@media (max-width: 767px) {
.ova-testimonial.version_2 .slide-testimonials .client_info .info .name-job {
width: 100%;
}
}
.ova-testimonial.version_2 .slide-testimonials .client_info .info .name-job .name {
font-size: 24px;
line-height: 1.2;
font-weight: 400;
color: #202b5d;
}
.ova-testimonial.version_2 .slide-testimonials .client_info .info .name-job .job {
font-size: 16px;
line-height: 1.2;
color: #62718d;
}
.ova-testimonial.version_2 .slide-testimonials .client_info .info .client {
margin-right: 26px;
}
@media (max-width: 479px) {
.ova-testimonial.version_2 .slide-testimonials .client_info .info .client {
margin: 0;
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.ova-testimonial.version_2 .slide-testimonials .client_info .icon-quote {
display: none;
}
}
.ova-testimonial.version_3 .slide-testimonials.owl-carousel .owl-stage-outer {
padding-bottom: 0px;
}
.ova-testimonial.version_3 .slide-testimonials .owl-item.active .item .client_info {
box-shadow: unset;
}
.ova-testimonial.version_3 .slide-testimonials .item .client_info {
display: flex;
flex-flow: column;
align-items: center;
}
.ova-testimonial.version_3 .slide-testimonials .item .client_info .client {
margin-bottom: 40px;
}
.ova-testimonial.version_3 .slide-testimonials .item .client_info .client img {
min-height: 84px;
max-width: 84px;
width: 100%;
object-fit: cover;
border: 4px solid var(--primary);
}
.ova-testimonial.version_3 .slide-testimonials .item .client_info p.evaluate {
text-align: center;
margin-bottom: 43px;
font-size: 24px;
font-weight: 500;
line-height: 1.833;
color: #fff;
}
.ova-testimonial.version_3 .slide-testimonials .item .client_info .info {
padding-top: 28px;
position: relative;
text-align: center;
}
.ova-testimonial.version_3 .slide-testimonials .item .client_info .info:before {
position: absolute;
z-index: -1;
content: "";
height: 2px;
top: 0px;
margin: 0 auto;
left: 0;
right: 0;
width: 42px;
background: var(--primary);
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.ova-testimonial.version_3 .slide-testimonials .item .client_info .info .name-job .name {
color: #fff;
font-weight: 800;
}
.ova-testimonial .slide-testimonials .owl-stage-outer .owl-stage .owl-item {
-o-transition: 1.8s;
-ms-transition: 1.8s;
-moz-transition: 1.8s;
-webkit-transition: 1.8s;
transition: 1.8s;
opacity: 0;
}
.ova-testimonial .slide-testimonials .owl-stage-outer .owl-stage .owl-item.active {
-o-transition: 0.8s;
-ms-transition: 0.8s;
-moz-transition: 0.8s;
-webkit-transition: 0.8s;
transition: 0.8s;
opacity: 1;
}
.ova-testimonial .slide-testimonials .owl-item.active .client_info {
box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.1);
}
.ova-testimonial .slide-testimonials .client_info {
padding: 35px 35px 40px 40px;
position: relative;
}
@media (max-width: 767px) {
.ova-testimonial .slide-testimonials .client_info {
padding: 30px 0;
}
}
.ova-testimonial .slide-testimonials .client_info .icon-quote i {
color: var(--primary);
display: inline-block;
}
.ova-testimonial .slide-testimonials .client_info .icon-quote i:before {
margin: 0;
font-size: 65px;
line-height: 1;
}
.ova-testimonial .slide-testimonials .client_info p.evaluate {
font-size: 16px;
font-weight: 400;
color: var(--text);
line-height: 26px;
margin: 0 0 9px 0;
}
.ova-testimonial .slide-testimonials .client_info .info {
padding-top: 24px;
}
.ova-testimonial .slide-testimonials .client_info .info .client {
margin-right: 15px;
}
.ova-testimonial .slide-testimonials .client_info .info .client img {
min-height: 84px;
max-width: 84px;
width: 100%;
object-fit: cover;
border: 4px solid var(--primary);
}
.ova-testimonial .slide-testimonials .client_info .info .name-job p {
margin: 0;
}
.ova-testimonial .slide-testimonials .client_info .info .name-job .name {
font-size: 20px;
line-height: 1.2;
font-weight: bold;
color: var(--heading);
letter-spacing: 0.2px;
margin-bottom: 5px;
}
.ova-testimonial .slide-testimonials .client_info .info .name-job .job {
font-size: 16px;
line-height: 1.2;
font-weight: 400;
color: var(--text);
}
.ova-testimonial .slide-testimonials .owl-dots {
text-align: center;
margin-top: 2px;
}
.ova-testimonial .slide-testimonials .owl-dots .owl-dot {
outline: none;
}
.ova-testimonial .slide-testimonials .owl-dots .owl-dot span {
width: 6px;
height: 6px;
margin: 5px;
background: #d1d1d6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
border-radius: 30px;
}
.ova-testimonial .slide-testimonials .owl-dots .owl-dot.active span {
background-color: var(--primary);
width: 12px;
border-radius: 5px;
opacity: 1;
}
.ova-blog {
list-style-type: none;
padding: 0;
margin: 0;
display: grid;
column-gap: 30px;
}
.ova-blog.columns2 {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 1024px) {
.ova-blog.columns2 {
grid-template-columns: 1fr 1fr;
}
.ova-blog.columns2 .item {
margin-bottom: 60px;
}
}
@media (max-width: 767px) {
.ova-blog.columns2 {
grid-template-columns: 1fr;
}
.ova-blog.columns2 .item {
margin-left: 0px;
margin-right: 0px;
}
}
.ova-blog.columns2 .media img {
width: 100%;
object-fit: cover;
}
.ova-blog.columns3 {
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1024px) {
.ova-blog.columns3 {
grid-template-columns: 1fr 1fr;
}
.ova-blog.columns3 .item {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.ova-blog.columns3 {
grid-template-columns: 1fr;
}
.ova-blog.columns3 .item {
margin-left: 0px;
margin-right: 0px;
}
}
.ova-blog.columns3 .media img {
width: 100%;
object-fit: cover;
}
.ova-blog.columns4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1024px) {
.ova-blog.columns4 {
grid-template-columns: 1fr 1fr;
}
.ova-blog.columns4 .item {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.ova-blog.columns4 {
grid-template-columns: 1fr;
}
.ova-blog.columns4 .item {
margin-left: 0px;
margin-right: 0px;
}
}
.ova-blog.columns4 .media img {
width: 100%;
object-fit: cover;
}
.ova-blog .item {
position: relative;
width: 100%;
margin-bottom: 30px;
box-shadow: 0px 20px 60px 0px rgba(23, 39, 54, 0.1);
}
.ova-blog .item .media {
position: relative;
margin-bottom: 30px;
overflow: hidden;
}
@media (max-width: 479px) {
.ova-blog .item .media {
margin-bottom: 10px;
}
}
.ova-blog .item .media a {
display: flex;
}
.ova-blog .item .media img {
min-height: 290px;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.ova-blog .item:hover .media img {
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
.ova-blog .item .info-blog {
padding: 0 40px;
}
@media (max-width: 479px) {
.ova-blog .item .info-blog {
padding: 0 20px;
}
}
.ova-blog .item .post-date {
position: absolute;
bottom: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
padding: 8px 20px;
background-color: var(--primary);
}
.ova-blog .item .post-date span {
display: block;
color: #ffffff;
font-weight: bold;
font-size: 14px;
line-height: 1.2;
}
.ova-blog .item .post-date .right-j {
margin-right: 5px;
}
.ova-blog .item .category {
color: var(--primary);
display: inline-block;
margin-top: 12px;
}
.ova-blog .item .category a {
color: var(--primary);
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-blog .item .category a:hover {
background-color: #fff;
color: var(--secondary-hover);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-blog .item .post-author,
.ova-blog .item .comment {
display: inline-flex;
align-items: center;
}
.ova-blog .item .post-author a,
.ova-blog .item .comment a {
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
color: var(--text);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-blog .item .post-author a:hover,
.ova-blog .item .comment a:hover {
color: var(--primary);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-blog .item .post-author span,
.ova-blog .item .comment span {
margin-right: 4px;
margin-left: 4px;
font-size: 14px;
}
.ova-blog .item .post-author i,
.ova-blog .item .comment i {
color: var(--primary);
font-size: 14px;
}
.ova-blog .item .comment {
margin-left: 10px;
}
.ova-blog .item .comment i {
margin-right: 4px;
}
.ova-blog .item .post-meta .item-meta {
margin-right: 30px;
line-height: 1;
display: flex;
justify-content: center;
align-items: center;
}
.ova-blog .item .post-meta .item-meta .date i::before,
.ova-blog .item .post-meta .item-meta .author i::before {
font-size: 23px;
}
.ova-blog .item .post-meta .item-meta .left {
padding-right: 5px;
opacity: 0.6;
color: var(--light);
}
.ova-blog .item .post-meta .item-meta .right {
color: var(--light);
}
.ova-blog .item .post-meta .item-meta .right a {
color: var(--light);
}
.ova-blog .item .post-title {
margin: 0;
margin-bottom: 20px;
line-height: unset;
}
.ova-blog .item .post-title a {
color: var(--heading);
font-size: 26px;
font-weight: 800;
line-height: 1.4;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-blog .item .post-title a:hover {
color: var(--primary);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-blog .item .short_desc p {
font-weight: 500;
padding: 0px;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 0px 0px 25px 0px;
}
.ova-blog .item .read-more {
width: 100%;
display: inline-flex;
justify-content: space-between;
align-items: center;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
font-size: 12px;
color: var(--heading);
padding: 18px 0px;
font-weight: 600;
text-transform: uppercase;
border-top: 1px solid var(--light);
}
.ova-blog .item .read-more svg {
width: var(--font-size);
height: auto;
margin-left: 12px;
}
.ova-blog .item .read-more svg path {
fill: #fff;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.ova-blog .item .read-more:hover {
color: var(--primary);
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.ova-blog .item .read-more i {
margin-left: 12px;
display: flex;
}
.ova-blog .item .read-more i::before {
font-size: 14px;
font-weight: 600;
vertical-align: middle;
}
.ova-blog2 {
list-style-type: none;
padding: 0;
margin: 0;
display: grid;
column-gap: 30px;
}
.ova-blog2.columns2 {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 1024px) {
.ova-blog2.columns2 {
grid-template-columns: 1fr 1fr;
}
.ova-blog2.columns2 .item {
margin-bottom: 60px;
}
}
@media (max-width: 767px) {
.ova-blog2.columns2 {
grid-template-columns: 1fr;
}
.ova-blog2.columns2 .item {
margin-left: 0px;
margin-right: 0px;
}
}
.ova-blog2.columns2 .media img {
width: 100%;
object-fit: cover;
}
.ova-blog2.columns3 {
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1024px) {
.ova-blog2.columns3 {
grid-template-columns: 1fr 1fr;
}
.ova-blog2.columns3 .item {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.ova-blog2.columns3 {
grid-template-columns: 1fr;
}
.ova-blog2.columns3 .item {
margin-left: 0px;
margin-right: 0px;
}
}
.ova-blog2.columns3 .media img {
width: 100%;
object-fit: cover;
}
.ova-blog2.columns4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1024px) {
.ova-blog2.columns4 {
grid-template-columns: 1fr 1fr;
}
.ova-blog2.columns4 .item {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.ova-blog2.columns4 {
grid-template-columns: 1fr;
}
.ova-blog2.columns4 .item {
margin-left: 0px;
margin-right: 0px;
}
}
.ova-blog2.columns4 .media img {
width: 100%;
object-fit: cover;
}
.ova-blog2 .item {
position: relative;
width: 100%;
margin-bottom: 30px;
box-shadow: 0px 20px 60px 0px rgba(23, 39, 54, 0.1);
}
.ova-blog2 .item .media {
position: relative;
overflow: hidden;
}
@media (max-width: 479px) {
.ova-blog2 .item .media {
margin-bottom: 10px;
}
}
.ova-blog2 .item .media a {
display: flex;
}
.ova-blog2 .item .media a:after {
background-image: -moz-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%);
background-image: -webkit-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%);
background-image: -ms-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%);
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
z-index: 1;
content: "";
}
.ova-blog2 .item .media img {
min-height: 470px;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.ova-blog2 .item:hover .media img {
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
.ova-blog2 .item .info-blog {
padding: 0 30px;
position: absolute;
z-index: 5;
bottom: 0;
}
@media (max-width: 479px) {
.ova-blog2 .item .info-blog {
padding: 0 20px;
}
}
.ova-blog2 .item .post-date {
position: absolute;
z-index: 3;
top: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
padding: 8px 20px;
background-color: var(--primary);
}
.ova-blog2 .item .post-date span {
display: block;
color: #ffffff;
font-weight: bold;
font-size: 14px;
line-height: 1.2;
}
.ova-blog2 .item .post-date .right-j {
margin-right: 5px;
}
.ova-blog2 .item .comment {
display: inline-flex;
align-items: center;
}
.ova-blog2 .item .comment a {
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
color: #ffffff;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-blog2 .item .comment a:hover {
color: var(--primary);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-blog2 .item .comment span {
margin-right: 4px;
margin-left: 4px;
font-size: 14px;
}
.ova-blog2 .item .comment i {
color: var(--primary);
font-size: 14px;
}
.ova-blog2 .item .comment i {
margin-right: 4px;
}
.ova-blog2 .item .post-meta .item-meta {
margin-right: 30px;
line-height: 1;
display: flex;
justify-content: center;
align-items: center;
}
.ova-blog2 .item .post-meta .item-meta .date i::before {
font-size: 23px;
}
.ova-blog2 .item .post-meta .item-meta .left {
padding-right: 5px;
opacity: 0.6;
color: var(--light);
}
.ova-blog2 .item .post-meta .item-meta .right {
color: var(--light);
}
.ova-blog2 .item .post-meta .item-meta .right a {
color: var(--light);
}
.ova-blog2 .item .post-title {
margin: 0;
margin-bottom: 33px;
line-height: unset;
}
.ova-blog2 .item .post-title a {
color: #ffffff;
font-size: 26px;
font-weight: 800;
line-height: 1.4;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-blog2 .item .post-title a:hover {
color: var(--primary);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-img {
display: flex;
position: relative;
}
.ova-img img {
display: block;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
object-fit: cover;
}
.ova-img.template1.type1 img {
-webkit-mask-image: url(//dlpropertyindonesia.com/wp-content/themes/retirio/assets/img/base/mask-img-01.svg);
mask-image: url(//dlpropertyindonesia.com/wp-content/themes/retirio/assets/img/base/mask-img-01.svg);
}
.ova-img.template1.type2 {
width: 100%;
}
.ova-img.template1.type2.border {
position: relative;
width: 170px;
height: 170px;
-webkit-mask-image: url(//dlpropertyindonesia.com/wp-content/themes/retirio/assets/img/base/mask-img-02.svg);
mask-image: url(//dlpropertyindonesia.com/wp-content/themes/retirio/assets/img/base/mask-img-02.svg);
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: #ffffff;
}
.ova-img.template1.type2.border img {
height: calc(100% - 16px);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.ova-img.template1.type2 img {
-webkit-mask-image: url(//dlpropertyindonesia.com/wp-content/themes/retirio/assets/img/base/mask-img-02.svg);
mask-image: url(//dlpropertyindonesia.com/wp-content/themes/retirio/assets/img/base/mask-img-02.svg);
}
.ova-img.template2 {
display: inline-flex;
width: 100%;
height: auto;
}
.ova-img.template2 img {
position: relative;
left: unset;
width: 500px;
height: 550px;
display: block;
}
.ova-img.template2 .line-left.text {
position: absolute;
top: 0;
transform-origin: 0 0;
transform: rotate(90deg);
}
.ova-img.template2 .line-left.text h2 {
color: #F5F5F5;
font-size: 80px;
font-weight: 200;
text-transform: uppercase;
margin: 0;
letter-spacing: 12.2px;
}
.ova-img.template2 .line {
position: absolute;
left: calc(100%);
background: var(--primary);
content: "";
width: 10px;
height: calc(100% - 40px);
transform: translate(0, 20px);
}
.ova-img.template2 .line.line-left {
left: unset;
right: calc(100%);
}
.ova-img-2 {
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
background-color: #fff;
position: relative;
width: 100%;
height: auto;
}
.ova-img-2 img {
left: 50%;
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
object-fit: cover;
-webkit-mask-image: url(//dlpropertyindonesia.com/wp-content/themes/retirio/assets/img/base/mask-img-02.svg);
mask-image: url(//dlpropertyindonesia.com/wp-content/themes/retirio/assets/img/base/mask-img-02.svg);
}
.ova-image-box {
position: relative;
display: flex;
}
.ova-image-box .title-box {
position: absolute;
z-index: 3;
width: calc( 100% - 50px);
height: auto;
bottom: -30px;
left: 50%;
transform: translate(-50%, 0);
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
padding: 40px 70px;
background-color: #fff;
}
.ova-image-box .title-box .title {
transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-webkit-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
font-size: 24px;
font-weight: 800;
text-align: center;
color: var(--heading);
margin: 0;
}
.ova-image-box .title-box .mask {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
content: "";
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
width: 100%;
height: 0;
}
.ova-image-box img {
width: 100%;
position: relative;
z-index: 1;
}
.ova-image-box:hover .title-box .title {
position: relative;
z-index: 5;
transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-webkit-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
}
.ova-image-box:hover .title-box .mask {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
height: 100%;
}
.ova-box {
position: relative;
display: inline-flex;
}
.ova-box .ova-icon-box-2 {
border: 1px solid #e5e5e5;
display: inline-flex;
background-color: #fff;
}
.ova-box .ova-icon-box-2.bottom-left {
transform: skewX(14deg);
-ms-transform: skewX(14deg); -webkit-transform: skewX(14deg); }
.ova-box .ova-icon-box-2.top-left {
transform: skewX(-14deg);
-ms-transform: skewX(-14deg); -webkit-transform: skewX(-14deg); }
.ova-box .ova-icon-box-2 .icon-box {
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
background-color: var(--primary);
width: 142px;
height: 142px;
margin: 9px;
}
.ova-box .text {
position: absolute;
font-size: 20px;
font-weight: bold;
line-height: 1.2;
padding-right: 50%;
left: -20px;
color: var(--heading);
}
.ova-box .text.bottom-left {
bottom: -74px;
}
.ova-box .text.top-left {
top: -74px;
}
.ova-box .icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.ova-box .icon i {
font-size: 60px;
color: #fff;
}
.ova-box .number_section {
font-size: 120px;
font-weight: 800;
color: #fafafa;
position: absolute;
z-index: -1;
}
.ova-box .number_section.bottom-left {
top: -5px;
right: -90px;
}
.ova-box .number_section.top-left {
bottom: 5px;
right: -90px;
} .rpwwt-widget ul li a .rpwwt-post-title {
font-weight: 800;
font-size: 18px;
line-height: 1.3;
color: var(--heading);
}
.rpwwt-widget ul li a:hover .rpwwt-post-title {
color: var(--primary);
}
.rpwwt-widget ul li .rpwwt-post-date, .rpwwt-widget ul li .rpwwt-post-comments-number {
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
line-height: 1.3;
letter-spacing: 0.4px;
margin-top: 5px;
}