@charset "UTF-8";
.menu-item-object-language_switcher .trp-flag-image {
display: inline-block;
margin: -1px 5px;
vertical-align: baseline;
padding: 0;
border: 0;
border-radius:0;
} .trp-language-switcher{
height: 42px;
position: relative;
box-sizing: border-box;
width: 200px;
text-overflow: ellipsis;
white-space: nowrap;
}
.trp-language-switcher > div {
box-sizing: border-box;
padding:4px 20px 3px 13px;
border: 1.5px solid #949494;
border-radius: 2px;
background-image: url(//odocapital.com.ec/wp-content/plugins/translatepress-multilingual/assets/images/arrow-down-3101.svg);
background-repeat: no-repeat;
background-position:
calc(100% - 20px) calc(1em + 2px),
calc(100% - 3px) calc(1em + 0px);
background-size:
8px 8px,
8px 8px;
background-repeat: no-repeat;
background-color: #fff;
}
.trp-language-switcher > div:hover {
background-image: none;
}
.trp-language-switcher > div > a {
display: block;
padding: 7px 12px;
border-radius: 3px;
text-decoration: none;
color: #1E1E1E;
font-style: normal;
font-weight: 400;
font-size: 16px;
}
.trp-language-switcher > div > a:hover {
background: #F0F0F0;
border-radius: 2px;
}
.trp-language-switcher > div > a.trp-ls-shortcode-disabled-language {
cursor: default;
}
.trp-language-switcher > div > a.trp-ls-shortcode-disabled-language:hover {
background: none;
}
.trp-language-switcher > div > a > img{
display: inline;
margin: 0 3px;
width: 18px;
height: 12px;
border-radius: 0;
}
.trp-language-switcher .trp-ls-shortcode-current-language{
display: inline-block;
}
.trp-language-switcher:focus .trp-ls-shortcode-current-language,
.trp-language-switcher:hover .trp-ls-shortcode-current-language{
visibility: hidden;
}
.trp-language-switcher .trp-ls-shortcode-language{
display: inline-block;
height: 1px;
overflow: hidden;
visibility: hidden;
z-index: 1;
max-height: 250px;
overflow-y: auto;
left: 0;
top: 0;
min-height: auto;
}
.trp-language-switcher:focus .trp-ls-shortcode-language,
.trp-language-switcher:hover .trp-ls-shortcode-language{
visibility: visible;
max-height: 250px;
padding: 4px 13px;
height: auto;
overflow-y: auto;
position: absolute;
left: 0;
top: 0;
display: inline-block !important;
min-height: auto;
} #wpadminbar #wp-admin-bar-trp_edit_translation .ab-icon:before {
content: '\f326';
top: 3px;
}
@media screen and ( max-width: 782px ) {
#wpadminbar #wp-admin-bar-trp_edit_translation > .ab-item {
text-indent: 0;
}
#wpadminbar li#wp-admin-bar-trp_edit_translation {
display: block;
}
}.kc-us-link {
color: #5850ec;
}
.kc-flex {
display: flex;
}
.kc-us-link-icon {
width: 2.5rem;
color: #5850ec;
height: 1.5rem;
cursor: pointer;
}
.kc-us-link-create-icon {
width: 2.5rem;
color: #000000;
height: 1.5rem;
cursor: pointer;
}
.kc-us-qr-code .qr {
margin-left: auto;
margin-right: auto;
font-size: 1px;
width: 50%;
} #generate-short-link, #generated-short-link {
text-align: center;
}
#generate-short-link #kc-us-target-url, #generate-short-link #kc-us-short-url {
width: 60%;
display: inline;
border: 1px solid grey;
border-radius: 50px 0px 0px 50px;
background-color: #FFFFFF;
margin: 0px;
font-size: 16px;
}
#generate-short-link #kc-us-submit-btn, #generate-short-link #kc-us-copy-btn {
border: 1px solid grey;
display: inline;
padding: 15px;
background-color: #4662FA;
color: #FFFFFF;
border-radius: 0px 50px 50px 0px;
margin: -5px;
width: 150px;
font-size: 16px;
}
.kc-us-tooltip {
position: relative;
display: inline-block;
}
.kc-us-tooltip .kc-us-tooltiptext {
visibility: hidden;
width: 140px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
bottom: 150%;
left: 50%;
margin-left: -75px;
opacity: 0;
transition: opacity 0.3s;
}
.kc-us-tooltip .kc-us-tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.kc-us-tooltip:hover .kc-us-tooltiptext {
visibility: visible;
opacity: 1;
}
      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;
