/*
Theme Name:   s2u Child
Theme URI:    https://site2u.co.il
Description:  s2u child theme 
Author:       s2u
Author URI:   https://site2u.co.il
Template:     s2u
Version:      1.0.0
Text Domain:  s2uchild
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation menus including mobile menu
13.0 Layout
   13.1 Header
      13.1.1 Top bar
	  13.1.2 Logo
	  13.1.3 Search field and button
   13.2 Title/banner for pages and posts
   13.3 Front Page content
   13.4 Regular Content
   13.5 Posts
   13.6 Pages
   13.7 Archive
   13.8 Search results
   13.9 404
   13.10 Breadcrumbs
   13.11 Contact form 7
   13.12 Footer
   13.13 Pagination
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
   16.2 Accordion
   16.3 Modal
   16.4 Carousel
   16.5 Slider/Carousel bootstrap 5
   16.6 Tabpanel
   16.7 News ticker
   16.8 Portfolio WMG
17.0 SVGs Fallbacks
18.0 Utilities
19.0 Sections
20.0 Woocommerce
21.0 Media Queries
22.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.3;
}
*, *:before, *:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
article, aside, footer, header, nav, section {
    display: block;
}
figcaption, figure, main {
    display: block;
}
figure {
    margin: 1rem 0;
}
hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace, monospace;
    font-size: 1rem;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
    outline-width: 0;
}
abbr[title] {
    border-bottom: 1px #333 dotted;
    text-decoration: none;
}
b, strong {
    font-weight: 600;
}
code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1rem;
}
dfn {
    font-style: italic;
}
mark {
    background-color: #eee;
    color: #222;
}
small {
    font-size: 80%;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25rem;
}
sup {
    top: -0.5rem;
}
audio, video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
img {
    border-style: none;
}
svg:not(:root) {
    overflow: hidden;
}
button, input, optgroup, select, textarea {
    line-height: 1.3;
    margin: 0;
}
button, input {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, html [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;
}
legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    display: inline-block;
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"], [type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details, menu {
    display: block;
}
summary {
    display: list-item;
}
canvas {
    display: inline-block;
}
template {
    display: none;
}
[hidden] {
    display: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/


/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/
.clearboth {
    clear: both;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/
button, input, select, textarea {
    color: #333;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 400;
    line-height: 1.3;
}
p {
    padding: 0;
    margin: 0 0 calc(12px + 1*(100vw - 320px)/1600) 0;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    color: #4a5568;
    line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
    color: #222222;
    line-height: 1.3;
    margin: 0 0 calc(12px + 1*(100vw - 320px)/1600);
    letter-spacing: 0;
}
h1 {
    font-size: calc(26px + 9*(100vw - 320px)/1600);
    font-weight: 600;
}
h2 {
    font-size: calc(23px + 9*(100vw - 320px)/1600);
    font-weight: 600;
}
h3 {
    font-size: calc(20px + 5*(100vw - 320px)/1600);
    font-weight: 600;
}
h4 {
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    font-weight: 400;
}
h5 {
    font-size: calc(15px + 1*(100vw - 320px)/1600);
    font-weight: 400;
}
h6 {
    font-size: calc(14px + 5*(100vw - 320px)/1600);
    font-weight: 400;
}
dfn, cite, em, i {
    font-style: italic;
}
blockquote {
    color: #333;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-style: italic;
    line-height: 1.3;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
blockquote cite {
    display: block;
    font-style: normal;
    font-weight: 600;
    margin-top: 0.5rem;
}
address {
    margin: 0 0 1.5rem;
}
pre {
    background: #eee;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.6;
    margin-bottom: 1.6rem;
    max-width: 100%;
    overflow: auto;
    padding: 1.6rem;
}
code, kbd, tt, var {
    font-size: 0.9375rem;
}
abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark, ins {
    text-decoration: none;
}
big {
    font-size: 125%;
}
blockquote {
    quotes: "" "";
}
q {
    quotes: "“" "”" "‘" "’";
}
blockquote:before, blockquote:after {
    content: "";
}
:focus {
    outline: none;
}
/* Typography for Hebrew Font */

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/
label {
    color: #4a5568;
    display: block;
    font-size: calc(14px + 5*(100vw - 320px)/1600);
    margin-bottom: calc(3px + 5*(100vw - 320px)/1600);
}
fieldset {
    margin-bottom: calc(14px + 5*(100vw - 320px)/1600);
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    padding: calc(15px + 5*(100vw - 320px)/1600) calc(15px + 5*(100vw - 320px)/1600) calc(15px + 5*(100vw - 320px)/1600) calc(41px + 11*(100vw - 320px)/1600);
    border: none;
    color: #333;
    background: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: block;
    width: 100%;
}
select {
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 3rem;
    max-width: 100%;
}
input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted #cfcfcf;
}
input[type="radio"], input[type="checkbox"] {
    margin-right: 0;
}
input[type="radio"] + label, input[type="checkbox"] + label {
    font-weight: 400;
}
button, input[type="button"], input[type="submit"] {

}
.form-select {
    background-position: left .75rem center;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1;
}
:-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}
::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/
hr {
    background-color: #cfcfcf;
    border: 0;
    height: 1px;
    margin-bottom: 1.5rem;
}

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/
ul, ol {
    list-style: none;
    padding: 0 1rem 0 1.5rem;
}
li {
    list-style: none;
}
/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/
table {
    border-collapse: collapse;
    margin: 0 0 1.5rem;
    width: 100%;
}
thead th {
    border-bottom: 2px solid #eee;
    padding-bottom: 0.5rem;
}
th {
    padding: 0.5rem;
}
tr {

}
td {
    padding: 0.5rem;
}
/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/
a {
    color: #333;
    text-decoration: none;
}
a:hover, a:active {
    color: #333;
    outline: none;
}
/* Hover effects */
.entry-content a, .entry-summary a, .comment-content a, .widget a, .posts-navigation a, .widget_authors a strong {
    -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.entry-title a, .entry-meta a, .page-links a, .page-links a .page-number, .edit-link a, .post-navigation a, .logged-in-as a, .comment-navigation a, .comment-metadata a, .comment-metadata a.comment-edit-link, .comment-reply-link, a .nav-title, .comments-pagination a, .widget .widget-title a, .widget ul li a, .the-footer .widget-area ul li a, .the-footer .widget-area ul li a {
    text-decoration: none;
    -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
/* Fixes linked images */
.entry-content a img, .comment-content a img, .widget a img {
    -webkit-box-shadow: 0 0 0 8px #fff;
    box-shadow: 0 0 0 8px #fff;
}
.post-navigation a:focus .icon, .post-navigation a:hover .icon {
    color: #333;
}
/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/
.post-thumbnail {
    margin-bottom: 1rem;
}
.post-thumbnail a img {
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
    opacity: 0.8;
}
/*--------------------------------------------------------------
12.0 Navigation menus including mobile menu
--------------------------------------------------------------*/
/* Bootstrap 5 dropdown with hover */
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
}
/* Header - Top bar navigation */
#menu-header-top-bar-menu.nav-tabs {
    border: none;
}
#header-top-bar-navigation-wrap .nav-item .nav-link {
    padding: 0.5rem;
    color: #505F98;
    font-weight: 500;
    font-size: 1.05rem;
}
#menu-header-top-bar-menu.nav-tabs .nav-link.active {
    color: #6c757d;
    background-color: transparent;
    border: none;
}

/* Header - Main menu */
#menu-main-menu.nav-tabs {
    border: none;
}
#main-menu .nav-item .nav-link {
    padding: 0.5rem 0.7rem;
    color: #505F98;
    font-weight: 500;
    font-size: 1.1rem;
}
#main-menu .dropdown-toggle::after {
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;
    margin-left: 0;
    margin-right: .255rem;
    vertical-align: 1px;
    content: "\f107";
    border: none;
}
#main-menu .nav-tabs .nav-link.active {
    color: #6c757d;
    background-color: transparent;
    border: none;
}
#main-menu .dropdown-item {
    padding: .25rem 0.6rem;
    font-weight: 500;
    color: #505F98;
    text-align: right;
    font-size: 1.1rem;
}
#main-menu .dropdown-menu[data-bs-popper] {
    left: auto;
}

/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/
#page {
    position: relative;
    word-wrap: break-word;
}

/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
13.1.1 Top Bar
--------------------------------------------------------------*/
/* Contact info */
.header-top-bar .header-contact-information ul li {
    font-size: 0.85rem;
    color: #333;
}
.header-top-bar .header-contact-information ul li i {
    font-size: 0.85rem;
}
.header-top-bar .header-contact-information ul li a {
    font-size: 0.85rem;
    color: #333;
}
/* Social icons */
.header-top-bar .header-sl ul li {
    font-size: 0.85rem;
    color: #333;
}
.header-top-bar .header-sl ul li i {
    font-size: 0.85rem;
}
.header-top-bar .header-sl ul li a {
    font-size: 0.85rem;
    color: #333;
}
/* Login/Register/Log out */
.header-top-bar .header-wll a {
    font-size: 0.85rem;
    color: #333;
}

/*--------------------------------------------------------------
13.1.2 Logo
--------------------------------------------------------------*/
.wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
    background-color: rgba(34, 34, 34, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: rgba(255, 255, 255, 0.6);
    height: 45px;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 30px;
    top: 30px;
    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    width: 45px;
}

/*--------------------------------------------------------------
13.1.3 Search field and button
--------------------------------------------------------------*/
.hsf  {
    width: 10rem;
    left: 0;
}
.search-form {
    position: relative;
}
.search-form .search-submit {
    position: absolute;
    right: auto;
    left: 10px;
    bottom: auto;
    top: 25%;
    background: transparent;
    padding: 0;
    border: none;
}

/*--------------------------------------------------------------
13.2 Title/banner for pages and posts
--------------------------------------------------------------*/


/*--------------------------------------------------------------
13.3 Front Page Content
--------------------------------------------------------------*/
.s2u-front-page .site-content {
    padding: 0;
}

/* Slider */
#myCarousel .carousel-caption {
    top: 15%;
}


/*--------------------------------------------------------------
13.4 Regular Content
--------------------------------------------------------------*/
.site-content-contain {
    position: relative;
}
.site-content {
    padding: 0;
}

