html {
-webkit-text-size-adjust: 100%;
}
html, body {
overflow-x: hidden;
}
a.pp_expand {
display: none !important;
}
h2 {
font-size: 21px !important;
}
.mmcanvas {position: absolute; top:200px; z-index: 9}
.content {position:fixed; display: block; top: 240px; } 
.content.homecanvas { } 
.content.aboutcanvas {} 
.highlighted {display: none;}
a.eltdf-side-menu-button-opener.eltdf-icon-has-hover.eltdf-side-menu-button-opener-icon-pack {
display: none;
}
.eltdf-portfolio-list-holder.eltdf-pl-hover-overlay .eltdf-pli-text-holder {
background-color: rgb(2 2 2 / 87%);
}
.eltdf-portfolio-list-holder article .eltdf-pli-text .eltdf-pli-category-holder a:after {
right: 2px;
}
#info {
position: absolute;
bottom: 40px;
right: 50px;
z-index: 99999;
opacity: 0;
}
#info.fade-in {
opacity: 1;
transition: 1s opacity;
}
#info.fade-out {
opacity: 0;
transition: 1s opacity;
}
canvas:focus {outline:none;}
.hide4mobile span.item_text {
display: none !important;
}
canvas {
background: #fff !important;
}
#mycanvas {width: 100% !important; height: 108vh !important; background: #fff !important;
margin-bottom: 0;}
#loading-screen {
position: absolute;
width: 100%;
height: 100%;
background: #fff !important;
}
#loading-screen.fade-in {
opacity: 1;
transition: 1s opacity; }
@-webkit-keyframes fadein {
0%   {
opacity:0
}
100% {
opacity:1;
}
}
@keyframes fadein {
0%   {
opacity:0
}
100% {
opacity:1;
}
}
#loading-screen.fade-out {  animation: fadeout 1s;
animation-delay:1s;
animation-fill-mode:forwards;
}
@-webkit-keyframes fadeout { 0%   {
z-index:2;
opacity:1;
}
100% {
opacity:0;
z-index:-1;
}
}
@keyframes fadeout { 0%   {
z-index:2;
opacity:1;
}
100% {
opacity:0;
z-index:-1;
}
} #loading-screen.zindex-1 {z-index: -1;}
#loading-screen.zindex-0 {z-index: 0;}
.gooey { position: absolute;
top: 45%;
left: 50%;
width: 142px;
height: 40px;
margin: -20px 0 0 -71px;
background: white;
filter: contrast(20);}
.dot {position: absolute;
width: 10px;
height: 10px;
top: 12px;
left: 15px;
filter: blur(4px);
background: #000;
border-radius: 50%;
transform: translateX(0);
animation: dot 2.8s infinite;}
.dots { transform: translateX(0);
margin-top: 12px;
margin-left: 31px;
animation: dots 2.8s infinite;}
.dots span {
display: block;
float: left;
width: 10px;
height: 10px;
margin-left: 10px;
filter: blur(4px);
background: #000;
border-radius: 50%;
}
@keyframes dot {50% {transform: translateX(60px)}
}
@keyframes dots {50% {transform: translateX(-31px)}
}
#loader {
display: block;
position: relative;
left: 50%;
top: 0%;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #9370DB;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
0%   {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0%   {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opener-icon-pack .eltdf-mobile-menu-icon {
font-size: 35px;
}
.eltdf-mobile-header .eltdf-mobile-nav {
padding-bottom: 5px;
}
.eltdf-main-menu ul li a i:before {
margin: 0 0px 0 0;
}
.mc4wp-alert.mc4wp-error {
float: left;
}
body .pp_pic_holder a.pp_arrow_next:hover, body .pp_pic_holder a.pp_arrow_previous:hover, body .pp_pic_holder a.pp_close:hover {
color: #56c7c9;
}
.brands-col {padding-left:200px; padding-right:200px}
img.attachment-full.size-full.lazyautosizes.lazyloaded {
border-radius: 10px !important;
background: #f7f7f7;
}
footer img.attachment-full.size-full.lazyautosizes.lazyloaded {
background: transparent !important;
}
.vc_row.wpb_row.vc_row-fluid.wpb_animate_when_almost_visible{
border-radius: 10px !important;
margin:0 !important;
width: 100% !important;
left: 0 !important;
background: #f7f7f7;
}
.eltdf-single-image-holder.eltdf-image-behavior-lightbox {
background: #f7f7f7 !important;
border-radius: 10px !important;
}
.eltdf-ig-image-inner {
border-radius: 10px !important;
}
.wpforms-field-row.wpforms-field-medium, input#wpforms-14145-field_1, input#wpforms-14145-field_1 {
max-width: 100% !important;
}
input#wpforms-14145-field_0, input#wpforms-14145-field_0-last, input#wpforms-14145-field_1 {
border-radius: 50px !important;
}
textarea#wpforms-14145-field_2 {
border-radius: 25px !important;
}
#eltdf-back-to-top span span:before {
color: #101010;
}
button#wpforms-submit-14145 {
border-radius: 50px;
padding: 12px 40px;
background: #f7f7f7;
border-color: #f7f7f7;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
}
.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
background: #a6fff8;
border: 1px solid #a8e0dc;
} .footer-tags {
border: 1px solid #f7f7f7;
background: #f7f7f7;
padding: 5px 20px;
border-radius: 25px;
margin-bottom: 10px;
display: inline-block;
font-weight: 600;
font-size: 12px;
}
.footer-tags:hover {
color: #090909;
border-color: #7b7b7b;
}
#eltdf-back-to-top>span {
background-color: #f7f7f7 !important;
border-color: #f7f7f7 !important;
}
.vc_video-bg {
height: 99%;
}
.about-links:hover, input.wpcf7-form-control.wpcf7-submit:hover, .eltdf-breadcrumbs a:hover {text-decoration: underline !important;
color:#090909 !important;}
.eltdf-ps-next a:hover, .eltdf-ps-prev a:hover {
color: #adadad !important;
border: 1px solid #adadad !important;
}
span.eltdf-square-item.eltdf-square-item-tl:hover, span.eltdf-square-item.eltdf-square-item-tr:hover, span.eltdf-square-item.eltdf-square-item-br:hover, span.eltdf-square-item.eltdf-square-item-bl:hover {
background-color: #adadad !important;
}
a.eltdf-share-link {
padding: 6px;
}
a.eltdf-share-link:hover {
color: #adadad;
}
a.home-links:hover {
color: #adadad;
}
textarea.wpcf7-form-control.wpcf7-textarea {
border-radius: 10px;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
border-radius: 25px;
}
span.vc_bar.animated.striped {
border-radius: 25px;
}
.vc_single_bar small.vc_label {
font-weight: 700;
margin-left: 15px;
}
.vc_progress_bar .vc_single_bar {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.eltdf-pl-loading>div {
background-color: #a6fff8;
margin-top:-50px;
}
.eltdf-mobile-logo-wrapper {
margin-top: -5px;
}
.eltdf-mobile-menu-opener.eltdf-mobile-menu-opener-icon-pack {
left: -10px;
}
.vc_row.wpb_row.vc_row-fluid.wpb_animate_when_almost_visible.wpb_bottom-to-top.bottom-to-top {
min-height: 100vh !important;
}
.eltdf-pl-filter-holder ul li {
padding: 0 5px !important;
}
.eltdf-wrapper {
margin-top: -70px !important;
}
.eltdf-main-menu>ul>li>a>span.item_outer:after {
left: 0;
width: 100%;
}
.eltdf-mobile-header {
margin-top: 80px;
}
.eltdf-title-holder.eltdf-title-full-width .eltdf-grid {
padding: 0;
}
.eltdf-main-menu>ul>li>a {
padding: 0 0 0 24px;
}
.eltdf-iwt-title-text {
text-transform:uppercase;
}
h3 .eltdf-iwt-title-text {
font-weight:700;
}
.eltdf-ps-info-item.eltdf-ps-social-share {display:none !important}
a.home-links {
font-size: 18px;
line-height: 1.5em;
color: #929292;
display: block;
width: 50%;
padding-left: 10px;
}
a.home-links.home-active {
text-decoration: none;
color: #0a0a0a;
border: 1px solid #f7f7f7;
background: #f7f7f7;
max-width: 200px;
padding: 7px 25px;
border-radius: 25px;
width: auto;
margin: 7px 0px;
display: inline-block;
font-weight: 700;
}
a.home-links.home-active:hover {
text-decoration: none;
}
a.home-links:hover {
text-decoration: underline;
}
.wpb_wrapper p {
font-size: 17px !important;
line-height: 1.3em;
}
.eltdf-portfolio-list-holder article .eltdf-pli-text .eltdf-pli-category-holder a {
font-weight: 600;
text-transform: none;
font-size: 90%;
}
.eltdf-portfolio-list-holder.eltdf-pl-hover-overlay article .eltdf-pli-text .eltdf-pli-category-holder a {
color: #868686;
font-family: inherit;
}
.eltdf-breadcrumbs a {
padding: 3px 0px;
}
.eltdf-widget-title {color:#000 !important;}
.input-form-btm {width: 34% !important;
float: left;
margin-right: 20px !important;}
.eltdf-portfolio-list-holder.eltdf-pl-hover-overlay article .eltdf-pli-text .eltdf-pli-category-holder a:hover {
color: #56c7c9;
}
.eltdf-portfolio-list-holder article .eltdf-pli-text .eltdf-pli-category-holder {
line-height: 1em;
margin-top:10px;
}
#media_image-4 {
opacity: 0.5;
}
.eltdf-page-footer .eltdf-footer-top-holder .eltdf-footer-top-inner.eltdf-full-width {
padding: 60px 0px 26px;
}
#media_image-4 img.image.wp-image-12816.attachment-full.size-full {
width: 20% !important;
}
.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner {
padding-top: 30px;
}
.eltdf-grid-col-6 .eltdf-ps-button-holder {
display:none;
}
.home-banner0 {
border-bottom: 20px solid #ffffff;
border-top: 20px solid #ffffff;
}
.eltdf-single-image-holder .eltdf-si-inner a, .eltdf-single-image-holder .eltdf-si-inner img {
width: 100%; border-radius: 10px !important;
}
::selection {
background: #a6fff8;
color: #252525;
}
div.wpforms-container-full .wpforms-form .wpforms-required-label {
color: #464646;
}
.eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opened a {
color: #b7b7b7 !important;
}
.eltdf-mobile-header .eltdf-mobile-nav .eltdf-grid>ul>li.eltdf-active-item>a, .eltdf-mobile-header .eltdf-mobile-nav .eltdf-grid>ul>li.eltdf-active-item>h6, .eltdf-mobile-header .eltdf-mobile-nav ul li a:hover, .eltdf-mobile-header .eltdf-mobile-nav ul li h6:hover, .eltdf-mobile-header .eltdf-mobile-nav ul ul li.current-menu-ancestor>a, .eltdf-mobile-header .eltdf-mobile-nav ul ul li.current-menu-ancestor>h6, .eltdf-mobile-header .eltdf-mobile-nav ul ul li.current-menu-item>a, .eltdf-mobile-header .eltdf-mobile-nav ul ul li.current-menu-item>h6 {
color: #000000 !important;
}
span.mobile_arrow {
display: none;
}
@media only screen and (max-width: 1440px) {#media_image-4 img.image.wp-image-12816.attachment-full.size-full {
width: 26% !important;
}
.brands-col {padding-left:70px; padding-right: 70px}
}
@media only screen and (max-width: 1024px) {
.eltdf-title-holder.eltdf-title-va-header-bottom {
padding: 0px 20px;
}
.empty-header {
height:40px !important;
}
.eltdf-normal-space .eltdf-outer-space .eltdf-item-space {
margin: 0 0 15px;
padding: 0 7px;
}
.eltdf-page-footer {
padding: 0px 20px;
margin-bottom:40px;
}
.empty-80{height:20px !important}
.empty-80.empty-80-2{height:40px !important}
.empty-80.empty-about {height:40px !important}
.eltdf-title-holder.eltdf-standard-with-breadcrumbs-type .eltdf-breadcrumbs-info {
line-height: 1.1em;
width: 90%;
}
.hide4mobile {display: none;}
}
@media only screen and (max-width: 960px) {
.input-form-btm { width: 95% !important;
margin: 10px auto !important;
display: inherit;
float:none;}
.input-form-btn {
width: 95% !important;
margin: 0 auto;
display: inherit;
}
.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner {
padding-top: 7px;
}
}
@media only screen and (max-width: 480px) {
.empty-80{height:20px !important}
.empty-80.empty-80-2{height:0px !important}
#media_image-4 img.image.wp-image-12816.attachment-full.size-full {
width: 40% !important;
}
.eltdf-normal-space .eltdf-outer-space .eltdf-item-space {
margin: 0 0 15px;
padding: 0 15px;
}
.eltdf-title-holder .eltdf-title-wrapper .eltdf-breadcrumbs {
font-size: 90%;
}
.vc_column_container>.vc_column-inner {
padding-left: 15px;
padding-right: 15px;
}
.vc_row.wpb_row.vc_row-fluid.wpb_animate_when_almost_visible {
margin: 0 auto !important;
width: 95% !important;
}
}
h3.eltdf-pli-title.entry-title {
border: 1px solid #b5b5b5;
border-radius: 50px;
margin: 0 auto !important;
color: #ffffff;
width: auto;
display: inline-block;
padding: 10px 30px;
}
a.eltdf-side-menu-button-opener.eltdf-icon-has-hover.eltdf-side-menu-button-opener-svg-path {
display: none;
}
a.eltdf-search-opener.eltdf-icon-has-hover.eltdf-search-opener-icon-pack {
display: none;
}
h1.eltdf-page-title.entry-title {
font-weight: 700 !important;
}
.eltdf-content {
margin-top: -90px !important;
}
.eltdf-main-menu>ul>li>a {
letter-spacing: 0 !important;
}
.eltdf-pl-filter-holder ul li span {
text-transform: none !important;
}  .eltdf-pe-holder .eltdf-pe-list-items .eltdf-pe-item-icon {
color: #9c9c9c !important;
}
.eltdf-pe-holder .eltdf-pe-title {
line-height: 1.1em;
font-weight: 600;
}
.eltdf-loader-title-spinner .edgtf-loader-title-spinner-text.eltdf-show-title>span {
font-weight: 900 !important;
font-size: 30px !important;
letter-spacing: 0px !important;
}
.eltdf-title-holder {
background-color: transparent!important;
}
.eltdf-title-holder .eltdf-title-wrapper {
height: 80px !important;
margin-top: 30px;
}
.eltdf-title-holder {
height: 200px !important;
}
span.eltdf-ps-info-title {
font-size: 16px !important;
}
.eltdf-ps-info-item.eltdf-ps-categories {
font-size: 14px;
line-height: 1.3em;
font-weight: 400;
}
a.eltdf-ps-info-category {
color:#808080;
}
.eltdf-ps-navigation .eltdf-ps-next a, .eltdf-ps-navigation .eltdf-ps-prev a {
border-radius: 50px;
}
.eltdf-pl-filter-holder ul {
vertical-align: middle;
margin: 0;
padding: 0;
list-style: none;
text-align: left;
width: 50%;
line-height: 1.3em;
float: left;
margin-bottom: 50px !important;
}
.eltdf-pl-filter-holder ul li span {
font-weight: 400 !important;
letter-spacing: 0 !important;
color: #9e9e9e !important;
font-size: 14px !important;
text-transform: uppercase;
line-height: 14px !important;
}
.eltdf-pl-filter-holder ul li.eltdf-pl-current span, .eltdf-pl-filter-holder ul li:hover span, .eltdf-pl-standard-pagination ul li.eltdf-pl-pag-active a {
color: #000 !important;
}
.eltdf-pl-filter-holder ul li.eltdf-pl-current span {
color: #fff !important;
}
.eltdf-pl-filter-holder ul li.eltdf-pl-current span:after {
content: '';
position: absolute;
height: 20px;
width: 100%;
background: #c3c3c3;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
transition: 0.3s all ease;
opacity: 1;
z-index: -1; display: inline-block;
padding: 0px 5px;
}
.eltdf-main-menu>ul>li>a>span.item_outer:after {
content: ''; }
.head-projects h1 {
font-size:50px;
margin-bottom:50px;
font-weight: 700 !important; 
}
.eltdf-pi-text {
font-size: 50px;
line-height: 1em;
letter-spacing: 0 !important;
font-weight: 500 !important; }
h1.head-mono {
font-size: 47px;
line-height: 1em;
font-weight: 700 !important; }  p.home-p {
line-height: 1.3em;
color: #afafaf;
margin-bottom: 50px !important;
font-size: 15px;
}
.icon_box-checked:before {
content: "\e046" !important;
}
.eltdf-st-loader .pulse_circles .ball, .eltdf-owl-slider+.eltdf-slider-thumbnail>.eltdf-slider-thumbnail-item.active img, #eltdf-back-to-top>span {
border-radius: 50px;
}
.round-btn {
border-radius: 50px;
}
.eltdf-btn.eltdf-btn-icon>i, .eltdf-btn.eltdf-btn-icon>span:not(.eltdf-btn-text) {
margin-top:-2px !important;
}
.home-dark-section h1.eltdf-pe-title {
color: #ffffff;
}
.home-dark-section p, .home-dark-section li {
color: #afafaf;
}
.home-dark-section .eltdf-pe-section.eltdf-pe-slider-holder {
background: #000000 !important;
}
.eltdf-light-header .eltdf-page-header>div:not(.eltdf-sticky-header):not(.fixed) .eltdf-main-menu>ul>li.eltdf-active-item>a {
color: rgb(255, 255, 255) !important;
}
.footer-link {
color:#fff;
}
.eltdf-page-footer .eltdf-footer-top-holder .eltdf-footer-top-inner.eltdf-grid {
padding: 90px 0 90px !important;
}
nav .second {
display: none !important;
}
.eltdf-single-image-holder.eltdf-image-behavior-lightbox .eltdf-si-inner a:after {
background-color: transparent!important;
}
.eltdf-btn.eltdf-btn-solid {
color: #0a0a0a;
background-color: #f7f7f7 !important;
border: 1px solid transparent;
border-radius: 50px;
font-weight: 700;
letter-spacing: 0;
}
.eltdf-btn.eltdf-btn-solid:not(.eltdf-btn-custom-border-hover):hover {
color: #090909 !important;
border-color: #7b7b7b !important;
background-color: #f7f7f7 !important;
}
.eltdf-portfolio-list-holder article .eltdf-pli-text .eltdf-pli-title {
font-weight: 700;
letter-spacing: 0;
text-align: center;
font-size: 15px; }
.eltdf-page-footer .eltdf-footer-bottom-holder, .eltdf-page-footer .eltdf-footer-top-holder {
background-color: #ffffff !important;
}
.eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opened a {
color: #9c9c9c !important;
}
.eltdf-portfolio-list-holder.eltdf-pl-info-below .eltdf-pli-text-holder .eltdf-pli-text .eltdf-pli-category-holder {
display: none;
}
.eltdf-pl-item-inner {
border-radius: 10px !important;
}
input.input-form-btn {
border: 1px solid #343434;
border-radius: 25px;
background: #fff;
max-height: 43px;
line-height: 1em;
}
input.input-form-btm {
border-radius: 25px;
}
.cat-row {
display: flex;
}
.eltdf-grid-row.eltdf-footer-top-alignment-left {
display: flex;
}
@media only screen and (max-width: 1440px) {
.eltdf-pl-filter-holder ul li {
padding: 0 1px !important;
margin-bottom: 0px !important;
}
}
@media only screen and (max-width: 1024px) {
.eltdf-content {
margin-top: 0px !important;
}
.vc_row.wpb_row.vc_row-fluid.wpb_animate_when_almost_visible.wpb_bottom-to-top.bottom-to-top {
min-height: 500px !important;
}
.brands-col {padding-left:50px; padding-right:50px}
}
@media only screen and (max-width: 768px) {
.eltdf-pe-holder .eltdf-pe-content {
padding: 15% !important;
}
h1.head-mono {
font-size: 35px;
line-height: 1em;
font-weight: 700 !important;
}
.head-projects h1 {
font-size: 35px !important;
}
.eltdf-pl-filter-holder ul {
width: 100%;
}
.brands-col {padding-left:20px; padding-right: 20px}
.brands-col .vc_column_container {    width: 50%;
display: inline-block;
padding: 10px 0px !important;}
.brands-col .brands-last.vc_column_container { margin: 0 auto; display: block;}
}
@media only screen and (max-width: 480px) {
.home-banner0 {display: none !important}
.vc_row.wpb_row.vc_row-fluid.wpb_animate_when_almost_visible.wpb_bottom-to-top.bottom-to-top {
min-height: 300px !important;
}
article.eltdf-pl-item {
width: 100% !important;
}
.cat-row {
flex-direction:column-reverse;
}
.eltdf-grid-row.eltdf-footer-top-alignment-left {
flex-direction:column-reverse;
border-top: solid 1px #e4e4e4;
}
#media_image-4 {
margin-top: 30px;
}
.vc_row-fluid.cat-row {
padding-bottom: 50px !important;
}
.eltdf-page-footer .eltdf-footer-top-holder .eltdf-footer-top-inner.eltdf-full-width {
padding: 0px 0px 26px;
}
.eltdf-ps-full-width-custom-layout .eltdf-ps-navigation {
margin-top: 0;
}
.vc_row.wpb_row.vc_row-fluid {
left: 0px !important;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
}