overflow-x: hidden;
font-size: var(--font-size);
line-height: var(--line-height);
color: var(--text);
font-family: var(--primary-font);
letter-spacing: var(--letter-spacing);
}
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: 5px;
padding: 12px 25px;
line-height: 1.5em;
} @font-face {
font-family: Reey;
src: url(//odocapital.com.ec/wp-content/themes/prooty/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);
}
body #ova-custom-cursor__cursor {
-webkit-transition: width 0.3s, height 0.3s, opacity 0.3s;
transition: width 0.3s, height 0.3s, opacity 0.3s;
position: fixed;
top: -5px;
left: -5px;
width: 10px;
height: 10px;
pointer-events: none;
opacity: 0.5;
background-color: var(--primary);
border-radius: 50%;
pointer-events: none;
z-index: 999999;
}
body #ova-custom-cursor__cursor-border {
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
transition: top 0.15s ease-out, left 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out, background-color 0.15s ease-out;
--size: 26px;
position: fixed;
top: calc(var(--size) / -2);
left: calc(var(--size) / -2);
width: var(--size);
height: var(--size);
border-radius: 100%;
box-shadow: 0 0 0 1px var(--primary);
pointer-events: none;
-webkit-transform: translate(calc(-50% + 5px), -50%);
transform: translate(calc(-50% + 5px), -50%);
z-index: 999999;
}
@media (max-width: 1200px) and (min-width: 1025px) {
body .ova-hide-element-1200-and-min-1025 {
display: none !important;
}
}
@media (min-width: 1200px) {
body .ova-hide-element-min-1200 {
display: none !important;
}
} .compensate-for-scrollbar {
padding: 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;
}
} .site-brand a .blogname {
font-weight: bold;
font-size: 2em;
line-height: 1.5em;
color: var(--primary);
}
.site-brand a img {
width: 200px;
}
@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 {
color: #fff;
background-color: var(--primary);
}
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: 16px;
font-weight: 500;
}
.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 .post-media img {
display: block;
width: 100%;
}
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 20px 0px 0;
color: var(--text);
opacity: 0.8;
}
article.post-wrap ul.post-meta li:hover {
opacity: 1;
}
article.post-wrap ul.post-meta li i {
font-size: 0.9em;
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-title:hover {
color: var(--heading);
}
.single article.post-wrap .post-content {
margin-bottom: 35px;
}
.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 {
clear: both;
margin-top: 50px;
padding-top: 50px;
border-top: 1px solid #f3f3f3;
}
.single article.post-wrap .post-tags a {
text-transform: capitalize;
margin: 0px 5px 5px 0px;
display: inline-block;
margin-right: 5px;
background-color: #ffffff;
color: var(--heading);
border-radius: 0px;
padding: 5px 15px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
font-size: 12px !important;
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 a:hover {
background-color: var(--primary);
color: #fff;
}
.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;
margin-top: 0;
padding-top: 0;
border: unset;
}
.single article.post-wrap .post-tags-and-share .post-tags a {
margin: 0px 10px 10px 0px;
display: inline-block;
background-color: #ffffff;
color: var(--heading);
border-radius: 0px;
padding: 5px 15px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
font-size: 12px !important;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
color: #fff;
background-color: var(--primary);
}
.single article.post-wrap .post-tags-and-share .post-tags a:hover {
background-color: var(--primary);
color: #fff;
}
.single article.post-wrap .post-tags-and-share .post-tags a:hover {
background-color: var(--heading);
}
.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: 30px;
padding: 30px;
float: left;
width: 100%;
background-color: var(--secondary);     }
.sidebar .widget:last-child {
margin-bottom: 60px;
}
.sidebar .widget a {
color: var(--text);
}
.sidebar .widget a:hover {
color: var(--primary);
}
.sidebar .widget.widget_text h4.widget-title {
margin: 0 0 5px 0;
}
.sidebar .widget h4.widget-title {
position: relative;
margin: 0 0 15px 0;
font-size: 20px;
}
.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: #ffffff;
color: var(--heading);
border-radius: 0px;
padding: 5px 15px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
font-size: 12px !important;
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);
color: #fff;
}
.sidebar .widget.widget_search {
background-color: var(--primary);
}
.sidebar .widget.widget_search form {
position: relative;
}
.sidebar .widget.widget_search form:before {
font-size: 26px;
color: #fff;
opacity: 1;
font-family: flaticon_prooty !important;
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] {
padding: 0 15px;
width: 100%;
color: #fff;
background: unset;
border: unset;
}
.sidebar .widget.widget_search form input[type=search]::placeholder {
opacity: 1;
color: #fff;
font-size: 16px;
font-weight: 500;
}
.sidebar .widget.widget_search form input[type=search]::-webkit-search-cancel-button {
display: none;
}
.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: 5px;
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: 5px;
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: 5px;
padding: 12px 15px;
max-width: 100%;
-webkit-appearance: none;
-moz-appearance: textfield;
appearance: none;
width: 100%;
background-image: url(https://odocapital.com.ec/wp-content/themes/prooty/assets/img/base/select-arrow.svg);
background-position: calc(100% - 12px) center;
background-repeat: no-repeat;
background-size: 12px 12px;
}
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: 20px;
width: 100%;
text-align: center;
}
.slide_gallery .owl-dots .owl-dot {
width: 10px;
height: 10px;
background-color: #eee;
border-radius: 50%;
margin: 0px 3px;
}
.slide_gallery .owl-dots .owl-dot.active, .slide_gallery .owl-dots .owl-dot:hover {
background-color: var(--primary);
}
.slide_gallery .owl-nav button {
position: absolute;
bottom: 46%;
width: 46px;
height: 46px;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
background-color: #fff !important;
}
.slide_gallery .owl-nav button.owl-prev {
left: 30px;
}
.slide_gallery .owl-nav button.owl-next {
right: 30px;
}
.slide_gallery .owl-nav button span {
font-size: 30px;
color: var(--heading);
}
.slide_gallery .owl-nav button:hover {
background-color: var(--primary) !important;
}
.slide_gallery .owl-nav button:hover span {
color: #fff;
}
@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);
}
#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 {
position: relative;
display: inline-flex;
color: #fff;
padding: 15px 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-bottom: 20px;
padding-top: 20px;
}
.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: #ffffff;
color: var(--heading);
border-radius: 0px;
padding: 5px 15px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
font-size: 12px !important;
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);
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: #292f29;
}
.header_sticky.active_sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
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: "";
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: 0;
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;
font-size: 18px;
font-weight: bold;
line-height: 1.333;
color: #FFFFFF;
padding: 24px 70px;
background-color: var(--primary);
border-radius: 100px;
transition: all 0.3s ease;
}
.ova_404_page .ova-go-home a:hover {
background-color: var(--heading);
} 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%;
}
} .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://odocapital.com.ec/wp-content/themes/prooty/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: 5px;
padding: 12px 25px;
font-size: 1em;
font-weight: 600;
}
.woocommerce #woo_main {
padding: 0 10px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.woocommerce #woo_main {
padding: 0 20px;
flex-direction: column;
}
}
@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: 6px 0 0 0;
font-size: 18px;
line-height: 26px;
color: #62718d;
font-weight: 400;
}
.woocommerce #woo_main .content-area .woocommerce-ordering {
width: 245px;
margin-bottom: 40px;
}
.woocommerce #woo_main .content-area ul.products {
margin-bottom: 80px;
}
@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;
padding-bottom: 30px;
border: 1px solid #e5e5e5;
border-radius: 10px;
}
.woocommerce #woo_main .content-area ul.products li.product .cat_product {
color: var(--text);
font-size: 17px;
font-weight: 500;
line-height: 50px;
display: inline-block;
padding: 0px 15px 0px 15px;
}
.woocommerce #woo_main .content-area ul.products li.product .button {
visibility: visible;
opacity: 1;
}
.woocommerce #woo_main .content-area ul.products li.product:hover {
box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.1);
}
.woocommerce #woo_main .content-area ul.products li.product .star-rating {
font-size: 13px;
margin: 0 auto 8px auto;
}
.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: 3px;
text-transform: uppercase;
}
.woocommerce #woo_main .content-area ul.products li.product a.woocommerce-loop-product__link img {
margin: 0;
}
.woocommerce #woo_main .content-area ul.products li.product .woocommerce-loop-product__title {
font-size: 18px;
line-height: 26px;
color: var(--heading);
margin-top: -20px;
padding: 20px 15px 7px 15px;
z-index: 3;
font-weight: 600;
}
.woocommerce #woo_main .content-area ul.products li.product .price {
font-size: 16px;
line-height: 26px;
color: var(--primary);
font-weight: 600;
padding: 0px 15px 0px 15px;
}
.woocommerce #woo_main .content-area ul.products li.product .price ins {
font-weight: 600;
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 {
margin-top: 10px;
color: #fff;
margin: 0px;
transition: 0.4s;
z-index: 2;
margin: 10px 15px 0px 15px;
background: var(--heading);
border: 1px solid var(--heading);
}
.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(--primary);
border-color: var(--primary);
}
.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 .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: 500;
letter-spacing: 0.2px;
color: #2c2734;
margin-bottom: 15px;
}
.woocommerce div.product .summary .woocommerce-product-rating {
display: flex;
align-items: center;
margin: 0 0 15px 0;
}
.woocommerce div.product .summary .woocommerce-product-rating .star-rating {
font-size: 13px;
margin: 0px;
color: var(--primary);
}
.woocommerce div.product .summary .woocommerce-product-rating .woocommerce-review-link {
font-size: 15px;
color: #62718d;
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: 26px;
color: var(--primary);
font-weight: 600;
}
.woocommerce div.product .summary .price ins {
margin-left: 3px;
font-weight: 600;
text-decoration: none;
}
.woocommerce div.product .summary .woocommerce-product-details__short-description {
margin-bottom: 7px;
}
.woocommerce div.product .summary .woocommerce-product-details__short-description p {
line-height: 24px;
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 {
margin-bottom: 36px;
margin-top: 18px;
}
.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: 17px;
color: #202b5d;
padding-left: 20px;
padding-right: 10px;
border-color: #e5e5e5;
width: 80px;
height: 50px;
line-height: 50px;
border-radius: 4px;
}
.woocommerce div.product .summary form.cart .quantity input::placeholder {
font-size: 17px;
color: #202b5d;
}
.woocommerce div.product .summary form.cart .single_add_to_cart_button {
font-size: 16px;
border-radius: 5px;
padding: 12px 25px;
line-height: 1.5em;
font-weight: 700;
color: #fff;
text-transform: uppercase;
border-radius: 4px;
background-color: var(--heading);
}
.woocommerce div.product .summary form.cart .single_add_to_cart_button:hover {
background: var(--primary);
}
.woocommerce div.product .summary form.cart .single_add_to_cart_button:focus {
outline: none;
}
.woocommerce div.product .summary .product_meta .posted_in {
margin-bottom: 8px;
display: block;
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #62718d;
}
.woocommerce div.product .summary .product_meta .posted_in a {
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #202b5d;
}
.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;
}
.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: 20px;
line-height: 1.2;
font-weight: 600;
color: #2c2734;
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: 13px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .meta {
margin: 0 0 14px 0;
}
.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 {
display: none;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .meta .woocommerce-review__published-date {
display: block;
color: #42516d;
font-size: inherit;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .description {
color: var(--text);
}
.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 .comment-form-rating {
margin-bottom: 10px;
}
.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: 17px;
line-height: 24px;
color: #62718d;
}
.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;
}
.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: 11px 15px;
border-radius: 10px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form input {
border: 1px solid #e8e8e8;
background-color: #fff;
height: 45px;
width: calc(100% - 150px);
margin: 0;
padding: 0 15px;
}
@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 label {
margin: 0 0 10px;
width: 100%;
display: block;
}
.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 .stars a {
color: #cccccc;
}
.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-comment {
margin-top: 0px;
}
.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;
height: 50px;
line-height: 50px;
font-size: 18px;
font-weight: 700;
color: #fff;
padding: 0 30px;
width: unset;
border-radius: 4px;
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;
}
.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;
color: #2c2734;
padding: 15px 0;
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .woocommerce-Reviews-title {
font-size: 20px;
line-height: 1.2;
color: #202b5d;
margin: 0;
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel#tab-description > p {
margin-top: 0;
margin-bottom: 0;
}
.woocommerce div.product .related > h2 {
font-size: 24px;
line-height: 1.2;
color: #2c2734;
font-weight: 600;
margin: 0 0 35px 0;
}
.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: 4px;
background: #ffffff;
}
.woocommerce-checkout #customer_details textarea {
border: 1px solid;
border-color: #e0e0e0;
height: 100px;
padding: 10px 15px;
border-radius: 4px;
color: var(--text);
background: #ffffff;
}
.woocommerce-checkout #customer_details .select2-container .select2-selection--single {
height: 45px;
border: 1px solid;
border-color: #e0e0e0;
border-radius: 4px;
}
.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: 4px;
}
.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: 5px;
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: 4px;
}
.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: 4px;
}
.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: 5px;
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);
}
@media (max-width: 600px) {
.woocommerce .woocommerce-message {
display: flex;
flex-direction: column-reverse;
}
.woocommerce .woocommerce-message a.button {
margin-top: 10px;
}
}
.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: 5px;
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: 5px;
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: 5px;
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 .widget_product_categories {
padding: 50px 30px 40px 30px;
background-color: #f7f4f2;
border-radius: 10px;
}
.woocommerce .woo-sidebar .woo_widget ul {
margin: 0;
}
.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_tag_cloud .tagcloud a {
float: left;
display: block;
margin: 0 10px 10px 0;
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider {
border-radius: 0;
background: #e5e5e5;
margin: 0 0 25px 0;
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle {
background: #fff;
border: 1px solid #e5e5e5;
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount {
display: flex;
justify-content: space-between;
align-items: center;
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount .button {
font-size: 18px;
color: #fff;
font-weight: 500;
background: #2c2734;
height: 35px;
line-height: 35px;
padding: 0 20px;
border-radius: 20px;
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount .price_label {
font-size: 16px;
line-height: 1.2;
color: #88858e;
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;
}
} @media (min-width: 1024px) {
.ova-menu-custom-line .main-navigation ul.menu > li > a {
position: relative;
}
.ova-menu-custom-line .main-navigation ul.menu > li > a:before {
transition: transform 0.5s ease;
position: absolute;
content: "";
right: 0;
left: 0;
top: 0;
height: 2px;
background-color: var(--primary);
transform: scale(0, 1);
transform-origin: left center;
}
.ova-menu-custom-line .main-navigation ul.menu > li > a:hover:before {
transform: scale(1, 1);
transform-origin: right center;
}
.ova-menu-custom-line .main-navigation ul li.menu-item.current-menu-item > a:before {
transform: scale(1, 1);
}
} .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:hover {
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: 8px 28px;
background: #292f2966;
line-height: 1.5;
}
.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: 50px;
line-height: 1.1em;
font-weight: 800;
} .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-wrapper {
width: auto;
overflow: visible;
}
.elementor-widget-tabs .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
line-height: 1.2;
}
.elementor-widget-tabs .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content {
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: 2;
}
.elementor-widget-tabs .elementor-tabs .elementor-tabs-content-wrapper > .elementor-tab-mobile-title {
margin-bottom: 10px;
color: var(--heading);
background-color: var(--secondary);
}
.elementor-widget-tabs .elementor-tabs .elementor-tabs-content-wrapper > .elementor-tab-mobile-title:hover, .elementor-widget-tabs .elementor-tabs .elementor-tabs-content-wrapper > .elementor-tab-mobile-title.elementor-active {
color: #fff;
background-color: var(--primary);
}
.elementor-widget-tabs .elementor-tabs .elementor-tabs-content-wrapper > .elementor-tab-mobile-title:hover .ova-tab-icon i, .elementor-widget-tabs .elementor-tabs .elementor-tabs-content-wrapper > .elementor-tab-mobile-title.elementor-active .ova-tab-icon i {
color: #fff;
}
.elementor-widget-tabs .elementor-tabs .elementor-tabs-content-wrapper > .elementor-tab-mobile-title .ova-tab-icon i {
font-size: 20px;
color: var(--primary);
margin-right: 8px;
}
.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-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-wrapper {
max-width: 270px;
margin-right: 30px;
}
.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title {
display: flex;
align-items: center;
font-size: 18px;
padding: 14px 18px;
margin-bottom: 10px;
color: var(--heading);
background-color: var(--secondary);
position: relative;
z-index: 1;
}
.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title:before {
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transform: unset;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 0%;
content: "";
background-color: var(--primary);
z-index: -1;
}
.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active {
color: #fff;
}
.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active .ova-tab-icon i {
color: #fff;
}
.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active:before {
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
height: 100%;
width: 100%;
}
.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title .ova-tab-icon {
line-height: 1;
}
.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title .ova-tab-icon i {
margin: 0 15px;
display: inline-flex;
font-size: 34px;
color: var(--primary);
}
.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
position: relative;
padding: 0;
}
@media (max-width: 767px) {
.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content {
padding: 30px 0;
}
}
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title {
display: inline-block;
font-size: 14px;
text-transform: uppercase;
padding: 20px 40px;
margin-right: 5px;
background-color: var(--heading);
color: #fff;
position: relative;
z-index: 1;
}
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title:before {
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: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 0%;
background-color: var(--primary);
z-index: -1;
}
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title:after {
position: absolute;
content: "";
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 44px;
height: 9px;
background-color: var(--primary);
-webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
clip-path: polygon(100% 0, 0 0, 50% 100%);
opacity: 0;
}
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: #fff;
}
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active .ova-tab-icon i {
color: #fff;
}
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active:before {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
height: 100%;
width: 100%;
}
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active:after {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition-delay: 0.1s;
opacity: 1;
bottom: -8px;
}
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content {
padding: 90px 0 0 0;
}
@media (max-width: 1024px) {
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content {
padding: 50px 0;
}
}
@media (max-width: 767px) {
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content {
padding: 30px 0;
}
}
.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 {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
row-gap: 15px;
padding: 45px;
background-color: #fff;
}
.ova-counter: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-counter:hover .odometer {
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 .icon {
display: inline-flex;
justify-content: center;
align-items: center;
margin-right: 20px;
}
.ova-counter .icon i {
font-size: 64px;
color: var(--primary);
}
.ova-counter .icon svg {
width: 64px;
height: 64px;
}
.ova-counter .icon svg path {
fill: 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;
color: var(--heading);
font-size: 50px;
font-weight: 800;
line-height: 1;
}
.ova-counter .odometer .odometer-inside {
line-height: 1;
}
.ova-counter .suffix {
color: var(--heading);
font-size: 50px;
font-weight: 800;
}
.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: 4px 0 0 0;
font-size: 18px;
line-height: 1.2;
font-weight: 400;
color: var(--text);
}
.ova-counter.ova-counter-template2 {
padding: 30px;
background-color: var(--heading);
}
.ova-counter.ova-counter-template2 .odometer {
color: #fff;
font-size: 26px;
font-weight: 700;
}
.ova-counter.ova-counter-template2 .suffix {
color: #fff;
font-size: 26px;
font-weight: 700;
}
.ova-counter.ova-counter-template2 .title {
font-size: 16px;
}
.ova-counter.ova-counter-template3 {
padding: 35px 0px;
border-bottom: 1px solid #e4e4e4;
}
.ova-counter.ova-counter-template3 .icon i {
font-size: 58px;
}
.ova-counter.ova-counter-template3 .icon svg {
width: 58px;
height: 58px;
}
.ova-counter.ova-counter-template3 .odometer {
font-size: 26px;
font-weight: 700;
}
.ova-counter.ova-counter-template3 .suffix {
font-size: 26px;
font-weight: 700;
}
.ova-counter.ova-counter-template3 .title {
font-size: 16px;
}
.ova-counter-wrapper.ova-counter-wrapper-template3 {
padding: 0 40px;
background-color: #fff;
}
.ova-team {
position: relative;
padding: 18px 18px 0px 0px;
}
@media (min-width: 1024px) {
.ova-team {
margin: 0 20px 30px 20px;
}
}
.ova-team.no-line-top:before, .ova-team.no-line-top:after {
content: none;
}
.ova-team: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: 52px;
height: 8px;
}
.ova-team: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;
width: 8px;
height: 107px;
}
.ova-team:hover .content {
transition: all 0.3s ease;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
.ova-team:hover .content:after {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transform: scaleX(1);
}
.ova-team:hover .content ul.social-list {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transform: scaleX(1);
}
.ova-team:hover .content .share-icon i {
color: var(--primary);
}
.ova-team:before {
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;
top: 0px;
right: 0px;
width: 107px;
height: 8px;
background-color: var(--primary);
}
.ova-team:after {
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;
top: 0;
right: 0;
width: 8px;
height: 52px;
background-color: var(--primary);
}
.ova-team .image img {
width: 100%;
object-fit: cover;
}
.ova-team .content {
transition: all 0.3s ease;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
width: calc(100% - 40px);
background-color: #fff;
margin-top: -65px;
padding: 30px;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.03);
}
@media (max-width: 767px) {
.ova-team .content {
width: calc(100% - 20px);
}
}
.ova-team .content:after {
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;
bottom: calc(100% - 35px);
right: 27px;
border-top: solid 5px var(--primary);
border-left: solid 12px transparent;
border-right: solid 12px transparent;
transform: scaleX(0);
}
.ova-team .content .info .name {
margin: 0px;
font-size: 20px;
}
.ova-team .content .info .name a {
color: var(--heading);
}
.ova-team .content .info .name a:hover {
color: var(--primary);
}
.ova-team .content .info .job {
margin: 0px;
font-size: 12px;
}
.ova-team .content ul.social-list {
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;
bottom: calc(100% - 30px);
right: 15px;
margin: 0;
padding: 20px 18px;
background-color: var(--primary);
transform-style: preserve-3d;
transform: scaleX(0);
}
.ova-team .content ul.social-list li {
margin: 0 0 18px 0;
list-style-type: none;
line-height: 1;
}
.ova-team .content ul.social-list li:last-child {
margin: 0;
}
.ova-team .content ul.social-list li i {
display: inline-flex;
font-size: 14px;
color: #fff;
}
.ova-team .content .share-icon {
position: relative;
padding: 0 0 0 30px;
margin: 0 0 0 20px;
line-height: 1;
border-left: 1px solid var(--light);
}
.ova-team .content .share-icon i {
font-size: 18px;
color: var(--heading);
}
.elementor-button-wrapper .elementor-button {
position: relative;
overflow: hidden;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
background-color: var(--primary);
border-radius: 0;
padding: 16px 38px;
}
.elementor-button-wrapper .elementor-button:hover:before {
transition: all 0.35s linear;
-moz-transition: all 0.35s linear;
-webkit-transition: all 0.35s linear;
-o-transition: all 0.35s linear;
background-color: var(--heading);
-webkit-transform: scaleY(1) rotateX(0deg);
transform: scaleY(1) rotateX(0deg);
}
.elementor-button-wrapper .elementor-button:before {
transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-webkit-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
background-color: transparent;
-webkit-transform: scaleY(0) rotateX(0deg);
transform: scaleY(0) rotateX(0deg);
}
.elementor-button-wrapper .elementor-button .elementor-button-content-wrapper {
align-items: center;
}
.elementor-button-wrapper .elementor-button .elementor-button-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;
z-index: 1;
}
.elementor-button-wrapper .elementor-button .elementor-button-icon i {
display: inline-flex;
}
.elementor-button-wrapper .elementor-button .elementor-button-icon:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.elementor-button-wrapper .elementor-button .elementor-button-text {
z-index: 1;
}
.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;
color: #838b83;
}
.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 {
color: #ffffff;
}
.ova-menu-footer .menu a:hover:before {
width: 100%;
}
.ova-menu-footer .menu .sub-menu {
list-style: none;
}
.ova-contact-info {
display: flex;
align-items: center;
}
.ova-contact-info .icon {
margin-right: 15px;
display: flex;
align-items: center;
justify-content: center;
color: var(--primary);
}
.ova-contact-info .icon i {
display: inline-flex;
}
.ova-contact-info .contact .label {
font-size: 15px;
padding: 0;
font-weight: 500;
line-height: 1.2;
margin: 0 0 10px 0;
}
.ova-contact-info .contact .info {
list-style-type: none;
padding: 0;
margin: 0;
}
.ova-contact-info .contact .info .item {
color: var(--text);
}
.ova-contact-info .contact .info .item a {
display: inline-block;
color: var(--text);
line-height: 1.4;
-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-trapezoid-clip-path {
-webkit-clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%);
}
.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 {
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;
font-size: 34px;
color: var(--heading);
display: inline-flex;
}
.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;
-webkit-border-radius: 0;
border-radius: 0;
}
.ova_wrap_search_popup .ova_search_popup .container .search-form .search-field::placeholder {
opacity: 1;
color: var(--text);
font-weight: 500;
}
.ova_wrap_search_popup .ova_search_popup .container .search-form .search-field::-webkit-search-cancel-button {
filter: invert(63%) sepia(43%) saturate(286%) hue-rotate(351deg) brightness(93%) contrast(97%);
opacity: 1;
background-color: black;
}
.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: 0;
cursor: pointer;
-webkit-border-radius: 0;
border-radius: 0;
background-color: var(--primary);
}
.ova_wrap_search_popup .ova_search_popup .container .search-form .search-submit i {
font-size: 24px;
color: #fff;
line-height: 1;
}
.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(--heading);
}
.ova-heading .top-heading {
position: relative;
}
.ova-heading .top-heading:before {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0.1;
background-repeat: no-repeat;
background-position: bottom center;
}
.ova-heading .top-heading.invert-color:before {
filter: brightness(0) invert(1);
}
.ova-heading .sub-title-pre, .ova-heading .sub-title {
position: relative;
z-index: 1;
margin: 0;
display: inline-block;
font-size: 14px;
font-weight: 600;
color: var(--primary);
line-height: 1.2;
text-transform: uppercase;
}
.ova-heading .title {
position: relative;
z-index: 1;
margin: 0;
margin-bottom: 30px;
font-size: 48px;
font-weight: 800;
line-height: 1.21;
white-space: pre-line;
}
@media (max-width: 767px) {
.ova-heading .title {
font-size: 40px;
white-space: normal;
}
}
.ova-heading .title a {
transition: transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-webkit-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
color: var(--heading);
}
.ova-heading .title a:hover {
transition: transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-webkit-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
color: var(--primary);
}
.ova-heading .description {
margin: 0;
white-space: pre-line;
}
@media (max-width: 1024px) {
.ova-heading .description {
white-space: normal;
}
}
.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;
background-color: #fff;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}
.ova-icon-box: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: #fff;
}
.ova-icon-box:hover .iconbox {
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);
}
.ova-icon-box:hover .iconbox i {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: #fff;
}
.ova-icon-box:hover .iconbox .title {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: #fff;
}
.ova-icon-box:hover .iconbox .description {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: #fff;
}
.ova-icon-box:hover .button-readmore {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: #fff;
background-color: var(--heading);
border-top: 1px solid rgba(0, 0, 0, 0.3);
}
.ova-icon-box:hover .button-readmore:before {
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.3;
}
.ova-icon-box:hover .button-readmore i {
position: relative;
z-index: 3;
}
.ova-icon-box:hover .button-readmore span {
position: relative;
z-index: 3;
}
.ova-icon-box .iconbox {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
padding: 40px 50px 35px 40px;
background-color: #fff;
}
.ova-icon-box .iconbox i {
display: inline-block;
font-size: 64px;
line-height: 1;
color: var(--primary);
}
.ova-icon-box .iconbox .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 0 10px 0;
font-size: 24px;
color: var(--heading);
line-height: 1.5;
}
.ova-icon-box .iconbox .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;
color: var(--text);
}
.ova-icon-box .button-readmore {
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;
display: block;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
color: var(--text);
padding: 30px 40px;
background-color: #fff;
border-top: 1px solid #E4E4E4;
}
.ova-icon-box .button-readmore:before {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
content: "";
position: absolute;
opacity: 0;
left: 0;
bottom: 0;
width: 100%;
height: calc(100% + 1px);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-blend-mode: luminosity;
}
.ova-icon-box .button-readmore i {
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-icon-box.ova-icon-box-template2 {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
margin-top: 40px;
}
.ova-icon-box.ova-icon-box-template2:hover .iconbox {
background-color: #fff;
}
.ova-icon-box.ova-icon-box-template2 .iconbox i {
margin-top: -80px;
margin-bottom: 20px;
padding: 27px 17px;
color: #fff;
background-color: var(--primary);
}
.ova-icon-box.ova-icon-box-template2 .iconbox .title {
color: var(--heading);
}
.ova-icon-box.ova-icon-box-template2 .iconbox .description {
color: var(--text);
}
.ova-logo-contact-box .logo {
position: relative;
display: flex;
padding: 30px 40px;
background-color: var(--primary);
}
.ova-logo-contact-box .logo:before {
content: "";
position: absolute;
left: 60px;
bottom: -9px;
z-index: 1;
width: 56px;
height: 11px;
background-color: var(--primary);
-webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.ova-logo-contact-box .contact-box {
padding: 40px;
background-color: #212621;
}
.ova-logo-contact-box .contact-box .info-with-image {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.ova-logo-contact-box .contact-box .info-with-image img {
display: inline-block;
border-radius: 50%;
object-fit: cover;
}
.ova-logo-contact-box .contact-box .info-with-image .info {
margin-left: 18px;
}
.ova-logo-contact-box .contact-box .info-with-image .info .name {
margin: 0;
font-size: 20px;
line-height: 1.2;
color: #fff;
}
.ova-logo-contact-box .contact-box .info-with-image .info .position {
margin: 0;
text-align: left;
font-size: 12px;
color: var(--primary);
text-transform: uppercase;
}
.ova-logo-contact-box .contact-box .contact-info {
list-style-type: none;
padding: 0;
margin: 0 0 24px 0;
}
.ova-logo-contact-box .contact-box .contact-info .item {
color: var(--text);
}
.ova-logo-contact-box .contact-box .contact-info .item a {
display: inline-block;
color: var(--text);
line-height: 1.4;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
}
.ova-logo-contact-box .contact-box .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-logo-contact-box .contact-box .contact-info .item a:hover {
color: var(--primary);
}
.ova-logo-contact-box .contact-box .contact-info .item a:hover:before {
width: 100%;
}
.ova-logo-contact-box .contact-box .contact-button {
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-block;
padding: 16px 40px;
color: #fff;
background-color: var(--heading);
font-size: 12px;
line-height: 1;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}
.ova-logo-contact-box .contact-box .contact-button: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);
}
.ova-mc4wp-form {
display: flex;
}
@media (max-width: 767px) {
.ova-mc4wp-form {
display: block;
}
}
.ova-mc4wp-form input[type=email] {
margin: 0 18px 0 0;
font-size: 14px;
line-height: 1.2;
padding: 18px 28px;
color: #fff;
border-radius: 0;
border: none;
caret-color: var(--primary);
background-color: var(--heading);
width: 100%;
}
.ova-mc4wp-form input[type=email]::placeholder {
color: var(--text);
opacity: 1;
}
@media (max-width: 767px) {
.ova-mc4wp-form input[type=email] {
margin: 0 0 10px 0;
}
}
@media (min-width: 1190px) {
.ova-mc4wp-form input[type=email] {
min-width: 320px;
}
}
.ova-mc4wp-form button[type=submit] {
transition: all 0.3s ease;
font-size: 14px;
color: #fff;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
padding: 18px 46px;
border-radius: 0;
border: none;
}
.ova-mc4wp-form button[type=submit]:hover {
transition: all 0.3s ease;
background-color: var(--heading);
}
@media (max-width: 767px) {
.ova-mc4wp-form button[type=submit] {
font-size: 12px;
padding: 16px 38px;
}
}
.mc4wp-response p {
margin: 10px 0px !important;
}
.mc4wp-response p a {
color: var(--primary) !important;
}
.ova-images-slider.owl-carousel {
position: relative;
}
.ova-images-slider.owl-carousel .item-images-slider {
padding: 30px;
}
.ova-images-slider.owl-carousel .item-images-slider:hover {
background: #f6f6f6;
}
.ova-images-slider.owl-carousel .item-images-slider:hover img {
opacity: 1;
}
.ova-images-slider.owl-carousel img {
margin: 0 auto;
max-width: 122px;
opacity: 0.8;
object-fit: cover;
}
.ova-images-slider.owl-carousel .owl-dots {
display: flex;
justify-content: center;
align-items: center;
margin: 30px 5px;
position: relative;
bottom: 4px;
}
.ova-images-slider.owl-carousel .owl-dots button {
margin: 0px 5px;
width: 6px;
height: 6px;
border-radius: 50%;
background: #d1d1d6;
}
.ova-images-slider.owl-carousel .owl-dots button.active {
background-color: var(--primary);
width: 12px;
border-radius: 5px;
}
.ova-images-slider.owl-carousel .owl-nav button {
position: absolute;
bottom: 40%;
width: 50px;
height: 50px;
border-radius: 100px;
padding: 0px;
border: 1px solid var(--primary);
border-color: transparent;
display: inline-flex;
justify-content: center;
align-items: center;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.ova-images-slider.owl-carousel .owl-nav button.owl-prev {
left: -50px;
}
.ova-images-slider.owl-carousel .owl-nav button.owl-next {
right: -50px;
}
.ova-images-slider.owl-carousel .owl-nav button i {
display: inline-flex;
font-size: 14px;
}
.ova-images-slider.owl-carousel .owl-nav button:hover {
background-color: var(--primary);
}
.ova-images-slider.owl-carousel .owl-nav button:hover i {
color: #ffffff;
}
.ova-image {
position: relative;
display: flex;
height: 100%;
}
@media (max-width: 1024px) {
.ova-image {
height: auto;
}
}
@keyframes glide1 {
0% {
transform: translate3d(0);
}
50% {
transform: translate3d(20px, 20px, 20px);
}
100% {
transform: translate3d(0);
}
}
.ova-image:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;
z-index: 3;
}
.ova-image:after {
position: absolute;
content: "";
top: -50px;
left: -60px;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: top left;
background-size: default;
opacity: 0.3;
animation: glide1 3s 0s ease;
animation-iteration-count: infinite;
}
.ova-image .ova-image-content {
display: flex;
width: 100%;
z-index: 2;
}
.ova-image .ova-image-content img {
position: relative;
width: 100%;
height: 100%;
object-fit: cover;
}
.ova-image .text {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
width: 100px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
white-space: pre-line;
color: #fff;
background-color: var(--primary);
opacity: 0.9;
writing-mode: tb-rl;
padding: 20px 10px;
}
.ova-image .line-decor {
position: absolute;
top: 0;
left: -20px;
width: 10px;
height: 140px;
background-color: var(--primary);
}
.ova-image.template_2:after {
position: absolute;
content: "";
top: 30px;
left: -70px;
}
.ova-image.template_2 .ova-image-content {
-webkit-mask-image: url(//odocapital.com.ec/wp-content/themes/prooty/assets/img/mask-image.svg);
mask-image: url(//odocapital.com.ec/wp-content/themes/prooty/assets/img/mask-image.svg);
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-position: bottom center;
mask-position: bottom center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.ova-image.template_2 .text {
opacity: 1;
left: unset;
right: 0;
bottom: 20px;
width: 100%;
align-items: flex-end;
color: var(--primary);
background-color: transparent;
writing-mode: unset;
}
.ova-image.template_2 .line-decor {
left: 20px;
} .elementor-widget-prooty_elementor_image {
height: 100%;
}
.elementor-widget-prooty_elementor_image .elementor-widget-container {
height: 100%;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
border-color: red;
color: red;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: var(--primary);
}
.ova-ctform7 {
padding: 60px 50px;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
@media (max-width: 568px) {
.ova-ctform7 {
padding: 30px 20px;
}
}
.ova-ctform7 p {
margin-bottom: 0px;
}
.ova-ctform7 .form-contact-us .form-left, .ova-ctform7 .form-contact-us .form-right {
display: inline-flex;
display: -webkit-inline-flex;
column-gap: 20px;
width: 100%;
}
@media screen and (max-width: 460px) {
.ova-ctform7 .form-contact-us .form-left, .ova-ctform7 .form-contact-us .form-right {
flex-direction: column;
}
}
.ova-ctform7 .form-contact-us input[type=text], .ova-ctform7 .form-contact-us input[type=email], .ova-ctform7 .form-contact-us input[type=tel], .ova-ctform7 .form-contact-us textarea {
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 14px;
width: 100%;
background-color: var(--secondary);
box-sizing: border-box;
border-radius: 0;
padding: 20px 30px;
outline: none;
color: var(--text);
line-height: 1.2;
border: none;
caret-color: var(--primary);
}
.ova-ctform7 .form-contact-us input[type=text]::placeholder, .ova-ctform7 .form-contact-us input[type=email]::placeholder, .ova-ctform7 .form-contact-us input[type=tel]::placeholder, .ova-ctform7 .form-contact-us textarea::placeholder {
font-family: var(--secondary-font);
font-size: 14px;
line-height: 1.2;
color: var(--text);
font-feature-settings: "pnum" on, "lnum" on;
}
.ova-ctform7 .form-contact-us input[type=text]:focus, .ova-ctform7 .form-contact-us input[type=email]:focus, .ova-ctform7 .form-contact-us input[type=tel]:focus, .ova-ctform7 .form-contact-us textarea:focus {
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
font-weight: 600;
border-color: var(--primary);
border-width: 0 0 1.5px 0;
}
.ova-ctform7 .form-contact-us input[type=text]:focus::placeholder, .ova-ctform7 .form-contact-us input[type=email]:focus::placeholder, .ova-ctform7 .form-contact-us input[type=tel]:focus::placeholder, .ova-ctform7 .form-contact-us textarea:focus::placeholder {
font-weight: 500;
}
.ova-ctform7 .form-contact-us .ova_wrap_input {
width: 100%;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.ova-ctform7 .form-contact-us .name-info .wpcf7-form-control-wrap, .ova-ctform7 .form-contact-us .email .wpcf7-form-control-wrap, .ova-ctform7 .form-contact-us .message .wpcf7-form-control-wrap {
width: 100%;
}
.ova-ctform7 .form-contact-us .name-info .wpcf7-form-control-wrap input, .ova-ctform7 .form-contact-us .name-info .wpcf7-form-control-wrap textarea, .ova-ctform7 .form-contact-us .email .wpcf7-form-control-wrap input, .ova-ctform7 .form-contact-us .email .wpcf7-form-control-wrap textarea, .ova-ctform7 .form-contact-us .message .wpcf7-form-control-wrap input, .ova-ctform7 .form-contact-us .message .wpcf7-form-control-wrap textarea {
width: 100%;
}
}
.ova-ctform7 .form-contact-us textarea {
height: 130px;
resize: none;
}
.ova-ctform7 .form-contact-us .ova-submit {
position: relative;
display: inline-block;
background-color: var(--primary);
z-index: 1;
}
.ova-ctform7 .form-contact-us .ova-submit:after {
transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-webkit-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
background-color: transparent;
-webkit-transform: scaleY(0) rotateX(0deg);
transform: scaleY(0) rotateX(0deg);
}
.ova-ctform7 .form-contact-us .ova-submit:hover:after {
transition: all 0.35s linear;
-moz-transition: all 0.35s linear;
-webkit-transition: all 0.35s linear;
-o-transition: all 0.35s linear;
background-color: var(--heading);
-webkit-transform: scaleY(1) rotateX(0deg);
transform: scaleY(1) rotateX(0deg);
}
.ova-ctform7 .form-contact-us .ova-submit input[type=submit] {
position: relative;
z-index: 1;
padding: 20px 60px;
font-weight: 600;
font-size: 14px;
line-height: 1.2;
text-transform: uppercase;
background-color: transparent;
letter-spacing: 0.16em;
color: #fff;
border: unset;
border-radius: 0;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (max-width: 568px) {
.ova-ctform7 .form-contact-us .ova-submit input[type=submit] {
font-size: 12px;
}
}
.ova-ctform7 .form-contact-us .ova-submit .wpcf7-spinner {
position: absolute;
top: 50%;
margin: 0 10px;
}
@media screen and (max-width: 767px) {
.ova-ctform7 .form-contact-us .ajax-loader {
margin-top: -24px;
display: block;
}
}
.ova-testimonial .owl-stage-outer {
padding: 30px 0;
}
.ova-testimonial .owl-carousel .owl-stage-outer {
margin-right: -10px;
margin-left: -10px;
padding-left: 10px;
padding-right: 10px;
width: calc(100% + 20px);
}
.ova-testimonial .slide-testimonials .owl-item.active.center .line-bottom {
transition: all 0.3s ease;
background-color: var(--primary);
}
.ova-testimonial .slide-testimonials .line-bottom {
transition: all 0.3s ease;
position: absolute;
right: 0;
bottom: -10px;
width: 100%;
height: 10px;
background-color: var(--heading);
}
.ova-testimonial .slide-testimonials .client_info {
background-color: #ffffff;
padding: 35px 45px;
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.07);
}
@media (max-width: 430px) {
.ova-testimonial .slide-testimonials .client_info {
padding: 30px 20px;
}
}
.ova-testimonial .slide-testimonials .client_info .info {
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 30px;
border-bottom: 1px solid var(--light);
}
@media (max-width: 430px) {
.ova-testimonial .slide-testimonials .client_info .info {
flex-direction: column;
}
}
.ova-testimonial .slide-testimonials .client_info .info .client {
margin: -60px 20px 0 0;
}
@media (max-width: 430px) {
.ova-testimonial .slide-testimonials .client_info .info .client {
margin: 0 0 20px 0;
}
}
.ova-testimonial .slide-testimonials .client_info .info .client img {
display: block;
border: 4px solid var(--primary);
width: 84px;
height: 84px;
object-fit: cover;
}
.ova-testimonial .slide-testimonials .client_info .info .name-job .name {
margin: 0;
font-size: 20px;
}
.ova-testimonial .slide-testimonials .client_info .info .name-job .job {
margin: 0;
}
.ova-testimonial .slide-testimonials .client_info p.evaluate {
margin: 20px 0 0 0;
}
.ova-testimonial .slide-testimonials .client_info .ova-rating {
justify-content: center;
}
.ova-testimonial .slide-testimonials .client_info .ova-rating .elementor-star-rating {
font-size: 14px;
color: var(--text);
font-family: eicons;
display: inline-block;
}
.ova-testimonial .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: var(--primary);
top: 0;
left: 0;
}
.ova-testimonial .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 .slide-testimonials .client_info .ova-rating .elementor-star-rating i::before {
display: block;
font-size: inherit;
font-family: inherit;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.ova-testimonial .slide-testimonials .client_info .ova-rating .elementor-star-rating i.elementor-star-1::before {
content: "";
width: 10%;
}
.ova-testimonial .slide-testimonials .client_info .ova-rating .elementor-star-rating i.elementor-star-2::before {
content: "";
width: 20%;
}
.ova-testimonial .slide-testimonials .client_info .ova-rating .elementor-star-rating i.elementor-star-3::before {
content: "";
width: 30%;
}
.ova-testimonial .slide-testimonials .client_info .ova-rating .elementor-star-rating i.elementor-star-4::before {
content: "";
width: 40%;
}
.ova-testimonial .slide-testimonials .client_info .ova-rating .elementor-star-rating i.elementor-star-5::before {
content: "";
width: 50%;
}
.ova-testimonial .slide-testimonials .client_info .ova-rating .elementor-star-rating i.elementor-star-6::before {
content: "";
width: 60%;
}
.ova-testimonial .slide-testimonials .client_info .ova-rating .elementor-star-rating i.elementor-star-7::before {
content: "";
width: 70%;
}
.ova-testimonial .slide-testimonials .client_info .ova-rating .elementor-star-rating i.elementor-star-8::before {
content: "";
width: 80%;
}
.ova-testimonial .slide-testimonials .client_info .ova-rating .elementor-star-rating i.elementor-star-9::before {
content: "";
width: 90%;
}
.ova-testimonial .slide-testimonials .client_info .ova-rating.star_unicode .elementor-star-rating i.elementor-star-1::before,
.ova-testimonial .slide-testimonials .client_info .ova-rating.star_unicode .elementor-star-rating i.elementor-star-2::before,
.ova-testimonial .slide-testimonials .client_info .ova-rating.star_unicode .elementor-star-rating i.elementor-star-3::before,
.ova-testimonial .slide-testimonials .client_info .ova-rating.star_unicode .elementor-star-rating i.elementor-star-4::before,
.ova-testimonial .slide-testimonials .client_info .ova-rating.star_unicode .elementor-star-rating i.elementor-star-5::before,
.ova-testimonial .slide-testimonials .client_info .ova-rating.star_unicode .elementor-star-rating i.elementor-star-6::before,
.ova-testimonial .slide-testimonials .client_info .ova-rating.star_unicode .elementor-star-rating i.elementor-star-7::before,
.ova-testimonial .slide-testimonials .client_info .ova-rating.star_unicode .elementor-star-rating i.elementor-star-8::before,
.ova-testimonial .slide-testimonials .client_info .ova-rating.star_unicode .elementor-star-rating i.elementor-star-9::before {
content: "★";
}
.ova-testimonial .slide-testimonials .client_info .ova-rating.star_unicode .elementor-star-rating .elementor-star-full::before {
content: "★";
}
.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-video {
display: inline-block;
position: relative;
overflow: hidden;
}
.ova-video .image {
display: flex;
width: 100%;
}
.ova-video .image img {
display: block;
width: 100%;
min-height: 280px;
object-fit: cover;
}
.ova-video .image .overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: var(--heading);
opacity: 0.3;
}
.ova-video .icon-content-view {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
}
.ova-video .icon-content-view.video_active {
cursor: pointer;
}
.ova-video .icon-content-view:hover .content {
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-video .icon-content-view:hover .content:before {
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-video .icon-content-view .content {
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
width: 150px;
height: 150px;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
}
@media (max-width: 767px) {
.ova-video .icon-content-view .content {
width: 90px;
height: 90px;
}
}
.ova-video .icon-content-view .content i {
transition: all 0.3s ease;
display: inline-flex;
font-size: 20px;
z-index: 1;
color: #ffffff;
}
@media (max-width: 767px) {
.ova-video .icon-content-view .content i {
font-size: 14px;
}
}
.ova-video .icon-content-view .content:before {
position: absolute;
content: "";
top: 50%;
left: 50%;
border-radius: 50%;
transform: translate(-50%, -50%);
width: 85%;
height: 85%;
background-color: rgba(195, 158, 118, 0.2);
-webkit-animation: lineScale 2.5s linear infinite;
-moz-animation: lineScale 2.5s linear infinite;
animation: lineScale 2.5s linear infinite;
}
.ova-video .icon-content-view .content:after {
position: absolute;
content: "";
top: 50%;
left: 50%;
border-radius: 50%;
transform: translate(-50%, -50%);
width: 60%;
height: 60%;
background-color: var(--primary);
-webkit-animation: lineScale 2.5s linear infinite;
-moz-animation: lineScale 2.5s linear infinite;
animation: lineScale 2.5s linear infinite;
}
.ova-video .icon-content-view .ova-text {
margin: 0;
color: var(--heading);
margin-left: 16px;
}
.ova-video .icon-content-view .ova-text a {
color: var(--heading);
}
.ova-video.version_2 {
border-radius: 10px;
overflow: hidden;
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}
.ova-video.version_2 .icon-content-view {
align-items: flex-start;
justify-content: flex-end;
}
.ova-video.version_2 .icon-content-view .content {
top: 12px;
right: 12px;
margin: 0;
}
.ova-video.version_2 .icon-content-view .content:before {
background-color: var(--primary);
width: 72%;
height: 72%;
}
.ova-video.version_2 .icon-content-view.video_active {
position: absolute;
bottom: 40px;
left: 40px;
}
.ova-video.version_3 {
display: flex;
margin: 0 auto;
max-width: 1035px;
border: 30px solid #fff;
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
.ova-video.version_3 {
border: 15px solid #fff;
}
}
.ova-video.version_3 .icon-content-view {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@keyframes lineScale {
50% {
-webkit-transform: translate(-50%, -50%) scale(1.5);
-moz-animation: translate(-50%, -50%) scale(1.5);
transform: translate(-50%, -50%) scale(1.5);
}
50% {
-webkit-transform: translate(-50%, -50%) scale(0.8);
-moz-animation: translate(-50%, -50%) scale(0.8);
transform: translate(-50%, -50%) scale(0.8);
}
}
.ova-modal-container {
display: none;
background-color: rgba(0, 0, 0, 0.2);
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: 10;
}
.ova-modal-container .modal {
width: 900px;
height: 500px;
position: relative;
}
@media screen and (max-width: 900px) {
.ova-modal-container .modal {
width: 768px;
height: 450px;
}
}
@media screen and (max-width: 788px) {
.ova-modal-container .modal {
width: 600px;
height: 350px;
}
}
@media screen and (max-width: 620px) {
.ova-modal-container .modal {
width: 400px;
height: 250px;
}
}
@media screen and (max-width: 420px) {
.ova-modal-container .modal {
width: 320px;
height: 200px;
}
}
@media screen and (max-width: 330px) {
.ova-modal-container .modal {
width: 300px;
height: 180px;
}
}
.ova-modal-container .modal i {
position: absolute;
right: -10px;
top: -35px;
padding: 10px;
cursor: pointer;
font-size: 12px;
color: #fff;
font-weight: 600;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-modal-container .modal i:hover {
color: #000;
}
.ova-modal-container .modal .modal-video {
width: 100%;
height: 100%;
border: none;
}
.ova-icon-list {
display: grid;
grid-gap: 10px;
}
.ova-icon-list.two_column {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
.ova-icon-list.two_column {
grid-template-columns: auto;
}
}
.ova-icon-list .item {
display: flex;
align-items: center;
position: relative;
padding: 14px 28px;
background-color: #fff;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
z-index: 1;
}
.ova-icon-list .item: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;
transform: scale(1, 1);
}
.ova-icon-list .item:hover .icon {
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}
.ova-icon-list .item:hover .icon i {
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
color: #FFF;
}
.ova-icon-list .item:hover .title {
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
color: #FFF;
}
.ova-icon-list .item: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: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--primary);
transform: scale(0, 1);
z-index: -1;
}
.ova-icon-list .item .icon {
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
margin-right: 20px;
line-height: 1;
}
.ova-icon-list .item .icon i {
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
display: inline-flex;
font-size: 32px;
line-height: 1;
color: var(--primary);
}
.ova-icon-list .item .title {
margin: 0;
font-weight: 700;
font-size: 18px;
line-height: 1.2;
}
.ova-icon-list .item .title a {
color: var(--heading);
}
.ova-icon-list.ova-icon-list-template2 {
grid-gap: 0;
}
.ova-icon-list.ova-icon-list-template2 .item {
box-shadow: none;
justify-content: space-between;
}
.ova-icon-list.ova-icon-list-template2 .item:before {
content: none;
}
.ova-icon-list.ova-icon-list-template2 .item:nth-child(even) {
background-color: transparent;
}
.ova-icon-list.ova-icon-list-template2 .item .title {
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
font-size: 16px;
font-weight: 400;
color: var(--text);
min-width: 20%;
}
.ova-icon-list.ova-icon-list-template2 .item .text {
margin: 0;
font-weight: 600;
color: var(--primary);
} .elementor-icon-list-items .elementor-icon-list-icon {
color: var(--primary);
}
.elementor-view-stacked.elementor-widget-icon .elementor-icon, .elementor-view-stacked.elementor-widget-icon-box .elementor-icon {
background-color: var(--primary);
}
.elementor-view-framed.elementor-widget-icon .elementor-icon, .elementor-view-framed.elementor-widget-icon-box .elementor-icon {
color: var(--primary);
border-color: var(--primary);
}
.elementor-widget-icon .elementor-icon, .elementor-widget-icon-box .elementor-icon {
color: var(--primary);
}
.ova-amenities-image-slider .amenities-image-slider {
position: relative;
}
.ova-amenities-image-slider .amenities-image-slider .owl-item .item {
position: relative;
overflow: hidden;
}
.ova-amenities-image-slider .amenities-image-slider .owl-item .item:hover .amenities-image img {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
}
.ova-amenities-image-slider .amenities-image-slider .owl-item .item:hover .amenities-image .mask {
opacity: 0.95;
}
.ova-amenities-image-slider .amenities-image-slider .owl-item .item:hover .info {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-amenities-image-slider .amenities-image-slider .owl-item .item:hover .info .title:before {
height: 31px;
}
.ova-amenities-image-slider .amenities-image-slider .owl-item .item:hover .info .title:after {
height: 19px;
}
.ova-amenities-image-slider .amenities-image-slider .owl-item .item .amenities-image {
position: relative;
}
.ova-amenities-image-slider .amenities-image-slider .owl-item .item .amenities-image img {
transition: all 0.3s ease;
display: block;
overflow: hidden;
width: 100%;
height: 480px;
object-fit: cover;
}
@media (max-width: 767px) {
.ova-amenities-image-slider .amenities-image-slider .owl-item .item .amenities-image img {
height: 320px;
}
}
.ova-amenities-image-slider .amenities-image-slider .owl-item .item .amenities-image .mask {
transition: all 0.4s ease;
content: "";
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.5) 100%);
position: absolute;
bottom: 0;
left: 0;
opacity: 1;
width: 100%;
height: 100%;
}
.ova-amenities-image-slider .amenities-image-slider .owl-item .item .info {
transition: all 0.3s ease;
position: absolute;
left: 40px;
bottom: 40px;
padding-right: 30px;
}
@media screen and (max-width: 767px) {
.ova-amenities-image-slider .amenities-image-slider .owl-item .item .info {
left: 30px;
bottom: 30px;
}
}
.ova-amenities-image-slider .amenities-image-slider .owl-item .item .info .title {
margin: 0;
transition: all 0.3s ease;
color: #fff;
font-size: 28px;
line-height: 1.5;
}
.ova-amenities-image-slider .amenities-image-slider .owl-nav {
transition: all 0.3s ease;
position: absolute;
right: -52px;
bottom: 0;
display: flex;
justify-content: center;
}
@media screen and (max-width: 1024px) {
.ova-amenities-image-slider .amenities-image-slider .owl-nav {
right: 0;
}
}
.ova-amenities-image-slider .amenities-image-slider .owl-nav .owl-prev, .ova-amenities-image-slider .amenities-image-slider .owl-nav .owl-next {
transition: all 0.3s ease;
display: flex;
justify-content: center;
border-radius: unset;
align-items: center;
width: 52px;
height: 52px;
background-color: #fff;
color: var(--heading);
}
.ova-amenities-image-slider .amenities-image-slider .owl-nav .owl-prev i, .ova-amenities-image-slider .amenities-image-slider .owl-nav .owl-next i {
display: inline-flex;
font-size: 16px;
}
.ova-amenities-image-slider .amenities-image-slider .owl-nav .owl-prev:hover, .ova-amenities-image-slider .amenities-image-slider .owl-nav .owl-next:hover {
transition: all 0.3s ease;
background-color: var(--primary);
color: #fff;
}
.ova-blog {
position: relative;
list-style-type: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 30px;
}
.ova-blog.ova-column_2 {
grid-template-columns: 1fr 1fr;
}
.ova-blog.ova-column_2 .item .img img {
height: auto;
}
.ova-blog.ova-column_4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.ova-blog.ova-column_2 {
grid-template-columns: 1fr 1fr;
}
.ova-blog.ova-column_3 {
grid-template-columns: 1fr 1fr 1fr;
}
.ova-blog.ova-column_4 {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 1024px) {
.ova-blog.ova-column_2, .ova-blog.ova-column_3, .ova-blog.ova-column_4 {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 600px) {
.ova-blog.ova-column_2, .ova-blog.ova-column_3, .ova-blog.ova-column_4 {
grid-template-columns: 1fr;
}
}
.ova-blog .item:hover .media a img {
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transform: scale(1.1);
}
.ova-blog .item:hover .content .post-meta .post-date:before {
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-blog .item:hover .content .post-title a {
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-blog .item .media {
position: relative;
}
.ova-blog .item .media .box-img {
position: relative;
overflow: hidden;
}
.ova-blog .item .media a img {
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
display: block;
width: 100%;
object-fit: cover;
}
.ova-blog .item .media .post-date {
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: 20px;
right: 20px;
text-transform: uppercase;
text-align: center;
padding: 20px;
background-color: #fff;
color: var(--heading);
line-height: 1;
}
.ova-blog .item .media .post-date .date-j, .ova-blog .item .media .post-date .date-f {
display: block;
position: relative;
z-index: 1;
}
.ova-blog .item .media .post-date .date-j {
font-size: 20px;
font-weight: 700;
}
.ova-blog .item .media .post-date .date-f {
font-size: 10px;
font-weight: 500;
}
.ova-blog .item .media .post-date:before, .ova-blog .item .media .post-date:after {
position: absolute;
display: block;
content: "";
right: 0;
width: 100%;
height: 100%;
background-color: #fff;
}
.ova-blog .item .media .post-date:before {
top: 7px;
opacity: 0.2;
}
.ova-blog .item .media .post-date:after {
top: 14px;
opacity: 0.1;
}
.ova-blog .item .content {
position: relative;
background-color: #fff;
}
.ova-blog .item .content .post-meta {
list-style-type: none;
padding: 0;
margin: 0;
margin-bottom: 10px;
}
.ova-blog .item .content .post-meta .item-meta {
display: inline-flex;
align-items: center;
line-height: 1;
}
.ova-blog .item .content .post-meta .item-meta.wp-author {
margin-right: 10px;
}
.ova-blog .item .content .post-meta .item-meta .left {
margin-right: 5px;
color: var(--primary);
}
.ova-blog .item .content .post-meta .item-meta .left i {
font-size: 14px;
}
.ova-blog .item .content .post-meta .item-meta .right a, .ova-blog .item .content .post-meta .item-meta .right .by {
font-size: 14px;
color: var(--text);
font-weight: 600;
}
.ova-blog .item .content .post-meta .item-meta .right a {
text-transform: capitalize;
}
.ova-blog .item .content .post-meta .item-meta .right a:hover {
color: var(--primary);
}
.ova-blog .item .content .post-title a {
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(--heading);
}
.ova-blog .item .content .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.version_1 .item:hover .content {
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
background-color: #fff;
}
.ova-blog.version_1 .item:hover .content .read-more {
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
background-color: var(--secondary);
}
.ova-blog.version_1 .item .media a img {
height: 358px;
}
@media (max-width: 1024px) {
.ova-blog.version_1 .item .media a img {
height: 258px;
}
}
.ova-blog.version_1 .item .content {
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
padding: 35px 45px 45px 45px;
background-color: var(--secondary);
}
@media (max-width: 430px) {
.ova-blog.version_1 .item .content {
padding: 35px 25px;
}
}
.ova-blog.version_1 .item .content .post-meta .item-meta .right span {
font-size: 10px;
color: var(--heading);
font-weight: 500;
margin-bottom: 3px;
}
.ova-blog.version_1 .item .content .post-meta .item-meta .right a {
font-size: 14px;
font-weight: 500;
color: var(--text);
}
.ova-blog.version_1 .item .content .post-meta .item-meta .right a:hover {
color: var(--primary);
}
.ova-blog.version_1 .item .content .post-meta .item-meta .right .by {
display: block;
text-transform: uppercase;
}
.ova-blog.version_1 .item .content .post-meta .item-meta .left {
margin-right: 10px;
}
.ova-blog.version_1 .item .content .post-meta .item-meta .left i {
font-size: 12px;
}
.ova-blog.version_1 .item .content .post-meta .item-meta.wp-author .author img {
width: 43px;
border-radius: 50%;
border: 2px solid;
}
.ova-blog.version_1 .item .content .post-meta .item-meta.post-comment {
margin-right: 40px;
}
@media (max-width: 768px) {
.ova-blog.version_1 .item .content .post-meta .item-meta.post-comment {
margin-right: 15px;
}
}
.ova-blog.version_1 .item .content .post-title {
margin: 0 0 25px 0;
font-size: 24px;
font-weight: bold;
line-height: 1.25;
}
.ova-blog.version_1 .item .content .post-title a {
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
}
.ova-blog.version_1 .item .content .short_desc p {
margin-bottom: 22px;
}
.ova-blog.version_1 .item .content .read-more {
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
position: relative;
text-align: left;
text-transform: capitalize;
line-height: 1.4;
display: inline-flex;
align-items: center;
width: 100%;
font-size: 14px;
font-weight: bold;
letter-spacing: unset;
justify-content: space-between;
padding: 20px 30px;
color: var(--text);
background-color: #fff;
gap: 4px;
}
.ova-blog.version_1 .item .content .read-more i, .ova-blog.version_1 .item .content .read-more a:hover {
color: var(--primary);
}
.ova-blog.version_1 .item .content .read-more a {
color: var(--text);
}
.ova-blog.version_1 .item .content .read-more .read-more-link i {
margin-right: 2px;
}
.ova-blog.version_1 .item .content .read-more .read-more-comment {
display: inline-flex;
align-items: center;
line-height: 1;
}
.ova-blog.version_1 .item .content .read-more .read-more-comment .left {
margin-right: 4px;
}
.ova-blog.version_2 {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 900px) {
.ova-blog.version_2 {
grid-template-columns: 1fr;
}
}
.ova-blog.version_2 .item .media a {
height: 100%;
}
.ova-blog.version_2 .item .content .post-title {
margin: 0;
}
.ova-blog.version_2 .item:first-child {
position: relative;
margin-bottom: 0;
grid-row-start: 1;
grid-row-end: 3;
grid-template-columns: 1fr;
}
@media (max-width: 900px) {
.ova-blog.version_2 .item:first-child {
grid-row-start: unset;
grid-row-end: unset;
}
}
.ova-blog.version_2 .item:first-child:hover .content .post-title a {
color: var(--primary);
}
.ova-blog.version_2 .item:first-child .media {
overflow: hidden;
height: 100%;
}
.ova-blog.version_2 .item:first-child .media a:after {
background: linear-gradient(0deg, #292f29 0%, rgba(41, 47, 41, 0) 100%);
display: block;
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.ova-blog.version_2 .item:first-child .media a img {
height: 100%;
min-height: 230px;
}
.ova-blog.version_2 .item:first-child .media .box-img {
height: 100%;
}
.ova-blog.version_2 .item:first-child .media .post-date {
top: 30px;
right: 30px;
}
@media (max-width: 568px) {
.ova-blog.version_2 .item:first-child .media .post-date {
display: none;
}
}
.ova-blog.version_2 .item:first-child .content {
width: 100%;
background-color: transparent;
position: absolute;
bottom: 0;
left: 0;
padding: 60px;
}
@media (max-width: 1024px) {
.ova-blog.version_2 .item:first-child .content {
padding: 40px;
}
}
@media (max-width: 900px) {
.ova-blog.version_2 .item:first-child .content {
padding: 30px;
}
}
@media (max-width: 350px) {
.ova-blog.version_2 .item:first-child .content {
padding: 10px;
}
}
.ova-blog.version_2 .item:first-child .content .post-meta {
width: max-content;
}
.ova-blog.version_2 .item:first-child .content .post-meta .item-meta.wp-author {
margin: 0 10px 0 0;
}
.ova-blog.version_2 .item:first-child .content .post-meta .item-meta .right a, .ova-blog.version_2 .item:first-child .content .post-meta .item-meta .right .by {
color: #fff;
}
.ova-blog.version_2 .item:first-child .content .post-meta .item-meta .right a:hover {
color: var(--primary);
}
.ova-blog.version_2 .item:first-child .content .post-title {
font-size: 24px;
font-weight: 800;
}
.ova-blog.version_2 .item:first-child .content .post-title a {
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
color: #fff;
}
.ova-blog.version_2 .item:not(:first-child) {
display: flex;
}
@media (max-width: 900px) {
.ova-blog.version_2 .item:not(:first-child) {
flex-flow: column;
}
}
.ova-blog.version_2 .item:not(:first-child) .media {
width: 37%;
flex: 0 0 37%;
overflow: hidden;
}
@media (max-width: 1024px) {
.ova-blog.version_2 .item:not(:first-child) .media {
width: 50%;
flex: 0 0 50%;
}
}
@media (max-width: 900px) {
.ova-blog.version_2 .item:not(:first-child) .media {
width: 100%;
flex: 0 0 auto;
}
}
.ova-blog.version_2 .item:not(:first-child) .media .box-img {
height: 100%;
}
.ova-blog.version_2 .item:not(:first-child) .media .box-img a img {
height: 100%;
min-height: 230px;
}
.ova-blog.version_2 .item:not(:first-child) .media .post-date {
display: none;
}
.ova-blog.version_2 .item:not(:first-child) .content {
width: 63%;
flex: 0 0 63%;
display: flex;
flex-flow: column;
padding: 40px;
border: 1px solid var(--light);
}
@media (max-width: 1024px) {
.ova-blog.version_2 .item:not(:first-child) .content {
width: 50%;
flex: 0 0 50%;
padding: 15px 20px;
}
}
@media (max-width: 900px) {
.ova-blog.version_2 .item:not(:first-child) .content {
width: 100%;
flex: 0 0 auto;
padding: 30px 20px;
}
}
.ova-blog.version_2 .item:not(:first-child) .content .post-title {
font-size: 22px;
line-height: 1.35;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; line-clamp: 3;
-webkit-box-orient: vertical;
}
.ova-latest-post .item {
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;
padding: 20px;
margin: 0 -10px 10px -10px;
}
.ova-latest-post .item:last-child {
margin-bottom: 0;
}
.ova-latest-post .item: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: #fff;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
}
.ova-latest-post .item:hover .info .post-title a {
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-latest-post .item .media {
margin-right: 15px;
}
.ova-latest-post .item .media a {
display: flex;
position: relative;
overflow: hidden;
height: 100%;
}
.ova-latest-post .item .media a img {
width: 70px;
min-width: 70px;
height: 100%;
object-fit: cover;
object-position: center;
}
.ova-latest-post .item .info {
display: flex;
justify-content: space-between;
flex-flow: column;
}
.ova-latest-post .item .info .post-title {
margin: 0;
font-size: 18px;
font-weight: 700;
line-height: 1.2;
}
.ova-latest-post .item .info .post-title a {
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(--heading);
}
.ova-latest-post .item .info .item-meta {
font-size: 14px;
line-height: 1;
margin-bottom: 5px;
}
.ova-latest-post .item .info .item-meta .left {
color: var(--primary);
margin-right: 3px;
}
.ova-latest-post .item .info .item-meta .right a {
color: var(--text);
}
.ova-latest-post .item .info .item-meta .right a:hover {
color: var(--primary);
}
.ova-element-primary-background .elementor-widget-container {
background-color: var(--primary);
}
.ova-column-primary-background .elementor-widget-wrap {
background-color: var(--primary);
}
.ova-section-primary-background {
background-color: var(--primary);
}
.ova-search form {
position: relative;
width: 100%;
max-width: 770px;
margin: 0 auto;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
.ova-search form input[type=search] {
width: 100%;
padding: 30px 90px 30px 50px;
border: none;
outline: none;
border-radius: 0;
}
@media (max-width: 568px) {
.ova-search form input[type=search] {
padding: 20px 70px 20px 20px;
}
}
.ova-search form input[type=search]::placeholder {
font-size: 18px;
font-weight: 500;
color: var(--heading);
}
.ova-search form input[type=search]::-webkit-search-cancel-button {
filter: invert(63%) sepia(43%) saturate(286%) hue-rotate(351deg) brightness(93%) contrast(97%);
opacity: 1;
background-color: black;
}
.ova-search form button.search-button {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 50px;
padding: 0;
border: none;
background-color: unset;
line-height: 1;
}
@media (max-width: 568px) {
.ova-search form button.search-button {
right: 25px;
}
}
.ova-search form button.search-button i {
display: inline-flex;
font-size: 26px;
color: #000;
}
.ova-search form button.search-button:hover i {
color: var(--primary);
}
.ova-gallery-slide .owl-carousel.template1 .owl-stage-outer {
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
.ova-gallery-slide .owl-carousel.template1 .gallery-box .list-gallery {
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
border: 16px solid #FFF;
margin: 20px 0px;
}
.ova-gallery-slide .owl-stage-outer {
position: relative;
z-index: 1;
}
.ova-gallery-slide .gallery-slide .gallery-box .list-gallery {
position: relative;
display: block;
overflow: hidden;
}
.ova-gallery-slide .gallery-slide .gallery-box .list-gallery:before {
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: "";
background: var(--primary);
opacity: 0.9;
transform: translateY(-100%);
z-index: 1;
}
.ova-gallery-slide .gallery-slide .gallery-box .list-gallery img {
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%;
object-fit: cover;
transform: scale(1);
}
.ova-gallery-slide .gallery-slide .gallery-box .list-gallery .icon-box {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
transform: translateY(50%);
z-index: 1;
opacity: 0;
}
.ova-gallery-slide .gallery-slide .gallery-box .list-gallery a {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
text-decoration: none;
font-size: 22px;
color: #fff;
cursor: pointer;
}
.ova-gallery-slide .gallery-slide .gallery-box:hover .list-gallery:before {
transform: translateY(0%);
}
.ova-gallery-slide .gallery-slide .gallery-box:hover .list-gallery img {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transform: scale(1.05);
}
.ova-gallery-slide .gallery-slide .gallery-box:hover .list-gallery .icon-box {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transform: translateY(0);
opacity: 1;
}
.ova-gallery-slide .gallery-slide .owl-nav button {
position: absolute;
top: 50%;
z-index: 1;
}
.ova-gallery-slide .gallery-slide .owl-nav button.owl-prev {
left: 0;
transform: translate(50%, -50%);
}
.ova-gallery-slide .gallery-slide .owl-nav button.owl-next {
right: 0;
transform: translate(-50%, -50%);
}
.ova-gallery-slide .gallery-slide .owl-nav button i {
display: flex;
justify-content: center;
align-items: center;
}
.ova-gallery-slide .gallery-slide .owl-nav button:hover {
color: var(--primary);
}
.ova-gallery-slide .gallery-slide .owl-dots {
margin-top: 30px;
text-align: center;
}
.ova-gallery-slide .gallery-slide .owl-dots button {
width: 8px;
height: 8px;
background-color: var(--secondary);
border-radius: 50%;
margin: 0px 4px;
}
.ova-gallery-slide .gallery-slide .owl-dots button.active {
background-color: var(--primary);
}