/*--------------------------------------------------------------
13.5 Posts
--------------------------------------------------------------*/
/* Post Landing Page */
.entry-header .entry-title {
    margin-bottom: 0.25rem;
}
.entry-title a {
    color: #333;
    text-decoration: none;
    margin-left: -2px;
}
.entry-title:not(:first-child) {
    padding-top: 0;
}
.entry-meta {
    color: #767676;
    font-size: 0.6875rem;
    font-weight: 800;
    letter-spacing: 0.1818rem;
    padding-bottom: 0.25rem;
    text-transform: uppercase;
}
.entry-meta a {
    color: #767676;
}
.byline, .updated:not(.published) {
    display: none;
}
.single .byline, .group-blog .byline {
    display: inline;
}
.comments-pagination {
    border-top: 1px solid #eee;
    font-size: 0.875rem;
    font-weight: 800;
    padding: 2rem 0 3rem;
    text-align: center;
}
.comments-pagination .icon {
    width: 0.666666666rem;
    height: 0.666666666rem;
}
.comments-pagination {
    border: 0;
}
.comments-pagination .page-numbers {
    display: none;
    padding: 0.5rem 0.75rem;
}
.comments-pagination .page-numbers.current {
    color: #767676;
    display: inline-block;
}
.comments-pagination .page-numbers.current .screen-reader-text {
    clip: auto;
    height: auto;
    overflow: auto;
    position: relative !important;
    width: auto;
}
.comments-pagination .prev.page-numbers, .comments-pagination .next.page-numbers {
    background-color: #ddd;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1;
    padding: 0.25rem 0.5rem 0.4rem;
}
.comments-pagination .prev.page-numbers, .comments-pagination .next.page-numbers {
    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.comments-pagination .prev.page-numbers:focus, .comments-pagination .prev.page-numbers:hover, .comments-pagination .next.page-numbers:focus, .comments-pagination .next.page-numbers:hover {
    background-color: #767676;
    color: #fff;
}
.comments-pagination .prev.page-numbers {
    float: left;
}
.comments-pagination .next.page-numbers {
    float: right;
}
/* Aligned blockquotes */
.entry-content blockquote.alignleft, .entry-content blockquote.alignright {
    color: #666;
    font-size: 0.8125rem;
    width: 48%;
}
/* Blog landing, search, archives */
.blog > article, .archive > article, .search > article {
    padding-bottom: 2rem;
}
.blog .entry-meta a.post-edit-link, .archive .entry-meta a.post-edit-link, .search .entry-meta a.post-edit-link {
    color: #222;
    display: inline-block;
    margin-left: 1rem;
    white-space: nowrap;
}
.search .page .entry-meta a.post-edit-link {
    margin-left: 0;
    white-space: nowrap;
}
.taxonomy-description {
    color: #666;
    font-size: 0.8125rem;
}
/* More tag */
.entry-content .more-link:before {
    content: "";
    display: block;
    margin-top: 1.5rem;
}
/* Single Post */
.archive.page-one-column:not(.has-sidebar) .page-header {
    margin-left: auto;
    margin-right: auto;
    max-width: 740px;
}
.page-links {
    font-size: 0.875rem;
    font-weight: 800;
    padding: 2rem 0 3rem;
}
.page-links .page-number {
    color: #767676;
    display: inline-block;
    padding: 0.5rem 1rem;
}
.page-links a {
    display: inline-block;
}
.page-links a .page-number {
    color: #222;
}
/* Post Formats */
.blog .format-status .entry-title, .archive .format-status .entry-title, .blog .format-aside .entry-title, .archive .format-aside .entry-title {
    display: none;
}
.format-quote blockquote {
    color: #333;
    font-size: 1.25rem;
    font-weight: 300;
    overflow: visible;
    position: relative;
}
.format-quote blockquote .icon {
    display: block;
    height: 20px;
    left: -1.25rem;
    position: absolute;
    top: 0.4rem;
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    width: 20px;
}
/* Post Navigation */
.post-navigation {
    font-weight: 800;
    margin: 3rem 0;
}
.post-navigation .nav-links {
    padding: 1rem 0;
}
.nav-subtitle {
    background: transparent;
    color: #767676;
    display: block;
    font-size: 0.6875rem;
    letter-spacing: 0.1818rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
}
.nav-title {
    color: #333;
    font-size: 0.9375rem;
}
.post-navigation .nav-next {
    margin-top: 1.5rem;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
    margin-right: 0.5rem;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
    margin-left: 0.5rem;
}

/*--------------------------------------------------------------
13.6 Pages
--------------------------------------------------------------*/
.page-header {
    padding-bottom: 2rem;
}
.page .entry-header .edit-link {
    font-size: 0.875rem;
}
.search .page .entry-header .edit-link {
    font-size: 0.6875rem;
}
.page-links {
    clear: both;
    margin: 0 0 1.5rem;
}
.page:not(.home) #content {
    padding-bottom: 1.5rem;
}
/* Page about */
.about-us-title h2.center::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.about-us-title h2::before {
    content: "";
    position: absolute;
    width: calc(106px + 69*(100vw - 320px)/1600);
    height: 3px;
    bottom: calc(-7px + -1*(100vw - 320px)/1600);
    left: 0;
    background: #ffa53b;
}
.about-top .delivery-icon .fa {
    font-size: calc(17px + 1*(100vw - 320px)/1600);
}
.about-top .delivery-detail p {
    font-size: calc(17px + 1*(100vw - 320px)/1600);
}
.about-top .fresh-image img {
    border-radius: calc(12px + 38*(100vw - 320px)/1600) 0;
}
.about-top .fresh-image-2 img {
    border-radius: 0 calc(12px + 38*(100vw - 320px)/1600);
}
.about-wwd .client-contain {
    background: #fff;
    padding: calc(27px + 23*(100vw - 320px)/1600);
    border-radius: calc(18px + 12*(100vw - 320px)/1600);
    position: relative;
}
.about-wwd .client-contain .client-icon i {
    font-size: calc(60px + 20*(100vw - 320px)/1600);
    margin-bottom: 14px;
    margin-top: -11px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.about-wwd .client-contain .client-icon i:before {
    -webkit-transition: 1.5s;
    transition: 1.5s;
}
.about-wwd .client-contain:hover .client-icon i::before {
    transform: translateX(-12px);
}
.about-wwd .client-contain:hover .client-icon i {
    transform: rotatey(180deg);
}
.about-wwd .client-contain h2 {
    position: absolute;
    top: calc(14px + 10*(100vw - 320px)/1600);
    left: calc(24px + 10*(100vw - 320px)/1600);
    color: #4a5568;
    opacity: .05;
    font-size: calc(52px + 18*(100vw - 320px)/1600);
    font-weight: 800;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.about-wwd .client-contain:hover h2 {
    opacity: .09;
    margin-left: 12px;
}
.about-wwd .client-contain h4 {
    font-size: calc(22px + 2*(100vw - 320px)/1600);
    margin-bottom: 7px;
    font-weight: 600;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.about-wwd .client-contain p {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #4a5568;
    margin: 0 auto -5px;
    line-height: 1.7;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.about-faq .faq-top-box {
    text-align: center;
    background-color: #f8f8f8;
    border-radius: 9px;
    padding: 28px 18px;
}
.about-faq .faq-top-box .faq-box-icon {
    margin-bottom: 10px;
}
.about-faq .faq-top-box .faq-box-icon img {
    width: calc(36px + 9*(100vw - 320px)/1600);
    height: auto;
}
.about-faq .faq-top-box .faq-box-contain div {
    font-weight: 700;
}
.about-faq .faq-top-box .faq-box-contain p {
    margin: 17px 0 0;
    line-height: 1.6;
    color: #4a5568;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: -4px;
}

.about-logos .col {
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    flex: 1 0 auto;
}
.about-logos .item-image {
    width: calc(120px + 10*(100vw - 320px)/1600);
    height: auto;
    border-radius: 8px;
    overflow: hidden;
}
.about-logos .item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
/* Page contact */
.contact-box-section .right-sidebar-box {
    padding: calc(21px + 39*(100vw - 320px)/1600);
    border-radius: 10px;
    background-color: #f8f8f8;
}
.contact-box-section .left-sidebar-box .contact-image {
    text-align: center;
    margin-bottom: calc(25px + 39*(100vw - 320px)/1600);
}
.contact-box-section .left-sidebar-box .contact-title {
    margin-bottom: calc(20px + 12*(100vw - 320px)/1600);
}
.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(2px + 3*(100vw - 320px)/1600);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f8f8f8;
    padding: calc(15px + 12*(100vw - 320px)/1600) calc(15px + 12*(100vw - 320px)/1600) calc(15px + 12*(100vw - 320px)/1600) calc(30px + 11*(100vw - 320px)/1600);
    position: relative;
    border-radius: 10px;
    margin-left: 22px;
}
.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: -21px;
    background-color: #0da487;
    padding: 13px;
    border-radius: 7px;
    display: inherit;
    color: #fff;
}
.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-detail-title, .contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-detail-contain {
    width: 100%;
}
.contact-box-section .left-sidebar-box .contact-image img {
    width: 60%;
}


/*--------------------------------------------------------------
13.7 Archive
--------------------------------------------------------------*/

/*--------------------------------------------------------------
13.8 Search results
--------------------------------------------------------------*/

/*--------------------------------------------------------------
13.9 404
--------------------------------------------------------------*/
.error404 .page-content {
    padding-bottom: 4rem;
}
.error404 .page-content .search-form, .search .page-content .search-form {
    margin-bottom: 3rem;
}

/*--------------------------------------------------------------
13.10 Breadcrumbs
--------------------------------------------------------------*/
.pht-breadcrumbs ul li {
    padding: 0 4px 0 4px;
}
.pht-breadcrumbs ul li a {
    font-weight: 400;
    font-size: 0.8rem;
    color: #fff;
    margin: 0;
    padding: 0;
}
.pht-breadcrumbs ul li a:hover {
    color: #fff;
}
.pht-breadcrumbs ul li:last-child a {
    pointer-events: none;
}

/*--------------------------------------------------------------
13.11 Contact form 7
--------------------------------------------------------------*/
.wpcf7-list-item {
    margin: 0 0 0 16px;
}
.wpcf7 .screen-reader-response ul {
    display: none;
}

/*--------------------------------------------------------------
13.12 Footer
--------------------------------------------------------------*/
#back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    border-radius: 100%;
    display: none;
}
.the-footer {

}
.the-footer .footer-widgets-content {
    background-color: #E7ECFF;
}
.the-footer .site-info {
    border-top: 1px solid #fcfcfc;
}
.the-footer ul {
    padding: 0;
    margin: 0;
}
.the-footer ul li {
    padding: 0 0 6px 0;
    margin: 0;
}
.the-footer p,  .the-footer a, .the-footer span, .the-footer .widget-title, .the-footer .info-title h5 {
    color: #505F98;
}
.the-footer p,  .the-footer a {
    font-size: .9rem;
}

/* Footer widgets */
.the-footer .widget.widget_products .product_list_widget a img  {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}
.the-footer .widget.widget_products .product_list_widget a .product-title {
    font-weight: 400;
}

/* Social nav */

/* Site info */
.site-info {
    background-color: #37517e;
}
.site-info p,  .site-info a {
    font-size: 0.8rem;
    color: #fff;
    margin: 0;
    padding-bottom: 0;
}

/*--------------------------------------------------------------
13.13 Pagination
--------------------------------------------------------------*/
.navigation.pagination {
    align-items: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    padding: 0;
    margin: 1.5rem 0;
}
.navigation.pagination a {
    font-size: 1.05rem;
    padding: 0 2px;
}
.navigation.pagination a:hover {
    color: #FC354C;
}
.navigation.pagination .page-numbers.current {
    text-decoration: underline;
    font-size: 1.05rem;
    padding: 0 2px;
}

/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/
#comments {
    clear: both;
    padding: 2rem 0 0.5rem;
}
.comments-title {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
}
.comment-list, .comment-list .children {
    list-style: none;
    margin: 0;
    padding: 0;
}
.comment-list li:before {
    display: none;
}
.comment-body {
    margin-left: 65px;
}
.comment-author {
    font-size: 1rem;
    margin-bottom: 0.4rem;
    position: relative;
    z-index: 2;
}
.comment-author .avatar {
    height: 50px;
    left: -65px;
    position: absolute;
    width: 50px;
}
.comment-author .says {
    display: none;
}
.comment-meta {
    margin-bottom: 1.5rem;
}
.comment-metadata {
    color: #767676;
    font-size: 0.625rem;
    font-weight: 800;
    letter-spacing: 0.1818rem;
    text-transform: uppercase;
}
.comment-metadata a {
    color: #767676;
}
.comment-metadata a.comment-edit-link {
    color: #222;
    margin-left: 1rem;
}
.comment-body {
    color: #333;
    font-size: 0.875rem;
    margin-bottom: 4rem;
}
.comment-reply-link {
    font-weight: 800;
    position: relative;
}
.comment-reply-link .icon {
    color: #222;
    left: -2rem;
    height: 1rem;
    position: absolute;
    top: 0;
    width: 1rem;
}
.children .comment-author .avatar {
    height: 30px;
    left: -45px;
    width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
    border: 1px solid #333;
    padding: 2px;
}
.no-comments, .comment-awaiting-moderation {
    color: #333;
    font-size: 0.875rem;
    font-style: italic;
}
.comments-pagination {
    margin: 2rem 0 3rem;
}
.form-submit {
    text-align: right;
}
.comment-form #wp-comment-cookies-consent {
    margin: 0 10px 0 0;
}
.comment-form .comment-form-cookies-consent label {
    display: inline;
}

