@font-face {
font-family: 'mobmenu';
src: url(//www.hidrolikplatform.com/wp-content/plugins/mobile-menu/includes/css/font/mobmenu.woff2?31192480) format('woff2'),
url(//www.hidrolikplatform.com/wp-content/plugins/mobile-menu/includes/css/font/mobmenu.woff?31192480) format('woff');
font-weight: normal;
font-style: normal;
}
[class^="mob-icon-"]:before, [class*=" mob-icon-"]:before {
font-family: "mobmenu";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center; font-variant: normal; 
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mob-icon-ok-1:before { content: '\e800'; } .mob-icon-ok:before { content: '\e80f'; } .mob-icon-plus:before { content: '\e810'; } .mob-icon-plus-1:before { content: '\e813'; } .mob-icon-plus-outline:before { content: '\e818'; } .mob-icon-plus-2:before { content: '\e819'; } .mob-icon-align-justify-1:before { content: '\e84f'; } .mob-icon-instagram:before { content: '\e88e'; } .mob-icon-linkedin:before { content: '\e88f'; } .mob-icon-pinterest:before { content: '\e892'; } .mob-icon-twitter:before { content: '\e898'; } .mob-icon-tumblr:before { content: '\e899'; } .mob-icon-vimeo:before { content: '\e89a'; } .mob-icon-star:before { content: '\e8a3'; } .mob-icon-user:before { content: '\e8a4'; } .mob-icon-star-1:before { content: '\e8d3'; } .mob-icon-user-1:before { content: '\e8d4'; } .mob-icon-left-open:before { content: '\e8f6'; } .mob-icon-right-open:before { content: '\e8f7'; } .mob-icon-down-dir:before { content: '\e8fc'; } .mob-icon-right-dir:before { content: '\e8fd'; } .mob-icon-star-empty:before { content: '\e93d'; } .mob-icon-up-dir:before { content: '\e980'; } .mob-icon-left-dir:before { content: '\e981'; } .mob-icon-menu:before { content: '\e9d6'; } .mob-icon-right-open-2:before { content: '\ea32'; } .mob-icon-th:before { content: '\eac3'; } .mob-icon-th-large:before { content: '\eac5'; } .mob-icon-th-list:before { content: '\eac7'; } .mob-icon-minus:before { content: '\e812'; } .mob-icon-minus-1:before { content: '\e9d8'; } .mob-icon-minus-2:before { content: '\eacb'; } .mob-icon-th-list-3:before { content: '\ec71'; } .mob-icon-cancel:before { content: '\ec73'; } .mob-icon-cancel-circle:before { content: '\ec74'; } .mob-icon-cancel-1:before { content: '\ecf2'; } .mob-icon-cancel-2:before { content: '\edf5'; } .mob-icon-cancel-circled-1:before { content: '\edf6'; } .mob-icon-cancel-circled2:before { content: '\edf7'; } .mob-icon-up-open-1:before { content: '\ee59'; } .mob-icon-cancel-3:before { content: '\ee65'; } .mob-icon-cancel-circled-2:before { content: '\ee66'; } .mob-icon-th-large-1:before { content: '\ee68'; } .mob-icon-th-1:before { content: '\ee69'; } .mob-icon-th-list-1:before { content: '\ee6a'; } .mob-icon-up-open-2:before { content: '\ee6b'; } .mob-icon-down-open-2:before { content: '\ee6c'; } .mob-icon-cancel-squared:before { content: '\ee6d'; } .mob-icon-cancel-4:before { content: '\ee6f'; } .mob-icon-up-open-big:before { content: '\ee70'; } .mob-icon-down-open-big:before { content: '\ee71'; } .mob-icon-down-open-mini:before { content: '\ee73'; } .mob-icon-cancel-circled-outline:before { content: '\ee77'; } .mob-icon-cancel-outline:before { content: '\ee79'; } .mob-icon-menu-2:before { content: '\ee7a'; } .mob-icon-menu-outline:before { content: '\ee7b'; } .mob-icon-cancel-circle-1:before { content: '\ee7c'; } .mob-icon-down-open:before { content: '\f004'; } .mob-icon-up-open:before { content: '\f005'; } .mob-icon-menu-3:before { content: '\f008'; } .mob-icon-th-list-2:before { content: '\f009'; } .mob-icon-th-thumb:before { content: '\f00a'; } .mob-icon-th-thumb-empty:before { content: '\f00b'; } .mob-icon-cancel-circled:before { content: '\f06e'; } .mob-icon-menu-1:before { content: '\f0c9'; } .mob-icon-gplus:before { content: '\f0d5'; } .mob-icon-ellipsis:before { content: '\f141'; } .mob-icon-ellipsis-vert:before { content: '\f142'; } .mob-icon-facebook-squared:before { content: '\f308'; }.mob-menu-overlay .mobmenu-panel {
opacity: 0;
visibility: hidden;
transition: opacity 0.5s, visibility 0s 0.5s;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.mob-menu-overlay.show-nav-left .mobmenu-panel, .mob-menu-overlay.show-nav-right .mobmenu-panel {
opacity: 1;
visibility: visible;
transition: opacity 0.5s;
z-index: 100001;
}
.mob-menu-overlay .show-panel .mob-cancel-button {
position: absolute;
right: 0px;
top: 0px;
padding-top: 8px;
overflow: hidden;
border: none;
outline: none;
z-index: 100002;
font-size: 30px;
line-height: 30px;
cursor: pointer;
}
.mob-retina-logo{
display: none;
max-width: 100%;
}
.mob-cancel-button{
z-index: 99999999!important;
position:relative!important;
}
.mobmenu-content .widget {
padding-bottom: 0px;
padding: 20px;
}
.mob-expand-submenu i {
position: relative;
font-weight: 600;
cursor: pointer;
}
.mob-menu-left-bg-holder, .mob-menu-right-bg-holder, .mob-menu-cart-bg-holder {
width: 100%;
height: 100%;
position: absolute;
z-index: -50;
background-repeat: no-repeat;
top: 0;
left: 0;
}
.mob-menu-no-scroll{
overflow: hidden;
}
.mobmenu-content .sub-menu {
display: none;
opacity: 1;
}
.mobmenur-container {
position: absolute;     
right: 0px; 
} 
.leftmbottom h2 {
font-weight: bold;
background-color: transparent;
color: inherit;
}
.mob-cancel-button {
display:none;
z-index: 99999999;
}
.show-nav-left.mob-menu-overlay .left-menu-icon-text, .show-nav-right.mob-menu-overlay .left-menu-icon-text {
display: none;
}
.show-nav-left.mob-menu-slideout-top .mobmenu-right-bt .mob-cancel-button, .show-nav-right.mob-menu-slideout-top .mobmenu-left-bt .mob-cancel-button {
display: none;
}
.show-nav-left.mob-menu-slideout-top .mobmenu-right-bt .mob-menu-icon, .show-nav-right.mob-menu-slideout-top .mobmenu-left-bt .mob-menu-icon {
display: block;
}
.show-panel .mob-cancel-button {
display: block;
}
.mobmenu-content li a {
display: block;
letter-spacing: 1px;
padding: 10px 20px;
text-decoration: none;
font-size: 14px;
}
.mobmenu-content li a:active, .mobmenu-content li:active, .mobmenu-content li a .mob-expand-submenu:active{
border-style: outset;
border: none;
}
.mobmenu-left-alignment.show-panel, .mobmenu-right-alignment.show-panel {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.mobmenu-left-alignment {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.mobmenu-right-alignment {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel {
top: 32px;
}
#wpadminbar {
position: fixed;
}
.show-nav-left .mob-menu-header-holder, .show-nav-right .mob-menu-header-holder, .mob-menu-header-holder, .mobmenu-panel, .mobmenu-overlay , .show-nav-left .mobmenu-push-wrap, .show-nav-right .mobmenu-push-wrap, .show-nav-left .mob-menu-header-holder, .show-nav-left .mobmenu-left-alignment, .show-nav-right .mobmenu-right-alignment, .show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay{
-webkit-transition: -webkit-transform .5s;
-moz-transition: -moz-transform .5s;
-ms-transition: -ms-transform .5s;
-o-transition: -o-transform .5s;
transition: transform .5s;
} .mobmenu-overlay {
opacity: 0;
}
.widget img {
max-width: 100%; 
}
#mobmenuleft, #mobmenuright {
margin: 0;
padding: 0;
}
#mobmenuleft  li > ul {
display:none;
left: 15px;
padding-left: 0px;
}
.rtl .mob-expand-submenu {
float: left;
}
.mob-expand-submenu {
position: relative;
right: 0px;
float: right;
}
.mobmenu-parent-link .menu-item-has-children {
cursor: pointer;
}
#mobmenuright  li > ul {
display:none;
left: 15px;
padding-left: 0px;
}
.rightmbottom, .rightmtop {   
padding-left: 10px;
padding-right: 10px;
} .mob-menu-slideout .mobmenu-panel {
position: fixed;
top: 0;
height: 100%;
z-index: 300000;
overflow-y: hidden;   
overflow-x: hidden;
opacity: 1;
}
.mob-menu-slideout .mobmenu-right-alignment {
right: 0;
}
.mobmenu-content li {
list-style: none;
visibility: visible;
opacity: 1;
-webkit-tap-highlight-color: rgba(0,0,0,0);
margin: 0;
}
.mob-menu-slideout .mobmenu-left-alignment, .mob-menu-slideout-over .mobmenu-left-alignment {
left: 0;
}
.mob-menu-slideout .mobmenu-right-alignment, .mob-menu-slideout-over .mobmenu-right-alignment {
right: 0;
}
.mob-menu-header-holder {
font-weight:bold;
top:0px;	
right: 0px;
color:#000;
display: block;
z-index: 10000;
} .mobmenu .sub-menu li > a {
padding-left: 50px;
} .mobmenu .sub-menu .sub-menu li a {
padding-left: 75px;
}
.mobmenu-left-panel .mobmenu-left-bt, .mobmenu-right-panel .mobmenu-right-bt {
position: absolute;
right: 0px;
top: 0px;
font-size: 30px;
}
.mobmenu-content {
margin-top: 45px;
padding-bottom: 120px;
z-index: 1;
height: calc( 100% - 45px);
overflow: auto;
padding-top: 10px;
}
.mobmenu-parent-link .mob-expand-submenu {
cursor: pointer;
}
#mobmenuright.nomenu li, #mobmenuleft.nomenu li{
padding-left: 7%;
padding-right: 7%;
}
.mob-expand-submenu.show-sub .mob-icon-down-open {
display: none;
}
.mob-expand-submenu.show-sub .mob-icon-up-open {
display: block;
}
.mob-expand-submenu .mob-icon-down-open {
display: block;
}
.mob-expand-submenu .mob-icon-up-open {
display: none;
}
.show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay {
width: 100%;
height: 100%;
z-index: 10001;
left: 0;
top: 0;
opacity: 1;
position: fixed;
cursor: pointer;
} .mobmenu-ajax-search-results {
display: none;
opacity: 1;
visibility: visible;
width: 100%;
height: 100%;
position: fixed;
margin-top: 50px;
}
[data-panel-target="mobmenu-filter-panel"].mobmenu-trigger-action {
float:left;
}
.mobmenu-content .sub-menu.show-sub-menu {
-webkit-transition: height 1s linear 0s;
-moz-transition: height 1s linear 0s;
-ms-transition: height 1s linear 0s;
-o-transition: height 1s linear 0s;
transition: height 1s linear 0s;
overflow:hidden;
} h4.no-mobile-menu {
padding: 22px;
text-align: center;
width: 90%;
background: #fff;
margin: auto;
font-size: 17px;
font-weight: 400;
line-height: 29px;
}
h4.no-mobile-menu a {
text-decoration: none;
color:#000;
}
.mobmenu-content li a:focus {
outline: none;
}
.mobmenu-content .widget_media_image {
text-align: center;
}
#_pick_tips_content {
border: 0;
position: fixed;
right: 5px;
top: 5px;
z-index: 99999999;
width: 300px;
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2),
0 2px 2px 0 rgba(0, 0, 0, .14),
0 1px 5px 0 rgba(0, 0, 0, .12);
border-radius: 4px;
background-color: rgba(255, 255, 255, 0.8);
font-size: 0;
margin: 0;
padding: 0;
transition: all 0.3s;
min-height: 540px;
height: auto;
display: none;
}
#_pick_tips_content.on {
display: inline-block;
} #_picker_cover_wrap_box svg {
position: fixed;
top: 0;
left: 0;
cursor: crosshair;
width: 100%;
height: 100%;
z-index: 99999998;
}
#_picker_cover_wrap_box svg>path:first-child {
fill: rgba(0, 0, 0, 0);
fill-rule: evenodd;
}
#_picker_cover_wrap_box svg>path+path {
stroke: #29c66d;
stroke-width: 3.5px;
fill: rgb(226 239 232 / 20%);
}
#_picker_cover_wrap_box {
transition: all 0.3s;
pointer-events: none;
}
@keyframes ellipsis {
from {
width: 2px;
}
to {
width: 15px;
}
} ._picker_target_elm {
background: transparent;
outline: #1dcd1d solid 3px;
color: #000;
}
.mob-menu-slideout #page-container, .mob-menu-slideout-over #page-container {
padding-top: 0px!important;
}.entry-content ol.wp-block-latest-comments {
padding-left: 2rem;
}
.wp-block-table figcaption {
text-align: center;
}
.post .entry-content ul.wp-block-archives {
margin-left: 1.125rem;
list-style: disc
}
.wp-block-code.has-background code {
background: inherit;
}
.wp-block-group .wp-block-embed,
.wp-block-group .wp-block-image {
padding: 1.563rem 1.000rem 1.563rem;
}
.wp-block-archives-dropdown select,
.wp-block-categories-dropdown select {
width: auto;
}
.widget .wp-block-group .wp-block-columns {
margin-bottom: 0;
}
.widget .wp-block-group .wp-block-rss li:last-child {
padding-bottom: 0;
}
ul.wp-block-page-list a {
text-decoration: none;
}
.sidebar .wp-block-group .is-nowrap {
margin: 1.563rem 1.000rem 1.563rem;
}
.sidebar .widget .wp-block-group .wp-block-latest-comments__comment-meta {
font-weight: 600;
line-height: 1.5;
}
.wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon {
height: 2em;
width: 2em;
}
.sidebar .widget .wp-block-group .is-layout-flow h2 {
border-left: 0 none;
}
.wc-block-components-product-title a,
.wc-block-components-product-title a:hover,
.wc-block-components-product-title a:focus {
text-decoration: none;
}
.wp-block-details summary { 
font-weight: 600;
}
.wp-block-verse {
padding: 10px;
}
.wp-block-calendar .wp-calendar-nav {
position: relative;
top: 0;
left: 0;
width: 100%;
}
.wc-block-cart .wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title {
font-size: 24px;
line-height: 34px;
text-transform: capitalize;
margin-bottom: 15px;
}
.sidebar .widget .wp-block-group .wp-block-latest-comments,
.sidebar .widget .wp-block-group .wp-block-loginout,
.sidebar .widget .wp-block-group .wp-block-table,
.sidebar .widget .wp-block-group .wp-block-buttons {
padding: 1.563rem 1.000rem 1.563rem;
}.header-3 .widget-social-widget ul li a,
.team-three .widget-social-widget ul li a,
.footer-bottom-3 .widget-social-widget ul li a{
position: relative;
background-color: var(--white);
color: #000;
margin-right: 5px;
z-index: 1;
}
.header-3 .widget-social-widget ul li a:before,
.team-three .widget-social-widget ul li a:before,
.footer-bottom-3 .widget-social-widget ul li a:before{
content: "";
position: absolute;
top: 0;
left: 50%;
display: block;
width: 0;
height: 0;
border-radius: 100%;
transition: 0.3s;
background-color: var(--primary-color);
z-index: -1;
}
.footer-bottom-3 .widget-social-widget ul li a:hover{color: var(--white);}
.footer-bottom-3 .widget-social-widget ul li a:before{background: #000;}
.header-3 .widget-social-widget ul li a:focus::before,
.header-3 .widget-social-widget ul li a:hover::before,
.team-three .widget-social-widget ul li a:focus::before,
.team-three .widget-social-widget ul li a:hover::before,
.footer-bottom-3 .widget-social-widget ul li a:focus::before,
.footer-bottom-3 .widget-social-widget ul li a:hover::before {
width: 100%;
height: 100%;
margin-left: -50%;
}
#header-section.header-3 .contact-info .widget-title{
padding: 0;
}
.header-3 .above-right-content h5{
margin: 0;
}
.header-3 .above-right-content h5 a{
color: #000;
}
.header-3 .above-right-content h5 a{
font-size: 18px;
font-weight: 500;
transition: 0.65s;
text-decoration: none;
}   
.header-3 .above-right-content h5 a:not(.header-3 .above-right-content h5:last-child a){
padding-right: 10px;
margin-right: 10px;
border-right: 1px solid #00000036;
font-size: 18px;
font-weight: 600;
transition: 0.65s;
}
.header-3 .above-right-content h5 a:hover,
.header-3 .above-right-content h5 a:focus-within{
text-decoration: underline;
}
.header-3 .contact-area{
display: flex;
align-items: center;
justify-content: end;
}
.header-3.contact-icon i {
color: var(--secondary-color)
}
.header-3.contact-icon i {
color: var(--secondary-color)
}
.header-3 a.above-right-link {
text-decoration: none;
}
.header-3 span.above-right-link-1, span.above-right-link-2 {
}
.header-3 aside.widget.widget-contact i {
background-color: #141414;
width: 29px;
height: 29px;
line-height: 29px;
border-radius: 50%;
font-size: 16px;
color: var(--primary-color);
text-align: center;
}
.header-3 span.above-right-link-3 {
font-size: 16px;
font-weight: 600;
}
.middle-header-3.header-3 .contact-content p {
font-size: 18px;
font-weight: 300;
margin-bottom: 8px;
}
.header-3 .contact-area p {
font-size: 18px;
font-weight: 500;
line-height: normal;
margin: 0 0 0 10px;
}
.header-3 .nav-area.is-sticky-menu .navigation-area{
border: none;
}
.middle-header-3 .content-area {
float: right;
color: #fff;
}
.middle-header-3 .content-area {
margin-right: 0px;
align-items: center;
}
.header-3 .contact-info p {
font-size: 16px;
font-weight: 500;
}
.header-3 .menu-right ul li{
border-color: #87773c;
}
.header-3 .menu-right ul li a:hover,
.header-3 .menu-right ul li a:focus-within{
color: var(--primary-color);
}
.header-2 .header-cart span.count,
.header-3 .header-cart span.count{
background-color: var(--primary-color);
}
.header-3 .menu-right ul li:not(.header-3 .menu-right ul li:last-child) {
display: inline-block;
vertical-align: middle;
position: relative;
border-left: 1px solid var(--primary-color)5e;
width: 80px;
text-align: center;
height: 100%;
line-height: 2.4;
}
.header-3 .menu-right ul li a.main-button-3:hover,
.header-3 .menu-right ul li a.main-button-3:focus{
color: #141414;
}
.header.header-3 .header-above-info .widget-right{
float: right;
}
.header-3 .header-above-info{
padding: 15px 0;
}
.header-3-breadcrumb {
margin-top: -194px;
}
.middle-header-3 {
z-index:2;
display: block;
position: relative;
padding: 34px 0;
}
.middle-header-3 .middle-header-widget {
float: inherit;
}
.middle-header-3 .content-area {
float: right;
color: #fff;
}
.middle-header-3 .content-area {
margin-right: 0px;
align-items: center;
}
.middle-header-3 .contact-info h5 {
color: var(--primary-color);
margin: 0;
}
.middle-header-3 aside.widget.widget-contact i {
font-size: 24px;
background-color: var(--primary-color);
color: #141414;
padding: 14px;
height: 50px;
width: 50px;
position: relative;
}
.middle-header-3 aside.widget.widget-contact i:after{
content: '';
position: absolute;
inset: 0;
animation: wawaw 1.5s infinite;
border-radius: 50px;
}
.middle-header-3 .widget-contact .contact-icon{
margin-right: 15px;
}
.info-box, .info-box:before {
border-radius: 100px;
} .funfact-bg-image{
background: url(//www.hidrolikplatform.com/wp-content/themes/image/funfact-bg.jpg) center center fixed rgba(0,0,0,.7);
}
.funfact-section {    
background-color:#121111b8;
background-blend-mode: multiply;
background-size: cover;
position: relative;
z-index: 0;
padding: 100px 0px 75px 0px;
overflow: hidden;
}
.funfact-section .section-title h2,
.work-process .section-title h2{color: var(--white);}
span.funfact-title {
color: #fff;
position: relative;
display: inline-flex;
}
.funfact-box {
background-color: #fff;
text-align: center;
padding: 30px;
margin-bottom:25px;
border-radius: 5px;
cursor: pointer;
position: relative;
}
.funfact-box:hover .funfact-icon i,
.funfact-box:focus-within.funfact-icon i {
animation: headShake 3s infinite;
}
.right-area-funfact {
margin-top: 40px;
position: relative;
}
.funfact-icon {
font-size: 36px;
margin-bottom: 20px;
background-color: var(--primary-color);
border-radius: 50%;
width: 60px;
height: 60px;
line-height: 60px;
box-shadow: var(--primary-color)2e 1px 0px 10px 15px;
display: inline-block;
color: #141414;
}
.funfact-box:hover .funfact-icon ,
.funfact-box:focus-within .funfact-icon,
.funfact-box.active .funfact-icon {
color: var(--white);
background-color: #141414;
}
.funfact-content h1 {
margin-bottom: 0px;
}
.left-area-funfact {
position: relative; text-align: center;
}
.left-image {
display: inline-block;
}
.ring {
position: relative;
display: inline-block;
}
.ring:before
{
content:'';
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:3px solid transparent;
border-top:3px solid var(--primary-color);
border-right:3px solid var(--primary-color);
border-radius:50%;
animation:animateC 20s linear infinite;
}
.funfact-effect-1
{
display:block;
position:absolute;
top:calc(50% - 2px);
left:50%;
width:50%;
height:4px;
background:transparent;
transform-origin:left;
animation:animate 20s linear infinite;
}
.funfact-effect-1:before
{
content:'';
position:absolute;
width:16px;
height:16px;
border-radius:50%;
background:var(--primary-color);
top:-6px;
right:-8px;
box-shadow:0 0 20px var(--primary-color);
}
@keyframes animateC
{
0%
{
transform:rotate(0deg);
}
100%
{
transform:rotate(360deg);
}
}
@keyframes animate
{
0%
{
transform:rotate(45deg);
}
100%
{
transform:rotate(405deg);
}
}
.section-element-funfact {
position: absolute;
bottom: 0px;
right: 0px;
} .circle {
border-radius: 100%;
box-shadow: none;
}
.circle:before, .circle:after {
border-radius: 100%;
}
.funfact-box {
border: 0;
box-sizing: border-box;
color: var(--primary-color);
font-size: inherit;
font-weight: 700;
position: relative;
vertical-align: middle;
overflow: hidden;
z-index: 1;
}
.funfact-content {
color: #141414;
}
.funfact-box {
position: relative;
overflow: hidden;
transition: 0.65s;
}
.funfact-box .fun-over {
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
background-color: var(--primary-color);
transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
transform: translate(-50%, -50%);
z-index: -1;
}
.funfact-box:hover .fun-over,
.funfact-box:focus-within .fun-over,
.funfact-box.active .fun-over{
width: 300%;
height: 700.5px;
} .main-slider-3 .item .cover .slider-content {
position: relative;
max-width: 744px;
margin-top: 199px;
}
.main-slider-3#main-slider .owl-nav .owl-prev,
.main-slider-3#main-slider .owl-nav .owl-next{
border-radius: 100px;
}
#main-slider.main-slider-3 .owl-nav [class*=owl-]:after{
border-radius: 100px;
}
.main-slider-3#main-slider .owl-nav .owl-prev,
.main-slider-3#main-slider .owl-nav .owl-next{
top: 54%;
transform: translate(0,-50%);
}
.main-slider-3#main-slider .owl-nav .owl-prev i,
.main-slider-3#main-slider .owl-nav .owl-next i{
width: 30px;
height: 30px;
border-radius: 5px;
background-color: var(--white);
color: #000;
line-height: 30px;
border-radius: 30px;
transition: 0.65s;
}
.main-slider-3#main-slider .owl-nav .owl-prev:hover i,
.main-slider-3#main-slider .owl-nav .owl-next:hover i{
background-color: var(--primary-color);
color: #000;
}
.main-slider-3 .owl-dots{
position: absolute;
left: 50%;
bottom: 4%;
transform: translate(-50%,0);
}
.main-slider-3 .owl-dots .owl-dot{
width: 10px;
height: 10px;
border-radius: 10px;
background-color: var(--white);
margin: 5px;
}
.main-slider-3 .owl-dots .owl-dot.active{
background-color: var(--primary-color);
}
.main-slider-3.slider-style-1 .item .cover .slider-content{
margin-top: 0;
}
.main-slider-3 .owl-dots{
display:none;
}
.main-slider-3 .slider-content.text-left {
margin-top: 185px;
}
.main-slider-3 .slider-content .slider-sub-title{
position: relative;
}
.main-slider-3 .slider-content .slider-sub-title:before{
content: '';
width: 100%;
height: 5px;
background-color: var(--primary-color);
position: absolute;
bottom: 0;
clip-path: polygon(0 0, 100% 41%, 100% 65%, 0 100%);
} .team-bg-image{
background: url(//www.hidrolikplatform.com/wp-content/themes/image/team/team-bg.jpg) center center fixed rgba(0,0,0,0.8);
}
.team-single{
background-color: #fff;
padding: 100px 0 75px;
}
.team-single .team-member{
margin-bottom: 63px;
} 
.team-section:not(.team-single) {
background-color:rgba(0, 0, 0, 0.6);
background-blend-mode: multiply;
background-size: cover;
padding: 100px 0 100px;
background-attachment: scroll;
color: #fff;
position:relative;
z-index: 1;
}
.team-content p {
color: black;
margin: 0;
}
.team-content h5 {
color: black;
font-size: 18px;
margin-bottom: 5px;
margin-top: 2px;
}
.team-image {
transition: 0.5s;
}
.team-member {
position: relative;
cursor: pointer;
}
.team-member {
width: 100%;
margin-bottom: 32px;
display: block;
border-radius: 5px;
}
.team-image {
width: 100%;
transition: 0.5s;
border: 2px solid #fff;
border-radius: 5px;
}
.team img {
height: 100%;
}
.team-section .team-image{
overflow: hidden;
}
.team-section .team-image img{
transition: 0.65s;
}
.team-member .team-image a{
width: 100%;
display: block;
}
.team-content {
z-index: 1;
position: absolute;
padding: 16px;
text-align: center;
display: block;
background-color: #fff;
border-radius: 5px;
left: 20px;
right: 20px;
bottom: -9%;
transition: 0.65s;
overflow: hidden;
-webkit-box-shadow: 0px 0px 31px -19px rgb(125 125 125 / 75%);
-moz-box-shadow: 0px 0px 31px -19px rgb(125 125 125 / 75%);
box-shadow: 0px 0px 31px -19px rgb(125 125 125 / 75%);
}
#team-section .widget-social-widget ul{
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 25px;
transform: translate(-50%, -50%);
left: 50%;
visibility: hidden;
padding: 0;
flex-wrap: wrap;
width: 100%;
padding: 0 0 15px;
overflow: hidden;
right: 0;
text-align: center;
margin: 0;
}
.team-one .widget-social-widget ul li a{
position: relative;
background-color: var(--primary-color);
color: #000;
margin-right: 5px;
transition: 0.65s;
}
#team-section .widget-social-widget ul li:last-child a{
margin-right: 0;
}
.team-one .widget-social-widget ul li a:hover:before,
.team-one .widget-social-widget ul li a:focus-within:before{
animation: sonarEffect 2s linear;
content: '';
position: absolute;
inset: 0;
border-radius: 40px;
}
.team-one .widget-social-widget ul li a:hover,
.team-one .widget-social-widget ul li a:focus-within{
background-color: var(--secondary-color);
color: var(--white);
}
.team-member:hover .widget-social-widget ul li,
.team-member:focus-within .widget-social-widget ul li,
.team-member.active .widget-social-widget ul li{
visibility: visible;
opacity: 1;
transition: all 0.3s ease-in-out;
}
.team-member .widget-social-widget ul li{
transform: translateY(100%);
transition-delay: 0ms;
visibility: hidden;
opacity: 0;
transition: all 1s;
}
.team-member:hover .widget-social-widget ul li:nth-child(1),
.team-member:focus-within .widget-social-widget ul li:nth-child(1),
.team-member.active .widget-social-widget ul li:nth-child(1){
transform: translateY(0%);
transition-delay: 0.2s;
}
.team-member:hover .widget-social-widget ul li:nth-child(2),
.team-member:focus-within .widget-social-widget ul li:nth-child(2),
.team-member.active .widget-social-widget ul li:nth-child(2){
transform: translateY(0%);
transition-delay: 0.4s;
}
.team-member:hover .widget-social-widget ul li:nth-child(3),
.team-member:focus-within .widget-social-widget ul li:nth-child(3),
.team-member.active .widget-social-widget ul li:nth-child(3){
transform: translateY(0%);
transition-delay: 0.6s;
}
.team-member:hover .widget-social-widget ul li:nth-child(4),
.team-member:focus-within .widget-social-widget ul li:nth-child(4),
.team-member.active .widget-social-widget ul li:nth-child(4){
transform: translateY(0%);
transition-delay: 0.8s;
}
.team-member:hover .widget-social-widget ul li:nth-child(5),
.team-member:focus-within .widget-social-widget ul li:nth-child(5),
.team-member.active .widget-social-widget ul li:nth-child(5){
transform: translateY(0%);
transition-delay: 1s;
}
.team-member:hover .widget-social-widget ul li:nth-child(6),
.team-member:focus-within .widget-social-widget ul li:nth-child(6),
.team-member.active .widget-social-widget ul li:nth-child(6){
transform: translateY(0%);
transition-delay: 1.2s;
}
.team-member:hover .widget-social-widget ul li:nth-child(7),
.team-member:focus-within .widget-social-widget ul li:nth-child(7),
.team-member.active .widget-social-widget ul li:nth-child(7){
transform: translateY(0%);
transition-delay: 1.4s;
}
.team-member:hover .team-content,
.team-member:focus-within .team-content,
.team-member.active .team-content {
background-color: var(--primary-color);
}
.team-member:hover .team-image,
.team-member:focus-within .team-image,
.team-member.active .team-image {
border: 2px solid var(--primary-color);
border-radius: 5px;
}
.section-element-team {
position: absolute;
bottom: 0;
right: 0;
}
.team-image img {
width: inherit;
height: 100%;
border-radius: 5px;
}
.header-3 .team-section .widget-social-widget ul li a:focus::before,
.header-3 .team-section .widget-social-widget ul li a:hover::before {
margin-left: 0;
background-color: var(--secondary-color);
color: #ffffff;
} @media(max-width: 390px){
.team-section .team-member{
margin-bottom: 65px;
}
}
@media(max-width: 490px){
.team-section .team-member{
margin-bottom: 80px;
}
}
@media(max-width: 575px){
.team-section .team-member{
margin-bottom: 95px;
}
}
@media only screen and (max-width: 991px) {
.team-content {
max-width:100%;
}
}
@media(max-width: 991px){	
.team-section .team-member{
margin-bottom: 70px;
}
.team-section:not(.team-single){
padding-bottom: 75px;
}	
}
.wp-block-code.has-background code {
background: inherit;
}
.wp-block-group .wp-block-embed,
.wp-block-group .wp-block-image {
padding: 1.563rem 1.000rem 1.563rem;
}
.wp-block-archives-dropdown select,
.wp-block-categories-dropdown select {
width: auto;
}
.widget .wp-block-group .wp-block-columns {
margin-bottom: 0;
}
.widget .wp-block-group .wp-block-rss li:last-child {
padding-bottom: 0;
}
ul.wp-block-page-list a {
text-decoration: none;
}
.sidebar .wp-block-group .is-nowrap {
margin: 1.563rem 1.000rem 1.563rem;
}
.sidebar .widget .wp-block-group .wp-block-latest-comments__comment-meta {
font-weight: 600;
line-height: 1.5;
}
.wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon {
height: 2em;
width: 2em;
}
.sidebar .widget .wp-block-group .is-layout-flow h2 {
border-left: 0 none;
}
.wc-block-components-product-title a,
.wc-block-components-product-title a:hover,
.wc-block-components-product-title a:focus {
text-decoration: none;
}
.wp-block-verse {
padding: 10px;
}
.wp-block-details summary { 
font-weight: 600;
}
.wp-block-calendar .wp-calendar-nav {
position: relative;
top: 0;
left: 0;
width: 100%;
}
.sidebar .widget .wp-block-group .wp-block-latest-comments,
.sidebar .widget .wp-block-group .wp-block-loginout,
.sidebar .widget .wp-block-group .wp-block-table,
.sidebar .widget .wp-block-group .wp-block-buttons {
padding: 1.563rem 1.000rem 1.563rem;
}
.wc-block-cart .wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title {
font-size: 24px;
line-height: 34px;
text-transform: capitalize;
margin-bottom: 15px;
}:root{
--primary-color: #FF9018;
--secondary-color: #141414;
--background: #100027;
--white: #fff;
--dark: #000;
--pc5: rgb(var(--primary-color) var(--primary-color) var(--primary-color)  / 50%);
}
.header.header-light .header-above-info{
background-color: var(--white);
}
.header.header-dark .header-above-info{
background-color: var(--secondary-color);
}
.header-above-info {
background-color: var(--secondary-color);
}
.btn-primary {
color: #141414;
background-color: var(--primary-color);
border-color: var(--bs-primary);
}
.btn-primary:hover {
color: var(--primary-color);
background-color: var(--bs-primary);
border-color: var(--bs-primary);
} 
.main-navigation ul li a{
color:var(--secondary-color);
} 
.navigation-area {
background-color: var(--primary-color);
}
span.slider-title {
background-color: var(--primary-color);
color:var(--secondary-color);
}
span.slider-sub-title {
color: var(--primary-color);
}
.abover-footer{
background-color: var(--primary-color);
color:var(--secondary-color);
}
.header-2 .main-navigation ul li a {
color: #fff;
}
.header-3 .header-above-info {
background-color:var(--primary-color);
}
.breadcrumb-heading {
color: var(--primary-color);
}
ol.breadcrumb-list li a:hover {
color: var(--primary-color);
}@media(max-width: 767px){
.left-area-funfact{
margin-bottom: 25px;
}
} @media(max-width: 991px) and (min-width: 768px){
.funfact-box{
padding: 20px;
}
.funfact-box .funfact-icon{
margin-bottom: 15px;
}
.funfact-box .funfact-content p{
margin-bottom: 10px;
}
.funfact-box .funfact-content h1{
margin-bottom: 0px;
font-size: 26px;
}
.breadcrumb-content{
margin-top: 45px;
}
}
@media only screen and (max-width: 767px){ .main-slider-3 .item .cover .slider-content h2 {
font-size: 26px; }
}
@media only screen and (max-width: 991px){ .middle-header-3 {
display: none;
} .main-slider-3 .item .cover .slider-content h2 {
font-size: 35px;
margin-top: -18px;
}
.main-slider-3 .slider-content p {
color: #fff;
font-size: 16px;
margin-bottom: 26px;
}
.main-slider-3 .item .cover .slider-content {
margin-top: 0px;
}
.main-slider-3 .home-slider .item img{
height: auto;
}
.main-slider-3.slider-style-1 .item img{
height: 600px;
object-fit: cover;
}
.main-slider-3.slider-style-2 .item img{
height: 750px;
object-fit: cover;
}
.main-slider-3.slider-style-3 .item img { object-fit: cover;
}
.slider-style-3 .item .cover .slider-content{ }
}
@media (max-width: 768px) { .main-slider-3 .item .cover .slider-content h2 {
font-size: 26px;
}
.main-slider-3 {
margin-top: 0px!important;
}
.main-slider-3 .item .cover .slider-content {
margin-top: 0px;
}
}
@media (min-width: 280px) and (max-width: 480px){ .main-slider-3 {
margin-top: 0px!important;
}
.main-slider-3 .slider-content p {
color: #fff;
font-size: 12px;
margin-bottom: 30px;
}
.main-slider-3 .item .cover .slider-content {
margin-top: 0px;
}
.main-slider-3 .item .cover .slider-content h2 { 
margin-top: -37px;
}
}
@media(max-width: 440px){ .main-slider-3 .home-slider .item img{
height: 238px;
}
}
@media(max-width: 319px) and (min-width: 280px){ .main-slider-3 .item .cover .slider-content h2{
font-size: 20px;
}
}#callnowbutton {
display: none;
}
@media screen and (max-width:650px) {
#callnowbutton:not(.cnb-displaymode),
#callnowbutton.cnb-displaymode-mobile-only {
display: block;
position: fixed;
text-decoration: none;
}
#callnowbutton.cnb-full.cnb-displaymode-mobile-only {
display: flex;
}
}
@media screen and (min-width:650px) {
#callnowbutton.cnb-displaymode-desktop-only {
display: block;
position: fixed;
text-decoration: none;
}
#callnowbutton.cnb-full.cnb-displaymode-desktop-only {
display: flex;
}
}
@media screen {
#callnowbutton.cnb-displaymode-always {
display: block;
position: fixed;
text-decoration: none;
}
#callnowbutton.cnb-full.cnb-displaymode-always {
display: flex;
}
} #callnowbutton.cnb-full {
justify-content: center;
align-items: center;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
width: 100%;
left: 0;
height: 60px;
}
.cnb-full.cnb-full-bottom {
bottom: 0;
}
.cnb-full.cnb-full-top {
top: 0;
}
#callnowbutton.cnb-single {
width: 55px;
height: 55px;
border-radius: 50%;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
background-position: center;
background-size:35px 35px;
background-repeat: no-repeat;
}
.cnb-single.cnb-middle {
bottom: 15px;
left: 50%;
margin-left: -28px;
}
.cnb-single.cnb-left {
bottom: 15px;
left: 20px;
}
.cnb-single.cnb-right {
bottom: 15px;
right: 20px;
}
.cnb-single.cnb-mleft {
top: 50%;
margin-top: -28px;
left: 20px;
}
.cnb-single.cnb-mright {
top: 50%;
margin-top: -28px;
right: 20px;
}
.cnb-single.cnb-tleft {
top: 15px;
left: 20px;
}
.cnb-single.cnb-tmiddle {
top: 15px;
left: 50%;
margin-left: -28px;
}
.cnb-single.cnb-tright {
top: 15px;
right: 20px;
} #callnowbutton.cnb-single.cnb-middle span,
#callnowbutton.cnb-single.cnb-tmiddle span {
display: none;
}
.cnb-single.cnb-left span,
.cnb-single.cnb-mleft span,
.cnb-single.cnb-tleft span {
left: 68px;
}
.cnb-single.cnb-right span,
.cnb-single.cnb-mright span,
.cnb-single.cnb-tright span {
right: 68px;
}
.cnb-single.cnb-text span {
-moz-osx-font-smoothing: grayscale;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
display: block;
width: auto;
background-color: rgba(70,70,70,.9);
position: absolute;
border-radius: 2px;
font-family: helvetica,arial,sans-serif;
padding: 6px 8px;
font-size: 13px;
font-weight: 700;
color: #ECECEC;
top: 15px;
box-shadow: 0 1px 2px rgba(0,0,0,.15);
word-break: keep-all;
line-height: 1em;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
}
.cnb-single:not(.cnb-text) span {
display: none;
}
.cnb-full.cnb-text {
text-align: center;
color: #FFF;
font-weight: 600;
font-size: 120%;
overflow: hidden;
white-space: nowrap;
}
.cnb-full.cnb-zoom-110 img,
.cnb-full.cnb-zoom-120 img,
.cnb-full.cnb-zoom-130 img {
transform-origin: right;
}
.cnb-single.cnb-zoom-70,
.cnb-full.cnb-zoom-70 img {
transform: scale(0.7);
}
.cnb-single.cnb-zoom-80,
.cnb-full.cnb-zoom-80 img {
transform: scale(0.8);
}
.cnb-single.cnb-zoom-90,
.cnb-full.cnb-zoom-90 img {
transform: scale(0.9);
}
.cnb-single.cnb-zoom-110,
.cnb-full.cnb-zoom-110 img {
transform: scale(1.1);
}
.cnb-single.cnb-zoom-120,
.cnb-full.cnb-zoom-120 img {
transform: scale(1.2);
}
.cnb-single.cnb-zoom-130,
.cnb-full.cnb-zoom-130 img {
transform: scale(1.3);
}
.cnb-full.cnb-zoom-70 span {
font-size: 70%;
}
.cnb-full.cnb-zoom-80 span {
font-size: 80%;
}
.cnb-full.cnb-zoom-90 span {
font-size: 90%;
}
.cnb-full.cnb-zoom-110 span {
font-size: 110%;
}
.cnb-full.cnb-zoom-120 span {
font-size: 120%;
}
.cnb-full.cnb-zoom-130 span {
font-size: 130%;
}
.cnb-zindex-10 {
z-index: 2147483647;
}
.cnb-zindex-9 {
z-index: 214748365;
}
.cnb-zindex-8 {
z-index: 21474836;
}
.cnb-zindex-7 {
z-index: 2147484;
}
.cnb-zindex-6 {
z-index: 214748;
}
.cnb-zindex-5 {
z-index: 21475;
}
.cnb-zindex-4 {
z-index: 2147;
}
.cnb-zindex-3 {
z-index: 215;
}
.cnb-zindex-2 {
z-index: 21;
}
.cnb-zindex-1 {
z-index: 2;
}