.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}#hero {		
width:100%;
height:auto;
position:relative;
z-index:20;
overflow:hidden;
}
#hero.has-image {
z-index:2;
overflow:hidden;
}
#hero-styles {
position: relative;
width: 100%;
height:auto;
top: 0;
left: 0;
right: 0;
display: block;
margin: 0 auto;
z-index:2;		
}
#hero.has-image #hero-styles {
position: relative;
height:auto;
}
#hero-caption {
display: flex;
align-items: center;
width: 100%;
height:auto;
padding-top:80px;
padding-bottom:120px;
margin: 0 auto;
position: relative;
box-sizing: border-box;	
text-align:left;
pointer-events:initial;	
}
#hero-caption.text-align-center {
justify-content: center;
}
#hero-caption.height-title {
height: 100vh;
padding-top:80px;
padding-bottom:80px; 
}
#hero #hero-caption.no-padding-bottom {
padding-bottom:0;
}
#hero.has-image #hero-caption {
align-items: center;
justify-content: center;
height:100vh;
padding-top:80px;
padding-bottom:80px;
}
#hero.has-image #hero-caption.align-start {
align-items: flex-end;
justify-content: flex-start;
}
#hero #hero-caption .inner {
display: block;
width: auto;
height: auto;
}
#hero-caption.text-align-center .inner {
text-align:center;
}
#hero.has-image #hero-caption .inner {
-webkit-transform: scale(1);
transform: scale(1);
transform-origin: bottom left;	
}
#hero.has-image #hero-caption.align-start .inner {
-webkit-transform: scale(0.5);
transform: scale(0.5);	
}
#hero-image-wrapper {
position: absolute;
width: 100vw;
height: 100vh;
z-index: 0;
margin: 0 auto;
left: 0;
top:0;
right: 0;
}
#hero-background-layer {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:0;
overflow:hidden;
}
#hero-bg-image {
background-size:cover;
position:absolute;
background-position:center center;
width:100%;
height:100%;
z-index:0;
opacity:0;
overflow:visible;
image-rendering: pixelated;
}
.load-project-page #hero-bg-image, .load-next-project #hero-bg-image, .load-project-thumb-with-title #hero-bg-image {
opacity:1!important;
-webkit-transform: scale(1.02);
transform: scale(1.02);	
}
.hero-title {
font-size: calc(1rem + 24.15vw);
line-height: calc(1rem + 22vw);
font-weight: 500;
position: relative;
display:block;
width:auto;
overflow:hidden;
padding: 0;
margin-bottom:0;
margin-left:-0.6vw;
color:#000;		
}
.text-align-center .hero-title {
margin-left:0;
}
.height-title .hero-title {
position:relative;
overflow:visible;
white-space: nowrap;
}
.height-title .hero-title div {
display:inline-block;
}
.hero-title span {
opacity:0;
display: block;
margin-top:0;
min-width:3vw;
transform: translateY(160px);
-webkit-transform: translateY(160px);
}
.height-title .hero-title span {
box-sizing:border-box;
display:inline-block;
transform-origin: bottom center;
}
.light-content .hero-title {
color:#fff;		
}
.change-header .hero-title {
color:#000;		
}
.hero-subtitle {
font-size: 18px;
font-weight:400;
line-height:24px;
margin-top:50px;
width: 100%;
z-index: 10;		
position:relative;
display:block;
overflow:hidden;
margin-left: 0px;
color:#000;
opacity:0.4;
}
.subtitle-padding-left .hero-subtitle {
margin-left:0;
margin-right:0;
box-sizing:border-box;
padding-left:50%;
text-align:left;
}
.hero-subtitle span {
position:relative;
display:block;
opacity:0;
transform: translateY(60px);
-webkit-transform: translateY(60px);
}
.inline-title .hero-subtitle span {
display: inline-block;
}
.light-content .hero-subtitle {
color: #fff;
}
.change-header .hero-subtitle {
color: #000!important;
}
.hero-arrow {
width: 36px;
height: 50px;
position: absolute;
bottom: 50px;
left: 80px;
right: auto;
margin: 0;
display: flex;
background: transparent;
justify-content: center;
align-items: center;
}
.text-align-center .hero-arrow {		
left: 0;
right: 0;
margin: auto;
}
.hero-arrow span {
position:relative;
height:100%;
width:100%;
opacity: 0;
display: flex;
box-sizing:border-box;
background: transparent;
justify-content: center;
align-items: center;
transform: translateY(30px);
-webkit-transform: translateY(30px);
border-radius: 50px;
border: 2px solid rgba(0,0,0,0.4);
cursor:pointer;
-webkit-transition: border 0.2s ease-in-out 0s;
transition: border 0.2s ease-in-out 0s;
}
.hero-arrow:hover span {
border: 2px solid rgba(0,0,0,1);
}
.light-content .hero-arrow span {
border: 2px solid rgba(255,255,255,0.5);
}
.light-content .hero-arrow:hover span {
border: 2px solid rgba(255,255,255,1);
}
.hero-arrow i.arrow-icon {
border: solid #000;
border-width: 0px 3px 3px 0px;
box-sizing: border-box;
display: block;
position: relative;
top: 0px;
left: 0px;
height: 20px;
width: 20px;
transform: rotate(45deg) scale(0.5);
}
#hero-footer {
position: absolute;
width: 100%;
padding: 28px 80px;
box-sizing: border-box;
bottom: 0;
left: 0;
font-weight: 500;
font-size: 14px;
line-height:60px;
color:#222;
}
#hero-footer.has-border::after {
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
width:100%;
height:1px;
opacity:0;
background-color:rgba(0,0,0,0.15);
transform: scaleX(0);
transform-origin: center;
transition: all 0.3s ease-out 0s;
}
.light-content #hero-footer.has-border::after {
background-color:rgba(255,255,255,0.15);
}
#hero-footer.has-border.visible::after {
opacity:1;
transform: scaleX(1);
}
.light-content #hero-footer {
color:#fff;
}
#hero-footer:after {
content: "";
clear: both;
display: table;
}
.hero-footer-left {
float:left;
opacity:0;
cursor:pointer;
transform: translateY(10px);
-webkit-transform: translateY(10px);
}
.hero-footer-right {
float:right;
opacity:0;		
transform: translateY(10px);
-webkit-transform: translateY(10px);
}
.no-grid-option .hero-footer-right {
float:none;
}
#hero-description {
position:relative;
display: table;
width: 100%;
height: auto;
padding-top: 20px;
padding-bottom: 200px;
margin: 0 auto;
box-sizing: border-box;
pointer-events: initial;
}
#hero-description .inner {
padding-right:55%;
}
#hero-description p {
color:#000;
}
.light-content #hero-description p {
color: #fff;
}
#share {
top:-3px;
right: -10px;
position: relative;
font-size:14px;
}
#share::before {
position: absolute;
top: 0;
left: -140px;
content: attr(data-text);
width: 120px;
text-align:right;
}
#share .parallax-wrap {
width: 50px;
height: 60px;
display: flex;
position: relative;
justify-content: center;
align-items: center;
float: left;
}
.jssocials-share-link i {
opacity:0;
}
.jssocials-share-facebook a:before {
content:"Fb";
position:absolute;
}
.jssocials-share-linkedin a:before {
content:"Li";
position:absolute;
}
.jssocials-share-twitter a:before {
content:"Tw";
position:absolute;
}
.jssocials-share-pinterest a:before {
content:"Pn";
position:absolute;
}
.jssocials-share-stumbleupon a:before {
content:"St";
position:absolute;
}
.jssocials-share-whatsapp a:before {
content:"Wa";
position:absolute;
}
.jssocials-share-viber a:before {
content:"Vb";
position:absolute;
}
.jssocials-share-email a:before {
content:"Em";
position:absolute;
}
.jssocials-share-vkontakte a:before {
content:"Vk";
position:absolute;
} #main {
position:relative;
opacity:0;
user-select: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none;
}
.load-project-page #main, .load-next-project #main, .load-next-page #main {
opacity:1;
}
#main-content, #main-content-bg {
position:relative;
opacity:1;
z-index:10;		
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
#main-page-content {
position: relative;
box-sizing:border-box;
opacity: 0;
width:100%;
margin:0 auto;
margin-bottom: 0;
overflow:hidden;
max-width:none;
}
#main-page-content::after {
clear: both;
content: " ";
display: table;
}
#main-page-content.project-page {
margin-bottom: calc(200vh - 120px);
}
.hero-below-caption #main-page-content.project-page {
margin-bottom: calc(200vh - 120px);
}
#main-content.portfolio-page {		
overflow:hidden;		
}
#main-content.portfolio-page #main-page-content {
overflow:visible;
width:100%;
max-width:none;
padding:0;
} #page-nav {
height: auto;
width: 100%;
color: #000;
position: relative;
margin-bottom: 0;
opacity:0;
overflow:hidden;
}
.light-content #page-nav {
color: #fff;
}
.page-nav-wrap {
position: relative;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 3;
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
.page-nav-caption {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
margin: 0 auto;
padding-top: 180px;
padding-bottom: 130px;
margin: 0 auto;
height: 100%;
top:0;
opacity:0;
position: relative;
box-sizing: border-box;
}
.page-nav-caption.text-align-center {
justify-content: center;
}
.page-nav-caption.height-title {
height: calc(100vh - 120px);
padding-top:80px;
padding-bottom:80px; 
}
#page-nav .inner {
display: block;
width: auto;
height: auto;
text-align:left;
}
#page-nav .text-align-center .inner {
text-align:center;
}
.page-title {
margin:0;
width:auto;
z-index:10;
color:#000;
position:relative;
display:table;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.text-align-center .page-title {
margin:0 auto;
}
.light-content .page-title {
color:#fff;
}
.next-hero-title {
font-size: calc(1rem + 24.15vw);
line-height: calc(1rem + 14.5vw);
font-weight: 500;
position: relative;
display:block;
width:auto;
overflow:hidden;
padding: 0;		
margin-top:0px;
margin-left:-0.6vw;
color:#000;				
}
.height-title .next-hero-title {
position:relative;
overflow:visible;
white-space: nowrap;
}
.text-align-center .next-hero-title, .text-align-center .next-hero-subtitle {
display:table;
width:auto;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.height-title .next-hero-title div {
display:inline-block;
}
.next-hero-title span {
display: block;
min-width:3vw;
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
.height-title .next-hero-title span {
box-sizing:border-box;
display:inline-block;
transform-origin: top center;
}
.light-content .next-hero-title {
color:#fff;		
}
.change-header .next-hero-title {
color:#000;		
}
.next-hero-subtitle {
font-size: 18px;
font-weight:400;
line-height:30px;
margin-top:0px;
margin-bottom:40px;
width: 100%;
z-index: 10;		
position:relative;
display:block;
overflow:hidden;
margin-left: 0px;
color:#000;
opacity:0.4;
}
#page-nav .next-hero-subtitle {
margin-top: 0px;
margin-bottom:50px;
}
.next-hero-subtitle span {
position:relative;
display:block;
}
.inline-title .next-hero-subtitle span {
display: inline-block;
}
.light-content .next-hero-subtitle {
color: #fff;
}
.change-header .next-hero-subtitle {
color: #000;
} #project-nav {
height: 200vh;
width: 100%;
color: #fff;
position: absolute;
margin-bottom: 0;
bottom: -200vh;
overflow:hidden;
}
#project-nav.change-header {
color: #000;
background-color:#fff;
}
.dark-content #project-nav.change-header {
color: #fff;
background-color:#000;
}
.next-project-wrap {
display: table;
width: 100%;
margin: 0 auto;
height: 50%;
position: absolute;
box-sizing: border-box;
opacity:1; z-index:10;
}
.hero-below-caption .next-project-wrap {
top:0;
}
.next-project-image-wrapper {
position: absolute;
width: 100vw;
height: 100%;
top:0;
left:0;
opacity:1;
}
.next-project-image-wrapper.temporary {
position:fixed;
}
.next-project-image-wrapper.active {
opacity:1;
}
.next-project-image {
position: absolute;
top:0;
opacity:1;
left: 0;
right:0;
margin:0 auto;
height: 100%;
width: 100%;
overflow:hidden;
clip-path: inset(100% 0% 0% 0%);		
-webkit-transform: scale(1.25) rotate(-5deg);
transform: scale(1.25) rotate(-5deg);	
}
.load-project-thumb-with-title .next-project-image {
z-index:10;
}
.next-project-image.temporary {
top:0px!important;
}
.next-project-image.visible {
opacity:1!important;
clip-path: inset(0 0%)!important;
-webkit-transform: scale(1.02) rotate(0)!important;
transform: scale(1.02) rotate(0)!important;	
}
.next-project-image-bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-size: cover;
background-position:center center;
background-repeat: no-repeat;
z-index:1;
-webkit-transform: scale(1);
transform: scale(1);	
}
.next-project-image.visible .next-project-image-bg {
opacity:1!important;
top: 0!important;	
}
.all-works {
position: absolute;
top: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: auto;
margin: 0 auto;
margin-top: 25px;
display: table;
z-index:100;
}
.all-works::after {
content: "";
position: absolute;
height: 100%;
top: 0;
left: 0px;
line-height: 30px;
opacity: 1;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s;
width: 100%;
border: 2px solid #fff;
border-radius: 30px;
box-sizing: border-box;
clip-path: inset(50% 0% );
pointer-events: none;
}
.change-header .all-works::after {
border: 2px solid #000;
}
.dark-content .change-header .all-works::after {
border: 2px solid #fff;
}
.all-works:hover::after {
clip-path: inset(0% 0% );
}
.all-works span, .all-works span::before {
padding:0 16px;
}
.next-project-caption {
position:absolute;
display: table;
left:0;
right:0;
margin: 0 auto;
width: 100%;
height: 100%;
box-sizing: border-box;
padding-top:20px;
padding-bottom: 20px;
}
.next-caption-wrapper {
display: table-cell;
box-sizing: border-box;
vertical-align: middle;
text-align:left;
position:relative;
}
#project-nav .caption-wrapper {
position: relative;
display: table;
margin: 0;
}
#project-nav .text-align-center .caption-wrapper {
margin: 0 auto;
text-align:center;
}
.next-caption {
display:table;
position:relative;
z-index:1;
-webkit-transform: scale(1);
transform: scale(1);
transform-origin: center center;		
}
.text-align-center .next-caption {
margin: 0 auto;
text-align:center;
}	
#project-nav .next-ajax-link-project {
display: block;
margin: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 10;
top: 0;
left: 0;
}
.next-ajax-link-project.auto-trigger {
pointer-events:none;
}
.disable-ajaxload .next-ajax-link-project.auto-trigger {
pointer-events:initial;
}
.next-hero-counter {
position: absolute;
height: 20px;
width:30px;
text-align:right;
top:6px;
right:-45px;
overflow:hidden;
opacity:0;
}
.next-hero-counter span {
position:absolute;
display:block;
font-size: 14px;
font-weight:500;
line-height:20px;
color:#000;
}
.change-header .next-hero-counter span {
color: #000;
}
.light-content .next-hero-counter span {
color: #fff;
}
.light-content .change-header .next-hero-counter span {
color: #000;
}
.dark-content .change-header .next-hero-counter span {
color: #fff;
}
.next-hero-progress {
position: absolute;
top:0;
right:0;
height: 6px;
width: 100%;
z-index:100;
}
.next-hero-progress span {
position: absolute;
left:0;
height: 6px;
width: 0;
background-color: #000;
}
.change-header .next-hero-progress span {
background-color: #000;
}
.light-content .next-hero-progress span {
background-color: #fff;
}
.light-content .change-header .next-hero-progress span {
background-color: #000;
}
.dark-content .change-header .next-hero-progress span {
background-color: #fff;
}
#project-nav .next-hero-title, #project-nav .next-hero-subtitle {
color:#000;
}
#project-nav.change-header .next-hero-title, #project-nav.change-header .next-hero-subtitle {
color:#000;
}
.light-content #project-nav .next-hero-title, .light-content #project-nav .next-hero-subtitle {
color:#fff;
}
.light-content #project-nav.change-header .next-hero-title, .light-content #project-nav.change-header .next-hero-subtitle {
color:#000;
}
.dark-content #project-nav.change-header .next-hero-title, .dark-content #project-nav.change-header .next-hero-subtitle {
color:#fff;
}
#project-nav.change-header .all-works, #project-nav.change-header .all-works .link-text {
color:#000;
}
.light-content #project-nav .all-works, .light-content #project-nav .all-works .link-text {
color:#fff;
}
.light-content #project-nav.change-header .all-works, .light-content #project-nav.change-header .all-works .link-text {
color:#000;
}
.dark-content #project-nav.change-header .all-works, .dark-content #project-nav.change-header .all-works .link-text {
color:#fff;
} .temporary-hero {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
pointer-events: none;
z-index:10;
}
.temporary-hero .outer {
width: 100%;
padding-top:120px;
padding-bottom:160px;
height: 100%;
position: relative;
margin: 0 auto;
box-sizing: border-box;
z-index:10;
}
.temporary-hero .outer.middle {
padding-top:160px;
padding-bottom:160px;
}
.hero-below-caption .temporary-hero .outer {
padding-top:315px;
}
.temporary-hero .inner {
vertical-align: top;
}
.temporary-hero .middle .inner {
vertical-align: middle;
}
.hero-below-caption .temporary-hero .inner {
vertical-align: top;
text-align:left;
}
.temporary-hero .inner .caption-wrapper, .temporary-hero .inner .next-caption {
position: relative;
}
.temporary-hero .inner .caption-wrapper .title span {
color: #000;
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.temporary-hero .inner .caption-wrapper .subtitle span {
position: relative;
display: block;
opacity: 1;
color: #000;
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
.temporary-hero.light-content .inner .caption-wrapper .title span, .temporary-hero.light-content .inner .caption-wrapper .subtitle span {
color: #fff;
}
.temporary-hero .next-hero-progress {
background-color: rgba(0,0,0,0.3);
}
.temporary-hero .next-hero-progress span {
background-color: #000;
}
.temporary-hero.light-content .next-hero-progress {
background-color: rgba(255,255,255,0.3);
}
.temporary-hero.light-content .next-hero-progress span {
background-color: #fff;
}
.temporary-hero .next-hero-counter span {
color: #000;
}
.temporary-hero.light-content .next-hero-counter span {
color: #fff;
}
.temporary-hero .inner .caption-wrapper .title div:first-child span:first-child::before {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out 0.2s;
transition: opacity 0.3s ease-out 0.2s;
}
.temporary-hero .inner .caption-wrapper .title div:first-child span:first-child::after {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out 0.2s;
transition: opacity 0.3s ease-out 0.2s;
}   @media only screen and (max-width: 1537px) {
.hero-title {
font-size: calc(1rem + 22.15vw);
line-height: calc(1rem + 20.5vw);
}
.hero-subtitle {
margin-top: 30px;
}
.hero-text {
font-size: 26px;
line-height: 36px;
}
#page-nav .next-hero-subtitle {
margin-bottom: 30px;
}
.next-hero-title {
font-size: calc(1rem + 22.15vw);
line-height: calc(1rem + 12.5vw);
}
}
@media only screen and (max-width: 1466px) {
#hero-caption {
padding-top:160px;
padding-bottom:160px;
}
#hero.has-image #hero-caption, .temporary-hero .outer {	
padding-bottom: 60px;
}
.temporary-hero .outer.middle {
padding-top: 140px;
padding-bottom: 140px;
}
#hero-description {
padding-bottom: 220px;
}
#hero-description .inner {
padding-right: 45%;
}
#hero-footer {
padding: 25px 60px;
}
.page-nav-caption {
padding-top: 160px;
padding-bottom: 120px;
}
.content-max-width, .content-full-width {
padding-left:60px;
padding-right:60px;
}
}
@media only screen and (max-width: 1024px) {
#hero-caption {
padding-top:140px;
padding-bottom:140px;
}
#hero.has-image #hero-caption, .temporary-hero .outer {	
padding-bottom: 40px;
}	
.hero-subtitle {
margin-top: 20px;
font-size: 18px;
}
#hero-description {
padding-bottom: 200px;
}
#hero-description .inner {
padding-right: 35%;
}
#hero-footer {
padding: 10px 40px;
}
.page-nav-caption {
padding-top: 140px;
padding-bottom: 100px;
}
#page-nav .next-hero-subtitle {
margin-top: 20px;
}
.next-hero-subtitle {
font-size: 18px;
}
.next-hero-counter {
top: 0px;
}
.content-max-width, .content-full-width {
padding-left:40px;
padding-right:40px;
}
}
@media only screen and (max-width: 767px) {	
#hero-caption {
padding-top:120px;
padding-bottom:120px;
}
#hero.has-image #hero-caption, .temporary-hero .outer {	
padding-bottom: 30px;
}
.temporary-hero .outer.middle {
padding-top: 120px;
padding-bottom: 120px;
}
.hero-subtitle {
margin-top: 10px;
font-size: 16px;
}
.subtitle-padding-left .hero-subtitle {
margin-left: 0;
margin-right: 0;
margin: auto;
margin-top: 10px;
padding-left: 0;
text-align: center;	
}
.hero-arrow {
width: 30px;
height: 45px;
left: 30px;
bottom:38px;
}
#hero-description {
padding-bottom: 180px;
}
#hero-description .inner {
padding-right: 15%;
}
.hero-text {
font-size: 22px;
line-height: 32px;
}
#hero-footer {
padding: 10px 30px;
}
.hero-footer-left {
transform: translateX(-20px);
-webkit-transform: translateX(-20px);
}
.hero-footer-left .button-text {
display:none;
}
.page-nav-caption {
padding-top: 120px;
padding-bottom: 120px;
}
#page-nav .next-hero-subtitle {
margin-top: 10px;
font-size: 16px;
}
.next-hero-counter {
top: -2px;
}
.content-max-width, .content-full-width {
padding-left:30px;
padding-right:30px;
}
}
@media only screen and (max-width: 479px) {
#hero-caption {
padding-top:100px;
padding-bottom:100px;
}
#hero.has-image #hero-caption, .temporary-hero .outer {	
padding-bottom: 20px;
}
#hero-description {
padding-bottom: 160px;
}
#hero-description .inner {
padding-right: 0;
}
#hero-footer {
padding: 10px 20px;
}
#hero .button-wrap .button-text {
display: none;
}
.page-nav-caption {
padding-top: 100px;
padding-bottom: 100px;
}
.all-works {
top: 0;
}
.next-hero-counter {
top: -4px;
right: -38px;
}
.content-max-width, .content-full-width {
padding-left:20px;
padding-right:20px;
}
}#app {
top: 0;
left: 0;
position: fixed;
width: 100%;
height: 100vh;
overflow: hidden;
pointer-events: none;
opacity:0;
-webkit-transition: all 0.1s ease-in-out 0.3s;
transition: all 0.1s ease-in-out 0.3s;
}
.load-project-thumb #app, .load-project-thumb-with-title #app, .load-project-thumb-with-title-and-scale #app {
opacity:1;
}
.grid__item-img--large {
pointer-events: none;
position: absolute ;
opacity: 0;
}
.grid__item-hidden {
pointer-events: none;
position: fixed;
opacity: 0;
} .clapat-slide a {
height: 0px;		
}
.clapat-slider-wrapper {
width:100%;
height: 100vh;
position:relative;	
}
.clapat-slider {
position:absolute;
left:0;
top:0;
padding: 0 42vw 0 42vw;
display: flex;
align-items: center;
height: 100%;
width:100%;
user-select: none;
cursor: grab;
z-index: 2;
overflow:hidden;
box-sizing:border-box;
}
.clapat-state-dragging .clapat-slider {
cursor:grabbing;
}
.clapat-state-dragging .cp-button-prev, .clapat-state-dragging .cp-button-next {
pointer-events:none;
}
.clapat-slider-viewport {
display: flex;
position: relative;
}
.clapat-slide {
overflow: hidden;
width: 16vw;
box-sizing:border-box;
}
.clapat-slide:first-child {
position: relative;
}
.clapat-slide:not(:first-child) {
position: absolute;
height: 100%;
}
.slide-inner {
position: relative;
overflow: hidden;		
cursor:pointer;
}
.clapat-state-dragging .clapat-slider .slide-inner {
cursor:grabbing;
pointer-events:none;
}
.disable-ajaxload .slide-link {
display: block;
position: absolute;
width: 100%;
height: 100%;
z-index: 1000;
}
.disable-ajaxload .snap-slide-caption .slide-link {
top:0;
}
.img-mask {
width: 100%;
height: 100%;
display: block;
position: absolute;
top:0;
left: 0;
margin: 0 auto;
box-sizing: border-box;
z-index: 0;
overflow:hidden;
border-radius:0px;		
-webkit-transition: border-radius 0.4s ease-in-out 0s;
transition: border-radius 0.4s ease-in-out 0s;
}
.rounded-borders .img-mask {
border-radius: 12px;	
}
.rounded-borders .above .img-mask {
border-radius:0px;
}
.section-image {
position:relative;
display:block;
width:100%;
height:100%;
}
.item-image {
width:100%;
height: 100%!important;
position:relative;
display:block;
z-index:100;	
object-position: center; 
object-fit: cover;
}
.clapat-slider img {
pointer-events:none;
}
.clapat-pagination {
width: 100%;
max-width:900px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left:0;
right:0;
bottom: 40px;
margin:auto;
z-index: 20;
text-align: center;
opacity:0;
}
.clapat-pagination-bullet {
position:relative;
width: 40px;
height: 40px;
display:inline-flex;
margin:0;
cursor:pointer;
}
.showcase-carousel .clapat-pagination-bullet {
position:relative;
width:1px;
height:10px;
border-radius:0px;
display:inline-table;
background-color:rgba(0,0,0,0.5);
margin: 0 7px;
cursor:pointer;
transition: all 0.4s ease-out 0s;
}
.light-content .showcase-carousel .clapat-pagination-bullet {
background-color:rgba(255,255,255,0.5);
}
.disable-scroll .showcase-carousel .clapat-pagination-bullet {
transition: all 0s ease-out 0s;
}
.showcase-carousel .clapat-pagination-bullet.clapat-pagination-bullet-prev {
height:14px;
}
.showcase-carousel .clapat-pagination-bullet.clapat-pagination-bullet-next {
height:14px;
}
.showcase-carousel .clapat-pagination-bullet-active {
height:26px;
background-color:#000;
}
.light-content .showcase-carousel .clapat-pagination-bullet-active {
background-color:#fff;
}
.showcase-carousel .clapat-pagination-bullet.clapat-pagination-bullet-prev:last-child {
height:10px;
}
.showcase-carousel .clapat-pagination-bullet.clapat-pagination-bullet-next:first-child {
height:10px;
}
.clapat-pagination {
width: 100%;
max-width:900px;
height: 40px;
display: flex;
justify-content: center;
position: absolute;
left:0;
right:0;
bottom: 40px;
margin:auto;
z-index: 20;
text-align: center;
opacity:0;
overflow:hidden;
}
.carousel-nav-wrapper {
position: absolute;
height: 60px;
width: 100%;
max-width: calc(84% + 60px);
top: calc(50% - 30px);
left: 0;
right: 0;
z-index:300;
pointer-events: none;
margin: 0 auto;
}
.cp-button-prev, .cp-button-next {
float:left;
pointer-events:initial;
background-color:#000;
height: 44px;
line-height: 44px;
border-radius: 44px;
box-sizing:border-box;
top:18px;
position: relative;
cursor:pointer;		
}
.light-content .cp-button-prev, .light-content .cp-button-next {
background-color:#fff;
}
.clapat-button.cp-button-prev, .clapat-button.cp-button-next {
opacity:0;
}
.cp-button-next {
float:right;
}
.cp-button-prev .icon-wrap-scale, .cp-button-next .icon-wrap-scale {
transform: scale(0) ;
-webkit-transform: scale(0);
display: block;
position:absolute;
left:0;
width: 44px;
transition: all .3s ease-out;
height:44px;
}
.cp-button-next .icon-wrap-scale {
left:auto;
right:0;
}
.cp-button-prev:hover  .icon-wrap-scale, .cp-button-next:hover  .icon-wrap-scale {
transform: scale(1);
-webkit-transform: scale(1);
}
.cp-button-prev .icon-wrap, .cp-button-next .icon-wrap {
width: 36px;
height: 36px;
display: flex;
position: relative;
justify-content: center;
align-items: center;
top:4px;
left:4px;
}
.cp-button-prev .button-icon, .cp-button-next .button-icon {
height: 36px;
width: 36px;
color: #000;
text-align: center;
line-height: 36px;
font-size: 14px;
background-color:#fff;
border-radius:36px;
}
.light-content .cp-button-prev .button-icon, .light-content .cp-button-next .button-icon {
color: #fff;
background-color:#000;
}
.cp-button-prev .button-icon i, .cp-button-next .button-icon i {
height: 36px;
line-height: 36px;
width: 36px;
text-align: center;
}
.vertical-arrows .cp-button-prev .button-icon i, .vertical-arrows .cp-button-next .button-icon i {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.cp-button-prev .button-text, .cp-button-next .button-text {
font-weight: 500;
font-size: 14px;
line-height: 44px;
margin: 0;
overflow: hidden;
width: auto;
padding: 0 36px 0 36px;
color: #fff;
-webkit-transition:padding .3s ease-out;
transition: padding .3s ease-out;
}
.light-content .cp-button-prev .button-text, .light-content .cp-button-next .button-text {
color:#000;
}
.cp-button-prev:hover  .button-text {
padding: 0 36px 0 60px;
}
.cp-button-next:hover  .button-text {
padding: 0 60px 0 36px;
}
.disable-scroll .cp-button-prev, .disable-scroll .cp-button-next {
pointer-events:none;
}
.grid-open.disable-scroll .cp-button-prev, .grid-open.disable-scroll .cp-button-next {
pointer-events:initial;
}
.progress-info {
position:absolute;
display:flex;
justify-content: center;
width:auto;
margin:0 auto;
margin-top:30px;
height:20px;
line-height:20px;
font-size:14px;
font-weight: 500;
left:0;
right:0;
z-index:10;
opacity:0;
}
.progress-info > .progress-info-fill, .progress-info > .progress-info-fill-2 {
position: relative;
width:auto;
-webkit-text-fill-color: rgba(0,0,0,0.1);
-webkit-background-clip: text;
background-repeat: no-repeat;
background-image: linear-gradient(#000, #000);
background-size: 0% 100%;
}
.progress-info > .progress-info-fill-2 {
position: absolute;
top: 0px;
left: auto;
background-size: 100% 100%;
background-position: right;
right: auto;
margin: auto;
width: auto;
display: block;
}
.light-content .progress-info > .progress-info-fill {
-webkit-text-fill-color: rgba(255,255,255,0.1);
background-image: linear-gradient(#fff, #fff);
}
.light-content .progress-info > .progress-info-fill-2 {
-webkit-text-fill-color: rgba(255,255,255,0.1);
background-image: linear-gradient(#fff, #fff);
}
.disable-scroll .clapat-slider {
pointer-events:none;
} .overlapping-image {
box-sizing:border-box;	
position:relative;
width:100%;
height:100vh;
display:flex;
align-items: center;
justify-content: center;
}
.overlapping-image-inner {
width:100%;
height:calc(100% - 120px);
position: relative;
cursor:pointer;
}
.overlapping-image:first-child .overlapping-image-inner {
align-self:flex-start;
}
.overlapping-image:last-child {
z-index:10;
}
.rounded-borders .overlapping-image img {
border-radius:8px;
}
.overlapping-image .slide-caption {
position:absolute;
box-sizing:border-box;
padding:80px;
width:100%;
height:100%;
display:flex;
align-items: flex-end;
justify-content: center;
color: #fff;
pointer-events:none;
}
.overlapping-image .change-header .slide-caption {
color: #000;
}
.overlapping-image .slide-caption .slide-title {
font-size: calc(1rem + 8vw);
line-height: calc(1rem + 7.5vw);
font-weight: 500;
overflow:hidden;
}
.overlapping-image .slide-caption span {
display: block;
margin-top:0;
}
.overlapping-image .slide-caption .slide-date {
position: absolute;
bottom: 80px;
left: 80px;
padding: 2px 16px;
background: rgba(255,255,255,0.2);
border-radius: 35px;
font-size: 14px;
}
.overlapping-image .change-header .slide-caption .slide-date {
color: #fff;
background: rgba(0, 0, 0, 0.4);
}
.overlapping-image .slide-caption .slide-cat {
position:absolute;
bottom:80px;
right:80px;
padding: 2px 16px;
background: rgba(255,255,255,0.2);
border-radius: 35px;
font-size: 14px;
}
.overlapping-image .change-header .slide-caption .slide-cat {
color: #fff;
background: rgba(0, 0, 0, 0.4);
} .curtains {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 2;
}
.curtains .curtain-row {
overflow: hidden;
background-color: #232323;
transform-origin: center bottom;
width:100%;
position:absolute;	
}
.filters-options-wrapper {
position: relative;
right: -14px;		
height: auto;
min-height:60px;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: flex-end;
}
.filter-option {
position:relative;
opacity:0.4;
pointer-events:initial;
margin-left:12px;
line-height:30px;
overflow:hidden;
-webkit-transition: opacity 0.15s ease-out 0s;
transition: opacity 0.15s ease-out 0s;
}
.filter-option:first-child {
margin-left:0px;
}
.filter-option.is_active, .filter-option.is_active span, .filter-option:hover {
opacity:1;
pointer-events:none;
}
.filter-option::after {
content: "";
position: absolute;
height: 100%;
top: 0;
left: 0px;
line-height: 30px;
opacity: 1;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s;
width: 100%;
border: 2px solid #000;
border-radius: 30px;
box-sizing: border-box;
clip-path: inset(50% 0% );
}
.filter-option:hover::after {
clip-path: inset(0% 0% );
}
.filter-option.is_active::after {
clip-path: inset(0% 0% );
opacity:1;
}
.light-content .filter-option::after {
border: 2px solid #fff;
}
.filter-option span, .grid-option span {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
width:auto;
text-align:center;
transform-origin: 100% 0%;
pointer-events:initial;
cursor:pointer;
padding:0 16px;
}
.filter-option span::before, .grid-option span::before {
position: absolute;
width:auto;
top: 100%;
left:0;
content: attr(data-hover);
padding:0 16px;
}
.filter-option:hover span, .grid-option:hover span {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
transform-origin: 0% 0%;
}
.showcase-portfolio  {
position: relative;
display: flex;  		
flex-wrap: wrap;
width:calc(100% - 80px);
margin:0 auto;
margin-top:20px;
}
.showcase-portfolio .clapat-item {
position:relative;
width: calc(33.3333% - 80px);
height:18vw;
margin:60px 40px 120px 40px;
box-sizing:border-box;
padding:0px;		
z-index:10;
display:block;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 1) {
width: calc(40% - 80px);
height:44vw;		
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 2) {
width: calc(40% - 80px);
height:22vw;
margin-left: calc(20% + 40px);
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 3) {
width: calc(60% - 80px);
height:33vw;	
margin-left: calc(20% + 40px);
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 4) {
width: calc(40% - 80px);
height:22vw;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 5) {
width: calc(40% - 80px);
height:44vw;	
margin-left: calc(20% + 40px);
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 6) {
width: calc(60% - 80px);
height:33vw;		
margin-left: calc(20% + 40px);
}
.showcase-portfolio .clapat-item.filtered {
position:relative;
width: calc(33.3333% - 80px);
height:18vw;
margin:60px 40px 120px 40px;
box-sizing:border-box;
padding:0px;		
z-index:10;
display:block;
}
.showcase-portfolio .slide-inner {
padding-top: 0;
width: 100%;
height: 100%;
margin:0;
overflow:visible;
}
.showcase-portfolio .slide-inner::after {
display: block;
content: "";
clear: both;
}
.showcase-portfolio.items-filtered .slide-inner {
transform:none!important;
}
.showcase-portfolio.ease-transform .slide-inner {
transition-property: transform;
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.showcase-portfolio .slide-inner.disabled {
pointer-events:none;
}
.showcase-portfolio .section-image {
width:100%;
height:100%;
left:0;
overflow:hidden;
-webkit-transform:scale(1.03);
transform: scale(1.03);
-webkit-transition: transform 0.3s ease-out 0s;
transition: transform 0.3s ease-out 0s;
}
.showcase-portfolio .slide-inner:hover .section-image, .showcase-portfolio .above .section-image {		
-webkit-transform:scale(1);
transform: scale(1);			
}
.showcase-portfolio .slide-caption {
z-index: 10;
position: absolute;
left: 0px;
top: 0;
height: calc(100% + 50px);
width: 100%;
cursor: default;
pointer-events: none;
text-align: left;
opacity: 0;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.showcase-portfolio .slide-caption .slide-title {
font-size: 24px;
line-height:32px;
font-weight: 500;
color: #000;
overflow:hidden;
}
.light-content .showcase-portfolio .slide-caption .slide-title {
color: #fff;
}
.showcase-portfolio .slide-caption .slide-title span {
display: block;
}
.showcase-portfolio .slide-caption .slide-cat {
font-size: 14px;
line-height:32px;
font-weight: 500;
color: #000;
z-index:10;
overflow:hidden;
opacity:0.4;
}
.light-content .showcase-portfolio .slide-caption .slide-cat {
color: #fff;
}
.showcase-portfolio .slide-caption .slide-cat span {
display: block;
}
.showcase-portfolio .clapat-item .slide-date {
display: block;
color: #fff;
position: absolute;
top: 30px;
left: 30px;
padding: 2px 16px;
background: rgba(255,255,255,0.2);
border-radius: 35px;
font-size: 14px;
}
.showcase-portfolio .clapat-item .change-header .slide-date {
color: #fff;
background: rgba(0, 0, 0, 0.4);
} .gallery-close-thumbs {
width: 100%;
position: fixed;
top: 0;
height: 100%;
left: 0;
display:flex;
align-content: center;
justify-content: center;
z-index:50;
pointer-events:none;
}
.grid-open .gallery-close-thumbs {
pointer-events:initial;
}
.gallery-thumbs-wrapper {
width: 100%;
height:auto;
min-height:50%;
position: fixed;
right:0px;
bottom: 20px;
z-index:100;
pointer-events:none;
display:flex;
justify-content: center;
align-items: flex-end;
align-content: flex-end;
flex-wrap: wrap;
}
.gallery-thumbs-wrapper .trigger-item::before {
float: left;
padding-top: 62.5%;
content: "";
}
.gallery-thumbs-wrapper .trigger-item {
position:relative;
width:calc(100% / 18 - 30px);
height:auto;
margin:15px;		
aspect-ratio: 16/10;
}
.gallery-thumbs-wrapper .trigger-item::after {
display: block;
content: "";
clear: both;
}
.gallery-zoom-wrapper {
width: 55%;
position: fixed;
top: 130px;
height: calc(100% - 340px);
left: 0;
right:0;
margin:0 auto;
display:flex;
flex-direction: column;
align-content: center;
justify-content: center;
z-index:200;
pointer-events:none;
}
.gallery-zoom-wrapper .trigger-item::before {
float: left;
padding-top: 140%;
content: "";
}
.gallery-zoom-wrapper .trigger-item {
width: 100%;
height:100%;
aspect-ratio: unset;
position: relative;
align-self: center;	
}
.gallery-zoom-wrapper .trigger-item::after {
display: block;
content: "";
clear: both;
}
.enable-trigger .gallery-zoom-wrapper .trigger-item {
pointer-events:initial;	
cursor:pointer;	
}
.show-loader .showcase-gallery .clapat-slider {
pointer-events:none;
}
.disable-scroll .showcase-gallery .cp-button-prev, .disable-scroll .showcase-gallery .cp-button-next {
pointer-events:initial;
}
.showcase-gallery .clapat-slider {
padding:0 35vw 0 35vw;
}
.showcase-gallery .clapat-slider-viewport {
z-index:10;
height:100%;
}
.showcase-gallery .clapat-slide {
width: 30vw;
height:100%;
box-sizing:border-box;
padding:0 10px;
display: flex;
justify-content: space-between;
z-index:10;
overflow:visible;
}
.showcase-gallery .clapat-slide:hover {
z-index:10;
}
.hidden-element {
opacity:0;
pointer-events:none;
}
.clapat-state-dragging .clapat-slider .clapat-slide {
cursor:grabbing;
pointer-events:none;
}
.showcase-gallery .trigger-item {
pointer-events:none;
overflow:hidden;
}
.showcase-gallery:not(.preview-mode-enabled) .trigger-item {
pointer-events:initial
}
.showcase-gallery .clapat-slide .slide-moving, .showcase-gallery .clapat-slide .trigger-item {
width: 100%;
height: 100%;
display: block;
position: absolute;
top:0;
left: 0;
box-sizing: border-box;
z-index: 0;
}
.showcase-gallery .slide-inner::before {
float: left;
padding-top: 65%;
content: "";
}
.showcase-gallery .slide-inner {
padding-top: 0;
width: 100%;
height: auto;
margin:0px;
overflow:visible;
}
.showcase-gallery .slide-inner::after {
display: block;
content: "";
clear: both;
}
.slide-events {
transform: translateY(0%);
position: relative;
display: flex;
align-items:flex-start;
height: 100%;
width: 100%;
left:0;
top:0;
box-sizing:border-box;
padding:60px 0 80px 0;		
}
.showcase-gallery .clapat-slide.s50 .slide-inner {
top:50%;
transform:translateY(-50%)
}
.showcase-gallery .clapat-slide.s100 .slide-inner {
top:100%;
transform:translateY(-100%)
}
.showcase-gallery .clapat-slide.s0 .slide-inner {
top:0;
transform:translateY(0)
}
.showcase-gallery .clapat-slide.s75 .slide-inner {
top:75%;
transform:translateY(-75%)
}
.showcase-gallery .clapat-slide.s25 .slide-inner {
top:25%;
transform:translateY(-25%)
}
.showcase-gallery .slide-inner.disabled {
pointer-events:none;
}
.showcase-gallery .slide-inner .trigger-item {
width: 100%;
height:100%;
position:relative;
}
.showcase-gallery a.slide-link {
font-size:14px;
font-weight:500;
position:absolute;
width:auto;
height:auto;
top:0px;
right:0px;
z-index:10;
opacity:0;
pointer-events:none;
webkit-transform:scale(0.8);
transform: scale(0.8);
}
.grid-open .showcase-gallery .gallery-zoom-wrapper a.slide-link { }
.disable-ajaxload.grid-open .showcase-gallery .gallery-zoom-wrapper a.slide-link {
pointer-events:initial;
width:100%;
height:100%;
}
.disable-ajaxload .showcase-gallery .gallery-zoom-wrapper a.slide-link .parallax-wrap  {
display:none;
}
.showcase-gallery a.slide-link .parallax-wrap {
width: 80px;
height: 80px;
display: flex;
position: relative;
justify-content: center;
align-items: center;
}
.showcase-gallery a.slide-link .parallax-element {
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
font-size: 18px;
}
.showcase-gallery a.slide-link > i {
font-size:18px;
}
.showcase-gallery .img-mask {
overflow:visible;
}
.showcase-gallery .section-image {
width:100%;
height:100%;
left:0;
overflow:hidden;
z-index:0;
}
.rounded-borders .showcase-gallery .section-image {
border-radius:12px;
}
.showcase-gallery.preview-mode-enabled .has-scale-small .section-image {
-webkit-transform:scale(0.6);
transform: scale(0.6);
}
.showcase-gallery.preview-mode-enabled .has-scale-medium .section-image {
-webkit-transform:scale(0.8);
transform: scale(0.8);
}
.showcase-gallery:not(.preview-mode-enabled) .has-scale-small .img-mask {
-webkit-transform:scale(0.6);
transform: scale(0.6);
}
.showcase-gallery:not(.preview-mode-enabled) .has-scale-medium .img-mask {
-webkit-transform:scale(0.8);
transform: scale(0.8);
}
.showcase-gallery .slide-caption::before {
float: left;
padding-top: calc(140% - 30px);
content: "";
}
.showcase-gallery .slide-caption {
position: absolute;
left:auto;
bottom:auto;
height: 100%;
aspect-ratio: unset;
display:flex;
flex-direction: column;
justify-content: end;
width: 100%;
pointer-events: none;
transform: translateY(50px);
-webkit-transform: translateY(50px);
}
.showcase-gallery .slide-caption::after {
display: block;
content: "";
clear: both;
}
.showcase-gallery .clapat-slide .slide-caption {
opacity:0!important;
}
.showcase-gallery .slide-caption .slide-title {
font-size: 20px;
line-height:30px;
font-weight: 500;
color: #000;
z-index:10;
overflow:hidden;
position:absolute;
}
.light-content .showcase-gallery .slide-caption .slide-title {
color: #fff;
}
.showcase-gallery .slide-caption .slide-title span {
display: block;
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.showcase-gallery .slide-caption .slide-title span em {
font-family:inherit;
}
.showcase-gallery .slide-caption .slide-cat {
position: absolute;
bottom: 0;
right: 0;
font-size: 14px;
line-height:30px;
font-weight: 500;
color: #000;
overflow:hidden;
opacity:0.4;
}
.light-content .showcase-gallery .slide-caption .slide-cat {
color: #fff;
}
.showcase-gallery .slide-caption .slide-cat span {
display: block;
opacity: 0;
}
.disable-ajaxload .showcase-gallery a.slide-link {
display: block;
position: absolute;
width: 100%;
height: 100%;
z-index: 1000;
pointer-events: initial;
webkit-transform:scale(1);
transform: scale(1);
}
.slider-fixed-content {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index:0;
pointer-events:none;
overflow:hidden;	
}
.grid-open .slider-fixed-content {
opacity:0.4!important;
}
#slide-inner-caption {
display:table;
width: 100%;
padding-top:20px;
padding-bottom:20px;
margin: 0 auto;
height: 100%;
position: relative;
box-sizing: border-box;
}
.slide-hero-title {
font-size: calc(1rem + 24.15vw);
line-height: calc(1rem + 22vw);
font-weight: 500;
color: #000;
position:relative;
display:table;
width:auto;
}
.light-content .slide-hero-title {
color: #fff;
}
.text-align-center .slide-hero-title, .text-align-center .slide-hero-title span, .text-align-center .slide-hero-subtitle {
display:table;
width:auto;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.slide-hero-title div {
overflow:hidden;
}
.height-title .slide-hero-title div {
display:inline-block;
}
.slide-hero-title span {
opacity:0;
display: block;
margin-top:0;
min-width:3vw;
transform: translateY(160px);
-webkit-transform: translateY(160px);
}
.height-title .slide-hero-title span {
box-sizing:border-box;
display:inline-block;
transform-origin: bottom center;
}
.grid-open .height-title .slide-hero-title span {
box-sizing:border-box;
display:inline-block;
transform-origin: top center;
}
.slide-hero-subtitle {
font-size:18px;
line-height:24px;
font-weight: 400;
color: #000;
position:relative;		
margin-top:50px;
opacity:0.4;
}
.light-content .slide-hero-subtitle {
color: #fff;
}
.slide-hero-subtitle div {
overflow:hidden;
}
.slide-hero-subtitle span {
opacity:0;
display: block;
transform: translateY(20px);
-webkit-transform: translateY(20px);
margin-top: 0;
}
.inline-title .slide-hero-subtitle span {
display: inline-table;
} .snap-slider-holder {
margin-left: calc(50% - 50vw)!important;
margin-right: calc(50% - 50vw)!important;
max-width: 1000%!important;
width: 100vw!important;		
}
.snap-slider-images {
}
.snap-slider-container {
position: relative;
margin: 0 auto;
}
.snap-slide {
width:100%;
height:100vh;
position:relative;
overflow:hidden;
display: flex;
justify-content: center;
align-items: center;
}
.snap-slide .img-mask {
width:100%;
height:100%;
display: block;
position: relative;
top: 0;
left: 0;
}
.rounded-borders .snap-slide .img-mask {
border-radius: 0px;
}
.snap-slide .section-image img {
width:100%;
height: 100%;
position:relative;
display:block;
z-index:100;	
object-position: center; 
object-fit: cover;
}
.snap-slider-captions {
position: absolute;
top: 0;
z-index: 10;
box-sizing: border-box;
padding: 0;
width: 100%;
height:100vh;
overflow:hidden;
display: flex;
justify-content: flex-end;
align-items: center;
pointer-events:none;
}
.snap-slider-captions-wrapper {
width: 100%;
height: 100%;
display: block;
position: relative;
top: 0;
left: 0;
overflow: hidden;
}
.snap-slide-caption {
position: relative;
display: block;
margin: 0 auto;
text-align:center;
width: auto;
height:auto;
box-sizing:border-box;
opacity:0.1;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.in-view.snap-slide-caption {
opacity:1;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.snap-slider-captions .inner {
vertical-align:middle;
position:relative;
}
.snap-slider-captions .slide-title-wrapper {
margin: 0 auto;
cursor:pointer;
pointer-events: none;
}
.in-view.snap-slide-caption .slide-title-wrapper {
pointer-events: initial;
}
.snap-slider-captions .slide-title {
font-size: calc(1rem + 8vw);
line-height: calc(1rem + 7.5vw);
font-weight: 500;
color:#fff;
overflow:hidden;		
padding:30px 0;
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.snap-slider-captions .change-header .slide-title {
}
.in-view.snap-slide-caption.change-header .slide-title {
color:#000;
}
.snap-slider-captions .slide-title span {
display:block;
opacity:1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
.snap-slider-captions .slide-subtitle {
font-size: 14px;
line-height: 26px;
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
display: flex;
position: absolute;
width: 100%;
height: 100%;
top: 0;
justify-content: space-between;
align-items: center;				
}
.in-view.snap-slide-caption .slide-subtitle {
opacity:1;
}
.snap-slider-captions .slide-subtitle span {
display:block;
margin-bottom: 0;
color:#fff;
background: rgba(255,255,255,0.2);		
margin-bottom: 0;
padding: 2px 16px;		
border-radius: 35px;
display: table;
margin-top: 20px;
position: relative;
transform: translateY(0px);
-webkit-transform: translateY(0px);		
}
.snap-slider-captions .change-header .slide-subtitle span {
color:#fff;
background: rgba(0, 0, 0, 0.3);	
} @media only screen and (max-width: 1537px) {
.gallery-zoom-wrapper {
width: 40%;
top: 100px;
height: calc(100% - 280px);
}
.gallery-thumbs-wrapper {
bottom: 30px;
}
.slide-hero-title {
font-size: calc(1rem + 22.15vw);
line-height: calc(1rem + 20.5vw);
}
.slide-hero-subtitle {
margin-top:30px;
}
}
@media only screen and (max-width: 1466px) { .clapat-pagination {
bottom: 30px;
} .overlapping-image .slide-caption {
padding: 60px;
}
.overlapping-image .slide-caption .slide-date {
bottom: 60px;
left: 60px;
}
.overlapping-image .slide-caption .slide-cat {
bottom: 60px;
right: 60px;
} .showcase-portfolio {
width: calc(100% - 60px);
}
.showcase-portfolio .clapat-item {
width: calc(33.3333% - 60px);
margin: 60px 30px 120px 30px;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 1) {
width: calc(40% - 60px);
height:44vw;		
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 2) {
width: calc(40% - 60px);
height:22vw;
margin-left: calc(20% + 30px);
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 3) {
width: calc(60% - 60px);
height:33vw;	
margin-left: calc(20% + 30px);
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 4) {
width: calc(40% - 60px);
height:22vw;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 5) {
width: calc(40% - 60px);
height:44vw;	
margin-left: calc(20% + 30px);
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 6) {
width: calc(60% - 60px);
height:33vw;		
margin-left: calc(20% + 30px);
}
.showcase-portfolio .clapat-item.filtered {
width: calc(33.3333% - 60px);
height: 18vw;
margin: 60px 30px 120px 30px;
}
.showcase-portfolio .slide-caption .slide-title {
font-size: 20px;
line-height: 28px;
}
.showcase-portfolio .slide-caption .slide-cat {
line-height: 28px;
} .gallery-thumbs-wrapper {
bottom: 25px;
}
.gallery-thumbs-wrapper .trigger-item {
width:calc(100% / 16 - 20px);
margin:10px;
}
}
@media only screen and (max-width: 1024px) { .progress-info {
margin-top: 30px;
}
.clapat-pagination {
bottom: 30px;
} .overlapping-image .slide-caption {
padding: 40px;
}
.overlapping-image .slide-caption .slide-title {
font-size: calc(1rem + 12vw);
line-height: calc(1rem + 11.5vw);
}
.overlapping-image .slide-caption .slide-date {
bottom: 40px;
left: 40px;
}
.overlapping-image .slide-caption .slide-cat {
bottom: 40px;
right: 40px;
} .showcase-portfolio {
width: calc(100% - 40px);
}
.showcase-portfolio .clapat-item {
width: calc(33.3333% - 40px);
margin: 40px 20px 120px 20px;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 1) {
width: calc(45% - 40px);
height:48vw;		
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 2) {
width: calc(45% - 40px);
height:25vw;
margin-left: calc(10% + 20px);
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 3) {
width: calc(60% - 40px);
height:33vw;	
margin-left: calc(20% + 20px);
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 4) {
width: calc(45% - 40px);
height:25vw;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 5) {
width: calc(45% - 40px);
height:48vw;	
margin-left: calc(10% + 20px);
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 6) {
width: calc(60% - 40px);
height:33vw;		
margin-left: calc(20% + 20px);
}
.showcase-portfolio .clapat-item.filtered {
width: calc(50% - 40px);
height: 28vw;
margin: 40px 20px 60px 20px;
}
.showcase-portfolio .section-image {
-webkit-transform:scale(1);
transform: scale(1);
}
.showcase-portfolio .slide-caption .slide-title {
font-size: 18px;
} .showcase-gallery .clapat-slider {
padding:0 25vw 0 25vw;
}
.showcase-gallery .clapat-slide {
width: 50vw;
}
.gallery-thumbs-wrapper {
width: 100%;
height:100%;
min-height:100%;
overflow:hidden;
bottom:0;
}
.gallery-thumbs-wrapper .trigger-item {
width:calc(100% / 10 - 20px);
margin:10px;
top: 120px;
}
.gallery-zoom-wrapper {
width: 80%;
top: 20%;
height: calc(60% - 50px);
} .snap-slider-captions .slide-title {
font-size: calc(1rem + 12vw);
line-height: calc(1rem + 11.5vw);
}
}
@media only screen and (max-width: 767px) { .progress-info {
margin-top: 30px;
}
.clapat-pagination {
height: 20px;
bottom: 30px;
}
.clapat-pagination-bullet {
width: 20px;
height: 20px;
}
.clapat-pagination-bullet .parallax-wrap {
width: 20px;
height: 20px;
}
.showcase-carousel .clapat-pagination-bullet {
margin: 0px 5px;
} .overlapping-image .slide-caption {
padding: 30px;
}
.overlapping-image .slide-caption .slide-title {
font-size: calc(1rem + 13vw);
line-height: calc(1rem + 12.5vw);
}
.overlapping-image .slide-caption .slide-date {
top:30px;
bottom: auto;
left: 30px;
}
.overlapping-image .slide-caption .slide-cat {
top:30px;
bottom: auto;
right: 30px;
} .showcase-portfolio {
width: calc(100% - 30px);
}
.showcase-portfolio .clapat-item {
width: calc(33.3333% - 30px);
margin: 30px 15px 60px 15px;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 1) {
width: calc(100% - 30px);
height:55vw;
margin-left: 15px;		
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 2) {
width: calc(100% - 30px);
height:55vw;	
margin-left: 15px;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 3) {
width: calc(100% - 30px);
height:55vw;	
margin-left: 15px;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 4) {
width: calc(100% - 30px);
height:55vw;	
margin-left: 15px;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 5) {
width: calc(100% - 30px);
height:55vw;	
margin-left: 15px;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 6) {
width: calc(100% - 30px);
height:55vw;	
margin-left: 15px;
}
.showcase-portfolio .clapat-item.filtered {
width: calc(100% - 30px);
height:55vw;
margin: 30px 15px 60px 15px;
} .showcase-gallery .clapat-slider {
padding:0 20vw 0 20vw;
}
.showcase-gallery .clapat-slide {
width: 60vw;
} .snap-slider-captions .slide-title {
font-size: calc(1rem + 13vw);
line-height: calc(1rem + 12.5vw);
padding: 50px 0;
}
.snap-slider-captions .slide-subtitle {
align-items: flex-end;
justify-content: space-evenly;				
}
}
@media only screen and (max-width: 479px) { .cp-button-prev .button-icon, .cp-button-next .button-icon {
color: #fff;
background-color: #000;
}
.light-content .cp-button-prev .button-icon, .light-content .cp-button-next .button-icon {
color: #000;
background-color: #fff;
}
.cp-button-prev .icon-wrap-scale, .cp-button-next .icon-wrap-scale {
transform: scale(1) ;
-webkit-transform: scale(1);
}
.slide-hero-subtitle {
font-size:16px;
line-height:24px;
margin-top:20px;
max-width: 100%;
} .overlapping-image .slide-caption {
padding: 20px;
}
.overlapping-image .slide-caption .slide-title {
font-size: calc(1rem + 14vw);
line-height: calc(1rem + 13.5vw);
}
.overlapping-image .slide-caption .slide-date {
top:20px;
bottom: auto;
left: 20px;
}
.overlapping-image .slide-caption .slide-cat {
top:20px;
bottom: auto;
right: 20px;
} .showcase-portfolio {
width: calc(100% - 20px);
}
.showcase-portfolio .clapat-item {
width: calc(33.3333% - 20px);
margin: 20px 10px 60px 10px;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 1) {
width: calc(100% - 20px);
height:55vw;
margin-left: 10px;		
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 2) {
width: calc(100% - 20px);
height:55vw;	
margin-left: 10px;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 3) {
width: calc(100% - 20px);
height:55vw;	
margin-left: 10px;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 4) {
width: calc(100% - 20px);
height:55vw;	
margin-left: 10px;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 5) {
width: calc(100% - 20px);
height:55vw;	
margin-left: 10px;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 6) {
width: calc(100% - 20px);
height:55vw;	
margin-left: 10px;
}
.showcase-portfolio .clapat-item.filtered {
width: calc(100% - 20px);
height:55vw;
margin: 20px 10px 60px 10px;
} .showcase-gallery .clapat-slider {
padding:0 15vw 0 15vw;
}
.showcase-gallery .clapat-slide {
width: 70vw;
}
.showcase-gallery .clapat-slide.s25 .slide-inner {
top:0;
transform:translateY(0)
}
.showcase-gallery .clapat-slide.s75 .slide-inner {
top:100%;
transform:translateY(-100%)
} .snap-slider-captions .slide-title {
font-size: calc(1rem + 14vw);
line-height: calc(1rem + 13.5vw);
}
}#project-holder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index:100;
pointer-events:none;
}
#project-holder.open {
pointer-events:initial;
}
#showcase-height {
position:relative;
width:100vw;
height:0;
}
#project-holder #main, #project-holder #main-page-content {
opacity:1;
}
.clone-wrapper {
overflow:hidden;
height:100vh;
width: 100%;
left:0px;
position: fixed;
top:0;
z-index:100;
opacity:1;	
}
.clone-container {
overflow:hidden;
height:100%;
width: 100%;
left:0px;
position: absolute;
top:0;
opacity:1;	
}
.thumb-wrapper {
visibility: hidden;
overflow:hidden;
height:100vh;
width: 100%;
left:0px;
position: fixed;
top:0;
z-index:100;
opacity:1;	
}
.thumb-container {
visibility: hidden;
height:100vh;
width: 100%;
left:0px;
position: fixed;
top:0;
z-index:100;
opacity:1;		
background-color:#161717;		
}
.thumb-page {
cursor: pointer;
position: absolute;
height:100vh;
width:100%;
top:0;
left:0px;
position: fixed;
visibility:hidden;
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
}  .portfolio-wrap {		
position:relative;
margin:0 auto;
width: 100%;
padding:0;
box-sizing:border-box;
min-height:50vh;
}
.portfolio {
position: relative;
margin: 0 auto;
box-sizing: border-box;
-webkit-transition: height 0.5s ease-out;
transition: height 0.5s ease-out;
}
.portfolio:after {
content:""; 
display:table; 
clear:both;
}		
.item {
display: block;
position: relative;
box-sizing: border-box;
z-index: 0;
margin:0px;
width: 50%;
z-index:0;
pointer-events:none;
}
.item.hover {
z-index:1;
}
.overlapping-grid .item {
margin:350px 0px 350px 0px;
width: 50%;
}
.overlapping-grid .item::after {
content: "";
display: block;
padding-bottom: 135%;
}
.overlapping-grid .item:nth-of-type(2n+1) {
transform: translateX(80px);
-webkit-transform: translateX(80px);
}
.overlapping-grid .item:nth-of-type(2n+2) {
transform: translateX(-80px);
-webkit-transform: translateX(-80px);
}
.overlapping-grid .item:first-child {
margin-top:0px;
}
.overlapping-grid .item:last-child {
margin-bottom:0px;
}
.overlapping-grid.below-caption .item:last-child {
margin-bottom:100px;
}
.parallax-two-grid .item {
margin-bottom:300px;
width: 50%;
}
.parallax-two-grid .item::after {
content: "";
display: block;
padding-bottom: 135%;
}
.parallax-two-grid .item:nth-of-type(2n+1) {
transform: translateX(80px);
-webkit-transform: translateX(80px);				
}
.parallax-two-grid .item:nth-of-type(2n+2) {
transform: translateX(-80px);
-webkit-transform: translateX(-80px);
}
.vertical-parallax {
z-index:0;
}
.parallax-two-grid .item:last-child, .parallax-two-grid .item:nth-last-child(2) {
margin-bottom:0px;
}
.parallax-two-grid.below-caption .item:last-child, .parallax-two-grid.below-caption .item:nth-last-child(2) {
margin-bottom:100px;
}
.parallax-two-grid .item:nth-of-type(4n+1) .item-parallax {
height: 100%;
width: 100%;
}
.parallax-two-grid .item:nth-of-type(4n+2) .item-parallax {
height: 60%;
width: 55%;
bottom:0;
right:0;
}
.parallax-two-grid .item:nth-of-type(4n+3) .item-parallax {
height: 60%;
width: 55%;
bottom:0;
left:0;
}
.parallax-two-grid .item:nth-of-type(4n+4) .item-parallax {
height: 100%;
width: 100%;
}
.parallax-three-grid .item {
margin:0px 0px;
width: 100%;
}
.parallax-three-grid .item:nth-of-type(6n+1)::after {
content: "";
display: block;
padding-bottom: 46%;
}
.parallax-three-grid .item:nth-of-type(6n+2)::after {
content: "";
display: block;
padding-bottom: 40%;
}
.parallax-three-grid .item:nth-of-type(6n+3)::after {
content: "";
display: block;
padding-bottom: 30%;
}
.parallax-three-grid .item:nth-of-type(6n+4)::after {
content: "";
display: block;
padding-bottom: 40%;
}
.parallax-three-grid .item:nth-of-type(6n+5)::after {
content: "";
display: block;
padding-bottom: 46%;
}
.parallax-three-grid .item:nth-of-type(6n+6)::after {
content: "";
display: block;
padding-bottom: 30%;
}
.parallax-three-grid .item:nth-of-type(6n+1) .item-parallax {
height: 100%;
width: 34%;
left:80px;
}
.parallax-three-grid .item:nth-of-type(6n+2) .item-parallax {
height: 100%;
width: 28%;
top:0;
right:80px;
}
.parallax-three-grid .item:nth-of-type(6n+3) .item-parallax {
height: 100%;
width: 20%;
left:40%;
right:40%;
}
.parallax-three-grid .item:nth-of-type(6n+4) .item-parallax {
height: 100%;
width: 28%;
left:80px;
}
.parallax-three-grid .item:nth-of-type(6n+5) .item-parallax {
height: 100%;
width: 34%;
top:0;
right:80px;
}
.parallax-three-grid .item:nth-of-type(6n+6) .item-parallax {
height: 100%;
width: 20%;
left:34%;
right:46%;
}
.parallax-three-grid.below-caption .item:last-child {
margin-bottom:100px;
}
.item-parallax {
height: 100%;
width: 100%;
position: absolute;
pointer-events:initial;
}
.item-appear {
display: block;
position: relative;
box-sizing: border-box;
z-index: 0;
width: 100%;
height: 100%;
overflow:hidden;					
}
.item-image::after {
content: "";
opacity:0;
width: 100%;
height: 60%;
position: absolute;
bottom: 0;
left: 0;
pointer-events: none;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
-webkit-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.load-project-thumb .item-image::after {
content: "";
opacity:1;
width: 100%;
height: 60%;
position: absolute;
bottom: 0;
left: 0;
pointer-events: none;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
-webkit-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.item-content {
width: 100%;
height: 100%;
position:relative;
opacity:1; 
}
.fade-scaleout-effect .item-content {
opacity:0; 
-webkit-transform:scale(1.2);
transform: scale(1.2);
-webkit-transition: all 1s cubic-bezier(.165,.84,.44,1) 0.2s;	
transition: all 1s cubic-bezier(.165,.84,.44,1) 0.2s;	
}
.fade-scaleout-effect .active .item-content, .shortcode-portfolio .item-content{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
position:absolute;
right:0;	
}
.item-wrap {
width: 100%;
height: 100%;
position:absolute;	 				
}
.item-wrap-image {
width: 100%;
height: 100%;
position:relative;
z-index:0;
overflow:hidden;
-webkit-transform:scale(1.05);
transform: scale(1.05);
-webkit-transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;	
transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;			
}
.item-parallax:hover .item-appear .item-wrap-image, .above  .item-wrap-image {		
-webkit-transform:scale(1);
transform: scale(1);			
}
.disable-ajaxload .item-wrap-image {
pointer-events:none;
}
.portfolio .item-image {
cursor:pointer;		
}
.above.item {
opacity: 1;
}
.scale-fitthumbs .above.item {
opacity: 1!important;
}
.item-caption {
z-index: 10;
position: absolute;
bottom: 0px;
height: auto;
padding:50px;
box-sizing: border-box;
width: 100%;
cursor:default;
pointer-events: none;
opacity:0;
-webkit-transition: all 0.2s ease-out 0.4s;
transition: all 0.2s ease-out 0.4s;	
}
.item.active .item-caption {
opacity: 1;
}
.below-caption .item-caption, .parallax-three-grid.below-caption .item:nth-of-type(1n+1) .item-caption, .parallax-two-grid.below-caption .item:nth-of-type(1n+1) .item-caption {
position: relative;
bottom:-20px;
padding: 0 10px;
}
.parallax-two-grid .item:nth-of-type(4n+2) .item-caption, .parallax-two-grid .item:nth-of-type(4n+3) .item-caption {
padding:30px;
}
.parallax-three-grid .item:nth-of-type(6n+3) .item-caption, .parallax-three-grid .item:nth-of-type(6n+6) .item-caption {
padding:30px;
}
.item-title {		
margin: 0;
font-weight: 500;
font-size:48px;
line-height:60px;
display: block;
position:relative;
color:#fff;
}
.parallax-two-grid .item:nth-of-type(4n+2) .item-title, .parallax-two-grid .item:nth-of-type(4n+3) .item-title {
font-size:36px;
line-height:48px;
}
.parallax-three-grid .item:nth-of-type(6n+3) .item-title, .parallax-three-grid .item:nth-of-type(6n+6) .item-title {
font-size:36px;
line-height:48px;
}
.light-content .item-title {
color:#fff;
}
.change-header .item-title {
color:#000;
}
.light-content .change-header .item-title {
color:#000;
}
.below-caption .item-title, .parallax-three-grid.below-caption .item:nth-of-type(1n+1) .item-title, .parallax-two-grid.below-caption .item:nth-of-type(1n+1) .item-title {
font-size:24px;
line-height:36px;
}
.below-caption .item-title {
color:#000;
}
.light-content .below-caption .item-title, .light-content .below-caption .change-header .item-title {
color:#fff;
} 
.item-title div {
display: block;
overflow:hidden;
}
.item-title span {
display: block;
margin: 0;
min-width: 10px;
width:auto;
box-sizing: border-box;
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
.item-cat {
display:block;
font-size:18px;
line-height:28px;
margin-bottom:20px;
overflow:hidden;		
color:#fff;	
}
.light-content .item-cat {
color:#fff;
}
.change-header .item-cat {
color:#000;
}
.light-content .change-header .item-cat {
color:#000;
}
.below-caption .item-cat {
position:absolute;
bottom:-70px;
opacity:0;
color:#000;
-webkit-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;	
}
.below-caption .item:hover .item-cat {
bottom:-55px;
opacity:0.6;
}
.light-content .below-caption .item-cat, .light-content .below-caption .change-header .item-cat {
color:#fff;
}
.item-cat div {
display: block;
overflow:hidden;
}
.item-cat span {
display: inline-block;
margin: 0;
margin-right:4px;
min-width: 10px;
width:auto;
box-sizing: border-box;
opacity: 0;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
.item-date {
display:block;
font-size:18px;
line-height:28px;
margin-bottom:0px;
overflow:hidden;		
color:#fff;	
}
.light-content .item-date {
color:#fff;
}
.change-header .item-date {
color:#000;
}
.light-content .change-header .item-date {
color:#000;
}
.below-caption .item-date {
display:none;
}
.item-date div {
display: block;
overflow:hidden;
}
.item-date span {
display: block;
margin: 0;
min-width: 10px;
width:auto;
box-sizing: border-box;
opacity: 0;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
.item-arrow {
width:30px;
height:30px;
position:relative;
display:block;
overflow:hidden;
margin-bottom:30px;
padding-left: 4px;
padding-top: 4px;	
}
.item-arrow i.arrow-icon {
opacity: 0;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
.below-caption .item-arrow {
display:none;
} @media only screen and (max-width: 1466px) {
}
@media only screen and (max-width: 1024px) {	
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 479px) {
}#blog-page-content {
position: relative;
box-sizing: border-box;
width: 100%;
margin: 0 auto;
opacity:0;
}
.blog-template-content #hero {
z-index:0;
}
.blog-template-content  #hero #hero-caption {
text-align:left;
}
article {
position:relative;
display:block;	
width:100%;
margin:0 auto;
}
.article-wrap {
position:relative;
display:block;
box-sizing:border-box;
opacity:1;
}
.active .article-wrap {
opacity: 1;
}
.article-content {
display: block;
position: relative;
}
article .hover-reveal {
position: relative;
width: 100%;
height: auto;
pointer-events: initial;
opacity: 1;
}
article .post-title {
font-weight:500;
font-size: 48px;
line-height: 64px;	
-ms-word-wrap: break-word;
word-wrap: break-word;
word-wrap: anywhere;
text-align:left;
box-sizing:border-box;
padding:0;
}
.entry-meta-wrap {
position:relative;
display:block;
box-sizing:border-box;
width:100%;
}
.entry-meta-wrap::after {
clear: both;
content: " ";
display: table;
}
.entry-meta {
position:relative;
display:block;
box-sizing:border-box;
padding:0;
margin:0;
margin-bottom:20px;
overflow:hidden;
}
.entry-meta ul {
position:relative;
display:block;
box-sizing:border-box;
padding:0;
margin:0;
}
.entry-meta li {
position:relative;
display:inline-flex;
line-height:28px;		
list-style:none;
padding:0;
margin:0;
margin-right: 10px;	
}
.uppercase-text .entry-meta li {
text-transform: uppercase;
}
.entry-meta li:last-child {
margin-right:0;
}
.entry-meta li:hover::after {
opacity:1;
}
.entry-meta li a {
color:#000;
display:inline-block;		
overflow:hidden;
opacity:1;
font-size: 16px;
line-height: 30px;
font-weight: 500;
}
.light-content .entry-meta li a {
opacity:1;
}
.light-content .entry-meta li a, .light-content .entry-meta li {
color:#fff;
}
.entry-meta li a:hover {
opacity:1;
}
.entry-meta li a span {
position: relative;
display: block;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transform-origin: 100% 0%;
}
.entry-meta li a span::before {
position: absolute;
top: 100%;
width:100%;
left:0;
content: attr(data-hover);
}
.entry-meta li:hover a span {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
transform-origin: 0% 0%;
}
.entry-categories li::after {
content: ",";
width: 10px;
height: 10px;
top:0px;
right: -11px;
opacity:1;
position: absolute;
border-radius: 10px;
}
.entry-categories li:last-child:after {
display:none;
}
.entry-tags li:first-child {
width: 30px;
position: relative;
color: transparent;
margin-right:10px;
overflow:hidden;
}
.entry-tags li {
margin-right:20px;
}
.entry-tags li:first-child:after {
font: var(--fa-font-solid);
content: "\f02b";
width:20px;
height:28px;
font-size:18px;
line-height:28px;
text-align:left;
position:absolute;
left:0px;
top:2px;
color:#000;
}
.light-content .entry-tags li:first-child:after {
color:#fff;
}
.page-links {
position:relative;
padding:0;
margin:0;
margin-top:20px;
clear: both;
}
.post-page-numbers {
background-color: rgba(0,0,0,0.1);
display: inline-block;
height: 28px;
width: 28px;
text-align: center;
line-height: 30px;
border-radius: 3px;
-webkit-transition: background-color 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out;
}
.post-page-numbers:hover {
background-color: rgba(0,0,0,0.2);
}
.light-content .post-page-numbers {
background-color: rgba(255,255,255,0.1);
}
.light-content .post-page-numbers:hover {
background-color: rgba(255,255,255,0.2);
}
.post-page-numbers:first-child {
margin-left:10px;
}
.post-page-numbers::before {
display:none;
}
.search_results {
text-align:center;
margin-bottom:100px;
}
.post.sticky {
background-color: rgba(0,0,0,0.05);
}
.light-content .post.sticky {
background-color: rgba(255,255,255,0.05);
}
.blog-excerpt {
padding-top:20px;
} #blog-effects {
position: relative;
z-index: 15;
width: 100%;
box-sizing: border-box;
margin: 0 auto;
}
#blog-effects article {
display: flex;
width:100%;
box-sizing:border-box;
padding:0;
pointer-events: initial;
opacity: 1;
}
#blog-effects.clapat-blog-expand-on-scroll  article {
pointer-events: none;
opacity: 0.2;
}
#blog-effects article.in-view {
pointer-events: initial;
}
article::after {
clear: both;
content: " ";
display: table;
}
#blog-effects article .article-bg {
position: relative;
display: flex;
width: 100%;
justify-content: center;
padding-top:6vw;
padding-bottom:5vw;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
#blog-effects article:first-child .article-bg {
border-top: 1px solid rgba(0,0,0,0.1);
}
.light-content #blog-effects article .article-bg {
border-bottom: 1px solid rgba(255,255,255,0.15);
}
.light-content #blog-effects article:first-child .article-bg {
border-top: 1px solid rgba(255,255,255,0.15);
}
.news-shortcode #blog-effects article:first-child .article-bg {
border-top: none!important;
}
.news-shortcode #blog-effects article:last-child .article-bg {
border-bottom: none!important;
}
article .hover-reveal {
position: fixed;
width:440px;
height: 280px;
left:auto;
right:auto;
pointer-events: none;
opacity:0;
z-index:0;
}
.article-wrap .hover-reveal::after {
display: block;
content: "";
clear: both;
}
.rounded-borders #blog-effects .article-wrap .hover-reveal {
border-radius:8px;
}
.article-wrap .hover-reveal__inner {
width: 100%;
height: 100%;
transform: translateX(0);
-webkit-transform: translateX(0);
position: relative;
}
article .hover-reveal img {
object-position: center;
object-fit: cover;
width: 100%;
height: 100%;
}
article:hover .hover-reveal img {
-webkit-transform:scale(1);
transform: scale(1);			
}
.article-wrap {
position: relative;
box-sizing: border-box;
display: block;
width: calc(50% - 80px);
display: flex;
flex-direction: column;
align-content: center;
}
.article-show-image {
position: relative;
display: table;
width: auto;
margin: 0 auto;
}
.article-content {
width: 100%;
box-sizing: border-box;
padding-top: 5px;
position:absolute;
display: flex;
justify-content: space-between;
}
article .content-max-width {
margin:0 auto;
z-index:10;
position:relative;
}
article .post-title {
position:relative;
width:auto;
font-weight:500;
font-size: calc(1rem + 1vw);
line-height: calc(1rem + 1.6vw);
text-align: center;
display: block;
-webkit-transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
max-width: 100%;
z-index:10;
}
a.post-title.link::before {
display:none;
}
article .entry-meta-wrap {
padding-top: 0px;
width: 25%;
font-size: 14px;
line-height: 28px;
top: 0;
z-index: 0;
height: auto;
padding-right: 20px;
}
article .entry-date {
width: auto;
text-align: right;
margin-top:0px;
margin-bottom:0px;
}
article .entry-categories {
width: 100%;
float: none;
margin-top:0px;
margin-bottom:0px;
}
article .button-box {
margin: auto;
margin-top:40px;		
}
#hero .entry-meta li {
opacity: 0;
transform: translateY(30px);
-webkit-transform: translateY(30px);
}
article .article-links {
position: relative;
width: 100%;
box-sizing: border-box;
text-align: left;
overflow: hidden;
height: 0;
}
.page-links {
box-sizing: border-box;
}
article .page-links {
margin-top:0;
}
article .page-links p {
margin-top:20px;
margin-bottom:0px;
}
.blog-excerpt a {
display:none;
}
.read-more {
width: 40px;
height: 40px;
top:30px;
right:30px;
display: flex;
position: absolute;
justify-content: center;
align-items: center;
opacity:0.15;
-webkit-transition: opacity 0.15s ease-in-out;
transition: opacity 0.15s ease-in-out;
}
.read-more:hover {
opacity:1;
}
#blog-effects article.has-post-thumbnail .read-more {
display:none;
}
.read-more .parallax-element {
height: 40px;
width: 40px;
color: #fff;
text-align: center;
line-height: 40px;
font-size: 18px;
background-color:#000;
border-radius:40px;
}
.light-content .read-more .parallax-element {
color: #000;
background-color:#fff;
} #blog-page-nav {
position:relative;
display:table;
width: 100%;
box-sizing:border-box;
padding-top:100px;
padding-bottom:100px;
margin:0;
}
#blog-page-nav-wrap.content-max-width {
box-sizing: border-box;
padding-left: 0px;
padding-right: 0px;
max-width: 1280px;
}
.page-numbers {
text-align:center;
font-size: calc(1rem + 8vw);
line-height: calc(1rem + 7.5vw);
padding:0;
margin:0;
text-transform:uppercase;
}
.page-numbers li {
display:inline-block;
list-style:none;
min-width: 1vw;
text-align: center;
color:#000;
padding-right:10px;
margin:0;
}
.light-content .page-numbers li {
color:#fff;
}
.page-numbers li:last-child {
padding-right: 0px;
display:inline-block;
}
.page-numbers li .page-numbers.dots {
opacity:0.5;
}
.page-numbers li a {
position: relative;
display: block;
opacity:0.5;
}
.uppercase-titles .page-numbers li a {
text-transform: uppercase;
}
.light-content .page-numbers li a {
position: relative;
display: block;
}
.page-numbers:hover li a:hover {
opacity:1;		
}
.page-numbers li a:before {
display:none;
}
.prev.page-numbers {
margin-left: 2px;
margin-right: 10px;
text-align: left;
}
.next.page-numbers {
margin-left:10px;
}
#blog-nav-minimal {
position:relative;
display:table;
width:500px;
height:auto;
box-sizing:border-box;
padding:0;	
}
#blog-nav-minimal::after {
content: "";
width: 80px;
height: 1px;
background-color: #000;
opacity:0.1;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
display: block;
}
.light-content #blog-nav-minimal::after {
background-color: #fff;
opacity:0.15;
}
.blog-prev-wrap, .blog-next-wrap {
width: 80px;
height: 80px;
display: flex;
position: relative;
justify-content: center;
align-items: center;
float:left;
overflow:hidden;
z-index:1;
-webkit-transition: width 0.2s ease-in-out, opacity 0.2s ease-in-out;
transition: width 0.2s ease-in-out, opacity 0.2s ease-in-out;		
}
.blog-prev, .blog-next {
display: block;
width: 40px;
height: 40px;
text-align: center;
z-index: 10;
position: relative;
}
.blog-prev-wrap {
float:left;
}
.blog-next-wrap {
float:right;
}
#blog-navigation i {
line-height:40px;
width:40px;
color:#ddd;
position:relative;
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.light-content #blog-navigation i {
color:#fff;
opacity:0.2;
}
#blog-navigation a i {
color:#000;
}
.light-content #blog-navigation a i {
color:#fff;
opacity:1;
}
#blog-navigation .blog-prev a i, #blog-navigation .blog-prev i {
left:0px;
}
#blog-navigation .blog-next a i {
right:0px;
}
.blog-numbers {
font-weight: 500;
position: absolute;
width: 100%;
box-sizing: border-box;
padding: 0 80px;
height: inherit;
z-index:0;
color: #000;
font-size: 48px;
line-height: 64px;
font-weight:500;
font-family: 'Poppins', sans-serif;
left:0;
z-index:0;
}
.light-content .blog-numbers {
color: #fff;
}
.blog-numbers .blog-active {
width:30%;
float:left;
text-align:center;
line-height:80px;
}
.blog-numbers .blog-total {
width:30%;
float:right;
text-align:center;
line-height:80px;
} #blog-page-nav {
margin:0 auto;
padding-top: 200px;
padding-bottom: 120px;
}
#blog-nav-minimal {
margin:0 auto;
max-width:700px;
width:100%;
}
.blog-numbers {
font-size: calc(1rem + 8vw);
line-height: calc(1rem + 7.5vw);
} #blog-post-content {
position: relative;
display: block;
box-sizing:border-box;
padding-bottom:40px;
margin: 0 auto;
width: 100%;
opacity:0;
}
.post-template-content  #hero {
z-index:0;
}
.post-template-content  #hero #hero-caption {
max-width: 1020px;
padding-top: 140px;
padding-bottom: 80px;  
}
.post-template-content .hero-title {
font-size: calc(1rem + 8vw);
line-height: calc(1rem + 7.5vw);
margin-top: 10px;
margin-bottom: 30px;
max-width: 860px;
word-wrap: break-word;
white-space: initial;
margin-left: -0.1vw;
}
.post-template-content .inline-title .hero-title span {
display: block;
}
.post-template-content .post-max-width {
max-width:860px;
position:relative;
margin:0 auto;
padding:0 80px;
}
.post-max-width::after {
clear: both;
content: " ";
display: table;
} #post-image {
position: relative;
display: block;
margin: 0 auto;
margin-bottom:60px;
width: 100%;
max-width:1000px;
} #post-content {
position: relative;
display: block;
margin: 0 auto;
width: 100%;
}
#post-content p > a	{
position:relative;
}
#post-content p > a::before {
content: '';
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 2px;
background: rgba(0,0,0,1);
transform: scaleX(0);
transform-origin: right;
transition: transform .2s ease-out;
}
.light-content #post-content p > a::before {
background: rgba(255,255,255,1);
}
#post-content p > a:hover::before {
transform: scaleX(1);
transform-origin: left;
}
#post-content footer {
position: relative;
width: 100%;
height: auto;
z-index: 900;
box-sizing: border-box;
text-align: left;
bottom: 0;
left: 0;
overflow: visible;
pointer-events: initial;
} #post-meta-data {
position: relative;
display: block;
width: 100%;
box-sizing: border-box;
padding-top: 20px;
margin: 0 auto;
} #post-navigation {
position: relative;
display: block;
box-sizing: border-box;
padding: 70px 0 100px 0;
margin:0 auto;		
}
.post-prev, .post-next {
width:50%;
float:left;
text-align:left;
color:#000;
}
.post-next {
text-align:right;
}
.light-content .post-prev, .light-content .post-next {		
color:#fff;
}
.post-prev-caption, .post-next-caption {
font-size: calc(1rem + 4.15vw);
line-height: calc(1rem + 4.5vw);
font-weight: 500;
margin-bottom:20px;
}
.uppercase-titles .post-prev-caption, .uppercase-titles .post-next-caption {
text-transform:uppercase;
}
.post-prev-title, .post-next-title {
font-size: 16px;
line-height: 28px;
font-weight: 500;
}
.uppercase-text .post-prev-title, .uppercase-text .post-next-title {
text-transform:uppercase;
line-height: 20px;
}
.disabled .post-prev-title, .disabled .post-next-title {
pointer-events:none;
}
.post-prev-title a, .post-next-title a {
position: relative;
display: inline-block;
}
.post-prev-title a em, .post-next-title a em {
font-family:inherit;
}
.post-prev-title span, .post-next-title span {
background-image: linear-gradient(transparent calc(100% - 2px), #000 1px);
background-size: 0;
background-repeat: no-repeat;
display: inline;
transition: 0.3s ease;
word-wrap: anywhere;
padding: 4px 0;
box-sizing: border-box;
}
.light-content .post-prev-title span, .light-content .post-next-title span {
background-image: linear-gradient(transparent calc(100% - 2px), #fff 1px);
}
.post-prev-title:hover span, .post-next-title:hover span {    
background-size: 100%;
} #post-navigation {
position: relative;
display: block;
box-sizing: border-box;
padding: 80px 0 80px 0;
margin: 0 auto;
margin-top: 0px;
margin-bottom: 0px;
border-bottom: 1px solid rgba(0,0,0,0.1);
border-top: 1px solid rgba(0,0,0,0.1);
margin-bottom: 80px;
margin-top: 80px;
}
.light-content #post-navigation {
border-bottom: 1px solid rgba(255,255,255,0.1);
border-top: 1px solid rgba(255,255,255,0.1);
} #post-comments {
position: relative;
display: block;
margin: 0 auto;
margin-bottom:15px;
width: 100%;
}
#post-comments:after {
clear: both;
content: " ";
display: table;
}
#post-comments .entry-meta li {
font-size: 20px;
font-weight: 500;
line-height: 30px;
}
.comments-navigation {
display:block;
position:relative;
}
.comments-navigation:after {
clear: both;
content: " ";
display: table;
}
.comments-navigation a {
padding-top: 8px;
margin-bottom: 40px;
position: relative;
display: block;
opacity:0.75;
-webkit-transition:opacity 0.15s ease 0s;
transition:opacity 0.15s ease 0s;
}
.light-content .comments-navigation a {
opacity:0.55;
}
.comments-navigation a:hover {
opacity:1;
}
.comments-navigation a::before {
content: '';
position: absolute;
bottom: 1px;
left: 0;
width: 100%;
height: 2px;
background: rgba(0,0,0,1);
transform: scaleX(0);
transform-origin: right;
transition: transform .2s ease-out;
}
.light-content .comments-navigation a::before {
background: rgba(255,255,255,1);
}
.comments-navigation a:hover::before {
transform: scaleX(1);
transform-origin: left;
}
.user_comment {
margin-bottom:35px;
padding-left: 75px;
position:relative;
}
.user-image {		
height: 60px;
width: 60px;
position:absolute;
left:0px;
top:0px;
}
.comment-head {
margin-bottom:5px;
}
.comment-head a {
position:relative;
display:inline-block;
}
.comment-head a::before {
content: '';
position: absolute;
bottom: 1px;
left: 0;
width: 100%;
height: 2px;
background: rgba(0,0,0,1);
transform: scaleX(0);
transform-origin: right;
transition: transform .2s ease-out;
}
.light-content .comment-head a::before {
background: rgba(255,255,255,1);
}
.comment-head a:hover::before {
transform: scaleX(1);
transform-origin: left;
}
.user_comment_reply .user-image:after {
content: '';
position: absolute;
width: 25px;
height: 1px;
background-color: rgba(0,0,0,0.2);
left: -44px;
bottom: 20px;
}
.user_comment_reply .user-image:before {
content: '';
position: absolute;
width: 1px;
height: 25px;
background-color: rgba(0,0,0,0.2);
left: -45px;
bottom: 20px;
}
.light-content .user_comment_reply .user-image:after, .light-content  .user_comment_reply .user-image:before {
background-color:rgba(255,255,255,0.2);
}
.user-image img {
width:100%;
height:auto;
border-radius: 3px;
}
.user_comment_reply {
position:relative;
padding-left: 75px;
margin-top: 35px;
display:block;
}
.user_comment_reply .user-image:after {
content: '';
position: absolute;
width: 25px;
height: 1px;
background-color: rgba(0,0,0,0.2);
left: -50px;
bottom: 25px;
}
.user_comment_reply .user-image:before {
content: '';
position: absolute;
width: 1px;
height: 25px;
background-color: rgba(0,0,0,0.2);
left: -51px;
bottom: 25px;
}
.light-content .user_comment_reply .user-image:after, .light-content  .user_comment_reply .user-image:before {
background-color:rgba(255,255,255,0.2);
}
.pingback, .trackback {
padding-left: 0;
}
.bypostauthor {
position:relative;
} #post-form {
position: relative;
display: block;
margin: 0 auto;
width: 100%;
max-width:860px;
}
#post-form .entry-meta li {
font-weight:500;
font-size: 20px;
}
#post-form .message-box, #respond .message-box {
margin-top: 10px;
}
#post-form textarea, #respond textarea {
margin-bottom: 0px;
}
.comment_area_loggedin.message-box {
margin-bottom:40px;
}
.wp-block-latest-comments__comment-link {
line-height:28px;
}
.cancel-reply {
position:relative;
display:inline-block;
margin-bottom:10px;
line-height: 22px;
opacity:0.75;
-webkit-transition:opacity 0.15s ease 0s;
transition:opacity 0.15s ease 0s;
}
.light-content .cancel-reply {
opacity:0.55;
}
.cancel-reply:hover {
opacity:1;
}
.cancel-reply::before {
content: '';
position: absolute;
bottom: 1px;
left: 0;
width: 100%;
height: 2px;
background: rgba(0,0,0,1);
transform: scaleX(0);
transform-origin: right;
transition: transform .2s ease-out;
}
.light-content .cancel-reply::before {
background: rgba(255,255,255,1);
}
.cancel-reply:hover::before {
transform: scaleX(1);
transform-origin: left;
}
.logged-in-as a {
position:relative;
display:inline-block;
opacity:1;
-webkit-transition:opacity 0.15s ease 0s;
transition:opacity 0.15s ease 0s;
}
.light-content .logged-in-as a {
opacity:1;
}
.logged-in-as a:hover {
opacity:1;
}
.logged-in-as a::before {
content: '';
position: absolute;
bottom: 1px;
left: 0;
width: 100%;
height: 2px;
background: rgba(0,0,0,1);
transform: scaleX(0);
transform-origin: right;
transition: transform .2s ease-out;
}
.light-content .logged-in-as a::before {
background: rgba(255,255,255,1);
}
.logged-in-as a:hover::before {
transform: scaleX(1);
transform-origin: left;
}
.comment-form-cookies-consent {
display: block;
float: left;
margin-top: 10px;
margin-bottom: 20px;
position: relative;
width: 100%;
height: autox;
}
#wp-comment-cookies-consent, .comment-form-cookies-consent input {
width: 20px;
height: 20px;
margin: 0;
border: 0;
top: 2px;
position: absolute;
}
.comment-form-cookies-consent label {
height: auto;
display: block;
line-height: 24px;
position: relative;
top: 0;
padding-left: 32px;
font-size: 14px;
} #post-notification {
position: relative;
display: block;
margin: 0 auto;
width: 100%;
max-width:860px;
} #black-fade {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0;
z-index: 1100;
visibility:hidden;
-webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
-webkit-perspective: 1000;
}
#black-fade.fade-in {
opacity: 0.9;
visibility:visible;
}
.magic-cursor-disabled #black-fade.fade-in {
position: fixed;
height: 100vh;
width: 100vw;
top: 0;
left: 0;
right: 0;
bottom: 0;
cursor: url(//podernuovoapalazzone.com/wp-content/themes/montoya/images/close.png), e-resize;
}
#sidebar {
position: fixed;
top: 0px;
right: -370px;
width: 400px;
height: 100%;
background-color: #ddd;
z-index: 1200;
overflow: hidden;
-webkit-transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000), background-color 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000), background-color 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-webkit-transform: translateX(0);
transform: translateX(0);
opacity:0;
}
#sidebar .before-span {
opacity: 1!important;
transform: translate(0px, 0px)!important;
}
.load-post-page #sidebar {
opacity:1!important;
}
.light-content #sidebar {
background-color: #222;
}
#sidebar.open {
-webkit-transform: translateX(-370px)!important;
transform: translateX(-370px)!important;
background-color: #fff;
}
.light-content #sidebar.open {
background-color: #222;
}
#open-sidebar {
cursor:pointer;
width: 30px;
height: 30px;
line-height:30px;
position: absolute;
top: 50%;
margin-top: -15px;
left: 0;
font-size: 14px;
text-align: center;
color:#000;
opacity:0.5;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;		
}
.light-content #open-sidebar {
color:#fff;
}
#open-sidebar:hover, #open-sidebar-nav:hover {
opacity:1
}
#open-sidebar-nav {
cursor:pointer;
width: 30px;
height: 30px;
line-height:30px;
position: absolute;
font-size: 14px;
text-align: center;
color:#000;
opacity:0.2;
display:none;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;		
}
.light-content #open-sidebar-nav {
color:#fff;
}
#open-sidebar.open {
opacity:0;
visibility:hidden;
}
#open-sidebar i {
width: 30px;
height: 30px;
line-height:30px;
}
.sidebar-content {
box-sizing: border-box;
padding: 80px 50px;
padding-right: 60px;
width: calc(100% + 30px);
height:100%;
overflow-y: scroll;
}
.clapat-sidebar-widget {
display:block;
position:relative;
margin-bottom:70px;
line-height:28px;
font-weight:500;
}
.clapat-sidebar-widget em {
font-family:inherit;
}
.clapat-sidebar-widget article {
padding:0;
border:none!important;
}
.widgettitle a {
color:#000;
}
.light-content .widgettitle a {
color:#fff;
}
.clapat-sidebar-widget footer {
position: relative !important;
width: 100%;
height: auto;
z-index: 0;
box-sizing: border-box;
text-align: left;
bottom: 0;
left: 0;
overflow: visible;
pointer-events: initial;
}
.clapat-sidebar-widget ul {
margin: 0;
margin-top: 10px;
}
.clapat-sidebar-widget ul li {
position: relative;
width: 100%;
list-style: none;		
display: inline-block;
margin: 8px 0;
line-height:28px;		
}
.clapat-sidebar-widget ul ul {
margin-left: 20px;
}
.clapat-sidebar-widget a {
position: relative;
opacity: 0.7;
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.clapat-sidebar-widget a:hover {
opacity:1;
} .wp-block-button.aligncenter, .wp-block-calendar {
text-align:left;
margin-bottom:25px;		
}
#wp-calendar {
width: 100%; 
border:0;
}
#wp-calendar caption {
text-align: left;
color: #000;
font-size: 16px;
margin-top: 15px;
margin-bottom: 15px;
}
.light-content #wp-calendar caption {
color:#fff;
}
#wp-calendar thead { 
font-size: 10px; 
}
#wp-calendar thead th {
padding-bottom: 10px;
border: 0;
text-align: center;
padding-top: 10px;
font-size: 12px;
}
#wp-calendar tbody { 
color: #aaa; 
}
#wp-calendar tbody td {
background: #fff;
border: 1px solid #eee;
text-align: center;
padding: 8px;
border-radius: 0px;
font-size: 12px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.light-content #wp-calendar tbody td {
background: #333;
border: 1px solid #222;
}
.light-content #wp-calendar a {
color:#fff;
}
#wp-calendar tbody td:hover { 
background: #222; 
color:#fff;
}
#wp-calendar tbody td:hover a {
color:#fff;
}
#wp-calendar tbody .pad { 
background: none; 
}
#wp-calendar tfoot #next { 
font-size: 10px; 
text-transform: uppercase; 
text-align: right; 
}
#wp-calendar tfoot #prev { 
font-size: 10px; 
text-transform: uppercase; 
padding-top: 10px; 
}
#wp-calendar tfoot td {	
border:0
}
#wp-calendar .pad {
background-color:transparent!important;
}
.wp-calendar-nav {
background-color:transparent!important;
pointer-events:initial;
} .select, .wp-block-archives-dropdown, .wp-block-categories-dropdown {
position: relative;
display: block;
width: 100%;
height: 40px;
background: transparent;
line-height: 40px;
margin-top: 25px;
margin-bottom: 25px;
}
.light-content .select, .light-content .wp-block-archives-dropdown, .light-content .wp-block-categories-dropdown {
background: #333;
}
.clapat-sidebar-widget select {
position:relative;
width:100%;
}
.clapat-sidebar-widget select option {
position:relative;
width:100%;
}
select {
width: 100%;
height: 100%;
margin: 0;
padding: 0 0 0 1em;
color: #000;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
outline: 0;
box-shadow: none;
border: 0 !important;
background-image: none;
font-size: 14px !important;
font-family: inherit !important;
}
select::-ms-expand {
display: none;
}
.select::after, .wp-block-archives-dropdown::after, .wp-block-categories-dropdown::after {
content: '\25BC';
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding: 0 1.6em;
background: #000;
pointer-events: none;
height: 40px;
line-height: 40px;
color: rgba(255,255,255,1);
font-size: 10px;
z-index: 20;
}
.light-content .select::after, .light-content .wp-block-archives-dropdown::after, .light-content .wp-block-categories-dropdown::after {
height: 41px;
line-height: 41px;
}
.select:hover::after {
color: #fff;
}
.select::after {
-webkit-transition: .25s all ease;
-o-transition: .25s all ease;
transition: .25s all ease;
} .wp-block-latest-posts {
margin:0;		
}
.wp-block-latest-posts li a, .wp-block-latest-comments__comment-meta a, .clapat-sidebar-widget a {
background-image: linear-gradient(transparent calc(100% - 2px), #000 1px);
background-size: 0;
background-repeat: no-repeat;
display: inline;
transition: 0.3s ease;
word-wrap: anywhere;
padding: 1px 0;
box-sizing: border-box;
font-size:14px;
}
.light-content .wp-block-latest-posts li a, .light-content .wp-block-latest-comments__comment-meta a, .light-content .clapat-sidebar-widget a {
background-image: linear-gradient(transparent calc(100% - 2px), #fff 1px);
}
.wp-block-latest-posts li:hover a, .wp-block-latest-comments__comment-meta a:hover, .clapat-sidebar-widget a:hover {    
background-size: 100%;
} .wp-block-search, .wp-block-search .wp-block-search__inside-wrapper {
position: relative;
display: block;
}
.wp-block-search {
margin-bottom:25px;
}
.wp-block-search .wp-block-search__input {
border: none;
border-bottom: 1px solid rgba(0,0,0,0.3);
padding-left: 70px;
font-size:14px;
font-weight:400;
}
.light-content .wp-block-search .wp-block-search__input {
color:rgba(255,255,255,1);
border-bottom:1px solid rgba(255,255,255,0.3);
}
.wp-block-search .wp-block-search__label {
width: auto;
position: absolute;
height: 100%;
line-height: 50px;
color:#444;
font-size:14px;
font-weight:400;
}
.light-content .wp-block-search .wp-block-search__label {
color:#aaa;
}
.wp-block-search .wp-block-search__label::after {
content: ":";
width: 3px;
height: 50px;
font-size: 16px;
line-height: 50px;
text-align: left;
position: absolute;
right: -6px;
top: 0;
}
.wp-block-search__inside-wrapper:after {
font: var(--fa-font-solid);
content: "\f002";
width:20px;
height:20px;
font-size:14px;
line-height:20px;
text-align:left;
position:absolute;
right:0px;
top:14px;
color:#000;
}
.light-content .wp-block-search__inside-wrapper:after {
color:#fff;
}
.wp-block-search .wp-block-search__button {
position: absolute;
right: 0;
height: 100%;
width: 40px;
opacity: 0;
z-index: 10;
overflow:hidden;
}
.search {
position:relative;
} .post-password-form label {
width: 100%;
position: relative;
height: 100%;
line-height: 50px;
color: #444;
display: block;
margin-bottom:25px;
}
.light-content .post-password-form label {
color:#aaa;
}
.post-password-form input {
position: absolute;
display: block;
width: 100%;
top: 0;
padding-left: 90px;
}
.post-password-form input[type="submit"] {
height: 50px;
position:relative;
width: auto;
border: solid 3px #000;
color: #000;
background-color: transparent;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
font-weight: 500;
line-height: 20px;
overflow: hidden;
text-align: center;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.light-content .post-password-form input[type="submit"] {
border: solid 3px #fff;
color: #fff;
background-color: transparent;
}
.post-password-form input[type="submit"]:hover {
color: #fff;
background-color: #fff;
}
.light-content .post-password-form input[type="submit"]:hover {
color: #000;
background-color: #fff;
} @media only screen and (max-width: 1466px) {
.post-template-content .post-max-width {
max-width: 900px;
padding:0 60px;
}
#post-form {
max-width: 900px;
box-sizing:border-box;
}
#post-navigation {
clip-path: inset(0 60px 0 60px);
}
}
@media only screen and (max-width: 1024px) {
article {
padding: 50px 0 30px 0;
}
#blog-effects.clapat-blog-expand-on-scroll article {
pointer-events: initial;
opacity: 1;
}
.article-wrap  .hover-reveal {
position: relative;
width: 100%;
height: auto;
pointer-events: none;
opacity:1!important;
margin-bottom:40px;		
box-sizing:border-box;
left: 0!important;
top: 0!important;
}
.article-wrap:hover .hover-reveal {
width:100%;
}
.article-wrap .hover-reveal__inner {
width: 100%;
height: auto;
transform: translateX(0%)!important;
-webkit-transform: translateX(0%)!important;
}
.article-wrap .hover-reveal__inner .hover-reveal__img {
transform: translateX(0%)!important;
-webkit-transform: translateX(0%)!important;
}
#blog-effects article .article-bg {
display: block;
width: 100%;
height:auto;
}
.article-content {
position:relative;
padding: 0;
margin-bottom: 30px;
}
.article-wrap {
width: 100%;
margin-bottom:20px;
}
article .post-title, article .article-links {
width: auto;
}
article .button-wrap {
margin-left: 50%;
}
.post.sticky {
width: calc(100% + 80px);
margin-left: -40px;
padding: 50px 40px 30px 40px;
box-sizing: border-box;
border: none;
}
.post.sticky .article-wrap {
border: none!important;
}
.post.sticky .article-wrap::before {
display:none;
}
.has-post-thumbnail .article-wrap:hover .post-title {
transform: translateX(00px);
-webkit-transform: translateX(00px);
max-width: 100%;
}
.post-template-content .post-max-width, #post-form {
max-width: 900px;
padding:0 40px;
}
#post-navigation {
clip-path: inset(0 40px 0 40px);
}
.post-template-content .hero-title {
font-size: calc(1rem + 10vw);
line-height: calc(1rem + 9.5vw);
}
}
@media only screen and (max-width: 767px) {
.article-content {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
article .entry-meta-wrap {
width: auto;
}
article .post-title {
font-size: calc(1rem + 2vw);
line-height: calc(1rem + 2.6vw);
}
article .button-wrap {
margin: 0 auto;
}
article .button-wrap .icon-wrap {
display: none;
}
article .button-wrap .button-text {
padding:0;
display:block;
}
.post.sticky {
width: calc(100% + 60px);
margin-left: -30px;
padding: 50px 30px 30px 30px;
}
.blog-excerpt {
box-sizing: border-box;
padding-left: 30px;
padding-right: 30px;
}
#blog-page-nav {
padding-top: 100px;
padding-bottom: 80px;
}
#blog-nav-minimal {
width: 100%;
}
.post-prev, .post-next {
width: 100%;
float: left;
text-align: left;
color: #000;
}
.post-next {
text-align: left;
margin-top: 20px;
}
#post-comments h5 {
font-size: 28px;
line-height: 44px;
}
.user_comment {
padding-left: 55px;
margin-bottom: 25px;
}
.user-image {
height: 40px;
width: 40px;
}
.user_comment_reply {
padding-left: 55px;
margin-top: 25px;
}
.user_comment_reply .user-image::before {
width: 1px;
height: 20px;
left: -41px;
bottom: 20px;
}
.user_comment_reply .user-image::after {
width: 20px;
height: 1px;
left: -40px;
bottom: 20px;
}
#open-sidebar-nav {
display: block;
right: 70px;
top: 26px;
opacity: 1;
pointer-events: initial;
z-index:0;
}
#sidebar.open {
-webkit-transform: translateX(-400px)!important;
transform: translateX(-400px)!important;
}
#sidebar {
right: -400px;
width: 400px;
height: 100%;
}
#post-navigation {
clip-path: inset(0 30px 0 30px);
}
.post-template-content .post-max-width, #post-form {
max-width: 900px;
padding:0 30px;
}
.post-template-content .hero-title {
font-size: calc(1rem + 12vw);
line-height: calc(1rem + 11.5vw);
}
}
@media only screen and (max-width: 479px) {
.post.sticky {
width: calc(100% + 40px);
margin-left: -20px;
padding: 50px 20px 30px 20px;
}
.blog-excerpt {
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;
}
#blog-page-nav {
padding-top: 100px;
padding-bottom: 80px;
}
.page-numbers li {
padding-right: 4px;
}
.user_comment {
padding-left: 0px;
margin-bottom: 25px;
}
.user-image {
display:none;
}
.user_comment_reply {
padding-left: 20px;
}
#open-sidebar-nav {
right: 60px;
}
#sidebar.open {
-webkit-transform: translateX(-300px)!important;
transform: translateX(-300px)!important;
}
#sidebar {
right: -300px;
width: 300px;
height: 100%;
}
.sidebar-content {
padding: 60px 30px;
padding-right: 30px;
padding-right: 40px;
}
#post-navigation {
clip-path: inset(0 20px 0 20px);
}
.post-template-content .post-max-width, #post-form {
max-width: 900px;
padding:0 20px;
}
}.pinned-section {
position: relative;
display: table!important;
width: 100%;
margin: 0 auto;
max-width:1160px;
}
.full .pinned-section, .full_elementor .pinned-section {
max-width:100%;
}
.pinned-section .pin-spacer {
width:50%!important;
}
.pinned-element {
position:relative;
display:block;
height:auto;
float:left;
width:50%;
margin:0;
box-sizing:border-box;
}
.pinned-element.left {
padding-right:30px;
}
.pinned-element.right {
padding-left:30px;
}
.scrolling-element {
position:relative;
float:left;
width:50%;
margin:0;
box-sizing:border-box;
}
.scrolling-element.left {
padding-right:30px;
}
.scrolling-element.right {
padding-left:30px;
}
.scrolling-element img {
display:block;
height: auto;
width:100%;
} .title-moving-outer {
margin-left: calc(50% - 50vw)!important;
margin-right: calc(50% - 50vw)!important;
max-width: 1000%!important;
width: 100vw!important;
}
.title-moving-forward, .title-moving-backward {
clear: both;
display: inline-block;
overflow: hidden;
white-space: nowrap;
padding:0 6vw;
box-sizing:border-box;
}
.marquee-text-wrapper {
white-space: nowrap;
margin-left: calc(50% - 50vw)!important;
margin-right: calc(50% - 50vw)!important;
max-width: 1000%!important;
width: 100vw!important;
}
.marquee-text {
font-weight: 500;
display: inline-block;
color:#000;
}
.marquee-text:before {
content: '.';
color:transparent;
}
.light-content .marquee-text, .dark-section .rolling-text {
color:#fff;
}
.light-content .light-section .marquee-text {
color:#000;
} .hover-reveal {
position: fixed;
width: 20vw;
height: 30vw;
pointer-events: none;
opacity: 0;		
left:auto;
right:auto;
margin:auto;
}
.content-row > .hover-reveal {
z-index:-1;
}
.rounded-borders .hover-reveal {
border-radius:8px;
overflow:hidden;
}
.hover-reveal__inner, .hover-reveal__img {
width: 100%;
height: 100%;
position: absolute;
}
.hover-reveal__img {
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
width:100%;
height: 100%;
position:relative;
display:block;
} .clapat-slider-wrapper.content-slider  {
width:100%;
height: auto;
position:relative;	
}
.content-slider .clapat-slider-viewport {
display: flex;
position: relative;
margin: 0 auto;
}
.content-slider.looped-carousel .clapat-slider-viewport {
max-width:1280px;
}
.content-slider.small-looped-carousel .clapat-slider-viewport {
max-width:600px;
}
.content-slider .clapat-slider {
padding: 0 0 0 0;
height: auto;
position:relative;	
}
.content-slider .clapat-slide {
width: 100%;
}
.content-slider.looped-carousel .clapat-slide {
padding:0 60px;
}
.content-slider.small-looped-carousel .clapat-slide {
padding:0 20px;
}
.rounded-borders .content-slider {
border-radius:8px;
overflow:hidden;
}
.rounded-borders .content-slider.looped-carousel img, .rounded-borders .content-slider.small-looped-carousel img {
border-radius:8px;
}
.content-slider.looped-carousel .clapat-button-prev, .content-slider.looped-carousel .clapat-button-next {
display:none;
}
.disable-cursor .content-slider.looped-carousel .clapat-button-prev, .disable-cursor .content-slider.looped-carousel .clapat-button-next {
display:block;
}
.content-slider.small-looped-carousel .clapat-button-prev, .content-slider.small-looped-carousel .clapat-button-next {
display:none;
}
.disable-cursor .content-slider.small-looped-carousel .clapat-button-prev, .disable-cursor .content-slider.small-looped-carousel .clapat-button-next {
display:block;
}
.content-slider .clapat-pagination {
bottom:20px;
}
.content-slider .slider-button-prev {
position:absolute;
top:0;
left:0;
margin:0;
width:50%;
height:100%;
z-index:10;
cursor:pointer;	
}
.content-slider .slider-button-next {
position:absolute;
top:0;
right:0;
margin:0;
width:50%;
height:100%;
z-index:10;
cursor:pointer;		
}
.content-slider .clapat-pagination {
opacity:1;
}
.content-slider .clapat-pagination-bullet .parallax-wrap {
width: 40px;
height: 40px;
display: inline-flex;
position: relative;
justify-content: center;
align-items: center;
pointer-events: initial;
}
.content-slider .clapat-pagination-bullet .parallax-element {
height: 40px;
width: 40px;
text-align: center;
line-height: 50px;
}
.clapat-pagination-bullet-active .path {
display: inline-block !important;
stroke-dasharray: 1000;
stroke-dashoffset: 0;
animation: dash ease-in 3s;
animation-iteration-count: unset;
}
.clapat-pagination-bullet .path, .light-content.light-content-slider .clapat-pagination-bullet .path {
stroke:#000;
}
.clapat-pagination-bullet .solid-fill, .light-content.light-content-slider .clapat-pagination-bullet .solid-fill {
fill:#000;
}
.light-content .clapat-pagination-bullet .path, .dark-section .clapat-pagination-bullet .path, .light-content-slider .clapat-pagination-bullet .path {
stroke:#fff;
}
.light-content .light-section .clapat-pagination-bullet .path {
stroke:#000;
}
.light-content .clapat-pagination-bullet .solid-fill, .dark-section .clapat-pagination-bullet .solid-fill, .light-content-slider .clapat-pagination-bullet .solid-fill {
fill:#fff;
}
.light-content .light-section .clapat-pagination-bullet .solid-fill, .light-content .dark-section .dark-cursor .clapat-pagination-bullet .solid-fill {
fill:#000;
}
.light-cursor .clapat-pagination-bullet .path {
stroke:#fff!important;
}
.dark-cursor .clapat-pagination-bullet .path {
stroke:#000!important;
}
.light-cursor .clapat-pagination-bullet .solid-fill {
fill:#fff!important;
}
.dark-cursor .clapat-pagination-bullet .solid-fill {
fill:#000!important;
}
.path {
display: none;
}
@keyframes dash {
from {
stroke-dashoffset: 1000;
}
to {
stroke-dashoffset: 0;
}
}
.disable-cursor .full .looped-carousel .clapat-controls, .disable-cursor .full_elementor .looped-carousel .clapat-controls {
position: absolute;
width: calc(100% - 60px);
height: 100%;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.disable-cursor .full .small-looped-carousel .clapat-controls, .disable-cursor .full_elementor .small-looped-carousel .clapat-controls {
position: absolute;
width: calc(100% - 60px);
max-width:540px;
height: 100%;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.disable-cursor .slider-button-prev {
position: absolute;
top: calc(50% - 30px);
left: 0px;
margin: 0;
width: 60px;
height: 60px;
z-index: 10;
cursor: pointer;
opacity:0.7;
-webkit-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
}
.disable-cursor .slider-button-prev:hover {
opacity:1;
}
.disable-cursor .slider-button-prev::after {
font: var(--fa-font-solid);
content: "\f104";
font-size: 24px;
width:60px;
height:60px;
line-height:60px;
text-align:center;
position: absolute;
left: 0;
top:0;
color:#fff;
}
.disable-cursor .light-cursor .slider-button-prev::after, .disable-cursor .light-cursor .slider-button-next::after {
color:#fff;
}
.disable-cursor .dark-cursor .slider-button-prev::after, .disable-cursor .dark-cursor .slider-button-next::after {
color:#000;
}
.disable-cursor .slider-button-next {
position: absolute;
top: calc(50% - 30px);
left:auto;
right: 0px;
margin: 0;
width: 60px;
height: 60px;
z-index: 10;
cursor: pointer;
opacity:0.7;
-webkit-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
}
.disable-cursor .slider-button-next:hover {
opacity:1;
}
.disable-cursor .slider-button-next::after {
font: var(--fa-font-solid);
content: "\f105";
font-size: 24px;
width:60px;
height:60px;
line-height:60px;
text-align:center;
position: absolute;
left: 0;
top:0;
color:#fff;
} .image-link, .video-link {
display: block;
width: auto;
}
.rounded-borders .image-link img, .rounded-borders .video-link img {
border-radius:8px;
}
.disable-cursor .image-link::after {
font: var(--fa-font-solid);
content: "\f002";
font-size: 18px;
width:60px;
height:60px;
line-height:60px;
text-align:center;
position: absolute;
right:10px;
top:10px;
color:#fff;
opacity:0;
-webkit-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
}
.disable-cursor .image-link:hover::after {
opacity:1;
}
.disable-cursor .video-link::after {
font: var(--fa-font-solid);
content: "\f04b";
font-size: 18px;
width:60px;
height:60px;
line-height:60px;
text-align:center;
position: absolute;
right:10px;
top:10px;
color:#fff;
opacity:0;
-webkit-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
}
.disable-cursor .video-link:hover::after {
opacity:1;
} .hero-video-wrapper {
position: absolute;
box-sizing: border-box;
width: 100%;
height: 100%;
padding:0;
overflow:hidden!important;
opacity:0;		
}
.item .hero-video-wrapper, .clapat-item .hero-video-wrapper, .hover-reveal__img .hero-video-wrapper, .clapat-slider .hero-video-wrapper, .open-thumbnail .hero-video-wrapper, .carousel-zoom-wrapper .hero-video-wrapper, .carousel-thumbs-wrapper .hero-video-wrapper, .gallery-zoom-wrapper .hero-video-wrapper, .gallery-thumbs-wrapper .hero-video-wrapper, .overlapping-image .hero-video-wrapper, .snap-slider-images .hero-video-wrapper {
position: absolute;
box-sizing: border-box;
min-width: 100%;
min-height: 100%;
width: 100%;
height: auto;
background-size: cover;
padding: 0;
overflow: hidden !important;
opacity: 1;
top: 0;
z-index: 120;
pointer-events: none;
}
.content-video-wrapper {
position: absolute;
box-sizing: border-box;
width: 100%;
height: 100%;
left:0;
top:0;
padding:0;
overflow:hidden!important;
z-index: 1;
}
.hero-video-wrapper video.bgvid, .content-video-wrapper video.bgvid {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
object-fit: cover;
width: 100%;
height: 100%;
}
.video-wrapper {
position: relative;
box-sizing: border-box;
min-width: 100%;
max-height: 100vh;
width: 100%;
height: auto;
background-size: cover;
padding:0;
overflow:hidden!important;
opacity:1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.rounded-borders .video-wrapper {
border-radius: 8px;
}
.video-cover {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:100;
cursor:pointer;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-transition: opacity 0.3s ease-out 0.05s, height 0s ease-out 0s;
transition: opacity 0.3s ease-out 0.05s, height 0s ease-out 0s;
}
.video-cover.hidden {
opacity:0;
height: calc(100% - 50px);
-webkit-transition: opacity 0.3s ease-out, height 0s ease-out 0.3s;
transition: opacity 0.3s ease-out, height 0s ease-out 0.3s;
}
video.bgvid { 
width: 100%;
height: 100%;
top: 0;
left: 0;
object-position: center; 
object-fit: cover;
z-index: -100;
}
.video-wrapper video.bgvid {
position: relative;
}
.control {
bottom: 25px;
color: #ccc;
display: none;
left: 0;
position: absolute;
width: calc(100% - 40px);
z-index: 5;
background-color: #eee;
padding: 0;
box-sizing: border-box;
right: 0;
margin: 0 auto;
}
.full .control, .full_elementor .control {
bottom: 10px;
width: calc(100% - 160px);
}
.btmControl{
clear:both;
}
.control .sound{
width: 30px;
height: 50px;
float:left;
cursor:pointer;
text-align:center;
line-height:50px;
color:#fff;
opacity:0.4;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.control .sound:hover {
opacity:1;
}
.control .sound i {
line-height:50px;
}
.control .sound.muted i:first-child {
display:none;
}
.control .sound.muted i:last-child {
display:block;
}
.control .sound i:last-child {
display:none;
}
.control .btnFS{
width: 50px;
height: 50px;
float:left;
cursor:pointer;
text-align:center;
line-height:50px;
color:#fff;
opacity:0.4;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.control .btnFS:hover{
opacity:1;
}
.progress-bar {
background: rgba(255,255,255,0.5);
box-sizing: border-box;
float: left;
height: auto;
width: calc(100% - 123px);
cursor: pointer;
bottom: 23px;
position: absolute;
left: 23px;
opacity:0;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.video-wrapper:hover .progress-bar {
opacity:1;
}
.progress {
height: 2px;
max-width: 100%;
position: relative;
width: 100%;
}
.progress span {
height:100%;
position:absolute;
top:0;
left:0;
display:block;
}
.timeBar{
z-index:10;
width:0;
background: #fff;
}
.bufferBar{
z-index:5;
width:0;
background: rgba(255,255,255,0.2);
}
.video-btns {
position: absolute;
right: 3px;
bottom: 0px;
opacity:0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.video-wrapper:hover .video-btns {
opacity:1;
}
.volume{
position:relative;
cursor:pointer;
width:70px;
height:10px;
float:right;
margin-top:10px;
margin-right:10px;
}
.volumeBar{
display:block;
height:100%;
position:absolute;
top:0;
left:0;
} .button-box {
line-height:16px;
cursor:pointer;
border:none;
box-sizing:border-box;
text-align:center;
display:inline-block;
position:relative;
}
.text-align-center .button-box, .text-align-center.button-box {
margin-left:10px;
margin-right:10px;
text-align:center;
}
.text-align-center.button-box {
display: flex;
margin:auto
}
.button-content .submit-box {
color:#fff;
}
.clapat-button-wrap {
display: flex;
position: relative;
justify-content: center;
align-items: center;
left:0;
right:0;
min-width:100px;
height:60px;		
}
.clapat-button-wrap.circle {
min-width:104px;
height:104px;	
}
.text-align-center .clapat-button-wrap {
margin:0 auto;
}
.clapat-button {		
opacity:1;		
}
.button-border {
height: 50px;
width: auto;
border: solid 2px #000;
background-color:#000;
border-radius: 5px;
cursor:pointer;
font-size: 16px;
font-weight: 500;
line-height:50px;
overflow: hidden;
color:#000;
text-align:center;
-webkit-transition : border 0.2s ease-out;
transition : border 0.2s ease-out;
box-sizing:initial !important;
}
.light-content .button-border, .dark-section .button-border {
border: solid 2px #fff;
background-color:#fff;
}
.light-content .light-section .button-border {
border: solid 2px #000;
background-color:#000;
}
.light-content .button-border a, .dark-section .button-border a {
color:#000;
}
.light-content .light-section .button-border a {
color:#fff;
}
.button-border.rounded {
border-radius: 30px;
}
.button-border.outline {
border: solid 2px #000;
color:#000;
background-color:transparent;
}
.light-content .button-border.outline, .dark-section .button-border.outline {
border: solid 2px #fff;
color:#fff;		
background-color:transparent;
}
.light-content .light-section .button-border.outline {
border: solid 2px #000;		
background-color:transparent;
}
.clapat-button a {
position: relative;
display: block;
height: 100%;
}
.light-content .button-border.outline a, .dark-section .button-border.outline a {
color:#fff;
}
.light-content .light-section .button-border.outline a {
color:#000;
}
.dark-content .light-section .button-border a {
color:#fff;
}
.dark-content .light-section .button-border.outline a {
color:#000;
}
.circle .button-border {
border-radius: 100px;
height: 100px;
width: 100px;
}
.button-border span {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
width: auto;
text-align: center;
transform-origin: 100% 0%;
padding: 0 40px;
}
.button-border span::before {
position: absolute;
width: 100%;
top: 100%;
left: 0;
content: attr(data-hover);
text-align: center;
}
.clapat-button:hover .button-border span {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
transform-origin: 0% 0%;
}
.clapat-button-wrap.circle:hover .button-border {
border: solid 2px transparent;	
}
.clapat-button-wrap.circle .button-border input, .clapat-button-wrap.circle .button-border a {
height: 100px;
width: 100px;
line-height: 100px;
text-align: center;
padding: 0;
font-size: 12px;
cursor:pointer;	
} .has-animation {
opacity:0;
-webkit-transition:translateY(30px);
transform: translateY(30px);
}
.has-animation.has-scale {
opacity: 0;
-webkit-transition:translateY(0px) scale(1.05);
transform: translateY(0px) scale(1.05);
transform-origin: 50% 0;
will-change:transform;
}
.has-animation.has-scale-vertical {
opacity: 0;
-webkit-transition:translateY(0px) scaleY(1.1);
transform: translateY(0px) scaleY(1.1);
transform-origin: 50% 0;
will-change:transform;
}
.has-animation.has-cover {
opacity: 1;
-webkit-transition:translateY(0px);
transform: translateY(0px);
overflow:hidden;
}
.has-animation.has-cover::after {
content: "";
width: 100%;
height: 100%;
background-color:inherit;
position:absolute;
top:0;
right:0;
z-index:10;
-webkit-transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);
-o-transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);
transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);	
}
.has-animation.has-cover.animated::after {
width:0;
}
.has-animation.has-cover img {
opacity: 1;
-webkit-transition:scale(1.05);
transform:scale(1.05);
-webkit-transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);
-o-transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);
transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);	
}
.has-animation.has-cover.animated img {
opacity: 1;
-webkit-transition:scale(1);
transform:scale(1);
}
.has-mask {
margin-bottom:10px;
}
.has-mask span {
display:inline-table;
overflow:hidden;
}
.has-mask span > span {
display: inline-table;
margin:0!important;
line-height:inherit;
height:inherit;
opacity:0;
-webkit-transform:translateY(60px);
transform: translateY(60px);
}
h1.big-title.has-mask span, h1.big-title.has-mask span > span {
line-height:inherit;
height:inherit;
margin-right:12px;
}
h1.has-mask span, h1.has-mask span > span {
line-height:inherit;
height:inherit;
margin-right:12px;
}
h2.has-mask span, h2.has-mask span > span {
line-height:inherit;
height:inherit;
margin-right:10px;
}
h3.has-mask span, h3.has-mask span > span {
line-height:inherit;
height:inherit;
margin-right:8px;
}	
h4.has-mask span, h4.has-mask span > span {
line-height:inherit;
height:inherit;
margin-right:7px;
}
h5.has-mask span, h5.has-mask span > span {
line-height:inherit;
height:inherit;
margin-right:6px;
}
h6.has-mask span, h6.has-mask span > span {
line-height:inherit;
height:inherit;
margin-right:5px;
}
.has-mask-fill > span {
position: relative;
display: inline;
-webkit-text-fill-color: rgba(0,0,0,0.1);
-webkit-background-clip: text;
background-repeat: no-repeat;
background-image: linear-gradient(#000, #000);
background-size: 0% 100%;
}
.has-mask-fill.block-title > span {
display: block;
}
.light-content .has-mask-fill > span, .dark-section .has-mask-fill > span {
-webkit-text-fill-color: rgba(255,255,255,0.1);
background-image: linear-gradient(#fff, #fff);;
}
.light-content .light-section .has-mask-fill > span {
-webkit-text-fill-color: rgba(0,0,0,0.1);
-webkit-background-clip: text;
background-repeat: no-repeat;
background-image: linear-gradient(#000, #000);
}
.has-indent {
text-indent:8vw;
}
.has-span-indent {
margin-right: 30px;
display: inline;
vertical-align: top;
line-height: inherit;
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 16px;
text-transform: initial;
opacity:0.4;
}
.has-hover-image {
cursor:pointer;
display:inline-block;
position:relative;
}
span.has-hover-image::before {
content: '';
position: absolute;
bottom: 1px;
left: 0;
width: 100%;
height: 2px;
background: rgba(0,0,0,1);
transform: scaleX(1);
transform-origin: left;
transition: transform .2s ease-out;
}
.light-content span.has-hover-image::before, .dark-section span.has-hover-image::before {
background: rgba(255,255,255,1);
}
.light-content .light-section span.has-hover-image::before {
background: rgba(0,0,0,1);
}
span.has-hover-image:hover::before {
transform: scaleX(0);
transform-origin: right;
}
span.has-hover-image .hover-reveal {
left:0;
width: 400px;
height: 250px;
overflow:hidden;
}
span.has-hover-image.vertical .hover-reveal {
width: 300px;
height: 400px;
}
.has-opacity span {
opacity:0.2;
}
.number-counter {
position: relative;
display:table;
}
.number-counter::after {
content: attr(data-symbol);
line-height: inherit;
top: 0;
position: absolute;
left: calc(100% + 5px);
} a.link {
display:inline-block;
position:relative;
}
.light-content a.link {
color:#fff;
}
.light-content .light-section a.link {
color:#000;
}
a.link::before {
content: '';
position: absolute;
bottom: 1px;
left: 0;
width: 100%;
height: 2px;
background: rgba(0,0,0,1);
transform: scaleX(0);
transform-origin: right;
transition: transform .2s ease-out;
}
h1 a.link::before {
bottom: 0px;
height: 3px;
}
.light-content a.link::before, .dark-section a.link::before {
background: rgba(255,255,255,1);
}
.light-content .light-section a.link::before {
background: rgba(0,0,0,1);
}
a.link:hover::before {
transform: scaleX(1);
transform-origin: left;
} .box-icon-wrapper {
display: table;
position: relative;
box-sizing: border-box;
height: auto;
width:100%;
}
.box-icon {
color: #000;
position: relative;
margin-top: 0px;
margin-bottom: 10px;
width: 35px;
height: 35px;
line-height: 35px;
}
.text-align-center .box-icon {
margin:auto;
}
.inline-boxes .box-icon {
position:absolute;
}
.box-icon i {
position:relative;
margin-bottom:0px;
font-size:24px;
}
.light-content .box-icon {
color:#fff;
}
.light-content .light-section .box-icon {
color:#000;
}
.box-icon:after {
content: "";
clear: both;
display: table;
}
.box-icon-content {
position:relative;
width:100%;
box-sizing:border-box;
}
.inline-boxes .box-icon-content {
padding-left:45px;
}
.box-icon h5 {
margin-bottom:5px;
}
.box-icon svg {
fill: #000;
width: 35px;
height: 35px;
top: -10px;
position: relative;
}
.light-content .box-icon svg {
fill:#fff;
}
.light-content .light-section .box-icon svg {
fill:#000;
} .parallax-image-content {
position: relative;
margin:0 auto;
z-index: 10;
height: 100%;
width: 100%;
box-sizing: border-box;
}
.parallax-image-content .outer {
width: 100%;
margin: 0 auto;
padding-top:20px;
padding-bottom:20px;
box-sizing: border-box;
}
.parallax-image-content img {
width:100%;
max-width:100%;
height:auto;
display:block;
}
.rounded-borders .parallax-image-content img {
border-radius: 8px;
} .clients-table {
position:relative;
margin:0;
display:flex;
justify-content:space-between;
flex-wrap: wrap;
background-image:url(//podernuovoapalazzone.com/wp-content/themes/montoya/images/clients-middle.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.light-content .clients-table, .dark-section .clients-table {
background-image:url(//podernuovoapalazzone.com/wp-content/themes/montoya/images/clients-middle-white.png);
}
.light-content .light-section .clients-table {
background-image:url(//podernuovoapalazzone.com/wp-content/themes/montoya/images/clients-middle.png);
}
.clients-table::before {
content: "";
position: absolute;
width: 100%;
height: 20px;
top: 0;
left: 0;
background-image:url(//podernuovoapalazzone.com/wp-content/themes/montoya/images/clients-top.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.light-content .clients-table::before, .dark-section .clients-table::before {
background-image:url(//podernuovoapalazzone.com/wp-content/themes/montoya/images/clients-top-white.png);
}
.light-content .light-section .clients-table::before {
background-image:url(//podernuovoapalazzone.com/wp-content/themes/montoya/images/clients-top.png);
}
.clients-table::after {
content: "";
position: absolute;
width: 100%;
height: 20px;
bottom: 0;
left: 0;
background-image:url(//podernuovoapalazzone.com/wp-content/themes/montoya/images/clients-bottom.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.light-content .clients-table::after, .dark-section .clients-table::after {
background-image:url(//podernuovoapalazzone.com/wp-content/themes/montoya/images/clients-bottom-white.png);
}
.light-content .light-section .clients-table::after {
background-image:url(//podernuovoapalazzone.com/wp-content/themes/montoya/images/clients-bottom.png);
}
.clients-table li {
position:relative;
display: block;
width:calc(100% / 4 - 40px);
height: auto;
aspect-ratio: 13/10;
box-sizing: border-box;
text-align: center;
margin: 20px;
overflow:hidden;
padding:30px;
}
.clients-table li img {
width:100%;
height: 100%;
margin:0 auto;
opacity:0.6;
position:relative;
display:block;
object-position: center; 
object-fit: cover;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
.clients-table li:hover img {
opacity:1;
}
.clients-table.no-borders li {
border:none;
}
.overlay {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 00;
left: 0;
color: #FFF;
background-color: rgba(0,0,0,0.1);
z-index: 10;
transform:scale(0.85);
-webkit-transform:scale(0.85);
opacity:0;
transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
pointer-events:none;
}
.light-content .clients-table .overlay, .dark-section .clients-table .overlay {
background-color: rgba(255,255,255,0.05);
}
.light-content .light-section .clients-table .overlay {
background-color: rgba(0,0,0,0.1);
}
.clients-table li:hover .overlay {
transform:scale(0.95);
-webkit-transform:scale(0.95);
opacity:1;
} .accordion {
padding:20px 0;
padding-top:0;
margin:0;
}
.accordion.bigger-acc, .light-content .accordion.bigger-acc, .dark-section .accordion.bigger-acc, .light-content .light-section .accordion.bigger-acc {
border-top: none;
border-bottom: none;
padding:0px 0;
}
.accordion dt {
position:relative;
display:flex;
align-items: center;
cursor: pointer;
padding: 0px;
margin-bottom:0px;
margin-top: 20px;
padding-top: 20px;
font-size:20px;
line-height:30px;
font-weight:500;	
-webkit-transition:all 0.2s ease 0s;
transition:all 0.2s ease 0s;
z-index:10;
border-top: 1px solid rgba(0,0,0,0.1);
}
.accordion.bigger-acc dt {
font-size: calc(1rem + 1vw);
line-height: calc(1rem + 1.5vw);
margin-top: 40px;
padding-top: 40px;
}
.uppercase-titles .accordion.bigger-acc dt {
text-transform:uppercase;
}
.light-content .accordion dt, .dark-section .accordion dt {
border-top: 1px solid rgba(255,255,255,0.2);
}
.light-content .light-section .accordion dt {
border-top: 1px solid rgba(0,0,0,0.1);
}
.accordion dt:first-child {
margin-top: 0px;
border-top: none;
}
.accordion dt span {
width: calc(100% - 30px);
position: relative;
overflow: hidden;
display: block;
padding: 0px;
color:#000;		
font-family:inherit;
}
.accordion:not(.bigger-acc) dt span em {
font-family:inherit;
}
.accordion.bigger-acc dt span {
font-family:inherit;
}
.accordion.bigger-acc dt span > div {
position: relative;
display:table;
float:left;
width:auto;
-webkit-text-fill-color: rgba(0,0,0,0.1);
-webkit-background-clip: text;
background-repeat: no-repeat;
background-image: linear-gradient(#000, #000);
background-size: 100% 100%;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.accordion.bigger-acc:hover dt span > div {
transition: all 0.15s ease 0s;
-webkit-transition: all 0.15s ease 0s;
background-size: 0% 100%;
}
.accordion.bigger-acc:hover dt:hover span > div, .accordion.bigger-acc:hover dt.accordion-active span > div {
background-size: 100% 100%;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.light-content .accordion.bigger-acc dt span > div, .dark-section .accordion.bigger-acc dt span > div {
-webkit-text-fill-color: rgba(255,255,255,0.1);
background-image: linear-gradient(#fff, #fff);;
}
.light-content .light-section .accordion.bigger-acc dt span > div {
-webkit-text-fill-color: rgba(0,0,0,0.1);
-webkit-background-clip: text;
background-repeat: no-repeat;
background-image: linear-gradient(#000, #000);
}
.light-content .accordion dt span, .dark-section .accordion dt span {
color:#fff;
}
.light-content .light-section .accordion dt span {
color:#000;
}
.accordion .accordion-content {
margin-bottom: 0;
font-size:16px;
color:#000;
font-weight:400;
line-height: 28px;
padding-left: 0;
padding-right: 80px;
padding-top:10px;
padding-bottom:5px;
z-index: 0;
position: relative;
}
.accordion.bigger-acc .accordion-content {
font-size:18px;
line-height: 30px;
}
.light-content .accordion .accordion-content, .dark-section .accordion .accordion-content {
color:#ccc;
}
.light-content .light-section .accordion .accordion-content {
color:#444;
}
.acc-icon-wrap {
width: 30px;
height: 30px;
display: flex;
position: relative;
justify-content: center;
align-items: center;
float: none;
opacity:1;
-webkit-transition:opacity 0.2s ease 0s;
transition:opacity 0.2s ease 0s;
}
.accordion.bigger-acc .acc-icon-wrap {
height: 50px;
width: 50px;
}
.accordion dt:hover .acc-icon-wrap, .accordion dt.accordion-active .acc-icon-wrap {
opacity:1;
}
.acc-button-icon {
height: 30px;
width: 30px;
color: #000;
text-align: center;
line-height: 30px;
font-size: 12px;
background: rgba(0,0,0,0.1);
border-radius: 50px;
-webkit-transition:background 0.2s ease 0s, color 0.2s ease 0s;
transition:background 0.2s ease 0s, color 0.2s ease 0s;
}
.accordion.bigger-acc .acc-button-icon {
height: 50px;
width: 50px;
line-height: 50px;
font-size: 16px;
background: rgba(0,0,0,0.1);
border-radius: 50px;
}
.accordion dt:hover .acc-button-icon, .accordion dt.accordion-active .acc-button-icon {
background: rgba(0,0,0,1);
color: #fff;
}
.light-content accordion .acc-button-icon, .dark-section .accordion .acc-button-icon {
background: rgba(255,255,255,0.1);
}
.light-content .accordion dt:hover .acc-button-icon, .dark-section .accordion dt.accordion-active .acc-button-icon {
background: rgba(255,255,255,1);
color: #000;
}
.light-content .light-section accordion .acc-button-icon {
background: rgba(0,0,0,0.1);
}
.light-content .light-section dt:hover .acc-button-icon, .light-content .light-section .accordion dt.accordion-active .acc-button-icon {
background: rgba(0,0,0,1);
color: #fff;
}
.light-content .accordion .acc-button-icon, .dark-section .accordion .acc-button-icon {
color: #fff;
}
.light-content .light-section .accordion .acc-button-icon {
color:#000;
}
.acc-button-icon i {
height: 30px;
line-height: 30px;
width: 30px;
text-align: center;
-webkit-transition:transform 0.2s ease 0s;
transition:transform 0.2s ease 0s;
}
dt.accordion-active .acc-button-icon i {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
} .justified-gallery {
box-sizing: border-box;
padding: 0 0px;
width: calc(100% + 20px) !important;
margin-left: -10px;
}
.collage-thumb {
position:relative;
overflow:hidden;
cursor:pointer;
}
.collage-thumb:hover .thumb-info {
opacity:1;
bottom:-5px;
}
.thumb-info {
position:absolute;
bottom:-10px;
left:0;
width:100%;
opacity:0;
color: #fff!important;
padding: 50px 20px 20px;
box-sizing:border-box;
font-size:12px;
font-weight: 500;
transition:all 0.2s ease-in-out 0s;
-webkit-transition:all 0.2s ease-in-out 0s;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.55))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } .team-members-list  {
position: relative;
top: 0;
left: 0;
width: 100%;
box-sizing:border-box;
margin: 0 auto;
padding: 0px;
overflow:hidden;
pointer-events: none;
}
.team-members-list li {
list-style:none;
position: relative;
margin:0;
width:100%;
cursor:pointer;
pointer-events: initial;
padding:10px 0px 40px 0px;
box-sizing:border-box;
border-bottom:1px solid;
border-color:rgba(0,0,0,0.1);
}
.team-members-list li:last-child {
border-bottom:0px solid;
}
.light-content .team-members-list li, .dark-section .team-members-list li {
border-color:rgba(255,255,255,0.15);
}
.light-content .light-section .team-members-list li {
border-color:rgba(0,0,0,0.1);
}
.full > .team-members-list li, .full_elementor .team-members-list li {
padding:10px 80px 40px 80px;
}
.team-member {
font-size: calc(1rem + 8vw);
line-height: calc(1rem + 7.5vw);
font-weight: 500;
position: relative;
display:table;
margin-bottom:0px;
vertical-align: top;
width:100%;	
z-index:10;
}
.full > .team-member, .full_elementor .team-member {
font-size: calc(1rem + 8vw);
line-height: calc(1rem + 7.5vw);
}
.team-member > div {
position: relative;
display:table;
margin:0 auto;		
width:auto;
-webkit-text-fill-color: rgba(0,0,0,0.1);
-webkit-background-clip: text;
background-repeat: no-repeat;
background-image: linear-gradient(#000, #000);
background-size: 100% 100%;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.uppercase-titles .team-member > div {
text-transform:uppercase;
}
.team-members-list:hover li .team-member > div {
transition: all 0.15s ease 0s;
-webkit-transition: all 0.15s ease 0s;
background-size: 0% 100%;
}
.team-members-list:hover li:hover .team-member > div {
background-size: 100% 100%;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.light-content .team-member > div, .dark-section .team-member > div {
-webkit-text-fill-color: rgba(255,255,255,0.1);
background-image: linear-gradient(#fff, #fff);;
}
.light-content .light-section .team-member > div {
-webkit-text-fill-color: rgba(0,0,0,0.1);
-webkit-background-clip: text;
background-repeat: no-repeat;
background-image: linear-gradient(#000, #000);
}
.light-section .team-member {
color:#000;
}
.dark-section .team-member {
color:#fff;
}
.team-members-list:hover li .team-member {
opacity:0.3;
}
.team-members-list li:hover .team-member {
opacity:1;
}
.team-member span {
font-size: 16px;
font-weight: 500;
line-height: inherit;
position: absolute;
left:0;
top:0;
color: #000;
display: block;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.team-member span:last-child {
left:auto;
right:0;
}
.team-members-list:hover li .team-member > span {
opacity:0.3;
}
.team-members-list:hover li:hover .team-member > span {
opacity:1;
}
.light-section .team-member span {
color:#000;
}
.dark-section .team-member span {
color:#fff;
}
.team-members-list .hover-reveal {
position: fixed;
width: 300px;
height: 400px;
pointer-events: none;
opacity: 0;
}
.swiper-container.team-looped-carousel {		
cursor:grab;
}
.drag-cursor .swiper-container.team-looped-carousel {
cursor:grabbing;
}
.team-looped-carousel .swiper-slide {        
text-align:left;
}
.team-caption {
position:absolute;
bottom:0;
left:0;
width:100%;
height:auto;
box-sizing:border-box;
padding:10px 30px 30px 30px;
}
.team-caption h5, .team-caption p {
margin-bottom:0;
} .text-align-center #contact-formular {
margin:0 auto;
max-width:800px;
}
#contact-formular::after {
clear: both;
content: " ";
display: table;
}
#contactform {
position:relative;
}
.name-box, .email-box, .message-box {
position:relative;
display:block;
}
.name-box, .email-box  {
width: 47%;
float: left;
margin-bottom: 20px;
margin-right: 6%;
position: relative;
}
.name-box::after, .email-box::after {
clear: both;
content: " ";
display: table;
}
.email-box {
margin-right:0px;
}
.message-box {
float:left;
width:100%;		
margin-top:60px;
}
.verify-box {
float:left;
width:100%;		
margin-bottom:60px;
}
.text-align-center .verify-box {
float: none;
width: auto;
text-align: center;
display: table;
margin: 0 auto;
margin-bottom: 60px;
}
.verify-sum {
margin:0;
padding:0;
float:left;
}
.verify-sum li {
list-style:none;
display:block;
float:left;
color:#fff;
width:34px;
height:34px;
line-height:34px;
text-align:center;
border-radius:3px;
background-color:#000;
margin-bottom:0;
}
.light-content .verify-sum li, .dark-section .verify-sum li {
color:#000;
background-color:#fff;
}
.light-content .light-section .verify-sum li {
color:#fff;
background-color:#000;
}
.verify-sum li:nth-child(2), .verify-sum li:nth-child(4) {
width:30px;
color:#444;
background-color:transparent;
}
.light-content .verify-sum li:nth-child(2), .light-content .verify-sum li:nth-child(4), .dark-section .verify-sum li:nth-child(2), .dark-section .verify-sum li:nth-child(4) {
color:#fff;
background-color:transparent;
}
.light-content .light-section .verify-sum li:nth-child(2), .light-content .light-section .verify-sum li:nth-child(4) {
color:#444;
background-color:transparent;
}
input#verify {
float: left;
width: 34px;
padding: 0;
height: 34px;
text-align: center;
line-height: 34px;
border: none;
border-radius:3px;
background-color:#000;
color:#fff;
}
.light-content input#verify, .dark-section  input#verify {
background-color:#fff;
color:#000;
}
.light-content .light-section  input#verify {
background-color:#000;
color:#fff;
}
#contact-formular .required {
float:left;
width:auto;
font-size: 14px;
line-height:34px;
margin-left:20px;
margin-bottom:0;
}
#contact-formular .text-align-center .required {
float: left;
margin-left: 0;
display: block;
clear: both;
text-align: center;
width: 100%;
padding-top: 10px;
}
input, textarea {
color: rgba(0,0,0,1);
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 500;
height: 50px;
padding: 12px 20px 12px 20px;
padding-left:0;
width: 100%;
border-radius:0px;
margin-bottom:0px;
border:none;		
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
box-sizing: border-box;
background-color:transparent;
outline:none;
border-bottom:1px solid rgba(0,0,0,0.3);
}
.bigger-form input, .bigger-form textarea {
font-size: 48px;
font-weight: 500;
height: 100px;
padding: 0;
}
input[type="search"] {
padding-left:0px;
}
.light-content input, .light-content textarea, .dark-section input, .dark-section textarea {
color:rgba(255,255,255,1);
border-bottom:1px solid rgba(255,255,255,0.3);
}
.light-content .light-section input, .light-content .light-section textarea {
color:rgba(0,0,0,1);
border-bottom:1px solid rgba(0,0,0,0.3);
}
::placeholder, .light-content .light-section ::placeholder { 
color: #000;
opacity: 1; 
}
.light-content ::placeholder, .dark-section ::placeholder { 
color: #fff;
opacity: 1; 
}
.light-content :-ms-input-placeholder, .dark-section :-ms-input-placeholder { 
color: #fff;
}
.light-content .light-section :-ms-input-placeholder { 
color: #000;
opacity: 1; 
}
.light-content ::-ms-input-placeholder { 
color: #fff;
}
:-ms-input-placeholder { 
color: #000;
}
.input_label {
background-color: #000;
height: 2px;
left: 0;
position: absolute;
top: 49px;
width: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.bigger-form .input_label {
top: 99px;
}
.light-content .input_label, .dark-section .input_label {
background-color: #fff;
}
.light-content .light-section .input_label {
background-color: #000;
}
.input_label.slow {
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
input:focus + .input_label, textarea:focus + .input_label {
width:100%;		
}
input:focus, textarea:focus {
color:#000;
}
.light-content input:focus, .light-content textarea:focus, .dark-section input:focus, .dark-section textarea:focus {
color:#fff;
}
.light-content .light-section input:focus, .light-content .light-section textarea:focus {
color:#000;
}
textarea {
resize:none;
margin-bottom:0;
height:50px;
box-sizing: border-box;
padding: 14px 20px 6px 20px;
padding-left:0;
margin-bottom:40px;
}
textarea:after {
background-color: #000;
content: "";
height: 2px;
left: 0px;
position: absolute;
top: 20px;
width: 100%;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
input[type="submit"] {
margin:0;
background:transparent;
border:none;
color:#fff;
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: 500;
padding-left:50px;
padding-right:50px;
height:100%;
}
.light-content input[type="submit"], .dark-section input[type="submit"] {
color:#000;
}
.light-content .light-section input[type="submit"] {
color:#fff;
}
.outline input[type="submit"] {
color:#000;
}
.light-content .outline input[type="submit"], .dark-section .outline input[type="submit"] {
color:#fff;
}
.light-content .light-section .outline input[type="submit"] {
color:#000;
}
.error_message {				
margin-bottom:30px;
font-size:13px;		
color:#e93735;		
font-weight:bold;		
}
#success_page p, #success_page p strong {		
color:#fff;		
margin-top:20px;		
}
#message fieldset {		
border:none;		
} #map_canvas {
display: block;
height:100vh;
position:relative;
width: 100%;
}
.rounded-borders #map_canvas {
border-radius:8px;
overflow:hidden;
}
#hero-image.bgrelative #map_canvas {
position:relative!important;
}
.gmnoprint a, .gmnoprint span, .gm-style-cc {
display:none;
}
.gmnoprint div {
background:none !important;
}
.gm-style button {
display:none!important;
}
.services-icon i {
font-size:24px;
margin-bottom:20px;
}
.service-info-text {
margin-bottom:40px;
} .flex-lists-wrapper, .flex-list-wrapper {
position:relative;
display:block;
margin-left: calc(50% - 50vw)!important;
margin-right: calc(50% - 50vw)!important;
max-width: 1000%!important;
width: 100vw!important;
overflow:hidden;
border-top: 1px solid rgba(255,255,255,0.15);
}
.light-content .flex-lists-wrapper , .dark-section .flex-lists-wrapper, .light-content .flex-list-wrapper , .dark-section .flex-list-wrapper {
border-top: 1px solid rgba(255,255,255,0.15);
}
.light-content .light-section .flex-lists-wrapper, .light-content .light-section .flex-list-wrapper {
border-top: 1px solid rgba(0,0,0,0.1);
}
.flex-list {
position: relative;
padding: 35px 80px;
margin: 0;
display: flex;
justify-content: space-between;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.light-content .flex-list , .dark-section .flex-list {
border-bottom: 1px solid rgba(255,255,255,0.15);
}
.light-content .light-section .flex-list {
border-bottom: 1px solid rgba(0,0,0,0.1);
background-color:#fff;
}
.flex-list::after {
content:"";
position: absolute;
width: 100%;
height:0;
left:0;
bottom: 0;
z-index: 0;
background-color: #000;
-webkit-transition: all 0.2s ease-out 0s;	
transition: all 0.2s ease-out 0s;
}
.light-content .flex-list::after , .dark-section .flex-list::after {
background-color: #fff;
}
.light-content .light-section .flex-list::after {
background-color: #000;
}
.flex-list:hover::after {
height: 100%;
}
.flex-list > span {
z-index: 10;
mix-blend-mode: difference;
color: #fff;
}
.flex-list-left {
width:15%;
text-align:left;
}
.flex-list-center {
width:70%;
font-size:20px;
text-align:center;
}
.flex-list-right {
width:15%;
text-align:right;
} .fw-gallery .wrapper-gallery {
display: inline-flex;
align-items: flex-end;
margin:0;
padding:0;
clear:both;
}
.bw-gallery .wrapper-gallery {
display: inline-flex;
align-items: flex-start;
margin:0;
padding:0;
}
.moving-gallery li {
position:relative;
width: 25vw;
padding-left: 10px;
padding-right: 10px;
box-sizing:border-box;
margin:10px 0;
list-style:none;
}
.fw-gallery.random-sizes li:first-child, .bw-gallery.random-sizes li:first-child {
padding-left: 0px;
}
.fw-gallery.random-sizes li:last-child, .bw-gallery.random-sizes li:last-child {
padding-right: 0px;
}
.fw-gallery.random-sizes li:nth-child(1) {
width: 25vw;
}
.fw-gallery.random-sizes li:nth-child(2) {
width: 30vw;
}
.fw-gallery.random-sizes li:nth-child(3) {
width: 45vw;
}
.fw-gallery.random-sizes li:nth-child(4) {
width: 25vw;
}
.bw-gallery.random-sizes li:nth-child(1) {
width: 25vw;
}
.bw-gallery.random-sizes li:nth-child(2) {
width: 45vw;
}
.bw-gallery.random-sizes li:nth-child(3) {
width:30vw;
}
.bw-gallery.random-sizes li:nth-child(4) {
width: 25vw;
}
.moving-gallery li img {
height:auto;
margin:0px;
}
.moving-gallery li img {
border: 1px solid rgba(255,255,255,0.15);
}
.rounded-borders .moving-gallery li img {
border-radius:12px;
}
.moving-gallery-caption {
position: absolute;
height: auto;
padding: 30px;
box-sizing: border-box;
text-align: center;
bottom: 0;
left: 0;
right: 0;
opacity:0;
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.moving-gallery li:hover .moving-gallery-caption {
opacity:0.4;
} .zoom-gallery {
position:relative;
margin:0;
padding:0;
clear:both;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 1000%;
width: calc(100vw);
height: auto;
pointer-events:none;
}
.zoom-wrapper-gallery {
position:relative;
border-right: 0px solid #f00;
box-sizing:border-box;
margin:0;
padding:0 70px;
clear:both;
width:100%;
height: auto;
display: flex;
justify-content: center;
}
.zoom-wrapper-gallery li {
position:relative;
display: block;
box-sizing:border-box;
padding:0 10px;
margin:0;
list-style:none;
z-index:0;	
width: 50%;
max-width: 50%;
height:100%;
float:left;
display:flex;
align-items:center;
}
.zoom-wrapper-gallery li.zoom-center {
z-index:1;
}
.zoom-wrapper-gallery li .zoom-img-wrapper {
box-sizing: border-box;
width: 100%;
height: 100%;
min-height:100%;
position: relative;
overflow: hidden;		
background-color:rgb(102, 102, 102);
}
.rounded-borders .zoom-wrapper-gallery li .zoom-img-wrapper {
border-radius: 8px;
}
.zoom-wrapper-gallery.end-state  li.zoom-center .zoom-img-wrapper {
}
.zoom-wrapper-gallery li .zoom-img-wrapper img {
width:100%;
height: 100%;
position:relative;
display:block;
z-index:100;	
object-position: center; 
object-fit: cover;
}
.zoom-wrapper-thumb {
width:100%;
height: 100vh;
position:absolute;
top:0;
display:block;
}
.zoom-wrapper-thumb .zoom-img-wrapper {
width:100%;
height: 100%;
position:absolute;
overflow:hidden;
}
.rounded-borders .zoom-wrapper-thumb .zoom-img-wrapper {
border-radius: 8px;
}
.zoom-wrapper-thumb .zoom-img-wrapper img {
width:100%;
height: 100%;
position:relative;
display:block;
z-index:100;	
object-position: center; 
object-fit: cover;
} .slowed-pin {
position:relative;
overflow: hidden;
}
.slowed-pin > .pin-spacer {
pointer-events:none;
}
.slowed-text {
position:absolute;
height:auto;
min-height:100vh;
width:100%;
max-width:980px;		
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
box-sizing:border-box;
padding:8vw 20px;
z-index:1;
pointer-events:none;
margin:auto;
left:0;
right:0;
}
.slowed-text-wrapper {
position:relative;
display:block;
}
.slowed-images {
position: relative;
top: 0;
width: 100%;
height:auto;
box-sizing:border-box;
overflow: hidden;
z-index:0;
margin:auto;
}
.slowed-image {
position: relative;
width: 100%;
height: auto;
box-sizing: border-box;
padding:0 0px;
margin:150px 0;
display: flex;
align-items: flex-start;
flex-direction: column;
}
.slowed-image:nth-of-type(2n+2) {
align-items: flex-end;
}
.slowed-image img {
width: auto;
max-width: 40%!important;
height: auto!important;
display: block;
cursor:pointer;
margin-bottom:10px;
-webkit-transform:scale(0.95) translateY(30%);
transform: scale(0.95) translateY(30%);
}
.rounded-borders .slowed-image img {
border-radius: 8px;
} .panels {
position:relative;
margin-left: calc(50% - 50vw)!important;
margin-right: calc(50% - 50vw)!important;
max-width: 1000%!important;
width: calc(100vw)!important;		
}
.panels-container {
position:relative;
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
justify-content: flex-start;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 0;
overflow: hidden;
box-sizing:border-box;
}
.panels-container > .panel {
position: relative;
width: auto;
height: 100%;
margin:0 10px;
overflow: hidden;
display: flex;
align-items: flex-start;
justify-content: center;
box-sizing:border-box;
flex-direction: column;
}
.panels-container > .panel:first-child {
margin-left:80px;
}
.panels-container > .panel:last-child {
margin-right:80px;
}
.panels-container .panel img {
width:100%;
height: 100%;
position:relative;
display:block;
object-position: center; 
object-fit: cover;		
}
.rounded-borders .panels-container .panel img {
border-radius:8px;
}
.panels-container .panel:first-child img {
margin-left:0px;
}
.panels-container .panel:last-child img {
margin-right:0px;
} #team-panels .panel-content-wrapper {
position: relative;
width: auto;
height: 60%;
display: flex;
align-items: flex-start;
justify-content: center;
box-sizing:border-box;
flex-direction: column;
padding-left:30px;
padding-right:30px;
}
#team-panels .panels-container .panel:first-child .panel-content-wrapper {
padding-left:80px;
}
#team-panels .panels-container .panel:last-child .panel-content-wrapper {
padding-right:80px;
}
#team-panels .panel-content {
position: absolute;
width: 100%;
height: auto;
display: block;
box-sizing:border-box;
padding:10px 30px;
bottom:-50px;
left:0;		
pointer-events: none;
}
#team-panels .panels-container .panel:first-child .panel-content-wrapper .panel-content {
padding-left:80px;
}
#team-panels .panels-container .panel:last-child .panel-content-wrapper .panel-content {
padding-right:80px;
}
.team-name-panel, .team-cat-panel {
font-size:18px;
line-height: 24px;
display:table;
width:auto;
float:left;
}
.team-cat-panel {
font-size:14px;
opacity:0.6;
float:right;
}
#team-panels .panels-container .panel .panel-image {
width: auto;
height: 100%;
position:relative;
overflow:hidden;
}
#team-panels .panels-container .panel img {
height: 100%;
margin:0;
}
.rounded-borders #team-panels .panels-container .panel img {
border-radius:8px;
} .pinned-image {
box-sizing:border-box;
padding-bottom:300px;		
position:relative;
}
.pinned-image:first-child {
padding-top:0;
}
.pinned-image:last-child {
z-index:10;
padding-bottom:0px;		
}
.rounded-borders .pinned-image img {
border-radius:8px;
} .reveal-gallery {
position:relative;
width:100%;
height:auto;
display:block;
margin:0 auto;
}
.reveal-img {
width:auto;
height:auto;
position:absolute;
display: block;
top:0;
left: auto;
right: auto;
margin: auto;
z-index:0;
opacity: 0.95;
}
.reveal-img-fixed {
width:50%;
max-width:600px;		
position:relative;
margin: 0 auto;
z-index:10;
}
.reveal-img:first-child {
left:0;
transform:rotate(-4deg)
}
.reveal-img:last-child {
right:0;
transform:rotate(4deg)
}
.reveal-gallery img {
width:auto;
height: auto;
max-width: 100%;
max-height: 100%;
position:relative;
display:block;
object-position: center; 
object-fit: contain;
margin: auto;
}
.rounded-borders .reveal-gallery img {
border-radius:8px;
} .clipped-image-wrapper {
position:relative;
margin-left: calc(50% - 50vw)!important;
margin-right: calc(50% - 50vw)!important;
max-width: 1000%!important;
width: 100vw!important;
overflow:hidden;
}
.clipped-image-pin {
position:relative;
display:block;
}
.clipped-image-size {
width:100%;
height:100%;
position:relative;
display:block;
}
.clipped-image {
position:relative;
z-index:0;
width:100vw;
height:100vh;
display:block;
overflow:hidden;
clip-path: circle(22%);
margin:0 auto;	
}
.clipped-image img {
width:100%;
height: 100%!important;
position:relative;
display:block;
z-index:0;	
object-position: center; 
object-fit: cover;		
}
.clipped-image-gradient {
position:absolute;
height:30%;
width:100%;
bottom:0;
opacity:0;
background-color:#000;
z-index:10;
-webkit-mask-image: linear-gradient(transparent, black 85%);
mask-image: linear-gradient(transparent, black 85%);
}
.clipped-image-content {
position:relative;
width:100%;
height:auto;
padding-bottom:40px;
margin:0 auto;
z-index:10;
} .carousel-shortcode-wrapper {
position:relative;
display:inline-block;
margin-left: calc(50% - 50vw)!important;
margin-right: calc(50% - 50vw)!important;
max-width: 1000%!important;
width: 100vw!important;
height:auto;
}
.carousel-shortcode-pin {
position:relative;
height:100%;
width:100%;
top:0;
left:0;
display:block;
}
.carousel-shortcode-thumbs {
position:relative;
height:100vh;
width:100%;
padding:20px 40px;
margin:0 auto;
display:flex;
text-align: center;
align-items: center;
justify-content: center;
box-sizing:border-box;
z-index:10;
mask-image: linear-gradient(#0000, black 15%, black 85%, #0000 100%);
-webkit-mask-image: linear-gradient(#0000, black 15%, black 85%, #0000 100%);
pointer-events:none;
}
.carousel-shortcode-thumbs .clapat-item {
width: calc(20% - 80px);
margin:60px 40px;
}
.carousel-shortcode-thumbs.is_active .clapat-item {
pointer-events:initial;
}
.carousel-shortcode-thumbs .clapat-item .slide-inner {
padding-top: 0;
width: 100%;
height: auto;
margin:0;
overflow:visible;
aspect-ratio: 10/14;
}
.carousel-shortcode-caption {
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
display:flex;
flex-direction: column;
text-align: center;
align-items: center;
justify-content: center;
z-index:0;
}
.carousel-shortcode-title-hide, .carousel-shortcode-title-show {
position:absolute;		
font-size: calc(1rem + 4.15vw);
line-height: calc(1rem + 4.5vw);
font-weight:500;
display:block;
width:auto;		
}
.uppercase-titles .carousel-shortcode-title-hide, .uppercase-titles .carousel-shortcode-title-show {
text-transform:uppercase;
}
.carousel-shortcode-title-show {
position:relative;
font-size: calc(1rem + 1.15vw);
line-height: calc(1rem + 1.5vw);
}
.light-content .carousel-shortcode-title-hide, .dark-section .carousel-shortcode-title-hide, .light-content .carousel-shortcode-title-show, .dark-section .carousel-shortcode-title-show {
color:#fff;
}
.light-content .light-section .carousel-shortcode-title-hide, .light-content .light-section .carousel-shortcode-title-show {
color:#000;
}
.carousel-shortcode-title-hide div, .carousel-shortcode-title-show div {
position:relative;
display:block;overflow:hidden;
}
.carousel-shortcode-title-hide span {
position:relative;
display:block;
opacity:1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
.carousel-shortcode-title-show span {
position:relative;
display:block;
opacity:0;
transform: translateY(200px);
-webkit-transform: translateY(200px);
}
.carousel-shortcode-cta {
position:relative;
display:block;
opacity:0;
transform: scale(1) translateY(50px);
-webkit-transform:  scale(1) translateY(50px);
} .list-rotator-wrapper {
position:relative;
display:block;
margin-left: calc(50% - 50vw)!important;
margin-right: calc(50% - 50vw)!important;
max-width: 1000%!important;
width: 100vw!important;
overflow:hidden;
}
.list-rotator-title {
position:absolute;
margin:0 auto;
display:table;
top:45px;
left:0;
right:0;
padding-top:45px;
z-index: 100;
line-height: 20px;
font-size: 14px;
font-weight:500;
color: #fff;
padding:4px 16px;
box-sizing:border-box;
border-radius:30px;
opacity:0;
}
.list-rotator-height {
display: flex;
justify-content: center;
pointer-events: none;
position:relative;
}
.list-rotator-pin {
position: relative;
height: 100vh;
width: 100%;
mask-image: linear-gradient(#0000 0%, #0000 5%, #0000 5%, black 20%, black 85%, #0000 99%, #0000 99%, #0000 100%);
-webkit-mask-image: linear-gradient(#0000 0%, #0000 5%, #0000 5%, black 20%, black 85%, #0000 99%, #0000 99%, #0000 100%);
}
.list-rotator {
position: relative;
display:block;
width: 100%;
height: auto;
box-sizing:border-box;
padding-top:20vh;
padding-bottom:15vh;
margin: 0;
}
.list-rotator li {
color: #000;
list-style: none;
position: relative;
width: 100%;
text-align: center;
font-size: calc(1rem + 8vw);
line-height: calc(1rem + 7.5vw);
margin: 0;
opacity:1;
}
.list-rotator li.in-view {
opacity:1;
}
.light-content .list-rotator li , .dark-section .list-rotator li {
color: #fff;
}
.light-content .light-section .list-rotator li {
color: #000;
} .move-thumbs-wrapper {
margin-left: calc(50% - 50vw)!important;
margin-right: calc(50% - 50vw)!important;
max-width: 1000%!important;
width: 100vw!important;
}
.start-thumbs-caption {
position:relative;
width: 100%;
height:50vh;
display:flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.start-thumbs-wrapper {
position:relative;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
box-sizing:border-box;
padding:0 40px;
}
.start-move-thumb {
box-sizing:border-box;
position:relative;
width: calc(25% - 80px);
height:calc(25vw - 40px);
margin:0 40px;
margin-bottom:40px;
}
.start-move-thumb:nth-of-type(3n + 2) {		
width: calc(15% - 80px);
height:calc(15vw - 40px);
margin-top: 50vh;
}
.start-move-thumb:nth-of-type(3n + 3) {		
width: calc(35% - 80px);
height:calc(35vw - 40px);
margin-top: 25vh;
}
.start-move-thumb .overlapping-image-inner {
width: 100%;
height: 100%;
position: absolute;
top:0;
}
.end-move-thumb .move-thumb-inner {
width: 100%;
height: 100%;
position: absolute;
top:0;
}
.rounded-borders .start-move-thumb .move-thumb-inner, .rounded-borders .end-move-thumb .move-thumb-inner {
border-radius:12px;
overflow:hidden;
}
.end-thumbs-wrapper {
display:flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top:100vh;
padding-left:40px;
padding-right:40px;
box-sizing:border-box;
}
.end-move-thumb {
box-sizing:border-box;	
position:relative;
width: calc(33.33% - 80px); 
height:calc(33.33vw - 80px); 
display:flex;
align-items: center;
justify-content: center;
margin:40px;
} @media only screen and (max-width: 1466px) {
.button-border span {
padding: 0 26px;
}
.clients-table li {
width: calc(100% / 4 - 40px);
margin: 20px;
padding: 0;
}
.accordion.bigger-acc dt {
margin-top: 30px;
padding-top: 30px;
}
.accordion.bigger-acc dt:first-child {
padding-top: 30px;
}
.full > .team-members-list li, .full_elementor .team-members-list li {
padding:40px 60px;
}
.team-members-list .hover-reveal {
width: 250px;
height: 333px;
}
span.has-hover-image .hover-reveal {
width: 300px;
height: 188px;
}
span.has-hover-image.vertical .hover-reveal {
width: 250px;
height: 333px;
}
.flex-list {
padding: 35px 60px;
}
.panels-container > .panel:first-child {
margin-left:60px;
}
.panels-container > .panel:last-child {
margin-right:60px;
}
.zoom-wrapper-gallery {
padding: 0 50px;
}
.start-thumbs-wrapper {
padding: 0 30px;
}
.start-move-thumb {
width: calc(25% - 60px);
height:calc(25vw - 30px);
margin:0 30px;
margin-bottom:30px;
}
.start-move-thumb:nth-of-type(3n + 2) {		
width: calc(15% - 60px);
height:calc(15vw - 30px);
margin-top: 50vh;
}
.start-move-thumb:nth-of-type(3n + 3) {		
width: calc(35% - 60px);
height:calc(35vw - 30px);
margin-top: 25vh;
}
.end-thumbs-wrapper {
padding-left: 30px;
padding-right: 30px;
}
.end-move-thumb {
width: calc(33.33% - 60px);
height: calc(33.33vw - 60px);
margin: 30px;
}
}
@media only screen and (max-width: 1024px) {
.content-slider.looped-carousel .clapat-slide {
padding:0 40px;
}
.content-slider.small-looped-carousel .clapat-slide {
padding:0 40px;
}
.disable-cursor .full .looped-carousel .clapat-controls, .disable-cursor .full_elementor .looped-carousel .clapat-controls {
width: calc(100% - 80px);
}
.disable-cursor .full .small-looped-carousel .clapat-controls, .disable-cursor .full_elementor .small-looped-carousel .clapat-controls {
width: calc(100% - 80px);
max-width:520px;
}		
textarea {
margin-bottom: 30px;
}
.full .video-wrapper video.bgvid, .full_elementor .video-wrapper video.bgvid {
position: relative;
margin-top: 0;
left: 0;
transform: translateX(0) translateY(0);
}
.full .control, .full_elementor .control {
bottom: 10px;
width: calc(100% - 100px);
}
#map_canvas {
height:50vh;
}
.clients-table li {
width: calc(100% / 4);
margin: 0px;
padding: 0;
}
.clients-table li:hover .overlay {
transform:scale(0.85);
-webkit-transform:scale(0.85);
opacity:1;
}
.accordion dt span {
max-width: none;
}
.accordion .accordion-content {
padding-right: 0;
}
.accordion.bigger-acc dt {
margin-top: 30px;
padding-top: 30px;
}
.accordion.bigger-acc dt:first-child {
padding-top: 30px;
}
.full > .team-members-list li, .full_elementor .team-members-list li {
padding:40px 40px;
}
.team-members-list .hover-reveal {
width: 200px;
height: 266px;
}
.team-member {
font-size: calc(1rem + 12vw);
line-height: calc(1rem + 11.5vw);
}
span.has-hover-image .hover-reveal {
width: 250px;
height: 156px;
}
span.has-hover-image.vertical .hover-reveal {
width: 200px;
height: 266px;
}
.has-animation.has-cover img {
-webkit-transition:scale(1);
transform:scale(1);
}
.flex-list {
padding: 30px 40px;
}
.panels-container > .panel:first-child {
margin-left:40px;
}
.panels-container > .panel:last-child {
margin-right:40px;
}
.zoom-wrapper-gallery {
padding: 0 30px;
}
.list-rotator-pin {
height: auto;
}
.list-rotator li {
font-size: calc(1rem + 12vw);
line-height: calc(1rem + 11.5vw);
}
.start-thumbs-wrapper {
padding: 0 20px;
}
.start-move-thumb, .start-move-thumb:nth-of-type(3n+2), .start-move-thumb:nth-of-type(3n+3) {
width: calc(33.33% - 40px);
height: calc(33.33vw - 40px);
margin: 25px 20px;
}
.end-thumbs-wrapper {
display: none;
}
}
@media only screen and (max-width: 767px) {
.content-slider.looped-carousel .clapat-slide {
padding:0 30px;
}
.content-slider.small-looped-carousel .clapat-slide {
padding:0 30px;
}
.disable-cursor .full .looped-carousel .clapat-controls, .disable-cursor .full_elementor .looped-carousel .clapat-controls {
width: calc(100% - 60px);
}
.disable-cursor .full .small-looped-carousel .clapat-controls, .disable-cursor .full_elementor .small-looped-carousel .clapat-controls {
width: calc(100% - 60px);
max-width:540px;
}
.content-slider .clapat-pagination-bullet .parallax-wrap {
width: 20px;
height: 20px;
}
.content-slider .clapat-pagination-bullet .parallax-wrap {
width: 20px;
height: 20px;
}
.video-wrapper {
max-height: 50vh;
}
.control {
display:none;
}
.name-box, .email-box {
width: 100%;
margin-right: 0;
}
.clients-table li {
width: 50%;
}
.clients-table::before, .clients-table::after {
height: 10px;
}
.empty-space, .empty-space.tx { 
height:60px;
}
input[type="text"], textarea {
font-size: 14px;
}
.accordion dt {
font-size: 18px;
}
.accordion.bigger-acc dt {
margin-top: 25px;
padding-top: 25px;
}
.accordion.bigger-acc dt:first-child {
padding-top: 25px;
}
.accordion.bigger-acc .acc-button-icon {
height: 30px;
width: 30px;
line-height: 30px;
font-size: 12px;
border-radius: 30px;
}
.acc-button-icon i {
height: 30px;
line-height: 30px;
width: 30px;
}
.full > .team-members-list li, .full_elementor .team-members-list li {
padding:30px 30px;
}
.team-member > div {
float: none;
margin: 0px;
margin-top: 10px;
margin-bottom: 4px;
}
.team-member span {
position:relative;
float: none;
line-height: 24px;
}
.team-member {
font-size: calc(1rem + 13vw);
line-height: calc(1rem + 12.5vw);
}
.team-members-list .hover-reveal {
width: 150px;
height: 200px;
}
span.has-hover-image .hover-reveal {
width: 200px;
height: 125px;
}
span.has-hover-image.vertical .hover-reveal {
width: 150px;
height: 200px;
}
.flex-list {
padding: 30px 30px;
flex-direction: column;
}
.flex-list-left, .flex-list-center, .flex-list-right {
width: 100%;
text-align: left;
line-height:30px;
}
.slowed-image {
margin: 100px 0;
}
.slowed-image img {
max-width: 50%!important;
}
.moving-gallery li {
width: 50vw;
}
.panels-container > .panel:first-child {
margin-left:30px;
}
.panels-container > .panel:last-child {
margin-right:30px;
}
.zoom-wrapper-gallery {
padding: 0 20px;
}
.list-rotator li {
font-size: calc(1rem + 13vw);
line-height: calc(1rem + 12.5vw);
}
.start-thumbs-wrapper {
padding: 0 15px;
}
.start-move-thumb, .start-move-thumb:nth-of-type(3n+2), .start-move-thumb:nth-of-type(3n+3) {
width: calc(50% - 30px);
height: calc(50vw - 30px);
margin: 10px 15px;
}
}
@media only screen and (max-width: 479px) {
.pinned-section .pin-spacer {
width:100%!important;
}
.pinned-element {
float:none;
width:100%;
margin:0;
}
.pinned-element.left {
padding-right:0px;
margin-bottom:40px;
}
.pinned-element.right {
padding-left:0px;
}
.scrolling-element {
position:relative;
float:none;
width:100%;
margin:0;
}
.scrolling-element.left {
padding-right:0px;
margin-bottom:40px;
}
.scrolling-element.right {
padding-left:0px;
}
.content-slider.looped-carousel .clapat-slide {
padding:0 20px;
}
.content-slider.small-looped-carousel .clapat-slide {
padding:0 20px;
}
.disable-cursor .full .looped-carousel .clapat-controls, .disable-cursor .full_elementor .looped-carousel .clapat-controls {
width: calc(100% - 40px);
}
.disable-cursor .full .small-looped-carousel .clapat-controls, .disable-cursor .full_elementor .small-looped-carousel .clapat-controls {
width: calc(100% - 40px);
max-width:560px;
}		
.clapat-button {
margin-bottom: 20px;
}
.full > .team-members-list li, .full_elementor .team-members-list li {
padding:30px 20px;
}
.team-member {
font-size: calc(1rem + 14vw);
line-height: calc(1rem + 13.5vw);
}
.team-members-list .hover-reveal {
width: 100px;
height: 133px;
}
.accordion.bigger-acc dt {
margin-top: 20px;
padding-top: 20px;
}
.accordion.bigger-acc dt:first-child {
padding-top: 20px;
}
span.has-hover-image .hover-reveal {
width: 150px;
height: 94px;
}
span.has-hover-image.vertical .hover-reveal {
width: 100px;
height: 133px;
}
.flex-list {
padding: 20px;
}
.moving-gallery li {
width: 60vw;
}
.panels-container > .panel:first-child {
margin-left:20px;
}
.panels-container > .panel:last-child {
margin-right:20px;
}
.zoom-wrapper-gallery {
padding: 0 10px;
}
.list-rotator li {
font-size: calc(1rem + 14vw);
line-height: calc(1rem + 13.5vw);
}
.start-thumbs-wrapper {
padding: 0 10px;
}
.start-move-thumb, .start-move-thumb:nth-of-type(3n+2), .start-move-thumb:nth-of-type(3n+3) {
width: calc(50% - 20px);
height: calc(50vw - 20px);
margin: 5px 10px;
}
}main{
overflow:hidden
}
main .cd-main-content>div{
height:100%;
min-height: 100vh;
}
main .cd-main-content{
width:100%;
}
main .cd-main-content.cd-index>div{
vertical-align:middle
}
main .cd-main-content.cd-index::after{
background-color:rgba(64,137,166,0);
background-image:-webkit-linear-gradient(bottom,#4089a6,rgba(64,137,166,0));
background-image:linear-gradient(to top,#4089a6,rgba(64,137,166,0))
}
main .cd-main-content.cd-index::before{
background-color:rgba(64,137,166,0);
background-image:-webkit-linear-gradient(top,#4089a6,rgba(64,137,166,0));
background-image:linear-gradient(to bottom,#4089a6,rgba(64,137,166,0))
}
main .cd-main-content.cd-about{
background-color:#fff
}
main .cd-main-content.cd-about>div{
padding-top:50px
}
main .cd-main-content.cd-about::after{
background-color:rgba(40,48,64,0);
background-image:-webkit-linear-gradient(bottom,#283040,rgba(40,48,64,0));
background-image:linear-gradient(to top,#283040,rgba(40,48,64,0))
}
main .cd-main-content.cd-about::before{
background-color:rgba(40,48,64,0);
background-image:-webkit-linear-gradient(top,#283040,rgba(40,48,64,0));
background-image:linear-gradient(to bottom,#283040,rgba(40,48,64,0))
}
.cd-cover-layer,.cd-cover-layer.invisible{
background-color:transparent
}
.cd-cover-layer{
position:fixed;
z-index:5000;
left:50%;
top:50%;
bottom:auto;
right:auto;
-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
-o-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
height:101%;
width:101%;
opacity:0;
visibility:hidden;
-webkit-transition:opacity .4s .4s,visibility 0s .4s;
-moz-transition:opacity .4s .4s,visibility 0s .4s;
transition:opacity .6s 0s,visibility 0s .4s
}
.page-is-changing .cd-cover-layer{
opacity:1;
visibility:visible;
-webkit-transition:opacity .3s 0s,visibility 0s 0s;
-moz-transition:opacity .3s 0s,visibility 0s 0s;
transition:opacity .3s .3s,visibility 0s 0s
} .flexnav,.flexnav li ul{
width:100%;
margin:0
}
.flexnav,.flexnav li{
margin:0
}
.flexnav li,.flexnav li ul li{
font-size:100%
}
.flexnav .touch-button:hover,.menu-button{
cursor:pointer
}
.flexnav{
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
transition:none;
-webkit-transform-style:preserve-3d;
overflow:hidden;
max-height:0
}
.flexnav.opacity{
opacity:0
}
.flexnav.flexnav-show{
max-height:2000px;
opacity:1;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
transition:all .5s ease-in-out
}
.flexnav.one-page{
position:fixed;
top:50px;
right:5%;
max-width:200px
}
.flexnav li,.flexnav li a,.flexnav li ul li{
position:relative;
overflow:hidden
}
.flexnav li a{
background:#fff;
border-bottom:1px solid rgba(0,0,0,.05);
color:#222;
display:block;
padding:20px 0;
z-index:2
}
.oldie .flexnav li ul.open ul.open,.oldie .flexnav ul li:hover ul{
margin-left:100%;
top:0
}
.flexnav li ul.flexnav-show li,.oldie .flexnav,.oldie .flexnav li,.oldie .flexnav li a{
overflow:visible
}
.flexnav li ul li a{
background:#fff;
display:block;
padding:20px
}
.flexnav ul li ul li a{
background:#bfbfbc
}
.flexnav ul li ul li ul li a{
background:#cbcbc9
}
.flexnav .touch-button{
background:rgba(0,0,0,0);
display:inline-block;
height:60px;
position:absolute;
right:0;
text-align:right;
top:0;
width:60px;
z-index:999
}
.flexnav .touch-button .navicon{
position:relative;
top:1.8em;
font-size:12px;
color:#666
}
.menu-button{
background:0 0;
border-bottom:medium none;
box-sizing:border-box;
color:#222;
display:block;
font-size:14px;
font-weight:400;
height:60px;
line-height:60px;
padding:0 50px;
position:relative;
text-align:right;
text-transform:uppercase;
z-index:0
}
.no-button .menu-button{
padding-right:0
}
.menu-button.one-page{
position:fixed;
top:0;
right:5%;
padding-right:45px
}
.menu-button .touch-button{
background:0 0;
display:none;
position:absolute;
z-index:999;
top:0;
right:0;
width:50px;
height:50px;
text-align:center
}
.menu-button .touch-button .navicon{
font-size:16px;
position:relative;
top:1em;
color:#666
}
@media all and (min-width:1025px){
.flexnav li a,.flexnav li ul li a{
border-bottom:none
}
.flexnav,.flexnav li{
overflow:visible
}
body.one-page{
padding-top:70px
}
.flexnav.opacity{
opacity:1
}
.flexnav.one-page{
top:0;
right:auto;
max-width:1080px
}
.flexnav li{
position:relative;
list-style:none;
float:left;
display:block;
background-color:#a6a6a2
}
.flexnav li a{
border-left:1px solid #acaca1
}
.flexnav li>ul{
position:absolute;
top:auto;
left:0
}
.flexnav li ul li>ul,.flexnav li ul.open ul.open{
margin-left:100%;
top:0
}
.flexnav li>ul li{
width:100%
}
.flexnav li ul.open{
display:block;
opacity:1;
visibility:visible;
z-index:1
}
.flexnav li ul.open li{
overflow:visible;
max-height:100px
}
.menu-button{
display:none
}
}
.oldie body.one-page{
padding-top:70px
}
.oldie .flexnav.one-page{
top:0;
right:auto;
max-width:1080px
}
.oldie .flexnav li{
position:relative;
list-style:none;
float:left;
display:block;
background-color:#a6a6a2;
width:20%;
min-height:50px
}
.oldie .flexnav li:hover>ul{
display:block;
width:100%;
overflow:visible
}
.oldie .flexnav li:hover>ul li{
width:100%;
float:none
}
.oldie .flexnav li a{
border-left:1px solid #acaca1;
border-bottom:none
}
.oldie .flexnav li>ul{
background:#acaca1;
position:absolute;
top:auto;
left:0;
display:none;
z-index:1;
overflow:visible
}
.oldie .flexnav li ul.open,.oldie .flexnav li ul.open ul.open{
display:block;
width:100%;
overflow:visible
}
.oldie .flexnav li ul li ul{
top:0
}
.oldie .flexnav li ul li a{
border-bottom:none
}
.oldie .flexnav li ul.open li{
width:100%
}
.oldie .menu-button{
display:none
}
.oldie.ie7 .flexnav li{
width:19.9%
} [data-tooltip]{
position:relative
}
[data-tooltip]::after,[data-tooltip]::before{
position:absolute;
display:block;
opacity:0;
pointer-events:none;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
line-height:12px
}
[data-tooltip]::before{
content:attr(data-tooltip);
font-size:12px;
font-weight:500;
font-family:Poppins,sans-serif;
color:#000;
padding:5px;
border-radius:5px;
white-space:nowrap;
text-decoration:none;
text-align:left
}
.light-content [data-tooltip]::before{
color:#fff
}
[data-tooltip]::after{
width:0;
height:0;
border:6px solid transparent;
content:''
}
[data-tooltip]:hover::after,[data-tooltip]:hover::before{
opacity:1
}
[data-tooltip][data-placement=left]::before{
top:32%;
right:100%;
margin-right:35px
}
[data-tooltip][data-placement=left]:hover::before{
margin-right:-2px;
-webkit-transition:all .3s ease-out .5s;
transition:all .3s ease-out .5s
}
[data-tooltip][data-placement=top]::before{
top:16%;
right:100%;
margin-right:0;
width:200px;
height:16px;
transform:translateX(147px) translateY(-170px) rotate(-90deg)
}
[data-tooltip][data-placement=top]:hover::before{
transform:translateX(147px) translateY(-140px) rotate(-90deg);
-webkit-transition:all .3s ease-out .5s;
transition:all .3s ease-out .2s
}
[data-tooltip][data-placement=right]::before{
top:32%;
left:100%;
margin-left:35px
}
[data-tooltip][data-placement=right]:hover::before{
margin-left:-2px;
-webkit-transition:all .3s ease-out .5s;
transition:all .3s ease-out .5s
}
@media only screen and (max-width:479px){
[data-tooltip]:hover::after,[data-tooltip]:hover::before{
opacity:0
}
} .jssocials-shares{
margin:.2em 0
}
.jssocials-shares *{
box-sizing:border-box
}
.jssocials-share{
display:inline-block;
vertical-align:middle;
margin:0;
}
.jssocials-share:last-child{
margin-right:0
}
.jssocials-share-logo{
width:1em;
vertical-align:middle;
font-size: 1em;
}
img.jssocials-share-logo{
width:auto;
height:1em
}
.jssocials-share-link{
display:block;
text-align:center;
text-decoration:none;
width: 60px;
height: 60px;
line-height: 60px;
}
.jssocials-share-link.jssocials-share-link-count{
padding-top:.2em
}
.jssocials-share-link.jssocials-share-link-count .jssocials-share-count{
display:block;
font-size:.6em;
margin:0 -.5em -.8em
}
.jssocials-share-link.jssocials-share-no-count{
padding-top:.5em
}
.jssocials-share-link.jssocials-share-no-count .jssocials-share-count{
height:1em
}
.jssocials-share-label{
padding-left:.3em;
vertical-align:middle
}
.jssocials-share-count-box{
display:inline-block;
height:1.5em;
padding:0 .3em;
line-height:1;
vertical-align:middle;
cursor:default
}
.jssocials-share-count-box.jssocials-share-no-count{
display:none
}
.jssocials-share-count{
line-height:1.5em;
vertical-align:middle
} .justified-gallery{
width:100%;
position:relative;
overflow:hidden
}
.justified-gallery>a,.justified-gallery>div,.justified-gallery>figure{
position:absolute;
display:inline-block;
overflow:hidden;
filter:"alpha(opacity=10)";
opacity:.1;
margin:0;
padding:0
}
.justified-gallery>a>a>img,.justified-gallery>a>img,.justified-gallery>div>a>img,.justified-gallery>div>img,.justified-gallery>figure>a>img,.justified-gallery>figure>img{
position:relative;
top:50%;
left:50%;
margin:0;
margin-top:0!important;
padding:0;
border:none;
filter:"alpha(opacity=0)";
opacity:0
}
.justified-gallery>a>.caption,.justified-gallery>div>.caption,.justified-gallery>figure>.caption{
display:none;
position:absolute;
bottom:0;
padding:5px;
background-color:#000;
left:0;
right:0;
margin:0;
color:#fff;
font-size:12px;
font-weight:300;
font-family:sans-serif
}
.justified-gallery>.entry-visible{
filter:"alpha(opacity=100)";
opacity:1;
background:0 0
}
.justified-gallery>.entry-visible>a>img,.justified-gallery>.entry-visible>img{
filter:"alpha(opacity=100)";
opacity:1;
-webkit-transition:opacity .5s ease-in;
-moz-transition:opacity .5s ease-in;
-o-transition:opacity .5s ease-in;
transition:opacity .5s ease-in
}
.justified-gallery>.jg-filtered{
display:none
}
.justified-gallery>.spinner{
position:absolute;
bottom:0;
margin-left:-24px;
padding:10px 0;
left:50%;
filter:"alpha(opacity=100)";
opacity:1;
overflow:initial
}
.justified-gallery>.spinner>span{
display:inline-block;
filter:"alpha(opacity=0)";
opacity:0;
width:8px;
height:8px;
margin:0 4px;
background-color:#fff;
border-radius:6px
} .clapat-img-popup, .clapat-video-popup {
position:fixed;
height:100%;
width:100%;
z-index:10000;
left:0;
top:0;
right:0;
bottom:0;
display:flex;
justify-content: center;	
align-items: center;
}
.clapat-img-popup-viewport {
position: absolute;
display: flex;
box-sizing: border-box;
padding: 80px 40px;
margin: 0 auto;
text-align: left;
z-index: 100;
height: auto;
width: auto;
align-items: center;
justify-content: center;
pointer-events: none;
}
.clapat-video-popup-viewport {
position: absolute;
display: flex;
box-sizing: border-box;
padding: 0;
margin: 0 auto;
text-align: left;
z-index: 100;
height: auto;
width: calc(100% - 80px);
max-width: 900px;
align-items: center;
justify-content: center;
pointer-events: none;
}
.clapat-video-popup-viewport::before {
float: left;
padding-top: 56.25%;
content: "";
}
.clapat-img-popup-preloader, .clapat-video-popup-preloader {
display: block;
position: absolute;
margin: 0 auto;
width: 80px;
height: 80px;
}
.clapat-img-popup-preloader div, .clapat-video-popup-preloader div {
position: absolute;
top: 33px;
width: 13px;
height: 13px;
border-radius: 50%;
background: #fff;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.clapat-img-popup-preloader div:nth-child(1), .clapat-video-popup-preloader div:nth-child(1) {
left: 8px;
animation: clapat-img-popup-preloader1 0.6s infinite;
}
.clapat-img-popup-preloader div:nth-child(2), .clapat-video-popup-preloader div:nth-child(2) {
left: 8px;
animation: clapat-img-popup-preloader2 0.6s infinite;
}
.clapat-img-popup-preloader div:nth-child(3), .clapat-video-popup-preloader div:nth-child(3) {
left: 32px;
animation: clapat-img-popup-preloader2 0.6s infinite;
}
.clapat-img-popup-preloader div:nth-child(4), .clapat-video-popup-preloader div:nth-child(4) {
left: 56px;
animation: clapat-img-popup-preloader3 0.6s infinite;
}
@keyframes clapat-img-popup-preloader1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes clapat-img-popup-preloader3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes clapat-img-popup-preloader2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(24px, 0);
}
}
.clapat-img-popup img {
position: relative;
max-width: 100%;
max-height: calc(100vh - 160px);
width: auto;
height: auto;
margin: 0 auto;
z-index: 10;
pointer-events: initial;
}
.clapat-video-popup iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
pointer-events: initial;
}
.rounded-borders .clapat-img-popup img {
border-radius:8px;
}
.clapat-img-popup-bg-close, .clapat-video-popup-bg-close {
position:absolute;
display:block;
height:100%;
width:100%;
left:0;
top:0;
right:0;
bottom:0;
}
.clapat-img-popup-close {
position:absolute;
width:40px;
height:40px;
right:20px;
top:60px;
background-color:rgba(0,0,0,1);
color:#fff;
opacity:0;
border-radius:20px;
z-index: 100;
cursor:pointer;
pointer-events: initial;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.clapat-video-popup-close {
position:absolute;
width:40px;
height:40px;
right:-20px;
top:-20px;
background-color:rgba(0,0,0,1);
color:#fff;
opacity:0;
border-radius:20px;
z-index: 100;
cursor:pointer;
pointer-events: initial;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.clapat-img-popup-close:hover, .clapat-video-popup-close:hover {
background-color:rgba(0,0,0,1);
}
.clapat-img-popup-close::after, .clapat-video-popup-close::after {
font: var(--fa-font-solid);
content: "\f00d";
font-size: 16px;
line-height: 40px;
text-align: center;
position: absolute;
left: 0;
width: 100%;
height: 100%;
}
.clapat-img-popup-prev, .clapat-video-popup-prev {
position:absolute;
width: 26px;
height: 50px;
left:60px;
background-color:rgba(0,0,0,1);
color:#fff;
opacity:0;
border-radius:4px;
z-index: 100;
cursor:pointer;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.clapat-img-popup-prev:hover, .clapat-video-popup-prev:hover {
background-color:rgba(0,0,0,1);
}
.clapat-img-popup-prev::after, .clapat-video-popup-prev::after {
font: var(--fa-font-solid);
content: "\f104";
font-size: 16px;
line-height: 50px;
text-align: center;
position: absolute;
left: 0;
width: 100%;
height: 100%;
}
.clapat-img-popup-next, .clapat-video-popup-next {
position:absolute;
width: 26px;
height: 50px;
right:60px;
background-color:rgba(0,0,0,1);
color:#fff;
opacity:0;
border-radius:4px;
z-index: 100;
cursor:pointer;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.clapat-img-popup-next:hover, .clapat-video-popup-next:hover {
background-color:rgba(0,0,0,1);
}
.clapat-img-popup-next::after, .clapat-video-popup-next::after {
font: var(--fa-font-solid);
content: "\f105";
font-size: 16px;
line-height: 50px;
text-align: center;
position: absolute;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-width: 1466px) {
}	
@media only screen and (max-width: 1024px) {	
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 479px) {
.clapat-img-popup-viewport {
padding: 60px 23px;
}
.clapat-video-popup-viewport {
width: calc(100% - 60px);
}
.clapat-img-popup img {
max-height: calc(100vh - 120px);
}
.clapat-img-popup-close {
right: 3px;
top: 40px
}
.clapat-img-popup-prev {
left:10px;
}
.clapat-img-popup-next {
right:10px;
}
}.woocommerce-page .preloader-wrap {
display:none;
}
.site-header-cart.menu {
display: flex;
position: relative;
float: right;
text-align: left;
margin: 0;
list-style: none;
pointer-events: initial;
height: 100%;
align-items: center;
}
.site-header-cart.menu .parallax-wrap {
width: 80px;
height: 80px;
display: flex;
position: relative;
justify-content: center;
align-items: center;
right: -30px;
}
.fullscreen-menu .site-header-cart.menu .parallax-wrap {
width: 60px;
right: -20px;
}
.widget.woocommerce.widget_shopping_cart .parallax-element {
height: 40px;
width: 40px;
color: #000;
text-align: center;
line-height: 40px;
font-size: 18px;
}
.woocommerce .site-header-cart.menu .widgettitle {
position: relative;
color: transparent;
width: 40px;
height: 40px;		
line-height: 40px;
padding: 0;
margin:0;
text-align: center;
cursor:pointer;		
}
.woocommerce .site-header-cart.menu .widgettitle:after {
width: 40px;
height: 40px;
content: "\f291";
position: absolute;
right: 0px;
pointer-events: none;
font-family: FontAwesome;
color: #000;
text-align: center;
line-height: 44px;
font-size: 14px;
top: 0 !important;
}
.woocommerce .fullscreen-menu .site-header-cart.menu .widgettitle:after {
line-height: 40px;
}
.woocommerce .light-content .site-header-cart.menu .widgettitle:after {
color: #fff;
}
.widget_shopping_cart_content {
background: #000;
opacity:0;
visibility:hidden;
position:absolute;
width:300px;
max-height:500px;
right:-15px;
font-size:14px;
padding: 20px;
box-sizing: border-box;
margin-top: -10px;
border-radius: 3px;
-webkit-transform: translate3d(0px, 30px, 0px);
transform: translate3d(0px, 30px, 0px);
-webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.widget_shopping_cart_content:after {
display: block;
content: '';
position: absolute;
top: -6px;
left: auto;
right: 15px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 9px;
border-color: transparent transparent #000;
}
.woocommerce-mini-cart__empty-message {
margin-bottom:0;
font-size:14px;
text-align:center;
color:#fff;
}
.woocommerce ul.cart_list {
margin-bottom: 14px;
max-height: 320px;
overflow-y: auto;
}
.widget.woocommerce.widget_shopping_cart:hover .widget_shopping_cart_content {
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
opacity:1!important;
visibility:visible;
}
.woocommerce ul.cart_list, .woocommerce ul.product_list_widget {
margin-bottom: 14px;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
position: absolute;
top: 0;
right: 0;
left: auto;
}
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li {
padding-left: 0;
position: relative;
padding-top: 0;
padding-right: 2em;
color:#fff;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
float: left;
margin-left: 0px;
width: 50px;
height: auto;
box-shadow: none;
margin-right: 16px;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
display: block;
font-weight: 400;
color:#fff;
}
.woocommerce ul.cart_list li a::before, .woocommerce ul.product_list_widget li a::before {
display:none;
}
.woocommerce .widget_shopping_cart .cart_list li .quantity, .woocommerce.widget_shopping_cart .cart_list li .quantity {
font-size: 12px;
opacity:0.6;
}
.woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl {
display:none;
}
.woocommerce a.remove {
color: #777 !important;
}
.woocommerce a.remove:hover {
color:#f33a3a!important;
background:transparent;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
border-top: 1px solid #333;
padding: 14px 0 0;
margin-bottom: 14px;
}
.woocommerce .widget_shopping_cart .total strong, .woocommerce.widget_shopping_cart .total strong {
color: #fff;
}
.woocommerce.widget_shopping_cart .total .woocommerce-Price-amount.amount {
float: right;
color: #fff;
}
.woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a {
padding: 0 20px;
line-height: 30px;
font-size: 12px;
color: #fff;
border: 2px solid #fff;
}
.woocommerce .widget_shopping_cart .buttons a:hover, .woocommerce.widget_shopping_cart .buttons a:hover {
background-color:#fff;
color:#000;
}
.woocommerce-mini-cart__buttons.buttons {
margin-bottom:0px;
}
.woocommerce-mini-cart__buttons.buttons .button.checkout.wc-forward  {
float: right;
margin-right:0;
} .site-main {
width: 100%;
height: auto !important;
padding-top: 120px;
margin: 0 auto;
position: relative;
box-sizing: border-box;
overflow:visible!important;
background: transparent !important;
}
.site-main.no-padding {
padding-top:0px;
}
.full-shop-width .site-main {
max-width: 100%;
}
.site-main nav {
pointer-events: initial;
height: auto !important;
}
.woocommerce-breadcrumb {
position:absolute;
display:none;
}
.woocommerce-products-header {
display: table;
width: 100%;
padding-top:20px;
padding-bottom:140px;
margin: 0 auto;
height: auto;
position: relative;
box-sizing: border-box;
text-align: center;
pointer-events: initial;
top:0!important;
}
.woocommerce-products-header #hero-caption {
padding:0;
}
.woocommerce-products-header__title span {
opacity: 0;
display: block;
margin-top: 0;
transform: translateY(160px);
-webkit-transform: translateY(160px);
}
.woocommerce .hero-footer-left {
cursor:default;
width:50%;
}
.woocommerce .hero-footer-right {
width:50%;
}
.woocommerce .woocommerce-result-count {
font-size: 14px;
font-weight: 500;
line-height: 20px;		
color:#000;
opacity:0;
margin:0;
height: 60px;
display: flex;
align-items: center;
}
.woocommerce .light-content .woocommerce-result-count {
color: #fff;
}
.site-main .woocommerce-ordering select {
position:relative;
width:100%;
}
.site-main .woocommerce-ordering select option {
position:relative;
width:100%;
color: #000;
}
.woocommerce .site-main .woocommerce-ordering {
font-size: 14px;
font-weight: 500;
position: relative;
display: block;
width: auto;
height: 20px;
line-height: 20px;
margin-top: 20px;
opacity: 0;
margin:0;
height: 60px;
display: flex;
align-items: center;
}
.site-main .woocommerce-ordering select {
width: 100%;
height: 100%;
margin: 0;
padding: 0 0 0 .5em;
color: #000;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
outline: 0;
box-shadow: none;
border: 0 !important;
background-image: none;
font-family:inherit;
font-size:14px;
font-weight: 500;
background-color:transparent;
padding-right:40px;
text-align:right;
}
.light-content .site-main .woocommerce-ordering select {
color: #fff;
}
.site-main .woocommerce-ordering select::-ms-expand {
display: none;
}
.site-main .woocommerce-ordering::after {
content: '\f107';
font-family: FontAwesome;
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding: 0;
background: transparent;
pointer-events: none;
height: 60px;
line-height: 58px;
font-size: 18px;
font-weight: 500;
color: #000;
text-align: right;
-webkit-transition: .25s all ease;
transition: .25s all ease;
}
.light-content .site-main .woocommerce-ordering::after {
color: #fff;
} .woocommerce .products ul, .woocommerce ul.products {
opacity:1;
position:relative;
margin:0;
padding: 20px 40px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.woocommerce ul.products::after {
content: "";
clear: both;
display: table;
}
.woocommerce ul.products::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
width: 100%;
height: 1px;
opacity: 0;
background-color: rgba(0,0,0,0.1);
transform: scaleX(0);
transform-origin: center;
transition: all 0.3s ease-out 0s;
}
.woocommerce .light-content ul.products::before {
background-color:rgba(255,255,255,0.15);
}
.woocommerce ul.products.visible::before {
opacity:1;
transform: scaleX(1);
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
float: none;
margin: 60px 40px;
padding: 0;
position: relative;
pointer-events:none;
}
.woocommerce ul.products li.product.show-caption, .woocommerce-page ul.products li.product.show-caption {
pointer-events:initial;
}
.woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product {
width: calc(50% - 80px);
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
width: calc(33.333% - 80px);
}
.woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product {
width: calc(25% - 80px);
}
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
clear: none;
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 1), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 1) {
width: calc(40% - 80px);	
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 2), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 2) {
width: calc(25% - 80px);
margin-left: calc(10% + 40px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 3), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 3) {
width: calc(25% - 80px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 4), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 4) {
width: calc(25% - 80px);	
margin-left: calc(25% + 40px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 5), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 5) {
width: calc(25% - 80px);	
margin-right: calc(25% + 40px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 6), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 6) {
width: calc(25% - 80px)
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 7), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 7) {
width: calc(25% - 80px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 8), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 8) {
width: calc(40% - 80px);
margin-left: calc(10% + 40px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 9), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 9) {
width: calc(25% - 80px);	
margin-left: calc(25% + 40px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 10), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 10) {
width: calc(25% - 80px);	
margin-right: calc(25% + 40px);
} .woocommerce ul.products li.product a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
text-decoration: none;
width:100%;
height:100%;
display: block;
}
.woocommerce span.onsale, .woocommerce ul.products li.product .onsale {
top: 30px;
right: auto;
left: 30px;
margin: 0;
min-height: 10px;
padding: 6px;
font-weight: 500;
position: absolute;
border-radius: 0px;
line-height: inherit;
pointer-events:none;
background-color: #77a464;
}
.woocommerce ul.products li.product .product-img-mask {
width: 100%;
height: 100%;
display: block;
position: relative;
margin: 0 auto;
box-sizing: border-box;
z-index: 0;
overflow: hidden;
}
.woocommerce .below-image ul.products li.product a img {
margin: 0 0 1em;
}
.woocommerce ul.products li.product a img {
width:100%;
height:100%;
position: relative;
display: block;
z-index: 0;
object-position: center;
object-fit: cover;
margin: 0;
overflow:hidden;
-webkit-transform:scale(1.03);
transform: scale(1.03);
-webkit-transition: transform 0.3s ease-out 0s;
transition: transform 0.3s ease-out 0s;
}
.woocommerce ul.products li.product:hover a img {		
-webkit-transform:scale(1);
transform: scale(1);			
}
.woocommerce ul.products li.product .product-caption {
z-index: 10;
position: absolute;
left: 0px;
box-sizing:border-box;
bottom: -50px;
height: auto;
width: 100%;
cursor: default;
pointer-events: none;
text-align: left;
opacity: 0;
overflow:hidden;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 20px;
line-height: 30px;
font-weight: 500;
font-family: 'Poppins', sans-serif;
display: block;
position: relative;
margin:0;
padding: 0;
color:#000;
text-transform:none;
}
.woocommerce .light-content ul.products li.product .woocommerce-loop-product__title {
color:#fff;
}
.woocommerce .below-image ul.products li.product .woocommerce-loop-product__title {
position:relative;
padding: .2em 0;
bottom:auto;
left:0;
}
.woocommerce .product-caption-white ul.products li.product .woocommerce-loop-product__title {
color:#fff;
}
.woocommerce ul.products li.product .price {
font-size: 14px;
line-height: 30px;
font-weight: 500;
position: absolute;
top: 0;
right: 0;
color: #000;
margin-bottom: 0;
}
.woocommerce .light-content ul.products li.product .price {
color:#fff;
}
.woocommerce .below-image ul.products li.product .price {
position:relative;
bottom:auto;
margin-bottom: .5em;
left:0;
}
li.product .price ins, .woocommerce ul.products li.product .price ins {
font-weight: 500;
color:#f33a3a;
}
.woocommerce ul.products li.product .price del {
color: rgba(0,0,0,0.5);
}
.woocommerce .light-content ul.products li.product .price del {
color: rgba(255,255,255,0.5);
}
.woocommerce ul.products li.product .button {
margin-top: 0;
position: absolute;
left:30px;
right:30px;
bottom: 30px;
font-size: 14px;
font-weight: 500;
padding: 10px 20px 10px 20px;
background: #000;
color: #fff;
opacity: 0;
visibility: visible;
line-height: 20px;
width: calc(100% - 60px);
border-radius: 0;
text-align: center;
border:0;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.woocommerce .light-content ul.products li.product .button {
background: #fff;
color: #000;
}
.woocommerce .below-image ul.products li.product .button {
bottom:.5em;
left:0;
}
.woocommerce .product-caption-white ul.products li.product .button {
color:#fff;
}
.woocommerce ul.products li.product:hover .button {
opacity:1;
visibility:visible;
}
.woocommerce ul.products li.product .button:hover {
background: #fff;
color: #000;
}
.woocommerce .light-content ul.products li.product .button:hover {
background: #000;
color: #fff;
}
.woocommerce ul.products li.product .button::after {
position:absolute;
width: 30px;
height: 20px;
pointer-events: none;
color:inherit;
text-align: center;
line-height: 20px;
font-size: 13px;
top: auto;
right: auto;
}
.woocommerce ul.products li.product .star-rating {
font-size: .857em;
position: absolute;
top: 40px;
right: 30px;
color: #000;
}
.woocommerce ul.products li.product a.added_to_cart.wc-forward {
display:none;
} .woocommerce nav.woocommerce-pagination {
margin: 0 auto;
padding-top: 80px;
padding-bottom: 60px;
background: transparent !important;
}
.woocommerce .left-align nav.woocommerce-pagination ul {
display: block;
margin: 100px 0 50px 0;
}
.woocommerce .center-align  nav.woocommerce-pagination ul {
display:inline-block;
margin: 100px 0 50px 0;
}
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li {
border: none;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
background: transparent;
opacity:1;
color:#000;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
display: inline-block;
font-size: calc(1rem + 3vw);
line-height: calc(1rem + 3.5vw);
font-weight: 500;
list-style: none;
padding:0;
padding-right: 25px;
min-width: 2vw;
text-align: center;
opacity: 0.5;
color:#000;
-webkit-transition: opacity 0.2s ease-out 0s;
transition: opacity 0.2s ease-out 0s;
}
.woocommerce .light-content nav.woocommerce-pagination ul li a, .woocommerce .light-content nav.woocommerce-pagination ul li span {
color:#fff;
}
.woocommerce-pagination .prev.page-numbers {
position: relative;
display: block;
margin-right:25px;
}
.woocommerce-pagination .next.page-numbers {
position: relative;
display: block;
margin-left:25px;
} .woocommerce div.product {
display: block;
width: 100%;
margin: 0px 0px 60px 0px;
position: relative;
box-sizing: border-box; }
.woocommerce div.product .product_title {
font-size: calc(1rem + 2vw);
line-height: calc(1rem + 2.5vw);
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
float: left;
width: 48%;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
float: right;
width: 48%;
clear: none;
}
.woocommerce div.product div.images {
margin-bottom: 100px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
width: 80px;
display: inline-block;
margin: 10px;
transform: translateX(10px) translateY(-110px);
background: #000;
position:absolute;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) img {
opacity:0.9;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #f33a3a;
font-size: 18px;
font-weight: 500;
line-height: 30px;
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
color:#f33a3a;
font-weight:500;
}
.woocommerce div.product form.cart {
margin-bottom: 3em;
margin-top: 3em;
}
.woocommerce div.product form.cart div.quantity, .woocommerce-cart-form__cart-item.cart_item div.quantity {
float: left;
margin: 0px;
width: 80px;
height: 57px;
position:relative;
overflow:hidden;
}
.woocommerce .quantity .qty {
text-align: center;
border: solid 1px #ddd;
transform: scale(1) translateX(0px) translateY(0px);
display: block;
font-size: 14px;
font-family: inherit;
background: #fff;
color: #000;
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 0 10px 0 5px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
font-size: 100%;
margin: 0;
box-sizing:border-box;
cursor: pointer;
position: relative;
text-decoration: none;
overflow: visible;
padding: 0 30px;
font-weight: 700;
border-radius: 0px;
left: auto;
color: #000;
background-color: transparent;
border: 2px solid #000;
display: inline-block;
background-image: none;
box-shadow: none;
text-shadow: none;
line-height: 50px;
font-family: inherit;
font-weight: 500;
width:auto;
}
.light-content .woocommerce #respond input#submit, .light-content .woocommerce a.button, .light-content .woocommerce button.button, .light-content .woocommerce input.button {
color: #fff;
border: 2px solid #fff;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
background-color:#000;
color:#fff;
}
.light-content .woocommerce #respond input#submit:hover, .light-content .woocommerce a.button:hover, .light-content .woocommerce button.button:hover, .light-content .woocommerce input.button:hover {
background-color:#fff;
color:#000;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background-color: transparent;
color: #000;
width: auto;
border: 2px solid #000;
border-radius: 0px;
line-height: 46px;
-webkit-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover {
background-color:#000;
color:#fff
}
.light-content .woocommerce #respond input#submit.alt, .light-content .woocommerce a.button.alt, .light-content .woocommerce button.button.alt, .light-content .woocommerce input.button.alt {
color: #fff;
border: 2px solid #fff;
}
.light-content .woocommerce #respond input#submit.alt:hover, .light-content .woocommerce a.button.alt:hover, .light-content .woocommerce button.button.alt:hover, .light-content .woocommerce input.button.alt:hover {
background-color:#fff;
color:#000
}
.woocommerce .light-content #respond input#submit.alt, .woocommerce .light-content a.button.alt, .woocommerce .light-content button.button.alt, .woocommerce .light-content input.button.alt {
color: #fff;
border: 2px solid #fff;
}
.woocommerce .light-content #respond input#submit.alt:hover, .woocommerce .light-content a.button.alt:hover, .woocommerce .light-content button.button.alt:hover, .woocommerce .light-content input.button.alt:hover {
background-color:#fff;
color:#000
}
.woocommerce div.product form.cart .group_table tr {
background:transparent;
position:relative;
}
.woocommerce div.product form.cart .group_table tr::after {
content:"";
width:100%;
height:1px;
position:absolute;
background-color:rgba(255,255,255,0.15);
left:0;
bottom:0;
}
.woocommerce div.product form.cart .group_table tr:last-child::after {
display:none;
}
.woocommerce div.product form.cart .group_table td {
line-height:50px;
padding: 20px 0;
}
.woocommerce div.product form.cart .group_table td a {
line-height:28px;
}
.woocommerce div.product form.cart .group_table td ins {
color:#f33a3a;
}
.product_meta .sku_wrapper, .product_meta .posted_in {
display: block;
width: 100%;
color:#000;
}
.light-content .product_meta .sku_wrapper, .light-content .product_meta .posted_in {
color:#fff;
}
.product_meta .sku_wrapper .sku, .product_meta .posted_in a {
float: right;
width: calc(100% - 130px);
color:#000;
}
.light-content .product_meta .sku_wrapper .sku, .light-content .product_meta .posted_in a {
color:#fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {		
padding: 0;
margin: 0 0 3em;
overflow:visible;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
display:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: none;
margin: 0;
margin-right:20px;
padding:0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li {
background-color:transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-weight: 500;
color:#777;
-webkit-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: #000;
text-shadow: inherit;
}
.woocommerce .light-content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce .light-content div.product .woocommerce-tabs ul.tabs li a:hover {
color: #fff;
text-shadow: inherit;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a::before {
width:100%;
height: 3px;
content: "";
position: absolute;
top:35px;
z-index:0;
background-color:#000;
}
.woocommerce .light-content div.product .woocommerce-tabs ul.tabs li.active a::before {
background-color:#fff;
}
.woocommerce-tabs.wc-tabs-wrapper {
position:relative;
z-index:10;
padding-bottom:20px;
margin-bottom: 80px;
}
.woocommerce-tabs.wc-tabs-wrapper::before {
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);
max-width:1000%;
width:100vw;
height: 1px;
content: "";
position: absolute;
top:35px;
z-index:0;
background-color: rgba(0,0,0,0.1);
}
.light-content .woocommerce-tabs.wc-tabs-wrapper::before {
background-color:rgba(255,255,255,0.15);
}
.woocommerce div.product .woocommerce-tabs .panel {
margin: 0 0 2em;
padding: 0;
position: relative;
}
.woocommerce-message {
border-top-color: transparent;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
padding: 1em 2em 1em 3.5em;
margin: 0 0 2em;
position: relative;
background-color: rgba(0,0,0,0.1);
color: #000;
border-top: none;
list-style: none outside;
width: auto;
word-wrap: break-word;
line-height: 50px;
}
.light-content .woocommerce-error, .light-content .woocommerce-info, .light-content .woocommerce-message {
background-color: rgba(255,255,255,0.1);
color: #fff;
}
.woocommerce-error a, .woocommerce-info a, .woocommerce-message a, .woocommerce-error a:hover, .woocommerce-info a:hover, .woocommerce-message a:hover {
color:#000;
}
.light-content .woocommerce-error a, .light-content .woocommerce-info a, .light-content .woocommerce-message a, .light-content .woocommerce-error a:hover, .light-content .woocommerce-info a:hover, .light-content .woocommerce-message a:hover {
color:#fff;
}
.woocommerce-page .woocommerce-message .button {
background-color: transparent;
padding: 0;
line-height: 30px;
margin-top: 10px;
border:0;
}
.woocommerce-page .woocommerce-message .button:hover {
background-color:transparent;
color:#000;
}
.woocommerce-page .light-content .woocommerce-message .button:hover {
background-color:transparent;
color:#fff;
}
.woocommerce-page .woocommerce-message .button::before {
content: '';
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 2px;
background: rgba(0,0,0,1);
transform: scaleX(0);
transform-origin: right;
transition: transform .2s ease-out;
}
.woocommerce-page .light-content .woocommerce-message .button::before {
background: rgba(255,255,255,1);
}
.woocommerce-page .woocommerce-message .button:hover::before {
transform: scaleX(1);
transform-origin: left;
}
.woocommerce div.product form.cart .variations tr {
background:transparent;
position:relative;
}
.woocommerce div.product form.cart .variations tr::after {
content:"";
width:100%;
height:1px;
position:absolute;
background-color:rgba(255,255,255,0.15);
left:0;
bottom:0;
}
.woocommerce div.product form.cart .variations tr:last-child::after {
display:none;
}
.woocommerce div.product form.cart .variations td {
line-height: 50px;
padding: 20px 0;
}
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
padding-left:0;
}
.woocommerce div.product form.cart .variations select {
float: none !important;
height: 40px;
font-family: inherit;
padding: 0 20px;
width: auto;
appearance: auto;
display: block !important;
top: 0 !important;
min-width: 100%;
margin: 5px 0;
}
.woocommerce div.product form.cart .variations label {
font-weight: 500;
text-align: left;
line-height: 70px;
}
.woocommerce div.product form.cart .reset_variations {
font-size:14px;
line-height: 28px;
}
.woocommerce div.product form.cart .woocommerce-variation.single_variation {
margin-bottom:40px;
}
.woocommerce div.product form.cart .button {
background-color: transparent;
color: #000;
width: auto;
border: 2px solid #000;
border-radius: 0px;
line-height: 46px;
-webkit-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.woocommerce div.product form.cart .button:hover {
background-color:#000;
color:#fff;
}
.woocommerce .light-content div.product form.cart .button {
background-color: transparent;
color: #fff;
border: 2px solid #fff;
}
.woocommerce .light-content div.product form.cart .button:hover {
background-color:#fff;
color:#000;
}
.woocommerce .related.products .products ul, .woocommerce .related.products ul.products {
position: relative;
display: flex;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
max-width: 1000% !important;
width: 100vw !important;
overflow: hidden;
}
.woocommerce div.product .woocommerce-tabs .panel h2, .woocommerce div.product .related.products > h2 {
font-size: calc(1rem + 0.6vw);
line-height: calc(1rem + 1.5vw);
}
.woocommerce #reviews  {
color:#777;
}
.woocommerce #reviews #reply-title {
display:none;
}
.woocommerce #reviews .message-box {
float:none;
margin-bottom:30px;
}
.woocommerce #reviews #comment {
height: 50px;
}
.woocommerce #review_form #respond p.stars {
margin-top:6px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
font-size:16px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
float: left;
position: absolute;
top: 0;
left: 0;
padding: 3px;
width: 32px;
height: auto;
background: transparent;
border: 0;
margin: 0;
box-shadow: none;
border-radius: 100%;
overflow: hidden;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0px 0 40px 50px;
border: 0;
border-radius: 4px;
padding: 1em 1em 0;
background-color: rgba(255,255,255,0.1);
} .clapat-shop-sidebar-widget {
position:relative;
display:block;
padding-bottom: 30px;
margin-bottom: 30px;
}
.clapat-shop-sidebar-widget::after {
content: "";
width: calc(100% + 100px);
height: 1px;
position: absolute;
background-color: rgba(0,0,0,0);
left: -50px;
bottom: 0;
-webkit-transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000), background-color 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000), background-color 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
#sidebar.open .clapat-shop-sidebar-widget::after {
background-color: rgba(0,0,0,0.15);
}
.light-content .clapat-shop-sidebar-widget::after {
background-color: rgba(255,255,255,0);
}
.light-content #sidebar.open .clapat-shop-sidebar-widget::after {
background-color: rgba(255,255,255,0.15);
}
.woocommerce .woocommerce-breadcrumb a {
color: #000;
line-height: 20px;
}
.woocommerce .light-content .woocommerce-breadcrumb a {
color: #fff;
}
.wc-block-components-sort-select {
margin-bottom: 25px;
display: flex;
justify-content: space-between;
}
.widget_block .wc-block-components-sort-select select {
position:relative;
width:100%;
}
.widget_block .wc-block-components-sort-select select option {
position:relative;
width:100%;
color: #000;
}
.woocommerce .widget_block .wc-block-components-sort-select {
font-size: 14px;
font-weight: 400;
position: relative;
height: 20px;
line-height: 20px;
}
.widget_block .wc-block-components-sort-select select {
width: auto;
height: 100%;
margin: 0;
padding: 0 0 0 .5em;
color: #000;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
outline: 0;
box-shadow: none;
border: 0 !important;
background-image: none;
font-family:inherit;
font-size:14px;
font-weight: 400;
background-color:transparent;
padding-right:30px;
text-align:right;
}
.light-content .widget_block .wc-block-components-sort-select select {
color: #fff;
}
.widget_block .wc-block-components-sort-select select::-ms-expand {
display: none;
}
.widget_block .wc-block-components-sort-select::after {
content: '\f107';
font-family: FontAwesome;
position: absolute;
top: -2px;
right: 0;
bottom: 0;
padding: 0;
background: transparent;
pointer-events: none;
height: 28px;
line-height: 28px;
font-size: 16px;
font-weight: 800;
color: inherit;
text-align: right;
}
.widget_block .wc-block-components-sort-select::after {
-webkit-transition: .25s all ease;
-o-transition: .25s all ease;
transition: .25s all ease;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background-color: #f33a3a;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background-color: #444;
}
.woocommerce .widget_price_filter .price_slider_amount {
padding-top: 15px;
}
.woocommerce .widget_price_filter .price_slider_amount button, .woocommerce .widget_price_filter .price_slider_amount .button {
padding: 0 20px;
line-height: 30px;
font-size: 12px;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span {
float:right;
}
.product_list_widget a {
opacity:1!important;
}
.product_list_widget a .product-title {
opacity:0.6;
}
.product_list_widget a:hover .product-title {
opacity:1;
}
.product_list_widget .woocommerce-Price-amount.amount {
font-size:12px;
opacity:0.6;
}
#sidebar mark, ins {
background: transparent!important;
}
.product_list_widget .star-rating {
display:none;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
padding: 10px 0;
margin: 0;
list-style: none;
}
.woocommerce-product-search button {
font-size: 100%;
margin: 0;
line-height: 1;
cursor: pointer;
position: relative;
text-decoration: none;
overflow: visible;
font-weight: 700;
border-radius: 3px;
left: auto;
color: #fff;
background-color: #f33a3a;
border: 0;
display: inline-block;
background-image: none;
box-shadow: none;
text-shadow: none;
font-family: inherit;
font-weight: 400;
padding: 0 20px;
line-height: 30px;
font-size: 12px;
margin-top:20px;
}
.woocommerce-product-search button:hover {
background-color:#dfdcde;
text-decoration:none;
background-image:none;
color:#515151
}
.editor-styles-wrapper .wc-block-components-review-list-item__item, .wc-block-components-review-list-item__item {
list-style: none;
margin: 0 0 30px;
line-height: 24px;
}
.editor-styles-wrapper .wc-block-components-review-list-item__item:last-child, .wc-block-components-review-list-item__item:last-child {
margin-bottom:0;
}
.editor-styles-wrapper .wc-block-components-review-list-item__item:last-child p, .wc-block-components-review-list-item__item:last-child p {
margin-bottom:0;
}
.wc-block-components-review-list-item__info {
margin-bottom: 20px;
}
.wc-block-components-review-list-item__image {
border-radius: 100%;
overflow: hidden;
}
.wc-block-mini-cart__button {
color: #000;
font-weight: 400;
font-size: 14px;
}
.light-content .wc-block-mini-cart__button {
color: #fff;
} 
.wc-block-mini-cart__button:hover:not([disabled]) {
opacity:1
}
.wc-block-components-review-list-item__author, .wc-block-components-review-list-item__product {
font-weight: 400;
font-size: 14px;
}
.wc-block-components-review-list-item__product + .wc-block-components-review-list-item__author {
font-weight: 400;
font-size: 14px;
}
.wc-block-components-review-list-item__product + .wc-block-components-review-list-item__author + .wc-block-components-review-list-item__published-date, .wc-block-components-review-list-item__published-date {
font-weight: 400;
font-size: 14px;
}
.wc-block-components-review-list-item__text p {
font-weight: 400;
font-size: 14px;
color:#000;
}
.woocommerce.woocommerce-shop .wc-block-breadcrumbs .woocommerce-breadcrumb {
background-color:transparent!important;
pointer-events:initial;
position:relative;
height: auto!important;
opacity:1!important;
}
.wp-block-woocommerce-customer-account a {
color: #000 !important;
font-size: 14px;
font-weight: 400;
opacity: 1;
display: flex;
}
.light-content .wp-block-woocommerce-customer-account a {
color: #fff !important;
}
.wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon {
padding-left: 0;
padding-right:20px;
}
.wp-block-woocommerce-customer-account a:after {
display:none;
}
.wp-block-woocommerce-customer-account a:hover {
text-decoration:none!important
}
.wc-block-components-sort-select__label {
font-weight: 400;
font-size: 14px;
color: #000;
}
.light-content .wc-block-components-sort-select__label {
color: #fff;
}
.wc-block-components-checkbox .wc-block-components-checkbox__label, .wc-block-components-checkbox > span {
line-height: 1.5em;
vertical-align: middle;
font-size: 14px;
font-weight: 400;
color: #000;
}
.light-content .wc-block-components-checkbox .wc-block-components-checkbox__label, .light-content .wc-block-components-checkbox > span {
color: #fff;
}
.wc-block-components-price-slider__controls .wc-block-components-price-slider__amount {
border-radius: 0 !important;
border-width: 2px;
border-color: #000 !important;
text-align: center;
}
.light-content .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount {
border-color: #fff !important;
}
.wc-block-components-price-slider__actions button[type="submit"]:not(.wp-block-search__button).wc-block-components-filter-submit-button, .wc-block-stock-filter__actions button[type="submit"]:not(.wp-block-search__button).wc-block-components-filter-submit-button, .wc-block-attribute-filter__actions .wc-block-filter-submit-button.wc-block-components-filter-submit-button.wc-block-attribute-filter__button {
background-color: transparent;
color: #000;
width: auto;
border: 2px solid #000;
border-radius: 0px;
line-height: 36px;
-webkit-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
padding: 0 20px;
font-size: 14px;
font-family: inherit;
font-weight: 500;
width: 100%;
}
.light-content .wc-block-components-price-slider__actions button[type="submit"]:not(.wp-block-search__button).wc-block-components-filter-submit-button, .light-content .wc-block-stock-filter__actions button[type="submit"]:not(.wp-block-search__button).wc-block-components-filter-submit-button, .light-content .wc-block-attribute-filter__actions .wc-block-filter-submit-button.wc-block-components-filter-submit-button.wc-block-attribute-filter__button {
color: #fff;
border: 2px solid #fff;
}
.wc-block-components-price-slider__actions button[type="submit"]:not(.wp-block-search__button).wc-block-components-filter-submit-button:hover, .wc-block-stock-filter__actions button[type="submit"]:not(.wp-block-search__button).wc-block-components-filter-submit-button:hover, .wc-block-attribute-filter__actions .wc-block-filter-submit-button.wc-block-components-filter-submit-button.wc-block-attribute-filter__button:hover {
background-color:#000;
color:#fff;
}
.light-content .wc-block-components-price-slider__actions button[type="submit"]:not(.wp-block-search__button).wc-block-components-filter-submit-button:hover, .light-content .wc-block-stock-filter__actions button[type="submit"]:not(.wp-block-search__button).wc-block-components-filter-submit-button:hover, .light-content .wc-block-attribute-filter__actions .wc-block-filter-submit-button.wc-block-components-filter-submit-button.wc-block-attribute-filter__button:hover {
background-color:#fff;
color:#000;
}
.wc-block-product-categories {
margin-bottom: 0;
font-size:14px;
font-weight:400;
}
.woocommerce.wc-block-product-results-count .woocommerce-result-count {
font-size:14px;
font-weight:400;
}
.wc-block-product-categories-list:first-child {
margin-left: 0;
margin-bottom: 0;
}
.wc-block-product-categories-list li {
list-style:none;
line-height:24px;
}
.wc-block-product-categories-list li:last-child {
margin-bottom:0;
}
.woocommerce .select, .woocommerce .wp-block-archives-dropdown, .woocommerce .wp-block-categories-dropdown {
margin:0;
}
.woocommerce  .wp-block-search {
margin-bottom: 0;
}
.woocommerce  .wp-block-search .wp-block-search__input {
border: none;
} .light-content .woocommerce table.shop_table thead {
background-color: #fff;
}
.woocommerce table.shop_table th {
font-weight: 500;
padding: 10px;
line-height: 1.5em;
color: #fff;
}
.light-content .woocommerce table.shop_table th {
color: #000;
}
.woocommerce-cart-form__cart-item.cart_item, .woocommerce table.shop_table tr {
background: transparent;
}
.light-content .woocommerce-cart-form__cart-item.cart_item {
background: transparent;
}
.woocommerce table.shop_table, .woocommerce table.shop_table th, .woocommerce table.shop_table td {
border: 0;
}
.woocommerce table.shop_table td {
border-top: 1px solid #ddd;
padding: 10px;
vertical-align: middle;
line-height: 5.5em;
}
.light-content .woocommerce table.shop_table td {
border-top: 1px solid #333;
}
.woocommerce-cart table.cart td.product-remove a.remove {
text-align:center;
margin:0 auto;
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
width: 70px;
box-shadow: none;
}
.woocommerce-cart table.cart td.product-name a {
font-size:18px;
}
.woocommerce table.shop_table td.product-subtotal, th.product-subtotal {
text-align:center;
}
.woocommerce table.shop_table td.actions {
line-height: 1.5em;
padding: 20px 0;
}
.woocommerce table.shop_table td.actions button {
margin-right:0px;
}
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
color: inherit;
cursor: not-allowed;
opacity: .5;
padding: 0 30px;
}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
float: left;
box-sizing: border-box;
border: 2px solid #000;
padding: 0 20px;
margin: 0;
outline: 0;
width: 250px;
height: 54px;
border-right: 0px;
font-size: 16px;
text-align: center;
}
.light-content #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart .light-content table.cart td.actions .coupon .input-text, .woocommerce-checkout .light-content table.cart td.actions .coupon .input-text {
border: 2px solid #fff;
border-right: 0px;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
float: right;
width: 40%;
margin-top:40px;
}
.woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2 {
font-size: calc(1rem + 0.6vw);
line-height: calc(1rem + 1.5vw);
}
#add_payment_method .cart-collaterals .cart_totals table, .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-checkout .cart-collaterals .cart_totals table {
border-collapse: separate;
border-radius:0px;
margin: 0 0 6px;
padding: 0;
background: #000;
}
.light-content #add_payment_method .cart-collaterals .cart_totals table, .woocommerce-cart .light-content .cart-collaterals .cart_totals table, .woocommerce-checkout .light-content .cart-collaterals .cart_totals table {
background: #fff;
}
#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th {
border-top: 1px solid #272727;
font-weight:500!important;
color:#fff;
}
.woocommerce-cart .cart-collaterals .cart_totals table td strong {
font-weight:500!important;
color:#fff;
}
.light-content #add_payment_method .cart-collaterals .cart_totals tr td, .light-content #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .light-content .cart-collaterals .cart_totals tr td, .woocommerce-cart .light-content .cart-collaterals .cart_totals tr th, .woocommerce-checkout .light-content .cart-collaterals .cart_totals tr td, .woocommerce-checkout .light-content .cart-collaterals .cart_totals tr th {
border-top: 1px solid #ddd;
font-weight:500!important;
color:#000;
}
.woocommerce-cart .light-content .cart-collaterals .cart_totals table td strong {
font-weight:500!important;
color:#000;
}
#add_payment_method .cart-collaterals .cart_totals table td, #add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table td, .woocommerce-checkout .cart-collaterals .cart_totals table th {
line-height: 2.5em;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
display: block;
text-align: center;
margin-bottom: 1em;
font-size: 16px;
padding: 10px;
width: 100%!important;
}
.cart-subtotal th, .order-total th {
text-align:left;
}
.cart-subtotal td, .order-total td {
text-align:right;
}
.woocommerce table.shop_table th, .woocommerce table.shop_table td {
padding:20px;
}
.woocommerce-cart .full table.cart td.product-remove a.remove {
text-align: left;
margin: 0;
margin-left:60px;
}
.full .woocommerce table.shop_table td.product-subtotal, .full .woocommerce th.product-subtotal {
text-align: right;
box-sizing: border-box;
padding-right: 80px;
}
.full .woocommerce table.shop_table td.actions {  
padding: 30px 80px;
}
.full .woocommerce table.shop_table td.actions button {
margin-right: 0px;
}
.full .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .full .cart-collaterals .cart_totals {
box-sizing: border-box;
padding-right: 80px;
} .woocommerce-billing-fields .name-box, .woocommerce-address-fields .name-box {
width:100%;
}
.checkout.woocommerce-checkout h3 {
font-size: calc(1rem + 0.6vw);
line-height: calc(1rem + 1.5vw);
}
.woocommerce .col2-set, .woocommerce-page .col2-set {
width: 100%;
margin-bottom: 80px;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
border: 0px solid #d3ced2;
background-color: rgba(153,153,153,0.1);
border-radius: 0px;
}
.select2-container .select2-selection--single {
height: 50px;
}
.select2-container--default .select2-selection--single {
background-color: rgba(153,153,153,0.1);
border: 0px solid #aaa;
border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 50px;
color: #000;
}
.light-content .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #fff;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 20px;
padding-right: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 12px;
right: 10px;
width: 20px;
}
.shop_table.woocommerce-checkout-review-order-table tr {
background: transparent;
}
.woocommerce .shop_table.woocommerce-checkout-review-order-table td, .woocommerce .shop_table.woocommerce-checkout-review-order-table th {
border-top: 1px solid #ddd;
padding: 9px 12px;
vertical-align: middle;
line-height: 3em;
}
.light-content .woocommerce .shop_table.woocommerce-checkout-review-order-table td, .light-content .woocommerce .shop_table.woocommerce-checkout-review-order-table th {
border-top: 1px solid #141414;
}
.woocommerce .shop_table.woocommerce-checkout-review-order-table th.product-total, .woocommerce .shop_table.woocommerce-checkout-review-order-table td.product-total {
text-align:right;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: transparent;
border-radius: 0px;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
text-align: left;
padding: 0;
border-bottom: 0px solid #d3ced2;
margin: 0;
list-style: none outside;
}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
padding: 20px 0;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
float: none;
display: block;
text-align: center;
margin-bottom: 1em;
font-size: 16px;
padding: 10px;
width: 100% !important;
margin-top: 30px;
}
.woocommerce-error strong, .woocommerce-error li {
color:#fff;
margin-top:10px;
margin-bottom:10px;
}
.woocommerce-error::before {
top: 11px;
}
.woocommerce form .form-row .select2-container {
margin-bottom: 20px;
margin-top: 10px;
}
.woocommerce form .form-row textarea {
height: 50px;
}
.woocommerce td.product-name .wc-item-meta p, .woocommerce td.product-name .wc-item-meta:last-child, .woocommerce td.product-name dl.variation p, .woocommerce td.product-name dl.variation:last-child {
margin-bottom: 0;
line-height: 50px;
}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
font-weight: 500;
border-top: 1px solid rgba(0,0,0,.1);
color: #000;
}
.light-content .woocommerce table.shop_table tbody th, .light-content .woocommerce table.shop_table tfoot td, .light-content .woocommerce table.shop_table tfoot th {
font-weight: 500;
border-top: 1px solid rgba(255,255,255,.1);
color: #fff;
} .woocommerce nav.woocommerce-MyAccount-navigation {
pointer-events: initial;
height: auto;
position: relative;
opacity: 1;
width:20%;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul {
margin:0;
background: rgba(255,255,255,0.1);
padding:20px;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li {
list-style:none;
opacity:0.4;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li:hover, .woocommerce nav.woocommerce-MyAccount-navigation ul li.is-active {
opacity:1;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li a {
line-height:28px;
}
.woocommerce-account .woocommerce-MyAccount-content header {
position:relative;
pointer-events:initial;
}
.woocommerce-account .addresses .title h3 {
font-size: calc(1rem + 0.6vw);
line-height: calc(1rem + 1.5vw);
}
.woocommerce-account .woocommerce-MyAccount-content {
float: right;
width: 78%;
}
.woocommerce-input-wrapper > .name-box > .input_label {
display: none;
} @media only screen and (max-width: 1466px) {
.site-main {
padding-top: 100px;
}
.woocommerce .products ul, .woocommerce ul.products {
padding: 20px 30px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin: 60px 30px;
}
.woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product {
width: calc(50% - 60px);
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
width: calc(33.333% - 60px);
}
.woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product {
width: calc(25% - 60px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 1), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 1) {
width: calc(40% - 60px);	
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 2), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 2) {
width: calc(25% - 60px);
margin-left: calc(10% + 30px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 3), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 3) {
width: calc(25% - 60px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 4), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 4) {
width: calc(30% - 60px);	
margin-left: calc(20% + 30px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 5), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 5) {
width: calc(30% - 60px);	
margin-right: calc(20% + 30px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 6), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 6) {
width: calc(25% - 60px)
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 7), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 7) {
width: calc(25% - 60px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 8), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 8) {
width: calc(40% - 60px);
margin-left: calc(10% + 30px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 9), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 9) {
width: calc(30% - 60px);	
margin-left: calc(20% + 30px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 10), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 10) {
width: calc(30% - 60px);	
margin-right: calc(20% + 30px);
}
.woocommerce span.onsale, .woocommerce ul.products li.product .onsale {
top: 20px;
left: 20px;
}
.woocommerce ul.products li.product .button {
left: 20px;
right: 20px;
bottom: 20px;
width: calc(100% - 40px);
}
.woocommerce ul.products li.product .star-rating {
top: 30px;
right: 20px;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
padding-right: 20px;
}
.woocommerce-pagination .prev.page-numbers {
margin-right:20px;
}
.woocommerce-pagination .next.page-numbers {
margin-left:20px;
}
.woocommerce-cart .full table.cart td.product-remove a.remove {
text-align: left;
margin: 0;
margin-left:40px;
}
.full .woocommerce table.shop_table td.product-subtotal, .full .woocommerce th.product-subtotal {
padding-right: 60px;
}
.full .woocommerce table.shop_table td.actions {  
padding: 30px 60px;
}
.full .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .full .cart-collaterals .cart_totals {
padding-right: 60px;
}
}
@media only screen and (max-width: 1024px) {
.site-header-cart.menu .parallax-wrap {
width: 60px;
right: -20px;
}
.woocommerce .site-header-cart.menu .widgettitle::after {
line-height: 40px;
}
.site-main nav {
pointer-events: initial;
height: auto !important;
position: relative;
opacity: 1;
padding: 0;
}
.woocommerce .products ul, .woocommerce ul.products {
padding: 0px 20px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin: 40px 20px 50px 20px!important;
}
.woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product {
width: calc(50% - 40px);
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
width: calc(50% - 40px);
}
.woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product {
width: calc(50% - 40px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 1), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 1) {
width: calc(33.333% - 40px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 2), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 2) {
width: calc(33.333% - 40px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 3), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 3) {
width: calc(33.333% - 40px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 4), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 4) {
width: calc(33.333% - 40px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 5), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 5) {
width: calc(33.333% - 40px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 6), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 6) {
width: calc(33.333% - 40px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 7), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 7) {
width: calc(33.333% - 40px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 8), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 8) {
width: calc(33.333% - 40px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 9), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 9) {
width: calc(33.333% - 40px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 10), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 10) {
width: calc(33.333% - 40px);
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
float: left;
width: 48%;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
float: right;
width: 48%;
clear: none;
}
.woocommerce ul.products li.product a img {		
-webkit-transform:scale(1);
transform: scale(1);			
}
.woocommerce ul.products li.product .product-caption {
opacity:0;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .price {
opacity:1!important;
transform: translate(0px, 0px)!important;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
padding-right: 15px;
}
.woocommerce-pagination .prev.page-numbers {
margin-right:15px;
}
.woocommerce-pagination .next.page-numbers {
margin-left:15px;
}
.woocommerce-cart .full table.cart td.product-remove a.remove {
text-align: left;
margin: 0;
margin-left:20px;
}
.full .woocommerce table.shop_table td.product-subtotal, .full .woocommerce th.product-subtotal {
padding-right: 40px;
}
.full .woocommerce table.shop_table td.actions {  
padding: 30px 40px;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
width: 50%;
}
.full .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .full .cart-collaterals .cart_totals {
padding-right: 40px;
}
}
@media only screen and (max-width: 767px) {	
.site-main {
padding-top: 80px;
}
.site-header-cart.menu {
margin-right: 30px;
}
.woocommerce #open-sidebar-nav {
z-index:10;
}
.woocommerce .woocommerce-result-count {
margin-left:20px;
}
.woocommerce .products ul, .woocommerce ul.products {
padding: 0px 15px;
padding-bottom: 40px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin: 30px 15px 50px 15px!important;
}
.woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product {
width: calc(50% - 30px);
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
width: calc(50% - 30px);
}
.woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product {
width: calc(50% - 30px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 1), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 1) {
width: calc(50% - 30px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 2), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 2) {
width: calc(50% - 30px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 3), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 3) {
width: calc(50% - 30px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 4), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 4) {
width: calc(50% - 30px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 5), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 5) {
width: calc(50% - 30px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 6), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 6) {
width: calc(50% - 30px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 7), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 7) {
width: calc(50% - 30px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 8), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 8) {
width: calc(50% - 30px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 9), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 9) {
width: calc(50% - 30px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 10), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 10) {
width: calc(50% - 30px);
}
.woocommerce nav.woocommerce-pagination {
padding-top: 60px;
padding-bottom: 40px;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
padding-right: 10px;
}
.woocommerce-pagination .prev.page-numbers {
margin-right:10px;
}
.woocommerce-pagination .next.page-numbers {
margin-left:10px;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
float: none;
width: 100%;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
float: none;
width: 100%;
}
.woocommerce div.product div.images {
margin-bottom: 80px;
}
.woocommerce-tabs.wc-tabs-wrapper {
position: relative;
z-index: 10;
padding-bottom: 0px;
margin-bottom: 60px;
}
.woocommerce-cart table.cart td.product-remove a.remove {
text-align: left;
margin: 0;
}
.woocommerce table.shop_table td {
line-height: 3.5em;
}
.woocommerce-cart-form__cart-item.cart_item td.product-quantity {
float: left;
width: 100%;
}
.woocommerce-cart-form__cart-item.cart_item div.quantity {
float: right;
margin: 0 30px 0 0;
width: 100px;
height: 50px;
position: relative;
overflow: hidden;
}
.woocommerce table.shop_table, .woocommerce table.shop_table th, .woocommerce table.shop_table td {
border: 0;
padding: 0;
box-sizing: border-box;
}
.cart .woocommerce-cart-form__cart-item.cart_item, .woocommerce table.shop_table.cart tr {
background: transparent;
position: relative;
display: flex;
width: calc(100% + 60px);
margin-left:-30px;
flex-wrap: wrap;
align-items: center;
padding-top:30px;
padding-left: 160px;
padding-bottom: 30px;
margin-bottom: 20px;
box-sizing: border-box;
border-top: 1px solid #ddd;
}
.light-content .cart .woocommerce-cart-form__cart-item.cart_item, .light-content .woocommerce table.shop_table.cart tr {
border-top: 1px solid #333;
}
.cart .woocommerce-cart-form__cart-item.cart_item, .woocommerce table.shop_table.cart tr:last-child {
padding: 0;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background-color: transparent;
}
.woocommerce table.shop_table_responsive tbody tr td.product-remove, .woocommerce-page table.shop_table_responsive tbody tr td.product-remove {
position: absolute;
right: 30px;
top: 0;
width: 20px;
z-index: 10;
height: 100%;
display: flex;
align-items: center;
}
.woocommerce-cart .full table.cart td.product-remove a.remove {
text-align: center;
margin: 0 auto;
}
#add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail {
min-width: 100px;
position: absolute;
left: 30px;
top: 20px;
width: 100px;
height: 140px;
display: block;
z-index:0;
overflow:hidden;
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
width: 100%;
object-fit: cover;
object-position: center;
height: 100%;
}
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
text-align: left !important;
display: block;
flex: 1 1 auto;
width: 100%;
padding: 0;
line-height: 30px;
border: 0;
}
.light-content .woocommerce table.shop_table td {
border: 0;
}
.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
display:none;
}
.woocommerce-cart-form__cart-item.cart_item td.product-quantity {
float: left;
width: 100%;
flex: 0 0 auto !important;
width: unset;
text-align: left;
}
.full .woocommerce table.shop_table td.product-subtotal, .full .woocommerce th.product-subtotal {
padding-right: 0;
display: block;
flex: 1 1 auto;
text-align: right;
width: unset !important;
}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon .button {
width: 50%;
margin:0;
}
.full .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .full .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
padding-right: 30px;
padding-left: 30px;
width: 100%;
text-align: center;
float:none;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
padding-right: 0px;
padding-left: 0px;
width: 100%;
text-align: center;
float:none;
}
.woocommerce-cart .cart-collaterals .cart_totals table td, .cart-collaterals .order-total td {
padding:20px;
box-sizing:border-box;
}
.full .woocommerce table.shop_table td.actions, .woocommerce table.shop_table td.actions {
padding: 30px 30px;
}
}
@media only screen and (max-width: 479px) {	
.site-header-cart.menu {
margin-right: 25px;
}
.woocommerce .products ul, .woocommerce ul.products {
padding: 0px 10px;
padding-bottom: 40px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin: 20px 10px 50px 10px!important;
}
.woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product {
width: calc(100% - 20px);
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
width: calc(100% - 20px);
}
.woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product {
width: calc(100% - 20px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 1), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 1) {
width: calc(100% - 20px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 2), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 2) {
width: calc(100% - 20px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 3), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 3) {
width: calc(100% - 20px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 4), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 4) {
width: calc(100% - 20px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 5), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 5) {
width: calc(100% - 20px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 6), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 6) {
width: calc(100% - 20px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 7), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 7) {
width: calc(100% - 20px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 8), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 8) {
width: calc(100% - 20px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 9), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 9) {
width: calc(100% - 20px);
}
.woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 10), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 10) {
width: calc(100% - 20px);
}
.woocommerce nav.woocommerce-pagination {
padding-top: 40px;
padding-bottom: 40px;
}
.woocommerce div.product div.images {
margin-bottom: 60px;
}
.woocommerce-tabs.wc-tabs-wrapper {
position: relative;
z-index: 10;
padding-bottom: 0px;
margin-bottom: 40px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li {
font-size: 14px;
margin-right: 15px;
}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
width: 180px;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
float: right;
width: 100%;
}
.full .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .full .cart-collaterals .cart_totals {
padding-right: 30px;
padding-left: 30px;
width: 100%;
text-align: center;
}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon .button {
width: 50%;
margin:0;
padding:0;
}
.cart .woocommerce-cart-form__cart-item.cart_item, .woocommerce table.shop_table.cart tr {
padding-top:20px;
padding-left: 140px;
padding-bottom:0;
width: calc(100% + 40px);
margin-left:-20px;
}
#add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail {
left: 20px;
}
.woocommerce table.shop_table_responsive tbody tr td.product-remove, .woocommerce-page table.shop_table_responsive tbody tr td.product-remove {
right: 20px;
}
.full .woocommerce table.shop_table td.actions, .woocommerce table.shop_table td.actions {
padding: 20px 20px;
}
.full .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .full .cart-collaterals .cart_totals {
padding-right: 30px;
padding-left: 30px;
}
}.fixed-admin-bar {
position: fixed!important;
}
.admin-bar header {
top:32px;
}
header.over-sidebar {
z-index:2500;
}
.flexnav li.lang-item .before-span span, .flexnav li.pll-parent-menu-item span {
margin-left:8px!important;
float: left;
}
.classic-menu .flexnav li.lang-item:hover a span, .classic-menu .flexnav li.pll-parent-menu-item:hover a span {
-webkit-transform: translateY(0);
transform: translateY(0);
transform-origin: 0% 0%;
}
.flexnav li.lang-item img, .flexnav li.pll-parent-menu-item img{
float: left;
margin-top: 5px;
}
.fullscreen-menu .flexnav li.lang-item img, .fullscreen-menu .flexnav li.pll-parent-menu-item img{
display:none;
}
.fullscreen-menu .flexnav li.lang-item .before-span span, .fullscreen-menu .flexnav li.pll-parent-menu-item span {
margin-left:auto!important;
float: none;
}
.fullscreen-menu .flexnav li.lang-item:hover a span, .fullscreen-menu .flexnav li.pll-parent-menu-item:hover a span {
-webkit-transform: translateY(0);
transform: translateY(0);
transform-origin: 0% 0%;
}
#main-page-content {
font-size: 16px;
line-height: 28px;
color: #444;
}
.light-content #main-page-content {
color: #aaa;
} 
.hero-hidden {
display:none;
} blockquote p {
margin-bottom:0;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
padding-left: 3.5rem;
margin: 0 0 1.5625rem;
}
.wp-block-pullquote blockquote {
padding-left: 2.5rem;
margin: 0 0 1.5625rem;
}
blockquote.is-style-large::before {
top: 12px;
}
.wp-block-pullquote blockquote::before {
top: 15px;
}
.wp-block-pullquote blockquote.has-very-dark-gray-color::before {
color: #fff;
}
#post-content li {
line-height: 28px;
margin-bottom: 15px;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
text-align:center;
}
blockquote.alignleft, .wp-caption.alignleft, img.alignleft {
margin: 0.4em 1.6em 1.6em 0;
}
blockquote.alignright, .wp-caption.alignright, img.alignright {
margin: 0.4em 0 1.6em 1.6em;
}
blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter {
clear: both;
margin-top: 1.6em;
margin-bottom: 1.6em;
}
.wp-caption {
font-weight: 400;
font-size: 12px;
padding: 10px 20px;
margin-top: .5em;
margin-bottom: 1em;
position: relative;
max-width: 100%;
line-height: 24px;
}
.wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter {
margin-bottom: 1.2em;
}
.wp-caption-text {
font-size: 12px;
font-weight: 400;
margin-bottom: 1em;
padding: 5px 10px;
line-height: 24px;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.gallery {
margin-bottom: 1.6em;
}
.gallery-item {
display: inline-block;
padding: 1.79104477%;
text-align: center;
vertical-align: top;
width: 100%;
box-sizing:border-box;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
width:100%;
}
.gallery-caption {
display: block;
font-size: 12px;
line-height: 1.5;
padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
display: none;
} #hero.error {
height:calc(100vh - 120px);
}
#hero.error #hero-styles {
position: fixed;
height:calc(100vh - 120px);
}
#hero.error #hero-caption .inner {
vertical-align: middle;
}
.error-button.button-box {
opacity:0;
margin-top:30px;
transform: translateY(30px);
-webkit-transform: translateY(30px);
} #page-with-comments {
position: relative;
box-sizing: border-box;
padding-top: 60px;
clear: both;
}
#page-with-comments > #post-comments, #page-with-comments > #post-form {
max-width: none;
padding: 0;
}
#page-with-comments > #post-form {
margin-bottom:40px;
} #contact-formular .wpcf7-not-valid-tip {
margin-top: 2px;
position: absolute;
font-size: 12px;
top: 50px;
}
.wpcf7-form-control-wrap {
display: block;
height:40px;
}
.wpcf7-form-control-wrap select {
position: relative;
width: 100%;
margin-top: 20px;
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 14px;
}
.light-content .wpcf7-form-control-wrap select, .dark-section .wpcf7-form-control-wrap select {
background: #333;
color:#fff;
}
.light-content .light-section  .wpcf7-form-control-wrap select{
background: transparent;
color:#000;
}
.wpcf7-form-control-wrap select option {
position:relative;
width:100%;
}
.wpcf7-form-control-wrap select::after {
content: '\25BC';
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding: 0 1.6em;
background: #333;
pointer-events: none;
height: 41px;
line-height: 41px;
color: rgba(255,255,255,0.6);
font-size: 10px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2;
border-top-color: rgb(0, 160, 210);
border-right-color: rgb(0, 160, 210);
border-bottom-color: rgb(0, 160, 210);
border-left-color: rgb(0, 160, 210);
font-size: 12px;
border-radius: 6px;
width: auto;
display: inline-flex;
}
.wpcf7-spinner {  
position: absolute !important;
left: 0;
top: 40px;
}
.wpcf7-form-control-wrap {
display: block;
height: 100%;
} @media only screen and (max-width: 1466px) {
#hero.error, #hero.error #hero-styles {
height:calc(100vh - 100px);
}
}
@media only screen and (max-width: 1024px) {
.flexnav li img {
display:none;
}
.flexnav li.lang-item .before-span span, .flexnav li.pll-parent-menu-item span {
margin-left: auto !important;
float: none;
}
#hero.error, #hero.error #hero-styles {
height:calc(100vh - 80px);
}
}
@media only screen and (max-width: 767px) {
.admin-bar header {
top: 46px;
}
}
@media only screen and (max-width: 479px) {
}.clapat-add-image {
background-color:#bbbbbb;
position:relative;
}
.clapat-add-image img {
width:100%;
height: 100%;
position:relative;
display:block;
object-position: center;
object-fit: contain;	
}
.wp-block-columns {
margin-bottom:0px!important;
}
.wp-block-verse{
background:rgba(128,128,128,.1);
border:none;
border-width:0;
border:4px solid rgba(128,128,128,.4);
box-shadow:none;
font-family:Alegreya,serif;
font-size:1em;
font-style:italic;
padding:1em 1.5em 1em 1.2em;
width:90%
}
.wp-block-embed.is-type-video, .wp-block-embed.is-type-video iframe {
max-width: 100%;
margin: 0 auto;
margin-bottom:20px;
display: block;
}
.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignwide{
width:100%;
margin-left:auto;
margin-right:auto
}
.wp-block-cover-image.alignright{
width:30%;
margin-left:1.5em
}
.wp-block-cover-image.alignleft{
width:30%;
margin-right:1.5em
}
.aligncenter, .alignfull, .alignwide{
clear:both
}
.wp-block-cover-image{
background-position:center center
}
.wp-block-colega-gutenberg-container {
box-sizing: border-box;
}
.wp-block-colega-gutenberg-container::after {
clear: both;
content: " ";
display: table;
}
.wp-block-cover-image .wp-block-subhead:not(.has-text-color), .wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color), .wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color), .wp-block-cover-image h5:not(.has-text-color), .wp-block-cover-image h6:not(.has-text-color), .wp-block-cover-image p:not(.has-text-color), .wp-block-cover .wp-block-subhead:not(.has-text-color), .wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color), .wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color), .wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color), .wp-block-cover p:not(.has-text-color) {
color: #fff;
}
.wp-block-button {
margin-bottom: 20px;
}
.wp-block-button.is-style-squared .wp-block-button__link {
border-radius: 3px;
}
.alignleft {
margin-right: 20px;
}
.alignright {
margin-left: 20px;
}
.blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
display: flex;
align-items: flex-end;
justify-content: flex-start;
overflow: hidden;
}
.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
position: absolute;
bottom: 0;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 40px 20px 20px;
color:#fff;
text-align: center;
font-size: 13px;
background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);
box-sizing: border-box;
right:0;
border-radius: 0;
}
.wp-block-image figcaption {
background-color: rgba(0,0,0,0);
bottom: 25px;
color: #fff;
font-weight: 400;
font-size: 12px;
padding: 10px 20px;
position: relative;
right: 0;
z-index: 10;
border-radius: 0;
bottom: 0;
}
figcaption.blocks-gallery-caption {
background-color: transparent;
bottom: 0px;
color: #fff;
font-weight: 400;
font-size: 13px;
padding: 5px 10px;
position: relative;
right: 0px;
z-index: 10;
border-radius: 0;
text-align: center;
width: auto;
margin: 0 auto;
display: table;
}
.light-content .has-text-color p {
color: #fff;
}
.has-large-font-size {
font-size: 36px;
line-height:48px;
}
@media (min-width:768px){
.weaverx-sb-one-column #container,.weaverx-sb-one-column #content,.weaverx-sb-one-column .content-page,.weaverx-sb-one-column .content-single{
overflow:visible
}
.weaverx-has-sb #container,.weaverx-has-sb #content,.weaverx-has-sb .content-page,.weaverx-has-sb .content-single{
overflow:hidden
}
#main-content .wp-block-cover-image.alignfull,#main-content .wp-block-gallery.alignfull,#main-content .wp-block-image.alignfull img{
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);
max-width:1000%;
width:100vw;
}
#main-content #post-content .wp-block-cover-image.alignfull,#main-content #post-content .wp-block-gallery.alignfull,#main-content #post-content .wp-block-image.alignfull img{
width: calc(100vw - 40px);
}
#main-content .wp-block-button.alignfull,#main-content .wp-block-categories.alignfull,#main-content .wp-block-columns.alignfull,#main-content .wp-block-latest-posts.alignfull,#main-content .wp-block-preformatted.alignfull,#main-content .wp-block-pullquote.alignfull,#main-content .wp-block-table.alignfull,#main-content .wp-block-text-columns.alignfull,#main-content .wp-block-verse.alignfull,#main-content [class^=wp-block-embed].alignfull,#main-content p.alignfull{
margin-left:calc(50% - 47vw)!important;
margin-right:calc(50% - 47vw)!important;
max-width:1000%;
width:94vw!important;		
margin-bottom:30px;
}
#main-content .alignwide{
margin-left:calc(50% - 40vw);
margin-right:calc(50% - 40vw);
width:80vw;
max-width:1000%
}
#main-content .alignfull{
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);
max-width:1000%;
width:100vw;
margin-bottom:30px;
}
#main-content .wp-block-image.alignwide img{
margin-left:calc(50% - 40vw)!important;
margin-right:calc(50% - 40vw)!important;
width:80vw!important;
max-width:1000%!important
}
.wp-block-cover, .wp-block-cover-image {
position: relative;
background-color: #000;
background-size: cover;
background-position: center center;
min-height: 430px;
width: 100%;
margin: 0 0 1.5em 0;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {
background-attachment: fixed;
}
}	
@media screen and (max-width:767px){
[class^=wp-block-].alignleft,[class^=wp-block-].alignright{
max-width:75%
}
}
@media only screen and (max-width:580px){
.wp-block-text-columns,.wp-block-text-columns.aligncenter{
display:block
}
.wp-block-text-columns.columns-2 .wp-block-column,.wp-block-text-columns.columns-3 .wp-block-column,.wp-block-text-columns.columns-4 .wp-block-column{
float:none;
margin-left:0;
margin-right:0;
width:100%
}
} .content-max-width.elementor-widget-montoya_image_parallax {
padding:0;
}
.elementor-invisible {
visibility: visible!important;
}
.elementor-editor-active .has-animation {
opacity: 1;
-webkit-transition:translateY(0px) scaleY(1);
transform: translateY(0px) scaleY(1);	
}
.elementor-section {
margin-left: calc(50% - 50vw)!important;
margin-right: calc(50% - 50vw)!important;
max-width: 1000%!important;
width: 100vw!important;
}
.elementor-section .elementor-container { 
position: relative;
box-sizing: border-box;
width: 100%;
margin: 0 auto;
}
.elementor-section.elementor-full-width.content-max-width {
padding-left:0;
padding-right:0;
}
.elementor-section.elementor-full-width.content-max-width.row_padding_left {
padding-left: 80px;
}
.elementor-section.elementor-full-width.content-max-width.row_padding_right {
padding-right: 80px;
}
.elementor-section.elementor-default-width .elementor-container {
max-width: 1160px!important;
}
.elementor-section.elementor-full-width .elementor-container {
max-width: none!important;
}
.elementor-section.elementor-small-width .elementor-container {
max-width:780px!important;
}
.elementor img.item-image, .elementor img.grid__item-img--large {
height: 100%;
max-width: none;
}
.elementor .hero-video-wrapper video {
max-width: none;
}
.dialog-type-lightbox.elementor-lightbox {
opacity: 0;
display: none !important;
pointer-events: none;
}
.full_elementor:not(.full_elementor .full_elementor) {
margin-left: calc(50% - 50vw)!important;
margin-right: calc(50% - 50vw)!important;
max-width: 1000%!important;
width: 100vw!important;
}
.row_padding_top_elementor.elementor-element:not(.elementor .elementor-element .row_padding_top_elementor.elementor-element) {
padding-top:9vw;
}
.row_padding_bottom_elementor.elementor-element:not(.elementor .elementor-element .row_padding_bottom_elementor.elementor-element) {
padding-bottom:9vw;
}
.row_padding_left_elementor.elementor-element:not(.elementor .elementor-element .row_padding_left_elementor.elementor-element) {
padding-left:80px;
}
.row_padding_right_elementor.elementor-element:not(.elementor .elementor-element .row_padding_right_elementor.elementor-element) {
padding-right:80px;
} .dialog-message .full_elementor:not(.full_elementor .full_elementor) {
margin-left: inherit !important;
margin-right: inherit !important;
max-width: inherit !important;
width: inherit !important;
padding: 0 20px !important;
}
.full_elementor figure.has-parallax {		
overflow:hidden;
height:100vh;
}
.elementor-widget-text-editor p, .light-content .elementor-widget-text-editor p, .dark-section .elementor-widget-text-editor p, .light-content .light-section .elementor-widget-text-editor p {
font-size:inherit; 
line-height: inherit;
margin-bottom: inherit;
color:inherit;
}
.elementor-editor-active #project-nav {
bottom: -100vh;
}
.elementor-editor-active .next-project-wrap {
position:absolute!important;
}
.elementor-editor-active #main-page-content.project-page {
margin-bottom: calc(100vh - 120px);
}
@media only screen and (max-width: 1466px) {
.elementor-section.elementor-full-width.content-max-width.row_padding_left {
padding-left: 60px;
}
.elementor-section.elementor-full-width.content-max-width.row_padding_right {
padding-right: 60px;
}
.row_padding_left_elementor.elementor-element:not(.elementor .elementor-element .row_padding_left_elementor.elementor-element) {
padding-left:60px;
}
.row_padding_right_elementor.elementor-element:not(.elementor .elementor-element .row_padding_right_elementor.elementor-element) {
padding-right:60px;
}
}
@media only screen and (max-width: 1024px) {	
.elementor-section.elementor-section-boxed .elementor-container { 
padding-left:40px;
padding-right:40px;
}
.elementor-section.elementor-full-width.content-max-width.row_padding_left {
padding-left: 40px;
}
.elementor-section.elementor-full-width.content-max-width.row_padding_right {
padding-right: 40px;
}
.row_padding_left_elementor.elementor-element:not(.elementor .elementor-element .row_padding_left_elementor.elementor-element) {
padding-left:40px;
}
.row_padding_right_elementor.elementor-element:not(.elementor .elementor-element .row_padding_right_elementor.elementor-element) {
padding-right:40px;
}
}
@media only screen and (max-width: 767px) {
.elementor-section.elementor-section-boxed .elementor-container { 
padding-left:30px;
padding-right:30px;
}
.elementor-section.elementor-full-width.content-max-width.row_padding_left {
padding-left: 30px;
}
.elementor-section.elementor-full-width.content-max-width.row_padding_right {
padding-right: 30px;
}
.row_padding_left_elementor.elementor-element:not(.elementor .elementor-element .row_padding_left_elementor.elementor-element) {
padding-left:30px;
}
.row_padding_right_elementor.elementor-element:not(.elementor .elementor-element .row_padding_right_elementor.elementor-element) {
padding-right:30px;
}
.row_padding_top_elementor.elementor-element:not(.elementor .elementor-element .row_padding_top_elementor.elementor-element) {
padding-top:10vw;
}
.row_padding_bottom_elementor.elementor-element:not(.elementor .elementor-element .row_padding_bottom_elementor.elementor-element) {
padding-bottom:10vw;
} }
@media only screen and (max-width: 479px) {
.elementor-section.elementor-section-boxed .elementor-container { 
padding-left:20px;
padding-right:20px;
}
.elementor-section.elementor-full-width.content-max-width.row_padding_left {
padding-left: 20px;
}
.elementor-section.elementor-full-width.content-max-width.row_padding_right {
padding-right: 20px;
}
.row_padding_top_elementor.elementor-element:not(.elementor .elementor-element .row_padding_top_elementor.elementor-element) {
padding-top:12vw;
}
.row_padding_bottom_elementor.elementor-element:not(.elementor .elementor-element .row_padding_bottom_elementor.elementor-element) {
padding-bottom:12vw;
}
.row_padding_left_elementor.elementor-element:not(.elementor .elementor-element .row_padding_left_elementor.elementor-element) {
padding-left:20px;
}
.row_padding_right_elementor.elementor-element:not(.elementor .elementor-element .row_padding_right_elementor.elementor-element) {
padding-right:20px;
}
}html,body{
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size:16px;
height:100%;
width:100%;
color:#444;
background-color:#fff;
user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; }
html {
box-sizing: border-box;
margin-right: 0px!important;
overflow: visible!important;
}
body {
overflow: hidden;
overflow-y:scroll;
-webkit-transition: opacity 0.2s ease-in-out 0.2s;
transition: opacity 0.2s ease-in-out 0.2s;
}
body.smooth-scroll {
overflow:hidden;
}
body.has-slider {
overflow:hidden;
}
body.hidden {
opacity:0;
}
main111 {
-webkit-transition: background 0.5s ease-in-out 0s;
transition: background 0.5s ease-in-out 0s;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio {
display: inline-block;
max-width: 100%;
}	
address {
font-style: italic;
margin-bottom: 24px;
}
abbr[title] {
border-bottom: 1px dotted #2b2b2b;
cursor: help;
}
b,
strong {
font-weight: 600;
color:#000;
}
.light-content b, .light-content strong, .dark-section b, .dark-section strong {
font-weight: 600;
color:#fff;
}
.light-content .light-section b, .light-content .light-section strong {
font-weight: 600;
color:#000;
}
cite,
dfn,
em,
i {
font-style: italic;
}
mark, ins {
background: none repeat scroll 0 0 #000;
text-decoration: none;
color: #fff;
padding: 2px 8px;
display: inline-block;
border-radius: 2px;
}
.light-content mark, .light-content ins, .dark-section mark, .dark-section ins {
background: none repeat scroll 0 0 #fff;
color:#000;
}
.light-content .light-section mark, .light-content .light-section ins {
background: none repeat scroll 0 0 #111;
color:#fff;
}
code,
kbd,
tt,
var,
samp,
pre {
font-family: monospace, serif;
font-size: 15px;
-webkit-hyphens: none;
-moz-hyphens:    none;
-ms-hyphens:     none;
hyphens:         none;
line-height: 1.6;
}
pre {
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
margin-bottom: 24px;
max-width: 100%;
overflow: auto;
padding: 12px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
background-color:rgba(0,0,0,0.05)
}
.light-content pre, .dark-section pre {
background-color:rgba(255,255,255,0.05);
color:#fff;
}
.light-content .light-section pre {
background-color:rgba(0,0,0,0.05);
color:#000;
}
blockquote,
q {
-webkit-hyphens: none;
-moz-hyphens:    none;
-ms-hyphens:     none;
hyphens:         none;
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
blockquote {
color: #000;
line-height: 1.6;
font-size: 1.5rem;
margin-bottom: 2.1875rem;
font-weight: 500;
padding-left: 3.5rem;
margin: 0 0 1.5625rem;
position:relative;
}
.light-content blockquote, .dark-section blockquote {
color: #fff;
}
.light-content .light-section blockquote {
color: #000;
}
blockquote::before {
content: "\275D";
position: absolute;
left: 0;
top: 5px;
line-height: 1;
font-size: 3rem;
font-weight: 500;
}
blockquote cite,
blockquote small {
color: #2b2b2b;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}
.light-content blockquote cite, .light-content blockquote small {
color:#fff;
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}
blockquote strong,
blockquote b {
font-weight: 600;
}
small {
font-size: smaller;
}
big {
font-size: 125%;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
dl {
margin-bottom: 24px;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 24px;
}
ul,
ol {
list-style: none;
margin: 0 0 24px 20px;
}
ul,
ol {
list-style: none;
margin:20px 0 25px 20px;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin: 20px 0px 15px 25px;
}
li {
line-height: 20px;
color:#444;
margin-bottom:25px;
}
.light-content li, .dark-section li {
color: #ccc;
}
.light-content .light-section li {
color: #444;
}
figure {
margin:0;
position:relative;
display: block;
}
figure.has-parallax {		
overflow:hidden;
}
.full figure.has-parallax {		
overflow:hidden;
height:100vh;
}
figure img {
max-width:100%;
}
.has-parallax-content > img, .has-parallax > img {
width:100%;
height: 100%;
position:absolute;
display:block;
object-position: center; 
object-fit: cover;
}
figcaption {
background-color: rgba(0,0,0,0.3);
bottom: 0px;
color: #fff;
font-weight:400;
font-size: 10px;
padding: 5px 10px;
position: absolute;
right: 0px;
z-index: 10;
border-radius:0;
}
fieldset {
border: 1px solid rgba(0, 0, 0, 0.1);
margin: 0 0 24px;
padding: 0;
}
legend {
white-space: normal;
}
button,	input {
line-height: normal;
}
input,
textarea {
background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); }
button, html input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin-bottom: 24px;	
width: 100%;
color:#444;
}
thead, .light-content .light-section thead {
background-color:rgba(0,0,0,1);
color:#fff;
}
.light-content thead, .dark-section thead {
background-color:rgba(255,255,255,1);
}
thead tr, .light-content .light-section thead tr {
color:#fff;
}
.light-content thead tr, .dark-section thead tr {
color:#000;
}
tr, .light-content .light-section tr {
color:#444;
}
.light-content tr, .dark-section tr{
color:#CCC;
}
tr:nth-child(2n), .light-content .light-section tr:nth-child(2n) {
background-color:rgba(0,0,0,0.05);
}
.light-content tr:nth-child(2n), .dark-section tr:nth-child(2n){
background-color:rgba(255,255,255,0.1);
}
caption, th, td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0 1px 1px 0;
padding: 10px;
}
td {
border-width: 0 1px 1px 0;
padding: 10px;
}
del {
color: #767676;
}
hr {
border: 0;
height: 28px;
width:100%;
float:none;
margin:0;
display:inline-block;
opacity: 1!important;
-webkit-transition: translateY(0px)!important;
transform: translateY(0px)!important;
}
hr.animated-line {
height:1px;		
padding-top:20px;
padding-bottom:20px;
}
hr.animated-line:before {
content: ""; 
display: block; 
width:0;
height:1px;
background:rgba(0,0,0,0.1);
}
.light-content hr.animated-line:before, .dark-section hr.animated-line:before {
background:rgba(255,255,255,0.15);
}
.light-content .light-section hr.animated-line:before {
background:rgba(0,0,0,0.1);
}
hr.animated.animated-line:before {
width:100%;
-webkit-transition: width 0.7s ease-in-out 0.1s;
transition: width 0.7s ease-in-out 0.1s;
}
hr:after {
clear: both;
content: " ";
display: block;
height: 0;
visibility: hidden;
}
::selection {
background: #000;
color: #fff;
text-shadow: none;
}
::-moz-selection {
background: #000;
color: #fff;
text-shadow: none;
}
img {
border: 0 none;
max-width: 100%;
vertical-align: middle;
height:auto;
}
h1, h2, h3, h4, h5, h6 {		
font-family:inherit;
font-weight:500;
color:#000;
margin-bottom:20px;
}
.primary-font-title {
font-family: 'Six Caps', sans-serif;
text-transform:lowercase;
font-weight:500;
}
.big-title {
font-size: calc(1rem + 8vw);
line-height: calc(1rem + 7.5vw);
}
.fixed-title {
font-size: calc(1rem + 8vw);
line-height: calc(1rem + 7.5vw);
margin-bottom:100vh;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
.fixed-title.primary-font-title {
font-size: calc(1rem + 24.15vw);
line-height: calc(1rem + 22vw);
}
.fixed-title div {
display:inline-block;		
white-space: nowrap;
}
.fixed-title span {
display: block;
opacity:0.1;
margin-top:0;
min-width:3rem;
box-sizing:border-box;
display:inline-block;
transform-origin: bottom center;
}
h1{
font-size: calc(1rem + 4.15vw);
line-height: calc(1rem + 4.5vw);
}
h2{
font-size: calc(1rem + 3vw);
line-height: calc(1rem + 3.5vw);
}
h3{
font-size: calc(1rem + 2vw);
line-height: calc(1rem + 2.5vw);
}
h4{
font-size: calc(1rem + 1vw);
line-height: calc(1rem + 1.6vw);
}
h5{
font-size: calc(1rem + 0.6vw);
line-height: calc(1rem + 1.5vw);
}
h6 {
font-size:18px;
line-height: 36px;
}
h6.has-icon {
padding-left: 20px;
box-sizing: border-box;
display: inline-block;
width: auto;
position: relative;
}
h6.has-icon::before {
font: var(--fa-font-solid);
content: "\f101";
font-size: 12px;
line-height: inherit;
text-align: left;
position: absolute;
left: 0;
}
.no-margins {
margin:0;
}
.light-content h1, .light-content h2, .light-content h3, .light-content h4, .light-content h5, .light-content h6, .dark-section h1, .dark-section h2, .dark-section h3, .dark-section h4, .dark-section h5, .dark-section h6 {
color: #fff;
}
.light-content .light-section h1, .light-content .light-section h2, .light-content .light-section h3, .light-content .light-section h4, .light-content .light-section h5, .light-content .light-section h6 {
color: #000;
}
p {
font-size:18px;
line-height: 28px;
font-weight:500;
margin-bottom: 20px;
color:#999;
}
.light-content p, .dark-section p {
color:#999;
}
.light-content .light-section p {
color:#999;
}
.bigger {
font-size: 26px;
line-height: 42px;
}
.smaller {
font-size: 12px;
line-height: 24px;
}
.container {
max-width:1280px;
width:100%;
margin:0 auto;
box-sizing:border-box;
}
.container::after {
clear: both;
content: " ";
display: table;
}
a:hover, a:active {
outline: 0;
color: #000;
}
a, .light-content .light-section a {
text-decoration: none;
color: #000;
outline: 0;
}
.light-content a, .dark-section a, .white-header a {
color: #fff;
}
.light-content .white-header a { 
color:#000;		
}
a:hover {
text-decoration:none;
}
.one_half {
width: 48%!important;
}	
.one_third {
width: 30.6%!important;
}	
.one_fourth {
width: 22%!important;
}	
.one_fifth {
width: 16.8%!important;
}	
.one_sixth {
width: 13.33%!important;
}	
.two_fifth {
width: 37.6%!important;
}	
.two_fourth {
width: 48%!important;
}		
.two_third {
width: 65.33%!important;
}	
.three_fifth {
width: 58.4%!important;
}	
.three_fourth {
width: 74%!important;
}	
.four_fifth {
width: 79.2%!important;
}	
.five_sixth {
width: 82.67%!important;
}	
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
float: left!important;
margin-bottom: 1px!important;
margin-right: 4%!important;
position: relative!important;
}
.last {
margin-right:0px!important;
}
.text-align-left {
text-align:left;
}
.text-align-center {
text-align:center;
}
.text-align-right {
text-align:right;
}
.outer {
display:table;
width:100%;
height:100%;
}
.inner {
display:table-cell;
vertical-align:middle;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.light-section-wrapper, .dark-section-wrapper {
margin-left: calc(50% - 50vw)!important;
margin-right: calc(50% - 50vw)!important;
max-width: 1000%!important;
width: 100vw!important;
}
.light-section-container, .dark-section-container {
position: relative;
box-sizing: border-box;
width: 100%;
margin: 0 auto;
}
.content-row {
position:relative;
width:100%;
margin:0 auto;
z-index:1;
opacity:1;
box-sizing:border-box;
}
.clip-effects {
overflow:hidden;
clip-path: inset(4% 10% round 40px);
}
.content-row::after {
clear: both;
content: " ";
display: table;
}
.small {
max-width:820px;
width:100%;
margin:0 auto;
}
.large {
max-width:1380px;
width:100%;
margin:0 auto;
}
.full {
margin-left: calc(50% - 50vw)!important;
margin-right: calc(50% - 50vw)!important;
max-width: 1000%!important;
width: 100vw!important;
}
.row_padding_top {
padding-top:9vw;
}
.row_padding_bottom {
padding-bottom:9vw;
}
.row_padding_left {
padding-left:80px;
}
.row_padding_right {
padding-right:80px;
}
.row_padding_all {
padding-top: 4vw;
padding-bottom: 4vw;
padding-left: 80px;
padding-right: 80px;
}
#rotate-device {
width:100%;
height:100%;
position:fixed;
z-index:1000;
top:0;
left:0;
background-color:#0f1010;
background-image:url(//podernuovoapalazzone.com/wp-content/themes/montoya/images/rotate.png);
background-size:100px 100px;
background-position:center;
background-repeat:no-repeat;
display:none;
}
i.arrow-icon {
border: solid #000;
border-width: 0px 3px 3px 0px;
box-sizing:border-box;
display: block;
position:relative;
top:0px;
left:0px;
height:20px;
width:20px;
}
.light-content i.arrow-icon, .dark-content .item i.arrow-icon {
border: solid #fff;
border-width: 0px 3px 3px 0px;
}
.light-content .change-header i.arrow-icon, .dark-content .change-header i.arrow-icon {
border: solid #000;
border-width: 0px 3px 3px 0px;
}
i.arrow-icon::after {
content: "";
position: absolute;
width: 28px;
height: 3px;
top: 7px;
left: -6px;
background-color: #000;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.light-content i.arrow-icon:after, .light-content .change-header i.arrow-icon::after, .dark-content .item i.arrow-icon::after {
background-color:#fff;
}
.light-content .change-header i.arrow-icon::after, .dark-content .change-header i.arrow-icon::after {
background-color:#000;
}
i.arrow-icon-down {
border: solid #222;
border-width: 0px 2px 2px 0px;
box-sizing:border-box;
display: block;
position:relative;
top:14px;
left:14px;
height: 12px !important;
width: 12px !important;
line-height: 12px !important;
}
i.arrow-icon-down.left {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
i.arrow-icon-down::after {
content: "";
position: absolute;
width: 16px;
height: 2px;
top: 4px;
left: -3px;
background-color: #222;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.light-content i.arrow-icon-down {
border: solid #fff;
border-width: 0px 2px 2px 0px;
}
.light-content i.arrow-icon-down::after {
background-color: #fff;
}
i.arrow-icon-up {
border: solid #222;
border-width:  2px 2px 0px 0px;
box-sizing:border-box;
display: block;
position:relative;
top:14px;
left:14px;
height: 12px !important;
width: 12px !important;
line-height: 12px !important;
}	
i.arrow-icon-up.right {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}	
i.arrow-icon-up::after {
content: "";
position: absolute;
width: 16px;
height: 2px;
top: 4px;
left: -3px;
background-color: #222;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.light-content i.arrow-icon-up {
border: solid #fff;
border-width:  2px 2px 0px 0px;
}
.light-content i.arrow-icon-up::after {
background-color: #fff;
} #magic-cursor {
position: absolute;
left:0;
top:0;
width: 30px;
height: 30px;
pointer-events: none;
z-index:10000;
-webkit-transition: opacity 0.2s ease-in-out 0.5s;
transition: opacity 0.2s ease-in-out 0.5s;
}
.hidden-ball #magic-cursor {
opacity:0!important;
visibility:hidden;
}
#ball {
position: fixed;
width: 80px;
height: 80px;
border: 2px solid #999999;
border-radius: 50%;
pointer-events: none;
opacity:1;
box-sizing:border-box;
-webkit-transform: scale(0.5);
transform: scale(0.5);	
}
.light-content #ball, #ball.over-movie,  .light-content #ball.with-icon {
border: 2px solid #999999;
border-color:#999999;
}
#ball.with-blur {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);		
}
#ball:before {
font: var(--fa-font-solid);
content: "\f106";
font-size:14px;
width:8px;
height:16px;
line-height:16px;
text-align:center;
position:absolute;
left: 32px;
top: -42px;
color:#999;
opacity:0;
transform: translateY(-20px);
-webkit-transform: translateY(-20px);
transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.light-content #ball:before {
color:#999;
}
#ball::after {
font: var(--fa-font-solid);
content: "\f107";
font-size: 14px;
width: 8px;
height: 16px;
line-height: 16px;
text-align: center;
position: absolute;
left: 32px;
top: 100px;
color: #999;
opacity:0;
transform: translateY(20px);
-webkit-transform: translateY(20px);
transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.light-content #ball:before, .light-content #ball:after {
color:#999;
}
.scale-up #ball:before, .scale-drag-horizontal #ball:before {
opacity:1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.scale-drag-horizontal #ball:before {
color: #fff;
}
.scale-up #ball:after, .scale-drag-horizontal #ball:after {
opacity:1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.scale-drag-horizontal #ball:after {
color: #fff;
}
.scale-up.scale-none #ball:before, .scale-up.scale-none #ball:after {
opacity:0;
}
#ball-drag-x {
position: absolute;
width: 72px;
height: 72px;
pointer-events: none;
opacity:1;
box-sizing:border-box;	
}
#ball-drag-x::before {
font: var(--fa-font-solid);
content: "\f053";
font-size: 14px;
width: 8px;
height: 16px;
line-height: 16px;
text-align: center;
position: absolute;
left: -37px;
top: 30px;
color: #000;
opacity: 0;
transform: translateX(-20px);
-webkit-transform: translateX(-20px);
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.light-content #ball-drag-x:before {
color:#fff;
}
#ball-drag-x::after {
font: var(--fa-font-solid);
content: "\f054";
font-size: 14px;
width: 8px;
height: 16px;
line-height: 16px;
text-align: center;
position: absolute;
right: -40px;
left: auto;
top: 30px;
color: #000;
opacity: 0;
transform: translateX(20px);
-webkit-transform: translateX(20px);
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.light-content #ball-drag-x:before, .light-content #ball-drag-x:after {
color:#fff;
}
.drag-cursor-white #ball-drag-x:before, .drag-cursor-white #ball-drag-x:after {
color:#fff;
}
.drag-cursor-black #ball-drag-x:before, .drag-cursor-black #ball-drag-x:after {
color:#000;
}
.scale-drag-x #ball-drag-x:before {
opacity:1;
transform: translateX(0px);
-webkit-transform: translateX(0px);
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.scale-drag-x #ball-drag-x:after {
opacity:1;
transform: translateX(0px);
-webkit-transform: translateX(0px);
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.scale-up.scale-drag #ball-drag-x:before, .scale-up.scale-drag #ball-drag-x:after {
opacity:0;
}
#ball-drag-y {
position: absolute;
width: 72px;
height: 72px;
pointer-events: none;
opacity:1;
box-sizing:border-box;	
}
#ball-drag-y:before {
font: var(--fa-font-solid);
content: "\f077";
font-size:14px;
width:8px;
height:16px;
line-height:16px;
text-align:center;
position:absolute;
left: 32px;
top: -40px;
color:#000;
opacity:0;
transform: translateY(-20px);
-webkit-transform: translateY(-20px);
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.light-content #ball-drag-y:before {
color:#fff;
}
#ball-drag-y::after {
font: var(--fa-font-solid);
content: "\f078";
font-size: 14px;
width: 8px;
height: 16px;
line-height: 16px;
text-align: center;
position: absolute;
left: 32px;
top: 100px;
color: #000;
opacity:0;
transform: translateY(20px);
-webkit-transform: translateY(20px);
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.light-content #ball-drag-y:before, .light-content #ball-drag-y:after {
color:#fff;
}
.scale-drag-y #ball-drag-y:before {
opacity:1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.scale-drag-y #ball-drag-y:after {
opacity:1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.scale-up.scale-drag #ball-drag-y:before, .scale-up.scale-drag #ball-drag-y:after {
opacity:0;
}
#ball i {
color:#fff;
width:76px;
height:80px;
line-height:78px;
text-align:center;
font-size:14px;
display:block;
opacity:1;
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#ball {
display:flex;
flex-direction: column;
justify-content: center;
}
#ball p {
color:#fff;
width:auto;
height:16px;
line-height:16px;
padding-top:0px;
padding-left:0px;
box-sizing:border-box;
margin:0 auto;
margin-bottom:0;
text-align:center;
font-size:10px;
font-weight: 600;
display:flex;
flex-direction: column;
align-self: center;
opacity:1;
position:relative;
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.light-content #ball p {
color:#fff;
}
#ball p.center-first::before {
content:"[";
font-size:12px;
font-weight: 500;
position:absolute;
height:20px;
top:calc(50% - 10px);
left:-8px;
line-height:20px;
}
#ball p.center-first::after {
content:"]";
font-size:12px;
font-weight: 500;
position:absolute;
height:20px;
top:calc(50% - 10px);
right:-8px;
line-height:20px;
}
.light-content #ball i, #ball.over-movie i, .light-content #ball.with-icon i {
color:#fff;
}
.drag-cursor-white #ball i, .drag-cursor-white #ball.with-icon i {
color:#fff;
}
.drag-cursor-black #ball i, .drag-cursor-black #ball.with-icon i {
color:#000;
}
.light-content #ball.with-icon.dark-icon i {
color:#000;
}
.scale-up #ball i {
opacity:0;
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#ball.with-icon i {
width:76px;
}
#ball.with-icon i:nth-child(2) {
display:none;
}
#ball.close-icon i {
width:75px;
height:76px;
font-size:14px;
}
#ball.over-movie i.fa-play, #ball.over-movie.pause-movie i.fa-pause {
display:block;
}
#ball.over-movie i.fa-pause, #ball.over-movie.pause-movie i.fa-play {
display:none;
}
#ball-loader {
width: 100px;
height: 100px;
position:absolute;
background-color: transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid #999999;
border-left: 4px solid transparent;
border-top: 4px solid transparent;
border-radius: 100px;
box-sizing: border-box;
opacity:0;
-webkit-transform: translate(-14px, -14px) rotate(0deg);
transform: translate(-14px, -14px) rotate(0deg);
-webkit-animation: rotating 0.8s ease-in-out infinite;
animation: rotating 0.8s ease-in-out infinite;
-webkit-transition: opacity 0s ease-in-out 0s;
transition: opacity 0s ease-in-out 0s;
}
.light-content #ball-loader { 
border-bottom: 4px solid #999999;
}
.show-loader #ball-loader {
opacity:1;
-webkit-transition: opacity 0.2s ease-in-out 0s;
transition: opacity 0.2s ease-in-out 0s;
}
@keyframes rotating {
0% {
-webkit-transform: translate(-14px, -14px)rotate(0deg);
transform:  translate(-14px, -14px)) rotate(0deg);
}
95% {
-webkit-transform:  translate(-14px, -14px) rotate(350deg);
transform:  translate(-14px, -14px) rotate(350deg);
}
100% {
-webkit-transform:  translate(-14px, -14px) rotate(360deg);
transform:  translate(-14px, -14px) rotate(360deg);
}
}
.show-loader a, .show-loader nav, .scale-up a, .scale-up .hide-ball, scale-up .link, .scale-up .button-wrap, .scale-up #burger-wrapper, .scale-up .disable-drag, .scale-drag a, .scale-drag .move-title {
pointer-events:none!important;
}
.disable-cursor #magic-cursor {
display:none;
}
#ball i.arrow-icon {
border: solid #fff;
border-width: 3px 3px 0px 0px;
box-sizing:border-box;
display: block;
position:absolute;
top:28px;
left:30px;
height:20px;
width:20px;
}
.light-content #ball i.arrow-icon {
border: solid #fff;
border-width: 3px 3px 0px 0px;
}
#ball i.arrow-icon:after {
content:"";
position:absolute;
width:30px;
height:3px;
top:8px;
left:-8px;
background-color:#fff;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.light-content #ball i.arrow-icon:after {
background-color:#fff;
} .disable-ajaxload .preloader-wrap {
display:none;
}
.preloader-wrap {
width: 100%;
height:100%;
position: fixed;
top: 0; 
bottom: 0;
background: #000;
z-index : 1800;
text-align:center;
}
.preloader-wrap .outer {
padding: 0px;
box-sizing:border-box;
}
.preloader-wrap .inner {
vertical-align:middle;
box-sizing:border-box;
}
.percentage-wrapper {
position:relative;
display:block;
text-align:center;
float:left;
width:auto;
overflow:hidden;
z-index:10;
mix-blend-mode: difference;
}
.percentage {
opacity: 1;
font-size: 16px;
line-height: 60px;
width:50px;
font-weight: 500;
color:#fff;		
display: table;
margin: 0 auto;
margin-top:1px;
opacity:0;
text-align:center;
}
.percentage::after {
content: "%";
}
.percentage-intro {
height: 20px;
font-size: 16px;
font-weight: 500;
line-height: 20px;
color:rgba(255,255,255,0.6);
position: absolute;
bottom: 60px;
left: 0;
right: 0;
margin: 0 auto;
}
.trackbar {
width: 100%;
height: 100%;
clip-path: inset(45% 40% 45% 40%);
margin: 0 auto;
display: flex;
position: absolute;
top:0;
left:0;
padding: 0 80px;
box-sizing:border-box;
opacity: 1;
background: rgba(255,255,255,0.05);
}
.loadbar {
width: 0;
height: 100%;
background: #fff;
position: absolute;
top: 0px;
left: 0;
right: auto;
overflow: hidden;
z-index:0;
}
.loadbar-inner {
width: 100%;
height: 100%;
background: #000;
position: absolute;
top: 0px;
left: auto;
right: auto;
overflow: hidden;
z-index:20;
clip-path: circle(0%);
}
.hold-progress-bar {
width: 0%;
height: 0px;
background: rgba(0,0,0,1);
position: absolute;
top: 0px;
left: 0;
right:0;
overflow: hidden;
}
.preloader-intro {
position:relative;
display:block;
color:#fff;
overflow:hidden;
padding-left:0vw;		
float:right;
z-index:10;
mix-blend-mode: difference;		
opacity:0;
}
.uppercase-titles .preloader-intro {
text-transform:uppercase;
}
.preloader-intro span {
position: relative;
display:block;
font-weight:500;
position: relative;
font-size: 16px;
line-height: 60px;
} header {
width:100%;
height:120px;
left:0;
top:0;
background-color:transparent;
position:fixed;
box-sizing:border-box;
z-index:1000;
pointer-events:none;
-webkit-transition: background 0.4s ease-in-out 0.3s;
transition: background 0s ease-in-out 0s;
}
#header-container {
box-sizing: border-box;
height: inherit;
padding: 20px 80px;
margin: 0 auto;
position: relative;
width: 100%;
z-index: 20;
opacity: 0;
}
.header-visible #header-container{
opacity:1;
}
#logo {
position: relative;
display: table;
pointer-events: initial;
z-index: 10;
top: 15px;
float: left;
}
#logo a {
display:block;
-webkit-transition: transform 0.5s ease-in-out 0.1s;
transition: transform 0.5s ease-in-out 0.1s;	
}
#logo a.disable, .open #logo a {
pointer-events: none;
}
#logo img {
display: block;
height: 50px;
width: auto;
max-width:none;
-webkit-transition: opacity 0.15s ease-in-out 0s;
transition: opacity 0.15s ease-in-out 0s;
}
#logo img.black-logo {
opacity:1;
}
.light-content #logo img.black-logo {
opacity:0;
}
#logo img.white-logo {
position:absolute;
top:0;
left:0;
opacity:0;
}
.light-content #logo img.white-logo {
opacity:1;
}
.white-header #logo img.black-logo {
opacity:0;
}
.light-content .white-header #logo img.black-logo {
opacity:1;
}
.light-content .white-header.over-white-section #logo img.black-logo, .show-loader1 .light-content .white-header #logo img.black-logo {
opacity:0;
}
.white-header #logo img.white-logo {
opacity:1;
}
.light-content .white-header #logo img.white-logo {
opacity:0;
}
.light-content .white-header.over-white-section #logo img.white-logo, .show-loader1 .light-content .white-header #logo img.white-logo {
opacity:1;
}
.menu-open.light-content .slide-in #logo img.white-logo {
opacity:1;
}
nav {
pointer-events: none;
}
nav.open {
pointer-events: initial;
}
.dark-content-header #logo img.black-logo {
opacity:1!important;
}
.dark-content-header #logo img.white-logo {
opacity:0!important;
}
.light-content-header #logo img.black-logo {
opacity:0!important;
}
.light-content-header #logo img.white-logo {
opacity:1!important;
}
@media all and (min-width: 1025px) {
.classic-menu nav {
position: relative;
width: auto;
top: 0px;
-webkit-transition: all 0.2s ease-in-out 0.5s;
transition: all 0.2s ease-in-out 0.5s;
display:block;
float:right;
height: 60px;
margin: 10px 0;
background-color:transparent!important;
opacity: 1 !important;
}
.classic-menu .flexnav {
display: block;
float: right;
position: relative;
width: auto;
max-height: 60px;
}
.classic-menu .flexnav li ul {   
min-width: 180px;
}	
.classic-menu .flexnav .touch-button {
background: transparent none repeat scroll 0 0;
}	
.flexnav .touch-button .navicon {
display:none;
}
.classic-menu .flexnav li {    
background: transparent none repeat scroll 0 0;
padding:0 30px;
padding-bottom:20px;
padding-top:20px;
}
.classic-menu .menu-timeline {
opacity:1!important;
-webkit-transition: translateY(0px)!important;
transform: translateY(0px)!important;
pointer-events:initial;
}
.classic-menu .flexnav li:last-child {
padding-right:0px;
}
.classic-menu .before-span {
opacity:1!important;
-webkit-transition: translateY(0px)!important;
transform: translateY(0px)!important;
}
.classic-menu .flexnav li a {    
background: transparent none repeat scroll 0 0;
padding: 0;
position:relative;
border-left: medium none;
color:#222;		
font-size:14px;
font-weight:500;
line-height:24px;
display:block;
overflow:hidden;			
}
.light-content .classic-menu .flexnav li a { 
color:#fff;		
}
.light-content  .classic-menu.white-header .flexnav li a { 
color:#222;		
}
.classic-menu.white-header .flexnav li a { 
color:#fff;		
}
.flexnav:hover li a {
color: rgba(0,0,0,0.4);
}
.light-content .classic-menu .flexnav:hover li a {
color: rgba(255,255,255,0.4);
}
.classic-menu.white-header .flexnav:hover li a {
color: rgba(255,255,255,0.4);
}
.light-content  .classic-menu.white-header .flexnav:hover li a {
color: rgba(0,0,0,0.4);	
}
.classic-menu .flexnav li:hover a {
color:#222;
}
.light-content .classic-menu .flexnav li:hover a {
color:#fff;
}
.classic-menu.white-header .flexnav li:hover a {
color:#fff;
}
.light-content .classic-menu.white-header .flexnav li:hover a {
color:#222;
}
.classic-menu .flexnav li a span {
position: relative;
display: block;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transform-origin: 100% 0%;
}
.classic-menu .flexnav li a span::before {
position: absolute;
top: 100%;
width:100%;
left:0;
content: attr(data-hover);
}
.classic-menu .flexnav li:hover a span {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
transform-origin: 0% 0%;
}
.classic-menu .flexnav li a span:nth-child(2), .classic-menu .flexnav li a span:nth-child(3) {
display:none;
}
.classic-menu .flexnav li ul li a { 
padding:0 20px 20px;
background-color:transparent;
font-size:14px;
font-weight:400;
text-transform:none;
color:#fff!important;
opacity:0.6;
-webkit-transition: all 0.05s ease-in-out;
-moz-transition: all 0.05s ease-in-out;
-o-transition: all 0.05s ease-in-out;
-ms-transition: all 0.05s ease-in-out;
transition: all 0.05s ease-in-out;
}
.classic-menu .flexnav li ul li a.link::before {
display:none;
}
.classic-menu .flexnav li ul li a.active, .classic-menu .flexnav li ul li a:hover {
opacity:1;
}
.classic-menu .flexnav li > ul li {
margin-left:0;
padding:0;
opacity: 1 !important;
transform: none !important;
}
.classic-menu .flexnav li ul {
-webkit-transform: translate3d(0px, 30px, 0px);
transform: translate3d(0px, 30px, 0px);
display:block!important;
opacity:0!important;
height:inherit!important;
overflow:visible!important;
visibility:hidden;
left:15px;
top:60px;
padding-top:20px;
background: #000;		
border-radius:3px;
-webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out!important;
transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out!important;
}
.classic-menu .flexnav li:last-child ul {
left:auto;
right:-10px;
}
.classic-menu .flexnav li ul ul {
left:5px!important;
}
.classic-menu .flexnav li ul:after {
display: block;
content: '';
position: absolute;
top: -6px;
left: 20px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 9px;
border-color: transparent transparent #000;
}
.classic-menu .flexnav li:last-child ul:after {
left: auto;
right: 20px;
}
.classic-menu .flexnav ul li ul:after {
display: block;
content: '';
position: absolute;
top: 15px;
left: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 9px;
border-color: transparent transparent #000;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.classic-menu .flexnav li ul li > ul, .classic-menu .flexnav li ul.open ul.open {
top: -5px;
z-index:10;
}
.classic-menu .flexnav li:last-child ul li > ul, .classic-menu .flexnav li:last-child ul.open ul.open {
margin-left: -100%;
left:-5px!important;
right:auto;
top: 0;
}
.classic-menu .flexnav li:last-child ul li ul::after {
right: -10px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.classic-menu .flexnav ul li ul li a {
background: #000;
}
.classic-menu .flexnav ul li ul li ul li a {
background: #000;
}
.classic-menu .flexnav li ul.flexnav-show {
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
opacity:1!important;
visibility:visible;
-webkit-transition: opacity 0.2s ease-in-out 0.1s, visibility 0.2s ease-in-out, transform 0.2s ease-in-out 0.1s;
transition: opacity 0.2s ease-in-out 0.1s, visibility 0.2s ease-in-out, transform 0.2s ease-in-out 0.1s;	
}
.classic-menu .flexnav .touch-button {
display:none;
} .fullscreen-menu .nav-height {
overflow-y: scroll;
position: relative;
height: 100%;
padding: 40px 0;
padding-right: 30px;
width: calc(100% + 30px);
box-sizing: border-box;
}
.fullscreen-menu nav {
height: 100vh;
position: fixed;
top:0;
left:0;
width: 100%;
box-sizing: border-box;
visibility: visible;
pointer-events:none;
opacity:0;
padding:20px 0;
}
.fullscreen-menu nav.open {
visibility:visible;
pointer-events:initial;
}
.fullscreen-menu .flexnav {
max-height: 2000px;
-webkit-transition: all 0.2s ease-in 0.6s;
transition: all 0.2s ease-in 0.6s;
display: table;
width: auto;
padding:0 20px;
box-sizing:border-box;
margin: 0 auto;
float: none;
}
.fullscreen-menu .flexnav.flexnav-show {
-webkit-transition: all .3s ease-out 0.2s;
transition: all .3s ease-out 0.2s;	
}
.fullscreen-menu .flexnav li {
text-align:center;
padding:0;
box-sizing:border-box;
float:none;			
}
.fullscreen-menu .menu-timeline {
opacity:0;
}
.fullscreen-menu .flexnav li ul li .touch-button {
height:32px;
}
.fullscreen-menu .flexnav:hover li ul li a.active, .fullscreen-menu .flexnav:hover li ul li:hover > a {
opacity:1;
}
.fullscreen-menu .flexnav .touch-button .navicon {
display:none;
}
.fullscreen-menu .flexnav li.link {
border-bottom: none;	
}
.fullscreen-menu .flexnav > li > a {
font-family: 'Six Caps', sans-serif;
font-weight: 500;
font-size: calc(1rem + 8vw);
line-height: calc(1rem + 7.5vw);
padding: 0 50px;
-webkit-transition: all .1s ease-in-out 0s;
transition: all .1s ease-in-out 0s;
text-transform:lowercase;
}
.fullscreen-menu .flexnav .touch-button {
width: 100%;
display: block;
height:calc(1rem + 7.5vw);
}
.fullscreen-menu .flexnav li a {
color:#222;
}
.fullscreen-menu.invert-header .flexnav li a {
color: #fff;
}
.fullscreen-menu .flexnav:hover li a, .fullscreen-menu .flexnav.hover li a {
opacity:0.3;
}
.fullscreen-menu .flexnav li:hover a, .fullscreen-menu .flexnav li a.active{
opacity:1;
}
.fullscreen-menu .flexnav:hover li ul li a {
opacity:0.3;
}
.fullscreen-menu .flexnav:hover li ul li a.active, .fullscreen-menu .flexnav:hover li ul li:hover > a {
opacity:1;
}
.fullscreen-menu .flexnav a.link::before {
display:none;
}
.fullscreen-menu .flexnav li ul {
margin-top:10px;
margin-bottom:10px;
position:relative;
left:0;			
}
.fullscreen-menu .flexnav li ul:after {
display:none;
}
.fullscreen-menu .flexnav li ul li a {
padding: 3px 0;
font-size: 16px;
line-height: 26px;
font-weight:500;
border-top: none;
text-transform:none;
}
.uppercase-text .fullscreen-menu .flexnav li ul li a {
text-transform:uppercase;
line-height:20px;				
}
.fullscreen-menu .flexnav ul li ul li a {
background:transparent;
}
.fullscreen-menu .flexnav li ul li > ul, .fullscreen-menu .flexnav li ul.open ul.open {
margin-left: 0;
top: 0;
}
.fullscreen-menu .menu-timeline {
opacity:1;
}
.fullscreen-menu .menu-timeline .before-span {
opacity:0;
display:block;
-webkit-transform: translateY(120px);
transform: translateY(120px);
}
.fullscreen-menu .flexnav li, .fullscreen-menu .flexnav li a  {
background-color:transparent;
border:0;
}
.fullscreen-menu .flexnav li a span {
position: relative;
display: block;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transform-origin: 100% 0%;
overflow:hidden;
}
.fullscreen-menu .open .flexnav li a span {
overflow:visible;
}
.fullscreen-menu .flexnav li a span::before {
position: absolute;
top: 100%;
width:100%;
left:0;
content: attr(data-hover);
}
.fullscreen-menu .flexnav li:hover a span {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
transform-origin: 0% 0%;
}
.fullscreen-menu .flexnav li.hover a  span {
-webkit-transform: translateY(-100%)!important;
transform: translateY(-100%)!important;
transform-origin: 0% 0%;
}
}
nav, nav.open {
background:transparent;
}
#burger-wrapper {
width: 40px;
height: 40px;
float: right;
top: 0px;
right: 0;
display: flex;
position: relative;
justify-content: center;
align-items: center;
cursor: pointer;
pointer-events: initial;
}
.classic-menu .button-wrap.right.menu {
display:none;
}
.burger-dots #menu-burger {
top:0px;
width: 25px;
height: 25px;
position: relative;
margin: 0 auto;		
z-index:2;
pointer-events: none;
}
.menu-overlay #menu-burger {
display:block;
}
.burger-dots #menu-burger span {
display: block;
position: absolute;
height: 5px;
width: 5px;
border-radius:5px;
background-color: #000;
opacity: 1;
top:8px;
left:0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: background-color  0.05s ease-in-out,  transform  0.2s ease-in-out,  height  0.2s ease-in-out, width  0.2s ease-in-out, top 0.2s ease-in-out, left  0.2s ease-in-out;
transition: background-color  0.05s ease-in-out,  transform  0.2s ease-in-out,  height  0.2s ease-in-out, width  0.2s ease-in-out, top 0.2s ease-in-out, left  0.2s ease-in-out;
}
#burger-wrapper .touch-button {
display:none;
}
.burger-dots #menu-burger span:nth-child(1) {
left: 0px;
}
.burger-dots #menu-burger span:nth-child(2){
left: 10px;
}
.burger-dots #menu-burger span:nth-child(3){
left: 20px;
}
.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger span:nth-child(1) {
left: 10px;
}
.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger span:nth-child(3) {
left: 10px;
}
.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger.open span:nth-child(1) {
left: 3px;
}
.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger.open span:nth-child(3) {
left: 3px;
}
.burger-dots #menu-burger.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top:12px;
height: 2px;
width:20px;
left: 3px;
}
.burger-dots #menu-burger.open span:nth-child(2) {
-webkit-transform: scale(0);
transform: scale(0);
}
.burger-dots #menu-burger.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top:12px;
height: 2px;
width:20px;
left: 3px;
}
.button-wrap.right.burger-lines {
right: -30px;
}
.burger-lines #menu-burger {
width: 16px;
height: 22px;
position: relative;
margin: 0 auto;		
z-index:2;
pointer-events: none;
}
.burger-lines #menu-burger span {
display: block;
position: absolute;
height: 2px;
width: 100%;
opacity: 1;
right: 0;
background-color:#000;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: background-color  0.05s ease-in-out,  transform  0.2s ease-in-out,  top  0.2s ease-in-out;
transition: background-color  0.05s ease-in-out,  transform  0.2s ease-in-out,  top  0.2s ease-in-out;
}
.burger-lines #menu-burger span:nth-child(1) {
top: 5px;
}
.burger-lines #menu-burger span:nth-child(2){
top: 13px;
}
.burger-lines #menu-burger span:nth-child(3){
display:none;
}
.burger-lines #menu-burger.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top:10px;
}
.burger-lines #menu-burger.open span:nth-child(2) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top:10px;
}
.light-content #menu-burger span {
background-color:#fff;
}
.white-header #menu-burger span {
background-color:#fff;
}
.light-content .white-header #menu-burger span {
background-color:#000;
}
.light-content .white-header.over-white-section #menu-burger span, .show-loader1 .light-content .white-header #menu-burger span {
background-color:#fff;
}
.dark-content-header #menu-burger span {
background-color:#000!important;
}
.light-content-header #menu-burger span {
background-color:#fff!important;
}
.dark-content-header .button-text {
color:#000!important;
}
.light-content-header .button-text {
color:#fff!important;
} #content-scroll {
z-index:1;
position:relative;
}
.smooth-scroll #content-scroll {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index:1;		
overflow:hidden; 
}
.scroll-content {
cursor:default!important;
}
.scale-up .scroll-content {
cursor:grabbing!important;
}
.scrollbar-track {
background: transparent!important;
} footer {
position:relative;
width:100%;
height:120px;
z-index:900;
box-sizing:border-box;
text-align:center;
bottom:0;
left:0;
overflow:hidden;
pointer-events:none;
}
footer.fixed {
position:fixed;
}
footer.showcase-footer{
position:fixed;
}
#footer-container {
padding: 0 80px;
margin: 20px auto;
height: 80px;
opacity: 0;
position: absolute;
width: 100%;
box-sizing: border-box;
bottom: 0;
left: 0;
}
.footer-middle {
position: absolute;
margin: 0 auto;
width: 100%;
height: inherit;
display: table;
left: 0;
pointer-events: none;;
}
.copyright {
position: relative;
top: 25px;
width: auto;
height: 30px;
overflow: hidden;
font-size: 14px;
line-height: 30px;
font-weight: 500;
color: #000;
pointer-events: initial;
display: table;
width: auto;
padding: 0px 20px 0px 20px;
max-width: 820px;
box-sizing:border-box;
text-align:center;
margin: 0 auto;	
}
.light-content .copyright {
color:#fff;
}
.socials-wrap {
position:relative;
float: right;
color: #000;
width: 240px;
height: 160px;
box-sizing: border-box;
pointer-events:initial;	
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.light-content .socials-wrap {
color: #fff;
}
footer .socials-wrap {
margin-top:0px;
}
.socials-wrap:hover {
transform: translateY(-40px);
-webkit-transform: translateY(-40px);
}
.socials-text {
float:right;
font-size:14px;
font-weight: 500;		
line-height:40px;
transform:translateY(20px);
}
.socials-wrap:hover .socials-text {
transform: translateY(15px) translateX(5px);
-webkit-transform: translateY(15px) translateX(5px);
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;		
}
.socials-icon {
float:right;
width:30px;
height:40px;
font-size:14px;
line-height:40px;
text-align:right;
margin-left:10px;
transform:scale(1) translateY(20px);
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.socials-wrap:hover .socials-icon {
transform:scale(0) translateY(40px);
width:0;
margin:0;
overflow:hidden;
}
.socials-icon:after, .socials-text:after {
content: "";
clear: both;
display: table;
}
.socials {
height: auto;
line-height: 30px;
position: relative;
width: auto;
margin:0 auto;
margin-top: 10px;
text-align: center;
bottom: 0;
display: table;
transform: translateX(15px);
-webkit-transform: translateX(15px);
}
.socials-wrap .socials {
display: inline-block;
width: 100%;
text-align: right;
}
.socials li {
margin-right: 0px;
margin-left: 10px;
list-style: none;
color: #999;
font-size: 15px;
margin-bottom: 0;
line-height: 40px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 40px;
width: 40px;
float: right;
z-index: 2;
-webkit-transition: background 0.4s ease-in-out 0s;
transition: background 0.4s ease-in-out 0s;
}
.socials-wrap .socials li {
opacity:0;
transform: translateY(20px);
-webkit-transform: translateY(20px);
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.socials-wrap:hover .socials li:nth-child(5) {
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
opacity:1;
transform: translateY(10px);
-webkit-transform: translateY(10px);		
}
.socials-wrap:hover .socials li:nth-child(4) {
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
opacity:1;
transform: translateY(10px);
-webkit-transform: translateY(10px);	
}
.socials-wrap:hover .socials li:nth-child(3) {
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
opacity:1;
transform: translateY(10px);
-webkit-transform: translateY(10px);		
}
.socials-wrap:hover .socials li:nth-child(2) {
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
opacity:1;
transform: translateY(10px);
-webkit-transform: translateY(10px);	
}
.socials-wrap:hover .socials li:nth-child(1) {
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
opacity:1;
transform: translateY(10px);
-webkit-transform: translateY(10px);		
}
.socials li:last-child {
margin-left: 0px;
}
.socials li a {
color: #000;		
font-size:14px;
font-weight: 500;
display: block;
height: 40px;
width: 40px;		
line-height:40px;
text-align:center;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.socials:hover li  a {
opacity:0.3;
}
.socials li a:hover {
color: #000;
opacity:1;
}
.light-content .socials li a {
color: #fff;	
}
.light-content .socials:hover li  a {
opacity:0.3;
}
.light-content .socials li a:hover {
color: #fff;
opacity:1;
}
.button-wrap {
position: relative;
cursor: pointer;
top: 0px;
pointer-events: initial;
width: auto;
display: table;
}
.button-wrap:after {
clear: both;
content: " ";
display: block;
height: 0;
visibility: hidden;
}
.button-wrap.left {
float:left;
left:-32px;	
}
.button-wrap.right {
float:right;
right:-26px;	
}
#main .button-wrap.left {
float:none;
left:-24px;		
}
#main .button-wrap.button-link.left {
float:none;
left:-20px;		
}
#main .button-wrap.right {
float:none;
right:auto;			
}
#main .button-wrap.button-link.right {
right:-2px;		
}
.icon-wrap {
width: 80px;
height: 80px;
display: flex;
position: relative;
justify-content: center;
align-items: center;
float:left;
}
#main .icon-wrap {
width: 60px;
height: 60px;
}
.button-wrap.left .icon-wrap {
float:left;
}
.button-wrap.right .icon-wrap {
float:right;
}
#main  .text-align-right .button-wrap.right {
float:right;
}
.button-icon {
height: 40px;
width: 40px;
color: #000;
text-align: center;
line-height: 40px;
font-size: 18px;
}
.button-icon i.fa-solid.fa-sort {
font-size: 14px;
line-height: 38px;
}
.light-content .button-icon, .dark-section .button-icon {
color:#fff;
}
.light-content .light-section .button-icon {
color:#000;
}
.white-header .button-icon {
color:#fff;		
}
.light-content .white-header .button-icon {
color:#000;		
}
.button-icon i {
height:40px;
line-height:40px;
width:40px;
text-align:center;
}
#main .button-icon i {
line-height:40px;
}
#main .button-icon i.fa.fa-arrow-right {
font-size:14px;
}
.button-text {
font-weight: 500;
font-size: 14px;
line-height:30px;
margin:25px 0;
overflow: hidden;
width:auto;
padding:0 10px;
color:#000;
-webkit-transition: color 0.05s ease-in-out;
transition: color 0.05s ease-in-out;
}
#main #hero-footer .button-text span::after {
content:none;
}
#main .button-text {
font-size: 18px;
line-height:30px;
font-weight: 500;
margin:15px 0;
transition: transform .2s ease-out;
}
#main #hero #hero-footer .button-text {
font-size: 14px;
line-height:30px;
}
#main .large-btn .button-text {
font-size: 20px!important;
font-weight:500;
margin:15px 0;
transition: transform .2s ease-out;
}
.light-content .button-text, .dark-section .button-text {
color:#fff;
}
.light-content .light-section .button-text {
color:#000;
}
.white-header .button-text {
color:#fff;		
}
.light-content .white-header .button-text {
color:#000;		
}
.light-content .white-header.over-white-section .button-text, .show-loader1 .light-content .white-header .button-text {
color:#fff;		
}
.button-wrap.left a {
text-align:left;
float: left;
}
.button-wrap.right a {
text-align:right;
float: right;
}
.button-wrap.right .button-text {
padding-left:0px;
}
.button-text span {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
width:auto;
text-align:center;
transform-origin: 100% 0%;
}
.button-link .button-text, #main .button-link .button-text {
overflow:visible;
transition: padding 0.3s ease-out;
}
.button-link.left .button-text {
padding-left:0px;
}
.button-link.left:hover .button-text {
padding-left:10px;
}
.button-link .button-text span::before {
content: '';
position: absolute;
bottom: 1px;
left: 0;
width: 100%;
height: 1px;
background: transparent;
transform: scaleX(1);
transform-origin: right;
transition: transform 0.3s ease-out;
}
.button-link.left .button-text span::before {
transform-origin: left;
}
.light-content .button-link .button-text span::before, .dark-section .button-link .button-text span::before {
background: transparent;
}
.light-content .light-section .button-link .button-text span::before {
background: transparent;
}
.button-wrap.button-link:hover .button-text span {
transform: translateY(0);
-webkit-transform: translateY(0);
}
.button-link:hover .button-text span::before {
transform: scaleX(0);
-webkit-transform: scaleX(0);
transform-origin: left;
}
.button-link.left:hover .button-text span::before {
transform-origin: right;
}
.button-link .button-icon i {
background-color:#000;
border:1px solid rgba(0,0,0,1);
color:transparent;
font-size: 14px;
border-radius:100%;
transform: scale(0.2);
box-sizing:border-box;
transition: all .3s ease-out;
text-indent:-100px;
overflow:hidden;
opacity:1;
}
.button-link:hover .button-icon i {
background-color:#000;
color:#fff;
border:1px solid rgba(0,0,0,1);
transform: scale(1.2);
text-indent:0px;
opacity:1;
}
.light-content .button-link .button-icon i, .dark-section .button-link .button-icon i {
background-color:#fff;
border:1px solid rgba(255,255,255,1);
}
.light-content .button-link:hover .button-icon i, .dark-section .button-link:hover .button-icon i {
background-color:#fff;
color:#000;
border:1px solid rgba(255,255,255,1);
opacity:1;
}
.light-content .light-section .button-link .button-icon i {
border:1px solid rgba(0,0,0,1);
}
.light-content .light-section .button-link:hover .button-icon i {
background-color:#000;
color:#fff;
border:1px solid rgba(0,0,0,1);
opacity:1;
}
.button-link.right .button-icon i {
transform: scale(0.2) translateX(-60px);
-webkit-transform: scale(0.2) translateX(-60px);
}
.button-link.right:hover .button-icon i {
transform: scale(1.2) translateX(0px);
-webkit-transform: scale(1.2) translateX(0px);
}
.button-wrap.left .button-text span {
text-align:left;
}
.button-wrap.right .button-text span {
text-align:right;
}
.button-text span::before {
position: absolute;
width:auto;
top: 100%;
left:0;
content: attr(data-hover);
}
.header-middle .button-text span::before {
content: attr(data-on);
}
.button-wrap:hover .button-text span {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
transform-origin: 0% 0%;
}
.link-text {
font-weight: 500;
font-size: 14px;
line-height:30px;
margin:0;
overflow: hidden;
display: table;
width:auto;
padding:0;
color:#000;
-webkit-transition: color 0.05s ease-in-out;
transition: color 0.05s ease-in-out;
}
footer .link-text {
float:left;
opacity:0;
margin-top: 25px;
}
p .link-text {
display:inline-table;
font-size:16px;
}
.light-content .link-text, .dark-section .link-text {
color:#fff;
}
.light-content .light-section .link-text {
color:#000;
}
.link-text span {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
width:auto;
text-align:center;
transform-origin: 100% 0%;
pointer-events:initial;
cursor:pointer;
}
.link-text span::before {
position: absolute;
width:auto;
top: 100%;
left:0;
content: attr(data-hover);
}
.link-text:hover span {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
transform-origin: 0% 0%;
}
nav, nav.open {
background:transparent;
} @media only screen and (max-width: 1466px) {
.row_padding_all {
padding-left: 60px;
padding-right: 60px;
}
.row_padding_left {
padding-left:60px;
}
.row_padding_right {
padding-right:60px;
}
.percentage-wrapper {
width:10vw;
}
.percentage-intro {
bottom: 50px;
}
header {
height: 100px;
}
#header-container {
padding: 10px 60px;
}
.flexnav li {
padding: 20px;
}
footer {
height: 100px;
}
#footer-container {
padding: 0 60px;
margin: 10px auto;
}
.socials-wrap:hover .socials-text {
transform: translateY(20px) translateX(5px);
-webkit-transform: translateY(20px) translateX(5px);		
}
}
@media only screen and (max-width: 1024px) {
.parallax-wrap {
transform:none!important;
}
.parallax-element {
transform:none!important;
}
.has-parallax figcaption {
display:none;
}
.destroy {
display:none;
}
.row_padding_left {
padding-left: 0px;
}
.row_padding_right {
padding-right: 0px;
}
.full.row_padding_left {
padding-left: 40px;
}
.full.row_padding_right {
padding-right: 40px;
}
.row_padding_all {
padding-top: 4vw;
padding-bottom: 4vw;
padding-left: 0px;
padding-right: 0px;
}
.full.row_padding_all {
padding-top: 4vw;
padding-bottom: 4vw;
padding-left: 40px;
padding-right: 40px;
}
.big-title {
font-size: calc(1rem + 12vw);
line-height: calc(1rem + 11.5vw);
}	
#magic-cursor {
display:none;
}
.percentage-wrapper {
width:12vw;
}
.percentage-intro {
bottom: 40px;
}
#header-container {
padding: 10px 40px;
}
nav {
height: 100vh;
width: 100%;
position: fixed;
left: 0;
top: 0;		
box-sizing: border-box;
visibility: visible;
pointer-events:none;
opacity:0;
padding:20px 0;	
}
nav.open {
visibility:visible;
pointer-events:initial;
}
.nav-height {
position: relative;
height: 100%;
padding: 40px 0;
width: 100%;
box-sizing: border-box;
overflow-y: auto;
}
.flexnav {
padding: 0 20px;
max-height: 2000px;
display: table;
width: auto;
margin: 0 auto;
text-align:center;
box-sizing:border-box;
background: transparent;
-webkit-transition: all 0.2s ease-in 0.6s;
transition: all 0.2s ease-in 0.6s;
}
.flexnav.flexnav-show {
-webkit-transition: all .3s ease-out 0.2s;
transition: all .3s ease-out 0.2s;	
}
.flexnav.opacity {
opacity: 1;
}
.flexnav li {
padding:0;
-webkit-transition: color .15s ease-out 0s;
transition: color .15s ease-out 0s;	
}
.flexnav:hover li  {
color:rgba(255,255,255,0.4)
}
.flexnav li:hover {
color:rgba(255,255,255,1)
}
.flexnav li a, .flexnav li ul li a {
background: transparent;
}
.flexnav li a {
font-weight:500;
font-size: 9vw;
line-height: 10vw;
padding:0;
border:none;
-webkit-transition: all .1s ease-in-out 0s;
transition: all .1s ease-in-out 0s;
}
.flexnav > li > a {
font-size: calc(1rem + 12vw);
line-height: calc(1rem + 11.5vw);
font-family: 'Six Caps', sans-serif;
text-transform: lowercase;		
}
.flexnav > li > .touch-button {
width: 100%;		
height:calc(1rem + 11.5vw);
display: block;
}
.flexnav li a {
color:#000;
}
.invert-header .flexnav li a {
color: #fff;
}
.flexnav:hover li a {
opacity:0.3;
}
.flexnav li:hover a, .flexnav li a.active{
opacity:1;
}
.flexnav .touch-button {
width: 100%;
display: block;
height:10vw;
}
.flexnav li ul {
margin-bottom:15px;
}
.flexnav li ul li a {
padding: 3px 0;
font-weight: 500;
text-transform:none;
font-size: 16px;
line-height: 26px;
border-top: none;
opacity:0.4;
-webkit-text-stroke:none;
}
.uppercase-text .flexnav li ul li a {
text-transform:uppercase;		
}
.flexnav li ul li:hover a, .flexnav li ul li a.active{
opacity:1;
}
.flexnav:hover li ul li a {
opacity:0.3;
}
.flexnav:hover li ul li a.active, .flexnav:hover li ul li:hover > a {
opacity:1;
}
.flexnav ul li ul li a {
background: transparent;
}
.flexnav li ul li ul li a {
padding: 10px 40px;	
}
.flexnav li ul li .touch-button {
height:30px;
}
.flexnav .touch-button .navicon {
display:none;
}
#menu-burger span.touch-button {
display:none;
}
.classic-menu .button-wrap.right.menu {
display: block;
}
#footer-container {
padding: 0 40px;	
}
.copyright {
text-align:center;
}
.socials-wrap {
width: 240px;
height: 40px;
float:right;
margin:0 auto;
right:-10px;
transform: translateX(0px) translateY(20px)!important;
-webkit-transform: translateX(0px) translateY(20px)!important;
}
.socials-wrap:hover {
transform: translateY(20px);
-webkit-transform: translateY(20px);
}
.socials-icon, .socials-text {
display:none;
}
.socials-wrap .socials {
margin-top: 3px;
text-align: right;
transform: translateX(0px);
-webkit-transform: translateX(0px);	
}
.socials-wrap .socials li {
opacity: 1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
.socials-wrap:hover .socials li {
opacity: 1;
transform: translateY(0px)!important;
-webkit-transform: translateY(0px)!important;
}
.socials li {
margin-right: 10px;
line-height: 30px;
height: 30px;
width: 30px;
margin: 0 5px auto;
display: inline-block;
float: none;
}
.socials li a {
height: 30px;
width: 30px;
line-height: 30px;
}
}
@media only screen and (max-width: 767px) {
figcaption {
background-color: rgba(0,0,0,0.3);
bottom: 0px;
font-size: 10px;
padding: 5px 10px;
right: 0px;
border-radius: 0;
}
.text-aligh-right {
text-align:left;
}
.one_half {
width: 100%!important;
}
.one_half {
padding-right: 0!important;
}
.one_half.last {
padding-left: 0!important;
}
.one_third {
width: 100%!important;
}	
.one_fourth {
width: 100%!important;
}	
.one_fifth {
width: 100%!important;
}	
.one_sixth {
width: 100%!important;
}	
.two_fifth {
width: 100%!important;
}	
.two_fourth {
width: 100%!important;
}		
.two_third {
width: 100%!important;
}	
.three_fifth {
width: 100%!important;
}	
.three_fourth {
width: 100%!important;
}	
.four_fifth {
width: 100%!important;
}	
.five_sixth {
width: 100%!important;
}	
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
margin-bottom: 30px!important;
margin-right: 0%!important;
}
.row_padding_top {
padding-top:10vw;
}
.row_padding_bottom {
padding-bottom:10vw;
}
.row_padding_left {
padding-left: 0px;
}
.row_padding_right {
padding-right: 0px;
}
.full.row_padding_left {
padding-left: 30px;
}
.full.row_padding_right {
padding-right: 30px;
}
.row_padding_all {
padding-top: 4vw;
padding-bottom: 4vw;
padding-left: 0px;
padding-right: 0px;
}
.full.row_padding_all {
padding-top: 4vw;
padding-bottom: 4vw;
padding-left: 30px;
padding-right: 30px;
}
.clip-effects {
overflow: hidden;
clip-path: inset(2% 5% round 30px);
}
hr {
height: 20px;
}
.big-title {
font-size: calc(1rem + 13vw);
line-height: calc(1rem + 12.5vw);
}
.bigger {
font-size: 20px;
line-height: 30px;
}
.percentage-wrapper {
width:16vw;
}
.percentage-intro {
bottom: 30px;
}
header {
height:80px;
}
#header-container {
padding: 0;
margin: 0 auto;
}
#logo {
left: 30px;
}
.button-wrap.right.menu {
right: 4px;
}
.button-wrap.right.menu.burger-lines {
right: 0px;
}
header .button-text {
display: none;
}
.flexnav > li > a {
font-size: calc(1rem + 13vw);
line-height: calc(1rem + 12.5vw);
}
.flexnav > li > .touch-button {
height:calc(1rem + 12.5vw);
}
footer {
height: 80px;
}
.footer-button-wrap {
bottom: 80px;
}
#footer-container {
height: 80px;
padding: 0 30px;
margin:0;
}
#footer-container #backtotop.button-wrap.left {
float: none;
top:5px;
left: 0;
right: 0;
position: absolute;
display:block;
}
#backtotop.button-wrap.left .button-text {
text-align: left;
float: left;
display: none;
}
#backtotop.button-wrap.left .icon-wrap {
float: none;
position: absolute;
right: auto;
left: 0;
margin: auto;
top: 0px;
opacity:0.4;
-webkit-transition: opacity 0.2s ease-out 0s;
transition: opacity 0.2s ease-out 0s;
}
#backtotop.button-wrap.left:hover .icon-wrap {
opacity:1;
}
.footer-middle {
max-width: 1180px;
height:20px;
position: relative;
margin: 0 auto;
left: 0;
width: 100%;
top: 0px;
margin-bottom: 15px;
}
.copyright {
margin: 0 auto;
left: auto;
right: auto;
top: 0;
height: 20px;
line-height: 20px;
}
footer.showcase-footer .arrows-wrap {
right: auto;
left: -30px;
float: left;
margin: auto;
}
.socials-wrap {
width: auto;
float: none;
display: table;
left: auto;
right: auto;
top: 0;
margin: 0 auto;		
height: 20px;
line-height: 20px;
transform: translateX(0px) translateY(0px)!important;
-webkit-transform: translateX(0px) translateY(0px)!important;
}
.socials-wrap .socials {
text-align: center;
margin: 0 auto;
height: 20px;
line-height: 20px;
display: table;
width: auto;
}
.socials li, .socials li a {
height: 20px;
line-height: 20px;
margin: 0 auto;
}
}
@media only screen and (max-width: 479px) {	
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
margin-bottom: 20px!important;
margin-right: 0%!important;
}
.row_padding_top {
padding-top:12vw;
}
.row_padding_bottom {
padding-bottom:12vw;
}
.row_padding_left {
padding-left: 0px;
}
.row_padding_right {
padding-right: 0px;
}
.full.row_padding_left {
padding-left: 20px;
}
.full.row_padding_right {
padding-right: 20px;
}
.row_padding_all {
padding-top: 4vw;
padding-bottom: 4vw;
padding-left: 0px;
padding-right: 0px;
}
.full.row_padding_all {
padding-top: 4vw;
padding-bottom: 4vw;
padding-left: 20px;
padding-right: 20px;
}
hr {
height: 10px;
}
.big-title {
font-size: calc(1rem + 14vw);
line-height: calc(1rem + 13.5vw);
}
.percentage-wrapper {
width:20vw;
}
#logo {
left: 20px;
}
.button-wrap.right.menu {
right: -6px;
}
.button-wrap.right.menu.burger-lines {
right: -10px;
}
.flexnav > li > a {
font-size: calc(1rem + 14vw);
line-height: calc(1rem + 13.5vw);
}
.flexnav > li > .touch-button {
height:calc(1rem + 13.5vw);
}
#footer-container {
padding: 0px;
margin:0;
}
footer.showcase-footer #footer-container {
padding: 0px 20px;
}
.arrows-wrap {
left: -10px;
width: 80px;
}
.prev-wrap, .next-wrap {
width: 40px;
}
footer.showcase-footer .arrows-wrap {
right: 0;
left: 0;
float: none;
margin: auto;
}
footer.showcase-footer .arrows-wrap {
width: 100%;
}
footer.showcase-footer .prev-wrap, footer.showcase-footer .next-wrap {
width: 60px;
}
footer.showcase-footer .footer-middle {
top: 0px;
}
footer.showcase-footer .showcase-subtitles-wrap {
left: 0;
}
footer.showcase-footer .socials-wrap {
display:none;
}
.button-text {
display:none;
}
#main-page-content .button-text, #hero .button-text {
display:block;
}
}
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
#rotate-device {
display:block;
}
}