/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/
/* RSS Widget */
.widget_rss .widget-title .rsswidget:first-child {
    float: right;
}
.widget_rss .widget-title .rsswidget:first-child:hover {
    background-color: transparent;
}
.widget_rss .widget-title .rsswidget:first-child img {
    display: block;
}
.widget_rss ul li {
    padding: 2.125rem 0;
}
.widget_rss ul li:first-child {
    border-top: none;
    padding-top: 0;
}
.widget_rss li .rsswidget {
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 1.4;
}
.widget_rss .rss-date, .widget_rss li cite {
    color: #333;
    display: block;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.18rem;
    line-height: 1.5;
    text-transform: uppercase;
}
.widget_rss .rss-date {
    margin: 0.5rem 0 1.5rem;
    padding: 0;
}
.widget_rss .rssSummary {
    margin-bottom: 0.5rem;
}
/* Recent Comments */
.widget_recent_comments table, .widget_recent_comments th, .widget_recent_comments td {
    border: 0;
}
/* Tag cloud widget */
.tagcloud ul li {
    float: left;
    border-top: 0;
    border-bottom: 0;
    padding: 0;
    margin: 4px 4px 0 0;
}
.tagcloud, .widget_tag_cloud, .wp_widget_tag_cloud {
    line-height: 1.5;
}
.widget .tagcloud a, .widget.widget_tag_cloud a, .wp_widget_tag_cloud a {
    border: 1px solid #eee;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    padding: 4px 10px 5px;
    position: relative;
    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    width: auto;
    word-wrap: break-word;
    z-index: 0;
}
.widget .tagcloud a:hover, .widget .tagcloud a:focus, .widget.widget_tag_cloud a:hover, .widget.widget_tag_cloud a:focus, .wp_widget_tag_cloud a:hover, .wp_widget_tag_cloud a:focus {
    border-color: #bbb;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}
/* Calendar widget */
.widget_calendar th, .widget_calendar td {
    text-align: center;
}
.widget_calendar tfoot td {
    border: 0;
}
/* Gallery widget */
.gallery-columns-5 .gallery-caption, .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
    display: none;
}

/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/
img, video {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}
img.alignleft, img.alignright {
    float: none;
    margin: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed, iframe, object {
    margin-bottom: 1.5rem;
    max-width: 100%;
}
/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */
p > embed:only-child, p > iframe:only-child, p > object:only-child {
    margin-bottom: 0;
}
.wp-caption, .gallery-caption {
    color: #666;
    font-size: 0.8125rem;
    font-style: italic;
    margin-bottom: 1.5rem;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption .wp-caption-text {
    margin: 0.8075rem 0;
}
/* Media Elements */
.mejs-container {
    margin-bottom: 1.5rem;
}
/* Audio Player */
.mejs-controls a.mejs-horizontal-volume-slider, .mejs-controls a.mejs-horizontal-volume-slider:focus, .mejs-controls a.mejs-horizontal-volume-slider:hover {
    background: transparent;
    border: 0;
}
/* Playlist Color Overrides: Light */
.site-content .wp-playlist-light {
    border-color: #eee;
    color: #222;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
    color: #333;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
    color: #767676;
}
.site-content .wp-playlist-light .wp-playlist-item {
    border-bottom: 1px dotted #eee;
    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-light .wp-playlist-item:hover, .site-content .wp-playlist-light .wp-playlist-item:focus {
    border-bottom-color: rgba(0, 0, 0, 0);
    background-color: #767676;
    color: #fff;
}
.site-content .wp-playlist-light a.wp-playlist-caption:hover, .site-content .wp-playlist-light .wp-playlist-item:hover a, .site-content .wp-playlist-light .wp-playlist-item:focus a {
    color: #fff;
}
/* Playlist Color Overrides: Dark */
.site-content .wp-playlist-dark {
    background: #222;
    border-color: #333;
}
.site-content .wp-playlist-dark .mejs-container .mejs-controls {
    background-color: #333;
}
.site-content .wp-playlist-dark .wp-playlist-caption {
    color: #fff;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
    color: #eee;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
    color: #aaa;
}
.site-content .wp-playlist-dark .wp-playlist-playing {
    background-color: #333;
}
.site-content .wp-playlist-dark .wp-playlist-item {
    border-bottom: 1px dotted #555;
    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-dark .wp-playlist-item:hover, .site-content .wp-playlist-dark .wp-playlist-item:focus {
    border-bottom-color: rgba(0, 0, 0, 0);
    background-color: #aaa;
    color: #333;
}
.site-content .wp-playlist-dark a.wp-playlist-caption:hover, .site-content .wp-playlist-dark .wp-playlist-item:hover a, .site-content .wp-playlist-dark .wp-playlist-item:focus a {
    color: #333;
}
/* Playlist Style Overrides */
.site-content .wp-playlist {
    padding: 0.625rem 0.625rem 0.3125rem;
}
.site-content .wp-playlist-current-item .wp-playlist-item-title {
    font-weight: 700;
}
.site-content .wp-playlist-current-item .wp-playlist-item-album {
    font-style: normal;
}
.site-content .wp-playlist-current-item .wp-playlist-item-artist {
    font-size: 0.625rem;
    font-weight: 800;
    letter-spacing: 0.1818rem;
    text-transform: uppercase;
}
.site-content .wp-playlist-item {
    padding: 0 0.3125rem;
    cursor: pointer;
}
.site-content .wp-playlist-item:last-of-type {
    border-bottom: none;
}
.site-content .wp-playlist-item a {
    padding: 0.3125rem 0;
    border-bottom: none;
}
.site-content .wp-playlist-item a, .site-content .wp-playlist-item a:focus, .site-content .wp-playlist-item a:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
}
.site-content .wp-playlist-item-length {
    top: 5px;
}
/* SVG Icons base styles */
.icon {
    display: inline-block;
    fill: currentColor;
    height: 1rem;
    position: relative; /* Align more nicely with capital letters */
    top: -0.0625rem;
    vertical-align: middle;
    width: 1rem;
}

/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/
.pswp__ui--idle button.pswp__button--arrow--left, .pswp__ui--idle button.pswp__button--arrow--right {
    opacity: 1 !important;
}
.gallery-item {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin: 0 0 1.5rem;
    padding: 0 1rem 0 0;
    width: 50%;
}
.gallery-columns-1 .gallery-item {
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-item a, .gallery-item a:hover, .gallery-item a:focus, .widget-area .gallery-item a, .widget-area .gallery-item a:hover, .widget-area .gallery-item a:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    display: inline-block;
    max-width: 100%;
}
.gallery-item a img {
    display: block;
    -webkit-transition: -webkit-filter 0.2s ease-in;
    transition: -webkit-filter 0.2s ease-in;
    transition: filter 0.2s ease-in;
    transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.gallery-item a:hover img, .gallery-item a:focus img {
    -webkit-filter: opacity(60%);
    filter: opacity(60%);
}
.gallery-caption {
    display: block;
    text-align: left;
    padding: 0 10px 0 0;
    margin-bottom: 0;
}

/*--------------------------------------------------------------
16.2 Accordion
--------------------------------------------------------------*/
.accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(15px + 9*(100vw - 320px)/1600);
}
.accordion .accordion-item {
    width: 100%;
    border-radius: 7px;
    background-color: #f8f8f8;
    border: none;
    overflow: hidden;
}
.accordion .accordion-item .accordion-header {
    font-size: calc(22px + 6*(100vw - 320px)/1600);
    font-weight: 600;
    line-height: 1;
    text-transform: capitalize;
    margin: 0;
    color: #222;
}
.accordion .accordion-item .accordion-header .accordion-button {
    background-color: #f8f8f8;
    font-size: calc(16px + 4*(100vw - 320px)/1600);
    font-weight: 600;
    line-height: 1.5;
    padding: calc(12px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600);
    color: #222;
}
.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    font-weight: 700;
    color: #0da487;
    background-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}
.accordion-button::after {
    margin-right: auto;
    margin-left: unset;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='black' class='bi bi-chevron-up' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z'/%3E%3C/svg%3E");
}
.accordion-button:not(.collapsed)::after {
    margin-right: auto;
    margin-left: unset;
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='green' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
    transform: none;
}
.accordion .accordion-item .accordion-collapse .accordion-body p {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.6;
    color: #4a5568;
    margin-bottom: calc(12px + 4*(100vw - 320px)/1600);
}
.accordion .accordion-item .accordion-collapse .accordion-body {
    padding: 0 calc(12px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600);
}

/*--------------------------------------------------------------
16.3 Modal
--------------------------------------------------------------*/
.modal-dialog .modal-content  .btn-close {
    position: absolute;
    right: auto;
    left: 0.5rem;
    bottom: auto;
    top: 1rem;
    border-radius: 100%;
    height: 1rem;
    width: 1rem;
    opacity: 1;
}
#exampleModalone .modal-dialog {
    max-width: 800px;
}

/*--------------------------------------------------------------
16.4 Carousel
--------------------------------------------------------------*/
/* Slick next prev */
[dir='rtl'] .slick-next:before  {
    display: none;
}
[dir="rtl"] .slick-prev::before {
    display: none;
}
/* Slick dots */
.slick-dots {
    position: relative;
    bottom: 0;
    margin-top: calc(5px + 15*(100vw - 320px)/1600);
}
.slick-dots li {
    width: auto;
    height: auto;
}
.slick-dots li button {
    width: calc(6px + 2*(100vw - 320px)/1600);
    height: calc(6px + 2*(100vw - 320px)/1600);
    border-radius: 4px;
    padding: 0;
    margin: 0;
    background-color: rgba(35,35,35,.2);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.slick-dots li.slick-active button {
    margin: 0;
    width: calc(30px + 10*(100vw - 320px)/1600);
    background-color: #0da487;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.slick-dots li button::before {
    content: none;
}

/* Slick carousel */
button.slick-disabled {
    opacity: 0.4;
}
/* Team carousel */
.about-tm .team-box .team-image {
    width: 50%;
    height: auto;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.about-tm .team-box .team-image img {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.about-tm .team-box:hover .team-image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.about-tm .team-box .team-name {
    text-align: center;
    margin-top: 20px;
}
.about-tm .team-box .team-name h3 {
    font-size: calc(18px + 2*(100vw - 320px)/1600);
    letter-spacing: .7px;
    font-weight: 700;
}
.about-tm .team-box .team-name h5 {
    margin-top: 6px;
    letter-spacing: .5px;
    color: #4a5568;
}
.about-tm .team-box .team-name p {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.6;
    color: #4a5568;
    margin: 9px auto 14px;
    width: 80%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.about-tm .team-box .team-name .team-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 14px;
    position: relative;
    margin-top: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.about-tm .team-box .team-name .team-media li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    background-color: #ededed;
}
.about-tm .team-box .team-name .team-media li a.linkedin-bg {
    background-color: #2066c0;
}
.about-tm .team-box .team-name .team-media li a.fb-bg {
    color: #4267b2;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.about-tm .team-box .team-name .team-media li a.pint-bg {
    color: #c8232c;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.about-tm .team-box .team-name .team-media li a.twitter-bg {
    color: #00acee;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.about-tm .team-box .team-name .team-media li a.insta-bg {
    color: #f56040;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.about-tm .team-box .team-name .team-media li a.linkedin-bg {
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
/* Testimonials carousel */
.about-tc .slick-slider .slick-list .slick-slide {
    margin: 0 10px;
}
.about-tc .reviewer-box {
    background-color: #fff;
    padding: calc(18px + 16*(100vw - 320px)/1600);
    border-radius: 10px;
    z-index: 0;
    position: relative;
    overflow: hidden;
}
.about-tc .reviewer-box i {
    position: absolute;
    font-size: 106px;
    opacity: .05;
    z-index: -1;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    bottom: -30px;
    left: -8px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.about-tc .reviewer-box:hover i {
    color: #0da487;
    font-size: 143px;
    opacity: .18;
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
    bottom: -29px;
    left: -7px;
}
.about-tc .product-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.about-tc .reviewer-box .product-rating .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.about-tc .reviewer-box .product-rating .rating li {
    line-height: 0;
}
.about-tc .reviewer-box .product-rating .rating li+li {
    margin-left: 2px;
}
.about-tc .reviewer-box .product-rating .rating li .feather {
    width: 14px;
    height: 14px;
    stroke: #ffb321;
}
.about-tc .reviewer-box .product-rating .rating li .feather.fill {
    fill: #ffb321;
}
.about-tc .reviewer-box .reviewer-logo-company {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(12px + 7*(100vw - 320px)/1600);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px;
}
.about-tc .reviewer-box .reviewer-logo-company .reviewer-logo {
    width: calc(45px + 9*(100vw - 320px)/1600);
    height: auto;
    border-radius: 8px;
    overflow: hidden;
}
.about-tc .reviewer-box .reviewer-logo-company .reviewer-logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.about-tc .reviewer-box .reviewer-logo-company .reviewer-company {
    font-weight: 400;
    margin: 10px 0 13px;
    font-size: calc(18px + 2*(100vw - 320px)/1600);
    line-height: 1.5;
}
.about-tc .reviewer-box p {
    color: #4a5568;
    line-height: 1.7;
    margin-bottom: 23px;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
}
.about-tc .reviewer-box .reviewer-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(12px + 7*(100vw - 320px)/1600);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.about-tc .reviewer-box .reviewer-profile .reviewer-image {
    width: calc(65px + 10*(100vw - 320px)/1600);
    height: auto;
    border-radius: 8px;
    overflow: hidden;
}
.about-tc .reviewer-box .reviewer-profile .reviewer-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.about-tc .reviewer-box .reviewer-profile .reviewer-name-role .reviewer-name {
    font-weight: 700;
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    color: #0da487;
}
.about-tc .reviewer-box .reviewer-profile .reviewer-name-role .reviewer-role {
    color: #4a5568;
    font-size: calc(13px + 1*(100vw - 320px)/1600);
    margin-top: 6px;
}
/* Blog carousel */
.about-lb .slick-slider .slick-list .slick-slide {
    margin: 0 10px;
}
.about-lb .blog-box .blog-image {
    overflow: hidden;
    border-radius: 5px;
}
.about-lb .blog-box .blog-image img {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.about-lb .blog-box:hover .blog-image img {
    -webkit-transform: scale(1.12) rotate(3deg);
    transform: scale(1.12) rotate(3deg);
    overflow: hidden;
}
.about-lb .blog-box .blog-title-subtitle .post-subtitle {
    color: #4a5568;
    margin-top: 15px;
    margin-bottom: 3px;
    font-weight: 600;
    font-size: calc(13px + 1*(100vw - 320px)/1600);
}
.about-lb .blog-box .blog-title-subtitle .post-title {
    color: #222;
    line-height: 1.5;
    font-weight: 600;
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.about-lb .blog-box:hover .blog-title-subtitle .post-title {
    color: #0da487;
}

/*--------------------------------------------------------------
16.5 Slider/Carousel bootstrap 5
--------------------------------------------------------------*/
.carousel-control-next, .carousel-control-prev {
    color: #fff;
    opacity: 1;
}
/* HTML5 vudeo on slider play/pause */
#home_video #ppBtn {
    position: absolute;
    top: auto;
    bottom: 30px;
    right: auto;
    left: 30px;
    z-index: 101;
    color: #fff;
    background: #0e6ba8;
    padding: 7px 14px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    border: none;
}
#home_video #ppBtn:focus {
    outline: 2px dashed #000 !important;
    text-decoration: none;
    border: 1px dashed #fff!important;
    outline-offset: 2px !important;
}

/*--------------------------------------------------------------
16.6 Tabpanel
--------------------------------------------------------------*/
.tabpanelone .tabs {
    width: auto;
}
.tabpanelone [role="tablist"] {
    margin: 0 0 -0.1rem;
    overflow: visible;
}
.tabpanelone [role="tab"] {
    position: relative;
    margin: 0;
    padding: 0.3rem 0.5rem 0.4rem;
    border: 1px solid hsl(219, 1%, 72%);
    border-radius: 0.2rem 0.2rem 0 0;
    box-shadow: 0 0 0.2rem hsl(219, 1%, 72%);
    overflow: visible;
    font-size: 1.2rem;
    background: hsl(220, 20%, 94%);
}
.tabpanelone [role="tab"]:hover::before,
.tabpanelone [role="tab"]:focus::before,
.tabpanelone [role="tab"][aria-selected="true"]::before {
    position: absolute;
    bottom: 100%;
    right: -1px;
    left: -1px;
    border-radius: 0.2rem 0.2rem 0 0;
    border-top: 3px solid hsl(20, 96%, 48%);
    content: '';
}
.tabpanelone [role="tab"][aria-selected="true"] {
    border-radius: 0;
    background: hsl(220, 43%, 99%);
    outline: 0;
}
.tabpanelone [role="tab"][aria-selected="true"]:not(:focus):not(:hover)::before {
    border-top: 5px solid hsl(218, 96%, 48%);
}
.tabpanelone [role="tab"][aria-selected="true"]::after {
    position: absolute;
    z-index: 3;
    bottom: -1px;
    right: 0;
    left: 0;
    height: 0.3rem;
    background: hsl(220, 43%, 99%);
    box-shadow: none;
    content: '';
}
.tabpanelone [role="tab"]:hover,
.tabpanelone [role="tab"]:focus,
.tabpanelone [role="tab"]:active {
    outline: 0;
    border-radius: 0;
    color: inherit;
}
.tabpanelone [role="tab"]:hover::before,
.tabpanelone [role="tab"]:focus::before {
    border-color: hsl(20, 96%, 48%);
}
.tabpanelone [role="tabpanel"] {
    position: relative;
    z-index: 2;
    padding: 0.5rem 0.5rem 0.7rem;
    border: 1px solid hsl(219, 1%, 72%);
    border-radius: 0 0.2rem 0.2rem 0.2rem;
    box-shadow: 0 0 0.2rem hsl(219, 1%, 72%);
    background: hsl(220, 43%, 99%);
}
.tabpanelone [role="tabpanel"]:focus {
    border-color: hsl(20, 96%, 48%);
    box-shadow: 0 0 0.2rem hsl(20, 96%, 48%);
    outline: 0;
}
.tabpanelone [role="tabpanel"]:focus::after {
    position: absolute;
    bottom: 0;
    right: -1px;
    left: -1px;
    border-bottom: 3px solid hsl(20, 96%, 48%);
    border-radius: 0 0 0.2rem 0.2rem;
    content: '';
}
.tabpanelone [role="tabpanel"] p {
    margin: 0;
}
.tabpanelone [role="tabpanel"] * + p {
    margin-top: 1rem;
}

/*--------------------------------------------------------------
16.7 News ticker
--------------------------------------------------------------*/
.acme-news-ticker {
    background: #fff;
    position: relative;
    height: 45px;
    border: 1px solid #1974d2;
    margin-top: 45px;
}
.acme-news-ticker-label {
    background: #1974d2;
    padding: 10px;
    width: auto;
    float: right;
    margin-left: 15px;
    line-height: normal;
    height: 100%;
    color: #fff;
    font-size: 1rem;
    line-height: 1.3;
}
.acme-news-ticker-box {
    height: 100%;
    padding-top: 10px;
    overflow: hidden;
}
.acme-news-ticker-box ul {
    width: 100%;
    list-style-type: none !important;
    padding: 0;
    margin: 0;
    display: inline-flex !important;
}
.acme-news-ticker-box ul li {
    display: inline-flex !important;
}
.acme-news-ticker-box ul li a {
    text-decoration: none;
}
.acme-news-ticker-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
}
.acme-news-ticker-controls button {
    height: 100%;
    background: #f6f6f6;
    padding: 0;
    width: 40px;
    border-color: #eeeeee;
    border-style: solid;
    border-width: 0 0 0 1px;
    cursor: pointer;
    display: inline-block;
}
.acme-news-ticker-controls button:hover {
    background: #eeeeee;
}
.acme-news-ticker-controls button.acme-news-ticker-arrow {
    margin: 0;
    display: inline-block;
    position: relative;
}
.acme-news-ticker-controls button.acme-news-ticker-arrow:after {
    border-color: #999;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-right-style: solid;
    border-right-width: 2px;
    content: '';
    display: inline-block;
    height: 8px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 8px;
}
.acme-news-ticker-controls button.acme-news-ticker-pause {
    position: relative;
    display: inline-block;
}
/*.acme-news-ticker-controls button.acme-news-ticker-pause:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-color: #999;
  border-style: solid;
  border-width: 0 2px 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}*/
.acme-news-ticker-controls.acme-news-ticker-horizontal-controls button.acme-news-ticker-prev:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
}
.acme-news-ticker-controls.acme-news-ticker-horizontal-controls button.acme-news-ticker-next:after {
    -webkit-transform: translate(-50%, -50%) rotate(315deg);
    -ms-transform: translate(-50%, -50%) rotate(315deg);
    transform: translate(-50%, -50%) rotate(315deg);
}
.acme-news-ticker-controls.acme-news-ticker-vertical-controls button.acme-news-ticker-prev:after {
    -webkit-transform: translate(-50%, -50%) rotate(225deg);
    -ms-transform: translate(-50%, -50%) rotate(225deg);
    transform: translate(-50%, -50%) rotate(225deg);
}
.acme-news-ticker-controls.acme-news-ticker-vertical-controls button.acme-news-ticker-next:after {
    -webkit-transform: translate(-50%, -50%) rotate(405deg);
    -ms-transform: translate(-50%, -50%) rotate(405deg);
    transform: translate(-50%, -50%) rotate(405deg);
}

/*--------------------------------------------------------------
16.8 Portfolio WMG - https://www.jqueryscript.net/gallery/jQuery-Plugin-For-Responsive-Portfolio-Gallery-WM-Gridfolio.html#google_vignette
--------------------------------------------------------------*/
.exemplo {
    padding: 25px 0;
}
.wmg-container{
    background: #f8f8f8;
}
.wmg-close {
    right: auto;
    left: 10px;
}
.wmg-thumbnail{
    background:#f8f8f8;
    position:relative;
}
.wmg-thumbnail:after, .wmg-thumbnail:before{
    content: "";
}
.wmg-thumbnail .event-icon li a {
    text-align: center;
    border-radius: 50%;
}
.wmg-thumbnail, .wmg-thumbnail .event-icon li a{
    overflow:hidden
}
.wmg-thumbnail .event-icon{
    display:inline-block;
}
.wmg-thumbnail:after, .wmg-thumbnail:before {
    width:50px;
    height:50px;
    border-radius:50%;
    background:#0da487;
    position:absolute;
    top:-100px;
    right:15px;
    opacity:0;
    z-index:1;
    transition:all .35s ease;
}
.wmg-thumbnail:after{
    top:auto;
    right:auto;
    bottom:-150px;
    left:15px
}
.wmg-thumbnail:hover:after,.wmg-thumbnail:hover:before{
    opacity:.75;
    transform:scale(8);
    transition-delay:.15s;
}
.wmg-thumbnail .wmg-thumbnail-content img{
    width:100%;
    height:auto;
    transition:all .35s ease-out 0s;
}
.wmg-thumbnail:hover .wmg-thumbnail-content img{
    opacity:.4;
}
.wmg-thumbnail .event-icon {
    list-style: none;
    padding: 0;
}
.wmg-thumbnail .event-icon{
    margin:0;
    position: absolute;
    bottom:12px;
    left:18px;
    z-index:2;
    transform:scale(0);
    transition:all .35s ease-out;
}
.wmg-thumbnail:hover .event-icon{
    transform:scale(1);
    transition-delay:.15s;
}
.wmg-thumbnail .event-icon li a{
    display:block;
    width:35px;
    height:35px;
    line-height:35px;
    background:#ffa53b;
    font-size:18px;
    color:#fff;
    margin-right:10px;
    position:relative;
    transition:all .5s ease 0s;
}
.wmg-thumbnail .event-icon li a:hover{
    background:#fff;
    color:#ffa53b;
}
.wmg-thumbnail .event-box-content{
    padding:8px 8px;
    position:absolute;
    top:0;
    right:0;
    z-index:1;
    display: flex;
    flex-direction: column;
}
.wmg-thumbnail .eventTitle{
    font-size:15px;
    font-weight:500;
    color:#fff;
    margin:0 0 5px;
    opacity:0;
    transform:translate(-20px,-20px);
    transition:all .35s ease-out;
    line-height: 1.3;
    text-align: right;
}
.wmg-thumbnail:hover .eventTitle{
    opacity:1;
    transform:translate(0,0);
    transition-delay:.15s;
}
.wmg-thumbnail .eventPlace{
    display:inline-block;
    font-size:15px;
    color:#fff;
    opacity:0;
    transform:translate(-20px,-20px);
    transition:all .35s ease-out;
    line-height: 1.3;
    text-align: right;
}
.wmg-thumbnail:hover .eventPlace{
    opacity:1;
    transform:translate(0,0);
    transition-delay:.15s;
}
.wmg-thumbnail .title,.wmg-thumbnail img,.wmg-thumbnail:after{
    transition:all .35s ease 0s;
}
.event-gallery-details-images.slick-slider {
    margin-bottom: 0;
}
.exemplo img {
    margin: 0 auto;
    border-radius: 30px;
}
.exemplo .event-details {
    border-bottom: 1px solid #4a5568;
    padding: 15px 0 15px 0
}
.exemplo .event-details .event-details-item .etitle {
    color: #4a5568;
    font-size: calc(12px + 1*(100vw - 320px)/1600);
}
.exemplo .event-details .event-details-item .econtent {
    color: #4a5568;
    font-size: calc(12px + 1*(100vw - 320px)/1600);
    font-weight: 500;
}
.exemplo .event-title-content {
    padding: 25px 0 15px 0;
}
.exemplo .event-title-content h2 {
    font-size: calc(23px + 1*(100vw - 320px)/1600);
    font-weight: 700;
    color: #222222;
}
.exemplo .event-title-content .event-content p {
    color: #4a5568;
    line-height: 1.7;
    font-size: calc(12px + 1*(100vw - 320px)/1600);
}
.exemplo .event-title-content .btn {
    background-color: #0da487;
    color: #fff;
    border-color: #0da487;
}


@media only screen and (max-width:990px) {
    .wmg-thumbnail {
        margin-bottom: 30px;
    }
}




/*--------------------------------------------------------------
17.0 SVGs Fallbacks
--------------------------------------------------------------*/


/*--------------------------------------------------------------
18.0 Utilities
--------------------------------------------------------------*/
.mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-attachment: fixed;
}
/*padding margin */
.my-6 {
    margin-top: 4rem!important;
    margin-bottom: 4rem!important;
}
.my-7 {
    margin-top: 5rem!important;
    margin-bottom: 5rem!important;
}
.my-8 {
    margin-top: 6rem!important;
    margin-bottom: 6rem!important;
}
.mt-6 {
    margin-top: 4rem!important;
}
.mt-7 {
    margin-top: 5rem!important;
}
.mt-8 {
    margin-top: 6rem!important;
}
.mb-6 {
    margin-bottom: 4rem!important;
}
.mb-7 {
    margin-bottom: 5rem!important;
}
.mb-8 {
    margin-bottom: 6rem!important;
}
.py-6 {
    padding-top: 4rem!important;
    padding-bottom: 4rem!important;
}
.py-7 {
    padding-top: 5rem!important;
    padding-bottom: 5rem!important;
}
.py-8 {
    padding-top: 6rem!important;
    padding-bottom: 6rem!important;
}
.pt-6 {
    margin-top: 4rem!important;
}
.pt-7 {
    padding-top: 5rem!important;
}
.pt-8 {
    padding-top: 6rem!important;
}
.pb-6 {
    margin-bottom: 4rem!important;
}
.pb-7 {
    padding-bottom: 5rem!important;
}
.pb-8 {
    padding-bottom: 6rem!important;
}
/* z-index */
.zindex2 {
    z-index: 2;
}
.zindex11 {
    z-index: 11;
}
.zindex101 {
    z-index: 101;
}
.zindex1001 {
    z-index: 1001;
}
/* colors */
.bg-grey {
    background-color: #f8f8f8;
}
.bg-lightblue {
    background-color: #f3f5fa;
}
.bg-white {
    background-color: #fff;
}
.text-green {
    color: #0da487;
}
.color-tchelet {
    color: #47b2e4;
}
.form-select {
    background-position: left .75rem center;
}
.fw-600 {
    font-weight: 600;
}
.w-90 {
    width: 90%;
}
h2.section-title {
    font-size: 1.35rem;
    font-weight: bold;
    position: relative;
    color: #37517e;
}
h2.section-title::before {
    content: '';
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: #ddd;
    bottom: 1px;
    left: calc(50% - 60px);
}
h2.section-title::after {
    content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 3px;
    background: #47b2e4;
    bottom: 0;
    left: calc(50% - 20px);
}
.section-title-desc {
    font-size: 1.1rem;
    color: #505F98;
}
.feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    margin-bottom: 1rem;
    font-size: 2rem;
    color: #fff;
    border-radius: .75rem;
}

/*--------------------------------------------------------------
19.0 Sections
--------------------------------------------------------------*/
/* Full width newletter subscribe */
.fw-nwsltr-subs h3 {
    color: #505F98;
    font-size: 1.1rem;
}
.fw-nwsltr-subs p {
    font-size: .95rem;
    color: #444444;
}
.fw-nwsltr-subs .ns-form .your-email input  {
    background-color: transparent;
    border: 0;
    transition: 0.3s;
    border-radius: 50px;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
}
.fw-nwsltr-subs .ns-form .your-email label  {
    font-size: .9rem;
    color: #444444;
    padding-right: 12px;
}
.fw-nwsltr-subs .ns-form .btn-primary  {
    background: #47b2e4;
    border: 0;
    transition: 0.3s;
    border-radius: 50px;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
    width: 100%;
    height: 54px;
    margin-bottom: -3px;
}

/* section contact info form */
.cif-contact .cif-info {
    border-top: 3px solid #47b2e4;
    border-bottom: 3px solid #47b2e4;
    padding: 1.5rem;
    background: #fff;
    width: 100%;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
}
.cif-contact .cif-info i {
    font-size: 1.1rem;
    color: #47b2e4;
    float: right;
    width: 44px;
    height: 44px;
    background: #e7f5fb;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}
.cif-contact .cif-info h4 {
    padding: 0 60px 0 0;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 5px;
    color: #37517e;
}
.cif-contact .cif-info p {
    padding: 0 60px 10px 0;
    margin-bottom: 20px;
    font-size: 0.9rem;
    color: #6182ba;
}
.cif-contact .cif-info .cif-email p {
    padding-top: 5px;
}
.cif-contact .cif-info .cif-email:hover i, .cif-contact .cif-info .cif-address:hover i, .cif-contact .cif-info .cif-phone:hover i {
    background: #47b2e4;
    color: #fff;
}
.cif-contact .cif-form {
    width: 100%;
    border-top: 3px solid #47b2e4;
    border-bottom: 3px solid #47b2e4;
    padding: 30px;
    background: #fff;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
}
.cif-contact .cif-form .btn {
    border: 0;
    padding: 12px 34px;
    color: #fff;
    transition: 0.4s;
    border-radius: 50px;
}

/* Home page cta */
.cta .cta-btn {
    font-weight: 500;
    font-size: 1.1rem;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 40px;
    border-radius: 50px;
    transition: 0.5s;
    margin: 10px;
    border: 2px solid #fff;
    color: #fff;
}
.cta .cta-btn:hover {
    background: #47b2e4;
    border: 2px solid #47b2e4;
}

/* Home page cta two */
.the_ctatwo h2 {
    margin: 0;
    padding: 0 0 20px 0;
    color: #31667B;
    font-size: 30px;
    font-weight: 400;
    text-align: center;
}
.the_ctatwo .ctatwo-content {
    position: relative;
    padding: 10px;
    border: 1px solid #31667B;
}
.the_ctatwo .ctatwo-content:after, .the_ctatwo .ctatwo-content:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.the_ctatwo .ctatwo-content:after {
    border-color: rgba(255, 250, 251, 0);
    border-bottom-color: #fffafb;
    border-width: 15px;
    margin-left: -15px;
}
.the_ctatwo .ctatwo-content:before {
    border-color: rgba(49, 102, 123, 0);
    border-bottom-color: #31667B;
    border-width: 16px;
    margin-left: -16px;
}
.the_ctatwo .ctatwo-content .ctatwo_inner {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    background-color: #30657A;
    padding: 22px;
    background: linear-gradient(to top left, #30657A 50%, #235568 50%) no-repeat, linear-gradient(to top left, #30657A 0.1%, #235568 0.1%) no-repeat;
    background-size: 100% 1500%, 100% 50%;
    background-position: center center;
}

/* Whatsup float button */
.floating_whatsapp {
    position: fixed;
    left: auto;
    right: 0;
    bottom: auto;
    top: 115px;
    z-index: 3;
}
.floating_whatsapp_icon {
    height: 48px;
    width: 48px;
    border: none;
    background-color: #13B65D;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    box-shadow: 0 0 4px rgb(123 126 123);
}
.floating_whatsapp_icon svg {
    position: absolute;
    left: 13px;
    top: 12px;
    font-size: 25px;
    color: #fff;
}
.floating_whatsapp_txt {
    position: absolute;
    left: auto;
    right: 48px;
    bottom: auto;
    top: 0;
    background-color: #13B65D;
    color: #fff;
    white-space: nowrap;
    font-size: 20px;
    width: 0;
    margin: 0;
    box-shadow: 0 0 4px rgb(123 126 123);
    overflow:hidden;
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    text-align: center;
    display: flex;
    -webkit-display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    height: 48px;
}
.floating_whatsapp .floating_whatsapp_link:hover  .floating_whatsapp_txt {
    width: 200px;
}

/* Cards page - Team section 4 */
.team .member {
    position: relative;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    padding: 30px;
    border-radius: 5px;
    background: #fff;
    transition: 0.5s;
}
.team .member .pic {
    overflow: hidden;
    width: 180px;
    border-radius: 50%;
}
.team .member .pic img {
    transition: ease-in-out 0.3s;
}
.team .member:hover {
    transform: translateY(-10px);
}
.team .member .member-info {
    padding-right: 30px;
}
.team .member h3 {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 20px;
    color: #37517e;
}
.team .member span {
    display: block;
    font-size: 15px;
    padding-bottom: 10px;
    position: relative;
    font-weight: 500;
}
.team .member span::after {
    content: "";
    position: absolute;
    display: block;
    width: 50px;
    height: 1px;
    background: #cbd6e9;
    bottom: 0;
    right: 0;
}
.team .member p {
    margin: 10px 0 0 0;
    font-size: 14px;
}
.team .member .social {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.team .member .social a {
    transition: ease-in-out 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    width: 32px;
    height: 32px;
    background: #eff2f8;
}
.team .member .social a i {
    color: #37517e;
    font-size: 16px;
    margin: 0 2px;
}
.team .member .social a:hover {
    background: #47b2e4;
}
.team .member .social a:hover i {
    color: #fff;
}
.team .member .social a + a {
    margin-right: 8px;
}

/* Modal page -  Modal one button "Send message" */
#exampleModalone .modal-footer {
    justify-content: center;
}
#exampleModalone .social {
    display: flex;
    align-items: center;
    justify-content: center;
}
#exampleModalone .social a {
    transition: ease-in-out 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    background: #eff2f8;
}
#exampleModalone .social a i {
    color: #37517e;
    font-size: 1.3rem;
    margin: 0 2px;
}
#exampleModalone .social a:hover {
    background: #47b2e4;
}
#exampleModalone .social a:hover i {
    color: #fff;
}
#exampleModalone .social a + a {
    margin-right: 8px;
}

/* tarshim zrima zmanim */
section.resume-section {
    border-bottom: 1px solid #dee2e6;
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

section.resume-section .resume-item .resume-date {
    min-width: auto;
}

@media (min-width: 768px) {
    section.resume-section {
        min-height: 100vh;
    }
    section.resume-section .resume-item .resume-date {
        min-width: 18rem;
    }
}

@media (min-width: 992px) {
    section.resume-section {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
}
#awards {
    background: #f0f0f0;
}
#awards {
    background: #f0f0f0;
}

#award-box {
    overflow: hidden;
    position: relative;
    padding: 60px 0;
}

#award-box:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #cfcdcd;
    position: absolute;
    top: 0;
    right: 50%;
}

#award-box .award {
    width: 50%;
    clear: both;
    position: relative;
}

#award-box .award:before,
#award-box .award:after {
    content: "";
    display: block;
    clear: both;
}

#award-box .award:first-child:before,
#award-box .award:last-child:before {
    content: "";
    width: 11px;
    height: 11px;
    background: #cfcdcd;
    box-sizing: content-box;
    border: 5px solid #fff;
    box-shadow: 0 0 0 2px #cfcdcd;
    position: absolute;
    top: -54px;
    left: -11px;
    transform: rotate(45deg);
}

#award-box .award:last-child:before {
    top: auto;
    bottom: -54px;
}

#award-box .award:last-child:nth-child(even):before {
    left: auto;
    right: -11px;
}

#award-box .award-icon {
    width: 24px;
    height: 24px;
    background: #fff;
    border: 1px solid #cfcdcd;
    position: absolute;
    top: 17px;
    left: -13px;
    z-index: 1;
    transform: rotate(45deg);
}

#award-box .award-icon:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: #fff;
    position: absolute;
    top: 8%;
    right: 24%;
    transform: translate(8%, 14%);
    transition: background-color 0.2s ease 0s;
}

#award-box .award:hover .award-icon:before {
    background: #39b3ff;
}

#award-box .award-content {
    width: 85%;
    padding: 18px 30px;
    background: #fff;
    text-align: right;
    float: right;
    border: 1px solid transparent;
    position: relative;
    transition: all 0.3s ease 0s;
}

#award-box .award:hover .award-content {
    border: 1px solid #cfcdcd;
}

#award-box .award-content:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: #fff;
    border: 1px solid #cfcdcd;
    position: absolute;
    top: 21px;
    left: -7.3px;
    transform: rotate(45deg);
    transition: all 0.2s ease 0s;
}

#award-box .award:hover .award-content:before {
    background: #39b3ff;
    border-color: #39b3ff;
}

#award-box .award-content:after {
    content: "";
    width: 15%;
    height: 1px;
    background: #cfcdcd;
    position: absolute;
    top: 28px;
    left: -16%;
}

#award-box .date {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #39b3ff;
    margin: 0 0 8px;
    transition: all 0.3s ease 0s;
}

#award-box .award:hover .date {
    color: #444;
}

#award-box .title {
    font-size: 18px;
    color: #444;
    margin-top: 0;
    transition: all 0.3s ease 0s;
}

#award-box .award:hover .title {
    color: #39b3ff;
}

#award-box .description {
    font-size: 16px;
    color: #777;
    line-height: 28px;
    margin-top: 8px;
}

#award-box .award:nth-child(2n),
#award-box .award:nth-child(2n) .award-content {
    float: left;
    text-align: right;
}

#award-box .award:nth-child(2n) .award-icon {
    left: 0;
    right: -12px;
}

#award-box .award:nth-child(2n) .award-content:before {
    right: -7.3px;
}

#award-box .award:nth-child(2n) .award-content:after {
    right: -16%;
}

@media only screen and (max-width: 767px) {
    #award-box {
        padding-right: 20px;
    }
    #award-box:before {
        right: 20px;
    }
    #award-box .award {
        width: 100%;
    }
    #award-box .award,
    #award-box .award-content {
        float: left;
        padding:5px;
        text-align: right;
    }
    #award-box .award:first-child:before,
    #award-box .award:last-child:nth-child(odd):before {
        rightleft: auto;
        right: -11px;
    }
    #award-box .award-icon {
        left: 0;
        right: -12px;
    }
    #award-box .award-content:before {
        right: -7.3px;
    }
    #award-box .award-content:after {
        right: -14%;
    }
}

/*--------------------------------------------------------------
20.0 Woocommerce
--------------------------------------------------------------*/
.main_color table caption, .main_color tr:nth-child(even), .main_color .pricing-table>li:nth-child(even), #top .main_color .avia-data-table.avia_pricing_minimal td {
    color: #383838;
}
/* Shop or archive product page */
.post-type-archive-product .product-sorting .sort-param > li > span {
    padding: 0px 10px 0px 40px;
    cursor: default;
    background-position: left center;
    font-size: 16px;
}
.post-type-archive-product ul.products li .inner_product_header .price span {
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #cc6633 !important;
    margin: 0 0 14px 0 !important;
    white-space: normal;
    padding: 0;
    line-height: 1.3;
}
.post-type-archive-product ul.products li div.product_on_sale .inner_product_header {
    padding-right: 15px !important;
}
.post-type-archive-product ul.products li .inner_product:hover .avia_cart_buttons {
    opacity: 1 !important;
    background: transparent !important;
}
.post-type-archive-product ul.products li .inner_product .avia_cart_buttons {
    opacity: 1 !important;
    background: transparent !important;
    text-align: center;
}
.post-type-archive-product ul.products li .avia_cart_buttons .button {
    background-color: #cc6633!important;
    border-color: #cc6633!important;
    color: #ffffff!important;
    font-weight: 500!important;
    font-size: 19px!important;
    border-radius: 100px!important;
    float: none !important;
    display: inline-block!important;
    width: auto!important;
    padding: 10px 16px!important;
    margin: 0 12px !important;
}
.post-type-archive-product ul.products li .avia_cart_buttons .button:hover {
    background-color: #292929!important;
    -webkit-transition: all 0.3s ease-out!important;
    transition: all 0.3s ease-out!important;
}.post-type-archive-product ul.products li .avia_cart_buttons .button .button-mini-delimiter {
     display: none;
 }
/* Single product page */
.single-product .container_wrap {
    background-color: #f7f7f7;
}
.single-product .single-product-summary p {
    margin: 0 0 6px 0;
    font-size: 15px !important;
    color: #383838;
}
.single-product .single-product-summary p.price {
    margin: 0;
}
.single-product .single-product-summary p.price span.woocommerce-Price-amount {
    font-weight: 600;
    font-size: 20px !important;
    color: #000;
    letter-spacing: 0.5px!important;
}
.single-product .single-product-summary .cart {
    padding: 0 !important;
}
.single-product .single-product-summary .cart .variations td.label  {
    padding: 0 !important;
    border: none !important;
    vertical-align: middle !important;
    width: 95px !important;
}
.single-product .single-product-summary .cart .variations {
    text-align: right !important;
    margin: 20px 0 28px !important;
}
.single-product .single-product-summary .cart .variations td label  {
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #383838 !important;
}
.single-product .single-product-summary .cart .variations td.value  {
    text-align: right !important;
    padding: 0 !important;
}
.single-product .single-product-summary .cart .variations td.value select {
    padding-right: 10px !important;
    border-color: #ccc !important;
    background-color: #fff;
    color: #383838 !important;
    font-size: 16px !important;
    width: 200px !important;
    float: right !important;
}
.single-product .single-product-summary .cart div.quantity {
    float: right;
    margin: 0 0 5px 12px;
    min-width: 130px;
}
.single-product .single-product-summary .cart .button {
    background-color: #cc6633;
    border-color: #cc6633;
    color: #ffffff;
    font-weight: 500!important;
    font-size: 19px!important;
    border-radius: 100px!important;
    float: right;
}

.single-product .single-product-summary .cart .button:hover {
    background-color: #292929!important;
    -webkit-transition: all 0.3s ease-out!important;
    transition: all 0.3s ease-out!important;
}
.single-product .single-product-summary .cart div.quantity input.plus, .single-product .single-product-summary .cart div.quantity input.minus {
    border-color: #C9C9C9 !important;
    background-color: #C9C9C9 !important;
    color: #f8f8f8 !important;
    background-image: none !important;
}
.single-product .single-product-summary .cart div.quantity input.plus {
    font-size: 22px !important;
}
.single-product .single-product-summary .cart div.quantity input.minus {
    font-size: 28px !important;
}
.single-product .single-product-summary .cart div.quantity input.qty {
    color: #383838 !important;
    font-size: 18px !important;
}
.single-product .single-product-summary .product_meta .sku_wrapper  {
    color: #383838;
    font-weight: 500;
    font-size: 15px;
}
.single-product .single-product-summary .product_meta .sku_wrapper .sku {
    color: #383838;
    font-weight: normal;
    font-size: 15px;
}
.single-product .single-product-summary .product_meta .posted_in  {
    color: #383838;
    font-weight: 500;
    font-size: 15px;
}
.single-product .single-product-summary .product_meta .posted_in a {
    color: #383838;
    font-weight: normal;
    font-size: 15px;
}
.single-product .single-product-summary .woocommerce-tabs {
    padding: 40px 10px 0 0 !important;
}
.single-product .single-product-summary .woocommerce-tabs .panel {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.single-product .single-product-summary .woocommerce-tabs .panel ul {
    padding: 0;
    margin: 0 12px 0 0;
}
.single-product .single-product-summary .woocommerce-tabs .panel li {
    font-weight: normal;
    font-size: 15px !important;
    color: #383838;
    list-style-position: inside;
    padding: 0 0 12px 0;
    margin: 0;
    list-style-type: disc;
}
.single-product .single-product-summary .woocommerce-tabs ul.tabs li {
    float: right;
    font-size: 18px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.single-product .single-product-summary .woocommerce-tabs ul.tabs li a {
    color: #383838;
}
.single-product .single-product-summary .woocommerce-tabs ul.tabs li.active a {
    color: #383838!important;
    font-weight: 600;
}
.single-product .single-product-summary .woocommerce-tabs .panel .product-icon-list  {
    margin-top: 20px !important;
}
.single-product .single-product-summary .woocommerce-tabs .panel .avia-icon-list-right .iconlist_icon {
    margin-left: 18px;
}
.single-product .single-product-summary .woocommerce-tabs .panel .avia-icon-list li {
    padding: 0 0 10px 0;
    list-style-position: inside;
    padding: 0 0 12px 0;
    margin: 0;
    list-style-type: none;
}
.single-product .single-product-summary .woocommerce-variation-price {
    margin-bottom: 10px;
}
.single-product .single-product-summary .woocommerce-variation-price .price del {
    font-size: 18px !important;
    color: #000 !important;
    letter-spacing: 0.5px !important;
    font-weight: 500 !important;
}
.single-product .single-product-summary .woocommerce-variation-price .price ins {
    font-size: 18px !important;
    color: #000 !important;
    letter-spacing: 0.5px !important;
    font-weight: 500 !important;
}

.single-product .single-product-summary .woocommerce-variation-price .price del .woocommerce-Price-amount {
    font-size: 18px !important;
}
.single-product .single-product-summary .woocommerce-variation-price .price ins .woocommerce-Price-amount {
    font-size: 18px !important;
}
.single-product .related.products ul.products li .inner_product_header .price span {
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #cc6633 !important;
    margin: 0 0 14px 0 !important;
    white-space: normal;
    padding: 0;
    line-height: 1.3;
}
.single-product .related.products ul.products li div.product_on_sale .inner_product_header {
    padding-right: 15px !important;
}
.single-product .related.products ul.products li .inner_product:hover .avia_cart_buttons {
    opacity: 1 !important;
    background: transparent !important;
}
.single-product .related.products ul.products li .inner_product .avia_cart_buttons {
    opacity: 1 !important;
    background: transparent !important;
    text-align: center;
}
.single-product .related.products ul.products li .avia_cart_buttons .button {
    background-color: #cc6633!important;
    border-color: #cc6633!important;
    color: #ffffff!important;
    font-weight: 500!important;
    font-size: 19px!important;
    border-radius: 100px!important;
    float: none !important;
    display: inline-block!important;
    width: auto!important;
    padding: 10px 16px!important;
    margin: 0 12px 10px !important;
}
.single-product .related.products ul.products li .avia_cart_buttons .button:hover {
    background-color: #292929!important;
    -webkit-transition: all 0.3s ease-out!important;
    transition: all 0.3s ease-out!important;
}
.single-product .related.products ul.products li .avia_cart_buttons .button-mini-delimiter {
    display: none !important;
}
.single-product-main-image {
    width: 38%;
}
div.product div.images div.thumbnails {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    width: 100%;
    padding: 0;
    margin: 0;
}
.single-product-main-image .thumbnails a {
    float: none;
    margin: 0;
    flex: 1 1 0;
    -webkit-flex: 1 1 0;
    width: auto;
    background-color: transparent;
    padding: 3px 4px;
}
.single-product-main-image .thumbnails a img {
    border-radius: 10px;
    border: 1px solid #d8d8d8!important;
}
.template-shop .images a {
    background-color: transparent
}
.template-shop .images a img {
    border-radius: 10px;
    border: 1px solid #d8d8d8!important;
}
.onsale {
    padding: 10px 7px;
    border-radius: 100%;
    font-size: 16px;
}
.single-product-main-image .onsale {
    top: 20px;
    left: 20px;
    right: auto;
}
/* Header float mini cart button and content */
.widget_shopping_cart_content {
    height: 100vh;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    z-index: 10001;
}
.widget_shopping_cart_content .mc-closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.mc-openbtn {
    font-size: 20px;
    cursor: pointer;
    background-color: #111;
    color: white;
    padding: 10px 15px;
    border: none;
}

.mc-openbtn:hover {
    background-color: #444;
}

.menu-item.cart_dropdown  {
    right: 8px;
}
.menu-item.cart_dropdown .cart_dropdown_first .cart_dropdown_link  {
    color: #cc6633;
    border-radius: 100%;
    background-color: #fff;
}
.menu-item.cart_dropdown .cart_dropdown_first ul.product_list_widget li a {
    color: #383838 !important;
    display: block;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px !important;
    padding-right: 20px;
}
.menu-item.cart_dropdown .cart_dropdown_first ul.product_list_widget li a.remove {
    right: 5px;
    top: 10px;
}
.menu-item.cart_dropdown .cart_dropdown_first ul.product_list_widget li .quantity {
    overflow: hidden;
    padding-right: 20px;
    font-size: 14px;
    font-weight: normal;
}
.menu-item.cart_dropdown .cart_dropdown_first .woocommerce-mini-cart__total {
    font-size: 16px !important;
    font-weight: normal !important;
    color: #383838;
}
.menu-item.cart_dropdown .cart_dropdown_first .woocommerce-mini-cart__buttons {
    background-color: #f7f7f7;
}
.menu-item.cart_dropdown .cart_dropdown_first .woocommerce-mini-cart__buttons a {
    font-size: 16px !important;
    font-weight: normal !important;
    color: #fff;
    background-color: #cc6633;
    border-color: #cc6633;
    color: #ffffff;
    font-weight: 500!important;
    font-size: 18px!important;
    border-radius: 100px!important;
    padding: 10px 0;
}
.menu-item.cart_dropdown .cart_dropdown_first .woocommerce-mini-cart__buttons a:hover {
    background-color: #292929!important;
    -webkit-transition: all 0.3s ease-out!important;
    transition: all 0.3s ease-out!important;
}
/* Cart page */
.woocommerce-cart .woocommerce  .woocommerce-cart-form table.shop_table th {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding: 9px 12px;
    color: #383838;
}
.woocommerce-cart .woocommerce  .cart-collaterals .cart_totals table.shop_table th {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding: 9px 12px;
    color: #383838;
}
.woocommerce-cart .woocommerce  .woocommerce-cart-form table.shop_table td {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    padding: 9px 12px;
    color: #383838;
}
.woocommerce-cart .woocommerce  .cart-collaterals .cart_totals table.shop_table td {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    padding: 9px 12px;
    color: #383838;
}
.woocommerce-cart .woocommerce .woocommerce-cart-form table.shop_table .actions .button {
    background-color: #cc6633;
    border-color: #cc6633;
    color: #ffffff;
    font-weight: 500!important;
    font-size: 19px!important;
    border-radius: 100px!important
}
.woocommerce-cart .woocommerce .woocommerce-cart-form table.shop_table .actions .button:hover {
    background-color: #292929!important;
    -webkit-transition: all 0.3s ease-out!important;
    transition: all 0.3s ease-out!important;
}
.woocommerce-cart .woocommerce .woocommerce-cart-form .quantity input.plus, .woocommerce-cart .woocommerce .woocommerce-cart-form .quantity input.minus {
    border-color: #f8f8f8;
    background-color: #e7e7e7;
    color: #919191;border-color: #C9C9C9 !important;
    background-color: #C9C9C9 !important;
    color: #f8f8f8 !important;
    background-image: none !important;
    font-size: 22px !important;
}
.woocommerce-cart .woocommerce .woocommerce-cart-form .actions .coupon  .input-text {
    float: right !important;
    margin: 3px 3px 3px 3px !important;
    font-size: 16px !important;
    line-height: 20px !important;
    padding: 13px 8px !important;
    border-radius: 2px !important;
    border: 1px solid #ccc !important;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .button  {
    background-color: #cc6633;
    border-color: #cc6633;
    color: #ffffff;
    font-weight: 500!important;
    font-size: 19px!important;
    border-radius: 100px!important;
    float: left !important;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .button:hover  {
    background-color: #292929!important;
    -webkit-transition: all 0.3s ease-out!important;
    transition: all 0.3s ease-out!important;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .woocommerce-shipping-totals ul#shipping_method li {
    text-align: right;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .woocommerce-shipping-totals ul#shipping_method li input {
    width: 32px;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .woocommerce-shipping-totals ul#shipping_method li label {
    font-weight: normal;
    font-size: 15px;
    color: #383838;
}
.woocommerce-cart .woocommerce .return-to-shop  .button {
    background-color: #cc6633;
    border-color: #cc6633;
    color: #ffffff;
    font-weight: 500!important;
    font-size: 19px!important;
    border-radius: 100px!important
}
.woocommerce-cart .woocommerce .return-to-shop  .button:hover  {
    background-color: #292929!important;
    -webkit-transition: all 0.3s ease-out!important;
    transition: all 0.3s ease-out!important;
}
/* Checkout page */
.woocommerce-checkout .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info {
    font-weight: normal;
    font-size: 16px;
    color: #383838;
}
.woocommerce-checkout .woocommerce .woocommerce-checkout .col2-set .form-row label {
    font-weight: normal !important;
    font-size: 16px  !important;
    color: #383838;
}
.woocommerce-checkout .woocommerce .woocommerce-checkout .form-row input.input-text {
    border-radius: 2px !important;
    border: 1px solid #ccc !important;
    background-color: #fff !important;
}
.woocommerce-checkout .woocommerce .woocommerce-checkout .form-row textarea {
    border-radius: 2px !important;
    border: 1px solid #ccc !important;
    background-color: #fff !important;
}
.woocommerce-checkout .woocommerce .woocommerce-checkout .form-row .input-text, .woocommerce-checkout .woocommerce .woocommerce-checkout .form-row input[type='text'], .woocommerce-checkout .woocommerce .woocommerce-checkout .form-row input[type='input'], .woocommerce-checkout .woocommerce .woocommerce-checkout .form-row input[type='password'], .woocommerce-checkout .woocommerce .woocommerce-checkout .form-row input[type='email'], .woocommerce-checkout .woocommerce .woocommerce-checkout .form-row input[type='number'], .woocommerce-checkout .woocommerce .woocommerce-checkout .form-row input[type='url'], .woocommerce-checkout .woocommerce .woocommerce-checkout .form-row input[type='tel'], .woocommerce-checkout .woocommerce .woocommerce-checkout .form-row input[type='search'], .woocommerce-checkout .woocommerce .woocommerce-checkout .form-row textarea, .woocommerce-checkout .woocommerce .woocommerce-checkout .form-row select {
    border-color: #ccc !important;
    background-color: #fff!important;
    color: #383838!important;
    font-size: 15px! important;
    padding: 10px 8px !important;
}
.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error li {
    font-size: 22px! important;
}
.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error li strong {
    font-size: 22px! important;
    color: white;
}
.woocommerce-checkout .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-review-order-table th {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding: 9px 12px;
    color: #383838;
}
.woocommerce-checkout .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-review-order-table td {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    padding: 9px 12px;
    color: #383838;
}
.woocommerce-checkout .woocommerce .woocommerce-checkout #order_review ul#shipping_method {
    margin-right: 0;
}
.woocommerce-checkout .woocommerce .woocommerce-checkout #order_review ul#shipping_method li {
    margin-right: 0;
}
.woocommerce-checkout .woocommerce .woocommerce-checkout #order_review ul#shipping_method li {
    text-align: right;
}
.woocommerce-checkout .woocommerce .woocommerce-checkout #order_review ul#shipping_method input {
    width: 32px;
}
.woocommerce-checkout .woocommerce .woocommerce-checkout #order_review ul#shipping_method label {
    font-weight: normal;
    font-size: 15px;
    color: #383838;
}
.woocommerce-checkout .woocommerce .woocommerce-checkout #order_review #payment {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    color: #383838;
}
.woocommerce-checkout .woocommerce .woocommerce-checkout #order_review label {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #383838;
}
.woocommerce-checkout .woocommerce .woocommerce-checkout #order_review button {
    background-color: #cc6633;
    border-color: #cc6633;
    color: #ffffff;
    font-weight: 500!important;
    font-size: 19px!important;
    border-radius: 100px!important;
    width: 193px;
    float: left !important;
}
.woocommerce .woocommerce-checkout #order_review button:hover {
    background-color: #292929!important;
    -webkit-transition: all 0.3s ease-out!important;
    transition: all 0.3s ease-out!important;
}
.woocommerce-checkout .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info {
    border-color: #f7f7f7;
    background-color: #f7f7f7;
    color: #383838;
    font-size: 22px;
}
.woocommerce-checkout .woocommerce .checkout_coupon.woocommerce-form-coupon p {
    font-size: 18px! important;
}
.woocommerce-checkout .woocommerce .checkout_coupon.woocommerce-form-coupon p input[type="text"]  {
    box-shadow: none;
    margin: 0;
    outline: 0;
    background: #fff !important;
    border-color: #ccc !important;
    background-color: #fff!important;
    color: #383838!important;
    font-size: 18px! important;
}
.woocommerce-checkout .woocommerce .checkout_coupon.woocommerce-form-coupon .button {
    background-color: #cc6633;
    border-color: #cc6633;
    color: #ffffff;
    font-weight: 500!important;
    font-size: 19px!important;
    border-radius: 100px!important;
    width: 193px;
    float: none !important;
}
.woocommerce-checkout .woocommerce .checkout_coupon.woocommerce-form-coupon .button:hover {
    background-color: #292929!important;
    -webkit-transition: all 0.3s ease-out!important;
    transition: all 0.3s ease-out!important;
}
/* woocommerce order recived page */
.woocommerce-order-received .woocommerce .woocommerce-order .woocommerce-thankyou-order-received  {
    color: #383838;
    font-size: 22px !important;
    font-weight: 500;
}
.woocommerce-order-received .woocommerce .woocommerce-order ul.woocommerce-order-overview li  {
    color: #383838;
    font-size: 24px !important;
    font-weight: 400;
}
.woocommerce-order-received .woocommerce .woocommerce-order ul.woocommerce-order-overview li strong {
    color: #cc6633;
    font-size: 22px !important;
    font-weight: 300;
}
.woocommerce-order-received .woocommerce .woocommerce-order table.shop_table th {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    padding: 9px 12px !important;
    color: #383838 !important;
}
.woocommerce-order-received .woocommerce .woocommerce-order table.shop_table td {
    font-size: 16px !important;
    font-weight: normal !important;
    line-height: 20px !important;
    padding: 9px 12px !important;
    color: #383838 !important;
}
/* woocommerce messages */
div.woocommerce-message {
    border-color: #25d366;
    background-color: #25d366;
    color: #fff;
    font-size: 25px;
}
div.woocommerce-error, div.woocommerce-message,  .woocommerce-info {
    padding: 32px 15px 32px 15px;
}
.cart-empty.woocommerce-info {
    border-style: solid;
    border-width: 1px;
    margin: 0 0 20px 0;
    padding: 19px;
    font-size: 25px !important;
}
div.woocommerce-message a.button {
    left: 22px;
    background: rgba(0,0,0,0.65);
    right: auto;
}
ul.woocommerce-error {
    padding: 32px 15px 32px 15px;
    background-repeat: no-repeat;
    background-color: #ff0000;
    color: #ffffff;
    font-size: 25px;
}

/* Add WooCommerce Cart Icon with Cart Item Count */
.cart-contents {
    position: fixed;
    display: flex !important;
    flex-flow: column nowrap;
    justify-content: center;
    bottom: auto;
    top: 30%;
    left: auto;
    right: 0;
    z-index: 101;
    background-color: #231F20;
    padding: 8px 18px;
}
.cart-contents:before {
    font-family: bootstrap-icons !important;
    content: "\f244";
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    display: inline-block;

}
.cart-contents:hover {
    text-decoration: none;
}
.cart-contents-count {
    position: absolute;
    top: 24px;
    right: 8px;
    transform: translateY(-105%) translateX(25%);
    font-weight: normal;
    font-size: 6px;
    line-height: 22px;
    height: 22px;
    width: 22px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    background: #d9534f;
    border-radius: 50%;
}
/* PRO RIBBONS */
.woocommerce ul.products li.product .pro-ribbons {
    position: absolute;
    right: auto;
    left: 5px;
    bottom: auto;
    top: 5px;
    z-index: 11;
}
.woocommerce ul.products li.product .pro-ribbons ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.woocommerce ul.products li.product .pro-ribbons ul li {
    list-style: none;
    padding: 0;
    margin-bottom: 8px;
}
.woocommerce ul.products li.product .pro-ribbons ul li img {
    width: 60px !important;
    height: 60px !important;
    display: block !important;
}
.single-product .pro-ribbons {
    position: absolute;
    left: auto;
    right: 20px;
    bottom: auto;
    top: 20px;
    z-index: 11;
}
.single-product .woocommerce-product-gallery__wrapper .pro-ribbons ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.single-product .woocommerce-product-gallery__wrapper .pro-ribbons ul li {
    list-style: none;
    padding: 0;
    margin-bottom: 18px;
}
.single-product .woocommerce-product-gallery__wrapper .pro-ribbons ul li img {
    width: 50px !important;
    height: 50px !important;
}
/* WOOCOMMERCE QUICK VIEW RIBBONS */
#wcqv_contend .images .pro-ribbons {
    position: absolute;
    right: auto;
    left: 50px;
    bottom: auto;
    top: 20px;
    z-index: 11;
}
#wcqv_contend .images .pro-ribbons ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#wcqv_contend .images .pro-ribbons ul li {
    list-style: none;
    padding: 0;
    margin-bottom: 8px;
}
#wcqv_contend .images .pro-ribbons ul li img {
    width: 60px !important;
    height: 60px !important;
}
.woocommerce ul.products li.product .quick_view.button {
    background-color: transparent;
}
.woocommerce ul.products li.product .quick_view.button img {
    margin: 0;
    padding: 0;
    display: block !important;
    box-shadow: none;
    background: transparent;
}

/*--------------------------------------------------------------
21.0 Media Queries
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {

    /* Woocommerce */
    .post-type-archive-product ul.products li .avia_cart_buttons .button {
        margin: 0 0 14px 0 !important;
    }
    .post-type-archive-product ul.products li .avia_cart_buttons .button  .button-mini-delimiter {
        display: none !important;
    }
    .responsive.html_mobile_menu_tablet.html_header_top #top #main {
        padding-top: 70px !important;
        margin: 0;
    }
    #top .onsale {
        top: 40px;
    }
    ul.woocommerce-error {
        padding: 16px 8px 16px 8px;
        background-repeat: no-repeat;
        font-size: 18px;
    }
    #top div.woocommerce-error, #top div.woocommerce-message, #top .woocommerce-info {
        padding: 16px 8px 16px 8px;
    }
    #top div.woocommerce-message {
        font-size: 18px;
    }
    #header_main .menu-item.cart_dropdown {
        right: 0;
    }
    .woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error li strong {
        font-size: 18px! important;
    }
    .woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error li {
        font-size: 18px! important;
    }
    .woocommerce-checkout .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info {
        border-color: #f7f7f7;
        background-color: #f7f7f7;
        color: #383838;
        font-size: 18px;
    }

}

@media only screen and (max-width: 767px) {
    /*h1 {*/
    /*    font-size: 28px;*/
    /*}*/
    /*h2 {*/
    /*    font-size: 25px;*/
    /*}*/
    /*h3 {*/
    /*    font-size: 22px;*/
    /*}*/
    /*h4 {*/
    /*    font-size: 20px;*/
    /*}*/
    /*h5 {*/
    /*    font-size: 20px;*/
    /*}*/
    /*h6 {*/
    /*    font-size: 20px;*/
    /*}*/
    h2.section-title {
        font-size: 24px;
    }
    .section-title-desc {
        font-size: 18px;
        padding: 22px 0;
    }
    /* Bootstrap */
    .form-select {
        background-position: left 10px center;
    }
    .form-select {
        padding: 5px;
        font-size: 18px;
        line-height: 1.3;
        color: #212529;
        height: 38px;
    }
    /* Slick slider */
    [dir='rtl'] .slick-next {
        z-index: 3;
        left: 0;
    }
    [dir='rtl'] .slick-prev {
        z-index: 3;
        right: 0;
    }
    [dir='rtl'] .slick-next i {
        font-size: 22px !important;
    }
    [dir='rtl'] .slick-prev i {
        font-size: 22px !important;
    }
    /* Header main menu*/
    .navbar-toggler {
        color: #cfcfcf;
        border: none;
        padding: 1.5px 3.5px;
        font-size: 26px;
    }
    .navbar-toggler .navbar-toggler-icon {
        width: 26px;
        height: 26px;
    }
    #main-menu .nav-item .nav-link {
        padding: 2.5px 3.5px;
        font-size: 20px;
    }
    #main-menu .dropdown-toggle::after {
        font-size: 20px;
        margin-right: 2.5px;
        vertical-align: 1px;
    }
    #main-menu .dropdown-item {
        padding: 2.5px 3.5px;
        font-size: 20px;
    }
    #main-menu .dropdown-menu {
        min-width: 100%;
        padding: 10px 20px 10px 0;
        margin: 0;
        font-size: 20px;
        text-align: right;
        background-color: transparent;
        background-clip: padding-box;
        border: none;
        border-radius: 0;
    }
    /* Contact info */
    .header-top-bar .header-contact-information ul li {
        font-size: 14px;
    }
    .header-top-bar .header-contact-information ul li i {
        font-size: 14px;
    }
    .header-top-bar .header-contact-information ul li a {
        font-size: 14px;
    }
    /* Social icons */
    .header-top-bar .header-sl ul li {
        font-size: 14px;
    }
    .header-top-bar .header-sl ul li i {
        font-size: 14px;
    }
    .header-top-bar .header-sl ul li a {
        font-size: 14px;
    }
    /* Login/Register/Log out */
    .header-top-bar .header-wll a {
        font-size: 14px;
    }
    /* Page title banner */
    .header-title-banner img {
        height: 120px;
        max-height: 120px;
    }
    .pht-breadcrumbs ul li a {
        font-size: 12px;
    }
    /* Footer plugin DM mobile social and contact info links */
    .bottom-social-icons a {
        font-size: 18px;
    }
    /* Footer widgeta */
    .the-footer h5 {
        font-size: 22px;
    }
    .the-footer p, .the-footer a {
        font-size: 16px;
    }
    /* Footer Site info */
    .site-info p,  .site-info a {
        font-size: 16px;
    }
    /* Footer full width newletter subscribe */
    .fw-nwsltr-subs h3 {
        font-size: 24px;
    }
    .fw-nwsltr-subs p {
        font-size: 18px;
    }
    .fw-nwsltr-subs .ns-form label  {
        font-size: 18px;
    }
    .fw-nwsltr-subs .ns-form input  {
        font-size: 18px;
        height: 45px;
    }
    .fw-nwsltr-subs .ns-form .btn-primary {
        width: 100%;
        height: auto;
        margin-bottom: 0;
        font-size: 18px;
        padding: 8px 24px;
    }
    /* section contact info form */
    .cif-contact .cif-info {
        padding: 18px;
    }
    .cif-contact .cif-info i {
        font-size: 18px;
    }
    .cif-contact .cif-info h4 {
        font-size: 20px;
    }
    .cif-contact .cif-info p {
        font-size: 18px;
    }
    .cif-form label {
        font-size: 18px;
    }
    .cif-form input,  .cif-form textarea {
        font-size: 18px;
    }
    .cif-contact .cif-form .btn {
        font-size: 18px;
        padding: 8px 24px;
    }
    /* Woocommerce */
    .responsive #top .single-product-main-image .onsale {
        top: 7px;
        left: 7px;
        right: auto;
        padding: 10px 7px;
        border-radius: 100%;
        font-size: 16px;
    }
    #top.single-product .single_variation_wrap {
        margin: 10px 0px 20px 0 !important;
    }
    .responsive #top .related.products .product, .responsive #top .upsells.products .product {
        margin: 0;
        width: 100%;
    }
    .single-product .single-product-summary .cart .variations td.label {
        vertical-align: top !important;
    }
    .responsive #top .col2-set .col-1, .responsive #top .col2-set .col-2, .responsive .cart-collaterals .shipping_calculator {
        width: 100%;
    }
    .woocommerce-checkout .woocommerce .checkout_coupon.woocommerce-form-coupon p.form-row-first {
        float: none;
        width: 100%;
    }
    .woocommerce-checkout .woocommerce .checkout_coupon.woocommerce-form-coupon p.form-row-last {
        float: right;
    }
    .woocommerce-billing-fields #billing_first_name_field.form-row-first, .woocommerce-billing-fields #billing_last_name_field.form-row-last {
        float: none !important;
        width: 100% !important;
        clear: none!important;
    }
}

@media (min-width: 768px) {
    .acme-news-ticker {
        margin-top: 0;
    }
}
@media (max-width: 575px) {
    .acme-news-ticker-box {
        padding-left: 10px;
        padding-right: 120px;
    }
    .acme-news-ticker-label {
        position: absolute;
        top: -45px;
    }
}

/*--------------------------------------------------------------
22.0 Print
--------------------------------------------------------------*/
@media print {
    /* Hide elements */
    form, button, input, select, textarea, .social-navigation, #secondary, .content-bottom-widgets, .header-image, .panel-image-prop, .icon-thumb-tack, .page-links, .edit-link, .post-navigation, .pagination.navigation, .comments-pagination, .comment-respond, .comment-edit-link, .comment-reply-link, .comment-metadata .edit-link, .pingback .edit-link, .the-footer aside.widget-area, .site-info {
        display: none !important;
    }
    .entry-footer, #comments, .the-footer {
        border: 0;
    }
    /* Font sizes */
    body {
        font-size: 12pt;
    }
    h1 {
        font-size: 24pt;
    }
    h2 {
        font-size: 22pt;
    }
    h3 {
        font-size: 17pt;
    }
    h4 {
        font-size: 12pt;
    }
    h5 {
        font-size: 11pt;
    }
    h6 {
        font-size: 12pt;
    }
    .page .panel-content .entry-title, .page-title, body.page:not(.s2u-front-page) .entry-title {
        font-size: 10pt;
    }
    /* Posts */
    .entry-meta {
        font-size: 9pt;
    }
    /* Colors */
    body,
    .site {
        background: none !important; /* Brute force since user agents all print differently. */
    }
    body, a {
        color: #222 !important; /* Make sure color schemes don't affect to print */
    }
    h2, h5, blockquote, .entry-meta, .entry-meta a {
        color: #777 !important; /* Make sure color schemes don't affect to print */
    }
    .entry-content blockquote.alignleft, .entry-content blockquote.alignright {
        font-size: 11pt;
        width: 34%;
    }
    .the-footer {
        padding: 0;
    }
}




ul.flex-direction-nav {
    position: absolute;
    top: 30%;
    z-index: 99999;
    width: 100%;
    left: 0;
    margin: 0;
    padding: 0px;
    list-style: none;
}
li.flex-nav-prev {
    float: left;
}
li.flex-nav-next {
    float: right;
}
a.flex-next {
    visibility:hidden;
}
a.flex-prev {
    visibility:hidden;
}
a.flex-next::after {
    visibility:visible;content: '\f054';
    font-family: 'Font Awesome 5 Free';
    margin-right: 10px;
    font-size: 20px;
    font-weight: bold;
}
a.flex-prev::before {
    visibility:visible;
    content: '\f053';
    font-family: 'Font Awesome 5 Free';
    margin-left: 10px;
    font-size: 20px;
    font-weight: bold;
}
ul.flex-direction-nav li a {
    color: #ccc;
}
ul.flex-direction-nav li a:hover {
    text-decoration: none;
}
ul.flex-direction-nav li a {
    color: #ccc;
}
ul.flex-direction-nav li a:hover {
    text-decoration: none;
}